body{
  background-color: #fff
}
.container {
  width: 1200px;
  margin: 20px auto;
}

.md-box {
  background: url(../images/zt_m_bg.png) top center no-repeat transparent;
  padding-top: 40px;
}
#mdak-main {
  width: 100%;
  height: 850px;
  margin: 0 auto;
}
#mdak {
  width: 1200px;
  height: 700px;
  margin: 0 auto;
  box-shadow: #2c91ed 0 0 10px 5px inset;
  background-color: #fff;
}
.zstp-banner {
  width: 100%;
  height: 426px;
  background: url(../images/zstp_banner.jpg) center center no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;


}
.zstp-logo {
  display: block;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
  animation: zstp-logo 1.5s ease;

}
@keyframes zstp-logo {
  0% {
    opacity: 0.6;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.zstp-banner .zstp-lg-logo {
    display: block;
    margin: 0 auto;
    animation: lglogo .8s ease-in-out;
}

@keyframes lglogo {
  0% {
    transform: translateY(-20px) scale(1.01);
    opacity: 0.2;
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}

.tipbox {
  background: #7e7e7e;
  background: #7e7e7eee;
  padding: 7px 5px;
  border-radius: 5px;
  box-shadow: 0 0 10px 1px rgba(126, 126, 126, 0.9);
  min-width: 300px;
}
.tipbox a {
  display: block;
  color: #ffffff;
  padding: 10px;
  font-size: 18px;
}
.tipbox a:hover {
  color: #fc7878;
}

.container-full {
  width: 100%;
}
.main-tit {
  padding: 13px;
  background: url(../images/zt_main_tit_bg.png) center center no-repeat;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  margin-top: 5px;
}
.slide-box {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.tit-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  flex-wrap: wrap;
}
.tit-bar li {
  width: 12.5%;
  color: #fff;
  background: #1270be;
  padding: 10px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.tit-bar li img {
  display: block;
  margin: 15px auto;
}
.tit-bar li.on {
  background: #0e5289;
}

.backstretch {
  display: none !important;
}

@media (max-width: 768px) {
  #mdak,
  .container,
  .slide-box,
  .tit-bar {
    width: 100%;
  }
  .zstp-logo{
    width: 100%;
  }
  .zstp-banner{
    height: auto;
    padding: 40px 0;
  }
  .tit-bar li{width: 50%;}
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: -1;
}
/*  #particles-js2{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
} */