* { padding: 0; margin: 0; box-sizing: border-box; }
body, html { font-size: 14px; }
h4 { margin-bottom: 1.33rem; font-size: 1.5rem; font-weight: bold; text-align: center; }
p { font-size: 1.167rem; text-align: center; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,
.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,
.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto { padding: 0; }
.navbar-home { position: fixed; width: 100%; padding: 1rem 1.67rem; background: rgba(11, 11, 11, 0.29) !important; z-index: 9999; }
.navbar-brand-home { display: flex; align-items: center; padding: 0; margin-right: 14rem; }
.navbar-brand h4 { margin-left: 0.83rem; margin-bottom: 0; font-size: 1.33rem; color: #fff; font-weight: normal; }
.navbar-toggler { border: 0; }
.navbar-toggler-icon { width: 1.5rem; height: 1.33rem; background-image: url("../image/home/navbar-toggler-icon.png") !important; }
.navbar-collapse-home { margin: 0 -1.67rem; }
.nav-link-home { padding: 0.5rem 2rem; font-size: 16px; }
.nav-link-home,
.nav-option-link { color: #fff; }
.nav-link-home:hover,
.nav-option-link:hover { color: #fff; }
#nav-solution { cursor: pointer; }
#optionContent { padding: 0; display: none; }
.nav-option-link { padding: 1.5rem; font-weight: 200; }
.common-banner { height: 48rem; }
.common-footer { padding: 5rem 0.5rem; background: #133e47; color: #fff; }
.common-footer .geography { margin-top: 4rem; }
.common-footer .geography .common-footer-contact .col-12 { padding: 0 5rem; }
.common-footer .geography .common-footer-contact img { margin-right: 1.33rem; }
.common-footer .divider { margin-top: 4rem; border: 1px solid rgba(159, 178, 179, 0.26); }
.footer-info { margin-top: 2.75rem; text-align: center; }
.common-footer-md { padding: 1.167rem 0 5rem; }
.common-footer-contact { font-size: 1.33rem; }
.common-footer-md .common-footer-contact span::after { display: block; content: ""; width: 1px; height: 1.33rem; margin: 0 0.5rem; background-color: #fff; }
.common-footer-md .common-footer-contact span:last-child::after { display: none; }
.common-footer-md .footer-info { color: #8c8c8c; font-size: 1.167rem; }
.container-heart { max-width: 1440px; margin: 0 auto; }
.common-not-heart { max-width: 100%; }


.banner-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.banner-text.center { text-align: center; }
.banner-text .text { padding: 200px 0 0 100px; font-size: 28px; color: #fff; text-shadow: 0 0 5px #333; }
.banner-text .text b { color: #5ED798; font-weight: normal; }
.banner-text .text span { font-size: 16px; }
.banner-text .btns { padding-top: 20px; font-size: 0; }
.banner-text .btns .btn { width: 120px; height: 36px; border-radius: 3px; background: #000; color: #fff; margin-right: 12px; }
.banner-text .btns .btn:last-child { margin-right: 0; }
.banner-text .btns .btn:hover { opacity: .95; }
.banner-text .btns .btnA { background: #5ED798;}





@media screen and (min-width:577px) {
    .tab-lg { display: flex !important; height: 6rem; justify-content: center; align-items: center; margin-top: 0 !important; border-bottom: 1px solid #bfb3b3; }
    .tab-lg li { height: 100%; }
    .tab-lg li .nav-link { position: relative; height: 100%; padding: 0.5rem 2rem; }
    .tab-lg li .nav-link.active { color: #5ed798; background-color: #fff; }
    .tab-lg li .nav-link.active::after { position: absolute; display: block; content: ''; width: 100%; height: 0.25rem; bottom: 0; margin: 0 -2rem; background: #5ed798; }
}
@media screen and (max-width:992px) {
    /*.container-heart { margin: 0 1.25rem; }*/
    /*.common-not-heart { margin: 0 -1.25rem; }*/
    .navbar-home { background: #14404a !important; }
    .navbar-collapse-home { margin-top: 1rem; }
    .nav-item-home { padding: 0; }
    .nav-link-home { padding: 1.58rem 1.33rem; border-top: 1px solid rgba(144, 144, 144, 0.47); }
    .nav-item-home:last-child .nav-link-home { border-bottom: 1px solid rgba(144, 144, 144, 0.47); }
    .nav-item-home:last-child .nav-link-home { border-bottom: 1px solid rgba(144, 144, 144, 0.47); }
}
@media screen and (min-width:992px) {
    .nav-link-home { height: 2.5rem; border: 0 !important; }
    .navbar-collapse-home { margin-top: 0; }
    .nav-link-home.active::after { display: block; content: ""; width: 100%; height: 0.33rem; margin-top: 0.75rem; background: #5ed798; }
    /*.container-heart { margin: 0 24rem; }*/
    /*.common-not-heart { margin: 0 -24rem; }*/
    .common-banner { height: 39rem; }
}


/* home */
.home .carousel-item { background-repeat: no-repeat; background-position: center; background-size: cover; }
.home .kumoi-banner { position: relative; }
.home .kumoi-banner .carousel-inner .carousel-item { height: 64rem; }
.home .kumoi-business { margin-top: 5rem; }
.home .kumoi-business-top p { margin: 0; text-align: center; }
.home .kumoi-business-bottom { margin-top: 2.17rem; }
.home .kumoi-business-bottom .nav-item { width: 33.33%; height: 3.75rem; }
.home .nav-pills .nav-link { height: 100%; text-align: center; font-size: 1.5rem; border-radius: 0; }
.home .nav-pills .nav-link.active { color: #2a6fff; background-color: transparent; }
.home .nav-pills .nav-link.active::after { background-color: #2a6fff; }
.home .nav-pills .nav-link::after { display: block; content: ""; width: 100%; height: 0.17rem; margin-top: 1.67rem; background: #d8d8d8; }
.home .tab-content { padding-top: 1rem; }
.home .tab-content .row { margin: 0; }
.home .tab-content .row > div { height: 12.33rem; margin-bottom: 1.167rem; font-size: 1.167rem; }
.home .tab-content .row .tab-option { display: flex; height: 100%; margin: 0 1rem; flex-direction: column; justify-content: center; align-items: center; background: #ecf8ff; box-sizing: border-box; }
.home .hotel-application { height: 40rem; margin-top: 4rem; padding: 5rem 1.25rem 0; background: transparent url(../image/home/application.png) no-repeat center; background-size: 100% 100%; color: #fff; overflow: hidden; }
.home .hotel-application-info p { text-align-last: left; line-height: 2rem; }
.home .hotel-application-data { display: flex; align-items: end; }
.home .hotel-application-data span:first-child { width: 61.83rem; margin-right: 0.25rem; }
.home .hotel-application-data span:last-child { width: 18.5rem; }
.home .system-show { height: 47rem; padding: 5rem 3.667rem; background: transparent url(../image/home/system-bj.png) no-repeat center; }
.home .system-show h4 { font-weight: 500; }
.home .service-container { height: 46rem; background-image: url(../image/home/service-bj1.png); color: #fff; }
.home .service-container-top { padding: 5rem 2rem 0; }
.home .service-container-top h4 { text-align: left; font-weight: 500; }
.home #serviceIds { width: 100%; margin-top: 3.5rem; padding: 0 1.5rem; }
.home #serviceIds .carousel-indicators { bottom: -4.167rem; margin-bottom: 0; }
.home #serviceIds { display: block !important; }
.home .collaboration { padding-top: 5rem; }
.home .collaboration-bottom { margin-top: 5rem; }
.home .collaboration-info { text-align: center; }
.home .collaboration-bottom { height: 35rem; background: transparent url(../image/home/collaboration-bj.png) no-repeat center;  /* background-clip: border-box; */ background-size: 100% 100%; }
.home .collaboration-member-bottom { display: grid; margin-top: 4rem; margin-bottom: 10rem; grid-template-columns: repeat(3, 1fr); grid-row-gap: 3rem; grid-column-gap: 3rem; justify-content: center; align-items: center; }
@media screen and (min-width:992px) {
    .home .kumoi-banner .carousel-inner .carousel-item { height: 39rem; }
    .home .service-container { height: 38rem; background-image: url(../image/home/service-bj-pc1.png); background-position: bottom center; background-size: 100% 100%; }
    .home .hotel-application { padding-left: 19rem; padding-right: 19rem; }
    .home .service-container-lg { display: block !important; margin: 0 15rem; }
    .home #serviceIds { display: none !important; }
}
@media screen and (max-width:576px) {
    .home .hotel-application-data { margin-top: 4rem; }
    .home .hotel-application-data span:first-child { width: 20.33rem; }
    .home .hotel-application-data span:last-child { width: 6.08rem; }
    .home .service-container-top-title { text-align: center !important; }
    .home .collaboration-bottom { margin: 5rem -1.25rem 0; }
}
@media screen and (min-width:576px) {
    .home .service-container-lg .col {    /* width: 20rem; */height: 10rem; background: rgba(156, 156, 156, 0.28); backdrop-filter: blur(10px); margin: 0 1.667rem; }
    .home .service-container-lg .col:first-child { margin-left: 0; }
    .home .service-container-lg .col:last-child { margin-right: 0; }
    .home .service-container-lg .col img { margin-right: 0.86rem; }
    .home .service-container-lg .col span { font-size: 1.33rem; }
    .home .service-container-top { padding-left: 15rem; padding-right: 15rem; }
    .home .collaboration-member-bottom { grid-template-columns: repeat(8, 1fr); }
}


/* product */
.product .common-banner { background: transparent url(../image/product/banner.png) no-repeat center; background-size: cover; }
.product .d-block-sm { display: block; }
.product .d-block-sm { display: none; }
.product .common-top { margin-top: 6rem; }
.product .common-product { text-align: center; font-size: 1.5rem; }
.product .common-product img { height: 100%; }
.product .common-product-content { padding: 3rem 1.33rem 9rem; background-color: #f8fcfa; }
.product .common-product-option { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 2rem; margin-top: 5.33em; }
.product .common-product-option-item { justify-self: center; align-self: center; }
.product .common-product-option-icon { position: relative; width: 3.83rem; height: 3.83rem; border: 1px solid #174650; border-radius: 3.83rem; }
.product .common-product-option-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.product .product-info { margin-top: 6.33rem; }
.product .product-info-service { display: flex; }
.product .product-info-service img { width: 40.83rem; object-fit: contain; }
.product .product-info-service img:first-child { margin-right: 1.667rem; }
@media screen and (max-width:576px) {
    .product .product-info-service { margin: 0 -1.25rem; overflow: hidden; }
    .product .product-info-service img:first-child { margin: 0; }
}
@media screen and (max-width:768px) {
    .product .d-none-sm { display: none; }
    .product .d-block-sm { display: block; }
}

/* solution */
.solution .common-banner { background: transparent url(../image/solve/banner.jpg) no-repeat center bottom; background-size: cover; }
.solution .tab-lg .nav-link { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #5B5C5D; padding-left: 3rem !important; padding-right: 3rem !important; }
.solution .tab-lg .nav-link.active::after { margin: 0 -3rem !important; }
.solution .tab-lg,
.solution .tab-content { display: none !important; }
.solution .solve-hotel,
.solution .solve-hotel-lg { margin-top: 3rem; }
.solution .solve-hotel-info {  /* height: 60rem; */ padding: 1rem 1.33rem 5rem; background: #133e47; color: #fff; }
.solution .row { margin: 0; padding: 0; }
.solution .solve-hotel-info span:nth-child(2) { margin: 1rem 0; font-size: 1.33rem; font-weight: 500; color: #5ed798; }
.solution .solve-hotel-info .row:first-child .col { margin-right: 1.58rem; }
.solution .solve-hotel-info .row:first-child .col:last-child { margin: 0; }
.solution .solve-hotel-sm { margin-top: 2.5rem; }
.solution .solve-hotel-lg .solve-hotel-item img { width: 23rem; height: 17.25rem; }
.solution .solve-hotel-lg .solve-hotel-item .col { margin-bottom: 1rem; }
.solution .solve-hotel-quick { margin-top: 5rem; }
.solution .solve-hotel-market { margin: 8rem 0; }
@media screen and (min-width:626px) {
    .solution .tab-lg { display: flex !important; }
    .solution .tab-content { display: block !important; }
    .solution .solve-hotel { display: none; }
}


.brand .common-banner { background: transparent url(../image/brand/banner.jpg) no-repeat center bottom; background-size: cover; }
.brand h4 { font-weight: 500; color: #133e47; }
.brand .tab-lg .nav-link { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #5B5C5D; padding-left: 3rem !important; padding-right: 3rem !important; }
.brand .tab-lg .nav-link.active::after { margin: 0 -3rem !important; }
.brand .tab-lg,
.brand .tab-content,
.brand .brand-sm,
.brand .brand-sm-system { display: none !important; }
.brand .custom-top { margin-top: 5.33rem; }
.brand .brand-system { margin-bottom: 3rem; font-weight: 500; font-size: 1.33rem; color: #5ed798; }
.brand .brand-due { display: grid; width: 100%; height: 16rem; grid-template-columns: repeat(4, 1fr); gap: 1.667rem; }
.brand .brand-due > div { width: 100%; height: 14rem; justify-self: flex-end; padding: 0 0.5rem; border: 1px solid rgba(188, 188, 188, 0.4118); }
.brand .brand-due > div:nth-child(2n) { align-self: end; background: #cff3e0; border-color: #cff3e0; }
.brand .brand-due > div span:first-child { font-size: 5.33rem; font-family: PingFang HK; font-weight: 500; color: #7ddfac; }
.brand .brand-due > div span:last-child { color: #242424; }
.brand .brand-due > div:nth-child(2n) span:first-child { color: #133e47; }
.brand .brand-due > div:nth-child(2n) span:last-child { color: #002726; }
.brand .brand-due-lg > div { position: relative; flex-direction: row-reverse !important; justify-content: center !important; align-items: center !important; z-index: -3; }
.brand .brand-due-lg > div span:last-child { position: relative; z-index: -2; }
.brand .brand-due-lg > div span:last-child::after { position: absolute; content: ""; width: 6rem; height: 6rem; right: 0; top: 50%; transform: translate(50%, -30%); background: #5ed798; border-radius: 6rem; opacity: 0.3; z-index: -1; }
.brand .design { height: 48rem; padding: 2.8rem 0.5rem; background: transparent url(../image/brand/design.png) no-repeat center; background-size: cover; }
.brand .design h4 { color: #fff; }
.brand .design .row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 2rem; }
.brand .design .col { display: flex; width: 13.75rem; height: 10rem; justify-content: center; align-items: center; padding: 0 0.5rem; color: #3d3d3d; font-weight: 500; background: rgba(255, 255, 255, 0.71); }
.brand .design-lg { height: auto; margin-bottom: 10rem; }
.brand .design-lg .row { grid-template-columns: repeat(3, 1fr); }
.brand .design .row .col { justify-self: center; align-self: center; }
@media screen and (min-width:626px) {
    .brand .tab-lg { display: flex !important; }
    .brand .tab-content { display: block !important; }
}
@media screen and (max-width:625px) {
    .brand .brand-sm-system { display: flex !important; }
    .brand .brand-sm { display: block !important; }
}



.region .common-banner { background: transparent url(../image/region/banner.jpg) no-repeat center bottom; background-size: cover; }
.region .tab-lg .nav-link { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #5b5c5d; padding-left: 3rem !important; padding-right: 3rem !important; }
.region .tab-lg .nav-link.active::after { margin: 0 -3rem !important; }
.region .tab-lg { display: none !important; }
.region .region-bg { display: flex; height: 38.75rem; color: #fff; justify-content: center; align-items: center; font-size: 2rem; font-weight: 500; background: transparent url(../image/region/region.png) no-repeat center; background-size: 100% 100%; }
.region .text-content1 { margin-top: 1rem; height: 18rem; background-color: #f0f6e7; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 1.66rem; border-bottom-left-radius: 0; }
.region .text-content1 .icon-img1 { margin: 1.25rem 0 0 1.83rem; }
.region .text-content1 .icon-img1 span { margin-left: 1rem; font-size: 1.33rem; font-weight: 500; color: #3d3d3d; }
.region .text-content1 .text-btn { display: flex; height: 3rem; margin: 2.08rem 0 0 2.66rem; }
.region .text-content1 .text-btn .btn-left { flex: 1; display: flex; justify-content: center; align-items: center; border: 1px solid black; border-radius: 2rem; margin-right: 6.16rem; font-size: 1.16rem; font-weight: 500; color: #133e47; }
.region .text-content1 .text-btn .btn-right { flex: 1; display: flex; justify-content: center; align-items: center; border: 1px solid black; border-radius: 2rem; margin-right: 2.08rem; font-size: 1.16rem; font-weight: 500; color: #133e47; }
.region .text-content1 .text-btn-bottom { display: flex; height: 3rem; margin: 2.08rem 0 0 2.66rem; }

/* 微素材触客 */
.region .text-content2 { margin-top: 1rem; height: 18rem; background-color: #cff3e0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 1.66rem; }
.region .text-content2 .text-btn-bottom .btn-right { border: 0px solid black; }

/* 社群运营集客 */
.region .text-content3 { margin-top: 1.66rem; height: 18rem; background-color: #f0f6e7; border-top-left-radius: 0; border-top-right-radius: 1.66rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/* 营销锁客  智能留言 */
.region .text-content4 { margin-top: 1.66rem; height: 18rem; display: flex; }
.region .text-content4 .suoke { flex: 1; margin-right: 1.25rem; background-color: #cff3e0; border-top-left-radius: 1.66rem; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.region .text-content4 .suoke:last-child { margin: 0; }
.region .text-content4 .suoke .suoke-icon { margin: 1.25rem 0 0 1.83rem; }
.region .text-content4 .suoke .suoke-icon span { margin-left: 1rem; font-size: 1.33rem; font-weight: 500; color: #3d3d3d; }
.region .text-content4 .suoke .suoke-btn { display: flex; justify-content: center; align-items: center; border: 1px solid black; border-radius: 2rem; font-size: 1.16rem; font-weight: 500; color: #133e47; height: 3rem; margin: 2.5rem 1.41rem 1.66rem 1.41rem; }
.region .text-content4 .liuyan { flex: 1; background-color: blue; }
.region .row-custom { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.66rem; }
@media screen and (min-width:626px) {
    .region .tab-content { margin-top: 5.33rem; margin-bottom: 10rem; }
    .region .tab-lg { display: flex !important; }
}
@media screen and (max-width:625px) {
    .region .tab-content { margin-bottom: 23.5rem; }
    .region .region-bg { margin: 0 -1.25rem; }
}
@media screen and (max-width:1000px) {
    .region .row-custom { grid-template-columns: repeat(1, 1fr); }
}



.pay .common-banner { background: transparent url(../image/pay/banner.jpg) no-repeat center bottom; background-size: cover; }
.pay h4 { font-weight: 500; margin-bottom: 3rem; }
.pay .tab-lg .nav-link { display: flex; justify-content: center; align-items: center; font-size: 1.2rem; color: #5B5C5D; padding-left: 3rem !important; padding-right: 3rem !important; }
.pay .tab-lg .nav-link.active::after { margin: 0 -3rem !important; }
.pay .tab-lg,
.pay .tab-content,
.pay .pay-sm { display: none !important; }
.pay .pay-top { margin-top: 5.33rem; }
.pay .img-custom { width: 100%;  /* height: 100%; */ object-fit: fill; }
.pay .pay-bj { padding: 12rem 1rem; background: transparent url(../image/pay/bj.png) no-repeat center center; background-size: 100% 100%; }
.pay .pay-bj-lg { padding: 12rem; }
.pay .pay-top .container { margin: 1.16rem 0; }
.pay .pay-top .container h4 { text-align: left; margin-bottom: 1rem; font-size: 1.16rem; font-weight: 500; color: #3D3D3D; }
.pay .pay-top .container p { text-align: left; font-size: 1.16rem; font-weight: 500; color: #3D3D3D; font-size: 12px; }
.pay .pay-top .container .left { height: 14.16rem; margin-right: 1.25rem; background-color: red; padding: 0.83rem; }
.pay .pay-top .container .right { height: 14.16rem; background-color: yellow; padding: 0.83rem; }
.pay .pay-top .container .fenzhang { background-color: #E7F9EF; }
.pay .pay-top .container .zidingyi { background-color: #7DDFAC; }
.pay .pay-top .container .xinyongka { background-color: #133E47; }
@media screen and (min-width:626px) {
    .pay .tab-lg { display: flex !important; }
    .pay .tab-content { display: block !important; }
}
@media screen and (max-width:625px) {
    .pay .pay-sm { display: block !important; }
}


.case .common-banner { background: transparent url(../image/case/banner.jpg) no-repeat center bottom; background-size: cover; }
.case #pills-tab { margin-top: 2rem; }
.case .tab-lg { display: none; }
.case .tab-sm { display: none; }
.case .tab-content { margin: 0 10rem; padding: 0 18.33rem; }
.case h4,
.case p { text-align: left; font-weight: 500; }
.case p { margin-top: 2.5rem !important; margin-bottom: 2rem !important; }
.case .common-img { width: 100%; height: 100%; object-fit: fill; }
.case .carousel { display: none; }
.case .carousel,
.case .carousel-inner,
.case .carousel-item { height: 100%; }
.case .common-carousel { height: 100%; }
.case .common-carousel .row { height: 50%; }
.case .common-carousel .row .col { height: 100%; padding: 0 1.667rem 1.667rem 0; }
.case .common-carousel .row .col:last-child { padding-right: 0; }
.case .common-carousel .row:last-child .col { padding-bottom: 0; }
.case .img-content-lg { display: none; height: 40rem; margin: 0; }
.case .img-content-lg > .row { height: 100%; }
.case .img-content-lg > .row > .col { height: 100%; }
.case .img-content-lg > .row > .col:first-child { margin-right: 1.667rem; }
@media screen and (max-width:576px) {
    .case h4 { text-align: center; }
    .case p { margin: 0 1.75rem; }
    .case .carousel { display: block; }
    .case .tab-sm { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .case .tab-sm li { width: 100%; height: 100%; }
    .case .tab-sm li .nav-link { width: 100%; height: 100%; text-align: center; background: #5ed798; color: #174650; font-weight: 500; font-size: 1.33rem; }
    .case .tab-sm li .nav-link.active { background-color: #174650; color: #fff; }
    .case .tab-content { padding: 0; }
    .case .img-content { height: 31.25rem; }
}
@media screen and (min-width:577px) {
    .case .img-content { height: 40rem; }
    .case .img-content-lg { display: block; }
}


.about .common-banner { background: transparent url(../image/about/banner.png) no-repeat center center; background-size: 100% 100%; }
.about .about-environment { height: 35rem; background: transparent url(../image/about/environment.png) no-repeat left center; background-size: cover; }
.about p { margin-top: 1.5rem; }
.about h3 { font-size: 2rem; }
.about .resive { height: 22rem; margin-top: 2rem !important; padding: 3.5rem 1.75rem 0; background: #f7f7f7; color: #133e47; }
.about .container,
.about .row { margin: 0; padding: 0; }
.about .col { display: flex; flex-direction: column; }
.about .col:first-child span:nth-child(2n) { margin-bottom: 2rem; }
.about .col:first-child span:last-child { margin: 0; }
.about .col:last-child { justify-content: center; align-items: center; }
.about .path { height: 30rem; margin-top: 4rem; background: transparent url(../image/about/path.png) no-repeat center center; background-size: cover; margin-bottom: 10rem; }
@media screen and (max-width:576px) {
    .about .about-environment,
    .about .resive,
    .about .path { margin: 0 -1.25rem; }
    .about .path { background-position: -25rem center; }
}
@media screen and (max-width:768px) {
    .about .d-block-lg { display: none; }
}
@media screen and (min-width:577px) {
    .about .about-environment { margin-top: -6rem; }
}
@media screen and (min-width:992px) and (max-width:1160px) {
    .about .d-block-lg { display: none !important; }
}