@charset "utf-8";
/* CSS Document */
@media (max-width: 1200px){
	.bannerText{ left:0px; right:0px; top:0px; height:234px; bottom:0px; margin:auto;}
	.project_b li .content{ right:2%;}
}
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box; max-width:100%;}
	
	header{ position:static; padding:20px 0px;}
	.header .logo{ max-width:80%; margin-top:0px;}
	.header .logo img{ max-height:70px;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	#dh{ display:block; color:#fff;}
	
	nav{ position:absolute;  top:0px; left:0px; width:100%; max-width:100%;}
	.nav{ position:absolute; float:left; background:rgba(237,20,36,0.55); overflow:hidden; 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;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;height:60px;}
	.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;}
	.often{ padding:30px 0px;}
	
	section.products{padding-bottom:50px;}
	.products ul li{ max-width:49%; margin-right:0px;}
	.products ul li:nth-of-type(even){ float:right;}
	.products ul li .picture img{ height:200px;}
	.products ul li:nth-of-type(n+5){ display:none;}

	.advan_l{ display:none;}
	.advan_r{ max-width:100%;}
	
	section.poster{ padding:0px; padding-bottom:40px;}
	.poster li{ max-width:50%; display:block; padding-left:0px; margin-top:35px;}
	.poster li .picture{ float:none; display:flex; margin:0px auto;}
	.poster li .content{ max-width:100%; text-align:center; width:100%; margin:0px;}
	.poster li .content .text{ display:none;}
	.poster li:nth-of-type(n+5){ display:none;}
	.about_b{ margin-top:0px;}
	
	.about_b .about_l{ max-width:100%;}
	.about_b .about_r{ max-width:100%;}
	
	.news .news_b{ display:flex; flex-wrap:wrap-reverse;}
	.news_b .news_l{ max-width:100%;}
	.news_b .news_r{ max-width:100%; order:1;}
	.news_b .news_r li:nth-of-type(n+2){ display:none;}
	.news_b .news_r li .picture img{ height:205px;}


	.foot_b{ display:block;}
	.foot_l{ max-width:100%;}
	.footer .code{ max-width:100%; border:0px; margin-top:25px;}
	.advan_title{ text-align:center;}
	.advan_title .text{ height:auto;}
	.advan_title .text::before{ display:none;}
	.advan_title .text::after{content:""; display:block; margin:16px auto 0px auto; height:2px; width:90px; background:#ed1424;}
	
	.often .title{ max-width:100%; width:100%; text-align:center; height:auto; line-height:normal;}
	.often .title::after{ float:none; margin:16px auto 0px auto; height:2px; width:90px; display:block;}
	.often .text{ text-align:center; height:auto; line-height:normal;}
	.case_b{ margin-top:20px;}
	
	.often{ display:block !important;}
	.often .text{ max-width:100% !important; width:100% !important; text-align:center !important; margin-left:0px !important;}
	.often .title::after{ height:2px !important;}
	
	



	
	.sj_footer{ display:block; z-index:20;}
	footer.footer{ padding-bottom:150px;}
	.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;}
	
}

