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

@media (max-width: 1400px){
	.header{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
}
@media (max-width: 768px){
	.max{ padding-left:2% !important; padding-right:2% !important; box-sizing:border-box; max-width:100%;}
	
	header{ position:static;}
	.header{padding-top:8px;}
	.header .logo{ max-width:80%;}
	.header .logo img{ max-height:70px;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	#dh{ display:block; color:#fff;}
	
	nav{ position:absolute;  top:0px; left:0px; width:100%; max-width:100%;}
	.nav{ position:absolute; float:left; background:rgba(0,0,0,0.55); overflow:hidden; height:0px; z-index:20;overflow:hidden; top:0px; 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;}
	
	section.about{ padding-bottom:30px;}
	.about_l{ max-width:100%;}
	.about_r img{ height:auto;}
	.about_r{ max-width:100%; margin-top:10px;}
	.about_l .content *{ font-size:14px; line-height:24px;}
	.page_odd_content p{ font-size:14px; line-height:24px;}
	.life_b li{max-width:49%; margin-right:0px;}
	.life_b li:nth-of-type(even){float:right;}
	.life_b li:nth-of-type(n+5){ display:none;}
	.dil_b li .content{ max-width:calc(100% - 60px); max-height:calc(100% - 60px); left:0px;right:0px; top:0px; bottom:0px; margin:auto;}
	
	
	.news_l{ max-width:100%;}
	.news_l .picture img{ height:auto;}
	.news_r{ max-width:100%; margin-top:15px;}
	.url .title{ max-width:100%;}
	.footer_b .contact, .footer_b .address, .footer_b .code{ max-width:100%; margin-bottom:10px;}
	.footer_b{ display:block; width:100%; max-width:100%;}
	.footer_b .column{width:100%; max-width:100% !important; padding:0px; border:0px; margin-bottom:10px;}
	.footer_b .column ul{ float:left; max-width:100%; width:100%; margin-top:5px;}
	.footer_b .column ul li{ float:left; margin-right:10px;}
	.footer_b .contact{ max-width:100%; padding:0px;}
	.footer_b .contact .tel{ margin-top:10px;}
	
	

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


	section.news{ padding-bottom:20px;}
	.news_l{ max-width:100%; padding-bottom:40px;}
	
	.footer .code{ display:none;}
	.head_line .text{ display:none;}
	
	
	.page_r{ max-width:100%; width:100%;}
	.page{ padding-bottom:30px; margin-top:0px;}
	.page_l{ display:none;}
	.page_address.list{ margin-bottom:25px;}

	
}

@media (max-width: 425px){
	.page_ban .banner li img{ height:250px;}
	.header{overflow:hidden;}
	.header .logo img{ max-height:40px;}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.dh{ line-height:normal; height:auto;}
	.page_address .page_column{ display:none;}
	.page_address{ text-align:left;}
	.banner li img,.banner{ height:250px;}
	.often{ padding:35px 0px;}
	.often .title{ font-size:18px;}
	.often .text{ font-size:12px;}
	.often .intor{ font-size:12px;}
	
	section.life{ padding-bottom:22px;}
	.life .column span{ max-width:calc(100% / 3); min-width:auto; margin:0px; margin-bottom:7px;}
	.life_b{ margin-top:20px;}
	.life_b li .picture img{ height:170px;}
	.life_b li .title{ padding:12px 0px;}
	
	.dilkas .cloumn span{ margin:5px auto; font-size:16px;}
	.dil_b{margin-top:25px;}
	.dil_b li .content .title{ font-size:20px;}
	.dil_b li .content .text{ font-size:14px;}
	

	
	.news_l li .content .title{ font-size:16px}
	.news_l li .number{padding-left:12px; text-align:right;}
	.news_l li .content{padding-right:22px;}
	.news_l li .number .year{ display:none;}
	.news_l li .number .more{ margin-top:20px;}
	.news_r .title{ font-size:18px;}
	
	.footer_b .contact .title{ font-size:16px;}
	.footer_b{ padding:20px 0px 42px 0px;}
	
	.page_address{ padding:0px;}
	.news_list .page_r li .picture{ max-width:100%;}
	.news_list .page_r li .content{ max-width:100%; margin-top:15px;}
	.news_list .page_r li .picture img{ height:220px;}
	.news_list .page_r li .content .title{ color:#333;}
	.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 img{ height:170px;}
	
}
@media (max-width: 375px){
	header{ padding:22px 2% 24px 2%;}
	.header{ padding:0px;}
	.header .logo{ margin-top:3px;}
	.banner li img,.banner{ height:180px;}
	.iconnav-list:before{ font-size:35px;}
	.about .often{padding:34px 0px 40px 0px;}
	.page_address{ padding:0px; margin-bottom:15px;}
	.page_address .page_column{ font-size:18px;}
	.page_odd_title{margin:10px 0px 20px 0px; font-size:18px;}
	.news_r .picture img{ height:auto;}
	

}



@media (max-width: 320px){
	header{ padding:18px 2% 16px 2%;}
	.header .logo{ margin-top:5px;}
	.banner li img,.banner{ height:150px !important;}
}