html { overflow: hidden; }

body { background: url(../images/bg.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; }

/*swiper*/
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { width: 100%; height: 100%; background: transparent; }

/*btn-arrow*/
@keyframes arrow { 0%,30% { opacity: 0; transform: translate(0, 10px); }
  60% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(0, -8px); } }
@-webkit-keyframes arrow { 0%,30% { opacity: 0; -webkit-transform: translate(0, 10px); }
  60% { opacity: 1; -webkit-transform: translate(0, 0); }
  100% { opacity: 0; -webkit-transform: translate(0, -8px); } }
.btn-tel { width: 1.98rem; height: 0.76rem; }

.tel-pop .pd form a { background: #095bab !important; border-color: #095bab !important; color: #5de7ee; }

.tel-pop .pd form .tel { border-color: #095bab !important; }

section { height: 100%; width: 100%; overflow: hidden; background: #081154 !important; position: relative; }

.bg { position: absolute; height: 100%; z-index: -1; }

.back { width: 1.85rem; height: .79rem; margin-top: .2rem; margin-left: .2rem; position: relative; z-index: 9; }

.mt-1 { margin-top: -1rem; }

.home .logo { margin-top: .2rem; margin-left: .5rem; width: 1.14rem; }
.home .home-tit { margin-top: -.8rem; height: 3.55rem; position: relative; z-index: 9; }
.home .home-main { position: relative; margin-top: -.6rem; }
.home .home-main .home-car { margin-top: .6rem; }
.home .home-main .home-main-art { position: absolute; top: 0; left: 0; }
.home .home-main .home-main-flash { position: absolute; top: 0; left: 0; animation: r360 15s infinite linear; }
.home .home-bottom { position: absolute; bottom: 0; }
.home .home-bottom .home-nav { height: 3.65rem; }
.home .home-bottom .home-bottom-secret { width: 1.5rem; height: 1.68rem; position: absolute; top: 30%; left: 35.5%; }
.home .home-bottom .home-bottom-book { width: 1.39rem; height: 1.16rem; position: absolute; top: 54%; right: 26%; }
.home .home-bottom .home-bottom-canshu { width: 1.75rem; height: 1.54rem; position: absolute; top: 26%; right: 7%; }
.home .home-bottom .home-bottom-more { width: 1.5rem; height: 1.07rem; position: absolute; bottom: -6%; right: 8.5%; }

.menuList .bg { z-index: -1; }
.menuList .menuList-tit { margin-top: -1rem; }
.menuList .menuList-box { background: url(../images/menu-bg.png) no-repeat; background-size: 100% 100%; margin: 0 auto; width: 6.48rem; height: 8.53rem; margin-top: -.5rem; position: relative; }
.menuList .menuList-box .menuList-box-btn { width: 2.83rem; height: 1.13rem; position: absolute; bottom: 0; left: 30%; z-index: 9; }
.menuList .menuList-box ul { width: 100%; height: 100%; position: relative; }
.menuList .menuList-box ul li { position: absolute; width: 1.76rem; height: 1.73rem; text-align: center; line-height: 1.73rem; font-size: .26rem; color: #6beef6; box-sizing: border-box; }
.menuList .menuList-box ul li span { background: url(../images/menu-yuan.png) no-repeat; background-size: 100% 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.menuList .menuList-box ul li:nth-of-type(1) { left: .7rem; top: .8rem; }
.menuList .menuList-box ul li:nth-of-type(2) { left: 2.26rem; top: .8rem; }
.menuList .menuList-box ul li:nth-of-type(3) { left: 1.4rem; top: 2.23rem; line-height: 1.6; padding-top: .45rem; }
.menuList .menuList-box ul li:nth-of-type(4) { left: 3.16rem; top: 2.23rem; line-height: 1.6; padding-top: .45rem; }
.menuList .menuList-box ul li:nth-of-type(5) { left: .7rem; top: 3.96rem; }
.menuList .menuList-box ul li:nth-of-type(6) { left: 2.26rem; top: 3.96rem; }
.menuList .menuList-box ul li:nth-of-type(7) { left: 4.02rem; top: 3.96rem; }
.menuList .menuList-box ul li:nth-of-type(8) { left: 1.4rem; top: 5.69rem; }
.menuList .menuList-box ul li:nth-of-type(9) { left: 3.25rem; top: 5.69rem; }
.menuList .menuList-box ul li.active { color: #f0b033; }
.menuList .menuList-box ul li.active span { background-image: url(../images/menu-yuan-active.png); animation: r360 15s infinite linear; }

.must .must-box { position: absolute; top: 2.6rem; width: 100%; text-align: center; height: 5.06rem; padding-top: 1.7rem; }
.must .must-box .must-yuan { width: 5.42rem; height: 5.06rem; position: absolute; left: 50%; margin-left: -2.71rem; top: 0; }
.must .must-box .must-tit { width: 2.37rem; height: 1.75rem; margin-left: -.4rem; }
.must .must-box .must-t1 { position: absolute; width: 3.42rem; height: 1.79rem; top: -1.8rem; right: .3rem; }
.must .must-box .must-t2 { position: absolute; width: 3.03rem; height: 3.18rem; bottom: -.5rem; left: .41rem; }
.must .must-box .must-t3 { position: absolute; width: 2.79rem; height: 3.88rem; right: .5rem; bottom: -1.1rem; }

.trust .trust-tit { margin-top: -1rem; }
.trust .txtBox .txtBox-main > img:nth-of-type(1) { width: 5.94rem; height: 2.62rem; margin-top: .5rem; }
.trust .txtBox .txtBox-main h2 { margin-left: .3rem; margin-top: .3rem; }
.trust .txtBox .txtBox-main p { margin-left: .3rem; margin-top: .08rem; }

.tec .tec-tit { margin-top: -1.2rem; }
.tec .txtBox { margin-top: .1rem; }
.tec .txtBox img { margin-top: .7rem; }

.update .update-tit { margin-top: -1.2rem; }
.update .update-tab { display: flex; justify-content: space-around; margin-top: -.8rem; margin-bottom: .2rem; }
.update .update-tab li { width: 1.22rem; height: 1.22rem; text-align: center; border-radius: 50%; box-sizing: border-box; padding-top: .05rem; font-size: .2rem; color: #57d4f4; border: transparent dashed .03rem; }
.update .update-tab li span { display: inline-block; width: 1.05rem; height: 1.05rem; border-radius: 50%; border: .03rem solid #58d7f5; box-sizing: border-box; padding-top: .17rem; }
.update .update-tab li span div { margin-top: .07rem; }
.update .update-tab li:nth-of-type(1) img { width: .46rem; height: .42rem; }
.update .update-tab li:nth-of-type(2) img { width: .41rem; height: .41rem; }
.update .update-tab li:nth-of-type(3) img { width: .38rem; height: .33rem; }
.update .update-tab li:nth-of-type(4) img { width: .46rem; height: .38rem; }
.update .update-tab li.active { border: #4b88ab dashed .03rem; }
.update .update-tab li.active span { background-color: rgba(255, 255, 255, 0.3); }
.update .update-swiper { overflow: hidden; }
.update .update-swiper .txtBox { height: 7.45rem; }
.update .update-swiper .con { margin-top: 1.1rem; margin: .8rem auto 0; }
.update .update-swiper .con p { line-height: 1.6; letter-spacing: .01rem; }
.update .update-swiper .swiper-slide:nth-of-type(1) .con { width: 5.06rem; }
.update .update-swiper .swiper-slide:nth-of-type(1) .con p { margin-bottom: .3rem; }
.update .update-swiper .swiper-slide:nth-of-type(2) .con { width: 5.4rem; margin-top: 1.1rem; }
.update .update-swiper .swiper-slide:nth-of-type(2) .con p { margin-bottom: .5rem; }
.update .update-swiper .swiper-slide:nth-of-type(3) .con { width: 5.8rem; margin-top: 1.1rem; position: relative; }
.update .update-swiper .swiper-slide:nth-of-type(3) .con p { margin-bottom: .7rem; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con { width: 5.35rem; margin-top: 1.1rem; position: relative; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con p { margin-bottom: .4rem; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con ul { display: flex; justify-content: space-around; margin-bottom: .35rem; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con ul li { width: 1.54rem; height: 1.37rem; position: relative; font-size: .24rem; color: #58dff8; text-align: center; padding-top: .4rem; box-sizing: border-box; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con ul li img { width: 1.54rem; height: 1.37rem; animation: r360 15s infinite linear; position: absolute; top: 0; left: 0; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con ul:nth-of-type(2) { justify-content: center; }
.update .update-swiper .swiper-slide:nth-of-type(4) .con ul:nth-of-type(2) li { margin-right: .6rem; }
.update .update-swiper .hand { position: absolute; bottom: -10%; left: 40%; width: 1.36rem; height: .78rem; }
.update .up-btn { width: .53rem; height: .9rem; position: absolute; top: 50%; }
.update img.left { left: 0; }
.update img.right { right: 0; }

.jn .jn-tit { margin-top: -1rem; }
.jn .txtBox { margin-top: -.6rem; }
.jn .txtBox-main { margin-top: 1.1rem; padding-left: .3rem; }
.jn .txtBox-main h2 { font-size: .24rem; font-weight: bold; color: #43a4c8; margin-top: .3rem; margin-bottom: .1rem; vertical-align: middle; display: flex; align-items: center; }
.jn .txtBox-main h2 img { width: .19rem; height: .19rem; margin-right: .1rem; vertical-align: middle; }
.jn .txtBox-main p { font-size: .22rem; margin-bottom: .12rem; margin-left: .25rem; }
.jn .txtBox-main .js-car { margin-top: 0rem; position: relative; }
.jn .txtBox-main .js-car .round:nth-of-type(1) { top: .3rem; left: 45%; }
.jn .txtBox-main .js-car .round:nth-of-type(1) img { top: -.55rem; right: -2.5rem; width: 2.7rem; height: 1.79rem; }
.jn .txtBox-main .js-car .round:nth-of-type(2) { top: .8rem; left: 46%; }
.jn .txtBox-main .js-car .round:nth-of-type(2) img { bottom: -.75rem; right: -2.6rem; width: 2.53rem; height: 1.86rem; }

.kekao .hand2 { position: absolute; top: 2rem; right: 0; width: .6rem; height: .84rem; animation: arrow 2s linear infinite; }
.kekao .txtBox { margin-top: -.6rem; }
.kekao .txtBox .kekao-swiper { width: 5.8rem; height: 83.5%; margin: 7% auto; overflow-y: scroll; }
.kekao .txtBox .kekao-swiper .swiper-slide { padding-bottom: 4rem; }
.kekao .txtBox .kekao-swiper .btn-down { position: absolute; bottom: .4rem; width: .79rem; height: .49rem; left: 50%; margin-left: -.39rem; animation: arrow 2s linear infinite; }
.kekao .txtBox .kekao-swiper .txtBox-main { margin-top: -.2rem; }
.kekao .txtBox .kekao-swiper .kekao-car { position: relative; top: 2.2rem; width: 100%; }
.kekao .txtBox .kekao-swiper .kekao-car .round { width: .54rem; height: .54rem; }
.kekao .txtBox .kekao-swiper .kekao-car .round span { width: .38rem; height: .38rem; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(1) { top: 19%; left: 26%; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(1) img { width: 1.77rem; height: 1.91rem; position: absolute; bottom: 39%; right: 53%; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(2) { top: 14%; right: 34%; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(2) img { width: 1.36rem; height: 2.88rem; position: absolute; bottom: 70%; right: -44%; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(3) { top: 50%; left: 30%; }
.kekao .txtBox .kekao-swiper .kekao-car .round:nth-of-type(3) img { width: 2.39rem; height: 2.11rem; position: absolute; top: 45%; left: 75%; }
.kekao .txtBox .kekao-swiper .txtBox-main h2 { font-size: .24rem; font-weight: bold; color: #43a4c8; margin-top: .3rem; margin-bottom: .2rem; vertical-align: middle; display: flex; align-items: center; }
.kekao .txtBox .kekao-swiper .txtBox-main p { font-size: .24rem; line-height: 1.6; position: relative; padding-left: .4rem; }
.kekao .txtBox .kekao-swiper .txtBox-main p img { width: .19rem; height: .19rem; margin-right: .1rem; vertical-align: middle; position: absolute; left: 0; top: .1rem; }
.kekao .txtBox .kekao-swiper .txtBox-main div { margin-top: .6rem; }
.kekao .txtBox .kekao-swiper .txtBox-main span { font-size: .22rem; color: #48aed3; margin-top: .3rem; line-height: 1.6; display: block; }

.ndw .txtBox .kekao-swiper .kekao-car { top: 1.1rem; }
.ndw .txtBox .kekao-swiper .kekao-car div { position: absolute; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(1) { top: -.5rem; right: 0; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(1) img { width: 1.32rem; height: 1.86rem; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(2) { bottom: -2rem; left: 2rem; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(2) img { width: 1.34rem; height: 1.51rem; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(3) { bottom: -1.8rem; right: .4rem; }
.ndw .txtBox .kekao-swiper .kekao-car div:nth-of-type(3) img { width: 1.28rem; height: 1.64rem; }

.control .control-tit { margin-top: -.4rem; }
.control .control-box { height: 5.38rem; position: relative; width: 100%; background: url(../images/control-bg.png) no-repeat; background-size: 100% 100%; overflow: hidden; margin-top: .6rem; }
.control .control-box .swiper-container { width: 5.57rem; height: 3.47rem; background: url(../images/control-block.png) no-repeat; background-size: 100% 100%; margin-top: .95rem; margin-left: auto; margin-right: auto; overflow: hidden; }
.control .control-box .swiper-container .swiper-slide { overflow: hidden; }
.control .control-box .swiper-container .swiper-slide img { width: 5.21rem; height: 3.12rem; margin-top: .175rem; position: relative; left: 50%; margin-left: -2.61rem; }
.control .control-box .right { position: absolute; top: 44%; right: .55rem; width: .53rem; height: .9rem; }
.control .control-box .left { position: absolute; top: 44%; left: .55rem; width: .53rem; height: .9rem; }
.control .control-list { text-align: center; margin-top: .2rem; position: relative; }
.control .control-list li { font-size: .26rem; color: #2ca5c3; transition: all .2s linear; opacity: 0; position: absolute; width: 100%; }
.control .control-list li.active { opacity: 1; }

.tuan .tuan-box { width: 6.15rem; height: 4.3rem; margin: -.2rem auto 0; }
.tuan .tuan-box .swiper-wrapper .swiper-slide .block { position: absolute; bottom: 5%; left: 0%; width: 100%; }
.tuan .tuan-box .swiper-wrapper .swiper-slide .car { position: absolute; z-index: 1; bottom: 10%; left: 50%; margin-left: -2.2rem; width: 4.7rem; height: 3.19rem; }
.tuan .tuan-box .swiper-wrapper .swiper-slide p { position: absolute; bottom: -.4rem; width: 100%; text-align: center; font-size: .24rem; color: #2ca5c3; }
.tuan .tuan-nav { margin-top: 1.4rem; }
.tuan ol { display: flex; justify-content: space-around; margin-top: .45rem; position: relative; }
.tuan ol li { width: .89rem; height: .87rem; line-height: .87rem; text-align: center; background: url(../images/tuan-yuan.png) no-repeat; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; }
.tuan ol li span { display: block; width: .6rem; height: .6rem; border-radius: 50%; }
.tuan ol li:nth-of-type(1) span { background: #ede200; }
.tuan ol li:nth-of-type(2) span { background: #59b7c0; }
.tuan ol li:nth-of-type(3) span { background: #94191f; }
.tuan ol li:nth-of-type(4) span { background: #b6ab8e; }
.tuan ol li.active { animation: r360 5s linear infinite; }
.tuan ol .hand3 { width: .39rem; height: .43rem; position: absolute; bottom: -.4rem; left: 12%; animation: myfirst 1s linear infinite; }

.round { width: .46rem; height: .46rem; position: absolute; text-align: center; padding-top: .08rem; box-sizing: border-box; border-radius: 50%; }
.round span { display: inline-block; background: url(../images/jia.png) no-repeat; background-size: 100% 100%; width: .3rem; height: .3rem; }
.round img { position: absolute; transition: all .2s linear; opacity: 0; }

.round.active { background: rgba(88, 214, 244, 0.5); }
.round.active img { opacity: 1; }

.lay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 30%; box-sizing: border-box; z-index: 999; overflow: scroll; background: rgba(0, 0, 0, 0.9); display: none; }

.txtBox { width: 6.44rem !important; height: 8.15rem; background: url(../images/txt-box.png) no-repeat; background-size: 100% 100%; margin: 0 auto; position: relative; z-index: 2; }
.txtBox h1 { text-indent: .9rem; padding-top: .12rem; font-size: .24rem; color: #57d4f4; }
.txtBox .txtBox-main p { font-size: .24rem; color: #57d4f4; }

.canshu { background: url(../images/sec7_ban.jpg) center no-repeat; background-size: 100% 100%; }

.canshu-1 { padding-top: 0.7rem; padding-bottom: 0.4rem; }

.canshu-1 .mt-1 { margin-top: -2rem; }

.canshu-1 h1 { text-align: center; font-size: 0.5rem; }

.canshu .title { padding: 0 0.45rem; height: 0.7rem; line-height: 0.7rem; background: #454444; color: #fff; font-size: 0.26rem; position: relative; }

.canshu .title .change { padding: 0.07rem 0.2rem; margin-top: 0.12rem; float: right; background: #fff; color: #6c5131; font-size: 0.26rem; font-weight: normal; line-height: normal; }

.canshu .title .change i { width: 0.17rem; height: 0.09rem; background: url(../images/btn-select.png) top no-repeat; background-size: 100%; display: inline-block; position: relative; top: -0.04rem; margin-left: 0.05rem; }

.canshu .title select { width: 2rem; height: 0.75rem; line-height: 0.75rem; position: absolute; right: 0; top: 0; opacity: 0; }

.canshu .canshu-con { height: 80%; overflow: hidden; margin-top: -.5rem; }

.canshu .canshu-con .swiper-slide { height: auto; }

.canshu .canshu-con table { width: 6.51rem; height: auto; border-collapse: collapse; margin: 0 auto; border: 1px solid #56abbd; }

.canshu .canshu-con table tr { border-right: 1px solid #56abbd; padding: 0.2rem 0.2rem 0.2rem 0.2rem; color: #070f4a; text-align: center; }

.canshu .canshu-con table th { background: #6ac5d7; font-size: .3rem; padding: 0.2rem 0.2rem 0.2rem 0.2rem; border-right: 1px solid #56abbd; }

.canshu .canshu-con table td { font-size: 0.22rem; line-height: 0.35rem; padding: 0.1rem 0.2rem 0.1rem 0.2rem; color: #82f2f8; border-bottom: 1px solid #56abbd; border-right: 1px solid #56abbd; }

.canshu .canshu-con p.shengming{width:6.51rem;margin:0 auto;font-size:13px;color: #82f2f8;padding: 0.2rem 0;line-height: 0.4rem;}

.order .title { margin-top: -.1rem; }
.order .title h1 { color: #82f2f8; }
.order .title p { color: #82f2f8; margin-top: .1rem; }
.order .form { background: url(../images/book-bg.png) no-repeat; background-size: 100% 100%; width: 6.48rem; height: 6.66rem; padding: 0; margin: 10% auto 0; box-sizing: border-box; padding: 1.3rem .7rem 0; }
.order .form form .row span { color: #82f2f8; }
.order .form form .row input { width: 80%; }
.order .form form .row input.name { width: 44%; }
.order .form form .row i { right: .4rem; }
.order .form form input.submit { width: 2.83rem; height: 1.13rem; position: absolute; bottom: 0; left: 30%; z-index: 9; background: url(../images/submit.png) no-repeat !important; background-size: 100% 100% !important; font-size: .28rem; color: #6beef6 !important; }

.section7 { background: url(../images/sec7_ban.jpg) center no-repeat; background-size: 100% 100%; }

.section7 .title3 { margin: 0.7rem 0.65rem 0; text-align: center; }

.section7 .title3 h1 { font-size: 0.5rem; color: #111111; }

.section7 .title3 p { font-size: 0.26rem; line-height: 0.35rem; margin-top: 0.3rem; }

.section7 .order .form form input.submit { background: #6ac5d8; color: #070f4a; }

.section7 .order .form a { color: #82f2f8; }

.section8 { background: url(../images/sec7_ban.jpg) center no-repeat; background-size: 100% 100%; }

.follow .block1 { background-image: url(../images/follow-t.png); height: 7.56rem; margin-top: -1rem; }
.follow .block2 .ewm p { color: #fff; }

@keyframes myfirst { 0% { transform: scale(1, 1); }
  50% { transform: scale(1.08, 1.08); }
  100% { transform: scale(1, 1); } }
@keyframes mySecond { 0% { transform: scale(1, 1); }
  50% { transform: scale(1.02, 1.02); }
  100% { transform: scale(1, 1); } }
@keyframes r360 { 0% { transform: rotateZ(0deg); }
  100% { transform: rotateZ(360deg); } }
@media screen and (max-width: 359px) and (min-width: 320px) { .home .home-main { margin-top: -.75rem; }
  .section7 .title3 { margin-top: 0.95rem; } }
@media screen and (max-width: 374px) and (min-width: 360px) { .section7 .title3 { margin-top: 1.35rem; } }
@media screen and (max-width: 413px) and (min-width: 375px) { .section7 .title3 { margin-top: 1.35rem; } }
@media screen and (max-width: 639px) and (min-width: 414px) { .section7 .title3 { margin-top: 1.45rem; } }

/*# sourceMappingURL=style.css.map */