﻿@charset "utf-8";
/*common responsive*/
@media (max-width: 1440px) {
	body{min-width: 320px;}
	.container{width:1200px;}
	.header-mainNav .container{position: static;}
	.header-banner{height: auto !important;}
	.header-logo-twoRows .header-search{margin-top: 240px;}
	.header-search, .header-search .s-txt{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.header-search{width:620px; max-width: 100%; position:relative; top: auto; margin:200px auto 20px;}
	.header-search .s-txt{width: 100%;}
	.mainNav li{margin-right: 0;}
	.mainNav .nav-item{width: 14.28%;padding-right: 0;}
	.mainNav-ul-7 li{width: 14.2857%;}
	.mainNav-ul-6 li{width: 16.6666%;}
	.mainNav-ul-5 li{width: 20%;}

	.mainNav-tyjrswj li{width: 14%;}
	.mainNav-tyjrswj li.nav5{width: 16%;}

	.mainNav-hrss li{width: 13.6%;}
	.mainNav-hrss li.nav5{width: 32%;}

	.mainNav-sfj li{width: 14.4%;}
	.mainNav-sfj li.nav5{width: 28%;}
	

	.footer-links{margin: 0 -5px;}
	.footer-links dl{margin: 0 5px;}
	.footer-links dl dt{text-align: left;}
	.footer-links-7 .item{width: 25%;}
	.footer-links-6 .item{width: 33.3333%;}
	
}


@media (max-width: 1280px) {
	body{font-size: 15px;}
	.container{width:1140px;}
	.common-col-space{margin:-10px;}
	.common-col-space .grid{padding: 10px;}
	
	.mainNav-sIcon li a:before{width: 32px; height: 32px; margin: 16px 5px 16px 0; background-size: 100% auto;}
	.mainNav-sIcon li a:hover:before, .mainNav-sIcon li.on a:before{background-position: 0 -32px;}
	.mainNav-sIcon li a span{ line-height: 32px;}

}

@media (max-width: 1199px) {
	body{font-size: 14px;}
	.container{width:96%;}
	
	
}

@media (max-width: 1023px) {
	.header-iconMenu .wza{display: none !important;}
	.mainNav-sIcon li a{font-size:1.3em;}
	.mainNav-tyjrswj li.nav5 a span, .mainNav-hrss li.nav5 span{font-size:.9em;}

	.container.pt>.common-col-space{margin-top: -15px;}
	.container.pt{padding-top: 20px;}
	.common-col-sm{float: none !important; width: auto !important;}
	.common-col-space{margin-top: 0; margin-bottom: 0;}
	.common-heightAuto-sm{height: auto !important;}
	.footer-links-7 .item{width: 33.3333%;}
	.footer-links-7 .item:last-child{width: 100%;}
	.crumb{width:auto; padding: 0 2%; margin-bottom: 15px; background: #f0f0f0;}
	.crumb h2{padding-top: 15px; padding-bottom: 15px;}

	.footer-links-4 .item{float: left; width: 25%;}
	.footer-links-3 .item{float: left; width: 33.3333%;}
}

@media (max-width: 992px) {
	
	.header-logo{position: static; left: 0; top: 0; margin-left: 0; padding: 25px 0 30px;}
	.header-emblems{width:auto; padding-bottom: 10px; background: none;}
	.header-search{margin-top: 10px !important;}
	.header-mainNav{height: auto; border-bottom: none;}
	.header-mainNav .container{width:100%;}
	.mainNav{padding:12px 0; background: #355e92;}
	.mainNav li{margin-right: 0;}
	.mainNav li a{color: #fff;}
	.mainNav li a:before{display: none;}
	.mainNav li a span{padding:8px 0; line-height:20px;}
	.mainNav li{position:relative;}
	.mainNav li a:before{display: none;}
	.mainNav li: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 li:last-child:after{display: none;}
	.mainNav li a:hover, .mainNav li.on a{color: #fff; font-weight: bold;}
	.mainNav li a:after{display: none;}
	
	.mainNav .nav a{color: #fff;}
	.mainNav .nav a:before{display: none;}
	.mainNav .nav a span{line-height:34px;}
	.mainNav .nav{position:relative;}
	.mainNav .nav a:before{display: none;}
	.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-item:last-child .nav:after{display: none;}
	.mainNav .nav a:hover, .mainNav .nav-item.nav-on .nav a{color: #fff; font-weight: bold;}
	.mainNav .nav a:after{display: none;}

	.mb{margin-bottom: 20px;}
	.crumb h2{font-size: 1em;}
	
}


/* xs mobile*/
@media (max-width: 768px) {
	.mainNav li:nth-child(4):after, .mainNav li:nth-child(8):after{display:none;}
	.mainNav.mainNav-ul-5 li, 
	.mainNav.mainNav-ul-6 li{width: 33.3333%;}
	.mainNav.mainNav-ul-7 li{width:25%;}
	.mainNav.mainNav-ul-5 li.nav0, 
	.mainNav.mainNav-ul-7 li.nav0{height:68px;}
	.mainNav.mainNav-ul-5 li.nav0 a, 
	.mainNav.mainNav-ul-7 li.nav0 a{ line-height:68px;}
	.mainNav.mainNav-ul-5 li.nav0:after, 
	.mainNav.mainNav-ul-7 li.nav0:after,{height:54px; margin-top:-27px;}
	.mainNav.mainNav-ul-5 li:nth-child(3):after, .mainNav.mainNav-ul-5 li:nth-child(5):after{display:none;}
	.mainNav.mainNav-ul-5 li:nth-child(4):after{display: block;}
	.mainNav.mainNav-ul-6 li:nth-child(3):after, .mainNav.mainNav-ul-6 li:nth-child(6):after{display:none;}
	.mainNav.mainNav-ul-6 li:nth-child(4):after{display: block;}
	.mainNav.mainNav-ul-7 li:nth-child(7):after{display: none;}
	
	.mainNav .nav-item:nth-child(1) .nav a span{line-height: 68px;}
	.mainNav .nav-item:nth-child(1) .nav:after{height: 50px;margin-top: -25px;}
	.mainNav .nav-item{width: 25%;}
	.mainNav .nav-item:nth-child(4) .nav:after, .mainNav .nav-item:nth-child(7) .nav:after{display:none;}
	
	/* 6个栏目 最后一个文字很长的 */
	.mainNav.mainNav-ul-6.mainNav-sIcon li{width:25%;}
	.mainNav.mainNav-ul-6.mainNav-sIcon li.nav0{height:68px;}
	.mainNav.mainNav-ul-6.mainNav-sIcon li.nav0 a{ line-height:68px;}
	.mainNav.mainNav-ul-6.mainNav-sIcon li.nav0:after{height:54px; margin-top:-27px;}
	.mainNav.mainNav-ul-6.mainNav-sIcon li:nth-child(4):after{display: none;}
	.mainNav.mainNav-ul-6.mainNav-sIcon li.nav5{width: 50%;}

	.header-iconMenu{position:absolute; top:38px; right:0; left:0; z-index:999; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border: none;}
	.header-iconMenu .li{float: none;}
	.header-iconMenu li{float:none; display: block; border-bottom:1px solid rgba(225,225,225,.3);}
	.header-iconMenu li.split{display:none;}
	.header-iconMenu li a{padding-left: 0 !important; color:#333; background: none !important;}
	.header-iconMenu li a:hover{color:#4292f3;}
	.header-iconMenu li img{display:none;}
	.header-iconMenu li font{display:inline-block;}
	#header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
	#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:205px; transition:all .5s; }

	.header-choose-btn{position:absolute; top:11px; right:10px; z-index:9; display:block;}
	.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
	.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.header-choose-btn span:nth-child(1){top:0;}
	.header-choose-btn span:nth-child(2){top:50%;}
	.header-choose-btn span:nth-child(3){top:100%;}
	.header-choose-opened .header-choose-btn span:nth-child(1){
			top: 50%;
			-webkit-transform: translateY(-50%) rotate(-45deg);
			-ms-transform: translateY(-50%) rotate(-45deg);
			transform: translateY(-50%) rotate(-45deg);
	}
	.header-choose-opened .header-choose-btn span:nth-child(2) {
			-webkit-transform: translateY(-50%) scaleX(0);
			-ms-transform: translateY(-50%) scaleX(0);
			transform: translateY(-50%) scaleX(0);
	}
	.header-choose-opened .header-choose-btn span:nth-child(3) {
			top: 50%;
			bottom: auto;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
	}	
	
	.header-iconMenu .pullDown{display: none;}
}



@media (max-width: 640px) {
	.header-logo{padding: 30px 0;}
	.header-logo img{max-width: 90%;}
	.header-logo h1 strong{font-size:3em;}
	
	.footer-links-7 .item, 
	.footer-links-6 .item, 
	.footer-links-5 .item, 
	.footer-links-4 .item, 
	.footer-links-3 .item,
	.footer-links-2 .item{width:50%;}
	.footer-links-2 .item{float: left;}
	.footer-links-5 .item:last-child, .footer-links-3 .item:last-child{width: 100%;}

	.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: 480px) {
	
	
}

@media (max-width: 479px) {
	.mainNav-sIcon li a{font-size:1em;}
}

@media (max-width: 320px) {
	.footer-links .item{width:100% !important;}
}