/* BASIC css start */
#promotionBox {}
.titleBox {padding:16px 3% 48px;box-sizing:border-box;border-top:2px solid #000;}
.titleBox .top {display:flex;justify-content: flex-start;align-items: center;}
.titleBox .tt {font-size:16px; font-weight:400; padding-left:20px; line-height:1.3 }
.titleBox .des {font-size: 13px;color:#535353;margin-top: 10px;line-height:1.3;font-weight:300;word-wrap:break-word;word-break:keep-all;}
.titleBox .des strong {font-size: 15px;margin-bottom:6px;color:#000;display:block;font-weight:500;line-height:1.3}
.titleBox .img span {width:90px; height:90px; background:#e0e0e0; display:inline-block; border-radius:100%; overflow:hidden;  }

.prodArea { box-sizing:border-box; min-height: 800px; position: relative; }
.slideBox {box-sizing:border-box; }
.slideBox .tt {font-size:24px; font-weight:600; margin-bottom:36px; line-height:1.3; padding:0 3%; box-sizing:border-box; }
.prodSwiperBox { position:relative;}
.prodSwiperBox .prodSwiper {box-sizing:border-box; padding:0 2.6%}
.prodSwiperBox .swiper-slide {width:calc(26% - 10px)}
.prodSwiperBox .swiper-button-prev, .prodSwiperBox .swiper-button-next {background: #9fa1a0;border-radius:100%;width:32px;height:32px;top: 33%;}
.prodSwiperBox .swiper-button-prev {left:5px;}
.prodSwiperBox .swiper-button-prev:after {content: '';width:10px;height:10px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;transform: rotate(225deg);position: absolute;top: 11px;left: 12px;}
.prodSwiperBox .swiper-button-next {right:5px;}
.prodSwiperBox .swiper-button-next:after {content: '';width:10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: inline-block;transform: rotate(45deg);position: absolute;top: 11px;left: 9px;}

.prodTobBox {padding:0 3%; }
.prodTabArea { min-height: 500px; position: relative; width: 100%; }
.prodTab {margin-bottom:24px;border-top:1px solid #e5e5e5;padding-top: 20px;font-size: 0;}
.prodTab .tab {display:inline-flex;justify-content: center;align-items: center;box-sizing: border-box;border: 1px solid #e5e5e5;width: calc(25% - 6px);height: 40px;font-size: 13px;margin-right: 8px; margin-bottom:8px; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.prodTab .tab:nth-child(4n) {margin-right:0; }
.prodTab .tab.on {background:#000; color:#fff; }

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

.prodTabCon {display:none; width: 100%;}
.prodTabCon.active {display:block !important;}
/* BASIC css end */