a {
    text-decoration: none
}

.w100 {
    width: 100%
}

.disNo {
    display: none !important;
    opacity: 0;
    transition: 0.5s
}

.Zindex {
    width: 100%;
    background: #F7F8FA
}

.Zindex .ZindexBanner {
    width: 100%;
    position: relative
}

.ZindexBanner .swiper-container {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center
}

.Zindex .ZindexBanner .ZindexBottom {
    height: 110px;
    backdrop-filter: blur(10px);
    filter: blur(10);
    display: flex;
    margin: auto;
    justify-content: center
}

.Zindex .ZindexBanner .swiper-slide {
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-start
}

.Zindex .ZindexBanner .swiper-slide {
    background-image: url(http://www.yilansheng.top/lj/image/ZswiperBnaer.png)
}

.Zindex .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    border-radius: 0;
    margin-right: 8px;
    background: #FFFFFF
}

.Zindex .ZindexBanner .Zpagination .swiper-pagination .swiper-pagination-bullet-active {
    background: #f7f8fa
}

.Zpagination {
    width: 1200px;
    position: absolute;
    height: 30px;
    top: 450px
}

.Zindex .ZindexBanner .ZswpierView {
    margin-top: 156px;
    width: 1200px !important;
    box-sizing: border-box;
    text-align: left
}

.Zindex .ZindexBanner .ZswpierView .title {
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 36px
}

.Zindex .ZindexBanner .ZswpierView .des {
    opacity: 0.6;
    width: 690px;
    margin-top: 48px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px
}

.Zindex .ZindexBanner .ZswpierView .tabs {
    display: flex;
    align-items: center
}

.Zindex .ZindexBanner .ZswpierView .tabs a {
    text-decoration: none;
    width: 194px;
    height: 44px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 27px
}

.Zindex .ZindexBanner .ZswpierView .tabs div {
    cursor: pointer;
    text-decoration: none;
    width: 150px;
    height: 46px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 27px;
    background: #fdad2a;
    border-radius: 4px
}

.Zindex .ZindexBanner .ZswpierView .tabs div:hover {
    background: #13BC9D
}

.Zindex .ZindexBanner .ZswpierView .tabs .tabsLeft:hover {
    opacity: 1
}

.Zindex .ZindexBanner .ZswpierView .tabs .tabsRight {
    margin-left: 24px;
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    width: 150px;
    height: 46px
}

.Zindex .ZindexBanner .ZswpierView .tabs .tabsRight:hover {
    border: 1px solid rgba(255,255,255)
}

