@charset "UTF-8";
@media screen and (max-width:1350px){
	.top .nav li a{padding:0 10px 0 10px; margin:0 5px 0 5px;}
}
@media screen and (max-width:1200px){
	.top .nav{display:none;}
	.top .english{display:none;}
	.nav_x{display:block;}
	
	.nav_x{ margin-top:20px;}
	
	.i-about{background-size:auto 100%;}
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1050px){
}

@media screen and (max-width:950px){
	.photo_list li{width:31%; width:calc((100% - 48px)/3); width: -moz-calc((100% - 48px)/3); width: -webkit-calc((100% - 48px)/3); width: -o-calc((100% - 48px)/3); width: -ms-calc((100% - 48px)/3);}
	.photo_list li:nth-child(4n+4){margin-right:20px;}
	.photo_list li:nth-child(3n+3){margin-right:0;}
}
@media screen and (max-width:850px){
	.footer-box .fleft{ display:none;}
	.footer-box .fright{ width:100%; margin-left:2%; float:left;}
}

@media screen and (max-width:760px){
	.main{ width:100%; width:calc(100% - 16px); width:-webkit-calc(100% - 16px); width:-moz-calc(100% - 16px); padding:0 8px 0px 8px;}
	/*导航*/
	.nav_x{ margin-top:10px;}
	
	.top_kong{height:60px;}
	.top{width:calc(100% - 12px); width:-webkit-calc(100% - 12px); width:-moz-calc(100% - 12px);  padding:0 6px 0 6px; height:60px;}
	.top .logo{ float:left; padding:8px 0 0px 0; }
	.top .logo img{height:46px;}
	
	.bk_title{ padding:20px 0 10px 0; background-position:center 40px;}
	.bk_title a{font-size:18px;}
	.bk_title p{font-size:12px;}
	
	.i-about{background-size:100% 100%; padding:10px 0 10px 0;}
	.i-about .main .mleft{ margin:30px 0 30px 0; width:60%; width:calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); padding:20px 20px 20px 20px;}
	
	.i-about .main .mleft .mtitle{font-size:14px;}
	.i-about .main .mleft .mshuoming{ font-size:12px;}
	.i-about .main .mleft .mjianjie{ padding:15px 0 15px 0; line-height:2em; font-size:12px;}
	.i-about .main .mleft .mmore{ padding:10px 0 10px 0;}
	
	.pro_ul{ width:100%; }
	.pro_ul .arrow.pre {left:2px;}
	.pro_ul .arrow.next {right:2px;}
	.pro_ul .dataitem:nth-child(odd) {background-color:#F8F9FB; border-bottom:2px solid #01479D;}
	
	.hei50{height:20px;}
	.hei40{height:18px;}
	
	
	.hengfu{height:128px;}
	.hengfu .main ul{ padding:8px 0 8px 0;}
	.hengfu .main ul li{ height:82px; font-size:12px; }
	.hengfu .main ul li p{font-size:32px;}
	
	.i-news-box .mleft{width:100%;}
	.i-news-box .mright{width:100%; margin-top:12px;}
	
	.footer-box2 .copy{width:100%; text-align:center;}
	.footer-box2 .f-nav{ display:none;}
	
	
	.weizhi div{float:left; overflow:hidden;}	
	.er_banner img{ height:180px; width:auto;}
	
	/*二级页面*/
	.news-list li .mimg{ width:100%;}
	.news-list li .mdate{ width:100px;}
	.news-list li .nr-box{width:70%; width: calc(100% - 190px); width: -moz-calc(100% - 190px); width: -webkit-calc(100% - 190px);}
	.news-list li .nr-box .mtitle a{font-size:15px;}
	
	.pre_next p{ width:100%; text-align:left;}
	.pre_next p a{text-align:left;}
	
	/*留言*/	
	.message li{ width:100%; margin:5px 0 5px 0;}
	
	.er_banner .t-title{ font-size:20px;}
	
	.kefu_right{display:none;}
}

@media screen and (max-width:740px){
	.photo_list li{width:23%; width:calc((100% - 24px)/2); width: -moz-calc((100% - 24px)/2); width: -webkit-calc((100% - 24px)/2); width: -o-calc((100% - 24px)/2); width: -ms-calc((100% - 24px)/2);}
	.photo_list li:nth-child(4n+4){margin-right:20px;}
	.photo_list li:nth-child(3n+3){margin-right:20px;}
	.photo_list li:nth-child(2n+2){margin-right:0px;}
}

@media screen and (max-width:680px){
	.er_banner .main .er_nav{display:none;}
}

@media screen and (max-width:600px){
	.job-box .mleft{ width:80%; width:calc(80% - 30px); width:-moz-calc(80% - 30px); width:-webkit-calc(80% - 30px);}
	.job-box .mcity{ display:none;}
	.job-box .mdate{display:none;}
	.job-box .mxx{width:20%;}
	
	.job-box .job-xx{ padding:20px;}
}

@media screen and (max-width:560px){

}

@media screen and (max-width:500px){
	.photo_list li{ width:100%; margin-right:0;}
}

@media screen and (max-width:461px){
	.top .logo{ width:80%;}
	.top .logo img{width:100%; height:auto;}
}
@media screen and (max-width:420px){

}
@media screen and (max-width:350px){


}