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

@media (max-width: 768px){
	.max{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	
	.header .max .seek{ display:none;}
	header.header .content{ display:none;}
	header.header .logo{ max-width:80%;}
	.dh{ display:block;}

	
	.nav{ position:absolute; float:left; background:rgba(1,128,57,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 ul{ padding:0px !important;}
	.nav ul li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px; margin:0px;}
	.nav ul li a{ color:#fff; float:left; width:100%; max-width:100%; border-right:0px; padding:15px 0px; font-size:16px;}
	.nav ul li a:hover{ border-color:#fff; background:#fff; color:#333;}
	
	.banner li img,.banner{ height:350px;}
	.phone_banner .banner,.phone_banner .banner li img{ height:350px;}
	.often{margin:40px auto;}
	
	.header{ padding-bottom:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	
	.pro_l{ max-width:100%; border:0px;}
	.pro_l .pro_title{ background:none; color:#333;}
	.pro_l .pro_title p{ color:#333;}
	.pro_l ul{ padding:0px;}
	.pro_l ul li{ max-width:calc(20% - 8px); margin:5px 10px 5px 0px; width:100%; float:left; overflow:hidden;}
	.pro_l ul li:nth-of-type(5n){margin-right:0px; width:100%; float:left; overflow:hidden; padding:0px;}
	.pro_l ul li a{ text-align:center; padding:0px;}
	.pro_r{ max-width:100%;}
	.pro_r ul li .picture img{ height:180px;}
	.tradem_t .content .title{ font-size:22px;}
	.tradem_t .content .intro .text{ display:none;}
	.tradem_t .content .intro .contact{ max-width:100%; width:100%;}
	.tradem .trademTitle .text{ padding-right:0px; text-align:center; font-size:20px;}
	.tradem .trademTitle .title{ padding:0px; text-align:center;}
	.tradem_b{ margin-left:0px;}
	.tradem_b>li{ padding:30px 0px 55px 0px;}
	.tradem_b>li .picture{ display:none;}
	.tradem_b>li .content{ max-width:100%;}
	.about{ padding:30px 2%; box-sizing:border-box;}
	.about_b .picture{ max-width:100%;}
	.about_b .content{ max-width:100%;}
	section.news{ display:block; padding:42px 2%; box-sizing:border-box;}
	.news_b{ max-width:100%;}
	.problem{ max-width:100%; margin-top:10px;}
	footer.footer{ padding-bottom:180px;}
	.footer_b{ display:block; margin-top:0px;}
	.footer_b .logo{ max-width:100%;}
	.footer_b .contact{ max-width:100%; border:0px;}
	.footer_b .contact p{ text-align:center;}
	.footer_b .code{ max-width:100%;}
	.footer_b .code .content p{ text-align:center;}
	.footer_b .code .content{ max-width:100%; float:none; display:block;}
	.footer_b .code .picture{ float:none; margin-top:10px; display:block;}
	
	.sj_footer{ display:block;}


	
	.list_l{ display:none;}
	.list_r{ max-width:100%;}
	
	.page_news li .picture{ width:100%; max-width:100%; }
	.page_news li .picture img{height:auto;}
	.page_news li .content{ max-width:100%;}
	.page_news li .content .title{ line-height:24px; padding:8px 0px;}
	.page_products ul li{ max-width:49%; margin:0px;}
	.page_products ul li:nth-of-type(even){ float:right;}
	.page_products ul{ justify-content:space-between;}
	
	
}
@media (max-width: 425px){
	.header .logo .content{ display:none;}
	.header .logo .picture img{ max-height:70px;}
	.banner li img{ height:200px;}
	.lef_rig span img{ height:50px;}
	.lef_rig span{ top:calc(100% - 50px);}
	.iconnav-list:before{ font-size:40px;}
	
	.roof .roof_r{ display:none;}
	.roof .roof_l{ max-width:100%;}
	
	.pro_l ul{ display:flex; flex-wrap:wrap;}
	.pro_l ul li{ max-width:calc(25% - 8px); margin-right:10px !important;}
	.pro_l ul li:nth-of-type(4n){margin-right:0px !important;}
	.pro_l ul li a{ height:100%; display:flex; align-items:center; justify-content:center;}
	.pro_r ul li{ max-width:49%; width:100%; margin-right:0px;margin-top:24px;}
	.pro_r ul li:nth-of-type(even){ float:right;}
	.pro_r ul li .picture img{ height:150px;}
	.often .intro{ font-size:14px;}
	.case_b ul li{ width:300px; margin:0px 60px;}
	.case_b ul li .picture img{ height:200px;}
	.tradem_t .picture{ display:none;}
	.tradem_t .content{ max-width:100%;}
	.tradem_t{ background:#019b4c; padding:20px 0px;}
	.tradem_t .content .title{ text-align:center; padding:0px;}
	.tradem_t .content .intro .text{ display:block; max-width:100%; width:100%; text-align:justify; text-align:center; font-size:16px;}
	.tradem_t .content .intro .contact{ margin-top:20px;}
	.tradem_t .content .intro .contact .icon{ max-width:100%; width:100%; text-align:center;}
	.tradem_t .content .intro .contact .icon img{ float:none; display:block;}
	.tradem_t .content .intro .contact .tel{ max-width:100%; width:100%; text-align:center; margin-top:10px;}

	.tradem_b>li .number{ width:100%; background-size:auto;}
	.tradem_b>li .intro{ max-width:100%;}
	.tradem_b>li .title{ text-align:center;}
	.tradem_b>li .intro .text{ text-align:center; margin-top:30px;}
	.tradem_b>li .icon{ display:none;}
	.news_b dd .news_l{ max-width:100%;}
	.news_b dd .news_r{ max-width:100%; margin-top:20px;}
	.tradem_b>li ol{ margin-top:20px; float:left; width:100%;}

	
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:77px;}
	
	.page{ margin:20px auto;}
	.page_intro .title{ font-size:20px;}
	.list_intro span{ display:block; width:100%;}
	section.url{background:#363636;}
	.news_b li .content{ padding-right:2%; max-width:calc(100% - 82px);}
}
@media (max-width: 375px){
	.pro_b li .picture img{ height:150px;}
	
	.work_b li{ width:346px; margin:0px 14px;}
	.work_b li .picture img{ height:280px;}
	.work_b{ height:333px;}
	
	.page_products ul li .picture img{ height:160px;}
	
	
	footer.footer{padding-bottom:77px;}
	.lef_rig span{ top:calc(50% - 25px) !important;}
	
}
@media (max-width: 320px){
	.banner li img{ height:150px;}
	.page_products ul li{ max-width:100%;}
	.page_products ul li .picture img{ height:auto;}
}