@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}
i,em{ font-style:normal;}
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%;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: #02126f;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.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;}
}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.section{display: inline-block;width: 100%;float: left;margin-bottom: .78rem;position: relative;z-index: 11;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.cont{display: inline-block;width: 100%;background: #02126f;}
.Timg{display: inline-block;width: .55rem;margin-right: .15rem;}
.Timg img{width: 100%;vertical-align: text-top;margin-top: 0.06rem;}
.sec-title h3{font-size: .46rem;color: #00ffff;line-height: 1.08rem;font-weight: bold;}
 /* 输入框填充背景 */
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:650px;background:url(../images/banner.jpg) no-repeat center top; background-size: auto 100%; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}

/* section1 */
.sec1{
	display: inline-block;width: 100%;background: url(../images/s1Bg.jpg) no-repeat center 235px;background-size: auto 6.9rem;
}
.s1-main{
	display: inline-block;width: 100%;background: url(../images/s1img1.png) no-repeat center .47rem;background-size: auto 2.36rem;
}
.s1-title h3{
	margin-top: .47rem;
}
.btP1 {
    font-size: .28rem;font-weight: bold;color: #fff;margin-top: 0.34rem;line-height: .92rem;text-align: left;display: inline-block;width: 100%;
}
.btP1>span {
    font-size: .36rem;color: #00ffff;text-align: right;display: inline-block;width: 31%;float: left;
}
.btP1>label {
    display: inline-block;float: left;margin-left: 8%;
}
.btP2{
	font-size: .22rem;color: #fff;display: inline-block;width: 100%;margin-top: 0.2rem;
}
.s1UL{
	display: inline-block;width: 100%;position: relative;height: 4rem;
}
.s1UL>li{
	width: 200px; height: 80px; position: absolute;right: 0;bottom: 0;
}
.s1UL .s1l1 {
    left: 15px;
    top: 105px;
}
.s1UL .s1l2 {
    left: 145px;
    top: 285px;
}
.s1UL .s1l3 {
    left: 272px;
    top: 120px;
}
.s1UL .s1l4 {
    left: 400px;
    top: 270px;
}
.s1UL .s1l5 {
    right: 380px;
    top: 80px;
}
.s1UL .s1l6 {
    right: 235px;
    top: 210px;
}
.s1UL .s1l7 {
    right: 110px;
    top: 30px;
}
.s1UL .s1l8 {
    right: -28px;
    top: 180px;
}
.s1UL>li>p{
	font-size: .2rem;color: #00ffff;text-align: left;
}
.s1UL>li .p2{
	font-weight: bold;line-height: .3rem;
}
.s1UL>li .p3{
	color: #fff;
}
.btp2{
	display: inline-block;height: .95rem;background: url(../images/zdggBg.png) no-repeat center top;background-size: auto 100%;margin-top: 0.4rem;
}
.gg2T{
	display: inline-block;width: 100%;height: 1rem;background: url(../images/gg2Bg.png) no-repeat center top;background-size: auto 100%;margin-top: .14rem;
}
.gg2T>span{
	display: inline-block;float: left;font-size: .2rem;color: #fff;line-height: 1rem;width: 2.16rem;margin-right: .68rem;
}
.gg2T>span:first-child{
	margin-left: .14rem;
}
.gg2T>span:last-child{
	margin-right: 0;
}

/* section2 */
.sec2{
	margin-top: .55rem;
}
.s2-main{
	display: inline-block;width: 100%;height: 1112px;background: url(../images/s2CBg.png) no-repeat center top;background-size: auto 100%;
}
.s2C{
	display: inline-block;width: 100%;
}
.s2T{
	display: inline-block;width: 100%;margin-top: 1.08rem;
}
.two_ml {float: left; margin: 0; width: 5.61rem; height: 3.25rem; background: url(../images/s2img1.png) no-repeat center top;background-size: 100% auto;margin-left: 1.2rem;}
.two_mr {
	width: 1.68rem;
	height: auto;
	float: left;
	margin-left: 0.52rem;
	position: relative;
}
.two_mrps {
    width: 100%;line-height: .77rem;margin: 0 auto;text-align: center;font-size: .28rem;color: #00ffff;margin-top: 0.06rem;font-weight: bold;
}
.two_rtxt {width: 100%; margin: 0 auto;float: left;}
.two_rtxt ul {width: 100%; margin: .1rem auto 0; display: none;position: relative;float: left;}
.two_rtxt ul.act {display: block;}
.two_rtxt ul li {width: 99%; margin: 0 auto; font-size: .2rem; color: #fff; line-height: .44rem; cursor: pointer;text-align: left;border: .01rem solid #00ffff;border-radius: .5rem;margin-bottom: .2rem;text-align: center;}
.two_rtxt ul li.on {color: #00ffff;}
.two_rtxt ul li span{
	width: .14rem;color: #00ffff;font-size: .2rem;margin-right: .1rem;display: inline-block;
}
.splay {
    width: 93%;height: auto;background: #fff;margin: 3.5% 0;margin-left: 3.4%;border-radius: 0.3rem;overflow: hidden;
}
.s2B{
	display: inline-block;width: 100%;margin-top: .7rem;
}
.s2B>div{
	display: inline-block;float: left;
}
.s2B .s2BL{
	width: 3.19rem;margin-top: 0.65rem;margin-left: .03rem;
}
.s2B .s2BL img{
	width: 100%;
}
.drsp{
	float: left;margin: 0;width: 5.61rem;height: 3.25rem;background: url(../images/s2img1.png) no-repeat center top;background-size: 100% auto;margin-left: 1.2rem;
}
.s2sp{
    width: 93%;height: auto;background: #fff;margin: 3.5% 0;margin-left: 3.4%;border-radius: 0.3rem;overflow: hidden;
}
.s2BR{
	display: inline-block;width: 6.5rem;margin-left: 0.12rem;
}
.s2BR .p1{
	display: inline-block;width: 78%;margin: 0 11%;font-size: .18rem;color: #fff;text-align: left;line-height: .3rem;margin-bottom: .2rem;
}
.ckgdhk{
	display: inline-block;width: 100%;line-height: .5rem;background: #02126f; border: .01rem solid #00ffff; border-radius: .5rem;font-size: .18rem;font-weight: bold;color: #fff;
}
/* s2Gg */
.s2Gg{
	display: inline-block;width: 100%;height: 2.76rem;background: url(../images/ggBg.png) no-repeat center top;background-size: auto 100%;margin-top: .55rem;z-index: 2;position: relative;
}
.s2Gg span{
	display: inline-block;width: auto;float: left;
}
.s2Gg .sp1{
	font-size: .7rem;font-weight: bold;color: #fff;margin-left: 3.1rem;margin-top: 0.45rem;line-height: .85rem;
}
.s2Gg .sp2{
	width: 1.7rem;height: 1.7rem;background: url(../images/ggBtn.png) no-repeat center top;background-size: 100% 100%;margin-top: .52rem;margin-left: .65rem;cursor: pointer;
}
.s2Gg .sp2>p{
	font-size: .32rem;font-weight: bold;color: #fffaad;margin-top: 0.4rem;
}

/* section3 */
.sec3{
	margin-top: 1.42rem;
}
.s3-main{
	display: inline-block;width: 100%;height: 752px;background: url(../images/s3CBg.png) no-repeat center top;background-size: auto 100%;
}
.s3C{
	display: inline-block;width: 100%;
}
.s3C>div{
	display: inline-block;float: left;
}
.s3C .s3L{
	width: 2.62rem;margin-left: 1.1rem;margin-right: .75rem;margin-top: 1.18rem;
}
.s3C .s3R{
	width: 5.48rem;margin-top: 1.14rem;
}
.s3Lnr{
	display: inline-block;width: 100%;margin-bottom: .42rem;
}
.s3Lnr>div{
	display: inline-block;float: left;
}
.s3Lnr .tp{
	width: 1.16rem;
}
.s3Lnr .wz{
	font-size: .2rem;color: #fff;line-height: .32rem;margin-top: 0.25rem;margin-left: .22rem;
}
.s3rB{
	display: inline-block;width: 100%;
}
.s3rB>p{
	width: 2.63rem;height: .99rem;line-height: .92rem;background: url(../images/s3Btn.png) no-repeat center top;background-size: 100% 100%;font-size: .28rem;font-weight: bold;color: #fff;margin: .18rem auto 0;cursor: pointer;
}
.s3rT{
	/* display: inline-block;width: 5.48rem; height: 3.35rem; background: url(../images/s3img4.png) no-repeat center top;background-size: 100% 100%; */
	display: inline-block;width: 5.48rem; height: 3.35rem;margin-bottom: .3rem;
}
.s3rT img{width: 100%;}
.s3sp{
	display: inline-block;width: 92.4%;margin: 4.2% 3.8% 0;margin-left: 3.9%;
}
/* section4 */
.sec4{
	    margin-top: 0.6rem;
}
.s4-main{
	display: inline-block;width: 100%;height: 752px;background: url(../images/s4CBg.png) no-repeat center top;background-size: auto 100%;
}
.s4C{
	display: inline-block;width: 100%;
}
/* .s4nr>div{
	display: none;
} */
.s4nr>.s4xq{
	display: none;
}
.s4nr>div.cur{
	display: inline-block;width: 100%;margin-top: 0.28rem;
}
.s4xq>div{
	display: inline-block;float: left;
}
.s4xq .s4L{
	margin-left: .78rem;margin-right: .38rem;
}
.s4U{
	display: inline-block;width: 100%;margin-top: 0.88rem
}
.s4U li{
	display: inline-block;width: 2.63rem;height: .99rem;line-height: .95rem;background: url(../images/s4Btn.png) no-repeat center top;background-size: 100% 100%;font-size: .3rem;font-weight: bold;color: #1b95fb;margin: 0 .18rem;cursor: pointer;
}
.s4RU{
	display: inline-block;width: 3.56rem;float: left;margin-top: .1rem;margin-bottom: .2rem;
}
.s4RU>li{
	display: inline-block;float: left;width: 1.66rem;line-height: .56rem;font-size: .2rem;color: #fff;border-radius: .5rem;margin-right: .24rem;margin-bottom: .2rem;
	background: #1b95fb;
	background: -webkit-linear-gradient(left, #1b95fb , #0140f3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #1b95fb , #0140f3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #1b95fb , #0140f3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #1b95fb , #0140f3); /* 标准的语法 */
}
.s4RU>li:nth-of-type(2n){
	margin-right: 0;
}
.s4U li.cur{
	background: url(../images/s3Btn.png) no-repeat center top;color: #fff;
}
.s4ts{
	font-size: .18rem;color: #fff;display: block;margin-top: .18rem;width: 100%;
}
.s4CU{
	width: 3.5rem;margin-top: 0.4rem;
}
.s4CU>li{
	width: 100%;
}

/* section5 */
.sec5{
	    margin-top: 0.6rem;
}
.s5-main{
	display: inline-block;width: 100%;height: 642px;background: url(../images/s5CBg.png) no-repeat center top;background-size: auto 100%;
}
.s5C{
	display: inline-block;width: 100%;
}
.s5C>div{
	display: inline-block;float: left;
}
.s5C .s5L{
	width: 2.61rem;margin-top: 1.55rem;margin-left: 1.1rem;
}
.s5C .s5R{
	width: 5.48rem;margin-top: 1.1rem;margin-left: 0.7rem;display: inline-block;width: 5.48rem; height: 3.35rem; background: url(../images/s3img4.png) no-repeat center top;background-size: 100% 100%;
}
.s5Ul{
	display: inline-block;width: 100%;
}
.s5Ul>li{
	width: 100%;line-height: .57rem;font-size: .2rem;color: #fff;border-radius: .5rem;margin-bottom: .4rem;
	background: #1b95fb;
	background: -webkit-linear-gradient(left, #1b95fb , #0140f3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #1b95fb , #0140f3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #1b95fb , #0140f3); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #1b95fb , #0140f3); /* 标准的语法 */
}
.s5Ul>li:last-of-type{
	margin-bottom: 0;
}
.s5Ul>li>img{
	width: .22rem;margin-right: .18rem;
}
.s5Ts{
	display: inline-block;width: 100%;font-size: .18rem;color: #fff;margin-top: .25rem;
}

/* section6 */
.sec6{
	    margin-top: 0.6rem;
}
.s6-main{
	display: inline-block;width: 100%;height: 383px;background: url(../images/s6CBg.png) no-repeat center top;background-size: auto 100%;
}
.s6C{
	display: inline-block;width: 100%;
}
.s6C>div{
	display: inline-block;float: left;
}
.s6C .s6L{
	width: 1.91rem;margin-top: 1.06rem;margin-left: 0.55rem;
}
.s6C .s6L img{
	width: 100%;
}
.s6C .s6Z{
	width: 2.2rem;margin-top: 0.82rem;margin-left: 0.2rem;margin-right: .5rem;
}
.s6C .s6L img{
	width: 100%;
}
.s6R>p{
	text-align: left;
}
.s6R .p1{
	font-size: .44rem;font-weight: bold;color: #00ffff;margin-top: 1rem;margin-bottom: 0.25rem;
}
.s6R .p2{
	font-size: .3rem;font-weight: bold;color: #fff;margin-bottom: .16rem;
}
.s6R .p3>span{
	font-size: .2rem;color: #fff;margin-right: .35rem;
}
.s6R .p3>span img{
	width: .15rem;margin-top: -0.05rem;margin-right: 0.07rem;
}

/*按钮悬停*/
.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;width:259px; height:548px; display: inline-block; background: url(../images/fixedNavBg.png) no-repeat center;top:20%; left:20px;z-index:12;}
.lfNav .close{position:absolute;top:-10px; right:-25px; height:32px; width:32px; }
.lfNav .close img{width: 100%;}
.mt185{margin-top:159px;}
.left_a{width:100%; height:60px; line-height: 60px; display: block;float:left; clear:both;font-size: 20px;color: #fff;text-align: center;}
/* .nav-bg a{width:120px; height:28px; display: block; margin:auto;} */
.left_top{width:80%; height:80px;display: block;margin: 0 10%;float: left;}
/* .fix-bg{width:100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;} */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.pc-box{
	width:6rem;
    height: auto;
    display: block;
    position: absolute;
    background: #fff;
    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: 0.15rem;
    -moz-border-radius: .15rem;
    border-radius: 0.15rem;
	text-align: center;
}
.pc-box h3{
    line-height: 1.2rem;
	font-size: .4rem;
	font-weight: bold;
	color: #fff;
    width: 100%;
    clear: both;
    text-align: center;
    position: relative;
    border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
	background: #0085f3;
	background: -webkit-linear-gradient(left, #0085f3 , #26b0ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #0085f3, #26b0ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #0085f3, #26b0ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #0085f3 , #26b0ff); /* 标准的语法 */
}
.pc-box h3 img {
    font-size: .5rem;
    font-weight: bold;
    color: #000;
    margin: 0.2rem auto 0.22rem;
    text-align: center;	
}
.pc-box h2::before{content: '';display: inline-block;width: .56rem;height: .31rem;background: url(../images/ckTitL.png) no-repeat left center;background-size: 100% 100%; margin-right: .34rem;}
.pc-box h2::after{content: '';display: inline-block;width: .56rem;height: .31rem;background: url(../images/ckTitR.png) no-repeat right center;background-size: 100% 100%; margin-left: .34rem;}
.ewmPC{
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0.1rem auto;
	height: auto;
	text-align: center;
	width: 100%;
	position: relative;
	padding-top: 0.18rem;
	margin-bottom: 0.1rem;
}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box >img{width: 2.88rem;display: block; margin:.5rem auto auto;}
.pc-box .p1{display: inline-block;width: 100%;line-height: .4rem;font-size: .26rem;color: #444;margin: 0 auto .4rem;}
.pc-box a{position: absolute; top: -.66rem;right: 0; display: block; width: .49rem; height: .49rem; cursor: pointer;}
.pc-box a img{width: 100%;}

/* ---- stats.js ---- */
canvas{
    display: block;
    vertical-align: bottom;
    position: absolute;
    top: 0;
    z-index: 1;
    height: 65rem !important;
  }
.count-particles{
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .3rem;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
  }
  
  .js-count-particles{
    font-size: 1.1em;
  }
  
  #stats,
  .count-particles{
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
  }
  
  #stats{
    border-radius: 3px 3px 0 0;
    overflow: hidden;
  }
  
  .count-particles{
    border-radius: 0 0 3px 3px;
  }
  
  
  /* ---- particles.js container ---- */
  
  #particles-js{
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
#gufen {
    position: fixed;
    top: 30%;
    right: 10px;
    z-index: 1111;
    width: 284px;
    height: 280px;
    background: url("../images/gufen.png") center center no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 62px 33px 40px 72px;
    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
}

#gufen .gufen {
    display: inline-block;
    width: 105px;
	margin-left: 6%;
	margin-top: 33%;
}

#gufen .gufen img {
    width: 100%;
}

#gufen span {
	display: inline-block;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
	width: 190px;
	height: 37px;
	line-height: 37px;
	background: #7336e4;
	border-radius: 30px;
}

#gufen #closegufen {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px
}

#gufen #closegufen:hover {
    animation: rotate1 2s alternate;
    -o-animation: rotate1 2s alternate;
    -moz-animation: rotate1 2s alternate;
    -webkit-animation: rotate1 2s alternate
}