@charset "UTF-8";
/* CSS Document */
/* 

	戴思乐全球项目案例 
	Mr Zhang

*/
/**************************/
.tab_color {
  color: #009DE1; }

.dsl-case-head {
  margin-top: 120px;
  cursor: pointer;
  background: #F3F3F3;
  padding: 40px; }
  @media screen and (max-width: 750px) {
    .dsl-case-head {
      padding: 10px; } }
  .dsl-case-head .container-fluid .dsl-title {
    float: left;
    width: 20%; }
  .dsl-case-head .container-fluid .col-md-4 {
    text-align: center; }
    .dsl-case-head .container-fluid .col-md-4 .case_tab_active h1 {
      color: #009DE1; }
    .dsl-case-head .container-fluid .col-md-4 p {
      font-size: 16px;
      color: #4A4A4A;
      margin-bottom: 0px; }
      @media screen and (max-width: 750px) {
        .dsl-case-head .container-fluid .col-md-4 h1 {
          font-size: 15px; } }
      .dsl-case-head .container-fluid .col-md-4 h1:hover {
        color: #009DE0;
        transition: all 0.5s; }

.dsl-case-style-1 {
  opacity: 0.8;
  transition: all 1s; }

.dsl-case-style-2 {
  opacity: 0.1;
  transition: all 1s; }

.dsl-case-box .listbox {
  padding-right: 0px;
  padding-left: 0px; }
.dsl-case-box .dsl-case-content {
  position: relative;
  margin-top: 10px; }
  .dsl-case-box .dsl-case-content .dsl-case-content-img {
    background: #000000; }
    .dsl-case-box .dsl-case-content .dsl-case-content-img img {
      width: 100%;
      height: 100%; }
  .dsl-case-box .dsl-case-content .dsl-case-content-title {
    cursor: pointer;
    position: absolute;
    top: 35%;
    left: 38%;
    width: 550px;
        text-shadow: 1px 1px 3px #666;
     }
    @media screen and (max-width: 750px) {
      .dsl-case-box .dsl-case-content .dsl-case-content-title {
        top: 0%;
        left: 8%;
        max-width: 330px;
        overflow: hidden;
        text-overflow: ellipsis; } }
    .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-anli-p {
      color: #FFFFFF;
      font-size: 25px; }
      @media screen and (max-width: 750px) {
        .dsl-case-box .dsl-case-content .dsl-case-content-title h1 {
          font-size: 14px; } }
    .dsl-case-box .dsl-case-content .dsl-case-content-title p {
      color: #FFFFFF;
      text-align: left;
      font-size: 18px;
      line-height: 30px;
      padding-top: 28px;
      padding-bottom: 28px; }
      @media screen and (max-width: 750px) {
        .dsl-case-box .dsl-case-content .dsl-case-content-title p {
          font-size: 14px!important;
          padding-top: 20px;
          padding-bottom: 2px;
          line-height: normal;
          margin-bottom: 2px; } }
    .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-case-content-title-link {
      padding-top: 0px;
      padding-bottom: 0px; }
      .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-case-content-title-link a {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 28px; }
        @media screen and (max-width: 750px) {
          .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-case-content-title-link a {
            font-size: 16px; } }
        .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-case-content-title-link a span {
          background: url("../image/dsl_case/link.png") no-repeat;
          width: 31px;
          height: 31px;
          display: inline-block;
          vertical-align: text-top;
          margin-right: 10px; }
          @media screen and (max-width: 750px) {
            .dsl-case-box .dsl-case-content .dsl-case-content-title .dsl-case-content-title-link a span {
              background-size: 70%;
              vertical-align: top;
              margin-right: 0px; } }

.case-article-box {
  margin-top: 110px;
  cursor: pointer; }
  .case-article-box .case-article-bg {
    padding-right: 0px;
    padding-left: 0px;
    position: relative; }
    .case-article-box .case-article-bg img {
      width: 100%;
      height: 100%; }
      @media (max-width: 750px) {
        .case-article-box .case-article-bg img {
          width: 100%;
          height: 100%; } }
    .case-article-box .case-article-bg .case-article-title {
      position: absolute;
      bottom: 50%;
      left: 35%;
      right: 35%;
      text-align: center; }
      @media (max-width: 750px) {
        .case-article-box .case-article-bg .case-article-title {
          bottom: 25%;
          right: 9%;
          left: 9%; } }
      .case-article-box .case-article-bg .case-article-title h1, .case-article-box .case-article-bg .case-article-title h2 {
        color: #FFFFFF; }
      .case-article-box .case-article-bg .case-article-title p {
        font-size: 50px;
        color: #fff; }
        @media (max-width: 750px) {
          .case-article-box .case-article-bg .case-article-title p {
            font-size: 23px; } }
      .case-article-box .case-article-bg .case-article-title h2 {
        font-size: 30px; }
        @media (max-width: 750px) {
          .case-article-box .case-article-bg .case-article-title h2 {
            font-size: 15px; } }

.case-article-content-box .case-active-content {
  padding: 45px;
  overflow: hidden; }
  @media (max-width: 750px) {
    .case-article-content-box .case-active-content {
      padding: 15px; } }

.case-content-banner {
  margin-top: 25px;
  padding-right: 0px;
  padding-left: 0px; }
  @media (max-width: 750px) {
    .case-content-banner .row {
      margin-right: 0px; } }
  .case-content-banner .Swiper_case_banner img {
    width: auto;
    height: auto; }
    @media (max-width: 750px) {
      .case-content-banner .Swiper_case_banner img {
        max-width: 100%;
        max-height: 100%; } }
  .case-content-banner .Swiper_case_banner .case-swiper-wrapper {
    margin-left: -65px; }
    @media (max-width: 750px) {
      .case-content-banner .Swiper_case_banner .case-swiper-wrapper {
        margin-left: -73px; } }
    .case-content-banner .Swiper_case_banner .case-swiper-wrapper .swiper-slide-active img {
      width: auto;
      height: auto;
      box-shadow: 12px 44px 18px -26px #c3c3c3; }
      @media (max-width: 750px) {
        .case-content-banner .Swiper_case_banner .case-swiper-wrapper .swiper-slide-active img {
          max-width: 180%;
          max-height: 100%; } }
    .case-content-banner .Swiper_case_banner .case-swiper-wrapper .swiper-slide-next img {
      margin-left: 490px; }
  .case-content-banner .Swiper_case_banner .case-banner-img p {
    padding-top: 25px;
    font-size: 16px; }
    @media (max-width: 750px) {
      .case-content-banner .Swiper_case_banner .case-banner-img p {
        width: 160%; } }
  .case-content-banner .Swiper_case_banner .case-btn-swiper {
    position: absolute;
    bottom: 10px;
    right: 440px; }
    @media (max-width: 750px) {
      .case-content-banner .Swiper_case_banner .case-btn-swiper {
        bottom: 5px;
        right: 20px; } }
    .case-content-banner .Swiper_case_banner .case-btn-swiper .swiper_btn_left {
      background: url("../image/dsl_case/banner/swiper_btn_left.png") no-repeat;
      width: 20px;
      height: 20px;
      background-size: contain;
      left: -65px; }
    .case-content-banner .Swiper_case_banner .case-btn-swiper .swiper_btn_right {
      background: url("../image/dsl_case/banner/swiper_btn_right.png") no-repeat;
      width: 20px;
      height: 20px;
      background-size: contain; }

.dsl-case-xg {
  margin-top: 95px; }
  .dsl-case-xg p {
    text-align: center;
    font-size: 35px;
    margin-bottom: 35px; }

.dsl-case-anli-box {
  margin-bottom: 150px; }
  @media (min-width: 1200px) {
    .dsl-case-anli-box {
     /* width: 1500px;*/ } }
  .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-img {
    width: 480px;
    height: 285px; }
    @media (max-width: 750px) {
      .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-img {
        height: 150px;
        width: 100%; } }
    .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-img img {
      width: 480px;
      height: 285px; }
      @media (max-width: 750px) {
        .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-img img {
          width: 100%;
          height: 100%; } }
  .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-title {
    margin-top: 0px; }
    .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-title a {
      text-decoration: none;
      color: #333333;
      font-size: 24px; }
      @media (max-width: 750px) {
        .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-title a {
          font-size: 15px; } }
      .dsl-case-anli-box .dsl-anli-case-content .dsl-anli-content-title a:hover {
        transition: all 1s;
        color: #009DE1; }
  .dsl-case-anli-box .dsl-anli-case-content .swiper-button-next, .dsl-case-anli-box .dsl-anli-case-content .swiper-button-prev {
    height: 25px;
    margin-top: -32px; }