@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(0,112,192,0.70); 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_select a p{ display:none;}
	.nav li::before{ display:none;}
	.nav li{ padding:0px;}
	.nav li a{ font-size:16px;}
	.nav li a p{ display:none;}
	.dh{ display:block;}
	.iconnav-list:before{ font-size:54px;}
	.foot_b .code .picture img{ height:auto;}
	.foot_b .logo .picture img{height:auto;}
	.head_b .text{ display:none;}
	.banner li img,.banner{ height:300px !important;}
	.lef_rig span{ display:none;}
	.header .contact{ margin-top:0px;}
	
	.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;}
	.products .pro_b ul li .picture img{ height:140px;}
	.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;}





	
	.head_b .logo{ max-width:60%;}
	.pro_column li:last-child{ display:none;}
	
	.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}
	.news_b li .content .text{ font-size:14px; line-height:20px;max-height: 42px;
    height: 42px;}
	.news_b li .picture img{ height:80px;}
	.news_b li .content .title{ margin-top:5px; font-size:16px;}
	.pro_column ul li img{ height:100px !important;}
	.often .text{ font-size:14px;}
	
}
@media (max-width: 425px){
	.roof .text{ font-size:14px; float:left;}
	.page_content p{ font-size:14px; line-height:24px;}
	.roof span a{ font-size:16px;}
	.header .logo img{ max-height:60px;}
	.advan_b li{ max-width:33%; height:155px;}
	.banner li img,.banner{ height:200px !important;}
	.advan_b ul{ height:auto;}
	section.advantage{background: url(../images/ad_01.jpg) no-repeat top center;}
	.lef_rig span{ display:none;}
	
	.iconnav-list:before{ font-size:45px;}
	.often{ margin:38px auto 36px 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:49%; margin:0px 0px 10px 0px;}
	section.pro_column{ padding-bottom:40px;}
	.products .pro_t .max{ padding:10px 0px;}
	.products .pro_t .max .more{ margin-top:10px; font-size:14px;}
	.products .pro_t .max .text{ max-width:100%; padding-right:0px; margin-top:10px; font-size:14px;}
	.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: calc(100% / 5 - 7px); margin-right:0px; margin-bottom:20px;padding: 20px 6px; border-right:none;}
	.pro_super li .text{ display:none;}
	.pro_super li .picture{ width:50px !important; max-width:50px; padding:10px 0px;}
	.pro_super li .title{ font-size:14px; font-weight:normal;}
	.picture img{ height:30px;}
	.case_b li:nth-of-type(2){ display:none;}
	.case_b li:nth-of-type(1){ margin-bottom:20px;}
	.case_b li:nth-of-type(1) .picture img{ height:240px;}
	.case_b li{ max-width:49%; margin:0px 0px 10px 0px;}
	.case_b li .picture img{ height:140px;}
	.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:14px;}
	.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; 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:20px;}
	

	
	
	.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;}
	
}