@media only screen and (min-width: 320px) and (max-width: 640px) {
	header .gs_name{
		margin-top: 20px;
	}
	header .gs_name h1{
		font-size: 26px;
	}
	header .gs_name h5{
		font-size: 16px;
	}
	nav{
		height: 40px;
	}
	nav > ul{
		display: none;
	}
	nav .new_nav{
		display: block;
	}
	nav .small_nav{
		display: block;
	}
	header .top_tele{
		float: left;
		margin-top: -10px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.flex-direction-nav{
		display: none;
	}
	.gsjj_box{
		margin-top: -40%;
	}
	._title h1{
		font-size: 30px;
	}
	.cpzx_box ul li{
		padding-top: 30px;
	}
	.cpzx_box ul li:nth-child(n){
		width: 50%;
		background-image: none;
	}
	.cpzx_box ul li:nth-child(3){
		width: 50%;
		background-color: #e13c16;
	}
	.cpzx_box ul li:nth-child(3) h3 a{
		color: #FFFFFF;
	}
	.cpzx_box ul li:nth-child(3) > a{
		color: #FFFFFF;
	}
	.cpzx_box ul li:nth-child(4){
		width: 50%;
		background-color: #f7f7f7;
	}
	.cpzx_box ul li:nth-child(4) h3 a{
		color: #168EE1;
	}
	.cpzx_box ul li:nth-child(4) > a{
		color: #168EE1;
	}
	.xwzx ul{
		width: 90%;
	}
	.xwzx ul li a{
		width: 70%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cgal_item_al ul li{
		width: 46%;
		margin: 2% 2% 1% 2%;
	}
	._item_box{
		width: 96%;
		margin-bottom: 20px;
	}
	._item_box ul{
		padding-top: 10px;
	}
	.contact li p{
		font-size: 12px;
		line-height: 24px;
	}
	._item_box .friendship li{
		line-height: 24px;
	}
	._item_box .friendship li a{
		font-size: 12px;
		line-height: 24px;
	}
}
	
	
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.gsjj_box{
		margin-top: -4%;
	}
}
@media only screen and (min-width: 1160px) and (max-width: 1200px) {
	.gsjj_box{
		margin-top: -5%;
	}
}
@media only screen and (min-width: 1105px) and (max-width: 1160px) {
	.gsjj_box{
		margin-top: -5%;
	}
}	
@media only screen and (min-width: 1070px) and (max-width: 1105px) {
	.gsjj_box{
		margin-top: -7%;
	}
}	
@media only screen and (min-width: 1000px) and (max-width: 1070px) {
	.gsjj_box{
		margin-top: -9%;
	}
}	
@media only screen and (min-width: 980px) and (max-width: 1000px) {
	.gsjj_box{
		margin-top: -11%;
	}
}	
@media only screen and (min-width: 900px) and (max-width: 980px) {
	.gsjj_box{
		margin-top: -13%;
	}
}		
@media only screen and (min-width: 850px) and (max-width: 900px) {
	.gsjj_box{
		margin-top: -17%;
	}
}	
@media only screen and (min-width: 800px) and (max-width: 900px) {
	.gsjj_box{
		margin-top: -19%;
	}
}		
@media only screen and (min-width: 750px) and (max-width: 800px) {
	.gsjj_box{
		margin-top: -22%;
	}
}
@media only screen and (min-width: 700px) and (max-width: 750px) {
	.gsjj_box{
		margin-top: -25%;
	}
}
@media only screen and (min-width: 640px) and (max-width: 700px) {
	.gsjj_box{
		margin-top: -35%;
	}
}
@media only screen and (min-width:600px) and (max-width: 640px) {
	.gsjj_box{
		margin-top: -42%;
	}
}
@media only screen and (min-width:550px) and (max-width: 600px) {
	.gsjj_box{
		margin-top: -45%;
	}
}
@media only screen and (min-width:500px) and (max-width: 550px) {
	.gsjj_box{
		margin-top: -52%;
	}
}	
@media only screen and (min-width:450px) and (max-width: 500px) {
	.gsjj_box{
		margin-top: -60%;
	}
}
@media only screen and (min-width:400px) and (max-width: 450px) {
	.gsjj_box{
		margin-top: -70%;
	}
}	
@media only screen and (min-width:350px) and (max-width: 400px) {
	.gsjj_box{
		margin-top: -90%;
	}
	header .gs_name h1{
		font-size: 22px;
	}
	header .gs_name h5{
		font-size: 14px;
	}
}
@media only screen and (min-width:320px) and (max-width: 350px) {
	.gsjj_box{
		margin-top: -100%;
	}
	header .gs_name h1{
		font-size: 22px;
	}
	header .gs_name h5{
		font-size: 14px;
	}
}