body,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
span,
strong,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
  margin: 0;
  padding: 0
}
.swiper-container {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.swiper-slide {
    position: relative;
    overflow: hidden;
}
.swiper-slide  .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: imgSlowMove 5s ease-in-out infinite alternate;
}
@keyframes imgSlowMove {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-12px);
    }
}


/* 元素固定最终位置（不动！） */
.slide-type1 .slide-text01 {
    position: absolute;
    left: 200px;
    top: 50%;
    transform: translateY(-50%);
}
.slide-type1 .slide-text02 {
    position: absolute;
    right: 100px;
    bottom: 120px;
}

/* 动画基础 */
.ani-item {
    transition: all 0.8s ease;
    opacity: 0;
}

/* ===== 第一张：01 左侧入场 ===== */
.slide-type1 .slide-text01.ani-item {
    transform: translateY(-50%) translateX(-180px);
}
.slide-type1 .slide-text01.ani-in {
    opacity: 1;
    transform: translateY(-60%) translateX(0);
    background: linear-gradient(90deg,rgba(0,0,0,.7),transparent);
    font-size: 80px;
    line-height: 1;
    color:#fff;
    padding: 20px;
    font-weight: bold;
        font-family: uifont;
        text-transform: uppercase;
}
.slide-type1 .slide-text01.ani-in span {}
.slide-type1 .slide-text01.ani-in .more {
  color:#fff; background: #0551a1;border-radius: 10px; width: 60%; font-weight: bold; font-size: 25px;padding: 10px; margin-top: 20px; text-align: center;
}
/* ===== 第一张：02 右侧入场，延迟1秒 ===== */
.slide-type1 .slide-text02.ani-item {
    transform: translateX(180px);
    transition-delay: 1s;
}
.slide-type1 .slide-text02.ani-in {
    opacity: 1;
    transform: translateX(0);
}

/* 第二张示例，你按需修改 */

.slide-type2 .slide-text01 {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%; text-align: center;
    transform: translateY(0);
}
.slide-type2 .slide-text02 {
    position: absolute;
    left: 0;
    top: 0;
   transform: translateY(0);
}


.slide-type2 .slide-text01.ani-item {
    transform: translateY(0) translateX(0);
}
.slide-type2 .slide-text01.ani-in {
    opacity: 1;
    transform: translateY(-80%) translateX(0);
    font-size: 70px;
    line-height: 1;
    color:#fff;
    padding: 20px;
    font-weight: bold;
        font-family: uifont;
        text-transform: uppercase;
}

.slide-type2 .slide-text02.ani-item {
    transform: translateX(180px);
    transition-delay: 1s;
}
.slide-type2 .slide-text02.ani-in {
    opacity: 1;
    transform: translateX(0);
}
/* 第4
/* 元素固定最终位置（不动！） */
.slide-type4 .slide-text01 {
    position: absolute;
    left: 200px;
    top: 50%;
    transform: translateY(-50%);
}
.slide-type4 .slide-text02 {
    position: absolute;
    right: 100px;
    bottom: 0;
}



