@charset "UTF-8";
.box3 {
  max-width: 1800px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.t_line1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.t_line2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.t_line3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.t_line4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.t_line5 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.z_tanchuang .tbox .modal .out {
  background-image: url(../images/news1.png);
  background-color: transparent;
  -o-background-size: 35px;
     background-size: 35px;
  top: 0;
  right: -55px;
}

.z_tanchuang .tbox .modal .out:hover {
  background-image: url(../images/news2.png);
  background-color: transparent;
  -o-background-size: 35px;
     background-size: 35px;
}

.z_tanchuang .tbox .modal .img {
  border: 1px solid #d7b00d;
}

.z_tanchuang .video{
  display: none;
  position: relative;
  padding-top: 49.47916666667%;
  border: 1px solid #d7b00d;
}

.z_tanchuang .video iframe{
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.z_tanchuang.youtube .video{
  display: block;
}

.z_tanchuang.youtube .img{
  display: none;
}

@font-face {
  font-family: "osw";
  src: url("../fonts/OSWALD-REGULAR.otf");
  font-weight: normal;
  font-style: normal;
}
.fzl {
  font-family: "fzl";
}

.osw {
  font-family: "osw";
}

.fzljh {
  font-family: "fzljh";
}

.my-times {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.my-times::before, .my-times::after {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.my-times * {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.my-times *::before, .my-times *::after {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.w100 {
  width: 100%;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.block {
  display: block;
}

.bofang {
  cursor: pointer;
}

.my-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: none;
}
.my-modal .modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.my-modal .modal-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: safe center;
     -moz-box-align: safe center;
      -ms-flex-align: safe center;
          align-items: safe center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5vh 15px;
}
.my-modal .modal-main {
  position: relative;
}

.liuyan_tanchuang {
  position: fixed;
  width: 90%;
  max-width: 400px;
  display: none;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2010;
  border-radius: 2px;
  background: #000;
}
.liuyan_tanchuang .lox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #fff;
  line-height: 24px;
}
.liuyan_tanchuang .ico {
  width: 24px;
}
.liuyan_tanchuang .out {
  width: 20px;
  cursor: pointer;
  margin-top: 2px;
}
.liuyan_tanchuang .wz {
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  padding: 0 10px;
}

.my-img-active {
  cursor: pointer;
}
.my-img-active.my-img-container, .my-img-active .my-img-container {
  overflow: hidden;
}
.my-img-active .my-img-target {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}
.my-img-active:hover.my-img-target {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.my-img-active:hover .my-img-target {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.my-img-toggle {
  cursor: pointer;
}
.my-img-toggle.my-img-target, .my-img-toggle .my-img-target {
  position: relative;
  display: inline-block;
}
.my-img-toggle.my-img-target img, .my-img-toggle .my-img-target img {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.my-img-toggle.my-img-target img:nth-child(2), .my-img-toggle .my-img-target img:nth-child(2) {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.my-img-toggle:hover.my-img-target img:nth-child(1), .my-img-toggle:hover .my-img-target img:nth-child(1) {
  opacity: 0;
}
.my-img-toggle:hover.my-img-target img:nth-child(2), .my-img-toggle:hover .my-img-target img:nth-child(2) {
  opacity: 1;
}

.my-toggle {
  position: relative;
}
.my-toggle > .my-toggle-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  visibility: visible;
  pointer-events: none;
  opacity: 0;
  z-index: -9;
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all 0.5s, z-index 1s ease-in;
  -o-transition: all 0.5s, z-index 1s ease-in;
  -moz-transition: all 0.5s, z-index 1s ease-in;
  transition: all 0.5s, z-index 1s ease-in;
}
.my-toggle > .my-toggle-item.active {
  position: relative;
  -webkit-transition: 0.5s all 0.5s, z-index 0s;
  -o-transition: 0.5s all 0.5s, z-index 0s;
  -moz-transition: 0.5s all 0.5s, z-index 0s;
  transition: 0.5s all 0.5s, z-index 0s;
  pointer-events: auto;
  opacity: 1;
  z-index: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}

.my-title {
  position: relative;
}
.my-title::before {
  position: absolute;
  content: "";
  background: url(../images/index25.png) no-repeat center center/100% 100%;
  width: 1.725em;
  height: 1.25em;
}
.my-title .my-title-text1 {
  color: #fff;
  line-height: 1.3;
  position: relative;
}
.my-title .my-title-text2 {
  color: #fff;
  opacity: 0.06;
  text-transform: uppercase;
  position: absolute;
  bottom: 40%;
  left: -0.3em;
  white-space: nowrap;
}

.my-swiper-pagination .pagination-item {
  margin: 0 0.07rem;
  cursor: pointer;
}
.my-swiper-pagination .pagination-item.active path {
  stroke: #d7b00d;
  fill: #d7b00d;
}

.my-banner {
  position: relative;
}
.my-banner .banner-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.my-banner .banner-mask::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 50%;
  background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.my-banner .banner-mask::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.my-banner .banner-img2 {
  display: none;
}
.my-banner .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.my-banner .box {
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-banner .title {
  color: #fff;
}

.my-select {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.my-select .select-item {
  color: #fff;
  padding: 0.19rem;
  margin: 0 0.06rem;
  position: relative;
  cursor: pointer;
}
.my-select .select-item:hover, .my-select .select-item.active {
  color: #d7b00d;
}
.my-select .select-item:hover::before, .my-select .select-item.active::before {
  width: 100%;
}
.my-select .select-item::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #d7b00d;
}

.my-pages {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-pages .pages-item {
  width: 120px;
  height: 40px;
  position: relative;
  margin: 0 0.2rem;
}
.my-pages .pages-item:hover path {
  stroke: #d7b00d;
}
.my-pages svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.my-pages path {
  fill: rgba(255, 255, 255, 0.06);
  stroke: rgba(255, 255, 255, 0.15);
}
.my-pages span {
  position: relative;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
}

.my-breadcrumb {
  font-size: 14px;
  line-height: 20px;
  padding-top: 0.27rem;
  padding-bottom: 0.27rem;
}
.my-breadcrumb .box3 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.my-breadcrumb .item {
  color: rgba(255, 255, 255, 0.6);
}
.my-breadcrumb .item:first-child {
  margin-right: 0.12rem;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.my-breadcrumb .item:not(.active):hover {
  color: #d7b00d;
}
.my-breadcrumb .item.active {
  color: #fff;
}
.my-breadcrumb .item-icon {
  margin: 0 0.15rem;
  width: 7px;
}

.my-list1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.my-list1 .item {
  width: 22.8571428571%;
  margin-right: 2.8571428571%;
  margin-bottom: 0.5rem;
}
.my-list1 .item:nth-of-type(4n) {
  margin-right: 0;
}
.my-list1 .item:hover .item-icon::after {
  background-image: url(../images/index37.png);
}
.my-list1 .item:hover .item-img::before {
  background-image: url(../images/index43.png);
}
.my-list1 .item:hover .item-video {
  opacity: 1;
}
.my-list1 .item-tip {
  margin-bottom: 0.06rem;
}
.my-list1 .item-content {
  position: relative;
}
.my-list1 .item-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.7619047619%;
}
.my-list1 .item-icon::after {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/index40.png) no-repeat center center/100% 100%;
}
.my-list1 .item-img {
  position: relative;
}
.my-list1 .item-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/index43-1.png) no-repeat center center/100% 100%;
  z-index: 4;
}
.my-list1 .item-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.2;
}
.my-list1 .item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0.18rem;
  padding-bottom: 0.16rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  color: #fff;
  z-index: 3;
  background: url(../images/index47.png) no-repeat center center/cover;
}
.my-list1 .item-time {
  line-height: 1.2857142857;
  margin-bottom: 0.03rem;
  color: #ced7e5;
  font-family: "osw";
  opacity: 0.3;
}
.my-list1 .item-title {
  line-height: 1.375;
  height: 2.75em;
  font-family: "fzljh";
}
.my-list1 .item-video {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  top: 42%;
  z-index: 3;
  opacity: 0;
}

.my-login {
  width: 28.125em;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: url(../images/recharge20.png) no-repeat center center/cover;
  position: relative;
  color: #fff;
}
.my-login .close,#code-modal .close {
  position: absolute;
  top: 0;
  right: -55px;
  width: 35px;
  height: 32px;
  display: block;
  background: url(../images/news1.png) no-repeat center center/cover;
  cursor: pointer;
}
.my-login .close:hover,#code-modal .close:hover {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url(../images/news2.png);
}
.my-login .title {
  padding: 0.2rem 0;
  background: url(../images/recharge19.png) no-repeat center center/cover;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.my-login .logo {
  width: 12.5em;
  margin: 0 auto;
}
.my-login .form {
  padding: 0.42rem 0.5rem;
}
.my-login .form-item {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2rem;
}
.my-login .form-item.tel .form-input {
  padding-left: 4.4em;
}
.my-login .form-item.btn {
  margin-top: 0.4rem;
  margin-bottom: 0;
}
.my-login .form-item.active .form-input {
  border-color: #D8261C;
  background-color: rgba(216, 38, 28, 0.1);
}
.my-login .form-tip {
  position: absolute;
  left: 0.14rem;
  padding-right: 0.14rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.my-login .form-input {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  line-height: 2.8571428571;
  background-color: rgba(255, 255, 255, 0.06);
  border: solid 1px rgba(255, 255, 255, 0.3);
  padding: 0 0.14rem;
  color: #fff;
}
.my-login .form-input:focus {
  border-color: #d7b00d;
}
.my-login .code-btn {
  background-color: #d7b00d;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.125em;
  margin-left: 0.07rem;
  cursor: pointer;
  flex-shrink: 0;
}
.my-login .code-btn:hover {
  background-color: #C49E44;
}
.my-login .form-submit {
  line-height: 2.625;
  width: 100%;
  background: url(../images/recharge21.png) no-repeat center center/100% 100%;
  text-align: center;
  cursor: pointer;
}
.my-login .form-submit:hover {
  background-image: url(../images/recharge21-1.png);
}

header {
  font-family: "fzljh";
}

.footer {
  height: 100vh;
  background: url(../images/footer1.png) no-repeat center center/cover;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "fzljh";
}
.footer a {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  color: inherit;
}
.footer .item1 {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer .item1 .logo {
  width: 17.5em;
}
.footer .item2 {
  padding-top: 6.3157894737vh;
  padding-bottom: 6.3157894737vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .item2 .box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .item2 .nav-link {
  color: rgba(206,215,229,0.5);
  line-height: 1.2857142857;
  display: block;
}
.footer .item2 .nav-link:hover {
  color: #d7b00d;
  text-decoration: underline;
}
.footer .item2 .nav-link + .nav-link {
  margin-top: 0.2rem;
}
.footer .item2 .nav-link:nth-child(1) {
  color: #fff;
  margin-bottom: 0.3rem;
  line-height: 1.375;
}
.footer .item2 .nav-link:nth-child(1):hover {
  color: #d7b00d;
  text-decoration: underline;
}
.footer .item3 {
  padding-top: 6.3157894737vh;
  padding-bottom: 5.2631578947vh;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}
.footer .item3 .links {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
}
.footer .item3 .link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.1);
  margin-right: 0.15rem;
  position: relative;
  cursor: pointer;
}
.footer .item3 .link:hover {
  border-color: #d7b00d;
}
.footer .item3 .link:hover .link-container {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.footer .item3 .link-container {
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding-bottom: 0.2rem;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.footer .item3 .link-content {
  padding: 10px;
  background-color: #1d1f23;
}
.footer .item3 .link-content img {
  max-width: initial;
  width: 80px;
}
.footer .item3 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.32rem;
}
.footer .item3 .item {
  width: 80px;
  line-height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #fff;
  margin: 0 0.08rem 0.08rem;
}
.footer .item3 .item:hover {
  background-color: #d7b00d;
  border-color: #d7b00d;
}
.footer .item3 .text1 {
  color: #5c5e61;
  line-height: 1.2857142857;
  margin-bottom: 0.05rem;
}
.footer .item3 .text2 {
  color: #5c5e61;
  line-height: 1.5;
  margin-bottom: 0.22rem;
}
.footer .item3 .text3 {
  color: #5c5e61;
  line-height: 1.5;
}
.footer .item3 .text3 a:hover {
  color: #d7b00d;
  text-decoration: underline;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: opacity 0s, background-color 0.3s;
  -o-transition: opacity 0s, background-color 0.3s;
  -moz-transition: opacity 0s, background-color 0.3s;
  transition: opacity 0s, background-color 0.3s;
}
.header.active1 .box3::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: url(../images/header5.png) no-repeat center center/100% 100%;
}
.header.act {
  background-color: rgba(0, 0, 0, 0.5);
}
.header .box3 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .logo {
  width: 15em;
  margin-right: auto;
}
.header .nav {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header .nav-item {
  margin-right: 0.55rem;
  line-height: 7.5;
  position: relative;
}
.header .nav-item.active .nav-link::before {
  width: 100%;
}
.header .nav-item.active .nav-link::after {
  opacity: 1;
}
.header .nav-img {
  position: absolute;
  left: 50%;
  top: 80%;
  width: 120px;
  border: 2px solid #d7b00d;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.header .nav-img img {
  max-width: initial;
}
.header .nav-link {
  line-height: 2.375;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.header .nav-link:hover::before {
  width: 100%;
}
.header .nav-link:hover::after {
  opacity: 1;
}
.header .nav-link:hover + .nav-img {
  opacity: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
}
.header .nav-link::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #d7b00d;
}
.header .nav-link::after {
  position: absolute;
  content: "";
  width: 0.375em;
  height: 0.375em;
  border-radius: 50%;
  background-color: #d7b00d;
  right: -0.8125em;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  opacity: 0;
}
.header .side {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
           display: flex;
           line-height: 1;
}
.header .side  a{
    display: flex;
    align-content: center;
    align-items: center;
    height: 22px;
     line-height: 1;
}


.header .language {
  color: #fff;
}
.header .language:first-child{
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 .4rem 0 .5rem;
  font-family: 'arial';
}
.header .language:hover {
  color: #d7b00d;
}
.header .language:nth-child(2) .language-icon {
    transform: scale(0.9);-webkit-transform: scale(0.9);
}
.header .language-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 22px;
}
.header .item {
  line-height: 2.625;
  text-align: center;
  color: #fff;
  background: no-repeat center center/100% 100%;
}
.header .item1 {
  width: 6.625em;
  background-image: url(../images/header3.png);
  cursor: pointer;
}
.header .item1:hover {
  background-image: url(../images/header3-1.png);
}
.header .item2 {
  width: 8.8125em;
  background-image: url(../images/header4.png);
  margin-left: 0.2rem;
  cursor: pointer;
}
.header .item2:hover {
  background-image: url(../images/header4-1.png);
}

.mhead .item {
  line-height: 2.625;
  text-align: center;
  color: #fff;
  background: no-repeat center center/100% 100%;
}
.mhead .language {
  color: #fff;
  float: right;
  margin-top: 16px;
  margin-right: 5px;
}
/*.mhead .language:hover {*/
/*  color: #d7b00d;*/
/*}*/
.mhead .language-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
  width: 19px;
}
.mhead .item1 {
  width: 6.625em;
  background-image: url(../images/header3.png);
  cursor: pointer;
  float: right;
  margin-top: 7px;
}
.mhead .item1:hover {
  background-image: url(../images/header3-1.png);
}
.mhead .item2 {
  width: 8.8125em;
  background-image: url(../images/header4.png);
  margin-left: 0.2rem;
  cursor: pointer;
}
.mhead .item2:hover {
  background-image: url(../images/header4-1.png);
}

.index img, .index video, .news img, .news video, .news-detail img, .news-detail video, .videos-container img, .videos-container video, .recharge img, .recharge video, .my-login img, .my-login video, .contact img, .contact video, .about img, .about video, .agreement img, .agreement video {
  -o-object-fit: cover;
     object-fit: cover;
}
.index img, .news img, .news-detail img, .videos-container img, .recharge img, .my-login img, .contact img, .about img, .agreement img {
  display: block;
}
.index a, .news a, .news-detail a, .videos-container a, .recharge a, .my-login a, .contact a, .about a, .agreement a {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  color: inherit;
}
.index input, .index textarea, .news input, .news textarea, .news-detail input, .news-detail textarea, .videos-container input, .videos-container textarea, .recharge input, .recharge textarea, .my-login input, .my-login textarea, .contact input, .contact textarea, .about input, .about textarea, .agreement input, .agreement textarea {
  font-size: inherit;
  font-family: "fzljh";
  border: none;
  outline: none;
  color: #fff;
}

.index {
  height: 100vh;
  font-family: "fzl";
}
.index > .swiper-wrapper > .swiper-slide {
  height: 100vh;
}
.index > .swiper-wrapper > .swiper-slide.active {
  z-index: 2;
}
.index > .swiper-pagination {
  right: 0.6rem;
}
.index > .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 30px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 2.5px 0;
}
.index > .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #d7b00d;
}
.index .section1 {
  position: relative;
}
.index .section1::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.2;
}
.index .section1 .bg2 {
  display: none;
  min-height: 126.6666666667vw;
}
.index .section1 .bg2 + .bg2{
    display: none;
}
.index .section1 .content {
  position: absolute;
  bottom: 12.6315789474%;
  left: 0;
  right: 0;
}
.index .section1 .container {
  position: absolute;
  bottom: 5.2631578947%;
  left: 0;
  right: 0;
}
.index .section1 .btn {
  margin: 0 auto 0.49rem;
}
.index .section1 .title {
  font-size: 0.9rem;
  text-align: center;
  color: transparent;
  background: url(../images/index16.png) center center;
  -webkit-background-clip: text;
          background-clip: text;
  line-height: 1.2222222222;
  margin-bottom: 0.43rem;
}
.index .section1 .title span {
  /* background: url(../images/index16-1.png) center center /100% 100%;
  -webkit-background-clip: text;
          background-clip: text; */

  background: -webkit-linear-gradient(  40deg, #ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e, #fff,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e,#ffec9e, #ffec9e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 100% 500%;
  animation: xbdh1 3s infinite linear ;
  margin: 0 0.1rem;
  position: relative;
}


.index .nianlts{width:50px;position: absolute;right: .6rem;bottom: 5%;z-index: 3;cursor: pointer;}












@keyframes xbdh1 {
  0%{
    background-size: 100% 500%;

  }

  80%{
    background-size: 100% 500%;

  }
  100%{
    background-size: 300%  10%;

  }
  

}

.index .section1 .title span::before {
  /* position: absolute;
  content: "";
  width: 0.7555555556em;
  height: 0.9em;
  background: url(../images/index50.png) no-repeat center center/100% 100%;
  left: 51%;
  top: -27%; */
}
.index .section1 .title2 {
  margin: 0 auto 0.43rem;
}
.index .section1 .text {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.4444444444;
  margin-bottom: 0.25rem;
  font-family: "fzljh";
}
.index .section1 .text span {
  color: #fff;
  margin: 0 0.16rem;
  text-shadow: 2px 2px 7px rgba(29, 31, 35, 0.2);
}
.index .section1 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index .section1 .item {
  line-height: 3.3333333333;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  min-width: 10em;
  border-radius: 8px;
  background: url(../images/index4.png) no-repeat center center/cover;
  border: solid 1px #999999;
  margin: 0 0.1rem;
  font-family: "fzljh";
}
.index .section1 .item:hover {
  border-color: #d7b00d;
}
.index .section1 .item-icon {
  width: 2.2222222222em;
  margin-right: 0.06rem;
}

.index .section1 .item:nth-child(n + 3){display:none;}






.index .section1 .container .box3 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.index .section1 .link {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.1);
  margin-right: 0.15rem;
  position: relative;
  cursor: pointer;
}
.index .section1 .link:hover {
  border-color: #d7b00d;
}
.index .section1 .link:hover .link-container {
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.index .section1 .link-container {
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding-bottom: 0.2rem;
  -webkit-transform: translate3d(-50%, 15px, 0);
     -moz-transform: translate3d(-50%, 15px, 0);
          transform: translate3d(-50%, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.index .section1 .link-content {
  padding: 10px;
  background-color: #1d1f23;
}
.index .section1 .link-content img {
  max-width: initial;
  width: 80px;
}
.index .section2 .title {
  position: absolute;
  left: 0;
  right: 0;
  top: 20.4210526316%;
  z-index: 2;
}
.index .section2 .swiper {
  width: 100%;
  height: 100%;
}
.index .section2 .slide-mask {
  position: absolute;
  top: 0;
  left: 0;
}
.index .section2 .slide-content {
  position: absolute;
  bottom: 26.8421052632%;
  left: 0;
  right: 0;
  z-index: 2;
}
.index .section2 .slide-title {
  color: #d7b00d;
  line-height: 1.3333333333;
  padding-bottom: 0.13rem;
  margin-bottom: 0.18rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.index .section2 .slide-title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  background-color: #fff;
  height: 1px;
  width: 6px;
}
.index .section2 .slide-title img {
  display: inline-block;
  vertical-align: middle;
  width: 2.2222222222em;
  margin-right: 0.2rem;
}
.index .section2 .slide-title span {
  text-shadow: rgba(0, 0, 0, 0.8) 1px 0 10px;
}
.index .section2 .slide-text {
  line-height: 1.375;
  color: #fff;
  font-family: "fzljh";
}
.index .section2 .content {
  position: absolute;
  bottom: 8.4210526316%;
  left: 0;
  right: 0;
  z-index: 2;
}
.index .section2 .swiper-pagination {
  display: none;
}
.index .section2 .select {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.index .section2 .select-item {
  width: 18.142857142857%;
  border: solid 1px rgba(206, 215, 229, 0.1);
  padding: 3px;
  cursor: pointer;
  position: relative;
  margin-right: 0.3rem;
  pointer-events: auto;
}

.index .section2 .select-item:last-child{margin-right:0;}


.index .section2 .select-item:hover::before, .index .section2 .select-item.active::before {
  opacity: 1;
}
.index .section2 .select-item:hover .select-img::before, .index .section2 .select-item.active .select-img::before {
  opacity: 0;
}
.index .section2 .select-item:hover .select-text, .index .section2 .select-item.active .select-text {
  color: #fff;
}
.index .section2 .select-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/index19.png) no-repeat center center/100% 100%;
  opacity: 0;
}
.index .section2 .select-img {
  position: relative;
  height: 100%;
}
.index .section2 .select-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
}
.index .section2 .select-text {
  position: absolute;
  line-height: 1.375;
  left: 7.9439252336%;
  right: 7.9439252336%;
  bottom: 10.447761194%;
  color: #ced7e5;
  font-family: "fzljh";
}
.index .section3 {
  position: relative;
  overflow: hidden;
}

.index .section3 .mimg{
    display: none;
    
}

.index .section3 .title {
  position: absolute;
  left: 0;
  right: 0;
  top: 20.4210526316%;
  z-index: 2;
}
.index .section3 .item-container {
  position: absolute;
  font-family: "fzljh";
}
.index .section3 .item-container:nth-child(1) {
  left: 31.2%;
  top: 66%;
}
.index .section3 .item-container:nth-child(2) {
  left: 46.2%;
  top: 52%;
}
.index .section3 .item-container:nth-child(3) {
  left: 69.2%;
  top: 83%;
}
.index .section3 .item {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  z-index: 2;
  background: url(../images/index27.png) no-repeat top center/86% auto;
}
.index .section3 .item {
  width: 8.5555555556em;
  height: 19.0555555556em;
  -webkit-perspective: 5rem;
     -moz-perspective: 5rem;
          perspective: 5rem;
}
.index .section3 .item-link {
  position: relative;
  z-index: 3;
  width: 7.3333333333em;
  height: 7.3333333333em;
  margin: 0.8333333333em 0 0 0.6111111111em;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.4444444444em;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index .section3 .item-link > span {
  width: 1.9444444444em;
}
.index .section3 .item-link:hover .item-title {
  color: #d7b00d;
}
.index .section3 .item-title {
  margin-top: 0.04rem;
  color: #fff;
  line-height: 1.3333333333;
}
.index .section3 .line_ani {
  position: absolute;
  margin: auto;
  left: 0.1111111111em;
  right: 0;
  top: 1.4444444444em;
  width: 6.3333333333em;
  height: 6.3333333333em;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.index .section3 .line_ani .svg_rect {
  fill: transparent;
  stroke: hsla(0, 0%, 100%, 0.3);
  stroke-width: 5px;
  stroke-linecap: round;
  stroke-dasharray: 114 114 114 114;
  stroke-dashoffset: 0;
  -webkit-transition: 1.2s;
  -o-transition: 1.2s;
  -moz-transition: 1.2s;
  transition: 1.2s;
  -webkit-animation: line_ani 2.4s linear infinite backwards;
     -moz-animation: line_ani 2.4s linear infinite backwards;
       -o-animation: line_ani 2.4s linear infinite backwards;
          animation: line_ani 2.4s linear infinite backwards;
}
.index .section3 .circle_ani {
  position: absolute;
  bottom: -2.7777777778em;
  margin: auto;
  left: 0;
  right: 0;
  width: 8.3333333333em;
  height: 8.3333333333em;
  -webkit-transform: rotateX(80deg);
     -moz-transform: rotateX(80deg);
          transform: rotateX(80deg);
}
.index .section3 .circle_ani circle {
  fill: transparent;
  stroke: rgba(248, 234, 255, 0.85);
  stroke-width: 3px;
  -webkit-transform: rotate(9deg);
     -moz-transform: rotate(9deg);
      -ms-transform: rotate(9deg);
       -o-transform: rotate(9deg);
          transform: rotate(9deg);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
       -o-transform-origin: center;
          transform-origin: center;
  stroke-dasharray: 81 8 81 14 82 12 82 14;
  -webkit-animation: circle_ani 2.4s linear infinite backwards;
     -moz-animation: circle_ani 2.4s linear infinite backwards;
       -o-animation: circle_ani 2.4s linear infinite backwards;
          animation: circle_ani 2.4s linear infinite backwards;
}
.index .section3 .ring_ani, .index .section3 .ring_ani2 {
  position: absolute;
  bottom: -1.5555555556em;
  margin: auto;
  left: 0;
  right: 0;
  width: 3.8888888889em;
  height: 3.8888888889em;
  border-radius: 50%;
  border: 0.2222222222em solid hsla(0, 0%, 100%, 0.8);
  -webkit-transform: rotateX(70deg);
     -moz-transform: rotateX(70deg);
          transform: rotateX(70deg);
  -webkit-animation: ring_ani 2.4s linear infinite backwards;
     -moz-animation: ring_ani 2.4s linear infinite backwards;
       -o-animation: ring_ani 2.4s linear infinite backwards;
          animation: ring_ani 2.4s linear infinite backwards;
}
.index .section3 .ring_ani2 {
  -webkit-animation-delay: 0.6s;
     -moz-animation-delay: 0.6s;
       -o-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 3s;
     -moz-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  border: 0.2222222222em dotted #fff;
}
.index .section4 {
  background: url(../images/index31.png) no-repeat center center/cover;
}
.index .section4 .container {
  position: absolute;
  top: 20.4210526316%;
  left: 0;
  right: 0;
  bottom: 0;
}
.index .section4 .title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.32rem;
}
.index .section4 .select {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.44rem;
  font-family: "fzljh";
}
.index .section4 .select-item {
  color: #fff;
  padding: 0.19rem;
  margin: 0 0.06rem;
  position: relative;
  cursor: pointer;
}
.index .section4 .select-item:hover, .index .section4 .select-item.active {
  color: #d7b00d;
}
.index .section4 .select-item:hover::before, .index .section4 .select-item.active::before {
  width: 100%;
}
.index .section4 .select-item::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #d7b00d;
}
.index .section4 .look {
  color: #fff;
  margin-left: auto;
  font-family: "fzljh";
}
.index .section4 .look:hover {
  color: #d7b00d;
}
.index .section4 .look img {
  display: inline-block;
  vertical-align: middle;
  width: 2.25em;
  margin-left: 0.15rem;
}
.index .section4 .line {
  margin-bottom: 0.4rem;
}
.index .section4 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: "fzljh";
}
.index .section4 .swiper {
  margin-left: 0;
  width: 50%;
}
.index .section4 .swiper-slide {
  position: relative;
}
.index .section4 .swiper-slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/index35.png) no-repeat center center/100% 100%;
  z-index: 2;
}
.index .section4 .swiper-slide::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: url(../images/index37.png) no-repeat center center/100% 100%;
  width: 2.8571428571%;
  height: 4%;
}
.index .section4 .slide-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 8%;
  padding-left: 8%;
  padding-right: 8%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
}
.index .section4 .slide-info::before {
  position: absolute;
  content: "";
  top: 22.8%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.index .section4 .slide-time {
  line-height: 1.5714285714;
  margin-bottom: 0.2rem;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  font-family: "osw";
}
.index .section4 .slide-time span {
  width: 48px;
  background-color: #1d1f23;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 22px;
  margin-right: 0.08rem;
  font-family: "fzljh";
}
.index .section4 .slide-text {
  line-height: 1.3636363636;
  position: relative;
}
.index .section4 .swiper-pagination {
  text-align: right;
  padding-right: 0.3rem;
}
.index .section4 .right {
  width: 47.8571428571%;
}
.index .section4 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.3rem;
}
.index .section4 .item {
  position: relative;
  width: 48.5074626866%;
}
.index .section4 .item::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: url(../images/index40.png) no-repeat center center/100% 100%;
  width: 4.9230769231%;
  height: 7.619047619%;
}
.index .section4 .item-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 7.6923076923%;
  padding-left: 9.2307692308%;
  padding-right: 9.2307692308%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
}
.index .section4 .item-time {
  line-height: 1.5714285714;
  margin-bottom: 0.16rem;
  position: relative;
  color: rgba(255, 255, 255, 0.7);
  font-family: "osw";
}
.index .section4 .item-time span {
  width: 48px;
  background-color: #1d1f23;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 22px;
  margin-right: 0.08rem;
  font-family: "fzljh";
}
.index .section4 .item-text {
  line-height: 1.4444444444;
  position: relative;
}
.index .section4 .li {
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.23rem 0;
  position: relative;
}
.index .section4 .li:hover .li-title {
  color: #d7b00d;
}
.index .section4 .li::after, .index .section4 .li::before {
  position: absolute;
  content: "";
  top: -1px;
  height: 1px;
  background-color: #ced7e5;
  width: 6px;
}
.index .section4 .li::before {
  left: 0;
}
.index .section4 .li::after {
  right: 0;
}
.index .section4 .li-type {
  width: 48px;
  line-height: 22px;
  text-align: center;
  background-color: #d7b00d;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.index .section4 .li-title {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  padding: 0 10px 0 0.3rem;
  line-height: 1.375;
}
.index .section4 .li-time {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-family: "osw";
}
.index .section5 {
  background: url(../images/index41.png) no-repeat center center/cover;
}
.index .section5 .container {
  position: absolute;
  top: 20.4210526316%;
  left: 0;
  right: 0;
  bottom: 0;
}
.index .section5 .title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.32rem;
}
.index .section5 .select {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.44rem;
  font-family: "fzljh";
}
.index .section5 .select-item {
  color: #fff;
  padding: 0.19rem;
  margin: 0 0.06rem;
  position: relative;
  cursor: pointer;
}
.index .section5 .select-item:hover, .index .section5 .select-item.active {
  color: #d7b00d;
}
.index .section5 .select-item:hover::before, .index .section5 .select-item.active::before {
  width: 100%;
}
.index .section5 .select-item::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #d7b00d;
}
.index .section5 .look {
  color: #fff;
  margin-left: auto;
  font-family: "fzljh";
}
.index .section5 .look:hover {
  color: #d7b00d;
}
.index .section5 .look img {
  display: inline-block;
  vertical-align: middle;
  width: 2.25em;
  margin-left: 0.15rem;
}
.index .section5 .line {
  margin-bottom: 0.4rem;
}
.index .section5 .swiper-slide {
  pointer-events: auto;
}
.index .section5 .swiper-slide:hover .slide-icon::after {
  background-image: url(../images/index37.png);
}
.index .section5 .swiper-slide:hover .slide-img::before {
  background-image: url(../images/index43.png);
}
.index .section5 .swiper-slide:hover .slide-video {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
     -moz-transform: translate3d(-50%, -50%, 0) scale(1);
          transform: translate3d(-50%, -50%, 0) scale(1);
}
.index .section5 .slide-tip {
  margin-bottom: 0.06rem;
}
.index .section5 .slide-content {
  position: relative;
}
.index .section5 .slide-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.7619047619%;
}
.index .section5 .slide-icon::after {
  position: relative;
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
  background: url(../images/index40.png) no-repeat center center/100% 100%;
}
.index .section5 .slide-img {
  position: relative;
}
.index .section5 .slide-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/index43-1.png) no-repeat center center/100% 100%;
  z-index: 4;
}
.index .section5 .slide-img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.2;
}
.index .section5 .slide-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0.18rem;
  padding-bottom: 0.16rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  color: #fff;
  z-index: 3;
  background: url(../images/index47.png) no-repeat center center/cover;
}
.index .section5 .slide-time {
  line-height: 1.2857142857;
  margin-bottom: 0.03rem;
  color: #ced7e5;
  font-family: "osw";
}
.index .section5 .slide-title {
  line-height: 1.375;
  height: 2.75em;
  font-family: "fzljh";
}
.index .section5 .swiper-pagination {
  display: none;
}
.index .section5 .slide-video {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
     -moz-transform: translate3d(-50%, -50%, 0) scale(0);
          transform: translate3d(-50%, -50%, 0) scale(0);
  top: 42%;
  z-index: 3;
  opacity: 0;
}
.news .section1 {
  padding-top: 0.31rem;
  padding-bottom: 1rem;
  background: url(../images/news5.png) no-repeat center center/cover;
}
.news .section1 .my-select {
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.32rem;
}
.news .section1 .line {
  margin-bottom: 0.4rem;
}
.news .section1 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news .section1 .item {
  width: 48.5714285714%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 0.4rem;
}
.news .section1 .item:hover::before {
  background-image: url(../images/news13.png);
}
.news .section1 .item:hover .item-dot::before {
  background-image: url(../images/index37.png);
}
.news .section1 .item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/news12.png) no-repeat center center/100% 100%;
  z-index: 2;
}
.news .section1 .item-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.9411764706%;
}
.news .section1 .item-dot::before {
  position: relative;
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url(../images/index40.png) no-repeat center center/100% 100%;
}
.news .section1 .item-img {
  width: 41.1764705882%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.news .section1 .item-info {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  background-color: rgba(255, 255, 255, 0.06);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 7.3529411765% 0 4.4117647059%;
  color: #fff;
}
.news .section1 .item-time {
  line-height: 1.5714285714;
  font-family: "ows";
  margin-bottom: 0.1rem;
}
.news .section1 .item-time span {
  background-color: #d7b00d;
  font-family: "fzljh";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.08rem;
  padding: 0 0.12rem;
}
.news .section1 .item-text {
  line-height: 1.4545454545;
  height: 2.9090909091em;
}

.news-detail {
  padding-top: 7.5em;
  background: url(../images/news-detail3.png) no-repeat center center/cover;
}
.news-detail .section1 {
  padding-top: 0.44rem;
  padding-bottom: 1.2rem;
}
.news-detail .section1 .container {
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  line-height: normal;
}
.news-detail .section1 .container img{
    display: inline-block;
}
.news-detail .section1 .title {
  color: #fff;
  line-height: 1.4545454545;
  margin-bottom: 0.3rem;
}
.news-detail .section1 .time {
  color: #fff;
  position: relative;
  line-height: 1.2857142857;
  margin-bottom: 0.28rem;
  color:rgba(255,255,255,0.5);
}
.news-detail .section1 .time::before {
  position: relative;
  content: "";
  width: 0.4285714286em;
  height: 0.4285714286em;
  border-radius: 50%;
  background-color: #d7b00d;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.12rem;
}
.news-detail .section1 .content {
  padding-top: 0.4rem;
  padding-bottom: 0.3rem;
  line-height: normal;
  color: #fff;
  position: relative;
}
.news-detail .section1 .content img {
  display: inline-block;
}
.news-detail .section1 .list {
  color: #fff;
  line-height: 1.4285714286;
  padding: 0.27rem 0;
  position: relative;
}
.news-detail .section1 .list::after, .news-detail .section1 .list::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 1px;
  background: url(../images/news-detail7.png) no-repeat center center/100% 100%;
}
.news-detail .section1 .list::after {
  bottom: 0;
}
.news-detail .section1 .list::before {
  top: 0;
}
.news-detail .section1 .list-title {
  margin-bottom: 0.24rem;
}
.news-detail .section1 .item + .item {
  margin-top: 0.17rem;
}
.news-detail .section1 .item-title {
  margin-bottom: 0.17rem;
}
.news-detail .section1 .item-text {
  padding-left: 2em;
}
.news-detail .section1 .tip {
  margin-top: 0.27rem;
  line-height: 1.4285714286;
  color: #fff;
}
.news-detail .section1 .back {
  width: 42px;
  height: 36px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: absolute;
  top: 0;
  left: -1rem;
}
.news-detail .section1 .back:hover {
  border-color: #d7b00d;
}
.news-detail .section1 .back-top {
  width: 48px;
  height: 48px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: absolute;
  bottom: 0;
  right: -1.2rem;
  cursor: pointer;
}
.news-detail .section1 .back-top img {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.news-detail .section1 .back-top:hover {
  border-color: #d7b00d;
}

.videos-container .section1 {
  padding-top: 0.31rem;
  padding-bottom: 1rem;
  background: url(../images/videos3.png) no-repeat center center/cover;
}
.videos-container .section1 .my-select {
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.32rem;
}
.videos-container .section1 .line {
  margin-bottom: 0.4rem;
}
.videos-container .section1 .radios-container {
  text-align: center;
  margin-bottom: 0.4rem;
}
.videos-container .section1 .radios {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.videos-container .section1 .radios svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.videos-container .section1 .radios path {
  stroke: rgba(255, 255, 255, 0.1);
  stroke-width: 2px;
  fill: transparent;
}
.videos-container .section1 .radio {
  line-height: 2.5714285714;
  padding: 0 2.2857142857em;
  position: relative;
}
.videos-container .section1 .radio + .radio {
  margin-left: -0.7142857143em;
}
.videos-container .section1 .radio.active, .videos-container .section1 .radio:hover {
  background-color: #d7b00d;
}

.recharge {
  color: #fff;
}
.recharge .my-title .my-title-text2{
    left: -1em;
}
.recharge .section1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: url(../images/recharge3.png) no-repeat center center/cover;
}
.recharge .section1 .box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recharge .section1 .title {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  margin-bottom: 0.2rem;
}
.recharge .section1 .tip img {
  display: inline-block;
  vertical-align: middle;
  width: 2.25em;
  margin-left: 0.15rem;
}
.recharge .section1 .line {
  margin-bottom: 0.4rem;
}
.recharge .section1 .left {
  width: 32.1428571429%;
}

.recharge .section1 .title .tip{cursor: pointer;}

.recharge .section1 .left .popover {
  margin-bottom: 0.25rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.recharge .section1 .left .popover-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
  width: 1em;
  cursor: pointer;
}
.recharge .section1 .left .popover-icon:hover + .popover-container {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.recharge .section1 .left .popover-container {
  position: absolute;
  left: 100%;
  bottom: 0;
  padding-left: 8px;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 15px, 0);
     -moz-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.recharge .section1 .left .popover-container:hover {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.recharge .section1 .left .popover-li {
  min-width: 21.4285714286em;
  height: 4.2857142857em;
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.3);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.recharge .section1 .left .popover-li + .popover-li {
  margin-top: 0.22rem;
}
.recharge .section1 .left .popover-img {
  margin-right: 0.2rem;
  width: 3.5714285714em;
}
.recharge .section1 .left .filter {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.2rem;
}
.recharge .section1 .left .select {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  position: relative;
  z-index: 2;
}
.recharge .section1 .left .select.active .select-icon{
    transform: rotate(360deg);
}
.recharge .section1 .left .select-content {
  width: 100%;
  height: 2.625em;
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.3);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.12rem;
  position: relative;
}
.recharge .section1 .left .select-input {
  background-color: transparent;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  color: #fff;
}
.recharge .section1 .left .select-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 2.2857142857em;
  height: 2.2857142857em;
  border: solid 1px rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  position: relative;
  transform: rotate(180deg);
  cursor: pointer;
}
.recharge .section1 .left .select-icon::before {
  position: absolute;
  content: "";
  border-bottom: 7px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.recharge .section1 .left .select-container {
  width: 100%;
  height: 1.4rem;
  display: none;
}
.recharge .section1 .left .select-ul {
  height: 100%;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-top: none;
  padding: 10px 5px;
}
.recharge .section1 .left .select-li {
  line-height: 1.8333333333;
  color: #a5acba;
  cursor: pointer;
  padding: 0 6px;
  border-radius: 2px;
}
.recharge .section1 .left .select-li:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.recharge .section1 .left .select-popover {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 0.3rem;
  width: 18.75em;
  -webkit-transform: translate3d(0, 15px, 0);
     -moz-transform: translate3d(0, 15px, 0);
          transform: translate3d(0, 15px, 0);
  pointer-events: none;
  opacity: 0;
}
.recharge .section1 .left .select-popover.active {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  pointer-events: auto;
  opacity: 1;
}
.recharge .section1 .left .select-popover-container {
  width: 100%;
  background: url(../images/recharge22.png) no-repeat center center/cover;
  padding: 0.25rem 10% 0.4rem;
  border: solid 1px rgba(206, 215, 229, 0.5);
  position: relative;
}
.recharge .section1 .left .select-popover-before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 100%;
  width: 0.17rem;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.recharge .section1 .left .select-popover-title {
  line-height: 1.3333333333;
  padding-bottom: 0.16rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0.26rem;
}
.recharge .section1 .left .select-popover-infos {
  margin-bottom: 0.36rem;
}
.recharge .section1 .left .select-popover-info {
  line-height: 1.4285714286;
}
.recharge .section1 .left .select-popover-info + .select-popover-info {
  margin-top: 0.12rem;
}
.recharge .section1 .left .select-popover-btns {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.recharge .section1 .left .select-popover-btns .btn {
  margin-left: 0;
}
.recharge .section1 .left .select-popover-btns .btn:nth-child(1) {
  background-image: url(../images/recharge23.png);
}
.recharge .section1 .left .select-popover-btns .btn:nth-child(1):hover {
  background-image: url(../images/header3.png);
}
.recharge .section1 .left .btn {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.08rem;
  line-height: 2.625;
  text-align: center;
  background: url(../images/header3.png) no-repeat center center/100% 100%;
  width: 6.625em;
  cursor: pointer;
}
.recharge .section1 .left .btn:hover {
  background-image: url(../images/header3-1.png);
}
.recharge .section1 .left .tip {
  cursor: pointer;
}
.recharge .section1 .left .tip:hover {
  color: #d7b00d;
}
.recharge .section1 .left .info {
  line-height: 1.4285714286;
}
.recharge .section1 .left .info + .info {
  margin-top: 0.2rem;
}
.recharge .section1 .left .line1 {
  display: none;
}
.recharge .section1 .right {
  width: 64.6428571429%;
}
.recharge .section1 .right .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recharge .section1 .right .list::after {
  position: relative;
  content: "";
  width: 30.1657458564%;
  height: 0;
}
.recharge .section1 .right .item {
  width: 30.1657458564%;
  margin-bottom: 0.4rem;
}
.recharge .section1 .right .item.active .item-content {
  border-color: #d7b00d;
}
.recharge .section1 .right .item.active .item-svg {
  opacity: 0;
}
.recharge .section1 .right .item.active .item-checked {
  opacity: 1;
}
.recharge .section1 .right .item-content {
  background: url(../images/recharge13.png) no-repeat center center/cover;
  border: solid 1px rgba(206, 215, 229, 0.2);
  position: relative;
}
.recharge .section1 .right .item-checked {
  position: absolute;
  right: 0;
  top: 0;
  width: 15.0183150183%;
  opacity: 0;
}
.recharge .section1 .right .item-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recharge .section1 .right .item-svg path {
  fill: transparent;
  stroke: #d7b00d;
  stroke-width: 2px;
}
.recharge .section1 .right .item-img {
  width: 90.7407407407%;
  margin: 0.28rem auto 0.06rem;
  position: relative;
  border-top: 1px solid rgba(205, 214, 228, 0.2);
  border-bottom: 1px solid rgba(205, 214, 228, 0.2);
}
.recharge .section1 .right .item-img::before {
  position: absolute;
  content: "";
  top: 62.5806451613%;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgb(32, 37, 44));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgb(32, 37, 44));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgb(32, 37, 44));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(32, 37, 44));
}
.recharge .section1 .right .item-img img {
  position: relative;
}
.recharge .section1 .right .item-title {
  width: 90.7407407407%;
  color: #fff;
  line-height: 1.375;
  margin: 0 auto 0.05rem;
  position: relative;
}
.recharge .section1 .right .item-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
  width: 1em;
}
.recharge .section1 .right .item-tip {
  position: absolute;
  bottom: 130%;
  left: 0;
  line-height: 2.0714285714;
  background-color: #d7b00d;
  color: #000;
  padding: 0 0.7857142857em;
}
.recharge .section1 .right .item-tip::before {
  position: absolute;
  content: "";
  border-top: 0.3571428571em solid #d7b00d;
  border-left: 0.2142857143em solid transparent;
  border-right: 0.2142857143em solid transparent;
  top: 100%;
  left: 0.8571428571em;
}
.recharge .section1 .right .item-price {
  color: #fff;
  text-align: right;
  margin-top: 0.2rem;
}



