@charset "UTF-8";

.wrap-y-news2 {position: relative; background: #f5f9fc; padding: 100px 0 80px 0;}
.wrap-y-news2 .area {position: static; display: flex;}
.wrap-y-news2 .desc {position: relative; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: calc(50% - 120px)}

.wrap-y-news2 .tab {display: flex; margin-bottom: 20px; align-items: center;}
.wrap-y-news2 .tab li {margin-right: 10px;}
.wrap-y-news2 .tab .cate {display: inline-flex; justify-content: center; align-items: center; height: 44px; padding: 0 20px; background: #fff; border: 2px solid #05367b; border-radius: 100px; font-family: ppm; font-size: 19px; color: #05367b;}
.wrap-y-news2 .tab .on .cate,
.wrap-y-news2 .tab .cate:hover {background: #05367b; color: #fff;}
.wrap-y-news2 .text strong {overflow: hidden; display: -webkit-box; margin-bottom: 30px; font-family: pps; font-size: 30px; color: #000000; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap-y-news2 .text strong span {background: linear-gradient(to bottom, transparent 95%, rgba(0,0,0,0.6) 0) left center no-repeat; background-size: 0; transition: 1s;}
.wrap-y-news2 .text a:hover strong span {background-size: 0; transition: 1s;}
.wrap-y-news2 .text p {font-family: ppr; font-size: 18px; color: #666666;}
.wrap-y-news2 .info {position: relative; right: -100px; display: flex; flex-direction: column; justify-content: space-between; min-height: 325px; padding-right: 100px; opacity: 0;}
.wrap-y-news2 .control {display: flex; justify-content: space-between; align-items: center;}
.wrap-y-news2 .control button {width: 70px; height: 70px; text-indent: -99999px; border-radius: 100%;}
.wrap-y-news2 .control button:hover {box-shadow: 0 0 15px rgba(17, 116, 255, .1);}
.wrap-y-news2 .control .prev {margin-right: 10px; background: #fff url('../images/btn-news-prev.png') no-repeat left center; transition: .35s;}
.wrap-y-news2 .control .prev:hover {background-position: right center;}
.wrap-y-news2 .control .next {background: #fff url('../images/btn-news-next.png') no-repeat right center; transition: .35s;}
.wrap-y-news2 .control .next:hover {background-position: left center;}
.wrap-y-news2 .more a {position: relative; display: flex; align-items: center; font-family: pps; font-size: 18px; letter-spacing: 0; color: #1174ff;}
.wrap-y-news2 .more a::after {content: ''; display: block; width: 8px; height: 8px; margin-left: 7px; background: url('../images/btn-news-more.png') no-repeat center; transition: transform .35s;}
.wrap-y-news2 .more a:hover::after {transform: rotate(270deg);}
.wrap-y-news2 .more a::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #1174ff;}
.wrap-y-news2 .list {overflow: hidden; position: absolute; left: 120%; top: 0px; width: 1500px; opacity: 0;}

.wrap-y-news2 .list .slider {width: 100%;}
.wrap-y-news2 .list .swiper-slide {height: 320px !important;}
.wrap-y-news2 .list img {width: 100%; height: 100%;border-radius: 10px;object-fit: cover;object-position: center;}


@media screen and (min-width: 751px) {
  .wrap-y-news2 .list .swiper-slide {transform: scale(0.85);transition: transform .25s;}
  .wrap-y-news2 .list .swiper-slide-active {transform: scale(1);}
  .wrap-y-news2 .list .swiper-slide::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0000009e;border-radius: 10px;opacity: 1;transition: opacity .25s;}
  .wrap-y-news2 .list .swiper-slide-active::before {opacity: 0;pointer-events: none;}
  .wrap-y-news2 .list .swiper-slide-active ~ li {pointer-events: none;}

  .wrap-y-news2 .list .slider.no-transition .swiper-slide,
.wrap-y-news2 .list .slider.no-transition .swiper-wrapper{
  transition: none !important;
}
}

@media screen and (max-width: 1450px) {
  .wrap-y-news2 .info {padding-right: 50px;}
  .wrap-y-news2 .text strong {font-size: 25px;}
  .wrap-y-news2 .text p {font-size: 16px;}
  .wrap-y-news2 .tab .cate {font-size: 16px;}
  .wrap-y-news2 .more a {font-size: 15px;}
}

@media screen and (max-width: 1100px) {
  .wrap-y-news2 .desc {width: calc(60% - 120px);}
  .wrap-y-news2 .info {min-height: 295px; padding-right: 20px;}
  .wrap-y-news2 .list {width: 1400px;}
  .wrap-y-news2 .text strong {font-size: 20px;}
  .wrap-y-news2 .tab .cate {padding: 0 10px; font-size: 15px;}
}

@media screen and (max-width: 750px) {
  .wrap-y-news2 {padding: 30px 0 80px 0;}
  .wrap-y-news2 .text strong {margin-bottom: 20px; -webkit-line-clamp: 1;}
  .wrap-y-news2 .text p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
  .wrap-y-news2 .list {position: static; width: 100%;}
  
  .wrap-y-news2 .desc {width: 100%;overflow: hidden;}
  .wrap-y-news2 .control {margin: 30px 0 30px 0;}

  .wrap-y-news2 .tab  {flex-wrap: wrap;gap: 10px;}
  .wrap-y-news2 .tab > li {width: 48%;;margin: 25px 0 0;}
  .wrap-y-news2 .tab > li:nth-child(n+3)  {margin-top: 0;}
  .wrap-y-news2 .tab .cate {width: 100%;font-size: 19px;}

  .wrap-y-news2 .info {position: static;z-index: 2;height: auto; margin-top: 0;min-height: auto;border-radius: 0 0 10px 10px;margin-bottom: 25px;}
  .wrap-y-news2 .info .slider { position: absolute;left: 0;bottom: 0;width: 100%;border-radius: 0 0 10px 10px;}
  .wrap-y-news2 .info .slider::before {content: '';position: absolute;left: 0;bottom:0;width: 100%;height: 120px;background: rgba(31,44,71,.8);border-radius: 0 0 10px 10px;}
  .wrap-y-news2 .info strong {position: absolute;left: 0;bottom: 55px;margin-bottom: 10px;padding: 0 30px;}
  .wrap-y-news2 .info strong span {font-family: 'ppr';font-size: 22px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  .wrap-y-news2 .info p {position: absolute;bottom: 25px;left: 0;padding: 0 30px;font-family: 'ppr';color: #d4d4d4;font-size: 17px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;pointer-events: none;}
  .wrap-y-news2 .info .swiper-slide {margin-top: 0;}
  .wrap-y-news2 .info .swiper-slide a {display: block;height: 58.8vw;padding: 0;}
  .wrap-y-news2 .list .swiper-slide  {position: static; width: 100%; height: 58.8vw !important;border-radius: 10px;overflow: hidden;}
  .wrap-y-news2 .control {margin: 0px 0 10px;}
  .wrap-y-news2 .control .buttons { position: absolute;bottom: 26%;display: flex;justify-content: space-between;width: 100%;z-index: 100;pointer-events: none;}
  .wrap-y-news2 .control .prev {margin-right: 0;transform: translateX(-35px);background-position: left 12px center;pointer-events: auto;}
  .wrap-y-news2 .control .next {transform: translateX(35px);background-position: right 16px center;pointer-events: auto;}
  .wrap-y-news2 .control .prev:hover {background-position: left -59px center;}
  .wrap-y-news2 .control .next:hover {background-position: right -54px center;}
  .wrap-y-news2 .control .more {margin-left: auto;}
}

@media screen and (max-width: 650px) {
  .wrap-y-news2 .tab .cate {height: 40px;font-size: 18px;} 

  .wrap-y-news2 .title {padding-top: 40px;}
  .wrap-y-news2 .title p {font-size: 18px;}
  .wrap-y-news2 .info {margin-bottom: 0;}
  .wrap-y-news2 .info p {font-size: 18px;}
  .wrap-y-news2 .info strong {bottom: 46px;font-size: 20px;padding: 0 15px;}
  .wrap-y-news2 .more a {font-size: 17px;}
  .wrap-y-news2 .info strong span {font-size: 20px;}
  .wrap-y-news2 .info p {left: 0;font-size: 16px;padding: 0 15px;}
  .wrap-y-news2 .info .slider::before {height: 110px;}  
    
  .wrap-y-news2 .list {height: 330px;} 
  .wrap-y-news2 .list .swiper-slide {height: 330px !important;}
  .wrap-y-news2 .info .swiper-slide a  {height: 330px;}

  .wrap-y-news2 .control {margin: 0 0 30px;}
  .wrap-y-news2 .control .buttons {bottom: auto;top: 64%;}
  .wrap-y-news2 .control button {width: 50px;height: 50px;}
  .wrap-y-news2 .control .prev {margin-right: 0;transform: translateX(-30px);background-position: left 17px center;background-size: 78px;}
  .wrap-y-news2 .control .next {transform: translateX(30px);background-position: right 20px center;background-size: 78px;}
  .wrap-y-news2 .control .prev:hover {background-position: left -22px center;}
  .wrap-y-news2 .control .next:hover {background-position: right -20px center;}
}