@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;
 }
/*banner */
.banner-box{position:relative;height:611px;background:url(../images/banner.png) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: 611px;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}


/*section1*/
.sec01{width: 100%; clear: both; background: #fff;}
.s1-title{width: 100%; clear: both; float: left; margin-top: 30px;}
.s1-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s1-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/title-img02.png) no-repeat center;}
.s1-title h2 span{color: #c8a25a;}
.s1-title img{display: block; margin: auto;}
.s1-cont{width: 100%; clear: both; float: left; margin-top: 50px;}
.s1-left{width: 50%; float: left;}
.s1-right{width: 50%; float: right;}
.s1-left h3{width: 355px; height: 62px; display: block; float: left; background: url(../images/s1-img01.png) no-repeat left center; font: bold 32px/62px "microsoft yahei";color: #fff; text-align: left; text-indent: 28px;}
.s1-right h3{width: 355px; height: 62px; display: block; float: right; background: url(../images/s1-img02.png) no-repeat center; font: bold 32px/62px "microsoft yahei";color: #fff; text-align: left; text-indent: 78px;}
.txtbox{width: 100%; height: 366px; display: block; background: #fff; float: left;
	-webkit-box-shadow: 0 0 14px rgba(205,205,205,.6);
	box-shadow: 0 0 14px rgba(205,205,205,.6);
}
.txtbox ul{float: left; margin-left: 30px; margin-top: 32px;}
.txtbox ul li{width: 460px; padding-left: 25px;clear: both; float: left; position: relative; padding-bottom: 15px;}
.txtbox ul li:before{content: '';width: 1px;height: 100%; background: #d2f0e7; display: block; position: absolute;  top: 25px;left: 0;}
.txtbox ul li:last-child:before{display: none;}
.txtbox ul li i{width: 20px; height: 20px; display: block; position: absolute; top: 10px; left: -10px;}
.left-txt ul li i{background: url(../images/s1-icon01.png) no-repeat center; background-size: 100%;}
.right-txt ul li i{background: url(../images/s1-icon02.png) no-repeat center; background-size: 100%;width:21px; height: 21px;}
.txtbox ul li p{font: 18px/28px "microsoft yahei";color: #333;width: 100%; text-align: left;}
.txtbox ul li p font{font-weight: bold;}
.txtbox ul li p span{color: #f1291f;}
.right-txt .tip{float: right; font: 18px/28px "microsoft yahei";color: #999; clear: both; margin-right: 50px;}
.sec01 iframe{width: 100%; clear: both; float: left; height: 300px; display: block; border: none; margin-top: 35px; margin-bottom: 15px;}
.form1{width: 100%; clear: both;}
h3.s1-form-title{width: 100%; font: bold 32px/60px "microsoft yahei";color: #333; height: 60px; background: url(../images/s1-img03.png) no-repeat center;}
h3.s1-form-title span{color: #00ab79;}
.form1 ul{width: 100%; clear: both; float: left; margin-top: 20px; margin-bottom: 32px;}
.form1 ul li{width: 352px;height: 58px; display: block; float: left; margin-right: 19px; border: solid 1px #00ab79;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.form1 ul li:last-child{margin: 0;}
.form1 ul li span{font: 22px/58px "microsoft yahei";color: #333; float: left; margin-left: 20px;}
.form1 ul li span:before{font-size: 26px; line-height: 58px;color: #333; float: left;}
.form1 ul li span:after{content: '';width: 1px; height: 24px; display: block; background: #ccc; float: right; margin-top: 17px; margin-left: 15px;}
.form1 ul li input{width: 210px; height: 58px; display: block; border: none; font: 24px/58px "microsoft yahei";color: #333; float: left; margin-left: 8px;}
.form1 a{width: 477px; height: 58px; display: block; margin: auto; clear: both; font: 28px/58px "microsoft yahei";color: #fff;
	background: #f7432d;
	background: -webkit-linear-gradient(left, #ee2312 , #ff6649); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ee2312, #ff6649); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ee2312, #ff6649); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ee2312 , #ff6649); /* 标准的语法 */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 4px 13px rgba(255,148,129,.6);
	box-shadow: 0 4px 13px rgba(255,148,129,.6);
}
.form1 p{width: 100%; clear: both; float: left; font: 18px/30px "microsoft yahei";color: #999; margin-top: 20px;}

/* section02 */
.sec02{width: 100%; height: 540px; display: block; clear: both; background: url(../images/s2-bg.jpg) no-repeat center top;}
.s2-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s2-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/s2-title01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s2-title h2{font: bold 48px/64px "microsoft yahei";color: #fff;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s2-title02.png) no-repeat center;}
.s2-title h2 span{color: #f5e19f;}
.s2-title img{display: block; margin: auto;}
.s2-cont{width: 100%; height: auto; clear: both; margin-top: 35px; float: left;}
.s2-top{width: 523px; height: 238px; display: block; background: url(../images/s2-img01.png) no-repeat center; background-size: 100%;}
.s2-left{float: left; margin-left: 18px;}
.s2-right{float: right; margin-right: 18px;}
.s2-top font{font: bold 28px/56px "microsoft yahei";color: #fff; width: 100%; float: left; clear: both;}
.s2-left ul{float: left; margin-top: 15px; margin-left: 40px;}
.s2-left ul li{float: left; clear: both; padding-left: 25px; position: relative; padding-bottom: 5px;}
.s2-left ul li:before{content: '';width: 1px; height: 100%; display: block; position: absolute; left: 0; top: 25px;background: #99ddd1;}
.s2-left ul li i{width: 27px; height: 31px; display: block; background: url(../images/s2-icon01.png) no-repeat center; background-size: 100%; position: absolute; top: 0; left: -13px;}
.s2-left ul li p{font: 18px/28px "microsoft yahei";color: #333; text-align: left; width: 415px; border-bottom: solid 1px #e5eeeb; padding-bottom: 10px;}
.s2-left ul li:last-child:before{display: none;}
.s2-left ul li:last-child p{border: none;}

.s2-right ul{float: left; margin-top: 15px; margin-left: 40px;}
.s2-right ul li{float: left; clear: both; padding-bottom: 5px;}
.s2-right ul li i{width: 19px; height: 28px; display: block; float: left; background: url(../images/s2-icon02.png) no-repeat center; background-size: 100%;}
.s2-right ul li p{font: 18px/28px "microsoft yahei";color: #333;float: left;margin-left: 5px; text-align: left; width: 415px; border-bottom: solid 1px #e5eeeb; padding-bottom: 5px;}
.s2-right ul li:last-child p{border: none;}

.s2-btm{width: 1000px; height: 497px; display: block; float: right; margin-top: 17px; margin-right: 18px; background: #fff;
	-webkit-box-shadow: 0 6px 27px rgba(180,210,204,.4);
	box-shadow: 0 6px 27px rgba(180,210,204,.4);
}
.s2-btm-left{float: left; margin-top: 50px; margin-left: -65px; display: block; width: 326px; height: 394px;
	-webkit-box-shadow: 0 4px 13px rgba(0,134,103,.4);
	box-shadow: 0 4px 13px rgba(0,134,103,.4);
}
.s2-btm-left img{display: block; margin: auto;}
.s2-btm-right{float: left; margin-top: 28px; margin-left: 57px;}
.s2-btm-right ul{clear: both; width: 645px;}
.s2-btm-right ul li{clear: both; float: left; width: 100%; border-bottom: solid 1px #e5eeeb; margin-bottom: 25px;}
.s2-btm-right ul li:last-child{border: none;}
.s2-btm-right ul li font{float: left; font: bold 24px/47px "microsoft yahei"; text-align: left; background: url(../images/s2-img03.png) no-repeat center left;}
.s2-btm-right ul li font i{width: 39px; float: left; margin-left: 7px; margin-right: 8px; font: bold 24px/47px arial;color: #01987b; text-align: center;}
.s2-btm-right ul li a{float: right; margin-right: 30px; width: 164px; height: 40px; display: block; font: 18px/40px "microsoft yahei";color: #fff;
	background: #f7432d;
	background: -webkit-linear-gradient(left, #ee2312 , #ff6649); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ee2312, #ff6649); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ee2312, #ff6649); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ee2312 , #ff6649); /* 标准的语法 */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 4px 9px rgba(254,98,70,.4);
	box-shadow: 0 4px 9px rgba(254,98,70,.4);
}
.s2-btm-right ul li p{font: 18px/28px "microsoft yahei";color: #333; text-align: left; float: left; width: 94%; margin: 15px 3% 10px;}

/* section03 */
.sec03{width: 100%; height: 834px; display: block; clear: both; background: url(../images/s3-bg.jpg) no-repeat center top;}
.s3-title{width: 100%; clear: both; float: left;}
.s3-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s3-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s3-title02.png) no-repeat center;}
.s3-title h2 span{color: #c8a25a;}
.s3-title img{display: block; margin: auto;}
.s3-cont{width: 100%; clear: both; float: left; margin-top: 28px;}
.s3-left{float: left; margin-left: 14px; width: 660px;}
.s3-left font{float: left; background: url(../images/s3-img01.png) no-repeat center; width: 493px; height: 77px; margin-left: 5px;}
.s3-left font span{font: bold 32px/69px "microsoft yahei";color: #fff; float: left; margin-left: 28px; margin-top: 8px;}
.s3-left-txt{float: left; width: 100%; height: 515px; display: block; background: url(../images/s3-img02.jpg) no-repeat left center;
	-webkit-box-shadow: 0 0 14px rgba(175,215,209,.7);
	box-shadow: 0 0 14px rgba(175,215,209,.7);
}
.s3-left-txt ul{float: left; margin-top: 40px; margin-left: 50px;}
.s3-left-txt ul li{clear: both; float: left; padding-bottom: 23px; position: relative; padding-left: 23px;}
.s3-left-txt ul li:before{content: '';width: 1px; height: 100%; display: block; border-left: dashed 1px #31c59c; position: absolute; top: 25px; left: 0;}
.s3-left-txt ul li:last-child:before{display: none;}
.s3-left-txt ul li i{width: 24px; height: 28px; display: block; background: url(../images/s3-icon01.png) no-repeat center; font: 18px/28px arial;color: #039b7f; position: absolute; top: 0; left: -12px;}
.s3-left-txt ul li p{font: 18px/28px "microsoft yahei";color: #fff; text-align: left; width: 505px; float: left;}
.s3-left-txt span{font: 18px/42px "microsoft yahei";color: #a4ffe2; float: right; margin-top: 10px; margin-right: 80px; padding: 0 16px;
	background: #09b37e;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) , #09b37e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, rgba(255,255,255,0), #09b37e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, rgba(255,255,255,0), #09b37e); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, rgba(255,255,255,0) , #09b37e); /* 标准的语法 */
}
.s3-right{float: left; margin-top: 6px; width: 458px; margin-left: -43px;
	-webkit-box-shadow: 0 3px 13px rgba(114,187,162,.3);
	box-shadow: 0 3px 13px rgba(114,187,162,.3);
}
.s3-right h3{font: bold 32px/72px "microsoft yahei";color: #fff; width: 100%; background: url(../images/s3-img03.jpg) no-repeat center;
	-webkit-box-shadow: 0 0 14px rgba(205,205,205,.6);
	box-shadow: 0 0 14px rgba(205,205,205,.6);
}
.s3-right form{width: 100%; height: 530px; display: block; float: left; clear: both; background: url(../images/s3-img04.png) no-repeat center;}
.s3-right form ul{width: 100%; clear: both; float: left; margin-top: 20px; margin-bottom: 20px;}
.s3-right form ul li{clear: both; float: left; margin-left: 50px;width: 400px; margin-bottom: 13px;}
.s3-right form ul li font{font: bold 18px/26px "microsoft yahei";color: #333; float: left;width: 100%; text-align: left; margin-bottom: 5px;}
.s3-right form ul li font:before{content: '';width: 5px; height: 15px; display: block; background: #06a77b; float: left; margin-top: 6px; margin-left: -11px;}
.s3-right form ul li label{font: 16px/28px "microsoft yahei";color: #333; float: left; width: 33.3%; text-align: left;}
.s3-right form ul li.import{width: 350px; height: 52px; display: block; border: solid 1px #00ab8d; float: left; margin-bottom: 8px; margin-left: 55px;}
.s3-right form ul li.name{margin-top: 50px;}
.s3-right form ul li span{font: 24px/52px "microsoft yahei";color: #029580; float: left;}
.s3-right form ul li span:before{float: left; margin-left: 21px; margin-right: 5px;}
.s3-right form ul li span:after{content: '';width: 1px; height: 24px; display: block; background: #ccc; float: right; margin-left: 13px; margin-top: 15px;}
.s3-right form ul li.import input{width: 230px; height: 52px; border: none; float: left; font: 22px/52px "microsoft yahei"; margin-left: 5px;} 
.s3-right form a{width: 353px;height: 54px; display: block; margin: auto; clear: both; font: 28px/54px "microsoft yahei";color: #fff;
	background: #f43b26;
	background: -webkit-linear-gradient(#ff6649, #ee2312); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff6649, #ee2312); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff6649, #ee2312); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff6649, #ee2312); /* 标准的语法 */
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}
/* section04 */
.sec04{width: 100%; height: 808px; display: block; clear: both; background: url(../images/s4-bg.png) no-repeat center bottom;}
.s4-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s4-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s4-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s4-title02.png) no-repeat center;}
.s4-title h2 span{color: #c8a25a;}
.s4-title img{display: block; margin: auto;}
.s4-cont{width: 100%; clear: both; float: left; margin-top: 30px;}
.s4-top{width: 100%; height: 442px; display: block; float: left;
	background: #05a27f;
	background: -webkit-linear-gradient(#08b47e, #029380); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#08b47e, #029380); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#08b47e, #029380); /* Firefox 3.6 - 15 */
	background: linear-gradient(#08b47e, #029380); /* 标准的语法 */
}
.s4-top ul{width: 100%; clear: both; float: left; background: url(../images/s4-img01.png) no-repeat center top;}
.s4-top ul li{width: 171px; display: inline-block; margin-top: 17px;}
.s4-top ul li span{font: bold 18px/40px "microsoft yahei";color: #ffe38f;}
.s4-top ul li img{display: block; margin: auto;}
.s4-top font{width: 100%; clear: both; float: left;margin-top: 15px; font: bold 24px/43px "microsoft yahei";color: #fff; background: url(../images/s4-img02.png) no-repeat center;}
.s4-btm{width: 1062px; height: 276px; display: block; background: #fff; float: left; margin-left: 16px; margin-top: -167px;
	-webkit-box-shadow: 0 0 14px rgba(187,187,187,.6);
	box-shadow: 0 0 14px rgba(187,187,187,.6);
}
.s4-left{float: left; width: 153px; height: 276px; display: block; background: url(../images/s4-img03.jpg) no-repeat center;
	-webkit-box-shadow: 0 0 14px rgba(151,151,151,.6);
	box-shadow: 0 0 14px rgba(151,151,151,.6);
}
.s4-left h3{font: bold 30px/32px "microsoft yahei";color: #fff; width: 35px; float: right; margin-top: 70px; margin-right: 32px;}
.s4-right{float: left;margin-left: 47px; margin-top: 35px;}
.s4-right ul{width: 800px; float: left; clear: both;}
.s4-right ul li{width: 100%; border-bottom: dashed 1px #e5e5e5; float: left; padding-bottom: 15px;}
.s4-right ul li:last-child{border-bottom: none;}
.s4-right ul li font{font: bold 22px/40px "microsoft yahei"; color: #bd8e2b; border: solid 1px #d3a540; float: left;padding: 0 15px; margin-top: 15px;
	-webkit-border-radius: 17px 17px 17px 0;
	-moz-border-radius: 17px 17px 17px 0;
	border-radius: 17px 17px 17px 0;
}
.s4-right ul li p{font: 16px/45px "microsoft yahei";color: #333; float: left; margin-left: 15px;width: 665px; text-align: left; margin-top: 15px;}
.s4-right ul li:first-child p{font: 16px/28px "microsoft yahei";margin-top: 5px;}
/* section05 */
.sec05{width: 100%; height: 1222px; display: block; clear: both; background: url(../images/s5-bg.jpg) no-repeat center;}
.s5-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s5-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/s2-title01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s5-title h2{font: bold 48px/64px "microsoft yahei";color: #fff;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s5-title02.png) no-repeat center;}
.s5-title h2 span{color: #f5e19f;}
.s5-title img{display: block; margin: auto;}
.s5-cont{width: 100%; clear: both; float: left; margin-top: 30px;}
.s5-top{width: 100%; clear: both; float: left;}
.s5-top img{float: left; margin-left: 75px; margin-top: 7px;}
.s5-top-txt{float: right;width: 752px; height: 157px; margin-right: 46px; background: #454a58;}
.s5-top-txt ul{float: left; margin-top: 29px;}
.s5-top-txt ul li{clear: both; float: left; margin-bottom: 10px;}
.s5-top-txt ul li span{width: 122px; height: 29px; display: block; float: left; font: 18px/29px "microsoft yahei";color: #fff; text-align: left;
	background: #d5a744;
	background: -webkit-linear-gradient(left, #d4a440 , #dbb65b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #d4a440, #dbb65b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #d4a440, #dbb65b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #d4a440 , #dbb65b); /* 标准的语法 */
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
}
.s5-top-txt ul li span:before{content: '';width: 16px; height: 29px; display: block; float: left; margin-left: 11px; margin-right: 6px;}
.s5-top-txt ul li span.time:before{background: url(../images/s5-icon01.png) no-repeat center;background-size: 100%;}
.s5-top-txt ul li span.organ:before{background: url(../images/s5-icon02.png) no-repeat center;background-size: 100%;}
.s5-top-txt ul li span.exam:before{background: url(../images/s5-icon03.png) no-repeat center;background-size: 90%;}
.s5-top-txt ul li p{font: 18px/29px "microsoft yahei";color: #fff; float: left; margin-left: 15px; text-align: left;}
.s5-bottom{width: 100%;clear: both; float: left; margin-top: -10px;}
.s5-bottom img.s5-img02{float: left; height: 9px; clear: both;}
.s5-bottom img.s5-img03{float: right; height: 9px; clear: both;}
.s5-left{float: left; width: 568px; display: block; background: #fff;}
.s5-left .s5-left-box{width: 538px; height: 468px; display: block; background: url(../images/s5-img04.jpg) no-repeat center; float: left; margin: 14px 15px;}
.s5-left .s5-left-box font{width: 254px; height: 56px; display: block; float: left; margin-top: 14px; font: bold 32px/56px "microsoft yahei";color: #fff;
	background: #049d80;
	background: -webkit-linear-gradient(left, #029380 , #08b47e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #029380, #08b47e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #029380, #08b47e); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #029380 , #08b47e); /* 标准的语法 */
	-webkit-border-radius: 0 28px 28px 0;
	-moz-border-radius: 0 28px 28px 0;
	border-radius: 0 28px 28px 0;
	-webkit-box-shadow: 0 5px 8px rgba(8,179,125,.35);
	box-shadow: 0 5px 8px rgba(8,179,125,.35);
}
.s5-left .s5-left-box ul{clear: both; float: left; margin-left: 24px; margin-top: 20px;}
.s5-left .s5-left-box ul li{float: left; width: 250px; font: 18px/60px "microsoft yahei";color: 333; text-align: left;}
.s5-left .s5-left-box ul li:before{content: '';width: 26px; height: 60px; display: block; float: left; margin-right: 8px; background: url(../images/s5-icon04.png) no-repeat center; background-size: 100%;}
.s5-left .s5-left-box ul li:last-child{width: 100%;}
.s5-right{float: right; width: 532px; height: 496px; display: block; background: url(../images/s5-img05.jpg) no-repeat center top; position: relative;}
.s5-question{float: left; margin-top: 25px; margin-left: 27px; display: block;}
.s5-chahua{position: absolute; bottom: 0; right: -38px; display: block;}
.s5-right a{width: 360px; height: 60px; display: block; float: left; font: 24px/60px "microsoft yahei";color: #fff; margin-left: 37px; margin-top: 25px;
	background: #f43b26;
	background: -webkit-linear-gradient(#ff6649, #ee2312); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff6649, #ee2312); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff6649, #ee2312); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff6649, #ee2312); /* 标准的语法 */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 16px #c18b14;
	box-shadow: 0 0 16px #c18b14;
}
.sec05 iframe{width: 100%; clear: both; float: left; height: 306px; display: block; border: none; margin-top: 28px;}
.s5-form-title{width: 100%; height: 82px; float: left; clear: both; background: url(../images/s5-img08.png) no-repeat center; font: bold 36px/82px "microsoft yahei";color: #fff;}
.form2{width: 100%; height: 210px; display: block; float: left; background: #fff;
	-webkit-box-shadow: 0 5px 32px rgba(177,177,177,.3);
	box-shadow: 0 5px 32px rgba(177,177,177,.3);
}
.form2 ul{width: 100%; float: left; margin-top: 56px; margin-bottom: 35px;}
.form2 ul li{width: 352px; height: 58px; display: block; border: solid 1px #00ab79; float: left; margin-right: 11px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.form2 ul li:first-child{margin-left: 60px;}
.form2 ul li:last-child{width: 276px; height: 60px; border: none; overflow: hidden;
	background: #f43b26;
	background: -webkit-linear-gradient(#ff6649, #ee2312); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff6649, #ee2312); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff6649, #ee2312); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff6649, #ee2312); /* 标准的语法 */
	-webkit-box-shadow: 0 5px 8px rgba(247,70,47,.35);
	box-shadow: 0 5px 8px rgba(247,70,47,.35);
}
.form2 ul li span{font: 22px/58px "microsoft yahei";color: #333; float: left; margin-left: 20px;}
.form2 ul li span:before{font-size: 26px; line-height: 58px;color: #333; float: left;}
.form2 ul li span:after{content: '';width: 1px; height: 24px; display: block; background: #ccc; float: right; margin-top: 17px; margin-left: 15px;}
.form2 ul li input{width: 210px; height: 58px; display: block; border: none; font: 24px/58px "microsoft yahei";color: #333; float: left; margin-left: 8px;}
.form2 ul li a{width: 100%; font: 24px/60px "microsoft yahei";color: #fff; display: block;}
.form2 p{font: 18px/36px "microsoft yahei"; color: #333; width: 100%; clear: both; float: left;}

/* section06 */
.sec06{width: 100%; height: 775px; display: block; clear: both; background: url(../images/s6-bg.png) no-repeat center top;}
.s6-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s6-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s6-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s6-title02.png) no-repeat center;}
.s6-title h2 span{color: #c8a25a;}
.s6-title img{display: block; margin: auto;}
.s6-cont{width: 100%; height: 532px; display: block; clear: both; float: left; background: url(../images/s6-img01.jpg) no-repeat center;}
.video-menu{float: left; margin-top: 16px; height: 72px; display: block; margin-left: 110px;}
.video-menu ul {clear: both;}
.video-menu ul li{width: 240px; height: 72px; display: block;float: left; margin-right: 72px; background: url(../images/s6-img03.png) no-repeat center; font: 28px/58px "microsoft yahei";color: #333; cursor: pointer;}
.video-menu ul li.active{ background: url(../images/s6-img02.png) no-repeat center; color: #fff;}
.videoBox{width: 1080px; height: 433px; display: block; float: left; margin: auto 10px; background: #fff;}
.video-left{float: left; margin-left:11px; margin-top: 15px; width: 719px; height: 405px; display: block;}
.videoList{width: 339px; height: 404px; float: left; border-bottom: solid 1px #d2d2d2; border-right: solid 1px #d2d2d2; margin-top: 15px;}
.videoList font{width: 100%; height: 60px; display: block; float: left; font: 28px/60px "microsoft yahei";color: #fff; background: #08b37e;}
.videoList ul{float: left; margin-top: 20px; margin-left: 25px; display: none;}
.videoList ul.on{display: block;}
.videoList ul li{clear: both;}
.videoList ul li a{font: 18px/40px "microsoft yahei";color: #333; float: left; cursor: pointer;}
.videoList ul li a span{font: 16px/22px "microsoft yahei";color: #fff; float: right; margin-left: 15px; margin-top: 9px; width: 52px; display: block;
	background: #2cbb7e;
	-webkit-border-radius: 9px 9px 9px 0;
	-moz-border-radius: 9px 9px 9px 0;
	border-radius: 9px 9px 9px 0;
}
.videoList ul li a span.vip{background: #d39a49;}

/* section07 */
.sec07{width: 100%; height: 733px; display: block; clear: both; background: url(../images/s7-bg.png) no-repeat center bottom;}
.s7-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s7-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s7-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s7-title02.png) no-repeat center;}
.s7-title h2 span{color: #c8a25a;}
.s7-title img{display: block; margin: auto;}
.s7-cont{width: 100%; height: 473px; display: block; clear: both; float: left; margin-top: 25px; background: url(../images/s7-img01.jpg) no-repeat center;}
.s7-left{float: left; width: 392px; height: 445px; display: block; float: left; margin-left: 26px; margin-top: 14px; background: url(../images/s7-img02.png) no-repeat center bottom;}
.s7-left .left-img{width: 332px; float: left; margin-left: 21px;}
.s7-right{float: left; margin-left: 32px; margin-top: 35px; width: 650px;}
.s7-txt{float: left; width: 635px; clear: both;}
.s7-txt .teach-show{ float: left; height: 284px; clear: both;}
.s7-txt .teach-show h3{font: bold 48px/68px "microsoft yahei";color: #fff; float: left;}
.s7-txt .teach-show p{font: 20px/28px "microsoft yahei";color: #fff; float: left;width: 100%; text-align: left; padding-bottom: 17px; border-bottom: dashed 1px #2ad3a4;}
.s7-txt .teach-show ul{float: left; clear: both; width: 100%; margin-top: 15px;}
.s7-txt .teach-show ul li{padding-left: 20px; float: left; position: relative; margin-left: 8px; padding-bottom: 45px;}
.s7-txt .teach-show ul li:before{content: ''; width: 1px; height: 100%; display: block; background: #24c9a0; position: absolute; top: 15px; left: 0;}
.s7-txt .teach-show ul li i{width: 14px; height: 14px; display: block; background: url(../images/s7-icon01.png) no-repeat center; position: absolute; top: 6px; left: -7px;}
.s7-txt .teach-show ul li span{font: 20px/28px "microsoft yahei"; float: left;width: 600px; float: left; text-align: left;color: #cbfff4;}
.s7-txt .teach-show ul li:last-child{padding-bottom: 0;}
.s7-txt .teach-show ul li:last-child:before{display: none;}
.tea-list{float: left; width: 100%; clear: both;}
.tea-list >a{width: 15px; height: 25px; display: block; float: left; margin-top: 28px;}
.tea-list .btn{width: 86%; height: auto; float: left;}

/* .tea-list .btn a{width: 115px; height: 115px; display: inline-block; margin: auto 3px;}
.tea-list .btn a img{width: 103px; height: 103px; display: block; margin: 6px auto;} */
.tea-list .btn a{
	display: inline-block;
    width: 13.5%;
    padding: .5%;
    margin: 0;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
	margin-right: 1%;
}
.tea-list .btn a:nth-of-type(6){margin-right: 0;}
.tea-list .btn a img{
	    border: none;
	    vertical-align: middle;
	    display: block;
	    max-width: 100%;
	    height: auto;
}
/* .tea-list .btn a.on{background: url(../images/s7-tea-bg.png) no-repeat center;} */
.tea-list .btn a.on{background: #31dab8;}
.tea-list .btn a.on img{max-width: 100%; height: auto;}


/* section08 */
.sec08{width: 100%; height: 907px; display: block; clear: both; background: url(../images/s8-bg.jpg) no-repeat center;}
.s8-title{width: 100%; clear: both; float: left; margin-top: 20px;}
.s8-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/s2-title01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s8-title h2{font: bold 48px/64px "microsoft yahei";color: #fff;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s8-title02.png) no-repeat center;}
.s8-title h2 span{color: #f5e19f;}
.s8-title img{display: block; margin: auto;}
.s8-cont{width: 100%; clear: both; float: left; margin-top: 32px;}
.s8-cont .item{width: 249px; height: 284px; display: inline-block; margin: 0 13px 25px;}
.s8-cont .item01{background: url(../images/s8-img01.png) no-repeat center top;}
.s8-cont .item02{background: url(../images/s8-img02.png) no-repeat center top;}
.s8-cont .item03{background: url(../images/s8-img03.png) no-repeat center top;}
.s8-cont .item04{background: url(../images/s8-img04.png) no-repeat center top;}
.s8-cont .item05{background: url(../images/s8-img05.png) no-repeat center top;}
.s8-cont .item06{background: url(../images/s8-img06.png) no-repeat center top;}
.s8-cont .item07{background: url(../images/s8-img007.png) no-repeat center top;}
.s8-cont .item font{font: bold 32px/52px "microsoft yahei";color: #333; float: left; margin-top: 13px; margin-left: 24px; background: url(../images/s8-img07.png) no-repeat left top; padding-bottom: 7px; padding-left: 17px;}
.s8-cont .item .item-txt{width: 228px; height: 201px; display: block; float: left; margin: auto 11px; background: url(../images/s8-img08.png) no-repeat center top;}
.s8-cont .item .item-txt p{font: 18px/32px "microsoft yahei";color: #fff; width: 84%; float: left; margin: 24px 8% auto; text-align: left; height: 128px;}
.s8-cont .item .item-txt a{width: auto; height: 50px;padding-left: 5px; display: block; background: #fff; float: right; margin-top: 8px; margin-right: -10px;
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
}
.s8-cont .item .item-txt a span{width: auto; height: 39px;padding-left: 18px; float: right; margin-top: 4px; text-align: right; font: 20px/42px "microsoft yahei";color: #fff; background: #f04127;
	background: -webkit-linear-gradient(left, #e8321d , #fc5835); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e8321d, #fc5835); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e8321d, #fc5835); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e8321d , #fc5835); /* 标准的语法 */
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
}
.s8-cont .item .item-txt a span:after{content: '';width: 20px; height: 39px; display: block; background: url(../images/s8-img09.png) no-repeat center; float: right; margin-right: 11px; margin-left: 7px;}

/* section09 */
.sec09{width: 100%; height: 772px; display: block; clear: both; background: url(../images/s9-bg.jpg) no-repeat center;}
.s9-box{width: 100%; clear: both;background: url(../images/s9-img01.png) no-repeat center; height: 757px;
	-webkit-box-shadow: 0 1px 13px rgba(185,185,185,.7);
	box-shadow: 0 1px 13px rgba(185,185,185,.7);
}
.s9-title{width: 100%; clear: both; float: left; margin-top: 25px;}
.s9-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s9-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s9-title02.png) no-repeat center;}
.s9-title h2 span{color: #c8a25a;}
.s9-title img{display: block; margin: auto;}
.s9-cont{width: 100%; clear: both; float: left; margin-top: 60px;}
.s9-cont ul{width: 100%; float: left; clear: both; position: relative;}
.s9-cont ul li{display: block;}
@media only screen and (min-width: 800px) {
	.s9-cont ul li{position: absolute;}
	.s9-cont ul li.item01{left: 86px; top: 270px;}
	.s9-cont ul li.item02{left: 86px; top: 120px;}
	.s9-cont ul li.item03{ top: 0; width: 500px; left: 275px;}
	.s9-cont ul li.item04{right: 70px; top: 120px;}
	.s9-cont ul li.item05{right: 70px; top: 270px;}
}
.s9-cont ul li font{font: bold 32px/56px "microsoft yahei";color: #333; float: left;}
.s9-cont ul li font:before{content: '';width: 6px; height: 28px; display: block; float: left;margin-top: 18px; margin-right: 8px; background: #049a7f;}
.s9-cont ul li p{float: left; width: 280px; text-align: left; font: 18px/28px "microsoft yahei";color: #333; clear: both;}
.s9-cont ul li.item03 font{float: left; margin-left: 185px;}
.s9-cont ul li.item03 p{width: 100%; text-align: center;}
.s9-cont img{margin-top: 100px;}

/* section10 */
.sec10{width: 100%; clear: both; float: left; background: url(../images/s10-bg.jpg) no-repeat center top;}
.s10-title{width: 100%; clear: both; float: left; margin-top: 25px;}
.s10-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s10-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s10-title02.png) no-repeat center;}
.s10-title h2 span{color: #c8a25a;}
.s10-title img{display: block; margin: auto;}
.s10-cont{width: 100%; clear: both; float: left; margin-top: 35px; margin-bottom: 20px;}
.s10-cont table{ border:none;border-right:solid 1px #ddd; float:left; background: #fff;
	-webkit-box-shadow: 4px 2px 16px rgba(141,141,141,.4);
	box-shadow: 4px 2px 16px rgba(141,141,141,.4);
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

.s10-cont .course-table2 tr th{ font: 24px/80px "microsoft yahei"; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.s10-cont .course-table2 tr th:first-child{width: 80px; border-bottom:none; background: #526de2;
	background: -webkit-linear-gradient(#4058c5, #6481ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4058c5, #6481ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4058c5, #6481ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4058c5, #6481ff); /* 标准的语法 */
   	-webkit-border-radius: 20px 0 0 0;
	-moz-border-radius: 20px 0 0 0;
	border-radius: 20px 0 0 0;
}
.s10-cont .course-table2 tr th:first-child+th{width: 229px;}
.s10-cont .course-table2 tr th:first-child+th+th{width: 200px; }
.s10-cont .course-table2 tr th:first-child+th+th+th{width: 320px; }
.s10-cont .course-table2 tr th:last-child{border-right: none;}

.s10-cont .course-table2 td{font: 16px/28px "microsoft yahei";color:#333; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:13px 0; position: relative;}
.s10-cont .course-table2 td.gradient{color:#fff;background: #526de2;
	background: -webkit-linear-gradient(#4058c5, #6481ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4058c5, #6481ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4058c5, #6481ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4058c5, #6481ff); /* 标准的语法 */
   	border-bottom: none;
   	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}
.s10-cont .course-table2  td.gradient02{
	-webkit-border-radius: 0 0 0 20px;
	-moz-border-radius: 0 0 0 20px;
	border-radius: 0 0 0 20px;
}
.s10-cont table td.gradient font{ font: bold 26px/48px "microsoft yahei";color:#fff;}
.s10-cont table td.gradient i{position:absolute;width:1080px;height:8px;top:0;left:20px;background: url(../images/table-shadow.png) repeat-x;}
.s10-cont table td p{width: 95%; margin: auto 5%; text-align: left;}

.s10-cont table td .table-dl1{margin:14px 20px 10px;font-size:0; padding-bottom: 0;
	border-bottom:1px solid rgba(255,255,255,.3);
}
.s10-cont table td dl dt{display:inline-block;width:140px;font:16px/24px "microsoft yahei";text-align:left}
.s10-cont table td dl dt span{display:block;font:bold 28px/28px "microsoft yahei";vertical-align:top}
.s10-cont table td dl dd{display:inline-block;width:74px;vertical-align:top;margin:0;}
.s10-cont table td dl a{display:block;width:74px;height:28px;font:16px/28px "microsoft yahei";color:#fff;background:#ec4232;
	background: -webkit-linear-gradient(left, #ff6b60 , #e83828); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ff6b60 , #e83828); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ff6b60 , #e83828); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6b60 , #e83828); /* 标准的语法 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.s10-cont table td a.tab-btn01{display:block;width:101px;height:44px;margin:15px auto;font:16px/46px "microsoft yahei";color:#333;background:#fff;border:solid 1px #333}
.s10-cont table td a.tab-btn02{display:block;width:103px;height:46px;margin:15px auto;font:16px/46px "microsoft yahei";color:#fff;background:#e82021;
	background: -webkit-linear-gradient(left, #d90000 , #f84444); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #d90000 , #f84444); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #d90000 , #f84444); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d90000 , #f84444); /* 标准的语法 */
}

/* section11 */
.sec11{width: 100%; height: 556px; display: block; clear: both; background: url(../images/s11-bg.png) repeat-x;}
.s11-title{width: 100%; clear: both; float: left; margin-top: 25px;}
.s11-title i{display: block; width: 91px; height: 91px; display: block; margin: auto; background: url(../images/title-img01.png) no-repeat center; background-size: 100%;font: 36px/91px arial;color: #fff;}
.s11-title h2{font: bold 48px/64px "microsoft yahei";color: #333;width: 100%; clear: both; padding-bottom: 10px; background: url(../images/s11-title02.png) no-repeat center;}
.s11-title h2 span{color: #c8a25a;}
.s11-title img{display: block; margin: auto;}
.s11-cont{width: 100%; clear: both; float: left; margin-top: 25px;}
.s11-left,.s11-right{width: 500px; height: 271px; display: block; background: #05a37e;
	background: -webkit-linear-gradient(left, #029380 , #08b47e); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #029380 , #08b47e); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #029380 , #08b47e); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #029380 , #08b47e); /* 标准的语法 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.s11-left{float: left; margin-left: 40px;}
.s11-right{float: right; margin-right: 40px;}
.s11-cont h3{font: bold 24px/30px "microsoft yahei";color: #fff; width: 25px; float: left; margin-left: 28px; margin-top: 75px;}
.s11-ewm{width: 184px; height: 202px; display: block; float: left; margin-left: 15px; margin-top: 34px; background: #fff;}
.s11-ewm img{display: block; margin: 3px 6px 0;}
.s11-ewm span{font: 18px/24px "microsoft yahei";color: #029680; width: 100%; clear: both; float: left; margin-top: -5px;}
.s11-cont ul{float: left; margin-left: 25px; margin-top: 32px;}
.s11-cont ul li{width: 178px; height: 45px; display: block; float: left; clear: both; margin-bottom: 8px; border: solid 1px #fff; font: 20px/45px "microsoft yahei";color: #fff; text-align: left;}
.s11-cont ul li:before{content: '';width: 26px; height: 45px; display: block; float: left; margin-left: 12px; margin-right: 6px;}
.s11-cont ul li.item01:before{background: url(../images/s11-icon01.png) no-repeat center;}
.s11-cont ul li.item02:before{background: url(../images/s11-icon02.png) no-repeat center;}
.s11-cont ul li.item03:before{background: url(../images/s11-icon03.png) no-repeat center;}
.s11-cont ul li.item04:before{background: url(../images/s11-icon04.png) no-repeat center;}
.s11-cont ul li.item05:before{background: url(../images/s11-icon05.png) no-repeat center;}
.s11-cont ul li.item06:before{background: url(../images/s11-icon06.png) no-repeat center;}
.s11-cont ul li.item07:before{background: url(../images/s11-icon07.png) no-repeat center;}
.s11-cont ul li.item08:before{background: url(../images/s11-icon08.png) no-repeat center;}

/* section12 */
.sec12{width: 100%; height: 639px; display: block; clear: both; float: left; background: url(../images/s12-bg.jpg) repeat-x;}
.s12-title{width: 100%; height: 88px; float:left; clear: both; margin-top: 55px; background: url(../images/s12-title.png) no-repeat center top;}
.s12-title h2{font: bold 46px/88px "微软雅黑";color:#434c4a;}
.s12-cont{width: 100%; float:left; margin-top: 18px;}

.s12-cont ul{width: 100%; clear: both;}
.s12-cont ul li{width: 25%; float:left; display: block; position: relative; height: 478px;}
.s12-cont ul li.item1{background: url(../images/s12-img01.png) no-repeat center;}
.s12-cont ul li.item1:hover{background: url(../images/s12-img01-02.png) no-repeat center;}
.s12-cont ul li.item2{background: url(../images/s12-img02.png) no-repeat center;}
.s12-cont ul li.item2:hover{background: url(../images/s12-img02-02.png) no-repeat center;}
.s12-cont ul li.item3{background: url(../images/s12-img03.png) no-repeat center;}
.s12-cont ul li.item3:hover{background: url(../images/s12-img03-02.png) no-repeat center;}
.s12-cont ul li.item4{background: url(../images/s12-img04.png) no-repeat center;}
.s12-cont ul li.item4:hover{background: url(../images/s12-img04-02.png) no-repeat center;}
.s12-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);
}
.s12-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s12-cont .item-img img{display: block;margin: auto;}
.s12-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }

.s12-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);
}
.s12-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase; padding-top: 42%;text-align: justify; height: 150px;}
.s12-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;
}
.s12-cont .info a:hover {background: #fff; color: #e72d1b;}
.s12-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;
}
.s12-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;
}


/*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:112px; height:auto; display: block; top:25%; left:20px;z-index:9; background: url(../images/fixedNavBg.jpg) no-repeat center top;}
.lfNav .close{position:absolute;top:-50px; left:39px; height:34px; width:34px;}
.mt185{margin-top:0;}
.nav-bg{width:100%; height:35px; display: block;float:left; clear:both;margin-left:0;margin-bottom:0; border-bottom: solid 1px #b38f25;}
.nav-bg a{width:100%; height:34px; display: block; margin:auto; border-bottom: solid 1px #ffe8a4; font: 20px/34px "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;}

.new_p {width: 100%; float: left; margin: 20px 0 0; font-size: 20px; color: #333; line-height: 30px;}
.new_p span {color: #F43B26;}