@import "font-awesome.css";
@import "/skin/iconfont/iconfont.css";
@import "iconfont.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
@font-face {
	font-family: 'Aileron-Regular';
	src:url('../fonts/Aileron-Regular.otf');
}
@font-face {
	font-family: 'Aileron-Bold';
	src:url('../fonts/Aileron-Bold.otf');
}
*{box-sizing:border-box}
.wrap{width:1432px;margin:0 auto;}
.wrap-1865{width:1865px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
.f20{font-size:20px}
.f26{font-size:26px}

.pages.bodys{margin-top: 60px;}
.pages.bodys .wrap p{font-size: 16px;font-family: 'Barlow-Medium';color: #000;line-height: 24px;background: #fff !important;}
.pages.bodys h1{font-size: 48px;font-family: 'Barlow-SemiBold';text-align: center;line-height: 1;background: #fff !important;}
.pages.bodys h2{font-size: 18px;font-family: 'Barlow-Medium';line-height: 1;margin-bottom: 10px;margin-top: 50px;background: #fff !important;}
.top_header{position: fixed;top:0;left:0;width:100%;z-index:999}
.top{height:50px;background:#336699;transition: 0.7s;}
.top .wrap{align-items: center;}
.top .txt{font-size:16px;color:#FFFFFF;font-family: 'Barlow-Medium';}
.top .txt h2 span{margin-left: 16px;}
.top .info{height:40px;transition: 0.7s;}
.top .info .ico{align-items: center;}
.top .info .ico a{position: relative;color:#FFFFFF;font-size:20px;margin-right:20px;}
.top .info .ico a:after{content:"";width:1px;height:18px;background:#4d4d4d;position: absolute;right:-10px;top:50%;margin-top:-9px;}
.top .info .ico a:hover{color:#e5392f}

.top .wrap-1865.flex{justify-content: flex-end;align-items: center;height: 100%;}
.top .lang-box{margin-right: 20px;}
.top .lang-box .lang a{margin-left:15px;}
.top .lang-box .lang a img{width: 18px;}
.top .lang-box .lang a span{font-size:14px;color:#fff;margin-left:5px;}
.top .lang-box .lang a:hover span{color:#F41412}

.top .info .lang .sub a img{margin-right:5px;height:15px;}
.top .info .lang:hover .sub{transform: scaleY(1);}
.header{transition-duration:.6s;height:85px;width:100%;background:#fff;z-index: 9999999;display:flex;align-items: center;}
.header.height{box-shadow:0 15px 30px rgba(0,0,0,0.1);height: 60px;}
.header.height .header-left .logo{height: 60px;}
.header.height .header-left .item-box{height: 60px;}
.header.height .logo img{transform: scale(0.85);}
/* .header.height .header-left .item.on h3 a::after{bottom: -20px;} */
/* .header.height .header-left .item h3 a::after{bottom: -20px;} */
.header.height .menu .sub {top: 70px;}
.header .logo img{transition: 0.7s;}
.shows{height: 0;opacity: 0;}
.top.shows .info{height: 0;opacity: 0;display: none;}
.header .header-left{align-items: center;}
.header .menu{align-items: center;height:85px;} 
.header .header-left .logo{margin-right:25px;border-right: 1px solid #cfd1d3;height: 85px;padding-right: 30px;display: flex;align-items: center;transition: 0.7s;margin-left: 13px;}
.header .header-left .item h3 a{font-family: 'Aileron-Regular';font-size:18px;color:#090a0a;position: relative;}
/* .header .header-left .item{margin-right:40px;} */
.header .header-left .item-box:hover::after{width: 100%;}
.header .header-left .item-box::after{
    content: "";
    width: 0;
    height: 3px;
    background: var(--bgcolor);
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    transition: 0.5s ease-in;
}
.header .header-left .item-box.on::after{
  content: "";
  width: 100%;
  height: 3px;
  background: var(--bgcolor);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  transition: 0.7s;
}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .item h3 a{font-size:16px;font-family: 'Barlow-Medium';}
.header .header-right .item{margin-right:25px;}
.header .header-right .item:last-child{margin-right:0;}
.header .header-right .ico{align-items: center;}
.header.height .header-right .ico a{height: 60px;}
.header .header-right .ico a{color: #111821;border-left: 1px solid #cfd1d3;border-right: 1px solid #cfd1d3;height: 85px;width: 105px;display: flex;justify-content: center;align-items: center;transition: 0.7s;}
.header .header-right .ico a:first-child{border-right: none;}
.header .header-right .ico a:hover{color: var(--on-color);}
.header .header-right .ico a i{font-size: 20px;}
.header .header-left .item-box {
  height: 85px;
  line-height: 85px;
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
  width: auto;
  transition: 0.7s;
}
.header .header-left .item h3 {
  height: 16px;
  position: relative;
  top: -16px;
  transition: all 0.5s ease;
}
.header .header-left .item:hover h3,
.header .header-left .item.hover h3 {
  top: 0;
  transition: all 0.5s ease;
}
.header .header-left .item {
  display: flex;
  height: 16px;
  align-items: center;
  line-height: 16px;
  overflow-y: hidden;
  overflow-x: visible !important;
}

/* .header .item{display:flex;height:80px;align-items: center;} */
.header .item h3 a{color:#0B2042;}
.header .item h3 a:hover,.header .item.on h3 a{color:var(--on-color)}
.header .header-right.flex{align-items: center;}
.header .header-right .choose{font-size: 16px;font-family: 'Barlow-Medium';color: #111821;margin-left: 20px;cursor: pointer;}
.header .sub{z-index:2;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;transition-duration:.6s;position: fixed;top:130px;left:0;width:100%;border-top:1px solid #E6E8EC;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .sub .wrap{display:flex;padding:15px 0 25px;flex-wrap:wrap;}
.header .sub .p{width: calc(100% / 5 - 40px);margin-right:50px;height:50px;display:flex;border-bottom:1px solid #DBDBDB;}
.header .sub .p:nth-child(5n){margin-right:0}
.header .sub .p a{display:flex;width:100%;align-items: center;height:100%;transition-duration:.6s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0B2042}
.header .sub .p:hover{border-color:#338BCF}
.header .sub .p:hover a{color:#338BCF}
.header .item:hover .sub{transform: scaleY(1);}
.header .menu .sub {
  z-index: 2;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.6s ease;
  transition: 0.6s;
  position: absolute;
  top: 90px;
  left: 0;
  width: auto;
  border-top: 1px solid #e6e8ec;
  background: #fff;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000 !important;
}
.header .menu .sub .wrap {
  display: flex;
  flex-direction: column;
  padding: 5px 0 10px;
  width: 100%;
}
.header .menu .sub .p {
  width: 100%;
  height: 40px;
  display: flex;
  border-bottom: 1px solid #d4d5d6;
  position: relative;
}
.header .menu .sub .p:nth-child(5n) {
  margin-right: 0;
}
.header .menu .sub .p a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 85%;
  transition-duration: 0.6s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2042;
  position: relative;
  padding-left: 24px;
  font-size: 16px;
}

.header .menu .sub .p:hover > a {
  color: #fff;
}
.header .menu .item:hover .sub {
  transform: scaleY(1);
}
.header .menu .sub .p a::before {
  content: "";
  width: 3px;
  height: 12px;
  border-radius: 3px;
  background-color: var(--on-color);
  left: 10px;
  top: 12px;
  position: absolute;
}
.header .menu .sub .p a::after {
  content: "";
  width: 0;
  height: 100%;
  border-radius: 3px;
  background-color: var(--on-color);
  left: 0;
  top: 0;
  position: absolute;
  transition: 0.6s;
  z-index: -1;
}
.header .menu .sub .p a:hover::after{width: 100%;}
.header .menu .sub .p a:hover::before {
  background-color: #fff;
}
.header .menu .sub::before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
  left: 20px;
  top: -19px;
  position: absolute;
}

/*banner*/
.h_banner{position: relative !important;}
.h_banner img{width: 100%;}

.h_banner .home_swi .home_pag { bottom: 25px; 
  }

  .h_banner .home_swi .h_b_box .banner_icon {
    position: absolute;
    bottom: 250px;
    left: 370px;
    z-index: 10;
    width: 415px;
  }
  
.prod-swiper .swiper-pagination{bottom: 0 !important;}
.prod-swiper {height: 630px !important;}

/* 55,495 */
.home_swi .swiper-button-prev {
    left: 2.86vw !important;
    top: 25.8vw !important;
    margin-top: 0;
    background-image: none !important;
  }
  /* 45px */
  .home_swi .swiper-button-prev i{ font-size: 2.34vw;color: #fff;opacity: 0.5;}
  .home_swi .swiper-button-prev i:hover{color: #fff;opacity: 1;}
  
  .home_swi .swiper-button-next {
    right: 2.86vw !important;
    top: 25.8vw;
    color: #fff;
    margin-top: 0;
    background-image: none !important;
  }
  .home_swi .swiper-button-next i{ font-size: 2.34vw;color: #fff;opacity: 0.5;}
  .home_swi .swiper-button-next i:hover{color: #fff;opacity: 1;}

  .home_swi .swiper-pagination .swiper-pagination-bullet{ opacity: 1; background-color: #fff; width: 16px;height: 16px;border-radius: 50%;margin-right: 15px !important;}
  .home_swi .swiper-pagination .swiper-pagination-bullet-active{width: 36px;height: 16px;border-radius: 16px;margin-right: 15px !important;}

.banner{position: relative;margin-top: 135px;}
.banner img{width:100%;}

.index-pro{padding:60px 0 130px 0}
.index-pro .wrap{display: flex;}
.index-pro .pro_l{width: 49.72%;display: flex;flex-direction: column;justify-content: space-between;}
.index-pro .pro_l .titles{max-width: 385px;margin-top: 45px;}
.index-pro .pro_l .titles p{max-width: 330px;}
.list-contaact .titles h1{text-transform: none;font-size: 48px;}
.list-contaact .titles p{max-width: 445px;}
.titles h1{font-size: 60px;font-family: 'Aileron-Bold';color: #131a2a;text-transform: uppercase;line-height: 60px;}
.titles p{font-size: 18px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 30px;margin-top: 15px;}
.index-pro .pro_l .item,.index-pro .pro_l a{width: 100%;}
.index-pro .pro_l .item img{width: 100%;}
.index-pro .pro_r{width: calc(50.28% - 20px);margin-left: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-pro .pro_r a{width: 48.57%;}
.index-pro .pro_r .item{margin-top: 20px;width: 100%;}
.index-pro .pro_r .item img{width: 100%;}
.index-pro .item{position: relative;border-radius: 8px;}
.index-pro .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background: var(--bgcolor);z-index: 0;opacity: 0.3;border-radius: 8px;transition: 0.6s;}
.index-pro .item:hover::after{height: 100%;opacity: 0.8}
.index-pro .item .pro_name{font-size: 30px;font-family: 'Aileron-Bold';color: #fff;position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 80%;text-align: center;line-height: 32px;z-index: 1;opacity: 0;transition: 0.6s;}
.index-pro .item:hover .pro_name{top: 90px;opacity: 1;}
.index-pro .item i{font-size: 35px;color: #fff;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);z-index: 1;transition: 0.6s;opacity: 0;}
.index-pro .item:hover i{bottom: 80px;opacity: 1;}

  .index-pros{position: relative;width: 100%;}
  .index-pros .prod-swiper{height: auto !important;padding-bottom: 1.38rem;margin-left: 230px;overflow: visible;}
  .index-pros .prod-swiper .swiper-wrapper{padding-top: 55px;}
  .index-pros .prod-swiper .swiper-slide{
    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
   }
   .index-pros .item i{color: #fff;}
   .index-pros .item{width: 515px;margin-left: 30px;margin-right: 30px;background-color: #fff;transition: 0.8s ease;position: relative;}
   .pro_list .list .item{width: calc(100% / 3 - 35px);margin:0 35px 70px 0;}
  .pro_list .list .item:nth-child(3n){margin-right:0;}
   .index-pros .item:hover .pics{border: 10px solid var(--on-color);}
   .index-pros .item:hover .pics img{transform: scale(1.1);}
   .index-pros .item::after{content: '';width: 100%;height: 0;background-color: var(--bgcolor);position: absolute;left: 0;bottom: 0;z-index: 0;transition: 0.8s ease;}

   .index-pros .item .pics{width: 100%;margin: 0 auto;text-align: center;background: #f4f4f4;border-radius: 12px;margin-top: 25px;box-sizing: border-box;border: 10px solid transparent;transition: 0.5s;overflow: hidden;}
   .index-pros .item .pics img{width: 96%;transition: 0.8s ease;} 
   .index-pros .item .more{padding: 0 30px;height: 70px;border-radius: 70px;background: #fff;box-shadow: 0 1px 15px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;position: absolute;right: 0;bottom: 0;transition: 0.5s;transform: translateY(50%);}
   .pro_list .list .item .more{padding: 0 30px;height: 45px;}
   
   .index-pros .item .more span{font-size: 18px;font-family: 'Aileron-Regular';color: #090a0a;transition: 0.5s;}
   .index-pros .item .more i{font-size: 20px;color: var(--on-color);margin-left: 40px;transition: 0.5s;}
   .index-pros .item:hover .more{background: var(--on-color);}
   .index-pros .item:hover .more span{color: #fff;}
   .index-pros .item:hover .more i{color: #fff;}
   .pro_list .list .item .more span{font-size: 16px;}
   .pro_list .list .item .more i{margin-left: 10px;}

   .index-pros .item .name{font-size: 24px;font-family: 'Aileron-Bold';color: #131a2a;line-height: 1;}
   .index-pros .item .txt-l{z-index: 5;}
   .index-pros .item .txt-l h1{font-size: 16px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 1;transition: 0.8s ease;margin-top: 3px;}
   .swiper-button-prev:after,.swiper-button-next:after{content: none !important}
   .index-pros .swiper-button-prev {
    left: auto !important;
    right:293px !important;
    top: 33px !important;
    margin-top: 0;
    background-image: none !important;
    width: 50px;
    height: 50px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
  }
  /* 45px */
  .index-pros .swiper-button-prev i{ font-size: 30px;color: #000;transition: 0.4s;}
  .index-pros .swiper-button-prev:hover i{ color: #fff;}
  .index-pros .swiper-button-next:hover i{ color: #fff;}
  .index-pros .swiper-button-next {
    right: 230px !important;
    top: 33px;
    color: #fff;
    margin-top: 0;
    background-image: none !important;
    width: 50px;
    height: 50px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
  }
  .index-pros .swiper-button-next:hover{background: var(--on-color);}
  .index-pros .swiper-button-prev:hover{background: var(--on-color);}
  .index-pros .swiper-button-next i{ font-size: 30px;color: #000;transition: 0.4s;}
  .swiper-container-horizontal>.swiper-wrapper {
    color: #fff;
    transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    -webkit-transition-timing-function: linear !important;
}
  .adv-titles{text-align: center;margin-bottom: 40px;}

  .advantage .swiper-slide-active .adv-item .adv_l{
  background: var(--bgcolor);
  transition: 0.8s;
}
/* .advantage .swiper-slide-active .advantage .adv-item{
   transform: scale(1) !important; 
   transition: 0.8s;
} */
.advantage .swiper-button-prev {
  left: -55px !important;
  right:auto !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0;
  background-image: none !important;
  width: 50px;
  height: 50px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 45px */
.advantage .swiper-button-prev i{ font-size: 30px;color: #000;transition: 0.4s;}
.advantage .swiper-button-prev:hover{background: var(--on-color);}
.advantage .swiper-button-prev:hover i{color: #fff;}
.advantage .swiper-button-next:hover{background: var(--on-color);}
.advantage .swiper-button-next:hover i{color: #fff;}

.advantage .swiper-button-next {
  right:0 !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: #fff;
  margin-top: 0;
  background-image: none !important;
  width: 50px;
  height: 50px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.advantage .swiper-button-next i{ font-size: 30px;color: #000;transition: 0.4s;}
.advantage{margin-top: 150px;width: 100%;}
.advantage1{margin-top: 50px;margin-bottom: 75px;}
.advantage .adv-swiper{overflow: visible;width: 100%;}
/*.advantage .adv-swiper::after{content: "";position: absolute;left: -235px;top: 0;width: 180px;height: 100%;background: #fff;z-index: 99;}*/
/* .advantage .adv-swiper .swiper-slide{margin-left: 55px;} */
.advantage .adv-item{display: flex;width: 100%;margin-right: 55px;}
.advantage .adv-item .adv_l{width: 30%;border-radius:  12px 0 0 12px;background:#d6e0eb;padding-left: 70px;padding-right: 15px;display: flex;flex-direction: column;align-items: flex-start;transition: 0.8s;}
.advantage .adv-item .adv_l .icon{margin-top: 105px;}
.advantage .adv-item .adv_l h1{font-size: 30px;color: #fff;font-family: 'Aileron-Bold';margin-top: 40px;}
.advantage .adv-item .adv_l p{font-size: 16px;color: #fff;font-family: 'Aileron-Regular';margin-top: 40px;line-height: 26px;margin-top: 20px;}
.advantage .adv-item .adv-pic{width: 66%;overflow: hidden;border-radius:  0 12px 12px 0;}
.advantage .adv-item .adv-pic img{width: 100%;}
.advantage .adv-item .more{width: 200px;height: 60px;border-radius: 60px;background: #fff;box-shadow: 0 1px 15px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;transition: 0.5s;margin-top: 100px;position: relative;z-index: 0;}
.advantage .adv-item .more::after{content: "";position: absolute;width: 0;height: 100%;background: #049ae2;transition: 0.5s;left: 0;top: 0;z-index: 1;border-radius: 60px;opacity: 0;}
.advantage .adv-item .more:hover::after{width: 100%;opacity: 1;}
.advantage .adv-item .more span{font-size: 18px;font-family: 'Aileron-Regular';color: #090a0a;transition: 0.5s;z-index: 2;}
.advantage .adv-item .more:hover span{color: #fff;}
.advantage .adv-item .more i{font-size: 20px;color: var(--on-color);margin-left: 40px;transition: 0.5s;z-index: 2;}
.advantage .adv-item .more:hover i{transform: scale(1.15) rotate(360deg);color: #fff;}
.about-t .contents{display: flex;justify-content: space-between;align-items: flex-end;}
.about-t .titleo .xh{font-size: 16px;font-family: 'Aileron-Regular';color: #131a2a;text-align: left;margin-bottom: 30px;display: inline-block;}
.about-t .titleo h1{font-size: 48px;font-family: 'Aileron-Bold';color: #131a2a;line-height: 48px;text-align: left;}
.about-t .titleo h1 span{color: var(--on-color);}
.about-t .content{font-size: 18px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 30px;margin-top: 40px;width: 67%;}
.about-t .content1{margin-top: 20px;}
.about-t button{width: 165px;height: 50px;background: var(--bgcolor);border-radius: 50px;border: none;font-family: 'Aileron-Regular';color: #fff;display: flex;justify-content: center;align-items: center;margin-top: 35px;transition: 0.7s;font-size: 16px;cursor: pointer;}
.about-t button i{color: #fff;font-size: 16px;margin-left: 8px;}
.about-t button:hover{transform: scale(1.1);}
.about-b{width: 100%;height: 505px;background: url('/skin/images/data_back_02.png') no-repeat;margin-top: 35px;overflow: hidden;background-size: cover;}
.list-about .sidebar{width: 470px;}
.about-r{width: calc(100% - 470px);}
.about-r .content{width: 100%;}
.about-r .content p{width: 100%;font-size: 18px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 30px;}
.about-data .bn-list li h2 .number{color: #0d1a27;}
.about-data .bn-list li .des{color: #0d1a27;}
.about-data .bn-list{margin-top: 110px;height: 240px;border-top: 1px solid #cfd1d4;border-bottom: 1px solid #cfd1d4;align-items: center;}
.bn-list{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 375px;
  align-items: flex-start;
}

.bn-list li {
  transition: 1s ease;
  /* flex-direction: column;
  border-radius: 13px;
  display: flex;
  align-items: flex-start;
  justify-content: center; */
  width: auto !important;
  cursor: pointer;
  transition: 0.7s;
}
/* .bn-list li:hover .number{color: #88b14b;} */
.bn-list li h2 {
  position: relative;
  display: flex;
  align-items: center;
}

.bn-list li h2 .number {
  font-size: 60px;
  color: #fff;
  font-family: 'Aileron-Bold';
  line-height: 60px;
}

.bn-list li .des {
  text-align: left;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-family: 'Aileron-Regular';
  line-height: 1;
  margin-top: 10px;
}
.index-contact .titles h1{line-height: 50px;text-transform: none;font-size: 48px;}
.index-contact .titles h1 span{color: var(--on-color);font-size: 50px;line-height: 50px;}
.index-contact .titles p{font-size: 16px;line-height: 30px;max-width: 505px;margin-top: 35px;}
.index-contact .con-top{display: flex;justify-content: space-between;}
.index-contact .con-top .conts>span {font-size: 16px;font-family: 'Aileron-Regular';color: #131a2a;}
.index-contact .con-top .conts p {font-size: 16px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 24px;margin-top: 10px;}
.index-contact .con-top .conts .btn{width: 180px;height: 40px;background: var(--bgcolor);border-radius: 40px;display: flex;justify-content: center;align-items: center;margin-top: 30px;position: relative;}
.index-contact .con-top .conts .btn::after{content: "";position: absolute;width: 0;height: 100%;background: #049ae2;transition: 0.5s;right: 0;top: 0;z-index: 1;border-radius: 60px;opacity: 0;}
.index-contact .con-top .conts .btn:hover::after{width: 100%;opacity: 1;}

.index-contact .con-top .conts .btn i{font-size: 25px;color: #fff;margin-right: 10px;z-index: 2;}
.index-contact .con-top .conts .btn span{font-size: 16px;color: #fff;font-family: 'Aileron-Regular';z-index: 2;}
.index-contact .map{transform: translateY(-80px);}

.index-down{position: relative;}
.index-down .back-down,.index-down .back-down img{width: 100%;}

.index-down .down-box{border-radius: 12px;display: flex;align-items: flex-start;width: 100%;justify-content: space-between;margin: 0 auto;border: 1px solid #e8e8e8;height: 450px;}
.index-down .down-box .down-l{position: relative;padding-left: 70px;display: flex;width: 62%;border-right: 1px solid #e8e8e8;justify-content: space-between;align-items: center;height: 100%;}
.index-down .down-box .down-l .txts-box{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.index-down .down-box .down-l .txts-t{cursor: pointer;margin-top: 60px;}
.index-down .down-box .down-l .txts-t:hover span, .index-down .down-box .down-l .txts-t:hover h1{color: var(--on-color);}
.index-down .down-box .down-l .txt-t{display: flex;align-items: center;}
.index-down .down-box .down-l .txt-t i{font-size: 40px;color: var(--on-color);}
.index-down .down-box .down-l .txt-t span{font-size: 27px;font-family: 'Aileron-Bold';color: #131a2a;margin-left: 30px;transition: 0.8s;}
.index-down .down-box .down-l .txts-t h1{font-size: 45px;font-family: 'Aileron-Bold';color: #131a2a;margin-left: 70px; transition: 0.8s;}
.index-down .down-box .down-l .txts-b{margin-left: 70px;}
.index-down .down-box .down-l .txts-b p{font-size: 18px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 22px;}
.index-down .down-box .down-l .txts-b .cfx{width: 185px;height: 70px;background: var(--bgcolor);margin-top: 27px;}
.index-down .down-box .down-l .ewcode{margin-right: 70px;}
.index-down .down-box .down-r{display: flex;align-items: center;justify-content: center;width: 38%;height: 100%;}
.index-down .down-box .down-r .cata-box{display: flex;align-items: center;flex-direction: column;}
.index-down .down-box .down-r .cata-box h1{font-size: 36px;font-family: 'Aileron-Bold';color: var(--on-color);line-height: 1;margin-bottom: 30px;}

.index-down .down-box .down-r .btn{width: 170px;height: 50px;background: var(--bgcolor);border-radius: 40px;display: flex;justify-content: center;align-items: center;margin-top: 15px;transition: 0.8s;}
.index-down .down-box .down-r .btn i{font-size: 20px;color: #fff;margin-right: 10px}
.index-down .down-box .down-r .btn span{font-size: 16px;font-family: 'Aileron-Regular';color: #fff;}
.index-down .down-box .down-r .btn:hover{transform: translateY(-10px);}
.index-down .down-box .down-l .ewcode img{width: 220px;}

.factory .title{font-family: 'Aileron-Bold';font-size: 48px;color: #0d1a27;text-align: center;}
.factory .fac-swiper{background: var(--bgcolor);}
.fac-swiper .swiper-wrapper {  

  transition-timing-function:linear !important;
  -webkit-transition-timing-function: linear !important;   
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

/* .factory .swiper-wrapper .swiper-slide:nth-child(2) .item .fac-pic{margin-top: 240px;} */
/* .factory .swiper-wrapper .swiper-slide:nth-child(3) .item .fac-pic{margin-left: 40px;}
.factory .swiper-wrapper .swiper-slide:nth-child(4) .item .fac-pic{margin-top: 300px;}
.factory .swiper-wrapper .swiper-slide:nth-child(5) .item .fac-pic{margin-top: -90px;margin-left: -60px;} */

.partner .title{font-family: 'Aileron-Bold';font-size: 50px;color: #fff;text-transform: uppercase;position: absolute;left: 244px;top: 50px;}
.partner .des{font-family: 'Aileron-Regular';font-size: 30px;color: #fff;max-width: 620px;line-height: 38px;position: absolute;left: 244px;top: 110px;}
table{ border-collapse: collapse; border-spacing: 0;}
 
.partner #list{
height: 100%;
}

.partner #list table a span{
  font-size: 36px;
  color: #fff;
  display: inline-block;
  width: 150px;
  font-family: 'ALIBABA-PUHUITI-BOLD';
}
.partner #list table td{width: auto;height: auto;vertical-align: top;}
.logos-wrap {width: 100% !important;margin: auto;position: relative;height: 100%;display: flex;align-items: center;}

  .partner{width: 100%;height: 930px;margin: 0 auto;margin-top: 50px;background-color: var(--bgcolor);overflow: hidden;padding-bottom: 105px;position: relative;}
 
  .partner .logos{width:100%;height: 100%;}
  /*.partner .picc td:nth-child(1) .item .fac-pic{margin-top:725px;margin-left: 244px;}*/
.partner .picc td:nth-child(5n+1) .item .fac-pic{width: 220px;margin-left: 290px;margin-top: 465px;}
.partner .cir{content: '';position: absolute;width: 735px;height: 735px;top: 65px;left: 570px;border-radius: 50%;background: transparent;border: 2px solid rgba(255,255,255,.5);z-index: -5;}
.partner .picc td:nth-child(5n+2) .item .fac-pic{margin-left: 190px;width: 190px;margin-top: 225px;}
.partner .picc td:nth-child(5n+3) .item .fac-pic{margin-top: 525px;width: 400px;margin-left: 160px;}
.partner .picc td:nth-child(5n+4) .item .fac-pic{margin-top: 130px;margin-left: -60px;width: 320px;}
.partner .picc td:nth-child(5n+5) .item .fac-pic{margin-top: 265px;margin-left: 130px;width: 340px;}
.partner .picc td .item .fac-pic{position: relative;cursor: pointer;}
.partner .picc td .item .fac-pic h1{position: absolute;font-size: 36px;font-family: 'Aileron-Regular';max-width: 160px;line-height: 36px;color: #fff;bottom: -50px;left: -20px;min-height:70px;}
.partner .picc td .item .fac-pic .intr{position: absolute;font-size: 20px;font-family: 'Aileron-Regular';bottom: -75px;left: -20px;color: #fff;}
.partner .picc td .item .fac-pic .site{position: absolute;font-size: 12px;font-family: 'Aileron-Regular';bottom: -105px;left: 20px;color:rgba(255,255,255,.5);}
.partner .picc td .item .fac-pic .more{position: absolute;bottom: -55px;right: -75px;color:rgba(255,255,255,.5);width: 100px;height: 100px;background: #0199e2;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;transform: scale(0);transition: 0.8s;opacity: 0;}
/*.partner .picc td:nth-child(1) .item .fac-pic .more{right: -220px;bottom: -80px;}*/
.partner .picc td .item .fac-pic:hover .more{transform: scale(1);opacity: 1;}
.partner .picc td .item .fac-pic .more i{font-size: 25px;color: #fff;}
.partner .picc td .item .fac-pic .more h2{font-size: 18px;color: #fff;font-family: 'Aileron-Regular';}
.partner .iso{position: absolute;left: 244px;top: 725px;}
.partner .iso h1{font-size: 36px;font-family: 'Aileron-Regular';max-width: 160px;line-height: 36px;color: #fff;}
.partner .iso span{font-size: 20px;font-family: 'Aileron-Regular';color: #fff;}

.catalog .titlex{display: flex;align-items: center;width: 100%;flex-direction: column;margin-top: 80px;}
.catalog .titlex .title_s{font-size: 18px;color: #131a2a;font-family: 'Aileron-Regular';text-align: center;}
.catalog .titlex h1{font-size: 60px;color: #131a2a;font-family: 'Aileron-Bold';line-height: 60px;max-width: 430px;text-align: center;}
.catalog .message .form-div{display: flex;position: relative;width: 69.8%;margin: 0 auto;margin-top: 30px;}
.catalog .message .form-div .email
{color:#131a2a; font-family: 'Aileron-Regular';font-size: 16px; width: calc(100% - 200px);height: 50px;padding-left: 22px;border: 1px solid #d5d5d5;border-radius: 3px;background: none;border-radius: 50px 0 0 50px;}
.catalog .message .form-div .email::placeholder{color:#131a2a; font-family: 'Barlow-Medium';font-size: 16px;}
.catalog  .message #submit{transition: 1s ease;display: block; width: 200px;height: 50px;background-color: #336699;font-size: 16px;color: #fff;font-family: 'Aileron-Regular';border-radius: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin-left: -20px;}
.catalog .message #submit i{margin-right: 5px;}
.catalog .message #submit:hover,.catalog .btn:hover{background: #0199e2;border-color: #0199e2;}
.catalog iframe{margin-top: 50px;height: 690px;width:100%;}
.catalog  .btn{transition: 1s ease;display: block; width: 200px;height: 50px;background-color: #336699;font-size: 16px;color: #fff;font-family: 'Aileron-Regular';border-radius: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: 40px;}
.cata-banner .h_banner{margin-top: 90px;overflow: hidden;border-radius: 8px;height: 650px;}
.cata-banner .h_banner .banner_icon{width: 270px !important;}
.cata-banner .cata-pro{width: 85%;height: 285px;background-color: #fff;box-shadow: 0px 0px 20px rgba(51, 102, 153, 0.1);border-radius: 13px;margin: 0 auto;margin-top: -70px;position: relative;z-index: 5;display: flex;flex-direction: column;} 
 .titlex{display: flex;align-items: center;width: 100%;flex-direction: column;margin-top: 80px;}
 .titlex .title_s{font-size: 18px;color: #131a2a;font-family: 'Aileron-Regular';text-align: center;}
 .titlex h1{font-size: 60px;color: #131a2a;font-family: 'Aileron-Bold';line-height: 60px;max-width: 430px;text-align: center;}
 .cata-pro .titlex{margin-top: 30px;}
 .cata-pro .titlex h1{max-width: 770px;font-size: 48px;line-height: 48px;margin-top: 25px;}
 .cata-pro .titlex h1 span{color: var(--on-color);}
 .cata-pro .btn{transition: 1s ease;width: 230px;height: 50px;background-color: #336699;font-size: 16px;color: #fff;font-family: 'Aileron-Regular';border-radius: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: 30px;}


 .cate-swiper{margin-top: 15px;}
 .cate-swiper .swiper-slide{display: flex;justify-content: center;align-items: center;}
.cata-cate .item{margin-top: 20px;width: 100%;}
.cata-cate .item img{width: 100%;border-radius: 10px !important;}
.cata-cate a{width: 95%;}
.cata-cate .item{position: relative;border-radius: 8px;width: 100%;height: 100%;}
.cata-cate .item:nth-child(1) img{
    height: 100%;
}
.cata-cate .item::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background: var(--bgcolor);z-index: 0;opacity: 0.3;border-radius: 8px;transition: 0.6s;}
.cata-cate .item:hover::after{height: 100%;opacity: 0.8}
.cata-cate .item .pro_name{font-size: 30px;font-family: 'Aileron-Bold';color: #fff;position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 80%;text-align: center;line-height: 32px;z-index: 1;opacity: 0;transition: 0.6s;}
.cata-cate .item:hover .pro_name{top: 90px;opacity: 1;}
.cata-cate .item i{font-size: 35px;color: #fff;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);z-index: 1;transition: 0.6s;opacity: 0;}
.cata-cate .item:hover i{bottom: 80px;opacity: 1;}

.footer .list{display: flex;background-color: var(--bgcolor);padding: 60px 0;}
.footer .list>.wrap{display: flex;}
.footer .list .logof{width: 100px;height: 95px;}
.footer .list .title{font-size: 18px;font-family: 'Barlow-SemiBold';color: #fff;line-height: 1;}
.footer .list .menus{display: flex;align-items: center;margin-bottom: 20px;cursor: pointer;}
.footer .list .menus i{font-size: 28px;color: #fff;margin-right: 20px;}
.footer .list .menus span{font-size: 18px;color: #fff;font-family: 'Barlow-Medium';}
.footer .info-f {
  /* height: 50px; */
  margin-right: 5px;
  margin-top: 30px;
  margin-bottom: 35px;
  flex-direction: column;
}
.footer .info-f .ico {
  align-items: center;
}
.footer .info-f .ico a {
  position: relative;
  color: #fff;
  margin-right: 30px;
}
.footer .info-f .ico a i{ font-size: 22px;}
.footer .info-f .ico a:hover {
  color: #0199e2;
}
.list_box1{margin-left: 100px;width: 355px;}
.list_box2{margin-left: 90px;}
.list_box3{margin-left: 245px;}
.footer .message .form-div{display: flex;position: relative;}
.footer .message .form-div .email
{color:#fff; font-family: 'Aileron-Regular';font-size: 16px; width: 230px;height: 40px;padding-left: 22px;border: 1px solid #fff;border-radius: 3px;background: none;border-radius: 40px 0 0 40px;}
.footer .message .form-div .email::placeholder{color:#fff; font-family: 'Barlow-Medium';font-size: 16px;}
/* .footer{width: 100%; display: flex;justify-content: space-between;}
.footer{display: flex;} */
.footer .list_box1 .message #submit{transition: 1s ease;display: block; width: 120px;height: 40px;background-color: #0d1a27;font-size: 18px;color: #fff;font-family: 'Barlow-Medium';border-radius: 0 40px 40px 0;cursor: pointer;display: flex;align-items: center;justify-content: center;border: 1px solid #0d1a27;}
.footer .message #submit i{margin-right: 5px;}
.list_box1 p{font-size: 14px;color: #fff;font-family: 'Barlow-Medium';margin-top: 25px;line-height: 24px;}
.footer .message #submit:hover{background: #0199e2;border-color: #0199e2;}

.footer{color:#fff;margin-top: 60px;}
.footer .info{display: flex;justify-content: space-between;flex-wrap: wrap;background: #0d1a27;padding-bottom: 50px;}

.footer .info .info-l{width: 580px;}
.footer .info .dls{display: flex;margin-top: 60px;flex-wrap: wrap;width: 100%;}
.footer .info .dls .dl{margin-right: 30px;}
.dl .dl-title {
  font-size: 20px;
  width: 250px;
  border-bottom: 1px solid #4d5057;
  padding-bottom: 20px;
  font-family: 'Aileron-Bold';
  color: #fff;
}
.footer .info .dls dt:hover a{margin-left: 5px;}
.dl>dd a{
  color: #fff !important;
  line-height: 40px;
  font-size: 16px;
  font-family: 'Aileron-Regular';
}
.dl>dt a{color: #fff;}
.dl>dd:nth-child(2) {
  margin-top: 10px;
}

.footer .info .dls .dl dd span{position: relative;}
.footer .info .dls .dl dd span:hover::after{width: 100%;}
.footer .info .dls .dl dd span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: var(--bgcolor);
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
  transform-origin: 50% 50%;
}
.footer .info .message{width: 690px;}
.footer .info .dls .dl dd span:hover{color: var(--on-color);}
.footer .info .message .mes-title{margin-bottom: 15px; margin-top: 65px; font-size: 24px;font-family: 'Aileron-Bold';color: #fff;display: flex;align-items: center;}
.footer .info .message .mes-title i{font-size: 28px;margin-right: 16px;color: #fff;}
.footer .info .message .mes-des{font-size: 16px;font-family: 'Aileron-Regular';color: #fff;line-height: 27px;}
.footer .info .message form{margin-top: 40px;}
.footer .info .message .form-div{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.footer .info .message .form-div .name,.footer .info .message .form-div .mw
{color:#000; font-family: 'Barlow-Medium';font-size: 16px; width: 330px;height: 45px;padding-left: 16px;box-sizing: border-box;border: 1px solid #000;background: #f8f8f8;border-radius: 45px;}
.footer .info{width: 100%; display: flex;}
.footer .info .message .form-div .btn{display: flex;justify-content: center;align-items: center; background-color: #ea1b25; width: 45px !important;height: 45px !important;}
/* .footer .info .message .label-name,.footer .info .message .label-mw{display: flex;} */
.footer .info .message .content{padding-top: 14px; width:100%;height: 105px;padding-left: 16px;margin-bottom: 20px;font-size: 16px;border: 1px solid #000;background: #f8f8f8;border-radius: 16px;}
.footer .info .message #submit{transition: 1s ease; display: flex; height:45px;background-color: var(--bgcolor);border: none;align-items: center;justify-content: center;border-radius: 45px;padding: 0 30px;position: relative;}
.footer .info .message #submit span{font-size: 18px;color: #fff;font-family: 'Aileron-Regular';z-index: 2;}
.footer .info .message #submit::after{content: "";position: absolute;width: 0;height: 100%;background: #049ae2;transition: 0.5s;left: 0;top: 0;z-index: 1;border-radius: 60px;opacity: 0;}
.footer .info .message #submit:hover::after{width: 100%;opacity: 1;}
.footer .info .message #submit i{ margin-right: 10px;font-size: 26px;z-index: 2;color: #fff;}
.footer .info .message #submit:hover{border-radius: 45px;}
.footer .info .message .ipt-title{font-size: 18px;font-family: 'Aileron-Regular';color: #fff;margin-bottom: 20px;}
.footer .info .message .label-content{margin-top: 25px !important;}

.footer .info .form-div .code_box{
  position: relative;
  display: flex;
}
.footer .info .form-div .code_box input{background: #f8f8f8;width: 490px;height: 45px;padding-left: 16px;border-radius: 45px;}
.footer .info .form-div .code_box img {
  height: 45px;
  position: absolute;
  right: 24px;
  top: 0;
  cursor: pointer;
}

.footer .bottom{padding:40px 0 60px;border-top:1px solid #26313d;background: #0d1a27;}
.footer .bottom p,.footer .bottom p a{color:#FFFFFF;font-size:14px;font-family: 'Aileron-Regular';}

.list-contaact .contact_box .message{width: 690px; float: right;}
.list-contaact .contact_box .dls .dl dd span:hover{color: var(--on-color);}
.list-contaact .contact_box .message .mes-title{margin-bottom: 15px; margin-top: 65px; font-size: 24px;font-family: 'Aileron-Bold';color: #131a2a;display: flex;align-items: center;}
.list-contaact .contact_box .message .mes-title i{font-size: 28px;margin-right: 16px;color: var(--on-color);}
.list-contaact .contact_box .message .mes-des{font-size: 16px;font-family: 'Aileron-Regular';color: #131a2a;line-height: 27px;}
.list-contaact .contact_box .message form{margin-top: 40px;}
.list-contaact .contact_box .message .form-div{display: flex;width: 100%;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.list-contaact .contact_box .message .form-div .name,.list-contaact .contact_box .message .form-div .mw
{color:#000; font-family: 'Aileron-Regular';font-size: 16px; width: 330px;height: 45px;padding-left: 16px;box-sizing: border-box;border: 1px solid #000;border-radius: 7px;background: #fff;}
/* .list-contaact .contact_box{width: 100%; display: flex;} */
.list-contaact .contact_box .message .form-div .btn{display: flex;justify-content: center;align-items: center; background-color: #ea1b25; width: 45px !important;height: 45px !important;}
.list-contaact .contact_box .message .content{padding-top: 14px; width:100%;height: 105px;padding-left: 16px;margin-bottom: 20px;font-size: 16px;border: 1px solid #000;border-radius: 7px;background: #fff;}
.list-contaact .contact_box .message #submit{transition: 1s ease; display: flex; width: 170px;height:45px;background-color: var(--bgcolor);font-size: 18px;color: #fff;font-family: 'Aileron-Regular';border: none;align-items: center;justify-content: center;border-radius: 7px;}
.list-contaact .contact_box .message #submit i{ margin-right: 10px;font-size: 26px;}
.list-contaact .contact_box .message #submit:hover{border-radius: 45px;}
.list-contaact .contact_box .message .ipt-title{font-size: 18px;font-family: 'Aileron-Regular';color: #fff;margin-bottom: 20px;}
.list-contaact .contact_box .message .label-content{margin-top: 25px !important;}

.list-contaact .contact_box .form-div .code_box {
  position: relative;
  border: 1px solid #000;
  border-radius: 7px !important;
}
.list-contaact .contact_box .message input::placeholder,.list-contaact .contact_box .message .content::placeholder{color: #131a2a;}
.list-contaact .contact_box .codebox .form-div .code_box input{width: 490px;height: 45px;padding-left: 16px;border-radius: 7px !important;}
.list-contaact .contact_box .form-div .code_box img {
  height: 45px;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
}

.location{display:flex;align-items: center;border-bottom:1px solid #CED2D9;height:55px;;}
.location a{text-transform:capitalize}
.location i{margin:0 10px;}
.location a:last-child{color:#338BCF}

.sidebar{width:380px;}
.sidebar .sticky{position:sticky;top:150px;}
.list-products .sidebar{margin-right: 30px;}
.sidebar .bd .item h3 a{border-bottom:2px solid var(--on-color);font-size:24px;position:relative;font-family: 'Aileron-Bold';line-height: 60px;padding-bottom: 5px;white-space: nowrap;}
.sidebar .bd .item.on h3 a::before{content: ""; width: 20px;height: 20px;border-radius: 50%;background: transparent;border: 6px solid var(--on-color);position: absolute;top: -0px;left: -25px;box-sizing: border-box;z-index: -1;}
.sidebar .bd .item.on h3 a,.sidebar .bd .item h3 a:hover{color:var(--on-color)}
.sidebar .bd .item .sub{padding:20px 0;}
.sidebar .bd .item .sub a{margin-bottom:20px;display:flex;align-items:center;}
.sidebar .bd .item .sub a i{font-size:13px;width:25px;margin-left:10px;}
.sidebar .bd .item .sub a span{width: calc(100% - 35px);}
.sidebar .bd .item .sub a:last-child{margin-bottom:0;}
.sidebar .bd .item .sub a.on,.sidebar .bd .item .sub a:hover{color:#338BCF}
.content{width:calc(100% - 410px)}

.list-download .t{text-transform:uppercase;margin-bottom:40px;font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;}
.list-download .list .item{margin-bottom:25px;}
.list-download .list .item a{transition-duration:.5s;display:flex;padding:20px 40px 20px 30px;box-shadow: 0 5px 10px rgba(0,0,0,0.12);border-radius:5px;}
.list-download .list .item .name{display:flex;width:80%;}
.list-download .list .item .name .i{width:40px;display:flex;align-items: center;}
.list-download .list .item .name .i i{height:22px;width:22px;background:#338BCF;font-size:0;border-radius:22px;}
.list-download .list .item .name .info{width: calc(100% - 40px);}
.list-download .list .item .name .info h3{transition-duration:.5s;font-size:18px;color:#0B2042}
.list-download .list .item .name .info p{transition-duration:.5s;padding-top:8px;color:#0B2042;font-size:12px;opacity:.6;}
.list-download .list .item .name .info p i{font-size:12px;margin-right:5px;}
.list-download .list .item .more{display:flex;align-items: center;}
.list-download .list .item .more i{transition-duration:.5s;}
.list-download .list .item .more i:last-child{color:#338BCF;margin-left:20px;}
.list-download .list .item:hover a{background:#338BCF}
.list-download .list .item:hover .name .i i{font-size:24px;color:#fff;background:none;;}
.list-download .list .item:hover .name .info h3{color:#fff}
.list-download .list .item:hover .name .info p{opacity:.6;color:#fff;}
.list-download .list .item:hover .more i{color:#fff;}

.list-news .sidebar{width: 280px;}
.list-news .content{width: calc(100% - 280px);}
.list-news .list {width: 100%;}
.list-news .list .item {
  display: flex;
  margin-top: 50px;
  flex: 1;
  border-bottom: 1px solid #d0d1d4;
  padding-bottom: 55px;
  align-items: center;
}
.news_list .list{display: flex;width: 100%;height: auto;}
.news_list .list a{width: calc(100% / 4 - 75px);margin-right: 75px;height: auto !important;}
.news_list .list .item{flex-direction: column;width: 100% !important;border: none;padding-bottom: 0;} 
.news_list .list a:nth-child(4n){margin-right: 0;}

.list-news .list .item .news_pic{border-radius: 10px;overflow: hidden;width: 390px;}
.news_list .list .item .news_pic{width: 100%;margin-bottom: 15px;}
.list-news .list .item .news_pic img{width: 100%;}
.list-news .list .item .item-r{margin-left: 40px;width: calc(100% - 430px);}

.news_list .list .item .item-r{margin-left: 0;width: 100%;}
.hot_news{margin-top: 80px;}
.hot_news .title{font-size: 48px;color: #0d1a27;font-family: 'Aileron-Bold';margin-bottom: 0;}
/* .list-news .content{width: 100%;} */
.list-news .list .item:last-child {
  margin-bottom: 50px;
}
.list-news .list .item h2 {
  font-size: 24px;
  color: var(--on-color);
  padding-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 10px;
  font-family: 'Aileron-Bold';
}
.list-news .list .item p {
  margin: 23px 0 19px;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: 'Aileron-Regular';
  margin-bottom: 20px !important;
}
.list-news .list .item .date{
  font-size: 14px;
  color: #a8a9ab;
  font-family: 'Aileron-Regular';
  }
.list-news .list .item .more {
  transition-duration: 0.6s;
  color: var(--on-color);
  border-bottom: 2px solid var(--on-color);
  font-family: 'Aileron-Regular';
  padding-bottom: 2px;
  font-size: 16px;
}
.list-news .list .item:hover .more {
  margin-left: 10px;
}

.list-news .show .t h2{font-size:24px;color:var(--on-color);line-height:24px;font-family: 'Aileron-Bold';}
.list-news .show .t .time{padding:20px 0 30px;color:#131a2a;opacity:.5;font-size:14px;}
.list-news .show .c{margin-bottom:30px;padding:30px 0;color:#131a2a;font-size:16px;line-height:28px;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;color:#131a2a;line-height:24px;}
.list-news .show .m .top_bottom_page p a:hover{color:var(--on-color)}
.list-news .show .m .btn{border-radius:50px;width:140px;height:50px;display:flex;align-items: center;background:var(--bgcolor);color:#fff;font-size:16px;justify-content: center;font-family: 'Aileron-Regular';transition: 0.7s;}
.list-news .show .m .btn img{margin-right:5px}
.list-news .show .m .btn:hover{border-radius:0;}

.list-products .sidebar{width: 380px;}
.list-products .sidebar .t{padding-top:33px}
.list-products .sidebar .t h2{text-transform:uppercase;font-size:30px;}
.list-products .content{width: calc(100% - 410px);}
.list-products.main{padding-bottom: 0 !important;}
.list-products .content .title{margin-bottom:15px;padding-bottom:12px;font-size: 48px;font-family: 'Aileron-Bold';border-bottom:2px solid #131a2a;}
.list-products .content .title2{margin-bottom:55px;margin-top: 80px;}

/* .list-products .body{margin-top: 40px;} */
.list-products .body table{width:100%;display:block;}
.list-products .body table tbody{display:flex;flex-wrap:wrap;justify-content:space-between;}
.list-products .body table tbody tr{display:flex;align-items:center;width:100%;border-bottom: 1px solid #898c94;}
.list-products .body table tbody td{position: relative;padding: 25px 0;}
.list-products .body table tbody tr td:first-child{font-size: 24px;font-family: 'Aileron-Bold';width: 335px;}
.list-products .body table tbody tr td:last-child{width:auto;text-align:left;padding-left: 10px;font-size:16px;color:#000;font-family: 'Barlow-Medium';line-height: 30px;}

.list-products .body ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.list-products .body ul li{width:calc(50% - 30px);height:50px;border-bottom:1px solid #CED2D9;display:flex;align-items: center;}
.list-products .head{padding:0 0 40px 0;margin-bottom:40px}
.list-products .head .img_list{z-index:2;width:600px;}
.list-products .head .img_list .datu{width: calc(100% - 100px);background: #f4f4f4;border-radius: 12px;height: 500px;}
.list-products .head .img_list .datu img{width:100%;border-radius: 12px;}
.list-products .head .img_list .xiaotu{width:80px;display:flex;flex-wrap:wrap;align-content: space-between;height: 500px;}
.list-products .head .img_list .xiaotu li{transition-duration:.5s;width:80px;height:80px;margin-bottom:15px;border:3px solid transparent;border-radius: 8px;background: #f4f4f4;}
.list-products .head .img_list .xiaotu li:hover{border-color:var(--on-color)}
.list-products .head .img_list .xiaotu li img{width:100%;}
.list-products .head .img_list .xiaotu .btn{width:100%}
.list-products .head .img_list .xiaotu .btn a{cursor: pointer;;background:#0d1a27;width:50%;height:25px;display:flex;justify-content: center;align-items: center;}
.list-products .head .img_list .xiaotu .btn a:hover{background:var(--on-color)}
.list-products .head .img_list .xiaotu .btn a:nth-child(1){border-radius:3px 0 0 3px;}
.list-products .head .img_list .xiaotu .btn a:nth-child(2){border-radius:0 3px 3px 0;}
.list-products .head .img_list .xiaotu .btn a i{color: #fff;}
.list-products .head .txt_list{width: calc(100% - 600px);display:flex;flex-wrap:wrap;padding-left: 30px;}
.list-products .head .txt_list .txt_list_t{width:100%}
.list-products .head .txt_list .t{border-bottom:1px solid #CCCCCC;}
.list-products .head .txt_list .t h2{padding-top:8px;color:#0d1a27;font-size:24px;font-family: 'Aileron-Bold';}
.list-products .head .txt_list .t p{padding-top:8px;color:#131a2a;font-size: 16px;font-family: 'Aileron-Regular';padding-bottom: 15px;line-height: 1;}
.list-products .head .txt_list .c .nav{display:flex;padding-top: 18px;border-bottom:1px solid #CCCCCC;padding-bottom: 18px;}
.list-products .head .txt_list .c .nav a{width:44px;height:44px;border-radius:50%;margin-right:10px;display:flex;align-items: center;justify-content: center;color:#fff;background:#000000;}
.list-products .head .txt_list .c .nav a i{font-size: 16px;}
.list-products .head .txt_list .c .nav a:hover{border-color:var(--on-color);background:var(--on-color);color:#fff;border-radius: 50%;}

.list-products .head .txt_list .b .message_btn{transition-duration:.5s;cursor: pointer;background:var(--bgcolor);height:40px;border-radius:6px;display:flex;align-items: center;justify-content: center;margin-top: 30px;}
.list-products .head .txt_list .b .message_btn i{margin-right:10px;color: #fff;font-size: 20px;}
.list-products .head .txt_list .b .message_btn span{color:#fff;}
.list-products .head .txt_list .b .message_btn:hover{border-radius:30px}
.list-products .head .txt_list .txt_list_m{width:100%;padding-top:8px;}
.list-products .head .txt_list .b{border:1px solid #CCCCCC;padding-bottom: 22px;padding-left: 15px;padding-right: 15px;border-radius: 5px;margin-top: 15px;width: 100%;}
.list-products .head .txt_list .b h1{color:#000;font-size:30px;font-family: 'Aileron-Bold';margin-top: 20px;}
.list-products .head .txt_list .b p{color:#000;font-size:16px;font-family: 'Aileron-Regular';margin-top: 20px;line-height: 24px;max-width: 290px;}
.list-products .head .txt_list .b span{color:#000;font-size:16px;font-family: 'Aileron-Regular';}
.list-products .head .txt_list .b span a{color: var(--on-color);}
.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}
.list-products .head .txt_list .txt_list_m .ico a:first-child{border:0;margin:0;padding:0;}
.list-products .head .txt_list .c .des{color:#09090b;font-size:16px;font-family: 'Barlow-Medium';line-height: 30px;padding-top: 10px;margin-top: 16px;padding-bottom: 10px;width: 220px;}

.list-about .bd .pic{width:630px;position: relative;}
.list-about .bd .pic img{width:100%}
.list-about .bd .pic .video_btn{position: absolute;z-index:2;right:18px;top:18px;cursor: pointer;}
.list-about .bd .pic .video_btn img{transition-duration:.5s;}
.list-about .bd .pic .video_btn:hover img{transform: rotate(360deg);}
.list-about .bd .txt{width:calc(100% - 700px)}
.list-about .bd .txt h2{position: relative;font-size:18px;padding-left:30px;}
.list-about .bd .txt h2:after{position: absolute;left:0;top:50%;width:25px;height:3px;background:#0B2042;margin-top:-1.5px;content:"";}
.list-about .bd .txt h3{margin:30px 0 10px;text-transform:uppercase;font-size:40px;line-height:38px;font-family: 'Barlow-ExtraBold';font-style: italic;}
.list-about .bd .txt h3 span{color:#338BCF}
.list-about .bd .txt p{font-size:16px;line-height:24px;color:#0B2042;margin-bottom:25px}
.list-about .data{display:flex;padding-top:45px;margin-top:55px;border-top:1px solid #CED2D9;}
.list-about .data .item{width:25%;padding-left:45px;}
.list-about .data .item i{font-size:36px;color:#338BCF}
.list-about .data .item h3{font-size:33px;margin:3px 0;color:#0B2042;font-family: 'Barlow-ExtraBold';font-style: italic;}
.list-about .data .item p{font-size:10px;margin-bottom:0;}
.list-about-advantage{padding:70px 0 80px;background:#338BCF;text-align:center;color:#fff;}
.list-about-advantage .t{margin-bottom:80px;}
.list-about-advantage .t h2{margin-bottom:15px;text-transform:uppercase;font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;}
.list-about-advantage .t p{font-size:18px;line-height:24px}
.list-about-advantage .bd .item{width:25%;padding:0 20px;}
.list-about-advantage .bd .item i{font-size:70px;}
.list-about-advantage .bd .item h3{margin:30px 0 10px;font-size:24px;font-family: 'Barlow-ExtraBold';}
.list-about-advantage .bd .item p{font-size:16px;line-height:24px;}
.list-about-content .t{margin-bottom:45px;font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;text-transform:uppercase;}
.list-about-content .work .bd{margin-bottom:80px;}
.list-about-content .work .item{margin:20px;padding:10px;background:#fff;box-shadow: 0 5px 15px rgba(0,0,0,0.2);border-radius:10px;}
.list-about-content .work .item .pic{overflow:hidden}
.list-about-content .work .item .pic img{width:100%}
.list-about-content .work .slick-dots{bottom:-32px;display:flex;;background:#0B2042;height:2px;}
.list-about-content .work .slick-dots li{margin:0;cursor: pointer;width:auto;flex:1;height:2px;background:#0B2042;}
.list-about-content .work .slick-dots li.slick-active{background:#338BCF;}
.list-about-content .work .slick-dots li button{display:none;}
.list-about-content .culture{margin-bottom:80px;}
.list-about-content .culture .item{padding:55px 0 35px;border-bottom:1px solid #CED2D9;}
.list-about-content .culture .item:first-child{padding-top:20px}
.list-about-content .culture .item .pic{width:400px;}
.list-about-content .culture .item .txt{width:calc(100% - 440px)}
.list-about-content .culture .item .txt h3{font-size:24px;line-height:56px;}
.list-about-content .culture .item .txt p{font-size:16px;line-height:24px;margin-top:5px;}
.list-about-content .honor{display:flex;flex-wrap:wrap;}
.list-about-content .honor .item{margin-bottom:30px;width:calc(100% / 5 - 36px );margin-right:40px}
.list-about-content .honor .item:nth-child(5n){margin-right:0;}
.list-about-content .honor .item .pic img{width:100%}

.list-contact-msg{padding:75px 0 60px;background-image: linear-gradient(to right, #86C4F7, #075896);}
.list-contact-msg .hd{width:50%;background: url(../images/bg.png) no-repeat bottom -100px left -100px;}
.list-contact-msg .hd h2{border-radius:30px;padding:0 15px;height:30px;line-height:30px;display:inline-block;background:#0B2042;color:#fff;text-align:center;}
.list-contact-msg .hd h3{padding:20px 0;font-family: 'Barlow-ExtraBold';font-style: italic;color:#fff;text-transform:uppercase;font-size:40px;}
.list-contact-msg .hd p{color:#FFFFFF;font-size:16px;line-height:24px;}
.list-contact-msg .form{width:47%;background:#fff;padding:60px 60px 60px 70px;border-radius:10px}
.list-contact-msg .form .item{margin-bottom:25px;position: relative;}
.list-contact-msg .form .item p{margin-bottom:8px;font-size:16px;color:#000000}
.list-contact-msg .form .item input,.list-contact-msg .form .item textarea{transition-duration:.5s;width:100%;padding:0 10px;height:47px;border:1px solid #000000;border-radius:4px;color:#000;display:flex;align-items: center;;}
.list-contact-msg .form .item input:hover,.list-contact-msg .form .item textarea:hover{border-color:#2D8BCF;color:#2D8BCF}
.list-contact-msg .form .item textarea{padding:10px;min-height:110px}
.list-contact-msg .form .item img{position: absolute;right:2px;bottom:1px;height:45px;cursor: pointer;}
.list-contact-msg .form .btn{transition-duration:.5s;cursor: pointer;;width:147px;height:47px;display:flex;color:#fff;background:#2D8BCF;border-radius:4px;align-items: center;justify-content: center;}
.list-contact-msg .form .btn:hover{border-radius:30px}

.list-contaact .sidebar{width: 250px;margin-right: 210px;}
.list-contaact .contact_box{width: calc(100% - 460px);}
.list-contaact .cont_box{display: flex;margin-top: 50px;}
.list-contaact .cont_box .code_box{width:195px;height: 195px; border-radius: 20px;border: 10px solid var(--on-color);margin-top: 20px;}
.list-contaact .cont_box .code_box img{border-radius: 20px;}
.list-contaact .bd .t h2{font-family:"Arial";color:#fff;font-weight:bold;font-size:100px;width:77px;height:77px;background:#338BCF;border-radius:77px;text-align:center;}
.list-contaact .bd .t h3{padding:35px 0 5px 0;font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;}
.list-contaact .bd .t p{font-size:16px;line-height:24px;}
.list-contaact .bd .t .pic{margin-top:70px}
.list-contaact .bd .txt{width:calc(100% - 290px);margin-left: 95px;position: relative;}
.list-contaact .bd .txt::before{content: '';position: absolute;top: 0;left: -28px;width: 1px;height: 100%;background: #CED2D9;z-index: 1;}
.list-contaact .bd .txt .item{min-height:105px;border-bottom:1px solid #CED2D9;align-items: center;padding: 20px 15px;}
.list-contaact .bd .txt .item .i{display:flex;align-items: center;font-size:20px;}
.list-contaact .bd .txt .item .i i{font-size: 30px;color: var(--on-color);margin-right: 20px;}
.list-contaact .bd .txt .item .i span{font-size: 24px;color: var(--on-color);font-family: 'Aileron-Bold';}
.list-contaact .bd .txt .item .p{font-size: 16px;color: #131a2a;font-family: 'Aileron-Regular';padding-left: 55px;margin-top: 10px;line-height: 28px;display: flex;flex-wrap: wrap;}
.list-contaact .bd .txt .item .p p{width: 50%;line-height: 35px;}
.list-contaact .bd .txt .wx{padding:40px 0 0 10px;}



.index-banner{position:relative;overflow:hidden;}
.index-banner .slider-for a{position: relative;}
.index-banner{position:relative;overflow:hidden;}

.index-banner .slick-dots{bottom:50px}
.index-banner .slick-dots li{background:#fff;width:16px;border:0;transition-duration:.6s;position:relative;border-radius:16px;margin:0 16px 0 0;height:16px;opacity:1;}
.index-banner .slick-dots li button{display:none;}
.index-banner .slick-dots li.slick-active{width:35px}
.index-banner .btn{transition-duration:.5s;width:40px;height:40px;cursor: pointer;position:absolute;top:50%;margin-top:-20px;cursor:pointer;}
.index-banner .btn i{transition-duration:.5s;color:#fff;font-size:40px;opacity:.5}
.index-banner .btn:hover i{opacity:1;}
.index-banner .prev{left:50px;}
.index-banner .next{right:50px;}

.index-products{background:#FAFAFA;}
.index-products .list .item{background:#fff;padding:30px 20px 35px;margin:20px !important}
.index-products .list .item .txt{padding-top:23px}
.index-products .list .item .txt .auth{margin-top:30px}
.index-products .list .item .txt .auth img{width:auto;}
.index-products .index-title{margin-bottom:33px}
.index-products .index-title .t{display:flex;align-items: center;}
.index-products .index-title .t h2{font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;margin-right:35px;}
.index-products .index-title .t a{height:35px;padding:0 25px;background:#338BCF;color:#fff;text-align:center;line-height:35px;border-radius:30px;}
.index-products .index-title .t a:hover{background:#0B2042;color:#fff;}
.index-products .index-title .more{display:flex;align-items: center;;}
.index-products .index-title .more i{transition-duration:.5s;font-size:37px;z-index:9999;color:#0B2042;cursor: pointer;}
.index-products .index-title .more i:hover{color:#338BCF}

.index-advantage{background:#ECEFF2;color:#0B2042}
.index-advantage .t h2{color:#338BCF;}
.index-advantage .t p{color:#0B2042}
.index-advantage .bd .item{padding:0 40px}
.index-advantage .bd .item i,.index-advantage .bd .item h3{transition-duration:.5s;}
.index-advantage .bd .item:hover i,.index-advantage .bd .item:hover h3{color:#338BCF}

.index-about{padding:100px 0;}
.index-about .data{padding:0;border:0;margin-top:80px;}
.index-about .data .item{padding:0;}
.index-about .bd .txt{width: calc(100% - 720px);}
.index-about .list{margin-top:160px}
.index-about .list .item{width:calc(100% / 3 - 26px);margin-right:39px;}
.index-about .list .item:nth-child(3n){margin-right:0;}
.index-about .list .item a{display:block;position: relative;}
.index-about .list .item .txt{transition-duration:.5s;color:#fff;text-align:center;position: absolute;border-top:1px solid rgba(255,255,255,.3);left:0;bottom:0;height:150px;background:rgba(255,255,255,.1);width:100%;}
.index-about .list .item .txt p{font-size:18px;padding:34px 0 5px;}
.index-about .list .item .txt h3{font-size:40px;font-family: 'Barlow-ExtraBold';font-style: italic;}
.index-about .list .item:hover .txt{background:rgba(51,139,207,.5)}

.index-message{background:#ECEFF2;}
.index-message h2{margin-bottom:25px;height:35px;display:inline-block;padding:0 25px;background:#0B2042;color:#fff;text-align:center;line-height:35px;border-radius:30px;}
.index-message .info .hd{width:450px;padding-right:30px;}
.index-message .info .hd h3{color:#338BCF;font-size:40px;text-transform:uppercase;font-family: 'Barlow-ExtraBold';font-style: italic;}
.index-message .info .hd p{margin-top:10px;color:#0B2042;font-size:16px;line-height:24px;}
.index-message .info .form{width:calc(100% - 450px)}
.index-message .info .form .item{width:30%}
.index-message .info .form .item input{width:100%;height:45px;display:flex;color:#0B2042;background:#FFFFFF;padding:0 10px;border-radius:4px;margin-bottom:10px;}
.index-message .info .form .item input:last-child{margin:0;}
.index-message .info .form .item:nth-child(2){width:40%;padding:0 10px;}
.index-message .info .form .item textarea{width:100%;height:100px;border-radius:4px;padding:10px;}
.index-message .info .form .item .code_box{position: relative;}
.index-message .info .form .item .code_box img{height:45px;position: absolute;right:0;top:0;cursor: pointer;;}
.index-message .info .form .item .btn{height:45px;color:#fff;cursor: pointer;border-radius:4px;width:100%;background:#2D8BCF;display:flex;justify-content: center;align-items: center;}
.index-message .info .form .item .btn i{margin-right:10px;}

@media (max-width: 1865px){
    .cata-banner .cata-pro{margin-top: -3.65vw;}
  .cata-banner .h_banner{height: 33.85vw;}
    .wrap-1865{width:98%}
    .index-pro .btn{display:none;}
    .cata-banner .h_banner .banner_icon{width: 21.61vw !important; bottom: 20.02vw;left: 19.27vw;}
    .h_banner .home_swi .h_b_box .banner_icon{width: 21.61vw; bottom: 13.02vw;
      left: 19.27vw;}
      .bn-list{margin-top: 12.5vw;}
      .bn-list li h2 .number {font-size: 3.13vw;line-height: 3.13vw;}
      
      .about-b{padding-bottom: 40px;height: auto;}
}
@media (max-width: 1600px){
  .sidebar{padding-left: 30px;}
  .advantage .adv-swiper{
    margin-left: 20px;
  }
  .adv-titles{margin-bottom: .5rem;}

.advantage .swiper-button-prev {
  left: -0.58rem !important;
  width: .63rem;
  height: .63rem;
  border-radius: .15rem;
}
/* .56rem */
.advantage .swiper-button-prev i{ font-size: .38rem;color: #000;transition: 0.4s;}
.advantage .swiper-button-prev:hover{background: var(--on-color);}
.advantage .swiper-button-prev:hover i{color: #fff;}
.advantage .swiper-button-next:hover{background: var(--on-color);}
.advantage .swiper-button-next:hover i{color: #fff;}

.advantage .swiper-button-next {
  width: .63rem;
  height: .63rem;
  border-radius: .15rem;
}
.advantage .swiper-button-next i{ font-size: .38rem;}
.advantage{margin-top: 1.88rem;}
.advantage1{margin-top: .63rem;margin-bottom: .94rem;}
.advantage .adv-swiper::after{content: "";position: absolute;left: -2.94rem;top: 0;width: 2.25rem;height: 100%;background: #fff;z-index: 99;}

.advantage .adv-item{margin-right: .69rem;}
.advantage .adv-item .adv_l{border-radius:  .15rem 0 0 .15rem;background:#d6e0eb;padding-left: .88rem;padding-right: .19rem;}
.advantage .adv-item .adv_l .icon{margin-top: 1.31rem;}
.advantage .adv-item .adv_l h1{font-size: .45rem;margin-top: .5rem;}
.advantage .adv-item .adv_l p{font-size: .27rem;margin-top: .5rem;line-height: .33rem;margin-top: .25rem;}
.advantage .adv-item .adv-pic{width: 66%;border-radius:  0 .15rem .15rem 0;}
.advantage .adv-item .adv-pic img{width: 100%;}
.advantage .adv-item .more{width: 2.5rem;height: .75rem;border-radius: .75rem;margin-top: 1.25rem;}
.advantage .adv-item .more span{font-size: .23rem;}

.advantage .adv-item .more i{font-size: .25rem;margin-left: .5rem;}

}
@media (max-width: 1440px){
    .list-products .content .head.flex{flex-wrap: wrap;}
  .list-products .head .txt_list{width: 100%;margin-top: 30px;padding-left: 0;}
}
@media (max-width: 1440px){
  
    .cata-cate .item .pro_name{font-size: .38rem;line-height: .4rem;}
  .cata-cate .item i{font-size: .44rem;}
  .cata-cate .item:hover i{bottom: 1rem;opacity: 1;}
  .cata-cate .item:hover .pro_name{top: 1.13rem;opacity: 1;}
  .pro_list .list .item .more{padding: 0 .38rem;height: .56rem;}
  .pro_list .list .item .more span{font-size: .2rem;}
   .pro_list .list .item .more i{margin-left: .13rem;}
  .partner .title{font-size: .63rem;left: 3.05rem;top: .63rem;}
  .partner .des{font-size: .38rem;max-width: 7.75rem;line-height: .47rem;left: 3.05rem;top: 1.38rem;}

  .footer .info .message #submit{padding: 0 .38rem;font-size: 15px;}
  .footer .info .message #submit i{font-size: 18px;margin-right: 5px;}
  .footer .info .message .form-div .name,.footer .info .message .form-div .mw{width: 4.13rem;}
  .footer .info .message{width: 8.63rem;}
  .footer .info .form-div .code_box input{background: #f8f8f8;width: 6.13rem;}
  .list_box1{margin-left: 5.21vw;}
 .list_box2{margin-left: 4.69vw;}
 .list_box3{margin-left: 8.76vw;}
    .wrap{width:98%}
    .index-about .bd .txt {width: calc(100% - 680px);}
    .list-about .bd .txt p{font-size:14px;line-height:22px}
    .list-about .data .item p{font-size:10px;}
    .index-about .data{margin-top:20px}
    .index-pros .item .more{height: 50px;border-radius: 50px;}
    .index-pros .item .more span{font-size: 16px;}
    .index-pros .item .more i{margin-left: 10px;}
}
@media (max-width: 1300px){
  .list-contaact .sidebar{margin-right: 100px;}
  .list-contaact .contact_box{width: calc(100% - 350px);}
  .list-contaact .bd .txt .item .p p{width: 100%;}
  .list_box1{margin-left: 3.21vw;}
 .list_box2{margin-left: 2.69vw;}
 .list_box3{margin-left: 4.76vw;}
  .index-pro .item .pro_name{font-size: 24px;}
  .index-pro .item:hover .pro_name{top: 4.69vw;}
  .index-pro .item:hover i{bottom: 4.17vw;}
  .advantage .adv-item .more{margin-top: 1.25rem;}
  .advantage .adv-item .adv_l .icon{margin-top: 1.31rem;}
}
@media (max-width: 1200px){
  .list_box1{margin-left: 2vw;}
 .list_box2{margin-left: 2vw;}
 .list_box3{margin-left: 2vw;}
 .footer .info-f .ico a{margin-right: 15px;}
  .index-down .down-box .down-l .txt-t span{font-size: 20px;}
  .index-down .down-box .down-l .txts-t h1{font-size: 30px;}
  .index-pros .item .more{height: 30px;padding: 0 .38rem;}
  .index-pros .item .more span{font-size: 12px;}
  .header .header-right .ico a{width: 85px;}
  .header .header-left .item h3 a{font-size: 16px;}
  .header .header-left .item-box{margin-right: 25px;}
}
@media (max-width: 1080px){
  .index-pros .swiper-button-prev{right:93px !important;}
  .index-pros .swiper-button-next{right: 30px !important;}
  .index-pros .item .more span{font-size: 10px;}
  .header .header-left .item-box{margin-right: 20px;}
}
@media screen and (max-width:992px) {
    .box_skitter .prev_button {display: none !important;}
  .box_skitter .next_button {display: none !important;}
  .box_skitter .info_slide_dots{bottom: 20px}
   .catalog iframe{height: 400px;}
  .titlex h1{font-size: 32px !important;line-height: 32px !important;}
  .catalog .message .form-div{width: 95%;}
  .catalog .message .form-div .email{width: calc(100% - 140px);}
  .catalog  .message #submit{width: 140px;font-size: 12px;}
  .list-contaact .cont_box{flex-wrap: wrap;width: 100%;justify-content: center;}
  .list-contaact .bd .txt{width: 100%;margin-top: 30px;margin-left: 0;}
  .banner{margin-top: 0;}
  .list-products .head .txt_list .b{margin-top: 30px;}
  .list-products .head .txt_list{padding-left: 0;}
  .pro_list .list .item .more{padding: 0 30px;height: 45px;}
  .pro_list .list .item .more span{font-size: 16px;}
   .pro_list .list .item .more i{margin-left: 10px;}
  .list-products .content{width: 100%;}
  .list-contaact .contact_box{width: 100%;}
  .news_list .list{flex-wrap: wrap;}
  .hot_news .title{margin-bottom: 30px;}
  .list-news .list .item{margin-top: 0;}
  .news_list .list a{width: 100%;margin-right: 0;}
  .list-news .content{width: 100%;}
  .list-news .list a{width: 100%;}
  .list-news .list .item .item-r{margin-left: 20px;width: 100%;}
  .about-data .bn-list li .des{font-size: 14px;}
  .about-data .bn-list{height: auto;padding-bottom: 30px;margin-top: 30px;}
  .about-r{width: 100%;}
  .footer .bottom p,.footer .bottom p{text-align: center;}
  .footer .info .form-div .code_box,.footer .info .form-div .code_box input{width: 100%;}
  .footer .info .message #submit{padding: 0 30px;font-size: 18px;margin-top: 30px;}
  .footer .info .message #submit i{font-size: 26px;margin-right: 10px;}
  .footer .info .message .form-div{flex-wrap: wrap;}
  .footer .info .message label,.footer .info .message .form-div .name,.footer .info .message .form-div .mw{width: 100%;}
  .footer .info .message .form-div .label-mw{margin-top: 20px;}
  .footer .info .message{width: 100%;}
  .list-contaact .contact_box .codebox .form-div .code_box input{width: 100%}
  .list-contaact .cont_box{margin-top: 10px;}

  .list-contaact .contact_box .form-div .code_box{width: 100%;}
  .list-contaact .contact_box .message #submit{padding: 0 30px;font-size: 18px;margin-top: 30px;}
  .list-contaact .contact_box .message #submit i{font-size: 26px;margin-right: 10px;}
  .list-contaact .contact_box .message .form-div{flex-wrap: wrap;}
  .list-contaact .contact_box .message label,.list-contaact .contact_box .message .form-div .name,.list-contaact .contact_box .message .form-div .mw{width: 100%;}
  .list-contaact .contact_box .message .form-div .label-mw{margin-top: 20px;}
  .list-contaact .contact_box .message{width: 100%;}
  .list-contaact .contact_box .form-div .code_box input{width: 100%}

  .list_box2{margin-left: 0;width: 50%;margin-top: 40px;}
.list_box3{margin-left: 0;width: 50%;margin-top: 40px;}
  .footer .list>.wrap{flex-wrap: wrap;}
  .index-down .down-box .down-l{padding-left: .6rem;}
  .index-down .down-box .down-l .txts-t{margin-top: .75rem;}
  .index-down .down-box .down-l .txt-t i{font-size: .5rem;}
  .index-down .down-box .down-l .txt-t span{font-size: .34rem;margin-left: .38rem;}
  .index-down .down-box .down-l .txts-t h1{font-size: .40rem;margin-left: .88rem;}
  .index-down .down-box .down-l .txts-b{margin-left: .88rem;margin-top: 30px;}
  .index-down .down-box .down-l .txts-b p{font-size: .28rem;line-height: .3rem;}
  .index-down .down-box .down-l .txts-b .cfx{width: 2.31rem;height: .88rem;margin-top: .34rem;}
  .index-down .down-box .down-l .ewcode{margin-right: .3rem;width: 40%;}

  .index-down .down-box{flex-wrap: wrap;height: auto;margin-top: 40px;padding-bottom: 30px;}
  .index-down .down-box .down-l{width: 100%;border: none;}
  .index-down .down-box .down-r{width: 100%;margin-top: 40px;}
 
  .index-contact .map{transform: translateY(20px);}
  .index-contact .con-top{flex-wrap: wrap;}
  .index-contact .con-top .top-pic{width: 45%;margin-top: 20px;}
  .index-contact .con-top .conts{width: 50%;margin-top: 20px;}
  .about-b{background: url('/skin/images/data_back_02.png') no-repeat right top;}
  .bn-list{flex-wrap: wrap;justify-content: space-evenly;}
  .bn-list li{width: 45% !important;margin-top: 30px;}
  .titles{margin-top: 10px !important;}
  .titles h1{font-size: 36px;line-height: 36px;}
  .index-pro .item .pro_name{font-size: .4rem;width: 100%;line-height: .38rem;}
  .index-pro .item:hover .pro_name{top: 1.13rem;}
  .index-pro .item:hover i{bottom: 0.8rem;}
  .index-pro .pro_l .titles{margin-bottom: 30px;}
  .index-pro .pro_r{width: 100%;margin-left: 0;}
  .index-pro .pro_l{width: 100%;}
  .index-pro .wrap{flex-wrap: wrap;}
  .home_swi .swiper-button-prev,.home_swi .swiper-button-next{display: none;}
  .h_banner .home_swi .home_pag { bottom: 10px; 
  }
    .list-products .head .txt_list,.list-contact-msg .hd,.list-contact-msg .form,.list-contaact .what .info .list,.list-contaact .what .info .txt,.list-contaact .bd .t,.list-contaact .bd .txt,.list-about-content .culture .item .pic,.list-about-content .culture .item .txt,.list-about .bd .pic,.list-about .bd .txt,.list-events .list .item .pic,.list-events .list .item .txt,.footer .menu .item,.content,.wrap{width:96%}
    .index-products .index-title .more,.index-banner .btn,.list-products .head .img_list,.list-products .list .item .txt .i,.list-contaact .what .info .txt .star,.list-contaact .what .info .txt p,.list-contaact .what .info .txt .logo,.list-download .list .item .more,.sidebar,.top_header{display:none !important;}
    .footer .menu,.main{padding:20px 10px}
    .location{padding:0 10px;height:45px;}
    .location .wrap-1300{overflow-x:auto;display:flex;white-space:pre;height:45px;align-items: center;flex-wrap:nowrap;}
    .list-news .list .item{margin-bottom:40px}
    .list-news .list .item p{margin:10px 0;}
    .footer .bottom{padding:20px 10px 60px}
    .footer .bottom .mc{margin:20px auto 0;}
    .list-download .list .item{margin-bottom:15px}
    .list-download .list .item a{padding:20px;}
    .list-events .list .item{margin-bottom:20px}
    .list-events .list .item .txt h3{padding:10px 0;}
    .list-events .list .item .txt p{height:35px}
    .list-job .t{font-size:24px;margin-bottom:20px}
    .list-job .list .item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #DBDEE3;position: relative;}
    .list-job .list .item .info h3{font-size:16px;padding:10px 0;}
    .list-job .list .item .info .desc{margin-bottom:10px;flex-wrap:wrap;}
    .list-job .list .item .info .desc p{margin-right:0;width:100%;margin-top:5px;}
    .list-job .list .item .info .desc p i{width:30px;text-align:center;}
    .list-job .list .item .info .desc p img{margin-right:0;height:16px;}
    .list-job .list .item .info .desc p span{margin-right:10px;font-size:12px}
    .list-job .list .item .btn{position: absolute;right:0;top:10px;width:90px;height:35px;font-size:12px;}
    .list-job .list .item .more{display:none;}
    .list-job .content{margin:0;}
    .list-job .content h3{padding:0;margin:0;}
    .job-pop{width:100%;}
    .job-pop .hd{width:90%;height:60px;padding:10px;position: relative;}
    .job-pop .hd .name{width:calc(100% - 40px);font-size:14px;line-height:24px}
    .job-pop .hd .del{position: absolute;right:10px;top:10px;}
    .job-pop .bd{width:90%;padding:10px;}
    .job-pop .bd input{height:40px;padding:0 10px;margin-bottom:10px;}
    .job-pop .bd textarea{min-height:100px;padding:10px;margin-bottom:10px;}
    .job-pop .bd .btn{height:40px;width:140px}
    .list-news .show .m .btn{margin:20px auto 0;margin-top: 5px;}
    .list-about .bd .pic .video_btn img{width:70px;height:70px}
    .list-about .bd .txt{padding-top:20px;}
    .list-about .bd .txt h3{margin:15px 0 10px;font-size:28px;line-height:32px}
    .list-about .bd .txt p{margin-bottom:15px;}
    .list-about .data{padding-top:20px;margin-top:25px;flex-wrap:wrap}
    .list-about .data .item{padding:0;width:50%;margin-bottom:20px;}
    .list-about-advantage{padding:40px 10px}
    .list-about-advantage .t{margin-bottom:30px}
    .list-about-advantage .t h2{font-size:28px}
    .list-about-advantage .t p{font-size:15px;line-height:24px}
    .list-about-advantage .bd .item{width:100%;padding:0;margin-bottom:20px;}
    .list-about-advantage .bd .item h3{margin:15px 0;font-size:18px}
    .list-about-advantage .bd .item p{font-size:14px;line-height:22px;}
    .list-about-content .t{font-size:28px;margin-bottom:10px;}
    .list-about-content .work .bd,.list-about-content .culture{margin-bottom:40px}
    .list-about-content .work .slick-dots{bottom:-15px}
    .list-about-content .culture .item{padding:15px 0;}
    .list-about-content .culture .item .txt h3{line-height:30px;font-size:28px;margin:10px 0;}
    .list-about-content .culture .item .txt p{font-size:14px;line-height:22px;margin:0;}
    .list-about-content .honor{justify-content: space-between;}
    .list-about-content .honor .item{width:48%;margin:0 0 10px 0;}
    .list-contaact .bd .t h3{padding-top:15px;}
    .list-contaact .bd .t .pic{margin-top:25px;}

    .list-contaact .bd .txt .wx{padding:20px 0 0 0;text-align: center;}
    .list-contaact .what h2{font-size:28px}
    .list-contaact .what h3{padding:20px 0;}
    .list-contaact .what .info .list .item{margin-bottom:20px;}
    .list-contaact .what .info .list .item .c h4{font-size:20px}
    .list-contaact .what .info .list .item .c p{font-size:14px;margin-top:5px;}
    .list-contaact .what .info .list .more{padding:10px 0 20px;}
    .list-contaact .what .info .list .more span{font-size:12px}
    .list-contaact .what .info .list .more img{height:15px}
    .list-contaact .what .info .txt .more{margin:0 auto 20px;height:45px;border-radius:30px}
    .list-contaact .what .info .txt .more span{font-size:15px;}
    .list-contact-msg{padding:40px 10px;}
    .list-contact-msg .hd{background:none;}
    .list-contact-msg .hd h3{font-size:28px;padding:10px 0}
    .list-contact-msg .form{padding:20px;margin-top:20px}
    .list-contact-msg .form .item{margin-bottom:10px}
    .list-contact-msg .form .item input, .list-contact-msg .form .item textarea{height:40px}
    .list-contact-msg .form .item img{height:38px}
    .list-contact-msg .form .btn{margin:0 auto}
    .show-banner{display:block !important;overflow:hidden}
    .list-products .list{justify-content: space-between;}
    .list-products .list .item{width:48%;margin:0 0 15px 0 !important;padding:10px;}
    .list-products .list .item .txt{padding-top:5px;}
    .list-products .list .item .txt h3{padding:0;font-size:16px;}
    .list-products .list .item .txt p{padding:0;font-size:12px;}
    .list-products .list .item .txt .auth{margin-top:10px}
    .list-products .head{padding:15px;}
    .list-products .head .txt_list .t h2{padding:0;}
    .list-products .head .txt_list .c .auth{padding:10px 0;}
    .list-products .head .txt_list .c .nav{margin-bottom:10px}
    .list-products .body{font-size:14px;line-height:24px;padding-bottom:15px;}
    .list-products .content .title{font-size:24px;padding-bottom:5px;margin-bottom:10px}
    .list-products .body ul li{width:100%;height:40px;}
    .index-banner{margin:0;}
    .index-banner .slick-dots{bottom:15px}
    .index-banner .slick-dots li{margin-right:8px;width:8px;height:8px}
    .index-pro{padding:30px 10px 10px}
    .index-pro .bd{padding-bottom:30px}
    .index-pro .bd .item{margin:0;}
    .index-pro .slick-dots{bottom:0px;}
    .index-pro .slick-dots li{margin:0 5px 0 0;}
    .index-products{padding:20px 10px 40px}
    .index-products .index-title{margin-bottom:20px;}
    .index-products .index-title .t{justify-content: space-between;width:100%;}
    .index-products .index-title .t h2{font-size:28px;margin:0;}
    .index-products .list .item{box-shadow: none !important;}
    .index-products .slick-dots{bottom:-20px}
    .index-about{padding:30px 0;}
    .index-about .list{margin-top:0;}
    .index-about .list .item{width:100%;margin:0 0 20px 0;}
    .index-message .info .hd{width:100%;padding:0 0 15px 0;}
    .index-message .info .hd h3{font-size:28px}
    .index-message .info .form,.index-message .info .form .item{width:100%;margin-bottom:10px !important}
    .index-message .info .form .item:nth-child(2){width:100%;padding:0;}
    .footer{margin-top: 40px !important;}
    .pro_detail .list .item {margin-bottom: 50px !important;} 
}
@media screen and (max-width:786px){
  .pages.bodys h1{font-size: 20px !important;}
  .pages.bodys{margin-top: 30px;}
     .cata-banner .h_banner{margin-top: 40px;}
  .titlex{margin-top: 30px !important;}
    .partner .iso{left: 1.05rem;top: 20.06rem;}
   .partner .iso h1{font-size: .5rem;max-width: 2rem;line-height: .5rem;}
  .partner .title{font-size: .5rem;left: 1.05rem;top: .63rem;}
  .partner .des{font-size: .38rem;max-width: 7.75rem;line-height: .47rem;left: 1.05rem;top: 1.38rem;}

  .factory .title{font-size: 36px;margin-top: 20px;}
  .bn-list li h2 .number {font-size: 7.13vw;line-height: 7.13vw;}
  .about-t .titleo h1{font-size: 30px;line-height: 36px;}
  .about-t .contents .content{width: 100%;margin-top: 20px;}
  .about-t .contents{flex-wrap: wrap;}
  .adv-titles{padding:0 10px;}
  .advantage .adv-item .adv_l p{font-size: .3rem;}
  .advantage .adv-item .adv_l .icon{margin-top: 1rem;}
  .advantage .adv-item .more{margin-top: 1rem;}
  .advantage .adv-item .adv_l{border-radius:  .15rem 0 0 .15rem;padding-bottom: 30px;min-height:300px;}
  .advantage .swiper-button-prev {
    left: .06rem !important;
  }
  .advantage .swiper-button-next {
    right: .06rem !important;
  }
  /* .advantage .adv-swiper .swiper-slide{} */
  .advantage .adv-item{margin-right: 0;}
  .advantage .adv-swiper{
    margin-left: 0;
    width: 100%;
    overflow: hidden;
  }
  .advantage a{width: 100%;}
  .advantage .adv-item{flex-wrap: wrap;justify-content: center;}
  .advantage .adv-item .adv-pic{width: 85%;border-radius: .15rem .15rem 0 0;}
  .advantage .adv-item .adv_l{width: 85%;border-radius: 0 0 .15rem .15rem;margin-top: -5px;}
  .index-pros .item .more{height: 60px;padding: 0 20px;}
  .index-pros .item .more span{font-size: 16px;}
  .index-pros .prod-swiper{margin-left: 0;width:100%;overflow: hidden;}
}
@media screen and (max-width:568px){
   .cata-cate .item .pro_name{font-size: .5rem;line-height: .52rem;}
  .cata-cate .item i{font-size: .5rem;}
  .cata-cate .item:hover i{bottom: 2rem;opacity: 1;}
  .cata-cate .item:hover .pro_name{top: 2.13rem;opacity: 1;}
  .list-products .content .title2{margin-top: 0;}
  .list-products .body table tbody tr td:first-child{width: 200px;}
  .pro_list .list .item{width: 100%;margin-bottom: 40px !important;}
  .list-news.main{padding:20px 0;}
  .list-news .list .item{flex-wrap: wrap;justify-content: center;}
  .list-news .list .item .item-r{margin-left: 0;}
  .footer .list{padding: 30px 0;}
  .footer .info{padding-bottom: 10px;}
  .footer .list>.wrap{justify-content: center;}
  .footer .message .form-div .email{width: calc(100% - 120px);}
  .footer .list .logof{display: none;}
  .list_box1{width: 96%;margin-left: 0;}
  .list_box2{width: 96%;}
  .list_box3{width: 96%;}
  .index-contact .titles h1,.index-contact .titles h1 span{font-size: 36px;line-height: 36px;}
  .index-contact .con-top{align-items: center;}
  .index-contact .con-top .conts .btn{width: 90%;}
  .about-b{margin-top: 0;}
  .bn-list{justify-content: space-around;}
  .bn-list li{width: 45% !important;}
  .index-pros .item .more{height: 50px;}
  .index-pros .prod-swiper .swiper-wrapper{padding-top: 25px;}
  .index-pros .swiper-button-prev{display: none;}
  .index-pros .swiper-button-next{display: none;}
}