.case_top{position: relative;}
.case_top .gp-img{padding-bottom: 40.52%;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(40,40,40,0) , rgba(40,40,40,1));background: -o-linear-gradient(bottom, rgba(40,40,40,0) , rgba(40,40,40,1));background: -moz-linear-gradient(bottom, rgba(40,40,40,0) , rgba(40,40,40,1));background: linear-gradient(to bottom, rgba(40,40,40,0) , rgba(40,40,40,1));opacity: .8;}
.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: 5.9rem 0 5.1rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);background: #fff;}
.sub_00{align-items: center;}
.sub_00 .left{width: 24.4rem;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: 25rem;}
.sub_00 .right{flex: 1;padding: 0 0 0 6rem;margin-bottom: ;}
.sub_00 .summary{margin: .2rem 0 -0.1rem;color: #39393e;text-indent: 2em;}
.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;}

.sub_00 .text span{display: inline-block;vertical-align: bottom;color: #39393e;margin: 0 3.8rem 0 0;}
.sub_00 .text span i{font-style: normal;font-weight: bold;font-size: 2.1em;font-weight: bold;color: #c6000b;}

@keyframes floatAnimation {
    0%, 100% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(100px, 60px);
    }
    50% {
        transform: translate(-300px, -400px);
    }
    75% {
        transform: translate(500px, -500px);
    }
}


.case_content{overflow: hidden;position: relative;}
.case_content::before,.case_content::after,.case_content .bottom_bg,.wrap_sub04_bg,.wrap_sub06::before{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;display: block;}
.case_content::before{left: -78.5rem;top: 60rem;}
.case_content::after{right: -94rem;top: -70rem;animation-delay: -15s;}
.case_content .bottom_bg,.wrap_sub04_bg{right: -80rem;bottom: -55rem;}
.wrap_sub06::before{left: -78.5rem;top: -55rem;}

.case_title{text-align: center;margin: 0 0 2.8rem;}
.case_title .title{margin: 0;font-weight: bold;}
.case_title .vicetitle{color: #8f98a6;}
.case_title .summary{margin: 2.3rem auto 0;color: #24252a;max-width: 110rem;}
.case_title .summary.wide{max-width: 140rem;}

.wrap_sub01{padding: 6.9rem 0 5rem;}
.sub01{}

.sub_01{}
.sub_01 ul{margin: 0 0 -4rem -2.3rem;text-align: center;}
.sub_01 .item{margin: 0 0 4rem 2.6rem;text-align: left;}
.sub_01 .gp-img{padding-bottom: 49.6%;border-radius: 0;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);overflow: hidden;}
.sub_01 .title{margin: .8rem 0 0;}
.sub_01 .title span{background-image:linear-gradient(#24252a,#24252a);background-position:0 100%;background-size:100% .1rem;background-repeat:no-repeat;padding: .6rem 0;}

.sub_01 .top{padding: 0 0;justify-content: center;}
.sub_01 h3{background: #c7000a;color: #fff;font-weight: normal;margin: 0 0 3.4rem;border-radius: 5rem;line-height: 1.8em;padding: 0 4.6rem;text-align: center;}
.sub_01 .bottom{text-align: center;max-width: 99rem;margin: 3rem auto 0;}
.sub_01 .bottom.wide{max-width: 100%;}

.wrap_sub02{padding: 3.3rem 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;margin-top: 4rem;}
.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: #24252a;text-indent: 2em;}

@-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;padding-left: 3rem;}
.sub_02b2_5 li:nth-child(2) .item,.sub_02b2_5 li:nth-child(4) .item{right: 7.2rem;padding-left: 3rem;}
.sub_02b2_5 li:nth-child(3) .item,.sub_02b2_3 li:nth-child(2) .item{right: 8.9rem;padding-left: 3rem;}
.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_02b2-2{margin-left: 17.6rem;}
.sub_02b2-2 .item{text-align: left;}
.sub_02b2-2 li:nth-child(2) .item, .sub_02b2-2 li:nth-child(3) .item{padding-left: 0;}

.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: 3.8rem 0 6rem;}
.sub03{}

.sub_03{padding: .6rem 0 0;}
.sub_03 ul{margin: 0 0 -3rem -2.4rem;}
.sub_03 li{width: 22.6rem;}
.sub_03 li.on{width: calc(100% - 67.8rem);}
.sub_03 .item{margin: 0 0 3rem 2.4rem;position: relative;overflow: hidden;border-radius: 2.2rem;}
.sub_03 .gp-img{padding-bottom: 55.6rem;position: relative;}
.sub_03 .item::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 19.7rem;background: url(../images/case_3_cover.png) no-repeat center/100% 100%;z-index: 2;}
.sub_03 li.on .item::before{height: 0;}
.sub_03 .item::after{content: '';display: block;background: url(../images/case_3_cover2.png) no-repeat center/cover;width: 65rem;height: 76.2rem;position: absolute;left: -65rem;bottom: -76.2rem;}
.sub_03 li.on .item::after{bottom: -34rem;left: -18.6rem;}
.sub_03 .title{position: absolute;color: #fff;left: calc(50% - 3em);bottom: 2.4rem;width: 6em;z-index: 2;text-align: center;z-index: 10;}
.sub_03 li.on .title{width: auto;left: 4.7rem;}

.sub_03.c2 .item::before{background: url(../images/case_3c2_cover.png) no-repeat center/100% 100%;}
.sub_03.c2 .item::after{background: url(../images/case_3c2_cover2.png) no-repeat center/100% 100%;}
.sub_03.c3 .item::before{background: url(../images/case_3c3_cover.png) no-repeat center/100% 100%;}
.sub_03.c3 .item::after{background: url(../images/case_3c3_cover2.png) no-repeat center/100% 100%;}


.wrap_sub04{padding: 1rem 0 10.6rem;position: relative;}
.sub04{}

.sub_04{}
.sub_04 ul{margin: 0 0 -2.5rem -4.8rem;padding: .9rem 0 0;}
.sub_04 .item{margin: 0 0 2.5rem 4.8rem;background: url(../images/case_list3_ico1.png) no-repeat left 4rem bottom 2.7rem/15rem, url(../images/case_4_bg1.png) no-repeat center/cover;padding: 3.3rem 3.6rem 2.8rem 27.4rem;border-radius: 2.2rem;position: relative;}
.sub_04 .title{margin: 0 0 1rem;font-weight: bold;position: absolute;left: 4rem;top: 5.8rem;max-width: 6em;line-height: 2em;}
.sub_04 li:nth-child(2) .item{background: url(../images/case_list3_ico2.png) no-repeat left 2rem bottom 2.8rem/15rem, url(../images/case_4_bg2.png) no-repeat center/cover;}
.sub_04 li:nth-child(3) .item{background: url(../images/case_list3_ico3.png) no-repeat left 4.1rem bottom 2.9rem/15rem, url(../images/case_4_bg3.png) no-repeat center/cover;}
.sub_04 li:nth-child(4) .item{background: url(../images/case_list3_ico4.png) no-repeat left 2.4rem bottom 2.6rem/15rem, url(../images/case_4_bg4.png) no-repeat center/cover;}
.sub_04 .gp-img{padding-bottom: 55.68%;border-radius: 2.2rem;}

.wrap_sub05{padding: 0 0 6rem;}
.sub05{}

.sub_05{max-width: 122.2rem;margin: 0 auto;}
.sub_05 ul{margin: -0.3rem 0 -4.1rem -5rem;}
.sub_05 .item{margin: 0 0 4.1rem 5.6rem;border-radius: 2.2rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);background: #fff;overflow: hidden;}
.sub_05 .gp-img{padding-bottom: 49.3%;}
.sub_05 .bottom{padding: 3rem 6rem 4.7rem;}
.sub_05 .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #787878;}


.wrap_sub06{padding: 3.2rem 0 12.3rem;position: relative;}
.sub06{}

.sub_06{}
.sub_06 ul{margin: 0 0 -4.1rem -4rem;padding: .6rem 0 0;}
.sub_06 .item{margin: 0 0 4.1rem 4rem;border-radius: 2.2rem;box-shadow: 0rem 0rem .9rem 0rem rgba(154, 173, 202, 0.4);background: #fff;overflow: hidden;}
.sub_06 .gp-img{padding-bottom: 81.74%;}
.sub_06 .bottom{padding: 3rem 2rem 3.6rem;}
.sub_06 .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #787878;text-align: center;}







@media screen  and (max-width:992px){
    .case_top .gp-img::before{display: none;}

    .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_02b1 .summary{padding-bottom: 30px;}
    .sub_02b1 .summary br{display: none;}

}
@media screen and (max-width: 767px){

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

    .sub_03 li,.sub_03 li.on{width: 100%;}
    .sub_03 .item::after{display: none;}
    .sub_03 .title,.sub_03 li.on .title{left: 50%;transform: translateX(-50%);width: 90%;}
    .sub_03 .gp-img{padding-bottom: 63.42%;}
    .sub_03 .item::before{height: 10.8rem;}

    .sub_04 .item{padding-left: 122px;}
    .sub_04 .title{top: 20px;line-height: 1.5em;}

    .sub_04 .item{background: url(../images/case_list3_ico1.png) no-repeat left 4rem bottom 2.7rem/10rem, url(../images/case_4_bg1.png) no-repeat center/cover;}
    .sub_04 li:nth-child(2) .item{background: url(../images/case_list3_ico2.png) no-repeat left 2rem bottom 2.8rem/10rem, url(../images/case_4_bg2.png) no-repeat center/cover;}
    .sub_04 li:nth-child(3) .item{background: url(../images/case_list3_ico3.png) no-repeat left 4.1rem bottom 2.9rem/10rem, url(../images/case_4_bg3.png) no-repeat center/cover;}
    .sub_04 li:nth-child(4) .item{background: url(../images/case_list3_ico4.png) no-repeat left 2.4rem bottom 2.6rem/10rem, url(../images/case_4_bg4.png) no-repeat center/cover;}


}