@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.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: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { position: relative; 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%; }
/*main*/
.hd, .bd, .d, .inn, .inn2, .u, .u li, .u3, .pic, .txt, .hd2, .ptC, .ptC2, .ptC3, .ptC7 { position: relative; clear: both; overflow: hidden; }
.header, .footer, .area { position: relative; clear: both; width: 100%; overflow: hidden; box-sizing: border-box; }
.inn, .inn2 { margin: 0 auto; }
.wrap { position: relative; clear: both; max-width: 640px; margin: 0 auto; }
*:after { content: " "; position: absolute; display: block; }
/*footer*/
.footer { font-size: 0.32rem; height: 1.6rem; line-height: 0.48rem; background: #e5e5e5; }
.footer a, .footer a:hover { color: #666; text-decoration: none; }
.footer .fl { float: none; text-align: center; width: 86%; margin: 0.32rem auto 0; }
/*mod*/
.opacity { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 0.747rem; background: #000; filter: alpha(opacity=50); opacity: .5; }
.fcR, .fcR:hover { color: #ff0000; }
.prev, .next, .iC, .i_jt { display: block; line-height: 20em; overflow: hidden; }
.cap2 { position: absolute; left: 0; bottom: 0; display: block; text-indent: -999px; width: 4.667rem; height: 1.28rem; overflow: hidden; }
.cap2 a { display: block; width: 100%; height: 100%; overflow: hidden; }
.i_jt { position: absolute; top: 50%; right: 0.32rem; width: 0.2rem; height: 0.347rem; background: url(20240712fdzbj-i_jt.png) 0 0 no-repeat; background-size: cover; transform: translate(0, -50%); }
.a_m { position: absolute; bottom: 0.267rem; right: 0.32rem; font-size: 0.32rem; line-height: 0.4rem; color: #f59b31; }
.a_m3 { padding-left: 0.267rem; background: url(20240712fdzbj-i_m.png) 0 0.133rem no-repeat; background-size: 0.133rem; }
.a_m:hover { color: #f59b31; }
.a_m2 { bottom: 0.48rem; color: #fff; }
.a_m2:hover { color: #fff; }
.u3 li { position: relative; float: left; width: 33.3%; text-align: center; box-sizing: border-box; }
.u3 a { display: block; }
/*u_dot*/
.u_dot { margin: 0 0.347rem; }
.u_dot li { font-size: 0.32rem; text-align: left; height: 0.533rem; line-height: 0.533rem; margin-bottom: 0.187rem; }
.u_dot li a:after { top: 0.04rem; left: 0.133rem; z-index: 2; width: 0.133rem; height: 0.453rem; background: #f7c589; }
.u_dot a { position: relative; display: block; color: #c62b2e; height: 0.533rem; padding-left: 0.48rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.u_dot a:hover { color: #c62b2e; text-decoration: none; }
.u_dot2 li { font-size: 0.32rem; text-align: left; line-height: 0.533rem; padding: 0 0.853rem 0 0.32rem; min-height: 1.813rem; margin-bottom: 0.067rem; background: #e0594c; }
.u_dot2 img { float: left; width: 1.813rem; height: 1.813rem; margin-right: 0.267rem; }
.u_dot2 .cap3 { font-weight: normal; font-size: 0.427rem; height: 0.667rem; line-height: 0.667rem; margin: 0.267rem 0 0.027rem; overflow: hidden; }
.u_dot2 .p_info { height: 0.533rem; line-height: 0.533rem; overflow: hidden; }
.u_dot2 a, .u_dot2 a:hover { display: inline-block; color: #fff; }
/*ptC*/
.pic img { width: 100%; }
.ptP { padding: 0.533rem 0 0 0.32rem; }
.ptC { float: left; clear: none; width: 2.933rem; height: 5.227rem; margin-right: 0.213rem; border-radius: 0.213rem; }
.ptC .pic { width: 100%; height: 5.227rem; }
.ptC .txt { position: absolute; left: 0.187rem; bottom: 0.16rem; z-index: 5; font-size: 0.32rem; text-align: left; color: #fff; width: 2.56rem; height: 0.96rem; line-height: 0.48rem; }
.ptC .pic:after, .ptC2 .pic:after { bottom: 0; left: 0; width: 100%; height: 1.68rem; background-image: linear-gradient(to bottom, rgba(123, 123, 123, .1), rgba(123, 123, 123, .5), rgba(123, 123, 123, 1)); }
.ptC a, .ptC a:hover { color: #fff; }
/*ptC2*/
.ptC2 { width: 9.333rem; height: 5.24rem; }
.ptC2 .pic { width: 100%; height: 5.24rem; }
.ptC2 .pic:after { height: 2rem; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .8), rgba(255, 255, 255, 1)); }
.ptC2 .txt { position: absolute; bottom: 0.613rem; left: 0; z-index: 3; font-size: 0.427rem; text-align: center; width: 100%; height: 0.667rem; line-height: 0.667rem; }
.ptC2 a, .ptC2 a:hover { color: #c62b2e; text-decoration: none; }
.ptC2_1 .pic:after { height: 1.067rem; background-image: linear-gradient(to bottom, rgba(197, 18, 18, .1), rgba(197, 18, 18, .8), rgba(197, 18, 18, 1)); }
.ptC2_1 .txt { bottom: 0; left: 0.32rem; font-size: 0.32rem; text-align: left; width: 6.4rem; }
.ptC2_1 a, .ptC2_1 a:hover { color: #fff; }
.ptC3 { width: 5.067rem; height: 4rem; margin: 0 0.133rem; }
.ptC3 .pic { width: 100%; height: 2.867rem; border-radius: 0.4rem; }
.ptC3 .txt { font-size: 0.32rem; text-align: center; width: 100%; height: 0.8rem; line-height: 0.4rem; margin-top: 0.213rem; }
.ptC3 a, .ptC3 a:hover { color: #fff; }
.ptC7 { width: 4.4rem; height: 7.8rem; margin: 0.133rem; border-radius: 0.4rem; box-shadow: 0 0 0.133rem #fff; }
.ptC7 .pic { width: 100%; height: 7.8rem; }
/*swiper*/
.swiper { width: 100%; }
.swiper-pagination { bottom: 0; line-height: 1; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.213rem; }
.swiper-pagination-bullet { width: 0.107rem; height: 0.107rem; background: none; opacity: 1; border-radius: 50%; }
.swiper-pagination-bullet-active { background: #ec5655; }
.swiper-hd { position: absolute; z-index: 20; top: 20px; background: #f90; }
.swiper-hd .on { color: #fff; background: #f20; }
.swiper1, .swiper2, .swiper4 { width: 9.333rem; height: 5.24rem; margin: 0 auto; border-radius: 0.4rem; overflow: hidden; }
.swiper1 .swiper-slide, .swiper9 .swiper-slide { width: auto; }
.swiper1 { margin-top: 0.533rem; }
.swiper1 .swiper-button-next, .swiper1 .swiper-button-prev { color: #ffd800; }
.swiper1 .swiper-button-next:after, .swiper1 .swiper-button-prev:after { font-size: 30px; }
.swiper2 .swiper-pagination { width: 100%; }
.swiper2 .swiper-pagination-bullet { width: 0.267rem; height: 0.16rem; margin: 0 0.067rem; background: #bfbfbf; border-radius: 0.08rem; }
.swiper2 .swiper-pagination-bullet-active { width: 1.867rem; background: #e6514f; }
.swiper4 .swiper-pagination { left: inherit; right: 0; bottom: 0.187rem; width: 2rem; }
.swiper4 .swiper-pagination-bullet { margin: 0 0.067rem !important; border: 2px solid #b5b5b5; }
.swiper4 .swiper-pagination-bullet-active { background: #fff; border-color: #fff; }
.swiper7 { height: 8.133rem; }
.swiper7 .swiper-slide { width: auto; transition: 300ms; }
.swiper7 .swiper-pagination-bullet { width: 0.533rem; height: 0.04rem; margin: 0 0.133rem !important; background: #dcdcdc; border: none; border-radius: 0; }
.swiper7 .swiper-pagination-bullet-active { background: #d21624; }
.swiper7 .swiper-pagination { bottom: 0.4rem; }
.swiper7 .swiper-slide .ptC7:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(178,178,178,.4); }
.swiper7 .swiper-slide-active .ptC7:after { display: none; background: none; }
/*area*/
.P1_2 { background: #981f1e; }
.P1_3 { height: 12.8rem; background: #981f1e; }
.P1_3 .inn { height: 12.8rem; }
.P1_4 { height: 7.547rem; }
.P1_5, .P1_5 .inn { height: 4.4rem; }
.P1_6 { height: 6.347rem; background: #e0653f; }
.hd2 { height: 2.333rem; background: url(20240712fdzbj-bg_hd2.jpg) center 0 no-repeat; background-size: 100%; }
.hd2_2, .hd2_4 { height: 3.6rem; background-image: url(20240712fdzbj-bg_hd2_2.jpg); }
.hd2_4 { height: 3.6rem; background-image: url(20240712fdzbj-bg_hd2_4.jpg); }
.hd2_3, .hd2_5, .hd2_6 { margin: 0.267rem 0 0.16rem; height: 1.28rem; background-image: url(20240712fdzbj-bg_hd2_3.png); }
.hd2_5 { margin: 0.32rem 0 0.293rem; background-image: url(20240712fdzbj-bg_hd2_5.png); }
.hd2_6 { margin: 0 0 0.267rem; background-image: url(20240712fdzbj-bg_hd2_6.png); }
.hd2_7 { height: 1.733rem; background-image: url(20240712fdzbj-bg_hd2_7.png); }
/*header*/
.header { height: 6.267rem; background: url(20240712fdzbj-bg_header.jpg) center 0 no-repeat; background-size: 100% auto; }
.logo { position: absolute; top: 0.4rem; right: 0; width: 4.96rem; height: 0.667rem; }
.a_logo1, .a_logo2 { float: left; display: block; width: 2.973rem; height: 0.667rem; }
.a_logo1 { width: 1.093rem; margin-right: 0.533rem; }
.d_nav { width: 100%; height: 0.8rem; line-height: 0.8rem; margin-top: 5.467rem; background: url(20240712fdzbj-bg_nav.jpg) center 0 no-repeat; background-size: 100% auto; }
.u_nav li:after { top: 0.24rem; left: 0; width: 1px; height: 0.373rem; background: #ae0908; }
.u_nav a { color: #fff; padding: 0 0.133rem; }
/*P1*/
.d_tab, .d_tab .j_bd2 { position: relative; width: 100%; overflow: hidden; }
.d_tab .j_hd2 { font-size: 0.373rem; height: 0.773rem; border-bottom: 0.08rem solid #ffd800; }
.d_tab .j_hd2 li a { display: block; font-size: 0.373rem; color: #ababab; text-align: center; width: 100%; height: 0.773rem; line-height: 0.773rem; overflow: hidden; }
.d_tab .j_hd2 li a:hover { color: #ababab; text-decoration: none; }
.d_tab .j_hd2 li.on a { color: #fff; background-image: linear-gradient(to bottom, #ffd800, #f59b31); }
.d_tab .j_bd2 { position: relative; width: 100%; height: 6.8rem; }
.d_tab .j_nr { height: 6.8rem; }

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

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

/*placeholder*/
:-moz-placeholder {
 color: #8a8787;
opacity:1;
}
::-moz-placeholder {
 color: #8a8787;
opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #8a8787;
opacity:1;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #8a8787;
opacity:1;
}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"], input[type="reset"], input[type="button"], button, select { -webkit-appearance: none; }
/*设置滚动条透明*/
::-webkit-scrollbar {
 display: none;
 width: 0;
 height: 0;
 color: transparent;
 background: transparent;
}
::-webkit-scrollbar-thumb {
 width: 0;
 background: transparent;
}