/* ===== 第一张：01 左侧入场 ===== */
.slide-type4 .slide-text01.ani-item {
    transform: translateY(-50%) translateX(-180px);
}
.slide-type4 .slide-text01.ani-in {
    opacity: 1;
    transform: translateY(-60%) translateX(0);
    background: linear-gradient(90deg,rgba(0,0,0,.7),transparent);
    font-size: 80px;
    line-height: 1;
    color:#fff;
    padding: 20px;
    font-weight: bold;
        font-family: uifont;
        text-transform: uppercase;
}
.slide-type4 .slide-text01.ani-in span {color:#fffb00}
.slide-type4 .slide-text01.ani-in .more {
  color:#fff; background: #0551a1;border-radius: 10px; width: 60%; font-weight: bold; font-size: 25px;padding: 10px; margin-top: 20px; text-align: center;
}
/* ===== 第一张：02 右侧入场，延迟1秒 ===== */
.slide-type4 .slide-text02.ani-item {
    transform: translateX(180px);
    transition-delay: 1s;
}
.slide-type4 .slide-text02.ani-in {
    opacity: 1;
    transform: translateX(0);
}

/* 第五张 */

/* 元素固定最终位置（不动！） */
.slide-type5 .slide-text01 {
    position: absolute;
    left: 200px;
    bottom:0;
    height: 80%;
    transform: translateY(0);
}


/* ===== 第一张：01 左侧入场 ===== */
.slide-type5 .slide-text01.ani-item {
    transform: translateY(-50%) translateX(-180px);
}
.slide-type5 .slide-text01.ani-in {
    opacity: 1;
    transform: translateY(0) translateX(0);
    background: rgba(0, 0, 0, 0.65);
    font-size: 80px;
    line-height: 1.2;
    color:#fff;
    padding: 20px;
    font-weight: bold;
        font-family: uifont;
        padding-top: 20%;

}
.slide-type5 .slide-text01.ani-in span {font-size: 30px;display: block; line-height: 1.5;}
.slide-type5 .slide-text01.ani-in .more {
  color:#fff; background: #0551a1;border-radius: 10px; font-weight: bold; font-size: 25px;padding: 10px; margin-top: 20px; text-align: center;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

img {
  border: 0
}

img,
input {
  vertical-align: middle
}

em {
  font-style: normal;
  font-weight: 400
}

ol,
ul {
  list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400
}

a {
  text-decoration: none
}

html {
  color: #333;
  font-size: 15px
}

a:hover {
  color: #070707;
  text-decoration: none
}

.f-h110 {
  font-size: 110px
}

.f-h80 {
  font-size: 80px
}

.f-h72 {
  font-size: 72px
}

.f-h60 {
  font-size: 60px
}

.f-h56 {
  font-size: 56px
}

.f-h52 {
  font-size: 52px
}

.f-h50 {
  font-size: 50px
}

.f-h46 {
  font-size: 46px
}

.f-h44 {
  font-size: 44px
}

.f-h40 {
  font-size: 40px
}

.f-h38 {
  font-size: 38px
}

.f-h36 {
  font-size: 36px
}

.f-h34 {
  font-size: 34px
}

.f-h32 {
  font-size: 32px
}

.f-h30 {
  font-size: 30px
}

.f-h28 {
  font-size: 28px
}

.f-h26 {
  font-size: 26px
}

.f-h24 {
  font-size: 24px
}

.f-h22 {
  font-size: 22px
}

.f-h20 {
  font-size: 20px
}

.f-h18 {
  font-size: 18px
}

.f-h17 {
  font-size: 17px
}

.f-h16 {
  font-size: 16px
}

.f-h15 {
  font-size: 15px
}

.f-h14 {
  font-size: 14px
}

.f-fl {
  float: left
}

.f-fr {
  float: right
}

.f-textl {
  text-align: left
}

.f-textr {
  text-align: right
}

.f-textc {
  text-align: center
}

.f-clear {
  clear: both
}

.f-fwder {
  font-weight: bolder
}

.f-fwnor {
  font-weight: 400
}

.f-block {
  display: block;transition: all 0.5s;
}


.f-inlineb {
  display: inline-block
}

.f-overf,
.f-overf1 {
  overflow: hidden
}

.f-overf2:after,
.f-overf2:before {
  content: " ";
  display: table
}

.f-overf2:after {
  clear: both
}

.f-capital {
  text-transform: uppercase
}

.f-capitalized {
  text-transform: capitalize
}

.f-lineh {
  line-height: 200%
}

.f-lineh120 {
  line-height: 120%
}

.f-lineh150 {
  line-height: 150%
}

.f-lineh170 {
  line-height: 170%
}

.f-mg {
  margin: 0 auto
}

.f-hover {
  cursor: pointer
}

.f-w1000 {
  margin: 0 auto;
  max-width: 1000px
}

.f-w800 {
  margin: 0 auto;
  max-width: 800px
}

.f-w1500 {
  margin: 0 auto;
  max-width: 1500px
}

.f-w1100 {
  margin: 0 auto;
  max-width: 1100px
}

.f-w1200 {
  margin: 0 auto;
  max-width: 1200px
}

.f-w1300 {
  margin: 0 auto;
  max-width: 1300px
}

.f-w1400 {
  margin: 0 auto;
  max-width: 1400px
}

.f-w650 {
  margin: 0 auto;
  max-width: 650px
}

.f-orange {
  color: #fff
}

.f-blue {
  color: #3149ea
}

.f-gary {
  color: #797878
}

.f-black {
  color: #262626
}

.f-fff {
  color: #fff !important
}

.f-000 {
  color: #333 !important
}

.f-row1 {
  -webkit-line-clamp: 1
}

.f-row1,
.f-row2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.f-row2 {
  -webkit-line-clamp: 2
}

dt {
  font-weight: 400
}

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

small {
  font-size: 1em
}

.f-letters {
  letter-spacing: 1px
}

.f-space5 {
  margin-left: -5px;
  overflow: hidden
}

.f-space5>* {
  padding-left: 5px !important
}

.f-space {
  margin-left: -17px;
  overflow: hidden
}

.f-space>* {
  padding-left: 17px !important
}

.f-space33 {
  margin-left: -33px;
  overflow: hidden
}
.cert-wrap{
  width:100%;
  max-width:1400px;
  height:520px;
  margin:0 auto;
  position:relative;
  perspective:1200px; /* 3D透视核心 */
  overflow:hidden;
}
.cert-card{
  width:260px;
  height:360px;
  position:absolute;
  left:50%;
  top:50%;
  transform-origin:center;
  transition:all 0.6s cubic-bezier(0.22,1,0.36,1);
  border:8px solid #603813;
  border-radius:6px;
  background:#fff;
  padding:6px;
}
.cert-card img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* 左右切换按钮 */
.ctrl{
  position:absolute;
  top:50%;
  width:50px;height:50px;
  background:#fff;
  border-radius:50%;
  text-align:center;
  line-height:50px;
  font-size:24px;
  cursor:pointer;
  z-index:999;
  user-select:none;
}
.prev{left:20px;transform:translateY(-50%);}
.next{right:20px;transform:translateY(-50%);}
.f-space33>* {
  padding-left: 33px !important;
  margin-bottom: 20px;
}

.f-space44 {
  margin-left: -44px;
  overflow: hidden
}

.f-space44>* {
  padding-left: 44px !important
}

.f-spaceBig {
  margin-left: -30px;
  margin-right: -26px;
  overflow: hidden
}

.f-spaceBig>* {
  padding-left: 30px !important;
  padding-right: 26px !important
}

.f-space2 {
  margin-left: -5px;
  overflow: hidden
}

.f-space2>* {
  padding-left: 5px !important
}

.f-space3 {
  align-items: CENTER;
  display: flex;
  height: 100%;
  margin-left: -20px
}

.f-space3>* {
  padding-left: 20px !important
}

.f-space3nav {
  align-items: CENTER;
  display: flex;
  height: 100%;
  margin-left: -5px
}

.f-space3nav>* {
  padding-left: 5px !important
}

.f-oneline {
  -webkit-line-clamp: 1
}

.f-oneline,
.f-twoline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.f-twoline {
  -webkit-line-clamp: 2
}

.f-threeline {
  -webkit-line-clamp: 3
}

.f-fourline,
.f-threeline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.f-fourline {
  -webkit-line-clamp: 4
}

.f-link,
a {
  color: #fff
}

[class*=f-width] {
  box-sizing: border-box;
  width: 100%
}

.f-width-1-1 {
  width: 100%
}

.f-width-1-2,
.f-width-2-4,
.f-width-3-6,
.f-width-5-10 {
  width: 50%
}

.f-width-1-3,
.f-width-2-6 {
  width: 33.333%
}

.f-width-2-3,
.f-width-4-6 {
  width: 66.666%
}

.f-width-1-4 {
  width: 25%
}

.f-width-3-4 {
  width: 75%
}

.f-width-1-5,
.f-width-2-10 {
  width: 20%
}

.f-width-2-5,
.f-width-4-10 {
  width: 40%
}

.f-width-3-5,
.f-width-6-10 {
  width: 60%
}

.f-width-4-5,
.f-width-8-10 {
  width: 80%
}

.f-width-1-6 {
  width: 16.666%
}

.f-width-5-6 {
  width: 83.333%
}

.f-width-1-7 {
  width: 14.1%
}

.f-width-6-7 {
  width: 85.71%
}

.f-width-1-8 {
  width: 12.5%
}

.f-width-7-8 {
  width: 87.5%
}

.f-width-1-10 {
  width: 10%
}

.f-width-3-10 {
  width: 30%
}

.f-width-7-10 {
  width: 70%
}

.f-width-9-10 {
  width: 90%
}

@media(min-width:960px) {
  .f-width-large-1-1 {
    width: 100%
  }

  .f-width-large-1-2,
  .f-width-large-2-4,
  .f-width-large-3-6,
  .f-width-large-5-10 {
    width: 50%
  }

  .f-width-large-1-3,
  .f-width-large-2-6 {
    width: 33.333%;
    word-break: break-all;
  }

  .f-width-large-2-3,
  .f-width-large-4-6 {
    width: 66.666%
  }

  .f-width-large-1-4 {
    width: 25%
  }

  .f-width-large-3-4 {
    width: 75%
  }

  .f-width-large-1-5,
  .f-width-large-2-10 {
    width: 20%
  }

  .f-width-large-2-5,
  .f-width-large-4-10 {
    width: 40%
  }

  .f-width-large-3-5,
  .f-width-large-6-10 {
    width: 60%
  }

  .f-width-large-4-5,
  .f-width-large-8-10 {
    width: 80%
  }

  .f-width-large-1-6 {
    width: 16.666%
  }

  .f-width-large-5-6 {
    width: 83.333%
  }

  .f-width-large-1-7 {
    width: 14.28%
  }

  .f-width-large-6-7 {
    width: 85.71%
  }

  .f-width-large-3-7 {
    width: 42.85%
  }

  .f-width-large-4-7 {
    width: 57.14%
  }

  .f-width-large-1-8 {
    width: 12.5%
  }

  .f-width-large-7-8 {
    width: 87.5%
  }

  .f-width-large-1-10 {
    width: 10%
  }

  .f-width-large-3-10 {
    width: 30%
  }

  .f-width-large-7-10 {
    width: 70%
  }

  .f-width-large-9-10 {
    width: 90%
  }
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
  margin: 0
}

@font-face {
  font-display: swap;
  font-family: iconfont;
  src: url(../img/iconfont.ZPy9bA-j.woff)
}

.f-ali {
  font-family: iconfont
}

@font-face {
  font-display: swap;
  font-family: uifont;
  src: url(../img/Montserrat-ExtraBold.DOBgXDg6.otf)
}

.f-uifont {
  font-family: uifont;
  color:#000;
}

.f-font {
  font-family: ArialMT
}


/* 清除谷歌自带文字 */
#google_translate_element .goog-te-gadget {
    font-size: 0 !important;
}
#google_translate_element .goog-te-gadget span {
    display: none !important;
}
#index_1 { animation: rotateSelf 8s linear infinite;}
@keyframes rotateSelf {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.nav .one {
  color: #fff;
  text-shadow: 0 1px 1px #333;
}

.nav .one:hover {
  color: #0551a1
}

.nav .one {
  font-weight: 700;
  line-height: 80px;
  white-space: nowrap
}

.fullscreenForm {
  background-color: #00000080;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998
}

.formmodal {
  background: #fff;
  border-radius: 13px;
  box-shadow: 0 0 5px #b1b0b0;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  z-index: 999
}

.formmodal .formmodalCont {
  padding: 2% 3% 3%
}

.formmodal .formMiddleCont {
  background: #f8f8f8
}

.formMiddleCont {
  line-height: normal;
  padding: 2% 4% 1%
}

.formMiddleCont .btit,
.formMiddleCont .btit2 {
  margin-bottom: 2%
}

.formMiddleCont .tit {
  height: 25px;
  margin-bottom: 1%
}

.formMiddleCont input {
  border: 1px solid #acadaf;
  border-radius: 7px;
  font-size: 14px;
  padding: 2%;
  width: 95%
}

.formMiddleCont input:hover {
  box-shadow: 0 3px 5px -1px #00000014
}

.formMiddleCont .textareaLi {
  margin-bottom: 2%
}

.formMiddleCont .sub {
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  margin-right: 2%;
  padding: 6% 2.5%
}

.formMiddleCont .sub:hover {
  background: #0551a1;
  box-shadow: 0 4px 24px #00000059
}

.formMiddleCont .subCancel {
  background: transparent;
  border: 1px solid #dcdfe6
}

.formMiddleCont .contact {
  margin-top: 1%
}

.formMiddleCont .tel {
  margin: 1.5% 0
}

.formMiddleCont .tel .telsub {
  border: 0 solid transparent;
  border-radius: 5px;
  line-height: 22px;
  padding: 1.3% 3%
}

.formMiddleCont .tel .telsub:hover {
  box-shadow: 0 4px 24px #00000059
}

.formMiddleCont .tel .sub1 {
  background: #0551a1;
  margin-right: 3%
}

.formMiddleCont .tel .sub2 {
  background: transparent;
  border: 1px solid #dcdfe6
}

.formMiddleCont .tel .icon {
  float: left
}

.slide-fade-enter-active {
  transition: all .3s ease-out
}

.slide-fade-leave-active {
  transition: all .8s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  opacity: 0;
  transform: translate(20px)
}

.v-enter-active,
.v-leave-active {
  transition: opacity .5s ease
}

.v-enter-from,
.v-leave-to {
  opacity: 0
}

.bounce-enter-active {
  animation: bounce-in .5s
}

.bounce-leave-active {
  animation: bounce-in .5s reverse
}

@keyframes bounce-in {
  0% {
    transform: scale(0)
  }

  50% {
    transform: scale(1.25)
  }

  to {
    transform: scale(1)
  }
}

.innerPublicBan .img {
  width: 100%
}

.innerPublicBan {
  position: relative
}

.innerPublicBan .crumb {
  left: 50%;
  position: absolute;
  top: 20%;
  transform: translate(-50%, -50%);
  width: 1300px
}

.innerPublicBan .a:hover {
  color: #0551a1 !important
}

.listProRight .cont {
  background: #fafafa;
  margin-bottom: 6%;
  padding: 0
}

.listProRight .cont .img {
  margin: 0 auto;
  transition: all .3s ease-out
}

.listProRight .cont:hover {
  background: #efefef;
  transition: background-color .3s
}

.listProRight .cont:hover .li {
  color: #000
}

.listProRight .cont:hover .img {
  transform: scale(1.03)
}

.listProRight .tit {
  margin: 3% 0 5%
}

.listProRight .pramas {
  padding-bottom: 8%
}

.listProRight .boot {
  min-height: 100px;
  padding: 3%
}

td {
  border: 1px solid #d6d6d6;
  padding: .6%
}

.listCase {
  margin-bottom: 5%;
  padding-bottom: 2%
}

.listCase .img img {
  aspect-ratio: 194/123;
  background: #eee
}

.listCase .tit {
  margin: 3% 0 5%;
  min-height: 70px
}

.listCase .tit:after {
  background: #0551a1;
  content: "";
  display: block;
  height: 4px;
  margin-top: 3%;
  width: 43px
}

.listCase .img {
  position: relative
}

.listCase img {
  background: #fff;
  transition: all .3s ease-out;
  width: 100%
}

.listCase .nameCountry {
  bottom: 6%;
  left: 6%;
  position: absolute;
  width: 94%
}

.listCase .cont {
  margin-bottom: 5%
}

.listCase .cont:hover img {
  transform: scale(1.05)
}

.listCase .cont:hover .tit {
  color: #0551a1
}

.listCase .words {
  background: #fafafa;
  padding: 3% 4% 8%
}

.listCase .desc {
  color: #717171;
  min-height: 66px
}

@media screen and (max-width:1770px) {
  .pageServerStep .left .words {
    top: 8% !important
  }

  .pageServerStep .left .bigtit {
    line-height: 100%;
    margin: 1% 0 3% !important
  }

  .ban .carousel-item:first-child .thumb {
    width: 45%
  }

  .ban .carousel-item:nth-child(2) .thumb {
    width: 65%
  }

  .ban .carousel-item:nth-child(3) .thumb {
    width: 45%
  }

  .ban .carousel-item:nth-child(5) .words {
    padding: 0
  }

  .indexAb .abcont {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden
  }
}

@media screen and (max-width:1560px) {
  .pageServerStep .bigtit {
    font-size: 30px
  }

  .pageServerStep .left .tit {
    line-height: 88%
  }

  .pageServerApi .ul {
    margin-top: 5% !important
  }

  .pageServerApi .li {
    margin-bottom: 5% !important
  }

  .pageServerApi .quan:after {
    background: transparent !important
  }

  .ban .carousel-item:first-child .thumb {
    width: 40%
  }

  .ban .carousel-item:nth-child(2) .thumb {
    width: 60%
  }

  .ban .carousel-item:nth-child(3) .thumb {
    width: 40%
  }

  .ban .carousel-item:nth-child(5) .words {
    padding: 0
  }

  .ban .big {
    font-size: 70px
  }
}

@media screen and (max-width:1450px) {
  .pageServerJoin .main {
    padding: 0 3%;
    width: 94% !important
  }

  .ban .banCont .li {
    margin-left: -50% !important
  }

  .ban .banCont .liImg {
    width: 100% !important
  }

  .ban .words {
    padding: 3% !important
  }

  .ban .carousel-item .big {
    font-size: 60px
  }

  .ban .carousel-item:first-child .words {
    margin-left: 15%;
    width: 144% !important
  }

  .ban .carousel-item:first-child .thumb {
    margin-right: 7%
  }

  .ban .carousel-item:nth-child(2) .words {
    width: 100% !important
  }

  .ban .carousel-item:nth-child(3) .words {
    margin-left: 20%;
    width: 100%
  }

  .ban .carousel-item:nth-child(3) .thumb {
    margin-right: 13%
  }

  .ban .carousel-item:nth-child(4) .big {
    font-size: 50px;
    margin-top: 4% !important
  }

  .ban .carousel-item:nth-child(4) .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
  }

  .ban .carousel-item:nth-child(5) .w1 {
    font-size: 75px !important
  }

  .ban .carousel-item:nth-child(5) .words {
    padding: 0 !important
  }

  .ban .carousel-item:nth-child(5) .nice img {
    width: 60%
  }

  .nav .longnavservice {
    display: none
  }

  .pagePrivacy {
    padding: 0 3%
  }

  .ban .carousel-item .big {
    font-size: 40px
  }

  .ban .carousel-item .small {
    font-size: 18px
  }

  .ban .carousel-item:nth-child(4) .w1,
  .ban .carousel-item:nth-child(4) .w2,
  .ban .carousel-item:nth-child(4) .w3 {
    font-size: 40px !important
  }

  .ban .carousel-item:nth-child(4) .desc {
    font-size: 15px;
    margin: 3% 0 6% !important
  }

  .indexAb .f-spaceBig,
  .indexProCat .f-spaceBig {
    margin-left: -30px;
    margin-right: 0;
    overflow: hidden
  }

  .indexAb .f-spaceBig>*,
  .indexProCat .f-spaceBig>* {
    padding-left: 30px !important;
    padding-right: 0 !important
  }

  .indexAb .main {
    width: 45% !important
  }

  .indexAb .abcont {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
  }

  .indexProCat {
    padding: 0 3%
  }

  .indexWhyBtit {
    padding: 3% 3% 2% !important
  }

  .foot {
    padding: 3% !important
  }

  .publicHead .main {
    padding: 0 3%
  }

  .publicHead .nav .f-space3 {
    align-items: CENTER;
    display: flex;
    height: 100%;
    margin-left: -5px
  }

  .publicHead .nav .f-space3>* {
    padding-left: 5px !important
  }

  .indexCer {
    min-height: auto !important
  }

  .listsearchBtit {
    padding: 3% 3% 1% !important
  }

  .listsearchMain {
    margin-bottom: 3%;
    padding: 0 3%
  }
}

