/***
 * 
 * header.css
 * 
 */
@media screen and (min-width: 320px) and (max-width: 991px) {
	.btn-bd-r>img{display: none;}
	.qr-box{margin-top: 30px;margin-left: 30px;}
	.qr-box p{padding-top: 5px;}
	.qr-l{float: left;text-align: center;margin-right: 10px;}
	.qr-r{float: left;text-align: center;}

	
}



@media screen and (min-width: 320px){
	.qr-l{width: 75px;}
	.qr-r{width: 75px;}
	.img-style{padding-bottom: 40%;}
	.search-box{display: none;}
	
}
@media screen and (min-width: 992px) {
	
	.search-box{position: absolute;right: 0;top: 50%;margin-top: -11px;display: block;}
		.search-box i{color: #333333;font-size: 20px;}
	
		.nav-btn{display: none;}
		.container{width: 1230px;}
		.nav-box{border-bottom: 2px solid #0053a3;height: 98px;}
		.logo{float: left; padding-top:8px;}
		.nav{float: right;padding-right: 70px;position: relative;}

		.btn-bd-r {position: absolute;right:30px;top: 50%;margin-top: -10px;cursor: pointer;}
		
		.qr-box{width: 256px;position: absolute;top: 50000px;z-index: 9; box-shadow: 0 0 6px 2px rgba(0,0,0,0.08);background: #fff;padding: 8px;border-radius: 5px;
		left:50%;margin-left: -128px;}
		.qr-ll{margin-right:5px;}
		.qr-l{float: left;}
		.qr-r{float: right;}
		.qr-box p{padding-top: 5px;color: #333333;font-size: 12px;text-align: center;}
		.qr-box .nav-two-top-sanjiao{border-bottom: solid 16px #fff; border-left: solid 16px transparent; border-right: solid 16px transparent;margin-left: -16px;margin-top: -24px;}
		.qr-show{animation: qr-show 0.3s linear; animation-fill-mode: forwards;pointer-events: auto;}
		.qr-hide{animation: qr-hide 0.3s linear; animation-fill-mode: forwards;pointer-events: none;}
		@keyframes qr-show /* Safari 和 Chrome */
		{
			from { top: 40px; opacity: 0;}
			to {top: 50px; opacity: 1;}
		}
		@keyframes  qr-hide /* Safari 和 Chrome */
		{
			from { top: 50px; opacity: 1;}
			to{top: 40px; opacity: 0;}
		}
		
		
		
}











@media screen and (min-width: 320px){
	
	

	
}
@media screen and (min-width: 992px) {
		/*
		 * 
		 * 栏目以及2级栏目
		 */
		.nav li{float: left; padding: 0 15px;position: relative;}
		.nav li a{color: #666;font-size: 16px;line-height: 98px;display: block;}
		.nav-two{position: absolute;top: -1000%;}
		.nav-two span{display: block;background: rgba(255,255,255,.9);}
		.nav-two span:nth-child(2){border-top-left-radius: 5px;border-top-right-radius:5px;}
		.nav-two {line-height: 1; z-index: 9999;width: 200px;margin-left: -100px;text-align: center;left: 50%;padding-top: 20px;border-radius: 5px;overflow: hidden;}
		.nav-two span a{line-height: 3;font-size: 14px;color: #000;}
		.nav-two-top-sanjiao{border-bottom: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent;
		position: absolute;margin-top: -8px;margin-left: -8px;left: 50%;}
		.top-nav-show{animation: top-nav-show 0.3s linear; animation-fill-mode: forwards;pointer-events: auto;}
		.top-nav-hide{animation: top-nav-hide 0.3s linear; animation-fill-mode: forwards;pointer-events: none;}
		@keyframes top-nav-show /* Safari 和 Chrome */
		{
			from { top: 78px; opacity: 0;}
			to {top: 88px; opacity: 1;}
		}
		@keyframes  top-nav-hide /* Safari 和 Chrome */
		{
			from { top: 88px; opacity: 1;}
			to{top: 78px; opacity: 0;}
		}
	.nav-ul li:hover>a{color:#fff;}
	.nav li.on a,.nav li a:hover{color: #fff;}
	.nav li  div.nav-two a{color: #000;}
	.nav li div.nav-two a:hover{color: #fff;}
	.nav li div.nav-two span:hover{background: #0053a3;}
	
	
		/*
		 * 
		 * 栏目以及2级栏目
		 */
	
	
		
		
		
		
		
		
	
	
}


@media screen and (min-width: 1400px) and (max-width:1680px){}
@media screen and (min-width: 991px) and (max-width:1480px){}
@media screen and (min-width: 991px) and (max-width:1360px){}
/***
 * 
 * header.css
 * 
 */