@import url("reset.css");
/* butn */


.wrap, .footer, .nav,#banner{ clear:both; margin:0 auto;}
.wrap{ max-width:100%; position:relative; margin:0 auto;width: auto;}
.wrap ul{position: relative;text-align: center;display: flex;justify-content: flex-end;justify-content: -webkit-flex-end;}
#demo2{ display:none;}
@media (max-width:767px) {
	/*#demo1{ display:none;}*/
	/*#demo2{ display:block;}*/
	/*.wrap{ padding:0 10px;}*/
	.nav .wrap{ padding:0;}
	.clearfix2{ display:none;}
}

.header{padding:0px 0;}
.logo{ float:left; padding-left:10px;}
.headrt{ float:right; min-width:360px; font-size:0.875em; padding-top:6px;}
.headrt .txt{ float:right; text-align:right; line-height:24px;}
.headrt .txt s{ display:inline-block; background:url(../images/dot_g.png) no-repeat center; width:30px; height:5px; vertical-align:middle;}
.headrt .t_weixin{ float:right; background:#a0a0a0 url(../images/icon/t_weixin.png) no-repeat center; display:inline-block; border-radius:50%; width: 48px; height:48px; text-indent:-9999px; margin-left:20px;}
.headrt .t_weixin:hover{ background:#2378c8 url(../images/icon/t_weixin.png) no-repeat center;}

.nav{ position: relative;}
.nav li{ flex: 1; width:auto;text-align:center; position:relative;}
.nav li:first-child{margin: 0px;}
.nav li:last-child { background:none;}
.nav li>a{ display: flex;justify-content: center;
	line-height: 1.9375rem; font-size:1rem; color:#fff;padding: 0.875rem 0px;font-weight: 500;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.nav li>a:hover{background-color: rgba(255,255,255,0.3);}
.nav li:hover>a{background-color: rgba(255,255,255,0.3);}
.nav li.hover>a{background-color: rgba(255,255,255,0.3);}
.nav li i.down{background-image: url('../images/down-icon02.png');height: 1.9375rem;width: 11px;display: inline-block;background-repeat: no-repeat;background-position: center;margin-left: 0.5rem;}

.menu { display:none}
.nav li dl{ display:none;position:absolute; top: 59px; z-index:999; left: 0px;width:100%;text-align:left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);border-top: 1px solid #e56600;padding: 18px 0px;
transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.nav li:hover dl{ display: block; }
.nav li dl dd{margin: 0px 8% 0px 12%;}
.nav li dl dd a{ display:block; line-height:1.875rem; font-size:0.875rem;color: #4f4f4f;padding: 0px 0px 0px 28px;
	background-repeat: no-repeat;background-position: 0px center;background-image: url('../images/right-icon01.png');}
.nav li dl dd a:hover{ color:#ed8100;background-position: 6px center;}
.nav li dl dd a.hover{ color:#ed8100;}

@media (max-width:1450px) {
	.nav li dl dd{margin: 0px 4% 0px 8%;}
	.nav li dl dd a{padding: 0px 0px 0px 22px;}
}

@media (max-width:960px) {
	.nav{display: none;}
	.headrt { display:none;}
	.nav li{ float:none; background:none; width:auto; text-align:left; border-bottom:1px #e7e7e7 solid;}
	.nav li.hover>a{ border-bottom:none;}
	.nav li dl{ display: block;}
	.nav li:hover dl{ display: block; position: inherit; top: auto; width: auto; text-align: left; opacity: 1.0;filter: alpha(opacity=100);}
	.nav li dl dd { border-top:1px #eee dashed;}
	.nav li dl dd a{ display:block; background:#fafafa; line-height:30px;}
	.nav a{ padding:0 20px;}
	.nav li>a{ border-bottom: none;}
	.nav li>a:hover{ background:#2378c8; color:#fff;}

	.menu { float:right; background: url(../images/icon/menu02.png) no-repeat center; display: inline-block; width:40px; height:40px; text-indent:-9999px; margin: 0px 10px 0 0;}
	.menu:hover {background:rgba(0,0,0,0.1) url(../images/icon/menu02.png) no-repeat center;}
}
@media (max-width:767px) {
	.menu {margin: 0;}
	/*手机端避免出现列表内容闪现*/
	.header .wrap #menu{visibility: hidden;position: absolute;}

}
/*导航问题 :解决点击出现闪现的问题*/

@media (min-width: 960px){
	#menu{
		display: none;
	}
}