@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #400696; font-size: 12px;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{font-size: .44rem; color: #fff; font-weight: bold; letter-spacing: .01rem;}
.t-left{width: 1.63rem; height: 0.37rem; background: url(../images/t_left.png) no-repeat center / 100%; display: inline-block; margin-right: .24rem;}
.t-right{width: 1.63rem; height: 0.37rem; background: url(../images/t_right.png) no-repeat center / 100%; display: inline-block; margin-left: 0.24rem;}

/*banner*/
.banner{
	width: 100%; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0;
}
.banner .wrap{
  height: 100%;
}
.banner .ban-logo{
  width: 2rem; height: .9rem; border-radius: 0 0 .2rem .2rem; display: block; 
}
.banner .ban-logo img{
  width: 80%; padding-top: .29rem;
}
.ban-bt{
  padding-top: 3.44rem; visibility: hidden; position: relative;  z-index: 3;
}
.ban-limg-box{
  position: absolute; left: -3.9rem; top: 6.58rem; z-index: 3;
}
.ban-limg{
  animation: move .8s infinite alternate ease-in-out;
}
.ban-rimg-box{
  position: absolute; right: -2.36rem; top: 5.68rem; z-index: 3;
}
.ban-rimg{
   animation: move2 .8s infinite alternate ease-in-out;
}
.ban-zimg{
  position: absolute; bottom: -0.4rem; left: 3.72rem; z-index: 3;
}
.ban-19{
  width: 100%; position: absolute; top: -2.85rem; left: 0;
}
@keyframes move{
  0%{ transform: translateY(0);}
  100%{transform: translateY(-0.06rem);}
}
@keyframes move2{
  0%{transform: translateY(-0.06rem);}
  100%{transform: translateY(0);}
}

/*sec01*/
.sec01{
  background: #400695 url(../images/s2_bg.jpg) no-repeat top center / auto 100%; padding-top: .8rem;
}
.sec01-main{
  height: 10.08rem; background: url(../images/s1_mbg.png) no-repeat top center / 100% 100%; box-sizing: border-box; padding: 1.28rem .95rem 0; 
}
.sec01-main b{
  margin-top: .28rem; font-size: .24rem; color: #333333; font-weight: 600; text-align: left; display: block; margin-bottom: .14rem;
}
.txt-t-box{
  height: 3.64rem; overflow-y: scroll; margin-bottom: .5rem; border-bottom: .02rem solid #eeeafb;
}
.txt-t{
   background: url(../images/s1_mbg02.jpg) repeat; text-align: left;
}
.txt-t p{
  text-indent: .4rem; font-size: .2rem; color: #333333; line-height: .52rem;
}
.txt-t-box::-webkit-scrollbar{
  width:.1rem;
}
.txt-t-box::-webkit-scrollbar-track{
  background: #fbfdfc;
  border-radius:.02rem;
}
.txt-t-box::-webkit-scrollbar-thumb{
  background: #d3d5d49d;
  border-radius:.1rem;
  height: 2rem;
}
.txt-t-box::-webkit-scrollbar-thumb:hover{
  background: #bdbdbd;
}
.txt-t-box::-webkit-scrollbar-corner{
  background: #ffffff;
}
.txt-b{
  background: url(../images/s1_mbg02.jpg) repeat; text-align: left; margin-bottom: .5rem;
}
.txt-b p{
  font-size: .2rem; color: #333333; line-height: .52rem; text-align: right;
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center / 100% 100%;
}
.sec02 .title{
  margin-bottom: .3rem;
}
.sec02 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec02 ul li{
  width: 2.6rem; background: url(../images/s2_lbg.png) no-repeat bottom center / 100% ;  position: relative;
  height: 2.99rem;
  margin-top: .6rem;
}
.sec02 ul li div h3{
  width: .31rem; height: .84rem; background: url(../images/s2_name_bg.png) no-repeat center / 100% 100%; font-size: .18rem; color: #470798; line-height: .2rem; padding-top: .08rem; box-sizing: border-box; position: absolute; top: .3rem; left: .18rem; z-index: 8;
} 
.sec02 ul li div img{
  width: 2.57rem; display: block; margin: 0 auto; margin-top: -0.45rem; transition: all .5s;
}
.sec02 ul li p{
  width: 100%; font-size: .18rem; color: #fbfdfc; line-height: .26rem; padding: .16rem 0; background: #5d2af6; margin-top: -0.84rem; position: relative;
}

