.flex-spbe{display: flex; justify-content: space-between;}
.weui-flex-warp{ display: flex;}
.ind-title .h4{font-size: .32rem;font-weight: 600;color: var(--Color333);line-height: .45rem;}
.ind-title p{font-size: 16px;font-weight: 400;line-height: 22px;color: var(--Color999); margin-top: .1rem;  text-transform: uppercase;}
.ind-txt p{font-size: 14px;font-weight: 400;line-height: 28px;color: var(--Color666);}
.mart60{margin-top: .6rem;}
.mart80{margin-top: .4rem;}
.mart74{margin-top: .48rem;}
.mart72{margin-top: .57rem;}
.ind-more{ width: 1.6rem; height: 0.48rem; border: 1px solid var(--bgColor); line-height: .46rem;  padding: 0 .24rem; position: relative; transition: all .5s; overflow: hidden;transition: all .5s;}
.ind-more p{position: relative ; z-index: 5; height: 0.48rem;line-height: .46rem;font-size: 16px;font-weight: 400;transition: all .5s;color: var(--bgColor);}
.ind-more::before{position: absolute; content: ''; background: var(--bgColor); left: 0; top: 0; width: 0; height: 100%;z-index: 2;  transition: width .5s;}
.ind-more::after{position: absolute; content: ''; width: .10rem; height: .10rem; border-top: 1px solid var(--bgColor);border-right: 1px solid var(--bgColor); right: .2rem; top: 50%; margin-top: -.05rem; z-index: 3; transform: rotate(45deg); z-index: 3;transition: all .5s;}
/* 轮播左右切换 */
.my-swiper.swiper-button-prev,.my-swiper.swiper-button-next{ width: 50px; height: 50px;   border-radius: 50%; transition: all .3s;}
.my-swiper.swiper-button-prev{background-image: url(/public/static/home/images/prev-gray.png); background-repeat: no-repeat; background-size: 100% 100%;}
.my-swiper.swiper-button-next{background-image: url(/public/static/home/images/next-gray.png); background-repeat: no-repeat; background-size: 100% 100%;}
.my-swiper.swiper-button-prev:hover{background-image: url(/public/static/home/images/prev-blue.png);}
.my-swiper.swiper-button-next:hover{background-image: url(/public/static/home/images/next-blue.png);}
/* 头部轮播开始 */
header{height: 92px;position: fixed;top: 0;left: 0; right: 0; z-index: 999;  transition: all 0.5s ease-in-out;  background: rgba(255,255,255,0); border-bottom: 1px solid rgba(255,255,255,0.4);}
header .container{ height: 100%;}
header .container >div{ height: 100%;  display: flex;align-items: center; justify-content: space-between; }
.logo{ width: 2.16rem;  overflow: hidden; height: 48px; position: relative;}
.logo img{position: absolute; left: 0; top: 0; width: 100%; z-index: 999; transition: all 0.5s ease-in-out; }
.logo img:nth-child(1){opacity: 1;}
.logo img:nth-child(2){opacity: 0;}
.header-nav{display: flex;justify-content: flex-end;align-items: center;height: 92px; margin-left: 7vw;}
.header-nav ul{list-style: none;padding-left: 0; margin-bottom: 0;}
.header-nav ul,.header-nav ul li{display: flex;justify-content: center;align-items: center;height: 100%; position: relative;}

