.all-content { width: 100%; position: relative; z-index: 4; background-color: #fff; } .all-content .content-title { margin-left: 13.5%; padding-top: 0.66rem; margin-bottom: 0.5475rem; } .all-content .content-title .title { padding-left: 0.15rem; height: 0.3rem; border-left: 0.045rem solid #ea4027; font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; color: #000000; } .all-content .map-box { margin-top: 0.66rem; } .all-content .map-box .map-text { width: 100%; text-align: center; } .all-content .map-box .map-text .title { font-size: 0.39rem; line-height: 0.39rem; font-weight: bold; color: #EA4027; } .all-content .map-box .map-text .intro { margin-top: 0.5775rem; } .all-content .map-box .map-text .intro p { font-size: 0.135rem; font-weight: 400; color: #333333; line-height: 0.27rem; } .all-content .map-box .map { width: 12.8553rem; margin: 0 auto; position: relative; top: -0.5rem; } .all-content .map-box .map .img { width: 100%; } .all-content .map-box .map .img img { width: 100%; } .all-content .map-box .map .dot1 { position: absolute; top: 2.7rem; left: 4.3rem; } .all-content .map-box .map .dot1 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 0s; } .all-content .map-box .map .dot1 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot1 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot1 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot1 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot1 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot1 .name-box { width: 0; height: 0.4rem; position: absolute; top: -0.35rem; left: -1.8rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot1 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0.15rem; right: -0.5rem; } .all-content .map-box .map .dot1 .name-box .line img { display: block; width: 1.5rem; } .all-content .map-box .map .dot1 .name-box .name { position: relative; left: 0.05rem; top: 0.06rem; text-align: left; } .all-content .map-box .map .dot1 .name-box .name .circle, .all-content .map-box .map .dot1 .name-box .name .text { float: left; display: block; } .all-content .map-box .map .dot1 .name-box .name .circle { margin-top: 0.05rem; margin-left: 0.05rem; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; } .all-content .map-box .map .dot1 .name-box .name .text { font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot1 .name-box.show { width: 2rem; } .all-content .map-box .map .dot2 { position: absolute; top: 2.74rem; left: 4.1rem; } .all-content .map-box .map .dot2 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 1s; } .all-content .map-box .map .dot2 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot2 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot2 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot2 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot2 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot2 .name-box { width: 0; height: 0.4rem; position: absolute; top: -0.15rem; left: -2.35rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot2 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0.09rem; right: -0.5rem; } .all-content .map-box .map .dot2 .name-box .line img { width: 1.905rem; display: block; } .all-content .map-box .map .dot2 .name-box .name { position: relative; left: 0.05rem; top: 0rem; text-align: left; } .all-content .map-box .map .dot2 .name-box .name .circle, .all-content .map-box .map .dot2 .name-box .name .text { float: left; display: block; } .all-content .map-box .map .dot2 .name-box .name .circle { margin-top: 0.05rem; margin-left: 0.05rem; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; } .all-content .map-box .map .dot2 .name-box .name .text { font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot2 .name-box.show { width: 2.4rem; } .all-content .map-box .map .dot3 { position: absolute; top: 2.85rem; left: 4.3rem; } .all-content .map-box .map .dot3 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 3s; } .all-content .map-box .map .dot3 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot3 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot3 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot3 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot3 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot3 .name-box { width: 0; height: 0.455rem; position: absolute; top: -0.1rem; left: -1.75rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot3 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0.15rem; right: -0.5rem; } .all-content .map-box .map .dot3 .name-box .line img { display: block; width: 1.3425rem; } .all-content .map-box .map .dot3 .name-box .name { position: absolute; left: 0.05rem; bottom: 0rem; text-align: left; } .all-content .map-box .map .dot3 .name-box .name .circle, .all-content .map-box .map .dot3 .name-box .name .text { float: left; display: block; } .all-content .map-box .map .dot3 .name-box .name .circle { margin-top: 0.05rem; margin-left: 0.05rem; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; } .all-content .map-box .map .dot3 .name-box .name .text { font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot3 .name-box.show { width: 1.8rem; } .all-content .map-box .map .dot4 { position: absolute; top: 2.35rem; left: 4.5rem; } .all-content .map-box .map .dot4 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 5s; } .all-content .map-box .map .dot4 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot4 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot4 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot4 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot4 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot4 .name-box { width: 0; height: 0.4rem; position: absolute; top: -0.35rem; left: 0rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot4 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0.09rem; left: 0; } .all-content .map-box .map .dot4 .name-box .line img { width: 1.5rem; } .all-content .map-box .map .dot4 .name-box .name { float: right; position: relative; right: 0rem; top: 0rem; text-align: right; } .all-content .map-box .map .dot4 .name-box .name .circle, .all-content .map-box .map .dot4 .name-box .name .text { display: block; } .all-content .map-box .map .dot4 .name-box .name .circle { float: left; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .all-content .map-box .map .dot4 .name-box .name .text { margin-left: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot4 .name-box.show { width: 2rem; } .all-content .map-box .map .dot5 { position: absolute; top: 2.6rem; left: 4.38rem; } .all-content .map-box .map .dot5 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 0s; } .all-content .map-box .map .dot5 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot5 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot5 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot5 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot5 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot5 .name-box { width: 0; height: 0.4rem; position: absolute; top: -0.3rem; left: 0.05rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot5 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0.15rem; left: 0; } .all-content .map-box .map .dot5 .name-box .line img { width: 1.3425rem; } .all-content .map-box .map .dot5 .name-box .name { float: right; position: relative; right: 0rem; top: 0.07rem; text-align: right; } .all-content .map-box .map .dot5 .name-box .name .circle, .all-content .map-box .map .dot5 .name-box .name .text { display: block; } .all-content .map-box .map .dot5 .name-box .name .circle { float: left; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .all-content .map-box .map .dot5 .name-box .name .text { margin-left: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot5 .name-box.show { width: 1.8rem; } .all-content .map-box .map .dot6 { position: absolute; top: 2.8rem; left: 4.7rem; } .all-content .map-box .map .dot6 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 0.5s; } .all-content .map-box .map .dot6 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite; animation-delay: 7.5s; } .all-content .map-box .map .dot6 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot6 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot6 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot6 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot6 .name-box { width: 0; height: 0.5rem; position: absolute; top: 0.05rem; left: 0.05rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot6 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0; left: 0; } .all-content .map-box .map .dot6 .name-box .line img { width: 1.3425rem; } .all-content .map-box .map .dot6 .name-box .name { float: right; position: relative; right: 0rem; bottom: -0.14rem; text-align: right; } .all-content .map-box .map .dot6 .name-box .name .circle, .all-content .map-box .map .dot6 .name-box .name .text { display: block; } .all-content .map-box .map .dot6 .name-box .name .circle { float: left; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .all-content .map-box .map .dot6 .name-box .name .text { margin-left: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot6 .name-box.show { width: 1.8rem; } .all-content .map-box .map .dot7 { position: absolute; top: 4.03rem; left: 4.12rem; } .all-content .map-box .map .dot7 .round1 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 3s infinite linear alternate; animation-delay: 6s; } .all-content .map-box .map .dot7 .round4 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-image: radial-gradient(rgba(222, 201, 154, 0), #dec99a); animation: r2 5s infinite; animation-delay: 2s; } .all-content .map-box .map .dot7 .round3 { position: absolute; top: 0; left: 0; width: 0.1125rem; height: 0.1125rem; border-radius: 50%; background-color: #dec99a; cursor: pointer; transition: 0.5s; } .all-content .map-box .map .dot7 .round3::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; transform: scale(0.2); transition: 0.5s; } .all-content .map-box .map .dot7 .round3:hover { transform: scale(1.6); } .all-content .map-box .map .dot7 .round3:hover::after { transform: scale(0.14); } .all-content .map-box .map .dot7 .name-box { width: 0; height: 0.4rem; position: absolute; top: 0.05rem; left: 0.05rem; overflow: hidden; transition: 2s; transition-delay: 0.5s; } .all-content .map-box .map .dot7 .name-box .line { width: 100%; height: 0.2325rem; position: absolute; top: 0; left: 0; } .all-content .map-box .map .dot7 .name-box .line img { width: 1.3425rem; } .all-content .map-box .map .dot7 .name-box .name { float: right; position: relative; right: 0rem; bottom: -0.14rem; text-align: right; } .all-content .map-box .map .dot7 .name-box .name .circle, .all-content .map-box .map .dot7 .name-box .name .text { display: block; } .all-content .map-box .map .dot7 .name-box .name .circle { float: left; width: 0.05rem; height: 0.05rem; background: #FFFFFF; border: 0.015rem solid #E84127; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; } .all-content .map-box .map .dot7 .name-box .name .text { margin-left: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #000000; } .all-content .map-box .map .dot7 .name-box.show { width: 2rem; } .all-content .map-box .map .map-data { width: 4.1251rem; position: absolute; top: 2rem; right: 0.735rem; } .all-content .map-box .map .map-data .top, .all-content .map-box .map .map-data .bot { width: 4.1251rem; display: flex; justify-content: space-between; align-self: center; } .all-content .map-box .map .map-data .top .left .num, .all-content .map-box .map .map-data .bot .left .num, .all-content .map-box .map .map-data .top .right .num, .all-content .map-box .map .map-data .bot .right .num { display: block; font-size: 0.6rem; line-height: 0.6rem; font-family: DIN-BOLD; font-weight: bold; color: #000000; transition: all 0.5s; cursor: pointer; } .all-content .map-box .map .map-data .top .left .num:hover, .all-content .map-box .map .map-data .bot .left .num:hover, .all-content .map-box .map .map-data .top .right .num:hover, .all-content .map-box .map .map-data .bot .right .num:hover { color: #ea4027; } .all-content .map-box .map .map-data .top .left .text, .all-content .map-box .map .map-data .bot .left .text, .all-content .map-box .map .map-data .top .right .text, .all-content .map-box .map .map-data .bot .right .text { margin-top: 0.1rem; display: block; font-size: 0.135rem; line-height: 0.135rem; font-weight: 400; color: #000000; } .all-content .map-box .map .map-data .top { border-bottom: 1px solid #dbdbdb; padding-bottom: 0.645rem; margin-bottom: 0.6075rem; } .all-content .research-img { width: 100%; height: 5.82rem; position: relative; overflow: hidden; } .all-content .research-img .img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .all-content .research-img .img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0; left: 0; opacity: 0; transition: all 1s; } .all-content .research-img .img .imgActive { opacity: 1; } .all-content .research-img .change { width: 4.03rem; height: 100%; position: relative; } .all-content .research-img .change li { width: 3.525rem; height: 0.825rem; background-color: rgba(0, 0, 0, 0.5); padding-left: 1.4rem; box-sizing: border-box; margin-bottom: 1px; color: #fff; transition: all 0.5s; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .all-content .research-img .change li .text, .all-content .research-img .change li .arrow { display: inline-block; vertical-align: middle; font-size: 0.18rem; line-height: 0.18rem; transition: all 0.1s; } .all-content .research-img .change li .arrow { margin-right: 0.225rem; opacity: 1; } .all-content .research-img .change li .arrowActive { opacity: 1; } .all-content .research-img .change .liActive { width: 4.0051rem; background-color: #EA4027; } .all-content .research-img .change .liActive .text { margin-left: 0.1275rem; font-size: 0.24rem; } .all-content .research-img .content { position: absolute; top: 2.16rem; left: 4.9351rem; } .all-content .research-img .content .text { width: 6.5026rem; position: absolute; top: 0; left: 0; display: none; } .all-content .research-img .content .text .title { font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; color: #FFFFFF; } .all-content .research-img .content .text .intro { margin-top: 0.3675rem; font-size: 0.135rem; text-align: justify; color: #FFFFFF; line-height: 0.27rem; } .all-content .research-img .content .textActive { display: block; } .all-content .result { width: 100%; height: 10.8752rem; position: relative; overflow: hidden; } .all-content .result #result { position: absolute; width: 100%; height: 100%; } .all-content .result .result-top { margin-top: 0.645rem; width: 100%; text-align: center; position: relative; } .all-content .result .result-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.3rem; border-left: 0.045rem solid #ea4027; font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; color: #000000; } .all-content .result .result-top .english { margin-top: 0.28rem; font-size: 0.51rem; line-height: 0.51rem; font-family: DIN-BOLD; font-weight: bold; color: #E1E1E1; } .all-content .result .result-mid { margin: 0 auto; margin-top: 0.825rem; width: 12.0753rem; height: 3.975rem; position: relative; display: flex; justify-content: space-between; } .all-content .result .result-mid .right { width: 6.7521rem; } .all-content .result .result-mid .right .resultSwiper { width: 6.7521rem; height: 3.975rem; } .all-content .result .result-mid .right .resultSwiper .swiper-img { width: 100%; height: 100%; } .all-content .result .result-mid .right .resultSwiper .swiper-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .all-content .result .result-mid .right .resultSwiper .img-father { width: 100%; height: 100%; overflow: hidden; background-color: #000; } .all-content .result .result-mid .left { width: 4rem; text-align: left; position: relative; } .all-content .result .result-mid .left .machine { width: 100%; height: 3.975rem; overflow: auto; position: absolute; bottom: 0; } .all-content .result .result-mid .left .machine .list { padding: 0.25rem 0; box-sizing: border-box; border-bottom: 1px solid #D6D6D6; color: #000000; cursor: pointer; transition: all 0.5s; } .all-content .result .result-mid .left .machine .list .text { padding-left: 0.3375rem; border-left: 0.0375rem solid #EA4027; font-size: 0.21rem; line-height: 0.21rem; transition: all 0.2s; } .all-content .result .result-mid .left .machine .list .intro { width: 100%; display: none; } .all-content .result .result-mid .left .machine .list .intro .bot { margin-top: 0.2775rem; font-size: 0.135rem; font-weight: 400; color: #000000; line-height: 0.24rem; } .all-content .result .result-mid .left .machine .list:first-child .intro { display: block; } .all-content .result .result-mid .left .machine .mActive .text { padding-left: 0; border-left: none; font-size: 0.24rem; line-height: 0.24rem; font-weight: bold; color: #000000; } .all-content .result .result-num { margin-top: 1.125rem; position: relative; } .all-content .result .result-num .title { text-align: center; font-size: 0.24rem; font-weight: bold; color: #000000; line-height: 0.39rem; } .all-content .result .result-num .numbers { margin-top: 0.5925rem; display: flex; justify-content: center; } .all-content .result .result-num .numbers li { margin: 0 0.375rem; } .all-content .result .result-num .numbers li .num { display: block; font-size: 0.135rem; line-height: 0.135rem; font-weight: 400; color: #000000; text-align: center; } .all-content .result .result-num .numbers li .num span { font-size: 0.75rem; line-height: 0.75rem; font-family: DIN-BOLD; font-weight: bold; color: #A18E6E; transition: all 0.5s; cursor: pointer; } .all-content .result .result-num .numbers li .num span:hover { color: #EA4027; } .all-content .result .result-num .numbers li .text { display: block; margin: 0 auto; margin-top: 0.18rem; font-size: 0.15rem; line-height: 0.15rem; font-weight: 400; color: #000000; } .all-content .team { width: 100%; height: 7.7252rem; position: relative; } .all-content .team .img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; } .all-content .team .team-top { padding-top: 0.645rem; width: 100%; text-align: center; position: relative; } .all-content .team .team-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.3rem; border-left: 0.045rem solid #ea4027; font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; color: #000000; } .all-content .team .team-top .intro { margin-top: 0.2rem; } .all-content .team .team-top .intro p { font-size: 0.135rem; font-weight: 400; color: #333333; line-height: 0.27rem; } .all-content .team .teamSwiper { margin: 0 auto; width: 10.9502rem; height: 6rem; position: relative; top: -1rem; } .all-content .team .teamSwiper .swiper-wrapper { align-items: center; } .all-content .team .teamSwiper .swiper-img { width: 100%; height: 100%; position: relative; } .all-content .team .teamSwiper .swiper-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .all-content .team .teamSwiper .swiper-slide { width: 3.65rem; height: 1.5975rem; text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: all 0.5s; } .all-content .team .teamSwiper .swiper-slide-active, .all-content .team .teamSwiper .swiper-slide-duplicate-active { height: 2.1rem; transform: scale(1.6); z-index: 1; } .all-content .team .teamSwiper .swiper-slide-active .swiper-text, .all-content .team .teamSwiper .swiper-slide-duplicate-active .swiper-text { opacity: 1; } .all-content .team .teamSwiper .swiper-text { opacity: 0; position: absolute; bottom: -0.65rem; transition: all 0.5s; } .all-content .team .teamSwiper .swiper-text .name { font-size: 0.15rem; line-height: 0.15rem; font-weight: bold; color: #000000; } .all-content .team .teamSwiper .swiper-text .intro { font-size: 0.1rem; line-height: 0.3rem; font-weight: bold; color: #000000; } .all-content .team .teamSwiper .btns { width: 5rem; height: 1rem; position: absolute; z-index: 5; bottom: 0.3rem; left: 50%; transform: translateX(-50%); } .all-content .team .teamSwiper .tprev, .all-content .team .teamSwiper .tnext { width: 0.4125rem; height: 0.4125rem; line-height: 0.4125rem; background: #FFFFFF; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; color: #9C9C9C; text-align: center; transition: all 0.5s; } .all-content .team .teamSwiper .tprev:hover, .all-content .team .teamSwiper .tnext:hover { color: #fff; background-color: #ea4027; } .all-content .team .teamSwiper .tprev::after, .all-content .team .teamSwiper .tnext::after { font-size: 0.165rem; } .all-content .platform { width: 100%; height: 8.6252rem; position: relative; } .all-content .platform .img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; } .all-content .platform .platform-top { padding-top: 0.645rem; width: 100%; text-align: center; position: relative; } .all-content .platform .platform-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.3rem; border-left: 0.045rem solid #ea4027; font-size: 0.315rem; line-height: 0.315rem; font-weight: bold; color: #fff; } .all-content .platform .platform-top .english { margin-top: 0.28rem; font-size: 0.51rem; line-height: 0.51rem; font-family: DIN-BOLD; font-weight: bold; color: #fff; opacity: 0.1; } .all-content .platform .mid { margin: 0 auto; margin-top: 0.645rem; width: 10.5002rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; position: relative; } .all-content .platform .mid .box { margin-bottom: 0.225rem; flex-shrink: 0; width: 3.3rem; height: 1.35rem; padding-left: 0.21rem; padding-right: 0.345rem; box-sizing: border-box; background: #FFFFFF; border: 0.0525rem solid #EAE3D1; cursor: pointer; position: relative; transition: all 0.5s; } .all-content .platform .mid .box .title { margin-top: 0.2rem; font-size: 0.18rem; font-family: Source Han Sans CN; font-weight: bold; color: #243850; line-height: 0.27rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all 0.5s; } .all-content .platform .mid .box .bot { position: absolute; bottom: 0.15rem; } .all-content .platform .mid .box .bot .icon, .all-content .platform .mid .box .bot .check, .all-content .platform .mid .box .bot .fa-solid { display: inline-block; vertical-align: middle; } .all-content .platform .mid .box .bot .icon { width: 0.24rem; height: 0.195rem; background-image: url(../images/icon_core_gold.png); background-repeat: no-repeat; background-size: 100% 100%; } .all-content .platform .mid .box .bot .check { margin: 0 0.135rem; font-size: 0.12rem; line-height: 0.12rem; font-weight: 400; color: #938264; } .all-content .platform .mid .box .bot .fa-solid { font-size: 0.12rem; color: #938264; } .all-content .platform .mid .box:hover { border: 0.0525rem solid #E84127; } .all-content .platform .mid .box:hover .title { color: #E84127; } .all-content .platform .platform-bot { margin: 0 auto; margin-top: 0.855rem; position: relative; display: flex; justify-content: center; } .all-content .platform .platform-bot .bot-num { margin: 0 0.7rem; cursor: pointer; } .all-content .platform .platform-bot .bot-num .num { display: block; margin: 0 auto; font-size: 0.75rem; line-height: 0.75rem; font-family: DIN-BOLD; font-weight: bold; color: #FFFFFF; text-align: center; transition: all 0.5s; } .all-content .platform .platform-bot .bot-num .text { margin: 0 auto; margin-top: 0.315rem; display: block; font-size: 0.15rem; line-height: 0.15rem; color: #FFFFFF; text-align: center; } .all-content .platform .platform-bot .bot-num:hover .num { color: #E84127; } .all-content .accordion { width: 100%; height: 6.00002rem; overflow: hidden; } .all-content .accordion .box { width: 100%; height: 100%; position: relative; } .all-content .accordion .box .digitizing { width: 25.2%; float: left; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .all-content .accordion .box .digitizing a { width: 100%; height: 100%; display: block; } .all-content .accordion .box .digitizing a .img { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .all-content .accordion .box .digitizing a .img img { position: absolute; height: 100%; top: 0; left: -200px; right: -200px; margin: auto; } .all-content .accordion .box .digitizing a .bg { width: 102%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .all-content .accordion .box .digitizing a .number { width: 100%; font-family: "DIN-Bold"; font-size: 0.42rem; line-height: 0.42rem; letter-spacing: -0.015rem; color: #f0f0f0; position: absolute; top: 1.5rem; left: 0; text-align: center; z-index: 2; opacity: 0; transition: 0.5s; } .all-content .accordion .box .digitizing a .line { width: 1px; height: 0; background-color: #f0f0f0; position: absolute; top: 2.3rem; left: 50%; z-index: 2; transition: 0.5s; } .all-content .accordion .box .digitizing a .title { width: 100%; font-size: 0.42rem; font-weight: bold; line-height: 0.42rem; letter-spacing: -0.015rem; color: #ffffff; position: absolute; top: 2.73751rem; left: 0; text-align: center; z-index: 2; } .all-content .accordion .box .digitizing a .en { width: 100%; font-family: "Arial"; font-size: 0.12rem; line-height: 0.12rem; letter-spacing: 0px; color: #ffffff; text-align: center; position: absolute; top: 3.33001rem; left: 0; z-index: 2; } .all-content .accordion .box .digitizing a .button { display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; position: absolute; top: 3.5rem; left: calc(50% - 0.15rem); z-index: 2; opacity: 0; background-color: rgba(255, 255, 255, 0.3); transition: 0.5s; } .all-content .accordion .box .digitizing a .button img { display: block; width: 0.0525rem; height: 0.105rem; margin: 0 auto; padding-top: 0.0975rem; } .all-content .accordion .box .digitizing a:hover .bg { background-color: rgba(232, 65, 39, 0.9); } .all-content .accordion .box .digitizing a:hover .number { opacity: 1; top: 1.125rem; } .all-content .accordion .box .digitizing a:hover .line { height: 0.405rem; top: 1.815rem; } .all-content .accordion .box .digitizing a:hover .button { top: 3.84001rem; opacity: 1; } .all-content .accordion .box .intelligent { width: 25.2%; float: left; height: 100%; position: absolute; top: 0; left: 25%; z-index: 2; } .all-content .accordion .box .intelligent a { width: 100%; height: 100%; display: block; } .all-content .accordion .box .intelligent a .img { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .all-content .accordion .box .intelligent a .img img { position: absolute; height: 100%; top: 0; left: -200px; right: -200px; margin: auto; } .all-content .accordion .box .intelligent a .bg { width: 102%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .all-content .accordion .box .intelligent a .number { width: 100%; font-family: "DIN-Bold"; font-size: 0.42rem; line-height: 0.42rem; letter-spacing: -0.015rem; color: #f0f0f0; position: absolute; top: 1.5rem; left: 0; text-align: center; z-index: 2; opacity: 0; transition: 0.5s; } .all-content .accordion .box .intelligent a .line { width: 1px; height: 0; background-color: #f0f0f0; position: absolute; top: 2.3rem; left: 50%; z-index: 2; transition: 0.5s; } .all-content .accordion .box .intelligent a .title { width: 100%; font-size: 0.42rem; font-weight: bold; line-height: 0.42rem; letter-spacing: -0.015rem; color: #ffffff; position: absolute; top: 2.73751rem; left: 0; text-align: center; z-index: 2; } .all-content .accordion .box .intelligent a .en { width: 100%; font-family: "Arial"; font-size: 0.12rem; line-height: 0.12rem; letter-spacing: 0px; color: #ffffff; text-align: center; position: absolute; top: 3.33001rem; left: 0; z-index: 2; } .all-content .accordion .box .intelligent a .button { display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; position: absolute; top: 3.5rem; left: calc(50% - 0.15rem); z-index: 2; opacity: 0; background-color: rgba(255, 255, 255, 0.3); transition: 0.5s; } .all-content .accordion .box .intelligent a .button img { display: block; width: 0.0525rem; height: 0.105rem; margin: 0 auto; padding-top: 0.0975rem; } .all-content .accordion .box .intelligent a:hover .bg { background-color: rgba(232, 65, 39, 0.9); } .all-content .accordion .box .intelligent a:hover .number { opacity: 1; top: 1.125rem; } .all-content .accordion .box .intelligent a:hover .line { height: 0.405rem; top: 1.815rem; } .all-content .accordion .box .intelligent a:hover .button { top: 3.84001rem; opacity: 1; } .all-content .accordion .box .globalization { width: 25.2%; float: left; height: 100%; position: absolute; top: 0; left: 50%; z-index: 3; } .all-content .accordion .box .globalization a { width: 100%; height: 100%; display: block; } .all-content .accordion .box .globalization a .img { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .all-content .accordion .box .globalization a .img img { position: absolute; height: 100%; top: 0; left: -200px; right: -200px; margin: auto; } .all-content .accordion .box .globalization a .bg { width: 102%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .all-content .accordion .box .globalization a .number { width: 100%; font-family: "DIN-Bold"; font-size: 0.42rem; line-height: 0.42rem; letter-spacing: -0.015rem; color: #f0f0f0; position: absolute; top: 1.5rem; left: 0; text-align: center; z-index: 2; opacity: 0; transition: 0.5s; } .all-content .accordion .box .globalization a .line { width: 1px; height: 0; background-color: #f0f0f0; position: absolute; top: 2.3rem; left: 50%; z-index: 2; transition: 0.5s; } .all-content .accordion .box .globalization a .title { width: 100%; font-size: 0.42rem; font-weight: bold; line-height: 0.42rem; letter-spacing: -0.015rem; color: #ffffff; position: absolute; top: 2.73751rem; left: 0; text-align: center; z-index: 2; } .all-content .accordion .box .globalization a .en { width: 100%; font-family: "Arial"; font-size: 0.12rem; line-height: 0.12rem; letter-spacing: 0px; color: #ffffff; text-align: center; position: absolute; top: 3.33001rem; left: 0; z-index: 2; } .all-content .accordion .box .globalization a .button { display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; position: absolute; top: 3.5rem; left: calc(50% - 0.15rem); z-index: 2; opacity: 0; background-color: rgba(255, 255, 255, 0.3); transition: 0.5s; } .all-content .accordion .box .globalization a .button img { display: block; width: 0.0525rem; height: 0.105rem; margin: 0 auto; padding-top: 0.0975rem; } .all-content .accordion .box .globalization a:hover .bg { background-color: rgba(232, 65, 39, 0.9); } .all-content .accordion .box .globalization a:hover .number { opacity: 1; top: 1.125rem; } .all-content .accordion .box .globalization a:hover .line { height: 0.405rem; top: 1.815rem; } .all-content .accordion .box .globalization a:hover .button { top: 3.84001rem; opacity: 1; } .all-content .accordion .box .green { width: 25.2%; float: left; height: 100%; position: absolute; top: 0; left: 75%; z-index: 4; } .all-content .accordion .box .green a { width: 100%; height: 100%; display: block; } .all-content .accordion .box .green a .img { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .all-content .accordion .box .green a .img img { position: absolute; height: 100%; top: 0; left: -200px; right: -200px; margin: auto; } .all-content .accordion .box .green a .bg { width: 102%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); transition: 0.5s; } .all-content .accordion .box .green a .number { width: 100%; font-family: "DIN-Bold"; font-size: 0.42rem; line-height: 0.42rem; letter-spacing: -0.015rem; color: #f0f0f0; position: absolute; top: 1.5rem; left: 0; text-align: center; z-index: 2; opacity: 0; transition: 0.5s; } .all-content .accordion .box .green a .line { width: 1px; height: 0; background-color: #f0f0f0; position: absolute; top: 2.3rem; left: 50%; z-index: 2; transition: 0.5s; } .all-content .accordion .box .green a .title { width: 100%; font-size: 0.42rem; font-weight: bold; line-height: 0.42rem; letter-spacing: -0.015rem; color: #ffffff; position: absolute; top: 2.73751rem; left: 0; text-align: center; z-index: 2; } .all-content .accordion .box .green a .en { width: 100%; font-family: "Arial"; font-size: 0.12rem; line-height: 0.12rem; letter-spacing: 0px; color: #ffffff; text-align: center; position: absolute; top: 3.33001rem; left: 0; z-index: 2; } .all-content .accordion .box .green a .button { display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; position: absolute; top: 3.5rem; left: calc(50% - 0.15rem); z-index: 2; opacity: 0; background-color: rgba(255, 255, 255, 0.3); transition: 0.5s; } .all-content .accordion .box .green a .button img { display: block; width: 0.0525rem; height: 0.105rem; margin: 0 auto; padding-top: 0.0975rem; } .all-content .accordion .box .green a:hover .bg { background-color: rgba(232, 65, 39, 0.9); } .all-content .accordion .box .green a:hover .number { opacity: 1; top: 1.125rem; } .all-content .accordion .box .green a:hover .line { height: 0.405rem; top: 1.815rem; } .all-content .accordion .box .green a:hover .button { top: 3.84001rem; opacity: 1; } .popups { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); z-index: 1000000000; display: none; } .popups .box { width: 67.708%; background-color: white; margin: 0 auto; margin-top: 25vh; padding-bottom: 0.57rem; position: relative; } .popups .box::after { content: ""; width: 0; height: 0; display: block; float: none; clear: both; } .popups .box .left { float: left; margin-top: 0.78rem; margin-left: 0.6675rem; width: 3.66001rem; } .popups .box .left .title { font-size: 0.24rem; font-weight: bold; line-height: 0.39rem; color: #010101; } .popups .box .left .line { width: 0.45rem; height: 3px; background-color: #e84227; margin-top: 0.195rem; } .popups .box .left .p { font-size: 0.135rem; line-height: 0.27rem; color: #000000; margin-top: 0.3rem; text-align: justify; } .popups .box .right { float: right; margin-top: 0.8475rem; margin-right: 0.765rem; } .popups .box .right .bg { width: 3.96751rem; height: 2.80331rem; background-color: #e84127; position: relative; } .popups .box .right .bg .img { width: 100%; height: 100%; position: absolute; top: -0.075rem; left: -0.075rem; overflow: hidden; } .popups .box .right .bg .img img { width: 100%; } .popups .close { width: 0.4875rem; height: 0.4875rem; border-radius: 50%; background-color: white; text-align: center; position: absolute; top: -0.8175rem; right: 0; cursor: pointer; } .popups .close i { font-size: 0.2rem; color: #000; line-height: 0.4875rem; } @media screen and (max-width: 1020px) { .all-content .content-title { margin-left: 5%; padding-top: 0.66rem; margin-bottom: 0.4875rem; } .all-content .content-title .title { padding-left: 0.15rem; height: 0.42rem; border-left: 0.045rem solid #ea4027; font-size: 0.42rem; line-height: 0.42rem; font-weight: bold; color: #000000; } .all-content .map-box .map-text .intro p { width: 90%; margin: 0 auto; font-size: 0.24rem; font-weight: 400; color: #333333; line-height: 0.4rem; } .all-content .map-box .map { width: 100%; margin: 0 auto; position: relative; top: -0.5rem; } .all-content .map-box .map .dot1, .all-content .map-box .map .dot2, .all-content .map-box .map .dot3, .all-content .map-box .map .dot4, .all-content .map-box .map .dot5, .all-content .map-box .map .dot6, .all-content .map-box .map .dot7 { position: absolute; top: 2.7rem; left: 4.3rem; display: none; } .all-content .map-box .map .map-data { width: 90%; position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); } .all-content .map-box .map .map-data .top { text-align: center; display: block; width: 100%; margin: 0 auto; border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .all-content .map-box .map .map-data .top .left .text, .all-content .map-box .map .map-data .bot .left .text, .all-content .map-box .map .map-data .top .right .text, .all-content .map-box .map .map-data .bot .right .text { margin-top: 0.2rem; display: block; font-size: 0.25rem; line-height: 0.3rem; font-weight: 400; color: #000000; } .all-content .map-box .map .map-data .bot { text-align: center; margin: 0 auto; margin-top: 0.2rem; width: 80%; display: flex; justify-content: space-between; align-self: center; } .all-content .map-box .map .map-data .bot .left, .all-content .map-box .map .map-data .bot .right { width: 50%; } .all-content .research-img .change li { width: 2.5rem; height: 0.825rem; background-color: rgba(0, 0, 0, 0.5); padding-left: 0.5rem; box-sizing: border-box; margin-bottom: 1px; color: #fff; transition: all 0.5s; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .all-content .research-img .change li .text, .all-content .research-img .change li .arrow { display: inline-block; vertical-align: middle; font-size: 0.22rem; line-height: 0.22rem; transition: all 0.1s; } .all-content .research-img .change .liActive { width: 3rem; background-color: #EA4027; } .all-content .research-img .content { width: 100%; position: absolute; top: 1rem; left: 50%; } .all-content .research-img .content .text { width: 45%; position: absolute; top: 0; left: 0; } .all-content .research-img .content .text .intro { margin-top: 0.3675rem; font-size: 0.22rem; text-align: justify; color: #FFFFFF; line-height: 0.32rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .all-content #result { display: none; } .all-content .result { width: 100%; height: auto; position: relative; overflow: hidden; } .all-content .result #result { position: absolute; width: 100%; height: 100%; } .all-content .result .result-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.4rem; border-left: 0.045rem solid #ea4027; font-size: 0.42rem; line-height: 0.42rem; font-weight: bold; color: #000000; } .all-content .result .result-mid { margin: 0 auto; margin-top: 0.825rem; width: 100%; height: 9rem; position: relative; display: flex; flex-wrap: wrap; justify-content: center; } .all-content .result .result-mid .left { width: 90%; margin: 0 auto; text-align: left; position: relative; } .all-content .result .result-mid .left .machine { width: 100%; height: 3.975rem; overflow: auto; position: relative; bottom: 0; } .all-content .result .result-mid .left .machine .mActive .text { padding-left: 0; border-left: none; font-size: 0.3rem; line-height: 0.3rem; font-weight: bold; color: #000000; } .all-content .result .result-mid .left .machine .list .text { padding-left: 0.3375rem; border-left: 0.0375rem solid #EA4027; font-size: 0.3rem; line-height: 0.3rem; transition: all 0.2s; } .all-content .result .result-mid .left .machine .list .intro .bot { margin-top: 0.2775rem; font-size: 0.25rem; font-weight: 400; color: #000000; line-height: 0.4rem; } .all-content .result .result-mid .right { margin-top: 0.8rem; width: 90%; } .all-content .result .result-num { margin-top: 0.2rem; position: relative; } .all-content .result .result-num .numbers { margin-top: 0.5925rem; margin-bottom: 0.5rem; display: flex; flex-wrap: wrap; justify-content: center; } .all-content .result .result-num .title { margin: 0 auto; width: 90%; text-align: center; font-size: 0.3rem; font-weight: bold; color: #000000; line-height: 0.39rem; } .all-content .result .result-num .numbers li .text, .all-content .result .result-num .numbers li .num { display: block; margin: 0 auto; margin-top: 0.18rem; font-size: 0.2rem; line-height: 0.2rem; font-weight: 400; color: #000000; } .all-content .team { width: 100%; height: auto; position: relative; } .all-content .team .team-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.4rem; border-left: 0.045rem solid #ea4027; font-size: 0.42rem; line-height: 0.42rem; font-weight: bold; color: #000000; } .all-content .team .team-top .intro p { width: 90%; margin: 0 auto; font-size: 0.25rem; font-weight: 400; color: #333333; line-height: 0.4rem; } .all-content .team .teamSwiper { padding-top: 0rem; margin: 0 auto; width: 100%; height: 5.5rem; position: relative; top: -0.5rem; } .all-content .team .teamSwiper .swiper-img { width: 100%; height: 1.8rem; position: relative; } .all-content .team .teamSwiper .swiper-text { position: absolute; bottom: -0.6rem; } .all-content .team .teamSwiper .swiper-text .name { font-size: 0.22rem; line-height: 0.22rem; font-weight: bold; color: #000000; } .all-content .team .teamSwiper .swiper-text .intro { margin-top: 0.05rem; font-size: 0.12rem; line-height: 0.2rem; font-weight: bold; color: #000000; } .all-content .team .teamSwiper .btns { width: 90%; height: 1rem; position: absolute; z-index: 5; bottom: 0rem; left: 50%; transform: translateX(-50%); } .all-content .team .teamSwiper .tprev, .all-content .team .teamSwiper .tnext { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; background: #FFFFFF; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; color: #9C9C9C; text-align: center; transition: all 0.5s; } .all-content .platform { width: 100%; height: auto; position: relative; } .all-content .platform .platform-top .title { display: inline-block; margin: 0 auto; padding-left: 0.15rem; height: 0.4rem; border-left: 0.045rem solid #ea4027; font-size: 0.42rem; line-height: 0.42rem; font-weight: bold; color: #fff; } .all-content .platform .mid { margin: 0 auto; margin-top: 0.645rem; width: 95%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; position: relative; } .all-content .platform .mid .box { margin-bottom: 0.15rem; flex-shrink: 0; width: 3.5rem; height: 2rem; padding-left: 0.21rem; padding-right: 0.21rem; box-sizing: border-box; background: #FFFFFF; border: 0.0525rem solid #EAE3D1; cursor: pointer; position: relative; transition: all 0.5s; } .all-content .platform .mid .box .title { margin-top: 0.2rem; font-size: 0.28rem; font-family: Source Han Sans CN; font-weight: bold; color: #243850; line-height: 0.42rem; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: all 0.5s; } .all-content .platform .mid .box .bot .check { margin: 0 0.05rem; font-size: 0.25rem; line-height: 0.25rem; font-weight: 400; color: #938264; } .all-content .platform .mid .box .bot { position: absolute; bottom: 0.25rem; } .all-content .platform .mid .box .bot .fa-solid { font-size: 0.18rem; color: #938264; } .all-content .platform .platform-top .english { margin-top: 0.28rem; font-size: 0.51rem; line-height: 0.51rem; letter-spacing: -0.03rem; font-family: DIN-BOLD; font-weight: bold; color: #fff; opacity: 0.1; } .all-content .platform .platform-bot { margin: 0 auto; margin-top: 0.5rem; position: relative; display: flex; justify-content: center; } .all-content .platform .platform-bot .bot-num { margin: 0 0.2rem; margin-bottom: 0.8rem; cursor: pointer; } .all-content .platform .platform-bot .bot-num .num { display: block; margin: 0 auto; font-size: 0.75rem; line-height: 0.75rem; letter-spacing: -0.015rem; font-family: DIN-BOLD; font-weight: bold; color: #FFFFFF; text-align: center; transition: all 0.5s; } .all-content .platform .platform-bot .bot-num .text { margin: 0 auto; margin-top: 0.315rem; display: block; font-size: 0.2rem; line-height: 0.3rem; color: #FFFFFF; text-align: center; } .popups .box .left .title { font-size: 0.3rem; font-weight: bold; line-height: 0.39rem; color: #010101; } .popups .box .right { float: left; margin-top: 0.8475rem; margin-right: 0rem; margin-left: 0.5rem; } .popups .box .left { float: left; margin-top: 0.78rem; margin-left: 0.5rem; width: 4rem; } .popups .box .left .p { font-size: 0.25rem; line-height: 0.4rem; color: #000000; margin-top: 0.3rem; text-align: justify; } .all-content .accordion .box .digitizing { width: 25.2%; left: 0; } .all-content .accordion .box .digitizing a .bg { left: -0.5px; } .all-content .accordion .box .digitizing a .en { font-size: 0.16rem; line-height: 0.16rem; } .all-content .accordion .box .intelligent { width: 25.2%; left: 25%; } .all-content .accordion .box .intelligent a .bg { left: -0.5px; } .all-content .accordion .box .intelligent a .en { font-size: 0.16rem; line-height: 0.16rem; } .all-content .accordion .box .globalization { width: 25.2%; left: 50%; } .all-content .accordion .box .globalization a .bg { left: -0.5px; } .all-content .accordion .box .globalization a .en { font-size: 0.16rem; line-height: 0.16rem; } .all-content .accordion .box .green { width: 25.2%; left: 75%; } .all-content .accordion .box .green a .bg { left: -0.5px; } .all-content .accordion .box .green a .en { font-size: 0.16rem; line-height: 0.16rem; } } @keyframes r2 { 0% { transform: scale(0); } 100% { transform: scale(2); } } @-webkit-keyframes r2 { 0% { transform: scale(0); } 100% { transform: scale(2); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }