@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden; background:none;}
	.nav{ position:absolute; float:left; background:rgba(27,175,69,0.50); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li a{ font-size:16px;}
	.dh{ display:block;}
	.iconnav-list:before{ font-size:54px;}
	
	.head_b .text,.header .contact{ display:none;}
	.banner li img,.banner{ height:300px !important;}
	.lef_rig span{ display:none;}
	
	.search .find{ max-width:33%;}
	.pro_column li{ margin:0px 15px;}
	
	.products .pro_t .max .title{ max-width:100%;}
	.products .pro_t .max .more{ max-width:100%; margin-top:20px; text-align:right;font-size:14px;}
	.often .text{ font-size:14px;}
	.products .pro_b ul li .picture img{ height:150px;}
	.products .pro_b ul li .title{ padding:16px 1%;}
	.case_b li:nth-of-type(1){ max-width:100%;}
	.case_b li{ margin:1% 1.3% 0px 0px; max-width:24%;}
	.case_b li:last-child{ margin-right:0px;}
	.case_b li .content{ max-width:100%;}
	
	section.about{ padding-top:30px;}
	.about_l{ max-width:100%;}
	.about_l .title{ margin-top:10px; text-align:center;}
	.about_l .text{ text-align:center;}
	.about_l .contact{ margin-top:30px;}
	.about_r{ position:static; max-width:100%; margin-top:20px;}
	
	.adv_img{ display:none;}
	.advan_b li{ position:static !important; border-radius:0px; max-width:50%;}
	
	.news .often{ margin-top:60px;}
	.news_b li{ max-width:100%;}
	
	.foot_b .logo{ max-width:100%;}
	.foot_b .logo .content{ display:flex; justify-content:center; padding-left:0px;}
	.foot_b .contact{ max-width:100%; margin:0px; text-align:center; margin-top:20px;}
	.foot_b .code{ max-width:100%; margin-top:20px;}
.foot_b .logo .content{ font-size:14px;}




	
	
	
	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:90px;}
	.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}
	.case_b li .picture img{height:160px;}
	
}
@media (max-width: 425px){
	.roof .text{ display:none;}
	.header .logo img{ max-height:60px;}
	.banner li img,.banner{ height:200px !important;}
	.lef_rig span{ display:none;}
	
	.iconnav-list:before{ font-size:45px;}
	.often{ margin:22px auto 30px auto}
	.often .title{ font-size:20px;}
	.often .picture img{ max-height:48px;}
	
	.dh{ margin-top:0px;}
	
	.search .find{ display:none;}
	.search .hotword{ max-width:100%;}
	
	section.search{ padding:5px 0px}
	.often .title{ padding:0px; max-width:100%; text-align:center; width:100%;}
	.pro_column li{ max-width:25%; margin:0px 0px 10px 0px;}
	.pro_column li .title{ font-size:14px;}
	.products .pro_t .max .text a{font-size:14px;}
	section.pro_column{ padding-bottom:40px;}
	.products .pro_t .max{ padding:10px 0px;}
	.products .pro_t .max .more{ margin-top:10px;}
	.products .pro_t .max .text{ max-width:100%; padding-right:0px; margin-top:10px;}
	.products .pro_b ul li{ max-width:49%; margin-right:0px;}
	.products .pro_b ul li:nth-of-type(2n){ float:right;}
	.products .pro_b ul li .title{ font-size:16px;}
	.pro_super{ padding:20px 0px;}
	.pro_super li{ max-width:100%; margin-right:0px; margin-bottom:20px;}
	.case_b li:nth-of-type(1){ display:none;}
	.case_b li{ max-width:49%; margin:0px 0px 10px 0px;}
	.case_b li:nth-of-type(even){ float:right;}
	section.case{ padding-bottom:40px;}
	.about_l .title{ font-size:24px;}
	.about_l .text{ font-size:16px;}
	.about_l .intro{ margin-top:10px; font-size:14px;}
	.about_l .contact .more{ margin-right:calc((100% - 200px) / 2)}
	.about_l .contact .content{ max-width:100%; display:flex; justify-content:center; max-width:100%; width:100%;}
	.about_l .contact .content .icon{ margin-top:0px; margin-right:0px;}
	.about_l .contact .content .tel{ margin-left:0px; max-width:155px; overflow:hidden;}
	.about_l .contact .content .tel p:nth-of-type(2){ font-size:20px;}
	section.advantage .often .title{ background:none;}
	.often .contact{ max-width:90%;}
	.often .contact .text{ font-size:16px;}
	.often .contact .text font{ font-size:16px;}
	.foot_b .logo .title{ font-size:20px;}
	.foot_b .logo .content .tel{ font-size:15px;}
	

	
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 77px 0px;}
	
	
	.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){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:40px;}
	.often{ margin:30px auto 20px auto}
	.often .title{ background:none;}
	.pro_column li:nth-of-type(n+7){ display:none;}
	.products .pro_b ul li .picture img{ height:160px;}
	section.products{ padding-bottom:30px;}
	.products .pro_b .more{ margin-top:30px;}
	.products .pro_b{ margin-top:10px;}
	.about_l{ padding-bottom:30px;}
	.often .title font{ font-size:30px;}
	.news .often{ margin-top:30px;}
	.news_b li .picture{ max-width:100%;}
	.news_b li .picture img{ height:200px;}
	.news_b li .content{ max-width:100%; padding:0px 2%; box-sizing:border-box;}
	.news .more{ margin-top:30px;}
	.about_r{ padding-bottom:30px;}
	.case_b li .picture img{ height:180px;}
	

	

	.pro_brand li{ max-width:100%;}
	.pro_brand li img{ height:auto;}
}



@media (max-width: 320px){
	.banner li img,.banner{ height:150px !important;}
	
}