<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.banner{height: 2.3rem; background-image: url(../images/product-banner.jpg); background-position: left bottom; background-repeat: no-repeat; background-size: cover; padding-top: 0.7rem; box-sizing: border-box; }
.banner .left{float: left; }
.banner .left h2{font-size: 0.46rem; margin-bottom: 0.15rem; }
.banner .right{float: right; }
.banner .right h2{font-size: 0.48rem; color: #989898; margin-bottom: 0.1rem; }
.banner .right p{text-align: right; font-size: 0.3rem; color: #989898; }

/* æ–°èˆªçš„ç®€ä»‹ */
.introduction-video{max-width: 1526px; padding: 0 0.2rem; margin: 0.2rem auto 0; text-align: center; display: none; }
.introduction-video video{width: 100%; }
.details-article{margin-bottom: 1.4rem; }
.details-article&gt;.title{font-size: 0.3rem; color: #333; margin-top: 0.5rem; }
.details-article&gt;.subtitle{font-size: 0.14rem; color: #999; margin: 0.05rem 0 0.4rem; }
.details-article&gt;.release-time{font-size: 0.14rem; color: #999; margin: 0.25rem 0; }
.details-article&gt;.activity-time{font-size: 0.16rem; margin: 0.25rem 0; text-align: center; }
.details-article article{font-size: 0.16rem; color: #666; line-height: 1.8; }
.details-article article p,.details-article article p span{font-size: 0.16rem!important; }
.details-article article p{margin-bottom: 0.3rem; }
.details-article article img{max-width: 100%; }
.video-box{width: 84.5%; margin: 1.2rem auto 0.3rem; text-align: center; }
.video-box video{max-width: 100%; }

/* å†…å®¹è¡¨æ&nbsp;¼æ&nbsp;·å¼ */
.details-article article table{width: 100%; table-layout: fixed; margin: 0.35rem 0; text-align: center; vertical-align: middle; border-collapse: collapse; border: solid 1px #b5b5b5; }
.details-article article table tr th{padding: 0.15rem; background-color: #b5b5b5; }
.details-article article table tr td{padding: 0.15rem; border: solid 1px #eaeaea; }

/* æ–°èˆªçš„å›¢é˜Ÿ */
.team-list{margin: 0 -0.4rem 0.9rem; }
.team-list li{width: 16.6666%; padding: 0 0.4rem; float: left; box-sizing: border-box; margin-bottom: 0.4rem; }
.team-list li figure{text-align: center; }
.team-list li figure .pictrue{position: relative; padding-bottom: 140%; }
.team-list li figure .pictrue img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.team-list li figure figcaption{line-height: 0.5rem; font-size: 0.16rem; }

/* ç»„ç»‡æž¶æž„ */
.organization-op{margin: 0.4rem 0 1.35rem; }
.wch-mu-box{display: table; margin: auto; border-collapse: separate; border-spacing: 0 0.1rem; }
.wch-mu-1{display: table-row; }
.wch-mu-1&gt;div,.wch-mu-1&gt;ul{display: table-cell; vertical-align: middle; position: relative; }
.wch-mu-2{display: table-row; }
.wch-mu-1&gt;ul::before{content: ""; display: block; width: 1px; position: absolute; top: 0.45rem; bottom: 0.45rem; background-color: #1d4f9e; }
.wch-mu-2&gt;div,.wch-mu-2&gt;ul{display: table-cell; vertical-align: middle; }
.wch-mu-block-span{background-color: #1d4f9e; text-align: center; color: #fff; font-size: 0.16rem; width: 3rem; min-height: 0.7rem; padding: 0 0.15rem; display: flex; align-items: center; justify-content: center; }
/* .wch-mu-block-span::before{content: ""; display: inline-block; height: 0.7rem; vertical-align: middle; } */
.wch-mu-1&gt;div .wch-mu-block-span{font-size: 0.28rem; font-weight: bold; position: relative; margin-right: 0.3rem; }
.wch-mu-1&gt;div .wch-mu-block-span::after{content: ""; display: block; height: 1px; width: 0.3rem; background-color: #1d4f9e; position: absolute; top: 50%; left: 100%; }
.wch-mu-2&gt;div .wch-mu-block-span{font-size: 0.24rem; position: relative; margin-left: 0.3rem; }
.wch-mu-2&gt;div .wch-mu-block-span::after{content: ""; display: block; height: 1px; width: 0.3rem; background-color: #1d4f9e; position: absolute; top: 50%; right: 100%; }
.wch-mu-3{padding: 0 0.15rem; font-size: 0.16rem; color: #fff; width: 3rem; }
.wch-mu-3::before{content: "&gt;&gt;"; padding-right: 0.1rem; }
.wch-mu-2&gt;ul{background-color: #4472c4; }
.organization-op .organization-img{width: 79.3%; margin: 0.2rem auto; }
.organization-op .organization-img img{max-width: 100%; }

/* å‘å±•åŽ†å² */
.bj-f7{background-color: #f7f7f7; margin: 0.5rem auto 0.9rem; overflow: hidden; }
.development-history-box .scroll-box{overflow: hidden; margin: 0 -0.2rem; }
.development-history-box .scroll-slide{padding: 0.2rem 0 0; overflow-x: auto; }
.development-history-tab{font-size: 0; white-space: nowrap; align-items: center; }
.development-history-tab li{width: 2.1rem; height: 1.3rem; background-color: #dbd4cc; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; }
.development-history-tab li+li{margin-left: 0.05rem; }
.development-history-tab li.active{background-color: #0074bd; color: #fff; height: 1.4rem; }
.development-history-tab li h4{font-size: 0.26rem; margin: 0.2rem 0; }
.development-history-tab li p{font-size: 0.2rem; }
.development-history-pane&gt;ul{position: relative; padding: 1px 0.35rem 1px 0.8rem; }
.development-history-pane&gt;ul::before{content: ""; width: 2px; position: absolute; top: 0.4rem; bottom: 0; background-color: #dfdad5; left: 0.4rem; margin-left: -1px; }
.development-history-pane&gt;ul&gt;li{position: relative; margin-bottom: 0.35rem; }
.development-history-pane&gt;ul&gt;li::after{content: ""; display: block; width: 0.26rem; height: 0.26rem; border-radius: 50%; background-color: #1d4f9e; box-shadow: 0 0 0 2px #f7f7f7; position: absolute; top: 0.4rem; left: -0.4rem; margin-left: -0.13rem; }
.development-history-pane .total-title{color: #1d4f9e; font-size: 0.36rem; margin-bottom: 0.1rem; padding-top: 0.3rem; }
.development-history-pane .total-describe{font-size: 0.3rem; line-height: 1.6; }
.development-history-pane .describe-box{border: solid 2px #dfdad5; position: relative; background-color: #fff; }
.development-history-pane .describe-box::before{content: ""; display: block; position: absolute; top: 0.4rem; left: -0.1rem; border: solid 0.14rem #fff; box-shadow: -2px 2px 0 0 #dfdad5; transform: rotate(45deg); }
.development-history-pane .describe-box::after{content: ""; display: table; clear: both; }
.development-history-pane .describe-box&gt;img{width: 3.95rem; height: 2.9rem; object-fit: cover; float: right; }
.development-history-pane .describe-box .text{height: 2.9rem; padding: 0 0.3rem; box-sizing: border-box; line-height: 2.9rem; }
.development-history-pane .describe-box&gt;img+.text{margin-right: 3.95rem; }
.development-history-pane .describe-box .text .article{display: inline-block; vertical-align: middle; line-height: 1.6; font-size: 0.3rem; }
.development-history-pane .describe-box .text .article p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; margin: 0; font-size: 0.3rem; }

/* ç›¸å…³æŽ¨è */
.recommend-box{overflow: hidden; }
.recommend-box h2{font-size: 0.28rem; margin: 0.2rem 0; }
.recommend-list{margin: 0 -0.35rem 0.8rem; }
.recommend-list li{width: 33.333%; padding: 0 0.35rem; float: left; box-sizing: border-box; }
.recommend-list li .figure{padding-bottom: 72.23%; position: relative; overflow: hidden; border: solid 1px #e3dadb; }
.recommend-list li .figure img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: all 1s; }
.recommend-list li .figure:hover img{transform: scale(1.1,1.1); }
.recommend-list li .figure figcaption{position: absolute; bottom: 0; left: 0; width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; color: #fff; background-color: #7f7e7c; padding: 0 0.2rem; box-sizing: border-box; }

/* æ‰‹æœºç«¯å’¨è¯¢æŠ¥ä»· */
.phone-product-show{background-color: #fff; padding: 0.2rem; display: none; }
.phone-product-show img{width: 100%; height: 4rem; border-radius: 0.1rem;object-fit: cover; }
.phone-product-show figcaption{margin-top: 0.3rem; }
.phone-product-show figcaption a{display: block; line-height: 0.75rem; border-radius: 0.1rem; background-color: #206ec7; font-size: 0.3rem; color: #fff; text-align: center; }

/*  */
@media (max-width: 768px) {
    .phone-product-show{display: block; }

    .introduction-video{padding: 0; margin-top: 0; display: block; }

    .development-history-pane .total-title{font-size: 0.3rem; }
    .development-history-pane .total-describe{font-size: 0.24rem; }
    .development-history-pane .describe-box{display: flex; flex-wrap: wrap-reverse; padding: 0.2rem 0;}
    .development-history-pane .describe-box &gt; img{width: 2.4rem; height: 1.75rem; margin-left: 0.2rem; float: none; }
    .development-history-pane .describe-box .text{height: auto; }
    .development-history-pane .describe-box &gt; img + .text{margin-right: 0; width: 100%; padding: 0 0.2rem; margin-bottom: 0.2rem; }
    .development-history-pane .describe-box .text .article{display: block; }

    .team-container{overflow: hidden; border-top: solid 0.2rem #f5f5f5; }
    .team-container&gt;.title{margin-top: 0.5rem; color: #206ec7; font-size: 0.38rem; padding: 0 0.2rem; }
    .team-list{margin: 0.5rem -0.2rem 0;}
    .team-list li{width: 33.333%; }

    .organization-container{overflow: hidden; border-top: solid 0.2rem #f5f5f5; }
    .organization-container&gt;.title{margin-top: 0.5rem; color: #206ec7; font-size: 0.38rem; padding: 0 0.2rem; }
    .wch-mu-block-span{width: 1.65rem; }
    .wch-mu-1 &gt; div .wch-mu-block-span{font-size: 0.2rem; min-height: 0.45rem; }
    .wch-mu-2 &gt; div .wch-mu-block-span{font-size: 0.18rem; }
    .wch-mu-3{width: 2rem; font-size: 0.14rem; }
    .organization-op{margin-bottom: 0; }
    .organization-op .organization-img{width: 100%; }
    .organization-op .organization-img img{max-width: 100%; }

    .technical-support .title{color: #0074bd; text-align: left; }
    .recommend-box{background-color: #f5f5f5; margin-bottom: 0.5rem; }
    .recommend-box h2{font-size: 0.3rem; color: #057cce; margin: 0.2rem 0; }
    .recommend-list{margin: 0 -0.1rem 0.5rem; }
    .recommend-list li{padding: 0 0.1rem; }
    .recommend-list li .figure figcaption{line-height: 0.28rem; font-size: 0.16rem; height: 0.28rem; padding: 0 0.1rem; }
}</pre></body></html>