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


.wrap, .footer,#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-center;width: auto;}
#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;float:right;}
.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;float: right;width: calc(100% - 350px);}
.nav li{ float:left; width:auto;text-align:center; position:relative;margin: 0px 10px;width: 110px;}
.nav li:last-child { background:none;}
.nav li>a{ display:block; line-height:22px; font-size:16px; color:#fff;font-weight: 500;
	padding: 22px 0px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.nav li>a img.white_icon{display: inline-block;max-width: 100%;}
.nav li>a img.gary_icon{display: none;max-width: 100%;}
.nav li>a p{margin-top: 6px;}
/* .nav li>a:hover{border-bottom:1px #fff solid;}
.nav li.hover>a{ border-bottom:1px #fff solid;} */
.menu { display:none}
.nav li .dl_Pingti{ display:none;}
.nav li .dl_Pingti{position: fixed;width: 100%;background-color: #359029;top: 108px;left: 0px;padding: 22px 0px;}
.nav li .dl_Pingti .right_img{position: relative;float: right;width: 54%;text-align: right;;padding: 33px 0px;border-left: 1px solid rgba(255,255,255,0.4);}
.nav li .dl_Pingti .left_menu{position: relative;float: left;width: 46%;}
.nav li .dl_Pingti .left_menu>p{color: rgba(255,255,255,0.1);font-size: 75px;line-height: 1.067;text-align: left;position: absolute;top:0px;}
.nav li .dl_Pingti .left_menu dl{margin-top: 86px;}
.nav li .dl_Pingti .left_menu dl::after{content: '';clear: both;display: block;}
.nav li .dl_Pingti .left_menu dl dd{width: 50%;float: left;text-align: left;margin-bottom: 25px;height: 40px;}
.nav li .dl_Pingti .left_menu dl dd a{display: inline-block;font-size: 18px;color: #fff;line-height: 1.333;padding: 8px 5px;
	border-bottom: 1px solid rgba(255,255,255,0.5);transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
.nav li .dl_Pingti .left_menu dl dd a:hover{border-bottom: 1px solid rgba(255,255,255,1);}
.nav li .dl_Pingti .left_menu dl dd a.hide{display: none;}
/* .nav li:hover dl{ display: block; position:absolute; top:60px; z-index:999; left: -50px;margin-left: 50%;width:100px; ;text-align:center; opacity: 0.9;filter: alpha(opacity=90);}
.nav li:hover dl dd a{ display:block; background: rgba(10,65,125,0.5); line-height:36px; font-size:14px;color: #fff;}
.nav li:hover dl dd a:hover{ background:rgba(3,120,200,0.5); color:#fff;} */
.nav li:hover .dl_Pingti{ display:block;}

@media (max-width:1150px) {
.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(../image/icon/menu02.png) no-repeat center; display: inline-block; width:40px; height:40px; text-indent:-9999px; margin:25px 10px 0 0;}
.menu:hover {background:rgba(0,0,0,0.1) url(../image/icon/menu02.png) no-repeat center;}
}

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

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