@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{
    margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;
}
ul,ol{
    list-style:none; text-indent:0; list-style-position:outside;
}
img{
    border:0px;
}
.clear{
    width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both;
}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}


body{
    overflow-x: hidden;
}
#wrap{
    margin:0 auto;
    max-width:800px;
    min-width:320px;
    width:100%;
}
#header{
    width:100%;
    position:relative;
    border-bottom:1px solid #0081b5;
    background:url("../images/logo.png") no-repeat center center #00a2ff;
}
.home{
    top:32.6%;
    left:3.75%;
    display:block;
    position:absolute;
    background:url("../images/home.png") no-repeat center center;
}
.phone{
    margin-right:3.75%;
    color:#ffffff;
    background:url("../images/phone.png") no-repeat left center;
}
#content{
    margin:0 auto;
}
.banner{
    width:100%;
    max-height:298px;
}
.swiper-slide a{
    display:block;
}
.swiper-slide a img{
    width:100%;
}
.nav{
    width:100%;
    border-top:1px solid #66a3e0;
}
.nav li{
    width:20%;
    text-align:center;
    display:inline-block;
}
.nav li a{
    display:block;
}
.nav li.act{
    border-bottom:3px solid #00a2ff;
}
.menu{
    border-bottom:1px solid #e6e6e6;
}
.menu ul{
    margin:0 auto;
    width:94%;
}
.menu li{
    width:20%;
    display:inline-block;
}
.menu li a img{
    margin:0 auto;
    display:block;
}
.menu li a p{
    padding-top:20px;
    text-align:center;
}
.news{
    border-bottom:1px solid #dad9d9;
}
.news-main{
    margin:0 auto;
    width:94%;
}
.news-title{
    height:40px;
    line-height:40px;
    border-right:1px solid #e6e6e6;
    background:url("../images/news.png") no-repeat left center;
}
#news-info{
    height:40px;
    line-height:40px;
    overflow:hidden;
}
#news-info a{
    padding:0 3%;
    display:block;
}
.scene{
    padding:8px 0;
    border-bottom:1px solid #dad9d9;
    border-top:16px solid #f2f2f2;
}
.index-title{
    margin-bottom:24px;
}
.index-title h1{
    font-size:20px;
    line-height:52px;
    text-align:center;
}
.index-title hr{
    margin:0 auto;
    width:80px;
    height:3px;
    color:#00a2ff;
    background-color:#00a2ff;
    border:none;
}
.scene-main{
    margin:0 auto;
    width:94%;
}
.scene img{
    margin:0 1%;
    margin-bottom:16px;
    max-width:240px;
    max-height:160px;
    width:31.33%;
    float:left;
}
.programme{
    border-top:16px solid #f2f2f2;
    border-bottom:1px solid #dad9d9;
}
.index-title2{
    margin-top:24px;
    margin-bottom:24px;
}
.index-title2 h1{
    font-size:22px;
    line-height:24px;
    text-align:center;
}
.index-title2 h2{
    padding-bottom:16px;
    font-size:20px;
    line-height:24px;
    text-align:center;
}
.index-title2 hr{
    margin:0 auto;
    width:80px;
    height:3px;
    color:#00a2ff;
    background-color:#00a2ff;
    border:none;
}
.programme-main{
    margin:0 auto;
    width:94%;
}
.programme-main img{
    margin-bottom:23px;
    width:48%;
    max-width:364px;
    max-height:136px;
    height:auto;
}
.why{
    margin:0 auto;
    padding:8px 0 20px;
    border-top:16px solid #f2f2f2;
    border-bottom:1px solid #dad9d9;
}
.why img{
    margin:0 auto;
    width:90%;
    max-height:326px;
    height:auto;
    display:block;
}
.say{
    padding:8px 0 20px;
    border-top:16px solid #f2f2f2;
    border-bottom:1px solid #dad9d9;
}
.say-main{
    margin:0 auto;
    width:94%;
}
.vedio{
    width:100%;
    height:460px;
    background-color:#000000;
}
.tctmtc-title{
    padding:21px 0;
    border-bottom:1px solid #f2f2f2;
}
.tctmtc-title h1{
    margin:0 auto;
    padding-left:7px;
    width:88%;
    line-height:22px;
    border-left:4px solid #00a2ff;
}
.tctmtc-main{
    margin:0 auto;
    width:86%;
}
.tctmtc-main img{
    width:100%;
    height:auto;
}
.class-box{
    position:relative;
    border-bottom:1px dashed #e6e6e6;
}
.class-box img{
    float:left;
    width:26%;
    height:auto;
}
.class-info{
    float:left;
}
.class-info h1{
    font-weight:bold;
}
.next{
    top:50%;
    right:0;
    position:absolute;
    background:url("../images/next.jpg") no-repeat center center;
}
.info-box{
    padding-bottom:50px;
}
.info-box h1{
    font-weight:bold;
    text-align:center;
}
.info-box p{
    margin-top:20px;
    text-indent:5%;
}
.info-box img{
    margin-top:20px;
    width:100%;
    height:auto;
    /*max-height:496px;*/
}
.info-box h2{
    margin-top:20px;
    font-weight:bold;
    text-align:center;
    color:#00a2ff;
}
#tab{
    padding-top:19px;
    background-color:#f2f2f2;
    border-bottom:1px solid #e5e5e5;
}
#tab ul{
    margin:0 auto;
}
#tab ul li{
    width:33.33%;
    cursor:pointer;
    float:left;
    background-color:#f2f2f2;
    border:1px solid #f2f2f2;
    box-sizing:border-box;
    overflow:hidden;
}
#tab ul li.selected{
    background-color:#ffffff;
    border:1px solid #e5e5e5;
    border-bottom:none;
    border-radius:9px 9px 0px 0px;
}
/*#tab ul li.first{*/
    /*margin-left:12.5%;*/
