@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: #020c71;}
#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: 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;
	height:10.12rem;width:100%; text-align:center;
	background:url("../images/banner.png") no-repeat center top; 
	overflow:hidden;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 0; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 2.2rem;}

.banTit{
	width: 100%; clear: both; float: left; margin-top: 1.6rem;
}
.banTit img{width: 8.85rem;}

.banPic{
	width: 100%;position: relative; top: 0; left: 0; height: 10.12rem;
}
.banPic .ban-img01{
	position: absolute; left: -1.73rem; top: 2.4rem; width: 1.2rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic .ban-img02{
	position: absolute; left: -4.15rem; top: 3.43rem; width: 1.8rem;
}
.banPic .ban-img03{
	position: absolute; left: -1.11rem; top: 5.17rem; width: 1.65rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic .ban-img04{
	position: absolute; left: -3.77rem; bottom: 3.34rem; width: 1.27rem;
	-webkit-animation: scaleDown 1s infinite ease-in-out alternate;
	animation: scaleDown 1s infinite ease-in-out alternate;
}
.banPic .ban-img05{
	position: absolute; left: -2.67rem; bottom: 1.63rem; width: 2.2rem;
	
}
.banPic .ban-img06{
	position: absolute; left: .9rem; bottom: 1.87rem; width: 2.12rem;
	-webkit-animation: scaleDown 1s infinite ease-in-out alternate;
	animation: scaleDown 1s infinite ease-in-out alternate;
}
.banPic .ban-img07{
	position: absolute; right: -2.78rem; top: 3.75rem; width: 1.48rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banPic .ban-img08{
	position: absolute; right: -1.61rem; top: 6.42rem; width: 2.74rem;
}
.banPic .ban-img09{
	position: absolute; right: -2.15rem; bottom: 1.18rem; width: 1.17rem;
	-webkit-animation: scaleDown 1.2s infinite ease-in-out alternate;
	animation: scaleDown 1.2s infinite ease-in-out alternate;
}
@keyframes scaleUp{
	0%{transform: translateY(-.3rem);}
	100%{transform: translateY(0);}
}
@keyframes scaleDown{
	0%{transform: translateY(.3rem);}
	100%{transform: translateY(0);}
}

/* 背景效果 */
@keyframes rotate {
	0% {transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);}
	100% {transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);}
}
.stars {
	transform: perspective(500px);
	transform-style: preserve-3d;
	position: absolute;
	bottom: 0;
	perspective-origin: 50% 100%;
	left: 50%;
	animation: rotate 90s infinite linear;
}
.star {
	width: 2.5px;
	height: 2.5px;
	background: #ffffff75;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0 -300px;
	transform: translate3d(0, 0, -300px);
	backface-visibility: hidden;
}
.sections{width: 100%; clear: both; float: left; }
.secTit{
	width: 100%; clear: both; float: left; position: relative;
	background: url("../images/title-img01.png") no-repeat center top;
	background-size: auto .79rem;
	padding-top: .3rem;
	text-align: center;
}
.secTit.negative{margin-top: -.73rem;}
/* .secTit::before,.secTit::after{
	content: '';width: 6.96rem; height: .04rem; display: block; position: absolute;
	top: .73rem;
}
.secTit::before{
	background: url("../images/title-line01.png") no-repeat center;
	left: -4.5rem;
}
.secTit::after{
	background: url("../images/title-line02.png") no-repeat center;
	right: -4.5rem;
} */
.secTit h2{
	font-size: .48rem; line-height: .8rem; font-weight: bold; color: #3ae6fd;
	background: url("../images/title-line.png") no-repeat center;
}
.secTit h2::before{
	content: '';width: .7rem; height: .47rem; display: inline-block; vertical-align: top;margin-right: .08rem;
	background: url("../images/title-icon01.png") no-repeat center top;
}
.secTit h2::after{
	content: '';width: .46rem; height: .31rem; display: inline-block; vertical-align: top; margin-top: .33rem;margin-left: .08rem;
	background: url("../images/title-icon02.png") no-repeat center top;
}
.secCont{
	width: 100%; height: auto; position: relative; clear: both; float: left;margin-top: .5rem;
	background: url("../images/kuang-icon01.png") repeat;
	border: solid .04rem #1e2bc9;
	margin-left: -.04rem;
	padding: .66rem 0 .77rem;
}
.secCont::before{
	content: '';width: .68rem; height: .66rem; display: block;
	background: url("../images/kuang-rt.png") no-repeat center;
	background-size: 100%;
	position: absolute; top: -.04rem; right: -.04rem;
}
.secCont::after{
	content: '';width: .82rem; height: .77rem; display: block;
	background: url("../images/kuang-lb.png") no-repeat center;
	background-size: 100%;
	position: absolute; bottom: -.05rem; left: -.04rem;
}
.secCont i.lt{
	width: 1.39rem; height: 1.41rem; display: block;
	background: url("../images/kuang-lt.png") no-repeat center;
	background-size: 100%;
	position: absolute; left: -.04rem; top: -.04rem;
}
.secCont i.rb{
	width: 1.39rem; height: 1.41rem; display: block;
	background: url("../images/kuang-rb.png") no-repeat center;
	background-size: 100%;
	position: absolute; right: -.04rem; bottom: -.04rem;
}
/*section01*/
.sec01{
	width: 100%;
	background: url("../images/s1-bg.jpg") no-repeat center top;
}
.s1-title{margin-top: -.73rem;}
.s1-cont{
	margin-bottom: .5rem;
}
.video-box{
	width: 10.18rem; height: auto; display: block; margin:-.2rem .41rem -.28rem;
}
/*section02*/
.sec02{
	width: 100%;
	background: url("../images/s2-bg.jpg") no-repeat center top;
}
.s2-cont{
	width: 100%; clear: both; float: left;margin: .55rem auto .8rem;
}
.s2-cont .item{
	width: 3.48rem; height: 5.44rem; display: inline-block;
}
.s2-cont .item02{
	margin: 0 .28rem;
}
.s2-cont .item .tit{
	width: 100%; height: .74rem; display: block;
	background: url("../images/s2-img01.png") no-repeat center top;
	background-size: 100%;
}
.s2-cont .item .tit img{
	float: left; margin-left: .24rem; margin-top: .2rem; width: .37rem; display: block;
}
.s2-cont .item .tit font{
	font-size: .28rem; font-weight: bold; color: #3ae6fd; line-height: .74rem;
	float: left;margin-left: .1rem;
}
.s2-cont .item .cont{
	width: 100%; clear: both; float: left; padding-top: .31rem;
	background: url("../images/s2-img02.png") repeat center;
	background-size: 100%;
	position: relative;
}
.s2-cont .item .cont::after{
	content: '';width: 3.48rem; height: .64rem; display: block;
	background: url("../images/s2-img03.png") no-repeat center;
	background-size: 100%;
	position: absolute; left: 0; bottom: -.64rem;
}
.s2-cont .item .cont img{
	width: 2.98rem; display: block; margin: 0 .25rem;
}
.s2-cont .item .cont p{
	width: 3rem; clear: both; float: left; margin: .28rem .24rem auto;
	min-height: 1.7rem;
	font-size: .18rem; line-height: .33rem; text-align: left; color: #fff;
}
.s2-cont .item01 .cont p{letter-spacing: -1px;}

/*section03*/
.sec03{
	width: 100%;
	background: url("../images/s3-bg.jpg") no-repeat center top;
}
.s3-cont{margin-bottom: .7rem;}
.s3-cont .tab-box{
	width: 100%; clear: both; float: left;
}
.s3-cont .tab-box .tab{
	width: 100%; clear: both; float: left;
}
.s3-cont .tab-box .tab a{
	width: 2.12rem; height: .69rem; display: inline-block; margin: .01rem .225rem;
	font-size: .28rem; line-height: .69rem; color: #051777;
	background: url("../images/s3-tab01.png") no-repeat center;
	background-size: 100%;
}
.s3-cont .tab-box .tab a.on{
	color: #fff;
	background: url("../images/s3-tab02.png") no-repeat center;
	background-size: 100%;
}
.s3-cont .partbox{
	width:100%; clear:both; float: left; margin:.46rem 0 -.35rem;
	position: relative;z-index: 3;
}
.s3-cont .partbox .part{
	width: 100%; clear: both; float: left; display: none;
}
.s3-cont .partbox .part.show{display: block;}
.s3-cont .partbox .part01 .item{
	width: 1.88rem; height: 2.78rem; display: inline-block; margin: 0 .1rem .3rem;
	border: solid .02rem #39d2fc;
	background: #020c71;
	box-shadow: 0 0 .16rem rgba(57,213,252,.32);
}
.s3-cont .partbox .part01 .item h4{
	font-size: .24rem; font-weight: bold; line-height: .58rem;
	color: #39d6fc;
	border-bottom: solid .02rem #39d2fc;
	width: 100%; float: left;
	box-shadow: 0 0 .16rem rgba(57,213,252,.32);
	margin-bottom: .2rem;
}
.s3-cont .partbox .part01 .item img{
	height: 1.63rem; display: block; margin: auto;
}
.s3-cont .partbox .part01 .item01 img,
.s3-cont .partbox .part01 .item03 img,
.s3-cont .partbox .part01 .item05 img{
	-webkit-animation: scaleUp2 1s infinite ease-in-out alternate;
	animation: scaleUp2 1s infinite ease-in-out alternate;
}
.s3-cont .partbox .part01 .item02 img,
.s3-cont .partbox .part01 .item04 img{
	-webkit-animation: scaleDown2 1s infinite ease-in-out alternate;
	animation: scaleDown2 1s infinite ease-in-out alternate;
}
@keyframes scaleUp2{
	0%{transform: translateY(-.1rem);}
	100%{transform: translateY(0);}
}
@keyframes scaleDown2{
	0%{transform: translateY(0);}
	100%{transform: translateY(-.1rem);}
}
.s3-cont .part02 .item{
	width: 2.82rem; height: 2.82rem; display: inline-block; margin: 0 .25rem .36rem;
	background: url("../images/s3-picA.png") no-repeat center;
	background-size:100%;
	box-shadow: 0 0 .16rem rgba(57,213,252,.32);
	position: relative;
}
.s3-cont .part02 .item .flip-box{
	width:2.42rem; float: left; margin: .2rem;
}
.s3-cont .part02 .item .flip-box img{
	width: 100%; display: block;
}

.s3-cont .part02 .item .in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	animation-timing-function: ease-out;
	animation-duration: 350ms;
}
.s3-cont .part02 .item .out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	animation-timing-function: ease-in;
	animation-duration: 225ms;
}
.s3-cont .part02 .item .flip {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
	backface-visibility: hidden;
	transform: translateX(0);
}
.s3-cont .part02 .item .flip.out {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
}
.s3-cont .part02 .item .flip.in {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 225ms;
	animation-name: flipintoright;
	animation-duration: 225ms;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(.9); }
    to { transform: rotateY(0); }
}

