/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ 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;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.8rem;margin: 0 auto;}
.wrap1{width:7.2rem;margin: 0 auto;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.m-ib{display: inline-block!important;}
#box-kefu,#zhy,.aside-bgd,.box-fix-nav{display: none;}
.nav-bgd{position: fixed;top: 0; display: block;background: #193596;width:7.5rem;z-index: 9999;}
.nav-cont{font-size: 0;text-align: center;}
.nav-cont li{display: inline-block;vertical-align: top;width: 25%;}
.nav-cont li a{display: block;height: .7rem;font-size:.24rem;color: #fff;line-height: .7rem;background: #2c55df;margin:0 2%; border-radius: .1rem;}
.lfNav{display: none;}

/*banner*/
.banner-box{height:5.5rem;background-size: 19rem;}
.banner-box .wrap{height:5.5rem;}
.banner-box .logo{width:1.7rem; height:0; top: .25rem;}

/*section1*/
.sec01{}
.sec-title{margin-top: .25rem;}
.sec-title i{width: .8rem; height: .8rem; font: .32rem/.8rem arial;}
.sec-title h2{background: none; font: bold .42rem/.85rem "microsoft yahei"; padding-bottom: 0;}
.sec-title img{width: 100%;}
.s1-cont{margin-top: .2rem;}
.s1-left,.s1-right{width: 100%; margin-bottom: .2rem;}
.s1-left h3{width: 100%; height: .7rem; background-size: auto .7rem; font: bold .38rem/.7rem "microsoft yahei"; text-indent: .25rem;}
.s1-right h3{width: 100%; height: .7rem; background: url(../images/s1-img01.png) no-repeat left center; background-size: auto .7rem; font: bold .38rem/.7rem "microsoft yahei"; text-indent: .25rem;}
.txtbox{height: auto;}
.txtbox ul{width: 90%; float: left; margin: .25rem 5% .1rem;}
.txtbox ul li{width: 95%; padding-left: .3rem; padding-bottom: .1rem;}
.txtbox ul li:before{top: .15rem;}
.left-txt ul li i{width: .3rem; height: .3rem;top: .1rem; left: -.15rem;}
.txtbox ul li p{font: .28rem/.45rem "microsoft yahei";}
.right-txt .tip{font: .28rem/.42rem "microsoft yahei"; margin-right: .25rem; margin-bottom: .2rem;}
.sec01 iframe{margin-top: .25rem; margin-bottom: .15rem;height: 6rem;}
h3.s1-form-title{font: bold .38rem/.75rem "microsoft yahei"; background-size: 100%; height: .75rem;}
.form1 ul{margin: .2rem auto auto;}
.form1 ul li{width: 90%; height: .75rem;margin: auto 5% .25rem;}
.form1 ul li:last-child{margin: auto 5% .25rem;}
.form1 ul li span{font: .32rem/.75rem "microsoft yahei"; height: .75rem; display: block;}
.form1 ul li span:before{font-size: .36rem; line-height: .75rem;}
.form1 ul li span:after{height: .55rem; margin-top: .1rem; margin-left: .15rem;}
.form1 ul li input{width: 4.1rem; height: .75rem; font: .32rem/.75rem "microsoft yahei"; margin-left: .15rem;}
.form1 a{width: 90%; height: .8rem;margin: auto 5% .25rem; font: .34rem/.8rem "microsoft yahei";}
.form1 p{font: .28rem/.42rem "microsoft yahei";margin-top: 0;}
/*section2*/
.sec02{height: auto; float: left;}
.s2-cont{margin-top: .25rem;}
.s2-top{width: 100%;height: auto; background: #fff;}
.s2-left,.s2-right{margin:auto;}
.s2-left{margin:.25rem auto .45rem}
.s2-top font{width: 60%; margin: -.25rem 20% auto; background: #dfbe6e; font: bold .34rem/.65rem "microsoft yahei"; border-radius: .15rem;}
.s2-left ul,.s2-right ul{margin-left: 5%; width: 90%; margin-top: .2rem;}
.s2-left ul li{padding-left: .3rem; padding-bottom: .15rem;}
.s2-left ul li:before{top: .25rem;}
.s2-left ul li i{width: .3rem; height: .3rem; left: -.15rem; top: .08rem;}
.s2-left ul li p{width: 100%;font: .28rem/.45rem "microsoft yahei";}
.s2-right ul li{width: 100%; float: left;}
.s2-right ul li i{width: .3rem; height: .3rem; margin-left: -.1rem; margin-top: .08rem;}
.s2-right ul li p{width: 5.82rem;font: .28rem/.45rem "microsoft yahei";}
.s2-btm{width: 100%;height: auto; margin:.2rem auto;}
.s2-btm-left{width: 50%;margin: .2rem 25%; height: auto;}
.s2-btm-left img{width: 100%; height: auto;}
.s2-btm-right{width: 90%; margin: auto 5%;}
.s2-btm-right ul{width: 100%;}
.s2-btm-right ul li{margin-bottom: .25rem;}
.s2-btm-right ul li font{font: bold .34rem/.55rem "microsoft yahei";background: none;}
.s2-btm-right ul li font i{font: bold .34rem/.55rem arial; width: auto; margin-left: 0; margin-right: .1rem;}
.s2-btm-right ul li a{width: auto; font: .32rem/.55rem "microsoft yahei"; height: .55rem; padding: 0 .2rem; margin: auto;}
.s2-btm-right ul li p{font: .28rem/.5rem "microsoft yahei"; width: 94%; margin: .1rem 3%;}
/* section3 */
.sec03{background: #f0fbf9; height: auto; float: left;}
.s3-title h2{font: bold .4rem/.85rem "microsoft yahei";}
.s3-cont{margin-top: .25rem;}
.s3-left{width: 100%; clear: both; margin-left: auto;}
.s3-left font{width: 100%; height: .75rem; background-size: auto .75rem; font: bold .32rem/.75rem "microsoft yahei"; text-indent: .25rem; background-position: left center;}
.s3-left font span{ font: bold .32rem/.75rem "microsoft yahei"; margin: auto;}
.s3-left-txt{background-size: auto 100%; height: auto;}
.s3-left-txt ul{margin-left: 5%; width: 90%; margin-top: .2rem;}
.s3-left-txt ul li{width: 95%; padding-left: 5%; padding-bottom: .15rem;}
.s3-left-txt ul li:before{top: .1rem;}
.s3-left-txt ul li i{width: .3rem; height: .3rem; background-size: 100%; font: .24rem/.3rem arial; left: -.15rem; top: .1rem;}
.s3-left-txt ul li p{width: 100%; font: .28rem/.45rem "microsoft yahei";}
.s3-left-txt span{font: .3rem/.45rem "microsoft yahei"; margin-top: .25rem; margin-right: 5%; padding: 0 .15rem; margin-bottom: .35rem;}
.s3-right{width: 100%; margin: .25rem auto;}
.s3-right h3{font: bold .36rem/.8rem "microsoft yahei";background-size: 100%;}
.s3-right form{background: #fff; height: auto;}
.s3-right form ul{margin-top: .25rem; margin-bottom: 0;}
.s3-right form ul li{width: 90%; margin: 0 5% .15rem;}
.s3-right form ul li font{font: bold .34rem/.55rem "microsoft yahei"; margin-bottom: .1rem;}
.s3-right form ul li font:before{width: .05rem; height: .25rem; margin-top: .15rem;margin-left: -.1rem;}
.s3-right form ul li label{font: .24rem/.55rem "microsoft yahei";}
.s3-right form ul li label input{width: .3rem;height: .3rem; float: left; margin-top: .125rem;}
.s3-right form ul li.import{width: 80%; height: .75rem; margin: 0 10% .25rem;}
.s3-right form ul li.name{margin-top: .35rem;}
.s3-right form ul li span{font: .32rem/.75rem "microsoft yahei"; height: .75rem; display: block;}
.s3-right form ul li span:before{font-size: .36rem; line-height: .75rem; margin: auto .1rem;}
.s3-right form ul li span:after{height: .55rem; margin-top: .1rem; margin-left: .15rem;}
.s3-right form ul li.import input{width: 3.9rem; height: .75rem; font: .32rem/.75rem "microsoft yahei"; margin-left: .15rem;}
.s3-right form a{width: 80%; height: .8rem; font: .32rem/.8rem "microsoft yahei"; margin-bottom: .25rem;}

/* section4 */
.sec04{background: #fff; height: auto; float: left;}
.s4-cont{margin-top: .25rem;}
.s4-top{height: auto;}
.s4-top ul{background: none; margin-top: .25rem;}
.s4-top ul li{width: 33.33%; margin:0 auto .15rem;}
.s4-top ul li span{font: bold .26rem/.36rem "microsoft yahei"; width: 100%;}
.s4-top ul li img{width: 70%; margin: auto 15%;}
.s4-top font{font: bold .34rem/.55rem "microsoft yahei"; margin-top: 0; margin-bottom: 2rem; background: none;}
.s4-btm{width: 90%; margin: -1.8rem 5% .25rem; height: auto;}
.s4-left{width: 100%; height: auto; background: #d1ae59;}
.s4-left h3{width: 100%; font: bold .36rem/.85rem "microsoft yahei"; margin: auto;}
.s4-right{width: 90%; margin: .2rem 5%;}
.s4-right ul{width: 100%;}
.s4-right ul li{width: 100%; padding-bottom: .1rem; margin-bottom: .1rem;}
.s4-right ul li font{font: bold .32rem/.55rem "microsoft yahei"; padding: 0 .15rem; margin-top: 0;}
.s4-right ul li p,.s4-right ul li:first-child p{font: .28rem/.45rem "microsoft yahei"; margin-top: .1rem; width: 100%; margin-left: 0;}

/* section5 */
.sec05{background: #252731; height: auto; float: left;}
.s5-cont{margin-top: .25rem;}
.s5-top-txt{width: 100%; height: auto; margin: 0 auto;}
.s5-top-txt ul{ margin-top: .25rem;}
.s5-top-txt ul li{margin-bottom: .25rem;}
.s5-top-txt ul li span{width: auto; font: .32rem/.55rem "microsoft yahei"; height: .55rem; padding-right: .3rem;}
.s5-top-txt ul li span:before{width: .3rem; height: .55rem; margin-left: .15rem; margin-right: .1rem;}
.s5-top-txt ul li p{width: 90%; font: .28rem/.45rem "microsoft yahei"; float: left; margin: .1rem 5% 0; text-align: left;}
.s5-bottom{margin: auto;}
.s5-bottom img.s5-img02,.s5-bottom img.s5-img03{display: none;}
.s5-left{width: 100%;}
.s5-left .s5-left-box{width: 94%; margin: .15rem 3%; border: dashed 1px #aaa; box-sizing: border-box; height: auto; background: #eee;}
.s5-left .s5-left-box font{width: auto; height: .7rem; font: bold .34rem/.7rem "microsoft yahei"; padding: 0 .2rem;}
.s5-left .s5-left-box ul{width: 94%; margin: .15rem 3%;}
.s5-left .s5-left-box ul li{width: 50%; font: .28rem/.55rem "microsoft yahei";}
.s5-left .s5-left-box ul li:before{height: .55rem; width: .3rem; margin-right: .1rem;}
.s5-right{width: 100%;height: auto;background-size: 100%;}
.s5-question{width: 70%; margin-top: .2rem; margin-left: 15%;}
.s5-right a{width: 60%; height: .8rem; font: .32rem/.8rem "microsoft yahei"; margin: .2rem 20%;}
.s5-chahua{display: none;}
.sec05 iframe{margin-top: .25rem; margin-bottom: .15rem;height: 5.2rem;}
.s5-form-title{font: bold .34rem/.75rem "microsoft yahei"; background-size: 100%; height: .75rem;}
.form2{height: auto;}
.form2 ul{margin: .25rem auto 0;}
.form2 ul li{width: 90%; height: .75rem;margin: auto 5% .25rem;}
.form2 ul li:first-child{margin: auto 5% .25rem;}
.form2 ul li span{font: .32rem/.75rem "microsoft yahei"; height: .75rem; display: block;}
.form2 ul li span:before{font-size: .36rem; line-height: .75rem;}
.form2 ul li span:after{height: .55rem; margin-top: .1rem; margin-left: .15rem;}
.form2 ul li input{width: 4.1rem; height: .75rem; font: .32rem/.75rem "microsoft yahei"; margin-left: .15rem;}
.form2 ul li:last-child{width: 90%; height: .8rem;}
.form2 ul li a{width:100%; height: .8rem;margin: auto 5% .25rem; font: .34rem/.8rem "microsoft yahei";}
.form2 p{font: .28rem/.42rem "microsoft yahei";margin-top: 0;width: 90%; margin: 0 5% .25rem;}

/* section6 */
.sec06{height: auto; float: left; background: none;}
.s6-cont{margin-top: .25rem;height: auto; background: #08b47e;}
.videoBox{width: 6.4rem; margin: .15rem .2rem; height: auto;}
.video-left{width: 100%; margin: auto; height: auto;}
.videoBox ul{width: 100%; clear: both; float: left; margin: .15rem auto;}
.videoBox ul li{width: 42%; height: .75rem;  display: inline-block; margin: auto 1%;}
.videoBox ul li a{width: 100%; height: .75rem; font: .32rem/.75rem "microsoft yahei";color: #333; display: block;border: solid 1px #888; border-radius: .15rem;}
.videoBox ul li a.active{background: #deb356;color: #fff; border: solid 1px #deb356;color: #fff;}
/* section7 */
.sec07{height: auto; float: left; background: none;}
.s7-cont{margin-top: .25rem;height: auto; background: #08b47e; margin-bottom: .25rem;}
.s7-left{width: 90%;height: auto;margin: .65rem 5% .2rem;background: #fff;}
.s7-left .left-img{width: 100%;margin: auto; margin-top: -.4rem;}
.s7-left .left-img img{width: 90%;}
.s7-right{width: 90%; margin: .15rem 5% 0;}

.s7-txt{width: 100%;}
.s7-txt .teach-show{height: auto;}
.s7-txt .teach-show h3{font: bold .4rem/.75rem "微软雅黑";}
.s7-txt .teach-show p{font: .28rem/.45rem "microsoft yahei";padding-bottom: .1rem;}
.s7-txt .teach-show ul{display: none;}
.tea-list{margin: .15rem auto;}
.tea-list >a{display: none;}
.tea-list .btn{width: 100%; height: auto; float: left;}
.tea-list .btn a {
    width: 14%;
    height: auto;
    border: solid .03rem rgba(255,255,255,0);
    margin: auto;
    background: none;
    border-radius: 50%;
}
.tea-list .btn a img{width: 100%; display: block; height: auto;margin: auto;}
.tea-list .btn a.on{border: solid .03rem #31dab8;background: none; border-radius: 50%;}
.tea-list .btn a.on img{width: 100%; display: block; height: auto; margin: auto;}

/* section8 */
.sec08{background: #252731; height: auto; float: left;}
.s8-cont{margin-top: .25rem;}
.s8-cont .item{width: 80%; height: auto; margin: 0 10% .25rem; overflow: hidden;}
.s8-cont .item font{font: bold .36rem/.75rem "microsoft yahei"; padding-left: .2rem; background-size: auto .8rem; margin-top: .15rem; margin-left: .25rem;}
.s8-cont .item .item-txt{width: 94%; height: auto;background-size: 100%; margin: 0 3% .2rem;}
.s8-cont .item .item-txt p{font: .28rem/.42rem "microsoft yahei"; width: 90%; margin: .2rem 5% .1rem;min-height: .8rem;}
.s8-cont .item .item-txt a{height: .85rem; padding-left: .1rem; margin-top: .1rem; margin-right: -.2rem; margin-bottom: .2rem;}
.s8-cont .item .item-txt a span{height: .75rem; margin-top: .05rem; padding-left: .3rem; font: .32rem/.75rem "microsoft yahei";}
.s8-cont .item .item-txt a span:after{width: .32rem; height: .75rem; background-size: 100%;}
/* section9 */
.sec09{background: #252731; height: auto; float: left;}
.s9-box{background: #fff; height: auto; float: left; margin-bottom: .25rem;}
.s9-cont{margin-top: .25rem;}
.s9-cont ul{width: 90%; margin: auto 5%;}
.s9-cont ul li{width: 100%; clear: both; float: left;}
.s9-cont ul li font{font: bold .34rem/.55rem "microsoft yahei";}
.s9-cont ul li.item03 font{margin-left: 0;}
.s9-cont ul li font:before{width: .07rem; height: .25rem;margin-top: .15rem; margin-right: .08rem;}
.s9-cont ul li p{font: .28rem/.45rem "microsoft yahei"; width: 100%;}
.s9-cont ul li.item03 p{text-align: left;}
.s9-cont img{width: 60%; margin: .25rem 20%;}

/* section10 */
.sec10{background: #fff;}
.s10-cont{margin: .25rem auto .3rem;}
.s10-cont .course-table2 tr th{font: .34rem/.45rem "微软雅黑";}
.s10-cont .course-table2 tr th img{height: .45rem;}
.s10-cont table td.gradient i{display: none;}
.s10-cont .course-table2 td{font: .28rem/.42rem "微软雅黑";}
.s10-cont table td.gradient font{font: bold .34rem/.45rem "微软雅黑";}
.s10-cont table td.gradient{text-align: center;}
.s10-cont table td .table-dl1,.s11-cont table td .table-dl2{margin: .2rem .1rem;}
.s10-cont table td dl dt{width: 100%; text-align: center;}
.s10-cont table td dl dd{display: none;}
.s10-cont table td dl dt span{font: bold .3rem/.4rem "微软雅黑";}

/* section11 */
.sec11{background: #eaf7f3; height: auto; float: left;}
.s11-cont{margin: .25rem auto;}
.s11-left, .s11-right{width: 100%; height: auto; margin: auto auto .25rem;}
.s11-cont h3{width: 100%; margin: .25rem auto .15rem; font: bold .36rem/.55rem "microsoft yahei";}
.s11-ewm{width: 60%; margin: 0 20% .25rem; height: auto; padding-bottom: .15rem;}
.s11-ewm img{width: 70%; margin: .2rem 15% 0;}
.s11-ewm span{font: .32rem/.55rem "microsoft yahei"; margin: auto;}
.s11-cont ul{width: 90%; margin: .15rem 5%;}
.s11-cont ul li{width: 48%; height: .75rem; font: .3rem/.75rem "microsoft yahei"; margin-bottom: .15rem; clear: none;}
.s11-cont ul li:before{width: .5rem; height: .75rem; display: block;margin-left: .2rem; margin-right: .15rem;}

/*section12*/
.sec12{height: auto; overflow: hidden; background: #fff;}
.s12-title{margin-top: .3rem;height: .65rem;}
.s12-title h2{width: 100%; background:none;margin: auto; font:bold .42rem/.55rem "微软雅黑"; text-indent: 0; text-align: center; height: auto; }
.s12-cont{height: auto; margin-top: .3rem; }
.s12-cont ul{width: 7.5rem; margin-left: -.35rem;}
.s12-cont ul li{width: 50%;  height:6rem;}

.s12-cont ul li .item-show{padding:54% 0;}
.s12-cont .item-img{height: 1.4rem;}
.s12-cont .item-img img{max-height: 1.7rem;}
.s12-cont .item-tit{margin: .2rem auto 0; font: .34rem/.45rem "微软雅黑";}
.s12-cont .info p{padding-top: 30%; font: .32rem/.45rem "微软雅黑"; height: 2.7rem;}
.s12-cont .info a{margin-top: .35rem; font: .32rem/.65rem "微软雅黑";}


.new_p {margin: 10px 0 0; font-size: .2rem; line-height: .3rem;}