@media screen and (max-width: 1300px) {
	.join .containerjoin{
		width: 96%;
	}
}
@media screen and (max-width: 1222px ) {
	.containermain{
		width: 96%;
	}
	.job_detail .con_list li .item-con .con-text{
		width: 65%;
	}
	.join .news-list .media h3 {
		line-height: 20px;
	}
	.join .news-list .media h3 a{
		font-size: 14px;
	}
	.join .join-video{
		margin-top: 9%;
	}
	.join .abouts .zj-grow .grow-text{
		padding: 8% 10%;
	}
	.more span{
		width: 100px;
	}
}
@media only screen and (max-width: 1100px) {
	.new{
		top: 3px;
	}
	.s-left ul li,
	.s-right ul li{
		padding: 18px 0;
	}
}
@media only screen and (max-width: 1024px ) {
	.job_detail .con_list li .item-con .con-text{
		width: 60%;
	}
	.job_detail .con_list li .item-list span.name,
	.job_detail .con_list li .item-con span.name,
	.job_detail .con_list li .item-list span.con{
		padding: 0 15px;
	}
	.join .news-list .media h3{
		max-height: 45px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 1000px) {
	.wrap{
		padding-top: 66px;
	}
	.header .header-bottom .brand{
		float: left;
	}
	.header-bottom .find{
		height: 26px;
		line-height: 26px;
		font-size: 16px;
		width: 70px;
	}
	.header-bottom .right-nav .look,
	.header-bottom .right-nav span{
		font-size: 16px;
	}
	.header-bottom .right-nav{
		margin-top: 10px;
	}
	.header-bottom .right-nav a{
		height: 26px;
		line-height: 26px;
		width: 70px;
		font-size: 14px;
	}
	.join .left-con{
		width: 100%;
		margin-bottom: 25px;
	}
	.join .abouts{
		width: 100%;
	}
	#uls{width:100%min-width: 320px;overflow: scroll;}
	#uls ul{min-width: 1000px;width: 1000px;}
	.uls ul li{font-size: 14px;}
}
@media only screen and (max-width: 860px ) {
	.z-left,
	.z-left img{
		width: 100%;
	}
	.z-left h4{
		text-align: center;
	}
	.z-right{
		width: 100%;
		padding-left: 0;
	}
	.s-left,.s-right{
		width: 100%;
	}
	.s-left{
		padding-right: 0;
	}
	.uls ul li{
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px ) {
	.relate li{
		width: 50%;
		margin-bottom: 20px;
	}
	.job_detail .detail_con,
	.job_detail .about_content{
		width: 100%;
	}
	.job_detail .about_content h3{
		text-align: center;
	}
	.job_detail .about_content .con_text img{
		width: 100%;
	}
	.job_detail .con_list li .item-list span, 
	.job_detail .con_list li .item-con span,
	.job_detail .con_list li .item-con .con-text{
		font-size: 14px;
	}
	.key{
		width: 100% !important;
	}
	.relate li .point{
		padding: 0 33px;/*20px 33px*/
	}
}
@media only screen and (max-width: 640px ) {
	.join .abouts .zj-about{
		width: 100%;
		margin-bottom: 15px;
	}
	.join .abouts .zj-grow{
		width: 100%;
	}
	.join .abouts .zj-about img,
	.join .abouts .zj-grow img{
		width: 100%;
	}
	.uls ul li{
		font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.relate li .point p{
		font-size: 14px;
	}
	.job_detail .con_list li .item-con .con-text{
		width: 64%;
        padding: 15px 20px;
	}
    .job_detail .con_list li .item-con .con-title{
        padding: 11px 20px;
	}
	.job_detail .con_list li .item-list span.name,
	.job_detail .con_list li .item-con span.name,
	.job_detail .con_list li .item-list span.con{
		padding: 0 8px;
	}
	.job_detail .con_list li .item-list span.name,
	.job_detail .con_list li .item-con span.name{
		min-width: 58px;
	}
	.job_detail .con_list li .item-list span.con{
		min-width: 70px;
	}
}
@media only screen and (max-width: 425px ) {
	/*.relate li{
		width: 100%;
	}*/
}
@media only screen and (max-width: 360px ) {
	.job_detail .con_list li .item-list{
		width: 100%;
		margin-top: 20px;
	}
	.job_detail .con_list li{
		padding: 0;
	}
	.job_detail .con_list li .item-list span.name,
	.job_detail .con_list li .item-list span.con{
		padding:0;
		width: 47.5%;
		text-align: center;
	}
	.job_detail .con_list li .item-con span.name{
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.job_detail .con_list li .item-con .con-text{
		width: 100%;
		padding: 20px 0;
		margin: 15px 0 0 0;
	}
    .job_detail .con_list li .item-con .con-title{
		width: 92%;
		padding: 20px 4%;
	}
	.job_detail .con_list li .item-con .con-text p{
		padding: 0 20px;
	}
	.job_detail .con_list li .item-con{
		margin: 20px auto;
	}
	.relate li .point{
		padding: 0 20px;/*20px 20px*/
	}
}