@charset "utf-8";
/*common responsive*/
@media (max-width: 1480px) {
	.mainNav .nav{padding: 0 20px;}
	.container{width: 1170px; padding-left: 15px; padding-right: 15px;}
}


@media (max-width: 1280px) {
	/* .mainNav .nav{padding: 0 15px;} */
}

@media (max-width: 1200px) {
	body{min-width: 320px;}
	
	.container{width: 970px;}
	
	.common-col-space{margin:0 -10px;}
	.common-col-space .grid{padding:0 10px;}

	.header .container{width: auto; padding-right: 0; padding-left: 0; height: auto; padding-top: 98px;}
	.header-logo{left: 2%;}
	.header-search{right: 2%;}
	.header-search, .header-search .s-txt{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header-search{width:300px; height: 32px; top: 40px; max-width: 100%; border-radius: 22px; -webkit-border-radius: 22px;}
	.header-search .s-txt{width: 100%; height:30px; line-height:30px;}
	.header-search .s-btn{height: 30px;}

	.mainNav{position:relative; bottom: auto; right: auto; background: #f2f2f2;}
	.mainNav .nav{padding:10px 0; width: 12.5%; margin: 0; text-align: center;}
	.mainNav .nav h3{padding: 0;}
	.home-body .mainNav{background: none;}
	.home-body .mainNav:before{content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(255,255,255,0.22); -webkit-background: rgba(255,255,255,0.22);}
	
}

@media (max-width: 1023px) {
	.crumb{background: #f0f0f0; margin-bottom: 30px;}
	.crumb h2{padding-top: 15px; padding-bottom: 15px;}
	.container.pt{padding-top: 20px;}
	.common-col-space>*{float: none; width: auto !important;}
	.common-col-space{margin-top: 0; margin-bottom: 0;}
	

	.footer-l, .footer-nav{float: none; width: auto;}
	.footer-logo{text-align: center;}
	.footer-icons{padding: 25px 0; }
	.footer-icons{text-align: center;}
	.footer-icons dl{margin-bottom:20px; display: inline-block;}
	.footer-nav .item{text-align: center;}
	.footer-icons .links{margin: 0 auto;}

}

@media (max-width: 992px) {
	.mb{margin-bottom: 60px;}
	.crumb h2{font-size: 1em;}
	.container{width: 750px;}
}

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

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



/* xs mobile*/
@media (max-width: 768px) {
	.container{width: auto;}
	
	.header-logo{position: static; padding: 25px 2%; text-align: center;}
	/* .header-logo img{margin: 0 auto; max-width: 90%;} */
	.home-body .header{position: static;}
	.home-body .header-logo h1{color: #004fb9;}
	.home-body .header-logo h2{color: #868686;}
	.home-body .header:after{display: none;}
	.header .container{padding-top: 0;}
	.header-search{position: relative; width: 90%; top:auto; margin: 0 auto 25px; background: #f9f9f9; border-color:#e3e3e3}
	.mainNav{background: #134999 !important;}
	.mainNav .nav h3 a{color: #fff;}
}


@media (max-width: 767px) {
	.newsList h4{padding-top: 10px; padding-bottom: 10px; font-size: 1em;}

}


@media (max-width: 640px) {
	.mainNav{padding: 12px 0;}
	.mainNav .nav{padding: 0;}
	.mainNav .nav h3 a{padding:8px 0; line-height:20px;}
	.mainNav .nav{position:relative; width: 25%;}
	.mainNav .nav:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
	.mainNav .nav:last-child:after{display: none;}
	.mainNav .nav h3 a:hover, .mainNav .nav.on h3 a{color: #fff; font-weight: bold;}
	.mainNav .nav:nth-child(4):after, .mainNav .nav:nth-child(8):after{display:none;}
	.mainNav .nav ul{display: none !important;}

	.alert-warning{left:2%;margin-left:0; width: 96%; height: auto;}	
	.alert-wzsm{width: 90%;height: auto;margin: 15px auto 0; line-height: 28px;font-size: 18px;color: #000;text-align: center; }
	

}

@media (max-width: 580px) {
	.footer-nav .item{float: none; width: 100%; min-height: 40px; position: relative;}
	.footer-nav .item h3{position: absolute; left: 0;}
	.footer-nav .item ul{margin-left: 65px; overflow: hidden;}
	.footer-nav .item ul li{float: left; margin-right: 8px;}
}


@media (max-width: 480px) {
	.common-more{width: 120px; height: 42px; line-height: 42px;}
	
}

@media (max-width: 479px) {
	.newsList li h4{padding-right:0 !important;}
	.newsList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
	.newsList li h4 .time{position:static !important;}
}

@media (max-width: 375px) {

}

@media (max-width: 320px) {
	.header-logo h2{font-size: 1em;}
	
}