.about-top-row{position:relative;width:100%;height:calc(100vh - 90px);display:flex;align-items:flex-end;z-index:10}.about-top-row>*{min-width:100%}.about-top-row .cap-con{position:relative;z-index:10}.about-top-row .cap-con .slogan-con{margin:45px 0;position:relative}.about-top-row .cap-con .slogan-con .slogan{font-size:64px;letter-spacing:2px;color:#fff;font-weight:200;line-height:72px;position:relative;z-index:4}.about-top-row .cap-con .slogan-con .slogan span{font-weight:600;color:#000}.about-top-row.quarry-top-row .cap-con .slogan-con .slogan span{color:#fff}.about-top-row .cap-con .slogan-con:before{content:'';position:absolute;width:480px;height:880px;top:-180px;left:-240px;background-image:url(../../img/icon.svg);opacity:.1;z-index:1;background-size:100%;background-repeat:no-repeat}.about-top-row .bg{position:absolute;z-index:8;width:100%;height:100%;overflow:hidden;background-color:#111}.about-top-row .bg img,.about-top-row .bg video{object-fit:cover;width:100%;height:100%}.about-top-row.quarry-top-row .bg img{opacity:.8}.about-txt-row{position:relative;z-index:11;margin:120px 0}.about-txt-row .head1{font-size:36px;color:#000;font-weight:200;margin:0}.about-txt-row .head1 span{font-weight:600}.about-txt-row .txt{font-size:18px;font-weight:300;margin-top:45px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}.about-sec-row{}.about-sec-row .about-item{display:flex}.about-sec-row .about-item:nth-child(2n){flex-direction:row-reverse}.about-sec-row .about-item .img-col{flex:1 0 0;max-width:50%;aspect-ratio:3/2;position:relative}.about-sec-row .about-item .img-col img,.about-sec-row .about-item .img-col video{object-fit:cover;width:100%;height:100%}.about-sec-row .about-item .txt-col{flex:1 0 0;max-width:50%;display:flex;align-items:flex-end}.about-sec-row .about-item:nth-child(2n) .txt-col{justify-content:flex-end}.about-sec-row .about-item .txt-col .txt-con{padding:45px 0}.about-sec-row .about-item .txt-col .txt-con .head{color:#000;font-size:32px;font-weight:200;margin:0;margin-bottom:30px}.about-sec-row .about-item .txt-col .txt-con .head span{font-weight:600}.about-sec-row .about-item .txt-col .txt-con .desc{font-size:16px;font-weight:300}@media(max-width:1199px){}@media(max-width:991px){}@media(max-width:767px){.about-top-row{height:100vw}.about-top-row .cap-con .slogan-con{margin:20px 0}.about-top-row .cap-con .slogan-con .slogan{font-size:32px;letter-spacing:1px;line-height:40px}.about-top-row .cap-con .slogan-con:before{width:240px;height:440px;top:-90px;left:-120px}.about-txt-row{margin:60px 0}.about-txt-row .head1{font-size:24px}.about-txt-row .txt{font-size:14px;margin-top:20px;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}.about-sec-row .about-item{flex-direction:column}.about-sec-row .about-item:nth-child(2n){flex-direction:column}.about-sec-row .about-item .img-col{max-width:initial}.about-sec-row .about-item .txt-col{max-width:initial}.about-sec-row .about-item .txt-col .txt-con{padding:20px 0;margin-bottom:40px}.about-sec-row .about-item .txt-col .txt-con .head{font-size:20px;margin-bottom:15px}.about-sec-row .about-item .txt-col .txt-con .desc{font-size:12px}}