body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p {margin:0;padding:0;}
body { color:#fff; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; text-decoration: none; background-color:#151515; font-size:14px; min-width:320px  }
a{ color:#fff; text-decoration:none;}
a:active, a:hover{ color: #fff; text-decoration:none;}
:focus{outline:0}
img { border-style: none;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
input,button{ vertical-align:middle}
.clear{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}
.kg{ font-family:"宋体";}
 /*header*/
header{width:100%;height:40px; position:fixed; left:0; top:0; z-index:9999;   display:box; display:-webkit-box; display:-moz-box; }
header:after{display:block;height:0;clear:both;content:"";overflow:hidden;visibility:hidden;}
header h1{ display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;}
header h1 img{ padding-left:5px; max-height:40px;}
.yuyan{ font-size:14px;   display:block; width:40px; height:40px;   line-height:40px; text-align:center; border-left:#333 0px solid ;  }
.yuyan a{ color:#FFFFFF;display:block;     }
.searchbt{ background: url(../images/wap_ico03.png) center center no-repeat; height:40px; width:40px;     display:block;border-left:#333 0px solid;   }
.searchbt a{display:block; height:40px; width:40px; }
#yuyanlist{display:none; position:fixed; width:100%; text-align:center; top:40px; right:0;  padding:0;border-radius: 0px;  -moz-border-radius: 0px;
-khtml-border-radius: 0px;-webkit-border-radius: 0px;background-color:rgba(0,0,0,.5); }
#yuyanlist a{ line-height:24px; display:block;   text-align:center;   }
.zhezhao3{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:9;display:none}
#header{ position:absolute; top:10px; left:10px; z-index:2}
#header h1{ margin:0; padding:0}

#topcontainer{ position:absolute; z-index:99; top:0; left:0; width:100%; height:auto}
#top{ width:100%; height:40px; background:rgba(0,0,0,1); overflow:hidden; display:block}
#top a{ display:block; width:25%; height:40px; float:left; background:no-repeat center; background-size:auto 20px;}
#top a#list{ background-image:url(../images/wap_link.png);}
#top a#home{ background-image:url(../images/wap_ico03.png);}
#top a#tel{ background-image:url(../images/wap_tel.png);}
#top a#map{ background-image:url(../images/wap_map.png);}
#toplist{width: 40px; 
height: 30px; 
background-color: #000; 
border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;  display:block; float:right
}
#toplist a{ display:block;width: 40px; 
height: 30px;}
#toplist a i{ display:block;  width:16px; height:16px;background-image:url(../images/wap_listtop.png); background-size:auto 16px; margin:0 auto; margin-top:5px;}

  /*内页顶部*/
.lanm{ position:fixed; width:100%; height:45px; left:0; top:0; z-index:997; background:#333; display:box; display:-webkit-box; display:-moz-box;}
.lanm span{ width:40px; height:100%; display:block;}
.lanm h1{ display:block; color:#FFF; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; line-height:45px; text-align:center; font-size:16px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lanm h1 form{ display:box; display:-webkit-box; display:-moz-box; margin:0 10px; margin-top:7px}
.lanm h1 label{ width:30px; height:30px;background:#b3b3b3 url(../images/wap_ico03.png) center center no-repeat; display:block}


.lanm h1 input{ box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;display:block; background:#FFFFFF;  height:30px; border:0px; color:#333; font-size:14px;  border-radius: 0px;  -moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;}
 #back{ border-right:1px solid #444; background:#383838;}
#back a{ display:block; height:100%; background:url(../images/wap_back.png) no-repeat center; background-size:10px auto}
#lm{ border-left:1px solid #444; height:100%; background: #383838 url(../images/wap_lm.png) no-repeat center; background-size:auto 15px;}
.lanm .submenu{ position:absolute; width:100%; left:0; top:45px; background:#000; display:none;}
.lanm .submenu a{ display:block; height:40px; line-height:40px; border-bottom:1px solid #333; margin:0 10px; background:url(../images/wap_arr.png) no-repeat right center;background-size:auto 12px;}
.lanm .submenu a:last-child{ border:none;}
.zhezhao2{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:9;display:none}
.zhezhao3{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:9;display:none}

/* sub papge*/
#content{ background: #505050;border-radius:3px;-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;  margin: 10px 4px;  margin-top:55px;line-height: 24px; padding: 10px; }
.title{ border-bottom: solid #404040 1px; padding-bottom: 5px; font-size: 16px; margin-bottom:10px }

.pageindex{ position:relative; overflow:hidden; min-width:320px; }
 
.pageindex div.list{ position:absolute; top:15.5%; left:0;}
.pageindex div.list a{ display:block; height:30px; line-height:30px; background:#47c4e4; text-align:center; color:#FFF; font-size:12px; margin-top:5px;  padding:0px 40px; float:left; clear:left;}

/*news */
.newslist{}
.newslist ul{ list-style: none;}
.newslist ul li a{ display: block; border-bottom:solid #404040 1px;padding-bottom: 5px;padding-top: 5px;  }
.newslist ul li p{font-size: 11px; line-height: 12px;color: #7f7f7f; }
h2{ text-align: center; border-bottom: #404040 1px dashed; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
/*prolist_pic */
.prolist {margin-right: 10px;}
.prolist ul li{ text-align: center;   width:45%; overflow: hidden; float: left; background: rgba(0, 0, 0, 0) url(../images/prod-head-sm.jpg) no-repeat scroll top center;
    padding: 0px 0 0 0;margin: 2% 3% 2% 2%;background-size:100%}
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 12px; height:40px;}
.prolist  li:nth-child(n){ }
.prolist  li:nth-child(n+1){  }
.prolist  li a{ display:block; line-height:20px;}
.prolist  li a img{ width:100%}
.order a{ float: right;  display:block;width: 100px; height: 25px; border-radius: 3px;  -moz-border-radius: 3px; text-align:center;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;border: #b83930 1px solid; padding-left: 5px;
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/} 
.back{text-align:center;}

/*copyright*/
#copyrightindex {  width:100%; height:20px; text-align:center; font-size:12px; color:#000; position:fixed; left:0; bottom:3px;  }
#copyrightindex a{ color:#000; }
#copyright {  width:100%; height:20px; text-align:center; font-size:12px; color:#999; display:block   }
#copyright a{ color:#999; }
/*footer*/
footer{ width:100%; height:40px; line-height:40px; background:#333; position:fixed; left:0; bottom:0;}
footer a{ display:block; width:25%; height:40px; float:left; background:no-repeat center; background-size:auto 20px;}
footer a#list{ background-image:url(../images/wap_link.png);}
footer a#home{ background-image:url(../images/wap_home.png);}
footer a#tel{ background-image:url(../images/wap_tel.png);}
footer a#map{ background-image:url(../images/wap_ico03.png);}

/*page */
.pagelist { margin: 20px 10px; height: 40px; background:#FFF; color:#666; line-height: 40px; display: box; font-size: 12px; border: 1px solid #BBB; display: -moz-box; display: -webkit-box; border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px; webkit-border-radius: 5px;  }
.pagelist span { display: block; text-align: center; box-flex: 1.0; -moz-box-flex: 1.0; -webkit-box-flex: 1.0; }
.pagelist a { color:#666;}
.pagelist .zi{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 12px;text-align:center;vertical-align:middle; width:90px}
.pagelist .current,.pagelist .num,.pagelist span{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 2px;text-align:center;vertical-align:middle;width:20px}

/*order */
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}
.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 { margin: 0 auto 0 auto; width: 96%;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { 
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/
}
/*banner*/
#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; }

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden; max-width:640px;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;}
.focus .hd ul .on{ background:#FE6C9C;}

.focus .bd{	position:relative;	z-index:0;	margin:0px;	padding:0px;	overflow: hidden;}
.focus .bd li{ margin:0px; padding:0px; max-height:auto;}
.focus .bd li img{ width:100%; max-width:640px; height:auto;   background:url(../images/wap_loading.gif) center center no-repeat;  }
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}
/*banner end*/


.prod-pic {
    
    
    margin: 20px auto;
    padding: 5px;
    width: 96%;
	background-size:97%;
}
.prolist dd{    width: 40%;
    background: #333;
    line-height: 40px;
    padding: 0 0 0 20px;
    border-radius: 5px;
    box-shadow: 0px 1px 2px;
    margin: 1.5% 1%;
    float: left;}
 .pro_cate_pic li{float:left;    width: 50%;
    margin: 10px 0;}