@charset "utf-8";
/* @font-face {
    font-family: 'PingFang';
    src: url('PingFang.ttc');
} */
        
body{min-width:100%;font:14px/1.5 Tahoma,"Microsoft Yahei";color:#333; -webkit-font-smoothing: antialiased; }
body,p{
    padding: 0;
    margin: 0;
}

/*滚动条*/
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
    background: transparent;
}
#newBridge{
    display: block!important;
}
.common_nav ul{
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 1200px;
    margin: 0 auto;
}
/**导航**/
.common_nav{
    width: 100%;
    height: 60px;
    background: rgba(73,46,199,0);
    position: absolute;
    z-index: 99;
}

.common_nav_li_logo{
    float: left;
    width: 40%;
}

.common_nav_li_logo img{
    width: 150px;
    display: block;
    margin-top: 12px;
}

.common_nav_li{
    float: left;
    font-size: 17px;
    width: 120px;
    height: 60px;
    color: #fff;
    text-align: center;
}

.common_nav_li_text{
    margin-top: 16px;
}

.common_nav_li_heng{
    width: 31px;
    height: 3px;
    background: #fff;
    border-radius: 15px;
    margin: 0 auto;
    margin-top: 10px;
    opacity: 0;
}

.common_nav_li_a{
    color: #fff;
    text-decoration: none;
    padding: 5px 19px 5px 19px;
    background: #4C65FF;
    border-radius: 48px;
    font-size: 16px;
    position: relative;
    top: 16px;
}


/**公共底部**/
.common_foot{
    width: 100%;
    /*height: 520px;*/
    background: #32333B;
}

.common_foot_top{
    width: 1200px;
    height: 100px;
    border-bottom: 1px solid #474C50;
    margin: 0 auto;
    line-height: 100px;
}

.common_foot_top_li{
    width: 25%;
    float: left;
    height: 100%;
}

.common_foot_top_li_img{
    width: 45px;
}

.common_foot_top_li_text{
    color: #67686D;
    display: inline;
    font-size: 16px;
    margin-left: 15px;
}

.common_foot_message_dk{
    clear: both;
    overflow: hidden;
    margin-top: 20px;
    height: 108px;
}

.common_foot_message_dk_left{
    float: left;
}

.common_foot_message_dk_left_img{

}

.common_foot_message_dk_left_text{
    font-size: 14px;
    color: #999999;
    position: relative;
    top: 0px;
    left: 2px;
}

#common_foot_message_dk_left_text_a{
    font-size: 14px;
    color: #999999;
    position: relative;
    top: 0px;
    left: 2px;
}

.common_foot_message_dk_ewm{
    float: left;
    width: 98px;
    margin-left: 17px;
    margin-top: 10px;
}
.common_foot_message_dk_left_a{
    display: block;
    margin-top: 5px;
}

.common_foot_lian{
    width: 1200px;
    color: #fff;
    font-size: 13px;
    margin: 0 auto;
    border-bottom: 1px solid #67686D;
    line-height: 44.2px;
    clear: both;
    overflow: hidden;
}

.common_foot_lian_1{
    float: left;
    /* margin-left: 4%; */
}


.common_foot_lian_2{
    margin-left: 1%;
    color: #A9A9AA;
    text-decoration: none;
}


.common_foot_message{
    width: 1200px;
    color: #fff;
    font-size: 18.2px;
    margin: 0 auto;
    border-bottom: 1px solid #67686D;
    clear: both;
    overflow: hidden;
    padding-bottom: 40px;
}

.common_foot_message_one{
    width: 20%;
    float: left;
}
.common_foot_message_left_left{
    float: left;
    width: 23%;
    margin-top: 87px;
}
.common_foot_message_left{
    /* width: 50%; */
    float: left;
    height: 100%;
    width: 30.33%;
}

.common_foot_message_middle{
    /* width: 30%; */
    float: left;
    height: 100%;
    /* width: 33.333%; */
    width: 13.333%;
}

.common_foot_message_right{
    /* width: 20%; */
    float: left;
    height: 100%;
    width: 15%; 
    margin-left: 18%; 
}

.common_foot_message_title{
    font-size: 15.6px;
    margin-top: 39px;
    letter-spacing: 2px;
}

.common_foot_message_detail{
    font-size: 13px;
    margin-top: 13px;
    color: #8D8D8F;
}

.common_foot_message_detail a{
    color: #8D8D8F;
}

.common_foot_message_detail a:hover{
    color: #8D8D8F;
}

.common_foot_message_er{
    margin-left: 8%;
    margin-top: 26px;
    /* width: 56%; */
    width: 80%;
}

.common_foot_icp{
    width: 1200px;
    height:40px;
    line-height: 40px;
    margin: 0 auto;
    font-size: 12px;
    color: #A9A9AA;
}

.common_foot_icp_message{
    float: right;
}

.x_common_wx_png{
    position: fixed;
    right: 87px;
    top: 30%;
    z-index: 99;
    display: none;
}

.x_common_wx_png img{
    width: 139px;
}


.common_foot_bottom{
    color: #A9A9AA;
    font-size:12px;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
}
.common_foot_bottom a{
    color: #A9A9AA;
    font-size: 13px;
}
.common_foot_bottom a:hover{
    color: #A9A9AA;
    font-size: 13px;
}
/* 右侧导航2 */
.c_nav {
    position: fixed;
    right: 10px;
    z-index: 9999;
    width: 72px;
    top: 50%;
    margin-top: -158px;
}
.c_nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.c_nav li {
    float: right;
}

.c_nav li a {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background: #2589FF;
    border: #2589FF 1px solid;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-bottom: 9px;
    line-height: 1;
    text-decoration: none;
}

.c_nav li a i {
    display: inline-block;
    width: 30px;
    height: 28px;
    padding: 11px 0 9px 0;
    transition: all 0.5s;
}

.c_nav li a:hover i {
    /* transform: rotate(360deg); */
}


.c_nav li.li1 {
    -webkit-animation: rotateInDownLeft 1.5s 0.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 0.5s ease both;
}
.c_nav li.li1 a {
    background: #2589FF;
    color: #fff;
    transition: all 0.5s;
}

