@charset "utf-8";
/* CSS Document */

@media (max-width: 768px){
	.pro_r,.max,.page_r{ padding:0 2%; box-sizing:border-box;}
	.abouts{ background-size:cover; background:url(../images/12.jpg);}
	.abouts_r,.abouts_l{ max-width:100%; float:left; margin:0px;}
	.abouts_l img,.page_r{width:100%;}
	.abouts_r a{ float:none; display:block;}
	.aptitude,.view{ margin:0 2%;}
	.news_l{ max-width:100%;}
	.news_r{ max-width:100%; margin-top:2%;}
	.footer_r{ float:left; width:100% !important;}
	.footer_l{ float:left; width:70% !important;}
	.footer_c{ float:left; width:30% !important;}
	.tel,.page_l,.pro_l{ display:none;}
	
	#dh{ display:block; text-align:right;}
	
	nav{ position:relative;}
	.nav{ position:absolute; height:0px; overflow:hidden; background:rgba(0,87,164,0.90); z-index:20; right:0px; width:40%;}
	.nav li{ float:left; width:100%;}
	.nav ol{ top:auto; right:100%; width:70%; background:rgba(0,87,164,0.60);}
	.tytitle p:first-child{ font-size:20px;}
	.tytitle p:nth-child(2){ font-size:18px;}
	.tytitle div{ max-width:200px;}
	.tytitle div span{ width:50px;}
	.logo{ width:80%;}
	
}
@media (max-width: 425px){
	.headline{ display:none;}
	.footer_l{ float:left; width:100% !important;transform:translateY(0%);}
	.footer_c{ float:left; width:100% !important; margin:5% 0;}
	.pro_r li{ width:49%; margin-right:0px;}
	.pro_r li:nth-child(2n){ float:right;}
	.pro_r li div{ height:180px;}
	.url span{ margin-bottom:2%;}
	.url div{ max-width:100%;}
	
	.page_pro li{ width:49%; margin-right:0px;}
	.page_pro li:nth-child(2n){ float:right;}
	.page_pro li span{ height:180px;}

	.sj_footer{ display:block;}
	footer{ margin-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	header>.max{ margin:12px auto 10px auto}
	.page_news li a span:first-child{ width:100%;}
	.page_news li a span img{ height:auto;}
	.page_news li a span:nth-child(2){ width:100%; padding:0 2%; box-sizing:border-box;}
	.footer_l p:first-child{ font-size:20px; margin-bottom:0px;}
	.footer_l p{ text-align:center;}
	.abouts .tytitle{ margin:20px 0px;}
	.tytitle{ margin:20px auto;}
	.tytitle p:nth-child(2){margin:5px 0px 10px 0px}
	.news{ margin-top:5%; padding-bottom:20px;}
	.news_r li{ margin-bottom:15px;}
	.page_news li a span:nth-child(2) p:nth-child(2){ max-height:100%;}
	.pro_r li:nth-child(n+9){display:none;}
	.abouts_r p:nth-child(n+2){ display:none;}
	.aptitude ul li{ max-width:425px; text-align:center;}
	.aptitude ul li img{ float:none;}
	
	
}

@media (max-width: 375px){
	.page_pro li span{ height:130px;}
	.pro_r li div{ height:130px;}
	.aptitude ul li{ max-width:375px;}
}



@media (max-width: 320px){
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.aptitude ul li{ max-width:320px;}
}