<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** {padding: 0; margin: 0; font-family: "PingFangSC-Regular","PingFang SC","Stem_Regular", "simhei", "é»‘ä½“", "SourceHanSansSC-Regular", "sans-serif" !important; }*/
*{padding: 0; margin: 0; }
/* html,body{min-width: 1600px; } */
body{color: #333; }
ul,ol{list-style: none; }
.text-right{text-align: right!important; }
.text-left{text-align: left!important; }
.single-line{word-break: break-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
a,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; }
/*a:hover{background: #faf8f8;}*/
input,button,select,video,input:focus,button:focus,select:focus,video:focus{outline: none; }
.display_flex{display: -webkit-box!important; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important;}
.display_flex &gt; *{display: block; }
.align-content_flex{align-items:center; -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; }
.justify-content_flex{-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.dispaly-table{display: table; }
.dispaly-table &gt; *{display: table-cell; vertical-align: middle; }
.wch-maxwidth{max-width: 1200px; padding: 0 0.2rem; margin: auto; }
.clear-fiex::after{content:""; display: table; clear: both; }
a img{border: none; }

header{position: relative; z-index: 10; }
header .top{max-width: 1360px; margin: auto; padding: 0.28rem 0.2rem 0.24rem; font-size: 0.16rem; background-color: #fff; }
header .top .top-logo img{width: 3rem; height: 0.6rem; }
header .top .top-right li{justify-content: center; }
header .top .top-right li+li{margin-top: 0.2rem; }
header .top .top-right li&gt;img{width: 0.32rem; height: 0.32rem; }
header .top .top-right li .phone-num{font-size: 0.26rem; margin: 0 0.1rem; }
header .top .top-right li .language{border-width: 0 1px; border-style: solid; border-color: #416B8F; padding: 0 0.1rem; margin-right: 0.1rem; }
header .top .top-right li .search-box{width: 1.32rem; height: 0.26rem; border-radius: 0.13rem; border: solid 1px #222222; background-image: url(../images/search.png); background-size: auto 66%; background-position: 96% center; background-repeat: no-repeat; }
header .top .top-right li .search-box input{border: none; background-color: transparent;  padding: 0.02rem 0.3rem 0.02rem 0.08rem; display: block; width: 100%; height: 100%; box-sizing: border-box; }
header .top .top-right li .search-box button{display: none; border: none; outline: none; }
header .top .top-right li form input{height: 0.28rem; width: 1.2rem; padding: 0 0.1rem; background-color: #E8EFFD; border: solid 1px #E6E6E6; box-sizing: border-box; font-size: 0.14rem; }
header .top .top-right li form button{background-color: #E8EFFD; height: 0.28rem; width: 0.48rem; font-size: 0.14rem; border: solid 1px #E6E6E6; margin: 0 0.1rem; }
header .top .top-right li form a{color: #206EC7; font-size: 0.14rem; }

header .top .phone-navbar-toggle{padding: 0.1rem; background-color: transparent; border: none; outline: none; display: none; }
header .top .phone-navbar-toggle span{display: block; width: 0.4rem; height: 0.06rem; border-radius: 4px; background-color: #2376BC; }
header .top .phone-navbar-toggle span+span{margin-top: 0.1rem; }

/* é¡¶éƒ¨å¯¼èˆª */
header .nav-box{transition: left 0.5s; }
header .nav-box .phone-nav-title{display: none; padding: 0.3rem; font-size: 0.32rem; color: #fff; }
/* header .nav-box{background-color: #d6e4ed;} */
header .nav-box{background-color: rgba(255, 255, 255, 0.5);}
header .nav-box .nav{max-width: 1360px; padding: 0 0.2rem; margin: auto; position: relative; z-index: 9; box-sizing: border-box; }
header .nav-box .nav&gt;li&gt;span{display: block; position: relative; }
header .nav-box .nav&gt;li&gt;span&gt;a{padding: 0 0.2rem; height: 0.8rem; line-height: 0.8rem; display: block; color: #222; font-weight: 600; font-size: 0.26rem; }
header .nav-box .nav&gt;li&gt;span&gt;a:hover{background: #faf8f8;}
header .nav-box .nav a.active{color: #206EC7; background-color: #faf8f8; }
header .nav-box .nav .down-munu{position: absolute; top: 100%; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); display: none; box-sizing: border-box; }
header .nav-box .nav&gt;li:hover .down-munu{display: block; }
header .nav-box .nav&gt;li:hover&gt;a{background-color: #fafafa; color: #206EC7; }
header .nav-box .nav&gt;li:hover .down-munu&gt;div::after{content: ""; display: block; clear: both; }
header .nav-box .nav .down-munu .second-nav li a{display: block; }

/* äº§å“å¯¼èˆªäºŒçº§èœå• */
.product-munu-box{padding-top: 0.6rem; }/*äºŒçº§å¯¼èˆªä¸‹æ‹‰æ¡†å¤§å°*/
.product-munu-box::after{content: ""; display: table; clear: both; }
.product-munu-box .product-munu-item{width: 25%; padding: 0 0.55rem; box-sizing: border-box; text-align: center; float: left; }
.product-munu-box .product-munu-item .ligth-img{border-bottom: solid 2px #206EC7; }/*äº§å“è“è‰²çº¿*/
.product-munu-box .product-munu-item .ligth-img img{width: 2.0rem; height: 2.0rem; object-fit: contain; }/*äº§å“ç¼©ç•¥å›¾å¤§å°*/
.product-munu-box .product-munu-item .ligth-img p{font-size: 0.26rem; line-height: 0.5rem; color: #333; }/*äº§å“äºŒçº§æ&nbsp;‡é¢˜å¤§å°*/
.product-munu-box .product-munu-item ul{padding: 0.2rem 0; }
.product-munu-box .product-munu-item li{margin: 0.2rem; font-size: 0; }/*äº§å“ä¸‰çº§æ&nbsp;‡é¢˜è¡Œè·*/
.product-munu-box .product-munu-item li a{font-size: 0.18rem; color: #474747; padding: 0 0.15rem; }

/* è§£å†³æ–¹æ¡ˆäºŒçº§èœå• */
.solution-munu-box{padding: 0.4rem 1.7rem; }
.solution-munu-box .second-nav{width: 3.8rem; float: left; }
.solution-munu-box .second-nav li{font-size: 0; }
.solution-munu-box .second-nav li+li{margin-top: 0.3rem; }
.solution-munu-box .second-nav li a{font-size: 0.18rem; padding: 0; color: #333; }
.solution-munu-box figure{float: right; width: 7.5rem; }
.solution-munu-box figure img{width: 3.5rem; height: 2.3rem; display: block; object-fit: cover; float: right; }
.solution-munu-box figure figcaption{margin-right: 3.7rem; overflow: hidden; }
.solution-munu-box figure figcaption h4{color: #206EC7; font-size: 0.2rem; margin-bottom: 0.3rem; margin-top: 0.05rem; }
.solution-munu-box figure figcaption p{font-size: 0.14rem; color: #666; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.solution-munu-box figure figcaption .text-right{margin-top: 0.1rem; }
.solution-munu-box figure figcaption .text-right a{color: #206EC7; }
.swiper-pagination{font-size: 0; }
/* å…¨çƒå¸‚åœºäºŒçº§èœå• */
/* .marker-munu-box ul{padding: 0.3rem 0.15rem; }
.marker-munu-box ul li{float: left; width: 33.333%; padding: 0 0.15rem; box-sizing: border-box; }
.marker-munu-box ul li a{display: block; margin-top: 0.4rem; font-size: 0.18rem; color: #333; }
.marker-munu-box ul li a:first-child{margin-top: 0.15rem; }
.marker-munu-box ul li figure&gt;img{width: 100%; height: 2.9rem; object-fit: cover; vertical-align: top; }
.marker-munu-box ul li figure figcaption{font-size: 0.18rem; margin-top: 0.15rem; text-align: center; padding: 0 0.15rem; } */
.marker-munu-box{padding: 0.3rem 1.7rem; }
.marker-munu-box .second-nav{float: left; padding-top: 0.15rem; }
.marker-munu-box .second-nav li{width: 1.2rem; margin-right: 0.2rem; }
.marker-munu-box .second-nav li a{font-size: 0.18rem; margin-bottom: 0.3rem; color: #333; display: block; }
.marker-munu-right{float: right; padding: 0 0.1rem; }
.marker-munu-right figure{width: 3.5rem; float: left; padding: 0 0.1rem; }
.marker-munu-right figure img{width: 3.5rem; height: 2.9rem; display: block; }
.marker-munu-right figure figcaption{padding: 0 0.15rem; margin-top: 0.15rem; text-align: center; font-size: 0.2rem; color: #333; }

/* å…³äºŽæ–°èˆªäºŒçº§å¯¼èˆª */
.about-munu-box{padding: 0.3rem 1.7rem; }
.about-munu-box .second-nav{float: left; padding-top: 0.15rem; }
.about-munu-box .second-nav li{width: 1.2rem; margin-right: 0.2rem; }
.about-munu-box .second-nav li a{font-size: 0.18rem; margin-bottom: 0.3rem; color: #333; display: block; }
.about-munu-right{float: right; padding: 0 0.1rem; }
.about-munu-right figure{width: 3.5rem; float: left; padding: 0 0.1rem; }
.about-munu-right figure img{width: 3.5rem; height: 2.9rem; display: block; }
.about-munu-right figure figcaption{padding: 0 0.15rem; margin-top: 0.15rem; text-align: center; font-size: 0.2rem; color: #333; }

/* æ–°é—»åŠ¨æ€äºŒçº§å¯¼èˆª */
.news-munu-box{padding: 0.5rem 0.2rem 0.2rem; }
.news-munu-box .figure-munu-left{float: left; width: 3.6rem; }
.news-munu-box .figure-munu-left .video-box{height: 2.7rem; position: relative; }
.news-munu-box .figure-munu-left .video-box video{width: 100%; height: 100%; object-fit: contain; background-color: #333; }
.news-munu-box .figure-munu-left .video-box .view-cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.news-munu-box .figure-munu-left .video-box .view-cover img{width: 100%; height: 100%; object-fit: cover; }
.news-munu-box .figure-munu-left .video-box .view-cover .video-play-btn{display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background-color: rgba(255,255,255,0.6); position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; }
.news-munu-box .figure-munu-left .video-box .view-cover .video-play-btn::after{content: ""; display: block; border-style: solid; border-width: 15px 0px 15px 20px; border-color: transparent; border-left-color: #a8e01c; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -5px; }
/* .news-munu-box .figure-munu-left a&gt;img{width: 100%; height: 2.75rem; object-fit: cover; } */
.news-munu-box .figure-munu-left figcaption{margin-top: 0.15rem; font-size: 0.15rem; padding: 0 0.15rem; color: #206EC7; text-align: center; }
.news-munu-box .second-nav{float: left; margin: 0 0.2rem 0 0.4rem; }
.news-munu-box .second-nav li{width: 1.1rem; font-size: 0.14rem; }
.news-munu-box .second-nav li a{margin-bottom: 0.3rem; color: #333; font-size: 0.18rem; display: block; line-height: 1.5; }
.news-munu-box .figure-munu-right{width: 9.8rem; float: right; }
.news-munu-box .figure-munu-right&gt;img{width: 4.4rem; height: 2.9rem; object-fit: cover; float: right; }
.news-munu-box .figure-munu-right figcaption{margin-right: 4.6rem; }
.news-munu-box .figure-munu-right figcaption h4{color: #206EC7; font-size: 0.2rem; margin-bottom: 0.3rem; margin-top: 0.05rem; }
.news-munu-box .figure-munu-right figcaption p{font-size: 0.14rem; color: #666; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.news-munu-box .figure-munu-right figcaption .text-right{margin-top: 0.1rem; }
.news-munu-box .figure-munu-right figcaption .text-right a{color: #206EC7; }

/* åˆä½œæ¡ˆä¾‹äºŒçº§å¯¼èˆª */
.cases-munu-box{padding: 0.3rem 1.7rem; }
.cases-munu-box .second-nav{float: left; padding-top: 0.15rem; }
.cases-munu-box .second-nav li{width: 2.5rem; margin-right: 0.2rem; }
.cases-munu-box .second-nav li a{font-size: 0.18rem; margin-bottom: 0.3rem; color: #333; display: block; }
.cases-munu-right{float: right; padding: 0 0.1rem; }
.cases-munu-right figure{width: 3.5rem; float: left; padding: 0 0.1rem; }
.cases-munu-right figure img{width: 3.5rem; height: 2.9rem; }
.cases-munu-right figure figcaption{padding: 0 0.15rem; margin-top: 0.05rem; text-align: center; font-size: 0.2rem; color: #333; }

/* é¢åŒ…å±‘å¯¼èˆª */
.wch-breadcrumb{overflow: hidden; }
.wch-breadcrumb li{color: #ccc; float: left; font-size: 0.14rem; }
.wch-breadcrumb &gt; li + li:before {color: #989898; content: "&gt;";padding: 0 0.05rem; }
.wch-breadcrumb li a{color: #989898; }

/* åˆ†é¡µ */
.wch-pagination-box{text-align: center; font-size: 0; padding: 0 0.06rem; margin: 0.5rem 0; }
.wch-pagination-box li{display: inline-block; font-size: 0.12rem; margin: 0.06rem; }
.wch-pagination-box li a{background-color: #fff; display: inline-block; font-size: 0.12rem; color: #969696; width: 0.36rem; height: 0.36rem; line-height: 0.36rem; text-align: center; border-radius: 4px; border: solid 1px #e6e6e6; }
.wch-pagination-box li a.disable{cursor: no-drop; background-color: #f0f0f0; }
.wch-pagination-box li a.active{background-color: #206EC7; color: #fff; }
.wch-pagination-box li a.max-btn{width: auto; padding: 0 0.2rem; }

.foot-map img{width: 100%; vertical-align: top; }
/* footer */
footer{background-color: #fff; }
.ft-cont-top{background-color: #2376BC; color: #fff; font-size: 0.2rem; }
.ft-cont-top-cont,.ft-cont-bottom{max-width: 1360px; padding: 0 0.2rem; margin: auto; }
.ft-top-left{background-color: #5594CA; color: #fff; flex: 1; padding: 0 0.1rem; }
.ft-top-right{min-width: 3rem; margin-left: 0.2rem; }
.ft-top-right ul{justify-content: flex-end; }
.ft-top-right li{padding: 0 0.15rem; }
.ft-top-right li+li{border-left: solid #fff 1px; }
.ft-top-right li a{color: #fff; }

/* .friendly-links */
.friendly-links{max-width: 1360px; margin: auto; font-size: 0; padding: 0 0.15rem; box-sizing: border-box;background-color: #5594CA; }
.friendly-links li{display: inline-block; font-size: 0.18rem; padding: 0.1rem 0; line-height: 0.4rem; }
.friendly-links li::after{content: "|"; margin: 0 0.1rem; }
.friendly-links li:last-child::after{display: none; }
.friendly-links a{color: #fff; font-size: 0.18rem; font-weight: 600;  }

/* .ft-cont-phone-logo */
.ft-cont-phone-logo{text-align: center; font-size: 0; display: none; }
.ft-cont-phone-logo img{width: 3.6rem; }


/* .ft-cont-bottom{} */
.ft-cont-bottom{padding: 0.35rem 0.2rem 0.6rem; }
.ft-cont-bottom-left{padding-right: 0.24rem; }
.ft-cont-bottom-left&gt;img{width: 1.4rem; }
.ft-cont-bottom-left&gt;div{margin-left: 0.3rem; font-size: 0.16rem; font-weight: 600; padding-top: 0.24rem; }
.ft-cont-bottom-left&gt;div p{margin-bottom: 0.27rem; }

.ft-cont-bottom-center{border-width: 0 1px; border-style: solid; border-color: #F4F4F4; flex: 1; justify-content: space-around; padding-top: 0.08rem; }
/* .ft-cont-bottom-center ul{padding: 0 0.45rem; } */
.ft-cont-bottom-center ul li{margin-bottom: 0.1rem; font-size: 0; }
.ft-cont-bottom-center ul li a{color: #222; font-size: 0.18rem; font-weight: 600; }
.ft-cont-bottom-center ul li a span{color: #313131; font-size: 0.16rem; font-weight: 1; }
.ft-cont-bottom-right&gt;h4{font-size: 0.18rem; font-weight: 600; margin-left: 0.4rem; margin-bottom: 0.08rem; }
.ft-cont-bottom-right figure{margin-left: 0.4rem; }
.ft-cont-bottom-right figure img{width: 1.1rem; height: 1.1rem; }
.ft-cont-bottom-right figure figcaption{display: table; width: 100%; }
.ft-cont-bottom-right figure figcaption .icon-img,.ft-cont-bottom-right figure figcaption&gt;p{display: table-cell; vertical-align: middle; font-size: 0;}
.ft-cont-bottom-right figure figcaption&gt;p{text-align: right; font-size: 0.2rem; }
.ft-cont-bottom-right figure figcaption .icon-img img{width: 0.3rem; height: 0.3rem; border-radius: 0.05rem; margin-right: 0.05rem; }


/*  */
@media (max-width: 768px) {
    .phone-hide{display: none!important; }
    header .top{flex-wrap: wrap; }
    header .top .top-logo img{width: auto; height: 0.5rem; }
    header .top .phone-navbar-toggle{display: block; }
    header .top .top-right{width: 100%; }
    header .top .top-right li .search-box{width: 100%; height: 0.7rem; display: flex;border-radius: 0.4rem; overflow: hidden; margin-top: 0.4rem; border-color: #cdcdcd; background-position: 0.15rem center; background-size: 0.3rem; }
    header .top .top-right li .search-box input{padding: 0.05rem 0.05rem 0.05rem 0.55rem; }
    header .top .top-right li .search-box button{display: block; height: 100%; background-color: #2376BC; color: #fff; font-size: 0.28rem; white-space: nowrap; padding: 0 0.4rem; border-radius: 0.4rem; }
    header .top&gt;form{width: 100%; }
	header .nav-box{position: fixed; top: 0; left: 100%; z-index: 999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: block; }
    header .nav-box.show{left: 0; }
    header .nav-box .nav{background-color: #2376BC; width: 60%; height: 100%; overflow-y: auto; display: block!important; position: absolute; top: 0; right: 0; padding: 0; }
    header .nav-box .nav &gt; li&gt; span&gt; a{color: #fff; font-size: 0.32rem; padding: 0 0 0 0.3rem; margin-right: 0.8rem; line-height: 0.8rem; height: 0.8rem; }
    header .nav-box .phone-nav-title{display: block; }
    header .nav-box .nav &gt; li&gt; span .phone-down{position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 0.8rem; height: 0.8rem; color: #fff; font-size: 0.4rem; text-align: center; line-height: 0.8rem; }
    header .nav-box .nav &gt; li&gt; span .phone-down i::after{content: "+"; font-style: normal; }
    header .nav-box .nav &gt; li&gt; span .phone-down.active i::after{content: "-"}
    header .nav-box .nav a.active{background-color: #2376BC; color: #fff; }
    header .nav-box .nav .down-munu{display: none!important; }
    header .nav-box .nav .down-munu.show{display: block!important; }
    header .nav-box .nav .down-munu .second-nav{float: none; width: 100%; box-sizing: border-box; padding: 0.2rem 0 0; margin: 0; background-color: #2e8ad8; }
    header .nav-box .nav .down-munu .second-nav+.second-nav{padding-top: 0; }
    header .nav-box .nav .down-munu .second-nav li{margin: 0; float: none; width: 100%; padding: 0; }
    header .nav-box .nav .down-munu .second-nav li a{text-align: left; padding: 0 0.2rem; margin: 0; font-size: 0.28rem; color: #fff; line-height: 0.6rem; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; }
    header .nav-box .nav .down-munu .second-nav li a p{line-height: 0.6rem; font-size: 0.28rem; color: #fff; }
    header .nav-box .nav .down-munu{position: static; padding: 0!important; }
    .product-munu-box .product-munu-item{padding: 0; width: 100%; }
    .product-munu-box .product-munu-item .ligth-img{border: none; }
    .product-munu-box .product-munu-item .ligth-img img{display: none; }
    .product-munu-box .product-munu-item ul{display: none; }
    .solution-munu-box figure{display: none; }
    .cases-munu-right{display: none; }
    .marker-munu-right{display: none ; }
    .news-munu-box .figure-munu-left{display: none; }
    .news-munu-box .figure-munu-right{display: none; }
    .about-munu-right{display: none; }


    footer{background-color: #323232; color: #fff; }
    .ft-cont-phone-logo{display: block; padding-top: 0.6rem; }
    .ft-cont-bottom{align-items: center; }
    .ft-cont-bottom-left &gt; div{padding: 0; }
    .ft-cont-bottom-left &gt; div p{margin-bottom: 0.25rem; }
    .ft-cont-bottom-left &gt; div p strong{color: #f9be01; }
    .ft-cont-bottom-right figure&gt;img{width: 0.95rem; height: 0.95rem; display: block; margin: 0 auto 0.1rem; }
    .ft-cont-bottom-right figure figcaption &gt; p{font-size: 0.16rem; }
    .wch-pagination-box{margin: 0.2rem; }
}
</pre></body></html>