*{padding: 0;margin: 0;font-family: “PingFang SC”, “Helvetica Neue”, Helvetica, Arial, “Hiragino Sans GB”, “Heiti SC”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, sans-serif;}



li{list-style: none;}
a{list-style: none;text-decoration:none;color: #333;}
a:link {text_decoration: none;}
a:visited {text_decoration: none;}
a:hover {text_decoration: none;}
a:active {text_decoration: none;}
a:focus {text_decoration: none;}
body{cursor: default;outline: none;caret-color: rgba(0,0,0,0);}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/icomoon.woff') format('woff'),
       url('../font/icomoon.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 40px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* head */
.head_logo{width: 100%; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;
border-bottom:rgba(255, 255, 255,0.3) solid 1px ;}
.head_logo>img{margin: 20px auto;}
/* 一级导航 */
.head_box{background-color:transparent;width: 100%;top: 0;z-index: 20;position: absolute;}
.head_box-bg{background-color: rgba(255,255,255,0.8);transition: all 0.4s ease 0s; border: none;}
.head_list{width: 100%;height: 100%;display: flex;justify-content: center;}
.head_list_li{height: 60px;line-height: 60px;float: left;width: 170px;text-align: center;color: #FFFFFF!important;}
.head_list_li:hover::before{display: block;content: "";background-color: rgba(249, 199, 94,0.7); width: 50px;height: 1px;margin: 0 auto;animation:zoomOut 6s;}
.hover_a_default:hover::after{display: block;content: "";background-color: rgba(249, 199, 94,0.7); width: 50px;height: 2px;margin: 0 auto;animation:zoomOut 4s;}
.hover_a_default{color: #FFFFFF;width: 100%;height: 100%;display: inline-block;    font-weight: 600;
    letter-spacing: 2px;}
.hover_a{color: #333333;}
/* 二级导航 */
.head_list_li:hover .head_list_2{display: block;transition: background 2s ease;transition: all 2s ease;transition:0.8s;}
.head_list_2{display: none;width: 150px;background-color: rgba(249, 199, 94,0.4);box-shadow: 0 13px 16px 0px rgb(0 0 0 / 10%);
margin-top: 2px;padding-top: 10px;padding-bottom: 10px; margin: 0px auto;}
.head_list_2 li {height: 35px;line-height: 35px;}
.head_list_2 li a{font-size: 14px; color: rgba(255, 255, 255, 0.6);}
.head_list_2 li:hover a{color: #fff;}



/* foont */
.foont{width: 100%;height:400px;background-color: #041b2c;}
.foont_contact{width: 90%;height: 250px; margin: 0 auto;display: flex;justify-content: space-between;padding-top:50px ;border-bottom:1px solid rgba(13, 46, 69,0.5) ;
}
.contact_text>h1{color: #F9C75E;display: flex;align-items: center;}
.contact_text>h1>img{width: 25%;}
.contact_text>p{color: #fff;margin: 10px auto;}

.contact_img{display: flex;}
.contact_img_box{margin: 0 30px;}
.contact_img_box>p{width: 100%;text-align: center;font-weight: 100;margin: 10px auto;}


.foont_copyright{margin-top: 15px;}
.foont_copyright>P{display: flex;justify-content: center;color: #fff;}


/*加载动画*/
#loading {
  position: absolute;
  background-color: rgba(4, 36, 62);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#loading_bg{
  background-color: rgba(0,0,0,0.7);
}
//body {
//  background: #eaecfa;
//}

.loader {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  color:#f9c75e;
  letter-spacing: 0.2rem;
}
.loader>img{position:absolute;top:-150px;}
.loader::before, .loader::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background:#f9c75e;
  position: absolute;
  -webkit-animation: load .7s infinite alternate ease-in-out;
  animation: load .7s infinite alternate ease-in-out;
}
.loader::before {
  top: 0;
}
.loader::after {
  bottom: 0;
}

@-webkit-keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}

@keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}