/* 定义 Regular 字体 */
@font-face {
    font-family: 'PingFang SC';
    src: url('/fonts/PingFangSC-Regular4.woff2') format('woff2');
    font-weight: normal; /* 或者用 400 表示 */
    font-style: normal;
}

/* 定义 Bold 字体 */
@font-face {
    font-family: 'PingFang SC';
    src: url('/fonts/PingFang-Bold.woff2') format('woff2');
    font-weight: bold; /* 或者用 700 表示 */
    font-style: normal;
}

/* 定义 Medium 字体 */
@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('/fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
    font-weight: normal; /* 或者用 medium 表示 */
    font-style: normal;
}

/* 定义 Medium 字体 */
@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
    font-weight: bold; /* 或者用 medium 表示 */
    font-style: normal;
}

:root {--el-font-family: PingFang SC,SourceHanSansCN-Normal,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif!important;}
.group_44 {
  width: 1409px;
  height: 66px;
}

.image_1 {
  width: 116px;
  height: 27px;
  margin-top: 20px;
}

.box_34 {
  width: 37px;
  height: 30px;
  margin: 20px 0 0 50px;
}

.text_1 {
  width: 37px;
  height: 25px;
  overflow-wrap: break-word;
  color: rgba(5, 105, 255, 1);
  font-size: 18px;
  letter-spacing: 0.04500000178813934px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 25px;
}

.group_1 {
  background-color: rgba(5, 105, 255, 1);
  border-radius: 2px;
  width: 30px;
  height: 3px;
  margin: 2px 0 0 4px;
}

.text_2 {
  width: 33px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 16px;
  letter-spacing: 0.03999999910593033px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin: 22px 0 0 40px;
}

.text_3 {
  width: 65px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 16px;
  letter-spacing: 0.03999999910593033px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin: 22px 0 0 40px;
}

.text_4 {
  width: 65px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 16px;
  letter-spacing: 0.03999999910593033px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin: 22px 0 0 40px;
}

.text_5 {
  width: 65px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 16px;
  letter-spacing: 0.03999999910593033px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin: 22px 0 0 40px;
}

.text_111 {
  width: 33px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 16px;
  letter-spacing: 0.03999999910593033px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 22px;
  margin: 21px 0 0 633px;
}

.thumbnail_6 {
  width: 8px;
  height: 4px;
  margin: 31px 0 0 8px;
}

.text-wrapper_1 {
  background-color: rgba(3, 79, 210, 1);
  height: 66px;
  margin-left: 40px;
  width: 96px;
}

