/*banner*/
.bannerDiv{ position: relative; }
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; height: 100vh;}
.ind-banner .swiper-slide .bg{ height: 100vh; position: absolute; left: 0; top: 0; width: 100%;  transition: all 6s ease; -webkit-transition: all 6s ease;}
.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-active .bg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.18rem; top: 35%; z-index: 1;} 
.ind-banner .onebox .txtImg{ position: relative; padding-bottom: 20px; display: inline-block; }
.ind-banner .onebox .txtImg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.5); }
.ind-banner .onebox .txtImg img{ width: 490px; }
.ind-banner .onebox .txt{ color: #fff; line-height: 0.56rem; font-size: 0.48rem; padding-top: 10px;}
.ind-banner .onebox .txt b{ display: block; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.18rem; top: 30%; z-index: 1;} 
.ind-banner .twobox .txtImg{ padding-bottom: 20px; }
.ind-banner .twobox .txt{ position: relative; color: #fff; line-height: 0.56rem; font-size: 0.48rem; padding-top: 20px; display: inline-block; }
.ind-banner .twobox .txt:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.5);}
.ind-banner .threebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 30%; z-index: 1;} 
.ind-banner .threebox .txtImg{ padding-bottom: 30px; }
.ind-banner .threebox .txt{ position: relative; color: #fff; line-height: 48px; font-size: 0.48rem; padding-bottom: 20px; display: inline-block; }
.ind-banner .threebox .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: rgba(255,255,255,0.5);}
.ind-banner .threebox .wen{ font-size: 0.48rem; line-height: 48px; color: #fff; padding-top: 20px; }
.ind-banner .fourbox{ position: absolute; left: 50%; margin-left: -7.18rem; top: 30%; z-index: 1;} 
.ind-banner .fourbox .txtImg{}
.ind-banner .fourbox .txt{ position: relative; color: #fff; line-height: 30px; font-size: 30px; padding-bottom: 30px; }
.ind-banner .swiper-button-prev{ position: absolute; left: 0.8rem; top: 50%; margin-top: -23px; width: 46px; height: 46px; background: url(../images/nimg46_left.png) center no-repeat; opacity: 0.5;}
.ind-banner .swiper-button-next{ position: absolute; right: 0.8rem; top: 50%; margin-top: -23px; width: 46px; height: 46px; background: url(../images/nimg46_right.png) center no-repeat; opacity: 0.5;}
.ind-banner .swiper-button-prev:hover, .ind-banner .swiper-button-next:hover{ opacity: 1; }

.ind-banner .prev{ z-index:2; display:block; position: absolute; left: 0.8rem; top: 50%; margin-top: -23px; width: 46px; height: 46px; background: url(../images/nimg46_left.png) center no-repeat; opacity: 0.5;}
.ind-banner .next{ z-index:2; display:block; position: absolute; right: 0.8rem; top: 50%; margin-top: -23px; width: 46px; height: 46px; background: url(../images/nimg46_right.png) center no-repeat; opacity: 0.5;}
.ind-banner .prev:hover, .ind-banner .next:hover{ opacity: 1; }




.ind-banner .swiper-pagination{ display: none; position: absolute; text-align: center; left: 0; bottom: 0.5rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 8px; height: 8px; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 0.2rem!important; margin-right: 0.2rem!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;}


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


.scrollDown{ position: absolute; z-index:2; left: 50%; margin-left: -50px; width: 100px; bottom: 30px; height: 40px;}
.scrollDown p{ font-size: 14px; color: #fff; text-align: center; }

@keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}}
.pre-wrap{ width:100px; height:40px; position:relative;animation:start 2.5s infinite ease-in-out;-webkit-animation:start 2.5s infinite ease-in-out;-moz-animation:start 2.5s infinite ease-in-out;}
.pre-wrap img{ position: absolute; left: 50%; margin-left: -10px; bottom: 0; }
/*banner结束*/

.indexPart1 .toptop{ position: relative; padding: 0.5rem 0 0.4rem; }
.indexPart1 .title{ position: relative; z-index: 1; text-align: center; color: #000; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; }
.indexPart1 .runpic-words{ padding-top: 0.6rem; text-align: center; position: relative; z-index: 1; }
.indexPart1 .runpic-words li{ float: left; width: 33%; cursor: pointer; }
.indexPart1 .runpic-words li .ico{ width: 100px; height: 100px; line-height: 100px; margin: 0 auto; border-radius: 50%; background: #e5ecf2; }
.indexPart1 .runpic-words li .name{ padding-top: 20px; color: #000; font-size: 24px; line-height: 24px; }

.runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 502px; }
.runpic-pic li{ width: 100%; height:502px; display: none; position: absolute; top: 0%; left: 0%; overflow: hidden;}
.runpic-pic li .bg{ width: 100%; height: 502px; background: center no-repeat; background-size: cover;}
.runpic-pic li .bg img{ width: 100%; }
.runpic-pic-true .bg{animation: toPicBig 1s ease-in-out both;}

.runpic-pic .conLayer{ position: absolute; left: 50%; margin-left: -7.68rem; width: 15.36rem; z-index: 2; bottom: 0.5rem; color: #176db9; }
.runpic-pic .name{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; }
.runpic-pic .content{ font-size: 16px; line-height: 24px; padding-top: 20px; }



@keyframes toPicBig{0% {transform: scale(1.04);}100% {transform: scale(1);}}

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.indexPart2{/* background: url(../images/indexP2.png) center bottom no-repeat; background-size: 100%;*/ position: relative; overflow: hidden;}
.indexPart2:after { content: ""; width: 0; height: 434px; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; background: url(../images/indexP2.png) no-repeat left bottom; transition: width 5s ease; -webkit-transition: width 5s ease; -moz-transition: width 5s ease; -ms-transition: width 5s ease; -o-transition: width 5s ease;}
.indexPart2.cur:after { width: 100%;}
.indexPart2 .leftDiv{ width: 6.9rem; padding-top: 1.4rem; }
.indexPart2 .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.indexPart2 .wen{ padding-top: 0.2rem; font-size: 0.16rem; line-height: 0.28rem; color: #000; }
.indexPart2 .list{ padding-top: 0.4rem; }
.indexPart2 .list li{ float: left; width: 50%; box-sizing: border-box; padding-left: 60px; position: relative; font-size: 16px; height: 1.5rem;}
.indexPart2 .list li .ico{ position: absolute; left: 0; top: 0; }
.indexPart2 .list li .num{ height: 72px; display: inline-block; position: relative;}
.indexPart2 .list li .num img{ position: absolute; right: 4px; top: 0; }
.indexPart2 .list li .hala{ font-family: bold; color: #1367b1; text-transform: uppercase; font-size: 0.72rem; line-height: 0.6rem; padding-right: 5px;}
.indexPart2 .list li p{ line-height: 24px; width: 240px; }
.indexPart2 .botbot{ padding: 0.5rem 0 1.25rem; overflow: hidden; }
.indexPart2 .btnDiv a{ display: block; border: #dcdcdc solid 2px; border-radius: 36px; width: 148px; height: 50px; line-height: 50px; text-indent: 30px; font-size: 16px; color: #176db9; position: relative; }
.indexPart2 .btnDiv a:after{ content: ''; position: absolute; right: 30px; top: 50%; width: 15px; height: 12px; margin-top: -6px; background: url(../images/nimg15_1.png) no-repeat; }
.indexPart2 .btnDiv a:hover{ background: #176db9; color: #fff; border: #176db9 solid 2px; }
.indexPart2 .btnDiv a:hover:after{ animation: iconAni 1.5s ease infinite; background: url(../images/nimg15_1on.png) no-repeat;  }
.indexPart2 .zi{ padding-left: 100px; line-height: 54px; font-size: 24px; color: #9dbedf; }
.indexPart2 .zi em{ display:inline-block; animation: wordAni 4s ease infinite;}
.indexPart2 .zi em:nth-child(2){ animation-delay: 0.1s;}
.indexPart2 .zi em:nth-child(3){ animation-delay: 0.2s;}
.indexPart2 .zi em:nth-child(4){ animation-delay: 0.3s;}
.indexPart2 .zi span{ padding: 0 10px;}


.indexPart2 .rightDiv{ position: absolute; right: 0; top: 0; width: 44%; height: 100%; z-index: 1; }
.indexPart2 .rightDiv .limg{ height: 100%; background: left center no-repeat; background-size: cover; }
.indexPart2 .rightDiv .limg img{ width: 100%; }
.indexPart2 .rightDiv .ico{ position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: 40px; }
.indexPart2 .videoDiv{ display: none; }

.videoModal-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;}
.videoModal-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 */
}


.shipinLayer{ width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.shipinLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:28px; height: 28px; background: url(../images/close2.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;}
.shipinLayer .close:hover { transform: rotate(-90deg);}
.shipinLayer video{ width:100%;}



.indexPart3{ padding: 60px 0; background: url(../images/indexP3.jpg) center top no-repeat; background-size: 100%; }
.indexPart3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; }
.indexPart3 .tab2{ padding: 40px 0; text-align: center; font-size: 0; }
.indexPart3 .tab2 li{ display: inline-block; margin: 0 25px; height: 28px; position: relative; font-size: 16px; color: #fff; }
.indexPart3 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #fff; }
.indexPart3 .tab2 .liNow{ font-weight: bold; }
.indexPart3 .tab2 .liNow:after{ left: 0; width: 100%; }
.indexPart3 .tabContent2{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.indexPart3 .list{ padding-bottom: 50px; }
.indexPart3 .list ul{ margin-right: -45px; }
.indexPart3 .list li{ float: left; width: 33.33%; }
.indexPart3 .list li .box{ margin-right: 45px; }
.indexPart3 .list li .imgDiv{ overflow: hidden; height: 2.8rem; }
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list li .time{ padding: 25px 0 8px; font-size: 18px; color: #666; font-family:Gilroy; }
.indexPart3 .list li .name{ font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.indexPart3 .list li .content{ font-size: 14px; line-height: 24px; color: #666; height: 48px; overflow: hidden; padding: 12px 0 0 0;}
.indexPart3 .list li .more{ position: relative; font-weight: bold; display: inline-block; padding-right: 15px; margin-top: 30px; font-family:Gilroy; font-size: 14px; line-height: 14px; color: #176db9; }
.indexPart3 .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/nimg10_1.png) no-repeat; }
.indexPart3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .list li .box:hover .name{ color: #176db9; }
.indexPart3 .list li .box:hover .more:after{ animation: iconAni 1.5s ease infinite;}

.indexPart3 .btnDiv{ margin: 0 auto; width: 192px; }
.indexPart3 .btnDiv a{ display: block; position: relative; width: 192px; height: 54px; line-height: 50px; box-sizing: border-box; border: #176db9 solid 2px; border-radius: 36px; font-size: 16px; color: #176db9; text-indent: 52px; }
.indexPart3 .btnDiv a:after{ content: ''; position: absolute; right: 50px; top: 50%; width: 15px; height: 12px; margin-top: -6px; background: url(../images/nimg15_1.png) no-repeat;}
.indexPart3 .btnDiv a:hover{ background: #176db9; color: #fff; }
.indexPart3 .btnDiv a:hover:after{ animation: iconAni 1.5s ease infinite; background: url(../images/nimg15_1on.png) no-repeat;}

.indexPart4{ padding-bottom: 120px; }
.indexPart4 .list ul{ margin-right: -27px; }
.indexPart4 .list li{ float: left; width: 33.33%; }
.indexPart4 .list li .box{ margin-right: 27px; position: relative; overflow: hidden; }
.indexPart4 .list li .bg img{ width: 100%; }
.indexPart4 .list li .txtLayer{ position: absolute; color: #fff; left: 30px; top: 50%; transform: translateY(-50%); z-index: 1; }
.indexPart4 .list li .txt{ font-size: 30px; line-height: 36px; font-weight: bold; }
.indexPart4 .list li .wen{ padding-top: 20px; font-size: 16px; }
.indexPart4 .list li .ewm{ position: absolute; right: 25px; top: 50%; margin-top: -85px; z-index: 1; }
.indexPart4 .list li .ewm img{ width: 170px; }
.indexPart4 .list li .box:hover .bg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart4 .list li .box:hover .txtLayer{ top: 45% }

.aboutBanner{ position:relative; height: 560px;}
.aboutBanner .bg { width: 100%; height: 560px; background: center no-repeat; background-size: cover; }
.aboutBanner .bg img{ width: 100%; display: none; }
.aboutBanner .txtLayer{ position: absolute; left: 50%; margin-left: -6.68rem; z-index: 1; color: #fff; bottom: 150px; }
.aboutBanner .txt{ font-size: 24px; line-height: 24px; padding-bottom: 10px; }
.aboutBanner .wen{ font-size: 24px; line-height: 24px; }
.aboutBanner .wen em{ font-size: 60px; line-height: 60px; font-family:bold; padding-left: 10px;}
.aboutBanner .zi{ font-size: 30px; line-height: 30px; padding: 10px 0;}
.aboutBanner .msg{ font-size: 18px; line-height: 30px; width: 505px; }

.about{ padding: 120px 0; position: relative; background: url(../images/nimg737Bg.png) right top no-repeat; background-size: 7.37rem; }
.about .list{ position: relative; z-index: 1; }
.about .list li{ margin-bottom: 120px; overflow:hidden; position: relative; height: 6.4rem;}
.about .list li:last-child{ margin-bottom: 0; }
.about .list li .bigBox{ width:50%;}
.about .list li .imgDiv{ border-bottom-right-radius:148px; float: left; height: 6.4rem; width:50%; position:relative; overflow: hidden; background: center no-repeat; background-size: cover;}
.about .list li .contentBox{ position: absolute; right: 50%; margin-right: -7.98rem; top: 0; width: 6.78rem; }
.about .list li:nth-of-type(2n) .imgDiv{ float: right; border-bottom-right-radius:0; border-top-left-radius:148px; }
.about .list li:nth-of-type(2n) .contentBox{ left: 50%; margin-right: 0; margin-left: -7.68rem; right: auto; width: 6.78rem;}
.about .list li .title{ font-weight: bold; font-size: 0.42rem; line-height: 0.42rem; color: #000; padding-bottom: 0.1rem; }
.about .list li .msg{ color: #333; font-size: 0.2rem; line-height: 0.36rem; }
.about .list li .content{ font-size: 0.16rem; line-height:0.24rem; color: #404040; padding-top: 0.2rem;}
.about .list li .numDiv{ padding-top: 0.45rem; overflow: hidden; }
.about .list li .numDiv dd{ float: left; width: 33.33%; font-size: 16px; }
.about .list li .numDiv .num{ height: 0.8rem; }
.about .list li .numDiv .numUp{ padding-right: 10px; color: #176db9; font-size: 0.72rem; line-height: 0.72rem; font-family: bold; }
.about .list li .numDiv dd p{ line-height: 24px; }
.about .list li .msgDiv{ padding-top: 0.45rem; }
.about .list li .msgDiv dd{ position: relative; padding-left: 30px; color: #333; font-size: 16px; line-height: 36px; background: url(../images/nimg20_3.png) left 8px no-repeat;}

.cultureBox1{ padding-top: 120px; position: relative; z-index: 2; }
.cultureBox1 .title{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; color: #000; text-align: center; padding-bottom: 25px; }
.cultureBox1 .content{ font-size: 22px; line-height: 36px; text-align: center; width: 834px; margin: 0 auto; }
.cultureBox1 .list{ padding-top: 0.4rem; }
.cultureBox1 .list ul{ margin-right: -32px; }
.cultureBox1 .list li{ float: left; width: 33%;   }
.cultureBox1 .list li .box{ cursor: pointer; margin-right: 32px; padding-top: 1.35rem; height: 4.3rem; box-sizing: border-box; text-align: center; box-shadow: 0px 0px 30px 0px rgba(111, 113, 117, 0.1); }
.cultureBox1 .list li .wen{ padding-top: 0.65rem; font-size: 18px; color: #333; }
.cultureBox1 .list li .name{  font-size: 18px; line-height: 32px; color: #333; font-weight: bold; width:90%; margin:auto; letter-spacing:1px; margin-top:10px;}
.cultureBox1 .list li .box:hover .ico img{ transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);}

.cultureBox2{ position: relative; z-index: 1; padding-top: 2.3rem; height: 6.8rem; box-sizing: border-box; background-size: cover;}
.cultureBox2:before{ content: ''; top: 0; position: absolute; left: 4.6%; width: 90.8%; height: 1.12rem; background: #fff; z-index: 1; }
.cultureBox2 .conDiv{ width: 640px; }
.cultureBox2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.45rem; }
.cultureBox2 .msg{ font-size: 0.24rem; line-height: 0.24rem; color: #333; font-weight: bold; }
.cultureBox2 .content{ font-size: 16px; line-height: 30px; color: #333; padding-top: 10px; }

.honorPart{ padding: 60px 0; }
.honorPart .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; text-align: center; padding-bottom: 30px; }
.honorPart .tab2{ text-align: center; padding-bottom: 40px; font-size: 0;}
.honorPart .tab2 li{ display:inline-block; font-size: 16px; line-height: 16px; height: 30px; position: relative; color: #666; margin:0 35px;}
.honorPart .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #176db9; }
.honorPart .tab2 .liNow{ color: #176db9; }
.honorPart .tab2 .liNow:after{ width: 100%; left: 0; }
.honorPart .list{ padding-top:30px;}
.honorPart .list ul{ margin-right: -30px;}
.honorPart .list li{ float: left; width: 25%; padding-bottom: 30px; }
.honorPart .list li .box{ cursor:pointer; margin-right: 30px; position: relative; overflow:hidden; padding: 0.5rem 0.4rem 0.3rem; box-sizing:border-box;}
.honorPart .list li .box:before{content:""; z-index: 0; position: absolute;left:0;top:0;border-top:1px solid #ececec;border-left:1px solid #ececec;width:100%;height:100%;box-sizing:border-box;}
.honorPart .list li .box:after{content:""; z-index: 0; position: absolute;right:0;bottom:0;border-right:1px solid #ececec;border-bottom:1px solid #ececec;width:100%;height:100%;box-sizing:border-box;}
.honorPart .list li .limg{ height: 265px;}
.honorPart .list li .limg img{ max-width: 296px; max-height: 265px; }
.honorPart .list li .name{ padding-top: 30px; font-size: 16px; line-height: 30px; height:60px; overflow:hidden; color: #333; text-align:center; }
.honorPart .list li .time{ position: absolute; left: 0.3rem; font-size: 16px; bottom: 60px; }
.honorPart .list li .box:hover{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); }
.honorPart .list li .box:hover .line_t,.honorPart .list li .box:hover .line_b { width: 100%;}
.honorPart .list li .box:hover .line_r,.honorPart .list li .box:hover .line_l { height: 100%;}
.honorPart .list li span { z-index: 1; position: absolute; background: #1f72bb;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.honorPart .list li .line_t { top: 0; left: 0; width: 0; height: 1px;}
.honorPart .list li .line_r { top: 0; right: 0; width: 1px; height: 0;}
.honorPart .list li .line_b { right: 0; bottom: 0; width: 0; height: 1px;}
.honorPart .list li .line_l { bottom: 0; left: 0; width: 1px; height: 0;}

.honor-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.honor-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  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;
  box-sizing:border-box;
}
.honor-modal-box .main { position: relative; width: 600px; margin: 0 auto;}
.honor-modal-box .close { position: absolute; right: 10px; top: -30px; z-index: 10; width: 28px; height: 28px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  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;}
.honor-modal-box .close:hover { transform: rotate(-90deg);}
.honor-modal-box .pic-box { font-size: 0;}
.honor-modal-box .pic-box img { display: block; width: 450px; margin:0 auto; }

.history{ padding: 120px 0; }
.history .title{ text-align: center; font-size: 0.48rem; color: #333; line-height: 0.48rem; font-weight: bold; padding-bottom: 0.5rem; }

/*.history .cont-top { position: relative; width: 100%; overflow: hidden;}
.history .cont-top .swiper-slide { width: 20%; font-family: Gilroy; font-size: 30px; line-height: 48px; text-align: center; color: #999999; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.history .cont-top .swiper-slide:hover { color: #176db9;}
.history .cont-top .swiper-slide-active { font-size: 48px; color: #176db9;}
.history .cont-top .swiper-button-prev { width: 12px; height: 22px; background: url(../images/nimg12_left.png) center no-repeat; margin-top: -11px;}
.history .cont-top .swiper-button-next { width: 12px; height: 22px; background: url(../images/nimg12_right.png) center no-repeat; margin-top: -11px;}
.history .cont-top .swiper-button-prev:hover{ background: url(../images/nimg12_lefton.png) center no-repeat;}
.history .cont-top .swiper-button-next:hover{ background: url(../images/nimg12_righton.png) center no-repeat;}
.history .cont-top .swiper-button-prev:after,.history .cont-top .swiper-button-next:after { display: none;}
*/

.temeBox{ position:relative;}
.cont-top{ position:absolute; right:0; top:0;}
.cont-top li{ cursor:pointer; padding-left:25px; font-size: 22px; line-height: 22px; color: #666; height: 52px; background: url(../images/yearBg.png) left top no-repeat;  }
.cont-top .liNow{ color:#176db9; background: url(../images/yearBgon.png) left top no-repeat;}

.cont-top.on{position:fixed; top:100px; z-index:11; right:50%; margin-right:-7.68rem;}



/*.history .cont-cent { position: relative; padding: 0 0.4rem; height: auto; margin-top: 0.7rem;}
.history .cont-cent .cent-box { width: 100%; height: auto;}
.history .list{ position: relative; }
.history .list:after{ content: ''; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 2px; background: #ebedf0; height: 100%; z-index: -1; }
.history .list li{ width: 7.38rem; position: relative; z-index: 1; padding-bottom: 1.85rem; clear: both; z-index: 1; }
.history .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 0.2rem; height: 0.2rem; background: url(../images/nimg21_2.png) center no-repeat; background-size: 0.2rem;}
.history .list li .conDiv{ width: 6.56rem; position: relative; min-height:5.0rem; z-index: 0;}
.history .list li:nth-child(2n){ margin-top: -5.3rem; float: right; padding-bottom: 0; }
.history .list li:nth-child(2n) .conDiv{ float: right; padding-bottom: 0.8rem;}
.history .list li:nth-child(2n):after{ right: auto; left: 0; }
.history .list li .year{ z-index: -1; font-size: 2.0rem; line-height: 1.6rem; color: #f8f7f4; font-family: bold; position: absolute; right: 0; top: 0; height: 0; overflow: hidden;}
.history .list li .time{ font-size: 30px; color: #176db9; line-height: 30px; font-family: Gilroy; padding-bottom: 10px; }
.history .list li .content{ font-size: 18px; color: #333; line-height: 32px; min-height: 64px; padding-bottom: 30px;}
.history .list li .imgDiv{ border-radius: 20px; overflow: hidden; }
.history .list li .imgDiv img{ width: 6.56rem; }
.history .list li .conDiv:hover .year{ height: 100%; }
.history .list li .conDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
*/

.historyBox{ width:12.56rem;}
.history .cont-cent { display:none; position: relative; height: auto; margin-top: 0.7rem;}
.history .cont-cent .cent-box { width: 100%; height: auto;}
.history .list{ position: relative; }
.history .list:after{ content: ''; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 2px; background: #ebedf0; height: 100%; z-index: -1; }
.history .list li{ width: 6.38rem; position: relative; z-index: 1; padding-bottom: 1.85rem; clear: both; z-index: 1; }
.history .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 0.2rem; height: 0.2rem; background: url(../images/nimg21_2.png) center no-repeat; background-size: 0.2rem;}
.history .list li .conDiv{ width: 5.56rem; position: relative; min-height:5.0rem; z-index: 0;}
.history .list li:nth-child(2n){ margin-top: -5.3rem; float: right; padding-bottom: 0; }
.history .list li:nth-child(2n) .conDiv{ float: right; padding-bottom: 0.8rem;}
.history .list li:nth-child(2n):after{ right: auto; left: 0; }
.history .list li .year{ z-index: -1; font-size: 2.0rem; line-height: 1.6rem; color: #f8f7f4; font-family: bold; position: absolute; right: 0; top: 0; height: 0; overflow: hidden;}
.history .list li .time{ font-size: 30px; color: #176db9; line-height: 30px; font-family: Gilroy; padding-bottom: 10px; }
.history .list li .content{ font-size: 18px; color: #333; line-height: 32px; min-height: 64px; padding-bottom: 30px;}
.history .list li .imgDiv{ border-radius: 20px; overflow: hidden; }
.history .list li .imgDiv img{ width: 5.56rem; }
.history .list li .conDiv:hover .year{ height: 100%; }
.history .list li .conDiv:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.history .moreBtn{ width:150px; margin:0 auto;}
.history .moreBtn a{ display:block; width:150px; height:48px; line-height:48px; color:#fff; font-size:16px; background:#176db9; text-align:center;}
.cont-cent:last-child .moreBtn{ display:none;}

.news{ padding: 80px 0 120px; }
.news .title{ text-align:center; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; color: #000;}
.news .detail a{ display: block; height: 4.3rem; overflow: hidden; position: relative; padding: 0 1.0rem 0 8.5rem; background: #fff; box-shadow: 0px 0px 50px 0px rgba(36, 36, 36, 0.1);}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.news .detail .imgDiv img{ width: 7.68rem; }
.news .detail .time{ padding-top: 0.75rem; font-family:Gilroy; font-size: 18px; color: #bcc4c9; }
.news .detail .name{ font-size: 30px; line-height: 40px; color: #176db9; font-weight: bold; padding-top: 0.15rem; height: 80px; overflow: hidden; }
.news .detail .content{ padding-top: 0.3rem; line-height: 30px; height: 90px; font-size: 16px; color: #666; overflow: hidden; }
.news .detail .more{ margin-top: 0.6rem; font-size: 14px; line-height: 14px; color: #176db9; display: inline-block; position: relative; padding-right: 15px; font-family:Gilroy;}
.news .detail .more:after{ content: ''; position: absolute; right: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: url(../images/nimg10_1.png) no-repeat; }
.news .detail:hover .name{ color: #176db9; }
.news .list{ padding-top: 60px; }
.news .list ul{ margin-right: -45px; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 60px; }
.news .list li .box{ margin-right: 45px; }
.news .list li .imgDiv{ overflow: hidden; height: 2.8rem; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .time{ padding: 25px 0 8px; font-size: 18px; color: #bcc4c9; font-family:Gilroy; }
.news .list li .name{ font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.news .list li .more{ position: relative; font-weight: bold; display: inline-block; padding-right: 15px; margin-top: 25px; font-family:Gilroy; font-size: 14px; line-height: 14px; color: #176db9; }
.news .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/nimg10_1.png) no-repeat; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .name{ color: #176db9; }
.news .list li .box:hover .more:after{ animation: iconAni 1.5s ease infinite;}

.magazine{ padding: 80px 0 120px; }
.magazine .list ul{ margin-right: -56px; }
.magazine .list li{ float: left; width: 25%; padding-bottom: 55px; }
.magazine .list li .box{ margin-right: 56px; }
.magazine .list li .imgDiv{ overflow: hidden; position: relative; border-radius: 6px; }
.magazine .list li .imgDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.magazine .list li .imgDiv img{ width: 100%; }
.magazine .list li .wen{ padding-top: 18px; height: 24px; line-height: 24px; font-size: 18px; color: #666; font-family: Gilroy; }
.magazine .list li .txt{ font-size: 18px; color: #3f4150; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; }
.magazine .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.magazine .list li .box:hover .imgDiv:after{ opacity: 1; }

.video{ padding: 120px 0; }
.video .title{ text-align: center; color: #000; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; padding-bottom: 50px; }
.video .list ul{ margin-right: -45px; }
.video .list li{ float: left; width: 33.33%; padding-bottom: 55px;}
.video .list li .box{ margin-right: 45px; }
.video .list li .imgDiv{ overflow: hidden; position: relative; height: 2.8rem; }
.video .list li .imgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; z-index: 1; }
.video .list li .imgDiv:after{ content: ''; opacity: 0; z-index: 2; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin-left: -35px; margin-top: -25px; background: url(../images/nimg70_1.png) no-repeat; }
.video .list li .imgDiv img{ width: 100%; }
.video .list li .txt{ padding-top: 25px; height: 24px; line-height: 24px; color: #bcc4c9; font-size: 14px; }
.video .list li .name{ font-size: 18px; color: #333; height: 30px; line-height: 30px; overflow: hidden; }
.video .list li .videoL{ display:none;}
.video .list li .box:hover .imgDiv:before{ opacity: 1; }
.video .list li .box:hover .imgDiv:after{ opacity: 1; margin-top: -35px; }

.videoModal-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;
}
.videoModal-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: 10px; top: 10px; width:24px; height: 24px; background: url(../images/close.png) no-repeat;}
.videoLayer video{ width:100%;}



.investorBox{ background: #f9f9f9; position: relative; }
.investorBox:before{ content: ''; position: absolute; left: 0; top: 0; width: 30%; height: 100%; z-index: 0; background: #fff; }
.investorBox:after{ content: ''; position: absolute; right: 0; top: 2.05rem; width: 30%; height: 100%; z-index: 0; height: 8.6rem; background: url(../images/bg1.png) repeat; }

.notice{ padding: 10px 0; min-height: 800px; }
.notice .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 50px; }
.notice .list{ padding-right: 0px; }
.notice .list li{ height: 90px; padding-bottom: 20px; }
.notice .list li a{ display: block; height: 100%; position: relative; padding: 0 150px 0 200px; background: #f5f5f5;}
.notice .list li .time{ position: absolute; left: 35px; top: 50%; font-size: 18px; line-height: 18px; color: #176dba; margin-top: -10px; font-family: din; }
.notice .list li .name{ height: 90px; font-size: 18px; line-height: 40px; color: #333; text-transform: uppercase; overflow:hidden; }
.notice .list li .name em{ height: 90px; display: table-cell; vertical-align: middle;}
.notice .list li .ico{ position: absolute; right: 0; top: 50%; width: 86px; height: 42px; margin-top: -21px; }
.notice .list li .ico .img1{ display: none; }
.notice .list li a:hover{background: #176db9;}
.notice .list li a:hover .time{ color: #5f9cd2; }
.notice .list li a:hover .name{ color: #fff; }
.notice .list li a:hover .ico img{ display: none; }
.notice .list li a:hover .ico .img1{ display: inline-block; }

/*.commonDiv{ padding-top: 120px; }*/
.companyInfo{ height: 6.0rem; background: url(../images/nimg370Bg.jpg) center no-repeat; background-size: cover; position: relative;}
.companyInfo .mxfDiv{ padding: 0.45rem 0.4rem 0; }
.companyInfo .name{ font-size: 18px; color: #fff; line-height: 40px; }
.companyInfo .hala li{ padding: 0.3rem 0; position: relative; color: #fff; }
.companyInfo .hala li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.1); }
.companyInfo .hala li:last-child:after{ display: none; }
.companyInfo .hala .wen{ font-size: 18px; line-height: 26px; padding-bottom: 15px; font-family:medium; }
.companyInfo .hala .num{ font-size: 0.48rem; line-height: 0.48rem; font-family: din; }
.companyInfo .hala .num img{ padding-left: 5px; position: relative; top: 3px;  }
.companyInfo .tips{ font-size: 14px; color: #fff; line-height: 24px;}

.sideSearch{ padding-top: 10px; }
.sideSearch2{ padding-top: 120px; }
.sideSearch .botDiv{ padding: 0.55rem 0.35rem 0.22rem; background: #f2f2f2;}
.sideSearch .form .box{ padding-bottom: 38px; }
.sideSearch .form .box .txt{ font-size: 15px; color: #176db9; font-weight: bold; padding-bottom: 22px; }
.sideSearch .select{ width: 100%; position: relative; height: 50px; }
.sideSearch .select dt{height: 50px;line-height: 50px;display: inline-block; width: 100%; background: #fff url(../images/selectIco.png) no-repeat right center; cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.sideSearch .select dt a{ font-size: 14px; color: #b4b4b4; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden;} 
.sideSearch .select dd{ margin: 0;position: absolute;left: 0px;top: 50px;z-index: 5; width: 100%;} 
.sideSearch .select dd ul {list-style: none; overflow: auto; padding: 0 20px; height: 200px; background: #fff; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);}
.sideSearch .select dd ul::-webkit-scrollbar { width: 2px;}
.sideSearch .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sideSearch .select dd ul::-webkit-scrollbar-thumb { background-color: #176db9;}  
.sideSearch .select dd ul li{ position: relative; line-height: 40px; height: 40px; cursor: pointer; color: #b4b4b4; font-size: 14px;}
.sideSearch .select dd ul li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.sideSearch .select dd ul li:last-child:after{ display: none; }
.sideSearch .select dd ul li:hover{ color: #176db9; }
.sideSearch .llbox{ height: 50px; background: #fff; position: relative; }
.sideSearch .input1{ width: 100%; height: 50px; line-height: 50px; font-size: 14px; text-indent: 20px; }
.sideSearch .btn1{ position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../images/nimg16_3.png) center no-repeat; z-index: 2;}
.sideSearch .input1::-webkit-input-placeholder{ color: #b4b4b4;}
.sideSearch .input1::-moz-placeholder{ color: #b4b4b4;}
.sideSearch .input1::-ms-input-placeholder{ color: #b4b4b4;}
.sideSearch .input1:focus::-webkit-input-placeholder{color: transparent;}
.sideSearch .input1:focus:-moz-placeholder{color: transparent;}
.sideSearch .input1:focus:-ms-input-placeholder{color: transparent;}




.sideSearch li .caption {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  font-family: "Microsoft YaHei";
  margin-bottom: 2px;
}
.sideSearch li .caption:first-child {
  margin-bottom: 30px;
}

.sideSearch .form .group {
  position: relative;
  margin-bottom: 30px;
}
.sideSearch .form .group:last-child {
  margin-bottom: 0;
}
.sideSearch .form .title {
  font-size: 15px;
  color: #0070c0;
  line-height: 24px;
  margin-bottom: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
}
.sideSearch .form .text,
.sideSearch .form .caption {
  height: 50px;
  line-height: 50px;
  padding: 0 34px 0 20px;
  color: #b4b4b4;
  background: #fff;
  font-family: "Microsoft YaHei";
}
.sideSearch .form .text {
  width: 100%;
}
.sideSearch .form .btn {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 10;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 16px;
}
.sideSearch .form .btn img {
  display: block;
}
.sideSearch .form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form .caption {
  position: relative;
  cursor: pointer;
}
.sideSearch .form .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.sideSearch .form .caption:after {
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  background: url(../images/idown2.png) no-repeat left center;
  background-size: contain;
  position: absolute;
  right: 24px;
  top: 0;
  z-index: 10;
}
.sideSearch .form .list {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 12;
  background: #fff;
  max-height: 250px;
  overflow-y: auto;
  display: none;
  border: 1px solid #f7f8f9;
}
.sideSearch .form .list a {
  display: block;
  font-size: 14px;
  color: #a4a4a4;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #f7f8f9;
}
.sideSearch .form .list a:hover,
.sideSearch .form .list a.on {
  color: #0070c0;
}
.sideSearch .form .list a:last-child {
  border-bottom: none;
}


.finance{ padding: 120px 0 30px; }
.finance .wal{ position: relative;}
.finance .selectDiv{ width: 190px; position: absolute; right: 0; top: 0; height: 50px; z-index: 1;}
.finance .selectDiv .caption { position: relative; cursor: pointer; height: 48px; line-height: 48px; padding-left: 20px; font-size: 14px; color: #b4b4b4; border: #e5ecf6 solid 1px; background: #fff;}
.finance .selectDiv .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.finance .selectDiv .caption:after { content: ""; display: block; width: 32px; height: 5px; background: url(../images/selectIco.png) no-repeat left center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.finance .selectDiv .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 1px solid #efeff3; border-top: none; box-sizing: border-box;}
.finance .selectDiv .xlist a { display: block; font-size: 14px; color: #b4b4b4; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #efeff3;}
.finance .selectDiv .xlist a:hover,.finance .selectDiv .xlist a.on { color: #176db9;}
.finance .selectDiv .xlist a:last-child { border-bottom: none;}

.finance .title{ text-align: center; color: #000; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 35px; }
.finance .bigBox{ padding-bottom: 90px; }
.finance .wen{ font-size: 0.36rem; line-height: 0.36rem; color: #000; text-align: center; padding-bottom: 45px; }
.finance .table table{ border-left: #ebebeb solid 1px; font-family:Gilroy; }
.finance .table table th{ height: 88px; line-height: 88px; background: #176db9; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #176db9 solid 1px; }
.finance .table table td{ height: 78px; text-align: center; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; font-size: 0.18rem; color: #000;}
.finance .table2 table{ border-left: #ebebeb solid 1px; font-family:Gilroy; }
.finance .table2 table th{ height: 88px; line-height: 88px; background: #176db9; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #176db9 solid 1px; }
.finance .table2 table td{ height: 78px; text-align: center; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; font-size: 0.18rem; color: #000;}

.investT{ position: relative; height: 85px; }
.investT .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.investT .links{ position: absolute; right: 0; top: 0; z-index: 1; }
.investT .links li{ float: left; margin-left: 45px; font-size: 18px;}
.investT .links li a{ display: block; height: 35px; line-height: 18px; position: relative; color: #666; }
.investT .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #176db9; }
.investT .links li a:hover, .investT .links li .aNow{ color: #176db9; }
.investT .links li a:hover:after, .investT .links li .aNow:after{ width: 100%; left: 0; }

.texture{ padding: 120px 0; }
.texture .table table{ border-left: #ebebeb solid 1px; font-family:Gilroy; }
.texture .table table th{ height: 80px; line-height: 80px; font-weight: 400; background: #176db9; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #176db9 solid 1px; }
.texture .table table td{ height: 78px; text-align: center; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; font-size: 0.18rem; color: #000;}
.texture .table table td.blue{ color: #176db9; }

.highrise{ padding: 120px 0; }
.highrise .table table{ border-left: #ebebeb solid 1px; font-family:Gilroy; }
.highrise .table table th{ height: 80px; line-height: 80px; font-weight: 400; background: #176db9; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #176db9 solid 1px; }
.highrise .table table td{ height: 78px; text-align: center; border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; font-size: 0.18rem; color: #000;}
.highrise .tips{ text-align: right; color: #999; padding-top: 10px; }

.equity{ padding: 120px 0; }
.equity .imgDiv{ padding-top: 65px; text-align: center; }
.equity .imgDiv img{ width: 794px; }

.publicity{ padding: 120px 0; }
.publicity .detail{ margin-bottom: 20px; }
.publicity .detail a{ display: block; padding: 0 55px 0 378px; height: 228px; border: #f2f2f2 solid 1px; position: relative; }
.publicity .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.publicity .detail .imgDiv img{ width: 356px; }
.publicity .detail .name{ padding-top: 25px; height: 36px; line-height: 36px; color: #463b3d; font-size: 24px; overflow: hidden; }
.publicity .detail .time{ padding-top: 5px; color: #c7d2dc; font-size: 24px; line-height: 24px; font-family: bold;}
.publicity .detail .content{ padding-top: 20px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.publicity .detail .more{ padding-top: 30px; font-size: 18px; color: #ccc; font-family: bold; line-height: 18px; }
.publicity .list{ padding-top: 20px; }
.publicity .list li{ margin-bottom: 20px; }
.publicity .list li a{ position: relative; display: block; height: 178px; border: #f2f2f2 solid 1px; padding: 20px 60px 0 30px; box-sizing: border-box; }
.publicity .list li a:after{ content: ''; position: absolute; right: 40px; top: 30px; width: 42px; height: 22px; background: url(../images/nimg42_1.png) no-repeat; }
.publicity .list li .name{ font-size: 24px; color: #463b3d; line-height: 36px; height: 36px; overflow: hidden; }
.publicity .list li .time{ padding-top: 5px; color: #c7d2dc; font-size: 24px; line-height: 24px; font-family: bold;}
.publicity .list li .content{ padding-top: 20px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666; }
.publicity .list li a:hover{ box-shadow: 0px 1px 15px 0px rgba(81, 81, 81, 0.15);}
.publicity .list li a:hover:after{ background: url(../images/nimg42_1on.png) no-repeat; }
.publicity .list li a:hover .name{ color: #176db9; }

.basicInfo{ padding: 120px 0; }
.basicInfo .list{ border-top: #ebebeb solid 1px; }
.basicInfo .list li{ position: relative; padding-left: 4.0rem; padding-top: 25px; padding-bottom: 25px; color: #666; border-bottom: #ebebeb solid 1px; line-height: 30px; font-size: 18px; color: #000; }
.basicInfo .list li em{ position: absolute; padding-top: 25px; box-sizing: border-box; left: 0; top: 0; width: 3.2rem; display: block; height: 100%; border-right: #ebebeb solid 1px; color: #666;}

.liaison{ padding: 120px 0; }
.liaison .list{ padding-bottom: 20px; }
.liaison .list ul{ margin-right: -20px; }
.liaison .list li{ float: left; width: 50%;}
.liaison .list li .box{ margin-right: 20px; border: #f2f2f2 solid 1px; padding: 35px 40px 0; height: 268px; box-sizing: border-box;}
.liaison .list li .name{ font-size: 18px; color: #c7d2dc; }
.liaison .list li .name b{ padding-right: 10px; font-size: 24px; color: #000; }
.liaison .list li .wen{ font-size: 18px; color: #176db9; line-height: 18px; padding-top: 10px; }
.liaison .list li .msg{ padding-top: 25px; font-size: 16px; line-height: 30px; }
.liaison .bigImg img{ width: 100%; }

.job{ padding: 120px 0; min-height:600px; }
.job .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 50px; }
.jobTop{ height: 0.86rem; border-top: #eaeaea solid 1px; overflow: hidden; background:#176db9;}
.jobTop li{ float: left; height: 0.86rem; line-height: 0.86rem; font-size: 16px; color: #fff; }
.jobTop .li01{ width: 3.06rem; text-align: left; text-indent: 0.3rem; }
.jobTop .li02{ width: 2.75rem; }
.jobTop .li03{ width: 1.85rem; }
.jobTop .li04{ width: 3.3rem; }

.job .list{ border-bottom: #eaeaea solid 1px; margin-bottom: 30px;}
.job .list li{ position:relative; border-top: #eaeaea solid 1px;}
.job .list li .msgDiv{ height:0.86rem; position:relative; overflow: hidden;}
.job .list li .msgDiv a{ display: block; height: 0.86rem;}
.job .list li .txt{ position: absolute; right: 0.8rem; top: 0; font-size: 16px; line-height: 0.86rem; color: #666; }
.job .list li .txt span{ display: block; padding-right: 24px; background: url(../images/ico2.png) right center no-repeat;}
.job .list li .txt em{ display: block; color: #fff; padding-right: 24px; background: url(../images/ico2on.png) right center no-repeat; }
.job .list li .box{ display:none; background: #fff; border: #176db9 solid 2px; padding: 0.6rem 0.55rem;}
.job .list li .msgDiv dd{ height: 0.86rem; float:left; line-height:0.86rem; font-size: 16px; color: #666;}
.job .list li .msgDiv .dd01{ width: 3.06rem; text-align: left; text-indent: 0.3rem; }
.job .list li .msgDiv .dd02{ width: 2.75rem;}
.job .list li .msgDiv .dd03{ width: 1.85rem; }
.job .list li .msgDiv .dd04{ width: 3.3rem; }
.job .list li .msgDiv.aNow{ background: #176db9; }
.job .list li .msgDiv.aNow dd{ color: #fff; }
.job .list li .msgDiv.aNow:after{ color: #fff; }
.job .list li .msgDiv.aNow .txt span, .job .list li .msgDiv.aNow .txt em{transform:translateY(-0.86rem);-webkit-transform:translateY(-0.86rem);-moz-transform:translateY(-0.86rem)}
.job .list li h2{ font-size: 16px; line-height: 16px; padding-bottom: 10px; color: #333; }
.job .list li .content{ line-height:24px; padding-bottom: 35px; font-size:14px;}

.sideJob{ height: 5.58rem; background: url(../images/nimg370Bg2.jpg) center no-repeat; background-size: cover; position: relative;}
.sideJob .mxfDiv{ padding: 0.45rem 0.4rem 0; }
.sideJob .name{ font-size: 24px; color: #fff; line-height: 24px; padding-bottom: 10px; }
.sideJob .wen{ color: #fff; font-size: 36px; line-height: 36px; font-weight: bold; }
.sideJob .tips{ font-size: 16px; color: #fff; line-height: 16px; padding-top: 20px;}
.sideJob .btnDiv{ padding-top:30px;}
.sideJob .btnDiv a{ display:block; width:160px; height:42px; line-height:42px; border:#fff solid 2px; text-align:center; font-size:15px; color:#fff;}
.sideJob .btnDiv a:hover{ background: #176db9; color: #fff; border:#176db9 solid 2px;}

.sideCheck{ margin-top: 10px; padding: 0.35rem 0.35rem 0.9rem; background: #176dba url(../images/nimg370Bg3.jpg) bottom center no-repeat; background-size: 100%; }
.sideCheck .txt{ font-size: 24px; color: #fff; line-height: 24px; padding-bottom: 10px; }
.sideCheck .content{ font-size: 16px; line-height: 24px; padding-bottom: 30px; color: #fff; }
.sideCheck .list li{ font-size: 16px; line-height: 24px; padding-bottom: 25px; font-family: din; color: #fff;}
.sideCheck .list li em{ display: block; padding-bottom: 5px; }
.sideCheck .btnDiv a{ display: block; position: relative; font-size: 16px; width: 192px; height: 48px; line-height: 48px; border: #fff solid 1px; text-indent: 35px; color: #fff; }
.sideCheck .btnDiv a:after{ content: ''; position: absolute; right: 35px; top: 50%; width: 13px; height: 15px; margin-top: -8px; background: url(../images/nimg13_1on.png) no-repeat; }
.sideCheck .btnDiv a:hover{ background: #176db9; color: #fff; }
.sideCheck .btnDiv a:hover:after{ background: url(../images/nimg13_1on.png) no-repeat;}

.contactBox{ position: relative; padding: 100px 0; }
.contact{ width: 6.65rem; padding-top: 25px; }
.contact .txt{ font-size: 30px; line-height: 30px; color: #333; padding-bottom: 20px; }
.contact .name{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 20px; }
.contact .list li{ border-bottom: #ebebeb solid 1px; padding-left: 0.8rem; position: relative; height: 108px;}
.contact .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; background: #ebebeb; border-radius: 50%; }
.contact .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -15px; }
.contact .list li .wen{ padding-top: 20px; color: #999; font-size: 18px; line-height: 18px; }
.contact .list li .msg{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding-top: 20px; font-family: Gilroy; }
.contactBox .mapDiv{ position: absolute; left: 50%; width: 50%; height: 800px; top: 100px; }

.lybBox{ padding-top: 120px; box-sizing: border-box; height: 730px; background: url(../images/lybBg.jpg) center no-repeat; background-size: cover;}
.lybBox .title{ padding-bottom: 50px; text-align: center; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; color: #000;}
.lybBox .cn{ font-size: 30px; line-height: 30px; color: #333; padding-bottom: 10px;}
.lybBox .en{ font-size: 24px; line-height: 24px; color: #aaa; font-family: mont; text-transform: uppercase; }
.lybBox .form ul{ margin-right: -12px; }
.lybBox .form li{ float: left; width: 50%; padding-bottom: 12px; }
.lybBox .form .li01{ width: 100%; }
.lybBox .form li .box{ margin-right: 12px; border-radius: 4px; background: #fff; position: relative; padding: 0 10px 0 100px; }
.lybBox .form li .txt{ position: absolute; left: 30px; top: 0; line-height: 56px; font-size: 14px; }
.lybBox .form li .input1{ width: 100%; font-size: 14px; height: 56px; line-height: 56px; }
.lybBox .form li textarea{ height: 95px; box-sizing: border-box; width: 100%; padding: 15px 0; font-size: 14px; line-height: 24px; }
.lybBox .btnDiv{ width: 208px; margin: 38px auto 0; }
.lybBox .btnDiv a{ display: block; border-radius: 4px; width: 100%; height: 50px; line-height: 50px; background: #176db9; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }

.newShow{ padding: 80px 0; }
.newShow .name{ font-size: 36px; line-height: 48px; color: #000; font-weight: bold; padding-bottom: 25px; text-align:center }
.newShow .toptop{ overflow: hidden; border-bottom: #e8e8e8 solid 1px; padding-bottom: 20px;text-align:center }
.newShow .cishu{ background: url(../images/nimg18_3.png) left center no-repeat; padding-left: 28px; padding-right: 25px; line-height: 36px; font-size: 14px; color: #999; }
.newShow .date{ background: url(../images/nimg18_4.png) left center no-repeat; padding-left: 28px; padding-right: 25px; line-height: 36px; font-size: 14px; color: #999; }
.newShow .share{ position: relative; background: url(../images/nimg18_5.png) left center no-repeat; padding-left: 70px; line-height: 36px; font-size: 14px; color: #999; }
.newShow .share em{ position: absolute; left: 27px; top: 0; }
.newShow .share li{ float: left; margin-right: 10px; }
.newShow .share li a{ display: block; width: 36px; height: 36px; border-radius: 50%; background: #ccc; text-align: center; }
.newShow .share li a:hover{ background: #176db9; }
.newShow .content{ font-size: 16px; line-height: 30px; padding: 25px 0; }
.newShow .imgDiv{ text-align: center; padding: 35px 0; }
.newShow .content img{ max-width: 1150px; }

.pageDown{ border-top: #e8e8e8 solid 1px; padding-top: 40px; position: relative; padding-right: 160px;}
.pageDown .list li{ font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; }
.pageDown .list li b{ color: #333; }
.pageDown .btnDiv{ position: absolute; right: 0; top: 45px; }
.pageDown .btnDiv a{ display: block; width: 135px; text-indent: 52px; height: 48px; line-height: 48px; background: #f3f3f3; font-size: 14px; color: #666; border-radius: 4px; }
.pageDown .btnDiv a:before{ content: ''; position: absolute; width: 16px; height: 14px; left: 27px; top: 50%; margin-top: -7px; background: url(../images/nimg16_1.png) no-repeat; }
.pageDown .btnDiv a:hover{ background: #176db9; color: #fff;}
.pageDown .btnDiv a:hover:before{ background: url(../images/nimg16_1on.png) no-repeat; }

.busBan{ position: relative; overflow: hidden;}
.busBan, .busBan .swiper-slide{ height: 100vh;}
.busBan .swiper-slide img{ width: 100%; }
.busBan .swiper-pagination{ display: none; position: absolute; text-align: center; left: 0; bottom: 0.3rem!important; } 
.busBan .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; background: rgba(255,255,255,0.5); margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.busBan .swiper-pagination-bullet-active { background: #176db9;}
.busBan .swiper-button-prev{ overflow: hidden; position: absolute; left: 0.8rem; top: 50%; margin-top: -30px; width: 60px; height: 60px; background: url(../images/nimg6_left.png) center no-repeat; border-radius: 50%;}
.busBan .swiper-button-prev:after{ content: ''; display: block; border: #fff solid 2px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; }
.busBan .swiper-button-next{ overflow: hidden; position: absolute; right: 0.8rem; top: 50%; margin-top: -30px; width: 60px; height: 60px; background: url(../images/nimg6_right.png) center no-repeat; border-radius: 50%; }
.busBan .swiper-button-next:after{ content: ''; display: block; border: #fff solid 2px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; }
.busBan .swiper-button-prev .svg, .busBan .swiper-button-next .svg { position: absolute; left: 0; top: 0; z-index: 10; width: 60px; height: 60px;}
.busBan .swiper-button-prev circle, .busBan .swiper-button-next circle { fill: transparent; stroke: transparent; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 700, 0; }
.busBan .swiper-button-prev:hover circle, .busBan .swiper-button-next:hover circle {
  stroke: #176db9;
    -webkit-animation: stroke-dash 2000ms linear;
    animation: stroke-dash 2000ms linear;
}


.busBan .conLayer{ position: absolute; left: 50%; margin-left: -6.4rem; bottom: 0.7rem; color: #fff; z-index: 1; }
.busBan .wen{ font-size: 18px; padding-left: 22px; background: url(../images/nimg14_2.png) left center no-repeat; }
.busBan .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding: 15px 0 25px; }
.busBan .msg{ font-size: 16px; line-height: 30px; }

.caseShow{ padding: 120px 0 110px; }
.caseShow .name{ font-weight: bold; font-size: 48px; line-height: 48px; color: #000; padding-bottom: 35px; }
.caseShow .content{ font-size: 18px; line-height: 36px; padding-bottom: 50px;}
.caseShow .imgList ul{ margin-right: -12px; }
.caseShow .imgList li{ float: left; width: 50%; padding-bottom: 12px; }
.caseShow .imgList .li01{ width: 100%; }
.caseShow .imgList li .box{ margin-right: 12px; cursor: pointer; overflow:hidden; }
.caseShow .imgList li img{ width: 100%; }
.caseShow .imgList li .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.pageDown-box { display: flex; justify-content: space-between; width: 100%; height: 5.4rem; overflow: hidden; position: relative;}
.pageDown-box .page-pic { position: relative; width: 50%; height: 5.4rem; overflow: hidden; background-position: center center; background-size: 11rem; background-repeat: no-repeat; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.pageDown-box .page-pic:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; }
.pageDown-box .page-pic .pic-text { z-index: 2; position: absolute; top: 50%; left: 50%; width: 8rem; text-align: center; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.pageDown-box .page-pic .wen { font-size: 18px; line-height: 18px; color: #fff;}
.pageDown-box .page-pic .name { font-size: 0.48rem; font-weight: bold; line-height: 0.48rem; color: #fff; padding-top: 0.2rem;}
.pageDown-box .page-pic:hover { width: 60%;}
.pageDown-box .page-pic a { display: inline-block; width: 100%; height: 100%;}
.pageDown-box .box-mask { position: absolute; top: 0; left: 40%; width: 20%; height: 5.4rem; z-index: 98;}

.hotCase{ padding: 120px 0 80px; }
.hotCase .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 45px; }
.hotCase .list ul{ margin-right: -33px; }
.hotCase .list li{ float: left; width: 33.33%; }
.hotCase .list li .box{ margin-right: 33px; }
.hotCase .list li .imgDiv{ padding-bottom: 65.5%; width: 100%; height: 0; display: block; position: relative; overflow: hidden;}
.hotCase .list li .imgDiv img{ position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: transform 1s; max-height: none;}
.hotCase .list li .text{ padding: 25px 0 0.6rem; background: #fff; transition: all .5s; position: relative; z-index: 2;}
.hotCase .list li .name{ font-size: 18px; color: #000; line-height: 30px; height: 30px; overflow: hidden; }
.hotCase .list li .msg{ height: 0; width: 100%; line-height: 24px; color: #666; transition: all .5s; font-size: 14px; overflow: hidden;}
.hotCase .list li .box:hover img{ left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.05);}
.hotCase .list li .box:hover .name{ color: #176db9; }
.hotCase .list li .box:hover .text{ margin-top: -60px;}
.hotCase .list li .box:hover .msg{ height: 48px; padding-top: 10px; overflow: hidden;}

.curtain .toptop{ padding: 120px 0 70px; background: url(../images/nimg954Bg.png) center bottom no-repeat;}
.curtain .toptop .name{ text-align: center; color: #000; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 40px; }
.curtain .toptop .content{ font-size: 18px; line-height: 30px; width: 1154px; margin: 0 auto; text-align: center; }
.curtain .botbot{ position: relative; }
.curtain .btn{ position: absolute; right: 50%; margin-right: -7.68rem; top: 0.65rem; z-index: 5; }
.curtain .btn li{ height: 50px; line-height: 50px; color: #fff; padding-left: 12px; font-size: 16px; position: relative; cursor: pointer; }
.curtain .btn li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 0; margin-top: -9px; background: #fff; }
.curtain .btn li.on:before{ height: 18px; margin-top: -9px; }
.industry{ position: relative; } 
.industry .swiper-slide{ position: relative; }
.industry .bg img{ width: 100%; }
.industry .conLayer{ opacity: 0; position: absolute; left: 50%; width: 12.0rem; color: #fff; margin-left: -7.68rem; z-index: 1; bottom: 30px; }
.industry .name{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; margin-bottom: 20px; }
.industry .content{ font-size: 16px; line-height: 24px; }
.industry .swiper-button-prev{ overflow: hidden; position: absolute; left: auto; right: 50%; margin-right: -6.8rem; top: auto; margin-top: 0; bottom: 50px; width: 60px; height: 60px; background: url(../images/nimg6_left.png) center no-repeat; border-radius: 50%;}
.industry .swiper-button-prev:after{ content: ''; display: block; border: rgba(255,255,255,0.5) solid 2px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; }
.industry .swiper-button-next{ overflow: hidden; position: absolute; right: 50%; margin-right: -7.68rem; top: auto; margin-top: 0; bottom: 50px; width: 60px; height: 60px; background: url(../images/nimg6_right.png) center no-repeat; border-radius: 50%; }
.industry .swiper-button-next:after{ content: ''; display: block; border: rgba(255,255,255,0.5) solid 2px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; }
/*.industry .swiper-button-prev .svg, .industry .swiper-button-next .svg { position: absolute; left: 0; top: 0; z-index: 10; width: 60px; height: 60px;}
.industry .swiper-button-prev circle, .industry .swiper-button-next circle { fill: transparent; stroke: transparent; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 700, 0; }
.industry .swiper-button-prev:hover circle, .industry .swiper-button-next:hover circle {
  stroke: #176db9;
    -webkit-animation: stroke-dash 2000ms linear;
    animation: stroke-dash 2000ms linear;
}*/

.homepage-banner .conLayer{ text-align: left; position: absolute; left: 50%; width: 12.0rem; color: #fff; margin-left: -7.68rem; z-index: 1; bottom: 45px;transition: all .6s; opacity: 0;
  -webkit-transform: translateY(120px);
  transform: translateY(120px); }
.homepage-banner .name{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; margin-bottom: 20px; }
.homepage-banner .content{ font-size: 16px; line-height: 24px; }



/*.curtain .swiper-scroller { position: absolute; left: 59px; bottom: 54px; width: 21.6875rem; height: 9.0625rem; z-index: 15;}
.curtain .swiper-scroller .swiper-scroller-list { position: relative; padding-left: 1.375rem;}
.curtain .swiper-scroller .swiper-scroller-list:before { content: ''; display: inline-block; width: 2px; height: 0.9375rem; background: #fff; position: absolute; left: 0; top: 4.5625rem; z-index: 15;}
.curtain .swiper-scroller .swiper-scroller-list li { margin-bottom: 14px;}
.curtain .swiper-scroller .swiper-scroller-list li a { color: #fff; font-size: 0.875rem; letter-spacing: 1px;}
.curtain .swiper-scroller .swiper-scroller-list li:first-child a,
.curtain .swiper-scroller .swiper-scroller-list li:nth-child(5) a {
  opacity: .5;
}
.curtain .swiper-scroller .swiper-scroller-list li:nth-child(2) a,
.curtain .swiper-scroller .swiper-scroller-list li:nth-child(4) a {
  opacity: .8;
}
.curtain .swiper-scroller .swiper-scroller-list li:nth-child(3) a {
  opacity: 1;
  font-size: 1rem;
  font-weight: 700;
}*/





.industry .swiper-slide-active .conLayer{ opacity: 1; bottom: 50px; }

.swiper-btn svg {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
}

.swiper-btn{
  fill: none;
}
.swiper-btn .circle-chart__background {
  stroke: rgba(255, 255, 255, 0);
  stroke-width: 2;
}
.swiper-btn .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.swiper-btn .circle-chart__circle {
  stroke: #176db9;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.swiper-btn .circle-chart__circle {
  animation: circle-chart-fill 6s linear reverse;
  -moz-animation: circle-chart-fill 6s linear reverse;
  -webkit-animation: circle-chart-fill 6s linear reverse;
  -ms-animation: circle-chart-fill 6s linear reverse;
  /*循环播放*/
  animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}

.otherBanner{ position:relative; height: 100vh;}
.otherBanner .bg { width: 100%; height: 100vh; background: center no-repeat; background-size: cover; }
.otherBanner .bg img{ width: 100%; display: none; }
.otherBanner .txtLayer{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%);}
.otherBanner .txt{ font-size: 30px; line-height: 30px; padding-bottom: 30px; }
.otherBanner .wen{ font-size: 0.6rem; line-height: 0.72rem; font-weight: bold; }
.otherBanner .msg{ font-size: 24px; line-height: 24px; padding-top: 15px; }

.jiankeP1{ padding-top: 120px; height: 748px; box-sizing: border-box; background: url(../images/jiankeBg.jpg) center bottom no-repeat; background-size: cover; }
.jiankeP1 .leftImg{ width: 7.68rem; }
.jiankeP1 .leftImg img{ width: 100%; }
.jiankeP1 .rightCon{ width: 6.68rem; }
.jiankeP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.4rem;}
.jiankeP1 .content{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; height: 3.9rem; overflow: auto; padding-right: 1.08rem; }
.jiankeP1 .content::-webkit-scrollbar { width: 2px;}
.jiankeP1 .content::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2);}
.jiankeP1 .content::-webkit-scrollbar-thumb { background-color: #176db9;}

.jiankeP2 .list li{ float: left; width: 25%; position: relative; cursor: pointer;}
.jiankeP2 .list li:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23,109,185,0.9); z-index: 0; }
.jiankeP2 .list li .imgDiv img{ width: 100%; }
.jiankeP2 .list li .layer{ position: absolute; color: #fff; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; z-index: 1; }
.jiankeP2 .list li .txt{ font-size: 24px; line-height: 24px; padding: 0.55rem 0 0.15rem; }
.jiankeP2 .list li .wen{ font-size: 30px; line-height: 30px; }
.jiankeP2 .list li:hover:after{ opacity: 1; }

.jiankeP3{ padding-top: 120px; height: 530px; box-sizing: border-box; background: url(../images/jiankeBg2.png) center top no-repeat; background-size: cover; }
.jiankeP3 .list ul{ margin-right: -27px; }
.jiankeP3 .list li{ float: left; width: 20%; }
.jiankeP3 .list li .box{ margin-right: 27px; height: 290px; padding: 0 0.4rem; border-radius: 8px; background: #fff; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.1); }
.jiankeP3 .list li .num{ padding: 0.6rem 0 0.25rem; font-family: bold; font-size: 0.48rem; line-height: 0.48rem; color: #176db9;}
.jiankeP3 .list li .content{ font-size: 16px; line-height: 24px; }
.jiankeP3 .list li .box:hover{ background: #176db9; }
.jiankeP3 .list li .box:hover .num, .jiankeP3 .list li .box:hover .content{ color: #fff; }

.jiankeP4{ padding-top: 130px; height: 1020px; background: url(../images/jiankeBg4.jpg) center no-repeat; box-sizing: border-box; background-size: cover; }
.jiankeP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 25px; }
.jiankeP4 .content{ font-size: 16px; margin: 0 auto; line-height: 30px; width: 930px; color: #fff; text-align: center; padding-bottom: 35px; }
.jiankeP4 .mapDiv{ position: relative; width: 1178px; margin: 0 auto; }
.jiankeP4 .mapDiv .bg img{ width: 1178px;}
.jiankeP4 .mapDiv li{ position: absolute; font-size: 16px;  color: #fff;}
.jiankeP4 .mapDiv ems{ display: block; width: 16px; height: 25px; position: absolute; }
.jiankeP4 .mapDiv ems:before{ content: ''; position: relative; display: block; z-index: 1; width: 16px; height: 22px; background: url(../images/nimg16_4.png) no-repeat; -webkit-animation:narw 3s ease-out both;-moz-animation:narw 3s ease-out both;-o-animation:narw 3s ease-out both;animation:narw 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite; }
.jiankeP4 .mapDiv ems:after{ content: ''; position: absolute; z-index: 0; left: 50%; margin-left: -5px; bottom: 0; width: 10px; height: 5px; background: url(../images/nimg10Bg.png) no-repeat; }

.jiankeP4 .mapDiv .canada{ left: 178px; top: 132px; padding-left: 25px; }
.jiankeP4 .mapDiv .canada ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .america{ left: 212px; top: 214px; padding-left: 25px; }
.jiankeP4 .mapDiv .america ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .london{ left: 502px; top: 166px; padding-right: 23px; }
.jiankeP4 .mapDiv .london ems{ right: 0; top: 0;}
.jiankeP4 .mapDiv .brazil{ left: 358px; top: 390px; padding-left: 23px; }
.jiankeP4 .mapDiv .brazil ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .angola{ left: 620px; top: 390px; padding-top: 26px; }
.jiankeP4 .mapDiv .angola ems{ left: 50%; margin-left: -8px; top: 0;}
.jiankeP4 .mapDiv .qatar{ left: 700px; top: 270px; padding-left: 20px; }
.jiankeP4 .mapDiv .qatar ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .dubai{ left: 720px; top: 292px; padding-left: 20px; }
.jiankeP4 .mapDiv .dubai ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .russia{ left: 876px; top: 105px; padding-left: 22px; }
.jiankeP4 .mapDiv .russia ems{ left: 0; top: 0;}
.jiankeP4 .mapDiv .mongolia{ left: 850px; top: 140px; padding-top: 26px; }
.jiankeP4 .mapDiv .mongolia ems{ left: 50%; margin-left: -8px; top: 0;}
.jiankeP4 .mapDiv .china{ left: 906px; top: 212px; padding-top: 28px; }
.jiankeP4 .mapDiv .china ems{ left: 50%; margin-left: -8px; top: 0;}
.jiankeP4 .mapDiv .bangladesh{ left: 812px; top: 277px; padding-top: 35px; }
.jiankeP4 .mapDiv .bangladesh ems{ left: 50%; margin-left: -8px; top: 0;}
.jiankeP4 .mapDiv .macao{ left: 905px; top: 270px; padding-top: 35px; }
.jiankeP4 .mapDiv .macao ems{ left: 50%; margin-left: -8px; top: 0;}
.jiankeP4 .mapDiv .australia{ left: 970px; top: 430px; padding-top: 26px; }
.jiankeP4 .mapDiv .australia ems{ left: 50%; margin-left: -8px; top: 0;}

.jiankeP4 .pulse{position:absolute;top:-16px;left:-28px;height:66px;width:66px;border:2px solid #53b8ff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;-moz-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}


.jiankeP5{ padding: 120px 0; }
.jiankeP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 15px; }
.jiankeP5 .wen{ text-align: center; font-size: 24px; line-height: 24px; color: #494d53; padding-bottom: 60px; }
.jiankeP5 .mxfDiv{ position: relative; padding-left: 4.36rem; height: 225px; box-sizing: border-box; padding-top: 45px; }
.jiankeP5 .dnl{ position: absolute; left: 0; top: 0; z-index: 1; padding-left: 1.94rem; height: 225px; }
.jiankeP5 .mxfDiv .name{ position: absolute; left: 0; top: 50%; margin-top: -28px; width: 1.94rem; height: 55px; line-height: 55px; background: #2588e0; color: #fff; border-radius: 4px; font-size: 0.24rem; text-align: center; }
.jiankeP5 .hala{ background: url(../images/nimg242Bg.png) center no-repeat; height: 225px; width: 2.42rem;}
.jiankeP5 .hala ul{ height: 225px;}
.jiankeP5 .hala li{ width: 132px; margin: 0 auto; height: 55px; line-height: 55px; text-align: center; font-size: 0.18rem; background: #fff; color: #176db9; border-radius: 4px; box-shadow: 0px 0px 15px 0px rgba(81, 81, 81, 0.1);}
.jiankeP5 .hala li:nth-child(1), .jiankeP5 .hala li:nth-child(2){ margin: 0 auto 30px; }
.jiankeP5 .laha ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.jiankeP5 .laha li{ padding-right: 0.4rem; position: relative; }
.jiankeP5 .laha li:after{ content: ''; position: absolute; right: 5px; top: 50%; width: 31px; height: 9px; margin-top: -5px; background: url(../images/nimg31Bg.png) no-repeat; }
.jiankeP5 .laha li:last-child{ padding-right: 0; }
.jiankeP5 .laha li:last-child:after{ display: none; }
.jiankeP5 .laha li .box{ position: relative; cursor: pointer; z-index: 1; background: #fff; text-align: center; width: 1.22rem; height: 135px; border-radius: 4px; box-shadow: 0px 0px 15px 0px rgba(81, 81, 81, 0.1);}
.jiankeP5 .laha li .ico{ padding: 35px 0 15px; }
.jiankeP5 .laha li .l7{ font-size: 18px; color: #333; }
.jiankeP5 .laha li:hover .ico img{ transform:  rotateY(360deg); }

.jiankeP5 .laha li .layer{ position:absolute; left:50%; margin-left:-50px; top:-35px; opacity:0; visibility:hidden; width:100px; height:55px;}
.jiankeP5 .laha li .wenzi{ background:#f7f7f7; height:40px; line-height:40px; color:#000; font-size:14px; box-sizing:border-box; text-align:center;}
.jiankeP5 .laha li .bg{ height:10px; width:100%; background: url(../images/nimg20_6.png) center top no-repeat;}
.jiankeP5 .laha .liNow .layer{ top:-25px; opacity:1; visibility:visible;}

.jiankeP5 .list{ padding-top: 70px; }
.jiankeP5 .list ul{ margin-right: -45px; }
.jiankeP5 .list li{ float: left; width: 33.33%; }
.jiankeP5 .list li .box{ margin-right: 45px; }
.jiankeP5 .list li .imgDiv{ overflow: hidden; }
.jiankeP5 .list li .imgDiv img{ width: 100%; }
.jiankeP5 .list li .name{ padding-top: 25px; height: 36px; line-height: 36px; color: #000; font-size: 24px; }
.jiankeP5 .list li .msg{ padding-top: 12px; font-size: 16px; line-height: 24px; color: #333; }
.jiankeP5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}



.jiankeP6{ padding-top: 120px; height: 8.3rem; background: url(../images/jiankeBg3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.jiankeP6 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 40px; }
.jiankeP6 .bigBox{ background: #fff; position: relative; height: 5.08rem; }
.jiankeP6 .conDiv{ width: 50%; box-sizing: border-box; padding: 1.0rem 1.55rem 0 1.0rem; }
.jiankeP6 .txt{ font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; color: #000;  }
.jiankeP6 .content{ font-size: 16px; line-height: 28px; padding-top: 25px; }

.jiankeP6 .videobox{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; background: #000; overflow: hidden;}
.jiankeP6 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:1;object-fit:fill;}
.jiankeP6 .videobox.cur{ background:#000;}
.jiankeP6 .videobox.cur .img, .jiankeP6 .videobox.cur .imgDiv,
.jiankeP6 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.jiankeP6 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.jiankeP6 .videobox .imgDiv img{ width: 100%; }
.jiankeP6 .videobox .layer{ cursor:pointer; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -50px; z-index: 2; text-align: center; }
.jiankeP6 .videobox:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.jiankeP7{ padding: 120px 0 75px; overflow: hidden; }
.jiankeP7 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 40px;}
.jiankeP7 .list ul{ margin-right: -33px; }
.jiankeP7 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.jiankeP7 .list li .box{ margin-right: 33px; }
.jiankeP7 .list li .pjDiv{ position: relative; overflow: hidden; }
.jiankeP7 .list li .imgDiv{ overflow: hidden; height:3.2rem;}
.jiankeP7 .list li .imgDiv img{ width: 100%; }
.jiankeP7 .list li .hideBox{ position: absolute; left: 0; bottom: -88px; width: 100%; height: 88px; box-sizing: border-box; padding: 20px 30px; background: rgba(0,0,0,0.5); z-index: 1; }
.jiankeP7 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #000; }
.jiankeP7 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; color: #fff; overflow: hidden; }
.jiankeP7 .list li .box:hover .imgDiv img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.jiankeP7 .list li .box:hover .name{ color: #176db9; }
.jiankeP7 .list li .box:hover .hideBox{ bottom: 0; }


.jiankeP7 .btnDiv{ padding-top: 25px; width: 192px; margin: 0 auto; }
.jiankeP7 .btnDiv a{ display: block; position: relative; width: 192px; font-size: 14px; text-indent: 80px; box-sizing: border-box; height: 54px; line-height: 50px; border: #e5e5e5 solid 2px; border-radius: 32px; }
.jiankeP7 .btnDiv i{ display: block; position: absolute; left: 55px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(../images/nimg16_2.png) no-repeat; background-size: contain; animation: iconRotate 1s linear infinite;}
.jiankeP7 .btnDiv a:hover{ background: #176db9; border: #176db9 solid 2px; color: #fff; }

.yunzhuP1{ padding-top: 120px; height: 748px; box-sizing: border-box; background: url(../images/jiankeBg.jpg) center bottom no-repeat; background-size: cover; }
.yunzhuP1 .leftImg{ width: 7.68rem; }
.yunzhuP1 .leftImg img{ width: 100%; }
.yunzhuP1 .rightCon{ width: 6.68rem; }
.yunzhuP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.4rem;}
.yunzhuP1 .content{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; height: 3.9rem; overflow: auto; padding-right: 45px; }
.yunzhuP1 .content::-webkit-scrollbar { width: 2px;}
.yunzhuP1 .content::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2);}
.yunzhuP1 .content::-webkit-scrollbar-thumb { background-color: #a4c5f2;}

.yunzhuP2 .list li{ float: left; width: 50%; position: relative; cursor: pointer;}
.yunzhuP2 .list li:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 0; }
.yunzhuP2 .list li .imgDiv img{ width: 100%; }
.yunzhuP2 .list li .layer{ position: absolute; color: #fff; left: 0; width: 100%; top: 28.5%; text-align: center; z-index: 1; }
.yunzhuP2 .list li .txt{ font-size: 30px; line-height: 30px; padding: 0.4rem 0 0.15rem; }
.yunzhuP2 .list li .wen{ font-size: 30px; line-height: 36px; font-weight: bold; }
.yunzhuP2 .list li:hover:after{ background: rgba(23,109,185,0.8);}

.yunzhuP3{ padding: 120px 0 90px; }
.yunzhuP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 40px; }
.yunzhuP3 .list ul{ margin-right: -20px; }
.yunzhuP3 .list li{ float: left; width: 50%; padding-bottom: 20px; }
.yunzhuP3 .list li .box{ position: relative; height: 2.9rem; margin-right: 20px; padding: 0 0.5rem 0 3.0rem;}
.yunzhuP3 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width:100%; height: 100%; box-sizing: border-box; }
.yunzhuP3 .list li .box:after{ content: ''; position: absolute; right: 0; bottom: 0; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; width:100%; height: 100%; box-sizing: border-box; }
.yunzhuP3 .list li .ico{ position: absolute; left: 0; top: 0; width: 2.5rem; height: 100%; background: #344088; z-index: 1;  text-align: center; }
.yunzhuP3 .list li .ico img{ position: absolute; left: 50%; margin-left: -63px; top: 50%; margin-top: -59px;}
.yunzhuP3 .list li .name{ padding-top: 0.7rem; font-size: 36px; line-height: 36px; color: #000; font-weight: bold; }
.yunzhuP3 .list li .content{ font-size: 16px; line-height: 28px; padding-top: 0.35rem; }
.yunzhuP3 .list li:nth-child(2) .ico{ background: #4d978c; }
.yunzhuP3 .list li:nth-child(3) .ico{ background: #194585; }
.yunzhuP3 .list li:nth-child(4) .ico{ background: #408834; }
.yunzhuP3 .list li .box:hover{ background: #176db9; }
.yunzhuP3 .list li .box:hover:before{ border-top:1px solid #176db9; border-left:1px solid #176db9;}
.yunzhuP3 .list li .box:hover:after{ border-bottom:1px solid #176db9; border-right:1px solid #176db9;}
.yunzhuP3 .list li .box:hover .name, .yunzhuP3 .list li .box:hover .content{ color: #fff; }

.yunzhuP4{ padding-top: 120px; height: 520px; box-sizing: border-box; background: url(../images/yunzhuBg2.jpg) center no-repeat; background-size: cover; }
.yunzhuP4 .title{ color: #fff; text-align: center; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; }
.yunzhuP4 .list{ padding-top: 60px; }
.yunzhuP4 .list li{ float: left; width: 25%; cursor: pointer; }
.yunzhuP4 .list li .ico{ margin: 0 auto; text-align: center; line-height: 120px; width: 120px; height: 120px; border: rgba(255,255,255,0.2) solid 2px; box-sizing: border-box; border-radius: 50%; }
.yunzhuP4 .list li .name{ padding-top: 30px; color: #fff; text-align: center; font-size: 24px; line-height: 24px; font-weight: bold; }
.yunzhuP4 .list li:hover .ico{ border: #176db9 solid 2px; background: #176db9; }

.yunzhuP5{ background: #f9f9f9; padding-top: 120px; position: relative; }
.yunzhuP5 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; text-align: center; font-weight: bold; padding-bottom: 40px;}
.yunzhuP5 .leftCon{ width: 50%; height: 6.98rem; box-sizing: border-box; padding: 1.0rem 1.1rem 0 0.85rem; background: #fff;}
.yunzhuP5 .name{ font-size: 36px; line-height: 36px; color: #000; padding-bottom: 20px; font-weight: bold; }
.yunzhuP5 .content{ font-size: 14px; line-height: 24px; }
.yunzhuP5 .list{ padding-top: 25px; }
.yunzhuP5 .list li{ padding-left: 40px; position: relative; line-height: 36px; font-size: 18px; color: #000; }
.yunzhuP5 .list li img{ position: absolute; left: 0; top: 50%; margin-top: -16px; }
.yunzhuP5 .rightImg{ position: absolute; right: 0; bottom: 0; width: 50%; height: 6.98rem; background: center no-repeat; background-size: cover; }

.resourceP1{ padding-top: 120px; position: relative; z-index: 2; }
.resourceP1 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 25px; }
.resourceP1 .msg{ font-size: 18px; line-height: 30px; text-align: center; margin: 0 auto; width: 665px; }
.resourceP1 .list{ padding-top: 50px; }
.resourceP1 .list li{ float: left; width: 50%; position: relative; cursor: pointer; overflow: hidden; }
.resourceP1 .list li:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 0; }
.resourceP1 .list li .imgDiv img{ width: 100%; }
.resourceP1 .list li .layer{ position: absolute; color: #fff; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center; z-index: 1; }
.resourceP1 .list li .txt{ font-size: 30px; line-height: 30px; font-weight: bold; padding-top: 60px; }
.resourceP1 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.resourceP1 .list li:hover .layer{ top: 45%; }

.resourceP2{ position: relative; margin-top: -120px; z-index: 1; padding-top: 240px; height: 815px; box-sizing: border-box; background: center no-repeat; background-size: cover; }
.resourceP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 40px; }
.resourceP2 .list ul{ margin-right: -33px; }
.resourceP2 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.resourceP2 .list li .box{ margin-right: 33px; }
.resourceP2 .list li .pjDiv{ position: relative; overflow: hidden; }
.resourceP2 .list li .hideBox{ position: absolute; left: 0; bottom: -88px; width: 100%; height: 88px; box-sizing: border-box; padding: 20px 30px; background: rgba(0,0,0,0.5); z-index: 1; }
.resourceP2 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; color: #fff; overflow: hidden; }
.resourceP2 .list li .imgDiv{ overflow: hidden; height:3.2rem; }
.resourceP2 .list li .imgDiv img{ width: 100%; }
.resourceP2 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #fff; }
.resourceP2 .list li .box:hover .imgDiv img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.resourceP2 .list li .box:hover .hideBox{ bottom: 0; }

.propertyBox{ padding-top: 120px; background: #f2f2f3 url(../images/propertyBg.jpg) center top no-repeat; background-size: 100%; }

.propertyP1 .leftImg{ width: 7.68rem; }
.propertyP1 .leftImg img{ width: 100%; }
.propertyP1 .rightCon{ width: 6.68rem; }
.propertyP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.4rem;}
.propertyP1 .content{ font-size: 16px; line-height: 28px; color: #fff; height: 420px; overflow: auto; padding-right: 45px; }
.propertyP1 .content::-webkit-scrollbar { width: 2px;}
.propertyP1 .content::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2);}
.propertyP1 .content::-webkit-scrollbar-thumb { background-color: #176db9;}

.propertyP2{ padding: 120px 0; }
.propertyP2 .list{ padding-bottom: 95px; }
.propertyP2 .list li{ float: left; width: 25%; color: #fff; font-size: 16px; }
.propertyP2 .list li .num{ height: 85px; }
.propertyP2 .list li .numUp{ font-family: bold; font-size: 72px; line-height: 72px; padding-right: 10px;}
.propertyP2 .bigImg img{ width: 100%; }

.propertyP3 .title{ text-align: center; font-weight: bold; color: #1c262f; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 40px; }
.propertyP3 .list ul{ margin-right: -12px; }
.propertyP3 .list li{ float: left; width: 16.66%; padding-bottom: 12px; }
.propertyP3 .list li .box{ margin-right: 12px; background: #fff; padding-top: 25px; height: 142px; text-align: center; box-sizing: border-box;}
.propertyP3 .list li .ico{ margin: 0 auto; width: 44px; height: 44px; position: relative; overflow: hidden;}
.propertyP3 .list li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.propertyP3 .list li .name{ font-size: 18px; color: #333; line-height: 24px; padding: 15px 12px 0; }
.propertyP3 .list li .box:hover{ background: #176db9; }
.propertyP3 .list li .box:hover .ico img{ opacity: 0; }
.propertyP3 .list li .box:hover .ico .img1{ opacity: 1; }
.propertyP3 .list li .box:hover .name{ color: #fff; }

.propertyP4{ padding: 100px 0 80px; }
.propertyP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #1c262f; font-weight: bold; padding-bottom: 40px; }
.propertyP4 .list ul{ margin-right: -33px; }
.propertyP4 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.propertyP4 .list li .box{ margin-right: 33px; }
.propertyP4 .list li .pjDiv{ position: relative; overflow: hidden; }
.propertyP4 .list li .hideBox{ position: absolute; left: 0; bottom: -88px; width: 100%; height: 88px; box-sizing: border-box; padding: 20px 30px; background: rgba(0,0,0,0.5); z-index: 1; }
.propertyP4 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; color: #fff; overflow: hidden; }
.propertyP4 .list li .imgDiv{ overflow: hidden; height:3.2rem; }
.propertyP4 .list li .imgDiv img{ width: 100%; }
.propertyP4 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #333; }
.propertyP4 .list li .box:hover .imgDiv img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.propertyP4 .list li .box:hover .name{ color: #176db9; }
.propertyP4 .list li .box:hover .hideBox{ bottom: 0; }

.estateBox{ padding-top: 120px; background: #eff3f5 url(../images/estateBg.jpg) center top no-repeat; background-size: 100%; }
.estateP1 .leftImg{ width: 7.68rem; }
.estateP1 .leftImg img{ width: 100%; }
.estateP1 .rightCon{ width: 6.68rem; }
.estateP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.4rem;}
.estateP1 .content{ font-size: 18px; line-height: 32px; overflow: auto; height: 384px; padding-right: 35px;}
.estateP1 .content::-webkit-scrollbar { width: 2px;}
.estateP1 .content::-webkit-scrollbar-track { background-color: #d5d5d5;}
.estateP1 .content::-webkit-scrollbar-thumb { background-color: #176db9;}


.estateP2{ padding-top: 120px;}
.estateP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 40px; text-align: center; }
.scopePic{ position: relative; }
.scopePic li{ padding: 6px 0; }
.scopePic li .box{ background: #fff; padding-top: 25px; height: 142px; text-align: center; box-sizing: border-box;}
.scopePic li .ico{ margin: 0 auto; width: 44px; height: 44px; position: relative; overflow: hidden;}
.scopePic li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.scopePic li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #333; }
.scopePic .arrowDiv a{ z-index: 2; display: block; position: absolute; top: 50%; margin-top: -23px; border-radius: 50%; width: 46px; height: 46px; }
.scopePic .prev{ left: -1.2rem; background: #fff url(../images/nimg9_left.png) center no-repeat;}
.scopePic .next{ right: -1.2rem; background: #fff url(../images/nimg9_right.png) center no-repeat;}
.scopePic .prev:hover{ background: #176db9 url(../images/nimg9_lefton.png) center no-repeat;}
.scopePic .next:hover{ background: #176db9 url(../images/nimg9_righton.png) center no-repeat;}
.scopePic li .box:hover{ background: #176db9; }
.scopePic li .box:hover .ico img{ opacity: 0; }
.scopePic li .box:hover .ico .img1{ opacity: 1; }
.scopePic li .box:hover .name{ color: #fff; }






.estateP3{ padding-top: 110px; }
.estateP3-2{ padding-bottom: 90px; }
.estateP3 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; padding-bottom: 40px; color: #000;}
.estateP3 .list ul{ margin-right: -24px; }
.estateP3 .list li{ float: left; width: 50%; padding-bottom: 24px; }
.estateP3 .list .li01{ width: 33.33%; }
.estateP3 .list li .box{ margin-right: 24px; position: relative; cursor: pointer;}
.estateP3 .list li .imgDiv{ overflow: hidden; }
.estateP3 .list li .imgDiv img{ width: 100%; }
.estateP3 .list li .name{ position: absolute; left: 60px; top: 60px; z-index: 1; color: #fff; font-size: 30px; line-height: 30px; }
.estateP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.estateP3 .list li .box:hover .name{ left: 50px; }

.materialBox{ padding-top: 120px; background: #0a2956 url(../images/materialBg.jpg) center top no-repeat; background-size: 100%; }

.materialP1 .leftImg{ width: 7.68rem; }
.materialP1 .leftImg img{ width: 100%; }
.materialP1 .rightCon{ width: 6.68rem; }
.materialP1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.4rem;}
.materialP1 .content{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; height: 3rem; overflow: auto; padding-right: 45px; }
.materialP1 .content::-webkit-scrollbar { width: 2px;}
.materialP1 .content::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2);}
.materialP1 .content::-webkit-scrollbar-thumb { background-color: #176db9;}
.materialP1 .numList{ padding-top: 50px; }
.materialP1 .numList li{ float: left; width: 25%; color: #fff; font-size: 16px; line-height: 24px; }
.materialP1 .numList li .num{ display: inline-block; height: 72px; position: relative; padding-right: 10px;}
.materialP1 .numList li .numUp{ font-family: bold; font-size: 60px; line-height: 60px; padding-right: 10px;}
.materialP1 .numList li span{ font-family: bold; font-size: 60px; line-height: 60px;}
.materialP1 .numList li .num img{ position: absolute; right: 0; top: 5px; }
.materialP1 .numList li:last-child .num img{ right: 32px; }

.materialP2{ padding-top: 120px; }
.materialP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; text-align: center; font-weight: bold; padding-bottom: 20px;}
.materialP2 .wen{ text-align: center; font-size: 24px; line-height: 24px; padding-bottom: 50px; color: #fff; }
.materialP2 .list li{ position: relative; height: 5.53rem; padding: 0 7.68rem 0 0.9rem; background: #213e6b; }
.materialP2 .list li .imgDiv{ position: absolute; right: 0; top: 0; }
.materialP2 .list li .imgDiv img{ width: 7.68rem; }
.materialP2 .list li .conDiv{ padding-top: 0.9rem; width: 5.36rem; }
.materialP2 .list li .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.45rem; }
.materialP2 .list li .msg{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; }
.materialP2 .list li .lie{ padding-top: 0.35rem; }
.materialP2 .list li .lie dd{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; position: relative; padding-left: 20px; }
.materialP2 .list li .lie dd:before{ content: ''; position: absolute; left: 0; top:10px; width: 6px; height: 6px; background: #1c95e2; border-radius: 50%; }

.materialP2 .list li:nth-child(2n){ padding: 0 0.7rem 0 8.6rem; }
.materialP2 .list li:nth-child(2n) .imgDiv{ right: auto; left: 0; }
.materialP2 .list li:nth-child(2n) .conDiv{ width: auto; }
.materialP2 .list li .content{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; height: 2.7rem; overflow: auto; padding-right: 65px; }
.materialP2 .list li .content em{ color: #43a7ff; }
.materialP2 .list li .content::-webkit-scrollbar { width: 2px;}
.materialP2 .list li .content::-webkit-scrollbar-track { background-color: #8896ad;}
.materialP2 .list li .content::-webkit-scrollbar-thumb { background-color: #176db9;}

.materialP3{ padding-top: 120px; }
.materialP3 .title{ text-align: center; color: #fff; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; padding-bottom: 40px; }

.halaPic{ position: relative; }
.halaPic .imgDiv{ height: 2.0rem; background: #fff; }
.halaPic .imgDiv img{ max-width: 1.6rem; max-height: 1.6rem;}
.halaPic .name{ padding-top: 20px; }
.halaPic .name a{ display: block; text-align: center; height: 30px; line-height: 30px; color: #fff; overflow: hidden; font-size: 18px; }
.halaPic .arrowDiv a{ z-index: 2; display: block; position: absolute; top: 40%; margin-top: -12px; width: 13px; height: 24px; }
.halaPic .prev{ left: -0.6rem; background: url(../images/nimg13_left.png) center no-repeat; opacity: 0.5;}
.halaPic .next{ right: -0.6rem; background: url(../images/nimg13_right.png) center no-repeat; opacity: 0.5;}
.halaPic .prev:hover{ opacity: 1; }
.halaPic .next:hover{ opacity: 1; }

.materialP4{ padding-top: 110px; }
.materialP4 .title{ text-align: center; color: #fff; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 20px; }
.materialP4 .wen{ font-size: 18px; line-height: 30px; text-align: center; width: 710px; margin: 0 auto; color: #fff; padding-bottom: 55px; }
.materialP4 .imgDiv img{ width: 100%; }

.materialP4 .mapDiv{ position: relative; width: 15.36; margin: 0 auto; }
.materialP4 .mapDiv .bg img{ width: 15.36rem;}
.materialP4 .mapDiv li{ position: absolute; font-size: 16px;  color: #fff;}
.materialP4 .mapDiv ems{ display: block; width: 16px; height: 25px; position: absolute; }
.materialP4 .mapDiv ems:before{ content: ''; position: relative; display: block; z-index: 1; width: 16px; height: 22px; background: url(../images/nimg16_5.png) no-repeat; -webkit-animation:narw 3s ease-out both;-moz-animation:narw 3s ease-out both;-o-animation:narw 3s ease-out both;animation:narw 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite; }
.materialP4 .mapDiv ems:after{ content: ''; position: absolute; z-index: 0; left: 50%; margin-left: -5px; bottom: 0; width: 10px; height: 5px; background: url(../images/nimg10Bg.png) no-repeat; }

.materialP4 .mapDiv .canada{ left: 1.68rem; top: 1.9rem; padding-top: 32px; }
.materialP4 .mapDiv .canada ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .america{ left: 2.68rem; top: 2.98rem; padding-top: 32px; }
.materialP4 .mapDiv .america ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .mexico{ left: 2.78rem; top: 3.88rem; padding-top: 32px; }
.materialP4 .mapDiv .mexico ems{ left: 5px; top: 0;}
.materialP4 .mapDiv .brazil{ left: 5.0rem; top: 5.24rem; padding-top: 32px; }
.materialP4 .mapDiv .brazil ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .chile{ left: 4.14rem; top: 6.14rem; padding-top: 32px; }
.materialP4 .mapDiv .chile ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .argentina{ left: 3.96rem; top: 6.98rem; padding-top: 32px; }
.materialP4 .mapDiv .argentina ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .algeria{ left: 6.4rem; top: 3.64rem; padding-top: 32px; }
.materialP4 .mapDiv .algeria ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .germany{ left: 7.44rem; top: 2.28rem; padding-top: 32px; }
.materialP4 .mapDiv .germany ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .albania{ left: 7.5rem; top: 2.65rem; padding-top: 32px; }
.materialP4 .mapDiv .albania ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .nigeria{ left: 7.42rem; top: 4.52rem; padding-top: 32px; }
.materialP4 .mapDiv .nigeria ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .africa{ left: 8rem; top: 5.96rem; padding-top: 32px; }
.materialP4 .mapDiv .africa ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .turkey{ left: 8.38rem; top: 2.9rem; padding-top: 32px; }
.materialP4 .mapDiv .turkey ems{ left: 50%; margin-left: -8px; top: 0;}

.materialP4 .mapDiv .Iraq{ left: 8.82rem; top: 3.4rem; padding-top: 32px; }
.materialP4 .mapDiv .Iraq ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .Iran{ left: 9.45rem; top: 3.36rem; padding-top: 32px; }
.materialP4 .mapDiv .Iran ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .ashakstan{ left: 9.52rem; top: 1.38rem; padding-top: 32px; }
.materialP4 .mapDiv .ashakstan ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .arab{ left: 9.85rem; top: 3.52rem; padding-top: 32px; }
.materialP4 .mapDiv .arab ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .India{ left: 10.38rem; top: 3.98rem; padding-top: 32px; }
.materialP4 .mapDiv .India ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .thailand{ left: 11.11rem; top: 4.12rem; padding-right: 32px; }
.materialP4 .mapDiv .thailand ems{ right: 8px; top: 0;}
.materialP4 .mapDiv .cambodia{ left: 11.62rem; top: 4.18rem; padding-top: 32px; }
.materialP4 .mapDiv .cambodia ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .malaysia{ left: 11.36rem; top: 4.8rem; padding-top: 32px; }
.materialP4 .mapDiv .malaysia ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .korea{ left: 12.54rem; top: 3.16rem; padding-top: 32px; }
.materialP4 .mapDiv .korea ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .japan{ left: 13.02rem; top: 3.06rem; padding-top: 32px; }
.materialP4 .mapDiv .japan ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .angola{ left: 7.78rem; top: 5.1rem; padding-top: 32px; }
.materialP4 .mapDiv .angola ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .russia{ left: 11.4rem; top: 1.2rem; padding-top: 32px; }
.materialP4 .mapDiv .russia ems{ left: 50%; margin-left: -8px; top: 0;}
.materialP4 .mapDiv .australia{ left: 12.84rem; top: 5.74rem; padding-top: 32px; }
.materialP4 .mapDiv .australia ems{ left: 50%; margin-left: -8px; top: 0;}

.materialP4 .mapDiv .fangda{ font-size: 24px; left: 11.46rem; top: 3.1rem; padding-top: 53px; }
.materialP4 .mapDiv .fangda ems{ width: 36px; height: 52px; left: 50%; margin-left: -18px; top: 0;}
.materialP4 .mapDiv .fangda ems:before{ width: 36px; height: 49px; background: url(../images/nimg36_1.png) no-repeat;}
.materialP4 .fangda .pulse{ top:16px;left:-15px;}


.materialP4 .pulse{position:absolute;top:-16px;left:-28px;height:66px;width:66px;border:2px solid #53b8ff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;-moz-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.materialP4 .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.materialP4 .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.materialP4 .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.materialP4 .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.materialP4 .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.materialP4 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}


.materialP5{ padding: 110px 0 120px; }
.materialP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 40px;}
.materialP5 .list ul{ margin-right: -33px; }
.materialP5 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.materialP5 .list li .box{ margin-right: 33px; }
.materialP5 .list li .pjDiv{ position: relative; overflow: hidden; }
.materialP5 .list li .imgDiv{ overflow: hidden; height: 3.2rem; }
.materialP5 .list li .imgDiv img{ width: 100%; }
.materialP5 .list li .hideBox{ position: absolute; left: 0; bottom: -88px; width: 100%; height: 88px; box-sizing: border-box; padding: 20px 30px; background: rgba(0,0,0,0.5); z-index: 1; }
.materialP5 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #fff; }
.materialP5 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; color: #fff; overflow: hidden; }
.materialP5 .list li .box:hover .imgDiv img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.materialP5 .list li .box:hover .name{ color: #176db9; }
.materialP5 .list li .box:hover .hideBox{ bottom: 0; }
.materialP5 .btnDiv{ padding-top: 25px; width: 192px; margin: 0 auto; }
.materialP5 .btnDiv a{ display: block; position: relative; width: 192px; font-size: 14px; text-indent: 80px; color: #9bafcb; box-sizing: border-box; height: 54px; line-height: 50px; border: #6f819a solid 2px; border-radius: 32px; }
.materialP5 .btnDiv i{ display: block; position: absolute; left: 55px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(../images/nimg16_2.png) no-repeat; background-size: contain; animation: iconRotate 1s linear infinite;}
.materialP5 .btnDiv a:hover{ background: #176db9; border: #176db9 solid 2px; color: #fff; }

#particles-js{
  width: 100%;
  height: 100%;
/*  background-color: #000000;*/
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.wisdomBox{ position: relative; padding-top: 100px; background: #fff url(../images/wisdomBg2.jpg) center top no-repeat; background-size: cover; }
.wisdomP1 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; text-align: center; padding-bottom: 25px; }
.wisdomP1 .content{ font-size: 16px; color: #fff; text-align: center; width: 1220px; margin: 0 auto; line-height: 28px; }
.wisdomP1 .numList{ padding: 45px 150px 55px; }
.wisdomP1 .numList li{ float: left; width: 25%; color: #fff; font-size: 16px; line-height: 24px; }
.wisdomP1 .numList li .num{ display: inline-block; height: 72px; position: relative; }
.wisdomP1 .numList li em{ font-family: bold; font-size: 60px; line-height: 60px; padding-right: 10px;}
.wisdomP1 .numList li span{ font-family: bold; font-size: 60px; line-height: 60px;}
.wisdomP1 .numList li .num img{ position: absolute; right: 0; top: 8px; }
.wisdomP1 .list ul{ margin-right: -15px; }
.wisdomP1 .list li{ float: left; width: 33.33%; }
.wisdomP1 .list li .box{ margin-right: 15px; overflow: hidden; position: relative; }
.wisdomP1 .list li .box:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.wisdomP1 .list li .imgDiv img{ width: 100%; }
.wisdomP1 .list li .layer{ position: absolute; text-align: center; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 1; }
.wisdomP1 .list li .ico{ padding-bottom: 45px; }
.wisdomP1 .list li .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; }
.wisdomP1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.wisdomP1 .list li .box:hover .layer{ top: 45%;}
.wisdomP1 .moreBtn{ width:150px; margin:0 auto; padding-bottom:75px;}
.wisdomP1 .moreBtn a{ display:block; width:150px; height:48px; line-height:48px; box-sizing:border-box; border:#fff solid 1px; text-align:center; color:#fff; font-size:18px;}
.wisdomP1 .moreBtn a:hover{ background:#013e90; border:#013e90 solid 1px;}

.wisdomP2{ padding-top: 120px; }
.wisdomP2 .title{ text-align: center; color: #fff; font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; padding-bottom: 65px; }
.wisdomP2 .list { padding: 0 40px; overflow: hidden; position: relative; }
.historyPic, .historyPic .wal{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; width: 100%; top: 59px; height: 1px; background: rgba(255,255,255,0.2); }
.historyPic .arrowDiv a { position: absolute; top: 40px; display: block; width: 40px; height: 40px; border-radius: 50%; z-index: 2; }
.historyPic .arrowDiv a.prev { left: -40px; background: #013e90 url("../images/nimg6_left.png") center no-repeat; }
.historyPic .arrowDiv a.prev:hover { background: #3f9dff url("../images/nimg6_left.png") center no-repeat; }
.historyPic .arrowDiv a.next { right: -40px; background: #013e90 url("../images/nimg6_right.png") center no-repeat; }
.historyPic .arrowDiv a.next:hover { background: #3f9dff url("../images/nimg6_right.png") center no-repeat; }

.historyPic .swiper-slide .year{ font-size: 30px; color: #fff; height: 82px; position: relative; line-height: 30px;}
.historyPic .swiper-slide .year:after{ content: ''; position: absolute; left: 25px; bottom: 0; width: 15px; height: 30px; background: url(../images/nimg15_2on.png) center no-repeat; }
.historyPic .swiper-slide .content{ font-size: 16px; line-height: 30px; color: #fff; padding-top: 42px; }
.historyPic .swiper-slide:hover .year{ color: #3f9dff; }
.historyPic .swiper-slide:hover .year:after{ background: url(../images/nimg15_2.png) center no-repeat; }

.wisdomP3{ padding-top: 250px; position:relative; }
.wisdomP3 .conDiv{ width: 5.6rem; }
.wisdomP3 .name{ color: #fff; font-size: 0.48rem; font-weight: bold; line-height: 0.64rem; }
.wisdomP3 .content{ padding-top: 25px; color: #fff; font-size: 18px; line-height: 32px; }

.wisdomP4{ padding-top: 300px; }
.wisdomP4 .title{ text-align: center; color: #fff; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 60px; }

.wisdomP4 .list li{ position: relative; height: 5.53rem; padding: 0 7.68rem 0 0.9rem; }
.wisdomP4 .list li .imgDiv{ position: absolute; right: 0; top: 0; }
.wisdomP4 .list li .imgDiv img{ width: 7.68rem; }
.wisdomP4 .list li .conDiv{ padding-top: 0.9rem; width: 5.36rem; }
.wisdomP4 .list li .name{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 0.45rem; }
.wisdomP4 .list li .msg{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; }
.wisdomP4 .list li .lie dd{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; position: relative; padding-left: 24px; }
.wisdomP4 .list li .lie dd:before{ content: ''; position: absolute; left: 0; top: 6px; width: 12px; height: 17px; background: url(../images/nimg12_1.png) no-repeat; }
.wisdomP4 .list li .wen dd{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; position: relative; padding-left: 36px; }
.wisdomP4 .list li .wen dd img{ position: absolute; left: 0; top: 50%; margin-top: -10px;}

.wisdomP4 .list li:nth-child(2n){ padding: 0 0.7rem 0 8.6rem; }
.wisdomP4 .list li:nth-child(2n) .imgDiv{ right: auto; left: 0; }
.wisdomP4 .list li:nth-child(2n) .conDiv{ width: auto; }

.wisdomP5{ padding: 120px 0; }
.wisdomP5 .title{ text-align: center; color: #fff; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 40px; }
.wisdomP5 .list ul{ margin-right: -33px; }
.wisdomP5 .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.wisdomP5 .list li .box{ margin-right: 33px; }
.wisdomP5 .list li .pjDiv{ position: relative; overflow: hidden; }
.wisdomP5 .list li .imgDiv{ overflow: hidden; height:3.2rem; }
.wisdomP5 .list li .imgDiv img{ width: 100%; }
.wisdomP5 .list li .hideBox{ position: absolute; left: 0; bottom: -88px; width: 100%; height: 88px; box-sizing: border-box; padding: 20px 30px; background: rgba(0,0,0,0.5); z-index: 1; }
.wisdomP5 .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #000; }
.wisdomP5 .list li .msg{ font-size: 14px; line-height: 24px; height: 48px; color: #fff; overflow: hidden; }
.wisdomP5 .list li .box:hover .imgDiv img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.wisdomP5 .list li .box:hover .name{ color: #176db9; }
.wisdomP5 .list li .box:hover .hideBox{ bottom: 0; }
.wisdomP5 .btnDiv{ padding-top: 25px; width: 192px; margin: 0 auto; }
.wisdomP5 .btnDiv a{ display: block; position: relative; width: 192px; font-size: 14px; text-indent: 80px; color: #666; box-sizing: border-box; height: 54px; line-height: 50px; border: #e5e5e5 solid 2px; border-radius: 32px; }
.wisdomP5 .btnDiv i{ display: block; position: absolute; left: 55px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(../images/nimg16_2.png) no-repeat; background-size: contain; animation: iconRotate 1s linear infinite;}
.wisdomP5 .btnDiv a:hover{ background: #176db9; border: #176db9 solid 2px; color: #fff; }

.zxg{ position:absolute; right:5%; width:8.74rem; height:6.77rem; top:50px; background:url(../images/zxg.png) no-repeat; background-size:8.74rem; }
.zxg li{ position: absolute; font-size: 12px;  color: #fff;}
.zxg ems{ display: block; width: 16px; height: 22px; position: absolute; }
.zxg ems:before{ content: ''; position: relative; display: block; z-index: 1; width: 16px; height: 22px; background: url(../images/nimg16_4.png) no-repeat; -webkit-animation:narw 3s ease-out both;-moz-animation:narw 3s ease-out both;-o-animation:narw 3s ease-out both;animation:narw 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite; }
.zxg ems:after{ content: ''; position: absolute; z-index: 0; left: 50%; margin-left: -5px; bottom: 0; width: 10px; height: 5px; background: url(../images/nimg10Bg.png) no-repeat; }


.zxg .bj{ left: 5.48rem; top: 2.46rem; padding-left: 21px; padding-top: 4px;  }
.zxg .bj ems{ left: 0; top: 0;}
.zxg .sh{ left: 5.72rem; top: 3.04rem; padding-left: 21px; padding-top: 4px;  }
.zxg .sh ems{ left: 0; top: 0;}
.zxg .tj{ left: 5.72rem; top: 2.62rem; padding-left: 21px; padding-top: 4px; }
.zxg .tj ems{ left: 0; top: 0;}
.zxg .gz{ left: 5.38rem; top: 3.3rem; padding-left: 21px; padding-top: 4px; }
.zxg .gz ems{ left: 0; top: 0;}
.zxg .sz{ left: 5.5rem; top: 3.44rem; padding-left: 21px; padding-top: 4px; }
.zxg .sz ems{ left: 0; top: 0;}
.zxg .nj{ left: 5.14rem; top: 2.84rem; padding-top: 24px; }
.zxg .nj ems{ left: 0; top: 0;}
.zxg .sy{ left: 5.82rem; top: 2.3rem; padding-left: 21px; padding-top: 4px; }
.zxg .sy ems{ left: 0; top: 0;}
.zxg .wh{ left: 5.38rem; top: 3.1rem; padding-left: 21px; padding-top: 4px; }
.zxg .wh ems{ left: 0; top: 0;}
.zxg .xa{ left: 4.68rem; top: 2.9rem; padding-left: 21px; padding-top: 4px; }
.zxg .xa ems{ left: 0; top: 0;}
.zxg .fz{ left: 5.76rem; top: 3.2rem; padding-left: 21px; padding-top: 4px; }
.zxg .fz ems{ left: 0; top: 0;}
.zxg .nc{ left: 5.42rem; top: 2.8rem; padding-left: 21px; padding-top: 4px; }
.zxg .nc ems{ left: 0; top: 0;}
.zxg .xjp{ left: 5.0rem; top: 4.5rem; padding-left: 21px; padding-top: 4px; }
.zxg .xjp ems{ left: 0; top: 0;}
.zxg .mlxy{ left: 5.4rem; top: 4.3rem; padding-left: 21px; padding-top: 4px; }
.zxg .mlxy ems{ left: 0; top: 0;}
.zxg .yd{ left: 3.98rem; top: 3.6rem; padding-left: 21px; padding-top: 4px; }
.zxg .yd ems{ left: 0; top: 0;}
.zxg .tg{ left: 4.8rem; top: 3.7rem; padding-left: 21px; padding-top: 4px; }
.zxg .tg ems{ left: 0; top: 0;}


.zxg .pulse{position:absolute;top:-16px;left:-28px;height:66px;width:66px;border:2px solid #53b8ff;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;-moz-box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;box-shadow:0 0 4px #53b8ff,0 0 10px #53b8ff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}






/*2022.5.9*/
.searchBan{ position:relative; height: 340px;}
.searchBan .bg { width: 100%; height: 340px; background: center no-repeat; background-size: cover; }
.searchBan .bg img{ width: 100%; display: none; }
.searchBan .txtLayer{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%);}
.searchBan .txt{ font-size: 40px; line-height: 40px; }
.searchBan .wen{ padding-top: 10px; line-height: 18px; font-size: 18px; text-transform: uppercase;}

.searchBox{ padding: 60px 0 100px; }
.searchBox .title{ text-align: center; font-size: 40px; line-height: 48px; color: #1e1e1e; font-weight: 700; }
.searchBox .tab2{ padding: 40px 0; text-align: center;}
.searchBox .tab2 ul{ font-size: 0; }
.searchBox .tab2 li{ display: inline-block; margin: 0 20px; font-size: 18px; line-height: 30px; color: #333;}
.searchBox .tab2 li em{ position: relative; display: inline-block; padding-bottom: 5px;}
.searchBox .tab2 li em:after{ content: ''; position: absolute; left: 50%; width: 0; bottom: 0; height: 2px; background: #176db9; }
.searchBox .tab2 .liNow{ color: #176db9; }
.searchBox .tab2 .liNow em:after{ left: 0; width: 100%; }

.searchBox .list ul{ margin-right: -45px; }
.searchBox .list li{ float: left; width: 33.33%; padding-bottom: 60px; }
.searchBox .list li .box{ margin-right: 45px; }
.searchBox .list li .imgDiv{ overflow: hidden; height: 2.8rem; }
.searchBox .list li .imgDiv img{ width: 100%; }
.searchBox .list li .time{ padding: 25px 0 8px; font-size: 18px; color: #bcc4c9; font-family:Gilroy; }
.searchBox .list li .name{ font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow: hidden; padding-right: 65px; }
.searchBox .list li .more{ position: relative; font-weight: bold; display: inline-block; padding-right: 15px; margin-top: 25px; font-family:Gilroy; font-size: 14px; line-height: 14px; color: #176db9; }
.searchBox .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../images/nimg10_1.png) no-repeat; }
.searchBox .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.searchBox .list li .box:hover .name{ color: #176db9; }

.searchBox .list2 li{ height: 90px; padding-bottom: 20px; }
.searchBox .list2 li a{ display: block; height: 100%; position: relative; padding: 0 150px 0 200px; background: #f5f5f5;}
.searchBox .list2 li .time{ position: absolute; left: 35px; top: 50%; font-size: 18px; line-height: 18px; color: #ccc; margin-top: -10px; font-family: din; }
.searchBox .list2 li .name{ height: 90px; font-size: 18px; line-height: 30px; color: #333; display: table-cell; vertical-align: middle; text-transform: uppercase; }
.searchBox .list2 li .ico{ position: absolute; right: 0; top: 50%; width: 86px; height: 42px; margin-top: -21px; }
.searchBox .list2 li .ico .img1{ display: none; }
.searchBox .list2 li a:hover{background: #176db9;}
.searchBox .list2 li a:hover .time{ color: #5f9cd2; }
.searchBox .list2 li a:hover .name{ color: #fff; }
.searchBox .list2 li a:hover .ico img{ display: none; }
.searchBox .list2 li a:hover .ico .img1{ display: inline-block; }

.siteBox{ padding: 80px 0 65px;}
.netMap li{ margin-bottom:25px; padding-bottom:15px;}
.netMap li h2{ font-size:24px; height:50px; position:relative; padding-left: 20px;}
.netMap li h2:before{ content: ''; position: absolute; left: 0; top: 6px; width: 3px; height: 20px; background: #176db9; }
.netMap li h2 a{ color:#176db9;}
.netMap li div{ position:relative; }
.netMap li div a{ font-size:18px; padding-right: 40px;}


.shipinBox{ width: 7.68rem; height:5.08rem; position:relative; }
.shipinBox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:1;object-fit:fill;}

/*2022.5.25*/
.complain{ padding: 120px 0; }
.complain .title{ text-align:center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.45rem; }
.complain .rightDiv ul{ margin-right: -28px; }
.complain .rightDiv li{ float: left; width: 50%; }
.complain .rightDiv li .box{ position: relative; margin-right: 28px; border-radius: 16px; overflow: hidden; }
.complain .rightDiv li .imgDiv img{ width: 100%; }
.complain .rightDiv li .layer{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; text-align: center; }
.complain .rightDiv li .ico{ padding-bottom: 30px; }
.complain .rightDiv li .name{ font-size: 30px; line-height: 30px; color: #fff;}
.complain .rightDiv li .box:hover .layer{ transform: translateY(-55%);}
.complain .rightDiv li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.suggest{ padding: 120px 0; }
.suggest .leftDiv{ width: 5.92rem; }
.suggest .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.45rem; }
.suggest .content{ font-size: 18px; line-height: 32px; }
.suggest .list{ padding-top: 0.2rem; }
.suggest .list li{ font-size: 16px; line-height: 30px; }
.suggest .rightImg{ width: 7.68rem; border-radius: 16px; overflow: hidden; }
.suggest .rightImg img{ width: 100%; }
.suggest .btnDiv{ padding-top: 0.9rem; }
.suggest .btnDiv a{ position: relative; display: block; width: 192px; height: 48px; font-size: 16px; color: #176db9; border: #176db9 solid 1px; line-height: 48px; text-indent: 35px; }
.suggest .btnDiv a:before{ content: ''; position: absolute; right: 35px; top: 50%; width: 13px; height: 15px; margin-top: -8px; background: url(../images/nimg13_1.png) no-repeat; }
.suggest .btnDiv a:hover{ color: #fff; background: #176db9; }
.suggest .btnDiv a:hover:before{ background: url(../images/nimg13_1on.png) no-repeat;}

.design-box, .output-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;
}
.design-box.on, .output-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 */
}


.designLayer, .outputLayer { width: 100vw; height: 100vh; margin: 0 auto; background: #fff; position: relative; box-sizing: border-box;}
.designLayer .close, .outputLayer .close{position: absolute; display: block; right: 0.6rem; top: 0.6rem; width:32px; height: 32px; background: url(../images/close3.png) no-repeat;}
.designLayer .mxfDiv{ height: 100vh;}
.designLayer .name{ font-size: 40px; line-height: 40px; color: #000; font-weight: bold; padding-bottom: 0.3rem; }
.designLayer .msgList li{ font-size: 20px; padding-left: 20px; line-height: 36px; padding-bottom: 10px; position: relative; }
.designLayer .msgList li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 8px; height: 8px; border-radius: 50%; background: #176db9; }
.designLayer .imgList{ padding-top: 0.7rem; }
.designLayer .imgList ul{ margin-right: -20px; }
.designLayer .imgList li{ float: left; width: 50%; }
.designLayer .imgList li .box{ margin-right: 20px; }
.designLayer .imgList li img{ width: 100%; }

.outputLayer{ background: #fff url(../images/jiankeBg2.png) center no-repeat; background-size: 100%;}
.outputLayer .mxfDiv{ width: 100%; box-sizing: border-box; height: 100vh; padding: 100px 0; }
.outputLayer .bigBox{ height: 100%; overflow: auto; padding-right: 20px;}
.outputLayer .bigBox::-webkit-scrollbar { width: 2px;}
.outputLayer .bigBox::-webkit-scrollbar-track { background-color: #e5e5e5;}
.outputLayer .bigBox::-webkit-scrollbar-thumb { background-color: #176db9;} 
.outputLayer .title{ font-size: 40px; line-height: 40px; color: #000; font-weight: bold; padding-bottom: 0.3rem; }
.outputLayer .list{ overflow: hidden; }
.outputLayer .list ul{ margin-right: -27px; }
.outputLayer .list li{ float: left; width: 20%; }
.outputLayer .list li .box{ margin-right: 27px; height: 290px; padding: 0 0.4rem; border-radius: 8px; background: #fff; border: #ddd solid 1px; }
.outputLayer .list li .num{ padding: 0.6rem 0 0.25rem; font-family: bold; font-size: 0.48rem; line-height: 0.48rem; color: #176db9;}
.outputLayer .list li .content{ font-size: 16px; line-height: 24px; }
.outputLayer .list li .box:hover{ background: #176db9; }
.outputLayer .list li .box:hover .num, .outputLayer .list li .box:hover .content{ color: #fff; }

.outputLayer .botDiv{ margin-top: 0.7rem; position: relative; }
.outputLayer .name{ font-size: 40px; line-height: 40px; color: #000; font-weight: bold; padding-bottom: 0.15rem; }
.outputLayer .msg{ font-size: 24px; line-height: 24px; padding-bottom: 0.5rem; }
.outputLayer .arrowDiv { position: absolute; z-index: 10; right: 0; top: 30px; }
.outputLayer .arrowDiv a { float: left; display: block; width: 44px; height: 44px; border: #dee6e9 solid 1px; box-sizing: border-box; border-radius: 50%; }
.outputLayer .arrowDiv a.prev { background: url("../images/nimg9_left.png") center no-repeat; }
.outputLayer .arrowDiv a.prev:hover { background: #176db9 url("../images/nimg9_lefton.png") center no-repeat; border: #176db9 solid 1px; }
.outputLayer .arrowDiv a.next { background: url("../images/nimg9_right.png") center no-repeat; margin-left: 0.2rem; }
.outputLayer .arrowDiv a.next:hover { background: #176db9 url("../images/nimg9_righton.png") center no-repeat; border: #176db9 solid 1px; }

.outputLayer .imgList{ width: 100%; overflow: hidden; }
.outputLayer .imgList .imgDiv img{ width: 100%; }
.outputLayer .imgList .wen{ padding-top: 25px; height: 30px; line-height: 30px; text-align: center; color: #000; font-size: 18px; }



@media screen and ( max-width:750px ){
.Index .business .tabs { height: auto; position: relative; z-index: 1; margin-top: -140px; width:100%; max-width:400px;}

.Index .business .tabs .item { width:25%; height: 140px; overflow: hidden; float: left; text-align: center; padding: 25px 15px 0; transition: all .4s ease; position: relative;box-sizing: border-box; outline: none; }
.container{ width:100%; }
.Index .business .tabs .item .text h2 { font-size: 14px; color: #333; margin: 15px 0; font-family: "PingFang SC Semibold"; }
.container{ width:100%; }
.name a{ color:#ccc;}
    .indexPart2 .list li p {
		text-align:right;
		
		
    }
.indexPart2 .list li .hala {
        font-size: 0.46rem;
        line-height: 0.46rem;
		text-align:right;

    }
	.indexPart2 .list li .ico img {
        width: 0.52rem;
    }
	
	    .headDiv .logo img {
        width: 0.8rem;
    }
	
.headDiv .topRight{ display:none;}
	  }