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

@media (max-width: 768px){
	
	#dh{ display:block; text-align:right; margin-right:0px;}
	.dh{ border:0px; color:#fff;}
	.header .max{ flex-wrap:wrap;}
	.news,.service,.about,.expert,.url,.footer,.logo,#dh,.footer_tl,.footer_tr,.footer_b,.page_odd,.page_news_list,.page_pro_list{padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	.header_r{ position:relative; width:100%; background:#fff; max-width:100%;}
	
	.lef_rig span{ display:none;}
	
	
	.nav{ position:absolute; float:left; background:#262628; z-index:20; right:0px; width:40%; height:0px; overflow:hidden;}
	.nav li{ float:left; max-width:100%; text-align:center;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;}
	.nav>li:hover ol{ top:auto; left:-100%; width:100%;}
	.logo{ max-width:80%; width:100%;}
	.banner ul li img{ height:auto;}
	
	.service li{ max-width:calc(50% - 15px); margin:0px 15px 55px 0px !important;}
	.service li:nth-of-type(even){ float:right;}
	
	.about_l{max-width:100%;}
	.about_r{ max-width:100%; width:100%; text-align:center; margin-top:20px; float:left;}
	.about_r img{ width:auto; height:auto;}
	
	.news_l{ max-width:100%;}
	.news_r{ max-width:100%; margin-top:20px;}
	
	.news_l span img{ height:auto;}
	.news_r div{ text-align:center;}
	.news_r div a{ float:none; display:inline-block; margin:0px;}
	
	.footer_t::before{ display:none;}
	.footer_tl{ max-width:100%;}
	.footer_tr{ max-width:100%; float:left; width:100%;}
	
	.pro_class{ display:flex; flex-wrap:wrap; justify-content:center;}
	.pro_class a{ width:auto; margin:5px 1% !important;flex-grow:1; padding:0 2%; white-space:pre;}
	.pro_class a:last-child{flex-grow:0;}

	
	
	
}
@media (max-width: 425px){
	.service li .title span:nth-of-type(2) p:first-child{ font-size:14px; padding:8px 0px;}
	.service li .title span:first-child{ width:70px; height:90px;}
	.service li .title span:nth-of-type(2) p:nth-of-type(2){ font-size:12px; max-height:48px;}
	.service li .title span:nth-of-type(2){max-width:calc(100% - 90px)}
	.service li .img{ height:130px;}

	.often p:first-child{ font-size:20px; margin-top:20px;}
	.often p:nth-of-type(2){ letter-spacing:6px;}
	.often{ margin-bottom:25px;}
	.expert .max div{ margin:20px auto !important;}
	.expert .often p:first-child{ font-size:20px; margin-top:0px;}
	
	.footer_logo span:first-child{ max-width:100%;}
	.footer_logo span:nth-of-type(2){ max-width:100%;}
	.footer_b{ line-height:30px;}
	.about_l span::before{ margin-bottom:10px;}
	.about_l span{ font-size:20px; line-height:24px;}
	.about_l p{ margin-top:10px;}
	.page_news_list li div{ width:100% !important;}
	.page_news_list li div img{ height:auto;}
	.page_news_list li div:nth-of-type(2) p:nth-of-type(2){ max-height:100%; height:auto;}
	.page_pro_list li{ max-width:49%; float:left; margin:0px;}
	.page_pro_list li:nth-of-type(even){float:right;}
	
	
	.sj_footer{ display:block;}
	footer{padding-bottom:77px;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
}

@media (max-width: 375px){
	.logo{ font-size:24px;}
	.expert .max li{ width:360px;}
	.expert .max ul{ height:300px;}
	.expert .max li img{ height:240px;}
	.page_pro_list li{ max-width:100%;width:100%;}
	
	.service li{ max-width:100%; margin:10px 0px !important;}
	.service li .img{ height:auto;}
	.service li .img img{ display:block;}
/*	.service li .title span:nth-of-type(2) p:nth-of-type(2){ font-size:14px; max-height:100%;}
	.service li .title span:first-child{ width:80px;}
	.service li .title span:nth-of-type(2){max-width:calc(100% - 100px);}
	.service li .title span:nth-of-type(2) p:first-child{ font-size:16px;}
*/
	
}



@media (max-width: 320px){
	.expert .max li{ width:305px;}
	#dh{ width:10%;}
	.logo{ width:55%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.news_r li time{ max-width:70px;}
	.news_r li span{ max-width:calc(100% - 95px);}
	.news_r li::before{margin-left:50px;}
	
}