/*case*/
        * :focus {
            outline: 0 !important;
        }
.gy{max-width: 1500px;margin: 0 auto;min-width: 1300px;width:100%;}
.pro_tit{text-align: center;}
.pro_tit p{font-size: 36px;color: #333;}
.pro_tit b{color: #f28f1a;font-size: 36px;}
.pro_tit i{font-size: 18px;color: #676767;display: block;margin-top: 13px;}
.cas_bc {
    padding: 100px 0;overflow: hidden;
    /*background: #efefef;*/
}

.cas_ic {
    margin-top: 46px;
padding: 0 100px;
}

.cas_ic ul {
    display: flex;
}

.cas_ic li {
    flex-shrink: 0;
    width: calc(100%/3);
    /* padding: 0 0.2%; */
    margin: 0 10px;
}

.cas_ic li img {
    width: 100%;
    height: auto;
    transition:all .5s;
}

.cas_ic li p a {
    display: block;
    height: 72px;
    line-height: 72px;
    background: #f6f6f6;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    position: relative;
}
.cas_ic li>a{display:block;overflow:hidden;border: 1px solid #eee;}
.cas_ic li p a:before,.cas_ic li p a:after{position:absolute;content:'';}
.cas_ic li p a:before{content: '+';color: #fff;bottom: -24px;right: 2px;z-index: 2;font-size: 20px;font-weight: 100;transition: all 0.5s;transform: rotateZ(0deg);}
.cas_ic li p a:after{border: 27px solid;border-color: transparent transparent transparent #000;transform: rotate(45deg);bottom: -27px;right: -27px;z-index: 1;transition:all 0.5s;}
.cas_ic li:hover p a:before{transform: rotateZ(90deg);transition:all 0.5s;}
.cas_ic li:hover p a:after{border-color: transparent transparent transparent #f28f1a;transition:all 0.5s;}
.cas_ic li:hover>a>img{transform: scale(1.1);transition: 0.5s;}
.cas_ic button {transition: 0.5s;}
.cas_ic button:before{content: '\e636';font-family: "iconftb";display: flex;align-items: center;justify-content: center;color: #333;font-size: 50px;}
.cas_ic button:hover:before{color: #f28f1a;}
.cas_ic .slick-prev{left: -4%;transform: rotate(180deg);}
.cas_ic .slick-next{right: -4%;}
.case{
    display: none;
}
/* 手机端 */
@media screen and (max-width: 760px){
    .cas_bc{
        display: none;
    }
    .case{
        display: block;
    }
    .caseBg {
        width: 100%;
    }
    .advantage {
      display: block;
      width: 100%;
    }
    .backTop {
      display: block;
      width: 100%;
    }
    .case {
      margin-top: -0.4rem;
      padding: 0 0.267rem;
      background-color: #f5f5f5;
    }
    .caseImgWrap {
      position: relative;
      top: 0;
      left: 0;
    }
    .caseImgWrap .prevImg, .caseImgWrap .nextImg {
      width: 0.667rem;
      height: 0.667rem;
      position: absolute;
      top: 50%;
    }
    .caseImgWrap .prevImg img, .caseImgWrap .nextImg img {
      width: 50%;
      opacity: .8;
    }
    .caseImgWrap .prevImg {
      left: 0.267rem;
    }
    .caseImgWrap .nextImg {
      right: 0.267rem;
      text-align: right;
    }
    .caseList {
      margin: 0.2rem 0 0.8rem;
      padding: 0.133rem 0.067rem;
      background: #efefef;
    }
    .wrapTitle {
        font-size: 0.55rem;
        font-weight: bold;color: #fecb66;
        text-align: center;
    }
    
    .wrapTitle span:after,.wrapTitle span:before {
        position: absolute;
        content: "";
        width: 25px;
        height: 1px;
        background: #fecb66;
        top: 50%;
    }
    
    .wrapTitle span:after{
        right: -34px;
    }
    
    .wrapTitle span:before{
        left: -34px;
    }
    .wrapTitle{    
        margin-bottom: 10px;line-height: 0.64rem;
    }
    .wrapTitle span {
        font-size: 0.36rem;
        color: #666;
        font-weight: normal;
        position: relative;
    }
    .calseListItem {
        width: calc(20% - 0.14rem);
        float: left;
        margin: 0 0.067rem;
        position: relative;
        top: 0;
      }
      .calseListItem img {
        display: block;
        width: 100%;
      }
      .calseListItem span {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
      }
      .flex-nav-prev,.flex-nav-next{
          display: none;
      }
}