.text_7 {
  width: 57px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  letter-spacing: 0.03500000014901161px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
  margin: 23px 0 0 20px;
}body * {
  /* box-sizing: border-box; */
  /* flex-shrink: 0; */
}
body {
  font-family: PingFang SC,SourceHanSansCN-Normal,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif!important;
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
  html{
    font-size: 0.78px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  html{
    font-size: 0.81px !important;
  }
}
@media only screen and (min-width: 750px) and (max-width: 960px) {
  html{
    font-size: 0.6px !important;
  }
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1rem solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
 @keyframes SolutionHighlightText {
    0% {
        width: 0rem;
    }
     
    100% {
        width: 100%;
    }
  }
@media only screen and (min-width: 1600px) {
  * .banner .box { 
      padding-top: 245rem !important; 
  }
}
.list ul li h2 { 
    transition: margin-top 0.3s linear;
}
.list ul li p { 
    transition: margin-top 0.3s linear;
}
.list ul li:hover h2 {
    margin-top:0rem;
}
* .banner .box a { 
  font-weight: bold;
}
* .banner .box h2 { 
  font-weight: bold;
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
}

#app {
  width: 100%;
  overflow: hidden;
}

.fonts{
  display: block;
  position: relative;
  z-index: 10;
}
.keep:after {
  z-index: 9;
}
.computer{
  display: none !important;
}
.mobile{
  display: none !important;
}
@media only screen and (max-width: 90000px) and (min-width: 751px) {
  .computer{
    display: flex !important;
  }
}
@media only screen and (max-width: 750px) {
  .mobile{
    display: flex !important;
  }
}.hide_box {
    background-color: rgba(19, 32, 44, 0.7);
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 99;
}

.logo_yun {
    display: none;
}

.vulanguage_css {
    color: #0569FF !important;
    font-weight: bold;
}

.vulanguage_css path {
    fill: #0569FF !important;
}

.hide_box .case_show {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
    height: 236rem;
    padding-top: 66rem;
}

.hide_box .close {
    position: absolute;
    width: 100%;
    z-index: 998;
    top: 236rem;
    height: 100%;
}

.hide_box .case_show ul {
    display: flex;
    width: 1200rem;
    margin: 0 auto;
    flex-wrap: wrap;
}

.hide_box .case_show ul li {
    width: 237rem;
    display: flex;
    justify-content: center;
    margin-top: 30rem;
    border-right: 1rem solid #D4DBE7;
}

.hide_box .case_show ul li a {
    display: block;
    color: rgba(26, 26, 26, 1);
    font-size: 16rem;
    width: 148rem;
    padding-left: 6rem;
}

.hide_box .case_show ul li img {
    margin-right: 12rem;
}

.hide_box .case_show ul li:nth-child(5) {
    border-right: none;
}

* .header .white {
    display: none;
}

* .header {
    margin: 0rem;
    display: flex;
    justify-content: space-between;
    height: 66rem;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

* .header:hover {
    background: #fff;
}

.header .navigation .active a {
    color: #0569FF;
    font-weight: 700;
    font-size: 18rem;
}

.header .navigation .active {
    font-size: 18rem;
    color: #0569FF;
    position: relative;
    font-weight: 700;
}

.header .navigation li:hover a {
    color: #0569FF !important;
    font-weight: 700;
}

.header .navigation li:hover {
    font-size: 16rem;
    color: #0569FF;
    position: relative;
    font-weight: 700;
}

.header .navigation li:hover::after {
    display: block;
    content: "";
    position: absolute;
    width: 35rem;
    height: 3rem;
    background: #0569FF;
    border-radius: 2rem;
    left: 50%;
    bottom: -5rem;
    transform: translate(-50%, -50%);
}

.header .navigation .active::after {
    display: block;
    content: "";
    position: absolute;
    width: 35rem;
    height: 3rem;
    background: #0569FF;
    border-radius: 2rem;
    left: 50%;
    bottom: -5rem;
    transform: translate(-50%, -50%);
}

.header .mask {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #d5d5d51a;
    right: 0;
    top: 0;
    z-index: 1;
}

.header .vu_language_select .active {
    background: #EEF5FF;
    border-radius: 8rem;
    color: #0569FF;
    font-weight: bold;
}

.header .vu_language_select {
    width: 150rem;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
    border-radius: 20rem;
    position: absolute;
    top: 67rem;
    left: -50rem;
    padding: 16rem 14rem;
    color: #5D6E7F;
}

.header .vu_language_select ul {
}

.header .vu_language_select ul li {
    font-weight: 500;
    padding: 8rem 16rem;
}

* .header .left {
    margin: 0rem;
    display: flex;
}

* .header .left .logo {
    margin: 0rem;
    margin-left: 30rem;
    margin-right: 15rem;
    width: 116rem;
}

* .header .left div {
    margin: 0rem;
}

* .header .left div ul {
    margin: 0rem;
    display: flex;
}

* .header .left div ul li {
    margin: 0rem;
    margin-left: 40rem;
}

* .header .left div ul li a {
    margin: 0rem;
    font-size: 16rem;
}

* .header .right {
    margin: 0rem;
    display: flex;
}

* .header .right .language {
    margin: 0rem;
    display: flex;
    align-items: center;
    font-size: 16rem;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

* .header .right .language .thumbnail_6 {
    margin: 0rem;
    margin-left: 2rem;
}

* .header .right .free {
    margin: 0rem;
    background: #034FD2;
    height: 66rem;
    margin-left: 40rem;
    width: 96rem;
}

* .header .right .free:hover {
    background: #0569FF;
}

* .header .right .free a {
    margin: 0rem;
    font-size: 14rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96rem;
    height: 66rem;
}

* .header .right .language path {
    fill: #000;
}

* .hide_product_box .boxs {
    margin: 0 auto;
    width: 1116rem;
    display: flex;
}

.hide_product_box .close {
    position: absolute;
    width: 100%;
    z-index: 998;
    top: 436rem;
    height: 100%;
}

* .hide_product_box {
    margin: 0rem;
    background-color: rgba(19, 32, 44, 0.7);
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 99;
}

* .hide_product_box .product_show {
    margin: 0rem;
    display: flex;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
    height: 436rem;
    padding-top: 88rem;
}

* .hide_product_box .product_show .lefts {
    margin: 0rem;
    width: 156rem;
    height: 294rem;
    border-right: 1rem solid #D4DBE7;
}

* .hide_product_box .product_show .lefts ul {
    margin: 0rem;
}

* .hide_product_box .product_show .lefts ul .vu_product_active {
}

* .hide_product_box .product_show .lefts ul .vu_product_active .title {
    font-weight: 600;
    color: #0569FF;
    width: 113rem;
    height: 30rem;
    cursor: pointer;
    line-height: 20rem;
    padding-bottom: 8rem;
    border-bottom: 2rem solid #0569FF;
}

* .hide_product_box .product_show .lefts ul li {
    margin: 0rem;
    margin-bottom: 45rem;
    cursor: pointer;
    height: 50rem;
}

* .hide_product_box .product_show .lefts ul li img {
    margin: 0rem;
}

* .hide_product_box .product_show .lefts ul li .title {
    margin: 0rem;
    font-weight: 400;
    font-size: 14rem;
    color: #5D6E7F;
    line-height: 20rem;
    margin-top: 8rem;
}

* .hide_product_box .product_show .rights {
    margin: 0rem;
    margin-left: 24rem;
}

* .hide_product_box .product_show .rights ul {
    margin: 0rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 920rem;
}

* .hide_product_box .product_show .rights li {
    margin: 0rem;
    width: 283rem;
    margin-bottom: 48rem;
    border-right: 1rem solid #D4DBE7;
}

* .hide_product_box .product_show .rights li a {
    margin: 0rem;
}

* .hide_product_box .product_show .rights li a h3 {
    margin: 0rem;
    display: flex;
    align-items: center;
    font-size: 16rem;
    color: #1A1A1A;
    line-height: 22rem;
    letter-spacing: 1rem;
}

* .hide_product_box .product_show .rights li a h3 .icon {
    margin: 0rem;
    width: 24rem;
    height: 24rem;
    background: #EEF5FF;
    border-radius: 8rem;
    margin-right: 8rem;
    padding: 5rem;
    box-sizing: border-box;
}

* .hide_product_box .product_show .rights li a p {
    margin: 0rem;
    font-weight: 400;
    font-size: 14rem;
    color: #5D6E7F;
    line-height: 20rem;
    letter-spacing: 1rem;
    margin-top: 8rem;
    width: 258rem;
}

* .hide_product_box .product_show .rights li a .more {
    margin: 0rem;
    font-weight: 400;
    font-size: 14rem;
    color: #8D9FB3;
    line-height: 20rem;
    display: flex;
    align-items: center;
    margin-top: 12rem;
}

* .hide_product_box .product_show .rights li a .more img {
    margin: 0rem;
    height: 14rem;
}

* .vublack_css .navigation a {
    color: #000 !important;
}

*.vublack_css .white {
    display: none !important;
}

*.vublack_css .black {
    display: block !important;
}

*.vublack_css .right .language {
    color: #000 ;
}

*.vublack_css .right .language {
    color: #000 !important;
}

*.vublack_css .navigation .active a {
    color: #0569FF !important;
}

*.vublack_css .navigation .active::after {
    background: #0569FF !important;
}

*.vublack_css .right .language path {
    fill: #000 !important ;
}

* .hide_product_box .product_show li:hover a p {
    color: #2b80ff !important;
}

* .hide_product_box .product_show li:hover a .more {
    color: #5d9eff !important;
}

* .hide_product_box .product_show li:hover a .more img {
    color: #87b7ff !important;
    opacity: 0.3;
    filter: brightness(0) saturate(100%) hue-rotate(215deg);
}

* .hide_product_box .product_show li:hover a h3 {
    color: #0569FF;
}

.hide_box .case_show ul li:hover a {
    color: #0569FF;
    font-weight: bold;
}.header-m{
    display: none!important;
}
@media only screen and (max-width: 750px) {
    .header {
        display: none!important;
    }

    .header-m {
        display: flex!important;
    }

    * .header-m {
        margin: 0rem;
        height: 80rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 6rem;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

   .header-m .logo .menu {
        display: block;
    }
    
    * .header-m.fixed-top {
        background: #fff;
    }

    * .header-m .logo  .menu img {
        margin: 0rem;
        width: 24rem;
    }

    * .header-m .logo  .menu.show img {
        margin: 0rem;
        width: 32rem;
    }

    * .header-m .logo {
        margin: 0rem;
        margin-left: 4rem;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        box-sizing: border-box;
    }

    * .header-m .logo img {
        margin: 0rem;
        width: 135rem;
    }

    * .header-m .nav {
    }

    .logo button {
        display: block;
        height: 42rem;
        padding: 16rem;
        box-sizing: content-box;
        background-color: transparent;
        background-image: none;
        border: 1rem solid transparent;
        margin-right: 0.8rem;
        padding-top: 6rem;
    }

    .logo .icon_bar {
        display: block;
        height: 1rem;
        border-radius: 1rem;
        width: 31rem;
        margin-top: 9rem;
        background-color: #000;
        transition: all 0.3s;
    }

    * .header-m .nav {
        position: absolute;
        top: 80rem;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100vh;
        background: #fff;
    }

    * .header-m .nav ul {
        margin: 0rem;
        display: block;
        width: 100%;
    }

    * .header-m .nav ul ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10rem;
    }

    * .header-m .nav ul .tab {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10rem;
        margin-top: 18rem;
        border-bottom: 1rem solid #e1e1e1;
    }

    * .header-m .nav ul ul li {
        width: 47%;
        padding-left: 8rem;
    }

    * .header-m .nav ul .tab li {
        width: 47%;
        padding-left: 8rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    * .header-m .nav ul .tab .vu_product_active .title {
        font-weight: 600;
        color: #0569FF;
        width: 100%;
        height: 30rem;
        cursor: pointer;
        line-height: 20rem;
        padding-bottom: 8rem;
        border-bottom: 2rem solid #0569FF;
    }

    * .header-m .nav .tab ul li {
        margin: 0rem;
        margin-bottom: 45rem;
        cursor: pointer;
        height: 50rem;
    }

    * .header-m .nav .tab ul li img {
        margin: 0rem;
    }

    * .header-m .nav .tab .title {
        margin: 0rem;
        font-weight: 400;
        font-size: 14rem;
        color: #5D6E7F;
        line-height: 20rem;
        margin-top: 8rem;
        width: 100%;
        text-align: center;
    }

    * .header-m .nav ul ul li a {
        display: block;
    }

    * .header-m .nav ul li .list ul li p {
        display: none;
    }

    * .header-m .nav ul li .list ul li h3 {
        font-size: 18rem;
        font-weight: 400;
    }

    * .header-m .nav ul li .list ul li .icon {
        margin: 0rem;
        width: 24rem;
        height: 24rem;
        background: #EEF5FF;
        border-radius: 8rem;
        margin-right: 0rem;
        padding: 5rem;
        box-sizing: border-box;
        border: none;
    }

    * .header-m .nav ul li .list ul li .more {
        display: none;
    }

    * .header-m .nav ul li a {
        font-size: 18rem;
        padding-left: 17rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 56rem;
        height: 56rem;
        color: #666;
    }

    * .header-m .nav ul li .active {
        color: rgb(43, 88, 249);
        background: rgb(242, 245, 255);
        width: 100%;
        display: flex;
        line-height: 56rem;
        height: 56rem;
        padding-right: 0;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }

    * .header-m .nav ul li .active .icon {
        transform: rotate(180deg);
        border-color: rgb(43, 88, 249) transparent transparent;
    }

    * .header-m .nav ul li .icon {
        display: inline-block;
        width: 0rem;
        height: 0rem;
        border-style: solid;
        border-width: 7rem 5rem 0rem;
        color: #666;
        border-radius: 1rem;
        border-color: currentcolor transparent transparent;
        transform-origin: 50% 50% 0rem;
        transform: rotate(0deg);
        position: relative;
        transition: all 0.3s ease-in-out 0s;
        margin-right: 19rem;
    }

    .show .icon_bar:nth-child(1) {
        transform: translate3d(0, 5rem, 0) rotate(45deg);
    }

    .show .icon_bar:nth-child(2) {
        transform: scaleX(0);
    }

    .show .icon_bar:nth-child(3) {
        transform: translate3d(0, -15rem, 0) rotate(-45deg);
    }

    .vumenu_active {
        background-color: #fff !important;
        position: fixed;
    }

    .vumenu_active .white {
        display: none !important;
    }

    .vumenu_active .black {
        display: block !important;
    }

    .vumenu_active .logo .icon_bar {
        background-color: #000 !important;
    }

    .header-m .white {
        display: none ;
    }
}:root {
    --container-width: 0rem;
}

.banner {
    height: 1102rem;
    background: url(/img/SketchPngb6df498a4358e8a2826ed885eb1bff5df3c8bb211991c7a1a8df265db187a28e.png) 100% no-repeat;
    background-size: 100% 100%;
}

.banner h1 {
    font-size: 60rem;
    color: rgba(48, 61, 84, 1);
    text-align: center;
    width: 100%;
    padding-top: 170rem;
}

.banner .h1 {
    height: 182rem;
}

.banner h2 {
    text-align: center;
    width: 552rem;
    height: 70rem;
    font-size: 50rem;
    color: #13202C;
    line-height: 70rem;
    font-style: normal;
    background: linear-gradient(151.69081273239016deg, #9326FF 0%, #3355F9 100%);
    -webkit-background-clip: text; 
    color: transparent; 
    -webkit-text-fill-color: transparent; 
    display: block;
    margin: 0 auto;
    margin-top: 30rem;
    border-right: 3rem solid #000;
}

.banner .h2 {
    text-align: center;
    font-size: 50rem;
    color: #13202C;
    line-height: 70rem;
    font-style: normal;
    background: linear-gradient(151.69081273239016deg, #9326FF 0%, #3355F9 100%);
    -webkit-background-clip: text; 
    color: transparent; 
    -webkit-text-fill-color: transparent;
}

.banner .buttons {
    width: 294rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 74rem;
}

.banner .buttons .free:hover {
    opacity: 0.6;
}

.banner .buttons .free {
    font-size: 18rem;
    background-color: rgba(19, 32, 44, 1);
    border-radius: 30rem;
    height: 50rem;
    width: 137rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
}

.banner .buttons .join:hover {
    background-color: #13202C;
    color:#fff;
    /* background-color: transparent; */
}

.banner .buttons .join {
    cursor: pointer;
    font-size: 18rem;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 30rem;
    height: 50rem;
    border: 2rem solid #13202C;
    width: 137rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #13202C;
}

.banner .aboutus {
    width: 1200rem;
    height: 300rem;
    margin: 152rem auto;
    display: flex;
    background: #fff;
    border-radius: 16rem;
}

.banner .aboutus .left {
    background-image: url(/public/uploads/20240816/08d926d59553ca0e87cbbcfa0822df9a.png);
    background-size: 100%;
    width: 596rem;
    background-position: right top;
    padding: 40rem;
}

.banner .aboutus .left h1 {
    text-align: left;
    padding-top: 0rem;
    font-size: 32rem;
}

.banner .aboutus .left p {
    font-size: 16rem;
    margin-top: 25rem;
    margin-bottom: 20rem;
}

.banner .aboutus .left .button {
    font-size: 14rem;
}
.banner .button a:hover{
   background: unset;
    color: #0569FF;
}
.banner .aboutus .left .button:hover {
    font-size: 14rem;
    font-weight: bold;
    cursor: pointer;
    color: #0569FF;
}

.banner .aboutus .left .button img {
}

.banner .aboutus .right {
    width: 600rem;
}

.banner .aboutus .right img {
    width: 100%;
    height: auto;
}

.banner .aboutus .left .button:hover {
    font-size: 14rem;
    font-weight: bold;
    cursor: pointer;
    color: #0569FF;
}

.banner .aboutus .left .button .img_show {
    display: none;
}

.banner .aboutus .left .button:hover .img {
    display: none;
}

.banner .aboutus .left .button:hover .img_show {
    display: inline-flex;
}

@media only screen and (max-width: 750px) {
    .banner {
        height: auto;
        background: url(/img/SketchPngb6df498a4358e8a2826ed885eb1bff5df3c8bb211991c7a1a8df265db187a28e.png) no-repeat;
        background-size: 100%;
        background-position: top;
    }

    .banner h1 {
        font-size: 32rem;
        color: rgba(48, 61, 84, 1);
        text-align: center;
        width: 100%;
        padding-top: 120rem;
    }

    .banner .h1 {
        height: 162rem;
    }

    .typed-cursor {
        font-size: 32rem !important;
    }

    .banner h2 {
        text-align: center;
        width: 552rem;
        height: 70rem;
        font-size: 32rem;
        color: #13202C;
        line-height: 70rem;
        font-style: normal;
        background: linear-gradient(151.69081273239016deg, #9326FF 0%, #3355F9 100%);
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
        display: block;
        margin: 0 auto;
        margin-top: 30rem;
        border-right: 3rem solid #000;
    }

    .banner .h2 {
        text-align: center;
        font-size: 32rem;
        color: #13202C;
        line-height: 70rem;
        font-style: normal;
        background: linear-gradient(151.69081273239016deg, #9326FF 0%, #3355F9 100%);
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .banner .buttons {
        width: 294rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 0rem;
    }

    .banner .buttons .free:hover {
        opacity: 0.6;
    }

    .banner .buttons .free {
        font-size: 18rem;
        background-color: rgba(19, 32, 44, 1);
        border-radius: 30rem;
        height: 50rem;
        width: 137rem;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-weight: bold;
    }

    .banner .buttons .join:hover {
        background-color: #13202C;
        color: #fff;
        /* background-color: transparent; */
    }

    .banner .buttons .join {
        cursor: pointer;
        font-size: 18rem;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 30rem;
        height: 50rem;
        border: 2rem solid #13202C;
        width: 137rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        color: #13202C;
    }

    .banner .aboutus {
        width: 100%;
        height: 300rem;
        margin: 304rem auto;
        margin-bottom: 80rem;
        background: #fff;
        border-radius: 16rem;
        display: flex;
        flex-direction: column-reverse;
    }

    .banner .aboutus .left {
        background-image: url(/public/uploads/20240816/08d926d59553ca0e87cbbcfa0822df9a.png);
        background-size: 100%;
        width: 100%;
        background-position: right center;
        padding: 40rem;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 16rem;
        position: relative;
        z-index: 99;
        background-repeat: no-repeat;
    }

    .banner .aboutus .left h1 {
        text-align: left;
        padding-top: 0rem;
        font-size: 32rem;
    }

    .banner .aboutus .left p {
        font-size: 16rem;
        margin-top: 25rem;
        margin-bottom: 20rem;
    }

    .banner .aboutus .left .button {
        font-size: 14rem;
    }

    .banner .aboutus .left .button:hover {
        font-size: 14rem;
        font-weight: bold;
        cursor: pointer;
        color: #0569FF;
    }

    .banner .aboutus .left .button:hover a {
        color: #0569FF;
    }

    .banner .aboutus .left .button img {
    }

    .banner .aboutus .right {
        width: 100%;
        height: 179rem;
        border-radius: 16rem 16rem 0 0;
    }

    .banner .aboutus .right img {
        width: 100%;
        height: auto;
        border-radius: 16rem 16rem 0 0;
    }

    .banner .aboutus .left .button:hover {
        font-size: 14rem;
        font-weight: bold;
        cursor: pointer;
        color: #0569FF;
    }

    .banner .aboutus .left .button .img_show {
        display: none;
    }

    .banner .aboutus .left .button:hover .img {
        display: none;
    }

    .banner .aboutus .left .button:hover .img_show {
        display: inline-flex;
    }

    * .research {
        margin: 0rem;
        background-color: rgba(247, 247, 249, 1);
        border-radius: 1rem;
        height: auto;
        padding-bottom: 0rem;
    }

    * .research .title {
        font-size: 40rem;
        text-align: center;
        height: auto;
        margin: 0 auto;
        padding-top: 80rem;
        margin-bottom: 50rem;
    }

    * .research .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        /* background-image: url(/img/SketchPng81a414752237dc10fcb845dd347aada820e68d7d7fce048932a6bfda5f288993.png);
    background-repeat: no-repeat; */
        background-position: 93rem 30rem;
        width: 224rem;
        text-align: center;
    }

    * .research .list {
        margin: 0rem auto;
        overflow: hidden;
        width: 100%;
        font-size: 20rem;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
        border-radius: 16rem;
        box-sizing: border-box;
        padding: 42rem 40rem;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 263rem 24rem;
    }

    * .research .list .bg1 {
        background-image: url(/public/uploads/20240912/b6419f55d9b3b66744b2094f11f517e7.svg);
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center;
    }

    * .research .list .bg2 {
        background-image: url(/public/uploads/20240912/ec0675ad11ad6a47c32c65845c32b3fc.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
}* .environment {
  margin: 0rem;
  width: 100%;
  overflow: hidden;
}

* .environment h1 {
  margin: 0rem;
}

* .environment .info_box {
  margin: 0rem auto;
  background-color: rgba(26, 26, 26, 1);
  border-radius: 20rem 19rem 19rem 20rem;
  width: 1440rem;
  height: 530rem;
  position: relative;
  overflow: hidden;
}
 
* .environment .info_box .img1 {
    position: absolute;
    right: 0;
    bottom: 44rem;
    height: 394rem;
}
* .environment .info_box .img1 img {
    width: 726rem;
}
* .environment .info_box .img2 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 482rem;
}
* .environment .info_box .tab {
  margin: 0rem;
  padding-top: 80rem;
  padding-left: 80rem;
}* .environment .info_box .img2 img {
    width: 726rem;
}
* .environment .active{
   background-image: url(/public/uploads/20240905/f0b211fa7ac6ae4fa62d39f8d7bd7d9f.svg);
    background-repeat: no-repeat;
        background-size: 141rem;
    background-position: 5rem 18rem;
    opacity: 1 !important;
    font-weight: 600 !important;
}
* .environment .info_box .tab span {
    margin: 0rem;
    font-size: 32rem;
    color: #fff;
    margin-right: 50rem;
    cursor: pointer; 
    opacity: 0.6;
}

* .environment .info_box .content {
  margin: 0rem;
  width: 600rem;
  margin-left: 80rem;
  padding-top: 60rem;
}
* .environment .info_box .content2 {
    margin: 0rem;
    width: 683rem;
    margin-left: 80rem;
    padding-top: 60rem;
    margin-top: -20rem;
}
* .environment .info_box .content p {
  margin: 0rem;
  font-size: 20rem;
  color: #fff;
  margin-top: 2rem;
}
* .environment .info_box .content ul {display: flex;justify-content: space-between;flex-wrap: wrap;padding-left: 14rem;}
* .environment .info_box .content ul li {width: calc(50% - 30rem);box-sizing: border-box;margin-right: 30rem;margin-top: 20rem;position:relative;}
* .environment .info_box .content ul li:after{
  display:block;
  content:"";
  position:absolute;
  left: -17rem;
  top:11rem;
  width: 6rem;
  height: 6rem;
  background: #0569FF;
  border-radius:50rem;
}
* .environment .info_box .content ul li h3 {font-size: 16rem;color: #FFFFFF;}
* .environment .info_box .content ul li p {font-size: 16rem;opacity: 0.65;}
* .environment .info_box .content img1 {
  margin: 0rem;
}
* .environment .info_box .content img2 {
  margin: 0rem;
}

* .environment .company_cultrue {
  margin: 0rem;
  margin-top: -64rem;
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
}

* .environment .company_cultrue ul {
  margin: 0rem;
  display: flex; 
  width: 2600rem;
}

* .environment .company_cultrue ul li {
  margin: 0rem;
  text-align: center;
  width: 400rem;
  height: 200rem;
  background: linear-gradient( 157deg, #8332fe 0% , #3355F9 100%);
  border-radius: 16rem;
  border: 2rem solid #FFFFFF;
  color: #fff;
  padding: 36rem;
  box-sizing: border-box;
  margin: 10rem;
}

* .environment .company_cultrue ul li img {
  margin: 0rem;
  width: 60rem;
  height: 60rem;
}

* .environment .company_cultrue ul li .title {
  margin: 8rem;
  font-size: 18rem;
  font-weight: 600;
}

* .environment .company_cultrue ul li p {
  margin: 0rem;
  font-size: 18rem;
}


@keyframes scrollImg {   
  0% {
    transform: translateX(0);
  }
  50% {
        transform: translateX(-20%); /* 修改为-100% */
  }
  100% {
    transform: translateX(0);
  }
}   

* .environment .company_cultrue ul {  
    display: flex;
    align-items: center;
    white-space: nowrap; /* 确保内容不会换行 */
    width: calc(1 * 100%); /* 确保容器的宽度是所有图片的两倍 */
    animation: scrollImg 20s linear infinite;
}  
   
* .environment .company_cultrue ul:hover {  
   animation-play-state: paused;  
}

@media only screen and (max-width: 1441px) {
   * .environment .info_box { 
      width: 100%; 
    }
     * .environment .info_box .content { 
      margin-left: 100rem; 
    }
      * .environment .info_box .tab { 
      padding-left: 100rem;
    }
}
@media only screen and (max-width: 1281px) {
   * .environment .info_box { 
      width: 100%; 
    }
     * .environment .info_box .content { 
      margin-left: 40rem; 
    }
      * .environment .info_box .tab { 
      padding-left: 40rem;
    }
}@media only screen and (max-width: 750px) { 
  
* .environment {
    margin: 0rem;
}

* .environment h1 {
    margin: 0rem;
}

* .environment .info_box {
    margin: 0rem auto;
    background-color: rgba(26, 26, 26, 1);
    border-radius: 20rem 19rem 19rem 20rem;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 260rem;
}

* .environment .info_box .img1 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}

* .environment .info_box .img1 img {
    width: 100%;
}

* .environment .info_box .img2 {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
}

.environment .info_box .img2 img {
    width: 100%;
}

* .environment .info_box .tab {
    margin: 0rem;
    padding-top: 20rem;
    padding-left: 20rem;
}

* .environment .active {
    background-image: url(/img/SketchPngad8705929f0e015aa40b4edde474eb04f863edb6af48008ab1645c5640c7e3a2.png);
    background-repeat: no-repeat;
    background-position: 18rem 16rem;
}

* .environment .info_box .tab span {
    margin: 0rem;
    font-size: 28rem;
    color: #fff;
    margin-right: 50rem;
    cursor: pointer;
}

* .environment .info_box .content {
    margin: 0rem;
    width: 100%;
    padding: 20rem;
}

* .environment .info_box .content .image_22 {
    width: 100%;
}

* .environment .info_box .content2 {
    margin: 0rem;
    width: 100%;
    margin-left: 20rem;
    padding-top: 20rem;
    margin-top: -20rem;
}

* .environment .info_box .content p {
    margin: 0rem;
    font-size: 20rem;
    color: #fff;
    margin-top: 2rem;
}

* .environment .info_box .content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 0rem;
}

* .environment .info_box .content ul li {
    width: calc(50% - 30rem);
    box-sizing: border-box;
    margin-right: 30rem;
    margin-top: 20rem;
    position: relative;
}

* .environment .info_box .content ul li:after {
    display: block;
    content: "";
    position: absolute;
    left: -17rem;
    top: 11rem;
    width: 6rem;
    height: 6rem;
    background: #0569FF;
    border-radius: 50rem;
}

* .environment .info_box .content ul li h3 {
    font-size: 16rem;
    color: #FFFFFF;
}

* .environment .info_box .content ul li p {
    font-size: 16rem;
    opacity: 0.65;
}

* .environment .info_box .content img1 {
    margin: 0rem;
}

* .environment .info_box .content img2 {
    margin: 0rem;
}

* .environment .company_cultrue {
    margin: 0rem;
    margin-top: -40rem;
    position: relative;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}

* .environment .company_cultrue ul {
    margin: 0rem;
    display: flex;
    width: 2600rem;
}

* .environment .company_cultrue ul li {
    margin: 0rem;
    text-align: center;
    width: 400rem;
    height: 200rem;
    background: linear-gradient( 157deg, #8332fe 0% , #3355F9 100%);
    border-radius: 16rem;
    border: 2rem solid #FFFFFF;
    color: #fff;
    padding: 36rem;
    box-sizing: border-box;
    margin: 10rem;
}

* .environment .company_cultrue ul li img {
    margin: 0rem;
    width: 60rem;
    height: 60rem;
}

* .environment .company_cultrue ul li .title {
    margin: 8rem;
    font-size: 18rem;
}

* .environment .company_cultrue ul li p {
    margin: 0rem;
    font-size: 18rem;
}

@keyframes scrollImg {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-90%); 
    }

    100% {
        transform: translateX(0);
    }
}

* .environment .company_cultrue ul {
    display: flex;
    align-items: center;
    white-space: nowrap; 
    width: 2600rem; 
    animation: scrollImg 46s linear infinite;
}

* .environment .company_cultrue ul:hover {
    animation-play-state: paused;
}
}* .develop {
    margin: 0rem;
    background-color: rgba(247, 247, 249, 1);
    border-radius: 1rem;
    height: auto;
    margin-top: 80rem;
    padding-bottom: 30rem;
}

* .develop .title {
    font-size: 40rem;
    text-align: center;
    width: 162rem;
    height: auto;
    margin: 0 auto;
    padding-top: 100rem;
    margin-bottom: 80rem;
}

* .develop .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    /* background-image: url(/public/uploads/20240814/f91bc28fda7b3bb4b620c1308f9bcbf9.png);
  background-repeat: no-repeat; */
    background-position: 1rem 20rem;
    width: 173rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

* .develop .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240827/d6ff416ea5fbbf4e3f2c5d3a4a3bffa8.svg);
    background-repeat: no-repeat;
    background-size: 170rem;
    position: absolute;
    width: 235rem;
    height: 34rem;
    top: 27rem;
    left: 3rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
}

* .develop .list {
    margin: 0rem auto;
    width: 1200rem;
}

* .develop .list ul {
    margin: 0rem;
    display: flex;
    width: 2844rem;
    transition: all 1s ease-out;
}

* .develop .list ul li:hover {
    border-radius: 16rem;
    border: 1rem solid;
    border-color: rgba(145, 39, 255, 1);
    box-shadow: rgba(140, 140, 140, 0.12) 0rem 0rem 18rem 1rem;
}

* .develop .list ul li {
    margin: 0rem;
    width: 360rem;
    height: 300rem;
    padding: 30rem;
    background: #fff;
    border-radius: 16rem;
    margin-right: 20rem;
    box-sizing: border-box;
    position: relative;
    transition: 0.3s ease-out;
    border: 1rem solid rgba(255, 255, 255, 0);
}

* .develop .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 36rem;
}

* .develop .list ul li h1 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 18rem;
    margin-top: 20rem;
}

* .develop .list ul li p {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 16rem;
    margin-top: 12rem;
}

* .develop .list ul li img {
    position: absolute;
    width: 81rem;
    bottom: 27rem;
    left: 27rem;
}

* .develop .button {
    margin: 0rem auto;
    width: 1200rem;
    display: flex;
    margin-top: 20rem;
    justify-content: right;
}

* .develop .button .off {
    width: 14rem !important;
    height: 25rem !important;
}

* .develop .button .left {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eaebed;
    border-radius: 80rem;
    cursor: pointer;
}

* .develop .button .left img {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    margin-right: 5rem;
}

* .develop .button .right {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20rem;
    background: #eaebed;
    border-radius: 80rem;
    cursor: pointer;
}

* .develop .button .right img {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    margin-left: 4rem;
}

* .develop .list ul li p .main {
    color: rgba(109, 56, 252, 1);
    font-family: PingFang-SC-Bold;
    background: url(/public/uploads/20240827/24fef0cc6b20ca46b1b8499cf9d3bc59.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
}
* .develop .phone{
    display: none;
}
@media only screen and (max-width: 750px) {
    .develop {
        width: 100%;
        overflow: hidden;
    }

    * .develop .list ul li {
        margin: 0rem;
        width: 431rem;
        height: 300rem;
        padding: 30rem;
        background: #fff;
        border-radius: 16rem;
        margin-left: 4rem;
        box-sizing: border-box;
        position: relative;
        transition: 0.3s ease-out;
        border: 1rem solid rgba(255, 255, 255, 0);
    }

    * .develop .list ul {
        margin: 0rem;
        display: flex;
        width: 3037rem;
        transition: all 1s ease-out;
    }

    * .develop .pc {
        display: none !important;
    }

    * .develop .phone {
        display: block;
    }

    * .develop .button {
        margin: 0rem auto;
        width: 100%;
        display: flex;
        margin-top: 20rem;
        justify-content: right;
    }

    * .develop .button .right {
        margin: 0rem;
        width: 55rem;
        height: 55rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 20rem;
        background: #eaebed;
        border-radius: 80rem;
        cursor: pointer;
        margin-right: 20rem;
    }
}* .honor {
    margin: 0rem;
    background-color: #fff;
    border-radius: 1rem;
    height: auto;
    padding-bottom: 100rem;
}

* .honor .boxs {
    display: flex;
    justify-content: space-between;
    width: 1200rem;
    height: 457rem;
    margin: 0 auto;
}

* .honor .title {
    font-size: 40rem;
    text-align: center;
    width: 162rem;
    height: auto;
    margin: 0 auto;
    padding-top: 80rem;
    margin-bottom: 50rem;
}

* .honor .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    /* background-image: url(/public/uploads/20240814/f91bc28fda7b3bb4b620c1308f9bcbf9.png);
  background-repeat: no-repeat; */
    background-position: 1rem 20rem;
    width: 173rem;
    text-align: center;
    position: relative;
}

* .honor .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240827/d6ff416ea5fbbf4e3f2c5d3a4a3bffa8.svg);
    background-repeat: no-repeat;
    background-size: 169rem;
    position: absolute;
    width: 235rem;
    height: 34rem;
    top: 27rem;
    left: 6rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText; 
}

* .honor .list {
    margin: 0rem;
    background-color: rgba(245, 245, 247, 1);
    border-radius: 16rem 0rem 0rem 16rem;
    position: relative;
    width: 600rem;
    height: 456rem;
    overflow: hidden;
    padding: 11rem 0rem 11rem 32rem;
}

* .honor .list ul {
    margin: 0rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    /* animation: scrollListText 25s linear infinite; */
    padding-left: 20rem;
    list-style-type: disc;
    box-sizing: border-box;
}

* .honor .list .mask {
    position: absolute;
    z-index: 3;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(245 245 247) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgb(245 245 247) 100%);
}

* .honor .images .mask {
    position: absolute;
    z-index: 3;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgb(255 255 255) 100%);
}

