@charset "UTF-8";
@import url("animate-tool.css");
/*-----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;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* 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:7.1rem;
	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;}
.banPic{
	position: relative; width: 100%; height: 100%; display: block;
}
.banPic .shijuan{
	position: absolute; top: .36rem; left: -.33rem;
	width: 1.81rem;
	animation: fudong .8s infinite alternate linear;
}
.banPic .fdj{
	position: absolute; top: 1.11rem; right: -.1rem;
	width: 1.47rem;
	animation: fudong2 .8s infinite alternate linear;
}
.banPic .gift{
	position: absolute; top: 3.52rem; left: -.74rem;
	width: 2.02rem;
	animation: fudong2 .8s infinite alternate linear;
}
.banPic .list{
	position: absolute; top: 3.55rem; right: -1.68rem;
	width: 3.12rem;
	animation: fudong .8s infinite alternate linear;
}
.shijuan img{width: 100%; display: block;}
.ban-orderTxt{
	width: 10.04rem; height: 1.8rem; display: inline-block;
	float: left;
	margin: 4.76rem .98rem 0;
	background: url('../images/ban-img06.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	box-shadow: 0 .06rem .12rem rgba(64,41,158,.3);
	border-radius: .9rem;
}
.ban-orderTxt h3{
	font-size: .7rem; color: #fff; font-weight: bold;
	float: left; line-height: 1.8rem;
	margin-left: .72rem;
}
.ban-orderTxt h3 span{color: #ffe78a;}
.ban-orderTxt a{
	width: 1.78rem; height: 1.83rem; display: flex;
	float: right;
	background: url('../images/ban-img05.png') no-repeat center / 100%;
	justify-content: center;
	align-items: center;
	border-radius: .9rem;
}

@keyframes fudong {
    0% {
        transform: translateY(-.1rem);
    }

    100% {
        transform: translateY(.1rem);
    }
}
@keyframes fudong2 {
    0% {
        transform: translateY(.1rem);
    }

    100% {
        transform: translateY(-.1rem);
    }
}
/*section1*/
.sections{
	width: 100%; clear: both; float: left;
	background: #fe8d1b;
}
.secTit{
	width: 100%; clear: both; float: left; margin-top: .32rem;
}
.secTit h2{
	font-size: .52rem; line-height: .8rem; color: #fff; font-weight: bold;
	/* font-family: '阿里妈妈数黑体'; */
}
.secTit h2 span{
	color: #ffe788; display: inline-block;
	text-shadow: 0 .03rem .05rem rgba(0,0,0,.15);
	position: relative;
	&:after {
		content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		color: #fff;
		-webkit-mask: linear-gradient(to top, transparent, #ffe788);
		white-space: nowrap;
	}
}
.lineTxt span{
	color: #ffe788; display: inline-block;
	text-shadow: 0 .03rem .05rem rgba(0,0,0,.15);
	position: relative;
	&:after {
		content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		color: #fff;
		-webkit-mask: linear-gradient(to top, transparent, #ffe788);
		white-space: nowrap;
	}
}

.secTit h2::before,.secTit h2::after{
	content: ''; width: 1.61rem; height: .8rem; display: inline-block;
	vertical-align: top;
}
.secTit h2::before{
	margin-right: .3rem;
	background: url('../images/title-icon01.png') no-repeat center / 100%;
}
.secTit h2::after{
	margin-left: .3rem;
	width: 1.65rem;
	background: url('../images/title-icon02.png') no-repeat center / 100%;
}
.secMain{
	width: 100%; clear: both; margin-top: .43rem; float: left;
	position: relative;
	border-radius: .2rem;
	box-shadow: 0 .15rem .3rem rgba(245,0,0,.5);
}
.secMain::before{
	content: ''; width: 100%; height: .38rem; display: inline-block;
	background: url('../images/sec-img01.png') no-repeat center top / 100%;
	position: absolute; left: 0; top: -.21rem;
}
.secMain .secK{
	width: 11.6rem; float: left;
	margin: .2rem;
	border-radius: .15rem;
	border: solid .02rem #fdd261;
	box-sizing: border-box;
	background: #fff;
}
/* section01 */
.sec01{
	background: #fe8d1b url('../images/s1-bg.jpg') no-repeat center top / 19.2rem;
}
.s1-main{
	height: 4.95rem;
	background: url('../images/s1-kuang01.png') no-repeat center / 100%;
	margin-bottom: .9rem;
}
.s1-kuang{
	height: 4.55rem;
}
.s1-left{
	width: 6.68rem; height: 3.75rem; display: block;
	float: left; margin-left: .28rem; margin-top: .38rem;
	border-radius: .2rem;
	background: #6748ea;
	background: linear-gradient(#6748ea, #412aa1);
	position: relative; z-index: 3;
	box-shadow: 0 .06rem .12rem rgba(66,.43,126,.5);
}
.s1-left ul{
	float: left; margin-top: .34rem; margin-left: .4rem;
}
.s1-left ul h3{
	float: left; margin-left: -.4rem; margin-top: -.34rem;
	background: url('../images/s1-img01.png') no-repeat center / 100%;
	width: 4.95rem; height: .66rem; display: flex;
	font-size: .34rem; font-weight: bold; color: #fff;
	text-align: left;
	align-items: center;
	margin-right: .43rem;
}
.s1-left ul h3::before{
	content: ''; width: .36rem; height: .66rem;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	float: left; margin-left: .37rem; margin-right: .13rem;
}

.s1-left ul h3::after{
	content: ''; width: 2rem; height: .01rem; display: inline-block;
	border-top: dashed .01rem #fff; margin-left: .2rem;
}
.s1-left ul li{
	width: .86rem; height: .38rem; display: inline-block; float: left; margin-bottom: .12rem;
	margin-right: .12rem;
	border: solid .01rem #fff;
	border-radius: .08rem;
	font-size: .2rem; line-height: .38rem; color: #fff;
	cursor: pointer;
}
.s1-left ul li.on,.s1-left ul li:hover{background: #fff; color: #3f289c;}
.s1-right{
	width: 4.91rem; height: 3.33rem; display: block;
	float: right;margin-right: .3rem; margin-left: -.62rem; margin-top: .62rem;
	background: url('../images/s1-img02.png') no-repeat center right / 100%;
	border-radius: .22rem;
	box-shadow: .1rem .06rem .15rem rgba(218,21,10,.8);
}
.s1-right .kuang{
	width: 4.31rem; float: right;
}
.s1-right .kuang h3{
	width: 100%; clear: both; float: left; margin: .4rem auto .12rem;
	font-size: .28rem; line-height: .4rem; font-weight: bold; color: #fff;
}
.s1-right h3::before,.s1-right h3::after{
	content: ''; width: .22rem; height: .4rem; display: inline-block;
	background: url('../images/s1-icon02.png') no-repeat center / 100%;
	vertical-align: top;
}
.s1-right h3::before{margin-right: .2rem;}
.s1-right h3::after{
	margin-left: .2rem;
	transform: rotate(180deg);
}
.s1-right span{
	width: 2.88rem; height: .48rem; display: inline-block;
	margin: 0 auto .15rem;
	border: solid .01rem #fff;
	border-radius: .25rem;
	font-size: .22rem; line-height: .48rem; color: #fff;
}
.s1-right span em{color: #fff495; font-weight: bold;}
.s1-right a{
	width: 2.91rem;height: .51rem; display: inline-block;
	margin: auto;
	font-size: .22rem; line-height: .48rem; color: #984117; font-weight: bold;
	border-radius: .48rem;
	background: url(../images/s1-btn01.png) no-repeat center / 100%;
	box-shadow: 0 .02rem .08rem rgba(205,11,5,.6);
	/* background: #ffe240;
	background: linear-gradient(#fffdbb, #ffe240 86%, #fff083);
	box-shadow:  .01rem .05rem 0 #ffc90f, 0 .02rem .08rem rgba(217,0,1,88); */
}

/* section02 */
.s2-main{
	height: 5.15rem;
	background: url('../images/s2-kuang01.png') no-repeat center / 100%;
	margin-bottom: .5rem;
}
.s2-main .s2-kuang{
	height: 4.75rem;
	background: url('../images/s2-img01.png') no-repeat center top / 100%;
}
.s2-main .s2-kuang h3{
	font-size: .34rem; color: #fff; font-weight: bold; line-height: .95rem;
	width: 100%; float: left; 
	clear: both;
}
.s2-main .s2-kuang h3 span{color: #ffeca0;}
.s2-left{
	float: left; margin-left: .42rem; margin-top: .17rem;
	width: 2.93rem;
}
.s2-left img{width:100%; display: block;}
.s2-light{
	width: 7.27rem; height: 3.12rem; display: block;
	float: right; margin-right: .63rem; margin-top: .3rem;
	background: #704fed;
	background: linear-gradient(#704fed, #482fa2);
	border-radius: .2rem;
	box-shadow: 0 .05rem 0 #9579ff,
				0 .06rem .15rem rgba(63,40,156,.88);
}


.s2-light .light{
	float: left; margin-left: .64rem; margin-top: .3rem;
}
.s2-light .light .point{
	width: .91rem; height: .87rem; display: block; float: left;
	background: url('../images/s2-img03.png') no-repeat center / 100%;
	border-radius: .15rem;
	box-shadow: 0 .03rem .06rem rgba(63,40,156,.45);
}
.s2-light .light .point span{
	font-size: .24rem; line-height: .29rem; font-weight: bold; color: #fff; display: block;
	padding: .15rem .2rem;
}
.s2-light .light ul{
	float: left; margin-left: .2rem; margin-bottom: .05rem;
}
.s2-light .light ul li{
	float: left; clear: both; margin-bottom: .2rem;
}
.s2-light .light ul li span{
	width: 1.38rem; height: .38rem; display: inline-block; float: left;
	border: solid .01rem #fff;
	background: #eff8ff;
	font-size: .22rem; line-height: .38rem; font-weight: 500; color: #3f289c;
	border-radius: .38rem;
}
.s2-light .light ul li p{
	font-size: .2rem; line-height: .4rem; float: left; margin-left: .1rem;
	max-width: 4rem;
	text-align: left;
	color: #fff;
}
.s2-light .btn{
	width: 6rem; height: .55rem; display: flex;
	padding-bottom: .05rem;
	background: url('../images/s2-btn01.png') no-repeat center / 100%;
	border-radius: .28rem;
	box-shadow: 0 .03rem .06rem rgba(235,46,6,.45);
	justify-content: center;
	align-items: center;
	font-size: .24rem; font-weight: 500; color: #813601;
}
.s2-light .btn i{
	width: .3rem; height: .3rem; display: inline-block;
	background: #5438b8;
	border-radius: 50%;
	font-size: .2rem; color: #fff;
	text-align: center;
}
.s2-light .btn time{
	font-size: .28rem; font-weight: bold;
	background: linear-gradient( #fa592a, #d70b06); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}
.s2-light .btn a{
	width: 1.18rem; height: .32rem; display: inline-block; margin-left: .23rem;
	background: #fff;
	border-radius: .32rem;
	box-shadow: 0 .02rem .02rem rgba(227,153,14,.5) inset;
	font-size: .2rem; font-weight: bold; line-height: .32rem; color: #f64d0a;
}
.s2-card{
	width: 100%; height: 2.3rem; display: block; float: left; margin-bottom: .88rem;
	background: url('../images/s2-img04.png') no-repeat center / 100%;
	position: relative;
}
.s2-card img{
	position: relative;
	z-index: 3;
}
.s2-card img.chahua{
	float: left; width: 3.35rem; margin-top: .25rem;
	margin-left: .44rem;
}
.s2-card::after{
	content: ''; width: 100%; height: .84rem; display: inline-block;
	background: url('../images/s2-img06.png') no-repeat center / 100%;
	position: absolute;
	left: 0; bottom: -.7rem;
}
.s2-card img.s2-txt{
	float: left; margin-left: .58rem; margin-top: .45rem;
}
.s2-card a{margin-top: .28rem; display: inline-block;}

/* section03 */
.s3-main{
	width:100%; clear: both;margin-top: .22rem;
	float: left;
}

.s3-main .item{
	display: inline-block; margin: 0 .35rem .5rem;
	position: relative;
	height: 3.8rem; width: 2.9rem;
}
.s3-main .item::after{
	content: ''; width: 2.9rem; height: 3.8rem; display: inline-block;
	background: rgba(255,255,255,.15);
	border-radius: .2rem;
	position: absolute; bottom: -.1rem;
	left: .1rem;
}

.s3-main .item .flip-box{
	width: 100%; height: 3.8rem; display: block;
	position: absolute; top: 0; left: 0; overflow: hidden; z-index: 3;
	border-radius: .25rem;
	box-shadow: 0 .05rem .2rem rgba(60,102,252,.25);
}
.s3-main .item1 .flip-box{
	background: url('../images/s3-img01.png') no-repeat center / auto 3.8rem;
}
.s3-main .item2 .flip-box{
	background: url('../images/s3-img02.png') no-repeat center / auto 3.8rem;
	box-shadow: 0 .05rem .2rem rgba(242,76,35,.3);
}
.s3-main .item3 .flip-box{
	background: url('../images/s3-img03.png') no-repeat center / auto 3.8rem;
}
.s3-main .item .flip-box img{
	width: 1.34rem; display: inline-block; margin-top: .53rem;
}
.s3-main .item .flip-box h4{
	font-size: .36rem; font-weight: bold; color: #fff; margin: .42rem auto .2rem;
	width: 100%; float: left; clear: both;
}
.s3-main .item .flip-box i{
	width: .3rem; height: .31rem; display: block; margin: auto; clear: both;
	background: url('../images/s3-icon04.png') no-repeat center / 100%;
}
.s3-main .item .flip-box p{
	font-size: .18rem; line-height: .28rem; text-align: left;
	width: 2.36rem; margin: .27rem .27rem; color: #fff;
	height: 2.52rem;
	display: -webkit-box;  /*弹性伸缩盒子*/
	-webkit-box-orient: vertical;/*垂直排列*/
	line-clamp: 9;
	-webkit-line-clamp: 9;  /*只显示6行*/
	overflow: hidden;   /*溢出隐藏*/
	text-overflow: ellipsis;   /*省略号代替*/
}
.s3-main .item .flip-box a{
	width:1.8rem; height: .5rem; display: inline-block;
	font-size: .22rem; line-height: .5rem; color: #fff;
	border-radius: .5rem;
	background: #e82706;
	background: linear-gradient(90deg, #e82706, #fc5c08);
	box-shadow: 0 .05rem .1rem rgba(26,75,215,.25);
}
.s3-main .item2 .flip-box a{
	background: #1144d5;
	background: linear-gradient(90deg, #1144d5, #4373fe);
	box-shadow: 0 .05rem .1rem rgba(233,45,8,.25);
}

/* section04 */
.s4-main{
	height: 6.26rem;
	background: url('../images/s4-kuang01.png') no-repeat center / 100%;
	margin-bottom: .5rem;
}
.s4-left{
	float: left; margin-left: .54rem; margin-top: .92rem;
	width: 4.8rem;
	background: url('../images/s4-img01.png') no-repeat right top;
}
.s4-left .video-box{
	margin-top: .46rem; margin-bottom: .83rem;
}

.s4-right{
	float: right;
	width: 5.4rem; margin-top: .41rem; margin-right: .54rem;
	margin-bottom: .39rem;
}
.s4-right .sub{
	width: 100%; clear: both; float: left; height: .69rem; margin-bottom: .1rem;
	background: #543abf;
	background: linear-gradient(#7050ee, #40299e);
}
.s4-right .sub span{
	width: 1.8rem; display: inline-block; float: left;
	font-size: .28rem; line-height: .69rem; color: #fff; font-weight: bold;
	cursor: pointer;
}
.s4-right .sub span.on{
	color: #fff2be;
	background: url('../images/s4-img02.png') no-repeat center top / auto .75rem;
	height: .75rem;
}
.s4-right .item{
	width: 100%;
	border: solid .01rem #6f4fec;
	box-sizing: border-box;
	background: #f5f2ff;
	display: none;
	float: left;
	height: 4.24rem;
}
.s4-right .item.show{display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s4-right .item ul{
	clear: both; float: left; margin-left: .21rem; margin-top: .22rem;
}
.s4-right .item ul li{
	clear: both; float: left; margin-bottom: .1rem;
}
.s4-right .item ul li span{
	width: 1.26rem; height: .4rem; display: block; float: left;
	font-size: .22rem; line-height: .4rem; color: #fff; text-align: center;
	background: #543abf;
	background: linear-gradient(#7050ee, #40299e);
	border-radius: .2rem;
	box-shadow: 0 .03rem 0 #d4d9f9;
}
.s4-right .item ul li p{
	font-size: .2rem; line-height: .3rem; text-align: left;
	float:left;
	margin-left:.1rem; margin-top:-.06rem;
	width: 3.7rem;
}
.s4-right .item ul li:first-child p{margin-top: .05rem;}
.s4-right .item ul li p i{color:#392495}
.s4-right .item a{
	width: 2.4rem; height: .52rem; display: inline-block;
	background: url('../images/s4-img03.png') no-repeat center / 100%;
	border-radius: .52rem;
	font-size: .24rem; line-height: .52rem; color: #fff;
	box-shadow: 0 .05rem .1rem rgba(26,75,215,.25);
	margin-top: .1rem;
	margin-bottom: .3rem;
}

/* section05 */
.s5-main{
	height: 8.92rem;
	background: url('../images/s5-kuang01.png') no-repeat center / 100%;
	margin-bottom: .5rem;
}
.s5-main .s5-kuang{
	height: 8.52rem;
	background: url('../images/s5-img01.png') no-repeat center top / 100%;
}
.s5-kuang .sub{
	width: 100%; clear: both; float: left; margin-top: .27rem; margin-bottom: .22rem;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s5-kuang .sub span{
	width: 2.49rem; height: .7rem; display: inline-block; margin: 0 .2rem;
	background: #fff;
	box-shadow: 0 .03rem .07rem rgba(65,42,160,.6) inset;
	border-radius: .7rem;
	font-size: .4rem; line-height: .7rem; color: #3f289c; font-weight: bold;
	cursor: pointer;
}
.s5-kuang .sub span.on{
	color: #fff;
	background: #d70b06;
	background: linear-gradient(#fa592a, #d70b06);
	box-shadow: 0 .05rem .1rem #ffb254 inset,
				0 .03rem .06rem rgba(63,40,156,.4);
}
.s5-kuang .item{
	width: 100%; clear: both; float: left; display: none;
}
.s5-kuang .item.show{display: block;}
.s5-kuang .item h3{
	font-size: .36rem; line-height: .5rem; color: #fff; font-weight: bold;
	width: 100%; clear: both; margin-bottom: .21rem;
}
.s5-kuang .item h3::before,.s5-kuang .item h3::after{
	content: ''; width: 1.4rem; height: .02rem; display: inline-block;
	background: rgba(255,255,255,.4);
	margin: 0 .2rem;
	vertical-align: middle;
}
.s5-kuang .partOne{
	width: 100%; clear: both; float: left; margin-top: .51rem; display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.s5-left,.s5-right{
	width: 5.33rem; margin: 0 .15rem;
}
.s5-kuang .partOne .pic{
	width: 100%;
	background: #c4b4ff;
	border-radius: .1rem;
	box-shadow: 0 .05rem .1rem rgba(63,40,153,.25);
}
.s5-kuang .partOne .pic img{
	width: 5.13rem; display: inline-block; margin: .1rem;
}
.s5-left .s5-txt{
	float: left; margin-top: .3rem;
	width: 100%; clear: both; margin-bottom: .21rem;
}
.s5-left .s5-txt h4{
	width: 1.81rem; height: .61rem; display: inline-block; float: left; margin-left: .28rem;
	font-size: .28rem; line-height: .61rem; font-weight: bold; color: #fff;
	background: #6f4fec;
	background: linear-gradient(#6f4fec, #452d9f);
	border-radius: .32rem .32rem 0 .32rem;
	box-shadow: 0 .04rem .06rem rgba(72,48,156,.4);
}
.s5-left .s5-txt ul{
	float: left; margin-left: .27rem; margin-top: -.07rem;
	font-size: .24rem; line-height: .4rem; text-align: left;
}
.s5-left .s5-txt ul li{
	float: left; clear: both;
}
.s5-left .s5-txt ul li::before{
	content: ''; width: .22rem; height: .4rem; display: inline-block;
	background: url('../images/s5-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-right: .1rem;
}
.s5-left a{
	width: 4.76rem; height: .7rem; display: inline-block; margin: auto;
	border-radius: .35rem;
	background: #e72f17;
	background: linear-gradient(#fa592a, #d70b06);
	box-shadow: 0 .05rem .1rem #ffb254 inset,
				0 .03rem .06rem rgba(63,40,156,.4);
	font-size: .32rem; line-height: .7rem; color: #fff; font-weight: bold;
}
.s5-txt2{
	width: 100%; clear: both; float: left; margin-top: .3rem;
}
.s5-txt2 img{
	float: left; width: 2.03rem; display: inline-block;
}
.s5-txt2 ul{
	float: left; margin-left: .18rem;
}
.s5-txt2 ul li{
	width: 3.1rem; height: .52rem; clear: both; margin-bottom: .21rem;
	border: solid .01rem #3f289c;
	border-radius: .5rem;
	background: #f2f0ff;
	font-size: .24rem; line-height: .52rem; color: #3f289c; font-weight: bold;
}
.s5-txt2 ul li i{
	margin-right: .09rem;
}
.s5-txt2 ul li i::after{
	content: ''; width: .01rem; height: .2rem; display: inline-block;
	background: #bcb4e1;
	margin-left: .09rem;
}
.s5-txt2 ul li em{color: #444;}

.s5-kuang .item2{
	background: url('../images/s5-line01.png') no-repeat center bottom / 100%;
}
.s5-kuang .partTwo{
	width: 100%; clear: both; float: left; margin-top: .4rem;
}
.s5-kuang .partTwo h4{
	width: 7rem; height: 1rem; display: block; float: left;
	border-radius: 0 .5rem .5rem 0;
	background: #e83117;
	background: linear-gradient(#fb5528, #d71007);
	box-shadow: 0 .05rem .1rem #ffb254 inset,
				0 .04rem .05rem rgba(217,20,3,.4);
	font-size: .36rem; line-height: 1rem; color: #fff; text-align: center;
}
.s5-kuang .partTwo h4 span{color: #ffe88c;}
.s5-kuang .partTwo .pointF{
	float: left; clear: both; margin-top: .41rem; display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 6.6rem;
	margin-left: .48rem;
}
.s5-kuang .partTwo .point{height: 1.19rem; border-radius: .15rem;width: 2.79rem; overflow: hidden;}
.s5-kuang .partTwo .point1,.s5-kuang .partTwo .point4{
	background: #fff1f0;
	border: solid .01rem #d91409;
	box-shadow: 0 .04rem .06rem rgba(218,21,10,.3);
}
.s5-kuang .partTwo .point2,.s5-kuang .partTwo .point3{
	background: #f2f0ff;
	border: solid .01rem #3f289c;
	width: 2.79rem;
	box-shadow: 0 .04rem .06rem rgba(72,48,165,.3);
}
.s5-kuang .partTwo .point2{width:3.49rem; margin-bottom: .3rem; margin-left: .2rem;}
.s5-kuang .partTwo .point3{margin-right: .89rem;}
.s5-kuang .partTwo .point h5{
	font-size: .28rem; line-height: .6rem; color: #fff; font-weight: bold;
}
.s5-kuang .partTwo .point1 h5,.s5-kuang .partTwo .point4 h5{
	background: #e83117;
	background: linear-gradient(#fb5528, #d71007);
}
.s5-kuang .partTwo .point2 h5,.s5-kuang .partTwo .point3 h5{
	background: #583dc2;
	background: linear-gradient(#6f4fec, #452d9f);
}
.s5-kuang .partTwo .point p{
	font-size: .24rem; line-height: .3rem; padding: .15rem 0;
}
.s5-kuang .partTwo .pointF >img{margin-top: -.46rem;margin-left: .3rem;}

.s5-ewmT {
	float: left;margin-top: -.9rem; margin-left: .2rem;
	width:4.11rem;
}
.s5-ewmT img.tips{width: 100%; display: block;margin-bottom: -.25rem;}
.s5-ewmT img.ewm{display: inline-block; width: 2.03rem;}
.s5-ewmT h5{
	width: 2.54rem; height: .52rem; display: inline-block; margin-top: .25rem;
	background: #f2f0ff;
	border-radius: .5rem;
	border: solid .01rem #3f289c;
	font-size: .24rem; font-weight: bold; line-height: .52rem; color: #3f289c;
}
.s5-ewmT p{
	font-size: .2rem; line-height: .42rem; clear: both; width: 100%;margin-top: .1rem;
}
.s5-ewmT p span{color: #d81208;}
.s5-subS{
	width: 11rem; height: 6rem; display: block;
	float: left; margin: .3rem .3rem .32rem;
	border-radius: .2rem;
	background: #d70b06;
	background: linear-gradient(#fa592a,#d70b06);
	box-shadow: 0 .05rem .1rem #ffb254 inset,
				0 .04rem .05rem rgba(217,20,3,.4);
}
.s5-subS .tab{
	width: 2.48rem; float: left; margin-left: .2rem;margin-top: .6rem;
}
.s5-subS .tab span{
	width: 100%; 
	font-size: .3rem; font-weight: bold; color: #fff; line-height: .8rem;
	clear: both; display: inline-block;
	position: relative;
	cursor: pointer;
}
.s5-subS .tab span::after{
	content: ''; width: 2.07rem; height: .01rem; display: inline-block;
	background: rgba(255,255,255,.5);
	position: absolute;
	left: .2rem; bottom: -.01rem;
}
.s5-subS .tab span:last-child::after{display: none;}
.s5-subS .tab span.on{
	background: #fff;
	color: #e22311;
	border-radius: .1rem 0 0 .1rem;
}
.s5-subS .subItem{
	width: 8.02rem; height: 5.4rem;float: left; margin-top: .3rem; 
	background: #fff;
	border-radius: .2rem;
}
.s5-subS .subItem .item{
	width: 100%;height: 100%; float: left; text-align: center;
	display: none;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s5-subS .subItem .item.show{display: flex;}
.s5-subS .subItem .item img.ewm{width: 3.08rem; display: inline-block;}
.s5-subS .subItem .item img.pic{width: 3.61rem; display: inline-block;margin-left: .34rem;}



.ifIe.on{
	background: linear-gradient( #fff, #ffe788); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}
/*section2*/
.fixRight{
	position: fixed; top: 50%; margin-top: -1rem; right: .25rem;z-index: 3;
	width: 1.82rem; height: 2.11rem; display: block;
}
.fixRight >img{display: block; width: 100%;}
.fixRight .close01{position:absolute;top:10px; right:10px; height:20px; width:20px; }
.fixRight .close01 img{width:100%}
.fixRight .btn01{
	width: 1.38rem; height: .28rem; display: block;
	background: #fcbc30;
	background: linear-gradient(#fcf383, #fcbc30);
	border-radius: .32rem; color: #a31717;
	text-align: center;
	font-size: .18rem; line-height: .28rem;
	box-shadow: 0 .02rem 0 #ffa87f;
	position: absolute; left: .28rem; bottom: .63rem;
}

/*按钮悬停*/
.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; margin-top: -263px;
	width:226px; height:526px; display: block; 
	background: url('../images/fixedNavBg.png') no-repeat center;
}
.lfNav .close{position:absolute;top:10px; right:10px; height:20px; width:20px; }
.lfNav .close img{width:100%}
.mt185{margin-top:213px;}
.nav-bg{width:118px; height:40px; display: block;float:left; clear:both;margin-left:55px;}
.nav-bg a{width:100%; height:39px; display: block; margin:auto;
	font-size: .18rem; line-height: 39px; color: #fff; text-align: center;
	border-bottom: dashed 1px #fff;
}

.left_top{width:60px; height:60px;display: block;float:left;margin-left:80px;margin-top: 35px;}