@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget104 {
  font-size: 1em; }
  .layoutWidget104 .box {
    max-width: 1920px;
    padding: 20px 48px;
    margin: 0px auto;
    overflow: hidden; }
    .layoutWidget104 .box .panel {
      width: 49%;
      float: left;
      background: #fff;
      position: relative;
      overflow: hidden;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
      margin: 20px 0; }
      .layoutWidget104 .box .panel:nth-child(odd) {
        margin-right: 1%; }
      .layoutWidget104 .box .panel:nth-child(even) {
        margin-left: 1%; }
      .layoutWidget104 .box .panel .imgLeft {
        position: absolute;
        width: 50%;
        height: 100%;
        overflow: hidden; }
        .layoutWidget104 .box .panel .imgLeft:hover .swiper-button-next, .layoutWidget104 .box .panel .imgLeft:hover .swiper-container-rtl .swiper-button-prev {
          right: 10px;
          opacity: 1; }
        .layoutWidget104 .box .panel .imgLeft:hover .swiper-button-prev, .layoutWidget104 .box .panel .imgLeft:hover .swiper-container-rtl .swiper-button-next {
          left: 10px;
          opacity: 1; }
        .layoutWidget104 .box .panel .imgLeft .swiper-slide {
          overflow: hidden; }
        .layoutWidget104 .box .panel .imgLeft .swiper-button-next, .layoutWidget104 .box .panel .imgLeft .swiper-button-prev {
          width: 25px;
          height: 20px;
          margin-top: -10px; }
        .layoutWidget104 .box .panel .imgLeft .swiper-pagination {
          bottom: 0px;
          background: rgba(0, 0, 0, 0);
          /* Old browsers */
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
          /* W3C */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
          /* IE6-9 */
          height: 2em;
          line-height: 2em;
          color: #ffffff; }
        .layoutWidget104 .box .panel .imgLeft .swiper-pagination-bullet {
          background: #ffffff; }
        .layoutWidget104 .box .panel .imgLeft .swiper-pagination-bullet-active {
          background: #ffffff; }
        .layoutWidget104 .box .panel .imgLeft .swiper-button-next, .layoutWidget104 .box .panel .imgLeft .swiper-container-rtl .swiper-button-prev {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
          right: -30px;
          transition: all .3s;
          opacity: 0; }
        .layoutWidget104 .box .panel .imgLeft .swiper-button-prev, .layoutWidget104 .box .panel .imgLeft .swiper-container-rtl .swiper-button-next {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
          left: -30px;
          transition: all .3s;
          opacity: 0; }
      .layoutWidget104 .box .panel .textRight {
        width: 50%;
        height: 260px;
        border-radius: 2px;
        float: right;
        position: relative; }
        .layoutWidget104 .box .panel .textRight .caption {
          padding: 40px 48px;
          position: relative;
          top: 50%;
          transform: translate(0%, -50%); }
          .layoutWidget104 .box .panel .textRight .caption .title {
            font-size: 1.142em;
            padding-bottom: 16px;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden; }
          .layoutWidget104 .box .panel .textRight .caption .description {
            min-height: 60px;
            max-height: 110px;
            overflow: hidden; }
          .layoutWidget104 .box .panel .textRight .caption .btn {
            font-size: 0.8572em;
            margin-top: 16px;
            display: block; }
            .layoutWidget104 .box .panel .textRight .caption .btn .fa-angle-right {
              padding-left: 4px; }

@media (max-width: 2016px) {
  .layoutWidget104 .box {
    max-width: 1440px; } }
@media (max-width: 1440px) {
  .layoutWidget104 .box .panel {
    width: 100%;
    float: none; }
    .layoutWidget104 .box .panel:nth-child(odd) {
      margin-right: 0; }
    .layoutWidget104 .box .panel:nth-child(even) {
      margin-left: 0; } }
/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .layoutWidget104 .box .panel .imgLeft {
    width: 50%; }
    .layoutWidget104 .box .panel .imgLeft img {
      width: 100%; }
  .layoutWidget104 .box .panel .textRight {
    width: 50%; }
    .layoutWidget104 .box .panel .textRight .caption {
      width: auto; } }
/* Medium devices (tablets, less than 992px) 平板端 */
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .layoutWidget104 .box {
    padding: 32px 8px; }
    .layoutWidget104 .box .panel {
      margin-top: 8px; }
      .layoutWidget104 .box .panel .imgLeft {
        position: relative;
        width: 100%; }
        .layoutWidget104 .box .panel .imgLeft .swiper-slide {
          height: 260px; }
      .layoutWidget104 .box .panel .textRight {
        width: 100%;
        height: auto; }
        .layoutWidget104 .box .panel .textRight .caption {
          width: auto;
          padding: 32px 32px 40px;
          top: 0;
          transform: translate(0%, 0%); } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */

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