.wrap_case1{padding-top: 17.7rem;padding-bottom: 42rem;position: relative;background: url(../images/case.gif) no-repeat bottom center/100% auto,#f0f9fe url(../images/case_bg.png) no-repeat bottom 5vw center/100% auto;}
/* .wrap_case1::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background:  ;z-index: 10;pointer-events: none;} */
.wrap_case1::before,.wrap_case1::after{content: '';width: 139.8rem;height: 139.8rem;background: url(../images/case_ball.png) no-repeat center/cover;position: absolute;pointer-events: none;animation: floatAnimation 30s ease-in-out infinite;}
.wrap_case1::before{left: -74rem;bottom: -100rem;}
.wrap_case1::after{right: -94rem;top: 5rem;animation-delay: -15s;}

@keyframes floatAnimation {
    0%, 100% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(10rem, 6rem);
    }
    50% {
        transform: translate(-30rem, -40rem);
    }
    75% {
        transform: translate(50rem, -50rem);
    }
}


.wrap_case1 > *{position: relative;z-index: 10;}

.case_scroll_container{width:100%;position:relative;padding-top: 2.2rem;perspective: 200rem;z-index: 10;}
.case_01{position: relative;width: 75rem;transform-style: preserve-3d;margin: 0 auto;height: 45rem;}
.case_01 .swiper-wrapper{position:relative;width:100%;height:100%;transform-style: preserve-3d;}
.case_01 .swiper-slide{position: relative;transform-origin: center center;will-change: transform, opacity;}
.case_01 .item{position: relative;border: .3rem solid #ffffff;border-radius: 2.4rem;overflow: hidden;box-shadow: 0rem 1.2rem 2.9rem 0rem rgba(133, 182, 246, 0.5);background: #fff;}
.case_01 .item::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;padding-bottom: 17.33%;background: url(../images/case_cover.png) repeat-x top center/100% 100%;z-index: 2;}
.case_01 .gp-img{padding-bottom: 50.8%;}
.case_01 .title{margin: 0 0;position: absolute;left: 0;top: 2.2rem;width: 100%;color: #fff;padding: 0 3.5rem;z-index: 10;}

.case_02{width: 124rem;margin: 3.2rem auto 0;overflow: hidden;padding: 0 0 .5rem;position: relative;}
.case_02::before{content: '';display: block;position: absolute;left: 0;bottom: .5rem;width: 100%;height: .1rem;background: #85b6f6;}
.case_02 .swiper-wrapper{margin: 0 0;justify-content: center;}
.case_02 .swiper-slide{width: auto;}
.case_02 .item{margin: 0 0;display: block;position: relative;padding: 0 2rem 2.6rem;color: #8f98a6;cursor: pointer;text-align: center;}
.case_02 .item::before{content: '';display: block;position: absolute;background: #85b6f6;width: .1rem;height: 1.8rem;left: 50%;bottom: 0;}
.case_02 .item::after{content: '';display: block;position: absolute;background: #85b6f6;width: 0;height: 0;left: 50%;top: 100%;transform:translateX(-50%) translateY(-50%);border-radius: 50%;}
.case_02 .swiper-slide-thumb-active .item,.case_02 .swiper-slide.active .item{color: #333;}
.case_02 .swiper-slide-thumb-active .item::after,.case_02 .swiper-slide.active .item::after{width: .8rem;height: .8rem;}

.case_top{position: relative;}
.case_top .gp-img{padding-bottom: 40.47%;position: relative;}
.case_top .gp-img::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 21.7rem;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));opacity: .6;}
.case_top .gp-img::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 21.7rem;background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: -o-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: -moz-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,0.8));background: linear-gradient(to top, rgba(0,0,0,0) , rgba(0,0,0,0.8));opacity: .6;}

