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

.header{ overflow:hidden;}
.header .lgImg{ float:left; display:block; width:25%; 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:#d5111e; font-weight:bold;}
.header .htop h4{ font-size:1em; color:#666;}
.header .htop h4 span{ font-size:1.2em; color:#ff9711; font-weight:normal; background:url(../images/Common/tphone.png) no-repeat left center; background-size:1.417em auto; padding-left:1.5em; position:relative; top:0.1em;}
/*header*/

.nav{}
.nav ul{overflow:hidden; }
.nav li{ float:left; width:25%; text-align:center; background:url(../images/Common/navbg.png) repeat-x center;}
.nav li a{ padding:0.8em 0; display:block; font-size:1em; color:#fff; background:url(../images/Common/lbg.png) repeat-y left center;}
.nav li .noBl{ background:none;}
.nav ul:after{ content:''; position:absolute; top:50%; left:0; z-index:9; height:0; width:100%;  border-top:1px solid #a0060a;}
/*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: #d5111e url(../images/Index/ssbg.png) no-repeat center; height:2.250em; background-size:1.167em; width:10%;}

.pfzx{ background:#d5111e; 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%;}
.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:#d5111e; 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; padding:1em 2.7em 1em 1.6em; background:#ff9711 url(../images/Index/wtbg.png) no-repeat 6em center; font-size:1em; color:#fff; background-size:0.750em;}
/*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:#d5111e; background:url(../images/Index/abg.png) repeat-x center 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:#d5111e; overflow:hidden; border-bottom:1px solid #a0060a;}
.ftph dl{ background:url(../images/Index/phbg.png) no-repeat left center; color:#fff; padding-left:3.3em; margin:1.4em 0 1.4em 6em; background-size:2.833em;}
.ftph dt{ font-size:1em;}
.ftph dd{ font-size:1.8em;}
/*ftph*/

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

.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:0.8em 0;}
.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%;}
}