body{font-family: "Microsoft YaHei" ! important;box-sizing: border-box}
ul li{list-style: none}
img{  max-width: 100%;transition: all 0.5s ease; }
.bx-img-hover:hover img{
    -webkit-transform: scale(1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}
.bx-overflow{overflow: hidden}
/*==========padding margin==========*/
.bx-p5{padding:5px! important;box-sizing: border-box}
.bx-p10{padding:10px! important;box-sizing: border-box}
.bx-p20 {padding:20px! important;box-sizing: border-box}
.bx-p30 {padding:30px! important;box-sizing: border-box}
.bx-pt10{padding-top: 10px! important;box-sizing: border-box}
.bx-pt20{padding-top: 20px! important;box-sizing: border-box}
.bx-pt30{padding-top: 30px! important;box-sizing: border-box}
.bx-pt50{padding-top: 50px! important;box-sizing: border-box}
.bx-pr10{padding-right: 10px! important;box-sizing: border-box}
.bx-pr20{padding-right: 20px! important;box-sizing: border-box}
.bx-pr30{padding-right: 30px! important;box-sizing: border-box}
.bx-pr50{padding-right: 50px! important;box-sizing: border-box}
.bx-pb10{padding-bottom: 10px! important;box-sizing: border-box}
.bx-pb20{padding-bottom: 20px! important;box-sizing: border-box}
.bx-pb30{padding-bottom: 30px! important;box-sizing: border-box}
.bx-pb50{padding-bottom: 50px! important;box-sizing: border-box}
.bx-pl10{padding-left: 10px! important;box-sizing: border-box}
.bx-pl20{padding-left: 20px! important;box-sizing: border-box}
.bx-pl30{padding-left: 30px! important;box-sizing: border-box}
.bx-pl50{padding-left: 50px! important;box-sizing: border-box}
.bx-ptb5{padding: 5px 0! important;box-sizing: border-box}
.bx-ptb10{padding:10px 0! important; box-sizing: border-box}
.bx-ptb20{padding:  20px 0! important;box-sizing: border-box}
.bx-plr5{padding: 0 5px! important;box-sizing: border-box}
.bx-plr10{padding:  0 10px! important;box-sizing: border-box}
.bx-plr20{padding: 0 20px;! importantbox-sizing: border-box}

.bx-mt5{margin-top:5px! important;}
.bx-mt10{margin-top:10px! important;}
.bx-mt20{margin-top:20px! important;}
.bx-mt30{margin-top:30px! important;}
.bx-mb5{margin-bottom:5px! important;}
.bx-mb10{margin-bottom:10px! important;}
.bx-mb20{margin-bottom:20px! important;}
.bx-mb30{margin-bottom:30px! important;}
.bx-ml5{margin-left:5px! important;}
.bx-ml10{margin-left:10px! important;}
.bx-ml20{margin-left:20px! important;}
.bx-ml30{margin-left:30px! important;}
.bx-mr5{margin-right:5px! important;}
.bx-mr10{margin-right:10px! important;}
.bx-mr20{margin-right:20px! important;}
.bx-mr30{margin-right:30px! important;}
.bx-m5{margin:5px! important;}
.bx-m10{margin:10px! important;}
.bx-m20{margin:20px! important;}
.bx-mb30{margin:30px! important;}
.bx-mtb10{margin: 10px 0! important;}
.bx-mtb20{margin: 20px 0! important;}
.bx-mtb30{margin: 30px 0! important;}
.bx-mlr10{margin: 0px 10px! important;}
.bx-mlr20{margin: 0px 20px! important;}
.bx-mlr30{margin: 0px 30px! important;}
.bx-min-w10{min-width: 1000px! important}
.bx-min-w12{min-width: 1200px! important}
/*==========font-size==========*/
.bx-fs-14{font-size: 14px! important;}
.bx-fs-16{font-size: 16px! important;}
.bx-fs-18{font-size: 18px! important;}
.bx-fs-20{font-size: 20px! important;}
.bx-fs-22{font-size: 22px! important;}
.bx-fs-24{font-size: 24px! important;}
.bx-fs-32{font-size: 32px! important;}
.bx-fs-36{font-size: 36px! important;}
.bx-fsb-14{font-size: 14px! important;font-weight: bold;}
.bx-fsb-16{font-size: 16px! important;font-weight: bold;}
.bx-fsb-18{font-size: 18px! important;font-weight: bold;}
.bx-fsb-20{font-size: 20px! important;font-weight: bold;}
.bx-fsb-22{font-size: 22px! important;font-weight: bold;}
.bx-fsb-24{font-size: 24px! important;font-weight: bold;}
.bx-fsb-32{font-size: 32px! important;font-weight: bold;}
.bx-fsb-36{font-size: 36px! important;font-weight: bold;}

.bx-fw-inherit{  font-weight: inherit;}
.bx-shadow{box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;}
.bx-shadow-hover:hover{box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;}
.bx-color-3{color: #333333; }
.bx-color-6{color: #666666; }
.bx-color-9{color: #999999; }


/*==========多行超出隐藏==========*/

.bx-text-p2{  line-height:25px;  height:50px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  }
.bx-text-p3{  line-height:25px;  height:75px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  }
.bx-text-p4{  line-height:25px;  height:100px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden;  }
.bx-text-p5{  line-height:25px;  height:125px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden;  }








/*==========组件-导航1==========*/

.bx-nav-one{  height: 88px;  line-height: 88px;position: relative }
.bx-nav-one .bx-logo img{  max-height: 88px;  }
.bx-nav-one .bx-nav ul li{ position: relative; float: left;  text-align: center;  font-size: 16px;  color: #666666;}
.bx-nav-one .bx-nav ul li .bx-nav-fd{display:none; position: absolute;top: 88px;/*box-shadow: 0 2px 8px 2px rgba(255,255,255, 0.5);*/line-height: 40px;width: 100%; z-index:999999;background:#f3f9ff;}
.bx-nav-one .bx-nav ul li .bx-nav-fd a{padding: 0 5px;}
.bx-nav-one .bx-nav ul li a{  padding: 0 20px;  color: #666666;  display: block;  }
.bx-nav-one .bx-navigation{  display: none;  }
@media (max-width: 1000px){
    .bx-nav-one{  height: 60px;  line-height: 60px;  }
    .bx-nav-one .bx-logo img{  max-height: 60px;  }
    .bx-nav-one .bx-nav{  display: none; position: absolute;top: 55px;z-index: 500;right: -5px;box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;}
    .bx-nav-one .bx-nav ul li{float: none;line-height: 40px;}
    .bx-nav-one .bx-nav ul li a{padding: 0 40px;}
    .bx-nav-one .bx-navigation{  display: block; }
    .bx-nav-one .bx-nav ul li .bx-nav-fd{display:none;position: relative;top: 0px;}
    }

/*==========组件-导航2==========*/

.bx-nav-tow{  height: 88px;  line-height: 88px;position: relative }
.bx-nav-tow .bx-logo img{  max-height: 88px;  }
.bx-nav-tow .bx-nav ul li{  float: left;  text-align: center;  font-size: 16px;  color: #666666;  }
.bx-nav-tow .bx-nav ul li a{  padding: 0 20px;  color: #666666;  display: block;  }
.bx-nav-tow .bx-navigation{  display: none;  }
@media (max-width: 1000px){
    .bx-nav-tow{  height: 60px;  line-height: 60px;  }
    .bx-nav-tow .bx-logo img{  max-height: 60px;  }
    .bx-nav-tow .bx-nav{  display: none; position: absolute;width:100%;top: 55px;z-index: 500;right: -5px;box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);margin: 5px;}
    .bx-nav-tow .bx-nav ul li{float: none;width: 100%;line-height: 40px;}
    .bx-nav-tow .bx-nav ul li a{padding: 0 40px;}
    .bx-nav-tow .bx-navigation{  display: block; }
}

/*产品1?-one*/
.bx-product-one{  padding: 80px 10px 10px 10px;  }
.bx-product-one .bx-title{  text-align: center;  }
.bx-product-one .bx-title h3{  position: relative;  font-size: 30px;  color: #333333;  border-bottom: solid 1px #cccccc;  line-height: 60px;  }
.bx-product-one .bx-title h3:before{  content: "";  position: absolute;  bottom: -2px;  left: 50%;  margin-left: -25px;  width: 50px;  height: 3px;  background-color: #e71e1b;  }
.bx-product-one .bx-title span{  font-size: 14px;  color: #333333;  }
.bx-product-list{  padding: 40px 50px;  }
.bx-product-list .product-list-a{  position: relative;  }
.bx-product-list .div-tet{  padding: 10px ;  position: absolute;;  background-color: rgba(5, 5, 5, 0.61);  bottom: 0;  transition:all 0.5s ease;  text-align: center;  width: 100%;  }
.bx-product-list .div-tet h3{  font-size: 14px;  color: #ffffff;  margin: 0;  padding: 0;  text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;  }
.bx-product-list .div-tet p{  font-size: 12px;  color: #ffffff;  margin: 0; padding-top: 10px;  text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;  }
.bx-product-list .div-fd{  padding: 10px;  box-sizing: border-box;  text-align: center;  position: absolute;  top: -100%;  width: 100%;  height: 100%;  transition:all 0.5s ease;  background-color: rgba(231, 30, 27, 0.67);  }
.bx-product-list .div-fd h3{  font-size: 14px;  font-weight: bold;  margin: 0;  padding: 0;  color: #fff;  margin-top: 40px;  }
.bx-product-list .div-fd span{  font-size: 12px;  color: #fff;  padding-top: 10px;  }
.bx-product-list .div-fd p{  font-size: 12px;  color: #fff;  line-height: 30px;  margin-top: 20px;  height: 150px;  text-align: left;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden;  }
.bx-product-list .div-fd .moer{  background-color: #fff;  color: #e71e1b;  font-size: 14px;  padding: 3px 20px;  }
.bx-product-list .product-list-a:hover .div-fd{  top: 0;  }
.bx-product-list .product-list-a:hover .div-tet{  bottom: -100%  }
.bx-product-list .product-list-a:hover img{  -webkit-transform: scale(1.1);  -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 750ms;  -moz-transform: scale(1.1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 750ms;  overflow: hidden;  }
.bx-product-list .moer{  padding-top: 20px;  text-align: center;  }
.bx-product-list .moer a{  padding: 5px 30px;  background-color: #e71e1b;  font-size: 14px;  color: #ffffff;  transition: all 0.5s ease;  }
.bx-product-list .moer a:hover{  border-radius: 10px;  }
.bx-product-one .slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.bx-product-one .slick-prev { left: -50px;background: url(../../images/at-zuo.png) no-repeat }
.bx-product-one .slick-slide a{display: inline-block;padding: 0 10px;}
.bx-product-one .slick-prev:before { content: "\2190";display: none }
.bx-product-one .slick-next { right: -50px;background: url(../../images/at-you.png) no-repeat }
.bx-product-one .slick-next:before { content: "\2192";display: none }
@media (max-width: 1200px){
    .bx-product-list .div-fd h3{  font-size: 14px;  font-weight: bold;  margin: 0;  padding: 0;  color: #fff;  margin-top: 10px; }
}
@media (max-width: 1000px){
    .bx-product-list .div-fd h3{  font-size: 14px;  font-weight: bold;  margin: 0;  padding: 0;  color: #fff;  margin-top: 20px;  }  .ay-product-list .div-fd span{  font-size: 12px;  color: #fff;  padding-top: 10px;  }
    .bx-product-list .div-fd p{  font-size: 12px;  color: #fff;  line-height: 25px;  margin-top: 10px;  height: 125px;  text-align: left;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden;  }
}
@media (max-width: 720px){
    .bx-product-one .slick-prev{  display: none!important;  }
    .bx-product-one .slick-next{  display: none!important;  }
    .bx-product{  padding: 20px 0px 10px 0px;  }
    .bx-product-list{  padding: 10px 0px;  }
    .bx-product-list .div-fd p{  font-size: 12px;  color: #fff;  line-height: 25px;  margin-top: 10px;  height: 75px;  text-align: left;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  }
}
/*产品1完?-one*/

/*产品2?-tow*/
.bx-product-tow ul li a{  display: block;  border: solid 1px #d1d1d1;  transition: all 0.5s ease;  }
.bx-product-tow ul li a img{  display: block;  }
.bx-product-tow ul li:hover img{ -webkit-transform: scale(1.1);  -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 750ms;  -moz-transform: scale(1.1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 750ms;  overflow: hidden;  }
.bx-product-tow ul li a:hover{  position: relative;  margin-top: -10px;  box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);  }
.bx-product-tow ul li p{  font-size: 14px;  line-height: 14px; line-height:25px;  height:100px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden;  }

.bx-product-tow2 ul li a{  position: relative;  overflow: hidden;  }

.bx-product-tow2 ul li .div-fd h3{  line-height: 40px;  padding: 0 10px;  height: 40px;  margin: 0;  }
.bx-product-tow2 ul li .div-fd{  position: absolute;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.73);  top: calc(100% - 40px);  transition: all 0.5s ease;  }
.bx-product-tow2 ul li a:hover{  position: relative;  margin-top: 0px;  box-shadow: 0 2px 8px 2px rgba(198, 201, 208, 0.5);  }
.bx-product-tow2 ul li:hover .div-fd{ top: 0;  }
.bx-product-tow2 ul li:hover .div-fd h3{  margin-top: 10px;  }
.bx-product-tow2 p,
.bx-product-tow2 h3{  color: #ffffff;  }
@media (max-width: 1000px){
    .bx-product-tow ul li p{  font-size: 14px;  line-height: 14px; line-height:25px;  height:75px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  }
}
@media (max-width: 720px){
    .bx-product-tow ul li p{  font-size: 14px;  line-height: 14px; line-height:25px;  height:50px;  overflow:hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  }
}
/*产品2完?-tow*/