@media screen and (max-width: 640px) {

    .logo{
        padding:14px 0 12px;
        height:auto;
    }
    .phone{
        margin-top:16px;
        padding-left:28px;
        line-height:24px;
        background:url("../img/phone.png") no-repeat left center;
        background-size:24px 24px;
    }
    .nav{
        height:40px;
    }
    .nav ul{
        height:40px;
    }
    .nav ul li{
        line-height:40px;
    }
    .nav ul li a{
        font-size:18px;
    }
    .title{
        padding:16px 0;
    }
    .title h2{
        height:48px;
        line-height:48px;
    }
    .title h2 span{
        padding-left:60px;
        height:48px;
        line-height:48px;
        font-size:28px;
        background-size:48px;
    }
    .title h3{
        margin-top:2px;
    }
    .title h3 span{
        font-size:16px;
    }

    .ctn1 ul.ul1 li{
        padding-bottom:5px;
    }
    .ctn1 ul.ul1 li p{
        margin-top:5px;
        font-size:14px;
        line-height:20px;
    }
    .ctn1 ul.ul2 li{
        margin-top:20px;
        padding-left:35px;
        width:calc(49% - 35px);
        height:30px;
        line-height:30px;
        background:url("../img/ctn1-li2.png") no-repeat left center;
        background-size:30px;
    }
    .ctn1 ul.ul2 li.li2{
        margin-left:2%;
        width:calc(49% - 35px);
    }
    .ctn1 ul.ul2 li p{
        font-size:14px;
    }
    .btn{
        margin:20px auto 0;
        height:36px;
        font-size:18px;
        line-height:36px;
        border-radius:18px;
    }
    .container{
        padding-bottom:20px;
    }
    #table table tr td{
        font-size:14px;
    }
    .ctn3 .main,
    .ctn4 .main,
    .ctn5 .main,
    .ctn7 .main,
    .ctn8 .main{
        padding-top:20px;
    }
    .ctn8 .main img{
        margin-top:20px;
    }
    .title2{
        margin-top:20px;
        padding-bottom:20px;
    }
    .title2.mt{
        margin-top:35px;
    }
    .title2 h2{
        height:40px;
    }
    .title2 span{
        padding:0 1%;
        font-size:24px;
        line-height:24px;
    }
    .title3{
        padding:20px 0 20px;
    }

    .title3.mt{
        padding:35px 0 20px;
    }
    .title3 h2{
        font-size:24px;
        line-height:24px;
    }
    .course1 ul li h2{
        font-size:16px;
    }
    .course1 ul li p{
        font-size:14px;
        line-height:20px;
    }
    .course4 p{
        margin-bottom:10px;
        font-size:14px;
        text-align:center;
    }
    .course5-btn{
        margin-top:20px;
        height:36px;
        font-size:18px;
        line-height:36px;
        border-radius:18px;
    }
    .teacher1 ul li{
        height:300px;
    }
    .teacher1 ul li h2{
        margin-top:10px;
        font-size:18px;
    }
    .teacher1 ul li img{
        width:92%;
    }
    .teacher1 ul li p{
        font-size:14px;
        line-height:22px;
        width:92%;
    }
    .teacher2 p,
    .teacher3 p{
        margin-bottom:20px;
        font-size:14px;
    }
    .teacher4 input[type='text']{
        margin:0 auto 8px;
        height:40px;
        font-size:14px;
        border-radius:26px;
    }
    .teacher4 input[type='submit']{
        margin:15px auto 0;
        width:150px;
        height:40px;
        font-size:20px;
    }
    .student1 ul li{
        height:280px;
    }
    .student1 ul li h2{
        margin-top:5px;
        font-size:16px;
    }
    .student1 ul li p{
        margin-top:5px;
        line-height:18px;
    }
    .student4 .main p{
        margin-bottom:20px;
        font-size:14px;
    }
    .student5 input[type='text']{
        margin:0 auto 10px;
        height:30px;
        font-size:20px;
    }
    .student5 input[type='submit']{
        margin:15px auto 0;
        height:28px;
        font-size:18px;
    }
    .tedu1 .main p{
        font-size:14px;
        line-height:20px;
    }
    .tedu3 .main p{
        font-size:14px;
        line-height:20px;
    }
    .tedu3 ul li h2{
        font-size:18px;
    }

}

