/*---------------------------------//top-----------------------------------*/



#topMain{width:100%; min-width:1200px; background:url(../ico/bg_top.png) center top ; height:29px;  border-bottom:#EDEDED 1px solid; /*background-color:#565656;*/}
#top{ position: relative;z-index: 999; color:#FFF; text-align:right;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 28px 0 2px 0;
    opacity: 1; 
 }
#top a{  color:#FFF; }
#top p{ float:left; background:url(../ico/xyz.png) left center no-repeat;text-indent:20px; }
#top ul{ position: absolute; top:0; right:0; }
#top ul li{ float:left; }
#top ul li a{ display:block; float:left; padding:0 11px;  color:#F9F9F9;}
#top ul li a.wechat{ background:url(../ico/wechat.png) left center no-repeat; padding-left:22px;}
#top ul li a:hover{  color:#ccffff;}
#telephone { position: absolute; padding-right:1px; top:0; right:215px; color:#FFF; background:url(../ico/tel_bai.png) left center no-repeat; padding-left:18px; font-size:14px; line-height:29px;  }


.btn_nav	{display:none}
#header { position:absolute; left:0; top:0;width:100%; min-width: 1083px;
/* height:90px; 
border-bottom:#008BD2 5px solid;
    background-color: #2d2e2f;
   box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 1px #E2E2E2;  
  -moz-box-shadow: 0 1px 1px #E2E2E2;  
  box-shadow: 0 1px 1px #E2E2E2;*/}

#navMain {
	 position: relative;
    top: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    z-index: 999;
}

/*.fixedMU{ position:fixed !important;    width: 100% !important; 

border-bottom:#EAEAEA 1px solid;
  -webkit-box-shadow: 0 1px 1px #EAEAEA;  
  -moz-box-shadow: 0 1px 1px #EAEAEA;  
  box-shadow: 0 1px 1px #EAEAEA;   
}
.fixedMU:before{ content:""; position:absolute;
    left:0; top:0;
    width: 5px; background-color:#b23331;
    height: 71px; 
}
.fixedMU:after{ content:""; position:absolute;
    right:0; top:0;
    width: 5px; background-color:#b23331;
    height: 71px; 
}*/
.navMn{  transition: width 0.5s ease-out !important;   
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 1200px;
    height: 70px;
    background-color:rgba(81,81,81,0.9);
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}
	
	
.navM{ width:1200px; margin:0 auto;}
.navM a.logo{  float:left; padding-left:22px;}
.navM a.logo IMG{  }

.nav{ float:right; padding-right:12px; transition:all ease-out 0.3s;}
  /* 一级导航 */
.nav ul{ float:left; }
.nav ul li{ float:left; position:relative;  }
.nav ul li a{ display:block;width: auto; padding:0 30px; text-align:center; font-size:17px; font-weight:normal;line-height:70px;  color:#FFF ;  }
.nav ul li a:hover,.nav ul li a.cur{  color:#FFF;}
/*.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:hover:before{ content:""; z-index:999;position:absolute;
    left: 50%;
    bottom:0; margin-left:-3px;
    display: block;
    border-color: transparent transparent #b23331 transparent;
    border-width: 6px;
    border-style: solid;
    width: 0px;
    height: 0px;
}
.nav ul li li:hover:before{ display:none; }

  /* 二级导航 */
.nav ul li ul{ position:absolute; left:50%; top:70px; display:none ; border-top:#b23331 3px solid;
width:150px;    margin-left:-75px;
    background-color:rgba(81,81,81,0.9);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
}

.nav ul li li{ float:left;width:100%;padding-top:0;}
.nav ul li li:last-child a{border-bottom:; }
.nav ul li li a{ float:left;width:100%; border-bottom:#777 1px dashed; text-align:left; font-size:14px; font-weight:normal; line-height:24px; color:#eee; text-indent:10px; padding:7px 0; position:relative;text-transform: capitalize; }

.nav ul li li a:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -4px;
    right: 16px;
    transform: rotate(45deg);
    border-right: #eee 1px solid;
    border-top: #eee 1px solid;
}
.nav ul li li a:hover:after,.nav ul li li a.cur:after {right: 8px;border-right: #FFF 1px solid;    border-top: #FFF 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:800px){
	#header { width:100%; min-width:100%;}
 #top{ position: absolute; top:14px; right:60px; z-index: 9999; color:#eee;    width:auto;    margin: 0 ;    padding:0; }
 #top a{  color:#eee; }
.fixedMU{ position: absolute !important; }
.fixedMU:before{ display:none;}
.fixedMU:after{ display:none;}
.navMn{      width: 100%;    height: 50px;}
.navM{ width:100%; margin:0 auto;}
.navM a.logo{  padding-top:2px; padding-left:5px; max-width:180px;  }


	
	 .btn_nav	{display:block; font-size:0;}
	 .btn_nav.open	{position:absolute; top:0; right:0; width:60px; height:50px; background:url('../ico/btn_nav_open.png') center center no-repeat;  }
	 .btn_nav.closed	{position:absolute; top:0; right:0; width:60px; height:50px; background:url('../ico/btn_nav_closed.png') center center no-repeat; z-index:999;}
	 
	 #header{ width:100%;  height:50px; background-color:rgba(81,81,81,0.9);position:fixed;  top:0; left:0; z-index:999; /*border-bottom:#E9EFF5 1px solid; */  }
	 
	 .nav	{overflow-y:scroll; position:fixed; z-index:100; top:0; right:-240px; margin:0; bottom:0; left:auto; width:240px; background:rgba(81,81,81,0.9);padding-right: 0;
	 -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);}
	 .navM .on	{ right:0 !important;/*box-shadow: -1px 0 1px #E9EFF5;*/ border-left:1px solid #777;
	 -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	{padding-top:51px;margin-right:0;}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #777; }
	/* .nav ul li:first-child	{border-top:1px solid #e9eff5; }*/
	 .nav ul li a	{ width:100%; font-size:15px; text-align:left; line-height:50px; /*text-indent:30px;position:relative;*/color:#fff; padding: 0 10px;}
	 .nav ul li a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; width:17px; height:9px; background:url('../ico/bg_gnb_arr.png') no-repeat 0 -9px}
	 .nav ul li a.wuji:after		{content:""; display:block !important; position:absolute; top:16px; right:20px; width:9px; height:18px; background:url('../ico/bg_gnb_arr.png')  no-repeat -9px 0}
.nav ul li a:hover,.nav ul li a.cur{  color:#666;}
	 .nav ul li:hover a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; left:auto; width:17px; height:9px; background:url('../ico/bg_gnb_arr.png') no-repeat 0 -9px}

	 .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 li ul	{position:static !important; display:block; margin:0 !important; padding:2px 0 !important; border:0; background:rgba(153,153,153,0.9); box-shadow:none; width:240px; overflow:hidden;}
	 .nav ul li li	{float:none !important; border:0}
	 .nav ul li li a	{margin:0 !important; color:#FFF; font-size:14px !important; background:url(../ico/Jring.png) 205px center no-repeat; text-transform:none}
	 .nav ul li li:last-child a{  border-bottom:none; }

	 .nav ul li ul li:first-child a:hover	{box-shadow:none}
	 .nav ul li ul:before {display:none !important;}
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }

}