@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%; height: auto; background: #fff; font-size: 16px; color: #000; line-height: 1; font-family: Microsoft YaHei, system-ui, -apple-system, 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; }

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

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.xs-display { display: none !important; }

/* IE低版本提示 */
.pageTips { width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000; }

.pageTips .con { width: 660px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageTips .con svg { width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block; }

.pageTips .con .msg { font-size: 18px; line-height: 36px; padding-top: 10px; color: #000; }

.container { width: 82%; margin: 0 auto; position: relative; transition: all .5s ease; }

.banner { overflow: hidden; position: relative; }

.banner .logo { width: 1.05rem; position: absolute; left: 2%; top: 0; }

.banner .img { width: 100%; height: 100%; }

.section { overflow: hidden; position: relative; padding: 1rem 0; }

.section .title { width: 2.9rem; margin: 0 auto 0.4rem; }

.section .title img { width: 100%; }

.section .title-dsc { font-size: 0.16rem; color: #000; text-align: center; margin-bottom: 0.4rem; }

.section1 .big { display: flex; flex-wrap: wrap; }

.section1 .big .left { width: 68%; position: relative; cursor: pointer; border: 0.14rem solid #00BDDB; }

.section1 .big .left img { width: 100%; height: 100%; transition: all .5s ease; }

.section1 .big .left .coverV { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: all .5s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.section1 .big .left .coverV i { font-size: 0.7rem; color: #fff; height: auto; margin: 0 auto 0.2rem; display: block; }

.section1 .big .left .coverV h2 { font-size: 0.22rem; color: #fff; }

.section1 .big .left:after { content: ""; width: 2.87rem; height: 3.01rem; background: url(../images/section1-left-zs.png) no-repeat center/100%; position: absolute; left: -0.85rem; bottom: -0.25rem; }

.section1 .big .right { width: 32%; padding: 0.4rem; background: url(../images/section1-right-bg.jpg) no-repeat top/cover; }

.section1 .big .right h2 { font-size: 0.24rem; color: #fff; font-weight: bold; margin-bottom: 0.23rem; text-align: center; }

.section1 .big .right .prize { width: 100%; }

.section1 .big .right .text { margin-top: 0.25rem; display: flex; align-items: center; }

.section1 .big .right .text img { width: 1.5rem; margin-right: 0.17rem; border: 0.06rem solid #fff; }

.section1 .big .right .text h3 { font-size: 0.18rem; color: #fff; border-bottom: 1px solid rgba(215, 215, 215, 0.4); padding-bottom: 0.1rem; margin-bottom: 0.1rem; display: inline-block; }

.section1 .big .right .text p { font-size: 0.16rem; line-height: 0.23rem; color: #fff; opacity: .8; }

.section1 .slide { overflow: hidden; position: relative; margin-top: 0.35rem; padding-bottom: 0.4rem; }

.section1 .slide .swiper-slide { height: 2.2rem; position: relative; cursor: pointer; overflow: hidden; }

.section1 .slide .swiper-slide img { width: 100%; height: 100%; transition: all .5s ease; }

.section1 .slide .swiper-slide .coverV { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); transition: all .5s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.section1 .slide .swiper-slide .coverV i { font-size: 0.44rem; color: #fff; height: auto; margin: 0 auto 0.1rem; display: block; }

.section1 .slide .swiper-slide .coverV h2 { font-size: 0.16rem; color: #fff; }

.section1 .slide .swiper-slide:hover img { transform: scale(1.1); }

.section1 .slide .swiper-slide:hover .coverV { opacity: 0; }

.section1 .slide .swiper-pagination { bottom: 0; }

.section1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }

.section1 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #00BDDB; }

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

.section2 .box { height: auto; overflow: hidden; }

.section2 .box .left, .section2 .box .right { width: 49.7%; position: relative; z-index: 1; }

.section2 .box .left .item, .section2 .box .right .item { width: 49.5%; height: 2.31rem; float: left; margin: 0 1% 1% 0; position: relative; overflow: hidden; }

.section2 .box .left .item img, .section2 .box .right .item img { width: 100%; height: 100%; }

.section2 .box .left .item p, .section2 .box .right .item p { width: 100%; padding: 20px 25px; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #fff; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }

.section2 .box .left .item.mr0, .section2 .box .right .item.mr0 { margin-right: 0; }

.section2 .box .left .item:hover img, .section2 .box .right .item:hover img { transform: scale(1.1); }

.section2 .box .left .item.big, .section2 .box .right .item.big { height: 4.71rem; }

.section2 .box .left.left .big, .section2 .box .right.left .big { width: 100%; }

.section3 { background: #F4FAFF; }

.section3 .title { margin-bottom: 0.25rem; }

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

.section3 ul li { width: 24%; padding: 0.3rem 0.3rem 1.1rem; background: #fff; box-shadow: 0 0 0.2rem 0 rgba(88, 191, 136, 0.0588); border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; position: relative; }

.section3 ul li img { width: 100%; }

.section3 ul li .text h2 { font-size: 0.2rem; color: #000; font-weight: bold; margin: 0.2rem 0; }

.section3 ul li .text p { position: relative; padding-left: 0.15rem; font-size: 0.16rem; color: #6D7881; line-height: 0.28rem; margin-bottom: 0.1rem; }

.section3 ul li .text p b { font-weight: bold; color: #00BDDB; }

.section3 ul li .text p:before { content: ""; width: 0.06rem; height: 0.06rem; background: #000; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0.12rem; }

.section3 ul li .text .btn { width: 75%; height: 0.5rem; font-size: 0.16rem; color: #fff; background: #00BDDB; border-radius: 0.05rem; position: absolute; left: 0; right: 0; bottom: 0.5rem; margin: auto; display: flex; align-items: center; justify-content: center; }

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

.section4 .box { display: flex; justify-content: space-between; flex-wrap: wrap; }

.section4 .box .left { width: 49.5%; overflow: hidden; position: relative; }

.section4 .box .left img { width: 100%; height: 100%; }

.section4 .box .left h2 { width: 100%; font-size: 0.2rem; color: #fff; position: absolute; left: 0; bottom: 0; padding: 0.4rem; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }

.section4 .box .left:hover img { transform: scale(1.1); }

.section4 .box .right { width: 49.5%; overflow: hidden; }

.section4 .box .right ul { height: auto; overflow: hidden; }

.section4 .box .right ul li { background: #F6F6F6; padding: 0.4rem; margin-top: 0.15rem; }

.section4 .box .right ul li h2 { font-size: 0.2rem; color: #343846; font-weight: bold; transition: all .5s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.15rem; }

.section4 .box .right ul li p { font-size: 0.16rem; color: #6D7881; line-height: 0.28rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.1rem; }

.section4 .box .right ul li:hover h2 { color: #00BDDB; }

.section4 .box .right ul li:first-child { margin: 0; }

.section5 { background: #F4FAFF; }

.section5 .tabs { width: 65%; display: flex; align-items: center; justify-content: space-between; position: relative; margin: 0.7rem auto 0; overflow: hidden; }

.section5 .tabs .swiper-slide { font-size: 0.18rem; color: #3D3D3D; padding-bottom: 0.2rem; position: relative; cursor: pointer; text-align: center; }

.section5 .tabs .swiper-slide.active { color: #00BDDB; font-weight: bold; }

.section5 .tabs .swiper-slide.active:before { content: ""; width: 100%; height: 4px; background: #00BDDB; position: absolute; left: 0; bottom: 0; }

.section5 .tabs:before { content: ""; width: 100%; height: 1px; background: #D8D8D8; position: absolute; left: 0; bottom: 0; }

.section5 .slide { overflow: hidden; position: relative; margin-top: 0.5rem; }

.section5 .slide .slide1 { position: relative; overflow: hidden; padding-bottom: 0.4rem; }

.section5 .slide .slide1 .swiper-slide { padding: 0.2rem; background: #fff; box-shadow: 0 0 0.2rem 0 rgba(88, 191, 136, 0.0588); border-top-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; position: relative; }

.section5 .slide .slide1 .swiper-slide img { width: 100%; }

.section5 .slide .slide1 .swiper-slide .text { padding: 0.2rem; }

.section5 .slide .slide1 .swiper-slide .text h2 { font-size: 0.18rem; color: #000; font-weight: bold; transition: all .5s ease; }

.section5 .slide .slide1 .swiper-slide .text p { font-size: 0.16rem; color: #6D7881; margin-top: 0.15rem; }

.section5 .slide .slide1 .swiper-slide .text .btn { width: 100%; height: 0.5rem; margin-top: 0.3rem; font-size: 0.16rem; color: #fff; background: #00BDDB; border-radius: 0.05rem; display: flex; align-items: center; justify-content: center; }

.section5 .slide .slide1 .swiper-slide:hover img { transform: scale(1.05); }

.section5 .slide .slide1 .swiper-slide:hover .text h2 { color: #00BDDB; }

.section5 .slide .slide1 .swiper-pagination { bottom: 0; }

.section5 .slide .slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }

.section5 .slide .slide1 .swiper-pagination .swiper-pagination-bullet-active { background: #00BDDB; }

.footer { padding: 0.4rem 0; background: #0B264A; font-size: 0.14rem; color: #fff; display: flex; align-items: center; justify-content: center; }

.fixed-right { width: 1.7rem; position: fixed; right: 0; bottom: 20vh; z-index: 20; cursor: pointer; }

.fixed-right img { width: 100%; }

/* 表单 */
.order-popup { display: none; padding: 4% 0 3%; position: fixed; width: 77%; max-width: 900px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; margin: auto; background: #fff; border-radius: 20px; overflow: hidden; }

.order-popup:before { content: ""; width: 100%; height: 200px; background: linear-gradient(180deg, rgba(0, 189, 219, 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: 25px; color: #000; font-size: 24px; cursor: pointer; }

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

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

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

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

.order-popup .order .row { width: 47%; margin-bottom: 30px; position: relative; }

.order-popup .order .row label { font-size: 0.16rem; font-weight: bold; display: block; margin-bottom: 0.1rem; }

.order-popup .order .row label i { color: red; }

.order-popup .order .row input, .order-popup .order .row select { width: 100%; height: 0.48rem; line-height: 0.48rem; font-size: 0.16rem; border: 1px solid #DDE3EE; padding: 0 0.2rem; border-radius: 0.05rem; }

.order-popup .order .row textarea { width: 100%; height: 1rem; font-size: 0.16rem; border: 1px solid #DDE3EE; padding: 0.15rem 0.2rem; border-radius: 0.05rem; }

.order-popup .order .row.w100 { width: 100%; }

.order-popup .order .submit { width: 2.2rem; height: 0.5rem; background: #00BDDB; border-radius: 0.5rem; border: 1px solid #00BDDB; margin: 0 auto; color: #fff; font-size: 0.16rem; text-align: center; cursor: pointer; transition: all .5s ease; position: relative; top: 0; display: flex; align-items: center; justify-content: center; }

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

.video-popup .btn-close { position: absolute; right: 5%; top: 5%; transition: all .5s ease; }

.video-popup .btn-close .icon { width: 0.3rem; }

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

.video-popup .video-popup-box { width: 12rem; max-height: calc(100vh - 160px); 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; }

.getmore { padding: 0.2rem 0.15rem 0; }

.getmore p { text-align: center; font-size: 0.16rem; }

.getmore img { width: 1.5rem; margin: 0.15rem auto; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .container { width: 100% !important; padding: 0 0.3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .banner .logo { left: 0.3rem; top: 0; }
  .section { overflow: hidden; position: relative; padding: 0.8rem 0; }
  .section .title { width: 3.54rem; margin: 0 auto 0.4rem; }
  .section .title-dsc { font-size: 0.26rem; line-height: 0.44rem; }
  .section1 .big { height: auto; }
  .section1 .big .left { width: 100%; height: 5rem; border: 0; }
  .section1 .big .left .coverV i { font-size: 0.7rem; margin: 0 auto 0.2rem; }
  .section1 .big .left .coverV h2 { font-size: 0.28rem; }
  .section1 .big .left:after { display: none; }
  .section1 .slide { margin-top: 0.3rem; padding-bottom: 0.5rem; }
  .section1 .slide .swiper-slide { height: 2.2rem; }
  .section1 .slide .swiper-slide .coverV i { font-size: 0.6rem; margin-bottom: 0.15rem; }
  .section1 .slide .swiper-slide .coverV h2 { font-size: 0.26rem; }
  .section1 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; }
  .section1 .xs-prize { width: 100%; margin-top: 0.6rem; padding: 0.4rem 0.25rem; background: url(../images/section1-right-bg.jpg) no-repeat top/cover; position: relative; }
  .section1 .xs-prize h2 { font-size: 0.32rem; margin-bottom: 0.3rem; color: #fff; font-weight: bold; text-align: center; }
  .section1 .xs-prize p { font-size: 0.26rem; line-height: 0.4rem; color: #fff; opacity: .8; margin-top: 0.15rem; }
  .section1 .xs-prize .prize { width: 100%; margin-bottom: 0.3rem; }
  .section1 .xs-prize .text { margin-top: 0.25rem; display: flex; align-items: center; }
  .section1 .xs-prize .text img { width: 1.8rem; margin-right: 0.3rem; border: 0.06rem solid #fff; }
  .section1 .xs-prize .text h3 { width: 1.9rem; line-height: 0.4rem; font-size: 0.28rem; color: #fff; font-weight: bold; }
  .section1 .xs-prize:after { content: ""; width: 2.28rem; height: 2.38rem; background: url(../images/section1-left-zs-xs.png) no-repeat center/100%; position: absolute; right: -0.1rem; bottom: 0; }
  .section2 .slide { margin-top: 0.5rem; padding-bottom: 1rem; position: relative; }
  .section2 .slide .swiper-slide { transition: 300ms; transform: scale(0.9); position: relative; }
  .section2 .slide .swiper-slide.swiper-slide-active { transform: scale(1); }
  .section2 .slide .swiper-slide h2 { width: 100%; font-size: 0.28rem; font-weight: bold; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; padding: 0.3rem; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.98) 100%); }
  .section2 .slide .swiper-pagination { bottom: 0.4rem; }
  .section2 .slide .swiper-pagination .swiper-pagination-bullet { margin: 0 0.05rem; width: 0.16rem; height: 0.16rem; }
  .section2 .slide .swiper-pagination .swiper-pagination-bullet-active { background: #fff; }
  .section3 { background: #F4FAFF; }
  .section3 ul li { width: 100%; padding: 0.3rem; margin-top: 0.3rem; }
  .section3 ul li .text h2 { font-size: 0.3rem; margin: 0.2rem 0; }
  .section3 ul li .text p { padding-left: 0.2rem; font-size: 0.26rem; line-height: 0.44rem; margin-bottom: 0.1rem; }
  .section3 ul li .text p:before { width: 0.1rem; height: 0.1rem; top: 0.12rem; }
  .section3 ul li .text .btn { width: 95%; height: 0.8rem; font-size: 0.28rem; position: relative; bottom: 0; margin-top: 0.3rem; }
  .section3 ul li:first-child { margin: 0; }
  .section4 .box .left { width: 100%; }
  .section4 .box .left h2 { font-size: 0.28rem; padding: 0.4rem; }
  .section4 .box .right { width: 100%; }
  .section4 .box .right ul li { padding: 0.4rem; margin-top: 0.3rem; }
  .section4 .box .right ul li h2 { font-size: 0.28rem; margin-bottom: 0.15rem; }
  .section4 .box .right ul li p { font-size: 0.26rem; line-height: 0.44rem; margin-top: 0.1rem; }
  .section4 .box .right ul li:first-child { margin-top: 0.3rem; }
  .section5 .tabs { width: 100%; }
  .section5 .tabs .swiper-slide { font-size: 0.3rem; padding-bottom: 0.3rem; }
  .section5 .slide .slide1 { padding-bottom: 0.6rem; }
  .section5 .slide .slide1 .swiper-slide { padding: 0.3rem; }
  .section5 .slide .slide1 .swiper-slide .text { padding: 0.3rem; }
  .section5 .slide .slide1 .swiper-slide .text h2 { font-size: 0.28rem; }
  .section5 .slide .slide1 .swiper-slide .text p { font-size: 0.26rem; }
  .section5 .slide .slide1 .swiper-slide .text .btn { height: 0.7rem; font-size: 0.28rem; }
  .section5 .slide .slide1 .swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; }
  .footer { padding: 0.6rem 0; font-size: 0.26rem; }
  .fixed-right { bottom: 10vh; }
  .order-popup { width: 90%; border-radius: 0.2rem; padding: 1rem 0 0.7rem; }
  .order-popup .icon-close { padding: 0.4rem; font-size: 0.4rem; }
  .order-popup .title { width: 80%; margin: 0 auto 0.4rem; }
  .order-popup .title h2 { font-size: 0.4rem; margin-bottom: 0.2rem; }
  .order-popup .title p { font-size: 0.28rem; line-height: 0.44rem; }
  .order-popup .order .row { width: 100%; margin-bottom: 0.4rem; position: relative; }
  .order-popup .order .row label { display: none; }
  .order-popup .order .row input, .order-popup .order .row select { height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; padding: 0 0.3rem; border-radius: 0.1rem; }
  .order-popup .order .row textarea { height: 2rem; font-size: 0.28rem; padding: 0.3rem; border-radius: 0.1rem; }
  .order-popup .order .row.w100 { width: 100%; }
  .order-popup .order .submit { width: 100%; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1rem; margin: 0.1rem auto 0; font-size: 0.28rem; }
  .order-popup .order .submit:hover { top: 0; }
  /* 公用视频弹出 */
  .video-popup .btn-close .icon { width: 0.4rem; }
  .video-popup .video-popup-box { width: 100%; max-height: none; }
  .getmore { padding: 0.3rem 0.2rem 0.2rem; }
  .getmore p { font-size: 0.26rem; }
  .getmore img { width: 2.5rem; margin: 0.2rem auto; } }