@media screen and (max-width: 480px) {

    .main{
        margin:0 auto;
        width:96%;
    }
    .phone{
        padding-left:28px;
        line-height:24px;
        background:url("../img/phone.png") no-repeat left center;
        background-size:24px 24px;
    }
    .nav{
        height:30px;
    }
    .nav ul{
        height:30px;
    }
    .nav ul li{
        line-height:30px;
    }
    .nav ul li a{
        font-size:14px;
    }
    .title h2{
        height:36px;
        line-height:36px;
    }
    .title h2 span{
        padding-left:45px;
        height:36px;
        line-height:36px;
        font-size:20px;
        background-size:36px;
    }
    .title h3 span{
        font-size:14px;
    }
    .ctn1 ul.ul1 li p{
        font-size:12px;
        line-height:18px;
    }
    .ctn1 ul.ul2 li p{
        font-size:12px;
    }
    .btn{
        margin:10px auto 0;
        height:30px;
        font-size:16px;
        line-height:30px;
        border-radius:16px;
    }
    #table table tr td{
        font-size:12px;
    }
    .ctn3 .main,
    .ctn4 .main,
    .ctn5 .main,
    .ctn7 .main,
    .ctn8 .main{
        padding-top:10px;
    }
    .ctn7 ul{
        margin-bottom:10px;
    }
    .ctn7 ul li h2{
        margin-top:5px;
        font-size:18px;
        line-height:30px;
    }
    .ctn7 ul li p{
        margin-top:5px;
        font-size:14px;
        line-height:20px;
    }
    .ctn8 .main img{
        margin-top:10px;
    }
    .title2{
        margin-top:10px;
        padding-bottom:10px;
    }
    .title2.mt{
        margin-top:25px;
    }
    .title2 h2{
        height:30px;
    }
    .title2 span{
        font-size:18px;
        line-height:18px;
    }
    .title3{
        padding:10px 0 15px;
    }
    .title3.mt{
        padding:25px 0 15px;
    }
    .title3 h2{
        font-size:18px;
        line-height:18px;
    }
    .course1 ul li{
        margin:0 calc(10%/6 + 0px);
        float:left;
        width:30%;
    }
    .course5-btn{
        margin-top:10px;
        height:30px;
        font-size:16px;
        line-height:30px;
        border-radius:16px;
    }

    .teacher1 ul li{
        height:280px;
    }
    .teacher1 ul li h2{
        margin-top:5px;
        font-size:16px;
    }
    .teacher1 ul li p{
        font-size:12px;
        line-height:20px;
    }
    .teacher2 p,
    .teacher3 p{
        margin-bottom:10px;
    }
    .teacher4 input[type='text']{
        margin:0 auto 10px;
        height:30px;
        font-size:14px;
        border-radius:18px;
    }
    .teacher4 input[type='submit']{
        margin:10px auto 0;
        width:120px;
        height:30px;
        font-size:16px;
    }
    .student1 ul li{
        margin:0 calc(4%/8 + 0px);
        width:24%;
        height:240px;
    }
    .student1 ul li h2{
        margin-top:0;
        font-size:14px;
    }
    .student1 ul li p{
        margin-top:0;
        font-size:12px;
        line-height:16px;
    }
    .student4 .main p{
        margin-bottom:10px;
    }
    .student5 input[type='text']{
        margin:0 auto 5px;
        height:20px;
        font-size:14px;
    }
    .student5 input[type='submit']{
        margin:10px auto 0;
        height:22px;
        font-size:16px;
    }
    .tedu3 ul li h2{
        font-size:16px;
    }



}

@media screen and (max-width: 400px) {

    .ctn1 ul.ul2 li{
        margin-top:10px;
        padding-left:22px;
        width:calc(49% - 22px);
        height:20px;
        line-height:20px;
        background:url("../img/ctn1-li2.png") no-repeat left center;
        background-size:20px;
    }
    .ctn1 ul.ul2 li.li2{
        margin-left:1%;
        width:calc(49% - 22px);
    }
    .course1 ul li p{
        font-size:12px;
        line-height:18px;
    }
    .course4 p{
        font-size:12px;
    }
    .teacher1 ul li{
        height:260px;
    }

}


@media screen and (max-width: 340px) {

    .phone{
        padding-left:20px;
        line-height:20px;
        background:url("../img/phone.png") no-repeat left center;
        background-size:20px 20px;
    }
    .ctn7 ul li h2{
        font-size:16px;
        line-height:24px;
    }
    .ctn7 ul li p{
        font-size:12px;
        line-height:18px;
    }
    .teacher4 input[type='text']{
        margin:0 auto 5px;
    }
    .student1 ul li h2{
        font-size:14px;
    }
    .student1 ul li p{
        font-size:12px;
        line-height:16px;
    }

}