.wrap{ margin:0 auto; margin:0 auto; max-width:1024px; min-width:320px; width:100%; background:#FFF;    margin-bottom: 60px;}

.table{ display:table}

.table .table-cell{ display:table-cell; vertical-align:middle}



.section{ width:100%; overflow:hidden;}

.title{ color:#000; text-align:center; line-height:0.5rem}

.title h1{ font-weight:bold; display:inline-block; font-size:0.3rem; position:relative}

.title h1:before{ content:""; background:#D8D8D8; width:0.52rem; height:1px; position:absolute; bottom:0; left:50%; margin-left:-0.26rem}



.section1 img{ width:100%}



.section2{ background:#23AFC7}

.section2 .introImg{ float:left; width:50%}

.section2 .introImg img{ width:100%}

.section2 .table{ float:left; width:50%; padding:0 0.1rem; text-align:center}

.section2 .table .title{ padding-bottom:0.16rem}

.section2 .table .title h1{ color:#FFF}

.section2 .table .title h1:before{ background:#FFE400}

.section2 .table p{ font-size:0.24rem; color:#ffffff; line-height:0.36rem; text-indent:2em; padding-bottom:0.16rem; text-align:left}

.section2 .table a{ display:inline-block; font-size:0.26rem; color:#ffe400; line-height:0.46rem; border:solid 1px #C4D635; text-decoration:none; padding:0 0.2rem}



.section3 .title{ margin-top:0.26rem}

.section3 .switchClick{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.2rem}

.section3 .switchClick span{ width:33%; background:#23AFC7; text-align:center; font-size:0.26rem; color:#ffffff; line-height:0.36rem; padding:0.05rem 0; transition:all 0.3s linear}

.section3 .switchClick span.switchNuw{ background:#0E8BA1}

.section3 .switchClick span b{ display:block}

.section3 .switchList{}

.section3 .switchItem{ width:100%; display:none}

.section3 .switchItem img{ width:100%}



.section4{ background:url(../images/4-back.jpg) no-repeat; background-size:100% 100%}

.section4 .title{ color:#FFF; margin-top:0.26rem}

.section4 .studeList{ width:94%; margin:0.2rem auto 0.3rem}

.section4 .studeItem{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; padding:0.1rem 0}

.section4 .studeImg{ width:24%}

.section4 .studeImg img{ width:100%}

.section4 .studeInfo{ width:76%; background:#FFF; padding:0 0.2rem; line-height:0.36rem}

.section4 .studeInfo span{ display:block; font-size:0.26rem; color:#23afc7}

.section4 .studeInfo p{ font-size:0.24rem; color:#131313}



.section5 .title{ margin-top:0.26rem}

.section5 .introduce{ font-size:0.26rem; color:#131313; line-height:0.36rem; padding:0.26rem 3% 0; text-indent:2em}

.section5 .ratioImg{ width:100%}

.section5 .ratioImg img{ width:100%}

.section5 .button{ width:94%; margin:0 auto 0.46rem}

.section5 .button a{ width:48%; background:#23AFC7; text-align:center; line-height:0.5rem; font-size:0.26rem; color:#ffffff; text-decoration:none}

.section5 .button a:last-child{ background:#FFE400; color:#1f0d00}



.section6{ background:#F4F1F4}

.section6 .title{ margin-top:0.26rem}

.section6 .consultTop{ overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between; width:96%; margin:0.2rem auto 0}

.section6 .consultTop .table{ width:24%; background:#23AFC7; text-align:center; text-align:center; height:1rem}

.section6 .consultTop .table a{ font-size:0.24rem; color:#ffffff; text-decoration:none}

.section6 .consultTitle{ font-size:0.28rem; color:#000; text-align:center; line-height:0.36rem; margin:0.26rem 0}

.section6 .consultTitle b{ display:block}

.section6 .consultImg{ width:100%}

.section6 .consultImg img{ width:100%}



.section7 .title{ margin-top:0.26rem}

.section7 .form{ width:90%; margin:0.26rem auto}

.section7 .form .ipt{ width:100%; margin:0 auto 0.3rem; height:0.96rem}

.section7 .form .ipt input{ display:block; width:100%; height:0.96rem; padding:0; margin:0; border:0; border:solid 1px #D2D2D2; box-sizing:border-box; outline:none; font-size:0.3rem; color:#666; text-align:center}

.section7 .form .submit{ width:100%; height:0.7rem; margin:0.26rem 0 0.96rem}

.section7 .form .submit input{ display:block; background:#23AFC7; width:100%; padding:0; height:0.9rem; border:0; font-size:0.3rem; color:#ffffff}


#s-actionBar-container{position:fixed; bottom:0; width:100%; z-index:999; background:#ffffff;}
#s-actionBar-container .action-bar{ color:#999; border:1px solid #E5E5E5;}
#s-actionBar-container .action-bar .addfav, #s-actionBar-container .action-bar .support, #s-actionBar-container .action-bar .toshop{max-width: 50px;min-width: 26px;border-right: 1px solid rgba(0,0,0,.05);}
#s-actionBar-container .action-bar .cell{height: 49px;text-align: center;}
#s-actionbar .cell{ border-right: 1px solid rgba(0,0,0,.05);}
.mui-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mui-flex, .mui-flex *, .mui-flex::after, .mui-flex::before{box-sizing: border-box;}
.mui-flex.align-center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mui-flex > .cell{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0 !important;position: relative;}
#s-actionBar-container .action-bar .cell a{ position: absolute;width: 100%;height: 100%;display: block;top: 0;}
#s-actionBar-container .action-bar > div::before{font-family: tm-detail-font;width: 25px;height: 25px;font-size: 20px;display: block;margin: 1px auto 0;}
#s-actionBar-container .action-bar .support::before{ /*content: '\e60a';color: #4A90E2;*/}
#s-actionBar-container .action-bar .toshop::before{ content: '\e60d';color: #5F646E;}
#s-actionBar-container .action-bar .addfav::before{ content: '\e609';color: #5F646E;}
#s-actionBar-container .action-bar .cart{ background: #FF9500;}
#s-actionBar-container .action-bar .buy{ background: #DD2727;}
#s-actionBar-container .action-bar > button{border: none;color: #fff;font-size: 15px; font-family:"微软雅黑";}
#s-actionBar-container #s-actionbar .cell:last-child{border-right: none;}
#s-actionBar-container .activity-box{display: none;}


.top_tips{position:fixed;top:-60px;z-index:9999;width:100%;height:50px;line-height:50px;max-width:640px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(/images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }
@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}