/*---------------------------------//top导航-----------------------------------*/
/*
#0c4ca3
rgba(12,76,163,0.9)
*/
#header:after,.headMain:after,.headTop:after,.nav:after
{ content: ''; clear: both; display: block; font-size: 0;}
.btn_nav	{display:none}
#header { width:100%; position: absolute; z-index:999;background: rgba(255,255,255,0.9);height:60px;
/* 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;*/}
.top_section{background-color:rgba(12,76,163,0.9); height:56px;} 
.headMain{ width:1200px; margin:0 auto;     }

.headTop{ width:20%;float:left;  box-sizing:border-box; padding-top:12px;}
.headTop a.logo{ display:block; float:left;  max-width:190px;  }
.headTop a.logo IMG{  width:80%;}
.top-four{ float:right; margin-top:12px; }
.top-four ul{ float:left; }
.top-four ul li{ float:left;height: 32px;line-height: 32px; width:32px; border-radius:100%; margin-right:10px; text-align:center; color:#FFF;}
.top-four ul li.ebook{ background:#07ADC8;}
.top-four ul li.weixin{ background:#009845;}
.top-four .code-img {
    position: absolute;
    left: -40px;
    top: 40px;
    width: 120px;z-index:1000;
}
.top-four .none {
    display: none !important;
}
.top-four ul li.weibo{ background:#1d8288;}
.top-four ul li.qie{ background:#1E2186;}
.top-four ul li a{  color:#FFF; width:100%; height:100%;}
.top-search { float:left; margin-top:12px; }
.top-search .fa-phone-square{float:left; font-size:24px; line-height: 30px;width:26px; color:#f9f9f9;}
.top-search h1{float:left; font-size:14px; font-weight: normal; line-height: 30px; padding-right: 20px; color:#eee;}
.top-search form{ float:left;border-radius: 18px; overflow:hidden; border:#ccc 1px solid;z-index:1000; }
.txtBox{ background:#FFF;
    float: left; 
    width: 160px; padding-left:18px;
    height: 32px;line-height: 32px;
    border: none;
    color: #bcbcbc;
}
.submit{background:#FFF; cursor:pointer; text-align:center;
    float: left;
    width: 50px; 
    height: 32px;line-height: 32px;
    border: none;
    color: #bcbcbc;
}
/*.top-search form:after{content: "\f002";
	font-family: 'FontAwesome';
	font-size: 40px;
	color: #bcbcbc;
}*/
.nav{ float:right;width:55%;z-index:999; height:100%; padding:0;  }

/* 一级导航 */

.nav ul{ float:right; width:100%; }
.nav ul li{ float:left; position:relative; width: calc( 16.7% - 1px); margin-right:1px; box-sizing:border-box; text-align:center;  }
/*.nav ul>li{height:80px;}*/
.nav ul li:last-child{width: 16.5%; margin-right:0; }
.nav ul li span{ display:none;  }
.nav ul li a{ display:block;width:100%;  font-size:17px; line-height:54px; text-align:center; color:#333 ; padding-top:6px; border-radius: 0;  }
.nav ul>li:nth-child(1n):before{content: "";clear:both;
    position: absolute;
    background: #00bd35;
 width:0;
    height: 3px;
  
    opacity: 1;margin:0 auto; text-align: center; transition: all 0.3s;
  
	top: 0;
 }
.nav ul>li:nth-child(1n):hover:before{width:100%; left:0;}
.nav ul li a:hover,.nav ul li a.cur{  color:#0c4ca3; background:rgba(255,255,255,0.9);}
.nav ul li:first-child a:hover{/*border-radius: 0 0 8px 8px;*/}
/*.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{padding:0 0 0 15px!important; overflow:hidden;
    font-family: 'Titillium Web',Arial,"微软雅黑";
    font-size: 15px;
    color: #969697;
}
.nav ul li a.language:hover,.nav ul li a.language.hover{  color:#0099ff; }*/
  /* 二级导航 */
.nav ul ul{ position:absolute; left:0;  display:none ;margin:0 auto;padding-top:0px;
width:100%; z-index:998; 
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{ float:left;width:100%;position:relative;margin:0; }
.nav ul li li:last-child{width:100%; }
.nav ul li li a{ float:left; width:100%;padding:8px 5%;  box-sizing:border-box; border-bottom:#ccc 1px dashed; text-align:left;  font-size:14px; line-height:24px;color:#333;background:rgba(255,255,255,1);border-radius: 0; }
.nav ul li li:last-child a{border-radius: 0 0 8px 8px; }
.nav ul li li:first-child a:hover{border-radius: 0 ;}
.nav ul li li a:hover{ color:#0c4ca3; }
.nav ul li li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 0;
    overflow: hidden;
    top: 50%;
    margin-top: -5px;
    right: 15px;
    transform: rotate(0deg);
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
}
.nav ul li li:hover:after{   right: 8px;  border-right: #008BD2 1px solid;    border-top: #008BD2 1px solid;height: 10px;transform: rotate(45deg);}


 /* 三级导航 */
.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:1030px){
	.headMain{ width:98%;  margin:0 1%; }
	.nav ul li span {
    display: block!important;
    position: absolute;
    left: 0;top: 0; right:0; bottom:0;
    background: none;
}
	


}
@media screen and (max-width:800px){
	
.headTop{ width:100%; margin-top:0;  background:none;border-radius:0 ; box-sizing:border-box; padding:0; border-bottom:none; position:absolute; left:0; top:0; z-index:9; }
.headTop a.logo{ max-width:160px; padding:10px 15px 0 3px;}
	
.top_section .headMain .top-search{ margin:8px 0 0 140px; }
	.top_section{height:0px;}
	.top_section .headMain .fa-phone-square,.top_section .headMain h1{display:
	none;}
	.top-search form{position:fixed; left:150px;top:8px;}
.top-four{ float:left;display:none !important; }
.txtBox{     width: 100px;}
	.nav ul li span {
    display: block!important;
    position: absolute;
    left: 0;top: 0; right:0; bottom:0;
		background: none;}

.nav ul>li:nth-child(1n):before{
 
 
    height: 0px;
  }
.nav ul>li:nth-child(1n):hover:before{clear:both;}


	
	 .btn_nav	{display:block; font-size:0; position:absolute; top:10px; right:10px;width:32px; height:32px; z-index:99;}
	 .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;}
	 
	 #header{ width:100%;  height:50px; background:rgba(255, 255, 255, 0.95);position:fixed;  top:0; left:0; z-index:999; /*border-bottom:#E9EFF5 1px solid; */  }

	 .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	{width: 100%;/*margin-top:51px !important;*/margin-right:0 !important;background:rgba(0, 0, 0, 0.6);}
	 .nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #e9eff5;background:rgba(12,76,163,0.9); z-index:9999; border-radius: 0 0 8px 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; text-indent: 1em; line-height:50px; /*text-indent:30px;position:relative;*/color:#fafafa; }
	 .nav ul li a:after		{
	transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    top: 50%;
    margin-top: -6px;
    right: 23px;
    transform: rotate(45deg);
    border-right: #f9f9f9 1px solid;
    border-bottom: #f9f9f9 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: #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; background:#f0f5fa; box-shadow:none; width:100%; overflow:hidden;}
	 .nav ul ul:before {display:none !important;}
	 .nav ul li li	{ background:#f0f5fa;}
	 .nav ul li li:after {    right: 28px;}
	 .nav ul li li a	{padding: 8px 0; text-indent:10%; width:100%; color:#666; font-size:14px !important; text-transform:none}
	 .nav ul li li:first-child a:hover	{box-shadow:none}
	
	 
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }

}