@charset 'UTF-8';

/* 公共样式 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  border-radius: 0;
  outline: none;
}

body {
  font-family: '思源黑体' !important;
  font-size: .625vw;

  margin: 0 auto;

  background: #fff;
}


ul,
li {
  margin: 0;
  padding: 0;

  list-style: none;
}

a {
  text-decoration: none;

  color: #333;
}

img {
  max-width: 100%;
  height: auto;

  vertical-align: middle;

  border: none;

  -o-object-fit: cover;
  object-fit: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

i {
  font-style: normal;
}

:root {
  --vi-color: #0067e7;
  --title-color: #272727;
  --text-color: #4c505f;
  --content-Wdith-1200: 77.0833vw;
  --bigTitle-fontSize-1200: 2.3958vw;
  --bigTitle-lineheight-1200: 2.9167vw;
  --smallTitle-fontsize-1200: 1.5625vw;
  --smallTitle-lineheight-1200: 1.8229vw;
  --padding-1200: 5.7292vw 0vw;
  --text-fontsize-1200: .9375vw;
  --text-lineheight-1200: 1.4583vw;
  --content-Wdith-768: 81.25vw;
  --bigTitle-fontSize-768: 2.875vw;
  --bigTitle-lineheight-768: 3.5vw;
  --smallTitle-fontsize-768: 1.875vw;
  --smallTitle-lineheight-768: 2.1875vw;
  --padding-768: 6.875vw 0vw;
  --text-fontsize-768: 1.125vw;
  --text-lineheight-768: 1.75vw;
  --content-Wdith: 100%;
  --bigTitle-fontSize: 2.39583vw;
  --bigTitle-lineheight: 2.91667vw;
  --smallTitle-fontsize: .83333vw;
  --text-fontsize: .72917vw;
  --text-lineheight: 1.25vw;
  --padding: 1.82292vw 0;
}

/* 版心 */
.content1600 {
  width: 83.33333vw;
  margin: 0 auto;
}

.content1400 {
  width: 72.91667vw;
  margin: 0 auto;
}

.content1200 {
  width: 62.5vw;
  margin: 0 auto;
}

/* PC端显示，移动端隐藏 */
.pc {
  display: block !important;
}

/* 移动端端显示，PC端隐藏 */
.mobile {
  display: none !important;
}

