﻿@charset "utf-8";

/*窄屏页面自适应*/
@media screen and (max-width:1679px) {
	.InnerBox .contents .contents_article{
		width:86%;
	}
	.InnerBox .contents .contents_single{
		width:96%;
	}
	.WarpBox{
		height:1170px;
	}
	.InnerBox .contents .contents_single .health_top_l{
		width:46%;
		float:left;
	}
	.InnerBox .contents .contents_single .health_top_r{
		width:54%;
		margin-left:0px;
		float:right;
	}
}
@media screen and (max-width:1199px) {
	.header, .inner .header{
		background-size:100%;
		height:auto;
	}
	.header .header_lang{
		display:none;
	}
	.header_nav{
		display:none;
	}
	.header_top .nav{
		display:block;
	}
	.header_top .logo{
		margin-left:10px;
		padding-top:15px;
	}
	.header_top .link_search, .header_top .lang{
		float:none;
		display:none;
	}
	.WarpBox{
		padding-top:0px;
		height:auto;
	}
	.WarpBox .box{
		background-size:100%;
		float:none;
		width:96%;
		margin:20px auto;
		height:auto;
	}
	.WarpBox .box .box_header{
		width:100%;
		height:auto;
	}
	.WarpBox .oa_kk, .WarpBox .guest_mail{
		display:none;
	}
	.WarpBox .box .box_content ul li a span.article_title{
		/*width:auto;*/
	}
	.InnerBox .side dl{
		margin:35px 0;
	}
	.InnerBox .side dt, .InnerBox .side dd{
		padding-left:10%;
		
	}
	
	.jobs{
		width:90%;
	}
	.contents_body_top, .InnerBox .contents .contents_single{
		margin-top:20px;
	}
	/*底部自适应*/
	.footer .footer_contactus{
		float:none;
		width:90%;
		margin:0px;
		padding:20px 0 0 10%;
	}
	.footer .footer_qrcode{
		width:90%;
		float:none;
		margin:0px;
		padding:20px 0 0 10%;
	}
	.footer .footer_qrcode div{
		width:20%;
		min-width:160px;
		float:left;
		text-align:center;
	}
	.footer .footer_qrcode div img{
		display:block;
		margin:0 auto;
	}
	
	div.copyright{
		background:#333399;
		width:100%;
		height:120px;
	}
	div.copyright .logo{
		float:none;
		width:100%;
		text-align:center;
		
	}
	div.copyright .logo img{
		margin:30px 0 0 0px;
	}
	div.copyright .copy{
		text-align:center;
		float:none;
		display:block;
		margin:20px 0 0 0px;
		color:#FFFFFF;
	}
	
	/*详情页标题自适应*/
	.InnerBox .contents .contents_title{
		margin-top:30px;
	}
	.InnerBox .contents .contents_title .contents_title_l{
		float:none;
		font-size:36px;
		width:100%;
		text-align:left;
	}
	.InnerBox .contents .contents_title .contents_title_r{
		width:97%;
		margin:20px 0 0 3%;
		float:none;
	}
	.InnerBox .contents .contents_article{
		width:98%;
		margin:0px auto 0 auto;
		font-size:16px;
		line-height:200%;
		color:#333333;
		border-radius:5px 0;
		padding:20px 2%;
	}
	.InnerBox .contents .contents_article .contents_article_item{
		display:block;
		float:left;
		width:47%;
		margin:0 3% 30px 0;
	}
	.InnerBox .contents .contents_article .contents_article_item .title{
		padding:10px 0;
		height:78px;
	}
	.InnerBox .contents .contents_article .contents_article_item .content{
		margin:10px auto;
	}
}


/*手机页面自适应*/
@media screen and (max-width:639px) {
	body{
		overflow-x:hidden;
	}
	.InnerBox .contents .contents_title .contents_title_r a{
		font-size:20px;
	}
	.InnerBox .contents .contents_article .contents_article_item .title a{
		font-size:16px;
	}
	.jobs .job_ol li,
	.jobs .list_ul li{width:33.33%;}

	.jobs .job_ol li:nth-child(4),
	.jobs .list_ul li:nth-child(4),
	.jobs .job_ol li:nth-child(5),
	.jobs .list_ul li:nth-child(5){ display:none;}

	.InnerBox{
		position:relative;
		z-index:10;
	}
	.InnerBox .side{
		display:none;
		position:fixed;
		left:0;
		top:0;
		z-index:100;
		width:90%;
		height:100%;
		background:#FFFFFF;
	}
	.InnerBox .contents .contents_single{
		min-height:200px;
	}
	.InnerBox .contents{
		float:none;
		display:block;
		width:100%;
		min-height:600px;
	}
	.footer_contactus label{
		display:none;
	}
	/*底部自适应*/
	.footer .footer_contactus{
		float:none;
		width:100%;
		margin:0px;
		padding:20px 0 0 10px;
	}
	.footer .footer_qrcode{
		width:100%;
		float:none;
		margin:0px;
		padding:20px 0 0 0px;
	}
	.footer .footer_qrcode div{
		width:31%;
		margin-left:2%;
		min-width:100px;
		float:left;
		text-align:center;
	}
	.footer .footer_qrcode div img{
		width:100%;
		max-width:150px;
		display:block;
		margin:0 auto;
	}
	
	div.copyright{
		background:#333399;
		width:100%;
		height:120px;
	}
	div.copyright .logo{
		float:none;
		width:100%;
		text-align:center;
		
	}
	div.copyright .logo img{
		margin:20px 0 0 0px;
	}
	div.copyright .copy a{
		display:block;
	}
	
	.InnerBox .contents .contents_single .health_top_l{
		width:100%;
		text-align:center;
		float:left;
	}
	.InnerBox .contents .contents_single .health_top_r{
		width:100%;
		margin-left:0px;
		float:right;
	}
}

@media screen and (max-width:680px) {
	.footer .footer_contactus div.tel{
		line-height:30px;
	}
}
@media screen and (max-width:320px) {
	.footer .footer_contactus div.district{
		line-height:30px;
	}
}