.case-style{padding-top:64px;margin:0 auto}.case-style .case-style-banner{height:4rem;box-sizing:border-box;position:relative;overflow:hidden}.case-style .case-style-banner .bg{background-repeat:no-repeat;background-size:cover;background-position:50%;width:100%;height:100%;transform:scale(1.08)}.case-style .case-style-banner .bg.animated{transform:scale(1);transition:all 5s ease-out}.case-style .case-style-banner .title{color:#fff;letter-spacing:1px;left:10%;margin:0 auto;position:absolute;top:calc(50% - 35px);line-height:1.2}.case-style .case-style-banner .nav{color:#fff;position:absolute;bottom:20px;left:10%;font-size:16px}.case-style .case-style-banner .nav a{text-decoration:none;color:#fff}.case-style .case-style-banner .nav a:hover{color:#078855}.case-style .case-container{width:83%;margin:0 auto}.case-style .case-container .case-container__category{padding-top:1.1rem}.case-style .case-container .case-container__category .category-box{display:flex;padding:0;flex-wrap:wrap;justify-content:center}.case-style .case-container .case-container__category .category-box a{text-decoration:none;height:100%;background-color:#f1f1f1;padding:0 10px;width:200px;height:52px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.case-style .case-container .case-container__category .category-box a:hover{background-color:#333}.case-style .case-container .case-container__category .category-box a:hover h2{color:#fff}.case-style .case-container .case-container__category .category-box a h2{font-size:18px;color:#818181}.case-style .case-container .case-container__category .category-box .category--active{background-color:#333}.case-style .case-container .case-container__category .category-box .category--active h2{color:#fff}.case-style .case-list{display:flex;flex-wrap:wrap;margin-top:.6rem}.case-style .case-list .case-list__item{width:calc(33.33333% - 28.66667px);border-radius:20px;margin-bottom:1.1rem;border:1px solid #c7c7c7;position:relative;margin-right:43px;overflow:hidden}.case-style .case-list .case-list__item:hover{box-shadow:3px 18px 27px 0 rgba(17,31,45,.11)}.case-style .case-list .case-list__item:nth-child(3n){margin-right:0}.case-style .case-list .case-list__item .img,.case-style .case-list .case-list__item .img img{width:100%}.case-style .case-list .case-list__item .info{box-sizing:border-box;padding:0 36px 72px}.case-style .case-list .case-list__item .info .info-title{font-size:22px;color:#333;padding-top:83px}.case-style .case-list .case-list__item .info .info-line{height:1px;background-color:#818181;margin:33px 0}.case-style .case-list .case-list__item .info .info-description{font-size:16px;line-height:20px;color:#818181}.case-style .case-list .case-list__item .info .info-morebtn{text-decoration:none;position:absolute;left:37px;bottom:38px;color:#333;cursor:pointer;font-size:14px}.case-style .case-list .case-list__item .info .info-morebtn:hover{color:#078855}.case-style .case-list .case-list__item .info .info-morebtn i{font-size:14px}.case-style ._page_container{padding:0 0 20px}@media screen and (max-width:1400px){.case-style .case-container{width:90%}.case-style .case-list .case-list__item{margin-bottom:80px}.case-style .case-list .case-list__item .info .info-title{font-size:18px;padding-top:40px}.case-style .case-list .case-list__item .info .info-line{margin:20px 0}}@media screen and (max-width:1200px){.case-style .case-style-banner .title{left:5%}.case-style .case-style-banner .nav{left:5%;font-size:14px}.case-style .case-container{width:90%}.case-style .case-container .case-container__category .category-box a{width:124px;height:42px;font-size:14px}.case-style .case-list .case-list__item{width:calc(50% - 33px);margin-top:66px}.case-style .case-list .case-list__item .info .info-title{font-size:18px;padding-top:53px}.case-style .case-list .case-list__item .info .info-line{margin:23px 0}.case-style .case-list .case-list__item .info .info-description{font-size:14px}.case-style .case-list{margin-top:10px;padding-bottom:30px;justify-content:space-between}.case-style .case-list .case-list__item{margin-bottom:30px;margin-top:30px;margin-right:0}}@media screen and (max-width:800px){.case-style--phone{padding-top:56px}.case-style--phone .case-style-banner .title{position:absolute;left:0;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}.case-style--phone .case-style-banner .nav{display:none}.case-style--phone .case-container .case-container__category .category-box a{width:100px;height:38px;font-size:12px;margin-bottom:15px}.case-style--phone .case-list{display:block;width:100%;height:auto;padding-bottom:40px}.case-style--phone .case-style .case-list{margin-top:30px;padding-bottom:30px}.case-style--phone .case-list .case-list__item{width:100%;max-width:500px;min-width:auto;margin:40px auto 0!important}.case-style--phone .case-list .case-list__item .img{height:242px}.case-style--phone .case-list .case-list__item .info .info-title{font-size:16px}.case-style--phone .case-list .case-list__item .info .info-description{font-size:12px}}