@charset "UTF-8";

/* 鍏叡鏍峰紡 */

* {

  padding: 0px;

  margin: 0px;

  -webkit-box-sizing: border-box;

     -moz-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 52.08333vw white inset !important;

          box-shadow: 0 0 0 52.08333vw 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;

  -moz-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;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



:root {

  --vi-color: #12288b;

  --font-size-12: 0.625vw;

  --font-size-13: 0.67708vw;

  --font-size-14: 0.72917vw;

  --font-size-15: 0.78125vw;

  --font-size-16: 0.83333vw;

  --font-size-18: 0.9375vw;

  --font-size-20: 1.04167vw;

  --font-size-22: 1.14583vw;

  --font-size-24: 1.25vw;

  --font-size-25: 1.30208vw;

  --font-size-26: 1.35417vw;

  --font-size-40: 2.08333vw;

  --font-size-46: 2.39583vw;

  --font-size-50: 2.60417vw;

  --font-size-55: 2.86458vw;

  --font-size-72: 3.75vw;

  --line-height-25: 1.30208vw;

  --line-height-30: 1.5625vw;

  --line-height-31: 1.61458vw;

  --line-height-32: 1.66667vw;

  --line-height-45: 2.34375vw;

  --line-height-48: 2.5vw;

  --line-height-54: 2.8125vw;

  --line-height-55: 2.86458vw;

  --line-height-56: 2.91667vw;

}



.center1500 {

  width: 78.125vw;

  margin: 0 auto;

}



.center1750 {

  width: 91.14583vw;

  margin: 0 auto;

}



.pc {

  display: block !important;

}



.mobile {

  display: none !important;

}



/* 鎺㈢储鏇村鎸夐挳 */

.more {

  position: relative;

  display: block;

  width: 8.8021vw;

  height: 2.9688vw;

  border-radius: 2.9688vw;

  text-align: center;

  overflow: hidden;

}

.more span {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

     -moz-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  padding-left: 1.45833vw;

  padding-right: 1.09375vw;

  margin-top: -0.1042vw;

  font-size: var(--font-size-14);

  color: #ffffff;

  white-space: nowrap;

}

.more span i {

  font-size: var(--font-size-12);

  color: #ffffff;

}

.more::after {

  border: 0.1042vw solid #FFFFFF;

}

.more::before {

  opacity: 0;

  background-color: #fff;

}

.more::after, .more::before {

  position: absolute;

  top: 0vw;

  left: 0vw;

  width: 100%;

  height: 100%;

  border-radius: 2.9688vw;

  content: "";

  display: block;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.more:hover span {

  color: var(--vi-color);

}

.more:hover span i {

  color: var(--vi-color);

}

.more:hover::after {

  opacity: 0;

}

.more:hover::before {

  opacity: 1;

}



/* 澶撮儴 */

@media (min-width: 0px) {

  body {

    padding-top: 0px !important;

    position: relative;

    -webkit-transition: left 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);

    -moz-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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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);

    -moz-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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .header .logo {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

  .header .logo img {

    height: 42px;

  }

  .header .logo .transparent {

    display: block;

  }

  .header .logo .colour {

    display: none;

  }

  .header .navBox {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .header .navBox .navList {

    background: #FAFAFA;

    display: none;

    position: fixed;

    width: 260px;

    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);

    -moz-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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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 .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);

    -moz-transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 1, 0.3, 1), -moz-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), -moz-transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);

    opacity: 0;

    -webkit-transform: translate3d(0px, -100%, 1px);

    -moz-transform: translate3d(0px, -100%, 1px);

    transform: translate3d(0px, -100%, 1px);

  }

  .header .searchformMain .searchform form {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-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;

    -webkit-flex: 1;

    -moz-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);

    -moz-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px);

    opacity: 1;

  }

  .admissionheader {

    left: -260px;

  }

  .admissionheader .navBox .navList {

    right: 0px;

  }

  .hideScroll {

    overflow: hidden;

  }

  .admissionBody {

    left: -260px;

  }

  .header .navBox .navList .list .subNavBtn {

    position: absolute;

    right: 0px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: right;

    -webkit-justify-content: right;

    -moz-box-pack: right;

    -ms-flex-pack: right;

    justify-content: right;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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);

    -moz-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 25px;

    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);

    -moz-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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: right;

    -webkit-justify-content: right;

    -moz-box-pack: right;

    -ms-flex-pack: right;

    justify-content: right;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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);

    -moz-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);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  .header .navBox .haderOther .menusBox {

    display: none;

  }

  .headerDownBg {

    background: #fff;

    -webkit-box-shadow: 0 0 0.5208vw #ddd;

            box-shadow: 0 0 0.5208vw #ddd;

  }

  .headerDownBg .logo .transparent {

    display: none;

  }

  .headerDownBg .logo .colour {

    display: block;

  }

  .headerDownBg .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }

  .headerDownBg .navBox .haderOther .navbtn {

    color: #333;

  }



  .headerProductText {

    background: #fff;

    box-shadow: 0px 1px 0px #dee0e2;

  }

  .headerProductText .logo .transparent {

    display: none;

  }

  .headerProductText .logo .colour {

    display: block;

  }

  .headerProductText .navBox .navList .list h3 a {

    color: #333;

  }

  .headerProductText .navBox .navList .list.cur h3 a {

    color: var(--vi-color);

  }

  .headerProductText .navBox .haderOther .searchBox {

    border-left:none;

  }

  .headerProductText .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }



  .headerProductText .navBox .haderOther .navbtn{

    color: #333;

  }

  

  .headerBlackText {

    box-shadow: 0px 1px 0px #dee0e2;

  }

  .headerBlackText .logo .transparent {

    display: none;

  }

  .headerBlackText .logo .colour {

    display: block;

  }

  .headerBlackText .navBox .navList .list h3 a {

    color: #333;

  }

  .headerBlackText .navBox .navList .list.cur h3 a {

    color: var(--vi-color);

  }

  .headerBlackText .navBox .haderOther .searchBox {

    border-left: none;

  }

  .headerBlackText .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }



  .headerBlackText .navBox .haderOther .navbtn{

    color: #333;

  }



}

