/* 定义 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 ;
    }
}* .banner {
    margin: 0rem;
    position: relative;
}

* .banner img {
    margin: 0rem;
    width: 100%;
}

* .banner .box .icon {
    width: 294rem;
    margin-right: 20rem;
}

* .banner .box {
    margin: 0rem;
    position: absolute;
    top: 1;
    background: transparent;
    box-shadow: none;
    color: #303D54;
    padding-top: calc(50% - 110rem) !important;
    transform: translate(0 , -50%);
    padding-left: 120rem;
    width: 749rem;
}

* .banner .box h1 {
    margin: 0rem;
    font-size: 50rem;
    display: flex;
}

* .banner .box h2 {
    margin: 0rem;
    font-size: 22rem;
    color: #5D6E7F;
    margin-top: 20rem;
}

* .banner .box p {
    margin: 0rem;
    margin-top: 20rem;
    font-size: 18rem;
    color: #5D6E7F;
    line-height: 25px;
}

* .banner .box a {
    margin: 0rem;
    display: block;
    width: 137rem;
    height: 50rem;
    background: #0569FF;
    border-radius: 30px;
    color: #fff;
    font-size: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14%;
}

@media screen and (max-width: 750px) {
    * .banner {
        margin: 0rem;
        position: relative;
        height: 320rem;
    }

    * .banner img {
        margin: 0rem;
        width: auto;
        height: 359rem;
        margin-left: -84rem;
    }

    * .banner .box .icon {
        width: 160rem;
        height: 36rem;
        margin-left: 0rem;
    }

    * .banner .box {
        margin: 0rem;
        position: absolute;
        top: 1;
        background: transparent;
        box-shadow: none;
        color: #303D54;
        padding-top: 98rem !important;
        padding-left: 21rem;
        transform: unset;
    }

    * .banner .box h1 {
        margin: 0rem;
        font-size: 26rem;
    }

    * .banner .box h2 {
        margin: 0rem;
        font-size: 16rem;
        color: #323b44;
        margin-top: 7rem;
    }

    * .banner .box p {
        margin: 0rem;
        font-size: 13rem;
        color: #242a31;
        margin-top: 6rem;
        width: 284rem;
    }

    * .banner .box a {
        margin: 0rem;
        display: block;
        width: 115rem;
        height: 43rem;
        background: #0569FF;
        border-radius: 30px;
        color: #fff;
        font-size: 16rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 49rem;
    }
}* .scene .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240831/4441b8ebd116e665098f0afc407490a0.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 184rem;
    height: 37rem;
    top: 31rem;
    left: 390rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
}

@keyframes SolutionHighlightText {
    0% {
        width: 0rem;
    }

    100% {
        width: 100%;
    }
}

* .scene {
    margin: 0rem;
    background-color: #fff;
    border-radius: 1rem;
    height: 700rem;
    background-repeat: no-repeat;
    background-position: center 130rem;
}

* .scene .title {
    font-size: 40rem;
    text-align: center;
    height: auto;
    margin: 0 auto;
    padding-top: 160rem;
    margin-bottom: 57rem;
}

* .scene .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    background-repeat: no-repeat;
    background-position: 389rem 29rem;
    width: 733rem;
    text-align: center;
    position: relative;
}

* .scene .title p {
    font-weight: bold;
    font-size: 16rem;
    color: #5D6E7F;
    margin-top: 16rem;
}

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

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

* .scene .list ul li {
    margin: 0rem;
    padding: 30rem;
    box-sizing: border-box;
    background: #F5F5F7;
    border-radius: 16rem;
    position: relative;
    width: 380rem;
    height: 288rem;
    background: #FFFFFF;
    box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
    border: 2rem solid #FFFFFF;
}

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

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

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

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

* .scene .list ul .show {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

* .scene .list ul .show img {
    width: 76rem;
}

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

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

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

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

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

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

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

* .scene .list ul .image2 {
}

* .scene .list ul .image3 {
}

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

* .scene .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 24rem;
    text-align: center;
    width: 100%;
    margin-top: 30rem;
}

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

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

.phone {
    display: none !important;
}

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

    .phone {
        display: block !important;
    }

    .scene {
        margin: 0rem;
        background-color: #fff;
        border-radius: 1rem;
        height: auto;
        background-repeat: no-repeat;
        background-position: center 130rem;
        padding-top: 0rem;
        padding-bottom: 50rem;
    }

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

    * .scene .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        background-repeat: no-repeat;
        background-position: 25rem 87rem;
        width: 282rem;
        text-align: center;
    }

    * .scene .title .keep:after {
          display: block;
        content: "";
        background-image: url(/public/uploads/20240831/4441b8ebd116e665098f0afc407490a0.svg);
        background-repeat: no-repeat;
        background-size: 165rem;
        position: absolute;
        width: 184rem;
        height: 37rem; 
        animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText; 
        top: 82rem;
        left: 59rem;
    }

    * .scene .list {
        margin: 0rem auto;
        overflow: unset;
        width: 100%;
        height: auto;
    }

    * .scene .list ul {
        margin: 0rem;
        display: flex;
        width: 100%;
        justify-content: space-between;
        overflow: unset;
        height: auto;
    }

    * .scene .list ul li {
        padding: 0 20rem;
        margin: 0rem;
        background: none;
        overflow: unset;
        display: flex;
        height: auto;
        box-shadow: none;
        justify-content: center;
    }

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

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

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

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

    * .scene .list ul .show {
        padding: 30rem;
        box-sizing: border-box;
        background: #F5F5F7;
        border-radius: 16rem;
        position: relative;
        width: 96%;
        height: 288rem;
        box-shadow: 0rem 2rem 34rem 0rem rgba(116,137,167,0.1);
        border: 2rem solid #FFFFFF;
    }

    * .scene .list ul .show img {
        width: 71rem;
        height: unset;
    }

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

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

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

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

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

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

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

    a {
        overflow: unset;
    }

    * .scene .list ul .image3 {
    }

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

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

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

    * .scene .list ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 18rem;
    }
}* .scheme {
    margin: 0rem;
    background: #fff;
    border-radius: 1px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center 130rem;
    padding-top: 0rem;
    padding-bottom: 60rem;
}

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

* .scheme .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    background-repeat: no-repeat;
    background-position: 50rem 29rem;
    width: 360rem;
    text-align: center;
    position: relative;
}

* .scheme .title p {
    font-weight: bold;
    font-size: 16px;
    color: #5D6E7F;
    margin-top: 16rem;
}

* .scheme .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240814/f91bc28fda7b3bb4b620c1308f9bcbf9.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 184rem;
    height: 37rem;
    top: 31rem;
    left: 182rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
}

@keyframes SolutionHighlightText {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

* .scheme .list {
    margin: 0rem auto;
    width: 1122rem;
}

* .scheme .list video {
    border-radius: 15rem;
}

* .scheme .list img {
    width: 1122rem;
}

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

* .scheme .list ul li {
    margin: 0rem;
    padding: 30rem;
    box-sizing: border-box;
    background: #F5F5F7;
    border-radius: 16rem;
    position: relative;
    width: 380rem;
    height: 288rem;
    overflow: hidden;
}

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

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

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

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

* .scheme .list ul .show img {
    width: 337rem;
    height: 141rem;
}

* .scheme .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 32px;
    font-weight: 500;
}

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

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

@media screen and (max-width: 750px) {
    * .scheme .title .keep:after {
        display: block;
        content: "";
        background-image: url(/public/uploads/20240914/7e2b4b626887fb368e52c1eaea66dd45.svg);
        background-repeat: no-repeat;
        background-size: 158rem;
        position: absolute;
        width: 184rem;
        height: 37rem;
        top: 31rem;
        left: 179rem;
        animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
    }

    * .scheme {
        margin: 0rem;
        background-color: #fff;
        border-radius: 1px;
        height: auto;
        background-repeat: no-repeat;
        background-position: center 130rem;
        padding: 0 20rem;
        padding-bottom: 50rem;
        margin-bottom: 0rem;
    }

    * .scheme .title {
        font-size: 40rem;
        text-align: center;
        height: auto;
        margin: 0 auto;
        padding-top: 20rem;
        margin-bottom: 39rem;
    }

    * .scheme .title h1 {
        margin: 0rem auto;
        font-size: 40rem;
        font-weight: 600;
        color: #303D54;
        background-repeat: no-repeat;
        background-position: 68rem 55rem;
        width: 345rem;
        text-align: center;
    }

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

    * .scheme .list img {
        width: 100%;
    }

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

    * .scheme .list ul li {
        margin: 0rem;
        padding: 30rem;
        box-sizing: border-box;
        background: #F5F5F7;
        border-radius: 16rem;
        position: relative;
        width: 380rem;
        height: 288rem;
        overflow: hidden;
    }

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

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

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

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

    * .scheme .list ul .show img {
        width: 337rem;
        height: 141rem;
    }

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

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

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

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

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

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

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

    * .scheme .list ul .image2 {
    }

    * .scheme .list ul .image3 {
    }

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

    * .scheme .list ul li h2 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 32px;
        font-weight: 500;
    }

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

    * .scheme .list ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 18rem;
    }
}* .talent {
    padding-top: 100rem;
    padding-bottom: 100rem;
    margin: 0rem;
    height: auto;
    background: #F9FAFF;
}

* .talent .title {
    margin: 0rem;
    margin-bottom: 100rem;
}
* .talent .list .lefts ul ul li::marker{
    color:#0569FF;
}
* .talent .title h1 {
    margin: 0rem;
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
    line-height: 56px;
    text-align: center;
    padding-top: 100rem;
}

* .talent .title p {
    margin: 0rem;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    text-align: center;
    margin-top: 16rem;
}

* .talent .list {
    margin: 0rem auto;
    display: flex;
    width: 1200rem;
    justify-content: space-between;
    align-items: center;
}

* .talent .list .lefts {
    margin: 0rem;
    width: 469rem;
    color: #fff;
}

* .talent .list .lefts ul {
    margin: 0rem;
    list-style-type: disc;
}

* .talent .list .lefts .add {
    font-weight: 400;
    font-size: 18px;
    color: #5D6E7F;
}

* .talent .list .lefts ul ul {
    margin: 0rem;
    list-style-type: disc;
    display: block;
    flex-wrap: wrap;
    padding-left: 21rem;
    margin-top: 30rem;
}

* .talent .list .lefts ul ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #5D6E7F;
    width: 382rem;
    margin-bottom: 16rem;
}

* .talent .list .lefts ul li {
    margin: 0rem;
    list-style-type: disc;
    margin-bottom: 16rem;
}

* .talent .list .lefts ul li h1 {
    margin: 0rem;
    font-weight: bold;
    text-align: left;
    font-size: 32rem;
    line-height: 45rem;
    color: #303D54;
}

* .talent .list .lefts ul li p {
    margin: 0rem;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
    margin-top: 20rem;
}

* .talent .list .rights {
    margin: 0rem;
    width: 543rem;
    margin-left: 21rem;
}

* .talent .list .rights img {
    margin: 0rem;
    transition: transform 0.5s ease;
    width: 100%;
    margin-top: -20rem;
    margin-right: -20rem;
}

* .talent .list .rights img:hover {
    transform: scale(1.05);
}

* .talent .buttom {
    margin: 0rem;
    display: flex;
    padding-top: 30rem;
}

* .talent .buttom .more {
    margin: 0rem;
    font-weight: bold;
    font-size: 14px;
    color: #0569FF;
    line-height: 20px;
    width: 113px;
    height: 40px;
    border: 1px solid #0569FF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16rem;
    cursor: pointer;
    border-radius: 20rem;
}

* .talent .buttom .more:hover {
    background: none;
    color: #fff;
    background: #0569FF;
    border: 1px solid #fff;
}

* .talent .buttom .free {
    margin: 0rem;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    width: 113px;
    height: 40px;
    background: #0569FF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20rem;
}

* .talent .buttom .free:hover {
    background: none;
    color: #0569FF;
    border: 1px solid #0569FF;
}

@media screen and (max-width: 750px) {
    * .talent {
        margin: 0rem;
        padding-top: 50rem;
        height: auto;
        background: linear-gradient( 157deg, #9326FF 0%, #3355F9 100%);
        padding-bottom: 50rem;
    }

    * .talent .title {
        margin: 0rem;
        margin-bottom: 38rem;
    }

    * .talent .title h1 {
        margin: 0rem;
        font-weight: bold;
        font-size: 38rem;
        color: #FFFFFF;
        line-height: 56px;
        text-align: center;
        padding-top: 100rem;
    }

    * .talent .title p {
        margin: 0rem;
        font-weight: bold;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 22px;
        text-align: center;
        margin-top: 16rem;
    }

    * .talent .list {
        margin: 0rem auto;
        display: block;
        width: 100%;
        padding: 8rem;
        justify-content: space-between;
        align-items: center;
    }

    * .talent .list .lefts {
        margin: 0rem;
        width: 100%;
        color: #fff;
    }

    * .talent .list .lefts ul {
        margin: 0rem;
        list-style-type: disc;
    }

    * .talent .list .lefts ul li {
        margin: 0rem;
        list-style-type: disc;
        margin-bottom: 30rem;
    }

    * .talent .list .lefts ul ul li {
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 25px;
        width: 100%;
        margin-bottom: 24rem;
    }

    * .talent .list .lefts ul li h1 {
        margin: 0rem;
        font-weight: bold;
        font-size: 36rem;
        color: #FFFFFF;
        line-height: 57rem;
        text-align: left;
        text-align: center;
    }

    * .talent .list .lefts ul ul {
        margin: 0rem;
        list-style-type: disc;
        display: block;
        flex-wrap: wrap;
        padding-left: 0rem;
        margin-top: 30rem;
        text-align: center;
    }

    * .talent .list .lefts ul li p {
        margin: 0rem;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 22px;
        margin-top: 20rem;
    }

    * .talent .list .rights {
        margin: 20rem auto;
        width: 100%;
    }

    * .talent .list .rights img {
        margin: 0rem;
        width: 100%;
    }

    * .talent .buttom {
        margin: 0rem;
        display: flex;
        padding-top: 0rem;
        justify-content: center;
    }

    * .talent .buttom .more {
        margin: 0rem;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 20px;
        width: 113px;
        height: 40px;
        border-radius: 8rem;
        border: 1px solid #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16rem;
        cursor: pointer;
    }

    * .talent .buttom .more:hover {
        background: none;
        color: #0569FF;
        background: #fff;
        border: 1px solid #0569FF;
    }

    * .talent .buttom .free {
        margin: 0rem;
        font-weight: bold;
        font-size: 14px;
        color: #0569FF;
        line-height: 20px;
        width: 113px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    * .talent .buttom .free:hover {
        background: none;
        color: #fff;
        border: 1px solid #FFFFFF;
    }
}* .services {
    margin: 0rem;
    height: auto;
    padding-bottom: 100rem;
    background: linear-gradient( 157deg, #7f2ffd 0%, #494afa 50%, #3355F9 100%);
}

* .services .rights .title {
    margin: 0rem;
    font-weight: bold;
    font-size: 32rem;
    color: #303D54;
    line-height: 95rem;
    width: 348rem;
    height: 131rem;
    background-image: url(/public/uploads/20240831/b574d9c33f9814171af935a977b0add8.png);
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: right;
    margin-left: -20rem;
    padding-right: 40rem;
    font-family: 阿里巴巴普惠体, 阿里巴巴普惠体;
}

* .services .lefts .title {
    margin: 0rem;
    font-weight: bold;
    font-size: 32rem;
    color: #303D54;
    line-height: 95rem;
    width: 348rem;
    height: 131rem;
    background-image: url(/public/uploads/20240831/baa88197fc72db68f0d8f2acbf24fd79.png);
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: left;
    padding-left: 59rem;
    margin-left: 49rem;
    font-family: 阿里巴巴普惠体, 阿里巴巴普惠体;
}

* .services .title h1 {
    margin: 0rem;
    font-weight: bold;
    font-size: 40rem;
    color: #FFFFFF;
    line-height: 56rem;
    text-align: center;
    padding-top: 100rem;
}

* .services .title p {
    margin: 0rem;
    font-weight: bold;
    font-size: 16rem;
    color: #FFFFFF;
    line-height: 22rem;
    text-align: center;
    margin-top: 16rem;
}

* .services .list {
    margin: 0rem auto;
    display: flex;
    width: 1200rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 80rem;
}

* .services .list .lefts {
    margin: 0rem;
    width: 512rem;
    color: #fff;
    height: 558rem;
    background-image: url(/public/uploads/20240831/4a3b1d3d05b6ec8ed2b70f061c42308f.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 32rem 60rem 14rem 66rem;
}

* .services .list .lefts ul {
    margin: 0rem;
    list-style-type: disc;
    position: relative;
}

* .services .list .lefts ul:after {
    position: absolute;
    display: block;
    content: "";
    width: 159rem;
    height: 5rem;
    background: url(/public/uploads/20240910/92043c9ebcc7d0db59a19a608e8e1f02.svg) 100% no-repeat;
    top: 88rem;
    left: 57rem;
}

* .services .list .lefts ul:before {
    position: absolute;
    display: block;
    content: "";
    width: 182rem;
    height: 9rem;
    background: url(/public/uploads/20240910/41e96ede2c09afebd1ac6dbed056fea9.svg) 100% no-repeat;
    bottom: 21rem;
    left: 139rem;
}

* .services .list .lefts ul ul {
    margin: 0rem;
    list-style-type: disc;
    display: block;
    flex-wrap: wrap;
    padding-left: 21rem;
}

* .services .list .center {
    text-align: center;
    position: relative;
    z-index: 99;
    width: 330rem;
    margin-left: -54rem;
    margin-right: -68rem;
    margin-top: -9rem;
}

* .services .list .center img {
    margin-bottom: 23rem;    width: 87rem;
}

* .services .list .center li img {
    margin-bottom: 0rem;
}

* .services .list .center ul {
}

* .services .list .center ul li {
    display: flex;
    margin-bottom: 20rem;
    align-items: center;
    justify-content: center;
    position: relative;
}

* .services .list .center ul li .text {
    font-weight: bold;
    font-size: 20rem;
    color: #6D38FC;
    line-height: 27rem;
    width: 121rem;
    height: 50rem;
    background: #FFFFFF;
    border-radius: 33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    font-family: 阿里巴巴普惠体, 阿里巴巴普惠体;
}

* .services .list .center ul li:before {
    display: block;
    content: "";
    position: absolute;
    top: 4rem;
    left: 94rem;
    width: 121rem;
    height: 50rem;
    z-index: 1;
    opacity: 0.5;
    background: #fff;
    border-radius: 33rem;
}

* .services .list .lefts ul ul li {
    font-weight: 400;
    font-size: 18rem;
    color: #FFFFFF;
    line-height: 25rem;
    width: 382rem;
    margin-bottom: 24rem;
}

* .services .list .lefts ul li {
    margin: 0rem;
    margin-bottom: 16rem;
    font-size: 18rem;
    color: #5D6E7F;
    height: 50rem;
}

* .services .list .lefts ul li span {
    background: url(/public/uploads/20240910/64f2476bbf85496cbed476312fb30ec1.svg) repeat-x bottom;
}

* .services .list .lefts ul li h1 {
    margin: 0rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    font-size: 32rem;
    line-height: 45rem;
}

* .services .list .lefts ul li p {
    margin: 0rem;
    font-weight: 400;
    font-size: 18rem;
    color: #FFFFFF;
    line-height: 25rem;
    margin-top: 20rem;
}

* .services .list .rights {
    margin: 0rem;
    width: 512rem;
    height: 558rem;
    margin-left: 0rem;
    background-image: url(/public/uploads/20240831/4a3b1d3d05b6ec8ed2b70f061c42308f.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 32rem 64rem 32rem 80rem;
}

* .services .list .rights ul {
}

* .services .list .rights ul li {
    font-weight: 400;
    font-size: 18rem;
    color: #5D6E7F;
    margin-bottom: 20rem;
    height: 50rem;
}

* .services .list .rights img {
    margin: 0rem;
    transition: transform 0.5s ease;
    width: 100%;
    margin-top: -20rem;
    margin-right: -20rem;
}

* .services .list .rights img:hover {
    transform: scale(1.05);
}

* .services .buttom {
    margin: 0rem;
    display: flex;
    padding-top: 80rem;
}

* .services .buttom .more {
    margin: 0rem;
    font-weight: bold;
    font-size: 14rem;
    color: #FFFFFF;
    line-height: 20rem;
    width: 113rem;
    height: 40rem;
    border: 1rem solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16rem;
    cursor: pointer;
    border-radius: 20rem;
}

* .services .buttom .more:hover {
    background: none;
    color: #0569FF;
    background: #fff;
    border: 1rem solid #0569FF;
}

* .services .buttom .free {
    margin: 0rem;
    font-weight: bold;
    font-size: 14rem;
    color: #0569FF;
    line-height: 20rem;
    width: 113rem;
    height: 40rem;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20rem;
}

* .services .buttom .free:hover {
    background: none;
    color: #fff;
    border: 1rem solid #FFFFFF;
}

@media screen and (max-width: 750px) {
    * .services {
        margin: 0rem;
        height: auto;
        background: linear-gradient( 157deg, #9326FF 0%, #3355F9 100%);
    }

    * .services .title {
        margin: 0rem;
        margin-bottom: 38rem;
    }

    * .services .title h1 {
        margin: 0rem;
        font-weight: bold;
        font-size: 38rem;
        color: #FFFFFF;
        line-height: 56rem;
        text-align: center;
        padding-top: 100rem;
    }

    * .services .title p {
        margin: 0rem;
        font-weight: bold;
        font-size: 16rem;
        color: #FFFFFF;
        line-height: 22rem;
        text-align: center;
        margin-top: 16rem;
    }

    * .services .list {
        margin: 0rem auto;
        display: block;
        width: 100%;
        padding: 8rem;
        justify-content: space-between;
        align-items: center;
    }

    * .services .list .lefts {
        margin: 0rem;
        width: 100%;
        color: #fff;
        height: auto;
        background-image: url(/public/uploads/20240831/4a3b1d3d05b6ec8ed2b70f061c42308f.svg);
        background-size: 100% 429rem;
        background-repeat: no-repeat;
        padding: 29rem 11rem 51rem 40rem;
    }

    * .services .list .center {
        text-align: center;
        position: relative;
        z-index: 99;
        width: 330rem;
        margin: 0 auto;
    }

    * .services .lefts .title {
        margin: 0rem;
        font-weight: bold;
        font-size: 32rem;
        color: #303D54;
        line-height: 71rem;
        width: 253rem;
        height: 80rem;
        background-image: url(/public/uploads/20240831/baa88197fc72db68f0d8f2acbf24fd79.png);
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: left;
        padding-left: 14rem;
        margin-left: 32rem;
        margin-bottom: 21rem;
    }

    * .services .list .lefts ul {
        margin: 0rem;
        list-style-type: disc;
    }

    * .services .list .lefts ul li {
        margin: 0rem;
        list-style-type: disc;
        margin-bottom: 1rem;
        font-size: 16rem;
    }

    * .services .list .lefts ul ul li {
        font-weight: 400;
        font-size: 18rem;
        color: #FFFFFF;
        line-height: 25rem;
        width: 100%;
        margin-bottom: 24rem;
    }

    * .services .list .lefts ul li h1 {
        margin: 0rem;
        font-weight: bold;
        font-size: 20rem;
        color: #FFFFFF;
        line-height: 22rem;
        text-align: left;
    }

    * .services .list .lefts ul li p {
        margin: 0rem;
        font-weight: 400;
        font-size: 16rem;
        color: #FFFFFF;
        line-height: 22rem;
        margin-top: 20rem;
    }

    * .services .list .rights {
        margin: 20rem auto;
        width: 100%;
        margin: 0rem;
        height: auto;
        margin-left: 0rem;
        background-image: url(/public/uploads/20240831/4a3b1d3d05b6ec8ed2b70f061c42308f.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        padding: 21rem 29rem 39rem 37rem;
    }

    * .services .rights .title {
        margin: 0rem;
        font-weight: bold;
        font-size: 24rem;
        color: #303D54;
        line-height: 83rem;
        width: 253rem;
        height: 112rem;
        background-image: url(/public/uploads/20240831/b574d9c33f9814171af935a977b0add8.png);
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: right;
        margin-left: 37rem;
        padding-right: -4rem;
    }

    * .services .list .rights ul {
        padding-bottom: 50rem;
    }

    * .services .list .rights ul li {
        font-weight: 400;
        font-size: 16rem;
        color: #5D6E7F;
        margin-bottom: 16rem;
        height: 32rem;
    }

    * .services .list .rights img {
        margin: 0rem;
        width: 100%;
    }

    * .services .buttom {
        margin: 0rem;
        display: flex;
        padding-top: 26rem;
        justify-content: center;
    }

    * .services .buttom .more {
        margin: 0rem;
        font-weight: bold;
        font-size: 14rem;
        color: #FFFFFF;
        line-height: 20rem;
        width: 113rem;
        height: 40rem;
        border-radius: 8rem;
        border: 1rem solid #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 16rem;
        cursor: pointer;
    }

    * .services .buttom .more:hover {
        background: none;
        color: #0569FF;
        background: #fff;
        border: 1rem solid #0569FF;
    }

    * .services .buttom .free {
        margin: 0rem;
        font-weight: bold;
        font-size: 14rem;
        color: #0569FF;
        line-height: 20rem;
        width: 113rem;
        height: 40rem;
        background: #FFFFFF;
        border-radius: 8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    * .services .buttom .free:hover {
        background: none;
        color: #fff;
        border: 1rem solid #FFFFFF;
    }
}* .mode {
    margin: 0rem;
    background: #fff;
    border-radius: 1px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center 130rem;
    padding-top: 0rem;
    padding-bottom: 160rem;
}

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

* .mode .title h1 {
    margin: 0rem auto;
    font-size: 40rem;
    font-weight: 600;
    color: #303D54;
    background-repeat: no-repeat;
    background-position: 50rem 29rem;
    width: 417rem;
    text-align: center;
    position: relative;
}

* .mode .title p {
    font-weight: bold;
    font-size: 16px;
    color: #5D6E7F;
    margin-top: 16rem;
}

* .mode .title .keep:after {
    display: block;
    content: "";
    background-image: url(/public/uploads/20240831/2304a6f669a0194c6fd529c0e9503f0b.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 184rem;
    height: 37rem;
    top: 31rem;
    left: 182rem;
    animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
}

@keyframes SolutionHighlightText {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

* .mode .list {
    margin: 0rem auto;
    width: 896rem;
    height: 350rem;
    background: linear-gradient( 214deg, #9326ff12 0%, #3f4ffa12 88%, #3355f912 100%);
    box-shadow: 0px 2px 34px 0px rgba(116,137,167,0.1);
    border-radius: 36rem;
    padding: 14rem;
}

* .mode .boxs {
    padding: 20rem;
    opacity: 1;
    border-radius: 36rem;
    background: linear-gradient( 214deg, #9326FF 0%, #3F4FFA 88%, #3355F9 100%);
}

* .mode .list img {
    width: 1122rem;
}

* .mode .list ul {
    margin: 0rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 15rem;
    padding: 40rem;
    box-sizing: border-box;
}

* .mode .list ul li {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    color: #6D38FC;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 50px;
    background: linear-gradient( 214deg, #faf5ff 0%, #f2f3ff 88%, #f5f6ff 100%);
    border-radius: 95px;
    font-weight: bold;
    font-size: 16px;
    margin: 8rem;
}

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

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

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

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

* .mode .list ul .show img {
    width: 337rem;
    height: 141rem;
}

* .mode .list ul li h2 {
    margin: 0rem;
    color: rgba(48, 61, 84, 1);
    font-size: 32px;
    font-weight: 500;
}

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

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

@media screen and (max-width: 750px) {
    * .mode {
        margin: 0rem;
        background: #fff;
        border-radius: 1px;
        height: auto;
        background-repeat: no-repeat;
        background-position: center 130rem;
        padding-top: 0rem;
        padding-bottom: 100rem;
    }

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

    * .mode .title h1 {
        margin: 0rem auto;
        font-size: 33rem;
        font-weight: 600;
        color: #303D54;
        background-repeat: no-repeat;
        background-position: 18rem 29rem;
        width: 348rem;
        text-align: center;
        position: relative;
    }

    * .mode .title p {
        font-weight: bold;
        font-size: 16px;
        color: #5D6E7F;
        margin-top: 16rem;
    }

    * .mode .title .keep:after {
        display: block;
        content: "";
        background-image: url(/public/uploads/20240831/2304a6f669a0194c6fd529c0e9503f0b.png);
        background-repeat: no-repeat;
        background-size: 197rem;
        position: absolute;
        width: 184rem;
        height: 37rem;
        top: 22rem;
        left: 147rem;
        animation: 0.5s ease-in 0s 1 normal forwards running SolutionHighlightText;
    }

    @keyframes SolutionHighlightText {
        0% {
            width: 0px;
        }

        100% {
            width: 100%;
        }
    }

    * .mode .list {
        margin: 0rem auto;
        width: 100%;
        height: auto;
        background: linear-gradient( 214deg, #9326ff12 0%, #3f4ffa12 88%, #3355f912 100%);
        box-shadow: 0px 2px 34px 0px rgba(116,137,167,0.1);
        border-radius: 36rem;
        padding: 14rem;
    }

    * .mode .boxs {
        padding: 20rem;
        opacity: 1;
        border-radius: 36rem;
        background: linear-gradient( 214deg, #9326FF 0%, #3F4FFA 88%, #3355F9 100%);
    }

    * .mode .list img {
        width: 1122rem;
    }

    * .mode .list ul {
        margin: 0rem;
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #fff;
        border-radius: 15rem;
        padding: 3rem;
        box-sizing: border-box;
    }

    * .mode .list ul li {
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
        color: #6D38FC;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 140rem;
        height: 50rem;
        background: linear-gradient( 214deg, #faf5ff 0%, #f2f3ff 88%, #f5f6ff 100%);
        border-radius: 95px;
        font-weight: bold;
        font-size: 16px;
        margin: 4rem;
    }

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

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

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

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

    * .mode .list ul .show img {
        width: 337rem;
        height: 141rem;
    }

    * .mode .list ul li h2 {
        margin: 0rem;
        color: rgba(48, 61, 84, 1);
        font-size: 32px;
        font-weight: 500;
    }

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

    * .mode .list ul li p {
        margin: 0rem;
        color: rgba(93, 110, 127, 1);
        font-size: 16rem;
        margin-top: 18rem;
    }
}#app{
   background: #fff;
}
.freeuses .boxs{
  width: 1200rem;
  margin: 0 auto ;
  position: relative;
}
.freeuses {
  position: relative;
  width: 100%;
  margin: 67rem auto;
  margin-top: 0rem;
  background: linear-gradient(104deg, #6b3bfd 0%, #5146fb 9%, #3355F9 100%);
  border-radius: 24rem;
  height: 260rem;
  max-width: 1440rem;
  margin-bottom: 0;
}
.section_10{
  cursor: pointer;
}
 
.blocks {
  position: absolute;
  left: 0;
  height: 260rem;
  top: 0rem;
  width: 100%;
}

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

.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;
  cursor: pointer;
}

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

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


.sections {
  display: none;
  width: 250rem;
  right: -25rem;
  left: unset;
  background-image: url(/img/7163aa62f6924ed693ef1e095bfb879b_mergeImage.png);
  background-size: 100%;
  position: absolute;
  top: -50rem;
  height: 310rem;
  background-repeat: no-repeat;
} 
.sections img{
  display: none;
}
@media only screen and (max-width: 1441px) {
   .freeuses .boxs {
        max-width: 1240rem;
    }
 .section_10 {
    margin-left: 100rem;
  }
  .section_11{
    left: 808rem;
  }
}
@media only screen and (max-width: 1289px) { 
    .section_10 { 
      margin: 24rem 0 54rem 40rem;
    } 
}

@media only screen and (max-width: 750px) {
    .freeuses .boxs {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .freeuses {
        position: relative;
        width: 100%;
        margin: 5rem auto;
        margin-top: 0rem;
        background: linear-gradient(104deg, #6b3bfd 0%, #5146fb 9%, #3355F9 100%);
        border-radius: 24rem;
        height: auto;
        max-width: 1440rem;
        margin-bottom: 0;
    }

    .section_10 {
        cursor: pointer;
    }

    .blocks {
        position: relative;
        left: 0;
        height: auto;
        top: 0rem;
        width: 100%;
    }

    .text-groups {
        margin: 47rem 0 0 0rem;
        width: 100%;
        height: auto;
        padding: 0 20rem;
    }

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

    .text_109 {
        width: 100%;
        height: 25rem;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 18rem;
        letter-spacing: 0.04500000178813934rem;
        line-height: 25rem;
        margin-top: 8rem;
        text-align: center;
    }

    .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 3rem 113rem !important;
    }

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

    .section_input {
        background-color: rgba(255, 255, 255, 1);
        border-radius: 23rem;
        width: 293rem;
        height: auto;
        margin: 24rem auto;
    }

    .sections {
        width: 100%;
        right: 0rem;
        left: unset;
        background-image: none;
        background-size: 100%;
        position: relative;
        height: auto;
        background-repeat: no-repeat;
        border-radius: 32rem;
        top: 0;
        padding: 56rem;
        padding-bottom: 0;
    }

    .sections img {
        display: block;
        border-radius: 24rem;
       width: 100%;
       height: auto;
    }
}@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%;
}

.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; 
    }
}* .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 .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 {
    font-size: 12.5rem;
}

* .footer .copyright .company.friend a {
    color: inherit;
}

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