@charset "UTF-8";
/* 公共样式 */
* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

select,
input,
textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #878787;
  font-family: "思源黑体";
}

input:focus {
  outline: none;
}

input,
button,
select,
textarea {
  outline: none;
  /*-webkit-appearance:none; */
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
          box-shadow: 0 0 0 1000px white inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #999 !important;
  -webkit-transition: background-color 99999999s ease-in-out 0s !important;
  transition: background-color 99999999s ease-in-out 0s !important;
}

textarea {
  resize: none;
  /*-webkit-appearance:none; */
}

textarea,
input,
select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
  font-weight: normal;
}

i {
  font-style: normal;
}

::after, ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
  --vi-color: #ff0000;
  --font-size-12: .625vw /* 12px -> .625vw */;
  --font-size-14: .7292vw /* 14px -> .7292vw */;
  --font-size-15: .7813vw /* 15px -> .7813vw */;
  --font-size-16: .8333vw /* 16px -> .8333vw */;
  --font-size-18: .9375vw /* 18px -> .9375vw */;
  --font-size-20: 1.0417vw /* 20px -> 1.0417vw */;
  --font-size-22: 1.1458vw /* 22px -> 1.1458vw */;
  --font-size-24: 1.25vw /* 24px -> 1.25vw */;
  --font-size-42: 2.1875vw /* 42px -> 2.1875vw */;
  --font-size-44: 2.2917vw /* 44px -> 2.2917vw */;
  --font-size-46: 2.3958vw /* 46px -> 2.3958vw */;
  --font-size-50: 2.6042vw /* 50px -> 2.6042vw */;
  --font-size-56: 2.9167vw /* 56px -> 2.9167vw */;
  --font-size-62: 3.2292vw /* 62px -> 3.2292vw */;
  --font-size-65: 3.3854vw /* 65px -> 3.3854vw */;
  --font-size-300: 15.625vw /* 300px -> 15.625vw */;
  --line-height-22: 1.1458vw /* 22px -> 1.1458vw */;
  --line-height-26: 1.3542vw /* 26px -> 1.3542vw */;
  --line-height-28: 1.4583vw /* 28px -> 1.4583vw */;
  --line-height-53: 2.7604vw /* 53px -> 2.7604vw */;
  --line-height-62: 3.2292vw /* 62px -> 3.2292vw */;
  --line-height-74: 3.8542vw /* 74px -> 3.8542vw */;
  --line-height-250: 13.0208vw /* 250px -> 13.0208vw */;
}

.center1600 {
  width: 83.3333vw;
  margin: 0 auto;
}

.pc {
  display: block !important;
}

.mobile {
  display: none !important;
}

