@charset "utf-8";
/* CSS Document */
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
	
	.header{ padding:28px 2%; box-sizing:border-box;}
	.header.header{ background:none;}
	.header .logo{ max-width:80%;padding:0px}
	.header .logo img{ max-height:70px; height:auto;}
	.headline{ display:none;}
	.head_r{ position:absolute; background:none; max-width:100%; padding:0px; left:0px;}
	.head_r .content{ display:none;}
	.head_b{ display:block;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	#dh{ display:block; color:#fff; margin-right:0px; max-width:15%; text-align:right;}
	
	nav{ position:absolute; left:0px; width:100%; max-width:100%; margin-top:0px; z-index:9999;}
	.nav{ position:absolute; float:left; background:rgba(0,0,0,0.55); height:0px; z-index:20; top:0px !important; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important;overflow:hidden;}
	.nav .nav_column{ float:left; max-width:100%; width:100%; text-align:center; padding:10px 0px; border-bottom:3px solid transparent;}
	.nav .nav_column a{border-bottom:0px; padding:0px; color:#fff;}
	.nav:hover{ overflow:visible;}
	.nav .nav_column:hover>a{ border-bottom:0px;}
	
	.banner li img,.banner{ height:450px;}
	
	.recommend .max{ padding-left:0px !important; padding-right:0px !important;}
	.recom_l .content{ height:39px; overflow:hidden; padding:0px 1%; margin:10px 0px;}
	
	.pro_l{ max-width:100%;}
	.pro_l_title{ display:none;}
	.pro_l ul{ background:none; padding:0px;}
	.pro_l li{ max-width:25%; text-align:center;}
	.pro_l li .text{ display:none;}
	.pro_l li .title{ max-width:100%;}
	.pro_r{ max-width:100%; margin-top:10px;}
	.pro_r ul li .picture img{ height:180px;}
	.pro_r ul li .more{ font-size:12px;}
	
	.about_l{ max-width:100%;}
	.about_r{ max-width:100%; margin-top:30px;}
	.about_r .picture{ margin-top:30px;}
	.about_r .picture li{ margin:0px 90px;}
	.about_r .content{ text-align:center;}
	.about_r .content img{ width:100%;}
	
	.conta_b{ padding:40px 0px; overflow:hidden;}
	.conta_l{ display:none;}
	.conta_r{ max-width:100%;}
	
	.url .content a{ margin:2px 1%;}
	.conta_r .title{ text-align:center;}
	.conta_r .text{ text-align:center;}
	.footer div{ padding:5px 0px;}
	
	.page_l{ max-width:100%;}
	.page_r{ max-width:100%; margin-top:40px;}
	.page_news li .content .more{ margin-top:30px;}
	.page_news li .content .text{ margin-top:15px;}
	.page_news li .picture img{ height:220px;}
	.page_contact{ display:none;}
	
	
}

@media (max-width: 425px){
	footer.footer{padding-bottom:77px;}
	header.header{padding:18px 0px; box-sizing:border-box;}
	.header .logo img{ height:50px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.lef_rig{ display:none;}
	
	.banner li img,.banner{ height:200px;}
	.page_ban .banner li img{ height:200px;}

	.recommend{ margin:0px;}
	.recom_l{ max-width:100%;}
	.recom_r{ display:none;}
	
	.often{ margin:32px auto}
	.often .title{ font-size:20px;}
	.often .text{ font-size:12px;}
	
	.sj_footer{ display:block;}
	.sj_footer img{ margin:0px auto;}
	footer.footer{padding:20px 0px 77px 0px;}
	
	.pro_l li .title{ font-size:12px;}
	.pro_r ul li{ max-width:50%;}
	.pro_r ul li:nth-of-type(n+5){ display:none;}
	.about_l li{ margin-bottom:10px;}
	.about_l li:hover{ background:#fff; color:#00327e;}
	.about_r .picture li{ margin:0px;}
	.news_b li{ margin:0px 65px;}
	.url .title{ max-width:100%; border:0px; text-align:center;}
	.url .content{ max-width:100%}
	.footer span{ display:inline-block;}
	.about_l .more{ margin-left:calc((100% - 132px) / 2)}
	
	
	.page_r .page_column{ font-size:18px;}
	.page_news li .picture{ max-width:100%;}
	.page_news li .content{ max-width:100%; margin-left:0px;}
	.page_r .page_pro li{ max-width:49%; width:100%; margin-right:0px;}
	.page_r .page_pro li:nth-of-type(even){ float:right;}
	.page_r .page_pro li .picture img{ height:190px;}
	section.page{ margin-top:20px;}
	.page_r .page_pro li .title{ font-size:14px;}
	.page_list{ margin-top:25px;}
	.page_r{padding-bottom:20px;}
	



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

	.recom_l{ padding:14px 0px}
	.about_l .title{ font-size:20px; text-align:center;}
	.about_r .title{ font-size:16px;}
	section.area{ margin-top:0px; padding:30px 0px;}
	.area_b{ background:#fff; padding:20px 0px;}
	.area_l{ max-width:100%;}
	.area_l .content{ margin-top:0px;}
	.area_l .more{ margin-top:0px;}
	.area_r{ max-width:100%; margin-top:20px;}
	.area_r li{ margin:0px 60px;}
	.news_b li{ margin:0px 35px;}
	.conta_r .title{ font-size:20px;}
	.conta_r{ padding:30px 4%;}
	section.news{ padding-bottom:30px;}
	.page_r .page_pro li .picture img{ height:180px;}
	.page_r .page_pro li .title{ padding:10px 2%;}
	
	
	
}



@media (max-width: 320px){
	.pro_b li{ margin:0px 12px 20px 12px;}
	.page_r{ margin-top:10px;}
	.page_r .page_pro li .picture img{ height:160px;}

}