/*}*/
#tab ul li h1{
    padding-left:29.5%;
    font-size:20px;
    font-weight:bold;
    color:#999999;
}
#tab ul li.selected h1.tabli1{
    color:#00a2ff;
}
#tab ul li.selected h1.tabli2{
    color:#fe326b;
}
#tab ul li.selected h1.tabli3{
    color:#00c892;
}
.tabli1{
    background:url("../images/tabli1.png") no-repeat 15% center;
}
#tab ul li.selected h1.tabli1{
    background:url("../images/tabli1-s.png") no-repeat 15% center;
}
.tabli2{
    background:url("../images/tabli2.png") no-repeat 15% center;
}
#tab ul li.selected h1.tabli2{
    background:url("../images/tabli2-s.png") no-repeat 15% center;
}
.tabli3{
    background:url("../images/tabli3.png") no-repeat 15% center;
}
#tab ul li.selected h1.tabli3{
    background:url("../images/tabli3-s.png") no-repeat 15% center;
}
.teacher-box{
    background-color:#ffffff;
    border-bottom:1px dashed #e6e6e6;
}
.teacher-box img{
    float:left;
    width:26%;
    height:auto;
}
.teacher-info{
    float:right;
}
.teacher-info h1{
    font-weight:bold;
    color:#00a2ff;
}
.teacher-info.ti2 h1{
    color: #ff336d;
}
.teacher-info.ti3 h1{
    color:#00d79d;
}
.hide{
    display:none;
}
.school-box{
    border-bottom:1px dashed #e6e6e6;
}
.school-info{
    margin-left:19%;
}
.school-info h1{
    font-weight:bold;
}
.school-info h1.c1{
    color:#ff623f;
}
.school-info h1.c2{
    color:#00a2ff;
}
.school-info h1.c3{
    color:#ffad2d;
}
.school-info h1.c4{
    color:#93d831;
}
.school-info p{
    font-weight:bold;
    color:#737373;
}
.news-box{
    padding:24px 0;
    position:relative;
    border-bottom:1px solid #e6e6e6;
}
.news-box img{
    float:left;
    width:23%;
    height:auto;
}
.news-main-info{
    float:left;
    margin-left:2%;
    width:63%;
}
.news-main-info h1{
    width:100%;
    text-overflow :ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.news-main-info p{
    text-overflow :ellipsis;
    overflow:hidden;
    color:#808080;
}
.news-main-info h2{
    color:#808080;
}
.class-main{
    width:100%;
    padding-bottom:20px;
    border-top:16px solid #f2f2f2;
    border-bottom:1px solid #dad9d9;
}
.class-main img{
    width:100%;
    height:auto;
}
.class-title1{
    font-weight:bold;
    color:#006ede;
}
.class-title1.c2{
    padding-bottom:50px;
    text-align:center;
    color:#ff5527;
}
.class-title2{
    color:#ffffff;
    background-color:#f92e6c;
    border-radius:14px;
}
.bottom-btn{
    bottom:0;
    width:100%;
    max-width:800px;
    position:fixed;
    background-color:#ededed;
    border-top:1px solid #cfcece;
}
.bottom-btn a{
    width:33%;
}
.bottom-btn a.btn1{
    border-right:1px solid #b3b3b3;
    background:url("../images/btn1.png") no-repeat center center;
}
.bottom-btn a.btn2{
    border-left:1px solid #ffffff;
    border-right:1px solid #b3b3b3;
    background:url("../images/btn2.png") no-repeat center center;
}
.bottom-btn a.btn3{
    border-left:1px solid #ffffff;
    background:url("../images/btn3.png") no-repeat center center;
}
#footer{
    padding:12px 0;
    background-color:#f2f2f2;
}
#footer a{
    font-size:20px;
    text-align:center;
    display:block;
    color:#333332;
}
#footer h1{
    text-align:center;
    color:#333332;
}
#footer h2{
    text-align:center;
    color:#333332;
}
#footer p{
    text-align:center;
    color:#333332;
}