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

@media (max-width: 768px){
	
	#dh{ display:block; text-align:right; margin-right:0px;}
	.dh{ border:0px;}
	.header_r{ position:absolute;}
	.max{padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	
	.lef_rig span{ display:none;}
	
	.header_r{ position:absolute; z-index:20; left:0px; max-width:100%; top:0px; width:100%; height:0px; overflow:hidden;}
	.header_r .nav{ float:left; background:#fff;width:40%; float:right; position:absolute; right:0px;}
	.header_r .nav li{ float:left; max-width:100%; text-align:center;}
	.nav li a{ color:#232323; float:left; width:100%;  border-right:0px; padding:0px; line-height:50px;}
	.nav>li:hover ol{ top:auto; left:-100%; width:100%;}
	.logo{ max-width:80%; width:100%;}
	.banner ul li img{ height:300px;}
	.nav>li a .hide{ display:none !important;}
	
	.about{ background:none;}
	
	.pro_b>div{ max-width:calc(50% - 38px);}
	.item{ max-width:100% !important;}
	.office_b li{ margin-right:0px;}
	.office_b li:nth-child(even){ float:right;}
	.often{ margin:30px auto;}
	.about_l{ max-width:100%; margin-right:0px;}
	.about_r{ max-width:100%; width:100%; text-align:center;}
	
	.news{ margin-left:2%; margin-right:2%;}
	.news_b li{ margin:0px 150px;}
	.news_b{ height:600px;}
	.news_b li .picture{ height:300px;}
	.news_b li .content{ height:300px;}
	.news_b li .news_title .title{ max-width:100%;}
	
	.contact .content{ max-width:100%;}
	.contact .code{ max-width:100%;}
	.footer_nav ul{ max-width:100%;}
	.footer_title{ margin-left:2%; margin-right:2%; padding:0px;}
	
	.pro_list li{ max-width:calc(100% / 3 - 25px); margin:0px; margin-bottom:10px;}
	.pro_list li:nth-child(3n-1){ margin:0px 25px;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	
	.pro_brand li{ max-width:calc(100% / 3 - 8px);}
	.pro_brand span img{ height:220px}
	
	
		
}
@media (max-width: 425px){
	.header{ padding:10px 2%;}
	.banner ul li img{ height:180px;}
	.logo img{ max-height:50px;}
	.pro_c{ max-height:150px; max-width:150px !important;}
	.item .picture img{ max-height:100px;}
	.pro_b>div{ max-width:calc(50% - 10px)}
	.pro_b div{ margin-bottom:10px;}
	.pro{ margin-bottom:30px;}
	
	.office{ padding-bottom:0px;}
	.office_b li{ max-width:49%;}
	.office_b li .picture img{ height:150px;}
	.office_b li .content .title{ font-size:18px;}
	
	.news_b{ height:500px;}
	.news_b li{ margin:0px 10px; width:380px;}
	.news_b li .picture{ height:250px;}
	.news_b li .content{ padding:25px 10px 10px 10px; height:250px;}	
	.news_b li .news_title{ padding-bottom:5px; margin-bottom:5px;}
	.news_b li .news_title .title{ font-size:14px;}
	.news_b li .text{ max-height:63px; letter-spacing:0px;}
	.news_b li .news_title time{ width:100%; float:left; max-width:100%; font-size:12px;}
	.news_b li .news_title time p:nth-child(2){ display:none;}
	
	.contact .tel span{ padding:0px !important; border:0px;}
	.contact .tel span:first-child{ margin-bottom:10px;}
	.contact .tel{ margin-bottom:10px;}
	.contact .mail{ flex-wrap:wrap; margin-bottom:10px;}
	.contact .mail div{ margin:0px; width:100%; margin-bottom:10px;}
	.contact .mail div img{ margin-left:0px;}
	.contact .code{ margin-top:20px;}
	
	.often .title{ font-size:20px; line-height:20px;}
	.news_b li .news_title .title br{ display:none;}
	.footer_title{ background-size:contain; max-width:96%;}
	.footer_nav{ margin-bottom:20px;}
	.footer_title span{ font-size:20px; line-height:20px;}
	.nav>li a .title{font-size:16px;}
	
	
	
	.sj_footer{ display:block;}
	footer{padding-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	
	
	.pro_list li{max-width:100%; margin:0px !important; margin-bottom:10px !important;}
	.pro_brand li{ max-width:49%; margin:0px; margin-bottom:10px;}
	.pro_list li span img{ height:auto;}
	.pro_brand li:nth-of-type(even){ float:right;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding:10px;}
	.pro_title{ font-size:20px;}
	.second li{ line-height:40px;}
	.page_header_ins span:nth-of-type(2){ display:none;}
	.page_header_ins span:first-child font{ font-size:20px;}
	
}

@media (max-width: 375px){
	.pro_c{ max-height:100px; max-width:100px !important;}
	.item .picture::before{ z-index:-1;}
	.office_b li{ max-width:100%; width:100%;}
	.office_b li .picture img{ height:auto;}
	.office_b li:nth-of-type(n+7){ display:none;}
	.footer_nav{ display:none;}
	.contact{ margin-top:30px;}
	.news_b li .news_title .title{ font-size:16px;}
	.news_b li a>div:first-child{ transform:none; animation:none;}
	.news_b li a>div:first-child{ transform:none; animation:none;}
	.contact .tel p{ margin-bottom:10px; margin-right:0px;}
	.contact .content{ letter-spacing:0px;}
	.footer_title span{ font-size:18px; line-height:18px;}
	.footer_title{ margin-top:30px;}
	.often .title{ font-size:16px; line-height:16px;}
	
	.news_b li{ margin-left:0px; width:350px;}
	.news_b li .content{ height:200px;}
	.news_b li .picture{ height:200px;}
	.news_b{ height:400px;}
	.news_b li .more{ font-size:12px;}
	
	.news{ margin-bottom:30px;}
	
	.banner ul li img{ height:160px;}
	
	.pro_brand li{ max-width:100%;}
	.pro_brand li img{ height:auto;}
	
}



@media (max-width: 320px){
	.banner ul li img{ height:150px;}
	.about_b a .title{ font-size:14px;}
	#dh{ width:10%;}
	.logo{ width:55%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
}