@charset "utf-8";
/* :root{--mColor:#658c39;} */
:root{--mColor:#126acb;}
.zd-swiper {position: relative;}
.zd-swiper img {width: 100%;}
.zd-swiper .swiper-pagination-bullet {position: relative;width: 4px;height: 4px;border-radius: 50%;background: #ffffff;transition: all .6s;opacity: 1;}
.zd-swiper .swiper-pagination-bullet::after {content: '';position: absolute;display: block;width: 1px;height: 1px;border: 2px solid transparent;top: 50%;left: 50%;border-radius: 50%;opacity: 0;visibility: hidden;transform: translate(-50%,-50%);} 
.zd-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 25px;}
.zd-swiper .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}
.zd-swiper .swiper-pagination-bullet-active {background-color: #ffffff;}
.zd-swiper .swiper-pagination-bullet-active::after,.zd-swiper .swiper-pagination-bullet:hover::after {width: 20px;height: 20px;opacity: 1;visibility: visible;border: 2px solid #ffffff;}
.zd-swiper .swiper-button-next,.zd-swiper .swiper-button-prev {width: 11px;height: 20px;margin-top: 0;background-size: 11px 20px;}

.zd-swiper .swiper-button-next {background-image: url(./images/banner-arrowR.png);right: 20px;left: auto;}
.zd-swiper .swiper-button-prev {background-image: url(./images/banner-arrowL.png);left: 20px;right: auto;}

@media (max-width:920px) {
    .zd-swiper .swiper-button-next,.zd-swiper .swiper-button-prev,
    .zd-swiper .swiper-container-horizontal>.swiper-pagination-bullets {display: none;}
}

.common-box {text-align: center;}
.common-box h3 {font-size: 32px;color: #333333;margin-bottom: 8px;}
.common-box p {font-size: 16px;color: #666666;}



@media (max-width: 500px) {
    .common-box h3 {font-size: 22px;margin-bottom: 4px;}
    .common-box p {font-size: 14px;}
}

@media (max-width: 414px) {
    .common-box h3 {font-size: 20px;}
}




.zd-ser {background: url(./images/ser-bg.jpg);padding: 80px 0 60px;}
.zd-ser ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px 40px 0;}
.zd-ser ul li {margin-bottom: 30px;padding: 40px 22px 35px 20px;background-color: #ffffff;width: 31.6%;border: 1px solid #ffffff;border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.zd-ser ul li:hover {border-color: var(--mColor);}
.zd-ser ul li .ser-box {display: flex;align-items: center;}
.zd-ser ul li .ser-box .ser-con {margin-left: 14px;display: flex;flex-direction: column;}
.zd-ser ul li .ser-box .ser-con h4 {font-size: 18px;color: #333333;margin-bottom: 8px;}
.zd-ser ul li .ser-box .ser-con h4 sup {display: inline-block;line-height: normal;padding: 2px 4px;font-size: 11px;color: #e60012;border: 1px solid #e60012;border-radius: 19px 12px 17px 0;margin-left: 4px;}
.zd-ser ul li .ser-box .ser-con p {font-size: 14px;color: #999999;}
.zd-ser ul li a {position: relative;display: inline-block;margin-top: 32px;padding: 8px 30px 8px 14px;border: 1px solid var(--mColor);font-size: 14px;color: var(--mColor);background-color: #ffffff;}
.zd-ser ul li a::after {content: '';position: absolute;width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid var(--mColor);border-bottom: 4px solid transparent;top: 42%;right: 17px;transition: none;}
.zd-ser ul li:hover a {background-color: var(--mColor);color: #ffffff;}
.zd-ser ul li:hover a::after {border-top: 4px solid transparent;border-left: 8px solid #ffffff;border-bottom: 4px solid transparent;}


@media (max-width: 1285px) {
    .zd-ser ul {margin: 40px 0 0;}
    .zd-ser ul li {padding: 35px 15px 25px 15px;}
}

@media (max-width: 1080px) {
    .zd-ser ul li {text-align: center;}
    .zd-ser ul li .ser-box {flex-direction: column;}
    .zd-ser ul li .ser-box .ser-con {margin-left: 0;margin-top: 15px;}
    .zd-ser ul li .ser-box .ser-con h4 {font-size: 15px;}
}

@media (max-width: 870px) {
    .zd-ser ul li {width: 49%;padding: 22px 15px 25px 15px;}
    .zd-ser ul li .ser-box .ser-con h4 {margin-bottom: 4px;font-size: 14px;}
    .zd-ser ul li a {margin-top: 16px;padding: 5px 20px 5px 11px;font-size: 12px;}
    .zd-ser ul li:hover a::after {border-top: 4px solid transparent;border-left: 6px solid #ffffff;border-bottom: 4px solid transparent;}
    .zd-ser ul li a::after {border-top: 4px solid transparent;border-left: 6px solid var(--mColor);border-bottom: 4px solid transparent;top: 38%;right: 10px;}
    .zd-ser ul li .ser-box .ser-con p {font-size: 12px;}
}

@media (max-width: 560px) {
    .zd-ser {padding: 35px 0 20px;}
    .zd-ser ul {margin: 25px 0 0;}
    .zd-ser ul li {position: relative;}
    .zd-ser ul li .ser-box img {position: absolute;}
    .zd-ser ul li .ser-box .ser-con {margin-top: 56px;}
    .zd-ser ul li .ser-box .ser-con h4 sup {display: none;}
    .zd-ser ul li .ser-box .ser-con p {min-height: 32px;}
}


@media (max-width: 414px) {
    .zd-ser ul li .ser-box .ser-con h4 {min-height: 38px;}
}

.zd-zizhi {background: url(./images/zizhi-bg.jpg) no-repeat;padding: 80px 0 40px;}
.zd-zizhi .common-box h3,
.zd-zizhi .common-box p {color: #ffffff;}
.zizhi-box {margin: 0 40px;color: #ffffff;}
.zizhi-box .slideTxtBox {display: flex;justify-content: space-between;margin-top: 55px;padding-top: 10px;}

.zizhi-box .slideTxtBox .hd ul li {padding: 12px 26px;border-radius: 5px;font-size: 18px;text-align: center;cursor: pointer;margin-bottom: 10px;height: auto !important;}
.zizhi-box .slideTxtBox .hd ul li.on {font-weight: bold;background-color: var(--mColor);}
.zizhi-box .slideTxtBox .bd {flex: 1;position: relative;}
.zizhi-box .slideTxtBox .bd>ul {padding: 10px 0 0 48px;margin-left: 30px;border-left: 3px solid #4e5561;width: 100% !important;}

.zizhi-box .slideTxtBox .bd .zz-top {display: flex;justify-content: space-between;margin-bottom: 50px;}
.zizhi-box .slideTxtBox .bd .zz-top h4 {font-size: 24px;display: flex;align-items: center;}
.zizhi-box .slideTxtBox .bd .zz-top h4 sup {display: inline-block;font-size: 16px;margin-left: 15px;top: 0;}
.zizhi-box .slideTxtBox .bd .zz-top a {position: relative;display: inline-block;padding: 7px 32px 7px 14px;border: 1px solid #ffffff;font-size: 14px;color: #ffffff;background-color: transparent;}
.zizhi-box .slideTxtBox .bd .zz-top a::after {content: '';position: absolute;width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid #ffffff;border-bottom: 4px solid transparent;top: 37%;right: 15px;transition: none;}
.zizhi-box .bd ul.zz-list {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 0;}
.zizhi-box .bd ul.zz-list li {position: relative;width: 20%;padding: 30px 0 80px;border-radius: 10px;overflow: hidden;text-align: center;margin-bottom: 20px;}
.zizhi-box .bd ul.zz-list li:hover {background-color: rgba(255,255,255,.22);}
.zizhi-box .bd ul.zz-list li p {position: absolute;width: 100%;bottom: 30px;left: 50%;transform: translateX(-50%);font-size: 14px;color: #ffffff;min-height: 38px;}
/*.zizhi-box .bd {height: 540px !important;}/* 用!important强制设置即可 */


@media (max-width: 1230px) {
    .zizhi-box {margin: 0;}
    .zizhi-box .slideTxtBox .bd>ul {padding: 10px 0 0 15px;margin-left: 20px;}
}
@media (max-width: 1000px) {
    .zizhi-box .slideTxtBox .bd>ul {padding: 10px 0 0 25px;margin-left: 25px;}
}

@media (max-width: 920px) {
    .zd-zizhi {padding: 40px 0 60px;}
    .zizhi-box .slideTxtBox {flex-direction: column;padding-top: 0;margin-top: 25px;}
    .zizhi-box .slideTxtBox .hd ul {display: flex;justify-content: center;}
    .zizhi-box .slideTxtBox .hd ul li{padding: 8px 18px;border-radius: 5px;font-size: 15px;}
    .zizhi-box .slideTxtBox .bd {flex: auto;}
    .zizhi-box .slideTxtBox .bd>ul {padding: 0;margin-left: 0;border-left-width: 0;}
    .zizhi-box .bd ul.zz-list {padding-bottom: 0;}
    .zizhi-box .bd ul.zz-list li {margin-bottom: 0;padding: 20px 0 40px;}
    .zizhi-box .slideTxtBox .bd .zz-top {margin: 20px 0;align-items: center;}
    .zizhi-box .slideTxtBox .bd .zz-top h4 {font-size: 20px;}
    .zizhi-box .slideTxtBox .bd .zz-top h4 sup {display: block;margin-left: 0;font-size: 14px;}
    .zizhi-box .bd ul.zz-list li img {transform: scale(0.6);}
    .zizhi-box .bd ul.zz-list li p {bottom: 0;}
}

@media (max-width: 680px) {
    .zizhi-box .slideTxtBox .bd .zz-top h4 {font-size: 18px;flex-direction: column;align-items: flex-start;}
    .zizhi-box .slideTxtBox .bd .zz-top h4 sup {font-size: 12px;display: block;margin-top: 8px;}
    .zizhi-box .slideTxtBox .bd .zz-top a {padding: 6px 20px 6px 12px;font-size: 12px;}
    .zizhi-box .slideTxtBox .bd .zz-top a::after {right: 6px;}
    .zizhi-box .bd ul.zz-list {justify-content: flex-start;}
    .zizhi-box .bd ul.zz-list li {width: 33.333%;}
}
@media (max-width: 375px) {
    .zizhi-box .slideTxtBox .hd ul li {padding: 8px 10px;font-size: 13px;}
    .zizhi-box .bd ul.zz-list li p {font-size: 12px;}
    .zizhi-box .bd ul.zz-list li img {transform: scale(0.5);}
}


.zd-range {padding: 50px 0 100px;}
.zd-range ul {display: flex;justify-content: space-between;margin: 40px 40px 0;flex-wrap: wrap;}
.zd-range ul li {width: 19%;padding: 36px 14px 40px;border: 1px solid #e5e5e5;text-align: center;}
.zd-range ul li:hover {border-color: var(--mColor);}
.zd-range ul li h4 {font-size: 24px;color: #333333;margin: 25px 0 20px;}
.zd-range ul li p {font-size: 14px;color: #999999;min-height: 38px;}
.zd-range ul li a {font-size: 14px;position: relative;display: inline-block;padding: 7px 32px 7px 14px;border: 1px solid var(--mColor);color: var(--mColor);background-color: #ffffff;border-radius: 20px;margin-top: 30px;}
.zd-range ul li a::after {content: '';position: absolute;width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid var(--mColor);border-bottom: 4px solid transparent;top: 37%;right: 15px;transition: none;}
.zd-range ul li:hover a {color: #ffffff;background-color: var(--mColor);}
.zd-range ul li:hover a::after {border-top: 4px solid transparent;border-left: 8px solid #ffffff;border-bottom: 4px solid transparent;top: 37%;right: 15px;}

@media (max-width: 1230px) {
    .zd-range ul {margin: 40px 0 0 ;}
}

@media (max-width: 920px) {
    .zd-range {padding: 40px 0 20px;}
    .zd-range ul li {width: 32%;margin-bottom: 30px;padding: 30px 14px 25px;}
    .zd-range ul li img {width: 50px;}
    .zd-range ul li h4 {font-size: 18px;margin: 12px 0 10px;}
    .zd-range ul li p {min-height: 38px;}
    .zd-range ul li a {margin-top: 16px;}
}

@media (max-width: 500px) {
    .zd-range ul li {width: 49%;margin-bottom: 10px;}
    .zd-range ul li h4 {font-size: 16px;}
    .zd-range ul li p {font-size: 12px;}
    .zd-range ul li a {font-size: 12px;padding: 7px 24px 7px 14px;}
    .zd-range ul li a::after {right: 12px;}
}


.zd-adv {background-color: #fbfbfb;padding: 60px 0 75px;}
.zd-adv .adv-box {margin: 0 40px;display: flex;justify-content: space-between;}
.zd-adv .common-box {text-align: left;margin-top: 22px;}
.zd-adv .adv-box .fl {position: relative;z-index: 1;width: 50%;}
.zd-adv .adv-box .fl::before {content: '';position: absolute;width: 170px;height: 620px;background-color: var(--mColor);left: -60px;bottom: -12px;z-index: -1;}
.zd-adv .adv-box ul li img {margin-right: 10px;}
.zd-adv .adv-box .fl img {width: 88%;margin-top: 12px;}


.zd-adv .adv-box ul {margin-top: 30px;}
.zd-adv .adv-box ul li {margin-bottom: 30px;}
.zd-adv .adv-box ul li h4 {font-size: 18px;margin-bottom: 12px;font-weight: bold;}
.zd-adv .adv-box ul li p {font-size: 14px;color: #999999;}


@media (max-width: 1330px) {
    .zd-adv .adv-box {margin: 0;}
    .zd-adv .adv-box .fl {width: 32%;margin-top: 5%;margin-left: 3%;}
    .zd-adv .adv-box .fl::before {left: -7%;bottom: 21%;height: 70%;}
    .zd-adv .adv-box .fr {flex: 1;}
}

@media (max-width: 1230px) {
    .zd-adv {padding: 20px 0 25px;}
    .zd-adv .adv-box .fl {display: none;}
}

@media (max-width: 920px) {
    .zd-adv .adv-box ul {margin-top: 20px;}
    .zd-adv .adv-box ul li {margin-bottom: 15px;}
    .zd-adv .adv-box ul li h4 {font-size: 16px;margin-bottom: 6px;}
}
@media (max-width: 500px) {
    .zd-adv {padding-top: 0;}
}

@keyframes scale {
	from {transform: translate(-50%,-50%) scale(0.8);opacity: 0;visibility: hidden;}
    to {transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
}


.zd-process {background: url(./images/process-bg.jpg);padding: 65px 0;}
.zd-process .common-box h3,
.zd-process .common-box p {color: #ffffff;}
.zd-process ul {margin: 54px 40px;display: flex;justify-content: space-between;text-align: center;}
.zd-process ul li {position: relative;display: flex;align-items: center;}
.zd-process ul li .process-ico {position: relative;width: 84px;line-height: 66px;border: 9px solid #1e83f2;background-color: #126acb;border-radius: 50%;z-index: 1;text-align: center;}
.zd-process ul li .process-ico em {position: absolute;font-style: normal;font-size: 14px;color: #ffffff;background-color: #ff9c00;border-radius: 50%;width: 20px;line-height: 20px;left: -6px;display: none;}
.zd-process ul li .process-ico::after {content: '';position: absolute;width: 100px;height: 100px;z-index: -1;background-color: rgba(255,255,255,.21);border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);animation-fill-mode:forwards;}


.zd-process ul li p {position: absolute;color: #ffffff;font-size: 18px;bottom: -45px;left: 50%;transform: translateX(-50%);width: 100%;text-align: center;}

.zx-btn {display: flex;width: 430px;height: 50px;line-height: 50px;justify-content: center;align-items: center;margin: 100px auto 0;text-align: center;border-radius: 30px;overflow: hidden;border: 2px solid var(--mColor);}
.zx-btn .tel {height: 49px;font-size: 16px;color: #333333;background-color: #ffffff;flex: 1;}
.zx-btn .tel b {color: #ff9c00;font-weight: bold;}
.zx-btn a {display: inline-block;font-size: 16px;color: #ffffff;background-color: var(--mColor);width: 138px;}
.zx-btn a:hover {color: #ffffff;}
@media (max-width: 1230px) {
    .zd-process {background-size: contain;}
    .zd-process ul {margin: 54px 0 0;flex-wrap: wrap;}
    .zd-process ul li {width: 20%;margin-bottom: 65px;justify-content: center;}
    .zd-process ul li:nth-of-type(even) {width: auto;}
    .zd-process ul li:nth-of-type(8) {display: none;}


    .zx-btn {margin: 20px auto 0;}
    .zd-process {padding: 40px 0 35px;}
}

@media (max-width: 600px) {
    .zd-process ul {margin: 25px 0 0;}
    .zd-process ul li {margin-bottom: 30px;}
    .zd-process ul li .process-ico {transform: scale(0.7);}
    .zd-process ul li p {font-size: 15px;bottom: -22px;}


    .zx-btn {width: 84%;}
    .zx-btn .tel {font-size: 14px;}
    .zx-btn a {font-size: 14px;width: 32%;}
    /* .zx-btn {width: 380px;height: 40px;line-height: 40px;margin: 20px auto 0;}
    .zx-btn .tel {font-size: 16px;height: 38px;} */

}


@media (max-width: 480px) {
    .zd-process ul li {width: 26%;}
    .zd-process ul li:nth-of-type(6),.zd-process ul li:nth-of-type(12) {display: none;} 
    .zd-process ul li:nth-of-type(8) {display: flex;} 
}


.zd-about {background: #ffffff url(./images/about-bg.jpg) no-repeat right bottom;padding: 100px 0;}
.zd-about .about-box {margin: 0 40px;display: flex;justify-content: space-between;}
.zd-about .about-left {position: relative;flex: 1;}
.zd-about .about-left .left-img {position: relative;z-index: 1;}
.zd-about .about-left .left-img::before,.zd-about .about-left .left-img::after {content: '';position: absolute;width: 420px;height: 190px;background: url(./images/dots.png);z-index: -1;}
.zd-about .about-left .left-img::before {top: -40px;left: -40px;}
.zd-about .about-left .left-img::after {bottom: -40px;right: -40px;}
.zd-about .about-left ul {position: absolute;top: 50px;right: 0;transform: translateX(50%);z-index: 2;}
.zd-about .about-left ul li {background-color: #ffffff;text-align: center;margin-bottom: 10px;padding: 20px 30px;min-width: 146px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.zd-about .about-left ul li .cu {color: var(--mColor);margin-bottom: 4px;}
.zd-about .about-left ul li .cu span {font-size: 36px;}
.zd-about .about-left ul li .cu em {font-style: normal;font-size: 30px;color: var(--mColor);}
.zd-about .about-left ul li p {font-size: 14px;color: #666666;}

.zd-about .about-right {margin-left: 10%;margin-top: 50px;}
.zd-about .about-right h2 {position: relative;font-size: 30px;z-index: 1;padding-bottom: 22px;margin-bottom: 35px;}
.zd-about .about-right h2 span {position: absolute;font-size: 68px;color: #f9f9f9;font-weight: bold;text-transform: uppercase;left: 0;bottom: 5px;z-index: -1;}
.zd-about .about-right h2::after {content: '';position: absolute;bottom: 0;left: 0;background-color: var(--mColor);width: 50px;height: 2px;}
.zd-about .about-right p {font-size: 14px;color: #666666;line-height: 28px;}
.zd-about .about-right a {position: relative;display: inline-block;margin-top: 80px;padding: 8px 34px 8px 18px;border: 1px solid var(--mColor);font-size: 14px;color: var(--mColor);background-color: #ffffff;}
.zd-about .about-right a::after {content: '';position: absolute;width: 0;height: 0;border-top: 4px solid transparent;border-left: 8px solid var(--mColor);border-bottom: 4px solid transparent;top: 42%;right: 17px;transition: none;}

@media (max-width: 1230px) {
    .zd-about .about-box {margin: 0;}
}

@media (max-width: 1000px) {
    .zd-about {padding: 20px 0 40px;}
    .zd-about .about-left {display: none;}
    .zd-about .about-right {margin-left: 0;}
    .zd-about .about-right a {margin-top: 40px;}
}

@media (max-width: 680px) {
    .zd-about .about-right h2 {font-size: 24px;margin-bottom: 14px;}
    .zd-about .about-right h2 span {font-size: 45px;}
    .zd-about .about-right h2 span {bottom: 10px;}
}

@media (max-width: 420px) {
    .zd-about {padding: 0;}
    .zd-about .about-right h2 {font-size: 22px;}
    .zd-about .about-right h2 span {font-size: 35px;bottom: 14px;}
}

.zd-news {background-color: #fbfbfb;padding: 80px 0 90px;}
.zd-news .news-body ul.news-tab {display: flex;justify-content: center;align-items: center;margin: 36px 0 60px;}
.zd-news .news-body ul.news-tab li {position: relative;font-size: 16px;color: #999999;border: 1px solid #cdcdcd;padding: 8px 27px;margin: 0 10px;cursor: pointer;z-index: 1;}

.zd-news .news-body ul.news-tab li:hover,.zd-news .news-body ul.news-tab li.on {color: #ffffff;}
.zd-news .news-body ul.news-tab li:hover::before, .zd-news .news-body ul.news-tab li.on::before {left: 0;width: 100%;right: auto;}
.zd-news .news-body ul.news-tab li::before {content: " ";position: absolute;background: var(--mColor);top: 0;left: auto;right: 0;bottom: 0;height: 100%;width: 0;z-index: -1;-webkit-transition: all .4s ease-out 0s;-moz-transition: all .4s ease-out 0s;-ms-transition: all .4s ease-out 0s;-o-transition: all .4s ease-out 0s;transition: all .4s ease-out 0s;}

.zd-news .news-box {margin: 0 40px;}
.zd-news .news-item {display: none;justify-content: space-between;}
.zd-news .news-item .news-left {width: 39%;}
.zd-news .news-item .news-left a {display: block;overflow: hidden;}
.zd-news .news-item .news-left a img {width: 100%;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.zd-news .news-item .news-left:hover a img {transform: scale(1.1);}
.zd-news .news-item h3 a {margin-bottom: 4px;padding-bottom: 15px;border-bottom: 1px solid rgba(255, 255, 255, .5);font-size: 18px;}
.zd-news .news-item p {line-height: 30px;padding: 0 14px 0 7px;min-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.zd-news .news-item .news-left .news-btm {display: flex;justify-content: space-between;padding: 40px 24px 14px; background-color: var(--mColor);color: #ffffff;}
.zd-news .news-item .news-time span {display: block;}
.zd-news .news-item .news-left .news-btm .news-time {text-align: center;}
.zd-news .news-item .news-left .news-btm .time-day {font-weight: bold;font-size: 40px;}
.zd-news .news-item .news-left .news-btm .time-date {font-size: 14px;}
.zd-news .news-item .news-left .news-btm .news-con {width: 76%;}
.zd-news .news-item .news-left .news-btm h3 a {position: relative;color: #ffffff;z-index: 1;}
.zd-news .news-item .news-left .news-btm h3 a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: #ffffff;transition: all .2s ease-out;}
.zd-news .news-item .news-left .news-btm h3 a:hover::after {width: 100%;}

.zd-news .news-item .news-right {width: 56%;}
.zd-news .news-item .news-right ul {}
.zd-news .news-item .news-right ul li {display: flex;justify-content: space-between;margin-bottom: 25px;}
.zd-news .news-item .news-right ul li .news-time {background-color: #dad9d7;color: #ffffff;text-align: center;width: 86px;height: 86px;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .3s ease-out 0s;}
.zd-news .news-item .news-right ul li .news-time .time-day {font-size: 30px;}
.zd-news .news-item .news-right ul li .news-time .time-date {font-size: 14px;}
.zd-news .news-item .news-right ul li:hover .news-time {background-color: var(--mColor);}
.zd-news .news-item .news-right ul li h3 a {font-size: 18px;color: #4c4c4c;padding-bottom: 0;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zd-news .news-item .news-right ul li:hover h3 a {color: var(--mColor);}
.zd-news .news-item .news-right ul li p {line-height: 25px;min-height: 50px;}
.zd-news .news-item .news-right ul li .new-con {width: 85%;margin-top: 6px;}
.zd-news .news-item .news-right a.cat-btn {display: block;color: #ffffff;font-size: 16px;background-color: #cfcece;text-align: center;padding: 20px 0;transition: all .3s ease-out 0s;}
.zd-news .news-item .news-right a.cat-btn img {margin-left: 12px;}
.zd-news .news-item .news-right a.cat-btn:hover {background-color: var(--mColor);}
/* .zd-news .news-item .news-right a.cat-btn:hover img {margin-left: 14px;} */


@media (max-width: 1285px) {
    .zd-news {padding: 40px 0 50px;}
    .zd-news .news-box {margin: 0;}
}

@media (max-width: 1200px) {
    .zd-news .news-item {align-items: center;}
    .zd-news .news-item .news-right ul li {margin-bottom: 21px;}
}

@media (max-width: 1120px) {
    .zd-news .news-item .news-left .news-btm .news-con {width: 81%;}
    .zd-news .news-item .news-right ul li .new-con {width: 82%;}    
}

@media (max-width: 1060px) {
    .zd-news .news-item .news-left .news-btm .news-con {width: 100%;}
    .zd-news .news-item .news-left .news-btm .news-time {display: none;}

    .zd-news .news-item .news-right {width: 58%;}
    .zd-news .news-item .news-right ul li .news-time .time-day {font-size: 22px;}
}

@media (max-width: 960px) {
    .zd-news .news-body ul.news-tab li {font-size: 15px;padding: 8px 14px;margin: 0 5px;}
    .zd-news .news-item .news-left,.zd-news .news-item .news-right {width: 100%;}
    .zd-news .news-item {flex-wrap: wrap;}

    .zd-news .news-item h3 a {font-size: 16px;margin-bottom: 6px;padding-bottom: 8px;}
    .zd-news .news-item .news-right ul li h3 a {font-size: 16px;}
    .zd-news .news-item p {line-height: 24px;min-height: 48px;padding: 0;}


    .zd-news .news-item .news-right ul li .new-con {margin-top: 0;width: 78%;}
    .zd-news .news-item .news-right ul li .news-time {width: 70px;height: 70px;}
    .zd-news .news-item .news-right ul li .news-time .time-day {font-size: 20px;}
    .zd-news .news-item .news-right ul li .news-time .time-date {font-size: 12px;}
    .zd-news .news-item .news-right ul li p {margin-top: 10px;font-size: 12px;line-height: 20px;min-height: 40px;}
    .zd-news .news-item .news-right ul li h3 a {margin-bottom: 0;}
    .zd-news .news-body ul.news-tab {margin: 16px 0 25px;}
    .zd-news .news-item .news-left {margin-bottom: 30px;}
    .zd-news .news-item .news-left a img {height: 300px;object-fit: cover;}
    .zd-news .news-item .news-left .news-btm {padding: 16px 10px 14px;}

    .zd-news .news-item .news-right a.cat-btn {font-size: 14px;padding: 12px 0;}
    .zd-news .news-item .news-right a.cat-btn img {width: 18px;margin-left: 4px;}
}

.zd-path {padding: 70px 0 60px;}
.zd-path ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px 40px 0;}
.zd-path ul li {background-color: #ffffff;width: 19%;margin-bottom: 20px;text-align: center;border: 1px solid #eeeeee;display: flex;align-items: center;justify-content: center;padding: 18px 0;cursor: pointer;}
.zd-path ul li img {pointer-events: none;}
.zd-path ul li:hover img {transform: translateY(-5px);}

@media (max-width:1200px) {
    .zd-path ul {margin: 30px 0;}
    .zd-path ul li {padding: 8px 0;}
}

@media (max-width:960px) {
    .zd-path {display: none;}
}