@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;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #2220b7; 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;overflow-x: hidden;}
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;display: flow-root;}
.hide{display: none;}
.p-hide{
	display: none;
}
.sec{
	display: inline-block;width: 100%;
}
.sec1{
	background: url(../images/s1Bg.jpg) no-repeat center top;background-size: auto 6rem;height: 6rem;
}
.sec3{
	background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 4.17rem;margin-top: .95rem;
}
.sec4{
	background: url(../images/s4Bg.jpg) no-repeat center bottom;background-size: auto 7.93rem;margin-top: .87rem;height: 9.66rem;
}
.sec6{
	background: url(../images/s6Bg.jpg) no-repeat center bottom;background-size: auto 6.67rem;margin-top: .62rem;height: 8.4rem;
}

.tit h2{
	background: url("../images/titBg.png") no-repeat center top;background-size: auto .45rem;
}
.tit h2 span{
	font-size: .48rem;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	position: relative;
}
.tit h2 span::before{
	display: inline-block;
	content: '';
	width: .23rem;
	height: .31rem;
	background: url(../images/titL.png) no-repeat center top;
	background-size: 100%;
	margin-right: .16rem;
}
.tit h2 span::after{
	display: inline-block;
	content: '';
	width: .23rem;
	height: .31rem;
	background: url("../images/titR.png") no-repeat center top;
	background-size: 100%;
	margin-left: .18rem;
}
.main{
	display: inline-block;width: 100%;background: #fff;border-radius: .08rem;padding-bottom: .38rem;
}
.cot{
	display: inline-block;width: 100%;position: relative;
}
/* banner */
.banner-box{
	width: 100%;max-width: 2000px;height: 651px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 651px;margin: 0 auto;display: block;
}
.banner-box .logo{
	 display: inline-block;width: 1.3rem;position: absolute;left: 0;top: .4rem;
}
.banner-box .logo img{
	width: 100%;
}
.banner-box .banimg{
    clear: both;
    display: block;
    margin: 0 auto;
    text-align: center;	
}
.banner-box .banimg2 {
	width: 4.98rem;
	margin-left: 3.04rem;
	margin-top: .4rem;
}
.banner-box .banimg1{
	width: 9.02rem;
	margin-top: 1.44rem;
}

