.banner{overflow: hidden; padding-left: 0; padding-right: 0;}
.tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:23%; margin:0px 1%;}
.tcm-product li img { width:100%; object-fit: cover ; transform: scale(1); transition: all .5s;}

@media (min-width: 900px){

  .container {

    margin: 0 3.68%;

 }

}

.form-control{box-shadow:none}

.container-fluid{overflow: hidden;}

/* 导航 */

.pc-header{ position: fixed;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  align-items: center;

  padding: 0 0.7rem;

  z-index: 10;

  height: 1.01rem;

  background: #ffffff;

 border-bottom: 0.01rem solid rgba(255,255,255,0.3);transition: all .3s ease;}
 .pc-header.on{box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03);}

 .head-left{padding-right: 0.5rem;}

 .head-left p,.head-left span{flex: 1;}

.head-left img{width: 16px; height: 16px; margin-right: 3px; }

.head-left div{display: flex; align-items: center;}

.head-left div:nth-child(2){margin-top: 5px;}

.head-left div span{font-size: 12px;color: #888888;line-height: 17px;}

.head-left div p{font-size: 16px;color: #333333;line-height: 22px; }



.header-nav{ display: flex;justify-content: flex-end; -webkit-box-flex: 1;-webkit-flex: 1;flex: 1; justify-content: center; align-items: center; margin-left: 20vw;}

.header-nav a{ color: #333333; font-size: 16px;font-weight: 500;line-height: 0.22rem; transition: color .3s ease; flex: 1;  text-align: center; position: relative;}

.header-nav a::after{position: absolute; content: ''; height: 1.01rem; width: 100%; left: 0; top: -180%; background: transparent; transition: all .5s;}

.header-nav a p{color: #333333;transition: color .3s ease;font-size: 20px;}

.header-nav a span{color: #999999;transition: color .3s ease; margin-top: 3px;font-size: 13px;}

.header-nav a .header-nav-icon{width: 15px; margin: auto;  opacity: 0;  transition: all .3s; position: absolute;  left: 50%; bottom: -18px; margin-left: -7.5px;}

/* .logo-img{position: absolute; top: -100%; left: 0;} */

.logo-img{margin-top: 1rem; width: 1.83rem;}
.logo{ display: block; width: 1.72rem;}


.header-right{ display: flex;align-items: center;transition: all .3s;padding-left: 0.5rem; }
.header-right a{display: flex; align-items: center;color: #333333;font-size: .24rem;font-weight: 500;}
.header-right a > img{width: 0.28rem; height: .28rem; margin-right: 0.05rem;transition: all .3s ease; cursor: pointer;}



.header-nav a:hover::after{background: rgba(6, 54, 189, 0.05)}



.header-nav a:hover p,.header-nav a:hover span{ color:#007abc ;}

.header-nav a:hover .header-nav-icon,.header-nav a:hover .header-nav-icon{ opacity: 1;}



.sub-nav{position: absolute; width: 100%; background: #fff; min-height: 100px; top: 0.8rem; display: none;}



.sub-nav div{ margin: 10px; display: flex; align-items: center;transition: all .5s; }



.sub-nav div .item-img2 {width: 0.44rem; height: .44rem; margin-right: 0.05rem;  overflow: hidden;}

.sub-nav div .item-img2 img {width: 0.44rem; height: .44rem; transform: translate(0,0); transition: all .5s; }

.sub-nav div p{font-size: 14px;color: #333333;line-height: 20px;font-weight: 400;  transition: all .5s;}

.sub-nav div:hover .item-img2 img{transform: translate(-100%,0);}

.sub-nav div:hover{background: #007abc; border-radius: 8px; }

.sub-nav div:hover p{color: #ffffff;}

.nav-icon {

  display: block;

  position: absolute;

  right: 15px;

  top: 50%;

  margin-top: -7px;

}

.nav-icon span {

  display: block;

  width: 22px;

  height: 2px;

  background: #333;

  border-radius: 2px;

  transition: all .3s linear;

}

.nav-icon span:not(:first-child) {

  margin-top: 4px;

}

.nav-icon.on span:nth-of-type(1) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

}

.nav-icon.on span:nth-of-type(2) {

  width: 0;

}

.nav-icon.on span:nth-of-type(3) {

  -webkit-transform: matrix(1,0,0,1,0,6) rotate(

45deg

);

  transform: matrix(1,0,0,1,0,-6) rotate(

-45deg

);

}



@media (max-width: 780px){

  .pc-header{padding: 0 0.2rem;height: 60px; align-items: unset;}

  .mobile-logo{position: relative; width: 100px;}

  .mobile-logo img{width: 1rem; position: absolute; z-index: 10; top: 0; left: 0;}

  .header-nav{position: absolute; width: 100%;  background: #ffffff; top: 60px ; left: 0; display: none; margin-left: 0;height:100vh}

  .header-nav a{display: block; margin: 30px auto;}
.tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:48%; margin:0px 1%; padding-top:20px;}
.tcm-product li img { width:100%; object-fit: cover ; transform: scale(1); transition: all .5s;}
}


/* 轮播 */

.banner{position: relative;  margin-top: 1rem;}

.banner .swiper-container{}

.banner .swiper-slide img,.banner .swiper-slide video{ object-fit: cover; width: 100%;}

.banner-txt{position: absolute; left: 0; right: 0; top:0 ; bottom: 0;  display: flex;align-items: center; justify-content: center; text-align: center; }

.banner-txt h3{font-size: 0.57rem;font-weight: 500;color: #FFFFFF;line-height: 0.85rem;letter-spacing: 0.1rem; }

.banner-txt p{font-size: 0.24rem;font-weight: 300;color: #FFFFFF;line-height: 0.38rem; margin-top: 0.12rem;letter-spacing: 1px;}

.banner-content-bg{ padding: 0.48rem 0.83rem; background: url(../images/bg1.png) no-repeat; background-size: 100% 100%; position: relative;  overflow: hidden;}

/* 进度条 */

/* .banner .swiper-container-horizontal>.swiper-scrollbar{top:91vh;width: 8%;left:0.67rem; height: 2px; background: #ffffff;}

.banner .swiper-scrollbar-drag{background: #007abc;} */
/* 轮播分页 进度条 */
.banner .swiper-container-horizontal>.swiper-pagination-progressbar,.banner .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ top: 91vh;width: 8%;left:0.67rem;height: 2px;}
.banner .swiper-pagination-progressbar{background: #ffffff;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #007abc;}


/* 分页数字 */

.page-num{position: absolute;  left:0.67rem; top:87vh;  z-index: 8; color: #ffffff;}

.page-num div{position: relative;  display: flex; align-items: center;}

.page-num span{font-family: "DIN";font-size: 0.2rem;font-weight: 500;line-height: 0.26rem; font-family: "FuturaM";}

.page-num #num2{margin-left: 3PX;}

/* 左右按键 */

.banner .swiper-button-next,.banner .swiper-button-prev{ background: rgba(0,0,0,0.15);width: 52px; height: 52px; border-radius: 50%; z-index: 10; transition: all .3s;}
.banner .swiper-button-next.swiper-button-disabled,.banner  .swiper-button-prev.swiper-button-disabled{opacity: 0.3;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{ position: absolute; content: ''; left: 50%; top: 50%; z-index: 2; width: 20px; height: 20px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-top: -10px; }
.banner .swiper-button-prev::after{ transform: rotate(-135deg);  margin-left: -6px; }
.banner .swiper-button-prev{ left: .3rem;  }
.banner .swiper-button-next::after{transform: rotate(45deg);margin-left: -13px; }
.banner .swiper-button-next{right: .3rem;  }
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background: #007abc;}
/* 鼠标图标 */

.banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0;justify-content: center;right: 0;top: 87.5vh;} 

.banner-info .mouse {

  width: 22px;

  height: 32px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 0.1rem;

  position: relative;

}

.banner-info .mouse::before {

  content: "";

  position: absolute;

  width: 6px;

  height: 6px;

  top: 8px;

  left: 50%;

  margin-left: -3px;

  border-radius: 50%;

  background: #007abc;

  z-index: 5;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

.banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 6px;

  height: 6px;

  top: 10px;

  left: 50%;

  margin-left: -3px;

  border-radius: 50%;

  background: #fff;

  z-index: 4;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

#banner  .swiper-slide-active .banner-txt h3 {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.1s;

  -webkit-animation-delay: 0.1s;

}

#banner .swiper-slide-active  .banner-txt p {

  -webkit-animation: fadeup1 1s;

  animation: fadeup1 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  animation-delay: 0.2s;

  -webkit-animation-delay: 0.2s;

}



/* 底部 */



footer{background: #007abc; min-height: 100px; }

.footer-container{ padding-bottom: 0.25rem; padding-top: 0.19rem ;}

.colorfff43{color: rgba(255,255,255,0.43);}

.footer-left{padding: 0.62rem 1.2rem .62rem 0.64rem; border-right:1px solid  rgba(255,255,255,0.12);}

.footer-left img{width: 1.46rem;}

.footer-right{border-left:1px solid  rgba(255,255,255,0.12);color: rgba(255,255,255,0.43); padding-left: 1.4rem; padding-right: 1rem; padding-top: 0.43rem;}

.footer-right p.foot-p1{align-items: center; font-size: 11px;line-height: 15px; }

.footer-right p.foot-p1 img{ height: 15px; margin-right: 5px;}

.footer-right p.foot-p2{font-size: 0.24rem;font-weight: 500;line-height: 0.29rem; margin-top: 10px; margin-bottom: 0.24rem; }

.foot-code{ padding-left:0.14rem ;}

.foot-code img{ width: 1.2rem; height: 1.2rem;}

.foot-code p{ font-size: 12px;line-height: 15px;margin-top: 12px;}

.footer-content { justify-content: center; margin-top: 0.41rem;}

.footer-content h6 { color: #fff;font-size: 16px;font-weight: 500;line-height: 22px; margin-bottom: 0.2rem;}

.footer-content a{color: rgba(255,255,255,0.43); display: block;font-size: 14px;font-weight: 400;line-height: 31px; transition: all .3s;}

.foot-item:not(:last-child){padding-right: 1rem;}

.foot-copyright{border-top: 1px solid  rgba(255,255,255,0.12); padding: 0.23rem 0.5rem 0.29rem; text-align: center;}

.foot-copyright p{font-size: 12px;}

.footer-content a:hover{color: #ffffff;}
.foot-copyright a:hover{color: rgba(255,255,255,0.43);}

/* 首页第二部分 */

.index2,.index3,.index4,.index5{background: #F8F9FB;}

.index1{background: #ffffff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.03); height: 1.78rem; overflow: hidden;}

.index1-item:not(:last-child){border-right: 1px solid rgba(51,51,51,0.11);}

.index1-item{padding-left: 0.52rem; align-items: center;  padding-right: 0.45rem;transition: all .5s; cursor: pointer;}

.index1-item > div{  align-items: center; display: flex;}

.index1-item-img {width: 0.44rem; height: .44rem; margin-right: 0.2rem;  overflow: hidden;}

.index1-item-img img {width: 0.44rem; height: .44rem; transform: translate(0,0); transition: all .5s; }



.index1-item .index1-item1-txt p{ font-size: 16px;font-weight: 600;color: #333333;line-height: 22px; margin-bottom: 3px;transition: all .3s;}

.index1-item .index1-item1-txt span{ font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;transition: all .3s;}

.index1-item.on,.index1-item:hover{background-color: #007abc;}

.index1-item.on.index1-bg1,.index1-item.index1-bg1:hover{background-image: url(../images/icon1-white2.png); background-repeat: no-repeat; background-size: auto 120%; background-position:  90% top;  }

.index1-item.on.index1-bg2,.index1-item.index1-bg2:hover{background-image: url(../images/icon2-white2.png); background-repeat: no-repeat; background-size: auto 120%; background-position:  90% top;  }

.index1-item.on.index1-bg3,.index1-item.index1-bg3:hover{background-image: url(../images/icon3-white2.png); background-repeat: no-repeat; background-size: auto 120%; background-position:  90% top;  }

.index1-item.on .index1-item-img img,.index1-item:hover .index1-item-img img{transform: translate(0,-100%);}

.index1-item.on .index1-item1-txt p,.index1-item.on .index1-item1-txt span,.index1-item:hover .index1-item1-txt p,.index1-item:hover .index1-item1-txt span{color: #fff;}

.plus-icon{width: 17px; height: 2px; background: #333333; position: relative;transition:  color .3s;}

.plus-icon::after{width: 17px; height: 2px; background: #333333; content: ''; position: absolute; transform: rotate(90deg); transition:  color .3s;}

.index1-item.on  .plus-icon,.index1-item.on  .plus-icon::after,.index1-item:hover  .plus-icon,.index1-item:hover  .plus-icon::after{background: #fff;}

/* 首页第二部分 */

.index2-container {width: 100%; justify-content: flex-end; margin: 0.73rem 0;box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.04);}

.index2-content{padding: 1.43rem 0.5rem 0.5rem 0.89rem ; background: url(../images/bg2.png) no-repeat; background-position:  right bottom; }

.index2-content h4{font-size: 0.48rem;font-weight: 500;color: #333333;line-height: 0.52rem;margin: 0.18rem 0;}

.index2-content p.index2-p1{font-size: 14px;font-weight: 400;color: #999999;line-height: 24px; max-width: 63%; margin-top: 0.43rem;}

.index2-num{margin-top: 0.9rem; flex-wrap: wrap; }

.index2-num >div {width: 30%;}

.index2-num >div p:nth-child(1) span{font-size: 0.5rem;color: #333333;-webkit-background-clip: text;line-height: 0.58rem; font-family: "DINCond-Bold";}

.index2-num >div p:nth-child(1) samp{vertical-align:top; font-size: 0.31rem;line-height: 0.36rem;font-weight: bold;font-family: "DINCond-Bold"; margin-left: 3px;}

.index2-num >div p:nth-child(2){font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;}

.index2-content a{align-items: center;color: #007abc;line-height: 20px;font-size: 14px;letter-spacing: 8px; margin-top: 1.1rem; transition: all .3s;}
.index2-content a:hover{transform: translateY(-10px);}
.index2-content a img{width: 27px; height: 27px; margin-left: 5px;}

.index2-img{width: 50%; height: 8rem;  overflow: hidden;}

.index2-img img{ object-fit: cover; width: 100%; height: 100%; transform: scale(1); transition: all .5s;}

.index2-img:hover img{transform: scale(1.1);}

.index-title{ display: flex; justify-content: flex-end; align-items: center;}

.index-title h4{font-size: 0.42rem;font-weight: 500;color: #333333;line-height: 0.59rem; flex: 1;}

.index-title p{font-size: 0.64rem;font-weight: normal;color: rgba(51, 51, 51, 0.04);line-height: 0.76rem; font-family: "DINCond-BoldAlternate";}



.index3::after{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height:4.67rem; background: #007abc; z-index: 2;}

.index3-content,.index3 .index-title{position: relative; z-index: 5;}



.index3-top{ margin-top:.57rem ; position: relative;overflow: hidden; padding-bottom:0.6rem; }

/* .index3-all-items{width: 3000px;height: 783px; position: absolute; overflow: hidden;}

.index3-item{float: left;width: 505px;height: 783px; margin-right: 50px;  position: relative;} */
.index3-item{ position: relative; height: 100%; overflow: hidden;}
.index3-item  img{ object-fit: cover; width: 100%; height: 100%;transition: all .5s;}

.index3-txt{position: absolute; left: 0; right: 0; bottom: 0; top: 0;  padding: .59rem .39rem .70rem;}

.index3-txt h5{font-size: .28rem;font-weight: 500; color: rgba(255,255,255,1);line-height: .40rem;letter-spacing: 2px;}

.index3-txt p{max-width: 90%; font-size: .18rem;font-weight: 500; color: rgba(255,255,255,0.46);line-height: .28rem;letter-spacing: 1px; margin-top: 0.15rem;}



.index3-txt p.wtbr-txt2{ position: absolute; left: .39rem; bottom: .7rem;   writing-mode: tb-rl; font-size: .24rem;font-weight: 500; color: rgba(255,255,255,1);line-height: .23rem;letter-spacing: 2px;}

.progress-box{width: 100%; }

.about-section6-right-title-tabs{ width: 100%;display: flex; justify-content: center; align-items: center; margin-top: 50px; flex-wrap: wrap; }

.about-section6-right-title-tabs span{display: inline-block; height: 40px; line-height: 40px;font-size: 14px;font-weight: bold;color: #ffffff;font-family: "SHSCN-Regular"; width: 136px; background: rgba(0,0,0,0.1); text-align: center; margin-right: 10px; transition: all .5s; cursor: pointer; margin-bottom: 20px;}

.about-section6-right-title-tabs span.active,.about-section6-right-title-tabs span:hover{background: #F12F3B;font-family: "SHSCN-Bold";}

.about-section6-right .about-section6-right-tabs {display: none;}

.about-section6-right .about-section6-right-tabs.active {display: block;}

.index3-more{width: 1.2rem !important; height: 1.2rem !important; margin: auto;margin-top: 1.9rem; transition: all .5s;}

.index3-item:hover .index3-more {margin-top: 1.7rem;}
/* 新增 */
.index3-item:hover img{ transform:scale(1.1);}
.index3-top .swiper-container{padding-bottom:0.6rem; }
.index3-top .swiper-container-horizontal>.swiper-scrollbar{left:0;background-color: rgba(255,255,255,0.23);height: 2px; width:100%;}
.index3-top .swiper-scrollbar-drag{background: #ffffff;height: 7px; width: 10%; cursor: pointer;}

/* 滚动条 */

/* .progress{position: relative; width: 100%; margin: .87rem auto; background: transparent;overflow: unset;}

.progress_bg{height: 2px; border-radius: 5px; background-color:rgba(255,255,255,0.23); }

.progress_bar{background: #ffffff; width: 0; height: 2px; border-radius: 5px;}

.progress_btn{width: 397px; height: 7px; background: #fff; position: absolute;

left: 0px;  top:-3.5px; cursor: pointer;box-sizing:border-box;}

.progress .text{display: none;} */

/* 首页---新闻资讯 */

.index5 .container{padding:.4rem 0  .95rem;}

.news-box{ display: flex;}

.news-box .news-img{ width: 67.2%; height: 7rem ; overflow: hidden;}

.news-box .news-img img{ width: 100%; height: 100% ;object-fit: cover; transform: scale(1); transition: all .5s;}

.news-box .news-img:hover img{  transform: scale(1.1); }

.news-txt{padding: 0.7rem 0.42rem 0.7rem 0.57rem;background: #007abc;}

.news-txt .news-txt-type{font-size: .18rem;font-weight: 500;color: #FFFFFF;line-height: .25rem;letter-spacing: 4px; justify-content: space-between;}

.news-txt .news-txt-type span{font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 28px; font-family: "FuturaM";}

.news-txt .news-txt-title{font-size: .28rem;font-weight: 500;color: #FFFFFF;line-height: .50rem; margin-top: 1.64rem;margin-bottom: 0.13rem; max-width: 85%;}

.news-txt .news-txt-info{font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 24px;max-width: 73%; }

.news-txt .news-txt-r{font-size: 1.8rem;font-weight: bold;color: rgba(255,255,255,0.3);line-height: 24px;  writing-mode: tb-rl; position: absolute; bottom: 0; right: 0;}

.index5-news{margin-top: .57rem;}

.index5-news .swiper-container-horizontal>.swiper-scrollbar{bottom: 0.99rem;width: 6.6%;left: 70%; height: 2px; background: rgba(255,255,255,0.23);}

.index5-news .swiper-scrollbar-drag{background: #ffffff;}

.news-page-num{position: absolute; bottom:1.13rem ;left: 70%;z-index: 5; color: #fff;}

.news-page-num #num3{font-size: .2rem;font-weight: 500;color: #FFFFFF;line-height: .26rem;font-family: "FuturaM";}

.news-page-num #num4{font-size: 10px;font-weight: 500;color: #FFFFFF;line-height: 14px;font-family: "FuturaM";}



/* 新闻列表 */

.news-top{margin-top: 1.07rem; margin-bottom: 0.45rem;}

.weui_flex_wrap{display: flex; flex-wrap: wrap;}

.items-box{justify-content:  space-between;}

.items-box:after {

  content: "";

  width: 31.6%;

}

.items-box .item{width: 23%; margin-bottom: 0.52rem;}

.items-box .item .item-img{width: 100%;  overflow: hidden;}

.items-box .item .item-img img{width: 100%; height:100% ; object-fit: cover ; transform: scale(1); transition: all .5s;}

.items-box .item .item-txt{padding: 0.16rem 0.39rem 0.16rem 0.34rem;background: #FFFFFF;box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.04);}

.items-box .item .item-txt h5{font-size: 0.2rem;font-weight: 500;color: #333333;line-height: 0.27rem;}

.items-box .item .item-txt >p{font-size: 14px;color: #888888;font-weight: 400;line-height: 24px; margin-top: 0.11rem;}

.item-bottom{justify-content: space-between; align-items: center; margin-top: 0.35rem;}

.item-bottom p{font-size: 14px;font-weight: 500;color: #888888;line-height: 27px;}

.item-bottom img{ width: 21px;}

.items-box .item:hover img{transform: scale(1.1);}

/* 合作品牌 */



.index4{width:100%;height:9.3rem; background:url(../images/pinpai-bg1.png) no-repeat; background-position: left center; background-size: 100%;}

.index4-content{height:100%; display:flex;align-items: center; justify-content: center;}

.index4-content img{object-fit: cover; width: 100%; height: 100%;filter: grayscale(100%);

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);}

.index4-bg{position: absolute; left: 0; top: 0;width: 100%; height: 100%; background: transparent;}

.index4-num-txt{width: 18%; }

.index4-num-txt h5{font-size: .38rem;color: rgb(51, 51, 51);font-weight: bold; margin-top: 86%;margin-bottom: .33rem;}

.index4-num-txt p{font-size: .22rem;color: rgb(51, 51, 51); }

.index4-num-txt p.index4-home{margin-top: .94rem;}

.index4-num{ width: 60%; margin: auto; margin-top: 4vw; }

.index4-bg .index4-num h1{font-family: 'DINCond-BoldAlternate'; font-size:5rem; text-align: center;}

.index4-bg .index4-txt{background: #007abc;width: 58%; margin: auto; height: .6rem; line-height: .6rem; color: #fff;font-size: .22rem; font-family: "SHSCN-Medium"; letter-spacing: .15rem; padding: 0 30px; overflow: hidden;}

.animated1 {

  margin: 0;

  padding: 0;

  font-size: 5rem;

  background: url('../images/pinpai-bg3.png') repeat;

  background-position: center bottom;

  background-clip: text;

  -webkit-background-clip: text;

  color: transparent;

  animation: moveBg 90s linear infinite;

  -webkit-animation: moveBg 90s linear infinite;

}

@keyframes moveBg {

  0% {

    background-position:20% 0%;

  }



  100% {

    background-position: 80% 0;

  }

}





/* 新闻详情页 */

.weui-felx-wrap{display: flex; flex-wrap: wrap;}

.news-detail{background: #F2F3F4; padding-top: 2rem;}

.news-detail-link{display: flex; align-items: center; justify-content: space-between; }

.news-detail-link div,.news-detail-link div a ,.news-detail-link div span{font-size: 12px;font-weight: 400;color: #888888;line-height: 17px;}

.news-detail-link div span{color: rgba(51, 51, 51, 1); font-size: 0.18rem;}

.news-details{margin-top:0.75rem ; justify-content: space-between; margin-bottom: 0.8rem;}

.news-details-content{background: #ffffff; width: 72.5%;}

.news-details-content-top{padding:0.57rem 1.18rem 0.57rem 1.41rem;}

.news-details-content-top h3{font-size: 0.28rem;font-weight: 500;color: #444444;line-height: 0.4rem; margin-bottom: 0.16rem;}

.news-details-content-top p span{font-size: 14px;font-weight: 400;color: #999999;line-height: 0.2rem; margin-top: 0.16rem; margin-right: 0.45rem;}

.news-detail-contents{font-size: 16px; margin-top: 0.5rem;}

.news-detail-contents p{font-size: 16px; font-weight: 400;color: #666666;line-height: 34px;}

.news-detail-contents img{margin:0.5rem auto ;}



.news-details-content-bottom{ height: 0.98rem; border-top: 1px solid rgba(237, 237, 237, 1);}

.news-details-content-bottom-item{flex:1; display: flex; align-items: center; justify-content: center; }

.news-details-content-bottom-item a{font-size: 16px;font-weight: 400;color: #666666;line-height: 22px;transition: all .3s;}

.news-details-content-bottom-item:not(:last-child){border-right: 1px solid rgba(237, 237, 237, 1);}

.news-detaill-icon-left{margin-right: 0.2rem;}

.news-detaill-icon-right{margin-left: 0.2rem;}

.news-detaill-icon{display: inline-flex; position: relative; width: 32px; height: 1px;background: rgba(153, 153, 153, 1);transition: all .3s;}

.news-detaill-icon::after{content: '';position: absolute;width: 8px; height: 1px;background: rgba(153, 153, 153, 1); transition: all .3s;}

.news-detaill-icon-left::after{left:0;transform: rotate(-45deg);top: -3px;}

.news-detaill-icon-right::after{right:0;transform: rotate(45deg);top: -3px;}

.news-details-content-bottom-item a:hover{color: #007abc;}

.news-details-content-bottom-item a:hover .news-detaill-icon,.news-details-content-bottom-item a:hover .news-detaill-icon::after{background: #007abc;}

/* 新闻详情-推荐列表 */

.news-details-recommend{width: 26%;  background: #ffffff; min-height: 20px;height: 100%; padding: 0.2rem 0.42rem 0.2rem 0.35rem;}

.news-details-recommend h4{font-size: 0.18rem;font-weight: 500;color: #007abc;line-height: 0.25rem; margin-bottom: 0.03rem;}

.news-details-recommend-item{padding: 0.28rem 0; cursor: pointer;border-bottom: 1px solid rgba(237, 237, 237, 1);}

.news-details-recommend a:last-child .news-details-recommend-item{border-bottom: 0px solid rgba(237, 237, 237, 1); }

.news-details-recommend-item h5{font-size: 16px;font-weight: 500;color: #555555;line-height: 22px;margin-bottom: 0.1rem; transition: all .3s;}

.news-details-recommend-item span{font-size: 12px;font-weight: 500;color: #999999;line-height: 17px;}

.news-details-recommend-item:hover h5{color: #007abc;}







/* 内页banner图 */

.banner-p0{ padding: 0 !important;}

.banner-box{position: relative; height:3.8rem; background-position: center; background-size: cover; margin-top: 1rem; }

.other-banner-txt{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #ffffff; }

.other-banner-txt div{max-width: 37%; text-align: center;}

.other-banner-txt div h3{font-size: 0.48rem;font-weight: 500;line-height: 0.72rem; letter-spacing: 1px;font-family: "SHSCN-Medium"; margin-bottom: .44rem;}

.other-banner-txt div  p{font-size: 16px;font-weight: 500;line-height: 27px;font-family: "SHSCN-Medium";}

.bg-f6f8fa{background: #F6F8FA;}

.news-sec2-title{justify-content: space-between; align-items: center; margin-top: .5rem; padding-bottom: .26rem; border-bottom: 1px solid #ddd; margin-bottom: .5rem;}

.news-sec3-hot-words{color: #333333;font-size: 16px;line-height: 22px;font-weight: 500; display: flex; align-items: center;}

.news-sec3-hot-words a{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; display: inline-block;background: #FFFFFF;width: 1.36rem;height: 0.42rem; line-height: 0.42rem; text-align: center; margin-left: 0.12rem;transition: all .3s;}

.news-sec3-hot-words a:hover{color: #007abc;}



.news-sec4-lists{margin-top: 0.75rem;}

.new-section2-content{margin-top: 0.26rem;justify-content: space-between; }

.new-section2-content .new-section2-item{width: 32%;  padding: 0.36rem 0.55rem;background: #FFFFFF;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); transition: all .5s ease; cursor: pointer; margin-bottom: 0.42rem;}

.new-section2-item-title span{font-size: 18px;color: #007abc;line-height: 28px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); font-family: "FuturaM";}

.new-section2-item-title p{font-size: 18px;font-weight: 600;color: #333333;line-height: 28px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); margin-top: 0.16rem; margin-bottom: 0.65rem; transition: all .5s ease;}

.new-section2-item-img{height: 2.7rem; margin-bottom: 0.37rem;}

.new-section2-item-img img{object-fit: cover; width: 100%; height: 100%;}

.new-section2-item-txt p{font-size: 14px;font-weight: 400;color: #888888;line-height: 24px;text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05);transition: all .5s ease;}

.new-section2-item-txt-link{display: flex; align-items: center; margin: 0.32rem 0;}

.new-section2-item-txt-link a{display: inline-block; width: 1.36rem;height: 0.42rem; line-height: 0.42rem; text-align: center; margin-right: 0.12rem;background: #EFF2F5;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);color: #888888;transition: all .3s ease;}

.new-section2-item:last-child:nth-child(3n + 2){ margin-right: calc((100% - 32%) / 2);}

.new-section2-item:hover{background: #007abc;}

.new-section2-item:hover .new-section2-item-title span,.new-section2-item:hover .new-section2-item-title p,.new-section2-item:hover .new-section2-item-txt p,.new-section2-item:hover .new-section2-item-txt-link a{color: #fff;}

.new-section2-item:hover .new-section2-item-txt-link a{background:rgba(242, 243, 244, 0.15) ;}

.new-section2-item:hover .news-a-more{border-top: 2px solid #fff;color: #ffffff;}

.new-section2-item:hover .news-a-more .more-icon{background: #fff; }

.new-section2-item:hover .news-a-more .more-icon::after{border-left: 10px solid #FFFFFF;}

.news-sec5-item{ padding: 0.52rem .55rem; background: #fff;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);box-sizing:border-box; transform: translateY(0); margin-bottom: 30px; transition: all .5s; cursor: pointer;}

.news-sec5-item .news-time{font-size: .18rem;font-weight: 500;color: #007abc;line-height: .28rem;  width: 130px;}

.news-sec5-right{box-sizing:border-box;align-items: center; justify-content: space-between;}

.news-contents { width: 83%;}

.news-sec5-right h6{font-size: .18rem;font-weight: 600;color: #333333;line-height: .25rem;}

.news-sec5-right p{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 17px;}

.news-sec5-right-a{width: 130px; }

.marb-40{margin-bottom: 40px;}

.news-sec5-item:hover{transform: translateY(-10px);}

/* 共用的css */

.title-big h4{font-size: 1.04rem;font-weight: 800;color: #333333;line-height: 1.38rem;font-family: "Futura-Heavy";}

.title-big p{font-size: .28rem;font-weight: 300;color: #333333;line-height: .4rem;}

.title-list a{font-size: .18rem;font-weight: 500;color: #333333; line-height: 55px; height: 55px; padding: 0 .5rem; transition: all .5s; 

}

.title-small{font-size: .24rem;font-weight: 500;color: #333333;line-height: .33rem;}

.a-more{display: block; color: #333333;font-size: 14px; line-height: 39px;  display: flex;  align-items: center; position: relative; font-family: "Arial";}

.a-more-bortop{border-top: 2px solid #333;}

.more-icon{width: 0.43rem; height: 1px; background: #333; position: absolute;  right: 0; transition: all .3s;}

.more-icon::after{content: ''; position: absolute; width: 0; right: 0; top: 50%; margin-top: -5px; transition: all .3s;

  height: 0;

  border-top: 5px solid transparent;

  border-left: 10px solid #333333;

  border-bottom: 5px solid transparent;}



.title-list a.on,.title-list a:hover{color: #fff;background: 

  linear-gradient(135deg, transparent 6px, #007abc 0)

  top left,

  linear-gradient(-135deg, transparent 6px, #007abc 0)

  top right,

  linear-gradient(-45deg, transparent 6px, #007abc 0)

  bottom right,

  linear-gradient(45deg, transparent 6px, #007abc 0)

  bottom left;

  background-size: 50% 50%;

  background-repeat: no-repeat;}

  /* 新闻分页 */

  .bortop-dd{border-top: 1px solid  #ddd; margin-top: .49rem;}

  .news-pages{text-align: center; position: relative; }

  .news-pages .pagination li a{ background: none; border: 0;color: #333333;font-size: 16px;}

  .news-pages .pagination li a,.news-pages .pagination li span{ width: 32px; height: 32px;}

  .news-pages .pagination li a:hover,.news-pages .pagination>.active>a,.news-pages  .pagination>.active>a:focus,.news-pages .pagination>.active>a:hover,.news-pages .pagination>.active>span,.news-pages .pagination>.active>span:focus,.news-pages .pagination>.active>span:hover{background: 

    linear-gradient(135deg, transparent 6px, #007abc 0)

    top left,

    linear-gradient(-135deg, transparent 6px, #007abc 0)

    top right,

    linear-gradient(-45deg, transparent 6px, #007abc 0)

    bottom right,

    linear-gradient(45deg, transparent 6px, #007abc 0)

    bottom left;

    background-size: 50% 50%;

    background-repeat: no-repeat; color: #ffffff;}

    .news-pages .prev-btn{ position: absolute; left: 0;top: 40%;}

    .news-pages .prev-btn i.more-icon{transform: rotate(180deg);}

    .news-pages .next-btn{ position: absolute; right: 0;top: 40%;}

    .news-pages .pagination li.prev-btn a:hover,  .news-pages .pagination li.next-btn a:hover{background: none;}

    /* 产品中心 */

    .pro-sec2{ padding-bottom: .6rem;}

    .pro-icon-item{ display: flex; align-items: center;}

    .pro-icon-img{ width: 26px; height: 26px;margin-right: 5px; overflow: hidden;}

    .pro-icon-img img{ width: 26px; height: 26px; transform: translate(0,0);transition: all .5s;}

  

    .pro-icon-item.on img,.pro-icon-item:hover  img{transform: translate(0,-100%);}

    .pro-top{margin-top: .57rem;}

   

   .pro-del-content{background: #ffffff; padding: .53rem 1.32rem; margin-top:.39rem ; margin-bottom: 1rem; overflow: hidden;}

   #gallery-top .swiper-slide h6{font-size: .24rem;font-weight: 500;color: #333333;line-height: .33rem; margin-bottom: .56rem; text-align: center;}

   #gallery-top .swiper-slide img{width: 100%;}

   .pro-thumbs-box{ margin-top: .75rem;position: relative;}

   .pro-thumbs{width: 84%; margin: auto; height: 160px; }

   #gallery-thumbs .swiper-slide-thumb-active { border: 1px solid #007abc;}

   .pro-thumbs-box .swiper-button-next, .pro-thumbs-box .swiper-button-prev{ background: #007abc; width: 58px; height: 58px;  border: 1px solid #007abc; border-radius: 50%;}

   .pro-thumbs-box .swiper-button-next::after,.pro-thumbs-box .swiper-button-prev::after{content: ''; position: absolute; width: 14px; height:14px; border-top: 1px solid #fff; border-right: 1px solid #fff; left: 50%; top: 50%;  margin-top: -7px;}

   .pro-thumbs-box .swiper-button-next::after{transform: rotate(45deg);margin-left: -10px;}

   .pro-thumbs-box .swiper-button-prev::after{transform: rotate(-135deg);margin-left: -6px;}

   .pro-thumbs-box .swiper-button-next.swiper-button-disabled,  .pro-thumbs-box .swiper-button-prev.swiper-button-disabled{border: 1px solid #D7D7D7; background: transparent; }

   .pro-thumbs-box .swiper-button-next.swiper-button-disabled::after,.pro-thumbs-box .swiper-button-prev.swiper-button-disabled::after{border-top: 1px solid #979797; border-right: 1px solid #979797;}

   /* 优势 */

   .ad-sec3 .ad-txt,.ad-sec3 .ad-img,.ad-sec4 .ad-txt,.ad-sec4 .ad-img ,.ad-sec5 .ad-txt,.ad-sec5 .ad-img,.ad-sec6 .ad-txt,.ad-sec6 .ad-img{ width: 50%;  }

   .ad-sec2  .advantage1{position: relative; width: 50%;  }

   .ad-sec2  .advantage1 .swiper-container{padding-bottom:  1.72rem;}

   .ad-sec2  .ad-txt { width: 50%;}

   .advantage1 .swiper-slide{ height: 8rem; overflow: hidden;}

   .advantage1 .swiper-slide img{object-fit: cover; width: 100%; height: 100%;}

   .ad-page-num{ position: absolute; right: 0; bottom: 0rem; width: 2.53rem; height: 1.72rem; background: #007abc; color: #ffffff; text-align: center; line-height: 1.72rem; z-index: 5;}

   .ad-sec2 .swiper-button-next, .ad-sec2 .swiper-button-prev{top:93%; background: none; width: 14px; height:14px; border-top: 1px solid #fff; border-right: 1px solid #fff;}

   .ad-sec2 .swiper-button-next{transform: rotate(45deg); right: .5rem;}

   .ad-sec2 .swiper-button-prev{transform: rotate(-135deg); left: unset; right: 1.8rem;}

   .ad-txt-pad1{padding: 1.45rem 2rem  1.45rem 2.16rem;}

   .ad-title span{font-family: "DINCond-Bold";font-size: 1.15rem;font-weight: 900;color: rgba(51,51,51,0.09);line-height: 1.37rem; margin-bottom: 0.25rem; display: block;}

   .ad-title p{font-family: "Futura-Light";font-size: .24rem;font-weight: 300;color: rgba(51,51,51,1);line-height: .31rem;}

   .ad-title h4{font-family: "SHSCN-Medium";font-size: .48rem;font-weight: 500;color: rgba(51,51,51,1);line-height: .72rem; margin-bottom: .7rem;}

   .ad-p p{font-family: "SHSCN-Medium";font-size: 14px;font-weight:400;color: #888888;line-height: 32px;}

   .ad-sec3{background: url(../images/advantage/bg.png) no-repeat; background-size: 100% 100%;}

  

   .ad-img img,.ad-sec5-img img{object-fit: cover; width: 100%; height: 100%;}

   .ad-txt-pad2{padding: 1.6rem 2.2rem 1.6rem 1.9rem;}

    .ad-sec4-pad4{padding: 1.5rem 3.3rem 2.36rem 1.9rem;}

    .ad-sec4-list{align-items: center;}

    .ad-sec4-list div{width: 50%; margin-bottom: .9rem;}

    .ad-sec4-list div:nth-child(2){padding-left: 18%;}

    .ad-sec4-list div span{font-size: .32rem;font-weight: 900;color: #007abc;line-height: .45rem;font-family: Arial-Black, Arial;}

    .ad-sec4-list div p{font-size: 14px;font-weight: 600;color: #333333;line-height: 20px; margin-top: 10px;}

   .ad-sec3 .ad-img2  img{ transform: translateY(-18%); width: 85%;  float: right;}

   .ad-txt-pad3{padding: 1.57rem 3rem 0 1.69rem;}

   .transformy26{transform: translateY(-26%); background-color:#ffffff ;}

   .ad-sec4-left-img {width: 100%; height: 6.89rem; overflow: hidden;}

   .ad-sec4-img-right{ transform:translate(-175px,175px); width: calc(100% + 175px); overflow: hidden; height: 7.46rem;}

   .ad-sec4-img-right img,.ad-sec4-img-right img{object-fit: cover; width: 100%; height: 100%;}

   .ad-sec4-img-small{width:175px !important ; height: 175px !important; left: 0rem; bottom: 0rem;}

   .ad-sec5-left-list{display: flex; align-items: center; flex-wrap: wrap;}

   .ad-sec5-left-list div{width: 50%; display: flex; align-items: center; margin-bottom: .71rem;}

   .ad-sec5-left-list div img{width: 64px; height: 64px; margin-right: 9px;}

   .ad-sec5-left-list div p{font-size: .18rem;font-weight: 600;color: #333333;line-height: .25rem;}

   .ad-txt-pad4{padding: 1.6rem 0 .74rem 1.9rem ;}

   .ad-txt-pad5{padding: 0 2rem 0.6rem 2.13rem;}

   .ad-sec5-img img:nth-child(1){margin-top: .77rem;}

   .ad-sec5-img .img-top{margin-top:1.6rem ;}

   .ad-sec5-title p{font-size: .18rem;font-weight: 300;color: #333333;line-height: .24rem; font-family: "Futura-Light";}

   .ad-sec5-title h6{font-size: .24rem;font-weight: 400;color: #FFFFFF;line-height: .36rem;background: #007abc; display: inline-block; padding: .15rem .2rem; font-family: "SHSCN-Regular"; margin-top: .28rem; margin-bottom: .58rem;}

   .marg-top227{margin-top: 2.27rem;}

   .marg-top304{margin-top: 3.04rem;}

   .sec5-transformy15{transform: translateY(-13%);}

   .ad-txt-pad6{padding: 1.8rem 2.3rem 1.87rem 2.07rem ; background: #F6F8FA;}

   .ad-sec6-img-padtop{padding-top: 2.01rem;}

   /* 关于我们 */

   .about-txt div{max-width: 45% ;}

   .about-txt div p{font-size: .24rem;line-height: 33px;border: 2px solid #FFFFFF; display: inline-block; padding: .14rem .24rem;}

   .about-sec2 .container{align-items: center; justify-content: space-around; padding-top: .65rem; padding-bottom: .44rem; border-bottom: 1px solid #e9e9e9;}

   .about-sec2 a{display: flex;align-items: center;}

   .about-sec2 a img{ width: 40px; height: 40px; margin-right: .27rem; transition: all .3s;}

   .about-sec2 a div span{font-size: 14px;font-weight: 400;color: #888888;}

   .about-sec2 a div p{font-size: 16px;font-weight: 500;color: #333;line-height: 43px;}

   .about-sec2 a:hover img{ transform: translateY(-10px);}

   .about-p{font-size: 14px;font-weight: 400;color: #666666;line-height: 32px;font-family: "SHSCN-Normal";text-align: justify;}

   .about-m-title{display: flex;}

   .about-m-title img{ width: 27px; height: 27px; margin-right: .32rem;}

   .about-m-title p{ font-size: 16px;color: #333333;font-weight: bold;line-height: 27px;font-family: "SHSCN-Bold"; }

   .about-sec3-left{width: 50%; padding: .42rem 1rem 1.3rem 2.5rem;}

   .about-sec3-right{width: 50%; }

   .about-sec3-img-pd{margin-top: .45rem; width: 100%;}

   .about-martop61{margin-top: .61rem;}

   .about-martop64{margin-top: .64rem;}

   .about-martop44{margin-top: .44rem;}

   .about-martop97{margin-top: .97rem;}

   .about-sec3-right-pad{ padding: 0 1.36rem 1.36rem 1.5rem;}

   .about-sec4-left{width: 3.18rem; padding-left: .39rem;}

   .about-sec4-right{ width: calc(100% - 3.18rem); background: url(../images/about/about-bg.jpg) no-repeat; background-size: cover; background-position: center top;  padding-bottom: 1.78rem;}

   .about-sec4-right-txt{margin-top: .59rem; margin-left: 44%; max-width: 32%;}

   .about-sec4-txt h6{font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 24px; margin-bottom: .21rem; margin-top: .99rem;}

   .about-sec4-txt p{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 32px;}

   /* 荣誉资质 */

   .about-sec5{  height: 14.09rem;}

   .about-img-box{display: inline-block;}

   .about-img-box img{width: 100vw;}

   .about-sec5 .title-big{left: 3.20rem; top: 1.21rem; }

   .certificate1{  left: 0; top: 0;right:0 ;z-index: 2; overflow: hidden; }

   .certificate1 .swiper-container .swiper-slide-top-honor,.certificate1 .swiper-container  .swiper-slide-bottom-honor{ display: flex; height: 3.16rem;}

   .certificate1 .swiper-container .swiper-slide-top-honor{width: 89%;align-items: flex-end;padding-left: 50%;}

   .certificate1 .swiper-container .swiper-slide-bottom-honor{width: 55%;align-items: flex-end;margin-top: 1rem; justify-content: flex-end;margin-left: 10%;}

  .certificate2.certificate1-m{display: none;}

   /* 证书1左右切换键以及页码 */

   .certificate1 .swiper-button-next, .certificate1 .swiper-button-prev{ top:53%;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06); background: #FFFFFF; width: 58px; height: 58px;  border-radius: 50%;}

   .certificate1 .swiper-button-next{left:calc(3.2rem + 158px) ;right: unset;}

   .certificate1 .swiper-button-prev{left:3.2rem ; }

   .certificate1 .swiper-button-next::after,.certificate1 .swiper-button-prev::after{content: ''; position: absolute; width: 14px; height:14px; border-top: 1px solid #979797; border-right: 1px solid #979797; left: 50%; top: 50%;  margin-top: -7px;}

   .certificate1 .swiper-button-next::after{transform: rotate(45deg);margin-left: -10px;}

   .certificate1 .swiper-button-prev::after{transform: rotate(-135deg);margin-left: -6px;}

   /* .certificate2 .swiper-button-next.swiper-button-disabled,  .certificate2 .swiper-button-prev.swiper-button-disabled{border: 1px solid #D7D7D7; background: transparent; } */

   /* .certificate2 .swiper-button-next.swiper-button-disabled::after,.certificate2 .swiper-button-prev.swiper-button-disabled::after{border-top: 1px solid #979797; border-right: 1px solid #979797;} */

   

   .about-certificate1-page-num{position: absolute;top: 53%;z-index: 5;left: calc(3.2rem + 58px); width: 100px;text-align: center;}

   

   .certificate2{  left: 0; top: 8rem;right:0 ; bottom:0;z-index: 2; overflow: hidden;}

   .certificate2 .swiper-container {height: 100%; margin: auto; width: 75%;}

   .certificate2 .swiper-container .swiper-slide { margin-top: 1.82rem;}

   /* 证书2左右切换键以及页码 */

   .certificate2 .swiper-button-next, .certificate2 .swiper-button-prev{ top:13%;box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06); background: #FFFFFF; width: 58px; height: 58px;  border-radius: 50%;}

   .certificate2 .swiper-button-next{right: 5%;}

   .certificate2 .swiper-button-prev{right: calc(5% + 158px); left: unset;}

   .certificate2 .swiper-button-next::after,.certificate2 .swiper-button-prev::after{content: ''; position: absolute; width: 14px; height:14px; border-top: 1px solid #979797; border-right: 1px solid #979797; left: 50%; top: 50%;  margin-top: -7px;}

   .certificate2 .swiper-button-next::after{transform: rotate(45deg);margin-left: -10px;}

   .certificate2 .swiper-button-prev::after{transform: rotate(-135deg);margin-left: -6px;}

   /* .certificate2 .swiper-button-next.swiper-button-disabled,  .certificate2 .swiper-button-prev.swiper-button-disabled{border: 1px solid #D7D7D7; background: transparent; } */

   /* .certificate2 .swiper-button-next.swiper-button-disabled::after,.certificate2 .swiper-button-prev.swiper-button-disabled::after{border-top: 1px solid #979797; border-right: 1px solid #979797;} */
   .cer-title{left: 15%; top: .5rem; z-index: 2;font-size: .24rem;color: #333;font-weight: 600;}
   

   .about-certificate2-page-num,.about-certificate3-page-num{position: absolute;top: 13%;z-index: 5;right: calc(5% + 58px); width: 100px;text-align: center;}

   .about-sec6{background: url(../images/about/about-bg3.png) no-repeat; background-size: 100% auto; background-position: left bottom;}

   .about-sec6-content{margin: .65rem 3.18rem  0 3.18rem; }

    .about-sec6-content .title-big{position: relative ; z-index: 10;}

   /*.about-sec8{background: url(../images/about/about-map.png) no-repeat; background-size: cover; background-position: center top;}*/

   .about-sec8-content{margin: .99rem 3.9rem .92rem 3.2rem ;}

   .about-contact{align-items: center ; justify-content: space-between; margin-top: .55rem;}

   .about-contact .about-contact-right{ }

   /*.about-contact .about-contact-right img{width: 1.62rem; height: 1.62rem;}

   .about-contact .about-contact-right p{text-align: center; font-size: 14px;font-weight: 400;color: #333333;line-height: 21px; margin-top: 0.25rem;font-family: "SHSCN-Regular";}*/

   .about-contact .about-contact-left p{ font-size: 16px;font-weight: 400;color: #333333;line-height: 30px;font-family: "SHSCN-Regular"; margin-bottom: 9px;}

   .about-contact .about-contact-left p span{ font-family: "Futura-Book";font-size: .65rem; font-weight: 600;line-height: .8rem;}

   .about-sec6-swiper{ margin-left: 3.1rem; margin-top: .62rem;background: #ffffff;  margin-top: -15%; position: relative;}

   .about-sec6-swiper .swiper-container{padding-top: 2rem; }

   .about-sec6-swiper .swiper-slide{justify-content: space-between; }

   .about-sec6-swiper .swiper-slide div{ width:48.5% ; margin-bottom: 30px; }

   .about-sec6-swiper .swiper-slide div img{object-fit: cover; width: 100%; height: 100%;}

   .about-sec6-swiper .swiper-slide div:last-child,.about-sec6-swiper .swiper-slide div:nth-last-child(2){margin-bottom: 0px;}

   .about-sec6-swiper .swiper-slide div:nth-child(even){transform: translateY(-50%);}

   .about-sec6-swiper .swiper-button-next, .about-sec6-swiper .swiper-button-prev{ top:92%; background: #007abc; width: 58px; height: 58px;  border: 1px solid #007abc; border-radius: 50%;}

   .about-sec6-swiper .swiper-button-next{right: 13%;}

   .about-sec6-swiper .swiper-button-prev{right: calc(13% + 158px); left: unset;}

   .about-sec6-swiper .swiper-button-next::after,.about-sec6-swiper .swiper-button-prev::after{content: ''; position: absolute; width: 14px; height:14px; border-top: 1px solid #fff; border-right: 1px solid #fff; left: 50%; top: 50%;  margin-top: -7px;}

   .about-sec6-swiper .swiper-button-next::after{transform: rotate(45deg);margin-left: -10px;}

   .about-sec6-swiper .swiper-button-prev::after{transform: rotate(-135deg);margin-left: -6px;}

   .about-sec6-swiper .swiper-button-next.swiper-button-disabled,  .about-sec6-swiper .swiper-button-prev.swiper-button-disabled{border: 1px solid #D7D7D7; background: transparent; }

   .about-sec6-swiper .swiper-button-next.swiper-button-disabled::after,.about-sec6-swiper .swiper-button-prev.swiper-button-disabled::after{border-top: 1px solid #979797; border-right: 1px solid #979797;}

   .about-staff-page-num{position: absolute;top: 92%;z-index: 5;right: calc(13% + 58px); width: 100px; text-align: center;}

   .about-sec7-mar{margin-top: 1.9rem; margin-right: 3.18rem; height: 8rem; overflow: hidden;}

/* 大事记 */

   .executiveDirectory-content{align-items: center; height: 100%;}

   .executiveDirectory-left{width: 26%; padding-top: 18%;  height: 100%; display: flex;align-items: center ;background: #007abc; }

   /* .executiveDirectory-left::after{content: ''; position: absolute;  right: 0; width: 220px; height: calc(100% + 60px) ; top: -30px; } */

   #investorSwiper{width: 55%; margin: auto; height: 100%;}

   #investorSwiper .swiper-slide{ height: calc(100% / 5);  display: flex;align-items: center;justify-content: center;}

   #investorSwiper .swiper-slide span{font-size: 16px;color: rgba(255,255,255,0.26);font-weight: bold;font-family: "SHSCN-Bold";line-height: 24px;}

   #investorSwiper .swiper-slide.swiper-slide-active{border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff; }

   #investorSwiper .swiper-slide.swiper-slide-active span{color: #fff;}

   .executiveDirectory-right{width:  74%;height: 100%;  background: url(../images//about/shiji-bg.jpg) no-repeat; background-size: 100% 100%; color: #fff; }



   .executiveDirectory-right .swiper-container{height: 8rem; overflow: hidden;}

   .executiveDirectory-right #investorSwipername .swiper-slide{height: 100%; width: 100%;  display: flex; align-items: center; justify-content: center;}

   .executiveDirectory-right .swiper-container .about-swiper-slide-content{ width: 80%;  }

  

   .executiveDirectory-right .swiper-container .about-swiper-slide-content h6{font-size: .18rem;font-weight: 600;color: #007abc;line-height: 25px; padding-bottom: .37rem; position: relative; margin-bottom: .48rem;}

   .executiveDirectory-right .swiper-container .about-swiper-slide-content h6::after{position: absolute; z-index: 5; content: ''; width:13.5px ; height: 2px; background: #fff; left: 0; bottom: 0;}

   .executiveDirectory-right .swiper-container .about-swiper-slide-content h6 span{font-size: .96rem;font-weight: blod;color: #007abc;line-height: 1.12rem;font-family: "DINCond-Bold"; margin-right: 15px;}

   .executiveDirectory-right .swiper-container .about-swiper-slide-content p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 32px;}

   .about-sec7 .title-big{right: .99rem; top:.83rem}

   .about-sec7 .title-big p{text-align: right;}

   .cooperation-sec1{ margin-top: 1.24rem;}

   .cooperation-sec1-left,.cooperation-sec1-right{width: 50%; height: 8.8rem; overflow: hidden;}

   .cooperation-sec1-left .swiper-container{width: 100% ; height: 100%;}

   .cooperation-sec1-left .swiper-container img{object-fit: cover;width: 100% ; height: 100%;}

  

   .cooperation-sec1-right{background-image: url(../images//cooperation/co-bg1.jpg) ; background-size: 100% auto; background-position: top right; background-repeat: no-repeat; background-color: #007abc; padding-left:1.04rem ; padding-top:1.22rem ;}

   .cooperation-sec1-right-txt .title-big h4{font-size: .36rem; line-height: .48rem;}

   .cooperation-sec1-right-txt .title-big p{font-size: .24rem;}

   .cooper-tabs{margin-top: .54rem; margin-bottom: .43rem; margin-right: .4rem;}

   .cooper-tabs p{height: 45px; line-height: 45px; border: 1px solid rgba(255,255,255,.31); transition: all .3s;  padding: 0 .38rem; margin-right: 10px; margin-bottom: 15px; color: #fff; cursor: pointer;}

   .cooper-tabs p.on,.cooper-tabs p:hover{background: #ffffff ;color: #007abc;}
   .cooper-tabs-p-box .cooper-tabs-p {display: none;}
   .cooper-tabs-p-box .cooper-tabs-p.on {display: block;}
   .cooper-tabs-p p{font-size: 14px;font-weight: 500;color: #FFFFFF;line-height: 26px;}

   .co-thumbs{position: relative; margin-top: .57rem; padding-bottom: 150px; }

   .co-thumbs .swiper-container .swiper-slide  img{height: 2.26rem; width: 3rem; cursor: pointer;}

   .co-thumbs .swiper-slide.swiper-slide-thumb-active{border: 2px solid #fff;}

   .co-thumbs .swiper-button-next,.co-thumbs .swiper-button-prev{top: unset; bottom: 80px;}

   .co-thumbs .swiper-button-next,.co-thumbs .swiper-button-prev{background: none; width: 16px; height: 16px;  border-top: 1px solid #fff; border-right: 1px solid #fff;}

   .co-thumbs .swiper-button-next{transform: rotate(45deg); right: unset; left: 92px;}

   .co-thumbs .swiper-button-prev{transform: rotate(-135deg);}

   .cooperation-sec1-left .co-gallery-top {display: none;}

   .cooperation-sec1-left .co-gallery-top.on {display: block;}

   .co-thumbs .co-thumbs-tabs {display: none;}

   .co-thumbs .co-thumbs-tabs.on {display: block;}

   /* 合作流程 */

   .cooperation-sec2-imgbox{display: inline-block; position: relative; }

   .cooperation-sec2-imgbox >img{width: 100%;}

   .cooperation-sec2 .title-big{left: .68rem; top: 1.45rem;}

   .co-img-box{width: 6.86rem; height: 6.86rem;  border-radius: 50%; right: 12%; top: 31%; overflow: hidden;}

   .co-img-box img{object-fit: cover; width: 100%; height: 100%; opacity: 0;  transition: all .5s;position: absolute;left: 0;top: 0; }

   .co-img-box img.on{ opacity: 1;}

   .dot-box{  z-index: 2; }

   .dot-box .dot-item{background: transparent; align-items: center; padding: .13rem .15rem .13rem .25rem; transition: all .3s; border-radius: 9px;}

   .dot-box .dot-item span{font-size: .48rem;font-weight: 900;color: #333;line-height: .57rem; margin-right: .13rem;transition: all .3s; }

   .dot-box .dot-item div p{color: #333;transition: all .3s;}

   .dot-box .dot-item div p.dot-p1{font-size: .18rem;font-weight: 600;line-height: .25rem;}

   .dot-box .dot-item div p.dot-p2{font-size: 12px;font-weight: 300;line-height: 17px;}



   .pos1{left: 51%; top: 16%;}

   .pos2{left: 39%; top: 25.5%;}

   .pos3{left: 32.5%; top: 36%;}

   .pos4{left: 27%; top: 47%;}

   .pos5{left: 23%; top: 59%;}

   .pos6{left: 20%; top: 70.5%;}

   .pos7{left: 17.5%; top: 83%;}

   .dot-item::after{position: absolute;  width: 15px; height: 15px ; border-radius: 50%; background: #007abc; z-index: 3; content: "";}

   .dot-pos1::after{left: -29%; top: -38%;}

   .dot-pos2::after{left: -16%; top: -38%;}

   .dot-pos3::after{left: -39%; top: 37%;}

   .dot-pos4::after{left: -33%; top: 59%;}

   .dot-pos5::after{left: -22%; top: 40%;}

   .dot-pos6::after{left: -24%; top: 41%;}

   .dot-pos7::after{left: -23%; top: 53%;}

   .dot-item::before{position: absolute;width: 30px; height: 30px ; border-radius: 50%; background: rgba(6, 54, 189, 0.21); z-index: 3; content: ""; opacity: 0; transform: scale(0); transition: all .5s;}

   .dot-pos1::before{left: -32%; top: -47%;}

   .dot-pos2::before{left: -19.5%; top: -46%;}

   .dot-pos3::before{left: -42%; top: 28%;}

   .dot-pos4::before{left: -36%; top: 50%;}

   .dot-pos5::before{left: -25%; top: 32%;}

   .dot-pos6::before{left: -27%; top: 33%;}

   .dot-pos7::before{left: -26%; top: 45%;}

   .dot-box.on .dot-item,.dot-box:hover .dot-item{background: #007abc;}

   .dot-box.on .dot-item span,.dot-box:hover .dot-item span,.dot-box.on .dot-item div p,.dot-box:hover .dot-item div p{ color: #ffffff;}

   .dot-box.on .dot-item::before,.dot-box:hover .dot-item::before{transform: scale(1); opacity: 1;}

/* 合作 定制流程 */



.cooperation-sec3{background: url(../images/cooperation/co-bg3.jpg) no-repeat; background-size: 100% 100%; min-height: 500px;}

.cooperation-sec3 .title-big{ right: 55px; top: 1.31rem;}

.cooperation-sec3 .title-big p{text-align: right; }

.cooperation-sec3-txt{position: absolute; left: 68px;bottom: 1.5rem; z-index: 2;}

.cooperation-sec3-txt h6{font-size:.36rem;font-weight: 500;color: #FFFFFF;line-height: .54rem; padding-bottom: .4rem; position: relative;font-family: "SHSCN-Medium";}

.cooperation-sec3-txt h6::after{position: absolute; content: ''; width:13px ; height: 2px; background: #007abc; left: 0; bottom: 0;z-index: 2;}

.cooperation-sec3-txt p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: .32rem; font-family: "SHSCN-Regular"; max-width: 60%;}

.cooperation-sec3-item{justify-content: space-between; align-items: center; transition: all .3s;

  /* width: 780px ;  */ width: 41%; 

  position: relative; margin-bottom: 36px;}

.cooperation-sec3-item::before{content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #fff; z-index: 2;}

.cooperation-sec3-item:not(:last-child)::after{content: ""; position: absolute; bottom: -36px; right:14%; width: 1px; height: 36px; border-right: 1px dashed #fff; z-index: 2;}

.cooperation-sec3-item div{background: #FFFFFF;border-radius: 16px; padding-bottom: .6rem;

  /* width: 224px; */ width: 29%;position: relative; z-index: 6; text-align: center; padding-top: .43rem;}

.cooperation-sec3-item div span{font-size: .48rem;font-weight: 900;color: #333;line-height: .57rem;font-family: "DINCond-Bold"; display: block;transition: all .3s;}

.cooperation-sec3-item div p{color: #333;transition: all .3s;}

.cooperation-sec3-item div p.co-p1{font-size: .18rem;font-weight: 900; margin-top: 20px; }

.cooperation-sec3-item div p.co-p2{font-size: 12px;font-weight: 300;line-height: 17px;}

.co-item2{transform: translate(71.5%,0);}

.co-item3{transform: translate(142.5%,0);}

.mart108{margin-top: 1.08rem; margin-bottom: 1.66rem;}

.cooperation-sec3-item div.on,.cooperation-sec3-item div:hover{background: #007abc; }

.cooperation-sec3-item div.on span,.cooperation-sec3-item div.on p,.cooperation-sec3-item div:hover span,.cooperation-sec3-item div:hover p{color: #ffffff;}

   #QandA{background: #ffffff; }

   .QandA{padding-top: 1.46rem; padding-bottom: 1.23rem;}

   .QandA-left{width: 43%; }

   .QandA-left img{max-width: 6.8rem;}

   .QandA-right{width: 57%;   padding-left: 1.1rem;}

   .form-box{margin-top: 0.15rem;}

   .form-box .form-group label{font-family: "SHSCN-Regular";color: #333333; font-size: 16px;line-height: 24px; margin-bottom: 15px;}

   .form-box-line1{justify-content: space-between; margin-bottom: 0.3rem;}

   .form-box-line1 .form-group{width: 32%;}

   .form-box .form-control{border: 0; box-shadow: unset; background: #F6F8FA;line-height: 50px; }

   .form-box-line2 .form-group{width: 60%; align-items: center; margin-top: 0.5rem;}

   .form-box-line2 {justify-content: space-between;align-items: center;}

   .form-box-line2 .form-group label{width: 80px; }
   .form-box-line2 .form-control{width: 50%;}

   .form-box-line2 .form-group span{margin-left: 20px;}

   .form-box-line1 .form-control,  .form-box-line2 .form-control{height: 50px; }

   .form-box-line2 button{height: 50px; line-height: 50px;background: #007abc;border-radius: 3px; color: #ffffff; padding: 0; width: 1.67rem;margin-top: 15px;}

    @media(max-width: 1200px){
    .ad-txt-pad1{padding: 30px;}
    .ad-sec2 .advantage1{width: 40%;}
    .ad-sec2 .ad-txt{width: 60%;}
    .ad-sec4-img-right{ width: 100%; transform: translate(0,190px);}
    .ad-sec4-pad4 {padding: 1.5rem 2rem 1rem 1.9rem;}
	.tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:23%; margin:0px 1%;}
.tcm-product li img { width:100%; object-fit: cover ; transform: scale(1); transition: all .5s;}
  }
   @media(max-width: 1600px){
    .ad-txt-pad1{padding: 1.45rem 1rem 1.45rem 1.5rem;}
	.tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:23%; margin:0px 1%;}
.tcm-product li img { width:100%; object-fit: cover ; transform: scale(1); transition: all .5s;}
  }
  @media(max-width: 1400px){
    .ad-txt-pad1{padding: 1rem 1rem 1.45rem 1rem;}
	.tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:23%; margin:0px 1%;}
.tcm-product li img { width:100%; object-fit: cover ; transform: scale(1); transition: all .5s;}
  }
@media (max-width: 780px){
  .banner .swiper-container-horizontal>.swiper-pagination-progressbar, .banner .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: 95vh; }
  .banner-box,.banner{margin-top: 60px;}

  .title-big h4{font-size: 0.7rem;line-height: 1.1rem;}

  .title-list a{padding: 0 ; width: 50%; text-align: center;}

  .sub-nav{position: relative; top: 0;}

  .sub-nav div{margin-left: 20%;}

  .header-nav a:hover::after{background: none}

  .header-nav-icon{display: none;}

  .banner{height: 100vh;}

  .banner-info {align-items: normal;top: 90%;}

  .banner-info span{display: none;}

  /* .banner .swiper-slide img{height: 100%; width: unset;} */

  .banner-content-bg{width: 78%;  background-size: cover;background-position: center center; padding: 15px;}

  .banner-txt h3{font-size: 0.36rem; line-height: 0.5rem;}

  .banner-txt p{max-width: 100%; font-size: 0.25rem;}

  /* .banner .swiper-button-prev,.banner .swiper-button-next{top: 95%;} */

  .banner .swiper-container-horizontal>.swiper-scrollbar{top: 85%; width: 20%;}
  .other-banner-txt div h3{font-size: 0.4rem;}

  .page-num{top: 91%;}

  .footer-left,.footer-right{padding: 10px; flex: 1; border-left: 0; border-right: 0;}

  .footer-container{align-items: center;}

  .index1 {flex-wrap: wrap; height: auto;}

  .index1 a{flex: none; width: 100%; padding: 20px ; border-bottom: 1px solid #efefef;}

  /* .index3-item{width: 320px; height: 500px;} */

  /* .index3-top,.index3-all-items{height: 500px;} */

  .progress_btn{width: 50px;}

.index3-more{width: 60px !important; height: 60px !important; margin-top: 1rem;}

.index-title h4{font-size: 0.3rem;}

.index-title p{font-size: 0.3rem;}

.index2-container,.news-box{flex-wrap: wrap;}

.index2-img,.news-box .news-img{width: 100%;}

.index2-content,.news-txt{padding: 30px;}

.index2-content p.index2-p1{max-width: 100%;}

.index2-img,.news-box .news-img{height: unset;}

.index2-content h4{font-size: 0.35rem;line-height: 0.32rem;}

.news-txt .news-txt-title{margin-top: 0.5rem; margin-bottom: 0.3rem;}

.news-txt.weui-flex__item{padding-bottom: 120px;}

.news-page-num{left: 10%; bottom: 60px;}

.news-txt .news-txt-r{font-size: 0.8rem;}

.index5-news .swiper-container-horizontal>.swiper-scrollbar{left: 10%; bottom: 40px; width: 30%;}

.index2-num >div{width: 50%;}

.index4-num{flex-wrap: wrap; width: 100%;}

.index4-bg .index4-num h1{font-size: 3rem;}

.index4 {height: 7.6rem;}

.index4-num-txt{width: 100%; text-align: center;}

.index4-num-txt h5,.index4-num-txt p.index4-home{ margin-top: 20px;}

.index4-bg .index4-txt{width: 90%; height: unset;letter-spacing: 2px; text-align: center; margin-top: 20px;}

.about-sec3-img-pd{margin-top: -.3rem;}
.about-sec5{height: unset;}
#investorSwiper{width: 90%;}
.executiveDirectory-left{padding-top: 0;  }
#investorSwiper .swiper-slide{ height: 1rem;}
.ad-sec4-list div:nth-child(2){padding-left: 0;}
/* 新闻详情 */


.news-details-content-bottom{height: auto;}

.news-details-content-bottom-item {

  padding: 15px 15px;

  border-bottom: 1px solid rgba(237, 237, 237, 1);

}

.news-details-content-bottom-item:not(:last-child) {

  border-right: 0;

}

.news-detaill-icon,.news-detail-title{display:none;}

.news-details-recommend {

  margin-top: 30px;

}

.news-detail{padding-top: 1.5rem;}

.news-details{margin-top: 30px;}

.pad15-m{padding: 30px 15px !important;}
.cleara { clear:both; width:100%; height:10px;}


.weui-felx-wrap-item{width: 100% !important; flex: unset !important; clear:both;}

.other-banner-txt div{max-width: 86%; }

.news-sec2-title .title-list{margin-top: 30px;}

.news-sec5-right{width: 90%;}

/* 优势 */

.advantage1 .swiper-slide{height: 4rem;}

.ad-txt-pad1,.ad-txt-pad2,.ad-txt-pad3,.ad-txt-pad4,.ad-txt-pad5,.ad-txt-pad6,.ad-sec4-pad4{padding: 30px 30px !important;}

.ad-title span{font-size: 1rem; line-height: 1rem;}

.ad-title h4{font-size: .35rem;line-height: .55rem;margin-bottom: .3rem;}

.ad-sec3 .ad-img2  img{transform: translateY(0); width: 60%;}

.ad-sec4-list div,.ad-sec5-left-list div{margin-bottom: .4rem;}

.ad-sec4-img-right{transform: translate(0,0); height: 4rem;}

.ad-sec4-img-small,.about-sec4-left{display: none;}

.transformy26{transform: translate(0,0);}

.marg-top304,.marg-top227,.ad-sec5-img img:nth-child(1),.ad-sec5-img .img-top{margin-top: .35rem;}

.ad-sec6-img-padtop{padding-top: 0;}

.ad-sec4-left-img,.co-thumbs .swiper-container .swiper-slide img{height: unset;}

.ad-sec2 .swiper-button-next, .ad-sec2 .swiper-button-prev{top:88%;}

.ad-p{text-align: justify;}

.about-sec2 .container{justify-content: left;padding-top: 0rem;padding-bottom: 0rem; border-bottom: 0;}

.about-sec2 a{display: flex; margin: 10px; border-bottom: 1px solid #e9e9e9; width: 100%;}

.about-sec4-right-txt{max-width: 100%;margin:30px}

.about-sec8-content{margin: 30px;}

.about-sec7-mar{margin-top: 0; margin-right: 0;}

.executiveDirectory-right .swiper-container .about-swiper-slide-content{width: 90%;}

.about-sec7 .title-big{top: 10px;}

.executiveDirectory-content{background: #007abc;}

.executiveDirectory-right .swiper-container,.about-sec7-mar{min-height: 8rem;}
.about-sec7-mar{height: unset;}

.about-sec6-content{margin: 15px;}

.about-sec6-swiper{margin-left: 0;}

.about-sec6-swiper .swiper-container{padding-bottom: 1.2rem;}


.about-sec6-swiper .swiper-button-next, .about-sec6-swiper .swiper-button-prev,.about-staff-page-num{top: 90%;}
.about-sec6-swiper .swiper-button-next{right: 20%;}
.about-staff-page-num{right: calc(20% + 58px);}
.about-sec6-swiper .swiper-button-prev{right: calc(20% + 158px);}
.certificate2 .swiper-button-next{left: calc(30px + 158px);}

.QandA-right{padding-left: 15px; padding-right: 15px;}

.QandA{padding-top: 30px;}

.QandA-left img{max-width: 100%;}

.form-box-line2 .form-group{width: 100%; }

/* .form-box-line2 .form-group span{margin-left: 0; margin-top:5px} */

.cooperation-sec3-item{width: 100%;}

.co-item2,.co-item3{transform: translate(0,0);}

.cooperation-sec3 .title-big{top: 15px; left: 15px;}

.mart108{margin-top: 2.08rem;margin-bottom: 2.46rem;}

.cooperation-sec3-txt{left: 15px; bottom: 15px;}

.cooperation-sec3-txt p{max-width: 95%;}

.cooperation-sec3-item div{padding-top: .2rem; padding-bottom: .2rem;}

.cooperation-sec1-right{padding:30px;}

.cooperation-sec1-left, .cooperation-sec1-right{height: unset;}

.dot-list .dot-box {position: relative;width: 80%;}

.pos1,.pos2,.pos3,.pos4,.pos5,.pos6,.pos7{left: 15px; right: 15px;}

.cooperation-sec2 .title-big{top: 30px; left: 15px;}

.co-img-box{top: 22%; right: 0;}

.cooperation-sec2-imgbox >img{opacity: 0;}

.dot-list{padding-bottom: .6rem;}

.cooper-tabs{margin-right: 0; justify-content: space-between;}

.cooper-tabs p{width: 45%; padding: 0; text-align: center;}

.certificate1{display: none;}

.certificate2{position: relative; top: 15px;}

.about-img-box .hon-bg{display: none;}

.certificate2 .swiper-container{width: 100%; padding-bottom: 1.3rem;}

.certificate2 .swiper-container .swiper-slide{margin-top: 0;}

.certificate2 .swiper-button-next, .certificate2 .swiper-button-prev,.about-certificate2-page-num{ top:unset; bottom: .3rem; left: 25vw;}

.certificate2 .swiper-button-next{left: calc( 25vw + 158px);}

.about-certificate2-page-num,.about-certificate3-page-num{left: calc(25vw + 58px);bottom: calc(.3rem + 13px); top:unset; }

.about-sec5 .title-big{position: relative; top: 15px; left: 15px; }

.certificate2.certificate1-m{display: block;}
.pro-del-content{padding: 30px 15px;}
.pro-thumbs-box{margin-top: .25rem;}
.pro-thumbs-box .swiper-button-next,.pro-thumbs-box .swiper-button-prev{top: 87%;}
.title-list a.on,.title-list a:hover{background: #007abc ;}
.cer-title{width: 100vw; text-align: center; margin-bottom: .8rem; position: relative;
  left: 0;}
  .form-box-line2 .form-group label{width: 100%;}
  .cooperation-sec3-item div p.co-p2{height: 34px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
  .tcm-product { clear:both; width:98%; margin:10px auto; overflow:hidden; padding-top:50px;}
.tcm-product li { float:left; text-align:center; width:48%; margin:10px 1%;}
.tcm-product li img { width:100%;}
  
}
.cta1{height:7rem; margin: 0 .7rem;}
.map-info-box{ color: #fff; text-align: center; position: relative;  width: 3rem;}
.map-info-box::after{position: absolute; content: ''; width: 0; height: 0; border-right:10px solid transparent; border-left: 10px solid transparent; border-top:10px solid #007abc; left: 50%; margin-left: -5px; bottom: -20px; z-index: 3;}
.map-info-box::after{position: absolute; content: ''; width: 0; height: 0; border-right:10px solid transparent; border-left: 10px solid transparent; border-top:10px solid #007abc; left: 50%; margin-left: -5px; bottom: -20px; z-index: 3;}
.BMap_bubble_content { background-color: #007abc; padding: 10px 5px;  border-radius: 20px;}
.BMap_pop div:nth-child(9){top: 50px !important; border-radius: 7px;left: -5px !important;}
.BMap_bottom { display: none;}
.BMap_center { display: none;} 
.BMap_pop  div:nth-child(1) div,.BMap_pop .BMap_top,.BMap_pop div:nth-child(5) div{ display: none !important;}
.BMap_pop  div:nth-child(3) { display: none;}
.BMap_pop  div:nth-child(7),.BMap_pop  div:nth-child(8)  { display: none;}
.BMap_pop  div:nth-child(10) { display: none;}
.BMap_shadow{display: none;}

@media (max-width: 780px){.logo{ display: flex; width: 1.2rem; align-items: center;} .cta1{height:5rem; margin: 0 15px;} .about-contact .about-contact-left p span{ font-size:.55rem}}
@keyframes myrotate {

  0%{-webkit-transform:rotate(0deg);}

  25%{-webkit-transform:rotate(90deg);}

  50%{-webkit-transform:rotate(180deg);}

  75%{-webkit-transform:rotate(270deg);}

  100%{-webkit-transform:rotate(360deg);}

}

@keyframes point1 {

  0% {

    transform:scale(.8);

  }



  50% {

    transform: scale(1.2);

  }



  100% {

    transform: scale(.8);

  }

}



.point1 {

  -webkit-animation-name: point1;

  animation-name: point1;

}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@keyframes fadeup1 {

0% {

  opacity: 0;

  -webkit-transform: translateY(150px);

  -ms-transform: translateY(150px);

  transform: translateY(150px);

}

100% {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

}

@keyframes zoomIn1 {

0% {

  opacity: 0;

  -webkit-transform: scale3d(.3,.3,.3);

  transform: scale3d(.3,.3,.3);

}

50% {

  opacity: 1;

}

}

.fn1 {

  animation-name: fn1;

  animation-duration: 1.2s;

  animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);

}

@keyframes fn1 {

  0% {

    opacity: 0;

    clip-path: inset(100% 0 0 0);

    transform: translate3d(0%, 20px, 0);

  }

  100% {

    opacity: 1;

    clip-path: inset(0 0 0 0);

    transform: none;

}

}



@media (max-width: 600px){

.items-box .item{width: 23%; margin-bottom: 0.52rem;}

.items-box .item .item-img{width: 100%;  overflow: hidden;}

.items-box .item .item-img img{width: 100%; height:100% ; object-fit: cover ; transform: scale(1); transition: all .5s;}

.items-box .item .item-txt{padding: 0.16rem 0.39rem 0.16rem 0.34rem;background: #FFFFFF;box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.04);}

.items-box .item .item-txt h5{font-size: 0.2rem;font-weight: 500;color: #333333;line-height: 0.27rem;}

.items-box .item .item-txt >p{font-size: 14px;color: #888888;font-weight: 400;line-height: 24px; margin-top: 0.11rem;}


}
.cta1-hd { clear:both; text-align:center; width:100%; display:none;}