/*@charset "utf-8";*/
*{margin:0; padding:0;}
*:focus{outline:none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0; padding:0;}
body,button,input,select,textarea{font-family:"Microsoft YaHei",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;font-size:16px; color:#000}
body{background:#fff; width:100%; height:100%; min-width:320px; -webkit-text-size-adjust:none;}
html{width:100%; height:100%;font-size:16px; }
button,input,select,textarea{outline:none;}
p{ line-height:150%;word-wrap:break-word;word-break:break-all;font-size:1rem; color:#000}
a {text-decoration: none; color:#C90505; blr:expression(this.onFocus=this.blur());outline:none 0;-webkit-tap-highlight-color: transparent;-moz-tap-highlight-color: transparent}
a:hover{text-decoration:none;}
a:link{color:#000;}
a:visited{color:#000;}
ol, ul,li{ list-style: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
img{ max-width:100%; width:expression(this.width>320?"320px":this.width);border:0 none; vertical-align:top;}
.clear{ clear:both}
section{ width:100%; border-top:1rem solid #eee; background-color:#f6f6f6;}
.img{ width:100%}
header{background-color:#fff; height:3.4rem; line-height:3.4rem; width:100%;text-align:center; position:relative;border-bottom:1px solid #d8d8d8;}
header h1{ font-size:1.275rem; font-weight:200; color:#333;}
header p{ font-size:1.275rem; font-weight:200; color:#333;line-height: inherit;}
header a.hd_r, header a.hd_l, header a.hd_r01, header a.hd_r02{position:absolute;top:0; width:6%;right:3%;}
header a.hd_r01{ right:12%; top:1px}
header a.hd_l{left:3%}
header a.hd_r img, header a.hd_l img, header a.hd_r01 img, header a.hd_r02 img{ padding-top:50%}
/*loading*/
.loading{ height:2.4rem; line-height:2.4rem; text-align:center; font-size:0.875rem; color:#666}
.loading span{vertical-align:middle; margin:0 2px}
.loading_img{ width:24px; height:24px; display:inline-block; }
.return-top,.return-home{position:fixed;right:1.2rem;bottom:5rem;width:3.6rem;height:3.6rem;z-index:100; display:none}
.return-home{bottom:10rem;display:block}
.return-top a,.return-home a{width:2rem;height:2rem;display:block; padding:0.9rem 0.8rem 0.7rem;border-radius:2rem;background-color:rgba(255,255,255,0.88);box-shadow:0 0.1rem 0.1rem rgba(0,0,0,0.3)}
.return-home a{background-color:rgba(169,23,23,0.88)}
.loading_img img,.return-top a img,.return-home a img{ width:100%;}
/*tab_b4*/
.tab_b4{ width:80%; margin:5% 10% 2%; border:1px solid #999; color:#999;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center;}
.tab_b4 a{ width:25%; display:inline-block;color:#999; padding:0.6rem 0; font-size:1.125rem;-webkit-box-shadow:-1px 0 0 #999,0 0 0 #fff,0 0 0 #fff,0 0 0 #fff;-moz-box-shadow:-1px 0 0 #999,0 0 0 #fff,0 0 0 #fff,0 0 0 #fff;box-shadow:-1px 0 0 #999,0 0 0 #fff,0 0 0 #fff,0 0 0 #fff;}
.tab_b4 a.cur{ color:#fff; background-color:#a91717}
/*footer*/
footer{width:100%;position:fixed;bottom:-1px;left:0;z-index:999;}
.footer-nav{width:100%;overflow:hidden;background-color:#fff;border-top:1px solid #cfcfcf;}
.footer-nav li{width:25%;float:left;}
.footer-nav li a{width:100%;height:4rem;text-align:center;color:#333;font-size:1rem;display:block;text-decoration:none;}
.footer-nav li a.cur{ color:#a91717;}
.footer-nav li a i{ width:2rem; height:2rem; display:inline-block;background:url(../images/ico.png) no-repeat; background-size:2rem auto; margin-top:0.3rem}
.footer-nav li:nth-of-type(1) a i{ background-position:0 -35rem}
.footer-nav li:nth-of-type(1) a.cur i{background-position:0 -33rem}
.footer-nav li:nth-of-type(2) a i{ background-position:0 -6rem}
.footer-nav li:nth-of-type(2) a.cur i{background-position:0 -31rem}
.footer-nav li:nth-of-type(3) a i{ background-position:0 -4rem}
.footer-nav li:nth-of-type(3) a.cur i{background-position:0 -29rem}
.footer-nav li:nth-of-type(4) a i{ background-position:0 0}
.footer-nav li:nth-of-type(4) a.cur i{background-position:0 -25rem}
.footer-nav li a span{ display:block}
.HF{ height:4.01rem; width:100%; display:block;}

.layui-m-layerbtn{ background-color:#fff}
.layui-m-layerbtn span{ width:50%; color:#999}
.layui-m-layerbtn span[yes]{color:#a91717;}
.layui-m-layercont{padding:10px 20px 25px; color:#999}
.mt{ width:100%; margin-top:1rem; display:block; clear:both; height:1.2rem; font-size:1rem; color:#666;}
.mt span{ float:left;vertical-align:middle}
.mt a{ width:15.5%; float:left;margin-left:0.7%}
.mt a img{width:100%;}

@media screen and (min-width:240px) {
body, button, html, input, select, textarea {font-size:9px}
}
@media screen and (min-width:320px) {
body, button, html, input, select, textarea {font-size:12px}
}
@media screen and (min-width:380px) {
body, button, html, input, select, textarea {font-size:14px}
}
@media screen and (min-width:420px) {
body, button, html, input, select, textarea {font-size:16px}
}
@media screen and (min-width:450px) {
body, button, html, input, select, textarea {font-size:17px}
}
@media screen and (min-width:480px) {
body, button, html, input, select, textarea {font-size:18px}
}
@media screen and (min-width:640px) {
body, button, html, input, select, textarea {font-size:20px}
}