@charset "utf-8";
body{font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";font-size:14px;color:#fff;}
*{margin:0;padding:0;-webkit-tap-highlight-color:transparent;box-sizing: border-box;}
ul,ol,li{list-style-type:none;}
img{border:0;max-width:100%;vertical-align:middle;}
a{text-decoration:none;color:#FFF}
a:hover{color: #5483de
}
.clear{clear:both;}
.ovh{overflow:hidden;}
.clearfix{clear:both;width:100%;float:left;}
.fl{float:left;}
.fr{float:right!important}
.rel{position:relative;}
.abl{position:absolute;}
.flex{display:flex;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;}
.flex-center{justify-content:center;}
.flex-items{align-items:center;}
.flex-bet{justify-content: space-between;}
.fb{font-weight: bold;}
.ep1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.bimg,.pimg{overflow:hidden}
.bimg img{width:100%;height:100%;display:block;transition:all 2.6s ease-in 0s}
.bimg:hover img{transform:scale(1.09)!important}
/* 滚动条 */
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-track {background:rgba(23, 176, 252, .2);}
::-webkit-scrollbar-thumb {background:#17B0FC;}
::-webkit-scrollbar-thumb:window-inactive {background:#666;}
::-webkit-scrollbar-thumb:vertical:hover {background:#666;}


 /*透明度*/
 @keyframes opacity {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
    100% {
      opacity: 1;
    }
}
/*转圈*/
  @keyframes fadenum {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
/*浮动*/
  @keyframes bounceDown {
    25% {
      transform: translateY(-3px);
    }
  
    50%,
    100% {
      transform: translateY(0);
    }
  
    75% {
      transform: translateY(3px);
    }
  }

  
/* fonts */
.f24{font-size:24px;}
.f20{font-size:20px;}
.f18{font-size:18px}
.f16{font-size:16px;}
/* common */
html,
body {
  width: 100%;
  height: 100%;
}

body {
  background: url(../img/bg.jpg) no-repeat center;
  background-size: 100% 100%;
  color: #fff;
  background-attachment: fixed;
}

#app {
  width: 1920px;
  height: 1080px;
  transform-origin: left top;
}

.top {
  height: 119px;
  width: 100%;
  z-index: 2;
  position: relative;
  padding: 0 95px;
  color: #A1C7E8;
}

.top .bg {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.top ul li {
  float: left;
  width: 120px;
  line-height: 54px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.top ul li a {
  color: #A1C7E8;
  display: block;
}

.top ul li::after {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 204, 255, 0.3);
}

.top ul li:last-child::after {
  display: none;
}

.top ul li::before {
  content: "";
  width: 0;
  height: 100%;
  z-index: -1;
  position: absolute;
  bottom: -2px;
  transition: all ease .3s;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/nav_cur.png) no-repeat bottom center;
}

.top ul li:hover::before, .top ul li.on::before {
  width: 100%;
}

.top ul li:hover a, .top ul li.on a {
  color: #fff;
}
.top .logo {
  font-size: 32px;
  padding-top: 18px;
  font-weight: bold;
  line-height: 32px;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  background: linear-gradient(0deg, #a2c6e8 10%, #fff 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.J_dropdown{width: 189px; height: 34px; line-height:34px; padding:0 10px; border: 1px solid rgba(23,176,252,0.3);background:url(../img/icon_xsj.png) no-repeat right 5px center;}
.dropdowbox{display:none;position:absolute;left:-1px;top:34px;z-index:20;}
.open .dropdowbox{display:block;}
.dropdow_inner{position:relative;width:123px;height:auto;color:#fff;background: linear-gradient(30deg, #004D98, #48DAFF);cursor:auto;}

.dropdow_inner .nav_box li{margin:0;}
.dropdow_inner .nav_box li a{display:block;float:none;height:32px;line-height:32px;padding:0 10px;text-decoration:none;color:#fff;}
.dropdow_inner .nav_box li a:hover{text-decoration:none;color:rgba(255,255,255,.5)}