@media screen and (max-width:1310px) {
  .pageAbForm {
    padding: 0 3%
  }

  .pageAbForm .cont {
    width: 100% !important
  }

  .indexJoin {
    padding: 5% 3% !important
  }

  .showProCase {
    padding: 0 0 2% !important
  }

  .showCase {
    margin: 5% 3% !important
  }

  .liscasecrumb {
    padding: 1% 3% !important
  }

  .listCaseImg {
    padding: 0 3% 1%
  }

  .listCase {
    padding: 0 3% 2%
  }

  .pageServer {
    padding: 5% 3% 3% !important
  }

  .pageServer .tit {
    font-size: 20px
  }

  .pageServerJoin .topWords span {
    font-size: 34px
  }

  .pageServerJoin .topWords .desc {
    font-size: 16px
  }

  .pageServerStep .left .words {
    top: 11% !important;
    width: 88% !important
  }

  .pageServerStep .left .bigtit {
    margin: 1% 0 7% !important
  }

  .nav .longnavus,
  .pageServerApi .desc {
    display: none
  }

  .pagetelForm input {
    padding: 0 2% !important;
    width: 94% !important
  }

  .pageContact {
    padding: 5% 3% !important
  }

  .innerPublicBan .crumb {
    margin-left: -50% !important;
    transform: none !important;
    width: 100% !important
  }

  .innerPublicBan .crumb .crumbCont {
    padding: 0 3%
  }

  .pageabBan .crumb {
    top: 28%
  }

  .pageabBan .cat {
    font-size: 50px
  }

  .pageabBan .gsname {
    font-size: 20px
  }

  .pageAb-cont .left .desc {
    font-size: 30px
  }

  .pageAb-cont .right {
    margin-top: 0 !important
  }

  .pageabBtit .btit {
    font-size: 32px
  }

  .pageabCer {
    background: #efefef;
    margin-bottom: 5% !important
  }

  .pageabCer .cerimgbg {
    display: none
  }

  .pageabCer .cerimg {
    margin: 0 0 5% !important
  }

  .pageabCer .crumb {
    margin-left: auto !important;
    padding: 5% 3%;
    position: static !important;
    transform: none !important;
    width: 94% !important
  }

  .pageabWhy {
    padding: 0 3%
  }

  .pageabWhy .tit {
    padding: 5% 0 1% !important
  }

  .pageabMap .crumb {
    top: 8%
  }

  .pageabMap .btit {
    font-size: 32px
  }

  .pageabMap .desc {
    margin: 1% 0 0 !important
  }

  .pageabMap .words span {
    font-size: 14px
  }

  .pageAb-cont {
    background: url(../img/pageabCont-bg.jpg) repeat 50% !important;
    min-height: auto !important
  }

  .foot,
  .pageAb-cont .main {
    padding: 5% 3% !important
  }

  .listPro {
    padding: 3% !important
  }

  .listProRight .tit {
    font-size: 18px
  }

  .listProRight .pramas {
    font-size: 13px
  }

  .showAtlas,
  .showCrumb {
    padding: 1.5% 3% !important
  }

  .showProLeftRight {
    padding: 0 3%
  }

  .showAtlasRight .titVrCont .tit {
    font-size: 40px
  }
}

.pageabMap .pmimg,
.pmNav,
.pmTopFormEmail,
.pmbanimg,
.pmicon,
.pmimg,
.pmtopFormicon,
.searchPmIcon {
  display: none
}