@keyframes scrollListText {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(-85%);
    }
}

@keyframes scrollText {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(-189%);
    }
}

* .honor .list ul li {
    margin: 0rem;
    width: 502rem;
    padding-right: 32rem;
    list-style-type: disc;
    position: relative;
    box-sizing: border-box;
}

* .honor .list ul li::before {
    content: "•";
    /* 使用项目符号 */
    margin-right: 5rem;
    /* 与文本之间留出空隙 */
    /* 设置项目符号颜色 */
    width: 5rem;
    height: 5rem;
    background: #303D54;
    display: block;
    position: absolute;
    top: 27rem;
    left: -13rem;
    border-radius: 17rem;
}

* .honor .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 36rem;
}

* .honor .list ul li h1 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 18rem;
    margin-top: 20rem;
}

* .honor .list ul li p {
    margin: 0rem;
    color: #303D54;
    font-size: 16rem;
    margin-top: 15rem;
    margin-bottom: 15rem;
}

* .honor .images {
    margin: 0rem;
    overflow: hidden;
    width: 50%;
    box-shadow: 0rem 2rem 34rem 0rem rgba(116, 137, 167, 0.1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 0rem 16rem 16rem 0rem;
    height: 456rem;
    display: flex;
    position: relative;
}

* .honor .images ul {
    margin: 0rem;
    width: 100%;
    animation: scrollText 25s linear infinite;
}

* .honor .images ul:nth-child(2) {
    animation: scrollText 15s linear infinite;
}

* .honor .images ul:nth-child(3) {
    animation: scrollText 20s linear infinite;
}

* .honor .images ul li {
    margin: 0rem;
    width: 200rem;
    height: 109rem;
    background: #fff;
    border-radius: 16rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

* .honor .images ul li p {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 16rem;
    margin-top: 18rem;
}

* .honor .images img {
    width: 86rem;
}

* .honor .button {
    margin: 0rem auto;
    width: 1386rem;
    display: flex;
    margin-top: 20rem;
    justify-content: right;
}

* .honor .button .left {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eaebed;
    border-radius: 80rem;
    cursor: pointer;
}

* .honor .button .left img {
    margin: 0rem;
    width: 14rem;
    height: 25rem;
    margin-right: 5rem;
}

* .honor .button .right {
    margin: 0rem;
    width: 55rem;
    height: 55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20rem;
    background: #eaebed;
    border-radius: 80rem;
    cursor: pointer;
}

* .honor .button .right img {
    margin: 0rem;
    width: 14rem;
    height: 25rem;
    margin-left: 4rem;
}
 

@media only screen and (max-width: 750px) {
    * .honor {
        margin: 0rem;
        background-color: #fff;
        border-radius: 1rem;
        height: 884rem;
    }

    * .honor .boxs {
        display: block;
        justify-content: space-between;
        width: 100%;
        height: 691rem;
        overflow: hidden;
        margin: 0 auto;
    }

    * .honor .title {
        font-size: 40rem;
        text-align: center;
        width: 162rem;
        height: auto;
        margin: 0 auto;
        padding-top: 80rem;
        margin-bottom: 50rem;
        overflow: hidden;
    }

    * .honor .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        background-repeat: no-repeat;
        background-position: 1rem 20rem;
        width: 173rem;
        text-align: center;
    }

    * .honor .list {
        margin: 0rem;
        background-color: rgba(245, 245, 247, 1);
        border-radius: 16rem 16rem 0rem 0rem;
        position: relative;
        width: 100%;
        height: 326rem;
        overflow: hidden;
        padding: 11rem 32rem;
    }

    * .honor .list ul {
        margin: 0rem;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    @keyframes scrollListText {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-50%);
        }

        100% {
            transform: translateY(-85%);
        }
    }

    @keyframes scrollText {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(-189%);
        }
    }

    * .honor .list ul li {
        margin: 0rem;
        width: 100%;
        padding-right: 0rem;
        text-align: justify;
    }

    * .honor .list ul li h2 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 36rem;
    }

    * .honor .list ul li h1 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 18rem;
        margin-top: 20rem;
    }

    * .honor .list ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 18rem;
    }

    * .honor .images {
        margin: 0rem;
        overflow: hidden;
        width: 100%;
        box-shadow: 0rem 2rem 34rem 0rem rgba(116, 137, 167, 0.1);
        background-color: rgb(255 255 255);
        border-radius: 0rem 16rem 16rem 0rem;
        height: 367rem;
        display: flex;
    }

    * .honor .images ul {
        margin: 0rem;
        width: 100%;
        animation: scrollText 25s linear infinite;
    }

    * .honor .images ul:nth-child(2) {
        animation: scrollText 15s linear infinite;
    }

    * .honor .images ul:nth-child(3) {
        animation: scrollText 20s linear infinite;
    }

    * .honor .images ul li {
        margin: 0rem;
        width: 100%;
        height: 110rem;
        background: #fff;
        border-radius: 16rem;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    * .honor .images ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 18rem;
    }

    * .honor .images img {
    }

    * .honor .button {
        margin: 0rem auto;
        width: 1386rem;
        display: flex;
        margin-top: 20rem;
        justify-content: right;
    }

    * .honor .button .left {
        margin: 0rem;
        width: 55rem;
        height: 55rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #eaebed;
        border-radius: 80rem;
        cursor: pointer;
    }

    * .honor .button .left img {
        margin: 0rem;
        width: 14rem;
        height: 25rem;
        margin-right: 5rem;
    }

    * .honor .button .right {
        margin: 0rem;
        width: 55rem;
        height: 55rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 20rem;
        background: #eaebed;
        border-radius: 80rem;
        cursor: pointer;
    }

    * .honor .button .right img {
        margin: 0rem;
        width: 14rem;
        height: 25rem;
        margin-left: 4rem;
    }
}* .research {
    margin: 0rem;
    background-color: #f9faff;
    border-radius: 1rem;
    height: auto;
    padding-bottom: 100rem;
}

