@charset "UTF-8";

/*[S]News*/
.wrap-news {position: relative;padding: 165px 0; background: #f7f7f7; min-height:780px; display: flex; align-items: center;}
.wrap-news > .inner {position: relative;width: 100%;;max-width: 1780px;margin: 0 auto;}
.wrap-news  .top .title {display: none;}
.wrap-news .deco {position: absolute; right: 0px; top: -110px; font-family: 'cr'; font-size: 110px; line-height: 1; color: #001f54;}
.wrap-news .box {position: relative;width: 100%; max-height: 0; transition: none;background: #001f54; overflow: hidden;}
.wrap-news .swiper-container {display: none;}
.wrap-news .swiper-container.on {display: block;}
.wrap-news .swiper-slide {display: flex;padding: 40px 415px 40px 40px;}
.wrap-news .thumb {width: 600px;height: 360px;margin-right: 60px;flex-shrink: 0;}
.wrap-news .thumb a {display: block;width: 100%;height: 100%;}
.wrap-news .thumb .img {width: 100%;height: 100%;}
.wrap-news .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.wrap-news .desc {position: relative;padding-top: 40px;}
.wrap-news .desc > a:focus::before {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid red}
.wrap-news .desc strong {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 25px;font-size: 38px;color: #fff;font-family: 'cb';line-height: 1.2;}
.wrap-news .desc p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 28px;color: #fff;font-family: 'cr';}

.wrap-news .circle { position: absolute;right: -65px;top: -52px;z-index: 10;}
.wrap-news .circle span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.wrap-news .circle a {display: block;height: 100%;}
.wrap-news .circle a > img {animation: rotateCircle 20s linear infinite;}

.wrap-news .swiper-pagination {left: auto !important;bottom: 0 !important;right: 0 !important;width: auto !important;font-family: 'cs';color: #fff;opacity: .1;line-height: 0.6 !important;z-index: 1 !important;}
.wrap-news .swiper-pagination .current {font-size: 150px;} 
.wrap-news .swiper-pagination .total {font-size: 60px;}
.wrap-news .swiper-pagination .slash {margin-left: 10px;font-size: 60px;}
.wrap-news .control {position: relative;display: flex;justify-content: space-between;align-items: center;position: absolute;right: 275px;bottom: 40px;position: absolute;width: 155px;height: 23px;z-index: 1;}
.wrap-news .control::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1px;;height: 28px;background: #ebedf2;}
.wrap-news .control > button {position: relative !important;height: 40px !important;width: 23px !important;transition: .25s !important;text-indent: -9999px;background-repeat: no-repeat;background-size: contain;background-position: center;}
.wrap-news .control .prev {left: 0 !important;background-image: url('../images/news_arrow_prev.png') !important;}
.wrap-news .control .next {left: 0 !important;background-image: url('../images/news_arrow_next.png') !important;}
.wrap-news .control .prev:hover {background-image: url('../images/news_arrow_prev_on.png') !important;}
.wrap-news .control .next:hover {background-image: url('../images/news_arrow_next_on.png') !important;}
@keyframes rotateCircle {
  0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}

@media(max-width: 1770px) {
  .wrap-news .deco {right: 20px;}
  .wrap-news .thumb {width: 460px;}
}

@media(max-width: 1600px) {
}

@media screen and (max-width:1400px) {
  .wrap-news .desc strong {margin-bottom: 15px;font-size: 35px;}
  .wrap-news .desc strong br {display: none;}
  .wrap-news .desc p br {display: none;}
  .wrap-news .thumb {margin-right: 40px;}
  .wrap-news .swiper-slide {padding: 40px 100px 90px 40px;}
  .wrap-news .circle a > img {width: 80%;}
  .wrap-news .circle {right: -99px;top: -60px;}
  .wrap-news .circle span {width: 18%;transform: translate(-111%, -50%);}
  .wrap-news .swiper-pagination .current {font-size: 125px;}
  .wrap-news .swiper-pagination .total {font-size: 50px;}
  .wrap-news .control {width: 112px;right: 240px;bottom: 32px;} 
  .wrap-news .control > button {width: 32px !important;height: 32px !important;}
  .wrap-news .control::before {height: 26px;}
  .wrap-news .circle a > img {width: 72%;}
}

@media(max-width: 1024px) {
  .wrap-news .deco {top: -100px; font-size: 90px;}
  .wrap-news .swiper-slide {flex-direction: column;}
  .wrap-news .thumb {margin: 0;min-width: auto;max-width: 550px;margin-bottom: 0;flex-shrink: 1;}
  .wrap-news .swiper-pagination .current {font-size: 110px;}
  .wrap-news .swiper-pagination .total {font-size: 50px;}
  .wrap-news .control {width: 135px;bottom: 25px; right: 240px;}
  .wrap-news .control > button {background-size: contain !important;width: 35px !important;height: 35px !important;}
  .wrap-news .circle span {width: 16%;transform: translate(-128%, -36%);}
}

@media (max-width: 768px) {
  .wrap-news {padding: 80px 0;}
  .wrap-news .deco {top: -70px; font-size: 70px;}
  .wrap-news .circle > img {width: 65%;}
  .wrap-news .circle {right: -126px;top: -52px;}
  .wrap-news .circle span {width: 13%;transform: translate(-188%, -35%);}
  .wrap-news .swiper-slide {padding: 35px 0 100px;}
  .wrap-news .desc {padding: 0 30px;}
  .wrap-news .desc strong {font-size: 28px;}
  .wrap-news .desc p {font-size: 16px;}
  .wrap-news .thumb{width: 100%;height: 260px;padding: 0 30px;margin-bottom: 30px;max-width: 100%;}
  .wrap-news .swiper-pagination .current {font-size: 80px;}
  .wrap-news .control {width: 106px;right: 190px;bottom: 18px;} 
  .wrap-news .control > button {width: 28px !important;height: 28px !important;}
  .wrap-news .control::before {height: 22px;}
  .wrap-news .circle a > img {width: 60%;}
}
/*[E]News*/