.flex_wrap_space{display: flex;flex-wrap: wrap;justify-content: space-between;}

.whkc .head_list{position:  absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.whkc .head_list ul{display: flex;height: 56rem;box-sizing: border-box;padding: 0 6%;}
.whkc .head_list ul li{width: 100%;height: 100%;box-sizing: border-box;padding: 10rem 5.0%;position: relative;transform: skewX( -20deg);border-right: 1px solid rgba(255,255,255,0.75);z-index: 3;}
.whkc .head_list ul li a{position: relative;display: block;z-index: 3;color: #fff;top: 0;left: 0;transform: skewX( 20deg);}
.whkc .head_list ul li a .tit{font-size: 2.8rem;font-weight: bold;font-style: italic;padding-left: 1.6rem;margin-bottom: 4rem;}
.whkc .head_list ul li a .text{font-size: 1.6rem;}
.whkc .head_list ul li a .text em{text-decoration: underline;display: inline-block;cursor: pointer;position: relative;}
.whkc .head_list ul li a .text em .pic_box{position: absolute;left: 50%;transform: translate(-50%,0);bottom: calc(100% + 1rem);display: none;border-radius: 2rem;background: #fff;padding: 0.5rem;}
.whkc .head_list ul li a .text em .pic_box img{border-radius: 2rem;display: block;min-width: 10rem;}
.whkc .head_list ul li a .text em:hover .pic_box{display: block;}
.whkc .head_list ul li:hover{z-index: 5;}
.whkc .head_list ul li:hover:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.75);z-index: 2;}
.whkc .head_list ul li:hover a .tit{color: #005aae;}
.whkc .head_list ul li:hover a .text{color: #005aae;}
.whkc .head_list .title{padding-bottom: 10rem;color: #fff;text-align: center;}

.whkc #qywh{padding: 10rem 0;}
.whkc #qywh .cont{width: 30.4375%;position: relative;}
.whkc #qywh .cont img{width: 100%;display: block;}
.whkc #qywh .cont .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;box-sizing: border-box;padding: 7rem 11%;color: #fff;}
.whkc #qywh .cont .text p{font-size: 3.6rem;font-weight: bold;margin-bottom: 3rem;}
.whkc #qywh .cont .text span{font-size: 3rem;}

.whkc #djyl_tit{background: #a28961;padding: 8rem 0;color: #fff;}
.whkc #djyl_tit .tit{font-size: 3.6rem;font-weight: bold;line-height: 5.5rem;padding-left: 8rem;background: url(zsj_20250408_pic53.png) left 0.5rem center no-repeat;background-size: 5.4rem auto;margin-bottom: 5rem;}
.whkc #djyl_tit .js{font-size: 1.8rem;text-indent: 2rem;}

.whkc #djyl_cont{background: url(zsj_20250408_pic55.png) center center no-repeat;background-size: cover;}
.whkc #djyl_cont .djxx{align-items: flex-start;}
.whkc #djyl_cont .left_swiper{width: 39.3125%;margin: 0;}
.whkc #djyl_cont .left_swiper img{width: 100%;display: block;}
.whkc #djyl_cont .left_swiper p{position: absolute;bottom: 0;left: 0;padding: 1.6rem 12.5rem 1.4rem 3.5rem;background: rgba(0,0,0,0.6);color: #fff;font-size: 2rem;width: 100%;box-sizing: border-box;}
.whkc #djyl_cont .right_cont{width: 56.25%;color: #fff;padding-top: 2.6rem;}
.whkc #djyl_cont .right_cont .more{text-align: right;margin-bottom: 0.8rem;}
.whkc #djyl_cont .right_cont .more a{font-size: 1.6rem;}
.whkc #djyl_cont .right_cont .cont p{font-size: 2.4rem;font-weight: bold;margin-bottom: 3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.whkc #djyl_cont .right_cont .cont span{font-size: 1.87rem;display: block;line-height: 1.32;}
.whkc #djyl_cont .right_cont .cont:not(:last-of-type){margin-bottom: 6rem;}
.whkc #djyl_cont .ztzl{padding: 6rem 0 8.6rem;margin-top: 7.4rem;border-top: 1px solid #fff;width: 100%;}
.whkc #djyl_cont .ztzl a{width: 29.125%;}
.whkc #djyl_cont .ztzl a img{width: 100%;display: block;border: 1px solid #fff;border-radius: 1.6rem;overflow: hidden;}
.whkc #djyl_cont .swiper-pagination {text-align: right;left: unset;right: 1rem;}
.whkc #djyl_cont .swiper-pagination-bullet{background: #d5d5d5;opacity: .5;}
.whkc #djyl_cont .swiper-pagination-bullet-active{opacity: 1;}
@media (max-width: 1500px) {
    /* .whkc #djyl_cont .left_swiper{width: 80%;margin: 0 auto;}
    .whkc #djyl_cont .left_swiper img{width: 80%;margin: 0 auto;}
    .whkc #djyl_cont .left_swiper p{width: 80%;left: 10%;font-size: 1.4rem;}
    .whkc #djyl_cont .right_cont{width: 100%;} */
}
@media (max-width: 900px) {
    .whkc .head_list{bottom: initial;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    .whkc .head_list .list{display: none;}
    .whkc .head_list .title{padding: 0;}
    .whkc .head_list ul li{transform: skewX(0deg);}
    .whkc .head_list ul li a{transform: skewX(0deg);}

    .whkc #qywh{padding: 4rem 0;}
    .whkc #qywh .qywh_cont{justify-content: center;}
    .whkc #qywh .cont{width: 90%;}
    .whkc #qywh .cont:not(:last-of-type){margin-bottom: 1rem;}

    .whkc #djyl_tit{padding: 3rem 0;}
    .whkc #djyl_tit .tit{font-size: 2.4rem;line-height: 4rem;background-size: 4rem auto;margin-bottom: 2rem;}
    .whkc #djyl_tit .js{font-size: 1.6rem;}

    .whkc #djyl_cont .left_swiper{width: 100%;}
    .whkc #djyl_cont .left_swiper img{width: 100%;}
    .whkc #djyl_cont .left_swiper p{width: 100%;left: 0;}
    .whkc #djyl_cont .right_cont .cont p{font-size: 1.6rem;}
    .whkc #djyl_cont .right_cont .cont span{font-size: 1.4rem;}
    .whkc #djyl_cont .ztzl{justify-content: center;padding: 3rem 0;margin-top: 3rem;}
    .whkc #djyl_cont .ztzl a{width: 80%;margin-bottom: 1rem;}
    .whkc #djyl_cont .left_swiper p{padding: 1.6rem 6.5rem 1.4rem 1.5rem;}
   .whkc #djyl_cont .right_cont{width: 100%;} 
    
}