.case_top .title{position: absolute;left: 0;bottom: 3.9rem;width: 100%;color: #fff;padding: 0 3.5rem;z-index: 10;text-align: center;font-weight: bold;}

.wrap_sub00{padding: 4.7rem 0 5.5rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);background: #fff;}
.sub_00{align-items: center;}
.sub_00 .left{width: 32.7rem;text-align: center;margin: 0 -1.4rem 0 0;}
.sub_00 .title{margin: 0;font-weight: bold;}
.sub_00 .vicetitle{color: #8f98a6;}
.sub_00 .top_img{max-height: 6.6rem;}
.sub_00 .line{border-left: .1rem solid #dfe1e4;height: 19rem;}
.sub_00 .right{flex: 1;padding: 0 11rem 0 6rem;margin-bottom: -2rem;}
.sub_00 .summary{margin: .2rem 0 1.7rem;color: #787878;}
.sub_00 .more{display: inline-block;border: .1rem solid #dfe1e4;border-radius: 5rem;padding: 0 4.8rem;line-height: 5.1rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;margin: 0 2rem 2rem 0;}
.sub_00 .more:hover{background: #c6000b;color: #fff;}

.case_content{overflow: hidden;position: relative;}
.case_content::before,.case_content::after{content: '';width: 139.8rem;height: 139.8rem;background: url(../images/case_ball.png) no-repeat center/cover;position: absolute;pointer-events: none; animation: floatAnimation 30s ease-in-out infinite; }
.case_content::before{left: -78.5rem;top: 20.9rem;}
.case_content::after{right: -94rem;top: -70rem;animation-delay: -15s;}

.case_title{text-align: center;margin: 0 0 4.5rem;}
.case_title .title{margin: 0;font-weight: bold;}
.case_title .vicetitle{color: #8f98a6;}
.case_title .summary{margin: 3rem 0 0;color: #8f98a6;}

.wrap_sub01{padding: 9.4rem 0 3rem;}
.sub01{}

.sub_01{max-width: 122.2rem;margin: 0 auto;}
.sub_01 ul{margin: 0 0 -4.1rem -5.7rem;}
.sub_01 .item{margin: 0 0 4.1rem 5.7rem;border-radius: 2.2rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);background: #fff;overflow: hidden;}
.sub_01 .top{padding: 0 0;background: url(../images/case_list1_ico1.png) no-repeat right bottom/cover;display: flex;align-items: center;height: 22.8rem;color: #0c444a;}
.sub_01 li:nth-child(2) .top{background-image: url(../images/case_list1_ico2.png);color: #a16d49;}
.sub_01 li:nth-child(3) .top{background-image: url(../images/case_list1_ico3.png);color: #023a87;}
.sub_01 li:nth-child(4) .top{background-image: url(../images/case_list1_ico4.png);color: #94194f;}
.sub_01 .title{margin: 0 6rem;}
.sub_01 .bottom{padding: 3.1rem 6.2rem 3.7rem;color: #787878;}

.wrap_sub02{padding: 6rem 0 3rem;}
.sub02{}

.sub_02a{}
.sub_02a ul{margin: -1rem 0 3.6rem;text-align: center;}
.sub_02a li{width: auto;}
.sub_02a .item{padding: 0 6rem;position: relative;text-align: left;}
.sub_02a .item::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .1rem;height: 5.8rem;background: #e3e5e7;}
.sub_02a li:nth-child(1) .item::before{display: none;}
.sub_02a .title{margin: 0 0;font-weight: bold;color: #c6000b;}

.sub_02b{background: url(../images/case_list2_bg2.png) no-repeat center/53.9rem, url(../images/case_list2_bg.png) no-repeat center/cover;padding: 8.8rem 6rem;border-radius: 2.2rem;align-items: center;}
.sub_02b .left{width: 27rem;}
.sub_02b .mid{width: 29.5rem;margin-right: 8rem;}
.sub_02b .right{width: 71.5rem;}

.sub_02b1{}
.sub_02b1 ul{margin: 0 0;}
.sub_02b1 li:not(.active){display: none;}
.sub_02b1 .item{margin: 0 0;position: relative;}
.sub_02b1 .tip{color: #c6000b;font-weight: bold;}
.sub_02b1 .title{margin: .3rem 0 0;font-weight: bold;}
.sub_02b1 .summary{margin: 1.6rem 0 .8rem;color: #787878;}

@-webkit-keyframes sub_02b1_in{
    0% {opacity: 0;top: 5rem;}
    100% {opacity: 1;top: 0;}
}
@keyframes sub_02b1_in{
    0% {opacity: 0;top: 5rem;}
    100% {opacity: 1;top: 0;}
}
.sub_02b1 li.active .item{-webkit-animation: sub_02b1_in .8s ease-in-out;animation: sub_02b1_in .8s ease-in-out;}


.sub_02b2{}
.sub_02b2 ul{margin: 0 0;height: 38rem;display: flex;flex-direction: column;justify-content: space-between;}
.sub_02b2 .item{text-align: right;color: #8f98a6;position: relative;right: 0;cursor: pointer;padding: 0 3.4rem 0 0;}
.sub_02b2 li.active .item{color: #24252a;font-weight: bold;}
.sub_02b2_4 li:nth-child(2) .item,.sub_02b2_4 li:nth-child(3) .item{right: 6rem;}
.sub_02b2_5 li:nth-child(2) .item,.sub_02b2_5 li:nth-child(4) .item{right: 7.2rem;}
.sub_02b2_5 li:nth-child(3) .item,.sub_02b2_3 li:nth-child(2) .item{right: 8.9rem;}
.sub_02b2 .item::before{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border: .1rem solid #e9f0ff;background: #fff;width: 2rem;height: 2rem;border-radius: 50%;opacity: 0;}
.sub_02b2 li.active .item::before{opacity: 1;}

.sub_02b3{position: relative;}
.sub_02b3 ul{margin: 0 0;border-radius: 1.8rem;overflow: hidden;box-shadow: 0px 14px 46px 0px #d6e1ff;}
.sub_02b3 .item{margin: 0 0;position: relative;border-radius: 1.8rem;overflow: hidden;}
.sub_02b3 ul:hover{position:relative;z-index:9999;}


@-webkit-keyframes sub_02b3_in{
    0% {opacity: 0;left: -100%;}
    100% {opacity: 1;left: 0;}
}
@keyframes sub_02b3_in{
    0% {opacity: 0;left: -100%;}
    100% {opacity: 1;left: 0;}
}
.sub_02b3 li.active .item{-webkit-animation: sub_02b3_in .5s ease-in-out;animation: sub_02b3_in .5s ease-in-out;}


.sub_02b3 .btn_box{position: absolute;left: 0;top: 50%;transform:translateX(-50%) translateY(-50%);border: 2rem solid #fff;border-radius: 50%;width: 11.6rem;height: 11.6rem;background: #c6000b;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sub_02b3 .btn_box .btn{width: 2.2rem;height: 2.2rem;margin: .6rem 0;position: relative;}
.sub_02b3 .btn_box .btn::before{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border-bottom: 1.1rem solid #fff;border-left: .8rem solid transparent;border-right: .8rem solid transparent;}
.sub_02b3 .btn_box .btn.next{transform: rotate(180deg);}

.wrap_sub03{padding: 6rem 0 10.6rem;}
.sub03{}

.sub_03{max-width: 122rem;margin: 0 auto;}
.sub_03 ul{margin: 0 0 -2.5rem -3.8rem;}
.sub_03 .item{margin: 0 0 2.5rem 3.8rem;background: url(../images/case_list3_ico1.png) no-repeat right 3.4rem bottom 1.3rem/15rem, url(../images/case_list3_bg1.png) no-repeat center/cover;padding: 6rem 20rem 6rem 6rem;height: 30.6rem;border-radius: 2.2rem;}
.sub_03 .title{margin: 0 0 1rem;font-weight: bold;}
.sub_03 .summary{color: #787878;}
.sub_03 li:nth-child(2) .item{background: url(../images/case_list3_ico2.png) no-repeat right 2.9rem bottom 2.2rem/15rem, url(../images/case_list3_bg2.png) no-repeat center/cover;}
.sub_03 li:nth-child(3) .item{background: url(../images/case_list3_ico3.png) no-repeat right 3.2rem bottom 2.1rem/15rem, url(../images/case_list3_bg3.png) no-repeat center/cover;}
.sub_03 li:nth-child(4) .item{background: url(../images/case_list3_ico4.png) no-repeat right 2.9rem bottom 2rem/15rem, url(../images/case_list3_bg4.png) no-repeat center/cover;}

.wrap_sub04{padding: 4.9rem 0 0;background: url(../images/case_list4_bg.png) no-repeat center/cover;}
.sub04{padding-bottom: 16rem;}

.sub_04{background: #fff;border-radius: 2.2rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);padding: 8rem 10.8rem 6rem;margin: 5.7rem 58rem 0 6.5rem;}
.sub_04 .author{text-align: right;margin-top: 10px;}
.people{position: absolute;right: 0;bottom: 0;width: 72rem;}

@media screen  and (max-width:992px){
	.wrap_case1{padding-top: 10.7rem;padding-bottom: 200px;}
    .wrap_case1::before,.wrap_case1::after{width: 60rem;height: 60rem;}

    .sub_02b{padding: 20px 10px;background: url(../images/case_list2_bg.png) no-repeat center/cover;}

    
    .sub_02b .left{width: 100%;}
    .sub_02b .mid{display: none;}
    .sub_02b .right{width: 100%;margin-top: 6rem;z-index: 2;}

    .sub_02b3::before{content: '';display: block;position: absolute;left: 50%;top: 0;transform:translateX(-50%) translateY(-50%);background: url(../images/case_list2_bg2.png) no-repeat center/100%;width: 260px;height: 260px;z-index: -1;}
    .sub_02b3 .btn_box{top: 0;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-90deg);border: 10px solid #fff;width: 70px;height: 70px;}

    .sub_04{padding: 4rem 5.8rem;margin: 5.7rem 40rem 0 0;}
    .people{width: 50rem;}

    .case_02 .swiper-slide-thumb-active .item,.case_02 .swiper-slide-active .item{color: #333;}
    .case_02 .swiper-slide-thumb-active .item::after,.case_02 .swiper-slide-active .item::after{width: .8rem;height: .8rem;}


}
@media screen and (max-width: 767px){
    .wrap_case1{padding-bottom: 18vw;}

    .case_scroll_container{padding: 20px;}
    .case_01{width: 100%;height: auto;padding-bottom: 50px;margin-bottom: 30px;}
    .case_01 .gp-img{padding-bottom: 75%;}
    .case_02{width: 100%;margin-top: 20px;display: none;}
    .case_02 .item{padding-left: 0;padding-right: 0}

    .sub_00{flex-direction: column;}
    .sub_00 .line{display: none;}
    .sub_00 .right{padding: 3rem 0 0;}

    .sub_04{margin: 3rem 0 8rem;}


}