/************************************************************************************
more than 800
*************************************************************************************/
@media screen and (min-width: 640px) {
    #header{
        height:95px;
        background-size:74px 71px;
    }
    .home{
        width:34px;
        height:35px;
        background-size:34px 35px;
    }
    .phone{
        padding-left:30px;
        font-size:18px;
        line-height:95px;
        background-size:23px 23px;
    }
    .nav{
        height:49px;
    }
    .nav li{
        height:49px;
    }
    .nav li a{
        line-height:49px;
        font-size:20px;
    }
    .nav li.act{
        height:46px;
    }
    .menu ul{
        padding:40px 0;
    }
    .menu li a img{
        width:98px;
        height:98px;
    }
    .menu li a p{
        font-size:20px;
    }
    .news{
        padding:20px 0;
    }
    .news-title{
        width:14%;
        background-size:86px 20px;
    }
    .news-info{
        width:85%;
    }
    #news-info a{
        font-size:20px;
    }
    .index-title h1{
        font-size:20px;
        line-height:52px;
    }
    .index-title2 h1{
        font-size:22px;
        line-height:24px;
    }
    .index-title2 h2{
        font-size:20px;
        line-height:24px;
    }
    .vedio{
        height:460px;
    }
    .vedio iframe{
        height:460px;
    }
    .class-box{
        padding:40px 0;
    }
    .tctmtc-title{
        padding:21px 0;
    }
    .tctmtc-title h1{
        font-size:20px;
    }
    .class-info{
        margin-left:5%;
    }
    .class-info h1{
        font-size:20px;
        line-height:56px;
    }
    .class-info p{
        font-size:18px;
        line-height:36px;
    }
    .class-info.info2 p{
        line-height:42px;
    }
    .next{
        margin-top:-25px;
        width:36px;
        height:50px;
        background-size:36px 50px;
    }
    .info-box h1{
        margin:30px auto;
        font-size:20px;
    }
    .info-box p{
        font-size:14px;
        line-height:28px;
    }
    .info-box h2{
        font-size:14px;
        line-height:16px;
    }
    #tab{
        padding-top:19px;
        height:50px;
    }
    #tab ul li{
        height:50px;
    }
    #tab ul li h1{
        font-size:20px;
        line-height:50px;
    }
    .tabli1{
        background:url("../images/tabli1.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    #tab ul li.selected h1.tabli1{
        background:url("../images/tabli1-s.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    .tabli2{
        background:url("../images/tabli2.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    #tab ul li.selected h1.tabli2{
        background:url("../images/tabli2-s.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    .tabli3{
        background:url("../images/tabli3.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    #tab ul li.selected h1.tabli3{
        background:url("../images/tabli3-s.png") no-repeat 15% center;
        background-size:30px 21px;
    }
    .teacher-box{
        padding:30px 0 24px;
    }
    .teacher-info{
        width:66%;
    }
    .teacher-info h1{
        padding-left:20px;
        margin-top:5px;
        font-size:20px;
        line-height:20px;
        background:url("../images/tih1-bg1.png") no-repeat left center;
        background-size:9px 13px;
    }
    .teacher-info.ti2 h1{
        background:url("../images/tih1-bg2.png") no-repeat left center;
        background-size:9px 13px;
    }
    .teacher-info.ti3 h1{
        background:url("../images/tih1-bg3.png") no-repeat left center;
        background-size:9px 13px;
    }
    .teacher-info p{
        margin-top:12px;
        font-size:16px;
        line-height:26px;
    }
    .school-box{
        padding:30px 0;
        background:url("../images/address.png") no-repeat 3% center;
        background-size:70px 70px;
    }
    .school-info h1{
        font-size:24px;
        line-height:24px;
    }
    .school-info p{
        margin-top:8px;
        font-size:16px;
        line-height:24px;
    }
    .class-title1{
        padding:30px 0;
        font-size:18px;
        line-height:30px;
    }
    .class-title2{
        padding:25px 4%;
        font-size:18px;
        line-height:30px;
    }
    .news-main-info h1{
        font-size:18px;
        line-height:28px;
        max-height:28px;
    }
    .news-main-info p{
        font-size:14px;
        line-height:20px;
        max-height:60px;
    }
    .news-main-info h2{
        margin-top:5px;
        padding-left:35px;
        line-height:16px;
        font-size:14px;
        background:url("../images/time.png") no-repeat left center;
        background-size:16px 16px;
    }








    .bottom-btn {
        height:80px;
    }
    .bottom-btn a{
        height:80px;
        line-height:80px;
    }
    .bottom-btn a.btn1{
        background-size:118px 56px;
    }
    .bottom-btn a.btn2{
        background-size:58px 57px;
    }
    .bottom-btn a.btn3{
        background-size:58px 50px;
    }
    #footer{
        margin-bottom:80px;
    }
    #footer a{
        font-size:20px;
    }
    #footer h1{
        font-size:18px;
    }
    #footer h2{
        font-size:16px;
    }
    #footer p{
        font-size:12px;
    }


}



