@charset "utf-8";
html,body{ min-width: 1200px; max-width: 4000px; margin: 0 auto;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
*{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}

.wrap{ overflow: hidden; width: 25.6rem; height: 55rem; background: url(../images/bg1.jpg) no-repeat center top; background-size: 100% auto;}
.bg-box{ position: relative; width: 100%; height: 100%; background: url(../images/bg2.jpg) no-repeat center bottom; background-size: 100% auto;}
/* section-head */
.section-head{ position: relative; height: 14.7rem;}
.logo{ position: absolute; left: 0.89rem; top: 0.38rem; width: 1.23rem;}
.v-box{ position: absolute; left: 14rem; top: 8.27rem; width: 4.22rem; height: 2.43rem; background: url(../images/v-bg.png) no-repeat; background-size: 100% auto;}
.v-box img{ position: absolute; left: .09rem; top: .08rem; width: 4.04rem; height: 2.27rem;}
.v-box .btn-pop-v{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 1.26rem; height: 1.26rem; background: url(../images/icon-play.png) no-repeat; background-size: 100% auto; cursor: pointer;}
/* section-info */
.section-info{ position: relative; height: 7.48rem;}
.title{ display: block; height: .68rem; margin: 0 auto;}
.info-content{ position: relative; width: 19.8rem; height: 4.56rem; margin: .8rem auto 0; background: url(../images/info-bg.png) no-repeat; background-size: 100% auto;}
.download-ewm{ position: absolute; left: 3rem; top: 1.47rem; width: 1.73rem; height: 1.73rem;}
.download-ewm img{ display: block; width: 100%; height: 100%;}
.download-btn-box{ position: absolute; left: 6.32rem; top: .56rem; width: 2.88rem;}
.download-btn-box a{ display: block; position: relative; width: 2.88rem; margin-bottom: .14rem;}
.download-btn-box a img{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
.download-btn-box a:hover img{ display: block;}
.btn-download-pc{ height: 1.54rem; background: url(../images/btn-download-pc.png) no-repeat; background-size: 100% auto;}
.btn-download-ios{ height: .9rem; background: url(../images/btn-download-ios.png) no-repeat; background-size: 100% auto;}
.btn-download-android{ height: .9rem; background: url(../images/btn-download-android.png) no-repeat; background-size: 100% auto;}

.news-box{ position: absolute; left: 10.28rem; top: .69rem; width: 7.69rem; height: 3.5rem; overflow: hidden;}
.news-box li{ position: relative; width: 7.71rem; height: .62rem; margin-bottom: .08rem; background: url(../images/news-line.png) no-repeat; background-size: 100% auto;}
.news-box li:hover{ background: url(../images/news-line-hover.png) no-repeat; background-size: 100% auto;}
.news-box li div{ overflow: hidden; width: 6rem; height: .62rem; margin-left: .8rem; white-space: nowrap; text-overflow: ellipsis;}
.news-box li div a{ font-size: .3rem; line-height: .62rem; color: #cedbe6;}
/* section-mc */
.section-mc{ position: relative; height: 10.63rem;}
.mc-box{ position: relative; width: 15.12rem; height: 6.82rem; margin: 1.1rem auto 0; background: url(../images/mc-bg.png) no-repeat; background-size: 100% auto;}
.mc-swiper{ position: absolute; left: 1.65rem; top: .15rem; width: 11.62rem; height: 6.54rem; overflow: hidden;}
.mc-swiper img{ display: block; width: 100%; height: 100%;}
.mc-box .btn-prev,.mc-box .btn-next{ position: absolute; top: 2.78rem; width: .9rem; height: 1.24rem; cursor: pointer;}
.mc-box .btn-prev{ left: .5rem; background: url(../images/btn-prev.png) no-repeat; background-size: 100% auto;}
.mc-box .btn-next{ right: .7rem; background: url(../images/btn-next.png) no-repeat; background-size: 100% auto;}
.mc-page{ display: flex; width: 100%; height: .38rem; margin-top: .12rem; justify-content: center;}
.mc-page span{ display: block; width: .38rem; height: .38rem; margin: 0 .12rem!important; background: url(../images/icon-page.png) no-repeat; background-size: 100% auto; opacity: 1;}
.mc-page span.swiper-pagination-bullet-active{ background: url(../images/icon-page-on.png) no-repeat; background-size: 100% auto;}
/* section-event */
.section-event{ position: relative; height: 10.6rem;}
.event-a{ position: absolute; width: 4.08rem; height: 4.4rem;}
.event-a div{ position: relative; width: 4.08rem; height: 3.76rem;}
.event-a div img{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
.event-a:hover div img{ display: block;}
.event-t{ position: absolute; left: 50%; bottom: 0; transform: translate3d(-50%,0,0); height: .6rem;}
.event-a1{ left: 4.42rem; top: 1.21rem;}
.event-a2{ left: 8.7rem; top: 2.11rem;}
.event-a3{ left: 12.98rem; top: 1.21rem;}
.event-a4{ left: 17.27rem; top: 2.11rem;}
.event-a1 div{ background: url(../images/event1.png) no-repeat; background-size: 100% auto;}
.event-a2 div{ background: url(../images/event2.png) no-repeat; background-size: 100% auto;}
.event-a3 div{ background: url(../images/event3.png) no-repeat; background-size: 100% auto;}
.event-a4 div{ background: url(../images/event4.png) no-repeat; background-size: 100% auto;}
/* section-kf */
.section-kf{ position: relative; height: 10rem;}
.ewm-box{ position: absolute; width: 3.67rem; height: 4.34rem; transition: transform .3s;}
.ewm-box:hover{ transform: translate3d(0,-.2rem,0);}
.ewm-box img{ position: absolute; left: .34rem; top: .37rem; width: 3.19rem; height: 3.19rem;}
.ewm-shy{ left: 5.76rem; top: 1.59rem; background: url(../images/ewm-bg-shy.png) no-repeat; background-size: 100% auto;}
.ewm-qw{ left: 10.87rem; top: 2.46rem; background: url(../images/ewm-bg-qw.png) no-repeat; background-size: 100% auto;}
.ewm-gzh{ left: 15.98rem; top: 1.59rem; background: url(../images/ewm-bg-gzh.png) no-repeat; background-size: 100% auto;}
.btn-kf{ position: absolute; left: 50%; top: 7.5rem; width: 3.98rem; height: 1.08rem; margin-left: -1.99rem; background: url(../images/btn-kf.png) no-repeat; background-size: 100% auto; animation: key-huxi .5s infinite alternate;}
@keyframes key-huxi{
	0%{ transform: scale(1);}
	0%{ transform: scale(1.05);}
}
/* float-nav */
.float-nav{ position: fixed; right: .5rem; top: 50%; transform: translate3d(0,-50%,0); z-index: 10; width: 2.82rem; height: 6.73rem; background: url(../images/float-nav.png) no-repeat; background-size: 100% auto;}
.nav-box{ position: absolute; left: .73rem; top: 3.15rem; width: 1.24rem; height: 2.6rem;}
.nav-box li{ position: relative; width: 1.24rem; height: .22rem; margin-bottom: .35rem; cursor: pointer;}
#nav1{ background: url(../images/nav1.png) no-repeat; background-size: 100% auto;}
#nav2{ background: url(../images/nav2.png) no-repeat; background-size: 100% auto;}
#nav3{ background: url(../images/nav3.png) no-repeat; background-size: 100% auto;}
#nav4{ background: url(../images/nav4.png) no-repeat; background-size: 100% auto;}
#nav1.on{ background: url(../images/nav1-on.png) no-repeat; background-size: 100% auto;}
#nav2.on{ background: url(../images/nav2-on.png) no-repeat; background-size: 100% auto;}
#nav3.on{ background: url(../images/nav3-on.png) no-repeat; background-size: 100% auto;}
#nav4.on{ background: url(../images/nav4-on.png) no-repeat; background-size: 100% auto;}
.gtt{ position: absolute; left: 1.02rem; top: 5.94rem; width: .68rem; height: .8rem; cursor: pointer;}

/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 19.27rem; height: 8.7rem; background: url(../images/pop-bg.png) no-repeat; background-size: 100% auto;}
.icon-close{ position: absolute; right: 1.07rem; top: -.58rem; width: .63rem; height: .64rem; background: url(../images/icon-close.png) no-repeat; background-size: 100%; cursor: pointer;}
.pop-cont{ position: absolute; left: 1.84rem; top: .15rem; overflow: hidden; width: 15.58rem; height: 8.38rem;}
/* pop-video */
.pop-v-box{ overflow: hidden; width: 100%; height: 100%; background-color: #000;}
.pop-v-box video{ width: 100%; height: 100%;}
/* pop-wdxy */
.cus_scroll{ overflow-x: hidden; overflow-y: auto; width: 14.94rem; height: 7.66rem; margin: 0.3rem auto 0;}
.cus_scroll::-webkit-scrollbar{ width: 0.12rem; background-color: #325176; border-radius: .12rem;}
.cus_scroll::-webkit-scrollbar-thumb{ width: 0.12rem; background-color: #4571a5; border-radius: 0.12rem;}
.pop-text-t{ display: block; height: .62rem; margin: .35rem auto 0;}
.text-cont{ width: 12.1rem; margin: 0 auto; padding-top: .3rem;}
.text-cont p{ margin: .2rem auto 0; font-size: .3rem; line-height: .46rem; color: #cedbe6;}
.color-yellow{ color: #f5d273;}
.tag-t{ display: block; height: .62rem; margin: .5rem auto;}
.prize-phone{ display: block; width: 3.18rem; margin: .64rem auto 0;}
.text-cont .line{ width: 12.26rem; height: .01rem; margin: .8rem auto 0; font-size: 0; line-height: 0; border-bottom: .02rem dashed #3f4549;}
.prize-he{ display: block; height: 3.65rem; margin: .4rem auto 0;}
.prize-jdk{ display: block; width: 3.84rem; margin: .52rem auto 0;}
.prize-pt{ display: block; width: 9.83rem; margin: .68rem auto 0;}
.prize-rd{ display: block; width: 5.54rem; margin: .48rem auto 0;}

.link-text{ color: #71bdff; text-decoration: underline;}
.link-text:hover{ text-decoration: underline;}
.pop-ewm-shy{ position: relative; width: 3.67rem; height: 4.34rem; margin: .34rem auto 0; background: url(../images/ewm-bg-shy.png) no-repeat; background-size: 100% auto;}
.pop-ewm-shy img{ position: absolute; left: .34rem; top: .37rem; width: 3.19rem; height: 3.19rem;}
.shgj-img{ display: block; width: 10.53rem; margin: .88rem auto 0;}