#service{}
#service .banner{width:100%;margin-top:4.5rem;overflow:hidden;}
#service .banner .text{max-width:100%;margin:7.5rem auto 0 auto;text-align:center;}
#service .banner .text h1{font-size:1rem;font-weight:700;color:#000ee6;}
#service .banner .text h2{margin-top:1.5rem;}
#service .banner .text h5{margin-top:1.5rem;}
#service .module{}
#service .module .category{margin-top:7.5rem;}
#service .module .category .row{margin-top:7.5rem;}
#service .module .category .row:first-child{margin-top:0;}
#service .module .category .text{}
#service .module .category .text .icon{width:100%;height:3.25rem;line-height:3.25rem;font-size:3.25rem;}
#service .module .category .text h2{margin-top:2rem;}
#service .module .category .text p{margin-top:1.5rem;line-height:1.5rem;}
#service .module .category .text .link{margin-top:2rem;display:inline-block;line-height:1.5rem;font-weight:700;color:#000ee6;transition:color .3s ease-in-out;}
#service .module .category .text .link i{margin-left:0.5rem;transition:transform .3s ease-in-out;}
#service .module .category .text .link:hover i{transform: translateX(0.5rem);}
#service .module .category .image{}
#service .module .category .image img{width:100%;border-radius:1rem;}
#service .module .technology{margin-top:7.5rem;}
#service .module .technology .title{}
#service .module .technology .title h2{}
#service .module .technology .title p{margin-top:1rem;font-size:1.5rem;font-weight:300;}
#service .module .technology .content{margin-top:4rem;}
#service .module .technology .content .col-2{line-height:5rem;text-align:center;}
#service .module .technology .content .col-2 img{display:inline-block;max-width:5rem;max-height:5rem;}
#service .module .technology .content .col-2 span{display:block;width:100%;line-height:3rem;}
#service .module .case{margin-top:7.5rem;}
#service .module .case .title{}
#service .module .case .title h2{}
#service .module .case .title p{margin-top:1rem;font-size:1.5rem;font-weight:300;}
#service .module .case .content{margin-top:4rem;}
#service .module .case .content .service-menu{position:sticky;top:12.5rem;}
#service .module .case .content .service-menu .item{margin-top:3rem;}
#service .module .case .content .service-menu .item:first-child{margin-top:0;}
#service .module .case .content .service-menu .item a.collapse-title{font-size:1.5rem;font-weight:700;}
#service .module .case .content .service-menu .item a.collapse-title::after{content:"\f105";font-family: "Font Awesome 5 Pro", sans-serif;font-size:1.5rem;font-weight:normal;display:inline-block;margin-left:1rem;line-height:1.5rem;}
#service .module .case .content .service-menu .item a.collapse-title:not(.collapsed)::after{content:"\f107"}
#service .module .case .content .service-menu .item .collapse,
#service .module .case .content .service-menu .item .collapsing{padding-top:2rem;}
#service .module .case .content .service-menu .item .collapse li,
#service .module .case .content .service-menu .item .collapsing li{padding-top:1.25rem;}
#service .module .case .content .service-menu .item .collapse li:first-child,
#service .module .case .content .service-menu .item .collapsing li:first-child{padding-top:unset;}
#service .module .case .content .service-list{}
#service .module .case .content .service-list .item{display:block;margin-bottom:3rem;}
#service .module .case .content .service-list .item .image{position:relative;border-radius:1rem;overflow:hidden;}
#service .module .case .content .service-list .item .image img{width:100%;transition:transform .3s ease-in-out;}
#service .module .case .content .service-list .item .image:hover img{transform:scale(1.2);}
#service .module .case .content .service-list .item .image .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);text-align:center;}
#service .module .case .content .service-list .item .image .bg img{position:absolute;top:50%;left:50%;display:inline-block;width:11.25rem;height:6.25rem;transform:translate(-50%,-50%);}
#service .module .case .content .service-list .item .category{margin-top:1rem;font-size:.9rem;color:#667080;}
#service .module .case .content .service-list .item .title{margin-top:.5rem;font-size:1.5rem;font-weight:600;}
