@charset "utf-8";

.wrap-focus {padding: 80px 0;}
.wrap-focus .row {display: flex;}
.wrap-focus .title {position: relative; left: -100px; flex-shrink: 0; width: 305px; opacity: 0;}
.wrap-focus .subject em {display: block; font-family: pps; font-size: 20px; line-height: 1; color: #0079fa;}
.wrap-focus .subject strong {display: block; margin-top: 12px; font-family: pp; font-size: 42px; line-height: 1.1; color: #000;}
.wrap-focus .subject p {display: none; padding-top: 14px; font-family: nr; font-size: 16px; color: #666666;}
.wrap-focus .control {display: flex; padding-top: 76px;}
.wrap-focus .control button {display: block; width: 70px; height: 70px; text-indent: -99999px; border-radius: 100%;}
.wrap-focus .control .prev {background: #fff url('../images/btn-focus-prev.png') no-repeat left center; transition: .35s;}
.wrap-focus .control .prev:hover {background-position: right center;}
.wrap-focus .control .next {margin-left: 5px; background: #fff url('../images/btn-focus-next.png') no-repeat right center; transition: .35s;}
.wrap-focus .control .next:hover {background-position: left center;}
.wrap-focus .list {position: relative; left: -100px; overflow: hidden; flex-grow: 1; width: calc(100% - 305px); opacity: 0;}
.wrap-focus .slider li a {display: flex;}
.wrap-focus .slider li .box {display: flex;}
.wrap-focus .slider .desc {overflow: hidden; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 30px; background: #fff; border-radius: 10px 0 0 10px;}
.wrap-focus .slider .desc strong {overflow: hidden; display: -webkit-box; font-family: ppm; font-size: 20px; color: #000000; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4;}
.wrap-focus .slider .desc strong br {display: none;}
.wrap-focus .slider .thumb {flex-shrink: 0; width: 280px; background: #fff; border-radius: 0 10px 10px 0;}
.wrap-focus .slider .thumb .img {overflow: hidden; display: flex; max-height: 230px; border-radius: 10px;}
.wrap-focus .slider .thumb .img img {object-fit: cover;}
.wrap-focus .slider .more {position: relative; display: flex; align-items: center; font-family: pps; font-size: 15px; color: #1174ff;}
.wrap-focus .slider .more::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-focus .slider a:hover .more::after {transform: rotate(270deg);}
.wrap-focus .slider .more::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #1174ff;}
.wrap-focus .slider .swiper-slide {padding: 1px;}

@media screen and (max-width: 1450px) {
  .wrap-focus .subject strong {font-size: 35px;}
  .wrap-focus .subject p {font-size: 15px;}
  .wrap-focus .control {padding-top: 39px;}
  .wrap-focus .control button {width: 60px; height: 60px; background-size: cover !important;}
  .wrap-focus .slider .thumb {width: 240px;}
  .wrap-focus .slider .thumb .img {max-height: 197px;}
  .wrap-focus .slider .desc strong {font-size: 18px;}
}

@media screen and (max-width: 1270px) {
  .wrap-focus .title {width: 215px;}
  .wrap-focus .subject p {display: none;}
  .wrap-focus .slider .thumb {width: 210px;}
  .wrap-focus .slider .thumb .img {max-height: 172px;}
}

@media screen and (max-width: 1100px) {
  .wrap-focus {padding: 50px 0;}
  .wrap-focus .title {width: 175px;}
  .wrap-focus .subject strong {margin-top: 11px; font-size: 28px;}
  .wrap-focus .control {padding-top: 37px;}
  .wrap-focus .control button {width: 50px; height: 50px;}
  .wrap-focus .slider .thumb {width: 185px;}
  .wrap-focus .slider .thumb .img {max-height: 151px;}
  .wrap-focus .slider .desc {padding: 20px;}
  .wrap-focus .slider .desc strong {font-size: 14px;}
  .wrap-focus .slider .more {font-size: 12px;}
}

@media screen and (max-width: 920px) {
  .wrap-focus .row {flex-wrap: wrap;}
  .wrap-focus .title {display: flex; justify-content: space-between; align-items: center; width: 100%;}
  .wrap-focus .list {width: 100%; padding-top: 20px;}
  .wrap-focus .control {padding-top: 0;}
}

@media screen and (max-width: 800px) {
  .wrap-focus .subject strong {font-size: 25px;}
  .wrap-focus .slider .thumb {width: 140px;}
  .wrap-focus .slider .thumb .img {max-height: 115px;}
}

@media screen and (max-width: 650px) {
  .wrap-focus {padding: 32px 0 44px 0;}
  .wrap-focus .subject em {font-size: 14px;}
  .wrap-focus .subject strong {margin-top: 4px; font-size: 26px;}
  .wrap-focus .slider .thumb {width: 190px;}
  .wrap-focus .slider .thumb .img {max-height: 188px;}
  .wrap-focus .slider .desc {padding: 25px;}
  .wrap-focus .slider .desc strong {font-size: 18px;}
  .wrap-focus .slider .more {font-size: 15px;}
}