.about-banner-popup { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding-top: 17%; overflow: hidden; } .about-banner-popup .tit1 { /* margin-top: 17%; */ font-size: 3.75vw; font-weight: bold; line-height: 1.2; color: #021826; opacity: 0.6; } .about-banner-popup .tit2 { font-size: 2.5vw; font-weight: bold; color: #021826; margin-top: -0.5em; line-height: 1.2; } .about-profile { padding-top: 6.5625vw; padding-bottom: 7.8125vw; text-align: center; } .about-profile .tit-en { font-size: 0.32rem; font-weight: 400; line-height: 1.2; color: #EEEEEE; } .about-profile .tit { font-size: 0.24rem; font-weight: bold; line-height: 1.2; color: #333333; } .about-profile .group { display: inline-flex; margin-top: 0.36rem; width: 11.7rem; max-width: 100%; } .about-profile .cover { width: 6rem; height: 3.6rem; margin-right: 0.57rem; } .about-profile .cover img, .about-profile .cover video { width: 100%; height: 100%; object-fit: cover; } .about-profile .detail { flex: 1; margin-top: 1em; color: #333; font-size: 0.16rem; text-align: left; } .about-profile .detail p+p { margin-top: 1em; } .about-speech { background: #F2F2F2; padding-top: 6.40625vw; padding-bottom: 4.583333vw; text-align: center; } .about-speech .tit-en { font-size: 0.32rem; font-weight: 400; line-height: 1.2; color: #999999; } .about-speech .tit { font-size: 0.24rem; font-weight: bold; line-height: 1.2; color: #333333; } .about-speech .group { display: flex; margin-top: 0.36rem; } .about-speech .group .cover { width: 50%; /* min-height: 3.3802083vw; */ height: auto; } .about-speech .cover img, .about-speech .cover video { width: 100%; height: 100%; min-height: 3.3802083vw; object-fit: cover; } .about-speech .detail { background: #E8E8E8; padding: 0.72rem; flex: 1; color: #333; font-size: 0.16rem; text-align: left; } .about-speech .detail p { line-height: 1.6; } .about-speech .detail p+p { margin-top: 1em; } .about-culture { padding-top: 5.052083vw; padding-bottom: 7.34375vw; text-align: center; } .about-culture .tit-en { font-size: 0.32rem; font-weight: 400; line-height: 1.2; color: #999999; } .about-culture .tit { font-size: 0.24rem; font-weight: bold; line-height: 1.2; color: #333333; } .about-culture .head-cover { width: 100%; height: auto; margin-top: 0.36rem; display: block; } .about-culture .group { display: flex; margin-top: 0.6rem; text-align: left; } .about-culture .group .cover { flex: 1; height: 3.56rem; margin-left: 0.36rem; } .about-culture .cover img, .about-culture .cover video { width: 100%; height: 100%; object-fit: cover; } .about-culture .detail { width: 5.83rem; color: #333; font-size: 0.16rem; text-align: left; margin-top: 1.5em; } .about-culture .detail p { line-height: 1.6; } .about-culture .detail p+p { margin-top: 1em; } @media screen and (max-width: 1440px) { .about-banner-popup .tit1 { font-size: 4.25vw; } .about-banner-popup .tit2 { font-size: 3.2vw; } .about-profile .cover { width: 50%; height: 3.6rem; margin-right: 0.25rem; } .about-speech .detail { padding: 4vw; } } @media screen and (max-width: 900px) { .about-banner-popup .tit1 { font-size: 7vw; } .about-banner-popup .tit2 { font-size: 5.2vw; } .about-profile { padding-top: 0.25rem; padding-bottom: 0.25rem; } .about-profile .tit-en { font-size: 0.25rem; } .about-profile .tit { font-size: 0.18rem; } .about-profile .group { display: block; margin-top: 0.2rem; width: 100%; } .about-profile .cover { width: 100%; height: auto; margin-right: 0; } .about-profile .cover img, .about-profile .cover video { height: auto; } .about-profile .detail { margin-top: 1.5em; font-size: 0.14rem; } .about-profile .detail p { line-height: 1.6; } .about-speech { padding-top: 0.25rem; padding-bottom: 0.25rem; } .about-speech .tit-en { font-size: 0.25rem; } .about-speech .tit { font-size: 0.18rem; } .about-speech .group { display: block; margin-top: 0.2rem; } .about-speech .group .cover { width: 100%; height: auto; min-height: auto; } .about-speech .cover img, .about-speech .cover video { height: auto; min-height: auto; } .about-speech .detail { background: none; padding: 0; font-size: 0.14rem; margin-top: 1.5em; } .about-speech .detail p { line-height: 1.6; } .about-speech .detail p+p { margin-top: 1em; } .about-culture { padding-top: 0.25rem; padding-bottom: 0.25rem; } .about-culture .tit-en { font-size: 0.25rem; } .about-culture .tit { font-size: 0.18rem; } .about-culture .head-cover { margin-top: 0.2rem; } .about-culture .group { display: block; margin-top: 0.2rem; } .about-culture .group .cover { flex: 1; height: auto; margin-left: 0; margin-top: 0.2rem; } .about-culture .cover img, .about-culture .cover video { height: auto; } .about-culture .detail { width: 100%; color: #333; font-size: 0.14rem; text-align: left; margin-top: 1em; } .about-culture .detail p { line-height: 1.6; } .about-culture .detail p+p { margin-top: 1em; } }