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

#topMain{width:100%; min-width:1200px; background:url(../ico/bg_top.png) center top ; height:29px;  border-bottom:#EDEDED 1px solid;}
#top{ width:1200px; margin:0 auto; position:relative; font-family:Arial,"宋体"; line-height:29px; font-size:12px; color:#F9F9F9; }
#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;}
#tel { 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;  }
#tel a{ color:#FFF;   }


.btn_nav	{display:none}
.navMain { width:1200px; margin:0 auto; height:85px;  }
.navMain a.logo{ display:block; float:left; border:0; }
.nav{ float:right; }
  /* 一级导航 */
.nav ul{ float:right; margin-right:-21px;}
.nav ul li{ float:left; position:relative;  }
.nav ul li i{ display:none;  }
.nav ul li a{ display:block;width:135px; text-align:center; font: normal 18px/85px "微软雅黑",Arial; color:#111;  }
.nav ul li a:hover,.nav ul li a.cur{  color:#0066CC;}
.nav ul li a:after{ content:""; z-index:999;position:absolute; bottom:16px; left:35px; width:0; height:2px;background:#0066CC;transition:all ease-out 0.3s;}
.nav ul li a.cur:after{ content:""; z-index:999;position:absolute; bottom:16px; left:35px; width:65px; height:2px;background:#0066CC;}

  /* 二级导航 */
.nav ul li ul{ position:absolute; left:0; top:85px; display:none ; 
width:205px; z-index:11; padding:5px 10px;  border:#edebe8 1px solid; margin-left:-55px;
background-color: rgba(255,255,255,0.95); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
}
.nav ul li li{ float:left;width:100%;padding-top:0; position:relative;}
.nav ul li li:last-child a{border-bottom:none; }
.nav ul li li a{ float:left;width:100%; border-bottom:#edebe8 1px dashed; text-align:left; line-height:22px;padding:5px 0; /*background:url(../ico/Jring.png) right center no-repeat;*/ }
.nav ul li li a h4{  font: normal 16px/24px "微软雅黑",Arial; color:#333; }
.nav ul li li a span{  font: normal 12px/22px "微软雅黑",Arial;color:#999; }
.nav ul li li a:hover h4{ color:#0066CC; background:none; }
.nav ul li li a:hover span{ color:#7996b3;  }
.nav ul li li a:hover,.nav ul li ul li a.cur{ color:#0066CC; /*background:url(../ico/Jring_on.png) right center no-repeat; */}
.nav ul li li a.cur:after{ content:""; width:0; height:0; overflow:hidden; display:none;}
.nav ul li li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    transform: rotate(45deg);
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
}
.nav ul li li:hover:after{   right: 0;  border-right: #008BD2 1px solid;    border-top: #008BD2 1px solid;}
/* 三级导航 */
.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:150px; top:0; width: ; background: #ddd;border-radius:4px; }
.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:1030px){
	#topMain{width:100%; min-width:100%; }
	#top{width:100%;}
	.navMain { width:100%;}
	.nav ul {margin-right:0 !important;}
	.nav ul li i{ display: block!important; position:absolute; left:0; top:0; width:100%; height:50px; background:none;  }
}	
@media screen and (max-width:800px){

	
	#topMain{ position:fixed;  top:0; left:0; z-index:999;}
	#top p{ background:none;text-indent:2px; }
	#top ul{ display:none; font-size:0; width:0; height:0; overflow:hidden;}
	#tel { right:0;}
	.navMain a.logo{ height:50px; width:auto;}
	.navMain a.logo img{ height:50px; width:auto; }
	 .btn_nav	{display:block; font-size:0; position:absolute; top:10px; right:10px;width:32px; height:32px; background:#FFF;}
	 .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;}

	 .navMain{ height:50px; background-color:#FFF;position:fixed;  top:30px; left:0; z-index:999; border-bottom:#E9EFF5 1px solid;   }
	 .nav	{overflow-y:scroll; position:fixed; z-index:100; top:81px; 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;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	{border-bottom:1px solid #e9eff5;}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #e9eff5;background:rgba(255, 255, 255, 0.95); }
	/* .nav ul li:first-child	{border-top:1px solid #e9eff5; }*/
	 .nav ul li i{ display: block!important; position:absolute; left:0; top:0; width:100%; height:50px; background:none;  }
	 .nav ul li a	{ font-size:16px; text-align:left; line-height:50px; width:100%; text-indent:10px;color:#333; }
	 .nav ul li a:after,.nav ul li li a:after{ display:none !important;}
	 .nav ul li a:before		{
	transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background:none;
    top: 50%;
    margin-top: -10px;
    right: 25px !important; left:auto;
    transform: rotate(45deg);
    border-right: #777 1px solid;
    border-bottom: #777 1px solid;
	}
   .nav ul li a.wuji:before{transform: rotate(-45deg) !important;  top: 25px; right: 25px; border-right: #777 1px solid !important; border-bottom: #777 1px solid !important;width: 10px; height: 10px;}
   .nav ul li a.cur:before{transform: rotate(-135deg);  top: 32px;  border-right: #008BD2 1px solid;    border-bottom: #008BD2 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!important; background:#f0f5fa; box-shadow:none; width:100% !important; overflow:hidden;}
	 .nav ul ul:before {display:none !important;}
	 .nav ul li li	{ background:#f0f5fa; border-top:none !important ; }
	 .nav ul li li:after {    right: 28px;}
	 .nav ul li li a	{padding: 5px 0 5px 5%!important;  width:95%!important; color:#666; font-size:14px !important; text-transform:none;    border-top: #edebe8 1px dashed;    border-bottom:none !important;}
	 .nav ul li li:first-child a:hover	{box-shadow:none}
	 .nav ul li li a:before{ display:none!important;  }
	 .nav ul li ul li a h4 { font-size:14px !important; color:#666 !important;text-indent: 0;}
	
	 
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }



/*	 .nav ul	{padding-top:51px;margin-right:0;}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; 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;}
	 .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: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:#f0f5fa; box-shadow:none; width:240px; overflow:hidden;}
	 
	 
	 .nav ul li ul li	{float:none !important; border:0}
	 .nav ul li ul li a	{margin:0 !important; color:#666; font-size:14px !important; background:url(../ico/Jring.png) 205px center no-repeat; text-transform:none}
	 .nav ul li ul li a h4{  font: normal 14px/24px "微软雅黑",Arial; color:#666; }
	 .nav ul li ul li a span{  display:none; font-size:0; width:0; height:0; overflow:hidden; }

	 .nav ul li ul li:first-child a:hover	{box-shadow:none}*/
	

}