/************************************************************************************
more than 800
*************************************************************************************/
@media screen and (min-width: 640px) {
    #pagewrap {
        margin: 0 auto;
        max-width: 800px;
    }
    .header{
        height:150px;
    }

	.header-l{ width:60%; float:left;}
	
	.header-r{ float:right; width:34%;}


	.header-l img{ float:left; margin:5% 2% 0 5%; width:126px; height:38px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:5%;}
	.header-l span h3{ font-size:1.2em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:1em; line-height:1.6em; color:#24272e; font-weight:normal;}

	.header-r h5{ margin-top:12%; font-size:1.4em; line-height:1.8em; padding-left:14%;}
	
	.nav1{ height:44px;}
    .nav1 ul li{
		width:13.84%;
        height:44px;
		line-height:44px;
        font-size:1.2em;
		padding:0 1.25%;
    }
	
	.icon{ height:90px;}
	
	.icon ul li img{ width:130px; height:123px;}

	
}




/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (min-width: 480px) and (max-width: 639px) {
    #pagewrap {
        margin: 0 auto;
        width: 100%;
    }
    .header{
        height:88px;
    }

	.header-l{ width:60%; float:left;}
	
	.header-r{ float:right; width:30%;}


	.header-l img{ float:left; margin:4% 2% 0 20%; width:78px; height:24px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:5%;}
	.header-l span h3{ font-size:1.0em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:0.8em; line-height:1.6em; color:#24272e; font-weight:normal;}
	
	.header-r h5{ margin-top:10%; font-size:1.0em; line-height:1.8em; padding-left:12%;}

	.nav1{ height:36px;}
    .nav1 ul li{
		width:13.84%;
        height:36px;
        line-height:36px;
        font-size:1em;
		padding:0 1.0%;
    }
	
	.icon{ height:80px;}
	
	.icon ul li img{ width:104px; height:98px;}
	

	

}