@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) {

  body {

    padding-top: 0vw !important;

  }

  .header .commonMain {

    padding: 0vw 2.6042vw;

  }

  .header {

    height: 5.5208vw;

    position: fixed;

    left: 0vw;

    top: 0vw;

    width: 100%;

    background: none;

    -webkit-transition: 0.8s ease;

    -moz-transition: 0.8s ease;

    transition: 0.8s ease;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

  .header .logo img {

    height: 3.75vw;

  }

  .header .logo .transparent {

    display: block;

  }

  .header .logo .colour {

    display: none;

  }

  .header .navBox .haderOther {

    margin-left: 20.1042vw;

  }

  .header .navBox .haderOther .navbtn {

    display: none;

  }

  .header .navBox .navList {

    padding: 0vw;

    width: auto;

    right: 0vw;

    background: none;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-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: 3.5417vw;

    padding: 0vw;

    border-top: none;

  }

  .header .navBox .navList .list h3 a {

    height: 5.5208vw;

    font-size: 1.25vw;

    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: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 4.8438vw;

    height: 5.5208vw;

    border-left: 1px solid rgba(255, 255, 255, 0.1);

    margin-left: 1.5625vw;

  }

  .header .navBox .haderOther .searchBox .searchBtn {

    color: #fff;

    width: 1.0938vw;

    font-size: 1.0938vw;

  }

  .header .navBox .haderOther .menusBox {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

       -moz-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 5.5208vw;

    height: 5.5208vw;

    color: #ffffff;

    font-size: var(--font-size-18);

    margin-right: -2.6042vw;

    background: -webkit-gradient(linear, right top, left top, from(#12288B), to(#204496));

    background: -webkit-linear-gradient(right, #12288B, #204496);

    background: -moz-linear-gradient(right, #12288B, #204496);

    background: linear-gradient(-90deg, #12288B, #204496);

    cursor: pointer;

  }

  .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;

  }

  .headerDownBg {

    background: #fff;

    -webkit-box-shadow: 0 0 0.5208vw #ddd;

            box-shadow: 0 0 0.5208vw #ddd;

  }

  .headerDownBg .logo .transparent {

    display: none;

  }

  .headerDownBg .logo .colour {

    display: block;

  }

  .headerDownBg .navBox .navList .list h3 a {

    color: #333;

  }

  .headerDownBg .navBox .navList .list.cur h3 a {

    color: var(--vi-color);

  }

  .headerDownBg .navBox .haderOther .searchBox {

    border-left: 1px solid rgba(0, 0, 0, 0.1);

  }

  .headerDownBg .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }

  

  .headerBlackText {

    box-shadow: 0px 1px 0px #dee0e2;

  }

  .headerBlackText .logo .transparent {

    display: none;

  }

  .headerBlackText .logo .colour {

    display: block;

  }

  .headerBlackText .navBox .navList .list h3 a {

    color: #333;

  }

  .headerBlackText .navBox .navList .list.cur h3 a {

    color: var(--vi-color);

  }

  .headerBlackText .navBox .haderOther .searchBox {

    border-left: 1px solid rgba(0, 0, 0, 0.1);

  }

  .headerBlackText .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }



  .headerProductText {

    background: #fff;

    box-shadow: 0px 1px 0px #dee0e2;

  }

  .headerProductText .logo .transparent {

    display: none;

  }

  .headerProductText .logo .colour {

    display: block;

  }

  .headerProductText .navBox .navList .list h3 a {

    color: #333;

  }

  .headerProductText .navBox .navList .list.cur h3 a {

    color: var(--vi-color);

  }

  .headerProductText .navBox .haderOther .searchBox {

    border-left: 1px solid rgba(0, 0, 0, 0.1);

  }

  .headerProductText .navBox .haderOther .searchBox .searchBtn {

    color: #333;

  }



  .header .navBox .navList .list .subNavBtn {

    display: none;

  }

  .header .navBox .navList .list .subNavMain {

    position: absolute;

    min-width: 100%;

    left: -2.0833vw;

    overflow: hidden;

    max-height: 0vw;

    display: block;

  }

  .header .navBox .navList .list .subNavMain .subNavBox {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-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: 1.041667vw;

    padding: 0vw 2.0833vw;

    position: relative;

  }

  .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;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

  }

  .header .navBox .navList .list .subNavMain .subNavList > a::before {

    display: none;

  }

}

/* 鑿滃崟 */

.full-main-nav {

  display: block;

  position: fixed;

  left: 0;

  top: 0;

  z-index: -99;

  opacity: 0;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

  width: 100%;

  height: 100%;

}



.full-main-nav.active {

  z-index: 999;

  opacity: 1;

}



.full-main-nav.active .nav-swiper li {

  top: 0;

  opacity: 1;

}



.full-navbg {

  position: relative;

  z-index: 3;

  height: 100%;

  overflow: hidden;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

}

.full-navbg .full-close {

  width: 5.52083vw;

  height: 5.52083vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

     -moz-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: absolute;

  top: 0px;

  right: 0px;

  z-index: 9;

  color: #ffffff;

  font-size: var(--font-size-18);

  cursor: pointer;

}



.nav-swiper {

  position: relative;

  z-index: 3;

  height: 100%;

  overflow: visible;

}



.nav-swiper .swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: -moz-box;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  -moz-transition-property: transform, -moz-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform, -moz-transform;

  transition-property: transform, -webkit-transform;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}



.nav-swiper li {

  position: relative;

  top: -2.08333vw;

  opacity: 0;

  -webkit-transition-duration: 0.5s, 0.5s, 0.5s;

  -moz-transition-duration: 0.5s, 0.5s, 0.5s;

       transition-duration: 0.5s, 0.5s, 0.5s;

  -webkit-transition-property: opacity, top;

  -moz-transition-property: opacity, top;

  transition-property: opacity, top;

  width: 20%;

  border-right: 1px solid #fff;

  background-color: var(--vi-color);

  margin: 0px !important;

}



.nav-swiper li > a {

  display: block;

  width: 100%;

  height: 100%;

}



.nav-swiper li a {

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

  color: #fff;

}



.nav-swiper li:hover {

  background: none;

}



.nav-swiper li:hover a {

  opacity: 1;

  color: #ffffff;

}



.nav-swiper li:hover .id::before {

  opacity: 1;

}



.nav-swiper li:hover .id, .nav-swiper li:hover .title, .nav-swiper li:hover .subnav {

  opacity: 1;

  -webkit-transform: translateY(-1.5625vw);

  -ms-transform: translateY(-1.5625vw);

  -moz-transform: translateY(-1.5625vw);

       transform: translateY(-1.5625vw);

}



.nav-swiper li:nth-child(1) {

  -webkit-transition-delay: 0.4s;

  -moz-transition-delay: 0.4s;

       transition-delay: 0.4s;

}



.nav-swiper li:nth-child(2) {

  -webkit-transition-delay: 0.6s;

  -moz-transition-delay: 0.6s;

       transition-delay: 0.6s;

}



.nav-swiper li:nth-child(3) {

  -webkit-transition-delay: 0.8s;

  -moz-transition-delay: 0.8s;

       transition-delay: 0.8s;

}



.nav-swiper li:nth-child(4) {

  -webkit-transition-delay: 1s;

  -moz-transition-delay: 1s;

       transition-delay: 1s;

}



.nav-swiper li:nth-child(5) {

  -webkit-transition-delay: 1.2s;

  -moz-transition-delay: 1.2s;

       transition-delay: 1.2s;

}



.nav-swiper li:nth-child(6) {

  -webkit-transition-delay: 1.4s;

  -moz-transition-delay: 1.4s;

       transition-delay: 1.4s;

}



.nav-swiper li:nth-child(7) {

  -webkit-transition-delay: 1.6s;

  -moz-transition-delay: 1.6s;

       transition-delay: 1.6s;

}



.nav-swiper li .id {

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

  font-size: 2.91667vw;

  line-height: 2.91667vw;

  color: #f6f6f6;

  font-family: DINEng;

  text-align: center;

}



.nav-swiper li .id::before {

  content: "";

  display: block;

  width: 1px;

  height: 3.22917vw;

  background-color: #fff;

  margin: 0 auto 1.30208vw;

  opacity: 0;

}



.nav-swiper li .title {

  width: auto;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

  text-align: center;

  font-size: 1.25vw;

  color: #545454;

  line-height: 1.45833vw;

  margin: 2.96875vw 0 1.51042vw;

}



.nav-swiper li .subnav {

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

  opacity: 1;

  text-align: center;

}



.nav-swiper li .subnav a {

  color: rgba(255, 255, 255, 0.6);

  font-size: var(--font-size-16);

  line-height: 1.66667vw;

  position: relative;

  z-index: 11;

}



.nav-swiper li .subnav a:hover {

  color: #fff;

}



.full-text {

  position: absolute;

  left: 0;

  top: 29%;

  width: 100%;

}



/* 搴曢儴 */

.bottomBg {

  padding-top: 4.01042vw;

  background-color: #fff;

}

.bottomBg .bottom {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.bottomBg .bottom a {

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.bottomBg .bottom a:hover {

  color: var(--vi-color);

}

.bottomBg .bottom .bottomInfo p {

  font-size: var(--font-size-16);

  color: #666666;

  line-height: var(--line-height-30);

}

.bottomBg .bottom .bottomInfo p span {

  display: table-cell;

}

.bottomBg .bottom .bottomInfo h1 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: var(--font-size-26);

  color: #12288B;

  font-weight: normal;

  margin-top: 0.26042vw;

}

.bottomBg .bottom .bottomInfo h1 img {

  height: 1.25vw;

  margin-right: 0.41667vw;

}

.bottomBg .bottom .bottomCon .title {

  font-size: var(--font-size-16);

  color: #333333;

  font-weight: normal;

  margin-bottom: 1.25vw;

}

.bottomBg .bottom .bottomCon .bottomConMain {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

}

.bottomBg .bottom .bottomCon .bottomConMain div {

  text-align: center;

  margin-right: 1.45833vw;

}

.bottomBg .bottom .bottomCon .bottomConMain div:last-child {

  margin-right: 0px;

}

.bottomBg .bottom .bottomCon .bottomConMain div img {

  width: 4.79167vw;

  height: auto;

}

.bottomBg .bottom .bottomCon .bottomConMain div p {

  font-size: var(--font-size-14);

  line-height: var(--line-height-30);

  color: #666666;

}

.bottomBg .bottom .bottomNav {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

}

.bottomBg .bottom .bottomNav dl {

  margin-left: 5.20833vw;

}

.bottomBg .bottom .bottomNav dl dt {

  margin-bottom: 0.625vw;

}

.bottomBg .bottom .bottomNav dl dt a {

  font-size: var(--font-size-16);

  color: #333333;

  font-weight: normal;

}

.bottomBg .bottom .bottomNav dl dd a {

  font-size: var(--font-size-14);

  line-height: var(--line-height-30);

  color: rgba(102, 102, 102, 0.8);

}

.bottomBg .bottom .bottomNav dl dd a:hover{
  color: var(--vi-color);
}

.bottomBg .bottom .bottomCopyright {

  width: 100%;

  min-height: 3.59375vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-top: 5.72917vw;

  border-top: 1px solid #e5e5e5;

}

.bottomBg .bottom .bottomCopyright .left {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: var(--font-size-14);

  color: rgba(102, 102, 102, 0.8);

}

.bottomBg .bottom .bottomCopyright .left a {
    line-height: 1.5;
  display: block;

  margin-right: 2.08333vw;

  font-size: var(--font-size-14);

  color: rgba(102, 102, 102, 0.8);

}

.bottomBg .bottom .bottomCopyright .left span {
    line-height: 1.5;
  display: block;

  margin-right: 2.08333vw;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li {

  margin-right: 1.25vw;

  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;

  -moz-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 i img {

  -webkit-filter: none;

          filter: none;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li:hover div {

  margin-bottom: 0.52083vw;

  opacity: 1;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li i img {

  height: 1.30208vw;

  -webkit-filter: grayscale(1) opacity(0.9);

          filter: grayscale(1) opacity(0.9);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div {

  margin-bottom: 0px;

  opacity: 0;

  width: 4.0625vw;

  height: 4.0625vw;

  border-radius: 0.2604vw;

  background-color: #fff;

  position: absolute;

  bottom: 1.30208vw;

  left: 50%;

  -webkit-transform: translate(-50%);

     -moz-transform: translate(-50%);

      -ms-transform: translate(-50%);

          transform: translate(-50%);

  padding: 0.1563vw;

  -webkit-box-shadow: 0 0 0.5208vw #ddd;

          box-shadow: 0 0 0.5208vw #ddd;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div::after {

  position: absolute;

  left: 50%;

  bottom: -0.26042vw;

  -webkit-transform: translate(-50%);

     -moz-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-bottom-color: transparent;

  content: "";

  display: block;

}

.bottomBg .bottom .bottomFollow .bottomFollowMain ul li div img {

  width: 100%;

  height: auto;

}



@-webkit-keyframes slideup {

  0% {

    opacity: 0;

    -webkit-transition-delay: 0s;

            transition-delay: 0s;

  }

  100% {

    opacity: 1;

  }

}



@-moz-keyframes slideup {

  0% {

    opacity: 0;

    -moz-transition-delay: 0s;

         transition-delay: 0s;

  }

  100% {

    opacity: 1;

  }

}



@keyframes slideup {

  0% {

    opacity: 0;

    -webkit-transition-delay: 0s;

       -moz-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;

  }

}

@-moz-keyframes amplify {

  0% {

    -moz-transform: translate(-50%, -50%) scale(0.4);

         transform: translate(-50%, -50%) scale(0.4);

    opacity: 0;

  }

  20% {

    opacity: 1;

  }

  75% {

    -moz-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);

       -moz-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);

       -moz-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;

  }

}

@-moz-keyframes amplify2 {

  0% {

    -moz-transform: translate(-50%, -50%) scale(0.9);

         transform: translate(-50%, -50%) scale(0.9);

    opacity: 0;

  }

  20% {

    opacity: 1;

  }

  75% {

    -moz-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);

       -moz-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);

       -moz-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);

  }

}

@-moz-keyframes scale {

  0% {

    -moz-transform: scale(1);

         transform: scale(1);

  }

  100% {

    -moz-transform: scale(1.1);

         transform: scale(1.1);

  }

}

@keyframes scale {

  0% {

    -webkit-transform: scale(1);

       -moz-transform: scale(1);

            transform: scale(1);

  }

  100% {

    -webkit-transform: scale(1.1);

       -moz-transform: scale(1.1);

            transform: scale(1.1);

  }

}

@-webkit-keyframes framesWidth {

  0% {

    width: 0%;

  }

  100% {

    width: 100%;

  }

}

@-moz-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%;

  }

}

