body{background-color:#ECEBE9}.banner{position:relative;min-height:500px;background-image:url(/images/banner.jpg);background-size:cover;background-position:62% 0}.banner::before{display:block;content:'';padding-top:50%}.banner .content-box{position:absolute;top:0;left:0;width:100%;height:100%}.banner .inside{padding-left:270px}.banner .title{font-weight:600;text-align:left;letter-spacing:0.58px;color:#FFFFFF;font-size:56px;line-height:1.2;font-family:'Montserrat', sans-serif}.banner .content{text-align:left;margin-top:8px;font-weight:300;letter-spacing:0.58px;color:#FFFFFF;font-size:24px}.about{padding:78px 270px}.about .content-box{padding-right:80px}.about .title-box{margin-bottom:55px}.about .title{font-size:36px;line-height:1;margin-bottom:6px}.about .title-1{font-size:17px;font-family:'Montserrat', sans-serif;font-weight:400}.about .line{height:6px;width:68px;background-color:#E65500;margin-bottom:55px}.about .content{font-family:Noto Sans;letter-spacing:0.41px;font-size:17px;line-height:1.8}.about .accumulation{padding-left:80px;background-color:#fff;background-clip:content-box}.about .accumulation-box{padding:28px 20px}.about .accumulation-title{font-size:17px;font-family:Noto Sans;line-height:4}.about .number{font-size:56px;font-weight:400;font-family:'Montserrat', sans-serif}.about .row-box{border-bottom:2px solid #707070;padding:10px 0}.about .about-btn{width:100%;background-color:#000000;color:#fff;text-align:center;margin-top:50px;padding:13px 0;position:relative;cursor:pointer}.about .about-btn .btn-text{position:inherit;z-index:1}.about .about-btn:before{display:block;content:'';background-color:#E65500;position:absolute;left:0;top:0;width:0;height:100%;-webkit-transition:width 0.3s;transition:width 0.3s}.about .about-btn:hover:before{width:100%}.banner-1{background-image:url("/images/index-bg.jpg");background-size:cover;background-position:center;position:relative}.banner-1:before{display:block;content:'';padding-top:30%}.banner-1 .title{position:absolute;top:0;left:0;width:100%;background-color:#E65500E6;color:#fff;font-size:36px;text-align:center;padding:103px 0;letter-spacing:1.66px}.achievement{padding:100px 200px 130px 200px;position:relative}.achievement .title-box{text-align:center;margin-bottom:75px;padding:0 68px}.achievement .title{font-size:36px}.achievement .link{height:6px;width:100%;max-width:430px;background-color:#E65500;margin-top:14px;margin-bottom:19px;margin-left:auto;margin-right:auto}.achievement .title-1{font-size:15px;color:#666666;font-family:'Montserrat', sans-serif;font-weight:400}.achievement .row-box{padding:20px 10px;cursor:pointer}.achievement .bg-img{background-size:cover;background-position:center}.achievement .bg-img:before{display:block;content:'';padding-top:100%}.achievement .text-box{text-align:left;padding:24px 23px;background-color:#E65500;color:#fff}.achievement .content-box{padding-top:17px}.achievement .content{padding-right:10px;padding-left:50px;flex:1;font-size:24px;letter-spacing:0.34px}.achievement .more{cursor:pointer;font-size:17px;font-family:'Montserrat', sans-serif}.achievement .work-btn{width:100%;background-color:#000000;color:#fff;text-align:center;margin-top:30px;padding:13px 0;position:relative;cursor:pointer}.achievement .work-btn .btn-text{position:inherit;z-index:1}.achievement .work-btn:before{display:block;content:'';background-color:#E65500;position:absolute;left:0;top:0;width:0;height:100%;-webkit-transition:width 0.3s;transition:width 0.3s}.achievement .work-btn:hover:before{width:100%}.achievement .row-hover{transition:0.5s}.achievement .row-hover:hover{transform:translate(0, -5%)}.achievement .img-box{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.achievement .img-box::before{display:block;content:'';padding-top:55%}.achievement .img-box .img-hover{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#E65500;opacity:0;font-size:24px;color:#ffffff;letter-spacing:0px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;font-family:'Montserrat', sans-serif;font-weight:400}.achievement .date{padding-bottom:5px;font-size:24px;letter-spacing:0.58px;position:relative;font-family:'Montserrat', sans-serif}.achievement .date::before{display:block;content:'';position:absolute;bottom:0;left:0;height:5px;width:15px;background-color:#E65500;-webkit-transition:width 0.3s;transition:width 0.3s}.achievement .project-row{padding:0 10px 37px 10px;cursor:pointer}.achievement .project-row:hover .img-hover{opacity:0.9}.achievement .project-row:hover .date::before{width:100%}@media only screen and (max-width: 1520px){.about{padding:78px 100px}.banner .inside{padding-left:100px}}@media only screen and (max-width: 1200px){.about{padding:78px 50px}.banner-1 .title{padding:50px 0}.banner-1:before{padding-top:50%}.achievement{padding:100px 40px 130px 40px}.banner .inside{padding-left:50px}.banner .title{font-size:45px}.banner .content{font-size:20px}}@media only screen and (max-width: 991px){.about .content-box{padding-right:0;margin-bottom:80px}.about .accumulation{padding-left:0}.banner-1 .title{font-size:30px}}@media only screen and (max-width: 768px){.achievement{padding:80px 0 90px 0}.achievement .content{font-size:17px}.achievement .date{font-size:24px}}@media only screen and (max-width: 576px){.banner{background-size:70em}.banner .inside{padding-left:10px}.banner .title{font-size:35px}.banner .content{font-size:17px}.about{padding:80px 25px}.about .number{font-size:40px}.about .title{font-size:30px}.about .title-1{font-size:15px}.about .line,.about .title-box{margin-bottom:32px}.banner-1 .title{font-size:24px;padding:48px 25px}.banner-1:before{padding-top:100%}}
/*# sourceMappingURL=index.css.map */