/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
    #header{
        height:75px;
        background-size:56.2px 56.8px;
    }
    .home{
        width:27.2px;
        height:28px;
        background-size:27.2px 28px;
    }
    .phone{
        padding-left:24px;
        font-size:16px;
        line-height:75px;
        background-size:18.4px 18.4px;
    }
    .nav{
        height:39px;
    }
    .nav li{
        height:39px;
    }
    .nav li a{
        line-height:39px;
        font-size:16px;
    }
    .nav li.act{
        height:36px;
    }
    .menu ul{
        padding:20px 0;
    }
    .menu li a img{
        width:78.4px;
        height:78.4px;
    }
    .menu li a p{
        font-size:16px;
    }
    .news{
        padding:12px 0;
    }
    .news-title{
        width:16%;
        background-size:68.8px 16px;
    }
    .news-info{
        width:83%;
    }
    #news-info a{
        font-size:16px;
    }
    .index-title h1{
        font-size:16px;
        line-height:44.8px;
    }
    .index-title2 h1{
        font-size:17.6px;
        line-height:19.2px;
    }
    .index-title2 h2{
        font-size:16px;
        line-height:19.2px;
    }
    .vedio{
        height:320px;
    }
    .vedio iframe{
        height:320px;
    }
    .class-box{
        padding:32px 0;
    }
    .tctmtc-title{
        padding:16px 0;
    }
    .tctmtc-title h1{
        font-size:16px;
    }
    .class-info{
        margin-left:3%;
    }
    .class-info h1{
        font-size:16px;
        line-height:32px;
    }
    .class-info p{
        font-size:14px;
        line-height:24px;
    }
    .class-info.info2 p{
        line-height:36px;
    }
    .next{
        margin-top:-20px;
        width:28.8px;
        height:40px;
        background-size:28.8px 40px;
    }
    .info-box h1{
        margin:24px auto;
        font-size:16px;
    }
    .info-box p{
        font-size:12px;
        line-height:24px;
    }
    .info-box h2{
        font-size:12px;
        line-height:16px;
    }
    #tab{
        padding-top:15px;
        height:40px;
    }
    #tab ul li{
        height:40px;
    }
    #tab ul li h1{
        font-size:14px;
        line-height:40px;
        padding-left:25.5%;
    }
    .tabli1{
        background:url("../images/tabli1.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    #tab ul li.selected h1.tabli1{
        background:url("../images/tabli1-s.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    .tabli2{
        background:url("../images/tabli2.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    #tab ul li.selected h1.tabli2{
        background:url("../images/tabli2-s.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    .tabli3{
        background:url("../images/tabli3.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    #tab ul li.selected h1.tabli3{
        background:url("../images/tabli3-s.png") no-repeat 12% center;
        background-size:24px 16.8px;
    }
    .teacher-box{
        padding:24px 0 19px;
    }
    .teacher-info{
        width:68%;
    }
    .teacher-info h1{
        padding-left:16px;
        margin-top:5px;
        font-size:16px;
        line-height:16px;
        background:url("../images/tih1-bg1.png") no-repeat left center;
        background-size:7.2px 10.4px;
    }
    .teacher-info.ti2 h1{
        background:url("../images/tih1-bg2.png") no-repeat left center;
        background-size:7.2px 10.4px;
    }
    .teacher-info.ti3 h1{
        background:url("../images/tih1-bg3.png") no-repeat left center;
        background-size:7.2px 10.4px;
    }
    .teacher-info p{
        margin-top:5px;
        font-size:12px;
        line-height:18px;
    }
    .school-box{
        padding:24px 0;
        background:url("../images/address.png") no-repeat 3% center;
        background-size:56px 56px;
    }
    .school-info h1{
        font-size:20px;
        line-height:20px;
    }
    .school-info p{
        margin-top:6px;
        font-size:14px;
        line-height:20px;
    }
    .class-title1{
        padding:20px 0;
        font-size:14px;
        line-height:22px;
    }
    .class-title2{
        padding:15px 4%;
        font-size:14px;
        line-height:22px;
    }
    .news-main-info h1{
        font-size:14px;
        line-height:26px;
        max-height:26px;
    }
    .news-main-info p{
        font-size:12px;
        line-height:16px;
        max-height:48px;
    }
    .news-main-info h2{
        margin-top:3px;
        padding-left:28px;
        line-height:12px;
        font-size:12px;
        background:url("../images/time.png") no-repeat left center;
        background-size:12px 12px;
    }











    .bottom-btn {
        height:64px;
    }
    .bottom-btn a{
        height:64px;
        line-height:64px;
    }
    .bottom-btn a.btn1{
        background-size:94.4px 44.8px;
    }
    .bottom-btn a.btn2{
        background-size:46.4px 45.6px;
    }
    .bottom-btn a.btn3{
        background-size:46.4px 40px;
    }
    #footer{
        margin-bottom:64px;
    }
    #footer a{
        font-size:16px;
    }
    #footer h1{
        font-size:14.4px;
    }
    #footer h2{
        font-size:12.8px;
    }
    #footer p{
        font-size:9.6px;
    }


}




