@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: #fff;}


.nav-bgd{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;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}


input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
 }
#hdr_mn > div > ul > li{width: 110px; font-weight: bold;}
#hdr_mn > div > ul > li:last-child{width: 140px;} 

/*banner */
.banner-box{position:relative;height:953px;background:url(../images/banner.jpg) no-repeat center top;width:100%; text-align:center;}
.banner-box .wrap{height: 953px;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
.ban-mobile{position: absolute; bottom: -90px; right:-54px ;z-index: 9;}
.download{height: 240px; width: 640px; display: block; float: left; margin-top: 618px; left: 10px;
	background: rgba(104,94,237,.1);
	background: -webkit-linear-gradient(left, rgba(216,104,225,.1) , rgba(104,94,237,.1)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, rgba(216,104,225,.1), rgba(104,94,237,.1)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, rgba(216,104,225,.1), rgba(104,94,237,.1)); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, rgba(216,104,225,.1) , rgba(104,94,237,.1)); /* 标准的语法 */
	border-radius: 10px;
}
/* .download a{width: 100%; display: block; height: 70px; margin-bottom: 30px;} */
.download .pic{width: 200px; height: 200px; display: block; float: left; margin-top: 20px; margin-left: 20px;
	background: #ffff; border-radius: 10px;
	box-shadow: 0 0 20px rgba(166,139,242,.8);
}
.download .pic img{width: 180px; display: block; margin: 10px;}
.download .txt{float: left; margin-left: 30px; margin-top: 24px;}
.download .txt font{font: 36px/60px "microsoft yahei"; color: #333; float: left; clear: both;}
.download .txt p{float: left; clear: both; font: 18px/34px "microsoft yahei"; color: #333; margin-bottom: 10px;}
.download .txt p a{width: 120px; height: 40px; display: inline-block; float: left; margin-right: 20px; font: 18px/40px "microsoft yahei"; color: #fff;
	background: #a263e7;
	background: -webkit-linear-gradient(left, #d868e1 , #675eed); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #d868e1 , #675eed); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #d868e1 , #675eed); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #d868e1 , #675eed); /* 标准的语法 */
	border-radius: 20px;
}

/*section1*/
.sec1{width: 100%; height: 956px; display: block; clear: both; background: url(../images/s1-bg.jpg) no-repeat center;}
.s1-left{float: left; margin-top: 224px; margin-left: -69px;}
.s1-right{float: right; margin-right: 0; margin-left: -2px; margin-top: 278px;}
/*section2*/
.sec2{width: 100%; height: 890px; display: block; clear: both; background: url(../images/s2-bg.jpg) no-repeat center;}
.s2-cont{width: 100%; height: 461px; display: block; float: left; background: url(../images/s2-img01.png) no-repeat center top; margin-top: 185px;}
.s2-mobile{width: 709px; height: 349px; display: block; margin:78px auto; background: url(../images/s2-img02.png) no-repeat center; position: relative;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	-webkit-box-shadow: 0 2px 35px rgba(178,170,255,.5);
	box-shadow: 0 2px 35px rgba(178,170,255,.5);
}
.s2-mobile .banner01{width: 558px; height: 314px; float: left; margin-top: 18px; margin-left: 68px;}
.s2-mobile .banner01 .tempWrap {width: 100% !important; height: auto; margin: 0 auto;}
.s2-mobile .banner01 .swiper-slide {width: 100%; margin: 0 auto;}
.s2-mobile a.arrow-left{width: 83px; height: 62px; display: block; position: absolute; left: -140px; top: 143px;}
.s2-mobile a.arrow-right{width: 83px; height: 62px; display: block; position: absolute; right: -140px; top: 143px;}
.s2-txt{width: 100%; clear: both; float: left; margin-top: 28px;}
.s2-txt img{display: block; margin: auto;}

/*section3*/
.sec3{width: 100%; height: 792px; display: block; clear: both; background: url(../images/s3-bg.jpg) no-repeat center;}
.s3-cont{width: 100%; height: 530px; display: block; float: left; background: url(../images/s3-img01.png) no-repeat center top; margin-top: 125px;}
.s3-mobile{width: 709px; height: 349px; display: block; margin:43px auto; background: url(../images/s2-img02.png) no-repeat center; position: relative;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	-webkit-box-shadow: 0 2px 35px rgba(178,170,255,.5);
	box-shadow: 0 2px 35px rgba(178,170,255,.5);
}
.s3-mobile .banner02{width: 558px; height: 314px; float: left; margin-top: 18px; margin-left: 68px;}
.s3-mobile a.arrow-left{width: 83px; height: 62px; display: block; position: absolute; left: -140px; top: 143px;}
.s3-mobile a.arrow-right{width: 83px; height: 62px; display: block; position: absolute; right: -140px; top: 143px;}
.s3-txt{width: 100%; clear: both; float: left; margin-top: 0;}
.s3-txt img{display: block; margin: auto;}

/*section4*/
.sec4{width: 100%; height: 923px; display: block; clear: both; background: url(../images/s4-bg.jpg) no-repeat center;}
.s4-cont{width: 100%; height: 540px; display: block; float: left; background: url(../images/s4-img01.png) no-repeat center top; margin-top: 125px;}
.s4-mobile{width: 709px; height: 349px; display: block; margin:46px auto; background: url(../images/s2-img02.png) no-repeat center; position: relative;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	-webkit-box-shadow: 0 2px 35px rgba(178,170,255,.5);
	box-shadow: 0 2px 35px rgba(178,170,255,.5);
}
.s4-mobile .banner03{width: 558px; height: 314px; float: left; margin-top: 18px; margin-left: 68px;}
.s4-mobile a.arrow-left{width: 83px; height: 62px; display: block; position: absolute; left: -140px; top: 143px;}
.s4-mobile a.arrow-right{width: 83px; height: 62px; display: block; position: absolute; right: -140px; top: 143px;}
.s4-txt{width: 100%; clear: both; float: left; margin-top: 0;}
.s4-txt img{display: block; margin: auto;}

/*section5*/
.sec5{width: 100%; height: 770px; display: block; clear: both; background: url(../images/s5-bg.jpg) no-repeat center;}
.s5-cont{width: 100%; height:auto; display: block; float: left; margin-top: 0;}
.s5-left{float: left; margin-left: 47px;}
.s5-left img{display: block; margin: auto;}
.s5-right{width: 411px; height: 253px; display: block;float: right; margin-right: 60px; margin-top: 155px; background: url(../images/s5-img02.png) no-repeat center top;}
.s5-right a{width: 224px; height: 66px; display: block; clear: both; margin: 143px auto 0; background: url(../images/s5-img03.png) no-repeat center;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	-webkit-box-shadow: 0 6px 6px #d4acff;
	box-shadow: 0 6px 6px #d4acff;
}
.s5-txt{width: 100%; clear: both; float: left; margin-top: 30px;}
.s5-txt img{display: block; margin: auto;}

/*section6*/
.sec6{width: 100%; height: 990px; display: block; clear: both; background: url(../images/s6-bg.jpg) no-repeat center;}
.s6-title{width: 100%; float: left; clear: both; margin-top: 170px;}
.s6-title img{display: block; clear: both; margin: auto;}
.sec6 .ewm{width: 100%; clear: both;  float: left; margin-top: 35px;}
.sec6 .ewm font{font: 32px/60px "微软雅黑";color: #333; width: 100%; text-transform: capitalize;float: left;}
.sec6 .ewm img{width: 224px; height: 224px; display: block; margin: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 20px rgba(169,146,235,.8);
	box-shadow: 0 0 20px rgba(169,146,235,.8);
}
/*按钮悬停*/
.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);
}

.showbox {width: 340px; display: none; padding: 20px 0; background: #8962e9; position: fixed; top: 26%; left: 50%; margin-left: -170px; z-index: 100;}
.showbox .close {display: block; width: 30px; height: 30px; position: absolute; bottom: -40px; right: 50%; margin-right: -15px;}
.showbox_img {width: 86%; margin: 0 auto;}
.showbox_img img {width: 100%; height: auto;}
.showbox_p {width: 100%; margin: 16px auto 0; font-size: 24px; color: #fff; line-height: 36px; text-align: center;}
.zhezhao {display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; z-index: 99;}