@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: url(../images/Bdbg.jpg) no-repeat center top;
}


.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;}
.ml145{margin-left: 145px;margin-right: 25px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
.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;
 }
 .section{
	width: 100%;
	 display: inline-block;
 }
 .cont{
	 width: 100%;
	 display: inline-block;
	 position: relative;
 }
 .sec-title h2{
	    font: 46px/100px "Microsoft YaHei";
	    color: #333; 
		margin-bottom: 30px;
 }
  .sec-title h2 span{color: #31a9f9;}
  .sec-title h2::before{
	  content: '';
	  display: inline-block;
	  width: 37px;
	  height: 27px;
	  background: url(../images/titL.png) no-repeat left top;
	  background-size: 100%;
	  margin-right: 22px;
  }
  .sec-title h2::after{
  	  content: '';
  	  display: inline-block;
  	  width: 30px;
  	  height: 30px;
  	  background: url(../images/titR.png) no-repeat left top;
  	  background-size: 100%;
  	  margin-left: 22px;
  }
 /*按钮悬停*/
 .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:232px; height:675px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:10%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:24px; right:0px; height:25px; width:25px;background: url(../images/close_001.png) no-repeat center top;background-size: 100%;}
.mt185{margin-top:224px;}
.nav-bg {
    width: 154px;
    height: 40px;
    display: block;
    float: left;
    clear: both;
    margin-left: 25px;
    margin-right: 20px;
}
.nav-bg a{width:100%; height:40px; display: block; margin:auto; font: 19px/40px "Microsoft YaHei";color: #fff; text-align: center;}
.nav-bg a:hover{color: #c31313;}
.left_top{width:150px; height:70px;display: block;float:left;margin-left:0;}
/* ban动画 */
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 125px, 0);
    transform: translate3d(0, 125px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0,0, 0);
  }
}
.bounceInDown {
    -webkit-animation: bounceInDown 1s both;
    animation: bounceInDown 1s both;
    float: right;
    margin-right: -10%;
    margin-top: 5%;
}


/*banner */
.banner-box{position:relative;height:575px; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height:575px;}
.ban_logo{
    position: absolute;
    left: 0;
    top: 5%;	
}
.music {
    position: absolute;
    width: 290px;
    height: 432px;
    top: 12%;
    right: -18%;
    z-index: 0;
}
.play {
    animation: play 8s linear 2s infinite;
    -webkit-animation: play 8s linear 2s infinite;
    top: 8%;
}
@-webkit-keyframes play{
	0%  {top: 8%; }
	25% {top:15%;}
	50% {top:8%;}
	75% {top: 15%;}
	100%{top: 8%;}
}
@keyframes play { 
 	0%  {top: 8%; }
 	25% {top:15%;}
 	50% {top:8%;}
 	75% {top: 15%;}
 	100%{top: 8%;}
}