.s3-cont .part03 p{
	width: 9.7rem; float: left; margin: 0 .652rem .2rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s3-cont .part03 img{
	width:9.7rem; display: block; margin: auto;
}

/*section04*/
.sec04{
	width: 100%;
	background: url("../images/s4-bg.jpg") no-repeat center top;
	/* background-size:auto 100%; */
}
.s4-cont{margin-bottom: .7rem;}
.s4-cont .switchbox{
	width: 100%; clear: both; float: left;
}
.s4-cont .switchbox .tip{
	width: 100%; float: left; margin: -.22rem auto .26rem;
}
.s4-cont .switchbox .tip p{
	width: 9.7rem; float: left; margin: 0 .652rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s4-cont .switchbox .tab{
	width: 100%; clear: both; float: left;margin-bottom: .45rem;
}
.s4-cont .switchbox .tab a{
	width: 2.82rem; height: .69rem; display: inline-block; margin: auto .225rem;
	font-size: .28rem; line-height: .69rem; color: #051777;
	background: url("../images/s4-tab01.png") no-repeat center;
	background-size: 100%;
}
.s4-cont .switchbox .tab a.on{
	color: #fff;
	background: url("../images/s4-tab02.png") no-repeat center;
	background-size: 100%;
}
.s4-cont .switchbox .partbox{
	width: 100%; clear: both; float: left;
}
.s4-cont .switchbox .partbox .part{
	width: 100%; clear: both; float: left; display: none;
}
.s4-cont .switchbox .partbox .part.show{display: block;}
.s4-cont .switchbox .partbox .part .center{
	clear: both; width: 3.62rem;  height: 3.52rem; margin:.25rem 3.7rem auto;
	position: relative;
	
}
.s4-cont .switchbox .partbox .part .center img{width: 100%; display: block;
	-webkit-animation: scaleUp3 1.2s infinite ease-in-out alternate;
	animation: scaleUp3 1.2s infinite ease-in-out alternate;
}
@keyframes scaleUp3{
	0%{transform: translateY(-.2rem);}
	100%{transform: translateY(0);}
}
.s4-cont .switchbox .partbox .part .center i{
	width: 6.73rem; height: 3.12rem; display: block;
	background: url("../images/s4-line01.png") no-repeat center;
	background-size:100%;
	position: absolute; left: -1.53rem; top: 1.07rem;
	-webkit-animation: ballon 2s linear infinite; 
		animation: ballon 2s linear infinite;
}
@keyframes ballon {
   0%{-webkit-transform: scale(.7); opacity: 0;}
  50%{-webkit-transform: scale(1); opacity: 1;}
100% {-webkit-transform: scale(1.05); opacity: 0;}
}

.s4-cont .switchbox .partbox .part .diffusion{
	width: 100%; position: relative;top: 0; left: 0;
	margin-top: -3.52rem;
	height: 6rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item{
	display: block; position: absolute; width: 2.2rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item01{
	top: .23rem; left: .4rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item02{
	top: 2.5rem; left: .4rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item03{
	bottom: -.1rem; left: 4.4rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item04{
	top: 2.5rem; right: .3rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item05{
	top: .23rem; right: .3rem;
}
.s4-cont .switchbox .partbox .part .diffusion .item img{
	width: 1.07rem; display: block; margin: auto;
}
.s4-cont .switchbox .partbox .part .diffusion .item span{
	font-size: .24rem; line-height: .36rem; font-weight: bold; color: #39d6fc;
	display: inline-block; clear: both;
	padding-top: .12rem;
}
.s4-cont .switchbox .txtPic{
	width: 9.87rem; clear: both; float: left; padding-top: .3rem;
	margin: 0 .57rem;
	border: solid .02rem #39d2fc;
}
.s4-cont .switchbox .txtPic img{margin-bottom: .22rem;}
.s4-cont .switchbox .txtPic img.pic01{margin-right: .24rem;}
.s4-cont .switchbox .txtPic img.pic03{margin-right: .27rem;}
.s4-cont .switchbox .txtPic .txt{
	width: 9.37rem; float: left; margin:0  .25rem .3rem; text-align: left;
}
.s4-cont .switchbox .txtPic .txt p{
	font-size: .18rem; line-height: .31rem; color: #fff;
}


.pageBtn{
	width:100%; clear:both; float: left;margin-top: .5rem; margin-bottom: -.2rem;
}
.s4-cont .switchbox .txtPic .pageBtn{margin-top:0; margin-bottom: .4rem;}
.pageBtn a{
	width: 3.64rem; height: .72rem; display: block; margin: auto;
	background: url("../images/btn-add01.png") no-repeat center;
	background-size: 100%;
	font-size: .3rem; line-height: .72rem; font-weight: bold; color: #fff;
	position: relative;
}
.pageBtn a::after{
	content: '';width: .56rem; height: .7rem; display: block;
	background: url("../images/cursor01.png") no-repeat center;
	background-size:100%;
	position: absolute; top: .31rem; right: .1rem;
	-webkit-animation: scaleDraw 2s ease-in-out infinite;
	animation: scaleDraw 2s ease-in-out infinite;
}
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.9); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.9);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.9); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.9);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.9);}
}

/*section05*/
.sec05{
	width: 100%;
	background: url("../images/s5-bg.jpg") no-repeat center top;
}
.s5-cont{
	width: 100%; clear: both; float: left;margin-top: .07rem;
}
.s5-cont .tip{
	width: 89%; clear: both; float: left; margin: 0 5.5%;
}
.s5-cont .tip p{
	width: 100%; clear: both; float: left; 
	font-size: .18rem; line-height: .31rem; color: #39d6fc; text-align: left;
}
.s5-cont .itembox{
	width: 100%; clear: both; float: left; margin: 1.18rem auto .75rem;
}
.s5-cont .itembox .item{
	width: 3.4rem; height: 5.85rem; display: inline-block;
	background: url("../images/s5-kuang.png") no-repeat center top;
	background-size:100%;
}
.s5-cont .itembox .item02{
	margin:0 .4rem;
}

@media screen and (min-width: 800px) {
   .s5-cont .itembox .item01,.s5-cont .itembox .item03{
   	-webkit-animation: scaleUp3 1s infinite ease-in-out alternate;
   	animation: scaleUp3 1s infinite ease-in-out alternate;
   }
   .s5-cont .itembox .item02{
   	-webkit-animation: scaleDown3 1s infinite ease-in-out alternate;
   		animation: scaleDown3 1s infinite ease-in-out alternate;
   }
}
@keyframes scaleUp3{
   	0%{transform: translateY(-15px);}
   	100%{transform: translateY(15px);}
   }
   @keyframes scaleDown3{
   	0%{transform: translateY(15px);}
   	100%{transform: translateY(-15px);}
   }

.s5-cont .itembox .item .pic{
	width:100%; height: 2.16rem; display: block; float: left;margin-top: -.79rem; margin-bottom: .03rem;
}
.s5-cont .itembox .item .pic img{
	width: 1.86rem; display: block; margin: auto;
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
	transition: transform 1s ease-out;
}
.s5-cont .itembox .item:hover .pic img{
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.s5-cont .itembox .item .txt{
	width: 100%; clear: both; float: left; margin: auto;
}
.s5-cont .itembox .item .txt h4{
	font-size: .28rem; line-height: .56rem; font-weight: bold; color: #3ae8fd;
}
.s5-cont .itembox .item .txt p{
	width: 82%; float: left; margin: 0 9%;
	font-size: .18rem; line-height: .33rem; color: #fff; text-align: justify;
}

/*section06*/
.sec06{
	width: 100%;
	background: url("../images/s6-bg.jpg") no-repeat center top;
}
.s6-cont{margin-bottom: .7rem;}
.s6-cont .partbox{
	width: 100%; clear: both; float: left;
}
.s6-cont .switchbox{
	width: 100%; clear: both; float: left;
}
.s6-cont .switchbox .tip{
	width: 100%; float: left; margin: -.22rem auto .26rem;
}
.s6-cont .switchbox .tip p{
	width: 9.7rem; float: left; margin: 0 .652rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s6-cont .switchbox .tab{
	width: 100%; clear: both; float: left;margin-bottom: .45rem;
}
.s6-cont .switchbox .tab a{
	width: 2.82rem; height: .69rem; display: inline-block; margin: auto .225rem;
	font-size: .28rem; line-height: .69rem; color: #051777;
	background: url("../images/s4-tab01.png") no-repeat center;
	background-size: 100%;
}
.s6-cont .switchbox .tab a.on{
	color: #fff;
	background: url("../images/s4-tab02.png") no-repeat center;
	background-size: 100%;
}
.s6-cont .part{
	width: 100%; clear: both; float: left; display: none;
	position: relative;
}
.s6-cont .part.show{display: block;}
.s6-cont .part .scrollLeft{
	width: 9.46rem; margin: 0 .76rem;
}
.s6-cont .part01 .swiper-button-prev, .s6-cont .part01 .swiper-button-next{
	width: .36rem; height: .36rem;
	background: url("../images/s6-arr01.png") no-repeat center;
	background-size: 100%;
	position: absolute; top: 1.4rem;
}

.s6-cont .part01 .swiper-wrapper .swiper-slide img{width:4.62rem; height:2.86rem; display: block;}
.s6-cont .part01 .swiper-button-prev{
	left: .25rem;
}
.s6-cont .part01 .swiper-button-next{
	-webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	right: .25rem;
}

.s6-cont .switchbox  .part .txt{float: left; width: 100%; margin-top: .25rem;}
.s6-cont .switchbox  .part .txt p{
	width: 9.7rem; float: left; margin: 0 .652rem;
	font-size: .18rem; line-height: .31rem; color: #fff;
	text-align: left;
}
.s6-cont .switchbox .part02 .item{
	width: 3.1rem; height: 4.12rem; display: inline-block;
	background: #020c71;
	border: solid .02rem #39d2fc;
	box-sizing: border-box;
	margin: 0 .13rem;
	position: relative;
	transition: all 0.4s;
}
.s6-cont .switchbox .part02 .item:hover{
	transform: translate(0,-10px);
}
.s6-cont .switchbox .part02 .item::after{
	content: '';width: 1.4rem; height: .04rem; display: block;
	background: #39d2fc;
	position: absolute; left: 50%; margin-left: -.7rem; bottom: 0;
}
.s6-cont .switchbox .part02 .item img{
	width: 2.97rem; height: 1.7rem; display: block; margin: .25rem auto .2rem;
}
.s6-cont .switchbox .part02 .item h4{
	font-size: .28rem; line-height: .48rem; font-weight: bold; color: #39d6fc;
}
.s6-cont .switchbox .part02 .item p{
	font-size: .18rem; line-height: .31rem; color: #fff; width: 100%; clear: both;
	height: .93rem; display: block;
	float: left;
	margin-top: .17rem;
}

/*section07*/
.sec07{
	width: 100%;
	background: url("../images/s7-bg.jpg") no-repeat center top;
}
.s7-cont{margin-bottom: .7rem;}
.s7-cont .contbox{
	width: 100%; clear: both; float: left;
}
.s7-cont .contbox .tip{
	width: 100%; float: left; margin: -.22rem auto .22rem;
}
.s7-cont .contbox .tip p{
	width: 9.7rem; float: left; margin: 0 .652rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s7-cont .contbox .wheelSeed{
	width: 9.89rem; float: left; margin: .3rem .575rem .4rem; height: 2.5rem;
	background: url("../images/s7-stat01.png") no-repeat center bottom;
	background-size: 100%;
}
.s7-cont .contbox .wheelSeed .swiper-container{
	margin: 0 .35rem; width: 9.2rem;
}
.s7-cont .contbox .wheelSeed .swiper-container .swiper-wrapper{
	width: 100%;
}
/* .s7-cont .contbox .wheelSeed .swiper-container .swiper-wrapper .swiper-slide{} */
.s7-cont .contbox .wheelSeed .swiper-container .swiper-wrapper .swiper-slide img{
	width: 1.55rem; height: 2.25rem; display: block;
	margin: auto;
}
.s7-cont .contbox .itembox{
	width: 100%; clear: both; float: left; margin-bottom: -.3rem; position: relative; z-index: 3;
}
.s7-cont .contbox .itembox .item{
	width: 3.1rem; height: 2.68rem; display: inline-block;
	margin: 0 .135rem;
	border: solid .02rem #39d2fc;
	border-radius: 0 0 .5rem 0;
	background-color: #020c71;
}
.s7-cont .contbox .itembox .item .tit{
	width: 100%; clear: both; float: left;
	height: .76rem; line-height: .76rem;
	border-bottom: solid .02rem #39d2fc;
}
.s7-cont .contbox .itembox .item .tit i{
	width: .57rem; height: .55rem; float: left;margin-top: -.01rem;
	line-height: .55rem; font-size: .24rem; font-weight: bold; color: #07227c;
	background: url("../images/s7-img01.png") no-repeat center;
	background-size: 100%;
}
.s7-cont .contbox .itembox .item .tit h3{
	float: left; font-size: .28rem; line-height: .76rem;color: #39d6fc; font-weight: bold; margin-left: .125rem;
}
.s7-cont .contbox .itembox .item .txt{
	width: 100%; clear: both; float: left;
}
.s7-cont .contbox .itembox .item .txt p{
	width: 82%; float: left;margin: .2rem 9%; 
	font-size: .18rem; line-height: .31rem; color: #fff; text-align: left;
}

/*section08*/
.sec08{
	width: 100%;
	background: url("../images/s8-bg.jpg") repeat center top;
}
.s8-cont{margin-bottom: .5rem; margin-top: .4rem;}
.s8-cont .contbox{
	width: 100%; clear: both; float: left;
}
.s8-cont .contbox .top{
	width: 100%; clear: both; float: left; margin-top: -.22rem;
}
.s8-cont .contbox .top p{
	width: 9.9rem; float: left; margin: 0 .552rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
	margin-bottom: .25rem;
}
.s8-cont .contbox .top ul{
	width: 100%; clear: both; float: left;
}
.s8-cont .contbox .top ul li{
	width: 3.12rem; height: 1.92rem; display: inline-block; margin: 0 .12rem;
}
.s8-cont .contbox .top ul li img{width: 100%; display: block;}
.s8-cont .contbox .ninebox{
	width:100%; clear: both; float: left; margin-top: .25rem;
}
.s8-cont .contbox .ninebox p{
	width: 9.9rem; float: left; margin: 0 .552rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s8-cont .contbox .ninebox .serviceBox{
	width: 7.84rem; height: 3.35rem; display: block;
	background: url("../images/s8-img01.png") no-repeat center;
	background-size:100%;
	float:left; margin-left:1.58rem; margin-top: .37rem;
	position: relative;
}
.s8-cont .contbox .ninebox .serviceBox a{
	width: 1.4rem; height: .52rem; display: block;
	border: solid .02rem #39d2fc;
	background: #020c71;
	border-radius: .52rem;
	position:absolute;
	font-size: .24rem; font-weight: bold; color: #39d6fc; line-height: .52rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser01{
	left: .11rem; top: .37rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser02{
	left: -.93rem; top: 1.2rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser03{
	left: .85rem; top: 1.83rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser04{
	left: -.16rem; bottom: .07rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser05{
	left: 3.21rem; bottom: .31rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser06{
	right: .69rem; bottom: 1rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser07{
	right: -.2rem; bottom: .08rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser08{
	right: -.93rem; top: 1.2rem;
}
.s8-cont .contbox .ninebox .serviceBox a.ser09{
	right: .3rem; top: .45rem;
}
.s8-cont .contbox .ninebox .serviceBox a::after{
	content: '';width: .17rem; height: .18rem; display: block;
	background: url("../images/s8-icon01.png") no-repeat center;
	background-size: 100%;
	position: absolute;
	top: .18rem;
}
.s8-cont .contbox .ninebox .serviceBox a.type01::after{
	right: -.23rem;
}
.s8-cont .contbox .ninebox .serviceBox a.type02::after{
	left: -.23rem;
}
.s8-cont .contbox .ninebox .serviceBox a.on,.s8-cont .contbox .ninebox .serviceBox a:hover{
	color: #fff;
	background: #0683ff;
	background: -webkit-linear-gradient(left, #0683ff , #23b0fb); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #0683ff, #23b0fb); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #0683ff, #23b0fb); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #0683ff , #23b0fb); /* 标准的语法 */
}

/*section09*/
.sec09{
	width: 100%;
	background: url("../images/s9-bg.jpg") no-repeat center top;
}
.s9-cont{margin-bottom: .5rem; margin-top: .4rem;}
.s9-cont .contbox{
	width: 100%; clear: both; float: left;
}
.s9-cont .contbox .top{
	width: 100%; clear: both; float: left;
}
.s9-cont .contbox .top .txt{
	width: 3.68rem; height: 3.46rem; float: left;margin-left: .57rem;margin-right: -.18rem;
	border: solid .02rem #39d2fc;
	background: #020c71 url("../images/s9-img01.png") no-repeat center bottom;
	background-size: 100%;
	position: relative;z-index: 3;
}
.s9-cont .contbox .top .txt::before{
	content: '';width: .19rem; height: .26rem; display: block;
	background: #39d2fc;
	position: absolute;  top: .11rem; left: -.21rem;
}
.s9-cont .contbox .txt font{
	float: left; margin-top: .31rem;margin-left: .52rem;
	font-size: .28rem; line-height: .52rem; font-weight: bold;color: #39d6fc;
	position: relative;
}
.s9-cont .contbox .txt font::after{
	content: '';
	width: .52rem; height: .04rem; display: block;
	background-color: #39d2fc;
	position: absolute; bottom: -.17rem; left: 0;
}
.s9-cont .contbox .txt p{
	font-size: .18rem; line-height: .31rem; color: #fff; text-align: left;
	float: left; margin-left: .52rem ;margin-top: .45rem;
	 width: 2.52rem;
}
.s9-cont .contbox .top .pic{
	width: 6.32rem; height: 3.42rem; display: block; float:right; margin-left: -.18rem;
	margin-right: .58rem;
	margin-top: .32rem;
}
.s9-cont .contbox .bottom{
	width: 100%; clear: both; float: left; margin-top: .45rem;margin-bottom: -.3rem;
}
.s9-cont .contbox .bottom .pic{
	width: 6.32rem; height: 3.42rem; display: block; float:left;margin-left: .57rem;
}
.s9-cont .contbox .pic img{
	width: 100%; height: auto; display: block;
}
.s9-cont .contbox .bottom .txt{
	width: 3.68rem; height: 3.46rem; float: left; margin-left: -.18rem;margin-top: .36rem;
	border: solid .02rem #39d2fc;
	background: #020c71 url("../images/s9-img01.png") no-repeat center bottom;
	background-size: 100%;
	position: relative;z-index: 3;
}
.s9-cont .contbox .bottom .txt::after{
	content: '';width: .19rem; height: .26rem; display: block;
	background: #39d2fc;
	position: absolute;  top: .11rem; right: -.21rem;
}
.s9-cont .contbox .bottom .txt::before{
	content: '';width: .52rem; height: .18rem; display: block;
	background: #39d2fc;
	position: absolute;  bottom: .1rem; left: -.54rem;
}

/*section10*/
.sec10{
	width: 100%;
	background: url("../images/s10-bg.jpg") no-repeat center top;
}
.s10-cont{margin-bottom: 1.2rem; margin-top: .4rem;}
.s10-cont .contbox{
	width: 100%; clear: both; float: left;
}
.s10-cont .contbox .tip{
	width: 100%; float: left; margin: -.12rem auto .22rem;
}
.s10-cont .contbox .tip p{
	width: 9.7rem; float: left; margin: 0 .652rem;
	font-size: .18rem; line-height: .31rem; color: #39d6fc;
	text-align: left;
}
.s10-cont .contbox .itembox{
	width: 100%; clear: both; float: left; margin-top: .1rem;
}
.s10-cont .contbox .itembox .item{
	width: 2.35rem; height: 2.96rem; display: inline-block;
	background: #020c71;
	border: solid .02rem #39d2fc;
	margin: 0 .12rem;
	transition: all 0.4s;
}
.s10-cont .contbox .itembox .item:hover{
	transform: translate(0, -10px);
	box-shadow: 0 8px 8px 0 rgba(57,214,252,.5);
}
.s10-cont .contbox .itembox .item .pic{
	width: 100%;
	border-bottom: solid .02rem #39d2fc;
}
.s10-cont .contbox .itembox .item .pic img{
	width: 100%; display: block;
}
.s10-cont .contbox .itembox .item p{
	width: 2.05rem; float: left; margin: .18rem .15rem auto;
	font-size: .16rem; line-height: .24rem; color: #fff; text-align: left;
}



/* section02 */

/*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:25%; left:20px;z-index:9;
	width:144px; height:auto; display: block; background:#020257;
	border: solid .02rem #39d2fc;
	
}
.lfNav .close{position:absolute;top:-.3rem; right:0; height:23px; width:23px; }
/* .mt185{margin-top:129px;} */
.nav-bg{
	width: 100%; clear: both; float: left; text-align: center; height: .32rem; line-height: .32rem;
	border-bottom: solid .01rem #39d2fc;
	
}
.nav-bg a{
	width:100%; height:32px; display: block; margin:auto;
	font-size: .18rem; line-height: .32rem; color: #fff;
}
.nav-bg a:hover{
	color: #020257;
	background: #39d2fc;
	background: -webkit-linear-gradient(left, #39d2fc , #3bfcfe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #39d2fc, #3bfcfe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #39d2fc, #3bfcfe); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #39d2fc , #3bfcfe); /* 标准的语法 */
}

.left_top{width:100%; height:auto;display: block;float:left; padding: .12rem 0;}
.left_top img{
	width: 60px; display: block; margin: auto;
}