body{font-size:14px; min-width:1300px;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}


.navbg{ width:100%;	height:90px; border-bottom:1px solid rgba(255,255,255,0.1); z-index:100;position: fixed;top:0; }
.navbg_no{ border-bottom:0px solid rgba(255,255,255,0.1)}
.logo_nav{ width:100%;height:90px; background: rgba(0,162,144,0.8);}
.logo_nav .logo{ position:absolute; left:15px; top:10px}
.navq{ height:90px; width:55%; position:absolute; right:200px; top:0px }
.navq ul{ height:90px;}
.navq li{line-height:90px; width:calc(100%/7); float: left;}
.navq li a{ line-height:90px;font-size:17px; text-align:center; display: block; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; position:relative; color: #FFFFFF;}
.navq li a:hover{ color:#ff9c00; }
.navq li a:before {position: absolute;top: 0;content: "";display: block;width: 0;height: 3px; background: #ff9c00; transition-duration:.3s; left:50%; }
.navq li a:hover:before{ width: 90px; left:50%; margin-left:-40px; }
.logo_nav .nav_video{ height:90px; width:100px;  position:absolute; right:150px; top:0; z-index:102; background:#0050c0;}

.logo_nav .langage{ position:absolute; right:0; width:150px; height:90px; line-height:90px;  top:0;  font-size:16px; color:#fff; z-index:102;}
.logo_nav .langage_pic{ background:url(../img/qiu.png) no-repeat 8px center; width:100%; padding:0 0 0 45px;  box-sizing:border-box;}
.logo_nav .langage_pic span{ display:block; width:100%;}
.logo_nav .langage p {position: absolute;right: 10px;top: 40%;margin-top: -4px;content: "";display:block;vertical-align: top; width: 16px;height: 8px;background:url(../img/ico2.png) ;  transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5);}
.logo_nav .langage:hover p{ -webkit-animation: bounce-up 1s ease infinite;animation: bounce-up 1s ease infinite; }
@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(-8px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-3px);
}
}
 @keyframes bounce-up { 25% {
transform: translateY(-8px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-3px);
}
}
.logo_nav .langage_pic div{     display: none;
    width: 156px;
    text-align: center;
    color: #4f4f4f;
    position: absolute;
    top: 100%;
    left: 0;
    height: 0;  }
.logo_nav .langage_pic div a {display:block; width:120px; margin:0 auto;color: #333; line-height:39px; height:39px;font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0;}
.logo_nav .langage_pic div a:hover {color:#e43d32;  }

/*弹出*/
.navbarpage {
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  transition: all 1s ease;
  background-color: rgba(0, 0, 0, 0.85); z-index:99}
.nav_logo{ position:absolute; left:15px; top:7px}

.navbar {
  position: absolute;
  top: 50%;
  width: 80px; left:50%; margin-left:-40px; margin-top:-13px;
  height: 21px;
  cursor: pointer;
  box-sizing: border-box;
  z-index: 9;
}

.navbar div { position:absolute;
  width: 33px;
  height: 1px;
  transition: all 0.5s ease; font-size:15px; color:#fff
}

.navbar .nav1{
  background:#fff; left:5px; top:0;
}
.navbar .nav2 {
  background:#fff; left:0px; top:10px;
}
.navbar .nav3 {
  background:#fff; left:5px; bottom:0;
}
.navbar .nav4 {
 right:0; bottom:0; width: 32px;
  height: 20px;
}
.navbarOn1 {
  transform-origin: center;
  transform: rotate(45deg) translate(6px, 8px);
}

.navbarOn2 {
  transform-origin: center;
  transform: rotate(-45deg) translate(6px, -8px);
}

.navbarOn3 {
  transform: rotateY(90deg);
}
.hudong{
  width: 1260px; margin:0 auto;
  height: 200px;
}
.hudong h2{ width:25px; font-size:24px; color:#fff; padding:15px; border:1px solid rgba(255,255,255,0.5); margin:0 140px 0 0}
.hudong p{ line-height:36px; padding:20px 130px 0 0; font-size:16px; color:#fff}
.navbarpage .navbarpage_da {
  width: 100%;height: 600px; position:absolute; top:50%; margin-top:-300px;
}
.navbarpage ul {
  width: 90%; margin:0 auto
}
.navbarpage li a { color:#fff; font-size:26px;}
.navbarpage li span{ color:rgba(255,255,255,0.2); font-family:impact; text-transform:uppercase; padding:0 0 0 25px;}
.navbarpage ul li {  color:#fff; font-size:18px; line-height:85px; border-bottom:1px solid rgba(255,255,255,0.1)}
.navbarpage ul li a:hover{ color:#fff}
.navbarpage ul li a:hover span{ color:rgba(255,255,255,0.7)}
.navbarpage ul li:hover{ padding:0 0 0 35px; transition: all 0.3s;}

.active_navbar {
  top: 0 !important;
  transition: all 1s ease;
}

.navbarpage .navbarLi {
  position: relative;
  overflow: hidden;
  transition: background-color 0.6s linear;
}

.navbarLi a div {
  position: absolute;
}

.navbarpage .zuo1 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transition: all 0.3s linear;
}

.navbarpage .zuo2 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  transform: translateX(-300px);
  transition: all 0.6s linear;
}

.navbarpage .you1 {
  top: 100px;
  width: 100%;
  transition: all 0.6s linear;
}

.navbarpage .you2 {
  /* display: none; */
  /* opacity: 0; */
  top: 100px;
  width: 100%;
  transform: translateX(300px);
  transition: all 0.6s linear;
}

.navbarpage .you2 p {
  color: #fff;
}

/*弹出*/