* .research .title {
    font-size: 40rem;
    text-align: center;
    height: auto;
    margin: 0 auto;
    padding-top: 100rem;
    margin-bottom: 80rem;
}

* .research .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    /* background-image: url(/img/SketchPng81a414752237dc10fcb845dd347aada820e68d7d7fce048932a6bfda5f288993.png);
  background-repeat: no-repeat; */
    background-position: 93rem 30rem;
    width: 224rem;
    text-align: center;
    position: relative;
}

* .research .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240824/345ce69e9ea67dbd1d2b4df7dd1fa753.svg);
    background-repeat: no-repeat;
    background-size: 131rem;
    position: absolute;
    width: 235rem;
    height: 34rem;
    top: 35rem;
    left: 87rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
}

* .research .list {
    margin: 0rem auto;
    overflow: hidden;
    width: 1200rem;
    font-size: 20rem;
    height: 200rem;
    background: #FFFFFF;
    box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
    border-radius: 16rem;
    box-sizing: border-box;
    padding: 42rem 40rem;
    background-image: url(/public/uploads/20240817/6d446faff5f9ea0ef1b60660de097d32.png);
    background-size: 611rem;
    background-repeat: no-repeat;
    background-position: 263rem 24rem;
}


@media only screen and (max-width: 750px) {
    * .research {
        margin: 0rem;
        background-color: rgba(247, 247, 249, 1);
        border-radius: 1rem;
        height: auto;
        padding-bottom: 0;
        padding: 0 20rem;
    }

    * .research .title {
        font-size: 40rem;
        text-align: center;
        height: auto;
        margin: 0 auto;
        padding-top: 80rem;
        margin-bottom: 50rem;
    }

    * .research .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        /* background-image: url(/img/SketchPng81a414752237dc10fcb845dd347aada820e68d7d7fce048932a6bfda5f288993.png);
    background-repeat: no-repeat; */
        background-position: 93rem 30rem;
        width: 224rem;
        text-align: center;
        overflow: hidden;
    }

    * .research .list {
        margin: 0rem auto;
        overflow: hidden;
        width: 100%;
        font-size: 20rem;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
        border-radius: 16rem;
        box-sizing: border-box;
        padding: 20rem 20rem;
        background-image: none;
        background-repeat: no-repeat;
        background-position: 263rem 24rem;
    }
}* .team {
    margin: 0rem;
    background-color: #f9faff;
    border-radius: 1rem;
    height: 532rem;
    background-image: url(/img/SketchPnga663c1baffb9ba5e943ad26ab1724709a5e93318364654daf1182ed1d647ef11.png);
    background-repeat: no-repeat;
    background-position: center 130rem;
}

* .team .title {
    font-size: 40rem;
    text-align: center;
    height: auto;
    margin: 0 auto;
    padding-top: 100rem;
    margin-bottom: 80rem;
}

* .team .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    /* background-image: url(/img/SketchPngc58aa3e86a65a7eb007af61fa9aee18ca1a8659ac30d86fc50171e5b4ad39b76.png);
  background-repeat: no-repeat; */
    background-position: 98rem 33rem;
    width: 201rem;
    text-align: center;
    position: relative;
}

* .team .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240824/a1c4c331cbf89121da61fc0035862045.svg);
    background-repeat: no-repeat;
    background-size: 91rem;
    position: absolute;
    width: 235rem;
    height: 49rem;
    top: 33rem;
    left: 93rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText; 
}

* .team .list {
    margin: 0rem auto;
    overflow: hidden;
    width: 1200rem;
}

* .team .list ul {
    margin: 0rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

* .team .list ul li {
    margin: 0rem;
    padding: 30rem;
    border-radius: 16rem;
    box-sizing: border-box;
    width: 280rem;
    height: 250rem;
    background: #FFFFFF;
    background-image: url(/img/75f04404d0144b3dbf57c103c834ecfd_mergeImage.png);
    background-position: 0rem;
    background-size: 100%;
    background-repeat: no-repeat;
    box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
}

* .team .list ul .hide h2 {
    color: #fff;
    text-align: left !important;
}

* .team .list ul .hide p {
    color: #fff;
    text-align: left !important;
}

* .team .list ul .hide {
    width: 280rem;
    height: 250rem;
    background: linear-gradient( 157deg, #9326FF 0%, #3355F9 100%);
    border-radius: 16rem;
    opacity: 0.95;
    color: #fff;
}

* .team .list ul .hide .info {
    font-size: 14rem;
    margin-top: 16rem;
}

* .team .list ul .image1:hover {
    padding: 0;
}

* .team .list ul .image1:hover .show {
    display: none;
}

* .team .list ul .image1:hover .hide {
}

* .team .list ul .image1 .show {
}

* .team .list ul .image1 .hide {
    display: none;
}

* .team .list ul .image2:hover {
    padding: 0;
}

* .team .list ul .image2:hover .show {
    display: none;
}

* .team .list ul .image2:hover .hide {
}

* .team .list ul .image2 .show {
}

* .team .list ul .image2 .hide {
    display: none;
}

* .team .list ul .image3:hover {
    padding: 0;
}

* .team .list ul .image3:hover .show {
    display: none;
}

* .team .list ul .image3:hover .hide {
}

* .team .list ul .image3 .show {
}

* .team .list ul .image3 .hide {
    display: none;
}

* .team .list ul .image4:hover {
    padding: 0;
}

* .team .list ul .image4:hover .show {
    display: none;
}

* .team .list ul li:hover .hide {
    padding: 30rem 30rem;
    display: block;
}

* .team .list ul .image4 .show {
}

* .team .list ul .image4 .hide {
    display: none;
}

* .team .list ul .image2 {
    background-position: 0;
    background-size: 100%;
    background-image: url(/public/uploads/20240817/5dde1f2efdaea45bc51462521e57ec6a.png);
}

* .team .list ul .image3 {
    background-position: 0;
    background-size: 100%;
    background-image: url(/public/uploads/20240817/fb41da9d1de354bf451ca941a8ecd5b5.png);
}

* .team .list ul .image4 {
    background-position: 0;
    background-size: 100%;
    background-image: url(/public/uploads/20240817/395ade6c782616ea7a32a110ff875d37.png);
}

* .team .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 24rem;
}

* .team .list ul li:nth-child(2) h2 {
    text-align: right;
}

* .team .list ul li:nth-child(2) p {
    text-align: right;
}

* .team .list ul li h1 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 18rem;
    margin-top: 20rem;
}

* .team .list ul li p {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 16rem;
    margin-top: 10rem;
    position: relative;
}

* .team .list ul li .show p:after {
    content: "";
    display: block;
    position: absolute;
}

* .team .list ul .image1 .show p:after {
    background-image: url(/public/uploads/20240911/1c9394cec3b6d4af83d2a418d343f11f.svg);
    width: 32.59rem;
    height: 4rem;
    background-repeat: repeat-x;
    left: 60rem;
    bottom: -1rem;
}

* .team .list ul .image2 .show p:after {
    background-image: url(/public/uploads/20240911/c190c619a08838da11363cb2da2dabea.svg);
    width: 32.59rem;
    height: 4rem;
    background-repeat: repeat-x;
    right: 0rem;
    bottom: -1rem;
}

* .team .list ul .image3 .show p:after {
    background-image: url(/public/uploads/20240911/1c9394cec3b6d4af83d2a418d343f11f.svg);
    width: 32.59rem;
    height: 4rem;
    background-repeat: repeat-x;
    left: 92rem;
    bottom: -1rem;
}

* .team .list ul .image4 .show p:after {
    background-image: url(/public/uploads/20240911/1c9394cec3b6d4af83d2a418d343f11f.svg);
    width: 108.41rem;
    height: 4rem;
    background-repeat: repeat-x;
    left: 0rem;
    bottom: -1rem;
}

