@charset "utf-8";
body {font-family:"微软雅黑", Arial;font-size:1rem;padding-top:3rem;padding-bottom:4rem;min-width:320px;max-width:720px;margin:0 auto;background:#f4f4f4;color:#666;line-height:150%;}
h1,h2,h3,h4,h5,h6,ul,li,p{margin:0;padding:0;}
ul{list-style:none;}
a,a img{text-decoration:none;border:none;}

a.back,a.home{display:block;width:3rem;height:3rem;position:absolute;}
a.back{left:0;top:0;background:url(skin/cc2.png) no-repeat center center;background-size:1.2rem 1.2rem;}
a.home{right:0;top:0;background:url(skin/home.png) no-repeat center center;background-size:1.2rem 1.2rem;}
.headbar,.footerbar{width:100%;position:fixed;z-index:999;}
.headbar{height:3rem;background:#00923a;left:0;top:0;text-align:center;line-height:3rem;}
.headbar h1{display:block;width:40%;margin:0 auto;text-align:center;font-size:1.13rem;color:#FFF;font-weight:normal;font-weight:normal;white-space:nowrap;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
.footerbar{height:4rem;background:#f8f8f8;left:0;bottom:0;border-top:1px solid #CCC;}
div,ul,li{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
.footerbar ul li{display:block;width:25%;height:3rem;}
.footerbar ul li{display:inline;float:left;}
.footerbar ul li a{display:block;width:100%;height:1.7rem;padding-top:2.3rem;font-size:0.86rem;text-align:center;color:#333;}
a.navIcon1{background:url(skin/navicon1.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;}
a.navIcon2{background:url(skin/navicon2.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;}
a.navIcon3{background:url(skin/navicon3.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;}
a.navIcon4{background:url(skin/navicon4.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;}
.footerbar ul li.on a.navIcon1{background:url(skin/navicon1s.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;color:#00923a;}
.footerbar ul li.on a.navIcon2{background:url(skin/navicon2s.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;color:#00923a;}
.footerbar ul li.on a.navIcon3{background:url(skin/navicon3s.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;color:#00923a;}
.footerbar ul li.on a.navIcon4{background:url(skin/navicon4s.png) no-repeat center 0.5rem;background-size:1.75rem 1.75rem;color:#00923a;}
ul.menulist,ul.brands,ul.quality,ul.hotprolist,ul.promenulist,ul.zbookslist{display:block;width:100%;height:auto;margin:0 auto;overflow:hidden;}
ul.menulist{background:#FFF;border-bottom:1px solid #DDD;}
ul.menulist li{display:block;width:25%;height:auto;padding:0.86rem 0 0.86rem 0;}
ul.menulist li,ul.brands li,ul.quality li,ul.hotprolist li{display:inline;float:left;overflow:hidden;}
ul.menulist li a{display:block;width:100%;height:100%;text-align:center;font-size:0.86rem;line-height:1rem;color:#666;}
ul.menulist li a img{width:3rem;height:3rem;}
ul.brands{margin-top:0.66rem;}
ul.brands li{display:block;width:33.33%;height:auto;text-align:center;}
ul.brands li img{width:96%;border:1px solid #ddd;}
ul.quality{background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
ul.quality li{display:block;height:auto;}
ul.quality li.q1{width:40%;border-right:1px solid #DDD;}
ul.quality li.q2{width:60%;border-bottom:1px solid #DDD;}
ul.quality li.q3,ul.quality li.q4{width:30%;vertical-align:bottom;}
ul.quality li.q3{border-right:1px solid #DDD;}
ul.quality li img{width:100%;vertical-align:bottom;}
.hotproducts{width:100%;height:auto;margin:0 auto;overflow:hidden;background:#FFF;border-top:1px solid #DDD;margin-top:0.66rem;}
.tt{width:100%;height:3rem;line-height:3rem;}
.tt a,ul.promenulist li a{display:block;width:100%;height:100%;color:#666;background:url(skin/cc.png) no-repeat 98% center;background-size:1rem 1rem;}
.tt b,.tt a b{font-size:1rem;padding-left:0.66rem;border-left:5px solid #00923a;margin-left:0.66rem;}
ul.hotprolist li{width:50%;height:auto;padding:2% 1% 0 1%;}
ul.hotprolist li a{display:block;width:100%;height:100%;border:1px solid #DDD;position:relative;float:left;overflow:hidden;padding-bottom:10%;}
ul.hotprolist li a img{width:100%;}
ul.hotprolist li a span{position:absolute;left:0;bottom:0;width:80%;padding:0 10% 0 10%;height:3.33rem;background:#FFF;line-height:150%;}
ul.hotprolist li a span h1,ul.hotprolist li a span h2,ul.zbookslist li a span h1,ul.zbookslist li a span h2{text-align:center;font-weight:normal;white-space:nowrap;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
ul.hotprolist li a span h1,ul.zbookslist li a span h1{font-size:1rem;color:#333;}
ul.hotprolist li a span h2,ul.zbookslist li a span h2{font-size:0.75rem;color:#999;}
ul.promenulist{background:#FFF;}
ul.promenulist li{display:block;width:100%;height:3.33rem;line-height:3.33rem;border-bottom:1px solid #DDD;float:left;}
ul.promenulist li a b{margin-left:0.66rem;font-weight:normal;}
ul.promenulist li a:active,ul.promenulist li a:hover{background-color:#eee;}
.banner,.textInfo,.proimg{width:100%;height:auto;margin:0 auto;overflow:hidden;}
.banner{margin-bottom:-0.33rem;}
.banner img{width:100%;}
.textInfo{background:#FFF;border-bottom:1px solid #ddd;border-top:1px solid #DDD;padding:1rem 0 1rem 0;margin-top:0.66rem;}
.textInfo p,.textInfo ul li{padding:0.33rem 0.66rem 0.33rem 0.66rem;font-size:0.75rem;line-height:150%;color:#666;}
.textInfo p b{color:#333;}
.textInfo ul{padding:1rem 0 1rem 0;}
ul.menuTabs-2,ul.menuTabs-3,ul.menuTabs-4,ul.menuTabs-5{display:block;width:100%;height:3rem;overflow:hidden;margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #DDD;background:#FFF;}
ul.menuTabs-2 li,ul.menuTabs-3 li,ul.menuTabs-4 li,ul.menuTabs-5 li{display:inline;height:3rem;float:left;line-height:3rem;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul.menuTabs-2 li.on,ul.menuTabs-3 li.on,ul.menuTabs-4 li.on,ul.menuTabs-5 li.on{border-bottom:5px solid #00923a;}
ul.menuTabs-2 li.on a,ul.menuTabs-3 li.on a,ul.menuTabs-4 li.on a,ul.menuTabs-5 li.on a{color:#00923a;}
ul.menuTabs-2 li a,ul.menuTabs-3 li a,ul.menuTabs-4 li a,ul.menuTabs-5 li a{display:block;width:100%;height:100%;color:#666;}
ul.menuTabs-2 li{display:block;width:50%;}
ul.menuTabs-3 li{display:block;width:33.33%;}
ul.menuTabs-4 li{display:block;width:25%;}
ul.menuTabs-5 li{display:block;width:20%;}
ul.zbookslist{background:#FFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;margin-top:0.66rem;}
ul.zbookslist li{display:block;width:33.33%;height:10rem;padding:2% 1% 0 1%;}
ul.zbookslist li{display:inline;float:left;overflow:hidden;}
ul.zbookslist li a{display:block;width:100%;height:100%;text-align:center;float:left;position:relative;}
ul.zbookslist li a span{position:absolute;left:0;bottom:0;width:80%;padding:0 10% 0 10%;height:3.33rem;line-height:150%;}
ul.zbookslist li a img{height:60%;}
.proimg{border-bottom:1px solid #DDD;background:#FFF;padding-bottom:-0.33rem;}
.proimg img{width:100%;}