@import "index.css";
.zs-homebanner.banner-solution{
    width: 100%;
    height: 700px;
    margin-bottom: 50px;
}
.solution-topnav {
    position: absolute;
    left: 0;
    bottom: -50px;
    top: auto;
    transform: translateY(0);
    width: 100%;
    z-index: 88;
}
.solution-topnav ul {
    height: 100px;
    padding: 15px 6%;
    display: flex;
    justify-content: space-between;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    box-shadow: 0px 6px 20px rgba(231,231,231,0.55);
}
.solution-topnav li{
	display: block;
	line-height: 60px;
	font-size: 16px;
}
.solution-topnav li a{
	display: block;
	position: relative;
}
.solution-topnav li a:after {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    bottom: 5px;
    width: 0;
    height: 2px;
    border-radius: 1px;
    background-color: #e4362d;
    transition: all 0.35s;
}
.solution-topnav li.cur a{
	color: #e4362d;
	font-weight: bold;
}
.solution-topnav li.cur a:after, .solution-topnav li a:hover:after {
    width: 100%;
    margin-left: -50%;
    background-color: #e4362d;
    bottom: 5px;
}
.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;
}
.bjt1 {
    width: 100%;
    height: 760px;
    object-fit: cover;
}
.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("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/icon-zx.png") 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("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/icon-sp.png") 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 .title3 {
    font-size: 36px;
    font-weight: 500;
    color: rgb(51, 51, 51);
    text-align: center;
    margin: 106px auto 60px;
}
.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: url("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/sd1.png") 0% / cover no-repeat;
}
.zs-solution-yun .con ul li:nth-of-type(2) {
    background: url("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/sd2.png") 0% / cover no-repeat;
}
.zs-solution-yun .con ul li:nth-of-type(3) {
    background: url("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/sd3.png") 0% / cover no-repeat;
}
.zs-solution-yun .con ul li:nth-of-type(4) {
    background: url("https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/sd4.png") 0% / cover no-repeat;
    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-vr {
  display: block;
    width: 100%;
    height: auto;
    background: url(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/bjt3.png) no-repeat top center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}
.zs-solution-vr .con {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    overflow: hidden;
    zoom: 1;
}
.zs-solution-vr .con .title3 {
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 100px auto 29px;
}
.zs-solution-vr .con .p3 {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    text-align: center;
}
.zs-solution-vr .con .card {
    width: 1550px;
    height: auto;
    margin: 10px auto 0;
    display: flex;
}
.zs-solution-vr .con .card video {
    width: 800px;
    height: 456px;
    background: #F3F3F3;
    box-shadow: 0px 2px 10px 0px #BDD0D6;
    border-radius: 20px;
    border: 8px solid #FFFFFF;
    margin-right: 49px;
}
.zs-solution-vr .con .card ul {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.zs-solution-vr .con .card ul li {
    width: 677px;
    height: 140px;
    padding: 0 38px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .3s;
    cursor: pointer;
}
.zs-solution-vr .con .card ul li.on {
    background: #FFFFFF;
    border-radius: 10px;
}
.zs-solution-vr .con .card ul li::after {
    content: '';
    width: 0;
    height: 140px;
    position: absolute;
    background: #e4362d;
    opacity: 0;
    top: 0;
    left: 0;
    transition: all .3s;
}
.zs-solution-vr .con .card ul li.on::after {
    width: 8px;
    opacity: 1;
}
.zs-solution-vr .con .card ul li h1 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}
.zs-solution-vr .con .card ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-top: 9px;
}
.playVideoIcon{
    width: 104px;
    height: 104px;
    position: absolute;
    top: 35%;
    left: 48%;
    transform: translate(-50%,30%);
    cursor: pointer;
}
.playVideoIcon img{
    max-width: 100%;
    max-height: 100%;
}
.zs-solution-guide {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    background: url(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/bjt5.png) no-repeat top center;
    background-size: cover;
    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 .title5 {
    font-size: 36px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 97px auto 0;
    text-align: center;
}
.zs-solution-guide .con .p5 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    margin: 30px auto 0;
    text-align: center;
}
.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-technical {
    width: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 90px;
}
.technical-content {
    margin: 0 auto;
}
.technical-content ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.technical-content ul .technical-list {
    display: block;
    width: 23.8%;
    margin-right: 1.6%;
    height: 404px;
    color: #050C3E;
    border-radius: 10px;
    background: linear-gradient(135deg, #e4362d, #c5170e);
    position: relative;
    transition: all .3s;
}
.technical-content ul .technical-list:nth-child(4n) {
    margin-right: 0;
}
.technical-content ul .technical-list .ms {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 1px;
}
.technical-content ul .technical-list .list-main {
    width: 100%;
    height: 100%;
    padding: 54.4px 40px;
    background: #F9F9FC;
    border-radius: 10px;
    transition: all .3s;
}
.technical-content ul .technical-list img {
    margin-bottom: 30.4px;
    width: 82px;
    height: 94px;
}
.technical-content ul .technical-list h4 {
    font-size: 22.4px;
    margin-bottom: 17.6px;
}
.technical-content ul .technical-list p {
    font-size: 16.16px;
    color: #050C3E;
}
.technical-list:hover .list-main {
    background: transparent !important;
    color: #fff !important;
}
.technical-list:hover .list-main p {
    color: #fff !important;
}
.technical-list:hover {
    transform: translateY(-12px);
}
.technical-list:hover img {
    animation: slideTlr 1s linear infinite;
}
.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('https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/Abojj4_1.png') 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('https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/Abojj4_4.png') 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('https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/Abojj4_5.png') 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(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/icon-ask.png) 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(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/icona.png);
  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;
}
.ans_act::before{
    background: url(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/iconb.png);
}
.zs-solution-epm{
    display: block;
    padding: 80px 0 40px 0;
    background-color: #f5f7fa;
}
.epm-list {
    display: block;
    width: 1830px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.epm-list .sw_epm{
    padding-bottom: 50px;
}
.zs-solution-epm .swiper-slide{
    position: relative;
    height: 260px;
    background-color: white;
    padding: 30px 40px;
}
.zs-solution-epm li::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 2;
}
.epm-list .swiper-pagination {
    bottom: 0;
}
.zs-solution-epm .img{
    position: relative;
    height: 50px;
    width: 50px;
    transition: 0.5s;

}
.zs-solution-epm .img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.5s;
}
.zs-solution-epm .swiper-slide .text{
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 0 40px 30px;
    left: 0;
    bottom: 0;
}
.zs-solution-epm .swiper-slide .text img{
    display: none;
}
.zs-solution-epm .swiper-slide .text .epm_des{
    overflow: hidden;
    transition: 0.5s;
    height: 92px;
    font-size: 16px;
    color: #333;
}
.zs-solution-epm .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #e4362d;
}
.epm_tit{
    line-height: 1;
    margin: 25px 0 20px;
  font-weight: 600;
  font-size: 22px;
}
.epm_more{
    max-height: 0;
    width: 122px;
    line-height: 42px;
    text-align: center;
    color: #7b7d7e;
    overflow: hidden;
    display: block;
    border-radius: 5px;
    transition: 0.5s;
}
.epm_more::after{
    transform: translateY(-1px);
    content: "";
    transition: 0.5s;
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
}
.epm_more:hover::after{
    content: "\e683";
    transition: 0.5s;
    margin-left: 5px;
}
.zs-solution-epm .swiper-slide:hover .img{
    opacity: 0;
    transition: 0.5s;
}
.zs-solution-epm .swiper-slide:hover .text .epm_more{
    max-height: 42px;
    margin-top: 30px;
    transition: 0.5s;
    border: 1px solid #7b7d7e;
}
/*PC自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){



}

/*Mobile v1*/
@media only screen and (max-width:767px){
.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;
}
.bjt1 {
    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(https://cdn6.zhuocms.com/storage/wwwzhiliaonetcom/img/icona.png);
    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;
}

}