@-moz-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;

  }

}

@-moz-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%);

  }

}

@-moz-keyframes mySwing {

  0% {

    -moz-transform: rotate(90deg) translateX(100%);

         transform: rotate(90deg) translateX(100%);

  }

  50% {

    -moz-transform: rotate(90deg) translateX(0%);

         transform: rotate(90deg) translateX(0%);

  }

  100% {

    -moz-transform: rotate(90deg) translateX(100%);

         transform: rotate(90deg) translateX(100%);

  }

}

@keyframes mySwing {

  0% {

    -webkit-transform: rotate(90deg) translateX(100%);

       -moz-transform: rotate(90deg) translateX(100%);

            transform: rotate(90deg) translateX(100%);

  }

  50% {

    -webkit-transform: rotate(90deg) translateX(0%);

       -moz-transform: rotate(90deg) translateX(0%);

            transform: rotate(90deg) translateX(0%);

  }

  100% {

    -webkit-transform: rotate(90deg) translateX(100%);

       -moz-transform: rotate(90deg) translateX(100%);

            transform: rotate(90deg) translateX(100%);

  }

}

@-webkit-keyframes mySvg {

  0% {

    stroke-dashoffset: 167;

  }

  100% {

    stroke-dashoffset: 0;

  }

}

@-moz-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(10px);

            transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-moz-keyframes suspension {

  0% {

    -moz-transform: translateY(0);

         transform: translateY(0);

  }

  50% {

    -moz-transform: translateY(10px);

         transform: translateY(10px);

  }

  100% {

    -moz-transform: translateY(0);

         transform: translateY(0);

  }

}