.recharge .section1 .right .mhezi{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9;padding: 20px 0;background: url(../images/czbg.jpg) center ;border-bottom: 1px solid #4c5459;border-top: 1px solid #4c5459;}

.recharge .section1 .right .mhezi .box{justify-content: flex-end;}



.recharge .section1 .right .buy {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
}
.recharge .section1 .right .btn {
  width: 8.8125em;
  background: url(../images/header4.png) no-repeat center center/100% 100%;
  line-height: 2.625;
  text-align: center;
  margin-left: 0.3rem;
  cursor: pointer;
}
.recharge .section1 .right .btn:hover {
  background-image: url(../images/header4-1.png);
}

.contact {
  color: #fff;
}
.contact .section1 {
  background: url(../images/contact1.png) no-repeat center center/cover;
}
.contact .section1 .box {
  min-height: 100vh;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: -webkit-calc(7.5em + 30px);
  padding-top: -moz-calc(7.5em + 30px);
  padding-top: calc(7.5em + 30px);
  padding-bottom: 30px;
}
.contact .section1 .my-title {
  margin-bottom: 0.4rem;
}
.contact .section1 .tip {
  line-height: 1.2857142857;
  margin-bottom: 0.3rem;
  width: 7rem;
}
.contact .section1 .line {
  margin-bottom: 0.28rem;
  width: 7rem;
}
.contact .section1 .form {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 7rem;
}
.contact .section1 .form-item {
  width: 47.8571428571%;
  margin-bottom: 0.24rem;
  position: relative;
}
.contact .section1 .form-item.status1 {
  width: 100%;
}
.contact .section1 .form-item.code .code-img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: pointer;
  height: 2.625em;
}
.contact .section1 .form-item.xy {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .section1 .form-item.xy .form-checkbox {
  margin-right: 7px;
  position: relative;
}
.contact .section1 .form-item.xy .form-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  border-radius: 2px;
  z-index: 2;
  cursor: pointer;
}
.contact .section1 .form-item.xy .form-checkbox input:checked + .form-checked {
  border-color: #d7b00d;
  background-color: #d7b00d;
}
.contact .section1 .form-item.xy .form-checkbox input:checked + .form-checked::after {
  opacity: 1;
}
.contact .section1 .form-item.xy .form-checked {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.06);
  border: solid 1px rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.contact .section1 .form-item.xy .form-checked::after {
  position: relative;
  content: "✔";
  color: #fff;
  font-size: 12px;
  -webkit-transform: scale(0.1);
     -moz-transform: scale(0.1);
      -ms-transform: scale(0.1);
       -o-transform: scale(0.1);
          transform: scale(0.1);
  opacity: 0;
}
.contact .section1 .form-item.xy label {
  cursor: pointer;
}
.contact .section1 .form-item.xy a {
  color: #cdd6e4;
  text-decoration: underline;
}
.contact .section1 .form-item.xy a:hover {
  color: #d7b00d;
}
.contact .section1 .form-item.btn {
  margin-bottom: 0;
  margin-top: 0.38rem;
}
.contact .section1 .form-item.active .form-input {
  border-color: #D8261C;
  background-color: rgba(216, 38, 28, 0.1);
}
.contact .section1 .form-label {
  line-height: 1.2857142857;
  margin-bottom: 0.1rem;
}
.contact .section1 .form-label.required::after {
  position: relative;
  content: "*";
  color: #d7b00d;
  margin-left: 2px;
}
.contact .section1 .form-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
  padding-top: 0.07rem;
}
.contact .section1 .form-content {
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.contact .section1 .form-input {
  background-color: rgba(255, 255, 255, 0.06);
  line-height: 2.5;
  border: solid 1px rgba(255, 255, 255, 0.1);
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  padding: 0 10px;
}
.contact .section1 .form-input:focus {
  border-color: #d7b00d;
}
.contact .section1 .form-textarea {
  background-color: rgba(255, 255, 255, 0.06);
  border: solid 1px rgba(255, 255, 255, 0.1);
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  padding: 10px;
  resize: none;
  height: 6.25em;
}
.contact .section1 .form-textarea:focus {
  border-color: #d7b00d;
}
.contact .section1 .form-tip {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.6666666667;
  margin-top: 0.06rem;
}
.contact .section1 .form-submit {
  line-height: 2.625;
  text-align: center;
  background: url(../images/header3.png) no-repeat center center/100% 100%;
  width: 6.625em;
  cursor: pointer;
}
.contact .section1 .form-submit:hover {
  background-image: url(../images/header3-1.png);
}

.about {
  color: #fff;
}
.about .section1 {
  background: url(../images/about3.png) no-repeat center center/cover;
  padding-top: 0.75rem;
  padding-bottom: 1.2rem;
}
.about .section1 .box {
  max-width: 760px;
}
.about .section1 .title {
  text-align: center;
  line-height: 1.3333333333;
  margin-bottom: 0.55rem;
}
.about .section1 .line {
  margin-bottom: 0.54rem;
}
.about .section1 .content {
  line-height: normal;
}
.about .section1 .content img {
  display: inline-block;
}

.agreement {
  color: #fff;
}
.agreement .section1 {
  background: url(../images/agreement1.png) no-repeat center center/cover;
}
.agreement .section1 .box {
  min-height: 100vh;
  padding-top: -webkit-calc(7.5em + 0.7rem);
  padding-top: -moz-calc(7.5em + 0.7rem);
  padding-top: calc(7.5em + 0.7rem);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.2rem;
}
.agreement .section1 .title {
  line-height: 1.3333333333;
  margin-bottom: 0.35rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.agreement .section1 .line {
  margin-bottom: 0.4rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.agreement .section1 .content {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 0;
  overflow: auto;
  line-height: normal;
}
.agreement .section1 .content img{
    display: inline-block;
}
.agreement .section1 .content::-webkit-scrollbar {
  background-color: rgba(255, 255, 255, 0.1);
  width: 2px;
}
.agreement .section1 .content::-webkit-scrollbar-thumb {
  background-color: #fff;
  width: 2px;
}





  .index .section2 .mimg{display:none;}



/* 文案弹窗 */

.wz_tanchuang{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.5);}

.wz_tanchuang .wbox{position: absolute; width: 620px;height: 450px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 99;background: #1e2125;padding: 50px 40px;border: 1px solid #757d88;}

.wz_tanchuang .tt{text-align: center;line-height: 40px;color: #fff;}

.wz_tanchuang .tc{width: 100%;height: 260px;overflow: auto;padding-right: 10px;line-height: 28px;color: #a5acba;margin: 10px 0 20px;}

.wz_tanchuang .btn {-webkit-flex-shrink: 0;    -ms-flex-negative: 0;        flex-shrink: 0;line-height: 2.625;text-align: center;background: url(../images/header3.png) no-repeat center center/100% 100%;width: 6.625em;cursor: pointer;margin: 0 auto;}

.wz_tanchuang  .btn:hover {background-image: url(../images/header3-1.png);}

.wz_tanchuang  .out { position: absolute; top: 0; right: -55px; width: 35px; height: 32px; display: block; background: url(../images/news1.png) no-repeat center center/cover; cursor: pointer;display: none;}

.wz_tanchuang .out:hover {  -webkit-transform: rotate(180deg);     -moz-transform: rotate(180deg);      -ms-transform: rotate(180deg);       -o-transform: rotate(180deg);          transform: rotate(180deg);  background-image: url(../images/news2.png);}








@media screen and (max-width: 1440px) {
  .header .language {
    padding: 0 0.3rem;
  }
  .header .nav-item {
    margin-right: 0.3rem;
  }
  
    .index .section5 .slide-img .my-img-target{height:50vh;}
  
  
  
  
  
  
}



.hpts{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;background: rgba(0, 0, 0, 0.9) ;color: #fff;display: flex;text-align: center;line-height: 1.5;align-items: center;align-content: center;padding: 0 5%;display: none;}

.hpts span{display: block;text-align: center;width: 100%;}

.hpts span img{width: 70px;margin: 0 auto 20px;}


@media  (max-width: 1200px) {
 
    
  @media (orientation: landscape) {
    /* 横屏样式 */
    .hpts{display: block;}
  }
  
  
}





@media screen and (max-width: 1200px) {
  .z_tanchuang .tbox .modal {
    width: 90%;
    padding: 5px;
  }
  .z_tanchuang .tbox .modal .out {
    right: 0;
    top: -50px;
  }
  .header {
    display: none;
  }
  .mnav .mbox .ul1 li .ltop span.act {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .wow {
    opacity: 1 !important;
  }
  header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  .mhead {
    position: relative;
  }
  .footer {
    height: auto;
  }
  .footer .item1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer .item2 {
    display: none;
  }
  .footer .item3 .list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .footer .item3 .text3 > span {
    width: 100%;
    display: block;
  }
  .news-detail {
    padding-top: 0;
  }
  .contact .section1 .box {
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .box, .box3 {
    width: 90%;
  }
  .padding50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .my-banner .banner-img1 {
    display: none;
  }
  .my-banner .banner-img2 {
    display: block;
  }
  .my-login .close {
    right: 0;
    top: -50px;
  }
  .index > .swiper-wrapper > .swiper-slide:last-child {
    height: auto;
  }
  .index > .swiper-wrapper {
   
    display: block;
  }
  .index .section6 .footer {
    padding-top: 0;
  }
  .index .footer {
    height: auto;
  }
  .index .footer .item1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .index .footer .item2 {
    display: none;
  }
  .index .footer .item3 .list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .footer .item3 .text3 > span {
    width: 100%;
    display: block;
  }
  .index ,.index > .swiper-wrapper > .swiper-slide{
    height:calc(100vh - 50px);
  }
  .index .animated {
    -webkit-animation-name: none !important;
       -moz-animation-name: none !important;
         -o-animation-name: none !important;
            animation-name: none !important;
  }
  .index .section1 .bg {
    display: none;
  }
  .index .section1 .bg2 {
    display: block;
  }
  .index .section1 .title {
    font-size: 28px;
    white-space: nowrap;
  }
  .index .section1 .title span {
    margin: 0 5px;
  }
  .index .section1 .content {
    bottom: 25%;
  }
  .index .section1 .container {
    bottom: 3%;
    display: none;
  }
  .index .section1 .container .box3 {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .index .section4 .list{
      display: none;
  }
  
  .index .section2 .content {
    display: none;
  }
  .index .section2 .slide-content {
    bottom: 5%;
  }
  .index .section2 .swiper-pagination {
    display: block;
    top: auto;
    bottom: 0;
    --swiper-theme-color: #d7b00d;
  }
  .index .section3 {
    overflow: auto;
  }
  .index .section3 .bg {
   display: none;
  }
    .index .section3 .mimg {
   display: block;
  }
  .index .section3 .list {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    font-size: 12px;
  }
  .index .section4 .title {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .section4 .title .my-title {
    width: 100%;
    margin-bottom: 20px;
  }
  .index .section4 .select {
    margin-left: 0;
  }
  .index .section4 .container {
    position: relative;
    top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
  }
  .index .section4 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .section4 .swiper, .index .section4 .right {
    width: 100%;
  }
  .index .section4 .swiper {
    margin-bottom: 20px;
  }
  .index .section5 {
    overflow: hidden;
  }
  .index .section5 .title {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index .section5 .title .my-title {
    width: 100%;
    margin-bottom: 20px;
  }
  .index .section5 .select {
    margin-left: 0;
  }
  .index .section5 .container {
    position: relative;
    top: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .index .section5 .swiper {
    overflow: initial;
  }
  .index .section5 .swiper-slide {
    width: 100%;
  }
  .index .section5 .slide-video {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .index .section6 .item1 .logo,
  .index .section6 .footer .item2 .box,
  .index .section6 .footer .item3 .links,
  .index .section6 .footer .item3 .list,
  .index .section6 .footer .item3 .text1,
  .index .section6 .footer .item3 .text2,
  .index .section6 .footer .item3 .text3 {
    -webkit-animation-name: none;
       -moz-animation-name: none;
         -o-animation-name: none;
            animation-name: none;
  }
  .news .section1 .item {
    width: 100%;
  }
  .news-detail .section1 .back-top {
    display: none;
  }
  .news-detail .section1 .back {
    position: relative;
    left: 0;
    margin: 30px auto 0;
  }
  .my-list1 {
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .my-list1 .item {
    width: 49%;
    margin-right: 0;
  }
  .my-list1 .item-video {
    opacity: 1;
    width: 40px;
  }
  .recharge .section1 .box {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .recharge .section1 .line {
    width: 100%;
  }
  .recharge .section1 .left {
    width: 100%;
    margin-bottom: 30px;
  }
  .recharge .section1 .left .select-container {
    height: 100px;
  }
  .recharge .section1 .left .popover-container {
    bottom: 100%;
    left: 70%;
    padding-left: 0;
    padding-bottom: 10px;
  }
  .recharge .section1 .left .popover-li {
    min-width: 245px;
  }
  .recharge .section1 .left .line1 {
    display: block;
  }
  .recharge .section1 .left .line1 + .line {
    display: none;
  }
  .recharge .section1 .right {
    width: 100%;
  }
  .recharge .section1 .right .item {
    width: 49%;
  }
  .contact .section1 .tip,
  .contact .section1 .line,
  .contact .section1 .form {
    width: 100%;
  }
  .contact .section1 .form-item {
    width: 100%;
  }
  .contact .section1 .form-text {
    position: static;
  }
  .contact .section1 .form-submit {
    margin: 0 auto;
  }
  .about .section1 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .agreement .section1 .box {
    padding-top: 50px;
    padding-top: 50px;
    min-height: initial;
  }
  .agreement .section1 .content {
    height: auto;
  }
  
  .my-select .select-item:hover{color:#fff;}
  
  .my-select .select-item:hover::before{width:0%}
  
  
  
  
  .index > .swiper-pagination{display:none;}
  
  
  .index .section2 .mimg{display:block;object-fit:cover;}
  

  
  .index .section2 .title,.index .section3 .title{top:10%;}
  
 
   .index .section2 .swiper-slide .wh100{display:none;}
  
   .index .section3 .mimg{display:block;}
   
   
      .index .section2 .swiper-slide .mimg{display:block;}

  
  
  .index .section3 .item-container:nth-child(1) {
    left: 18.2%;
    top: 51%;
   }
  
   .index .section3 .item-container:nth-child(2) {
    left: 42.2%;
    top: 47%;
   } 
   
   .index .section3 .item-container:nth-child(3) {
    left: 88.2%;
    top: 64%;
    }
  
  
  .index .section3 .item-container {
      transform: scale(0.8);-webkit-transform: scale(0.8);transform-origin:  center bottom;-webkit-transform-origin:  center bottom;
    }
    
    

    .index .section1 .btn{width:70%;}
    
    .index .section1 .list{flex-wrap:wrap;justify-content: space-between;width:80%;margin:0 auto;}
    
    .index .section1 .item{width:48%;margin:0 0 15px;min-width:50px;line-height:40px;}
    
    .index .section1 .item:nth-child(n + 3){display:flex;}
    
    .index .section1 .item-icon{width:26px;}
    
    .index .section1 .text{margin-bottom:35px;}

    
    
      .wz_tanchuang .wbox{width: 90%;padding: 30px 5%;}

    .wz_tanchuang .out{right: 0;top: -50px;}
    
    .index .nianlts{right:0;bottom:0;}
    
  
}
@-webkit-keyframes fadeOutRight2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
}
@-moz-keyframes fadeOutRight2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -moz-transform: translate3d(20px, 0, 0);
         transform: translate3d(20px, 0, 0);
  }
}
@-o-keyframes fadeOutRight2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }
}
@keyframes fadeOutRight2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
       -moz-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
}
@-webkit-keyframes fadeOutLeft2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
}
@-moz-keyframes fadeOutLeft2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -moz-transform: translate3d(-20px, 0, 0);
         transform: translate3d(-20px, 0, 0);
  }
}
@-o-keyframes fadeOutLeft2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
  }
}
@keyframes fadeOutLeft2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
       -moz-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
}
@-webkit-keyframes fadeOutUp2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
}
@-moz-keyframes fadeOutUp2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
}
@-o-keyframes fadeOutUp2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes fadeOutUp2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
       -moz-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
}
@-webkit-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-moz-keyframes fadeInDown2 {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
         transform: none;
  }
}
@-o-keyframes fadeInDown2 {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInDown2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
       -moz-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeOutDown2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
}
@-moz-keyframes fadeOutDown2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -moz-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
  }
}
@-o-keyframes fadeOutDown2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
}
@keyframes fadeOutDown2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
       -moz-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
}
@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-moz-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, 20px, 0);
         transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
         transform: none;
  }
}
@-o-keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
       -moz-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
  }
}
@-webkit-keyframes circle_ani {
  0% {
    -webkit-transform: scale(0.8) rotate(9deg);
            transform: scale(0.8) rotate(9deg);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.5) rotate(9deg);
            transform: scale(0.5) rotate(9deg);
    opacity: 0;
  }
}
@-moz-keyframes circle_ani {
  0% {
    -moz-transform: scale(0.8) rotate(9deg);
         transform: scale(0.8) rotate(9deg);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    -moz-transform: scale(0.5) rotate(9deg);
         transform: scale(0.5) rotate(9deg);
    opacity: 0;
  }
}
@-o-keyframes circle_ani {
  0% {
    -o-transform: scale(0.8) rotate(9deg);
       transform: scale(0.8) rotate(9deg);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    -o-transform: scale(0.5) rotate(9deg);
       transform: scale(0.5) rotate(9deg);
    opacity: 0;
  }
}
@keyframes circle_ani {
  0% {
    -webkit-transform: scale(0.8) rotate(9deg);
       -moz-transform: scale(0.8) rotate(9deg);
         -o-transform: scale(0.8) rotate(9deg);
            transform: scale(0.8) rotate(9deg);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.5) rotate(9deg);
       -moz-transform: scale(0.5) rotate(9deg);
         -o-transform: scale(0.5) rotate(9deg);
            transform: scale(0.5) rotate(9deg);
    opacity: 0;
  }
}
@-webkit-keyframes line_ani {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -228;
  }
}
@-moz-keyframes line_ani {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -228;
  }
}
@-o-keyframes line_ani {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -228;
  }
}
@keyframes line_ani {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -228;
  }
}
@-webkit-keyframes ring_ani {
  0% {
    -webkit-transform: rotateX(70deg) scale(1.5) translateY(0);
            transform: rotateX(70deg) scale(1.5) translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: rotateX(72deg) scale(1) translateY(-0.4rem);
            transform: rotateX(72deg) scale(1) translateY(-0.4rem);
  }
  to {
    -webkit-transform: rotateX(80deg) scale(1) translateY(-2rem);
            transform: rotateX(80deg) scale(1) translateY(-2rem);
    opacity: 1;
  }
}
@-moz-keyframes ring_ani {
  0% {
    -moz-transform: rotateX(70deg) scale(1.5) translateY(0);
         transform: rotateX(70deg) scale(1.5) translateY(0);
    opacity: 0;
  }
  20% {
    -moz-transform: rotateX(72deg) scale(1) translateY(-0.4rem);
         transform: rotateX(72deg) scale(1) translateY(-0.4rem);
  }
  to {
    -moz-transform: rotateX(80deg) scale(1) translateY(-2rem);
         transform: rotateX(80deg) scale(1) translateY(-2rem);
    opacity: 1;
  }
}
@-o-keyframes ring_ani {
  0% {
    transform: rotateX(70deg) scale(1.5) translateY(0);
    opacity: 0;
  }
  20% {
    transform: rotateX(72deg) scale(1) translateY(-0.4rem);
  }
  to {
    transform: rotateX(80deg) scale(1) translateY(-2rem);
    opacity: 1;
  }
}
@keyframes ring_ani {
  0% {
    -webkit-transform: rotateX(70deg) scale(1.5) translateY(0);
       -moz-transform: rotateX(70deg) scale(1.5) translateY(0);
            transform: rotateX(70deg) scale(1.5) translateY(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: rotateX(72deg) scale(1) translateY(-0.4rem);
       -moz-transform: rotateX(72deg) scale(1) translateY(-0.4rem);
            transform: rotateX(72deg) scale(1) translateY(-0.4rem);
  }
  to {
    -webkit-transform: rotateX(80deg) scale(1) translateY(-2rem);
       -moz-transform: rotateX(80deg) scale(1) translateY(-2rem);
            transform: rotateX(80deg) scale(1) translateY(-2rem);
    opacity: 1;
  }
}



























