@charset "utf-8";

/*=S big banner css */
.HPbanner{margin-top:1.5rem;}
.bannerImg{width:100%; height:auto;}
/*=E big banner css */

.sectionTit{background-color:#eef; border-bottom:1px solid #ccc; font-size:1.6rem; padding:1rem; margin-top:2rem;} 
.moreBtn{display:block; margin:0 2rem; padding:.8rem; border:1px solid #ccc; text-align:center; border-radius:6px;}

/*=S Slide PP css */
.slidePP{display:-webkit-box; display:-webkit-flex; display:flex; padding:.5rem 0;}
.slidePP a{display:block; width:27.3%; margin:1rem 3%;}
.slidePP img{border:1px solid #ccc; width:100%; height:auto;}
.slidePP span{display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;}
.slidePP .desc{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-line-clamp:3;color:#666;margin-top:5px;}
.slidePPGroup{/*following CSS fixing that CSS3 translate sometimes cause 1px missing at bottom */padding-bottom:1px;}
/*=E Slide PP css */

/*=S Trade Show css */
.hmTsBox{position:relative; margin:2rem 1rem;}
.hmTsBox .hmlTsImg{width:100%;vertical-align:top;}
.hmTsBox .hmTsTxt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;display:box;box-orient:vertical;box-pack:center;padding:0 32px 0 5px;min-height:41px;font-size:14px;font-weight:bold;color:#fff; position:relative; background-color:#c00;}
.hmTsTxt:before, .hmTsTxt:after{content:""; width:0; height:0;  position:absolute; top:5px; right:10px; border:16px solid transparent; border-left-color:#c00;}
.hmTsTxt:before{right:2px; border-left-color:#fff;}
/*=E Trade Show css */

/*=S O2O section css */
.sectionTit .tagline{color:#999;display:block;font-size:0.875em;}
.sectionTit .new{color:#c00;font-size:0.7em;vertical-align:super;}
.O2O_nav{position:relative;font-size:14px;overflow:hidden;background:#e4e7ec;}
.O2O_nav .item{float:left;display:inline-block;width:22%;padding:0.8em 1.5%;font-size:1em;vertical-align:middle;}
.O2O_nav .txt{color:#000;height:2em;line-height:1;white-space:normal;overflow:hidden;display:block;text-align:center;}
.O2O_nav .cur{background:#69c;color:#fff;}
.O2O_nav .cur .txt{color:#fff;}
/* scrollable nav start */
.O2O_navScroll{height:3.6em;}
.O2O_navScroll:after{width:1em;content:"";height:100%;position:absolute;z-index:10;top:0;right:0;background-image:linear-gradient(90deg,rgba(228,231,236,0),rgba(228,231,236,.4) 30%, #e4e7ec 100%);}
.O2O_navScroll .con{padding-bottom:20px;white-space:nowrap;position:relative;left:0;-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden;}
.O2O_navScroll .con::-webkit-scrollbar{width:0;height:0;display:none;}
.O2O_navScroll .item{width:24%;float:none;}
.O2O_navScroll.onEnd:after{opacity:0;}
/* scrollable nav end */
/*=S O2O section css */