html, body, ol, ul, li, header, menu, nav {font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑","Heiti SC","WenQuanYi Micro Hei",sans-serif !important; margin:0;padding: 0;border: 0;vertical-align: baseline; list-style-type:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
header, menu, nav, main,footer,section,article {display: block;}/*初始化html5标签*/

.mtop{height:80px;}
header{width:100%; height:80px; color:#606a72; position:fixed; top:0; z-index:999;background:#f4f6f9;}
header .logo img{width:182px; display:inline-block; float:left;}
header .logo {float:left; margin:15px 30px 0 0;}
header .logo .biao{font-size:15px; color:#999; float:left; margin:42px 0 0 0;}

.mright{position:absolute; right:15px; margin:35px 0 0 0; width:200px; height:25px; display:none;}
header nav.menu2{float:left; width:55%; display:block;}
header nav.menu2 ul{float:left; line-height:50px; margin:18px 0 0 0;}
header nav.menu2 ul li {float:left;margin:0 10px; padding:0 20px;}
header nav.menu2 ul li a{color:#555;cursor:pointer; font-size:18px; line-height:30px; display:inline-block;}
header nav.menu2 ul li a:hover,header nav.menu2 ul li.active a {color:#606a72;text-decoration:none;}

@media (max-width:1840px) {
header .logo img{width:120px; margin:0px 0 0 5px;}
}
@media (max-width:1360px) {
header .logo {float:left; margin:15px 45px 0 0;}
header nav.menu2{float:left; width:50%;}
header nav.menu2 ul li {margin:0 8px; padding:0 20px;}
}
@media (max-width:1023px) {
.mtop{height:50px;}
.mright{display:block;margin:15px 0 0 0;}
header nav.menu2{display:none;}
header{height:50px;position:fixed; top:0;}
header .logo {margin:5px 0 0 0;}
header .logo img{width:auto; height:40px; margin:0px 0 0 10px;}
}
@media (max-width:768px) {
header .logo img{width:auto; height:38px; margin:1px 0 1px 10px;}
}

/*mob menu*/
.nav{position:relative; display:inline-block; border:none; display:none;}
.lang_m{width:80%; margin:40px auto; height:42px; display:block; line-height:40px; text-align:center; background:#0067e6; color:#FFF; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.lang_m:hover{background:#107BFF;}
/*二级*/
.dv{padding:10px 0; width:80%; margin:0 auto; line-height:35px; text-align:left; display:none; background:#182536;}
.dv a{width:30%; margin:0 auto; display:block;}
.sv{background:url(../images/uew_icon.png) no-repeat right 18px;}
.nav-list a:link{color:#a8b6c1;}
.nav-list a:visited{color:#a8b6c1;}
.nav-list a:hover{color:#FFF;}
/*二级 end*/

@media (max-width:1023px){
.nav{display:block;}
.dv a{width:80%; margin:0 auto;}
}

.btn-nav {
  position: fixed;
  top: 7px;
  right: 10px;
  background: transparent;
  border: none;
  padding: 5px 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 4px 0;
  width:25px; height:3px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
  background-color: #7A8490;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #606A72;
}

.nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(8,13,20,0.98);
  display: block;
  height: 100%;
  z-index: 1000;
}

.nav-list {
  list-style: none;
  padding: 0;
  position: relative;
  top: 10%; 
}

.item-anchor:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 1px;
  left: 0;
  bottom: -1px;
  z-index: 9;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor {
  color: #FFF;
  font-size: 18px;
  position: relative;
  text-decoration: none; border-bottom:1px solid #606A72; width:80%; margin:0 auto; display:inline-block;
  padding: 10px 0;
}

.item-anchor:hover,
.item-anchor:focus {
  color: #FFF;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.item-anchor:hover:after,
.item-anchor:focus:after{
  width:100%;
  background: #FFF;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.nav-item {margin: 0 auto 10px auto;text-align:center;}
.animated {display: block;margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{background-color:#107BFF;}
.animated:focus {  cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #606A72;
}

.animated .top {
  -webkit-transform: translateY(6px) rotateZ(45deg);
  -moz-transform: translateY(6px) rotateZ(45deg);
  -ms-transform: translateY(6px) rotateZ(45deg);
  -o-transform: translateY(6px) rotateZ(45deg);
  transform: translateY(6px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-8px) rotateZ(-45deg);
  -moz-transform: translateY(-8px) rotateZ(-45deg);
  -ms-transform: translateY(-8px) rotateZ(-45deg);
  -o-transform: translateY(-8px) rotateZ(-45deg);
  transform: translateY(-8px) rotateZ(-45deg);
}

.animated .middle {width: 0;}

@keyframes showNav {
  from {top: -100%;}
  to {top: 0;}
}

@-webkit-keyframes showNav {
  from {top: -100%;}
  to {top: 0;}
}

@-moz-keyframes showNav {
  from {top: -100%;}
  to {top: 0;}
}

@-o-keyframes showNav {
  from {top: -100%;}
  to {top: 0;}
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {top: 0;}
  to {top: -100%;}
}

@-webkit-keyframes hideNav {
  from {top: 0;}
  to {top: -100%;}
}

@-moz-keyframes hideNav {
  from {top: 0;}
  to {top: -100%;}
}

@-o-keyframes hideNav {
  from{top: 0;}
  to{top: -100%;}
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {
  display: none;
}
/*mob menu end*/