html { font-family: sans-serif; text-size-adjust: 100%; }
body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
h1, h2, h3, h4, h5, h6, dl, dd, p, select, textarea { margin: 0px; }
ol, ul { margin: 0px; padding: 0px; list-style: none; }
a { color: rgb(51, 51, 51); background-color: transparent; text-decoration: none; cursor: pointer;}
a:active, a:hover { outline: 0px; }
audio, canvas, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0px; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
button, input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input, button { overflow: visible; }
button, select { text-transform: none; }
input[type="checkbox"], input[type="radio"] { padding: 0px; box-sizing: border-box; }
textarea { resize: none; border: 1px solid rgb(204, 204, 204); }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; }
del { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
.clearfix::after { display: block; content: ""; height: 0px; clear: both; visibility: hidden; }
html { font-size: 12px; -webkit-tap-highlight-color: transparent; }
body { font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif; font-size: 14px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);}
body { max-width: 480px; margin: 0px auto;}
@keyframes scale2 { 
  0% { transform: scale(1); }
  25% { transform: scale(1.1); }
  50% { transform: scale(1); }
  75% { transform: scale(1.1); }
}
@-webkit-keyframes scale2 { 
  0% { transform: scale(1); }
  25% { transform: scale(1.1); }
  50% { transform: scale(1); }
  75% { transform: scale(1.1); }
}
@keyframes ballon6 { 
  0% { transform: translateX(-3px); }
  50% { transform: translateX(0px); }
  100% { transform: translateX(-3px); }
}
@keyframes ballon7 { 
  0% { transform: translateY(-3px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-3px); }
}
.content100 { width: 100%; padding: 0px 0.75rem; box-sizing: border-box; }
.content1_bg { height: 12.5rem; background: url("../images/ban1_wap.jpg") center top / 100% 100% no-repeat; text-align: center; box-sizing: border-box; padding-top: 7.7rem;}
.content1_bg .text-group .youhuiL p.p1col { color: rgb(255, 80, 63); font-size: 0.6rem; font-weight: bold; }
.content1_bg .text-group .youhuiL p .font22 { font-size: 0.75rem; color: rgb(171, 28, 4); }
.content1_bg .text-group .youhuiR { font-size: 0.45rem; color: rgb(0, 0, 0); margin-top: 0.3rem; line-height: 1.6; }
.box1 { background: url("../images/sp-bg.png") center 1.5rem / 100% 7.5rem no-repeat rgb(189, 15, 16); width: 100%; padding-top: 8.5rem; box-sizing: border-box; position: relative; display: flex; justify-content: center; }
.box1 .player { width: 17.45rem; height: 9.7rem; border-radius: 0.7rem; background: rgb(163, 5, 9); }
.box1 .player .vjs-tech, .box1 .player .vjs-poster { border-radius: 0.75rem; }
.box2 { width: 100%; background: rgb(163, 5, 9); }
.box2 .history1 { width: 100%; }
.box2 .history2 { width: 100%; display: none; }
.box2 .history2.active { display: block; }
.box2 .histoty-b { width: 100%; height: 1rem; margin-top: 0.5rem; padding-bottom: 0.5rem; background:  0% 0% / cover rgb(163, 5, 9); }
.box2 .histoty-b .arrow { display: block; width: 1.875rem; height: 0.95rem; margin: 0px auto; transition: transform 0.2s ease 0s; }
.box2 .histoty-b .arrow.active { transform: rotate(180deg); }
.panel4 { height: 16.3rem; background: url("../images/ban4_bg.jpg") center center / 100% 100% no-repeat; box-sizing: border-box; padding-top: 1.5rem; }
.panel4 .panel4_main { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.panel4 .panel4_main .lxyy_list { width: 17.25rem; height: 2.925rem; box-sizing: border-box; padding: 0.25rem 0px; text-align: center; margin-top: 0.6rem; position: relative; }
.panel4 .panel4_main .lxyy_list:nth-child(1) { background: url("../images/ban2-bg01.png") center center / 100% 100% no-repeat; }
.panel4 .panel4_main .lxyy_list:nth-child(2) { background: url("../images/ban2-bg02.png") center center / 100% 100% no-repeat; }
.panel4 .panel4_main .lxyy_list:nth-child(3) { background: url("../images/ban2-bg03.png") center center / 100% 100% no-repeat; }
.panel4 .panel4_main .lxyy_list:nth-child(4) { background: url("../images/ban2-bg04.png") center center / 100% 100% no-repeat; }
.panel4 .panel4_main .lxyy_list h3 { width: 0.8rem; position: absolute; font-size: 0.55rem; color: rgb(255, 255, 255); left: 6px; top: 5px; font-weight: bold; line-height: 1.2; }
.panel4 .panel4_main .lxyy_list ul { position: absolute; left: 6.5rem; width: 6rem; }
.panel4 .panel4_main .lxyy_list ul li { width: 2.5rem; height: 0.9rem; line-height: 0.9rem; text-align: left; color: rgb(37, 37, 37); font-size: 0.5rem; float: left; margin-right: 0.5rem; }
.panel4 .panel4_main .lxyy_list ul li:nth-child(2n) { margin-right: 0px; }
.panel4 .panel4_main .lxyy_list a { display: block; position: absolute; top: 0.5rem; right: 0.5rem; width: 2.15rem; height: 2.15rem; line-height: 0.8rem; color: rgb(255, 255, 255); font-size: 0.55rem; font-weight: bold; text-align: center; border-radius: 50%; animation: 2s linear 0s infinite normal none running scale2; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.125rem 0.25rem; box-sizing: border-box; padding-top: 0.3rem; }
.panel4 .panel4_main .lxyy_list01 a { background-image: linear-gradient(to right, rgb(254, 205, 77), rgb(254, 126, 0)); }
.panel4 .panel4_main .lxyy_list02 a { background-image: linear-gradient(to right, rgb(206, 71, 46), rgb(177, 23, 20)); }
.panel5 { height: 23.8rem; background: url("../images/ban5_bg.jpg") center center / 100% 100% no-repeat; box-sizing: border-box; padding-top: 3.25rem; }
.panel5 .panel5_main { width: 17.275rem; height: 20.125rem; margin: 0px auto; background: url("../images/ban5main_bg.png") center center / 100% 100% no-repeat; border-radius: 0.25rem; box-sizing: border-box; padding: 0px 1rem; }
.panel5 .panel5_main ul { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.panel5 .panel5_main ul li { width: 7.5rem; height: 8.125rem; box-sizing: border-box; padding: 0.25rem 0px; text-align: center; margin-bottom: 1rem; margin-top: 0.5rem; }
.panel5 .panel5_main ul li dl { text-align: center; }
.panel5 .panel5_main ul li dl dt { font-size: 0.7rem; margin-top: 0.25rem; margin-bottom: 0.25rem; font-weight: bold; color: rgb(0, 0, 0); }
.panel5 .panel5_main ul li dl dt span { color: rgb(153, 22, 24); }
.panel5 .panel5_main ul li dl dd { color: rgb(37, 37, 37); font-size: 0.55rem; line-height: 1.5; }
.panel5 .panel5_main ul li img { width: 3.35rem; height: 3.35rem; margin: 0px auto; }
.panel5 .panel5_main ul li a { display: block; margin: 0.5rem auto 0px; width: 3.375rem; height: 0.8rem; line-height: 0.8rem; color: rgb(255, 255, 255); font-size: 0.45rem; font-weight: bold; text-align: center; border-radius: 0.4rem; animation: 2s linear 0s infinite normal none running scale2; background-image: linear-gradient(to right, rgb(206, 71, 46), rgb(177, 23, 20)); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.125rem 0.25rem; }
.ban4 { padding-bottom: 0.5rem; background: rgb(163, 5, 9); }
.ban4 .tit_bg { height: 4.675rem; padding-top: 2rem; background: url("../images/ban6_bg.jpg") center top / 100% 100% no-repeat; box-sizing: border-box; }
.ban4 h3 { width: 9rem; height: 2.15rem; background: url("../images/ban3_tit01.png") center center / 100% 2.15rem no-repeat; }
.ban4 .sectitbg { width: 17.18rem; height: 2rem; margin: 0.5rem auto; background: url("../images/sec_titbg.png") 0px 0px / 100% 2rem no-repeat; box-sizing: border-box; text-align: left; font-size: 0.5rem; color: rgb(255, 255, 255); padding: 0.2rem 0.5rem 0px; }
.ban4 .laoshi_swiper { }
.ban4 .laoshi_swiper h5.haiguiP { width: 6.35rem; height: 0.88rem; text-align: center; margin: 0px auto; font-size: 0.6rem; color: rgb(255, 255, 255); font-weight: bold; border-radius: 1rem 0px; border: 2px solid rgb(206, 71, 46); background: rgba(255, 255, 255, 0.2); }
.ban4 .laoshi_swiper p.ban4_titm { font-size: 0.55rem; color: rgb(255, 255, 255); margin-top: -2.4rem; margin-bottom: 0.3rem; text-align: center; }
.ban4 .jiaoshi { width: 17.2rem; margin: 0.2rem auto 0px; padding-top: 0.2rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide { width: 17.2rem; padding: .5rem 0; background-color: rgb(255, 255, 255); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
.ban4 .jiaoshi .mySwiper .swiper-slide img { width: 6.35rem; height: 8.05rem; display: block; margin: 0 auto; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right { padding: .5rem .6rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right h6 { font-size: 0.75rem; color: rgb(51, 51, 51); text-align: left; font-weight: bold; line-height: 0.8rem; margin-top: -0.45rem; padding-left: 0.5rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right h6 span { font-weight: normal; margin-left: 0.5rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right h5 { width: 8.35rem; height: 0.85rem; display: flex; font-weight: normal; font-size: 0.5rem; color: rgb(255, 255, 255); border-radius: 0.4rem; margin: 0.25rem auto 0px; justify-content: center; align-items: center; background: linear-gradient(to right, rgb(0, 81, 165), rgb(209, 224, 239)); }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right p { font-size: 0.5rem; color: rgb(51, 51, 51); line-height: 0.75rem; margin-top: 0.5rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right p b { width: 2.6rem; height: 0.8rem; margin-right: 0.5rem; float: left; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: normal; font-size: 0.5rem; color: rgb(206, 71, 46); border-radius: 0.75rem 0px; border: 1px dashed rgb(206, 71, 46); }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right p:last-child b { margin-bottom: 3.6rem; }
.ban4 .jiaoshi .mySwiper .swiper-slide .ls_right p:last-child b.lineH { margin-bottom: 1.6rem; }
.ban4 .jiaoshi .mySwiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 50%; opacity: 1; background-color: rgb(204, 204, 204); }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 4px !important; }
.ban4 .jiaoshi .mySwiper .swiper-pagination .swiper-pagination-bullet-active { border-radius: 0.25rem; background-color: rgb(206, 71, 46); }
.ban4 .jiaoshi .ls_icon { width: 5.85rem; height: 1.5rem; display: block; margin: 0.75rem auto 0px; }
.ban4 .jiaoshi .ls_icon img { width: 5.85rem; height: 1.5rem; }
.conpub .cent_btn { display: block; width: 10.13rem; height: 1.75rem; text-align: center; line-height: 1.75rem; font-size: 0.95rem; color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(253, 107, 52), rgb(251, 201, 80)); border-radius: 1rem; margin: 0px auto 0.5rem; font-weight: bold; animation: 1s linear 0s infinite alternate none running ball-scale-multiple; }
.panel7 { padding-bottom: 0.2rem; height: 10.45rem; padding-top: 2rem; background: url("../images/ban7_bg.jpg") center top / 100% 100% no-repeat; box-sizing: border-box; }
.panel7 .yhzds_main_Rlist { background: rgb(255, 255, 255); border: 1px solid rgb(246, 109, 33); box-sizing: border-box; padding: 0.3rem 1rem; }
.panel7 .yhzds_main_Rlist ul li { width: 100%; height: 1.5rem; line-height: 1.5rem; border-bottom: 0.025rem dashed rgb(206, 71, 46); box-sizing: border-box; position: relative; padding-left: 1rem; }
.panel7 .yhzds_main_Rlist ul li::before { content: ""; position: absolute; display: inline-block; width: 0.675rem; height: 0.675rem; left: 0rem; top: 0.375rem; background: url("../images/youhui_icon.png") 0px 0px / 100% 100% no-repeat; animation: 3s ease 0s infinite normal none running ballon3; }
.panel7 .yhzds_main_Rlist ul li span { display: inline-block; border-radius: 0.5rem; width: 3.825rem; height: 1rem; line-height: 1rem; font-size: 0.55rem; background: rgb(206, 71, 46); color: rgb(255, 255, 255); font-weight: bold; text-align: center; }
.panel7 .yhzds_main_Rlist ul li a { font-size: 0.55rem; color: rgb(43, 43, 43); margin-left: 0.25rem; transition: all 0.3s ease 0s; }
.panel7 .yhzds_main_Rlist ul li a b { color: rgb(206, 71, 46); }
.panel7 .yhzds_main_Rlist ul li a:hover { color: rgb(206, 71, 46); }
.panel7 .yhzds_main_Rlist p { margin-top: 0.375rem; }
.panel7 .yhzds_main_Rlist p img { width: 5.3rem; height: 0.5rem; margin-left: 0.95rem; }
.panel7 .yhzds_main_Rlist a.zixunbtn { display: block; margin: 0.3rem auto 0px; width: 10.35rem; height: 1.15rem; line-height: 1.15rem; color: rgb(255, 255, 255); font-size: 0.6rem; font-weight: bold; text-align: center; border-radius: 1rem; animation: 2s linear 0s infinite normal none running scale2; background-image: linear-gradient(to right, rgb(206, 71, 46), rgb(177, 23, 20)); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.125rem 0.25rem; }
.panel8 { padding-bottom: 0.5rem; background: rgb(159, 5, 9); }
.panel8 .tit_bg { height: 2.175rem; padding-top: 2rem; background: url("../images/ban8_bg.jpg") center top / 100% 100% no-repeat; box-sizing: border-box; }
.panel8 .panel8_main ul { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; margin-top: 0.4rem; }
.panel8 .panel8_main ul li { width: 8.4rem; height: 5.25rem; box-sizing: border-box; padding: 0.25rem 0px; text-align: center; margin-bottom: 0.6rem; }
.panel8 .panel8_main ul li:nth-child(1) { background: url("../images/xmtj_bg01.png") center center / 100% 100% no-repeat; }
.panel8 .panel8_main ul li:nth-child(1) a { margin-top: 0.7rem; }
.panel8 .panel8_main ul li:nth-child(2) a { margin-top: 0.7rem; }
.panel8 .panel8_main ul li:nth-child(2) { background: url("../images/xmtj_bg02.png") center center / 100% 100% no-repeat; }
.panel8 .panel8_main ul li:nth-child(3) { background: url("../images/xmtj_bg03.png") center center / 100% 100% no-repeat; }
.panel8 .panel8_main ul li:nth-child(4) { background: url("../images/xmtj_bg04.png") center center / 100% 100% no-repeat; }
.panel8 .panel8_main ul li dl { text-align: center; margin-top: 0.5rem; }
.panel8 .panel8_main ul li dl dt { font-size: 0.55rem; margin-top: 0.25rem; margin-bottom: 0.25rem; font-weight: bold; color: rgb(0, 0, 0); }
.panel8 .panel8_main ul li dl dt span { color: rgb(153, 22, 24); }
.panel8 .panel8_main ul li dl dd { font-size: 0.5rem; margin-top: 0.25rem; color: rgb(0, 0, 0); line-height: 1.5; }
.panel8 .panel8_main ul li dl dd b.font_gap { letter-spacing: -1px; }
.panel8 .panel8_main ul li a { display: block; margin: 0.2rem auto 0px; width: 4.125rem; height: 0.925rem; line-height: 0.925rem; color: rgb(255, 255, 255); font-size: 0.5rem; font-weight: bold; text-align: center; border-radius: 1rem; animation: 2s linear 0s infinite normal none running scale2; background-image: linear-gradient(to right, rgb(206, 71, 46), rgb(177, 23, 20)); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.125rem 0.25rem; }
.box11 { height: 23.775rem; background: url("../images/ban9_bg.jpg") center center / 100% 100% no-repeat; box-sizing: border-box; padding-top: 2.85rem; }
input, button { border: none; box-sizing: border-box; outline: 0px; }
.box11 .box11-content { width: 17.4rem; height: 20.85rem; background: url("../images/form-03.jpg") center center / 100% 100% no-repeat; box-sizing: border-box; margin: -0.325rem auto 0px; }
.box11 .form-zl { box-sizing: border-box; padding: 13rem 1.3rem 0px; width: 100%; }
.box11 .form-zl .form-item { background: rgb(255, 255, 255); border-radius: 0.7rem; height: 1.425rem; line-height: 1.425rem; margin-bottom: 0.5rem; width: 14.725rem; }
.box11 .form-zl .form-item input { height: 1.425rem; width: 14.725rem; border-radius: 0.7rem; text-indent: 0.5rem; }
.box11 .common-txt { color: rgb(69, 69, 69); display: inline-block; width: 100%; }
.box11 .lq-btn { background-image: linear-gradient(96deg, rgb(254, 205, 77), rgb(254, 126, 0)); border-radius: 0.7rem; color: rgb(255, 255, 255); font-size: 0.65rem; font-weight: 700; height: 1.425rem; line-height: 1.425rem; margin-top: 0.5rem; text-align: center; width: 14.675rem; animation: 1s linear 0s infinite normal none running ballon7; }
.content9_bg { padding-bottom: 0.2rem; height: 18.3rem; background: url("../images/ban11_bg.jpg") center top / 100% 19rem no-repeat; box-sizing: border-box; padding-top: 2.5rem; }
.content9_bg ul { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; margin-top: 0.5rem; margin-bottom: 0.5rem; }
.content9_bg ul li { width: 8.28rem; height: 7rem; margin-bottom: 0.8rem; }
.content9_bg ul li:nth-child(3) { margin-bottom: 0px; }
.content9_bg ul li:nth-child(4) { margin-bottom: 0px; }
.content9_bg ul li img { width: 8.4rem; height: auto; }
.content9_bg ul li:nth-child(2n) img { width: 8.25rem; }
.content9_bg ul li p { color: rgb(255, 255, 255); font-size: 0.6rem; margin-top: 0.2rem; text-align: center; }
.content9_bg ul li p.last { white-space: nowrap; position: relative; left: -0.4rem; }
.content12_bg { height: 11.1rem; background: url("../images/ban12_bg.jpg") center center / 100% 100% no-repeat; box-sizing: border-box; padding-top: 1.7rem; }
.content12_bg .panel12_main { width: 16.875rem; height: 8.525rem; margin: 0px auto; background: url("../images/xuanze_img.png") 0px 0px / 100% 100% no-repeat; }