.header-nav ul li{ background: transparent;  transition: all 0.5s ease-in-out;}
.header-nav ul li >a{margin:0 1.6vw;font-size: 16px;
  position: relative;font-weight: 400;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out; position: relative;}
  .header-nav ul li >a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #fff; z-index: 2; left: 0;  bottom: -.35rem; opacity: 0;}
  
  .header-right {
    display: flex;
    align-items: center;
    transition: all .3s;

}

 .nav-icon {
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
}
 .nav-icon span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  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
);
}
header.active{ background: rgba(255,255,255,1); box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.05);border-bottom:0}
header.active .logo img:nth-child(1){opacity: 0;}
header.active .logo img:nth-child(2){opacity: 1;}
header.active .header-nav ul li >a{color: #111111; transition: all 0.5s ease-in-out;}
/* header.on .header-nav ul li.on >a,header.active .header-nav ul li.on >a{color: #2F5597;} */
header.active .nav-icon span{background: #111;}
/* 轮播图 */
.swiper-slide-con{ width: 100%; height: 100%;}
#section0 .swiper-slide{background-color: #efefef; overflow: hidden;}
#section0 .swiper-slide img{object-fit: cover; width: 100%; height: 100%;}
#section0 .swiper-slide video{object-fit: cover; width: 100%; height: 100%;}
#section0 .swiper-container{height: 7.14rem;position: relative ;}
#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

/* 页码 */
.banner-page-num{position: absolute; z-index: 6; left: 3.16%; top: 88.5%; }
.banner-page-num span{ display: inline-block; margin-right: .2rem; color: rgba(255, 255, 255, 0.5); position: relative; transition: all .3s; font-family: "DINRegular";}
.banner-page-num span::after{position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 10px; left: 115%; z-index: 2; background: transparent; content: '';transition: all .3s;}
.banner-page-num span.on{color: rgba(255, 255, 255, 1); margin-right: .4rem;}
.banner-page-num span.on::after{background: #fff;}
/* 轮播左右切换键 */
#section0 .swiper-button-next{top: 90%;  width: 48px; height: 48px; border: 1px solid rgba(255,255,255,0.2); border-radius: 50%; }

#section0 .swiper-button-next::after{ position: absolute; content: '';width: 10px; height: 10px; border-top: 1px solid #ffffff; border-right: 1px solid #fff; z-index: 5;}
#section0 .swiper-button-next::after{transform: rotate(45deg); left: 50%; margin-left: -7px; top: 50%; margin-top: -5px;}

#section0 .swiper-button-next{background: none;left: 12%; }
.page-svg{ left: 0; top: 0; right: 0; bottom: 0; z-index: 5;}
.svg-bg-box {
  position: absolute; left: 0; top:0;
  width:46px; height: 46px;
}

.page-svg .svg-inner-box{position: relative; left: -1px; top: -1px; right: 0; bottom: 0; opacity: 0;  }
.page-svg .svg-inner-box.active{ opacity: 1;}
.page-svg .svg-inner-box .circle{
  transition: all 21s;
  stroke-dasharray:314,314;
  stroke-dashoffset:314;
}

.page-svg .svg-inner-box.active .pro-svg .circle{
  stroke-dashoffset:0;
}
/* 头部轮播结束 */


/* 置顶 */
.go-top{position: fixed; right: .3rem; bottom: .8rem; z-index: 20;width: 60px; height: 60px ; overflow: hidden; cursor: pointer; display: none;}
.go-top img{width: 60px; height: 60px;}

/* 底部footer */
footer{background: #152337; color: #fff;}

.footer-top{ padding: .4rem 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer-top .footer-top-list{font-size: 0; display: flex; justify-content: flex-end;}
.footer-top .footer-top-list a{color: #fff; font-size: 16px;font-weight: 400;line-height: 22px; margin-left: .8rem; transition: all .3s; }
.footer-top >img{ width: 2.16rem; height: 100%;}
.footer-mid{ padding: .6rem 0; border-bottom: 1px solid rgba(255,255,255,0.2); justify-content: space-between;align-items: center;}
.footer-mid-left{ flex: 1;  }
.footer-mid-left ul{list-style: none; padding-left: 0;}
.footer-mid-left ul li{ font-size: 14px;font-weight: 400;color: #D3D3D3;line-height: 22px; max-width: 64%; display: flex; margin-bottom: .08rem;}
.f6{
  text-align: center;
  width: 6.12em;
}
.f4{
  letter-spacing: 0.67em; margin-right: -0.67em;
}
.footer-mid-left ul li p{flex: 1; padding-left: .15rem;position: relative; }
.footer-mid-left ul li p a{color: #D3D3D3;}
.footer-mid-left ul li p::after{position: absolute; content: ':'; left: .05rem; top: 0; font-size: 14px; z-index: 2;}
.footer-mid-right .footer-mid-code:not(:last-child){margin-right: .5rem;}
.footer-mid-right .footer-mid-code img{ width: 1rem; height: 1rem; margin: auto; }
.footer-mid-right .footer-mid-code p{ font-size: 14px;font-weight: 400;color: #9D9D9D;line-height: 20px;  margin-top: .1rem; text-align: center; }
.copyright p{ text-align: center;  color: rgba(255,255,255,0.7); padding: .37rem .37rem; }
.copyright p a{color: rgba(255,255,255,0.7); transition: all .3s;}

/* 首页第二部分 */
.ind2{padding: .9rem 0; background: url(/public/static/home/images/bg.png) no-repeat; background-position: left bottom; background-size: 100% auto;}
.ind2-img{width: 4.6rem; margin-right: .4rem; height: 100%;}
.ind2 .ind-txt {max-width: 78%;}
.ind3{background: url(/public/static/home/images/ind-bg2.jpg) no-repeat; background-size: cover; }
.ind3-img{ left: 0; bottom: 0; width: 8.82rem;}
.ind3 .ind-con{justify-content: flex-end !important; min-height: 5.8rem; /*padding-top: .9rem;*/}
.ind3 .ind-con .ind-title .h4{color: var(--Color333); font-weight: 600;}
.ind3 .ind-con .ind3-con-left{width: 46%; }
.ind4{padding: .9rem 0;}
.ind4-con{flex-wrap: wrap; justify-content: space-between; margin-top: .4rem;align-items: stretch;}
.ind4-con .ind4-item{background: #FFFFFF;border-radius: 12px; overflow: hidden; margin-bottom: .36rem; width: 31.5%; padding:  .1rem; box-sizing: border-box; text-align: center; transition: all .3s ease-in-out;}
.ind4-con .ind4-item img{width: .8rem; height: .8rem; margin: auto;}
.ind4-con .ind4-item h6{font-size: 18px;font-weight: 600;color: var(--Color333);line-height: 25px; transition: all .3s ; margin-top: .14rem;}
.ind4-con .ind4-item p{font-size: 14px;font-weight: 400;color: var(--Color999);line-height: 26px; transition: all .3s ease-in-out; }
.ind4-con .ind4-item p samp{font-size: 12px;}
.ind4-con .ind4-item:nth-child(3) h6{   margin-bottom: .23rem;}
.ind5{background: url(/public/static/home/images/ind-bg3.jpg) no-repeat; background-size: 100% 100%;padding: .9rem 0 1.1rem;}
.ind5 .ind5-con img{ width: 5rem; margin-right: .3rem; height: 100%;}
.ind5-con-left{flex: 1; }
.ind5 .ind5-con .ind-title .h4{color: var(--Color333);}
.ind-more-a{display: none;}
.ind5 .ind-txt {max-width: 69%;}
.ind6{padding: .9rem 0 .87rem;}
.ind6 .ind6-con >img{ width:3.6rem;}
.ind6-con-right{flex: 1;}
.ind6-yuyue{  width: 5rem;  margin: 0.4rem .9rem 0 1.83rem;  box-shadow: 0px 24px 40px 0px rgba(20, 59, 98, 0.08); overflow: hidden;border-radius: .14rem;}
.ind6-yuyue-top{ display: flex;  justify-content: center;font-size: 18px;font-weight: 400;color: #FFFFFF; height: .82rem; line-height: .68rem; background: var(--bgColor);}
.ind6-list{ display: flex; justify-content: space-between; align-items: center;  background: #ffffff;  border-top-left-radius: .14rem;   border-top-right-radius: .14rem; overflow: hidden; transform: translateY(-.14rem);  padding:.3rem .4rem; }
.ind6-list img{ width: 1.88rem; height: 1.88rem; margin-right: .3rem;}
.ind6-list .ind6-txt{  flex: 1;  display: flex; flex-wrap: wrap; padding-top: .3rem;}
/* .ind6-list .ind6-txt p{width: 50%;font-size: 16px;font-weight: 400;color: var(--Color666);line-height: 22px; position: relative; padding-left: 16px; margin-bottom: .3rem; } */
.ind6-list .ind6-txt p{width: 50%;font-size: 16px;font-weight: 400;color: var(--Color666);line-height: 22px; position: relative;  margin-bottom: .3rem; display: flex; align-items: center;   }
.ind6-list .ind6-txt p:nth-child(odd){justify-content: flex-start; }
.ind6-list .ind6-txt p:nth-child(even){justify-content: flex-end; }
.ind6-list .ind6-txt p img{width: 10px; height: 10px; margin-right: 6px;}
/* .ind6-list .ind6-txt p::after{position: absolute; content:''; background:  url(/public/static/home/images/gou.png) no-repeat; width: 10px; height: 10px; background-size: 10px 10px; left: 0; top: 50%; margin-top: -5px; z-index: 2; } */

/* 内页 大图 */
.inner-banner{position: relative; height: 7.14rem;}
.inner-banner img{object-fit: cover; width: 100%; height: 100%; }
.inner-banner-txt{ left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.inner-banner-txt h4{font-size: .6rem; font-weight: 600; line-height: .6rem; margin-bottom: .1rem;  letter-spacing: .1rem;}
.inner-banner-txt p{font-size: .23rem; font-weight: 600; line-height: .5rem; margin-bottom: .3rem; text-transform: uppercase;}
/* 关于我们 */
.about1{background: url(/public/static/home/images/bg.png) no-repeat; background-size: 100% auto; background-position: left bottom; padding: .9rem 0 .86rem;}
.about1-sec1,.about1-sec2{align-items: center;}
.about1-left{flex: 1; }
.about1-img{ width: 5rem;}
.about1-left .ind-txt{max-width: 75%;}
.about1-sec2{margin-top: 1.32rem;}
.about1-sec2-img{width: 4.6rem;}
.about1-marleft{margin-left: 2.2rem;}
.about1-marleft .ind-txt{max-width: 100%;}
.bout1-sec2-title .h4{font-size: .24rem;font-weight: 600;color: var(--Color111);line-height: 34px; position: relative; display: inline-block; }
/* .bout1-sec2-title .h4::after{position: absolute; content: ''; left: 0; bottom: -35px; width: 100%; height: 29px; background: url(/public/static/home/images/line.png) no-repeat; background-size: 100% 100%;} */

.about2-left,.about2-right{width: 50%;}
.about2-left >img,.about2-right >img{width: 100%; }
.about2-txt{left: 0; right: 0; top: 0; bottom: 0;color: #ffffff; display: flex; align-items: center; justify-content: center; text-align: center; }
.about2-txt div p{font-size:.2rem;font-weight: 400;color: #FFFFFF;line-height: .28rem;}
.about2-txt div h4{font-size: .48rem;font-weight: 100;color: #FFFFFF;line-height: .67rem; margin-top: .1rem;}
.about3{ padding: .9rem 0 1.01rem;}
.about3-swiper-out{ margin-top: .89rem;}
.about3-item{ justify-content: space-between;background: #FFFFFF;
  /* box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.08); */
  border-radius: 4px;
  height: 3.6rem; overflow: hidden; box-sizing: border-box;
  border: 1px solid #D3D4D5;}
.about3-item-img{ width: 2.86rem ; height: 3.6rem; overflow: hidden; position: relative;  padding: .24rem .24rem .36rem .24rem ; box-sizing: border-box;}
.about3-item-img img{object-fit: cover; height: 100%; width: 100%; transform: scale(1); transition: all .3s ease-in-out;}

.about3-item-txt{flex: 1; padding: .24rem .24rem .24rem 0;}
.about3-item-txt h5{font-size: 18px;font-weight: 600; color: var(--Color333);line-height: 28px; margin-bottom: .1rem;}
.about3-item-txt p{font-size: 14px;font-weight: 400; color: var(--Color333);line-height: 22px; margin-bottom: .1rem;}
.about3-item-txt p:nth-child(3){font-weight: 400;line-height: 26px; font-size: 14px;color: var(--Color666);}
.about4{padding: .9rem 0 1.2rem;background: url(/public/static/home/images/about-bg4.jpg) no-repeat; background-size: 100% 100%; }
.about4-swiper-out{ margin-top: .7rem;}
.about4-swiper .swiper-container {padding-top: 15px;}
.about4-item{cursor: pointer;}
.about4-item-img{height: 2.7rem; overflow: hidden;transform: translateY(0); transition: all .3s;}
/* .about4-item-img img{ max-width: 100%; margin: auto; transform: scale(1); transition: all .3s ease-in-out;} */
.about4-item-img img{ object-fit: contain; width: 100%; height: 100%; transform: scale(1); transition: all .3s ease-in-out;}
.about4-item-txt{ padding: .2rem; overflow: hidden ;  text-align: center;font-size: 14px;font-weight: 500; color: var(--Color666);line-height: 20px;}

.about5{padding: .9rem 0 ; }
.about5-con-left{width: 35%;}
.about5-con-right{ overflow: hidden;  height:5.4rem ; width: 65%;}
div#map{height: 100%;}
.map-info-box {  position: relative;}
.map-info-box img{  margin: auto; width: 1.98rem;}
.map-info-box p{ font-size: 14px;font-weight: 400;color: #7F8082;line-height: 20px; margin-top: .16rem; text-align: center; min-width: 3rem;;}
.about5-list{margin-top: .65rem;}
.about5-item{width: 80%;  padding-bottom: .24rem; border-bottom: 1px solid #D8D8D8;  margin-bottom: .24rem;}
.about5-item img{width: .44rem;  height: .44rem; margin-right: .15rem; transform: rotate(0); transition: all .3s;}
.about5-item-txt{flex: 1; max-width: 78%;}
.about5-item-txt span{font-size: 14px;font-weight: 400;color: var(--Color999);line-height: 20px;}
.about5-item-txt p,.about5-item-txt a{font-size: 14px;font-weight: 400;color: var(--Color333);line-height: 20px; margin-top: .04rem; display: block;} 
.about4 .swiper-button-prev,.about3 .swiper-button-prev{left: 14vw;}
.about4 .swiper-button-next,.about3 .swiper-button-next{right: 14vw;}
/* 新闻 */
.news1{padding: 1.6rem 0 .6rem; margin-top: -1rem;}
.news1-con-left{ height: 100%; width:3rem; margin-right: .4rem;border-radius: 100px 8px 100px 8px;
  border: 1px solid #D7D7D7;padding: .86rem .3rem .62rem;}
.news1-con-left a{ display: block; position: relative; border-bottom: 1px solid #eeeeee; line-height: .71rem;font-size: .18rem;font-weight: 400;color: var(--Color3331); padding-right: .3rem;}
.news1-con-left a::after{position: absolute; content: ''; width: .1rem; height: .1rem; border-top: 1px solid var(--Color333);border-right: 1px solid var(--Color333); right: 3px ; transform: rotate(45deg); top: 50%; margin-top: -0.05rem;}
.news1-con-right{flex: 1;max-width: calc(100% - 3.4rem) }
.news1-con-left a.active{color: var(--bgColor);}
.news1-con-left a.active::after{border-top: 1px solid var(--bgColor);border-right: 1px solid var(--bgColor);}
.search-box{ margin-top: .2rem; height: 50px; line-height: 50px;border-radius: 4px;
  border: 1px solid #D0D0D0; overflow: hidden;}
.search-box input{height: 50px; width: 100%; padding-right: .4rem; line-height: 40px; padding-left: .1rem;}
.search-icon{width: 16px; height: 16px; top: 50%; margin-top: -8px; right: .15rem; z-index: 2; cursor: pointer;}
.news-list{overflow: hidden;  }
.news-item{align-items: center;justify-content: space-between;border-bottom: 1px solid #eeeeee;padding: .4rem 0 .4rem .4rem;}
.news-item-left{width: 8%; margin-right: 5%; text-align: center; }
.news-item-left span{font-size: .42rem;font-weight: 600;color: var(--Color333);line-height:.59rem;}
.news-item-left p{font-size: 14px;font-weight: 400;color: var(--Color333);line-height: 20px;}
.news-item-right{width: 87%; }
.news-item-right h6{font-size: 20px;font-weight: 600;color: var(--Color333);line-height: 36px; }
.news-item-right p{ margin-top: .15rem; font-size: 14px;font-weight: 400;color: var(--Color666);line-height: 26px; }
/* 分页 */
.news-pages{ text-align: center; margin-top: .6rem;}
.news-pages .pagination>li>a,.news-pages .pagination>li>span{ margin-right: .1rem; width: .5rem; height: .5rem; line-height: .35rem; background-color: transparent; border: 0; color: rgba(0, 0, 0, 0.65); border: 1px solid #E4E4E4; border-radius: 50%;}
.news-pages .pagination>.active>a,.news-pages .pagination>li:hover>a{border: 1px solid var(--bgColor); color: var(--bgColor); background-color: transparent; }
.news-pages .pagination>li>a.page-pre,.news-pages .pagination>li>a.page-next{width: 1.08rem; border-radius: .5rem;}

.news-del{ padding: .6rem 0;}
.newsdel-con-right{ flex: 1;}
.newsdel-title{border-bottom: 1px solid #E5E5E5; padding-bottom: .3rem;}
.newsdel-title h4{font-size: .24rem;font-weight: 500;color: var(--Color333);line-height: .68rem; margin-bottom: .14rem;}
.newsdel-title p{ display: flex; align-items: center; justify-content: space-between; }
.newsdel-title p span,.newsdel-title p a{ font-size: 14px;font-weight: 400;color: var(--Color666);line-height: 24px;}
.newsdel-title p span{  font-family: "DINRegular";}
.newsdel-content{ border-bottom: 1px solid #e5e5e5;}
.newsdel-content{padding: .39rem 0; }
.newsdel-content p{font-size: 16px;line-height: 30px; color: #666; margin-bottom: .3rem;}
.newsdel-content img{max-width: 100%;}
.newsdel-btn{ padding-top: .6rem;}
.newsdel-btn a{display: flex;color: var(--Color333); margin-bottom: .3rem; align-items: center;}
.newsdel-btn a span{display: inline-block;color: var(--Color333); width: 1.08rem; height: 40px; text-align: center ; line-height: 40px; background: #F6F6F6; border-radius: 20px;}
.newsdel-btn a p{flex: 1; padding-left: .2rem;color: var(--Color333);}
.news2-con-right{flex: 1;  max-width: calc(100% - 3.4rem)}



.history{  position: relative; }

.history-bar{ height:.97rem;  position: relative;}
.history-bar::after{position: absolute; content: ''; width: 100%; height: 2px; background: #eeeeee; top: 50%; left: 0; margin-top: -1px;}
.history-thumbs{position: relative; margin-left: .6rem; margin-right: .6rem; z-index: 10;  overflow: hidden;  }
.history-bar  .my-swiper.swiper-button-prev{left: 0; background-color: #fff;}
.history-bar  .my-swiper.swiper-button-next{right: 0;background-color: #fff;}
.history-bar .swiper-button-next.swiper-button-disabled,.history-bar  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.swiper-slide {
	background-size: cover;

	background-position: center;

}

.gallery-thumbs {

 box-sizing: border-box;
 z-index: 5;

}

.gallery-thumbs .swiper-slide {

	width: 14.2857143%;

	height: 100%;

}

.swiper-slide-thumbs-item{text-align: center; cursor: pointer; position: relative;}
.swiper-slide-thumbs-item::after{ position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; top: 50%; left: 50%; margin-top: -5px; margin-left: -4px; background: #ccc; opacity: 1;transition: all .3s ease; }
.swiper-slide-thumbs-item-top{ height: .97rem; position: relative; top: 0; z-index: 10; }


.swiper-slide-thumbs-item p{font-size: 14px; font-family: "DIN-Medium"; color: var( --Color666); transition: all .3s ease;line-height: 1.5rem;}

.gallery-thumbs .swiper-slide-active .swiper-slide-thumbs-item::after{ opacity: 0;}

 .gallery-thumbs .swiper-slide-active .swiper-slide-thumbs-item p{
  font-size: 0.8rem;
  line-height: .97rem;
  color: var(--bgColor);
}


.history .gallery-top {

	height: 80%;

	width: 100%;

}

.history .history-content{  position: relative; z-index: 10;  color: #000; text-align: center; background: #F8FBFD; margin-top: .29rem; }

.gallery-top .history-con{  display: flex; padding: .24rem .3rem .26rem;}
.history-img{ width: 2.7rem; height: 2.7rem; margin-right: .3rem; position: relative; cursor: pointer;}
.history-img img{ object-fit: contain; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; }
.gallery-top .history-txt p{display: flex; font-size: 14px; line-height: 20px; color: var(--color666);  margin-bottom: .14rem; cursor: pointer;text-align: left;}
.gallery-top .history-txt p img{ width: 20px; height: 20px; margin-right: 4px; filter: grayscale(100%); transition: all .3s ease;}
.history-img img.on{ opacity: 1;visibility: visible;}
.gallery-top .history-txt p.on{color: var(--bgColor); }
.gallery-top .history-txt p.on img{filter: grayscale(0);}


/* 荣誉资质弹框 */
.honor-big-box{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1000;  align-items: center; justify-content: center; display: none;}
.honor-big-box.on{display: flex;}
.honor-img-box{position: relative;  background: #fff;  padding: .5rem;  }
.honor-img-box img{margin: auto; max-width: 100%;  max-height: 80vh;}
.honor-close{display: block; width: .5rem; height: .5rem; border: 1px solid #999; border-radius: 50%; background: #fff; top: -0.25rem; right: -0.25rem; position: absolute; cursor: pointer;}
.honor-close::before,.honor-close::after{position: absolute; content: ''; width: .2rem; height: 2px; background: #999; left: 50%; top: 50%;  margin-top: -1px;margin-left: -0.1rem;}
.honor-close::before{ transform: rotate(45deg);}
.honor-close::after{transform: rotate(135deg);}

@media (min-width: 1930px){
  .about4 .swiper-button-prev, .about3 .swiper-button-prev{left: 19vw;}
.about4 .swiper-button-next, .about3 .swiper-button-next{right: 19vw;}}
@media(min-width: 1000px){
  .header-nav ul li.on >a::after{opacity: 1;}

  .ind-more:hover::before { width: 100%; }
  .ind-more:hover::after { border-top: 1px solid #fff;border-right: 1px solid #fff; }
  .ind-more:hover p{color: #fff;}

  .ind4-con .ind4-item:last-child:nth-child(3n + 2) {
    margin-right: calc((100% - 31.5%) / 2);
  }
 
  .copyright p a:hover{color: rgba(255,255,255,1);}
  .about3-item:hover .about3-item-img img{transform: scale(1.05);}
  .about4-item:hover .about4-item-img{ transform: translateY(-10px);}
  .about5-item:hover img{ transform: rotate(180deg);}
}

@media (max-width: 1800px){
  .about4 .swiper-button-prev, .about3 .swiper-button-prev{left: 10vw;}
  .about4 .swiper-button-next, .about3 .swiper-button-next{right: 10vw;}
}
@media (max-width: 1600px){
  .about4 .swiper-button-prev, .about3 .swiper-button-prev{left: 5vw;}
  .about4 .swiper-button-next, .about3 .swiper-button-next{right: 5vw;}
  .header-nav ul li >a::after{bottom: -.38rem;}
}
@media (max-width: 1400px){
  .about3-item,.about3-item-img{height: 4rem;}
}
@media (max-width: 1300px){
  
  .ind6-yuyue{ margin: 0.4rem .6rem 0 1.63rem; }
  .about3-item-img{width: 2.5rem;}
 
}
@media (max-width: 1200px){
  .about4 .swiper-button-prev, .about3 .swiper-button-prev{left: 1vw;}
  .about4 .swiper-button-next, .about3 .swiper-button-next{right: 1vw;}
  .ind6-yuyue{ margin: 0.4rem .5rem 0 1.43rem; }
  .about3-item,.about3-item-img{height: 5rem;}
  .header-nav ul li >a::after{bottom: -.44rem;}
  .ind6-list{padding: .3rem .3rem;}
  .ind6-list img{margin-right: .2rem;}
  .ind4-con .ind4-item:nth-child(3) h6{   margin-bottom: .35rem;}
  /* .news1-con-right{max-width: 70%;} */
}
@media (max-width: 780px){
  #section0 .swiper-container .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}
  .weui-flex-warp,.flex-spbe{ flex-wrap: wrap;}
  .weui-flex-warp-item{ width: 100% !important;}
  .about1-left{flex: unset;}
  .m-none{display: none !important; }
  .pad30-m{padding: 30px !important;}
  header{height: 60px;padding: 0 .1rem;}
  .logo{width: 2rem; height: 26px;}
  .header-nav{position: fixed; top: 60px;left: 0;right: 0; bottom: 0; background: #fff;box-sizing: border-box; display: none;  height: auto;margin-left: 0; }
  .header-nav ul li >a{color: #333;}
  .sub-nav .sub-nav-right{padding: 0;}
  .sub-nav .nav-item a{margin-bottom: 0rem;}
  .header-nav ul{flex-wrap: wrap;  width: 100%; height: unset;}
  .header-nav ul li{border-bottom: 1px solid rgba(226, 226, 226, 1);width: 100%;height: unset; flex-wrap: wrap;}
  .header-nav ul li >a{width: 100%;text-align: center; line-height: 60px;}
  .sub-nav{position: relative; top: 0; height: 0;}
  .sub-nav.on{height: 100%;}
  .sub-nav .nav-item a{justify-content: center;}
  .sub-nav .nav-item .more-box{display: none;}
  #section0 .swiper-button-next{ right: 8%; left: unset;}
  .banner-page-num{left: 5%; }
  .ind-more{width: 2.46rem; height: .7rem; line-height: .7rem; }
  .ind-more p {height: .7rem; line-height: .68rem; }
  .ind2 .ind-txt,.footer-mid-left ul li,.about1-left .ind-txt,.ind5 .ind-txt{max-width: 100%;}
  .footer-top >img{width: 3.4rem;}
  .footer-mid-code{width: 50%; margin-bottom: .3rem; margin-top: .3rem; }
  .footer-mid-right .footer-mid-code:not(:last-child){margin-right: 0;}
  .ind4-con .ind4-item h6,.ind6-yuyue-top,.about2-txt div p{font-size: 16px;}
  .ind-txt p,.ind4-con .ind4-item p{font-size: 14px;}
  .ind6-yuyue{margin: 0.4rem 0 0;}
  .ind6-list{padding: .2rem .45rem;}
  .ind6-list img{margin-right: .45rem;}
  .copyright p{font-size: 12px;}
  .about1-marleft{margin-left: 0;}
  .bout1-sec2-title{text-align: center;}
  .bout1-sec2-title .h4{font-size: 18px;}
  .about3-item{height: unset;}
  .about4-item-img{height: 4.5rem;}
  .about3-item-img{height: 4.5rem;}
  .about3-item-img img{object-fit: cover; width: 100%; height: 100%;}
  .about1,.about5{padding: 0.6rem 0 .96rem;}
  .about5-item{width: 100%; margin-bottom: .35rem;}

  .about3,.about4{padding: .6rem 0 .45rem;}
  .about3-swiper-out,.about4-swiper-out{padding-bottom: 2rem;}
  .my-swiper.swiper-button-prev, .my-swiper.swiper-button-next{top: 90%;}
  .about1-left,.ind5-con-left{margin-bottom: .4rem;}
  .about1-sec2{margin-top: .6rem;}

  .go-top img{width: 45px; height: 45px;}
  .about2-txt div h4{font-size: .36rem;}

  .ind6 .ind6-con >img{width: 4rem; margin: auto;}
  .ind6-con-right{flex: unset; padding-top: .6rem;}
  .ind2,.ind3,.ind4,.ind5,.ind6{padding: .6rem 0 ;}
  .ind-title{text-align: center;}
  /* .about3-item-img::after{left: .6rem;bottom: -0.2rem;transform: rotate(90deg); top: unset;} */
  .map-info-box p{min-width: 4.3rem;}
  .copyright p a{display: block;}
  .about4 .swiper-button-prev, .about3 .swiper-button-prev{left: 8vw;}
  .about4 .swiper-button-next, .about3 .swiper-button-next{right: 8vw;}
  .about3-item-txt{padding: 15px;}
  .ind2-img,.ind5 .ind5-con img,.about1-img{margin: auto;}
  .news-item-right{width: 75%;}
  .news1-con-left{padding: .86rem .6rem .8rem;}
  .news1-con-left a,.news-item-right h6{font-size: 16px;}
  .newsdel-con-right{padding-top: .6rem;}
  .newsdel-btn a span{width:1.56rem ;}
  .news2-con-right{max-width: 100%;}
  .history-bar {margin: .6rem auto;}
  .history-bar .my-swiper.swiper-button-prev,  .history-bar .my-swiper.swiper-button-next{top: 50%;}
  .history-img{width: 80%; margin: auto; margin-bottom: .6rem; height: 3.7rem; }
  .news1-con-right{max-width: 100%;}
  .news1-con-left{margin-right: 0;}
  .newsdel-title h4{ font-size: 18px; font-weight: 600;}
  .ind6-yuyue{width: 100%;}
  .ind3 .ind-con{padding-top: 0;}
  /* .inner-banner-txt h4{margin-top: .2rem;} */
  .inner-banner{height: unset;}
  .inner-banner img{height: unset; width: 100%;}
  .ind4-con .ind4-item:nth-child(3) h6{margin-bottom: 10px;}
  .honor-img-box{width: 85vw;}
  .ind3 .ind-con{min-height: unset;}
}
@media (max-width: 400px){
  .footer-top >img {width: 2.6rem;}
  .ind6-list{padding:  0.2rem .25rem;}
  .ind6-list img{margin-right: .25rem;}
  
}
@media (max-width: 350px){
  .ind6-list{padding:  0.2rem 0.05rem;}
  .ind6-list img{margin-right: 0;}
}
@keyframes bigtosmall {
  0% { 
  opacity: 1;
  -webkit-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
  transform: scale(1.1);
  }
  100% { 
  opacity: 1;
  -webkit-transform: scale(1); 
  -ms-transform: scale(1); 
  transform: scale(1);
  }
}
.bigtosmall{
  -webkit-animation-name: bigtosmall;
  animation-name: bigtosmall;
  transform-origin: 50% 50%;
}
@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);
  }
}
.delay600{
  -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -ms-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
}
.delay900{
  -webkit-animation-delay: .9s;
    animation-delay: .9s;
    -ms-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
}



@keyframes myfadeup{
  0%{
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);}
    100%{
      opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
}
.myfadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes point1 {
  0% {
    transform:scale(.8);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(.8);
  }
}

.point1 {
  -webkit-animation-name: point1;
  animation-name: point1;
}
@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);}
}
.add-more{ padding: .3rem; color: #999; font-size: 14px;}
.ind2 .ind-con.flex-spbe,.ind3 .ind-con.flex-spbe,.ind5-con.flex-spbe{align-items: center}
.ind6-con.flex-spbe{align-items: flex-end !important;}