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


.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}
.wrap{position: relative; width: 1200px; 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;height:4.4rem;background:url('../images/banner.jpg') no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}
.Countdown{
	width: 100%; height: .82rem; clear: both; float: left; margin-top: 3.2rem;
	background: url(../images/ban-img01.png) no-repeat center / auto 100%; 
}
.Countdown p{
	font-size: .3rem; line-height: .8rem; color: #fff;
	width: 100%; clear: both;
}
.Countdown p::before{
	content: ''; width: .37rem; height: .82rem; display: inline-block;
	vertical-align: top;
	background: url('../images/ban-icon01.png') no-repeat center / 100%;
	margin-right: .07rem;
}
.Countdown p em{
	font-weight: bold; color: #ffea74;
}

.sections{
	width: 100%; clear: both; float: left;
}
.secTit{
	width: 100%; clear: both; height: .8rem; display: inline-flex;
	justify-content: center;
	align-items: center;
}
.secTit img{height: .49rem; display: inline-block;}

/*section1*/
.sec01{
	background: #fff url(../images/s1-bg.jpg) no-repeat center bottom;
}
.s1-title{
	margin-top: .73rem;
}
.s1-main{
	width: 100%; clear: both; float: left;
	background: #3d66fc;
	background: -webkit-linear-gradient(#3d66fc,#18a0ff);
	background: -moz-linear-gradient(#3d66fc,#18a0ff);
	background: -o-linear-gradient(#3d66fc,#18a0ff);
	background: linear-gradient(#3d66fc,#18a0ff);
	border-radius: .2rem;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: .31rem 0 .36rem;
}
.s1-left{
	width: 7.67rem; display: inline-block; height: 3.28rem;
	background: #fff;
	border-radius: .2rem;
	box-shadow: .05rem .06rem .15rem rgba(60,103,252,.5);
	/* margin-top: .31rem;margin-bottom: .36rem; */
}
.s1-left ul{
	float: left; margin-left: .39rem; margin-top: .4rem;
}
.s1-left ul li{
	width: .88rem; height: .4rem; display: inline-block; float: left;
	margin-right: .12rem; margin-bottom: .12rem;
	border: solid 1px #4272fc;
	border-radius: .08rem;
	box-sizing: border-box;
	font-size: .2rem; line-height: .4rem; color: #2556e5;
	background: #eff8ff;
	cursor: pointer;
}
.s1-left ul li.on{
	background: #2556e5;
	background: -webkit-linear-gradient(#18a0ff,#3d67fc);
	background: -moz-linear-gradient(#18a0ff,#3d67fc);
	background: -o-linear-gradient(#18a0ff,#3d67fc);
	background: linear-gradient(#18a0ff,#3d67fc);
	border: none;
	color: #fff;
}
.s1-right{
	width: 3.72rem; height: 3.28rem; display: inline-block;
	background: url('../images/s1-img01.png') no-repeat center / 100%;
	border-radius: .2rem;
	box-shadow: .05rem .06rem .15rem rgba(60,103,252,.5);
}
.s1-right h3{
	width: 2.91rem; height: .5rem; display: inline-block;
	background: #fff;
	font-size: .22rem; line-height: .5rem; font-weight: bold; color: #fe6014;
	border-radius: .5rem;
}
.s1-right h3.one{margin-top: .34rem;}
.s1-right span{
	width: 100%; clear: both; float: left;
	margin: .09rem auto .13rem;
	font-size: .2rem; line-height: 1.5; color: #fff;
}
.s1-right a{
	width: 2.91rem; height: .51rem; display: inline-block;
	background: url(../images/s1-btn01.png) no-repeat center / 100%;
	border-radius: .5rem;
	font-size: .22rem; line-height: .48rem; color: #984117; font-weight: bold;
	box-shadow: 0 .02rem .08rem rgba(217,0,1,.6);
}
.s1-condition{
	width: 100%; height: 1.91rem; display: block; float: left; margin: .51rem auto .74rem;
	background: url('../images/s1-img02.png') no-repeat center / 100%;
	position: relative;
}
.s1-condition .chahua{
	position: absolute; left: .15rem; top: .08rem;
	width: 1.53rem; display: block;
}
.s1-condition .chahua img{width: 100%; display: inline-block;}
.s1-condition .txt{
	width: 3.38rem; display: block; float: left;margin-top: .45rem;
	margin-left: 1.06rem;
}
.s1-condition .txt img{width: 100%; display: inline-block;}
.s1-condition ul{
	float: left; margin-left: -.42rem; margin-top: .16rem;
	position: relative;
}
.s1-condition ul li{
	width: 1.56rem; height: 1.56rem; display: inline-block;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	animation: animtran 3s linear infinite;
			-webkit-animation: animtran 3s linear infinite;
}
.s1-condition ul li.item1{
	background: url('../images/s1-huan01.png') no-repeat center / 100%;
}
.s1-condition ul li.item2{
	margin: 0 .31rem;
	background: url('../images/s1-huan02.png') no-repeat center / 100%;
}
.s1-condition ul li.item3{
	background: url('../images/s1-huan03.png') no-repeat center / 100%;
}
.s1-condition ul::before,.s1-condition ul::after{
	content: ''; width: .26rem; height: .26rem; display: inline-block;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	position: absolute; top: .65rem;
}
.s1-condition ul::before{left: 1.59rem;}
.s1-condition ul::after{right: 1.59rem;}
.s1-condition ul li img{
	width: 1.38rem; display: inline-block;
	animation: animtrans 3s linear infinite;
			-webkit-animation: animtrans 3s linear infinite;
}
.s1-condition .ewm{
	display: inline-flex;
	margin-top: .23rem;
	align-items: center;
	justify-content: center;
	
}
.s1-condition .ewm img{
	width: 1.4rem; display: inline-block;
}
.s1-condition .ewm span{
	font-size: .22rem; line-height: .27rem; display: inline-block; color: #fff;
	width: .25rem;
	margin-left: .1rem;
	
}
@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

/* section02 */
.sec02{
	background: url('../images/s2-bg.jpg') no-repeat center top;
}
.s2-main{
	width: 100%; display: inline-block;
	clear: both; float: left; margin: .24rem auto .74rem;
}
.s2-itembox{
	width:100%; clear: both; float: left;text-align: center;
}
.s2-itembox .item{
	width: .8rem; height: 3.26rem; display: inline-block; float: left;
	background: #fff url('../images/s2-img01.png') no-repeat right center / auto 100%;
	border-radius: .1rem;
	box-shadow: 0 .03rem .16rem rgba(25,157,255,.4);
	overflow: hidden;
	transition: all 0.5s;
}
.s2-itembox .item.on{width:10rem;}
.s2-itembox .item2{
	margin: 0 .2rem;
}
.s2-itembox .item .left{
	width: .8rem; height: 3.26rem;
	background: #e6f5ff;
	border: solid 1px #3c67fc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: .1rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	cursor: pointer;
}
.s2-itembox .item .left::before{
	content: '';width: 100%; height: 100%; display: inline-block;
	background: url('../images/s2-icon01.png') no-repeat center;
	position: absolute; top: 0; left: 0;
}
.s2-itembox .item.on .left{
	background: #18a0ff;
	background: -webkit-linear-gradient(#199dff,#3b6bfc);
	background: -moz-linear-gradient(#199dff,#3b6bfc);
	background: -o-linear-gradient(#199dff,#3b6bfc);
	background: linear-gradient(#199dff,#3b6bfc);
	border: none;
}
.s2-itembox .item.on .left::before{
	background: url('../images/s2-icon02.png') no-repeat center;
}
.s2-itembox .item .left i{
	font-size: .3rem; line-height: .35rem; color: #3c67fc; font-weight: bold; display: inline-block;
	width: .5rem;
}
.s2-itembox .item.on .left i{color: #fff;}
.s2-itembox .item .txt{
	width: 9.2rem; height: 3.26rem; display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s2-itembox .item.on .txt p{
	font-size: .2rem; line-height: 1.5; text-align: left;
	width: 8rem;
}
.s2-main .zhu{
	width: 100%; clear: both; float: left; margin: .24rem auto .22rem;
	font-size: .18rem; line-height: .3rem; color: #888;
}
.s2-btn{
	width: 100%; clear: both; float: left;
}
.s2-btn a{
	width: auto; height: .6rem; display: inline-block;
	font-size: .24rem; line-height: .6rem;color: #fff;
	background: #fb7a1b;
	background: -webkit-linear-gradient(#f79922,#fe6115);
	background: -moz-linear-gradient(#f79922,#fe6115);
	background: -o-linear-gradient(#f79922,#fe6115);
	background: linear-gradient(#f79922,#fe6115);
	border-radius: .6rem;
	box-shadow: 0 .03rem .1rem rgba(254,99,21,.55);
	border: solid 1px #fff;
	padding: 0 .42rem;
	margin: 0 .2rem;
}

/* section03 */
.s3-main{
	width: 100%; clear: both; float: left; margin: .23rem auto .5rem;
	height: 3.98rem;
	background: url(../images/s3-img01.png) no-repeat center top / auto 3.42rem;
}
.s3-main ul{
	width: 100%; clear: both; float: left;
}
.s3-main ul li{
	width: 2.64rem; float: left;
	margin-top: .35rem;
}
.s3-main ul li.item1{
	margin-left: .65rem;
}
.s3-main ul li.item4{width: 1.94rem;}
.s3-main ul li.right{
	float: right; margin-top: .6rem;
}
.s3-main ul li.item5{margin-right: 2.22rem;}

.s3-main ul li span{
	margin-top: .59rem;
	font-size: .24rem; line-height: .42rem; font-weight: bold;color: #3672fc;
	background: #f3faff;
	border: solid 1px #3672fc;
	display: inline-block;
	padding: 0 .23rem;
	border-radius: .42rem;
}
.s3-main ul li.type02 span{
	background: #fff4ef;
	color: #fe6014;
	border: solid 1px #fe6014;
}
.s3-main ul li img{
	width: .5rem; display: inline-block;
	margin: 0 .5rem;
}
.s3-system{
	width: 100%; height: 1.91rem; float: left; clear: both; margin-bottom: .72rem;
	background: url('../images/s3-img02.png') no-repeat center / 100%;
	border-radius: 1rem;
}
.s3-system .chahua{
	float: left; width: 2.65rem; display: inline-block;
	margin-top: .23rem; margin-left: 1.02rem;
}
.s3-system .txt{
	float: left; width: 5.21rem; display: inline-block; margin-top: .44rem;
}
.s3-system img{width: 100%; display: inline-block;}
.s3-system .enter{
	width: 1.52rem; display: inline-block; margin-top: .19rem;
	float: right; margin-right: 1.06rem;
}
.s3-system .enter a{width: 100%; height: 1.52rem; display: inline-block;border-radius: 50%;
	box-shadow: 0 .05rem .1rem rgba(215,72,0,.5);
}

/* section04 */
.s4-tips{
	width: 100%; height: 1.61rem; clear: both; float: left; margin-top: .18rem;
	background: url('../images/s4-img01.png') no-repeat center / 100%;
}
.s4-tips .kuang{
	width: 11.6rem; height: 1.11rem; float: left; margin: .25rem .2rem ;
	background: #e6f5ff;
	border-radius: .1rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.s4-tips .kuang p{
	font-size: .2rem; line-height: .28rem; text-align: left;
	width: 10.9rem;
	display: inline-block;
}
.s4-main{
	width: 100%; clear: both; float: left; margin: .44rem auto .51rem;
	background: #3d66fc;
	background: -webkit-linear-gradient(#3d66fc,#18a0ff);
	background: -moz-linear-gradient(#3d66fc,#18a0ff);
	background: -o-linear-gradient(#3d66fc,#18a0ff);
	background: linear-gradient(#3d66fc,#18a0ff);
	border-radius: .2rem;
}
.s4-main .sub{
	width: 100%; clear: both; float: left; margin: .3rem auto;
}
.s4-main .sub span{
	width: 2.5rem; height: .7rem; display: inline-block; margin: 0 .15rem;
	background: #fff;
	border-radius: .35rem;
	box-shadow: 0 .04rem .08rem rgba(60,104,252,.65) inset;
	font-size: .34rem; line-height: .7rem; color: #3c67fc; font-weight: bold;
	cursor: pointer;
}
.s4-main .sub span.on{
	color: #fff;
	background: #f79b22;
	background: -webkit-linear-gradient(#f79b22,#fe6014);
	background: -moz-linear-gradient(#f79b22,#fe6014);
	background: -o-linear-gradient(#f79b22,#fe6014);
	background: linear-gradient(#f79b22,#fe6014);
	box-shadow: 0 .10rem .1rem rgba(255,255,255,.5) inset,
				0 .03rem .06rem rgba(29,45,236,.45);
}
.s4-main .s4-txt{
	width: 11.6rem; height: 2.17rem; display: flex;
	margin: 0 .2rem .2rem;
	background: #fff;
	border-radius: .2rem;
	justify-content: center;
	align-items: center;
}
.s4-main .s4-txt p{
	width: 93%;
	font-size: .2rem; line-height: 1.5; text-align: left;
	display: none;
}
.s4-main .s4-txt p.show{display: inline-block;}
.s4-photo{
	width: 100%; height: 1.91rem; display: block; float: left; margin-bottom: .72rem;
	background: url('../images/s4-img02.png') no-repeat center / 100%;
}
.s4-photo img.chahua{
	width: 1.96rem; display: block;
	float: left; margin-top:-.23rem; margin-left: 1.29rem;
}
.s4-photo img.txt{
	float: left; margin-top: .43rem;margin-left: .14rem;
	width: 5.21rem; display: block;
}
.s4-ewm{
	display: inline-flex;
	margin-top: 0.23rem;
	align-items: center;
	justify-content: center;
}
.s4-ewm img{width: 1.4rem; display: inline-block;}
.s4-ewm span{
	font-size: .22rem; line-height: .27rem; display: inline-block; color: #fff;
		width: .25rem;
		margin-left: .1rem;
}
/* section05 */
.sec05{
	background: url(../images/s5-bg.jpg) no-repeat center bottom;
}
.s5-main{
	width: 100%; clear: both; float: left; margin: .23rem auto 1.33rem;
	background: #3d66fc;
	background: -webkit-linear-gradient(#3d66fc,#18a0ff);
	background: -moz-linear-gradient(#3d66fc,#18a0ff);
	background: -o-linear-gradient(#3d66fc,#18a0ff);
	background: linear-gradient(#3d66fc,#18a0ff);
	border-radius: .2rem;
}
.s5-main .kuang{
	width: 10.6rem; float: left; margin: .2rem;
	background: #fff;
	border-radius: .2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem 0 .77rem;
}
.s5-main .kuang .item{
	width: 2.28rem; height: 2.98rem; display: inline-block;
	background: #eaf9ff;
	border: solid 1px #3c64fc;
	border-radius: .2rem;
	margin: 0 .15rem;
}
.s5-main .kuang .item h3{
	width: 100%;
	height: .53rem;
	background: url('../images/s5-tit.png') no-repeat center / auto 100%;
	font-size: .26rem; font-weight: bold; color: #fff;
	line-height: .53rem;
}
.s5-main .kuang .item img{
	display: inline-block;
	height: .72rem;
	margin: .17rem auto .15rem;
}
.s5-main .kuang .item ul{
	font-size: .2rem; line-height: .33rem; text-align: left;
	align-self: center;
	margin-bottom: .18rem;
}
.s5-main .kuang .item ul li{
	clear: both;
	height: .33rem;
	margin-left: .6rem;
}
.s5-main .kuang .item ul li::before{
	content: '';width: .06rem; height: .06rem; display: inline-block;
	margin-top: .13rem;
	background: #4b9fff;
	border-radius: 50%;
	float: left;margin-right: .05rem;
}
.s5-main .kuang .item a{
	width: 1.8rem; height: .52rem; display: inline-block;
	font-size: .24rem; font-weight: bold; line-height: .52rem;
	border-radius: .52rem;
	color: #fff;
	background: #f79b22;
	background: -webkit-linear-gradient(#f79b22,#fe6014);
	background: -moz-linear-gradient(#f79b22,#fe6014);
	background: -o-linear-gradient(#f79b22,#fe6014);
	background: linear-gradient(#f79b22,#fe6014);
	box-shadow: 0 .05rem .1rem rgba(254,96,20,.35);
}


/*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;top:50%; left:20px;z-index:9;
	transform: translateY(-50%);
	width:219px; height:456px; display: block; 
	background: url(../images/fixedNavBg.png) no-repeat center;
}
.lfNav .close{position:absolute;top:0; right:10px; height:30px; width:30px; }
.lfNav .close img{width:100%;}
.mt185{margin-top:149px;}
.nav-bg{width:120px; height:40px; display: block;float:left; clear:both;margin-left:48px;}
.nav-bg a{width:120px; height:39px; display: block; margin:auto; text-align: center;
	border-bottom: dashed 1px #ffeadd;
	font-size: .18rem; line-height: 39px; color: #fff;
}

.left_top{width:150px; height:40px;display: block;float:left;margin-left:83px; margin-top: .3rem;}

.fixRight{
	width: 266px; height: 2.78rem; display: inline-block;
	background: url(../images/fixedRight.png) no-repeat center / 100%;
	position: fixed;z-index: 1;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.fixRight img.ewm{width: 1.03rem;
	float: left; margin-left: .94rem;margin-top: 112px;
	display: inline-block;
}
.fixRight a.btn{
	width: 1.68rem; height: .39rem; display: inline-block;
	float: left;margin-left: .63rem; margin-top: .13rem;
	background: #f79b22;
	background: -webkit-linear-gradient(#f79b22,#fe6014);
	background: -moz-linear-gradient(#f79b22,#fe6014);
	background: -o-linear-gradient(#f79b22,#fe6014);
	background: linear-gradient(#f79b22,#fe6014);
	box-shadow: 0 .05rem 0 #ffc19f;
	border-radius: .3rem;
	font-size: .22rem; line-height: .39rem; color: #fff;
	text-align: center;
}
.fixRight .close2{position:absolute;top:0; right:10px; height:30px; width:30px; }
.fixRight .close2 img{width:100%;}