header {
  width: 100%;
  height: 90px;
  background: #0f1527;
  text-align: center;
  position: fixed;
  z-index: 9;
}
header a {
  float: left;
}
header .nav {
  float: left;
  width: 700px;
  margin: 0 40px;
  text-align: center;
}
header .nav li {
  float: left;
  width: 111px;
  height: 28px;
  margin: 30px 10px;
  line-height: 28px;
  text-align: center;
}
header .nav li a {
  width: 100%;
  color: #fff;
  display: block;
  font-size: 16px;
  text-align: center;
}
header .nav li.active,
header .nav li:hover {
  background: url(../images/active.png) no-repeat center;
}
header .nav li.active a,
header .nav li:hover a {
  color: #ff0000;
}
header .logo2 {
  position: absolute;
  right: 0;
  top: 0;
}
.set {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.set a {
  width: 100%;
  height: 100%;
}
.music.play {
  animation: music_run 3s infinite linear;
}
@keyframes music_run {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.banner {
  width: 100%;
  /*   height:850px; */
  /*   background:url(../images/banner.jpg)no-repeat center bottom; */
  position: relative;
  overflow: hidden;
  /*   padding-top:90px; */
}
.banner > img {
  width: 100%;
  margin-top: 90px;
  font-size: 0;
  display: block;
}
.banner #video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
.banner .inner {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 100%;
}
.banner .inner .title {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 114px;
  width: 164px;
}
.banner .inner .time {
  position: absolute;
  left: 370px;
  bottom: 20px;
  width: 290px;
}
.banner .inner .lzx {
  position: absolute;
  right: 0;
  top: 100px;
}
.banner .inner .zhuy {
  position: absolute;
  left: 45px;
  top: 114px;
  width: 317px;
}
.banner a.buy {
  position: absolute;
  bottom: 75px;
  right: 216px;
}
.banner a.buy img {
  width: 90%;
}
.banner .vid {
  position: absolute;
  bottom: 17px;
  right: 215px;
}
.banner .vid img {
  width: 90%;
}
.video2 {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.video2 video {
  width: 800px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -225px;
  height: 450px;
}
.video2 .col {
  font-size: 40px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.video3 {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.video3 video {
  width: 800px;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -225px;
  height: 450px;
}
.video3 .col {
  font-size: 40px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
@media (max-width: 1670px) {
  .banner .inner .title {
    left: 50%;
    width: 125px;
    transform: translate(-50%);
    top: 114px;
  }
  .banner .inner .time {
    left: 400px;
    bottom: 40px;
    width: 211px;
  }
  .banner .inner .lzx {
    right: 168px;
    width: 160px;
  }
  .banner .inner a.buy {
    position: absolute;
    width: 160px;
    bottom: 80px;
    right: 404px;
  }
  .banner .inner a.vid {
    position: absolute;
    width: 160px;
    bottom: 35px;
    right: 404px;
  }
  .banner .inner .zhuy {
    width: 260px;
  }
}
/*content*/
.content {
  position: relative;
  width: 1200px;
  height: 734px;
  margin: 0px auto;
}
.l-pic-index {
  /*display:none;*/
  position: absolute;
  left: 506px;
  top: 1px;
  z-index: 2;
  width: 94px;
  height: 734px;
  background: url("../images/j1.png") no-repeat right 0;
}
.r-pic-index {
  /*display:none;*/
  position: absolute;
  right: 506px;
  top: 0;
  z-index: 2;
  width: 94px;
  height: 734px;
  background: url("../images/j4.png") no-repeat left 0;
}
.l-bg-index {
  position: absolute;
  top: 76px;
  right: 580px;
  z-index: 1;
  width: 25px;
  height: 604px;
  background: url("../images/j2.png") right 0 no-repeat;
}
.r-bg-index {
  position: absolute;
  top: 76px;
  left: 580px;
  z-index: 1;
  width: 25px;
  height: 604px;
  background: url("../images/j3.png") 0 0 no-repeat;
}
.main-index {
  display: none;
  overflow: hidden;
  zoom: 1;
  position: absolute;
  z-index: 5;
  width: 900px;
  height: 560px;
  left: 145px;
  top: 76px;
  color: #2e2e2e;
}
.intro-text {
  margin: 10px 0 0 44px;
  line-height: 1.8;
  text-indent: 30px;
}
.jz {
  width: 100%;
  height: 1230px;
  background: url(../images/jz_bg.jpg) no-repeat center;
}
.jz > img {
  width: 200px;
  display: block;
  margin: 0 auto;
  padding-top: 170px;
}
.main-index {
  text-align: center;
}
.main-index > ol {
  margin: 70px auto 30px;
  width: 400px;
  display: flex;
  justify-content: space-between;
}
.main-index > ol li {
  color: #fff;
  cursor: pointer;
  width: 108px;
  font-size: 18px;
  height: 48px;
  background: url(../images/hui.png) no-repeat center;
  text-align: center;
  line-height: 48px;
}
.main-index > ol li.active {
  background: url(../images/hong.png) no-repeat center;
}
.main-index > ul .jq > ol {
  width: 290px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px;
}
.main-index > ul .jq > ol li {
  width: 70px;
  height: 36px;
  cursor: pointer;
  /*  background:url(../images/kh.png)no-repeat center; */
  text-align: center;
  line-height: 36px;
  color: #333;
  font-size: 16px;
}
.main-index > ul .jq > ol li.active {
  /*  background:url(../images/kc.png)no-repeat center; */
  border-bottom: 2px solid #a82121;
}
.main-index > ul .jq > ul {
  width: 890px;
  margin: 0 auto;
}
.main-index > ul .jq > ul p {
  line-height: 34px;
  font-size: 16px;
  text-indent: 2em;
  text-align: justify;
}
.main-index > ul .jq > ul h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0;
}
.main-index > ul .jq > ul img {
  width: 260px;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}
.main-index > ul .rwjs > ol {
  width: 724px;
}
.main-index > ul .rwjs > ol li {
  width: 50px;
}
.zczy {
  width: 100%;
  height: 1468px;
  background: url(../images/zczy_bg.jpg) no-repeat center;
  position: relative;
}
.zczy > img {
  margin: 0 auto;
  display: block;
  padding-top: 180px;
  padding-bottom: 30px;
}
.zczy .creater {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.zczy .creater > ol {
  display: flex;
  justify-content: space-between;
  width: 524px;
  margin: 0 auto;
}
.zczy .creater > ol li {
  cursor: pointer;
  color: #000;
  font-size: 18px;
  text-align: left;
  text-indent: 1.4em;
  line-height: 50px;
  width: 122px;
  height: 49px;
  background: url(../images/zczy_e.png) no-repeat center left;
}
.zczy .creater > ol li.active {
  background: url(../images/zczy_h.png) no-repeat center left;
}
.zczy .creater > ul {
  width: 1200px;
  margin: 40px auto;
}
.zczy .creater > ul li > ol {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.zczy .creater > ul li > ol li {
  margin: 0px 10px;
}
.zczy .creater > ul li > ol li .des {
  width: 223px;
  height: 223px;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: -4px 6px 10px #201e1e;
}
.zczy .creater > ul li > ol li .des.dis {
  opacity: 0;
}
.zczy .creater > ul li > ol li .des img {
  width: 100%;
}
.zczy .creater > ul li > ol li p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 110px;
}
.zczy .creater > ul .zy1 {
  width: 530px;
  margin: 0 auto;
}
.zczy .creater > ul .zy2 {
  width: 840px;
  margin: 0 auto;
}
.fly {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.fly > ul {
  width: 1200px;
  height: 840px;
  background: url(../images/zc_bg.png) no-repeat center;
  margin: 0 auto;
  position: relative;
}
.fly > ul > a {
  width: 48px;
  height: 48px;
  font-size: 16px;
  color: #000;
  text-align: left;
  text-indent: 1.4em;
  display: block;
  line-height: 50px;
  background: url(../images/close.png) no-repeat center;
  position: absolute;
  right: 100px;
  top: 140px;
}
.fly > ul li {
  display: none;
  padding-top: 200px;
  width: 900px;
  margin: 0 auto;
}
.fly > ul li .des {
  height: 524px;
  overflow: auto;
}
.fly > ul li h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.fly > ul li p {
  font-size: 16px;
  text-indent: 2em;
  line-height: 36px;
}
.zzld {
  width: 100%;
  height: 1344px;
  background: url(../images/czld_bg.jpg) no-repeat center;
}
.zzld .inner li {
  position: relative;
}
.zzld .inner li p {
  text-indent: 2em;
}
.zzld .inner li h2 {
  font-weight: bold;
}
.zzld .inner > img {
  display: block;
  margin: 0 auto;
  padding-top: 140px;
}
.zzld .inner ol {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 160px auto 50px;
}
.zzld .inner ol li {
  cursor: pointer;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  width: 160px;
  height: 48px;
  background: url(../images/zzld_hui.png) no-repeat center;
}
.zzld .inner ol li.active {
  background: url(../images/zzld_h.png) no-repeat center;
}
.zzld .inner ul {
  width: 980px;
  margin: 0 auto;
}
.zzld .inner ul h2 {
  line-height: 40px;
  font-size: 16px;
}
.zzld .inner ul p {
  line-height: 36px;
  text-align: justify;
  padding: 0;
  font-size: 16px;
  padding-right: 16px;
}
.zzld .swiper-container {
  width: 837px;
  margin: 0 auto;
  height: 430px;
  overflow: hidden;
}
.zzld .swiper-container img {
  width: 100%;
}
.zzld .swiper-button-prev {
  width: 59px;
  height: 56px;
  margin-top: -28px;
  background: url(../images/left.png) no-repeat center;
}
.zzld .swiper-button-next {
  width: 59px;
  height: 56px;
  margin-top: -28px;
  background: url(../images/right.png) no-repeat center;
}
.zzld .swiper-button-next:after,
.zzld .swiper-button-prev:after {
  display: none;
}
.mtzs {
  height: 800px;
  width: 100%;
  background: url(../images/mtzs_bg.jpg) no-repeat center top;
}
.mtzs .inner > img {
  display: block;
  margin: 0 auto;
  padding-top: 216px;
}
.mtzs .inner ul {
  width: 1000px;
  margin: 0 auto;
}
.mtzs .inner ul li {
  position: relative;
  line-height: 60px;
  margin-top: 20px;
  border-bottom: 1px solid #fff;
  padding: 0 20px;
}
.mtzs .inner ul li a {
  font-size: 18px;
  color: #fff;
  display: block;
}
.mtzs .inner ul li a p {
  white-space: nowrap;
  /*规定段落中的文本不进行换行*/
  overflow: hidden;
  /*内容会被修剪，并且其余内容是不可见的。*/
  text-overflow: ellipsis;
  /*显示省略号来代表被修剪的文本*/
}
.mtzs .inner ul li a i {
  width: 170px;
  display: inline-block;
  font-style: normal;
}
.mtzs .inner ul li a span {
  width: 670px;
  display: inline-block;
}
.mtzs .inner ul li:after {
  position: absolute;
  right: -4px;
  bottom: -4px;
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: #000;
}
.mtzs .inner ul li:hover {
  border-bottom: 1px solid #cba387;
}
.mtzs .inner ul li:hover a {
  color: #cba387;
}
.mtzs .inner ul li:hover:after {
  border: 1px solid #cba387;
}
.footer {
  width: 100%;
  height: 310px;
  background: #000000;
  margin-bottom: -100px;
}
.footer > img {
  width: 1200px;
  margin: 0 auto;
  display: block;
}
.ljmore {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-size: 18px;
}
.return {
  display: none;
  position: fixed;
  bottom: 200px;
  right: 40px;
  font-size: 70px;
  width: 70px;
  cursor: pointer;
}
.return img {
  width: 100%;
}