.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1000; opacity: 0; visibility: hidden; text-align: center; }

.mask.show { opacity: 1; visibility: visible; }

.mask.show .contact-dialog { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.mask::before { content: ""; display: inline-block; vertical-align: middle; text-align: center; height: 100%; }

.contact-dialog { position: relative; display: inline-block; vertical-align: middle; margin-left: auto; margin-right: auto; background-color: #f8f8f8; border-radius: 5px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.3s; transition: all 0.3s; }

.contact-dialog .code-box { border-radius: 12px; background: #fff; text-align: center; padding: 20px 20px 0; }

.contact-dialog .code-box .img { width: 185px; height: 185px; }

.contact-dialog .code-box p { font-size: 0.18rem; padding: 10px 0; }

.page-index .banner { height: 100vh; width: 100vw; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; background: url(../images/home_banner1.png) no-repeat 100% 100%; position: relative; z-index: 100; }

.page-index .banner-tit { font-size: 0.7rem; text-align: center; }

.page-index .banner-tit .color { color: #43c4c1; }

.page-index .banner-tit.on span { -webkit-animation: fade-in 2s backwards; animation: fade-in 2s backwards; }

.page-index .banner-wrap { width: 100%; margin-top: 10vh; }

.page-index .banner .img-wrap { text-align: center; margin: 4.16% auto 0; float: none; }

.page-index .section { height: 100vh; width: 100%; }

.page-index .section .theme-tit { font-size: 0.44rem; font-weight: 600; }

.page-index .section .theme-sub-tit { font-size: 0.18rem; font-weight: normal; padding-top: 0.15rem; }

.page-index .seciton-huoke { padding: 9.635% 0; position: relative; }

.page-index .seciton-huoke .bg-wrap { overflow: hidden; position: absolute; position: absolute; width: 850px; height: 850px; top: -354px; left: -490px; }

.page-index .seciton-huoke .left-top-bg { position: absolute; z-index: 10; width: 850px; height: 850px; background-color: #43c4c1; opacity: 0.05; border-radius: 50%; }

.page-index .seciton-huoke .center-bg { width: 4.2rem; height: 4.2rem; border-radius: 50%; background-color: rgba(67, 196, 193, 0.05); position: absolute; top: 70%; left: 50%; margin-left: -2.1rem; margin-top: -2.1rem; }

.page-index .seciton-huoke .theme-tit { position: relative; z-index: 20; }

.page-index .seciton-huoke .right-around { width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: rgba(67, 196, 193, 0.1); position: relative; z-index: 100; }

.page-index .seciton-huoke .list-card { position: relative; z-index: 20; padding-top: 6.51%; max-width: 1320px; width: 96.6%; margin: auto; }

.page-index .seciton-huoke .list-card::-webkit-scrollbar { display: none; }

.page-index .seciton-huoke .list-card .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.page-index .seciton-huoke .list-card .card-item { padding-top: 0.25rem; -webkit-box-flex: 3.8rem; -ms-flex: 3.8rem 0 0px; flex: 3.8rem 0 0; height: 3.2rem; background-color: #ffffff; border-radius: 12px; border: solid 1px #f3f3f3; float: left; margin-right: 0.35rem; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; }

.page-index .seciton-huoke .list-card .card-item.cur, .page-index .seciton-huoke .list-card .card-item:hover { -webkit-box-shadow: 0px 20px 40px 0px rgba(34, 34, 34, 0.1); box-shadow: 0px 20px 40px 0px rgba(34, 34, 34, 0.1); }

.page-index .seciton-huoke .list-card .card-head { padding: 0.25rem 0.3rem; }

.page-index .seciton-huoke .list-card .card-head .img-wrap { height: 0.6rem; }

.page-index .seciton-huoke .list-card .card-head .img-wrap .img { vertical-align: top; }

.page-index .seciton-huoke .list-card .card-head .num { font-size: 0.24rem; font-weight: 600; color: #e7e7e7; vertical-align: middle; padding: 0.15rem 0; }

.page-index .seciton-huoke .list-card .card-tit { font-size: 0.22rem; }

.page-index .seciton-huoke .list-card .card-body { padding: 0.25rem 0.3rem; }

.page-index .seciton-huoke .list-card .card-desc { font-size: 0.16rem; color: #888888; padding-top: 0.25rem; }

.page-index .section-service { padding-top: 2.9rem; padding-bottom: 4.1rem; }

.page-index .section-service .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; }

.page-index .section-service .card-item { border-bottom: 1px solid #eee; padding-right: 5.8rem; padding-top: 1.65rem; padding-left: 1rem; position: relative; }

.page-index .section-service .card-item::before { content: ""; position: absolute; bottom: -0.07rem; left: 1rem; border: 1px solid #999; width: 0.1rem; height: 0.1rem; border-radius: 50%; z-index: 20; }

.page-index .section-service .card-item .txt-content { position: relative; padding-bottom: 0.8rem; font-size: 14px; }

.page-index .section-service .card-item .tit { color: #000000; font-size: 0.48rem; font-weight: 700; position: relative; z-index: 5; }

.page-index .section-service .card-item .desc { color: #555555; font-size: 0.16rem; line-height: 1.6; padding-top: 0.25rem; width: 3rem; white-space: normal; }

.page-index .section-service .card-item .img-box { position: absolute; top: 0; right: 2.25rem; -webkit-box-shadow: 0px 20px 97px 3px rgba(101, 151, 150, 0.3); box-shadow: 0px 20px 97px 3px rgba(101, 151, 150, 0.3); border-radius: 16px; }

.page-index .seciton-news { padding: 1.25rem 0; overflow: hidden; height: auto; }

.page-index .seciton-news .slide-btn { background-repeat: no-repeat; background-position: center center; width: 0.54rem; height: 0.54rem; border-radius: 50%; background-color: #cccccc; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; cursor: pointer; }

.page-index .seciton-news .slide-btn:hover { background-color: #43c4c1; }

.page-index .seciton-news .slide-btn.prev-btn { background-image: url(../images/btn_icon_left.png); }

.page-index .seciton-news .slide-btn.next-btn { background-image: url(../images/btn_icon_right.png); }

.page-index .seciton-news .list-wrap { padding-top: 0.5rem; }

.page-index .seciton-news .list-item { background-color: #fff; margin-right: 0.15rem; padding: 0.65rem 0.4rem 0.25rem 0.4rem; float: left; width: 5.4rem; -webkit-transition: all 0.3s; transition: all 0.3s; }

.page-index .seciton-news .list-item.swiper-slide-active, .page-index .seciton-news .list-item:hover { -webkit-box-shadow: 0px 30px 49px 2px rgba(85, 85, 85, 0.1); box-shadow: 0px 30px 49px 2px rgba(85, 85, 85, 0.1); }

.page-index .seciton-news .list-item .num { font-size: 0.8rem; font-weight: 800; color: #f3f3f6; }

.page-index .seciton-news .list-item .tit { padding-top: 0.45rem; color: #222222; font-size: 0.2rem; }

.page-index .seciton-news .list-item .date { padding-top: 0.55rem; color: #888888; font-size: 0.14rem; }

.page-index .seciton-news .list-item .desc { padding-top: 0.2rem; color: #a0a0a0; font-size: 0.14rem; line-height: 1.8; }

.page-index .seciton-news .list-item .img-wrap { margin-top: 0.65rem; }

.page-index .seciton-partner { height: auto; padding-bottom: 1.5rem; }

.page-index .seciton-partner .change-btn { padding-top: 0.55rem; }

.page-index .seciton-partner .slide-btn { background-repeat: no-repeat; background-position: center center; width: 0.54rem; height: 0.54rem; border-radius: 50%; background-color: #cccccc; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; cursor: pointer; }

.page-index .seciton-partner .slide-btn:hover { background-color: #43c4c1; }

.page-index .seciton-partner .slide-btn.prev-btn { background-image: url(../images/btn_icon_left.png); }

.page-index .seciton-partner .slide-btn.next-btn { background-image: url(../images/btn_icon_right.png); }

.page-index .seciton-partner .partner-list { padding-left: 2.1rem; margin-bottom: -40px; }

.page-index .seciton-partner .partner-list li { float: left; width: 25%; padding: 0 5px; margin-bottom: 40px; text-align: center; font-size: 14px; }

.page-index .seciton-partner .partner-list .img-box-wrap { background-color: #ffffff; border-radius: 4px; border: solid 1px #f3f3f3; display: table; padding: 0.45rem 0; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }

.page-index .seciton-partner .partner-list .img-box-wrap:hover { -webkit-box-shadow: 0px 0px 49px 2px rgba(85, 85, 85, 0.1); box-shadow: 0px 0px 49px 2px rgba(85, 85, 85, 0.1); }

.page-index .seciton-partner .partner-list .img-box-wrap .img-box { width: 100%; display: table-cell; }

.page-index .seciton-partner .partner-list .img-box-wrap img { max-height: 22px; }

.page-index .section-scene { padding: 1.9rem 0 2rem 0; height: auto; background: #f6f6f6; }

.page-index .section-scene .tit, .page-index .section-scene .theme-sub-tit { position: relative; z-index: 10; }

.page-index .section-scene .theme-sub-tit { padding-top: 0.35rem; }

.page-index .section-scene .theme-sub-tit img { margin-left: 10px; -webkit-animation: from-left 2s 2s infinite; animation: from-left 2s 2s infinite; }

.page-index .section-scene .theme-tit { position: relative; margin-top: 0.2rem; }

.page-index .section-scene .tit-around { position: absolute; top: 0; left: 0.4rem; z-index: 0; }

.page-index .section-scene .code-box { border-radius: 12px; background: #fff; text-align: center; padding: 20px 20px 0; -webkit-box-shadow: 0px 10px 49px 2px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 49px 2px rgba(0, 0, 0, 0.08); display: inline-block; }

.page-index .section-scene .code-box .img { width: 185px; height: 185px; }

.page-index .section-scene .code-box p { font-size: 0.18rem; padding: 10px 0; }

.page-index .section-scene .top-main { width: 57.29%; margin: auto; padding-bottom: 1.5rem; }

.page-index .section-scene .list-main .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; }

.page-index .section-scene .list-main .str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; }

.page-index .section-scene .list-main .swiper-slide { width: 3.45rem; margin-right: 32px; position: relative; cursor: pointer; border-radius: 10px; overflow: hidden; }

.page-index .section-scene .list-main .swiper-slide:hover { -webkit-box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 19px 1px rgba(0, 0, 0, 0.15); }

.page-index .section-scene .list-main .img-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.08); z-index: 10; }

.page-index .section-scene .list-main .tit { padding: 0.3rem; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 0.18rem; }

.page-index .section-scene .list-main .img-box { padding-top: 69.565%; position: relative; z-index: 5; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; overflow: hidden; }

.page-index .section-scene .list-main .cover-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -o-object-fit: cover; object-fit: cover; }

.page-index .section-live { padding-top: 2.85rem; background: #f5fcfd; overflow: hidden; position: relative; height: auto; }

.page-index .section-live .theme-tit { padding-top: 0.6rem; }

.page-index .section-live .main-box { width: 65.104%; margin: auto; position: relative; padding-bottom: 3.05rem; }

.page-index .section-live .theme-sub-tit { padding-top: 0.4rem; }

.page-index .section-live .theme-sub-tit p { padding-bottom: 0.15rem; }

.page-index .section-live .use-now { width: 1.6rem; margin-top: 0.85rem; padding: 10px 0; background-color: #43c4c1; -webkit-box-shadow: 0px 10px 49px 2px rgba(67, 196, 193, 0.3); box-shadow: 0px 10px 49px 2px rgba(67, 196, 193, 0.3); border-radius: 28px; color: #ffffff; font-size: 0.16rem; text-align: center; cursor: pointer; }

.page-index .section-live .main-content { text-align: right; position: relative; }

.page-index .section-live .media-box { display: inline-block; position: absolute; z-index: 10; top: 0; right: 0; z-index: 30; }

.page-index .section-live .media-box .left-img-box { float: left; width: 2.6rem; }

.page-index .section-live .media-box .right-img-box { float: right; width: 2.6rem; margin-left: 0.15rem; }

.page-index .section-live .around { width: 9rem; height: 9rem; border-radius: 50%; background-color: #43c4c1; opacity: 0.65; position: absolute; right: -3rem; top: -0.8rem; z-index: 10; }

.page-index .section-live .left-img-box { overflow: hidden; border-radius: 20px; }

.page-index .section-live .right-img-box .img { margin-bottom: 0.12rem; }