@media screen and (min-width: 320px) {
	.nav-box{ height: 55px; position: absolute; width: 100%; z-index: 99;  /*box-shadow: 0 0 5px rgba(0,0,0,.2);*/ }
	
	.header-box{ background: -webkit-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)); 
  background: -o-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,0)); position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 70px; pointer-events:none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 0; padding: 10px 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: #fff;}
	.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: 0; right: 0; background: #f7f7f7; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
	box-shadow: 0 0 10px rgba(0,0,0,.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: 6px; border-bottom-right-radius: 6px; overflow: hidden;}
	
	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom: solid 1px rgba(0,0,0,.1);}
	.nav-list li:nth-last-of-type(1){border: none;}
	.nav-list li a{ display: block;}
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #666; display: block; text-align: center;}
	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px #f4f4f4; 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: #f4f4f4; 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(0,0,0,.1); color: #666; 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: #b14f22;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.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: #b14f22;}
	.nav-list li.nav-on a b{ color: #b14f22;}
	
	.nav-box-bg{ position: absolute; z-index: 8; -webkit-background-size: cover;
	background-size: cover; overflow: hidden; height: 55px; left: 0; right: 0; background: none; }
	
	.nav-btn-bg,.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 43px; background: #b14f22; z-index: -1; position: absolute; border-top-left-radius: 4px; border-top-right-radius: 4px;}
	.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	.header-t{ display: none;}
	
	
	
	/*--右上内容--*/
	.header-r{padding: 15px; margin: -10px -15px 0 -15px; background: #eee; background: rgba(50,50,50,.1);}
	
	.search{ padding-right: 1px; position: relative;}
	.search-inp{ width: 100%; padding: 0 40px 0 15px; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; height: 30px; border: none; line-height: normal; background: #ddd; background: rgba(255,255,255,.9); color: #666;}
	/*.search-inp:focus{ background: #eee; background: rgba(255,255,255,.8);}*/
	.search-btn{ width: 40px; height: 30px; position: absolute; right: 0; top: -5px; background: none; -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; border: none; cursor: pointer;}
	.search-btn i{ color: #b14f22;}
	.search-btn:hover i{ color: #b14f22;}
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none;}
	
	.header-btn{}
	.header-btn li{ width: 33.3333%; float: left; color: #666; text-align: center; position: relative;}
	.header-btn li i{ font-size: 22px; line-height: 30px; float: left; padding-right: 5px;}
	.header-btn li div{display: inline-block; overflow: hidden;}
	.header-btn li a{ color: #666; line-height: 30px;}
	.header-btn li span{ line-height: 30px; float: left;}
	.header-btn li dt{ display: inline-block; cursor: pointer;}
	.header-btn li i.long-more{ border-top: solid 5px #666; border-left: solid 5px transparent; border-right: solid 5px transparent; float: left; margin-top: 12px; height: 0; width: 0; overflow: hidden; line-height: 0; padding: 0; margin-left: 5px;}
	.header-btn li dl{}
	.header-btn li dd{ border-top: solid 2px #b14f22; position: absolute; left: 0; right: 0; top: -1000%; background: #000; background: rgba(0,0,0,.95); z-index: 2; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
	
	.header-btn li dd a{ color: #fff; line-height: 30px; display: block;}
	.header-btn li dd a:hover{ background: #b14f22;}
	.header-btn li dd a.on{ background: #b14f22;}
	
	.header-btn li dd.show{ top: 30px;  -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
	
	.header-btn li .header-official dd{left: -15px; right: -15px;}
	.header-btn li .header-official dd{ padding: 5px; background: #fff; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
	-moz-box-shadow:  0 2px 10px rgba(0,0,0,.2);
	box-shadow: 0 2px 10px rgba(0,0,0,.2);}
	.header-official dd img{ width: 100%;}
	.header-official dd span{ line-height: 20px; text-align: center; color: #666; display: block; width: 100%; padding-top: 5px;}
	.header-bgc{ }
	
	.nav-box-02{position: relative; background: #fff;}
	.header-box-02{display: none;}
	
	.nav-t{display: none;}
	.nav-box-02 .nav-box-bg{ background: #fff;}
	.nav-box-02 .nav-btn i{ color: #b14f22;}
}


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


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


@media screen and (min-width: 992px) {
	.nav-box{ height: 110px;  box-shadow: none;}
	.logo{ height: 110px; padding: 30px 0 0 0;}
	.logo img{ margin: 0 auto;}
	.logo a{ width: 100%; height: 80px; display: block;}
	.header-box{ height: 130px; background: -webkit-linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0)); 
  background: -o-linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0)); }
	.nav-btn{ display: none;}
	.nav-box-bg{ height: 110px; }
	.nav{ float: right; top: 0; 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;}
	.nav-list{ position: relative; float: right; padding-top: 80px;}
	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list li{ float: left; border-bottom: none; position: relative;  }
	
	.nav-list{ margin-right: -6px;}
	.nav-list li a b{ line-height: 40px; height: 40px; color: #fff; font-size: 14px;}
	.nav-list li a{ height: 40px; line-height: 40px; padding: 0 6px; font-size: 14px; position: relative;  }
	
	.nav-list li.nav-on>a b{ color: #b14f22;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #b14f22;}
	.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: 100px; height: auto !important; opacity: 0; filter:Alpha(opacity=0);
-webkit-transform: translateY(8px);
transform: translateY(8px); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000%; left: -25px; right: -25px; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; background: #000; background: rgba(0,0,0,.5); border-top: solid 2px #b14f22;}
	.nav-list li .nav-list-sub .nav-list-height{padding: 0 ; overflow: hidden;}
	.nav-list li .nav-list-sub a{ padding: 0; line-height: normal; height: auto; border: none; font-size: 14px; width: 100%; text-align: center;}
	.nav-list li .nav-list-sub a:after{ background: #666;}
	.nav-list li .nav-list-sub a:nth-last-child(1):after{ display: none;}
	.nav-list li .nav-list-sub a span{ text-align: center; display: block; line-height: 36px; color: #fff; position: relative;}
	.nav-list li .nav-list-sub a span:after{content: ' '; position: absolute; width: 0; height: 2px; background: #b14f22; overflow: hidden; left: 0; bottom: 0; opacity: 0; filter:Alpha(opacity=0);}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ background: #b14f22; color: #fff;}

	.nav-list li.nav-off a b{ color: #fff;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);
-webkit-transform: none;
transform: none;  top: 40px;}
	
	.nav-btn-bg, .nav-btn-bg-02{ height: 40px; background: none; border-bottom: none;}
	
	.nav-list li.nav-on i{display: none;}
	
	/*--右上内容--*/
	.header-r{display: block; float: right; margin: 0; background: none; padding: 28px 0 0 0;  position: absolute; right: 0; top: 0; z-index: 2;}
	
	
	.search{ float: left; margin-top: 0; margin-right: 0; position: relative; width: 210px; height: 36px; overflow: hidden;}

	.search-inp{ height: 36px; border: none; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; padding-left: 20px; padding-right: 46px; font-size: 14px; width: 100%; -webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; background: #747676; color: #fff;}
	.search-btn{ width: 46px; height: 36px; background: none; }
	.search-btn i:before{ font-size: 16px; line-height: 36px;color: #fff;}
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; width: 100%; position: absolute; top: -100%; height: 50px; width: 100%; left: 0; background: #000; opacity: 0;  filter:Alpha(opacity=0);}
	.nav-list-sub-bg-show{ opacity: .8;  filter:Alpha(opacity=80); top: 80px;}
	
	.header-t{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 9; background: #b14f22; background: rgba(179,0,10,.6); height: 41px; line-height: 41px;}
	.header-tl{ line-height: 41px; font-size: 12px; color: #fff;}
	
	body{ background-position: center 282px; -webkit-background-size: auto;
	background-size: auto;}
	
	
	.header-btn{float: left; padding-right: 15px;}
	
	.header-bgc{ height: 140px;}
	.header-btn li{ width: auto; padding: 0 10px;}
	.header-btn li a{ color: #666; line-height: 36px;}
	.header-btn li i{ line-height: 36px; color: #fff;}
	.header-btn li span{ line-height: 36px; color: #fff;}
	.header-official dd span{ color: #666;  line-height: 20px;}
	.header-btn li a:hover i:before{ color: #b14f22;}
	.header-btn li a:hover span{ color: #b14f22;}
	
	.header-btn li dd.show{ top: 36px;}
	
	.header-btn li i.long-more{ border-top-color: #fff; margin-top: 17px;}
	
	.nav-box-02 .nav-box-bg{ background: none;}
	.nav-t{ background: #b14f22; width: 100%; height: 37px; display: block; position: absolute;left: 0; top: 0;}
	
	.nav-box-02 { height: 135px;}
	.nav-box-02 .nav-box-bg{ height: 135px;}
	.nav-box-02 .header-r{ padding-top: 0;}
	.nav-box-02 .search{ padding: 6px 0;}
	.nav-box-02 .search-inp{ height: 25px; -webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px; background: #fff; color: #666;}
	.nav-box-02 .search-btn i:before{ color: #b14f22;}
	.nav-box-02.nav-box-02 .logo{ padding-top: 37px; height: 135px;}
	.nav-box-02 .logo a{ height: 98px; padding: 14px 0;}
	
	.nav-box-02 .header-btn li a:hover i:before,.nav-box-02 .header-btn li a:hover span{ color: #fff;}
	
	.nav-box-02 .nav-list{ padding-top: 37px;}
	.nav-box-02 .nav-list li a{ line-height: 98px; height: 98px;}
	.nav-box-02 .nav-list li a b{ line-height: 98px; height: 98px; color: #666;}
	.nav-box-02 .nav-list li .on b{ color: #b14f22;}
	.nav-box-02 .nav-list li.nav-off a b{ color: #666;}
	.nav-box-02 .nav-list li.nav-on>a b{ color: #b14f22;}
	.nav-box-02 .nav-list li.nav-on .nav-list-sub{ top: 98px;}
	
	.nav-box-02 .nav-list li .nav-list-sub a{ line-height: normal; height: auto;}
}


@media screen and (min-width: 1240px) {
	
	.nav-list{ margin-right: -12px;}
	.nav-list li a{ padding: 0 12px;}
	.nav-list li a b{ font-size: 18px;}
	.nav-list li .nav-list-sub{ left: -15px; right: -15px;}
}