.zs-homebanner{
    display: table;
    width: 100%;
    height: 839px;
    position: relative;
}
.zs-homebanner img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zs-homebanner .swiper-container{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    position: absolute;
    bottom: 0;
}
.zs-homebanner .swiper-button-prev{
    left: 30px;
}
.zs-homebanner .swiper-button-next{
    right: 30px;
}
.zs-homebanner .swiper-button-prev,.zs-homebanner .swiper-button-next{
    width: 46px;
    height: 46px;
    margin-top: -20px;
    border-radius: 50%;
    border: 1px solid #dc0a00;
    background-color: #dc0a00;
    opacity: 0.6;
}
.zs-homebanner .swiper-button-disabled{
    opacity: 0.2;
}
.zs-homebanner .swiper-button-prev:hover,.zs-homebanner .swiper-button-next:hover{
    opacity: 1;
}
.zs-homebanner .swiper-button-next:after,.zs-homebanner .swiper-button-prev:after{
    color: #FFFFFF;
    font-size: 18px;
}
.zs-homebanner .swiper-pagination{
    bottom: 20px;
}
.zs-homebanner .swiper-pagination .swiper-pagination-bullet {
    width: 50px;
    height: 3px;
    margin: 0 8px;
    display: inline-block;
    border-radius: 1.5px;
    background: #dc0a00;
    opacity: .3;
}
.zs-homebanner .swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.zs-home-title{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
}
.zs-home-title .title{
    font-size: 32px;
    color: #dc0a00;
}
.zs-home-title .title a{
    color: #dc0a00;
}
.zs-home-title .tab{
    display: flex;
}
.zs-home-title .tab li{
    display: block;
    margin-left: 50px;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
}
.zs-home-title .tab li span{
    font-family: 宋体;
    font-size: 16px;
    padding: 0px 5px;
}
.zs-home-title .tab li.on,.zs-home-title .tab li:hover{
    color: #dc0a00;
}
.zs-home-title .tab li:after{
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 2px;
    border-radius: 1.5px;
    background-color: #dc0a00;
    transition: all 0.35s;
}
.zs-home-title .tab li.on:after, .zs-home-title .tab li:hover:after {
    width: 100%;
    margin-left: -50%;
}
.zs-home-product{
    padding: 80px 0 60px 0;
    background-color: #f6f6f6;
}
.homeproduct-list{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.homeproduct-list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.homeproduct-list li{
    display: block;
    width: 468px;
    height: auto;
    padding-bottom: 55px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-right: 48px;
    margin-bottom: 50px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
}
.homeproduct-list li:nth-child(3n) {
    margin-right: 0;
}
.homeproduct-list li:hover{
    box-shadow: 0px 0px 16px 0px rgba(220,10,0,0.18);
}
.homeproduct-list li .pic{
    display: block;
    width: 100%;
    padding: 30px 30px;
    height: 469px;
    overflow: hidden;
}
.homeproduct-list li .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s linear;
}
.homeproduct-list li:hover .pic img {
    opacity: 1;
    transform: scale(1.08);
}
.homeproduct-list li .title{
    display: block;
    height: 45px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.homeproduct-list .box_product_arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 56px;
    line-height: 55px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-top: 1px solid #eee;
    color: #d5414d;
}
.homeproduct-list li:hover .box_product_arrow{
    background-color: #dc0a00;
    color: #FFFFFF;
}
.homeproduct-list .box_product_arrow::before {
    background-color: #d5414d;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: all .7s cubic-bezier(.645,.045,.355,1);
    z-index: -1;
}
.homeproduct-list .box_product_arrow .iconfont{
    font-size: 14px;
    margin-left: 5px;
}
.zs-home-about{
    display: block;
    padding: 80px 0 100px 0;
    background: #FFFFFF url(../img/img-home-about.png) no-repeat right center / 100% 100%;
    padding-top: 115px;
    height: 790px;
    margin-bottom: 65px;
}
.zs-home-about .wid {
    width: 590px;
    max-width: 60%;
}
.zs-home-about .title-h1 {
    font-size: 38px;
    line-height: 1.2;
    color: #dc0a00;
}
.zs-home-about .des {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 35px;
    color: #000000;
}
.zs-home-about .cont {
    margin-bottom: 45px;
    font-size: 18px;
    line-height: 32px;
    color: #6a6c72;
}
.zs-home-about .more-box-a {
    display: block;
    vertical-align: top;
    width: 175px;
}
.zs-home-about .more-box-a .btn {
    display: block;
    padding: 0 25px;
    font-size: 16px;
    line-height: 52px;
    color: #fff;
    background-color: #dc0a00;
    position: relative;
}
.zs-home-about .more-box-a .btn::after {
    position: absolute;
    right: 25px;
    top: 25px;
    content: '';
    display: block;
    transform: translateX(0);
    width: 10px;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s;
}
.zs-home-about .flex-block {
    position: relative;
    z-index: 2;
    transform: translateY(50%);
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 5px 10px 84px 3px rgba(0, 0, 0, 0.08);
}
.zs-home-about .flex-block .li {
    position: relative;
    width: 25%;
    padding: 20px 2%;
    transform: translateY(0);
    transition: all 0.3s;
}
.zs-home-about .flex-block .num {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 36px;
    color: #dc0a00;
}
.zs-home-about .flex-block .num .num-val {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -4px;
    color: #dc0a00;
}
.zs-home-about .flex-block .num .ico {
    margin-left: 3px;
    font-size: 20px;
}
.zs-home-about .flex-block .txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
    color: #6a6c72;
}

