/*
Theme Name: 亨果
Theme URI: 
Version: 1.0 版本号
Author: 畔游科技
Description: 畔游科技主营业务：网站/小程序定制开发，网站SEO推广，问答营销，软文营销
Author URI: www.shpanyou.com
Tags: 
*/
@charset "utf-8";
* {margin: 0;padding: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fl {float: left;}
.fr {float: right;}
.po-center {position: absolute;left: 50%;transform: translateX(-50%);}


@keyframes shakes
{0%{transform: translateY(10px);}50%{transform: translateY(15px);}100%{transform: translateY(10px);}}

@-moz-keyframes shakes /* Firefox */
{0%{transform: translateY(10px);}50%{transform: translateY(15px);}100%{transform: translateY(10px);}}

@-webkit-keyframes shakes /* Safari 和 Chrome */
{0%{transform: translateY(10px);}50%{transform: translateY(15px);}100%{transform: translateY(10px);}}

@-o-keyframes shakes /* Opera */
{0%{transform: translateY(10px);}50%{transform: translateY(15px);}100%{transform: translateY(10px);}}
/* banner  */

.zd-banner .banner-arr {position: absolute;bottom: 80px;z-index: 999;left: 50%;transform: translateX(-50%);cursor: pointer;}
.zd-banner .banner-arr img {-webkit-animation: shakes 1s infinite;animation: shakes 1s infinite;-moz-animation: shakes 1s infinite;-o-animation: shakes 1s infinite;max-width: 100%;}
.zd-banner .swiper-slide img {width: 100%;}
.zd-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 20px;}
.zd-banner .swiper-pagination-bullet {width: 40px;height: 5px;background-color: #538ebd;border-radius: 0;margin: 0 10px;}
.zd-banner .swiper-pagination-bullet-active {background-color: #fff;}
@media(max-width: 960px) {
    .zd-banner .banner-arr img {display: none;}
}
@media(max-width: 768px) {
    .zd-banner .swiper-pagination-bullet {display: none;}
}

/* common */
.common {text-align: center;padding: 30px 0;}
.common .common-tit{font-size: 30px;color: #333;}
.common .common-tit strong{font-size: 30px;color: #31c27c;font-style: normal;font-weight: normal;}
.common .common-desc{font-size: 18px;color: #999999;margin: 10px 0;}
a.morebtn { color: #ffffff; font-size: 16px; display: block; margin: 50px auto 0; padding: 10px 20px; width: 140px; text-align: center; background: linear-gradient(to right top,#64afe8,#47c692); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
a.workbtn {color: #ffffff;font-size: 16px;display: block;margin: 40px auto 0;padding: 10px 20px;width: 140px;text-align: center;
    /*background: linear-gradient(to right top,#ff9b45,#f75b5e);
    */background: linear-gradient(to right top,#64afe8,#47c692);border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;
}
.common-descr {font-size: 16px;color: #999999;}

@media(max-width: 960px) {
    a.morebtn{margin: 30px auto;margin-bottom: 0;}
    .common {padding: 15px 0;}
    .common .common-tit,.common .common-tit strong {font-size: 24px;}
    .common .common-desc {font-size: 16px;}    
}


.product-thum .index-probg {position: absolute;background: url(./images/index-probg.png);width: 100%;height: 360px;bottom: 0;background-size: 100%;background-position: bottom center;    background-repeat: no-repeat;}

/* products */
.zd-product {position: relative;overflow: hidden;}
.zd-product .swiper-slide {height: 535px;}
.product-thum {width: 55%;overflow: hidden;position: relative;}
.product-thum img{ max-width: 100%; height: 535px; text-align: center; position: relative; z-index: 9; left: 50%; transform: translateX(-50%); bottom: 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.product-con {width: 45%;background-color: #f0f7fd;padding: 50px 30px 0 50px;height: 100%;}
.product-con .product-t {font-size: 60px;color: #31c27c;}
.product-con .products-name {margin-bottom: 15px;}
.product-con .products-name a {font-size: 24px;color: #31c27c;}
/* .product-con ul {} */
.product-con ul li {margin-bottom: 30px;}
.product-con ul li .product-po{font-size: 16px;color: #333333;font-weight: 550;margin-bottom: 10px;}
.product-con ul li .product-pt{font-size: 14px;color: #333333;line-height: 1.8;text-align: justify;letter-spacing: 0.5px;}
.product-btn {position: relative;z-index: 9999;bottom: 40px;}
.product-btn .swiper-button-next {z-index: 99999;background-image: none;background-color: #31c27c;width: 45px;height: 45px;border-radius: 50%;line-height: 45px;outline: none;}
.product-btn .swiper-button-prev {z-index: 99999;background-image: none;background-color: #31c27c;width: 45px;height: 45px;border-radius: 50%;line-height: 45px;transform: rotate(180deg);outline: none;}
.product-btn .swiper-button-next i {color: #fff;}
.product-btn .swiper-button-prev i {color: #fff;}
.product-btn {position: absolute;z-index: 9999999;bottom: 15px;width: 22%;text-align: center;line-height: 45px;height: 45px;display: inline-block;right: 4%;}
.product-btn i {font-size: 20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;background-color: #fff;}
.product-btn .swiper-button-next .swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;background-color: #fff;}
.product-btn .swiper-button-next .swiper-button-disabled, .swiper-button-prev.swiper-button-disabled i {color: #333;}
.swiper-button-next.swiper-button-disabled i, .swiper-button-prev.swiper-button-disabled i {color: #333;}

.product-btn .swiper-button-prev:hover,.product-btn .swiper-button-next:hover {background-color: #fff;}
.product-btn .swiper-button-prev:hover i,.product-btn .swiper-button-next:hover i {color: #333;}
@media(max-width: 1140px) {
    .product-btn {width: 13%;left: 41%;}
}

@media(max-width: 960px) {
    .product-con {padding: 50px 30px 0 30px;}
    .zd-product .swiper-slide {height: 490px;}
    .product-btn {width: 15%;left: 45%;transform: translateX(-45%);}
}

@media(max-width: 860px) {
    .product-thum {width: 100%;}
    .product-con {width: 100%;}
    .zd-product .swiper-slide {height: auto;}
    .product-thum img {height: auto;bottom: 0;max-height: 480px;}
    .product-btn {width: 100%;left: 50%;transform: translateX(-50%);top: auto;bottom: 20px;display: none;}
    .product-con {padding: 20px 20px 0;height: auto;}
    .product-con .product-t {display: none;}
    .product-con ul li {margin-bottom: 15px;}
    .word-bg {display: none;}
}


/* plan  */
.zd-plan {background-color: #f0f7fd;padding-bottom: 1px;}
.plan-list>li {float: left;width: 32%;}
.plan-list>li:nth-of-type(2) {margin: 0 2%;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;height: 640px;}
/* .plan-list>li:nth-of-type(2) a:first-of-type {display: none;} */
.plan-list>li:last-of-type {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.plan-list>li:last-of-type img {height: 305px;}
.plan-list>li:nth-of-type(2) img {height: 112px;}
.plan-list>li:last-of-type .index-zx {background-color: #31c27c;padding-top: 8%;text-align: center;margin-top: 18px;}
.plan-list>li:last-of-type a.index-zx i {font-size: 80px;color: #fff;}
.plan-list>li:last-of-type a.index-zx .lx-tel {font-size: 16px;color: #fff;margin: 6px 0 20px;}
.plan-list>li:last-of-type a.index-zx .lx-tel span {font-size: 20px;font-style: italic;color: #fff;}
.zx-btn {display: block;width: 40%;margin: 0 auto 12%;border: 1px solid #fff;color: #ffffff;font-size: 18px;padding: 6px 0;text-align: center;border-radius: 20px;}
.plan-list>li:last-of-type a.index-zx:hover .zx-btn {color: #31c27c;background-color: #fff;}
.plan-list>li .plan-thum {overflow: hidden;}
.plan-list>li img {width: 100%;}
.plan-list>li:first-of-type img {height: 553px;}
.plan-list>li:last-of-type .plan-thum img {height: 305px;}


.plan-box {background-color: #fff;padding: 15px 10px;position: relative;}
.plan-box .plan-con .plan-name {font-size: 18px;color: #333333;margin-bottom: 12px;}
.plan-box .plan-con .plan-desc {font-size: 16px;color: #999999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.plan-box i {display: inline-block;font-size: 20px;color: #333;margin-top: 20px;margin-right: 15px;}
.plan-list>li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.plan-list>li a:hover .plan-name {color: #31c27c;}
.plan-list>li a:hover i {color: #31c27c;margin-right: 0;}

@media(max-width: 1120px) {
    .plan-box i {margin-top: 0;margin-right: 0;}
    .right-arr {position: absolute;right: 15px;}
    .plan-list>li:nth-of-type(2) {height: 640px;}
    .plan-list>li:last-of-type {height: 640px;}
}
@media(max-width: 1010px) {
    .plan-list>li:nth-of-type(2) {height: auto;overflow: hidden;}
    .plan-list>li:last-of-type {height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .plan-list>li:last-of-type .index-zx {padding-top: 2%;}
    .plan-list>li:first-of-type img {height: 510px;}
    .plan-box .plan-con .plan-desc {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
}
@media(max-width: 980px) {
    .plan-list>li {width: 100%;}
    .plan-list>li img {max-width: 100%;}
    /* .plan-list>li:nth-of-type(1) {display: none;} */
    .plan-list>li:nth-of-type(1) {width: 100%;}
    .plan-list>li:last-of-type a:first-of-type {display: none;}
    .plan-list>li:nth-of-type(2) {margin: 0;}
    .plan-list>li:nth-of-type(2) a img {height:200px;}
}


/* work */
.zd-work {overflow: hidden;position: relative;padding: 70px 0 100px;}
.img-out {background-color: #fff;width: 600px;height: 600px;border: 2px solid #75b2f9;margin: 50px auto;position: relative;border-radius: 50%;}
.zd-work .center-img { width: 460px; height: 460px; background-color: #f0f7fd; text-align: center; line-height: 460px; border-radius: 50%; border: 2px solid #75b2f9; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.zd-work .center-img img {max-width: 100%;}
.img-circle {text-align: center;color: #fff;position: absolute;display: inline-block;}

.box-out {position: absolute;top: 0;left: 0;width: 100%;height: 600px;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 16s linear infinite;-moz-animation: rotate 16s linear infinite;-o-animation: rotate 16s linear infinite;animation: rotate 16s linear infinite;}
.box-box {position: absolute;top: 0;left: 0;width: 100%;height: 460px;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 20s linear infinite;-moz-animation: rotate 20s linear infinite;-o-animation: rotate 20s linear infinite;animation: rotate 20s linear infinite;}

.img-circled {text-align: center;color: #fff;position: absolute;display: inline-block;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotated 16s linear infinite;-moz-animation: rotated 16s linear infinite;-o-animation: rotated 16s linear infinite;animation: rotated 16s linear infinite;}

.img-circle {text-align: center;color: #fff;position: absolute;display: inline-block;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotated 20s linear infinite;-moz-animation: rotated 20s linear infinite;-o-animation: rotated 20s linear infinite;animation: rotated 20s linear infinite;}
.img-out:hover .box-out {animation-play-state: paused;}
.img-out:hover .img-circled {animation-play-state: paused;}
.img-out:hover .box-box {animation-play-state: paused;}
.img-out:hover  .img-circle {animation-play-state: paused;}
.box-box .red-minbox {width: 82px;height: 82px;background: url(./images/red-minbox.png) no-repeat;line-height: 22px;font-size: 16px;left: 56px;padding: 4%;}
.box-box .green-box {width: 82px;height: 82px;background: url(./images/green-box.png) no-repeat;line-height: 22px;font-size: 16px;bottom: -27px;padding: 4%;}
.box-box .orange-box {width: 108px;height: 108px;background: url(./images/orange-box.png) no-repeat;line-height: 24px;font-size: 20px;left: -52px;top: 177px;padding: 7% 7%;}
.box-box .blue-box {width: 108px;height: 108px;background: url(./images/blue-box.png) no-repeat;line-height: 23px;font-size: 20px;right: 40px;padding: 7% 7%;}

.box-out .blue-box {width: 108px;height: 108px;background: url(./images/blue-box.png) no-repeat;line-height: 23px;font-size: 20px;left: 0;padding: 5%;top: 75px;}
.box-out .green-box {width: 82px;height: 82px;background: url(./images/green-box.png) no-repeat;line-height: 19px;font-size: 16px;top: 0;right: 93px;padding: 4%;}
.box-out .orange-box {width: 108px;height: 108px;background: url(./images/orange-box.png) no-repeat;line-height: 27px;font-size: 20px;right: -56px;top: 213px;padding: 5%;}
.box-out .red-box {width: 108px;height: 108px;background: url(./images/red-box.png) no-repeat;line-height: 25px;font-size: 20px;padding: 5%;bottom: 28px;right: 40px;}
.box-out .blue-minbox {width: 82px;height: 82px;background: url(./images/blue-minbox.png) no-repeat;line-height: 23px;font-size: 16px;padding: 3%;left: 135px;bottom: -9px;}
.box-out .green-minbox {width: 82px;height: 82px;background: url(./images/green-minbox.png) no-repeat;line-height: 23px;font-size: 16px;padding: 3%;left: -18px;bottom: 151px;} 

@-webkit-keyframes rotate{
    from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{
    from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{
    from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


@-webkit-keyframes rotated{
    from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotated{
    from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotated{
    from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotated{
    from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}
.work-con {text-align: center;font-size: 24px;color: #333333;}


@media(max-width: 1600px) {
    .zd-work .common {padding-bottom: 15px;}
    .img-out {margin: 0 auto;transform: scale(0.9);}
    .work-con {margin-top: 0;}
    .zd-work a.workbtn {margin: 10px auto 0;}
}

.index-work-list li {width: 20%;text-align: center;float: left;margin-bottom: 46px;padding: 24px 0;margin-top: 40px;}
.index-work-list li a {display: block;}
.index-work-list li:nth-of-type(n+6) {margin-bottom: 70px;margin-top: 0;}
.index-work-list li i { display: inline-block; font-size: 35px; border-width: 1px; border-style: solid; margin-bottom: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;width: 60px;height: 60px;line-height: 60px;}
.index-work-list li p {font-size: 18px;color: #333333;margin-bottom: 5px;}
.index-work-list li span {display: block;font-size: 12px;color: #333333;text-transform: uppercase;}
.index-work-list li:hover { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);box-shadow: 1px 1px 11px rgba(100, 100, 100, 0.2);}


.index-work-list li:nth-of-type(1) i,.index-work-list li:nth-of-type(4) i,.index-work-list li:nth-of-type(7) i,.index-work-list li:nth-of-type(10) i {color: #31c27c;border-color: #31c27c;}
.index-work-list li:nth-of-type(1) i,.index-work-list li:nth-of-type(3) i {font-size: 30px;}
.index-work-list li:nth-of-type(4) i {font-size: 40px;}
.index-work-list li:nth-of-type(1):hover i,.index-work-list li:nth-of-type(4):hover i,.index-work-list li:nth-of-type(7):hover i,.index-work-list li:nth-of-type(10):hover i {background-color: #31c27c;color: #fff;}

.index-work-list li:nth-of-type(2) i,.index-work-list li:nth-of-type(8) i {color: #ff9b45;border-color: #ff9b45;}
.index-work-list li:nth-of-type(2):hover i,.index-work-list li:nth-of-type(8):hover i {background-color: #ff9b45;color: #fff;}

.index-work-list li:nth-of-type(3) i,.index-work-list li:nth-of-type(9) i {color: #5ba3f8;border-color: #5ba3f8;}
.index-work-list li:nth-of-type(3):hover i,.index-work-list li:nth-of-type(9):hover i {background-color: #5ba3f8;color: #fff;}

.index-work-list li:nth-of-type(5) i,.index-work-list li:nth-of-type(6) i {color: #f75b5e;border-color: #f75b5e;font-size: 30px;}
.index-work-list li:nth-of-type(5):hover i,.index-work-list li:nth-of-type(6):hover i {background-color: #f75b5e;color: #fff;}


@media(max-width: 978px) {
    .zd-work {padding: 50px 0 0;}
    .index-work-list li {width: 25%;margin-bottom: 30px;margin-top: 0;}
    .index-work-list li:nth-of-type(n+5),.index-work-list li:nth-of-type(n+6) {margin-bottom: 30px;margin-top: 0;}
    .zd-work a.workbtn {margin: 40px auto 40px;}
}

@media(max-width: 978px) {
    ul.index-work-list {display: flex;flex-wrap: wrap;}
    .index-work-list li {width: 33.3333%;}
    .work-con {font-size: 18px;}
}
@media(max-width: 620px) {
    .index-work-list li {width: 50%;margin-bottom: 0;}
    .index-work-list li:nth-of-type(n+5), .index-work-list li:nth-of-type(n+6) {margin-bottom: 0;}
    .zd-work a.workbtn {margin: 20px auto 20px;}
    .work-con {margin-top: 20px;}
}
/* about */
.zd-about {height: 600px;background: url(./images/about-bg.png) no-repeat;}
.zd-about .common-tit {color: #fff;}
.zd-about .common-desc {font-size: 18px;color: #fff;}
.num-list {display: flex;justify-content: space-evenly;overflow: hidden;}
.num-list li .about-num {font-size: 60px;color: #ffffff;font-weight: bolder;}
/* .num-list li .about-num .abou-plus{} */
.num-list li .about-name {font-size: 24px;color: #ffffff;text-align: center;}
.about-con {color: #fff;font-size: 18px;line-height: 2;margin: 50px 0 60px;text-align: center;}
.about-content {width: 78%;padding: 0 15px;}
.zd-about a.morebtn {background: none;border: 1px solid #fff;margin: 50px auto 40px;}
.about-list {padding: 35px 3%;background-color: #fff;box-shadow: 0px 2px 5px 0px #ccc;}
.about-list li {overflow: hidden;float: left;text-align: center;width: 20%}
.about-list li .about-icon { border-radius: 50%; text-align: center; margin-top: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.about-list li i {color: #fff;font-size: 25px;padding: 12px;border-radius: 50%;}
.about-list li:nth-of-type(1) i {background-color: #31c27c;}
.about-list li:nth-of-type(2) i {background-color: #ff9b45;}
.about-list li:nth-of-type(3) i {background-color: #5ba3f8;}
.about-list li:nth-of-type(4) i {background-color: #31c27c;}
.about-list li:nth-of-type(5) i {background-color: #f75b5e;}

.about-list li .about-item {font-size: 22px;color: #333333;text-align: left;}
.about-list li .about-meta {font-size: 14px;color: #999999;line-height: 1.8;text-align: justify;}

@media(max-width: 1235px) {
    .about-content {width: 70%;padding: 0 11px;}
    .about-list li .about-meta {font-size: 14px;color: #999999;line-height: 1.5;}
}


@media(max-width: 960px) {
    .about-list {display: none;}
    .zd-about {padding: 30px 0;height: auto;}
    .about-con {font-size: 16px;margin: 40px 0 40px;text-align: center;}
    .num-list li .about-num {font-size: 26px;margin-bottom: 5px;}
    .num-list li .about-name {font-size: 20px;}
    .zd-about a.morebtn {margin: 40px auto 0;}
}


/* news */
.zd-news {margin: 85px 0 0;}
.news-swiper {width: 47%;margin-right: 3%;}
.zd-news .news-right {width: 50%;}
.news-swiper a img {width: 100%;position: relative;height: 415px;}
.news-swiper a .swiper-tit {position: absolute;bottom: 0;width: 100%;padding: 15px 10px;background-color: rgba(0,0,0,0.5) ;color: #ffffff;font-size: 16px;}
.news-swiper a .swiper-tit p {white-space: nowrap;width: 87%;overflow: hidden;text-overflow: ellipsis;}
.zd-news .news-swiper .swiper-pagination {width: 14%;right: 0;left: auto;bottom: 18px;}
.zd-news .news-swiper .swiper-pagination-bullet {background: #fff;opacity: 1;}
.zd-news .news-swiper .swiper-pagination-bullet-active {background: #31c27c;}
.arr-icon {display: inline-block;width: 18px;height: 12px;background: url(./images/news-arr.png) no-repeat;}
.news-right{position: relative; float: right; width: 50%; padding-left: 2%;border-left: 1px solid #eee;}
.news-right::before{ position: absolute; left: -1px; bottom: 50%; content: ''; transform: translateY(50%); width: 2px; height: 50%; background-color: var(--mColor); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); }
.news-right h3 {margin: 15px 0 0;line-height: 28px;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-right h3 span {color: #777;font-size: 14px;}
.news-right p {height: 48px;line-height: 24px;color: #777;overflow: hidden;font-size: 14px;margin: 6px 0;}
.news-right ul li a{display: block; border-bottom: 1px solid #eee; padding-bottom: 13px;}
.news-right a>span {font-size: 18px;color: #777;}
.news-right ul li a:hover{border-color:var(--mColor) ;}
.news-right ul li a:hover .arr-icon {background: url(./images/news-arr-active.png) no-repeat;}
.news-right ul li a:hover h3 {color:var(--mColor);}
.news-right ul li a:hover >span{color:var(--mColor);}

@media (max-width:1200px) {
	.x-news-info h3 span{display: none;}
	.news-right ul li a{padding-bottom: 12px;}
}
@media (max-width:920px) {
    .zd-news {margin: 0;}
    
}
@media (max-width:768px) {
    .zd-news {margin: 0;padding-bottom: 0;}
    .news-swiper {width: 100%;}
	.news-right::before{display: none;}
	.zd-news .news-right{padding: 0; padding-top: 15px;width: 100%; border: none;}
    .zd-news .news-swiper a img {height: 350px;}
    .zd-news .news-right p {font-size: 14px;margin-bottom: 10px;}
}