.c_nav li.li1 i {
    background: url(http://qiniugw.sdwanyue.com/qqkf1.png) center no-repeat;
}

.c_nav li.li2 {
    -webkit-animation: rotateInDownRight 1.5s 1s ease both;
    -moz-animation: rotateInDownRight 1.5s 1s ease both;
}
.c_nav li.li2 a {
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    color:#fff;
    border:1px solid #2589FF;
}
.c_nav li.li2 a:hover .hides {
    display: block;
}
.c_nav li.li2 a:hover .shows {
    display: none;
}
.c_nav li.li2 a:hover {
    width: 230px;
}

.c_nav li.li2 .hides {
    width: 230px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(http://qiniugw.sdwanyue.com/dh.png) 175px center no-repeat ;
    padding: 0 15px;
    text-align: left;
    display: none;
}
.c_nav li.li2 .hides h2 {
    font-size: 12px;
    color: #fff;
    line-height: 1;
    padding: 17px 0 7px 0;
}
.c_nav li.li2 .hides p {
    font-size: 24px;
    color: #fff;
    font-family: "Arial";
    line-height: 1;
}
.c_nav li.li2 i {
    background: url(http://qiniugw.sdwanyue.com/dh.png) center no-repeat;
}

.c_nav li.li3 {
    position:relative;
    -webkit-animation: rotateInDownLeft 1.5s 1.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;
}
.c_nav li.li3 a {
    position: relative;
    transition: all 0.5s;
    color:#fff;
    border:1px solid #2589FF;
}
.c_nav li.li3 i {
    background: url(http://qiniugw.sdwanyue.com/wx.png) center no-repeat;
}
.c_nav li.li3 .img {
    width: 108px;
    padding: 15px;
    border-radius: 5px;
    background: #0cd579;
    position: absolute;
    left: 180px;
    top: -48px;
}
.c_nav li.li3 .img img {
    width: 108px;
    height: 108px;
    display: block;
}
.c_nav li.li3 .img p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 2px;
}

.c_nav li.li3 .wx_png{
    display:none;
    position: absolute;
    top: 0px;
    right: 80px;
    width: 139px;
    height: 139px;
}


.c_nav li.li3 .wx_png img{
    width: 139px;
    height: 139px;
}

.c_nav li.li3:hover .wx_png{
    display:block;
}


.c_nav li.li4 {
    -webkit-animation: rotateInDownRight 1.5s 2s ease both;
    -moz-animation: rotateInDownRight 1.5s 2s ease both;
}
.c_nav li.li4 a {
    color:#2589ff;
    border:1px solid #2589ff;
}
.c_nav li.li4 i {
    background: url(http://qiniugw.sdwanyue.com/qq.png) center no-repeat;
}

.c_nav li.li5 {
    -webkit-animation: fadeInUp 1.5s 2.5s ease both;
    -moz-animation: fadeInUp 1.5s 2.5s ease both;
}
.c_nav li.li5 a {
    height: 30px;
    border-radius: unset;
    background: rgba(37,137,255);
    border: none;
}
.c_nav li.li5 i {
    width: 30px;
    height: 30px;
    padding: 0;
    transition: all 0.5s;
    background: url(http://qiniugw.sdwanyue.com/db.png) center no-repeat;
}

.c_nav li.li5 a:hover i {
    transform:none;
}


/***弹框*/
.x_common_tan{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.x_common_tan .content{
    position: relative;
    top: 30%;
    width: 630px;
    height: 360px;
    background: #fff;
    margin: 0 auto;
    border-radius: 12px;
    padding: 0;
}
.x_common_tan .content .cha{
    clear: both;
    overflow: hidden;
}
.x_common_tan .content .cha img{
    float: right;
    width: 37px;
    margin-top: 7px;
    margin-right: 7px;
}

.x_common_tan .content .body{
    width: 90%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.x_common_tan .content .body .left{
    float: left;
    width: 49%;
}
.x_common_tan .content .body .left .li{
    clear: both;
    overflow: hidden;
    margin-top: 22px;
}
.x_common_tan .content .body .left .li .img{
    float: left;
}
.x_common_tan .content .body .left .li .text{
    float: left;
    margin-left: 15px;
}
.x_common_tan .content .body .left .li .text .text1{
    font-size: 15px;
}
.x_common_tan .content .body .left .li .text .text2{
    font-size: 17px;
    font-weight: 600;
}
.x_common_tan .content .body .left .li .button{
    float: right;
    border: 0;
    width: 93px;
    color: #fff;
    background: #41B1FF;
    height: 38px;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 6px;
    text-align: center;
    line-height: 38px;
}

.x_common_tan .content .body .middle{
    float: left;
    width: 0.3%;
    height: 270px;
    background: #F0F0F0;
    margin-left: 30px;
}

.x_common_tan .content .body .right{
    float: left;
    width: 37%;
    margin-left: 30px;
}
.x_common_tan .content .body .right .li{
    clear: both;
    overflow: hidden;
    margin-top: 22px;
}
.x_common_tan .content .body .right .li .img{
    float: left;
}
.x_common_tan .content .body .right .li .text{
    float: left;
    margin-left: 15px;
}
.x_common_tan .content .body .right .li .text .text1{
    font-size: 15px;
}
.x_common_tan .content .body .right .li .text .text2{
    font-size: 17px;
    font-weight: 600;
}
.x_common_tan .content .body .right .imger{
    width: 150px;
    height: 150px;
    margin-left: 48px;
    margin-top: 14px;
}
.x_common_tan .content .body .right .tips{
    text-align: center;
    color: #969696;
    font-size: 16px;
    letter-spacing: 1px;
    margin-left: 41px;
}















/**可复用性的东西*/
.margin-left{
    margin-left: 50px;
}

.opacity{
    background: rgba(73,46,199,0.5);
}

.opacity_dis{
    background: rgba(73,46,199,0);
}

.opacity1{
    opacity: 1;
}

.opacity_dis1{
    opacity: 0;
}

.a{
    text-decoration: none;
    color: #fff;
}

.margin_left_3{
    margin-left: 3%;
}

.margin_left_5{
    margin-left: 1%;
}

.margin_left_10{
    margin-left: 1%;
}

.color_5055FA{
    color: #5055FA;
}

.color_fff{
    color: #fff;
}


.x_nav_m_left{
    width: 593px;
    border-right: 1px solid #F0F0F0;
    float: left;
}

.x_nav_m_left_li {
    width: 240px;
    padding: 15px;
    border-bottom: 1px solid #F0F0F0;
    margin-top: 15px;
    background-color: #f7f7f7;
    border-radius: 5px;
}


.x_nav_m_left_li:hover {
    background-color: #207ae7;
}

.x_nav_m_left_li:hover div,
.x_nav_m_left_li:hover span {
    color: #ffffff !important;
}


.x_nav_m_left_li_top span{
    color: #323232;
    font-size: 14.5px;
    letter-spacing: 1px;
    /*margin-left: 8px;*/
    position: relative;
    top: 2px;
}

.x_nav_m_left_li_bottom{
    color: #646464;
    font-size: 12.5px;
    margin-top: 8px;
    letter-spacing: 1px;
}

.x_nav_m_right{
    float: left;
    color: #646464;
    font-size: 12.5px;
    padding-left: 20px;
}

.x_nav_m_right_li{
    margin-top: 20px;
    display: block;
    color: #000;
}

.x_nav_m_right_li:hover{
    margin-top: 20px;
    display: block;
    color: #000;
}

.x_nav_m_right_lianxi{
    width: 89px;
    height: 35px;
    background: #525CF6;
    border-radius: 20px;
    text-align: center;
    margin-top: 41px;
    color: #fff;
    line-height: 35px;
    position: relative;
    right: 8px;
}
/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}


html{background:#fff;overflow:auto;}
body{min-width:100%;font:14px/1.5 Tahoma,"Microsoft Yahei";color:#333; -webkit-font-smoothing: antialiased; }
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft Yahei"; outline:none;}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;color:#ff4f20;}
a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());}
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote { margin:0; padding:0}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img {border:0}
img { border:none; vertical-align:middle;}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
button::-moz-focus-inner,
submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
textarea { resize:none; outline:none;}
address,cite,dfn,em,var{font-style:normal; }
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

*{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* b,em,i{display:inline-block; font-weight:normal; font-style:normal;} */
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ clear:both;zoom:1;}
.hide {display: none;}
.fl{float:left;}
.fr{float:right;}

/*滚动条*/
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 5px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* 主体区域 */
.container{
    width: 1200px;
    position:relative;
    margin:0 auto;
}

/* 头部导航 */
[hidden],template {
    display: none
}

a {
    background: 0 0;
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

ul,li {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

img:not([src*="/"]) {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    border: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a,button,input,textarea {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

i {
    display: inline-block
}

body {
    min-width: 1250px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.clear {
    *zoom:1}

.clear:before,.clear:after {
    display: table;
    line-height: 0;
    content: ""
}

.clear:after {
    clear: both
}

.hide {
    display: none!important
}

.g-box {
    /* width: 1243px; */
    width: 1285px;
    height: 100%;
    margin: 0 auto
}

.wrap {
    min-width: 1200px;
    width: 100%;
    position: relative
}

.f-pa {
    position: absolute
}

.f-pr {
    position: relative
}

.f-fl {
    float: left
}



.m-hd {
    height: 60px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 11;
}



.m-hd-f>li>a,.m-hd-f a {
    color: #333!important
}



.m-hd:hover {
    /* background-color: #fff;
    color: #2778F1; */
}

.m-hd-background{
    background-color: rgba(255,255,255,1)
}
.m-logo {
    width: 128px;
    height: 26px;
    margin-top: 14px;
    margin-right: 20px
}

.m-logo1>img {
    vertical-align: middle;
    margin-right: 10px
}



.m-logo-in {
    background: url('/static/images/common/logo_c.png') no-repeat;
    display: block !important;
    width: 188px !important;
    height: 26px !important;
    margin-top: 5px !important;
}



.m-logo-in.be {
    background-image: url(/static/images/logo_b.png)
}

.m-nav,.m-snav {
    height: 60px;
    z-index: 9;
    /* margin-left: 250px; */
    /* margin-left: 330px; */
    margin-left: 46px;
}

.m-nav>li,.m-snav>li {
    padding-top: 22px;
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    margin-left: 8px;
}

.m-snav>li {
    padding-top: 18px;
}

.m-nav>li>a {
    display: block;
    padding: 0 15px
}

.m-nav>li>a,.m-snav a {
    color: #fff
}

.m-snav a {
    display: inline-block;
    text-align: center
}

.m-nav-act {
    height: 3px;
    line-height: 3px;
    /* background-color: #2778F1; */
    position: absolute;
    bottom: 5px;
    left: 164px;
    width: 50px;
    opacity: 0;
    transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s
}

.m-snav a {
    margin: 0 12px
}



.m-snav a.m-nav-user {
    margin-left: -4px;
    margin-right: -4px;
    text-decoration: underline
}

.m-hd-pr {
    position: relative;
    z-index: 1
}


.m-mu-item {
    width: 150px;
    margin-right: 35px;
    margin-bottom: 20px
}

[data-menu="solutions"] .m-mu-item {
    margin-right: 80px
}

.m-mu-lst>li {
    margin-bottom: 20px;
    min-width: 100px;
    float: left
}

.m-mu-lst>li>a {
    color: #595961;
    float: left;
}

.m-mu-lst>li>a:hover {
    color: #2589ff
}

.m-mu-td {
    display: block;
    font-weight: 700;
    padding-bottom: 14px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    color: #595961;
    font-size: 14px;
    float: left;
}



.m-ban-lnk:hover .m-ban-lnk-h {
    display: block;
    z-index: 1
}



.m-ban-page>li {
    display: inline-block;
    width: 16px;
    height: 6px;
    opacity: .3;
    filter: Alpha(opacity=30);
    background: #FFF;
    cursor: inherit;
    margin-right: 6px
}

.m-ban-page>li:hover {
    opacity: .7;
    filter: Alpha(opacity=70)
}

.m-ban-page>li.active {
    opacity: 1;
    filter: Alpha(opacity=100)
}



.m-ft-mu>li {
    margin-bottom: 14px;
    font-size: 12px
}

.m-ft-mu>li>a {
    color: #999
}

.m-ft-mu>li>a:hover,.m-ft-nav>li>a:hover {
    color: #fff
}

.m-ft-menu>ul:first-child {
    margin-left: 52px
}



.m-ft-nav>li {
    display: inline-block
}

.m-ft-nav>li>a {
    padding: 0 25px;
    color: #999
}



.ft-res-be .ft-res-lnk:hover {
    background-color: #fff;
    color: #2589ff
}

.ft-res-red .ft-res-lnk:hover {
    background-color: #fff;
    color: #fa6869
}



/* 底部导航 */
.footer{
    padding-top:100px;
    background:#32333b;
}
.footer .footer_top{
    height:240px;
}
.footer .footer_top .info_block{
    float:left;
    width:420px;
    color:#999999;
}
.footer .footer_top .info_block .footer_logo{
    margin-bottom:30px;
}
.footer .footer_top .info_block .footer_logo img{}
.footer .footer_top .info_block .info_block_p{}
.footer .footer_top .info_block .info_block_p p{
    line-height:25px;
}
.footer .footer_top .info_block .info_block_b{
    margin-top:10px;
}
.footer .footer_top .info_block .info_block_b label{
    display: inline-block;
    margin-right: 15px;
    position: relative;
}
.footer .footer_top .info_block .info_block_b .icon_img{
    display: inline-block;
    margin-right:5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.footer .footer_top .info_block .info_block_b .qr_code{
    display: inline-block;
    width: 80px;
    height: 80px;
}
.footer .footer_top .footer_top_p{
    float:left;
    margin-right:100px;
    width:120px;
}
.footer .footer_top .footer_top_p:last-child{
    margin-right:0;
}
.footer .footer_top .footer_top_p p{
    line-height:30px;
    color:#999999;
}
.footer .footer_top .footer_top_p p a{
    color:#999999;
    font-size:12px;
}
.footer .footer_top .footer_top_p p a:hover{
    color:#999999;
}
.footer .footer_top .footer_top_p p.p_t{
    margin-bottom:20px;
    font-size:14px;
    border-bottom:1px solid #474c50;
}
.footer .footer_link{
    border-top:1px solid #474c50;
}
.footer .footer_link .link_l{
    display:inline-block;
    margin-right:10px;
    vertical-align:middle;
    line-height:54px;
    color:#999999;
    font-size:12px;

}
.footer .footer_c{
    border-top:1px solid #474c50;
    line-height:40px;
    color:#999999;
    font-size:12px;
}
.footer .footer_c .footer_c_l{
    float:left;
}
.footer .footer_c .footer_c_r{
    float:right;
}

/* 右侧浮动动态电话 */
.float_mobile{
    position:fixed;
    position:fixed;
    top:50%;
    right:3px;
    margin-top:110px;
    z-index:999999;
    width:200px;
    height:85px;
    background:url("/static/images/mobile.gif") no-repeat center;
}


/* 右侧浮动 */
.float_right{
    display:none;
    position:fixed;
    top:60%;
    right:3px;
    margin-top:50px;
    z-index:999999;
}
.float_right a{
    display:block;
    height:100%;
}
.float_right .float_right_mobile{
    position:relative;
    width:65px;
    height:65px;
    background:url("/static/images/rihgt_mobile.png") no-repeat center center;
    margin-bottom:2px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.float_right .float_right_mobile .float_hide{
    position:absolute;
    top:0;
    left: 70px;
    width: 150px;
    height: 65px;
    padding:0 20px;
    line-height: 65px;
    background:#fff;
    font-size:18px;
    font-weight:bold;
}
.float_right .float_right_mobile:hover{
    margin-left:-170px;
}

.float_right .float_right_qq{
    position:relative;
    width:65px;
    height:65px;
    background:url("/static/images/rihgt_qq.png") no-repeat center center;
    margin-bottom:2px;
}
.float_right .float_right_wx{
    position:relative;
    width:65px;
    height:65px;
    background:url("/static/images/rihgt_wx.png") no-repeat center center;
    margin-bottom:2px;
}
.float_right .float_right_wx .float_hide{
    display:none;
    position:absolute;
    top:0;
    left:-160px;
    width:150px;
    border:1px solid #f5f5f5;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}
.float_right .float_right_wx .float_hide img{
    width:150px;
    height:150px;
}
.float_right .float_right_wx:hover .float_hide{
    display:block;
}
.float_right .float_right_sina{
    position:relative;
    display:none;
    width:65px;
    height:65px;
    background:url("/static/images/rihgt_sina.png") no-repeat center center;
    margin-bottom:2px;
}
.float_right .float_right_top{
    width:65px;
    height:37px;
    background:url("/static/images/rihgt_top.png") no-repeat center center;
}


/* 右侧导航2 */
.c_nav {
    position: fixed;
    right: 10px;
    z-index: 9999;
    width: 72px;
    top: 50%;
    margin-top: -158px;
}
.c_nav li {
    float: right;
}

.c_nav li a {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background: #2589FF;
    border: #2589FF 1px solid;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-bottom: 9px;
    line-height: 1;
}

.c_nav li a i {
    display: inline-block;
    box-sizing: content-box;
    width: 30px;
    height: 28px;
    padding: 11px 0 9px 0;
    transition: all 0.5s;
}

.c_nav li a:hover i {
    /* transform: rotate(360deg); */
}


.c_nav li.li1 {
    -webkit-animation: rotateInDownLeft 1.5s 0.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 0.5s ease both;
}
.c_nav li.li1 a {
    background: #2589FF;
    color: #fff;
    transition: all 0.5s;
}

/* .c_nav li.li1 i {
    background: url(/static/images/nav/qqkf.png) center no-repeat;
} */

.c_nav li.li2 {
    -webkit-animation: rotateInDownRight 1.5s 1s ease both;
    -moz-animation: rotateInDownRight 1.5s 1s ease both;
}
.c_nav li.li2 a {
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    color:#fff;
    border:1px solid #2589FF;
}
.c_nav li.li2 a:hover .hides {
    display: block;
}
.c_nav li.li2 a:hover .shows {
    display: none;
}
.c_nav li.li2 a:hover {
    width: 230px;
}

.c_nav li.li2 .hides {
    width: 230px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(/static/images/nav/dh.png) 175px center no-repeat ;
    padding: 0 15px;
    text-align: left;
    display: none;
}
.c_nav li.li2 .hides h2 {
    font-size: 12px;
    color: #fff;
    line-height: 1;
    padding: 17px 0 7px 0;
}
.c_nav li.li2 .hides p {
    font-size: 24px;
    color: #fff;
    font-family: "Arial";
    line-height: 1;
}
.c_nav li.li2 i {
    background: url(/static/images/nav/dh.png) center no-repeat;
}

.c_nav li.li3 {
    position:relative;
    -webkit-animation: rotateInDownLeft 1.5s 1.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;
}
.c_nav li.li3 a {
    position: relative;
    transition: all 0.5s;
    color:#fff;
    border:1px solid #2589FF;
}
.c_nav li.li3 i {
    background: url(/static/images/nav/wx.png) center no-repeat;
}
.c_nav li.li3 .img {
    width: 108px;
    padding: 15px;
    border-radius: 5px;
    background: #0cd579;
    position: absolute;
    left: 180px;
    top: -48px;
}
.c_nav li.li3 .img img {
    width: 108px;
    height: 108px;
    display: block;
}
.c_nav li.li3 .img p {
    font-size: 16px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 2px;
}

.c_nav li.li3 .wx_png{
    display:none;
    position: absolute;
    top: 6px;
    right: 80px;
}

.c_nav li.li3:hover .wx_png{
    display:block;
}

.c_nav li.li4 {
    -webkit-animation: rotateInDownRight 1.5s 2s ease both;
    -moz-animation: rotateInDownRight 1.5s 2s ease both;
}
.c_nav li.li4 a {
    color:#2589ff;
    border:1px solid #2589ff;
}
.c_nav li.li4 i {
    background: url(/static/images/nav/qq.png) center no-repeat;
}

.c_nav li.li5 {
    -webkit-animation: fadeInUp 1.5s 2.5s ease both;
    -moz-animation: fadeInUp 1.5s 2.5s ease both;
}
.c_nav li.li5 a {
    height: 30px;
    border-radius: unset;
    background: rgba(37,137,255);
    border: none;
}
.c_nav li.li5 i {
    width: 30px;
    height: 30px;
    padding: 0;
    transition: all 0.5s;
    background: url(/static/images/nav/db.png) center no-repeat;
}

.c_nav li.li5 a:hover i {
    transform:none;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}
@keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);            transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);            transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);            transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);            transform: translate3d(0,-4px,0);  }}

.sch-ul{
    position: absolute;
    height: 0px;
    padding-right: 30px;
    /* line-height: 10px; */
    display: block !important;
    overflow: hidden;
    background-color: #fff;
    color: #ddd;
    margin-top: -2px;
    margin-left: -60px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.sch-ul-1{
    position: absolute;
    height: 0;
    margin-left: -40px;
    /* line-height: 10px; */
    display: block !important;
    overflow: hidden;
    background-color: #fff;
    color: #ddd;
    margin-top: -2px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.sch-ul-le li{
    font-size: 12px;
    margin-bottom: 20px;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    float: unset !important;
}

.sch-li{

    color: #595961 !important;
    /* width: 190px !important; */
    /* font-size: 12px !important; */
    float: left;
    /*color: #595961;*/
    line-height: 16px !important;
}

.sch-list:hover .sch-ul{
    height: 240px;
}

.sch-list-1:hover .sch-ul-1{
    height: 140px;
}

.sch-ul-1 li {
    height: 16px !important;
    line-height: 60px !important;
    width: 200px !important;
    margin-bottom: 20px;
}

.sch-ul-le{
    width: 135px;
    float: left;
    margin-left: 60px;
    padding-top: 45px;
    height:auto;
}

.item-hot{
    width: 23px;
    height: 19px;
    background: url("/static/images/hot.png") no-repeat;
    margin-left: 10px;
    float: left;
}

.item-new{
    width: 30px;
    height: 19px;
    background: url("/static/images/new.png") no-repeat;
    margin-left: 10px;
    float: left;
}

/**
footer
 */
.clear {
    *zoom:1}

.clear:before,.clear:after {
    display: table;
    line-height: 0;
    content: ""
}

.clear:after {
    clear: both
}

.hide {
    display: none!important
}

.g-box {
    /* width: 1243px; */
    width: 1300px;
    height: 100%;
    margin: 0 auto
}

.wrap {
    min-width: 1200px;
    width: 100%;
    position: relative
}

.f-pa {
    position: absolute
}

.f-pr {
    position: relative
}

.f-fl {
    float: left
}



.s-fc-gy {
    color: #999
}



.s-fcw {
    color: #fff
}



.g-tac {
    text-align: center
}



.s-fs12 {
    font-size: 12px
}



.s-fs24 {
    font-size: 24px
}



.g-mt8 {
    margin-top: 8px
}



.g-mt14 {
    margin-top: 14px
}



.g-mt30 {
    margin-top: 30px
}

.g-mt40 {
    margin-top: 40px
}



.g-ml40 {
    margin-left: 40px
}

.g-ml80 {
    margin-left: 55px;
}



.g-mr30 {
    margin-right: 30px
}

.m-hd {
    height: 60px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
}



.m-hd-f>li>a,.m-hd-f a {
    color: #333!important
}



.m-hd:hover {
    /* background-color: #fff;
    color: #2778F1; */
}

.m-logo {
    width: 128px;
    height: 26px;
    margin-top: 14px;
    margin-right: 20px
}

.m-logo1>img {
    vertical-align: middle;
    margin-right: 10px
}





@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2) {
    .m-logo-in {
        background:url(/static/images/logo_b.png) no-repeat;
        background-size: cover
    }
}

.m-logo-in.be {
    background-image: url(/img/nweb/img/logo_b.png)
}

.m-nav,.m-snav {
    height: 60px;
    z-index: 9;
    position: relative;
}

.m-nav>li,.m-snav>li {
    padding-top: 22px;
    display: inline-block;
    height: 100%;
    box-sizing: border-box
}

.m-snav>li {
    padding-top: 18px
}

.m-nav>li>a {
    display: block;
    padding: 0 5px;
}

.m-nav>li>a,.m-snav a {
    color: #fff
}

.m-snav a {
    display: inline-block;
    text-align: center
}

.m-nav-act {
    height: 3px;
    line-height: 3px;
    /* background-color: #2778F1; */
    background-color: #fff;
    position: absolute;
    bottom: 5px;
    left: 164px;
    width: 50px;
    opacity: 0;
    transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s
}

.m-snav a {
    margin: 0 12px
}



.m-snav a.m-nav-user {
    margin-left: -4px;
    margin-right: -4px;
    text-decoration: underline
}

.m-hd-pr {
    position: relative;
    z-index: 1
}


.m-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border-bottom:4px solid #2778F1;
    padding: 20px;
    padding-top:10px;
    left: 440px;
    top: 60px;
    width: 740px;
    height: 287px;
    font-size: 12px;
    box-sizing: content-box;

}

[data-menu="solutions"] .m-mu-item {
    margin-right: 80px
}

.x_nav_m_left_left {
    float: left;
}

.x_nav_m_left_right {
    float: left;
    margin-left: 20px;
}

.m-mu-lst>li {
    margin-bottom: 20px;
    min-width: 100px;
    float: left
}

.m-mu-lst>li>a {
    color: #595961
}

.m-mu-lst>li>a:hover {
    color: #2589ff
}

.m-mu-td {
    display: block;
    font-weight: 700;
    padding-bottom: 14px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    color: #595961;
    font-size: 14px
}




.m-ban-lnk:hover .m-ban-lnk-h {
    display: block;
    z-index: 1
}



.m-ban-page>li {
    display: inline-block;
    width: 16px;
    height: 6px;
    opacity: .3;
    filter: Alpha(opacity=30);
    background: #FFF;
    cursor: inherit;
    margin-right: 6px
}

.m-ban-page>li:hover {
    opacity: .7;
    filter: Alpha(opacity=70)
}

.m-ban-page>li.active {
    opacity: 1;
    filter: Alpha(opacity=100)
}

.m-foot {
    background-color: #32333b;
    padding-top: 54px;
    padding-bottom: 42px
}

.m-ft-menu {
    min-width: 538px;
    border-left: 1px solid #262836
}

.m-ft-mu {
    display: inline-block;
    /* margin-left: 52px; */
    margin-left: 50px;
}

.m-ft-mu:first-child {
    /* margin-left: 52px; */
    margin-left: 45px;
}

.m-ft-qq {
    border: 1px solid #4c4e59;
    padding: 4px 10px;
    font-size: 12px;
    color: #fff
}

.m-ft-qq:hover {
    background-color: #fff;
    color: #101429
}

.m-ft-qr {
    border: 1px solid #4c4e59;
    background-color: #e3e2e5;
    padding: 5px 5px 10px;
    color: #595961;
    font-size: 12px
}


.m-ft-mu>li {
    margin-bottom: 14px;
    font-size: 12px
}

.m-ft-mu>li>a {
    color: #999
}

.m-ft-mu>li>a:hover,.m-ft-nav>li>a:hover {
    color: #fff
}

.m-ft-menu>ul:first-child {
    margin-left: 22px
}

.m-ft-tt,.m-ft-mu>li.m-ft-tt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px
}

.m-ft-nav-box {
    /* text-align: center; */
    margin-top: 50px;
    padding-top: 32px;
    border-top: 1px solid #262836
}

.m-ft-nav>li {
    display: inline-block;
    margin-bottom:8px;
}

.m-ft-nav>li>a {
    padding: 0 2px;
    color: #999
}



.ft-res-be .ft-res-lnk:hover {
    background-color: #fff;
    color: #2589ff
}

.ft-res-red .ft-res-lnk:hover {
    background-color: #fff;
    color: #fa6869
}

.miitbeian {
    color: #595961
}

.btn-p{

}

.btn-sel-content{
    height: 50px;
    z-index: 9;
    margin: 0;
    padding: 0;
    float: left;
    width: 110px;
    line-height: 24px;
    margin-top: 19px;
    margin-left: 20px;
    margin-right: 20px;
}

.btn-ta{
    display: block;
    float: left;
    padding-right: 10px;
    width: 41px;
    text-align: right;
    font-size: 12px;
    height: 24px;
    color: #fff;
    border: 1px solid rgba(221,221,221,0.23);
    border-radius: 25px 0 0 25px;
    background: rgba(173,173,173,0.25);
}

.btn-ta:hover{
    color: #fff;
}

.btn-hz{
    display: block;
    width: 41px;
    padding-left: 10px;
    float: left;
    text-align: left;
    height: 24px;
    color: #fff;
    font-size: 12px;
    border: 1px solid rgba(221,221,221,0.23);
    border-radius: 0 25px 25px 0;
    margin-left: -1px;
}

.btn-hz:hover{
    color: #fff;
}

/* 轮播 */
.banner .swiper-slide{
    /* background-size:100% 100%; */
}
.banner .slide1{
    display: block;
    /* height: 500px; */
    height: 570px;
    background-position:center;
    background-repeat:no-repeat;
    /* background-size:100% 100%; */

}
.banner .slide1 .inner{
    width: 100%;
    height: 100%;
    display: block;
}

.banner .slide1 .banner_con{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.banner .banner_btns{
    margin:0 auto;
    width:1200px;
    padding-top:335px;
}
.banner .banner_btns .banner_btn{
    float:left;
    margin-left:10px;
    margin-right:10px;
    width:170px;
    height:45px;
    line-height:45px;
    text-align:center;
    border:1px solid rgba(255,255,255,0.4);
    color:#fff;
}
.banner .banner_btns .banner_btn a{
   color:#fff;
}

.banner .banner_btns .banner_btn:hover{
    border:1px solid #fff;
    background:#fff;
    color:#000;
}
.banner .banner_btns .banner_btn a:hover{
   color:#000;
}

.clearboth{
    clear: both;
}

.screenads{
    /*cursor: pointer;*/
}
.banner_left{
    width:650px;
    height: 100%;
    float: left;
    color: #FFF;
}

.banner_title{
    margin-top: 150px;
    font-size: 40px;

}
.banner_desc{
    margin-top: 30px;
}

.banner_desc p{
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.banner_input{
    margin-top: 50px;
    height: 45px;
    color: #FFF;
}

.banner_input a{
    display: block;
}


.banner_input p{
    height: 40px;
    line-height: 40px;
    width: 145px;
    border:1px solid #FFF;
    text-align: center;
    color: #FFF;
    float: left;
    margin-right: 20px;
}

.banner_input p:hover{
    background: #FFF;
    color: #000;
}

.hangye{
    width: 100px; display: block;color: #999; margin-bottom: 10px;
}
.shouhou{
    width: 100px;display: block;color: #999;margin-bottom: 10px;
}
.wenzi{
    color: #999;
}


.c_nav li.li6 {
    -webkit-animation: rotateInDownLeft 1.5s 0.5s ease both;
    -moz-animation: rotateInDownLeft 1.5s 0.5s ease both;
}
.c_nav li.li6 a {
    background: #2589FF;
    color: #fff;
    transition: all 0.5s;
}

.c_nav li.li6 i {
    background: url(/static/images/nav/kf1.png) center no-repeat;
}

.common_foot_icp-1 {
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding-bottom: 30px;
}
.language {
    position: relative;
    float: right;
    line-height: 60px;
    color: #fff;
    width: 105px;
    text-align: center;
}

.language-la {
    display: none;
    background: #fff;
}

.language-now {
    /* padding-top: 15px; */
    line-height: 60px;
}

.language:hover .language-la {
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.language a {
    color: #000;
    display: block;
}
img.language-lefticon {
    margin-right: 7px;
}

img.language-righticon {
    margin-left: 9px;
}

.language a:hover {
    background: #f2f6fe;
    color: #5165ee;
}
.x_nav_m_left_li:hover .icon_nav {
    filter: brightness(100);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
                
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}
.arrow_right_w{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://qiniugw.sdwanyue.com/20260730/build_right.png) no-repeat center center;
    background-size: 100% 100%;
}

.title {
    text-align: center;
    .t{
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        .l,.r{
            display: inline-block;
            width: 42px;
            height: 42px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }
        .l{
            margin-right: 10px;
            background-image: url(https://qiniugw.sdwanyue.com/20260730/t_left.png);
        }
        .r{
            margin-left: 10px;
            background-image: url(https://qiniugw.sdwanyue.com/20260730/t_right.png);
        }
    }
    .d{
        color: #62605E;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
}

.btns{
    display: flex;
    justify-content: center;
    align-items: center;
    .btn{
        margin: 0 13px;
        width: 158px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        background: #FFF;
        box-shadow: 0 4px 8px 0 rgba(199, 77, 0, 0.30);
        color: #FF731B;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        cursor: pointer;
        &.btn2{
            color: #FFFFFF;
            border: 1px solid #FFF;
            background: transparent;
        }
    }
}

.banner{
    height: 600px;
    background: url(https://qiniugw.sdwanyue.com/20260730/bg-banner.png) no-repeat center center;
    background-size: 100% 100%;
    .bd{
        padding-top: 90px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* gap: 40px; */
        margin-left: 100px;
        .info{
            width: 525px;
            flex-shrink: 0;
            /* margin-left: 140px; */
            .t{
                color: #2A2929;
                font-size: 52px;
                font-style: normal;
                font-weight: 900;
                line-height: normal;
                margin-bottom: 5px;
            }
            .t2{
                font-size: 32px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                background: linear-gradient(90deg, #FF731B 47.12%, #FF8D4D 100%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 14px;
            }
            .d{
                color: #323232;
                font-size: 15px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px;
            }
            .tags{
                padding-top: 40px;
                display: flex;
                align-items: center;
                .tag_i{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    margin-left: 49px;
                    &:first-child{
                        margin-left: 0;
                    }
                    .img{
                        margin-bottom: 8px;
                        &img{
                            width: 47px;
                            height: 47px;
                        }
                    }
                    .n{
                        color: #444;
                        font-size: 12px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 12px;
                    }
                }
            }
            .btns{
                padding-top: 50px;
                justify-content: left;
                .btn{
                    width: 152px;
                    height: 50px;
                    border-radius: 8px;
                    background: #FF731B;
                    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);
                    color: #FFF;
                    font-size: 17px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    &.btn1{}
                    &.btn2{
                        border: 1px solid #FF731B;
                        background: rgba(255, 255, 255, 0.10);
                        backdrop-filter: blur(5px);
                        color: #FF731B;
                        font-size: 17px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                    }
                }
            }
        }
        .pic{
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 480px;
            img{
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
            }
        }
    }
}
/* 兼容不支持 CSS 嵌套的旧浏览器：平铺规则，确保 banner 配图不超过容器尺寸 */
.banner .bd .pic img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* banner 左右布局响应式：中等屏缩小配图，小屏隐藏配图 */
@media (max-width: 1200px) {
    .banner .bd .pic{
        height: 360px;
    }
}
@media (max-width: 991px) {
    .banner .bd{
        flex-direction: column;
        align-items: flex-start;
        padding-top: 40px;
        gap: 24px;
    }
    .banner .bd .info{
        width: 100%;
    }
    .banner .bd .pic{
        width: 100%;
        height: auto;
        max-height: 320px;
    }
}

.build{
    padding-top: 70px;
    .bd{
        padding-top: 50px;
        padding-bottom: 70px;
        .tab{
            display: flex;
            justify-content: center;
            align-items: center;
            .item{
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0 10px;
                width: 184px;
                height: 62px;
                border-radius: 50px;
                background: #FFF;
                color: #222;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                cursor: pointer;
                &.active{
                    color: #FFF;
                    background: #FF731B;
                }
            }
        }
        .tab_bd{
            padding-top: 50px;
            .item{
                display: none;
                justify-content: space-between;
                &.active{
                    display: flex;
                }
                .info{
                    margin-right: 45px;
                    .t{
                        color: #222;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: 12px;
                    }
                    .d{
                        position: relative;
                        color: #444;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        padding-bottom: 14px;
                        border-bottom: 1px solid #EEEAE8;
                        &::after{
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            display: block;
                            width: 24px;
                            height: 3px;
                            background: #FF731B;
                        }
                    }
                    .pl{
                        padding-top: 24px;
                        .pl_i{
                            position: relative;
                            padding-left: 28px;
                            margin-bottom: 18px;
                            &:before{
                                content: ' ';
                                position: absolute;
                                top: 3px;
                                left: 0;
                                width: 20px;
                                height: 20px;
                                background: url(https://qiniugw.sdwanyue.com/20260730/build_dui.png) no-repeat center center;
                                display: block;
                            }
                            .pl_t{
                                color: #222;
                                font-size: 18px;
                                font-style: normal;
                                font-weight: 500;
                                line-height: normal;
                                margin-bottom: 5px;
                            }
                            .pl_d{
                                color: #444;
                                font-size: 16px;
                                font-style: normal;
                                font-weight: 400;
                                line-height: normal;
                            }
                        }
                    }
                    .btns{
                        padding-top: 32px;
                        justify-content: left;
                        .btn{
                            width: 158px;
                            height: 51px;
                            border-radius: 30px;
                            background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
                            color: #FFF;
                            font-size: 18px;
                            font-weight: 500;
                        }
                    }
                }
                .img{
                    &img{

                    }
                }
            }

        }
    }
}

.advantage{
    padding: 60px 0 70px;
    /* background: #FFFAF8; */
    .bd{
        padding-top: 50px;
        .list{
            display: flex;
            justify-content: center;
            align-items: center;
            .item{
                border-radius: 16px;
                border: 1px solid #FFE2D7;
                background: #FFF;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-left: 30px;
                margin-bottom: 30px;
                &:first-child{
                    margin-left: 0;
                }
                .info{
                    .t{
                        margin-bottom: 3px;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                        background: linear-gradient(90deg, #FF731B 51.44%, #FFAD28 100%);
                        background-clip: text;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                    }
                    .t2{
                        margin-bottom: 12px;
                        color: #222;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                    }
                    .d{
                        color: #646464;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                }
                &.item1{
                    width: calc(33.3333% - 20px);
                    height: 310px;
                    flex-direction: column;
                    .info{
                        padding-top: 24px;
                    }
                }
                &.item2{
                    width: calc(50% - 15px);
                    height: 275px;
                    .info{
                        padding-left: 24px;
                    }
                }
            }
        }
        .btns{
            .btn{
                width: 192px;
                height: 56px;
                border-radius: 172.5px;
                background: linear-gradient(180deg, #FF731B 32.14%, #FFB07E 100%);
                box-shadow: 0 3px 6px 0 rgba(184, 71, 0, 0.30);
                color: #FFF;
                font-size: 20px;
                font-weight: 500;
                &.btn2{
                    color: #321706;
                    font-size: 20px;
                    font-weight: 500;
                    border: 1px solid #FF731B;
                    background: transparent;
                }
            }
        }
    }
}

.scene{
    height: 860px;
    /* background: #fff url(https://qiniugw.sdwanyue.com/20260730/scene_bg.png) no-repeat center bottom; */
    .container{
        padding-top: 80px;
    }
    .bd{
        .swiper{
            width: 100%;
            height: 100%;
            position: relative;
        }
        .swiper-wrapper{
            align-items: center;
        }
        .swiper-slide{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .list{
            padding: 48px 0 90px;
            display: flex;
            justify-content: center;
            align-items: center;
            .left{
                position: absolute;
                top: 0;
                left: 0;
                width: 150px;
                height: 100%;
                background: linear-gradient(90deg, #FFF 27.33%, rgba(255, 255, 255, 0.01) 100%);
                z-index: 1;
            }
            .right{
                position: absolute;
                top: 0;
                right: 0;
                width: 150px;
                height: 100%;
                background: linear-gradient(270deg, #FFF 27.33%, rgba(255, 255, 255, 0.01) 100%);
                z-index: 1;
            }
            .item{
                margin: 0 13px;
                .item-s{
                    border-radius: 24px;
                    background-position: center bottom;
                    background-repeat: no-repeat;
                    background-size: 100% auto;
                    text-align: center;
                    .t{
                        padding-top: 24px;
                        margin-bottom: 6px;
                        color: #222;
                        font-size: 22px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                    }
                    .d{
                        color: #494543;
                        text-align: center;
                        margin-top: 15px;
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                    &.item-s1{
                        width: 295px;
                        height: 457px;
                    }
                    &.item-s2{
                        width: 276px;
                        height: 307px;
                        margin-bottom: 24px;
                    }
                    &.item-s3{
                        width: 276px;
                        height: 227px;
                    }
                    &.item-s-1{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_1.png);
                    }
                    &.item-s-2{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_2.png);
                    }
                    &.item-s-3{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_3.png);
                    }
                    &.item-s-4{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_4.png);
                    }
                    &.item-s-5{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_5.png);
                    }
                    &.item-s-6{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_6.png);
                    }
                    &.item-s-7{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_7.png);
                    }
                    &.item-s-8{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_8.png);
                    }
                    &.item-s-9{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_9.png);
                    }
                    &.item-s-10{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_10.png);
                    }
                    &.item-s-11{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_11.png);
                    }
                    &.item-s-12{
                        background-image: url(https://qiniugw.sdwanyue.com/20260730/scene_12.png);
                    }
                }
            }
        }
    }
}

.__8qIOXHbR {
    padding: min(60px,60px) 0;
    box-sizing: border-box;
    /* background: #f6f7fa */
}

@media (max-width: 1199px) {
    .__8qIOXHbR {
        padding:60px 0
    }
}

@media (max-width: 991px) {
    .__8qIOXHbR {
        padding:60px 48px
    }
}

@media (max-width: 767px) {
    .__8qIOXHbR {
        padding:72px 48px 36px
    }
}

@media (max-width: 599px) {
    .__8qIOXHbR {
        padding:72px 24px 36px
    }
}

.__8qIOXHbR .kPmtygo_ {
    max-width: 1200px;
    margin: 0 auto
}
/* 中控模块容器跟随宽屏适配（与其它模块 .container 保持一致） */
@media (min-width: 1440px) {
    .__8qIOXHbR .kPmtygo_ { max-width: 1360px; }
}
@media (min-width: 1920px) {
    .__8qIOXHbR .kPmtygo_ { max-width: 1560px; }
}

.__8qIOXHbR .kPmtygo_ .TxHLoomd {
    font-family: PingFangSC-Semibold;
    font-size: min(45px,42px);
    color: #091221;
    text-align: center;
    line-height: min(54px,54px);
    font-weight: 600;
    white-space: pre-wrap
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .TxHLoomd {
        font-size:42px;
        line-height: 60px
    }
}

.__8qIOXHbR .kPmtygo_ ._7ESW5Rl {
    width: 100%;
    margin-top: min(48px,48px)
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl {
        margin-top:30px
    }
}

.__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr {
    width: 100%;
    display: flex;
    gap: min(21px,21px);
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr {
        gap:18px
    }
}

.__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE {
    flex: 1
}

@media screen and (min-width: 992px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-last-child(2) {
        flex:none;
        width: min(621px,621px);
        display: flex;
        flex-direction: column;
        gap: min(21px,21px)
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-last-child(2)>div {
        max-height: calc((100%-min(21px, 21px))/2)!important
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child {
        display: flex;
        gap: 0 min(21px,21px);
        height: min(297px,285px)
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child>div {
        background-color: #fff;
        background-size: min(621px,621px) min(297px,285px);
        background-position: 100%;
        width: calc((100% - 21px) / 2)
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child>div .__4Iwdm1_Y {
        width: min(303px,303px)
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-last-child(2) {
        width:38.1%
    }
}

@media screen and (min-width: 992px) and (min-width:1800px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child>div {
        width:calc((100% - 21px) / 2)
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child>div {
        background-size:77.4% 297px
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:last-child>div .__4Iwdm1_Y {
        width: 240px
    }
}

@media screen and (max-width: 991px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE {
        flex:none;
        width: calc((100% - 21px) / 2);
        display: flex;
        flex-direction: column;
        gap: 21px
    }
}

@media screen and (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE {
        flex:none;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 18px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: min(30px,30px) 0;
    border-radius: min(12px,12px);
    border: 1px solid #ededee;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: var(--bg);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m {
        padding:30px 0
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .__4Iwdm1_Y {
    width: 100%;
    height: auto;
    padding: 0 min(30px,30px);
    box-sizing: border-box
}

@media (min-width: 992px) and (max-width:1199px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .__4Iwdm1_Y {
        padding:0
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .__4Iwdm1_Y {
        padding:0 63px
    }
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .__4Iwdm1_Y {
        width:454.5px;
        margin: 0 auto;
        padding: 0 30px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB {
    width: 100%;
    padding: 0 min(27px,27px);
    box-sizing: border-box;
    margin-top: 12px
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB {
        padding:0 30px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 min(9px,9px);
    height: min(24px,24px);
    overflow: hidden
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI {
        height:30px;
        margin-top: 15px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU {
    padding: min(3px,3px) min(9px,9px);
    box-sizing: border-box;
    border-radius: min(6px,6px);
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU {
        border-radius:7.5px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU .POu3xLX3 {
    width: min(12px,12px);
    height: min(12px,12px);
    margin-right: min(3px,3px)
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU .POu3xLX3 {
        width:15px;
        height: 15px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU ._m5jjBIm {
    font-family: PingFangSC-Regular;
    font-size: min(13.5px,12px);
    line-height: min(18px,18px);
    font-weight: 400
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .nZLje3oU ._m5jjBIm {
        font-size:16.5px;
        line-height: 24px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .Hq3z8BKK {
    background: #f6f7fa
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .Hq3z8BKK ._m5jjBIm {
    font-family: PingFangSC-Regular;
    font-size: min(13.5px,12px);
    color: #091221;
    opacity: .7;
    line-height: min(18px,18px);
    font-weight: 400
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .ehmbtsmI .Hq3z8BKK ._m5jjBIm {
        font-size:16.5px;
        line-height: 24px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .vO2hA8qe {
    font-family: PingFangSC-Semibold;
    font-size: min(24px,24px);
    color: #091221;
    line-height: min(36px,36px);
    font-weight: 600;
    margin-top: min(18px,18px)
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .vO2hA8qe {
        font-size:30px;
        line-height: 42px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .dOLkFdgQ {
    opacity: .7;
    font-family: PingFangSC-Regular;
    font-size: min(18px,14px);
    color: #091221;
    line-height: min(30px,24px);
    font-weight: 400;
    margin-top: min(9px,9px);
    height: min(60px,48px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .dOLkFdgQ {
        font-size:19.5px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU {
    display: flex;
    gap: 0 min(18px,18px);
    cursor: pointer;
    margin-top: min(36px,36px);
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU {
        gap:0 12px;
        margin-top: 30px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU .dr6yp1OC {
    padding: 0 30px;
    box-sizing: border-box;
    height: min(42px,42px);
    font-family: PingFangSC-Semibold;
    font-size: min(18px,14px);
    color: #fff;
    line-height: min(30px,30px);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: min(9px,9px);
    background: #FF731B;
    transition: background .3s ease-out,color .3s ease-out
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU .dr6yp1OC:hover {
    background: #E55500;
    color: #fff
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU .dr6yp1OC {
        width:177px;
        height: 54px;
        border-radius: 12px;
        font-size: 21px;
        padding: 0 46.5px
    }
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU ._Cud_1CJ {
    padding: 0 28.5px;
    box-sizing: border-box;
    height: min(42px,42px);
    border-radius: min(9px,9px);
    border: 1px solid #FF731B;
    font-family: PingFangSC-Semibold;
    font-size: min(18px,14px);
    color: #FF731B;
    line-height: min(30px,30px);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s ease-out,color .3s ease-out
}

.__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU ._Cud_1CJ:hover {
    border: 1px solid #FF731B; background: #FF731B;
    color: #fff
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .MDULi_3m .ccJPHNnB .XUDMjfbU ._Cud_1CJ {
        height:54px;
        border-radius: 12px;
        font-size: 21px;
        line-height: 33px;
        padding: 0 46.5px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF {
    width: 100%;
    height: 100%;
    border-radius: min(12px,12px);
    border: 1px solid #ededee;
    padding-left: 27px;
    box-sizing: border-box;
    display: flex;
    background-image: var(--bg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF {
        padding-left:30px
    }
}

@media (max-width: 599px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF {
        flex-direction:column
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 {
    flex: 1;
    margin: min(30px,30px) min(30px,30px) min(30px,30px) 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 991px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 {
        margin:36px 30px 36px 0
    }
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 {
        margin:30px 30px 30px 0
    }
}

@media (max-width: 599px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 {
        margin:30px 30px 0 0
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u {
    display: flex;
    flex-direction: column
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI {
    display: flex;
    align-items: center;
    gap: 0 min(9px,9px);
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
    height: min(24px,24px)
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI {
        height:30px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .nZLje3oU {
    padding: min(3px,3px) min(9px,9px);
    box-sizing: border-box;
    border-radius: min(6px,6px);
    display: flex;
    align-items: center
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .nZLje3oU .POu3xLX3 {
    width: min(12px,12px);
    height: min(12px,12px);
    margin-right: min(3px,3px)
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .nZLje3oU .POu3xLX3 {
        width:15px;
        height: 15px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .nZLje3oU ._m5jjBIm {
    font-family: PingFangSC-Regular;
    font-size: min(13.5px,12px);
    line-height: min(18px,18px);
    font-weight: 400
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .nZLje3oU ._m5jjBIm {
        font-size:16.5px;
        line-height: 24px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .Hq3z8BKK {
    background: #f6f7fa
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .Hq3z8BKK ._m5jjBIm {
    font-family: PingFangSC-Regular;
    font-size: min(13.5px,12px);
    color: #091221;
    opacity: .7;
    line-height: min(18px,18px);
    font-weight: 400
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .ehmbtsmI .Hq3z8BKK ._m5jjBIm {
        font-size:16.5px;
        line-height: 24px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .vYmONvD5 {
    font-family: PingFangSC-Semibold;
    font-size: min(24px,24px);
    color: #091221;
    line-height: min(36px,36px);
    font-weight: 600;
    margin-top: min(18px,18px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .vYmONvD5 {
        font-size:30px;
        line-height: 42px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .Kvc_mZjg {
    opacity: .7;
    font-family: PingFangSC-Regular;
    font-size: min(18px,14px);
    color: #091221;
    line-height: min(30px,24px);
    font-weight: 400;
    margin-top: min(9px,9px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__7nJZlrY5 .pocLqJ1u .Kvc_mZjg {
        font-size:19.5px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj {
    display: flex;
    cursor: pointer;
    margin-top: min(36px,36px)
}

@media (max-width: 991px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj {
        justify-self:flex-end
    }
}

@media (min-width: 600px) and (max-width:767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj {
        margin-top:30px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj .xNHs97JR {
    padding: 0 28.5px;
    height: min(42px,42px);
    border-radius: min(9px,9px);
    border: 1px solid #FF731B;
    font-family: PingFangSC-Semibold;
    font-size: min(18px,14px);
    color: #FF731B;
    line-height: min(30px,30px);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s ease-out,color .3s ease-out
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj .xNHs97JR:hover {
    border: 1px solid #FF731B; background: #FF731B;
    color: #fff
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .__0ZTlnrbj .xNHs97JR {
        width:177px;
        height: 54px;
        border-radius: 12px;
        font-size: 21px;
        line-height: 33px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden
}

@media (max-width: 599px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO .__0ZTlnrbj {
        margin-top:30px
    }
}

.__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO .__4Iwdm1_Y {
    width: min(249px,249px);
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 0 min(12px,12px) min(12px,12px) 0
}

@media (max-width: 1199px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO .__4Iwdm1_Y {
        width:210px
    }
}

@media (max-width: 767px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO .__4Iwdm1_Y {
        width:240px
    }
}

@media (max-width: 599px) {
    .__8qIOXHbR .kPmtygo_ .IETOiOIF .SjaH8KwO .__4Iwdm1_Y {
        width:181.5px
    }
}

.growth{
    padding-top: 90px;
    .bd{
        .list{
            display: flex;
            padding: 60px 0 90px;
            .item{
                width: 278px;
                height: 373px;
                border-radius: 16px;
                border: 1px solid #F5F0ED;
                background: #FFF;
                box-shadow: 0 8px 16px 0 rgba(75, 35, 10, 0.05);
                margin-left: 29px;
                &:first-child{
                    margin-left: 0;
                }

                .img{
                    padding: 25px 0 20px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    img{
                        width: 108px;
                    }
                }
                .t{
                    margin-bottom: 20px;
                    text-align: center;
                    color: #222;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                }
                .d{
                    margin-bottom: 12px;
                    color: #646464;
                    text-align: center;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 25px; /* 156.25% */
                }
                &:hover{
                    margin-top: -10px;
                    border-radius: 16px;
                    border: 1px solid #FFC8A6;
                    box-shadow: 0 12px 24px 4px #FFF3EB;
                    .t{
                        color: #FF731B;
                    }
                }
            }
        }
    }
}

.upgrade{
    .bd{
        padding: 50px 0 90px;
        .list{
            display: flex;
            .item{
                position: relative;
                width: 285px;
                height: 362px;
                border-radius: 14px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                margin-left: 20px;
                &:first-child{
                    margin-left: 0;
                }
                &.item1{
                    background-image: url(https://qiniugw.sdwanyue.com/20260730/upgrade_1.png);
                }
                &.item2{
                    background-image: url(https://qiniugw.sdwanyue.com/20260730/upgrade_2.png);
                }
                &.item3{
                    background-image: url(https://qiniugw.sdwanyue.com/20260730/upgrade_3.png);
                }
                &.item4{
                    background-image: url(https://qiniugw.sdwanyue.com/20260730/upgrade_4.png);
                }

                .info{
                    position: absolute;
                    left: 10px;
                    bottom: 10px;
                    width: 265px;
                    height: 152px;
                    box-sizing: border-box;
                    padding: 16px 20px;
                    border-radius: 14px;
                    background: #FFF;
                    .t{
                        color: #222;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: normal;
                        margin-bottom: 8px;
                    }
                    .d{
                        color: #646464;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: normal;
                    }
                }
            }
        }
    }
}


.start{
    height: 277px;
    background: #FD6C10 url(https://qiniugw.sdwanyue.com/20260730/start_bg.png) center no-repeat;
    .title{
        padding-top: 48px;
        .t{
            color: #FFF;
            font-size: 32px;
        }
        .d{
            color: #F0F0F0;
            font-size: 18px;
            font-weight: 400;
        }
    }
    .bd{
        padding-top: 40px;
    }
}


/* =========================================
   思屿官网交互特效样式
   仅新增样式，不修改原有任何样式
   ========================================= */

/* ---- 滚动渐显动画 ---- */
.sx-reveal {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.sx-reveal.sx-from-left {
    transform: translateX(-80px);
}

.sx-reveal.sx-from-right {
    transform: translateX(80px);
}

.sx-reveal.sx-scale {
    transform: scale(0.92);
}

.sx-reveal.sx-visible {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
}

/* 子元素阶梯延迟 */
.sx-reveal[data-sx-delay="1"] { transition-delay: 0.1s; }
.sx-reveal[data-sx-delay="2"] { transition-delay: 0.2s; }
.sx-reveal[data-sx-delay="3"] { transition-delay: 0.3s; }
.sx-reveal[data-sx-delay="4"] { transition-delay: 0.4s; }
.sx-reveal[data-sx-delay="5"] { transition-delay: 0.5s; }
.sx-reveal[data-sx-delay="6"] { transition-delay: 0.6s; }

/* ---- 渐变文字流光效果 ---- */
.sx-gradient-text {
    background: linear-gradient(90deg, #000000, #ffa341, #ff731b, #000000);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: sxGradientFlow 5.5s alternate ease-in-out infinite;
}

@keyframes sxGradientFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* ---- 按钮悬浮扫光效果 ---- */
.sx-banner .btn,
.sx-build .btn,
.sx-advantage .btn,
.sx-start .btn {
    position: relative;
    overflow: hidden;
}

.sx-banner .btn::after,
.sx-build .btn::after,
.sx-advantage .btn::after,
.sx-start .btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
    z-index: 1;
}

.sx-banner .btn:hover::after,
.sx-build .btn:hover::after,
.sx-advantage .btn:hover::after,
.sx-start .btn:hover::after {
    left: 100%;
}

/* ---- 标题装饰线动画 ---- */
.sx-section-title .l,
.sx-section-title .r {
    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
}

.sx-reveal:not(.sx-visible) .l,
.sx-reveal:not(.sx-visible) .r {
    width: 0 !important;
    opacity: 0;
}

/* ---- 卡片悬浮上移效果 ---- */
.sx-advantage .item,
.sx-growth .item,
.sx-upgrade .item {
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s ease;
}

.sx-advantage .item:hover,
.sx-growth .item:hover,
.sx-upgrade .item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* ---- 优势卡片图片悬浮放大 ---- */
.sx-advantage .item .img {
    overflow: hidden;
    transition: transform 0.4s ease;
}

.sx-advantage .item:hover .img img {
    transform: scale(1.06);
    transition: transform 0.4s ease;
}

/* ---- 数据增长卡片图片悬浮 ---- */
.sx-growth .item .img {
    overflow: hidden;
    transition: transform 0.35s ease;
}

.sx-growth .item:hover .img img {
    transform: scale(1.05);
    transition: transform 0.35s ease;
}

/* ---- Tab选项卡悬浮高亮 ---- */
.sx-build .tab .item {
    transition: all 0.3s ease;
    cursor: pointer;
}

/* =========================================
   私域直播赋能多行业新场景 - 卡片交互
   参考 zegoi.im「AI 赋能行业新场景」模块效果：
   1) 卡片顶部：8字标签条（hover 时从卡片上方滑入）+ 渐变标题 + 描述
   2) 卡片底部：hover 时浮现白色渐变蒙层 + 「立即体验」按钮
   3) 背景图 hover 时下移 30px，露出卡片底部区域
   保持现有主题色（#FF731B 橙色系）
   ========================================= */

/* 整个卡片容器：相对定位，overflow:hidden 裁切图片下移超出部分，
   白底 + 背景图铺满底部（仿参考网站 item-row 结构） */
.sx-scene-bd .item-s {
    position: relative;
    cursor: pointer;
    z-index: 1;
    overflow: hidden; /* 图片+文下移超出时自动隐藏 */
    background-color: #FFFFFF;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    transition: box-shadow 0.4s ease,
                background-position 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 顶部白色渐变蒙层：保证标题/描述文字区可读（仿参考网站文字区浅色底） */
.sx-scene-bd .item-s::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 46%;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.96) 0%,
        rgba(255, 255, 255, 0.85) 45%,
        rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 2;
}

/* 底部白色渐变蒙层：hover 时浮现（仿参考网站 feature-item-bottom-con） */
.sx-scene-bd .item-s::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.72) 45%,
        rgba(255, 255, 255, 1) 100%);
    opacity: 0;
    pointer-events: none;
    z-index: 4;
    transition: opacity 0.3s ease;
}

/* =========================================
   左右 150px 渐变虚化遮罩（自动滚动时生效）
   ========================================= */
.sx-scene-bd .list {
    position: relative;
}

.sx-scene-bd .list .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 100%;
    pointer-events: none;
    z-index: 5;
    background:
        linear-gradient(90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.75) 30%,
            rgba(255, 255, 255, 0.25) 65%,
            rgba(255, 255, 255, 0) 100%),
        radial-gradient(ellipse 150% 120% at 100% 50%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.25) 55%,
            rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    mask-image: linear-gradient(90deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6) 35%,
        rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6) 35%,
        rgba(0, 0, 0, 0) 100%);
}

.sx-scene-bd .list .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    pointer-events: none;
    z-index: 5;
    background:
        linear-gradient(270deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.75) 30%,
            rgba(255, 255, 255, 0.25) 65%,
            rgba(255, 255, 255, 0) 100%),
        radial-gradient(ellipse 150% 120% at 0% 50%,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.25) 55%,
            rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    mask-image: linear-gradient(270deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6) 35%,
        rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(270deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6) 35%,
        rgba(0, 0, 0, 0) 100%);
}

/* =========================================
   8 字关键词标签条：仿参考网站顶部标签样式
   默认态：位于卡片顶部外侧（不可见）
   hover态：从卡片上方滑入卡片内顶部
   ========================================= */
.sx-scene-bd .sx-short {
    position: absolute;
    top: 18px;                 /* 卡片内顶部 18px 位置 */
    left: 50%;
    transform: translateX(-50%) translateY(-24px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 16px;
    border-radius: 15px;
    border: 1.5px solid rgba(255, 115, 27, 0.4);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 100%);
    color: #FF731B;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.5px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    z-index: 6;
    box-shadow: 0 4px 14px rgba(255, 115, 27, 0.18);
    transition: opacity 0.3s ease 0.05s,
                transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s,
                visibility 0s linear 0.4s;
}

/* hover：标签条淡入并滑入卡片顶部 */
.sx-scene-bd .item-s:hover .sx-short {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
}

/* =========================================
   hover 时（仿参考网站）：
   - 背景图（配图）下移 30px（参考网站 bottom:-30px）
   - 标题 + 描述整体下移 30px（参考网站 translateY(30px)）
   - 底部白色渐变蒙层浮现
   - 「立即体验」按钮浮现
   因为卡片 overflow:hidden，下移超出底部的部分自动隐藏
   ========================================= */
.sx-scene-bd .item-s:hover {
    background-position: center calc(100% + 30px) !important;
    box-shadow: 0 16px 36px rgba(255, 115, 27, 0.18);
    z-index: 10;
}

/* 标题：渐变文字（保持主题色橙色渐变），hover 下移 */
.sx-scene-bd .item-s .t {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 3;
    background: linear-gradient(100deg, #FF731B 0%, #FFA03D 52%, #FF731B 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* 描述文案 */
.sx-scene-bd .item-s .d {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 3;
}

.sx-scene-bd .item-s:hover .t,
.sx-scene-bd .item-s:hover .d {
    transform: translateY(30px);
}

/* hover：底部渐变蒙层浮现 */
.sx-scene-bd .item-s:hover::after {
    opacity: 1;
}

/* 「立即体验」按钮：由 interactions.js 注入，仿参考网站底部按钮 */
.sx-scene-bd .sx-go {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(12px);
    width: 160px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(90deg, #FF8A3D 0%, #FF731B 100%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    z-index: 6;
    box-shadow: 0 8px 20px rgba(255, 115, 27, 0.35);
    transition: opacity 0.3s ease 0.05s,
                transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s,
                visibility 0s linear 0.4s;
}

/* hover：按钮淡入浮现 */
.sx-scene-bd .item-s:hover .sx-go {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
}

/* =========================================
   数据驱动经营增长 - 卡片 redesign
   标题置顶 + 图片居中 + 特性列表置底
   保持现有橙色主题 #FF731B
   ========================================= */

/* 卡片基础：flex 纵向分区，柔和暖白渐变背景 */
.growth .bd .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 278px;
    height: 373px;
    border-radius: 16px;
    border: 1px solid #F5F0ED;
    background: linear-gradient(180deg, #FFFCFA 0%, #FFF8F3 100%);
    box-shadow: 0 8px 16px 0 rgba(75, 35, 10, 0.05);
    padding: 28px 24px 24px;
    box-sizing: border-box;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s ease,
                border-color 0.35s ease;
}

/* 标题：顶部左对齐 */
.growth .bd .list .item .t {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 14px;
    color: #222;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    transition: color 0.35s ease;
}

/* 图片区域：弹性占据中间剩余空间，垂直居中 */
.growth .bd .list .item .img {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    min-height: 0;
    overflow: hidden;
}

.growth .bd .list .item .img img {
    width: 108px;
    height: auto;
    display: block;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 描述项：左对齐，底部列表 */
.growth .bd .list .item .d {
    text-align: left;
    margin-bottom: 9px;
    color: #646464;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    transition: color 0.35s ease;
}

.growth .bd .list .item .d:last-child {
    margin-bottom: 0;
}

/* Hover 交互：上浮 + 橙色边框 + 橙色阴影 */
.growth .bd .list .item:hover {
    transform: translateY(-10px);
    margin-top: 0; /* 覆盖原有 margin-top:-10px，避免与 transform 叠加 */
    border-color: #FFC8A6;
    box-shadow: 0 16px 32px rgba(255, 115, 27, 0.12);
}

.growth .bd .list .item:hover .t {
    color: #FF731B;
}

.growth .bd .list .item:hover .img img {
    transform: scale(1.06);
}

.growth .bd .list .item:hover .d {
    color: #444;
}

/* =========================================
   好用的 AI，背后是这些保障 - capability 模块
   标题渐变流光 + 卡片 hover 蒙层与要点浮现
   主色调保持现有橙色 #FF731B
   ========================================= */

.capability {
    padding: 90px 0;
    background: #FFFFFF;
}

.capability .bd .list {
    display: flex;
    justify-content: center;
    padding: 50px 0 0;
}

/* 卡片基础 */
.capability .bd .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(25% - 18px);
    height: 400px;
    margin-left: 24px;
    border-radius: 16px;
    border: 1px solid #F0EDF3;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s ease,
                border-color 0.35s ease,
                opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.capability .bd .list .item:first-child {
    margin-left: 0;
}

/* 卡片标题 */
.capability .bd .list .item h3 {
    padding: 26px 24px 0;
    margin: 0 0 8px;
    color: #1A1A1A;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    position: relative;
    z-index: 2;
}

/* 卡片描述 */
.capability .bd .list .item .desc {
    padding: 0 24px;
    margin: 0 0 14px;
    color: #7A7A7A;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

/* 配图区域 */
.capability .bd .list .item .visual {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 0;
}

.capability .bd .list .item .visual > img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* hover：配图轻微放大 */
.capability .bd .list .item:hover .visual > img:first-child {
    transform: scale(1.05);
}

/* hover 渐变蒙层图：默认隐藏，hover 时淡入覆盖配图下半部分 */
.capability .bd .list .item .hover-mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 72%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 2;
}

.capability .bd .list .item:hover .hover-mask {
    opacity: 1;
}

/* hover 浮现要点列表 */
.capability .bd .list .item .points {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 26px;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
    z-index: 3;
}

.capability .bd .list .item:hover .points {
    opacity: 1;
    transform: translateY(0);
}

.capability .bd .list .item .points li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 9px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.capability .bd .list .item .points li:last-child {
    margin-bottom: 0;
}

.capability .bd .list .item .points li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FF731B;
    box-shadow: 0 0 6px rgba(255, 115, 27, 0.6);
}

/* 卡片 hover：上浮 + 橙色光晕 */
.capability .bd .list .item:hover {
    transform: translateY(-10px);
    border-color: #FFC8A6;
    box-shadow: 0 16px 36px rgba(255, 115, 27, 0.14);
}

/* ---- Banner标签悬浮效果 ---- */
.sx-banner .tag_i {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
}

.sx-banner .tag_i:hover {
    transform: translateY(-4px);
}

.sx-banner .tag_i .img {
    transition: transform 0.3s ease;
}

.sx-banner .tag_i:hover .img {
    transform: scale(1.1) rotate(-5deg);
}

/* ---- 升级卡片渐变光效 ---- */
.sx-upgrade .item {
    position: relative;
    overflow: hidden;
}

.sx-upgrade .item::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at var(--sx-mx, 50%) var(--sx-my, 50%),
                rgba(47, 111, 230, 0.1), transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.sx-upgrade .item:hover::before {
    opacity: 1;
}

/* ---- 导航栏滚动渐变 ---- */
.sx-nav-scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow 0.4s ease !important;
}

/* ---- 自定义鼠标光标 ---- */
.sx-cursor {
    position: fixed;
    width: 32px;
    height: 32px;
    border: 1.5px solid rgba(47, 111, 230, 0.5);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
    transition: width 0.25s ease, height 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    mix-blend-mode: difference;
}

.sx-cursor-dot {
    position: fixed;
    width: 6px;
    height: 6px;
    background: #2f6fe6;
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease;
    box-shadow: 0 0 8px rgba(47, 111, 230, 0.5);
}

.sx-cursor.sx-hovering {
    width: 48px;
    height: 48px;
    border-color: rgba(124, 58, 237, 0.7);
    background: rgba(47, 111, 230, 0.08);
}

@media (hover: none) and (pointer: coarse) {
    .sx-cursor, .sx-cursor-dot { display: none; }
}

/* ---- Banner滚动视差 ---- */
.sx-banner .info {
    transition: transform 0.1s linear;
}

/* ---- 首屏加载动画 ---- */
.sx-banner .info > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sx-banner.sx-loaded .info > *:nth-child(1) { opacity: 1; transform: none; transition-delay: 0.1s; }
.sx-banner.sx-loaded .info > *:nth-child(2) { opacity: 1; transform: none; transition-delay: 0.25s; }
.sx-banner.sx-loaded .info > *:nth-child(3) { opacity: 1; transform: none; transition-delay: 0.4s; }
.sx-banner.sx-loaded .info > *:nth-child(4) { opacity: 1; transform: none; transition-delay: 0.55s; }
.sx-banner.sx-loaded .info > *:nth-child(5) { opacity: 1; transform: none; transition-delay: 0.7s; }

/* =========================================
   一体化私域业务平台构建 - 横向 Tab + 大卡片
   参考截图样式：横向直线排列 Tab + 每个 Tab 独立进度条 + 大圆角卡片
   ========================================= */

/* 模块标题改为纯黑色（覆盖默认蓝紫渐变流光） */
.sx-build .title .t .sx-gradient-text {
    ackground: linear-gradient(90deg, #000000, #ffa341, #ff731b, #000000);
    /* -webkit-text-fill-color: #000;
    color: #000;
    animation: none; */
}

/* ===== Tab 导航容器：胶囊轨道（分段控件样式） ===== */
.sx-build-tabs .sx-tabs-nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 38px;
    height: auto;
    padding: 8px;
    z-index: 2;
    width: fit-content;
    margin: 0 auto;
    /* background: #F4F4F5; */
    border-radius: 52px;
}

/* 每个 Tab 项：胶囊样式，无底部横线 */
.sx-tab-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 16px 40px;
    background: transparent;
    color: #8C8C8C;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    border: none;
    border-radius: 40px;
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    flex: none;
    white-space: nowrap;
}

/* Tab 内部文字+图标行 */
.sx-tab-item .sx-tab-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

/* Tab 悬浮效果：浅橙底 + 主题色文字 */
.sx-tab-item:hover {
    color: #FF731B;
    background: rgba(255, 115, 27, 0.08);
}

.sx-tab-item:hover .sx-tab-icon {
    color: #FF731B;
}

/* Tab 图标 */
.sx-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8C8C8C;
    transition: color 0.3s ease;
}
.sx-tab-icon svg {
    width: 24px;
    height: 24px;
}

/* Tab 激活态：橙色渐变胶囊高亮 */
.sx-tab-item.sx-active {
    color: #FFFFFF;
    background: linear-gradient(135deg, #FF8B3E 0%, #FF6A00 100%);
    box-shadow: 0 8px 20px rgba(255, 106, 0, 0.28);
}

.sx-tab-item.sx-active .sx-tab-icon {
    color: #FFFFFF;
}

/* 下方内容卡片：大圆角浅灰背景 */
.sx-tabs-panel {
    margin-top: 30px;
}

.sx-panel-card {
    position: relative;
    border-radius: 24px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7F5F3 100%);
    overflow: hidden;
    min-height: 460px;
    transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.45s ease,
                border-color 0.45s ease;
    border: 1px solid rgba(228, 232, 238, 0.5);
}

/* 内容卡片 hover：整体上浮 + 橙色光晕（参考百度卡片悬停特效） */
.sx-panel-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 115, 27, 0.28);
    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.12),
                0 0 40px rgba(255, 115, 27, 0.08);
}

/* 内容面板默认隐藏，激活显示并带切换动画 */
.sx-panel-inner {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 48px 56px;
    gap: 60px;
    opacity: 0;
    transform: translateY(14px);
    pointer-events: none;
    transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sx-panel-inner.sx-active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* 左栏：文字内容 */
.sx-panel-left {
    flex: 1;
    min-width: 0;
}

/* Tab 标签名（小字） */
.sx-panel-label {
    color: #FF731B;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

/* 主标题 */
.sx-panel-title {
    color: #1A1A1A;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 18px;
}

/* 描述文字 */
.sx-panel-desc {
    color: #5A6170;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    margin-bottom: 24px;
    max-width: 520px;
}

/* 绿色勾选项：2x2 网格 */
.sx-panel-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-bottom: 28px;
}

.sx-check-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #3A3F4B;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
}

.sx-check-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #10B981;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

/* 详细特性列表（保留原有内容，保持信息完整） */
.sx-panel-detail {
    margin-bottom: 10px;
}

.sx-detail-item {
    margin-bottom: 10px;
    padding-left: 28px;
    position: relative;
}

.sx-detail-item::before {
    content: ' ';
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(https://qiniugw.sdwanyue.com/20260730/build_dui.png) no-repeat center center;
    display: block;
}

.sx-detail-t {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 3px;
}

.sx-detail-d {
    color: #5A6170;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
}

/* 按钮区 */
.sx-panel-btns {
    padding-top: 12px;
    justify-content: flex-start;
}

.sx-panel-btns .btn {
    width: 158px;
    height: 51px;
    border-radius: 30px;
    background: linear-gradient(23deg, #FD6302 45.25%, #FFA341 95.34%);
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
}

/* 右栏：图片 */
.sx-panel-right {
    flex: 0 0 auto;
    max-width: 600px;
    width: 48%;
    min-width: 300px;
}

.sx-panel-right img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.5s ease;
}

/* 激活面板图片浮动动画 */
.sx-panel-inner.sx-active .sx-panel-right img {
    animation: sxPanelFloat 5s ease-in-out infinite;
}

/* 卡片 hover：图片放大并暂停浮动动画 */
.sx-panel-card:hover .sx-panel-right img {
    animation-play-state: paused;
    transform: scale(1.045);
    box-shadow: 0 26px 60px rgba(15, 23, 42, 0.16);
}

@keyframes sxPanelFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* 激活面板子元素错时渐入 */
.sx-panel-inner.sx-active .sx-panel-label {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.08s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-title {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.15s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-desc {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.22s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-checks {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.29s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-detail {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.36s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-btns {
    animation: sxFadeInUp 0.5s ease forwards;
    animation-delay: 0.43s;
    opacity: 0;
}
.sx-panel-inner.sx-active .sx-panel-right {
    animation: sxFadeInRight 0.6s ease forwards;
    animation-delay: 0.2s;
    opacity: 0;
}

@keyframes sxFadeInUp {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes sxFadeInRight {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* 响应式 - 小屏 */
@media (max-width: 900px) {
    .sx-panel-inner {
        flex-direction: column;
        padding: 32px 24px;
        gap: 28px;
        position: relative;
    }
    .sx-panel-inner.sx-active {
        position: relative;
    }
    .sx-panel-card {
        min-height: auto;
    }
    .sx-panel-right {
        order: -1;
        width: 100%;
        max-width: 100%;
    }
    .sx-panel-title {
        font-size: 24px;
    }
    .sx-tabs-nav {
        flex-wrap: wrap;
        width: auto;
        padding: 6px;
        gap: 6px;
    }
    .sx-tab-item {
        flex: 1 1 auto;
        max-width: none;
        padding: 12px 22px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .sx-tabs-nav {
        flex-direction: column;
        align-items: stretch;
    }
    .sx-tab-item {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* =========================================
   响应式适配 - 场景卡片弹性化 + 宽屏容器
   1) 场景卡片宽度改为随 swiper 列数自适应（aspect-ratio 保持原比例，背景图不拉伸）
   2) 宽屏（≥1440px）容器适当加宽，避免两侧留白过大
   3) 窄屏压缩 hover 位移与按钮尺寸，避免内容溢出挤压
   ========================================= */

/* 场景卡片弹性化：宽度随 slide 自适应 */
.sx-scene-bd .item {
    width: 100%;
    margin: 0;
    padding: 0 13px;
    box-sizing: border-box;
}
.sx-scene-bd .item-s {
    width: 100%;
    height: auto;
    background-size: cover;
}
.sx-scene-bd .item-s1 {
    aspect-ratio: 295 / 457;
}
.sx-scene-bd .item-s2 {
    aspect-ratio: 276 / 307;
    margin-bottom: 24px;
}
.sx-scene-bd .item-s3 {
    aspect-ratio: 276 / 227;
}

/* 中等屏（笔记本，1024-1300px）：压缩 hover 位移与按钮尺寸 */
@media (max-width: 1300px) {
    .sx-scene-bd .item-s:hover .t,
    .sx-scene-bd .item-s:hover .d {
        transform: translateY(16px);
    }
    .sx-scene-bd .sx-go {
        width: 132px;
        height: 36px;
        bottom: 14px;
        font-size: 12px;
    }
    .sx-scene-bd .sx-short {
        height: 26px;
        padding: 0 12px;
        font-size: 12px;
    }
}

/* 窄屏（≤900px）：关闭 hover 位移，缩小两侧虚化遮罩 */
@media (max-width: 900px) {
    .sx-scene-bd .item-s:hover {
        background-position: center bottom !important;
    }
    .sx-scene-bd .item-s:hover .t,
    .sx-scene-bd .item-s:hover .d {
        transform: none;
    }
    .sx-scene-bd .list .left,
    .sx-scene-bd .list .right {
        width: 60px;
    }
}

/* 宽屏适配：容器随视口适当加宽，避免两侧留白过大 */
@media (min-width: 1440px) {
    .siyu .container { width: 1360px; }
}
@media (min-width: 1920px) {
    .siyu .container { width: 1560px; }
}

/* =========================================
   页面内联样式（由 index.html <style> 提取合并）
   ========================================= */
  p.pop-p-a a {
    display: block;
    width: 120px;
    height: 50px;
    border-bottom: 1px solid #f1f1f1;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
  }

  .turnroundimg {
    transition: 1s;
  }

  .nav-item:hover .turnroundimg {
    transform: rotate(180deg);
  }

  img.icon_nav {
    vertical-align: bottom;
  }

  a.language-a {
    color: #fff;
    display: inline;
    line-height: 65px;
  }

  a.language-a:hover {
    color: #fff;
    background: none;
  }

/* =========================================
   多元履约场景 - sx-store-fulfill
   左导航 + 右内容切换 + 底部流程
   ========================================= */
.sx-store-fulfill {
    padding: 70px 0;
    /* background: #f8f9fd; */
}

/* 左右布局 */
.sx-fulfill-layout {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 48px;
    align-items: start;
    margin-top: 50px;
}

/* 左侧导航 */
.sx-fulfill-nav {
    display: flex;
    flex-direction: column;
}

.sx-fulfill-tab {
    position: relative;
    padding: 24px 0 24px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    cursor: pointer;
    transition: background 0.3s ease;
}

.sx-fulfill-tab:first-child {
    border-top: 1px solid rgba(0,0,0,0.06);
}

.sx-fulfill-tab:hover {
    background: rgba(255,115,27,0.03);
}

.tab-indicator {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 4px;
    height: 50%;
    background: linear-gradient(180deg, #ffa341, #ff731b);
    border-radius: 2px;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.sx-fulfill-tab.sx-active .tab-indicator {
    transform: translateY(-50%) scaleY(1);
}

.tab-main h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px;
    transition: color 0.3s ease;
}

.sx-fulfill-tab.sx-active .tab-main h3 {
    background: linear-gradient(90deg, #ff731b, #ffa341);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.tab-main p {
    font-size: 17px;
    
    color: #999;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.sx-fulfill-tab.sx-active .tab-main p {
    font-size: 20px;
    font-weight: bold;
    color: #010101;
}

.tab-features {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.35s ease;
    list-style: none;
    padding: 0;
}

.sx-fulfill-tab.sx-active .tab-features {
    margin-top: 16px;
    max-height: 200px;
    opacity: 1;
}

.tab-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #666;
    line-height: 2;
}

.tab-features li img {
    width: 20px;
    height: 20px;
}

.feature-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffa341, #ff731b);
    flex-shrink: 0;
}

/* 右侧展示 */
.sx-fulfill-display {
    position: relative;
    min-height: 560px;
}

.fulfill-pane {
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, #FFA341 0%, #FF731B 100%);
    border-radius: 20px;
    padding: 36px 40px 40px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
    overflow: hidden;
}

.fulfill-pane.sx-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* 装饰光晕 */
.fulfill-pane::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -60px;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 70%);
    pointer-events: none;
}

.fulfill-pane::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -60px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pane-tag {
    display: inline-block;
    padding: 5px 14px;
    background: #fff;
    color: #FF731B;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    margin-bottom: 16px;
}

.pane-title {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

.pane-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    /* max-width: 520px; */
    margin-bottom: 24px;
}

.pane-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}

.metric-item {
    text-align: center;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.30);
    transition: border-color 0.3s ease, background 0.3s ease;
}

.metric-item:hover {
    background: rgba(255,255,255,0.28);
    border-color: rgba(255,255,255,0.50);
}

.metric-value {
    font-size: 24px;
    font-weight: 800;
    background: linear-gradient(90deg, #4a2200, #6b3400);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin-bottom: 4px;
}

.metric-label {
    font-size: 12px;
    color: rgba(74,38,0,0.75);
}

.pane-visual {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    /* border: 2px solid rgba(255,255,255,0.35); */
}

.pane-visual img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}

.visual-glow {
    position: absolute;
    inset: 0;
    border-radius: 12px;
    /* box-shadow: inset 0 0 40px rgba(255,255,255,0.15); */
    pointer-events: none;
}

/* 底部流程 */
.sx-fulfill-bottom {
    margin-top: 60px;
    padding: 48px;
    border-radius: 20px;
    background: #FFFFFF;
    text-align: center;
    border: 1px solid #F0EDE8;
}

.sx-fulfill-bottom .title .d {
    line-height: 1.8;
}

.sx-fulfill-flow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 40px auto 0;
}

.flow-step {
    position: relative;
    text-align: center;
    padding: 28px 16px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.flow-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(255,115,27,0.12);
}

.flow-step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    transform: translateY(-50%) rotate(45deg);
}

.flow-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255,115,27,0.08), rgba(255,163,65,0.08));
    border-radius: 14px;
}

.flow-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.flow-title {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 6px;
}

.flow-desc {
    font-size: 17px;
    color: #888;
    line-height: 1.5;
}

/* 响应式 */
@media (max-width: 1024px) {
    .sx-fulfill-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .sx-fulfill-nav {
        flex-direction: row;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 8px;
    }
    .sx-fulfill-tab {
        min-width: 240px;
        border: 1px solid rgba(0,0,0,0.06);
        border-radius: 12px;
        padding: 20px;
    }
    .tab-indicator {
        left: 0; top: 0; width: 100%; height: 3px;
        transform: scaleX(0) translateY(0);
    }
    .sx-fulfill-tab.sx-active .tab-indicator {
        transform: scaleX(1) translateY(0);
    }
    .sx-fulfill-display {
        min-height: 520px;
    }
    .sx-fulfill-flow {
        grid-template-columns: repeat(2, 1fr);
    }
    .flow-step:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .sx-fulfill-display {
        min-height: 580px;
    }
    .pane-metrics {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .metric-value {
        font-size: 20px;
    }
    .sx-fulfill-flow {
        grid-template-columns: 1fr;
    }
    .sx-fulfill-bottom {
        padding: 32px 20px;
    }
}

/* =========================================
   产品优势与核心能力 - sx-advantages
   仿 h3yun「不断进化的功能，等你来体验」：Tab 切换 + 3列卡片网格 + 底部双按钮
   ========================================= */
.sx-advantages {
    padding: 90px 0;
    background: #FAFAFA;
}

.sx-advantages .bd {
    padding-top: 50px;
}

/* 顶部 Tab 切换（居中，选中项橙色文字 + 底部橙色下划线） */
.sx-evo-tabs {
    display: flex;
    justify-content: center;
    gap: 48px;
    margin-bottom: 42px;
}

.sx-evo-tab {
    position: relative;
    padding: 10px 6px 14px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    color: #8C8C8C;
    cursor: pointer;
    transition: color 0.3s ease;
    user-select: none;
}

.sx-evo-tab::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: linear-gradient(90deg, #FF8A3D 0%, #FF731B 100%);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sx-evo-tab:hover {
    color: #FF731B;
}

.sx-evo-tab.sx-active {
    color: #FF731B;
}

.sx-evo-tab.sx-active::after {
    transform: scaleX(1);
}

/* 内容面板（切换时淡入上移） */
.sx-evo-pane {
    display: none;
}

.sx-evo-pane.sx-active {
    display: block;
    animation: sxEvoFadeIn 0.5s ease both;
}

@keyframes sxEvoFadeIn {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 卡片网格：3 列 */
.sx-evo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sx-evo-card {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 14px;
    border: 1px solid #F0EDF3;
    padding: 26px 24px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s ease,
                border-color 0.35s ease;
}

.sx-evo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(255, 115, 27, 0.12);
    border-color: #FFC8A6;
}

.sx-evo-info {
    flex: 1;
    min-width: 0;
    padding-right: 14px;
}

.sx-evo-info h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1A1A1A;
    margin: 0 0 10px;
    line-height: 1.4;
}

.sx-evo-info h3 span {
    color: #FF731B;
}

.sx-evo-info p {
    font-size: 13px;
    color: #7A7A7A;
    line-height: 1.7;
    margin: 0;
}

.sx-evo-pic {
    width: 118px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
}

.sx-evo-pic img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sx-evo-card:hover .sx-evo-pic img {
    transform: scale(1.05);
}

/* 底部按钮组 */
.sx-evo-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 44px;
}

.sx-evo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 34px;
    border-radius: 8px;
    background: linear-gradient(90deg, #FF8A3D 0%, #FF731B 100%);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 115, 27, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}

.sx-evo-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 115, 27, 0.35);
}

.sx-evo-btn-ghost {
    background: #FFFFFF;
    color: #FF731B;
    border: 1px solid #FFC8A6;
    box-shadow: none;
}

.sx-evo-btn-ghost:hover {
    border-color: #FF731B;
    box-shadow: 0 6px 16px rgba(255, 115, 27, 0.15);
}

/* 响应式 */
@media screen and (max-width: 1199px) {
    .sx-evo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .sx-evo-tabs {
        gap: 28px;
    }
    .sx-evo-tab {
        font-size: 16px;
    }
    .sx-evo-grid {
        grid-template-columns: 1fr;
    }
    .sx-evo-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .sx-evo-pic {
        width: 100%;
        margin-top: 14px;
    }
    .sx-evo-actions {
        flex-direction: column;
        align-items: center;
    }
    .sx-evo-btn {
        width: 100%;
        max-width: 280px;
    }
}


/* =========================================
   百度全栈大模型模块 - 鼠标停留交互特效（仅新增）
   配合 siyu.js 中 .sx-bce 类注入
   ========================================= */
/* 卡片 hover：上浮 + 品牌蓝描边 + 柔和阴影 */
.sx-bce .MDULi_3m,
.sx-bce .IETOiOIF {
    cursor: pointer;
    overflow: hidden;
    transition: transform .45s cubic-bezier(.22, .61, .36, 1),
                box-shadow .45s cubic-bezier(.22, .61, .36, 1),
                border-color .45s ease;
    transition-delay: 0s;
    will-change: transform;
}
.sx-bce .MDULi_3m:hover,
.sx-bce .IETOiOIF:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 115, 27, .4);
    box-shadow: 0 18px 40px rgba(255, 115, 27, .13);
}

/* 卡片头图 hover 放大 */
.sx-bce .MDULi_3m .__4Iwdm1_Y,
.sx-bce .IETOiOIF .SjaH8KwO .__4Iwdm1_Y {
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
    transform-origin: center;
}
.sx-bce .MDULi_3m:hover .__4Iwdm1_Y,
.sx-bce .IETOiOIF:hover .SjaH8KwO .__4Iwdm1_Y {
    transform: scale(1.05);
}

/* 卡片标题 hover 变品牌蓝 */
.sx-bce .vO2hA8qe,
.sx-bce .vYmONvD5 {
    transition: color .35s ease;
}
.sx-bce .MDULi_3m:hover .vO2hA8qe,
.sx-bce .IETOiOIF:hover .vYmONvD5 {
    color: #FF731B;
}

/* 主按钮 hover：扫光增强（保留原有变蓝 hover） */
.sx-bce .dr6yp1OC {
    position: relative;
    overflow: hidden;
}
.sx-bce .dr6yp1OC::after {
    content: '';
    position: absolute;
    top: 0;
    left: -130%;
    width: 55%;
    height: 100%;
    background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .35), transparent);
    transform: skewX(-22deg);
    transition: left .55s ease;
    pointer-events: none;
}
.sx-bce .dr6yp1OC:hover::after { left: 140%; }

/* 横卡按钮 hover：品牌蓝填充 */
.sx-bce .xNHs97JR {
    transition: background .3s ease-out, color .3s ease-out, border-color .3s ease-out;
}
.sx-bce .xNHs97JR:hover {
    background: #FF731B;
    border-color: #FF731B;
    color: #fff;
}

/* 模块标题 hover：底部渐变下划线生长 */
.sx-bce .kPmtygo_ .TxHLoomd { position: relative; }
.sx-bce .kPmtygo_ .TxHLoomd::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #FF731B, #FF8D4D);
    transition: width .55s cubic-bezier(.22, .61, .36, 1);
}
.sx-bce .kPmtygo_ .TxHLoomd:hover::after { width: 64px; }

/* 标签行 hover：徽章微浮起 */
.sx-bce .ehmbtsmI .nZLje3oU {
    transition: transform .35s ease, box-shadow .35s ease;
}
.sx-bce .ehmbtsmI:hover .nZLje3oU {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
}

/* =========================================
   场景轮播 loop 修复：
   Swiper 动态克隆的首尾 slide 不受滚动进场观察器控制，
   强制克隆卡片始终可见，保证播到尾部时右侧无缝衔接循环回来的卡片
   ========================================= */
.sx-scene-bd .swiper-slide-duplicate .item-s {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* =========================================
   模块宽度统一 1200px + 中控卡片不规则网格布局
   （上 3 下 2：左侧大卡最高、中间大卡、右上双子卡竖排、底部两横卡整行）
   ========================================= */
@media screen and (min-width: 992px) {
    /* 网格：上 3 下 2，错落排布 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr {
        display: grid;
        grid-template-columns: 1.22fr 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 30px;
    }

    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE {
        flex: none;
        width: 100%;
    }

    /* v1 直播数据大卡：左侧占整行高 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
    }

    /* v2 直播控制大卡：中上 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        flex-direction: column;
    }

    /* v3 营销/商品子卡：右上竖排两枚 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(3) {
        grid-column: 3;
        grid-row: 1;
        display: flex;
        flex-direction: column;
        gap: 30px;
        min-width: 0;
        width: 100%;
    }

    /* v4 弹幕/中控子卡：底部整行横排两枚 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        gap: 30px;
        height: auto;
    }

    /* v1/v2 大卡填满所在行高 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(1) .MDULi_3m,
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(2) .MDULi_3m {
        height: 100%;
    }

    /* v3 子卡：均分行高 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(3) > div {
        width: 100%;
        flex: 1;
        min-height: 0;
        max-height: none !important;
        background-size: auto 100%;
    }

    /* v4 子卡：两个并排占满 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(4) > div {
        width: calc((100% - 30px) / 2);
        max-height: none !important;
        background-size: 100% 100%;
    }

    /* 右上窄列子卡（v3）图片收窄，让位给文字 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(3) .SjaH8KwO .__4Iwdm1_Y {
        width: 150px;
    }

    /* 底部横卡（v4）图片宽度 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE:nth-child(4) .SjaH8KwO .__4Iwdm1_Y {
        width: 240px;
    }

    /* 卡片质感与悬浮交互 */
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE > div {
        transition: transform .35s ease, box-shadow .35s ease;
        box-shadow: 0 6px 18px rgba(9, 18, 33, .05);
    }
    .__8qIOXHbR .kPmtygo_ ._7ESW5Rl .RTQUukJr .v9PcLPFE > div:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 36px rgba(9, 18, 33, .12);
    }
}