@media only screen and (max-width: 750px) {
    * .team {
        margin: 0rem;
        background-color: rgba(247, 247, 249, 1);
        border-radius: 1rem;
        height: 666rem;
        background-image: url(/img/SketchPnga663c1baffb9ba5e943ad26ab1724709a5e93318364654daf1182ed1d647ef11.png);
        background-repeat: no-repeat;
        background-position: center 130rem;
        padding-top: 40rem;
        width: 100%;
        overflow: hidden;
    }

    * .team .title {
        font-size: 40rem;
        text-align: center;
        height: auto;
        margin: 0 auto;
        padding-top: 80rem;
        margin-bottom: 50rem;
    }

    * .team .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        background: none;
        background-repeat: no-repeat;
        background-position: 98rem 33rem;
        width: 201rem;
        text-align: center;
        overflow: hidden;
    }

    * .team .list {
        margin: 0rem auto;
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }

    * .team .list ul {
        margin: 0rem;
        display: flex;
        width: 100%;
        width: 1200rem;
        justify-content: space-between;
    }

    * .team .list ul li {
        margin: 0rem;
        padding: 30rem;
        border-radius: 16rem;
        box-sizing: border-box;
        width: 280rem;
        height: 250rem;
        background: #FFFFFF;
        background-image: url(/img/75f04404d0144b3dbf57c103c834ecfd_mergeImage.png);
        background-size: 100%;
        background-position: 0rem;
        background-repeat: no-repeat;
        box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
    }

    * .team .list ul .hide h2 {
        color: #fff;
    }

    * .team .list ul .hide p {
        color: #fff;
    }

    * .team .list ul .hide {
        width: 280rem;
        height: 250rem;
        background: linear-gradient( 157deg, #9326FF 0%, #3355F9 100%);
        border-radius: 16rem;
        opacity: 0.95;
        color: #fff;
    }

    * .team .list ul .hide .info {
        font-size: 14rem;
        margin-top: 16rem;
    }

    * .team .list ul .image1:hover {
        padding: 0;
    }

    * .team .list ul .image1:hover .show {
        display: none;
    }

    * .team .list ul .image1:hover .hide {
        padding: 17rem 30rem;
        display: block;
    }

    * .team .list ul .image1 .show {
    }

    * .team .list ul .image1 .hide {
        display: none;
    }

    * .team .list ul .image2:hover {
        padding: 0;
    }

    * .team .list ul .image2:hover .show {
        display: none;
    }

    * .team .list ul .image2:hover .hide {
        padding: 17rem 30rem;
        display: block;
    }

    * .team .list ul .image2 .show {
    }

    * .team .list ul .image2 .hide {
        display: none;
    }

    * .team .list ul .image3:hover {
        padding: 0;
    }

    * .team .list ul .image3:hover .show {
        display: none;
    }

    * .team .list ul .image3:hover .hide {
        padding: 17rem 30rem;
        display: block;
    }

    * .team .list ul .image3 .show {
    }

    * .team .list ul .image3 .hide {
        display: none;
    }

    * .team .list ul .image4:hover {
        padding: 0;
    }

    * .team .list ul .image4:hover .show {
        display: none;
    }

    * .team .list ul .image4:hover .hide {
        padding: 17rem 30rem;
        display: block;
    }

    * .team .list ul .image4 .show {
    }

    * .team .list ul .image4 .hide {
        display: none;
    }

    * .team .list ul .image2 {
        background-position: 0;
        background-size: 100%;
        background-image: url(/public/uploads/20240817/5dde1f2efdaea45bc51462521e57ec6a.png);
    }

    * .team .list ul .image3 {
        background-position: 0;
        background-size: 100%;
        background-image: url(/public/uploads/20240817/fb41da9d1de354bf451ca941a8ecd5b5.png);
    }

    * .team .list ul .image4 {
        background-position: 0;
        background-size: 100%;
        background-image: url(/public/uploads/20240817/395ade6c782616ea7a32a110ff875d37.png);
    }

    * .team .list ul li h2 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 24rem;
    }

    * .team .list ul li h1 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 18rem;
        margin-top: 20rem;
    }

    * .team .list ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 10rem;
    }
}.institution {
    margin-top: -634rem;
    height: auto;
    padding-top: 160rem;
}

.institution .active {
    background: linear-gradient( 226deg, #9326FF 0%, #3355F9 100%);
    border-radius: 24rem;
    color: #fff !important;
    border: none !important;
}

.section_8 {
    padding-left: 45rem;
}

.institution .title {
}

.institution .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    color: rgba(48, 61, 84, 1); 
    letter-spacing: 0.10000000149011612rem;
    font-weight: bold;
    width: 286rem;
}

.institution .title p {
    font-size: 16rem;
    text-align: center;
    margin-top: 16rem;
}

.institution .top {
    padding-bottom: 0rem;
    width: 100%;
}

.institution .top ul {
    display: flex;
    margin: 0 auto;
    margin-top: 80rem;
    width: 1200rem;
}

.institution .top ul li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 161rem;
    cursor: pointer;
    box-sizing: border-box;
}

.institution .top ul li img {
}

.institution .top ul li .name {
    font-size: 20rem;
    color: #6D38FC;
    text-align: center;
    width: 142rem;
    height: 40rem;
    border-radius: 24rem;
    border: 1rem solid;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2rem;
}

.institution .top ul li .line {
    position: absolute;
    right: -61rem;
    top: 23rem;
}

.institution .top ul li .underline {
    z-index: 999;
    bottom: -34rem;
    left: -54rem;
    position: absolute;
    width: 208rem;
    height: 4rem;
    border: 4rem;
    background: linear-gradient(225deg, rgba(54, 84, 249, 1), rgba(145, 39, 255, 1));
}

.institution .content {
    width: 1200rem;
    margin: 0 auto;
    position: relative;
}

.institution .content .item {
    /* display: flex; */
    margin-top: 36rem;
    border-radius: 16rem 0rem 0rem 16rem;
    justify-content: space-between;
    display: block;
    position: relative;
}

.institution .content .item .map {
    height: 350rem;
    width: 650rem;
    display: block;
    border-radius: 30rem;
}

.institution .content .item .map img {
    /* width: 650rem; */
}

.institution .content .item .contact {
    padding: 43rem 50rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 534rem;
}

.institution .content .item .contact h1 {
    font-size: 36rem;
    color: #303D54;
}

.institution .content .item .contact .address {
    margin-top: 40rem;
}

.institution .content .item .contact .address .title {
    display: flex;
    font-size: 18rem;
    align-items: center;
    font-weight: bold;
}

.institution .content .item .contact img {
    margin-right: 13rem;
}

.institution .content .item .contact .address .content {
    display: flex;
    font-size: 18rem;
    align-items: center;
    margin-top: 12rem;
    padding-left: 26rem;
}

.institution .content .item .contact .address .title img {
    margin-right: 13rem;
}

.institution .content .item .contact .tell {
    margin-top: 30rem;
}

.institution .content .item .contact .tell .title {
    display: flex;
    font-size: 18rem;
    align-items: center;
    font-weight: bold;
}

.institution .content .item .contact .tell .content {
    display: flex;
    font-size: 18rem;
    align-items: center;
    margin-top: 12rem;
    padding-left: 26rem;
}

@media only screen and (max-width: 750px) {
    .institution {
        margin-top: -634rem;
        height: auto;
        /* padding: 0 20rem; */
        padding-top: 40rem;
    }

    .institution .active {
        background: linear-gradient( 226deg, #9326FF 0%, #3355F9 100%);
        border-radius: 24rem;
        color: #fff !important;
    }

    .section_8 {
        padding-left: 45rem;
    }

    .institution .title {
    }

    .institution .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        color: rgba(48, 61, 84, 1);
        letter-spacing: 0.10000000149011612rem;
        width: 286rem;
        overflow: hidden;
    }

    .institution .title p {
        font-size: 16rem;
        text-align: center;
        margin-top: 16rem;
    }

    .institution .top {
        padding: 0 20rem;
        padding-bottom: 0rem;
        width: 100%;
    }

    .institution .top ul {
        display: flex;
        margin: 0 auto;
        margin-top: 24rem;
        width: 100%;
        justify-content: space-around;
    }

    .institution .top ul li {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 84rem;
        cursor: pointer;
    }

    .institution .top ul li img {
    }

    .institution .top ul li .name {
        font-size: 14rem;
        color: #6D38FC;
        text-align: center;
        width: 120rem;
        height: 40rem;
        border-radius: 24rem;
        border: 1rem solid;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .institution .top ul li .line {
        position: absolute;
        right: -61rem;
        top: 23rem;
    }

    .institution .top ul li .underline {
        z-index: 999;
        bottom: -34rem;
        left: -54rem;
        position: absolute;
        width: 208rem;
        height: 4rem;
        border: 4rem;
        background: linear-gradient(225deg, rgba(54, 84, 249, 1), rgba(145, 39, 255, 1));
    }

    .institution .content {
        width: 100%;
        margin: 0 auto;
        padding: 0 20rem;
        position: relative;
    }

    .institution .content .item {
        /* display: flex; */
        margin-top: 36rem;
        border-radius: 16rem 0rem 0rem 16rem;
        justify-content: space-between;
        display: block;
        position: relative;
    }

    .institution .content .item .map {
        height: 350rem;
        width: 100%;
        display: block;
        border-radius: 12rem;
    }

    .institution .content .item .map img {
        /* width: 650rem; */
    }

    .institution .content .item .contact {
        padding: 33rem 28rem;
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        background: #f7f7f9;
    }

    .institution .content .item .contact h1 {
        font-size: 36rem;
        color: #303D54;
    }

    .institution .content .item .contact .address {
        margin-top: 40rem;
    }

    .institution .content .item .contact .address .title {
        display: flex;
        font-size: 18rem;
        align-items: center;
    }

    .institution .content .item .contact img {
        margin-right: 13rem;
    }

    .institution .content .item .contact .address .content {
        display: flex;
        font-size: 18rem;
        align-items: center;
        margin-top: 12rem;
        padding-left: 26rem;
    }

    .institution .content .item .contact .address .title img {
        margin-right: 13rem;
    }

    .institution .content .item .contact .tell {
        margin-top: 30rem;
    }

    .institution .content .item .contact .tell .title {
        display: flex;
        font-size: 18rem;
        align-items: center;
    }

    .institution .content .item .contact .tell .content {
        display: flex;
        font-size: 18rem;
        align-items: center;
        margin-top: 12rem;
        padding-left: 26rem;
    }
}.job {
     position: relative;
    width: 1200rem;
    margin: 67rem auto;
    margin-top: 50rem;
} 
.box_26 {
  border-radius: 20rem;
  /* background-image: url(https://mp-57c0b89e-c614-497a-8540-3801ecf900d2.cdn.bspapp.com/aboutus/3.png); */
  background-image: url(/img/c987206b41fe4017a8d84dec6c9f1e5a_mergeImage.png);
  background-size:100%;
  background-repeat:no-repeat;
  height: 412rem;
  width: 1200rem;
  margin: 173rem 0 0  0rem;
}
.text_95 a:hover{
  color: #fff;
}
.box_27 {
  background-color: rgba(19, 32, 44, 0.6);
  border-radius: 20rem;
  height: 412rem;
  width: 1200rem;
}

.text-wrapper_31 {
  width: 160rem;
  height: 50rem;
  margin: 80rem 0 0 59rem;
}

.paragraph_5 {
  width: 160rem;
  height: 50rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 47rem;
}

.section_26 {
  width: 686rem;
  height: 33rem;
  margin: 50rem 0 0 59rem;
}

.image-text_63 {
  width: 94rem;
  height: 33rem;
}

.box_28 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-top: 14rem;
}

.text-group_21 {
  width: 72rem;
  height: 33rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 33rem;
}

.image-text_64 {
  width: 94rem;
  height: 33rem;
  margin-left: 54rem;
}

.box_29 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-top: 14rem;
}

.text-group_22 {
  width: 72rem;
  height: 33rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 33rem;
}


.image-text_65 {
  width: 94rem;
  height: 33rem;
  margin-left: 54rem;
}

.block_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-top: 14rem;
}

.text-group_23 {
  width: 72rem;
  height: 33rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 33rem;
}

.image-text_66 {
  width: 94rem;
  height: 33rem;
  margin-left: 54rem;
}

.group_30 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-top: 14rem;
}

.text-group_24 {
  width: 72rem;
  height: 33rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 33rem;
}

.image-text_67 {
  width: 94rem;
  height: 33rem;
  margin-left: 54rem;
}

.box_30 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  margin-top: 14rem;
}

.text-group_25 {
  width: 72rem;
  height: 33rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 33rem;
}

.section_27 {
  width: 1111rem;
  height: 160rem;
  margin: 9rem 0 30rem 59rem;
}
.text-wrapper_16 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 30rem;
  height: 50rem;
  margin-top: 41rem;
  width: 137rem; 
  color: rgba(48, 61, 84, 1);
}
.text-wrapper_16:hover {
  color:#fff;
  background-color:#3355f9;
}
.text_95 {
  width: 73rem;
  height: 25rem;
  overflow-wrap: break-word;
  font-size: 18rem;
  letter-spacing: 0.04500000178813934rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: justify;
  white-space: nowrap;
  line-height: 25rem;
  margin: 13rem 0 0 32rem;
  cursor: pointer;
}
.text_95:hover {
  color:#fff;
  background:#3355f9;
}
.image-text_68 {
  width: 130rem;
  height: 160rem;
}

.box_31 {
  border-radius: 16rem;
  background-image: url(/img/jobQRCode.svg);
   background-size:100%;
  background-repeat:no-repeat;
  width: 100rem;
  height: 100rem;
  border: 1rem solid rgba(151, 151, 151, 1);
  margin-left: 15rem;
}

.text-group_26 {
  width: 130rem;
  height: 44rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14rem;
  font-family: PingFang-SC-Regular;
  font-weight: NaN;
  text-align: center;
  line-height: 22rem;
  margin-top: 16rem;
}

