body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index:1119999; width:24px; height:13px; border-top: 2px solid #2ea7e0; border-bottom: 2px solid #2ea7e0; vertical-align: middle; float:right; display:none;}
.menu_bt span {font-size: 0; text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right:5px;left: 0;border-top:2px solid #2ea7e0;transition: all 100ms linear 0ms; margin-top:-1px;}
.menu_bt.open {color: transparent !important; border:0; transition:all 0.3s ease-in;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: #2ea7e0;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{ background:none; height:86px; transition:all 0.4s ease-in; width:100%; z-index:10000; position:fixed; left:0; top:0;}
.header .con{ width:1680px; margin:0 auto;}
.header.add{ background:rgba(255,255,255,1); box-shadow:0 0 5px 0px rgba(0,0,0,.05); height:80px;}
.header.bgf{ background:rgba(255,255,255,1); box-shadow:0 0 5px 0px rgba(0,0,0,.05); height:80px;}
.logo{ float:left; position:relative; z-index:1000; margin-top:28px;}
.logo.gao{ z-index:10;}
.logo a{ background:url(../images/logo.png) no-repeat; width:384px; height:38px; display:block; display: block; }
.header.add .logo a{ background:url(../images/logo2.png) no-repeat; }
.header.add .logo{ margin-top:22px;}
.header.bgf .logo a{ background:url(../images/logo2.png) no-repeat; }
.header.bgf .logo{ margin-top:22px;}

.page-overlay{ float:right; }
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-top:20px; margin-left:50px; position:relative;}
.header.add .page-overlay .nav li{ margin-top:16px; transition:all 0.4s ease-in;}
.page-overlay .nav li > a{ font-size:20px; line-height:40px; color:#fff; display:block; position:relative; transition:all 0.3s ease-in;}
.page-overlay .nav li.on > a:after{ content:""; width:100%; height:2px; background:#fff; display:block; margin:0 auto; transition:all 0.3s;}
.page-overlay .nav li > a:after{ content:""; width:0%; height:2px; background:#fff; display:block; margin:0 auto; transition:all 0.3s;}
.page-overlay .nav li > a:hover:after{ content:""; width:100%; }
 
.header.add .page-overlay .nav li > a{ color:#2ea7e0;}
.header.add .page-overlay .nav li.on > a:after{ content:""; width:100%; height:2px; background:#2ea7e0; display:block; margin:0 auto; transition:all 0.3s;}
.header.add .page-overlay .nav li > a:after{ content:""; width:0%; height:2px; background:#2ea7e0; display:block; margin:0 auto; transition:all 0.3s;}
.header.add .page-overlay .nav li > a:hover:after{ content:""; width:100%; }

.header.bgf .page-overlay .nav li{ margin-top:16px; transition:all 0.4s ease-in;}
.header.bgf .page-overlay .nav li > a{ color:#2ea7e0;}
.header.bgf .page-overlay .nav li.on > a:after{ content:""; width:100%; height:2px; background:#2ea7e0; display:block; margin:0 auto; transition:all 0.3s;}
.header.bgf .page-overlay .nav li > a:after{ content:""; width:0%; height:2px; background:#2ea7e0; display:block; margin:0 auto; transition:all 0.3s;}
.header.bgf .page-overlay .nav li > a:hover:after{ content:""; width:100%; }
 

/*.page-overlay .nav li .hidemenu{ width:110px; line-height:32px; text-align:center; padding-top:20px;   font-size:13px;  position:absolute; left:-20px; top:20px; opacity:0; transform:scale(0); transition:all 0.3s;}
.page-overlay .nav li .hidemenu.showd{opacity:1; transform:scale(1)}
.page-overlay .nav li .hidemenu dl{ position:relative; background:#fff; padding:15px 0; width:100%; box-shadow:0 1px 5px 0 rgba(0,0,0,0.2);}
.page-overlay .nav li .hidemenu dl:after{ content:""; width:8px; height:8px; background:#fff; transform:rotate(45deg); position:absolute; display:block; top:-4px; left:50%; margin-left:-6px; z-index:10; border-left:1px solid #f7f7f7; border-top:1px solid #f7f7f7;}

.header.add .page-overlay .nav li .hide{  padding-top:60px;  } */

@media screen and (max-width:1710px) {
.header .con{ width:90%;} 
.page-overlay .nav li > a{ font-size:16px;}
}
 
@media screen and (max-width:960px) {
.page-overlay .nav li{ margin-left:20px; } 
}
@media screen and (max-width:768px) {
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top:45px;right: 0;bottom: 0;left: 0; height:0; z-index:111999; width: 100%; overflow:hidden;  padding-top:0px; background:#fff; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px; padding:0;}
.header.add{ padding:0; height:50px;}
.header .con{ width:100%;} 
.header.add .logo{ margin:15px 0 0 0;  }
.header.add .logo a{ background:url(../images/logo2.png) no-repeat; background-size: auto 20px; width:200px; display:block; margin-left:20px;}

.page-overlay .nav{ width:100%; margin:0 auto; margin-top:0; float:none; text-align:left; }
.page-overlay .nav li{ float:none;  padding:0; margin:0px auto; text-align:center;}
.header.add .page-overlay .nav li > a{ font-size:18px; color:#2ea7e0; padding:10px 20px;}
.header.add .page-overlay .nav li.on > a:after{ content:""; width:30px; height:2px; background:#2ea7e0; display:block; margin:0 auto; transition:all 0.3s;}
.header.add .page-overlay .nav li > a:hover:after{ content:""; width:30px; }
  
}

@media screen and (max-width:400px) {
.page-overlay .nav{   margin-top:0px;}
.header.add .page-overlay .nav li > a{ font-size:20px; }
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
}

 


/*底部*/
.footer{ background:#3e3a39; padding:26px 0 46px 0; clear:both; overflow:hidden;  width:100%; }
.footlogo{ width:470px;}
.footlogo img{ width:100%;} 
.footer ul{ float:left; color:#fff; font-size:18px; line-height:28px; margin-top:20px;}
.footer ul h2{ font-size:22px; color:#fff; border-bottom:1px solid #9f9d9c; line-height:55px; margin-bottom:10px;}
.footer dl{ float:right; text-align:right;}
.footer dl dt{ margin:10px 0 20px 0;}
.footer dl dd{ color:#b5b5b6; font-size:16px;}
.footer dl dd a{ font-size:20px; color:#fff; margin-right:55px;} 
.footer dl dd a:hover{ text-decoration:underline;}
 
@media screen and (max-width:1710px) {
.footer dl dd a{ font-size:16px; color:#fff; margin-right:15px;} 
.footlogo{ width:300px;}
.footer ul h2{ font-size:18px;}
.footer ul{ font-size:14px; line-height:22px;}
.footer dl dt{ margin:0px 0 10px 0;}
}
@media screen and (max-width:960px) {
.footer dl dd span{ font-size:14px; display:block;} 
}

@media screen and (max-width:768px) {
.footlogo{ width:80%; margin:0 auto;}	
.footer ul{ float:none; width:100%; text-align:center;} 
.footer dl{ float:none; width:100%; text-align:center; margin-top:30px;}
}