@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	.head_b{padding:15px 2%;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:50px;}
	
	nav.nav{ position:absolute; float:left; z-index:20; height:0px; overflow:hidden; top:0px; right:0px;width:100%; margin:0px; background:none;}
	.nav ul{max-width:40%; float:right;background:rgba(16,72,142,0.80); }
	.nav ul li{ float:left; max-width:100%; width:100%; text-align:center;}
	.nav ul li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;height:60px;}
	.nav>ul>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.nav li a{ font-size:16px;}
	.dh{ display:block; color:#fff;}
	
	.banner li img{ height:360px;}
	.lef_rig span{ width:35px !important; top:calc(50% - 40px) !important;}
	
	.pro_l{ display:none;}
	.pro_r{ max-width:100%;}
	
	section.products{ padding:60px 0px;}
	.pro_r li img{ height:162px;}
	.pro_r li .title{ font-size:14px;}
	.adv_b div{ max-width:calc(100% / 3); margin-bottom:20px;}
	.adv_b div:last-child{ display:none;}
	
	.about_b .picture{ max-width:100%;}
	.about_b .content{ max-width:100%;}
	.about_b .content .more{ text-align:center;}
	.about_b .content .more a{ float:none; display:inline-block;}
	
	.news_b li{max-width:49%; margin-right:0px;}
	.news_b li:nth-of-type(even){ float:right;}
	.footer_b .fttext .address{ max-width:100%; width:100%;}
	.footer_b .contact{ max-width:100%; margin-top:20px;}
	.footer_b .ftnav{ display:block; text-align:center;}
	.footer_b .ftnav .logo{ max-width:100%; margin-bottom:20px;}
	.footer_b .ftnav ul{ max-width:100%;}
	
		
	.pro_l{ display:none;}
	.page_r{ width:100%;}
	
	.head_line .text{ display:none;}
	.head_b .code img{ display:none;}
	
	
}
@media (max-width: 425px){
	.head_b{padding:20px 2%;}
	.head_line .max *{padding:8px 0px}
	.header .contact{ display:none;}
	.header .nav ul li a{ line-height: 40px; height:40px;}
	.header .logo img{ height:35px;}
	.iconnav-list:before{ font-size:45px;}
	.banner li img{ height:200px;}
	.lef_rig{ display:none;}
	
	.hot_search{ display:block;}
	.hot_search .hot{max-width:100%;}
	.hot_search .search{ display:none;}
	
	.pro_r li{ max-width:49%; margin-right:0px;}
	.pro_r li:nth-of-type(even){ float:right;}
	.pro_r li:nth-of-type(n+5){ display:none;}
	section.products{ padding:30px 0px;}
	.pro_r .pro_title span{ font-size:18px;}
	.pro_r .pro_title span{ max-width:100px;}
	
	.adv{ padding:30px 0px;}
	.adv_b div .picture{min-height:90px; height:90px; line-height:90px !important; font-size:35px !important;}
	.adv_b div .title{ font-size:18px;}
	.adv_b div:nth-of-type(n+4){ display:none;}
	
	.often{ margin:25px auto}
	.often .title{ font-size:30px;}
	.often .text{ font-size:20px; margin-top:15px;}
	.news_t{margin-top:0px;}
	
	.case_b .title{ font-size:14px;}
	.case_b .more{ margin-top:25px;}
	.case_b li{width:380px;}
	section.case{ padding:0px 2% 25px 2%;}
	
	section.about{ padding-bottom:30px;}
	.about_b .picture{ box-sizing:border-box;}
	.about_b .picture img{ height:auto;}
	.about_b .content .more a{margin:0px 14px;}
	
	section.show{padding:20px 2%;  margin-top:0px; margin-bottom:0px;}
	.show_title{ padding-right:2%;}
	.show_b{ max-width:calc(100% - (2% + 30px));}
	.show_b li .show_title{padding:18px 0px;}
	.news_t .picture{ max-width:100%;}
	.news_t .picture img{ height:auto;}
	.news_t .content{ max-width:100%; padding:0px; padding-bottom:50px;}
	.news_t .content .title{ margin-top:15px;}
	.news_t .content .text{ margin-top:5px;}
	.news_b li{ max-width:100%;}
	.news_b li:nth-of-type(n+4){ display:none;}
	.footer_b .ftnav ul{ display:none;}
	.footer_b .ftnav .logo{ margin-bottom:0px;}
	
	footer.footer{ padding-top:30px;}
	.footer_b .fttext{padding:35px 0px;}
	
	
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:77px;}
	
	.page{ padding-bottom:25px;}
	.page_list{ margin-top:5px;}
	.page_address{ margin-bottom:15px;}
	.pro_list .page_r li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.news_list .page_r li{ max-width:100%; width:100%;}
	.news_list .page_r li span:first-child{ max-width:100%; width:100%;}
	.news_list .page_r li span:nth-of-type(2){ max-width:100%; padding:10px 2%; box-sizing:border-box;}
	.news_list .page_r li span:first-child img{ height: auto; width:100%;}
	.news_list .page_r li span:nth-of-type(2) time{ margin:5px 0px; display:block;}
	.page_odd_content form p input[type=text]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p input[type=tel]{ max-width:calc(100% - 100px) !important;}
	.page_odd_content form p textarea{ max-width:calc(100% - 100px) !important; height:100px}
	
	
}

@media (max-width: 375px){
	.head_line .max *{ font-size:12px;}
	.banner li img{ height:155px;}
	.hot_search{padding:5px 0px; display:none;}
	.head_b{ padding:15px 2%;}
	
	.show_title{ font-size:20px; margin-top:25px;}
	.about_b .content .title{ text-align:center; margin-top:20px; font-size:20px;}
	.case_b li{ width:355px;}
	.news_t .content{ padding-bottom:20px;}
	.news_b li{ padding:25px 0px;}
	.news_b{padding:40px 0px;}
	.news_t .content .more{ margin-top:20px;}
	.news_t .content .text{ font-size:12px;}
	.news_t .content .title{ font-size:18px;}
	section.url{ flex-wrap:wrap;}
	.url .title{ max-width:100%; width:100%;margin:0px; border:0px;}
	.url .content{ max-width:100%;}
	.footer_b .contact{flex-wrap:wrap;}
	.footer_b .contact .picture{ margin-left:24px;}
	.footer_b .contact .code{ max-width:100%; width:100%; margin-top:25px; text-align:center;}
	.footer_b .contact .code img{ width:auto; height:auto;}
	section.products{padding-bottom:10px;}
	.adv_b div{margin-bottom:0px;}
	.footer_b .contact{ display:block;}
	.footer_b .contact .content{ width:100%; text-align:center;}
	.footer_b .contact .content .title{ text-align:center;}
	.footer_b .contact .picture{ display:none;}



	.pro_r li{ width:100%;}
	.pro_r li img{ width:100%;}
	.news_lb li span{ max-width:75%;}
	.about_title{ margin:30px auto;}
	.pro_list .page_r li img{ height:140px;}	
	.pro_list .page_r li p{ font-size:14px; line-height:30px;}
	.news_list .page_r li span:nth-of-type(2) .content{ font-size:12px;}
	.news_list .page_r li span:nth-of-type(2) .more{ float:none; display:block;}
	
}



@media (max-width: 320px){
	.banner li img{ height:150px;}
	.about_b .content .title{ text-align:center; margin-top:20px; font-size:18px;}
	.about_b .content .text{ font-size:12px; line-height:24px;}
	.about_b .content .more a{ max-width:110px; margin:0px 2%;}
}