@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:20px 2%;}
	.header .logo img{ max-height:50px;}
	.iconnav-list:after{ font-size:50px;}
	
	.header .nav{ position:absolute; float:left; z-index:20; height:0px; overflow:hidden; top:0px; right:0px;width:100%; margin:0px; display:block;}
	.header .nav ul{max-width:40%; float:right;background:rgba(0,123,42,0.80); }
	.header .nav .nav_li{ float:left; max-width:100%; width:100%; text-align:center;}
	.header .nav .nav_li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:60px;height:60px;}
	.header .nav .nav_li a.iconfont::after{ display:none;}
	.header .nav>ul>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.header .nav li a{ font-size:16px;}
	.dh{ display:block; color:#fff;}
	#nav_select a{ color:#fff;}
	
	.banner li img,.banner{ height:360px;}
	.lef_rig span{ width:35px !important; top:calc(50% - 40px) !important;}
	
	section.service{ margin-top:0px; padding:0px;}
	.service ul li{ max-width:49%; margin-right:0px; margin-bottom:10px;}
	.service ul li:nth-of-type(even){ float:right;}
	.map{ max-width:100%;}
	.map_b{ display:none;}
	.news{ max-width:100%;}
	
	.plate_r{ max-width:100%; margin-top:20px;}
	.video .popup{ padding:20px; max-height:90%;}
	.video .popup .close{ top:-20px;}
	
	.page_column{ margin-top:0px;}
	.page_picture .picture img{ height:350px;}
	.pro_list li{ max-width:49%; margin-right:0px;}
	.pro_list li:nth-of-type(even){ float:right;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	
	
}
@media (max-width: 425px){
	header.header{ position:static; background:rgba(40,38,37,0.60)}
	.head_b{padding:10px 2%}
	
	.header .nav ul li a{ line-height: 40px; height:40px;}
	.iconnav-list:after{ font-size:45px;}
	.banner li img,.banner{ height:200px;}
	.lef_rig{ display:none;}
	
	.service ul li .text{ margin:10px auto;}
	.service ul li .picture img{ height:120px;}
	
	section.plate{ padding:30px 0px;}
	.map_t{ padding:25px 26px 20px 26px}
	
	
	
	.sj_footer{ display:block;}
	footer.footer{padding-bottom:77px;}
	
	.page_column .title{ font-size:18px;}
	.page{ padding-bottom:25px;}
	.page_list{ margin-top:5px;}
	.page_column{ padding-bottom:0px;}
	.column_list ul{ text-align:center;}
	.column_list ul li{ float:none; display:inline-block;}
	.column_list ul li a{ font-size:14px;}
	.list{ margin:15px auto 0px auto;}
	section.url{ padding:5px 0px 15px 0px;}
	.footer .support{ float:left;}
	
	.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;}
	
	
	
	.page_picture .picture img{ height:180px;}
	.news_list_img{ max-width:100%; height:auto;}
	.news_list_text{ max-width:100%; padding:10px; height:auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text p:nth-of-type(2){ height:auto;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	.news_list_img img{ object-fit:unset;}
	
	.pro_list li{ max-width:100%;}
	.pro_list li a span img{ height:auto;}

	
}

@media (max-width: 375px){
	.header .logo img{ height:35px;}
	.iconnav-list:after{ font-size:35px;}
	.header .max{ padding:15px 0px;}
	.banner li img,.banner{ height:155px;}
	.hot_search{padding:5px 0px; display:none;}
	
	.news_t .content .title{ font-size:16px;}	
	.service ul li .ser_ch{ font-size:16px;}
	.service ul li .ser_en{ font-size:12px;}
	.map_t .title_en{ font-size:18px;}
	.news li .title{ font-size:12px;}
	.news li time .date{ font-size:16px;}
	.news_t .picture{ max-width:100%;}
	.news_t .picture img{ height:auto;}
	.news_t .content{ max-width:100%; margin-top:20px;}
	.video .popup .close{ font-size:30px; top:0px;}

	.page_column .page_address{ display:none;}
	.page_column .title{ float:none; display:block; text-align:center; font-size:20px;}
	.pro_list{ margin-top:0px;}
	
	
}



@media (max-width: 320px){
	.banner li img,.banner{ 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%;}
}