/* 探索更多按钮 */
.more {
  position: relative;
  display: block;
  width: 7.5521vw;
  height: 2.4479vw;
  border-radius: 1.1979vw;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.more span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.1042vw;
  font-size: var(--font-size-12);
  color: #ffffff;
  white-space: nowrap;
}
.more::after {
  border: 0.1042vw solid #FFFFFF;
}
.more::before {
  opacity: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#f50707), to(var(--vi-color)));
  background-image: linear-gradient(to left, #f50707, var(--vi-color));
}
.more::after, .more::before {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 100%;
  border-radius: 1.1979vw;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.more:hover::after {
  opacity: 0;
}
.more:hover::before {
  opacity: 1;
}

/* 头部 */
body {
  padding-top: 0px !important;
  position: relative;
  -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  left: 0px;
}

.header {
  background: transparent;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  left: 0px;
  z-index: 99;
}

.header .commonMain {
  max-width: var(--content-Wdith);
  width: 100%;
  margin: 0px auto;
  padding: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 20%;
}

.header .logo img {
  height: 42px;
}

.header .logo .transparent {
  display: block;
}

.header .logo .colour {
  display: none;
}

.header .navBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex: 1;
}
@media(max-width:992px){
    .header .navBox{
        flex: unset;
    }
    .header .logo{
        max-width: unset;
    }
}
.header .navBox .navList {
  background: #FAFAFA;
  display: none;
  position: fixed;
  width: 300px;
  right: -260px;
  top: 0px;
  bottom: 0px;
  padding: 50px 0px 0px;
  overflow-y: auto;
  -webkit-transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: right 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.header .navBox .navList .list {
  position: relative;
  border-top: 1px solid #eff1f3;
}

.header .navBox .navList .list h3 a {
  padding: 0px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 50px;
  font-size: 15px;
  position: relative;
  color: #333;
}

.header .navBox .navList .list h3 a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 1px solid #D8D8D8;
  margin-right: 15px;
}

.header .navBox .navList .list.cur {
  background: #fff;
}

.header .navBox .navList .list.cur h3 a::before {
  background: #666;
  border-color: #666;
}

.header .navBox .navList .closeNavText a {
  visibility: hidden;
}

.header .navBox .haderOther {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .navBox .haderOther .searchBox {
  margin-left: 15px;
  position: relative;
}

.header .navBox .haderOther .searchBox .searchBtn {
  display: block;
  width: 21px;
  color: #ffffff;
  font-size: 21px;
}

.header .navBox .haderOther .navbtn {
  color: #ffffff;
  width: 26px;
  position: relative;
  cursor: pointer;
  margin-left: 15px;
  font-size: 20px;
}

.header .navBox .haderOther .langBox {
  margin-left: 8px;
  position: relative;
}

.header .navBox .haderOther .langBox .langBoxHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.header .navBox .haderOther .langBox .langBoxHead .icon-yuyan {
  color: #fff;
  font-size: 26px;
}

.header .navBox .haderOther .langBox .langBoxHead .icon-sanjiaoxing {
  display: block;
  color: #fff;
  font-size: 12px;
  margin-left: -2px;
  -webkit-transform: scale(0.45) rotate(90deg);
      -ms-transform: scale(0.45) rotate(90deg);
          transform: scale(0.45) rotate(90deg);
}

.header .navBox .haderOther .langBox .langBoxMain {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 7px #ddd;
          box-shadow: 0 0 7px #ddd;
  background-color: #fff;
}
.header .navBox .haderOther .langBox .langBoxMain a {
  display: block;
  font-size: 13px;
  line-height: 29px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .navBox .haderOther .langBox .langBoxMain a:hover {
  background-color: var(--vi-color);
  color: #ffffff;
}

.header .searchformMain {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
}

.header .searchformMain .searchform {
  background: #fff;
  padding: 10px 0px 30px;
  position: relative;
  z-index: 99;
  -webkit-transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition: opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -webkit-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
  opacity: 0;
  -webkit-transform: translate3d(0px, -100%, 1px);
  transform: translate3d(0px, -100%, 1px);
}

.header .searchformMain .searchform form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 0px auto;
  border-bottom: 2px solid #595959;
  width: 100%;
  padding: 20px 0px;
  position: relative;
}

.header .searchformMain .searchform form input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0px 15px;
  font-size: 14px;
  color: #333;
  line-height: inherit;
  vertical-align: middle;
}

.header .searchformMain .searchform form button {
  left: 0px;
  font-size: 20px;
  height: 100%;
  top: 0px;
  background: none;
  border: none;
  cursor: pointer;
}

.header .searchformMain .searchform form .closeSearch {
  cursor: pointer;
  right: 0px;
  top: 0px;
  height: 100%;
  font-size: 17px;
  color: #333;
}

.header .searchformMain .search_mask {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.header .searchformMain.admission .searchform {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.admissionheader {
  left: -300px;
}

.admissionheader .navBox .navList {
  right: 0px;
}

.hideScroll {
  overflow: hidden;
}

.admissionBody {
  left: -300px;
}

.header .navBox .navList .list .subNavBtn {
  position: absolute;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45%;
  height: 50px;
  top: 0px;
  right: 0px;
  padding-right: 25px;
}

.header .navBox .navList .list .subNavBtn i {
  width: 12px;
  height: 12px;
  display: block;
  position: relative;
}

.header .navBox .navList .list .subNavBtn i::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #474747;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1px;
}

.header .navBox .navList .list .subNavBtn i::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #474747;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -1px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.header .navBox .navList .list .subNavMain {
  display: none;
}

.header .navBox .navList .list .subNavMain .threeNavBox {
  display: none;
}

.header .navBox .navList .list .subNavMain .subNavList {
  position: relative;
}

.header .navBox .navList .list .subNavMain .subNavList > a {
    padding: 15px 45px 15px 15px;
  border-top: 1px solid #EBEBEB;
  background: #f6f6f6;
  display: block;
  font-size: 14px;
}

.header .navBox .navList .list .subNavMain .subNavList > a::before {
  margin-right: 10px;
}

.header .navBox .navList .list .subNavMain .subNavList .mThreeNav {
  display: none;
}

.header .navBox .navList .list.active h3 {
  background: #ebebeb;
}

.header .navBox .navList .list.active h3 a::before {
  background: #666;
  border-color: #666;
}

.header .navBox .navList .list.active .subNavBtn i::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn {
  position: absolute;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40%;
  height: 45px;
  top: 0px;
  right: 0px;
  padding-right: 25px;
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i {
  width: 12px;
  height: 12px;
  display: block;
  position: relative;
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #474747;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1px;
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #474747;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -1px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
  display: block;
  padding: 15px 50px;
  border-top: 1px solid #EBEBEB;
  font-size: 13px;
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a::before {
  margin-right: 10px;
}

.header .navBox .navList .list .subNavMain .subNavBox .subNavList.active1 .threeNavBtn i::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media (min-width: 768px) {
  .header .commonMain {
    padding: 0vw 3.125vw;
  }
  .header .searchformMain .searchform {
    padding: 0.625vw 0vw 3.125vw;
  }
  .header .searchformMain .searchform form {
    padding: 2.8125vw 0vw;
  }
  .header .searchformMain .searchform form input {
    margin: 0vw 1.875vw;
    font-size: 1.125vw;
  }
  .header .searchformMain .searchform form button {
    font-size: 1.5vw;
  }
  .header .searchformMain .searchform form .closeSearch {
    font-size: 1.0417vw;
  }
  .header .searchformMain .search_mask {
    background: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 992px) {
    /* .header .navBox .navList .list h3 a{
        border-bottom: 0px solid rgba(0, 0, 0, 0);
    } */
    /* .header .navBox .navList .list:hover h3 a{
        border-bottom: 0px solid var(--vi-color);
    } */
    /* .header .navBox .navList .list.cur h3 a{
        border-bottom: 2px solid var(--vi-color);
    } */
    .header .navBox .navList .list h3 a::after{
        content: '';
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 0%;
        height: 2px;
        background: var(--vi-color);
        transition: .5s;
        z-index: 1;
    }
    .header .navBox .navList .list.cur h3 a::after{
        width: 100%;
    }
    .header .navBox .navList .list:hover h3 a::after{
        width: 100%;
    }



  body {
    padding-top: 0vw !important;
  }
  .header .commonMain {
    padding: 0vw 2.6042vw;
  }
  .header {
    height: 4.166667vw;
    position: fixed;
    left: 0vw;
    top: 0vw;
    width: 100%;
    background: none;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
  }
  .header .logo img {
    height: 2.385417vw;
  }
  .header .logo .transparent {
    display: block;
  }
  .header .logo .colour {
    display: none;
  }
  .header .navBox .haderOther .navbtn {
    display: none;
  }
  .header .navBox .navList {
    flex: 1;
    padding: 0vw;
    width: auto;
    right: 0vw;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0vw;
    position: relative;
    overflow: visible;
    top: 0vw;
  }
  .header .navBox .navList .list {
    margin-left: 2.5vw;
    padding: 0vw;
    border-top: none;
  }
  .header .navBox .navList .list h3 a {
    line-height: calc(4.166667vw - 2px);
    font-size: 0.8333vw;
    padding: 0vw;
    color: #fff;
    font-weight: normal;
  }
  .header .navBox .navList .list h3 a::before {
    display: none;
  }
  .header .navBox .navList .list.cur {
    background: none;
  }
  /* .header .navBox .navList .list:hover h3 a {
    color: var(--vi-color);
  } */
  .header .navBox .navList .list:hover h3 a::after {
    width: 100%;
  }
  .header .navBox .navList .list:first-child {
    margin-left: 0vw;
  }
  .header .navBox .navList .closeNavText {
    display: none;
  }
  .header .navBox .haderOther .searchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 1.5625vw;
  }
  .header .navBox .haderOther .searchBox::after {
    margin-left: 0.9375vw;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    content: "/";
  }
  .header .navBox .haderOther .searchBox::before {
    margin-right: 0.9375vw;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    content: "/";
  }
  .header .navBox .haderOther .searchBox .searchBtn {
    color: #fff;
    width: 1.0938vw;
    font-size: 1.0938vw;
  }
  .header .navBox .haderOther .langBox {
    margin-left: 0.9375vw;
    position: relative;
  }
  .header .navBox .haderOther .langBox .langBoxHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  .header .navBox .haderOther .langBox .langBoxHead .icon-yuyan {
    color: #fff;
    font-size: 1.4063vw;
  }
  .header .navBox .haderOther .langBox .langBoxHead .icon-sanjiaoxing {
    display: block;
    color: #fff;
    font-size: 0.625vw;
    margin-left: 0.0521vw;
    -webkit-transform: scale(0.45) rotate(90deg);
        -ms-transform: scale(0.45) rotate(90deg);
            transform: scale(0.45) rotate(90deg);
  }
  .header .navBox .haderOther .langBox .langBoxMain {
    display: none;
    position: absolute;
    top: 1.8229vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4.1667vw;
    border-radius: 0.5208vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.5208vw #ddd;
            box-shadow: 0 0 0.5208vw #ddd;
    background-color: #fff;
  }
  .header .navBox .haderOther .langBox .langBoxMain a {
    display: block;
    font-size: 0.6771vw;
    line-height: 1.8229vw;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .header .navBox .haderOther .langBox .langBoxMain a:hover {
    background-color: var(--vi-color);
    color: #ffffff;
  }
  .header .searchformMain .searchform {
    padding: 0.5208vw 0vw 2.6042vw;
  }
  .header .searchformMain .searchform form {
    padding: 2.3438vw 0vw;
  }
  .header .searchformMain .searchform form input {
    margin: 0vw 1.5625vw;
    font-size: 0.9375vw;
  }
  .header .searchformMain .searchform form button {
    font-size: 1.25vw;
  }
  .header .searchformMain .searchform form .closeSearch {
    font-size: 0.9896vw;
  }
  .headerbg {
    background: #fff;
    -webkit-box-shadow: 0 0 0.5208vw #ddd;
            box-shadow: 0 0 0.5208vw #ddd;
  }
  /* .headerbg .navBox .navList .list.cur h3 a {
    color: var(--vi-color);
  } */
  .headerbg .logo .transparent {
    display: none;
  }
  .headerbg .logo .colour {
    display: block;
  }
  .headerbg .navBox .navList .list h3 a {
    color: #333;
  }
  .headerbg .navBox .haderOther .searchBox::after {
    color: #333333;
  }
  .headerbg .navBox .haderOther .searchBox::before {
    color: #333333;
  }
  .headerbg .navBox .haderOther .searchBox .searchBtn {
    color: #333;
  }
  .headerbg .navBox .haderOther .langBox .langBoxHead .icon-yuyan {
    color: #333;
  }
  .headerbg .navBox .haderOther .langBox .langBoxHead .icon-sanjiaoxing {
    color: #333;
  }
  .headerbg2 .logo .transparent {
    display: none;
  }
  .headerbg2 .logo .colour {
    display: block;
  }
  .headerbg2 .navBox .navList .list h3 a {
    color: #333;
  }
  .headerbg2 .navBox .haderOther .searchBox::after {
    color: #333333;
  }
  .headerbg2 .navBox .haderOther .searchBox::before {
    color: #333333;
  }
  .headerbg2 .navBox .haderOther .searchBox .searchBtn {
    color: #333;
  }
  .headerbg2 .navBox .haderOther .langBox .langBoxHead .icon-yuyan {
    color: #333;
  }
  .headerbg2 .navBox .haderOther .langBox .langBoxHead .icon-sanjiaoxing {
    color: #333;
  }

  .header .navBox .navList .list .subNavBtn {
    display: none;
  }
  .header .navBox .navList .list .subNavMain {
    position: absolute;
    min-width: 100%;
    left: 50%;
    overflow: hidden;
    max-height: 0vw;
    display: block;
    transform: translateX(-50%);
  }
  .header .navBox .navList .list .subNavMain .subNavBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f9f9f9;
    white-space: nowrap;
    /* border-radius: 0vw 0vw 0.5208vw 0.5208vw; */
    overflow: hidden;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav {
    min-width: 10.4167vw;
    padding: 1.5625vw 0vw;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList > a {
    display: block;
    background: none;
    border: none;
    line-height: 2.0833vw;
    font-size: 0.8333vw;
    padding: 0vw 2.0833vw;
    position: relative;
    text-align: center;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList > a:hover::after {
    content: "";
    border-right: 0.4167vw solid transparent;
    border-top: 0.4167vw solid var(--vi-color);
    position: absolute;
    left: 0vw;
    top: 0vw;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList > a:hover {
    background: #e3e3e7;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 > a::after {
    content: "";
    border-right: 0.4167vw solid transparent;
    border-top: 0.4167vw solid var(--vi-color);
    position: absolute;
    left: 0vw;
    top: 0vw;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 > a {
    background: #e3e3e7;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .threeNavBtn {
    display: none;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav {
    display: none;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox {
    display: block;
    padding: 1.5625vw 0vw;
    position: relative;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before {
    content: "";
    width: 0.0521vw;
    height: 100%;
    position: absolute;
    left: 0vw;
    top: 0vw;
    background: #eae9f1;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav {
    min-width: 10.4167vw;
    display: none;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav > a {
    display: block;
    line-height: 2.0833vw;
    padding: 0vw 2.0833vw;
    font-size: 0.8333vw;
  }
  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav > a:hover {
    background: #e3e3e7;
  }
  .header .navBox .navList .list:hover .subNavMain {
    max-height: 52.0833vw;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
  }
  .header .navBox .navList .list .subNavMain .subNavList > a::before {
    display: none;
  }
}
.headerDownBg {
    background: #fff;
  }
  .headerDownBg .logo .transparent {
    display: none;
  }
  .headerDownBg .logo .colour {
    display: block;
  }
  .headerDownBg .navBox .navList .list h3 a {
    color: #333;
  }
  .headerDownBg .navBox .haderOther .searchBox .searchBtn {
    color: #333;
  }
  .headerDownBg  .navBox .haderOther .langBox .langBoxHead .icon-yuyan{
    color: #333;
  }
  .headerDownBg .navBox .haderOther .langBox .langBoxHead .icon-sanjiaoxing{
    color: #333;
  }
  .headerDownBg .navBox .haderOther .navbtn{
    color: #333;
  }
  
  .headerDownBg .navBox .haderOther .searchBox::before{color:#333;}
  
  .headerDownBg .navBox .haderOther .searchBox::after{color:#333;}

/* 底部 */
.bottomBg {
  padding-top: 3.125vw;
}
.bottomBg .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottomBg .bottom .bottomNav {
  width: 57.5%;
}
.bottomBg .bottom .bottomNav .bottomNavMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bottomBg .bottom .bottomNav .bottomNavMain dl {
  margin-right: 4.1667vw;
}
.bottomBg .bottom .bottomNav .bottomNavMain dl:last-child {
  margin-right: 0vw;
}
.bottomBg .bottom .bottomNav .bottomNavMain dl dt {
  margin-bottom: 0.8333vw;
}
.bottomBg .bottom .bottomNav .bottomNavMain dl dt a {
  font-size: var(--font-size-14);
  color: #000000;
  font-weight: bold;
}
.bottomBg .bottom .bottomNav .bottomNavMain dl dd a {
  font-size: var(--font-size-14);
  color: #7B7B7B;
  line-height: var(--line-height-26);
}
.bottomBg .bottom .bottomNav .bottomNavMain a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bottomBg .bottom .bottomNav .bottomNavMain a:hover {
  opacity: 0.6;
}
.bottomBg .bottom .bottomWeChat {
  width: 18.9%;
}
.bottomBg .bottom .bottomWeChat .bottomWeChatMain {
  /* width: 3.5417vw;
  margin-left: 0.5208vw;
  text-align: center; */
  font-size: var(--font-size-22);
}
.bottomBg .bottom .bottomWeChat .bottomWeChatMain img {
  height: 3.5417vw;
}
.bottomBg .bottom .bottomWeChat .bottomWeChatMain p {
  font-size: var(--font-size-12);
  color: #363636;
  margin-top: 0.7813vw;
}
.bottomBg .bottom .bottomFollow {
  width: 17.5%;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li {
  margin-right: 1.7188vw;
  position: relative;
  overflow: hidden;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:last-child {
  margin-right: 0vw;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li i {
  font-size: var(--font-size-24);
  color: #6c6c6c;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:nth-child(1):hover i {
  color: #4cbf00;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:nth-child(2):hover i {
  color: #e71f19;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:nth-child(3):hover i {
  color: #ff0000;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:nth-child(4):hover i {
  color: #f14767;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:hover {
  overflow: visible;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:hover div {
  margin-top: 0vw;
  opacity: 1;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div {
  margin-top: 0.5208vw;
  opacity: 0;
  width: 5.729167vw;
  /* height: 3.5417vw; */
  border-radius: 0.2604vw;
  background-color: #fff;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  padding: .520833vw;
  -webkit-box-shadow: 0 0 0.5208vw #ddd;
          box-shadow: 0 0 0.5208vw #ddd;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div::after {
  position: absolute;
  left: 50%;
  top: -0.5208vw;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 0.2604vw;
  height: 0.2604vw;
  border: 0.2604vw solid #ffffff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
}
.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div img {
  width: 100%;
  height: auto;
}
.bottomBg .bottom .bottomCopyright {
  height: 5.4688vw;
  margin-top: 3.0208vw;
  padding-top: 1.5104vw;
  border-top: 0.0521vw solid #E1E1E1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--font-size-14);
  color: #282828;
}
.bottomBg .bottom .bottomCopyright a {
  font-size: var(--font-size-14);
  color: #282828;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.bottomBg .bottom .bottomCopyright a:hover {
  opacity: 0.6;
}
.bottomBg .bottom .bottomCopyright div:last-child a {
  display: inline-block;
  margin-left: 1.5625vw;
}
.bottomBg .bottom .bottomTitle {
  padding-bottom: 1.5104vw;
  margin-bottom: 1.4583vw;
  border-bottom: 0.0521vw solid #e1e1e1;
  position: relative;
}
.bottomBg .bottom .bottomTitle::after {
  position: absolute;
  left: 0vw;
  bottom: -0.0521vw;
  width: 5.1042vw;
  height: 0.0521vw;
  background: url("/dist/images/bottomLine.jpg") no-repeat;
  background-size: 5.1042vw 0.0521vw;
  content: "";
  display: block;
}
.bottomBg .bottom .bottomTitle h1 {
  font-size: var(--font-size-18);
  color: #000000;
  font-weight: bold;
}

@-webkit-keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slideup {
  0% {
    opacity: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
            transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
            transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes framesWidth {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes framesWidth {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes framesHeight {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes framesHeight {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes mySwing {
  0% {
    -webkit-transform: rotate(90deg) translateX(100%);
            transform: rotate(90deg) translateX(100%);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(0%);
            transform: rotate(90deg) translateX(0%);
  }
  100% {
    -webkit-transform: rotate(90deg) translateX(100%);
            transform: rotate(90deg) translateX(100%);
  }
}
@keyframes mySwing {
  0% {
    -webkit-transform: rotate(90deg) translateX(100%);
            transform: rotate(90deg) translateX(100%);
  }
  50% {
    -webkit-transform: rotate(90deg) translateX(0%);
            transform: rotate(90deg) translateX(0%);
  }
  100% {
    -webkit-transform: rotate(90deg) translateX(100%);
            transform: rotate(90deg) translateX(100%);
  }
}
@-webkit-keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes suspension {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes suspension {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* 首页整体框架 */
.mainSwiper {
  height: 100vh;
}
.mainSwiper > .swiper-wrapper > .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
}
.mainSwiper > .swiper-wrapper > .swiper-slide:nth-child(6) {
  height: auto;
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .iaboutus .iaboutusTitle {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .iaboutus .iaboutusPlanet {
  opacity: 1;
  -webkit-transform: translateY(0vw);
      -ms-transform: translateY(0vw);
          transform: translateY(0vw);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .iaboutus .iaboutusNum {
  opacity: 1;
  -webkit-transform: translateY(0vw);
      -ms-transform: translateY(0vw);
          transform: translateY(0vw);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .icenter .icenterList {
  opacity: 1;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .icoop .icoopTitle {
  opacity: 1;
  -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
          transform: translateX(0vw);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .icoop .icoopMain {
  opacity: 1;
  -webkit-transform: translateX(0vw);
      -ms-transform: translateX(0vw);
          transform: translateX(0vw);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .inews .inewsTitle {
  opacity: 1;
  -webkit-transform: translateY(0vw);
      -ms-transform: translateY(0vw);
          transform: translateY(0vw);
}
.mainSwiper > .swiper-wrapper > .swiper-slide-active .inews .inewsMain {
  opacity: 1;
  -webkit-transform: translateY(0vw);
      -ms-transform: translateY(0vw);
          transform: translateY(0vw);
}
.mainSwiper .mainMouse {
  position: absolute;
  left: 2%;
  bottom: 6%;
  -webkit-animation: suspension 3s infinite;
          animation: suspension 3s infinite;
  z-index: 99;
}
.mainSwiper .mainMouse img {
  height: 1.7708vw;
  -webkit-filter: grayscale(1) brightness(500%);
          filter: grayscale(1) brightness(500%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* banner */
.banner .swiper-slide {
  position: relative;
}
.banner .swiper-slide img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .swiper-slide .text {
  opacity: 0;
  margin-top: 2.6042vw;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: margin-top 0.8s ease, opacity 0.8s ease;
  transition: margin-top 0.8s ease, opacity 0.8s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;

          display: block;
}
.banner .swiper-slide .text h1 {
  font-size: var(--font-size-65);
  line-height: var(--line-height-74);
  display: block;
  overflow: hidden;
  font-weight: 600;
}
.banner .swiper-slide .text h1 span{
    color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(transparent));
    background-clip: text;
    -webkit-background-clip: text;
    margin: -1px;
    display: block;
}
.banner .swiper-slide .text .more {
  margin-top: 1.0417vw;
}
.banner .swiper-slide-active .text {
  opacity: 1;
  margin-top: 0vw;
}
.banner .swiper-pagination {
  left: auto !important;
  right: 2.6%;
  bottom: 4.7% !important;
  width: auto !important;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.8854vw;
  height: 0.2083vw;
  background: #ffffff;
  opacity: 0.4 !important;
  border-radius: 0.1042vw;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

/* 四大中心 */
.icenter {
  width: 100%;
  height: 100%;
}
.icenter .icenterList {
  opacity: 0;
  width: 52.0833vw;
  position: absolute !important;
  left: 50%;
  bottom: 5.8%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.6s ease;
  transition: opacity 0.3s linear, -webkit-transform 0.6s ease;
  transition: opacity 0.3s linear, transform 0.6s ease;
  transition: opacity 0.3s linear, transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  z-index: 999;
}
.icenter .icenterList .swiper-slide {
  height: 6.7292vw;
  position: relative;
  cursor: pointer;
}
.icenter .icenterList .swiper-slide::after {
  position: absolute;
  top: 2.2396vw;
  left: 0vw;
  content: "";
  display: block;
  width: 100%;
  border-bottom: 0.0521vw dashed rgba(255, 255, 255, 0.2);
  z-index: 9;
}
.icenter .icenterList .swiper-slide:first-child::after {
  width: 50%;
  left: auto;
  right: 0vw;
}
.icenter .icenterList .swiper-slide:last-child::after {
  width: 50%;
  left: 0vw;
  right: auto;
}
.icenter .icenterList .swiper-slide .text {
  width: 4.1667vw;
  text-align: center;
  font-size: var(--font-size-14);
  color: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  margin-top: 0.2604vw;
}
.icenter .icenterList .swiper-slide .icon {
  position: relative;
  width: 4.1667vw;
  height: 4.1667vw;
  margin: 0 auto;
}
.icenter .icenterList .swiper-slide .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2.1875vw;
}
.icenter .icenterList .swiper-slide-thumb-active .text {
  color: white;
}
.icenter .icenterList .swiper-slide-thumb-active .circleBox {
  opacity: 1;
}
.icenter .icenterList .swiper-slide-thumb-active .circleBox svg {
  -webkit-animation: mySvg 5s;
          animation: mySvg 5s;
}
.icenter .icenterMain .swiper-slide {
  position: relative;
}
.icenter .icenterMain .swiper-slide .image img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.icenter .icenterMain .swiper-slide .text {
  opacity: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) scale(0.3);
      -ms-transform: translate(-50%, -50%) scale(0.3);
          transform: translate(-50%, -50%) scale(0.3);
  margin-top: -3.6458vw;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 1s ease;
  transition: opacity 0.3s ease, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.3s ease;
  transition: transform 1s ease, opacity 0.3s ease, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.icenter .icenterMain .swiper-slide .text h1 {
  font-size: var(--font-size-18);
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
  margin-bottom: 0.5208vw;
}
.icenter .icenterMain .swiper-slide .text p {
  font-size: var(--font-size-50);
  line-height: var(--line-height-62);
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1.7188vw;
}
.icenter .icenterMain .swiper-slide-active .text {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.circleBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.1667vw;
  height: 4.1667vw;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 99;
  opacity: 0;
}
.circleBox::after {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.4167vw solid rgba(255, 255, 255, 0.1);
  content: "";
  display: block;
}

.circleBox svg {
  position: absolute;
  top: 0vw;
  left: 0vw;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--vi-color);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  stroke-width: 5px;
  stroke-dasharray: 167;
  position: relative;
}

/* 关于好彩客官网 */
.iaboutus {
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 7.8125vw;
}
.iaboutus .iaboutusTitle {
  opacity: 0;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 17.7083vw;
  -webkit-transition: opacity 0.3s linear, -webkit-transform 0.8s linear;
  transition: opacity 0.3s linear, -webkit-transform 0.8s linear;
  transition: transform 0.8s linear, opacity 0.3s linear;
  transition: transform 0.8s linear, opacity 0.3s linear, -webkit-transform 0.8s linear;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.iaboutus .iaboutusTitle .iaboutusTitleLeft {
  width: 17.9688vw;
}
.iaboutus .iaboutusTitle .iaboutusTitleLeft h1 {
  font-size: var(--font-size-300);
  line-height: var(--line-height-250);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(transparent));
  background-image: linear-gradient(#fff 80%, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: -2.3438vw;
}
.iaboutus .iaboutusTitle .iaboutusTitleLeft p {
  font-size: var(--font-size-16);
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 4.2708vw;
  margin-top: 0.1563vw;
}
.iaboutus .iaboutusTitle .iaboutusTitleRight h1 {
  font-size: var(--font-size-46);
  color: #ffffff;
  font-weight: bold;
  line-height: var(--line-height-53);
  margin-top: 1.0417vw;
  margin-bottom: 1.8229vw;
}
.iaboutus .iaboutusTitle .iaboutusTitleRight .more {
  margin-left: 0vw;
}
.iaboutus .iaboutusPlanet {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  position: absolute;
  left: 50%;
  bottom: 0vw;
  margin-left: -22.1354vw;
  width: 44.2708vw;
  -webkit-transition: opacity 0.4s ease-in, -webkit-transform 2s ease;
  transition: opacity 0.4s ease-in, -webkit-transform 2s ease;
  transition: transform 2s ease, opacity 0.4s ease-in;
  transition: transform 2s ease, opacity 0.4s ease-in, -webkit-transform 2s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.iaboutus .iaboutusPlanet img {
  width: 100%;
  height: auto;
}
.iaboutus .iaboutusPlanet .iaboutusPlanetDrop {
  position: absolute;
  top: 37%;
  left: 44%;
}
.iaboutus .iaboutusPlanet .iaboutusPlanetDrop span {
  display: block;
  width: 1.5625vw;
  height: 1.5625vw;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 0.7813vw #00D7D7;
          box-shadow: 0 0 0.7813vw #00D7D7;
  background-color: #00D7D7;
}
.iaboutus .iaboutusPlanet .iaboutusPlanetDrop span img {
  width: 1.5625vw;
  height: 1.5625vw;
}
.iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.4375vw;
  height: 3.4375vw;
  border: .15625vw solid #00FFFF; 
  opacity: 0.5;
  border-radius: 50%;
  -webkit-animation: amplify 3s linear 0.2s infinite;
          animation: amplify 3s linear 0.2s infinite;
}
.iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5.5729vw;
  height: 5.5729vw;
  border: .15625vw solid #00FFFF;
  opacity: 0.5;
  border-radius: 50%;
  -webkit-animation: amplify 3s linear infinite;
          animation: amplify 3s linear infinite;
}
.iaboutus .iaboutusNum {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  position: relative;
  z-index: 9;
  -webkit-transition: opacity 0.4s linear, -webkit-transform 2s linear;
  transition: opacity 0.4s linear, -webkit-transform 2s linear;
  transition: transform 2s linear, opacity 0.4s linear;
  transition: transform 2s linear, opacity 0.4s linear, -webkit-transform 2s linear;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.iaboutus .iaboutusNum ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.iaboutus .iaboutusNum ul li {
  text-align: center;
  margin: 0 1.8229vw;
}
.iaboutus .iaboutusNum ul li h1 {
  font-size: var(--font-size-50);
  color: #ffffff;
  font-weight: bold;
}
.iaboutus .iaboutusNum ul li p {
  font-size: var(--font-size-15);
  color: #ffffff;
  margin-top: 0.2083vw;
}

/* 相助同伴 */
.icoop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2.5%;
}
.icoop .icoopTitle {
  opacity: 0;
  -webkit-transform: translateX(-5.2083vw);
      -ms-transform: translateX(-5.2083vw);
          transform: translateX(-5.2083vw);
  width: 16.7708vw;
  -webkit-transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.4s linear;
  transition: transform 1s ease, opacity 0.4s linear, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.icoop .icoopTitle h1 {
  font-size: var(--font-size-18);
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
}
.icoop .icoopTitle p {
  font-size: var(--font-size-44);
  color: #ffffff;
  font-weight: bold;
  line-height: var(--line-height-62);
  margin-bottom: 9.1146vw;
}
.icoop .icoopTitle p b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-size-62);
  white-space: nowrap;
}
.icoop .icoopTitle p i {
  font-size: var(--font-size-56);
}
.icoop .icoopTitle span {
  display: block;
  margin-bottom: 0.3646vw;
  font-size: var(--font-size-18);
  color: #ffffff;
}
.icoop .icoopTitle > i {
  display: block;
  font-size: var(--font-size-12);
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}
.icoop .icoopMain {
  opacity: 0;
  -webkit-transform: translateX(5.2083vw);
      -ms-transform: translateX(5.2083vw);
          transform: translateX(5.2083vw);
  width: 73.8%;
  padding: 2.0313vw 0vw;
  margin-right: 0vw;
  -webkit-transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.4s linear;
  transition: transform 1s ease, opacity 0.4s linear, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.icoop .icoopMain .swiper-slide ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.icoop .icoopMain .swiper-slide ul li {
  width: 12.7%;
  height: 10.5208vw;
  margin-left: 1.4%;
  margin-bottom: 1.4%;
  background: url("/dist/images/icoopItemBg.jpg") repeat-x;
  background-size: auto 100%;
}
.icoop .icoopMain .swiper-slide ul li a {
  height: 100%;
  padding: 1.3021vw 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.icoop .icoopMain .swiper-slide ul li p {
  padding: 0 1.3021vw;
}
.icoop .icoopMain .swiper-slide ul li img {
  margin-left: 0vw;
  margin-right: 0vw;
  width: auto;
  height: 2.1875vw;
}
.icoop .icoopMain .swiper-slide ul li span {
  text-transform: uppercase;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  font-size: var(--font-size-12);
  color: rgba(92, 92, 92, 0.3);
}
.icoop .icoopMain .swiper-slide ul li:nth-child(1) {
  margin-left: 14.4%;
}
.icoop .icoopMain .swiper-slide ul li:nth-child(3) {
  width: 26.8%;
}
.icoop .icoopMain .swiper-slide ul li:nth-child(3) span {
  padding-left: 70%;
}
.icoop .icoopMain .swiper-slide ul li:nth-child(6) {
  width: 26.8%;
}
.icoop .icoopMain .swiper-slide ul li:nth-child(6) span {
  padding-left: 70%;
}
.icoop .icoopMain .swiper-pagination {
  left: auto !important;
  right: 0%;
  bottom: 4.7% !important;
  width: auto !important;
}
.icoop .icoopMain .swiper-pagination .swiper-pagination-bullet {
  width: 0.8333vw;
  height: 0.1563vw;
  background: #ffffff;
  opacity: 0.4 !important;
  border-radius: 0.1042vw;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.icoop .icoopMain .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0vw;
}
.icoop .icoopMain .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

/* 新闻中心 */
.inews {
  margin-top: 3.6458vw;
}
.inews .inewsTitle {
  opacity: 0;
  -webkit-transform: translateY(-5.2083vw);
      -ms-transform: translateY(-5.2083vw);
          transform: translateY(-5.2083vw);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.4s linear;
  transition: transform 1s ease, opacity 0.4s linear, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  margin-bottom: 2.9167vw;
  text-align: center;
}
.mainSwiper .swiper-wrapper .swiper-slide.on .inews .inewsTitle,
.mainSwiper .swiper-wrapper .swiper-slide.on .inews .inewsMain{
    opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0vw);
        -ms-transform: translateY(0vw);
            transform: translateY(0vw);
}
.inews .inewsTitle h1 {
  font-size: var(--font-size-18);
  color: #5F5F5F;
  font-weight: normal;
}
.inews .inewsTitle p {
  font-size: var(--font-size-42);
  color: #17191B;
  font-weight: bold;
}
.inews .inewsMain {
  opacity: 0;
  -webkit-transform: translateY(5.2083vw);
      -ms-transform: translateY(5.2083vw);
          transform: translateY(5.2083vw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: opacity 0.4s linear, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity 0.4s linear;
  transition: transform 1s ease, opacity 0.4s linear, -webkit-transform 1s ease;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.inews .inewsMain .inewsLeft {
  width: 36.8%;
}
.inews .inewsMain .inewsLeft ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
  .inews .inewsMain .inewsLeft ul li .info .time i,
  .inews .inewsMain .inewsRight .swiper-slide .text .info .time i{
    background: url('/dist/assets/90.png') no-repeat center;
    display: block;
    width: 14px;
    height: 14px;
  }
  .inews .inewsMain .inewsLeft ul li .info .time i::before,
  .inews .inewsMain .inewsRight .swiper-slide .text .info .time i::before{
    display: none;
  }
    .inews .inewsMain .inewsLeft ul li:nth-child(1) .info .time i{
        filter: grayscale(100%) brightness(00%);
  }
    .inews .inewsMain .inewsLeft ul li:nth-child(2) .info .time i{
        filter: grayscale(100%) brightness(500%);
  }

.inews .inewsMain .inewsLeft ul li:nth-child(1) {
  width: 48.3%;
  height: 13.5417vw;
  background-color: #DBE6E6;
  padding: 2.0833vw 1.875vw 2.0833vw;
  margin-right: 3.4%;
  margin-bottom: 3.4%;
}
.inews .inewsMain .inewsLeft ul li:nth-child(1) a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inews .inewsMain .inewsLeft ul li:nth-child(1) h1 {
  font-size: var(--font-size-20);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #000000;
}
.inews .inewsMain .inewsLeft ul li:nth-child(1) .info .time {
  color: #000;
}
.inews .inewsMain .inewsLeft ul li:nth-child(1) .info .label {
  color: #000;
}
.inews .inewsMain .inewsLeft ul li:nth-child(1) p {
  display: none;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) {
  width: 48.3%;
  height: 13.5417vw;
  padding: 2.083333vw 1.5625vw;
  background-color: #00C1B6;
  margin-bottom: 3.4%;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) a {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) h1 {
  font-size: var(--font-size-20);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #ffffff;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) .info .time {
  color: #ffffff;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) .info .label {
  color: #ffffff;
}
.inews .inewsMain .inewsLeft ul li:nth-child(2) p {
  display: none;
}
.inews .inewsMain .inewsLeft ul li:nth-child(3) {
  height: 16.5625vw;
  padding: 3.1771vw 2.2396vw 2.2396vw;
  background: #ffffff url("../images/iconYing.jpg") no-repeat;
  background-position-x: 27.5521vw;
  background-position-y: 2.4479vw;
}
.inews .inewsMain .inewsLeft ul li:nth-child(3) h1 {
  font-size: var(--font-size-22);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-right: 1.7188vw;
}
.inews .inewsMain .inewsLeft ul li:nth-child(3) .info .time {
  color: #000000;
}
.inews .inewsMain .inewsLeft ul li:nth-child(3) .info .time i {
  color: #00c1b6;
}
.inews .inewsMain .inewsLeft ul li:nth-child(3) .info .label {
  color: #000000;
}
.inews .inewsMain .inewsLeft ul li h1 {
  line-height: var(--font-size-28);
  margin-bottom: 1.5625vw;
}
.inews .inewsMain .inewsLeft ul li p {
  font-size: var(--font-size-15);
  line-height: var(--line-height-22);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #5D5D5D;
  margin-bottom: 3.8542vw;
}
.inews .inewsMain .inewsRight {
  width: 61.9%;
  height: 31.1458vw;
  margin-right: 0vw;
}
.inews .inewsMain .inewsRight .swiper-slide {
  position: relative;
}
.inews .inewsMain .inewsRight .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.inews .inewsMain .inewsRight .swiper-slide:hover .text {
  padding-top: 0.7292vw;
  padding-bottom: 2.6042vw;
}
.inews .inewsMain .inewsRight .swiper-slide .image {
  overflow: hidden;
}
.inews .inewsMain .inewsRight .swiper-slide .image img {
  width: 100%;
  height: 31.1458vw;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.inews .inewsMain .inewsRight .swiper-slide .text {
  padding: 1.6667vw 1.875vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 8.6458vw;
  background: url("/dist/images/inewsTextBg.png") repeat-x;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  left: 0vw;
  bottom: 0vw;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.inews .inewsMain .inewsRight .swiper-slide .text h1 {
  width: 20.8333vw;
  font-size: var(--font-size-22);
  color: #ffffff;
  line-height: var(--line-height-28);
  margin-bottom: 0.7813vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.inews .inewsMain .inewsRight .swiper-slide .text .info .time {
  color: #ffffff;
}
.inews .inewsMain .inewsRight .swiper-slide .text .info .time i {
  color: #00c1b6;
}
.inews .inewsMain .inewsRight .swiper-slide .text .info .label {
  display: none;
}
.inews .inewsMain .inewsRight .swiper-pagination {
  left: auto !important;
  right: 2.6%;
  bottom: 4.7% !important;
  width: auto !important;
}
.inews .inewsMain .inewsRight .swiper-pagination .swiper-pagination-bullet {
  width: 0.8854vw;
  height: 0.2083vw;
  background: #ffffff;
  opacity: 0.4 !important;
  border-radius: 0.1042vw;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.inews .inewsMain .inewsRight .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.inews .inewsMain .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inews .inewsMain .info .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-size-14);
}
.inews .inewsMain .info .time i {
  display: block;
  font-size: var(--font-size-15);
  margin-right: 0.2604vw;
}
.inews .inewsMain .info .label {
  font-size: var(--font-size-14);
}


.loadingBox{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background-color: #fff; display: none;}
/* .loadingBox .loading{-webkit-mask-image: url(/dist/images/loading.png);mask-image: url(/dist/images/loading.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size: 50%;mask-size: 50%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;transition: -webkit-mask-size 1.5s ease-in-out,-webkit-mask-size 1.5s ease-in-out,mask-size 1.5s ease-in-out,-webkit-mask-position 1s linear,-webkit-mask-position 1s linear,mask-position 1s linear;} */
.loadingBox .loading{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all .8s ease; overflow: hidden;}
.loadingBox .loading .animatLogo{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 100vw; height:52.083vw; background-color: #fff; background-image: url(/dist/images/ESI_00000.png); background-size:100%;z-index: 20;}
.loadingBox .loading .animatLogo::after{content: ''; background: #fff; left: 0px; top: 0px; width: 100%; height: 200%; top: -198%; position: absolute;}
.loadingBox .loading .animatLogo::before{content: ''; background: #fff; left: 0px; top: 0px; width: 100%; height: 200%; top: 98%; position: absolute;}
.loadingBox .loading .maskLogo{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%) scale(1);-moz-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);-o-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1); width: 100vw; height:52.083vw; background-size:cover; z-index: 19; transition: all 1.2s ease; background-image: url(/dist/images/ESI_00001.png); background-repeat: no-repeat; background-position: center;}
.loadingBox .loading .maskLogo::after{content: ''; background: #fff; left: 0px; top: 0px; width: 100%; height: 400%; top: -398%; position: absolute;}
.loadingBox .loading .maskLogo::before{content: ''; background: #fff; left: 0px; top: 0px; width: 100%; height: 400%; top: 98%; position: absolute;}
.loadingBox .loading .redBg{z-index: 10; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;background-color: #e60012; transform: translateY(0px); transition:all 1s ease;}
.loadingBox .loading .maskImg{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;}
.loadingBox .progress{position: absolute; z-index: 21; text-align: center; left: 0vw; width:100%; bottom: 7.813vw; color: #e60012; font-size: 1.25vw; font-weight: 600; line-height: 1.2; opacity: 1; transition: all .4s ease;}
.loadingBox .progress span{font-size: 1.875vw; padding-right: 10px;}
.loadingBox .slogan{position: absolute; z-index: 21; text-align: center; left: 0vw; width:100%; bottom: 11.813vw; color: #000000;  font-weight: 600; line-height: 1.2;opacity: 1; transition: all .4s ease;}
.loadingBox .slogan p{font-size: 1.667vw; line-height: 2.188vw;}
.loadingBox .slogan p span{display: block; margin: 1.302vw auto 0vw; width: 2.604vw; height: 0.208vw; background: #e60012;}
/* .loadingBox.animat .loading{-webkit-mask-position: 50%; mask-position: 50%; -webkit-mask-size:3000%;mask-size:3000%; transition-delay: 1.2s;} */
.loadingBox.animat .maskLogo{transform:scale(45) translate(-5%,-5%); transition-delay: 1s;}
.loadingBox.animat .loading .redBg{transform: translateY(100%);}

.loadingBox.animat .progress{opacity: 0;}
.loadingBox.animat .slogan{opacity: 0;}

.pcImg{display: block;}
.mImg{display: none;}

.sidebar{display: none;}

@media (max-width: 992px) {
  :root {
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-18: 18px;
    --font-size-20: 18px;
    --font-size-22: 18px;
    --font-size-24: 19px;
    --font-size-42: 28px;
    --font-size-46: 24px;
    --font-size-50: 33px;
    --font-size-65: 30px;
    --font-size-300: 143px;
    --line-height-22: 23px;
    --line-height-28: 25px;
    --line-height-53: 31px;
    --line-height-62: 42px;
    --line-height-74: 46px;
    --line-height-250: 120px;
  }
  .center1600 {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .mainSwiper > .swiper-wrapper > .swiper-slide {
    height: auto;
  }
  .more {
    width: 100px;
    height: 35px;
    border-radius: 35px;
  }
  .more::after, .more::before {
    border-radius: 35px;
  }
  /* banner */
  .banner .swiper-slide .text .more {
    margin-top: 30px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 3px;
    border-radius: 3px;
  }
  /* 四大中心 */
  .icenter .icenterList .swiper-slide {
    height: 90px;
  }
  .icenter .icenterList .swiper-slide::after {
    top: 27.5px;
    border-width: 1px;
  }
  .icenter .icenterList .swiper-slide .icon {
    width: 55px;
    height: 55px;
  }
  .icenter .icenterList .swiper-slide .icon img {
    width: 28px;
    height: 28px;
  }
  .icenter .icenterList .swiper-slide .text {
    width: 100%;
    margin-top: 7px;
  }
  .circleBox {
    width: 55px;
    height: 55px;
  }
  .circleBox::after {
    border-width: 3px;
  }
  .circleBox svg {
    stroke-width: 3px;
  }
  /* 相助同伴 */
  .icoopBg {
    height: auto;
    min-height: 100vh !important;
  }
  /* 关于好彩客官网 */
  .iaboutus .iaboutusPlanet {
    width: 600px;
    margin-left: -300px;
  }
  .iaboutus .iaboutusTitle .iaboutusTitleLeft p {
    padding-left: 31px;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop span {
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 8px #00D7D7;
            box-shadow: 0 0 8px #00D7D7;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop span img {
    width: 20px;
    height: 20px;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round1 {
    width: 50px;
    height: 50px;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round2 {
    width: 90px;
    height: 90px;
  }
  /* 新闻中心 */
  .inews {
    padding: 50px 0px;
  }
  .inews .inewsTitle {
    margin-bottom: 40px;
  }
  .inews .inewsMain {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .inews .inewsMain .inewsLeft {
    width: 100%;
  }
  .inews .inewsMain .inewsRight {
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(1),
  .inews .inewsMain .inewsLeft ul li:nth-child(2) {
    height: 130px;
    padding: 15px;
    border-radius: 8px;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(3) {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    margin-bottom: 3.4%;
    padding: 20px 15px;
    background-position-x: 98%;
    background-position-y: 24px;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(3) h1 {
    padding-right: 43px;
  }
  .inews .inewsMain .inewsRight .swiper-slide .image img {
    height: auto;
  }
  .inews .inewsMain .inewsRight .swiper-slide .text {
    height: 120px;
    padding: 25px 20px;
  }
  .inews .inewsMain .inewsRight .swiper-slide .text h1 {
    width: 100%;
    margin-bottom: 10px;
  }
  .inews .inewsMain .inewsRight .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 3px;
    border-radius: 3px;
  }
  .inews .inewsMain .info .time i {
    margin-right: 2px;
  }
  /* 底部 */
  .bottomBg .bottom .bottomNav {
    width: 77%;
  }
  .bottomBg .bottom .bottomNav .bottomNavMain dl dt a {
    font-size: 15px;
  }
  .bottomBg .bottom .bottomNav .bottomNavMain dl dd a {
    font-size: 13px;
  }
  .bottomBg .bottom .bottomWeChat {
    display: none !important;
  }
  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li div {
    width: 70px;
    height: 70px;
    padding: 3px;
    border-radius: 8px;
  }
  .bottomBg .bottom .bottomCopyright {
    font-size: 12px;
  }
  .bottomBg .bottom .bottomCopyright a {
    font-size: 12px;
  }
}
@media (max-width: 768px) {

    .banner .swiper-slide .text h1{
        font-size: 23px;
    }

  :root {
    --font-size-12: 13px;
    --font-size-14: 13px;
    --font-size-15: 14px;
    --font-size-16: 16px;
    --font-size-18: 17px;
    --font-size-20: 16px;
    --font-size-24: 20px;
    --font-size-42: 14px;
    --font-size-46: 26px;
    --font-size-50: 26px;
    --font-size-65: 30px;
    --font-size-300: 120px;
    --line-height-28: 24px;
    --line-height-53: 33px;
    --line-height-62: 33px;
    --line-height-74: 40px;
    --line-height-250: 120px;
  }
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .center1600 {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .more {
    width: 98px;
    height: 35px;
    border-radius: 30px;
  }
  .more::after, .more::before {
    border-radius: 30px;
  }
  .more::after {
    border-width: 2px;
  }
  .mainSwiper .mainMouse {
    left: 50%;
    margin-left: -12.5px;
  }
  .mainSwiper .mainMouse img {
    width: 25px;
    height: 32px;
  }
  .mainSwiper > .swiper-wrapper > .swiper-slide {
    height: auto;
  }
  /* banner */
  .banner .swiper-slide .text {
    width: 90%;
    top: 39%;
  }
  .banner .swiper-slide .text .more {
    margin-top: 16px;
  }
  .banner .swiper-pagination {
    width: 100% !important;
    bottom: 5% !important;
    right: auto !important;
    left: 0%;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 2.5px;
    border-radius: 2.5px;
    margin: 0 2px;
  }
  /* 四大中心 */
  .icenter .icenterList {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .icenter .icenterList .swiper-slide {
    height: 95px;
  }
  .icenter .icenterList .swiper-slide::after {
    top: 27.5px;
    border-width: 1px;
  }
  .icenter .icenterList .swiper-slide .icon {
    width: 55px;
    height: 55px;
  }
  .icenter .icenterList .swiper-slide .icon img {
    height: 30px;
  }
  .icenter .icenterList .swiper-slide .text {
    width: 100%;
    margin-top: 6px;
  }
  .icenter .icenterMain .swiper-slide .text {
    width: calc(100% - 40px);
    margin: 0 auto;
    top: 39%;
  }
  .icenter .icenterMain .swiper-slide .text h1 {
    margin-bottom: 7px;
  }
  .icenter .icenterMain .swiper-slide .text p {
    margin-bottom: 25px;
    font-size: 18px;
  }
  .circleBox {
    width: 55px;
    height: 55px;
  }
  .circleBox::after {
    border-width: 4px;
  }
  .circleBox svg {
    stroke-width: 3px;
  }
  /* 关于好彩客官网 */
  .iaboutus {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .iaboutus .iaboutusTitle {
    margin-top: 150px;
    margin-bottom: 0px;
  }
  .iaboutus .iaboutusTitle .iaboutusTitleLeft {
    width: 150px;
  }
  .iaboutus .iaboutusTitle .iaboutusTitleLeft h1 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(transparent));
    background-image: linear-gradient(#fff 60%, transparent);
  }
  .iaboutus .iaboutusTitle .iaboutusTitleLeft p {
    padding-left: 0px;
    margin-left: -5px;
    margin-top: -10px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  .iaboutus .iaboutusNum {
    margin-bottom: 240px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .iaboutus .iaboutusNum ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 42px;
  }
  .iaboutus .iaboutusNum ul li {
    width: 50%;
    margin: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  .iaboutus .iaboutusPlanet {
    width: 400px;
    margin-left: -200px;
    bottom: -50px;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop span {
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 0 0 4px #00D7D7;
            box-shadow: 0 0 4px #00D7D7;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop span img {
    width: 15px;
    height: 15px;
    display: block;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round1 {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  .iaboutus .iaboutusPlanet .iaboutusPlanetDrop .round2 {
    width: 70px;
    height: 70px;
    border-width: 2px;
  }
  /* 相助同伴 */
  .icoopBg {
    min-height: 100vh !important;
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .icoop {
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .icoop .icoopTitle {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
  }
  .icoop .icoopTitle h1 {
    font-size: 24px;
    color: #ffffff;
  }
  .icoop .icoopMain {
    width: 100%;
    padding: 0px;
    padding-bottom: 50px;
  }
  .icoop .icoopMain .swiper-slide ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .icoop .icoopMain .swiper-slide ul li {
    width: 48%;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    margin-left: 0%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .icoop .icoopMain .swiper-slide ul li:nth-child(even) {
    margin-right: 0%;
  }
  .icoop .icoopMain .swiper-slide ul li:nth-child(1) {
    margin-left: 0%;
  }
  .icoop .icoopMain .swiper-slide ul li:nth-child(3),
  .icoop .icoopMain .swiper-slide ul li:nth-child(6) {
    width: 48%;
  }
  .icoop .icoopMain .swiper-slide ul li img {
    height: 40px;
  }
  .icoop .icoopMain .swiper-slide ul li a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .icoop .icoopMain .swiper-pagination {
    width: 100% !important;
    bottom: 5% !important;
    right: auto !important;
    left: 0%;
  }
  .icoop .icoopMain .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 2.5px;
    border-radius: 2.5px;
    margin: 0 3px;
  }
  /* 新闻中心 */
  .inews {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .inews .inewsTitle {
    margin-bottom: 25px;
  }
  .inews .inewsTitle h1 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 3px;
  }
  .inews .inewsTitle p {
    font-weight: normal;
  }
  .inews .inewsMain {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .inews .inewsMain .inewsLeft {
    width: 100%;
  }
  .inews .inewsMain .inewsLeft ul li {
    border-radius: 8px;
    overflow: hidden;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(1) {
    width: 100%;
    height: 105px;
    margin-right: 0%;
    margin-bottom: 12px;
    padding: 15px;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(1) h1 {
    font-weight: normal;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(2) {
    width: 100%;
    height: 105px;
    margin-bottom: 12px;
    padding: 15px;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(2) h1 {
    font-weight: normal;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(3) {
    height: 105px;
    padding: 15px;
    background: #ffffff;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(3) h1 {
    font-size: var(--font-size-20);
    font-weight: normal;
    padding-right: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .inews .inewsMain .inewsLeft ul li:nth-child(3) p {
    display: none;
  }
  .inews .inewsMain .inewsRight {
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
  }
  .inews .inewsMain .inewsRight .swiper-slide:hover .text {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .inews .inewsMain .inewsRight .swiper-slide .image img {
    height: auto;
  }
  .inews .inewsMain .inewsRight .swiper-slide .text {
    height: 120px;
    padding: 15px;
  }
  .inews .inewsMain .inewsRight .swiper-slide .text h1 {
    font-size: var(--font-size-20);
    width: 100%;
    font-weight: normal;
    margin-bottom: 10px;
  }
  .inews .inewsMain .inewsRight .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 2.5px;
    border-radius: 2.5px;
    margin: 0 3px;
  }
  /* 底部 */
  .bottomBg {
    width: 100%;
    height: 130px;
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .bottomBg .bottom .bottomFollow {
    width: 100%;
  }
  .bottomBg .bottom .bottomFollow .bottomFollowMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li {
    margin-right: 0px;
    margin: 0 10px;
  }
  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li div {
    width: 65px;
    height: 65px;
    border-radius: 3px;
    padding: 2px;
    -webkit-transform: translate(-50%, -160%);
        -ms-transform: translate(-50%, -160%);
            transform: translate(-50%, -160%);
  }
  .bottomBg .bottom .bottomCopyright {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
  }
  .bottomBg .bottom .bottomCopyright div {
    width: 100%;
    margin: 3px 0px;
  }
  .bottomBg .bottom .bottomCopyright div:last-child a {
    margin-left: 0px;
  }
  .pcImg{display: none;}
  .mImg{display: block;}

  .loadingBox .progress{bottom: 20vw; font-size: 4.8vw;}
  .loadingBox .progress span{font-size: 9.6vw;}
  .loadingBox .slogan{bottom: 20vw; font-size: 4.8vw;}
  .loadingBox .slogan p{font-size: 4.267vw; line-height: 5.6vw;}
  .loadingBox .slogan p span{margin: 3.333vw auto 0vw; width: 6.667vw; height: 0.533vw;}
}
/*# sourceMappingURL=maps/layout.css.map */

<!--耗时1755559077.3882秒-->