@media screen and (max-width:960px) {
  .pageTelNetwork .lil .cont {
    font-size: 38px
  }

  .pageAbForm .tit {
    font-size: 30px;
    line-height: 110%
  }

  .pageAbForm .desc {
    font-size: 16px;
    margin-top: 3% !important
  }

  .listCase .desc,
  .listCase .tit {
    min-height: auto !important
  }

  .liscasecrumb {
    padding: 3% !important
  }

  .pageServerCase .good {
    margin-top: 2% !important
  }

  .pageServerApi .desc {
    display: block
  }

  .pageServer .img {
    width: 100%
  }

  .pageServer .icon {
    font-size: 88px
  }

  .pageServer .tit {
    font-size: 26px
  }

  .pageServer .serverCont .li:nth-child(3) .icon,
  .pageServer .serverCont .li:nth-child(4) .icon {
    font-size: 100px !important
  }

  .pageServerJoin .bg {
    aspect-ratio: 470/241 !important
  }

  .pagePrivacy {
    margin: 5% 3%
  }

  .innerError {
    margin: 10% auto !important
  }

  .innerError .btit {
    font-size: 22px
  }

  .innerError .btit,
  .innerError .ul {
    margin-bottom: 8% !important
  }

  .pagetelForm .li2 {
    width: 100% !important
  }

  .pagetelForm textarea {
    padding: 2% !important;
    width: 94% !important
  }

  .pageContact .icon {
    font-size: 34px;
    height: 50px !important;
    line-height: 50px !important;
    width: 50px !important
  }

  .pageContact .tit {
    font-size: 18px
  }

  .pageContact .desc {
    font-size: 14px
  }

  .pageabBan {
    height: auto !important
  }

  .pageabBan .cat {
    font-size: 40px
  }

  .pageabBan .gsname {
    font-size: 16px
  }

  .pageAb-cont .left .desc {
    margin: 2% 0 5% !important
  }

  .pageabCer,
  .pageabMap {
    height: auto !important
  }

  .pageabBtit .right {
    display: none
  }

  .pageabWhycont .cont {
    margin-bottom: 5%
  }

  .pageabWhycont .tit {
    padding: 3% 0 1% !important
  }

  .pageabMap {
    background: #114a9d
  }

  .pageabMap .pcimg {
    display: none
  }

  .pageabMap .pmimg {
    display: block
  }

  .pageabMap .crumb {
    margin-left: auto !important;
    position: static
  }

  .pageabMap .adv,
  .pageabMap .btit,
  .pageabMap .desc {
    width: 100% !important
  }

  .pageabMap .adv {
    padding-bottom: 10%
  }

  .pageabMap .adv .cont {
    display: block !important;
    text-align: center !important
  }

  .pageabMap .adv .img {
    margin: 0 auto
  }

  .pageabMap .adv .words {
    margin-top: 5%
  }

  .pageabMap .adv .li:first-child .img {
    margin-right: auto !important
  }

  .pcnav,
  .pctopform {
    display: none
  }

  .pmNav {
    display: block
  }

  .pmNav .oneA,
  .pmNav .two {
    border-bottom: 1px solid #eee
  }

  .pmNav .oneA,
  .pmNav .two {
    margin-bottom: 3%;
    padding-bottom: 3%
  }

  .pmNav .two {
    margin-left: 5%
  }

  .pmNav .three {
    margin-bottom: 3%;
    margin-left: 15%;
    padding-bottom: 0
  }

  .pmNav .lili:last-child {
    margin-bottom: 5%
  }

  .search .icon,
  .search .input {
    display: none
  }

  .search .searchPmIcon {
    display: block;
    position: static !important;
    text-align: right
  }

  .search .main {
    position: relative
  }
.slide-type1 .slide-text01{top:30%;left:5%}
.slide-type1 .slide-text01.ani-in {font-size: 23px;}
.slide-type1 .slide-text01.ani-in .more {width: 100%; font-size: 20px;}
.slide-type2 .slide-text01.ani-in {font-size: 30px; padding-left: 0;}
.slide-type2 .slide-text02 {bottom:0;top:auto}
.slide-type4 .slide-text01.ani-in {font-size: 23px;}
.slide-type4 .slide-text01.ani-in .more {width: 100%; font-size: 20px;}
.slide-type4 .slide-text01 {  top:30%;left:5%}
.slide-type4 .slide-text02 { right: 50px;bottom: 10px;width: 100%;}
.slide-type5 .slide-text01.ani-in  {padding-top: 20px; font-size: 30px;}
.slide-type5 .slide-text01.ani-in span {font-size: 20px;}
.slide-type5 .slide-text01 {top:50%;height: auto;left:50%; transform: translate(-50%, -50%) !important;}


  .search .main .icon,
  .search .main .input {
    display: block
  }

  .search .main .input {
    border: 1px solid #0551a1;
    padding: 3% 4%;
    width: 92%
  }

  .search .main .icon {
    right: 4% !important;
    top: 15% !important
  }

  .publicHead {
    height: auto !important;
  }
#ss {display: none;}
.cert-wrap {height: 600px;top:0 !important}
#hor {height: 500px;}

  .publicHead .main {
    padding: 4% 3%
  }

  .publicHead .logo {
    text-align: center
  }

  .publicHead .logo img {
    width: 82% !important
  }

  .minH {
    background: #eee;
    min-height: 0 !important
  }

  .pmTopFormEmail {
    display: block
  }

  .loadgif {
    width: 10% !important
  }

  .pmtopFormicon {
    display: block
  }

  .formmodal textarea {
    height: 28px
  }

  .formmodal .desc {
    font-size: 11px
  }

  .formmodal .worryWords {
    font-size: 12px
  }

  .formmodal .btit {
    font-size: 17px;
    margin-bottom: 3%
  }

  .formmodal .formMiddleCont {
    padding: 2% 3% 0
  }

  .formmodal .formMiddleCont .sub {
    margin: 5% 0 0;
    padding: 5% 2.5%
  }

  .formmodal .lir {
    float: right;
    width: 33%
  }

  .formmodal input {
    padding: 2.5% 4%;
    width: 90%
  }

  .formmodal textarea {
    padding: 2% 4% !important;
    width: 90% !important
  }

  .formmodal .topUl input {
    padding: 2.5% 4% !important
  }

  .formmodal .topUl {
    margin-bottom: 0 !important
  }

  .formmodal .videotit {
    display: none
  }

  .formmodal .chahao {
    margin-bottom: 5%
  }

  .formmodal .videoformMiddleCont {
    background: #0551a1
  }

  .formmodal .videoformmodal {
    margin-left: -48% !important;
    width: 96% !important
  }

  .indexAb .main {
    margin-left: auto !important;
    position: static !important;
    width: 100% !important
  }

  .indexAb .f-w650 {
    margin: 0 auto;
    max-width: 100%
  }

  .indexAb .lA {
    height: 330px
  }

  .indexAb .img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .indexAb .bigger,
  .indexAb .desc {
    display: none
  }

  .indexAb .main {
    padding: 3% 0 5%
  }

  .foot {
    background: transparent !important;
    padding: 0 !important
  }

  .foot .left,
  .foot .procat,
  .foot .right {
    display: none
  }

  .foot .dtcat {
    background: #000;
    padding: 3%;
    text-transform: uppercase
  }

  .foot .dtcat .pcicon {
    display: none
  }

  .foot .dtcat .pmicon {
    display: block
  }

  .foot .dtcat .a {
    justify-content: center;
    overflow: hidden;
    width: 100%
  }

  .foot .dtcat .catcontLi {
    margin-bottom: 1%;
    padding: 3% 0
  }

  .foot .dtcat .catcontLi:hover {
    background: #000
  }

  .foot .dtcat .catcontLi:hover .a {
    color: #fff
  }

  .foot .dttel {
    background: #353535;
    padding: 3%;
    text-align: center
  }

  .foot .dttel .catcontLi {
    margin-bottom: 3%
  }

  .innerPublicBan img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .innerPublicBan .crumb {
    font-size: 16px
  }

  .innerPublicBan .prod {
    display: none
  }

  .listPro .accordion {
    margin: 5% 0 !important
  }

  .listPro .accordion .accordion-header {
    box-sizing: border-box;
    font-size: 16px;
    padding: 2.5% 5% !important
  }

  .listPro .accordion .accordion-content {
    padding: 0 3% !important
  }

  .listPro .accordion .li {
    padding: 1.5% 5%
  }

  .listPro .accordion .accordion-header.accordion-header-sub {
    font-size: 15px !important;
    padding-left: 8% !important
  }

  .listProRight img {
    width: 100%
  }

  .listProRight .pramas .li:last-child {
    display: none
  }

  .listProRight .cont {
    margin-bottom: 3%
  }

  .listProRight .f-space {
    margin-left: -5px
  }

  .listProRight .f-space>* {
    padding-left: 5px !important
  }

  .listProRight .listprofoot .footcont {
    margin-bottom: 3%
  }

  .listProRight .listprofoot .more {
    background: transparent;
    font-weight: bolder;
    text-transform: capitalize
  }

  .showCrumb {
    font-size: 13px;
    padding: 5% 3% !important
  }

  .showCrumb .prod {
    display: none
  }

  .showAtlas {
    margin-top: 8% !important
  }

  .mySwiper2 {
    margin-top: 0 !important
  }

  .mySwiper2 swiper-slide {
    margin-bottom: 0 !important
  }

  .showAtlasRight {
    padding: 5% 0
  }

  .showAtlasRight .cat {
    font-size: 16px
  }

  .showAtlasRight .tit {
    font-size: 22px !important;
    letter-spacing: 1px !important
  }

  .showAtlasRight .vrdesc {
    display: none
  }

  .showAtlasRight .titVr {
    padding-bottom: 1% !important
  }

  .showAtlasRight .parmas {
    font-size: 14px
  }

  .showAtlasRight .pmtopFormicon {
    display: none
  }

  .showAtlasRight .hitForm {
    font-size: 14px
  }

  .showAtlasRight .formVideo .hitForm {
    height: 40px !important;
    line-height: 40px !important
  }

  .showProLeftRight .reviews {
    margin-top: 6%
  }

  .showProLeftRight .detailCont .tit {
    font-size: 14px
  }

  .showProLeftRight .tabs-container .tab-headers .tab-button {
    font-size: 15px;
    padding: 4% 1%
  }

  .showProLeftRight .tabs-container .tab-content {
    padding: 8% 0 3%
  }

  .showProLeftRight .shoufengqin {
    display: none
  }

  .showProLeftRight .showProbtit {
    font-size: 22px;
    margin-bottom: 5% !important
  }

  .showProLeftRight .detailCont .words,
  .showProLeftRight .usefulWords {
    font-size: 14px
  }

  .detailCont .dt {
    margin-bottom: 3%
  }

  .detailCont .word {
    padding: 5% 0 !important
  }

  .detailCont .btit,
  .detailCont .desc {
    font-size: 18px;
    text-align: left
  }

  .detailCont .desc {
    font-size: 16px;
    padding: 1% 3% !important
  }

  td {
    padding: 3% .6%;
    word-wrap: break-word;
    font-size: 13px
  }
}

@media screen and (max-width:820px) {
  .pageTelNetwork .main {
    padding: 8% 6% !important
  }

  .showCase {
    margin: 8% 3% 10% !important
  }

  .showCase .flag {
    margin: 8% auto !important
  }

  .showCase .flag img {
    width: 13%
  }

  .showCase .flag .name {
    font-size: 14px
  }

  .pageServerStep .img1 {
    aspect-ratio: 390/377 !important
  }

  .pageServerJoin .bg {
    aspect-ratio: 330/241 !important
  }

  .ban .banimg,
  .ban .liImg {
    display: none
  }

  .ban .pmbanimg {
    display: block
  }

  .ban .big {
    line-height: 120% !important;
    margin-bottom: 5% !important
  }

  .ban .carousel-item:first-child .words {
    margin-left: 0;
    width: 100% !important
  }

  .ban .carousel-item:first-child .small {
    padding: 3% 0;
    width: 88%
  }

  .ban .carousel-item:first-child .liWords {
    top: 22% !important
  }

  .ban .carousel-item:nth-child(2) .liWords {
    left: auto !important;
    right: 0
  }

  .ban .carousel-item:nth-child(2) .words {
    width: auto !important
  }

  .ban .carousel-item:nth-child(2) .small {
    width: 88%
  }

  .ban .carousel-item:nth-child(3) .words {
    margin-left: 0;
    width: 100% !important
  }

  .ban .carousel-item:nth-child(4) .big {
    margin-top: 13% !important
  }

  .ban .carousel-item:nth-child(4) .liWords {
    left: auto !important;
    right: 0;
    width: 73%
  }

  .ban .carousel-item:nth-child(5) .nice {
    display: none
  }

  .ban .carousel-item:nth-child(5) .w1 {
    font-size: 50px !important
  }

  .ban .carousel-item:nth-child(5) .big {
    margin-bottom: 0 !important;
    margin-top: 8% !important
  }

  .ban .carousel-pagination {
    bottom: 5% !important
  }

  .ban .carousel-pagination button {
    height: 6px !important;
    width: 33px !important
  }
}

@media screen and (max-width:610px) {
  .formmodal {
    width: 88%
  }

  .formmodal .logo {
    width: 22% !important
  }
}

