@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget71 {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  font-size: 14px; }
  .layoutWidget71 .slider {
    width: 100%;
    height: 100%;
    position: relative; }
    .layoutWidget71 .slider img {
      width: 100%; }
    .layoutWidget71 .slider .swiper-container {
      width: 100%;
      height: 100%; }
      .layoutWidget71 .slider .swiper-container .swiper-slide {
        overflow: hidden; }
    .layoutWidget71 .slider .swiper-next, .layoutWidget71 .slider .swiper-prev {
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      z-index: 2;
      width: 42px;
      height: 96px;
      line-height: 96px;
      background: rgba(0, 0, 0, 0.2);
      text-align: center;
      color: white;
      font-size: 2.14em;
      cursor: pointer; }
      .layoutWidget71 .slider .swiper-next:hover, .layoutWidget71 .slider .swiper-prev:hover {
        background: rgba(0, 0, 0, 0.4); }
    .layoutWidget71 .slider .swiper-prev {
      left: 16px; }
    .layoutWidget71 .slider .swiper-next {
      right: 16px; }
    .layoutWidget71 .slider .swiper-pagination {
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%); }
    .layoutWidget71 .slider .swiper-pagination-bullet-active {
      background: #ffffff; }
    .layoutWidget71 .slider .swiper-pagination-bullet {
      background: #ffffff;
      margin-left: 8px; }
  .layoutWidget71 .textWrap {
    width: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1; }
    .layoutWidget71 .textWrap .title {
      font-size: 1.43em; }
    .layoutWidget71 .textWrap p {
      width: 57%;
      max-height: 80vh;
      overflow: hidden;
      color: #ffffff;
      font-size: 1em;
      line-height: 1.86em;
      margin: 8px 0 0 0;
      text-align: justify; }

/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget71 .slider .swiper-next, .layoutWidget71 .slider .swiper-prev, .layoutWidget71 .slider .swiper-pagination {
    display: none; }
  .layoutWidget71 .textWrap {
    width: 80%;
    left: 10%; }
    .layoutWidget71 .textWrap .title {
      width: 100%; }
    .layoutWidget71 .textWrap p {
      width: 100%;
      overflow-y: scroll; } }

/*# sourceMappingURL=layoutWidget71.css.map */