@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.71 "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: none; }
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; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/*com*/
.wrap, .header, .footer, .area, .inn, .inn2, .hd, .bd, .hd2, .d, .u, .u li, .u2, .u3, .pic, .txt, .ptC, .ptC3, .ptC5, .tit, .con { position: relative; clear: both; overflow: hidden; }
.wrap, .header, .footer, .area { width: 100%; }
.opacity { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 54px; background: #000; filter: alpha(opacity=50); opacity: .5; }
.wrap { max-width: 640px; margin: 0 auto; }
/*footer*/
.footer { font-size: 0.32rem; min-height: 1.067rem; line-height: 1.7; padding: 0.4rem 0; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.footer .fl { float: none; text-align: center; width: 86%; margin: 0 auto; }
/*mod*/
.cap2 { position: relative; font-size: 0.427rem; font-weight: normal; color: #2c2c2c; line-height: 0.613rem; padding: 0 0 0.133rem 0.373rem; margin-bottom: 0.24rem; }
.cap2:after, .cap2:before, .tabs a:after, .u_tab li:after { content: " "; position: absolute; overflow: hidden; }
.cap2:after { top: 0.093rem; left: 0.16rem; width: .027rem; height: .427rem; background: #dd4954; }
.cap2:before { bottom: 0; left: 0; width: 4.507rem; height: .013rem; background: #e0e7e8; }
.hd { font-size: 0.32rem; color: #757373; padding: 0.48rem 0.427rem 0.453rem; }
.hd p { padding-left: 0.373rem; }
.wzC { font-size: 0.32rem; line-height: 0.533rem; min-height: 2.667rem; padding: 0.427rem 0.4rem 0.4rem; margin: 0 0.427rem 0.48rem; background: #f6dace; border-radius: 0.2rem; }
.cap3 { font-size: 0.427rem; font-weight: normal; color: #000; line-height: 0.533rem; margin-bottom: 0.213rem; }
.cap3 a, .cap3 a:hover { color: #000; }
.u2 li, .u3 li { position: relative; float: left; width: 50%; overflow: hidden; box-sizing: border-box; }
.u3 li { text-align: center; width: 33.3%; }
.pic img, .a_snav img { width: 100%; }
.aBtn { display: block; width: 2.88rem; height: 0.933rem; line-height: 20em; margin: 0 auto 0.533rem; background: url(240904wap-a_btn1.png) 0 0 no-repeat; background-size: cover; overflow: hidden; }
.a_btn2 { background-image: url(240904wap-a_btn2.png); }
.a_btn3 { background-image: url(240904wap-a_btn3.png); }
.d_snav { position: fixed; top: 4.573rem; left: 50%; z-index: 999; width: 2.08rem; margin-left: 2.893rem; }
.a_snav { float: right; display: block; width: 1.28rem; height: 1.2rem; margin-bottom: .267rem; overflow: hidden; }
.d_stip { display: none; width: 2.08rem; height: 5.893rem; background: url(240904wap-bg_nav.png) 0 0 no-repeat; background-size: 100%; }
.d_stip2 { display: block; }
.d_stip a { clear: both; display: block; text-indent: -999px; width: 100%; height: 0.8rem; overflow: hidden; }
.d_stip .a0 { margin-top: 0.533rem; }
.ptP3 { padding-left: 0.107rem; }
.ptC3 { float: left; clear: none; width: 3.813rem; height: 3.75rem; padding: 0.267rem; margin: 0 0.107rem; background: #fff; border-radius: 0.2rem; box-shadow: 0 0.027rem 0.133rem rgba(0,0,0,.2); }
.ptC3 .pic { text-align: center; width: 100%; height: 2.147rem; line-height: 2.147rem; margin: 0 auto 0.267rem; }
.ptC3 .pic img { width: auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.ptC3 .txt { font-size: 0.32rem; max-height: 1.333rem; line-height: 0.4rem; }
.ptC3 .txt p { max-height: 0.8rem; }
.ptC3 .txt p.fcR2 { color: #cb730c; margin-top: 0.107rem; }
.ptC3 a { display: block; width: 100%; height: 100%; }
.ptC5 { font-size: 0.32rem; color: #fff; width: 4.4rem; height: 5.947rem; line-height: 0.4rem; margin: 0 auto 0.32rem; background: url(240904wap-bg_pt5.png) 0 0 no-repeat; background-size: cover; border-radius: 0.2rem; box-shadow: 0 0.027rem 0.133rem rgba(0,0,0,.2); }
.ptC5 .pic { width: 3.68rem; height: 2.067rem; margin: 0.4rem auto 0.213rem; background: #fff; border: 0.04rem solid #fff; background-repeat: 0.04rem; }
.ptC5 .txt { padding: 0 0.32rem; }
.ptC5 p { padding-top: 0.213rem; margin-top: 0.133rem; max-height: 1.2rem; border-top: 1px dashed #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.cap4 { font-size: 0.373rem; font-weight: normal; height: 1.067rem; line-height: 0.533rem; overflow: hidden; }
.ptC5 a, .ptC5 a:hover { color: #fff; }
/*area*/
.header { height: 4.827rem; background: url(240904wap-bg_header.jpg) center 0 no-repeat; background-size: 100%; }
.P1_3 { background: #fdeff0; }
.pic2 { clear: both; width: 100%; height: 6.427rem; padding-bottom: 0.613rem; margin-bottom: 0.32rem; overflow: hidden; overflow-x: scroll; }
.P3_1 { background: url(240904wap-bg_p31.png) center 0 no-repeat; background-size: 100%; }
.pic2 img { height: 100%; }
.d_xm { padding: 0 0.453rem; }
.d_yy { min-height: 3.333rem; padding: 0 0.2rem; }
.u_yy .pic { width: 3.107rem; height: 1.107rem; }
.s_ewm { position: absolute; top: 1.1rem; left: 0.9rem; z-index: 99; display: none; width: 1.867rem; height: 1.867rem; overflow: hidden; box-shadow: 0 0 0.173rem rgba(0,0,0,.3); }
.s_ewm img { width: 100%; }
.s_ewm2 { display: block; }
.nrP { font-size: 0.427rem; color: #6b6b6b; padding: 0 0.48rem; line-height: 1.7; padding-bottom: 2rem; }
.nrP img { display: block; text-align: center; max-width: 100%; margin: 0 auto; }
.hd2 { padding: 1.973rem 0 0.4rem; }
.hd2 .cap1 { font-size: 0.48rem; font-weight: normal; color: #000; margin-bottom: 0.213rem; }
.hd2 .p_info { font-size: 0.32rem; color: #7d7d7d; }
.P2_2 .hd { display: none; }
.P2_2 .bd { width: 9.253rem; height: 18.24rem; padding: 1.867rem 0.24rem 0; margin: 0 auto 0.667rem; background: url(240904wap-bg_tabs.png) center 0 no-repeat; background-size: 100%; box-sizing: border-box; }
.P2_2 .bd .pic { width: 6.893rem; margin: 0 auto; }
.tabs { height: 2.747rem; padding-left: 0.133rem; }
.tabs a { position: relative; float: left; display: block; margin: 0 0.107rem 0.507rem; }
.tabs a span { position: relative; float: left; display: block; z-index: 2; font-size: 0.373rem; text-align: center; color: #fff; width: 1.867rem; height: 0.733rem; line-height: 0.733rem; background: #ff5454; border: 0.013rem solid #000; border-radius: 0.08rem; overflow: hidden; }
.tabs .a_t2 span { background: #ff6b3c; }
.tabs .a_t4 span { background: #ff3d6a; }
.tabs .a_t5 span { background: #ff3e3e; }
.tabs .a_t6 span { background: #53a3ff; }
.tabs .a_t7 span { background: #3bbb9f; }
.tabs .a_t8 span { background: #ffa23f; }
.tabs a:after { top: 0.053rem; left: 0.053rem; width: 1.867rem; height: 0.733rem; background: #fff; border: 0.013rem solid #000; border-radius: 0.08rem; }
/*d_tab*/
.d_tab { width: 9.333rem; padding-top: 0.88rem; margin: 0 auto 1.333rem; }
.j_hd, .j_bd, .j_nr { position: relative; clear: both; overflow: hidden; }
.aK { display: block; text-indent: -13.32rem; width: 2.24rem; height: 0.707rem; margin: 0.107rem auto 0; background: url(240904wap-bg_ak.png) 0 0 no-repeat; overflow: hidden; background-size: 100%; }
.ak2 { background-position: 0 -1.333rem; }
.ak3 { background-position: 0 -2.667rem; }
.u_tab li.on .aK { height: 0.76rem; margin-top: 0.293rem; background-position: 0 -3.92rem; }
.u_tab li.on .ak2 { background-position: 0 -5.24rem; }
.u_tab li.on .ak3 { background-position: 0 -6.55rem; }
.d_tab .j_hd { position: absolute; top: 0; left: 0; z-index: 3; width: 9.467rem; }
.u_tab li { position: relative; float: left; text-align: center; width: 2.987rem; height: 0.88rem; padding: 0.027rem 0 0 0.027rem; margin-right: 0.053rem; background: #e5e5e5; /*border: 0.027rem solid #e5e5e5; border-bottom: none; */ border-radius: 0.2rem 0.2rem 0 0; cursor: pointer; }
.u_tab li.on { height: 1.1rem; background: #ff6243; /* border-color: #d9bd9c;*/ }
.u_tab li:after { position: absolute; top: 0; left: 0; width: 2.987rem; height: 0.88rem; border: 0.027rem solid #e5e5e5; border-bottom: none; border-radius: 0.2rem 0.2rem 0 0; }
.u_tab li.on:after { border-color: #d9bd9c; }
.d_tab .j_bd { width: 9.333rem; height: 4.6rem; padding: 0.373rem 0 0.32rem; background: #ff6243; border: 0.027rem solid #d9bd9c; border-radius: 0 0.2rem 0.2rem 0.2rem; }
.d_tab .j_nr { height: 5.6rem; }
.swiper { width: 100%; height: 100%; overflow: hidden; }
.swiper-pagination-bullet { width: 0.08rem; height: 0.08rem; background: none; border: 0.027rem solid #d9bd9c; opacity: 1; }
.swiper-pagination-bullet-active { background: #d9bd9c; }
/*d_tx*/
.P1_4 { background: #f2f5ff; box-shadow: 0 0 0.173rem rgba(0,0,0,.1) }
.P1_4 .hd { padding-bottom: 0.667rem; background: #fff; }
.P1_4 .bd { margin-top: -0.533rem; }
.d_tx { font-size: 0.32rem; clear: none; width: 100%; line-height: 1.74; margin-top: 0.133rem; }
.d_tx p { position: relative; padding-left: 0.347rem; }
.d_tx p:after { content: " "; position: absolute; top: 0.267rem; left: 0; width: 0.133rem; height: 0.133rem; background: #000; border-radius: 50%; overflow: hidden; }
.tip_cp { position: absolute; top: 1.1rem; left: 3.64rem; z-index: 99; display: none; font-size: 0.213rem; text-align: center; width: 2.8rem; background: #fff; overflow: hidden; box-shadow: 0 0 0.173rem rgba(0,0,0,.3); }
.tip_cp p { width: 100%; height: 0.667rem; line-height: 0.667rem; border-bottom: 0.013rem dashed #e5e5e5; }
.tip_cp p:last-child { border: none; }
.tip_cp a, .tip_cp a:hover { display: block; color: #333; width: 100%; }
.tip_cp2 { display: block; }
.txC { position: relative; clear: both; width: 8.267rem; min-height: 4.853rem; padding: 0.4rem; margin: 0.173rem auto 0.8rem; background: #fff; border-radius: 0.2rem; overflow: hidden; box-shadow: 0 0 0.173rem rgba(0,0,0,.3); }
.txC .pic { width: 100%; height: 2rem; }
.txC a { display: block; }

/*只h5页面用*/
@media (min-width:641px) {
html { font-size: 64px; }
}

/*动态计算font-size*/
@media (max-width:640px) {
html { font-size: calc(100vw / 10); }
}