@media screen and (max-width:550px) {
  .pageTelNetwork .lil .cont {
    font-size: 30px
  }

  .pageTelNetwork .lir {
    width: 85% !important
  }

  .pageTelNetwork .tit {
    line-height: 140% !important;
    margin-bottom: 7% !important
  }

  .pageAbForm .tit {
    font-size: 20px
  }

  .pageAbForm .desc {
    font-size: 15px
  }

  .indexAb .main {
    padding: 6% 0 10% !important
  }

  .indexJoin {
    padding: 8% 3% !important
  }

  .indexJoin .bigtit {
    font-size: 25px
  }

  .indexJoin .cont {
    margin-bottom: 8% !important
  }

  .indexJoin .catdesc {
    margin: 5% 0 8% !important
  }

  .indexJoin .tit {
    font-size: 17px;
    min-height: auto !important;
    padding-bottom: 4%
  }

  .liscasecrumb {
    font-size: 12px
  }

  .listCaseImg {
    margin: 8% auto 5% !important;
    padding-bottom: 5% !important
  }

  .listCaseImg .tit {
    font-size: 15px
  }

  .pageServerCase {
    padding: 10% 0 !important
  }

  .pageServerCase .num {
    font-size: 38px
  }

  .pageServerCase .caseImg {
    height: 200px
  }

  .pageServerCase .img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
  }

  .pageServer .icon {
    font-size: 26px
  }

  .pageServer .tit {
    font-size: 16px
  }

  .pageServer .description {
    font-size: 14px
  }

  .pageServer .serverCont .li:nth-child(3) .icon,
  .pageServer .serverCont .li:nth-child(4) .icon {
    font-size: 34px !important
  }

  .pageServerStep .img1 {
    aspect-ratio: 290/377 !important
  }

  .pageServerJoin .f-space3 {
    display: block
  }

  .pageServerJoin .cont {
    margin-bottom: 13%
  }

  .pageServerJoin .ul .f-width-1-1 {
    width: 50%
  }

  .pageServerJoin .bg {
    aspect-ratio: 150/241 !important
  }

  .pageServerJoin .desc {
    font-size: 14px !important;
    margin: 3% 0 5% !important
  }

  .pageServerJoin .topWords span {
    font-size: 22px
  }

  .listProRight .topinfo {
    font-size: 14px;
    padding: 0 3% 5%
  }

  .pagePrivacy .btit {
    font-size: 22px
  }

  .pagePrivacy .lidesc {
    font-size: 14px
  }

  .pagePrivacy .time {
    margin-bottom: 5% !important
  }

  .pagePrivacy .mainUl li {
    margin-bottom: 8%
  }

  .pageContact {
    padding: 10% 3% !important
  }

  .pageContact .pagetel .dt:last-child .cont {
    border-bottom: 3px solid transparent;
    margin-bottom: 0
  }

  .pageContact .pagetel .cont {
    border-bottom: 3px solid #fff;
    margin-bottom: 5%;
    padding-bottom: 5%
  }

  .pageContact .pagetel .icon {
    height: 39px !important;
    line-height: 39px !important;
    margin-bottom: 3%;
    width: 39px !important
  }

  .pageContact .pagetel .desc {
    font-size: 15px;
    margin-top: 3%
  }

  .pageContact .pagetel .dt {
    width: 100%
  }

  .pageContact .pagetel .tit {
    font-size: 13px
  }

  .pageContact .pagetel .tit:after {
    width: 66px
  }

  .pageContact .label {
    font-size: 15px !important
  }

  .pageContact .sub {
    font-size: 16px !important;
    padding: 2.5% 0 !important;
    width: 28% !important
  }

  .ban .carousel-item .big {
    font-size: 22px !important
  }

  .ban .carousel-item .small {
    background: #0551a1cc !important;
    font-size: 14px;
    padding: 3% !important;
    width: auto !important
  }

  .ban .carousel-item:first-child .small {
    display: none
  }

  .ban .carousel-item:first-child .liWords {
    top: 26% !important
  }

  .ban .carousel-item:nth-child(3) .liWords {
    top: 20% !important
  }

  .ban .carousel-item:nth-child(3) .w3 {
    display: block
  }

  .ban .carousel-item:nth-child(3) .small {
    display: none !important;
    display: -webkit-box;
    padding: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
  }

  .ban .carousel-item:nth-child(4) .w1,
  .ban .carousel-item:nth-child(4) .w2,
  .ban .carousel-item:nth-child(4) .w3 {
    font-size: 22px !important
  }

  .ban .carousel-item:nth-child(4) .desc {
    display: none
  }

  .ban .carousel-item:nth-child(4) .big {
    margin-top: 16% !important
  }

  .ban .carousel-item:nth-child(4) .small {
    margin-top: 8%
  }

  .ban .carousel-item:nth-child(4) .liWords {
    width: 46%
  }

  .ban .carousel-item:nth-child(5) .desc {
    display: none
  }

  .ban .carousel-item:nth-child(5) .w1 {
    font-size: 32px !important
  }

  .pmTopFormEmail .f-h17,
  .pmTopFormEmail .hitForm {
    font-size: 14px
  }

  .indexProBtit {
    padding: 6% 3% 5% !important
  }

  .indexProBtit .btit {
    font-size: 24px
  }

  .indexProCat .more {
    display: none
  }

  .indexProCat .tit {
    display: -webkit-box;
    font-size: 17px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
  }

  .indexProCat .cont:hover .more {
    display: none !important
  }

  .indexProCat .f-spaceBig {
    margin-left: -10px;
    margin-right: 0;
    overflow: hidden
  }

  .indexProCat .f-spaceBig>* {
    padding-left: 10px !important;
    padding-right: 0 !important
  }

  .indexProCat .desc {
    display: -webkit-box;
    font-size: 14px;
    text-transform: lowercase;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
  }

  .indexProCat .img {
    padding: 5% 0 3% !important
  }

  .indexProCat .words {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 92px !important;
    padding: 1% 2% 3% !important
  }

  .indexAb .btit,
  .indexAdv .btit,
  .indexWhyBtit .btit {
    font-size: 24px
  }

  .indexVr {
    padding: 4% 0 !important
  }

  .indexVr .main {
    font-size: 20px
  }

  .indexAdv .btit {
    padding: 5% 0 0
  }

  .indexAdv .desc {
    display: none
  }

  .indexAdv {
    min-height: auto !important;
    padding-bottom: 5%
  }

  .indexWhy {
    margin-top: 5%
  }

  .indexWhy .f-space33 {
    margin-left: -10px;
    overflow: hidden
  }

  .indexWhy .f-space33>* {
    padding-left: 10px !important
  }

  .indexWhy .f-twoline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
  }

  .indexBtitNei:after {
    margin: 2% auto 0 !important
  }

  .indexCer {
    min-height: auto !important;
    padding-top: 5%
  }

  .indexCer .pcimg {
    display: none
  }

  .indexCer .pmimg {
    display: block
  }

  .indexAb .lA {
    height: 230px
  }

  .foot .dttel {
    padding: 5% 3%
  }

  .foot .dttel .a {
    font-size: 14.6px
  }

  .listProRight .boot {
    min-height: auto
  }

  .listProRight .tit {
    display: -webkit-box;
    font-size: 17px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
  }

  .pageabBan .cat {
    font-size: 20px
  }

  .pageabBan .gsname {
    font-size: 13px
  }

  .pageAb-cont .left .tit {
    font-size: 16px
  }

  .pageAb-cont .left .desc {
    font-size: 18px !important
  }

  .pageAb-cont .num {
    font-size: 20px
  }

  .pageAb-cont .abcont,
  .pageAb-cont .advdesc {
    font-size: 14px
  }

  .pageabBtit {
    padding-bottom: 5%
  }

  .pageabBtit .btit {
    font-size: 20px
  }

  .pageabBtit .desc {
    font-size: 13px
  }

  .pageabWhycont .tit {
    font-size: 18px
  }

  .pageabWhycont .desc {
    font-size: 14px
  }

  .pageabMap .btit {
    font-size: 20px
  }

  .pageabMap .desc {
    font-size: 14px;
    margin: 5% 0 !important
  }

  .pageabMap .adv .img {
    width: 40% !important
  }

  .pageabMap .words span {
    font-size: 13px
  }

  .pageabMap .f-space {
    margin-left: -3px;
    overflow: hidden
  }

  .pageabMap .f-space>* {
    padding-left: 3px !important
  }
}

@media screen and (max-width:430px) {
  .indexWhy .cont {
    padding: 5% 3% !important
  }

  .indexWhyBtit {
    padding: 6% 3% 5% !important
  }

  .pageServerStep .ul {
    margin-top: 10% !important
  }

  .pageServerStep .img1 {
    aspect-ratio: 220/377 !important
  }

  .pageServerStep .tit {
    font-size: 15px
  }

  .pageServerStep .desc,
  .pageServerStep .icon,
  .pageServerStep .small {
    font-size: 14px
  }

  .pageServerStep .quan {
    display: none !important
  }

  .pageServerStep .li {
    margin-bottom: 10% !important
  }
}

@layer properties {
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    ::backdrop,
    :after,
    :before {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1
    }
  }
}

:host,
:root {
  --color-gray-600: oklch(44.6% .03 256.802);
  --color-black: #000;
  --spacing: .25rem;
  --text-lg: 1.125rem;
  --text-lg--line-height: 1.55556;
  --text-xl: 1.25rem;
  --text-xl--line-height: 1.4;
  --text-2xl: 1.5rem;
  --text-2xl--line-height: 1.33333;
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --leading-relaxed: 1.625;
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --aspect-video: 16/9;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.absolute {
  position: absolute
}

.fixed {
  position: fixed
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.start {
  inset-inline-start: var(--spacing)
}

.end {
  inset-inline-end: var(--spacing)
}

.top-3 {
  top: calc(var(--spacing)*3)
}

.top-\[50\%\] {
  top: 50%
}

.-left-2 {
  left: calc(var(--spacing)*-2)
}

.z-10 {
  z-index: 10
}

.mx-auto {
  margin-inline: auto
}

.my-2 {
  margin-block: calc(var(--spacing)*2)
}

.mt-1\.5 {
  margin-top: calc(var(--spacing)*1.5)
}

.mt-3\.5 {
  margin-top: calc(var(--spacing)*3.5)
}

.mt-4 {
  margin-top: calc(var(--spacing)*4)
}

.mt-5\! {
  margin-top: calc(var(--spacing)*5) !important
}

.mt-6 {
  margin-top: calc(var(--spacing)*6)
}

.mt-8 {
  margin-top: calc(var(--spacing)*8)
}

.mt-9 {
  margin-top: calc(var(--spacing)*9)
}

.mt-\[6\%\]\! {
  margin-top: 6% !important
}

.mb-2 {
  margin-bottom: calc(var(--spacing)*2)
}

.mb-3 {
  margin-bottom: calc(var(--spacing)*3)
}

.mb-4 {
  margin-bottom: calc(var(--spacing)*4)
}

.mb-4\.75 {
  margin-bottom: calc(var(--spacing)*4.75)
}

.mb-5 {
  margin-bottom: calc(var(--spacing)*5)
}

.mb-6 {
  margin-bottom: calc(var(--spacing)*6)
}

.mb-6\.5 {
  margin-bottom: calc(var(--spacing)*6.5)
}

.mb-10 {
  margin-bottom: calc(var(--spacing)*10)
}

.mb-19 {
  margin-bottom: calc(var(--spacing)*19)
}

.ml-2 {
  margin-left: calc(var(--spacing)*2)
}

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

.block {
  display: block
}

.contents {
  display: contents
}

.flex {
  display: flex
}

.grid {
  display: grid
}

.inline-flex {
  display: inline-flex
}

.aspect-video {
  aspect-ratio: var(--aspect-video)
}

.h-1 {
  height: calc(var(--spacing)*1)
}

.h-64 {
  height: calc(var(--spacing)*64)
}

.h-73\.25 {
  height: calc(var(--spacing)*73.25)
}

.h-160 {
  height: calc(var(--spacing)*160)
}

.h-full {
  height: 100%
}

.w-10 {
  width: calc(var(--spacing)*10)
}

.w-14 {
  width: calc(var(--spacing)*14)
}

.w-97 {
  width: calc(var(--spacing)*97)
}

.w-\[90\%\] {
  width: 90%
}

.w-full {
  width: 100%
}

.max-w-60 {
  max-width: calc(var(--spacing)*60)
}

.max-w-231 {
  max-width: calc(var(--spacing)*231)
}

.max-w-300 {
  max-width: calc(var(--spacing)*300)
}

.max-w-305 {
  max-width: calc(var(--spacing)*305)
}

.max-w-337 {
  max-width: calc(var(--spacing)*337)
}

.min-w-77 {
  min-width: calc(var(--spacing)*77)
}

.flex-2 {
  flex: 2
}

.flex-3 {
  flex: 3
}

.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}

.cursor-pointer {
  cursor: pointer
}

.resize {
  resize: both
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
  flex-direction: column
}

.flex-row {
  flex-direction: row
}

.items-center {
  align-items: center
}

.items-stretch {
  align-items: stretch
}

.justify-between {
  justify-content: space-between
}

.justify-center {
  justify-content: center
}

.gap-1\.5 {
  gap: calc(var(--spacing)*1.5)
}

.gap-2 {
  gap: calc(var(--spacing)*2)
}

.gap-3 {
  gap: calc(var(--spacing)*3)
}

.gap-4 {
  gap: calc(var(--spacing)*4)
}

.gap-4\.5 {
  gap: calc(var(--spacing)*4.5)
}

.gap-6 {
  gap: calc(var(--spacing)*6)
}

.gap-22 {
  gap: calc(var(--spacing)*22)
}

.overflow-hidden {
  overflow: hidden
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px
}

.border-b-4\! {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 4px !important
}

.border-\[\#E0E2E6\] {
  border-color: #e0e2e6
}

.border-\[\#0551a1\]\! {
  border-color: #0551a1 !important
}

.border-black {
  border-color: var(--color-black)
}

.bg-\[\#F8F8F8\] {
  background-color: #f8f8f8
}

.bg-\[\#F9F9FC\] {
  background-color: #f9f9fc
}

.bg-\[\#FAFAFA\] {
  background-color: #fafafa
}

.bg-\[\#0551a1\] {
  background-color: #0551a1
}

.bg-\[\#FFFFFF\] {
  background-color: #fff
}

.bg-black\/30 {
  background-color: #0000004d
}

@supports (color:color-mix(in lab, red, red)) {
  .bg-black\/30 {
    background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
  }
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain
}

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

.px-4 {
  padding-inline: calc(var(--spacing)*4)
}

.px-4\! {
  padding-inline: calc(var(--spacing)*4) !important
}

.px-8\! {
  padding-inline: calc(var(--spacing)*8) !important
}

.px-9\! {
  padding-inline: calc(var(--spacing)*9) !important
}

.py-2 {
  padding-block: calc(var(--spacing)*2)
}

.py-3 {
  padding-block: calc(var(--spacing)*3)
}

.py-6 {
  padding-block: calc(var(--spacing)*6)
}

.py-6\! {
  padding-block: calc(var(--spacing)*6) !important
}

.py-9\! {
  padding-block: calc(var(--spacing)*9) !important
}

.py-21\! {
  padding-block: calc(var(--spacing)*21) !important
}

.py-24\! {
  padding-block: calc(var(--spacing)*24) !important
}

.pt-8\! {
  padding-top: calc(var(--spacing)*8) !important
}

.pb-2\! {
  padding-bottom: calc(var(--spacing)*2) !important
}

.text-center {
  text-align: center
}

.font-\[ArialMT\] {
  font-family: ArialMT
}

.font-\[iconfont\] {
  font-family: iconfont
}

.font-\[uifont\] {
  font-family: uifont
}

.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height))
}

