@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,.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: 38px/100px "Microsoft YaHei";
	    color: #333; 
		margin-top: 25px;
 }
 /*按钮悬停*/
 .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;}

/*banner */
.banner-box{position:relative;height:625px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height:625px;}
.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{
	background: url(../images/s1Bg.jpg) no-repeat center top;
}
.s1-cont>div {
    display: inline-block;
    float: left;
    width: 268px;
    height: 300px;
    -webkit-box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    box-shadow: 3px 0px 10px rgba(39,101,255,.32);
    border-radius: 8px;
    margin-right: 9px;
}
.s1-cont>div:last-of-type{margin-right: 0;}
.s1xq .s1T{margin: 40px auto 37px;}
.s1xq .s1B{
	display: inline-block;
	width: 76%;
	padding: 0 12%;
}
.s1B>div{
	display: inline-block;
	float: left;
}
.s1L .p1 {
    font: bold 21px/33px "Microsoft YaHei";
    color: #333;
}
.s1L .p2{
	display: inline-block;
	width: 100%;
	height: 8px;
	background: #0865fd;
	margin-top: 9px;
}
.s1B .s1R{
	display: inline-block;
	margin-left: 20px;
	text-align: left;
}
.s1R>p{
	font:17px/30px "Microsoft YaHei";
	color: #666;
}
.s1R>p>span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #2ac1ff;
    border-radius: 30px;
    margin-right: 8px;
    vertical-align: middle;
}

/* section2 */
.sec2{margin-bottom: 40px;}
.s2-cont{
	width: 95%;
    padding: 0 2.5%;
}
.s2-cont>div{
	display: inline-block;
	float: left;
	width: 511px;
	height: 453px;
	background: url(../images/s2img1.jpg) no-repeat center top;
	background-size: 100%;
}
.s2-cont .s2xq2{
	background: url(../images/s2img2.jpg) no-repeat center top;
	background-size: 100%;
	margin-left: 20px;
}
.s2xq p {
    font: 20px/46px "Microsoft YaHei";
    color: #666;
    text-align: left;
    margin-left: 17%;
}
.s2xq .tit{
	font:bold 32px/92px "Microsoft YaHei";
	color: #fff;
}
.s2lst{margin-top: 28px;}

/* section3 */
.s3-cont{
	margin-top: 58px;
}
.s3-cont>div {
    display: inline-block;
    float: left;
    width: 24.5%;
    border-right: 1px solid #e5e5e5;
    height: 373px;
    position: relative;
}
.simg2{
	margin-top: 14px;
}
.simg3{
	margin-top: -30px;
}
.s3-cont>div:last-of-type{border-right: none;}
.s3xq .s3B {
    width: 77%;
    padding: 0 11.5%;
}
.s3B .p1 {
    font: bold 22px/50px "Microsoft YaHei";
    color: #333;
    text-align: left;
    margin-top: 25px;
}
.s3B .p2 {
    width: 46px;
    height: 8px;
    background: #0865fd;
    margin-bottom: 15px;
}
.s3B .p3 {
    font: 16px/24px "Microsoft YaHei";
    color: #333;
    text-align: left;
}

/* section4 */
.s4-cont{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 48px;
    height: 510px;
}
.s4-cont .s4xq{
	position: absolute;
	height: 181px;
}
.s4-cont .simg1 {
    left: 5%;
    top: 0px;
    width: 335px;
    background: url(../images/s4img1.png) left top / 100% no-repeat;
}
.s4-cont .simg2{
	right: 2%;
	top: 0;
	width: 339px;
	background: url(../images/s4img2.png) no-repeat right top;
	background-size:100%;
}
.s4-cont .simg3 {
    left: 6%;
    top: 278px;
    width: 344px;
    background: url(../images/s4img3.png) no-repeat left top;
    background-size: 100%;
}
.s4-cont .simg4 {
    right: 4%;
    top: 258px;
    width: 349px;
    background: url(../images/s4img4.png) no-repeat right top;
    background-size: 100%;
}
.s4xq>p {
    font: 18px/28px "Microsoft YaHei";
    color: #fff;
    position: absolute;
    top: 37%;
    width: 48%;
    text-align: left;
    left: 12%;
}
.simg2 p {
    left: 44%;
    top: 42%;
    width: 45%;
}
.simg3 p {
    left: 10%;
    top: 43%;
}
.simg4 p{
	left: 44%;
	top: 43%;
}
.simg5{
	position: absolute;
	width: 100%;
}
.simg5 img{width: 30%;}
.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%;}
}

/* section5 */
.sec5 {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}
.s5Bg{
	width: 100%;
	height: auto;
	display: inline-block;
}
.s5-cont {
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    background: url(../images/s5-img08.jpg) no-repeat center;
    background-size: 100%;
	margin-top: 10px;
}
.s5-cont .swiper-container {
    width: 523px;
    height: 312px;
    margin: auto;
    -webkit-box-shadow: 0 5px 22px rgba(184,198,255,.45);
    box-shadow: 0 5px 22px rgba(184,198,255,.45);
    overflow: hidden;
    border-radius: 10px;
}
.s5-cont .swiper-slide{  height: 312px;position: relative;}
.swiper-slide .s5Img{
	display: inline-block;
	width: 100%;
	position: relative;
}
.s5Img .p1 {
    font: 18px/38px "Microsoft YaHei";
    color: #fff;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 4%;
    left: 0;
    background: rgba(0,0,0,0.6);
}
.s5-cont .arrow-left{position: absolute; top: 157px; left: -24px; z-index: 9;}
.s5-cont .arrow-right{position: absolute; top: 157px; right: -24px;z-index: 9;}