/*---------------------------------//top导航-----------------------------------*/



#header:after,.navMain:after,.topMain:after,.navbox:after{ content:"";display: block;clear:both;}
#header { width:100%; box-sizing: border-box;
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    z-index: 111;
    background:#070707 /* rgba(0, 0, 0, 0.26)*/;
}
.btn_nav	{display:none; }

.navbox{ width:100%; max-width: 1200px; margin: 0 auto; position: relative; display: flex;}
.navbox .logo{ float:left; width: 250px;}
.navbox .logo img{height: 50px; width: auto; padding-top: 25px ;}
/* .navbox .logo a{float:left; padding-top: 10px;}
.navbox .logo h2{float:left;  font-size: 30px;text-transform:uppercase;padding-top: 35px; font-style: italic;}
.navbox .logo a h2{color: #222;} */



.navMain{ flex: 1 ; margin-left: 20%;}
 /* 一级导航 */
.nav{  padding: 25px 0;}
.nav ul{ display: flex;}
.nav ul li{ flex: 1 ; text-align: center;}
.nav ul li a{ display:inline-block; position: relative; font-size:16px;  line-height:50px;  color:#FFF ; transition:all ease-out 0.3s;}
.nav ul li a:hover{  color:#999; }
/* .nav ul li a.cur{  color:#FFF; } */
.nav ul li a:after{ content:""; z-index:999;position:absolute; bottom:6px; left:0; width:0; height:2px;background:#999;transition:all ease-out 0.3s;}
.nav ul li a.cur:after{ content:""; z-index:999;position:absolute; bottom:6px; left:0; width:100%; height:2px;background:#999;} 

/* 二级导航 */
.nav ul div:after,.nav ul div ul:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.nav ul ul{ display:none;}
.nav ul li div{ position:absolute; left:0; right:0; top:100%;height: 0;overflow: hidden; background:#F1F1F1;z-index:9999;transition: all ease-out 0.5s;}
.nav ul li.cur div{ height: 80px; }

.nav ul div ul{ width:1000px; margin:0 auto; padding:0;    float: none;}
.nav ul div ul h3{font-size:1.1em;color:#339933; font-weight:500; display: inline-block; float: left; line-height: 80px;}
.nav ul div ul uo{ display: inline-block; float: right;}

.nav  li.cur ol{ display: inline-block; float: left; margin:0; padding:0;}
.nav  li.cur ol a{font-size:1.05em; line-height: 80px; color:#555;margin:0; padding:0 20px;background:none !important;}
.nav  li.cur ol a:hover{ color:#339933;background:none;}



@media screen and (max-width:1030px){
	.navMain{ width:100%;  }
    .navMain{ flex: 1 ; margin-left: 10%;}

}


@media screen and (max-width:800px){
	
    #header{  padding: 10px;}
    .navbox .logo{ width: 70%;}
    .navbox .logo a{ }
    .navbox .logo img{ height: 40px;padding-top: 0;}
    .enter_btn { top: 22px; }
	 
	 .btn_nav	{display:block; font-size:0; position:absolute; top:5px; right:14px;width:32px; height:32px;/* background:#FFF;*/}
	 .btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#FFF;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#FFF;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:26px; height:2px; background:#FFF;  display:block; margin:15px auto;}
	 .btn_nav span.open{background:none;  }
	 .btn_nav span.open:before { transform: rotate(45deg); top:50%; margin-top:-1px;}
	 .btn_nav span.open:after { transform: rotate(-45deg);bottom:50%;margin-bottom:-1px;}

	 .nav	{overflow-y:scroll; position:fixed; z-index:100; top:68px; bottom:0; left:auto; right:-100%;  margin:0; width:100%; padding: 0;/*background:#000;*/
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
	 .nav.on	{ right:-30% !important;/*box-shadow: -1px 0 1px #E9EFF5;*/background:rgba(0, 0, 0, 0.6);
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	 }
	 
    /* 一级导航 */
	.nav ul	{/*margin-top:51px !important;*/    flex-direction: column; background:rgba(0, 0, 0, 0.6);}
	.nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #444;padding: 0; position: relative; }
    .nav ul li:last-child{border-bottom:1px solid #444;}
    .nav ul li{margin: 0; width: 100%;     }
    .nav ul li a{display: flex; font-size:18px;  line-height:40px; width: 100%; box-sizing: border-box; padding-left: 20px; color:#FFF ;}
    .nav ul li a:hover,.nav ul li a.cur{  color:#999;}
    .nav ul li a:after{display: none;}
    .nav ul li a.cur:after{ display: none;}

    .nav ul li a:before{ content:""; position:absolute;
        content: "";
        position: absolute;
        left: 61%;
        bottom: 16px;
        display: block;
        border-color: transparent transparent transparent #F1F1F1;
        border-width: 6px;
        border-style: solid;
        width: 0px;
        height: 0px;        
    }
	
}