.box_32 {
  position: relative;
  width: 1440rem;
  height: 260rem;
  background: url(/img/SketchPngb42a5b29b63e3e10e42d5601b096f1707cab44aadae7a44039bfc406af8a6ead.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 179rem;
}

.text-group_66 {
  width: 575rem;
  height: 89rem;
  margin: 47rem 0 0 120rem;
}

.text_96 {
  width: 575rem;
  height: 56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40rem;
  letter-spacing: 0.10000000149011612rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 56rem;
}

.text_97 {
  width: 289rem;
  height: 25rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18rem;
  letter-spacing: 0.04500000178813934rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 25rem;
  margin-top: 8rem;
}

.block_12 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 23rem;
  width: 293rem;
  height: 46rem;
  margin: 24rem 0 54rem 120rem;
}

.text_98 {
  width: 81rem;
  height: 28rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 28rem;
  margin: 9rem 0 0 30rem;
}

.image-wrapper_5 {
  background-color: rgba(19, 32, 44, 1);
  border-radius: 23rem;
  height: 40rem;
  width: 65rem;
  margin: 3rem 4rem 0 113rem;
}

.image_25 {
  width: 34rem;
  height: 15rem;
  margin: 13rem 0 0 16rem;
}

.block_13 {
  background-image: url(/img/7163aa62f6924ed693ef1e095bfb879b_mergeImage.png);
  position: absolute;
  left: 1060rem;
  top: -50rem;
  width: 274rem;
  height: 310rem;
}

@media only screen and (max-width: 750px) {
    .job {
        position: relative;
        width: 100%;
        padding: 0 20rem;
        margin: 67rem auto;
        margin-top: 0rem;
        overflow: hidden;
    }

    .box_26 {
        border-radius: 16rem;
        background-image: url(/img/c987206b41fe4017a8d84dec6c9f1e5a_mergeImage.png);
        background-size: auto 100%;
        background-position: center;
        height: 400rem;
        width: 100%;
        margin: 58rem 0 0 0rem;
    }

    .box_27 {
        border-radius: 12rem;
        height: 407rem;
        width: 100%;
    }

    .text-wrapper_31 {
        width: 160rem;
        height: 50rem;
        margin: 46rem 0 0 34rem;
    }

    .paragraph_5 {
        width: 160rem;
        height: 50rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 40rem;
        font-family: PingFang-SC-Bold;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 47rem;
    }

    .section_26 {
        width: 100%;
        height: auto;
        margin: 32rem 0 0 0rem;
        flex-wrap: wrap;
        padding: 0 35rem;
        justify-content: space-between;
    }

    .section_26:after {
        display: block;
        content: "";
        width: 94rem;
    }

    .image-text_63 {
        width: 94rem;
        height: 33rem;
    }

    .box_28 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: 14rem;
    }

    .text-group_21 {
        width: 72rem;
        height: 33rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 33rem;
    }

    .image-text_64 {
        width: 94rem;
        height: 33rem;
        margin-left: 0rem;
    }

    .box_29 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: 14rem;
    }

    .text-group_22 {
        width: 72rem;
        height: 33rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 33rem;
    }

    .image-text_65 {
        width: 94rem;
        height: 33rem;
        margin-left: 0rem;
    }

    .block_11 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: 14rem;
    }

    .text-group_23 {
        width: 72rem;
        height: 33rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 33rem;
    }

    .image-text_66 {
        width: 94rem;
        height: 33rem;
        margin-left: 0rem;
        margin-top: 0rem;
    }

    .group_30 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: 14rem;
    }

    .text-group_24 {
        width: 72rem;
        height: 33rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 33rem;
    }

    .image-text_67 {
        width: 94rem;
        height: 33rem;
        margin-left: 0rem;
        margin-top: 0rem;
    }

    .box_30 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        margin-top: 14rem;
    }

    .text-group_25 {
        width: 72rem;
        height: 33rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 24rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: left;
        white-space: nowrap;
        line-height: 33rem;
    }

    .section_27 {
        width: 100%;
        height: 160rem;
        margin: 9rem 0 0rem 0;
        box-sizing: border-box;
        padding: 0 30rem;
    }

    .image-text_68 {
        width: 130rem;
        height: 143rem;
        justify-content: center;
    }

    .box_31 {
        border-radius: 16rem;
        background-image: url(/img/jobQRCode.svg);
        width: 82rem;
        height: 82rem;
        border: 1rem solid rgba(151, 151, 151, 1);
        margin: 0 auto;
    }

    .text-group_26 {
        width: 130rem;
        height: 44rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 14rem;
        font-family: PingFang-SC-Regular;
        font-weight: NaN;
        text-align: center;
        line-height: 22rem;
        margin-top: 16rem;
    }

    .box_32 {
        position: relative;
        width: 1440rem;
        height: 260rem;
        background: url(/img/SketchPngb42a5b29b63e3e10e42d5601b096f1707cab44aadae7a44039bfc406af8a6ead.png) 100% no-repeat;
        background-size: 100% 100%;
        margin-top: 179rem;
    }

    .text-group_66 {
        width: 575rem;
        height: 89rem;
        margin: 47rem 0 0 120rem;
    }

    .text_96 {
        width: 575rem;
        height: 56rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 40rem;
        letter-spacing: 0.10000000149011612rem;
        font-family: PingFang-SC-Bold;
        font-weight: NaN;
        text-align: center;
        white-space: nowrap;
        line-height: 56rem;
    }

    .text_97 {
        width: 289rem;
        height: 25rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 18rem;
        letter-spacing: 0.04500000178813934rem;
        font-family: PingFangSC-Regular;
        font-weight: NaN;
        text-align: center;
        white-space: nowrap;
        line-height: 25rem;
        margin-top: 8rem;
    }

    .block_12 {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 23rem;
        width: 293rem;
        height: 46rem;
        margin: 24rem 0 54rem 120rem;
    }

    .text_98 {
        width: 81rem;
        height: 28rem;
        overflow-wrap: break-word;
        color: rgba(48, 61, 84, 1);
        font-size: 20rem;
        letter-spacing: 0.05000000074505806rem;
        font-family: PingFang-SC-Bold;
        font-weight: NaN;
        text-align: center;
        white-space: nowrap;
        line-height: 28rem;
        margin: 9rem 0 0 30rem;
    }

    .image-wrapper_5 {
        background-color: rgba(19, 32, 44, 1);
        border-radius: 23rem;
        height: 40rem;
        width: 65rem;
        margin: 3rem 4rem 0 113rem;
    }

    .image_25 {
        width: 34rem;
        height: 15rem;
        margin: 13rem 0 0 16rem;
    }

    .block_13 {
        background-image: url(/img/7163aa62f6924ed693ef1e095bfb879b_mergeImage.png);
        position: absolute;
        left: 1060rem;
        top: -50rem;
        width: 274rem;
        height: 310rem;
    }
}#app{
  background: #f9faff;
}
.freeuse {
  position: relative;
  width: 1440rem;
  margin: 67rem auto;
  margin-top: 329rem;
  height: 3rem;
}
.section_10{
  cursor: pointer;
}
 
.block_16 {
  position: absolute;
  left: 0;
  top: -189rem;
  width: 1440rem;
  height: 260rem;
  background: url(/img/SketchPngb42a5b29b63e3e10e42d5601b096f1707cab44aadae7a44039bfc406af8a6ead.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-group_73 {
  width: 575rem;
  height: 89rem;
  margin: 47rem 0 0 120rem;
}

.text_108 {
  width: 575rem;
  height: 56rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40rem;
  letter-spacing: 0.10000000149011612rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 56rem;
}

.text_109 {
  width: 289rem;
  height: 25rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18rem;
  letter-spacing: 0.04500000178813934rem;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 25rem;
  margin-top: 8rem;
}


.text_110 {
  width: 81rem;
  height: 28rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 28rem;
  margin: 9rem 0 0 30rem;
}

.image-wrapper_27 {
  background-color: rgba(19, 32, 44, 1);
  border-radius: 23rem;
  height: 40rem;
  width: 65rem;
  margin: 3rem 4rem 0 113rem;
}

.image_52 {
  width: 34rem;
  height: 15rem;
  margin: 13rem 0 0 16rem;
}

.section_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 23rem;
  width: 293rem;
  height: 46rem;
  margin: 24rem 0 54rem 120rem;
}

.section_about_img {
  display: none;
  background-image: url(/img/7163aa62f6924ed693ef1e095bfb879b_mergeImage.png);
  position: absolute; 
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom; 
  left: unset;
  right: 101rem;
  top: -84rem;
  width: 274rem;
  height: 344rem;
}

@media only screen and (max-width: 1441px) {
  .freeuse,.block_16 { 
    width: 100%; 
  }
  .text-group_73,.section_10 {
    margin-left: 100rem;
  } 
}
@media only screen and (max-width: 1289px) {
     .freeuse { 
        width: 100%;
        margin: 67rem auto;
        margin-top: 329rem;
        height: 3rem;
    }
    .text-group_73 { 
        margin: 47rem 0 0 40rem;
    }
    .block_16 { 
      top: -189rem;
      width: 100%; 
    }
    .section_10 { 
      margin: 24rem 0 54rem 40rem;
    } 
}

.section_about_img img {
    display: none;
}

@media only screen and (max-width: 750px) {
    .section_anout img {
        display:block;
    }

    .section_about_img img {
        display: block;
    }

    .section_about_img {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        background-size: 100%;
        background: none;
        background-repeat: no-repeat;
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 70rem;
        padding-bottom: 0;
    }

    .text_110 {
        font-weight: bold;
    }

    .section_10 {
        margin: 0 auto !important;
    }
}@media only screen and (max-width: 750px) {
  .freeuse {
  position: relative;
  width: 100%;
  margin: 0rem auto;
  margin-top: 0rem;
  height: auto;
  background: #f9faff;
}
.section_10{
  cursor: pointer;
}


.block_16 {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  background: url(/img/SketchPngb42a5b29b63e3e10e42d5601b096f1707cab44aadae7a44039bfc406af8a6ead.png)
    100% no-repeat;
  background-size: 120% 120%;
  padding-bottom: 22px;
}

.text-group_73 {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
  padding: 41rem;
  box-sizing: border-box;
  text-align: center;
}

.text_108 {
  width: 100%;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 40rem;
  letter-spacing: 0.10000000149011612rem;
  font-family: PingFang-SC-Bold;
  text-align: center;
  white-space: unset;
  line-height: 56rem;
}

.text_109 {
  width: 100%;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18rem;
  letter-spacing: 0.04500000178813934rem;
  font-family: PingFangSC-Regular;
  display: block;
  text-align: center;
  white-space: unset;
  line-height: 25rem;
  margin-top: 9rem;
  padding-top: 8rem;
}


.text_110 {
  width: 81rem;
  height: 28rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  font-weight: NaN;
  text-align: center;
  white-space: nowrap;
  line-height: 28rem;
  margin: 9rem 0 0 30rem;
}

.image-wrapper_27 {
  background-color: rgba(19, 32, 44, 1);
  border-radius: 23rem;
  height: 40rem;
  width: 65rem;
  margin: 3rem 4rem 0 113rem;
}

.image_52 {
  width: 34rem;
  height: 15rem;
  margin: 13rem 0 0 16rem;
}

.section_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 23rem;
  width: 293rem;
  height: 46rem;
  margin: 0rem 0 24rem 69rem;
}

.section_11 {
  background-image: url(/public/uploads/20240819/8c04405eb8aa43843f7ac86db3561fe9.png);
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 310rem;
  background-repeat: no-repeat;
}
}@media only screen and (min-width: 1200px) {
  .section_11 { 
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    left: 1060rem;
    top: -84rem;
    width: 274rem;
    height: 344rem;
  }
  .text_110 { 
    font-weight: bold; 
  }
}
@media only screen and (max-width: 751px) {
    .section_11 { 
        position: relative;
        left: 0;
        top: 0;
        width: 90%;
        height: 485rem;
          background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom;
        background-repeat: no-repeat;
    }
    .text_110 { 
      font-weight: bold; 
    }
}@media only screen and (min-width: 768px) {
  .section_11 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    left: unset;
    right: 101rem;
    top: -84rem;
    width: 274rem;
    height: 344rem;
  }
  .text_110 { 
    font-weight: bold; 
  }
}* .footer {
    margin: 0rem;
    background-color: rgba(245, 247, 250, 1);
    color: #5D6E7F;
    margin-top: -70rem;
    padding-top: 70rem;
}

.footer .footer_nav_m {
    display: none;
}

* .footer .footer_box {
    margin: 0rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200rem;
    padding: 0 8rem;
    padding-top: 31rem;
}

* .footer .footer_box .contact {
    margin: 0rem;
    width: 267rem;
}

* .footer .footer_box .contact .title {
    margin: 0rem;
    overflow-wrap: break-word;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 28rem;
    font-weight: bold;
    font-size: 20rem;
    color: #303D54;
}

* .footer .footer_box .contact ul {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 14rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 20rem;
    margin-top: 40rem;
}

* .footer .footer_box .contact ul li {
    margin: 0rem;
}

* .footer .footer_box .contact ul li .tell {
    margin: 0rem;
}

* .footer .footer_box .contact ul li {
    margin: 0rem;
}

* .footer .footer_box .contact ul li .email {
    margin: 0rem;
}

