body {
  margin: 0 auto;
  overflow-x: hidden;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  position: relative;
  background: #f1f2f6;
}

div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.section.active .fade-in-up {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.section.active .d-500 {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.section.active .d-750 {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.section.active .d-1000 {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.section.active .dl-500 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.section.active .dl-750 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.section.active .dl-1000 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.section.active .dl-1250 {
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.section.active .dl-1500 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

#fp-nav ul li {
  width: 10px;
  height: 50px;
}

#fp-nav ul li a.active span {
  width: 4px !important;
  background: white;
}

#fp-nav ul li a span {
  width: 2px !important;
  height: 50px !important;
  display: block;
  margin: 0 auto !important;
  background: rgba(255, 255, 255, 0.5);
  position: inherit;
  top: inherit;
  left: inherit;
  -webkit-border-radius: inherit !important;
  -moz-border-radius: inherit !important;
  border-radius: inherit !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.index-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.header {
  width: 100%;
  height: 86px;
  background: rgba(8, 19, 32, 0.8);
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 99;
}

.header.active {
  background: black;
}


.footer {
  height: 100%;
  background: #081320;
}

.footer .footer-con {
  height: 100%;
  padding: 0 120px;
}

.footer .footer-con .footer-link {
  height: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3vh 0 10px 0;
  position: relative;
}

.footer .footer-con .footer-link .f-logo {
  float: left;
  margin-top: 2vh;
}

.footer .footer-con .footer-link .f-link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.footer .footer-con .footer-link .f-link ul {
  display: inline-block;
}

.footer .footer-con .footer-link .f-link ul li {
  float: left;
  padding: 0 20px;
  border-right: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footer .footer-con .footer-link .f-link ul li:last-child {
  border: none;
}

.footer .footer-con .footer-link .f-link ul li a {
  display: block;
  font-size: 14px;
  color: #fff;
}

.footer .footer-con .footer-link .f-link ul li a:hover {
  color: #e8373d;
}

.footer .footer-con .footer-link .f-QR {
  float: right;
}

.footer .footer-con .footer-link .f-QR dl dd {
  float: left;
  margin-left: 20px;
}

.footer .footer-con .footer-link .f-QR dl dd img {
  display: block;
  width: 78px;
}

.footer .footer-con .footer-link .f-QR dl dd span {
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin-top: 5px;
}

.footer .footer-con .footer-copy {
  height: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.footer .footer-con .footer-copy p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .header {
    height: 66px;
  }


@media screen and (max-width: 960px) {
  .index-header {
    z-index: 999;
  }

  .header {
    height: 55px;
  }


  .footer .footer-con {
    padding: 0 60px;
  }

  .footer .footer-con .footer-link .f-logo img {
    width: 130px;
  }

  .footer .footer-con .footer-link .f-link ul li {
    padding: 0 12px;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer-con {
    padding: 0 10px;
  }

  .footer .footer-con .footer-link {
    padding: 20px 0;
  }

  .footer .footer-con .footer-link .f-logo {
    float: none;
    margin-top: 10px;
  }

  .footer .footer-con .footer-link .f-link {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-top: 20px;
  }

  .footer .footer-con .footer-link .f-link ul li {
    padding: 0 8px;
  }

  .footer .footer-con .footer-link .f-QR {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .footer .footer-con .footer-link .f-QR dl {
    display: inline-block;
  }
}

.sub-banner {
  width: 100%;
  position: relative;
}

.sub-banner img {
  display: block;
  width: 100%;
}

.sub-banner .sub-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.sub-banner .sub-container .sub-title {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}

.sub-banner .sub-container .sub-title h2 {
  font-size: 40px;
  color: #fff;
  letter-spacing: 6px;
  position: absolute;
  bottom: 80px;
}

@media screen and (max-width: 1400px) {
  .sub-banner .sub-container .sub-title h2 {
    font-size: 34px;
  }
}

@media screen and (max-width: 960px) {
  .sub-banner {
    overflow: hidden;
  }

  .sub-banner img {
    width: 960px;
    max-width: inherit;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .sub-banner .sub-container .sub-title h2 {
    font-size: 26px;
  }
}

.sub-nav {
  background: #fff;
  border-top: 1px solid #e8373d;
}

.sub-nav ul {
  margin: 0 auto;
}

.sub-nav ul.ul-1 {
  max-width: 100%;
}

.sub-nav ul.ul-1 li {
  width: 100%;
}

.sub-nav ul.ul-2 {
  max-width: 26%;
}

.sub-nav ul.ul-2 li {
  width: 50%;
}

.sub-nav ul.ul-6 {
  max-width: 80%;
}

.sub-nav ul.ul-6 li {
  width: 16.66%;
}

.sub-nav ul.ul-7 {
  max-width: 80%;
}

.sub-nav ul.ul-7 li {
  width: 14.28%;
}

.sub-nav ul.ul-8 {
  max-width: 80%;
}

.sub-nav ul.ul-8 li {
  width: 12.28%;
}

.sub-nav ul li {
  float: left;
  text-align: center;
  padding: 20px 0;
}

.sub-nav ul li.active a {
  color: #08121e;
}

.sub-nav ul li:hover a {
  color: #08121e;
}

.sub-nav ul li a {
  font-size: 14px;
  color: #717171;
}

.crumbs {
  width: 100%;
  overflow: hidden;
}

.crumbs ul {
  float: right;
  line-height: 50px;
}

.crumbs ul li {
  float: left;
  font-size: 14px;
  color: #0a4063;
  margin-left: 5px;
}

.crumbs ul li a {
  color: #0a4063;
}

.page-number {
  text-align: center;
  margin-top: 40px;
}

.page-number .page-con {
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.page-number .page-con a {
  display: block;
  padding: 0 8px;
  margin: 0 2px;
}

.page-number .page-con .page-prev {
  float: left;
}

.page-number .page-con .page-prev a {
  display: block;
}

.page-number .page-con .page-prev a:hover {
  color: #fff;
  background: #0a4064;
}

.page-number .page-con .page-next {
  float: left;
}

.page-number .page-con .page-next a {
  display: block;
}

.page-number .page-con .page-next a:hover {
  color: #fff;
  background: #0a4064;
}

.page-number .page-con ul {
  float: left;
}

.page-number .page-con ul li {
  float: left;
}

.page-number .page-con ul li.active a {
  color: #fff;
  background: #0a4064;
}

.page-number .page-con ul li a:hover {
  color: #fff;
  background: #0a4064;
}

@media screen and (max-width: 1400px) {
  .sub-banner .sub-container .sub-title {
    max-width: 1200px;
  }
}

@media screen and (max-width: 960px) {
  .sub-nav ul.ul-6 {
    width: 100%;
    max-width: inherit;
  }
}

@media screen and (max-width: 640px) {
  .sub-nav {
    overflow-x: scroll;
  }

  .sub-nav ul.ul-2 {
    max-width: 100%;
  }

  .sub-nav ul.ul-6 {
    max-width: inherit;
    width: 670px;
  }

  .sub-nav ul.ul-6 li {
    width: 110px;
  }

  .sub-nav ul.ul-7 {
    max-width: inherit;
    width: 780px;
  }

  .sub-nav ul.ul-7 li {
    width: 110px;
  }
}

@media screen and (max-width: 480px) {
  .page-number .page-con a {
    padding: 0 5px;
  }
}