@media screen and (max-width:1400px){
.banner .flickerplate{ height:550px;}

.entrance li{ height:380px;}
.entrance li a{ height:380px;}

}

@media screen and (max-width:1300px){
.banner .flickerplate{ height:500px;}
.head-div ul.dh li { padding: 25px 30px 0;}
.entrance li{ height:320px;}
.entrance li a{ height:320px;}

.about .col h6{ margin-top:40px;}
.about .col .touchcarousel{ width:100%; height:85px;}
.about .col .touchcarousel li{ margin-right:10px; width:130px;}

.container{ max-width:1080px; margin:0 auto;}


}
@media screen and (max-width:1200px){
.banner .flickerplate{ height:400px;}
.head-div ul.dh li { padding: 25px 25px 0;}

.container{ max-width:900px; margin:0 auto;}

/* .contact .info{ margin-bottom:30px; margin-top:150px; overflow:hidden;} */
.contact .pt:first-child{ padding-left:80px;}


}

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

.index-banner{ padding:0;}
	
.container{ max-width:inherit; margin:0 auto;}
.head-div{ height:60px; z-index:9990; }
.head-div .container{ display:none;}

.head-div .m-head{ display:block; height:60px; position:relative;}
.head-div .m-head .logo{margin-top:0; float:left; background: url(../images/head-logo.png) center / 42px 42px no-repeat;  width:58px; height:58px; }

.head-div .m-head .menu{ float:right; background:url(../images/menu-enabled.png) center / 30px 30px no-repeat; width:58px; height:58px;}

.entrance{padding:0}
.entrance li{ float:none; width:100%; padding:10px; margin-bottom:10px;}


.head-div .m-nav{ display:none; top:58px; left:0; width:100%; background:#fff; position:absolute; z-index:9990;}
.head-div .m-nav .bb{ font-size:16px; padding:20px; text-align:right;}
.head-div .m-nav .bb a{ border:1px solid #ccc; padding:10px; border-radius:30px; }
.head-div .m-nav .bb i.default {
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../images/English.png) center / 20px 20px no-repeat;
}


.head-div .m-nav .bb a.tag i {
    background: url(../images/default-china.png) center / 20px 20px no-repeat;
}


.head-div .m-nav .nav{ padding:0 50px; text-align:left;}
.head-div .m-nav .col{ border-bottom:1px solid #203d75; }
.head-div .m-nav .col > a{ 
    font-size:16px;
    display: block;
    height: 45px;
    line-height: 45px;}


}
.head-div .m-nav .col ul {
    display: none;
    padding: 10px 0 40px;
}



.head-div .m-nav .col:nth-child(2) > a,.head-div .m-nav .col:nth-child(4) > a ,.head-div .m-nav .col:nth-child(5) > a,.head-div .m-nav .col:nth-child(6) > a {
    background: url(../images/nav-down.png) right center no-repeat;
}

.head-div .m-nav .col:nth-child(2) > a.tag,.head-div .m-nav .col:nth-child(4) > a.tag,.head-div .m-nav .col:nth-child(5) > a.tag,.head-div .m-nav .col:nth-child(6) > a.tag  {
    background: url(../images/nav-up.png) right center no-repeat;
}

.head-div .m-nav .col li {
    font-size: 14px;
    line-height: 40px;
    padding-left:20px;
}


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


}

@media screen and (max-width:660px){ 
	
	.foot-div .container{ padding:20px; position:relative;}
	.foot-div .foot-logo {
    margin-left:-70px; margin-bottom:0;
    background: url(../images/foot-logo.png) center / 230px 98px no-repeat;
    width: 230px;
    height: 98px;
	}
	.foot-div .txt{ margin-left:0; font-size:13px;}
	.foot-div .f-right{ position:absolute; top:20px; right:20px; margin:0;}
	.foot-div .f-right label{ margin-top:5px;}
	
	.banner{ padding:0;}
	.banner .flickerplate{ height:210px;}
	
	.about{ padding:20px;}
	.about .col{ width:100%; padding-right:0; margin-bottom:30px;}
	.about .col p{ font-size:14px;}
	
	
	.about .col h6{ margin-top:20px; font-size:18px;}
	.about .col .touchcarousel{ height:200px;}
	.about .col .touchcarousel li{ width:320px;}
	.about .pt-img{ padding:0;}
	
	.about .col .xl-5{ width:100%;}
	.about .col .gar-img{ padding:20px 0 0 ;}
	.about .xy-img{ width:100%;}
	
	.curriculum{ padding:20px;}
	.curriculum p{ font-size:14px;}
	
	.healthy{ padding:20px;}
	.healthy p{ font-size:14px;}
	
	.healthy .col-img{ padding:0;}
	
	.education{ padding:20px;}
	.education .list .col{ width:49%;}
	.education .list .col:nth-child(even){ float:right;}
	.education .list img{ width:100%; float:none; display:block;}
	.education .list b{ font-size:12px; margin:10px 0;}
	
	.activity{ padding:20px;}
	.activity .list{ padding:0;}
	.activity .col img{ margin:0; width:100%; display:block; float:none;}
	
	
	.contact{ padding:20px;}
	.contact .col{ margin-bottom:30px;}
	.contact .form span{ width:100%; float:none; margin-bottom:10px; display:block; line-height:40px; height:40px;}
	.contact .form p{ margin-bottom:0;}
	.contact p{ font-size:14px;}
	.contact .form label{ width:30%;}
	.contact .form input, .contact .form select{ width:70%;}
	
	.entrance li{ height:auto;}
	.entrance li img{ width:100%; display:block; }
	.entrance li a{ height:auto;}
	.entrance li:nth-child(1) a{ background:none;}
	.entrance li:nth-child(2) a{ background:none;}
	.entrance li .txt{ position:relative; color:#333; padding:20px 0;}
	.entrance .txt .btn{ color:#fff;}
	.entrance li a p{ line-height:26px;}
	
	.history_btn a{ padding:5px 10px; font-size:14px;}
	
	

}