@charset "utf-8";
@media only screen and (max-width:1200px ) {
	.container{width: 98%;margin: 0px 1%;}
	.nav ul li a{padding: 0px 38px;}
	.stu_left,.stu_right{width: 48%;}
	.stu_left{margin-right: 2%;}
	.stu_top{width: 45%;}
	.pic_top h2{margin-left: 2%;}
	.stu_ul ul li{width:45%;}
}


@media only screen and (max-width:1024px ) {
	.logo{width: 70%;}
	.logo img{
		width: 100%;	
	}
	.nav ul li a{padding: 0px 30px;}
	.pics{width: 35%;}
	.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: 30%;}
	.pic_top h2{width: 67%;max-width: 67%;}
	.head_right{width: 30%;}
}
@media only screen and (max-width:876px ) {
	.logo{width: 96%;margin: 30px 2%;}
	.head_top{height: auto;background: #0280D7;}
	.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%;}
	.picScroll-left .bd ul li{width: 264px !important;margin: 10px 10px;}
	
}
@media only screen and (max-width:768px ) {
	.left_nav{display: none;}
	.right_list{width: 100%;}
	.stu_ul ul li{width:100%;}
	.stu_ul ul li span{text-align:right;}
}
@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;background:#0983D9;}
	/*.view ul li{width: 98%;margin-left: 1%;}*/
	.view_bottom{height: 100px;}
	.picScroll-left .bd ul li{width: 300px !important; margin: 0px 15px;}
	.stu_top{margin-right: 20px;}
}
@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;}
	.picScroll-left .bd ul li{margin: 0px 10px;}
	.view_pic, .view_pic img{width: 100%;}
	.stu_top{width:100%;}
}
@media only screen and (max-width:380px ) {
	.search_box{width: 180px;}
	.inp{width: 130px;}
}