body { background: #f6f6f6; }

.page-main { background: url(../images/common/gbwc/gbwc-bg.png) no-repeat; background-size: 100%; }

.page-back { position: absolute; top: 4.2vw; right: 5.6vw; cursor: pointer; z-index: 9; }

.page-back .icon-direction-right { display: inline-block; margin-left: 10px; height: 18px; width: 18px; line-height: 18px; text-align: center; background-color: var(--hover-color); border-radius: 50px; color: #fff; font-size: 12px; }

.page-header { height: 40vw; position: relative; }

.page-header-logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 25.9vw; height: 31.5vw; }

.page-intro { height: 46vw; background-color: #ae292e; border: solid 0.1vw #d3d3d3; }

.page-intro-text { margin-left: 17vw; padding-left: 2.7vw; padding-top: 2.5vw; }

.page-intro-text h3 { font-size: 1.7vw; color: #f7f7f7; margin-bottom: 2.8vw; }

.page-intro-text p { line-height: 1.6vw; color: #f7f7f7; font-size: 0.8vw; opacity: 0.8; }

.page-intro-text .other-info { margin-top: 2.8vw; margin-bottom: 3.5vw; }

.page-intro-text .other-info li { margin-bottom: 10px; color: #f6f6f6; font-size: 0.8vw; }

.page-intro-text .page-intro-img { display: flex; }

.page-series { width: 64.6vw; min-height: 100vw; background: #fff; margin: 2.1vw auto; padding: 2.4vw 2.4vw 0; }

.page-series .series-title { margin-bottom: 2.8vw; }

.page-series .series-title p { color: #111111; font-size: 0.8vw; }

.page-series .series-title h1 { font-size: 1.3vw; color: #363636; }

.page-series .series-text { font-size: 0.8vw; color: #000000; line-height: 1.6vw; }

.page-series-item { border-bottom: 1px solid #f6f6f6; padding-bottom: 3vw; position: relative; }

.page-series .series1 { min-height: 26.4vw; }

.page-series .series1 .series-title { padding-top: 6.8vw; }

.page-series .series1 .series1-img1 { position: absolute; right: 1.8vw; bottom: 3.4vw; width: 19.3vw; height: 19.3vw; }

.page-series .series1 .series1-img2 { width: 8.1vw; height: 8.1vw; position: absolute; right: 21.5vw; bottom: 3.2vw; }

.page-series .series2 { display: flex; padding-top: 7vw; }

.page-series .series2 .series2-img1 { width: 20.9vw; height: 20.9vw; margin-right: 7vw; margin-left: 2.4vw; position: relative; z-index: 9; }

.page-series .series2 .series-text { width: 22.3vw; }

.page-series .series2 .branch { position: absolute; top: 0; left: 0; width: 29.9vw; height: 18.9vw; }

.page-series .series3 .series-text { width: 47.6vw; }

.page-series .series3 .series-baby { padding-top: 2.3vw; }

.page-series .series3 .series-baby img { margin-right: 5.2vw; width: 6.7vw; height: 10.1vw; }

.page-series .series4 { padding-top: 3vw; min-height: 25.6vw; margin-bottom: 2.4vw; }

.page-series .series4 .series-text { width: 25.3vw; }

.page-series .series4 .series4-img img { position: absolute; width: 12.6vw; height: 12.6vw; z-index: 9; }

.page-series .series4 .series4-img img:first-child { top: 11.1vw; right: 20.8vw; }

.page-series .series4 .series4-img img:nth-child(2) { top: 4.5vw; right: 8.5vw; }

.page-series .series4 .grass { position: absolute; right: -6px; bottom: 0; width: 11.9vw; height: 11.4vw; }

.page-series .page-associates1 { position: relative; min-height: 30.8vw; }

.page-series .page-associates1 .series-text { width: 38.8vw; position: absolute; right: 3vw; top: 3.4vw; }

.page-series .page-associates1 .lotus { position: absolute; left: 0; top: 0; width: 20.9vw; height: 27.1vw; }

.page-series .page-associates1 .petal-bg { position: absolute; right: 0.5vw; bottom: 14vw; }

.page-series .page-associates1 .column { width: 49.8vw; height: 12.7vw; padding-right: 2.1vw; display: flex; align-items: center; justify-content: flex-end; background: url(../images/common/gbwc/hillside-bg.png) left bottom no-repeat #f6f6f6; position: absolute; bottom: 0; right: 0; z-index: 9; }

.page-series .page-associates1 .column img { margin-left: 1vw; width: 12.4vw; height: 9.6vw; }

.page-series .page-associates2 { position: relative; min-height: 25.6vw; margin-top: 7.2vw; }

.page-series .page-associates2 .series-text { width: 50.3vw; }

.page-series .page-associates2 .column { width: 42.4vw; height: 13vw; margin-top: 3vw; padding: 0 1.4vw; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; background-color: #f6f6f6; }

.page-series .page-associates2 .column img { width: 12.4vw; height: 9.6vw; }

.page-series .page-associates2 .triangle-bg { position: absolute; bottom: 0; left: 0; width: 15.1vw; height: 4.4vw; }

.page-series .page-associates2 .stone-bg { position: absolute; bottom: 0; right: -2.4vw; width: 23.1vw; height: 18.8vw; }

.page-cooperation { height: 23.9vw; background-color: #b43b40; }

.page-cooperation .info { height: 100%; margin-left: 17vw; padding-left: 2.6vw; padding-top: 3.8vw; border-left: 1px solid rgba(255, 255, 255, 0.08); }

.page-cooperation .info h1 { font-size: 1.7vw; color: #f7f7f7; margin-bottom: 3.4vw; }

.page-cooperation .info .info-text { color: #f7f7f7; font-size: 0.8vw; line-height: 1.6vw; }

.page-footer { height: 4.2vw; background-color: #2c221e; }

.page-footer p { text-align: center; padding-top: 1.5vw; color: #817d81; font-size: 0.8vw; }

.page-footer p span { color: #ededed; }