/* 容器的宽度 */
 
/* 头部 */
 
   
.rotation .img img{height: 402px}
.front,
.reverse{transition: 0.5s}
.rotation .abs{left: 0;top: 0;box-sizing: border-box;padding: 22px;text-align: center;color: #333333}
.rotation .abs .title{line-height: 42px;margin-top: 44px;font-size: 22px;font-weight: 500}
.rotation .abs .text{line-height: 30px;font-size: 16px;height: 90px;padding-bottom: 55px}
.rotation .abs .more{opacity: 0}
.rotation .abs .more-icon img{margin: 0 auto;margin-top: 55px}
.reverse .rotation .abs{color: #fff;background: rgba(0, 177, 156, 0.8);height: 100%}
.front{transform: rotateY(0deg)}
.reverse{transform: rotateY(180deg)}
.index-news-column{height: 99px;margin:2% 0}
.index-news-left{width:50%;}
.index-news-right{width:45%}
.index-rel a{display:block;    margin-bottom: 6%;border-radius:6px}
.index-news-left .img img{ width:100%;object-fit:cover;}
.index-news-right .img img{height:277px;width:100%;object-fit:cover;}
.index-rel .abs{background:rgba(0, 0, 0, 0.4);left:0;bottom:0;width:100%;padding:15px 26px;box-sizing:border-box;color:#fff;height:85px}
.index-rel .abs .txt{line-height:24px;margin-top:5px;}
.mt25{margin-top:25px}
.index-news-media{margin:74px 0 0 0}
.loemnf-box{width:calc(100% - 320px);}
.loemnf li{width:33.333%;margin-top:40px;padding-right:40px;box-sizing:border-box;}
.loemnf li a{display:block;padding-top:30px;position:relative}
.loemnf li a:before{content:'';position:absolute;left:0;top:0;height:4px;width:40px;background:#0551a7;transition:all 0.5s}
.loemnf li a .d1{color:#333}
.loemnf li a .d2{font-size:15px;margin-top:5px;line-height:25px;height:75px;overflow:hidden}
.loemnf li a:hover:before{width:70px;transition:all 0.5s;background:#0551a7}
.loemnf li a:hover .d2{transition:all 0.5s;color:#0551a7}
.tpeanbc a {
  display: block;
  width: 160px;
  line-height: 35px;
  color: #fff;
  border-radius: 3px;
  background: #008cd6;
  transition: all ease 0.5s;
  margin:0 auto;
  
}

.tpeanbc a:hover{color:#fff;width:180px}

.buaehn{width:282px;background:#f8f8f8;border-radius:6px}
.huhane{font-size:30px;text-align:center;padding:15px 0;border-bottom:1px solid #ccc;}
.lbvfeb{padding:30px 0}
.swiper03{height:320px}
.swiper03 .box{margin:0 43px;}
.swiper03 .box .img{height:97px;border-radius:6px;overflow: hidden;}
.swiper03 .box .img img{height: 80px;object-fit:scale-down;margin:0 auto;}
.swiper03 .box .abs{height:100%;width:100%;left:0;top:0;background:rgba(0, 0, 0, 0.5); opacity:0;}
.swiper03 .box .abs img{height:80px;margin:0 auto;}

.swiper03 .box:hover .abs{opacity:1;}
.partner{padding-bottom: 58px}
.partner-column{height: 99px;margin: 50px 0 40px 0}
.brand li{width: 20%;padding-right: 5px;object-fit: cover;box-sizing: border-box}
.brand li img{height: 116px;max-width: 100%;object-fit:scale-down;}
footer{background: #2e3139;padding: 63px 0 56px 0}
.footer-nav{width: calc(100% - 450px)}
.footer-nav{color: #fff}
.footer-nav p{font-size: 18px;font-weight: bold;line-height: 30px;padding-bottom: 40px}
.footer-nav a{display: block;line-height: 32px;font-size: 16px;color: rgba(255, 255, 255, 0.5)}
.footer-nav a:hover{color: #fff}
.copy,
.hot-line{color: rgba(255, 255, 255, 0.5);line-height: 30px;font-size: 16px}
.hot-line .tel{font-weight: bold;font-size: 30px;color: #008cd6;padding: 10px 0;font-family: Bahnschrift}
.ewm{padding: 30px 0 25px 0}
.ewm .code{margin: 0 0.5vw;transition: 0.2s}
.code-img{height: 100px;width: 100px;left: -30%;bottom: 70px;padding: 10px;background: #fff;transform: translate(-30%);transition: 0.2s;visibility: hidden}
.code-img img{height: 100px;margin: 0 auto;max-width: 100%}
.code-img::after{border: 9px solid;border-color: transparent;border-top-color: #fff;position: absolute;left: 44%;bottom: -17px;content: ""}
.ewm .code:hover .code-img{bottom: 40px;visibility: visible}


.tabs-border{height: 80px;border-bottom: 1px solid #e5e5e5}
.position{position: fixed;width: 100%;left: 0;top: -85px;background: #fff;z-index: 55;transition: 0.5s}
.position.on{top: 0}


.tabs-border a{line-height: 78px;margin-right: 49px;}
.tabs-border a.cur{border-bottom: 3px solid #008cd6;font-weight: bold;color: #000}
.tab-width-roll{overflow-x:auto;}



.mobile-top{display: none}
.news{padding: 76px 0 70px 0}
.news ul{margin: 0 -29px}
.news ul li{width: 33.3333%}
.news a{margin: 0 29px 49px 29px;line-height: 36px;border-radius: 6px 6px 0 0}
.news a .content{padding-top: 23px;height: 166px;transition: 0.5s;position: relative}
.news a .content::after{position: absolute;height: 2px;width: 0;background: #01ae9a;left: 0;bottom: 0;content: "";transition: 0.5s}
.news a .img{border-radius: 6px}
.news a .img img{width: 100%;object-fit: cover;height: 232px}
.news a .title{color: #000;height: 72px}
.news a .data{margin-top: 6px;color: #cacaca}
.news a .data p:first-child{font-family: Bahnschrift}
.news a .data p:last-child{background: url(../images/news-icon.jpg) no-repeat right center;padding-right: 28px}
.news a:hover{box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2)}
.news a:hover .content{padding-left: 21px;padding-right: 21px;position: relative}
.news a:hover .content::after{width: 100%}
.news a:hover .title{font-weight: bold}
.news a:hover .data{color: #008cd6}
.pages a{text-align: center;color: #cacaca;margin-right: 1.5vw;font-family: Bahnschrift;border-bottom: 2px solid transparent}
.pages a:first-child,
.pages a:last-child{width: 47px;font-size: 50px;font-weight: 100;line-height: 36px;height: 36px}
.pages a:hover,
.pages a.cur{border-bottom: 2px solid #008cd6;color: #008cd6}
.pages a.cur:last-child,
.pages a.cur:first-child,
.pages a:hover:last-child,
.pages a:hover:first-child{border: none}
.news-details{padding-top: 17px}
.cur-navigation{line-height: 36px}
.cur-navigation i{margin: 0 5px}
.cur-navigation a:last-child{color: #008cd6}
.cur-navigation a:last-child i{display: none}
.details-title{padding: 39px 15px;text-align: center;line-height: 36px;border-bottom: 1px solid #e5e5e5}
.details-title .tit{margin-bottom: 8px;color: #008cd6}
.details-title .time{color: #999}
.news-details .content{line-height: 32px !important;font-size: 16px !important;padding: 39px 0;border-bottom: 1px solid #e5e5e5}
.news-details .content img{height: auto;margin: 0 auto}
.page{padding: 50px 0}
.next{width: 40%;color: #333;line-height: 32px}
.media{margin: 0 auto;width: 100%;max-width: 900px;padding: 7% 0 7.8% 0}
.media-tel{background: url(../images/hot-load.png) no-repeat left top;width: 284px;height: 245px;text-align: center}
.tel-hot-line{width: 100%}
.tel-hot-line p:last-child{color: #008cd6;font-family: Bahnschrift;line-height: 48px}
.hot-mailbox{width: calc(100% - 408px);line-height: 40px;color: #333}
.hot-mailbox a{line-height: 30px;color: #0551a7;margin-top: 10px;background: url(../images/hot-mailbox.png) no-repeat left center;padding-left: 40px}
.video-btn{height: 66px;width: 62px;background: url(../images/video-btn.png) no-repeat center center;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.video-btn img{transition: all 0.6s}
.video-centent a:hover .video-btn img{transform: rotate(360deg)}


.cooperation .content{padding-top:5.8%;padding-bottom: 6.6%}
.cooperation .content .box{height: 345px;width: 48.6%;border: 1px solid #eaeaea;padding: 70px 54px 20px 54px}
.cooperation .content .box::after{position: absolute;content: "";left: 0;bottom: 0;height: 1px;border: 1px solid transparent;width: 0;transition: 0.5s}
.cooperation .content .box:hover{box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08)}
.cooperation .content .box:hover::after{width: 100%;border: 1px solid #008cd6}
.cooperation .content .txt{color: #666666;margin-top: 33px;line-height: 30px}
.img-switch{background: #f5f5f5;padding: 4.2% 0}
.img-switch ul li .img img{height: 631px;width: 100%;object-fit: cover}
.img-switch ul li .abs{left: 0;top: 0;height: 100%;width: 100%;color: #fff;padding: 70px 50px 70px 50px;line-height: 36px;transition: 0.5s}
.img-switch ul li .txt{margin-top: 20px;color: rgba(255, 255, 255, 0.7);opacity: 0}
.img-switch ul li{flex: 1;transition: 0.5s}
.img-switch ul li.cur{flex: 2.5}
.img-switch ul li.cur .abs{padding: 70px 90px 70px 70px}
.img-switch ul li.cur .txt{opacity: 1}
.brand .swiper-wrapper{-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear}
.brand a{display: block;position: relative;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);height: 110px;border-radius: 35px 0 35px 0;margin: 20px 15px;overflow: hidden}
.brand a::after{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #008cd6;content: "";transition: 0.5s}
.brand a:hover::after{width: 100%}
.brand a img{margin: 0 auto;height: 110px;object-fit: scale-down}
.brand-box{padding: 10% 0}
.industry .title{color: #0551a5;padding: 73px 0 78px 0}
.industry-swiper{padding-bottom: 6.7%;padding: 0 50px 6.7% 50px}
.industrySwiper .swiper-slide{height: 525px}
.industrySwiper .swiper-slide .imgbox{border-radius: 6px;overflow: hidden;height: 444px}
.industrySwiper .swiper-slide:nth-child(2n) .imgbox{margin-top: 80px}
.industrySwiper img{height: 460px;object-fit: cover;width: 100%;margin: 0 auto}
.industrySwiper .imgbox .abs{left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);box-sizing: border-box;padding: 26px;bottom: -340px}
.industrySwiper .imgbox .abs .tit{font-size: 22px;color: #ffffff;font-weight: bold}
.industrySwiper .imgbox .abs{color: #fff;font-size: 16px;line-height: 36px;transition: 0.5s}
.industrySwiper .imgbox .abs a:hover{color: #fff}
.industrySwiper .swiper-slide .imgbox:hover .abs{bottom: 0}
.industry-swiper .swiper-button-next:after,
.industry-swiper .swiper-button-prev:after{font-size: 30px;color: #666666}
.details{padding-bottom: 4%}
.cp-vod{padding-top: 4%}
.cp-vod video{height: 500px;background: #000;object-fit: contain;display: block}
.product-us{padding: 5% 0;background: url(../images/round.jpg) repeat-x left bottom}
.product-us .content{max-width: 620px;margin: 0 auto}
.product-us .tit{text-align: center;font-size: 50px;font-weight: bold;color: #0551a7}
.product-us .txt{font-size: 16px;line-height: 2;margin-top: 15px}
.apply{padding-top: 5%}
.column{font-size: 50px;color: #0551a7;padding: 3% 0}
.apply img{margin: 0 auto}
.apply .txt{padding-bottom: 40px;text-align: justify;margin-top: 5%;line-height: 1.5}
.peculiarity{background: url(../images/round.jpg) repeat-x left top;margin-top: 5%;padding-top: 5%}
.add-cont{margin-top: 3%;font-size: 20px}
.add-cont li{background: #e8f2fd;line-height: 1.8;padding: 15px 20px;margin-bottom: 12px;border-radius: 6px;text-align: center}
.add-cont li:nth-child(2n){background: #effdfd}
.target{margin-top: 5%}
.target img{margin: 0 auto}
.dowload{border: 2px solid #f3f3f3;padding: 19px 61px 19px 19px;margin-top: 5%}
.dowload .img{border-right: 2px solid #f2f2f2;width: 80px}
.dowload .img img{height: 50px;object-fit: scale-down}
.dowload .tit{width: calc(100% - 100px);background: url(../images/dowload.jpg) no-repeat center right}
.add-cont2{margin-top: 3%}
.add-cont2 a{background: #f0f0f0;width: 45%;line-height: 1.8;text-align: center;padding: 15px 20px;margin-bottom: 12px;border-radius: 6px}
.ny-banner img{width: 100%}
.ny-banner .abs{left: 0;width: 50%;height: 100%;top: 0;background: rgba(0, 0, 0, 0.8);color: #fff;z-index: 2;box-sizing: border-box;padding-right: 4%;line-height: 2}
.lomunc{max-width: 540px;width: 100%}
.director .img img{width: 100%}
.director .abs{right: 0px;top: 0;height: 100%;width: 100%}
.director .abs .content{width: 30%;color: #fff;line-height: 48px;text-align: justify}
.director .abs .content .img-tit{padding-bottom: 10%}
.director-name{padding-top: 5%}
.director-name p:first-child{color: #0551a7;font-size: 32px;font-weight: bold}
.director-name p:last-child{color: #cbc9c9;font-size: 20px;margin-top: 10px}
.director-text{padding-top: 4%;font-size: 19px;line-height: 40px}
.mb-4{margin-bottom: 40px}
.personal-honor .tit{color: #000;padding: 2% 0 4% 0}
.swiperHonor .year-box{background: #fff;width: 182px;padding: 0 29px}
.swiperHonor .year{width: 182px;height: 182px;border: 1px solid #dddddd;border-radius: 50%;text-align: center;line-height: 182px;font-family: Bahnschrift;font-size: 60px;color: #ddd;background: #fff}
.swiperHonor .year::after{position: absolute;left: 50%;bottom: -10px;content: "";height: 11px;width: 11px;border-radius: 50%;background: #0551a7;transform: translate(-50%, -50%)}
.swiperHonor .tit{color: #333333;line-height: 36px;text-align: justify;margin-top: 50px;}
.swiper-box::after{position: absolute;width: 100%;left: 0;top: 30%;content: "";height: 1px;background: #ddd;z-index: -1}
.related-news{margin-top: 2%;padding-bottom: 5%}
.related-news .news a,.related-news .news{padding: 0}
.vision{margin-top: 5%;border-radius: 6px;overflow: hidden;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09)}
.vision-left{width: 815px}
.deco{width: 60px;height: 60px;opacity: 1;transition: 0.1s;transform: translateZ(0);margin: 0 auto}
.deco:before{content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(0.75);transition: 0.4s;border: 1px solid hsla(0, 0%, 100%, 0.3);border-radius: 100%;height: 40px;width: 40px}
.deco:after{content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(0.75);transition: 0.4s;border: 1px solid hsla(0, 0%, 100%, 0.1);border-radius: 100%;height: 60px;width: 60px}
.deco i{background: hsla(0, 0%, 100%, 0.8);border: 1px solid #fff;border-radius: 100%;left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(0.5);transition: 0.4s;width: 22px;height: 22px}
.vision-tabs li{border-right: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box}
.vision-tabs li:hover .deco:after{animation: scalepulse 1.3s linear 0.15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1)}
.vision-tabs li:hover .deco:before{animation: scalepulse 1.3s linear 0.3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1)}
.vision-tabs li:hover .deco i{background: #fff;animation: scalepulse 1.3s linear 0s infinite both;transform: translate3d(-50%, -50%, 0) scale(1)}
@keyframes scalepulse {
  20% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1.12);
      transform: translate3d(-50%, -50%, 0) scale(1.12);
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
  }

  50% {
      -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
      transform: translate3d(-50%, -50%, 0) scale(1);
      -webkit-animation-timing-function: ease;
      animation-timing-function: ease;
  }}
.vision-tabs .abs{left: 0;top: 0;width: 100%;height: 100%}
.vision-tabs .abs li{flex: 1}
.vision-tabs .abs li .box{width: 100%;text-align: center;color: #fff;font-size: 16px}
.vision-tabs .abs li .box p{margin-top: 2%}
.vision img{height: 587px;margin: 0 auto;width: 100%}
.vision-content{width: calc(100% - 815px);box-sizing: border-box;padding: 5% 8%;font-size: 32px;line-height: 48px;color: #333333 !important}
.vision-content .item{display: none}
.vision-content .item.on{display: block}
.vision-content .item .tit{margin-bottom: 8%}
.idea{margin: 6% 0;background: url(../images/idea.png) no-repeat center bottom;min-height: 600px;padding-left: 56px;box-sizing: border-box}
.idea .tit{color: #115c9d}
.idea .sub-tit{color: #444;line-height: 32px;margin-top: 28px}
.idea .content{padding-top: 3%}
.idea .content p{background: url(../images/icon.png) no-repeat left 15px;line-height: 50px;padding-left: 40px}
.idea .content span{padding-top: 2%}
.img-tabs{margin-top: 6%;border-radius: 6px}
.img-tabs .abs{left: 0;top: 0;height: 100%;width: 100%}
.img-tabs ul{height: 100%}
.img-tabs ul li{width: 25%;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.2)}
.img-tabs ul li .item{width: 100%;transition: 0.5s}
.img-tabs ul li .item .icon{height: 89px;width: 89px;margin: 0 auto}
.img-tabs ul li .item .tit{text-align: center;color: #fff;padding-top: 10px}


.img-tabs .img img{height: 599px;object-fit: cover}
.mb3{margin-bottom:3%;}
.aboutSwiper{height:457px}
.aboutSwiper .tit{font-weight: bold;line-height: 48px;font-size: 30px;color: #ddd;display: none}
.company-us .txt,.aboutSwiper .txt{line-height: 36px;font-size: 20px;display: none;padding: 3% 0 6% 0}
.aboutSwiper .swiper-slide{cursor: pointer}
.aboutSwiper .swiper-slide .con{padding: 80px 0}
.aboutSwiper .swiper-slide-active .tit{color: #333;display: block}
.aboutSwiper .swiper-slide-active .txt{display: block}


.about-us-box{padding-bottom:7%;}
.company-us .tit{font-weight: bold;line-height: 48px;font-size: 30px;color: #000}
.company-us .txt{line-height: 36px;font-size: 20px;display:block;padding: 3% 0 6% 0}
.about-us:nth-child(2n){flex-direction:row-reverse;}


.about-us-left{width: calc(100% - 680px)}
.about-us-right{width: 530px}
.about-us-right .img{height: 475px;border-radius: 50%;width: 475px;margin-left: 55px;transition: 0.5s}
.about-us-right .img img{height: 475px;object-fit: cover}
.about-us-right .img-round{left: 0;top: 0;height: 475px;width: 475px;background: #2178d9;position: absolute;content: "";border-radius: 50%;z-index: -1;transition: 0.5s}

.about-label{padding: 83px 0 48px 0;background: url(../images/bg.png) no-repeat top center;background-size: 100% 100%}
.about-award ul,
.about-label ul{margin: 0 -18px}
.about-award ul li,.about-label li{width: 33.3333%;margin-bottom: 36px}
.about-label li a img{height:87px;margin:0 auto; object-fit:contain;}
.about-label li a{background: #fff;margin: 0 18px;text-align: center;height: 151px;font-size: 22px;display: block;box-sizing: border-box;border-radius: 15px 0 15px 0;transition: 0.5s;padding-top:13px;line-height:42px}

.about-award{padding: 62px 0 50px 0}
.about-award ul li a{color: #000;display: block;margin: 0 18px;background: #fff;box-shadow: 0px 2px 21px 0px rgba(5, 5, 5, 0.09);height: 57px;line-height: 57px;text-align: center;border-radius: 50px;transition: 0.2s}
.about-award ul li a:hover{color: #fff;background: #2178d9}
.about-award ul li:nth-child(n + 10){display: none}
.about-award .btn{color: #666;line-height: 48px;text-align: center;cursor: pointer}
 
.lead{padding:3% 0 0% 0;}
.lead1{padding:0% 0;}
.lead2{padding:2% 0;width:100%;}
.lead2 .tpeanbc{margin-top:0px}
.lead3{padding-bottom:5%;}
.leadSwiper .swiper-slide {width: 33%;}
.leadSwiper img{ width:100%;object-fit:cover;}

.lead1-btn{height:80px;padding:3% 0;width:200px;margin:0 auto}
.lead1-btn .swiper-button-next::after,.lead1-btn .swiper-button-prev::after{font-size:0;}
.lead1-btn .swiper-button-next,.lead1-btn .swiper-button-prev{width:67px;height:38px}
.lead1-btn .swiper-button-prev{background:url(../images/next_atv.png) no-repeat left center;}
.lead1-btn .swiper-button-prev:hover{background:url(../images/next_atv.png) no-repeat left center;}
.lead1-btn .swiper-button-next{background:url(../images/prev_atv.png) no-repeat left center;}
.lead1-btn .swiper-button-next:hover{background:url(../images/prev_atv.png) no-repeat left center;}
.swiperDynamic a{display: block}
.swiperDynamic img{width: 100%;object-fit: cover;border-radius: 6px;height: 232px}
.swiperDynamic .tit{font-size: 18px;line-height: 36px;padding: 20px 0 58px 0;color: #000}
.swiperDynamic .swiper-scrollbar{background: #fff;border-radius: 0 !important;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23)}
.swiperDynamic .swiper-scrollbar-drag{background: #d71518;border-radius: 0 !important}
.investment{padding: 0 0 7% 0}
.poubca .title{color: #0551a7}
.win{padding-top: 3%}
.win .img{width: 718px;border-radius: 6px;overflow: hidden}
.win img{height: 449px;object-fit: cover;width: 100%}
.win .abs{top: 55%;background: rgba(5, 81, 167, 0.8);width: 654px;right: 0;line-height: 30px;transform: translateY(-50%);min-height: 305px}
.win .abs .text{padding: 56px;color: #fff;width: 100%;box-sizing: border-box}
.win .abs .text .tit{margin-bottom: 40px}
.mt5{margin-top: 5%}
.mt4{margin-top: 4%}
.advantage{margin: 0 -9px;padding-top: 5%}
.advantage li{width: 33.3333%}
.advantage a{display: block;border-radius: 6px;margin: 0 9px}
.advantage a img{height: 451px;width: 100%;object-fit: cover}
.advantage li a .abs{width: 100%;height: 100%;left: 0;bottom: -355px;padding: 35px;transition: all 0.5s;background: rgba(0, 0, 0, 0.6);text-align: center;box-sizing: border-box;color: #fff}
.advantage li a .txt{margin-top: 30px;max-height: 120px;overflow: hidden}
.advantage li a .konw{margin-top: 25px}
.img-text{padding-top: 4%}
.img-text li{margin-bottom: 6.7%}
.img-text li .img,
.img-text li .text{width: 48%}
.img-text li .img{border-radius: 6px}
.img-text li img{height: 298px;width: 100%;overflow: hidden}
.img-text li:nth-child(2n){flex-direction: row-reverse}
.esg-case ul{height:454px}
.esg-case ul li{background:#0b66b4;margin-right:7px;border-radius:6px; color:#fff;flex:1;transition:0.5s}
.esg-case ul li .content{padding:5% 10%;transition:0.5s;}
.esg-case ul li .txt{display:none;margin-top:30px}
.esg-case ul li.cur{flex:2;background:#008cd6;}
.esg-case ul li.cur .txt{display:block}
.esg-case ul li:last-child{margin-right:0}
.esg-list{padding: 3.8% 0}
.esg-list ul{margin-top: 36px}
.esg-list ul li{width: 48.5%;cursor: pointer;margin-bottom: 39px}
.esg-list ul li .img{border-radius: 6px;overflow: hidden}
.esg-list ul li img{height: 295px;width: 100%;object-fit: cover}
.esg-list ul li .abs{height: 100%;width: 100%;left: 0;top: 0;padding: 30px 35px;box-sizing: border-box;color: #fff;transition: 0.5s;border-radius: 6px;overflow: hidden}
.esg-list ul li .abs .txt{margin-top: 22%;opacity: 0;transition: 0.5s}
.esg-list ul li:hover .abs{background: rgba(0, 176, 155, 0.8)}
.esg-list ul li:hover .abs .txt{opacity: 1}
.join{padding: 3.8% 0}
.join-img{margin-top: 38px;border-radius: 6px;margin-bottom: 72px}
.join-img .abs{left: 50%;top: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.5);padding: 35px 48px;color: #fff;max-width: 811px;width: 100%}
.join-list{margin: 31px 0 64px 0}
.join-list li{width: 30.5%;box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.11);border-radius: 10px;overflow: hidden}
.join-list li .img{border-radius: 10px;overflow: hidden}
.join-list li .img img{width: 100%;object-fit: cover}
.join-list li .content{height: 256px;padding: 37px;box-sizing: border-box}
.join-list li .content .txt{margin-top: 20px;color: #666}
.join-txt{margin-top: 30px}
.values img{object-fit: cover;width: 100%}
.values{margin: 3.8% 0}
.values ul{top: 0;left: 0;height: 100%;width: 100%}
.values ul li{width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.2);cursor: pointer}
.values ul li .col{color: #fff;max-width: 290px;margin: 0 auto;transition: 0.5s}
.values ul li .col .txt{margin-top: 20px;opacity: 0;transition: 0.5s}
.gbceun{margin: 0 -12px;margin-top: 35px}
.gbceun li{width: 25%;margin-bottom: 24px}
.gbceun li .col{margin: 0 12px;border-radius: 6px;overflow: hidden}
.gbceun li .col img{height: 180px;object-fit: cover;width: 100%}
.gbceun li .col .abs{left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 176, 155, 0.9);opacity: 0;transition: all 0.5s}
.tab-cell{width: 100%;text-align: center;color: #fff;font-size: 20px;font-weight: bold}
.gbceun li:hover .col .abs{opacity: 1}
.join-apply{height: 214px;background: url(../images/bg1.png) no-repeat center top;margin-top: 56px;border-radius: 6px;overflow: hidden}
.join-apply .tit{color: #fff}
.apply-btn a{width: 207px;height: 53px;background: #00b099;line-height: 53px;margin: 20px auto 0 auto;border-radius: 50px;color: #fff}
.apply-btn a:hover{color: #fff}
.recruitment{padding-bottom: 3.8%}
.hot-post{padding: 62px 0 31px 0}
.post{margin: 0 -20px;margin-top: 40px}
.post li{width: 33.333%}
.post a{display: block;box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.05);margin: 0 20px 40px 20px;height: 206px;border-radius: 6px;overflow: hidden;transition: 0.5s;padding: 28px;box-sizing: border-box}
.post a:hover{box-shadow: 5px 5px 20px 6px rgba(113, 111, 111, 0.15)}
.post a .tit{border-bottom: 1px solid #e4e4e4;padding-bottom: 18px;color: #000}
.post a .text{padding-top: 16px;color: #676b77;margin-bottom: 8px;transition: all 0.36s}
.resume{margin-top: 45px}
.resume-box{box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);height: 349px;width: 49.5%;border-radius: 6px}
.attache p:first-child{color: #666}
.resume ul{width: 49.5%}
.resume ul li{width: 49%;box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);height: 167px;margin-bottom: 15px;border-radius: 6px}
.resume ul li:last-child{width: 100%;background: #125bae;color: #fff}
.resume ul li .mode a{display: block;margin: 0 1.8vw;margin-top: 15px}
.resume ul li .img{width: 97px;height: 97px;margin: 0 auto}
.resume ul li .img img{height: 97px}
.process .tit{padding: 50px 0}
.subtit{line-height: 36px;margin-top: 15px}
.mt8{margin-top: 72px}
.research{padding-bottom: 5%}
.research-box{margin-top: 2%}
.research-box .img{width: 131px;background: #1ba693;border-radius: 6px;overflow: hidden}
.research-box .img img{height: 113px;object-fit: scale-down}
.research-box .txt{width: calc(100% - 130px);text-align: right;margin-top: 1%;line-height: 2}
.opbbuna2{margin-top: 5%;margin-left: 20%}
.opbbuna2 li{width: 48%}
.opbbuna2 li .num{color: #0551a7;font-size: 3.5vw;width: 150px}
.school,
.honor{padding: 5% 20px;border-bottom: 2px solid #eee;margin-bottom: 3%}
.school{padding: 5% 40px}
.opbbuna2 li .tit{width: calc(100% - 186px);line-height: 2.4}
.honorSwiper img{height: 332px;object-fit: scale-down;margin: 0 auto}
.school img{height: 90px;object-fit: scale-down;margin: 0 auto}
.schoolSwiper .imgbox{padding: 0 20px;font-size: 16px}
.schoolSwiper .imgbox .tit{margin-top: 20px;text-align: center;line-height: 30px;height: 60px;margin-bottom: 20px}
.navigation .swiper-button-prev:after,
.navigation .swiper-button-next:after{font-size: 25px;color: #333}
.olemna{padding-top: 2%;margin: 0 -13px}
.olemna li{width: 33.3333%}
.olemna li .con{margin: 26px 13px 0 13px;height: 58px;background: #0551a7;text-align: center;font-size: 16px;line-height: 58px;color: #fff;border-radius: 6px}
.olemna li:nth-child(2n) .con{background: #1aa692}
.img-txt{height: 467px;margin-top: 5%;background: url(../images/bg2.png) no-repeat left center;border-radius: 6px;color: #fff}
.direction{padding-bottom: 5%}
.direction-list ul{margin: 0 -30px;margin-top: 5%}
.direction-list ul li{width: 33.333%}
.direction-list ul li a{display: block;margin: 0 30px 60px 30px}
.direction-list ul li a .tit{border-top: 2px solid #edeaea;padding: 10px 0 45px 0}
.direction-list ul li a .tit::after{height: 2px;background: #00b099;width: 0;top: -2px;left: 0;content: "";position: absolute;transition: 0.5s}
.direction-list ul li a .img{border-radius: 6px}
.direction-list ul li a img{height: 231px;object-fit: cover}
.direction-list ul li a .txt{margin-top: 20px;color: #333}
.direction-list ul li a:hover .tit::after{width: 100%}
.direction-list ul li a:hover .tit{color: #00b19c}
.poubca .txt{font-weight: 100;margin-top: 2%;padding: 0 8%}
.direction-switch{padding-top:5%}
.direction-switch li{margin-right:7px;color:#fff;flex:1;transition:0.5s}
.direction-switch li .img img{height:454px;border-radius:6px;object-fit:cover;}
.direction-switch li .abs{left:0;top:0;width:100%;height:100%}
.direction-switch li .abs .content{padding:7%;transition:0.5s;}
.direction-switch li:last-child{margin:0}
.direction-switch li.cur{flex:2;}
.direction-switch li .abs .content  .txt{margin-top:20px;display:none;}
.direction-switch li.cur .abs .content .txt{opacity:1;display:block}

.pd5{padding-bottom: 5%}
.achievement-list{margin: 5% 0;height: 416px;overflow: hidden}
.achievement-list li{width: 317px;transition: 0.5s}
.achievement-list .imgbox .tit{left: 0;bottom: 20px;width: 100%;text-align: center;font-size: 23px;color: #fff;transition: 0.5s}
.achievement-list .imgbox{width: 317px}
.content-box{display: none;width: calc(100% - 317px);box-sizing: border-box;padding: 2% 6% 0 6%;overflow: hidden}
.achievement-list .content{height: 100%;overflow: hidden}
.achievement-list .content .tit{font-size: 30px;font-weight: bold;color: #000;line-height: 60px;padding-bottom: 31px}
.achievement-list .content .tit::after{position: absolute;content: "";height: 3px;width: 45px;background: #008cd6;left: 0;bottom: 0}
.achievement-list .content .txt{color: #666666;padding-top: 31px;height: 120px}
.achievement-list .img img{height: 416px;object-fit: cover;width: 100%}
.achievement-list li.cur{width: 886px}
.achievement-list li.cur .content-box{display: block}
.achievement-list li.cur .imgbox .tit{opacity: 0}
.achievement-bg{background: #0b66b4;height: 556px;margin-top: 22px}
.achievement-bg::after{border: 22px solid;border-color: transparent;border-bottom-color: #0b66b4;left: 50%;top: -44px;position: absolute;content: "";transform: translateX(-50%)}
.achievement-bg .text{line-height: 40px;color: #fff;padding-top: 72px}
.achievement-bg .text p{margin-top: 20px}
.achievement-box{max-width: calc(960px + 50%);width: calc(50vw + 680px)}
.margin{margin-top: -19%}
.achievementSwiper .img{border-radius: 6px}
.achievementSwiper .img img{height:350px;object-fit:cover;}
.achievementSwiper .abs{left: 0;bottom: 30px;width: 100%;padding: 0 60px;box-sizing: border-box;font-size: 30px;color: #fff}
.achievementSwiper .swiper-button-next,
.achievementSwiper .swiper-button-prev{border-radius: 50%;background: #fff;width: 50px;visibility: hidden;height: 50px}
.achievementSwiper .swiper-button-next::after,
.achievementSwiper .swiper-button-prev::after{font-size: 20px;color: #008cd6}
.achievementSwiper:hover .swiper-button-next,
.achievementSwiper:hover .swiper-button-prev{visibility: visible}
.pd4{padding-bottom: 4%}
.innovation{padding: 0px 0 3.5% 0}
.poubca .sub-title{padding-top: 35px}
.industry-us{margin-top: 64px}
.industry-us .txt,
.industry-us .img{width: 50%}
.industry-us .img img{height: 373px;width: 100%}
.industry-us .txt{box-sizing: border-box;padding: 20px 57px 0 57px;height: 373px}
.industry-us li:nth-child(2n){flex-direction: row-reverse}
.fabricate-box{margin-top: 73px}
.round-box{padding-top: 46px;width: 600px}
.round-box .img{width: 382px;border-radius: 50%;height: 382px;overflow: hidden}
.round-box img{height: 382px;object-fit: cover}
.round-box::after{height: 471px;width: 100%;background: url(../images/round.png) no-repeat left center;position: absolute;left: 0;top: 0;content: "";z-index: -1}
.round-box .abs{width: 100%;height: 100%;left: 0;top: 0}
.fabricate-content{width: calc(100% - 700px)}
.my-pagination .swiper-pagination-bullet{display: block;border-radius: 0;height: 50px;background: none}
.my-pagination li{width: 80%;line-height: 50px;margin-bottom: 50px !important;text-align: right}
.my-pagination li>span{position: relative !important;padding-left: 40px;font-size: 20px;font-weight: bold}
.my-pagination li>span::after{border-radius: 50%;height: 14px;width: 14px;background: #0B66B4;position: absolute;left: 0;top: 40%;content: ""}
.my-pagination .swiper-pagination-bullet-active span{color: #00b099 !important}
.my-pagination li:nth-child(1){width: 68%}
.my-pagination li:nth-child(2){width: 87.5%}
.my-pagination li:nth-child(3){width: 92.8%}
.my-pagination li:nth-child(4){width: 90.5%}
.my-pagination li:nth-child(5){width: 79%}
.fabricateSwiper .tit{font-size: 26px;font-weight: bold;line-height: 48px}
.fabricateSwiper .txt{font-size: 20px;line-height: 36px;margin-top: 15px}
.fabricateSwiper .img{display:none}
.fabricate-list ul li{padding: 5.4% 0 4.5% 0}
.fabricate-list ul li:nth-child(odd){background: #F5F5F5}
.fabricate-list ul li:nth-child(even) .fabricate-txt{flex-direction: row-reverse;background: none}
.fabricate-list ul li .text{width: calc(100% - 696px)}
.fabricate-list ul li .text .tit{padding: 55px 0 36px 0}
.fabricate-list ul li .img{width: 604px;border-radius: 6px;overflow: hidden}
.fabricate-list ul li .img img{width: 100%;object-fit: cover;height: 361px}
.fabricateSwiper .swiper-button-next ,.fabricateSwiper .swiper-button-prev{display:none !important;}
/* 通用 */
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
.font36{font-size: 36px}
.li30{line-height: 30px}
.li36{line-height: 36px}
.li40{line-height: 40px}
.li48{line-height: 48px}
.abs1{display:none !important}
.img-on{display:none;}

/* 媒介查询 */
@media (min-width: 1201px) {
  .tabs-border a:hover{border-bottom: 3px solid #008cd6;font-weight: bold;color: #000}
  .about-us-right:hover .img {margin-left: 20px}
  .about-us-right:hover .img-round {left: 20px}
  .advantage li a:hover .abs {background: rgba(0, 176, 155, 0.8);bottom: 0;transition: all 0.5s;bottom: 0;display: flex;align-items: center}
  .values ul li:hover .txt{opacity: 1}
  .values ul li:hover .col{margin-top: -90px}
  .img-tabs ul li:hover .item{margin-top: -100px}
  .about-label li a:hover{box-shadow: 0px 2px 21px 0px rgba(5, 5, 5, 0.09);color: #333;margin-top: -8px}
  .aboutSwiper .swiper-button-next,
  .aboutSwiper .swiper-button-prev{font-weight: bold;line-height: 48px;font-size: 30px;color: #ddd;justify-content: flex-start;background: #fff;transition: none}
  .aboutSwiper .swiper-button-prev,.aboutSwiper .swiper-button-next{width: 100% !important;left: 0;top: auto;bottom: 0;height: 80px !important;background:#fff}
  .aboutSwiper .swiper-button-prev{width: 100% !important;left: 0;top: 0;}
  .aboutSwiper .swiper-button-prev::after,
  .aboutSwiper .swiper-button-next:after{font-size: 0}

  .develop-list a:hover .front{transform: rotateY(180deg);display: none}
  .develop-list a:hover .reverse{transform: rotateY(0deg)}
  .develop-list a:hover .reverse .more{opacity: 1}
}

/* 头部 */
@media (max-width: 1200px) {
  header {height: auto;padding: 5px 0;background: rgba(0, 0, 0, 0.7)}
  header.on {top: -60px}
  header.m-on {top: 0}
  .container {max-width: 94%}
  .mobile-top {display: block}
  .mobile-stock-code {font-size: 16px;color: #fff}
  .mobile-stock-code p:last-child {margin-top: 6px}
  .mobile-logo img {height: 45px}
  .mobile-top i {margin: 10px 15px 0 15px;height: 25px;width: 1px;background: rgba(255, 255, 255, 0.7)}
  .mob-nav {display: block !important}
  .mobile-nav {position: absolute;right: 0px;top: 58px;background:#0277bd;padding: 10px;box-sizing: border-box;width: 100%;height: 100vh;overflow-y: auto;display: none}
  nav,.nav-list,.nav-info-btn,.nav-info {height: auto;display: block !important}
  .nav-info {border-bottom: 1px solid rgba(202, 202, 202, 0.7);padding-bottom: 10px;margin-bottom: 10px}
  .company {width: 100%;box-sizing: border-box}
 
  nav a,.company a,.nav-info-btn a {line-height: 36px}
  nav a {font-weight: 400;font-size: 14px}
  footer{padding:5% 0;}
  .footer-nav{display:none !important}
  .footer-content{width:100%}
  .footer-content .ewm,.hot-line{justify-content: flex-start !important;}
  .hot-line .tel{font-size:24px}

  

}
/* 头部 end */
@media (max-width: 1280px) {
  .container {max-width: 94%}
  .swiperHonor .tit{padding-right:40px}
}

@media (max-width: 1200px) {
  .column,.product-us .tit,.poubca .title{font-size:15px}
  .mt8,.fabricate-box,.mt8{margin-top:5%}
  .lomunc .tit,.fabricateSwiper .tit,.fabricate-list ul li .text .tit,.fabricateSwiper .txt{font-size:18px}
  .dowload .tit,.apply .txt,.fabricate-list ul li .text .txt{font-size:16px}
  .fabricateSwiper .txt{margin-top:0;}
  .round-box{display:none}
  .add-cont2 a,.fabricate-list ul li .img,.fabricate-list ul li .text,.fabricate-content{width:100%}
  .fabricateSwiper .img img,.fabricate-list ul li .img img{margin:0 auto;width:auto;height:auto;}
  .pd5{padding-bottom:4%}
  .fabricateSwiper .img{display:block;padding:2% 0;}
  .cooperation .content,.fabricate-list ul li:nth-child(even) .fabricate-txt,.fabricate-txt{flex-direction:column}
  .fabricate-list ul li .img,.fabricate-list ul li{padding:3% 0}
  .fabricate-list ul li .text .tit{padding-top:0;}
  .fabricate-list ul li .text .tit{padding-bottom:15px}
  .tabs-border{height:50px;}
  .tabs-border a{line-height:48px;font-size:15px !important;}
  .tabs-border a{margin-right:15px}
  .add-cont li{padding:2% 3%;font-size:16px;text-align:left;}
  .news,.cooperation .content,.column{padding:5% 0;}
  .dowload{padding:2% 3%;}
  .dowload .tit{padding-right:80px}
  .ny-banner .abs{position:static !important;padding:3%;width:100%;justify-content:flex-start !important;font-size:16px !important}
  .cooperation .content .box{width:100%;height:auto;padding:5%;margin-bottom:10px}
  .cooperation .content .box .tit{font-size:18px}
  .cooperation .content .txt{font-size:16px;margin-top:5px}
  .win .img img{height: auto;margin:0 auto;}
  .win .abs{padding:3%;width:100%;position:static !important;min-height:auto;transform: none;}
  .win .abs .text{padding:0;font-size:18px}
  .font36{font-size:20px}
  .hot-post{padding:6% 0;}
  .post{margin:0;padding-top:6%}
  .win .img,.post li{width:100%;margin-bottom:10px;}
  .post a{margin:0;}
  .font20{font-size:18px}
  .font18{font-size:16px}
  .resume{margin-top:6%;}
  .details-title{padding:4% 0;}
  .details-title .tit{font-size:20px !important;}
  .vision , .page{flex-direction:column;}
  .next{text-align:left !important;width:100%;margin-bottom:20px}
  .next a{display:block;}
  .vision-left,.vision-content{width:100%}
  .vision-tabs .abs li{flex:auto;width:100%;border-bottom: 1px solid rgba(255, 255, 255, 0.3);height:80px;}
  .vision-tabs .abs li .box{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:0 3%;}
  .deco{margin:0;}
  .vision img{height:321px;object-fit:cover;}
  .vision-content{padding:3%;}
  .vision-content .item .tit{font-size:20px;margin-bottom:0;}
  .vision-content .item p{font-size:18px;}
  .idea{padding:0 3% 6% 3%;}
  .idea .sub-tit{font-size:20px}
  .font24{font-size:18px}
  .opbbuna2 li .num{width:100px}
  .opbbuna2 li .tit{width:calc(100% - 120px)}
  .img-txt{font-size:20px;}
  .win .img, .post li{margin-bottom:0;}
  .font26{font-size:20px}
  .win .abs .text .tit{margin-bottom:9px}
  .values{margin:0;}
  .values ul{position:static !important;flex-wrap: wrap;padding-top:10px;max-width:94%;width:100%;margin:0 auto;margin-bottom:4%}
  .values ul li{width:100%; box-shadow: 0px 0px 21px 0px rgba(80, 80, 80, 0.08);margin-bottom:10px}
  .values ul li .col{color:#333;min-width:100%;font-size:18px;padding:2% 0;box-sizing:border-box}
  .values ul li .col .tit{line-height:45px;font-size:16px}
  .values ul li .col .txt{opacity:1;text-align:center;margin-top:0;}
  .win .abs .text{font-size:16px}
  .poubca .sub-title{padding-top:3%;line-height:32px;font-size:18px}
  .industry-us{margin-top:5%}
  .industry-us li{flex-wrap:wrap;}
  .industry-us .txt, .industry-us .img{width:100%}
  .industry-us .img img{height:auto;margin:0 auto;width:auto}
  .industry-us .txt{display:block;height:auto;padding:3% 0;}
  .join-img .abs{position:static !important;transform:none;max-width:100%;padding:3%;box-sizing:border-box;}
  .join-img{margin:5% 0;}
  .join-list li .content .txt{margin-top:10px}
  .join-list li .content .txt{line-height:30px}
  .join-list{flex-wrap:wrap;}
  .join-list li{width:100%;margin-top:10px;padding-top:3%;}
  .join-list li .img img{width:auto;margin:0 auto;border-radius:6px}
  .join-list li .content{height: auto;padding:3% 0;text-align:center;}
  .join-txt{margin:10px 0;font-weight:100 !important;font-size:16px}
  .join-apply{margin-top:5%;}

 .director .abs{position:static !important;}
 .director .abs .content{width:100%;color:#333;font-size:20px;font-weight:800;padding:3% 0;text-align: justify;line-height:36px;}
 .director .abs .content .img-tit{display:none}
 .director .abs1{display:block !important;position:absolute !important;right:10px;top:20%;}
 .lead-box1 .abs{position:static !important;}
 .lead-box1 .txt,.lead-box1{height: auto;}
 .lead-box1 .txt{width:100%;background:none;padding:3% 0;}
 .lead-box2 .img img,.lead-box1 .abs img{margin:0 auto}
 .lead-box1{margin:0;padding-bottom:5%;}
 .lead-box2 .flex{flex-direction:column-reverse;}
 .lead-box2 .img, .lead-box2 .content{width:100%;background:none}
 .lead-box3 .title,.lead-box2,.lead-box2 .content .text{padding:4% 0;}
 .lead-box2 .img img,.lead-box2 .content .images img{height:auto;width:auto;margin:0 auto}
 .lead-tabs-content ul,.lead-tabs{flex-wrap:wrap;}
 .lead-tabs a{width:100%;height:56px;line-height:56px}
 .lead-tabs a.cur::after{display:none}
 .lead-tabs-content li{flex:auto;width:100%;padding-right:0;}
 .vision2 img{height:240px;}
 .advantage li{width:100%;margin-bottom:10px}
 .advantage a img{height:auto;margin:0 auto;width:auto;}
 .advantage li a .abs{position:static !important;padding:3%;}
 .advantage li a .konw,.advantage li a .txt{margin-top:10px}
 .industrySwiper .swiper-slide:nth-child(2n) .imgbox{margin-top: 0 !important}
 .industrySwiper .swiper-slide{height: auto !important;}
 .industry .title{padding:6% 0;}
 .font20{font-size:16px}
 .img-tabs .abs{position:static !important;}
 .img-tabs{display:flex; flex-direction:column-reverse;}
 .img-tabs ul li .item .tit{color:#333;}
 .img-on{display:block;}
 .img-dn{display:none;}
 .img-tabs .img img{height:auto;width:auto;}
 .about-us:nth-child(2n),.about-us{flex-direction:column}
 .about-us-right , .about-us-left{width:100%}
 .about-us-right .img{border-radius:0;width:100%;margin:0;}
 .about-us-right .img-round{display:none}
 .about-us-right .img img{height:auto;margin:0 auto;}
 .about-award ul, .about-label ul{margin:0 -5px;}
 .about-award ul li a,.about-label li a{margin:0 5px 0px 5px;border-radius:0;}
 .about-award ul li, .about-label li{margin-bottom:10px}
 .about-award ul li, .about-label li{width:50%}
 .company-us .tit{font-size:20px;text-align:center;}
 .about-us-right .img{height: auto;padding-bottom:30px;}
 .about-award,.about-label{padding:5% 0;}
 .achievement-list{flex-wrap: wrap;height:auto;}
 .achievement-list li,.achievement-list li.cur{width:100%;flex:auto;margin-bottom:10px;flex-direction:column;}
 .achievement-list .img img{height: auto;margin:0 auto;width:auto;}
 .content-box,.achievement-list .imgbox{width:100%}
 .achievement-list .content .tit{text-align:center;font-size:18px}
 .achievement-list .content{display:block;}
 .achievement-list .content .tit{padding:0;}
 .about-us-on,.achievement-list .imgbox .tit,.achievement-list .content .tit::after{display:none}
 .achievement-list .content .txt{height: auto;padding:1% 0;text-align:center;}
 .content-box{padding:0;display:block;}
 .aboutSwiper{height:auto}
 .aboutSwiper .swiper-slide .con{padding:4% 0 0 0;}
 .aboutSwiper .tit{font-size:18px;}
 .aboutSwiper .txt{font-size:16px;}
.aboutSwiper  img{height:auto;width:auto;margin:0 auto;}

.aboutSwiper .swiper-button-next,.aboutSwiper .swiper-button-prev{top:50px;height:35px;width:35px;background: #0551a7;}
.aboutSwiper .swiper-button-prev{left:auto;right:60px}
.aboutSwiper .swiper-button-prev::after,.aboutSwiper .swiper-button-next::after{font-size:20px}
.achievement-bg::after{display:none}
.achievement-box{width:auto;max-width:auto;}
.margin{margin:0}
.achievement-bg .text{padding:4% 0}
.achievement-bg{height:auto;}
.achievement-bg .text p{margin-top:0;}
.achievementSwiper {margin-top:5%;}
.achievementSwiper .abs{font-size:18px;padding-left:20px;}
.img-switch ul li .img img,.cp-vod video{height:auto;}
.img-switch ul li.cur,.img-switch ul li{flex:auto ; width:100%}
.img-switch ul li .txt{opacity:1;}
.img-switch ul li .abs,.img-switch ul li.cur .abs{color:#333;position:static !important;height:auto;padding:3% 0;}
.img-switch ul li .tit{font-size:18px}
.img-switch ul li .txt{color:#333;font-size:16px;margin-top:0;}
.img-switch ul li .img img{width:auto;margin:0 auto;}
.esg-case ul{height: auto;}
.esg-case ul li{width:100%;flex:auto;margin:0 0 10px 0;}
.esg-case ul li .tit{font-size:20px;font-weight:bold;}
.esg-case ul li .txt{display:block;margin-top:10px}
.esg-case ul li .content{padding:4%;}
.esg-case ul li:nth-child(odd){background: #00b099;}
.direction-switch li.cur,.direction-switch li{flex:auto;width:100%;margin:0;}
.direction-switch li .abs{position:static !important; color:#333;height: auto;}
.direction-switch li .abs .content{padding:3%;text-align:center;width:100%;}
.direction-switch li .abs .content  .txt{margin-top:10px;display:block;}
.direction-list ul li a img,.direction-switch li .img img,.esg-list ul li img,.img-text li img{height: auto;width:auto;margin:0 auto;}
.party-building{padding:5% 0 0 0}
.column{padding:0;width:100%}
.column-title{font-size:18px}
.know-more{padding:5% 0;}
.party-building>.container>.content .text{width:100%;position:static;padding:5%;font-size:16px;}
.industry-title{margin:5% 0 3% 0;display:block !important;}
.pc_index_case,.line::after{display:none}
.industry-title .column-title{padding-top:20px}
.m_index_case{display:block}
.index_case li.cur,.index_case li{width:100%;margin-bottom:10px}
.index_case img{height:auto;width:auto;margin:0 auto}
.index_case .con{position:static;background:none;color:#333;text-align:center}
.index_case .con .txt{display:block;padding-top:2%}
.develop-list,.develop-num,.develop{margin-top:5%}
.develop-list li:nth-child(odd){padding:0}
.develop-list{justify-content: space-between;}
.develop-list li{width:49%}
.rotation .abs{position:static !important}
.develop-list li a{height:auto;}
.rotation .abs .text{padding-bottom:0;}
.rotation .abs .more{opacity:1}
.index-news-column a .column-title,.develop-list li a .more{color:#0B66B4;}
.index-news-column .tit,.reverse,.more-icon{display:none}
.rotation .abs .title{margin-top:0;}
.index-nesw-box,.index-news-column,.develop-num{flex-direction:column;}
.develop-num>li{margin:0 auto; margin-bottom:15px;background-size:150px;height:150px;width:100%}
.develop-num>li>.num{font-size:40px;margin-top:20px;height:auto;height:40px}
.front .img img{margin:0 auto}
.rotation .abs .text{height: auto;font-size:14px}
.rotation .abs{padding:2% 0;}
.huhane,.rotation .abs .title{font-size:18px}
.swiper03,.buaehn,.index-news-column{height:auto;}
.buaehn,.loemnf-box,.index-news-left,.index-news-right{width:100%;}
.index-news-right a{margin-top:15px;}
.index-rel .abs{position:static;}
.font22 {font-size:18px}
.index-news-left .img img,.index-news-right .img img{height: auto;margin:0 auto;width:auto}
.partner-column,.index-news-media-box{margin-top:5%;flex-direction:column}
.index-news-media .tit{text-align:center;font-size:24px;color:#0551a5;font-weight:bold}
.buaehn{margin:6% 0 8% 0;}
.swiper03 .swiper-pagination{bottom:-4px !important}
.partner-column{margin:0;height: auto;}
.index-news-column a .column-title, .develop-list li a .more,.partner-column .column-title{
  height: 35px;
  width: 160px;
  background: #008cd6;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-size:14px;
  margin:24px auto;
}
.index-news-media{margin:6% 0}
.lead3{padding-top:7%}
.leadSwiper img{height: auto;margin:0 auto;width:auto;}
}


@media (max-width: 1000px){
.lead1-btn {
    height: 40px;
    padding: 3% 0;
    width: 150px;
    margin: 0 auto;
}
  .banenr img{height:250px;object-fit:cover;}
  .brand a img,.brand a{height:75px;}
  .brand a{margin:10px}
  .resume ul,.resume {flex-direction:column;}
  .resume ul li,.resume ul,.resume-box{width:100%}
  .resume-box{height:180px}
  .mode img{height:20px;}
  .news ul{margin:0 -8px;}
  .news ul li{width:50%}
  .news a{margin:0 8px 16px 8px}
  .media {flex-direction:column}
  .hot-mailbox{padding:10% 5%;width:100%;box-sizing:border-box;font-size:16px}
  .research-box .img{display:none;}
  .research-box .txt{width:100%;text-align:center;}
  .opbbuna2{margin-left:4%;}
  .honor{padding:0;}
  .join-list{margin:5% 0 9% 0;}
  .gbceun li{width:33.333%}
  .gbceun{margin:0 -5px;padding-top: 5%;}
  .gbceun li{margin-bottom:10px}
  .gbceun li .col{margin:0 5px}
  .gbceun li .col .abs{position:static !important;opacity:1;background:none}
  .tab-cell{color:#333;padding:2%;text-align:center;font-size:16px;font-weight:100;line-height:36px}
  .director-name{padding-top:0}
  .mb-4{margin:0;}
  .img-text li{margin:0;}
  .esg-list ul li,.img-text li .img, .img-text li .text{width:100%;}
  .img-text li:nth-child(2n), .img-text li{flex-direction:column;}
  .img-text li .text{padding:3% 0;}


  .esg-list ul li{margin-bottom:10px}
  .esg-list ul li .abs .txt{opacity:1;margin-top:10px}
  .esg-list ul li:hover .abs{background:none;}

.direction-list ul{margin:5% 0 ;}
.direction-list ul li{width:100%;}
.direction-list ul li a{margin:0 0 30px 0;}
.direction-list ul li a .tit{padding:10px 0;text-align:center;}
.direction-list ul li a .txt{text-align:center}
.poubca .txt{padding:0;}

.brand li{width:50%;}
.brand li img{margin:0 auto;}

}

@media (max-width: 768px){
.index-rel .abs {
      
    padding: 5px 10px; line-height:26px;
  
    height: 75px;
}
  .tab-width{width:768px;display:flex;justify-content:space-between;}
  .mov{display:none}
  .pages a{margin-right:20px}
  .process li img{height:40px;margin:0 auto;}
  .process li:nth-child(2n) img{height:20px;}
  .process li .subtit{font-size:14px}
  .honor{padding:5% 50px;}
  .opbbuna2 li{flex-direction:column;}
  .opbbuna2 li .tit,.opbbuna2 li .num{width:100%;text-align:center;}
  .schoolSwiper .imgbox .tit{height: auto}
  .olemna{margin:0}
  .olemna li{width:100%;}
  .olemna li .con{margin:0 0 6px 0}
  .img-txt{margin-top:6px;height:auto;padding:4%;font-size:16px}
  .img-txt p{text-align:left;}
  .research-box .txt br,.img-txt br{display:none;}
  .opbbuna2 li .num{font-size:24px;}
  .opbbuna2 li .tit{font-size:16px}
  .gbceun li{width:50%}
  .join-apply .tit{font-size:16px;padding:0 5%;line-height:32px}
  .director .abs1 img{height:50px}
  .swiperHonor .year-box{width:130px;margin:0 auto;}
  .swiperHonor .year{height:130px;line-height:130px;font-size:40px;width:130px;}
  .swiperHonor .tit{text-align:center;padding:0;}
  .swiperHonor .tit{margin-top:30px;}
  .personal-honor .tit,.director-name{text-align:center;padding:5% 0;}
  .about-award ul li, .about-label li{width:100%}
  .img-tabs ul li .item .icon img{height:50px;margin:0 auto;}
  .img-tabs ul li .item .icon{height:50px}
  .img-tabs ul li{width:50%;margin-bottom:20px}
  .about-label li a{font-size:16px;height:118px;padding:0;}
  .about-label li a img{height:70px}
  .loemnf li{width:100%;margin-top:0;margin-top:30px;padding-right:0;}
  .loemnf li a .d2{height:auto;}
  .loemnf li a{padding-top:15px}

}

@media (max-width: 639px){
  .news ul{margin:0;}
  .news ul li a{margin:0 0 8px 0}
  .news ul li{width:100%}
  .join-list li .img img{width:100%}

 
}

@media (max-width: 480px){
  .opbbuna2 {flex-direction:column;}
  .opbbuna2 li{width:100%;margin-top: 5%;}
  .gbceun li .col img{height:110px}
  .gbceun{padding-top:9%}
  .director .abs1 img{height:40px}
  .rotation .img img{height:280px}
}