/* sec1 */
.cot1{
	height: 3.02rem;
	background: url(../images/s1img5.png) no-repeat center top;
	background-size: 100%;
	position: relative;
	margin-top: .72rem;
}
.s1img1{
	width: 2.96rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.s1sp1{
	height: 1.4rem;
	background: url(../images/s1img4.png) no-repeat center top;
	background-size: auto 100%;
	position: absolute;
	right: .26rem;
	top: -.1rem;
	font-size: .25rem;
	font-weight: bold;
	color: #333333;
	writing-mode: vertical-rl;
	padding: 0 .3rem;
	letter-spacing: .05rem;
}
.s2xq{
	display: inline-block;
	margin-left: 1.16rem;
	margin-top: .22rem;
	position: relative;
	width: 7.38rem;
	float: right;
}
.s2xq>p{
	font-size: .2rem;
	color: #262626;
	text-align: left;
	line-height: .41rem;
}
.s2xq>p>img{
	width: .22rem;
	vertical-align: text-bottom;
	margin-right: .09rem;
}
.s1p1{
	position: absolute;
	left: 3.42rem;
	bottom: .4rem;
}
.s1p2{
	position: absolute;
	left: 3.42rem;
	bottom: 0;
}

/* sec2 */
.cot2>div{
	display: inline-block;
	width: 100%;
}
.s2T{
	margin-top: .76rem;
	height: 4.67rem;
	background: url("../images/s2img1.png") no-repeat center bottom;
	background-size: auto 100%;
	position: relative;
}
.s2T>span{
	display: inline-block;
	float: left;
	font-size: .22rem;
	color: #333;
	height: .59rem;
	line-height: .59rem;
	border: .02rem solid #fff;
	border-radius: 1rem;
	transition: all .5s;
	letter-spacing: .01rem;
	position: relative;
	background: -webkit-linear-gradient(to bottom, #f4f5f8, #fafbfc);
	background: linear-gradient(to bottom, #f4f5f8, #fafbfc);
	box-shadow: 0 .08rem .23rem rgba(45,129,193,0.21);
	padding: 0 .195rem;
	position: absolute;
}
.s2T>span>label{
	font-weight: bold;
}
.s2T>span.scale{
	transform: scale(1.1);
	padding: 0 .56rem;
	background: -webkit-linear-gradient(to bottom, #f267f9, #514bf8);
	background: linear-gradient(to bottom, #f267f9, #514bf8);
	border: none;
	box-shadow: 0 .08rem .23rem rgba(45,129,193,0.21);
	color: #fff;
	position: relative;
	z-index: 1;
}
.s2T .sp1{
	top: .62rem;
	left: 1.1rem;
}
.s2T>.sp2{
	top: 1.5rem;
	left: .25rem;
}
.s2T .sp3{
	top: 3.3rem;
	left: -.02rem;
}
.s2T .sp4{
	top: -.02rem;
	left: 4.25rem;
}
.s2T .sp5{
	top: .98rem;
	left: 4.25rem;
}
.s2T .sp6{
	top: 2.2rem;
	left: 3.42rem;
	height: .53rem;
	line-height: .53rem;
}
.s2T .sp7 {
	top: .67rem;
	right: .01rem;
}
.s2T .sp8 {
	top: 1.6rem;
	right: .16rem;
}
.s2T .sp9 {
	top: 2.86rem;
	right: 0;
}
.cot2 .s2B{
	width: 9.37rem;
	height: 1.86rem;
	background: #221ba3;
	border-radius: .15rem;
}
.s2B p{
	font-size: .25rem;
	color: #fff;
	line-height: .48rem;
}
.s2B span{
	color: #69ffd8;
}
.s2B .p1{
	font-size: .3rem;
	font-weight: bold;
	margin-top: .4rem;
}
/* sec3 */
.tit3{
	margin-top: .9rem;
}
.cot3{
	margin-top: .74rem;
}
.s3T{
	display: inline-block;
	width: 100%;
	height: 4.34rem;
	background: #fff;
	border-radius: .18rem;
	position: relative;
}
.s3T>div{
	display: inline-block;
	float: left;
}
.s3nr{
	width: 55%;
	margin-top: .62rem;
	margin-left: .62rem;
}
.s3nr>p {
    font-size: .2rem;
    color: #1a1a1a;
    text-align: left;
    line-height: .41rem;
	text-indent: .4rem;
}
.s3nr>p>span{
	color: #1a28a6;
	border-bottom: .01rem solid #353eac;
	padding-bottom: .08rem;
}
.s3T .s3I{
	width: 3.56rem;
	position: absolute;
	bottom: 0;
	right: .32rem;
}
.s3I img{
	width: 100%;
}
/* sec4 */
.cot4{
	height: 7.24rem;
	margin-top: 1.4rem;
	position: relative;
}
.cot4>div{
	position: absolute;
}
.s4xq1{
	top: .36rem;
	left: .64rem;
}
.s4xq2{
	top: 0;
	left: 4.28rem;
}
.s4xq3{
	top: .78rem;
	right: 0;
}
.s4xq4{
	left: .15rem;
	bottom: .95rem;
}
.s4xq4{
	left: 0;
	bottom: .95rem;
}
.s4xq5{
	left: 3.58rem;
	bottom: .6rem;
}
.s4xq6{
	right: .18rem;
	bottom: 1.01rem;
}
.s4img1{
	position: absolute;
	left: .01rem;
	top: 1.32rem;
	animation: moveY 1s linear infinite alternate;
	-o-animation: moveY 1s linear infinite alternate;
	-moz-animation: moveY 1s linear infinite alternate;
	-webkit-animation: moveY 1s linear infinite alternate;
}
.s4xq p{
	font-size: .16rem;
	color: #333;
	line-height: .26rem;
}
.s4xq .p1{
	font-size: .25rem;
	font-weight: bold;
	background: linear-gradient(to bottom, #514bf8, #f267f9);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	margin-bottom: .14rem;
}
.cot4 .scale p{
	font-weight: bold;
	color: #514bf8;
	font-size: .18rem;
}
.cot4 .scale .p1{
	font-size: .25rem;
	font-weight: bold;
	background: linear-gradient(to bottom, #f267f9, #514bf8);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

/*sec5*/
.tit5{
	margin-top: .9rem;
}
.cot5{
	background: url("../images/s5img1.png") no-repeat center top;
	background-size: auto 5.52rem;
	margin-top: .18rem;
	padding-top: 1.2rem;
}
.cot5>div{
	height: .95rem;
	background: #fff;
	border-radius: .06rem;
	float: left;
	margin-bottom: .24rem;
	box-shadow: 0 .09rem .15rem rgba(105,255,216,0.2);
	position: relative;
}
.cot5>div:nth-of-type(2n){
	float: right;
}
.s5L{
	width: 3.75rem;
	text-align: right;
	float: right;
	margin-right: .42rem;
}
.cot5>div:nth-of-type(2n) .s5L{
	margin-right: inherit;
	float: left;
	margin-left: .42rem;
	text-align: left;
}
.s5L .p1{
	font-size: .2rem;
	font-weight: bold;
	background: linear-gradient(to bottom, #f267f9, #514bf8);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	margin: .18rem auto .05rem;
}
.s5L .p2{
	font-size: .16rem;
	color: #555;
}
.s5L .p2 span{
	font-weight: bold;
}
.s5xq1{
	width: 4.07rem;
}
.s5xq2{
	width: 4.07rem;
}
.s5xq3{
	width: 4.37rem;
}
.s5xq4{
	width: 4.37rem;
}
.s5xq5{
	width: 4.67rem;
}
.s5xq6{
	width: 4.67rem;
}
.s5xq7{
	width: 4.96rem;
}
.s5xq8{
	width: 4.96rem;
}
.s5R{
	display: inline-block;
	width: .29rem;
	height: .29rem;
	position: absolute;
	right: -.08rem;
	top: .28rem;
	background: url("../images/s5img2.png") no-repeat center top;
	background-size: 100%;
}
.s5R p{
	display: inline-block;
	width: .29rem;
	height: .29rem;
	line-height: .29rem;
	font-size: .2rem;
	background: linear-gradient(to bottom, #f267f9, #514bf8);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.cot5>div:nth-of-type(2n) .s5R{
	right: inherit;
	left: -.08rem;
}
/*sec6*/
.bh {
	margin-top: 1.52rem;
}
.bh .flip-container {
	perspective: 10rem;
}
.bh .flip-container:hover .flipper {
	transform: rotateY(180deg);
	background: #fff;
}
.bh .flip-container.active .flipper {
	transform: rotateY(180deg);
}
.bh .flipper {
	height: 100%;
	width: 100%;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.bh .front,
.bh .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.bh .front {
	z-index: 2;
}
.bh .back {
	transform: rotateY(180deg);
}
.bh .front,
.bh .back {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.bh .back p{
	font-size: .18rem;
	color: #555;
	text-align: left;
	width: 66%;
	margin: 0 auto;
	line-height: .27rem;
}
.bh .back .p1{
	font-size: .2rem;
	font-weight: bold;
	color: #671eb4;
	text-align: center;
	width: 100%;
	margin-top: .47rem;
	margin-bottom: .1rem;
}
.bh .bh_item {
	display: inline-block;
	width: 2.47rem;
	height: 2.2rem;
	background: #671eb4;
	float: left;
	margin-right: .35rem;
	margin-bottom: .35rem;
	cursor: pointer;
}
.bh .bh_item:nth-of-type(4n){
	margin-right: 0;
}
.bh .bh_item .front {
	display: inline-block;
	width: 100%;
}
.bh .bh_item .back {
	font-size: 0.18rem;
	color: #221815;
	line-height: 0.24rem;
}
.bh .bh_item .s6img1 {
	display: block;
	margin: 0.32rem auto .19rem;
	width: 1.12rem;
	position: relative;
}
.bh .bh_item .s6img1 img{
	width: 100%;
}
.bh .bh_item .s6img1::after{
	display: inline-block;
	content: '';
	width: 1.35rem;
	height: 1.36rem;
	background: url("../images/s6xz.png") no-repeat center top;
	background-size: 100%;
	position: absolute;
	left: -.12rem;
	top: -.12rem;
	-webkit-animation: animtran 10s linear infinite;
	animation: animtran 10s linear infinite;
}
.bh .bh_item .front span{
	display: inline-block;
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	color: #fff;
}
/* sec8 */
.cot8{
	width: 100%;
	background: -webkit-linear-gradient(to bottom, #855bff, #ae79fe);
	background: linear-gradient(to bottom, #855bff, #ae79fe);
	border-radius: .12rem;
	box-shadow: 0 0 .2rem #b690ff inset;
}
.tit8{
	margin-top: .9rem;
	margin-bottom: .58rem;
}
.tit8 h2 {
    margin-top: .28rem;
}
.cot8 table{
	width: 10.52rem;
	background: #fff;
	overflow: hidden;
	margin-top: .22rem;
}
.cot8 table tr:first-child{
	width: 100%;
	height: .46rem;
	background: -webkit-linear-gradient(to bottom, #00e5ff, #b1f3fa);
	background: linear-gradient(to bottom, #00e5ff, #b1f3fa);
}
.cot8 table tr th{
	height: .74rem;
	line-height: .74rem;
	font-size: .26rem;
	color: #3d3d3d;
	font-weight: bold;
	border-right: .01rem solid #fff;
	border-bottom: .01rem solid #704ad4;
}
.cot8 table tr th:nth-child(3){
	width: 24%;
}
.cot8 table tr th:nth-child(4){
	width: 26%;
}
.cot8 table tr th:nth-child(5){
	width: 12%;
	border-right: inherit;
}
.cot8 table tr td{
	font-size: .17rem;
	color: #1a1a1a;
	border-right: .01rem solid #704ad4;
	border-bottom: .01rem solid #704ad4;
	padding: .18rem 0;
	line-height: .3rem;
}
.cot8 table tr td p{
	font-size: .17rem;
	color: #1a1a1a;
	line-height: .3rem;
	position: relative;
	padding-left: .17rem;
	text-align: left;
}
.cot8 table tr td p::before{
	display: inline-block;
	content: '';
	width: .22rem;
	height: .22rem;
	background: url(../images/s1img3.png) no-repeat center top;
	background-size: 100%;
	position: absolute;
	left: -.08rem;
	top: .02rem;
}
.cot8 table tr td:first-child{
	font-weight: bold;
}
.cot8 table tr td i{
	display: inline-block;
	height: .2rem;
	background: #fff4c9;
	margin-bottom: .05rem;
}
.cot8 table tr td span{
	font-weight: bold;
	color: #671eb4;
}
.cot8 table tr td:last-child{
	border-right: initial;
}
.cot8 table tr td label{
	font-size: .2rem;
	font-weight: bold;
	color: #671eb4;
}
.cot8 table tr td a{
	display: inline-block;
	width: 1.27rem;
	height: .37rem;
	line-height: .37rem;
	background: #671eb4;
	border-radius: 1rem;
	margin-top: .06rem;
	font-size: .18rem;
	color: #fff;
	font-weight: normal;
	animation: scale2 1s infinite alternate linear;
}
.cot8 table tr .tbid{
	text-align: left;
	padding-left: .15rem;
}
.s8ts {
	font-size: .18rem;
	color: #1a1a1a;
	width: 10.52rem;
	background: #fff;
	margin: 0 auto .24rem;
	line-height: .32rem;
	padding: .15rem 0 .15rem;
}
.s8ts span{
	font-weight: bold;
	color: #671eb4;
}
.s8ts label{
	color: #671eb4;
}
/* sec9 */
.sec9{
	margin-top: .9rem;
}
.cot9>div{
	display: inline-block;
	float: left;
}
.s9L {
	margin-left: .57rem;
	margin-top: .1rem;
	position: relative;
	z-index: 1;
}
.s9L img{
	width: 100%;
}
.cot9 .s9R {
	width: 7.8rem;
	height: 6.19rem;
	margin-left: -2.85rem;
	position: relative;
}
.s9R>p{
	display: inline-block;
	height: .69rem;
	line-height: .69rem;
	background: -webkit-linear-gradient(to right, #acabe4, #fff);
	background: linear-gradient(to right, #acabe4, #fff);
	position: absolute;
}
.s9R>p>span{
	font-size: .22rem;
	color: #1a1a1a;
}
.s9R .s9P1{
	width: 4.95rem;
	right: 3.04rem;
	top: 1.385rem;
}
.s9R .s9P2{
	width: 5.12rem;
	right: 2.4rem;
	top: 2.23rem;
	height: .62rem;
	line-height: .62rem;
}
.s9R .s9P3{
	width: 5.37rem;
	right: 1.65rem;
	top: 3.02rem;
	height: .6rem;
	line-height: .6rem;
}
.s9R .s9P4{
	width: 5.25rem;
	right: 1.2rem;
	bottom: 1.8rem;
	height: .61rem;
	line-height: .61rem;
}
.s9R .s9P5{
	width: 5rem;
	right: .79rem;
	bottom: .99rem;
	height: .66rem;
	line-height: .66rem;
}
.s9R .s9P6{
	width: 4.82rem;
	right: .34rem;
	bottom: .12rem;
}
/* sec10 */
.sec10{
	margin-top: .45rem;
}
.cot10 {
    margin-top: .58rem;margin-bottom: 1.2rem;
}
.s10img1{
	border-top-left-radius: .08rem;
	border-top-right-radius: .08rem;
}
.s10nr{
	display: inline-block;
	width: 10.32rem;
	height: 1.93rem;
	background: #2220b7;
	margin-top: -1.24rem;
	position: relative;
	border-radius: .12rem;
}
.s10nr>div {
    display: inline-block;
    float: left;
    width: 16.65%;
	position: relative;
}
.s10nr>div:before{
	display: inline-block;
	content: '';
	width: .01rem;
	height: 1.44rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: .34rem;
}
.s10nr .s10xqla::before{
	display: none;
}
.s10xq .p1{
	font-size: .5rem;
	color: #fff;
	font-weight: bold;
	margin: -.3rem auto 0;
}
.s10xq .p2{
	font-size: .2rem;
	font-weight: bold;
	color: #671eb4;
	width: 1.38rem;
	height: .4rem;
	line-height: .4rem;
	background: #fff;
	border-radius: 1rem;
	position: relative;
	margin: .2rem auto 0;
}
.s10xq .p3 {
    font-size: .18rem;
    color: #fff;
    width: 100%;
    margin: .25rem 0 .3rem;
	letter-spacing: .02rem;
}




@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(720deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(720deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@keyframes animtran2 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@-webkit-keyframes animtran2 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@keyframes scale2{
  0%{transform: scale(1.1);}
  100%{transform: scale(0.9);}
}
@keyframes scale3{
  0%{transform: scale(1.1);}
  100%{transform: scale(1);}
}
/*上下移动*/
@keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-o-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-moz-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-webkit-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
/*旋转*/
@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}