.Zindex .ZindexBanner .ZindexBottom {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView {
    width: 300px;
    height: 110px;
    box-sizing: border-box;
    opacity: 0.7;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 24px
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:hover {
    background: #3c56de;
    background-size: 100% 100%;
    opacity: 1;
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:hover .title,.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:hover .des {
    color:#fff;
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView .title {
    font-family: PingFangSC-Medium;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 22px;
    height: 22px;
    padding-left: 32px;
    background-size: 22px 22px;
    background-repeat: no-repeat
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:nth-child(1) .title {
    background-image: url(http://www.yilansheng.top/lj/image/1white@2x.png)
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:nth-child(2) .title {
    background-image: url(http://www.yilansheng.top/lj/image/2white@2x.png)
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:nth-child(3) .title {
    background-image: url(http://www.yilansheng.top/lj/image/3white@2x.png)
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView:nth-child(4) .title {
    background-image: url(http://www.yilansheng.top/lj/image/4white@2x.png)
}

.Zindex .ZindexBanner .ZindexBottom .ZindexBottomView .des {
    height: 14px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000;
    margin-top: 16px;
    font-weight: 400
}

.Zserver {
    padding-top: 80px;
    padding-bottom: 56px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.Zserver .Zserver-top {
    width: 1200px;
    display: flex;
    justify-content: space-between
}

.Zserver .Zserver-top .Zserver-top-left {
    width: 588px;
    font-family: PingFangSC-Regular;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.Zserver .Zserver-top .Zserver-top-left .title {
    font-family: PingFangSC-Regular;
    margin-bottom: 24px;
    width: 100%;
    font-weight: 400;
    font-size: 36px;
    color: #1F2C3D
}

.Zserver .Zserver-top .Zserver-top-left .des {
    width: 100%;
    height: 44px;
    font-family: PingFangSC-Regular;
    color: rgba(96,98,102,0.8);
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #606266
}

.Zserver .Zserver-top .Zserver-top-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 342px;
    box-sizing: border-box
}

.Zserver .Zserver-top .titleImage {
    position: absolute;
    background-image: url(../image/service.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 304px;
    height: 61px;
    top: 11px
}

.Zserver .Zserver-top .desTbas {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    bottom: 7px;
    height: 34px;
    box-sizing: border-box
}

.Zserver .Zserver-top .desTbas .span {
    padding-bottom: 16px;
    font-family: PingFangSC-Regular;
    height: 16px;
    font-weight: 400;
    font-size: 14px;
    color: #1F2C3D
}

.Zserver .Zserver-top .desTbas .spanHover {
    color: #fdad2a;
    border-bottom: 2px solid #fdad2a
}

.Zserver-main {
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Zserver-main .ZserverMain {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    opacity: 1;
    transition: 0.5s
}

.Zserver-main .ZserverMain .moreView {
    transition: 0.5s ease-in-out;
    margin-right: 18px;
    position: relative;
    z-index: 1;
    width: 282px;
    height: 582px;
    margin-bottom: 24px
}

.Zserver-main .ZserverMain .moreView:hover {
    margin-top: -10px
}

.Zserver-main .ZserverMain .ZserverView {
    border-radius: 4px;
    width: 282px;
    height: 582px;
    background: #FFFFFF;
    padding: 12px;
    box-sizing: border-box;
    background-size: 100% 100%;
    transition: 0.2s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);
    border-radius: 8px
}

.Zserver-main .ZserverMain .ZserverView:nth-child(4) {
    margin-right: 0px
}

.Zserver-main .ZserverMain .ZserverView:nth-child(8) {
    margin-right: 0px
}

.ZserverView-top .titleView {
    margin-bottom: 24px
}

.ZserverView-top .titleView .title {
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    color: #1F2C3D;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

.ZserverView-top .ImgaeView {
    width: 250px;
    height: 200px;
    background: #F4F5F7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 24px
}

.ZserverView-top .ImgaeView img {
    width: 250px;
    height: 200px
}

.ZserverView-top .bottom .des {
    width: 250px;
    height: 200px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #606266;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ZserverView-top .bottom .buttonTabs {
    margin-top: 34px;
    display: flex;
    justify-content: space-between
}

.ZserverView-top .bottom .buttonTabs a {
    width: 96px;
    height: 32px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: black
}

.ZserverView-top .bottom .buttonTabs div {
    width: 116px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ZserverView-top .bottom .buttonTabs div a {
    font-size: 14px;
    line-height: 36px;
    height: 36px
}

.ZserverView-top .bottom .buttonTabs div:nth-child(1) {
    box-sizing: border-box;
    background: white;
    font-weight: 400;
    font-size: 14px;
    color: #fdad2a;
    height: 36px;
    border: 1px solid #fdad2a;
    border-radius: 4px
}

.ZserverView-top .bottom .buttonTabs div:nth-child(1) a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fdad2a;
    font-weight: 400;
    font-size: 14px
}

.ZserverView-top .bottom .buttonTabs div:nth-child(1) a:hover {
    background: #fdad2a;
    border-radius: 4px;
    color: #fff
}

.ZserverView-top .bottom .buttonTabs div:nth-child(2) a {
    font-weight: 400;
    font-size: 14px;
    color: #1F2C3D
}

.ZserverView-top .bottom .buttonTabs a:hover {
    color: #fdad2a
}

.ZserverMoreView {
    cursor: pointer;
    width: 282px;
    height: 282px;
    margin-right: 18px;
    margin-bottom: 24px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);
    border-radius: 8px;
    padding: 24px 0px 0px 24px;
    box-sizing: border-box;
    background-size: 159px 149px;
    background-repeat: no-repeat;
    background-image: url(http://www.yilansheng.top/lj/image/noreServe.png);
    background-position: 129% 122%;
    transition: 0.2s
}

.ZserverMoreView:hover {
    margin-top: -10px
}

.ZserverMoreView .title {
    height: 20px;
    line-height: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 20px;
    color: #1F2C3D;
    margin-bottom: 24px
}

.ZserverMoreView .des {
    height: 12px;
    font-family: PingFangSC-Regular;
    text-align: left;
    line-height: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #1F2C3D
}

.ZserverMoreView .des:hover {
    color: #fdad2a
}

.Zprogramme-img {
    background: rgba(0,0,0,0.50);
    background-size: 100%;
    opacity: .8;
    position: relative
}

.Zprogramme-bg {
    background: no-repeat center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    z-index: -1;
    filter: blur(10px)
}

.Zprogramme {
    width: 100%;
    background: #252D37;
    border-radius: 0;
    background-color: rgba(0,0,0,0.50);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 80px
}

.Zprogramme .Zprogramme-top {
    flex-wrap: wrap;
    margin: auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin-top: 80px
}

.Zprogramme .Zprogramme-top .Zprogramme-top-left {
    width: 588px;
    font-family: PingFangSC-Regular;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.Zprogramme .Zprogramme-top .Zprogramme-top-left .title {
    font-family: PingFangSC-Regular;
    margin-bottom: 24px;
    width: 100%;
    font-weight: 400;
    font-size: 36px;
    color: #FFFFFF
}

.Zprogramme .Zprogramme-top .Zprogramme-top-left .des {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px
}

.Zprogramme-main-box {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin: 40px auto 0
}

.Zprogramme-main-box .Zprogramme-main-left {
    width: 240px;
    background: #090909c7;
    border-radius: 8px;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative
}

.Zprogramme-main-box .Zprogramme-main-left .spanView {
    cursor: pointer;
    opacity: .8;
    width: 166px;
    height: 54px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    transition: 0.2s;
    color: #FFFFFF;
    padding-left: 24px;
    display: flex;
    align-items: center;
    z-index: 2
}

.Zprogramme-main-box .Zprogramme-main-left .glider {
    position: absolute;
    background-image: linear-gradient(135deg,#fdad2a 0%,#13BC9D 100%);
    color: #FFFFFF;
    width: 190px;
    height: 54px;
    border-radius: 4px;
    z-index: 1;
    transition: 0.25s ease-out
}

.Zprogramme-main-box .Zprogramme-main-right {
    width: 920px;
    display: flex;
    justify-content: center;
    margin-left: 40px;
    flex-direction: column;
    flex-wrap: nowrap
}

.Zprogramme-main-right .Zprogramme-main-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 230px;
    border-bottom: 1px solid #D8D8D8
}

.Zprogramme-main-right .Zprogramme-top-left {
    width: 560px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.Zprogramme-main-right .Zprogramme-top-left .title {
    height: 33px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    width: 100%
}

.Zprogramme-main-right .Zprogramme-top-left .des {
    margin-top: 27px;
    width: 100%;
    height: 78px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.Zprogramme-main-right .Zprogramme-top-left .tab {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 36px;
    height: 28px;
    line-height: 28px
}

.Zprogramme-main-right .Zprogramme-top-left .tab a {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    height: 28px;
    line-height: 28px;
    background: rgba(255,255,255,0.09);
    border-radius: 4px;
    margin-left: 12px;
    padding: 4px 8px
}

.Zprogramme-main-right .Zprogramme-top-left .tab a:hover {
    color: #fdad2a;
    background: rgba(255,255,255,0.09)
}

.ZprogrammeMain-main-bottom {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.ZprogrammeMain-main-bottom a {
    width: 150px;
    height: 46px;
    background: #fdad2a;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.ZprogrammeMain-main-bottom a:hover {
    background: #13BC9D
}

.ZprogrammeMain-main-bottom a:last-child {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.30);
    margin-left: 24px
}

.ZprogrammeMain-main-bottom a:last-child:hover {
    border: 1px solid rgba(255,255,255)
}

.Zprogramme-main-right .Zprogramme-top-right,.Zprogramme-main-right .Zprogramme-top-right img {
    object-fit: cover;
    width: 320px;
    height: 180px
}

.Zprogramme .Zprogramme-top .Zprogramme-top-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 342px;
    box-sizing: border-box
}

.Zprogramme .Zprogramme-top .Zprogramme-top-right .desTbas {
    cursor: pointer;
    position: absolute;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 16px;
    bottom: 26px
}

.Zprogramme .Zprogramme-top .Zprogramme-top-right .desTbas:hover {
    color: #13BC9D
}

.Zprogramme .Zprogramme-top .titleImage {
    position: absolute;
    background-image: url(http://www.yilansheng.top/lj/image/ZprogrammeTitle.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 304px;
    height: 61px;
    top: 11px
}

.Zprogramme .Zprogramme-main {
    width: 1200px;
    height: 100%;
    margin: auto;
    box-sizing: border-box;
    margin-top: 65px
}

.Zprogramme .Zprogramme-main .Zprogramme-main-tabsList {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 18px;
    height: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 0px 12px
}

.Zprogramme .Zprogramme-main .Zprogramme-main-tabsList .spanView {
    margin-bottom: -1px;
    color: rgba(255,255,255,0.6)
}

.Zprogramme .Zprogramme-main .Zprogramme-main-tabsList .spanView a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.Zprogramme-main .ZprogrammeMain {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.Zprogramme-main .ZprogrammeMain img {
    width: 400px;
    height: 226px
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView {
    width: 760px;
    margin-left: 40px
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-top {
    width: 760px;
    height: 78px;
    font-size: 16px;
    color: rgba(255,255,255,0.6);
    line-height: 26px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 80px
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom a {
    width: 194px;
    height: 44px;
    color: white;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom .leftView {
    background-image: linear-gradient(135deg,#01C3A5 0%,#fdad2a 100%);
    opacity: 0.95;
    transition: 0.3s
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom .rightView {
    border: 1px solid #979797;
    margin-left: 24px;
    transition: 0.3s;
    opacity: 0.8
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom .leftView:hover {
    opacity: 1
}

.Zprogramme-main .ZprogrammeMain .ZprogrammeMain-divView .ZprogrammeMain-divView-bottom .rightView:hover {
    opacity: 1
}

.ZCustomerCase {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.ZCustomerCase .ZCustomerCase-top {
    flex-wrap: wrap;
    margin: auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 40px;
    height: 78px
}

.ZCustomerCase .ZCustomerCase-top .ZCustomerCase-top-left {
    width: 588px;
    font-family: PingFangSC-Regular;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.ZCustomerCase .ZCustomerCase-top .ZCustomerCase-top-left .title {
    font-family: PingFangSC-Regular;
    margin-bottom: 24px;
    width: 100%;
    line-height: 30px;
    font-weight: 400;
    font-size: 36px;
    color: #1F2C3D
}

.ZCustomerCase .ZCustomerCase-top .ZCustomerCase-top-left .des {
    width: 100%;
    font-family: PingFangSC-Regular;
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #606266
}

.ZCustomerCase .ZCustomerCase-top .ZCustomerCase-top-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 342px;
    box-sizing: border-box
}

.ZCustomerCase .ZCustomerCase-top .ZCustomerCase-top-right .desTbas {
    cursor: pointer;
    position: absolute;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: rgb(0,179,122);
    line-height: 16px;
    bottom: 26px
}

.ZCustomerCase .ZCustomerCase-top .titleImage {
    position: absolute;
    background-image: url(http://www.yilansheng.top/lj/image/ZCustomerCase.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 304px;
    height: 61px;
    top: 11px
}

.ZCustomerCase .ZCustomerCase-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 424px;
    box-sizing: border-box;
    position: relative
}

.ZCustomerCase .ZCustomerCase-main .tabsList {
    background-color: white;
    margin: auto;
    position: absolute;
    width: 1200px;
    height: 120px;
    left: 0;
    right: 0;
    top: -50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    z-index: 99
}

.ZCustomerCase .ZCustomerCase-main .tabsList .tabsList-view {
    cursor: pointer;
    width: 230px;
    height: 120px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
    transition: 0.5s;
    z-index: 1
}

.ZCustomerCase .ZCustomerCase-main .tabsList .tabsList-view:hover {
    box-shadow: 0 8px 24px 0 rgba(0,0,0,0.05)
}

.ZCustomerCase .ZCustomerCase-main .tabsList .tabsList-view:hover .ZtabsView .ZCustomerCase-main-right {
    transition: transform .5s cubic-bezier(.215,.61,.355,1),opacity .5s cubic-bezier(.215,.61,.355,1);
    transform: scale(1);
    background: hsla(0,0%,100%,0)
}

.ZCustomerCase .ZCustomerCase-main .tabsList .tabsList-view img {
    width: 90%;
    height: auto
}

.ZCustomerCase .ZCustomerCase-main .ZtabsView {
    width: 100%;
    height: 100%;
    display: flex
}

.ZCustomerCase .ZCustomerCase-main .ZtabsView .ZCustomerCase-main-left {
    width: 50%;
    background-image: linear-gradient(135deg,#fdad2a 0%,#13BC9D 100%);
    background-size: 100%;
    height: 100%;
    position: relative
}

.ZCustomerCase-main-left-button {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-top: 30px;
    align-content: center;
    align-items: center
}

.ZCustomerCase-main-left-button .left {
    width: 144px;
    height: 46px;
    border: 1px solid rgba(255,255,255,0.30);
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center
}

.ZCustomerCase-main-left-button .left:hover {
    border: 1px solid #fff
}

.ZCustomerCase-main-left-button .right {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF
}

.ZCustomerCase-main-left-button .right .button-text {
    padding: 0
}

.ZCustomerCase-main-left-button .right img {
    width: 80px;
    height: 80px
}

.ZCustomerCase .ZCustomerCase-main .ZtabsView .ZCustomerCase-main-right {
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: 0.5s;
    transform: scale(1);
    background: hsla(0,0%,100%,0)
}

.ZCustomerCase .ZCustomerCase-main .ZtabsView .ZCustomerCase-main-right img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ZCustomerCase-main-left .leftZCustomerCase {
    position: absolute;
    right: 30px;
    top: 80px
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top {
    color: white
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top .ZCustomerCaseTitle {
    height: 33px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top .ZCustomerCaseDes {
    margin-top: 24px;
    margin-bottom: 32px;
    width: 572px;
    color: #FFFFFF;
    height: 78px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top .ZCustomerCaseView {
    width: 116px;
    height: 32px;
    border: 1px solid #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 56px;
    cursor: pointer
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top .ZCustomerCaseView a {
    color: white;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: 0.3s
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-top .ZCustomerCaseView a:hover {
    background: white;
    color: rgba(0,179,122,0.8)
}

.ZCustomerCase-main-left .leftZCustomerCase .ZCustomerCase-main-left-bottom {
    display: flex;
    justify-content: space-between;
    color: #FFFFFF;
    width: 572px;
    padding-bottom: 10px
}

.Zlogo {
    padding: 48px 0px 24px 0px;
    margin: auto;
    width: 1200px;
    display: flex;
    flex-wrap: wrap
}

.Zlogo .ZlogoView {
    margin: 0px 21px 24px 0px;
    width: 180px;
    height: 90px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    transition: 0.5s
}

.Zlogo .ZlogoView:hover {
    box-shadow: 0 2px 16px 0 rgba(0,0,0,0.05)
}

.Zlogo .ZlogoViewMore {
    margin: 0px 0px 24px 0px;
    width: 180px;
    height: 90px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fdad2a
}

.Zlogo .ZlogoViewMore a {
    color: #fdad2a
}

.Zlogo .ZlogoViewMore img {
    width: 24px;
    height: 24px;
    margin-left: 8px
}

.Zlogo .ZlogoView:nth-child(6) {
    margin: 0px 0px 24px 0px
}

.Zlogo .ZlogoView img {
    width: 100%
}

.Zserver-bg {
    background: #fff;
    height: 610px
}

.Zserver-main {
    width: 1200px;
    margin: 0 auto 80px;
    position: relative;
    overflow: hidden
}

.Zserver-bg .Zserver-main {
    height: 450px
}

.Zserver-main .imageViewDiv {
    z-index: 2;
    position: absolute;
    background-image: linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,0) 49%,#FFFFFF 100%);
    width: 100%;
    height: 100%
}

@keyframes mymove {
    from {
        left: 0px
    }

    to {
        left: -1200px
    }
}

.Zserver-main .ZserverImg {
    z-index: 1;
    position: absolute;
    width: 100%;
    animation: mymove 35s infinite linear;
    display: flex
}

.Zserver-main .ZserverImg .userImg {
    width: 100%
}

.Zauthoritative .Zauthoritative-top {
    flex-wrap: wrap;
    margin: 0px auto 108px;
    padding-top: 80px;
    box-sizing: border-box;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    height: 78px
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-left {
    width: 588px;
    font-family: PingFangSC-Regular;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-left .title {
    font-family: PingFangSC-Regular;
    margin-bottom: 24px;
    width: 100%;
    line-height: 30px;
    font-weight: 400;
    font-size: 36px;
    color: #1F2C3D
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-left .des {
    width: 100%;
    font-family: PingFangSC-Regular;
    color: rgba(96,98,102,0.8);
    line-height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #606266
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-right {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 342px;
    box-sizing: border-box
}

.ZauthoritativeZRoung {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.ZRoung {
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.ZRoung img {
    width: 100%;
    height: 100%
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-right .Zauthoritative-left {
    margin-right: 16px;
    background: url(http://www.yilansheng.top/lj/image/Zleft1.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.Zauthoritative .Zauthoritative-top .Zauthoritative-top-right .Zauthoritative-right {
    background: url(http://www.yilansheng.top/lj/image/Zright.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.Zauthoritative .Zauthoritative-top .titleImage {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 304px;
    height: 61px;
    top: 11px
}

.Zauthoritative-main {
    width: 1200px;
    height: 130px;
    margin: auto
}

.Zauthoritative-main .swiper-wrapper {
}

.Zauthoritative-main .swiper-wrapper .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    filter: grayscale(0%);
    margin-bottom: 12px;
    background: transparent
}

.Zauthoritative-main .swiper-wrapper .swiper-slide img {
    transform: scale(0.9);
    transition: 0.3s;
    box-shadow: 0
}

.Zauthoritative-main .swiper-wrapper .swiper-slide:hover {
    filter: grayscale(0%)
}

.Zauthoritative-main .swiper-wrapper .swiper-slide:hover img {
    transform: scale(1);
    opacity: 1;
    border-radius: 50%
}

.Zauthoritative-main .swiper-wrapper .ZauthoritativeTabs {
    flex-wrap: wrap;
    width: 160px;
    display: flex;
    justify-content: center
}

.Zauthoritative-main .swiper-wrapper .ZauthoritativeTabs img {
    width: 100px;
    height: 100px;
    margin-bottom: 16px
}

.Zauthoritative-main .swiper-wrapper .ZauthoritativeDes {
    width: 200px;
    position: relative;
    background-color: white;
    color: #606266;
    border-radius: 10px;
    font-family: sans-serif;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    padding: 12px 15px;
    text-align: left;
    display: none
}

.Zauthoritative-main .swiper-wrapper .ZauthoritativeDes:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    border-bottom-color: white;
    border-top-color: rgba(248,250,251,0);
    border-left-color: rgba(248,250,251,0.1);
    border-right-color: rgba(248,250,251,0.1);
    left: 50%;
    bottom: 100%;
    margin-left: -10px
}

.Zauthoritative-main .swiper-wrapper .ZauthoritativeTitle {
    text-align: center;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #000000
}

.Zschool {
    width: 100%;
    box-sizing: border-box
}

.Zschool .Zschool-top {
    flex-wrap: nowrap;
    margin: 0px auto 108px;
    padding-top: 80px;
    box-sizing: border-box;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    height: 78px;
    flex-direction: row
}

.Zschool .Zschool-top .Zschool-top-left {
    width: 45%;
    height: 92px;
    font-family: PingFangSC-Regular;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.Zschool .Zschool-top .Zschool-top-left .title {
    font-family: PingFangSC-Regular;
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 36px;
    color: #1F2C3D;
    width: 100%
}

.Zschool .Zschool-top .Zschool-top-left .des {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #606266;
    line-height: 22px
}

.Zschool .Zschool-top .Zschool-top-right {
    position: relative;
    height: 92px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 65%;
    height: 83px;
    box-sizing: border-box
}

.Zschool .Zschool-top .titleImage {
    position: absolute;
    background-image: url(http://www.yilansheng.top/lj/image/Zschool.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 304px;
    height: 61px;
    top: 11px
}

.Zschool-mian {
    margin: 0px auto 108px;
    margin-bottom: 80px;
    width: 1200px;
    display: flex;
    justify-content: space-between
}

.Zschool-mian .Zschool-mian-left {
    width: 800px;
    height: 746px;
    background: #FFFFFF
}

.Zschool-mian .Zschool-mian-right {
    width: 384px;
    height: 746px;
    background: #FFFFFF
}

.Zschool-mian-left {
    box-sizing: border-box;
    padding: 34px 24px
}

.Zschool-mian-left .Zschool-mian-left-title {
    display: flex;
    justify-content: space-between;
    border-left: 4px solid #fdad2a;
    padding-left: 8px;
    color: #303133;
    align-items: center
}

.Zschool-mian-left .Zschool-mian-left-title .Zschool-mian-left-text {
    font-size: 20px
}

.Zschool-mian-left .Zschool-mian-left-title .Zschool-mian-left-more {
    cursor: pointer;
    color: black;
    font-size: 12px
}

.Zschool-mian-left .Zschool-mian-left-main {
}

.Zschool-mian-left .Zschool-mian-left-mainView {
    height: 140px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.Zschool-mian-left .Zschool-mian-left-mainView .ZschoolView {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between
}

.ZschoolView:hover .ZschoolViewRight .ZschoolViewRight-top .title {
    color: #fdad2a
}

.ZschoolView .ZschoolViewImage {
    width: 240px;
    height: 140px
}

.ZschoolView .ZschoolViewRight {
    display: flex
}

.ZschoolView .ZschoolViewRight .ZschoolViewRight-top {
    width: 100%
}

.ZschoolView .ZschoolViewRight .ZschoolViewRight-top .title {
    height: 29px;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #303133;
    line-height: 29px;
    width: 100%;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px
}

.ZschoolView .ZschoolViewRight {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    margin-left: 24px
}

.ZschoolView .ZschoolViewRight .ZschoolViewRight-top .des {
    width: 100%;
    height: 44.8px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #909399;
    letter-spacing: 0;
    line-height: 22.4px;
    height: 45px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ZschoolView .ZschoolViewRight .ZschoolViewRight-bottom {
    color: #909399
}

.Zschool-mian-right {
    box-sizing: border-box;
    padding: 34px 24px
}

.Zschool-mian-right .Zschool-mian-right-title {
    display: flex;
    justify-content: space-between;
    border-left: 4px solid #fdad2a;
    padding-left: 8px;
    color: #303133;
    align-items: center
}

.Zschool-mian-right .Zschool-mian-right-title .Zschool-mian-right-text {
    font-size: 20px
}

.Zschool-mian-right .Zschool-mian-right-title .Zschool-mian-right-more {
    cursor: pointer;
    color: black;
    font-size: 12px
}

.Zschool-mian-right .textTiele:hover .textTiele-bottom span:nth-child(1) {
    color: rgb(0,179,122)
}

.Zschool-mian-right-bottom .ZschoolBottomImage {
    color: white;
    margin-top: 25px;
    background-image: url(http://www.yilansheng.top/lj/image/ZschoolImage.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 166px;
    align-items: flex-end;
    padding: 16px 13px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Zschool-mian-right-bottom .ZschoolBottomImage span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 115px
}

.Zschool-mian-right-bottom .textTiele {
    display: flex;
    margin-top: 32px
}

.Zschool-mian-right-bottom .textTiele:hover .textTiele-bottom div:nth-child(1) {
    color: rgb(0,179,122)
}

.Zschool-mian-right-bottom .textTiele-top {
    width: 36px;
    height: 46px
}

.Zschool-mian-right-bottom .textTiele-top span {
    background: #F7F8FA;
    color: #909399;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.Zschool-mian-right-bottom .textTiele-top span:nth-child(1) {
}

.Zschool-mian-right-bottom .textTiele-top span:nth-child(2) {
    height: 24px;
    margin-top: 3px
}

.Zschool-mian-right-bottom .textTiele-bottom {
    margin-left: 16px
}

.Zschool-mian-right-bottom .textTiele-bottom div {
    width: 270px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Zschool-mian-right-bottom .textTiele-bottom div:nth-child(1) {
    align-items: center;
    height: 19px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #303133
}

.Zschool-mian-right-bottom .textTiele-bottom div:nth-child(2) {
    padding-top: 5px;
    margin-top: 3px;
    font-size: 14px;
    color: #909399;
    align-items: center;
    height: 24px;
    align-items: flex-end
}

.ZIndexBottom {
    width: 100%;
    background-image: url("http://www.yilansheng.top/lj/image/bg.png");
    background-size: cover;
    object-fit: cover;
    height: 240px;
    display: flex;
    flex-wrap: wrap;
    place-content: start center
}

.ZIndexBottom .ZIndexBottom-title {
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    height: 14px;
    margin-top: 40px;
    margin-bottom: 40px
}

.ZIndexBottom .ZIndexBottom-main {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    text-align: center;
    justify-content: center;
    margin-bottom: 40px
}

.ZIndexBottom .ZIndexBottom-main .ZIndexBottomLeftPhone {
    display: flex;
    align-items: center
}

.ZIndexBottom .ZIndexBottom-main span {
    font-size: 32px;
    color: #FFFFFF;
    height: 32px;
    margin-left: 16px;
    font-weight: 500
}

.ZIndexBottom .ZIndexBottom-main .ZIndexBottomLeftPhone img {
    width: 32px;
    height: 32px
}

.ZIndexBottom .ZIndexBottom-main .ZIndexBottomRightPhone {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    padding-left: 24px;
    margin-left: 24px;
    border-left: 1px solid rgba(255,255,255,0.24)
}

.ZIndexBottom .ZIndexBottom-main .ZIndexBottomRightPhone img {
    width: 32px;
    height: 32px
}

.ZIndexBottom .ZIndexBottom-input {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    width: 160px;
    height: 40px;
    opacity: 0.8;
    transition: 0.5s;
    border: 1px solid #FFFFFF;
    border-radius: 4px
}

.ZIndexBottom .ZIndexBottom-input:hover {
    border: 1px solid transparent;
    opacity: 1;
    background-image: linear-gradient(136deg,#01C3A5 0%,#fdad2a 100%)
}

.ZisNoOpacity {
    transition: 0.5s;
    opacity: 0
}

.ZisShowOpacity {
    transition: 0.5s;
    opacity: 1
}

.main-msg .main-msg-tag {
    height: 34px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.main-msg .main-msg-tag .tag-span {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #1F2C3D;
    margin-right: 30px;
    padding-bottom: 15px
}

.main-msg .main-msg-tag .tag-hover {
    color: #fdad2a;
    border-bottom: 2px solid #fdad2a
}

.msg-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}

.msg-content .content-left,.msg-content .content-center {
    margin-right: 26px
}

.content-left {
    width: 380px;
    display: flex;
    flex-direction: column
}

.content-bottom {
    padding: 0 24px 14px 24px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-top: .1px solid #EFEFEF;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

.content-left .content-bottom {
    border-radius: 0 0 8px 8px
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.Zprogramme-main .mainImg {
    display: none;
    position: absolute;
    opacity: 0
}

.Zprogramme-main .fadein {
    display: block;
    opacity: 1
}

.content-msg-top {
    margin-top: 12px
}

.content-left img {
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    width: 380px;
    height: 235px
}

.content-center,.content-right {
    width: 380px
}

.content-center .content-top {
    margin-top: 7px
}

.content-right .content-top {
    margin-top: 16px
}

.content-right .content-bottom {
    padding-bottom: 14px;
    padding-top: 14px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.msg-box {
    width: 1200px;
    margin: 40px auto;
    overflow: hidden
}

.msg-title {
    width: 100%;
    padding-left: 4px;
    margin-top: 30px;
    height: 25px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-right .msg-title {
    margin-top: 20px;
    padding-top: 10px;
    height: 60px;
    line-height: 25px;
    width: 245px;
    padding-left: 10px;
    margin-left: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: break-spaces
}

.content-title-box {
    margin-left: 10px;
    border-left: 1px solid #EFEFEF
}

.content-title-box img {
    padding-left: 20px
}

.content-right .msg-date-day {
    margin-top: 0
}

.msg-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 86px
}

.msg-flex img {
    width: 35px;
    height: 35px
}

.msg-info {
    height: 41px;
    margin-top: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 21px;
    padding: 0 4px 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.content-right .msg-date {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.msg-date {
    padding-left: 4px
}

.msg-date-day {
    width: 29px;
    height: 33px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    font-size: 24px;
    color: #909399;
    letter-spacing: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EFEFEF
}

.content-left .msg-title {
    height: 27px
}

.msg-date-year {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #909399;
    letter-spacing: 0
}

.content-bottom:hover .msg-title,.content-bottom:hover .msg-info,.content-bottom:hover .msg-date-day,.content-bottom:hover .msg-date-year {
    /*color: #fff*/
}

.content-bottom .msg-line {
    width: 100%;
    margin-top: 15px;
    height: 1px;
    opacity: 0.2;
    background: #EFEFEF
}

.content-center .content-bottom:hover .msg-date-day,.content-left .content-bottom:hover .msg-date-day {
    border-bottom: 1px solid #EFEFEF
}

.content-bottom:hover {
    border: 0;
    background: url("http://www.yilansheng.top/lj/image/bg(3).png")
}

.content-center .content-bottom:hover {
    background: url("http://www.yilansheng.top/lj/image/bg(3).png")
}

.content-right .content-bottom:hover {
    background: url("http://www.yilansheng.top/lj/image/bg(1).png")
}

.ZIndexDemo {
    width: 100%;
    height: 104px;
    background: #13181D
}

.ZIndexDemoBox {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    height: 100%
}

.ZIndexDemoBox .tabsLeft {
    width: 924px;
    height: 56px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 28px
}

.ZIndexDemoBox .tabsLeft span {
    color: #fdad2a
}

.ZIndexDemoBox .tabsRight {
    width: 150px;
    height: 46px;
    background: #fdad2a;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center
}

.ZIndexDemoBox .tabsRight img {
    padding-left: 6px
}

body {
    background: #eee;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}