.bxz,
.bxz *{box-sizing: border-box;}
input{border: none;}
img{max-width: 100%;}
.wrap1440{max-width: 1440px; margin:0 auto; width:90%;}
/* html{overflow:hidden;}  */
/* 联系方式 */
.contact_wrap{
  position: relative;
  padding-top: 7.8125%;
  padding-bottom: 9.375%;
  background: url(/static/images/contact_form_bg.jpg) no-repeat center top;
  background-size: cover;
}
.contact_wrap::before{
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}
.contact_wrap .cont{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.contact_wrap .c_left{
  color: #fff;
  padding-left: 6.297%;
  max-width: 750px;
  padding-right: 50px;
}
.contact_wrap .c_left .tit{margin-bottom: .65rem;}
.contact_wrap .c_left .groups{
  display: flex;
  /*justify-content: space-around;*/
}
.contact_wrap .c_left .groups .group{width: 50%;}
.contact_wrap .c_left .group{
  margin-bottom: .6rem;
  padding-left: .65rem;
}
.contact_wrap .c_left .group a{color: #fff;}
.contact_wrap .c_left .group .dt{
  line-height: 1;
  margin-left: -.39rem;
  margin-bottom: .2rem;
}
.contact_wrap .c_left .group i{
  display: inline-block;
  vertical-align: middle;
  height: .24rem;
  width: .24rem;
  margin-right: .15rem;
}
.contact_wrap .c_left i.address{
  background: url(/static/images/contact_icon01.png) no-repeat center center;
  background-size: auto 100%;
}

.contact_wrap .c_left i.phone{
  background: url(/static/images/contact_icon02.png) no-repeat center center;
  background-size: auto 100%;
}
.contact_wrap .c_left i.email{
  background: url(/static/images/contact_icon03.png) no-repeat center center;
  background-size: 100% auto;
}
.contact_wrap .c_left i.more_code{
  background: url(/static/images/contact_icon04.png) no-repeat center center;
  background-size: 100% auto;
}
.contact_wrap .c_left .code_list{
  display: flex;
  text-align: center;
  margin-left: -.2rem;
  padding-top: .2rem;
}
.contact_wrap .c_left .code_list .item{
  margin-left: .2rem;
  max-width: 110px;
}
.contact_wrap .c_left .code_list .img{width: 110px;height: 110px;margin-bottom: 15px;}

.contact_wrap .c_right{
  width: 45.717%;
  padding-right: 7.8715%;
  .tit,.tip{color: #fff;}
}
.contact_wrap .c_right .tit,
.contact_wrap .c_right .tip{color: #fff;}
.contact_wrap .c_right .tit{margin-bottom: .2rem;}
.contact_wrap .c_right .tip{font-size: 16px;}
.contact_wrap .c_right .tip i{color: #e10000;margin-right: 7px;display: inline-block;}

.contact_wrap .form_wrap{
  margin-top: .35rem;
}
.contact_wrap .form_wrap .ipt{
  position: relative;
  margin-bottom: .2rem;
}
.contact_wrap .form_wrap .ipt.required::before{
  content: '*';
  position: absolute;
  left: 18px;
  top: 14px;
  z-index: 3;
  width: 10px;
  height: 10px;
  text-align: center;
  color: #e10000;
}
.contact_wrap .form_wrap .ipt.select::after{
  content:'\e643';
  font-family: 'iconfont';
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 2;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #000;
  margin-top: -10px;
  cursor: pointer;
}
.contact_wrap .form_wrap .ipt .dt{
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,.6);
  height: 50px;
  border-radius: 25px;
  padding-left: 34px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
}
.contact_wrap .form_wrap input{width: 100%;background: none;font-size: 16px;}
.contact_wrap .form_wrap input::placeholder{color: #000;}
.contact_wrap .form_wrap .ipt.select .dt{cursor: pointer;}
.contact_wrap .form_wrap .ipt.select.active{z-index: 6;}
.contact_wrap .form_wrap .ipt.select.active::after{transform: rotate(180deg);}
.contact_wrap .form_wrap .ipt.select .dd{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  background: rgba(255,255,255,.9);
  border-radius: 25px;
  padding-top: 60px;
  padding-left: 30px;
}
.contact_wrap .form_wrap .ipt.select ul{
  display: block;
  height: 200px;
  padding-bottom: 10px;
  overflow: auto;
}
.contact_wrap .form_wrap .ipt.select li{
  cursor: pointer;
  padding: 5px 10px 5px 0;
}
.contact_wrap .form_wrap .ipt.select li:hover{
  color: #3fa4d4;
}
.contact_wrap .form_wrap .group{
  display: flex;
  justify-content: space-between;
}
.contact_wrap .form_wrap .group .ipt{width: 48%;}
.contact_wrap .form_wrap .textarea{
  background: rgba(255,255,255,.6);
  border-radius: 25px;
}
.contact_wrap .form_wrap textarea{
  width: 100%;
  background: none;
  border: none;
  padding-top: 14px;
  padding-left: 16px;
  padding-right: 20px;
  text-indent: 1em;
  height: 1.65rem;
  font-size: 16px;
}
.contact_wrap .form_wrap textarea::placeholder{color: #000;}
.contact_wrap .form_btn p{
  width: 1.5rem;
  background: #3fa4d4;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 25px;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all .5s;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
.contact_wrap .form_btn p::after{
  background: #fff;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
  position: absolute;
  transition: all .5s;
}
.contact_wrap .form_btn p:hover{color:#2fabe5;}
.contact_wrap .form_btn p:hover::after{width: 100%;}
.contact_wrap .form_btn span{position: relative;z-index: 3;}
.contact_wrap .form_btn span i{margin-left: 3px;}

/* 产品 */
.product_index_sec1{padding-top: 4.6875%;padding-bottom: 4.6875%;}
.product_index_sec1 .cont{background:url(/static/images/product_sec1_bg.jpg) no-repeat center center;background-size: cover;padding: 3.4722% 1.69rem;}
.product_index_sec1 .cont p{display: inline-block;position: relative;}
.product_index_sec1 .cont p::before{
  content:'';
  position: absolute;
  left: -.7rem;
  top: .1rem;
  display: block;
  width: .34rem;
  height: .28rem;
  background: url(/static/images/product_icon01.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.product_index_sec1 .cont p::after{
  content:'';
  position: absolute;
  right: -.7rem;
  bottom: .1rem;
  display: block;
  width: .34rem;
  height: .28rem;
  background: url(/static/images/product_icon02.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.product_index_sec2{position: relative;overflow: hidden;}
.product_index_sec2 .img_items{position: absolute;top: 0;left: 0;z-index: 0; width: 100%;height: 100%;}
.product_index_sec2 .item{position: absolute;width: 100%;height: 100%;left: 0;top: 0; display: none;}
/* .product_index_sec2 .item.active{display: block;} */

.product_index_sec2 .cont{
  position: relative;
  z-index: 2;
  color: #fff;
  padding-top: 4.6875%;
}
.product_index_sec2 .swiper_box{
  position: absolute;
  bottom: .37rem;
  left: 0;
  z-index: 4;
  width: 100%;
}
.product_index_sec2 .swiper_box .swiper-container{width: 1180px;max-width: 100%;}
.product_index_sec2 .swiper_box .box{
  background: rgba(0,0,0,.7);
  padding: 10px 10px 6px 10px;
  overflow: hidden;
  color: #fff;
  border-bottom: 4px solid rgba(0,0,0,.7);
  border-radius: 16px;
}
.product_index_sec2 .swiper_box .active .box{border-bottom: 4px solid #3fa4d4;}
.product_index_sec2 .swiper_box .swiper-slide{opacity: .5;cursor: pointer;}
.product_index_sec2 .swiper_box .active{opacity: 1;}

.product_index_sec2 .swiper_box .img{
  width: 1.1rem;
  height: 1.1rem;
  float: left;
  margin-right: 30px;
  border-radius: .16rem;
  overflow: hidden;
}
.product_index_sec2 .swiper_box .link{
  width: 33px;
  height: 33px;
  border: 2px solid #fff;
  float: left;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  margin-top: .15rem;
}

.product_index_sec3{padding-top: 4.6875%;}
.product_index_sec3 .tit{text-align: center;margin-bottom: .56rem;}
.product_index_sec3 .item{}
.product_index_sec3 ul{display: flex;flex-wrap: wrap;margin-left: -7px;margin-right: -8px;}

.product_index_sec3 li{border-radius: .16rem;overflow: hidden;margin-bottom: 15px;position: relative;}
.product_index_sec3 li.i1,
.product_index_sec3 li.i3,
.product_index_sec3 li.i6,
.product_index_sec3 li.i8{
  flex: 0 0 calc(31.7% - 15px);
  margin-left: 7px;
  margin-right: 8px;
}
.product_index_sec3 li.i2,
.product_index_sec3 li.i4,
.product_index_sec3 li.i5,
.product_index_sec3 li.i7{
  flex: 0 0 calc(18.3% - 15px);
  margin-left: 7px;
  margin-right: 8px;
}
.product_index_sec3 li .img{
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.product_index_sec3 li .name{position: absolute;top: .35rem;left: .3rem;z-index: 5;}
.product_index_sec3 li a:hover{color: #222 !important;}


.product_index_sec4{padding-top: 4.6875%;}
.product_index_sec4 .tit{text-align: center;margin-bottom: .56rem;}
.product_index_sec4 .cont{background-color: #f6f6f6;padding-top: .6rem;}
.product_index_sec4 .cont .subtit{text-align: center;margin-bottom: .56rem;}
.product_index_sec4 .items{overflow: hidden;}
.product_index_sec4 .item{width: 50%;float: left;}

.product_index_sec6,
.product_index_sec5{padding-top: 4.6875%;background-color: #f6f6f6;}
.product_index_sec6 .subtit,
.product_index_sec5 .subtit{text-align: center;margin-bottom: .56rem;}
.product_index_sec5 .swiper-slide{background: url(/static/images/product_sec5_bg.png) 0 0 no-repeat;background-size: 100% 100%;}

.product_index_sec6{padding-bottom: 9.375%;}
.product_index_sec6 .swiper-slide{width: 4.63rem;overflow: hidden;}
.product_index_sec6 .swiper-slide .img{position: relative;border-radius: 18px;}
.product_index_sec6 .swiper-slide .img::after{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(/static/images/product_mask.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.product_index_sec6 .swiper-scrollbar{
  width: 800px;
  height: 6px;
  max-width: 90%;
  margin: .8rem auto 0;
}
.product_index_sec6 .swiper-slide .tit{
  text-align: center;
  position: absolute;
  bottom: .4rem;
  left: 5%;
  z-index: 4;
  width: 90%;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product_index_sec6 .swiper-scrollbar .swiper-scrollbar-drag{background: #3fa4d4;}
@media screen and (max-width: 1024px) {
  .contact_wrap .cont{
    flex-wrap: wrap;
  }
  .contact_wrap .c_left,
  .contact_wrap .c_right{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .contact_wrap .c_left .group i{width: 18px;height: 18px;}
  .contact_wrap .form_wrap .ipt{margin-bottom: 15px;}
  .contact_wrap .c_left .code_list,
  .contact_wrap .c_left .groups{
    flex-wrap: wrap;
  }
  .contact_wrap .c_left .groups .group,
  .contact_wrap .c_left .group{width: 100%;margin-bottom: 20px;}
  .contact_wrap .c_left .group .dt{margin-bottom: 15px;}
  .contact_wrap .c_left .code_list{justify-content: left;}
  .contact_wrap .c_left .code_list .item{margin-bottom: 15px;margin-left: 10px;margin-right: 10px;}
  .contact_wrap .c_left .code_list .item .img{
    width: 70px;
    height: 70px;
  }
  .contact_wrap .form_wrap .group{flex-wrap: wrap;}
  .contact_wrap .form_wrap .group .ipt{width: 100%;}
  .contact_wrap .form_wrap textarea{height: 150px;}
  .contact_wrap .form_btn p{width: 120px;height: 40px;line-height: 40px;font-size: 16px;}

  .product_index_sec3 ul{
    margin: 0;
    justify-content: space-between;
    gap: 2%;
  }
  .product_index_sec3 ul li.i1,
  .product_index_sec3 ul li.i3,
  .product_index_sec3 ul li.i6,
  .product_index_sec3 ul li.i8{
    width: 59.5%;
    flex:auto;
    margin: 0 0 2%;
    height: auto !important;
  }
  .product_index_sec3 ul li.i2,
  .product_index_sec3 ul li.i4,
  .product_index_sec3 ul li.i5,
  .product_index_sec3 ul li.i7{
    width: 31.8%;
    flex:auto;
    margin: 0 0 2%;
    height: auto !important;
  }
  .product_index_sec3 ul li.i3{transform: translateX(59.5%);}
  .product_index_sec3 ul li.i4{transform: translateX(-184.5%);}
  .product_index_sec3 ul li.i5{transform: translateX(184.5%);}
  .product_index_sec3 ul li.i6{transform: translateX(-59.5%);}
}

@media screen and (max-width: 768px) {
  .product_index_sec4 .items{height: auto !important;}
  .product_index_sec4 .item{width: 100%;height: 8.5rem !important;}
  .product_index_sec2 .swiper_box .link{width: 24px;height: 24px;line-height: 20px;}
  .product_index_sec2 .swiper_box .img{width: 1.6rem;height: 1.6rem;}
  .product_index_sec2 .swiper_box .box{
    display: flex;
    justify-content: space-between;
  }
  .product_index_sec2 .swiper_box .box{border-radius: 6px;}
}

.product_video{padding-bottom: 4.6875%;}
.product_video video{width: 100%}

.product_picture img{width: 100%}