@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;}
.wraps{width:96%;max-width:96%;margin:0 auto;}
.wrap-1640{width:96%;max-width:96%;margin:0 auto;}
.wrap-1700{width:96%;max-width:96%;margin:0 auto;}
.wrap-1400{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;}
.banner .p img{width:100%;}

.top_header{position: fixed;top:0;left:0;width:100%;z-index:99999999999;transition: 0.6s ease;}
.header-link{height: 100%;display: flex;align-items: center;}
.header .header-right .lang{position: relative;display:flex;align-items:center;height: 35px;justify-content: center;margin-left: 25px;}
.header .header-right .lang h3{display:flex;align-items: center;cursor: pointer;}
.header .header-right .lang h3 span{margin:0 8px;font-size:15px;color:#646464;transition: 0.3s;}
.header .header-right .lang h3 i{transition-duration:.5s;color:#646464}
.header .header-right .lang h3 i{font-size: 13px;}
.header .header-right .lang:hover h3 i{transform: rotate(180deg);}
.header .header-right .lang .sub{z-index:99999999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;padding-bottom:5px;position: absolute;box-shadow:0 15px 30px rgba(0,0,0,0.1);left:8%;top:100%;background:rgba(255,255,255,.90);width:100%;border-radius: 0 0 4px 4px;}
.header .header-right .lang .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;;display:flex;align-items: center;padding:8px 0;color:#fff;margin:0 8px;border-bottom:1px solid #E9E9E9;font-size:15px}
.header .header-right .lang .sub a img{margin-right:5px;}
.header .header-right .lang:hover .sub{transform: scaleY(1);}
.header .header-right .lang .sub a:hover span{color: var( --on-color);}
.header{transition:.5s;height:105px;width:100%;z-index: 9999999;display:flex;align-items: center;background: rgba(255,255,255,.95);}
.header.height .logo img{transform: scale(0.7);}
.header .logo{display: flex;align-items: center;}
.header .logo img{transition: 0.5s;}
.header>.wrap{position: relative;}
.header .header-right .menu,.header .header-right,.header .wraps{height: 100%;}
.header .header-right{width: 100%;}
.header .header-right .item h3 a{font-size:18px;transition: 0.5s;line-height: 1;display: flex;align-items: center;position: relative;}
.header .header-right .item{margin-left:60px;position: relative;display:flex;height:100%;align-items: center;position: relative;}
.header .header-right .item h3 a::after{content: '';width: 0;height: 4px;background: var(--bgcolor);position: absolute;bottom: -4px;right: 0;transition: 0.4s ease;}
.header .header-right .item h3 a:hover::after,.header .header-right .item.on h3 a::after{width: 100%;right: auto;left: 0;}
.header .ico{align-items: center;margin-left: 50px;}
.header .ico a{margin-right:20px;position: relative;}
.header .ico a i{font-size: 18px;transition: 0.3s;}
.header .ico a i:hover{color: var( --c-color);}
.header .ico a:nth-child(3) i{font-size: 19px}
.header .ico a:nth-child(3) i{font-size: 16px}
.header .item h3{height: 100%;display: flex;align-items: center;}
.header .item h3 a:hover,.header .item.on h3 a{opacity: 1;}
.search-div {
  width: 220px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  padding-left: 15px;
  background: #979797;
  margin: 0 30px 0 100px;
}
.search-div form{display: flex;align-items: center;width: 100%;justify-content: center;}
.search-div input {
  height: 50px;
  width: calc(83% - 15px);
  border: none;
  outline: none;
  font-size: 18px;
  background: transparent;
  color: #fff;
  padding-left: 5px;
}
.search-div input::placeholder{color: #ececec;}
.search-div button i{font-size: 22px !important;color: #fff !important;}
.search-div button {
  border: none;
  background-color: #fff;
  width: 17%;
  height: 30px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-right: 15px;
}
.alibaba{display: flex;align-items: center;justify-content: center;min-width: 175px;height: 50px;font-size: 18px;color: #fff;border-radius: 50px;background: linear-gradient(to right,#0160ea,#00befa);}
.alibaba img{margin-right: 15px;}
.header .subs{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease;transition:.3s;position: fixed;top:105px;left:0;width:100%;background: rgba(255,255,255,.95);box-shadow:0 15px 30px rgba(0,0,0,0.1);padding: 30px 0 40px 0;}
.header.height .subs{top: 80px;}
.header .subs .wraps{display:flex;justify-content: space-between;}
.header .subs .items{display: flex;flex-direction: column;align-items: center;width: calc((100% - 200px)/6);margin-right: 40px;}
.header .subs .items img{border-radius: 6px;transition: 0.5s;}
.header .subs .items:hover img{transform: scale(1.1);}
.header .subs .items:nth-child(6n){margin-right: 0;}
.header .subs .items span{font-size: 16px;margin-top: 20px;transition: 0.4s;}
.header .subs .items:hover span{color: var(--on-color);}
.header .header-right .item:hover .subs{transform: scaleY(1);}

.header .header-right .menu .sub {
  z-index: 2;
  transform: translate(-50%) scaleY(0);
  transform-origin: top;transition:transform 0.3s ease;
  position: absolute;
  top:100%;
  left: 50%;
  width: auto;
  background: rgba(255,255,255,0.92);
  color: #000 !important;
  /* border-radius: 0 0 5px 5px; */
  box-shadow:0 15px 30px rgba(20,73,111,0.1);
}
.header.height{height: 80px;}
.header.height .header-right .menu .sub{top: 100%;}
.header .header-right .menu .item:hover .sub {transform: translate(-50%) scaleY(1);}
.header .header-right .menu .sub .wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header .header-right .menu .sub .p {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  border-bottom: 1px solid #fff;
}
.header .header-right .menu .sub .p:last-child{border-bottom: none;}
.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 > a {
  transform: translateX(5px);
  color: #fff;
}
.header .header-right .menu .sub .p:hover{background: var(--bgcolor);}

.box_skitter .text_b{position: absolute;left: 50%;top: 50%;z-index: 999;transform: translate(-50%,-50%);transition: 0.6s;display: none;}
.box_skitter .text_b p{font-size: 48px;color: #fff;background: rgba(0,0,0,0.5);padding: 30px 10px;font-weight: bold;white-space: nowrap;}

.about-titles h2,.titlea h2{font-size: 36px;font-weight: bold;text-align: center;}
.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-pro{padding:60px 0 85px;}
.pro-top h1{font-size: 46px;font-weight: bold;padding-left: 35px;position: relative;}
.pro-top h1::before{content: "";width: 10px;height: 54px;background: var(--bgcolors);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.pro-top p{font-size: 20px;margin-top: 15px;}
.pro-swiper{overflow: hidden;margin: 0 auto;}
.pro-swiper .swiper-wrapper{margin-top: 42px;}
.pro-swiper .swiper-slide .item{border: none;box-shadow: none;}
.pro-swiper .swiper-slide a{width: 100%;}
.pro-swiper .item{position: relative;overflow: hidden;background: #fff;transition: 0.6s;}
.pro-swiper .item .pic{border-radius: 12px;}
.pro-swiper .item .pics>img{transition: 0.5s;width: 100%;}
.pro-swiper .item .txts{padding: 0 40px 0 35px;position: absolute;left: 0;bottom: 45px;}
.pro-swiper .item .txts h1{font-size: 38px;margin-bottom: 20px;line-height: 1;font-weight: bold;color: #fff;}
.pro-swiper .item .txts p{font-size: 22px;line-height: 32px;color: #fff;}
.pro-swiper .item .txts .more{color: #fff;font-size: 16px;height: 40px;width: 125px;border: 2px solid #fff;display: flex;justify-content: center;align-items: center;border-radius: 40px;margin-top: 30px;}
.pro-swiper .item .txts .more i{color: #fff;margin-left: 13px;}
.pro-flex{align-items: center;flex-wrap: nowrap;}
.sw-box{width: 130px;height: 47px;margin-right: 10px;line-height: 50px;}
.sw-box .swiper-pagination{display: flex;align-items: center;justify-content: center;}
.pro-swiper .swiper-button-prev i,.pro-swiper .swiper-button-next i{ font-size: 30px;transition: 0.4s;display: flex;color: #fff;justify-content: center;align-items: center;}

.sw-box .swiper-button-prev {
  left: 0 !important;
  top: auto;
  bottom: 0px !important;
  margin-top: 0;
  transition: 0.6s;
  width: 47px !important;
  height: 47px !important;
  border-radius: 50%;
  background: #dbdee5;
  transition: 0.5s;
}
.swiper-button-prev,.swiper-button-next{background-image: none;display: flex;justify-content: center;align-items: center;transition: 0.5s;}
.sw-box .swiper-button-next {
  right: 0 !important;
  top: auto;
  margin-top: 0;
  bottom: 0px !important;
  transition: 0.6s;
  width: 47px !important;
  height: 47px !important;
  border-radius: 50%;
  background: #dbdee5;
  margin-left: 10px !important;
  transition: 1s;
}
.swiper-button-prev:hover,.swiper-button-next:hover{background: var(--bgcolors);}
.sw-box .swiper-button-prev:hover i,.sw-box .swiper-button-next:hover i{color: #fff;}
.titles{text-align: center;max-width: 1500px;margin: 0 auto;}
.titles h3{font-size: 46px;font-weight: bold;}
.titles h1{font-size: 20px;font-weight: lighter;margin-top: 20px;}
.titles2 h3{font-size: 56px;font-weight: normal;}
.index-about{padding: 130px 0;overflow: hidden;background: url("/skin/images/index-about_02.jpg") no-repeat center center/cover;min-height: 895px;background-attachment: fixed;}
.index-about .flex{flex-wrap: nowrap;}
.index-about .about-l{margin-right:30px;}
.index-about .about-l h1{font-size: 42px;color: #fff;font-weight: bold;}
.index-about .textcontent{margin-top: 40px;max-width: 660px;}
.index-about .textcontent p{font-size: 18px;line-height: 36px;margin-bottom: 40px;color: #fff;}

.advantage{padding: 85px 0 100px;}
.advantage  .advantage-l{width: 520px;position: relative;z-index: 9999999;background: #fff;padding: 75px 65px 0 90px;}
.advantage  .advantage-r{width: calc(100% - 520px);}
.advantage .advantage-l h1{font-size: 47px;}
.btn-p{background: var(--bgcolor);border-radius: 5px;display: flex;justify-content: center;height: 50px;align-items: center;width: 175px;}
.btn-p span{font-size: 16px;margin-right: 13px;color: #fff;}
.btn-p i{font-size: 16px;color: #fff;}
.list-honor .btn-p{border-radius: 50px;margin-top: 75px;}
.list-contaact .btn-p{min-width: 195px;height: 55px;}
.list-contaact .btn-p span{font-size: 18px;margin-right: 20px;}
.advantage p{font-size: 18px;line-height: 30px;margin: 40px 0 50px;}
.advantage .item,.advantage .swiper-slide{border-radius: 10px;overflow: hidden;}
.advantage .txts{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;width: 100%;padding: 30px 0;}
.advantage .txts h1{font-size: 36px;color: #fff;}
.adv-swiper{overflow: visible;width: calc(100% - 130px);}
.advantage .pic{border-radius: 10px;}

.list-about{padding: 70px 0 30px;background: url("/skin/images/about-back_02.jpg") no-repeat center bottom/100% auto;}

.list-about .about-l .pics{margin-top: 40px;}
.list-about .about-l .pics img{width: 100%;}
.list-about .about-l .textcontent{margin-top: 40px;}
.list-about .about-l .textcontent p{font-size: 18px;line-height: 44px;margin-bottom: 20px;}
.list-video{padding: 85px 0 45px;}
.index-video{padding: 0 0 90px 0;}
.list-video .list .item{width: calc((100% - 70px) / 3);margin-right: 35px;margin-bottom: 80px;position: relative;overflow: hidden;border-radius: 8px;}
.list-video .list .item:nth-child(3n){margin-right: 0;}
.index-video .list .item{width: calc((100% - 80px) / 3);margin-right: 40px;margin-bottom: 0;}
.list-video .list .item .play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.list-video .list .item h2{font-size: 30px;color: #fdfdfd;padding: 20px 0;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.8);width: 100%;text-align: center;}
.index-video .list{margin-top: 60px;}
.list-video .list .item:hover .pic img{transform: scale(1.1);}
.index-contact{background: url("/skin/images/indexback_02.jpg") no-repeat center center/cover;padding: 160px 0 110px 0;}
.index-contact .title{font-size: 32px;color: #fff;line-height: 52px;max-width: 580px;}
.index-contact .lists{margin-top: 170px;}
.index-contact .item{width: 32%;border: 2px solid rgba(255,255,255,.5);padding: 50px 50px 50px 35px;border-radius: 12px;backdrop-filter: blur(5px);display: flex;flex-direction: column;justify-content: space-between;transition: 0.5s;}
.index-contact .item:hover{transform: translateY(-10px);}
.index-contact .item h2{font-size: 44px;color: #fff;font-family: 'Roboto-Black';line-height: 1;}
.index-contact .item:nth-child(3) h2{font-size: 36px;font-family: "微软雅黑";font-weight: lighter;line-height: 48px;}
.index-contact .item .contact-b{align-items: center;margin-top: 80px;}
.index-contact .item .contact-b p{font-size: 23px;color: #fff;font-weight: bold;}

.network{background: url("/skin/images/network_02.jpg") no-repeat center center/cover;min-height: 770px;padding: 90px 0;}

.bn-list{
    display: flex;
    width: 100%;
    margin-right: 0;
    justify-content: space-between;
    color: #fff;
    max-width: 660px;
    flex-wrap: wrap;
  }
.network .bn-list{color: #000;max-width: unset;margin-top: 70px;}
.list-about .bn-list{color: #000;max-width: unset;margin-top: 90px;}
 .bn-list .libox{width: 42%;transition: 0.5s;border-bottom: 1px solid rgba(255,255,255,.5);margin-bottom: 40px;padding-bottom: 15px;}
 .network .bn-list .libox{width: 25%;border-left: 2px solid #ebebeb;text-align: center;padding: 80px 15px 70px 15px;}
  .list-about .bn-list .libox{width: 340px;text-align: center;padding: 60px 35px 40px 45px;border-radius: 5px;}
  .list-about .bn-list .libox:hover{background: var(--bgcolor);}
 .network .bn-list .libox:last-child{border-right: 2px solid #ebebeb;}
 .list-about .bn-list .libox:last-child{border: none;}
 .bn-list .libox::after{content: "";position: absolute;bottom: -1px;left: 0;width: 15px;height: 1px;background: rgba(255,255,255,.1);z-index: 1;background: #fff;transition: 0.5s;}
  .bn-list .libox:hover::after{width: 100%;}
   .network .bn-list .libox::after,.list-about .bn-list .libox::after{display: none;}
 .bn-list li {
    transition: 1s ease;
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
    transition: 0.5s;
    /* width: 80%; */
  }
  .bn-list li h2 .txt{
    font-size: 20px;
    color: #fff;
    margin-left: 18px;
    transition: 0.5s;
   }
   .bn-list li h2{position: relative;}
   .bn-list li h2 .plus{
    font-size: 57px;
     font-family: 'Roboto-Medium';
    display: inline-block;
    color: #fff;
    transition: 0.5s;
   }
 .bn-list li h2 .number {
    font-size: 57px;
    font-family: 'Roboto-Medium';
    display: inline-block;
    transition: 0.5s;
    color: #fff;
  }
   .network .bn-list li h2 .number,.network .bn-list li h2 .plus{color: #171717;font-size: 100px;font-family: 'Roboto-Black';}
   .list-about .bn-list li h2 .number,.list-about .bn-list li h2 .plus,.list-about .bn-list li h2 .txt{color: #000;font-size: 50px;font-family: "微软雅黑";font-weight: bold;}
   .list-about .bn-list li h2 .txt{margin-left: 0;}
    .list-about .bn-list .libox:hover h2 .number,.list-about .bn-list .libox:hover h2 .plus,.list-about .bn-list .libox:hover h2 .txt,.list-about .bn-list .libox:hover .des{color: #fff;}
  .bn-list .libox:hover .animatetitle{
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;  
   /* background-color:#015fea;  */
   background-image: -webkit-linear-gradient(-180deg, rgba(1, 95, 234, 0.98) 30%, #00bffa 50%, rgba(1, 95, 234, 0.98) 100%);
   background-blend-mode: hard-light; 
   background-size: 200%;
   animation: gradientShift 2s ease infinite;
  }
  @keyframes gradientShift {
   from {background-position: 100%;}
   to {background-position: 0;}
  }

  .btnx:hover{
   background-image: linear-gradient(90deg, #015fea 0%, #00bffa 50%, #015fea 100%) !important;
   background-size: 200% 100% !important;
   animation: gradientShifts 1s linear;
  }
  @keyframes gradientShifts {
   from {background-position: 100% 0;}
   to {background-position: 0 0;}
  }
 .bn-list li .des {
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    color: #fff;
    font-weight: bold;
    transition: 0.5s;
    word-break: break-all;
  }
  .network .bn-list li .des{color: #353535;font-size: 20px;font-weight: lighter;line-height: 26px;}
  .list-about .bn-list li .des{color: #353535;font-size: 18px;font-weight: normal;}

.list-honor .honor-l{width: 35.6%;}
.list-honor .honor-l h1{font-size: 36px;font-weight: bold;}
.list-honor .honor-l p{font-size: 18px;line-height: 32px;margin-top: 25px;}
.list-honor .honor-r{width: 63.6%;margin-right: -6%;}
.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%;}
.list-fac .list{margin-top: 60px;}
.list-fac .item{width: calc((100% - 120px)/4);margin-right: 40px;position: relative;margin-bottom: 30px;}
.list-fac .item .pic{border-radius: 8px;transition: 0.5s;}
.list-fac .item:hover .pic{box-shadow: 0 5px 16px rgba(0,0,0,0.18);}
.list-fac .item:hover .pic img{transform: scale(1.1);}
.list-fac .item:nth-child(4n){margin-right: 0;}
.list-fac .item h2{width: 100%;text-align: center;font-size: 22px;transition: 0.5s;margin-top: 25px;}
.list-fac .item:hover h2{color: var(--on-color);}

.faq{margin-top: 60px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;}
.title_s{font-size: 38px;font-family: 'Montserrat-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;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:nth-child(2){margin-top: 60px;}
.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);}

.custom{padding: 70px 0 100px;}
.custom .tit{font-size: 48px;font-family: 'Montserrat-SemiBold';}
.custom .contents{margin-top: 50px;}
.custom .contents p{font-size: 18px;line-height: 32px;}
.custom .contents h3{font-size: 24px;font-family: 'Montserrat-SemiBold';margin: 40px 0;}
.honor{overflow: hidden;padding: 60px 0 70px;}
 .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);}

.titlec h1{font-size: 60px;font-family: 'Montserrat-SemiBold';line-height: 1;color: var(--bgcolor);}
.titlec p{font-size: 18px;line-height: 32px;margin-top: 20px;max-width: 820px;color: #000;}
.list-act .titlec p{max-width: 100%;margin-top: 30px;}
.titlec h3{font-size: 18px;margin-top: 30px;color: var(--bgcolor);}
.develop {padding: 60px 0 70px;}
.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: 'Montserrat-Bold';display:flex;align-items:center;justify-content:center;font-size:25px;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: 26px;}
.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:"";}

  .list-news{padding: 65px 0 90px;}
  .list-news .news-list{width: 100%;padding-bottom: 50px;}
  .list-news .news-list .news-item{display: flex;padding: 55px 90px 55px 45px;justify-content: space-between;box-shadow: 0 18px 40px rgba(0,0,0,0.05);border-radius: 8px;align-items: center;margin-bottom: 65px;}
  .list-news .news-list .news-item .news-l{width: 48%;overflow: hidden;}
  .list-news .news-list .news-item .news-l img{width: 100%;}
  .list-news .news-list .news-item:hover .news-l img{transform: scale(1.1);}
  .list-news .news-list .news-item .news-l img{transition: 0.5s;}
  .list-news .news-list .news-item .news-r {width: 46.5%;}
  .list-news .news-list .news-item .news-r .time{color: #3e3e3e;font-size: 21px;}
  .list-news .news-list .news-item .news-r .titlex{font-size: 32px;margin: 25px 0;transition: 0.5s;}
   .list-news .news-list .news-item:hover .news-r .titlex{color: var(--bgcolor);}
  .list-news .news-list .news-item .news-r p{font-size: 18px;color: #3e3e3e;line-height: 32px;}
  .list-news .news-list .news-item .btns{margin-top: 55px;height: 45px;width: 135px;display: flex;align-items: center;justify-content: center;transition: 0.5s;cursor: pointer;background: #acacac;border-radius: 6px;}
  .list-news .news-list .news-item .btns span{color: #fff;font-size: 16px;}
.footer{background:#fcfcfc;padding-top: 60px;}
.info_f{margin-top: 50px;}
.info_f .ico{align-items: center;}
.info_f .ico a{position: relative;font-size:20px;margin-right:18px}
.info_f .ico a i{font-size: 20px;display: inline-block;transition: 0.5s;color:#fff;}
.info_f .ico a:after{content:"";width:1px;height:18px;background:#fff;position: absolute;right:-9px;top:50%;margin-top:-9px;}
.info_f .ico a:nth-last-child(1):after{display: none;}
.info_f .ico a i:hover{transform: translateY(-5px);}
.footer .footer-t .wraps,.footer .footer-t .footer-con{align-items: center;}
.footer .footer-t .wraps{padding-bottom: 35px;border-bottom: 1px solid #dbdbdb;}
.footer .footer-t p{color: #3b3b3b;font-size: 24px;font-weight: lighter;margin-left: 30px;}
.footer .info{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 75px 0 25px;}
.footer .info>.flex{flex-wrap: nowrap;}
.footer .info .info-txt{font-size: 18px;color: #fff;max-width: 580px;line-height: 24px;}
.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: 30px;margin-bottom: 20px;}
.codes{display: flex;justify-content: space-between;text-align: center;}
.codes .code{margin-left: 25px;}
.list-contaact .codes .code:first-child{margin-left: 0;}
.codes .code h2{font-size: 18px;margin-top: 20px;}
.list-contaact .codes .code h2{font-size: 26px;}
.footer .info .codes{width: 40%;justify-content: flex-end;}
.list-contaact .codes{margin-top: 35px;}
.footer .info .info-l{width: 60%;}
.dl .dl-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.dl .dl-title a{border-bottom: 2px solid rgba(255,255,255,.8);font-family: 'Montserrat-SemiBold';}
.dl>dd a{
  line-height: 36px;
  font-size: 18px;
}

.footer .info .dls .dl dd span{position: relative;white-space: nowrap;}
.footer .info .dls .dl dd span:hover::after{width: 100%;}
.footer .info .dls .dl dd span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: var(--bgcolor);
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: 50% 50%;
}
.footer .info .message{width: 645px;}

.footer .bottom{border-top:1px solid rgba(255,255,255,.3);}
.footer .bottom .wraps{border-top: 1px solid #dbdbdb;padding:40px 0 55px;}
.footer .bottom br{display: none;}
.footer .bottom p,.footer .bottom p a{font-size:18px;}
.footer .bottom p .ga{margin-left: 15px;}
.footer .bottom .ga img{margin-right: 5px;}

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


.location{z-index: 9999;position: absolute;left: 0;bottom: 35px;width: 100%;}
.location .wrapl{display:flex;align-items: center;}
.location .loc{margin-right: 8px;}
.location a{font-size: 20px;color: #fff;}
.location i{font-size: 20px;margin-top: 3px;color: #fff;}
.list-contaact{padding: 100px 0 130px;background: url("/skin/images/contactback_02.png") no-repeat center bottom;}
.titles-c{align-items: center;}
.list-contaact .tits h1{font-size: 46px;}
.list-contaact .tits h5{font-size: 22px;margin-top: 5px;}
.list-contaact .bd{margin-top: 60px;flex-wrap: nowrap;}
.list-contaact .bd .contact-l{width:47.5%;display: flex;flex-direction: column;justify-content: space-between;}
.list-contaact .bd .contacts .item{display: flex;font-size: 22px;align-items: center;padding: 30px 0;border-bottom: 1px solid #cecece;word-break: keep-all;}
.list-contaact .bd .contacts .item:last-child{flex-wrap: wrap;}
.list-contaact .bd .contacts .item a{margin-left: 15px;word-break: break-all;}
.list-contaact .bd .contacts .item:hover a{color: var(--on-color);}
.list-contaact .bd .contacts .item:nth-child(1){border-top: 1px solid #cecece;}

.list-contaact .bd .txt{width:calc(100% - 520px);padding-left: 120px;padding-bottom: 70px;}
.list-contaact .map{margin-left: 20px;}
.list-contaact .map img{width: 100%;}

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

.message .iptb{
  width: 100%;
  height: 55px;
  margin-top: 25px;
  padding-left: 15px;
  background: #f8f8f8;
  font-size: 14px;
}
.message .iptl{height: 140px;padding: 20px;width: 100%;margin-top: 35px;}
.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: 200px;
  height: 50px;
  background: var(--bgcolor);
  border: none;
  color: #fff;
  font-size: 16px;
  margin-top: 40px;
  cursor: pointer;
  transition: 0.5s;
}
.message #submit:hover{transform: scale(0.9);}
.message #submit i{font-size: 18px;margin-left: 15px;color: #fff;}
.form-group {
  margin-top: 35px;
}

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

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

.checkbox-label {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #707070;
  margin-right: 60px;
}

input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #c5c4c4;
  margin-right: 10px;
  border-color: #707070 !important;
  border-radius: 0 !important;
} 

.catalog{margin-top: 80px;}
.a-back{position: relative;} 
.a-back img{width: 100%;}
.a-back .txts{position: absolute;left: 30px;top: 23%;color: #fff;} 
.a-back .txts h1{font-size: 48px;line-height: 1.1;font-family: 'Montserrat-SemiBold';color: #fff;}
.a-back .name{font-size: 18px;color: #acacac;position: absolute;left: 20px;bottom: 13.5%;}
.bookbox{flex-direction: column;align-items: center;margin-bottom: 100px;}
.bookbox  iframe{width: 100%;height: 870px;}
.bookbox .btn-box{display: flex;margin-top: 40px;justify-content: center;}
.btna{height: 45px;min-width: 230px;display: flex;align-items: center;background: var(--bgcolor);padding: 2px;transition: 0.5s;position: relative;z-index: 0;overflow: hidden;cursor: pointer;margin-right: 35px;padding-right: 13px;}
.btna span{font-size: 16px;line-height: 1;display: flex;min-width: 180px;height: 100%;align-items: center;justify-content: center;position: relative;z-index: 3;color: #000;padding: 0 10px;transition: 0.5s;}
.btna span::after{content: '';width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: -1;transition: 0.5s;}
.btna::after{content: '';width: 100%;height: 100%;background: var(--bgcolor);position: absolute;top: 0;right: 0;z-index: -3;transition: 0.5s;}
.btna:hover::after{width: 0;}
.btna:hover span::after{width: 0;}
.btna:hover span,.btna:hover i{color: #fff;}
.btna i{font-size: 22px;color: #fff;position: relative;z-index: 3;margin-left: 13px;transition: 0.5s;}

.prod-swiper{padding-bottom: 40px;}
.prod-swiper .swiper-pagination{bottom: 0;}
.prod-swiper .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background: #e5e5e5;width: 120px;height: 8px;border-radius: 8px;margin-right: 20px !important;}
.prod-swiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--bgcolor);}
.index-pro{padding: 95px 0;}
.pro_list .main{padding: 70px 0 95px;}
.list-products .list .item{transition:.6s;width: calc((100% - 100px)/3);margin:0 50px 60px 0;
transition: 0.6s;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.03);padding-top: 80px;position: relative;background: #fff;}
.list-products .list .item:hover{box-shadow: 0 18px 40px rgba(0,0,0,0.05);}
.list-products .list .item:nth-child(3n){margin-right:0;}
.index-pros{background: #f7f7f7;padding: 70px 0 60px 0;position: relative;}
.index-prod{padding: 90px 0 85px;background: #fcfcfc;}
.index-prod .list .item{width: 100%;margin-right: 0;}
.swiper-container{margin: unset;}
.prod-swiper{margin-top: 60px;}
.pros-box{display: flex;width: 100%;justify-content: flex-end;}
.prod-swiper .swiper-slide{display: flex;justify-content: center;}
.list-products .list .item .txt{width: 100%;transition: 0.6s;text-align: center;position: absolute;top: 35px;left: 50%;transform: translateX(-50%);z-index: 10;}
.list-products .list .item .pic{overflow: hidden;transition: 0.5s;text-align: center;}
.list-products .list .item .pic img{width: 90%;}
.list-products .list .item .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:37px;line-height: 1;width: 100%;transition: 0.5s;font-family: 'Roboto-Regular';}
.list-products .list .item .txt h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:31px;line-height: 1;width: 100%;transition: 0.5s;margin-top: 15px;}
.list-products .list .item:hover .txt h3{color: var(--bgcolor);}
.list-products .list .item .txts{padding: 0 50px 30px 35px;align-items: center;gap: 20px;flex-wrap: nowrap;}
.list-products .list .item .txts h2{font-size: 21px;word-break: break-all}
.list-products .list .item .btns{height: 60px;font-size: 21px;display: flex;align-items: center;justify-content: center;min-width: 180px;padding: 0 10px;z-index: 10;transition: 0.4s;border-radius: 60px;background: var(--bgcolor);}
.list-products .list .item .btns span{line-height: 1;z-index: 9;transition: 0.5s;color: #fff;}


.list-pro{padding: 60px 0 70px;background: #fcfcfc;}
.list-pro .titles h3{font-size: 36px;}
.list-pro .titles h1{font-size: 16px;}
.list-pro .list{margin: 60px 0 30px;}
.list-pro .right{width: 100%;}
.list-pro .right .body{line-height:30px;color:#fff;}
.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:770px}
.list-products .head .img_list .datu{width: calc(100% - 170px);background: #f9f9f9;}
.list-products .head .datu .backs{position: absolute;right:0;transform: translate(calc(100% + 30px));top: 15px;width: 43px;height: 43px;background-color: #000;display: flex;justify-content: center;align-items: center;}
.list-products .head .datu .backs img{width: 29px;}
.list-products .head .img_list .datu{position: relative;box-shadow: 0 18px 40px rgba(0,0,0,0.05);border-radius: 13px;}
.list-products .head .img_list .datu .cloud-zoom img{width:100%;border-radius: 13px;}
.list-products .head .img_list .xiaotu{width:122px;display:flex;flex-wrap:wrap;align-content:flex-start;max-height: 550px;position: relative;margin-top: 25px;}
.list-products .head .img_list .xiaotu li{transition-duration:.5s;width:120px;height: 120px;background: #f9f9f9;margin-bottom: 25px;}
.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%;}
.list-products .head .img_list .xiaotu .pro_next,.list-products .head .img_list .xiaotu .pro_prev{color:#737373;text-align:center;cursor: pointer;display:block;width:100%;}
.list-products .head .img_list .xiaotu .pro_next i,.list-products .head .img_list .xiaotu .pro_prev i{font-size:30px;}
.list-products .head .img_list .xiaotu .pro_next{position: absolute;top: -40px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .pro_prev{position: absolute;bottom: -60px;left: 50%;transform: translate(-50%);}
.list-products .head .img_list .xiaotu .more_pic{margin-top: 25px;position: relative;margin-bottom: 0;cursor: pointer;}
.list-products .head .img_list .xiaotu .more_pic::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.7);}
.list-products .head .img_list .xiaotu .more_pic span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 22px;color: #fff;font-family: 'Poppins-Bold';z-index: 99;}
.list-products .head .img_list .xiaotu .more_pic video{width: 100%;height: 100%;object-fit: cover;}
.list-products .head .img_list .xiaotu .more_pic .btn,.video-item .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 33px;z-index: 999;margin: 0;}
.list-products .head .txt_list{width: calc(100% - 770px);display:flex;align-content: space-between;flex-wrap:wrap;padding-left: 160px;}
.list-products .head .txt_list .txt_list_t{width:100%}
.list-products .head .txt_list .t h3{font-size: 22px;color: #2d2d2d;margin: 25px 0 20px 0;}
.list-products .head .txt_list .t h2{font-size:40px;font-family: 'Roboto-Regular';line-height: 1;}
.list-products .head .txt_list .t p{margin-top: 10px;font-size:40px;}
.list-products .head .txt_list .c .feature .fea-content{margin-top: 30px;display: flex;}
.list-products .title_n{font-size: 42px;font-weight: bold;margin-top: 80px;}
.list-products .title_n1{margin-top: 40px;}
.list-products .head .txt_list .c .feature p{font-size: 20px;ine-height: 50px;position: relative;background: var(--bgcolor);padding: 5px 10px 5px 13px;color: #fff;font-weight: bold;border-radius: 4px;}
.list-products .head .txt_list .c .feature p span{color: #fff;background: transparent !important;}
.list-products .head .txt_list .patent,.list-products .head .txt_list .contact{font-size: 25px;font-weight: bold;margin-top: 35px;}
.list-products .head .txt_list .contact{margin-top: 10px;}
.list-products .head .txt_list .desc{margin-top: 10px;font-size: 25px;line-height: 48px;}
.list-products .head .txt_list .c .nav{display:flex;margin-top: 45px;}
.list-products .head .txt_list .c .nav .mess_btn{transition-duration:.5s;cursor: pointer;height:60px;padding: 0 25px 0 40px;display:flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;border: 1px solid #dbdbdb;border-radius: 7px;}
.list-products .head .txt_list .c .nav .mess_btn img{margin-left:30px;}
.list-products .head .txt_list .c .nav .mess_btn:hover{border-radius:30px;background: var(--bgcolor);}
.list-products .body table{width: 100%;border-collapse: collapse;margin-top: 45px;}
.list-products .body table td{font-size:21px;height:50px;vertical-align: middle;border: 1px solid #d4d4d4;font-weight: bold;text-align: center}
/*.list-products .body p{text-align: center;width: 100%;}*/
.list-products .body img{margin-top: 70px;}
.list-products .body table img{margin-top: 0;}
.purchase .list .items{width: calc((100% - 100px)/3);margin-right: 50px;margin-bottom: 60px;}
.purchase .list .items:nth-child(3n){margin-right: 0;}
.purchase .list .items .pic{border-radius: 10px;}
.purchase .list .items:hover .pic img{transform: scale(1.12);}
.purchase .list .items h3{font-size: 31px;color: #060606;font-weight: bold;margin-top: 30px;}
.purchase .list .items p{font-size: 16px;color: #060606;margin-top: 15px;}
.purchase .list{margin-top: 45px;}
.modal-overlay{position:fixed;left: 0;top: 0;background: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 99999999999;display: none}
.modal-main{width:85%;height: 760px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 30px 60px 25px 40px;overflow: hidden;}
.modal-main .hd{border-bottom: 2px solid #e7e7e7;} 
.modal-main .hd ul{display: flex;} 
.modal-main .close{position: absolute;top: 10px;right:10px;cursor: pointer;}
.modal-main .close i{font-size: 25px;}
.modal-main .bd,.modal-main .bd .modal-content{height: 100%;}
.modal-main .hd ul li{font-size: 16px;margin-left: 30px;padding-bottom: 10px;margin-bottom: -2px;cursor: pointer;}
.liclass{border-bottom: 2px solid var(--on-color);}
.modal-main .modal-l{width:calc(100% - 270px);height: 100%;}
.modal-main .modal-l .pic-box{height: 100%;width: 100%;cursor: zoom-in;overflow: hidden;position: relative;}
.modal-main .modal-l .pic-box img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;}
.modal-main .modal-r{width: 250px;padding-top: 30px;}
.modal-main .modal-r h2,.modal-main .modal-r p{font-size:16px;line-height: 24px;}
.modal-main .modal-r .pic-item{width: calc((100% - 45px)/4);margin-right: 15px;border: 2px solid #d5dbdb;margin-bottom: 15px;}
.modal-main .modal-r .pic-list{flex-wrap: wrap;margin-top: 25px;}
.modal-main .videocontent .modal-l{display: flex;align-items: center;justify-content: center;align-items: center;padding-top: 20px;}
.modal-main .videocontent .modal-l h1{font-size: 18px;margin-top: 10px;}
.modal-main .modal-r .pic-item:nth-child(4n){margin-right: 0;}
.video-box{height: 100%;}
.modal-main .modal-l video{max-height: 90%;max-width: 100%;}
.modal-main .modal-r h3{font-size: 17px;padding: 8px 10px;background: #F0F2F2;margin-bottom: 15px;border-radius: 4px;}
.modal-main .modal-r .video-list{overflow-y: auto;}
.modal-main .modal-r .video-item{margin-bottom: 15px;}
.modal-main .modal-r .video-item .video-l{width: 50%;position: relative;}
.modal-main .modal-r .video-item .video-l video{width: 100%;transition: 0.5s;border: 2px solid transparent;}
.modal-main .modal-r .video-item .video-l .time{position: absolute;bottom: 8px;right: 8px;font-size: 12px;color: #fff;z-index: 999;}
.modal-main .modal-r .video-item .txt{width: 45%;font-size: 13px;line-height: 22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}

.about-culture{position:relative;min-height:900px;overflow:hidden;background:url("/skin/images/culture_02.jpg") no-repeat center center/cover;padding-top: 75px;}
.about-culture .wrap{position:relative;z-index:1;}
.culture-title{font-size:46px;color:#fff;text-align:center;font-weight:bold;margin-bottom:80px;}
.culture-main{display:flex;align-items:flex-start;justify-content:center;margin:0 auto;width: 100%;}
.culture-zigzag{position:relative;width:100%;overflow:hidden;height:600px;}
.culture-zigzag .culture-zigzag-inner{will-change:transform;}
.culture-scrollbar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;}
.culture-scrollbar .scroll-track{position:relative;width:2px;height:100%;background:rgba(255,255,255,0.35);border-radius:1px;}
.culture-scrollbar .scroll-thumb{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100px;background:#0162eb;border-radius:4px;cursor:pointer;transition:background 0.2s;box-shadow:0 0 8px rgba(0,123,255,0.5);}
.culture-scrollbar .scroll-thumb:hover{background:#0056cc;}
.culture-item{margin-bottom:60px;width:50%;box-sizing:border-box;}
.culture-item h2{font-size:30px;color:#fff;font-weight:bold;margin-bottom:15px;}
.culture-item p{font-size:20px;color:rgba(255,255,255,0.85);line-height:28px;text-align:left;}
.about-culture .blank{width: 50%;}
.about-culture .culture-box{justify-content: center;width: 100%;}
.culture-box:nth-child(2n+1),.culture-box:nth-child(2n+1) p{text-align: right;}
.culture-box:nth-child(2n),.culture-box:nth-child(2n) p{text-align: left;}
.culture-box:nth-child(2n+1) .culture-item{padding-right: 50px;}
.culture-box:nth-child(2n) .culture-item{padding-left: 50px;}
.change .item .icon img:nth-child(2){display: none;}
.about-values{padding:90px 0;background:#fff;}
.values-grid{display:flex;flex-wrap:wrap;justify-content:space-between;}
.value-card{width:calc((100% - 75px) / 4);border-radius:10px;padding:55px 45px 120px 40px;transition: 0.4s,box-shadow 0.3s;border: 1px solid #f7f7f7;}
.value-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.08);background: var(--bgcolor);}
.value-card:hover h2,.value-card:hover p{color:#fff;}
.value-card .icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border: 1px solid #000;border-radius: 50%;}
.value-card .icon img{max-width:100%;max-height:100%;}
.value-card:hover .icon{border-color: #fff;background: #fff;}
.value-card h2{font-size:28px;font-weight:bold;margin-top: 50px;transition: 0.5s;}
.value-card p{font-size:18px;line-height:30px;margin-top: 50px;transition: 0.5s;}

.about-consult{position:relative;padding:210px 0 220px;text-align:center;overflow:hidden;background:url("/skin/images/inqueryback_02.jpg") no-repeat center center/cover;}
.about-consult .wrap{position:relative;z-index:2;}
.about-consult h1{font-size:45px;color:#fff;font-weight:bold;margin-bottom:40px;}
.consult-btns{display:flex;justify-content:center;gap:45px;flex-wrap: wrap;}
.btn-consult{display:inline-block;padding:20px;border-radius:60px;font-size:16px;transition:all 0.3s;min-width: 200px;}
.btn-consult.btn-primary{color:#fff;background: var(--bgcolor);}
.btn-consult.btn-outline{border:3px solid #fff;color:#fff;background:transparent;}

@media (max-width: 1920px){
.wrap{max-width:1800px;}
.wraps{max-width:1600px;}
.wrap-1640{max-width:1640px;}
.wrap-1700{max-width:1700px;}
.wrap-1400{max-width:1400px;}
.footer .info .info-l{width: calc(100% - 620px);}
.footer .info .codes{width: 620px;justify-content: flex-end;}
}
@media (max-width: 1800px){ .list-honor .honor-r{margin-right: 0;}}
@media (max-width: 1600px){
   .modal-main .modal-l .pic-box img{height: auto;}
  .list-products .head .txt_list{padding-left: 100px;}
  .message .cont_l .txts h1{font-size: 32px;}
  .index-contact .item h2{font-size: 30px;}
  .index-contact .item:nth-child(3) h2{font-size: 24px;line-height: 32px;}
  .index-contact .item{padding: 35px 25px 35px 20px;}
  .index-contact .item .contact-b p{font-size: 20px;}
  .index-contact .item .contact-b img{width: 40px;}
  .list-video .list .item h2{font-size: 20px;}
  .advantage .advantage-l{padding: 25px 35px 0 30px;width: 420px;}
  .advantage .advantage-r{width: calc(100% - 420px);}
  .advantage .txts h1{font-size: 22px;}
  .advantage .txts{padding: 20px 0;}
  .list-products .list .item .btns{height: 50px;min-width: 160px;font-size: 18px;}
  .list-products .list .item .txts{padding: 0 20px 25px 20px;}
  .list-products .list .item .txts h2{font-size: 18px;}
  .list-products .list .item .txt h3{font-size: 30px;}
  .list-products .list .item .txt h1{font-size: 26px;}
  .pro-swiper .item .txts h1{font-size: 26px;}
  .pro-swiper .item .txts p{font-size: 18px;line-height: 26px;}
  .box_skitter .text_b p{font-size: 2.5vw;padding: 1.56vw .52vw;}
   .list-fac .item h2{font-size: 16px;}
 .honor .titlev{top: 1.82vw;left: 5.21vw;}
 .honor{padding-bottom:  35px;}
 .honor .titlev h1{font-size: 40px;}
 .honor .titlev p{font-size: 16px;line-height: 26px;margin-top: 10px;max-width: 43.23vw;}
 .develop .bd li .events p{max-width: 41.67vw;font-size: 20px;line-height: 28px;padding: 20px 15px;}
 .a-back .txts{left: 1.56vw;} 
.a-back .txts h1{font-size: 2.5vw;}
.a-back .name{font-size: .94vw;left: 1.04vw;}
.header .header-right .item{margin-left:30px;}
.header .header-right .item h3 a{font-size: 16px;}
.search-div{margin-left: 40px;}
}
@media (max-width: 1440px){
 .list-products .head .txt_list .patent, .list-products .head .txt_list .contact,.list-products .head .txt_list .desc{font-size: 22px;} 
.list-products .head .txt_list .t h2,.list-products .head .txt_list .t p{font-size: 30px;}
.list-news .news-list .news-item .news-r .titlex{font-size: 26px;}
.list-news .news-list .news-item{padding: 35px 40px 35px 25px;}
.cats .item h3 a{height: 45px;min-width: 140px;}
.cats .item{margin-right: 20px;}
.cats .item h3 a span{padding: 0 15px;}
.about-consult h1{font-size: 30px;}
.list-about{padding: 50px 0;}
.list-about .bn-list .libox{width: 25%;    padding: 30px 10px;}
.footer .footer-t p{font-size: 20px;}
.index-contact .item .contact-b img{width: 30px;}
.index-contact .item .contact-b p{font-size: 18px;}
 .network .bn-list li h2 .number, .network .bn-list li h2 .plus{font-size: 65px;} 
 .network .bn-list li .des{font-size: 18px;line-height: 24px;}
.index-video .item .play img{width: 40px;} 
.header .header-right .item{margin-left:20px;}
.header .header-right .item h3 a{font-size: 15px;}
.search-div{margin-left: 30px;}
 
}
@media (max-width: 1350px){
 .purchase .list .items h3{font-size: 20px;}
  .list-contaact .tits h1{font-size: 35px;}
  .list-contaact .tits h5{font-size: 18px;}
  .value-card{padding: 35px 20px 50px 15px;}
  .value-card h2{font-size: 22px;}
  .list-about .bn-list li h2 .number, .list-about .bn-list li h2 .plus, .list-about .bn-list li h2 .txt{font-size: 40px;}
  .footer .info .info-l{width: 100%;}
  .footer .info .codes{width: 100%;}
  .footer .info>.flex{flex-wrap: wrap;}
  .list-products .list .item .txts h2{font-size: 16px;}
  .pro-top h1,.titles h3{font-size: 35px;}
  .pro-top p{font-size: 16px;}
  .list-contaact .bd .txt .cons_box{flex-wrap: wrap;}
  .list-contaact .bd .txt .con_box{width: 100%;}
  .index-video .btns{margin-top: 4.17vw;}
  .index-video .texts p{margin-top: 1.56vw;}
  .index-video .texts h1{font-size: 30px;}
  .list-products .head .txt_list .c .nav .message_btn{margin-left: 0;}
  .search-div{width: 180px;height: 40px;}
  .search-div input{font-size: 16px;}
  .alibaba{height: 40px;}
  .header .header-right .item{margin-left:15px;}
  .header .header-right .item h3 a{font-size: 14px;}
}
@media (max-width: 1200px){
  .list-products .head .txt_list{width: 100%;padding-left: 0;margin-top: 55px;}
}
@media screen and (max-width:992px) {
.purchase .list .items{width: 48%;margin-right: 0;}
.purchase .list{justify-content: space-between;}
.list-products .body table td{font-size: 16px;}
.checkbox-row{flex-wrap: wrap;}
.checkbox-label{margin-bottom: 20px;}
.message .form-div label{width: 100%;}
.message .form-div{flex-wrap: wrap;}
.list-news .news-list .news-item{flex-wrap: wrap;padding: 20px 15px 30px 15px;margin-bottom: 40px;}
.list-news .news-list .news-item .news-l,.list-news .news-list .news-item .news-r{width: 100%;}
.list-news .news-list .news-item .news-r{margin-top: 30px;}
.honor .honor_box{justify-content: space-between;}
.honor .honor_box .item{width: 48%;margin-right: 0;}
.value-card{width: 48%;margin-bottom: 35px;}
.list-honor{margin-top: 40px;}
.list-honor .honor-l,.list-honor .honor-r{width: 100%;}
.list-honor .honor-r{margin-top: 35px;}
.list-honor .btn-p{margin-top: 40px;}
.list-about .bn-list .libox{width: 49%;    padding: 30px 10px;margin-bottom: 0;}
.footer .footer-t .footer-con{width: 100%;margin-bottom: 30px;flex-wrap: nowrap;}
.footer .footer-t .footer-con img{width: 60px;}
.footer .footer-t .footer-con p{width: calc(100% - 70px);}
.index-contact{padding: 80px 0;}
.index-contact .item{width: 100%;margin-bottom: 30px;}
.footer .footer-t a img{width: 150px;}
.index-contact .lists{margin-top: 80px;}
.list-video .list .item h2 {font-size:15px;padding: 15px 0;}
.index-video .item .play img{width: 30px;}
.network{padding: 60px 0;}
  .network .bn-list .libox:last-child{border-right: none;}
  .network .bn-list .libox{width: 50%;padding: 30px 15px;border-left: none;}
  .network .bn-list .libox:nth-child(2n+1){border-right: 2px solid #ebebeb;}
  .adv-swiper{overflow: visible;width: 100%;padding: 0 15px;}
  .advantage .advantage-r,
  .advantage .advantage-l{width: 100%;}
  .bn-list{max-width: 100%;}
  .advantage .advantage-r{margin-top: 40px;}
  .pro-swiper .item .txts h1{font-size: 22px;}
  .pro-swiper .item .txts p{font-size: 16px;line-height: 24px;}
  .pro-swiper .item .txts{padding: 0 20px 0 25px;bottom: 25px;}
  .list-products .title_n{font-size: 30px;}
  .list-ins .list{justify-content: space-between;}
  .list-ins .item{width: 48%;margin-right: 0;}
  .hand{margin-top: 15px;}
  .list-contaact .bd .contact-l,.list-contaact .bd .map{width: 100%;margin-left: 0;margin-top: 35px;}
  .list-contaact .bd{flex-wrap: wrap;}
  .list-news .list .item{width: 48%;margin-right: 0;}
  .list-news .list{justify-content: space-between;}
  .list-pro{padding: 35px 0;}
  .sidebar{display: none;}
  .market .market-box{width: 100%;}
  .market .market-box:nth-child(2n){margin-left: 0;}
  .list-lab .item, .list-act .item{width: 48%;margin-right: 0;}
  .list-lab .list,.list-act .list{justify-content: space-between;}
  .list-rd{padding: 35px 0;}
  .list-rd .rd-content{margin-top: 35px;}
.list-rd .rd-l,.list-rd .rd-r{width: 100%;}
.list-rd .rd-r{padding-right: 0;margin-top: 35px;}
  .develop .bd li .events{margin-bottom: 100px;}
  .honor .list{justify-content: space-between;}
  .honor .item{width: 48%;margin-right: 0;}
  .honor .wrap{margin-top: 40px;}
  .honor .titlev{position: relative;}
  .honor .titlev p{max-width:100%;}
  .culture .vision .pics{width: 100%;}
  .culture .vision .vision-r{width: 100%;padding-left: 0;margin-top: 35px;}
  .culture .cul-list{margin-top: 25px;}
  .culture .cul-main{width: 100%;margin-top: 35px;}
  .list-about .about-l,.about-a{width: 100%;padding-left: 0;}
  .footer .info .dls{flex-wrap: wrap;}
  .index-video .btns{margin-top: 2vw;}
  .index-video .texts h1{font-size: 25px;}
  .index-video .texts p{font-size: 16px;line-height: 20px;margin-top: 1.2vw;}
  .index-about .ab_box{width: 100%;margin-left: 0;margin-top: 35px;}
  .index-about .flex{flex-wrap: wrap;}
  .prod-swiper{width: 100%;padding: 0 15px;margin-top: 35px;}
  .index-pros .sw-box{margin-top: 25px;}
  .h_banner{margin-top: 0;}
  .list-pro .show_head .show_swiper{display:block;overflow: hidden;}
  .list-fac .list{justify-content: space-between;}
  .list-fac .item{width: 48%;margin-right: 0;}
  .footer .bottom .flex{justify-content: center;}
  .footer .bottom p,.footer .bottom p a{width: 100%;text-align: center;}
.footer .bottom .mc{margin-top: 15px;}
  .footer .info .message{width: 100%;margin-top: 35px;}
  .footer .info .info-l{width: 100%;}
  .footer .info>.flex{flex-wrap: wrap;}
  .footer .info .dls .dl{margin-right: 35px;margin-bottom: 20px;}
  .index-pro{padding: 40px 0;}
  .bn-list li h2{justify-content: flex-start;}
  .bn-list li h2 .dw{margin: 0 15px;}
  .about-r{width: 100%;margin-top: 10px;}
  .index-about .wrap.flex{flex-wrap: wrap;}
  .index-about{padding: 40px 0;}
  .wrap{width: 96%;}
 .list-products .head .show-banner{display: block;}
.list-pro .right{width:100%;max-width:100%;padding-left: 0;}
.footer{padding:35px 0;}
.top_header,.list-pro .left,.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;}
.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:16px;line-height:24px;}
.list-news .show{padding:0 10px;}
.list-news .paging{padding:20px 0;}

}
@media screen and (max-width:786px){
  .list-contaact .bd{margin-top: 20px;}
 .list-contaact .tits h1{font-size: 24px;}
.list-contaact .tits h5{font-size: 16px;}
.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}
.location{display: none;}
.about-culture{min-height: 800px;padding: 50px 0;}
.culture-title{font-size: 35px;margin-bottom: 40px;}
 .culture-scrollbar{display: none;}
  .culture-zigza{height: unset;}
  .culture-item{margin-bottom: 35px;}
  .about-culture .culture-box .blank{display: none;}
  .about-culture .culture-box .culture-item{width: 100%;padding: 0;}
   .about-culture .culture-box p{text-align: left;}
   .culture-item h2{text-align: left;font-size: 25px;}
  .index-contact .title{font-size: 24px;line-height: 36px;}
  .list-video .list .item{width: 100%;margin-right: 0;margin-bottom: 40px;}
  .advantage .advantage-l h1{font-size: 30px;}
  .index-about .textcontent p{font-size: 16px;line-height: 28px;}
  .index-about .about-l h1{font-size: 28px;}
  .bn-list li h2 .number{font-size: 45px;}
  .index-prod{padding: 40px 0;}
  .titles h1{font-size: 18px;}
  .titles h3{font-size: 30px;}
  .pro-flex{flex-wrap: wrap;justify-content: flex-end;}
  .pro-top{width: 100%;}
  .pro-flex .sw-box{margin-top:15px;}
  .box_skitter .prev_button::after,.box_skitter .next_button::after{font-size: 25px;}
  .box_skitter .prev_button {left:20px;margin-top:-10px;width: 30px;height: 30px;}
  .box_skitter .next_button {right:20px;margin-top:-10px;width: 30px;height: 30px;}
  .list-products .body table tbody{flex-wrap: wrap;}
  .list-products .body table tr{width: 100%;}
  .catalog{margin-top: 40px;}
  .list-contaact .bd .t h1{font-size: 35px;}
  .list-news .title_n{font-size: 28px;margin: 40px 0;}
  .develop .bd li .events p{max-width: 38vw;}
  .fac{padding: 40px 0;}
  .index-support .tit{font-size: 35px;}
  .index-pros .pro-top .pro-l h1{font-size: 35px;}
  .index-pros .pro-top .pro-l p{margin-left: 0;font-size: 16px;max-width: 100%;margin-top: 25px;}
  .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: 40px 0;}
}
@media screen and (max-width:600px){
.inquire .inquire_box{width: 100%;}
.list-products .head .txt_list .t h2, .list-products .head .txt_list .t p{font-size: 24px;}
.list-products .head .txt_list .patent, .list-products .head .txt_list .contact, .list-products .head .txt_list .desc{font-size: 18px;}
.list-products .head .txt_list .desc{line-height: 32px;}
.list-products .head .txt_list .c .feature p{font-size: 18px;}
  .list-products .title_n{font-size: 26px;}
  .list-products .body table{margin-top: 20px;}
.purchase .list .items{width: 100%;margin-bottom: 40px;}
.list-products .body table td{padding:5px}
.faq .faq_t .qu, .faq .faq_t .qu span{font-size: 18px;}
.faq .faq_t p span{margin-left: 0;}
.faq .faq_box .an{padding:0;}
.faq .faq_box .an{font-size: 17px;}
 .faq{margin: 35px 0;}
  .message .cont_l .txts h1{font-size: 24px;}
.list-contaact .bd .contacts .item{font-size: 18px;}
.list-contaact .btn-p{margin-top: 30px;}
.list-news .show .t h2{font-size: 22px;}
.list-news{padding: 40px 0;}
.list-news .news-list{padding-bottom: 20px;}
.list-pro .titles h3{font-size: 30px;}
.list-pro .list{margin: 40px 0;}  
.honor .honor_box{margin-top: 50px;}
.honor{padding: 35px 0 20px 0;}
.list-fac .list{margin-top: 20px;}
.about-titles h2, .titlea h2{font-size: 28px;}
.about-titles h2{margin-top: 40px;}
.about .bodys{margin-top: 40px;}
.about{padding-bottom: 50px;}
.about-consult{padding: 170px 0;}
.btn-consult{padding: 15px;min-width: 180px}
.about-consult h1{font-size: 25px;margin-bottom: 60px;}
.about-values{padding: 35px 0;}
.value-card h2,.value-card p{margin-top: 35px;}
.value-card{width: 100%;}
.list-about .bn-list{margin-top: 40px;}
.list-about .bn-list li h2 .number, .list-about .bn-list li h2 .plus, .list-about .bn-list li h2 .txt{font-size: 35px;}
.footer .info{padding: 40px 0;}
.dl .dl-title{margin-bottom: 15px;}
.footer .info .dls .dl{width: 48%;margin-right: 0;margin-bottom: 40px;}
.footer .info .codes,.codes{flex-wrap: wrap;justify-content:center;margin-top: 30px;}
.codes .code{margin-left: 0;margin-bottom: 30px;}
.list-video{padding: 45px 0;}
.index-video{padding: 0 0 20px 0;}
.index-video .list{margin-top: 40px;}
.network .bn-list{margin-top: 40px;}
.network .bn-list .libox{width: 100%;padding: 10px;}
.advantage .advantage-l{padding: 15px 15px 0 15px;}
.advantage{padding: 40px 0;}
.list-products .list .item .txt h3{font-size: 25px;}
.list-products .list .item .txt h1{font-size: 20px;}
.list-products .list .item .btns{height: 40px;min-width: 130px;font-size: 16px;}
.pro-top h1,.titles h3{font-size: 26px;}
.titles2 h3{font-size: 28px;}
.pro-swiper .swiper-wrapper{margin-top: 25px;}
.pro-swiper .item .txts h1{font-size: 20px;margin-bottom: 10px;}
.pro-swiper .item .txts p{font-size: 14px;line-height: 22px;}
.pro-swiper .item .txts{padding: 0 10px;bottom: 15px;}
.pro-swiper .item .txts .more{margin-top: 15px;}
.list-products .bodys p{font-size: 16px;line-height: 32px;}
.list-products .bodys p::after{top: 7px;}
.list-products .title_n{margin: 25px 0 20px;}
.list-products .head .txt_list .b{margin-top: 40px;}
.ins{padding: 35px 0 10px;}
.list-ins .item{width: 100%;}
.bookbox  iframe{height: 450px;}
.bookbox{margin-bottom: 50px;}
  .list-contaact .message .content{height: 120px;}
.list-contaact .bd .txt{padding-bottom: 20px;}
.list-contaact .message .form-div{flex-wrap: wrap;}
.list-contaact .form-div .code_box{width: 100%;margin-bottom: 30px;}
.list-contaact .message{margin-top: 30px;}
.list-contaact{padding: 40px 0;}
.news-detail{padding: 35px 0;}
.list-news .list .item{width: 100%;;margin-bottom: 40px;}
.market .market-box .box-hd h2{font-size: 16px;}
.market .market-box .logo-grids td{height: 90px;}
.list-act .list{margin-top: 40px;}
.list-lab .item, .list-act .item{width: 100%;}
.titlec p{line-height: 28px;}
 .develop{padding: 40px 0;}
  .develop .bd li .events{margin-bottom: 80px;}
  .develop .bd li .events span{transform: translate(calc(100% + 30px),-50%) !important;}
  .develop .bd li .events:nth-child(2n) span{transform: translate(calc(-100% - 30px),-50%) !important;}
  .develop .bd li p:before{right:-39px;}
  .develop .bd li .events:nth-child(2n) p:before{left: -39px;}
  .develop .bd li .events p{max-width: 38vw;font-size: 15px;line-height: 22px;font-family: 'OPENSANS-REGULAR';transform: translate(calc(-100% - 30px),-50%);padding: 15px 10px;}
  .develop .bd li .events:nth-child(2n) p{transform: translate(calc(100% + 30px),-50%);}
  .develop .bd li .events span{font-size: 30px;}
  .honor{margin-top: 20px;}
  .honor .titlev h1{font-size: 30px;}
  .honor .item{width: 100%;}
  .culture .vision .vision-r .logo-v{margin-top: 50px;}
  .culture .vision{margin-top: 20px;}
  .culture .cul-main .cul-box{margin-bottom: 35px;}
  .culture .cul-main .cul-box h3{margin-bottom: 20px;}
  .tit-cul{font-size: 32px;}
  .footer .bottom br{display: inline-block;}
  .footer .bottom p a{margin-left: 0;}
  .form-group{flex-wrap: wrap;}
  .checkbox-row{flex: unset;margin-top: 20px;}
  .index-support{padding-bottom: 10px;}
  .index-video .btns{height: 35px;min-width: 130px;}
  .index-video .texts{left: 25px;}
  .index-video .btns span{font-size: 14px;}
  .index-video .texts h1{display: none;}
  .index-video .texts p{display: none;}
  .index-about .textcontent p{margin-bottom: 30px;}
   .index-about .flex{padding-bottom: 20px;}
    .index-about .about-r{width: 100%;}
  .prod-swiper .swiper-pagination .swiper-pagination-bullet{width: 45px;}
  .prod-swiper{padding-bottom: 10px;}
  .index-cate .item:hover i{top: 40%;}
  .index-cate .item{width: 100%;}
   .home_swi .swiper-button-prev i,.home_swi .swiper-button-next i{ font-size:5vw;}
  .h_banner .btns{display: none;}
  .list-news .show .m .btn{margin-top: 35px;}
  .news{padding-bottom: 40px;}
  .list-fac .item{width: 100%;margin-bottom: 25px;}
.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;}
 .bn-list li .des{font-size: 16px;}
 .bn-list li h2 .number,.bn-list li h2 .plus{font-size: 40px;}
 .bn-list{margin-top: 0;}
 .bn-list .libox{width: 48%;margin-bottom: 30px;}
 .bn-list li h2 .txt{margin-left: 5px;font-size: 16px;}
 .about-t .about-l .content p, .content1 p{margin-bottom: 10px;}
 .index-adv>.flex,.index-join,.index-join .box{margin-top: 35px;}
 .index-join .join_b .btnj{width: 180px;padding: 15px;margin-top: 40px;}
 .index-join .join_b{padding: 60px 0;}
.location{height: 40px;margin-top: -40px;}
.location a{font-size: 16px;}
.about-b,.bn-list{width: 100% !important;}
.index-pros{padding-bottom: 60px;}
.index-about .ab_box .textcontent{margin-top: 30px;}
.index-about .ab_l h1{font-size: 30px;}
.list-about{padding: 35px 0;}
.list-about .about-l .textcontent{margin-top: 35px;}
.list-about .about-l .pics{margin-top: 30px;}
.list-about .about-l .textcontent p{font-size: 16px;line-height: 28px;}
.paging{margin-top: 0;}
.faq{padding: 10px 0;}
.purchase .list{margin-bottom: 0;}
}