/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
    #header{
        height:57px;
        background-size:44.4px 42.6px;
    }
    .home{
        width:27.2px;
        height:28px;
        background-size:20.2px 21px;
    }
    .phone{
        padding-left:18px;
        font-size:14px;
        line-height:57px;
        background-size:13.8px 13.8px;
    }
    .nav{
        height:36px;
    }
    .nav li{
        height:36px;
    }
    .nav li a{
        line-height:30px;
        font-size:14px;
    }
    .nav li.act{
        height:33px;
    }
    .menu ul{
        padding:10px 0;
    }
    .menu li a img{
        width:58.8px;
        height:58.8px;
    }
    .menu li a p{
        font-size:12px;
    }
    .news{
        padding:8px 0;
    }
    .news-title{
        width:18%;
        background-size:51.6px 12px;
    }
    .news-info{
        width:81%;
    }
    #news-info a{
        font-size:12px;
    }
    .index-title h1{
        font-size:12px;
        line-height:31.2px;
    }
    .index-title2 h1{
        font-size:13.2px;
        line-height:14.4px;
    }
    .index-title2 h2{
        font-size:12px;
        line-height:14.4px;
    }
    .vedio{
        height:220px;
    }
    .vedio iframe{
        height:220px;
    }
    .tctmtc-title{
        padding:12px 0;
    }
    .tctmtc-title h1{
        font-size:12px;
    }
    .class-box{
        padding:24px 0;
    }
    .class-info{
        margin-left:2%;
    }
    .class-info h1{
        font-size:12px;
        line-height:24px;
    }
    .class-info p{
        font-size:9px;
        line-height:18px;
    }
    .class-info.info2 p{
        line-height:24px;
    }
    .next{
        margin-top:-15px;
        width:21.6px;
        height:30px;
        background-size:21.6px 30px;
    }
    .info-box h1{
        margin:18px auto;
        font-size:16px;
    }
    .info-box p{
        font-size:12px;
        line-height:24px;
    }
    .info-box h2{
        font-size:12px;
        line-height:16px;
    }
    #tab{
        padding-top:11px;
        height:30px;
    }
    #tab ul li{
        height:30px;
    }
    #tab ul li h1{
        font-size:12px;
        line-height:30px;
        padding-left:22.5%;
    }
    .tabli1{
        background:url("../images/tabli1.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    #tab ul li.selected h1.tabli1{
        background:url("../images/tabli1-s.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    .tabli2{
        background:url("../images/tabli2.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    #tab ul li.selected h1.tabli2{
        background:url("../images/tabli2-s.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    .tabli3{
        background:url("../images/tabli3.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    #tab ul li.selected h1.tabli3{
        background:url("../images/tabli3-s.png") no-repeat 9% center;
        background-size:18px 12.6px;
    }
    .teacher-box{
        padding:30px 0 24px;
    }
    .teacher-info{
        width:68%;
    }
    .teacher-info h1{
        padding-left:12px;
        margin-top:0px;
        font-size:10px;
        line-height:10px;
        background:url("../images/tih1-bg1.png") no-repeat left center;
        background-size:5.4px 7.8px;
    }
    .teacher-info.ti2 h1{
        background:url("../images/tih1-bg2.png") no-repeat left center;
        background-size:5.4px 7.8px;
    }
    .teacher-info.ti3 h1{
        background:url("../images/tih1-bg3.png") no-repeat left center;
        background-size:5.4px 7.8px;
    }
    .teacher-info p{
        margin-top:5px;
        font-size:9px;
        line-height:14px;
    }
    .school-box{
        padding:18px 0;
        background:url("../images/address.png") no-repeat 3% center;
        background-size:42px 42px;
    }
    .school-info h1{
        font-size:16px;
        line-height:16px;
    }
    .school-info p{
        margin-top:4px;
        font-size:12px;
        line-height:20px;
    }
    .class-title1{
        padding:10px 0;
        font-size:12px;
        line-height:18px;
    }
    .class-title2{
        padding:16px 4%;
        font-size:12px;
        line-height:18px;
    }
    .news-main-info h1{
        font-size:12px;
        line-height:20px;
        max-height:20px;
    }
    .news-main-info p{
        font-size:10px;
        line-height:14px;
        max-height:42px;
    }
    .news-main-info h2{
        margin-top:2px;
        padding-left:18px;
        line-height:10px;
        font-size:10px;
        background:url("../images/time.png") no-repeat left center;
        background-size:9px 9px;
    }














    .bottom-btn {
        height:48px;
    }
    .bottom-btn a{
        width:32.8%;
    }
    .bottom-btn a{
        height:48px;
        line-height:48px;
    }
    .bottom-btn a.btn1{
        background-size:70.8px 33.6px;
    }
    .bottom-btn a.btn2{
        background-size:34.8px 34.2px;
    }
    .bottom-btn a.btn3{
        background-size:34.8px 30px;
    }
    #footer{
        margin-bottom:48px;
    }
    #footer a{
        font-size:12px;
    }
    #footer h1{
        font-size:10.8px;
    }
    #footer h2{
        font-size:9.6px;
    }
    #footer p{
        font-size:7.2px;
    }





}
/************************************************************************************
smaller than 340
*************************************************************************************/
@media screen and (max-width: 340px) {
    #tab ul li h1{
        padding-left:0%;
        text-align:center;
        background:none;
    }
    #tab ul li.selected h1.tabli1,
    #tab ul li.selected h1.tabli2,
    #tab ul li.selected h1.tabli3{
        background:none;
    }




}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
    .menu li a img{
        width:49px;
        height:49px;
    }

}