@charset "UTF-8";
html {width:100%; height:100%}
body {width:100%; height:100%;}



.top {width:100%; display:inline-block;  position:relative; height:110px; min-width:1240px;  padding:0 4%; box-sizing:border-box;  z-index:9999999999999999999999999999999; transition: 0.3s linear;} 
.top:hover {background-color:#fff;  }
 
.top .logo {width:301px; height:65px; background:url('/common/img/logo.png'); background-size:cover; display:inline-block; margin-top:18px;}
.top:hover .logo { background:url('/common/img/logo_on.png');}

.up {position: fixed; right:30px; bottom:50px; display:block; width:50px; height:50px; border-radius:10px; background-color:#eee; color:#999 !important; text-align:center; font-size:14px; line-height:50px;}

nav { width:80%; float:right;   }

nav ul {
  font-size: 0;
  margin: 0;
 padding: 0; width:100%; text-align:right;
}

nav ul li {
  display: inline-block;
  position: relative;
}


nav ul li a {
  color: #fff !important;
  display: block; letter-spacing:-1px;
  font-size: 20px; font-weight:500;
  padding:40px 50px; 
  transition: 0.3s linear;
}
.top:hover nav ul li a  {color:#333 !important}

nav ul li ul {
   display: none;
  position: absolute;  
  width: 100%; text-align:center; margin-top:1px;
}

nav ul li ul li {
  
  display: block;  
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #fff; color:#fff !important;
  display: block; font-size:16px; font-weight:500;
  padding: 15px 14px;
}


.top:hover nav ul li ul li a  {color:#555 !important}
.top:hover nav ul li ul li a:hover {color:#fff !important;  background-color:#233950; }

 
@media all and (max-width:1700px){
nav {width:75%;}
nav ul li a  {  padding:40px 30px; }

}
 
@media all and (max-width:1400px){
nav {width:70%;}
nav ul li a  {  padding:40px 20px; }

}
@media all and (max-width:1400px){

nav ul li a  {  padding:40px 15px; }

}