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

.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;}
	.position{position: relative;}
	.absolute{position: absolute;}
}
.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;}
.tit {
    font: 44px/140px "microsoft yahei";
    color: #333;
    width: 100%;
    clear: both;
    padding-bottom: 38px;
    background: url(../images/titBg.png) no-repeat center top;
    margin-top: 30px;
}
.sec1 .tit{
	margin-top: 40px;
	padding-bottom: 10px;
}
.sec2 .tit{
	background: url(../images/titBg2.png) no-repeat center top;
	color: #fff;
	margin-top: 65px;
}
/*banner */
.banner-box{position:relative;height:644px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: 644px;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 15px; cursor: pointer;display: block;}
.banner-box .logo img{width: 80%;}

/* section1 */
.sec1{
	width: 100%;
	height: 731px;
	background: url(../images/s1Bg.jpg) no-repeat center top;
}
.techerImg{
	width: 100%;
	margin-top: 30px;
}
.hyjs{
	width: 100%;
	display: inline-block;
}
.hyjs ul {
    width: 91%;
    display: inline-block;
}
.hyjs ul li {
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    font: 23px/60px "microsoft yahei";
    color: #333;
    width: 24.9%;
    display: inline-block;
	cursor: pointer;
}
.hyjs ul li.cur{
	border-bottom: 2px solid #d4b97e;
	background: #d4b97e;
	color: #fff;
}
.hyjs ul li:nth-of-type(4){border-right: 0;}
.hyxq{
	width: 84%;
    margin: 0 8%;
    text-align: left;
    margin-top: 28px;
}
.hyxq>div{
	font: 17px/28px "microsoft yahei";
	color: #666;
	
	display: none;
}
.hyxq>div.cur{display: inline-block;}
/* section2*/
.sec2{
	width: 100%;
	height: 802px;
	background: url(../images/s2Bg.jpg) no-repeat center top;
}
.sec2 .s2xq{
	width: 100%;
	display: inline-block;
	background: #fff;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 0 20px rgba(22,0,99,.1);
	box-shadow: 0 0 20px rgba(22,0,99,.1);
}
.sec2 .s2xq1{margin-top: 30px;}
.s2xq .s2img {
    display: inline-block;
    margin-top: 20px;
    margin-right: 35px;
}
.s2xq2 .s2img {
    float: left;
    margin-left: 58px;
    margin-right: 0px;
    margin-top: 35px;
}
.s2xq ul {
    display: inline-block;
    width: 65%;
    float: left;
    margin-top: 40px;
	padding-bottom: 18px;
}
.s2xq ul li {
    width: 298px;
    height: 98px;
    background: #f2f4f8;
    border: 1px solid #cbd1e8;
    display: inline-block;
    float: left;
    font: 18px/30px "microsoft yahei";
    color: #666;
    text-align: left;
    margin-left: 5%;
	margin-bottom: 21px;
}
.s2xq2 ul li{height: 154px;}
.s2xq ul li p{
	width: 83%;
	margin: 0 auto;
}
.s2xq ul li .p1{
	font: 24px/28px "microsoft yahei";
	color: #333;
	margin-top: 17px;
	margin-bottom: 5px;
}
/* section3 */
.sec3{padding-bottom: 75px;}
.s3t>div{
	display: inline-block;
	width: 49%;
	float: left;
	margin-right: 2%;
    -webkit-box-shadow: 0 0 20px rgba(22,0,99,.1);
    box-shadow: 0 0 20px rgba(22,0,99,.1);
	padding-bottom: 20px;
	background: #fff;
}
.s3t>div:last-of-type{margin-right: 0;}
.s3u .tit{
	width: 320px;
	font:bold 32px/58px "microsoft yahei";
	color: #fff;
	background: #e0bc8a;
	background: -webkit-linear-gradient(top, #e0bc8a , #d3a565); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #e0bc8a , #d3a565); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #e0bc8a , #d3a565); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #e0bc8a , #d3a565); /* 标准的语法 */
	margin: 0 auto 25px;
	padding-bottom: 0;
}
.s3u .xqimg {
    display: inline-block;
    float: left;
    margin-left: 2%;
    margin-right: 3%;
}
.s3u  ul{
	display: inline-block;
	float: left;
}
.s3u  ul li{
	font:20px/56px "microsoft yahei";
	color: #333;
	width: 240px;
	background: #f2f4f8;
	margin-bottom: 11px;
}
/* section4 */
.sec4{background: #fff;padding-bottom: 60px;}
.s4t {
    width: 94%;
    display: inline-block;
    background: url(../images/s4Bg.jpg) no-repeat center top;
    padding: 5% 3% 0;
}
.s4t>div{
	display: inline-block;
	float: left;
	width: 500px;
	height: 100px;
	background: #fff;
	margin-right: 30px;
	margin-bottom: 50px;
	position: relative;
}
.s4t>div:nth-of-type(2n){margin-right: 0;}
.s4xq p {
    font: 17px/25px "microsoft yahei";
    color: #666;
    text-align: left;
    width: 95%;
    padding-left: 5%;
}
.s4xq .p1 {
    font: bold 23px/25px "microsoft yahei";
    color: #333;
    margin-top: 22px;
    margin-bottom: 7px;
}
.s4xq img {
    position: absolute;
    right: 4%;
    top: -32%;
}
/* section5 */
.sec5{padding-bottom: 40px;}
.s5top{width: 100%;}
.s5top img{width: 100%;}
.s5Btm>div{
	display: inline-block;
	float: left;
	width: 532px;
	height: 138px;
	margin-bottom: 40px;
	margin-right: 34px;
}
.s5Btm>div:nth-of-type(1){
	background: url(../images/s5img1.png) no-repeat left top;
	background-size: 100%;
}
.s5Btm>div:nth-of-type(2){
	background: url(../images/s5img2.png) no-repeat left top;
	background-size: 100%;
	margin-right: 0;
}
.s5Btm>div:nth-of-type(3){
	background: url(../images/s5img3.png) no-repeat left top;
	background-size: 100%;
}
.s5Btm>div:nth-of-type(4){
	background: url(../images/s5img4.png) no-repeat left top;
	background-size: 100%;
	margin-right: 0;
}
.s5xq .p1 {
    font: 25px/25px "microsoft yahei";
    color: #313131;
    text-align: left;
    margin-top: -1.5%;
}
.s5xq ul{
	width: 100%;
	display: inline-block;
	margin-top: 35px;
	margin-left: 28px;
}
.s5xq ul li{
	font: 18px/32px "microsoft yahei";
	color: #fff;	
	text-align: left;
}
.s5Btm>div ul li::before{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/s5icon2.png) no-repeat left;
	margin-right: 3%;
}
.s5Btm>div:nth-of-type(2) ul li::before{
	background: url(../images/s5icon1.png) no-repeat left;
}
.s5Btm{
	width: 100%;
	display: inline-block;
	margin-top: 40px;
}
/* section6 */
.sec6{
	width: 100%;
	background: #fff;
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:auto; display: block; top:25%; left:20px;z-index:9; background: url(../images/fixedNavBg.png) no-repeat center top;}
.lfNav .close {
    position: absolute;
    top: -3%;
    height: 34px;
    width: 34px;
    right: -18%;
}
.mt185{margin-top:137px;}
.nav-bg{width:100%; height:32px; display: block;float:left; clear:both;margin-left:0;margin-bottom:0;}
.nav-bg a{width:100%; height:32px; display: block; margin:auto; font: 17px/32px "microsoft yahei";color: #fff; text-align: center;}
.lfNav .bodernot,.lfNav .bodernot a{border: none;}
.left_top{width:66px; height:83px;display: block;float:left;margin-left:23px;}
.hyjs .mbul{display: none;}
.hyjs .pcul{display: inline-block;}

/* banner图特效 */

/*背景音乐*/
.music{position: absolute;width:220px; height:220px;top:12%;left:0;z-index: 2;}
.mustop{position: absolute;width:220px; height:220px;top:0.8%;right:0.5%;display: none;z-index: 2;}
.music img,.mustop img{width: 100%;}
.bt3 {
    z-index: 0;
    left: -3%;
}
.bt2 {
    z-index: 1;
    top: 30%;
    left: -6%;
}
.bt1 {
    z-index: 2;
    top: 22%;
    left: 2%;
}
.play{
  animation:play 1s linear 0s infinite;
  -webkit-animation:play 1s linear 0s infinite;
}
.play1{
  animation:play1 3s linear 0s infinite;
  -webkit-animation:play1 3s linear 0s infinite;
}
.play2{
  animation:play1 6s linear 0s infinite;
  -webkit-animation:play1 6s linear 0s infinite;
}
/* play */
@-webkit-keyframes play {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes play {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* play1 */
@-webkit-keyframes play1 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes play1 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}
/* play2 */
@-webkit-keyframes play2 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

@keyframes play2 {
  from {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}