/* BASIC css start */
#contentWrap {width:100%; }

.h_title { padding: 50px 0px 30px; text-align: center; }
.h_title h3 { font-size: 24px; font-weight: bold; color: rgb(41, 41, 41); }


.codiSliderBox {position: relative;  background:#E9EAEC;  width: 100%;}
.codiSlider {position:relative; width: 1420px; margin:0 auto; padding-bottom:50px}
.codiSlider img {max-width:100%; width:100%}
.codiSlider .swiper-slide {width:33.33%}
.codiSlider .swiper-pagination {display: table; table-layout: fixed; width:100%; bottom: 24px !important; box-sizing: border-box; padding: 0;   }
.codiSlider .swiper-pagination-bullet{cursor: pointer;border-radius: 0 !important;height:2px;margin:0 !important;width:auto; display: table-cell; background:#fff}
.codiSlider .swiper-pagination-bullet-active{background: #fff !important; } 


.promotionBox { width: 1420px; margin:62px auto 0;}
.section_tt {font-size:16px; line-height:1; font-weight:bold; padding: 0 16px 24px; box-sizing:border-box; }
#codiThumbnail {font-size:0; box-sizing:border-box; padding:0 16px;  }
#codiThumbnail li {display:inline-block; width:calc(33.33% - 16px); margin-right:24px; vertical-align:top; margin-bottom:32px; }
#codiThumbnail li:nth-child(3n) {margin-right:0}
#codiThumbnail li:nth-last-child(-n+3) {margin-bottom:0}
#codiThumbnail li > a {display:inline-block; }
#codiThumbnail li > a img { width:100%}
#codiThumbnail li > a .txt {margin-top:16px; }
#codiThumbnail li > a .txt .tt {font-size:14px; font-weight:bold; line-height:1.3; margin-bottom: 4px; display: block;}
#codiThumbnail li > a .txt .description {font-size:12px; color:#999; }


.list_shopping2x .list_shoppingInfo {text-align:left; }
/* BASIC css end */

