@charset "gb2312";
/* CSS Document */
html { font-size: 40px; }
body { padding: 0; font-family: "Microsoft YaHei"; margin: 0; -webkit-text-size-adjust: none; width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow-x: hidden; background-color: #fff; }
.tbody { padding: 0 0.5rem; }
ol, ul { list-style: none }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
ul, li, input, h1, h2, h3, h4, p, span, b, dl, dt, dd, header, menu, section, footer, nav, article { margin: 0; padding: 0; }
ul, li { list-style: none; }
.clear { clear: both; }
em { font-style: normal; }
a { text-decoration: none; color: #333; }
.line { height: 0.2rem; background-color: #eeeeee; }
.ibody img { display: block; width: 100%; }
@font-face { font-family: "xxx"; src: url(impact.ttf); }
/*----*/
.disflex { display: flex; justify-content: space-between; }
.tb_form { width: 15.1rem; height: 10.725rem; margin: 0 auto; background-color: #fff; border-radius: 0.15rem; box-shadow: 0.05rem 0.05rem 0.15rem 0rem #999; margin-top: 0.85rem; }
.tbf_tit { font-size: 0.75rem; text-align: center; color: #f45d6a; line-height: 2.5rem; padding-top: 0.45rem; }
.tbf_ipt { display: block; width: 12.15rem; height: 1.6rem; border-radius: 0.8rem; text-indent: 1.1rem; line-height: 1.55rem; font-size: 0.7rem; color: #797979; border: 0.025rem solid #a1a1a1; margin: 0 auto; margin-bottom: 0.65rem; }
.tbf_btn { display: block; width: 12.1rem; height: 1.65rem; line-height: 1.65rem; margin: 0 auto; border-radius: 0.825rem; background-image: url(../img/tbf_btn.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; font-size: 0.75rem; color: #fff; font-weight: bold; text-align: center; border: none; }
.title_box { display: block; width: 100%; height: 3.6rem; position: relative; }
.etitle { font-size: 1.2rem; color: #4f4f4f; text-transform: uppercase; text-align: center; width: 100%; position: absolute; line-height: 3.15rem; top: 0rem; background-image: -webkit-linear-gradient(bottom, #fff, #afafaf); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "xxx"; z-index: 1; }
.ctitle { width: 100%; font-size: 0.9rem; text-align: center; line-height: 3rem; position: absolute; top: 0.5rem; z-index: 2; font-weight: bold; color: #4f4f4f; }
.f_tit { display: block; width: 15.1rem; height: 1.6rem; line-height: 1.6rem; margin: 0 auto; border-bottom: 0.025rem solid #dcdcdc; margin: 0 auto; font-size: 0.75rem; color: #4f4f4f; }
.sc_nav { width: 14.05rem; margin: 0 auto; margin-top: 1.45rem; overflow: initial !important; }
.sc_nav .swiper-slide { width: 3.3rem; height: 1.325rem; line-height: 1.325rem; text-align: center; font-size: 0.5rem; color: #606060; background-color: #fff; border-radius: 0.2rem; box-shadow: 0rem 0rem 0.15rem 0rem #999; }
.sc_nav .swiper-slide.swiper-slide-thumb-active { background-color: #e94857; color: #fff; box-shadow: none; }
.sc_nav .swiper-wrapper { justify-content: space-between; overflow: initial !important; }
.sc_page { /*margin-left: 1.65rem;*/ margin-top: 0.5rem; }
.sc_page .swiper-pagination-bullet { background-color: #e94857; width: 0.3rem; height: 0.3rem; border-radius: 0.15rem; margin: 0 0.125rem; }
.sc_page .swiper-pagination-bullet-active { width: 0.675rem; }
.sc_bg { width: 16rem; background-image: url(../img/sc_bg.png); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 2.1rem; padding-top: 1.25rem; margin-bottom: 1.05rem; }
.sc_con { width: 13.4rem; margin-left: 0.75rem; }
.sc_con .swiper-slide { margin-right: 0.65rem; display: flex; justify-content: space-between; }
.sc_con .swiper-slide img { border-radius: 0.2rem; width: 6.425rem; }
div.ex{padding-bottom: 1px;background: url(../img/bg.jpg) repeat-x bottom center;}
div.ex .zxbtn{margin: 1rem auto;background-color: #fff;color: #e16f79;background-image:none}
.dgzl { padding-top: 0.75rem; padding-bottom: 1.5rem;width: 14.25rem;margin: 0 auto; background-color: #fff;}
/* .dgzl .swiper-slide { width: auto; } */
.dgzlh { height: 5.675rem; }
/* .dgzl_tit { font-size: 0.6rem; width: 1.3rem; padding-left:0.25rem;} */
.dgzl_tit{display: flex; justify-content: space-evenly !important;align-items: center;}
.dgzl_tit_li {position: relative; font-size: 0.6rem; width: 1.3rem;height: 5.75rem;writing-mode: tb-rl;text-align: center;line-height: 1.3rem;}
.dgzl_tit img{width: 5.3rem;}
.dgzl_tit_li:after { content: ""; display: block; width: 0.05rem; height: 0.85rem; background-color: #662f0d; position: absolute; right: 0rem; top: 2.45rem; }
.dgzl_pic { width:5.825rem; padding-top: 0.35rem; padding-left: 0.5rem; }
.zxbtn { display: block; width: 12.1rem; height: 1.65rem; line-height: 1.65rem; margin: 0 auto; border-radius: 0.825rem; background-image: url(../img/tbf_btn.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; font-size: 0.75rem; color: #fff; font-weight: bold; text-align: center; border: none; margin-top: 1.6rem; }
.xxys { background-color: #fff4f5; padding-bottom: 1.5rem; }
.xxys_con { display: flex; width: 13.85rem; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; }
.ysli { width: 6.15rem; }
.ys_tit { font-size: 0.75rem; color: #551f09; line-height: 1.35rem; text-align: center; padding-top: 0.3rem; }
.ys_txt { font-size: 0.55rem; color: #606060; line-height: 0.9rem; text-align: center; padding-bottom: 0.55rem; }
.xxys .zxbtn { margin-top: 0.5rem; }
.xszp img { width: 4.875rem; border-radius: 0.2rem; display: block; margin: 0 auto; }
.txt { width: 15rem; margin: 0 auto; font-size: 0.6rem; color: #4f4f4f; line-height: 1rem; text-indent: 2em; padding-bottom: 0.75rem; }
.txt1 { font-size: 0.6rem; color: #4f4f4f; line-height: 1rem; text-align: center; padding-top: 0.75rem; }
.bt_form { background-color: #fff4f5; margin-top: 1.65rem; }
.btf_main { width: 15.15rem; margin: 0 auto; border-bottom: 0.1rem solid #68350d; position: relative; padding-left: 2.625rem; padding-right: 2.625rem; }
.btf_num { display: block; width: 0.8rem; height: 0.8rem; background-color: #68350d; font-size: 0.65rem; text-align: center; line-height: 0.8rem; color: #fff4f5; position: relative; margin-bottom: 0.45rem; }
.btf_num:after { content: ""; display: block; width: 0.35rem; height: 0.35rem; background-color: #fff4f5; border: 0.025rem solid #68350d; border-radius: 50%; position: absolute; left: 0rem; right: 0rem; margin: 0 auto; bottom: -0.7rem; }
.btf_sbox { position: absolute; font-size: 0.6rem; color: #4f4f4f; text-align: center; line-height: 1.6rem; bottom: -1.7rem; width: 11.75rem; left: 1.85rem; }
.btf_line { width: 15rem; margin: 0 auto; height: 2rem; position: relative; font-size: 0.6rem; line-height: 2rem; margin-top: 1.5rem; text-align: center; }
.btf_line:after { content: ""; display: block; width: 100%; height: 0.025rem; background-color: #d1c9ca; position: absolute; top: 1rem; }
.btf_line p { width: 9.5rem; background-color: #fff4f5; margin: 0 auto; position: absolute; left: 0rem; right: 0rem; z-index: 2; }
.btf_ipt { display: block; width: 15.125rem; height: 1.7rem; line-height: 1.7rem; margin: 0 auto; margin-top: 0.5rem; border: 0.05rem solid #c2babb; border-radius: 0.1rem; font-size: 0.6rem; color: #878787; text-indent: 0.45rem; }
.btf_btn { display: block; width: 15.125rem; height: 1.7rem; margin: 0 auto; line-height: 1.7rem; color: #fff; font-size: 0.6rem; text-align: center; background-image: url(../img/btf_btn.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; border: none; margin-top: 1rem; }
.xszp-page{ position:inherit; width:100%;}
.xszp-page .swiper-pagination-bullet{ width:6px; height:6px; border-radius:3px; background-color:#f84235; margin:0 5px;}
.xszp-page .swiper-pagination-bullet-active{ width:22px;}