@import "index.css";
.zs-homebanner.banner-solution{
    width: 100%;
    height: 700px;
    margin-bottom: 50px;
}
.zs-homebanner.banner-solution .swiper-slide{
    background-color: #eef3fb;
    background-repeat: no-repeat;
}
.zs-homebanner.banner-solution .swiper-slide.bg01{
    background-image: linear-gradient(120deg, #d8ecff 0%, #ece6ff 46%, #ffe4ef 100%);
}
.zs-homebanner.banner-solution .swiper-slide.bg02{
    background-color: #14305c;
    background-image: linear-gradient(120deg, #2f6fbf 0%, #14305c 48%, #3d1030 100%);
}
.zs-homebanner.banner-solution .swiper-slide.bg03{
    background-image: linear-gradient(120deg, #fff0dc 0%, #ffe6ea 46%, #e7f0ff 100%);
}
.zs-homebanner.banner-solution .swiper-slide.bg04{
    background-color: #123f3a;
    background-image: linear-gradient(120deg, #14857a 0%, #123f3a 48%, #10233f 100%);
}
.solution-list{
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
}
.solution-list ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
}
.solution-list li {
  width: 32%;
  height: 22vw;
  border-radius: 4px;
  transition: transform 0.8s ease 0s;
  position: relative;
  overflow: hidden;
  margin-right: 2%;
  margin-bottom: 40px;
}
.solution-list li:nth-child(3n) {
    margin-right: 0;
}
.solution-list li:hover {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  transform: translate(0rem, -5px);
}

.solution-list li:hover .card-pic {
  transform: scale(1.1);
}
.solution-list li .card-pic-wrap span {
  width: 100%;
  height: 22vw;
  display: inline-block;
}
.solution-list li .card-pic {
  aspect-ratio: 1 / 0.72;
  width: 100%;
  object-fit: cover;
  transition: all 0.8s ease 0s;
  transform: scale(1);
}
.solution-list li .card-pic-wrap span::after {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,45,103,0.5) 100%);
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.solution-list li .text-wrap {
  overflow: hidden;
  zoom: 1;
  position: absolute;
  left: 35px;
  top: 74%;
  transform: translate(0, -50%);
  text-align: left;
  z-index: 9;
}
.solution-list li .text-wrap h1 {
  font-size: 38px;
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: 0px 5px 4px rgba(0,46,152,0.5);
  background: linear-gradient(179deg, #FFFFFF 0%, rgba(0,122,255,0.51) 100%);
  -webkit-background-clip: text;
}
.text-wrap-2{
  zoom: 1;
  position: absolute;
  left: 0;
  top: 81%;
  width: 100%;
  text-align: center;
  display: flex;
  margin-top: 24px;
  z-index: 9;
  padding-left: 35px;
}
.text-wrap-2 div{
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  margin-right: 48px;
}
.text-wrap-2 div span{
  position: relative;
  z-index: 11;
}
.text-wrap-2 div::after{
  content: '';
  height: 4.8px;
  width: 33.6px;
  background: #e4362d;
  border-radius: 2.4px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.solution-list li .text-wrap-2 a::after {
  width: 48px;
  height: 4px;
  background: #e4362d;
  border-radius: 2px;
  content: '';
  display: block;
  transition: all 0.5s;
  opacity: 1;
  margin-left: 48px;
}
.imgsStop {
  display: none;
    width: 4.6875vw;
    height: 4.6875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}
.imgsStop img {
    max-width: 100%;
    max-height: 100%;
}
.zs-solution-banner {
    width: 100%;
    height: 760px;
    position: relative;
    background-color: #10203c;
    background-image: linear-gradient(120deg, #2f6fbf 0%, #10203c 46%, #46102f 100%);
}
.zs-solution-banner .con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    zoom: 1;
}
.zs-solution-banner .con .title1 {
    font-size: 50px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-shadow: rgba(33, 34, 38, 0.3) 0px 1px 2px;
    text-align: center;
    margin: 208px auto 0px;
}
.zs-solution-banner .con .p1 {
    font-size: 24px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-shadow: rgba(33, 34, 38, 0.3) 0px 0px 1px 2px;
    text-align: center;
    margin: 42px auto 0px;
}
.zs-solution-banner .con .btn {
    width: 288px;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 44px auto 0px;
}
.zs-solution-banner .con .btn .btn1 {
    width: 134px;
    height: 48px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: 1px solid rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.zs-solution-banner .con .btn .btn1:hover {
    border: 1px solid transparent;
    background: linear-gradient(53deg, rgb(95, 190, 247) 0%, rgb(49, 146, 255) 100%);
}
.zs-solution-banner .con .btn .btn2 {
    width: 134px;
    height: 48px;
    background: rgb(240, 240, 240);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.zs-solution-banner .con .btn .btn2:hover {
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(163, 209, 255) 100%);
}
.zs-solution-banner .con .btn .btn1 .tb1 {
    width: 16px;
    height: 16px;
    background: url("../img/icon-zx.webp") center center / 100% 100% no-repeat;
}
.zs-solution-banner .con .btn .btn1 span {
    font-size: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 48px;
    margin-left: 10px;
}
.zs-solution-banner .con .btn .btn2 .tb2 {
    width: 16px;
    height: 16px;
    background: url("../img/icon-sp.webp") center center / 100% 100% no-repeat;
}
.zs-solution-banner .con .btn .btn2 span {
    font-size: 16px;
    font-weight: 400;
    color: rgb(31, 30, 30);
    line-height: 48px;
    margin-left: 10px;
}
.zs-solution-num {
    width: 100%;
    height: 120px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(219, 234, 246) 0px 3px 10px 0px;
    backdrop-filter: blur(10px);
}

.zs-solution-num ul {
    width: auto;
    height: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zs-solution-num ul li {
    width: auto;/*384px*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zs-solution-num ul li img {
    width: 63px;
    height: 63px;
    margin-right: 20px;
}

.zs-solution-num ul li .text-wrap {
    width: auto;/*285px*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.zs-solution-num ul li .text-wrap h1 {
    font-size: 20px;
    font-weight: bold;
    color: rgb(51, 51, 51);
}

.zs-solution-num ul li .text-wrap span {
    font-size: 16px;
    font-weight: 400;
    color: rgb(102, 102, 102);
    margin-top: 10px;
}
.zs-solution-yun {
    width: 100%;
    height: 712px;
    padding-top: 110px;
}
.zs-solution-yun .con {
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
}
.zs-solution-yun .con ul {
    height: 410px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}
.zs-solution-yun .con ul li {
    width: 328px;
    height: 410px;
    margin-right: 20px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.zs-solution-yun .con ul li:nth-of-type(1) {
    background-color: #1b4f9c;
    background-image: linear-gradient(140deg, #3f8dfd 0%, #1b4f9c 52%, #14204d 100%);
}
.zs-solution-yun .con ul li:nth-of-type(2) {
    background-color: #0b7f76;
    background-image: linear-gradient(140deg, #2fd0bd 0%, #0b7f76 52%, #0b3040 100%);
}
.zs-solution-yun .con ul li:nth-of-type(3) {
    background-color: #b7411c;
    background-image: linear-gradient(140deg, #ffb03a 0%, #ef5b1f 50%, #8a2410 100%);
}
.zs-solution-yun .con ul li:nth-of-type(4) {
    background-color: #6b21a8;
    background-image: linear-gradient(140deg, #c07bff 0%, #7c2fd4 50%, #3c1178 100%);
    margin-right: 0px;
}
.zs-solution-yun .con ul li .logo3 {
    position: absolute;
    width: auto;
    height: 214px;
    bottom: 0px;
    right: 0px;
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.5s ease 0s;
    transform: translate(-100%, 0px);
    opacity: 0;
}
.zs-solution-yun .con ul li .logo3 h1 {
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}
.zs-solution-yun .con ul li .logo3 p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-top: 10px;
    line-height: 28px;
}
.zs-solution-yun .con ul li .mask3 {
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease 0s;
    opacity: 1;
}
.zs-solution-yun .con ul li .mask3 h1 {
    font-size: 20px;
    font-weight: 500;
    color: rgb(255, 255, 255);
}
.zs-solution-yun .con ul li.cur {
    width: 790px;
}
.zs-solution-yun .con ul li.cur .logo3 {
    transform: translate(0px, 0px);
    opacity: 1;
}
.zs-solution-yun .con ul li.cur .mask3 {
    opacity: 0;
}
.zs-solution-guide {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f2f6fd;
    background-image: linear-gradient(120deg, #e6f1ff 0%, #f4eeff 45%, #ffeef1 100%);
    padding-top: 80px;
    padding-bottom: 50px;
}
.zs-solution-guide .con {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    zoom: 1;
}
.zs-solution-guide .con .card {
    height: 660px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    justify-content: center;
    align-content: center;
    row-gap: 40px;
    column-gap: 35px;
    padding: 20px 35px 60px 35px;
}
.zs-solution-guide .con .card li {
    width: auto;
    height: 160px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0 20px;
    transition: all .5s;
    cursor: pointer;
}
.zs-solution-guide .con .card li:hover {
    background: linear-gradient(180deg, #c5170e 0%, #e4362d 100%);
    transform: translate(0, -10px);
}
.zs-solution-guide .con .card li:hover * {
    color: #fff !important;
}
.zs-solution-guide .con .card li img {
    width: 110px;
    height: 110px;
    object-fit: fill;
    margin-right: 18px;
}
.zs-solution-guide .con .card li .text-wrap {
    flex: 1;
    height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zs-solution-guide .con .card li .text-wrap h1 {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}
.zs-solution-guide .con .card li .text-wrap p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-top: 18px;
    line-height: 28px;
}
.zs-solution-matrix{
    display: block;
    padding: 80px 0 80px 0;
    background-color: #f1fafb;
}
.matrix-list {
    align-items: flex-end;
    display: flex;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.matrix-list li{
    width: 23.8%;
    margin-right: 1.6%;
    margin-bottom: 30px;
    cursor: pointer;
}
.matrix-list li:nth-child(4n) {
    margin-right: 0;
}
.matrix-list .item {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 32px rgba(37,41,49,.06);
    filter: drop-shadow(0 6px 24px rgba(53,76,166,.11));
    height: 140px;
    padding: 24px;
    position: relative;
    transition: all .5s;
    width: 100%;
}
.matrix-list .item .text {
    align-items: center;
    display: flex;
    height: 40px;
    margin-bottom: 6px;
}
.matrix-list .item .pic {
    height: 40px;
    width: 40px;
}
.matrix-list .item .title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 6px;
}
.matrix-list .item .desc {
    color: #7f7f7f;
    font-size: 18px;
    line-height: 28px;
    margin-left: 12px;
}
.matrix-list .item.cur {
    border-bottom: 4px solid #e4362d;
    height: 144px;
}
.matrix-list .item .icon01 {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAMFBMVEVHcEwZZv8YZf8RZf8YZv8YZf8ZZv8ZZf8YZf8YZf8YZP8YZf8WZv8YZf8ZZv8ZZv9sIp6AAAAAD3RSTlMA4LoQQCCg74BgcJBQMM/iTWwiAAABeUlEQVQ4y42UvS4EURTHD7PD2qyEyBYSQaVRzEQl0axGu+sJSER0JCrRjDcgPMA21BR6ChWVZl9jzexmLck65uOce+6dOxP+ze6Z351zz+cA/C3n7Xh+ee3WBpsepjp9zoEussIbA2yhKLzSQD3QCEZtIU9oaEmBDczpguPt5cmIyCRaoiAubTJOwYwNMPQTsltA8CEhJ0VkEANX8yEJRzGZUsYdwM4KW02APX6hmbiuMlkF6NDfgyyFdzL7AD1xnMilu75VAAtcxBafrBNRraRaffKVkSp8hY7ykS9plmeSsdVGmMh+P4R0TDInpPVf0hdyb0YwEEJd4VKPhFC5oUYp+wy4+SplHjG++AecIJcqTdJQFSOkYa7KIFD4uJjNK494nOA09/cwIdts7Wudx/WX1yNlxM6doGjehlo1TDVKVoGWwQ1KnEncmmiSavaStKFktRpcqlrZKzLM5oin4Rnbda5/XWY9AWe+8eGpeCUgdnidJhw+8oNfu/PutWnOfs8AAAAASUVORK5CYII=);
    background-size: 100% 100%;
    right: 4px;
    top: -10px;
}
.matrix-list .item .icon02 {
    display: none;
    -webkit-backdrop-filter: blur(2.3px);
    backdrop-filter: blur(2.3px);
    background: hsla(0,0%,87%,.2);
    border: .5px solid hsla(0,0%,5%,.04);
    border-radius: 50%;
    right: -7px;
    top: -5px;
}
.matrix-list .item.cur .icon02, .matrix-list .item.cur .icon01 {
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
}
.AbojjXz{background: #fff;padding: 124px 0;}
.AbojjXz .contain{max-width: 100%;width: 100%;padding: 0 150px 0 calc((100% - 1440px)/2);justify-content: space-between;align-items: center;display: flex;}
.AbojjXz-mix{width: 550px;}
.AbojjXz-info{width: 100%;}
.AbojjXz-info .title{color: #161616;font-size: 40px;font-weight: bold;}
.AbojjXz-info .text{color: #666;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;font-size: 18px;line-height: 32px;margin-top: 26px}
.AbojjXz-number{width: 100%;margin-top: 54px;}
.AbojjXz-number ul{margin-top: -40px;display: flex;flex-wrap: wrap;}
.AbojjXz-number li{margin-top: 40px;}
.AbojjXz-number li:nth-child(2n+1){width: 278px;}
.AbojjXz-number li:nth-child(2n){width: calc(100% - 278px);}
.AbojjXz-number li .num{color: #e4362d;line-height: 1;display: flex;align-items: center;font-size: 40px;font-weight: bold;}
.AbojjXz-number li .text{color: #161616;font-size: 18px;}
.AbojjXz-number li .num b{font-weight: 400;}
.AbojjXz-circle{width: 724px;height: 724px;border-radius: 50%;position: relative;background: linear-gradient(to right,#fff,#eef3f9);box-shadow: 0px 0px 40px 0px rgba(238, 243, 249, 0.8);}
.AbojjXz-circle-list{position: absolute;width: 162px;left: 20px;height: 100%;top: 0;display: flex;align-items: center;z-index: 4;transform: translate3d(0,0,10px);}
.AbojjXz-circle-list li{width: 162px;height: 162px;margin-top: 60px;color: #333;display: flex;flex-direction: column;position: relative;align-items: center;justify-content: center;border-radius: 50%;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.09);}
.AbojjXz-circle-list li .ico{height: 42px;display: flex;align-items: flex-end;justify-content: center;position: relative;margin-bottom: 6px;}
.AbojjXz-circle-list li .ico img{max-height: 100%;}
.AbojjXz-circle-list li:first-child{margin-top: 0;}
.AbojjXz-circle-list li::after{position: absolute;opacity: 0;animation: AbojjXzRunC 2.4s ease infinite;transform-origin: center;content: "";left: 200px;top: 0;width: 100%;height: 100%;background: url('../img/Abojj4_1.webp') no-repeat left center/106px auto;}
.AbojjXz-circle-list li:first-child, .AbojjXz-circle-list li:last-child{margin-left: 132px;}
.AbojjXz-circle-list li:first-child::after{transform: rotate(45deg);left: 112px;top: 112px;animation: AbojjXzRunT 2.4s ease infinite;}
.AbojjXz-circle-list li:last-child::after{transform: rotate(-45deg);left: 112px;top: -112px;animation: AbojjXzRunB 2.4s ease infinite;}
@keyframes AbojjXzRunT {0%{opacity: 0;transform: translate3d(-12px,-12px,0) rotate(45deg);}80%{opacity: 1;transform: translate3d(0,0,0) rotate(45deg);}100%{opacity: 0;transform: translate3d(0,0,0) rotate(45deg);}}
@keyframes AbojjXzRunC {0%{opacity: 0;transform: translate3d(-12px,0,0) rotate(0);}80%{opacity: 1;transform: translate3d(0,0,0) rotate(0);}100%{opacity: 0;transform: translate3d(0,0,0) rotate(0);}}
@keyframes AbojjXzRunB {0%{opacity: 0;transform: translate3d(-12px,12px,0) rotate(-45deg);}80%{opacity: 1;transform: translate3d(0,0,0) rotate(-45deg);}100%{opacity: 0;transform: translate3d(0,0,0) rotate(-45deg);}}
.AbojjXz-circle-big{width: 410px;height: 410px;border-radius: 50%;background: #fff;position: absolute;top: 50%;margin-top: -205px;right: 58px;box-shadow: 0px 0px 40px 0px rgba(238, 243, 249, 0.8);display: flex;align-items: center;justify-content: center;}
.AbojjXz-circle-info{width: 204px;height: 204px;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 50%;overflow: hidden;position: relative;z-index: 3;}
.AbojjXz-circle-info .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.AbojjXz-circle-info .mix{position: relative;z-index: 2;color: #fff;}
.AbojjXz-circle-info .ico{display: flex;align-items: center;justify-content: center;height: 66px;}
.AbojjXz-circle-info .ico img{max-height: 100%;}
.AbojjXz-circle-info .text{line-height: 1.2;}
.AbojjXz-circle-run1{width: 264px;height: 264px;animation: AbojjXzRun1 16s linear infinite;position: absolute;top: 50%;left: 50%;margin: -132px 0 0 -132px;background: url('../img/Abojj4_4.webp') no-repeat center/100% auto;}
.AbojjXz-circle-run2{width: 300px;height: 300px;animation: AbojjXzRun2 16s linear infinite;position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -150px;background: url('../img/Abojj4_5.webp') no-repeat center/100% auto;}
@keyframes AbojjXzRun1{0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
@keyframes AbojjXzRun2{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@media all and (min-width:680px) {
    .AbojjXz-circle, .AbojjXz-circle-big, .AbojjXz-circle-list li{opacity: 0;}
    .AbojjXz .animated .AbojjXz-circle{animation: AbojjXzD1 1s ease both .6s;}
    @keyframes AbojjXzD1 {0%{opacity: 0;transform: translateX(200px);}100%{opacity: 1;transform: translateX(0);}}
    .AbojjXz .animated .AbojjXz-circle-big{animation: AbojjXzD2 1s ease both 1s;}
    .AbojjXz .animated .AbojjXz-circle-list li:nth-child(1){animation: AbojjXzD2 1s ease both 1.2s;}
    .AbojjXz .animated .AbojjXz-circle-list li:nth-child(2){animation: AbojjXzD2 1s ease both 1.3s;}
    .AbojjXz .animated .AbojjXz-circle-list li:nth-child(3){animation: AbojjXzD2 1s ease both 1.4s;}
    @keyframes AbojjXzD2 {0%{opacity: 0;transform: scale(0.4);}100%{opacity: 1;transform: scale(1);}}
}
.zs-solution-answer{
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #FFF;
}
.zs-solution-answer .zs-wp{
    padding: 0 5%;
}
.zs-solution-answer h3{
    text-align: center;
    font-weight: bold;
}
.zs-solution-answer li {
    padding: 30px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ans_tit {
    position: relative;
    /* font-weight: bold; */
    cursor: pointer;
    padding-left: 40px;
    font-size: 20px;
    background: url(../img/icon-ask.webp) no-repeat left center;
    background-size: 27px 27px;
}
.ans_tit::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../img/icona.webp);
  background-size: cover;
}
.zs-solution-answer li.cur .ans_des{
    display: block;
}
.ans_des {
    color: #666a75;
    margin-top: 15px;
    font-size: 18px;
    display: none;
    padding-left: 48px;
    transition: all .5s;
}
/*PC自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){

}

/*Mobile v1*/
@media only screen and (max-width:1023px){
.zs-homebanner.banner-solution{
    height: 300px;
    margin-bottom: 60px;
}
.solution-list li {
    width: 100%;
    height: 235px;
    margin-right: 0;
    margin-bottom: 20px;
}
.solution-list li .card-pic-wrap span {
    width: 100%;
    height: 235px;
}
.solution-list li .text-wrap h1 {
    font-size: 22px;
}
.solution-list li .text-wrap {
    left: 30px;
}
.text-wrap-2 {
    margin-top: 6px;
    padding-left: 30px;
}
.text-wrap-2 div {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    margin-right: 15px;
}
.AbojjXz {
    background: #fff;
    padding: 35px 0;
}
.AbojjXz .contain {
  max-width: 100%;
  width: 100%;
  padding: 0 3% 0 3%;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
}
.AbojjXz-mix {
  width: 100%;
  margin-bottom:30px;
}
.AbojjXz-info .title {
  font-size: 22px;
}
.AbojjXz-info .text {
  font-size: 15px;
  line-height: 1.8;
  margin-top: 16px;
}
.AbojjXz-number {
  width: 100%;
  margin-top: 15px;
}
.AbojjXz-number ul {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.AbojjXz-number li:nth-child(2n+1) {
  width: 50%;
}
.AbojjXz-number li {
  margin-top: 20px;
}
.AbojjXz-number li:nth-child(2n) {
  width: 50%;
}
.AbojjXz-number li .num {
  display: block;
  font-size: 26px;
}
.AbojjXz-circle {
    zoom: 0.5;
}
.zs-solution-banner {
    height: 300px;
}
.zs-solution-banner .con .title1 {
    font-size: 22px;
    margin: 58px auto 0px;
}
.zs-solution-banner .con .p1 {
    font-size: 15px;
    padding: 0 6%;
    margin: 12px auto 0px;
}
.zs-solution-banner .con .btn {
    width: 70%;
    height: 48px;
    margin: 44px auto 0px;
}
.zs-solution-banner .con .btn .btn1 {
    width: 120px;
    height: 38px;
}
.zs-solution-banner .con .btn .btn2 {
    width: 120px;
    height: 38px;
}

.zs-solution-num {
    width: 100%;
    height: auto;
    padding-top: 15px;
}
.zs-solution-num ul {
    width: 92%;
    height: 100%;
    margin: 0px auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
}
.zs-solution-num ul li {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.zs-solution-num ul li img {
    width: 53px;
    height: 53px;
    margin-right: 15px;
}
.zs-solution-num ul li .text-wrap h1 {
    font-size: 18px;
}
.zs-solution-num ul li .text-wrap span {
    font-size: 15px;
    margin-top: 6px;
}
.zs-solution-yun {
    width: 100%;
    height: auto;
    padding-top: 35px;
}
.zs-solution-yun .con ul {
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    align-content: flex-start;
}
.zs-solution-yun .con ul li {
    width: 100%;
    height: 205px;
    margin-bottom: 15px;
    margin-right: 0;
}
.zs-solution-yun .con ul li.cur {
    width: 100%;
}
.zs-solution-yun .con ul li .logo3 {
    width: auto;
    height: auto;
    bottom: 15px;
    right: 0px;
    padding: 0px 30px;
    transform: translate(0px, 0px);
    opacity: 1;
}
.zs-solution-yun .con ul li .logo3 p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.8;
}
.zs-solution-yun .con ul li .mask3 {
    opacity: 0;
}
.zs-solution-vr {
    padding-top: 30px;
    padding-bottom: 30px;
}
.zs-solution-vr .con .card {
    width: 100%;
    padding: 0 4%;
    height: auto;
    margin: 10px auto 0;
    display: flex;
    flex-direction: column-reverse;
}
.zs-solution-vr .con .card ul {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 25px;
}
.zs-solution-vr .con .card ul li {
    width: 100%;
    height: auto;
    padding: 15px 22px 5px 28px;
}
.zs-solution-vr .con .card ul li p {
    font-size: 15px;
    margin-top: 9px;
}
.zs-solution-vr .con .card ul li::after {
    height: 100%;
}
.zs-solution-vr .con .card video {
    width: 100%;
    height: auto;
    border: 8px solid #FFFFFF;
    margin-right: 0;
}
.playVideoIcon {
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.zs-solution-guide {
    width: 100%;
    height: auto;
    padding-top: 35px;
    padding-bottom: 35px;
}
.zs-solution-guide .con .card {
    height: auto;
    width: 100%;
    margin: 0 auto;
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    justify-content: center;
    align-content: center;
    row-gap: 15px;
    column-gap: 15px;
    padding: 10px 4% 20px 4%;
    flex-direction: row;
    flex-wrap: wrap;
}
.zs-solution-guide .con .card li {
    width: auto;
    height: auto;
    justify-content: center;
    align-items: flex-start;
    padding: 15px 15px;
    align-content: flex-start;
}
.zs-solution-guide .con .card li .text-wrap {
    flex: 1;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.zs-solution-guide .con .card li .text-wrap p {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 1.6;
}
.zs-solution-guide .con .card li .text-wrap h1 {
    font-size: 18px;
    padding-top: 5px;
}
.zs-solution-technical {
    padding-top: 30px;
    padding-bottom: 35px;
}
.technical-content ul .technical-list {
    margin-right: 0;
    margin-bottom: 15px;
    height: auto;
    width: 100%;
}
.technical-content ul .technical-list .ms {
    position: relative;
}
.technical-content ul .technical-list img {
    margin-bottom: 0;
    display: block;
    width: 82px;
    height: 94px;
    margin: 0 auto;
}
.technical-content ul .technical-list h4 {
    font-size: 18px;
    margin-bottom: 16px;
}
.technical-content ul .technical-list p {
    font-size: 15px;
}
.matrix-list .item .title {
    font-size: 18px;
    font-weight: 500;
    margin-left: 6px;
}
.matrix-list .item .desc {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0;
}
.zs-solution-answer {
    padding-top: 30px;
    padding-bottom: 35px;
}
.zs-solution-answer .zs-wp {
    padding: 0 0;
}
.ans_tit {
    padding-left: 40px;
    font-size: 18px;
}
.ans_des {
    margin-top: 15px;
    font-size: 15px;
    padding-left: 40px;
}
.ans_tit::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/icona.webp);
    background-size: cover;
}
.zs-solution-answer li {
    padding: 20px 0;
}

.technical-content ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
}

.zs-solution-matrix {
    display: block;
    padding: 35px 0 35px 0;
    background-color: #f1fafb;
}
.matrix-list {
    align-items: flex-end;
    display: flex;
    height: auto;
    flex-wrap: wrap;
}
.matrix-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    cursor: pointer;
}
.zs-solution-epm {
    padding: 30px 0 30px 0;
}
.zs-solution-epm .zs-wp{
    display: block;
}
.epm-list {
    width: 100%;
    margin-bottom: 10px;
}
.epm-list .sw_epm {
    display: block;
    width: 100%;
    position: relative;
    list-style: none;
    overflow: hidden;
    padding-bottom: 45px;
    z-index: 1;
}

}

/* 内链插件会在横幅标题里插入 <a><strong>关键词</strong></a>，链接默认深灰色，
   在深色横幅上看不清：沿用标题文字的颜色 */
.zs-solution-banner .con a:not([class]),
.zs-solution-banner .con a:not([class]):hover,
.zs-solution-banner .con a:not([class]) strong {
    color: inherit;
}