/* 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:#fff;}

.header{ overflow:hidden;}
.header .lgImg{ float:left; display:block; width:30%; margin:1em 0 1.4em 1.0em; margin-top:1.5em}
.header .htop{ float:left; margin:1.45em 0 1.25em 0.6em;}
.header .htop p{ font-size:1em; color:#000; font-weight:bold;line-height:2.5em;}
.header .htop h4{ font-size:1em; color:#e30011;}
.header .htop h4 span{ font-size:1.2em; color:#ff9711; font-weight:normal; background:url('../images/Common/tphone.png') no-repeat  center; background-size:1.417em auto; padding-left:1.5em; position:relative; top:0.1em}
/*header*/

.nav{}
.nav ul{ overflow:hidden; position:relative;}
.nav li{ float:left; width:25%; text-align:center; background:url('../images/Common/navbg.png') repeat-x center;}
.nav li a{ display:block; font-size:1em; color:#fff; background:url('../images/Common/lbg.png') repeat-y center; padding-left:0; padding-right:0; padding-top:0.8em; padding-bottom:0.8em}
.nav li .noBl{ background:none;}
.nav ul:after{ content:''; position:absolute; top:50%; left:0; z-index:9; height:0; width:100%; }
/*nav*/

.baner{}
.baner img{ display:block; width:100%;}

.ssBox{ background:#e7e7e7; padding:0.5em 0 0.5em 0.8em; overflow:hidden;}
.ssBox .txt{ border:none; font-size:1em; color:#666; height:2.250em;  float:left; width:83%; padding:0 2%; box-shadow: 0px 0px 2px #4A4A4A inset;}
.ssBox .sub{ float:left; background:#0093dd url('../images/Index/ssbg.png') no-repeat center; height:2.250em; background-size:1.167em; width:10%}

.pfzx{ background:#353639; margin-top:0.5em; display:block; padding:1em 0; font-size:1em; color:#fff; overflow:hidden;}
.pfzx span{ font-weight:bold; padding-left:0.8em; float:left;}
.pfzx em{ float:right; padding-right:0.8em;}

.cpBox{background:#fff; padding-bottom:1.4em;}
.cpBox ul{ overflow:hidden; padding-top:0.8em; padding-bottom:1em;}
.cpBox li{ float:left; width:50%; text-align:center;}
.cpBox li img{ border:1px solid #e2e2e2; width:90%; height:10.3em}
.cpBox li p{ padding:0.6em 0.8em; height:40px;}
.cpBox li p a{ font-size:1em; color:#333;}
.cpBox .cpbot{ display:inline-block; padding:0.8em 1.6em; background:#353639; font-size:1em; color:#fff; margin-left:33%;}
/*cpBox*/

.wtBox{ padding-bottom:1.25em;}
.wtBox .wtImg{ display:block; width:100%;}
.wtBox ul{ padding-left:10%;}
.wtBox li{ overflow:hidden; margin-top:0.5em;}
.wtBox li label{ float:left; height:2.125em; border:1px solid #d9d9d9; width:2.3em;}
.wtBox li label img{ display:block; width:100%;}
.wtBox li .ftxt{ float:left; height:2.125em; border:1px solid #d9d9d9; border-left:none; width:13em; 

padding:0 1em; font-size:1em; color:#999;}
.wtBox .ly label{ height:6.8em;}
.wtBox .ly label img{ margin-top:1.6em;}
.wtBox .ly .rtxt{ width:13em; height:4.8em; padding:1em; border:1px solid #d9d9d9; border-left:none; 

font-size:1em; color:#999; resize:none;}
.wtBox .wtbot a{ display:inline-block; background:url('../images/Index/wtbg.png') no-repeat center; font-size:1em; color:#fff; background-size:0.750em; padding-left:1.6em; padding-right:2.7em; padding-top:1em; padding-bottom:1em}
/*wtBox*/

.ysBox{ background:#f7f7fa; text-align:center; padding-top:1.4em; padding-bottom:1.6em;}
.ysBox .ystop{ width:23.250em;}
.ysBox .yscont{ margin-top:1em;}
.ysBox .yscont img{ width:25em;}
/*khjzBox*/

.khjzBox{ padding-top:0.8em; padding-bottom:1.25em;}
.khjzBox ul{ overflow:hidden;  margin-top: 10px;}
.khjzBox li{ width:50%; float:left; text-align:center;}
.khjzBox .khlist li{  background:url('../images/Index/ulstbg.png') repeat-x center; }
.khjzBox .khlist li span{ display:block; font-size:1em; color:#333;  padding:1em 0;}
.khjzBox .khlist .on{ background:url('../images/Index/ulstbg2.png') repeat-x  center;}
.khjzBox .khlist .on span{ color:#05509a; background:url('../images/Index/abg.png') repeat-x  bottom;}
.khjzBox .khcont li{ margin-top:0.8em;}
.khjzBox .khcont li a img{ border:1px solid #e2e2e2; width:93%;}
.khjzBox .khcont li p{ padding-top:0.6em;}
.khjzBox .khcont li p a{ font-size:1em; color:#333;}
/*khjzBox*/


.ftph{ background:#373737; overflow:hidden; border-bottom:1px solid #4b4b4b;}
.ftph dl{ background:url('../images/Index/phbg.png') no-repeat left center; color:#fff; padding-left:3.3em; background-size:2.833em; margin-left:6em; margin-right:0; margin-top:1.4em; margin-bottom:1.4em}
.ftph dt{ font-size:1em;}
.ftph dd{ font-size:1.8em;}
/*ftph*/

.rtop{ background:#373737 url('../images/Index/rtbg.png') no-repeat 37% center;margin-bottom:33px; display:block; font-size:1.083em; color:#fff; text-align:center; background-size:0.750em; padding-left:0; padding-right:0; padding-top:1.5em; padding-bottom:1.5em}

.footer{position:fixed;bottom:0;width:100%;left:0;}
.footer ul{ overflow:hidden;}
.footer li{ width:25%; float:left; background:url('../images/Common/navbg.png') repeat-x center; text-align:center; padding-left:0; padding-right:0; padding-top:0.8em; padding-bottom:0.8em}
.footer li a{ display:block; color:#fff; background:url('../images/Common/tbg.png') no-repeat left center;}
.footer li .noBg{ background:none;}

/*footer*/
.green{coor:Green}
.red{color:Red}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#f96b17;  }
.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); /* È¡ÏûÁ´½Ó¸ßÁÁ */ }



@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%;}
}