@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;}
#footer_bx{clear: both;}

.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;
}
 
/* 输入框填充透明 */
/* 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:667px; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute; z-index: 9; left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}

/* 本例子css */
.slideBox{ overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height: 667px;}
.slideBox .bd li.banImg01{background: url(../images/ban01.jpg) no-repeat center; background-size: auto 667px;}
.slideBox .bd li.banImg02{background: url(../images/ban02.jpg) no-repeat center; background-size: auto 667px;}
.slideBox .bd li.banImg03{background: url(../images/ban03.jpg) no-repeat center; background-size: auto 667px;}
.slideBox .bd img{ width:100%; height:667px; display:block;  }

/*section1*/
.sec01{background: #fff; height: 799px; margin-top: 52px;}
.sec01 .title{width: 100%; clear: both; float: left; margin-top: 69px; height: 160px; display: block;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
	border-radius: .2rem .2rem 0 0;
}
.sec01 .title img{float: left; margin-top: -69px; margin-left: 0;}
.sec01 .title .txt{width: 545px; float: right; margin-top: 20px; margin-right: 50px;
	background: url(../images/s1-img02.png) no-repeat center top;
}
.sec01 .title .txt h2{font: bold 46px/66px "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; margin-top: 15px;}
.sec01 .title .txt p{font: 20px/35px "microsoft yahei"; color: #fff;}
.sec01 .stbox{width: 100%; height: 524px; display: block; clear: both; background: #fff url(../images/s1-icon01.jpg) repeat;
	border-radius: 0 0 .2rem .2rem;
	box-shadow: 0 0 .18rem rgba(15,15,15,.1);
}
.sec01 .stbox .tab{width: 1050px; float: left; margin: 22px 25px 15px;}
.sec01 .stbox .tab li{width: 348px; height: 68px; display: block; float: left; cursor: pointer;
	font: 20px/68px "microsoft yahei"; color: #fff;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
	border-radius: .1rem .1rem 0 0;
	margin-right: 3px;
}
.sec01 .stbox .tab li:last-of-type{margin-right: 0;}
.sec01 .stbox .tab li.on{
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
}
.videobox{width: 1050px; float: left; margin: auto 25px;}
.video-l{float: left; width: 700px; height: 394px; display: block; background: #333;}
.video-l .video{width: 100%;}
.video-r{width: 322px; float: right;}
.video-r ul{width: 100%; clear: both;}
.video-r ul li{width: 100%; clear: both; float: left; display: none;text-align: left; min-height: 205px;}
.video-r ul li.on{display: block;}
.video-r ul li font{font: bold 20px/26px "microsoft yahei"; color: #666;float: left; clear: both; margin-bottom: 5px;}
.video-r ul li a{width: 100%; clear: both; font: 16px/28px "microsoft yahei"; display: block; float: left; text-indent: .2rem;color: #555;}
.video-r ul li a.cover{background: #fafafa;}
.video-r ul li a.on{color: #30ab81;}
.video-r ul li a span{margin-left: 32px; color: #fff; font-size: 14px; padding: 1px 5px; border-radius: 5px;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
}
.video-r .ewmbox{width: 100%; clear: both; float: left; margin-top: 5px;}
.video-r .ewmbox img{width: 125px; display: block; float: left;
	box-shadow: 0 0 .18rem rgba(15,15,15,.1);
}
.video-r .ewmbox span{font: 18px/24px "microsoft yahei"; color: #555; background: #fafafa; display: block; float: right; margin-top: 30px;
	padding: 10px 20px;
	border-radius: .1rem;
}
.s1-more{width: 100%; clear: both;float: left; margin-top: 5px;}
.s1-more a{font: bold 20px/54px "microsoft yahei"; display: block;}
.s1-more a.video-a1{float: left;width: 120px; height: 54px; border: solid 1px #01d2b7; color: #01d2b7; box-sizing: border-box;}
.s1-more a.video-a2{float: right; width: 180px; height: 54px; color: #fff;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
}

/* section02 */
.sec02{width:100%; clear:both; float:left; background:#fff url(../images/s2-bg.jpg) no-repeat center bottom;}
.sec-tit{width: 100%; clear: both; float: left;}
.sec02 .sec-tit{background: url(../images/s2-img01.png) no-repeat center top;}
.sec02 .sec-tit h2{font: bold 46px/66px "microsoft yahei"; color: #ffb034; width: 100%; clear: both; float: left; margin-top: 13px;}
.sec02 .sec-tit p{font: 20px/34px "microsoft yahei";}
.s2-cont{width: 100%; clear: both; float: left; margin-top: 15px;}
.s2-cont .tab{float: left; clear: both;}
.s2-cont .tab a{width: 180px; height: 58px; display: block; float: left;
	font: 24px/58px "microsoft yahei"; color: #fff;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
}
.s2-cont .tab a.on{
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
}
.s2-cont .tabbox{width: 100%; clear: both; float: left; margin-top: 38px; margin-bottom: 80px;}
.s2-cont .tabbox .data{float: left; width: 269px; height: auto; background: #fff; box-shadow: 0 0 .17rem rgba(179,179,179,.15); margin-right: 30px; position: relative;
	display: none;
}
.s2-cont .tabbox .data.pc-show{display: block;}
.tagIcon{position: absolute; width: 74px; height: 79px; display: none; top: -16px; right: 15px;
	background: url(../images/s2-tag-bg.png) no-repeat center;
}
.s2-cont .tabbox .data03,.s2-cont .tabbox .data06{margin-right: 0;}
.tagIcon img{margin: 7px auto 0; display: block;}
.tagIcon span{font: 14px/24px "microsoft yahei"; color: #fff; width: 100%; clear: both;}
.s2-cont .tabbox .data .tag{float: left; margin-left: 20px; margin-top: 22px; font: 15px/28px "microsoft yahei"; color: #ffb034; padding: 0 11px; border: solid 1px #ffb034;
	border-radius: 3px;
}
.s2-cont .tabbox .data .tit{float: left; margin-left: 20px; margin-top: 20px; font: bold 30px/33px "microsoft yahei"; color: #333;}
.s2-cont .tabbox .data .tit h3{text-align: left; font-weight: bold; font-size: 25px;}
.s2-cont .tabbox .data .tit h3 span{width: 77px; height: 33px; display: block; float: left; margin-right: 10px; background: url(../images/s2-img02.png) no-repeat center;
	font: bold 22px/33px "microsoft yahei"; text-align: left; text-indent: 12px; color: #fff;display: none;
}
.s2-cont .tabbox .data07 .tit h3 span{width: 91px; height: 33px;text-indent: 10px; background: url(../images/s2-img05.png) no-repeat center;}

.s2-cont .tabbox .data .tit p{font: 16px/30px "microsoft yahei"; color: #02d3b8;width: 100%; text-align: left; float: left; margin-top: 10px;letter-spacing: -1px;}
.s2-cont .tabbox .data .tit p span{color: #4c4c4c; float: left;width: 100%;}
.s2-cont .tabbox .data .tit p span::after{content: '';width: 2px; height: 13px; display: block; float: right; margin: 9px 5px;
	background: #737373;
	display: none;
}
.s2-cont .tabbox .data .type{clear: both; width: 230px; float: left; margin-left: 20px; border-bottom: dotted 1px #e0e0e0; padding-bottom: 10px; margin-bottom: 10px;}
.s2-cont .tabbox .data .type.no-border{border: none;}
.s2-cont .tabbox .data .type h4{font:bold 18px/30px "microsoft yahei"; color: #ffb034; float: left;}
.s2-cont .tabbox .data .type ul{width: 100%; clear: both; float: left; margin-top: 5px;}
.s2-cont .tabbox .data .type ul.preson li{font: 16px/30px "microsoft yahei"; margin-bottom: 7px; color: #333; height: 30px; background: #f5f5f5; float: left; margin-right: 8px; padding: 0 8px;}
.s2-cont .tabbox .data .type ul.preson li.purple {
    background: #f3f3f3;
    color: #01d2b8;
}
.s2-cont .tabbox .data .type ul.service li{font: 15px/20px "microsoft yahei"; color: #333; height: auto; background: #f5f5f5; float: left; margin-right: 6px; margin-bottom: 10px;
	word-wrap: normal; text-align: left; padding: 5px 6px
}
.s2-cont .tabbox .data .type ul.service li.yellow{ letter-spacing: -1px; color: #01d2b8;}
.s2-cont .tabbox .data .type ul.service li:last-child{margin-right: 0;}
.s2-cont .tabbox .data .type ul.teach li{float: left; width: 50px; margin-right: 8px; margin-top: 10px;}
.s2-cont .tabbox .data .type ul.teach li:nth-of-type(4n){margin-right: 0;}
.s2-cont .tabbox .data .type ul.teach li:last-child img{margin-top: 27px;}
.s2-cont .tabbox .data .type ul.part li{clear: both; float: left; width: 100%;}
.s2-cont .tabbox .data .type ul.part li font{font: 16px/30px "microsoft yahei"; color: #4c4c4c; background: #eeeeee; float: left; padding: 0 9px; clear: both;
	margin-bottom: 9px;
}
.s2-cont .tabbox .data .type ul.part li .txt{width: 100%; clear: both; float: left;}
.s2-cont .tabbox .data .type ul.part li span{border: solid 1px #ccc; font: 16px/28px "microsoft yahei"; color: #666; display: block; float: left;  padding: 0 7px; margin-bottom: 10px;}
/* .s2-cont .tabbox .data .type ul.part li span em{color: #1a704d;} */
.s2-cont .tabbox .data .type ul.part li span a{color: #01d2b7;margin-left: 5px;}
.s2-cont .tabbox .data .type ul.part li span:first-child{margin-right: 5px;}
.s2-cont .tabbox .data .type ul.part li span.yellow{color: #fb6602; margin-left: 0;}
.s2-cont .tabbox .data .type ul.part li span a:before{content: '';width: 15px; height: 28px; display: inline-block; margin-right: 5px; vertical-align: top;}
.s2-cont .tabbox .data .type ul.part li span a.st:before{background: url(../images/s2-icon01.png) no-repeat center; background-size: 100%;}
.s2-cont .tabbox .data .type ul.part li span a.zb:before{background: url(../images/s2-icon02.png) no-repeat center; background-size: 100%;}
.s2-cont .tabbox .data .type ul.part li .item{/* border: solid 1px #ccc; */ position: relative; width: auto; float: left; margin-bottom: 7px; padding: 8px 0;}
.s2-cont .tabbox .data .type ul.part li .item p {
    font: 15px/21px "microsoft yahei";
    color: #666;
    text-align: left;
    margin-left: 10px;
    display: inline-block;
    float: left;
	position: relative;
	padding-bottom: 3px;
}
.s2-cont .tabbox .data .type ul.part li .item p.icon::before{content: '';width: 13px; height: 21px; display: inline-block;
	background: url(../images/s2-icon03.png) no-repeat center; vertical-align: top; margin-right: 3px;
}
.s2-cont .tabbox .data .type ul.part li .item i{position: absolute; top: 0; right: -30%;  width: 39px; height: 24px; display: block;
	background: url(../images/s2-icon04.png) no-repeat center; background-size: 100%; font: 14px/20px "microsoft yahei"; color: #fff;text-align: center;
}
.s2-cont .tabbox .data06 .type ul.part li .item{width: 225px;}
.s2-cont .tabbox .data06 .type ul.part li .item p{color: #fb6602;}
.s2-cont .tabbox .data06 .type ul.part li .item i{position: absolute; top: 8px; right: 10px; }

.s2-cont .tabbox .data .type ul.dataInfo{clear: both; width: 100%; float: left;}
.s2-cont .tabbox .data .type ul.dataInfo li{font: 15px/28px "microsoft yahei"; color: #444; text-align: left; float: left; clear: both;}
.s2-cont .tabbox .data .type ul.dataInfo li::before{content: '';width: 5px; height: 5px; display: block; float: left; margin-top: 11px; margin-right: 0px;
	background: #999; border-radius: 50%;
}
.s2-cont .tabbox .data .type ul.dataInfo li p::before{content: ''; width: 13px; height: 28px; display: inline-block;
	background: url(../images/s2-icon03.png) no-repeat center; vertical-align: top; margin-right: 3px; margin-left: 10px;
}
.s2-cont .tabbox .data .ewm-btn{width: 100%; clear: both; text-align: center;}
.s2-cont .tabbox .data .ewm-btn .ewmData{width: 267px; margin: auto; background: #fafafa; display: block; height: 124px;}
.s2-cont .tabbox .data .ewm-btn .ewmData img{display: block; float: left; margin-left: 11px; margin-top: 10px;width: 102px;}
.s2-cont .tabbox .data .ewm-btn .ewmTxt{float: left; margin-left: 10px; width: 136px; margin-top: 26px;}
.s2-cont .tabbox .data .ewm-btn .ewmTxt span{font: 16px/20px "microsoft yahei"; color: #fff; background: url(../images/s2-img03.png) no-repeat center top; background-size: 100%; height: 24px; width: 100%; display: block;}
.s2-cont .tabbox .data .ewm-btn .ewmTxt p{font: 16px/20px "microsoft yahei"; color: #666; width: 100%; clear: both; float: left; margin-top: 8px;}
.s2-cont .tabbox .data .ewm-btn .price{width: 100%; clear: both; float: left; margin-top: 10px;}
.s2-cont .tabbox .data .ewm-btn .price span{font-size: 15px; line-height: 39px; color: #444;}
.s2-cont .tabbox .data .ewm-btn .price span em{color: #01d2b7;}
.s2-cont .tabbox .data .ewm-btn .price span b{font-weight: bold; font-size: 28px;}
.s2-cont .tabbox .data .ewm-btn .price span.lin:after{content: '';width: 1px; height: 39px; display: inline-block;
	background: url(../images/s2-img04.png) no-repeat center; margin: 0 10px; vertical-align: top;
}
.s2-btn{width: 100%; clear: both; float: left; margin: 25px auto;}
.s2-btn a{font: 21px/48px "microsoft yahei"; color: #01d2b7; width: 115px; height: 48px; display: inline-block; margin: 0 3px;}
.s2-btn a.btn01{border: solid 1px #01d2b7; box-sizing: border-box;}
.s2-btn a.btn02{color: #fff;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
}
.dataInfo{font: 16px/28px "microsoft yahei"; color: #444; text-align: left; float: left; clear: both;}
.dataInfo b{font-weight: bold;}
.data_new{width: 313px !important;}
.s6-cont .item10 font i, .s6-cont .item11 font i{font-style: 23px;}



/* section03 */
.sec03{width: 100%; clear: both; float: left; background:#5635b0 url(../images/s3-bg.jpg) no-repeat center top;}
.s3-title{width: 100%; background: url(../images/s3-img01.png) no-repeat center top; float: left; margin-top: 50px;}
.s3-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s3-title h2 span{width: 120px; display: inline-block; background: url(../images/s3-img02.png) no-repeat center; font-size: 30px; color: #fff;
	vertical-align: top; margin-right: 5px;
}
.s3-title p{font: 20px/32px "microsoft yahei"; color: #fff;}
.s3-cont{clear: both; float: left; width: 100%; margin-top: 32px; margin-bottom: 90px;}
.s3-cont table{width: 100%; border-radius: 6px;}
.s3-cont table th.img{position: relative; width: 275px;}
.s3-cont table th.img img{position: absolute; top: -78px; left: 0px;}
.s3-cont table th.color{ height: 80px; font: bold 21px/80px "microsoft yahei"; color: #fff; border-radius: 6px 6px 0 0; width: 275px;position: relative; z-index:1;}
/* .wid01{width: 275px;}
.wid02{width: 275px;}
.wid03{width: 275px;} */
.s3-cont table th.yellow{
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #01d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #01d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #01d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #01d2b7); /* 标准的语法 */
}
.s3-cont table th.purple{color: #fff;
	background: #ffb032;
	background: -webkit-linear-gradient(left, #ffb032 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ffb032, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ffb032, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ffb032 , #ffaf48); /* 标准的语法 */
}
.s3-cont table th span{display: block;}
.s3-cont table td{font: 18px/24px "microsoft yahei"; color: #555; background: #fff; padding: 13px; border-right: solid 1px #eeebeb; border-bottom: solid 1px #eeebeb;}
.s3-cont table td.pin{background: #f5f5f5;}
.s3-cont table td b{font-weight: bold; color: #ff4c4c;}

/* section04 */
.sec04{width: 100%; clear: both; float: left; background: #fff;}
.s4-title{width: 100%; background: url(../images/s4-img01.png) no-repeat center top; float: left; margin-top: 35px;}
.s4-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s4-title p{font: 20px/32px "microsoft yahei"; color: #333;}
.s4-cont{width: 100%; float: left; margin-top: 28px; clear: both; }

.s4-cont{ overflow:hidden; position:relative; margin-bottom: 50px;}
.s4-cont .bd{ padding:0 10px ; overflow: hidden; height: 360px;}
.s4-cont .tempWrap{margin: auto;}
.s4-cont .bd ul{ overflow:hidden; zoom:1; }
.s4-cont .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; cursor: pointer;}
.s4-cont .bd ul li .show{width: 100%; position: relative;}
.s4-cont .bd ul li img{ width:100%; height:360px; display:block;}
.s4-cont .bd ul li .txt{width: 100%; height: 95px; display: block;position: absolute; bottom: 0; color: #fff;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
}
.s4-cont .bd ul li .txt span{width: 26px; height: 51px; display: block; background: url(../images/s4-img02.png) no-repeat center top;
	font: 18px/19px "microsoft yahei"; color: #f06305; float: left; margin-top: -7px; margin-left: 10px; padding-top: 3px; margin-right: 5px;
}
.s4-cont .bd ul li .txt p{font: 15px/20px "microsoft yahei"; color: #FFFFFF; text-align: left; width: 188px; float: left; margin-top: 3px;}
.s4-cont .bd ul li .cover{width: 100%; height: 0;  display: block; float: left; position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.s4-cont .bd ul li .cover p{font: 16px/22px "microsoft yahei"; color: #fff;width: 80%; margin: 17px 10%; float: left; text-align: justify;}

.s4-cont .hd{ overflow:hidden;position: absolute; top: 160px; width: 100%;}
.s4-cont .hd .prev,.s4-cont .hd .next{ display:block;  width:40px; height:40px; overflow:hidden; cursor: pointer;}
.s4-cont .hd .prev{float: right;}
.s4-cont .hd .next{float: left;}
.s4-cont >p{ font: 16px/32px "microsoft yahei"; color: #666; clear: both; float: right; margin-top: .1rem;margin-right: .55rem;} 
.s4-cont >p a{ color: #f06305; text-decoration: underline;}

/* section05 */
.sec05{width: 100%; clear: both; float: left; background:#fffbeb; height: 797px;}
.s5-title{width: 100%; background: url(../images/s5-img01.png) no-repeat center top; float: left; margin-top: 43px;}
.s5-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s5-title p{font: 20px/32px "microsoft yahei"; color: #333;}
.s5-cont{width: 100%; float: left; margin-top: 50px; clear: both; }
.s5-cont .item{width: 332px; height: 480px; display: inline-block; background: url(../images/s1-icon01.jpg) repeat;
	border-radius: 20px;
	box-shadow: 0 0 .18rem rgba(15,15,15,.1);
}
.s5-cont .item02{margin: 0 51px;}
.s5-cont .item img{display: block; margin: 40px auto 15px;}
.s5-cont .item font{font: bold 26px/56px "microsoft yahei"; color: #ffb034; clear: both;}
.s5-cont .item p{clear: both; font: 20px/30px "microsoft yahei"; color: #333; text-align: left; width: 80%; margin: 0 10% 25px;}
.s5-cont .item a{width: 210px; height: 48px; display: block; margin: auto; font: 20px/48px "microsoft yahei"; color: #fff; border-radius: 24px;
	background: #feae27;
	background: -webkit-linear-gradient(left, #fea526 , #feb92c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fea526, #feb92c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fea526, #feb92c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fea526 , #feb92c); /* 标准的语法 */
	box-shadow: 0 5px 4px rgba(255,131,5,.2);
}

/* section06 */
.sec06{width: 100%; clear: both; float: left; background:#fffbeb;}
.s6-title{width: 100%; background: url(../images/s6-img01.png) no-repeat center top; float: left; }
.s6-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s6-title p{font: 20px/32px "microsoft yahei"; color: #333;}
.s6-cont{width: 100%; float: left; margin-top: 50px; clear: both; }
.s6-cont .item{float: left; margin:20px 9px;width: 257px; margin-bottom: 40px;}
.s6-cont .item font{width: 214px; height: 77px; display: block; margin: auto; font: bold 25px/77px "microsoft yahei"; color: #fff; vertical-align: top;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
	border-radius: 10px 10px 0 0;
}
.s6-cont .item font i{width: 33px; display: inline-block; color: #ffb034; background: url(../images/s6-icon01.png) no-repeat center; margin-right: 10px;}
.s6-cont .item .txt{width: 100%; height: 220px; display: block; background: #fff; border-radius: 10px;
	box-shadow: 0 0 .18rem rgba(15,15,15,.1);
}
.s6-cont .item .txt p{height: 142px;font: 16px/26px "microsoft yahei";color: #333;width: 86%;margin: 11px 7% 15px;min-height: 112px;float: left;text-align: left;}
.s6-cont .item .txt p span{color: #f00;}
.s6-cont .item .txt a{width: 200px; height: 48px; display: block; clear: both; margin: auto; font: 20px/48px "microsoft yahei"; color: #fff; border-radius: 24px;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
	box-shadow: 0 5px 4px rgba(255,131,5,.2);
}
.s6-cont .item  img{margin-top: 15px;}
.s6-cont .item04,.s6-cont .item08,.item12{margin-right: 0 !important;}
.s6-cont .item10 font i, .s6-cont .item11 font i{font-size: 23px !important;}
/* section07 */
.sec07{width: 100%; clear: both;background: url(../images/s7-bg.jpg) no-repeat center; height: 708px;}
.s7-title{width: 100%; background: url(../images/s7-img01.png) no-repeat center top; float: left; }
.s7-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s7-cont{width: 100%; float: left; margin-top: 71px; clear: both; }
.s7-cont img{display: block; margin: auto;}

/* section08 */
.sec08{width: 100%; clear: both;background: #fff; float: left;}
.s8-title{width: 100%; background: url(../images/s8-img01.png) no-repeat center top; float: left; margin-top: 63px;}
.s8-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s8-title p{font: 20px/32px "microsoft yahei"; color: #333;}
.s8-cont{width: 100%; float: left; margin-top: 37px; clear: both; }
.s8-cont .tab{width: 100%; clear: both; float: left;}
.s8-cont .tab a{width: 550px; height: 100px; display: inline-block; font: bold 30px/100px "microsoft yahei"; color: #fff;}
.s8-cont .tab a.one{background: url(../images/s8-img02.png) no-repeat center;}
.s8-cont .tab a.one.on{background: url(../images/s8-img04.png) no-repeat center;}
.s8-cont .tab a.two{background: url(../images/s8-img03.png) no-repeat center;}
.s8-cont .tab a.two.on{background: url(../images/s8-img05.png) no-repeat center;}
.s8-cont .tabbox{width: 100%; height: 525px; display: block; clear: both; background: url(../images/s1-icon01.jpg) repeat; border-radius: 0 0 .2rem .2rem;
	box-shadow: 0 0 .18rem rgba(15,15,15,.1);
}
.tab-show{width: 100%; clear: both; float: left; display: none;}
.tab-show.show{display: block;}
.tab-show .tab-left{width: 455px; float:left; height: 420px; margin-top: 46px; margin-left: 65px; background: url(../images/s8-img06.png) no-repeat center bottom; position: relative;}
.tab-show .tab-left img{display: block;margin: 20px auto 0;}
.tab-show .tab-left .lin-img{width: 100%; position: absolute; left: 0; top: 38%; z-index: 0;
	-webkit-animation: ballon 2s linear infinite;
	animation: ballon 2s linear infinite;
}
.tab-right{width: 400px; float:right;margin-top: 45px; margin-right: 80px;}
.tab-right ul{width: 100%; clear: both; }
.tab-right ul li{width: 100%; clear: both; float:left; margin-bottom: 16px;}
.tab-right ul li font{width: 120px; height: 48px; display: block; float:left; margin-bottom: 5px; font: bold 22px/48px "microsoft yahei";color:#fff; 
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
	border-radius: 10px;
}
.tab-right ul li span{float:left; font:22px/48px "microsoft yahei";color:#333; margin-left: 5px;}
.tab-right ul li p{width: 400px; float:left; font: 20px/32px "microsoft yahei";color:#333; text-align:left; margin-left: 10px;}

/* 教材免费申领平台 */
.s8-form{width: 100%; clear: both; float: left; margin: 55px auto 59px;
	background: #ff9700;
	background: -webkit-linear-gradient(left, #ff9700 , #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff9700 , #ffaf48); /* 标准的语法 */
	border-radius: .2rem;
}
.s8-form h3{width: 100%; clear: both; margin-top: 10px; background: url(../images/s8-img08.png) no-repeat center;
	font: bold 40px/94px "microsoft yahei"; color: #fff;
}
.s8-form form{width: 1000px; height: 190px; display: block; margin: 0 50px 38px; background: #fff;float: left;}
.s8-form form em{font: 20px/58px "microsoft yahei"; color: #ffb034;}
.s8-form form ul{clear: both; width: 100%; float: left;}
.s8-form form ul li{width: 313px; height: 49px; border: solid 1px #bfbfbf; float: left; margin: auto 10px;}
.s8-form form ul li.kemu{margin-left: 45px;}
.s8-form form ul li.btn{border: none; width: 240px;}
.s8-form form ul li span{font: 20px/49px "microsoft yahei"; color: #333; float: left; margin-left: 10px;}
.s8-form form ul li input{width: 200px; height: 49px; float:left; border:none;font: 20px/49px "microsoft yahei";color:#333;}
.s8-form form ul li.phone input{width: 240px;}
.s8-form form ul li.btn a{width: 100%; display: block; height: 49px; font: 24px/49px "microsoft yahei"; color: #fff;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
	border-radius: .05rem;
	box-shadow: 0 5px 4px rgba(86,203,237,.2);
}
.s8-form form p{font: 16px/24px "microsoft yahei"; color: #666; width: 100%; clear: both; float: left; margin-top: 0;}

.xieyi{width: 100%; clear: both; float: left; margin: .1rem auto 0; font-size: 16px; line-height: .32rem; color: #555;}
.xieyi .xy {border: none; width: 1.8rem; height: .32rem; background: transparent; font-size: .16rem; vertical-align: inherit; color: #666;}
.xieyi input[type=checkbox] {position: relative; float: none; width: .16rem; height: .16rem; padding: 0; margin-bottom: 0; border: none; border-radius: .05rem; -webkit-appearance: checkbox; vertical-align: inherit;}
.xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; 
	border: 1px solid #d9d9d9; border-radius: .05rem;
}
.xieyi input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background-color: #0075ff; top: 0; left: 0; width: 100%; border: 1px solid #0075ff; border-radius:.05rem; color: #fff; font-size: .14rem; font-weight: bold; text-align: center; line-height: .16rem;}
.xieyi a {display: inline; background: transparent; font-size: .16rem; line-height: .32rem; color: #ed5736;}
.bd_box .xieyi {padding-left: 314px; margin-bottom: 0;}

/* section09 */
.sec09{width: 100%; clear: both; float: left; background: url(../images/s9-bg.jpg) no-repeat center top; height: 715px;}
.s9-title{width: 100%; background: url(../images/s9-img01.png) no-repeat center top; float: left; margin-top: 55px;}
.s9-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s9-title p{font: 20px/32px "microsoft yahei"; color: #333;}
.s9-title p span{color: #ffb033;}
.s9-cont{width: 100%; float: left; margin-top: 113px; clear: both; }
.s9-cont .item{width: 346px; height: 407px; display: inline-block; background: url(../images/s9-img02.png) no-repeat center; border-radius: .2rem;
	box-shadow: 0 0 .18rem rgba(168,176,178,.4);
}
.s9-cont .item02{margin: auto 30px;}
.s9-cont .item .line{width: 320px; height: 381px; display: block; border: dashed 1px #dcd5ef; border-radius: .14rem; float: left; margin: 12px;}
.s9-cont .item .line img{display: block; width: 189px; margin: -97px auto 0; height: 189px; border-radius: 50%;}
.s9-cont .item .line font{font: bold 36px/88px "microsoft yahei"; color: #ffb037; width: 100%;}
.s9-cont .item .line ul{width: 100%; clear: both; float: left; margin-bottom: 20px;}
.s9-cont .item .line ul li{font: 20px/40px "microsoft yahei"; color: #666; width: 120px; height: 40px; display: inline-block; margin: 0 7px 11px; background: #f6f5f5;}
.s9-cont .item .line a{width: 210px; height: 48px; display: block; clear: both; margin: auto; font: 20px/48px "microsoft yahei"; color: #fff; border-radius: 24px;
	background: #6eeccf;
	background: -webkit-linear-gradient(left, #6eeccf , #00d2b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #6eeccf, #00d2b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #6eeccf, #00d2b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #6eeccf , #00d2b7); /* 标准的语法 */
	box-shadow: 0 5px 4px rgba(83,202,237,.2);
}

/* section10 */
.sec10 {
    width: 100%;
    clear: both;
    float: left;
    background: #fffef5 url(../images/s10-bg.jpg) no-repeat center top;
}
.s10-title{width: 100%; background: url(../images/s10-img01.png) no-repeat center top; float: left; margin-top: 55px;}
.s10-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s10-cont{width: 100%; float: left; margin-top: 52px; clear: both; margin-bottom: 90px;}
.s10-cont .left{float: left; margin-left: 30px;}
.s10-cont .right{float: right;margin-right: 30px;}
.s10-cont .ewm{width: 307px; height: 380px; display: block;
	background: #ff9700;
	background: -webkit-linear-gradient(#ff9700, #ffaf48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff9700, #ffaf48); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff9700, #ffaf48); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff9700, #ffaf48); /* 标准的语法 */
	border-radius: .14rem;
	box-shadow: 0 0 .15rem rgba(179,179,179,.15);
}
.s10-cont .ewm img{display: block; margin: 28px 28px 15px;}
.s10-cont .ewm span{font: 24px/32px "microsoft yahei"; color: #fff; width: 100%;}
.s10-cont .med{float: left; background: url(../images/s10-line.png) no-repeat center; width: 381px; height: 255px; float: left; margin-left: 25px; margin-top: 50px;}
.s10-cont .med ul{width: 100%; clear: both;}
.s10-cont .med ul li{width: 50%; display: block; height: 127px; float: left;}
.s10-cont .med ul li img{display: block; margin: auto; margin-top: 20px; margin-bottom: 15px;}
.s10-cont .med ul li.top img{margin-top: -5px;}
.s10-cont .med ul li span{font: 18px/25px "microsoft yahei"; color: #333; width: 100%; display: block;}
.s10-cont .med ul li:nth-of-type(2n) span{padding-right: 0;}

/* section11 */
.sec11{width: 100%; clear: both; background: url(../images/s11-bg.jpg) no-repeat center top; }
.s11-title{width: 100%;background: url(../images/s11-title01.png) no-repeat center top;float: left;margin-bottom: 43px;margin-top: 33px;}
.s11-title h2{font: 46px/66px "microsoft yahei"; color: #ffb034; float: left; margin-top: 14px; font-weight: bold;width: 100%;}
.s11-cont{width: 1100px;margin: 0 auto;padding-top: 71px;}
.s11-cont ul{width: 100%; clear: both;}
.s11-cont ul li{width: 275px; float:left; display: block; position: relative; height: 479px;}
.s11-cont ul li.item1{background: url(../images/s11-img01.png) no-repeat center; margin-left: 137px;}
.s11-cont ul li.item2{background: url(../images/s11-img02.png) no-repeat center;}
.s11-cont ul li.item3{background: url(../images/s11-img03.png) no-repeat center;}
.s11-cont ul li.item4{background: url(../images/s11-img04.png) no-repeat center;}
.s11-cont ul li .item-show{width: 100%; padding: 60% 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.s11-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s11-cont .item-img img{display: block;margin: auto;}
.s11-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }

.s11-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(0) rotate(-180deg);
	-moz-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg);
}
.s11-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase; padding-top: 42%;text-align: justify; height: 150px;}
.s11-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff;  border: 1px solid #fff; text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.s11-cont .info a:hover {background: #fff; color: #e72d1b;}
.s11-cont ul li:hover .item-show {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
}
.s11-cont ul li:hover .info {visibility: visible; opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

@keyframes ballon {
   0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}
@-webkit-keyframes ballon {
	0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}

/*section2*/

/*按钮悬停*/
.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:207px; height:619px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:15%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:80px; right:10px; height:20px; width:20px; border: solid 1px #f27612; border-radius: 50%; font-size: 18px; line-height: 20px;
	color: #f27612; text-align: center;
}
.mt185{margin-top:212px;}
.nav-bg{width:117px; height:35px; display: block;float:left; clear:both;margin-left:43px;margin-bottom:13px; text-align: center;}
.nav-bg a{width:100%; height:35px; display: block; margin:auto; border: solid 1px #fff; font: 20px/35px "microsoft yahei"; color: #fff;}
.nav-bg a:hover{background: #fff; color: #ff5c01;}

.left_top{width:48px; height:48px;display: block;float:left;margin-left:78px;}