@charset "utf-8";

html {
    position: relative;
}

/******************************************公共tabs切换**********************************************/
.zl-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    width: 71px;
    min-height: 150px;
    transform: translateY(-50%);
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 10px 5px rgba(207, 25, 32, 0.05);
    z-index: 9999;
}

.zl-sidebar .zl-sidebar-item {
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 2px;
    margin-bottom: 8px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content {
    position: absolute;
    z-index: 9999;
    right: 82px;
    top: 0;
    display: none;
    animation: fadeInRightShort 0.5s linear;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content:after {
  position: absolute;
  top: 0;
  right: -12px;
  width: 12px;
  height: 100px;
  content: '';
  display: block;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .content {
  display: flex;
  padding: 16px 0px;
  width: 274px;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .content0 {
  height: 130px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .content1 {
  /* height: 152px; */
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .icon {
  width: 17.5px;
  Height: 15.63px;
  transition: background 0.5s linear;
  margin: 6px 10px 0 22px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right .title {
  width: 64px;
  height: 26px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #242424;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right .cre {
  width: 200px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space:pre-wrap;
  color: #777777;
  margin: 4px 0 16px 0;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right .creImg {
  width: 200px;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  white-space:pre-wrap;
  color: #777777;
  margin: 4px 0 10px 0;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right .btn {
  padding: 3px 12px;
  width: 200px;
  height: 28px;
  background: #CF1920;
  border-radius: 2px;
  text-align: center;
  line-height: 18px
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .right .btn span {
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .icon0 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGOSURBVHgB1VTtbYMwED0I+Q2dIFQwQLtBmaDpBEkmoBu02aDZIBsUJmg26AJIJROE/uar7xFbIlEC/lGp6knG9vnu+d2HEfkL8ZWY2FoDIJ7jODGWzxgedW3b5pZlJVVVrfM8L4wByWYymXxwbdv2W1mW6XQ69ZqmuYPqhfq6riOA5kaAYRgSzAOT6JyJYs7zIsuySMYEYA8Y7VDOeEYb2l5lyJvJCqG+Ik+zsdsZBXOK0NdkqyOx+QmCYI4wvjgAtqChjAhs9rBdaj/NtgPEQQwDVu8W20TMJaUPfFM5dsMRUIHuWTUcfpuiwfZAH/jm2LongL8lGrDAbTNWD7e5ps6w9egDX1/rHDVvcPiO5C7VfqsNWH009YJrNrhuZnUxizlXhFadvu8o6omJagP9YsgEDl1boE3ueYbOYEdsUJREem2jGYpSnLwK3g4gQU/ecI/WODAKzC71ANuevyRHDPKk14plDJ2P+enSD8IaAmMaEPJnD9hTf5wVWO8uEpARYR5RlEcAMezdNaD/Iz/YWtJSf1CiCAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: cover;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .icon1 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgB3VPRDYIwED2kA9gNIMC3jsCnv27gBjqCo+AEsgE6gQwA0Q3014QE35HUlEIiVWOIL2navvZeeveuRGOHoxZRFK3rupb0Joqi2D4FPUAIccYyx7iRPeKqqvwLIHQW5JJJsoD2mAYT+jJ+I8hpGPupycHE+SDBMAxjrgnmjeKwzzD2mhh3xKlPVJgEjMkRnDqOc9DonXHtCMEEdzsd0WobZT1ZwIwdv8utGrquO4MZns5xTZFJUyt2G+m1jEAtvT7BJgBGpNSFz+fsKIIzrKf6IWJU/PAvy2J4+TUIgoQ+ha2Y++qClHKB6V6W5Yr+Ag+U+mIeZw0xogAAAABJRU5ErkJggg==) no-repeat center;
  background-size: cover;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .icon2 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG+SURBVHgB5ZTbUcJQEIYTCM9iB3GAZ6UCQwVgBWAFSgVgBWAFYgWGCowVqM/AkA7EZy7x+zEJRyTIOL65M2f2XHb//feSWNYfi5314LpusVAouNqPRqMX67eApVKpZdt2k61n3kdRNFgulzchYu2RnMmoXC4/Atbj+ISuLhaLY9YJYBcK7jjOFJvOPkAn3TjOA44uLKocZxCZxU8zgmkfYKPUe2QRTiaT+0yGSlMpAlajbnUx+RKVYKzBeDzuE/QW9n1llAmIQR01VH3m8/kQp0vTiPc2q6s9QaWLBDjbBbhuCnV5FiAMulaGYOMRqAlwQ4AqBWd/u1FpU3gsZoFVKpUrlBrmYtdmX4uz2N0oLrqstyxmrCiu8zfRvd5llzJkNPoJ8A6fTjyDvkqTNEMasKnu1SjZpYAaES41BucYNTB2DUBF9uMxaifjtHUOYrvNHFqfhfaok0ddxDYgSGhSpWmBeWYWfWl8kpndNEVRAGjhZOvLYL3GTQjR19YekV/M8mdJmpL1yRnv3prtAZjJD+NOLND+arV6z+VyRzDTTK4HnMyODwaUqFH5fL4L4Kkxs0OAp0qZSakZ3/9/kg/dLfPfxHmOpAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: cover;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content .icon3 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGbSURBVHgBzVRLUsJAEJ0hWeiK7wGggLVwA7mBngC8gTcgS3fiCcATgCcg3iCsgQpegIQ9SXwvTlJDRE3caFd19fz6zevXkwjx300mgybMNM1R9kAURc52u12InGamgw+wMdzW9ivwIbw4IJjsEHZgM0jWFGuXcQfLA1hKB6WSI6VkbkXb9+kAvRE5LQVcr9cOkw3DiJPb7fYIQJ7GvhigSnwBS2omgiBIdLst0pQTQIDNEK6VZj4ueML8URSwE8DNZmMj2Ch1qlhaAK10Op3coEZ2oV6vrxAeqtXqynVdp9FovGI+qdVqF/v9nuNYX8yvyuXywYfp+fLcLWB0jzA+Ho99Ppdut9sLw3AeJ0h5B9ZTvgjOVcMs6Pz8qWSt9AkbhI4vqSdfAMrn+yTDJcHgfeU+vCXyGEqbga2HOEzWeAFL1qpZwq1kbnwH6HneAlpdgsEEmjah2YoSYN1JzmB/hPAGfe0vS86Ub0HLFsvkZwg2czIm03PnfwSkkRWAqeEA2h7IWIHzS+rpZ6X4panOszk9VDDL+/P4e3sHRiG8JN+pvL8AAAAASUVORK5CYII=) no-repeat center;
  background-size: cover;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content1 {
  top: 70px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content2 {
  top: 140px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content3 {
  top: 180px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content > div .tel-title {
    font-weight: bold;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content > div p {
    line-height: 40px;
    white-space: nowrap;
    color: #333333;
    text-align: left;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content > div p .telRed {
  line-height: 40px;
  white-space: nowrap;
  color: #CF1920;
  text-align: left;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-content > div img {
  width: 196px;
  height: 196px;
}

.zl-sidebar .zl-sidebar-item .zl-sidebar-item-icon {
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    transition: all 0.5s linear;
}

.zl-sidebar .zl-sidebar-item:hover .zl-sidebar-item-content {
    display: block;
    /* visibility:visible */
    /* opacity: 1; */
}

.zl-sidebar .zl-sidebar-item:nth-child(1):hover .hover {
    background-image: url(/_nuxt/img/online-hover.470d61f.png) !important;
}

.zl-sidebar .zl-sidebar-item:nth-child(2):hover .hover {
    background-image: url(/_nuxt/img/text-hover.59cfa2a.png) !important;
}

.zl-sidebar .zl-sidebar-item:nth-child(3):hover .hover {
    background-image: url(/_nuxt/img/wx-hover.801c515.png) !important;
}

.zl-sidebar .zl-sidebar-item:nth-child(4):hover .hover {
  background-image: url(/_nuxt/img/tel-hover.a4e36cd.png) !important;
}


.zl-right-bar {
    width: 70px;
    height: 70px;
    background: url(/_nuxt/img/go-to-top-icon-normal.9ecb6ae.png) no-repeat center;
    background-size: cover;
    transition: background 0.5s linear;
}

.zl-right-bar:hover {
    background: url(/_nuxt/img/go-to-top-icon-hover.bdc3db1.png) no-repeat center;
    background-size: cover;
}

/******************************************公共tabs切换**********************************************/
.el-tabs__item {
    transition: all 0.5s linear;
}

.el-tabs__item:hover {
    color: #cf1920;
    cursor: pointer;
    opacity: 0.8;
}

.el-tabs__active-bar {
    background-color: #cf1920;
}

/********************************************公共**************************************************/
.zl-products-bidding-saas,
.zl-products-bidding-dzztb,
.zl-products-bidding-dzztb,
.zl-products-bidding-bigdata,
.zl-products-bidding-supplier,
.zl-products-bidding-cost,
.zl-qingbiao,
.zl-zujia,
.zl-field,
.zl-projectcost,
.zl-financial,
.zl-certificate,
.zl-blockchain,
.zl-databackup,
.zl-filemanagement,
.zl-evaluation,
.zl-ycfspb {
    background-color: #e8e9e8;
}

.product-box1 {
    padding: 45px 0;
}

.product-box1 .title {
    text-align: center;
    font-size: 36px;
    color: #333;
    padding: 50px 0 64px;
    margin: 0 0;
}

.product-box2 {
    height: 750px;
    width: 100%;
    position: relative;
}

.product-box2 .bg-img .title {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    padding: 50px 0 64px;
    margin: 0 0;
}

.product-box2 .tile-icon {
    width: 100px;
    /* height: 82px; */
    height: 100px;
    display: block;
    margin: 0 auto;
}

.product-box2 .tile-box-s .tile-title {
    font-size: 20px;
    color: #333333;
    margin-top: 25px;
    font-weight: bold;
}

.product-box2 .tile-box-s .tile-content1 .tile-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.product-box2 .tile-box-s .tile-content1 .tile-text {
    line-height: 1.5;
    font-size: 14px;
}

.product-relative-box {
    position: relative;
}

.product-absolute-box {
    background: url(/_nuxt/img/bg2.2f076e0.png);
    padding-top: 175px;
    box-sizing: border-box;
    position: absolute;
    top: 300px;
    width: 100%;
}

.product-box3 .client-title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 64px;
    color: #333333;
    font-weight: bold;
}

.product-box2,
.product-box1,
.product-box3 {
    padding: 45px 0;
}

.product-box3 {
    padding-bottom: 72px;
}

.br {
    border-right: 1px solid #eaeaea;
}

.bb {
    border-bottom: 1px solid #eaeaea;
}

/********************************************公共按钮************************************************/
.zl-btn-group {
    height: 40px;
}

.zl-btn-group .zl-bnt-item {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    color: #fff;
    border: solid 1px #fff;
    margin-right: 10px;
    display: inline-block;
    padding: 0 27px;
    transition: 0.3s;
}

.zl-btn-group .zl-main-color {
    border: solid 1px #cf1920;
    color: #cf1920;
}

/********************************************首页*****************************************************/
.main_container .home-banner-container .el-carousel__indicator--horizontal {
    padding: 46px 4px;
}

.main_container .home-banner-container .el-carousel__button {
    width: 58px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 1px;
}

.main_container
    .home-banner-container
    .el-carousel__indicator.is-active
    button {
    background-color: #6b6b6b;
}

.main_container .home-banner-img {
    height: 600px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.main_container .home-banner-img img {
    display: block;
    width: 1920px;
    height: 600px;
    position: absolute;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -960px;
}

.main_container .home-achievement-container {
    background-image: url(/_nuxt/img/achieve-bg.310766d.png);
    background-size: 1920px 344px;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
}

.main_container .home-achievement-container > div {
    padding: 60px 0;
    margin: 0 auto;
    width: 1200px;
}

.main_container .home-achievement {
    padding: 0 40px;
    border-right: 1px solid rgba(194, 194, 194, 0.55);
}

.main_container .home-achievement.first {
    padding-left: 0;
}

.main_container .home-achievement.last {
    padding-right: 0;
    border: none;
}

.main_container .home-achievement p {
    font-size: 14px;
    color: #959595;
    line-height: 24px;
}

.main_container .home-achievement p:first-child {
    color: #666666;
    font-family: FZZZHONGJW--GB1-0;
    font-size: 18px;
    margin-bottom: 10px;
}

.main_container .home-achievement p:first-child > span {
    font-size: 28px;
    color: #cf1920;
    margin-right: 9px;
    font-weight: bold;
}

.main_container .home-product-container .con-title {
    margin: 40px 0 64px 0;
}

.main_container .home-product-card {
    background-color: #f3f3f3;
    border: solid 1px #e1e1e1;
    margin-bottom: 16px;
    border-radius: 5px;
    transition: all 0.3s linear;
}

.main_container .home-product-card:hover {
    box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.18);
    background-color: #cf1920;
    transition: all 0.3s linear;
}

.main_container .home-product-card:hover * {
    color: #ffffff;
    transition: all 0.3s linear;
}

.main_container .home-product-card:hover .pro-title a,
.main_container .home-product-card:hover .pro-title,
.main_container .home-product-card:hover .pro-text a {
    color: #ffffff;
}

.main_container .home-product-card:hover .el-button {
    border: 1px solid rgba(255, 255, 255, 0.55);
    background-color: #cf1920;
    transition: all 0.3s linear;
}

.main_container .home-product-card .pro-top-img {
    width: 160px;
    height: 190px;
    transition: all 0.3s linear;
    background-size: 92px !important;
}

.main_container .home-product-card .pro-bottom-img {
    height: 100px;
    transition: all 0.3s linear;
    background-size: 92px !important;
}

.home-product-card .pro-img1 {
    background: url(/_nuxt/img/zhaobiao.abe6be1.png) center no-repeat;
}

.main_container .home-product-card .pro-img2 {
    background: url(/_nuxt/img/jiaoyi.a7c995a.png) center no-repeat;
}

.main_container .home-product-card .pro-img3 {
    background: url(/_nuxt/img/gongcheng.0f6b82e.png) left no-repeat;
}

.main_container .home-product-card .pro-img4 {
    background: url(/_nuxt/img/caigou.4493b7b.png) left no-repeat;
}

.main_container .home-product-card .pro-img5 {
    background: url(/_nuxt/img/biaoshitong.b5c01c9.png) left no-repeat;
}

.main_container .home-product-card:hover .pro-img1 {
    background: url(/_nuxt/img/zhaobiao1.abe6be1.png) center no-repeat;
}

.main_container .home-product-card:hover .pro-img2 {
    background: url(/_nuxt/img/jiaoyi1.a7c995a.png) center no-repeat;
}

.main_container .home-product-card:hover .pro-img3 {
    background: url(/_nuxt/img/gongcheng1.0f6b82e.png) left no-repeat;
}

.main_container .home-product-card:hover .pro-img4 {
    background: url(/_nuxt/img/caigou1.4493b7b.png) left no-repeat;
}

.main_container .home-product-card:hover .pro-img5 {
    background: url(/_nuxt/img/biaoshitong1.b5c01c9.png) left no-repeat;
}

.main_container .home-product-card .pro-title {
    font-size: 24px;
    margin: 30px 0 16px;
    transition: all 0.3s linear;
    color: #333333;
}

.main_container .home-product-card .pro-title a {
    font-size: 24px;
    margin: 30px 0;
    transition: all 0.3s linear;
    color: #333333;
}

.main_container .home-product-card .pro-text {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.main_container .home-product-card .pro-text a {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    transition: all 0.3s linear;
}

.main_container .home-product-card .el-button {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    border: solid 1px rgba(155, 155, 155, 0.55);
    padding: 0;
    margin-top: 20px;
    transition: all 0.3s linear;
}

.main_container .home-advantage-container {
    margin-top: 48px;
    padding-bottom: 100px;
    background-image: url(/_nuxt/img/youshiBg.ff5efd6.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main_container .home-advantage-container .con-title {
    color: #ffffff;
    padding: 60px 0 64px;
}

.main_container .home-advantage-card {
    height: 407px;
    background-color: transparent;
    color: #ffffff;
    border: solid 1px transparent;
    transition: all 0.5s linear;
}

.main_container .home-advantage-card:hover {
    background-color: #9b0b10;
    box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.07);
    border: solid 1px #71181c;
}

.main_container .home-advantage-card .adv-img {
    height: 160px;
    transition: all 0.5s linear;
    background-size: 223px 160px !important;
}

.main_container .home-advantage-card .adv-img1 {
    background: url(/_nuxt/img/tuandui.6ef64e9.png) center no-repeat;
}

.main_container .home-advantage-card .adv-img2 {
    background: url(/_nuxt/img/fangan.b039c13.png) center no-repeat;
}

.main_container .home-advantage-card .adv-img3 {
    background: url(/_nuxt/img/shichang.c9b5afb.png) center no-repeat;
}

.main_container .home-advantage-card .adv-img4 {
    background: url(/_nuxt/img/baozhang.01dc7a1.png) center no-repeat;
}

.main_container .home-advantage-card:hover .adv-img1 {
    background: url(/_nuxt/img/tuandui1.6ef64e9.png) center no-repeat;
}

.main_container .home-advantage-card:hover .adv-img2 {
    background: url(/_nuxt/img/fangan1.b039c13.png) center no-repeat;
}

.main_container .home-advantage-card:hover .adv-img3 {
    background: url(/_nuxt/img/shichang1.c9b5afb.png) center no-repeat;
}

.main_container .home-advantage-card:hover .adv-img4 {
    background: url(/_nuxt/img/baozhang1.01dc7a1.png) center no-repeat;
}

.main_container .home-advantage-card .adv_title {
    font-size: 24px;
    margin: 35px auto;
    text-align: center;
}

.main_container .home-advantage-card .adv_text {
    font-size: 14px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
}

.main_container .home-advantage-card /deep/ .el-card__body {
    padding: 20px 10px;
}

.main_container .home-case-container {
    background-image: url(/_nuxt/img/kehuBg.1d053c1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 72px;
}

.main_container .home-case-container .con-title {
    color: #333333;
    padding: 107px 0 64px 0;
}

.main_container .home-case-card {
    margin-bottom: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.main_container .home-case-card-bg:hover {
    background: rgba(207, 25, 32, 0.9);
}

.main_container .home-case-card-bg {
    transition: background-color 0.5s linear;
}

.main_container .home-case-card .el-card__body {
    height: 240px;
    padding: 0;
}

.main_container .home-case-card .case-img {
    position: relative;
    display: block;
    width: 100%;
    height: 240px;
}

.main_container .home-case-card .case-logo {
    display: block;
    position: absolute;
    width: 180px;
    height: 180px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main_container .look-more {
    text-align: center;
}

.main_container .look-more a {
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 14px;
    background-color: #cf1920;
    border: 1px solid #cf1920;
    color: #ffffff;
    border-radius: 20px;
    transition: all 0.5s linear;
}

.main_container .home-customer-container {
    padding-bottom: 50px;
    background-image: url(/_nuxt/img/ganyanBg.8f3ffb8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main_container .home-customer-container .con-title {
    padding: 50px 0 64px;
    color: #333333;
}

.main_container .home-customer-container .recollections {
    width: 80%;
    margin: 0 auto;
}

.main_container .recollections-img {
    margin-right: 24px;
}

.main_container .recollections-img img {
    width: 268px;
    height: 133px;
}

.main_container .recollections .recollections-text {
    line-height: 30px;
    color: #333333;
    margin-bottom: 17px;
    font-size: 16px;
}

.main_container .recollections-text p:last-child {
    text-align: right;
}

.main_container .recollections-text .pre_line {
    display: inline-block;
    width: 62px;
    height: 2px;
    background-color: #474747;
    border-radius: 1px;
    opacity: 0.88;
    margin-right: 15px;
    vertical-align: middle;
}

.main_container .home-customer-container .el-carousel__arrow--left {
    left: 10px;
}

.main_container .home-customer-container .el-carousel__arrow--right {
    right: 10px;
}

.main_container .home-customer-container .el-carousel__arrow {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #d9d9d9;
    color: rgba(168, 168, 168, 0.97);
    top: 30%;
    font-size: 16px;
}

.main_container .home-customer-container .el-carousel__arrow:hover {
    border: solid 1px #cf1920;
    color: #cf1920;
}

.main_container .home-customer-container .el-carousel__button {
    width: 46px;
    background-color: #9b9b9b;
    border-radius: 1px;
    opacity: 0.54;
}

.main_container .home-banner-container .el-carousel__indicator.is-active button,
.main_container
    .home-customer-container
    .el-carousel__indicator.is-active
    button {
    background-color: #cf1920;
}

.main_container .home-news-container {
    padding-top: 50px;
    padding-bottom: 32px;
}

.main_container .home-news-container .con-title {
    padding: 50px 0 64px;
    color: #333333;
}

.main_container .home-news-container .news-title {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    color: #333333;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    font-weight: bold;
}

.main_container .home-news-container .news-title .news_more_btn {
    font-size: 14px;
    color: #666666;
    float: right;
    padding-right: 20px;
    position: relative;
    transition: all 0.5s linear;
    font-weight: normal;
}

.main_container .home-news-container .news-title .news_more_btn:after {
    width: 14px;
    height: 14px;
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    margin-top: -7px;
    right: 0;
    background: url(/_nuxt/img/double-right-arrow-normal.6919195.png) no-repeat center;
    background-size: cover;
    transition: all 0.5s linear;
}

.main_container .home-news-container .news-title .news_more_btn:hover {
    color: #cf1920;
}

.main_container .home-news-container .news-title .news_more_btn:hover:after {
    background: url(/_nuxt/img/double-arrow-right-hover.4d335e7.png) no-repeat center;
    background-size: cover;
}

.main_container .home-news-container .news-detail-container {
    margin: 40px 0;
    display: block;
}

.main_container .news-detail-container .news-detail-img {
    width: 160px;
    height: 115px;
    overflow: hidden;
}

.main_container .news-detail-container .news-detail-img img {
    width: 160px;
    height: 115px;
}

.main_container .news-detail-container .news-detail-content {
    width: 66%;
    color: #333333;
}

.main_container
    .news-detail-container
    .news-detail-content:hover
    .news-detail-title {
    color: #cf1920;
}

.main_container
    .news-detail-container
    .news-detail-content:hover
    .news-detail-text {
    color: #333333;
}

.main_container
    .news-detail-container
    .news-detail-content:hover
    .news-detail-link {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAaCAYAAAD2dwHCAAAA/klEQVRoge3ZPw6CMBTH8V9LGWWXCTbdOI2bp/AcnsLNeBe5ARu7OkLBQDoYIYp5WLC+70LQhD+fPCOk4ryMVgA2AAJwQ7sCOCoDdwCQMd3gYgBbaSaO4T6r8QrkL13x3GI8QoxHiPEIMR4hxiPkDp7v17ZP6Qye1to6oFM/W9uAytaJnquUGvcmq6rdNIBCqVqWpRj1+D05+YchxNfd2iabvLEnQ0vZTrLneUBRWNFzavJswsElPNtwcGryLMOB3zBoMR4hxiPEeIQYj9BkD8lzKsnfr3+lYdz5TJo1yO433KsiALdm0Xtt1m4X/86V5Nmu2aZhvO/bf+gC4HQHs5o26wadleMAAAAASUVORK5CYII=) center no-repeat;
}

.main_container .news-detail-content .news-detail-title {
    font-size: 18px;
    margin-bottom: 15px;
    transition: all 0.5s linear;
}

.main_container .news-detail-content .news-detail-text {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 22px;
    margin-bottom: 20px;
    transition: all 0.5s linear;
    height: 44px;
}

.main_container .news-detail-container .news-detail-content p:last-child {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.main_container .news-detail-container .news-detail-content .news-detail-link {
    display: inline-block;
    width: 79px;
    height: 26px;
    border-radius: 2px;
    float: right;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAaCAYAAAD2dwHCAAAA+UlEQVRoge2ZvQ3CMBBGP9tpyQykg4Xo6LwBczBB3NEhdmIGoI5BjlwgiESiSy7hdK+x4sI/T1+Ui87Udb0BsANQQunLHcC5yOJOAK6qrjcVgL3NiVNxw0i+SvtPJ14aKo+AyiOg8gioPAIqj4AYec65J/eeYuQ1TcMuUNRryy2w4NroE2vtqJeMMbZjEpjWjjGaMdfvQuQHw5jJvbXMlrwJktEm2TmX0sdiT1TyOMVBWKnCKg7CShVWcdA/DBoqj4DKI6DyCKg8ArMVyUvCe//zNCGErzmbe5CVbD2jswbwSE3vbe7droRdcDDe+0MaQwjHruc3bgAuL6XNPXiK0F6UAAAAAElFTkSuQmCC) center no-repeat;
    transition: all 0.5s linear;
}

.main_container .home-banner-container .el-carousel__item:nth-child(2n) {
    background-color: #000000;
}

.main_container .home-banner-container .el-carousel__item:nth-child(2n + 1) {
    background-color: #000000;
}

/***************************************新闻中心及产品列表**********************************************/
.zl-title {
    height: 76px;
    line-height: 76px;
    background-color: #fff;
    text-align: center;
    font-size: 30px;
    color: #333333;
}

/******************************************案列分析列表页**********************************************/
.page-case-analyze {
    background-color: #ffffff;
    padding-bottom: 72px;
}

.page-case-analyze .el-tabs__header {
    /* 隐藏tab切换栏 */
    display: none;
    height: 118px;
    background: url(/_nuxt/img/tabs-bkg.8118033.png) no-repeat center;
    margin: 0 0 80px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.page-case-analyze .el-tabs__active-bar {
    display: none;
}

.page-case-analyze .el-tabs__item {
    padding: 0 60px;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
}

.page-case-analyze .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 60px;
}

.page-case-analyze .el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 60px;
}

.page-case-analyze .el-tabs__item.is-active {
    color: #b9171e;
    border-bottom: 4px solid #b9171e;
}

.page-case-analyze .el-tabs__nav-wrap::after {
    width: 0;
}

.page-case-analyze .el-tabs__nav-scroll {
    width: 640px;
    margin: 38px auto 0;
}

.page-case-analyze .el-tabs__content {
    margin-top: 24px;
}

.page-case-analyze .zl-list-item {
    padding: 0;
    height: 415px;
    margin-bottom: 24px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.09);
    display: block;
    position: relative;
}

.page-case-analyze .zl-list-item:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
    border: 1px solid #cf1920;
}

.page-case-analyze .zl-list-item .part-img {
    height: 247px;
    position: relative;
    overflow: hidden;
}

.page-case-analyze .zl-list-item .part-img .part-img-hover {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s linear;
}

.page-case-analyze .zl-list-item:hover .part-img .part-img-hover,
.page-case-analyze .zl-list-item:hover .part-img .part-img-hover p {
    opacity: 1;
}

.page-case-analyze .zl-list-item:hover .part-img .part-img-hover p .line {
    width: 20%;
}

.page-case-analyze .zl-list-item .part-img .part-img-hover p {
    opacity: 0;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    transition: opacity 0.5s linear;
}

.page-case-analyze .zl-list-item .part-img .part-img-hover p .line {
    position: absolute;
    width: 140%;
    height: 1px;
    background-color: #ffffff;
    transition: width 0.5s linear;
    left: 50%;
    transform: translateX(-50%);
}

.page-case-analyze .zl-list-item .part-img .part-img-hover p .line-t {
    top: 0;
}

.page-case-analyze .zl-list-item .part-img .part-img-hover p .line-b {
    bottom: 0;
}

.page-case-analyze .zl-list-item .part-img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    transition: transform 0.5s ease-in-out;
}

.page-case-analyze .zl-list-item:hover .part-img img {
    transform: scale(1.05, 1.05);
}

.page-case-analyze .zl-list-item .part-txt {
    padding: 0 16px;
}

.page-case-analyze .zl-list-item .part-txt .profession {
    padding: 12px 0 8px 0;
}

.page-case-analyze .zl-list-item .part-txt .profession span {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #cf1920;
}

.page-case-analyze .zl-list-item .part-txt .title {
    line-height: 18px;
    font-weight: bold;
    color: #333333;
}

.page-case-analyze .zl-list-item .part-txt .labels {
    height: 24px;
    overflow: hidden;
}

.page-case-analyze .zl-list-item .part-txt .labels span {
    font-size: 12px;
    color: #666666;
    padding: 2px 10px;
    height: 24px;
    line-height: 20px;
    border-radius: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f5f6f7;
}

.page-case-analyze .zl-list-item .part-txt .des {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page-case-analyze .more-btn.zl-btn-group {
    height: 50px;
    text-align: center;
    font-size: 25px;
    color: #959595;
}

.page-case-analyze .more-btn.zl-btn-group .zl-bnt-item {
    width: 248px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    border-radius: 25px;
    border: solid 1px #afafaf;
    color: #333333;
    transition: all 0.5s linear;
}

.page-case-analyze .more-btn.zl-btn-group .zl-bnt-item:hover {
    background-color: #cf1920;
    border-color: #cf1920;
    color: #ffffff;
}

/******************************************案列详情页样式**********************************************/
.detail-page-box {
    padding-bottom: 72px;
    position: relative;
}

.detail-page-box .detail-page-bkg {
    width: 100%;
    height: 300px;
    display: block;
}


.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page {
      height: 272px;
    }

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-bg-title {
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 600;
      font-size: 36px;
      width: 724px;
      line-height: 96px;
      display: flex;
      align-items: center;
      color: #333333;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .desc {
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      width: 724px;
      height: 48px;
      display: flex;
      align-items: center;
      color: #333333;
      margin-top: 16px;
      margin-bottom: 12px;
    }

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .tag {
      position: relative;
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      color: #666666;
    }

    .detail-page-box
    .position-box
    .center-container
    .detail-page-main-box .el-menu-order {
      display: inline-block;
      width: 116px;
      height: 34px;
      line-height: 30px;
      color: #ffffff;
      background-color: #cf1920;
      border-radius: 17px;
      border: solid 1px #cf1920;
      text-align: center;
  }

  .detail-page-box
    .position-box
    .center-container
    .detail-page-main-box .el-menu-order-box {
      margin: 32px 0 18px 0;
  }

  .detail-page-box
    .position-box
    .center-container
    .detail-page-main-box .el-menu-order:hover {
      box-shadow: 0 4px 13px 0 rgba(177, 0, 0, .5);
  }

  .detail-page-box
    .position-box
    .center-container
    .detail-page-main-box .el-menu-order + i {
      width: 64px;
      height: 24px;
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #FFFFFF;
  }

  .detail-page-box
  .position-box
  .center-container
  .detail-page-main-box .el-menu-order i {
      color: #ffffff;
      margin-right: 0;
  }

.detail-page-box .position-box .center-container .detail-page-main-box {
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    background-color: #ffffff;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .el-breadcrumb__inner_red:hover {
      color: red;
      font-weight:bold
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .breadcrumb__inner_grad {
      color: #646A73;
      font-weight:bold
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .breadcrumb__inner_grad:hover {
      color: red;
      font-weight:bold
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .zl-newsdetail-title {
      color: #000;
      font-weight:bold
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-main-title {
    height: 46px;
    line-height: 46px;
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .overflow-hidden {
    overflow: hidden;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-card {
    width: 367px;
    min-height: 336px;
    padding: 0 30px 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 3px;
    position: absolute;
    top: -188px;
    right: 77px;
    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-title {
    font-size: 24px;
    color: #333333;
    padding: 56px 0 24px;
    margin-top: 20px;
    line-height: 1;
    font-weight: bold;
    position: relative;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-title:before {
    position: absolute;
    display: block;
    content: "";
    background-color: rgba(62, 62, 62, 0.2);
    width: 675px;
    height: 1px;
    top: 0;
    left: 0;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-sub-title {
    color: #666666;
    font-size: 14px;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .zl-common-title {
    padding-left: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAuElEQVQoka3RMWoCURDG8d+KWNiYA+QKXsIypZUgaXIJ4y08QRqxTZkyl/AK2ogkpFSQlYFnEt1ddln84MGbx/vPfDOTDWZfuZbqtAXdA84anvkNu8jy/K/lh9fvqiJTLFOR0ArPTXoe4e0f+IkX5HXwEO/opXiNMY5qBvaIDwxSvMETfi4fquAAAowEoQACjAS/KoP7yWpYDoXFsBqWr1QGn7BP91hFDCeGVFC35O2ACbbYpbUUhTNP6iDl9NzSoQAAAABJRU5ErkJggg==) no-repeat left center;
    color: #333333;
    font-weight: bold;
    line-height: 18px;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-card
    > .icons {
    display: block;
    height: 120px;
    width: 310px;
    margin: 0 auto;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-card
    > .name {
    height: 36px;
    line-height: 36px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-card
    > .desc {
    line-height: 24px;
    font-size: 14px;
    color: #666666;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-article {
    overflow: hidden;
    padding: 0 0 0 10px;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-article
    a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
}

.detail-page-box
    .position-box
    .center-container
    .detail-page-main-box
    .detail-page-article
    a:hover {
    color: #0f77ee;
}

/******************************************关于我们**********************************************/
.zl-aboutus .title {
    position: relative;
    padding-top: 32px;
    padding-bottom: 12px;
    color: #333333;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

.zl-aboutus .title::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: calc(50% - 20px);
    width: 40px;
    height: 4px;
    background-color: #cf1920;
}

.zl-aboutus .introduction {
    height: 544px;
    position: relative;
    display: flex;
    justify-content: center;
    background: url(/_nuxt/img/intro_bg.a084d41.png) left center;
}

.zl-aboutus .introduction-content {
    width: 577px;
    height: 508px;
    padding: 0 24px 32px 24px;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
    position: relative;
    background-color: #fff;
    z-index: 1;
    top: -24px;
}

.zl-aboutus .introduction-content .span-text {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    line-height: 30px;
    display: inline-block;
}

.zl-aboutus .introduction-team {
    width: 618px;
    height: 348px;
    margin-top: 72px;
}

.zl-aboutus .introduction-team .el-col {
    text-align: center;
    height: 181px;
    line-height: 181px;
}

.zl-aboutus .introduction-team .el-col img {
    display: inline-block;
    vertical-align: middle;
}

.zl-aboutus .introduction-team .el-col.text {
    background-color: #ae1b20;
    color: #ffffff;
    font-size: 16px;
    padding-top: 50px;
    line-height: 1;
    font-weight: bold;
}

.zl-aboutus .introduction-team .el-col.text p {
    font-size: 42px;
    margin-bottom: 20px;
}
/* 公司使命 */
.zl-aboutus .mission {
    position: relative;
    height: 650px;
    background-color: #ffffff;
    text-align: center;
    /* background-image: url(../img/aboutUs/mission.png); */
    /* background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.mission-content {
    width: 1200px;
    height: 385px;
    display: inline-grid;
    grid-template-columns: repeat(3, 385px);
    grid-row-gap: 25px;
    grid-column-gap: 25px;
    grid-auto-flow: column dense;
}

.mission-content > .isActive {
    grid-row-start: 1;
    grid-row-end: 3;
}

.zl-aboutus .mission-content > div {
    width: 385px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 60px 40px;
    line-height: 1;
    text-align: left;
    cursor: pointer;
}

.zl-aboutus .mission-content > div > div {
    color: #333333;
    font-size: 24px;
}

.zl-aboutus .mission-content > div > p {
    color: #333333;
    font-size: 12px;
}
.zl-aboutus .mission-content .txt_16 {
  font-size: 16px;
  line-height: 20px;
}

.mission-content > div:nth-child(1) {
    background-image: url(/_nuxt/img/mission-item-1.422e62c.png);
}

.mission-content > div:nth-child(2) {
    background-image: url(/_nuxt/img/mission-item-2.1e063ab.png);
}

.mission-content > div:nth-child(3) {
    background-image: url(/_nuxt/img/mission-item-3.f47c854.png);
}

.mission-content > div:nth-child(4) {
    background-image: url(/_nuxt/img/mission-item-4.70c0374.png);
}

.mission-content > div:nth-child(5) {
    background-image: url(/_nuxt/img/mission-item-5.ec95de2.png);
}

.mission-content > .isActive:nth-child(1) {
    background-image: url(/_nuxt/img/mission-item-hover-1.fe75abd.png);
}

.mission-content > .isActive:nth-child(2) {
    background-image: url(/_nuxt/img/mission-item-hover-2.e450c83.png);
}

.mission-content > .isActive:nth-child(3) {
    background-image: url(/_nuxt/img/mission-item-hover-3.2f49cf7.png);
}

.mission-content > .isActive:nth-child(4) {
    background-image: url(/_nuxt/img/mission-item-hover-4.4f07b98.png);
}

.mission-content > .isActive:nth-child(5) {
    background-image: url(/_nuxt/img/mission-item-hover-5.afc2323.png);
}

.zl-aboutus .el-carousel__indicators {
    display: none;
}

.zl-aboutus .royal {
    position: relative;
    height: 100%;
    text-align: center;
    padding-bottom: 18px;
    background: url(/_nuxt/img/royal-bg.1952870.png) center bottom no-repeat;
    /* background-size: auto 800px; */
}
/* 隐藏tab栏下方横线 */
.royal .el-tabs__nav-wrap::after {
    display: none;
}

.zl-aboutus .royal .royal-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1200px;
}

.royal-tabs,
.el-tabs {
    position: relative;
    height: 100%;
}
.royal-tabs .el-tabs__item {
    font-size: 16px;
}
.royal-tabs .el-tabs__item.is-active {
    color: #CF1920;
    font-weight: bold;
}

.royal .el-tabs__nav {
    display: flex;
}

.royal .royal-tabs .el-tabs__content {
    position: relative;
}

.royal .royal-tabs .el-tab-pane {
    padding: 10px 0 24px 0;
}

.royal-tabs .awards {
    display: grid;
    grid-template-columns: repeat(4, 282px);
    /* grid-template-rows: repeat(2, 240px); */
    grid-row-gap: 24px;

    justify-content: space-between;
}

.royal-tabs .awards li {
    width: 282px;
    height: 280px;
    background-color: #ffffff;
}

.awards li .award-content {
    position: relative;
    width: 282px;
    height: 280px;
    padding: 16px;
    background: url(/_nuxt/img/badge_bg.2323ad5.png) no-repeat;
    background-position: center 30px;
    background-size: 200px auto;
}

.awards li .award-content:hover {
  box-shadow: 0 3px 7px 3px rgba(0, 0, 0, 0.08);
}

.award-content .award-title {
    max-width: 130px;
    text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.award-content .award-description {
    position: absolute;
    top: 210px;
    left: 50%;
    width: 80%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.royal-content .more-btn {
    margin-top: 24px;
    size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
}

.royal-tabs .license {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(5, 210px);
}

.royal-tabs .license li {
    position: relative;
    width: 224px;
    height: 298px;
    margin-bottom: 24px;
}

.royal-tabs .license li .img {
  width: 224px;
  height: 298px;
  background: url(/_nuxt/img/honor.75b38ba.png);
  padding-top: 5px

  /* width: 210px;
  height: 284px;
  border: 8px solid;
  border-image: linear-gradient(#8D8050 -1.71%, #FFFBEC 60.67%, #706029 80.05%) 1; */


}

.royal-tabs .license li img {
    width: 214px;
    height: 288px;
}

.license-content:hover {
    /* box-shadow: 3px 3px 3px #888; */
    box-shadow: 0 3px 7px 3px rgba(0, 0, 0, 0.08);
}

.license-content .hover {
    border: 5px solid;
    border-image: linear-gradient(#8D8050 -1.71%, #FFFBEC 50.67%, #706029 103.05%) 1;
    position: absolute;
    top: 0;
    width: 224px;
    height: 298px;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    padding: 25px 20px;
    display: none;
}

.license-content .hover .txt {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    height: 234px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.royal-tabs .license li:hover .hover {
    display: block;
}

/* 发展历程 */
.zl-aboutus .development {
    width: 100%;
    padding-top: 64px;
    background-color: #ffffff;
}

.zl-aboutus .development .title {
    margin-bottom: 86px;
}

.zl-aboutus .development .title::before {
    left: 50%;
    transform: translateX(-50%);
}

.zl-aboutus .development .title span {
    position: absolute;
    right: 0;
    color: #d7d7d7;
}

.zl-aboutus .development .title p {
    margin-top: 37px;
    font-size: 16px;
    color: #666666;
}

.zl-aboutus .time-line li {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.zl-aboutus .time-line li::after,
.zl-aboutus .time-line li::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.zl-aboutus .time-line li::before {
    top: 8px;
    width: 19px;
    height: 19px;
    border: solid 1px #cf1920;
    border-radius: 50%;
    background: #cf1920;
    background-clip: content-box;
    padding: 4px;
    box-sizing: border-box;
}

.zl-aboutus .time-line li::after {
    top: 27px;
    bottom: -10px;
    width: 1px;
    background: #cf1920;
}

.zl-aboutus .time-line li:last-of-type::after {
    display: none;
}

.zl-aboutus .time-line li h4 {
    font-size: 36px;
    line-height: 30px;
    color: #cf1920;
    font-weight: bold;
    margin-bottom: 16px;
}

.zl-aboutus .time-line li p {
    width: 80%;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    display: block;
}

.zl-aboutus .time-line li .isHover p{
    color: #cf1920;
}

.zl-aboutus .time-line li img {
    padding-top: 20px;
    width: 120px;
}

.zl-aboutus .time-line li div {
    width: 50%;
    padding-bottom: 72px;
}

.zl-aboutus .time-line li:nth-of-type(2n-1) div {
    padding-left: 50px;
    float: right;
    right: 0;
    overflow: hidden;
}

.zl-aboutus .time-line li:nth-of-type(2n-1) div img {
    right: 0;
}

.zl-aboutus .time-line li:nth-of-type(2n) div {
    padding-right: 50px;
    float: left;
    text-align: right;
}

.zl-aboutus .time-line li:nth-of-type(2n) div img {
    left: 0;
}

.zl-aboutus .time-line li:nth-of-type(2n) div p {
    float: right;
}

/******************************************联系我们**********************************************/
.zl-contactus {
    background: #fff;
    overflow: hidden;
}

.zl-contactus .title {
    margin: 64px auto;
    position: relative;
    text-align: center;
    padding-top: 48px;
    font-size: 36px;
}

.zl-contactus .title::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 86px;
    height: 2px;
    background-color: #cf1920;
}

.zl-contactus .map {
    height: 434px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 95px;
    background: url(/_nuxt/img/map.f701e73.png) center no-repeat;
}

.zl-contactus .company {
    overflow: hidden;
    margin-bottom: 72px;
}

.zl-contactus .company li {
    width: 50%;
    height: 310px;
    padding-top: 54px;
    color: #333333;
    float: left;
}

.zl-contactus li.bg {
    background-color: #f7f7f7;
}

.zl-contactus .company li:nth-of-type(2n-1) {
    padding-left: 44px;
}

.zl-contactus .company li:first-of-type {
    background: url(/_nuxt/img/contact.2e45370.png);
}

.zl-contactus .company li:nth-of-type(2n) {
    padding-left: 60px;
}

.zl-contactus .company li h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 32px;
}

.zl-contactus .company li p {
    font-size: 16px;
    line-height: 32px;
}

/******************************************生态伙伴**********************************************/

.zl-patterns .cooperation-system {
    position: relative;
    padding: 60px 120px 110px 120px;
    background-color: #ffffff;
}

.zl-patterns .title {
    position: relative;
    text-align: center;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
}

.zl-patterns .title span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    width: 40px;
    height: 4px;
    background-color: #cf1920;
}

.zl-patterns .cooperation-system .detail {
    margin-top: 70px;
    display: flex;
    justify-content: space-around;
}

.cooperation-system .detail .detail-item {
    position: relative;
    width: 100px;
    height: 60px;
    text-align: center;
}

.detail .detail-item span {
    position: absolute;
    width: 100px;
    /* bottom: -10px; */
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.zl-patterns .patterns {
    padding: 60px 120px 40px 120px;
    background-color: #f7f7f7;
}

.patterns .detail {
    padding: 50px 60px;

    /* margin-top: 50px; */
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(5, 224px);
    grid-template-rows: repeat(4, 100px);
}

.patterns .detail .detail-item {
    position: relative;
    width: 204px;
    height: 100px;
    margin-bottom: 24px;
}

.patterns .detail .detail-item img {
    width: 204px;
    height: 80px;
}

/* .zl-patterns .patterns {
    background-color: #F7F7F7;
    padding-top: 64px;
}

.zl-patterns .patterns .zl-patterns-item {
    background-image: url(../img/aboutUs/center.png);
    background-repeat: no-repeat;
    background-position: 385px 130px;
    background-size: 342px 431px;
    background-color: #ffffff;
} */

/* .zl-patterns .patterns .zl-patterns-item-li .hover {
    display: none;
}

.zl-patterns .patterns .zl-patterns-item-li:hover .hover {
    display: inline-block;
}

.zl-patterns .patterns .zl-patterns-item-li:hover .normal {
    display: none;
}

.zl-patterns .patterns h4 {
    position: relative;
    padding-top: 40px;
    margin-bottom: 64px;
    font-family: PingFang SC;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
}

.zl-patterns .patterns h4::before {
    content: "";
    position: absolute;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background-color: #cf1920;
}

.zl-patterns .patterns ul {
    width: 1200px;
    margin: 0 auto 72px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.zl-patterns .patterns li {
    float: left;
    width: 200px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    font-size: 0;
    overflow: hidden;
}

.zl-patterns li:nth-of-type(1),
.zl-patterns li:nth-of-type(2),
.zl-patterns li:nth-of-type(3),
.zl-patterns li:nth-of-type(4),
.zl-patterns li:nth-of-type(5),
.zl-patterns li:nth-of-type(7),
.zl-patterns li:nth-of-type(8),
.zl-patterns li:nth-of-type(11),
.zl-patterns li:nth-of-type(13),
.zl-patterns li:nth-of-type(14),
.zl-patterns li:nth-of-type(17) {
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

.zl-patterns li:nth-of-type(6),
.zl-patterns li:nth-of-type(12),
.zl-patterns li:nth-of-type(18) {
    border-bottom: 1px solid #e8e8e8;
}

.zl-patterns li:nth-of-type(19),
.zl-patterns li:nth-of-type(20),
.zl-patterns li:nth-of-type(21),
.zl-patterns li:nth-of-type(22),
.zl-patterns li:nth-of-type(23) {
    border-right: 1px solid #e8e8e8;
}

.zl-patterns .patterns li img {
    display: inline-block;
    vertical-align: middle;
}

.zl-patterns .patterns li.center {
    border-color: transparent;
    overflow: initial;
}

.zl-patterns .patterns li.arrow div {
    display: inline-block;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    background-color: #ffffff;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    border: solid 1px #e8e8e8;
    color: #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
}

.zl-patterns .patterns li.arrow div:hover {
    border: solid 1px #cf1920;
    color: #cf1920;
}

.zl-patterns .centerBox {
    position: relative;
}

.zl-patterns .centerBox > div {
    position: absolute;
    width: 200%;
    height: 200%;
    background: #cf1920;
    left: 0;
    top: 0;
    color: #ffffff;
    text-align: center;
}

.zl-patterns .centerBox > div h3 {
    font-size: 50px;
    line-height: 60px;
}

.zl-patterns .centerBox > div img {
    position: absolute;
    top: -26px;
    left: -28px;
}

.zl-patterns .centerBox .num {
    font-size: 90px;
    margin-top: 40px;
    line-height: 1em;
    font-weight: bold;
} */

/******************************************加入我们**********************************************/
.zl-joinus .zl-joinus-content {
    padding: 64px 0 72px;
    background-image: url(/_nuxt/img/bg2.128f053.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.zl-joinus .title {
    text-align: center;
    color: #333;
    padding-top: 47px;
    font-size: 36px;
    position: relative;
    margin-bottom: 64px;
}

.zl-joinus .title::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 86px;
    height: 2px;
    transform: translateX(-50%);
    background-color: #cf1920;
}

.zl-joinus .tabs {
    font-size: 0;
    height: 83px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 15px 0 #d9d9d9;
    margin-bottom: 30px;
}

.zl-joinus .tabs li {
    padding: 0 18px;
    display: inline-block;
    min-width: 95px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    cursor: pointer;
}

.zl-joinus .tabs li:not(:last-child) {
    margin-right: 54px;
}

.zl-joinus .tabs li.active {
    color: #fff;
    background-color: #cf1920;
}

.zl-joinus .tab-pane {
    background-color: #ffffff;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #e0e0e0;
}

.zl-joinus .tab-pane > div {
    border-bottom: 1px solid #e0e0e0;
}

.zl-joinus .tab-pane .tips {
    height: 124px;
    padding: 38px 36px 0 34px;
    position: relative;
    cursor: pointer;
}

.zl-joinus .tab-pane h3 {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 18px;
}

.zl-joinus .tab-pane .time {
    position: absolute;
    top: 38px;
    right: 36px;
    font-size: 16px;
    color: #666666;
}

.zl-joinus .tab-pane p {
    font-size: 14px;
    color: #666666;
    white-space: normal;
}

.zl-joinus .tab-pane p.email {
    font-size: 16px;
    line-height: 60px;
    color: #0c69db;
    margin: 23px 0 45px;
}

.zl-joinus .tab-pane p span {
    float: right;
    font-size: 16px;
    color: #129edf;
    padding-right: 20px;
    position: relative;
}

.zl-joinus .tab-pane p i {
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zl-joinus .detail {
    padding: 0 36px 36px 34px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    overflow: hidden;
}

.zl-joinus .detail h4 {
    color: #000;
    margin-top: 35px;
}

/******************************************下载中心**********************************************/
.zl-download .zl-search-box {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
    height: 120px;
    background-color: white;
}

.zl-download .zl-download-carousel-of-bst {
    position: relative;
}

.zl-download /deep/ .el-carousel__indicators--horizontal {
    bottom: 10px;
}

.zl-download
    .zl-download-carousel-of-bst
    .text-red:hover
    ~ .zl-download-carousel-of-bst-code {
    display: block;
}

.zl-download .zl-download-carousel-of-bst .zl-download-carousel-of-bst-code {
    width: 150px;
    height: 150px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 10px 5px rgba(207, 25, 32, 0.05);
    position: absolute;
    animation: fadeInRightShort 0.5s linear;
    left: 220px;
    top: 50%;
    margin-top: -45px;
    display: none;
}

.zl-download
    .zl-download-carousel-of-bst
    .zl-download-carousel-of-bst-code
    img {
    width: 120px;
    height: 120px;
}

.zl-download .zl-download-carousel-of-bst a {
    display: inline-block;
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    border: solid 1px #fff;
    margin-right: 10px;
    transition: all 0.5s linear;
}

.zl-download .zl-download-carousel-of-bst a.text-red {
    color: #e94747;
    border: solid 1px #cf1920;
    transition: all 0.5s linear;
}

.zl-download .zl-download-carousel-of-bst a:hover {
    opacity: 0.7;
}

.zl-download .zl-download-carousel-of-bst .text-red:hover {
    opacity: 1;
    background: #e94747;
    color: #ffffff;
}

.zl-download .zl-search-box .center-container {
    height: 120px;
}

.zl-download .zl-search-box .zl-search-form {
    padding-top: 36px;
}

.zl-download .zl-search-box .zl-search-form .fanHuiRed {
  float:right;
  max-width: 80px;
  max-height: 40px;
  width: 80px;
  height: 40px;
  background-size: contain !important;
  background: url(/_nuxt/img/fanhuiRed.90fca1a.png) no-repeat center;
}

.zl-download .zl-search-box .zl-search-form .fanHuiRed:hover {
  float:right;
  width: 80px;
  height: 40px;
  background-size: contain !important;
  background: url(/_nuxt/img/fanhuiRed1.1f24825.png) no-repeat center;
}

.zl-download .zl-search-box .el-cascader,
.zl-download .zl-search-box .el-select {
    width: 260px;
}

.zl-download .zl-download .zl-data-list {
    margin-top: 57px;
    margin-bottom: 44px;
}

.zl-download .zl-list-item {
    height: 270px;
    margin-bottom: 30px;
    padding: 37px 24px;
    background-color: white;
    border-radius: 2px;
    border: solid 1px rgba(248, 248, 248, 1);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
    cursor: pointer;
    position: relative;
    top: 0;
    transition: top 0.3s linear;
}

.zl-download .zl-list-item:hover,
.zl-download .zl-list-item.active {
    top: -6px;
    box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.06);
}

.zl-download .cp-list-head {
    height: 46px;
    margin-bottom: 40px;
}

.zl-download .cp-logo-box {
    float: left;
    width: 46px;
    height: 46px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.zl-download .cp-logo-box .cp-logo-img {
    width: 46px;
    height: 46px;
    background: url(/_nuxt/img/zlcpgj-template.49e78af.png) no-repeat center;
}

.zl-download .cp-title-box {
    float: left;
    height: 46px;
    width: calc(100% - 46px);
    display: inline-block;
    padding-left: 30px;
}

.zl-download .cp-title-box .cp-title {
    color: #333333;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
}

.zl-download .cp-title-box .cp-version {
    color: #666666;
    margin-top: 10px;
    font-size: 14px;
}

.zl-download .update-time {
    margin-bottom: 15px;
    font-size: 14px;
}

.zl-download .file-size {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 24px;
}

.zl-download .file-format {
    color: #0c69db;
}

.zl-download .zl-list-item .zl-btn-group {
    height: 32px;
    float: right;
    padding-left: 5px;
}

.zl-download .zl-list-item .zl-btn-group .zl-bnt-item {
    border: 1px solid #bebebe;
    color: #3e3e3e;
    height: 32px;
    line-height: 30px;
    margin-right: 0;
    margin-left: 10px;
}

.zl-download .zl-list-item .zl-btn-group .zl-bnt-item:hover {
    border: 1px solid #cf1920;
    background-color: #cf1920;
    color: #ffffff;
}

/******************************************新闻中心**********************************************/
.zl-news-index .zl-news-banner .news-banner-img {
    height: 450px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-color: #000000;
}

.zl-news-index .zl-news-banner .news-banner-img img {
    display: block;
    width: 1920px;
    height: 450px;
    position: absolute;
    top: 50%;
    margin-top: -225px;
    left: 50%;
    margin-left: -960px;
}

.zl-news-index .zl-page-tabs {
    height: 100%;
    margin: auto;
}

.zl-news-index .zl-page-tabs .el-tabs__nav-wrap.is-scrollable {
    padding: 0 50px;
}

.zl-news-index .zl-page-tabs .el-tabs__nav-scroll {
    position: relative;
    height: 76px;
}

.zl-news-index .zl-page-tabs .el-tabs__nav-wrap::after {
    width: 0;
}

.zl-news-index .zl-page-tabs .el-tabs__nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
}

.zl-news-index .zl-page-tabs .el-tabs__nav-prev,
.zl-news-index .zl-page-tabs .el-tabs__nav-next {
    top: 42px;
    width: 44px;
    border-radius: 50%;
    box-sizing: content-box;
    transition: all 0.5s linear;
}

.zl-news-index .zl-page-tabs .el-tabs__nav-prev:hover,
.zl-news-index .zl-page-tabs .el-tabs__nav-next:hover {
    background: #cf1920;
    color: #ffffff;
}

.zl-news-index .el-tabs .el-tabs__item .zl-news-type-a {
    display: block;
    width: 118px;
    font-size: 24px;
    line-height: 32px;
}

.zl-news-index .el-tabs .el-tabs__item.is-active .zl-news-type-a {
    color: #cf1920;
    font-weight: 600;
}

.zl-news-item-top-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.zl-news-item-top-item {
    background-color: #fff;
    width: 384px;
    height: 354px;
    overflow: hidden;
    position: relative;
    border: solid 1px #ececec;
}

.zl-news-index .zl-news-item-top-item .zl-news-item-main {
    margin-left: 0;
    padding: 0 20px;
    overflow: hidden;
}

.zl-news-index .zl-news-item-top-item:hover {
    border: 1px solid #cf1920;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.zl-news-item-top-item .part-img {
    width: 384px;
    height: 202px;
    margin-bottom: 16px;
}

.zl-news-item-top-item .part-img img {
    width: 384px;
    height: 202px;
}

.zl-news-top-item-foot {
    position: relative;
    margin: 10px 0;
}

.zl-news-top-item-foot .zl-news-item-label-box {
    display: flex;
    line-height: 24px;
}

.zl-news-top-item-foot .zl-news-item-label-box .zl-news-item-label {
    font-size: 12px;
    color: #666666;
    background-color: #f5f6f7;
    margin-right: 8px;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    border-radius: 12px;
    /* border: solid 1px #ababab; */
    padding: 0 12px;
    max-width: 110px;
}

.zl-news-index .zl-news-item-box {
    height: 168px;
    padding: 16px;
    margin-bottom: 24px;
    background-color: #ffffff;
    border: solid 1px #ececec;
    cursor: pointer;
    display: flex;
    overflow: hidden;
}

.zl-news-index .zl-news-item-box:hover {
    border: 1px solid #cf1920;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.09);
}

.zl-news-index .zl-news-item-box .part-img {
    width: 258px;
    height: 136px;
}

.zl-news-index .zl-news-item-box .part-img img {
    width: 258px;
    height: 136px;
}

.zl-news-index .zl-news-item-main {
    margin-left: 20px;
}

.zl-news-index .zl-news-item-title {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zl-news-index .zl-news-item-description {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zl-news-index .zl-news-item-foot {
    margin-top: 14px;
    position: relative;
}

.zl-news-index .zl-news-item-foot .zl-news-item-label-box {
    width: 100%;
    display: flex;
    line-height: 24px;
}

.zl-news-index .zl-news-item-foot .zl-news-item-label-box .zl-news-item-label {
    font-size: 12px;
    color: #666666;
    background-color: #f5f6f7;
    margin-right: 8px;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    border-radius: 12px;
    /* border: solid 1px #ababab; */
    padding: 0 12px;
    max-width: 110px;
}

.zl-news-index .zl-news-item-foot .zl-news-item-time {
    position: absolute;
    right: 10px;
    top: 0;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
}

/******************************************新闻详情**********************************************/
.zl-newsdetail-id {
    margin-bottom: 72px;
}

.zl-newsdetail-id .zl-newsdetail-content {
    width: 875px;
    float: left;
    background-color: white;
    padding: 30px 30px 120px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
    /*min-height: 1355px;*/
    position: relative;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-newsdetail-content-title {
    text-align: center;
    font-size: 24px;
    color: #333333;
    padding: 56px 0 24px;
    line-height: 1;
    font-weight: bold;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-newsdetail-content-sub-title {
    color: #666666;
    font-size: 14px;
    text-align: center;
    margin-bottom: 32px;
    text-align: center;
}

.zl-newsdetail-id
    .zl-newsdetail-content
    .zl-newsdetail-content-sub-title
    > div {
    display: inline-block;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-newsdetail-content-origin {
    color: #3e3e3e;
    font-size: 14px;
    text-align: right;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-newsdetail-content-description {
    height: 60px;
    background: #f4f4f4;
    padding: 0 30px;
    line-height: 60px;
    color: #333333;
    font-size: 14px;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-newsdetail-content-tags {
    font-size: 14px;
    color: #0f77ee;
}

.zl-newsdetail-id .zl-newsdetail-content .detail-page-article {
    position: absolute;
    bottom: 48px;
    padding: 0 30px;
    width: 100%;
    left: 0;
}

.zl-newsdetail-id .zl-newsdetail-content .detail-page-article a {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    display: block;
}

.zl-newsdetail-id .zl-newsdetail-content .detail-page-article a:hover {
    color: #0f77ee;
}

.zl-newsdetail-id .zl-newsdetail-rightsidebar {
    /*min-height: 1355px;*/
    width: 300px;
    float: right;
}

.zl-newsdetail-id .zl-newsdetail-content .zl-breadcrumb-box {
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}

.zl-newsdetail-id .zl-newsdetail-right-img {
    height: 230px;
    background-color: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.zl-newsdetail-id .zl-newsdetail-right-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.zl-newsdetail-id .zl-newsdetail-right-img a img {
    width: 100%;
    height: 100%;
    display: block;
}

.zl-newsdetail-id .zl-related-cases {
    min-height: 520px;
    background-color: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.zl-newsdetail-id .zl-related-cases .zl-related-cases-title {
    color: #333333;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    padding: 0 0 0 30px;
}

.zl-newsdetail-id .zl-related-cases .zl-related-cases-item {
    display: block;
    padding: 32px;
    border-top: 1px solid #e2e2e2;
}

.zl-newsdetail-id .zl-related-cases .zl-related-cases-item:hover {
    opacity: 0.8;
}

.zl-newsdetail-id .zl-related-cases .zl-related-cases-item img {
    height: 45px;
    width: 230px;
}

.zl-newsdetail-id .zl-real-time-info {
    height: 560px;
    background-color: white;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}

.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-title {
    color: #333333;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    padding: 0 0 0 30px;
}

.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-list {
    border-top: 1px solid #e2e2e2;
    padding: 24px 42px;
}

.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-item {
    margin-bottom: 42px;
    display: block;
    position: relative;
}

.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-item:hover .zl-time,
.zl-newsdetail-id
    .zl-real-time-info
    .zl-real-time-info-item:hover
    .zl-icon-dian,
.zl-newsdetail-id
    .zl-real-time-info
    .zl-real-time-info-item:hover
    .zl-real-time-info-main,
.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-item:hover {
    color: #cf1920;
    opacity: 0.8;
}

.zl-newsdetail-id .zl-real-time-info .zl-icon-dian {
    position: absolute;
    left: -24px;
    top: 0;
    font-size: 24px;
    color: #0c69db;
}

.zl-newsdetail-id
    .zl-real-time-info
    .zl-real-time-info-list
    .zl-real-time-info-main {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.zl-newsdetail-id .zl-real-time-info .zl-real-time-info-list .zl-time {
    margin-top: 13px;
    font-size: 14px;
    color: #666666;
}

.zl-newsdetail-id .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner_red:hover {
  color: red;
  font-weight:bold
}

.zl-newsdetail-id .el-breadcrumb .el-breadcrumb__item .breadcrumb__inner_grad {
  color: #646A73;
}

.zl-newsdetail-id .el-breadcrumb .el-breadcrumb__item .breadcrumb__inner_grad:hover {
  color: red;
  font-weight:bold
}

.zl-newsdetail-id .el-breadcrumb .el-breadcrumb__item .zl-newsdetail-title {
    color: #000;
    font-weight:bold
}


/******************************************产品推介**********************************************/
/***********************************案例详情与新闻详情共用*****************************************/
.zl-recommended-products {
    background-color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
    padding: 42px 48px;
}

.zl-recommended-products .zl-recommended-title {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}

.zl-recommended-products .zl-recommended-bj-1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 210px;
}

.zl-recommended-list .zl-recommended-list-item {
    margin-top: 42px;
    padding: 35px;
    display: block;
}

.zl-recommended-list .zl-recommended-list-item:hover {
    opacity: 0.8;
}

.zl-recommended-item-title {
    margin-top: 24px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.zl-recommended-item-text {
    margin-top: 24px;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
}

/******************************************预约演示**********************************************/
.zl-required {
    background: url(/_nuxt/img/bg.5851a52.jpg) no-repeat center;
    background-size: cover;
    padding: 110px 0;
}

.zl-required-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
}

.zl-required-container > div {
    height: 600px;
}

.zl-required-container-left {
    width: 560px;
    background: url(/_nuxt/img/left-bg.352abec.png) no-repeat center;
    background-size: 520px;
    position: relative;
}

.zl-required-container-left-title {
    background-image: url(/_nuxt/img/title-bg.367895d.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 368px 64px;
    height: 64px;
}

.zl-required-container-left-sub-title {
    color: #ffa8ad;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

.zl-required-container-left-contact {
    position: absolute;
    bottom: 0;
    font-size: 0;
}

.zl-required-container-left-contact > span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.zl-required-container-left-contact > .t-1 {
    font-size: 18px;
    color: #aa2025;
    margin-left: 25px;
    padding-left: 35px;
}

.zl-required-container-left-contact > .t-1:before {
    position: absolute;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    background: url(/_nuxt/img/phone-icon.56dcb0b.png) no-repeat center;
    background-size: cover;
    top: 50%;
    margin-top: -13px;
    left: 0;
}

.zl-required-container-left-contact > .t-2 {
    font-size: 16px;
    color: #aa2025;
    margin-left: 25px;
    padding-left: 35px;
    cursor: pointer;
}

.zl-required-container-left-contact > .t-2:before {
    position: absolute;
    display: block;
    content: "";
    width: 26px;
    height: 26px;
    background: url(/_nuxt/img/contact-icon.f70ff98.png) no-repeat center;
    background-size: cover;
    top: 50%;
    margin-top: -13px;
    left: 0;
}

.zl-required-container-right {
    width: 420px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.04);
    padding: 30px;
    box-sizing: border-box;
}

.zl-required-container-right-title {
    color: #333333;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.zl-required-container-right-sub-title {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.zl-required-container-right-form {
    margin-top: 25px;
}

.zl-required-container-right-form /deep/ .el-form-item__label,
.zl-required-container-right-form /deep/ .el-form-item__content {
    font-size: 14px;
    color: #333333;
    line-height: 32px;
}

.zl-required-container-right-form /deep/ .el-select {
    height: 32px;
    width: 100%;
}

.zl-required-container-right-form /deep/ .el-input__inner {
    height: 32px;
}

.zl-required-container-right-form /deep/ .el-input__suffix {
    margin-top: -3px;
    line-height: 32px;
}

.zl-required-container-right-form /deep/ .el-input__suffix .el-input__icon {
    line-height: 32px;
    margin-top: 3px;
}

.zl-required-container-right-form /deep/ .el-form-item__error {
    color: #cf1920;
    font-size: 12px;
}

.zl-required-container-btn /deep/ .el-form-item__content {
    margin-left: 0 !important;
    text-align: center;
}

.zl-required-container-btn /deep/ .el-form-item__content .el-button--primary {
    background: #cf1920;
    color: #ffffff;
    font-size: 16px;
    width: 125px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #cf1920;
    padding: 0;
}

.zl-required-container-btn
    /deep/
    .el-form-item__content
    .el-button--primary:hover {
    box-shadow: 0 4px 13px 0 rgba(177, 0, 0, 0.5);
}

/******************************************产品列表**********************************************/
.zl-products-index .zl-products-index-list {
    background-color: white;
    padding: 36px 40px 34px;
    height: 118px;
    cursor: pointer;
    transition: 0.2s;
    display: block;
}

.zl-products-index .center-container .zl-row-gutter .zl-col-12 {
    transition: all 0.2s linear;
    position: relative;
    left: 0;
}

.zl-products-index .center-container .zl-row-gutter .zl-col-12:hover {
    left: -20px;
}

.zl-products-index .zl-common-title {
    padding-left: 30px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAuElEQVQoka3RMWoCURDG8d+KWNiYA+QKXsIypZUgaXIJ4y08QRqxTZkyl/AK2ogkpFSQlYFnEt1ddln84MGbx/vPfDOTDWZfuZbqtAXdA84anvkNu8jy/K/lh9fvqiJTLFOR0ArPTXoe4e0f+IkX5HXwEO/opXiNMY5qBvaIDwxSvMETfi4fquAAAowEoQACjAS/KoP7yWpYDoXFsBqWr1QGn7BP91hFDCeGVFC35O2ACbbYpbUUhTNP6iDl9NzSoQAAAABJRU5ErkJggg==) no-repeat left center;
    color: #333333;
    font-weight: bold;
    line-height: 18px;
}

.zl-products-index .zl-products-index-list-icon-box {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    float: left;
}

.zl-products-index .zl-products-index-list-icon-box i {
    width: 50px;
    height: 60px;
    display: block;
    background-size: 50px 60px !important;
}

.zl-products-index .zl-products-index-list-text {
}

.zl-products-index .zl-products-index-list-text-title {
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
    transition: all 0.5s linear;
}

.zl-products-index .zl-products-index-list-text-description {
    font-size: 14px;
    color: #acacac;
}

.zl-products-index
    .zl-products-index-list:hover
    .zl-products-index-list-text-title {
    color: #cf1920;
}

/* icon  企业电子招标采购平台/全流程电子化监督  */
.zl-value-products-bidding-dzztb {
    background: url(/_nuxt/img/zl-icon-products-bidding-dzztb.c4af403.png)
        top center no-repeat;
}

/* icon 企业招标采购大数据平台  */
.zl-value-products-bidding-bigdata {
    background: url(/_nuxt/img/zl-icon-products-bidding-bigdata.c4ab815.png)
        top center no-repeat;
}

/* icon 供应商寻源管理系统 */
.zl-value-products-bidding-supplier {
    background: url(/_nuxt/img/zl-icon-products-bidding-supplier.01f6142.png)
        top center no-repeat;
}

/* icon 工程采购成本管理平台 */
.zl-value-products-bidding-cost {
    background: url(/_nuxt/img/zl-icon-products-bidding-cost.7dd9a06.png) top
        center no-repeat;
}

/* icon 数字招标采购saas平台 */
.zl-value-products-bidding-saas {
    background: url(/_nuxt/img/zl-icon-products-bidding-saas.3c06916.png) top
        center no-repeat;
}

/* icon 公共资源交易行业解决方案 */
.zl-value-products-ggzyjy-solution {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-solution.ed21e76.png)
        top center no-repeat;
}

/* icon 公共资源交易大数据 */
.zl-value-products-ggzyjy-bigdata {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-bigdata.830466a.png)
        top center no-repeat;
}

/* icon 不见面智能开标系统 */
.zl-value-products-ggzyjy-bidopening {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-bidopening.660c11d.png)
        top center no-repeat;
}

/* icon 智能评标系统 */
.zl-value-products-ggzyjy-evaluation {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-evaluation.88d8c8f.png)
        top center no-repeat;
}

/* icon 智慧监督平台 */
.zl-value-products-ggzyjy-jianguan {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-jianguan.3a8aa87.png)
        top center no-repeat;
}

/* icon 远程分散评标解决方案 */
.zl-value-products-ggzyjy-ycfspb {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-ycfspb.eb0aafc.png)
        top center no-repeat;
}

/* icon 档案管理系统 */
.zl-value-products-ggzyjy-filemanagement {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-filemanagement.397e79f.png)
        top center no-repeat;
}

/* icon 数据灾备平台 */
.zl-value-products-ggzyjy-databackup {
    background: url(/_nuxt/img/zl-icon-products-ggzyjy-databackup.f34ec9a.png)
        top center no-repeat;
}

/* icon 区块链解决方案 */
.zl-value-products-intelligence-blockchain {
    background: url(/_nuxt/img/zl-icon-products-intelligence-blockchain.a9d0d7f.png)
        top center no-repeat;
}

/* icon 智能物料管理系统 */
.zl-value-products-intelligence-materials {
    background: url(/_nuxt/img/zl-icon-products-intelligence-materials.6b1615f.png)
        top center no-repeat;
}

/* icon 金融服务平台 */
.zl-value-products-intelligence-financial {
    background: url(/_nuxt/img/zl-icon-products-intelligence-financial.39221d8.png)
        top center no-repeat;
}

/* icon 手机证书 */
.zl-value-products-intelligence-certificate {
    background: url(/_nuxt/img/zl-icon-products-intelligence-certificate.4699688.png)
        top center no-repeat;
}

/* icon 智能场地 */
.zl-value-products-intelligence-field {
    background: url(/_nuxt/img/zl-icon-products-intelligence-field.ec736da.png)
        top center no-repeat;
}

/* icon 全国实时招采讯息 */
.zl-value-products-intelligencetbws-information {
  background: url(/_nuxt/img/zl-icon-products-intelligencetbws-information.d17532f.png)
      top center no-repeat;
}

/* icon 智能标书检查 */
.zl-value-products-intelligencetbws-examination {
  background: url(/_nuxt/img/zl-icon-products-intelligencetbws-examination.c3791f1.png)
      top center no-repeat;
}

/* icon 智能标书查重 */
.zl-value-products-intelligencetbws-rechecking {
  background: url(/_nuxt/img/zl-icon-products-intelligencetbws-rechecking.b037359.png)
      top center no-repeat;
}

/* icon 清标卫士 */
.zl-value-products-intelligencetbws-guard {
  background: url(/_nuxt/img/zl-icon-products-intelligencetbws-guard.faeb5ce.png)
      top center no-repeat;
}

/* icon 筑龙智慧造价平台 */
.zl-value-products-gczjgl-projectcost {
    background: url(/_nuxt/img/zl-icon-products-gczjgl-projectcost.004af38.png)
        top center no-repeat;
}

/* icon 筑龙智能组价平台 */
.zl-value-products-gczjgl-zujia {
    background: url(/_nuxt/img/zl-icon-products-gczjgl-zujia.e3b5ea7.png) top
        center no-repeat;
}

/* icon 清标卫士 */
.zl-value-products-gczjgl-qingbiao {
    background: url(/_nuxt/img/zl-icon-products-gczjgl-qingbiao.0ae8280.png)
        top center no-repeat;
}

/* icon 筑龙标事通 */
.zl-value-products-biddingassist-bst {
    background: url(/_nuxt/img/zl-icon-products-biddingassist-bst.55c23da.png)
        top center no-repeat;
    margin-top: -10px;
}

/* icon 下载中心 */
.zl-value-products-download-index {
    background: url(/_nuxt/img/zl-icon-products-download-index.62f447c.png)
        top center no-repeat;
    margin-top: -10px;
}

/*******************************************区块链***********************************************/
.zl-blockchain .zl-content-box1 {
    background-color: #fff;
}

.zl-blockchain .zl-blockchain-item-01 h3 {
    margin-top: 0;
}

/***************************************金融服务平台******************************************/
.zl-financial .zl-financial-item-01 h3 {
    margin-top: 0;
}

/***************************************筑龙智能组价系统******************************************/
.zl-zujia .zl-zujia-item-01 h3 {
    margin-top: 0;
}

/***************************************智能物料管理系统******************************************/
.zl-materials .centerBox p {
    text-align: left;
}

/******************************************手机证书**********************************************/
.zl-certificate .tile-box {
    padding: 66px 40px 0;
}

/******************************************档案管理**********************************************/
.zl-filemanagement .product-box1 .tile-box {
    padding: 64px 40px 0;
}

/****************************************智慧造价平台********************************************/
.zl-projectcost .zl-ProductComposition .zl-ProductSuperiority-bg {
    background-image: url(/_nuxt/img/bg1-3.7c4e8c1.png);
}

.zl-projectcost .zl-ProductSuperiority .zl-ProductSuperiority-bg {
    background-image: url(/_nuxt/img/bg1-4.4e1a5da.png);
}

.zl-jianguan .zl-ProductSuperiority .zl-ProductSuperiority-bg {
    background-image: url(/_nuxt/img/jianguan-bg.76edeb8.png);
}

/******************************************智能场地**********************************************/

.zl-field .zl-value {
    color: #333;
    padding: 83px 0 101px;
}

.zl-field .zl-value h3 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 64px;
}

.zl-field .zl-value .el-col {
    height: 437px;
    background: blue;
}

.zl-field .zl-value .el-col:last-of-type {
    background: url(/_nuxt/img/field-value2.0b27c8d.png) no-repeat;
}

.zl-field .zl-value .el-col.text {
    padding: 110px 66px 0 43px;
    font-size: 18px;
    line-height: 48px;
    background: #fff url(/_nuxt/img/field-value1.4f623b0.png) no-repeat 84px
        137px;
}

.zl-field .zl-fieldSuperiority {
    color: #fff;
    position: relative;
    height: 475px;
    padding-bottom: 45px;
    box-sizing: content-box;
}

.zl-field .zl-fieldSuperiority .zl-fieldSuperiority-bg {
    height: 360px;
    width: 100%;
    background: url(/_nuxt/img/field-superoritybg.9a0d147.png) no-repeat;
    background-size: 1920px 100%;
    position: absolute;
}

.zl-field .zl-fieldSuperiority .center-container {
    position: relative;
    top: 75px;
}

.zl-field .zl-fieldSuperiority h3 {
    font-size: 36px;
    margin-bottom: 64px;
    text-align: center;
}

.zl-field .zl-fieldSuperiority .box {
    height: 300px;
    padding: 80px 0 0 62px;
    box-shadow: 0 8px 41px 2px rgba(0, 0, 0, 0.07);
    background-image: url(/_nuxt/img/field-superority.9a604fa.png);
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: bottom;
    position: relative;
}

.zl-field .zl-fieldSuperiority .box .text-content {
    padding-left: 102px;
    color: #333;
}

.zl-field .zl-fieldSuperiority .box h4 {
    font-size: 20px;
    margin-bottom: 33px;
}

.zl-field .zl-fieldSuperiority .box p {
    width: 539px;
    font-size: 16px;
    line-height: 30px;
}

/******************************************清标卫士**********************************************/
.zl-qingbiao .zl-content-box1 {
    background: #fff;
}

.zl-qingbiao .zl-composition {
    color: #333333;
    background: #fff;
}

.zl-qingbiao .zl-composition > div {
    background-color: #e1e1e1;
}

.zl-qingbiao .zl-composition h3 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 64px;
}

.zl-qingbiao .zl-composition .center-container {
    height: 530px;
    padding-top: 100px;
    background: url(/_nuxt/img/qbws-1.2743b44.png) 532px 91px no-repeat;
}

.zl-qingbiao .zl-composition .center-container h4 {
    font-size: 24px;
    margin-bottom: 33px;
}

.zl-qingbiao .zl-composition .center-container p:last-of-type {
    font-weight: normal;
    width: 533px;
}

.zl-qingbiao .zl-composition .center-container p.mb {
    margin-bottom: 33px;
}

.zl-qingbiao .zl-composition .center-container p {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}

.zl-qingbiao .el-col-5 {
    width: 20%;
}

/****************************************产品组成组件********************************************/
.zl-ProductComposition {
    background-image: url(/_nuxt/img/bg1-3.dad08dd.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 108px;
    overflow: hidden;
}

.zl-ProductComposition .product-box .title {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    padding: 50px 0 64px;
    margin: 0 0;
}

.zl-ProductComposition.zl-part {
    background: #fff;
    padding: 0;
    color: #333333;
}

.zl-ProductComposition.zl-part h3 {
    color: inherit;
}

.zl-ProductComposition.zl-part h4 {
    font-size: 24px;
}

.zl-ProductComposition.zl-part p {
    font-size: 16px;
    line-height: 30px;
}

.zl-ProductComposition.zl-part > div:nth-child(2n) {
    background-color: #e1e1e1;
}

.zl-ProductComposition.zl-part > div .center-container {
  height: 445px;
}

.zl-ProductComposition.zl-part > div:first-of-type .center-container {
    height: 445px;
}

.zl-ProductComposition.zl-part > div:last-of-type .center-container {
    height: 546px;
}

.zl-ProductComposition.zl-part .center-container {
    position: relative;
}

.zl-ProductComposition.zl-part .zl-part1 {
    width: 544px;
    float: left;
    margin-top: 170px;
}

.zl-ProductComposition.zl-part .zl-part2 {
    width: 565px;
    float: right;
    margin-top: 192px;
}

.zl-ProductComposition.zl-part .zl-part3 {
  width: 544px;
  float: left;
  margin-top: 170px;
}

.zl-ProductComposition.zl-part .zl-part4 {
  width: 565px;
  float: right;
  margin-top: 192px;
}

.zl-ProductComposition.zl-part .zl-part1 h4 {
    margin-bottom: 50px;
}

.zl-ProductComposition.zl-part .zl-part2 h4 {
    margin-bottom: 60px;
}

.zl-ProductComposition.zl-part .zl-part3 h4 {
  margin-bottom: 50px;
}

.zl-ProductComposition.zl-part .zl-part4 h4 {
  margin-bottom: 60px;
}

.zl-ProductComposition.zl-part img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.zl-ProductComposition.zl-part > div:first-of-type img {
    right: 0;
}

.zl-ProductComposition.zl-part > div:nth-of-type(2) img {
    left: 0;
}

.zl-ProductComposition h3 {
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    margin: 60px 0 64px;
}

.zl-ProductComposition .el-tabs__header {
    border-bottom: none;
    margin-bottom: 0;
}

.zl-ProductComposition .el-tabs__nav {
    width: 100%;
    display: flex;
    background: url(/_nuxt/img/productComposition.5931422.png) center no-repeat;
    border: none !important;
}

.zl-ProductComposition .el-tabs__item {
    flex: 1;
    text-align: center;
    height: 65px;
    line-height: 65px;
    font-size: 16px;
    color: #ffffff;
    border: none !important;
    font-weight: bold;
}

.zl-ProductComposition .el-tabs__item.is-active {
    color: #333;
    background: #fff;
}

.zl-ProductComposition .el-tab-pane {
    background: #fff;
    height: 505px;
    padding-left: 64px;
    padding-right: 50px;
}

.zl-ProductComposition .textContent {
    float: left;
    width: 432px;
    height: 100%;
    padding-top: 80px;
    color: #333333;
}

.zl-ProductComposition .textContent h4 {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: bold;
}

.zl-ProductComposition .textContent p {
    font-size: 16px;
    line-height: 36px;
}

.zl-ProductComposition .imgBox {
    width: 100%;
    padding-left: 432px;
    font-size: 0;
    height: 505px;
    line-height: 505px;
    text-align: center;
}

.zl-ProductComposition .imgBox img {
    display: inline-block;
    vertical-align: middle;
}

.zl-ProductComposition .product-box {
    height: 825px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.zl-products-bidding-supplier .zl-ProductComposition {
    background-image: url(/_nuxt/img/product-bg.d2d1a4d.png);
}

.zl-products-bidding-dzztb .zl-ProductComposition {
    background-image: url(/_nuxt/img/product-bg.d2d1a4d.png);
}

.zl-products-bidding-saas .zl-ProductComposition {
    background-image: url(/_nuxt/img/product-bg.e931c44.png);
}

.zl-products-bidding-cost .zl-ProductComposition {
    background-image: url(/_nuxt/img/product-bg.e931c44.png);
}

.zl-bidopening .zl-ProductComposition {
    background-image: url(/_nuxt/img/bg3-3.8615824.png);
}

.zl-jianguan .zl-ProductComposition {
    background-image: url(/_nuxt/img/composition5.7c4e8c1.png);
}

.zl-ProductComposition .zl-tab-box {
    background-color: #fff;
    position: relative;
    height: 549px;
}

.zl-ProductComposition .zl-tab-box .zh-left-panel {
    padding-top: 150px;
    top: -150px;
    position: absolute;
    box-sizing: content-box;
    background-image: url(/_nuxt/img/panel-left-bg.6663b00.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.zl-ProductComposition .zl-tab-box .zh-left-panel .left-tabs-item {
    width: 238px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #d32b32;
    transition: all 0.2s linear;
    cursor: pointer;
}

.zl-ProductComposition .zl-tab-box .zh-left-panel .left-tabs-item::after {
    content: "";
    width: 0;
    height: 3px;
    background-color: #b9171e;
    position: absolute;
    top: 50%;
    left: 220px;
    transform: translate(0, -50%);
}

.zl-ProductComposition .zl-tab-box .zh-left-panel .left-tabs-item.active {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #fff;
    position: relative;
}

.zl-ProductComposition
    .zl-tab-box
    .zh-left-panel
    .left-tabs-item.active::after {
    width: 73px;
    transition: all 0.5s linear;
}

.zl-ProductComposition .zl-tabs-content {
    padding: 49px 0 0 78px;
    margin-left: 238px;
    height: 100%;
    background-color: #fff;
}

.zl-ProductComposition .zl-tabs-content .product-title {
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
}

.zl-ProductComposition .zl-tabs-content .product-content {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 30px;
    padding-right: 35px;
}

/****************************************产品优势组件********************************************/
.zl-ProductSuperiority {
    padding-bottom: 125px;
    position: relative;
}

.zl-ProductSuperiority .zl-ProductSuperiority-bg {
    background-image: url(/_nuxt/img/bg1-5.cdd567c.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    width: 100%;
    position: absolute;
}

.zl-ProductSuperiority .center-container {
    position: relative;
    top: 75px;
    z-index: 9;
}

.zl-ProductSuperiority h3 {
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 64px;
    text-align: center;
}

.zl-ProductSuperiority .el-row {
    background-color: #fff;
}

.zl-ProductSuperiority .el-col.br {
    border-right: 1px solid #eaeaea;
}

.zl-ProductSuperiority .el-col.bb {
    border-bottom: 1px solid #eaeaea;
}

.zl-ProductSuperiority .el-col {
    position: relative;
    transition: all 0.5s linear;
    overflow: hidden;
}

.zl-ProductSuperiority .el-col:hover {
    background: #cf1920;
}

.zl-ProductSuperiority .el-col:hover .normal,
.zl-ProductSuperiority .el-col:hover .hover {
    transform: translateY(-100%);
}

.zl-ProductSuperiority .el-col h4 {
    color: #fff;
    text-align: center;
}

.zl-ProductSuperiority .el-col .hover h4 {
    text-align: left;
    font-size: 18px;
}

.zl-ProductSuperiority .el-col.el-col-5 h4 {
    margin-bottom: 20px;
}

.zl-ProductSuperiority .el-col .centerBox.small p {
    line-height: 26px;
    font-size: 14px;
}

.zl-ProductSuperiority .el-col .centerBox {
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 25px;
    transition: all 0.5s linear;
}

.zl-ProductSuperiority .el-col .centerBox.normal > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.zl-ProductSuperiority .el-col i {
    height: 80px;
    width: 100px;
    display: block;
    opacity: 1;
    margin: 0 auto 20px;
}

.zl-ProductSuperiority .el-col h4 {
    font-size: 20px;
    color: #333333;
    line-height: 1;
    font-weight: bold;
    white-space: nowrap;
}

.zl-ProductSuperiority .el-col.el-col-5 h4 {
    font-size: 18px;
}

.zl-ProductSuperiority .el-col .hover h4 {
    color: #ffffff;
    margin-bottom: 20px;
}

.zl-ProductSuperiority .el-col p {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
}

/****************************************产品价值组件********************************************/
.zl-ProductValue {
    background-color: #e8e9e8;
    padding: 90px 0;
    color: #333333;
}

.zl-ProductValue h3 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 64px;
}

.zl-ProductValue .el-col {
    text-align: center;
    background-color: #fff;
    position: relative;
    top: 0;
    transition: all 0.2s linear;
}

.zl-ProductValue .el-col:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.14);
    z-index: 99;
    top: -3px;
}

.zl-ProductValue .el-col:nth-of-type(2n) {
    background-color: #f1f1f1;
}

.zl-ProductValue .el-col .centerBox .imgBox {
    height: 190px;
    line-height: 190px;
    overflow: hidden;
}

.zl-ProductValue .el-col .centerBox .imgBox img {
    width: 80px;
    height: 80px;

    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 33px;
}

.zl-ProductValue .el-col .centerBox h4 {
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: bold;
}

.zl-ProductValue .el-col .centerBox p {
    font-size: 14px;
    padding: 0 25px 0 22px;
    line-height: 24px;
}

/************************************产品方案产品介绍组件（System）*************************************/
.zl-content-box1 {
    padding: 90px 0;
}

.zl-content-box1.white-bg {
    background-color: #fff;
}

.zl-content-box1 .img-bg.zh-inner-box {
    background-image: url(/_nuxt/img/field-superority.9a604fa.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.zl-content-box1 .zh-inner-box {
    background-color: #fff;
    padding: 56px 20px 20px;
    height: 406px;
    box-shadow: 0 4px 13px 3px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    position: relative;
}

.zl-content-box1 .zh-inner-box .left-img {
    position: absolute;
    top: -50px;
    left: 50px;
}

.zl-content-box1 .zh-inner-box .right-desc {
    margin-left: 350px;
    height: 100%;
}

.zl-content-box1 .zh-inner-box .right-title {
    font-size: 30px;
    color: #333333;
    margin-bottom: 36px;
}

.zl-content-box1 .zh-inner-box .right-desc-text {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 32px;
    max-height: 72px;
    /* overflow-y: hidden; */
    transition: all 0.5s linear;
}

.zl-content-box1 .zh-inner-box .showMore {
    max-height: 215px;
}

.zl-content-box1 .zh-inner-box .more-btn {
    font-size: 14px;
    color: #666;
    border-radius: 2px;
    border: solid 1px #9b9b9b;
    transition: all 0.5s linear;
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    cursor: pointer;
}

.zl-content-box1 .zh-inner-box .more-btn:hover {
    border: solid 1px #cf1920;
    background: #cf1920;
    color: #ffffff;
}

/******************************************产品案例产品价值组件3***********************************/
.gray.tile-box {
    background-color: #f1f1f1;
}

.tile-box:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.14);
    z-index: 99;
    top: -3px;
}

.tile-box {
    background-color: #ffffff;
    padding: 30px 50px;
    height: 340px;
    position: relative;
    top: 0;
    transition: all 0.2s linear;
}

.tile-box .tile-icon {
    width: 100px;
    height: 92px;
    display: block;
    margin-bottom: 20px;
}

.tile-box .tile-title {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 30px;
}

.tile-box .tile-text {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

/******************************************产品案例产品价值组件2**********************************************/
.zl-TileBox .el-col {
    padding-top: 75px;
    height: 240px;
    position: relative;
    top: 0;
    transition: all 0.2s linear;
}

.zl-TileBox .el-col:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.14);
    z-index: 99;
    top: -3px;
}

.zl-TileBox .el-col i {
    float: left;
    width: 100px;
    /* height: 92px; */
    height: 100px;
    margin-left: 48px;
}

.zl-TileBox .el-col h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold;
}

.zl-TileBox .el-col p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

/******************************************产品优势**********************************************/
.bg-img {
    height: 50%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.bg-img.supplier {
    background-image: url(/_nuxt/img/product-bg3.9a0d147.png);
}

.bg-img.cost {
    background-image: url(/_nuxt/img/product-ys.006673d.png);
}

.bg-img.bigdata {
    background-image: url(/_nuxt/img/product-ys.7a2d7e5.png);
}

.bg-img.dzztb {
    background-image: url(/_nuxt/img/product-ys.006673d.png);
}

.bg-img.saas {
    height: 300px;
    background-image: url(/_nuxt/img/product-ys.1bda291.png);
}

.bg-img.bst {
    height: 300px;
    background-image: url(/_nuxt/img/value-bg.cdd567c.png);
}

.product-inner-box2 {
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 194px;
    z-index: 9;
}

.product-inner-box2 .el-col-8:last-child {
    border-right: none;
}

/**********************************企业招标采购大数据平台******************************************/
.zl-products-bidding-bigdata .product-box1 {
    height: 650px;
    width: 100%;
    padding: 0;
    position: relative;
}

.zl-products-bidding-bigdata .product-box1 .bg-img .title {
    text-align: center;
    font-size: 36px;
    color: #ffffff;
    padding: 50px 0 64px;
    margin: 0 0;
}

.zl-products-bidding-bigdata .product-inner-box1 {
    width: 1200px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -600px;
    z-index: 9;
}

.zl-products-bidding-bigdata .product-inner-box1 .tile-box {
    box-shadow: none;
    top: 0;
}

.zl-products-bidding-bigdata .product-box2 {
    background-color: rgb(237, 237, 237);
}

.zl-products-bidding-bigdata .product-box2 .bg-img .title {
    color: #333;
}

.zl-products-bidding-bigdata .product-combo-box .title {
    font-family: MicrosoftYaHei;
    font-size: 36px;
    color: #333333;
    padding-bottom: 64px;
    background-color: #fff;
    text-align: center;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box {
    background-color: #fff;
    height: 445px;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box .el-row {
    height: 100%;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box .el-row .el-col-12 {
    height: 100%;
    position: relative;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box .combo-box-content {
    line-height: 1.5;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box:nth-child(odd)
    .combo-box-content
    h2,
.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box:nth-child(odd)
    .combo-box-content
    p {
    padding-left: 50px;
}

.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box:nth-child(even)
    .combo-box-content
    h2,
.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box:nth-child(even)
    .combo-box-content
    p {
    padding-right: 50px;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box.gray {
    background-color: #f1f1f1;
}

.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box
    .combo-box-content
    > img {
    width: 100%;
}

.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box
    .combo-box-content
    h2 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
}

.zl-products-bidding-bigdata
    .product-combo-box
    .combo-box
    .combo-box-content
    p {
    font-size: 16px;
    line-height: 1.5;
    color: #333333;
}

.zl-products-bidding-bigdata .product-combo-box .combo-box .center-container {
    height: 100%;
}

/******************************************产品优势详情组件**********************************************/
.tile-box-s {
    height: 248px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.tile-box-s.gray {
    background-color: #f1f1f1;
}

.tile-box-s .tile-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s linear;
}

.tile-box-s:hover .tile-content {
    transform: translate(-50%, 100%);
}

.tile-box-s .tile-content1 {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    top: -100%;
    position: absolute;
    color: #fff;
    background-color: #cf1920;
    transition: all 0.5s linear;
}

.tile-box-s:hover .tile-content1 {
    top: 0;
}

/******************************************客户案例组件**********************************************/
.tile-box-xs {
    width: 100%;
    height: 300px;
    padding: 0 30px;
    display: block;
    position: relative;
}

.tile-box-xs p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 225px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
}

.bg-zsj.tile-box-xs {
    background-image: url(/_nuxt/img/b1.4240852.png);
    background-repeat: no-repeat;
}

.bg-dfqc.tile-box-xs {
    background-image: url(/_nuxt/img/b2.15255e9.png);
    background-repeat: no-repeat;
}

.bg-gtjt.tile-box-xs {
    background-image: url(/_nuxt/img/b3.fadcff0.png);
    background-repeat: no-repeat;
}

.bg-ygcg.tile-box-xs {
    background-image: url(/_nuxt/img/b4.e8f3b33.png);
    background-repeat: no-repeat;
}

/*******************************数字采购招投标SaaS平台**********************************************/
.zl-products-bidding-saas .product-box2 {
    height: 500px;
}

/******************************************筑龙地图**********************************************/
.zl-sitemap {
    padding: 50px 0;
    background: #fafaff;
}

.zl-sitemap .zl-sitemap-container {
    margin: 0 auto;
    width: 1200px;
    background: #ffffff;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 10px 0 rgba(62, 62, 62, 0.1);
}

.zl-sitemap .zl-sitemap-container .border-bottom {
    border-bottom: 1px solid #e9e9e9;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-breadcrumb {
    height: 90px;
    padding-left: 30px;
    line-height: 90px;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-breadcrumb .el-breadcrumb {
    line-height: 90px;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-breadcrumb span,
.zl-sitemap .zl-sitemap-container .zl-sitemap-breadcrumb a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-breadcrumb a:hover {
    color: #2a84d9;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-content {
    padding: 50px 40px;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-content:nth-child(odd) {
    background: #f7f7f7;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-title {
    color: #333333;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 50px;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-sub-title {
    color: #333333;
    line-height: 1;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 30px;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-sub-title:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/_nuxt/img/sub-title-icon.0334637.png) no-repeat center;
    background-size: cover;
    width: 15px;
    height: 12px;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.zl-sitemap .zl-sitemap-container .zl-sitemap-content .zl-sitemap-content-text {
    padding: 0 25px;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row:not(:last-child) {
    margin-bottom: 25px;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a {
    color: #666666;
    font-size: 14px;
    line-height: 1;
    position: relative;
    transition: color 0.5s linear;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #0f77ee;
    bottom: -2px;
    left: 50%;
    transition: width 0.5s linear;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a:before {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #0f77ee;
    bottom: -2px;
    right: 50%;
    transition: width 0.5s linear;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a:hover {
    color: #0f77ee;
}

.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a:hover:before,
.zl-sitemap
    .zl-sitemap-container
    .zl-sitemap-content
    .zl-sitemap-content-text
    .el-row
    a:hover:after {
    width: 50%;
}

/******************************************产品banner**********************************************/
.zl-banner .title {
    animation: fadeInDown 0.5s linear;
}

.zl-banner .banner-text {
    animation: fadeInDown 0.5s linear;
}

.zl-banner .zl-btn-group {
    animation: fadeInUp 0.5s linear;
}

.zl-banner .zl-banner-img > img {
    max-height: 450px;
    animation: bounceInDownS 1.5s linear;
}

.zl-banner.biaoshitong .zl-banner-img {
    top: auto;
    transform: translateY(0);
    bottom: 0;
}

.zl-banner {
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.zl-banner .zl-banner-content {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.zl-banner .zl-banner-content > div {
    max-height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zl-banner .zl-banner-content > .no-icon {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.zl-banner.product {
    background-image: url(/_nuxt/img/product-banner.3eae431.png);
}

.zl-banner.biaoshitong {
    background-image: url(/_nuxt/img/biaoshitong-banner.17dede1.png);
}

.zl-banner.news {
    background-image: url(/_nuxt/img/news-banner.687cdeb.png);
}

.zl-banner.case {
    background-image: url(/_nuxt/img/case-banner.633f42d.png);
}

.zl-banner.download {
    background-image: url(/_nuxt/img/download-banner.df55105.png);
}

.zl-banner.download2 {
    background-image: url(/_nuxt/img/download2-banner.c56e0d7.png);
}

.zl-banner.download .zl-banner-desc,
.zl-banner.download2 .zl-banner-desc {
    width: 720px;
}

.zl-banner.download .zl-banner-desc .title,
.zl-banner.download2 .zl-banner-desc .title {
    font-size: 40px;
}

.zl-banner.zujia {
    background-image: url(/_nuxt/img/zujia-banner.2468957.png);
}

.zl-banner.projectcost {
    background-image: url(/_nuxt/img/projectcost-banner.69e6fab.png);
}

.zl-banner.field {
    background-image: url(/_nuxt/img/field-banner.3e06319.png);
}

.zl-banner.information {
  background-image: url(/_nuxt/img/information-banner.ba153cd.png);
}

.zl-banner.examination {
  background-image: url(/_nuxt/img/examination-banner.ba153cd.png);
}

.zl-banner.rechecking {
  background-image: url(/_nuxt/img/rechecking-banner.78b45db.png);
}

.zl-banner.guard {
  background-image: url(/_nuxt/img/guard-banner.c2b8245.png);
}

.zl-banner.databackup {
    background-image: url(/_nuxt/img/databackup-banner.598c531.png);
}

.zl-banner.file {
    background-image: url(/_nuxt/img/file-banner.1dbd2b5.png);
}

.zl-banner.gysxy {
    background-image: url(/_nuxt/img/gysxy-banner.924f2da.png);
}

.zl-banner.cost {
    background-image: url(/_nuxt/img/solution-banner.18e3360.png);
}

.zl-banner.qyztb {
    background-image: url(/_nuxt/img/ztb-banner.329f3d2.png);
}

.zl-banner.bigdata {
    background-image: url(/_nuxt/img/bigdata-banner.2a891a5.png);
}

.zl-banner.qingbiao {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAHCAQMAAAA0LEbYAAAAA1BMVEUAAACnej3aAAAAjElEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOD24JAAAAAAQND/166wAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAmp7EAAS5gruEAAAAASUVORK5CYII=);
}

.zl-banner.saas {
    background-image: url(/_nuxt/img/saas-banner.0bb0d5c.png);
}

.zl-banner.solution {
    background-image: url(/_nuxt/img/solution-banner.18e3360.png);
}

.zl-banner.bigDataG {
    background-image: url(/_nuxt/img/bigDataG-banner.f0c2dda.png);
}

.zl-banner.bidopening {
    background-image: url(/_nuxt/img/bidopening-banner.2270f2b.png);
}

.zl-banner.evaluation {
    background-image: url(/_nuxt/img/evaluation-banner.9de01f1.png);
}

.zl-banner.jianguan {
    background-image: url(/_nuxt/img/jianguan-banner.b08aa96.png);
}

.zl-banner.ycfspb {
    background-image: url(/_nuxt/img/ycfspb-banner.ebf1077.png);
}

.zl-banner.blockchain {
    background-image: url(/_nuxt/img/blockchain-banner.94a9470.png);
}

.zl-banner.materials {
    background-image: url(/_nuxt/img/materials-banner.448ef96.png);
}

.zl-banner.financial {
    background-image: url(/_nuxt/img/financial-banner.94a9470.png);
}

.zl-banner.certificate {
    background-image: url(/_nuxt/img/certificate-banner.18f1c78.png);
}

.zl-banner.partners {
    background-image: url(/_nuxt/img/aboutus-banner.5802b53.png);
}

.zl-banner.aboutus {
    background-image: url(/_nuxt/img/aboutus-banner.5802b53.png);
}

.zl-banner.contactus {
    background-image: url(/_nuxt/img/aboutus-banner.5802b53.png);
}

.zl-banner.case {
    background-image: url(/_nuxt/img/case-banner.633f42d.png);
}

.zl-banner .zl-banner-desc {
    width: 600px;
    left: 0;
    z-index: 9;
}

.zl-banner .zl-banner-desc .title {
    font-size: 45px;
    letter-spacing: 0;
    color: #ffffff;
    font-weight: bold;
}

.zl-banner .zl-banner-desc .banner-text {
    font-size: 16px;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.58);
    line-height: 1.5;
    margin: 30px 0 50px 0;
}

.zl-banner .zl-banner-desc .zl-btn-group > a {
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    border: solid 1px #fff;
    margin-right: 10px;
    transition: all 0.5s linear;
}

.zl-banner .zl-banner-desc .zl-btn-group > a.text-red {
    color: #cf1920;
    border: solid 1px #cf1920;
}

.zl-banner .zl-banner-content .zl-banner-desc .zl-btn-group a:hover {
    color: #cf1920;
    border: solid 1px #cf1920;
}

.zl-banner .zl-banner-content .zl-banner-desc .zl-btn-group .text-red:hover {
    background-image: linear-gradient(to right, #cf1920, #f54500);
    color: #ffffff;
}

/****************************************标事通**********************************************/
.zl-biaoshitong {
    background: #eaeaea;
}

.zl-biaoshitong .zl-content-box1.white-bg {
    background: #ffffff;
}

.zl-biaoshitong .product-box2 {
    padding: 0;
    height: 735px;
}

.zl-biaoshitong .zl-biaoshitong-item-01 .tile-box-s .tile-title {
    font-size: 18px;
    line-height: 30px;
}

.zl-biaoshitong .product-box2 .product-inner-box2 {
    top: 145px;
}

.zl-biaoshitong .product-box2 .bg-img .title {
    color: #333333;
}

.zl-biaoshitong .bst-product .bg-img .title {
    color: #ffffff;
    padding-top: 50px;
}

.zl-biaoshitong .bst-product {
    height: 400px;
    box-sizing: content-box;
    z-index: 9;
}

.zl-biaoshitong .bst-product .product-inner-box2 {
    top: 145px;
}

.zl-biaoshitong .product-absolute-box .btn {
    text-align: center;
    font-size: 20px;
}

.zl-biaoshitong .product-absolute-box .btn a {
    color: #ffffff;
    padding: 0 25px;
    height: 50px;
    background-color: #cf1920;
    border-radius: 25px;
    line-height: 50px;
    display: inline-block;
}

.zl-biaoshitong .product-absolute-box .title {
    text-align: center;
    color: #333333;
    font-size: 36px;
    margin-bottom: 64px;
}

.zl-biaoshitong .product-absolute-box .product-absolute-box-content > div {
    width: 50%;
    height: 650px;
    position: relative;
    overflow: hidden;
    text-align: right;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div:first-child
    .content-item-bg {
    position: absolute;
    top: 0;
    right: 10px;
    background: url(/_nuxt/img/bg1.dd761a9.png) no-repeat center;
    background-size: cover;
    width: 888px;
    height: 641px;
    padding: 50px 0;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row {
    height: 90px;
    padding-right: 120px;
    padding-top: 15px;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row:nth-child(2),
.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row:nth-last-child(2) {
    padding-right: 140px;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row:first-child,
.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row:last-child {
    padding-right: 180px;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row
    > p:first-child {
    color: #c2363c;
    font-size: 26px;
    line-height: 40px;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div
    .content-item-bg
    .content-item-row
    > p:last-child {
    color: #666666;
    font-size: 16px;
}

.zl-biaoshitong
    .product-absolute-box
    .product-absolute-box-content
    > div:last-child
    .content-item-bg {
    position: absolute;
    top: 0;
    left: 10px;
    background: url(/_nuxt/img/bg3.63d9601.png) no-repeat center;
    background-size: cover;
    width: 664px;
    height: 626px;
}

/******************************************error**********************************************/
.zl-error {
    height: 800px;
    background: #ffffff;
}

.zl-error .zl-error-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.zl-error .zl-error-content .zl-error-bg {
    background-image: url(/_nuxt/img/404.6ffaa94.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 560px;
    height: 560px;
    display: block;
    margin: 0 auto;
}

.zl-error .zl-error-content .zl-error-box {
    position: absolute;
    top: 420px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.zl-error .zl-error-box .zl-error-type {
    color: #f43f37;
    font-size: 99px;
    line-height: 1;
}

.zl-error .zl-error-box .zl-error-dis {
    color: #666666;
    font-size: 24px;
}

.zl-error .zl-error-box .zl-error-back {
    display: inline-block;
    height: 40px;
    padding: 0 25px;
    line-height: 40px;
    font-size: 14px;
    color: #f43f37;
    border: 1px solid #f43f37;
    border-radius: 20px;
}

.zl-error .zl-error-box .zl-error-back:hover {
    opacity: 0.8;
}

/******************************************补充**********************************************/
.zl-data-center {
    margin-top: -90px;
}

.zl-data-center .zl-data-center-header {
    background-image: url(/_nuxt/img/header-bg.88ca7b1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 790px;
    min-width: 1200px;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    background-image: url(/_nuxt/img/header-content-bg.fa3e1da.png);
    background-repeat: no-repeat;
    background-position: center 50px;
    background-size: 920px 440px;
    height: 100%;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-text {
    color: #a8b7d0;
    font-size: 14px;
    padding: 0 35px;
    margin-top: 430px;
    text-align: center;
    line-height: 24px;
    white-space: normal;
    margin-bottom: 20px;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-icon {
    background-image: url(/_nuxt/img/header-content-icon-bg.0483c8c.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1035px;
    height: 170px;
    margin: 0 auto;
    padding: 0 50px;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-icon > div {
    height: 100%;
    text-align: center;
    padding-top: 40px;
    transition: all 0.5s linear;
    position: relative;
    top: 0;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-icon > div:hover {
    top: -20px;
}

.zl-data-center .zl-data-center-header .zl-data-center-header-icon > div p {
    font-size: 16px;
    color: #2c69c1;
    margin-top: 15px;
}

.zl-data-center .zl-data-center-data-ability {
    height: 780px;
    background-image: url(/_nuxt/img/data-ability-bg.4df392e.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 1920px 270px;
    min-width: 1200px;
    padding-top: 85px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-title {
    text-align: center;
    color: #192027;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 50px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 510px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-guid {
    background-image: url(/_nuxt/img/data-ability-content-bg.8941ab2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 316px;
    height: 393px;
    padding-top: 255px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-guid
    p {
    color: #a4caff;
    text-align: center;
    font-size: 20px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left {
    height: 395px;
    padding-left: 20px;
    position: absolute;
    left: 0;
    z-index: 9;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left
    .data-ability-content-guid-text {
    padding-top: 30px;
    padding-right: 50px;
    cursor: pointer;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left
    .data-ability-content-guid-text
    > div {
    height: 60px;
    font-size: 16px;
    color: #333333;
    position: relative;
    width: 140px;
    line-height: 60px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left
    .data-ability-content-guid-text
    > div:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    left: 145px;
    background: #3077dc;
    top: 50%;
    margin-top: -2px;
    transition: all 0.5s linear;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left
    .data-ability-content-guid-text
    > .active {
    color: #3077dc;
    font-weight: bold;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-left
    .data-ability-content-guid-text
    > .active:after {
    width: 85px;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-right {
    width: 890px;
    min-height: 430px;
    background: #ffffff;
    box-shadow: 0 7px 17px 1px rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 230px;
    box-sizing: border-box;
}

.zl-data-center
    .zl-data-center-data-ability
    .zl-data-center-data-ability-content
    .data-ability-content-right
    .data-ability-content-right-text {
    padding: 50px 35px;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.zl-data-center .zl-data-center-application {
    height: 725px;
    background-image: url(/_nuxt/img/application-bg.b072191.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-width: 1200px;
    padding-top: 200px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content {
    width: 1200px;
    padding: 0 200px;
    margin: 0 auto;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6 {
    position: relative;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6
    .icon-box {
    height: 150px;
    padding-top: 110px;
    background-repeat: no-repeat;
    background-position: center top;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6
    .icon-box
    p {
    color: #dbf5ff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6
    .hover-text {
    display: none;
    background-image: url(/_nuxt/img/app-hover-bg.497e172.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 470px;
    height: 115px;
    padding: 20px 50px;
    color: #9be4ff;
    font-size: 14px;
    position: absolute;
    top: -120px;
    left: 23px;
    animation: fadeIn 0.5s linear;
    line-height: 25px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:nth-child(1)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon01.fd4439c.png);
    background-size: 71px 83px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:nth-child(2)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon02.b1ee920.png);
    background-size: 76px 88px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:nth-child(3)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon04.e24a21d.png);
    background-size: 73px 85px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:nth-child(4)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon03.7425c68.png);
    background-size: 77px 89px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover
    .hover-text {
    display: block;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover
    .icon-box
    p {
    color: #ffffff;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover:nth-child(1)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon01-hover.21b3aed.png);
    background-size: 101px 111px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover:nth-child(2)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon02-hover.dbda3c2.png);
    background-size: 104px 111px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover:nth-child(3)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon04-hover.a0a7046.png);
    background-size: 103px 113px;
}

.zl-data-center
    .zl-data-center-application
    .zl-data-center-application-content
    .el-col-6:hover:nth-child(4)
    .icon-box {
    background-image: url(/_nuxt/img/app-icon03-hover.b0e8bd0.png);
    background-size: 108px 117px;
}

.zl-data-center .zl-data-center-partner {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.zl-data-center .zl-data-center-partner .partner-title {
    color: #333333;
    font-size: 36px;
    line-height: 186px;
    text-align: center;
}

.zl-data-center .zl-data-center-footer {
    height: 96px;
    background: #202835;
    text-align: center;
    line-height: 96px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.53);
}

/******************************************补充**********************************************/
.zl-evaluation .tile-text {
    line-height: 30px;
}

.zl-jianguan .el-col-5 {
    width: 20%;
}

.zl-jianguan .zl-ProductSuperiority .el-col .centerBox {
    padding: 30px;
}

.el-col-8 {
    width: 33.33333333333333333% !important;
}

.zl-saas-index {
    overflow: hidden;
}

/* 大采购页面 */
.zl-saas-index .zl-saas-btn:hover,
.zl-saas-index .zl-saas-btn {
    background: #032e51;
    color: #ffffff;
}
.zl-saas-index .zl-saas-btn:active,
.zl-saas-index .zl-saas-btn:hover {
    opacity: 0.8;
}
.zl-saas-container-title {
    text-align: center;
    padding-top: 103px;
    margin-bottom: 50px;
}
.zl-saas-container-title h2 {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    line-height: 40px;
}
.zl-saas-container-title p {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    text-align: center;
    font-weight: 400;
    line-height: 22px;

    margin: 8px 0 24px;
}

.zl-saas-header {
    height: 67px;
    background: #032e51;
}

.zl-saas-header .fl {
    height: 66px;
    display: flex;
    align-items: center;
}

.zl-saas-header-btn {
    position: relative;
    margin-top: 15px;
    display: inline-block;
    background: #fe2f55;
    width: 128px;
    height: 40px;
    line-height: 40px;
    background: #fe2f55;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.zl-saas-header-btn:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
}

/* .zl-saas-header-btn:hover  {
    opacity: 0.8;
} */

.zl-saas-banner {
    height: 560px;
    background-color: #d2d7d8;
    display: flex;
    justify-content: center;
}

.zl-saas-banner .center-container {
    height: 100%;
    width: 100%;
    background: url(/_nuxt/img/saas-banner.7070074.png) no-repeat;
    background-size: 1920px 100%;
    background-position: center;
    display: flex;
    justify-content: center;
}

.zl-saas-banner-title {
    width: 1200px;
    padding-top: 200px;
}
.zl-saas-banner-title p {
    width: 360px;
    line-height: 20px;
    margin: 12px 0 24px;
    font-size: 14px;
    color: #032e51;
    font-weight: 400;
}
.zl-saas-target {
    background: #fff;
    padding-bottom: 90px;
}
.zl-saas-target-container img {
    width: 80px;
    height: 80px;
}
.zl-saas-target-container h4 {
    line-height: 25px;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    margin: 16px 0 12px;
}
.zl-saas-target-container p {
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
}
.zl-saas-target-container .top {
    margin-bottom: 20px;
}
.zl-saas-target-container .top,
.zl-saas-target-container .bottom {
    display: flex;
    justify-content: space-between;
}
.zl-saas-target-container .top div {
    position: relative;
    width: 384px;
    height: 278px;
    padding: 35px 32px 0;

    background: #f8f8f8;
    box-shadow: 0px 3px 8px 0px rgba(141, 150, 169, 0.2);
    border-radius: 2px;

    transition: all 0.2s;
    cursor: pointer;
}
.zl-saas-target-container .top div:hover {
    background: #ffffff;
    box-shadow: 0px 3px 8px 0px rgba(141, 150, 169, 0.2);
    transform: translateY(-10px);
}
.zl-saas-target-container .top div:hover p,
.zl-saas-target-container .top div:hover h4 {
    color: #032d51;
}

.zl-saas-target-container .bottom div {
    position: relative;
    width: 588px;
    height: 278px;
    padding: 32px 156px 0 32px;
    background: #ffffff;
    box-shadow: 0px 3px 10px 0px rgba(141, 150, 169, 0.2);
    border-radius: 2px;
    transition: transform 0.2s;
    cursor: pointer;
}
.zl-saas-target-container .bottom div.bg {
    background: #ffffff;
}
.zl-saas-target-container .bottom div:hover {
    transform: translateY(-10px);
}
.zl-saas-target-container .bottom div.bg:hover {
    background: #ffffff url(/_nuxt/img/bg-1.11d002e.png) right bottom no-repeat;
    background-size: 200px 180px;
}
.zl-saas-target-container .bottom div:hover::before {
    color: #fff;
}
.zl-saas-target-container .bottom div:hover::after {
    border-top: 25px solid #13cec9;
    border-right: 25px solid #13cec9;
}
.zl-saas-target-container .bottom div:hover p,
.zl-saas-target-container .bottom div:hover h4 {
    color: #032d51;
}

.zl-saas-target-container .bottom div::after,
.zl-saas-target-container .top div::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;

    border-top: 25px solid #f1f1f1;
    border-right: 25px solid #f1f1f1;
    border-bottom: 25px solid transparent;
    border-left: 25px solid transparent;
}
.zl-saas-target-container .bottom div::before,
.zl-saas-target-container .top div::before {
    content: "past";
    position: absolute;
    top: 6.25px;
    right: 6.25px;
    width: 25px;
    box-sizing: border-box;
    transform: rotate(45deg);
    transform-origin: center center;
    z-index: 1;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.15);
    font-weight: 400;
    text-align: center;
}
.zl-saas-target-container .bottom div::after {
    border-top: 25px solid #edfbfb;
    border-right: 25px solid #edfbfb;
}
.zl-saas-target-container .bottom div::before {
    content: "Now";
    color: #13cec9;
}

.zl-saas-bPaas {
    height: 1131px;
    background-color: #032e51;
    background-image: url(/_nuxt/img/bPass-left.b95523f.png),
        url(/_nuxt/img/bPass-right.d5a626a.png);
    background-repeat: no-repeat;
    background-size: 223px 324px, 322px 425px;
    background-position: left calc(100% - 98px), right 78px;
}
.zl-saas-bPaas .content {
    padding: 8px;
}

.zl-saas-bPaas .zl-saas-bPaas-btn:hover,
.zl-saas-bPaas .zl-saas-bPaas-btn {
    position: relative;
    background: #13cec9;
    color: #fff;
    border: none;
}

.zl-saas-bPaas .zl-saas-bPaas-btn:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(225, 225, 225, 0.2);
}
.zl-saas-bPaas img.content {
    width: 100%;
    height: 730px;
}
.zl-saas-bPaas .zl-saas-container-title h2,
.zl-saas-bPaas .zl-saas-container-title p {
    color: #ffffff;
}

.zl-saas-productLib {
    height: 946px;
    background: #fff;
    text-align: center;
}

.zl-saas-productLib img.content {
    height: 518px;
    margin-top: -10px;
    text-align: center;
}

.bg-title h2 {
    display: inline-block;
    position: relative;
}
.bg-title h2 span {
    position: absolute;
    top: 8px;
}
.bg-title h2 span.left {
    left: -20px;
    transform: translateX(-100%);
}
.bg-title h2 span.right {
    right: -20px;
    transform: translateX(100%);
}
.bg-title h2 span::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #032e51;
}
.bg-title h2 span::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #13cec9;
}
.bg-title h2 span.left::after {
    margin-left: 16px;
}

.bg-title h2 span.right::before {
    margin-left: 10px;
}

.zl-saas-plan {
    height: 600px;
    background-color: #e6eaed;
    display: flex;
    justify-content: center;
    /* background: url(../img/saas/plan-bg.png) no-repeat;
    background-size: cover; */
    /* background-position: -160px; */
}
.zl-saas-plan .center-container {
    position: relative;
    height: 100%;
    width: 100%;
    background: url(/_nuxt/img/plan-bg.2d57b8f.jpg) no-repeat;
    background-size: 1920px 100%;
    background-position: center;
}

.zl-saas-plan .zl-saas-plan-title {
    position: absolute;
    top: 214px;
    width: 532px;
    overflow: hidden;
    /* right: 220px; */
    right: 10%;
}
.zl-saas-plan .zl-saas-plan-title h4 {
    line-height: 40px;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    white-space: nowrap;
}
.zl-saas-plan .zl-saas-plan-title p {
    line-height: 25px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 400;
    margin: 14px 0 28px;
}

.zl-saas-advantage {
    padding-bottom: 108px;
    background: #fff;
}
.zl-saas-advantage .zl-saas-advantage-list {
    text-align: center;
    margin-bottom: -80px;
}
.zl-saas-advantage .zl-saas-advantage-list li {
    width: 300px;
    height: 320px;
    display: inline-block;
    padding: 60px 32px 0;
    vertical-align: middle;
    margin-right: 60px;
    margin-bottom: 80px;
    background: #ffffff;
    box-shadow: 0px 3px 10px 0px rgba(141, 150, 169, 0.2);
    border-radius: 2px;
    transition: all 0.2s;
    cursor: pointer;
}
.zl-saas-advantage .zl-saas-advantage-list li:nth-of-type(3n) {
    margin-right: 0;
}

.zl-saas-advantage .zl-saas-advantage-list li:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 20px 0px rgba(139, 148, 168, 0.2);
}
.zl-saas-advantage .zl-saas-advantage-list li:hover p,
.zl-saas-advantage .zl-saas-advantage-list li:hover h4 {
    color: #032e51;
}
.zl-saas-advantage .zl-saas-advantage-list li p {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 22px;
    font-weight: 400;
}

.zl-saas-advantage .zl-saas-advantage-list li h4 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    line-height: 26px;
    margin: 24px 0 8px;
}

.zl-saas-advantage .zl-saas-advantage-list li img {
    width: 120px;
    height: 120px;
}

.zl-saas-partner {
    position: relative;
    height: 280px;
}
.zl-saas-partner .zl-saas-partner-main {
    width: 1000px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.zl-saas-partner .zl-saas-partner-main:hover .zl-saas-partner-main-top {
    transform: translateX(-3%);
}
.zl-saas-partner .zl-saas-partner-main:hover .zl-saas-partner-main-bottom {
    transform: translateY(-50%) translateX(3%);
}
.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-top {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 728px;
    height: 280px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);
    padding: 76px 72px 0 92px;
}
.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-top .profile {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 12px;
}
.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-top strong {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 700;
    line-height: 25px;
}
.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-top p {
    font-size: 14px;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
}

.zl-saas-partner
    .zl-saas-partner-main
    .zl-saas-partner-main-top
    .zl-saas-partner-main-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 45px;
}

.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-bottom {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-55%);
    width: 322px;
    height: 200px;
    border-radius: 20px;
    transition: all 1s cubic-bezier(0.11, 0.2, 0.1, 0.95);
}
.zl-saas-partner .zl-saas-partner-main .zl-saas-partner-main-bottom img {
    width: 170px;
    height: 60px;
    margin: 42px 32px 0;
}

.zl-saas-partner-arrow-right,
.zl-saas-partner-arrow-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 64px;
    opacity: 0.5;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 20px 0px rgba(141, 150, 169, 0.3);
    font-size: 22px;
    text-align: center;
    line-height: 62px;
    color: #e3e4e5;
    cursor: pointer;
}
.zl-saas-partner-arrow-right {
    right: 0;
}
.zl-saas-partner-arrow-left {
    left: 0;
}
.zl-saas-partner-arrow-right i,
.zl-saas-partner-arrow-left i {
    font-weight: bold;
}

.zl-saas-partner-arrow-right:hover,
.zl-saas-partner-arrow-left:hover {
    color: #032e51;
}
.zl-saas-partner .zl-saas-partner-main-top .yh {
    position: absolute;
    width: 76px;
    height: 73px;
    left: 92px;
    top: 0;
    transform: translateY(-50%);
}

.zl-saas-partner .zl-saas-partner-0 .zl-saas-partner-main-top {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(53, 138, 246, 1);
}
.zl-saas-partner .zl-saas-partner-0 .zl-saas-partner-main-bottom {
    background-image: linear-gradient(90deg, #55a8f6 1%, #358af6 100%);
}
.zl-saas-partner .zl-saas-partner-main-top .yh-0 {
    background: url(/_nuxt/img/yh-0.52216a6.png) no-repeat;
    background-size: contain;
}

.zl-saas-partner .zl-saas-partner-1 .zl-saas-partner-main-top {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(195, 161, 80, 1);
}
.zl-saas-partner .zl-saas-partner-1 .zl-saas-partner-main-bottom {
    background-image: linear-gradient(90deg, #e8c574 1%, #c3a150 100%);
}
.zl-saas-partner .zl-saas-partner-main-top .yh-1 {
    background: url(/_nuxt/img/yh-1.43272cb.png) no-repeat;
    background-size: contain;
}

.zl-saas-partner .zl-saas-partner-2 .zl-saas-partner-main-top {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(175, 23, 48, 1);
}
.zl-saas-partner .zl-saas-partner-2 .zl-saas-partner-main-bottom {
    background-image: linear-gradient(90deg, #ca2a44 0%, #af1730 100%);
}
.zl-saas-partner .zl-saas-partner-main-top .yh-2 {
    background: url(/_nuxt/img/yh-2.30da54f.png) no-repeat;
    background-size: contain;
}

.zl-saas-partner .zl-saas-partner-3 .zl-saas-partner-main-top {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(3, 112, 199, 1);
}
.zl-saas-partner .zl-saas-partner-3 .zl-saas-partner-main-bottom {
    background-image: linear-gradient(90deg, #1c8cdc 1%, #0374cf 100%);
}
.zl-saas-partner .zl-saas-partner-main-top .yh-3 {
    background: url(/_nuxt/img/yh-3.a43a7c9.png) no-repeat;
    background-size: contain;
}

.zl-saas-partner .zl-saas-partner-animation .zl-saas-partner-main-top {
    animation: partner-top 1s ease-in forwards;
}

.zl-saas-partner .zl-saas-partner-animation .zl-saas-partner-main-bottom {
    animation: partner-bottom 1s ease-in forwards;
}

@keyframes partner-bottom {
    0% {
        left: 0;
        opacity: 1;
    }
    50% {
        left: 10%;
        opacity: 0.1;
    }
    to {
        left: 0;
        opacity: 1;
    }
}
@keyframes partner-top {
    0% {
        right: 0;
        opacity: 1;
    }
    50% {
        right: 10%;
        opacity: 0.1;
    }
    to {
        opacity: 1;
        right: 0;
    }
}

.zl-saas-booking {
    height: 321px;
    background: url(/_nuxt/img/booking-bg.912b360.jpg) no-repeat;
    background-size: cover;
}

.zl-saas-booking .center-container {
    height: 100%;
    width: 100%;
    max-width: 1920px;
    background: url(/_nuxt/img/booking-bg.912b360.jpg) no-repeat;
    background-size: cover;
}

.zl-saas-booking .zl-saas-booking-content {
    display: flex;
    justify-content: center;
}

.zl-saas-booking .zl-saas-booking-title {
    padding: 70px 0 48px;
}
.zl-saas-booking .zl-saas-booking-title h4 {
    line-height: 40px;
    font-size: 28px;
    color: #000000;
    text-align: center;
    font-weight: 500;
    margin-bottom: 16px;
}
.zl-saas-booking .zl-saas-booking-title p {
    line-height: 25px;
    font-size: 18px;
    color: #000000;
    text-align: center;
    font-weight: 500;
}

.zl-saas-booking .zl-saas-booking-content .w-180 {
    width: 180px;
}
.zl-saas-booking .zl-saas-booking-content .w-240 {
    width: 240px;
}

.zl-saas-booking .zl-saas-booking-content .inp-wrapper {
    float: left;
    margin-right: 24px;
}
.zl-saas-booking .zl-saas-booking-content .inp-wrapper .el-input__inner {
    border-radius: 2px;
}

.footer-top .devider,
.zl-saas-booking .devider {
    position: relative;
}
.footer-top .devider::after,
.zl-saas-booking .devider::after {
    position: absolute;
    content: "|";
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.footer-top .varifyCode,
.zl-saas-booking .varifyCode {
    margin-right: 12px;
    display: inline-block;
}

.footer-top .varifyCode .el-button,
.zl-saas-booking .varifyCode .el-button {
    color: rgba(0, 0, 0, 0.25);
    width: 72px;
}

.footer-top .varifyCode .el-button,
.zl-saas-booking .varifyCode .verification {
    color: #032e51;
}
.footer-top .varifyCode .el-button {
    font-size: 14px;
    width: 62px;
}

.footer-top .varifyCode .el-button:active,
.footer-top .varifyCode .el-button:hover,
.zl-saas-booking .varifyCode .el-button:active,
.zl-saas-booking .varifyCode .el-button:hover {
    color: #fe2f55;
}
.zl-saas-booking .zl-saas-booking-btn {
    position: relative;
    width: 200px;
    background: #fe2f55;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    border: none;
}

.zl-saas-booking .zl-saas-booking-btn:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

/* .zl-saas-booking .zl-saas-booking-btn:active,
.zl-saas-booking .zl-saas-booking-btn:hover {
    background: #fe2f55;
    color: #ffffff;
    border: none;
    opacity: 0.8;
} */

.zl-saas-booking .el-input.is-active .el-input__inner,
.zl-saas-booking .el-input__inner:focus {
    border-color: #032d51;
}

.zl-saas-footer {
    height: 365px;
    background: #011220;
    padding-top: 50px;
    position: relative;
}

.zl-saas-footer .books {
    float: left;
    text-align: center;
    margin-right: 51px;
}
.zl-saas-footer .books img {
    width: 120px;
    height: 150px;
    margin-bottom: 20px;
    cursor: pointer;
}
.zl-saas-footer .qrcode p,
.zl-saas-footer .books p {
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.zl-saas-footer .qrcode {
    float: right;
}
.zl-saas-footer .qrcode img {
    margin-top: 30px;
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
}

.zl-saas-footer .zl-saas-footer-copyright {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 84px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 84px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.zl-saas-footer .zl-saas-footer-copyright span {
    margin-right: 18px;
}
.zl-saas-footer .zl-saas-footer-copyright img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.saas-logo {
    height: 42px;
    width: 80px;
    background: url(/_nuxt/img/saas-logo.c452eab.png) no-repeat;
    background-size: cover;
    margin: 0;
}

.zl-saas-submit-dialog .el-input.is-active .el-input__inner,
.zl-saas-submit-dialog .el-input__inner:focus {
    border-color: #032d51;
}

.partner-title {
    margin-bottom: 70px;
}

.partner-title h2 span.left {
    left: -20px;
    transform: translateX(-100%);
}

.partner-title h2 span.right {
    right: -20px;
    transform: translateX(100%);
}

/******************************************筑龙研究院**********************************************/
.zl-study {
    background-color: #f7f7f7;
    padding-bottom: 72px;
}

.study-tabs {
    position: relative;
    height: 100%;
    margin: auto;
}

.study-tabs .el-tabs__nav-wrap::after {
    height: 0;
}

.study-tabs .mainTabs .el-tabs__nav-scroll {
    background-color: #ffffff;
    position: relative;
    height: 68px;
    display: flex;
    justify-content: center;
    font-size: 24px;
}

.study-tabs .el-tabs .el-tabs__item.is-active {
    color: #cf1920;
}

.study-tabs .mainTabs .el-tabs__item {
    font-size: 24px;
    line-height: 32px;
    padding: 20px 80px 16px 0;
    /* margin-right: 80px; */
}

.study-tabs .secondaryTabs .el-tabs__nav-scroll {
    background-color: #f7f7f7;
    display: flex;
    height: 54px;
    justify-content: left;
    padding: 0 40px 0px 0;
    margin-left: 20px;
}

.study-tabs .secondaryTabs .el-tabs__item {
    font-size: 16px;
    line-height: 24px;
}

.study-tabs .content {
    display: grid;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-template-columns: repeat(3, 384px);
    margin-top: 12px;
}

.study-tabs .content-item {
    width: 384px;
    height: 370px;
    margin-bottom: 18px;
    background-color: #fff;
    border: solid 1px #ececec;
}

.study-tabs .content-item:hover .hover {
    display: flex;
    justify-content: center;
    /* background-color: #0374cf; */
}

.study-tabs .content-item:hover .normal {
    display: none;
}

.study-tabs .hover {
    position: relative;
    width: 384px;
    height: 370px;
    background-image: url(/_nuxt/img/qrcode_bg.92d376e.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}

.study-tabs .content-item .hover img {
    position: relative;
    top: 80px;
    width: 184px;
    height: 184px;
}

.study-tabs .content-item .hover .hover-txt {
    position: absolute;
    top: 280px;
    color: #ffffff;
}

.study-tabs .content-item img {
    width: 382px;
    height: 288px;
}

.study-tabs .content-item .detail {
    width: 384px;
    padding: 12px;
}

.study-tabs .content-item .title {
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.study-tabs .content-item .description {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hot-three {
    position: absolute;
    right: 0;
    top: 0;
    background: #CF1920;
    color: #fff;
    z-index: 99;
    border-radius: 0 0 0 4px;
    width: 42px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.zl-banner .zl-banner-desc .zl-btn-group .btn_qwh {
    position: relative;
}

.zl-banner .zl-banner-desc .zl-btn-group .btn_qwh:hover .qwh_img {
    display: block;
    top: -110px;
    animation: fadeInRightShort 0.5s linear;
}

.zl-banner .zl-banner-desc .zl-btn-group .qwh_img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -120px;
    left: -5px;
    display: none;
}

.loading-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999999;
}

.loading-page .self-loading-box-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-page .self-loading-box-div .self-loading-span {
    color: #FFFFFF;
    font-size: 25px;
    animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
    -o-animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
    -moz-animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
    -ms-animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
    -webkit-animation: bounce 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) infinite alternate;
    display: inline-block;
    line-height: 1;
    position: relative;
    font-weight: bold;
    padding: 10px;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(1) {
    animation-delay: 0s;
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(2) {
    animation-delay: 0.05s;
    -o-animation-delay: 0.05s;
    -moz-animation-delay: 0.05s;
    -webkit-animation-delay: 0.05s;
    -ms-animation-delay: 0.05s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(3) {
    animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(4) {
    animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
    -ms-animation-delay: 0.15s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(5) {
    animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(6) {
    animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
}

.loading-page .self-loading-box-div .self-loading-span:nth-child(7) {
    animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}

@keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}

@-o-keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}

@-ms-keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}

@-moz-keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}