#animation_container{width:100vw; height:100vh; position:fixed; top:0px; left:0px; z-index:9999999}
#animation_container.cur{display:none}
#animation_container .bg{width:100vw;height:100vh; background: #fff;}
#animation_container .bg.cur{-webkit-filter:blur(0);-moz-filter:blur(0);-ms-filter:blur(0);filter:blur(0)}
.canlogo{position:fixed;top:45%;left:50%;margin-left:-90px; height: 56px; z-index:9999}
.canlogo img{opacity:0;transform:scale3d(1.4,1.4,1.4);-webkit-transform:scale3d(1.4,1.4,1.4);-moz-transform:scale3d(1.4,1.4,1.4);transition:2s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-webkit-transition:2s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s;-moz-transition:2s cubic-bezier(0.23, 0.48, 0.59, 0.9) 0s}
.canlogo.cur img{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
/*.canlogo img{opacity:1;}
.canlogo.cur img{opacity:1;}*/
.canlogo:after{ content: ''; position: absolute; right: 50%; margin-right: -30px; bottom: 0; width: 60px; height: 6px; background: #000; }
.canlogo.cur:after{  animation: xian_c 1.5s ease-in-out infinite;}

#animation_container video{ position:absolute; left:0; top:0; z-index:1; width: 100%; height:100%; object-fit: cover;}

/*banner*/

.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg img{width: 100%; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .ico{ position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 1; }

.ind-banner .leftlayer{ position:absolute; top:40%; z-index:2; left:50%; margin-left:-7.68rem;}
.ind-banner .rightlayer{ position:absolute; top:40%; z-index:2; right:50%; margin-right:-7.68rem; text-align:right;}
.ind-banner .midlayer{ position:absolute; top:40%; left:0; width:100%; text-align:center;}
.ind-banner .title{ color:#fff; font-size:60px; line-height:60px; padding-bottom: 30px; }
.ind-banner .hala{ color:#fff; font-size:24px; line-height:24px; }
.ind-banner .swiper-pagination{ bottom: 30px; } 
.ind-banner .swiper-pagination-bullet { width: 50px; height: 2px; opacity: 1; background: rgba(255,255,255,0.5); border-radius: 0; margin: 0 10px!important;} 
.ind-banner .swiper-pagination-bullet-active { width:70px; background: #009f6e;} 
.ind-banner .prev{ display:block; z-index:3; left: 40px; background: url(../images/nimg18_lefton.png) no-repeat; position: absolute; width: 18px; height: 30px; top: 50%; margin-top: -15px;} 
.ind-banner .next{ display:block; z-index:3; right: 40px; background: url(../images/nimg18_righton.png) no-repeat; position: absolute; width: 18px; height: 30px; top: 50%; margin-top: -15px; }

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }

/*.ind-banner .swiper-slide video {
  width: 100%;
  height:100%;
  object-fit: cover;
  }*/

/*banner结束*/

.indexTxt{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; }
.indexTxt img{ padding: 0 12px; }

.indexP1{ padding: 120px 0 60px 0; position: relative; }
.indexP1:before{ content: ''; position: absolute; left: 0; top: 0; width: 332px; height: 443px; background: url(../images/nimg332Bg2.png) no-repeat; }
.indexP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 332px; height: 443px; background: url(../images/nimg332Bg3.png) no-repeat; }
.indexP1 .leftDiv{ width: 9.2rem; position: relative; z-index: 1; }
.indexP1 .content{ font-size: 16px; line-height: 30px; padding-top: 40px; text-align: left; }
.indexP1 .btnDiv{ padding-top: 90px; }
.indexP1 .btnDiv a{ display: block; width: 155px; height: 50px; line-height: 46px; text-align: center; color: #009f6e; font-size: 16px; border-radius: 32px; box-sizing: border-box; border: #009f6e solid 2px; }
.indexP1 .btnDiv a:hover{ background: #009f6e; color: #fff; }

.indexP1 .rightDiv{ width: 4.75rem; position: relative; z-index: 1; }
.indexP1 .rightDiv li{ height: 162px; margin-bottom: 15px; position: relative; background: #009f6e url(../images/nimg475Bg.jpg) left top no-repeat;}
.indexP1 .rightDiv li:last-child{ margin-bottom: 0; }
.indexP1 .rightDiv li a{ display: block; height: 100%; padding: 0 30px; }
.indexP1 .rightDiv li .ico{ padding: 30px 0 35px; }
.indexP1 .rightDiv li .name{ font-size: 20px; line-height: 20px; color: #fff; font-weight: bold; background: #009f6e url(../images/ico2.png) right center no-repeat; }
.indexP1 .rightDiv li:hover .ico{ padding: 25px 0 35px; }

.indexP2{ padding: 130px 0 110px; background: #f8f8f8; }
.indexP2 .indexTxt{ text-align: center; justify-content: center; -webkit-justify-content: center; }
.indexP2 .list{ padding-top: 60px; }
.indexP2 .list ul{ flex-wrap: wrap;}
.indexP2 .list li{ padding-bottom: 20px; overflow: hidden; }
.indexP2 .list .li01{ width: 65.3%; }
.indexP2 .list .li02{ width: 33.3%; }
.indexP2 .list li .box{ position: relative; height: 4.0rem; overflow:hidden; }
.indexP2 .list li .imgDiv{ height: 4.0rem; background: center no-repeat; background-size: cover;}
.indexP2 .list li .bg img{ width:100%;}
.indexP2 .list li .layer{ position: absolute; color: #fff; left: 0; bottom: 0; box-sizing: border-box; padding: 0 30px; width: 100%; z-index: 1; height: 180px; background: url(../images/bg1.png) repeat-x;}
.indexP2 .list li .type{ padding: 55px 0 5px; font-size: 16px; line-height: 16px; }
.indexP2 .list li .name{ font-size: 24px; line-height: 42px; height: 42px; overflow: hidden; }
.indexP2 .list li .num{ font-size: 24px; line-height: 42px; }
.indexP2 .list li .box:hover .imgDiv{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.indexP3{ padding: 180px 0; }
.indexP3 .indexTxt{ padding-bottom: 60px; text-align: center; justify-content: center; -webkit-justify-content: center; }
.indexP3 .bigBox{ padding-bottom: 135px; position: relative; }
.indexP3 .toptop{ position: relative; }
.indexP3 .bg{ animation: toPicBig 0.5s ease-in-out 0s backwards; -webkit-animation: toPicBig 0.5s ease-in-out 0s backwards;}
.indexP3 .bg img{ width: 100%; }
.indexP3 .limg{ position: absolute; left: 50%; bottom: -135px; margin-left: -340px; z-index: 3;  animation: am_top 0.5s ease-in-out 0.2s backwards; -webkit-animation: am_top 0.5s ease-in-out 0.2s backwards;}
.indexP3 .rlg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.indexP3 .tab{ width: 680px; margin: 0 auto; height: 100%; }
.indexP3 .tab ul{ height: 100%; }
.indexP3 .tab li{ float: left; width: 340px; position: relative; height: 100%;}
.indexP3 .tab li .name{ position: absolute; color: #fff; width: 100%; top: 50%; margin-top: -60px; font-size: 36px; height: 60px; line-height: 36px; text-align: center;}
.indexP3 .tab li .name em{ display: inline-block; height: 60px; position: relative; }
.indexP3 .tab li .name em:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; }
.indexP3 .tab li .line{ position: absolute; left: 0; top: 0; width: 100%; height: 0; background: url(../images/bg2.png) top repeat-x; }
.indexP3 .tab li .btnDiv{ opacity: 0; visibility:hidden; position: absolute; width: 145px; bottom: 36%; left: 50%; margin-left: -72px; }
.indexP3 .tab li .btnDiv a{ display: block; text-align: center; width: 100%; height: 50px; line-height: 46px; color: #fff; font-size: 16px; box-sizing: border-box; border: #fff solid 2px; border-radius: 24px; }
.indexP3 .tab .liNow .line{ height: 100%; }
.indexP3 .tab .liNow .name{ font-weight: bold; }
.indexP3 .tab .liNow .name em:after{ left: 0; width: 100%; }
.indexP3 .tab .liNow .btnDiv{ opacity: 1; visibility:visible; }

.indexP4{ background: #f8f8f8; padding: 130px 0; }
.indexP4 .indexTxt{ text-align: center; justify-content: center; -webkit-justify-content: center; }
.indexP4 .tips{ text-align:center; font-size:0.28rem; line-height:0.28rem; padding-top:0.5rem; color:#999;}
.indexP4 .tab2{ overflow:hidden; text-align: center; padding: 50px 0 35px; width:1300px; margin:0 auto;}
.indexP4 .tab2 li .lbox{ margin: 0 20px; }
.indexP4 .tab2 li .ico{ height: 90px; }
.indexP4 .tab2 li .name{ font-size: 18px; line-height: 18px; height: 30px; color: #000; position: relative;font-weight: 400; }
.indexP4 .tab2 li .name:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #009f6e; }
.indexP4 .tab2 .liNow .name{ color: #009f6e; }
.indexP4 .tab2 .liNow .name:after{ width: 100%; left: 0; }
.indexP4 .tab2 .swiper-pagination{ display: none; bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.indexP4 .tab2 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.indexP4 .tab2 .swiper-pagination-bullet-active { background: #41b28a; } 
.indexP4 .shadog{ overflow: hidden; }
.indexP4 .bigBox{ height: 6.5rem; background: center no-repeat; background-size: cover; }
.indexP4 .conDiv{ padding-left: 120px; width: 530px;  animation: am_top 0.4s ease-out 0.1s backwards; -webkit-animation: am_top 0.4s ease-out 0.1s backwards;}
.indexP4 .txt{ font-size: 18px; color: #b7e4d6; line-height: 18px; padding-bottom: 10px;}
.indexP4 .name{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold;}
.indexP4 .content{ padding-top: 30px; font-size: 16px; line-height: 30px; color: #fff; text-align: justify; }
.indexP4 .btnDiv{ padding-top: 80px; }
.indexP4 .btnDiv a{ display: block; width: 155px; height: 50px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; border-radius: 32px; box-sizing: border-box; border: #fff solid 2px; }
.indexP4 .sll img{ width:100%;}

.indexP5{ position: relative; overflow: hidden; height: 6.4rem; background: url(../images/indexP5.jpg) center no-repeat; background-size: cover;}
.indexP5 .bg img{ width: 100%; }
.indexP5 .conDiv{ width: 800px; }
.indexP5 .conDiv2{ margin: 0 auto; }
.indexP5 .name{ position: relative; font-size: 40px; padding-bottom: 30px; line-height: 40px; color: #fff; font-weight: bold; }
.indexP5 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #1ca373; }
.indexP5 .content{ margin-top: 30px; font-size: 16px; line-height: 30px; color: #fff; text-align: left;}
.indexP5 .btnDiv{ padding-top: 80px; }
.indexP5 .btnDiv a{ display: block; width: 165px; height: 50px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; border-radius: 32px; box-sizing: border-box; border: #fff solid 2px; }
.indexP5 .btnDiv a:hover{ background:#fff; color:#1ca373;}
.indexP5 .txt{ font-size: 18px; line-height: 18px; color: #fff; padding-bottom: 10px; }

.indexP5 .conDiv2 .name{ text-align: center; }
.indexP5 .conDiv2 .name:after{ left: 50%; margin-left: -15px; }
.indexP5 .conDiv2 .content{ text-align: center; }
.indexP5 .conDiv2 .btnDiv{ width: 165px; margin: 0 auto; }
.indexP5 .conDiv3{ float: right; text-align: right;}
.indexP5 .conDiv3 .name:after{ left: auto; right: 0; }
.indexP5 .conDiv3 .content{ text-align: right; }
.indexP5 .conDiv3 .btnDiv{ float: right; }

.indexP6{ padding: 180px 0; }
.indexP6 .indexTxt{ text-align: center; justify-content: center; -webkit-justify-content: center; }
.indexP6 .tab2{ text-align: center; padding: 60px 0 30px;}
.indexP6 .tab2 ul{ font-size: 0; }
.indexP6 .tab2 li{ display: inline-block; margin: 0 25px; font-size: 18px; line-height: 18px; height: 30px; position: relative; }
.indexP6 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #009f6e; }
.indexP6 .tab2 .liNow{ color: #1ca373; }
.indexP6 .tab2 .liNow:after{ width: 100%; left: 0; }
.indexP6 .list{ padding-bottom: 60px; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.indexP6 .list ul{ margin-right: -30px; }
.indexP6 .list li{ float: left; width: 33.33%; }
.indexP6 .list li .box{ margin-right: 30px; background: #f8f8f8; overflow: hidden; }
.indexP6 .list li .imgDiv img{ width: 100%; }
.indexP6 .list li .conDiv{ padding: 40px 40px 0; height: 250px; box-sizing: border-box; background: #f8f8f8; position: relative; overflow: hidden;}
.indexP6 .list li .conDiv:after{ content: ''; z-index: 0; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/nimg492Bg.jpg) center no-repeat; background-size: cover;}
.indexP6 .list li .time{ font-size: 16px; line-height: 16px; color: #666; padding-bottom: 15px; z-index: 1; position: relative;}
.indexP6 .list li .name{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; color: #333; z-index: 1; position: relative; }
.indexP6 .list li .content{ padding-top: 12px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #999; z-index: 1; position: relative; }
.indexP6 .list li .more{ opacity: 0; z-index: 1; position: absolute; bottom: -20%; left: 40px; font-size: 16px; line-height: 16px; color: #fff; width: 85px; }
.indexP6 .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 15px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.indexP6 .list li .box:hover .conDiv:after{ opacity: 1; }
.indexP6 .list li .box:hover .time, .indexP6 .list li .box:hover .name{ color: #fff; }
.indexP6 .list li .box:hover .more{ opacity: 1; bottom: 45px; }
.indexP6 .list li .box:hover .content{ opacity: 0; }

.indexP6 .btnDiv{ margin: 0 auto; width: 145px; }
.indexP6 .btnDiv a{ display: block; box-sizing: border-box; width: 100%; height: 50px; line-height: 46px; border-radius: 32px; border: #1ca373 solid 2px; text-align: center; font-size: 16px; color: #666; }
.indexP6 .btnDiv a:hover{ background: #1ca373; color: #fff; }

.aboutP1{ padding: 90px 0; }
.aboutP1 .leftDiv{ width: 6.1rem; }
.aboutP1 .leftDiv .name{ font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.aboutP1 .leftDiv .txt{ padding: 20px 0 50px; font-size: 24px; line-height: 24px; color: #000; }
.aboutP1 .leftDiv .content{ padding-top: 45px; position: relative; font-size: 16px; line-height: 30px; text-align: justify;}
.aboutP1 .leftDiv .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg.png) no-repeat; }
.aboutP1 .rightImg{ width: 7.68rem; }
.aboutP1 .rightImg img{ width: 100%; }

.aboutP2{ height: 5.26rem; background: url(../images/aboutBg.jpg) center no-repeat; background-size: cover; }
.aboutP2 .conDiv{ text-align: center; color: #fff; }
.aboutP2 .title{ font-size: 48px; line-height: 48px; font-weight: bold; padding-bottom: 30px; }
.aboutP2 .content{ font-size: 16px; line-height: 30px; width: 820px; margin: 0 auto; }
.dataPic{ padding: 70px 160px 0;}
.dataPic .list{ overflow: hidden;}
.dataPic .list li{ font-size: 16px; text-align: center; color: #fff; }
.dataPic .list li .wen{ height: 60px; }
.dataPic .list li .wen span{ font-size: 36px; line-height: 36px; }
.dataPic .list li .wen em{ font-size: 48px; line-height: 48px; font-family: regular; padding-right: 10px; }
.dataPic .list li .msg{ font-size: 16px; line-height: 30px; }
.dataPic .swiper-pagination{ display: none; position: relative; padding-top: 0.35rem; bottom: 0; }
.dataPic .swiper-pagination-bullet { background: rgba(255,255,255,0.5); opacity: 1;} 
.dataPic .swiper-pagination-bullet-active { background: #fff;} 


.aboutP3{ padding: 90px 0; position: relative; }
.aboutP3-2{ background: #f6f6f6; }
.aboutP3:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg.png) no-repeat; }
.aboutP3-2:before{ display: none; }
.aboutP3 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.aboutP3 .wen{ font-size: 24px; line-height: 24px; padding: 20px 0 45px; text-align: center; }
.aboutP3 .mxfDiv{ position: relative; width: 1120px; height: 542px; margin: 0 auto; background: url(../images/map.png) no-repeat;}
.aboutP3 .mapList li{ position: absolute; z-index: 1; min-height: 33px; font-size: 14px; line-height: 22px; color: #000;}
.aboutP3 .mapList li:before{ content:''; position:absolute; width:16px; height:22px; background-size: 16px; -webkit-animation:warn 3s ease-out both;-moz-animation:warn 3s ease-out both;-o-animation:warn 3s ease-out both;animation:warn 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.aboutP3 .mapList .seattle{ padding-left: 36px; left: 193px; top: 190px;}
.aboutP3 .mapList .seattle:before{ left:0; top:0; background: url(../images/nimg22Bg.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .germany{ padding-left: 36px; left: 573px; top: 158px;}
.aboutP3 .mapList .germany:before{ left:0; top:0; background: url(../images/nimg22Bg.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .tokyo{ right: 70px; top: 193px; padding-left: 27px; }
.aboutP3 .mapList .tokyo:before{ left:0; top:0; background: url(../images/nimg22Bg.png) no-repeat; background-size: 16px; }
.aboutP3 .mapList .hiroshima{ right: 156px; top: 206px; padding-right: 26px;  }
.aboutP3 .mapList .hiroshima:before{ right:0; top:3px; background: url(../images/nimg22Bg2.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .zhejiang{ right: 203px; top: 225px; padding-right: 30px;  }
.aboutP3 .mapList .zhejiang:before{ right:0; top:0; background: url(../images/nimg22Bg2.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .zhuhai{ right: 229px; top: 256px; padding-right: 30px; }
.aboutP3 .mapList .zhuhai:before{ right:0; top:0; background: url(../images/nimg22Bg.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .zongbu{ right: 84px; top: 252px; color: #12a06f; padding-top: 3px; padding-left: 30px; font-weight: bold; }
.aboutP3 .mapList .zongbu:before{ left:0; top:0; background: url(../images/nimg22Bg2.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .taiwan{ right: 184px; top: 275px; padding-top: 35px;  }
.aboutP3 .mapList .taiwan:before{ top:0; left:50%; margin-left:-11px; background: url(../images/nimg22Bg2.png) no-repeat; background-size: 16px;}
.aboutP3 .mapList .fujian{ right: 210px; top: 240px; padding-right: 30px;  }
.aboutP3 .mapList .fujian:before{ right:0; top:0; background: url(../images/nimg22Bg2.png) no-repeat; background-size: 16px;}

.aboutP3 .label{ position: absolute; left: 0; bottom: 10px; }
.aboutP3 .label li{ padding: 0 0 20px 36px; height: 30px; line-height: 30px; font-size: 16px; color: #000; position: relative; }
.aboutP3 .label li img{ position: absolute; left: 0; top: 0; }

.aboutP3 .halaDiv{ overflow: auto; }
.aboutP3 .halaDiv .limg img{ width: 100%; }

.aboutP4{ background: #f5f5f5; padding: 90px 0; position: relative; }
.aboutP4:before{ content: ''; position: absolute; left: 0; top: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg2.png) no-repeat; }
.aboutP4:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.aboutP4 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.aboutP4 .wen{ font-size: 24px; line-height: 24px; padding: 20px 0 55px; text-align: center; }

.historyPic{ position: relative; z-index: 1; }
.historyPic .box-container{ position: relative; width: 100%; height: 100px;}
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; top: 36px; width: 100%; height: 1px; background: #eaeaea; }
.historyPic .box-container .year-swiper{ padding: 0 50px; }
.historyPic .box-container .swiper-slide{ height: 60px; cursor: pointer; position: relative; text-align: center;}
.historyPic .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -10px; bottom: 14px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); }
.historyPic .box-container .swiper-slide .ico:before{ content: ''; z-index: 2; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.historyPic .box-container .swiper-slide .year{ font-size: 18px; line-height: 18px; font-family:mont; }
.historyPic .box-container .swiper-slide-active{ color: #1ca373; }
.historyPic .box-container .swiper-slide-active .ico:before{ background: #1ca373; }
.historyPic .box-container .prev { position: absolute; border-radius: 50%; left: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_left.png) no-repeat center; z-index: 5;}
.historyPic .box-container .next { position: absolute; border-radius: 50%; right: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_right.png) no-repeat center; z-index: 5;}
.historyPic .box-container .prev:hover{ background: #1ca373 url(../images/nimg12_left.png) no-repeat center;}
.historyPic .box-container .next:hover{ background: #1ca373 url(../images/nimg12_right.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .mxfDiv{ position: relative; background: #fff;}
.historyPic .detail-box .imgDiv{ overflow: hidden; }
.historyPic .detail-box .imgDiv img{ width: 7.68rem; }
.historyPic .detail-box .conDiv{ padding-top: 1.0rem; width: 6.7rem; }
.historyPic .detail-box .year{ font-size: 72px; color: #1ca373; line-height: 72px; padding-bottom: 20px; font-family: mont; animation: am_top 0.3s ease-in-out 0.3s backwards; -webkit-animation: am_top 0.3s ease-in-out 0.3s backwards; }
.historyPic .detail-box .name{ position: relative; font-size: 36px; line-height: 36px; color: #333; padding-bottom: 30px; animation: am_top 0.3s ease-in-out 0.6s backwards; -webkit-animation: am_top 0.3s ease-in-out 0.6s backwards; }
.historyPic .detail-box .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: #12a06f; }
.historyPic .detail-box .content{ padding-top: 30px; padding-right:30px; font-size: 18px; line-height: 36px; animation: am_top 0.3s ease-in-out 0.9s backwards; -webkit-animation: am_top 0.3s ease-in-out 0.9s backwards;}

.partnerP1{ padding: 90px 0; position: relative; }
.partnerP1-2{ background: #f5f5f5; }
.partnerP1-2:before{ content: ''; position: absolute; width: 463px; height: 298px; left: 0; top: 0; background: url(../images/nimg463Bg.png) no-repeat; }
.partnerP1-2:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.partnerP1-3{ background: #050a21; }
.partnerP1 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; padding-bottom: 60px; }
.partnerP1-3 .title{ color: #fff; }
.partnerP1 .icoList{ overflow: hidden; }
.partnerP1 .icoList li{ text-align: center; }
.partnerP1 .icoList li .ico{ height: 120px; }
.partnerP1 .icoList li .name{ font-size: 30px; line-height: 30px; padding-bottom: 20px; color: #333; }
.partnerP1-3 .icoList li .name{ color: #fff; }
.partnerP1 .icoList li .msg{ font-size: 16px; color: #8e909d; line-height: 28px; }
.partnerP1 .icoList li:hover .ico img{ transform:  rotateY(360deg);
    transform-style: preserve-3d;
    -webkit-transform:  rotateY(360deg);
    -webkit-transform-style: preserve-3d;}

.partnerP1 .icoList .swiper-pagination{ display: none; bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.partnerP1 .icoList .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.partnerP1 .icoList .swiper-pagination-bullet-active { background: #41b28a; } 

.partnerP1 .list{ padding-top: 90px; }
.partnerP1 .list li{ padding-bottom: 80px; }
.partnerP1 .list li:last-child{ padding-bottom: 0; }
.partnerP1 .list li .imgDiv{ overflow:hidden;}
.partnerP1 .list li .imgDiv img{ width: 9.22rem; }
.partnerP1 .list li .conDiv{ width: 4.8rem; padding-top: 80px; }
.partnerP1 .list li:nth-child(odd) .imgDiv{ order: 2; }
.partnerP1 .list li:nth-child(odd) .conDiv{ order: 1; }
.partnerP1 .list li .name{ position: relative; font-size: 40px; line-height: 40px; color: #000; padding-bottom: 30px; font-weight: bold; }
.partnerP1 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #12a06f; }
.partnerP1 .list li .content{ font-size: 16px; line-height: 30px; padding-top: 45px; }
.partnerP1 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.partnerP2{ background: #f5f5f5; padding: 90px 0; position: relative; }
.partnerP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg2.png) no-repeat; }
.partnerP2:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.partnerP2 .w1000{ width: 1000px; margin: 0 auto; }
.partnerP2 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.partnerP2 .form{ position: relative; z-index: 1; padding-top: 30px; margin-right: -10px; }
.partnerP2 .form .liDiv{ float: left; width: 33.33%; padding-bottom: 10px; }
.partnerP2 .form .liDiv2{ width: 100%; }
.partnerP2 .form .liDiv .box{ margin-right: 10px; height: 64px; border-radius: 6px; background: #fff; position: relative; padding-left: 80px; }
.partnerP2 .form .liDiv .box2{ padding-left: 15px; }
.partnerP2 .form .liDiv2 .box{ height: 114px; }
.partnerP2 .form .liDiv .txt{ font-size: 16px; line-height: 64px; position: absolute; left: 18px; top: 0; }
.partnerP2 .form .liDiv .txt em{ color: #ea0707; padding-right: 10px; }
.partnerP2 .form .liDiv .input1{ width:100%; height:64px; line-height:64px; font-size:16px; box-sizing: border-box;}
.partnerP2 .form .liDiv textarea{ width: 100%; box-sizing: border-box; padding: 18px 0; font-size: 16px; line-height: 26px; height: 114px; }

.partnerP2 .select{ width: 100%; position: relative; height: 64px;}
.partnerP2 .select dt{height: 64px; line-height: 64px; font-size: 16px; display: inline-block; width: 100%; box-sizing: border-box; padding-left: 20px; cursor: pointer; overflow: hidden; position: relative; }
.partnerP2 .select dt a{ color: #666; position: relative; display: block; width: 100%; overflow: hidden;} 
.partnerP2 .select dt a:after{ content: ''; position: absolute; right: 0; top: 50%; width: 38px; height: 10px; margin-top: -5px; background: url(../images/selectIco.png) no-repeat center; }
.partnerP2 .select dd{ position: absolute; left: 0px; top: 64px; z-index: 10; width: 100%; box-sizing: border-box;} 
.partnerP2 .select dd ul { max-height:200px; list-style: none; overflow: auto; background: #fff; box-shadow: 0px 5px 8px 0px rgba(117,121,128,0.4); } 
.partnerP2 .select dd ul::-webkit-scrollbar { width: 3px;}
.partnerP2 .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.partnerP2 .select dd ul::-webkit-scrollbar-thumb { background-color: #41b28a;} 
.partnerP2 .select dd ul li{ width:100%; line-height: 40px; height: 40px; padding: 0 20px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.partnerP2 .select dd ul li:last-child{ border-bottom:none;}

.partnerP2 .botDiv{ margin-top: 5px; clear: both; position: relative; z-index:1;}
.partnerP2 .choose li{ padding-left: 24px; cursor: pointer; line-height: 32px; font-size: 14px; background: url(../images/ico5.png) left center no-repeat;}
.partnerP2 .choose .liNow{ background: url(../images/ico5on.png) left center no-repeat; }
.partnerP2 .btnDiv{ position: absolute; right: 0; top: 0; }
.partnerP2 .btnDiv a{ position:relative; overflow:hidden; display: block; width: 308px; height: 64px; border-radius: 6px; line-height: 64px; text-align: center; font-size: 18px; color: #fff; background: #41b28a; }
.partnerP2 .btnDiv a:after{ content:''; position:absolute; left:50%; top:50%; width:0; height:0; border-radius:50%; background:rgba(255,255,255,0.2);}
.partnerP2 .btnDiv a:hover:after{ width:328px; height:328px; margin-left:-164px; margin-top:-164px;}

.question{ padding: 90px 0; }
.question .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; }
.secondTab{ text-align: center; padding: 55px 0 50px;}
.secondTab li{ float: left; width: 25%; }
.secondTab li .ico{ height: 90px; }
.secondTab li .name{ display: inline-block; font-size: 24px; line-height: 24px; height: 38px; color: #000; position: relative; }
.secondTab li .name:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #009f6e; }
.secondTab li .on .name, .secondTab li a:hover .name{ color: #009f6e; }
.secondTab li .on .name:after{ width: 100%; left: 0; }

.question .list li{ position:relative; padding-bottom: 15px;}
.question .list li .msgDiv{ padding: 0 40px 0 40px; height: 100px; position:relative; background:#f6f7f7; cursor: pointer;}
.question .list li .msgDiv:after{ content: ''; position: absolute; right: 50px; top: 50%; width: 9px; height: 15px; margin-top: -8px; background: url(../images/ico6.png) center no-repeat; }
.question .list li .name{ position: relative; height: 100px; line-height: 24px; display: table-cell; vertical-align: middle; padding-left: 40px; padding-right: 100px; overflow: hidden; font-size: 16px; color: #333; }
.question .list li .name em{ position: absolute; background: url(../images/nimg24_1.png) no-repeat; display: block; width: 24px; height: 24px; left: 0; top: 50%; margin-top: -12px; }
.question .list li .box{ display:none; background: #f6f7f7;}
.question .list li .msgDiv.aNow{ background: #12a06f;}
.question .list li .msgDiv.aNow .name{ color: #fff; }
.question .list li .msgDiv.aNow .name em{ background: url(../images/nimg24_1on.png) no-repeat;}
/*.question .list li .msgDiv.aNow:after{ width: 15px; height: 9px; margin-top: -5px; background: url(../images/ico6on.png) center no-repeat; }*/
.question .list li .msgDiv.aNow:after{ background: url(../images/ico6on.png) center no-repeat; transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}
.question .list li .msg{ position: relative; padding: 40px 80px; line-height: 30px; font-size: 14px; color: #999;}

.job{ padding: 90px 0; }
.job .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; padding-bottom: 50px; }

.selectGroup{ position: relative; text-align: center; padding-bottom: 45px; z-index: 2;}
.selectGroup .box{ display: inline-block; position: relative; height: 62px; margin-right: 20px;}
.selectGroup .select dt{ border-radius: 6px; box-sizing: border-box; border: #dcdcdc solid 1px; height: 62px; line-height: 62px; display: inline-block; width: 238px; background: url(../images/selectIco.png) no-repeat right center; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.selectGroup .select dt a{ text-align: left; font-size: 16px;color: #666; position: relative; padding-left: 18px; display: block; overflow: hidden;} 
.selectGroup .select dd{ position: absolute; left: 0px; top: 61px; z-index: 10; width: 100%; background: #fff; height: 180px; overflow: auto; box-sizing: border-box; border: #dcdcdc solid 1px; border-radius: 6px;} 
.selectGroup .select dd::-webkit-scrollbar { width: 2px;}
.selectGroup .select dd::-webkit-scrollbar-track { background-color: #e5e5e5;}
.selectGroup .select dd::-webkit-scrollbar-thumb { background-color: #41b28a;}
.selectGroup .select dd ul {list-style: none; overflow: auto; padding: 0 10px;background: #fff;} 
.selectGroup .select dd ul li{line-height: 45px; height: 45px; cursor: pointer; border-bottom: 1px solid #e1e1e1; color: #c6c6c6; font-size: 14px; text-align: left;}
.selectGroup .select dd ul li:last-child{ border-bottom: none; }
.selectGroup .select dd ul li:hover{ color: #41b28a; }
.selectGroup .form{ border: #e1e1e1 solid 1px; width: 438px; box-sizing: border-box; position: relative; height: 62px; border-radius: 6px; overflow: hidden;}
.selectGroup .form .input1{ width: 100%; padding-left: 26px; height: 62px; line-height: 60px; text-align: left; box-sizing: border-box; font-size: 16px; }
.selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.selectGroup .btnDiv a{ display: block; width: 110px; text-align: center; font-size: 18px; color: #fff; height: 62px; line-height: 62px; background: #12a06f;  }

.job .list{ clear: both; padding-bottom: 50px; }
.job .list li{ padding-bottom: 20px; }
.job .list li a{ display: block; height: 192px; position: relative; padding: 0 130px 0 40px; background: #f7f9f8;}
.job .list li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #12a06f; }
.job .list li .ico{ position: absolute; right: 40px; top: 38px; border-radius: 50%; width: 60px; height: 60px; background: #fff url(../images/ico7.png) center no-repeat; }
.job .list li .name{ padding-top: 30px; font-size: 22px; line-height: 36px; height: 36px; overflow: hidden; color: #000; }
.job .list li .msg{ position: relative; left: -16px; color: #888989; font-size: 14px; line-height: 32px;}
.job .list li .msg em{ padding: 0 16px; }
.job .list li .content{ padding-top: 5px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #636463; }
.job .list li a:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.24);}
.job .list li a:hover .ico{ background: #12a06f url(../images/ico7on.png) center no-repeat; }
.job .list li a:hover .name{ color: #12a06f; }

.jobTop{ height: 285px; padding-top: 70px; box-sizing: border-box; background: #f7f9f8; position: relative; }
.jobTop:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 390px; height: 184px; background: url(../images/nimg390Bg.png) no-repeat; }
.jobTop:after{ content: ''; position: absolute; right: 0; top: 0; width: 416px; height: 216px; background: url(../images/nimg416Bg.png) no-repeat; }
.jobTop .w1200{ width: 1200px; margin: 0 auto; }
.jobTop .back a{ display: block; padding-left: 25px; font-size: 16px; background: url(../images/back.png) left center no-repeat;}
.jobTop .name{ padding: 40px 0 20px; font-size: 40px; line-height: 40px; color: #000; font-weight: bold; }
.jobTop .msg{ position: relative; left: -16px; color: #888989; font-size: 16px;}
.jobTop .msg em{ padding: 0 16px; }

.jobBot{ padding: 70px 0 100px; }
.jobBot .w1200{ width: 1200px; margin: 0 auto; }
.jobBot .title{ font-size: 24px; line-height: 24px; color: #000; font-weight: bold; padding-bottom: 25px; }
.jobBot .content{ font-size: 16px; line-height: 30px; padding-bottom: 70px; }
.jobBot .btnDiv a{ display: block; width: 130px; height: 46px; line-height: 46px; border: #8dd1b9 solid 2px; border-radius: 32px; text-align: center; font-size: 16px; color: #1ca373; }
.jobBot .btnDiv a:hover{ background: #8dd1b9; color: #fff; }

.contactP1{ padding: 90px 0 0; }
.contactP1 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; padding-bottom: 80px; }
.contactP1 .list ul{ margin-right: -30px; }
.contactP1 .list li{ float: left; width: 33.33%; padding-bottom: 50px;}
.contactP1 .list li .box{ margin-right: 30px; }
.contactP1 .list li .name{ height: 44px; position: relative; font-size: 24px; line-height: 24px; color: #0ea87b; }
.contactP1 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd; }
.contactP1 .list li .name:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 90px; height: 1px; background: #0ea87b; z-index: 1; }
.contactP1 .list li .lie{ padding-top: 35px; height: 160px;}
.contactP1 .list li .lie dd{ font-size: 16px; line-height: 30px; }

.contactP2{ background: #12a06f; height: 340px; padding-top: 45px; box-sizing: border-box; position: relative; overflow: hidden; }
#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.contactP3{ height: 300px; position: relative; }
.contactP3:before{ content: ''; position: absolute; left: 0; top: 0; width: 463px; height: 298px; background: url(../images/nimg463Bg.png) no-repeat; }
.contactP3:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.contactP3 .mxfDiv{ margin: 0 auto; width: 715px; height: 300px; }
.contactP3 .txt{ font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.contactP3 .share li{ float: left; margin-left: 20px; }
.contactP3 .share li a{ display: block; width: 52px; height: 52px; position: relative; background: #ababab; border-radius: 50%; }
.contactP3 .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; }
.contactP3 .share li a:hover{ background: #12a06f; }

.policyP1{ padding: 90px 0; }
.policyP1 .title{ font-size: 48px; line-height: 48px; color: #000; font-weight: bold; text-align: center; padding-bottom: 25px; }
.policyP1 .msg{ font-size: 18px; text-align: center; }
.policyP1 .list{ padding-top: 65px; }
.policyP1 .list li{ padding-bottom: 80px; }
.policyP1 .list li:last-child{ padding-bottom: 0; }
.policyP1 .list li .imgDiv img{ width: 9.22rem; }
.policyP1 .list li .conDiv{ width: 4.8rem; padding-top: 80px; }
.policyP1 .list li:nth-child(odd) .imgDiv{ order: 2; }
.policyP1 .list li:nth-child(odd) .conDiv{ order: 1; }
.policyP1 .list li .name{ position: relative; font-size: 40px; line-height: 40px; color: #000; padding-bottom: 30px; font-weight: bold; }
.policyP1 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #12a06f; }
.policyP1 .list li .content{ font-size: 16px; line-height: 30px; padding-top: 45px; }
.policyP1 .btnDiv{ padding-top: 40px; }
.policyP1 .btnDiv a{ display: block; width: 150px; height: 46px; line-height: 46px; border: #8dd1b9 solid 2px; border-radius: 32px; text-align: center; font-size: 16px; color: #1ca373; }
.policyP1 .btnDiv a:hover{ background: #8dd1b9; color: #fff; }

.news{ padding: 90px 0; }
.news2{ padding: 130px 0 90px; }
.news .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; padding-bottom: 40px; }
.news .list{ padding-bottom: 50px; }
.news .list ul{ margin-right: -30px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 30px; }
.news .list li .box{ margin-right: 30px; }
.news .list li .imgDiv{ overflow:hidden;}
.news .list li .imgDiv img{ width: 100%; }
.news .list li .conDiv{ padding: 30px 40px 0; height: 250px; box-sizing: border-box; background: #f8f8f8; position: relative; overflow: hidden;}
.news .list li .conDiv:after{ content: ''; z-index: 0; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/nimg492Bg.jpg) center no-repeat; background-size: cover;}
.news .list li .time{ font-size: 16px; line-height: 16px; color: #666; padding-bottom: 15px; z-index: 1; position: relative;}
.news .list li .name{ font-size: 20px; line-height: 28px; height: 84px; overflow: hidden; color: #333; z-index: 1; position: relative;}
.news .list li .content{ padding-top: 5px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #999; z-index: 1; position: relative;}
.news .list li .more{ opacity: 0; z-index: 1; position: absolute; bottom: -20%; left: 40px; font-size: 16px; line-height: 16px; color: #fff; width: 85px; }
.news .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 15px; height: 11px; background: url(../images/ico3.png) no-repeat; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .conDiv:after{ opacity: 1; }
.news .list li .box:hover .time, .news .list li .box:hover .name{ color: #fff; }
.news .list li .box:hover .more{ opacity: 1; bottom: 45px; }
.news .list li .box:hover .content{ opacity: 0; }

.newsTop{ padding: 70px 0 60px; box-sizing: border-box; background: #f7f9f8; position: relative; }
.newsTop:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 390px; height: 184px; background: url(../images/nimg390Bg.png) no-repeat; }
.newsTop:after{ content: ''; position: absolute; right: 0; top: 0; width: 416px; height: 216px; background: url(../images/nimg416Bg.png) no-repeat; }
.newsTop .w960{ width: 960px; margin: 0 auto; }
.newsTop .back{ position:relative; z-index:1;}
.newsTop .back a{ display: block; padding-left: 25px; font-size: 16px; background: url(../images/back.png) left center no-repeat;}
.newsTop .name{ padding: 35px 0 15px; font-size: 40px; line-height: 48px; color: #000; font-weight: bold; }
.newsTop .msg{ position: relative; color: #666; font-size: 16px;}
.newsTop .msg em{ padding-right: 25px; }

.newsBot{ padding: 70px 0 100px; }
.newsBot .w960{ width: 960px; margin: 0 auto; }
.newsBot .back a{ display: block; padding-left: 25px; font-size: 16px; background: url(../images/back.png) left center no-repeat;}
.newsBot .name{ padding: 35px 0 15px; font-size: 40px; line-height: 48px; color: #000; font-weight: bold; }
.newsBot .msg{ position: relative; color: #666; font-size: 16px; padding-bottom: 60px;}
.newsBot .msg em{ padding-right: 25px; }
.newsBot .content{ font-size: 16px; line-height: 30px; }
.newsBot .imgDiv{ padding: 45px 0; text-align: center;}
.newsBot .imgDiv img{ width: 100%; }

.pageBanner .botLayer{ position: absolute; z-index: 1; width: 15.36rem; left: 50%; bottom: -60px; height: 100px; background: #fff; margin-left: -7.68rem; box-shadow: 2px 5px 38px 0px rgba(178, 178, 178, 0.35);}
.pageBanner .links{ padding-left: 60px; }
.pageBanner .links li{ float: left; margin-right: 40px; font-size: 16px; }
.pageBanner .links li a{ display: block; line-height: 100px; color: #666; }
.pageBanner .links li .on, .pageBanner .links li a:hover{ color: #12a06f; }
.pageBanner .seek{ position: absolute; right: 40px; top: 24px; z-index: 1; width: 326px; height: 50px; border: #12a06f solid 1px; border-radius: 6px;}
.pageBanner .seek .input1{ width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 20px; font-size: 16px;}
.pageBanner .seek .btn1{ position: absolute; z-index: 1; right: 0; top: 0; width: 50px; height: 50px; background: url(../images/nimg18_2.png) center no-repeat; }

.mediaP1{ padding: 90px 0; }
.mediaDiv .toptop{ height: 85px; position: relative; z-index: 1; }
.mediaDiv .title{ font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; text-align: left; }
.mediaDiv .btnDiv{ position: absolute; right: 0; top: 0; }
.mediaDiv .btnDiv a{ display: block; width: 130px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #1ca373; border-radius: 32px; border: #8dd1b9 solid 2px; }
.mediaDiv .btnDiv a:hover{ background: #8dd1b9; color: #fff; }

.mediaP1 .leftDiv{ width: 10.73rem; overflow:hidden; }
.mediaP1 .leftDiv a{ display:block; position: relative;}
.mediaP1 .leftDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: url(../images/bg1.png) repeat-x; z-index: 0; }
.mediaP1 .leftDiv .imgDiv img{ width: 100%; }
.mediaP1 .leftDiv .txtLayer{ position: absolute; left: 0; bottom: 20px; width: 100%; box-sizing: border-box; padding: 0 30px; z-index: 1; color: #fff; }
.mediaP1 .leftDiv .name{ font-size: 20px; height: 30px; line-height: 30px; overflow: hidden; }
.mediaP1 .leftDiv .msg{ height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; }
.mediaP1 .leftDiv:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.mediaP1 .leftDiv:hover .txtLayer{ bottom:30px;}

.mediaP1 .rightDiv{ width: 4.43rem; }
.mediaP1 .rightDiv li{ margin-bottom: 0.2rem;}
.mediaP1 .rightDiv li:last-child{ margin-bottom: 0; }
.mediaP1 .rightDiv li .box{ position: relative; overflow:hidden;}
.mediaP1 .rightDiv li a{ display:block; width:100%; height:100%; position:relative; z-index:1;}
.mediaP1 .rightDiv li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: url(../images/bg1.png) repeat-x; z-index: 0; }
.mediaP1 .rightDiv li .imgDiv img{ width: 100%; }
.mediaP1 .rightDiv li .txtLayer{ position: absolute; left: 0; bottom: 10px; width: 100%; box-sizing: border-box; padding: 0 30px; z-index: 1; color: #fff; }
.mediaP1 .rightDiv li .name{ font-size: 20px; height: 30px; line-height: 30px; overflow: hidden; }
.mediaP1 .rightDiv li .msg{ height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; }
.mediaP1 .rightDiv li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.mediaP1 .rightDiv li:hover .txtLayer{ bottom:20px;}

.mediaP2{ padding: 90px 0; background: #f6f6f6; position: relative;}
.mediaP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 463px; height: 298px; background: url(../images/nimg463Bg.png) no-repeat; }
.mediaP2:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.mediaP2 .list ul{ margin-right: -24px; }
.mediaP2 .list li{ float: left; width: 50%; padding-bottom: 25px; }
.mediaP2 .list .li01{ width: 33.33%; }
.mediaP2 .list li .box{ margin-right: 24px; position: relative; cursor: pointer; overflow:hidden;}
.mediaP2 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: url(../images/bg1.png) repeat-x; z-index: 0; }
.mediaP2 .list li .imgDiv{ position: relative; }
.mediaP2 .list li .imgDiv:before{ content: ''; z-index: 1; position: absolute; left: 50%; top: -40%; width: 60px; height: 60px; margin-left: -30px; background: url(../images/nimg60_1.png) no-repeat; }
.mediaP2 .list li .imgDiv img{ width: 100%; }
.mediaP2 .list li .name{ position: absolute; left: 0; bottom: 15px; width: 100%; box-sizing: border-box; padding: 0 30px; z-index: 1; }
.mediaP2 .list li .name em{ display: block; line-height: 36px; overflow: hidden; color: #fff; font-size: 18px; white-space: normal; }
.mediaP2 .list li .videoDiv{ display: none; }
.mediaP2 .list li .box:hover .imgDiv:before{ top: 50%; margin-top: -30px;}

.mediaP3{ padding: 90px 0 80px; }
.mediaP3 .list{ padding-bottom: 0; }

.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.video-box.on {
  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 */
}

.videoLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.videoLayer .close{position: absolute; display: block; right: 14px; top: 14px; width:24px; height: 24px; background: url(../images/close.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.videoLayer .close:hover { transform: rotate(-90deg);}
.videoLayer video{ width:100%;}

.download{ padding: 90px 0; }
.download .title{ text-align: center; font-size: 48px; line-height: 48px; color: #010101; font-weight: bold; padding-bottom: 85px; }
.download .list li{ float: left; width: 20%; }
.download .list li .ico{ height: 110px; }
.download .list li .name{ height: 42px; font-size: 24px; line-height: 24px; color: #000; }
.download .list li .lie dd{ font-size: 16px; line-height: 30px; }

.download .wen{ padding: 90px 0 30px; font-size: 30px; color: #20ab80; line-height: 30px; }
.download .list2{ padding-bottom: 50px; }
.download .list2 li{ padding-bottom: 20px; }
.download .list2 li .box a{ display: block; height: 88px; background: #f7f9f8; position: relative; padding: 0 80px 0 130px; }
.download .list2 li .box a:after{ content: ''; position: absolute; right: 30px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../images/nimg30_1.png) no-repeat; }
.download .list2 li .time{ position: absolute; left: 30px; top: 0; color: #20ab80; line-height: 88px; font-size: 14px; font-family: mont; }
.download .list2 li .name{ font-size: 16px; color: #333; height: 88px; line-height: 88px; overflow: hidden; }
.download .list2 li .box a:hover{ background: #20ab80; }
.download .list2 li .box a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; }
.download .list2 li .box a:hover .time, .download .list2 li .box a:hover .name{ color: #fff; }

.dutyP1{ padding: 90px 0; }
.dutyP1 .bigBox{ position: relative; overflow: hidden;}
.dutyP1 .bigBox .leftImg{ position: absolute; left: 0; bottom: 0; width: 50%; z-index: 1; }
.dutyP1 .bigBox .leftImg img{ width: 100%; }
.dutyP1 .bigBox .rightDiv{ width: 8.88rem; height: 5.24rem; background: #f4f9f7; box-sizing: border-box; padding: 0 1.4rem 0 2.2rem; }
.dutyP1 .bigBox .name{ font-size: 48px; line-height: 48px; color: #010101; padding-bottom: 30px; position: relative;}
.dutyP1 .bigBox .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #12a06f; }
.dutyP1 .bigBox .content{ font-size: 16px; line-height: 30px; padding-top: 45px;}
.dutyP1 .bigBox .btnDiv{ padding-top: 75px; }
.dutyP1 .bigBox .btnDiv a{ display: block; width: 180px; height: 46px; line-height: 46px; text-align: center; font-size: 16px; color: #1ca373; border-radius: 32px; border: #8dd1b9 solid 2px; }
.dutyP1 .bigBox .btnDiv a:hover{ background: #8dd1b9; color: #fff; }

.dutyP1 .halaName{ margin-top: 65px; height: 100px; position: relative; cursor: pointer;}
.dutyP1 .halaName:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eaeaea; }
.dutyP1 .halaName p{ line-height: 100px; color: #000; font-size: 30px; font-weight: bold; }
.dutyP1 .halaName em{ position: absolute; right: 0; top: 0; display: block; font-size: 16px; padding-right: 22px; color: #12a06f; line-height: 100px; background: url(../images/ico8on.png) right center no-repeat;}
.dutyP1 .halaName span{ position: absolute; right: 0; top: 0; display: none; font-size: 16px; padding-right: 22px; color: #12a06f; line-height: 100px; background: url(../images/ico8.png) right center no-repeat; }
.dutyP1 .halaName.on span{ display: block; }
.dutyP1 .halaName.on em{ display: none; }
.halaCon{ display: none; padding-top: 20px;}
.halaCon li{ padding-bottom: 20px; }
.halaCon li .box a{ display: block; height: 88px; background: #f7f9f8; position: relative; padding: 0 80px 0 130px; }
.halaCon li .box a:after{ content: ''; position: absolute; right: 30px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../images/nimg30_1.png) no-repeat; }
.halaCon li .time{ position: absolute; left: 30px; top: 0; color: #20ab80; line-height: 88px; font-size: 14px; font-family: mont; }
.halaCon li .name{ font-size: 16px; color: #333; height: 88px; line-height: 88px; overflow: hidden; }
.halaCon li .box a:hover{ background: #20ab80; }
.halaCon li .box a:hover:after{ background: url(../images/nimg30_1on.png) no-repeat; }
.halaCon li .box a:hover .time, .halaCon li .box a:hover .name{ color: #fff; }

.solutionP1{ padding: 100px 0 90px; position: relative; }
.solutionP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 416px; height: 216px; background: url(../images/nimg416Bg.png) no-repeat; }
.solutionP1:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg.png) no-repeat; }
.solutionP1 .content{ z-index: 1; width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0 45px; text-align: justify; position: relative; font-size: 24px; line-height: 48px; }
.solutionP1 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg.png) no-repeat; }
.solutionP1 .content:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg2.png) no-repeat; }
.solutionP1 .title{ font-weight: bold; font-size: 48px; line-height: 48px; color: #000; text-align: center; padding: 90px 0 35px; }
.solutionP1 .msg{ width: 960px; font-size: 24px; line-height: 48px; /*text-align: center;*/ margin: 0 auto; padding-bottom: 70px; }
.solutionP1 .imgDiv{ position: relative; z-index: 1;}
.solutionP1 .imgDiv img{ width: 100%; }
.solutionP1 .btnDiv{ padding-top: 50px; margin: 0 auto; width: 165px; }
.solutionP1 .btnDiv a{ display: block; width: 165px; height: 50px; line-height: 46px; text-align: center; color: #12a06f; font-size: 16px; border-radius: 32px; box-sizing: border-box; border: #12a06f solid 2px; }
.solutionP1 .btnDiv a:hover{ background: #12a06f; color: #fff; }

.solutionP1 .layer{ text-align: center; padding-top: 60px;}
.solutionP1 .tips{ padding-top: 50px; font-size: 16px; line-height: 16px; color: #999; }
.solutionP1 .key{ width: 460px; margin: 0 auto; }
.solutionP1 .zui-slider { background: #eee;}


.solutionP2{ position: relative; padding: 90px 0; background: #f5f5f5; }
.solutionP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg2.png) no-repeat; }
.solutionP2 .title{ text-align: center; font-size: 42px; line-height: 42px; color: #000; padding-bottom: 60px; font-weight: bold; }
.solutionP2 .list{ overflow: hidden; }
.solutionP2 .list li{ text-align: center; }
.solutionP2 .list li .ico{ height: 95px; }
.solutionP2 .list li .name{ font-size: 24px; line-height: 24px; padding-bottom: 20px; color: #333; }
.solutionP2 .list li .msg{ font-size: 14px; line-height: 24px; }
.solutionP2 .list li:hover .ico img{transform:  rotateY(360deg);
    transform-style: preserve-3d;
    -webkit-transform:  rotateY(360deg);
    -webkit-transform-style: preserve-3d;}
.solutionP2 .list .swiper-pagination{ display: none; bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.solutionP2 .list .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.solutionP2 .list .swiper-pagination-bullet-active { background: #41b28a; } 

.solutionP3{ height: 7.2rem; background: center no-repeat; background-size: cover;}
.solutionP3 .conDiv{ width: 800px; }
.solutionP3 .name{ position: relative; font-size: 40px; padding-bottom: 30px; line-height: 40px; color: #fff; font-weight: bold; }
.solutionP3 .content{ font-size: 16px; line-height: 30px; color: #fff; text-align: justify;}
.solutionP3 .btnDiv{ padding-top: 100px; }
.solutionP3 .btnDiv a{ display: block; width: 165px; height: 50px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; border-radius: 32px; box-sizing: border-box; border: #fff solid 2px; }
.solutionP3 .btnDiv a:hover{ background: #fff; color: #12a06f; }

.solutionP4{ padding: 90px 0; }
.solutionP4 .title{ font-size: 42px; line-height: 42px; font-weight: bold; text-align: center; padding-bottom: 45px; color: #000;}
.solutionP4 .list{ position: relative; }
.solutionP4 .list:before{ content:''; position:absolute; top:0; left:50%; margin-left:7.68rem; width:25%; height:100%; background:rgba(255,255,255,0.8); z-index:3;}
.solutionP4 .list:after{ content:''; position:absolute; top:0; right:50%; margin-right:7.68rem; width:25%; height:100%; background:rgba(255,255,255,0.8); z-index:3;}

.solutionP4 .list li .imgDiv{ overflow: hidden; }
.solutionP4 .list li .imgDiv img{ width: 100%; }
.solutionP4 .list li .name{ padding-top: 20px; height: 38px; line-height: 38px; overflow: hidden; font-size: 24px; color: #000; font-weight: bold; }
.solutionP4 .list li .wen{ font-size: 16px; line-height: 24px; padding-top: 5px; }
.solutionP4 .list .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.solutionP4 .list .swiper-pagination-bullet { width: 35px; height: 2px; opacity: 1; background: #dbdbdb; border-radius: 0; margin: 0 8px!important; } 
.solutionP4 .list .swiper-pagination-bullet-active { background: #41b28a; } 

.solutionP5{ padding: 90px 0 70px; }
.solutionP5 .title{ font-size: 42px; line-height: 42px; color: #000; text-align: center; font-weight: bold; padding-bottom: 60px; }
.solutionP5 .list ul{ }
.solutionP5 .list li{ float:left; padding-bottom: 35px; }
.solutionP5 .list .li00{ width:20%;}
.solutionP5 .list .li01{ width:25%;}
.solutionP5 .list .li02{ width:33.33%;}
.solutionP5 .list .li03{ width:50%;}
.solutionP5 .list .li04{ width:100%;}
.solutionP5 .list li .limg{ height: 90px; overflow: hidden; cursor: pointer;}
.solutionP5 .list li .limg img{ max-width: 2.0rem; max-height: 60px; }
.solutionP5 .list li .limg:hover{ box-shadow: 0px 5px 8px 0px rgba(117,121,128,0.4); }
.solutionP5 .list.rr{ padding:0 100px;}
.solutionP5 .list.zz{ padding:0 150px;}
.solutionP5 .list.xx{ padding:0 200px;}
.solutionP5 .list.cc{ padding:0 250px;}

.solutionP6{ padding: 90px 0; background: #f5f5f5; position: relative; }
.solutionP6:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.solutionP6 .title{ font-size: 42px; line-height: 42px; color: #000; text-align: center; padding-bottom: 40px; font-weight: bold; }
.solutionP6 .list{ position: relative; z-index: 1; }
.solutionP6 .list ul{ margin-right: -30px; }
.solutionP6 .list li{ float: left; width: 33.33%; }
.solutionP6 .list li .box{ position: relative; margin-right: 30px; background: #fff; height: 290px; padding: 35px 40px 0; box-sizing: border-box;}
.solutionP6 .list li .name{ height: 30px; line-height: 30px; font-size: 18px; color: #000; font-weight: bold; margin-bottom: 25px; }
.solutionP6 .list li .msg{ padding-left: 36px; position: relative; font-size: 18px; color: #1ca373; font-weight: bold; line-height: 30px; height:90px; overflow:auto; padding-right:5px; }
.solutionP6 .list li .msg:before{ content: ''; position: absolute; left: 0; top: 0; width: 23px; height: 22px; background: url(../images/nimg29Bg.png) no-repeat; background-size: 23px; }
.solutionP6 .list li .msg::-webkit-scrollbar { width: 3px;}
.solutionP6 .list li .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.solutionP6 .list li .msg::-webkit-scrollbar-thumb { background-color: #41b28a;} 

.solutionP6 .list li .wen{ position: absolute; right: 40px; bottom: 40px; font-size: 16px; line-height: 16px; }

.techniqueP1{ padding: 90px 0; position: relative; }
.techniqueP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 416px; height: 216px; background: url(../images/nimg416Bg.png) no-repeat; }
.techniqueP1:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg.png) no-repeat; }
.techniqueP1 .title{ font-weight: bold; font-size: 48px; line-height: 48px; color: #000; text-align: center; padding-bottom: 45px; }
.techniqueP1 .content{ z-index: 1; width: 1040px; margin: 0 auto; box-sizing: border-box; position: relative; font-size: 24px; line-height: 48px; }
.techniqueP1 .content:before{ content: ''; display:none; position: absolute; left: 0; top: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg.png) no-repeat; }
.techniqueP1 .content:after{ content: ''; display:none; position: absolute; right: 0; bottom: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg2.png) no-repeat; }

.techniqueP2{ position: relative; padding: 90px 0; background: #f5f5f5; }
.techniqueP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg2.png) no-repeat; }
.techniqueP2 .tab2{ text-align: center; padding-bottom: 60px; }
.techniqueP2 .tab2 li{ display: inline-block; margin: 0 28px; font-size: 36px; line-height: 36px; color: #000; font-weight: bold; position: relative; padding-bottom: 15px; }
.techniqueP2 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #12a06f; }
.techniqueP2 .tab2 .liNow{ color: #12a06f; }
.techniqueP2 .tab2 .liNow:after{ width: 100%; left: 0; }
.techniqueP2 .tips{ text-align:center; font-size:0.28rem; line-height:0.28rem; padding-top:0.5rem; color:#999;}

.techniqueP2 .list{ position:relative; z-index:1; overflow: hidden; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.techniqueP2 .list li{ text-align: center; width: 16.66%; }
.techniqueP2 .list .li01{ width: 20%; }
.techniqueP2 .list .li02{ width: 25%; }
.techniqueP2 .list .li03{ width: 33.33%; }
.techniqueP2 .list .li04{ width: 50%; }
.techniqueP2 .list .li05{ width: 100%; }
.techniqueP2 .list li .ico{ height: 95px; }
.techniqueP2 .list li .name{ font-size: 24px; line-height: 24px; padding-bottom: 20px; color: #333; }
.techniqueP2 .list li .msg{ font-size: 14px; line-height: 24px; }
.techniqueP2 .list li:hover .ico img{transform:  rotateY(360deg);
    transform-style: preserve-3d;
    -webkit-transform:  rotateY(360deg);
    -webkit-transform-style: preserve-3d;}

.techniqueP3{ padding: 60px 0 90px; }
.techniqueP3 .list li{ padding-bottom:80px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.techniqueP3 .list li:last-child{ padding-bottom:0;}
.techniqueP3 .list li:nth-child(even) .leftCon{ order:2;}
.techniqueP3 .leftCon{ width: 4.8rem; padding-top: 80px;}
.techniqueP3 .title{ font-size: 40px; line-height: 40px; padding-bottom: 35px; position: relative; color: #000; font-weight: bold;}
.techniqueP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #12a06f; }
.techniqueP3 .content{ padding-top: 45px; font-size: 16px; line-height: 30px;}
.techniqueP3 .rightImg{ width: 9.22rem; height: 5.18rem; }
.techniqueP3 .list li:nth-child(even) .rightImg{ order:1;}
.techniqueP3 .rightImg img{ width: 100%; height:100%; object-fit: cover;}
.techniqueP3 .rightImg video{ width: 100%; height: 100%; object-fit: cover;}

.techniqueP4{ padding-bottom: 90px; }
.techniqueP4 .title{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 50px; position: relative; color: #000;}
.areaPic{ position: relative; }
.techniqueP4 .list{ overflow: hidden;}
.techniqueP4 .list li .box{ position: relative;}
.techniqueP4 .list li .box a{ display: block; width: 100%; height: 100%; z-index: 2; position: relative; }
.techniqueP4 .list li .box a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; background: url(../images/bg1.png) repeat-x; }
.techniqueP4 .list li .imgDiv img{ width: 100%; }
.techniqueP4 .list li .name{ z-index: 1; position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 0 30px; bottom: 15px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; overflow: hidden; }
.techniqueP4 .list li .box:hover a:after{ opacity:0;}
.techniqueP4 .prev { display: none; position: absolute; border-radius: 50%; left: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_left.png) no-repeat center; z-index: 5;}
.techniqueP4 .next { display: none; position: absolute; border-radius: 50%; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_right.png) no-repeat center; z-index: 5;}
.techniqueP4 .prev:hover{ background: #1ca373 url(../images/nimg12_left.png) no-repeat center;}
.techniqueP4 .next:hover{ background: #1ca373 url(../images/nimg12_right.png) no-repeat center;}
.techniqueP4 .swiper-pagination{ display:none; bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.techniqueP4 .swiper-pagination-bullet { width: 35px; height: 2px; opacity: 1; background: #dbdbdb; border-radius: 0; margin: 0 8px!important; } 
.techniqueP4 .swiper-pagination-bullet-active { background: #41b28a; } 


.productP1{ padding: 90px 0; position: relative; }
.productP1:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg.png) no-repeat; }
.productP1 .title{ font-weight: bold; font-size: 48px; line-height: 48px; color: #000; text-align: center; padding-bottom: 45px; }
.productP1 .content{ z-index: 1; width: 1040px; margin: 0 auto; box-sizing: border-box; position: relative; font-size: 24px; line-height: 48px; }
.productP1 .content:before{ content: ''; display: none; position: absolute; left: 0; top: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg.png) no-repeat; }
.productP1 .content:after{ content: ''; display: none; position: absolute; right: 0; bottom: 0; width: 29px; height: 28px; background: url(../images/nimg29Bg2.png) no-repeat; }
.productP1 .content em{ color: #1ca373; text-decoration: underline; }
.productP1 .btnDiv{ width: 262px; margin: 85px auto 0; }
.productP1 .btnDiv a{ display: block; width: 100%; height: 58px; box-sizing: border-box; line-height: 54px; border-radius: 36px; text-align: center; font-size: 18px; color: #1ca373; border: #1ca373 solid 2px; }
.productP1 .btnDiv a:hover{ background:#1ca373; color:#fff;}

.productP2{ padding: 90px 0 40px; background: #f5f5f5; position: relative; }
.productP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 494px; height: 286px; background: url(../images/nimg494Bg2.png) no-repeat; }
.productP2:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 545px; height: 285px; background: url(../images/nimg545Bg.png) no-repeat; }
.productP2 .list{ position: relative; z-index: 1; }
.productP2 .list li{ float: left; width: 25%; font-size: 18px; color: #323232; text-transform: uppercase; padding-bottom: 50px;}
.productP2 .list .li01{ width:33.33%;}
.productP2 .list li .box{ line-height: 50px; position: relative; padding-left: 70px; }
.productP2 .list li img{ position: absolute; left: 0; top: 0; }
.productP2 .list li:hover img{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear; }

.productP3{ padding: 90px 0; background: #f5f5f5; }
.productP3 .list li{ padding-bottom: 30px; }
.productP3 .list li .bigBox{ background: #fff; border-radius: 8px; overflow: hidden; }
.productP3 .list li .imgDiv{ width: 50%; }
.productP3 .list li .imgDiv img{ width: 100%; }
.productP3 .list li .conDiv{ padding: 165px 120px 0 140px; box-sizing: border-box; width: 50%; }
.productP3 .list li:nth-child(odd) .imgDiv{ order: 2; }
.productP3 .list li:nth-child(odd) .conDiv{ order: 1; }
.productP3 .list li .name{ font-size: 40px; line-height: 40px; color: #000; font-weight: bold; }
.productP3 .list li .wen{ padding-top: 20px; font-size: 18px; line-height: 32px; height: 96px; color: #999; }
.productP3 .list li .btnDiv{ padding-top: 30px; }
.productP3 .list li .btnDiv a{ display: block; border: #8dd1b9 solid 2px; width: 135px; height: 50px; box-sizing: border-box; border-radius: 36px; line-height: 46px; text-align: center; font-size: 16px; color: #1ca373; }
.productP3 .list li .btnDiv a:hover{ background:#8dd1b9; color:#fff;}

.productP4{ background: #050a21; padding: 110px 0; position: relative;}
.productP4 .list{ position: relative; z-index: 1; }
.productP4 .list li{ float: left; width: 33.33%; text-align: center; }
.productP4 .list li .ico{ height: 120px; }
.productP4 .list li .txt{ font-size: 30px; line-height: 30px; color: #fff; }
.productP4 .list li:hover .ico img{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear; }

.productP5{ padding: 120px 0; }
.productP5 .leftDiv{ width: 8.86rem; }
.productP5 .title{ font-size: 40px; line-height: 40px; color: #010101; font-weight: bold; padding-bottom: 50px; }
.productP5 .list{ border-top: #e4e4e4 solid 1px; }
.productP5 .list li{ border-bottom: #e4e4e4 solid 1px;}
.productP5 .list li .msgDiv{ height: 80px; position:relative; cursor: pointer;}
.productP5 .list li .msgDiv:after{ content: ''; position: absolute; right: 20px; top: 50%; width: 17px; height: 10px; margin-top: -5px; background: url(../images/nimg17_1.png) center no-repeat; }
.productP5 .list li .name{ position: relative; height: 80px; line-height: 24px; display: table-cell; vertical-align: middle; padding-left: 40px; padding-right: 100px; overflow: hidden; font-size: 16px; color: #333; }
.productP5 .list li .name em{ position: absolute; background: url(../images/nimg24_1.png) no-repeat; display: block; width: 24px; height: 24px; left: 0; top: 50%; margin-top: -12px; }
.productP5 .list li .box{ display:none; }
.productP5 .list li .msgDiv.aNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg); }
.productP5 .list li .msg{ position: relative; padding: 10px 40px; line-height: 30px; font-size: 14px; color: #999;}
.productP5 .rightImg{ width: 5.12rem; }
.productP5 .rightImg img{ width: 100%; }

.goodsP1{ padding: 90px 0 50px; overflow: hidden; }
.goodsP1 .tab2{ text-align:center; padding-bottom:40px;}
.goodsP1 .tab2 ul{ font-size:0;}
.goodsP1 .tab2 li{ display:inline-block; margin:0 25px; position:relative; font-size:20px; line-height:20px; height:36px; color:#333;}
.goodsP1 .tab2 li:after{ content:''; position:absolute; left:50%; bottom:0; height:2px; width:0; background:#1ca373}
.goodsP1 .tab2 .liNow{ color:#1ca373;}
.goodsP1 .tab2 .liNow:after{ width:100%; left:0;}
.goodsP1 .list{ margin-right: -32px; overflow: hidden; }
.goodsP1 .list.ll{ padding:0 2.0rem;}
.goodsP1 .list.rr{ padding:0 4.0rem;}
.goodsP1 .list.zz{ padding:0 5.86rem;}
.goodsP1 .list .liDiv{ width: 25%; float: left; padding-bottom: 40px; }
.goodsP1 .list .liDiv.li01{ width:33.33%;}
.goodsP1 .list .liDiv.li02{ width:50%;}
.goodsP1 .list .liDiv.li03{ width:100%;}
.goodsP1 .list .liDiv .box{ margin-right: 32px; cursor:pointer;}
.goodsP1 .list .liDiv .topDiv{ position: relative; overflow: hidden; border-radius: 8px; background: #fff;}
.goodsP1 .list .liDiv .limg{ display: none; position:relative; width: 100%; height:3.53rem; }
.goodsP1 .list .liDiv .limg img{ width: 100%; height:100%; object-fit:cover; position:relative; z-index:1;}
.goodsP1 .list .liDiv .limg .img1{ opacity:0; position:absolute; left:0; top:0; z-index:0;}
.goodsP1 .list .liDiv .wen{ position: absolute; left: 0; bottom: -60px; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #fff; text-align: center; z-index: 3; background: rgba(28,163,115,0.9); }
.goodsP1 .list .liDiv .tag{ position: absolute; z-index: 2; right: 0; top: 0; width: 70px; height: 33px; line-height: 32px; color: #fff; border-bottom-left-radius: 8px; background: #1ca373; text-align: center; font-size: 14px; }
.goodsP1 .list .liDiv .tag2{ background: #f16841; }
.goodsP1 .list .liDiv .name{ padding-top: 25px; text-align: center; font-size: 18px; height: 30px; line-height: 30px; color: #000; overflow: hidden; }
.goodsP1 .list .liDiv .msg{ height: 26px; line-height: 26px; font-size: 14px; text-align: center; overflow: hidden; }
.goodsP1 .list .liDiv .color{ text-align: center; padding-top: 22px; }
.goodsP1 .list .liDiv .color li{ cursor: pointer; display: inline-block; width: 24px; height: 24px; overflow: hidden; position: relative; }
.goodsP1 .list .liDiv .color li img{ width: 14px; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; }
.goodsP1 .list .liDiv .color li:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; border: #6a6a6a solid 1px; }
.goodsP1 .list .liDiv .color .liNow:after{ opacity: 1; }
.goodsP1 .list .liDiv .links{ display:none;}
.goodsP1 .list .liDiv .box:hover .name{ color: #1ca373; }
.goodsP1 .list .liDiv .box:hover .wen{ bottom: 0; }
.goodsP1 .list .liDiv .limg:hover .img1{ opacity:1; z-index:2;}

.goodsP1-2{ padding-bottom: 90px; overflow: hidden; }
.goodsP1-2 .title{ text-align: center; padding-bottom: 30px; font-size: 48px; line-height: 48px; color: #000; font-weight: bold; }
.goodsP1-2 .msg{ text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 60px;}

.scene{ height: 450px; width: 1200px; overflow: hidden; background-repeat: no-repeat; background-position: left top; }
.goodsP1-2 .layer{ text-align: center; padding-top: 60px;}
.goodsP1-2 .tips{ padding-top: 50px; font-size: 16px; line-height: 16px; color: #999; }
.goodsP1-2 .key{ width: 460px; margin: 0 auto; }
.goodsP1-2 .zui-slider { background: #eee;}

.goodsP2{ height: 8.2rem; position: relative; background: center no-repeat; background-size: cover;}
.goodsP2 .name{ position: relative; font-size: 48px; line-height: 80px; color: #fff; font-weight: bold; }
.goodsP2 .bg img{ width: 100%; }

.goodsP3{ padding: 90px 0; }
.goodsP3 .list li{ padding-bottom: 80px; }
.goodsP3 .list li:last-child{ padding-bottom: 0; }
.goodsP3 .list li .imgDiv{ overflow:hidden;}
.goodsP3 .list li .imgDiv img{ width: 9.22rem; }
.goodsP3 .list li .conDiv{ width: 4.8rem; padding-top: 70px; }
.goodsP3 .list li:nth-child(odd) .imgDiv{ order: 2; }
.goodsP3 .list li:nth-child(odd) .conDiv{ order: 1; }
.goodsP3 .list li .name{ position: relative; font-size: 40px; line-height: 60px; color: #000; padding-bottom: 30px; font-weight: bold; }
.goodsP3 .list li .lie dd{ padding-left: 22px; font-size: 16px; background: url(../images/ico9.png) left 14px no-repeat; line-height: 36px; }
.goodsP3 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.loginModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.loginModal-box.on {
  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 */
}
.loginLayer{ width: 520px; height: 500px; padding: 55px 45px 0; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; box-sizing: border-box;}
.loginLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 14px; height: 14px; background: url(../images/close3.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.loginLayer .close:hover { transform: rotate(-90deg);}
.loginLayer .title{ color: #000; font-size: 36px; height: 75px; font-weight: bold; line-height: 36px; text-align: center;}
.loginLayer .form li{ position: relative; border: #dfdfdf solid 1px; padding-left: 56px; height: 60px; border-radius: 4px; margin-bottom: 20px; }
.loginLayer .form li .ico{ position: absolute; left: 18px; top: 50%; margin-top: -10px; }
.loginLayer .form li .input1{ width: 100%; height: 60px; line-height: 60px; font-size: 16px; }
.loginLayer .btnDiv{ padding-top: 10px; }
.loginLayer .btnDiv a{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; background: #009f6e; border-radius: 4px; }
.loginLayer .botbot{ padding-top: 30px; font-size: 16px; line-height: 16px; }
.loginLayer .botbot a{ color: #009f6e; }
.loginLayer .botbot a:hover{ text-decoration: underline; }


.regModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.regModal-box.on {
  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 */
}


.regLayer{ width: 520px; height: 795px; padding: 55px 45px 0; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; box-sizing: border-box;}
.regLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 14px; height: 14px; background: url(../images/close3.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.regLayer .close:hover { transform: rotate(-90deg);}
.regLayer .title{ color: #000; font-size: 36px; height: 75px; font-weight: bold; line-height: 36px; text-align: center;}
.regLayer .form li{ position: relative; height: 62px; margin-bottom: 20px; position: relative; }
.regLayer .form li .input1{ width: 100%; border: #dfdfdf solid 1px; border-radius: 4px; box-sizing: border-box; padding-left: 20px; height: 62px; line-height: 60px; font-size: 16px; }
.regLayer .form li .input2{ width: 268px; }
.regLayer .form li .yzm{ position: absolute; right: 0; top: 0; width: 148px; height: 60px; line-height: 60px; font-size: 16px; color: #009f6e; text-align: center; border: #dfdfdf solid 1px; border-radius: 4px; }
.regLayer .btnDiv{ padding-top: 10px; }
.regLayer .btnDiv a{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; background: #009f6e; border-radius: 4px; }
.regLayer .botbot{ padding-top: 30px; text-align: center; font-size: 16px; line-height: 16px; }
.regLayer .botbot a{ color: #009f6e; }
.regLayer .botbot a:hover{ text-decoration: underline; }

.password{ padding: 120px 0 130px; }
.password .title{ color: #000; font-size: 48px; height: 70px; font-weight: bold; line-height: 48px; text-align: center;}
.password .msg{ text-align: center; font-size: 16px; line-height: 24px; padding-bottom: 50px; }
.password .form{ width: 510px; margin: 0 auto; }
.password .form li{ margin-bottom: 15px; position: relative;}
.password .form li .box{ height: 62px; }
.password .form li .input1{ border-radius: 4px; border: #dfdfdf solid 1px; width: 100%; box-sizing: border-box; padding-left: 20px; font-size: 16px; height: 62px; line-height: 60px; }
.password .form li .input2{ width: 287px; }
.password .form li .yzm{ position: absolute; right: 0; top: 0; width: 210px; height: 62px; line-height: 62px; font-size: 18px; color: #009f6e; text-align: center; background: #e0f3ed; border-radius: 4px; }
.password .btnDiv{ width: 510px; margin: 0 auto; }
.password .btnDiv a{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; background: #009f6e; border-radius: 4px; }

.lastDiv{ padding: 80px 0; overflow: hidden;}
.lastDiv .mxfDiv{ position: relative;}
.movemove{ height: 450px; width: 1200px; overflow: hidden; background-repeat: no-repeat; background-position: left top; }

.lastDiv .layer{ padding-top: 60px;}
.lastDiv .txtLayer{ position: absolute; left: 50px; top:40%; transform:translateY(-60%); z-index:1;}
.lastDiv .txt{ font-size: 48px; line-height: 48px; color: #fff; font-weight: bold;}
.lastDiv .wen{ font-size: 18px; line-height: 18px; color: #fff; padding: 30px 0 0; }
.lastDiv .key{ width: 460px; margin: 0 auto; }
.lastDiv .tips{ text-align: center; color: #999; font-size: 16px; line-height: 16px; padding-top: 50px; z-index: 1; }

.notice-section {display: none;background: rgba(0,0,0,0.5);position:fixed;left: 8%;top: 90%;z-index: 20;width: 84.3%;color: #fff;padding: 0 30px 0 60px;font-size: 15px;box-sizing: border-box;}
.notice-box {display: flex;justify-content: space-between;}
.notice-box .txt-box {flex: 0 0 90%;padding: 24px 0;}
.notice-box > a {flex: 0 0 6.5%;border-radius: 5px;margin-top:18px;background: #009f6e;color: #fff;text-align: center;height: 30px;line-height: 30px;}
.notice-box .txt-box  a {color: #009f6e;font-size: 15px;}

.rules-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.rules-box.on {
  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 */
}
.rulesLayer{ width: 650px; height: 500px; padding: 55px 45px 0; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; box-sizing: border-box;}
.rulesLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 14px; height: 14px; background: url(../images/close3.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.rulesLayer .close:hover { transform: rotate(-90deg);}
.rulesLayer .title{ color: #000; font-size: 36px; height: 75px; font-weight: bold; line-height: 36px; text-align: center;}
.rulesLayer .content{ font-size: 16px; line-height: 30px; height: 300px; overflow: auto; }
.rulesLayer .content::-webkit-scrollbar { width: 3px;}
.rulesLayer .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.rulesLayer .content::-webkit-scrollbar-thumb { background-color: #41b28a;} 

.store-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.store-box.on {
  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 */
}
.storeLayer{ width: 350px; padding: 50px 60px 40px; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; box-sizing: border-box;}
.storeLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 14px; height: 14px; background: url(../images/close3.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.storeLayer .close:hover { transform: rotate(-90deg);}
.storeLayer .title{ color: #000; font-size: 30px; height: 70px; font-weight: bold; line-height: 30px; text-align: center;}
.storeLayer .links li{ padding-bottom:20px;}
.storeLayer .links li a{ display:block; width:100%; height:58px; line-height:58px; border-radius:36px; background:#1ca373; font-size:18px; text-align:center; color:#fff;}

.bzy-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.bzy-box.on {
  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 */
}
.bzyLayer{ width: 350px; padding: 50px 60px 40px; margin: 0 auto; border-radius: 8px; background: #fff; position: relative; box-sizing: border-box;}
.bzyLayer .close{position: absolute; display: block; right: 20px; top: 20px; width: 14px; height: 14px; background: url(../images/close3.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.bzyLayer .close:hover { transform: rotate(-90deg);}
.bzyLayer .title{ color: #000; font-size: 30px; height: 70px; font-weight: bold; line-height: 30px; text-align: center;}
.bzyLayer .bzy li{ padding-bottom:20px;}
.bzyLayer .bzy li a{ display:block; width:100%; height:58px; line-height:58px; border-radius:36px; background:#1ca373; font-size:18px; text-align:center; color:#fff;}

/*2023.5.18*/
.floorBg{ overflow:hidden; }
.floorBg .list li{ float: left; margin: 0 0.15rem;}
.floorBg .list li .limg{ width:5.02rem; height:3.16rem; overflow:hidden;}
.floorBg .list li img{ width: 5.02rem;}