@charset "utf-8"; /* CSS Document */
html{height:100%}
body{font-family:Arial,Helvetica,sans-serif; color:#333;  margin:0 auto; font-family:"微软雅黑" }
*{padding: 0; margin: 0; border: 0;font-style: normal; font-weight: normal;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none
}
*:focus {outline: none} 
h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,em,b,kbd,table,ul,li,button,input,kbd{ font-weight:normal}
strong{ font-weight:bold;}
div{ font-size:14px;overflow:hidden}
nav,footer,section,header,article{display:block}
ul{list-style:none}
a:link{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none}
a:link,a:visited,a:hover,a:active{color:#000}
img{-webkit-touch-callout:none}
input,textarea{-moz-border-radius:0px; -webkit-border-radius:0px;border-radius:0px}
input{ cursor:pointer}
img{border:0; }
ul{list-style:none;overflow:hidden }
.clear{clear:both; }
a{text-decoration: none; color: #666666; }
a:hover{color:#000; }
.left{float:left; }
.right{float:right}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;resize: none;} 
select{  -webkit-tap-highlight-color:#fff;tap-highlight-color:#fff; border-radius:0}


.red{ color:#a50000}
.white{ color:#fff;}
.gray888{ color:#888}

.top{ width:100%; margin:0 auto; max-width:1100px;min-height:110px;}
.menu{ min-height:60px;}
.logo{ width:360px; height:110px; float:left;}
.logo img{ height:100%; width:100%;}
.toptel{ float:right; padding:30px 20px 10px 20px; width:215px; height:60px;}
.toptel img{ float:left; padding-top:10px;}
.toptel span{ float:right; font-size:12px; padding-right:10px; padding-top:5px;}
.toptel b{ font-size:24px; line-height:24px; display:block; padding:5px 0 0 10px; float:left; color:#b70000}

/*banner*/
.bannerbg{ background:#d01712 }
.banner{ max-width:1200px; margin:0 auto}

.footbg{ background:#aa0a07; width:100%; padding:10px 0 25px 0;}
.foot{ width:100%; margin:0 auto; max-width:1100px;}
.foottel{ float:left; padding:45px 30px 0px 80px; width:260px; height:140px; color:#fff; }
.foottel ul li{  margin-bottom:10px; height:30px;line-height:30px;}
.foottel ul li b{ display:block; float:left; border-radius:4px; width:100px; height:30px; text-align:center; background:#920400}
.foottel ul li span{ display:block; padding:0 0 0 15px; float:left; font-size:16px;}

.footadd{  padding:85px 30px 0px 70px; width:370px; color:#fff; height:100px;float:left;}
.footadd h3{ background:url(../images/mapicon.png) no-repeat; padding-left:30px; line-height:28px; margin-bottom:10px;}

.footlink{ float:left;padding:15px 0px 0px 40px; width:200px; }
.footlink h3{ color:#fff; margin-bottom:10px;}
.footlink ul li{ border-radius:4px; width:140px; margin-right:10px; height:30px; text-align:center; background:#920400; margin-bottom:5px;}
.footlink ul li a{ line-height:30px; color:#fff;}
.footlink ul li:hover{ background:#a40400; }

.footer{ width:100%; text-align:center; background:#920400; line-height:30px; padding:5px 0; color:#fff;}
.footer a{ color:#fff;}


/*内页*/
.main{  padding:20px 0; width:100%; max-width:1100px;margin:0 auto; }
.nybt{ width:490px; margin:30px auto 10px auto; height:70px;}
.nybt h2{border-bottom:1px solid #b70000; position:relative; text-align:center; height:45px; color:#464646; text-transform:uppercase}
.nybt h2 b{ width:150px; background:#fff; display:block; top:30px; left:170px; height:30px; line-height:30px; position: absolute; color:#b70000;}
.viewbt{ font-size:18px; color:#555; padding:0 5px 15px 5px; font-weight:bold;}
.viewbt span{ color:#920400; display:block; font-size:14px; padding-top:5px;}

.nymenulist{ text-align:center; line-height:40px; }
.nymenulist ul li{ display:inline-block; padding:0 5px 5px 5px; }
.nymenulist ul li a{font-size:14px; display:inline-block; width:90px; text-align:center;background:#eee; border-radius:4px; }
.nymenulist ul li a:hover{ background:#ccc}

.text{ line-height:180%; padding:0 5px;}
.text img{ max-width:100%; height:auto }

/*翻页*/
.Pager{ padding:20px 10px 20px 10px; text-align:center; border-top:1px solid #eee;}
.Pager a{ display:inline-block; padding:5px 0px; width:28px; margin:0 2px 4px 2px; background:#eee; font-size:14px; }
.Pager .CurrentPage{ background:#c30000; color:#fff;}




@media (max-width:420px) {
.top{ min-height:60px;}
.logo{ width:180px; height:55px;}
.footer{line-height:16px; font-size:12px; padding:10px 0 50px 0;}
.footer span{ display:block;}	
.footbg{  padding:0 0 10px 0;}
.footlink{ width:300px; margin:0 auto;}
.footlink ul li{ float:left}
.toptel,.foottel,.footadd,.pc_nav{ display:none}
.main{ padding:5px 0 10px 0;}
.nybt{ width:290px;}
.nybt h2 b{ left:85px;width:120px;}
.nymenulist ul{ padding:5px 0;}
.nymenulist ul li{ line-height:28px; }
.footnav{ background:#222; height:35px; padding-top:5px; position:fixed; bottom:0; width:100%;}
.footnav ul li{ width:25%; text-align:center; float:left}
.footnav ul li kbd{ display:block; height:15px;}
.footnav ul li a{ color:#fff; font-size:12px; height:20px;}
}

@media (min-width:768px) {
.nymenulist ul li{padding:0 10px 5px 10px;}
.nymenulist ul li a{ width:120px;}
.nav,.navbg,.footnav{ display: none}
}




/*产品*/
.pro_list{ width:25%; float:left; text-align:center; margin-bottom:25px;}
.pro_list kbd img{ width:90%; height:auto}
.pro_list b{ line-height:260%; background:#c30000; display:block; width:90%; margin:0 auto; margin-top:1px; color:#fff; font-size:14px; overflow:hidden; height:40px;}

@media (max-width:420px) {	
.pro_list{ width:50%;margin-bottom:10px;}	
.pro_list b	{ line-height:300%;}
}

/*新闻*/

.newsmk{ padding:0 0 20px 0;}
.newsmk h2{ font-size:16px; margin:10px 0 10px 0; background:#eee; border-radius:5px; padding:7px;}
.newsmk h2 a:hover{ color:#c30000;}
.newsimg{ width:15%; float:left; padding-right:15px;}
.newsimg img{ width:100%; height:auto;}
.newsmk p{ height:75px; overflow:hidden; padding-top:15px; padding-right:15px; line-height:25px; color:#666}



@media (max-width:420px) {	
.newsmk{ padding:0 5px 10px 5px;}	
.newsimg{width:20%;  padding-right:7px;}
.newsmk p{ height:35px; overflow:hidden; padding:0;line-height:17px;}

}


/*首页*/
.homepro{ padding:0 0 0 0px;}
.homeproleft{ width:575px; float:left}
.homepromk{ width:33.333%; float:right; position:relative; }
.homepromk img{ width:97%; height:auto}
.homepromk span{ display:block; position:absolute; bottom:0; width:97%; background:#dadada; height:50px;text-align:center; line-height:25px; padding:10px 0; font-size:16px; text-transform:uppercase;}
.homepromk b{ display:block; position:absolute; top:0; width:97%; background:#686868; height:50px; text-align:center; line-height:25px; padding:10px 0; font-size:16px; text-transform:uppercase;}

.homeproright{ width:520px;float:left}
.homeproright kbd{ float:right}
.homeproright ul{ float:left;}
.homeproright ul li{ position:relative;  width:328px;}
.homeproright ul li span{ display:block; position:absolute; height:60px; right:0; width:125px; background:#686868;padding:40px 0; line-height:30px; text-align:center;font-size:16px;text-transform:uppercase; color:#888}
.homeproright ul li b{ display:block; position:absolute; height:62px; left:0; width:125px; background:#dadada; padding:30px 0;line-height:30px; text-align:center; font-size:16px;text-transform:uppercase; color:#888}







@media (max-width:420px) {	
.homeproleft{ width:100%;}
.homepromk span{ line-height:16px; height:32px;padding:5px 0; font-size:14px;}
.homepromk b{ line-height:16px; height:32px;padding:5px 0;font-size:14px}
.homeproright,.shopimg{ display:none}
.shoplist{ width:100%;}
.shoplist ul li{ line-height:35px; padding:0 10px; font-size:15px; color:#888;background:#e9e9e9}
.shoplist ul li:nth-child(2n){ background:#fff;font-size:15px;}
.shoplist ul li a{ color:#777;font-size:15px; display:block; overflow:hidden; width:100%; height:35px; }
.shoplist ul li span{ color:#333; padding:0 15px;font-size:15px;}
}






.shopimg{ float:left; }
.shoplist{ float:left; width:650px;}
.shoplist ul li{ line-height:47px; padding:0 10px; font-size:16px; color:#888;background:#e9e9e9}
.shoplist ul li:nth-child(2n){ background:#fff;}
.shoplist ul li a{ color:#777 }
.shoplist ul li span{ color:#333; padding:0 15px;}


@media (min-width:420px) and (max-width:1100px) {
.footnav,.footadd,.foottel,.toptel,.homeproright,.pc_nav{ display: none}
.homeproleft{ width:100%;}
.nav{ display:block; top:25px;}


.footlink{ width:300px; margin:0 auto;}
.footlink ul li{ float:left}
.footer{line-height:18px; font-size:12px; padding:10px 0 10px 0;}
.footer span{ display:block;}
.shopimg{ display: none}
.shoplist{ width:100%}

.newsword img{ float:none; margin:auto 15% 7px 15%; width:70%; height:auto}


}