@import "font-awesome.css";
@import "iconfont.css";
@import "/skin/iconfont/iconfont.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:96%;max-width:96%;margin:0 auto;}
.wrap-1620{width:96%;max-width:96%;margin:0 auto;}
.wrap-1600{width:96%;max-width:96%;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
.banner{position: relative;overflow: hidden;margin-top: 65px;}
.banner .p img{width:100%;}

.top_header{position: fixed;top:0;left:0;width:100%;z-index:999;transition: 0.4s;}
.top{height:65px;transition: 0.4s;background: var(--bgcolor);}
.top .wrap{align-items: center;height: 100%;}
.top .txt{font-size:14px;color:#FFFFFF;font-family: 'Roboto-Regular';}
.top .shop{min-width: 90px;height: 30px;background: #0b0d0e;color: #fff;font-size: 11px;font-family: 'Poppins-Medium';display: flex;align-items: center;justify-content: center;border-radius: 30px;}
.top .lang-box .lang a{display: flex;align-items: center;min-width: 95px;}
.top .lang-box .lang a img{width: 32px;}
.top .lang-box .lang a:nth-child(3) img{max-width: 28px;}
.top .lang-box .lang a:nth-child(4) img{max-width: 26px;}
.top .lang-box .lang a span{font-size:13px;color:#f9f9f9;margin-left:7px;line-height: 1;}
.top .lang-box .lang a:hover span{color:#F41412}
.header{transition:.6s;height:95px;width:100%;z-index: 9999999;display:flex;align-items: center;transition: 0.4s;}
.header.height{box-shadow:0 15px 30px rgba(0,0,0,0.08);height: 60px;background: #fff;}
.header.height .header-right .item h3 a{color: #000;}
.top_header.height .top{height: 45px;}
.product-detail-title{display: flex;align-items: flex-end;margin: 50px 0;}
.product-detail-title .title-box{background: #006c73;position: relative;clip-path: polygon(0 0, calc(100% - 45px) 0, 100% 100%, 0 100%);display: flex;align-items: center;height: 60px;min-width: 350px;justify-content: center;padding-right: 45px;}
.product-detail-title .title-box h2{color: #fff;font-size: 26px;font-family: 'Poppins-Bold';line-height: 1;}
.product-detail-title .title-line{flex: 1;height: 4px;background: #006c73;margin-left: -4px;}
.topcolor{background: #b2b2b2;}
.hbcolor{background: #fff;}
.hcolor{color: #000 !important;}
.fclass{background: #fff !important;color: #000 !important;}
.tclass{background: #000 !important;color: #ffffff !important;}
.header .header-left{align-items: center;}
.header .menu{align-items: center;height:100%;} 
.header .header-left .logo{margin-right:50px;}
.header .header-left .logo img{transition:all 1s ease;}
.header.height .header-left .logo img{transform: scale(0.8);}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .item h3 a{font-size:20px;font-family: 'Poppins-Regular';color: #fff;position: relative;}
.header .header-right .item.on h3 a{color: var(--bgcolor) !important;}
.header .header-right .item{margin-right:50px;position: relative;height: 100%;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .ico{align-items: center;}
.header .header-right .ico a{margin-left:25px}
.header .item{display:flex;height:95px;align-items: center;}
.header .wrap{height: 100%;}
.header .header-right .item .sj{width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;bottom: 0;right: 50%;transform: translateX(50%);opacity: 0;transition: 0.4s ease;}
.header .header-right .item:hover .sj{opacity: 1;}

.header .subs{z-index:999;transform: scaleY(0);transform-origin: top;transition: 0.4s;position: fixed;top:160px;left:0;width:100%;background:rgba(255,255,255,.98);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.header.height .subs,.header.height .subx{top:105px;}
.header .subs .container{height: 60px;border-bottom: 3px solid var(--bgcolor);}
.header .subs .container .wrap-1620,
.header .subs .container .wrap-1620 li{height: 100%;}
.header .subs .container .wrap-1620{display:flex;align-items: center;}
.header .subs .items{display: flex;margin-right: 75px;transition: 0.5s;align-items: center;height: 100%;}
.header .subs .items .pics{margin-right: 10px;width: 50px;}
.header .subs .items .pics .red{display: none;}
.header .subs ul li:last-child .items{margin-right: 0;}
.header .subs .items span{font-size: 16px;transition: 0.5s;}
.header .subs .bd_b{padding: 35px 0 60px 0;}
/* .header .subs .bd_b .box-l{overflow-y: auto;max-height: 325px;} */
.header .subs .bd_b .scroll-wrap{width: 260px;}
.header .subs .bd_b .itemc p{font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: 0.5s;margin-bottom: 10px;background: linear-gradient(-135deg, transparent 12px, var(--bgcolor) 0);min-height: 40px;color: #fff;display: flex;align-items: center;justify-content: center;}
.color{color: var(--bgcolor) !important;}
.header .header-right .item:hover .subs{transform: scaleY(1);}
/* .header .subs .bd_b .wrap_b{display: none;} */
.header .subs .bd_b .box-r{width: calc(100% - 280px);padding-left: 30px;}
.header .subs .bd_b .box-r .cont{display: none;}
.header .subs .bd_b .box-r .item{transition-duration:.6s;width: calc((100% - 120px)/4);margin:0 40px 10px 0;transition: 0.6s;padding: 5px 3px 0 3px;}
.header .subs .bd_b .box-r .cont{width: 100%;}
.header .subs .bd_b .box-r .item:nth-child(4n){margin-right:0;}
.header .subs .bd_b .box-r .item .txt{display: flex;width: 100% !important;border-top: 1px solid #c9c9c9;transition: 0.6s;justify-content: space-between;padding:20px 5px 12px 5px;}
.header .subs .bd_b .box-r .item .txt h3{font-family: 'Montserrat-SemiBold';color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height: 1;width: 100%;transition: 0.5s;height: auto;margin-top: 10px;}
.header .subs .bd_b .box-r .item:hover .txt h3{color: var(--bgcolor);}
.header .subs .bd_b .box-r .item .txt h5{color: #333;font-size: 16px;line-height: 1;margin-top: 8px;transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;width: 100%;font-family: 'Poppins-Bold';}
.header .subs .bd_b .box-r .item .txt .txts{width: calc(100% - 40px);}
.header .subs .bd_b .box-r .item .pic{padding: 10px 13px;overflow: hidden;}
.header .subs .bd_b .box-r .item .pic img{transition: 0.4s;}
.header .subs .bd_b .box-r .item a:hover .pic img{transform: scale(1.1);}

.header .subx{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease;position: fixed;top:130px;left:0;width:100%;background:var(--bgcolor);padding: 30px 0;}
.header .subx .wrap{display:flex;justify-content: center;}
.header .subx .items{display: flex;flex-direction: column;margin-right: 40px;width: calc((100% - 80px)/3);}
.header .subx .items img{transition: 0.5s;}
.header .subx .items:hover img{transform: scale(1.1);}
.header .subx .pics{overflow: hidden;border-radius: 15px;border: 5px solid #fff;}
.header .subx .pics img{width: 100%;}
.header .subx .items:nth-child(3n){margin-right: 0;}
.header .subx .items span{font-size: 16px;margin-top: 20px;color: #fff;padding-left: 10px;}
.header .subx .ab span{font-size: 20px;margin-top: 25px;}
.header .header-right .item:hover .subx{transform: scaleY(1);}

.header .header-right .menu .sub {
  z-index: 2;
  /* display: none; */
  transform: scaleY(0);
  transform-origin: top;
  transition:transform 0.3s ease;
  position: absolute;
  top:100%;
  left: 0;
  width: auto;
  background: rgba(255,255,255,0.97);
  color: #000 !important;
  border-radius: 0 0 5px 5px;
  box-shadow:0 15px 30px rgba(20,73,111,0.1);
}
.header .header-right .menu .item:hover .sub {transform: scaleY(1);}
.header .header-right .menu .sub .wrap {
  display: flex;
  flex-direction: column;
  padding: 5px 0 5px;
  width: 100%;
}
.header .header-right .menu .sub .p {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
}
.header .header-right .menu .sub .p a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  transition-duration: 0.6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 16px;
  padding: 0 18px;
  transition: 0.6s;
  color: #000;
}
/* .header .header-right .menu .sub .p:hover{background-color: var(--on-color);} */
.header .header-right .menu .sub .p:hover > a {
  transform: translateX(5px);
  color: #fff;
}
.header .header-right .menu .sub .p:hover{background: var(--bgcolor);}

.info-f {
  margin-left: 35px;
}
.footer .info-f{margin-left: 0 !important;}
.info-f .ico {
  align-items: center;
}
.info-f .ico a {
  position: relative;
  color: #fff;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1.5px solid #fff;
}
.info-f .ico a i{color: #fff;font-size: 18px;}
.footer .info-f .ico a{color: #393939;}
.footer .info-f{margin-top: 35px;margin-left: 15px;}

.h_banner .home_pag{display: flex;justify-content: center;width: 100%;bottom: 0;}
.home_swi{margin-top: 65px;position: relative;}
.home_swi img{width: 100%;}
.home_swi .swiper-pagination .swiper-pagination-bullet{ opacity: 1; height: 80px;position: relative;z-index: 10;margin-right: 0 !important;margin-left: 0;display: flex;align-items: center;justify-content: center;color: #fff;background: rgba(12,134,149,0.4);font-size: 20px;border-radius: 0;transition: 0.6s;padding: 0 5px;}
.home_swi .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
.swiper-button-next:after,.swiper-button-prev:after{content: "";display: none;}
.swiper-button-next, .swiper-button-prev{color: #fff;background: none;width: auto;height: auto !important;}
.home_swi .swiper-button-prev {
    left: 3.13vw !important;
    top: 50% !important;
    margin-top: 0;
    transform: translateY(-50%);
  }
  .home_swi .swiper-button-prev i{ font-size:2.34vw;color: #fff;opacity: 1;transition: 0.4s;opacity: 0.8;}
  .home_swi .swiper-button-prev i:hover{opacity: 1;color: var(--bgcolor);}
  .home_swi .swiper-button-prev:hover,.home_swi .swiper-button-next:hover{background: transparent;}
  
  .home_swi .swiper-button-next {
    right: 3.13vw !important;
    top: 50%;
    color: #fff;
    margin-top: 0;
    transform: translateY(-50%);
  }
  .home_swi .swiper-button-next i{ font-size: 2.34vw;color: #fff;opacity: 0.8;transition: 0.4s;}
  .home_swi .swiper-button-next i:hover{opacity: 1;color: var(--bgcolor);}

.index-pro{padding:100px 0 110px;}
.pro-top h3{height: 35px;display: flex;align-items: center;justify-content: center;width: 130px;background: var(--bgcolor);color: #fff;transform: skew(-30deg);margin-left: 18px;margin-bottom: 35px;}
.pro-top h3 span{transform: skew(30deg);font-family: 'Poppins-Light';font-size: 14px;}
.pro-top h1{font-size: 40px;font-family: 'Poppins-Bold';line-height: 1}
.pro-top h1 span{color: var(--bgcolor);font-family: 'Poppins-Bold';}
.pro-top p{font-size: 14px;line-height: 18px;max-width: 935px;margin-top: 15px;color: #c3c3c3;}
.index-prod .pro-top h1{text-align: center;}
.index-prod .pro-top p{text-align: center;max-width: 880px;margin: 20px auto 0 auto;}

.pro-swiper{overflow: hidden;margin: 0 auto;padding-bottom: 20px;}
.pro-swiper .swiper-wrapper{margin-top: 42px;}
/*.pro-swiper .swiper-slide{margin: 0 !important;}*/
.pro-swiper .swiper-slide a{width: 100%;}
.pro-swiper .item{border: none;box-shadow: none;}
/*.pro-swiper .item .txts{border-top: 1px solid #ebebeb;background: #fff;}*/
.pro-swiper .item .pics{width: 100%;overflow: hidden;position: relative;display: block;}
.pro-swiper .item .pics .back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;opacity: 0;transition: 0.5s;}
.pro-swiper .item:hover .pics .back{opacity: 1;}
.pro-swiper .item .pics>img{transition: 0.5s;width: 100%;}
.pro-swiper .item .pics .fdj{position: absolute;top: 110%;left: 50%;transform: translate(-50%, -50%);transition: 0.6s;z-index: 999;}
.pro-swiper .item:hover .pics .fdj{top: 50%;}
.pro-swiper .item .txts{padding: 15px 15px 0 0;display: block;}
.pro-swiper .item .txts h1{font-size: 24px;margin-bottom: 15px;line-height: 1;display: block;}
.pro-swiper .item .txts .more{color: #a2a2a2;font-size: 14px;line-height: 1;font-family: 'Poppins-Light';}
.pro-flex{align-items: flex-end;flex-wrap: nowrap;}
.sw-box{width: 155px;height: 50px;margin-right: 10px;line-height: 50px;}
.sw-box .swiper-pagination{display: flex;align-items: center;justify-content: center;}
.swiper-button-prev i,.swiper-button-next i{ font-size: 26px;transition: 0.4s;display: inline-block;color: var(--bgcolor);}
.com-swiper .swiper-button-prev i,.com-swiper .swiper-button-next i{font-size: 42px;}
.sw-box .swiper-button-prev {
  left: 0 !important;
  top: auto;
  bottom: 0px !important;
  margin-top: 0;
  transition: 0.6s;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 11px 20px rgba(16,104,115,.19);
}
.swiper-button-prev,.swiper-button-next{background-image: none;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.prod-swiper .sw-box .swiper-button-prev,.prod-swiper .sw-box .swiper-button-next{background: #fbfbfb;box-shadow: none;}
.prod-swiper .sw-box .swiper-button-prev i,.prod-swiper .sw-box .swiper-button-next i{color: #000;}
.com-swiper .swiper-button-next,.com-swiper .swiper-button-prev {
  width: 55px !important;
  height: 55px !important;
  border-radius: 18px;
  background: #fff;
  transform: translateY(-35px);
  box-shadow: 0 11px 20px rgba(16,104,115,.19);
}
.com-swiper .swiper-button-next{right: -145px;}
.com-swiper .swiper-button-prev{left: -145px;}
.sw-box .swiper-button-next {
  right: 0 !important;
  top: auto;
  margin-top: 0;
  bottom: 0px !important;
  transition: 0.6s;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  background: #fff;
  margin-left: 10px !important;
  box-shadow: 0 11px 20px rgba(16,104,115,.19);
}
.swiper-button-prev:hover,.swiper-button-next:hover{background: var(--bgcolor);}
.sw-box .swiper-button-prev:hover i,.sw-box .swiper-button-next:hover i{color: #fff;}

.titles h1{font-size: 66px;font-family: 'SourceHanSansCN-Medium';text-align: center;line-height: 1;}
.titles h3{font-size: 20px;font-family: 'Roboto-Regular';text-align: center;color: #535353;text-transform: uppercase;line-height: 1;margin-top: 15px;}
.titles .tits{font-size: 24px;}
.index-data{background: url("/skin/images/aback_02.jpg") no-repeat center center / cover;padding: 190px 0 170px;background-attachment: fixed;}
.index-data .tit{font-size: 50px;font-family: 'Poppins-Bold';line-height: 1;color: #fff;text-align: center;}
.index-data .des{font-size: 16px;font-family: 'Poppins-Light';line-height: 28px;color: #fff;text-align: center;max-width: 1140px;margin: 20px auto 0 auto;}

.bn-lista{
    display: flex;
    width: 100%;
    margin-top: 100px;
    justify-content: flex-start;
  }
 
 .bn-lista li {
    transition: 1s ease;
    flex-direction: column;
    display: flex;
    align-items: center;
    /*justify-content: flex-end;*/
    width: 20%;
    cursor: pointer;
    transition: 0.7s;
  }
 .bn-lista li h2 .number {
  font-size: 70px;
  font-family: 'Poppins-Bold';
  line-height: 1;
  color: #fff;
  display: inline-block;
  position: relative;
  transition: 0.4s
  }
 .bn-lista2 li h2 .number{font-family: 'Poppins-Regular';font-size: 62px;color: var(--on-color);transition: 0.4s;}
 .bn-lista li h2 {
  position: relative;
}
  .bn-lista li h2 .plus{position: absolute;font-size: 50px;right: -35px;top: -20px;font-family: 'Poppins-Bold';color: #fff;transition: 0.4s}
  .bn-lista2 li h2 .plus{color: var(--on-color);font-family: 'Poppins-Regular';font-size: 35px;right: -25px;top: -10px;transition: 0.4s}
  .bn-lista li h2 .dw{font-size: 70px;color: #fff;font-family: 'Poppins-Bold';line-height: 1;transition: 0.4s}
  .bn-lista2 li h2 .dw{color: var(--on-color);font-family: 'Poppins-Regular';transition: 0.4s}
  .bn-lista li:hover h2 .number,.bn-lista li:hover h2 .dw,.bn-lista li:hover h2 .plus{color: var(--bgcolor);}
 .bn-lista li .des {
  transition: 0.5s;
  display: inline-block;
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
  }
.btns{width: 230px;height: 55px;border-radius: 55px;border: 2px solid rgba(255,255,255,.8);color: #fff;display: flex;justify-content: center;align-items: center;transition: 0.7s;font-size: 16px;margin: 50px auto 0 auto;}
.btns i{font-size: 30px;margin-left: 20px;z-index: 99;transition: 0.7s;}
.btns span{z-index: 99;transition: 0.7s;}
 .index-about{padding: 110px 0 90px;position: relative;overflow: hidden;}
 .index-about>.flex{align-items: center;}
 .titlex{display: flex;align-items: flex-end;max-width: 560px;}
 .titlex .texts>span{font-size: 35px;color: var(--color);font-family: 'Poppins-Bold';display: inline-block;line-height: 1;}
  .index-about .titlex h1{font-size: 45px;font-family: 'Poppins-Bold';color: var(--color);line-height: 1.2;margin-top: 60px;}

 .about-t{width: 47%;padding-left: 35px;}
 .about-t .about-l .content{width: 100%;margin-top: 50px;overflow: hidden;}
 .about-t .about-l .content p{font-size: 21px;color: #595959;line-height: 38px;width: 100%;margin-bottom: 40px;}
 .list-about .about-t .about-l .content p{margin-bottom: 0;}
 .about-t .btns{margin-top: 70px;}
 .about-t .about-l .btns{border-color: #efefef;color: #000;margin: 25px 0 0 0;}
 .about-t .about-l .btns i{color: #dedede;}
 .about-t .about-l .btns:hover i{color: #fff;}
 .about-t .about-l .btns:hover{color: #fff;}
 .about-t .videolist{width: 50px;height: 50px;border-radius: 5px;border: 1px solid #102041;display: flex;justify-content: center;align-items: center;transition: 0.7s;margin-left: 20px;cursor: pointer;}
 .about-t .videolist i{font-size: 22px;color: var(--color);}
 .pic_e {display: block;}
 .pic_e button{display: block;margin-top: -80px;cursor: pointer;}
 .about-r{z-index: 10;margin-bottom: -5px;width: 47%;padding-right: 40px;align-items: flex-end;flex-wrap: nowrap;}
 .about-r .pic-l{display: flex;flex-direction: column;align-items: flex-end;}
 .about-r .pic-l .pic1{margin-bottom: 27px;}
 .about-r .pic-r{padding-bottom: 50px;margin-left: 25px;}
 .about-r .pic img{width: 100%;}
 .videoes{background: #fff;width: 440px;align-items: center;position: absolute;bottom: 40px;right: 90px;height: 150px;border-radius: 20px;justify-content: flex-start;}
 .videoes .vi{width: 83px;height: 83px;background: #e9f1f2;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-left: 50px;}
 .videoes h2{font-size: 21px;margin-left: 50px;}
 .about-b{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 35px;}

.com-swiper .swiper-slide.swiper-slide-visible{opacity: 0.3;}
.com-swiper .pic{margin: 0 5px;overflow: hidden;position: relative;cursor: pointer;display: block;}
.com-swiper .pic img{transition: 0.5s;}
.com-swiper .pic:hover img{transform: scale(1.1);}
.com-swiper h2{font-size: 20px;line-height: 55px;width: 100%;margin-top: 20px;position: absolute;left: 0;bottom: 0;height: 55px;color: #fff;padding-left: 35px;overflow: hidden;border-radius: 4px;}
.com-swiper h2 span{position: relative;z-index: 5;}
.com-swiper h2::after{content: '';position: absolute;right: 0;bottom: 0;height: 0;width: 100%;background: rgba(82,149,163,0.8);transition: 0.5s;}
.com-swiper{padding-bottom: 60px;margin-top: 60px;}
.com-swiper .pic:hover h2::after{height: 100%;}
.com-swiper .swiper-pagination{bottom: 0;}
.com-swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: #bdbdbd;width: 36px;height: 5px;border-radius: 5px;margin-right: 12px !important;}
.com-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--bgcolor);}
.list-fac .des{font-size: 18px;line-height: 24px;color: #cecece;text-align: center;max-width: 1250px;margin: 20px auto 0 auto;}
.list-fac{background: #fcfcfc;padding: 65px 0 85px;margin-top: 90px;}

.list-videos{padding: 55px 0 110px;}
.list-videos .video{position: relative;overflow: hidden;border-radius: 8px;width: 57.5%;z-index: 99;cursor: pointer;}
.video-box{position: relative;}
.list-videos .video .back img{width: 100%;transition: 0.5s;}
.list-videos .video .back:hover>img{transform: scale(1.1);}
.list-videos .video .videobtn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.culture{width: 42%;}
.culture .item .icon img:nth-child(2){display: none;}
.culture .item{padding: 30px 45px 25px 35px;position: relative;}
.culture .item .tit{font-size: 22px;line-height: 1;color: #141414;font-family: 'Poppins-Bold';margin-bottom: 20px;}
.culture .item p{font-size: 18px;line-height: 30px;color: #141414;font-family: 'Poppins-Light';width: calc(100% - 90px);}
.culture .item::after{content: '';position: absolute;left: -40px;top: 0;height: 100%;width: calc(100% + 40px);transition: 0.5s;box-shadow: 0 10px 30px rgba(141,196,203,.33);transform: skew(-10deg);border-radius: 20px;opacity: 0;}
.culture .item:hover::after{opacity: 1;}
.culture .item::before{content: '';position: absolute;left: -80px;top: 0;height: calc(100% + 30px);width: 70px;background: #fff;z-index: 999;}


.develop {padding: 70px 0;}
.develop .bd{padding-left:16px}
.develop .bd ul{border-left:1px solid #D2D2D2;margin-top:50px;}
.develop .bd li{position:relative;padding-bottom:60px;display:flex;}
.develop .bd li:before{left:-16px;top:16px;width:32px;height:32px;z-index:1;background:var(--bgcolor);border-radius:32px;position:absolute;content:"";}
.develop .bd li:after{left:-6px;top:26px;width:12px;height:12px;z-index:2;background:#fff;border-radius:12px;position:absolute;content:"";}
.develop .bd li span{position:relative;margin:0 30px 0 35px;color:#fff;font-family: 'Roboto-Bold';display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--bgcolor);width:150px;height:63px;border-radius:10px;padding: 0 5px;text-align: center;}
.develop .bd li span:before{content:"";width:0;height:0;position:absolute;left:-20px;top:50%;transform: translateY(-50%);border: 10px solid transparent;border-right-color: var(--on-color);}
.develop .bd li p{display:flex;align-items:center;padding-left:26px;position:relative;font-size: 16px;width: calc(100% - 200px);line-height: 19px;}
.develop .bd li p:before{width:16px;height:16px;border-radius:16px;background:var(--bgcolor);position:absolute;left:0;top:50%;margin-top:-8px;content:"";}

.honor{overflow: hidden;padding: 70px 0;}
 .honor .honor_box{display: flex;margin-top: 85px;flex-wrap: wrap;}
 .honor .honor_box .item{width: calc((100% - 150px) / 4);margin-right: 50px;cursor: pointer;margin-bottom: 15px;}
 .honor .honor_box .item:nth-child(4n){margin-right: 0;}
 .honor .item .pic,.honor .item .pic_b{width: 100%;text-align: center;overflow: visible;}
 .honor .item .pic{display: block;}
 .honor .item .pic img{width: 76%;transition: 0.6s ease;margin-top: -10px;}
 .honor .item .pic_b .honor .item .pic_b img{width: 100%;}
 .honor .item:hover .pic img{transform: scale(1.05) translateY(-25px);}

.about-titles h2{margin-top: 65px;}
.about .bodys{margin-top: 50px;overflow: hidden;}
.about .bodys p{font-size: 18px;line-height: 32px;}
.about{padding-bottom: 100px;}

.index-adv>.flex{margin-top: 60px;}
.index-adv .adv_l{width: 52%;}
.index-adv .adv_r{width: 43.7%;}
.index-adv .adv_r .tit{color: #303030;font-size: 48px;line-height: 1.13;padding-left: 40px;}
.index-adv .advs{margin-top: 15px;}
.index-adv .advs .item{padding: 22px 0 25px 0;border-radius: 90px 0 0 90px;transition: 0.5s;align-items: center;}
.index-adv .advs .item .pic{padding-left: 40px;}
.index-adv .advs .item .pic img:nth-child(2){display: none;}
.index-adv .advs .item .txts{width: calc(100% - 210px);}
.index-adv .advs .item .txts h3{font-size: 23px;font-family: 'SourceHanSansCN-Light';}
.index-adv .advs .item .txts p{font-size: 18px;font-family: 'SourceHanSansCN-Light';padding-right: 220px;margin-top: 10px;line-height: 24px;}
.index-adv .advs .item:hover{background-color: var(--bgcolor);color: #fff;}
.profile{border-top: 1px solid #f3f3f3;padding-top: 65px;}
.titlea{font-size: 38px;font-family: 'Poppins-Bold';color: #141414;line-height: 1;text-align: center;}
.profile .txtcontent{margin-top: 45px;}
.profile .txtcontent p{font-size: 21px;color: #595959;line-height: 42px;width: 100%;}
.about-pic{margin-top: 85px;}
.about-pic img{width: 100%;}
.history{background: url("/skin/images/history_02.webp") no-repeat;}
.history .txts{position: absolute;left: 0;padding: 0 35px;top: 74%;transition: 0.8s;}
.history .txts .no{font-family: 'Roboto-Bold';font-size: 58px;color: #e9e9e9;line-height: 1;text-align: center;}
.history .txts .txt{width: 100%;margin-top: 40px;min-height: 0;transition: 0.8s;opacity: 0;height: 0;}
.history .txts .txt p{font-family: 'SourceHanSansCN-Regular';font-size: 26px;color: #fff;margin-top: 15px;line-height: 48px;position: relative;z-index: 3;}
.history .txts .txt{position: relative;}
.history .his-back{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 0;transition: 0.6s;}
.his-swiper .swiper-slide .his-item{height: 880px;display: flex;flex-direction: column;justify-content: flex-end;transition: 0.8s;position: relative;cursor: pointer;}
.his-swiper .swiper-slide .his-item:hover .txt{height: 280px;opacity: 1;min-height: 280px;}
.his-swiper .swiper-slide .his-item:hover .txts{top: 40%}
.his-swiper .swiper-slide .his-item:hover{background: rgba(230,0,18,0.7);}
.his-swiper .pic img{width: 100%;}

.cert{width: 100%;}
.cert .bd ul{padding: 60px 0 !important;}
.cert .bd ul li{ margin:0 20px; float:left; display:inline; overflow:hidden;transition: 0.5s;width: 155px;height: 155px;display: flex;justify-content: center;align-items: center;border-radius: 4px;}
.cert .bd ul li:hover{box-shadow: 0 18px 20px rgba(16,104,105,0.17);}
.cert .bd ul li a img{transition: 0.5s;}
.cert .bd ul li a img:hover{transform: scale(1.1);}
.cert .tempWrap{width: 100% !important;}

.footer{background:#fcfcfc;}
.footer .info{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 80px 0 55px;}
.footer .info .info-l{width: calc(100% - 400px);}
.footer .info>.flex{flex-wrap: nowrap;}
.footer .info .info-txt{font-size: 18px;max-width: 600px;line-height: 26px;}
.footer .info .dls{display: flex;width: 100%;justify-content: space-between;}
.footer .info .dls .dl-txt{margin-right: 60px;margin-bottom: 30px;}
.footer .info .dls .dl-txt p{font-size: 16px;line-height: 32px;max-width: 545px;margin-top: 30px;}
.footer .info .dls .dl{margin-right: 130px;margin-bottom: 20px;}
.footer .info .dls .dl:nth-child(2){margin-right: 100px;}
.footer .info .dls .dl:nth-child(3){margin-right: 140px;}
.footer .info .dls .dl:nth-child(4){margin-right: 100px;}
.footer .info .dls .dl:last-child{margin-right: 20px;}
.dl .dl-title {
  font-size: 18px;
  margin-bottom: 15px;
}
.dl .dl-title a{border-bottom: 1px solid rgba(255,255,255,.8);white-space: nowrap;font-family: 'Poppins-Bold';}
.dl>dd a{
  line-height: 38px;
  font-size: 16px;
  white-space: nowrap;
}
.dl>p{display: flex;flex-direction: column;margin-bottom: 5px;}
.dl>p,.dl>p a{font-size: 16px;line-height: 27px;transition: 0.5s;}
.dl>p .tit{font-family: 'Poppins-Bold';}
.dl>p:hover a,.dl>dd a:hover{color: var(--on-color);}
.footer .info .dls .dl dd span{position: relative;}
.footer .info .dls .dl dd span:hover::after{width: 100%;right: auto;left: 0;}
.footer .info .dls .dl dd span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--bgcolor);
  right: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: 50% 50%;
}
.footer .info-f .ico {
  align-items: center;
}
.footer .info-f .ico a {
  position: relative;
  color: #000;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .info-f .ico a:nth-child(1) i{font-size: 18px;width: 22px;height: 22px;background: #1877f2;color: #fff;border-radius: 50%;text-align: center;padding-top: 5px;}
.info-f .ico a:nth-child(5){margin-right: 0;}
.footer .info-f .ico a:nth-child(5) i{color: #ff0000;}
.footer .info-f .ico a:nth-child(4) i{font-size: 16px;color: #000;}
.footer .info-f .ico a i{font-size: 30px;transition: 0.5s;}
.info-f .ico a:nth-child(2) svg{width: 22px;height: 22px;}
.footer .info-f .ico a:nth-child(3) i{width: 21px;height: 21px;background: #2867b2;color: #fff;font-size: 18px;display: flex;align-items: center;justify-content: center;}
.footer .info-f{margin-top: 40px;}
.footer .code img{box-shadow: 0 6px 12px rgba(0,0,0,.06);} 

.footer .bottom{background: var(--bgcolor);}
.footer .bottom .wrap-1620{padding:28px 0 25px;}
.footer .bottom br{display: none;}
.footer .bottom p a:last-child{margin-left: 50px;}
.footer .bottom p,.footer .bottom p a{color:#FFFFFF;font-size:16px;font-family: 'Poppins-Light';}

.news-list{padding: 50px 0 60px;}
.news-list .titles h1{font-size: 38px;font-family: 'Poppins-Bold';}
.list-news .titles{margin-bottom: 55px;}
.news-list .titles{margin-bottom: 50px;}
.list-news .titles h1{font-size: 40px;color: #303030;}
.list-news .titles a{font-size: 20px;color: #303030;}
.index-news{margin-top: 70px;background: #fcfcfc;padding: 80px 0 50px;}
.list-news .item{width: 48%;margin-right: 0;margin-bottom: 50px;}
.list-news .item .txt{padding: 30px 10px 0 0;}
.list-news .item .txt h2{font-size: 28px;color: #060001;transition: 0.5s;}
.list-news .item:hover .txt h2{color: var(--on-color);}
.list-news .item .txt p{font-size: 20px;line-height: 1;margin-top: 25px;color: #303030;}

.list-news .content,.list-products .content{width: 100%;}
.news-detail .wrap{border: none;}
.news-detail{padding: 60px 0;}
.list-news .show .t h2{font-size:24px;color:var(--bgcolor);line-height:32px;}
.list-news .show .t .time{padding:20px 0 17px;color:#000;opacity:.7;font-size:16px;}
.list-news .show .c{margin-bottom:30px;padding:50px 0;font-size:16px;line-height:24px;border-top:1px solid #CED2D9;border-bottom:1px solid #CED2D9;}
.list-news .show .m .top_bottom_page p,.list-news .show .m .top_bottom_page p a{font-size:16px;line-height:24px;}
.list-news .show .m .top_bottom_page p a:hover{color:var(--bgcolor)}
.list-news .show .m .btn{border-radius:6px;width:100px;height:40px;display:flex;align-items: center;background:var(--bgcolor);color:#fff;font-size:18px;justify-content: center;}
.list-news .show .m .btn img{margin-right:5px}
.list-news .show .m .btn:hover{border-radius:30px}

.title_p{font-size: 45px;font-family: 'Poppins-Bold';margin-bottom: 45px;text-align: center;line-height: 1;}
.title_p span{font-family: 'Poppins-Bold';color: var(--bgcolor);line-height: 1}
.list-app{padding: 45px 0;}
.list-app .item{width: calc((100% - 40px)/3);margin-right: 20px;margin-bottom: 50px;}
.list-app .item:nth-child(3n){margin-right: 0;}

.navs{height: 75px;box-shadow: 0 4px 8px rgba(4,0,0,0.04);}
.navs>.flex{align-items: center;height: 100%;}
.location .wrapl{display:flex;align-items: center;height: 100%;font-size: 18px;color: #afafaf;line-height: 1;}
.location{position: relative;height: 75px;}
/* .location .wrap-1600{display:flex;align-items: center;height: 100%;font-size: 18px;color: #afafaf;line-height: 1;} */
.location h5{margin-right: 8px;}
.location span{margin: 0 5px;}
.location .icons{margin-right: 20px;}
.location a{color: #afafaf;}
.location a:hover{color: var(--bgcolor);}

.list-contact{padding: 75px 0 130px;}
.list-contact .titles h1{font-size: 38px;font-family: 'Poppins-Bold';margin-bottom: 30px;text-align: center;line-height: 1;color: #141414;}
.list-contact .titles p{font-size: 16px;line-height: 24px;color: #858585;text-align: center;max-width: 1075px;margin: 0 auto;}
.list-contact .infos{margin-top: 50px;}
.list-contact .infos .item{width: 100%;padding: 55px 40px 45px 55px;display: flex;box-shadow: 0 20px 30px rgba(0,108,115,0.06);margin-bottom: 40px;align-items: center;transition: 0.6s;border: 1px solid rgba(230,230,230,.19);}
.list-contact .infos .item:hover{box-shadow: 0 20px 30px rgba(0,108,115,0.04);}
.list-contact .infos .item .info:hover a{color: var(--bgcolor);}
.list-contact .infos .item .tit{font-family: 'Poppins-Bold';font-size: 32px;margin-bottom: 30px;line-height: 1;}
.list-contact .infos .item .info{font-size: 24px;line-height: 50px;}
.list-contact .infos .item .code img{width: 280px;}
.list-contact .infos .item .info_box{width: calc(100% - 230px);}
.list-contact .infos .item .medias{margin-top: 15px;}
.list-contact .infos .item .medias a{margin-right: 15px;}
.list-contact .infos .item .medias img{width: 54px;}

.list-contact .map{margin-top: 20px;display: inline-block;width: 100%;}
.list-contact .map img{width: 100%;}

.message {
  width: 100%;
  margin-top: 100px;
  overflow: hidden;
}
 .mes-title span {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
}
 .message form{margin-top: 45px;}
 .message .form-div label{width: 49.3%;}

.message .iptb{
  width: 100%;
  height: 55px;
  margin-top: 25px;
  padding-left: 22px;
  background: #f1f1f1;
  border-radius: 2px;
  font-size: 15px;
  font-family: 'Poppins-Light';
}
.message .iptl{height: 145px;padding-top: 15px;width: 100%;}
.message .iptb::placeholder,.message .iptl::placeholder{color: #707070;}

.message .form-div {
  display: flex;
  justify-content: space-between;
  width: 100%; 
}
.message .form-div1{margin-top: 0;overflow: scroll;}
.message #submit {
  min-width: 195px;
  height: 55px;
  background-color: #006c73;
  border: none;
  color: #fff;
  font-size: 18px;
  margin-top: 40px;
  cursor: pointer;
  transition: 0.7s;
  font-family: 'Poppins-Bold';
}
.message #submit:hover{transform: scale(0.9);}

.form-group {
  margin: 30px 0 10px 0;
}

.form-title {
  display: block;
  font-size: 20px;
  font-family: 'Poppins-Bold';
  margin-bottom: 15px;
}

.checkbox-row {
  display: flex;
  gap: 70px;
  margin-top: 2px;
}

.checkbox-label {
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #707070;
}

input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #c5c4c4;
  margin-right: 6px;
  border: 2px solid #707070;
} 

.faq{margin-top: 70px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;}
.title_s{font-size: 38px;font-family: 'Poppins-Bold';text-align: center;line-height: 1;margin-bottom: 60px;}
.faq .faq_t{display: flex;justify-content: space-between;align-items: center;}
.faq .faq_t .qu,.faq .faq_t .qu span{font-size: 22px;font-family: 'Poppins-Bold';width: calc(100% - 40px);color: #000;}
.faq .faq_t p span{margin-left: 30px;}
.faq .faq_t i{font-size: 16px;width: 30px;height: 30px;background: #fff;color: #000;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-weight: bold;cursor: pointer;border: 2px solid #000;transition: 0.6s;}
.faq .faq_box{border-top: 2px solid #e7e7e7;padding: 40px 0;cursor: pointer;}
.faq .faq_box:last-child{border-bottom: 2px solid #e7e7e7;}
.faq .faq_box .an{font-size: 20px;line-height: 32px;margin-top: 20px;display:none;height: auto;padding: 0 70px 0 50px;}
.trans{transform: rotate(180deg);}

.list-download{padding: 60px 0;}
.list-download .list .item{margin-bottom:40px;}
.list-download .list .item a{transition-duration:.5s;display:flex;align-items: center;height: 90px;padding: 0 35px;font-size: 18px;box-shadow: 0 2px 12px rgba(53, 53, 53, 0.13);}
.list-download .list .item .name{display:flex;width:80%;align-items: center;}
.list-download .list .item .name .i{width: 23px;height: 23px;border-radius: 50%;background: #000;display: flex;justify-content: center;align-items: center;color:#000;margin-right: 20px;}
.list-download .list .item .name .i i{font-size: 15px;transition: 0.5s;}
.list-download .list .item:hover .name .i{background: #fff;color: var(--bgcolor);}
.list-download .list .item .name .info{width: calc(100% - 50px);}
.list-download .list .item .name .info h3{transition-duration:.5s;font-size:22px;color:#000;width: 100%;word-break: break-all;}
.list-download .list .item .more_d{display:flex;align-items: center;}
.list-download .list .item .more_d i{transition-duration:.5s;margin-left: 20px;color: #000;font-size: 26px;}
.list-download .list .item:hover a{background:var(--bgcolor);}
.list-download .list .item:hover .name .info h3{color:#fff}
.list-download .list .item:hover .more_d span{color: #fff;}
.list-download .list .item:hover .more_d i{color:#fff;}

 .index-prod .list{display: flex;width: 100%;flex-wrap: wrap;}
 .index-prod .list .item{width: calc((100% - 80px) / 3);margin-right: 40px;border-radius: 7px;overflow: hidden;margin-bottom: 40px;background: #fff;box-shadow: 0 7px 15px rgba(0,0,0,0.04);transition: 0.5s;}
 .prosw .list .item{width: 100%;margin-right: 0;}
 .pro-list .list .item{box-shadow: 7px 7px 7px rgba(0,0,0,0.04);}
 .index-prod .list .item:hover{box-shadow: 0px 12px 46px rgba(12,134,149,0.11);}
 .pro-main{margin-top: 50px;}
 .pro-main .list .item{width: calc((100% - 60px) / 3);margin-right: 30px;border-radius: 7px;overflow: hidden;margin-bottom: 50px;}
 .pro-main .list{margin-top: 25px;}
 .index-prod .list .item:nth-child(3n){margin-right: 0;}
 .pro-main .list .item:nth-child(4n){margin-right: 30px;}
 .pro-main .list .item:nth-child(3n){margin-right: 0;}
 .index-prod .list .item .pics{width: 100%;overflow: hidden;position: relative;background: #fff;text-align: center;display: block;padding-top: 10px;}
 .index-prod .list .item .pics img{width: 90% !important;}
 .pro-list .list .item .pics{padding-bottom: 20px;}
 .index-prod .list .item .pics .image{width: 98%;transition: 0.8s;}
 .index-prod .list .item .pics .icon{position: absolute;left: 25px;top: 30px;height: 25px;background: var(--bgcolor);border-radius: 25px;font-size: 14px;padding: 0 18px;display: flex;align-items: center;color: #fff;}
 .index-prod .list .item:hover .pics .image{transform: scale(1.08);}
 .index-prod .list .item:hover .txt{transition: 0.8s;}
 .index-prod .list .item .txt{padding: 25px 5px 40px 5px;display: block;}
 .index-prod .list .item .txt .name{font-size: 20px;text-align: center;font-family: 'Poppins-Bold';overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
 .index-prod .list .item .txt .no{font-size: 20px;text-align: center;}
 .index-prod .pic_list{display: flex;background: #fff;justify-content: center;padding: 0 10px;cursor: pointer;}
 .index-prod .pic_list .pic_item{width: 80px;height: 80px;border: 1px solid #ececec;margin-right: 20px;}
 .index-prod .pic_list .pic_item:last-child{margin-right: 0;}

 .title_d{height: 105px;background: var(--bgcolor);font-size: 50px;text-align: center;font-family: 'Poppins-Bold';color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1.1}
 .prod-swiper{padding: 10px 10px 120px 10px;margin-top: 90px;}
.prod-swiper .swiper-pagination{position: relative;height: 50px;line-height: 50px;z-index: -1;}
.prod-swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: #e5e5e5;width: 5px;height: 5px;border-radius: 50%;margin-right: 20px !important;}
.prod-swiper .swiper-pagination .swiper-pagination-bullet-active{background-color: #3b3b3b;}
.prod-swiper .sw-box{position: absolute !important;bottom: 0;left:50%;width: 260px;z-index: 9999999999999999999 !important;height: 50px;transform: translate(-50%) !important;}
 .prod-swiper .swiper-button-prev {
  left: 0 !important;
  top: auto;
  margin-top: 0;
  background-image: none !important;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.6s;
  background: #fbfbfb;
  border-radius: 50%;
  border: 2px solid #f3f3f3;
  transition: 0.6s;
}
.prod-swiper .swiper-button-prev:hover,.prod-swiper .swiper-button-next:hover{background: var(--bgcolor);}
.prod-swiper .swiper-button-prev:hover i,.prod-swiper .swiper-button-next:hover i{color: #fff;}
.prod-swiper .swiper-button-next {
  right: 0 !important;
  top: auto;
  margin-top: 0;
  bottom: 0px !important;
  background-image: none !important;
  display: flex;
  align-items: flex-end;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  background: #fbfbfb;
  border-radius: 50%;
  border: 2px solid #f3f3f3;
  transition: 0.6s;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.8;}
.prod-swiper .swiper-button-next i,.prod-swiper .swiper-button-prev i{font-size: 25px;transition: 0.6s;}

.index-pro{padding: 95px 0;}
.pro-list{background: url("/skin/images/pro-bj_02.jpg") no-repeat center top /cover;padding: 55px 0 70px;}
.index-pro .list {margin-top: 60px;}
.sidebar{width: 280px}
.sidebar .sticky{position:sticky;top:150px;}
.list-pro .pro_t{margin-bottom:10px;}
.list-pro .pro_t span{font-size:24px;font-family: 'Montserrat-SemiBold';color:var(--on-color);border-bottom: 1.5px solid var(--on-color);}
.sidebar .bd .item h3 a{align-items:center;font-size:21px;display:flex;position:relative;justify-content: space-between;line-height: 1;}
.sidebar .bd .item h3 a span{width: calc(100% - 22px);font-family: 'Poppins-Bold';}
.sidebar .bd .item.on h3 a span{color: var(--bgcolor);}

.sidebar .bd .item h3 i{position:absolute;right: 0;top:50%;transform: translateY(-50%);cursor: pointer;transition: 0.7s;width: 19px;height: 3px;background: #21202e;}

.xz{color: red;transform: rotateX('90deg') !important;}
.sidebar .bd .item .sub{padding:25px 0 50px;}
.sidebar .bd .item .sub a{display:flex;align-items:center;font-size: 20px;line-height: 50px;}
.sidebar .bd .item .sub a span{font-family: 'Poppins-Light';}
.sidebar .bd .item .sub a i{font-size:13px;width:22px;margin-right:10px;height: 22px;font-weight: bold;border: 1px solid #dddcde;color: transparent;display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.sidebar .bd .item .sub a:last-child{margin-bottom:0;}
.sidebar .bd .item .sub a.on i,.sidebar .bd .item .sub a:hover i{color:var(--on-color);border-color: var(--bgcolor);}
.sidebar .bd .item .sub a:hover,.sidebar .bd .item .sub a.on{color:var(--bgcolor)}
.list-pro .right{width: calc(100% - 280px);padding-left: 90px;}
.list-pro .right .title{font-size:48px;color:#FFFFFF;margin-bottom:40px;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;;}
.list-pro .right .body{padding-bottom:40px;line-height:30px;color:#fff;}
.list-pro .right .body ul{display:flex;justify-content: space-between;flex-wrap:wrap;}
.list-pro .right .body ul li{width:calc(50% - 30px);border-bottom:1px solid #FF9463;display:flex;align-items: center;height:52px;}
.list-products .head{padding:0 0 30px 0;}
.list-pro .show_head .show_swiper{display:none;}
.show_swiper .swiper{position: relative;}
.show_swiper .swiper .swiper-slide{text-align: center;}
.show_swiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
.list-products .head .img_list{z-index:2;width:740px}
.list-products .head .img_list .datu{width: calc(100% - 150px);background: #fff;border:1px solid #f7f7f7;border-radius: 7px;box-shadow: 0 7px 40px rgba(0,0,0,.04);position: relative !important;overflow: visible;}
.list-products .head .img_list .datu .cloud-zoom img{width:100%;border-radius: 10px;}
.list-products .head .img_list .xiaotu{width:120px;display:flex;flex-wrap:wrap;align-content: space-between;height: 550px;position: relative;margin-top: 25px;}
.list-products .head .img_list .xiaotu li{transition-duration:.5s;width:120px;height:120px;background: #fff;margin-bottom: 20px;border-radius: 3px;border: 1px solid #f5f5f5;}
.list-products .head .img_list .xiaotu li:hover{border-color:var(--bgcolor)}
.list-products .head .img_list .xiaotu li img{width:100%;max-height: 100%;border-radius: 3px;}
.list-products .head .img_list .xiaotu .pro_next i,.list-products .head .img_list .xiaotu .pro_prev i{font-size:25px;}
.list-products .head .img_list .xiaotu .pro_next{position: absolute;top: -35px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .pro_prev{position: absolute;bottom: -25px;left: 50%;transform: translate(-50%);}
.list-products .head .datu .backs{position: absolute;right:0;transform: translate(calc(100% + 20px));top: 8px;width: 43px;height: 43px;background-color: #000 !important;display: flex;justify-content: center;align-items: center;}
.list-products .head .txt_list{width: calc(100% - 800px);display:flex;align-content: space-between;flex-wrap:wrap;padding-left: 100px;}
.list-products .head .txt_list .txt_list_t{width:100%}
.list-products .head .txt_list .t h2{font-size:30px;font-family: 'Poppins-Light';line-height: 1;margin-top: 25px;}
.list-products .head .txt_list .t p{margin-top: 8px;font-size:30px;font-family: 'Poppins-Bold';line-height: 1;}
.list-products .head .txt_list .c .feature h3{color: #fff;border-bottom: 5px solid #006c73;margin-top: 30px;padding-bottom: 3px;}
.list-products .head .txt_list .c .feature h3 span{background: #006c73;line-height: 65px;font-size: 22px;height: 65px;display: inline-block;padding: 0 20px;font-family: 'Poppins-Bold';}
.list-products .head .txt_list .c .feature .fea-content{margin-top: 40px;}
.list-products .head .txt_list .c .feature p{font-size: 24px;color: #3d3d3d;line-height: 36px;}
.list-products .head .txt_list .c .descr{font-size: 18px;color: #272c33;margin-top: 22px;line-height: 30px;max-width: 470px;}
.list-products .head .txt_list .c .nav{display:flex;margin-top: 40px;}
.list-products .head .txt_list .c .nav a{width:65px;height:65px;border-radius:3px;margin-right:12px;display:flex;align-items: center;justify-content: center;color:#000;font-size: 24px;border: 1px solid #676767;}
.list-products .head .txt_list .c .nav a i{font-size: 22px;color: #828282;}
.list-products .head .txt_list .c .nav a:hover{border-color:var(--bgcolor);background:var(--bgcolor);color:#fff;border-radius: 50%;}
.list-products .head .txt_list .c .nav a:hover i{color: #fff;}
.list-products .head .txt_list .c .nav .message_btns{transition-duration:.5s;cursor: pointer;background:#006c73;height:65px;padding:0 10px;border-radius:3px;display:flex;align-items: center;min-width: 270px;justify-content: center;font-size: 20px;font-family: 'Poppins-Bold';margin-left: 35px;}
.list-products .head .txt_list .c .nav .message_btns img{margin-right:10px;}
.list-products .head .txt_list .c .nav .message_btns span{color:#fff;}
.list-products .head .txt_list .c .nav .message_btns:hover{border-radius:30px;background: var(--bgcolor);}
.list-products .head .txt_list .txt_list_m{width:100%;padding-top:8px;}
.list-products .head .txt_list .b{border:1px solid #a7a7a7;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;border-radius: 6px;margin-top: 65px;width: 100%;}
.list-products .head .txt_list .b h1{color:var(--color);font-size:24px;font-family: 'Nacelle-Bold';margin-top: 18px;}
.list-products .head .txt_list .b p{color:#191a1c;font-size:16px;margin-top: 10px;line-height: 24px;max-width: 300px;}
.list-products .head .txt_list .b>span{margin-top: 10px;display: block;border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;}
.list-products .head .txt_list .b span{color:#000;font-size:16px;}
.list-products .head .txt_list .b .message_btns{transition-duration:.5s;cursor: pointer;background:var(--bgcolor);height:40px;border-radius:6px;display:flex;align-items: center;justify-content: center;margin-top: 15px;}
.list-products .head .txt_list .b .message_btns i{margin-right:10px;color: #fff;font-size: 20px;}
.list-products .head .txt_list .b .message_btns span{color:#fff;}
.list-products .head .txt_list .b .message_btns:hover{border-radius:30px}
.list-products .head .txt_list .txt_list_m{width:100%;padding-top:8px;border-top:1px solid #CCCCCC;}
.list-products .head .txt_list .txt_list_m span{font-size: 16px;}
.list-products .head .txt_list .txt_list_m .ico{display:flex;}
.list-products .head .txt_list .txt_list_m .ico a{border-left:1px solid #B5BCC6;margin-left:7px;padding-left:7px;display: flex;align-items: center;}
.list-products .head .txt_list .txt_list_m .ico a i{color: #000;font-size: 18px;}
.list-products .head .txt_list .txt_list_m .ico a i:hover{color:var(--bgcolor);}
.list-products .head .txt_list .txt_list_m .ico a:first-child{border:0;margin:0;padding:0;}
.list-products .fea{padding-left: 30px;padding-bottom: 20px;}
.list-products .fea p:not(:last-child){font-size: 24px;line-height: 40px;padding-left: 30px;position: relative;margin-bottom: 30px;}
.list-products .fea p:not(:last-child)::after{content: '';width: 10px;height: 10px;background-color: #000;position: absolute;left: 0;top: 15px;border-radius: 50%;}
.list-products .fea p img{margin-top: 15px;}
.list-products .detail_p .item{width: calc((100% - 135px)/4);margin-right: 45px;margin-bottom: 20px;}
.list-products .detail_p .item:nth-child(4n){margin-right: 0;}
.list-products .detail_p .item h2{font-size: 26px;margin-top: 20px;text-align: center;}
.titlex1{margin-bottom: 60px;}
.list-products .body,.list-products .body table{width: 100%;border-collapse: collapse;margin-top: 45px;}
.list-products .body table td{font-size:20px;color:var(--color);height:50px;vertical-align: middle;background: #f0f0f0;padding: 8px;font-family: 'SourceHanSansCN-Regular';}
.list-products .body table tr:nth-child(2n) td{background: #fff;}
.list-products .body table tr td:nth-child(1){width: 60%;padding-left: 135px;}
.list-products .body table tr td:nth-child(2){width: 40%;}
.search-div {
  width: 750px;
  height: 60px;
  box-sizing: border-box;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-div form{display: flex;align-items: center;width: 100%;justify-content: center;}
.search-div input {
  height: 60px;
  width: 600px;
  font-family: 'Poppins-Light';
  border: none;
  outline: none;
  font-size: 18px;
  padding-left: 25px;
  border-radius: 4px 0 0 4px;
}
.search-div input::placeholder{color: #c3c3c3;}
.search-div button i{font-size: 22px !important;color: #fff;font-weight: bold;}
.search-div button {
  border: none;
  width: 150px;
  height: 60px;
  border-radius: 0 4px 4px 0;
  background: var(--bgcolor);
  font-family: 'Poppins-Light';
  font-size: 18px;
  color: #fff;
}
.banner .texts_a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 890px;display: flex;flex-direction: column;align-items: center;}
.banner h1{font-size: 63px;font-family: 'Poppins-Bold';color: #fff;text-align: center;line-height: 1.1;text-transform: uppercase;}
.banner .texts_a .video_a{margin-top: 40px;}
.banner h2{font-size: 75px;font-family: 'Poppins-Bold';color: #fff;line-height: 1.1;position: absolute;left: 100px;top: 50%;transform: translateY(-50%);}

@media (max-width: 1920px){.wrap{max-width: 1765px;} .wrap-1620{max-width: 1620px;} .wrap-1600{max-width: 1600px;} .footer .info .info-l{width: auto;} .footer .info .dls{justify-content: flex-start;}}

@media (max-width: 1820px){
.wrap-1820{max-width:98%}
.banner h2{font-size: 3.91vw;left: 5.21vw;}
.banner .texts_a{max-width: 46.35vw;}
.banner h1{font-size: 3.28vw;}
.banner .texts_a .video_a{margin-top: 2.08vw;}
.banner .texts_a .video_a img{width: 4.32vw;}
 .index-prod .pic_list .pic_item{width: 1rem;height: 1rem;margin-right: 10px;}
.index-adv .advs .item .txts p{padding-right: 0;}
.history .txts .no{font-size: 45px;}
.history .txts .txt p{font-size: 24px;line-height: 40px;}
 .videoes{width: 22.92vw;bottom: 2.08vw;right: 4.69vw;height: 7.81vw;border-radius: 1.04vw;}
 .videoes .vi{width: 4.32vw;height: 4.32vw;margin-left: 2.6vw;}
 .videoes h2{font-size: 1.09vw;margin-left: 2.6vw;}
 .videoes .vi img{width: 1.09vw;}
.footer .info .dls .dl{margin-right: 5vw;margin-bottom: 20px;}
/* .footer .info .dls .dl:nth-child(1){width: 325px;} */
.footer .info .dls .dl:nth-child(2){margin-right: 5vw;}
.footer .info .dls .dl:nth-child(3){margin-right: 6vw;}
.footer .info .dls .dl:nth-child(4){margin-right: 5.21vw;}
  .list-pro .right{padding-left: 30px;}
  .search-div {
  width: 9.38rem;
  height: .75rem;
  border-radius: .05rem;
}
.search-div input {
  height: .75rem;
  width: 7.5rem;
  font-size: .23rem;
  padding-left: .31rem;
  border-radius: .05rem 0 0 .05rem;
}
.search-div button {
  width: 1.88rem;
  height: .75rem;
  border-radius: 0 .05rem .05rem 0;
  font-size: .23rem;
}
}
@media (max-width: 1440px){
  .list-products .detail_p .item h2{font-size: 20px;}
  .list-products .head .txt_list .c .nav .message_btns{min-width: 200px;margin-left: 15px;}
  .list-products .head .txt_list .c .feature p{font-size: 22px;line-height: 36px;}
  .list-products .head .txt_list .t h2,.list-products .head .txt_list .t p{font-size: 28px;}
  .list-products .head .txt_list{padding-left: 30px;}
  .culture .item .tit{margin-bottom: 10px;}
  .culture .item p{font-size: 16px;line-height: 26px;width: calc(100% - 70px);}
  .culture .item{padding: 20px 30px 20px 25px;}
  .footer .info .dls .dl{margin-right: 3vw;margin-bottom: 20px;}
  .footer .info .dls .dl:nth-child(2){margin-right: 3vw;}
  .footer .info .dls .dl:nth-child(3){margin-right: 4vw;}
  .footer .info .dls .dl:nth-child(4){margin-right: 4vw;}
.index-about .titlex h1{font-size: 40px;}
.pro-top h1{font-size: 35px;}
.about-t{padding-left: 0;}
.about-r{padding-right: 0;}
.list-news .item .txt h2{font-size: 24px;}
}
@media (max-width: 1350px){
 .title_d{font-size: 40px;}
  .title_p{font-size: 32px;}
  .bn-lista li h2 .number,.bn-lista li h2 .dw{font-size: 45px;}
  .bn-lista li h2 .plus{font-size: 40px;}
  .bn-lista li .des{font-size: 18px;}
  .index-data .tit{font-size: 35px;line-height: 1.1;}
  .list-products .head .txt_list .c .nav .message_btns{margin-left: 0;}
  .list-products .head .txt_list{padding-left: 30px;}
  .list-contact .cons .item .con-content{font-size: 22px;line-height: 30px}
  .list-contact .cons .item .con-content{padding-right: 25px;padding-left: 25px;}
  .list-contact .cons .item h1{padding-left: 25px;}
  .cats .item{margin-right: 30px;}
  .header .header-right .item h3 a{font-size: 18px;}
  .header .header-right .item{margin-right: 30px;}
  .header .header-left .logo img{width: 180px;}
}
@media (max-width: 1200px){
  .index-prod .list .item .txt .no,.index-prod .list .item .txt .name{font-size: 18px;}
  .title_s{font-size: 30px;}
  .list-products .head .txt_list .c .nav{margin-top: 35px;}
  .list-products .head .txt_list{width: 100%;padding-left: 0;margin-top: 40px;}
}
@media (max-width: 1100px){
.list-fac .item h2{height: 40px;font-size: 20px;}
 .header .header-left .logo img{width: 150px;}
   .header .header-right .item h3{font-size: 14px;}
}
@media screen and (max-width:992px) {
  .banner{margin-top: 0;}
  .list-app .flexx{justify-content: space-between;}
  .list-app .item{width: 48%;margin-right: 0;margin-bottom: 30px;}
  .list-videos .video,.culture{width: 100%;}
  .culture{margin-top: 30px;}
  .sidebar{display: none;}
  .list-pro .right{width: 100%;padding-left: 0;}
  .footer .bottom .wrap-1620{padding:25px 0 60px;}
  .footer .info .dls{flex-wrap: wrap;}
 .videoes{width: 440px;bottom: 40px;right: 90px;height: 150px;border-radius: 20px;}
 .videoes .vi{width: 83px;height: 83px;margin-left: 50px;}
 .videoes h2{font-size: 21px;margin-left: 50px;}
  .videoes .vi img{width: 21px;}
  .about-r{margin-top: 35px;}
  .about-t,.about-r{width: 100%;}
  .bn-lista{flex-wrap: wrap;margin-top: 40px;}
   .bn-lista li{width: 33%;margin-bottom: 25px;}
  .pro-swiper .item .txts h1 {font-size: 20px;}
  .pro-swiper .sw-box{margin: 25px 0 0 10px;width: 120px;}
  .pro-flex{align-items: center;flex-wrap: wrap;}
  .home_swi .swiper-pagination .swiper-pagination-bullet{font-size: 16px;}
  .home_swi{margin-top: 0;}
  .develop{padding:35px 0;}
	.develop .bd li{padding-bottom:20px}
	.develop .bd li span{width:80px;margin:0 10px 0 30px;font-size:15px;height:45px}
	.develop .bd li p:before{top:18px;margin:0;width:10px;height:10px;}
	.develop .bd li p{width: calc(100% - 120px);}
	.develop .bd li:before{top:7px;}
	.develop .bd li:after{top:17px}
  .list-products .head .txt_list .t h2, .list-products .head .txt_list .t p{font-size: 35px;}
  .list-pro .show_head .show_swiper{display:block;overflow: hidden;}
  .list-contact .map{margin-top: 40px;}
  .list-contact .cons .item{width: 100%;margin-bottom: 35px;}
  .list-contact{padding: 40px 0;}
  .footer .bottom .flex{justify-content: center;}
  .footer .bottom p,.footer .bottom p a{width: 100%;text-align: center;}
.footer .bottom .mc{margin-top: 5px;}
  .footer .info .info-l{width: 100%;}
  .footer .info>.flex{flex-wrap: wrap;}
  .footer .info .dls .dl{margin-right: 35px;margin-bottom: 30px;}
  .cons{margin-top: 40px;}
  .index-pro{padding: 35px 0;}
  .index-app .flex{justify-content: space-between;}
  .index-app .item{width: 48%;margin-right: 0;margin-bottom: 35px;}
  .bn-list li h2{justify-content: flex-start;}
  .bn-list li h2 .dw{margin: 0 15px;}
  .bn-list li:nth-child(2),.bn-list li:nth-child(4),.bn-list li{width: 50%;}
  .index-about .wrap.flex{flex-wrap: wrap;}
  .index-about{padding: 40px 0;}
.main{padding:20px 10px;}
.top_header,.list-pro .left,.index-hotpro .btn,.cats,.list-pro .right .show_head .show_box .tupian_list,.footer .left,.list-products .head .img_list{display:none;}
.position{padding:15px 10px;}
.list-pro .right .show_head{padding:15px;margin-bottom:20px;}
.list-pro .right .show_head .show_swiper{display:block !important;overflow: hidden;}
.list-pro .right .show_head .show_box .info_list .m li a{font-size:14px;margin-right:10px;}
.list-pro .right .title,.index-form .txt h2,.index-partnership .hd h2,.list-about .hd h2,.list-about .body .txt h2,.list-news .alt h2,.list-contact .bd .left h2{font-size:28px;line-height:28px;}
.list-pro .right .title{margin-bottom:20px;}
.list-pro .right .body{line-height:24px;font-size:14px;padding-bottom:20px;}
.list-pro .right .body ul li{width:100%;height:40px;}
.list-pro .list .item{width:48%;margin:0 0 30px 0;}
.list-pro .list{justify-content: space-between;}
.list-pro .right .list .item .txt h2{font-size:18px;}
.list-pro .right .list .item .txt p{font-size:13px;margin:5px 0 12px;}
.list-contact .bd .left p{margin-top:10px;}
.index-form{height:auto;padding:30px 15px;}
.index-form .txt p{font-size:15px;margin-top:12px;}
.index-form .form{width:100%;}
.index-form .form .btn{height:45px;width:120px;font-size:14px;}
.index-form .form input{height:45px;flex:1;font-size:14px;}
.footer .right h2{margin-top:30px;font-size:24px;line-height:30px}
.footer .right h2 br{display:none}
.bottom .michuan{margin:15px auto 0;}
.fixed{position: static;}
.list-contact .bd .right form textarea{min-height:120px}
.list-contact .bd .right form .itembox .codebox{width:100%;}
.list-contact .bd .right form .itembox .btn{margin:20px auto 0;}
.list-contact .bd .right .txt .item .p p,.index-partnership .bd .item .p p,.index-hotpro .swiper-slide a .left .dasc p,.list-about .lacela .txt p,.list-about .body .txt p,.list-news .show .c p,.list-news .item .p{font-size:14px;line-height:24px;}
.list-news .show{padding:0 10px;}
.list-news .item .t{font-size:18px;line-height:28px;}
.list-news .alt{padding:20px 10px 0;}
.list-news .line{margin:20px 0;}
.list-news .item .m{margin-top:20px;}
.list-news .list{padding:0}
.list-news .list .item{width:100%;border:0;padding:0;border-bottom:1px solid #FF7C40}
.list-news .list .item a{padding:20px 10px;display:block;}
.list-news .item .time{margin-top:20px;}
.list-news .list .item .t{min-height:auto;}
.list-news .showbd{padding-bottom:25px}
.list-news .hd{margin:0;}
.list-news .hd .item{margin-top:0;}
.list-news .hd .item a{padding:20px 10px;}
.list-news .hd .item a .txt{width:100%;}
.list-news .hd .item a .pic{width:100%;margin-top:12px;}
.list-news .item .p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list-about .body{padding:50px 20px;background:#FF6620}
.list-about .roll-left .swiper-slide{padding:15px 30px;}
.list-about .roll-right .swiper-slide{padding:15px 30px;}
.list-about .roll-right .swiper-slide h2{font-size:38px;}
.list-about .hd{margin:20px 0;}
.list-about .factory .bd .item {width: calc(50% - 10px);margin: 0 20px 20px 0;}
.list-about .lacela .txt p{margin-bottom:12px;}
.list-about .culture .bd .item{width:100%;margin:0 0 20px 0;flex-wrap:wrap;}
.list-about .culture .bd .item .i{width:100%;}
.list-about .culture .bd .item .i img{width:100%}
.list-about .culture .bd .item .p{width:100%;padding:20px;}
.list-about .culture .bd .item .p p{max-width:100%;}
.list-about .pdf .p img{height:300px;object-fit:cover}
.list-about .pdf .hd .web{display:none;}
.list-about .pdf .hd .name{left:15px;bottom:15px;font-size:20px;max-width:70%;}
.list-about .pdf .hd .title{left:15px;top:50px;font-size:40px;line-height:50px;}
.list-about .pdf iframe{height:400px !important;}
.list-about .pdf .bd a span{font-size:14px;}
.list-about .pdf .bd a{width:auto;padding:0 0 0 10px;}
.index-type .info{padding:30px 10px;display:block;}
.index-type .btn{justify-content: flex-end;}
.index-type .swiperbox .swiper-slide a{padding:300px 20px 50px}
.index-hotpro .swiper-slide a{padding:40px 10px 70px;}
.index-hotpro .swiper-slide a .wrap{display:block;}
.index-hotpro .swiper-slide a .left{width:100%;}
.index-hotpro .swiper-slide a .left .txt{padding:0;}
.index-hotpro .swiper-slide a .left .txt h2{font-size:40px;margin-bottom:20px;}
.index-hotpro .swiper-slide a .left .dasc{padding:20px 0;}
.index-hotpro .swiper-slide a .left .dasc h3{font-size:20px;margin-bottom:10px;}
.index-hotpro .swiper-pagination{width:100%;left:50%;bottom:30px;transform:translateX(-50%);display:flex;justify-content: center;}
.index-hotpro .swiper-pagination span{width:auto;margin:0 15px 0 0 !important;height:auto !important}
.index-hotpro .swiper-slide a .right{width:100%;max-width:100%;display:flex;flex-wrap:wrap;}
.index-hotpro .swiper-slide a .right .pitem{width:50%;margin:0;padding:15px;}
.index-hotpro .swiper-slide a .right .pitem h3{font-size:28px;}
.list-about .menus{margin:0px;padding:20px 10px;}
.list-about .menus .item{width:50%;border-right:1px solid #FFFFFF !important}
.list-about .menus .item a{padding:20px 0;}
.list-about .menus .item a .p{text-align:center;}
.list-about .menus .item a .p img{max-width:70%;}
.list-about .menus .item a h3{font-size:20px;margin-top:10px;}
.index-partnership{padding:40px 10px;}
.index-partnership .hd{margin-bottom:40px;}
.index-partnership .bd .item{width:100%;padding:0 10px 20px 10px;border-bottom:1px solid #FF854D;margin-bottom:30px;display:flex;}
.index-partnership .bd .item .icon{width:60px;display:flex;align-items: center;justify-content: center;}
.index-partnership .bd .item .icon img{width:40px;}
.index-partnership .bd .item .p{width:calc(100% - 60px);}
.index-partnership .bd .item .p h3{margin:0 0 10px 0;font-size:18px;}
.index_swiper .swiper-slide .caption-content .logo img{height:50px;}
.index_swiper .swiper-slide .caption-content .txt{margin:30px 0;}
.index_swiper .swiper-slide .caption-content .txt h3{font-size:34px;}
.index_swiper .swiper-slide .caption-content .more a{width:120px;height:40px;font-size:14px;}
}
@media screen and (max-width:786px){
.list-download .list .item .name{width: 100%;margin-bottom: 15px;}
.list-download .list .item a{padding: 0 10px;}
.list-download{padding: 35px 0;}
.list-download .list .item{margin-bottom:20px;}
.list-download .list .item a{height: auto;padding: 20px 10px;box-shadow: 0 2px 12px rgba(53, 53, 53, 0.13);justify-content: center;}
.list-download .list .item .name .i{width: 23px;height: 23px;margin-right: 20px;}
.list-download .list .item .name .i i{font-size: 15px;}
.list-download .list .item .name .info h3{font-size:16px;}
.list-download .list .item .more_d i{margin-left: 20px;font-size: 26px;}
.faq{margin: 40px 0;}
.faq .faq_box{padding: 25px 0;}
.faq .faq_t p span{margin-left: 10px;}
.faq .faq_box .an{padding: 0 10px;font-size: 18px;}
.faq .faq_t .qu, .faq .faq_t .qu span{font-size: 18px;width: calc(100% - 20px);}
 .title_s{font-size: 26px;line-height: 1.15;margin-bottom: 35px;}
.message{margin-top: 60px;}
.message #submit{margin-top: 20px;min-width: 160px;height: 45px;font-size: 16px;}
.list-contact .infos{margin-top: 10px;}
.list-contact .titles h1{font-size: 32px;margin-bottom: 15px;}
.message form{margin-top: 10px;}
.checkbox-row {flex-wrap: wrap;gap: 20px;}
.message .form-div label{width: 100%;}
.message .form-div {flex-wrap: wrap;}
.list-contact{padding: 35px 0;}
.list-contact .infos{margin-top: 30px;}
.list-contact .infos .item{padding: 10px 15px 35px 15px;margin-bottom: 35px;flex-wrap: wrap;justify-content: center;}
.list-contact .infos .item .tit{font-size: 25px;margin: 10px 0  20px;}
.list-contact .infos .item .info{font-size: 20px;line-height:40px;}
.list-contact .infos .item .info i{font-size: 22px;margin-right: 10px;}
.list-contact .infos .item .code {margin-top: 35px;}
.list-contact .infos .item .info_box{width: 100%;}
.list-contact .infos .item .medias img{width: 40px;}

  .title_p{font-size: 26px;}
  .about-pic{margin-top: 35px;}
  .titlea{font-size: 28px;line-height: 1.1;}
  .navs{display: none;}
  .footer .info{padding: 40px 0;}
  .prod-swiper{padding-bottom: 60px;}
  .list-news .item{width: 100%;margin-bottom: 40px;}
  .list-news{padding: 35px 0 10px;}
  .index-news{margin-top: 40px;}
  .list-news .titles{margin-bottom: 35px;}
  .prod-swiper{margin-top: 35px;}
  .title_d{font-size: 26px;height: 85px;}
  .videoes{width: 5.5rem;bottom: .5rem;right: 1.13rem;height: 1.88rem;border-radius: .25rem;}
 .videoes .vi{width: 1.04rem;height: 1.04rem;margin-left: .63rem;}
 .videoes h2{font-size: .32rem;margin-left: .63rem;}
  .videoes .vi img{width: .26rem;}
 .honor{padding: 40px 0;}
 .honor .honor_box{justify-content: space-between;margin-top: 50px;}
 .honor .honor_box .item{width: 48%;margin-right: 0;}
  .list-products .body table tr td:nth-child(1){padding-left: 30px;width: 30%;}
  .titlex h1{font-size: 35px;margin-top: 30px;}
  .news .items{padding: 25px 10px;}
  .list-news .items .times{margin-top: 0;}
  .list-news .items .news-boxc .news-c{width: 100%;}
  .list-news .items .more{margin-top: 35px;}
  .list-news .items .title{margin-top: 10px;}
  .list-news .items .pic{margin-top: 35px;text-align: center;width: 100%;}
  .list-fac{padding: 35px 0;}

}
@media screen and (max-width:600px){
  .about{padding-bottom: 40px;}
  .about-titles h2,.about .bodys{margin-top: 35px;}
  .inquire .inquire_form .item{margin-bottom: 15px;}
  .inquire .inquire_title{font-size: 20px;}
  .list-products .fea{padding-left: 0;}
  .list-products .fea p:not(:last-child){font-size: 20px;line-height: 32px;}
  .product-detail-title .title-box{min-width: 280px;height: 50px;}
  .product-detail-title .title-box h2{font-size: 20px;}
  .product-detail-title{margin: 30px 0;}
  .list-products .head .txt_list .t h2,.list-products .head .txt_list .t p{font-size: 22px;}
  .list-products .head .txt_list .c .feature h3 span{font-size: 20px;height: 50px;line-height: 50px;}
  .list-products .head .txt_list .c .feature p{font-size: 18px;line-height: 32px;}
  .list-products .head .txt_list .c .nav a{width: 50px;height: 50px;}
  .list-products .head .txt_list .c .nav .message_btns{height: 50px;font-size: 17px;}
  .list-app{padding-bottom: 20px;}
  .list-videos{padding: 30px 0;}
  .list-videos .video .videobtn{width: 40px;}
  .culture .item .tit{font-size: 20px;}
  .culture .item p{width: calc(100% - 60px);}
  .culture .item{padding: 20px 15px 20px 15px;}
  .com-swiper h2{font-size: 18px;}
  .com-swiper{margin-top: 35px;padding-bottom: 100px;}
  .profile .txtcontent p{font-size: 18px;line-height: 32px;}
  .profile .txtcontent{margin-top: 30px;}
  .pro-list{padding: 35px 0;}
   .index-prod .pic_list .pic_item{width: 70px;height: 70px;margin-right: 20px;}
  .footer .bottom p a:last-child{margin-left: 0;}
  .footer .bottom br{display: inline-block;}
  .footer .info .dls .dl,.footer .info .dls .dl:nth-child(2),.footer .info .dls .dl:nth-child(3),.footer .info .dls .dl:nth-child(4){margin-right: 40px;}
  .cert .bd ul{padding: 30px 0 !important;}
  .cert .bd ul li{width: 100px;height: 100px;}
  .cert .bd ul li img{max-width: 80px;}
  .about-t .about-l .content{margin-top: 35px;}
  .about-t .about-l .content p{margin-bottom: 20px;}
  .index-about .titlex h1{font-size: 30px;margin-top: 20px;}
  .titlex .texts>span{font-size: 28px;}
  .list-news .titles h1{font-size: 35px;}
  .list-news .item .txt h2{font-size: 18px;}
  .list-news .item .txt p{font-size: 16px;}
  .bn-lista li h2 .number,.bn-lista li h2 .dw{font-size: 35px;}
  .bn-lista li h2 .plus{font-size: 30px;right: -25px;top: 0;}
  .bn-lista li .des{font-size: 15px;margin-top: 0;}
 .index-data .tit{font-size: 30px;}
 .pro-swiper{padding-bottom: 10px;}
  .pro-swiper .swiper-wrapper{margin-top: 25px;}
  .pro-top h3{margin-bottom: 25px;}
  .pro-top h1{font-size: 30px;}
  .pro-swiper .sw-box{margin: 15px 10px 0;width: 120px;}
  .pro-flex{justify-content: flex-end;}
  .home_swi .swiper-button-prev,.home_swi .swiper-button-next{display: none;}
  .h_banner .home_pag{bottom: 15px;}
    .home_swi .swiper-pagination .swiper-pagination-bullet{height: 15px;width: 15px;border-radius: 50%;margin-right: 10px !important;background: #fff;}
    .home_swi .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
  .list-contact .codes{flex-wrap: wrap;margin-top: 40px;}
  .list-contact .map{margin-top: 20px;}
  .list-contact .codes .code{width: 100%;margin-bottom: 35px;}
  .list-contact .cons .item .con-content{min-height: 160px;}
  .list-join .item{width: 100%;}
  .list-news .show .t h2{font-size:22px;line-height:28px;}
  .news-detail.main{padding: 35px 0;}
  .list-news .show .m .btn{margin-top: 35px;}
  .news{padding-bottom: 40px;}
  .paging{margin-top: 15px;}
  .profile{padding-top: 45px;}
  .bn-lista{flex-wrap: wrap;}
.bn-lista li{width: 50%;margin-bottom: 20px;}
.index-data{padding: 50px 0;}
.footer .info .form-div .code_box{width: 100%;margin-bottom: 25px;}
.footer .info .message .form-div>label,.footer .info .message .content{margin-bottom: 25px;}
.footer .info .message .form-div>label{width: 100%;}
.footer .info .message .form-div,.footer .info .message form>.form-div{flex-wrap: wrap;margin-bottom: 0;}
.index-adv .adv_r .tit{font-size: 28px;}
.list-pro .list .item .txt{padding-top:5px;margin-top:15px;}
.list-pro .list .item{width: 100%;}
.index-app .item h2{height: 40px;font-size: 18px;}
 .location{height: 40px;margin-top: -40px;}
 .location a{font-size: 16px;}
 .btns{margin: 30px auto 0 auto;width: 180px;height: 45px;font-size: 14px;}
 .btns i{font-size: 25px;}
 .footer .info .dls .dl dd{line-height: 25px;}
 .footer .info>.flex{justify-content: center;}
 .news-detail{padding: 35px 0;}
 .list-fac{margin-top: 0;}
 .search-div input {
  font-size: 12px
}
.search-div button {
  font-size: 12px;
}
}