@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: 0.32rem/1.74 "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: #000; text-decoration: none; }
a:hover { color: #000; }
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, .area, .inn, .hd, .bd, .d, .d2, .d3, .pic, .txt, .u, .u li, .u2, .u2 li, .u3, .u3 li, .u4, .u4 li, .box, .ptC, .ptC2, .ptC3, .ptC4 { position: relative; clear: both; overflow: hidden; }
html, body { height: 100%; }
.wrap { max-width: 640px; margin: 0 auto; }
.pic img { max-width: 100%; max-height: 100%; }
.u2 li, .u3 li, .u4 li { float: left; clear: none; text-align: center; width: 50%; box-sizing: border-box; }
.u3 li { width: 33.3%; }
.u4 li { width: 25%; }
.iC, .iC2, .iC3, .i_play, .i_tip { position: relative; display: block; text-indent: 20em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 100%; background-size: 100%; outline: none; }
.iC { width: 1.173rem; height: 1.187rem; margin: 0 auto 0.32rem; background-image: url(20211125i_n1.png); }
.i_n2 { background-image: url(20211125i_n2.png); }
.i_n3 { background-image: url(20211125i_n3.png); }
.i_n4 { background-image: url(20211125i_n4.png); }
.i_tip { position: absolute; top: 0; right: 0; z-index: 8; width: 1.533rem; height: 1.52rem; background-image: url(20211125i_tip1.png); }
.i_tip2 { background-image: url(20211125i_tip2.png); }
.i_tip3 { background-image: url(20211125i_tip3.png); }
.i_tip4 { background-image: url(20211125i_tip4.png); }
.iC2 { width: 0.76rem; height: 0.64rem; margin: 0.133rem auto 0; background-image: url(20211125i_f1.png); }
.i_ft2 { background-image: url(20211125i_f2.png); }
.i_ft3 { background-image: url(20211125i_f3.png); }
.i_ft4 { background-image: url(20211125i_f4.png); }
.u_ft .on .i_ft1, .u_ft a:hover .i_ft1 { background-image: url(20211125i_f1_on.png); }
.u_ft .on .i_ft2, .u_ft a:hover .i_ft2 { background-image: url(20211125i_f2_on.png); }
.u_ft .on .i_ft3, .u_ft a:hover .i_ft3 { background-image: url(20211125i_f3_on.png); }
.u_ft .on .i_ft4, .u_ft a:hover .i_ft4 { background-image: url(20211125i_f4_on.png); }
.iC3 { float: left; width: 0.32rem; height: 0.32rem; margin: 0.16rem 0.133rem 0 0; }
.i_sj { background-image: url(20211125i_sj.png); }
.i_adr { width: 0.293rem; height: 0.36rem; margin-top: 0.133rem; background-image: url(20211125i_adr.png); }
.i_play { position: absolute; top: 50%; left: 50%; width: 1.067rem; height: 1.067rem; background-image: url(20211125i_play.png); transform: translate(-50%, -50%); }
.fcH, .fcH:hover { color: #a7a8a8; }
.fcB, .fcB:hover { color: #1f355e; }
.opacity { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.64rem; background: #0e2643; opacity: .7; filter: alpha(Opacity=70); }
.ptC2, .ptC4 { width: 4.307rem; margin: 0 auto; }
.ptC2 .pic, .ptC3 .pic, .ptC4 .pic { width: 100%; height: 5.16rem; }
.ptC2 .txt { line-height: 0.587rem; margin-top: 0.16rem; }
.ptC2 .txt .fl { font-size: 0.347rem; text-align: left; width: 60%; }
.ptC2 .txt .fr { text-align: right; }
.ptC4 { width: 4.053rem; height: 2.773rem; border: 0.267rem solid #f4f2f1; }
.ptC4 .pic { height: 2.773rem; }
.ptC4 .txt { position: absolute; left: 0; bottom: 0; z-index: 6; font-size: 0.347rem; text-align: center; color: #fff; height: 0.64rem; line-height: 0.64rem; }
.ptC4 a, .ptC4 a:hover { color: #fff; }
.ptC3 { width: 8.987rem; line-height: 0.64rem; padding: 0.133rem 0 0.533rem; margin: 0 auto; }
.ptC3 .cap3 { font-size: 0.4rem; font-weight: normal; color: #1f355e; height: 0.64rem; overflow: hidden; }
.ptC3 .cap3 a, .ptC3 .cap3 a:hover { color: #0b2a44; }
.ptC3 .pic { height: 4.907rem; margin: 0.133rem 0; }
.ptC3 .txt { height: 0.64rem; }
.p_adr, .p_sj { color: #a7a8a8; }
.p_sj { float: left; }
.a_bm { float: right; display: block; font-size: 0.373rem; text-align: center; color: #fff; width: 1.893rem; height: 0.64rem; line-height: 0.64rem; background: #ec6800; overflow: hidden; }
.a_bm:hover { color: #fff; }
.ptC { line-height: 0.533rem; min-height: 2rem; }
.ptC .cap3 { font-size: 0.373rem; font-weight: normal; height: 1.067rem; margin-bottom: 0.4rem; overflow: hidden; }
.ptC img { float: left; max-width: 3.44rem; max-height: 2rem; margin-right: 0.48rem; }
/*.swiper-container*/
.swiper { height: 4.48rem; }
.swiper img { width: 100%; }
.swiper-pagination-bullet-active { background: #3e3a39; }
/*area*/
.area { background: #fff; }
.P1 { border-bottom: 0.107rem solid #efefef; }
.P2 { padding-top: 0.4rem; margin-bottom: 1.6rem; }
.nav a, .u_ft a { display: block; overflow: hidden; }
.nav { height: 2.267rem; padding: 0.453rem 0.213rem 0; }
.footer { position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; height: 1.333rem; background: #fff; border-top: 1px solid #cecece; box-shadow: 0 0 0.24rem #d3d2d1; }
.hd { font-size: 0.427rem; height: 0.987rem; line-height: 0.987rem; padding: 0 0.4rem; margin-bottom: 0.213rem; background: #ecf7f9; }
.cap2 { float: left; font-size: 0.427rem; font-weight: 500; color: #222; margin-right: 1.253rem; }
.cap2 a { color: #222; }
.a_more { float: right; display: block; font-size: 0.32rem; color: #fff; height: 0.587rem; line-height: 0.587rem; padding: 0 0.4rem; margin-top: 0.2rem; background: #49bdc8; border-radius: 0.133rem; overflow: hidden; }
.a_more:hover { color: #fff; }
.hd2_2 { background: #fce4d7; }
.hd2_2 .a_more { background: #e60012; }
.hd2_3 { background: #fdefdc; }
.hd2_3 .a_more { background: #ef8200; }
.hd2_4 { background: #e5e7f4; }
.hd2_4 .a_more { background: #3f5eaa; }
.u_tj { padding: 0.267rem 0.133rem 0; }
.u_tj li { height: 6.88rem; }
.u_jj { padding: 0.267rem 0.267rem 0; }
.u_jj li { height: 3.467rem; }
.u_bm li { margin-bottom: 0.4rem; border-bottom: 1px dashed #868989; }
.u_bm li:last-child { border: none; }
.u_zx { padding: 0 0.4rem 0.4rem; }
.u_zx li { padding: 0.267rem; border-bottom: 1px dashed #868989; }

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

@media (max-width:640px) {
html { font-size: 64px; }
}

@media (max-width:560px) {
html { font-size: 56px; }
}

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

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

@media (max-width:432px) {
html { font-size: 43.2px; }
}

@media (max-width:428px) {
html { font-size: 42.8px; }
}

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

@media (max-width:411px) {
html { font-size: 41.1px; }
}

@media (max-width:400px) {
html { font-size: 40px; }
}

@media (max-width:393px) {
html { font-size: 39.3px; }
}

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

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

@media (max-width:368px) {
html { font-size: 36.8px; }
}

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

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

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

@media (max-width:280px) {
html { font-size: 28px; }
}