﻿.zt-baidu .three-box  .item-warp{display: flex;}
.zt-baidu .three-box .m-item{flex: 1;margin-right: 0;padding: 33px 27px 0 28px; height: 100%;}
.zt-baidu .three-box .con-image{width: 100%;height: 397px;text-align: center;}
.zt-baidu .three-box .con-image img { height: 100%}
.zt-baidu .three-box .m-tit{ font-size: 26px;color: #000;text-align: center;line-height: 26px;margin-top: 30px;font-weight: 500;}
.zt-baidu .three-box .m-desc{font-size: 14px;line-height: 24px; color: #666; text-align: center; margin: 13px auto 0 auto;}
.zt-baidu .owl-carousel{margin-bottom: 20px;}
.zt-baidu .wd-box .wd-con{margin-top: 25px;}
.zt-baidu .baidu-case .m_case{margin: 50px auto !important;}
.baidu-case .m_case a{ font-size: 20px;}
.zt-baidu .baidu-case .owl-controls .owl-buttons .owl-prev{width: 38px;height: 38px; position: absolute;top: 50%; left: -50px;background: url(../img/img/pre.png) no-repeat; z-index: 99;}
.zt-baidu .baidu-case .owl-controls .owl-buttons .owl-next{width: 38px;height: 38px; position: absolute;top: 50%;right: -50px;background: url(../img/img/next.png) no-repeat;z-index: 99;}
/*案例页面*/
.z-case .b-title {position: relative;height: 60px;margin-top: 60px;margin-bottom: 30px;}
.z-case .b-title span {font-size: 30px;color: #363636;font-weight: bold;border-bottom: 1px solid #eb8689;position: absolute;text-align: center;padding-bottom: 10px;left: 50%;transform: translateX(-50%);}
.z-case .b-title span::before {content: "";width: 58%;height: 4px;background-color: #d04848;position: absolute;bottom: -3px;left: 0;}
.z-case .b-title span i {color: #d04848;font-style: normal;}
.z-case .case-list .case-warp .case-item{float: left;width: 300px;}
.z-case .case-list .case-warp .case-item {position: relative;margin: 30px 15px;}
.z-case .case-list .case-warp .case-item .wft{float: left;width: 290px;margin: 10px;background: #fff;border: 4px solid #e9e9e9;border-radius: 10px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.z-case .case-list .case-warp .case-item .wft .layer { display: block;overflow: hidden;text-decoration: none;color: inherit;}
.z-case .case-list .case-warp .case-item .wft .img-box {height: 450px;position: relative;overflow: hidden;}
.z-case .case-list .case-warp .case-item .wft .layer img {border-radius: 6px 6px 0 0;-webkit-transition: all ease .3s;transition: all ease .3s;}
.z-case .case-list .case-warp .case-item .wft .classify {position: absolute;right: 8px;top: 8px;width: 72px;height: 25px;line-height: 25px;letter-spacing: 2px;text-align: center;background: #f34e4a;-webkit-box-shadow: 0 0 20px 4px rgb(243 78 74 / 60%);box-shadow: 0 0 20px 4px rgb(243 78 74 / 60%);border-radius: 20px;color: #fff;}
.z-case .case-list .case-warp .case-item .wft .title {padding: 5px 16px;margin: 10px 0;line-height: 1.35em;overflow: hidden;word-wrap: break-word;text-align: center;color: #333;font-size: 16px;}


#pin_view_layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index: 994;
    background: rgba(229, 229, 229, 0.95);
    display: none;
}
#pin_view_layer .close-layer {
    width: 56px;
    height: 56px;
    position: fixed;
    right: 14px;
    top: 0;
    cursor: pointer;
    z-index: 995;
}
#pin_view_layer .close-layer i {
    background: url(./img/btn_close.png) 0 0 no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
}
#pin_view_layer .pin-view {
    width: 750px;
    background: #fff;
    padding: 15px;
    margin: 20px auto;
    -webkit-box-shadow: 0 1px 3px rgb(34 25 25 / 40%);
    box-shadow: 0 1px 3px rgb(34 25 25 / 40%);
}
#pin_view_layer .pin-view-wrapper {
    position: relative;
    text-align: center;
    min-height: 300px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    position: relative;
    width: 2.5em;
    height: 2.5em;
    -webkit-transform: rotate(165deg);
    transform: rotate(165deg);
}

