@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	.head_line .max{padding:10px 0px;}
	.head_line .max .title{font-size:12px;}
	.header .max .seek{ display:none;}
	
	nav{ position:absolute; top:0px; left:0px; z-index:998; display:block; width:100%; overflow:hidden; background:none; max-width:100%;}
	.nav{ position:absolute; float:left; background:rgba(11,124,239,0.80); 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{color:#fe0000; border-bottom:0px;}
	.nav li a{ font-size:16px;}
	.dh{ display:block; margin-right:0px;}
	
	.header{ padding:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	.often{ margin:45px auto 25px auto}

	.banner li img,.banner{ height:300px !important;}
	.products .pro_list span{ max-width:24%; width:100%; margin:5px 0.5%; float:left; min-width:auto; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_b li{ max-width:48%; margin-right:0px; margin-bottom:20px;}
	.pro_b li:nth-of-type(even){ float:right;}
	
	.scheme li{ max-width:30%; margin:10px 1.5% !important;}
	.scheme li:nth-of-type(n+10){ display:none;}
	.about_b{ padding:20px 0px; margin:0px 2%;}
	.about_b .picture{ max-width:100%;}
	.about_b .content{ max-width:100%;}
	
	.case li{ max-width:30%; margin:0px 1.5% 20px 1.5% !important;}
	.case li:nth-of-type(n+10){ display:none;}
	
	.foot_b{ display:block;}
	.foot_b .footer_pro{ max-width:50%;}
	.foot_b .footer_about{ max-width:50%;}
	.foot_b .contact{ max-width:100%; padding:0px; margin-top:30px; border:0px;}
	.foot_b .code{ max-width:100%; margin-top:30px;}
	.foot_b .code .picture{ max-width:100%; text-align:center; float:left; width:100%; text-align:center;}
	.foot_b .code .picture img{ margin:0px auto;}
	.foot_b .code .text{ width:100%; max-width:100%;}
	
	
	
}
@media (max-width: 425px){
	.header .logo img{ max-height:60px;}
	.banner li img,.banner{ height:200px !important;}
	.lef_rig span img{ height:50px;}
	.lef_rig span{ top:calc(100% - 50px);}
	.head_line .text{ display:none;}
	
	.iconnav-list:before{ font-size:50px;}
	.often{ margin:20px auto 10px auto;}
	.often .title{ font-size:16px; max-width:100px; line-height:30px; height:30px;}
	
	.often .text{ font-size:30px;}
	
	.pro_b li .title{ margin-top:15px;}
	.pro_b li .picture{ margin-top:25px;}
	.pro_b li .picture img{ height:140px;}
	.pro_b li .title{ font-size:16px;}
	section.products{padding-bottom:20px;}
	
	.scheme li{ max-width:48%; margin:10px 0px !important;}
	.scheme li:nth-of-type(even){ float:right;}
	.scheme li .picture img{ height:180px;}
	.scheme li .content .icon{ margin-top:40px;}
	.scheme li:nth-of-type(n+5){ display:none;}
	section.scheme{ padding-bottom:20px;}
	
	.about_b .picture img{ height:auto;}
	.about_b .content .title{ font-size:20px; text-align:center;}
	section.about{ padding-bottom:40px;}

	.news_b li .title{ font-size:14px;}
	.news_b .more{ width:50px; height:50px; line-height:50px;}
	.news_b .more p{ font-size:12px;}
	.news_b li{ padding:20px 6% 20px 0px}
	section.news{ padding-bottom:30px;}
	
	.case li{ max-width:49%; margin:0px 0px 20px 0px !important;}
	.case li:nth-of-type(even){ float:right;}
	.case li .title{ margin:20px auto 16px auto;}
	.case li:nth-of-type(n+5){ display:none;}
	.case_b .more{ margin:10px auto 0px auto;}
	section.case{ padding-bottom:20px;}
	
	.foot_b .footer_pro,.foot_b .footer_about{ display:none;}
	.foot_b .contact{ margin-top:0px;}
	.foot_b .code{ display:none;}
	footer.footer{ padding-bottom:20px;}
	
	
	.sj_footer{ display:block;}
	footer.url{padding-bottom:77px;}
	
	.list .news_list li .picture{ max-width:100%;}
	.list .news_list li .content{ max-width:100%; padding:10px 3%;}
	.list .page_columnlist li a{ font-size:12px;}
	.list .page_columnlist ul{ display:flex; flex-wrap:wrap;}
	.list .pro_list li{ max-width:49%; margin-right:0px;}
	.list .pro_list li:nth-of-type(even){ float:right;}
	.list .pro_list li .title{ padding:15px 0px;}
	.list .pro_list li .picture img{ height:170px;}
	.list .page_columnlist li{ margin: 5px auto;}
	.list .page_columnlist{ margin-top:10px;}
	.list .pro_list{ margin-top:10px;}
	.page_list{ display:block; width:100%;}
	.list .column_title .title{ font-size:20px;}
	.list .address{margin-top:3px;}
	.list .column_title{ padding-bottom:10px; margin-top:20px;}


	
}

@media (max-width: 375px){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:50px;}
	.head_b{ padding:15px 0px;}
	
	.lef_rig span{ top:calc(50% - 25px) !important;}
	
	.scheme li .picture img{ height:150px;}
	.scheme li .content .icon{ margin-top:30px;}
	.about_b .content .title{ margin-top:15px;}
	.about_b .content .text{ margin-top:5px;}
	.news_b li .text{ margin-top:10px;}
	.news_b li time{ margin-top:10px;}
	.news_b li{padding:25px 6% 25px 0px;}
	.list .page_columnlist li a{ max-height:34px; overflow:hidden; padding:0px 2%;}
	.list .pro_list li .title{ font-size:14px;}
	.list .address{ display:none;}
	.list .column_title .title{ max-width:100%;}
	.list .pro_list li .picture img{ height:150px;}
	.page .address{ display: none; }
	.page .column_title{ font-size:20px;padding-bottom:10px; margin-top: 20px; }
	.page .page_title{ font-size: 20px;margin-top:20px; }
	.page .page_content{ margin-top: 15px; }
	section.page{ margin-left: 2%; margin-right: 2%; max-width: 96%; margin: 30px auto;}

	
	
	
}



@media (max-width: 320px){
	.banner li img{ height:150px;}
	.pro_list li .more{ display:none;}
	.pro li .picture img{ height:140px;}
	.pro li .title{padding:10px 0px 6px 0px}
	.fac_b li{margin:0px 10px}
	.ser_b li{ margin:0px 20px}
	
}