/*顶部导航栏样式*/
    body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
        }

        /* 顶部导航栏样式 */
        .navbar {
            display: flex;
            align-items: center;
            background-color: #e6f7ff; /* 浅蓝背景 */
            padding: 0 50px; /* 增大宽度 */
            height: 80px; /* 增大高度 */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .navbar-logo {
            font-size: 28px; /* 加大字体 */
            color: #333;
            font-weight: bold;
            text-decoration: none;
            margin-right: 25%;
        }

        .navbar-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .navbar-menu li {
            position: relative;
            margin: 0 20px; /* 增加菜单项之间的间距 */
        }

        .navbar-menu a {
            text-decoration: none;
            color: #333;
            font-size: 18px; /* 增加字体大小 */
            font-weight: bold; /* 加粗字体 */
            padding: 12px 20px; /* 增加内边距 */
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .navbar-menu a:hover {
            background-color: #bae7ff;
            color: #333;
            border-radius: 5px;
        }

        .navbar-menu .dropdown-content {
            display: none;
            position: absolute;
            top: 60px;
            left: 0;
            background-color: #ffffff;
            min-width: 220px; /* 增加下拉菜单宽度 */
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }

        .navbar-menu .dropdown-content a {
            color: #333;
            padding: 12px 20px; /* 增加内边距 */
            display: block;
            font-size: 16px; /* 适当缩小子菜单字体 */
            font-weight: bold; /* 加粗子菜单字体 */
        }

        .navbar-menu .dropdown-content a:hover {
            background-color: #bae7ff;
        }

        .navbar-menu .dropdown:hover .dropdown-content {
            display: block;
        }


        /* 添加分类筛选部分 */
        .classify {
            display: none; /*默认*/
            
            /*display: block;*/
            /* width: 500px; */ /* 设置为100%宽度 */
            padding: 2px 0 0 10px;
            background-color: rgba(255, 255, 255, 1); /* 完全不透明的白色 */

            border-radius: 5px; /* 设置圆角半径 */
            position: absolute;
            top: .94rem;
            z-index: 9999;
            box-sizing: border-box; /* 确保padding不影响总宽度 */
            border-bottom: 1px solid #dedede;
            box-shadow: 0px .0rem .01rem .02rem #e9e9e9;

        }

        .classify-box {
            margin: 0 0 3px;
        }

        .classify-ti {
            height: 28px;
            margin: 0 0 0px;
            line-height: 28px;
            font-size: 20px;
            color: #27221C;
            font-family: HarmonyOS Sans SC;
            font-style: normal;
            line-height: normal;
            letter-spacing: .019rem;
            margin-top: .10rem;
        }

        .classify-ti img {
            margin: 0 5px 0 0;
            vertical-align: middle;
        }
        
      


        .classify-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* 每列3个链接 */
             /* gap: 5px;设置每个链接之间的间距 */
            overflow: hidden;
        }

        .classify-list a {
            width: 200px;
            overflow: hidden;
            line-height: 45px;
            color: #555;
            font-size: 16px;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 auto;
            padding: 0 8px;
            margin-left: 0px;
            font-family: HarmonyOS Sans SC;
            
        }

        .classify-list a:hover {
            color: #2177DD;
        }
        
        
        
        
   * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #f9f9f9;
            padding: 20px;
        }

        .advantages-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            max-width: 1500px;
            margin: 0 auto; /* 居中容器 */
        }

        .advantages-container .advantage {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        .advantage h3 {
            font-size: .18rem;
            margin-bottom: 15px;
        }

        .advantage p {
            font-size: .13rem;
            color: #555;
            line-height:30px;
        }

        /* Mobile responsive: 1 column layout */
        @media (max-width: 768px) {
            .advantages-container {
                grid-template-columns: 1fr;
                width: 90%; /* 设置容器的宽度为90%，可以根据需要调整 */
                margin: 0 auto; /* 居中容器 */
            }
        }     
        
        

div{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
img{border:0;vertical-align:bottom;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#ccc;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.container{margin:0 auto;padding:0 10px;}
@media (min-width:760px){
.container{width:750px;}
}
@media (min-width:1000px){
.container{width:1000px;}
}
@media (min-width:1200px){
.container{width:1200px;}
}
.line{margin:0;padding:0;}
.x3,.xs6{position:relative;min-height:1px;}
.x3{float:left;}
.x3{width:25%;}
@media (min-width:760px){
.xs6{float:left;}
.xs6{width:50%;}
}
.height-big{line-height:30px;}
.clearfix:after,.container:after,.line:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix,.container,.line{display:block;}
.text-black{color:#000;}

img{vertical-align:middle;}
.f16{font-size:16px;}
.f36{font-size:36px;}
/*! end @import */
.plat1{padding:80px 0;background-color: #e5edf6;}
.plat1 img{padding:15px 0;}
.plat1 .text{margin:0 0 0 70px;}

.plat1 .ico{margin-top:40px;}
.plat1 h2{margin-bottom: 0px;}
.plat1 .ico .x3{text-align:center;}
.plat1 .ico .x3 i{display:block;height:65px;width:65px;margin-left:auto;margin-right:auto;margin-bottom:15px;}
.plat1 .ico .x3:nth-child(1) i{background:url(/static/picture/wk1.png);}
.plat1 .ico .x3:nth-child(2) i{background:url(/static/picture/wk2.png);}
.plat1 .ico .x3:nth-child(3) i{background:url(/static/picture/wk3.png);}
.plat1 .ico .x3:nth-child(4) i{background:url(/static/picture/wk4.png);}

@media (max-width:760px){
img{max-width:100%;}
.f36{font-size:26px;}
.f16{font-size:14px;}
.plat1{padding:80px 0 40px;position:relative;}
.plat1 .xs6 img{width:250px;display:block;margin-left:auto;margin-right:auto;}
.plat1 .f36{position:absolute;top:-230px;width:100%;text-align:center;}
.plat1 .text{margin:0;}
.plat1 .ico .x3 i{width:50px;height:50px;background-size:cover!important;margin-bottom:5px;}
}
@media (min-width: 760px){
.container{min-width:1200px;}
}




*,::after,::before{box-sizing:border-box;}
h2{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h2{font-size:calc(1.325rem + .9vw);}
@media (min-width:1200px){
h2{font-size:2rem;}
}
img{vertical-align:middle;}
::-moz-focus-inner{padding:0;border-style:none;}
.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto;}
@media (min-width:576px){
.container{max-width:540px;}
}
@media (min-width:768px){
.container{max-width:720px;}
}
@media (min-width:992px){
.container{max-width:960px;}
}
@media (min-width:1200px){
.container{max-width:1140px;}
}
@media (min-width:1400px){
.container{max-width:1320px;}
}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2);}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y);}
@media (min-width:992px){
.col-lg-4{flex:0 0 auto;width:33.3333333333%;}
}

h2{font-family:Jost,sans-serif;}
.section-bg__light{background:#f6f8fc;padding: 40px 0;}
@media (min-width:1400px){
.container{max-width:1200px;}
}
section{padding:70px 0 100px;overflow:hidden;}
.section-title{text-align:center;}
.section-title h2{color:#333;font-size:36px;letter-spacing:0;text-align:center;text-transform:uppercase;margin-bottom:20px;padding-bottom:20px;position:relative;line-height:1;}
.section-title h2::after{content:'';position:absolute;display:block;width:40px;height:2px;background:#2da15e;bottom:8px;left:calc(50% - 20px);}
.c-scene--item__bottom{padding:30px 10px;height:260px;text-align:center;background:#fff;box-shadow:0 2px 5px 0 #ccc;}
.c-scene--item__title{font-weight:700;color:#111;margin-bottom:12px;font-size: 20px;}
img{max-width:100%;max-height:100%;}
.container{min-width:1000px!important;}
@media (max-width:1200px){
.container{max-width:1200px;}
}
@media (max-width:992px){
.col-lg-4{flex:0 0 auto;width:33.3333333333%!important;}
}
   
 .c-scene--item__content{
    line-height: 30px;
    font-size: 16px;
} 
     

/* 优化后的CSS样式 */
.sppb-section {
    padding: 40px 0;
    background-color: #f8f8f8;
}
.sppb-section-title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    color: #333;
}
.sppb-icon-container {
    font-size: 40px;
    margin-bottom: 39px;
    color: #fff;
}
.sppb-addon {
    display: flex;
    align-items: center;
    background-color: #0056a3;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-duration: 800ms;
}
.sppb-addon-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

/* 小屏幕自适应为一列 */
@media (max-width: 767px) {
    .sppb-addon-container {
        grid-template-columns: 1fr;
    }
}

.sppb-media-body {
    flex: 1;
    padding-left: 15px;
}
.sppb-addon-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff;
    text-align: left;
}
.sppb-addon-text {
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    text-align: left;
}
.sppb-addon:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}




*,::after,::before{box-sizing:border-box;}
h2,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h2{font-size:calc(1.325rem + .9vw);}
@media (min-width:1200px){
h2{font-size:2rem;}
}
h5{font-size:1.25rem;}

img{vertical-align:middle;}
::-moz-focus-inner{padding:0;border-style:none;}
.img-fluid{max-width:100%;height:auto;}

@media (min-width:992px){
.col-lg-5{flex:0 0 auto;width:41.6666666667%;}
.col-lg-7{flex:0 0 auto;width:58.3333333333%;}
}


h2,h5{font-family:Jost,sans-serif;}
.solution-bg.solution-main__right{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;}
.solution-bg.solution-main__right{display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.solution-title{color:#111;font-size:36px;margin-bottom:40px;}
.solution-subtitle{color:#333;font-size:20px;margin-bottom:10px;}
.solution-subtitle::before{font-size:12px;position:relative;bottom:2px;margin-right:8px;}
.solution-content{margin-bottom:15px;color:#495770;font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;padding-left:15px;}
.solution-content.solution-content__sub{margin-left:20px;text-indent:-20px;}
.solution-content_divider{border:1px solid #efefef;margin:15px 0;}
.solution-content__point{position:relative;display:inline-block;vertical-align:middle;color:#495770;line-height: 30px;}
.solution-content__point::before{content:'';display:inline-block;margin-right:6px;margin-bottom:2px;vertical-align:middle;background-image:url(/static/picture/check-489e16d377.png);background-size:cover;background-position:center center;width:15px;min-width:15px;height:16px;}
.solution-content__point+.solution-content__point{margin-left:18px;}
img{max-width:100%;max-height:100%;}






*,::after,::before{box-sizing:border-box;}
nav{display:block;}
h3,h5{margin-top:0;margin-bottom:.5rem;}
p{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
img{vertical-align:middle;border-style:none;}
h3,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2;}
h3{font-size:1.75rem;}
h5{font-size:1.25rem;}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
a:not(.btn){text-decoration:underline;}
img{page-break-inside:avoid;}
h3,p{orphans:3;widows:3;}
h3{page-break-after:avoid;}
}

.fa_pagebox{text-align:center;margin-top:30px;}
.fa_pagebox .fa_pageitem{font-size:0;}
.fa_pagebox .page-num{display:inline-block!important;color:#333;padding:0 5px;}
.fa_pagebox .fa_pageitem>*{display:inline-block;border:none;background:#eee;color:#000;padding:5px 10px;font-size:16px;}
.fa_pagebox .fa_pageitem .fa_page_0{background:var(--main-color);color:#fff;}
@media only screen and (max-width: 768px){
.fa_pagebox{text-align:center;}
}

.fa_Pro1 .fa_li{border:#ddd solid 1px;}
.fa_Pro1 .fa_li .fa_Img{padding-bottom:80%;background:#000;}
.fa_Pro1 .fa_li .fa_cnt{background:#fff;padding:20px;}
.fa_Pro1 .fa_li .fa_tit{font-weight:bold;text-align:center;}
.fa_Pro1 .fa_li .fa_tit h3{
    font-size: 20px;
    color: #026fc4;
    font-weight: bold;
}
.fa_Pro1 .fa_li .fa_tit h5{font-size:var(--f22);color:#f00;margin-top:10px;font-weight:bold;}
.fa_Pro1 .fa_li .fa_cnt p{font-size:14px;color:#999;line-height:24px;}
.fa_Pro1 .fa_li .fa_cnt p span{content:"";height:1px;width:100%;background:#ddd;display:block;margin:20px 0;}


*{font-family:"Microsoft Yahei", sans-serif;word-wrap:normal;word-break:normal;}
:focus{outline:none;}
a{cursor:pointer;color:#212529;}
h3,h5,p{margin:0;padding:0;list-style-type:none;}
.fa_wrapper{width:100%;max-width:1500px;padding:0 10px;margin:auto;}
::-webkit-scrollbar{width:8px;height:40px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:var(--main-color);}
::-webkit-scrollbar-thumb:hover{background-color:#eee;}
::-webkit-scrollbar-thumb:active{background-color:#eee;}
a:active,a:hover{color:var(--main-color);text-decoration:none;}
a:hover,a:focus{color:var(--main-color);text-decoration:underline;}
a{cursor:pointer;}
a:focus,a:active,a:hover,a:visited{outline:none!important;text-decoration:none;}
@media only screen and (min-width: 769px){
.fa_grid{padding:50px 0;}
}
@media only screen and (max-width:768px){
.fa_grid{padding:30px 0;}
}
.fa_flexwrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.fa_Img{position:relative;width:100%;overflow:hidden;}
.fa_Img img{position:absolute;width:100%;min-height:100%;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.5s;}
.fa_Imgmin img{object-fit:cover;}
.fa_li:hover .fa_Img img{transform:translate(-50%, -50%) scale(1.1);}
.fa_l3{display:block;width:calc((97% - 60px) / 4);margin-right:30px;margin-bottom:30px;}
@media only screen and (min-width: 769px){
.fa_l3:nth-child(4n){margin-right:0;}
}
@media only screen and (max-width:768px){
.fa_l3{display:block;width:100%;margin:10px 0;}
}
.fa_cnt{font-family:"宋体", sans-serif;}
.fa_cnt p{font-family:"宋体", sans-serif;}