@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: 100% 95%; 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 img {width: 100%; border-radius: 10px;}

@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;}
}

@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: 50px 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: 1000px;}
  .wrap-y-news2 .info {min-height: auto; padding-right: 0;}
  .wrap-y-news2 .desc {width: 100%;}
  .wrap-y-news2 .control {margin: 30px 0 30px 0;}
}

@media screen and (max-width: 650px) {
  .wrap-y-news2 {padding: 40px 0;}
  .wrap-y-news2 .text strong {font-size: 25px;}
  .wrap-y-news2 .text p {font-size: 18px;}
  .wrap-y-news2 .tab .cate {font-size: 18px;}
  .wrap-y-news2 .more a {font-size: 17px;}
  .wrap-y-news2 .control button {width: 60px;height: 60px;}
  .wrap-y-news2 .control .prev {background-position: left -7px center;}
  .wrap-y-news2 .control .next {background-position: right -5px center;}
  .wrap-y-news2 .control .prev:hover {background-position: left -77px center;}
  .wrap-y-news2 .control .next:hover {background-position: right -75px center;}
}