@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","Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #5338d0 url("../images/page-bg01.jpg") repeat-y center top / 20rem;
}
#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:7.08rem;
	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: 2.87rem; height: 1.09rem;
	position: absolute;left: 0; top:0; cursor: pointer;
	background: url(../images/ban-logobg.png) no-repeat center / 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner-box .logo img{width: 2.35rem; display: block;}
.banner-box .pic{
	width: 100%; clear: both; float: left; text-align: center;
	position: relative;
}
.banner-box .pic img.tit{
	width: 11.64rem; display: block;
	margin: .7rem 0 0 .42rem;
}
.banner-box .pic img.gold01{
	width: 1.91rem; display: block;
	position: absolute; left: -1.3rem; top: 2.1rem;
	animation: fudong .8s infinite alternate linear;
}
.banner-box .pic img.gold02{
	width: 1.45rem; display: block;
	position: absolute; right: -3.65rem; top: 1.8rem;
	animation: fudong2 .8s infinite alternate linear;
}

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

.sections{
	width: 100%; clear: both;
	position: relative;
}
.secTit{
	width: 100%; display: block; clear: both; text-align: center;
	margin-top: .5rem;
	background: url("../images/sec-tit01.png") no-repeat center bottom / auto .64rem;
	padding-bottom: .25rem;
}
.sec01 .secTit{
	margin-top: 0;
}
.secTit img{height: 1.95rem; display: block; margin: auto;}
.secMain{
	width: 100%; height: auto; margin-top: -.13rem;
	background: #a993ff;
	border-radius: .37rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.secMain .kuang{
	width: 11.6rem; height: auto; min-height: 2.54rem;
	margin: .21rem .2rem .16rem;
	background: url(../images/sec-icon01.png) repeat;
	border-radius: .37rem;
	box-shadow: 0 0 .15rem #195dde inset;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s1-main .kuang{
	background: url(../images/sec-icon02.png) repeat;position: relative;height: 6.36rem;overflow: hidden;
}
.s1db{
	width: 11.6rem;
	height: 6.36rem;
	position: absolute;
	left: 0;
	top: 0;
}
.spzhc{
	width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;
}
.s1-main .kuang video{
	width: 24%;margin: .2rem auto;border-radius: .3rem;min-height: 5rem;
}
.sec01{
	padding-top: .1rem;
}
.sec01 .wrap::before{
	content: ''; width: 3.29rem; height: 3.17rem; display: block;
	background: url('../images/ban-redbox.png') no-repeat center / 100%;
	position: absolute; top: -2.06rem; left: -1.98rem;
	animation: fudong2 .8s infinite alternate linear;
}
.s1-main .video-box {
	width: 94%;
	margin: 3% 3%;
	border-radius: .25rem;
	display: inline-block;
	overflow: hidden;
	/*可删*/
	background: url("../images/Spbg.png") no-repeat center 1.6rem;
	background-size: 4.06rem;
	min-height: 5.66rem;
}

/* section02 */
.s2-main{margin-bottom: 1.32rem;}
.s2-main .part{
	width: 10.75rem; display: block;
	clear: both;
	background: url('../images/s2-t3.png') no-repeat top left / 9.21rem;
}
.s2-main .part1{margin-top: .84rem; margin-bottom: 1.44rem;}
.s2-main .part2{
	background: url('../images/s2-t4.png') no-repeat top left / 9.21rem;
	margin-bottom: 1rem;
}
.s2-main .part3{margin-bottom: 1rem;}
.s2-main .part4{margin-bottom: .83rem;}

.s2-main .partTit{
	width: 100%; height: .84rem; display: block;
	
}
.s2-main .partTit .tag{
	width: 3.61rem; height: 100%; display: flex;
	justify-content: center;
	align-items: center;
	background: url('../images/s2-t1.png') no-repeat center / 100%;
	float: left;
}
.s2-main .partTit .tag img.arr{margin-right: .1rem;}
.s2-main .part2 .partTit .tag{
	width: 4.04rem;
	background: url('../images/s2-t2.png') no-repeat center / 100%;
}
.s2-main .partTit .tit{
	font-size: .32rem; font-weight: 600; color: #fff; line-height: .84rem;
	margin-left: .22rem;
	font-style: italic;
	float: left;
}
.s2T{
	width: 10.75rem;
	display: block;
	clear: both;
}
.s2T ul{
	display: inline-block;
	width: 97%;
	margin: .4rem 1.5% .32rem;
}
.s2T ul li{
	font-size: .3rem;
	font-weight: bold;
	color: #fff;
	width: 3.25rem;
	height: .74rem;
	line-height: .74rem;
	box-shadow: 0 .12rem .38rem #165fdd;
	border-radius: 1rem;
	display: inline-block;
	float: left;
	margin-right: .31rem;
	cursor: pointer;
	position: relative;
}
.s2T ul li.cur::after{
	display: inline-block;content: '';width: .32rem;height: .28rem;background: url("../images/s2icon.png") no-repeat center top;background-size: 100%;position: absolute;transform: translate(-50%,0);left: 50%;bottom: -.36rem;
}
.s2T ul .s2l1{
	background: url("../images/s2Btn1.png") no-repeat center top;
	background-size: 100%;
}
.s2T ul .s2l2{
	background: url("../images/s2Btn2.png") no-repeat center top;
	background-size: 100%;
}
.s2T ul .s2l3{
	background: url("../images/s2Btn3.png") no-repeat center top;
	background-size: 100%;
	margin-right: 0;
}
.s2C{
	display: inline-block;
	width: 100%;
	background: rgba(11,55,118,0.6);
	border-radius: .25rem;
	padding: .2rem 0 .26rem;
	margin-bottom: 1.14rem;
}
.s2C>div{
	display: none;
}
.s2C .cur{
	display: inline-block;
}
.s2xq .item{
	width: 3.37rem; height: 5.7rem; display: inline-block;margin-right: .17rem;position: relative;
}
.s2xq .item:last-child{
	margin-right: 0;
}
.s2xq .item .pic{
	width: 3.37rem;height: 5.7rem;
}
.s2xq .item1 .pic{
	background: url("../images/s2C1.png") no-repeat center top;
	background-size: 100%;
}
.s2xq .item2 .pic{
	background: url("../images/s2C2.png") no-repeat center top;
	background-size: 100%;
}
.s2xq .item3 .pic{
	background: url("../images/s2C3.png") no-repeat center top;
	background-size: 100%;
}
.s2xq .item .pic img{
	height: 1.14rem;
	margin-top: 1.8rem;
}
.s2xq .item .cover{
	position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0; overflow: hidden;
}

.s2xq .item1 .cover{
	width: 3.31rem;
	height: 5.64rem;
	background: linear-gradient(180deg, #1e67f3, #1e47de);
	border-radius: .45rem;
	border: .03rem solid #c2cddd;
	box-shadow: 0 .02rem .06rem rgba(255,255,255,0.7) inset;
}
.s2xq .item2 .cover{
	width: 3.31rem;
	height: 5.64rem;
	background: linear-gradient(180deg, #ff6845, #c90400);
	border-radius: .45rem;
	border: .03rem solid #c2cddd;
}
.s2xq .item3 .cover{
	width: 3.31rem;
	height: 5.64rem;
	background: linear-gradient(180deg, #8e68ee, #6837e4);
	border-radius: .45rem;
	border: .03rem solid #c2cddd;
}
.s2xq .item .txt{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;
}
.s2xq .item .txt font{
	width: 3.18rem;display: inline-block;margin-top: .26rem;margin-bottom: .15rem;padding-bottom: .15rem;position: relative;
}
.s2xq .item .txt font::after{
	display: inline-block;
	content: '';
	width: 80%;
	margin: 0 10%;
	height: .01rem;
	border-bottom: .01rem solid rgba(255,255,255,0.2);
	position: absolute;
	left: 0;
	bottom: 0;
}
.s2xq .item .txt font img{

}
.s2xq .item .txt p{
	font-size:.2rem; line-height: .34rem; color: #333; text-align: justify     ;
	width: 82%;margin: 0 5%;padding: .12rem 5% 0;background: #fff;min-height: 3.68rem;
	border-bottom-right-radius: .32rem;border-bottom-left-radius: .32rem;
}

@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);
	}
}









.p2-cont{
	width: 100%; height: 2.28rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #fff;
	background: linear-gradient(90deg, #fff, #fdf6e4);
	border-radius: 0 .12rem .12rem .12rem;
	box-shadow: 0 .08rem .7rem rgba(75,128,248,.8);
}
.p2-cont .item{
	width: 4.88rem; height: 1.57rem; display: flex;
	justify-content: space-between;
	align-items: center;
	background: url(../images/p2-img01.png) no-repeat center / 100%;
	margin: auto .1rem;
	position: relative;
}
.p2-cont .item span{
	font-size: .24rem; line-height: 1; font-weight: bold; color: #fff;
	width: .3rem; display: block;
	margin-left: .12rem;
}
.p2-cont .item >img{width: 2.23rem; display: block;}
.p2-cont .item a{
	width: 1rem; height: .99rem; display: block; margin-right: .31rem;
	margin-left: .24rem;
	border-radius: 50%;
	box-shadow: 0 .08rem .08rem rgba(211,27,27,.57);
	cursor: pointer;
	animation: scale1 .8s linear infinite alternate;
}
.p2-cont .item a img{width:100%; display: block;}
.p2-cont .item::before{
	content: '';width: .61rem; height: .67rem; display: block;
	background: url('../images/p2-img05.png') no-repeat center / 100%;
	position: absolute; left: .72rem; top: -.15rem;
}
.p2-cont .item::after{
	content: '';width: .64rem; height: .74rem; display: block;
	background: url('../images/p2-img06.png') no-repeat center / 100%;
	position: absolute; right: 1.4rem; bottom: -.33rem;
}
.p2-zhu{
	font-size: .18rem; color: #62e3ff; line-height: 1; font-weight: 600;
	width: 100%; display: block;margin-top: .2rem;
}

.p3-cont{
	width: 100%; height: 4.19rem; 
	background: url(../images/p3-bg.png) no-repeat center/ 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 .12rem .12rem .12rem;
	box-shadow: 0 .08rem .7rem rgba(75,128,248,.8);
}
.p3-cont .sub{
	width: 3.2rem; height: 3.42rem; display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: url(../images/p3-left.png) no-repeat center / 100%;
	border-radius: .17rem;
}
.p3-cont .sub span{
	width: 2.44rem; height: .64rem; display: block;
	margin: .06rem auto;
	background: #fff;
	font-size: .31rem; font-weight: 500; color: #333; line-height: .64rem;
	box-shadow: 0 .01rem .06rem #c82d03 inset;
	border-radius: .15rem;
	cursor: pointer;
}
.p3-cont .sub span.on{
	background: #ff392a;
	background: linear-gradient(#ff392a,#ff6b37);
	color: #fff;
}
.p3-cont .sub span:first-child{margin-top: .24rem;}
.p3-cont .sub span:last-child{margin-bottom: .24rem;}
.p3-cont .vidbox{
	width: 5.3rem; display: block;
}
.p3-cont .vidbox .item{display: none;position: relative;
	width: 100%; height: 3.42rem;
}
.p3-cont .vidbox .item.show{display: block;}
.p3-cont .vidbox .item img{
	width:100%; display: block;
}
.p3-cont .vidbox .item a{
	width: 2.82rem; height: .57rem; display: block; cursor: pointer;
	clear: both; margin: auto;
	background: url('../images/s2-btn02.png') no-repeat center /100%;
	font-size: .24rem;font-weight: 600; color: #eb0a30; line-height: .57rem;
	border-radius: .5rem;
	box-shadow: .02rem .06rem 0 #f95564,
				0 .12rem .12rem rgba(255,255,255,.12);
	position: relative;
	margin-top: -.82rem;
}
.p3-cont .vidbox .item a::after{
	content: ''; width: .48rem; height: .48rem; display: block;
	background: url('../images/cursor01.png') no-repeat center /100%;
	position: absolute; top: .24rem; right: -.16rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}

.p4-cont{
	width: 100%; height: 3.1rem; 
	background: url('../images/p4-bg01.png') no-repeat center/ 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0 .12rem .12rem .12rem;
	box-shadow: 0 .08rem .7rem rgba(75,128,248,.8);
}
.p4-cont .item{
	width: 2.39rem; height: 2.39rem; display: block;
	border-radius: .1rem;
	margin: 0 .1rem;
}
.p4-cont .item1{
	background: #419df7;
	background: linear-gradient(rgba(65,157,147,0),#419df7);
}
.p4-cont .item2{
	background: #ff9046;
	background: linear-gradient(rgba(255,144,70,0),#ff9046);
}
.p4-cont .item3{
	background: #a145f7;
	background: linear-gradient(rgba(161,69,247,0),#a145f7);
}
.p4-cont .item span{
	font-size: .2rem; font-weight: 600; line-height: 1; color: #fff;
	display: block; clear: both;
	margin-top: .15rem;
}
.p4-cont .item span::before,.p4-cont .item span::after{
	content: ''; width: .06rem; height: .06rem; display: inline-block;
	vertical-align: middle;
	margin: 0 .1rem;
}
.p4-cont .item1 span::before,.p4-cont .item1 span::after{
	background: url('../images/p4-icon01.png') no-repeat center / 100%;
}
.p4-cont .item2 span::before,.p4-cont .item2 span::after{
	background: url('../images/p4-icon02.png') no-repeat center / 100%;
}
.p4-cont .item3 span::before,.p4-cont .item3 span::after{
	background: url('../images/p4-icon03.png') no-repeat center / 100%;
}
.p4-cont .txt{
	display: block; width: 1.98rem;
	margin: auto 0.1rem;
}
.p4-cont .txt span{
	width: 100%; height: .49rem; display: block;
	background: url('../images/p4-img01.png') no-repeat center / 100%;
	font-size: .24rem; font-weight: 600; color: #fff;
	line-height: .41rem;
	margin-bottom: .1rem;
}
.p4-cont .txt p{
	font-size: .22rem; line-height: .32rem; text-align: justify;
	color: #333;
	width: 90%; margin: 0 5% .27rem;
}
.p4-cont .txt i{
	width: .5rem; height: 1px; display: block;
	background: #2171ee;
	float: right;
	clear: both;margin-right: .1rem;
}



/*section1*/
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}

/*放大缩小1*/
@keyframes scale1 {  from {    transform: scale(0.9)  }  to {    transform: scale(1.1)  }}
@-o-keyframes scale1  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.1)  }}
@-moz-keyframes scale1  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.1)  }}
@-webkit-keyframes scale1  {  from {    transform: scale(0.9)  }  to {    transform: scale(1.1)  }}
/*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%; margin-top: -187px; left:20px;z-index:9;
	width:160px; height:374px; display: block; 
	background: url('../images/fixedNavBg.png') no-repeat center;
}
.lfNav .close{position:absolute;top:10px; right:-32px; height:29px; width:29px; }
.lfNav .close img{width:100%; display: block;}

.nav-bg{width:134px; height:30px; display: block;float:left; clear:both;margin:auto 13px 10px;}
.mt185{margin-top:87px;}
.nav-bg a{width:100%; height:30px; display: block; margin:auto;
	background: #ff6c1a;
	border-radius: .3rem;
	font-size: .2rem; line-height: .3rem; color: #fff;
	text-align: center;
}
.nav-bg a:hover{
	color: #fff;
	background: #843ed2;
}

.left_top{width:55px; height:55px;display: block;float:left;margin: .11rem .53rem auto;
	border-radius: 50%;
	box-shadow: 0 0 .13rem #fffaae;
}

.frPart{
	width:182px; height: 211px; display: block;
	position: fixed; top: 50%; margin-top: -106px; right: 20px; z-index: 3;
	background: url(../images/fixedRp.png) no-repeat center / 100%;
}
.frPart a{
	width: 1.12rem; height: .27rem; display: block;
	background: #fcf383;
	background: linear-gradient(#fcf383,#fcbc30);
	border-radius: .3rem;
	box-shadow: 0 .04rem .1rem #3982fe;
	margin: 1.44rem .39rem 0;
	font-size: .18rem; color: #a31717; line-height: .27rem; text-align: center;
	cursor: pointer;
}
/*弹窗*/
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 10rem; height: auto; display: block;  position: absolute; text-align: center;
	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%);
	-webkit-border-radius: .22rem;
	-moz-border-radius: .22rem;
	border-radius: .22rem;
}

.close{position: absolute; top: -.5rem; right:.1rem; display: block; width: .56rem; height: .5rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}
.close2{
	position: absolute; left: 50%; margin-left: -.31rem; bottom: -.8rem; width: .62rem; height: .6rem;
}
.close2 a{width: 100%; display: block;}
.close2 a img{width: 100%; display: block;}
.tcbox video{
	width: 78%;
}