/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat top center / 100% 100%;
}
.sec03-tips{
  font-size: .18rem; color: #fff; line-height: .26rem;
}
.seamlesswrap{
  width: 11.06rem; height: 3.44rem; background: url(../images/s3_mbg.png) no-repeat center / 100% 100%; padding: .55rem .9rem 0 1rem; box-sizing: border-box;
}
.swiper-slide p{
  font-size: .18rem; color: #fff; margin-top: .32rem;
} 
.seamlesswrap img{width: 100%;display: block;}
.seamlesswrap .swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; }
.seamlesswrap .swiper-container{margin: .1rem 0;}
.swiper-wrapper{
  -webkit-transition-timing-function:linear!important; 
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important; }

/*sec04*/
.sec04{
  background: url(../images/s4_bg.jpg) no-repeat top center / 100% 100%;
}
.sec04 ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec04 ul li{
  width: 2.6rem; padding: .14rem; box-sizing: border-box; transition: transform .5s;
  background: #974ff0;
  background: -webkit-linear-gradient(bottom, #974ff0, #5e29f6);
  background: -o-linear-gradient(bottom, #974ff0, #5e29f6);
  background: -moz-linear-gradient(bottom, #974ff0, #5e29f6);
  background: linear-gradient(to bottom, #974ff0, #5e29f6);
}
.sec04 ul li div{
  height: 6.72rem; background: #fff; border-radius: .1rem; position: relative;
}
.sec04 ul li div::before{
  content: ''; width: .26rem; height: .26rem; background: #8442f2; border-radius: .5rem; display: block; position: absolute; left: -0.13rem; top: 2.14rem;
}
.sec04 ul li div::after{
  content: ''; width: .26rem; height: .26rem; background: #8442f2; border-radius: .5rem; display: block; position: absolute; right: -0.13rem; top: 2.14rem;
}
.sec04 ul li div h3{
  width: 1.55rem; height: .5rem; line-height: .5rem; background: url(../images/s4_tbg.png) no-repeat center / 100% 100%; font-size: .26rem; color: #fff; font-weight: bold; margin: 0 auto .16rem;
}
.sec04 ul li div img{
  margin-bottom: .42rem; animation: move .8s infinite alternate ease-in-out;
}
.sec04 ul li:nth-child(2n) div img{
  animation: move2 .8s infinite alternate ease-in-out;
}
.sec04 ul li div h4{
  width: 1.4rem; height: .32rem; line-height: .32rem; background: url(../images/s4_bt_bg.png) no-repeat center / 100% 100%; font-size: .18rem; color: #fff; font-weight: 600; text-align: left; padding-left: .08rem; box-sizing: border-box; margin-left: .16rem; margin-bottom: .12rem;
}
.sec04 ul li div p{
  font-size: .16rem; color: #333333; line-height: .26rem; text-align: left; margin: 0 .15rem .2rem;
}
.sec04 ul li:hover{
  transform: scale(1.015);
}


/*sec05*/
.sec05{
  background: url(../images/s5_bg.jpg) no-repeat top center / 100% 100%; 
}
.sec05 .title{
  margin-bottom: 1rem;
}
.sec05-item{
  width: 100%; height: 3.11rem; background: #280266;
}
.sec05-t{
  margin-bottom: .74rem;
}
.sec05-item img{
  margin-right: .16rem; transition: all .5s;
}
.sec05-item img:hover{
  transform: scale(1.02);
}
.sec05-img{
  width: 6.52rem; margin-top: .4rem;
}
.sec05-t .sec05-img{
  margin-left: .36rem;
}
.sec05-b .sec05-img{
  margin-right: .26rem;
}
.sec05-info{
  width: 3.71rem; height: 4rem; position: relative; margin: -0.44rem .29rem 0 0; transition: all .5s;
  background: #c487fc;
  background: -webkit-linear-gradient(bottom, #c487fc, #8861fb);
  background: -o-linear-gradient(bottom, #c487fc, #8861fb);
  background: -moz-linear-gradient(bottom, #c487fc, #8861fb);
  background: linear-gradient(to bottom, #c487fc, #8861fb);
}
.sec05-info:hover{
  transform: scale(1.05);
}
.sec05-info::after{
  content: ''; width: .77rem; height: .77rem; background: url(../images/s5_jt.png) no-repeat center / 100% 100%; display: inline-block; position: absolute; left: .15rem; bottom: .15rem;
}
.sec05-b .sec05-info{
  margin: -0.44rem 0 0 .29rem;
}
.sec05-b .sec05-info::after{
  position: absolute; right: .15rem; bottom: .15rem; left: auto; transform: rotate(180deg);
}
.sec05-info h3{
  font-size: .3rem; color: #fff; font-weight: bold; padding-top: .6rem; text-align: left; margin: 0 0 .26rem .05rem;
}
.sec05-t .sec05-info h3::before{
  content: ''; width: 1.98rem; height: .11rem; background: url(../images/s5_line.png) no-repeat center / 100% 100%; display: inline-block; margin: 0 .15rem;
}
.sec05-b .sec05-info h3{
  margin-left: .15rem; padding-top: .36rem; margin-bottom: .16rem;
}
.sec05-b .sec05-info h3::after{
  content: ''; width: 1.98rem; height: .11rem; background: url(../images/s5_line.png) no-repeat center / 100% 100%; display: inline-block; margin: 0 .15rem;
}
.sec05-info p{
  font-size: .17rem; color: #fff; line-height: .26rem; margin: 0 .12rem; text-align: justify; position: relative; z-index: 8;
}
.seamlesswrap02{
  width: 100%;
}
.seamlesswrap02 img{width: 100%;display: block;}
.seamlesswrap02 .swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; }

/*sec06*/
.sec06{
  background: url(../images/s6_bg.jpg) no-repeat top center / 100% 100%; padding-top: 1.25rem;
}
.sec06 .hd{
  margin-bottom: .45rem;
}
.sec06 .hd ul li{
  width: 2.53rem; height: .65rem; line-height: .65rem; display: inline-block; border-radius: .1rem; margin: 0 .28rem; font-size: .3rem; color: #3e0694;
  background: #8861fb;
  background: -webkit-linear-gradient(right, #8861fb, #c488fc);
  background: -o-linear-gradient(right, #8861fb, #c488fc);
  background: -moz-linear-gradient(right, #8861fb, #c488fc);
  background: linear-gradient(to right, #8861fb, #c488fc);
}
.sec06 .hd ul li.on{
  width: 2.53rem; height: .65rem; line-height: .65rem;  color: #fff;
  background: #f8864f;
  background: -webkit-linear-gradient(right, #f8864f, #f9b650);
  background: -o-linear-gradient(right, #f8864f, #f9b650);
  background: -moz-linear-gradient(right, #f8864f, #f9b650);
  background: linear-gradient(to right, #f8864f, #f9b650);
}
.sec06 .bd ul li{
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
.sec06 .bd ul li:nth-child(1) .sec06-item{
  width: 3.5rem;
}
.sec06 .bd ul li:nth-child(2) .sec06-item{
  width: 5.4rem;
}
.sec06-item{
  background: #280266; padding: .16rem .16rem .2rem; box-sizing: border-box; transition: all .5s;
}
.sec06-item:hover{
  transform: scale(1.05);
}
.sec06-item h3{
  font-size: .24rem; color: #bd83fc; font-weight: bold; position: relative; margin-top: .26rem; margin-bottom: .2rem;
}
.sec06-item h3::after{
  content: ''; width: 1.42rem; height: .02rem; background: #bd83fc; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: .35rem;
}
.sec06-item p{
  font-size: .16rem; color: #fff; line-height: .3rem; text-align: justify; margin: 0 .05rem;
}
.sec06 .bd ul li:nth-child(2) .sec06-item div{
  display: flex; justify-content: space-between;
}


/*sec07*/
.sec07{
  background: url(../images/s7_bg.jpg) no-repeat top center / 100% 100%;
}
.barrage{
	width: 100%; height: 2.24rem; float: left; position: relative; overflow: hidden;
}
.tanmu{
	font-size: .2rem; line-height: .45rem; color: #fff; border: 1px solid #fff; border-radius: 22px; padding: 0 .2rem; transition: all .5s;position:absolute;left:0;top:0;z-index: 22; white-space:nowrap;opacity: 0.9;
}
.tanmu:hover{
	transform: scale(1.1); border: .01rem solid #00000000;
  background: #8861fb;
  background: -webkit-linear-gradient(right, #8861fb, #c387fc);
  background: -o-linear-gradient(right, #8861fb, #c387fc);
  background: -moz-linear-gradient(right, #8861fb, #c387fc);
  background: linear-gradient(to right, #8861fb, #c387fc);
}
.tanmuContent{
	display: flex;
  justify-content: space-between;
}
.sec07-b{
  width: 100%; height: 5.63rem; background: url(../images/s7_mbg.png) no-repeat center / 100% 100%; padding-bottom: .3rem;
}
.sec07-tips{
  font-size: .24rem; color: #333333; line-height: .36rem; padding: .36rem 0 .3rem;
}
.sec07-b b{
  font-weight: bold;
}
.sec07-b span{
  color: #9c3bf9;
}
.sec07-info{
  background: #f5effb; padding: .3rem; margin: 0 .32rem 0; font-size: .2rem; color: #000000; text-align: left; line-height: .36rem;
}
.sec07-info a{
  width: 1.89rem; height: .66rem; line-height: .58rem; background: url(../images/s7_btn_bg.png) no-repeat center / 100%; font-size: .2rem; color: #fff; font-weight: 600; display: block; text-align: center; position: absolute; right: 0; bottom: .1rem;
}
.sec07-txt{
  position: relative;
}
.sec07-txt1{
  border-bottom: .01rem solid #cca0fc; margin-bottom: .25rem; padding-bottom: .4rem;
}
.sec07-txt2 a{
  bottom: 0;
}

/*sec08*/
.sec08{
  background: url(../images/s8_bg.jpg) no-repeat top center / 100% 100%; padding-bottom: 1rem;
}
.sec08-main{
  background: #280266; padding: 0 .44rem .6rem;
}
.sec08-main img{
  width: 100%;
}
.sec08-tips{
  font-size: .26rem; color: #fff; padding: .55rem 0 .44rem;
}
.sec08-main a{
  width: 1.89rem; height: .66rem; line-height: .58rem; background: url(../images/s7_btn_bg.png) no-repeat center / 100%; font-size: .25rem; color: #fff; font-weight: bold; display: block; text-align: center; margin: -0.34rem auto .15rem; position: relative;
}
.sec08-main p.sec08-info{
  font-size: .19rem; line-height: .34rem; color: #fff; text-align: left;
}
.sec08-main p.sec08-info b{
  font-weight: bold;
}

/*sec09*/
.sec09{
  background: url(../images/s9_bg.jpg) no-repeat top center; padding-top: 0;
}
.sec09-main{
  height: 6.76rem; background: url(../images/s9_mbg.png) no-repeat center / 100%; display: flex; align-items: center; justify-content: center;
}
.sec09-main .play-box{
  width: 10.02rem; height: 5.67rem; background: #610bdd; padding: .08rem;
}

/* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.301);
  display: none;
}
.popup {
  width: 6.01rem;
  height: 5.68rem;
  z-index: 9;
  border-radius: .3rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../images/popup_bg.png) no-repeat center / 100% 100%;
  padding: 0 .25rem .25rem;
  box-sizing: border-box;
}

.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -.65rem;
  right: 0;
}

.popup h3 {
  width: 100%;
  height: .98rem;
  line-height: .98rem;
  text-align: center;
  font-size: .42rem;
  color: #fff;
  font-weight: bold;
}

.popup-m {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0.36rem;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff;
  border-radius: .3rem;
}

.popup-m h4 {
  width: 1.4rem;
  line-height: 0.44rem;
  color: #e81d27;
  font-size: .24rem;
  font-weight: 600;
  margin-bottom: 0.14rem;
  border-radius: .22rem;
  text-align: center;
  background: #fde8e9;
}

.popup-list {
  margin-bottom: 0.2rem;
  text-align: left;
}

.popup-list p {
  width: 100%;
  margin: 0 auto;
  font-size: .24rem;
  color: #444;
  line-height: 0.36rem;
}

.popup-list p span {
  color: #fe4c23;
  font-weight: bold;
}

.popup-p {
  text-align: center;
  margin-bottom: 0.28rem;
  font-size: .26rem;
  color: #333333;
}

.popup-p span {
  color: #ff4d24;
  font-weight: bold;
}

.popup-img {
  width: 4.11rem;
  margin-bottom: 0.1rem;
  margin-top: 0.36rem;
}
.popup-m a.pub-btn{
  width: 2.4rem; height: 0.62rem; line-height: 0.62rem; border-radius: .3rem; font-size: .3rem; color: #fff; font-weight: bold; display: block; margin: 0 auto;
  background: #fb7838;
  background: -webkit-linear-gradient(right, #fb7838, #fcad37);
  background: -o-linear-gradient(right, #fb7838, #fcad37);
  background: -moz-linear-gradient(right, #fb7838, #fcad37);
  background: linear-gradient(to right, #fb7838, #fcad37);
}

/*侧边悬停*/
.lfNav{position: fixed;width:196px; height:603px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:14%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:27px; right:10px; height:30px; width:30px; }
.lfNav .close img{width: 100%;}
.mt185{margin-top: 152px;}
.nav-bg{
	width:126px;
	height: 37px;
	display: block;
	float:left;
	clear:both;
	margin-left:34px;
	background: url(../images/fix-line.png) no-repeat center bottom / 100%;
	text-align: center;
}
.nav-bg a{
	width:100%;
	height:47px;
	display: block;
	margin:auto;
	font-size: 18px;
	line-height: .47rem;
	color: #fff;
}
.nav-bg a:hover{
	color: #fccaa6; font-weight: bold;
}
.nav-bg:last-of-type{
	background: initial;
}
.left_top{width:151px; height:40px;display: block;float:left;margin-left:22px;margin-top: 10px;}