* .footer .footer_box .contact ul li {
    margin: 0rem;
}

* .footer .footer_box .contact ul li .address {
    margin: 0rem;
    white-space: normal;
}

* .footer .footer_box .contact ul li {
    margin: 0rem;
    margin-bottom: 20rem;
}

* .footer .footer_box .contact ul li .image-text_92 {
    margin: 0rem;
}

* .footer .footer_box .contact ul li .flex-col {
    margin: 0rem;
}

* .footer .footer_box .contact ul li .justify-between {
    margin: 0rem;
    width: 80rem;
    text-align: center;
}

* .footer .footer_box .product {
    margin: 0rem;
}

* .footer .footer_box .product .title {
    margin: 0rem;
    overflow-wrap: break-word;
    font-size: 20rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 28rem;
    font-weight: bold;
    color: #303D54;
}

* .footer .footer_box .product ul {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 14rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 20rem;
    margin-top: 40rem;
}

* .footer .footer_box .product ul li {
    margin: 0rem;
    margin-bottom: 20rem;
}

* .footer .footer_box .product ul li a {
    margin: 0rem;
}

* .footer .footer_box .album {
    margin: 0rem;
}

* .footer .footer_box .album .title {
    margin: 0rem;
    overflow-wrap: break-word;
    font-size: 20rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 28rem;
    font-weight: bold;
    color: #303D54;
}

* .footer .footer_box .album ul {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 14rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 20rem;
    margin-top: 40rem;
}

* .footer .footer_box .album ul li {
    margin: 0rem;
    margin-bottom: 20rem;
}

* .footer .footer_box .album ul li a {
    margin: 0rem;
}

* .footer .footer_box .news {
    margin: 0rem;
    width: 270rem;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
}

* .footer .footer_box .news .title {
    margin: 0rem;
    overflow-wrap: break-word;
    font-size: 20rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    white-space: nowrap;
    line-height: 28rem;
    font-weight: bold;
    color: #303D54;
}

* .footer .footer_box .news ul {
    margin: 0rem;
    color: rgba(93, 110, 127, 1);
    font-size: 14rem;
    letter-spacing: 0.05000000074505806rem;
    text-align: justify;
    line-height: 20rem;
    margin-top: 40rem;
    padding-left: 15rem;
}

* .footer .footer_box .news ul li {
    margin: 0rem;
    margin-bottom: 20rem;
    width: 270rem;
    height: auto;
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    list-style-type: disc;
}

* .footer .footer_box .news ul li::marker {
    color: #0569FF;
    font-size: 12rem;
}

* .footer .footer_box .news ul li a {
    margin: 0rem;
    height: 40rem;
    width: 270rem;
    display: block;
    box-sizing: border-box;
    white-space: normal;
    overflow: hidden;
}

* .footer .copyright {
    margin: 0rem;
    height: auto;
    background: none;
}

* .footer .copyright .line {
    margin: 0rem;
    text-align: center;
}

* .footer .copyright .line .image_50 {
    margin: 0rem;
}

* .footer .copyright .logo {
    margin: 0rem auto;
    font-size: 12rem;
    max-width: 1200rem;
    margin-top: 20rem;
    padding: 0 8rem;
}

* .footer .copyright .logo img {
    width: 116rem;
}


* .footer .copyright .company {
    margin: 0rem auto;
    font-size: 12rem;
    max-width: 1200rem;
    margin-top: 20rem;
    padding: 0 8rem;
    font-weight: bold;
}
* .footer .copyright .company.friend {
    font-size: 12.5rem;
}

* .footer .copyright .number {
    margin: 0rem auto;
    max-width: 1200rem;
    font-size: 12rem;
    display: flex;
    margin-top: 11rem;
    padding: 0 8rem;
    padding-bottom: 40rem;
}

* .footer .copyright .number .text_104 {
    margin: 0rem;
}

* .footer .copyright .number .block {
    margin: 0rem;
    background-color: rgba(93, 110, 127, 1);
    width: 1rem;
    height: 14rem;
    margin: 2rem 0 0 8rem !important;
}

* .footer .copyright .number span {
    margin-left: 8rem !important;
}

* .footer .copyright .number .flex-col {
    margin: 0rem;
}

* .footer .copyright .number .text_105 {
    margin: 0rem;
}

* .footer .copyright .number .text_106 {
    margin: 0rem;
}

* .footer .copyright .number .text_107 {
    margin: 0rem;
}

@media only screen and (max-width: 1441px) {
    * .footer .footer_box {
        max-width: 1240rem;
    }

    * .footer .copyright .logo {
        max-width: 1240rem;
    }

    * .footer .copyright .company {
        max-width: 1240rem;
    }

    * .footer .copyright .number {
        max-width: 1240rem;
    }
}

@media only screen and (max-width: 1289px) {
    * .footer .footer_box {
        margin: 0rem;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1200rem;
        padding: 0 8rem;
        padding-top: 31rem;
    }

    * .footer .copyright .logo {
        margin: 0rem auto;
        font-size: 12rem;
        max-width: 1200rem;
        margin-top: 20rem;
        padding: 0 8rem;
    }

    * .footer .copyright .company {
        margin: 0rem auto;
        font-size: 12rem;
        max-width: 1200rem;
        margin-top: 20rem;
        padding: 0 8rem;
    }

    * .footer .copyright .number {
        margin: 0rem auto;
        max-width: 1200rem;
        font-size: 12rem;
        display: flex;
        margin-top: 11rem;
        padding: 0 8rem;
        padding-bottom: 40rem;
    }
}

* .footer-m {
    display: none;
}

@media only screen and (max-width: 750px) {
    .footer {
        display: none;
    }

    * .footer-m {
        display: block;
        margin: 0rem;
        background-color: rgba(245, 247, 250, 1);
    }

    * .footer-m .el-collapse-item__wrap {
        background-color: #f5f7fa !important;
    }

    * .footer-m .el-collapse-item__header {
        background-color: #f5f7fa !important;
        font-size: 16rem !important;
    }

    * .footer-m .el-collapse-item__content {
        font-size: 14rem !important;
    }

    * .footer-m .el-collapse-item__content ul {
        list-style-type: none !important;
    }

    * .footer-m .el-collapse-item__content ul li {
        margin: 0rem 0rem 6rem;
    }

    * .footer-m .footer_box {
        margin: 0rem;
        display: block;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1400rem;
        padding: 0 8rem;
        padding-top: 31rem;
    }

    * .footer-m .footer_box .contact {
        margin: 0rem;
        width: 100%;
    }

    * .footer-m .footer_box .contact .title {
        margin: 0rem;
        overflow-wrap: break-word;
        color: rgba(48, 61, 84, 1);
        font-size: 20rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 28rem;
        display: none;
    }

    * .footer-m .footer_box .contact ul {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 14rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 20rem;
        margin-top: 40rem;
    }

    * .footer-m .footer_box .contact ul li {
        margin: 0rem;
    }

    * .footer-m .footer_box .contact ul li .tell {
        margin: 0rem;
        display: none;
    }

    * .footer-m .footer_box .contact ul li {
        margin: 0rem;
    }

    * .footer-m .footer_box .contact ul li .email {
        margin: 0rem;
        display: none;
    }

    * .footer-m .footer_box .contact ul li {
        margin: 0rem;
    }

    * .footer-m .footer_box .contact ul li .address {
        margin: 0rem;
        white-space: normal;
        display: none;
    }

    * .footer-m .footer_box .contact ul li {
        margin: 0rem;
        margin-bottom: 0rem;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    * .footer-m .footer_box .contact ul li .image-text_92 {
        margin: 0rem;
    }

    * .footer-m .footer_box .contact ul li .flex-col {
        margin: 0rem;
    }

    * .footer-m .footer_box .contact ul li .justify-between {
        margin: 0rem;
        width: 90rem;
        text-align: center;
        margin-bottom: 25rem;
    }

    * .footer-m .footer_box .product {
        margin: 0rem;
        display: none;
    }

    * .footer-m .footer_box .product .title {
        margin: 0rem;
        overflow-wrap: break-word;
        color: rgba(48, 61, 84, 1);
        font-size: 20rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 28rem;
    }

    * .footer-m .footer_box .product ul {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 14rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 20rem;
        margin-top: 40rem;
    }

    * .footer-m .footer_box .product ul li {
        margin: 0rem;
        margin-bottom: 20rem;
    }

    * .footer-m .footer_box .product ul li a {
        margin: 0rem;
    }

    * .footer-m .footer_box .album {
        margin: 0rem;
        display: none;
    }

    * .footer-m .footer_box .album .title {
        margin: 0rem;
        overflow-wrap: break-word;
        color: rgba(48, 61, 84, 1);
        font-size: 20rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 28rem;
    }

    * .footer-m .footer_box .album ul {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 14rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 20rem;
        margin-top: 40rem;
    }

    * .footer-m .footer_box .album ul li {
        margin: 0rem;
        margin-bottom: 20rem;
    }

    * .footer-m .footer_box .album ul li a {
        margin: 0rem;
    }

    * .footer-m .footer_box .news {
        margin: 0rem;
        width: 270rem;
        padding-top: 0;
        background: none;
        display: none;
    }

    * .footer-m .footer_box .news .title {
        margin: 0rem;
        overflow-wrap: break-word;
        color: rgba(48, 61, 84, 1);
        font-size: 20rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        white-space: nowrap;
        line-height: 28rem;
    }

    * .footer-m .footer_box .news ul {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 14rem;
        letter-spacing: 0.05000000074505806rem;
        text-align: justify;
        /* white-space: nowrap; */
        line-height: 20rem;
        margin-top: 40rem;
    }

    * .footer-m .footer_box .news ul li {
        margin: 0rem;
        margin-bottom: 20rem;
        width: 270rem;
        height: auto;
        background: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
    }

    * .footer-m .footer_box .news ul li a {
        margin: 0rem;
        height: 40rem;
        width: 270rem;
        display: block;
        box-sizing: border-box;
        white-space: normal;
        overflow: hidden;
    }

    * .footer-m .copyright {
        margin: 0rem;
    }

    * .footer-m .copyright .line {
        margin: 0rem;
        text-align: center;
    }

    * .footer-m .copyright .line .image_50 {
        margin: 0rem;
    }

    * .footer-m .copyright .logo {
        margin: 0rem auto;
        font-size: 12rem;
        max-width: 1400rem;
        margin-top: 20rem;
        padding: 0 8rem;
        text-align: center;
    }

    * .footer-m .copyright .logo img {
        width: 116rem;
    }

    * .footer-m .copyright .company {
        margin: 0rem auto;
        font-size: 12rem;
        max-width: 1400rem;
        margin-top: 20rem;
        padding: 0 8rem;
    }

    * .footer-m .copyright .number {
        margin: 0rem auto;
        max-width: 1400rem;
        font-size: 12rem;
        display: flex;
        margin-top: 11rem;
        padding: 0 8rem;
        padding-bottom: 40rem;
        flex-wrap: wrap;
    }

    * .footer-m .copyright .number .text_104 {
        margin: 0rem;
        width: 164rem;
    }

    * .footer-m .copyright .number .block {
        margin: 0rem;
        background-color: rgba(93, 110, 127, 1);
        width: 1rem;
        height: 14rem;
        margin: 2rem 0 0 8rem !important;
    }

    * .footer-m .copyright .number span {
        margin-left: 0rem !important;
    }

    * .footer-m .copyright .number .flex-col {
        margin: 0rem;
    }

    * .footer-m .copyright .number .text_105 {
        margin: 0rem;
        width: 194rem;
    }

    * .footer-m .copyright .number .text_106 {
        margin: 0rem;
        width: 194rem;
    }

    * .footer-m .copyright .number .text_107 {
        margin: 0rem;
    }
}* .footer-m { 
    display: none;
  }

@media only screen and (max-width: 750px) {
  .footer{
    display: none;
  }
  * .footer-m { 
    display: block;
    margin: 0rem;
    background-color: rgba(245, 247, 250, 1);
    width: 100%;
}
 * .footer-m .el-collapse-item__wrap {
    background-color: #f5f7fa !important;
 }
  * .footer-m  .el-collapse-item__header { 
    background-color: #f5f7fa !important;
    font-size: 16rem !important;
 }
 * .footer-m  .el-collapse-item__content{
      font-size: 14rem !important;
 }
  * .footer-m  .el-collapse-item__content ul {
     list-style-type: none !important;
 }
  * .footer-m  .el-collapse-item__content ul li {
     margin: 0px 0px 6rem;
 }
* .footer-m .footer_box {
  margin: 0rem;
  display: block;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1400rem;
  padding: 0 8rem;
  padding-top: 31rem;
}

* .footer-m .footer_box .contact {
  margin: 0rem;
  width: 100%;
}

* .footer-m .footer_box .contact .title {
  margin: 0rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 28rem;
  display: none;
}

* .footer-m .footer_box .contact ul {
  margin: 0rem;
  color: rgba(93, 110, 127, 1);
  font-size: 14rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 20rem;
  margin-top: 40rem;
}

* .footer-m .footer_box .contact ul li {
  margin: 0rem;
}

* .footer-m .footer_box .contact ul li .tell {
  margin: 0rem;
  display: none;
}

* .footer-m .footer_box .contact ul li {
  margin: 0rem;
}

* .footer-m .footer_box .contact ul li .email {
  margin: 0rem;
  display: none;
}

* .footer-m .footer_box .contact ul li {
  margin: 0rem;
}

* .footer-m .footer_box .contact ul li .address {
  margin: 0rem;
  white-space: normal;
  display: none;
}

* .footer-m .footer_box .contact ul li {
  margin: 0rem;
  margin-bottom: 0rem;
  text-align: center;
  display: flex;
  justify-content: center;
}

* .footer-m .footer_box .contact ul li .image-text_92 {
  margin: 0rem;
}

* .footer-m .footer_box .contact ul li .flex-col {
  margin: 0rem;
}

* .footer-m .footer_box .contact ul li .justify-between {
  margin: 0rem;
  width: 90rem;
  text-align: center;
  margin-bottom: 25rem;
}
* .footer-m .footer_box .contact ul li .justify-between img{
  width: 90rem;
  height: 90rem;
}
* .footer-m .footer_box .product {
  margin: 0rem;
  display: none;
}

* .footer-m .footer_box .product .title {
   margin: 0rem;    overflow-wrap: break-word;
    color: rgba(48, 61, 84, 1);
    font-size: 20rem;
    letter-spacing: 0.05000000074505806rem;
    font-family: PingFang-SC-Bold;
    text-align: justify;
    white-space: nowrap;
    line-height: 28rem; 
}

* .footer-m .footer_box .product ul {
  margin: 0rem;
  color: rgba(93, 110, 127, 1);
  font-size: 14rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 20rem;
  margin-top: 40rem;
}

* .footer-m .footer_box .product ul li {
  margin: 0rem;
  margin-bottom: 20rem;
}

* .footer-m .footer_box .product ul li a {
  margin: 0rem;
}

* .footer-m .footer_box .album {
  margin: 0rem;
  display: none;
}

* .footer-m .footer_box .album .title {
  margin: 0rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 28rem; 
}

* .footer-m .footer_box .album ul {
  margin: 0rem;
  color: rgba(93, 110, 127, 1);
  font-size: 14rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 20rem;
  margin-top: 40rem;
}

* .footer-m .footer_box .album ul li {
  margin: 0rem;
  margin-bottom: 20rem;
}

* .footer-m .footer_box .album ul li a {
  margin: 0rem;
}

* .footer-m .footer_box .news {
  margin: 0rem;
  width: 270rem;
  padding-top: 0;
  background: none;
  display: none;
}

* .footer-m .footer_box .news .title {
  margin: 0rem;
  overflow-wrap: break-word;
  color: rgba(48, 61, 84, 1);
  font-size: 20rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  white-space: nowrap;
  line-height: 28rem; 
}

* .footer-m .footer_box .news ul {
  margin: 0rem;
  color: rgba(93, 110, 127, 1);
  font-size: 14rem;
  letter-spacing: 0.05000000074505806rem;
  font-family: PingFang-SC-Bold;
  text-align: justify;
  /* white-space: nowrap; */
  line-height: 20rem;
  margin-top: 40rem;
}

* .footer-m .footer_box .news ul li {
  margin: 0rem;
  margin-bottom: 20rem;
  width: 270rem;
  height: auto;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
}

* .footer-m .footer_box .news ul li a {
  margin: 0rem;
  height:40rem;
  width: 270rem;
  display: block;
  box-sizing: border-box;
  white-space: normal;
  overflow: hidden;
}

* .footer-m .copyright {
  margin: 0rem;
}

* .footer-m .copyright .line {
  margin: 0rem;
  text-align: center;
}

* .footer-m .copyright .line .image_50 {
  margin: 0rem;
  width: 100%;
}

* .footer-m .copyright .logo {
  margin: 0rem auto;
  font-size: 12rem;
  max-width: 1400rem;
  margin-top: 20rem;
  padding: 0 8rem;
  text-align: center;
}
* .footer-m .copyright .logo img{
  width:116rem;
}
* .footer-m .copyright .company {
  margin: 0rem auto;
  font-size: 12rem;
  max-width: 1400rem;
  margin-top: 20rem;
  padding: 0 8rem;
}

* .footer-m .copyright .number {
  margin: 0rem auto;
  max-width: 100%;
  font-size: 11rem;
  display: flex;
  margin-top: 11rem;
  padding: 0 8rem;
  padding-bottom: 40rem;
  flex-wrap: wrap;
}

* .footer-m .copyright .number .text_104 {
  margin: 0rem;
  width: 164rem;
}

* .footer-m .copyright .number .block {
  margin: 0rem;
  background-color: rgba(93, 110, 127, 1);
  width: 1rem;
  height: 14rem;
  margin: 2rem 0 0 8rem !important;
}
* .footer-m .copyright .number span{
  margin-left: 0rem !important;
}
* .footer-m .copyright .number .flex-col {
  margin: 0rem;
}

* .footer-m .copyright .number .text_105 {
  margin: 0rem;
  width: 194rem;
}

* .footer-m .copyright .number .text_106 {
  margin: 0rem;
  width: 194rem;
}

* .footer-m .copyright .number .text_107 {
  margin: 0rem;
} 
}* .tool {
    margin: 0rem;
    position: fixed;
    top: 40%;
    right: 4rem;
    width: 56rem;
    z-index: 999;
}
#yw_chat_window{
    left: unset !important;
    right: 70rem !important;
}
#yw_chat_window iframe{
    border-radius: 12rem !important;
}
#yw_chat_close{
    background: none !important;
    right: 1px !important;
    height: 36px !important;
    top: 18rem !important;
}
#yw_link{
    display: block !important;
    height: 71rem !important;
    width: 50rem !important;
    background: url(/public/uploads/20240914/3802e9050daba036ef2d8ff8f4a20b0c.png)   no-repeat !important;
    background-color: transparent !important;
    background-size: 100% !important;
}
#yw_icon{
    display: none;
}
.iyunwen_js_class{
    left: unset !important;
    right: 2rem !important;
    top: calc(40% + 354rem) !important;
    width: 50rem !important;
    height: 50rem !important;
}
* .tool path {
    fill: #303d54;
}

