#banner{


  width: 100%;


  height: 8rem;


  background-size: 100% 100%;


}


#banner h1{


  color: #fff;


  font-size: 0.56rem;


  text-align: center;


  line-height: 8rem;


  font-family: 'GalanoGrotesqueAltDEMO';


  font-weight: normal;


  letter-spacing: 3px;


  text-transform: uppercase;


}


.products-banner1{


  width: 19.2rem;


  height: 8rem;


  background-size: 100% 100%;


  background-image: url('../images/products/banner01.png');


}


.products-banner2{


  width: 19.2rem;


  height: 8rem;


  background-size: 100% 100%;


  background-image: url('../images/products/banner02.png');


}


.products-banner3{


  width: 19.2rem;


  height: 8rem;


  background-size: 100% 100%;


  background-image: url('../images/products/banner03.png');


}


.products-banner4{


  width: 19.2rem;


  height: 8rem;


  background-size: 100% 100%;


  background-image: url('../images/products/banner04.png');


}


.category{


  width: 100%;


  height: 12.1rem;


  margin-bottom: 1.53rem;


  background-color: #f4f4f4;


}


.category .wrapper{


  width: 14.2rem;


  margin: 0 auto;


}


.category-type{


  position: relative;


  float: left;


  width: 3.1rem;


  height: 10.7rem;


  margin-top: 1.4rem;


  margin-right: 0.95rem;


}


.category-types{


  color: #000;


}


.category-types li{


  padding: 0.12rem 0;


  cursor: pointer;


  font-size: 0.24rem;


	font-family:'Helvetica Regular';


}


.category-types li img{


  display: none;


}


.category-types li.active{


  color: #c7000a;


  padding: 0.38rem 0;


  font-size: 0.28rem;


	font-family:'Helvetica Bold';


}


.category-types li.active img{


  display: block;


  float: right;


  margin-top: 0.11rem;


  width: 0.13rem;


  height: 0.16rem;


}


.category-rest{


  position: absolute;


  bottom: 2.8rem;


  left: 0;


}


.category-rest a{


  display: block;


  width: 2.5rem;


  height: 0.5rem;


  text-align: center;


  line-height: 0.5rem;


}


.category-rest a.contact{


  color: #fff;


  background-color: #c7000a;


  font-size: 0.18rem;


	font-family:'Helvetica Bold';


  margin-bottom: 0.23rem;


}


.category-rest a.download{


  cursor: pointer;


  color: #000;


  border: 1px #000 solid;


  font-size: 0.18rem;


	font-family:'Helvetica Bold';


}


.category-intro{


  float: left;


  margin-top: 1.4rem;


  width: 9.5rem;


}


#categoryProductList .swiper-slide{


  width: 9.5rem !important;


}


#categoryProductList .swiper-container-horizontal>.swiper-pagination-bullets,


#categoryProductList .swiper-pagination-custom,


#categoryProductList .swiper-pagination-fraction{


  bottom: 0;


}


#categoryProductList .swiper-pagination-bullet-active{


  background: #c7000a;


}


.category-intro h1{


  font-size: 0.48rem;


  color: #c7000a;


  /* text-transform: capitalize; */


	font-family:'Helvetica Bold';


  font-weight: normal;


}


/* .category-intro h1::first-letter {


  text-transform: uppercase;


} */


.category-intro-txt{


  font-size: 0.18rem;


  margin: 0.3rem 0;


  line-height: 0.44rem;


  font-family: 'Helvetica Light';


}


.category-intro-txt p{


  min-height: 0.44rem;


  font-family: 'Helvetica Bold';


}


.category-intro-txt span{


  word-break: break-word;


  font-family: 'Helvetica Light';


}


.category-img{


  width: 9.5rem;


  height: 6.6rem;


}





#uniform.swiper-container{


	width: 100%;


	height: 8.32rem;


  margin-bottom: 1.55rem;


}


#uniform .swiper-slide-prev,#uniform .swiper-slide-active{


  width: 7.61rem !important;


	height: 7.41rem !important;


  margin-top: 0 !important;


}


#uniform .swiper-slide{


  width: 1.46rem;


  height: 5.5rem;


  margin-top: 1.1rem;


}


#uniform .swiper-container-horizontal>.swiper-pagination-bullets,#uniform .swiper-pagination-custom,#uniform .swiper-pagination-fraction{


  bottom: 0;


}


#uniform .swiper-pagination-bullet-active{


  background: #c7000a;


}