@charset "utf-8";
/* CSS Document */

@media (max-width: 1800px){
	.max{max-width:96%;}
}
@media (max-width: 1600px){
	.about_l{ padding:0px 2%; box-sizing:border-box;}
	.footer .foot_r{ display:flex; justify-content:center; flex-wrap:wrap;}
	.foot_r .content{ transform:translateX(-15px);}
	.foot_r .code{ max-width:100%; width:100%; margin-top:30px; text-align:center;}
	.news li{width:465px;}
}
@media (max-width: 1400px){
	.about_l{ padding:0px 2%; box-sizing:border-box;}
	.news li{width:385px;}
}
@media (max-width: 1300px){
	nav .logo img{ max-width:100%;}
}
@media (max-width: 768px){
	header{ display:none;}
	nav .logo{ max-width:60% !important; height:auto;}
	nav{ width:100%; background:#fff; max-width:100%; display:block; overflow:hidden; position:static !important;}
	.dh{ display:block;}
	nav .special a{ display:none;}
	
	.nav{ position:absolute; right:0px; top:95px; z-index:10; max-width:40% !important; max-height:0px; overflow:hidden; background:rgba(255,255,255,0.8);}
	nav.ban .nav{ max-width:40% !important;}
	.nav li:first-child a .icon{ display:none;}
	.nav li{ max-width:100%; width:100%; line-height:40px; height:40px;}
	.nav li:first-child{ max-width:100%;}
	nav#sn li:first-child a{ transform:translateY(0%);}
	
	
	
	.banner li img,.banner{ height:450px;}
	
	.products .column{padding:10px 0px; max-width:100%;}
	.often .title{ font-size:50px;}
	.products ul{ max-width:100%; padding:20px 0px;}
	
	.details .max{ background:#f1f1f1;}
	.det_b{ max-width:100%;}
	.det_l{ max-width:100%; padding:0px; width:100%;}
	.det_l .title{ margin-top:30px; text-align:center;}
	.det_l .content{ margin-top:20px;}
	.det_l .content span{ text-align:center;}
	.det_l .content span font{ float:left; width:100%;}
	.det_l .more{ margin-top:20px;}
	.det_l .text{ display:none;}
	.det_r{ max-width:100%; margin-top:20px;}
	.det_r img{ height:240px;}
	.det_li{ height:auto; max-width:100%;}
	.det_li table{ display:flex; align-items:center;}
	.det_li table tbody{ display:flex; align-items:center;}
	.det_li tr{ margin:5px;}
	.det_li .inventory{ display:none;}
	.det_l .more{ display:flex; justify-content:center;}
	.det_l .more a{ margin:0px;}
	
	.technical{ display:block;}
	.technical .tec_l{ max-width:100%;}
	.tec_r{ max-width:100%;}
	
	.news li{width:240px; margin-right:10px;}
	.news li .picture img{ height:200px;}
	.news li .content{ padding:10px 2%;}
	.news li .content .text{ margin-top:10px;}
	.news li .content .more{ margin-top:14px;}
	.tableNews{ padding:25px 0px;}
	
	section.about{ display:block;}
	.about_l{ max-width:100%; padding-bottom:30px;}
	.about_l .content{ margin-top:20px;}
	.about_l .often .title{ width:100%;}
	.about_l .often{ margin:20px 0px;}
	.about_r{ max-width:100%;}
	.about_r .picture img{ height:300px;}
	.about_r .inventory{ left:0px; top:auto; width:100%; display:block;}
	.about_r .inventory span{ max-width:84px;}
	.about_r .inventory span:nth-of-type(2){ float:right;}
	.about_l .often .title::after{ display:none;}
	
	.footer .max{ display:block;}
	footer.footer{ padding:20px 0px;}
	.footnav{ max-width:100% !important; padding-left:0px; border:0px;}
	.footnav dt{ margin:15px 0px 10px 0px; text-align:center;}
	.footnav dd{ width:auto; margin:0px 10px 0px 0px;}
	.footnav dd::before{ display:none;}
	.footer .foot_r{ max-width:100%; padding:0px; margin-top:30px;}
	

	
	
	.footer_b{ display:block;}
	.footer_b .content{ max-width:100%; padding:0px; text-align:center;}
	.footer_b .logo{ max-width:100%; border:0px; margin-bottom:20px;}
	.footer_b .contact{ padding:0px; border:0px; max-width:100%; display:block;}
	.footer_b .code{ display:none;}
	.footer_b .contact .text .picture{ display:none;}
	.footer_b .contact .text{ display:block; max-width:100%;}
	.footer_b .contact .text .tel{ max-width:100%; text-align:center;}
	

	.sj_footer{ display:block;}
	footer{ padding-bottom:77px;}


	.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;}
	.page_picture{ margin-top:0px;}
}

@media (max-width: 425px){
	.header{padding:20px 0px; overflow:hidden;}
	.header .logo img{ max-height:40px;}
	.banner li img,.banner{ height:260px;}
	.products ul li{ max-width:50%;}
	.products ul li:nth-of-type(n+5){ display:none;}
	.det_l .title{ font-size:20px;}
	.det_l .content{ display:none;}
	.slide ul{ height:400px !important; max-height:400px;}
	nav .logo img{ max-height:60px;}
	nav .max{ height:auto; line-height:normal;}
	nav{overflow:hidden; line-height:normal;}
	nav.ban{ padding:5px 0px;}
	#sn{ padding:5px 0px;}
	.dh *{ height:50px !important; line-height:50px !important;}
	.dh::before{ font-size:50px;}
	
	.tec_lt .picture img{ height:auto;}
	.tec_lb{ display:none;}
	.tec_rt{margin-top:10px; padding-bottom:10px;}
	.tec_rt .title{ font-size:20px;}
	.tec_rt .text::after{ margin-top:10px;}
	.tec_rt .text{ margin-top:10px; font-size:18px;}
	.tec_rb li{ max-width:100%;}
	.tec_rb li .picture img{ height:auto !important;}
	.about_l .content li{ max-width:50%; margin-bottom:10px;}
	.copy_l,.copy_r{ max-width:100%; float:left;}
	.often .title{ font-size:20px;}

	.copyright{ padding-bottom:100px;}
	.top{ bottom:115px;}
	section.url{ padding:15px 0px;}
	.about_r .picture img{ height:240px;}



	
	.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;}
	
	.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;}
	
	.page_odd .content table{ max-width:100%; width:100% !important;}
}
@media (max-width: 375px){
	.pro_list span{ font-size:12px;}
	nav{ top:320px;}
	nav .logo img{ max-height:55px;}
	.banner li img,.banner{ height:220px;}
	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.pro_list{ margin-top:0px; padding:0px 2%; box-sizing:border-box;}
	.list{ margin:15px auto;}
	.news ul{ padding-top:10px;}
	.news li{ width:350px; margin-right:20px;}
	
	.page_odd .title{ display:none;}
	.column_list{ margin-top:20px;}
	.column_list ul{ display:flex; align-items:center; flex-wrap:wrap;}
	.column_list ul li{ max-width:33%; width:100%; box-sizing:border-box; width:100%;}
	.column_list ul li a{ float:none; display:block; margin:0px auto; text-align:center; padding:10px 2% 0px 2%; font-size:15px; line-height:20px;}
	.page_column .title{ font-size:24px;}
	.page_column{ padding-bottom:0px;}
	.page_column .content{ padding-bottom:5px;}
	.page_odd time{ margin-top:0px;}
	nav.ban li:first-child a{transform:translateY(0%)}
}



@media (max-width: 320px){
}