* .tool .weichat {
    width: 56rem;
    margin: 0rem;
    padding: 6rem;
    position: relative;
    background: linear-gradient( 180deg, #F2F4F9 0%, #FFFFFF 100%);
    box-shadow: 0rem 2rem 11rem 0rem rgba(116,137,167,0.18);
    border-radius: 8rem;
    border: 2rem solid #FFFFFF;
}

* .tool .weichat:hover .hidden {
    display: block;
}

* .tool .weichat .code {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

* .tool .weichat .code img {
    margin: 0rem;
    width: 44rem;
    height: 44rem;
}

* .tool .weichat .code .name {
    margin: 0rem;
    font-size: 10rem;
    text-align: center;
    width: 100%;
    margin-top: 0rem;
}

* .tool .weichat .hidden {
    margin: 0rem;
    display: none;
    position: absolute;
    right: 67rem;
    background-image: url(/public/uploads/20240814/055b2ea85a8b3c694abbf48cd24a61ca.png);
    background-size: 126rem;
    padding: 20rem;
    top: -26rem;
}

* .tool .weichat .hidden img {
    margin: 0rem;
    width: 80rem;
}

* .tool .contact {
    width: 56rem;
    margin: 0rem;
    padding: 4rem;
    padding-top: 8rem;
    box-sizing: border-box;
    height: 190rem;
    margin: 12rem 0 0 0rem;
    position: relative;
    z-index: 100;
    background: linear-gradient( 180deg, #F2F4F9 0%, #FFFFFF 100%);
    box-shadow: 0rem 2rem 12rem 0rem rgba(116,137,167,0.18);
    border-radius: 8rem;
    border: 2rem solid #FFFFFF;
}

* .tool .contact .tell {
    margin: 0rem;
    height: 49rem;
}
* .tool .contact .tell .hidden{
    display : none;
}
* .tool .contact .tell:hover .hidden{
    display : flex;
}
* .tool .contact .tell:hover .hidden img {
    color: #7489a740;
    filter: drop-shadow(2px 4px 8px #7489a740);
    width: 137rem;
}

* .tool .contact .tell:hover .hidden span {
    position: absolute;
}

* .tool .contact .tell:hover .hidden {
    /* background-image: url(/public/uploads/20240913/a8fd0f408588e5a45e944a11cdfd8339.png);
    background-repeat: no-repeat; */
    background-size: 137rem;
    width: 135rem;
    height: 50rem;
    color: #0569FF;
    font-weight: bold;
    font-size: 14rem;
    position: absolute;
    right: 66rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

* .tool .contact .line {
    margin: 4rem 0;
    margin-bottom: 8rem;
    display: flex;
    justify-content: center;
}

* .tool .contact .tell a {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

* .tool .contact .tell a .black {
    margin: 0rem;
}

* .tool .contact .tell a .name {
    margin: 0rem;
    font-size: 9rem;
    width: 100%;
    margin-top: 8rem;
    text-align: center;
}

* .tool .contact .service {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0rem;
    height: 49rem;
}

* .tool .contact .service a {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

* .tool .contact .service a img {
    margin: 0rem;
}

* .tool .contact .service a .name {
    margin: 0rem;
    font-size: 9rem;
    width: 100%;
    margin-top: 0rem;
    text-align: center;
}

* .tool .contact .order {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 8rem;
    width: 100%;
    height: 45rem;
}

* .tool .contact .order a {
    margin: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

* .tool .contact .order a img {
    margin: 0rem;
}

* .tool .contact .order a .name {
    margin: 0rem;
    font-size: 10rem;
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

* .tool .contact .order .icon {
    background-image: url(/public/uploads/20240909/9ef2c73a38ef507e7c2a86ff758c2484.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 25rem;
    height: 23rem;
    background-size: 21rem;
}

* .tool .contact .order:hover {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(5, 105, 255, 1);
    border-radius: 8rem;
    width: 100%;
    height: 54rem;
    margin: -5rem 0 1rem 0rem;
}

* .tool .contact .order:hover a {
    color: #fff;
    padding: 6rem 2rem;
}

* .tool .contact .order:hover .name {
    font-size: 9rem;
}

* .tool .contact .order:hover .icon {
    background-image: url(/public/uploads/20240907/e013bd487bb43b8ed0d6814a4b4fca9b.svg);
    background-size: 20rem;
}

* .tool .contact .tell:hover {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(5, 105, 255, 1);
    border-radius: 8rem;
    width: 100%;
    height: 54rem;
    margin: -5rem 0 1rem 0rem;
}

* .tool .contact .tell:hover path {
    fill: #fff;
}

* .tool .contact .tell:hover a {
    color: #fff;
    padding: 6rem 2rem;
}

* .tool .contact .tell:hover .name {
    font-size: 9rem;
    margin-top: 4rem;
}

* .tool .contact .tell:hover .icon {
    background-image: url(/public/uploads/20240907/e013bd487bb43b8ed0d6814a4b4fca9b.svg);
    background-size: 20rem;
}

* .tool .contact .tell:hover {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(5, 105, 255, 1);
    border-radius: 8rem;
    width: 100%;
    height: 54rem;
    margin: -5rem 0 1rem 0rem;
    position: relative;
}

* .tool .contact .tell:hover path {
    fill: #fff;
}

* .tool .contact .service:hover {
    margin: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: rgba(5, 105, 255, 1);
    border-radius: 8rem;
    width: 100%;
    height: 54rem;
    margin: -5rem 0 1rem 0rem;
}

* .tool .contact .service:hover a {
    color: #fff;
    padding: 6rem 2rem;
}

* .tool .contact .service:hover .name {
    font-size: 9rem;
    margin-top: 4rem;
}

* .tool .contact .service:hover .icon {
    background-image: url(/public/uploads/20240907/e013bd487bb43b8ed0d6814a4b4fca9b.svg);
    background-size: 20rem;
}

* .tool .contact .service:hover path {
    fill: #fff;
}

* .tool .top {
    margin: 0rem;
    margin-left: 0rem;
    width: 56rem;
    height: 44rem;
    background: linear-gradient( 180deg, #F2F4F9 0%, #FFFFFF 100%);
    box-shadow: 0rem 2rem 12rem 0rem rgba(116,137,167,0.18);
    border-radius: 8rem;
    border: 2rem solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12rem;
    cursor: pointer;
    /* background-image: url(/public/uploads/20240907/520743ec664a2d174868118a8ded6aea.svg); */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
}

* .tool .top .icon {
    background-image: url(/public/uploads/20240907/520743ec664a2d174868118a8ded6aea.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 56rem;
    height: 44rem;
    background-size: 13rem;
}

* .tool .top .icon:hover {
    background-image: url(/public/uploads/20240909/85b38e89235b329eca54b6ef5e9e3287.svg);
}

* .tool .top img {
    margin: 0rem;
    width: 13rem;
    cursor: pointer;
}

@media only screen and (max-width: 750px) {
    .tool {
        display: none;
    }
    .iyunwen_js_class{
        display: none !important;
    }
}.banner a:hover{
   background: #0569ff94;
}

.image-wrapper_27 {
  background-color: rgba(19, 32, 44, 1);
  border-radius: 23rem;
  height: 40rem;
  width: 65rem;
  margin: 3rem 4rem 0 113rem;
  transition: all 0.1s linear 0s;
}
.image-wrapper_27:hover {
  background-color: rgba(19, 32, 44, 1);
  opacity:0.7;
}

.programme .item .rights a:hover{
   background: #0569ff94;
}
* .footer .copyright .company.friend a {
    color: inherit;
}

* .footer .copyright .company.friend a:hover {
    color: #0569ff;
}