.logo{width:290px; margin:5% auto 0;}
.logo img{width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.type{width:90%; margin:50px auto; }
.type ul{margin:0px; padding:0px; display:table;}
.type ul li{width:48%; float:left; margin-right:4%; margin-bottom:4%; position:relative; list-style:none;}
.type ul li:nth-child(2n+2){margin-right:0px;}
.type ul li:nth-child(3),.type ul li:nth-child(4){margin-bottom:0px;}
.type ul li img{width:100%; height:100%;}
.type ul li .content{position:absolute; top:0; left:0; width:90%; height:72%; padding:5%;}
.type ul li .hanxi{ background:rgba(76,178,55,0.8);}
.type ul li .hanxi:hover{ background:rgba(76,178,55,0.6);}
.type ul li .gaoya{ background:#585a5b;}
.type ul li .gaoya:hover{ background:rgba(88,90,91,0.8);}
.type ul li .content .name{color:#fff; font-size:30px; line-height:40px;}
.type ul li .content .enname{color:#fff; font-size:26px; margin-top:10px;}
.type ul li .content .line{background:#fff;height:1px; width:60px; margin-top:30px;}
.type ul li .content .btn{width:100%; margin-top:30px;}
.type ul li .content .btn1{ background:#fff; color:#585a5b; float:left; width:120px; height:38px; line-height:38px; text-align:center; font-size:14px;}
.type ul li .content .btn2{ background:#585a5b; color:#fff; float:left; width:124px; height:42px; line-height:42px; text-align:center; font-size:14px;}
.type ul li .content .btn3{ background:#c4261d; color:#fff; float:left; width:124px; height:42px; line-height:42px; text-align:center; font-size:14px;}
.type ul li .content .btn1:hover, .type ul li .content .btn2:hover, .type ul li .content .btn3:hover{opacity:0.8; font-size:18px; }

.ad_text{width:100%; text-align:center; font-size:36px; height:60px; line-height:60px; color:#000; }
.ad_texten{width:100%; text-align:center; font-size:16px; height:40px; line-height:40px; color:#ccc; text-transform: uppercase;}
.ad_texten a{color:#777;}
.ad_texten a:hover{color:rgba(76,178,55,1);}
.footer_tel{width:100%;  text-align:center; height:30px; line-height:30px; color:#999; margin-bottom: 30px;}

/*@media (max-width: 1680px) {.type ul li {height:380px;} }
@media (max-width: 1440px) {.type ul li {height:350px;} }
@media (max-width: 1200px) {.type ul li {height:320px;} }*/
@media (max-width: 768px) { 
.logo{width:90%; margin:5% auto 0; height: auto; text-align: center;}
.logo img{width:70%;}
.ad_text{font-size:20px;}
.ad_texten{line-height: 20px;}
  .type ul li .content .name{font-size:20px; line-height: 30px;}
  ..type ul li .content .enname { font-size: 16px;}
  .type ul li {height:220px; width:100%; margin: 0px; margin-bottom: 5%;} 
.type ul li .content .btn1{width:100px; height: 30px; line-height: 30px;}
.type ul li .content .btn2{width:100px; height: 30px; line-height: 30px;}
.type ul li .content .btn3{width:100px; height: 30px; line-height: 30px;}
.footer_tel{font-size:12px; line-height: 20px; height: auto;}
}

/*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: 1.0rem 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: 25%; cursor: pointer; }
.indexPart1 .runpic-words li .ico{ width: 100px; height: 100px; line-height: 100px; margin: 0 auto; border-radius: 50%; background: #e5efe3; }
.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: 7.08rem; }
.runpic-pic li{ width: 100%; height: 7.08rem; display: none; position: absolute; top: 0%; left: 0%; overflow: hidden;}
.runpic-pic li .bg{ width: 100%; height: 7.08rem; 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; top: 1.5rem; color: #fff;}
.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.24rem; line-height: 0.24rem; color: #000; }
.indexPart2 .list{ padding-top: 0.9rem; }
.indexPart2 .list li{ float: left; width: 50%; box-sizing: border-box;  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: -5px; top: 0; }
.indexPart2 .list li .hala{ font-family: bold; color: #4cb237; text-transform: uppercase; font-size: 0.72rem; line-height: 0.6rem; padding-right: 5px;}
.indexPart2 .list li p{ line-height: 24px; width: 210px; }
.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: #4cb237; 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: #4cb237; color: #fff; border: #4cb237 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: #1d2a54; }
.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: 120px 0; background: #f7f7f7/*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: #4cb237; 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: #bcc4c9; 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: #4cb237; }
.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: #4cb237; }
.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: #4cb237 solid 2px; border-radius: 36px; font-size: 16px; color: #4cb237; 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: #4cb237; color: #fff; }
.indexPart3 .btnDiv a:hover:after{ animation: iconAni 1.5s ease infinite; background: url(../images/nimg15_1on.png) no-repeat;}

.indexPart4{ padding: 120px 0;  background:url(../images/home_banner4.d4acd285.jpg) left center no-repeat; background-size:cover;}
.indexPart4 .wal{width:11rem;}
.indexPart4 .title{color:#fff; border-top:5px solid #4cb237; font-size: 0.48rem; line-height: 0.48rem; display:table; padding-top:10px; margin-bottom:50px;}
.indexPart4 .list ul{ margin-right: -27px; }
.indexPart4 .list li{ float: left; width: calc(30% - 42px); border:1px solid #4cb237; margin-right:4%; border-radius:20px; padding:20px;}
.indexPart4 .list li:nth-child(3n+3){margin-right:0px;}
.indexPart4 .list li .box{ position: relative; width:100%;  }
.indexPart4 .list li .bg img{ width: 100%; }
.indexPart4 .list li .txtLayer{ color: #fff; z-index: 1; }
.indexPart4 .list li .txt{ font-size: 26px; line-height: 36px; font-weight: bold; }
.indexPart4 .list li .wen{ padding-top: 20px; font-size: 16px; width:80%; height:70px;}
.indexPart4 .list li .ewm{ position: absolute; right: 0px; top: 0px; z-index: 1; }
.indexPart4 .list li .ewm img{ width: 50px; }
.indexPart4 .list li .box:hover .bg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart4 .list li .box:hover .txtLayer{ margin-top:-10px; }
.indexPart4 .list li .more{background:#4cb237; padding:5px 20px; border-radius:50px; margin-top:25px; display:table;}
.indexPart4 .list li .more a{color:#fff;}
.indexPart4 .list li .more:hover{background:#20800c}

/*.z2 {z-index: 2;}
.pr {position: relative;}
.flex-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}
.banner_link4{font-size:60px;}
.banner_link4{width:100%;height:4.16667rem;display:block;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:relative}
.banner_link4:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.7);z-index:1}
.banner_link4 .link_write{width:4.9375rem;margin-left:auto;margin-right:auto}
.banner_link4 .link_write .title_link{padding-top:.52083rem;width:4.9375rem}
.banner_link4 .link_write .title_link .sq{width:.38542rem;height:.03437rem;background:#5cb531}
.banner_link4.mobile{width:100%;height:auto;display:block;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:relative;padding-bottom:.20833rem}
.banner_link4.mobile:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.7);z-index:1}
.banner_link4.mobile .link_write{width:100%;padding:0 .15625rem}
.banner_link4.mobile .link_write .title_link{padding-top:.15625rem;width:auto}
.banner_link4.mobile .link_write .title_link .sq{width:.38542rem;height:.03437rem;background:#5cb531}
.help_item+.help_item{margin-left:.39063rem}
.mobile .help_item:nth-of-type(3n){margin-left:0}
.help_item{margin-top:.36458rem;width:1.38021rem;display:inline-block;vertical-align:top}
.help_item_ico{width:.34375rem;height:auto}
.help_item_link{border:1px solid #5cb531;width:1.38021rem;height:1.38021rem;border-radius:.07813rem;color:#fff}
.help_item_link.ac{border:none;background:#5cb531}
.help_item .help_btn_sc{width:.70313rem;height:.20833rem;background:#fff;text-align:center;line-height:.20833rem;font-size:.07813rem;color:#5cb531;border-radius:.10417rem}
.help_item .help_btn_uc{font-size:.07813rem}
.help_item .help_btn_uc,.mobile .help_btn_uc{width:.70313rem;height:.20833rem;background:#5cb531;text-align:center;line-height:.20833rem;color:#fff;border-radius:.10417rem}
.mobile .help_btn_uc{font-size:.10417rem}
.plr50{padding-left:.3125rem;padding-right:.3125rem}*/


.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; }
.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.68rem; top: 0; width: 6.48rem; }
.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%; top:20%; 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.2rem; }
.about .list li .msg{ color: #333; font-size: 0.26rem; line-height: 0.36rem; }
.about .list li .content{ font-size: 0.16rem; line-height:0.36rem; color: #404040; padding-top: 0.4rem;}
.about .list li .numDiv{ padding-top: 0.85rem; 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: #4cb237; 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;}

.parameter-content-title {overflow: hidden;}
.parameter-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;}
.parameter-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding-left: 20px;}
.parameter-content-title .title-2::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #4cb237;}
.page-culture {padding: 7% 0 6% 0;overflow: hidden;}
.page-culture .wal{width:88%;}
.culture-content {overflow: hidden;}
.culture-content-item {position: relative;overflow: hidden;float: left;width: 25%;}
.culture-content-item.cci1 {width: 50%;}
.culture-content-item.cci1 .parameter-content-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.culture-content-item.cci1 .img {background: none;background-size: cover;}
.culture-content-item.cci1 .img img {width: 100%;}
.culture-content-item.cci3 .img {background-color: #f5f6f7;}
.culture-content-item:nth-child(2) {border-radius: 12px 0 0 0;}
.culture-content-item:nth-child(3) {border-radius: 0 12px 0  0;}
.culture-content-item:nth-child(4) {border-radius: 12px 0 0 12px;}
.culture-content-item:nth-child(5) {color: #fff;}
.culture-content-item:nth-child(5) .img {background-color: #4cb237;}
.culture-content-item:nth-child(5) .english-0 {color: #fff;opacity: .2;}
.culture-content-item:nth-child(6) {border-radius: 0 0 12px 0 ;}
.culture-content-item .text{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 1;}
.culture-content-item .english-0{font-size: 30px;color: #e5e5e5;font-family: 'Montserrat-Light';}
.culture-content-item .title-1{font-size: 24px;font-weight:bold;margin-top: 2%;}
.culture-content-item .icon-3{width: 40px;height: 40px;position: absolute;right: 5%;top: 12%;} 
.culture-content-item .text-4{font-size: 24px;position: absolute;left: 0;bottom: 10%;} 
.culture-content-item .img{overflow: hidden;}

.page-culture .img img,.page-culture .pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none; background-size:cover;}
.page-culture .img-center,.page-corevalues .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.page-culture .img-block {display: block;width: 100%;height: auto;}
.page-culture .img-inline {display: inline-block;width: auto;height: auto;}


.page-corevalues {padding: 1% 0 7% 0;overflow: hidden;position: relative; background: url('../images/bg2.jpg') center bottom no-repeat;background-size: cover;}
.features-content-title {text-align: center;}
.features-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;}
.features-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding: 0 10px;}
.features-content-title .title-2::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #4cb237;}
.features-content-title .title-2::after {content: '';width: 2px;height: 100%;position: absolute;right: 0;top: 55%;transform: translateY(-50%);background: #4cb237;}

.corevaluesbg {position: absolute;width: 100%;height: 100%;left: 0;top: 150%;z-index: 1;}
.corevalues-content {padding: 4% 0;overflow: hidden;position: relative;z-index: 11;}
.corevalues-content-list {text-align: center;font-size: 0;}
.corevalues-item {padding: 4% 0;display: inline-block;vertical-align: middle;}
.corevalues-item a{display: block;}
.corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;}
.corevalues-item .icon-1 i{display: block;width: 74px;height: 74px;margin: auto;background: #fff;border-radius: 100%;z-index: 11;position: relative;box-shadow: 0px 8px 40px 0px rgb(0,0,0,.1);}
.corevalues-item a:hover .icon-1 i img {filter: invert(100%);}
.corevalues-item .icon-1::after {content: '';width: 0px;height: 0px;border-radius: 100%;background: #4cb237;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;}
.corevalues-item .title-1 {font-size: 20px;font-weight: bold;padding-top: 30px;}
.corevalues-item a:hover .icon-1 i {background: #4cb237;}
.corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;}
.corevalues-item a:hover .title-1 {color: #4cb237;}
.fengex {display: inline-block;vertical-align: middle;position: relative;margin: 0 1% 4% 1%;}
.fengex i {display: block;position: relative;border: 1px dashed #ccc;padding: 0 5px;width: 140px;}
.fengex i::before {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);background: #fff;}
.fengex i::after {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;}


.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: 25%; }
.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{ padding-top: 10px; font-size: 24px; line-height: 24px; color: #333; font-weight: bold; }
.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: 120px 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: #4cb237; }
.honorPart .tab2 .liNow{ color: #4cb237; }
.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: #4cb237;
  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;background: rgba(0,0,0,0.7);}
.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: #4cb237;}
.history .cont-top .swiper-slide-active { font-size: 48px; color: #4cb237;}
.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:#4cb237; 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: #4cb237; 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: #4cb237; 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:#4cb237; text-align:center;}
.cont-cent:last-child .moreBtn{ display:none;}

.news{ padding: 80px 0 80px; }
.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: #191c22; 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: #4cb237; 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: #4cb237; }
.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: #4cb237; }
.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: #4cb237; }
.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(http://www.fangda.com/cn/images/bg1.png) repeat; }

.notice{ padding: 120px 0; min-height: 900px; }
.notice .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 50px; }
.notice .list{ padding-right: 80px; }
.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: 30px; 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: #4cb237;}
.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: 18px; }
.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: #4cb237; 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: #4cb237;}  
.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: #4cb237; }
.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: #4cb237;}
.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: #4cb237; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #4cb237 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: #4cb237; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #4cb237 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: #4cb237; }
.investT .links li a:hover, .investT .links li .aNow{ color: #4cb237; }
.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: #4cb237; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #4cb237 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: #4cb237; }

.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: #4cb237; color: #fff; font-size: 0.18rem; border-right: #4186c3 solid 1px; border-bottom: #4cb237 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: #4cb237; }

.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: #4cb237; 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:#4cb237;}
.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: #4cb237 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: #4cb237; }
.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: 3.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: #4cb237; color: #fff; border:#4cb237 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: #4cb237; 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.38rem; 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: 597px; 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 .ico_h{ display: block; border-radius: 4px; width: 100%; height: 50px; line-height: 50px; background: #4cb237; text-align: center; font-size: 14px; font-weight: bold; color: #fff; border:0px; }

.newShow{ padding: 120px 0; }
.newShow .name{ font-size: 36px; line-height: 48px; color: #000; font-weight: bold; padding-bottom: 25px; }
.newShow .toptop{ overflow: hidden; border-bottom: #e8e8e8 solid 1px; padding-bottom: 50px; }
.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: #4cb237; }
.newShow .content{ font-size: 16px; line-height: 30px; padding: 55px 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: #4cb237; 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: #4cb237;}
.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: #4cb237;
    -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: #4cb237; }
.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: #4cb237;
    -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;
}*/

.idx-mod{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.idx-mod .en{font-size: 42px;line-height: 42px;font-family: "din-b";white-space: nowrap;text-transform: uppercase;}
.idx-mod .cn{font-size: 36px;line-height: 36px;font-weight: 400;margin-top: 10px;white-space: nowrap;}
.idx-mod .cate{width: auto;display: inline-flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.idx-mod .cate a{font-size: 18px;color: #999;line-height: 18px;display: inline-flex;align-items: center;margin-left: 60px;margin-bottom: 8px;transition: all 300ms;}
.idx-mod .cate a::before{content: "";display: block;width: 12px;height: 2px;background-color: #999;margin-right: 15px;transition: all 300ms;}
.idx-mod .cate a:hover, .idx-mod .cate a.active{color: #4cb237;}
.idx-mod .cate a:hover::before, .idx-mod .cate a.active::before{background-color: #4cb237;}
.idx-mod .c-name{font-family: 'din-b';font-size: 120px;line-height: 100px;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #eaeaea;}

.product{background-color:#ededed;padding: 50px 0;font-size: 18px;}
.product .times{color:#666;font-weight:bold;display: block;}
.product .back{color:#666;font-weight:bold;display: block;}
.product .times i,.product .back i{margin-right:5px}
.product .texts{width: 60%;max-width: 570px;}
.product .texts .title{font-size: 32px;color: #333;font-weight: bold;padding-top: 20px;}
.product .texts .describe{font-size: 20px;color: #333;padding: 30px 0;text-align: justify;line-height: 1.8em;}
.product .texts .list{font-size: 14px;color: #666;}
.product .texts .list span{display:inline-block;margin-right:15px;margin-left:15px}
.product .texts .list span:first-child{margin-left:0;}
.product_cont{ padding-top: 0;line-height:2em;color:#333;}
.tab_pro{width:100%;color: #999999;text-align:center;font-size:18px;line-height: 4em;font-weight:bold;margin-bottom: 2em;border-bottom: 5px solid #ededed;}
.tab_pro.active{color:#4cb237;border-bottom: 5px solid #4cb237;}
.product_cont .tab_pro_cont{display:none;min-height: 470px;}
.tab_pro_cont h2,.tab_pro_cont h1{font-size:24px; color:#4cb237; margin:10px auto;}
.page-item {padding-top: 0;}
.page-item .idx-mod{border-top: 5px solid #ededed;padding-top: 20px; padding-bottom: 80px; margin-top: 60px;}
.page-item a{background-color:#4cb237;display:block;color:#fff;padding: 15px 40px;}
.page-item .prev  a i{margin-right:5px;}
.page-item .next a i{margin-left:5px;}
.cla .jc_share{display: inline-flex;}
.cla .jc_share a {color: #a2a2a2;border: 1px solid #a2a2a2;border-radius: 40px;padding: 5px;margin: 0;height: auto;width: auto;font-size: inherit;float: none;background: none;line-height: inherit;margin-right: 6px;}


.product .imgs{width: 35%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding: 0;margin-top: 10px;overflow: hidden;}
/*.product .imgs {position: relative; height: 100%;margin: 0;padding: 0;}
.product .imgs .swiper {width: 100%;height: 100%;}
.product .imgs .swiper-slide {text-align: center;font-size: 18px;background: #fff0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product .imgs .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.product .imgs .swiper {width: 100%;margin-left: auto;margin-right: 0;}
.product .imgs .swiper-slide {background-size: cover;background-position: center;}
.product .imgs .mySwiper2 {height: 100%;width: 73%;}
.product .imgs .mySwiper {height: 100%;box-sizing: border-box;position: absolute;top: 0;}
.product .imgs .mySwiper .swiper-slide {width: 25%;border: 1px solid #c5c5c5;opacity: 1;}
.product .imgs .mySwiper .swiper-slide-active {opacity: 1;}*/
.product .imgs img {display: block;width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width: 768px){
.product{margin-top: 0;}
.product .main .texts {width: 100%; max-width: unset;}
.product .times{display: inline-block;font-size: 14px;margin-right: 20px;font-weight: normal;}
.product .back{display: inline-block;font-size: 14px;font-weight: normal; float: right;}
.product .main .texts .title{font-size: 20px;}
.product .main .texts .describe{font-size: 14px;padding: 10px 0;min-height: auto;}
.product .main .texts .list{display:none;}
.product_cont .tab_pro_cont{min-height: 270px;font-size:14px;}
.tab_pro{display:inline-block;line-height:2em;margin-top:20px;font-size: 16px;}
.page-item a{text-align:center;margin-bottom:10px}
.page-item .idx-mod{padding-top: 20px;}
.product .main .imgs{width:100%;}
.product .imgs .mySwiper{display:none;}
.product .imgs .mySwiper2{width:100%;}
/*.product .imgs{height: 220px;}*/
}


.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: #4cb237;
  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: #4cb237;}

.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: #4cb237;}
.jiankeP3 .list li .content{ font-size: 16px; line-height: 24px; }
.jiankeP3 .list li .box:hover{ background: #4cb237; }
.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: 80px 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: #4cb237; 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{}
.jiankeP5 .list ul{ margin-right: -45px; }
.jiankeP5 .list li{ float: left; width: 33.33%; }
.jiankeP5 .list li .box{ margin-right: 45px; margin-top:30px;}
.jiankeP5 .list li .imgDiv{ overflow: hidden; border: 1px solid #e8e8e8; text-align: center;}
.jiankeP5 .list li .imgDiv img{ width: 100%; }
.jiankeP5 .list li .name{ padding-top: 25px; height: 36px; line-height: 36px; color: #000; font-size: 20px; overflow:hidden;}
.jiankeP5 .list li .msg{ padding-top: 12px; font-size: 16px; line-height: 24px; color: #4cb237; }
.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: #4cb237; }
.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: #4cb237; border: #4cb237 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: #4cb237; }
.yunzhuP3 .list li .box:hover:before{ border-top:1px solid #4cb237; border-left:1px solid #4cb237;}
.yunzhuP3 .list li .box:hover:after{ border-bottom:1px solid #4cb237; border-right:1px solid #4cb237;}
.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: #4cb237 solid 2px; background: #4cb237; }

.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: #4cb237;}

.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: #4cb237; }
.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: #4cb237; }
.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: #4cb237;}


.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: #4cb237 url(../images/nimg9_lefton.png) center no-repeat;}
.scopePic .next:hover{ background: #4cb237 url(../images/nimg9_righton.png) center no-repeat;}
.scopePic li .box:hover{ background: #4cb237; }
.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: #4cb237;}
.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: #4cb237;}

.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: #4cb237; }
.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: #4cb237; border: #4cb237 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: #4cb237; }
.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: #4cb237; border: #4cb237 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: #4cb237; }
.searchBox .tab2 .liNow{ color: #4cb237; }
.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: #4cb237; }
.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: #4cb237; }

.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: #4cb237;}
.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: #4cb237; }
.netMap li h2 a{ color:#4cb237;}
.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: #4cb237; border: #4cb237 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: #4cb237; }
.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: #4cb237; }
.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: #4cb237;} 
.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: #4cb237;}
.outputLayer .list li .content{ font-size: 16px; line-height: 24px; }
.outputLayer .list li .box:hover{ background: #4cb237; }
.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: #4cb237 url("../images/nimg9_lefton.png") center no-repeat; border: #4cb237 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: #4cb237 url("../images/nimg9_righton.png") center no-repeat; border: #4cb237 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; }


.service-section1{ background:#fff; position: relative;}
.service-section1 .service-section1Wrapper{ width:100%; padding:80px 0;}
.service-section1 .service-section1-box{ margin:0 auto; overflow:hidden; background: #fff; text-align: center;}
.service-section1 .service-section1-box img{width:100%}
.service-section1 .service-section1-box .title{text-align: center;}
.service-section1 .service-section1-box .title h3{font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.service-section1 .service-section1-box .title h4{ font-size:20px; line-height:26px; color:#333; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.service-section1 .service-section1-box .title h5{ font-size:16px; line-height:30px; color:#333;}
.service-section1 .service-section1-desc{ font-size:18px; line-height:40px; padding:50px 0 0; text-align: center; }
.service-section1 .service-section1-desc img{max-width: 100%; width:100%}
.service-section1-box .row{border-bottom:1px dashed #ccc; margin-bottom:50px; padding-bottom:50px; text-align:left; width:100%; display:table;}
.service-section1-box .col-lg-4{width:30%; float:left; margin-right:5%; font-size:30px;}
.service-section1-box .col-lg-8{width:65%; float:left; font-size:18px;}



.service-section2{ background:#f1f1f1; position: relative;}
.service-section2 .service-section2Wrapper{ width:100%; padding:80px 0;display: table; text-align: center;}
.service-section2 .service-section2-box{  margin:0 auto; overflow:hidden;}
.service-section2 .service-section2-box .title{text-align: center; margin-top:60px;}
.service-section2 .service-section2-box .title h3{ font-size:26px; color:#333; font-weight: bold; line-height:42px;}
.service-section2 .service-section2-box .title h4{ font-size:20px; line-height:26px; color:#333; font-weight:500;text-transform:uppercase; margin-bottom: 30px;}
.service-section2 .service-section2-box .title h5{ font-size:16px; line-height:30px; color:#999;}
.service-section2 .service-section2-desc{ font-size:18px; line-height:40px; padding:70px 0 0; }
.service-section2 .service-section2-desc .service_left{width: 40%; float:left;}
.service-section2 .service-section2-desc .service_left img{max-width: 100%;}
.service-section2 .service-section2-desc .service_right{ width: 55%; float:right;}
.service-section2 .service-section2-desc .service_right img{max-width: 100%;}
.service-section2 .service-section2-desc .t01{ font-size:24px; font-weight:bold; color:#005aff; line-height:30px;}
.service-section2 .service-section2-desc .t02{ font-size:24px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:30px; font-style:italic;}
.service-section2 .service-section2-desc .line{ width:43px; height:2px; background:#bdbdc2; margin:0 0 22px;}