@charset "utf-8";

/*窄屏页面自适应*/
@media screen and (max-width:1679px) {
	.InnerBox .side dt a{
		font-size:20px;
	}
	.InnerBox .side dd a{
		font-size:14px;
	}
	.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:100px 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;
	}
	
	
	
	.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;
	}
	
	.WarpBox .index_about{
		width:100%;
		margin:30px auto 0 auto;
	}
	.index_about_l{
		width:96%;
		margin:0 2%;
		float:none;
	}
	.index_about_r{
		width:100%;
		margin:20px 0 0 0;
		float:none;
		text-align:center;
	}
	.index_detail_en{
		width:100%;
		margin:0;
		padding-bottom:20px;
	}
	.index_title_en{
		font-size:20px;
		line-height:36px;
		height:50px;
		color: #494383;
		background:url(../image/en/bg_title.png) left bottom no-repeat;
	}
	.WarpBox .index_granule{
		width:96%;
		margin:30px auto 25px auto;
	}
	
	.WarpBox .index_granule img{
		display:none;
	}
	.index_title_granule{
		margin:30px 2% 30px 2%;
	}
	.index_content_granule1{
		width:96%;
		margin:0 2%;
		float:none;
	}
	.index_content_granule2{
		width:96%;
		margin:0 2%;
		float:none;
	}
	.index_product{
		display:none;
	}
	.WarpBox .index_culture{
		width:96%;
		max-width:380px;
		margin:50px auto 25px auto;
	}
	.index_culture_title{
		padding:0 0 0 140px;
		font-size:36px;
		line-height:36px;
		height:36px;
		color: #494383;
		background:url(../image/en/ico_diamond.png) 98px center no-repeat;
		
	}
	.index_culture_content{
		margin:10px 0 30px 0;
		font-size:16px;
		line-height:36px;
		color: #494383;
	}
	.index_culture_url{
		width:96%;
		max-width:380px;
		letter-spacing:2px;
		font-size:16px;
		color:#888888;
		margin:50px 0;
		text-align:center;
	}
	.InnerBox .contents .contents_title .contents_title_single span{
		font-size:20px;
		margin:15px 0;
	}
	.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;
	}
}

@media screen and (max-width:946px) {
	
	.footer .footer_contactus div.position{
		line-height:30px;
		margin:15px 0;
	}
	.footer .footer_contactus div.tel{
		margin:15px 0;
	}
	.footer .footer_contactus div.district{
		margin:15px 0;
	}
}

/*手机页面自适应*/
@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;}

	.footer_contactus label{
		display:none;
	}
	/*底部自适应*/
	.footer .footer_contactus{
		float:none;
		width:100%;
		margin:0px;
		padding:140px 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;
	}
}



@media screen and (max-width:410px) {
	.footer .footer_contactus div.position{
		height:90px;
	}
	.footer .footer_contactus{
		padding:80px 0 0 10%;
	}
	.footer .footer_contactus div.tel{
		line-height:30px;
	}
}
@media screen and (max-width:374px) {
}
@media screen and (max-width:319px) {
	.footer .footer_contactus div.district{
		line-height:30px;
	}
}