/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (min-width: 320px) and (max-width: 479px) {
    #pagewrap {
        margin: 0 auto;
        width: 100%;
        min-width:320px;
    }
    .header{
        height:88px;
    }
	.header-l{ width:60%; float:left;}
	
	.header-r{ float:right; width:38%;}

	.header-l img{ float:left; margin:5.4% 1.2% 0 4%; width:64px; height:24px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:4%;}
	.header-l span h3{ font-size:0.8em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:0.6em; line-height:1.6em; color:#24272e; font-weight:normal;}
	
	.header-r h5{ margin-top:10%; font-size:1.0em; line-height:2.0em; }
	.header-r h5 img{ width:22px; height:14px;}
	.nav1{ height:36px;}
    .nav1 ul li{
		width:13.6%;
        height:36px;
        line-height:36px;
        font-size:0.8em;
		padding:0 1.0%;
    }
	
	
}



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

    .header .top{
        padding:20px 0;
    }
    .header .top .logo{
        width:257px;
        height:34px;
    }
    .header .top .phone{
        padding-left:26px;
        font-size:16px;
        line-height:34px;
        background-size:22px 22px;
    }
    .header .nav ul li{
        line-height:44px;
    }
    .header .nav ul li a{
        font-size:18px;
    }
    .news{
        padding:16px 0;
    }
    .news #news{
        height:36px;
    }
    .news #news h2{
        font-size:16px;
        line-height:18px;
    }
    .menu{
        padding-bottom:40px;
    }
    .menu ul li img{
        margin:4px auto 0;
    }
    .menu ul li h2{
        font-size:16px;
        line-height:28px;
    }
    .link{
        margin:24px auto 0;
        width:170px;
        height:40px;
        font-size:26px;
        line-height:40px;
        border-radius:16px;
    }
    .title{
        padding:40px 0 24px;
    }
    .title h2{
        padding-top:12px;
        font-size:26px;
        line-height:26px;
    }
    .title h3{
        font-size:16px;
    }
    .p2 .ctn .p2-title{
        padding-bottom:24px;
        font-size:20px;
        line-height:20px;
    }
    .p2 .ctn > div{
        margin-bottom:24px;
    }
    .p2 .ctn h2 img{
        padding-right:8px;
    }
    .p2 .ctn .tag1 li h2{
        padding-top:16px;
        font-size:16px;
        line-height:16px;
    }
    .p2 .ctn .tag2 li{
        padding-bottom:6px;
        margin-bottom:8px;
        font-size:16px;
        line-height:16px;
    }
    .p2 .ctn .tag3 li{
        padding-top:8px;
        font-size:16px;
        line-height:16px;
    }
    .p2 .ctn .tag4 li h2{
        padding-top:8px;
        font-size:14px;
        line-height:14px;
    }
    .p2 .ctn .tag4 li h3{
        margin-top:4px;
    }
    .p2 .ctn .tag4 li h3 span{
        font-size:14px;
        line-height:14px;
    }
    .p2 .ctn .tag5 li{
        padding-top:8px;
        font-size:16px;
        line-height:16px;
    }
    .p4 ul li .info h2{
        font-size:18px;
        line-height:22px;
    }
    .p4 ul li .info h3{
        margin-top:6px;
        font-size:12px;
        height:20px;
        line-height:20px;
        border-radius:8px;
    }
    .p4 ul li .text{
        margin-top:4px;
        height:72px;
    }
    .p4 ul li .text p{
        font-size:14px;
        line-height:20px;
    }
    .submit form label{
        margin-bottom:4%;
        font-size:18px;
        line-height:28px;
    }
    .submit form input[type='text']{
        margin-left:8px;
        height:28px;
        line-height:28px;
    }
    .submit form input[type='submit']{
        font-size:20px;
        height:32px;
        line-height:32px;
        border-radius:14px;
    }
    .cs1 .title{
        padding: 0;
    }
    .cs1 h3{
        padding:16px 0;
        font-size:16px;
        line-height:16px;
    }
    .cs1 .box{
        margin-bottom:16px;
    }
    .cs1 .box .info{
        padding:10px 2%;
        width:63%;
    }
    .cs1 .box .info h2{
        padding-bottom:4px;
        font-size:18px;
    }
    .cs1 .box .info p{
        font-size:16px;
        line-height:20px;
    }
    .cs2{
        padding:16px 0;
    }
    .cs2 ul li{
        height:90px;
    }
    .cs2 ul li img{
        margin:16px auto 0;
        width:62px;
        height:45px;
    }
    .cs2 ul li p{
        font-size:16px;
        line-height:24px;
    }
    #newsStu{
        height:16px;
    }
    #newsStu h2{
        font-size:14px;
        line-height:16px;
    }
    #newsStu h2 span{
        padding:0 4%;
    }
    .submit-cs form td{
        font-size:18px;
        line-height:28px;
    }
    .submit-cs form table input[type='text']{
        height:28px;
        line-height:28px;
    }
    .submit-cs form input[type='submit']{
        font-size:18px;
        height:28px;
        line-height:26px;
        border-radius:14px;
    }
    .tr2 .teacher{
        padding:30px 0;
    }
    .ns .box{
        padding:20px 5% 10px;
    }
    .ns .box .info h2{
        font-size:18px;
        line-height:24px;
        height:48px;
    }
    .ns .box .info p{
        margin-top:4px;
        font-size:16px;
        line-height:20px;
        height:60px;
    }
    .ns .box a.btn{
        font-size:18px;
        line-height:32px;
        border-radius:16px;
    }
    .ns-menu{
        padding:10px 5% 30px;
    }
    .ns-menu li{
        padding:0 6px;
        line-height:28px;
    }
    .ns-menu li a{
        font-size:16px;
    }
    .ns-title h2{
        font-size:20px;
    }
    .ns-title h3{
        margin-top:6px;
        font-size:14px;
    }
    .ns-text .main > h2{
        margin:0 auto 10px;
        font-size:16px;
        line-height:24px;
        border-radius:16px;
    }
    .ns-text .main > h3{
        margin-bottom:6px;
        font-size:14px;
    }
    .ns-text .main img{
        margin:0 auto 16px;
    }
    .ns-text .main p{
        margin-bottom:16px;
        font-size:14px;
        line-height:20px;
        text-indent:5%;
    }
    .text-menu{
        padding:10px 0;
    }
    .teacher .btn{
        width:24px;
        height:24px;
    }
    #top{
        width:40px;
        height:40px;
    }
    .jb1 ul{
        width:94%;
    }
    .jb1 ul li{
        margin-bottom:10px;
    }
    .jb1 ul li p{
        padding:10px 4px;
        font-size:14px;
    }
    #job ul li{
        margin:0 0.5% 20px;
    }
    #job ul li p{
        bottom:-13px;
        font-size:14px;
        line-height:26px;
    }
    .jb-title{
        margin-top:-16px;
        padding-bottom:16px;
        font-size:16px;
    }
    #table table td{
        padding:4px 0;
        font-size:14px;
        line-height:14px;
    }






}

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

    .header .top{
        padding:14px 0;
    }
    .header .top .logo{
        width:177px;
        height:24px;
    }
    .header .top .phone{
        padding-left:18px;
        font-size:12px;
        line-height:24px;
        background-size:16px 16px;
    }
    .header .nav ul li{
        line-height:33px;
    }
    .header .nav ul li a{
        font-size:16px;
    }
    .news{
        padding:12px 0;
    }
    .news #news{
        top:32%;
        height:36px;
    }
    .news #news h2{
        font-size:14px;
        line-height:18px;
    }
    .menu{
        padding-bottom:30px;
        padding-top:15px;
    }
    .menu ul li img{
        margin:2px auto 0;
    }
    .menu ul li h2{
        font-size:14px;
        line-height:20px;
    }
    .link{
        margin:18px auto 0;
        width:130px;
        height:30px;
        font-size:14px;
        line-height:30px;
        border-radius:12px;
    }
    .title{
        padding:30px 0 18px;
    }
    .title h2{
        font-size:20px;
        line-height:20px;
    }
    .title h3{
        font-size:14px;
    }
    .p2 .ctn .p2-title{
        padding-bottom:18px;
        font-size:16px;
        line-height:16px;
    }
    .p2 .ctn > div{
        margin-bottom:18px;
    }
    .p2 .ctn h2 img{
        padding-right:6px;
    }
    .p2 .ctn h2 img.img1{
        width:13px;
        height:17px;
    }
    .p2 .ctn h2 img.img2{
        width:18px;
        height:16px;
    }
    .p2 .ctn h2 img.img3{
        width:16px;
        height:18px;
    }
    .p2 .ctn h2 img.img4{
        width:18px;
        height:17px;
    }
    .p2 .ctn h2 img.img5{
        width:22px;
        height:14px;
    }
    .p2 .ctn h2 img.img6{
        width:16px;
        height:17px;
    }
    .p2 .ctn .tag1 li h2{
        padding-top:12px;
        font-size:12px;
        line-height:12px;
    }
    .p2 .ctn .tag2 li{
        padding-bottom:4px;
        margin-bottom:6px;
        font-size:14px;
        line-height:14px;
    }
    .p2 .ctn .tag3 li{
        padding-top:6px;
        font-size:14px;
        line-height:14px;
    }
    .p2 .ctn .tag4 li h2{
        padding-top:6px;
    }
    .p2 .ctn .tag4 li h3{
        margin-top:2px;
    }
    .p2 .ctn .tag5 li{
        padding-top:6px;
        font-size:14px;
        line-height:14px;
    }
    .p4 ul li .info{
        top:10%;
    }
    .p4 ul li .info h2{
        font-size:14px;
        line-height:18px;
    }
    .p4 ul li .info h3{
        margin-top:2px;
        font-size:12px;
        height:18px;
        line-height:18px;
        border-radius:6px;
    }
    .p4 ul li .text{
        margin-top:2px;
        height:60px;
    }
    .p4 ul li .text p{
        padding:2%;
        font-size:12px;
        line-height:18px;
    }
    .submit form label{
        font-size:14px;
        line-height:24px;
    }
    .submit form input[type='text']{
        margin-left:6px;
        height:24px;
        line-height:24px;
    }
    .submit form input[type='submit']{
        font-size:14px;
        height:24px;
        line-height:24px;
        border-radius:10px;
    }
    .cs1 h3{
        padding:14px 0;
        font-size:14px;
        line-height:14px;
    }
    .cs1 .box{
        margin-bottom:10px;
    }
    .cs1 .box > img{
        width:33%;
    }
    .cs1 .box .info{
        padding:6px 1%;
    }
    .cs1 .box .info h2{
        font-size:14px;
    }
    .cs1 .box .info p{
        font-size:12px;
        line-height:18px;
    }
    .cs2{
        padding:12px 0;
    }
    .cs2 ul li{
        height:70px;
    }
    .cs2 ul li img{
        margin:12px auto 0;
        width:47px;
        height:34px;
    }
    .cs2 ul li p{
        font-size:14px;
        line-height:18px;
    }
    .news-stu .main{
        width:92%;
    }
    #newsStu h2 span{
        padding:0 2%;
    }
    .submit-cs form{
        top:20%;
    }
    .submit-cs form td{
        font-size:14px;
        line-height:24px;
    }
    .submit-cs form table input[type='text']{
        height:20px;
        line-height:20px;
    }
    .submit-cs form input[type='submit']{
        font-size:14px;
        height:20px;
        line-height:18px;
        border-radius:10px;
    }
    .tr2 .teacher{
        padding:20px 0;
    }
    .ns .box .info h2{
        font-size:14px;
        line-height:18px;
        height:36px;
    }
    .ns .box .info p{
        margin-top:2px;
        font-size:12px;
        line-height:16px;
        height:48px;
    }
    .ns .box a.btn{
        font-size:14px;
        line-height:28px;
        border-radius:14px;
    }
    .ns-menu li{
        padding:0 6px;
        line-height:20px;
    }
    .ns-menu li a{
        font-size:14px;
    }
    .ns-title h2{
        font-size:18px;
    }
    .ns-text .main > h2{
        margin:0 auto 10px;
        font-size:12px;
        line-height:18px;
        border-radius:16px;
    }
    .ns-text .main > h3{
        margin-bottom:6px;
        font-size:14px;
    }
    .ns-text .main img{
        margin:0 auto 16px;
    }
    .ns-text .main p{
        margin-bottom:16px;
        font-size:14px;
        line-height:20px;
        text-indent:5%;
    }
    .jb1 ul{
        width:96%;
    }
    .jb1 ul li{
        margin-bottom:10px;
    }
    .jb1 ul li p{
        padding:5px 4px;
        font-size:12px;
    }
    #job{
        width:98%;
    }
    #job ul li p{
        bottom:-13px;
        font-size:12px;
        line-height:20px;
    }
    .jb-title{
        margin-top:-5px;
        padding-bottom:14px;
        font-size:14px;
    }
    #table table td{
        font-size:12px;
        line-height:12px;
    }

}

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

    .news #news{
        top:34%;
        height:28px;
    }
    .news #news h2{
        font-size:14px;
        line-height:14px;
    }
    .menu{
        padding-bottom:15px;
    }
    .link{
        margin:10px auto 0;
    }
    #newsStu{
        height:14px;
    }
    #newsStu h2{
        font-size:12px;
        line-height:14px;
    }

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

    .title{
        padding:20px 0 10px;
    }
    .title h2{
        font-size:18px;
        line-height:18px;
    }
    .p4 ul li .text{
        height:75px;
    }
    .submit form{
        top:16%;
    }
    .submit-cs form{
        top:10%;
    }
}


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

    .news-stu .main{
        width:100%;
    }
    #newsStu h2 span{
        padding:0 1%;
    }



}