﻿/*---------------------------------//top导航-----------------------------------*/

.btn_nav	{display:none}
#header { width:100%;  padding-top:7px;position:relative; }
#header:after,.navMain:after{ content:"";display: block;clear:both;}
.navMain{ width:100%; max-width:1200px; margin:0 auto;  }
.navMain .logo{ float:left; width:114px;}
.navMain .logo a IMG{  width:100%;}

ul.topbar{ float:right; top:10px; height:32px; z-index:9999;}
ul.topbar a{ color:#777; font-size:0.9em;margin:0 6px; line-height:32px;float:left;}
ul.topbar a:hover{ color:#444; }
/*
ul.topbar li{ float:left;}
ul.topbar li a{     display: block; height: 24px;line-height: 24px; width:24px; border-radius:100%; margin:0 5px; text-align:center; color:#FFF; padding:0}
.weixin{ background:#0bc118 ;}
.weibo{ background:#e32529;}
.qie{ background:#3b5998;}
.code-img{ display:none;position: absolute; left:0; top:32px; width:100px; margin-left:-30px;z-index:99999;}
ul.topbar li a:hover{ color:#ddd;}
*/

 /* 一级导航 */
.nav{ float:right; right:0; width:calc( 100% - 200px)}
.nav>ul{ float:right; }
.nav>ul>li{ float:left; position: relative; }
/*.nav ul li.lan{ box-sizing:border-box; padding:2px 5px;border:solid 1px #fff; border-radius:6px;}
*/.nav ul li span{ display:none;  }
.nav>ul>li>a{ font-size: 22px;
    line-height: 113px;
    padding: 0 40px;
    color: #204478;text-transform: uppercase;
font-family: -webkit-pictograph;
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
}
.inline .nav ul li a{color:#000;}
.nav ul li a:hover,.nav ul li a.cur{ /*color:#3858c8;*/text-decoration: none;}
.nav>ul>li>a:before{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 50%;
  bottom:4px;
    display: block;
    width: 0;margin-left:0;
	height:4px;
	overflow:hidden;
	background:#00a6e2;
}
.nav>ul>li:hover a:before{     width:70px; margin-left:-35px;}
/*.nav ul li li:before,.nav ul li:last-child:before{ display:none;}*/
/* 二级导航 */
/* .nav ul div:after,.nav ul div ul:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.nav ul li div{ position: absolute; left:0; right:0; top:100%; padding:20px 0; display:none ; background:#3cb4c4;z-index:99; }
.nav ul li div ul{ width:900px; margin:0 auto; display: table;
    table-layout: fixed; }
.nav ul li li{ display: table-cell;
    position: relative; width:25%;}
.nav ul li li a{ font-size:16px;line-height:2; margin:10px; font-weight:bold; color:#fff ;transition: all ease-out 0.3s; padding:0; position:relative; display:block;} */
/*.nav ul li div.no li{ float:left;width:100%;}.nav ul div.no{ position:absolute; top:80px;}
.nav ul div.no ul{ float:right; width:auto; }
.nav ul li div.no li a{ font-size:16px; font-weight:normal; line-height:1.6;margin: 5px 10px;}
.nav ul li div.no li:after {
    transition: all ease-out 0.3s;
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background: ;
    top: 50%;
    margin-top: -8px;
    right: 20px;
    transform: rotate(45deg);
    border-right: #fafafa 1px solid;
    border-top: #fafafa 1px solid; opacity:0.5;
}*/

.nav>ul>li:nth-of-type(3)>div>ul{
margin-right:400px; float:right;
  
}
.nav>ul>li:nth-of-type(4)>div>ul{
margin-right:300px; float:right;
  
}
.nav>ul>li:nth-of-type(5)>div>ul{
margin-right:30px; float:right;
  
}
.nav>ul>li:nth-of-type(5)>div>ul>li{ width:auto; float:left; margin:0 20px;}
.nav>ul>li:nth-of-type(6)>div>ul{
 float:right;margin-right:-200px; 
 
}
.nav>ul>li:nth-of-type(6)>div>ul>li{ width:auto; float:left; margin:0 20px;}
/*.nav ul li li a:before{ content: "";
    display: block;
    position: absolute;
    width: 0;
    bottom: -10px;
    margin: 0 auto;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;}
.nav ul li li a:hover:before{width: 100%;	 }*/
.nav ul li li a.cur:after{ display:none !important;}
.nav ul li li a:hover,.nav ul li li a.cur{ color:#00a6e2;}




.nav ul ul{ position:absolute; top:113px; display:none ; border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px; 
     z-index:11; 
    background:#014DA2; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);/*ie6*/
    }
    /*.nav ul ul:before{ content:""; z-index:999;position:absolute;
        left: 50%;
        top:-21px; margin-left:-3px;
        display: block;
        border-color: transparent transparent #3858c8 transparent;
        border-width: 8px;
        border-style: solid;
        width: 0px;
        height: 0px;
    }*/
    
    .nav ul li li{ float:left;width:100%;position:relative; }
    .nav ul li li:last-child a{border-bottom:none; }
    .nav ul li li a{ transition: all ease-out 0.3s;
        -webkit-transition: all ease-out 0.3s; float:left; width:90%; padding:19px 5%; border-bottom:rgba(249,249,249,0.2) 1px solid; text-align:center;  font-size:16px; line-height:1.5;color:rgba(255,255,255,0.65) !important; }
    .nav ul li li a:hover{ color:rgba(255,255,255,1) !important }
 /* 三级导航 */
.nav ul li ul li ul{ position:relative; display:block; z-index:12; left:0; top:0; float:left;  }
.nav ul li ul li ul li{ width:100%; float:left;}
/*.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }*/
.nav ul li ul li ul li a{ font-size:14px; line-height:1.6;margin:0px 10px 5px; font-weight:normal; }
.nav ul li ul li ul li a:hover{}





@media screen and (max-width:1370px){
	.navMain{ width:96%; margin:0 2%;}
/*	.nav ul li:last-child{ display:none;}*/
	.nav ul li li:last-child{ display: block;}
a.lan{ font-size:14px;}
.nav ul li a{ padding:0 35px;}
}
@media screen and (max-width:1030px){
	.navMain{ width:96%; margin:0 2%;}
/*	.nav ul li:last-child{ display:none;}*/
	.nav ul li li:last-child{ display: block;}
a.lan{ font-size:14px;}
.nav ul li a{ padding:0 25px; font-size: 20px;}
}
@media screen and (max-width:800px){
	.navMain .logo{ padding-top:0px;}
	.navMain .logo a{ padding-right:0; width:70px;}
	.navMain .logo span{ padding-top:2px; color:#3858c8;}
	.top_three{ display:none;}
#header{ width:100%;  height:65px; box-sizing: border-box; background:rgba(255, 255, 255, 0.95);  top:0; left:0; z-index:999; position:fixed;box-shadow: 0 5px 10px rgba(0,0,0,0.2);   }
.navMain .logo a IMG{width:50%;}
.navMain .logo h2{ font-size:1.2em;}
.navMain .logo h3{font-size:0.82em;}
.nav ul li:hover:before,
.navMain .logo h3
{ /*display:none;*/}
.nav>ul>li>a:before{ left:20%}	 
	 
	 .btn_nav	{display:block; font-size:0; position:absolute; top:20px; right:10px;width:32px; height:32px;/* background:#FFF;*/}
	 .btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#006ebc;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#006ebc;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:26px; height:2px; background:#006ebc;  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:99999; top:65px; 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;*/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	{float: left ; width:100%; background:rgba(0, 0, 0, 0.6); padding:0;}
	.nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #ddd;background:rgb(0 119 200 / 0.8); }
	.nav ul li:after{ clear:both; content:"";}
	.nav ul li span{ height:50px;width:100%; position:absolute; z-index:99999; display:block; left:0; top:0; }
	.nav ul li a	{ font-size:15px; text-align:left; line-height:50px; padding:0; color:#fff; text-indent:10%; display:block; width:100%; float:left;padding:0;}
	.inline .nav>ul>li a{ color:#fff;  }
	.inline .nav ul li li a{color:#444 !important; }
.nav ul li:before { display:none;
}	
	
	.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: #f9f9f9 1px solid !important; border-bottom: #f9f9f9 1px solid !important;width: 10px; height: 10px;}
   .nav ul li a.cur:after{transform: rotate(-135deg);
    top: 25px;
  }


a.lan{border:none; padding:0; color:#fff; border-radius:0; margin:0;}
.inline a.lan{ border-color:#000;}

	 .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 div{ background:none; position: static !important; width:100%;  }
	
	 .nav ul li li:first-child a:hover	{box-shadow:none}
	 
	 .nav ul ul	{position:static !important;  margin:0 !important; padding:0 !important; border:0; background:#f0f5fa; box-shadow:none; width:100%!important; overflow:hidden;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
	 .nav ul ul:before {display:none !important;}
	 .nav ul li li	{ background:#f0f5fa; }

	 .nav ul li li a	{padding: 8px 0; margin:0 !important; width:100%; color:#666!important; font-size:14px !important; text-transform:none; text-align: left;}
	 .nav ul li li:first-child a:hover	{box-shadow:none}	 
	 
	 .nav ul li li a:before {
    content: "";
    position: absolute;
    display: block; background:none;
    width: 12px !important;
    height: 12px;
    overflow: hidden;
    top: 12px;
    right: 23px;
    transform: rotate(-45deg);
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}
/* 三级导航 */
.nav ul li ul li ul li a{ text-indent: 30px !important;  }
	 
}
  
  