.enjoy-box{padding:128px 0}
.enjoy-box h3{font-size:36px;color:#2b2b2b;line-height:1.5em;text-align:center;margin-bottom:50px}
.enjoy-swiper{background-color:#fff;box-shadow:5px 0 25px rgba(51,51,51,.1);position:relative;overflow:hidden;margin-bottom:60px}
.slide-pic{float:left;width:47%;height:360px;overflow:hidden;display:block}
.slide-pic img{width:100%;height:100%;object-fit:cover;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.slide-text{float:right;width:53%;padding:45px 42px 0}
.slide-text .tit{display:block;font-size:36px;color:#2b2b2b;line-height:46px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:14px}
.enjoy-area{margin-bottom:20px}
.enjoy-area span{font-size:14px;display:inline-block;color:#999;line-height:24px;padding-left:20px}
.enjoy-area span.author{background:url(../images/zz-icon.png) no-repeat left center;margin-right:60px}
.enjoy-area span.date{background:url(../images/date-icon.png) no-repeat left center}
.slide-text p{font-size:14px;color:#666;line-height:26px;height:104px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding-right:88px}
.slide-text .tit:hover{color:#c80000}
.enjoy-swiper .swiper-pagination{width:108px;position:absolute;left:50%;bottom:46px;margin-left:-8px}
.enjoy-swiper .swiper-pagination-bullet{width:16px;border-radius:4px}
.enjoy-swiper .swiper-pagination-bullet-active{width:40px;background:#d0121b}
.enjoy-swiper .swiper-slide:hover .slide-pic img{-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);}
.enjoy-list{margin-left:-2%}
.enjoy-list li{float:left;width:31.3%;margin-left:2%;background:#fbfbfb;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:36px;padding:42px 36px 48px;position:relative}
.enjoy-list li::before{content:'';width:0;height:5px;background-color:#004ea2;position:absolute;left:0;top:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.enjoy-list li .tit{display:block;font-size:24px;color:#333;line-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:72px;margin-bottom:12px}
.enjoy-list li .enjoy-area{margin-bottom:20px}
.enjoy-list li .enjoy-area span.author{margin-right:50px}
.enjoy-list li p{font-size:14px;color:#666;line-height:24px;height:72px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:32px}
.enjoy-list li .more-a{display:inline-block;width:110px;background-color:#81a7d0;height:36px;line-height:36px;text-align:center;font-size:16px;color:#fff}
.enjoy-list li:hover{background:url(../images/wxxs-bg.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:8px 0 30px rgba(51,51,51,.15)}
.enjoy-list li:hover::before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);width:100%}
.enjoy-list li:hover .tit{color:#004ea2;font-weight:700}
.enjoy-list li:hover .more-a{background-color:#d0121b}
@media only screen and (max-width:1439px){
.slide-text p{padding-right:0}
.enjoy-list li .enjoy-area span.author{margin-right:10px}
}
@media only screen and (max-width:1279px){
.enjoy-box{padding:120px 0 80px}
.slide-text{padding:25px 20px 0}
.slide-text .tit{font-size:20px;line-height:30px}
.enjoy-swiper .swiper-pagination{bottom:10px}
.slide-pic{height:270px}
.enjoy-list li{padding:20px}
.enjoy-list li .tit{font-size:20px;line-height:30px;height:60px}
.enjoy-area span{font-size:12px}
.enjoy-list li{width:48%}
}
@media only screen and (max-width:959px){
.enjoy-box{padding:60px 0 40px}
}
@media only screen and (max-width:767px){
.enjoy-box h3{font-size:28px}
.enjoy-list li .tit{font-size:18px}
.enjoy-area span.author{margin-right:5px}
.enjoy-area{margin-bottom:6px}
.enjoy-list li .enjoy-area{margin-bottom:10px}
}
@media only screen and (max-width:479px){
.slide-pic{width:100%;height:auto}
.slide-pic img{height:auto}
.slide-text{width:100%;padding:15px 20px 25px}
.enjoy-swiper .swiper-pagination{width:100%;left:0}
.enjoy-list{margin-left:0}
.enjoy-list li{width:100%;margin-left:0}
}