@media (max-width: 550px){
	
	.header{overflow:hidden;}
	.header .logo img{ max-height:47px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	
	.banner li img,.banner{ height:200px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:200px;}
	.often{ padding:35px 0px;}
	.often .title::after{ width:40px; margin-top:10px;}
	.often .title{ font-size:18px !important;}
	.often .text{ font-size:12px !important; color:#b3b3b3; font-weight:400; margin-top:8px;}
	
	.head_line{ padding:8px 0px;}
	.head_line .max *{ font-size:12px;}
	.head_line .text{ display:none;}
	header.header{ padding:14px 0px;}
	
	.hotshare{ padding:5px 0px;}
	.hotshare .title{ font-size:14px; max-width:80px;}
	.hotshare .content{ max-height:21px; height:21px; overflow:hidden;}
	.hotshare .content a{ font-size:12px; line-height:21px;}
	
	.pro_title{ padding:20px 0px;}
	.pro_title .title{ font-size:18px;}
	.pro_title .text{ font-size:12px;}
	.pro_title .title::after{ width:38px;}
	
	section.products{ padding-bottom:20px;}
	.products .column a{ font-size:12px; margin:0px; margin-right:8px; padding:4px 0px;}
	.products ul{ margin-top:0px;}
	.products ul li{ margin:14px 0px 0px 0px}
	.products ul li .title{ position:static; display:block; float:left; width:100%; opacity:1; background:none; margin-top:10px;}
	.products ul li .title span{ font-size:18px; color:#333; border:0px; padding:0px; float:left; width:100%;}

	section.advantage{ margin-top:20px;}
	.advan_title{ display:flex; flex-wrap:wrap-reverse;}
	.advan_title .text{ line-height:normal; font-size:12px; margin-top:8px;}
	.advan_title .title{ font-size:18px;}
	.advan_title .title::after{ content:""; height:2px; width:40px; display:block; background:rgba(237,20,36,1); margin:10px auto 0px auto;}
	.advan_title .text::after{ display:none;}
	.advan_r{ position:relative;}
	.advan_r .column{ margin-top:20px;}
	.advan_r .column span{ font-size:14px; margin-right:1%; max-width:24%;}
	.advan_r .advan_rb{ margin-top:10px;}
	.advan_r .advan_rb .number{ font-size:52px; font-weight:bold; color:rgba(237,20,36,0.2); max-width:60px;}
	.advan_r .advan_rb .number::before{ display:none;}
	.advan_r .advan_rb .content{ max-width:calc(100% - 60px); margin-top:20px; font-size:16px;}
	.advan_r .switch{ padding:0px; position:absolute; bottom:10px; margin:0px; font-size:50px;}
	.advan_r .switch span:nth-of-type(2){ float:right;}
	.advan_r .advan_rb .content .text{ font-size:14px; line-height:24px;}
	
	section.case{ margin-top:20px; background:url(../images/ca_01.jpg) no-repeat; background-size:cover; padding-bottom:50px;}
	.case_b li{ margin:0px 60px;}
	section.poster{ margin-top:0px;}
	section.about{ padding-bottom:20px;}
	.about_b{ padding:30px 2%; background:none;}
	.about_b .about_r .often{ padding:25px 0px 10px 0px;}
	.about_b .about_r .often .text{ color:#b3b3b3; margin-top:5px;}
	.about_b .about_r .often .title::after{ margin-top:8px;}
	.about_b .about_l{ max-width:calc(100% - 10px); display:none;}
	.about_b .about_l img{ height:auto;}
	.about_b .about_r .content{ display:block; float:none; margin-top:0px; font-size:14px; line-height:30px;}
	.about_b .about_r .more{ float:none; margin:30px auto 0px auto; display:block;}

	section.news{ margin-top:0px;}
	.news .often{ border-bottom:0px;}
	.news_b .news_r li{ margin-top:0px;}
	.news_b .news_l li{ padding:10px 0px;}
	.news_b .news_l li .time{ max-width:100px;}
	.news_b .news_l li .time .date{ font-size:24px;}
	.news_b .news_l li .time .year{ font-size:12px;}
	.news_b .news_l li .content{ max-width:calc(100% - 120px);}
	.news_b .news_l li .content .title{ margin-top:10px; font-size:15px;}
	.news_b .news_l li .content .text{ font-size:12px; margin-top:5px;}
	
	.url .content{ max-width:100%; margin-top:8px;}
	.foot_l .contact>div{ max-width:100%; display:flex; justify-content:center;}
	.foot_l .contact .picture{ display:block; float:none; margin:0px; border:0px; height:auto; width:auto; line-height:normal;}
	.foot_l .content{width:auto; text-align:center; margin-top:10px; margin:0px;}
	.foot_l .content p:nth-of-type(1){ display:none;}
	.foot_l .content p:nth-of-type(n+2){ display:inline-block; margin:0px 5px;}
	.foot_l .series{ text-align:center;}

	footer.footer{ padding:20px 0px 100px 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;}
	.page.pageText .content{ padding:20px 2%;}
	.page .page_next{ margin-top:20px;}
	.page .max{ padding-bottom:0px; margin-top:10px;}
	.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;}
	.list .page_case li{ max-width:49%; margin-right:0px !important;}
	.list .page_case li:nth-of-type(even){ float:right;}
	.list .page_case li .picture img{ height:160px;}
	.page_list{ margin:30px auto;}
	.list{padding-bottom:0px;}
	.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:6px;}
	.page_message{ padding-bottom:20px; margin-top:0px;}
	.page_message form .line{ max-width:100% !important;}
	section.page_column{ padding:30px 0px 10px 0px}
	.page_column .often{ padding:0px;}
}
@media (max-width: 375px){
	header{ padding:22px 2% 24px 2%;}
	.header{ padding:15px 2%; box-sizing:border-box;}
	.header .logo{ margin-top:3px;}
	.phone_banner .banner, .phone_banner .banner li img{ height:180px;}
	.banner li img,.banner{ height:180px;}
	.iconnav-list:before{ font-size:35px;}
	.lef_rig span{ font-size:30px; top:calc(50% - 30px)}
	
	.case_b li{ margin:0px 40px;}

	
	.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){
	header{ padding:18px 2% 16px 2%;}
	.header .logo{ margin-top:5px;}
	.banner li img,.banner{ height:150px !important;}
}