@charset "utf-8";
/* CSS Document */
@media (max-width: 1680px){
	.max{ max-width:1400px; box-sizing:border-box;}
	.cust_b li{width:330px; margin-right:20px;}
	.goodness .column ul li{ width:250px;}
	.news_b li{ width:330px; margin-right:20px;}
	.about_l .intro{ font-size:18px; margin-top:10px;}
	.about_l .content{ margin-top:30px;}
	.about_l{ margin:0px;}
	.about_b{ display:flex; align-items:center; justify-content:space-between;}
	.about_b .picture{ max-width:42%; margin:0px;}
	section.url{ padding:21px 0px}
	.foot_b .content div:nth-of-type(1){ margin-top:0px;}
	.foot_b .content{max-width:42%; width:100%;}
	.record .rec_l{ max-width:calc(100% - 300px);}
}
@media (max-width: 1450px){
	.max{ max-width:1200px;}
	.cust_b li{ margin-right:32px; width:370px;}
	.banner{height:550px;}
	.banner li img{height:550px;}
	.news_b li{ width:360px; margin-right:40px;}
	.about_l .intro{ font-size:16px;}
}
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	header{ position:static; padding:20px 0px;}
	.header .logo{ max-width:60%; margin-top:0px;}
	.header .logo img{ max-height:70px; float:left;}
	.header .contact{ float:left;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	.dh{ display:block;}

	
	.nav{ position:absolute; float:left; background:rgba(0,145,74,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;}
	.ser_b li .picture img{ height:400px;}
	.ser_b li .content{ width:100%; height:100%; max-height:100%; top:0px !important; left:0px !important;}
	.ser_b li .content .title{ text-align:center !important;}
	
	.about_b{ display:block;}
	.about_l{ max-width:100%;}
	.about_b .picture{ max-width:100%; width:100%; margin-top:30px; text-align:center;}
	
	.foot_b .logo{ max-width:100%; width:100%; border:0px;}
	.foot_b .content{ max-width:100%; width:100%; overflow:hidden; margin-left:0px; text-align:center;}
	.foot_b .code{ max-width:100%; margin-top:30px;}
	.foot_b .code div{ display:flex; justify-content:center;}
	.foot_b .code div span{ margin:0px;}
	.foot_b .code div .picture{ margin-left:30px;}
	.record .rec_l{ max-width:100%;}
	.record .rec_r{ display:none;}
	.about_l .title{ float:none; display:block; margin:0px auto; text-align:center; max-width:150px;}
	
	

	


	header.header.insert .logo{ max-width:60%; margin-top:0px; display:flex; align-items:center;}
	header.header.insert .logo .picture{ float:left; margin:0px;}
	header.header.insert .logo .picture img{ max-height:70px;}
	header.header.insert .logo .title{ float:left; width:auto; color:#fff; display:block; margin-top:0px; margin-left:20px;}
	header.header.insert .nav{position:absolute; float:left; background:rgba(0,145,74,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;}
	header.header.insert .nav li{ max-width:100%;}
	
	.sj_footer{ display:block; z-index:20;}
	footer.record{ 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: 600px){
	.header .contact{ display:none;}	
}
@media (max-width: 425px){
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.banner li img,.banner{ height:270px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:200px;}
	
	.often{ margin:30px 0px 20px 0px;}
	.often .title{ font-size:20px;}
	.often .text{font-size:18px;}
	.often .column span{ float:left; max-width:calc(100% / 3 - 22px); width:100%; font-size:16px; padding:5px 0px;}
	.goodness_b ul li .content .title p{ font-size:22px;}

	.ser_b li .content{ right:0px; padding:10px 5% 30px 5%;}
	.ser_b li .content .more{ margin-top:30px;}
	section.about{ padding-top:40px;}
	.about_l .title{ font-size:20px; max-width:100px;}
	.about_l .intro{ font-size:12px; padding:0px 2%; box-sizing:border-box;}
	
	.cust_b li{ margin:0px 18px;}
	.goodness .column ul li{ width:180px;}
	.goodness .column .switch span{ background:#199c5c;}
	.goodness_b ul li{ padding-bottom:10px;}
	.goodness_b ul li .content{ height:auto; padding:37px 5%; box-sizing:border-box; max-width:calc(100% - 20px); padding-bottom:10px; margin:10px 0px 0px 10px;}
	.goodness_b ul li:before{ max-width:100%;width:100%; height:100%;}
	.news_b li{ margin: 0px 15px;}
	.url .content{ max-width:100%; margin-top:20px;}
	.foot_b .content div span{ margin:0px; max-width:100%; width:100%; text-align:center; margin-top:20px;}
	.foot_b .content div{ margin-top:0px;}
	.foot_b .code div{ flex-wrap:wrap; width:100%; max-width:100%;}
	.foot_b .code .title{ max-width:100%; width:100%; text-align:center; order:1; margin:10px 0px 20px 0px;}
	.foot_b .code div .picture{ margin-left:0px;}

	





	
	.list .page_news li{ display:block; max-width:100%; margin-right:0px; margin-bottom:10px;}
	.list .page_news li .picture{ max-width:100%;}
	.list .page_news li .picture img{ height:auto;}
	.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:0px 0px 8px 0px;}
	.list .page_news li .content{ max-width:100%; border:1px solid #ddd;}
	.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 .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.header{ display:block; padding:7px 2%;}
	header{ padding:22px 2% 24px 2%;}
	.header{ padding:15px 2%; box-sizing:border-box;}
	.header .logo{ margin-top:3px;}
	.banner li img,.banner{ height:230px;}
	.iconnav-list:before{ font-size:50px;}
	
	
	.team_b .team_li li{ width:245px; margin-right:20px;}
	.news .news_b li{ width:348px;}
	.news .news_b li .content .title{ font-size:24px; margin-top:10px;}
	.news .news_b li .content .intro{ margin-top:10px;}
	.news .more{ padding:10px 0px;}
	.good_b li .picture{ max-width:100%; width:100%; background-size:100% 100%; height:auto}
	.good_b li .content{ width:100%; max-width:100%;}
	.news .news_b li{ width:320px;}
	.cust_b li{ width:320px;}
	.news_b li .content .time .more{ display:none;}
	.news_b li .picture img{ height:220px;}
	.news .news_b li .content .title{ font-size:20px;}
	.about_l .title{ font-size:24px; max-width:120px;}
	.often .text{ font-size:20px;}
	.often{ margin:30px 0px;}
	.goodness_b ul li .content .title p{ font-size:20px;}



	
	.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%;}
	.page_column{ float:left; width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
	.page_column a{ max-width:49%; float:left; width:100%; margin:5px 0px; padding:5px 0px;}
	.page_column a:hover{ background:#00914a; color:#fff;}
}



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