@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
/*header*/
header{ overflow:hidden; width:100%; height:5em;}
header h1{ float:left; width:40%; text-align:center;}
header h1 img{ width:90%; margin-top:10%}
header .wen{ overflow:hidden; width:55%; padding-left:5%; height:5em; background:url(/Public/mobile/images/xian.png) no-repeat left center; float:left; background-size:0.08em;}
header h2 { font-size:1em; color:#666; font-weight:normal; margin-top:5%;}
header .wen a{ font-size:1.167em; color:#f47b22; background:url(/Public/mobile/images/phone.png) no-repeat left center; background-size:1em; line-height:1.5em;}

/*nav*/
.nav{ overflow:hidden; width:100%;}
.nav li{ float:left; width:25%; background:url(/Public/mobile/images/nav01.png) repeat-x left bottom; text-align:center; font-size:1em; background-color:#f47b22;}
.nav li a{ color:#fff; display:block; padding:1em 0; background:url(/Public/mobile/images/nav02.png) left top repeat-y}

/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner img{ width:100%; display:block}


.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:15px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:15px; padding:3px 5px; 	font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#F47B22;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;     }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ×÷·ÏÁ´½Ó¸ßÁÁ */  }

/*fenlei*/
.fenlei{ overflow:hidden; background:url(/Public/mobile/images/fl_bg.jpg) repeat center; width:96%; padding:0 2%; padding-bottom:1.25em; margin-bottom:0.833em;}
.fenlei li{ float:left; width:30%; margin:0 1.6%; text-align:center; height:11.292em; background-color:#fff; margin-top:1.25em;}
.fenlei h3{ font-size:0.917em; color:#f47b22; margin-top:0.5em;}
.fenlei p{ font-size:0.4em; color:#b3b3b3; font-family:Arial; height:2.3em;}
.fenlei .tu{ overflow:hidden; display:block; margin:0 auto; width:90%}
.fenlei .jia{ display:block; width:15%; margin:0 auto}

/*product*/
.product{ overflow:hidden; background:url(/Public/mobile/images/Index/fl_bg.jpg) repeat center; padding:1.25em 0; margin-bottom:0.833em;position: relative;}
.product h3{ font-size:1.167em; font-weight:normal; text-align:center}
.product h3 a{ color:#f47b22;}
.product span{ display:block; width:100%; text-align:center; font-size:0.55em; color:#b5b5b5; margin-bottom:1.25em;}
.product .tempWrap ul{ overflow:hidden; width:96%; margin:0 auto}
.product .tempWrap li { float:left; width:45%; padding:0 2.5%; text-align:center; overflow:hidden; margin-bottom:1em;}
.product .tempWrap li img{ display:block; width:100%; margin:0 auto; border:1px solid #ccc; margin-bottom:0.5em;}
.product .tempWrap li p{ font-size:0.75em; color:#666}

.product .hd{ width:100%; height:15px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.product .hd ul{ display:inline-block; height:15px; padding:3px 5px; 	font-size:0; vertical-align:top;}
.product .hd ul li{ display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.product .hd ul .on{ background:#F47B22;  }


/*wangluo*/
.wangluo{ overflow:hidden; background:url(/Public/mobile/images/Index/fl_bg.jpg) repeat center; padding:1.25em 0;}
.wangluo h3{ font-size:1.167em; font-weight:normal; text-align:center}
.wangluo h3 a{ color:#f47b22;}
.wangluo span{ display:block; width:100%; text-align:center; font-size:0.55em; color:#b5b5b5; margin-bottom:1.25em;}
.wangluo ul{ overflow:hidden; width:96%; margin:0 auto;}
.wangluo li { float:left; width:33.3%; text-align:center;}
.wangluo li img{ width:95%;}
.wangluo li h4{ font-size:0.75em; margin-top:0.8em; margin-bottom:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.wangluo li p{ font-size:0.583em; color:#ccc; height:2em; margin-bottom:1em;}
.wangluo li>a{ display:block; width:55%; text-align:center; margin:0 auto; padding:0.5em 0; font-size:0.7em; color:#666; margin-bottom:1em;}
.wangluo li:nth-child(1)>a{ border:1px solid #f47b22;}
.wangluo li:nth-child(2)>a{ border:1px solid #22afab;}
.wangluo li:nth-child(3)>a{ border:1px solid #ff5452;}

/*dizhi*/
.dizhi{ overflow:hidden; width:100%; background-color:#323232; padding:2em 0;}
.dizhi .wen{ float:left; margin-left:3%; width:84%;}
.dizhi p{ font-size:0.8em; line-height:2em; color:#fff;}
.dizhi p a{color:#fff;}
.dizhi>a{ display:block; margin-top:5%; overflow:hidden; float:right; margin-right:5%; width:8%}
.dizhi>a img{ width:100%}

/*footer*/
footer{ width:100%; height:4em; overflow:hidden; background:url(/Public/mobile/images/footer.png) no-repeat center; position:fixed; left:0; bottom:0; background-size:100%;}
footer a{ display:block; width:25%; height:4em; float:left}

@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}




<!--ºÄʱ1754363438.5283Ãë-->