@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; margin: 0 auto; height: auto; overflow-x: hidden; background: #fff; font-size: .16rem; color: #000; line-height: 1; font-family: system-ui, -apple-system, Microsoft YaHei, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

::-webkit-scrollbar { width: 4px; height: 4px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

::-webkit-scrollbar-thumb { background-color: #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.pd40 { padding: .4rem; }

.pdlr40 { padding: 0 .4rem; }

.pdtb40 { padding: .4rem 0; }

.mr40 { margin: .4rem; }

.mrlr40 { margin: 0 .4rem; }

.mrtb40 { margin: .4rem 0; }

.fl { float: left; }

.fr { float: right; }

.cl { clear: both; }

/*fonts*/
@font-face { font-family: "SourceHanSans-Light"; src: url("../fonts/SourceHanSans-Light.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "SourceHanSans-Regular"; src: url("../fonts/SourceHanSans-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "SourceHanSans-Medium"; src: url("../fonts/SourceHanSans-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "SourceHanSans-Bold"; src: url("../fonts/SourceHanSans-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

@keyframes pointMove { 0% { transform: translate(0, -3px); }
  100% { transform: translate(0, 3px); } }

/* header */
.header { width: 100%; max-width: 768px; height: auto; overflow: hidden; background: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15); position: fixed; left: 0; top: 0; right: 0; margin: 0 auto; z-index: 10; padding: .2rem .35rem .2rem .2rem; display: flex; align-items: center; justify-content: space-between; transition: all .5s ease; }

.header .logo { width: 2.27rem; }

.header .logo img { width: 100%; }

.header .tel { font-size: .34rem; color: #DD2432; font-weight: bold; display: block; }

.header .tel i { font-size: .34rem; font-weight: bold; }

.header .menu { width: .45rem; height: .45rem; position: relative; transition: 0.3s; }

.header .menu .bar { height: 2px; width: .45rem; display: block; position: absolute; left: 0; background: #000; transition: all .5s ease; border-radius: .2rem; }

.header .menu .bar:nth-of-type(1) { top: .05rem; transition: top 0.2s ease,transform 0.2s ease-out; }

.header .menu .bar:nth-of-type(2) { top: .21rem; transition: top 0.2s ease, transform 0.2s ease-out; }

.header .menu .bar:nth-of-type(3) { top: .39rem; transition: top 0.2s ease, transform 0.2s ease-out; }

.header .menu.active .bar:nth-of-type(1) { top: .21rem; transform: rotate(45deg); transition: top 0.1s ease, transform 0.1s ease-out; }

.header .menu.active .bar:nth-of-type(2) { opacity: 0; }

.header .menu.active .bar:nth-of-type(3) { top: .21rem; transform: rotate(-45deg); transition: top 0.1s ease, transform 0.1s ease-out; }

.submenu-xs { width: 100%; max-height: calc(100vh - 1.07rem); overflow-y: auto; background: #fff; position: fixed; left: 0; top: 1.07rem; z-index: 10; border-top: 1px solid #eee; display: none; }

.submenu-xs dl { height: auto; overflow: hidden; }

.submenu-xs dl a { display: block; }

.submenu-xs dl dt { font-size: .3rem; line-height: .95rem; padding: 0 .3rem; border-bottom: 1px solid #eee; color: #000; position: relative; }

.submenu-xs dl dt i { font-size: .34rem; margin-right: .2rem; vertical-align: -.02rem; }

.submenu-xs dl dt i.icon-add { z-index: 3; color: #999; display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 1.8rem; text-align: right; margin-right: 0; padding-right: 0.3rem; }

.submenu-xs dl dt i.icon-add.active:before { content: "\e67a"; }

.submenu-xs dl dd { height: auto; overflow: hidden; display: none; padding: 0 .3rem .4rem; border-bottom: 1px solid #eee; }

.submenu-xs dl dd a { width: 48%; float: left; margin-top: .4rem; font-size: .28rem; color: #333; padding-bottom: .25rem; margin-bottom: .25rem; border-bottom: 1px solid #eee; }

.submenu-xs dl dd a:nth-child(2n) { float: right; }

.submenu-xs dl:nth-child(2) dd:nth-child(2) { border-bottom: 0; }

.cover { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 5; display: none; }

.cover1 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 10; display: none; }

/* footer */
.footer { height: auto; overflow: hidden; background: #342525; padding: .8rem .3rem; position: relative; border-top-left-radius: .5rem; text-align: center; }

.footer .tel { font-size: .6rem; color: #EC3C0F; font-weight: bold; }

.footer p { font-size: .28rem; color: #fff; margin-top: .2rem; line-height: .4rem; }

.footer .qr-box { display: flex; justify-content: center; margin: .5rem 0; }

.footer .qr-box .qr { width: 42%; }

.footer .qr-box .qr img { width: 2rem; margin: 0 auto; }

.footer .qr-box .qr p { font-size: .26rem; color: #B8B8B8; }

.footer .copyright p { font-size: .26rem; color: #B8B8B8; margin-top: .1rem; }

.bottom-btn { width: 100%; position: fixed; left: 0; bottom: -100%; display: flex; background: #DD2432; z-index: 4; transition: all 2s; }

.bottom-btn a { width: 50%; line-height: 1rem; font-size: .32rem; color: #fff; font-weight: bold; text-align: center; }

.bottom-btn:after { content: ""; width: 1px; height: 100%; background: rgba(238, 206, 181, 0.3); position: absolute; left: 50%; top: 0; }

.bottom-btn.active { bottom: 0; }

.container { height: auto; overflow: hidden; position: relative; z-index: 1; }

.common-btn { width: 3.4rem; height: .9rem; font-size: .3rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .5rem; background: #DD2432; margin: 0 auto; box-shadow: 0 2px 6px 1px rgba(233, 93, 70, 0.5); font-weight: bold; }

.common-btn i { margin-left: .1rem; display: block; }

/* Index */
.Index { padding: .95rem 0 .9rem; /* banner */ }

.Index .banner { width: 100%; height: auto; overflow: hidden; position: relative; z-index: 0; }

.Index .banner img { width: 100%; display: block; }

.Index .banner .swiper-pagination { bottom: .4rem; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: .3rem; height: .04rem; background: #fff; opacity: 1; border-radius: 0; transition: all .5s ease; }

.Index .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: .7rem; background: #DD2432; }

.Index .order { width: 90%; height: auto; overflow: hidden; padding: .65rem .5rem .7rem; background: #fff; box-shadow: 0 0 15px 1px rgba(181, 164, 153, 0.33); margin: 0 auto; border-radius: .2rem; position: relative; margin-top: -.9rem; }

.Index .order .title { display: flex; align-items: center; font-size: .4rem; color: #333; font-weight: bold; }

.Index .order .title img { width: .44rem; margin-right: .25rem; }

.Index .order input { width: 100%; height: .86rem; padding: 0 .5rem; font-size: .3rem; color: #000; background: #F3F3F3; border-radius: .5rem; margin: .4rem 0; }

.Index .order .btn { width: 100%; height: .9rem; font-size: .32rem; color: #fff; font-weight: bold; text-align: center; background: linear-gradient(180deg, #E94321 0%, #DD2432 100%); box-shadow: 0 6px 6px 1px rgba(233, 34, 34, 0.13); border-radius: .5rem; display: flex; align-items: center; justify-content: center; }

.Index .section { height: auto; overflow: hidden; padding: .8rem .35rem; position: relative; }

.Index .section .title { text-align: center; }

.Index .section .title h3 { font-size: .26rem; color: #B8B8B8; text-transform: uppercase; }

.Index .section .title h2 { font-size: .48rem; color: #333; font-weight: bold; margin-top: .1rem; }

.Index .section .title .line { width: .5rem; height: .06rem; background: #DD2432; border-radius: .05rem; margin: .3rem auto; }

.Index .section .title p { font-size: .26rem; color: #666; line-height: .46rem; }

.Index .about .title p { text-align: left; }

.Index .about .video { margin: .4rem 0 0; position: relative; border-radius: .25rem; overflow: hidden; }

.Index .about .video:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; }

.Index .about .video .play { width: .86rem; height: .86rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

.Index .about .video .play i { font-size: .3rem; color: #fff; }

.Index .about .video .play:after { content: ""; width: 100%; height: 100%; background: url("../images/video-circle.png") no-repeat center/100%; position: absolute; left: 0; top: 0; animation: rotate360 5s infinite linear; }

.Index .about .nums { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .6rem; padding: 0 .1rem; }

.Index .about .nums li { width: 50%; margin-top: .8rem; padding: 0 .2rem; }

.Index .about .nums li h2 { font-size: .36rem; font-weight: bold; margin-bottom: .1rem; color: #DD2432; }

.Index .about .nums li h2 b { font-size: .7rem; font-family: "BebasNeue", system-ui, -apple-system, Microsoft YaHei, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; font-weight: bold; }

.Index .about .nums li p { font-size: .26rem; color: #333; line-height: .42rem; }

.Index .about .nums li:nth-child(-n+2) { margin: 0; }

.Index .course { background: #F9F9F9; }

.Index .course .slide { margin-top: .5rem; position: relative; padding-bottom: .8rem; }

.Index .course .slide .swiper-slide { background: #fff; box-shadow: 0 0 0.15rem 1px rgba(0, 0, 0, 0.11); border-radius: .2rem; overflow: hidden; }

.Index .course .slide .swiper-slide .text { padding: .4rem .35rem 1.2rem; }

.Index .course .slide .swiper-slide .text h2 { font-size: .32rem; color: #333; font-weight: bold; margin-bottom: .15rem; }

.Index .course .slide .swiper-slide .text p { font-size: .26rem; color: #666; line-height: .4rem; height: .8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .course .slide .swiper-slide .text .arrow { width: .8rem; height: .8rem; background: #DD2432; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; }

.Index .course .slide .swiper-slide .text .arrow i { font-size: .3rem; color: #fff; }

.Index .course .slide .swiper-pagination { bottom: 0; }

.Index .course .slide .swiper-pagination-bullet { width: 10px; height: 10px; background: #ccc; opacity: 1; }

.Index .course .slide .swiper-pagination-bullet-active { background: #DD2432; }

.Index .advantage { background: url("../images/advantage-bg.jpg") no-repeat center/cover; }

.Index .advantage ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .5rem; }

.Index .advantage ul li { width: 31%; border-radius: .2rem; padding: .3rem; margin-bottom: .25rem; position: relative; }

.Index .advantage ul li h4 { font-size: .38rem; color: #fff; position: absolute; right: .3rem; top: .3rem; opacity: .5; }

.Index .advantage ul li img { width: .6rem; margin: .2rem 0; }

.Index .advantage ul li p { font-size: .26rem; line-height: .36rem; color: #fff; font-weight: bold; }

.Index .advantage ul li:nth-child(1) { background: #fff; }

.Index .advantage ul li:nth-child(1) h4 { color: #B8B8B8; }

.Index .advantage ul li:nth-child(1) p { color: #332C2B; }

.Index .advantage ul li:nth-child(2) { background: linear-gradient(321deg, #FBBB0B 0%, #FBAC0E 0%, #FFD050 100%); }

.Index .advantage ul li:nth-child(5) { background: linear-gradient(141deg, #ADE44F 0%, #8BB400 100%); }

.Index .advantage ul li:nth-child(6) { background: linear-gradient(180deg, #FF4452 0%, #DD2432 100%); }

.Index .team { padding-bottom: 0; background: url("../images/team-bg.png") no-repeat bottom/100%; }

.Index .team .img { position: relative; margin-top: .5rem; }

.Index .team .img .img { width: 5rem; }

.Index .team .img .name { position: absolute; right: .5rem; top: .5rem; text-align: center; }

.Index .team .img .name img { width: 2rem; }

.Index .team .img .name p { font-size: .26rem; color: #000; font-weight: bold; margin-top: .1rem; }

.Index .business { padding: 0; }

.Index .business .top { background: #DD2432; border-top-left-radius: .5rem; padding: .5rem 0 .3rem; }

.Index .business .top .title h3, .Index .business .top .title h2 { color: #fff; }

.Index .business .top .title .line { background: #fff; }

.Index .business .box { background: #F5F4F2; padding: .5rem .3rem .9rem; }

.Index .business .box .tabs { height: auto; overflow: hidden; }

.Index .business .box .tabs .item { float: left; width: 17%; margin: 0 1.5% 3%; line-height: .7rem; font-size: .28rem; color: #333; background: #fff; border-radius: .1rem; text-align: center; position: relative; cursor: pointer; }

.Index .business .box .tabs .item i { font-size: .28rem; color: #FC623B; position: absolute; right: 0; top: -.2rem; transform: rotate(20deg); }

.Index .business .box .tabs .item.active { background: linear-gradient(180deg, #FF4452 0%, #DD2432 100%); color: #fff; }

.Index .business .box .tabs .item.active i { color: #fff; }

.Index .business .box .tabs1 { height: auto; overflow: hidden; margin-top: .4rem; }

.Index .business .box .tabs1 .item { float: left; width: 17%; margin: 0 1.5% 3%; line-height: .7rem; font-size: .28rem; color: #333; background: #fff; border-radius: .1rem; text-align: center; position: relative; cursor: pointer; position: relative; cursor: pointer; }

.Index .business .box .tabs1 .item.active { background: linear-gradient(180deg, #FF4452 0%, #DD2432 100%); color: #fff; }

.Index .business .box .address { background: #fff; border-radius: .2rem; margin: .4rem 0; padding: .4rem .3rem .4rem .85rem; position: relative; }

.Index .business .box .address .iconfont { font-size: .4rem; color: #DD2432; position: absolute; left: .3rem; top: .45rem; }

.Index .business .box .address p { font-size: .28rem; line-height: .46rem; color: #000; }

.Index .business .box ul { height: auto; overflow: hidden; }

.Index .business .box ul li { float: left; width: 30.3333%; margin: 0 1.5% 3%; line-height: .7rem; font-size: .28rem; color: #333; background: #fff; border-radius: .1rem; text-align: center; position: relative; cursor: pointer; position: relative; cursor: pointer; }

.Index .business .box ul li.active { background: linear-gradient(180deg, #FF4452 0%, #DD2432 100%); color: #fff; }

.Index .business .box .no-data { text-align: center; margin-top: .4rem; }

.Index .business .box .no-data p { font-size: .26rem; color: #999; }

.Index .business .box .tips { font-size: .28rem; color: #333; font-weight: bold; text-align: center; margin-top: .5rem; line-height: .5rem; }

.Index .business .box .tips span { color: #DD2432; }

.Index .business .box .common-btn { margin-top: .5rem; }

.Index .franchise ul { margin-top: .4rem; }

.Index .franchise ul li { position: relative; margin-top: .3rem; }

.Index .franchise ul li img { width: 1.4rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.Index .franchise ul li .text { background: #FBEFEA; border-radius: .2rem; padding: .4rem .3rem .3rem 1rem; margin-left: .7rem; }

.Index .franchise ul li .text h2 { font-size: .32rem; color: #333; font-weight: bold; }

.Index .franchise ul li .text p { font-size: .26rem; color: #666; line-height: .4rem; margin-top: .1rem; }

.Index .honor { background: #F5F4F2; border-top-left-radius: .5rem; padding: .8rem 0; }

.Index .honor .slide { height: 5rem; overflow: hidden; padding: .2rem 0; margin-top: .5rem; }

.Index .honor .slide .swiper-slide { text-align: center; }

.Index .honor .slide .swiper-slide img { width: 100%; transition: all .5s ease; margin-bottom: .5rem; display: block; }

.Index .honor .slide .swiper-slide p { font-size: .28rem; color: #DD2432; line-height: .4rem; opacity: 0; transition: all .5s ease; }

.Index .honor .slide .swiper-slide-active img { transform: scale(1.1); }

.Index .honor .slide .swiper-slide-active p { opacity: 1; }

.Index .news ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Index .news ul li { width: 48%; box-shadow: 0 0 0.15rem 0.01rem rgba(0, 0, 0, 0.11); background: #fff; margin-bottom: .3rem; border-radius: .1rem; overflow: hidden; }

.Index .news ul li .text { padding: .25rem; }

.Index .news ul li .text h2 { font-size: .3rem; line-height: .42rem; color: #333; font-weight: bold; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news ul li .text p { font-size: .24rem; color: #999; display: flex; align-items: center; justify-content: space-between; }

.Index .news ul li .text p i { font-size: .26rem; color: #DD2432; }

.Index .news .common-btn { margin-top: .3rem; }

.order-popup { display: none; position: fixed; max-width: 900px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; margin: auto; background: #fff; border-radius: .2rem; overflow: hidden; padding: .7rem 0; width: 90%; }

.order-popup:before { content: ""; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(248, 210, 206, 0.46) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; top: 0; }

.order-popup .icon-close { position: absolute; top: 0; right: 0; padding: .3rem; color: #000; font-size: .4rem; cursor: pointer; }

.order-popup .title { margin-bottom: .4rem; position: relative; z-index: 1; }

.order-popup .title h2 { font-size: .36rem; text-align: center; font-weight: bold; margin-bottom: .2rem; }

.order-popup .title p { font-size: .28rem; text-align: center; }

.commonOrder { display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: auto; position: relative; z-index: 1; }

.commonOrder .row { width: 100%; margin-bottom: .3rem; position: relative; }

.commonOrder .row label { display: none; }

.commonOrder .row input { width: 100%; line-height: .8rem; font-size: .28rem; border: 1px solid #DDE3EE; padding: 0 .2rem; border-radius: .1rem; }

.commonOrder .row textarea { width: 100%; height: 2rem; font-size: .28rem; border: 1px solid #DDE3EE; padding: .2rem; border-radius: .1rem; }

.commonOrder .row.w100 { width: 100%; }

.commonOrder .submit { width: 100%; height: .8rem; background: #DD2432; border-radius: .1rem; border: 1px solid #DD2432; margin: 0 auto; color: #fff; font-size: .3rem; text-align: center; cursor: pointer; transition: all .5s ease; position: relative; top: 0; display: flex; align-items: center; justify-content: center; }

.fixed-right-xs { position: fixed; right: .2rem; bottom: 10%; z-index: 2; }

.fixed-right-xs ul li { margin-bottom: .15rem; }

.fixed-right-xs ul li img { width: .9rem; }

.fixed-right-xs ul li.back-top { opacity: 0; visibility: hidden; transition: all .5s ease; }

/* 公用视频弹出 */
.video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0, 0, 0, 0.7); }

.video-popup .btn-close { font-size: .4rem; color: #fff; position: absolute; right: 5%; top: 5%; transition: all .5s ease; }

.video-popup .btn-close:hover { transform: rotate(180deg); }

.video-popup .video-popup-box { width: 100%; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.video-popup .video-popup-box video { width: 100%; height: 100%; object-fit: cover; }