/*banner*/
.ind-banner{width: 100%; position: relative; overflow: hidden; z-index: 1;} 
.ind-banner canvas{ width:100%; height: 100%; position: absolute; left: 0; top: 0;}
/*.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg{ height: 8.5rem; overflow: hidden; }*/
.ind-banner .swiper-slide {position: relative; height: 8.5rem; overflow:hidden;}
.ind-banner .swiper-slide .bg{ height: 8.5rem; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide .bg img{ width: 100%; height: 100%; object-fit: cover;}

.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .one{ position: absolute; left: 0; width: 100%; text-align: center; top: 34%; z-index: 1;}
.ind-banner .one .cn{ font-size: 0.72rem; line-height: 0.72rem; color: #fff; font-weight: bold; }
.ind-banner .one .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; }
.ind-banner .one .wen{ color: #fff; font-size: 0.4rem; line-height: 0.4rem; padding-top: 0.25rem; }
.ind-banner .one .more{ width: 1.6rem; margin: 0.45rem auto 0; }
.ind-banner .one .more a{ display: block; width: 100%; box-sizing: border-box; border: #fff solid 2px; font-family:bold; height: 0.56rem; line-height: 0.5rem; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; }
.ind-banner .two{ position: absolute; left: 0; width: 100%; text-align: center; top: 24%; z-index: 1; }
.ind-banner .two .txt{ position: relative; padding-bottom: 0.3rem; font-size: 0.6rem; line-height: 0.6rem; display: inline-block; font-weight: bold; background-image:-webkit-linear-gradient(left,#255edf,#52bbf8);
 background-image:linear-gradient(to right,#255edf,#52bbf8); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.ind-banner .two .txt:after{ content: ''; position: absolute; width: 40px; height: 3px; background: #057cd5; left: 50%; margin-left: -20px; bottom: 0; }
.ind-banner .two .cn{ position: relative; padding-bottom: 0.3rem; font-size: 0.6rem; line-height: 0.6rem; display: inline-block; font-weight: bold; color: #fff;}
.ind-banner .two .cn:after{ content: ''; position: absolute; width: 40px; height: 3px; background: #fff; left: 50%; margin-left: -20px; bottom: 0; }
.ind-banner .two .wen{ padding: 0.4rem 0; font-size: 0.24rem; color: #0082d4; line-height: 0.36rem; width: 7.9rem; margin: 0 auto; }
.ind-banner .two .wen2{ color: #fff; }
.ind-banner .two .more{ width: 1.6rem; margin: 0 auto; }
.ind-banner .two .more a{ display: block; width: 100%; box-sizing: border-box; font-family:bold; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase; background-image: linear-gradient(left,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(left,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(left,#057fd6,#0140b5);
    background-image: -o-linear-gradient(left,#057fd6,#0140b5);
    background-image: linear-gradient(to right,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -o-linear-gradient(to right,#057fd6,#0140b5);}

.ind-banner .se{ display: block; width: 19px; height: 35px; position: absolute; z-index: 3; top: 50%; margin-top: -18px; opacity: 0.5;}
.ind-banner .se:hover{ opacity: 1; }
.ind-banner .prev { left: 50%; margin-left: -7.68rem; background: url(../images/nimg19_left.png) no-repeat;}
.ind-banner .next { right: 50%; margin-right: -7.68rem; background: url(../images/nimg19_right.png) no-repeat; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; bottom: 30px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;}
/*banner结束*/

.indexP1{ padding: 1.0rem 0 1.9rem; position: relative; }
.indexP1:before{ content: ''; position: absolute; z-index: -1; opacity: 0; left: 0; top: 0; width: 3.13rem; height: 1.77rem; background: url(../images/warplane.png) no-repeat; background-size: 3.13rem; }
.indexP1:after{ content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: 0; background: url(../images/indexP1.png) center bottom no-repeat; transition: height 2s ease; -webkit-transition: height 2s ease; -moz-transition: height 2s ease; -ms-transition: height 2s ease; -o-transition: height 2s ease; }
.indexP1.on:before{ animation: move 2s cubic-bezier(.77,0,.175,1) forwards;}
.indexP1.on:after{ height: 2.14rem; }
.indexP1 .leftDiv{ width: 5.0rem; }
.indexP1 .name{ color: #000; font-weight: bold; padding-bottom: 0.15rem; font-size: 0.36rem; line-height: 0.36rem; }
.indexP1 .year{ font-family: light; font-size: 0.36rem; line-height: 0.36rem; color: #1792cb; text-transform: uppercase; }
.indexP1 .txt{ display: inline-block; padding: 0.5rem 0 0.25rem; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; background-image:-webkit-linear-gradient(left,#1d309e,#048ccc);
 background-image:linear-gradient(to right,#1d309e,#048ccc); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.indexP1 .wen{ font-size: 0.22rem; color: #333; line-height: 0.3rem; }
.indexP1 .more{ padding-top:0.5rem; width:1.45rem; }
.indexP1 .more a{ display: block; width: 100%; box-sizing: border-box; border: #1792cb solid 2px; font-family:bold; height: 0.56rem; line-height: 0.5rem; text-align: center; font-size: 14px; color: #1792cb; text-transform: uppercase; }
.indexP1 .more a:hover{ background:#1792cb; color:#fff;}

.indexP1 .rightDiv{ width: 8.65rem; }
.indexP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #333;}
.indexP1 .numList{ padding-top: 0.75rem; }
.indexP1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
/*.indexP1 .numList li{ float: left; }
.indexP1 .numList li:nth-child(1){ width: 2.3rem; }
.indexP1 .numList li:nth-child(2){ width: 1.5rem; }
.indexP1 .numList li:nth-child(3){ width: 2.4rem; }
.indexP1 .numList li:nth-child(4){ float: right; width: auto; }*/
.indexP1 .numList li .pj{ height: 0.7rem; }
.indexP1 .numList li .num{ font-size: 0.24rem; color: #333; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; }
.indexP1 .numList li .numUp{ color: #81b92e; font-size: 0.6rem; line-height: 0.5rem; font-family:bold; }
.indexP1 .numList li .num img{ position: relative; top: -0.25rem; padding: 0 5px 0 10px; }
.indexP1 .numList li p{ font-size: 14px; color: #333; line-height: 14px; }

.aboutP1{ padding: 0.8rem 0 0.95rem; position: relative; }
.aboutP1 .mxfDiv{ margin-top: 0.45rem; position: relative; }
.aboutP1 .leftDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0.4rem; width: 7.68rem; }
.aboutP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #1792cb; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP1 .txt{ font-size: 0.36rem; line-height: 0.36rem; color: #333; }
.aboutP1 .content{ padding-top: 0.6rem; font-size: 0.16rem; line-height: 0.36rem; text-align: justify; }

.aboutP1 .rightImg{ width: 8.58rem; }
.aboutP1 .rightImg img{ width: 100%; }

.aboutP1 .trans_bg{ position: absolute; left: 50%; top: 0.4rem; margin-left: -9.2rem; width:214px; height:214px; }
.aboutP1 .bg_shade { background: url(../images/quan_bg.png) no-repeat; width: 214px; height: 214px; position: absolute; left: 0; top: 0;}
.aboutP1 .heart_box{ width: 214px; height: 214px; position: relative;}
.aboutP1 .heart_box .heart{position:absolute;width:89px;height:89px;background: url(../images/quan_circle.png) no-repeat;left: 50%;top: 50%; margin-left: -45px; margin-top: -45px;}
/*.aboutP1 .heart_box .shan{width: 211px;height: 129px;background: url(../images/quan_rotate.png) no-repeat;top: 25px;left: 42px;position: absolute;
    -webkit-transform-origin: 107px 124px;
    transform-origin: 108px 124px;
    transform: rotate(0deg);
    animation: radar 5s linear infinite;
}*/
.aboutP1 .heart_box .shan{width: 140px;height: 96px;background: url(../images/quan_rotate.png) no-repeat;top: 20px;left: 32px;position: absolute;
    -webkit-transform-origin: 75px 88px;
    transform-origin: 75px 88px;
    transform: rotate(0deg);
    animation: radar 5s linear infinite;
}
@keyframes radar{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.aboutP2{ height: 6.0rem; padding-top: 2.7rem; box-sizing: border-box; background: center no-repeat; background-size: cover; background-attachment: fixed; }
.aboutP2 .numList li{ float: left; width: 2.75rem; color: #fff; }
.aboutP2 .numList li:last-child{ float: right; width: auto; }
.aboutP2 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP2 .numList li .numUp{ font-family: bold; font-size: 0.72rem; line-height: 0.6rem; padding-right: 0.1rem;}
.aboutP2 .numList li p{ font-size: 0.16rem; height: 0.6rem; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP2 .numList li span{ position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url(../images/ico4.png) no-repeat; }
.aboutP2 .numList li .wen{ font-size: 0.16rem; line-height: 0.16rem; height: 0.45rem; }

.history{ padding: 0.8rem 0 1.5rem; position: relative; }

.wenji{ margin-top: 0.8rem; position: relative; }
#tsparticles {
  position: absolute;
  width: 50%;
  right: 0; top: 0;
  height: 100%;
  background-color: #f7f8fa;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.historyPic{ position: relative; margin-top: 0.8rem; background: #f7f8fa;}
.historyPic .list{ overflow: hidden; }
.historyPic .mxfDiv{ overflow: hidden;}
.historyPic .leftDiv{ width: 50%; position: relative; overflow: hidden; }
.historyPic .imgDiv img{ width: 100%; }
.historyPic .layer{ position: absolute; left: 0; top: 30%; width: 100%; text-align: center; color: #fff; z-index: 1;opacity:0 }
.historyPic .year{ font-size: 0.3rem; line-height: 0.3rem;}
.historyPic .year b{ font-size: 0.48rem; font-family: bold; }
.historyPic .name{ padding-top: 0.15rem; font-size: 0.48rem; line-height: 0.48rem; }
.historyPic .rightDiv{ width: 50%; padding: 0.85rem 0.65rem 0 0.5rem; box-sizing: border-box; }
.historyPic .rightDiv dl{ position:relative; top:0.2rem; opacity: 0; visibility:hidden;}
.historyPic .rightDiv dd{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; padding-left: 32px; padding-bottom: 0.45rem; background: url(../images/ico5.png) left 0.08rem no-repeat; }
.historyPic .rightDiv dd:last-child{ padding-bottom: 0; }
.historyPic .leftDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.historyPic .swiper-slide-active .layer{ animation: move 2s cubic-bezier(.77,0,.175,1) forwards;}
.historyPic .swiper-slide-active dl { opacity: 1; visibility: visible; top:0; transition-delay: .6s; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; }


.historyPic .btn{ position: absolute; display: block; z-index: 2; width: 48px; height: 48px; top: 50%; margin-top: -24px; border-radius: 50%; border: #297af0 solid 2px; box-sizing: border-box; background: #fff;}
.historyPic .btn:before{ content: ''; position: absolute; left: 50%; top: 50%; z-index: 1; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
.historyPic .prev{ left: -60px; }
.historyPic .next{ right: -60px; }
.historyPic .prev:before{ background: url(../images/nimg12_left.png) no-repeat; }
.historyPic .next:before{ background: url(../images/nimg12_right.png) no-repeat; }
.historyPic .btn:hover{ border: none; background-image: linear-gradient(top,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(top,#0f93e1,#1146c0);
    background-image: linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(to bottom,#0f93e1,#1146c0); }
.historyPic .prev:hover:before{ background: url(../images/nimg12_lefton.png) no-repeat;}
.historyPic .next:hover:before{ background: url(../images/nimg12_righton.png) no-repeat;}

.news{ padding: 0.8rem 0; position: relative; }
.news:after{ content: ''; position: absolute; left: 0; width: 100%; height: 500px; top: 2.5rem; background-image: url(../images/newsbg.png); background-size: 45px auto; background-position: bottom left; background-repeat: repeat-x; -webkit-animation: moveBackground 3s infinite linear; animation: moveBackground 3s infinite linear;}
.news .detail{ margin-top: 0.7rem; position: relative; z-index: 1; }
.news .detail a{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.news .detail .imgDiv{ width: 50%; height: 4.5rem; overflow: hidden; }
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ width: 50%; box-sizing: border-box; padding: 0 1.0rem 0 0.8rem; }
.news .detail .time{ padding-bottom: 0.1rem; font-size: 0.24rem; line-height: 0.24rem; color: #1792cb; font-family: regular; }
.news .detail .name{ color: #000; font-size: 0.3rem; line-height: 0.4rem; max-height: 1.2rem; overflow: hidden; font-weight: bold; }
.news .detail .content{ color: #666; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; margin-top: 0.15rem; }
.news .detail .more{ display: inline-block; margin-top: 0.28rem; height: 0.56rem; line-height: 0.56rem; min-width: 1.6rem; padding: 0 0.38rem; background: #81b92e; color: #fff; box-sizing: border-box; font-size: 14px; text-transform: uppercase; font-family: bold; }
.news .detail .more i{ display: inline-block; width: 12px; height: 12px; background: url(../images/nimg12_righton.png) center no-repeat; margin-left: 18px; position: relative; vertical-align: middle; top: -1px; }
.news .detail a:hover .name{ color: #1792cb; }
.news .detail a:hover .more{ background: #1792cb; }

.news .list{ padding: 1.1rem 0 0.5rem; position: relative; z-index: 1; }
.news .list li{ padding-bottom: 0.2rem; }
.news .list li a{ display: block; position: relative; height: 1.86rem; border: #d1e9f5 solid 2px; padding: 0 3.2rem 0 1.9rem; overflow: hidden; }
.news .list li .name{ padding-top: 0.4rem; height: 0.4rem; line-height: 0.4rem; color: #333; font-size: 0.22rem; overflow: hidden; font-weight: bold; }
.news .list li .time{ position: absolute; left: 0.5rem; top: 50%; margin-top: -0.47rem; width: 0.96rem; height: 0.94rem; border: #ebebeb solid 1px; box-sizing: border-box; text-align: center; font-family: regular; color: #1792cb; font-size: 0.14rem; }
.news .list li .time b{ display: block; font-size: 0.36rem; }
.news .list li .content{ margin-top: 0.1rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; }
.news .list li .more{ position: absolute; right: 0.5rem; top: 50%; margin-top: -15px; width: 75px; background: url(../images/nimg12_righton.png) right center no-repeat; line-height: 30px; font-family: bold; font-size: 14px; color: #fff; text-transform: uppercase; }
.news .list li a:hover{ border: #1792cb solid 2px; background: #1792cb; }
.news .list li a:hover .name, .news .list li a:hover .content{ color: #fff; }
.news .list li a:hover .time{ border: #fff solid 1px; color: rgba(255,255,255,0.85); }

.newsBox .topDiv .wal{ padding: 0.7rem 0 0.4rem; }
.newsBox .topDiv .name{ text-align: center; font-weight: bold; color: #404040; font-size: 0.32rem; line-height: 0.5rem; padding-bottom: 0.2rem; position: relative; z-index: 1;}
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 0.18rem; font-family: regular; }
.newsBox .topDiv .time img{ padding-right: 15px; position: relative; top: -1px; }
.newsBox .botDiv{ background: #f5f5f5; }
.newsBox .botDiv .mxfDiv{ padding-left: 150px; position: relative; background: #fff; }
.newsBox .side_l{ width: 150px; position: absolute; left: 0; top: 0; }
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 16px;}
.newsBox .side_l .list li:last-child{ border-bottom: none; }
.newsBox .side_l .list li a{ display: block; height: 70px; line-height: 70px; position: relative; padding-left: 72px; }
.newsBox .side_l .list li img{ position: absolute; left: 28px; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ display: block; height: 70px; line-height: 70px; text-indent: 28px; font-size: 14px; color: #fff; background: #1792cb; position: relative; }
.newsBox .side_l .btnDiv a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(../images/nimg17_1.png) no-repeat; }
.newsBox .side_l.on{ position:fixed; top: 0; left: 50%; margin-left: -7.68rem;}

.newsBox .mainBox{ background: #f5f5f5; padding-right: 3.1rem; min-height: 800px; position: relative; }
.newsBox .conDiv{ border-top: #f0f0f0 solid 1px; padding: 0.6rem 0.6rem 1.4rem; background: #fff; min-height:1200px; }
.newsBox .content{ font-size: 0.16rem; line-height: 0.36rem; }
.newsBox .imgDiv{ text-align: center; padding: 0.1rem 0; }
.newsBox .content img{ max-width: 6.5rem; }
.newsBox .content b{ display: block; font-size: 0.18rem; }

.sideNews{ position: absolute; right: 0; top: 0; border-top: #81b92e solid 3px; width: 3.1rem; box-sizing: border-box; padding: 0.5rem 0.35rem 0 0.4rem;}
.sideNews .title{ font-size: 0.18rem; line-height: 0.18rem; color: #1792cb; padding-bottom: 0.5rem; font-weight: bold;}
.sideNews .lie li{ padding-bottom: 0.5rem; font-size: 14px;}
.sideNews .lie li .limg img{ width: 100%; }
.sideNews .lie li .name{ padding-top: 0.2rem; color: #333; line-height: 24px; }
.sideNews .lie li a:hover .name{ color: #1792cb; }
.sideNews .more a{ display: block; position: relative; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; text-transform: uppercase; font-size: 14px; color: #fff; text-indent: 0.35rem; background: #81b92e; font-family: regular; }
.sideNews .more a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -6px; width: 12px; height: 12px; background: url(../images/nimg12_righton.png) no-repeat; }
.sideNews .more a:hover{ background: #1792cb; }

.pageDown{ padding-top: 1.4rem; }
.pageDown li{ padding-bottom: 20px; font-size: 14px; }
.pageDown li:last-child{ padding-bottom: 0; }
.pageDown li a{ display: block; height: 50px; color: #333; line-height: 50px; background: #f7f7f7; padding: 0 25px; overflow: hidden;}
.pageDown li a:hover{ background: #fff; color: #1792cb; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.pageDown li b{ color: #333; }

.contactP1{ padding: 0.8rem 0; position: relative; }
.contactP1 .title{ padding: 0.7rem 0 0.2rem; font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; }
.contactP1 .title2{ padding: 0.7rem 0 0.4rem;}
.contactP1 .pjDiv{ overflow: hidden; }
.contactP1 .mapDiv{ width: 66.5%; height: 4.5rem; background: center no-repeat; background-size: cover; }
.contactP1 .conDiv{ width: 33.5%; box-sizing: border-box; padding-right: 10px; }
.contactP1 .mxfDiv{ border-top: #1792cb solid 3px; padding-top: 0.7rem; }
.contactP1 .name{ font-size: 0.3rem; line-height: 0.3rem; color: #333; padding-bottom: 0.5rem; }
.contactP1 .msgList li{ padding-left: 1.1rem; position: relative; min-height: 66px; padding-bottom: 0.4rem;}
.contactP1 .msgList li .ico{ position: absolute; left: 0; top: 0; width: 62px; height: 62px; border-radius: 50%; border: #e6e6e6 solid 2px; }
.contactP1 .msgList li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; }
.contactP1 .msgList li .wen{ font-size: 0.18rem; line-height: 30px; color: #999; }
.contactP1 .msgList li .tel{ font-size: 0.24rem; color: #1792cb; font-family: bold; }
.contactP1 .msgList li .address{ font-size: 0.18rem; line-height: 0.32rem; color: #333; }
.contactP1 .botDiv{ margin-right: -10px; }
.contactP1 .leftDiv{ width: 66.5%; }
.contactP1 .rightDiv{ width: 33.5%; }
.contactP1 .leftDiv .box{ margin-right: 10px; }
.contactP1 .temeDiv{ height: 3.5rem; border-top: #1792cb solid 3px; background: #f8f8f8; padding: 0.4rem 0 0 0.45rem; box-sizing: border-box;}
.contactP1 .hala{ padding-right: 1.0rem; }
.contactP1 .txt{ font-size: 0.18rem; line-height: 0.18rem; color: #333; padding-bottom: 15px; font-weight: bold; }
.contactP1 .msg{ font-size: 0.16rem; line-height: 0.3rem; color: #999; }

.contactP2{ padding-top: 1.25rem; height: 8.5rem; background: center no-repeat; background-size: cover; }
.contactP2 .title{ font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; padding-bottom: 0.65rem; }
.contactP2 .mxfDiv{display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; padding: 0 1.15rem; }
.contactP2 .left { width: 41.43%;}
.contactP2 .left .text { flex: 1; line-height: 0.36rem;}
.contactP2 .msg { width: 100%; resize: none; line-height: 0.3rem; height: 2.2rem;}
.contactP2 .right { width: 55.5%;}
.contactP2 .right label { margin-right: 0.37rem;}
.contactP2 .right .group.max { display: block; padding-top: 0.08rem;}
.contactP2 .right .group.max label { display: block; margin-bottom: 12px;}
.contactP2 .group {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  height: 0.75rem;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  line-height: 0.36rem;
  margin-bottom: 0.32rem;
  padding: 0 0.2rem;
}
.contactP2 .group:last-child { margin-bottom: 0;}
.contactP2 .group.max { height: 2.86rem;}
.contactP2 .group img { position: relative; vertical-align: middle; top: -2px; width: 0.16rem; margin-right: 0.1rem;}
.contactP2 label { font-size: 16px; margin-right: 10px; color: #333;}
.contactP2 label i { font-style: normal; color: #ff2100; font-size: 18px;}
.contactP2 ::-webkit-input-placeholder {
  /* WebKit browsers */ color: #ccc; font-size: 14px;}
.contactP2 :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 14px;}
.contactP2 ::-moz-placeholder {
  /* Mozilla Firefox 19+ */ color: #ccc; font-size: 14px;}
.contactP2 :-ms-input-placeholder {
  /* Internet Explorer 10+ */ color: #ccc; font-size: 14px;}
.contactP2 .btn-box { font-size: 0; margin-top: 0.6rem; text-align: center;}
.contactP2 .btn-box a { display: inline-block; width: 1.5rem; line-height: 0.5rem; font-size: 16px; color: #fff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.contactP2 .btn-box a:hover { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.contactP2 .submit { margin-right: 20px; background-color: #1792cb;}
.contactP2 .cancel { background-color: #dedede;}
.contactP2 .cancel:hover { background-color: #1792cb;}
.contactP2 .select-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex: 1;
  align-items: center;
}
.contactP2 select { box-sizing:border-box; position: relative; cursor: pointer; width: 1.45rem; height: 0.49rem; border: solid 1px #e6e6e6; font-size: 16px; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; margin-right: 0.3rem; padding: 0 0.15rem; background: url("../images/selectIco2.png") no-repeat scroll right 0.12rem center #fff;}
.contactP2 select:last-child { margin-right: 0;}

.service{ padding: 0.8rem 0 1.8rem; position: relative;}
.service .pjDiv{ margin-top: 0.75rem; position: relative; padding-bottom: 2.0rem; }
.service .conDiv{ width: 7.0rem; }
.service .txt{ font-size: 0.36rem; color: #1792cb; line-height: 0.36rem; padding-bottom: 0.25rem; }
.service .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.service .wen{ font-size: 0.24rem; color: #333; line-height: 0.24rem; padding: 0.45rem 0 0.2rem; }
.service .rightImg{ width: 50%; }
.service .rightImg img{ width: 100%; }
.service .list{ position: absolute; left: 0; bottom: 0; width: 12.3rem; z-index: 1; }
.service .list ul{ margin-right: -10px; }
.service .list li{ float: left; width: 25%; }
.service .list li .box{ margin-right: 10px; height: 3.8rem; background: #fff; padding: 0.55rem 0.4rem 0; box-sizing: border-box; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.service .list li .ico{ height: 50px; position: relative; }
.service .list li .ico img{ position: absolute; left: 0; top: 0; }
.service .list li .ico .img1{ opacity: 0; }
.service .list li .name{ padding: 0.4rem 0 0.2rem; color: #333; font-size: 0.24rem; line-height: 0.24rem; }
.service .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; }
.service .list li .box:hover{background-image: linear-gradient(top,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(top,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(top,#057fd6,#0140b5);
    background-image: -o-linear-gradient(top,#057fd6,#0140b5);
    background-image: linear-gradient(to bottom,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(to bottom,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(to bottom,#057fd6,#0140b5);
    background-image: -o-linear-gradient(to bottom,#057fd6,#0140b5);}
.service .list li .box:hover .ico img{ opacity: 0; }
.service .list li .box:hover .ico .img1{ opacity: 1; }
.service .list li .box:hover .name, .service .list li .box:hover .msg{ color: #fff; }

.cultureP1{ position: relative; padding: 0.8rem 0 2.1rem; overflow: hidden;}
.cultureP1 .mxfDiv{ margin-top: 0.6rem; overflow: hidden; position: relative; }
.cultureP1 .mxfDiv:after{ content: 'Chenchuang'; position: absolute; width: 100%; font-size: 2.0rem; line-height: 1.8rem; text-align: center; color: #f7f7f7; top: 1rem; left: 0; font-family: light; }
.cultureP1 .left{ width: 50%; box-sizing: border-box; padding-right: 0.85rem; position: relative; z-index: 2; }
.cultureP1 .content{ padding-top: 0.4rem; font-size: 0.16rem; line-height: 0.36rem; color: #333; }
.cultureP1 .left .limg{ float: right; }
.cultureP1 .left .content{ clear: both; text-align: right; }
.cultureP1 .right{ width: 50%; box-sizing: border-box; padding-left: 0.85rem; position: relative; z-index: 2; }
.cultureP1 canvas { position: absolute; left: 0; bottom: -4.0rem; z-index: 1; width: 100%; }

.cultureP2{ padding-bottom: 0.85rem; }
.cultureP2 .list ul{ display: block; width: auto; }
.cultureP2 .list li{ float: left; cursor: pointer; width: 33.33%; height: 6.0rem; background: #f7f7f7; position: relative; overflow: hidden;}
.cultureP2 .list li .bg{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; z-index: 1; }
.cultureP2 .list li .layer{ position: absolute; left: 1.0rem; top: 0.9rem; z-index: 2; right: 0.5rem; }
.cultureP2 .list li .ico{ width: 60px; height: 60px; position: relative; }
.cultureP2 .list li .ico img{ position: absolute; left: 0; top: 0; }
.cultureP2 .list li .ico .img1{ opacity: 0; }
.cultureP2 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #1792cb; font-weight: bold; padding: 0.5rem 0 0.2rem; }
.cultureP2 .list li .en{ font-family: bold; height: 0.75rem; font-size: 0.24rem; line-height: 0.24rem; color: #bebebe; position: relative; text-transform: uppercase; }
.cultureP2 .list li .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background: #81b92e; }
.cultureP2 .list li .msg{ padding-top: 0.4rem; font-size: 0.22rem; color: #333; line-height: 0.36rem; }
.cultureP2 .list li:hover .bg{ opacity: 1; transform:scale(1.1);-webkit-transform:scale(1.1); }
.cultureP2 .list li:hover .ico img{ opacity: 0; }
.cultureP2 .list li:hover .ico .img1{ opacity: 1; }
.cultureP2 .list li:hover .cn, .cultureP2 .list li:hover .en, .cultureP2 .list li:hover .msg{ color: #fff; }
.cultureP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.cultureP2 .swiper-pagination-bullet { position: relative; width: 0.16rem; height: 0.16rem; opacity: 1; border-radius: 50%; border: #acacac solid 1px; background: #acacac; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.cultureP2 .swiper-pagination-bullet-active { border: #1792cb solid 1px; background: #1792cb; }

.cultureP3{ padding-bottom: 0.95rem; }
.cultureP3 .pjDiv{ position: relative; height:6.5rem; }
.cultureP3 .item_box{ width:100%; height:6.5rem; position:absolute; left: 0; top: 0; overflow:hidden;}
.cultureP3 .item_box img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.cultureP3 .item_box .bg{ position: absolute; width:100%; height:100%; }
.cultureP3 .item_box .item{ display:none;}
.cultureP3 .item_box .item:nth-child(1){ display:block;}
.cultureP3 .choose_txt{ position: relative; z-index: 1; }
.cultureP3 .choose_txt li{ float: left; position: relative; width: 20%; cursor: pointer; height: 6.5rem; }
.cultureP3 .choose_txt li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(204,204,204,0.3); }
.cultureP3 .choose_txt li .layer{ padding-left: 0.6rem; height: 100%; position: relative; z-index: 1; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column; }
.cultureP3 .choose_txt li .txt{ color: #fff; font-weight: bold; font-size: 0.22rem; line-height: 0.22rem; padding-bottom: 0.2rem; position: relative; z-index: 1;}
.cultureP3 .choose_txt li .wen{ font-size: 0.16rem; line-height: 0.3rem; color: #fff; position: relative; z-index: 1;}
.cultureP3 .choose_txt li.on{ background: rgba(0,0,0,0.5); }

.joinP1{ padding: 0.8rem 0; position: relative; }

.joinP2{ background: #f3f8fd; padding: 1.0rem 0 1.4rem; }
.joinP2 .title{ text-align: center; color: #333; font-size: 0.36rem; line-height: 0.36rem; font-weight: bold; padding-bottom: 0.7rem; }
.joinP2 .list ul{ margin-right: -0.28rem; }
.joinP2 .list li{ float: left; width: 25%; }
.joinP2 .list li .box{ cursor: pointer; margin-right: 0.28rem; position: relative; height: 4.0rem; background: #fff; padding: 0.5rem 0.4rem 0; box-sizing: border-box; overflow: hidden; }
.joinP2 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; }
.joinP2 .list li:nth-child(1) .box:before{ background: #003cff; }
.joinP2 .list li:nth-child(2) .box:before{ background: #81b92e; }
.joinP2 .list li:nth-child(3) .box:before{ background: #ff7800; }
.joinP2 .list li:nth-child(4) .box:before{ background: #00ccff; }
.joinP2 .list li .name{ padding: 0.3rem 0 0.2rem; font-size: 0.24rem; line-height: 0.24rem; color: #333; }
.joinP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.joinP2 .list li .box:hover{ box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.06); }
.joinP2 .list li .box:hover:before{ width: 100%; }

.joinP3{ padding-top: 0.8rem; height: 8.1rem; background: url(../images/joinP3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.joinP3 .title{ text-align: center; line-height: 0.36rem; font-size: 0.36rem; color: #fff; font-weight: bold; padding-bottom: 0.2rem; }
.joinP3 .wen{ font-size: 0.36rem; line-height: 0.36rem; color: #fff; text-align: center; padding-bottom: 0.35rem; }
.joinP3 .msg{ font-size: 0.18rem; text-align: center; line-height: 0.36rem; width: 8.2rem; margin: 0 auto; color: #fff; }
.joinP3 .list{ padding-top: 0.6rem; }
.joinP3 .list ul{ margin-right: -10px; }
.joinP3 .list li{ float: left; width: 20%; padding-bottom: 10px; }
.joinP3 .list li .box{ cursor: pointer; margin-right: 10px; height: 1.5rem; padding-top: 0.24rem; background: #fff; box-sizing: border-box; border-radius: 4px; }
.joinP3 .list li .ico{ width: 0.78rem; height: 0.5rem; margin: 0 auto; position: relative;}
.joinP3 .list li .ico img{ width: 0.78rem; position: absolute; left: 0; top: 0; }
.joinP3 .list li .ico .img1{ opacity: 0; }
.joinP3 .list li .name{ padding-top: 0.2rem; text-align: center; font-size: 0.22rem; line-height: 0.22rem; color: #333; }
.joinP3 .list li .box:hover{ background: #1792cb; }
.joinP3 .list li .box:hover .ico img{ opacity: 0; }
.joinP3 .list li .box:hover .ico .img1{ opacity: 1; }
.joinP3 .list li .box:hover .name{ color: #fff; }

.joinP4{ padding: 0.9rem 0 1.3rem; }
.joinP4 .title{ text-align: center; line-height: 0.36rem; font-size: 0.36rem; color: #333; font-weight: bold; padding-bottom: 0.85rem; }
.joinP4 .mxfDiv{ position: relative; }
.joinP4 .mxfDiv .imgDiv img{ width: 100%; }
.joinP4 .botLayer{ position: absolute; left: 0; bottom: 0; width: 100%; height: 2.82rem; z-index: 1; }
.joinP4 .leftDiv{ width: 6.52rem; height: 2.82rem; position: relative; color: #fff; }
.joinP4 .leftDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.9; background-image: linear-gradient(left,#0140b5,#057fd6);
    background-image: -webkit-linear-gradient(left,#0140b5,#057fd6);
    background-image: -moz-linear-gradient(left,#0140b5,#057fd6);
    background-image: -o-linear-gradient(left,#0140b5,#057fd6);
    background-image: linear-gradient(to right,#0140b5,#057fd6);
    background-image: -webkit-linear-gradient(to right,#0140b5,#057fd6);
    background-image: -moz-linear-gradient(to right,#0140b5,#057fd6);
    background-image: -o-linear-gradient(to right,#0140b5,#057fd6);}
.joinP4 .leftDiv .txt{ position: relative; z-index: 1; padding: 0 0 0.2rem 0.45rem; font-size: 0.36rem; line-height: 0.36rem;  }
.joinP4 .leftDiv .msg{ position: relative; z-index: 1; padding: 0 1.2rem 0 0.45rem; font-size: 0.18rem; line-height: 0.36rem; }

.joinP4 .rightDiv{ width: 8.84rem; height: 2.82rem; background: rgba(255,255,255,0.8); }
.joinP4 .list{ padding: 0.14rem 0.14rem 0; }
.joinP4 .list ul{ margin-right: -0.14rem; }
.joinP4 .list li{ float: left; width: 20%; padding-bottom: 12px; }
.joinP4 .list li:last-child{ width: 60%; }
.joinP4 .list li .box{ margin-right: 0.14rem; height: 1.2rem; box-sizing: border-box; padding-top: 0.2rem; background: #fff; border-radius: 6px; text-align: center; position: relative;}
.joinP4 .list li .ico img{ width: 0.54rem; }
.joinP4 .list li .name{ padding-top: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; color: #333; }
.joinP4 .list li:last-child .box{ text-align: left; padding-left: 1.25rem; padding-right: 0.7rem; }
.joinP4 .list li:last-child .ico{ position: absolute; left: 0.45rem; top: 0.24rem; }
.joinP4 .list li .wen{ font-size: 0.14rem; line-height: 0.24rem; color: #999; padding-top: 0.05rem; }

.joinP5{ height: 4.8rem; background: url(../images/joinP5.jpg) center no-repeat; background-size: cover; color: #fff; }
.joinP5 .conDiv{ padding-left: 0.6rem; }
.joinP5 .txt{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.4rem;}
.joinP5 .txt em{ position: relative; display: inline-block; padding: 10px 12px; margin: 0 10px; }
.joinP5 .txt em:before{ content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; background: url(../images/nimg14_2.png) no-repeat; }
.joinP5 .txt em:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; background: url(../images/nimg14_3.png) no-repeat; }

.joinP5 .email{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.5rem; }
.joinP5 .btnDiv li{ margin-bottom: 8px; }
.joinP5 .btnDiv li a{ display: block; width: 1.54rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.36rem; background: #fff; font-size: 0.16rem; text-align: center; }

.honorP1{ padding: 0.8rem 0; position: relative; }

.honorP2{ background: #edeff3; padding-top: 1.25rem; }
.honorP2 .mxfDiv{ padding-bottom: 1.45rem; background: url(../images/bg1.jpg) center bottom repeat-x; }
.honorPic{ position: relative; padding: 0 0.55rem;}
.honorPic .list{ overflow: hidden; }
.honorPic .list .box{ position: relative; }
.honorPic .list .bg img{ width: 100%; }
.honorPic .list .name{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); font-size: 0.24rem; color: #fff; text-align: center; line-height: 0.36rem; }
.honorPic .list .swiper-slide:nth-child(3n) .name{ color: #0072ff; }
.honorPic .btn{ position: absolute; display: block; z-index: 2; width: 48px; height: 48px; top: 50%; margin-top: -24px; border-radius: 50%; box-sizing: border-box; background: #fff;}
.honorPic .btn:before{ content: ''; position: absolute; left: 50%; top: 50%; z-index: 1; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
.honorPic .prev{ left: -30px; }
.honorPic .next{ right: -30px; }
.honorPic .prev:before{ background: url(../images/nimg12_left2.png) no-repeat; }
.honorPic .next:before{ background: url(../images/nimg12_right2.png) no-repeat; }
.honorPic .btn:hover{ border: none; background-image: linear-gradient(top,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(top,#0f93e1,#1146c0);
    background-image: linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(to bottom,#0f93e1,#1146c0); }
.honorPic .prev:hover:before{ background: url(../images/nimg12_lefton.png) no-repeat;}
.honorPic .next:hover:before{ background: url(../images/nimg12_righton.png) no-repeat;}

.honorP3{ padding: 0.2rem 0 2.4rem; position: relative; overflow: hidden;}
.honorNav{ background: url(../images/line2.png) center 80px no-repeat; }
.honorNav .wal{ position: relative; }
.honorNav .pjDiv{ margin: 0 0.5rem; overflow: hidden;}
.honorNav li{ height: 105px; position: relative; cursor: pointer;}
.honorNav li .year{ font-size: 0.24rem; line-height: 0.24rem; color: #333; font-family:regular; height: 0.5rem; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; justify-content: center; -webkit-justify-content: center; }
.honorNav li .ico{ position: absolute; left: 50%; margin-left: -9px; bottom: 16px; width: 18px; height: 18px; border-radius: 50%; background: #fff;  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.honorNav li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -5px; width: 10px; height: 10px; background: #d9d9d9; border-radius: 50%; }
.honorNav li.on .year{ color: #1792cb; font-size: 0.48rem; line-height: 0.48rem; }
.honorNav li.on .ico:after{ background: #1792cb; }

.honorNav .btn{ position: absolute; display: none; z-index: 2; width: 48px; height: 48px; bottom: 0; border-radius: 50%; box-sizing: border-box; background: #ddd;}
.honorNav .btn:before{ content: ''; position: absolute; left: 50%; top: 50%; z-index: 1; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
.honorNav .prev{ left: 0; }
.honorNav .next{ right: 0; }
.honorNav .prev:before{ background: url(../images/nimg12_lefton.png) no-repeat; }
.honorNav .next:before{ background: url(../images/nimg12_righton.png) no-repeat; }
.honorNav .btn:hover{ border: none; background-image: linear-gradient(top,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(top,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(top,#0f93e1,#1146c0);
    background-image: linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -webkit-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -moz-linear-gradient(to bottom,#0f93e1,#1146c0);
    background-image: -o-linear-gradient(to bottom,#0f93e1,#1146c0); }


.honorDiv{ padding-top: 1.0rem; }
.honorDiv .temeDiv{ min-height: 1.0rem; position: relative; padding-left: 5.1rem; z-index: 2; }
.honorDiv .year{ position: absolute; left: 1.8rem; top: 0; font-size: 1.0rem; line-height: 0.8rem; height: 1.4rem; font-family:bold; display: inline-block; background-image:-webkit-linear-gradient(left,#2690db,#0140b5);
 background-image:linear-gradient(to right,#2690db,#0140b5); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; animation: am_left 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_left 0.6s ease-in-out 0.2s backwards;}
.honorDiv .year:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 42px; height: 3px; background: #1792cb; }
.honorDiv .msgList{ animation: am_right 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_right 0.6s ease-in-out 0.2s backwards;}
.honorDiv .msgList li{ font-size: 0.18rem; line-height: 0.3rem; padding-bottom: 0.1rem; padding-left: 0.3rem; position: relative; }
.honorDiv .msgList li:before{ content: ''; position: absolute; left: 0; top: 0.12rem; width: 6px; height: 6px; background: #1792cb; }

.honorP3 canvas { position: absolute; left: 0; bottom: -4.0rem; z-index: 1; width: 100%; }

.scene{ padding: 1.0rem 0 0.7rem; position: relative;}
.scene .list ul{ margin-right: -0.18rem; }
.scene .list li{ float: left; width: 33.33%; padding-bottom: 0.9rem; }
.scene .list li .box{ margin-right: 0.18rem; }
.scene .list li .imgDiv{ height: 3.3rem; overflow: hidden;}
.scene .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.scene .list li .botDiv{ height: 2.5rem; background: #f6f6f6; position: relative; padding: 0.3rem 0.36rem 0; box-sizing: border-box; }
.scene .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #81b92e; }
.scene .list li .name{ height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #343434; font-weight: bold; overflow: hidden; }
.scene .list li .content{ margin-top: 0.08rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #666; }
.scene .list li .more{ margin-top: 0.24rem; width: 76px; color: #999; font-size: 14px; font-family: bold; text-transform: uppercase; background: url(../images/nimg15_1.png) right center no-repeat;}
.scene .list li .box:hover{ box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.1);}
.scene .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.scene .list li .box:hover .botDiv:after{ width: 100%; }
.scene .list li .box:hover .name{ color: #2e54f5; }
.scene .list li .box:hover .more{ color: #81b92e; background: url(../images/nimg15_1on.png) right center no-repeat; }

.sceneShow{ padding: 1.0rem 0 1.3rem; position: relative; overflow: hidden; }
.sceneShow .conDiv{ position: absolute; left: 50%; top: 1.0rem; margin-left: -7.68rem; width: 6.64rem; }
.sceneShow .name{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #0056b6; padding-bottom: 0.5rem; }
.sceneShow .wen{ font-size: 0.22rem; line-height: 0.4rem; color: #333; text-align: justify; }
.sceneShow .content{ font-size: 0.16rem; line-height: 0.36rem; color: #656565; text-align: justify; padding: 0.3rem 0 0.9rem; }
.sceneShow .btnDiv a{ display: block; width: 1.56rem; height: 0.56rem; background: #81b92e; text-align: center; line-height: 0.56rem; color: #fff; font-size: 0.18rem; }
.sceneShow .btnDiv a:hover{ background: #1792cb; }
.sceneShow .rightImg{ width: 50%; height: 6.4rem; background: center no-repeat; background-size: cover; }
.sceneShow .backBtn{ position: absolute; left: 50%; bottom: 0; width: 150px; margin-left: -75px; }
.sceneShow .backBtn a{ display: block; width: 100%; height: 56px; line-height: 56px; text-indent: 28px; font-size: 14px; color: #fff; background: #1792cb; position: relative; }
.sceneShow .backBtn a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(../images/nimg17_1.png) no-repeat; }
.sceneShow .backBtn a:hover{ background: #81b92e; }

.productP1{ padding: 0.85rem 0.85rem 0; height: 8.5rem; background: url(../images/productBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.productP1 .title{ color: #0056b6; font-size: 0.36rem; line-height: 0.36rem; text-align: center; padding-bottom: 0.32rem; }
.productP1 .mxfDiv{ position: relative; }
.productP1 .mxfDiv .limg{ position: relative; z-index: 1; }
.productP1 .mxfDiv .limg img{ width: 100%; }
.productP1 .mxfDiv .round{ position: absolute; left: 50%; top: 50%; width: 3.88rem; height: 3.88rem; margin-left: -1.94rem; margin-top: -2.4rem; }
.productP1 .mxfDiv .round img{ width: 100%; }

.productP2{ padding: 0.8rem 0 1.5rem; }
.productP2 .title{ font-size: 0.36rem; color: #0056b6; line-height: 0.36rem; text-align: center; padding-bottom: 0.6rem; }
.productP2 .btn{ text-align: center; padding-bottom: 0.7rem; overflow: hidden;}
.productP2 .btn ul{ font-size: 0; }
.productP2 .btn li{ display: inline-block;}
.productP2 .btn li .box{ margin: 0 0.1rem; cursor: pointer; width: 2.76rem; height: 0.66rem; line-height: 0.66rem; background: #f0f0f0; font-size: 0.18rem; border-radius: 8px; }
.productP2 .btn li.on .box{ color: #fff; background-image: linear-gradient(left,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(left,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(left,#057fd6,#0140b5);
    background-image: -o-linear-gradient(left,#057fd6,#0140b5);
    background-image: linear-gradient(to right,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -o-linear-gradient(to right,#057fd6,#0140b5);}
.productP2 .list{ position: relative;}
.productP2 .list .imgList{ width: 100%; overflow: hidden; position: relative;}
.productP2 .mxfDiv{ cursor: pointer; }
.productP2 .imgDiv{ border: #e6e6e6 solid 1px; height: 3.26rem; overflow: hidden; }
.productP2 .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.productP2 .botDiv{ position: relative; padding: 0.32rem 0.4rem 0; height: 3.0rem; background: #f8f8f8; box-sizing: border-box; overflow: hidden; }
.productP2 .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #2e54f5; }
.productP2 .name{ color: #333; font-size: 0.24rem; height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-weight: bold; }
.productP2 .lie{ padding-top: 0.2rem; }
.productP2 .lie li{ padding-left: 20px; font-size: 0.16rem; line-height: 0.28rem; background: url(../images/ico7.png) left 0.08rem no-repeat; }
.productP2 .se{ display: block; width: 48px; height: 48px; border-radius: 50%; position: absolute; z-index: 2; top: 50%; margin-top: -24px; background: #fff; box-shadow: 5px 9px 20px 0px rgba(72, 72, 72, 0.1);}
.productP2 .arrowDiv .prev { left: -65px;  }
.productP2 .arrowDiv .next { right: -65px; }
.productP2 .arrowDiv .prev:before{ content: ''; width: 12px; height: 12px; background: url(../images/nimg12_left2.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
.productP2 .arrowDiv .next:before{ content: ''; width: 12px; height: 12px; background: url(../images/nimg12_right2.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; }
.productP2 .se:hover{  background-image: linear-gradient(top,#0f93e1,#003abb);
    background-image: -webkit-linear-gradient(top,#0f93e1,#003abb);
    background-image: -moz-linear-gradient(top,#0f93e1,#003abb);
    background-image: -o-linear-gradient(top,#0f93e1,#003abb);
    background-image: linear-gradient(to bottom,#0f93e1,#003abb);
    background-image: -webkit-linear-gradient(to bottom,#0f93e1,#003abb);
    background-image: -moz-linear-gradient(to bottom,#0f93e1,#003abb);
    background-image: -o-linear-gradient(to bottom,#0f93e1,#003abb); }
.productP2 .arrowDiv .prev:hover:before{ background: url(../images/nimg12_lefton.png) no-repeat center;}
.productP2 .arrowDiv .next:hover:before{ background: url(../images/nimg12_righton.png) no-repeat center;}
.productP2 .swiper-slide .mxfDiv:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.productP2 .swiper-slide .mxfDiv:hover .botDiv:after{ width: 100%; }
.productP2 .swiper-slide .mxfDiv:hover .name{ color: #0066ff; }

.productP3{ overflow: hidden; padding: 1.2rem 0 2.6rem; position: relative; background-image: linear-gradient(left,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(left,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(left,#057fd6,#0140b5);
    background-image: -o-linear-gradient(left,#057fd6,#0140b5);
    background-image: linear-gradient(to right,#057fd6,#0140b5);
    background-image: -webkit-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -moz-linear-gradient(to right,#057fd6,#0140b5);
    background-image: -o-linear-gradient(to right,#057fd6,#0140b5);}
.productP3 .title{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #fff; padding-bottom: 1.3rem; }
.productP3 .list li{ float: left; width: 11.11%; text-align: center; color: #fff; }
.productP3 .list li .ico{ height: 0.86rem; }
.productP3 .list li .name{ font-size: 0.22rem; line-height: 0.22rem; }

.productP3 canvas { position: absolute; left: 0; bottom: -3.5rem; z-index: 1; width: 100%; }






















.gifDiv{ width: 1080px; height: 500px; position: relative; margin: 0 auto; background: url(../images/down.jpg) no-repeat; background-size: cover; }
.gifDiv .layer{ position: absolute; right: 30px; top: 50%; margin-top: -176px; width: 352px; height: 352px; background: url(../images/nimg324Bg.png) center no-repeat; }
.gifDiv .round{ position: absolute; left: 0; top: 0; }
.gifDiv .dian{ width: 278px; height: 278px; position: absolute; left: 50%; top: 50%; margin-left: -139px; margin-top: -139px; }
.gifDiv .dian2{ width: 278px; height: 278px; position: absolute; left: 50%; top: 50%; margin-left: -139px; margin-top: -139px; }
.round .img_rotate{  -moz-animation:rotate 6s infinite linear;  -webkit-animation:rotate 6s infinite linear;  animation:rotate 6s infinite linear; }
.dian .img_rotate, .dian2 .img_rotate{  -moz-animation:rotate 6s infinite linear;  -webkit-animation:rotate 6s infinite linear;  animation:rotate 6s infinite linear; }

@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(-360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(-360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(-360deg);  } }