.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height))
}

.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height))
}

.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height))
}

.text-\[clamp\(1rem\,1\.5vw\,1\.5rem\)\] {
  font-size: clamp(1rem, 1.5vw, 1.5rem)
}

.leading-\[1\.7\] {
  --tw-leading: 1.7;
  line-height: 1.7
}

.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed)
}

.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold)
}

.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold)
}

.whitespace-pre-line {
  white-space: pre-line
}

.text-\[\#0A0A0A\] {
  color: #0a0a0a
}

.text-\[\#272727\] {
  color: #272727
}

.text-\[\#404040\] {
  color: #404040
}

.text-\[\#717171\] {
  color: #717171
}

.text-\[\#A6A6BB\] {
  color: #a6a6bb
}

.text-\[\#0551a1\] {
  color: #0551a1
}

.text-black {
  color: var(--color-black)
}

.text-gray-600 {
  color: var(--color-gray-600)
}

.uppercase {
  text-transform: uppercase
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px
}

.filter {
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
}

.transition {
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.transition-transform {
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
}

.duration-300 {
  --tw-duration: .3s;
  transition-duration: .3s
}

.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out)
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

@media(hover:hover) {

  .group-hover\:scale-105:is(:where(.group):hover *),
  .hover\:scale-105:hover {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }
}

