* { box-sizing: border-box; margin: 0; padding: 0; }
.fengmian img { border: 0 none; width: 100%; }
.con img { display: block; width: 95%; margin: 0 auto; }
body { background: none repeat scroll 0 0 #E4E4E4; font-family: "黑体"; font-size: 14px; margin: 0 auto; max-width: 640px; min-width: 320px; overflow-x: hidden; padding: 0; width: 100%; color: #333333; line-height: 25px; }
div { margin: 0 auto; }
a, input, textarea { outline: 0 none; text-decoration: none; }
.clear { clear: both; }
body { background: white; }
.viewport, body { margin: 0 auto; }
.bottomval h3, .bottomval h5, .c-subtitle, .c-title, .zx_btn { text-align: center; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0; }
b, dd, dl, dt, h1, h2, h3, input, li, p, span, ul { margin: 0; padding: 0; list-style: none; }
img { border: 0; display: block; }
em { font-style: normal; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; word-wrap: break-word; }
.xue { margin-left: 10px; }

@font-face{font-family:'iconfont';src:url('iconfonticonfont.eot');src:url('iconfonticonfont.eotiefix') format('embedded-opentype'),url('iconfonticonfont.woff') format('woff'),url('iconfonticonfont.ttf') format('truetype'),url('iconfonticonfont.svgiconfont') format('svg');}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

@media only screen and (max-width:640px), only screen and (max-device-width:640px) {
body, html { font-size: 20px; }
}

@media only screen and (max-width:600px), only screen and (max-device-width:600px) {
body, html { font-size: 18.75px; }
}

@media only screen and (max-width:540px), only screen and (max-device-width:540px) {
body, html { font-size: 16.88px; }
}

@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
body, html { font-size: 15px; }
}

@media only screen and (max-width:414px), only screen and (max-device-width:414px) {
body, html { font-size: 12.94px; }
}

@media only screen and (max-width:400px), only screen and (max-device-width:400px) {
body, html { font-size: 12.5px; }
}

@media only screen and (max-width:375px), only screen and (max-device-width:375px) {
body, html { font-size: 11.72px; }
}

@media only screen and (max-width:360px), only screen and (max-device-width:360px) {
body, html { font-size: 11.25px; }
}

@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
body, html { font-size: 10px; }
}

@media only screen and (max-width:240px), only screen and (max-device-width:240px) {
body, html { font-size: 7.5px; }
}
a { color: #666; text-decoration: none; outline: 0; }
body { min-width: 320px; -webkit-text-size-adjust: none; width: 100%; max-width: 640px; overflow-x: hidden; font-size: 62.5%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ban { width: 100%; height: auto; margin: 0 auto; padding-top: 2.5rem }
.ban img { width: 100% }
.container { width: 100%; height: auto; padding-bottom: 2rem; }
header { width: 97%; margin: 0 auto;}
header { font-size: 2rem; text-align: center; }
h2 { font-size: 1.6rem; color: #f37921; font-weight: 700; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.2rem; color: #FFFFFF; padding-left: 2%; }
h5 { font-size: 1.2rem; color: #f37921; }
h6 { font-size: 0.9rem; }

.yindao { width: 100%; padding-top: 4.5rem }
.yindao ul { margin: 0; padding: 0 5% }
.yindao ul li { width: 40%; margin: 0 5%; float: left; text-align: center; background-color: #f90; border-radius: .5rem; height: 2rem; line-height: 2rem }
.yindao ul li a { color: #FFF }

.con { background-color: #ffffff;margin-bottom: 10px; }
h2.pfw { height:3rem; line-height:3rem; text-align: center; font-size: 1.5rem; background-color:#ff9900; color:#ffff00;}
.ceshgd { margin-top: 10px; width: 98%; }
.p_tit { display: block; font-size: 1.1rem; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; width: 100%; }
.p_input { border-bottom: 1px dashed #999; display: block; height: auto; line-height: 1rem; margin-bottom: 2%; padding-bottom: .5rem; overflow:hidden;}
.fdleft { float: left; }
.p_in_a1 { display: block; font-size: 1.2rem; line-height: 30px; height: 30px; min-width: 30%; }

.intxt { border: 1px solid #999999; font-size: 13px; height: 25px; line-height: 25px; width: 50%; margin-left: 10px; }
.coolbg { background-color:#ff9900; display: block; border-radius:1rem; color:#FFF; font-size: 14px; font-weight: bold; height: 2.5rem; overflow: hidden; text-align: center; width: 30%; margin:3% auto;}

.ceshgd h2{ font-size:1.5rem; color:#ff9900; line-height:2.5rem; text-align:center;}
.ceshgd h3{ font-size:1.2rem; line-height:2rem; color:#666666;text-align:center;}
.cp_p{ width:100%; margin:2% auto;}
.cp_p ul{ padding:0; margin:0;}
.cp_p ul li{ width:100%; margin:1% 0;}
.cp_p ul li input{ width:100%; font-size:1.2rem; border:.05rem solid #dfdfdf; height:2.5rem; line-height:2.5rem; padding:0 2%;}
.con_title { height: 3rem; padding: 12px 10px 12px 10px; line-height: 1.5em; background: #fff; border-bottom: 1px solid #ff9900; }
.con_title span { float: left; font-size: 1.5rem; color: #333; display: block; }
.con_title span em { background-size: 100% auto; width: .23rem; height: 1.5rem; float: left; margin-right: .8rem; margin-top: 0.03rem; }
.con_title span em.modular1 { background: #fa7a49; }
.cp_img{ width:100%; margin:2% auto;}
.cp_img img{ width:100%;}
.evrm { width:100%; margin:2% auto; height:21.5rem; position: relative;}
.evrm { width:100%; height:21.5rem; position: relative;}
.evrm b { position: absolute;}
.evrm b:nth-child(1) { width:50%; top: 0; left: 0; }
.evrm b:nth-child(2) { width:50%; height:7.5rem; top:14rem; left:0; }
.evrm b:nth-child(3) { width:50%; height:7rem; top:0; left:50%; }
.evrm b:nth-child(4) { width:50%; height:7rem; top:7rem; left:50%; }
.evrm b:nth-child(5) { width:50%; height:7.5rem; top:14rem; left:50%; }
.evrm b img { transition: transform 1s; -webkit-transition: transform 1s; }
.evrm .des { width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; text-align: center;}
.evrm .des span { display: block; font-size: 1.2rem; color: #FFFFFF; font-weight: 500;}
.clear { clear: both; }