@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:normal;}
fieldset {border:0;}
caption, th{text-align:left;}
q:before, q:after{content:'';}

img{border:0;}
body {font-size: 14px;margin:0 0;font-family:Arial,Verdana,Helvetica,Sans-serif,宋体;}
td,th{color:#000000;font-family:Arial,Verdana,Helvetica,Sans-serif,宋体;font-size:14px;line-height:20px;}


.cl{clear:both;}
a,a:link,a:visited,a:active{color:#333333; text-decoration:none;}
a:hover{color:#f6b402; text-decoration:underline;}

.bbcgray{border-bottom:1px solid #ccc;}
.img{ border:solid 1px #dedede;}
.red{ color:#f6b402;}

/*主体框架*/
.headerframe{clear:both;margin:0 auto;padding:0;width:100%;}
.mainnavframe{clear:both;margin:0 auto;padding:0;width:100%; }
.bannerframe{clear:both;width:100%;height:150px;margin:0px auto; padding:0; text-align:center; background-color:#fff; border-bottom:solid 1px #f0f0f0;}
.main{ clear:both;margin:0 auto;padding:0;width:320px;}
.search{ clear:both; margin:0 auto; text-align:center; margin-top:10px; padding:5px; background-color:#f7f7f7;  }

/*头*/
.logo{ clear:both; margin:0 auto; width:100%; text-align:center; padding:15px 0px; background:url(images/topbg.gif); font-size:20px; font-weight:bold; color:#FFFFFF;}
.logo img{width:220px; text-align:center;}

.biaoti1{ clear:both; margin:15px auto; width:100%; background:url(images/title1.png) no-repeat left;  }
.biaoti1 a{ display:block; color:#000000; font-size:22px; padding:25px 0px 0px 73px;}
.biaoti1 a:hover{ text-decoration:none; color:#f6b402; }

.biaoti2{ clear:both; margin:15px auto; width:100%; background:url(images/title2.png) no-repeat left;  }
.biaoti2 a{ display:block; color:#ffffff; font-size:22px; padding:25px 0px 0px 73px;}
.biaoti2 a:hover{ text-decoration:none; color:#f6b402; }

.biaoti3{ clear:both; margin:15px auto; width:100%; background:url(images/title3.png) no-repeat left;  }
.biaoti3 a{ display:block; color:#000000; font-size:22px; padding:25px 0px 0px 73px;}
.biaoti3 a:hover{ text-decoration:none; color:#f6b402; }

.biaoti4{ clear:both; margin:15px auto; width:100%; background:url(images/title4.png) no-repeat left;  }
.biaoti4 a{ display:block; color:#ffffff; font-size:22px; padding:25px 0px 0px 73px;}
.biaoti4 a:hover{ text-decoration:none; color:#f6b402; }

.gengduo{ clear:both; margin:20px auto 30px auto; width:120px; text-align:center;}
.gengduo a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#000000; background:#f6b402; }
.gengduo a:hover{ color:#ffffff; text-decoration:none;}

.imainbox1{ clear:both; background:#f6f6f6; padding:10px 2% 10px 2%;}
.imainbox1 .content{ clear:both; font-size:14px; line-height:22px;}

.imainbox2{ clear:both; background:url(images/bg2.jpg); padding:30px 2% 10px 2%;}
.imainbox2{ clear:both; background:url(images/bg2.jpg); padding:30px 2% 10px 2%;}
.imainbox2 .fenlei{ clear:both; margin-bottom:20px; padding:10px 10px; background:#282828;}
.imainbox2 .fenlei a{ padding:0px 20px 0px 10px; color:#FFFFFF; background:url(images/dot.png) left center no-repeat; line-height:22px;}
.imainbox2 ul{clear:both; width:100%;}
.imainbox2 li{ padding:0px 1% 10px 1%; width:30%;  text-align:center; font-size:12px; line-height:20px; overflow:hidden; display:inline-block; }
.imainbox2 li a{ display:block; border:1px solid #d6d6d6; background:#d6d6d6;}
.imainbox2 li img{ width:100%;}

.imainbox3{ clear:both; padding:30px 2% 10px 2%;}
.imainbox3 .xinwen{font-size:14px; overflow:hidden;}
.imainbox3 .xinwen a{ display:block; clear:both; font-size:14px; line-height:28px; background:url(images/dot.png) left center no-repeat; padding-left:10px;}

.imainbox4{ clear:both; background:url(images/bg2.jpg); padding:30px 2% 10px 2%;}
.imainbox4 ul{clear:both; width:100%;}
.imainbox4 li{ padding:0px 1% 5px 1%; width:30%;  text-align:center; font-size:12px; line-height:20px; overflow:hidden; display:inline-block; }
.imainbox4 li a{ display:block; border:1px solid #d6d6d6; background:#d6d6d6;}
.imainbox4 li img{ width:100%;}

.linkbox{ clear:both; width:100%; margin:20px auto;}
.linkbox .biaoti{clear:both; text-align:center; padding:10px 0px;}
.linkbox .linknr{clear:both;}
.linkbox .linknr a{ font-size:14px; line-height:22px;}

/*导航*/
.mainnavframe{ clear:both; width:100%; margin:0 auto; background:#000000; height:72px;}
nav{ clear:both; margin:0 auto; width:320px; color:#ffffff; height:72px; text-align:center; }
nav a,nav a:link,nav a:visited{ float:left; color:#ffffff; font-size:12px; width:80px; line-height:36px; text-align:center; font-weight:bold; display:block; }
nav a:hover{ color:#ffffff; text-decoration:underline;}

/*banner*/
.bannerframe .banner{position:relative;width:320px;height:150px;margin:0 auto; padding:0; overflow:hidden;}
.bannerframe .banner ul{height:220px;width:320px; position:absolute;}
.bannerframe .banner ul li{ float:left;width:320px;height:150px;}
.bannerframe .banner .numlist{ vertical-align:middle;position:absolute; width:100%; height:20px; right:0; bottom:0px; text-align:center; /*filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;*/overflow:hidden; }
.bannerframe .banner .numlist span{display:inline-block; _display:inline;  width:10px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background-color:#3a8216;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.bannerframe .banner .numlist span.show{background-color:#eb5401;}

/*尾*/
.btmbox{ width:100%; margin:0 auto; clear:both; padding-bottom:50px; background:#191919; overflow:hidden; }
.footermenu{ clear:both; width:100%; margin:0 auto; text-align:center; color:#FFFFFF; border-bottom:1px solid #3c9026;}
.footermenu a{color:#FFFFFF; font-size:14px; height:30px; line-height:30px;}
.btmbox .dibu{ clear:both; width:98%; margin:0 auto; line-height:22px; font-size:14px; color:#ffffff;  text-align:center; padding:10px 0px;}
.dibu a,.dibu a:link,.dibu a:visited{line-height:22px; font-size:14px; color:#ffffff; }
.dibu a:hover{ font-size:14px;color:#fff0e3; }

.footerframe{ clear:both;margin:0 auto 0 auto; width:100%; background:#f6b402; position:fixed; bottom:0px; left:0; z-index:999; overflow:hidden;}
.foottel{ clear:both; margin:0 auto 0 auto; width:320px; padding:5px 0px; }
.foottel ul{ margin:0; clear:both; overflow:hidden; padding:5px 0 5px 0;}
.foottel ul li{ float:left; width:25%; text-align:center;}
.foottel ul li img{ width:80%;}
.footer{clear:both; margin:0 auto;width:320px; line-height:18px; font-size:14px; text-align:left; line-height:21px; color:#FFFFFF;   }
.footer a{ color:#FFFFFF;}

.main{ width:100%; margin:-5px auto 0 auto; padding:0px; }
.index{ width:100%; margin:0 auto; padding:0px; background:#f0f0f0; font-size:14px;}
.datalist{margin:10px 0 10px 10px; border-bottom:0px solid #cccccc; overflow:hidden; }
.datalist p{font-weight:bold; line-height:21px;}
.datalist .content{ padding:6px ; line-height:18px;}

.datalist ul{clear:both; width:100%;}
.datalist li{ padding:0px 1% 5px 1%; width:47%;  text-align:center; font-size:13px; line-height:20px; overflow:hidden; display:inline-block; }
.datalist li a{ display:block; border:1px solid #fff; font-size:13px; }
.datalist li img{ width:100%; border:1px solid #cccccc;}

.datalist0{margin:15px 0 0 10px; border-bottom:0px solid #cccccc; overflow:hidden; }
.datalist0 ul{clear:both; width:100%;}
.datalist0 li{ padding:0px 1% 5px 1%; width:98%;  text-align:center; font-size:12px; line-height:20px; overflow:hidden; display:inline-block; }
.datalist0 li a{ display:block; border:1px solid #fff; }
.datalist0 li img{ width:100%;}

.datalist1{clear:both; overflow:hidden; width:320px; margin:0 auto; }
.datalist1 p{font-weight:bold; line-height:21px;}

.datalist1 ul{clear:both; overflow:hidden; background-color:#FFFFFF; padding-top:10px; padding-bottom:10px;}
.datalist1 li{ float:left;text-align:center; overflow:hidden; padding-right:8px; line-height:23px; font-size:12px;}

.datalist2{clear:both; overflow:hidden; margin:0 auto; margin:10px 1%; }
.datalist2 p{font-weight:bold; line-height:21px;}

.datalist2 ul{clear:both; padding:0px; overflow:hidden;}
.datalist2 li{ clear:both; border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
.datalist2 li a{ display:block; clear:both;}
.datalist2 li span{ display:block; clear:both; font-family:Arial, Helvetica, sans-serif;}

.datalistproduct{clear:both; margin:16px 0;}
.datalistproduct img{float:left; margin:0 10px 0 0; border:0px solid #cccccc;}

.datalistimg{margin:5px 6px; width:150px; float:left; text-align:center;  }
.datalistimg img{ margin:0 10px 0 0; border:1px solid #cccccc; width:100%;}

.bigimg{ text-align:center;}
.bigimg img{ width:100%;}


.cate{background:#f6b402; padding:10px 10px; border-bottom:0px solid #9cd4ff; overflow:hidden;}
.cate a,.cate a:link,.cate a:visited{display:block; width:24%; float:left; margin-left:1%; text-align:left; font-size:14px; color:#ffffff; overflow:hidden;}
.cate a:hover{color:#d2ffe3; text-decoration:underline;}

 
.linklist{margin:0 10px; line-height:21px;}
.linklist a{margin-right:10px; font-size:12px; }

.mdlist{margin:10px 0 0 0; border-bottom:0px solid #cccccc;}

.dataview{ margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:13px;}
.dataview img{ width:100%;}

.position{border-bottom:1px solid #cccccc; padding:5px 10px 0 10px; background:#eeeeee; line-height:26px; font-size:12px; color:#333333;}
.position a,.position a:link,.position a:visited{color:#333333;}
.position a:hover{color:#d73d00; text-decoration:underline;}

.pagelist{clear:both; font-size:12px; height:20px; line-height:20px; margin-top:10px; margin-bottom:10px; text-align:left; color:#f6b402; overflow:hidden;}
.pagelist a{color:#363535; text-decoration:none; line-height:20px; margin:5px 1px; border:#CCCCCC solid 1px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding:0px 2px;}
.pagelist a:hover{color:#f6b402; text-decoration:none; border:#149045 solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#f6b402; border:#f6b402 solid 1px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

input{height:35px;line-height:35px;border-radius:5px; padding:0 15px;}
input[type="radio"]{height:15px;line-height:15px;border-radius:0px; padding:0 5px;}
input[type="text"]{height:29px;line-height:29px;border-radius:5px; padding:0 15px;}

option,select{ border:solid 1px #000; height:31px; line-height:31px;Font-size: 14px;padding:0px 0 0 0px;background:#fff; border-radius:3px; }


@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}


@media screen and (min-width:640px) {
	.header{width:640px;}
	.mainnav{width:640px; }
	.footer{width:640px;}
	.main{width:640px;}
	.banner{width:640px;}
	.banner ul{width:640px; }
	.banner ul li{ width:640px;}
	.cate a,.cate a:link,.cate a:visited{display:block; width:46%;}


}
@media screen and (max-width:540px) {
	body,html {
	font-size:13.5px
}
}
@media screen and (max-width:480px) {
	body,html {
	font-size:14px
	}
}
@media screen and (max-width:420px) {
	body,html {
	font-size:12px
	}
}
@media screen and (max-width:360px) {
	body,html {
	font-size:12px
	}
}
@media screen and (max-width:320px) {
	body,html {
	font-size:12px
	}
}