﻿/*---------------------------------//top导航-----------------------------------*/

.btn_nav	{display:none}
#header {     width: 100%; height:80px;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    min-width: 1300px;
    background: -webkit-linear-gradient(#fff, #ddd);
    background: -o-linear-gradient(#fff, #ddd);
    background: -moz-linear-gradient(#fff, #ddd);
    background: linear-gradient(#fff, #ddd);

/*  -webkit-box-shadow: 0 1px 1px #E2E2E2;  
  -moz-box-shadow: 0 1px 1px #E2E2E2;  
  box-shadow: 0 1px 1px #E2E2E2;*/}
.navMain{ width:1300px; margin:0 auto;  }
.navMain a.logo{ display:block; float:left; padding-top:18px; max-width:200px;  }
.navMain a.logo IMG{  width:100%;}

.nav{ float:right; }
  /* 一级导航 */
.nav ul{ float:right; width:auto;}
.nav ul li{ float:left;  }
.nav ul li span{ display:none;  }
.nav ul li a{ display:block;width: auto; padding:0 24px; font-size:18px; line-height:80px; text-align:center; color:#333 ; position:relative;}
.nav ul li a:before{ content:""; z-index:999;position:absolute;transition:all ease-out 0.3s;
    left: 50%;
    bottom: 17px; margin-left:-30px;
    display: block;
    width: 0; background-color:#AE8C5D;
    height: 2px;
}
.nav ul li:last-child a:before{display:none !important;}
.nav ul li a:hover:before,.nav ul li a.cur:before{     width: 60px;}
.nav ul li a:hover,.nav ul li a.cur{  color:#AE8C5D;}
/*.nav ul li a.cur:after{ content:""; z-index:999;position:absolute; bottom:16px; left:35px; width:65px; height:2px;background:#2367B5;}*/

.nav ul li a.language dd{     display: none;

    /*font-size: 0; background: url(../images/ly_searchbb.png) center center no-repeat;*/
}
.nav ul li form {	display:block;float:left;padding:13px 0;}
.nav ul li form input.txtBox {float:left;
	width:185px;padding-left:5px;
	height:30px; line-height:30px; 
	color:#999;
	background:#FFF;
	border: #E6E7E8 1px solid;border-radius:3px 0 0 3px;overflow:hidden;
}
.nav ul li input.login {float:left; color:#FFF;
	height:32px; line-height:32px; padding:0 10px; 
	border:none;
	background: #A2A2A2;
	cursor:pointer; border-radius:0 3px 3px 0 ;
}
/*.nav ul li a.language:hover,.nav ul li a.language.hover{  color:#0099ff; }*/
  /* 二级导航 */
.nav ul ul{ display:none ;
position:absolute; left:0; top:80px;  
width:50%; padding-left:50%; z-index:11;
background-color: rgba(220,220,220,0.90); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
}
/*.nav ul ul:before{ content:""; z-index:999;position:absolute;
    left: 50%;
    top: 0; margin-left:-3px;
    display: block;
    border-color:#008BD2 transparent transparent transparent;
    border-width: 6px;
    border-style: solid;
    width: 0px;
    height: 0px;
}*/
.nav ul li li a:before{ display:none; width:0; height:0;}
.nav ul li li{ float:left;width:;position:relative; }
.nav ul li ol{ float:left; display:block; } 
.nav ul li:nth-of-type(1) ol{ margin-left:0; } 
.nav ul li:nth-of-type(2) ol{ margin-left:-282px; }
.nav ul li:nth-of-type(3) ol{ margin-left:-78px; }
.nav ul li:nth-of-type(4) ol{ margin-left:43px; }
.nav ul li:nth-of-type(5) ol{ margin-left:158px; }
.nav ul li:nth-of-type(6) ol{ margin-left:279px; }
.nav ul li:nth-of-type(7) ol{ margin-left:447px; }
.nav ul li:nth-of-type(8) ol{ margin-left:410px; }
.nav ul li li a{  text-align:left;  font-size:15px; line-height:24px; padding:12px;color:#444 !important; }
.nav ul li li a:hover{ color:#AE8C5D !important; }
.nav ul li li:after {display: none;
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    transform: rotate(45deg);
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
}
.nav ul li li:hover:after{   right: 3px;  border-right: #da1b23 1px solid;    border-top: #da1b23 1px solid;}

 /* 三级导航 */
.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:204px; top:0;  }
.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }
.nav ul li ul li ul li a{ }
.nav ul li ul li ul li a:hover{ }

@media screen and (max-width:1024px){
#header{ height:50px; /*background:rgba(255, 255, 255, 0.95);*/position:fixed;  top:0; left:0; z-index:999;  min-width:100%;/*border-bottom:#E9EFF5 1px solid; */  }
.navMain{ width:100%;  }
.navMain a.logo{  padding-top:13px; padding-left:5px; max-width:120px;  }
	
	 .btn_nav	{display:block; font-size:0; position:absolute; top:10px; right:10px;width:32px; height:32px; background:;}
	 .btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#000;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#000;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:26px; height:2px; background:#000;  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:51px; bottom:0; left:auto; right:-100%;  margin:0; width:100%; /*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:0 !important;/*box-shadow: -1px 0 1px #E9EFF5;*/
	 -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-right:0 !important;background:rgba(0, 0, 0, 0.6);width:100%;}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; border-bottom:1px solid #bbb;background:rgba(200, 200, 200, 0.8); position:relative; }
.nav ul li a.cur:before{bottom: 50%;width: 6px;left:0;margin-left:8px;}
	/* .nav ul li:first-child	{border-top:1px solid #e9eff5; }*/
	 .nav ul li span{ display: block!important; position:absolute; left:0; top:0; width:100%; height:50px; background:none;  }
	 .nav ul li a	{ font-size:15px; text-align:left; line-height:50px; /*text-indent:30px;position:relative;*/color:#333; }
	 .nav ul li a:after		{
	transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -6px;
    right: 23px;
    transform: rotate(45deg);
    border-right: #777 1px solid;
    border-bottom: #777 1px solid;
	}
	 .nav ul li a.wuji:after{transform: rotate(-45deg) !important;  top: 25px; right: 27px; border-right: #777 1px solid !important; border-bottom: #777 1px solid !important;width: 10px; height: 10px;}
	 .nav ul li a.cur:after{transform: rotate(-135deg);  top: 25px;  border-right: #AE8C5D 1px solid;    border-bottom: #AE8C5D 1px solid;}

	 .nav ul li.on ul li a:after	{display:none !important;}	
	 .nav ul li.on:hover a:after ul li a:after	{display:none}
	 .nav ul li ul li a:after	{display:none !important}
	 .nav ul li:hover ul li a:after	{display:none !important}
/* 二级导航 */
	 .nav ul ul	{position:static !important;  margin:0 !important; padding:0 !important; border:0;  box-shadow:none; width:100%; overflow:hidden;    background-color: rgba(220,220,220,0.60);}
	 .nav ul ul:before {display:none !important;}
.nav ul li ol{ width:100%; } 
.nav ul li:nth-of-type(1) ol{ margin-left: ; } 
.nav ul li:nth-of-type(2) ol{ margin-left:0; }
.nav ul li:nth-of-type(3) ol{ margin-left:0; }
.nav ul li:nth-of-type(4) ol{ margin-left:0; }
.nav ul li:nth-of-type(5) ol{ margin-left:0; }
.nav ul li:nth-of-type(6) ol{ margin-left:0; }
.nav ul li:nth-of-type(7) ol{ margin-left:0; }
.nav ul li:nth-of-type(8) ol{ margin-left:0; }
.nav ul li:nth-of-type(9) ol{ margin-left:0; }
.nav ul li:nth-of-type(10) ol{ margin-left:0; }
	 .nav ul li li	{ background:rgba(220, 220, 220, 0);  border-bottom:1px dashed #b1b1b1;}
	 .nav ul li li:after {display: block;right: 28px;}
	 .nav ul li li a{padding: 8px 0; text-indent:10%; width:100%; color:#777 !important; font-size:14px !important; text-transform:none}
	 .nav ul li li a.cur{color:#777 !important; }
	 .nav ul li a.language dd{ display: inline;}
	 .nav ul li li:first-child a:hover	{box-shadow:none}
.nav ul li form {    padding: 13px 0 13px 20%;}	


.nav ul li li:after {
    border-right: #b1b1b1 1px solid;
    border-top: #b1b1b1 1px solid;
}	 
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }

}
  
  
  
  
  
  
  
  
  
  