/* 头部 */
@media (min-width: 0) {
  body {
    position: relative;
    left: 0;

    padding-top: 60px !important;

    -webkit-transition: left .4s cubic-bezier(.4, .01, .165, .99);
    -moz-transition: left .4s cubic-bezier(.4, .01, .165, .99);
    transition: left .4s cubic-bezier(.4, .01, .165, .99);
  }

  .header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 60px;

    -webkit-transition: left .4s cubic-bezier(.4, .01, .165, .99);
    -moz-transition: left .4s cubic-bezier(.4, .01, .165, .99);
    transition: left .4s cubic-bezier(.4, .01, .165, .99);

    background: transparent;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .commonMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: var(--content-Wdith);
    margin: 0 auto;
    padding: 0 20px;

    -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: 37px;
  }

  .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 {
    position: fixed;
    top: 0;
    right: -260px;
    bottom: 0;

    display: none;
    overflow-y: auto;

    width: 260px;
    padding: 50px 0 0;

    -webkit-transition: right .4s cubic-bezier(.4, .01, .165, .99);
    -moz-transition: right .4s cubic-bezier(.4, .01, .165, .99);
    transition: right .4s cubic-bezier(.4, .01, .165, .99);

    background: #fafafa;
  }

  .header .navBox .navList .list {
    position: relative;

    border-top: 1px solid #eff1f3;
  }

  .header .navBox .navList .list h3 a {
    font-size: 15px;
    font-weight: normal;
    line-height: 50px;

    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 25px;

    color: #333;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .navBox .navList .list h3 a::before {
    display: block;

    width: 8px;
    height: 8px;
    margin-right: 15px;

    content: '';

    border: 1px solid #d8d8d8;
    border-radius: 100%;
  }

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

  .header .navBox .navList .list.cur h3 a::before {
    border-color: #666;
    background: #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 {
    position: relative;

    margin-left: 15px;
  }

  .header .navBox .haderOther .searchBox .searchBtn {
    font-size: 21px;

    display: block;

    width: 21px;

    color: #fff;
  }

  .header .navBox .haderOther .navbtn {
    font-size: 20px;

    position: relative;

    width: 26px;
    margin-left: 15px;

    cursor: pointer;

    color: #fff;
  }

  .header .searchformMain {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
  }

  .header .searchformMain .searchform {
    position: relative;
    z-index: 99;

    padding: 10px 0 30px;

    -webkit-transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    -moz-transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1), -moz-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), opacity .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1), -moz-transform .8s cubic-bezier(.2, 1, .3, 1);
    -webkit-transform: translate3d(0px, -100%, 1px);
    -moz-transform: translate3d(0px, -100%, 1px);
    transform: translate3d(0px, -100%, 1px);

    opacity: 0;
    background: #fff;
  }

  .header .searchformMain .searchform form {
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0;

    border-bottom: 2px solid #595959;
  }

  .header .searchformMain .searchform form input {
    font-size: 14px;
    line-height: inherit;

    margin: 0 15px;

    vertical-align: middle;

    color: #333;
    border: 0;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .header .searchformMain .searchform form button {
    font-size: 20px;

    top: 0;
    left: 0;

    height: 100%;

    cursor: pointer;

    border: none;
    background: none;
  }

  .header .searchformMain .searchform form .closeSearch {
    font-size: 17px;

    top: 0;
    right: 0;

    height: 100%;

    cursor: pointer;

    color: #333;
  }

  .header .searchformMain .search_mask {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(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: 0;
  }

  .hideScroll {
    overflow: hidden;
  }

  .admissionBody {
    left: -260px;
  }

  .header .navBox .navList .list .subNavBtn {
    position: absolute;
    top: 0;
    right: 0;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 50px;
    padding-right: 25px;

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

  .header .navBox .navList .list .subNavBtn i {
    position: relative;

    display: block;

    width: 12px;
    height: 12px;
  }

  .header .navBox .navList .list .subNavBtn i::after {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #474747;
  }

  .header .navBox .navList .list .subNavBtn i::before {
    position: absolute;
    top: 0;
    left: 50%;

    width: 2px;
    height: 100%;
    margin-left: -1px;

    content: '';
    -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
    -moz-transition: all .4s cubic-bezier(.4, .01, .165, .99);
    transition: all .4s cubic-bezier(.4, .01, .165, .99);

    background: #474747;
  }

  .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 {
    font-size: 14px;

    display: block;

    padding: 15px 25px;

    border-top: 1px solid #ebebeb;
    background: #f6f6f6;
  }

  .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: #ededed;
  }

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

  .header .navBox .navList .list.active .subNavMain .subNavList>a {
    background: #f2f2f2;
  }

  .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;
    top: 0;
    right: 0;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 40%;
    height: 45px;
    padding-right: 25px;

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

  .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i {
    position: relative;

    display: block;

    width: 12px;
    height: 12px;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after {
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: #474747;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before {
    position: absolute;
    top: 0;
    left: 50%;

    width: 2px;
    height: 100%;
    margin-left: -1px;

    content: '';
    -webkit-transition: all .4s cubic-bezier(.4, .01, .165, .99);
    -moz-transition: all .4s cubic-bezier(.4, .01, .165, .99);
    transition: all .4s cubic-bezier(.4, .01, .165, .99);

    background: #474747;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a {
    font-size: 13px;

    display: block;

    padding: 15px 50px;

    border-top: 1px solid #ebebeb;
  }

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

  .header .navBox .haderOther .langBox {
    position: relative;

    margin-left: 14px;
  }

  .header .navBox .haderOther .langBox:hover ul {
    visibility: visible;

    opacity: 1;
  }

  .header .navBox .haderOther .langBox div {
    font-size: 14px;
    font-weight: normal;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .navBox .haderOther .langBox div i {
    font-size: 20px;

    display: block;

    margin-right: 3px;

    color: #fff;
  }

  .header .navBox .haderOther .langBox div span {
    font-size: 8px;

    display: block;

    margin-left: 3px;

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

    color: #fff;
  }

  .header .navBox .haderOther .langBox ul {
    position: absolute;
    top: 29px;
    left: 50%;

    visibility: hidden;

    width: 60px;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    opacity: 0;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px #ddd;
    box-shadow: 0 0 6px #ddd;
  }

  .header .navBox .haderOther .langBox ul::after {
    position: absolute;
    top: -9px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    border: 5px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
  }

  .header .navBox .haderOther .langBox ul li {
    line-height: 28px;

    text-align: center;
  }

  .header .navBox .haderOther .langBox ul li a {
    font-size: 12px;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;

    color: #333;
  }

  .header .navBox .haderOther .langBox ul li a:hover {
    color: var(--vi-color);
  }

  .headerDownBg {
    background: #fff;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
  }

  .headerDownBg .logo img {
    -webkit-filter: invert(1);
    filter: invert(1);
  }

  .headerDownBg .navBox .haderOther .searchBox .searchBtn {
    color: #333;
  }

  .headerDownBg .navBox .haderOther .navbtn {
    color: #333;
  }

  .headerDownBg .navBox .haderOther .langBox div {
    color: #333;
  }

  .headerDownBg .navBox .haderOther .langBox div i {
    color: #333;
  }

  .headerDownBg .navBox .haderOther .langBox div span {
    color: #333;
  }
}

@media (min-width: 768px) {
  .header .commonMain {
    padding: 0vw 3.125vw;
  }

  .header .searchformMain .searchform {
    padding: .625vw 0vw 3.125vw;
  }

  .header .searchformMain .searchform form {
    padding: 2.8125vw 0vw;
  }

  .header .searchformMain .searchform form input {
    font-size: 1.125vw;

    margin: 0vw 1.875vw;
  }

  .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: 4.0625vw !important;
  }

  .header .commonMain {
    padding: 0vw 2.0313vw;
  }

  .header {
    position: fixed;
    top: 0vw;
    left: 0vw;

    width: 100%;
    height: 5.5208vw;

    -webkit-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;

    background: none;
  }

  .header .logo img {
    height: 47px;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    transition: all .8s ease;

    -webkit-filter: none;
    filter: none;
  }

  .header .navBox .haderOther .navbtn {
    display: none;
  }

  .header .navBox .navList {
    position: relative;
    position: relative;
    top: 0vw;
    right: 0vw;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;

    width: auto;
    padding: 0vw;
    padding: 0vw;

    background: none;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .navBox .navList .list {
    margin-left: 2.2917vw;
    padding: 0vw;

    border-top: none;
  }

  .header .navBox .navList .list:hover .productsMenus,
  .header .navBox .navList .list:hover .menus {
    max-height: 50vh;
  }

  .header .navBox .navList .list:last-child .menus {
    left: 0;
  }

  .header .navBox .navList .list h3 a {
    font-size: .8333vw;
    font-weight: normal;

    position: relative;

    height: 5.5208vw;
    padding: 0vw;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;

    color: #fff;
  }

  .header .navBox .navList .list h3 a::after {
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 0;
    height: 3px;

    content: '';
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

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

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

    width: 1.6667vw;
    height: 5.5208vw;
    margin-left: 1.7708vw;

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

  .header .navBox .haderOther .searchBox .searchBtn {
    font-size: 1.0417vw;

    width: 1.0938vw;

    color: #fff;
  }

  .header .navBox .haderOther .menusBox {
    font-size: .625vw;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 1.875vw;
    height: 1.875vw;
    margin-left: 1.9792vw;

    cursor: pointer;

    color: #333;
    border-radius: 50%;
    background-color: #fff;

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

  .header .navBox .haderOther .langBox div {
    font-size: .6771vw;
  }

  .header .navBox .haderOther .langBox div i {
    font-size: 1.0417vw;

    margin-right: 6px;
  }

  .header .navBox .haderOther .langBox div span {
    font-size: .7292vw;

    margin-left: .1563vw;

    -webkit-transform: rotate(90deg) scale(.6);
    -moz-transform: rotate(90deg) scale(.6);
    -ms-transform: rotate(90deg) scale(.6);
    transform: rotate(90deg) scale(.6);
  }

  .header .navBox .haderOther .langBox ul {
    top: 1.5104vw;

    width: 3.125vw;

    border-radius: .2604vw;
    -webkit-box-shadow: 0 0 .3125vw #ddd;
    box-shadow: 0 0 .3125vw #ddd;
  }

  .header .navBox .haderOther .langBox ul li {
    line-height: 1.4583vw;
  }

  .header .navBox .haderOther .langBox ul li a {
    font-size: .625vw;
  }

  .header .navBox .haderOther .langBox ul::after {
    top: -.4167vw;

    border-width: .2604vw;
  }

  .header .searchformMain .searchform {
    padding: .5208vw 0vw 2.6042vw;
  }

  .header .searchformMain .searchform form {
    padding: 2.3438vw 0vw;
  }

  .header .searchformMain .searchform form input {
    font-size: .9375vw;

    margin: 0vw 1.5625vw;
  }

  .header .searchformMain .searchform form button {
    font-size: 1.25vw;
  }

  .header .searchformMain .searchform form .closeSearch {
    font-size: .9896vw;
  }

  .headerDownBg {
    height: 4.0625vw;

    background: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .headerDownBg .logo img {
    height: 1.875vw;
  }

  .headerDownBg .navBox .navList .list h3 a {
    height: 4.0625vw;

    color: #fff;
  }

  .headerDownBg .navBox .navList .list.cur h3 a {
    color: var(--vi-color);
  }

  .headerDownBg .navBox .navList .list.cur h3 a::after {
    width: 100%;
  }

  .headerDownBg .navBox .haderOther .searchBox .searchBtn {
    color: #fff;
  }

  .headerDownBg .navBox .haderOther .searchBox {
    height: 4.0625vw;
  }

  .headerDownBg .navBox .haderOther .langBox div {
    color: #fff;
  }

  .headerDownBg .navBox .haderOther .langBox div i {
    color: #fff;
  }

  .headerDownBg .navBox .haderOther .langBox div span {
    color: #fff;
  }

  .headerUp {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

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

  .header .navBox .navList .list .subNavMain {
    position: absolute;
    left: -2.0833vw;

    display: none;
    overflow: hidden;

    min-width: 100%;
    max-height: 0vw;
  }

  .header .navBox .navList .list .subNavMain .subNavBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    white-space: nowrap;

    border-radius: 0vw 0vw .5208vw .5208vw;
    background: #f9f9f9;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNav {
    min-width: 10.4167vw;
    padding: 1.5625vw 0vw;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a {
    font-size: .8333vw;
    line-height: 2.0833vw;

    position: relative;

    display: block;

    padding: 0vw 2.0833vw;

    border: none;
    background: none;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover::after {
    position: absolute;
    top: 0vw;
    left: 0vw;

    content: '';

    border-top: .4167vw solid var(--vi-color);
    border-right: .4167vw solid transparent;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList>a:hover {
    background: #e3e3e7;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1>a::after {
    position: absolute;
    top: 0vw;
    left: 0vw;

    content: '';

    border-top: .4167vw solid var(--vi-color);
    border-right: .4167vw solid transparent;
  }

  .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 {
    position: relative;

    display: block;

    padding: 1.5625vw 0vw;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before {
    position: absolute;
    top: 0vw;
    left: 0vw;

    width: .0521vw;
    height: 100%;

    content: '';

    background: #eae9f1;
  }

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

    min-width: 10.4167vw;
  }

  .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav>a {
    font-size: .8333vw;
    line-height: 2.0833vw;

    display: block;

    padding: 0vw 2.0833vw;
  }

  .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 .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
  }

  .header .navBox .navList .list .subNavMain .subNavList>a::before {
    display: none;
  }
}

/* 菜单 */
.full-main-nav {
  position: fixed;
  z-index: -99;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;

  opacity: 0;
}

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

  overflow: hidden;

  height: 100%;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.full-navbg .full-close {
  font-size: var(--font-size-18);

  position: absolute;
  z-index: 9;
  top: 0;
  right: 1.51042vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 4.0625vw;
  height: 4.0625vw;

  cursor: pointer;

  color: #fff;

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

.nav-swiper {
  position: relative;
  z-index: 3;

  overflow: visible;

  height: 100%;
}

.nav-swiper .swiper-wrapper {
  position: relative;
  z-index: 1;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;

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

.nav-swiper li {
  position: relative;
  top: -2.08333vw;

  margin: 0 !important;

  -webkit-transition-duration: .5s, .5s, .5s;
  -moz-transition-duration: .5s, .5s, .5s;
  transition-duration: .5s, .5s, .5s;
  -webkit-transition-property: opacity, top;
  -moz-transition-property: opacity, top;
  transition-property: opacity, top;

  opacity: 0;
  border-right: 1px solid #fff;
  background-color: var(--vi-color);

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-swiper li>a {
  display: block;

  width: 100%;
  height: 100%;
}

.nav-swiper li a {
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;

  color: #fff;
}

.nav-swiper li:hover {
  background: none;
}

.nav-swiper li:hover a {
  opacity: 1;
  color: #fff;
}

.nav-swiper li:hover .id::before {
  opacity: 1;
}

.nav-swiper li:hover .id,
.nav-swiper li:hover .title,
.nav-swiper li:hover .subnav {
  -webkit-transform: translateY(-1.5625vw);
  -moz-transform: translateY(-1.5625vw);
  -ms-transform: translateY(-1.5625vw);
  transform: translateY(-1.5625vw);

  opacity: 1;
}

.nav-swiper li:nth-child(1) {
  -webkit-transition-delay: .4s;
  -moz-transition-delay: .4s;
  transition-delay: .4s;
}

.nav-swiper li:nth-child(2) {
  -webkit-transition-delay: .6s;
  -moz-transition-delay: .6s;
  transition-delay: .6s;
}

.nav-swiper li:nth-child(3) {
  -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  transition-delay: .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 {
  font-family: DINEng;
  font-size: 2.91667vw;
  line-height: 2.91667vw;

  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
  text-align: center;

  color: #f6f6f6;
}

.nav-swiper li .id::before {
  display: block;

  width: 1px;
  height: 3.22917vw;
  margin: 0 auto 1.30208vw;

  content: '';

  opacity: 0;
  background-color: #fff;
}

.nav-swiper li .title {
  font-size: 1.25vw;
  line-height: 1.45833vw;

  width: auto;
  margin: 2.96875vw 0 1.51042vw;

  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
  text-align: center;

  color: #545454;
}

.nav-swiper li .subnav {
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
  text-align: center;

  opacity: 1;
}

.nav-swiper li .subnav a {
  font-size: var(--font-size-16);
  line-height: 1.66667vw;

  position: relative;
  z-index: 11;

  color: rgba(255, 255, 255, .6);
}

.nav-swiper li .subnav a:hover {
  color: #fff;
}

.full-text {
  position: absolute;
  top: 29%;
  left: 0;

  width: 100%;
}

/* 产品下拉
.productsMenus {
  max-height: 0px;
  position: absolute;
  top: 4.0625vw;
  left: 95%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 17.39583vw;
  background-color: #fff;
  overflow: hidden;
  transition: all .8s ease;
}

.productsMenus .productsMenusMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.productsMenus .productsMenusMain .left {
  width: 7.29167vw;
  height: 13.33333vw;
  margin-top: 1.875vw;
  margin-left: 1.92708vw;
  margin-right: 1.5625vw;
}

.productsMenus .productsMenusMain .left .title {
  font-size: 1.04167vw;
  color: #2E3742;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.67708vw;
}

.productsMenus .productsMenusMain .left ul li.active a,
.productsMenus .productsMenusMain .left ul li:hover a {
  background-color: var(--vi-color);
  color: #ffffff;
}

.productsMenus .productsMenusMain .left ul li a {
  font-size: .8333vw;
  color: #54616C;
  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;
  height: 2.03125vw;
  padding: 0px 1.04167vw;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.productsMenus .productsMenusMain .centre {}

.productsMenus .productsMenusMain .centre ul::-webkit-scrollbar {
  width: 0.10417vw;
  background-color: #d5d5d5;
}

.productsMenus .productsMenusMain .centre ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.3125vw;
  background-color: #d5d5d5;
}

.productsMenus .productsMenusMain .centre ul::-webkit-scrollbar-thumb {
  border-radius: 0.3125vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: var(--vi-color);
}

.productsMenus .productsMenusMain .centre ul {
  display: none;
  width: 10.41667vw;
  height: 13.33333vw;
  overflow-y: auto;
  padding: 0px 1.5625vw;
  margin-top: 1.875vw;
  border-left: 1px solid #E0E7F1;
}

.productsMenus .productsMenusMain .centre ul li.active a,
.productsMenus .productsMenusMain .centre ul li:hover a {
  background-color: var(--vi-color);
  color: #ffffff;
}

.productsMenus .productsMenusMain .centre ul li a {
  font-size: .8333vw;
  color: #54616C;
  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;
  height: 2.03125vw;
  padding: 0px 1.04167vw;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.productsMenus .productsMenusMain .right {
  width: 18.75vw;
  height: 17.39583vw;
  padding-top: 2.39583vw;
  padding-left: 2.08333vw;
  padding-right: 2.60417vw;
  background-color: #F7F9FC;
}

.productsMenus .productsMenusMain .right ul {
  display: none;
}

.productsMenus .productsMenusMain .right ul.active {
  display: block;
}

.productsMenus .productsMenusMain .right ul li {
  display: none;
}

.productsMenus .productsMenusMain .right ul li.active {
  display: block;
}

.productsMenus .productsMenusMain .right ul li .title {
  line-height: 1.45833vw;
  font-size: 0.78125vw;
  color: #2E3742;
  font-weight: bold;
  margin-bottom: 0.52083vw;
}

.productsMenus .productsMenusMain .right ul li .title span {
  font-size: 0.9375vw;
}

.productsMenus .productsMenusMain .right ul li p {
  font-size: 0.67708vw;
  color: #2E3742;
  line-height: 1.04167vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.30208vw;
}

.productsMenus .productsMenusMain .right ul li .text {
  font-size: 0.67708vw;
  color: #2E3742;
  line-height: 1.04167vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.30208vw;
  margin-bottom: .5208vw;
}

.productsMenus .productsMenusMain .right ul li .more2 {
  color: #2E3742;
  margin-top: 1.19792vw;
} */
/* 下拉 */
.menus {
  position: absolute;
  top: 4.0625vw;
  left: 95%;

  overflow: hidden;

  min-width: 28.02083vw;
  max-height: 0;

  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  transition: all .8s ease;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

  background-color: #fff;
}

.menus .menusMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  padding: 1.5625vw 0;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menus .menusMain .left {
  min-height: 12.8125vw;

  border-right: 1px solid #e0e7f1;

  width: 15vw;
  /* overflow-y: auto; */
}

.header .navBox .navList .list:nth-child(3) .menus .menusMain .left {
    width: 17vw;
}

/* .menus .menusMain .left::-webkit-scrollbar {
  width: 0.10417vw;
  background-color: #d5d5d5;
}
.menus .menusMain .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.3125vw;
  background-color: #d5d5d5;
}
.menus .menusMain .left::-webkit-scrollbar-thumb {
  border-radius: 0.3125vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: var(--vi-color);
} */
.menus .menusMain .left .title {
  font-size: 1.04167vw;
  font-weight: bold;

  margin-bottom: .57292vw;

  text-align: center;

  color: #000;
}

.menus .menusMain .left ul {
  padding: 0 1.5625vw;
}
.menus .menusMain .left ul li a {
  font-size: .8333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;

  min-width: 6.5625vw;
  height: 1.66667vw;
  padding: 0 0.5vw 0 1.04167vw;

  white-space: nowrap;
  text-overflow: ellipsis;

  color: #333;
  
    -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;
}

.menus .menusMain .left ul li a img {
    width: auto;
    height: 1vw;
    margin-right: 0.3vw;
        -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.menus .menusMain .left ul li .icon {
    font-size: .62917vw;


  color: #b9b9b9;
  margin-left: auto;
}

.menus .menusMain .left ul li.active {
    
  background-color: #2076e0;
}

.menus .menusMain .left ul li.active a {
  color: #fff;
}

.menus .menusMain .left ul li.active a img {
        -webkit-filter:  grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%);
}

.menus .menusMain .left ul li.active .icon {
    color: #fff;
}

.menus .menusMain .centre {
  min-height: 12.8125vw;

  border-right: 1px solid #e0e7f1;
  width: 22.917vw;
}

.menus .menusMain .centre .title {
  font-size: 1.04167vw;
  font-weight: bold;

  margin-bottom: .57292vw;

  text-align: center;

  color: #000;
}

.menus .menusMain .centre ul {
  padding: 0 1.5625vw;
}

.menus .menusMain .centre ul li.active a {
  color: #fff;
  background-color: #2076e0;
}

.menus .menusMain .centre ul li a {
  font-size: .8333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;

  min-width: 6.5625vw;
  min-height: 1.66667vw;
  padding: 0.26vw 1.04167vw;

  color: #333;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menus .menusMain .right {
  overflow: hidden;

  width: 18.38542vw;
  height: 12.8125vw;
  padding: 0 1.5625vw;
}

.menus .menusMain .right ul li {
  display: none;
}

.menus .menusMain .right ul li .title {
  font-size: .7813vw;
  font-weight: bold;

  margin-bottom: .625vw;

  color: #2e3742;
}

.menus .menusMain .right ul li .title span {
  font-size: .9375vw;

  margin-right: .2604vw;
}

.menus .menusMain .right ul li .text {
  font-size: .67708vw;
  line-height: 1.04167vw;

  display: -webkit-box;
  overflow: hidden;

  margin-bottom: .9375vw;

  text-overflow: ellipsis;
  word-break: break-word;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.menus .menusMain .right ul li .text br {
    display: none;
}

.menus .menusMain .right ul li .image {
  overflow: hidden;
}

.menus .menusMain .right ul li .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.menus .menusMain .right ul li .image img {
  width: 90%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.menus .menusMain .right ul li .more2 {
  color: #2e3742;
}

@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(.4);
    transform: translate(-50%, -50%) scale(.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(.4);
    transform: translate(-50%, -50%) scale(.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(.4);
    -moz-transform: translate(-50%, -50%) scale(.4);
    transform: translate(-50%, -50%) scale(.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 float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.float {
  -webkit-animation-name: float;
  -moz-animation-name: float;
  animation-name: float;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  /* animation: float 5s  infinite;
  -webkit-animation: float 5s infinite; */
}

@-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 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 rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

/* 首页 banner */
.banner .swiper-slide a {
  display: block;
}

.banner .swiper-slide .image img {
  width: 100%;
  height: 100vh;
}

.banner .swiper-slide .text {
  position: absolute;
  top: 50%;
  left: 50%;

  visibility: hidden;

  margin-top: 1.04167vw;
  padding: 0 5.625vw;

  -webkit-transition: all .6s ease 1.2s;
  -moz-transition: all .6s ease 1.2s;
  transition: all .6s ease 1.2s;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  opacity: 0;
}

.banner .swiper-slide .text .title {
  font-size: 1.04167vw;
  font-weight: normal;

  margin-bottom: .67708vw;

  color: rgba(255, 255, 255, .5);
}

.banner .swiper-slide .text p {
  width: 60%;

  font-size: 2.5vw;
  font-weight: bold;
  line-height: 3.02083vw;

  margin-bottom: 1.82292vw;

  color: #fff;

  word-break: break-word;
}

.banner .swiper-slide-active .text {
  visibility: visible;

  margin-top: -1.04167vw;

  opacity: 1;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
  font-size: .83333vw;

  top: auto;
  bottom: 2.5vw;

  width: auto;
  height: auto;

  text-transform: uppercase;

  color: #fff;
  border-radius: 0;
  background: none;
}

.banner .swiper-button-prev i,
.banner .swiper-button-next i {
  font-size: .72917vw;
  font-weight: lighter;

  color: #fff;
}

.banner .swiper-button-prev::after,
.banner .swiper-button-next::after {
  display: none;
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
  background: none;
}

.banner .swiper-button-prev {
  left: 36%;
}

.banner .swiper-button-prev i {
  margin-right: .20833vw;
}

.banner .swiper-button-next {
  right: 36%;
}

.banner .swiper-button-next i {
  margin-left: .20833vw;
}

.banner .swiper-scrollbar {
  bottom: 2.91667vw !important;
  left: 50% !important;

  width: 17.70833vw !important;
  height: .15625vw !important;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

  background: rgba(255, 255, 255, .3);
}

.banner .swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--vi-color);
}

.banner .bannerPagination {
  font-size: 1.04167vw;
  font-weight: bold;

  position: absolute;
  z-index: 9;
  top: 50%;
  right: 1.92708vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

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

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.banner .bannerPagination .bannerPaginationCurrent {
  margin-bottom: 1.25vw;

  color: #fff;
}

.banner .bannerPagination .bannerPaginationTotal {
  margin-top: 1.14583vw;

  color: rgba(255, 255, 255, .6);
}

.banner .bannerPagination i {
  display: block;

  width: 1.04167vw;
  height: .15625vw;

  background: #fff;
}

/* 查看更多按钮 */
.more {
  font-size: .72917vw;
  font-weight: bold;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 6.97917vw;
  height: 2.44792vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: var(--vi-color);
  border: 1px solid #fff;
  background: #fff;

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

.more i {
  font-size: .67708vw;

  margin-left: .46875vw;
}

.more:hover {
  color: #fff;
  border-color: var(--vi-color);
  background-color: var(--vi-color);
}

/* 首页标题 */
.indexTitle {
  text-align: center;
}

.indexTitle .title {
  font-size: 2.39583vw;
  font-weight: bold;
  line-height: 2.91667vw;

  margin-bottom: .98958vw;

  color: #000;
}

.indexTitle p {
  font-size: .83333vw;

  color: #777;
}

/* 首页 定制化服务 */
.iservice {
  overflow: hidden;

  margin-top: 5.9375vw;
  margin-bottom: 5.9375vw;
}

.iservice .iserviceMain {
  width: -webkit-calc(100% + .10417vw);
  width: -moz-calc(100% + .10417vw);
  width: calc(100% + .10417vw);
  margin-top: 3.02083vw;
  margin-left: -1px;
}

.iservice .iserviceMain .swiper-slide {
  position: relative;

  overflow: hidden;

  height: 33.85417vw;

  -webkit-transition: all 1.2s ease .1s;
  -moz-transition: all 1.2s ease .1s;
  transition: all 1.2s ease .1s;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.iservice .iserviceMain .swiper-slide a {
  display: block;
}

.iservice .iserviceMain .swiper-slide.active {
  -webkit-box-flex: 42.9%;
  -webkit-flex: 42.9%;
  -moz-box-flex: 42.9%;
  -ms-flex: 42.9%;
  flex: 42.9%;
}

.iservice .iserviceMain .swiper-slide.active .text {
  opacity: 0;
}

.iservice .iserviceMain .swiper-slide.active .hover {
  bottom: 2.60417vw;

  visibility: visible;

  -webkit-transition: all 1.2s ease .8s;
  -moz-transition: all 1.2s ease .8s;
  transition: all 1.2s ease .8s;

  opacity: 1;
}

.iservice .iserviceMain .swiper-slide .image {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  height: 100%;
  margin-right: 1px;
  margin-left: 1px;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.iservice .iserviceMain .swiper-slide .image img {
  width: 100%;
  height: 100%;
}

.iservice .iserviceMain .swiper-slide .text {
  position: absolute;
  bottom: 5.67708vw;
  left: .52083vw;

  width: 100%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-align: center;
}

.iservice .iserviceMain .swiper-slide .text .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 4.16667vw;
  height: 4.16667vw;
  margin: 0 auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border: .10417vw solid #fff;
  border-radius: 50%;

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

.iservice .iserviceMain .swiper-slide .text .icon img {
  width: auto;
  height: 2.08333vw;
}

.iservice .iserviceMain .swiper-slide .text .title {
  font-size: 1.5625vw;
  font-weight: normal;
  line-height: 2.91667vw;

  height: 2.91667vw;
  margin-top: 1.35417vw;
  margin-bottom: .52083vw;

  color: #fff;
}

.iservice .iserviceMain .swiper-slide .text p {
  font-size: .83333vw;
  line-height: 1.35417vw;

  display: -webkit-box;
  visibility: hidden;
  overflow: hidden;

  width: 20.83333vw;
  height: 2.91667vw;
  margin-bottom: 1.77083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-overflow: ellipsis;

  opacity: 0;
  color: #fff;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.iservice .iserviceMain .swiper-slide .hover {
  position: absolute;
  z-index: 9;
  bottom: -2.60417vw;
  left: 5.41667vw;

  visibility: hidden;

  width: 20.83333vw;

  opacity: 0;
}

.iservice .iserviceMain .swiper-slide .hover .icon img {
  width: auto;
  height: 1.45833vw;
  margin-bottom: .52083vw;
}

.iservice .iserviceMain .swiper-slide .hover .title {
  font-size: 1.5625vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #fff;
}

.iservice .iserviceMain .swiper-slide .hover p {
  font-size: .83333vw;
  line-height: 1.35417vw;

  display: -webkit-box;
  overflow: hidden;

  height: 2.70833vw;
  margin-bottom: 1.71875vw;

  text-overflow: ellipsis;

  color: #fff;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 首页 产品中心 */
.iproducts .list {
  margin-top: 3.02083vw;
  margin-bottom: 3.125vw;
  padding: 0 4.16667vw;
}

.iproducts .list .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  height: 7.29167vw;

  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;

  border-left: 1px solid #e3e3e3;

  -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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.iproducts .list .swiper-slide:first-child {
  border-left: 0;
}

.iproducts .list .swiper-slide .icon img {
  width: auto;
  height: 2.86458vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.iproducts .list .swiper-slide .text {
  font-size: .9375vw;
  font-weight: normal;

  margin-top: .26042vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #333;
}

.iproducts .list .swiper-slide-thumb-active {
  background-color: var(--vi-color);
}

.iproducts .list .swiper-slide-thumb-active .icon img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.iproducts .list .swiper-slide-thumb-active .text {
  color: #fff;
}

.iproducts .iproductsMain>.swiper-wrapper>.swiper-slide {
  z-index: -9;

  opacity: 0 !important;
}

.iproducts .iproductsMain>.swiper-wrapper>.swiper-slide-active {
  z-index: 1;

  opacity: 1 !important;
}

.iproducts .iproductsMain .iproductsMainBtns {
    margin-top: 3.042vw;
    text-align: center;
}

.iproducts .iproductsMain .iproductsMainBtns .more {
    display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
    width: auto;
    padding: 0px 1.042vw;
    color: #fff;
    background: var(--vi-color);
    border-color: var(--vi-color);
    margin: 0px auto;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide {
  position: relative;

  width: 49.95%;
  margin-right: .1%;
  margin-bottom: .1%;

  pointer-events: all;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide:nth-child(even) {
  margin-right: 0;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide:hover .text span {
  text-decoration: underline;

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

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .image {
  overflow: hidden;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .text {
  position: absolute;
  top: 4.01042vw;
  left: 0;

  width: 100%;

  text-align: center;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .text .title {
  font-size: .9375vw;
  font-weight: normal;

  margin-bottom: .20833vw;

  color: rgba(255, 255, 255, .7);
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .text p {
  font-size: 2.08333vw;
  font-weight: bold;

  margin-bottom: .41667vw;

  color: #fff;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .text span {
  font-size: .72917vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;
}

.iproducts .iproductsMain .iproductsMainItem .swiper-slide .text span i {
  font-size: .67708vw;

  margin-left: .20833vw;
}

/* 首页 行业应用 */
.iapply {
  margin-top: 6.5625vw;
}

.iapply .iapplyMain {
  margin-top: 3.02083vw;
}

.iapply .iapplyMain .swiper-wrapper {
  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;
}

.iapply .iapplyMain .swiper-slide {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.iapply .iapplyMain .swiper-slide:nth-child(3n+3) {
  margin-right: 0;
}

.iapply .iapplyMain .swiper-slide:nth-last-of-type(-n+3) {
  margin-bottom: 0;
}

.iapply .iapplyMain .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.iapply .iapplyMain .swiper-slide:hover .text {
  bottom: 1.04167vw;
}

.iapply .iapplyMain .swiper-slide .image {
  position: relative;

  overflow: hidden;
}

.iapply .iapplyMain .swiper-slide .image::after {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';

  background: url('../images/iserS.png');
  background-repeat: repeat-x;
  background-size: auto 100%;
}

.iapply .iapplyMain .swiper-slide .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.iapply .iapplyMain .swiper-slide .text {
  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  padding: 1.35417vw 2.70833vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.iapply .iapplyMain .swiper-slide .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .52083vw;

  color: #fff;
}

.iapply .iapplyMain .swiper-slide .text p {
  font-size: .72917vw;
  line-height: 1.04167vw;

  display: -webkit-box;
  overflow: hidden;

  text-overflow: ellipsis;

  color: #fff;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 首页 企业介绍 */
.iaboutus {
  margin-top: 5.9375vw;
}

.iaboutus .iaboutusMain {
  position: relative;

  margin-top: 2.96875vw;
}

.iaboutus .iaboutusMain .image img {
  width: 100%;
  height: auto;
}

.iaboutus .iaboutusMain>.text {
  position: absolute;
  top: 23.7%;
  left: 50%;

  padding-right: 48%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.iaboutus .iaboutusMain>.text .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;

  font-size: 2.39583vw;
  font-weight: bold;
  line-height: 2.91667vw;

  margin-bottom: .98958vw;

  color: #fff;

  word-break: break-word;
}

.iaboutus .iaboutusMain>.text .title img {
  width: auto;
  height: 1.30208vw;

  -webkit-transform: translateY(-1.25vw) translateX(.15625vw);
  -moz-transform: translateY(-1.25vw) translateX(.15625vw);
  -ms-transform: translateY(-1.25vw) translateX(.15625vw);
  transform: translateY(-1.25vw) translateX(.15625vw);
}

.iaboutus .iaboutusMain>.text p {
  font-size: .83333vw;
  line-height: 1.35417vw;

  color: rgba(255, 255, 255, .8);

  padding-right: 1.4583vw;

  word-break: break-word;
}

.iaboutus .iaboutusMain .more {
  margin-top: 2.86458vw;
}

.iaboutus .iaboutusMain .number {
  position: absolute;
  right: 0;
  bottom: 0;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 50%;
  padding-left: 2.96875vw;

  background-color: #fff;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.iaboutus .iaboutusMain .number ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 9.375vw;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.iaboutus .iaboutusMain .number ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 13.80208vw;
  height: 5.20833vw;
  padding-top: 1.14583vw;

  border-right: 1px solid #e4e6e9;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.iaboutus .iaboutusMain .number ul li:last-child {
  border-right: 0;
}

.iaboutus .iaboutusMain .number ul li .icon {
  margin-right: .625vw;
}

.iaboutus .iaboutusMain .number ul li .icon img {
  width: auto;
  height: 2.60417vw;
}

.iaboutus .iaboutusMain .number ul li .list .text {
  font-size: 2.70833vw;
  font-weight: bold;
  line-height: 1.5625vw;

  margin-bottom: .67708vw;

  color: #000;
}

.iaboutus .iaboutusMain .number ul li .list .text i {
  font-size: 1.04167vw;

  vertical-align: top;
}

.iaboutus .iaboutusMain .number ul li .list p {
  font-size: .83333vw;

  color: #666;
}

.inews {
  margin-top: 5.98958vw;
  margin-bottom: 3.4375vw;
}

.inews .inewsMain {
  margin-top: 2.34375vw;
  padding-bottom: 2.60417vw;
}

.inews .inewsMain .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.inews .inewsMain .swiper-slide:hover .text h1 {
  color: var(--vi-color);
}

.inews .inewsMain .swiper-slide .image {
  overflow: hidden;
}

.inews .inewsMain .swiper-slide .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.inews .inewsMain .swiper-slide .text {
  margin-top: 1.35417vw;
}

.inews .inewsMain .swiper-slide .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  display: -webkit-box;
  overflow: hidden;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.inews .inewsMain .swiper-slide .time {
  font-size: .83333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: .72917vw;

  color: rgba(56, 56, 56, .8);

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inews .inewsMain .swiper-slide .time::before {
  font-size: .72917vw;

  margin-right: .3125vw;

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

.inews .inewsMain .swiper-pagination-bullet {
  width: .83333vw;
  height: .20833vw;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-radius: .20833vw;
}

.inews .inewsMain .swiper-pagination-bullet-active {
  width: 1.04167vw;

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

/* 产品banner */
.proBanner .swiper-slide {
  min-height: 19.79167vw;
}

.proBanner .swiper-slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 100%;
  padding: 0 24% 0 17.7%;

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

.proBanner .swiper-slide .image img {
  width: auto;
  height: 16.97917vw;
}

.proBanner .swiper-slide .text {
  width: 21.875vw;
}

.proBanner .swiper-slide .text .title {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.04167vw;

  color: #2e3742;
}

.proBanner .swiper-slide .text p {
  font-size: .9375vw;
  line-height: 1.35417vw;

  margin-bottom: 1.14583vw;

  color: #2e3742;

  word-break: break-word;
}

.proBanner .swiper-pagination {
  bottom: 1.2083vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.proBanner .swiper-pagination-bullet {
  width: 1.04167vw;
  height: .15625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-radius: .15625vw;
}

.more2 {
  font-size: .72917vw;
  font-weight: bold;

  display: inline-block;
  clear: both;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

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

.more2:hover {
  margin-left: .52083vw;

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

.more2 i {
  font-size: .67708vw;
}

/* 产品 */
.products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 3.80208vw;
  margin-bottom: 4.16667vw;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products .productsList {
  position: -webkit-sticky;
  position: sticky;
  top: 5.20833vw;

  width: 10.41667vw;
}

.products .productsList .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: 1.40625vw;

  color: #2e3742;
}

.products .productsList ul {
  border-top: 1px solid #e3e5e8;
}

.products .productsList ul li {
  -webkit-transition: border-color .4s ease;
  -moz-transition: border-color .4s ease;
  transition: border-color .4s ease;

  border-bottom: 1px solid #e3e5e8;
}

.products .productsList ul li:hover {
  border-color: var(--vi-color);
}

.products .productsList ul li:hover .text {
  color: var(--vi-color);
}

.products .productsList ul li:hover .text img {
  -webkit-filter: none;
  filter: none;
}

.products .productsList ul li:hover .icon {
  color: var(--vi-color);
}

.products .productsList ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 3.125vw;

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

.products .productsList ul li .text {
  font-size: .72917vw;
  font-weight: bold;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products .productsList ul li .text img {
  width: auto;
  height: 1.04167vw;
  margin-right: .46875vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.products .productsList ul li .icon {
  font-size: .72917vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #b9b9b9;
}

.products .productsMain {
  width: 81.4%;
  margin-left: auto;
}

.products .productsMain .item {
  margin-bottom: 2.91667vw;
}

.products .productsMain .item:last-of-type {
  margin-bottom: 0;
}

.products .productsMain .item .title {
  margin-bottom: 1.40625vw;
}

.products .productsMain .item .title div {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .36458vw;

  color: #2e3742;
}

.products .productsMain .item .title p {
  font-size: .9375vw;

  color: #2e3742;
}

.products .productsMain .item ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 1.76%;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products .productsMain .item ul:last-child {
  margin-bottom: 0;
}

.products .productsMain .item ul li {
  width: 32.16%;
  margin-right: 1.76%;
  margin-bottom: 1.76%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #f0f2f5;
}

.products .productsMain .item ul li:nth-child(3n+3) {
  margin-right: 0;
}

.products .productsMain .item ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.products .productsMain .item ul li:hover {
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
  box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
}

.products .productsMain .item ul li:hover .image {
  -webkit-transform: translateX(1.0417vw);
  -moz-transform: translateX(1.0417vw);
  -ms-transform: translateX(1.0417vw);
  transform: translateX(1.0417vw);
}

.products .productsMain .item ul li:hover .text h1::after {
  width: 100%;
}

.products .productsMain .item ul li a {
  display: block;

  height: 21.35417vw;
  padding: .78125vw 0 1.97917vw;
}

.products .productsMain .item ul li .image {
  margin-bottom: .625vw;

  -webkit-transition: all ease .7s;
  -moz-transition: all ease .7s;
  transition: all ease .7s;
  text-align: center;
}

.products .productsMain .item ul li .image img {
  width: auto;
  height: 11.97917vw;
}

.products .productsMain .item ul li .text {
  margin: 0 1.5625vw;
}

.products .productsMain .item ul li .text .title {
  font-size: .78125vw;
  font-weight: bold;

  position: relative;

  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  overflow: hidden;

  margin-bottom: .78125vw;
  padding-bottom: .88542vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.products .productsMain .item ul li .text .title::after {
  position: absolute;
  z-index: 9;
  bottom: 0;
  left: 0;

  display: block;

  width: 0;
  height: 1px;

  content: '';
  -webkit-transition: all .6s ease .2s;
  -moz-transition: all .6s ease .2s;
  transition: all .6s ease .2s;

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

.products .productsMain .item ul li .text .title::before {
  position: absolute;
  z-index: 9;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 1px;

  content: '';

  background-color: #2e3742;
}

.products .productsMain .item ul li .text .title span {
  font-size: .9375vw;
}

.products .productsMain .item ul li .text .list {
  font-size: .67708vw;
  line-height: 1.04167vw;

  display: -webkit-box;
  overflow: hidden;

  height: 3.125vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.products .productsMain .item ul li .text .list br {
    display: none;
}

.products .productsMain .item ul li .text .list p{
    padding-left: .625vw;
position: relative;
}

.products .productsMain .item ul li .text .list p::before {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
  display: block;

  content: '•';
}

.products2 .productsMain .item ul:nth-of-type(1) li {
  width: 100%;
  margin-right: 0;

  background: url('../images/dProBg.jpg') no-repeat center/cover;
}

.products2 .productsMain .item ul:nth-of-type(1) li:hover .text h1 {
  color: var(--vi-color);
}

.products2 .productsMain .item ul:nth-of-type(1) li:hover .image img {
  -webkit-transform: scale(1) translateX(.78125vw);
  -moz-transform: scale(1) translateX(.78125vw);
  -ms-transform: scale(1) translateX(.78125vw);
  transform: scale(1) translateX(.78125vw);
}

.products2 .productsMain .item ul:nth-of-type(1) li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  height: 16.66667vw;
  padding: 0;
  padding-right: 12.5%;
  padding-left: 8.8%;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -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;
}

.products2 .productsMain .item ul:nth-of-type(1) li .text {
  margin: 0;
}

.products2 .productsMain .item ul:nth-of-type(1) li .text h1 {
  font-size: .83333vw;

  display: -webkit-box;
  overflow: hidden;

  padding-bottom: 0;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-overflow: ellipsis;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.products2 .productsMain .item ul:nth-of-type(1) li .text h1::after,
.products2 .productsMain .item ul:nth-of-type(1) li .text h1::before {
  display: none;
}

.products2 .productsMain .item ul:nth-of-type(1) li .text h1 span {
  font-size: 2.39583vw;

  display: block;
}

.products2 .productsMain .item ul:nth-of-type(1) li .text .list {
  font-size: .72917vw;
  line-height: 1.14583vw;

  height: 5.7292vw;

  -webkit-line-clamp: 5;
}

.products2 .productsMain .item ul:nth-of-type(1) li .image img {
  -webkit-transition: all ease .7s;
  -moz-transition: all ease .7s;
  transition: all ease .7s;
}
.productsMain .item ul:nth-of-type(1) li .text .list p:nth-child(n+6){
    display: none;
}
.productsMain .item ul:nth-of-type(2) li .text .list p:nth-child(n+4){
    display: none;
}

/* 跟随导航 */
.followNavBg {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;

  width: 100%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);

  background-color: #000;
}

.followNavBg.show {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.followNavBg .followNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 3.64583vw;

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

.followNavBg .followNav .title {
  font-size: 1.04167vw;
  font-weight: bold;

  color: #fff;
}

.followNavBg .followNav 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;
}

.followNavBg .followNav ul li {
  font-size: 1.04167vw;
  font-weight: bold;

  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 3.64583vw;
  margin-left: 2.65625vw;

  cursor: pointer;
  -webkit-transition: all .5s ease .2s;
  -moz-transition: all .5s ease .2s;
  transition: all .5s ease .2s;

  color: rgba(255, 255, 255, .5);

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.followNavBg .followNav ul li:first-child {
  margin-left: 0;
}

.followNavBg .followNav ul li.active {
  color: white;
}

.followNavBg .followNav ul li.active::after {
  visibility: visible;

  opacity: 1;
}

.followNavBg .followNav ul li:hover {
  color: white;
}

.followNavBg .followNav ul li::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;
  visibility: hidden;

  width: 100%;
  height: .15625vw;

  content: '';
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 0;
  background-color: var(--vi-color);
}

/* 产品详情banner */
.productsDetailBanner {
  overflow: visible !important;
}

.productsDetailBanner .swiper-slide .content1400 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  height: 28.64583vw;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -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;
}

.productsDetailBanner .swiper-slide .image {
  margin-top: 6.71875vw;
}

.productsDetailBanner .swiper-slide .image img {
  width: auto;
  height: 27.03125vw;
}

.productsDetailBanner .swiper-slide .text {
  width: 45%;
  margin-top: -3.54167vw;
}

.productsDetailBanner .swiper-slide .text h1 {
  font-size: 2.08333vw;
  font-weight: bold;

  margin-bottom: 1.19792vw;

  color: #2e3742;
}

.productsDetailBanner .swiper-slide .text p {
  font-size: 1.04167vw;
  line-height: 1.5625vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  color: #2e3742;
}

.productsDetailBanner .swiper-slide .text .btns {
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.042vw;
}

.productsDetailBanner .swiper-slide .text .btns .more {
    width: auto;
    padding: 0px 1.042vw;
    margin-right: 1.042vw;
}

.productsDetailBanner .swiper-slide .text .btns .more:last-child {
    margin-right: 0px;
}

.productsDetailBanner .productsDetailBannerNav {
  position: absolute;
  z-index: 9;
  bottom: 0;
  left: 50%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.productsDetailBanner .productsDetailBannerNav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.productsDetailBanner .productsDetailBannerNav ul li {
  font-size: 1.04167vw;
  font-weight: bold;

  position: relative;

  margin-right: 1.51042vw;
  padding-bottom: 1.40625vw;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #8a8f94;
}

.productsDetailBanner .productsDetailBannerNav ul li:last-child {
  margin-right: 0;
}

.productsDetailBanner .productsDetailBannerNav ul li.active {
  color: #2e3742;
}

.productsDetailBanner .productsDetailBannerNav ul li.active::after {
  visibility: visible;

  opacity: 1;
}

.productsDetailBanner .productsDetailBannerNav ul li:hover {
  color: #2e3742;
}

.productsDetailBanner .productsDetailBannerNav ul li::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;
  visibility: hidden;

  width: 100%;
  height: .15625vw;

  content: '';
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 0;
  background-color: var(--vi-color);
}

/* 产品详情 */
.productsDetail .swiper-slide {
  opacity: 0 !important;
}

.productsDetail .swiper-slide-active {
  opacity: 1 !important;
}

.productsSpecs {
  margin-top: 5.26042vw;
}

.productsSpecs .title {
  text-align: center;
}

.productsSpecs .title h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #2e3742;
}

.productsSpecs .title p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;
}

.productsSpecs .productsSpecsMain {
  margin-top: 4.6875vw;
  margin-bottom: 5.46875vw;
}

.productsSpecs .productsSpecsMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.productsSpecs .productsSpecsMain ul li {
  width: 25%;
  margin-bottom: 3.48958vw;

  text-align: center;
}

.productsSpecs .productsSpecsMain ul li:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.productsSpecs .productsSpecsMain ul li .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;

  width: 5vw;
  height: 5vw;
  margin: 0 auto;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-radius: 50%;
  background-color: #f5f6fa;

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

.productsSpecs .productsSpecsMain ul li .icon:hover {
  background-color: var(--vi-color);
}

.productsSpecs .productsSpecsMain ul li .icon:hover img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.productsSpecs .productsSpecsMain ul li .icon img {
  width: auto;
  height: 5vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.productsSpecs .productsSpecsMain ul li .text {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-top: .67708vw;

  color: #2e3742;
}

.productsParameter {
  margin-top: 5.20833vw;
  margin-bottom: 3.80208vw;
}

.productsParameter .detailTitle {
  margin-bottom: 2.13542vw;
}

.productsParameter .parameter ul li .list .text span:nth-child(1) {
  width: 24.1%;
  padding-right: 1.04167vw;
}

/* 产品视频 */
.proVideo {
  position: relative;
}

.proVideo .proVideoMain img {
  width: 100%;
  height: auto;
}

.proVideo .proVideoMain .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 2.9167vw;
  height: 2.9167vw;

  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background: url(../images/iconPlay.png) no-repeat;
  background-size: 2.9167vw;
}

/* 产品详情模板2 */
[class^=proDe],
[class*=proDe] {
  position: relative;
}

[class^=proDe] .text,
[class*=proDe] .text {
  z-index: 9;
}
 
[class^=proDe] .image,
[class*=proDe] .image {
  z-index: 2;
}

[class^=proDe] .image img,
[class*=proDe] .image img {
  width: 100%;
  height: auto;
}

.proDeBg {
    position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.4s ease;
}

.proDeBg img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}

.proDeBg img.mobile {
    display: none;
}

.proDe1 .text {
  position: absolute;
  top: 10.72917vw;
  left: 13.4375vw;

  width: 26.7%;
}

.proDe1 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #2e3742;
}

.proDe1 .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #464d55;
}

.proDe2 .text {
  position: absolute;
  top: 14.32292vw;
  right: 14.16667vw;

  width: 26.7%;
}

.proDe2 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #2e3742;
}

.proDe2 .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #464d55;
}

.proDe3 .text {
  position: absolute;
  top: 11.5625vw;
  left: 13.4375vw;

  width: 26.7%;
}

.proDe3 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #2e3742;
}

.proDe3 .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #464d55;
}

.proDe4 .text {
  position: absolute;
  top: 11.14583vw;
  right: 14.16667vw;

  width: 26.7%;
}

.proDe4 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  color: #2e3742;
}

.proDe4 .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #464d55;
}

/* .proDe5 {
  position: relative;
} */
.proDe5 .text {
  position: absolute;
  top: 27.6%;
  left: 10.2%;

  width: 37.5%;
}

.proDe5 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.51042vw;

  letter-spacing: .10417vw;

  color: #fff;
}

.proDe5 .text p {
  font-size: .9375vw;
  line-height: 1.71875vw;

  color: #fff;
}

/* 
.proDe5 .image {
  position: absolute;
  right: 4.11458vw;
  top: 10.67708vw;
}

.proDe5 .image img {
  width: auto;
  height: 32.65625vw;
}

.proDe6 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe6 .text {
  position: absolute;
  top: 29.1%;
  right: 12.9%;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  width: 37.5%;
  width: 24.5%;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.proDe6 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .78125vw;

  color: #010101;
}

.proDe6 .text p {
  font-size: .9375vw;
  line-height: 1.82292vw;

  color: #000;
}

/* .proDe6 .image {
  position: absolute;
  left: 9.73958vw;
  top: 10.10417vw;
}

.proDe6 .image img {
  width: auto;
  height: 40.625vw;
}

.proDe7 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe7 .text {
  position: absolute;
  top: 25.4%;
  left: 10.2%;

  width: 35.4%;
}

.proDe7 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 2.03125vw;

  color: #fff;
}

.proDe7 .text p {
  font-size: .9375vw;
  line-height: 1.71875vw;

  color: #fff;
}

/* .proDe7 .image {
  position: absolute;
  right: 0px;
  top: 7.8125vw;
}

.proDe7 .image img {
  width: auto;
  height: 32.86458vw;
}

.proDe8 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe8 .text {
  position: absolute;
  bottom: 13.2%;
  left: 50%;

  width: 46.6%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe8 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin: 0 auto;
  margin-bottom: 1.51042vw;

  letter-spacing: .15625vw;

  color: #000;
}

.proDe8 .text p {
  font-size: .9375vw;
  line-height: 1.82292vw;

  margin: 0 auto;

  color: #000;
}

/* .proDe8 .image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 8.85417vw;
}

.proDe8 .image img {
  width: auto;
  height: 27.55208vw;
}

.proDe9 {
  min-height: 49.47917vw;
  position: relative;
} */
.proDe9 .main ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.proDe9 .main ul li {
  position: relative;

  display: none;

  min-height: 49.47917vw;
  padding: 2.60417vw 0;
}

.proDe9 .main ul li.active {
  display: block;
}

.proDe9 .list {
  position: absolute;
  bottom: 3.3%;
  left: 50%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.proDe9 .list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.proDe9 .list ul li {
  font-size: 1.35417vw;
  font-weight: bold;

  position: relative;

  margin: 0 .52083vw;
  padding-bottom: 1px;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;
}

.proDe9 .list ul li.active,
.proDe9 .list ul li:hover {
  color: #000;
}

.proDe9 .list ul li.active::after,
.proDe9 .list ul li:hover::after {
  background-color: #000;
}

.proDe9 .list ul li::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;

  width: 100%;
  height: .20833vw;

  content: '';
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #fff;
}

.proDe9 .text {
  position: absolute;
  top: 33.5%;
  left: 10.4%;

  width: 24.6%;
}

.proDe9 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 3.125vw;

  margin-bottom: 1.19792vw;

  letter-spacing: 1px;

  color: #000;
}

.proDe9 .text p {
  font-size: .9375vw;
  line-height: 1.82292vw;

  color: #000;
}

/* .proDe9 .image {
  position: absolute;
  top: 0px;
  right: 0px;
}

.proDe9 .image img {
  width: auto;
  height: 49.47917vw;
} */
/* .proDe10 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe10 .text {
  position: absolute;
  z-index: 9;
  top: 10%;
  left: 50%;

  width: 67.7%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe10 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin: 0 auto;
  margin-bottom: 1.35417vw;

  letter-spacing: .10417vw;

  color: #000;
}

.proDe10 .text p {
  font-size: .9375vw;
  line-height: 1.82292vw;

  margin: 0 auto;

  color: #000;
}

/* .proDe10 .image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
}

.proDe10 .image img {
  width: auto;
  height: 32.65625vw;
}

.proDe11 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe11 .text {
  position: absolute;
  top: 32.7%;
  right: 9%;

  width: 30.2%;
  margin-top: -.52083vw;
}

.proDe11 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.19792vw;

  letter-spacing: 1px;

  color: #fff;
}

.proDe11 .text p {
  font-size: .9375vw;
  line-height: 1.97917vw;

  color: #fff;
}

/* .proDe11 .image {
  position: absolute;
  left: 0px;
  bottom: 2.86458vw;
}

.proDe11 .image img {
  width: auto;
  height: 36.875vw;
}

.proDe12 {
  min-height: 36.25vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe12 .text {
  position: absolute;
  top: 25%;
  left: 12.3%;
}

.proDe12 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .36458vw;

  letter-spacing: .83333vw;

  color: #080808;
}

.proDe12 .text p {
  font-size: .9375vw;
  line-height: 1.45833vw;

  color: #000;
}

.proDe12 .text img {
  width: 52.08333vw;
  height: 7.91667vw;
  margin-top: 6.40625vw;
  margin-left: -4.16667vw;
}

/* .proDe12 .image {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.proDe12 .image img {
  width: auto;
  height: 36.25vw;
}

.proDe13 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe13 .text {
  position: absolute;
  top: 26.6%;
  right: 7.3%;

  width: 36.9%;
}

.proDe13 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.09375vw;

  letter-spacing: .26042vw;

  color: #080808;
}

.proDe13 .text p {
  font-size: 1.04167vw;
  line-height: 1.97917vw;

  letter-spacing: .15625vw;

  color: #000;
}

/* 
.proDe13 .image {
  position: absolute;
  left: 4.11458vw;
  top: 8.125vw;
}

.proDe13 .image img {
  width: auto;
  height: 36.25vw;
}

.proDe14 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe14 .text {
  position: absolute;
  top: 36.9%;
  left: 11.8%;

  width: 25.9%;
}

.proDe14 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .625vw;

  letter-spacing: .15625vw;

  color: #080808;
}

.proDe14 .text p {
  font-size: .9375vw;
  line-height: 2.44792vw;

  color: #000;
}

/* .proDe14 .image {
  position: absolute;
  right: 0px;
  top: 9.63542vw;
}

.proDe14 .image img {
  width: auto;
  height: 36.25vw;
}

.proDe15 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe15 .text {
  position: absolute;
  top: 40%;
  right: 7%;

  width: 34.8%;
}

.proDe15 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 2.1875vw;

  letter-spacing: .26042vw;

  color: #080808;
}

.proDe15 .text p {
  font-size: .9375vw;
  font-weight: bold;
  line-height: 2.44792vw;

  letter-spacing: .10417vw;

  color: #000;
}

/* .proDe15 .image {
  position: absolute;
  left: 4.27083vw;
  top: 8.75vw;
}

.proDe15 .image img {
  width: auto;
  height: 34.21875vw;
}

.proDe16 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe16 .text {
  position: absolute;
  top: 14%;
  left: 50%;

  width: 31.7%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe16 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin: 0 auto;
  margin-bottom: 1.04167vw;

  color: #fff;
}

.proDe16 .text p {
  font-size: .9375vw;
  line-height: 1.82292vw;

  margin: 0 auto;

  color: #fff;
}

/* .proDe16 .image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 1.09375vw;
  text-align: center;
  width: 100%;
}

.proDe16 .image img {
  width: auto;
  height: 30.26042vw;
}

.proDe17 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe17 .text {
  position: absolute;
  top: 12.3%;
  left: 50%;

  width: 37%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe17 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin: 0 auto;
  margin-bottom: 3.64583vw;

  color: #050505;
}

.proDe17 .text p {
  font-size: 1.04167vw;
  line-height: 1.875vw;

  margin: 0 auto;

  color: #050505;
}

/* 
.proDe17 .image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 7.8125vw;
  text-align: center;
  width: 100%;
}

.proDe17 .image img {
  width: auto;
  height: 17.96875vw;
}

.proDe18 {
  min-height: 49.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe18 .text {
  position: absolute;
  top: 29%;
  left: 6.3%;

  width: 43.3%;
}

.proDe18 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .9375vw;

  letter-spacing: .20833vw;

  color: #fff;
}

.proDe18 .text p {
  font-size: 1.04167vw;
  line-height: 2.44792vw;

  letter-spacing: .15625vw;

  color: #fff;
}

/* 
.proDe18 .image {
  position: absolute;
  left: 0px;
  top: 0px;
}

.proDe18 .image img {
  width: auto;
  height: 49.47917vw;
}

.proDe19 {
  min-height: 34.0625vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe19 .text {
  position: absolute;
  top: 22.4%;
  left: 8.4%;

  width: 31.6%;
}

.proDe19 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.35417vw;
  margin-left: .9375vw;

  color: #fff;
}

.proDe19 .text p {
  font-size: 1.04167vw;
  line-height: 1.97917vw;

  text-indent: 1em;

  color: #fff;
}

/* .proDe19 .image {
  position: absolute;
  right: 0px;
  top: 4.73958vw;
}

.proDe19 .image img {
  width: auto;
  height: 29.375vw;
}

.proDe21 {
  min-height: 31.51042vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe21 .text {
  position: absolute;
  top: 15.4%;
  right: 8.4%;

  width: 31.6%;
}

.proDe21 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.35417vw;
  padding-left: 2.34375vw;

  color: #fff;
}

.proDe21 .text p {
  font-size: 1.04167vw;
  line-height: 2.44792vw;

  color: #fff;
}

/* .proDe21 .image {
  position: absolute;
  left: 0px;
  top: 0px;
}

.proDe21 .image img {
  width: auto;
  height: 31.51042vw;
}

.proDe22 {
  min-height: 34.47917vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe22 .text {
  position: absolute;
  z-index: 9;
  top: 25.8%;
  left: 6.2%;

  width: 40.6%;
}

.proDe22 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 2.34375vw;

  color: #000;
}

.proDe22 .text p {
  font-size: .9375vw;
  line-height: 1.66667vw;

  color: #000;
}

/* 
.proDe22 .image {
  position: absolute;
  right: 0px;
  top: 0px;
}

.proDe22 .image img {
  width: auto;
  height: 34.47917vw;
}

.proDe23 {
  min-height: 44.79167vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe23 .text {
  position: absolute;
  top: 6.7%;
  left: 50%;

  width: 40.6%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe23 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 1.04167vw;

  color: #fff;
}

.proDe23 .text p {
  font-size: 1.04167vw;
  line-height: 1.82292vw;

  color: #fff;
}

/* 
.proDe23 .image {
  position: absolute;
  left: 18.07292vw;
  bottom: 0px;
}

.proDe23 .image img {
  width: auto;
  height: 30.78125vw;
}

.proDe24 {
  min-height: 39.6875vw;
  padding: 2.60417vw 0px;
  position: relative;
} */
.proDe24 .text {
  position: absolute;
  top: 13.3%;
  left: 50%;

  width: 67.3%;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.proDe24 .text h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 2.8125vw;

  letter-spacing: .20833vw;

  color: #000;
}

.proDe24 .text p {
  font-size: 1.04167vw;
  line-height: 1.82292vw;

  letter-spacing: 1px;

  color: #000;
}

/* .proDe24 .image {
  position: absolute;
  left: 8.28125vw;
  bottom: 0px;
}

.proDe24 .image img {
  width: auto;
  height: 23.64583vw;
}

 */
.proDe20 {
  min-height: 41.92708vw;
  padding-top: 3.02083vw;
  padding-bottom: 4.16667vw;
}

.proDe20 .title {
  margin-bottom: 4.6875vw;

  text-align: center;
}

.proDe20 .title h2 {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .72917vw;

  color: #000;
}

.proDe20 .title p {
  font-size: 1.04167vw;
  line-height: 2.03125vw;

  color: #000;
}

.proDe20 .main {
  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;
}

.proDe20 .main .list {
  width: 52.1%;
}

.proDe20 .main .list ul li {
  margin-bottom: .72917vw;
  padding-top: .10417vw;
  padding-left: .41667vw;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-left: .26042vw solid #060606;
}

.proDe20 .main .list ul li.active {
  border-color: #1c58a9;
}

.proDe20 .main .list ul li.active h1 {
  color: #000;
}

.proDe20 .main .list ul li.active p {
  display: block;
}

.proDe20 .main .list ul li:last-child {
  margin-bottom: 0;
}

.proDe20 .main .list ul li div {
  font-size: 1.1625vw;
  font-weight: bold;
  line-height: 1.3021vw;

  margin-bottom: .52083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #868686;
}

.proDe20 .main .list ul li p {
  font-size: .83333vw;
  line-height: 1.45833vw;

  display: none;

  color: #000; 
}

.proDe20 .main .images {
  position: relative;

  width: 42.4%;
  margin-top: .52083vw;
}

.proDe20 .main .images::after {
  position: absolute;
  top: -4.84375vw;
  left: -8.38542vw;

  display: block;

  width: 48.02083vw;
  height: 30.41667vw;

  content: '';

  background: url('../images/proDe20Bg2.png') no-repeat center/cover;
  background-size: 48.02083vw 30.41667vw;
}

.proDe20 .main .images ul {
  position: relative;
  z-index: 9;

  overflow: hidden;

  border-radius: .15625vw;
}

.proDe20 .main .images ul li {
  display: none;
  overflow: hidden;
}

.proDe20 .main .images ul li.active {
  display: block;

  -webkit-box-shadow: 0 0 1.04167vw #a9caf8;
  box-shadow: 0 0 1.04167vw #a9caf8;
}

.proDe20 .main .images ul li img {
  width: 100%;
  height: auto;
}

/* 内页banner */
.detailBanner {
  position: relative;
}

.detailBanner.industryDetailBanner .text {
  margin-top: -.625vw;
}

.detailBanner .image {
  overflow: hidden;
}

.detailBanner .image img {
  width: 100%;
  height: auto;

  -webkit-animation: scale 7s linear infinite alternate;
  -moz-animation: scale 7s linear infinite alternate;
  animation: scale 7s linear infinite alternate;
}

.detailBanner .text {
  position: absolute;
  top: 50%;
  left: 50%;

  margin-top: -2.1875vw;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailBanner .text.text2 h1 {
  margin-bottom: .3125vw;
}

.detailBanner .text.text2 p {
  font-size: .83333vw;

  width: 50%;
}

.detailBanner .text div {
  font-size: 2.08333vw;
  font-weight: bold;

  width: 39.5%;
  margin-bottom: .9375vw;

  color: #fff;
}

.detailBanner .text p {
  font-size: .9375vw;
  font-weight: normal;
  line-height: 1.45833vw;

  width: 50%;

  color: #fff;

  word-break: break-word;
}

/* 内页标题 */
.detailTitle {
  text-align: center;
}

.detailTitle div {
  font-size: 1.875vw;
  font-weight: bold;

  color: #2e3742;
}

/* 定制化服务介绍 */
.serviceIntroduceBg {
  padding: 5.20833vw 0;

  background-color: #f0f2f5;
}

.serviceIntroduceBg .serviceIntroduce {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -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;
}

.serviceIntroduceBg .serviceIntroduce .image {
  position: relative;

  overflow: hidden;

  width: 47.1%;

  cursor: pointer;
}

.serviceIntroduceBg .serviceIntroduce .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.serviceIntroduceBg .serviceIntroduce .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.serviceIntroduceBg .serviceIntroduce .image .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 2.9167vw;
  height: 2.9167vw;

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

  background: url(../images/iconPlay.png) no-repeat;
  background-size: 2.9167vw;
}

.serviceIntroduceBg .serviceIntroduce .text {
  width: 36.4%;
}

.serviceIntroduceBg .serviceIntroduce .text .title {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 2.39583vw;

  margin-bottom: .88542vw;

  color: #2e3742;
}

.serviceIntroduceBg .serviceIntroduce .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-bottom: 1.5625vw;

  color: #2e3742;

  word-break: break-word;
}

/* 定制化服务 */
.service {
  position: relative;

  padding-top: 2.65625vw;
}

.service .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 2.1875vw;
  margin-bottom: 2.29167vw;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.service .list 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;
}

.service .list ul li {
  margin: 0 .52083vw;
}

.service .list ul li.active a,
.service .list ul li:hover a {
  color: #fff;
}

.service .list ul li.active a::before,
.service .list ul li:hover a::before {
  visibility: visible;

  opacity: 1;
}

.service .list ul li a {
  font-size: .9375vw;
  font-weight: bold;

  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  min-width: 8.33333vw;
  height: 2.70833vw;
  padding: 0 .52083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  white-space: nowrap;

  color: #90949a;

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

.service .list ul li a::after,
.service .list ul li a::before {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';
}

.service .list ul li a::after {
  z-index: 7;

  background-color: #f0f2f5;
}

.service .list ul li a::before {
  z-index: 8;

  visibility: hidden;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#0266d2), to(#459af6));
  background: -webkit-linear-gradient(bottom, #0266d2, #459af6);
  background: -moz-linear-gradient(bottom, #0266d2, #459af6);
  background: linear-gradient(0deg, #0266d2, #459af6);
}

.service .list ul li a i {
  position: relative;
  z-index: 9;
}

.service>.text {
  font-size: .9375vw;
  line-height: 1.5625vw;

  padding: 0 15%;

  text-align: center;

  color: #2e3742;

  word-break: break-word;
}

.service .serviceMain {
  /* overflow: visible !important; */
  display: none;

  margin-top: 2.29167vw;
  padding-bottom: 8.85417vw;
}

.service .serviceMain.active {
  display: block;
}

.service .serviceMain .swiper-slide 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-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.service .serviceMain .swiper-slide ul li {
  overflow: hidden;

  width: 32.14%;
  min-height: 17.70833vw;
  margin-right: 1.79%;
  margin-bottom: 1.79%;

  -webkit-transition: all ease .7s;
  -moz-transition: all ease .7s;
  transition: all ease .7s;
  text-align: center;

  background-color: #f0f2f5;
}

.service .serviceMain .swiper-slide ul li:nth-child(3n+3) {
  margin-right: 0;
}

.service .serviceMain .swiper-slide ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.service .serviceMain .swiper-slide ul li:hover {
  -webkit-box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
  box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
}

.service .serviceMain .swiper-slide ul li:hover .image {
  -webkit-transform: translateX(1.0417vw);
  -moz-transform: translateX(1.0417vw);
  -ms-transform: translateX(1.0417vw);
  transform: translateX(1.0417vw);
}

.service .serviceMain .swiper-slide ul li:hover .text {
  font-weight: bold;
}

.service .serviceMain .swiper-slide ul li a {
  display: block;

  height: 100%;
  padding: 1.5625vw 0px;
}

.service .serviceMain .swiper-slide ul li .image {
  -webkit-transition: all ease .7s;
  -moz-transition: all ease .7s;
  transition: all ease .7s;
}

.service .serviceMain .swiper-slide ul li .image img {
  height: 11.66667vw;
}

.service .serviceMain .swiper-slide ul li .text {
  font-size: .9375vw;

  margin-top: 1.82292vw;

  padding: 0px 1.0417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-align: center;

  color: #2e3742;
}

.service .swiper-pagination {
  bottom: 5.05208vw !important;
}

.service .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  margin: 0 .26042vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.service .swiper-pagination-bullet-active {
  background: var(--vi-color);
}

/* 终端 */
.terminalBg {
  padding-top: 5.3125vw;
  padding-bottom: 4.47917vw;

  background-color: #f1f2f6;
}

.terminalBg .terminal .text {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-top: .88542vw;
  margin-bottom: 2.44792vw;
  padding: 0 9%;

  text-align: center;
  word-break: break-word;

  color: #2e3742;
}

.terminalBg .terminal .terminalBtns {
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2.042vw;
}

.terminalBg .terminal .terminalBtns .more {
    width: auto;
    padding: 0px 1.042vw;
    margin-right: 1.042vw;
}

.terminalBg .terminal .terminalBtns .more:last-child {
    margin-right: 0px;
}


.terminalBg .terminal .terminalMain {
  padding-bottom: 7.1875vw;
}

.terminalBg .terminal .terminalMain .swiper-slide {
  text-align: center;

  opacity: 0 !important;
}

.terminalBg .terminal .terminalMain .swiper-slide img {
  width: auto;
  height: 22.76042vw;
}

.terminalBg .terminal .terminalMain .swiper-slide-active {
  opacity: 1 !important;
}

.terminalBg .terminal .terminalMain .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  margin: 0 .26042vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.terminalBg .terminal .terminalMain .swiper-pagination-bullet-active {
  background: var(--vi-color);
}

/* 服务流程 */
.serviceFlowPathBg {
  padding-top: 4.79167vw;
  padding-bottom: 5.57292vw;

  background-color: #f8f9fb;
}

.serviceFlowPathBg .serviceFlowPath .text {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-top: .88542vw;
  margin-bottom: 2.08333vw;
  padding: 0 15%;

  text-align: center;

  color: #2e3742;
}

.serviceFlowPathBg .serviceFlowPath .image {
  text-align: center;
}

/* 服务优势 */
.serviceAdvantage {
  position: relative;

  padding-top: 4.73958vw;
  padding-bottom: 8.85417vw;
}

.serviceAdvantage .serviceAdvantageList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 2.39583vw;
  margin-bottom: 2.65625vw;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.serviceAdvantage .serviceAdvantageList 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;
}

.serviceAdvantage .serviceAdvantageList ul li {
  margin: 0 .52083vw;
}

.serviceAdvantage .serviceAdvantageList ul li.active a,
.serviceAdvantage .serviceAdvantageList ul li:hover a {
  color: #fff;
}

.serviceAdvantage .serviceAdvantageList ul li.active a::before,
.serviceAdvantage .serviceAdvantageList ul li:hover a::before {
  visibility: visible;

  opacity: 1;
}

.serviceAdvantage .serviceAdvantageList ul li a {
  font-size: .9375vw;
  font-weight: bold;

  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  min-width: 8.33333vw;
  height: 2.70833vw;
  padding: 0 .52083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  white-space: nowrap;

  color: #90949a;

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

.serviceAdvantage .serviceAdvantageList ul li a::after,
.serviceAdvantage .serviceAdvantageList ul li a::before {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';
}

.serviceAdvantage .serviceAdvantageList ul li a::after {
  z-index: 7;

  background-color: #f0f2f5;
}

.serviceAdvantage .serviceAdvantageList ul li a::before {
  z-index: 8;

  visibility: hidden;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#0266d2), to(#459af6));
  background: -webkit-linear-gradient(bottom, #0266d2, #459af6);
  background: -moz-linear-gradient(bottom, #0266d2, #459af6);
  background: linear-gradient(0deg, #0266d2, #459af6);
}

.serviceAdvantage .serviceAdvantageList ul li a i {
  position: relative;
  z-index: 9;
}

.serviceAdvantage .serviceAdvantageMain {
  display: none;
}

.serviceAdvantage .serviceAdvantageMain.active {
  display: block;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide {
  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;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left {
  position: relative;

  width: 48.57%;
  margin-bottom: 1.6%;
  margin-left: 0;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left:hover .swiper-button-prev {
  left: 1.04167vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left:hover .swiper-button-next {
  right: 1.04167vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide {
  position: relative;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide:hover .text {
  visibility: visible;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

  opacity: 1;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide a {
  position: relative;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 2.9167vw;
  height: 2.9167vw;

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

  background: url(../images/iconPlay.png) no-repeat;
  background-size: 2.9167vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide .image img {
  width: 100%;
  height: auto;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide .text {
  font-size: 1.04167vw;

  position: absolute;
  top: 0;
  left: 0;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;

  width: 100%;
  height: 100%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(.6);
  -moz-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6);

  opacity: 0;
  color: #fff;
  background-color: rgba(0, 24, 72, .4);

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

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev,
.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next {
  width: 2.23958vw;
  height: 2.23958vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border: .10417vw solid #fff;
  border-radius: 50%;
  background: none;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev::after,
.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next::after {
  font-size: .9375vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev:hover,
.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next:hover {
  border-color: var(--vi-color);
  background: var(--vi-color);
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev {
  left: -3.125vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next {
  right: -3.125vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right {
  width: 49.64%;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right 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-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li {
  position: relative;

  width: 48.2%;
  margin-right: 3.6%;
  margin-bottom: 3.6%;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li:nth-child(2n+2) {
  margin-right: 0;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li:hover .text {
  visibility: visible;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

  opacity: 1;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li .image img {
  width: 100%;
  height: auto;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 1.9792vw;
  height: 1.9792vw;

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

  background: url(../images/iconPlay.png) no-repeat;
  background-size: 1.9792vw;
}

.serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li .text {
  font-size: 1.04167vw;

  position: absolute;
  top: 0;
  left: 0;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;

  width: 100%;
  height: 100%;

  padding: 1.0417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(.6);
  -moz-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6);

  opacity: 0;
  color: #fff;
  background-color: rgba(0, 24, 72, .4);

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

  text-align: center;
}

.serviceAdvantage .swiper-pagination {
  bottom: 5.05208vw !important;
}

.serviceAdvantage .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  margin: 0 .26042vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.serviceAdvantage .swiper-pagination-bullet-active {
  background: var(--vi-color);
}

/* 终端详细参数 */
.serParameter {
  margin-top: 4.79167vw;
  margin-bottom: 3.95833vw;
}

.serParameter .serParameterText {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-top: .88542vw;
  margin-bottom: 2.23958vw;
  padding: 0 10%;

  text-align: center;
  word-break: break-word;

  color: #2e3742;
}

/* 更多项目 */
.serviceMore {
  position: relative;

  margin-top: 4.73958vw;
  padding-bottom: 8.33333vw;
}

.serviceMore .serviceMoreMain {
  margin-top: 2.23958vw;
}

.serviceMore .serviceMoreMain .swiper-slide {
  height: auto;

  background-color: #f1f2f6;
}

.serviceMore .serviceMoreMain .swiper-slide a {
  display: block;

  width: 100%;
  height: 100%;
  padding: 1.5625vw 0px;
}

.serviceMore .serviceMoreMain .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.serviceMore .serviceMoreMain .swiper-slide:hover .text {
  font-weight: bold;
}

.serviceMore .serviceMoreMain .swiper-slide .image {
  text-align: center;
}

.serviceMore .serviceMoreMain .swiper-slide .image img {
  width: auto;
  height: 11.66667vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.serviceMore .serviceMoreMain .swiper-slide .text {
  font-size: .9375vw;

  margin-top: 1.82292vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  text-align: center;

  color: #2e3742;

  padding: 0px 1.0417vw;
}

.serviceMore .swiper-pagination {
  bottom: 5.05208vw !important;
}

.serviceMore .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  margin: 0 .26042vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.serviceMore .swiper-pagination-bullet-active {
  background: var(--vi-color);
}

/* 详细参数 */
.parameter ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  border-top: 1px solid #ddd;

  -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;
}
.parameter ul li .title.bg{
  font-size: 1.3542vw;
  text-align: center;
  background-color: #eee;
}

.parameter ul li:last-child {
  margin-bottom: 0;
}

.parameter ul li .title {
  font-size: .9375vw;
  font-weight: bold;
  line-height: 3.38542vw;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;

  color: #2e3742;
}

.parameter ul li .list {
  width: 76.3%;
}

.parameter ul li .list .text {
  font-size: .78125vw;
  line-height: 1.5625vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  min-height: 3.38542vw;
  padding: .78125vw .52083vw;

  color: #2e3742;
  border-bottom: 1px solid #ddd;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.parameter ul li .list .text:last-child {
  border-bottom: 0;
}

/* 操作视频 */
.supportVideo {
  margin-bottom: 5.20833vw;
  padding-top: 5.3125vw;
}

.supportVideo .list {
  margin-top: 1.04167vw;

  border-bottom: 1px solid #f8f8f8;
}

.supportVideo .list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.supportVideo .list ul li {
  margin-right: 2.55208vw;
}

.supportVideo .list ul li:last-child {
  margin-right: 0;
}

.supportVideo .list ul li.active a,
.supportVideo .list ul li:hover a {
  color: var(--vi-color);
}

.supportVideo .list ul li.active a::after,
.supportVideo .list ul li:hover a::after {
  width: 100%;
}

.supportVideo .list ul li a {
  font-size: 1.04167vw;
  font-weight: bold;
  line-height: 2.5vw;

  position: relative;

  display: block;

  color: #595959;
}

.supportVideo .list ul li a::after {
  position: absolute;
  bottom: 0;
  left: 50%;

  display: block;

  width: 0;
  height: .10417vw;

  content: '';
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);

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

.supportVideo .supportVideoMain .item {
  padding-top: 3.9063vw;
}

.supportVideo .supportVideoMain .item:nth-of-type(1) {
  padding-top: 0;
}

.supportVideo .supportVideoMain .item .title {
  font-size: 1.5625vw;
  font-weight: bold;

  margin-bottom: 1.19792vw;

  color: #2e3742;
}

.supportVideo .supportVideoMain .item ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.supportVideo .supportVideoMain .item ul li {
  width: 23%;
  margin-right: 2.66%;
  margin-bottom: 2.66%;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #f2f6f9;
}

.supportVideo .supportVideoMain .item ul li:hover {
  -webkit-box-shadow: 0 .41667vw .625vw #dbe2f3;
  box-shadow: 0 .41667vw .625vw #dbe2f3;
}

.supportVideo .supportVideoMain .item ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.supportVideo .supportVideoMain .item ul li:nth-child(4n+4) {
  margin-right: 0;
}

.supportVideo .supportVideoMain .item ul li:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.supportVideo .supportVideoMain .item ul li .image {
  position: relative;

  overflow: hidden;

  height: 11.45833vw;

  background: url('../images/spVBg.jpg') no-repeat center/cover;
}

.supportVideo .supportVideoMain .item ul li .image img {
  width: auto;
  height: 11.45833vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.supportVideo .supportVideoMain .item ul li .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 1.97917vw;
  height: 1.97917vw;

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

  background: url('../images/iconPlay.png') no-repeat;
  background-size: 1.97917vw;
}

.supportVideo .supportVideoMain .item ul li .text {
  font-size: .9375vw;
  line-height: 1.40625vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 4.16667vw;
  padding: 0 2.08333vw;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* 视频弹窗 */
@media (min-width: 0) {
  .PopupVideoBox {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .5);
  }

  .PopupVideo {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    max-width: 960px;
    padding: 0 20px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .PopupVideo video {
    width: 100%;

    border-radius: 10px;
  }

  .PopupVideo iframe {
    width: 100%;
    min-height: 500px;

    border-radius: 10px;
  }

  .PopupVideo .videoPlayer {
    overflow: hidden;
  }

  .closeVideo {
    position: absolute;
    top: -25px;
    right: 25px;

    width: 22px;
    height: 22px;

    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .closeVideo::after {
    position: absolute;
    left: 50%;

    display: block;

    width: 2px;
    height: 100%;

    content: '';
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background: #fff;
  }

  .closeVideo::before {
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    background: #fff;
  }
}

@media (min-width: 768px) {
  .PopupVideo {
    max-width: 60vw;
    padding: 0vw 1.5625vw;
  }

  .PopupVideo iframe {
    min-height: 31.25vw;

    border-radius: .625vw;
  }

  .PopupVideo video {
    border-radius: .625vw;
  }

  .closeVideo {
    top: -1.5625vw;
    right: 1.5625vw;

    width: 1.375vw;
    height: 1.375vw;
  }

  .closeVideo::after {
    width: .125vw;
  }

  .closeVideo::before {
    height: .125vw;
  }
}

@media (min-width: 1200px) {
  .PopupVideo {
    max-width: 50vw;
    padding: 0vw 1.3021vw;
  }

  .PopupVideo iframe {
    min-height: 26.0417vw;

    border-radius: .5208vw;
  }

  .PopupVideo video {
    border-radius: .5208vw;
  }

  .closeVideo {
    top: -1.3021vw;
    right: 1.3021vw;

    width: 1.1458vw;
    height: 1.1458vw;
  }

  .closeVideo::after {
    width: .1042vw;
  }

  .closeVideo::before {
    height: .1042vw;
  }
}

/* 常见问题 */
.faq {
  margin-top: 4.16667vw;
  margin-bottom: 5.05208vw;
}
.faq .bigTitle {
  font-size: 1.875vw;
  font-weight: bold;
  margin-bottom: 2.13542vw;
  color: #2e3742;
  text-align: center;
}
.faq ul {
  margin-bottom: 1.45833vw;
}

.faq ul li.active .title {
  border-color: transparent;
}

.faq ul li.active .title .icon {
  color: var(--vi-color);
}

.faq ul li.active .list {
  visibility: visible;

  max-height: 52.08333vw;

  opacity: 1;
}

.faq ul li .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  padding: 1.04167vw 1.5625vw;

  cursor: pointer;

  border-bottom: 1px solid #d5deef;

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

.faq ul li .title .tab {
  font-size: .83333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 1.5625vw;
  height: 1.5625vw;

  color: #fff;
  background-color: #2e3742;

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

.faq ul li .title .text {
  font-size: .9375vw;
  font-weight: bold;

  margin-right: auto;
  margin: 0px 1.35417vw;

  color: #2e3742;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.faq ul li .title .icon {
  font-size: .83333vw;

  display: block;

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

  color: #333;
}

.faq ul li .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;

  max-height: 0;
  padding-right: 7.23958vw;
  padding-bottom: 1.04167vw;
  padding-left: 3.125vw;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;

  opacity: 0;
  border-bottom: 1px solid #d5deef;
}

.faq ul li .list .tab {
  font-size: .83333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 1.5625vw;
  height: 1.5625vw;

  color: #fff;
  background-color: #0067e6;

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

.faq ul li .list .text {
  font-size: .83333vw;
  line-height: 1.35417vw;

  margin-left: .9375vw;

  color: #2e3742;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;

  word-break: break-word;
}

/* 研发实力 */
.strength {
  margin-top: 4.79167vw;
  margin-bottom: 4.32292vw;
}

.strength .strengthMain {
  margin-top: 2.8125vw;
}

.strength .strengthMain 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;
}

.strength .strengthMain ul li {
  width: 21.78%;
}

.strength .strengthMain ul li .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 5vw;
  height: 5vw;
  margin: 0 auto;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-radius: 50%;
  background-color: #f5f6fa;

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

.strength .strengthMain ul li .icon:hover {
  background-color: var(--vi-color);
}

.strength .strengthMain ul li .icon:hover img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.strength .strengthMain ul li .icon img {
  width: auto;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.strength .strengthMain ul li .text {
  margin-top: .78125vw;
}

.strength .strengthMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .52083vw;

  text-align: center;

  color: #2e3742;
}

.strength .strengthMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;
}

.strength .strengthMain ul li .text .more2 {
  margin-top: .52083vw;
}

/* 服务宗旨 */
.purposeBg {
  padding: 5.20833vw 0;

  background-color: #f0f2f5;
}

.purposeBg .purpose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -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;
}

.purposeBg .purpose .image {
  overflow: hidden;

  width: 47.1%;
}

.purposeBg .purpose .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.purposeBg .purpose .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.purposeBg .purpose .text {
  width: 35%;
}

.purposeBg .purpose .text .title {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 2.39583vw;

  margin-bottom: .98958vw;

  color: #2e3742;
}

.purposeBg .purpose .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;

  word-break: break-word;
}

.purposeBg .purpose .text .more2 {
  margin-top: 1.51042vw;
}

/* 服务形式 */
.shape {
  margin-top: 4.79167vw;
}

.shape .shapeMain {
  margin-top: 2.23958vw;
}

.shape .shapeMain 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;
}

.shape .shapeMain ul li {
  width: 49.14%;
  margin-right: 1.72%;
  margin-bottom: 1.72%;

  background-color: #f0f2f5;
}

.shape .shapeMain ul li:nth-child(2n+2) {
  margin-right: 0;
}

.shape .shapeMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.shape .shapeMain ul li .image {
  overflow: hidden;
}

.shape .shapeMain ul li .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.shape .shapeMain ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.shape .shapeMain ul li .text {
  padding: 1.92708vw 2.08333vw 2.29167vw;
}

.shape .shapeMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .52083vw;

  color: #2e3742;
}

.shape .shapeMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;
}

/* 服务内容 */
.substance {
  margin-top: 4.84375vw;
  margin-bottom: 5vw;
}

.substance .substanceMain {
  margin-top: 2.76042vw;
}

.substance .substanceMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.substance .substanceMain ul li {
  text-align: center;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.substance .substanceMain ul li .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 5.20833vw;
  height: 5.20833vw;
  margin: 0 auto;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  border-radius: 50%;
  background-color: #f4f6f9;

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

.substance .substanceMain ul li .icon:hover {
  background-color: var(--vi-color);
}

.substance .substanceMain ul li .icon:hover img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.substance .substanceMain ul li .icon img {
  width: auto;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.substance .substanceMain ul li .text {
  font-size: .9375vw;

  margin-top: .78125vw;

  color: #2e3742;
}

/* 资料下载 */
.download {
  margin-top: 4.89583vw;
  margin-bottom: 5.05208vw;
}

.download .downloadTitle {
  position: relative;
  z-index: 9;

  margin-bottom: 5.05208vw;
}

.download .downloadTitle .title {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 2.60417vw;

  margin-bottom: .78125vw;

  color: #2e3742;
}

.download .downloadTitle p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-bottom: .72917vw;

  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.download .downloadTitle .downloadSelect .layui-form-select {
  width: 21.4%;
  margin-right: 1.30208vw;
}

.download .downloadTitle .downloadSelect .layui-form-select:last-of-type {
  margin-right: 0;
}

.download .downloadTitle .downloadSelect .layui-form-select dl {
  top: 3.28125vw;

  max-height: none;
}

.download .downloadTitle .downloadSelect .layui-form-select dl dd {
  font-size: .78125vw;
  line-height: 2.34375vw;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input {
  font-size: .9375vw;

  height: 2.60417vw;
  padding-left: 1.04167vw;

  color: #2e3742;
  border-color: #c3d0de !important;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input::-webkit-input-placeholder {
  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input:-moz-placeholder {
  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input::-moz-placeholder {
  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input:-ms-input-placeholder {
  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input::placeholder {
  color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-input:focus {
  border-color: var(--vi-color) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.download .downloadTitle .downloadSelect .layui-form-select .layui-edge {
  border-width: .26042vw;
  border-top-color: #2e3742;
}

.download .downloadTitle .downloadSelect .layui-form-select dl dd.layui-this {
  color: #fff;
  background-color: var(--vi-color);
}

.download .downloadResult>div {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: 2.34375vw;

  color: #2e3742;
}

.download .downloadResult ul {
  margin-bottom: 2.5vw;
}

.download .downloadResult ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 6.25vw;
  margin-bottom: .52083vw;

  background-color: #f8f9fb;

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

.download .downloadResult ul li:last-child {
  margin-bottom: 0;
}

.download .downloadResult ul li:hover .list .btn::after {
  visibility: hidden;

  opacity: 0;
}

.download .downloadResult ul li .title {
  font-size: .9375vw;
  font-weight: bold;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  width: 21.4%;
  height: 100%;
  padding-right: 4.94792vw;
  padding-left: 2.08333vw;

  color: #2e3742;
  border-right: 1px solid #ececec;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.download .downloadResult ul li .title span {
  display: block;
}

.download .downloadResult ul li .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -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;
}

.download .downloadResult ul li .list .text {
  font-size: .83333vw;
  line-height: 1.45833vw;

  display: -webkit-box;
  overflow: hidden;

  width: 37.1875vw;
  max-height: 2.91667vw;
  margin-left: 2.13542vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.download .downloadResult ul li .list .btn {
  font-size: .625vw;

  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 6.72917vw;
  height: 1.875vw;
  margin-right: 2.08333vw;

  color: #fff;

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

.download .downloadResult ul li .list .btn::after,
.download .downloadResult ul li .list .btn::before {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
  height: 100%;

  content: '';
}

.download .downloadResult ul li .list .btn::after {
  z-index: 8;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #2e3742;
}

.download .downloadResult ul li .list .btn::before {
  z-index: 7;

  background: -webkit-gradient(linear, left bottom, left top, from(#0067e6), to(#63a0eb));
  background: -webkit-linear-gradient(bottom, #0067e6, #63a0eb);
  background: -moz-linear-gradient(bottom, #0067e6, #63a0eb);
  background: linear-gradient(0deg, #0067e6, #63a0eb);
}

.download .downloadResult ul li .list .btn span {
  position: relative;
  z-index: 9;
}

.download .downloadResult ul li .list .btn i {
  font-size: .625vw;

  position: relative;
  z-index: 9;

  margin-left: .26042vw;

  color: #fff;
}

/* 公司介绍 */
.aboutusBg {
  padding-top: 5.20833vw;
  padding-bottom: 5.20833vw;
}

.aboutusBg .aboutus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  -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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
}

.aboutusBg .aboutus .image {
  position: relative;

  overflow: hidden;

  width: 47.1%;
}

.aboutusBg .aboutus .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.aboutusBg .aboutus .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.aboutusBg .aboutus .image .play {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 50%;

  width: 2.9167vw;
  height: 2.9167vw;

  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background: url(../images/iconPlay.png) no-repeat;
  background-size: 2.9167vw;
}

.aboutusBg .aboutus .left {
  width: 47.5%;
}

.aboutusBg .aboutus .left .text {
  margin-bottom: 2.23958vw;
}

.aboutusBg .aboutus .left .text .title {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .83333vw;

  color: #2e3742;
}

.aboutusBg .aboutus .left .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;

  word-break: break-word;
}

.aboutusBg .aboutus .left .number ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutusBg .aboutus .left .number ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1.5625vw;
}

.aboutusBg .aboutus .left .number ul li div {
  font-size: 2.5vw;
  font-weight: bold;

  color: #2e3742;
}

.aboutusBg .aboutus .left .number ul li div i {
  font-size: 1.25vw;
}

.aboutusBg .aboutus .left .number ul li p {
  font-size: .83333vw;

  color: #2e3742;

  word-break: break-word;
}

/* 研发中心 */
.center {
  margin-top: 4.79167vw;
  margin-bottom: 5.20833vw;
}

.center .centerMain {
  margin-top: 2.23958vw;
}

.center .centerMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.center .centerMain ul li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;

  background-color: #f8f9fb;
}

.center .centerMain ul li:nth-child(2n+2) {
  margin-right: 0;
}

.center .centerMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.center .centerMain ul li .image {
  overflow: hidden;
}

.center .centerMain ul li .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.center .centerMain ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.center .centerMain ul li .text {
  min-height: 11.45833vw;
  padding: 2.39583vw 2.13542vw 1.5625vw;
}

.center .centerMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 1.04167vw;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.center .centerMain ul li .text .title img {
  width: auto;
  height: 1.82292vw;
  margin-right: .3125vw;
}

.center .centerMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;

  word-break: break-word;
}

/* 公司环境 */
.environmentBg {
  overflow: hidden;

  padding-top: 4.73958vw;
  padding-bottom: 5.20833vw;

  background-color: #f8f9fb;
}

.environmentBg .environment .detailTitle {
  text-align: left;
}

.environmentBg .environment .environmentMain {
  overflow: visible !important;

  width: 64.2%;
  margin-top: 2.23958vw;
  margin-left: 0;
}

.environmentBg .environment .environmentMain .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.environmentBg .environment .environmentMain .swiper-slide img {
  width: 100%;
  height: auto;
}

/* 企业文化 */
.cultureBg {
  padding-top: 5.83333vw;
  padding-bottom: 6.25vw;
}

.cultureBg .culture .detailTitle div {
  color: #fff;
}

.cultureBg .culture .cultureMain {
  margin-top: 2.23958vw;
}

.cultureBg .culture .cultureMain 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-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cultureBg .culture .cultureMain ul li {
  width: 23.7%;
  min-height: 11.45833vw;
  margin-right: 1.733%;
  margin-bottom: 1.733%;
  padding: 1.5625vw;

  background-color: rgba(255, 255, 255, .85);
}

.cultureBg .culture .cultureMain ul li:nth-child(4n+4) {
  margin-right: 0;
}

.cultureBg .culture .cultureMain ul li:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.cultureBg .culture .cultureMain ul li .title {
  font-size: 1.14583vw;
  font-weight: bold;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 1.35417vw;
  padding-bottom: 1.04167vw;

  color: #2e3742;
  border-bottom: .10417vw solid #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cultureBg .culture .cultureMain ul li .title img {
  width: auto;
  height: 1.82292vw;
  margin-right: .88542vw;
}

.cultureBg .culture .cultureMain ul li .text {
  font-size: .9375vw;
  line-height: 1.45833vw;

  color: #2e3742;

  word-break: break-word;
}

/* 发展历程 */
.historyBg {
  height: 40.20833vw;
  padding-top: 6.25vw;
}

.historyBg .history {
  position: relative;
}

.historyBg .history .detailTitle {
  text-align: left;
}

.historyBg .history .historyMain {
  margin-top: 5.10417vw;
}

.historyBg .history .historyMain .swiper-slide {
  position: relative;

  height: 15.625vw;
  padding-left: 2.23958vw;
}

.historyBg .history .historyMain .swiper-slide:nth-child(odd) {
  margin-top: 2.60417vw;
}

.historyBg .history .historyMain .swiper-slide::after {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 1.19792vw;
  height: 13.4375vw;

  content: '';

  background: url('../images/historyIcon.png') no-repeat;
  background-size: 1.19792vw 13.4375vw;
}

.historyBg .history .historyMain .swiper-slide .year {
  font-size: 1.77083vw;
  font-weight: bold;

  margin-top: 1.09375vw;
  margin-bottom: .20833vw;

  color: #bdc6d1;
}

.historyBg .history .historyMain .swiper-slide p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;
}

.historyBg .history .swiper-button-prev,
.historyBg .history .swiper-button-next {
  font-size: 1.25vw;

  top: 0;

  width: 2.60417vw;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #666;
  border: 1px solid #666;
  border-radius: 50%;
  background: none;
}

.historyBg .history .swiper-button-prev::after,
.historyBg .history .swiper-button-next::after {
  display: none;
}

.historyBg .history .swiper-button-prev:hover,
.historyBg .history .swiper-button-next:hover {
  color: #fff;
  border-color: var(--vi-color);
  background-color: var(--vi-color);
}

.historyBg .history .swiper-button-prev {
  right: 3.64583vw;
  left: auto;
}

.historyBg .history .swiper-button-prev::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.historyBg .history .swiper-button-next {
  right: 0;
}

/* 资质荣誉 */
.honor {
  position: relative;
}

.honor .image img {
  width: 100%;
  height: auto;
}

.honor .text {
  position: absolute;
  top: 50%;
  left: 50%;

  margin-top: -3.54167vw;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.honor .text .title {
  width: 25.7%;
  margin-bottom: .88542vw;
}

.honor .text .title span {
  font-size: .9375vw;
  font-weight: normal;

  margin-bottom: .52083vw;

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

.honor .text .title p {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 2.39583vw;

  color: #2e3742;
}

.honor .text .text2 {
  font-size: .9375vw;
  line-height: 1.5625vw;

  width: 25.7%;

  color: #2e3742;

  word-break: break-word;
}

/* 合作伙伴 */
.coop {
  margin-top: 4.84375vw;
  margin-bottom: 5.20833vw;
}

.coop .detailTitle {
  text-align: left;
}

.coop .coopMain {
  margin-top: 2.44792vw;
}

.coop .coopMain::after {
  position: absolute;
  top: 53%;
  left: 0;

  display: block;

  width: 100%;
  height: .10417vw;

  content: '';

  background-color: #dcdee1;
}

.coop .coopMain .swiper-slide {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  height: 15.625vw;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.coop .coopMain .swiper-slide:nth-child(odd) {
  flex-direction: column-reverse;

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

.coop .coopMain .swiper-slide:nth-child(odd) .text {
  margin-top: 3.33333vw;
  margin-bottom: 0;
}

.coop .coopMain .swiper-slide::after {
  position: absolute;
  top: 53%;
  left: 0;

  display: block;

  width: .9375vw;
  height: .9375vw;

  content: '';
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  border-radius: 50%;
  background-color: #dcdee1;
}

.coop .coopMain .swiper-slide::before {
  position: absolute;
  z-index: 9;
  top: 50%;
  left: 0;

  display: block;

  width: .52083vw;
  height: .52083vw;
  margin-top: .20833vw;
  margin-left: .20833vw;

  content: '';

  border-radius: 50%;
  background-color: #fff;
}

.coop .coopMain .swiper-slide .image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;

  width: 13.02083vw;
  height: 5.20833vw;

  background-color: #fafafa;

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

.coop .coopMain .swiper-slide .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.coop .coopMain .swiper-slide .image img {
  width: auto;
  height: 4.27083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.coop .coopMain .swiper-slide .text {
  font-size: 1.25vw;
  font-weight: normal;

  margin-bottom: 3.33333vw;
}

.coop .coopMain .swiper-slide .text a {
  color: #000;
}

.coop .coopMain .swiper-slide a:hover {
  color: #000;
}

.coop .coopMain .swiper-button-prev,
.coop .coopMain .swiper-button-next {
  font-size: 1.25vw;

  top: 53%;

  width: 2.60417vw;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #dcdee1;
  border-radius: 50%;
  background: #f2f2f2;
}

.coop .coopMain .swiper-button-prev::after,
.coop .coopMain .swiper-button-next::after {
  display: none;
}

.coop .coopMain .swiper-button-prev:hover,
.coop .coopMain .swiper-button-next:hover {
  color: #fff;
  background-color: var(--vi-color);
}

.coop .coopMain .swiper-button-prev {
  right: 3.64583vw;
  left: auto;

  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.coop .coopMain .swiper-button-next {
  right: 0;
}

.coop .coopMain .swiper-button-disabled {
  cursor: pointer;
  pointer-events: all;

  opacity: 1;
}

/* 研发实力 */
.rDStrength {
  margin-top: 4.73958vw;
  margin-bottom: 4.73958vw;
}

.rDStrength .rDStrengthMain {
  margin-top: 2.23958vw;
}

.rDStrength .rDStrengthMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rDStrength .rDStrengthMain ul li {
  width: 32.14%;
  margin-right: 1.79%;
  margin-bottom: 1.79%;

  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;

  background-color: #f2f6f9;
}

.rDStrength .rDStrengthMain ul li:hover {
  -webkit-box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
  box-shadow: 0 .1042vw .9896vw rgba(0, 0, 0, .1);
}

.rDStrength .rDStrengthMain ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.rDStrength .rDStrengthMain ul li:nth-child(3n+3) {
  margin-right: 0;
}

.rDStrength .rDStrengthMain ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.rDStrength .rDStrengthMain ul li .image {
  overflow: hidden;
}

.rDStrength .rDStrengthMain ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}

.rDStrength .rDStrengthMain ul li .text {
  padding: 1.875vw 2.08333vw;
}

.rDStrength .rDStrengthMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .46875vw;

  color: #2e3742;
}

.rDStrength .rDStrengthMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  color: #2e3742;

  word-break: break-word;
}

/* 创新能力 */
.innovationBg {
  padding-top: 4.84375vw;

  background-size: 100% auto !important;
}

.innovationBg .innovation .detailTitle div {
  color: #fff;
}

.innovationBg .innovation .number {
  margin-top: 1.82292vw;
}

.innovationBg .innovation .number 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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.innovationBg .innovation .number ul li {
  position: relative;

  width: 11.14583vw;

  text-align: center;
}

.innovationBg .innovation .number ul li::after {
  position: absolute;
  top: 50%;
  right: 0;

  display: block;

  width: 1px;
  height: 4.27083vw;

  content: '';
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  background: url('../images/inNumHr.png') no-repeat;
  background-size: 1px 100%;
}

.innovationBg .innovation .number ul li:last-child::after {
  display: none;
}

.innovationBg .innovation .number ul li div {
  font-size: 3.75vw;
  font-weight: bold;

  color: #fff;
}

.innovationBg .innovation .number ul li div i {
  font-size: 1.04167vw;
  font-weight: normal;
}

.innovationBg .innovation .number ul li p {
  font-size: .83333vw;

  margin-top: .15625vw;

  color: #fff;
}

.innovationBg .innovation .innovationMain {
  margin-top: 5.05208vw;
  padding-top: 5.26042vw;
  padding-bottom: 4.6875vw;

  background-color: #fff;
}

.innovationBg .innovation .innovationMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.innovationBg .innovation .innovationMain ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  height: 9.375vw;
  padding: 0 3.48958vw;

  text-align: center;

  border-right: 1px solid #ececec;

  -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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.innovationBg .innovation .innovationMain ul li:last-child {
  border-right: 0;
}

.innovationBg .innovation .innovationMain ul li .icon img {
  width: auto;
  height: 3.125vw;
}

.innovationBg .innovation .innovationMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;
  line-height: 1.45833vw;

  margin-top: 1.25vw;
  margin-bottom: .67708vw;

  color: #2e3742;
}

.innovationBg .innovation .innovationMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.45833vw;

  color: #2e3742;
}

/* 品质保证 */
.qualityBg {
  padding-top: 4.79167vw;
  padding-bottom: 5.41667vw;

  background-color: #f2f6f9;
}

.qualityBg .quality .qualityText {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-top: .88542vw;
  margin-bottom: 2.1875vw;
  padding: 0 21%;

  text-align: center;

  color: #2e3742;

  word-break: break-word;
}

.qualityBg .quality .qualityMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.qualityBg .quality .qualityMain ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 49.14%;
  height: 6.25vw;
  margin-right: 1.72%;
  margin-bottom: 1.72%;
  padding: 0 2.29167vw;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;

  background-color: #fff;

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

.qualityBg .quality .qualityMain ul li:hover {
  background-color: #0067e6;
}

.qualityBg .quality .qualityMain ul li:hover .icon img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.qualityBg .quality .qualityMain ul li:hover .text .title {
  color: #fff;
}

.qualityBg .quality .qualityMain ul li:hover .text p {
  color: #fff;
}

.qualityBg .quality .qualityMain ul li:nth-child(2n+2) {
  margin-right: 0;
}

.qualityBg .quality .qualityMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.qualityBg .quality .qualityMain ul li .icon {
  width: 2.60417vw;
}

.qualityBg .quality .qualityMain ul li .icon img {
  width: auto;
  height: 2.60417vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.qualityBg .quality .qualityMain ul li .text {
  margin-left: 1.30208vw;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.qualityBg .quality .qualityMain ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;

  margin-bottom: .52083vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
}

.qualityBg .quality .qualityMain ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
}

/* 制造能力 */
.manufacturingCapability {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;

  margin-top: 5.20833vw;
  margin-bottom: 5.20833vw;

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.manufacturingCapability .image {
  width: 45.83%;
  margin-right: 0;
}

.manufacturingCapability .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.manufacturingCapability .image .swiper-slide {
  overflow: hidden;
}

.manufacturingCapability .image .swiper-slide img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.manufacturingCapability .image .swiper-pagination {
  bottom: .88542vw !important;
}

.manufacturingCapability .image .swiper-pagination-bullet {
  width: 1.04167vw;
  height: .15625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 1 !important;
  border-radius: .10417vw;
  background: rgba(0, 0, 0, .1);
}

.manufacturingCapability .image .swiper-pagination-bullet-active {
  width: 1.35417vw;

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

.manufacturingCapability .left {
  width: 44.5%;
}

.manufacturingCapability .left .detailTitle {
  text-align: left;
}

.manufacturingCapability .left .text {
  font-size: .9375vw;
  line-height: 1.45833vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: .88542vw;
  margin-bottom: 1.92708vw;

  color: #2e3742;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.manufacturingCapability .left .text p {
  width: 50%;
  margin-bottom: .41667vw;
}

.manufacturingCapability .left .text p::before {
  font-size: 1.25vw;

  display: inline-block;

  margin-right: .41667vw;

  content: '•';
}

.manufacturingCapability .left .number 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;
}

.manufacturingCapability .left .number ul li {
  margin-right: 6.45833vw;
}

.manufacturingCapability .left .number ul li:last-child {
  margin-right: 0;
}

.manufacturingCapability .left .number ul li div {
  font-size: 2.5vw;
  font-weight: bold;

  color: #2e3742;
}

.manufacturingCapability .left .number ul li div i {
  font-size: 1.04167vw;

  margin-left: .20833vw;
}

.manufacturingCapability .left .number ul li p {
  font-size: .83333vw;

  color: #2e3742;
}

/* 员工活动 */
.employeeActivities {
  position: relative;

  margin-top: 4.79167vw;
  padding-bottom: 8.85417vw;
}

.employeeActivities .text {
  font-size: .9375vw;
  line-height: 1.5625vw;

  margin-top: .78125vw;
  margin-bottom: 2.29167vw;
  padding: 0 20%;

  text-align: center;

  color: #2e3742;

  word-break: break-word;
}

.employeeActivities .employeeActivitiesMain .swiper-slide {
  overflow: hidden;

  cursor: pointer;
}

.employeeActivities .employeeActivitiesMain .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.employeeActivities .employeeActivitiesMain .swiper-slide img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.employeeActivities .swiper-pagination {
  bottom: 5.05208vw !important;
}

.employeeActivities .swiper-pagination-bullet {
  width: .52083vw;
  height: .52083vw;
  margin: 0 .26042vw !important;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.employeeActivities .swiper-pagination-bullet-active {
  background: var(--vi-color);
}

/* 招聘职位 */
.joinBg {
  padding-top: 4.79167vw;
  padding-bottom: 4.58333vw;

  background-color: #f8f9fb;
}

.joinBg .join {
  margin-top: 2.23958vw;
}

.joinBg .join ul {
  margin-bottom: 3.02083vw;
}

.joinBg .join ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 4.47917vw;
  margin-bottom: 1.30208vw;

  cursor: pointer;

  background-color: #fff;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.joinBg .join ul li:last-child {
  margin-bottom: 0;
}

.joinBg .join ul li .name {
  font-size: .9375vw;
  font-weight: bold;

  width: 25%;
  margin-left: 3.5%;

  color: #2e3742;
}

.joinBg .join ul li .name img {
  width: auto;
  height: 2.1875vw;
  margin-right: 1.40625vw;
}

.joinBg .join ul li .division {
  font-size: .83333vw;

  width: 22%;
  margin-left: 3%;

  color: #2e3742;
}

.joinBg .join ul li .time {
  font-size: .83333vw;

  width: 8%;
  margin-left: 3.5%;

  color: #2e3742;
}

.joinBg .join ul li .time i {
  font-size: .9375vw;

  margin-right: .3125vw;

  color: #000;
}

.joinBg .join ul li .site {
  font-size: .83333vw;

  width: 18%;
  margin-left: 4.4%;

  color: #2e3742;
}

.joinBg .join ul li .icon {
  font-size: .625vw;
  font-weight: bold;

  margin-left: 8.3%;

  -webkit-transform: scale(.8) rotate(-45deg);
  -moz-transform: scale(.8) rotate(-45deg);
  -ms-transform: scale(.8) rotate(-45deg);
  transform: scale(.8) rotate(-45deg);

  color: #333;
}

.joinBg .join ul li .info {
  display: none;
}

/* 招聘职位弹窗 */
.joinPopupBg {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;

  visibility: hidden;

  width: 100%;
  height: 100%;

  cursor: pointer;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;

  opacity: 0;
  background-color: rgba(0, 0, 0, .4);
}

.joinPopupBg.active {
  visibility: visible;

  opacity: 1;
}

.joinPopupBg .joinPopup {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 57.29167vw;
  height: 92vh;
  padding: 4.27083vw 4.79167vw;

  cursor: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background-color: #fff;
}

.joinPopupBg .joinPopup .joinPopupClose {
  font-size: 1.04167vw;

  position: absolute;
  top: 4.6875vw;
  right: 4.32292vw;

  cursor: pointer;
}

.joinPopupBg .joinPopup .joinPopupHeader {
  margin-right: 6.77083vw;
  margin-bottom: 1.77083vw;
  padding-bottom: 1.45833vw;

  border-bottom: 1px solid #e1e1e1;
}

.joinPopupBg .joinPopup .joinPopupHeader .title {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: .67708vw;

  color: #2e3742;
}

.joinPopupBg .joinPopup .joinPopupHeader p {
  font-size: .78125vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.joinPopupBg .joinPopup .joinPopupHeader p .iconfont {
  font-size: .72917vw;
  font-weight: bold;

  margin-right: .3125vw;

  color: #000;
}

.joinPopupBg .joinPopup .joinPopupHeader p span {
  margin: 0 .20833vw;

  color: rgba(46, 55, 66, .6);
}

.joinPopupBg .joinPopup .joinPopupContent {
  overflow-y: auto;

  height: 58vh;
  padding-bottom: 1px;
}

.joinPopupBg .joinPopup .joinPopupContent::-webkit-scrollbar {
  width: .10417vw;

  background-color: #d5d5d5;
}

.joinPopupBg .joinPopup .joinPopupContent::-webkit-scrollbar-track {
  border-radius: .3125vw;
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 0 .10417vw rgba(0, 0, 0, .1);
}

.joinPopupBg .joinPopup .joinPopupContent::-webkit-scrollbar-thumb {
  border-radius: .3125vw;
  background-color: var(--vi-color);
  -webkit-box-shadow: inset 0 0 .10417vw rgba(0, 0, 0, .1);
}

.joinPopupBg .joinPopup .joinPopupMain {
  font-size: .83333vw;
  line-height: 1.66667vw;

  margin-right: 6.77083vw;

  color: #2e3742;
}

.joinPopupBg .joinPopup .joinPopupMain h1 {
  font-size: .9375vw;
  font-weight: bold;

  margin-bottom: .26042vw;

  color: #2e3742;
}

.joinPopupBg .joinPopup .joinPopupMain p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.joinPopupBg .joinPopup .joinPopupMain p::before {
  display: inline-block;

  margin-right: .41667vw;

  content: '•';

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

.joinPopupBg .joinPopup .joinPopupFooter {
  margin-top: 2.34375vw;
  margin-right: 2.08333vw;
}

.joinPopupBg .joinPopup .joinPopupFooter .title {
  font-size: .9375vw;
  font-weight: bold;

  margin-bottom: 1.35417vw;

  color: #2e3742;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm {
  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;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput {
  position: relative;

  width: 48.9%;
  margin-right: 2.2%;
  margin-bottom: 2.2%;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput:nth-child(2n+2) {
  margin-right: 0;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.file,
.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.code {
  width: 100%;
  margin-right: 0;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.file {
  cursor: pointer;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.file .layui-btn {
  font-size: .72917vw;
  font-weight: bold;

  position: absolute;
  top: 50%;
  right: 2.08333vw;

  padding: 0;

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

  color: #247be6;
  background-color: transparent;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.file .layui-btn i {
  font-weight: normal;

  margin-right: .26042vw;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.code {
  margin-bottom: 0;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.code input {
  padding-right: 75%;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.code img {
  position: absolute;
  top: 50%;
  right: 1.66667vw;

  width: auto;
  height: 1.82292vw;

  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.hide .placeholder i {
  visibility: hidden;

  opacity: 0;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput .placeholder {
  font-size: .72917vw;

  position: absolute;
  top: 50%;
  left: 1.61458vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  color: #999;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput .placeholder span {
  font-size: .83333vw;

  display: block;

  margin-right: .15625vw;
  margin-left: -.4167vw;

  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);

  color: #f00;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput input[type=text] {
  font-size: .72917vw;

  display: block;

  width: 100%;
  height: 3.02083vw;
  padding-left: 1.5625vw;

  color: #999;
  border: 0;
  outline: 0;
  background-color: #f3f4f6;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 2.08333vw;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=submit] {
  font-size: .83333vw;

  display: block;

  width: 8.33333vw;
  height: 2.60417vw;
  margin-right: 1.09375vw;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;
  border: 0;
  outline: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#0067e6), to(#63a0eb));
  background: -webkit-linear-gradient(bottom, #0067e6, #63a0eb);
  background: -moz-linear-gradient(bottom, #0067e6, #63a0eb);
  background: linear-gradient(0deg, #0067e6, #63a0eb);
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=submit]:hover {
  color: var(--vi-color);
  border: 1px solid var(--vi-color);
  background: transparent;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=reset] {
  font-size: .83333vw;

  display: block;

  width: 8.33333vw;
  height: 2.60417vw;

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
  border: 1px solid #2e3742;
  outline: 0;
  background: #fff;
}

.joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=reset]:hover {
  color: #fff;
  background: #2e3742;
}

/* 新闻中心 */
.news {
  margin-top: 5.20833vw;
  margin-bottom: 5.05208vw;
}

.news ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 3.59375vw;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.news ul li {
  width: 32.14%;
  margin-right: 1.79%;
  margin-bottom: 1.79%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #f2f6f9;
}

.news ul li:nth-child(3n+3) {
  margin-right: 0;
}

.news ul li:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.news ul li:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 .36458vw .52083vw #d9e1f4;
  box-shadow: 0 .36458vw .52083vw #d9e1f4;
}

.news ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.news ul li .image {
  overflow: hidden;
}

.news ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.news ul li .text {
  min-height: 5.41667vw;
  padding: 1.09375vw 1.51042vw;
}

.news ul li .text .title {
  font-size: 1.14583vw;
  font-weight: bold;
  line-height: 1.5625vw;

  display: -webkit-box;
  overflow: hidden;

  height: 3.125vw;
  margin-bottom: .65104vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news ul li .text p {
  font-size: .83333vw;

  color: #2e3742;
}

/* 新闻详情 */
.newsDetail {
  margin-top: 5.8333vw;
  margin-bottom: 4.73958vw;
}

.newsDetail.newsDetail2 .newsDetailHeader h1 {
  font-size: 1.97917vw;
}

.newsDetail.newsDetail2 .newsDetailMain {
  font-size: .8333vw;

  color: #2e3742;
}

.newsDetail.newsDetail2 .newsDetailMain h1,
.newsDetail.newsDetail2 .newsDetailMain h2 {
  font-size: .98958vw;
  font-weight: bold;
  line-height: 1.875vw;

  margin: .3646vw 0 .1563vw;

  color: #2e3742;
}

.newsDetail.newsDetail2 .newsDetailMain p {
  text-indent: 0;
}

.newsDetail .newsDetailHeader {
  margin-bottom: 2.8125vw;
}

.newsDetail .newsDetailHeader h1 {
  font-size: 1.875vw;
  font-weight: bold;
  line-height: 2.86458vw;

  margin-bottom: 1.92708vw;

  color: #2e3742;
}

.newsDetail .newsDetailHeader p {
  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;
}

.newsDetail .newsDetailHeader p::after {
  display: block;

  height: 1px;
  margin-left: 2.08333vw;

  content: '';

  background-color: #dcdcdc;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.newsDetail .newsDetailHeader p span {
  font-size: .72917vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  min-width: 5.36458vw;
  height: 1.66667vw;
  margin-right: .52083vw;
  padding: 0 .78125vw;

  color: #2e3742;
  border: 1px solid #dcdcdc;
  border-radius: .26042vw;

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

.newsDetail .newsDetailHeader p span:last-child {
  margin-right: 0;
}

.newsDetail .newsDetailMain {
  font-size: .8333vw;
  line-height: 1.5625vw;

  margin-bottom: 2.23958vw;

  color: #2e3742;
}

.newsDetail .newsDetailMain h2 {
  font-size: .98958vw;
  font-weight: bold;
  line-height: 1.875vw;

  margin: .625vw 0 .1563vw;

  color: #2e3742;
}

.newsDetail .newsDetailMain p {
  text-indent: 0em;
}

.newsDetail .newsDetailMain img {
  display: block;

  width: auto;
  max-width: auto;
  height: auto;
  margin: .5208vw auto;
}

.newsDetail .newsDetailTags {
  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;
}

.newsDetail .newsDetailTags .left {
  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;
}

.newsDetail .newsDetailTags .left .title {
  font-size: .83333vw;
  font-weight: bold;

  margin-right: .9375vw;

  color: #2e3742;
}

.newsDetail .newsDetailTags .left p {
  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;
}

.newsDetail .newsDetailTags .left p a,
.newsDetail .newsDetailTags .left p span {
  font-size: .72917vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  min-width: 5.72917vw;
  height: 1.875vw;
  margin-left: .52083vw;
  padding: 0 1.04167vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
  border-radius: .9375vw;
  background-color: #f4f6f9;

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

.newsDetail .newsDetailTags .left p a:hover,
.newsDetail .newsDetailTags .left p span:hover {
  color: #fff;
  background-color: #0067e6;
}

.newsDetail .newsDetailTags .left p a:last-child,
.newsDetail .newsDetailTags .left p span:last-child {
  margin-right: 0;
}

.newsDetail .newsDetailPrevNext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 3.125vw;
  padding-top: 1.77083vw;

  border-top: .10417vw solid rgba(0, 0, 0, .1);

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

.newsDetail .newsDetailPrevNext .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
}

.newsDetail .newsDetailPrevNext .left a {
  font-size: .83333vw;
  line-height: 1.5625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
}

.newsDetail .newsDetailPrevNext .left a:hover {
  color: #0067e6;
}

.newsDetail .newsDetailPrevNext .left a span {
  font-size: .9375vw;
  font-weight: bold;
}

.newsDetail .newsDetailPrevNext .right a {
  font-size: .83333vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 7.29167vw;
  height: 2.44792vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;
  border: 1px solid #2e3742;
  background: #2e3742;

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

.newsDetail .newsDetailPrevNext .right a:hover {
  color: #2e3742;
  background: #fff;
}

/* 行业应用 */
.industry {
  overflow: hidden;

  margin-top: 5.20833vw;
}

.industry ul li a {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 5.20833vw;
}

.industry ul li:nth-child(odd) a {
  flex-direction: row;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
}

.industry ul li:nth-child(odd) .right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.industry ul li:nth-child(even) a {
  flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
}

.industry ul li:nth-child(even) .right {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.industry ul li .image {
  position: relative;
  z-index: 9;

  overflow: hidden;

  width: 55.2%;
}

.industry ul li .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.industry ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.industry ul li .right {
  position: absolute;
  top: 50%;
  left: 50%;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.industry ul li .right .text {
  width: 35.7%;
}

.industry ul li .right .text img {
  width: auto;
  height: 2.60417vw;
}

.industry ul li .right .text .title {
  font-size: 1.875vw;
  font-weight: bold;

  margin-top: .3125vw;
  margin-bottom: .83333vw;

  color: #2e3742;
}

.industry ul li .right .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  display: -webkit-box;
  overflow: hidden;

  margin-bottom: 1.5625vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* 行业应用列表 */
.industryList {
  margin-top: 5.20833vw;
  margin-bottom: 5.05208vw;
}

.industryList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: 4.16667vw;

  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.industryList ul li {
  width: 48.57%;
  margin-right: 2.86%;
  margin-bottom: 2.86%;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #f3f6f9;
}

.industryList ul li:nth-child(2n+2) {
  margin-right: 0;
}

.industryList ul li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.industryList ul li:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 .36458vw .52083vw #d9e1f4;
  box-shadow: 0 .36458vw .52083vw #d9e1f4;
}

.industryList ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.industryList ul li .image {
  overflow: hidden;
}

.industryList ul li .image img {
  width: 100%;
  height: auto;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.industryList ul li .text {
  min-height: 6.14583vw;
  padding: .98958vw 1.66667vw;
}

.industryList ul li .text .title {
  font-size: 1.35417vw;
  font-weight: bold;

  display: -webkit-box;
  overflow: hidden;

  margin-bottom: .625vw;

  text-overflow: ellipsis;

  color: #2e3742;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.industryList ul li .text p {
  font-size: .72917vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: var(--vi-color);

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.industryList ul li .text p:hover {
  margin-left: .52083vw;
}

.industryList ul li .text p i {
  font-size: .72917vw;
}

/* 联系我们 */
.contactus {
  margin-top: 5.20833vw;
  margin-bottom: 5.20833vw;
}

.contactus .contactusMain {
  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;
}

.contactus .contactusMain .left {
  width: 45.75%;
}

.contactus .contactusMain .left .title {
  font-size: 1.875vw;
  font-weight: bold;

  margin-bottom: 2.70833vw;

  color: #2e3742;
}

.contactus .contactusMain .left .text p {
  font-size: .9375vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-bottom: .98958vw;

  color: #2e3742;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contactus .contactusMain .left .text p:last-child {
  margin-bottom: 0;
}

.contactus .contactusMain .left .text p span:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 27%;
  padding-right: 5%;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contactus .contactusMain .left .text p span:nth-child(2) {
  width: 63%;
}

.contactus .contactusMain .left .text p span img {
  width: auto;
  height: 1.30208vw;
  margin-right: .36458vw;
}

.contactus .contactusMain .right {
  width: 45.8%;
}

.contactus .contactusMain .right img {
  width: 100%;
  height: auto;
}

.contactus .contactusMain .right iframe {
  width: 100% !important;
  height: 26.0417vw !important;
}

.contactus .contactusOther {
  margin-top: 5.20833vw;
}

.contactus .contactusOther 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;
}

.contactus .contactusOther ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  width: 49.1%;
  height: 7.8125vw;
  margin-right: 1.8%;
  padding-left: 1.04167vw;

  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;

  background-color: #f4f6f9;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contactus .contactusOther ul li:hover {
  background-color: #0067e6;
}

.contactus .contactusOther ul li:hover .icon img {
  -webkit-filter: grayscale(1) brightness(500%);
  filter: grayscale(1) brightness(500%);
}

.contactus .contactusOther ul li:hover .text .title {
  color: #fff;
}

.contactus .contactusOther ul li:hover .text p {
  color: #fff;
}

.contactus .contactusOther ul li:nth-child(even) {
  margin-right: 0;
}

.contactus .contactusOther ul li .icon {
  width: 6.09375vw;

  text-align: center;
}

.contactus .contactusOther ul li .icon img {
  width: auto;
  height: 2.60417vw;
  margin-top: -.83333vw;
  margin-left: 1.04167vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.contactus .contactusOther ul li .text .title {
  font-size: 1.0417vw;
  font-weight: bold;

  margin-bottom: .46875vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
}

.contactus .contactusOther ul li .text p {
  font-size: .9375vw;
  line-height: 1.5625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #2e3742;
}

/* 服务咨询 */
.messageBg {
  min-height: 45.83333vw;
  padding-top: 6.25vw;
  padding-bottom: 5.20833vw;
}

.messageBg .message {
  min-height: 34.375vw;
  padding-top: 3.22917vw;

  background-color: #fff;
}

.messageBg .message .messageMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin: 0 6.77083vw;
  margin-top: 1.66667vw;

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

.messageBg .message .messageMain .messageInput {
  position: relative;

  width: 100%;
  margin-bottom: .52083vw;
}

.messageBg .message .messageMain .messageInput.inline {
  width: 49.1%;
}

.messageBg .message .messageMain .messageInput.code input {
  padding-right: 75%;
}

.messageBg .message .messageMain .messageInput.hide .placeholder i {
  visibility: hidden;

  opacity: 0;
}

.messageBg .message .messageMain .messageInput input {
  font-size: .72917vw;

  width: 100%;
  height: 2.5vw;
  padding: 0 1.61458vw;

  color: #999;
  border: 0;
  outline: 0;
  background-color: #f3f4f6;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.messageBg .message .messageMain .messageInput .placeholder {
  font-size: .72917vw;

  position: absolute;
  top: 50%;
  left: 1.61458vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

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

  color: #999;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.messageBg .message .messageMain .messageInput .placeholder span {
  font-size: .83333vw;

  display: block;

  margin-right: .15625vw;
  margin-left: -.4167vw;

  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);

  color: #f00;
}

.messageBg .message .messageMain .messageInput .placeholder i {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.messageBg .message .messageMain .messageInput img {
  position: absolute;
  top: 50%;
  right: 1.82292vw;

  height: 1.82292vw;

  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.messageBg .message .messageMain .messageInput .layui-form-select .layui-edge {
  right: 1.5625vw;

  border-width: .26042vw;
  border-top-color: #2e353f;
}

.messageBg .message .messageMain .messageInput .layui-form-select dl {
  top: 2.5vw;
}

.messageBg .message .messageMain .messageInput .layui-form-select dl dd {
  font-size: .67708vw;
  line-height: 1.875vw;
}

.messageBg .message .messageMain .messageInput .layui-form-select dl dd.layui-this {
  color: var(--vi-color);
}

.messageBg .message .messageTextarea {
  position: relative;

  width: 100%;
}

.messageBg .message .messageTextarea.hide .placeholder {
  visibility: hidden;

  opacity: 0;
}

.messageBg .message .messageTextarea textarea {
  font-size: .72917vw;

  width: 100%;
  height: 4.6875vw;
  padding: .98958vw 1.61458vw;

  resize: none;

  color: #999;
  border: 0;
  outline: 0;
  background-color: #f3f4f6;
}

.messageBg .message .messageTextarea .placeholder {
  font-size: .72917vw;

  position: absolute;
  top: .98958vw;
  left: 1.61458vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  color: #999;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.messageBg .message .messageTextarea .placeholder span {
  font-size: .83333vw;

  display: block;

  margin-right: .15625vw;
  margin-left: -.4167vw;

  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);

  color: #f00;
}

.messageBg .message .messageTextarea .placeholder i {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.messageBg .message .messageSubmit {
  width: 100%;
  margin-top: 2.60417vw;
}

.messageBg .message .messageSubmit input {
  font-size: .83333vw;

  display: block;

  width: 10.41667vw;
  height: 2.8125vw;
  margin: 0 auto;

  cursor: pointer;

  color: #fff;
  border: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#0067e6), to(#63a0eb));
  background: -webkit-linear-gradient(bottom, #0067e6, #63a0eb);
  background: -moz-linear-gradient(bottom, #0067e6, #63a0eb);
  background: linear-gradient(0deg, #0067e6, #63a0eb);
}

/* 法律声明 隐私政策 */
.policy {
  margin-top: 7.8125vw;
  margin-bottom: 6.25vw;

  color: #333;
}

.policy h1 {
  font-size: 1.77083vw;
  font-weight: bold;

  margin-bottom: 3.125vw;

  text-align: center;
}

.policy h2 {
  font-size: 1.25vw;
  font-weight: bold;
}

.policy h3 {
  font-size: 1.14583vw;
}

.policy h4 {
  font-size: 1.04167vw;
}

.policy h5 {
  font-size: .9375vw;
}

.policy h6 {
  font-size: .83333vw;
}

.policy p {
  font-size: .83333vw;
  line-height: 1.45833vw;

  color: #666;
}

/* 网站地图 */
.containerRow {
  padding: 3.645833vw 0;
}

.defaWebMap {
  background-color: #fff;
}

.defaWebMap dl {
  margin-top: 1.5625vw;

  border: 1px solid #e6e6e6;
}

.defaWebMap dl h3 {
  padding-bottom: .260417vw;
  padding-left: 1.041667vw;
}

.defaWebMap dl h3 span {
  font-size: 1.041667vw;

  position: relative;
  top: -1vw;

  padding: 0 .677083vw;

  color: var(--vi-color);
  background-color: #fff;
}

.defaWebMap dl h3 span a {
  color: var(--vi-color);
}

.defaWebMap dl dd {
  padding-bottom: .78125vw;
  padding-left: 1.71875vw;
}

.defaWebMap dl dd a {
  font-size: .729167vw;

  display: inline-block;

  padding-right: 1.041667vw;
  padding-bottom: .416667vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.defaWebMap dl dd a:hover {
  color: var(--vi-color);
}

.defaWebMap dl dd a em {
  display: inline-block;

  width: .15625vw;
  height: .15625vw;
  margin-right: .416667vw;

  vertical-align: middle;

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

@media (min-width: 768px) {
  .defaWebMap dl {
    margin-top: 50px;
  }

  .defaWebMap dl dd a {
    padding-right: 50px;
  }
}

@media (max-width: 992px) {
  .defaWebMap dl h3 span {
    font-size: 16px;
  }

  .defaWebMap dl dd a {
    font-size: 13px;

    padding-right: 20px;
  }

  /*
          .defaWebMap dl h3 {
              padding-bottom: 10px
          } */
  .defaWebMap dl h3 span {
    top: -15px;
  }

  .defaWebMap dl {
    margin-top: 35px;
  }

  .defaWebMap dl dd a {
    padding-bottom: 2.416667vw;
  }
}

.layui-flow-more {
  display: block;

  width: 100%;
}

.layui-flow-more a {
    display: block;
    height: 2.44792vw !important;
    line-height: 2.44792vw !important;
}

.layui-flow-more a cite {
    margin: 0 auto;
    display: block;
    width: 6.97917vw;
    font-size: .72917vw;
    font-weight: 600;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    color: #90949a !important;
    border: 1px solid #fff;
    background: #f0f2f5 !important;
    text-align: center;
    z-index: 9;
    position: relative;
}

.layui-flow-more a cite:hover {
    color: #fff !important;
    background: -webkit-gradient(linear, left bottom, left top, from(#0266d2), to(#459af6)) !important;
    background: -webkit-linear-gradient(bottom, #0266d2, #459af6) !important;
    background: -moz-linear-gradient(bottom, #0266d2, #459af6) !important;
    background: linear-gradient(0deg, #0266d2, #459af6) !important;
}

/* 搜索页 */
.searchResult {
  width: 75vw;
  margin: 0 auto;
  margin-top: 6.77083vw;
  padding: 2.60417vw 0;
}

.searchResult dl {
  overflow: hidden;

  padding-bottom: .52083vw;

  border-bottom: 1px solid #eee;
}

.searchResult dl dt {
  font-size: .83333vw;

  float: left;
}

.searchResult dl dd {
  font-size: .72917vw;

  float: right;
}

.searchResultList {
  margin-bottom: 5.2083vw;
}

.searchResultList li {
  margin-top: 1.30208vw;
  padding: .78125vw .78125vw .4688vw;

  border-bottom: 1px solid #eee;
  background: #f6f6f6;
}

.searchResultList li h3 {
  font-size: .83333vw;
  font-weight: normal;
  line-height: 1.35417vw;

  padding-bottom: .26042vw;
}

.searchResultList li p {
  font-size: .625vw;
  line-height: 1.25vw;

  color: #1a1a1a;
}

/* 面包屑导航 */
.breadcrumbNavBg {
  position: relative;
  z-index: -9;

  visibility: hidden;

  width: 100%;
  height: 4.1667vw;
  margin-top: -4.1667vw;

  background-color: rgba(0, 0, 0, .5);
}

.breadcrumbNavBg .breadcrumbNav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  height: 4.1667vw;

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

.breadcrumbNavBg .breadcrumbNav .left {
  line-height: 1.0417vw;

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

.breadcrumbNavBg .breadcrumbNav .left .title {
  font-size: .8333vw;

  padding-left: .4167vw;

  color: #fff;
  border-left: .1563vw solid #fff;
}

.breadcrumbNavBg .breadcrumbNav .left 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;
}

.breadcrumbNavBg .breadcrumbNav .left ul li {
  margin-right: .3125vw;
}

.breadcrumbNavBg .breadcrumbNav .left ul li:last-child {
  margin-right: 0;
}

.breadcrumbNavBg .breadcrumbNav .left ul li a {
  font-size: .8333vw;

  color: #fff;
}

.breadcrumbNavBg .breadcrumbNav .left ul li i {
  font-size: .8333vw;

  margin-left: .3125vw;

  color: #fff;
}

.breadcrumbNavBg .breadcrumbNav .right 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;
}

.breadcrumbNavBg .breadcrumbNav .right ul li {
  margin-right: 3.6458vw;
}

.breadcrumbNavBg .breadcrumbNav .right ul li:last-child {
  margin-right: 0;
}

.breadcrumbNavBg .breadcrumbNav .right ul li.active a::after {
  visibility: visible;

  opacity: 1;
}

.breadcrumbNavBg .breadcrumbNav .right ul li:hover a::after {
  visibility: visible;

  opacity: 1;
}

.breadcrumbNavBg .breadcrumbNav .right ul li a {
  font-size: .8333vw;
  line-height: 4.1667vw;

  position: relative;

  display: block;

  color: #fff;
}

.breadcrumbNavBg .breadcrumbNav .right ul li a::after {
  position: absolute;
  bottom: 0;
  left: 0;

  display: block;
  visibility: hidden;

  width: 100%;
  height: .1042vw;

  content: '';
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  opacity: 0;
  background-color: #fff;
}

/* 底部 */
.bottomBg {
  padding-top: 3.90625vw;
  padding-bottom: 1.04167vw;

  background-color: #272727;
}

.bottomBg .bottom {
  padding-right: .41667vw;
  padding-left: .15625vw;
}

.bottomBg .bottom .bottom1 {
  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;
}

.bottomBg .bottom .bottom1 .left .info {
  font-size: .83333vw;
  line-height: 1.5625vw;

  margin-bottom: 1.71875vw;

  color: #fff;
}

.bottomBg .bottom .bottom1 .left .info p,
.bottomBg .bottom .bottom1 .left .info a {
  color: #fff;
}

.bottomBg .bottom .bottom1 .left .code {
  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 .bottom1 .left .code .codeLeft {
  margin-right: 1.04167vw;
}

.bottomBg .bottom .bottom1 .left .code .codeLeft img {
  width: auto;
  height: 5.20833vw;
}

.bottomBg .bottom .bottom1 .left .code .codeRight {
  font-size: .72917vw;
  line-height: 1.04167vw;

  color: rgba(255, 255, 255, .7);
}

.bottomBg .bottom .bottom1 .left .code .codeRight img {
  width: auto;
  height: 1.04167vw;
  margin-top: .625vw;
}

.bottomBg .bottom .bottom1 .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.bottomBg .bottom .bottom1 .right dl {
  margin-left: 2.36458vw;
}

.bottomBg .bottom .bottom1 .right dl:first-child {
  margin-left: 0;
}

.bottomBg .bottom .bottom1 .right dl dt {
  margin-top: .15625vw;
  margin-bottom: .52083vw;
}

.bottomBg .bottom .bottom1 .right dl dt a {
  font-size: .78125vw;
  font-weight: bold;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #fff;

  white-space: nowrap;
}

.bottomBg .bottom .bottom1 .right dl dt a:hover {
  color: #fff;
}

.bottomBg .bottom .bottom1 .right dl dd a {
  font-size: .72917vw;
  line-height: 1.5625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: rgba(255, 255, 255, .5);

  white-space: nowrap;
}

.bottomBg .bottom .bottom1 .right dl dd a:hover {
  color: rgba(255, 255, 255, .8);
}

.bottomBg .bottom .bottom2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 3.125vw;
  padding-bottom: 1px;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottomBg .bottom .bottom2 .text {
  font-size: .72917vw;
  font-weight: normal;
  line-height: 1.5625vw;

  color: rgba(255, 255, 255, .3);
}

.bottomBg .bottom .bottom2 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.bottomBg .bottom .bottom2 ul li {
  margin-right: .625vw;
}

.bottomBg .bottom .bottom2 ul li:last-child {
  margin-right: 0;
}

.bottomBg .bottom .bottom2 ul li a {
  font-size: .72917vw;
  line-height: 1.5625vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: rgba(255, 255, 255, .3);
}

.bottomBg .bottom .bottom2 ul li a:hover {
  color: rgba(255, 255, 255, .8);
}

.bottomBg .bottom .bottom3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  padding-top: .10417vw;

  margin-top: .50417vw;

  border-top: 1px solid rgba(255, 255, 255, .1);

  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bottomBg .bottom .bottom3 .left {
  font-size: .72917vw;
  line-height: 1.5625vw;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;

  color: rgba(255, 255, 255, .3);

  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottomBg .bottom .bottom3 .left a {
  font-size: .72917vw;
  line-height: 1.5625vw;

  margin-right: .57292vw;
  margin-left: .57292vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: rgba(255, 255, 255, .3);
}

.bottomBg .bottom .bottom3 .left a:first-child {
  margin-left: 0;
}

.bottomBg .bottom .bottom3 .left a:hover {
  color: rgba(255, 255, 255, .8);
}

.bottomBg .bottom .bottom3 .right .bottomFollow {
  padding-top: .20833vw;
}

.bottomBg .bottom .bottom3 .right .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 .bottom3 .right .bottomFollow .bottomFollowMain ul li {
  position: relative;

  overflow: hidden;

  margin-right: 1.25vw;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li:last-child {
  margin-right: 0vw;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i {
  font-size: var(--font-size-24);

  cursor: pointer;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  color: #6c6c6c;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li:hover {
  overflow: visible;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li:hover i img.active {
  visibility: visible;

  opacity: 1;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li:hover i img.default {
  visibility: hidden;

  opacity: 0;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li:hover div {
  margin-bottom: .52083vw;

  opacity: 1;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i {
  position: relative;

  display: block;

  width: 1.30208vw;
  height: 1.30208vw;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i img {
  position: absolute;
  top: 0;
  left: 0;

  width: 1.30208vw;
  height: 1.30208vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i img.default {
  visibility: visible;

  opacity: 1;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i img.active {
  visibility: hidden;

  opacity: 0;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li div {
  position: absolute;
  bottom: 1.30208vw;
  left: 50%;

  width: 4.0625vw;
  height: 4.0625vw;
  margin-bottom: 0;
  padding: .1563vw;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);

  opacity: 0;
  border-radius: .2604vw;
  background-color: #fff;
  -webkit-box-shadow: 0 0 .5208vw #ddd;
  box-shadow: 0 0 .5208vw #ddd;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li div::after {
  position: absolute;
  bottom: -.72917vw;
  left: 50%;

  display: block;

  width: auto;
  height: .2604vw;

  content: '';
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);

  border: .26042vw solid #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li div img {
  width: 100%;
  height: auto;
}

/* 遮罩 */
.maskLayer {
  position: fixed;
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;

  display: none;

  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, .6);
}

@media (max-width: 992px) {

  /* 版心 */
  .content1600,
  .content1400,
  .content1200 {
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
  }

  /* 下拉 */
  .productsMenus,
  .menus {
    display: none !important;
  }

  /* 遮罩 */
  .maskLayer {
    display: none;
  }

  /* 跟随导航 */
  .followNavBg {
    top: 60px;
  }

  .followNavBg .followNav {
    height: 55px;
  }

  .followNavBg .followNav .title {
    font-size: 18px;

    overflow: hidden;

    max-width: 70%;

    white-space: nowrap;
    text-overflow: ellipsis;
    display: none;
  }

  .followNavBg .followNav ul li {
    font-size: 15px;

    height: 55px;
    margin-left: 15px;
  }

  .followNavBg .followNav ul li::after {
    height: 2.5px;
  }

  /* 底部 */
  .bottomBg {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .bottomBg .bottom {
    padding-right: 0;
    padding-left: 0;
  }

  .bottomBg .bottom .bottom1 {
    flex-direction: column-reverse;

    margin-bottom: 15px;

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

  .bottomBg .bottom .bottom1 .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;

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

  .bottomBg .bottom .bottom1 .right {
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .bottomBg .bottom .bottom1 .right .dd {
    display: none;

    padding-top: 10px;
  }

  .bottomBg .bottom .bottom1 .right dl dt {
    line-height: 50px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    height: 50px;
    margin-top: 0;
    margin-bottom: 0;

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

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

  .bottomBg .bottom .bottom1 .right dl dt i {
    font-size: 13px;

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

    color: #fff;
  }

  .bottomBg .bottom .bottom1 .right dl dt.active i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .bottomBg .bottom .bottom1 .right dl {
    margin-left: 0;
  }

  .bottomBg .bottom .bottom1 .right dl dt a {
    font-size: 16px;
    font-weight: normal;

    pointer-events: none;
  }

  .bottomBg .bottom .bottom1 .right dl dd a {
    font-size: 14px;
    line-height: 30px;
  }

  .bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li {
    margin-right: 10px;
  }

  .bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i {
    width: 26px;
    height: 26px;
  }

  .bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li i img {
    width: 26px;
    height: 26px;
  }

  .bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li div {
    bottom: 30px;

    width: 75px;
    height: 75px;
    padding: 5px;

    border-radius: 5px;
  }

  .bottomBg .bottom .bottom3 .right .bottomFollow .bottomFollowMain ul li div::after {
    bottom: -24px;

    height: 12px;

    border-width: 6px;
  }

  .bottomBg .bottom .bottom1 .left .info {
    font-size: 13px;
    line-height: 24px;

    margin-top: 30px;
  }

  .bottomBg .bottom .bottom1 .left .code {
    display: none;

    margin-top: 30px;
    margin-bottom: 30px;
  }

  .bottomBg .bottom .bottom1 .left .code .codeLeft {
    margin-right: 0;
  }

  .bottomBg .bottom .bottom1 .left .code .codeLeft img {
    height: 80px;
  }

  .bottomBg .bottom .bottom1 .left .code .codeRight {
    font-size: 12px;
    line-height: 21px;

    margin-left: 15px;
  }

  .bottomBg .bottom .bottom1 .left .code .codeRight {
    width: 133px;
  }

  .bottomBg .bottom .bottom1 .left .code .codeRight img {
    height: 17px;
  }

  .bottomBg .bottom .bottom2 {
    display: none;
  }

  .bottomBg .bottom .bottom3 {
    flex-direction: column-reverse;

    margin-top: 0;
    padding-top: 0;

    border: 0;

    -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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .bottomBg .bottom .bottom3 .left {
    font-size: 12px;
    line-height: 15px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    width: 100%;
    height: 50px;
    padding: 0 20px;

    text-align: center;

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

  .bottomBg .bottom .bottom3 .left a {
    font-size: 12px;
    line-height: 15px;

    display: none;
  }

  .bottomBg .bottom .bottom3 .left span {
    display: none;
  }

  .bottomBg .bottom .bottom3 .left .filingNumber {
    display: block;
  }
}

/* 移动端 */
@media (max-width: 992px) {
  .pc {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .more {
    font-size: 13px;

    width: 100px;
    height: 37px;
  }

  .more i {
    font-size: 12px;
  }

  .more2 {
    font-size: 13px;
  }

  .more2:hover {
    margin-left: 0;
  }

  .more2 i {
    font-size: 12px;
  }

  .layui-flow-more {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }

  .layui-flow-more a i {
    width: 37px !important;
    height: 37px !important;

    background-size: 37px !important;
  }

  /* 首页标题 */
  .indexTitle {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 25px;
  }

  .indexTitle .title {
    font-size: 26px;
    line-height: 30px;

    margin-bottom: 8px;
  }

  .indexTitle p {
    font-size: 14px;
  }

  /* banner */
  .banner .swiper-slide .text {
    top: 40%;

    padding: 0;

    text-align: center;
  }

  .banner .swiper-slide .text .title {
    font-size: 16px;

    margin-bottom: 8px;
  }

  .banner .swiper-slide .text p {
    width: 100%;

    font-size: 28px;
    line-height: 39px;

    margin-bottom: 15px;
  }

  .banner .swiper-slide .text .more {
    margin: 0 auto;
  }

  .banner .swiper-slide-active .text {
    margin-top: -20px;
  }

  .banner .swiper-button-prev,
  .banner .swiper-button-next {
    font-size: 13px;

    bottom: 19px;
  }

  .banner .swiper-button-prev i,
  .banner .swiper-button-next i {
    font-size: 13px;
  }

  .banner .swiper-button-prev {
    left: 20px;
  }

  .banner .swiper-button-prev i {
    margin-right: 3px;
  }

  .banner .swiper-button-next {
    right: 20px;
  }

  .banner .swiper-button-next i {
    margin-left: 3px;
  }

  .banner .swiper-scrollbar {
    bottom: 27px !important;

    width: 55.5% !important;
    height: 2px !important;
  }

  /* 首页 定制化服务 */
  .iservice {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .iservice .iserviceMain {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 45px;
  }

  .iservice .iserviceMain .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    background: #ccd2d7;
  }

  .iservice .iserviceMain .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .iservice .iserviceMain .swiper-slide {
    width: 100%;
    height: 485px;

    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .iservice .iserviceMain .swiper-slide:hover .hover {
    bottom: 36px;
  }

  .iservice .iserviceMain .swiper-slide .image {
    margin-right: 0;
    margin-left: 0;
  }

  .iservice .iserviceMain .swiper-slide .image::after {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .3);
  }

  .iservice .iserviceMain .swiper-slide .image img {
    min-height: 485px;
  }

  .iservice .iserviceMain .swiper-slide .text {
    visibility: hidden;

    opacity: 0;
  }

  .iservice .iserviceMain .swiper-slide .hover {
    bottom: 36px;

    visibility: visible;

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

    opacity: 1;
  }

  .iservice .iserviceMain .swiper-slide .hover .more {
    color: #fff;
    border-color: rgba(255, 255, 255, .5);
    background-color: transparent;
  }

  .iservice .iserviceMain .swiper-slide .hover .icon img {
    height: 24px;
    margin-bottom: 10px;
  }

  .iservice .iserviceMain .swiper-slide .hover .title {
    font-size: 22px;

    margin-bottom: 6px;
  }

  .iservice .iserviceMain .swiper-slide .hover p {
    font-size: 13px;
    line-height: 22px;

    width: 81.2%;
    height: 44px;
    margin-bottom: 24px;
  }

  /* 首页 产品中心 */
  .iproducts .list {
    width: 100% !important;
    margin-top: 25px;
    margin-bottom: 33px;
    padding: 0;
  }

  .iproducts .list .swiper-wrapper {
    /* width: 100vh !important; */
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .iproducts .list .swiper-slide {
    height: 89px;
  }

  .iproducts .list .swiper-slide .text {
    font-size: 14px;

    margin-top: 5px;
    padding: 0px 10px;
  }

  .iproducts .list .swiper-slide .icon img {
    height: 40px;
  }

  .iproducts .iproductsMain .iproductsMainItem {
    padding-bottom: 45px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    background: #ccd2d7;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  /* .iproducts .iproductsMain .iproductsMainItem .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  } */
  .iproducts .iproductsMain .iproductsMainBtns {
    margin-top: 0px;
}

.iproducts .iproductsMain .iproductsMainBtns .more {
    padding: 0px 15px;
}
  .iproducts .iproductsMain .iproductsMainItem .swiper-slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .text {
    top: 58px;

    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-left: 20px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .text .title {
    font-size: 14px;

    margin-bottom: 9px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .text p {
    font-size: 22px;

    margin-bottom: 14px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .text span {
    font-size: 13px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .image img {
    min-height: 485px;
  }

  .iproducts .iproductsMain .iproductsMainItem .swiper-slide .text span i {
    font-size: 13px;

    margin-left: 3px;
  }

  /* 首页 行业应用 */
  .iapply {
    position: relative;

    margin-top: 20px;
    padding-bottom: 44px;
  }

  .iapply .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    background: #ccd2d7;
  }

  .iapply .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .iapply .iapplyMain .swiper-wrapper {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .iapply .iapplyMain .swiper-slide {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .iapply .iapplyMain .swiper-slide .image img {
    min-height: 274px;
  }

  .iapply .iapplyMain .swiper-slide .text {
    padding: 0 20px 18px;
  }

  .iapply .iapplyMain .swiper-slide .text .title {
    font-size: 22px;
  }

  .iapply .iapplyMain .swiper-slide .text p {
    font-size: 13px;
    line-height: 22px;

    display: -webkit-box;
    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* 首页 关于我们 */
  .iaboutus {
    margin-top: 20px;
  }

  .iaboutus .iaboutusMain>.text {
    top: 12%;

    padding-right: 0;
  }

  .iaboutus .iaboutusMain>.text .title {
    font-size: 22px;
    line-height: 28px;

    margin-bottom: 10px;
  }

  .iaboutus .iaboutusMain>.text .title img {
    height: 17px;
  }

  .iaboutus .iaboutusMain>.text p {
    font-size: 13px;
    line-height: 22px;

    display: -webkit-box;
    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

    padding-right: 0px;
  }

  .iaboutus .iaboutusMain .more {
    margin-top: 32px;
  }

  .iaboutus .iaboutusMain .number {
    position: static;

    width: 100%;
    height: 64px;
    margin-top: 24px;
    padding-left: 0;
  }

  .iaboutus .iaboutusMain .number ul {
    width: 100%;
  }

  .iaboutus .iaboutusMain .number ul li {
    width: auto;
    height: 64px;
    padding-left: 15px;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .iaboutus .iaboutusMain .number ul li .list .text {
    font-size: 28px;
    line-height: 36px;
  }

  .iaboutus .iaboutusMain .number ul li .list .text i {
    font-size: 18px;
  }

  .iaboutus .iaboutusMain .number ul li .icon img {
    height: 33px;
  }

  .iaboutus .iaboutusMain .number ul li .list p {
    font-size: 12px;
  }

  /* 首页 新闻资讯 */
  .inews {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .inews .inewsMain {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .inews .inewsMain .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .inews .inewsMain .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .inews .inewsMain .swiper-slide .text {
    margin-top: 15px;
  }

  .inews .inewsMain .swiper-slide .text .title {
    font-size: 18px;
  }

  .inews .inewsMain .swiper-slide .time {
    font-size: 13px;

    margin-top: 8px;
  }

  .inews .inewsMain .swiper-slide .time::before {
    font-size: 16px;

    margin-right: 5px;
  }

  /* 内页banner */
  .detailBanner .text {
    margin-top: 0;

    text-align: center;
  }

  .detailBanner.industryDetailBanner .text {
    margin-top: 0;
  }

  .detailBanner .text div {
    font-size: 24px;

    width: 100%;
    margin-bottom: 13px;
  }

  .detailBanner .text p {
    font-size: 14px;
    line-height: 22px;

    width: 100%;
  }

  .detailBanner .text.text2 p {
    font-size: 14px;
    line-height: 22px;

    width: 100%;
  }

  /* 内页标题 */
  .detailTitle {
    margin-bottom: 25px;
  }

  .detailTitle div {
    font-size: 23px;

    position: relative;
  }

  .detailTitle div::after {
    display: block;

    width: 40px;
    height: 2.5px;
    margin: 13px auto 0;

    content: '';

    border-radius: 2.5px;
    background-color: var(--vi-color);
  }

  /* 定制化服务介绍 */
  .serviceIntroduceBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .serviceIntroduceBg .serviceIntroduce {
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .serviceIntroduceBg .serviceIntroduce .image {
    width: 100%;
  }

  .serviceIntroduceBg .serviceIntroduce .text {
    width: 100%;
    margin-top: 22px;
  }

  .serviceIntroduceBg .serviceIntroduce .text .title {
    font-size: 18px;
    line-height: 26px;

    margin-bottom: 6px;
  }

  .serviceIntroduceBg .serviceIntroduce .text p {
    font-size: 14px;
    line-height: 23px;

    margin-bottom: 17px;
  }

  .serviceIntroduceBg .serviceIntroduce .image .play {
    width: 40px;
    height: 40px;

    background-size: 40px;
  }

  /* 定制化服务 */
  .service {
    margin-bottom: 20px;
    padding-top: 40px;
  }

  .service .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .service .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .service .list {
    margin-top: 0;
    margin-bottom: 25px;
  }

  .service .list ul {
    width: 100%;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  /* .service .list ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }
  .service .list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #d5d5d5;
  }
  .service .list ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #348ded;
  } */
  .service .list ul li {
    overflow: hidden;

    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .service .list ul li:nth-child(2n+2) {
    margin-right: 0;
  }

  .service .list ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

  .service .list ul li:last-child {
    margin-right: 0;
  }

  .service .list ul li a {
    font-size: 15px;

    width: 100%;
    height: auto;
    min-height: 42px;
    padding: 5px 16px;

    white-space: normal;
  }

  .service>.text {
    font-size: 15px;
    line-height: 26px;

    padding: 0;

    text-align: center;
  }

  .service .serviceMain {
    margin-top: 25px;
    padding-bottom: 50px;
    /* overflow: hidden !important; */
  }

  .service .serviceMain .swiper-slide ul li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .service .serviceMain .swiper-slide ul li:last-child {
    margin-bottom: 0;
  }

  .service .serviceMain .swiper-slide ul li a {
    padding: 20px 15px 25px;
  }

  .service .serviceMain .swiper-slide ul li:nth-last-child(-n+3) {
    margin-bottom: 13px;
  }

  .service .serviceMain .swiper-slide ul li .image img {
    width: 100%;
    height: auto;
  }

  .service .serviceMain .swiper-slide ul li .text {
    font-size: 16px;

    margin-top: 19px;

    padding: 0px 15px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide .play {
    width: 40px;
    height: 40px;

    background-size: 40px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li .play {
    width: 40px;
    height: 40px;

    background-size: 40px;
  }

  /* 服务流程 */
  .serviceFlowPathBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .serviceFlowPathBg .serviceFlowPath .text {
    font-size: 15px;
    line-height: 26px;

    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;

    text-align: center;
  }

  .serviceAdvantage {
    padding: 40px 0;
  }

  .serviceAdvantage .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .serviceAdvantage .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .serviceAdvantage .serviceAdvantageList {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 25px;
  }

  .serviceAdvantage .serviceAdvantageList ul {
    width: 100%;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  /* .serviceAdvantage .serviceAdvantageList ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }
  .serviceAdvantage .serviceAdvantageList ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #d5d5d5;
  }
  .serviceAdvantage .serviceAdvantageList ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #348ded;
  } */
  .serviceAdvantage .serviceAdvantageList ul li {
    overflow: hidden;

    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .serviceAdvantage .serviceAdvantageList ul li:nth-child(2n+2) {
    margin-right: 0;
  }

  .serviceAdvantage .serviceAdvantageList ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

  .serviceAdvantage .serviceAdvantageList ul li:last-child {
    margin-right: 0;
  }

  .serviceAdvantage .serviceAdvantageList ul li a {
    font-size: 15px;

    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 5px 16px;

    white-space: normal;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left {
    width: 100%;
    margin-bottom: 13px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right {
    width: 100%;
    margin-bottom: 13px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right:last-child {
    margin-bottom: 0;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev,
  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next {
    width: 45px;
    height: 45px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev::after,
  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next::after {
    font-size: 17px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-prev {
    left: 14px !important;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-button-next {
    right: 14px !important;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .left .swiper-slide .text {
    font-size: 16px;

    padding: 0px 80px 20px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 13px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li:nth-last-child(-n+2) {
    margin-bottom: 13px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li:last-child {
    margin-bottom: 0px;
  }

  .serviceAdvantage .serviceAdvantageMain>.swiper-wrapper>.swiper-slide .right ul li .text {
    font-size: 16px;

    visibility: visible;

    padding: 0px 17px 14px;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
    background: none;

    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  /* 产品 */
  .proBanner .swiper-slide {
    height: auto;
  }

  .proBanner .swiper-slide a {
    flex-direction: column;

    padding: 30px 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .proBanner .swiper-slide .image {
    width: 100%;
    margin-bottom: 30px;
    padding: 0 20px;
  }

  .proBanner .swiper-slide .image img {
    width: 100%;
    height: auto;
  }

  .proBanner .swiper-slide .text {
    width: 100%;
    padding: 0 20px;
  }

  .proBanner .swiper-slide .text .title {
    font-size: 22px;

    margin-bottom: 5px;
  }

  .proBanner .swiper-slide .text p {
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 16px;
  }

  .proBanner .swiper-pagination {
    bottom: 20px !important;
  }

  .proBanner .swiper-pagination-bullet {
    width: 13px;
    height: 3px;
    margin: 0 3px;

    border-radius: 3px;
  }

  .products {
    flex-direction: column;

    margin-top: 40px;
    margin-bottom: 40px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .products .productsList {
    position: static;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: -webkit-calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-bottom: 25px;
    margin-left: -20px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .products .productsList .title {
    font-size: 26px;

    margin-bottom: 25px;

    text-align: center;
  }

  .products .productsList .title::after {
    display: block;

    width: 40px;
    height: 2.5px;
    margin: 13px auto 0;

    content: '';

    border-radius: 2.5px;
    background-color: var(--vi-color);
  }

  .products .productsList ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    border-top: 0;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  /* .products .productsList ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }
  .products .productsList ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #d5d5d5;
  }
  .products .productsList ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: var(--vi-color);
  } */
  .products .productsList ul li {
    border-right: 1px solid #e3e3e3;
    border-bottom: 0;

    width: 33.33%;
  }

  .products .productsList ul li:nth-child(3n+3) {
    border-right: 0;
  }

  .products .productsList ul li.active a,
  .products .productsList ul li:hover a {
    background-color: var(--vi-color);
  }

  .products .productsList ul li.active .text,
  .products .productsList ul li:hover .text {
    color: #fff;
  }

  .products .productsList ul li.active .text img,
  .products .productsList ul li:hover .text img {
    -webkit-filter: grayscale(1) brightness(500%);
    filter: grayscale(1) brightness(500%);
  }

  .products .productsList ul li a {
    font-weight: bold;

    width: 100%;
    height: 89px;
    padding: 0 15px;

    text-align: center;
  }

  .products .productsList ul li .text {
    font-size: 14px;
    font-weight: normal;

    flex-direction: column;

    width: 100%;
    margin-top: 5px;

    text-align: center;

    color: #333;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -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;
  }

  .products .productsList ul li .text img {
    height: 40px;
    margin-right: 0;
  }

  .products .productsList ul li .icon {
    display: none;
  }

  .products .productsMain {
    width: 100%;
  }

  .products .productsMain .item {
    margin-bottom: 30px;
  }

  .products .productsMain .item ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;

    -webkit-box-shadow: 2px 2px 10px #eee;
    box-shadow: 2px 2px 10px #eee;
  }

  .products .productsMain .item .title {
    margin-bottom: 20px;
  }

  .products .productsMain .item .title div {
    font-size: 20px;

    margin-bottom: 6px;
  }

  .products .productsMain .item .title p {
    font-size: 14px;
  }

  .products .productsMain .item ul li:nth-last-child(-n+3) {
    margin-bottom: 16px;
  }

  .products .productsMain .item ul li:last-child {
    margin-bottom: 0;
  }

  .products .productsMain .item ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;

    height: auto;
    min-height: 180px;
    padding: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
  }

  .products .productsMain .item ul li .image {
    width: 50%;
  }

  .products .productsMain .item ul li .image img {
    width: 100%;
    height: auto;
  }

  .products .productsMain .item ul li .text {
    width: 50%;
  }

  .products .productsMain .item ul li .text .title span {
    font-size: 20px;
  }

  .products .productsMain .item ul li .text .title {
    font-size: 16px;

    margin-bottom: 15px;
    padding-bottom: 0;

    -webkit-line-clamp: 2;
  }

  .products .productsMain .item ul li .text .title::before,
  .products .productsMain .item ul li .text .title::after {
    display: none;
  }

  .products .productsMain .item ul li .text .list {
    padding-top: 17px;
    font-size: 12px;
    line-height: 17px;

    height: auto;
    max-height: 68px;

    letter-spacing: 1px;

    border-top: 1px solid #2e3742;
  }

  .products .productsMain .item ul li .text .list p {
      padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .products .productsMain .item ul {
    margin-bottom: 16px;
  }
.productsMain .item ul:nth-of-type(1) li .text .list p:nth-child(n+4){
    display: none;
}
  .products2 .productsMain .item ul:nth-of-type(1) li {
    background: #f0f2f5;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li:hover .text h1 {
    color: #2e3742;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li:hover .text h1::after {
    width: 100%;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li a {
    flex-direction: row-reverse;

    height: auto;
    padding: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text {
    width: 50%;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text h1 {
    font-size: 20px;

    flex-direction: row;

    margin-bottom: 15px;
    padding-bottom: 12px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text h1 span {
    font-size: 20px;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text h1::after {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: all .6s ease .2s;
    -moz-transition: all .6s ease .2s;
    transition: all .6s ease .2s;

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

  .products2 .productsMain .item ul:nth-of-type(1) li .text h1::before {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #2e3742;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text h1 span {
    font-size: 18px;
  }

  .products2 .productsMain .item ul:nth-of-type(1) li .text .list {
    font-size: 12px;
    line-height: 22px;

    height: auto;
    max-height: 66px;

    letter-spacing: 2px;
    
    -webkit-line-clamp: 3;
  }

  /* 产品详情 */
  .productsDetailBanner .swiper-slide {
    padding-bottom: 30px;
  }

  .productsDetailBanner .swiper-slide .content1400 {
    flex-direction: column;

    height: auto;
    padding: 30px 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .productsDetailBanner .swiper-slide .image {
    margin-top: 0;
  }

  .productsDetailBanner .swiper-slide .image img {
    width: 100%;
    height: auto;
  }

  .productsDetailBanner .swiper-slide .text {
    width: 100%;
    margin-top: 40px;
  }

  .productsDetailBanner .swiper-slide .text h1 {
    font-size: 22px;

    margin-bottom: 8px;
  }

  .productsDetailBanner .swiper-slide .text p {
    font-size: 14px;
    line-height: 24px;

    margin-left: 0;
  }
  
  .productsDetailBanner .swiper-slide .text .btns {
      -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
      margin-top: 20px;
  }
  
  .productsDetailBanner .swiper-slide .text .btns .more {
        padding: 0px 15px;
        margin-right: 15px;
    }

  .productsDetailBanner .productsDetailBannerNav ul li {
    font-size: 18px;

    margin-right: 15px;
    padding-bottom: 8px;
  }

  .productsDetailBanner .productsDetailBannerNav ul li::after {
    height: 2px;
  }

  .productsSpecs {
    margin-top: 40px;
  }

  .productsSpecs .title h2 {
    font-size: 22px;

    margin-bottom: 8px;
  }

  .productsSpecs .title p {
    font-size: 14px;
    line-height: 24px;

    text-align: left;
  }

  .productsSpecs .productsSpecsMain {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .productsSpecs .productsSpecsMain ul {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .productsSpecs .productsSpecsMain ul li {
    width: 50%;
    margin-bottom: 27px;
    padding: 0 10px;
  }

  .productsSpecs .productsSpecsMain ul li:nth-last-child(-n+4) {
    margin-bottom: 27px;
  }

  .productsSpecs .productsSpecsMain ul li:last-child {
    margin-bottom: 0;
  }

  .productsSpecs .productsSpecsMain ul li .icon {
    width: 75px;
    height: 75px;
  }

  .productsSpecs .productsSpecsMain ul li .icon img {
    height: 75px;
  }

  .productsSpecs .productsSpecsMain ul li .text {
    font-size: 14px;

    margin-top: 17px;
  }

  .productsDetail2 .productsDetail2Main1 {
    padding: 40px 0;
  }

  .productsDetail2 .productsDetail2Main1 .text {
    position: static;

    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
  }

  .productsDetail2 .productsDetail2Main1 .text h1 {
    font-size: 22px;

    width: 100%;
    margin-bottom: 15px;
  }

  .productsDetail2 .productsDetail2Main1 .text p {
    font-size: 14px;
    line-height: 24px;

    width: 100%;
  }

  /* 产品视频 */
  .proVideo .proVideoMain img {
    min-height: 250px;
  }

  .proVideo .proVideoMain .play {
    width: 40px;
    height: 40px;

    background-size: 40px;
  }

  [class^=proDe] .text>div,
  [class*=proDe] .text>div {
    width: 100%;
  }
  
  .proDeBg img.pc {
    display: none;
    }
    .proDeBg img.pc.no {
        display: block !important;
    }
    .proDeBg img.mobile {
        display: block;
    }

  .proDe1,
  .proDe2,
  .proDe3,
  .proDe4,
  .proDe5,
  .proDe6,
  .proDe7,
  .proDe8,
  .proDe10,
  .proDe11,
  .proDe12,
  .proDe13,
  .proDe14,
  .proDe15,
  .proDe16,
  .proDe17,
  .proDe18,
  .proDe19,
  .proDe20,
  .proDe21,
  .proDe22,
  .proDe23,
  .proDe24 {
    padding: 40px 0;
  }

  .proDe1 .text,
  .proDe2 .text,
  .proDe3 .text,
  .proDe4 .text,
  .proDe5 .text,
  .proDe6 .text,
  .proDe7 .text,
  .proDe8 .text,
  .proDe10 .text,
  .proDe11 .text,
  .proDe12 .text,
  .proDe13 .text,
  .proDe14 .text,
  .proDe15 .text,
  .proDe16 .text,
  .proDe17 .text,
  .proDe18 .text,
  .proDe19 .text,
  .proDe20 .text,
  .proDe21 .text,
  .proDe22 .text,
  .proDe23 .text,
  .proDe24 .text {
    position: static;

    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 40px;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .proDe1 .text h2,
  .proDe2 .text h2,
  .proDe3 .text h2,
  .proDe4 .text h2,
  .proDe5 .text h2,
  .proDe6 .text h2,
  .proDe7 .text h2,
  .proDe8 .text h2,
  .proDe10 .text h2,
  .proDe11 .text h2,
  .proDe12 .text h2,
  .proDe13 .text h2,
  .proDe14 .text h2,
  .proDe15 .text h2,
  .proDe16 .text h2,
  .proDe17 .text h2,
  .proDe18 .text h2,
  .proDe19 .text h2,
  .proDe20 .text h2,
  .proDe21 .text h2,
  .proDe22 .text h2,
  .proDe23 .text h2,
  .proDe24 .text h2 {
    font-size: 22px;

    width: 100%;
    margin-bottom: 15px;
    padding: 0;

    text-align: center;
  }

  .proDe1 .text p,
  .proDe2 .text p,
  .proDe3 .text p,
  .proDe4 .text p,
  .proDe5 .text p,
  .proDe6 .text p,
  .proDe7 .text p,
  .proDe8 .text p,
  .proDe10 .text p,
  .proDe11 .text p,
  .proDe12 .text p,
  .proDe13 .text p,
  .proDe14 .text p,
  .proDe15 .text p,
  .proDe16 .text p,
  .proDe17 .text p,
  .proDe18 .text p,
  .proDe19 .text p,
  .proDe20 .text p,
  .proDe21 .text p,
  .proDe22 .text p,
  .proDe23 .text p,
  .proDe24 .text p {
    font-size: 14px;
    line-height: 24px;

    width: 100%;

    text-align: left;
  }

  .proDe1 .text img,
  .proDe2 .text img,
  .proDe3 .text img,
  .proDe4 .text img,
  .proDe5 .text img,
  .proDe6 .text img,
  .proDe7 .text img,
  .proDe8 .text img,
  .proDe10 .text img,
  .proDe11 .text img,
  .proDe12 .text img,
  .proDe13 .text img,
  .proDe14 .text img,
  .proDe15 .text img,
  .proDe16 .text img,
  .proDe17 .text img,
  .proDe18 .text img,
  .proDe19 .text img,
  .proDe20 .text img,
  .proDe21 .text img,
  .proDe22 .text img,
  .proDe23 .text img,
  .proDe24 .text img {
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: 20px;
  }

  .proDe9 .main ul li {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .proDe9 .text {
    position: static;

    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 40px;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .proDe9 .text div {
    font-size: 22px;

    width: 100%;
    margin-bottom: 15px;
    padding: 0;

    text-align: center;
  }

  .proDe9 .text p {
    font-size: 14px;
    line-height: 24px;

    width: 100%;
  }

  .proDe9 .image {
    position: static;

    width: 100%;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .proDe9 .image img {
    width: auto;
    height: auto;
  }

  .proDe9 .list ul li {
    font-size: 16px;

    margin: 0 5px;
    padding-bottom: 3px;

    white-space: nowrap;
  }

  .proDe9 .list ul li::after {
    height: 2px;
  }

  .proDe7,
  .proDe10,
  .proDe11,
  .proDe12,
  .proDe13,
  .proDe14,
  .proDe18,
  .proDe21,
  .proDe22,
  .proDe23,
  .proDe24 {
    padding-bottom: 0;
  }

  .proDe20 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .proDe20 .title {
    margin-bottom: 25px;
  }

  .proDe20 .title h2 {
    font-size: 22px;

    margin-bottom: 15px;
  }

  .proDe20 .title p {
    font-size: 14px;
    line-height: 24px;

    text-align: left;
  }

  .proDe20 .main {
    flex-direction: column-reverse;

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

  .proDe20 .main .images {
    width: 100%;
    margin-bottom: 30px;

    border-radius: 10px;
  }

  .proDe20 .main .list {
    width: 100%;
  }

  .proDe20 .main .list ul li {
    margin-bottom: 13px;
    padding-left: 12px;

    border-width: 2px;
  }

  .proDe20 .main .list ul li div {
    font-size: 16px;
    line-height: 26px;

    margin-bottom: 8px;
  }

  .proDe20 .main .list ul li p {
    font-size: 14px;
    line-height: 24px;
  }

  .proDe20 .main .images::after {
    top: 30px;
    left: 50px;

    display: none;

    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }

  .productIntroduction .image img {
    min-height: 500px;
  }

  .productsParameter {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .productsParameter .detailTitle {
    margin-bottom: 25px;
  }

  .productsParameter .parameter ul li .list .text span:nth-child(1) {
    min-width: 40%;
    padding-right: 9px;
  }

  /* 终端 */
  .terminalBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .terminalBg .terminal .text {
    font-size: 15px;
    line-height: 26px;

    margin-top: 0;
    margin-bottom: 35px;
    padding: 0;
  }
  
  .terminalBg .terminal .terminalBtns {
  margin-top: 20px;
}

.terminalBg .terminal .terminalBtns .more {
    padding: 0px 15px;
    margin-right: 15px;
}

  .terminalBg .terminal .terminalMain {
    padding-bottom: 40px;
  }

  .terminalBg .terminal .terminalMain .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .terminalBg .terminal .terminalMain .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .terminalBg .terminal .terminalMain .swiper-slide img {
    width: 100%;
    height: auto;
  }

  /* 终端详细参数 */
  .serParameter {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .serParameter .serParameterText {
    font-size: 15px;
    line-height: 26px;

    margin-top: 0;
    margin-bottom: 30px;
    padding: 0;
  }

  /* 详细参数 */
  .parameter ul li .title.bg{
    font-size: 18px;
  }
  
  .parameter ul li .title {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0px;
  }

  .parameter ul li .list .text {
    font-size: 14px;
    line-height: 25px;

    padding: 10px 0;
    padding-left: 7px;
  }

  /* 更多项目 */
  .serviceMore {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 50px;
  }

  .serviceMore .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .serviceMore .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .serviceMore .serviceMoreMain .swiper-slide {
    height: auto;
  }

  .serviceMore .serviceMoreMain .swiper-slide a {
    padding: 20px 15px 25px;
  }

  .serviceMore .serviceMoreMain .swiper-slide .text {
    font-size: 16px;

    margin-top: 29px;
  }

  .serviceMore .serviceMoreMain .swiper-slide .image img {
    width: 100%;
    height: auto;
  }

  /* 研发实力 */
  .strength {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .strength .strengthMain {
    margin-top: 0;
  }

  .strength .strengthMain ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .strength .strengthMain ul li {
    width: 100%;
    margin-bottom: 30px;
  }

  .strength .strengthMain ul li:last-child {
    margin-bottom: 0;
  }

  .strength .strengthMain ul li .icon {
    width: 60px;
    height: 60px;
  }

  .strength .strengthMain ul li .icon img {
    height: 30px;
  }

  .strength .strengthMain ul li .text {
    margin-top: 13px;

    text-align: left;
  }

  .strength .strengthMain ul li .text p {
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 13px;
  }

  .strength .strengthMain ul li .text .title {
    font-size: 18px;

    margin-bottom: 6px;
  }

  /* 服务宗旨 */
  .purposeBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .purposeBg .purpose {
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .purposeBg .purpose .image {
    width: 100%;
  }

  .purposeBg .purpose .text {
    width: 100%;
    margin-top: 18px;
  }

  .purposeBg .purpose .text .title {
    font-size: 18px;
    line-height: 28px;
  }

  .purposeBg .purpose .text p {
    font-size: 14px;
    line-height: 24px;
  }

  .purposeBg .purpose .text .more2 {
    margin-top: 15px;
  }

  /* 服务形式 */
  .shape {
    margin-top: 40px;
  }

  .shape .shapeMain ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .shape .shapeMain ul li:nth-last-child(-n+2) {
    margin-bottom: 13px;
  }

  .shape .shapeMain ul li:last-child {
    margin-bottom: 0;
  }

  .shape .shapeMain ul li .text {
    padding: 19px 16px;
  }

  .shape .shapeMain ul li .text .title {
    font-size: 18px;

    margin-bottom: 8px;
  }

  .shape .shapeMain ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  /* 服务内容 */
  .substance {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .substance .substanceMain ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .substance .substanceMain ul li {
    width: 50%;
    margin-bottom: 25px;
    padding: 0 10px;

    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }

  .substance .substanceMain ul li:last-child {
    margin-bottom: 0;
  }

  .substance .substanceMain ul li .icon {
    width: 60px;
    height: 60px;
  }

  .substance .substanceMain ul li .icon img {
    height: 30px;
  }

  .substance .substanceMain ul li .text {
    font-size: 14px;

    margin-top: 17px;
  }

  /* 操作视频 */
  .supportVideo {
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .supportVideo .list {
    margin-top: 0;

    border-bottom: 0;
  }

  .supportVideo .list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  /* .supportVideo .list ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }

  .supportVideo .list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #d5d5d5;
  }

  .supportVideo .list ul::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #348ded;
  } */
  .supportVideo .list ul li {
    overflow: hidden;

    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  .supportVideo .list ul li.active a {
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#0266d2), to(#459af6));
    background: -webkit-linear-gradient(bottom, #0266d2, #459af6);
    background: -moz-linear-gradient(bottom, #0266d2, #459af6);
    background: linear-gradient(0deg, #0266d2, #459af6);
  }

  .supportVideo .list ul li:last-child {
    margin-right: 0;
  }

  .supportVideo .list ul li:nth-child(2n+2) {
    margin-right: 0;
  }

  .supportVideo .list ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

  .supportVideo .list ul li a {
    font-size: 15px;
    font-weight: bold;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    min-width: auto;
    height: auto;
    min-height: 45px;
    line-height: 16px;
    padding: 5px 16px;

    text-align: center;

    color: #90949a;
    background-color: #f0f2f5;

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

  .supportVideo .list ul li a::after {
    display: none;
  }

  .supportVideo .supportVideoMain .item {
    padding-top: 25px;
  }

  .supportVideo .supportVideoMain .item .title {
    font-size: 20px;

    margin-bottom: 20px;
  }

  .supportVideo .supportVideoMain .item ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .supportVideo .supportVideoMain .item ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .supportVideo .supportVideoMain .item ul li:last-child {
    margin-bottom: 0;
  }

  .supportVideo .supportVideoMain .item ul li:nth-last-child(-n+4) {
    margin-bottom: 13px;
  }

  .supportVideo .supportVideoMain .item ul li .image {
    height: 230px;

    outline-color: #000;
  }

  .supportVideo .supportVideoMain .item ul li .image img {
    width: 100%;
    height: auto;
  }

  .supportVideo .supportVideoMain .item ul li .text {
    font-size: 16px;

    height: 60px;

    text-align: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .supportVideo .supportVideoMain .item ul li .play {
    width: 50px;
    height: 50px;

    background-size: 50px;
  }

  /* 常见问题 */
  .faq {
    overflow: hidden;

    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .faq .bigTitle {
  font-size: 22px;
  margin-bottom: 25px;
}

  .faq ul li .title {
    padding: 17px 0;
  }

  .faq ul li .title .tab {
    font-size: 14px;

    width: 23px;
    height: 23px;
  }

  .faq ul li .title .text {
    font-size: 16px;

    margin: 0px 9px;
  }

  .faq ul li .title .icon {
    font-size: 12px;
  }

  .faq ul li .list {
    padding-left: 0;
  }

  .faq ul li.active .list {
    overflow-y: auto;

    max-height: 200vh;
    padding-bottom: 20px;
  }

  .faq ul li.active .list::-webkit-scrollbar {
    width: 2px;
    height: 2px;

    background-color: #d5d5d5;
  }

  .faq ul li.active .list::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #d5d5d5;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
  }

  .faq ul li.active .list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #348ded;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
  }

  .faq ul li .list .tab {
    font-size: 14px;

    width: 23px;
    height: 23px;
  }

  .faq ul li .list .text {
    font-size: 14px;
    line-height: 24px;

    margin-left: 9px;
  }

  /* 新闻中心 */
  .news {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .news ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .news ul li:hover {
    -webkit-box-shadow: 0 7px 10px #d9e1f4;
    box-shadow: 0 7px 10px #d9e1f4;
  }

  .news ul li:nth-last-child(-n+3) {
    margin-bottom: 13px;
  }

  .news ul li:last-child {
    margin-bottom: 0;
  }

  .news ul li .text {
    height: auto;
    padding: 14px 16px;
  }

  .news ul li .text .title {
    font-size: 18px;
    line-height: 27px;

    height: auto;
    margin-bottom: 6px;
  }

  .news ul li .text p {
    font-size: 14px;
  }

  /* 新闻详情 */
  .newsDetail {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .newsDetail .newsDetailHeader h1 {
    font-size: 22px !important;
    line-height: 30px;

    margin-bottom: 10px;
  }

  .newsDetail .newsDetailHeader p span {
    font-size: 13px;

    min-width: 97px;
    height: 29px;
    margin-right: 8px;
    padding: 0 9px;
  }

  .newsDetail .newsDetailHeader {
    margin-bottom: 25px;
  }

  .newsDetail .newsDetailMain {
    font-size: 15px !important;
    line-height: 25px;

    margin-bottom: 30px;
  }

  .newsDetail .newsDetailMain img {
    margin: 10px auto;
  }

  .newsDetail.newsDetail2 .newsDetailMain h1,
  .newsDetail.newsDetail2 .newsDetailMain h2,
  .newsDetail .newsDetailMain h1,
  .newsDetail .newsDetailMain h2 {
    font-size: 17px;
    line-height: 28px;

    margin: 10px 0 6px;
  }

  .newsDetail .newsDetailTags {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .newsDetail .newsDetailTags .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .newsDetail .newsDetailTags .social-share .icon-wechat .wechat-qrcode {
    position: fixed;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .newsDetail .newsDetailTags .social-share .icon-wechat .wechat-qrcode:after {
    display: none;
  }

  .newsDetail .newsDetailTags .left .title {
    font-size: 14px;

    margin-right: 0;
  }

  .newsDetail .newsDetailTags .left {
    margin-bottom: 16px;
  }

  .newsDetail .newsDetailTags .left p a,
  .newsDetail .newsDetailTags .left p span {
    font-size: 13px;

    min-width: 100px;
    height: 30px;
    margin-bottom: 8px;
    margin-left: 8px;
    padding: 0 13px;

    white-space: nowrap;

    border-radius: 30px;
  }

  .newsDetail .newsDetailPrevNext {
    flex-direction: column;

    margin-top: 30px;
    padding-top: 15px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .newsDetail .newsDetailPrevNext .left {
    margin-bottom: 20px;
  }

  .newsDetail .newsDetailPrevNext .left a span {
    font-size: 14px;
  }

  .newsDetail .newsDetailPrevNext .left a {
    font-size: 14px;
    line-height: 24px;
  }

  .newsDetail .newsDetailPrevNext .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .newsDetail .newsDetailPrevNext .right a {
    font-size: 14px;

    width: 100px;
    height: 42px;
  }

  /* 行业应用 */
  .industry {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .industry ul li a {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 25px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .industry ul li:last-child {
    margin-bottom: 0;
  }

  .industry ul li .image {
    width: 100%;
  }

  .industry ul li .right {
    position: static;

    width: 100% !important;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .industry ul li .right .text img {
    height: 38px;
  }

  .industry ul li .right .text {
    width: 100%;
    margin-top: 20px;
  }

  .industry ul li .right .text .title {
    font-size: 18px;

    margin-top: 13px;
    margin-bottom: 8px;
  }

  .industry ul li .right .text p {
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 18px;
  }

  /* 行业应用列表 */
  .industryList {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .industryList ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .industryList ul li:hover {
    -webkit-box-shadow: 0 7px 10px #d9e1f4;
    box-shadow: 0 7px 10px #d9e1f4;
  }

  .industryList ul li:nth-last-child(-n+2) {
    margin-bottom: 13px;
  }

  .industryList ul li:last-child {
    margin-bottom: 0;
  }

  .industryList ul li .text {
    min-height: auto;
    padding: 18px 16px;
  }

  .industryList ul li .text .title {
    font-size: 18px;

    margin-bottom: 10px;
  }

  /* 关于我们 */
  .aboutusBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .aboutusBg .aboutus {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .aboutusBg .aboutus .image {
    width: 100%;
    margin-bottom: 25px;
  }

  .aboutusBg .aboutus .image .play {
    width: 40px;
    height: 40px;

    background-size: 40px;
  }

  .aboutusBg .aboutus .left {
    width: 100%;
  }

  .aboutusBg .aboutus .left .text {
    margin-bottom: 30px;
  }

  .aboutusBg .aboutus .left .text .title {
    font-size: 20px;

    margin-bottom: 9px;
  }

  .aboutusBg .aboutus .left .text p {
    font-size: 14px;
    line-height: 25px;

    text-align: justify;
  }

  .aboutusBg .aboutus .left .number ul li {
    text-align: center;
  }

  .aboutusBg .aboutus .left .number ul li div {
    font-size: 28px;
  }

  .aboutusBg .aboutus .left .number ul li div i {
    font-size: 18px;
  }

  .aboutusBg .aboutus .left .number ul li p {
    font-size: 13px;

    margin-top: 3px;
  }

  /* 研发中心 */
  .center {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .center .centerMain ul li {
    width: 100%;
  }

  .center .centerMain ul li:nth-last-child(-n+2) {
    margin-bottom: 13px;
  }

  .center .centerMain ul li:last-child {
    margin-bottom: 0;
  }

  .center .centerMain ul li .text {
    padding: 18px 16px;
  }

  .center .centerMain ul li .text .title {
    font-size: 18px;

    margin-bottom: 6px;
  }

  .center .centerMain ul li .text .title img {
    height: 28px;
    margin-right: 4px;
  }

  .center .centerMain ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  /* 公司环境 */
  .environmentBg {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .environmentBg .environment .detailTitle {
    text-align: center;
  }

  .environmentBg .environment .environmentMain {
    width: 100%;
    margin-top: 0;
    padding-bottom: 40px;
  }

  .environmentBg .environment .environmentMain .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .environmentBg .environment .environmentMain .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  /* 企业文化 */
  .cultureBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .cultureBg .culture .cultureMain ul li {
    overflow: hidden;

    width: 100%;
    margin-right: 0;
    padding: 17px;

    border-radius: 10px;
  }

  .cultureBg .culture .cultureMain ul li:nth-last-child(-n+4) {
    margin-bottom: 13px;
  }

  .cultureBg .culture .cultureMain ul li:last-child {
    margin-bottom: 0;
  }

  .cultureBg .culture .cultureMain ul li .title {
    font-size: 18px;

    margin-bottom: 14px;
    padding-bottom: 12px;
  }

  .cultureBg .culture .cultureMain ul li .title img {
    height: 28px;
  }

  .cultureBg .culture .cultureMain ul li .text {
    font-size: 14px;
    line-height: 24px;
  }

  /* 发展历程 */
  .historyBg {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .historyBg .history {
    position: relative;

    padding-bottom: 40px;
  }

  .historyBg .history .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .historyBg .history .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .historyBg .history .detailTitle {
    text-align: center;
  }

  .historyBg .history .historyMain {
    margin-top: 35px;
  }

  .historyBg .history .historyMain .swiper-slide {
    height: auto;
    min-height: 190px;
    padding-left: 20px;
    padding-bottom: 10px;
  }

  .historyBg .history .historyMain .swiper-slide::after {
    width: 11px;
    height: 123px;

    background-size: 11px 123px;
  }

  .historyBg .history .historyMain .swiper-slide .year {
    font-size: 18px;

    margin-top: 10px;
    margin-bottom: 8px;
  }

  .historyBg .history .historyMain .swiper-slide p {
    font-size: 14px;
    line-height: 24px;
  }

  .historyBg .history .swiper-button-prev,
  .historyBg .history .swiper-button-next {
    display: none;
  }

  /* 资质荣誉 */
  .honor .text {
    top: 25px;

    margin-top: 0;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .honor .text .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;

    text-align: center;
  }

  .honor .text .title span {
    font-size: 18px;

    margin-bottom: 6px;
  }

  .honor .text .title p {
    font-size: 20px;
    line-height: 28px;
  }

  .honor .text .text2 {
    font-size: 14px;
    line-height: 24px;

    width: 100%;

    text-align: center;
  }

  /* 合作伙伴 */
  .coop {
    position: relative;

    margin-top: 40px;
    margin-bottom: 30px;
    padding-bottom: 50px;
  }

  .coop .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .coop .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .coop .detailTitle {
    text-align: center;
  }

  .coop .coopMain {
    margin-top: 0;
  }

  .coop .coopMain .swiper-slide {
    height: 180px;
  }

  .coop .coopMain .swiper-slide .text {
    font-size: 15px;
  }

  .coop .coopMain .swiper-slide .image {
    width: 140px;
    height: 76px;
  }

  .coop .coopMain .swiper-slide .image img {
    height: 56px;
  }

  .coop .coopMain .swiper-slide::before {
    left: 1px;

    width: 7px;
    height: 7px;
    margin: 2px;
  }

  .coop .coopMain .swiper-slide::after {
    width: 13px;
    height: 13px;
  }

  .coop .coopMain .swiper-button-prev,
  .coop .coopMain .swiper-button-next {
    display: none;
  }

  /* 研发实力 */
  .rDStrength {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rDStrength .rDStrengthMain {
    margin-top: 0;
  }

  .rDStrength .rDStrengthMain ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .rDStrength .rDStrengthMain ul li:nth-last-child(-n+3) {
    margin-bottom: 13px;
  }

  .rDStrength .rDStrengthMain ul li:last-child {
    margin-bottom: 0;
  }

  .rDStrength .rDStrengthMain ul li .text {
    padding: 18px 16px;
  }

  .rDStrength .rDStrengthMain ul li .text .title {
    font-size: 18px;

    margin-bottom: 8px;
  }

  .rDStrength .rDStrengthMain ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  /* 创新能力 */
  .innovationBg {
    padding-top: 40px;
    padding-bottom: 40px;

    background-size: cover !important;
  }

  .innovationBg .innovation .number ul li {
    width: 120px;
  }

  .innovationBg .innovation .number ul li::after {
    height: 60px;
  }

  .innovationBg .innovation .number ul li div {
    font-size: 28px;
  }

  .innovationBg .innovation .number ul li div i {
    font-size: 16px;
  }

  .innovationBg .innovation .number ul li p {
    font-size: 14px;

    margin-top: 3px;
  }

  .innovationBg .innovation .innovationMain {
    margin-top: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .innovationBg .innovation .innovationMain ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .innovationBg .innovation .innovationMain ul li {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 30px 20px;

    border-right: 0;
    border-bottom: 1px solid #ececec;

    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -moz-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }

  .innovationBg .innovation .innovationMain ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: 0;
  }

  .innovationBg .innovation .innovationMain ul li .text .title {
    font-size: 18px;
    line-height: 28px;

    margin-top: 13px;
    margin-bottom: 6px;
  }

  .innovationBg .innovation .innovationMain ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  .innovationBg .innovation .innovationMain ul li .icon img {
    height: 35px;
  }

  /* 品质保证 */
  .qualityBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .qualityBg .quality .qualityText {
    font-size: 14px;
    line-height: 24px;

    margin-top: 0;
    margin-bottom: 26px;
    padding: 0;
  }

  .qualityBg .quality .qualityMain ul li {
    width: 100%;
    height: auto;
    margin-bottom: 13px;
    padding: 13px 15px;
  }

  .qualityBg .quality .qualityMain ul li:nth-last-child(-n+2) {
    margin-bottom: 13px;
  }

  .qualityBg .quality .qualityMain ul li:last-child {
    margin-bottom: 0;
  }

  .qualityBg .quality .qualityMain ul li .text .title {
    font-size: 18px;

    margin-bottom: 6px;
  }

  .qualityBg .quality .qualityMain ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  .qualityBg .quality .qualityMain ul li .icon {
    width: 50px;
  }

  .qualityBg .quality .qualityMain ul li .icon img {
    height: 35px;
  }

  /* 制造能力 */
  .manufacturingCapability {
    flex-direction: column-reverse;

    margin-top: 40px;
    margin-bottom: 40px;

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

  .manufacturingCapability .image {
    width: 100%;
  }

  .manufacturingCapability .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .manufacturingCapability .left .detailTitle {
    text-align: center;
  }

  .manufacturingCapability .left .text {
    font-size: 14px;
    line-height: 26px;

    margin-top: 0;
    margin-bottom: 25px;

    text-align: center;
  }

  .manufacturingCapability .left .text p::before {
    font-size: 14px;

    margin-right: 3px;
  }

  .manufacturingCapability .left .number ul li {
    margin-right: 0;

    text-align: center;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .manufacturingCapability .left .number ul li div {
    font-size: 28px;
  }

  .manufacturingCapability .left .number ul li div i {
    font-size: 16px;
  }

  .manufacturingCapability .left .number ul li p {
    font-size: 14px;
  }

  .manufacturingCapability .image .swiper-pagination {
    bottom: 15px !important;
  }

  .manufacturingCapability .image .swiper-pagination-bullet {
    width: 15px;
    height: 3px;
    margin: 0 4px !important;

    border-radius: 3px;
  }

  /* 员工活动 */
  .employeeActivities {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 40px;
  }

  .employeeActivities .swiper-pagination-bullet {
    width: 8.6px;
    height: 8.6px;
    margin: 0 3px !important;

    opacity: 1 !important;
    border-radius: 50%;
    background: #ccd2d7;
  }

  .employeeActivities .swiper-pagination-bullet-active {
    background: var(--vi-color);
  }

  .employeeActivities .swiper-pagination {
    bottom: 10px !important;
  }

  .employeeActivities .text {
    font-size: 14px;
    line-height: 24px;

    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
  }

  /* 照片岗位 */
  .joinBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .joinBg .join ul li {
    position: relative;

    overflow: hidden;

    height: auto;
    margin-bottom: 13px;
    padding: 20px 18px;

    border-radius: 10px;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .joinBg .join ul li:last-child {
    margin-bottom: 0;
  }

  .joinBg .join ul li .name {
    font-size: 18px;

    width: 100%;
    margin-bottom: 6px;
    margin-left: 0;
  }

  .joinBg .join ul li .name img {
    height: 28px;
    margin-right: 15px;
  }

  .joinBg .join ul li .division {
    font-size: 13px;
    line-height: 23px;

    width: 40%;
    margin-left: 0;
  }

  .joinBg .join ul li .time {
    font-size: 13px;
    line-height: 23px;

    width: 30%;
    margin-left: 0;
  }

  .joinBg .join ul li .time i {
    font-size: 14px;

    margin-right: 4px;
  }

  .joinBg .join ul li .site {
    font-size: 13px;
    line-height: 23px;

    width: 30%;
    margin-left: 0;
  }

  .joinBg .join ul li .info {
    font-size: 12px;
    line-height: 22px;

    display: block;
    display: -webkit-box;
    overflow: hidden;

    margin-top: 10px;
    padding-top: 15px;

    text-overflow: ellipsis;

    color: #888;
    border-top: 1px solid #ececec;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  .joinBg .join ul li .info h1,
  .joinBg .join ul li .info h2,
  .joinBg .join ul li .info h3,
  .joinBg .join ul li .info h4,
  .joinBg .join ul li .info h5,
  .joinBg .join ul li .info h6 {
    display: none;
  }

  .joinBg .join ul li .icon {
    font-size: 13px;

    position: absolute;
    right: 18px;
    bottom: 15px;
  }

  .joinPopupBg.active .joinPopup {
    visibility: visible;

    -webkit-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);

    opacity: 1;
  }

  .joinPopupBg .joinPopup {
    top: auto;
    bottom: 0;

    visibility: hidden;

    width: 100%;
    height: 90vh;
    padding: 25px 20px;

    -webkit-transition: opacity .1s ease, -webkit-transform .6s ease-out;
    -moz-transition: transform .6s ease-out, opacity .1s ease, -moz-transform .6s ease-out;
    transition: opacity .1s ease, -webkit-transform .6s ease-out;
    transition: transform .6s ease-out, opacity .1s ease;
    transition: transform .6s ease-out, opacity .1s ease, -webkit-transform .6s ease-out, -moz-transform .6s ease-out;
    -webkit-transform: translateY(100%) translateX(-50%);
    -moz-transform: translateY(100%) translateX(-50%);
    -ms-transform: translateY(100%) translateX(-50%);
    transform: translateY(100%) translateX(-50%);

    opacity: 0;
    border-radius: 15px 15px 0 0;
  }

  .joinPopupBg .joinPopup .joinPopupHeader {
    margin-right: 35px;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }

  .joinPopupBg .joinPopup .joinPopupHeader .title {
    font-size: 22px;

    margin-bottom: 8px;
  }

  .joinPopupBg .joinPopup .joinPopupHeader p {
    font-size: 16px;
  }

  .joinPopupBg .joinPopup .joinPopupHeader p .iconfont {
    font-size: 16px;

    margin-right: 6px;
  }

  .joinPopupBg .joinPopup .joinPopupHeader p span {
    margin: 0 6px;
  }

  .joinPopupBg .joinPopup .joinPopupMain {
    font-size: 14px;
    line-height: 24px;

    margin-right: 25px;
  }

  .joinPopupBg .joinPopup .joinPopupMain h1 {
    font-size: 16px;

    margin-bottom: 8px;
  }

  .joinPopupBg .joinPopup .joinPopupMain p::before {
    margin-right: 6px;
  }

  .joinPopupBg .joinPopup .joinPopupContent {
    height: -webkit-calc(90vh - 170px);
    height: -moz-calc(90vh - 170px);
    height: calc(90vh - 170px);
  }

  .joinPopupBg .joinPopup .joinPopupContent::-webkit-scrollbar {
    width: 2px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter {
    margin-top: 25px;
    margin-right: 20px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .title {
    font-size: 18px;

    margin-bottom: 13px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput {
    width: 100%;
    margin-right: 0;
    margin-bottom: 13px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput input[type=text] {
    font-size: 13px;

    height: 44px;
    padding-left: 18px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput .placeholder {
    font-size: 13px;

    left: 13px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput .placeholder span {
    font-size: 15px;

    margin-right: 3px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.file .layui-btn {
    font-size: 12px;

    right: 10px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput.code img {
    right: 10px;

    height: 31px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupInput::after {
    font-size: 16px;

    top: 13px;
    left: 7px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns {
    margin: 0 auto;
    margin-top: 20px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=submit],
  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=reset] {
    font-size: 14px;

    width: 96px;
    height: 45px;

    border-radius: 30px;
  }

  .joinPopupBg .joinPopup .joinPopupFooter .joinPopupForm .joinPopupBtns input[type=submit] {
    margin-right: 16px;

    border-radius: 30px;
  }

  .joinPopupBg .joinPopup .joinPopupClose {
    font-size: 18px;

    top: 30px;
    right: 14px;
  }

  /* 联系方式 */
  .contactus {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .contactus .contactusMain {
    flex-direction: column-reverse;

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

  .contactus .contactusMain .left {
    width: 100%;
    margin-top: 25px;
  }

  .contactus .contactusMain .left .title {
    font-size: 20px;
  }

  .contactus .contactusMain .left .text p {
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 8px;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .contactus .contactusMain .left .text p:last-child {
    margin-bottom: 0;
  }

  .contactus .contactusMain .left .text p span img {
    height: 22px;
    margin-right: 4px;
  }

  .contactus .contactusMain .left .text p span:nth-child(1) {
    width: 30%;

    white-space: nowrap;
  }

  .contactus .contactusMain .left .text p span:nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .contactus .contactusMain .right {
    width: 100%;
    height: 54.0417vw !important;
  }

  .contactus .contactusMain .right iframe{
    height: 54.0417vw !important;
  }
  
  .contactus .contactusOther {
    margin-top: 30px;
  }

  .contactus .contactusOther ul li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 13px;
    padding: 17px 13px;
  }

  .contactus .contactusOther ul li .text {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
  }

  .contactus .contactusOther ul li .text .title {
    font-size: 16px;

    margin-bottom: 8px;
  }

  .contactus .contactusOther ul li .text p {
    font-size: 14px;
    line-height: 24px;
  }

  .contactus .contactusOther ul li .icon {
    width: 60px;

    -webkit-box-flex: 40px;
    -webkit-flex: 40px;
    -moz-box-flex: 40px;
    -ms-flex: 40px;
    flex: 40px;
  }

  .contactus .contactusOther ul li .icon img {
    height: 40px;
  }

  /* 服务咨询 */
  .messageBg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .messageBg .message {
    width: 100% !important;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .messageBg .message .messageMain .messageInput {
    margin-bottom: 12px;
  }

  .messageBg .message .messageMain .messageInput input {
    font-size: 14px;

    height: 44px;
    padding: 0 17px;
  }

  .messageBg .message .messageMain .messageInput .placeholder {
    font-size: 14px;

    left: 17px;
  }

  .messageBg .message .messageMain .messageInput .placeholder span {
    font-size: 16px;

    margin-right: 2px;
  }

  .messageBg .message .messageMain .messageInput.inline {
    width: 100%;
  }

  .messageBg .message .messageMain .messageInput img {
    right: 10px;

    height: 34px;
  }

  .messageBg .message .messageTextarea textarea {
    font-size: 14px;

    height: 100px;
    padding: 13px 17px;
  }

  .messageBg .message .messageTextarea .placeholder {
    font-size: 14px;

    top: 13px;
    left: 17px;
  }

  .messageBg .message .messageTextarea .placeholder span {
    font-size: 16px;

    margin-right: 2px;
  }

  .messageBg .message .messageSubmit {
    margin-top: 25px;
  }

  .messageBg .message .messageSubmit input {
    font-size: 16px;

    width: 110px;
    height: 50px;

    border-radius: 30px;
  }

  .messageBg .message .messageMain .messageInput .layui-form-select dl dd {
    font-size: 13px;
    line-height: 30px;
  }

  .messageBg .message .messageMain .messageInput .layui-form-select .layui-edge {
    right: 17px;

    border-width: 5px;
  }

  .messageBg .message .messageMain .messageInput .layui-form-select dl {
    top: 50px;
  }

  /* 资料下载 */
  .download {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .download .downloadTitle {
    margin-bottom: 25px;
  }

  .download .downloadTitle .title {
    font-size: 24px;
    line-height: 1;

    margin-bottom: 8px;

    text-align: center;
  }

  .download .downloadTitle p {
    font-size: 16px;
    line-height: 24px;

    margin-bottom: 25px;

    text-align: center;
  }

  .download .downloadResult>div {
    font-size: 18px;

    margin-bottom: 15px;
  }

  .download .downloadResult ul li {
    flex-direction: column;

    height: auto;
    margin-bottom: 13px;
    padding: 20px 19px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
  }

  .download .downloadResult ul li .title {
    font-size: 17px;

    flex-direction: row;

    width: 100%;
    margin-bottom: 8px;
    padding: 0;

    border: 0;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .download .downloadResult ul li .list {
    flex-direction: column;

    width: 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;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .download .downloadResult ul li .list .text {
    font-size: 14px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    width: 100%;
    max-height: 72px;
    margin-left: 0;

    text-align: left;
    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .download .downloadResult ul li .list .btn {
    font-size: 13px;

    width: 138px;
    height: 42px;
    margin-top: 17px;
  }

  .download .downloadResult ul li .list .btn i {
    font-size: 14px;

    margin-left: 6px;
  }

  .download .downloadTitle .downloadSelect .layui-form-select .layui-input {
    font-size: 14px;

    height: 44px;
    padding-left: 17px;
  }

  .download .downloadTitle .downloadSelect .layui-form-select .layui-edge {
    border-width: 4px;
  }

  .download .downloadTitle .downloadSelect .layui-form-select {
    width: 48%;
    margin-right: 4%;
  }

  .download .downloadTitle .downloadSelect .layui-form-select:nth-of-type(2) dl{
    left: auto;
    right: 0px;
  }

  .download .downloadTitle .downloadSelect .layui-form-select dl {
    z-index: 9;
    top: 44px;
  }

  .download .downloadTitle .downloadSelect .layui-form-select dl dd {
    font-size: 14px;
    line-height: 35px;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
  }

  .download .downloadTitle .downloadSelect .layui-form-select dl dd:last-child{
    border-bottom: 0px;
  }

  /* 法律声明 隐私政策 */
  .policy {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .policy h1 {
    font-size: 24px;

    margin-bottom: 25px;
  }

  .policy h2 {
    font-size: 18px;
  }

  .policy h3 {
    font-size: 17px;
  }

  .policy h4 {
    font-size: 17px;
  }

  .policy h5 {
    font-size: 17px;
  }

  .policy h6 {
    font-size: 16px;
  }

  .policy p {
    font-size: 15px;
    line-height: 25px;
  }

  .header .navBox .navList .list:nth-child(n+2) h3 a {
    pointer-events: none;
  }

  /* 手机端导航 */
  .mobileNav {
    position: relative;
    z-index: 99;

    text-align: center;

    background-color: #fff;
  }

  .mobileNav .title {
    font-size: 15px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    height: 50px;
    padding: 0 20px;

    color: #333;
    border-bottom: 1px solid #efefef;

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

  .mobileNav .title::after {
    display: block;

    margin-top: 6px;
    margin-left: 5px;

    content: '';

    border: 5px solid #333;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }

  .mobileNav .mobileNavMain {
    position: absolute;
    top: 50px;
    left: 0;

    display: none;

    width: 100%;
    padding: 0 20px;

    border-bottom: 1px solid #efefef;
    background-color: #fff;
  }

  .mobileNav .mobileNavMain ul li.active a {
    color: #333;
  }

  .mobileNav .mobileNavMain ul li a {
    font-size: 14px;
    line-height: 42px;

    display: block;

    color: #828282;
  }
  
.layui-flow-more a {
  height: 37px !important;
  line-height: 37px !important;
}

.layui-flow-more a cite {
  font-size: 13px;
  width: 100px;
}

  /* 搜索 */
  .searchResult {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 80px;
  }

  .searchResultList {
    margin-bottom: 30px;
  }

  .searchResult dl {
    margin-bottom: 20px;
    padding-bottom: 13px;
  }

  .searchResult dl dt {
    font-size: 14px;
  }

  .searchResult dl dd {
    font-size: 14px;
  }

  .searchResultList li {
    margin-top: 12px;
    padding: 18px 15px;
  }

  .searchResultList li:first-child {
    margin-top: 0;
  }

  .searchResultList li h3 {
    font-size: 16px;
    line-height: 30px;

    margin-bottom: 2px;
  }

  .searchResultList li p {
    font-size: 14px;
    line-height: 23px;
  }
}

.ax-module .ax-module-opbar {
  z-index: 99;
}


.aside-module {
  position: fixed;
  z-index: 290;
  top: 30%;
  right: -89.199px;

  width: 89.199px;

  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;

  background-color: #efefef;
}

.aside-module .sidebarBtn {
  font-size: 14.001px;
  line-height: 24px;

  position: absolute;
  top: 50%;
  left: -30px;

  display: block;

  width: 30px !important;
  padding: 9.999px 4.161px !important;

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

  color: #fff;
  background-color: #0067e7;

  writing-mode: vertical-lr;
}

.aside-module .sidebarBtn img {
  position: relative;
  left: 32%;

  width: 21.999px;
  max-width: none;

  margin-bottom: 9.999px;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.aside-module .sidebarBtnTop {
  position: absolute;
  bottom: 39.999px;
  left: -30px;

  display: block;
  overflow: hidden;

  width: 30px !important;
  padding: 5px !important;

  color: #fff;
  background-color: #0067e7;
}

.aside-module .sidebarBtnTop .Topbtn {
  display: block;

  width: 100%;
  height: 100%;
}

.aside-module .sidebarBtnTop img {
  width: 100%;
}

.aside-module .drawer-btn {
  font-size: 14.001px;
  line-height: 39.999px;

  display: block;

  width: 100%;
  height: 39.999px;
  margin-top: -9.999px;

  cursor: pointer;
  text-align: center;

  color: #fff;
  background-color: #0067e7;
}

.aside-module .drawer-btn::after {
  content: '收起';
}

.aside-module .drawer-btn.on::after {
  content: '展开';
}

.aside-module .drawer-box {
  display: block;

  width: 100%;
}

.aside-module .aside-item {
  position: relative;

  padding: 9.999px 0;

  cursor: pointer;
}

.aside-module .aside-item:hover .aside-scan {
  visibility: visible;

  opacity: 1;
}

.aside-module .aside-mode {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
}

.aside-module .aside-mode .icons {
  position: relative;

  display: block;
  overflow: hidden;

  width: 30px;
  margin: 0 auto;
}

.aside-module .aside-mode .icons:after {
  display: block;

  width: 100%;
  padding-bottom: 100%;

  content: '';
}

.aside-module .aside-mode .icons img {
  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 100%;
}

.aside-module .aside-mode .icons img {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.aside-module .aside-mode .icons .normal {
  z-index: 1;

  visibility: visible;

  opacity: 1;
}

.aside-module .aside-mode .icons .hover {
  z-index: 2;

  visibility: hidden;

  opacity: 0;
}

.aside-module .aside-mode .info {
  font-size: 12px;
  line-height: 20.001px;

  margin-top: 2.001px;

  text-align: center;
  white-space: nowrap;

  color: rgba(63, 63, 63, .7);
}

.aside-module .aside-scan {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 100%;

  visibility: hidden;

  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;

  opacity: 0;
}

.aside-module .aside-scan::before {
  position: absolute;
  z-index: 5;
  top: 15.001px;
  right: 5px;

  width: 9.999px;
  height: 9.999px;

  content: '';
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);

  background-color: #fff;
}

.aside-module .aside-scan .scan {
  position: relative;
  z-index: 4;

  overflow: hidden;

  width: 120px;
  margin-right: 9.999px;
  padding: 3.001px;

  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px -2.001px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px -2.001px rgba(0, 0, 0, .2);
}

.aside-module .aside-scan .scan img {
  display: block;

  width: 100%;
}

.aside-module .aside-scan .telbox {
  font-size: 14.001px;
  line-height: 26.001px;

  min-width: 159.999px;
  margin-right: 9.999px;
  padding: 3.001px;
  padding: 9.999px 15.001px;

  color: #666;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px -2.001px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px -2.001px rgba(0, 0, 0, .2);
}

/* .aside-module .online .info { color: #a39161; } */
.aside-module .goto {
  position: absolute;
  bottom: -60px;

  width: 100%;
  height: 60px;

  cursor: pointer;

  border-bottom-left-radius: 20.001px;
  background-color: #eaeaea;
}

.aside-module .gotobtn {
  display: block;

  width: 100%;
  height: 100%;

  background: url(../images/aside06.png) no-repeat scroll center center;
}

.aside-module:hover {
  right: 0;

  -webkit-box-shadow: 1px 6px 20.001px 1px rgba(0, 0, 0, .16);
  box-shadow: 1px 6px 20.001px 1px rgba(0, 0, 0, .16);
}


@media (min-width: 992px) {
  .aside-module {
    display: block;

    padding: .5208vw 0;
  }

  .aside-module .drawer-btn {
    display: none;
  }

  .aside-module .aside-item:hover .aside-mode .info {
    color: #0067e7;
  }

  .aside-module .aside-mode .info {
    font-size: .7292vw;
  }

  .aside-module .goto {
    display: none;
  }
  
  
.aside-module {
  z-index: 290;
  top: 30%;
  right: -4.6458vw;

  width: 4.6458vw;
}

.aside-module .sidebarBtn {
  font-size: .7292vw;
  line-height: 1.25vw;

  left: -1.5625vw;


  width: 1.5625vw !important;
  padding: .5208vw .2167vw !important;
}

.aside-module .sidebarBtn img {

  width: 1.1458vw;

  margin-bottom: .5208vw;

}

.aside-module .sidebarBtnTop {
  bottom: 2.0833vw;
  left: -1.5625vw;

  width: 1.5625vw !important;
  padding: .2604vw !important;
}


.aside-module .drawer-btn {
  font-size: .7292vw;
  line-height: 2.0833vw;


  width: 100%;
  height: 2.0833vw;
  margin-top: -.5208vw;
}


.aside-module .aside-item {

  padding: .5208vw 0;
}


.aside-module .aside-mode .icons {

  width: 1.5625vw;
}


.aside-module .aside-mode .info {
  font-size: .625vw;
  line-height: 1.0417vw;

  margin-top: .1042vw;
}


.aside-module .aside-scan::before {
  top: .7813vw;
  right: .2604vw;

  width: .5208vw;
  height: .5208vw;
}

.aside-module .aside-scan .scan {

  width: 6.25vw;
  margin-right: .5208vw;
  padding: .1563vw;
  -webkit-box-shadow: 0 1px .2604vw -.1042vw rgba(0, 0, 0, .2);
  box-shadow: 0 1px .2604vw -.1042vw rgba(0, 0, 0, .2);
}

.aside-module .aside-scan .scan img {

  width: 100%;
}

.aside-module .aside-scan .telbox {
  font-size: .7292vw;
  line-height: 1.3542vw;

  min-width: 8.3333vw;
  margin-right: .5208vw;
  padding: .1563vw;
  padding: .5208vw .7813vw;

  -webkit-box-shadow: 0 1px .2604vw -.1042vw rgba(0, 0, 0, .2);
  box-shadow: 0 1px .2604vw -.1042vw rgba(0, 0, 0, .2);
}

/* .aside-module .online .info { color: #a39161; } */
.aside-module .goto {
  bottom: -3.125vw;

  width: 100%;
  height: 3.125vw;


  border-bottom-left-radius: 1.0417vw;
}

.aside-module:hover {
  -webkit-box-shadow: 1px .3125vw 1.0417vw .0521vw rgba(0, 0, 0, .16);
  box-shadow: 1px .3125vw 1.0417vw .0521vw rgba(0, 0, 0, .16);
}

}