@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(217,13,25,0.60); 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;}
	
	.header{ padding:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}

	.banner li img,.banner{ height:300px !important;}
	
	.icon{ display:none;}
	.pro_l{ display:none;}
	.pro_r{ max-width:100%;}
	.pro_r ul li{ max-width:49%; margin-right:0px;}
	.pro_r ul li:nth-of-type(even){ max-width:49%; margin-right:0px; float:right;}
	
	.case_b li .picture img{ height:170px;}
	.case_b li .title{ font-size:14px; padding:10px 0px;}
	
	.advan{ margin-top:10px;}
	.advan li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.advan li:nth-of-type(even){ float:right;}
	.advert .picture{ max-width:100%;}
	.advert_b{ display:block;}
	.advert .picture img{ height:300px;}
	.advert .advert_r{ max-width:100%; margin-top:20px;}
	
	.advan_b ul{ display:block;}
	.advan_b li{ max-width:50%;}
	.advan_b li:nth-of-type(2n)::before{border:0px;}
	
	.about .often{ margin-bottom:40px;}
	.about_b .picture{ max-width:100%; padding:0px;}
	.about_b .picture::before{ display:none;}
	.about_b .picture img{ height:auto;}
	.about_b .content{ max-width:100%;}
	
	section.advantage{ background:#d92723; padding-bottom:20px;}
	.advan_b{ display:block;}
	.advan_b .advan_l{ max-width:100%;}
	.advan_b ul{ max-width:100%;}
	.advan_b li:last-child::before{ display:none;}
	
	section.news{ padding-bottom:20px;}
	.news_l{ max-width:100%; padding-bottom:40px;}
	
	.footer .code{ display:none;}
	.head_line .text{ display:none;}
	
	
	.page_r{ max-width:100%; width:100%;}
	.page{ padding-bottom:30px; margin-top:0px;}
	.page_l{ display:none;}
	.page_address.list{ margin-bottom:25px;}

	
}
@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:30px auto 20px auto;}
	.often .title{ font-size:18px;}
	.often .text{ font-size:12px;}
	
	.case_b li{ margin:0px 65px;}
	
	.pro_r ul li .title{ padding:14px 0px; font-size:14px;}
	.pro_r ul li .picture img{ height:180px;}

	section.advantages{ padding-bottom:20px;}
	.advan li{ padding-bottom:20px;}
	.advan li .title{ font-size:18px; margin-top:20px;}
	.advan li .title::after{ margin-top:10px;}
	.advan li .text{ margin-top:15px;line-height:24px; max-height:72px;}
	.about_b .content .slogan{ font-size:20px; text-align:center;}
	.about_b .content .more{ display:block; float:none;}
	.about .often{ margin-bottom:25px;}
	.hot .hotword{ max-width:100%;}
	.hot .find{ display:none;}
	section.superiority{ padding-bottom:25px;}
	.superiority .often{ margin-top:35px;}
	.super{margin-top:15px;}
	.super li{ max-width:49%; margin-right:0px; margin-bottom:10px; padding-bottom:20px;}
	.super li:nth-of-type(even){ float:right;}
	.super li .number{ display:none;}
	.super li .title{ font-size:18px; margin-top:25px;}
	.super li .title::after{ margin-top:8px;}
	.super li .text{ line-height:24px; max-height:72px; height:72px; margin-top:10px;}

	.news_r li .picture{ max-width:40%; width:100%;}
	.news_r li .content{ max-width:57%; padding-right:2%;}
	.news_r li .text{ margin-top:10px;}
	
	section.url{ padding:22px 0px}
	.foot_l .contact .tel, .foot_l .contact .mail{max-width:100%}
	.foot_l .content{ max-width:100%; padding-bottom:5px;}
	.foot_l .content p{ float:left; margin:0px 5px;}
	.foot_l .contact .picture{ display:none;}
	.foot_l .content .title{ width:auto;}
	.foot_l .contact .address{ max-width:100%;}
	
	.foot_l .column{margin-top:10px;}
	.foot_l .column li{ max-width:25%; width:100%;}
	.foot_l .column li a{padding:0px 9px !important; border:0px; float:left; width:100%; box-sizing:border-box; text-align:center; margin:5px 0px;}
	.foot_l .copy{ margin-top:15px; text-align:center;}
	.foot_l .copy span{ margin:5px 0px; font-size:12px;}
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 77px 0px;}
	
	.news_list .page_r li .picture{ max-width:100%;}
	.news_list .page_r li .content{ max-width:100%; margin-top:15px;}
	.news_list .page_r li .picture img{ height:220px;}
	.news_list .page_r li .content .title{ color:#333;}
	.pro_list .page_r li{ max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li img{ height:170px;}



	
}

@media (max-width: 375px){
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:40px;}
	
	
	.head_b{padding:10px 0px;}
	.head_line .max *{ font-size:12px;}
	section.products{padding-bottom:25px;}
	.pro_r ul li .picture img{ height:150px;}
	.pro_r ul li .title{ padding:10px 0px;}
	.case li{ margin:5px 30px 14px 30px;}
	.about_b .content .slogan{ font-size:18px; text-align:center;}
	section.about{ padding-bottom:40px;}
	.news_l ul .picture{ max-width:140px;}
	.news_l ul .content{ max-width:calc(100% - 155px);}
	.news_l ul .title{ font-size:14px;}
	.news_l ul .text{ font-size:12px;}
	section.url{ padding:15px 0px;}
	.advan_b .advan_l .title{ font-size:20px;}
	.advan_b .advan_l .english{ font-size:14px;}
	.advan_b .advan_l .text{ font-size:12px;}
	.advan_b li .picture img{ max-height:61px;}
	.advan_b li{ padding:15px 0px;}
	.advan_b li .title{ font-size:14px;}
	.case .often{ margin:30px auto 20px auto;}
	section.case{ padding-bottom:30px;}
	.case .more{ margin-top:10px;}
	.news .often{ margin:30px auto 20px auto;}
	.news_l .content{ padding:0px 6% 34px 6%;}
	.news_l .content .more{ display:none;}
	.advan li .text{ font-size:12px;}
	.hot .hotword span{ font-size:16px;}
	
	.page_address{ padding:0px; margin-bottom:15px;}
	.page_address .page_column{ font-size:18px;}
	.page_odd_title{margin:10px 0px 20px 0px; font-size:18px;}
	
	
}



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