@charset "utf-8";
.slideBox{box-sizing: border-box; line-height: 0; padding: 0px; margin: 0px; margin-top: 52px;}
.slide{width: 100%;}
.slider{margin:0 auto;overflow:hidden;z-index:1;width: 100%;position: relative;}
.slider ul li img{width:100%}
.slider ul{width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.slider ul li{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.focus_current{position: absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10; bottom: 6px; width: 100%;}
.cut-icon{width: 20px; height: 2px; display:inline-block;  background: #9A9A9A; background-color: #9A9A9A; /* opacity: .3; */ margin: 0rem 0.1rem;}
.now-block{opacity:1;background: #06EA22;background-color: #06EA22;}
.catlogo{width: 96%; padding: 10px 0px; float: left; margin-top: 10px; background: #fff;background-color: #fff;  margin-left: 2%;}
.catlogo ul{}
.catlogo ul li{float: left; display: inline; width: 25%; text-align: center;margin-bottom: .5rem;}
.catlogo ul li div{padding: 0 15px;float: none;}
.catlogo ul li a{}
.catlogo ul li img{width: 86%;}
.catlogo ul li h2{font-size: 12px; height: 18px; line-height: 18px; color: #666; font-weight: 100;margin-top: 3px;}
.recommendpre{background: #fff;background-color: #fff; margin-top: 0.3em;box-shadow: 0px 2px 4px #ADADAD;-moz-box-shadow: 0px 2px 4px #ADADAD;      -webkit-box-shadow: 0px 2px 4px #ADADAD;width: 96%;margin-left: 2%;}
.newpro{border-top: 1px solid #ccc; margin-top: 0.2em; width: 100%;}
.recpro{width: 100%;}
.recprotitle{height: 1.5em; line-height: 1.5em; border-bottom: 1px solid #ccc; float: none;background-color: #DADADA;}
.recprotitle .recprotitleleft a{color: #272727;  display: block; padding: 0px 10px;font-size: 0.66em;}
.recprotitle .recprotitleright a{font-size: 0.66em; color: #272727;}
.recprotitleleft{ text-align: center;}
.recprotitleright{float: right; margin-right: 6px;}
.newprotitle{height: 1.5em; line-height: 1.5em; border-bottom: 1px solid #ccc; float: none;background-color: #DADADA;}
.newprotitle .newprotitleleft a{color: #272727; font-size: 0.66em; display: block; padding: 0px 10px;}
.newprotitle .newprotitleright a{font-size: 0.66em; color: #272727;}
.newprotitleleft{}
.newprotitleright{float: right; margin-right: 6px;}
.recpromain{}
.recpromain a{display: block; padding: 6%;}
.recommendbottomad{width: 100%; border: none; margin-top: 3px;}
.recommendbottomad a{display: block;/* background-color: #fff; */text-align: center;}
.recommendbottomad img{width: 100%;}
.recommendtopad{float: left; width: 100%;background-color: #fff;}
.lefttopad{width: 50%; float: left; box-sizing: border-box;line-height: 0; /* width: 10rem; */ height: 9rem;z-index: 1;display: inline-block;}
.lefttopad img{width: 100%;}
.righttopad{float: left; box-sizing: border-box; line-height: 0; width: 50%; /* height: 9rem; */ display: inline-block; vertical-align: top; /* margin-right: -50%; */}
.righttopadtop{box-sizing: border-box; line-height: 0; width: 100%; /* height: 4.5rem; */ z-index: 1; display: inline-block;}
.righttopadtop img{width: 100%;}
.righttopadbottom{box-sizing: border-box; line-height: 0; width: 100%; /* height: 4.5rem; */ z-index: 1; display: inline-block;}
.righttopadbottom img{width: 100%;}
.protopad{background-color: #ebecee;margin-top: 6px;width: 96%;margin-left: 2%;}
.catpropre{margin-top: 0.5em;width: 96%;margin-left: 2%;}
.catpro{width: 100%;}
.catprotitle{width: 100%; height: 1.8em; line-height: 1.8em; border-bottom: 1px solid #EFEFEF; background: #fff;background-color: #DADADA;}
.catprotleft{padding-left: 1.3px; height: 1.8em;}
.catprotleft a{height: 1.8em; font-size: 0.66em; color: #272727; margin-left: 6px;}
.catprotright{float: right; margin-right: 6px;}
.catprotright a{font-size: 0.66em;color: #272727;}
.catpromain{}
.protitle0{width: 1.5%; height: 1.8em; background: #FF7400;background-color: #FF7400;}
.proshadow{width: 32.5% !important;margin-left: 0.5% !important;background-color: #fff;padding: 16px 0px;margin-top: 0.5%;}
.protitle1{float: left; width: 1.5%; height: 1.8em; background: #E500FF;background-color: #E500FF;}
.protitle2{float: left; width: 1.5%; height: 1.8em; background: #4A79DD;background-color: #4A79DD;}
.allpro{width: 100%; text-align: center; background: #fff;background-color: #fff; padding: 6px 0px;}
.allpro a{font-size: 0.8em;}
.catlogo ul{float:left;width:100%}
.ordercat{width: 100%; padding: 10px 0px; margin: 6px 0px; background: #fff;background-color: #fff; text-align: center;}
.ordercat ul{}
.ordercat ul li{float: left; width: 25%; line-height: 30px; height: 30px;}
.ordercat ul li a{height: 30px; font-size: .76rem; color: red;}
.msgdiv {width: 100%;background: #fff;background-color: #fff;text-align: center;}
.msgdiv marquee {height: 30px;line-height: 30px;width: 90%;font-size: 0.5em;}
.hotandnewad{width: 100%;}
.hotandnewad a{width: 100%;text-align: center;}
.hotandnewad img{width: 100%;}
.header{background-color: #F1F6F7 !important;}
.headercat span{background: url(../images/allcat.png) center center no-repeat !important;background-size: 35px !important;-webkit-background-size: 35px !important;;}
.showsearch{float: right;margin-right: 50px;}
.showsearch img{width: 20px;height: 20px;margin: 15px 0px;cursor: pointer;}