@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}

	
	
	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */}
	.header-box{ height: 55px;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #004db2;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: -1000%; left: 10px; right: 10px; background: #fff; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 0 20px  rgba(1,78,178,.3);
	-moz-box-shadow: 0 0 20px  rgba(1,78,178,.3);
	box-shadow: 0 0 20px  rgba(1,78,178,.3);-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform: scaleY(.5) translateY(-25%); transform: scaleY(.5) translateY(-25%); opacity: 0; filter:Alpha(opacity=0); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; z-index: 9;}
	
/*	.nav:before{content: ' '; border-bottom: solid 8px rgba(255,255,255,.95); border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; right: 9px; top: -8px;}*/
	
	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-top: solid 1px rgba(128,128,128,.1);}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #000; display: block; text-align: center;}
	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px rgba(128,128,128,.5); border-left: solid 8px transparent; border-right: solid 8px transparent; opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(8px); transform: translateY(8px);}
	.nav-list li .nav-list-sub{ opacity: 0; filter:Alpha(opacity=0); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; overflow: hidden; background: rgba(128,128,128,.5); height: 0; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(255,255,255,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #004db2;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	.nav-on .bd-more{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);}
	.nav-list li .on b{ color: #004db2;}
	.nav-list li.nav-on a b{ color: #004db2;}
	
	.nav-box-bg{ position: absolute; z-index: 8; -webkit-background-size: cover;
	background-size: cover; overflow: hidden; height: 55px; left: 0; right: 0; background: #fff; }
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #ffa039; z-index: -1; position: absolute; }
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	.header-t{ display: none;}
	
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none;}
	
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #0172d1;}
	
	
	
	/*头部右上*/
	.nav-r{text-align: center; padding-bottom: 10px; padding-top: 10px; vertical-align: bottom; display: flex; justify-content: center;}
	
	.qr-box{ width: 32px; margin-right: 15px; position: relative;}
	.qr-box dt{ width: 32px; height: 32px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #f1f1f1; cursor: pointer;}
	.qr-box dt i:before{ font-size: 18px; color: #81bf33;}
	
	.qr-box dd{ background: #eee; position: absolute; left: -10000px; margin-left: 16px; padding: 5px; width: 140px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; top: 40px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; pointer-events: none;}
	.qr-box dd:before{ content: ' '; position: absolute;	left: 50%; margin-left: -6px; border-bottom: solid 6px #eee; border-left: solid 6px transparent; border-right: solid 6px transparent; top: -6px;}
	.qr-box dd img{ width: 100%;}
	.qr-box dd span{ display: block; font-size: 12px; line-height: 24px; color: #333; font-weight: bold;}
	
	.qr-show dt{ background: #81bf33;}
	.qr-show dt i:before{ color: #fff;}
	.qr-show dd{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; left: -70px; pointer-events: auto;}
	
	.search-box{display: inline-block; position: relative;}
	.search-box input{ height: 32px; width: 180px; background: none; border: solid 1px #dbdbdb; border-right: none; float: left; padding: 0 50px 0 15px; -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;}
	.search-box input:focus{/*box-shadow: 0 0 10px rgba(1,78,178,.2);*/ border-color: #004db2;}
	.search-box button{background: #f1f1f1; width: 32px; height: 32px; float: left; border: none; cursor: pointer; text-align: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: absolute; right: 0;}
	.search-box button i:before{ color: #004db2; line-height: 32px; font-size: 16px; font-weight: bold;}
	.search-box button:hover{ background: #004db2;}
	.search-box button:hover i:before{ color: #fff;}
	.header-r-bg{display: none;}
	
}


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


@media screen and (min-width: 480px) {
	.logo{ height: 75px;}
	.nav-box{ height: 75px;}
	.header-box{ height: 75px;}
	.nav-box-bg{ height: 75px;}
	.nav-show{ top: 75px;}
	.nav-btn i{ line-height: 75px; font-size: 28px; width: 30px;}
	
	
}


@media screen and (min-width: 992px) {
	
	.nav:before{display: none;}
	
	
	.nav-box{ box-shadow: none; position: relative; padding-top: 20px;}
	
	.header-box{ height: 68px; display: none;}
	
	.logo{ height: 68px; padding: 0;}
	.logo img{ margin: 0 auto;}
	.logo a{ width: 100%; height: 68px; display: block; padding: 10px 0;}
	
	
	.nav-btn{ display: none;}
	.nav-box-bg{ height: 68px; top: 0; display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0; background: #fff; -webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; padding-left: 24px; padding-right: 14px; left: auto; right: auto;}
	.nav-list{  position: relative; float: left;}

	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 68px; height: 68px; color: #000; overflow: hidden;}
	.nav-list li a{ height: 68px; line-height: 68px; padding: 0 10px; font-size: 14px; position: relative;  }
	
	.nav-list li .nav-list-sub a:after{ content: ' '; width: 1px; height: 14px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -7px;}
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #004db2; }
	.nav-list li.nav-off>a b{ color: #333;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #004db2;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); }
	.bd-more{border-bottom-color: #fff;}
	.nav-list li .nav-list-sub{ position: absolute; top: 68px; height: auto !important; opacity: 0; filter:Alpha(opacity=0);
-webkit-transform: translateY(8px) translateX(-50%);
transform: translateY(8px) translateX(-50%); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000%; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 10px; left: 50%; }
	.nav-list li .nav-list-sub:before{ content: ' '; border-bottom: solid 6px #004db2; border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; left: 50%; top: 5px; margin-left: -6px;}
	.nav-list li .nav-list-sub .nav-list-height{ float: left; padding: 10px 0; overflow: hidden; width: 100%;   background: #004db2; background: rgba(0,77,178,.75); border-top: solid 2px #004db2;}
	.nav-list li .nav-list-sub a{ padding: 0; height: auto; border: none; font-size: 14px; padding:  0 5px; text-align: center; display: block;}
	.nav-list li .nav-list-sub a:after{display: none;}
	.nav-list li .nav-list-sub a span{ text-align: center; display: block; line-height: 32px; color: #fff; position: relative; white-space: nowrap; padding: 0 15px;}
.nav-list li .nav-list-sub a:hover,.nav-list li .nav-list-sub a.on-02{ background: #fff; background: rgba(255,255,255,.8);}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #004db2;}
/*	.nav-list li .nav-list-sub a:hover span:after,.nav-list li .nav-list-sub a.on-02 span:after{ width: 100%; opacity: 1; filter:Alpha(opacity=100);}*/

	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);
-webkit-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);  top: 48px;}
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 68px; background: none; border-bottom: none; overflow: hidden; background: #004db2; display: none;}
/*	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{content:' '; opacity: 1; left: 50%; bottom: 0; border-bottom: solid 10px #004db2;  border-right: solid 10px transparent;  border-left: solid 10px transparent; margin-left: -10px; z-index: 9; -webkit-transform: none; transform: none; display: block; width: 0; position: absolute;}*/
	.nav-list li a.on i.bd-more{ display: none;}
	/*.nav-list li.nav-off  a i.bd-more{ -webkit-transform: translateY(10px); transform: translateY(10px);}*/
	
	.nav-list li.nav-on i{display: none;}
	
	
	
	/*PC二级下拉背景色*/
/*	.nav-list-sub-bg{ display: block; width: 100%; position: absolute; top: -100%; height: 34px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .9;  filter:Alpha(opacity=90); top: 80px;}*/


	/*头部右上*/
	.nav-r{ float: right; padding-top: 14px; padding-bottom: 0; padding-left: 15px;}
	.qr-box{ width: 40px; padding-bottom: 10px;}
	.qr-box dt{ width: 40px; height: 40px;}
	.qr-box dt i:before{ line-height: 40px; font-size: 20px;}
	.qr-box dd{ margin-left: 20px; top: 50px;}
	.search-box input{ height: 40px; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; width: 40px; padding: 0;}
	.search-box button{ width: 40px; height: 40px; }
	.search-box button i:before{ line-height: 40px; font-size: 18px;}
	
	.search-show button{ background: #004db2;}
	.search-show button i:before{ color: #fff;}
	.search-show input{ width: 180px; padding-right: 50px; padding-left: 15px;}
	
	.nav-list-min li a{ padding: 0 5px;}
}

@media screen and (min-width: 1240px) {
	.logo a{ padding: 0;}
	.nav-list li a{ padding: 0 20px;}
	.nav-list li a b{ font-size: 16px; font-weight: bold;}
	.header-r-bg{ margin-right: 600px;}
	
	.nav-list-min li a{ padding: 0 10px;}
}


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