@media(min-width:48rem) {
  .md\:top-4 {
    top: calc(var(--spacing)*4)
  }

  .md\:-left-3 {
    left: calc(var(--spacing)*-3)
  }

  .md\:mt-2 {
    margin-top: calc(var(--spacing)*2)
  }

  .md\:mb-2 {
    margin-bottom: calc(var(--spacing)*2)
  }

  .md\:h-full {
    height: 100%
  }

  .md\:w-1\/2 {
    width: 50%
  }

  .md\:w-16 {
    width: calc(var(--spacing)*16)
  }

  .md\:w-225 {
    width: calc(var(--spacing)*225)
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .md\:flex-row {
    flex-direction: row
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .md\:gap-7 {
    gap: calc(var(--spacing)*7)
  }

  .md\:gap-22\.5 {
    gap: calc(var(--spacing)*22.5)
  }

  .md\:border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .md\:px-8 {
    padding-inline: calc(var(--spacing)*8)
  }

  .md\:px-20\! {
    padding-inline: calc(var(--spacing)*20) !important
  }

  .md\:py-10 {
    padding-block: calc(var(--spacing)*10)
  }

  .md\:pb-9\! {
    padding-bottom: calc(var(--spacing)*9) !important
  }

  .md\:text-center {
    text-align: center
  }

  .md\:text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }
}

@media(min-width:64rem) {
  .lg\:w-18 {
    width: calc(var(--spacing)*18)
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

.logo[data-v-f893dff8] {
  width: 16%
}

.desc[data-v-f893dff8] {
  font-size: 14px;
  margin-top: 2%
}

.label[data-v-c1b2bee2] {
  display: none
}

.topUl[data-v-c1b2bee2] {
  margin-bottom: 1%
}

.topUl input[data-v-c1b2bee2] {
  padding: 4%;
  width: 90%
}

.form .labelTextareaTit[data-v-c1b2bee2],
.form label[data-v-c1b2bee2] {
  margin-bottom: 1%
}

.form .licont[data-v-c1b2bee2] {
  margin-bottom: 2%
}

.form .send[data-v-c1b2bee2] {
  padding-bottom: 3%
}

.form .send .worryWords[data-v-c1b2bee2] {
  font-size: 14px
}

.Formtips[data-v-c1b2bee2] {
  color: #fff;
  left: 50%;
  margin-left: -110px;
  position: fixed;
  top: 25%;
  width: 220px;
  z-index: 2
}

.Formtips .cont[data-v-c1b2bee2] {
  border-radius: 7px;
  box-shadow: 0 5px 7px #0000001a;
  padding: 6% 0
}

.Formtips .bgWarning[data-v-c1b2bee2] {
  background: #f56b6b
}

.Formtips .bgGreen[data-v-c1b2bee2] {
  background: #07c160
}

textarea[data-v-c1b2bee2] {
  border: 1px solid #acadaf;
  border-radius: 7px;
  font-family: none;
  font-size: 14px;
  line-height: 170%;
  padding: 2%;
  width: 95.1%
}

textarea[data-v-c1b2bee2]:hover {
  box-shadow: 0 3px 5px -1px #00000014
}

.dropdown[data-v-50a569bc] {
  display: inline-block;
  position: relative;
  width: 100%
}

.dropdown:hover .one[data-v-50a569bc] {
  color: #0551a1
}

.dropdown-content[data-v-50a569bc],
.ul2[data-v-50a569bc],
.ul3[data-v-50a569bc] {
  box-shadow: 0 8px 16px #0003
}

.dropdown-content[data-v-50a569bc] {
  background-color: rgb(0, 0, 0,0.65);
  display: none;
  left: -42.5%;
  position: absolute;
  width: 225%;
  z-index: 1
}

.dropdown-content .li[data-v-50a569bc],
.dropdown-content .li2[data-v-50a569bc] {
  border-bottom: 1px solid rgb(0, 0, 0,0.65);
  padding: 0 5%;
  position: relative
}

.dropdown-content .li2:hover .a[data-v-50a569bc],
.dropdown-content .li:hover .a[data-v-50a569bc] {
  color: #fff
}
.dropdown-content .li2[data-v-50a569bc],
.dropdown-content .li[data-v-50a569bc] {
transition: all 0.5s;
}

.dropdown-content .li2:hover[data-v-50a569bc],
.dropdown-content .li:hover[data-v-50a569bc] {
background: #0551a1;
}

.dropdown-content .li2:hover .ul2[data-v-50a569bc],
.dropdown-content .li:hover .ul2[data-v-50a569bc] {
  display: block
}

.dropdown-content .li2:hover .a3[data-v-50a569bc] {
  color: #000 !important
}

.dropdown-content .li2:hover .ul3[data-v-50a569bc] {
  display: block
}

.dropdown-content .li3:hover .a3[data-v-50a569bc] {
  color: #fff !important
}

.dropdown-content .a[data-v-50a569bc] {
  color: #fff;
  display: block;
  height: 55px;
  line-height: 55px;
  text-decoration: none
}

.dropdown:hover .dropdown-content[data-v-50a569bc] {
  display: block
}

.ul2[data-v-50a569bc],
.ul3[data-v-50a569bc] {
  background-color: rgb(0, 0, 0,0.5);
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
  width: 100%
}

.ul2 .li2[data-v-50a569bc],
.ul2 .li3[data-v-50a569bc],
.ul3 .li2[data-v-50a569bc],
.ul3 .li3[data-v-50a569bc] {
  border-bottom: 1px solid rgb(0, 0, 0,0.2);
  height: 55px;
  line-height: 55px;

}

.ul2 .li2 a[data-v-50a569bc],
.ul2 .li3 a[data-v-50a569bc],
.ul3 .li2 a[data-v-50a569bc],
.ul3 .li3 a[data-v-50a569bc] {
  color: #fff
}

.ul2 .li2:hover .a2[data-v-50a569bc],
.ul2 .li2:hover .a3[data-v-50a569bc],
.ul2 .li3:hover .a2[data-v-50a569bc],
.ul2 .li3:hover .a3[data-v-50a569bc],
.ul3 .li2:hover .a2[data-v-50a569bc],
.ul3 .li2:hover .a3[data-v-50a569bc],
.ul3 .li3:hover .a2[data-v-50a569bc],
.ul3 .li3:hover .a3[data-v-50a569bc] {
  color: #fff
}

.ul2 .a2[data-v-50a569bc],
.ul2 .a3[data-v-50a569bc],
.ul3 .a2[data-v-50a569bc],
.ul3 .a3[data-v-50a569bc] {
  display: block
}

.ul3[data-v-50a569bc] {
  width: 100%
}

.hitForm[data-v-c8a6c91a] {
  background: #0551a1;
  height: 35px;
  line-height: 35px
}

.icon[data-v-c8a6c91a] {
  padding-right: 2%
}

.pmTopFormEmail[data-v-25c84673] {
  background: #0551a1;
  position: relative
}

.pmTopFormEmail[data-v-25c84673] .tophit {
  align-items: center;
  display: flex;
  justify-content: center
}

.pmTopFormEmail[data-v-25c84673] .hitForm {
  height: auto;
  line-height: normal
}

.ul li[data-v-25c84673]:nth-child(n+2) {
  border-left: 1px solid #373737;
  margin: 3.5% 0
}

.ul li[data-v-25c84673]:first-child {
  margin: 3.5% 0
}

.ul .lia[data-v-25c84673] {
  align-items: center;
  display: flex;
  justify-content: center
}

.sticky[data-v-25c84673] {
  background: #0551a1;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

.sentinel[data-v-25c84673] {
  height: 1px
}

.box[data-v-077ebd6c],
.box[data-v-077ebd6c]::backdrop,
.box[data-v-077ebd6c]::file-selector-button,
.box[data-v-077ebd6c]:after,
.box[data-v-077ebd6c]:before {
  border: 0 solid;
  box-sizing: border-box;
  margin: 0;
  padding: 0
}
.active {
background:rgba(0, 0, 0, 0.65) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.65) !important;
}

.publicHead[data-v-077ebd6c] {
  height: 80px;
  position: fixed;
  transition:background 0.5s;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #efefef;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);


}

.publicHead .logo img[data-v-077ebd6c] {
  aspect-ratio: 200/46;
  display: block;
  height: auto;
  width: 100%
}

.search[data-v-077ebd6c] {
  margin-left: 13%;
  position: relative
}

.search input[data-v-077ebd6c] {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 26px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  outline: none;
  padding: 9px 5%;
  width: 90%
}

.search .icon[data-v-077ebd6c] {
  position: absolute;
  right: 15%;
  top: 13%
}

.pmNavmodal[data-v-077ebd6c] {
  background: #222;
  box-shadow: 0 0 5px #b1b0b0;
  left: 50%;
  padding: 3% 5%;
  position: fixed;
  top: 8.5%;
  transform: translate(-50%);
  width: 80%;
  z-index: 999
}

.pmNavmodal .oneA[data-v-077ebd6c] {
  border-bottom: 1px solid #fff;
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 3%;
  padding-bottom: 1%;
  text-transform: uppercase
}

.pmNavmodal .navtop[data-v-077ebd6c] {
  margin-bottom: 3%
}

.pmNavmodal .dt:hover .oneA[data-v-077ebd6c] {
  color: #0551a1 !important;
  font-weight: bolder
}

.pmNavmodal .two[data-v-077ebd6c] {
  margin-bottom: 3%;
  margin-left: 5%
}

.pmNavmodal .three[data-v-077ebd6c] {
  margin-bottom: 3%;
  margin-left: 10%
}

.pmNavmodal[data-v-077ebd6c] .dropdown-content,
.pmNavmodal[data-v-077ebd6c] .ul3 {
  display: block
}

.pmNavmodal[data-v-077ebd6c] .dropdown-content {
  background: transparent;
  position: static;
  width: auto
}

.pmNavmodal[data-v-077ebd6c] .dropdown-content .li {
  border-bottom: transparent
}

.pmNavmodal[data-v-077ebd6c] .one {
  display: none
}

.pmNavmodal[data-v-077ebd6c] .ul2 {
  background: transparent;
  display: block;
  position: static
}

.pmNavmodal[data-v-077ebd6c] .li2 {
  border: transparent;
  height: auto;
  line-height: normal;
  margin-bottom: 3%;
  padding: 0
}

.pmNavmodal[data-v-077ebd6c] .a {
  color: #0551a1;
  font-size: 16px;
  height: auto;
  line-height: normal;
  margin: 5% 0
}

.pmNavmodal[data-v-077ebd6c] .oneA {
  padding-bottom: 3%
}

.pmNavmodal[data-v-077ebd6c] .dt:last-child .oneA {
  border-bottom: transparent;
  padding-bottom: 0
}

.pmNavmodal[data-v-077ebd6c] .dropdown {
  border-bottom: 1px solid #fff;
  margin-bottom: 3%
}

.pmSearchModel[data-v-077ebd6c] {
  background: #222;
  border-radius: 7px;
  box-shadow: 0 0 5px #b1b0b0;
  left: 50%;
  margin-left: -47%;
  position: fixed;
  top: 15%;
  width: 94%;
  z-index: 999
}

.pmSearchModel .main[data-v-077ebd6c] {
  padding: 3%
}

.pmsearchCont[data-v-077ebd6c] {
  margin: 3% 0
}

.pmsearchCont .ul[data-v-077ebd6c] {
  align-items: center;
  display: flex
}

.pmsearchCont input[data-v-077ebd6c] {
  border: 1px solid #ccc;
  border-radius: 17px;
  height: 32px;
  padding: 1% 3%;
  width: 100%
}

.pmsearchCont .L[data-v-077ebd6c] {
  width: 80%
}

.pmsearchCont .R[data-v-077ebd6c] {
  height: 37px;
  line-height: 37px;
  width: 20%
}

.back-to-top[data-v-3e7ceb44] {
  border: none;
  border-radius: 5px;
  bottom: 5%;
  color: #0b3e8f;
  cursor: pointer;
  opacity: .8;
  position: fixed;
  right: 2%;
  transition: opacity .3s ease-in-out;
  z-index: 5
}

.back-to-top[data-v-3e7ceb44]:hover {
  opacity: 1
}

.sanurl .sanurlUl[data-v-3e7ceb44] {
  height: 42px;
  line-height: 42px
}

[data-v-758ffd04],
[data-v-758ffd04]:after,
[data-v-758ffd04]:before {
  box-sizing: border-box
}

.foot[data-v-758ffd04] {
  background: #000;
  padding: 3% 0
}

.foot .left img[data-v-758ffd04] {
  width: 66%
}

.catname[data-v-758ffd04]:after {
  background: #0551a1;
  content: "";
  display: block;
  height: 2px;
  margin: 3% 0 10%;
  width: 55px
}

.dtcat .a[data-v-758ffd04] {
  align-items: center;
  display: flex
}

.catcontLi[data-v-758ffd04] {
  margin-bottom: 3.5%
}

.catcontLi:hover .a[data-v-758ffd04],
.catcontLi:hover span[data-v-758ffd04] {
  color: #0551a1 !important
}

[data-v-758ffd04] .publicFootForm {
  padding: 0
}

[data-v-758ffd04] .publicFootForm .worryWords {
  display: none
}

[data-v-758ffd04] .publicFootForm input,
[data-v-758ffd04] .publicFootForm textarea {
  background: transparent !important;
  border-radius: 0;
  color: #fff;
  transition: border-color .3s
}

[data-v-758ffd04] .publicFootForm .form .licont {
  padding-top: 1%
}

[data-v-758ffd04] .publicFootForm .lir {
  width: 100%
}

[data-v-758ffd04] .publicFootForm .send-hit {
  overflow: hidden
}

[data-v-758ffd04] .publicFootForm .sub {
  border-radius: 5px;
  color: #b1b1b1;
  color: #fff;
  float: right;
  padding: 1.2% 0;
  width: 20%
}

[data-v-758ffd04] .publicFootForm .sub:hover {
  color: #fff
}

.innerError[data-v-62db69e3] {
  margin: 5% auto
}

.main[data-v-62db69e3] {
  padding: 0 3%
}

.btit[data-v-62db69e3] {
  margin-bottom: 2%
}

.ul[data-v-62db69e3] {
  margin: 3% 0
}

.ul .icon[data-v-62db69e3] {
  color: #0551a1
}

.ul dt[data-v-62db69e3] {
  font-size: 14px
}

.hit[data-v-62db69e3] {
  background: #0551a1;
  padding: .7% 2%;
  width: -moz-fit-content;
  width: fit-content
}

.indexProBtit[data-v-c2262ccd] {
  padding: 4% 0 3%
}

.indexVr[data-v-c2262ccd] {
  background: #0551a1;
  padding: 1.2% 0
}

.indexAdv[data-v-c2262ccd] {
  background: url(../img/indexWhyBg.webp) 50% no-repeat;
  background-size: cover;
  min-height: 490px
}

.indexWhyBtit[data-v-c2262ccd] {
  padding: 4%
}

.indexCer[data-v-c2262ccd] {
  background: url(../img/indexCerBg.webp) 50% no-repeat;
  background-size: cover;
  min-height: 735px
}

.indexJoin[data-v-c2262ccd] {
  background: #fafafa;
  padding: 5% 0
}

.one[data-v-61c58e4e] {
  cursor: pointer
}

.one .words[data-v-61c58e4e] {
  background: linear-gradient(90deg, transparent, transparent) !important;
  padding: 0 !important
}

.ban[data-v-61c58e4e] {
  overflow: hidden;
  position: relative;
  width: 100%
}

.ban .carousel-inner[data-v-61c58e4e] {
  display: flex;
  transition: transform .5s ease-in-out
}

.ban .carousel-item[data-v-61c58e4e] {
  box-sizing: border-box;
  min-width: 100%;
  position: relative
}

.ban .carousel-item:nth-child(2) .liImg[data-v-61c58e4e] {
  text-align: left
}

.ban .carousel-item:nth-child(2) .liWords[data-v-61c58e4e] {
  left: 100%;
  margin-left: -50%;
  text-align: right;
  top: 28% !important
}

.ban .carousel-item:nth-child(2) .w2[data-v-61c58e4e] {
  display: block
}

.ban .carousel-item:nth-child(2) .words[data-v-61c58e4e] {
  background: linear-gradient(270deg, rgba(0, 0, 0, .7), transparent);
  overflow: hidden
}

.ban .carousel-item:nth-child(2) .small[data-v-61c58e4e] {
  float: right
}

.ban .carousel-item:nth-child(2) .w3[data-v-61c58e4e],
.ban .carousel-item:nth-child(2) .w4[data-v-61c58e4e],
.ban .carousel-item:nth-child(2) .w5[data-v-61c58e4e] {
  display: none
}

.ban .carousel-item:nth-child(3) .w1[data-v-61c58e4e] {
  display: block
}

.ban .carousel-item:nth-child(3) .w2[data-v-61c58e4e] {
  color: #fff
}

.ban .carousel-item:nth-child(3) .w3[data-v-61c58e4e] {
  color: #0551a1
}

.ban .carousel-item:nth-child(3) .liWords[data-v-61c58e4e] {
  top: 22%
}

.ban .carousel-item:nth-child(3) .liImg[data-v-61c58e4e] {
  bottom: 10%
}

.ban .carousel-item:nth-child(4) .liWords[data-v-61c58e4e] {
  left: 100%;
  top: 0
}

.ban .carousel-item:nth-child(4) .w2[data-v-61c58e4e],
.ban .carousel-item:nth-child(4) .w3[data-v-61c58e4e] {
  display: block
}

.ban .carousel-item:nth-child(4) .words[data-v-61c58e4e] {
  background: #00000080;
  height: 750px;
  overflow: hidden
}

.ban .carousel-item:nth-child(4) .desc[data-v-61c58e4e] {
  font-weight: 400
}

.ban .carousel-item:nth-child(4) .big[data-v-61c58e4e] {
  margin-top: 17%
}

.ban .carousel-item:nth-child(4) .big[data-v-61c58e4e],
.ban .carousel-item:nth-child(4) .desc[data-v-61c58e4e] {
  text-align: right
}

.ban .carousel-item:nth-child(4) .desc[data-v-61c58e4e] {
  margin: 5% 0 13%
}

.ban .carousel-item:nth-child(4) .small[data-v-61c58e4e] {
  float: right;
  padding: 2% 0
}

.ban .carousel-item:nth-child(4) .liImg[data-v-61c58e4e] {
  display: none
}

.ban .carousel-item[data-v-61c58e4e]:nth-child(5) {
  text-align: center
}

.ban .carousel-item:nth-child(5) .words[data-v-61c58e4e] {
  background: transparent;
  padding: 1.5% 35px 0
}

.ban .carousel-item:nth-child(5) .small[data-v-61c58e4e] {
  display: none
}

.ban .carousel-item:nth-child(5) .liWords[data-v-61c58e4e] {
  margin-left: -50%;
  top: 0;
  width: 100%
}

.ban .carousel-item:nth-child(5) .liImg[data-v-61c58e4e] {
  margin-left: -900px;
  width: 1800px
}

.ban .carousel-item:nth-child(5) .big[data-v-61c58e4e] {
  margin-bottom: .8%;
  margin-top: -2%
}

.ban .carousel-item:nth-child(5) .w1[data-v-61c58e4e] {
  color: #0551a1;
  font-size: 110px
}

.ban .carousel-item:nth-child(5) .w2[data-v-61c58e4e] {
  color: #fff
}

.ban .carousel-item:nth-child(5) .desc[data-v-61c58e4e] {
  text-transform: uppercase
}

.ban .carousel-item .banimg[data-v-61c58e4e],
.ban .pmbanimg[data-v-61c58e4e] {
  height: auto;
  width: 100%
}

.ban .banimg[data-v-61c58e4e] {
  aspect-ratio: 96/35
}

.ban .pmbanimg[data-v-61c58e4e] {
  aspect-ratio: 375/224
}

.ban .carousel-pagination[data-v-61c58e4e] {
  bottom: 30px;
  display: flex;
  gap: 5px;
  left: 50%;
  position: absolute;
  transform: translate(-50%)
}

.ban .carousel-pagination button[data-v-61c58e4e] {
  background-color: #fff;
  border: none;
  cursor: pointer;
  height: 7px;
  outline: none;
  width: 55px
}

.ban .carousel-pagination button.active[data-v-61c58e4e] {
  background-color: #0551a1
}

.ban .banCont .li[data-v-61c58e4e] {
  left: 50%;
  margin-left: -750px;
  position: absolute
}

.ban .banCont .liWords[data-v-61c58e4e] {
  top: 16%;
  z-index: 1
}

.ban .banCont .liImg[data-v-61c58e4e] {
  bottom: 0;
  width: 1500px;
  z-index: 0
}

.ban .words[data-v-61c58e4e] {
  background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent);
  padding: 3% 35px
}

.ban .big[data-v-61c58e4e] {
  line-height: 100%;
  margin-bottom: 2%
}

.ban .small[data-v-61c58e4e] {
  background: #0551a1;
  border-radius: 7px;
  padding: 1% 0;
  width: 58%
}

.ban .small .a[data-v-61c58e4e] {
  color: #fff !important
}

.ban .small[data-v-61c58e4e]:hover {
  background: #000c
}

@keyframes fadeInLeft-61c58e4e {
  0% {
    opacity: 0;
    transform: translate(-24px)
  }

  to {
    opacity: 1;
    transform: translate(0)
  }
}

.animate__fadeInLeft[data-v-61c58e4e] {
  animation: fadeInLeft-61c58e4e .6s ease-out both
}

.indexBtitNei[data-v-77c27519]:after {
  background: #0551a1;
  content: "";
  display: block;
  height: 3px;
  margin: 1% auto 0;
  width: 70px
}

.indexProCat[data-v-112d1f47] {
  margin-bottom: 3%
}

.indexProCat .cont[data-v-112d1f47] {
  background: radial-gradient(circle, #fff, #f5f5f5)
}

.indexProCat .cont img[data-v-112d1f47] {
  aspect-ratio: 40/29;
  display: block;
  height: auto;
  width: 100%
}

.indexProCat .cont:hover .words[data-v-112d1f47] {
  background: #0551a1;
  transition: background-color .3s;
  color:#fff;
}

.indexProCat .cont:hover .desc[data-v-112d1f47] {
  color: #fff;
  display: -webkit-box;
  margin-top: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden
}

.indexProCat .cont:hover .more[data-v-112d1f47] {
  background: #202020;
  display: block;
  margin-top: 4%;
  padding: 1% 3%;
  width: -moz-fit-content;
  width: fit-content
}

.indexProCat .cont:hover img[data-v-112d1f47] {
  transform: scale(1.15)
}

.indexProCat .li:nth-child(3) .cont:hover .desc[data-v-112d1f47],
.indexProCat .li:nth-child(8) .cont:hover .desc[data-v-112d1f47] {
  display: none
}

.indexProCat .img[data-v-112d1f47] {
  padding: 10% 2%
}

.indexProCat img[data-v-112d1f47] {
  transition: all .5s ease-out;
  width: 100%
}

.indexProCat .desc[data-v-112d1f47] {
  color: #939395;
  margin-top: 3%
}

.indexProCat .words[data-v-112d1f47] {
  background: transparent;
  min-height: 116px;
  padding: 6% 0 3%
}

.indexProCat .more[data-v-112d1f47] {
  display: none
}

.indexWhy .desc[data-v-1cd7811f] {
  margin: 1% 0 3%
}

.indexWhy .cont[data-v-1cd7811f] {
  align-items: center;
  background: #ffffff4d;
  display: flex;
  margin-bottom: 5%;
  padding: 5%
}

.indexWhy .cont[data-v-1cd7811f]:hover {
  background: #0551a1;
  cursor: pointer;
  transition: background-color .3s
}

.indexWhy .cont:hover .icon[data-v-1cd7811f] {
  background: url(https://oss.china-vote.com/website/official/indexWhyCircleH.png) 0 no-repeat;
  background-size: cover
}

.indexWhy .cont:hover .alicon[data-v-1cd7811f] {
  color: #fff
}

.indexWhy .cont:hover .words span[data-v-1cd7811f] {
  color: #fff !important
}

.indexWhy .icon[data-v-1cd7811f] {
  align-items: center;
  background: url(https://oss.china-vote.com/website/official/indexWhyCircle.png) 0 no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  min-height: 50px;
  min-width: 50px
}

.indexWhy .words[data-v-1cd7811f] {
  margin-left: 3%
}

.indexJoinCont .catdesc[data-v-e1bb6aa5] {
  color: #939393;
  margin: 1% 0 3%
}

.indexJoinCont img[data-v-e1bb6aa5] {
  aspect-ratio: 400/223;
  background: #eee;
  width: 100%
}

.indexJoinCont .tit[data-v-e1bb6aa5] {
  border-bottom: 2px solid #ededed;
  min-height: 63px
}

.indexJoinCont .words[data-v-e1bb6aa5] {
  background: #fff;
  padding: 5% 8%
}

.indexJoinCont .desc[data-v-e1bb6aa5] {
  color: #939393;
  margin-top: 5%
}

.indexJoinCont .cont[data-v-e1bb6aa5] {
  border-bottom: 4px solid transparent;
  box-shadow: 0 2px 10px #0003;
  margin-bottom: 3%
}

.indexJoinCont .cont:hover .tit[data-v-e1bb6aa5] {
  color: #0551a1
}

.indexJoinCont .cont[data-v-e1bb6aa5]:hover {
  border-bottom: 4px solid #0551a1
}

.cerCont[data-v-471439fc] {
  margin-top: 5%
}

.cerCont img[data-v-471439fc] {
  height: auto;
  width: 100%
}

.cerCont .pcimg[data-v-471439fc] {
  aspect-ratio: 13/5
}

.cerCont .pmimg[data-v-471439fc] {
  aspect-ratio: 25/12
}

.indexAb[data-v-0cbb4d8f] {
  background: #f5f5f5;
  position: relative
}

.indexAb .img[data-v-0cbb4d8f] {
  aspect-ratio: 480/349;
  background-color: #f0f0f0;
  display: block;
  width: 100%
}

.indexAb .flicker[data-v-0cbb4d8f] {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%
}

.indexAb .flicker[data-v-0cbb4d8f]:after {
  background: linear-gradient(270deg, #fdfdfd00, #ffffff59, #fff0);
  content: "";
  height: 100%;
  left: -60%;
  position: absolute;
  top: 0;
  transform: skew(-45deg);
  width: 30%
}

.indexAb:hover .flicker[data-v-0cbb4d8f]:after {
  left: 172%;
  transition: 1s ease
}

.indexAb .bigger[data-v-0cbb4d8f] {
  color: #ececec;
  font-size: 90px
}

.indexAb .main[data-v-0cbb4d8f] {
  left: 100%;
  margin-left: -50%;
  position: absolute;
  top: 5%;
  width: 100%
}

.indexAb .toptit[data-v-0cbb4d8f] {
  margin-top: 3%;
  padding: 0 0 0 5%
}

.indexAb .toptit[data-v-0cbb4d8f]:after {
  background: #0551a1;
  content: "";
  display: block;
  height: 3px;
  margin-top: 3%;
  width: 50px
}

.indexAb .abcont[data-v-0cbb4d8f] {
  margin: 5% 0;
  padding: 0 0 0 5%
}

.indexAb .more[data-v-0cbb4d8f] {
  background: #0551a1;
  margin: 0 0 0 5%;
  padding: 1.5% 3%;
  width: -moz-fit-content;
  width: fit-content
}