@charset "utf-8";
/* CSS Document */
@media (max-width: 1680px){
	.max{ max-width:1200px; width:100%;}
	.products .column{ left:2%;}
	.pro_b{ transform:translateX(-500px);}
	.ab_l{max-width:51%;}
	.ab_l .content{ padding:0px 3% 20px 3%;}
	.ab_l .content .title{ margin-top:16px; font-size:26px;}
	.ab_l .content .intro{ line-height:32px; margin-top:16px;}
	.ab_l .content .more{ margin-top:15px; padding:10px 0px;}
	.ab_l .picture img{ height:280px;}
	.ab_c{ margin:0px 1.5%;max-width:23%}
	.ab_c .column{ line-height:normal; padding:30px 0px;}
	.ab_c .column .text{ font-size:50px; display:flex; align-items:center; justify-content:center; height:100%; line-height:normal;}
	.ab_c .showroom li .picture img{ height:280px;}
	.ab_r{max-width:23%}
	.ab_r .picture img{ height:596px;}
	
	section.news{ padding:48px 0px;}
	.news_b{ margin-top:30px;}
	.news_b li{ width:380px; margin-right:30px;}
	.news_b li .content .title{margin-top:20px; font-size:20px;}
	.news_b li .content .text{ margin-top:10px;}
	.news_b li .picture img{ height:260px;}
	.news_b li .content{ padding-bottom:40px; padding-left:5%; padding-right:5%; margin-left:2%;}
	section.honor{padding-bottom:40px;}
	.hon_b{ margin-top:30px;}
	.hon_b ul li{margin-right:20px;}
	.foot_l .contact{padding-bottom:25px;}

}
@media (max-width: 1400px){
	.pro_b{ transform:translateX(-665px);}

}
@media (max-width: 768px){
	.max{padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	header.header{ padding:10px 2%; box-sizing:border-box;}
	.header .logo{ max-width:60%; margin-top:0px;}
	.header .logo img{ float:left;}
	.header .contact{ display:none;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	.dh{ display:block;}

	
	.nav{ position:absolute; float:left; background:rgba(233,29,41,0.55); overflow:hidden; max-height:0px; z-index:20;overflow:hidden; top:0px; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px; margin:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:15px 0px;}
	.nav>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.nav li a{ font-size:16px;}
	
	.banner li img,.banner{ height:350px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:350px;}
	
	.pro_b{transform:translateX(0px)}
	.pro_b li{ transform:scaleY(1); width:700px; margin:0px 40px;}
	.pro_b li .content{max-height:none; padding:0px 3%}
	.pro_b li .content .parameter{ padding-top:12px; margin-top:12px;}
	.pro_b li .content .parameter span{ margin:4px 0px;}
	.pro_b li .content .intro{ margin-top:10px; line-height:22px; max-height:44px;}
	.pro_b li .content .title{ margin-top:15px;}
	.products .switch span{ background:#fff; color:#333; box-shadow:0px 0px 5px rgba(233,29,41,0.5);}
	
	.about .max{ flex-wrap:wrap;}
	.ab_l{ max-width:100%; width:100%; margin-bottom:10px;}
	.ab_l .picture{ max-width:100%;}
	.ab_l .content{ margin:234px 3.5% 0px 3.5%;}
	.ab_c{ max-width:49%; margin:0px;}
	.ab_r{ max-width:49%;}
	
	.often .content .text{ white-space:pre; font-size:42px;}
	.often .content .title{ font-size:20px;}
	.often .more{ margin-top:11px;}
	.hon_b ul li{ width:225px;}
	.hon_b ul li .picture img{ height:312px;}
	
	.foot_b{ display:block;}
	.foot_l{ max-width:100%;}
	.footer .code{ max-width:100%;}
	.foot_l .contact div{ margin-right:10px;}
	
	
	
	
	
	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:150px;}
	
	.page_column{ margin-top:0px;}
	.page_picture .picture img{ height:350px;}
	.pro_list li{ max-width:49%; margin-right:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.case_list li{ max-width:49%; margin-right:0px;}
	.case_list li:nth-of-type(even){ float:right;}
	.case_list li .picture img{ height:200px;}
	.honor_list li{ max-width:49%; margin-right:0px;}
	.honor_list li:nth-of-type(even){ float:right;}
	.honor_list li .picture img{ height:400px;}
}

@media (max-width: 425px){
	.iconnav-list:before{ font-size:50px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.banner li img,.banner{ height:270px;}
	header.header{ position:static;}
	.header .logo img{ max-height:55px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:200px;}
	
	section.products{ padding-top:0px; margin-top:0px;}
	.products .column{ position:static; display:block; overflow:hidden; max-width:100%; width:100%; padding:10px 2%;}
	.products .column .title{ font-size:20px;}
	.products .column ul{ display:none;}
	.products .column ul li{ float:left; max-width:25%; font-size:14px;}
	.products .column ul li a{ float:left; max-width:none; text-align:left; padding:3px 0px; border-bottom:0px;}
	.products .column .more{ margin-top:10px;}
	.products .column .text::after{margin-top:5px;}
	.products .switch span{ top:100px;}
	.pro_b{ margin-top:10px;}
	.pro_b li{ width:380px; margin:0px 20px;}
	.pro_b li .content{ padding-bottom:20px;}
	.pro_b li .content .parameter{ display:none;}
	.pro_b li .picture img{ height:300px;}
	
	.news_b li{ margin:0px 15px;}
	.hon_b ul li{ margin:0px 85px;}
	.ab_l .content .title{ font-size:20px;}
	.ab_l .picture{ position:static;}
	.ab_l .picture img{ height:auto;}
	.ab_l .content .intro{ line-height:28px; font-size:14px;}
	.ab_l .content{ margin-top:0px; max-width:100%; margin-left:0px;}
	.ab_c .column .title{ font-size:20px;}
	.ab_c .column .text{font-size:30px;}
	.ab_c .column{ padding:10px 0px;}
	section.about{ padding-bottom:40px;}
	.often .switch span{ line-height:55px;}
	
	.ab_c{ max-width:100%;}
	.ab_r{ max-width:100%; margin-top:20px;}
	
	.foot_l .contact{ flex-wrap:wrap;}
	.foot_l .contact div{ max-width:100%; width:100%; margin-bottom:30px; margin-right:0px; flex-wrap:wrap;}
	.foot_l .contact div:last-child{margin-bottom:0px;}
	.foot_l .contact .content{ margin-top:10px;max-width:100%; text-align:center; width:100%; margin-left:0px;}
	.foot_l .contact .picture{ margin:0px auto;}
	.foot_l ul li{ max-width:25%;}
	.foot_l ul li:nth-of-type(4n){ border:0px;}
	.footer .code .picture{ max-width:100%;}
	.foot_l .copy{ text-align:center;}





	footer.footer{ padding:20px 0px 100px 0px;}
	
	
	.pro_list .page_r li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:10px 2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	.news_list .page_r li span:nth-of-type(2) time{ margin:5px 0px; display:block;}
	.page_odd_content form p input[type=text]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p input[type=tel]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p textarea{ max-width:calc(100% - 100px) !important; height:100px;}
	.pro_list li .content{ padding:20px 4%;}
	.pro_list li .picture img{ height:auto;}	
	
	
	.page_picture .picture img{ height:180px;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding:10px; height:auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text p:nth-of-type(2){ height:auto;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	.news_list_img img{ object-fit:unset;}
	.case_list li .picture img{ height:140px;}
	.honor_list li .picture img{ height:240px;}
	
	.pro_list li{ max-width:100%;}
	.pro_list li a span img{ height:auto;}
	.news_list li{ transform:translate(0,0);}
	.page_odd time{ margin-bottom:10px;}
	.page_odd .page_intro .picture{ max-width:100%;}
	.page_odd .page_intro .picture img{ height:auto;}
	.page_odd .page_intro .intro{ max-width:100%;}
	.page_odd .content{ margin-top:0px;}
}
@media (max-width: 375px){
	header.header{ display:block; padding:7px 2%; box-sizing:border-box;}
	.header .logo{ margin-top:3px;}
	.banner li img,.banner{ height:230px;}
	
	section.honor{ margin-top:20px;}
	.hon_b ul li{ margin:0px 55px;}
	.pro_b li{ width:335px;}
	.news_b li{ width:340px; margin:0px 10px;}
	.news_b li .content{ margin-top:0px; max-width:100%; margin-left:0px;}
	.news_b li .content .title{ font-size:18px;}
	.news_b li .content .text{ font-size:12px;}
	.news_b li .picture img{ height:200px;}
	.news_b li .more{ max-width:46%; width:100%; margin-left:27%;}
	.pro_b li .content .intro{ display:none;}
	.pro_b li .content{ padding-bottom:15px;}
	.ab_r .content{ padding:120px 10% 34px 10%;}
	section.about{ margin-top:40px; padding-top:40px;}
	.ab_l .content .title::after{ width:45px;}
	.ab_l .content .more{ margin-left:calc((100% - 164px) / 2);}
	.ab_c .showroom li .picture img{ height:240px;}
	.ab_r .picture img{ height:auto;}
	.case_list li .title{ margin:10px 0px;}
	
	
	

	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.pro_list{ margin-top:0px;}
	.list{ margin:15px auto;}
	.column_list{ display:flex; justify-content:center;}
}



@media (max-width: 320px){
	header{ padding:18px 2% 16px 2%;}
	.header .logo{ margin-top:5px;}
	.banner li img,.banner{ height:150px !important;}
	.pro_b li{ width:280px;}
	.news_b li{ width:290px;}
	.hon_b ul li{ margin:0px 30px;}
}