/*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:#008bd6; color:#FFF; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.lang_m:hover{background:#00a4fc;}
.nav-list .lang_m a:link{color:#FFF; display:inline-block; padding:0 10px;}
.nav-list .lang_m a:visited{color:#FFF;}
.nav-list .lang_m span{border-left:1px solid #FFF; height:10px; display:inline-block; margin:0 8px 0px 8px;}
/*二级*/
.dv{padding:10px 0; width:80%; margin:0 auto; line-height:35px; text-align:center; display:none; background:#F8F8F8;}
.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:#555;}
.nav-list a:visited{color:#555;}
.nav-list a:hover{color:#008bd6;}
.copyright{width:100%; text-align:center; font-size:12px; color:#999; position:absolute; bottom:50px;}
.copyright a:link,.copyright a:visited{color:#999;line-height:20px;}
.copyright a:hover{color:#09F;}
/*二级 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(255,255,255,1);
  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: #555;
  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: #555;
  -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: #008bd6;
  -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:#008bd6;}
.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*/