/* section1 */
.sec1{
    margin-top: -20px;
    margin-bottom: 78px;
}
.s1-cont{
	width: 100%;
	height: 487px;
	background: url(../images/s1CBg.jpg) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.s1-cont>div{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
.s1-cont .s1L{
	width: 640px;
}
.s1L .tit{
	font: 28px/60px "Microsoft YaHei";
	color: #fff;
}
.s1L .slst{
	width: 360px;
	float: right;
	margin-top: 22px;
}
.slp>span{
	display: inline-block;
	float: left;
}
.s1L .slp {
    width: 100%;
    display: inline-block;
    text-align: left;
    background: url(../images/s1img2.png) no-repeat left bottom;
    padding-bottom: 20px;
    margin-top: 30px;
}
.slp .sp1{
	width: 33px;
	height: 36px;
	display: inline-block;
	background: url(../images/s1img1.png) no-repeat center top;
	background-size: 100%;
	font: 18px/36px "Microsoft YaHei";
	color: #209cf7;
	text-align: center;
	margin-right: 10px;
}
.s1L .slp:last-of-type{background: transparent;}
.sp2 .p1{
	font:bold 18px/18px "Microsoft YaHei";
	color: #333;
}
.sp2 .p2{
	font: 16px/35px "Microsoft YaHei";
	color: #999;
}
.s1-cont .s1R {
    right: 0;
    top: 5%;
    width: 460px;
    left: initial;
}
.s1R .srst {
    width: 76%;
    display: inline-block;
    margin-top: 45px;
    padding: 0 12%;
}
.srnr .tit{
	font: 28px/84px "Microsoft YaHei";
	color: #36a9fe;
}
.srst>div {
    display: inline-block;
    float: left;
    margin-right: 11%;
	margin-bottom: 60px;
}
.srst>div:nth-of-type(2n){margin-right: 0;}
.srxq p{
	display: inline-block;
	float: left;
	font: 18px/35px "Microsoft YaHei";
	color: #fff;
}
/* section4 */
.s4-cont{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: -25px;
    height: 607px;
}
.s4-cont .s4xq{
	position: absolute;
	height: 248px;
}
.s4-cont .simg1 {
    left: 2%;
    top: 0px;
    width: 327px;
    background: url(../images/s4img1.png) left top / 100% no-repeat;
}
.s4-cont .simg2{
	right: 2%;
	top: 0;
	width: 333px;
	background: url(../images/s4img2.png) no-repeat right top;
	background-size:100%;
}
.s4-cont .simg3 {
    left: 2%;
    top: 258px;
    width: 327px;
    background: url(../images/s4img3.png) no-repeat left top;
    background-size: 100%;
}
.s4-cont .simg4 {
    right: 2%;
    top: 258px;
    width: 333px;
    background: url(../images/s4img4.png) no-repeat right top;
    background-size: 100%;
}
.s4-cont>a {
    display: inline-block;
    width: 537px;
    height: 70px;
    border: 1px solid #3ca5ff;
    border-radius: 40px;
    font: 32px/70px "Microsoft YaHei";
    color: #3ca5ff;
    position: absolute;
    bottom: 0;
    transform: translate(50%, 0);
    margin-left: -50%;
}
.s4xq>p {
    font: 17px/24px "Microsoft YaHei";
    color: #666;
    width: 88%;
    text-align: center;
}
.simg2 p {
    width: 100%;
}
.s4xq .p1 {
    font: bold 24px/28px "Microsoft YaHei";
    color: #51b7fb;
    margin-top: 72px;
    margin-bottom: 18px;
}
.simg2 p {
    width: 90%;
    float: right;
}
/* .simg2 .p3{color: #3ea1ff;} */
.simg4 p {
    width: 90%;
    float: right;
}
.play1 {
    animation: play1 8s linear 2s infinite;
    -webkit-animation: play1 8s linear 2s infinite;
    top: -8%;
}
@-webkit-keyframes play1{
	0%  {top: -8%; }
	25% {top:8%;}
	50% {top:-8%;}
	75% {top: 8%;}
	100%{top: -8%;}
}
@keyframes play1 { 
 	0%  {top: -8%; }
 	25% {top:8%;}
 	50% {top:-8%;}
 	75% {top: 8%;}
 	100%{top: -8%;}
}

/* section3 */
.sec3{margin-top: 100px;}
.s3-cont{
	display: inline-block;
	width: 100%;
	height:604px;
	border-radius: 12px;
    -webkit-box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    box-shadow: 0px 0px 25px rgba(61,160,254,.3);	
	position: relative;
}
.s3-cont>div{
	display: inline-block;
	float: left;
	width: 50%;
	margin-top: 50px;
}
.s3-cont .s3L{
	background: url(../images/s3xx.png) no-repeat right top;
}
.s3tit{position: relative;}
.s3tit .p1{
	font: bold 28px/58px "Microsoft YaHei";
	color: #333;
	width: 150px;
	height: 80px;
	display: inline-block;
	background: #f0f2ff;
	background: -webkit-linear-gradient(top, #f0f2ff , #fff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #f0f2ff , #fff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #f0f2ff , #fff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f0f2ff , #fff); /* 标准的语法 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.s3R .s3tit .p1 {
    background: #e6f9ff;
    background: -webkit-linear-gradient(top, #e6f9ff , #fff);
    background: -o-linear-gradient(bottom, #e6f9ff , #fff);
    background: -moz-linear-gradient(bottom, #e6f9ff , #fff);
    background: linear-gradient(to bottom, #e6f9ff , #fff);
}
.s3tit .p2 {
    font: 16px/28px "Microsoft YaHei";
    color: #666;
    margin-top: -30px;
}
.s3B{
    display: inline-block;
    width: 70%;
    padding: 0 15%;
}
.s3B p{
	font: 18px/28px "Microsoft YaHei";
	color: #333;
	display: inline-block;
	float: left;
	width: 188px;
	text-align: left;
}
.s3B p span{
	display: inline-block;
	float: left;
	margin-right: 7px;
}
.s3B p span img{vertical-align: text-top;}
.s3img{margin-top: -35px;}
.s3-cont .s3Btn {
    width: 100%;
    display: inline-block;
    margin: 65px auto 0;
}
.s3Btn a{
	display: inline-block;
	width: 551px;
	height: 90px;
	background: url(../images/s3img5.png) no-repeat center top;
	background-size: 100%;
	font: bold 30px/70px "Microsoft YaHei";
	color: #fff;
}

/* section2 */
.sec2{
	margin-top: 100px;
	margin-bottom: 100px;
}
.s2-cont{
	display: inline-block;
	width: 100%;
	height:604px;
	border-radius: 12px;
    -webkit-box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    box-shadow: 0px 0px 25px rgba(61,160,254,.3);	
	position: relative;
	background: #fff;
}
.s2-cont>div{
	display: inline-block;
	float: left;
	width: 352px;
	height: 560px;
	/* background: url(../images/s2xx.png) no-repeat right 100px; */
	background: url(../images/s2xx.png) no-repeat right top;
}
.s2-cont>div:first-of-type{margin-left: 15px;}
.s2-cont>div:last-of-type{background: transparent;}
.s2xq .s2T{margin-top: 45px;}
.s2T img{width: 99%;}
.s2Z .p1{
	font:bold 28px/35px "Microsoft YaHei";
	color: #3da0fe;
	margin-bottom: 25px;
}
.s2Z .p2 {
    font: 17px/28px "Microsoft YaHei";
    color: #333;
    width: 74%;
    text-align: left;
    padding: 0 12%;
}
.s2B{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.s2B a{
	display: inline-block;
	width: 202px;
	font: 22px/46px "Microsoft YaHei";
	color: #529bff;
	border: 1px solid #529bff;
	border-radius: 30px;
	margin-top: 38px;
}

/* section5 */
.s5-cont{
    display: inline-block;
    width: 100%;
    height: 604px;
    border-radius: 12px;
    -webkit-box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    box-shadow: 0px 0px 25px rgba(61,160,254,.3);
	background: #fff;
}
.s5-cont>div {
    display: inline-block;
    float: left;
    margin-top: 60px;
    width: 438px;
}
.s5-cont .s5L{margin-right: 67px;margin-top: 62px;}
.s5R>div{display: inline-block;}
.s5xq .s5tR {
    position: relative;
    padding-left: 40px;
}
.s5tR .s5tL {
    display: inline-block;
    width: 51px;
    height: 51px;
    background: url(../images/s5img2.png) no-repeat center;
    background-size: 100%;
    font: bold 20px/51px "Microsoft YaHei";
    color: #fff;
    position: absolute;
    left: -6%;
    top: 18%;
}
.s5R .s5T {
    height: 358px;
    background: url(../images/s5xx.png) no-repeat center top;
    background-size: 100%;
    float: left;
    width: 100%;
    padding-top: 29px;
}
.s5tR p {
    text-align: left;
    width: 90%;
}
.s5tR .p1{
	font:bold 20px/35px "Microsoft YaHei";
	color: #333;
}
.s5tR .p2{
	font:16px/25px "Microsoft YaHei";
	color: #808080;
}
.s5T>div {
    margin-bottom: 32px;
}
.s5B{
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}
.s5B a{
	display: inline-block;
	width: 202px;
	font: 22px/46px "Microsoft YaHei";
	color: #529bff;
	border: 1px solid #529bff;
	border-radius: 30px;
	margin-top: 38px;
}

/* section6 */
.sec6{margin-bottom: 132px;margin-top: 100px;}
.s6-cont {
    display: inline-block;
    width: 86.5%;
    height: 467px;
    border-radius: 12px;
    -webkit-box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    box-shadow: 0px 0px 25px rgba(61,160,254,.3);
    background: #fff;
    padding: 0 6.8%;
}
.s6-cont>div{
	display: inline-block;
	float: left;
	margin-top: 52px;
}
.s6-cont .s6R{margin-top: 80px;}
.s6R .s6nr {
    width: 417px;
    height: 276px;
    padding: 10px;
    background: #ecf6ff;
}
.s6R .s6xq {
    width: 416px;
    height: 233px;
    border: 1px solid #529bff;
    background: #fff;
    display: inline-block;
    padding-top: 40px;
}
.s6xq p {
    font: 17px/32px "Microsoft YaHei";
    color: #333;
    text-align: left;
    width: 80%;
    text-indent: 11%;
    padding: 0 10%;
    letter-spacing: 1px;
}