@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 14px/1.7 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #333; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: top; border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
/*com*/
.wrap, .header, .footer, .area, .inn, .hd, .bd, .d, .ptC, .pic, .txt { position: relative; clear: both; overflow: hidden; }
body { font-size: 0.32rem; }
.d img, .logo img { width: 100%; }
.header { height: 1.2rem; line-height: 1.2rem; padding: 0 0.267rem; border-bottom: 1px solid #e8e8e8; }
.logo { float: left; width: 1.578rem; height: 0.733rem; margin: 0.213rem 0 0 0.133rem; overflow: hidden; }
.nav { float: left; padding: 0.32rem 0 0 0.467rem; }
.nav a { float: left; display: block; font-size: 0.427rem; color: #d81e34;width: 1.667rem; height: 0.8rem; line-height:10rem; margin: 0 0.213rem;background: url(20190724bg_nav.png) 0 0 no-repeat;overflow: hidden;-webkit-background-size: 2.533rem;background-size: 2.533rem; }
.nav .a_n2 { width: 2.533rem; background-position: 0 -0.8rem; }
.nav .a_n3 { background-position: 0 -1.6rem; }
.footer, .opacity, .d .hd { -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; }
.opacity { position: absolute; bottom: 0; width: 100%; height: 10rem; background-image: url("../image/20190724bg_opacity.png"); }
.ptC { margin-top: 3.267rem; }
.ptC .txt { position: absolute; left: 0; bottom: 0.4rem; z-index: 10; color: #fff; padding: 0 0.213rem; }
.ptC .txt .cap3 { font-size: 0.56rem; font-weight: normal; line-height: 0.8rem; }
.d .hd { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 4.373rem; background-image: url(20190724bg_hd1.png); }
.d_12 .hd { background-image: url(20190724bg_hd2.png); }
.d_13 .hd { background-image: url(20190724bg_hd3.png); }
.d_14 .hd { background-image: url(20190724bg_hd4.png); }
.cap2 { width: 4.96rem; height: 2.8rem; margin: 0.52rem auto 0; overflow: hidden; }
.cap2 a { display: block; width: 100%; height: 2.8rem; line-height: 10rem; overflow: hidden; outline: none; }
.d_line{padding: 0.133rem 0;}
.d_line span{display: block;width: 1.2rem;height: 0.053rem;background: #fedb63;overflow: hidden;}
.d_line .s_l2{background: #ccfc04;}
.d_line .s_l3{background: #70d1f5;}
.d_line .s_l4{background: #ee6ea7;}
.footer { font-size: 0.187rem; text-align: center; color: #787878; height: 1.14rem; padding-top: 0.1rem; background-image: url(20190724bg_footer.jpg); }

/*media*/
@media (min-width:481px) {
html { font-size: 48px; }
}

@media (max-width:480px) {
html { font-size: 48px; }
}

@media (max-width:414px) {
html { font-size: 41.4px; }
}

@media (max-width:384px) {
html { font-size: 38.4px; }
}

@media (max-width:375px) {
html { font-size: 37.5px; }
}

@media (max-width:360px) {
html { font-size: 36px; }
}

@media (max-width:320px) {
html { font-size: 32px; }
}