@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%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #e13c4a;}
#footer_bx{clear: both;}

.m-show,.m-ib{display: none!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{
	position:relative;
	width:100%;
	height:12.65rem; 
	overflow:hidden; text-align:center;
	background:#e13c4a url('../images/banner.png') no-repeat center top;
}
.banner-box .wrap{height: 12.65rem;}
.banner-box .logo{width: 3.18rem; 
	position: absolute;left: 50%; top: 0;  z-index: 9;
	margin-left: -1.59rem;
	cursor: pointer;display: block;
}
.banner-box .logo img{width: 100%;display: block;}
.banner-box .cloud01{
	width:20rem; height: 12.35rem; display: block;
	position: absolute; top: 0; left: -4.5rem;
	-webkit-animation: ballon 4s linear infinite; 
			animation: ballon 4s linear infinite;
}
@keyframes ballon {
   0%{-webkit-transform: scale(1.1); opacity: 1;}
  50%{-webkit-transform: scale(1.05); opacity: .8;}
  100%{-webkit-transform: scale(1); opacity:1;}
}
.banner-box .cloud02{
	width:20rem; height: 3.98rem; display: block;
	position: absolute; bottom: 0; left: -4.5rem;
}
.banner-box .cloud01 img,.banner-box .cloud02{width:100%; display: block;}
.banPic{
	width:100%; float: left; clear: both; height: 1px; height: 12.65rem;
	position: relative;
}
.banPic img.banTxt{
	position: absolute; top: .26rem; left: 50%; width: 9.2rem; display: block; margin-left: -4.6rem;
}
.banPic img.banImg01{
	position: absolute; top: 1.79rem; left: -4.41rem; width: 2.75rem; display: block;
	-webkit-animation: scaleLeft 1.2s infinite ease-in-out alternate;
		animation: scaleLeft 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg02{
	position: absolute; top: 1.95rem; left:.1rem; width: 1.37rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg03{
	position: absolute; top: 1.45rem; left:2.48rem; width: 1.07rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg04{
	position: absolute; top: 1.19rem; right:2.75rem; width: .83rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg05{
	position: absolute; top: 1.89rem; right:0; width: 1.74rem; display: block;
	-webkit-animation: scaleLeft 1.2s infinite ease-in-out alternate;
		animation: scaleLeft 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg06{
	position: absolute; top: .92rem; right:-2.58rem; width: 1.42rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg07{
	position: absolute; top: 4.5rem; left:-2rem; width: 1.81rem; display: block;
	-webkit-animation: scaleLeft 1.2s infinite ease-in-out alternate;
		animation: scaleLeft 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg08{
	position: absolute; top: 4.68rem; left:-2.97rem; width: 4.37rem; display: block;
}
.banPic img.banImg09{
	position: absolute; top: 3.89rem; right:-3.14rem; width: 4.1rem; display: block;
}
.banPic img.banImg10{
	position: absolute; bottom: 2.13rem; left:-3.71rem; width: .81rem; display: block;
	z-index: 3;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg11{
	position: absolute; bottom: 2.5rem; left:1.3rem; width: 1.1rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg12{
	position: absolute; bottom: .95rem; left:3.1rem; width: 1.93rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg13{
	position: absolute; bottom: 1.19rem; right:.85rem; width: 2.44rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic img.banImg14{
	position: absolute; bottom: 1.47rem; right:-3.74rem; width: 2.96rem; display: block;
	z-index: 3;
	-webkit-animation: scaleLeft 1.2s infinite ease-in-out alternate;
		animation: scaleLeft 1.2s infinite ease-in-out alternate;
}
@keyframes scaleLeft{
	0%{transform: translateX(-.3rem);}
	100%{transform: translateX(0);}
}
@keyframes scaleUp{
	0%{transform: translateY(-.3rem);}
	100%{transform: translateY(0);}
}

.sections{
	width: 100%; clear: both; float: left;
}
.secCont{
	width: 100%; height: auto; min-height: 1rem; float: left;
	background: #5239d1;
	border: solid .04rem #13096b;
	border-radius: .2rem;
	box-sizing: border-box;
	box-shadow: 0 .05rem .05rem rgba(186,174,250,.5) inset;
}
.kuangTop{
	width: 100%; height: .55rem; display: block; float: left; margin-top: -.04rem;
	background: url("../images/kuang-img01.png") no-repeat center;
}
.kuangTop .light{
	float: left;margin-left: .33rem; margin-top: .17rem;
}
.light i{
	width: .19rem; height: .19rem; display: inline-block; margin-right: .15rem;
	background: #13096b;
	border-radius: 50%;
}
.light i.red.on{
	background: url("../images/icon-light-red.png") no-repeat center;
	background-size: 100%;
}
.light i.yellow.on{
	background: url("../images/icon-light-yellow.png") no-repeat center;
	background-size: 100%;
}
.light i.green.on{
	background: url("../images/icon-light-green.png") no-repeat center;
	background-size: 100%;
}
/* .light i.on{background: #13096b;} */
.secTit{
	width:8.29rem; height: 1.24rem; display: block;margin: auto;
	background: url("../images/secTit01.png") no-repeat center top;
	background-size: 100%;
	position: relative;
}
.secTit h2{
	font-size: .42rem; line-height: .98rem; color: #fff; font-weight: bold;
	text-shadow: 0 3px #14096c, 3px 0 #14096c, -3px 0 #14096c, 0 -3px #14096c;
}
.secTit h2 span{color: #51f4f7;}
.secTit .light{
	position: absolute; top: .43rem; right: .85rem; margin: auto;
}
.secTit .light i{margin-right: 0; margin-left: .03rem;}

.secCont .kuang{
	width: 10.43rem; height: auto ; min-height: 1rem; float: left;margin: .25rem .23rem;
	background: #311ba2;
	border: solid .04rem #13096b;
	border-radius: .1rem;
}

/*section1*/
.sec01{
	background:#e13c4a url("../images/s1-bg.jpg") no-repeat center bottom;
}
.s1-mian{margin-top: -.4rem; margin-bottom: .55rem;}
.video-box{
	width: 10.44rem; float: left;margin: .26rem .24rem;
	border: solid .04rem #13096b;
	border-radius: .1rem;
	min-height: 2rem;
	background: #000;
}
/* section02 */
.sec02{
	height: 10.02rem;
	background:#e13c4a url("../images/s2-bg.jpg") no-repeat center top;
}
.sec02 .item01,.sec02 .item02{
	width: 4.84rem; height: 3.08rem; display: inline-block;margin:.2rem .12rem .16rem;
	background: url("../images/s2-img01.png") no-repeat center;
	background-size:100%;
}
.sec02 .item03{
	width: 9.88rem; height: 2.37rem; display: inline-block; margin: 0 auto .25rem;
	background: url("../images/s2-img02.png") no-repeat center;
	background-size:100%;
}
.sec02 .item h4{
	font-size:.32rem; line-height: .58rem; float: left; margin-top: .07rem; margin-left: .32rem; color: #fff;
	font-weight: bold;
 }
.sec02 .item .whitebox{
	width: 4.52rem; height: 2.28rem; display: block; float: left;margin-left: .15rem;
	background-color: #fff;
	border-radius: .1rem;
}
.sec02 .item03 .whitebox{
	width: 9.55rem; height: 1.51rem;
}
.sec02 .item01 ul{
	clear:both; float: left; margin-top: .26rem;
	width:100%;
}
.sec02 .item01 ul li{
	width: 1.53rem; height: .55rem; display: block; float: left; margin-top: .15rem;
	background-color: #5239d1;
	border-radius: .1rem;
}
.sec02 .item01 ul li img{
	width:.84rem; height: .84rem; display: block; 
	float: left; margin-top: -.15rem; margin-left: -.44rem;
}
.sec02 .item01 ul li.icon01,.sec02 .item01 ul li.icon03{margin-right:.57rem; margin-left: .67rem;}
.sec02 .item01 ul li.icon01,.sec02 .item01 ul li.icon02{margin-bottom: .25rem;}
.sec02 .item01 ul li span{
	font-size: .2rem; line-height: .55rem; color: #fff; float: left;
	width: 1.13rem;
}
.sec02 .item02 ul{width: 100%; float: left; margin-top: .31rem;}
.sec02 .item02 ul li{
	width:1.31rem; display: inline-block; margin: 0 .07rem;
}
.sec02 .item02 ul li img{width:100%; display: block;}
.sec02 .item03 ul{
	clear: both; float: left; margin-left: .21rem; margin-top: .21rem;
}
.sec02 .item03 ul li{
	width:auto; float: left; margin-right: .13rem;
	font-size:.24rem; line-height: .4rem; color: #5239d1;
}
.sec02 .item03 ul li::before{
	content: ''; width: .24rem; height: .4rem; display: block; float: left;margin-right: .05rem;
	background: url("../images/s2-icon05.png") no-repeat center;
	background-size: 100%;
}
/* .sec02 .item03 ul li:nth-child() */
.s2-btn{
	width:100%; clear: both; float: left;
}
.s2-btn a{
	width: 3.06rem; height: .72rem; display: inline-block; margin: auto;
	font-size:.3rem; line-height: .72rem; color: #fff; font-weight: bold;
	background: url("../images/btn01.png") no-repeat center;
	background-size:100%;
}
.s2-btn p{
	font-size: .18rem; line-height: .6rem; color: #fff; width: 100%; clear: both;
}

/* section03 */
.sec03{
	height: 9.01rem;
	background:#e13c4a url("../images/s3-bg.jpg") no-repeat center top;
}
.s3-pic{
	width: 100%; clear: both; float: left; margin-top: .37rem; margin-bottom: -.2rem;
}
.s3-pic img{width: 9.64rem; display: block; margin: auto;}

.sec03 .item{
	width: 9.88rem; height: 2.37rem; display: inline-block; margin: 0 auto; 
	background: url("../images/s2-img02.png") no-repeat center;
	background-size:100%;
}
.sec03 .item h4{
	font-size:.32rem; line-height: .58rem; float: left; margin-top: .07rem; margin-left: .32rem; color: #fff;
	font-weight: bold;
 }
.sec03 .item .whitebox{
	width: 9.55rem; height: 1.51rem; display: block; float: left;margin-left: .15rem; clear: both; 
	background-color: #fff;
	border-radius: .1rem;
}
.sec03 .item .whitebox ul{
	clear: both; float: left; margin-left: .21rem; margin-top: .21rem;
}
.sec03 .item ul li{
	width:auto; height: .45rem; padding: 0 .12rem; float: left; margin-right: .13rem;margin-bottom: .18rem;
	font-size:.24rem; line-height: .45rem; color: #fff;
	background-color: #5239d1;
	border-radius: .06rem;
}
.sec03 p{font-size: .18rem; line-height: .6rem; color: #fff; width: 100%; clear: both;}

/* section04 */
.sec04{
	/* height: 7.43rem; */
	height: auto; padding-bottom: .8rem;
	background:#e13c4a url("../images/s4-bg.jpg") no-repeat center top;
}
.s4-top{
	width: 100%; clear: both; float: left; margin: .27rem auto .28rem;
	height: .98rem;
	background-color: #533ad0;
	position: relative;
}
.s4-top::before{
	content: '';width: .91rem; height: .93rem; display: block;
	background: url("../images/s4-img01.png") no-repeat center;
	background-size:100%;
	position: absolute; left: .7rem; top: .08rem;
}
.s4-top::after{
	content: ''; width: 1.27rem; height: 1.44rem; display: block;
	background: url("../images/s4-img02.png") no-repeat center;
	background-size: 100%;
	position: absolute; right: .4rem; top: -.27rem;
}
.s4-top p{
	font-size: .3rem; line-height: .36rem; clear: both; float: left; margin-top: .13rem; width: 100%;
	color: #fff;
}
.s4-top p b{font-weight: bold; color: #51f4f7;}
.s4-tab{
	width: 100%; clear: both; float: left; margin-bottom: .25rem;
}
.s4-tab .sub{
	width: 100%; clear: both; float: left; margin-bottom: .1rem;
}
.s4-tab .sub a{
	width: 2.18rem; height: .58rem; display: inline-block; margin:0 .06rem;
	border: solid .02rem #13096b;
	border-radius: .06rem;
	font-size: .3rem; line-height: .58rem; color: #fff;
	background-color: #5239d1;
	cursor: pointer;
}
.s4-tab .sub a.on{
	background-color: #51f4f7;
	color: #311ba2;
}
.s4-state{
	width: 100%; height: 4rem; float: left;
	background: url("../images/s4-state.png") no-repeat center bottom;
	background-size: auto 1.69rem;
	position: relative;
}
.s4-state::before,.s4-state::after{
	content: '';
	width: .9rem; height: .84rem; display: block;
	position: absolute; bottom: 1rem;
}
.s4-state::before{
	background: url('../images/s4-img03.png') no-repeat center;
	background-size: 100%;
	left: .44rem;
}
.s4-state::after{
	background: url('../images/s4-img04.png') no-repeat center;
	background-size: 100%;
	right: .44rem;
}
.s4-state .item{
	width: 100%; height: auto; display: none; float: left;
}
.s4-state .item.show{display: block;}
.s4-state .item img{
	display: inline-block; margin: auto; height: 3.02rem;
}



.s4-btn{
	width: 100%; clear: both; float: left;margin-top: -1.26rem; position: relative;
}
.s4-btn a{
	width: 2.55rem; height: .61rem; display: block; margin: auto;
	font-size: .28rem; font-weight: bold; line-height: .61rem; color: #fff;
	background: url("../images/btn02.png") no-repeat center;
	background-size:100%;
}

.s4-btn p{
	font-size: .18rem; line-height: .42rem; color: #fff; float: left; width: 100%; margin-top: .1rem;
}

/* section05 */
.sec05{
	height: 9.26rem;
	background:#e13c4a url("../images/s5-bg.jpg") no-repeat center bottom;
}
.s5-mian .txtPic{
	width: 100%; clear: both; float: left; margin: .26rem auto .13rem;
}
.s5-mian .txtPic p{
	width: 100%; clear: both; float: left;
	font-size: .26rem; line-height: .4rem; color: #fff;
}
.s5-mian .txtPic img{
	display: block; width: 9.2rem; margin: auto;
}
.s5-btn{
	width: 100%; clear: both; float: left; margin: .25rem auto .1rem;
}
.s5-btn a{
	width: 3.06rem; height: .72rem; display: inline-block; margin: auto;
	font-size:.3rem; line-height: .72rem; color: #fff; font-weight: bold;
	background: url("../images/btn01.png") no-repeat center;
	background-size:100%;
}
.s5-btn p{
	font-size: .18rem; line-height: .6rem; color: #fff; width: 100%; clear: both;
}

/* section06 */
.sec06{
	height: 9.74rem;
	background:#e13c4a url("../images/s6-bg.jpg") no-repeat center top;
}
.s6-mian .kuang{
	height: 5.5rem;
}
.s6-pic{
	width: 100%; clear: both; float: left;margin:0 auto;
}
.s6-btn{
	width: 100%; clear: both; float: left; margin: 0 auto .1rem;
}
.s6-btn a{
	width: 3.06rem; height: .72rem; display: inline-block; margin: auto;
	font-size:.3rem; line-height: .72rem; color: #fff; font-weight: bold;
	background: url("../images/btn01.png") no-repeat center;
	background-size:100%;
}
.s6-btn p{
	font-size: .18rem; line-height: .6rem; color: #fff; width: 100%; clear: both;
}

/* section07 */
.sec07{
	height: 9.15rem;
	background:#e13c4a url("../images/s7-bg.jpg") no-repeat center top;
}
.s7-pic{
	width: 100%; clear: both; float: left;margin:0 auto;
}
.s7-pic img{
	width: 100%; display: block; margin: auto;
}
.s7-btn{
	width: 100%; clear: both; float: left; margin: .1rem auto .1rem;
}
.s7-btn a{
	width: 3.06rem; height: .72rem; display: inline-block; margin: auto;
	font-size:.3rem; line-height: .72rem; color: #fff; font-weight: bold;
	background: url("../images/btn01.png") no-repeat center;
	background-size:100%;
}
.s7-btn p{
	font-size: .18rem; line-height: .6rem; color: #fff; width: 100%; clear: both;
}

/* section08 */
.sec08{
	height: auto;
	background:#e13c4a url("../images/s8-bg.jpg") no-repeat center top;
}
.s8-title{margin-top: .65rem;}
.s8-mian{margin-bottom: 1.2rem;}
.s8-mian .tit{
	width: 100%; clear: both; float: left;margin-top: .32rem;
	background: #533ad0;
}
.s8-mian .tit font{
	font-size: .3rem; line-height: .55rem; color: #fff;
}
.s8-mian .tit font b{font-weight: bold;}
.s8-mian .tit font span{color: #51f4f7; font-weight: bold;}
.s8-mian .left{
	float: left; 
	width: 5.64rem;
}
.s8-mian .left img{
	width: 5.89rem; display: block;
	margin-left: -.14rem;margin-top: -1.4rem;
}
.s8-mian .left span{
	width: 2.18rem; height: .41rem; display: block;margin: -1.67rem auto .58rem;
	font-size: .24rem; line-height: .41rem; color: #13096b;
	background-color: #51f4f7;
	border-radius: .4rem;
}
.s8-mian .left p{
	width: 100%; clear: both;margin-left: .25rem; margin-top: -.4rem;
	font-size: .18rem; line-height: 1.5; color: #fff;
}
.s8-mian .right{
	float: right; width: 3.72rem; height: 3.25rem; display: block;
	margin-top: .8rem; margin-right: .57rem; margin-bottom: .35rem;
	background: url("../images/s8-img04.png") no-repeat center bottom;
	background-size:100%;
	position: relative;
}
.s8-mian .right img.ewm{
	width:2.57rem; display: block; float: left; margin-left: .34rem;
}
.s8-mian .right img.pic{
	float: right; margin-top: .52rem; margin-right: 0; margin-left: -.45rem;
	width: 1.13rem;
}
.s8-mian .right::after{
	content: '扫码登录';
	width: 1.25rem; height: .5rem; display: block; font-size: .22rem; line-height: .41rem; color: #533ad0;
	background: url("../images/s8-img03.png") no-repeat center;
	background-size: 100%;
	position: absolute; top: -.6rem; right: -.13rem;
}


/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{position: fixed;width:185px; height:475px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:15%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-10px; right:-10px; height:22px; width:22px; }
.mt185{margin-top:84px;}
.nav-bg{width:142px; height:38px; display: block;float:left; clear:both;margin-left:26px;margin-bottom:0;
	border-bottom: solid 1px #14096c; text-align: center;
}
.nav-bg a{width:100%; height:38px; display: block; margin:auto;
	font-size: .18rem; line-height: .38rem; color: #fff;
}
.lfNav .nav-bg.noborder{border: 0;}
.nav-bg a:hover{
	background-color: #3afafe;
	color: #34289f;
}

.left_top{width:64px; height:64px;display: block;float:left;margin-left:64px; margin-top: 0;
	border-radius: 50%;
}