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

@media (max-width: 768px){
	.banner{height:auto;}
	.tel{ display:none;}
	#dh{ display:block; text-align:right; padding-right:2%; box-sizing:border-box;}
	.logo div:nth-of-type(2){ border-right:0px;}
	.logo div:nth-of-type(3){ display:none;}
	
	
	nav{ position:relative;}
	.nav{ position:absolute; height:0px; overflow:hidden; background:rgba(255,255,255,0.90); z-index:20; right:0px; width:40%;}
	.nav li{ float:left; width:100%;}
	.nav li a{ color:#333; line-height:50px;}
	.nav>li{ max-width:100%;}
	.logo{ width:80%; padding-left:2%; box-sizing:border-box;}
	
	.news,.about,.headline,.search,.url,.footer,.pro_r,.page_address,.page_r,.message,.company,.advantage_title{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	.message_l{ max-width:100%; border:0px; float:none; text-align:center;}
	.message_r{ max-width:100%; padding:0px;}
	.about_br div span:nth-of-type(2) p:nth-of-type(2){ width:100%;}
	.advantage div span strong{ margin:0px;}
	.company_bl{ width:100%;}
	.company_br{ max-width:100%; margin-top:20px;}
	.news_l{ width:100%;}
	.news_r{ max-width:100%; margin-top:20px;}
	.footer .max div{ width:50%;}
	.footer .max div:last-child{ width:100%;}
	
	.pro_l{ display:none;}
	.page_r{ width:100%;}
	.phone_class{ display:block;}
	.phone_class li{ display:inline-block; border:1px solid #ededed; padding:5px 10px;}
}
@media (max-width: 425px){
	.headline{ display:none;}
	.logo div:nth-of-type(2) p:first-child{ font-size:20px;}
	.logo div:nth-of-type(2) p:nth-of-type(2){letter-spacing:0px;}
	.logo div:first-child img{ max-height:50px;}
	
	.search span:nth-of-type(1){ max-width:100%;}
	.search span:nth-of-type(2){ max-width:100%;}
	.pro_title{ max-width:80%; margin-top:22px;}
	.pro_show{ display:none;}
	.pro_r li{ width:49%; margin-right:0px !important;}
	.pro_r li:nth-of-type(even){ float:right;}
	.pro_r li img{ height:170px;}
	.message_r p{ font-size:20px;}
	.message_r form{ width:100%;}
	.message_r span{ width:100%;}
	.about fieldset legend{ font-size:20px;}
	.about_b>div{ max-width:100%;}
	

	.news_lb div a span:first-child{ width:100%;}
	.news_lb div a span img{ height:auto;}
	.news_lb div a span:nth-of-type(2){ width:100%;}
	.footer_l{ width:100%;}
	.footer_c{ width:100%;}
	.footer_r{ width:100%;}
	
	

	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px; background:#252525;}
	.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{ padding-top:0px;}
	.news_r li{ margin-bottom:10px; padding-top:10px;}
	.page_news li a span:nth-child(2) p:nth-child(2){ max-height:100%;}
	.page{background:#f6f6f6;}
	.url .max div:nth-of-type(2){ max-width:100%;}
	.about_br div span:nth-of-type(2){ background:url(../images/about_l.png) no-repeat right 12px;}
	.about_br div span:first-child{ float:left;}
	.about_br div span:nth-of-type(2){ float:right; text-align:left;}
	.advantage div:nth-of-type(odd) span:first-child{ width:100%;}
	.advantage div span:nth-of-type(2){ width:100%; display:none;}
	.advantage div{ flex-wrap:wrap;}
	.advantage div:nth-of-type(2){ flex-direction:row;}
	.advantage div span:first-child{ width:100%;}
	.advantage div span strong{ width:100%; float:left; margin-bottom:20px; margin-top:20px; font-size:16px;}
	.advantage div span p:first-child{ font-size:18px;}
	.advantage{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	.ad{ display:none;}
	.footer .max div{ width:100%;}
	
	.pro_list .page_r li{ max-width:49%; margin-left:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	
	
	.about{ display:none;}
	.company_bl img{ height:auto;}
	.footer_r{ display:none;}
	.pro_r li:nth-of-type(n+7){ display:none;}
	.message{ display:none;}
	.pro{ padding:10px 0px;}
	.advantage_title{ margin:30px auto; max-width:80%;}
	.advantage div span p:nth-of-type(2){ font-size:14px; line-height:24px; margin-top:12px;}
	.advantage div span p:nth-of-type(n+3){ font-size:12px; margin-bottom:10px;}
	.company_b{ margin-top:0px;}
	.company_br{ margin-top:10px;}
	.company_br p{ font-size:12px; line-height:24px;}
	.company{ padding-bottom:20px;}
	.news_lt span{ font-size:16px;}
	.news_lt{ line-height:50px;}
	.news_lb div{ margin-top:15px;}
	.news_rt span p:first-child{ font-size:18px;}
	.url .max div:first-child p:first-child{ font-size:16px;}
	.url .max div:first-child p:nth-of-type(2){ font-size:12px;}
	.url{ padding:15px 2% 10px 2%}
	.footer_l{ max-width:80%; display:block; text-align:center; float:none;}
	.footer{padding:20px 0px;}
	.news_r li div:nth-of-type(2){ margin:10px 0px 10px 0px}
	.news_r ul{ padding:5px 16px 0px 16px}
	.search span:nth-of-type(1){ font-size:12px;}
	.brand_b{ margin-top:0px;}
	.brand_b ul{ margin-bottom:30px;}
	
}

@media (max-width: 375px){
	.pro_r li img{ height:auto;}
	
	
	.pro_r li{ width:100%;}
	.pro_r li img{ width:100%;}
	.news_lb li span{ max-width:75%;}
	.about_title{ margin:30px auto;}
	.pro_list .page_r li{ max-width:100%;}
	.pro_list .page_r li img{ height:auto;}	
}



@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;}
	.about_title p:first-child::before{ width:30%;}
	.about_title p:first-child::after{ width:30%;}
	.footer_r div{ width:100%;}
}