@charset "utf-8";
/* CSS Document */
@media (max-width: 1350px){
	.case_b{ max-width:1200px;}
}
@media (max-width: 1300px){
	.top{bottom:200px; right:2px;}
	.footer .max{ max-width:1100px;} 
}
@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,104,183,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_line .text{ display:none;}
	

	.banner li img,.banner{ height:300px !important;}
	.lef_rig span{ display:none;}
	
	.head_b .text,.header .contact{ display:none;}
	.products .column span{ margin:5px 2%;}
	.pro_b ul li{ margin-right:170px;}
	.slogan .picture{ display:none;}
	.slogan .content{ margin-top:0px; padding:20px 0px; max-width:100%;}
	.case_b li{ max-width:calc(50% - 3px); margin-right:0px;}
	.case_b li:nth-of-type(2){ max-width:calc(50% - 3px); margin:0px; float:right;}
	.case_b li:nth-of-type(3){ max-width:100%; margin-top:6px;}
	.about_b .content .intro{ margin-top:5px;}
	.about_b .content{ margin-top:45px;}
	.about_b .content .more{ margin-top:10px;}
	.chos_b li{ padding:0px;}
	
	.chos_b .content{ left:0px; right:0px; top:0px; bottom:0px; margin:auto; max-width:80%;}
	.chos_b .picture{ max-width:100%; width:100%; background:#f97200; margin-top:0px;}
	.chos_b .picture img{ max-width:100%; width:100%;}
	.chos_b li{ max-width:738px;}
	
	section.slogan_2{ background:#f97200;}
	.slogan_2 .content{ max-width:100%;}
	.slogan_2 .content .title{ text-align:center;}
	.footer .max{ display:block;}
	.footer .logo{ max-width:100%; text-align:center;}
	.footer .contact{ max-width:100%;}
	.footer .code{ margin-left:calc((100% - 175px) / 2); margin-top:10px;}




	
	
	
	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:90px;}
	.list .page_news li .picture img{ height:200px;}
	.list .page_pro li{ max-width:calc(100% / 3 - 16px); width:100%; margin-right:24px !important;}
	.list .page_pro li:nth-of-type(3n){ margin-right:0px !important;}
	
	.page_address{ padding-top:0px; border:0px;}
	.page_address .max{ padding:0px !important;}
	.page_address .address{ max-width:100%; border-bottom:1px solid #eee; padding:10px 2%; box-sizing:border-box;}
	.page_address .page_column{ max-width:100%; margin-top:15px; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.page_address .page_column a{ padding-bottom:6px; margin-bottom:10px;}
	
}
@media (max-width: 600px){
		.chos_b li{ max-width:550px;}
		.pro_b ul li{ margin-right:15px;}
}
@media (max-width: 425px){
	.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%;}
	.pro_b ul li{ margin:0px 60px;}
	.onck{ margin-top:30px;}
	.slogan .content .title{ font-size:20px;}
	.slogan .content .text{ font-size:16px; margin-top:10px;}
	.slogan .content .more{ margin-top:10px;}
	
	.case_b li .picture img{ height:180px;}
	.case_b li:nth-of-type(2) .picture img{ height:366px;}
	
	section.about{ background:#f97200;}
	.about_b{ margin-top:20px;}
	.about_b .picture{ max-width:100%;}
	.about_b .picture img{ height:auto;}
	.about_b .content{ max-width:100%; margin-top:20px;}
	.about_b .content .title{ text-align:center; font-size:20px;}
	.about_b .content .text{ text-align:center;}
	
	.chos_b li{ max-width:420px;}
	.chos_b .intro{padding:10px 4%;}
	.chos_b .intro .icon{ display:none;}
	.chos_b .intro .title{ margin-top:0px;}
	.chos_b .content .cloumn{ margin-top:20px;}
	.chos_b .content .cloumn .title{ color:#fff;}
	.chos_icon li .picture{ width:70px; height:70px;}
	.chos_icon li .title{ padding:0px 1%;}
	.slogan_2 .content .title{ font-size:20px;}
	.slogan_2 .content .text{ font-size:16px;}
	section.news{ padding-bottom:30px;}
	.news_l{ max-width:100%; width:100%; margin-bottom:10px;}
	
	.top{bottom:80px;}
	
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 77px 0px;}
	
	
	.list .page_news li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.list .page_news li .picture img{ height:170px;}
	.list .page_news li:nth-of-type(even){ float:right;}
	.list .page_news li .text{ max-height:40px; font-size:12px; line-height:20px;}
	.list .page_news li .title{ margin-bottom:8px;}
	.list .page_news{ margin-top:30px;}
	
	.list .page_pro{ margin-top:30px;}
	.list .page_pro li .title{ font-size:14px; padding:14px 0px;}
	.list .page_pro li{ max-width:49%; margin-right:0px !important;}
	.list .page_pro li:nth-of-type(even){ float:right;}
	.list .page_pro li .picture img{ height:160px;}
	.page_list{ margin:30px auto;}
	.list{padding-bottom:0px;}
}

@media (max-width: 375px){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:40px;}
	.often{ margin:40px auto 30px auto}
	.head_b{padding:10px 0px;}
	.head_line .max *{font-size:12px;}
	.head_b .logo .content{margin-top:0px;}
	.head_b .logo .content .title{font-size:14px; border:0px; letter-spacing:0px; line-height:50px; padding-bottom:0px;}
	.head_b .logo .content .text{display:none;}
	.pro_l_title{ text-align:center;}
	.pro_l li:hover{background:#0068b7;}
	

	.list .max{ margin-top:20px;}
	.list .page_pro li{ margin:10px auto;}
	.list .page_pro li .picture img{ height:150px;}
	.list .page_pro li .title{ font-size:12px;}
	.list .page_pro{ margin-top:25px;}
	.list .page_news li .picture img{ height:155px;}
	.list .page_news li .content{padding:10px 5%}
}



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