/*通用样式*/
@charset "utf-8";
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
fieldset, img{border:none;}
img{vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
ul, li{list-style:none;}
input{padding:0px;font-family: "微软雅黑";}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
select, input, textarea{font-size:12px;margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{color:#000000;font-size:12px;font-family:"微软雅黑", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB"; background:#F5F5F5;padding:0;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
a{color:#000000;text-decoration:none;display:inline-block;cursor:pointer;}
a:hover{color:#000000;text-decoration:none;}
.hidden{visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
ul{margin:0 auto;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0 auto;}
h1{font-size:36px;line-height:45px;}
h2{font-size:20px;line-height:30px;}
h3{font-size:18px;}
h4{font-size:16px;line-height:22px;}
h5{font-size:14px;}
h6{font-size:12px;}
dd{margin:0 auto;}
@media screen and (min-width:100px) and (max-width:900px){
/*顶部*/
header{width:100%;position:absolute;top:0;left:0;z-index:999;background-color:transparent;text-align:center;height:50px;}
.headtop{background-color:#ebebeb;height:52px;line-height:26px;display:none;}
.headcon{width:100%;margin:0 auto;}
.headleft{float:left;margin-left:20px;}
.headleft .login{color:#4e4e4e;}
.headleft .regist{color:#ff4545;margin-left:10px;}
.headright{float:right;margin-right:20px;}
.headright span{margin-left:7px;margin-right:7px;}
/*.headbot{height:74px;}*/
.logo{width:100px;line-height:74px;margin-left:20px;display:none;}
.logo img{width:100%;}
/*搜索*/
.search{width:100%;position: fixed;top: 0;}
.search form{width:100%;height:30px;background-image:url(/Content/Images/sear.png);background-repeat:no-repeat;background-size:100% 100%;}
.search input{width:80%;height:26px;padding-left:10px;outline: none;color:#b5b0ae;background-color: #FFFFFF;border: none;margin-top:2px;margin-left:2px;}
.search input:before{content: "\f002";font-family: FontAwesome;font-size:12px;color:#b5b0ae;}
.search button{width:15%;height:30px;border:none;border-radius:0 3px 3px 0;cursor:pointer;color:#FFFFFF;background-color:transparent;padding:0;line-height:30px;font-size:14px;}
/*我的购物车*/
.cart{margin-right:10px;margin-top:10px;display:none;}
.cart1{width:85px;height:30px;background-color:#FFFFFF;border:1px solid #c3c3c3;text-align:center;line-height:30px;}
.cart1 .gwc{width:15px;height:15px;display:inline-block;margin-right:5px;}
.cart1 .wdgwc{line-height:30px;}
.cart1 .wdgwc a{color:#ff6600;font-size:.8rem;}
/*导航栏*/
.navigation{height:40px;background:#ff6600;position:fixed;top:100px;left:0;z-index:999;width:100%;line-height: 40px;display:none;}
.navleft{width:100%;margin:0 auto;}	
.navigation .nav {position: relative;z-index: 111;float:left;}			
.navigation .nav .navli{float: left;width:80px;text-align:center;margin-right:10px;}
.navigation .nav .navli1{width:180px;}
.navli:hover .qbsp {background-color: #ff0000;}
.nav .navli.active .qbsp{background-color: #ff0000;}
.qbsp {width: 100%;height: 40px;display: inline-block;}	
.navigation .nav li a {color: #fff;}			
.navigation .nav li .second-nav {display:none;position: relative;background-color:#f4f4f4;}			
.navigation .nav li .second-nav li {position: relative;background-color: #f4f4f4;}			
.navigation .nav li .second-nav li:hover {background-color: #f4f4f4;}			
.navigation .nav li .second-nav li a {color: #000000;}			
#nav {position: relative;z-index: 1;width:180px;background:#f4f4f4;}			
#nav .mainCate {position: relative;padding: 10px;zoom: 1;}			
#nav .evenLeval {background: #f4f4f4;}			
#nav h3 {height:28px;line-height:28px;overflow: hidden;margin:0;text-align:left;color:#000000;}						
#nav p {line-height: 20px;text-align:left;margin:0;margin-top:5px;margin-bottom:5px;}
#nav p a {margin-right:2px;color:#b6b6c5;display:inline-block;min-width:48px;}
#nav .navimg{width:100%;height:150px;margin-top:10px;}
#nav .subCate {display:none;position: absolute;left:180px;top: 0;width: 750px;padding: 0 0 20px 20px;color: #333;background-color:#FFFFFF;}
#nav .subCate h3{height:26px;line-height:26px;margin: 10px 0 10px 0;color:#000;}
#nav .subCate .dggl{text-align:left;width:100%;}
#nav .subCate .dgglh4{float:left;width:12%;line-height:40px;font-size:14px;}
#nav .subCate .dgglnr{float:left;width:88%;}
#nav .subCate .dgglnr a{display:inline-block;margin-left:8px;margin-right:8px;color:#b6b6c5;font-size:12px;}
#nav .subCate .dgglnr span{display:inline-block;color:#B6B6C5;font-size:12px;}			
#mainCate-4 .subCate {top: -100px}
.custom{display:none;}
/*通知*/
.topbar{float:right;margin-right:20px;}	
.topbar em{font-style:normal;color:#FFFFFF;}
.topbar em a{color:#FFFFFF;}
.topbar em img{width:12px;margin-right:5px;display:inline-block;line-height:16px;}	
/*banner*/
.banner{margin-top:0;width:100%;font-style:normal;}
.slideBox{width:100%;position:relative;height:160px;}
.slideBox .hd{height:25px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:25px; height:25px; line-height:24px; text-align:center; background:#fff; cursor:pointer;border-radius:3px;}
.slideBox .hd ul li.on{ background:#ff6600; color:#fff; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;height:160px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/Content/Images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.conten{margin-bottom:50px!important;}
/*底部*/
.footer{width:100%;background-color:#e6e6e6;font-style:normal;display:none;}
.foot-main{width:1200px;margin:0 auto;padding:10px 0;}
.foot-main dl{width:25%;float:left;text-align:center;}
.foot-main dl dt{color:#555555;font-size:14px;font-weight:bold;}
.foot-main dl dt img{width:20px;float:left;margin-right:5px;}
.foot-main dl dt span{float:left;}
.foot-main dl dd{text-align:left;margin-left:45%;color:#555555;font-size:12px;margin-bottom:5px;}
.bottom{background:#555555;width:100%;text-align:center;color:#FFFFFF;padding:10px 0;font-size:12px;}
.bot_left p a{color:#FFFFFF;}
.bot_left p{margin:0;margin-bottom:5px;}


.weixin{width:46px; height:26px;position:relative; font-size:12px;margin:0 auto;display:none;}
.weixin a{display:inline-block;}
.weixin .weixin_nr{width:50px;padding:5px; background:#fff; text-align:center; position:absolute; left:-12px; top:25px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute; left:20px; top:-5px;}
.weixin.on .weixin_nr{ display:block;}

.footer1{position:fixed;bottom:0;left:0;width:100%;text-align:center;height:50px;background-color:rgba(255,255,255,1);}
.footer1 ul li{float:left;width:25%;}
.footer1 ul li img{width:20px;height:20px;margin-top:5px;margin-bottom:5px;}
.footer1 ul li span{display:block;}
.footer1 .active a{color:#ff6600;}
}
 @media screen and (min-width:900px) and (max-width:3000px){
/*顶部*/
header{width:100%;position:fixed;top:0;left:0;z-index:999;background-color:#f5f5f5;}
.headtop{height:26px;line-height:26px;}
.headcon{width:1200px;margin:0 auto;}
.headright .login{color:#4e4e4e;}
.headright .regist{color:#ff4545;}
.headright{float:right;margin-right:20px;}
.headright span{margin-left:7px;margin-right:7px;}
.headbot{height:74px;}
.logo{width:480px;margin-left:10px;}
.logo a{float:left;margin-top:-15px;padding-left:5px;}
.logo .logo2{width:150px;height:75px;}
.logoright{float:left;margin-top:18px;margin-left:26px;width:60%;}
.logoleft{float:left;width:40px;height:40px;margin-right:10px;}
.logolxdh{float:left;margin-top:16px;}
.logolxdh p{margin:0;}
/*.logolxdh .toggle{font-size:15px;font-weight:400;letter-spacing: .2px;color:#FF6600;}*/
.logolxdh .phone{color:#63666a;font-size:15px;line-height:18px;display: inline-block;}
.phonimg{vertical-align:middle;width:16px;height:16px;margin-right:5px;}
.logolxdh .phone span{vertical-align:middle;}
/*搜索*/
.search{margin-top:27px;}
.search form{width:460px;height:28px;background-image:url(../Images/sear.png);background-repeat:no-repeat;background-size:100% 100%;}
.search input{width:371px;height:24px;padding-left:10px;outline: none;color:#b5b0ae;background-color: #FFFFFF;border: none;margin-top:2px;margin-left:2px;}
.search input:before{content: "\f002";font-family: FontAwesome;font-size:12px;color:#b5b0ae;}
.search button{width:77px;height:28px;border:none;border-radius:0 3px 3px 0;cursor:pointer;color:#FFFFFF;background-color:transparent;padding:0;line-height:28px;font-size:14px;}
/*我的购物车*/
.cart{margin-right:80px;margin-top:25px;}
.cart1{width:135px;height:30px;background-color:#FFFFFF;border:1px solid #c3c3c3;text-align:center;line-height:30px;}
.cart1 .gwc{width:15px;height:15px;display:inline-block;margin-right:5px;vertical-align:middle;}
.cart1 .wdgwc{line-height:30px;vertical-align:middle;}
.cart1 .wdgwc a{color:#ff6600;}
.cart1 sup{display: inline-block;padding: 1px;font-size: 12px;line-height: 14px;letter-spacing:-1px;color: #fff;background-color:red;border-radius:100%;min-width: 14px;font-family: tahoma,arial;text-align: center;margin-left:-5px;}


/*导航栏*/
.navigation{height:40px;background:#63666a;position:fixed;top:100px;left:0;z-index:998;width:100%;line-height: 40px;border-bottom:3px solid #ff6600;}
.navleft{width:1200px;margin:0 auto;}	
.navigation .nav {position: relative;z-index: 111;float:left;}			
.navigation .nav .navli{float: left;width:80px;text-align:center;margin-right:10px;}
.navigation .nav .navli1{width:180px;padding:0;}
.navli:hover .qbsp {background-color:#000;}
.nav .navli.active .qbsp{background-color:#000;}
.qbsp {width: 100%;height: 40px;display: inline-block;}	
.navigation .nav li a {color: #fff;}			
.navigation .nav li .second-nav {display:none;position: relative;background-color:#f4f4f4;}			
.navigation .nav li .second-nav li {position: relative;background-color: #f4f4f4;}			
.navigation .nav li .second-nav li:hover {background-color: #f4f4f4;}			
.navigation .nav li .second-nav li a {color: #000000;}			
#nav {position: relative;z-index: 1;width:180px;background:#f4f4f4;}			
#nav .mainCate {position: relative;padding: 10px;zoom: 1;}			
#nav .evenLeval {background: #f4f4f4;}			
#nav h3 {height:28px;line-height:28px;overflow: hidden;margin:0;text-align:left;color:#000000;}						
#nav p {line-height: 20px;text-align:left;margin:0;margin-top:5px;margin-bottom:5px;}
#nav p a {margin-right:2px;color:#b6b6c5;display:inline-block;min-width:48px;}
#nav .navimg{width:100%;height:150px;margin-top:10px;}
#nav .subCate {display:none;position: absolute;left:180px;top: 0;width: 750px;padding: 0 0 20px 20px;color: #333;background-color:#FFFFFF;}
#nav .subCate h3{height:26px;line-height:26px;margin: 10px 0 10px 0;color:#000;}
#nav .subCate .dggl{text-align:left;width:100%;}
#nav .subCate .dgglh4{float:left;width:12%;line-height:40px;font-size:14px;}
#nav .subCate .dgglnr{float:left;width:88%;}
#nav .subCate .dgglnr a{display:inline-block;margin-left:8px;margin-right:8px;color:#b6b6c5;font-size:12px;}
#nav .subCate .dgglnr span{display:inline-block;color:#B6B6C5;font-size:12px;}			
#mainCate-4 .subCate {top: -100px}

#nav1{margin-top:-12px;}
#nav1 p a{line-height:32px;color:#999999;display:block;}

.custom{height:25px;position:fixed;top:143px;left:0; z-index:997;width:100%;line-height:25px;}
.custop{width:1200px;margin:0 auto;border:1px solid #ddd;border-right:0;border-bottom:0;}
.custop div{float:left;width:399px;text-align:center;font-style: normal;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background-color:#FFFFFF;}
.custop div p{margin:0;}
.custop div p a{color:#ff6600;}
/*通知*/
.topbar{float:right;margin-right:20px;}	
.topbar em{font-style:normal;color:#FFFFFF;}
.topbar em a{color:#FFFFFF;vertical-align:middle;}
.topbar em img{width:12px;margin-right:5px;display:inline-block;line-height:16px;vertical-align:middle;}	
/*banner*/
.banner{margin-top:200px;width:100%;font-style:normal;}
.slideBox{width:100%;position:relative;}
.slideBox .hd{height:25px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:25px; height:25px; line-height:24px; text-align:center; background:#fff; cursor:pointer;border-radius:3px;}
.slideBox .hd ul li.on{ background:#ff6600; color:#fff; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{width:100%;}
.slideBox .bd img{ width:100%;display:block;height:380px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../Images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*底部*/
.footer{width:100%;background-color:#e6e6e6;font-style:normal;}
.foot-main{width:1200px;margin:0 auto;padding:10px 0;}
.foot-main dl{width:25%;float:left;text-align:center;}
.foot-main dl dt{color:#555555;font-size:14px;font-weight:bold;}
.foot-main dl dt img{width:20px;float:left;margin-right:5px;}
.foot-main dl dt span{float:left;}
.foot-main dl dd{text-align:left;margin-left:45%;color:#555555;font-size:12px;margin-bottom:5px;}
.bottom{background:#555555;width:100%;text-align:center;color:#FFFFFF;padding:10px 0;font-size:12px;}
.bot_left p a{color:#FFFFFF;}
.bot_left p{margin:0;margin-bottom:5px;}


.weixin{width:46px; height:26px;position:relative; font-size:12px;margin:0 auto;}
.weixin a{display:inline-block;}
.wenxin1{}
.weixin .weixin_nr{width:60px;padding:5px; background:#fff; text-align:center; position:absolute; left:-5px;top:25px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute; left:20px; top:-5px;}
.weixin .wenxinimg img{width:60px;height:60px;}
.weixin.on .weixin_nr{ display:block;}
.wenxinimg{position:relative;}
.weixinpop{position: absolute;left:auto;right:-5px;top:-5px;width:224px;border: 1px solid #cfcfcf;background-color: #fff;border-bottom: 3px solid #60575a;display:none;}
.weixinpop .arrow1{width:0; height:0; border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent; position:absolute; right:40px; top:-5px;}
.pop1{padding:10px 5px;border-bottom:1px solid #E2E2E2;}
.pop1 span{float:left;vertical-align: middle;}
.pop1 span a{font-size:12px;color:#666;font-weight:bold;}
.pop1 img{float:left;vertical-align:middle;border:1px solid #CFCFCF;padding:5px;width:90px!important;height:90px!important;}

.wenxinimg:hover .weixinpop{display:block;}
.weixin:hover .weixinpop{display:block;}

}