p{margin:0}section{color:#f5f5f5}.intro-title{font-size:5rem;font-weight:700;letter-spacing:.125rem}.intro-title-sm{font-size:3rem;font-weight:700;letter-spacing:.125rem}.intro-content{font-size:1.5rem}.row1{background-image:url(../images/system4/system4_bg1.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;padding-top:10rem;padding-bottom:30rem}.row2{background-color:#36c5bf;padding:3rem 0}.row2-content-wrapper{margin-top:3rem;display:flex;flex-direction:column}.row2-content-wrapper>div:last-child{margin-top:2rem}.row2-content{width:80%;margin:0 auto;display:flex;justify-content:space-around}.row2-content-items{display:inline-block;margin:0 .25rem;position:relative}.row2-content-items>span{width:100%;position:absolute;top:65%;left:50%;transform:translateX(-50%)}.row3{background-image:url(../images/system4/system4_bg3.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:3rem;padding-bottom:35rem}.row4{background:linear-gradient(to right,#1a6dc9,#2196d9 50%,#1a6dc9);padding:3rem 0}.row4-content-wrapper{width:80%;margin:3rem auto 0 auto;display:flex;flex-wrap:wrap;justify-content:left}.row4-content{box-shadow:-3px -3px 10px rgba(0,0,0,.3);border-radius:1rem;padding:2rem 0;margin:1rem 4%;width:25%}.row4-content>img{width:auto;height:10rem}.row5{background:linear-gradient(to bottom,#24a6e0,#112aa8);padding:3rem 0}.row5-content{margin:7rem 0;display:flex;flex-wrap:wrap;justify-content:space-around}.row5-content>img{margin-top:1rem;width:auto;height:25rem}.row6{background-color:#fdac5a;padding:5rem 0;display:flex;justify-content:space-around;align-items:center}.row6-content{display:flex;justify-content:center;flex:1}.row6-content>img{width:auto;height:40rem}.row6-intro{padding-bottom:3rem;display:flex;flex-direction:column;flex:1}.row7{background-color:#9353ff;padding:5rem 0;display:flex;justify-content:space-around;align-items:center}.row7>img{width:auto;height:40rem}.row8{background-color:#5ca3f5;padding:5rem 0;display:flex;justify-content:space-around;align-items:center}.row8>img{width:auto;height:40rem}.row7-intro,.row8-intro{width:40rem;text-align:left}.row9{background-color:#3ee480;padding:5rem 0;display:flex;justify-content:space-around;align-items:center}.row9-content-intro{margin-bottom:2rem}.row9-content-list{display:flex;flex-wrap:wrap;justify-content:space-around}.row9-content-list-items{width:33%;margin-top:1rem}.row10{background:linear-gradient(to right,#1756bd,#229cdd 50%,#1756bd);padding:3rem 0;display:flex;flex-direction:column;align-items:center}.row10-top{position:relative;padding-bottom:10rem;text-align:center}.row10-center{display:flex;justify-content:space-around;align-items:center}.row10-center-left{position:relative;padding-right:10rem}.row10-center-right{position:relative;padding-left:10rem}.row10-btm{position:relative;padding-top:10rem}.row10-btm>img,.row10-center-left>img,.row10-center-right>img,.row10-top>img{position:absolute;width:auto;height:2.25rem}.row10-top>img{left:50%;transform:translateX(-50%) rotate(90deg);bottom:30%}.row10-center-left>img{top:50%;transform:translateY(-50%);right:10%}.row10-center-right>img{top:50%;transform:translateY(-50%) rotate(180deg);left:10%}.row10-btm>img{left:50%;transform:translateX(-50%) rotate(-90deg);top:30%}.row11{background-image:url(../images/system4/system4_bg11.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:3rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.row11-intro{padding-bottom:5rem}.row12{background-image:url(../images/system4/system4_bg12.jpg);background-position:right center;background-repeat:no-repeat;background-size:cover;padding:15rem 0 25rem 15rem}.row12>p{color:#3b1812}.row13>p{padding:3rem 0;background:linear-gradient(to bottom,#10acf9,#2088fb)}.row13-content{background-image:url(../images/index/case-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:3rem 0}.row13-content-tab{width:80%;margin:0 auto;margin-bottom:3rem}.row13-content-tab>img{margin:0 1rem;width:auto;height:10rem;cursor:pointer}.row13-content-con-wrapper{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.row13-content-con{display:none}.row13-content-con.active{display:flex;flex-wrap:wrap;justify-content:left;padding:0 1rem}.row13-content-con>img{padding:.125rem;width:20%;height:auto;object-fit:cover;cursor:pointer;transition:all 125ms}.row13-content-con>img:hover{transform:scale(1.2)}@media screen and (max-width:1280px){.row4-content-wrapper{width:100%}.row6{padding:3rem 0;flex-direction:column}.row6-intro{margin-top:3rem}.row7,.row8{padding:3rem 0;flex-direction:column-reverse}.row7-intro,.row8-intro{width:100%;margin-top:3rem;text-align:center}.row9{padding:3rem 0;flex-direction:column}.row9-content{margin-top:3rem;text-align:center}.row10-center>img{width:auto;height:15rem}.row10-btm>img,.row10-center-left>img,.row10-center-right>img,.row10-top>img{display:none}.row10-top{padding-bottom:3rem}.row10-center-left{padding-right:3rem}.row10-center-right{padding-left:3rem}.row10-btm{padding-top:3rem}.row13-content-con>img{width:25%}}@media screen and (max-width:996px){.intro-title{font-size:2.75rem;letter-spacing:.0625rem}.intro-title-sm{font-size:2.25rem;letter-spacing:.0625rem}.intro-content{font-size:1.25rem}.row1{padding-top:7rem;padding-bottom:20rem}.row2-content{width:96%}.row3{padding-bottom:20rem}.row7>img,.row8>img{height:30rem}.row12{padding:10rem 0 20rem 10rem}.row13-content-tab{width:100%}.row13-content-tab>img{height:7rem}.row13-content-con-wrapper{width:100%}}@media screen and (max-width:560px){.row1{padding-top:5rem;padding-bottom:10rem}.row4-content{padding:.75rem 0;margin:.5rem 2%;width:29%}.row4-content>img{height:6rem}.row5-content{margin:2rem 0}.row6-content>img{height:30rem}.row9-content-list-items>img{width:auto;height:8rem}.row10-center{flex-direction:column;text-align:center;justify-content:center;align-items:center;padding-right:1.75rem}.row10-top{padding-bottom:2rem}.row10-center-left{padding-right:0}.row10-center-right{padding-left:0}.row10-btm{padding-top:0}.row11-intro{padding-bottom:3rem}.row12{padding:7rem 0 12rem 5rem}.row13-content-tab>img{margin:0 .25rem}.row13-content-con>img{height:10rem}.row13-content-con>img{width:50%}}