@charset "utf-8";
@media only screen and (max-width:1200px ) {
	.container{width: 98%;margin: 0px 1%;}
	.nav ul li a{padding: 0px 50px;}
	.active,.notice{width: 32%;max-width: 32%;}
	.stu_left{width: 100%;}
	.branch{margin: 0px 2%;}
	.stu_top{width: 100%;}
	.pic_top h2{margin-left: 2%;}
	.bg img{width: 100%;}
	.logo{width: 70%;}
	.logo img{
		width: 100%;	
	}
	.head_right{width: 30%;}
}


@media only screen and (max-width:1024px ) {
	
	.nav ul li a{padding: 0px 30px;}
	.pics{width: 100%;}
	.view_bottom{width: 100%;}
}
@media only screen and (max-width:992px ){
	.nav ul li a{padding: 0px 25px;}
	.active,.notice,.notice ul{width: 100%;max-width: 100%;}
	.notice li{width: 48%;margin-left: 1.5%;}
	.notice{margin-top: 20px;}
	.stu_left, .stu_right{width: 100%;}
	.stu_pic{height: auto;}
	.stu_pic img{width: 100%; height: auto;}
	.pics{width: 100%;}
	.branch{margin: 0px;}
	.pic_top h2{width: 67%;max-width: 67%;}
	
}
@media only screen and (max-width:876px ) {
	.logo{width: 96%;margin: 30px 2%;}
	.head_top{height: auto;background: #A41F24;}
	.head_right{width: 70%;float: left;}
	.tou{display: none;}
	.nav {display: none;}
	.demo-2{display: block;position: relative;z-index: 999;}
	.search_box{float: left;margin-left: 5%;margin-top: 0px;}
	.view ul li{width: 44%;margin-left: 2%;}
	.classic>ul>li{width: 46%;max-width: 46%;}
	.classic .pics img,.classic .pics{width: 100%;max-width: 100%;height: auto;}
	.main_wrap2{background: #F6EDE6;}
	.bg3 ul li,.classic .bg3{width: 100%;max-width: 100%;}
	.bg3 ul li{height: 30px;margin-top: 10px;white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;}
	.more_bottom{bottom: 20px;}
	
}
@media only screen and (max-width:768px ) {
	.left_nav{display: none;}
	.right_list{width: 100%;}
}
@media only screen and (max-width:620px ) {
	.notice li{
		width: 98%;
	}
	.service{width: 100%;}
	.work{margin: 20px 0px;}
	.classic ul li{width: 100%;max-width: 100%;}
	.classic .bg2{margin: 20px 0px;}
	.main_wrap2{min-height: 870px;}
	.view ul li{width: 98%;margin-left: 1%;}
	.view_bottom{height: 100px;}
}
@media only screen and (max-width:500px ) {
	.lists ul li a{width: 70%;}
	.lists ul li span{width: 30%;}
	.footer .copy,.footer .code{width: 100%;margin-bottom: 10px;margin-top: 15px;}
	.footer .code{margin-top: 10px;}
}
@media only screen and (max-width:380px ) {
	.search_box{width: 180px;}
	.inp{width: 130px;}
}