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

@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box; max-width:100%;}
	
	.header{ overflow:visible; padding:8px 0px 14px 0px}
	header.header{ background:none;}
	.header .logo img{ max-height:70px;}
	.iconnav-list:before{ font-size:50px; color:#fff; line-height:64px;}
	#dh{ display:block; color:#fff;}
	.pro_r ul li .picture{ height:190px;}
	.pro_r ul li .picture img{ height:180px;}
	nav{ position:absolute;  top:0px; left:0px; width:100%;}
	.nav{ position:absolute; float:left; background:rgba(0,0,0,0.75); overflow:hidden; height:0px; z-index:20;overflow:hidden; top:0px !important; 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:450px;}
	.ban_ny .banner li img,.banner{ height:450px;}
	
	.search .find{ max-width:100%;}
	.search .hotword{ display:none;}
	.pro_l{width: 100%;}
	.pro_l li{ padding:15px 0px;}
	
	section.honor{padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	.hon_b{ padding:0px !important;}
	
	.about_l{ max-width:100%;}
	.about_l img{ height:auto;}
	.about_r{ max-width:100%;}
	section.about{ padding:0px 2% 76px 2%; box-sizing:border-box;background: url(../images/ab_01.jpg) repeat-y;}
	.often{ padding-top:34px;}
	.about_r .content p{ font-size:14px; line-height:24px;}
	.news_l{ max-width:100%; margin-top:0px;}
	.about .often{padding: 34px 0px;}
	.news_l .picture img{ height:auto;}
	.news_r{ max-width:100%; margin-top:15px;}
	.footer_b .contact, .footer_b .address, .footer_b .code{width:100%; margin-bottom:10px;}
	.footer_b .code{ text-align:center; margin-top:30px;}
	.footer_b .contact *{ line-height:30px;}
	
	

	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px;}


	.list_l{ display:none;}
	.page_r{ max-width:100%; width:100%;}
	.pro_list .page_r li:first-child{ margin-left:0px;}

	
}

@media (max-width: 425px){
	.header{position:static;background:rgba(4,20,106,0.95); padding:20px 0px 26px 0px; overflow:hidden;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.pro_r .pro_show{ display:none;}
	.banner li img,.banner{ height:250px;}
	.ban_ny .banner li img,.banner{ height:250px;}
	.search .hotword span{ font-size:16px;}
	.search .hotword a{ font-size:12px;}
	.often .title{ font-size:24px;}
	.often .text{ font-size:18px;}
	
	.pro_r .pro_show .picture{ max-width:100%; height:auto;}
	.pro_r .pro_show .content{ max-width:100%; margin-top:10px;}
	.pro_r .pro_show .content .tel *,.pro_r .pro_show .content .tel{ font-size:16px !important;}
	.pro_r ul li{ max-width:49%; margin:0px; margin-bottom:10px;}
	.pro_r ul li:nth-of-type(even){ float:right;}
	.pro_r ul li .picture{ padding-top:0px; height:130px;}
	.pro_r ul li .picture img{ height:100%;}
	
	.about_r a{ float:none; display:block; margin:20px auto;}
	.news_l .title p{ font-size:18px;}
	.news_r li time{ display:none;}
	.news_r li .content{ max-width:80%; width:100%;}
	.about_r .slogan,.about_r .title{ text-align:center;}
	
	.pro_list .page_r li{ max-width:49%; margin-right:0px;}
	.pro_list .page_r li:nth-of-type(even){ float:right;}
	.pro_list .page_r li .picture img{ height:140px;}
	.page_list{ margin:20px auto;}
	.pro_list .page_r li .title{ font-size:14px;}
	.page{ padding:2px 2px 2px 2px;}
	.news_list .page_r li .picture{ max-width:100%; width:100%;}
	.news_list .page_r li .picture img{ height:auto;}
	.news_list .page_r li .content{ max-width:100%; width:100%; margin-top:20px; padding:0px 2%; box-sizing:border-box;}
	.news_list .page_r li .content .more{ float:none; display:block;}
	
	.footer_b .address .tel{ font-size:20px;}
	.footer_b .code div:first-child{ margin-left:0px;}
	.footer_b{ padding:20px 0px 42px 0px}
	.news_list .page_r li{ max-width:100%; width:100%; padding:5px 1% 15px 1%;}
	
}
@media (max-width: 375px){
	.banner li img,.banner{ height:200px;}
	.header{ padding:14px 0px 18px 0px;}
	.honor .often .title{ font-size:16px;}
	.about .often{padding:34px 0px 40px 0px;}
	.pro_list .page_r li .picture img{ height:160px}


}



@media (max-width: 320px){
}