/* BASIC css start */
#contentWrap {width:100%; box-sizing:border-box;}

#promotionBox {}
.titleBox {padding:80px 3% 40px;box-sizing:border-box;background:#f5f5f5;border-top:2px solid #000;display:flex;justify-content: space-between;align-items: center;}
.titleBox .tt {font-size:24px; font-weight:600; margin-bottom:10px}
.titleBox .des {font-size:14; color:#535353; }
.titleBox .des strong {font-size:16px; margin-bottom:10px; color:#000; display:block; }
.titleBox .img span {width:184px; height:184px; background:#e0e0e0; display:inline-block; border-radius:100%; overflow:hidden; }

.prodArea {padding:0 3%; box-sizing:border-box;}
.slideBox {padding:140px 0%; box-sizing:border-box; }
.slideBox .tt {font-size:25px; font-weight:600; margin-bottom:36px; }
.prodSwiperBox { position:relative;}
.prodSwiperBox .swiper-slide {width:calc(16.666% - 10px)}
.prodSwiperBox .swiper-button-prev, .prodSwiperBox .swiper-button-next {background: #9fa1a0;border-radius:100%;width:42px;height:42px;top: 41%;}
.prodSwiperBox .swiper-button-prev {left: -22px;}
.prodSwiperBox .swiper-button-prev:after {content: ''; width:16px; height:16px;border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; transform: rotate(225deg); position: absolute;top:12px; left:15px;}
.prodSwiperBox .swiper-button-next {right: -22px;}
.prodSwiperBox .swiper-button-next:after {content: '';width: 16px;height: 16px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;transform: rotate(45deg);position: absolute;top: 12px;lef;left: 10px;}

.prodTobBox {padding-top:32px; border-top:2px solid #e5e5e5}
.prodTab {display:flex; margin-bottom:38px; }
.prodTab .tab {display:flex;justify-content: center;align-items: center;box-sizing: border-box;border: 1px solid #000;width: 160px;height: 42px;font-size: 14px;margin-right: 10px;}
.prodTab .tab.on {background:#000; color:#fff; }


.prod_list {font-size:0}
.prod_list .prod_con {display:inline-block;width: calc(20% - 30px);margin-right:37px;vertical-align:top;}
.prod_list .prod_con:nth-child(5n) {margin-right:0}

.prodTabCon {display:none; }
.prodTabCon.active {display:block; }



/* BASIC css end */