@keyframes suspension {

  0% {

    -webkit-transform: translateY(0);

       -moz-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(10px);

       -moz-transform: translateY(10px);

            transform: translateY(10px);

  }

  100% {

    -webkit-transform: translateY(0);

       -moz-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes iabIcon {

  0% {

    -webkit-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }

  25% {

    -webkit-transform: translate(30px, 30px);

            transform: translate(30px, 30px);

  }

  50% {

    -webkit-transform: translate(55px, 0px);

            transform: translate(55px, 0px);

  }

  75% {

    -webkit-transform: translate(25px, 25px);

            transform: translate(25px, 25px);

  }

  100% {

    -webkit-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }

}

@-moz-keyframes iabIcon {

  0% {

    -moz-transform: translate(0px, 0px);

         transform: translate(0px, 0px);

  }

  25% {

    -moz-transform: translate(30px, 30px);

         transform: translate(30px, 30px);

  }

  50% {

    -moz-transform: translate(55px, 0px);

         transform: translate(55px, 0px);

  }

  75% {

    -moz-transform: translate(25px, 25px);

         transform: translate(25px, 25px);

  }

  100% {

    -moz-transform: translate(0px, 0px);

         transform: translate(0px, 0px);

  }

}

@keyframes iabIcon {

  0% {

    -webkit-transform: translate(0px, 0px);

       -moz-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }

  25% {

    -webkit-transform: translate(30px, 30px);

       -moz-transform: translate(30px, 30px);

            transform: translate(30px, 30px);

  }

  50% {

    -webkit-transform: translate(55px, 0px);

       -moz-transform: translate(55px, 0px);

            transform: translate(55px, 0px);

  }

  75% {

    -webkit-transform: translate(25px, 25px);

       -moz-transform: translate(25px, 25px);

            transform: translate(25px, 25px);

  }

  100% {

    -webkit-transform: translate(0px, 0px);

       -moz-transform: translate(0px, 0px);

            transform: translate(0px, 0px);

  }

}

/* banner */

.banner .swiper-slide {

  position: relative;

}

.banner .swiper-slide img, .banner .swiper-slide video {

  width: 100%;

  height: 100vh;

  -o-object-fit: cover;

     object-fit: cover;

}

.banner .swiper-slide .text {

  opacity: 0;

  margin-top: 2.6042vw;

  text-align: left;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

     -moz-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  -webkit-transition: margin-top 0.8s ease, opacity 0.8s ease;

  -moz-transition: margin-top 0.8s ease, opacity 0.8s ease;

  transition: margin-top 0.8s ease, opacity 0.8s ease;

  -webkit-transition-delay: 1s;

     -moz-transition-delay: 1s;

          transition-delay: 1s;

}

.banner .swiper-slide .text h1 {

  font-size: var(--font-size-46);

  line-height: var(--line-height-54);

  color: #ffffff;

  font-weight: bold;

  margin-bottom: 0.8854vw;

}

.banner .swiper-slide .text p {

  font-size: var(--font-size-20);

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 1.6146vw;

}

.banner .swiper-slide .text .more {

  margin-top: 1.0417vw;

}

.banner .swiper-slide-active .text {

  opacity: 1;

  margin-top: 0vw;

}

.banner .swiper-pagination {

  left: 10.9375vw !important;

  bottom: 5.2% !important;

  width: auto !important;

}

.banner .swiper-pagination .swiper-pagination-bullet {

  width: 0.8333vw;

  height: 0.2604vw;

  background: #ffffff;

  opacity: 0.4 !important;

  border-radius: 0.1563vw;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

  cursor: pointer;

}

.banner .swiper-pagination .swiper-pagination-bullet-active {

  width: 1.3542vw;

  opacity: 1 !important;

}



/* 鍏充簬鎴戜滑 */

.iaboutusBg {

  height: 53.2813vw;

  background-size: auto 100% !important;

  overflow: hidden;

  position: relative;

}

.iaboutusBg .iaboutus {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  z-index: 9;

  height: 53.2813vw;

}

.iaboutusBg .iaboutus .iaboutusLeft {

  width: 55.6%;

  margin-top: 10.10417vw;

}

.iaboutusBg .iaboutus .iaboutusLeft .text > i {

  display: block;

  font-size: var(--font-size-18);

  color: rgba(104, 104, 104, 0.8);

}

.iaboutusBg .iaboutus .iaboutusLeft .text h1 {

  font-size: var(--font-size-46);

  color: #000000;

  line-height: var(--line-height-56);

  font-weight: bold;

  margin-top: 0.4688vw;

  margin-bottom: 2.0833vw;

}

.iaboutusBg .iaboutus .iaboutusLeft .text p {

  width: 75%;

  font-size: var(--font-size-16);

  color: #727272;

  line-height: 1.4063vw;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.iaboutusBg .iaboutus .iaboutusLeft .more {

  margin-top: 2.29167vw;

}

.iaboutusBg .iaboutus .iaboutusLeft .more span {

  color: var(--vi-color);

}

.iaboutusBg .iaboutus .iaboutusLeft .more span i {

  color: var(--vi-color);

}

.iaboutusBg .iaboutus .iaboutusLeft .more::before {

  background-color: var(--vi-color);

}

.iaboutusBg .iaboutus .iaboutusLeft .more::after {

  border-color: var(--vi-color);

}

.iaboutusBg .iaboutus .iaboutusLeft .more:hover span {

  color: #ffffff;

}

.iaboutusBg .iaboutus .iaboutusLeft .more:hover span i {

  color: #ffffff;

}

.iaboutusBg .iaboutus .iaboutusRight {

  position: absolute;

  right: 0px;

  bottom: 14.375vw;

  width: 38.48958vw;

  height: 36.45833vw;

}

.iaboutusBg .iaboutus .iaboutusRight .iaboutusRightMain {

  width: 43.69792vw;

  height: 43.69792vw;

  -webkit-transform: rotate(45deg);

     -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

  -webkit-clip-path: ellipse(37% 50% at 50% 50%);

          clip-path: ellipse(37% 50% at 50% 50%);

}

.iaboutusBg .iaboutus .iaboutusRight .iaboutusRightMain:hover img {

  -webkit-transform: rotate(-45deg) scale(1.1);

     -moz-transform: rotate(-45deg) scale(1.1);

      -ms-transform: rotate(-45deg) scale(1.1);

          transform: rotate(-45deg) scale(1.1);

}

.iaboutusBg .iaboutus .iaboutusRight .iaboutusRightMain img {

  width: 100%;

  height: auto;

  -webkit-transform: rotate(-45deg);

     -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.iaboutusBg .iaboutus .number {

  position: absolute;

  left: 0px;

  bottom: 5.88542vw;

}

.iaboutusBg .iaboutus .number ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

}

.iaboutusBg .iaboutus .number ul li {

  margin-right: 5.72917vw;

}

.iaboutusBg .iaboutus .number ul li h1 {

  font-size: var(--font-size-72);

  color: #ffffff;

  line-height: var(--line-height-55);

  height: var(--line-height-55);

  font-weight: bold;

  margin-bottom: 0.88542vw;

}

.iaboutusBg .iaboutus .number ul li h1 span {

  color: transparent;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), to(transparent));

  background-image: -webkit-linear-gradient(#fff 60%, transparent);

  background-image: -moz-linear-gradient(#fff 60%, transparent);

  background-image: linear-gradient(#fff 60%, transparent);

  -webkit-background-clip: text;

          background-clip: text;

}

.iaboutusBg .iaboutus .number ul li h1 i {

  font-size: var(--font-size-25);

}

.iaboutusBg .iaboutus .number ul li p {

  font-size: var(--font-size-15);

  color: rgba(255, 255, 255, 0.5);

}

.iaboutusBg .iaboutusIcon {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

}

.iaboutusBg .iaboutusIcon .icon {

  position: absolute;

}

.iaboutusBg .iaboutusIcon .icon img {

  width: 3.125vw;

  height: 3.125vw;

}

.iaboutusBg .iaboutusIcon .icon1 {

  bottom: 16.66667vw;

  left: 45.3125vw;

  -webkit-animation: iabIcon 10s infinite linear;

     -moz-animation: iabIcon 10s infinite linear;

          animation: iabIcon 10s infinite linear;

}

.iaboutusBg .iaboutusIcon .icon2 {

  bottom: 14.84375vw;

  left: 5.20833vw;

  -webkit-animation: iabIcon 10s infinite linear 1s;

     -moz-animation: iabIcon 10s infinite linear 1s;

          animation: iabIcon 10s infinite linear 1s;

}

.iaboutusBg .iaboutusIcon .icon3 {

  top: 7.39583vw;

  left: 54.16667vw;

  -webkit-animation: iabIcon 10s infinite linear 2s;

     -moz-animation: iabIcon 10s infinite linear 2s;

          animation: iabIcon 10s infinite linear 2s;

}



/* 浜у搧鏈嶅姟 */

.iproductsBg {

  min-height: 55.10417vw;

  padding-top: 7.29167vw;

  overflow: hidden;

}

.iproductsBg .iproducts .title {

  margin-bottom: 3.64583vw;

}

.iproductsBg .iproducts .title h1 {

  font-size: var(--font-size-50);

  color: #000000;

  font-weight: bold;

}

.iproductsBg .iproductsMain {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.iproductsBg .iproductsMain .iproductsLeft {

  position: relative;

  width: 69.1%;

  height: 32.96875vw;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper {

  opacity: 0;

  visibility: hidden;

  z-index: -9;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  overflow: visible !important;

  -webkit-clip-path: inset(0% 0% 0% -50%);

          clip-path: inset(0% 0% 0% -50%);

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper.active {

  opacity: 1;

  visibility: visible;

  z-index: 9;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide {

  border-radius: 0 3.125vw 0 3.125vw;

  overflow: hidden;

  position: relative;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide:hover .image img {

  -webkit-transform: scale(1.1);

     -moz-transform: scale(1.1);

      -ms-transform: scale(1.1);

          transform: scale(1.1);

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .image {

  overflow: hidden;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .image img {

  width: 100%;

  height: 32.96875vw;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text {

  position: absolute;

  top: 50%;

  left: 5.41667vw;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text h1 {

  font-size: var(--font-size-40);

  color: #ffffff;

  font-weight: bold;

  line-height: var(--line-height-45);

  margin-bottom: 1.19792vw;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text p {

  font-size: var(--font-size-16);

  color: rgba(255, 255, 255, 0.8);

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more {

  margin-top: 2.13542vw;

}

.iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-pagination {

  display: none;

}

.iproductsBg .iproductsMain .iproductsRight {

  width: 28%;

}

.iproductsBg .iproductsMain .iproductsRight ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -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;

}

.iproductsBg .iproductsMain .iproductsRight ul li {

  width: 10.41667vw;

  height: 10.41667vw;

  padding: 1.51042vw 1.51042vw 1.77083vw;

  margin-right: 1.04167vw;

  margin-bottom: 1.04167vw;

  border-radius: 0 3.125vw 0 3.125vw;

  overflow: hidden;

  cursor: pointer;

}

.iproductsBg .iproductsMain .iproductsRight ul li a {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.iproductsBg .iproductsMain .iproductsRight ul li:nth-child(2) {

  margin-top: 1.04167vw;

  margin-right: 0px;

}

.iproductsBg .iproductsMain .iproductsRight ul li:nth-child(3) {

  margin-top: -1.04167vw;

  margin-left: 4.16667vw;

}

.iproductsBg .iproductsMain .iproductsRight ul li:nth-child(5) {

  margin-right: 0px;

}

.iproductsBg .iproductsMain .iproductsRight ul li.active .icon {

  -webkit-animation: suspension 2s infinite;

     -moz-animation: suspension 2s infinite;

          animation: suspension 2s infinite;

}

.iproductsBg .iproductsMain .iproductsRight ul li .icon {

  width: 2.86458vw;

  height: 2.86458vw;

}

.iproductsBg .iproductsMain .iproductsRight ul li .icon img {

  width: 100%;

  height: auto;

}

.iproductsBg .iproductsMain .iproductsRight ul li .text h1 {

  font-size: var(--font-size-20);

  color: #ffffff;

  font-weight: bold;

  margin-bottom: 0.20833vw;

}

.iproductsBg .iproductsMain .iproductsRight ul li .text p {

  font-size: var(--font-size-13);

  color: rgba(255, 255, 255, 0.5);

}



/* 鍖荤枟璧勮 */

.inewsBg {

  height: 54.42708vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  overflow: hidden;

  position: relative;

}

.inewsBg::after {

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 100%;

  height: 13.95833vw;

  background: url("../images/inewsBg2.png") repeat-x;

  background-size: auto 100%;

  z-index: 9;

  content: "";

  display: block;

}

.inewsBg .inews {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.inewsBg .inews .inewsLeft {

  width: 23.4%;

}

.inewsBg .inews .inewsLeft .title {

  margin-bottom: 3.90625vw;

}

.inewsBg .inews .inewsLeft .title h1 {

  font-size: var(--font-size-50);

  color: #ffffff;

  font-weight: bold;

  line-height: 3.125vw;

}

.inewsBg .inews .inewsLeft .list ul li {

  margin-bottom: 0.83333vw;

  width: 100%;

  height: 3.125vw;

  border-radius: 3.125vw;

  overflow: hidden;

  background-color: #ffffff;

  cursor: pointer;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

}

.inewsBg .inews .inewsLeft .list ul li a {

  height: 100%;

  padding: 0 1.40625vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  font-size: var(--font-size-16);

  color: #3C3C3C;

}

.inewsBg .inews .inewsLeft .list ul li i {

  display: block;

  width: 2.60417vw;

  height: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

     -moz-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  font-size: var(--font-size-18);

  color: #70a2c5;

  font-weight: bold;

}

.inewsBg .inews .inewsLeft .list ul li.active {

  background-color: var(--vi-color);

}

.inewsBg .inews .inewsLeft .list ul li.active a {

  color: #ffffff;

}

.inewsBg .inews .inewsLeft .list ul li.active i {

  color: #ffffff;

}

.inewsBg .inews .inewsRight {

  width: 52.2%;

  height: 54.42708vw;

  position: relative;

}

.inewsBg .inews .inewsRight .inewsRightMain {

  opacity: 0;

  visibility: hidden;

  z-index: -9;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  padding-top: 14.0625vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

  overflow: hidden;

}

.inewsBg .inews .inewsRight .inewsRightMain.active {

  opacity: 1;

  visibility: visible;

  z-index: 9;

}

.inewsBg .inews .inewsRight .inewsSwiper {

  overflow: visible !important;

  height: 54.42708vw;

  margin: 0px;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide {

  height: 21.71875vw;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  transition: all 0.4s ease;

  -webkit-transition-delay: 0.6s;

     -moz-transition-delay: 0.6s;

          transition-delay: 0.6s;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide ul li {

  width: 47.3%;

  height: 21.71875vw;

  padding: 2.96875vw 2.34375vw;

  border-radius: 0.78125vw;

  background-color: #fff;

  overflow: hidden;

  position: relative;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide ul li:hover .hover {

  opacity: 1;

  visibility: visible;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide ul li:nth-child(even) {

  -webkit-transform: translateY(-9.53125vw);

     -moz-transform: translateY(-9.53125vw);

      -ms-transform: translateY(-9.53125vw);

          transform: translateY(-9.53125vw);

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide a {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

     -moz-box-orient: vertical;

     -moz-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

     -moz-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .text h1 {

  font-size: var(--font-size-22);

  line-height: var(--line-height-31);

  color: #000000;

  font-weight: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-bottom: 1.45833vw;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .text i {

  display: block;

  border-bottom: 1px solid #EDEDED;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .text p {

  font-size: var(--font-size-16);

  color: #888888;

  line-height: var(--line-height-25);

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  margin-top: 1.14583vw;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .time {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: var(--font-size-12);

  color: #666666;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .time i {

  display: block;

  margin-right: 0.20833vw;

  font-size: var(--font-size-20);

  color: #666666;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover {

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-color: #fff;

  -webkit-transition: all 0.6s ease-in-out;

  -moz-transition: all 0.6s ease-in-out;

  transition: all 0.6s ease-in-out;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .image img {

  width: 100%;

  height: auto;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText {

  padding: 1.51042vw 2.1875vw;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText h1 {

  font-size: var(--font-size-22);

  line-height: var(--line-height-32);

  color: #000000;

  font-weight: normal;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  margin-bottom: 1.45833vw;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText span {

  display: block;

  border-bottom: 1px solid #EDEDED;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText p {

  font-size: var(--font-size-16);

  color: #888888;

  line-height: var(--line-height-25);

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  margin-top: 1.14583vw;

  margin-bottom: 1.5625vw /* 30px -> 1.5625vw */;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText i {

  font-size: var(--font-size-15);

  color: #616b7d;

}

.inewsBg .inews .inewsRight .inewsSwiper .swiper-slide-prev {

  opacity: 0;

  visibility: hidden;

}



@media (max-width: 992px) {

  :root {

    --font-size-12: 12px;

    --font-size-14: 13px;

  }

  .center1600 {

    width: -webkit-calc(100% - 40px);

    width: -moz-calc(100% - 40px);

    width: calc(100% - 40px);

    margin: 0 auto;

  }

  .more {

    width: 110px;

    height: 38px;

    border-radius: 38px;

  }

  .more span {

    padding: 0 15px;

  }

  .more::after {

    border-width: 2px;

  }

  .more::after, .more::before {

    border-radius: 35px;

  }

  /* banner */

  .banner .swiper-pagination {

    left: 0% !important;

    width: 100% !important;

  }

  .banner .swiper-pagination .swiper-pagination-bullet {

    width: 14px;

    height: 3px;

    border-radius: 3px;

  }

}

@media (max-width: 768px) {

  :root {

    --font-size-13: 13px;

    --font-size-15: 13px;

    --font-size-16: 15px;

    --font-size-18: 16px;

    --font-size-20: 17px;

    --font-size-25: 16px;

    --font-size-22: 18px;

    --font-size-40: 20px;

    --font-size-46: 30px;

    --font-size-50: 24px;

    --font-size-72: 28px;

    --line-height-25: 25px;

    --line-height-32: 29px;

    --line-height-31: 28px;

    --line-height-45: 30px;

    --line-height-55: 28px;

    --line-height-54: 38px;

    --line-height-56: 30px;

  }

  .pc {

    display: none !important;

  }

  .mobile {

    display: block !important;

  }

  .center1500 {

    width: -webkit-calc(100% - 40px);

    width: -moz-calc(100% - 40px);

    width: calc(100% - 40px);

    margin: 0 auto;

  }

  /* banner */

  .banner .swiper-slide .text {

    top: 25%;

    text-align: center;

  }

  .banner .swiper-slide .text h1 {

    margin-bottom: 5px;

  }

  .banner .swiper-slide .text p {

    margin-bottom: 25px;

  }

  .banner .swiper-slide .text .more {

    margin: 0 auto;

  }

  /* 鍏充簬鎴戜滑 */

  .iaboutusBg {

    height: auto;

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .iaboutusBg .iaboutus {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

       -moz-box-orient: vertical;

       -moz-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    height: auto;

  }

  .iaboutusBg .iaboutus .iaboutusLeft {

    width: 100%;

    margin-top: 0px;

  }

  .iaboutusBg .iaboutus .iaboutusLeft .text > i {

    margin-bottom: 4px;

  }

  .iaboutusBg .iaboutus .iaboutusLeft .text h1 {

    font-size: 22px;

    margin-bottom: 15px;

  }

  .iaboutusBg .iaboutus .iaboutusLeft .text p {

    width: 100%;

    line-height: 25px;

  }

  .iaboutusBg .iaboutus .iaboutusLeft .more {

    margin-top: 25px;

  }

  .iaboutusBg .iaboutus .iaboutusRight {

    position: static;

    width: 100%;

    height: auto;

    margin: 0 auto;

  }

  .iaboutusBg .iaboutus .iaboutusRight .iaboutusRightMain {

    width: 100%;

    height: 100%;

  }

  .iaboutusBg .iaboutusIcon .icon img {

    width: 23px;

    height: 23px;

  }

  .iaboutusBg .iaboutus .number {

    position: static;

    margin-top: 25px;

  }

  .iaboutusBg .iaboutus .number ul li {

    width: 33.33%;

    margin-right: 0px;

    text-align: center;

    padding: 0 1px;

  }

  .iaboutusBg .iaboutus .number ul li p {

    margin-top: 5px;

  }

  /* 浜у搧鏈嶅姟 */

  .iproductsBg {

    min-height: auto;

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .iproductsBg .iproducts .title {

    margin-bottom: 25px;

    text-align: center;

  }

  .iproductsBg .iproductsMain {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

       -moz-box-orient: vertical;

       -moz-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

  .iproductsBg .iproductsMain .iproductsLeft {

    width: 100%;

    height: auto;

  }

  .iproductsBg .iproductsMain .iproductsRight {

    width: 100%;

    margin-bottom: 20px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

  }

  .iproductsBg .iproductsMain .iproductsRight ul {

    width: auto;
max-width: 100%;
    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

       -moz-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;
            -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    overflow-x: auto;

    padding-bottom: 13px;

  }


    .iproductsBg .iproductsMain .iproductsRight ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }

    .iproductsBg .iproductsMain .iproductsRight ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #d5d5d5;
  }
  
    .iproductsBg .iproductsMain .iproductsRight ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: var(--vi-color); 
  }

  .iproductsBg .iproductsMain .iproductsRight ul li {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

       -moz-box-orient: horizontal;

       -moz-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: auto !important;

    min-width: 160px;

    height: 40px;

    border-radius: 0px 20px;

    margin: 3px !important;

  }

  .iproductsBg .iproductsMain .iproductsRight ul li a {

    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .iproductsBg .iproductsMain .iproductsRight ul li:nth-child(2) {

    margin-top: 0px;

  }

  .iproductsBg .iproductsMain .iproductsRight ul li:nth-child(3) {

    margin-top: 0px;

    margin-left: 0px;

  }

  .iproductsBg .iproductsMain .iproductsRight ul li .icon {

    display: none;

    width: 22px;

    height: 22px;

    margin-right: 4px;

  }

  .iproductsBg .iproductsMain .iproductsRight ul li .text h1 {

    font-size: 16px;

    font-weight: normal;

    margin-bottom: 0px;

    white-space: nowrap;

  }

  .iproductsBg .iproductsMain .iproductsRight ul li .text p {

    display: none;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper {

    display: none;

    opacity: 1;

    visibility: visible;

    z-index: 1;

    position: static;

    -webkit-clip-path: none;

            clip-path: none;

    padding-bottom: 40px;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper.active {

    display: block;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide {

    border-radius: 20px;

    -webkit-box-shadow: 0 0 20px #dddddd;

            box-shadow: 0 0 20px #dddddd;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .image img {

    height: auto;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text {

    position: static;

    -webkit-transform: none;

       -moz-transform: none;

        -ms-transform: none;

            transform: none;

    padding: 26px 20px 30px;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text h1 {

    color: #333333;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .text p {

    color: #666666;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more {

    margin-top: 25px;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more span {

    color: #999;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more span i {

    color: #999;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more::after {

    border-color: #ddd;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more::before {

    background-color: #ddd;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more:hover span {

    color: #ffffff;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-slide .more:hover span i {

    color: #ffffff;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-pagination {

    display: block;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-pagination .swiper-pagination-bullet {

    width:8px;

    height: 8px;

    border-radius: 100%;

  }

  .iproductsBg .iproductsMain .iproductsLeft .iproductsSwiper .swiper-pagination .swiper-pagination-bullet-active {

    background: var(--vi-color);

  }

  /* 鍖荤枟鏈嶅姟 */

  .inewsBg {

    height: auto;

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .inewsBg .inews {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

       -moz-box-orient: vertical;

       -moz-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .inewsBg .inews .inewsLeft {

    width: 100%;

  }

  .inewsBg .inews .inewsLeft .title {

    margin-bottom: 15px;

  }

  .inewsBg .inews .inewsLeft .title h1 {

    line-height: 31px;

    text-align: center;

  }

  .inewsBg .inews .inewsLeft .list {

    margin-bottom: 15px;

  }

  .inewsBg .inews .inewsLeft .list ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .inewsBg .inews .inewsLeft .list ul li {

    min-width: 110px;

    width: auto;

    height: 40px;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    border-radius: 30px;

    margin: 10px !important;

    font-size: 15px;

    position: relative;

    overflow: hidden;

  }

  .inewsBg .inews .inewsLeft .list ul li a {

    padding: 0 15px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

       -moz-box-orient: horizontal;

       -moz-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  .inewsBg .inews .inewsLeft .list ul li i {

    opacity: 0;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    display: block;

  }

  .inewsBg .inews .inewsLeft .list ul li i::before {

    display: none;

  }

  .inewsBg .inews .inewsRight {

    width: 100%;

    height: auto;

  }

  .inewsBg .inews .inewsRight .inewsRightMain {

    display: none;

    opacity: 1;

    visibility: visible;

    z-index: 1;

    position: static;

    -webkit-transform: none;

       -moz-transform: none;

        -ms-transform: none;

            transform: none;

    padding-top: 0px;

  }

  .inewsBg .inews .inewsRight .inewsRightMain.active {

    display: block;

  }

  .inewsBg .inews .inewsRight .inewsSwiper {

    width: 100%;

    height: auto;

    padding-bottom: 40px;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-wrapper {

    -webkit-transition-timing-function: ease-in-out !important;

       -moz-transition-timing-function: ease-in-out !important;

            transition-timing-function: ease-in-out !important;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide {

    height: 350px;

    padding: 25px 20px;

    border-radius: 15px;

    background-color: #fff;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .text h1 {

    margin-bottom: 15px;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .text p {

    margin-top: 15px;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .time {

    font-size: var(--font-size-13);

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .hoverText {

    padding: 15px 20px;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .image {

    height: 55%;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .hover .image img {

    display: block;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-slide .time i {

    margin-right: 3px;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    border-radius: 100%;

    background: #ffffff;

    opacity: 1 !important;

  }

  .inewsBg .inews .inewsRight .inewsSwiper .swiper-pagination .swiper-pagination-bullet-active {

    background: var(--vi-color);

  }

  /* 搴曢儴 */

  .bottomBg {

    padding-top: 20px;

    padding-bottom: 20px;

  }

  .bottomBg .bottom .bottomCopyright {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

       -moz-box-orient: vertical;

       -moz-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

    height: auto;

    margin-top: 0px;

    border-top: 0px;

  }

  .bottomBg .bottom .bottomCopyright .left {

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    line-height: 22px;

  }

  .bottomBg .bottom .bottomCopyright .left a {

    margin-right: 8px;

    line-height: 22px;

  }

  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li {

    margin-right: 15px;

  }

  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li i img {

    height: 22px;

  }

  .bottomBg .bottom .bottomFollow .bottomFollowMain ul li div {

    width: 80px;

    height: 80px;

    padding: 4px;

    bottom: 28px;

    z-index: 9;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 10px #dddddd;

            box-shadow: 0 0 10px #dddddd;

  }

  .iaboutusBg .iaboutusIcon{display: none;}
  
}

/*# sourceMappingURL=maps/layout.css.map */