.zs-home-solution{
    display: block;
    padding: 80px 0 70px 0;
    background-color: #f4f5fa;
}
.homesolution-list{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.homesolution-list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.homesolution-list li{
    display: block;
    width: 352px;
    height: 296px;
    padding: 10px 10px;
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.05);
}
.homesolution-list li:nth-child(4n) {
    margin-right: 0;
}
.homesolution-list li:hover{
    box-shadow: 0px 0px 16px 0px rgba(220,10,0,0.12);
}
.homesolution-list li .pic{
    display: block;
    width: 100%;
    height: 226px;
    overflow: hidden;
}
.homesolution-list li .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s linear;
}
.homesolution-list li:hover .pic img {
    opacity: 1;
    transform: scale(1.08);
}
.homesolution-list li .title{
    display: block;
    height: 55px;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}
.zs-home-case{
    display: block;
    padding: 80px 0 60px 0;
    background-color: #FFFFFF;
}
.homecase-list{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    flex-wrap: wrap;
}
.homecase-list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.homecase-list li{
    display: block;
    width: 468px;
    height: 448px;
    margin-right: 48px;
    margin-bottom: 50px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
}
.homecase-list li:nth-child(3n) {
    margin-right: 0;
}
.homecase-list li:hover{
    box-shadow: 0px 0px 16px 0px rgba(220,10,0,0.18);
}
.homecase-list li .pic{
    display: block;
    width: 468px;
    height: 318px;
    overflow: hidden;
}
.homecase-list li .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s linear;
}
.homecase-list li:hover .pic img {
    opacity: 1;
    transform: scale(1.08);
}
.homecase-list li .text{
    display: block;
    width: 100%;
    height: 125px;
    padding: 20px 25px;
}
.homecase-list li .title{
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homecase-list li .desc{
    margin-top: 10px;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.6;
    height: 50px;
    color: #999999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.zs-home-news{
    display: block;
    padding: 80px 0 100px 0;
}
.zs-homenews-box {
    width: 100%;
    height: 600px;
    margin: 0 auto 0 auto;
    box-shadow: 2px 10px 20px 2px #CACACA;
}
.homenews-wrap {
    width: 500px;
    height: 600px;
    float: left;
    background-color: #FFF;
    padding: 30px;
}
.homenews-wrap.bg{
    background-color: #eee;
}
.homenews-wrap .h2title {
    width: 440px;
    height: 36px;
    float: left;
}
.homenews-wrap .h2title .text{
    width: 100px;
    height: 36px;
    float: left;
    background-color: #26b1e7;
    position: relative;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    color: #FFFFFF;
}
.homenews-wrap .h2title .text span {
    width: 25px;
    height: 25px;
    top: -10px;
    left: -12px;
    color: #26b1e7;
    position: absolute;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 30px;
    font-size: 18px;
    line-height: normal;
}
.homenews-wrap .h2title .more{
    width: 100px;
    height: 36px;
    float: right;
    text-align: right;
    line-height: 36px;
}
.homenews-list{
    display: block;
    width: 100%;
}
.homenews-list li{
    width: 440px;
    height: 105px;
    float: left;
    margin-top: 15px;
    margin-bottom: 8px;
    padding: 10px;
}
.homenews-list li:hover{
    background-color: #EAEAEA;
}
.homenews-wrap.bg .homenews-list li:hover{
    background-color: #DDD;
}
.homenews-list li .title-wrap {
    width: 100%;
    height: 32px;
    float: left;
}
.homenews-list li .desc{
    width: 100%;
    height: 45px;
    float: left;
    line-height: 24px;
    margin-top: 5px;
    overflow: hidden;
    color: #777777;
}
.homenews-list li .title{
    width: 300px;
    height: 32px;
    float: left;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.homenews-list li .time{
    width: 85px;
    height: 32px;
    float: right;
    text-align: right;
    line-height: 32px;
    color: #999999;
    overflow: hidden;
}

/*PC自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){
.zs-homebanner {
    height:46.611111111111114vw;
}
.zs-homebanner .swiper-button-prev {
    left:1.6666666666666667vw;
}
.zs-homebanner .swiper-button-next {
    right:1.6666666666666667vw;
}
.zs-homebanner .swiper-button-prev,.zs-homebanner .swiper-button-next {
    width:2.5555555555555554vw;
    height:2.5555555555555554vw;
    margin-top:-1.1111111111111112vw;
}
.zs-homebanner .swiper-button-next:after,.zs-homebanner .swiper-button-prev:after {
    font-size:1vw;
}
.zs-homebanner .swiper-pagination {
    bottom:1.1111111111111112vw;
}
.zs-homebanner .swiper-pagination .swiper-pagination-bullet {
    width:2.7777777777777777vw;
    height:0.16666666666666666vw;
    margin:0 0.4444444444444444vw;
}
.zs-home-title {
    padding-bottom:2.7777777777777777vw;
}
.zs-home-title .title {
    font-size:1.7777777777777777vw;
}
.zs-home-title .tab li {
    margin-left:2.7777777777777777vw;
    font-size:0.8888888888888888vw;
    line-height:1.7777777777777777vw;
}
.zs-home-title .tab li span {
    font-size:0.8888888888888888vw;
    padding:0vw 0.2777777777777778vw;
}
.zs-home-title .tab li:after {
    bottom:-0.5555555555555556vw;
}
.zs-home-product {
    padding:4.444444444444445vw 0 3.3333333333333335vw 0;
}
.homeproduct-list li {
    width:26vw;
    padding-bottom:3.0555555555555554vw;
    border-radius:0.4444444444444444vw;
    margin-right:2.6666666666666665vw;
    margin-bottom:2.7777777777777777vw;
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(0,0,0,0.08);
}
.homeproduct-list li:hover {
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(220,10,0,0.18);
}
.homeproduct-list li .pic {
    padding:1.6666666666666667vw 1.6666666666666667vw;
    height:17.666666666666668vw;
}
.homeproduct-list li .title {
    height:2.5vw;
    padding:0 1.3888888888888888vw;
    font-size:1vw;
}
.homeproduct-list .box_product_arrow {
    height:3.151111111111111vw;
    line-height:3.1555555555555554vw;
    font-size:0.8333333333333334vw;
}
.homeproduct-list .box_product_arrow .iconfont {
    font-size:0.7777777777777778vw;
    margin-left:0.2777777777777778vw;
}
.zs-home-about {
    padding:4.444444444444445vw 0 5.555555555555555vw 0;
    padding-top:6.388888888888889vw;
    height:43.888888888888886vw;
    margin-bottom:3.611111111111111vw;
}
.zs-home-about .wid {
    width:32.77777777777778vw;
    max-width:60%;
}
.zs-home-about .title-h1 {
    font-size:2.111111111111111vw;
}
.zs-home-about .des {
    margin-top:1.1111111111111112vw;
    margin-bottom:2.7777777777777777vw;
    font-size:1.3333333333333333vw;
    line-height:1.9444444444444444vw;
}
.zs-home-about .cont {
    margin-bottom:2.5vw;
    font-size:1vw;
    line-height:1.7777777777777777vw;
}
.zs-home-about .more-box-a {
    width:9.722222222222221vw;
}
.zs-home-about .more-box-a .btn {
    padding:0 1.3888888888888888vw;
    font-size:0.8888888888888888vw;
    line-height:2.888888888888889vw;
}
.zs-home-about .more-box-a .btn::after {
    right:1.3888888888888888vw;
    top:1.3888888888888888vw;
    width:0.5555555555555556vw;
    height:0.1111111111111111vw;
}
.zs-home-about .flex-block {
    padding:1.1111111111111112vw 0;
    box-shadow:0.2777777777777778vw 0.5555555555555556vw 4.666666666666667vw 0.16666666666666666vw rgba(0,0,0,0.08);
}
.zs-home-about .flex-block .li {
    padding:1.1111111111111112vw 2%;
}
.zs-home-about .flex-block .num {
    line-height:2vw;
}
.zs-home-about .flex-block .num .num-val {
    font-size:2.7777777777777777vw;
    font-weight:600;
    letter-spacing:-0.2222222222222222vw;
}
.zs-home-about .flex-block .num .ico {
    font-size:1.1111111111111112vw;
}
.zs-home-about .flex-block .txt {
    margin-top:0.8333333333333334vw;
    font-size:0.8888888888888888vw;
    line-height:1.4444444444444444vw;
}
.zs-home-solution {
    padding:4.444444444444445vw 0 3.888888888888889vw 0;
}
.homesolution-list li {
    width:19.555555555555557vw;
    height:16.11111111111111vw;
    padding:0.5555555555555556vw 0.5555555555555556vw;
    margin-right:1.6666666666666667vw;
    margin-bottom:1.6666666666666667vw;
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(0,0,0,0.05);
}
.homesolution-list li:hover {
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(220,10,0,0.12);
}
.homesolution-list li .pic {
    height:12.222222222222221vw;
}
.homesolution-list li .title {
    height:3.01111111111111vw;
    padding:0.8333333333333334vw 1.3888888888888888vw;
    font-size:1vw;
    line-height:1.6666666666666667vw;
}
.zs-home-case {
    padding:4.444444444444445vw 0 3.3333333333333335vw 0;
}
.homecase-list li {
    width:26vw;
    height:24.88888888888889vw;
    margin-right:2.6666666666666665vw;
    margin-bottom:2.7777777777777777vw;
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(0,0,0,0.08);
}
.homecase-list li:hover {
    box-shadow:0vw 0vw 0.8888888888888888vw 0vw rgba(220,10,0,0.18);
}
.homecase-list li .pic {
    width:26vw;
    height:17.666666666666668vw;
}
.homecase-list li .text {
    height:6.944444444444445vw;
    padding:1.1111111111111112vw 1.3888888888888888vw;
}
.homecase-list li .title {
    height:1.6666666666666667vw;
    font-size:1vw;
    line-height:1.6666666666666667vw;
}
.homecase-list li .desc {
    margin-top:0.5555555555555556vw;
    margin-bottom:1vw;
    font-size:0.8333333333333334vw;
    height:2.7777777777777777vw;
}
.zs-home-news {
    padding:4.444444444444445vw 0 5.555555555555555vw 0;
}
.zs-homenews-box {
    height:33.333333333333336vw;
    box-shadow:0.1111111111111111vw 0.5555555555555556vw 1.1111111111111112vw 0.1111111111111111vw #CACACA;
}
.homenews-wrap {
    width:27.77777777777778vw;
    height:33.333333333333336vw;
    padding:1.6666666666666667vw;
}
.homenews-wrap .h2title {
    width:24.444444444444443vw;
    height:2vw;
}
.homenews-wrap .h2title .text {
    width:5.555555555555555vw;
    height:2vw;
    border-radius:0.2777777777777778vw;
    line-height:2vw;
    font-size:1vw;
}
.homenews-wrap .h2title .text span {
    width:1.3888888888888888vw;
    height:1.3888888888888888vw;
    top:-0.5555555555555556vw;
    left:-0.6666666666666666vw;
    border-radius:1.6666666666666667vw;
    font-size:1vw;
}
.homenews-wrap .h2title .more {
    width:5.555555555555555vw;
    height:2vw;
    line-height:2vw;
}
.homenews-list li {
    width:24.444444444444443vw;
    height:5.833333333333333vw;
    margin-top:0.8333333333333334vw;
    margin-bottom:0.4444444444444444vw;
    padding:0.5555555555555556vw;
}
.homenews-list li .title-wrap {
    height:1.7777777777777777vw;
}
.homenews-list li .desc {
    height:2.5vw;
    line-height:1.3333333333333333vw;
    margin-top:0.2777777777777778vw;
}
.homenews-list li .title {
    width:16.666666666666668vw;
    height:1.7777777777777777vw;
    font-size:1vw;
    line-height:1.7777777777777777vw;
}
.homenews-list li .time {
    width:4.722222222222222vw;
    height:1.7777777777777777vw;
    line-height:1.7777777777777777vw;
}


}

/*Mobile v1*/
@media only screen and (max-width:767px){
.zs-homebanner {
    height: 200px;
}
.zs-homebanner .swiper-button-prev, .zs-homebanner .swiper-button-next {
    width: 26px;
    height: 26px;
    margin-top: -10px;
}
.zs-homebanner .swiper-button-next:after, .zs-homebanner .swiper-button-prev:after {
    color: #FFFFFF;
    font-size: 12px;
}
.zs-homebanner .swiper-button-next {
    right: 10px;
}
.zs-homebanner .swiper-button-prev {
    left: 10px;
}
.zs-homebanner .swiper-pagination {
    bottom: 10px;
}
.zs-homebanner .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    margin: 0 5px;
}
.zs-home-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.zs-home-title .title {
    font-size: 22px;
}
.zs-home-title .tab {
    display: flex;
    flex-direction: row;
    padding-top: 5px;
    width: auto;
    justify-content: flex-end;
}
.zs-home-title .tab li {
    display: none;
    margin-left: 0;
    font-size: 14px;
    line-height: 32px;
    position: relative;
    cursor: pointer;
    text-align: center;
    width: 25%;
}
.zs-home-title .tab li.more{
    display: block;
    width: auto;
}
.zs-home-title .tab li.on:after, .zs-home-title .tab li:hover:after {
    width: 60%;
    margin-left: 0;
}
.zs-home-title .tab li:after {
    position: absolute;
    display: block;
    content: "";
    left: 20%;
    bottom: 0;
    width: 0;
    height: 2px;
    border-radius: 1.5px;
    background-color: #dc0a00;
    transition: all 0.35s;
}
.zs-home-product {
    padding: 30px 0 30px 0;
    background-color: #f6f6f6;
}
.homeproduct-list {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.homeproduct-list li {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 55px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-right: 0;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.08);
}
.homeproduct-list li .pic {
    padding: 20px 20px;
    height: auto;
}
.homeproduct-list li .title {
    height: 35px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}
.homeproduct-list li .box_product_arrow {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
}
.homeproduct-list .box_product_arrow .iconfont {
    display: none;
}
.zs-home-case {
    padding: 30px 0 30px 0;
}
.homecase-list li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
}
.homecase-list li .pic {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.zs-home-news {
    display: block;
    padding: 30px 0 40px 0;
}
.homenews-wrap {
    width: 100%;
    height: auto;
    padding: 20px;
}
.homenews-wrap.bg{
  background-color: #FFFFFF;
}
.zs-homenews-box {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    box-shadow: 2px 10px 20px 2px #CACACA;
}
.homenews-list li {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 5px 0;
}
.homenews-list li .title-wrap {
    width: 100%;
    height: auto;
    float: none;
    display: flex;
    justify-content: space-between;
}
.homenews-list li .time {
    flex: 0 0 92px;
    width: 92px;
    height: 32px;
    float: none;
    text-align: right;
    line-height: 32px;
    color: #999999;
    overflow: hidden;
}
.homenews-list li .title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    width: 0;
    height: 32px;
    float: none;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.homenews-list li .desc {
    width: 100%;
    height: 45px;
    float: left;
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    color: #777777;
}
.zs-home-about {
    display: block;
    padding: 30px 0 0px 0;
    background: #FFFFFF url(../img/img-home-about.png) no-repeat right top / auto 300px;
    padding-top: 330px;
    height: auto;
    margin-bottom: 65px;
}
.zs-home-about .title-h1 {
    font-size: 26px;
}
.zs-home-about .wid {
    width: 100%;
    max-width: 100%;
}
.zs-home-about .des {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.6;
    color: #000000;
}
.zs-home-about .cont {
    margin-bottom: 35px;
    font-size: 14px;
    line-height: 1.8;
    color: #6a6c72;
}
.zs-home-about .more-box-a .btn {
    padding: 0 25px;
    font-size: 15px;
    line-height: 42px;
}
.zs-home-about .more-box-a .btn::after {
    top: 20px;
}
.zs-home-about .flex-block .li {
    position: relative;
    width: 50%;
    padding: 20px 2%;
    transform: translateY(0);
    transition: all 0.3s;
}
.zs-home-about .flex-block .txt {
    margin-top: 15px;
    font-size: 13px;
    line-height: 22px;
    color: #6a6c72;
}
.zs-home-about .flex-block {
    transform: translateY(30%);
    padding: 20px 0;
}
.zs-home-solution {
    padding: 70px 0 30px 0;
}
.homesolution-list li {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 10px;
    margin-right: 0;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.05);
}
.homesolution-list li .title {
    display: block;
    height: auto;
    padding: 10px 25px 5px 25px;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}

}