@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"΢ÈíÑźÚ","ËÎÌå"; background:#fff;}
a{ text-decoration:none;cursor:pointer;} 
ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ width:100%; max-width:720px; min-width:320px; margin:0 auto;}

/*top*/
.top{ float:left; width:100%; text-align:center;}
.top img{ width:90%; padding:15px 0px;}
.nav{ float:left; width:100%; background:#e10000;}
.nav ul{ float:left; width:80%; padding:15px 10%; padding-bottom:7px;}
.nav ul li{ float:left; width:32%; margin-right:2%; margin-bottom:8px;}
.nav ul li a{ float:left; width:100%; height:30px; line-height:30px; text-align:center; box-shadow:#fff 0px 0px 1px 1px; border-radius:5px; color:#fff; font-size:14px;}
.nav ul li:nth-of-type(3n){ margin-right:0px; float:right;}
/*banner*/
.banner{ float:left; width:100%; height:270px; position:relative; overflow:hidden;}
.banner .boxs { width:100%; height:270px; position:absolute; top:0px; left:0px;}
.banner .boxs img { float:left; width:100%; height:270px; display:block;}
.banner .banner-num{position:absolute;z-index:2;right:5px;bottom:10px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:10px;height:10px;margin-right:5px;background:#ddd;border-radius:10px;}
.banner .banner-num span.current{background:#C00;}
@media screen and (min-width: 600px) and (max-width : 720px){
.banner{ height:230px;}
.banner .boxs { height:230px;}
.banner .boxs img {  height:230px;}
}
@media screen and (min-width: 480px) and (max-width : 599px){
.banner{ height:210px;}
.banner .boxs { height:210px;}
.banner .boxs img {  height:210px;}
}
@media screen and (min-width: 411px) and (max-width : 479px){
.banner{ height:180px;}
.banner .boxs { height:180px;}
.banner .boxs img {  height:180px;}
}
@media screen and (min-width: 360px) and (max-width : 410px){
.banner{ height:150px;}
.banner .boxs { height:150px;}
.banner .boxs img { height:150px;}
}
@media screen and (min-width: 300px) and (max-width : 360px){
.banner{ height:130px;}
.banner .boxs { height:130px;}
.banner .boxs img { height:130px;}
}
/*tupic*/
.tupic{ float:left; width:100%; margin-top:10px; padding-top:10px; padding-bottom:10px;}
.tupic h2{ float:left; width:100%; font-weight:normal; background:url(../images/h2bg.jpg) left repeat-x; margin-bottom:10px;}
.bt{ width:50%; height:50px; background:#fff; margin:0 auto;}
.bt span{ float:left; width:100%; text-align:center; font-size:18px; color:#000;  display:inline-block; padding-bottom:5px;}
.bt b{ float:left; width:100%; text-align:center; font-size:12px; display:inline-block; color:#a3a3a3; font-weight:normal;}
.tupic ul{ float:left; width:96%; padding-left:2%; padding-right:2%; margin-top:10px;}
.tupic ul li{ float:left; width:47%; margin-bottom:30px;}
.tupic ul li a{ float:left; width:98%; border:1px solid #ddd; padding:5px; overflow:hidden;}
.tupic ul li a img{ float:left; width:100%; height:150px;}
.tupic ul li:nth-of-type(2n){ float:right; margin-right:1%;}
.tupic ul li span{ float:left; width:100%; font-size:14px; padding-top:15px; overflow:hidden; display:inline-block; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.more{ float:left; width:100%; text-align:center;}
.more a{ width:150px; height:24px; line-height:22px; text-align:center; background:#ec0000; color:#fff; border-radius:15px; display:inline-block;}
/*list*/
.list{float:left; width:100%; margin-top:10px; padding-top:10px; padding-bottom:10px;}
.list h2{ float:left; width:100%; font-weight:normal; background:url(../images/h2bg.jpg) left repeat-x; margin-bottom:10px;}
.list ul{ float:left; width:100%; margin-bottom:20px;}
.list ul li{ float:left; width:100%; border-bottom:1px dashed #ddd;}
.list ul li a{ float:left; width:76%; height:38px; line-height:38px; font-size:16px; color:#4f4f4f; text-indent:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background:url(../images/ph_bg1.png) 6px no-repeat;}
.list ul li span{ float:right; padding-right:5px; line-height:38px;}
/*about*/
.about{float:left; width:100%; margin-top:10px; padding-top:10px; padding-bottom:10px;}
.about h2{ float:left; width:100%; font-weight:normal; background:url(../images/h2bg.jpg) left repeat-x; margin-bottom:10px;}
.about p{ float:left; width:96%; padding-left:2%; padding-right:2%; margin-bottom:20px; line-height:24px; font-size:14px;}
.about p img{ float:left; max-width:100%; margin-bottom:10px;}
.about video{width:50%;}
.cnav{ float:left; width:100%;}
.cnav ol{ float:left; width:96%; padding-left:2%; padding-right:2%;}
.cnav ol li{ float:left; width:48%; margin-bottom:10px;}
.cnav ol li a{ float:left; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; background:#e10000; font-size:12px; border-radius:15px;}
.cnav ol li:nth-of-type(2n){ float:right;}

.about ul{ float:left; width:96%; padding-left:2%; padding-right:2%; margin-top:10px;}
.about ul li{ float:left; width:47%; margin-bottom:30px;}
.about ul li a{ float:left; width:98%; border:1px solid #ddd; padding:5px; overflow:hidden;}
.about ul li a img{ float:left; width:100%; height:150px;}
.about ul li:nth-of-type(2n){ float:right; margin-right:1%;}
.about ul li span{ float:left; width:100%; font-size:14px; padding-top:15px; overflow:hidden; display:inline-block; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layer{ float:left; width:100%; line-height:25px; text-align:center; margin-top:10px; margin-bottom:20px;}
.layer a{ color:#888; padding:5px 8px; color:#fff; background:#e10000; margin-left:8px;}
/*product_list*/
.info{ float:left; width:100%; overflow:hidden;}
.info h4{ float:left; width:100%; text-align:center; padding-top:15px; font-size:16px;}
.info span{ float:left; width:100%; line-height:35px; font-size:12px; text-align:center; border-bottom:1px dashed #ddd;}
.info p{ float:left; width:100%; line-height:25px; font-size:14px; padding-top:10px; margin-bottom:30px; overflow:hidden;}
.info p img{ max-width:99%;}
.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#727272;}
.page a{ color:#727272}
.page a:hover{ color:#eb5c18}
/*bnav*/
.bnav{ float:left; width:100%; height:80px; background:#ec0000; position:fixed; bottom:0px; left:0px;}
.bnav a{ float:left; width:25%; height:80px;}
.bnav a dl{ float:left; width:100%; height:80px;}
.bnav a dl dt{ float:left; width:100%; text-align:center;}
.bnav a dl dt img{ width:32px; padding-top:10px;}
.bnav a dl dd{ float:left; width:100%; height:30px; line-height:30px; color:#fff; text-align:center;}

/*bottom*/
.bottom{ float:left; width:100%; background:#000; color:#fff; margin-top:20px; padding:10px 0px;}
.bottom p{ text-align:center; line-height:22px;}