@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;}
	
	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(54,54,54,0.80); z-index:20; right:0px; width:40%; overflow:hidden; display:block; margin:0px;}
	.nav.max{ padding: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:10px 0px; font-size:16px;}
	.nav>li>a:hover{ border-bottom:2px solid #fff; color:#fff;}
	.nav li:hover{ background:#0066cc;}
	.dh{ display:block;}
	
	.header{ padding-bottom:0px;}
	.header .contact{ display:none;}
	.header .logo{ max-width:80%; margin:0px;}
	.banner{ height:auto;}
	.banner li img{ height:300px;}
	
	section.products{ padding-bottom:20px;}
	.pro_b li{ max-width:49%; width:100%; margin-right:0px; margin-top:20px; padding:20px;}
	.pro_b li:nth-of-type(even){ float:right;}
	.pro_b li:nth-of-type(n+7){ display:none;}
	.pro_b li .title{ margin-top:15px;}
	#pro::before{ display:none;}
	.products .column span{ margin:10px 5px;}
	
	.area_b li{ max-width:50%;}
	.area_b li .picture{ width:100%;}
	.area_b li .picture img{ width:100%; height:300px; object-fit:cover;}
	
	.about_l{ max-width:100%;}
	.about_r{ max-width:100%;}
	.about_r img{ height:auto;}
	section.news{ padding-bottom:30px;}
	.news_l{ max-width:100%;}
	.news_l .picture img{ height:auto;}
	.news_r{ max-width:100%;}
	
	.foot_b{ display:block;}
	.foot_b .logo{ max-width:100%; text-align:center;}
	.foot_b .content{ max-width:100%; margin-top:20px;}
	.foot_b .code{ max-width:100%; text-align:center; width:100%; margin-top:20px;}
	.foot_b .code img{ float:none; display:block; margin:0px auto;}
	
	
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:107px;}
	section.url{padding:18px 2%;}
	
	.page_address{ padding-top:0px; border:0px;}
	.page_address .address{ max-width:100%; border-bottom:1px solid #eee; padding:10px 0px;}
	.page_address .page_column{ max-width:100%; margin-top:15px; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	
}
@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;}
	
	.header_line .text{ display:none;}
	.header_line .title{ max-width:100%;}
	
	.search form .line{ max-width:49%; width:100%; margin-bottom:10px;}
	.search form select{ max-width:calc(100% - 66px);}
	.search form input[type=submit]{ float:left; margin:10px auto 0px auto; width:100%; max-width:100%;}
	.search form input{ max-width:calc(100% - 66px); width:100%;}
	
	.often{ margin:20px auto;}
	.products .often{ margin-bottom:30px;}
	.often .title{ font-size:20px;}
	.often .text{ font-size:12px;}
	.products .column span{ max-width:calc(100% / 3 - 11px); float:left; font-size:12px;padding:9px 0px;}
	
	.pro_b li{padding:10px 2%;}
	.pro_b li .picture img{ height:160px;}
	.pro_b li .title{ font-size:16px;}
	
	.area_b li:nth-of-type(even) .picture{ order:0;}
	section.about{ background:none;}
	.often.ab_of{ display:none;}
	.about_l .title{ text-align:center; font-size:24px; letter-spacing:3px; margin-top:40px;}
	.about_l .text{ text-align:center;}
	.about_l li .content{ font-size:16px;}
	.about_r{ margin-top:20px;}
	
	.about_l ul{ margin-top:15px;}
	.about_l li{ max-width:50%; margin-bottom:15px;}
	.news_l .content{ padding:15px 0px;}
	.news_l .content .title{ font-size:16px;}
	.news_l .content .text{ margin-top:10px;}
	.news_r li time .date{ font-size:34px;}
	.news_r li .content .title{ font-size:18px;}
	.news_r li .content .text{ margin-top:5px;}
	.news_r li time{ max-width:80px;}
	section.url{ display:block;}
	.url .title{ max-width:100%;}
	.url .content{ max-width:100%;}
	
	
		
	
	
	.page{ padding-bottom:30px;}
	.page_pro li{ max-width:49%; margin-right:0px;}
	.page_pro li:nth-of-type(even){ float:right;}
	.page_pro li .title{ padding:10px 0px;}
	.page_pro li .picture img{ height:180px;}
	.page_news li{ display:block;}
	.page_news li .content .title{ margin-top:10px;}
	.page_news li .picture{ max-width:100%; border:0px;}
	.page_news li .picture img{ height:auto;}
	.page_news li .content{ max-width:100%; padding:0px; padding:10px; box-sizing:border-box;}
	.page_news li .time{ max-width:100%; padding-right:0px; margin-top:5px; padding:10px; box-sizing:border-box;}
	.page_news li .time time{ float:left; line-height:32px;}
	.page_news li .time .more{ transform:translateX(0); margin:0px;}
	.page_news li:hover .content{ padding:10px;}
	.page_news li .content .text{ margin-top:10px;height:auto;max-height:72px;}
	
}

@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;}
}