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


.wrap, .footer, .nav,#banner{ clear:both; margin:0 auto;}
.wrap{ max-width:100%; position:relative; margin:0 auto;}
#demo2{ display:none;}
@media (max-width:800px) {
/*#demo1{ display:none;}*/
/*#demo2{ display:block;}*/
.wrap{ padding:0 10px;}
.nav .wrap{ padding:0;}
.clearfix2{ display:none;}
}

.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 li{ float:left; text-align:center; position:relative;}
.nav .wrap>ul{display: flex;justify-content: flex-end;}
.nav .wrap>ul>li{text-align: center;width: 125px;}
.nav .wrap>ul>li:nth-child(1){width: 90px;}
.nav li:last-child { background:none;}
.nav li>a{text-decoration: none; display:inline-block;font-size:16px; color: #000;line-height: 42px;font-weight: bold;}
.nav li>a:hover{color:#333333;}
.nav li.hover>a{ color:#333333;border-bottom: 2px solid #333333;}
.nav li:nth-child(1).hover>a{color:#000;border-bottom: 4px solid #ff3500;}
.nav li:nth-child(2).hover>a{color:#000;border-bottom: 4px solid #ff3500;}
.nav li:nth-child(3).hover>a{color:#000;border-bottom: 4px solid #ffa600;}
.nav li:nth-child(4).hover>a{color:#000;border-bottom: 4px solid #75b00a;}
.nav li:nth-child(5).hover>a{color:#000;border-bottom: 4px solid #00846f;}
.nav li:nth-child(6).hover>a{color:#000;border-bottom: 4px solid #005897;}
.nav li:nth-child(7).hover>a{color:#000;border-bottom: 4px solid #ff3500;}
.menu { display:none}
.nav li dl{min-width:120px;width: 100%;left:50%;transform: translate(-50%,0px);background-color: #fff;z-index: 5;line-height: 30px;display: none;position: absolute;border: 1px solid rgb(229,229,229);}
.nav li dl dd{position: relative;width: 100%;}
.nav li dl dd a{color: #666666;text-decoration: none;height: auto;margin-left:15px;}
.nav li:hover dl{ display: block;z-index:59;top: 46px;}
.nav li:hover dl dd a{ display:block;  line-height:40px; font-size:15px;text-align: left;}
.nav li:hover dl dd a:hover{ color:#333333;margin-left: 20px;transition: all 0.8s;}
/*---横线滑动---*/
#nav li:nth-child(1) .fu{width: 0px;height: 4px;background-color:#ff3500;}
#nav li:nth-child(2) .fu{width: 0px;height: 4px;background-color:#ff3500;}
#nav li:nth-child(3) .fu{width: 0px;height: 4px;background-color:#ffa600;}
#nav li:nth-child(4) .fu{width: 0px;height: 4px;background-color:#75b00a;}
#nav li:nth-child(5) .fu{width: 0px;height: 4px;background-color:#00846f;}
#nav li:nth-child(6) .fu{width: 0px;height: 4px;background-color:#005897;}
#nav li:nth-child(7) .fu{width: 0px;height: 4px;background-color:#ff3500;}
#nav .wrap .clearfix li>a{position: relative;}
#nav .wrap .clearfix li>a .fu{position: absolute;bottom: -4px;left: 0px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
#nav .wrap .clearfix li>a:hover .fu{width: 100%;}


@media (max-width:800px) {
.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/menu.png) no-repeat center;background-size: 30px 30px; display: inline-block; width:30px; height:30px; text-indent:-9999px; margin:5px 0px 0 0;}
.menu:hover {background: url(../images/icon/menu.png) no-repeat center;background-size: 30px 30px;width:30px; height:30px; }
}

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

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