/* Css for , Version=1789975367 */
 .product-image {text-align: center; max-height: 320px; overflow: hidden;}
.product-image.media-wrapper {height: 300px; line-height: 300px; border: 1px solid #ddd; position: relative;}
.product-image.media-wrapper img {transition: all .2s cubic-bezier(0.175,0.885,0.32,1); width: auto}
.product-image > img {width: 100%;cursor:pointer; max-height: 100%;}
.product-image.media-wrapper:hover {cursor: pointer;}
.product-image.media-wrapper .image-zoom-region {position: absolute; width: 50%; height: 50%; background-color: rgba(0,0,0,.15); border: 2px solid #fff; top: 0; left: 0; border-color: rgba(255,255,255,0.5); display: none}
.product-image.media-wrapper:hover .image-zoom-region {display: block;}
.product-image-2x-wrapper {position: absolute; left: 100%; top: 0; width: 100%; z-index: 100; background-color: #fff; overflow: hidden; height: 300px; border: 1px solid #ddd; display: none}
#productImageWrapper:hover .product-image-2x-wrapper {display: block; opacity: 0; transition: opacity .2s;}
#productImageWrapper .product-image-2x-wrapper.show {opacity: 1;}
.product-image-2x.product-image.media-wrapper {width: 200%; height: 600px; line-height: 600px; position: absolute; border: none; left: 0; top: 0; max-height: none}

.product-image-menu-wrapper {overflow: hidden;}
.product-image-menu-wrapper.scrollable {position: relative; padding-left: 26px; padding-right: 26px;}
.product-image-menu-wrapper.scrollable:before, .product-image-menu-wrapper.scrollable:after {display: block; content: ' '; position: absolute; left: 20px; top: 5px; width: 6px; height: 50px; background-color: #fff; z-index: 11}
.product-image-menu-wrapper.scrollable:after {left: auto; right: 20px;}
.product-image-menu-wrapper .btn-img-scroller {display: none}
.product-image-menu-wrapper.scrollable .btn-img-scroller {display: block; position: absolute; left: 0; top: 5px; z-index: 10; background-color: #fff; border: 1px solid #ddd; height: 50px; width: 20px; text-align: center; padding-left: 0; padding-right: 0; border-radius: 0;}
.product-image-menu-wrapper.scrollable .btn-img-scroller.btn-next-img {right: 0; left: auto;}
.product-image-menu-wrapper.scrollable .product-image-menu {position: relative; transition: left .2s; left: 0}

.product-image-menu {margin: 5px -3px}
.product-image-menu .product-image-wrapper {float: left; padding: 0 3px; overflow: hidden;} 
.product-image-menu .product-image {width: 50px; height: 50px; border: 1px solid #ddd; overflow: hidden; display: table-cell; vertical-align: middle;}
.product-image-menu .product-image:hover {box-shadow: 0 0 4px rgba(0,0,0,0.25); opacity: 0.9; border-color: #bbb;}

.product-property .meta-name {width: 100px; padding-right: 15px;}
.btn-buy .btn {min-width: 120px;}
.product-property, .product-image-menu {margin-bottom: 20px;}
.product-property h1{font-size: 22px;}
.product-property h1,.btn-buy {padding-left: 15px; padding-right: 15px;}
@media (min-width: 992px){.product-property h1,.btn-buy { padding-left: 0; padding-right: 0;} .product-property.product-lack-img h1,.product-lack-img .btn-buy {padding-left: 15px;   padding-right: 15px;}}
.article-content {padding:0; margin-bottom: 10px;}
.product-property.product-lack-img h1{margin-top: 20px; padding-left: 0; padding-right: 0;}
.article-files {margin: 0 -15px; padding: 10px 15px; background: none}

.panel-body {position: relative;}
.panel-body .back2top {position: absolute; bottom: 0; right: -30px; display: block; width: 30px; padding: 5px 8px; border:1px solid #ddd; border-radius: 0 4px 4px 0}
.panel-body .back2top:hover {text-decoration: none; background-color: #E5E5E5}
#buyBtnBox{margin-left:85px; font-weight:400;}
.btn-buy {background:#f40; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
.btn-buy:hover, .btn-buy:visited {background:#f20; color:#FFF;}
.btn-cart{background:#E43E41; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
.btn-cart:hover, .btn-cart:visited {background:#E41a41; color:#FFF;}
.btn-soldout {background:#999; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#countBox .input-group {width:120px;}
#countBox .input-group span {cursor:pointer; background:inherit;}
.price-label{border: 1px solid #b8b7bd; margin: 0 10px 5px 0; padding:5px 3px; cursor:pointer; display: inline-block;}
.price-label:hover, .price-label.active{border: 1px solid #be0106;}

#btnBox{margin-left:85px; font-weight:400;}
#buyBtn {background:#f40; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#buyBtn:hover, #buyBtn:visited {background:#f20; color:#FFF;}
#cartBtn {background:#E43E41; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#cartBtn:hover, #cartBtn:visited {background:#E41a41; color:#FFF;}
.btn-soldout {background:#999; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
@charset "UTF-8";.information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}a,a:hover{text-decoration:none;}a.tag-link{color:inherit !important;}a.tag-link:hover{color:red !important;}span a.footer_span:hover{color:#297286 !important;}span a.footer_span:visited{color:inherit;}form #phone{display:block;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}.block-item .tags a{color:#fff !important;border-color:#fff !important;}.block-item .tags a:hover{color:#77d1ff !important;}div.product-content li{width:auto !important;}*{margin:0px;padding:0px;outline:none;}img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}.product-group{display:block;position:relative;overflow:hidden;font-family:"Adobe 黑体 Std";text-align:left;}.pr{position:relative;}.tr{text-align:right;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.product-imageText .bgs{max-width:100%;display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;position:relative;margin:0 auto;}.product-imageText .bgs img{max-width:100%;display:block;}.product-imageText .cai{position:absolute;left:auto;right:auto;top:0;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .cai h3{font-size:3.15vw;font-weight:normal;line-height:1.25;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.product-imageText .cai .st{margin-top:12px;line-height:1.8;font-size:1.842vw;width:100%;}.product-imageText .bai{position:absolute;top:0;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .bai h3{font-size:2.1vw;font-weight:normal;line-height:1.25;color:#fff;width:100%;}.product-imageText .bai .st{margin-top:20px;line-height:2;font-size:0.945vw;color:#b1b1b1;width:100%;min-width:290px;max-width:23.646vw;}.product-imageText .bai .out{font-size:0.945vw;color:#b1b1b1;margin-top:110px;width:100%;}.product-imageText .icon-boxs{list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:left;-webkit-justify-content:left;-moz-justify-content:left;-ms-justify-content:left;-o-justify-content:left;justify-content:left;margin-top:30px;width:100%;}.product-imageText .icon-boxs.icon-end{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;}.product-imageText .icon-boxs li{max-width:77px;margin-right:12px;}.product-imageText .icon-boxs li img{max-width:100%;display:block;}.product-imageText .titles .pr{text-align:center;margin-top:50px;font-size:3.125vw;line-height:1;}.product-imageText .titles .pr i{font-style:normal;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.product-imageText .titles .pr span{opacity:0.08;background-image:linear-gradient(#209cff,#68e0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:-40px;left:0;right:0;text-align:center;}.product-imageText .pubImg{max-width:100%;display:block;}.product-imageText .rite{position:absolute;top:0;height:100%;right:0%;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;list-style:none;color:#fff;}.product-imageText .rite li{margin-right:9%;text-align:center;}.product-imageText .rite li img{max-height:6.83vw;margin:0 auto;display:block;}.product-imageText .rite li .out{margin-top:10px;font-weight:normal;}.product-imageText .system{position:absolute;top:0;height:100%;left:20%;width:60%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:#fff;flex-direction:column;}.product-imageText .system h3{font-size:1.84vw;color:#fff;padding-bottom:20px;line-height:1;}.product-imageText .system ul{width:100%;margin-top:10px;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;}.product-imageText .system ul li{width:24%;background-color:rgba(5,25,45,0.8);padding:45px 3% 35px 3%;box-sizing:border-box;}.product-imageText .system ul li h4{color:#55d9ee;font-size:1.576vw;line-height:1;font-weight:normal;}.product-imageText .system ul li h5{font-size:0.945vw;height:22px;line-height:22px;color:#55d9ee;margin-top:10px;text-align:justify;font-weight:normal;}.product-imageText .system ul li .line{margin-top:30px;width:3.125vw;height:3px;background-color:#154066;}.product-imageText .imageList{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;margin-top:3.55vw;}.product-imageText .imageList li{width:33%;position:relative;margin-bottom:10px;}.product-imageText .imageList li:nth-child(1){width:100%;}.product-imageText .imageList li img{max-width:100%;display:block;}.product-imageText .imageList li .text{display:block;position:absolute;right:5%;bottom:5px;color:#fff;font-size:1.313vw;}.product-text{padding:100px 0 80px 0;text-align:center;font-size:24px;line-height:2.8;color:#fff;}.product-text span{color:#209cff;}.product-text .text{max-width:90%;margin:0 auto;}@media (max-width: 1520px){.header-right{justify-content:flex-end !important;}.search{margin:0 20px;}.search input{width:88px !important;}.purchase{margin-left:1px !important;}.nav-box li{margin-right:25px !important;}.nav-box li:last-child{margin:0 !important;}.nav-box{width:auto !important;}.purchase{margin-left:20px !important;}}@media screen and (max-width: 1200px){.product-text{padding:80px 0 40px 0;font-size:16px;}}@media screen and (max-width: 750px){.product-text{padding:30px 0;font-size:15px;line-height:2.2;}.product-group{padding:10px 0;}.product-imageText .bgs{display:block;}.product-imageText .cai{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:25px 0;}.product-imageText .cai h3{font-size:18px;line-height:1.6;}.product-imageText .cai .st{font-size:14px;}.product-imageText .bai{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;}.product-imageText .bai h3{font-size:18px;line-height:1.6;}.product-imageText .bai .st{font-size:14px;max-width:90%;margin:15px auto 0;}.product-imageText .bai .out{margin-top:20px;font-size:12px;}.product-imageText .icon-boxs{margin-top:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;}.product-imageText .icon-boxs.icon-end{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;}.product-imageText .titles .pr{margin-top:0;font-size:24px;margin-bottom:10px;}.product-imageText .titles .pr span{top:-13px;}.product-imageText .rite{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;}.product-imageText .rite li{margin:0 5%;}.product-imageText .system{position:relative;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;text-align:center;padding:10px 0;width:96%;margin:0 auto;}.product-imageText .system h3{font-size:24px;}.product-imageText .system ul{flex-wrap:wrap;margin-top:0;}.product-imageText .system ul li{padding:25px 3%;width:48% !important;margin-bottom:10px;}.product-imageText .system ul li h4{font-size:16px;text-align:left;}.product-imageText .system ul li h5{font-size:14px;}.product-imageText .system ul li .line{width:35px;margin-top:20px;}.product-imageText .imageList li .text{font-size:13px;}.pt20{padding-top:10px;}.pb20{padding-bottom:20px;}}.spec_img{text-align:center;line-height:35px;}.spec_img p{position:relative;color:white;z-index:2;font-size:48px;margin-top:10px;top:160px;}.spec_img p:nth-child(2){font-size:16px !important;padding-top:14px;}@media screen and (max-width: 768px){.spec_img p{color:#000;font-size:18px;top:0;color:white;margin-top:0px;padding-top:10px;background-color:#01405f;}.spec_img p:nth-child(2){font-size:14px !important;padding-top:0px;}}@media screen and (max-width: 414px){.spec_img p{font-size:16px;}}#product-title.fixed{z-index:999;width:100% !important;}.info-content{padding:0 !important;}@media (min-width: 1024px){.info-content{padding:0 !important;}}.container{padding-left:0;padding-right:0;}.content-item img{margin:auto;}
#header {padding: 0; margin-bottom: 14px;}
#headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;}
#headNav, #headTitle {position: static; display: block;}
#headNav > .row {margin: 0}
#headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0;max-width: 100%;}
#headNav > .row > #siteNav,
#headNav > .row > #siteSlogan,
#headNav > .row > #searchbar,
#headTitle > .row > #siteTitle,
#headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;}

#headTitle {padding: 0;}
#siteNav {text-align: right; float: right; display: inline-block !important;}
@media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} }

#searchbar {max-width: initial;}
#searchbar > form {max-width: 200px; float: right;}
#navbar .navbar-nav {width: 100%}
#navbarCollapse {padding: 0;}
#navbar .navbar-nav {margin: 0;}
#navbar li.nav-item-searchbar {float: right;}
#navbar li.nav-item-searchbar #searchbar > form {margin: 4px;}














#headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px;}
#headTitle > .row > #navbarWrapper > #navbar {margin:0}
#siteTitle, #siteLogo img {min-width: 150px;}
@media (max-width: 767px)
{
  #headTitle {padding: 0;}
  #headTitle > .row {margin: 0; display: block;}
  #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;}
  #headTitle > .row > #navbarWrapper {display: block; padding: 0}
  #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%}
  #headTitle #siteLogo img {margin-top: 2px;}
}


#block13{}#block13 .panel-heading{}.menu-industry-l li .img-c{width:199px;height:108px;}header .container{padding:0 !important;}header .container .logo{left:0 !important;}.ty-list：last-of-type{color:#2972b6 !important;}.focus{z-index:1;}.filter{width:80%;position:absolute;top:88%;}.menu{border-top:none !important;}
    .info-tab li{
        text-align:center;
    }
    .cp-tits .product-cp h3{
        font-size:20px;
    }
    div.info-tab li.active{
        background-color: inherit;
        border-bottom:2px solid #66b2e0;
    }
    #product-title{
        background-color:#E9E9E9;
    }
    #product-title ul li a{
        color:#666;
    }
    #product-title ul li a:hover{
        color:#66b2e0
    }
    .survey-btns>a:nth-child(2) {
        margin-right: 18px;
    }
    @media (max-width: 767px){
        div.info-tab li{
            width:23.9%!important;
            background-color:inherit;
        }
        a.manual{
            float: right!important;
            margin-right:initial!important;
        }
    }


.ccc-fd *{margin:0;padding:0;box-sizing:border-box}
.ccc-fd{font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;color:#1f2937;max-width:1200px;margin:0 auto;background:#fff}
.ccc-fd img{display:block;max-width:100%}
.ccc-fd a{text-decoration:none;color:inherit}
/* ===== Hero（浅色背景，紫色光晕） ===== */
.ccc-fd-hero{background:#fff;padding:56px 20px 50px;text-align:center;position:relative;overflow:hidden}
.ccc-fd-hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:900px;height:520px;background:radial-gradient(ellipse,rgba(196,181,253,.4) 0%,rgba(165,180,252,.2) 35%,transparent 70%);pointer-events:none}
.ccc-fd-hero>*{position:relative}
.ccc-fd-hero h2{font-size:32px;color:#1e1b4b;font-weight:700;margin-bottom:12px;letter-spacing:1px}
.ccc-fd-hero .sub{font-size:15px;color:#6b7280;margin-bottom:30px;max-width:620px;margin-left:auto;margin-right:auto}
.ccc-fd-hero img.main{width:880px;max-width:75%;margin:0 auto 28px;display:block}
.ccc-fd-hero .note{max-width:680px;margin:0 auto;font-size:13px;color:#6b7280;line-height:1.7}
/* ===== 区块标题（紫色 + 渐变下划线） ===== */
.ccc-fd-h2{text-align:center;font-size:28px;color:#4338ca;font-weight:600;margin:60px 0 36px;letter-spacing:1px}
.ccc-fd-h2::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#8b5cf6,#a855f7);margin:14px auto 0;border-radius:2px}
/* ===== 产品功能（8卡 4列，卡片白底换背景图） ===== */
.ccc-fd-fs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 20px}
.ccc-fd-f{position:relative;overflow:hidden;background:#fff;border-radius:14px;padding:18px 18px 14px;box-shadow:0 4px 18px rgba(99,102,241,.08);transition:all .3s ease;display:flex;flex-direction:column;border:1px solid rgba(99,102,241,.06)}
/* 第1层：卡片背景图 */
.ccc-fd-f::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:0;transition:transform .5s ease}
/* 白色渐变遮罩：上部厚(保证文字可读)，下部薄(让背景图透出) */
.ccc-fd-f::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.82) 52%,rgba(255,255,255,.55) 100%);z-index:1}
.ccc-fd-f:hover::before{transform:scale(1.06)}
/* 第2/3层：内容与图片叠加在背景图之上 */
.ccc-fd-f-h,.ccc-fd-f .d,.ccc-fd-f .pic{position:relative;z-index:2}
.ccc-fd-f.f1::before{background-image:url('/file.php?f=202609/f_b0da604c183ccc92dbc57e9525826703&t=webp&o=&s=&v=1789968883')}
.ccc-fd-f.f2::before{background-image:url('/file.php?f=202609/f_ef431782c4e5a69bc0475ea0c1943109&t=webp&o=&s=&v=1789969034')}
.ccc-fd-f.f3::before{background-image:url('/file.php?f=202609/f_dcfb7953b30aea9abde2402358329be9&t=webp&o=&s=&v=1789969043')}
.ccc-fd-f.f4::before{background-image:url('/file.php?f=202609/f_f1fea51bc06d412cd12c03b3dd534666&t=webp&o=&s=&v=1789969052')}
.ccc-fd-f.f5::before{background-image:url('/file.php?f=202609/f_449bb44c72a9c86c411a83c5a5e00f0e&t=webp&o=&s=&v=1789969059')}
.ccc-fd-f.f6::before{background-image:url('/file.php?f=202609/f_742d9dff2d397fd09d3c0598f48391c4&t=webp&o=&s=&v=1789969073')}
.ccc-fd-f.f7::before{background-image:url('/file.php?f=202609/f_19a04041e1fb9865c5fb582896a8e67d&t=webp&o=&s=&v=1789969103')}
.ccc-fd-f.f8::before{background-image:url('/file.php?f=202609/f_59cfdba51abdb11f558ec3e3a6662b32&t=webp&o=&s=&v=1789969115')}
/* 绿色对勾（纯CSS边框旋转实现） */
.ccc-fd-f:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(99,102,241,.18)}
.ccc-fd-f-h{display:flex;align-items:center;margin-bottom:8px}
.ccc-fd-ck{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);flex-shrink:0;margin-right:8px;position:relative;box-shadow:0 2px 6px rgba(16,185,129,.3)}
.ccc-fd-ck::after{content:'';position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ccc-fd-f h3{font-size:16px;color:#111827;font-weight:600;margin:0}
.ccc-fd-f .d{font-size:12.5px;color:#4b5563;line-height:1.6;margin-bottom:12px;min-height:42px}
.ccc-fd-f .pic{flex:1;display:flex;align-items:flex-end;justify-content:center;height:130px;margin-bottom:6px}
.ccc-fd-f .pic img{max-height:100%;width:auto;object-fit:contain}
/* ===== 算法优势（3列 图+文） ===== */
.ccc-fd-as{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}
.ccc-fd-a{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s ease}
.ccc-fd-a:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.ccc-fd-a .img{height:170px;overflow:hidden;background:#eef2ff}
.ccc-fd-a .img img{width:100%;height:100%;object-fit:cover}
.ccc-fd-a .bd{padding:18px 18px 20px}
.ccc-fd-a .bd h3{font-size:17px;font-weight:600;color:#111827;margin-bottom:6px}
.ccc-fd-a .bd p{font-size:13px;color:#6b7280;line-height:1.6}
/* ===== 应用场景（2列大图，标题在图底） ===== */
.ccc-fd-ss{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}
.ccc-fd-s{position:relative;border-radius:14px;overflow:hidden;height:280px;box-shadow:0 6px 22px rgba(0,0,0,.12)}
.ccc-fd-s img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ccc-fd-s:hover img{transform:scale(1.05)}
.ccc-fd-s .lb{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#fff;font-size:18px;font-weight:600;padding:18px 14px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 60%,transparent 100%);letter-spacing:2px}
/* ===== 成功案例（3占位） ===== */
.ccc-fd-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}
.ccc-fd-c{height:180px;background:linear-gradient(135deg,#ddd6fe,#c7d2fe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#7c3aed;font-size:15px;font-weight:500;letter-spacing:4px}
/* ===== 询盘（白底） ===== */
.ccc-fd-ct{text-align:center;padding:64px 20px 56px;background:#fff;margin-top:60px;border-top:1px solid #f3f4f6}
.ccc-fd-ct h2{font-size:28px;color:#4338ca;margin-bottom:14px;font-weight:600;letter-spacing:1px}
.ccc-fd-ct p{color:#6b7280;font-size:14px;margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}
.ccc-fd-ct a{display:inline-block;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;font-size:15px;padding:13px 44px;border-radius:24px;font-weight:500;transition:all .3s ease;box-shadow:0 6px 20px rgba(99,102,241,.35)}
.ccc-fd-ct a:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(99,102,241,.45)}
/* 响应式 */
@media (max-width:1023px){
  .ccc-fd-fs{grid-template-columns:repeat(2,1fr)}
  .ccc-fd-as{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .ccc-fd-cs{grid-template-columns:1fr}
}
@media (max-width:767px){
  .ccc-fd-hero{padding:40px 16px 36px}
  .ccc-fd-hero h2{font-size:24px}
  .ccc-fd-hero .sub{font-size:13px;margin-bottom:24px}
  .ccc-fd-hero img.main{width:400px;margin-bottom:20px}
  .ccc-fd-hero .note{font-size:12px}
  .ccc-fd-h2{font-size:22px;margin:40px 0 24px}
  .ccc-fd-fs{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}
  .ccc-fd-ss{grid-template-columns:1fr;padding:0 12px}
  .ccc-fd-as{padding:0 12px}
  .ccc-fd-cs{padding:0 12px}
  .ccc-fd-f{padding:14px 12px}
  .ccc-fd-f h3{font-size:14px}
  .ccc-fd-f .d{font-size:11.5px;min-height:38px;margin-bottom:8px}
  .ccc-fd-f .pic{height:90px}
  .ccc-fd-s{height:200px}
  .ccc-fd-ct{padding:48px 16px}
  .ccc-fd-ct h2{font-size:22px}
}

/* 独立命名空间，避免和网站原有样式冲突 */
.fl-algorithm-lead-root {
    width: 100%;
    margin: 0 auto;
    padding: 60px 20px;
    box-sizing: border-box;
}
.fl-algorithm-lead-inner {
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}
.fl-algorithm-lead-root .lead-main-title {
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    color: #4068f2;
    margin: 0 0 24px;
    line-height: 1.2;
    text-align: center;
}
.fl-algorithm-lead-root .lead-desc-text {
    font-size: clamp(16px, 1.4vw, 20px);
    color: #444444;
    margin: 0 0 32px;
    line-height: 1.6;
    text-align: center;
}
.fl-algorithm-lead-root .lead-tag-row {
    display: flex;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
    margin-bottom: 44px;
    text-align: center;
}
.fl-algorithm-lead-root .lead-tag-item {
    font-size: clamp(16px, 1.6vw, 20px);
    color: #555555;
    display: flex;
    align-items: center;
    gap: 8px;
}
.fl-algorithm-lead-root .lead-tag-item::before {
    content: "✓";
    color: #36cc78;
    border: 2px solid #36cc78;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink:0;
}
.fl-algorithm-lead-root .lead-btn-wrap {
    margin-top: 10px;
    text-align: center;
}
.fl-algorithm-lead-root .lead-main-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background-color: #4068f2;
    color: #fff;
    font-size: clamp(16px,1.6vw,20px);
    font-weight: 500;
    padding: 16px 48px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.fl-algorithm-lead-root .lead-main-btn:hover {
    background-color: #3458dd;
    box-shadow: 0 8px 22px rgba(64, 104, 242, 0.25);
    transform: translateY(-2px);
}
.fl-algorithm-lead-root .lead-main-btn .arrow {
    font-size: clamp(18px,2vw,24px);
}
.fl-algorithm-lead-root .cc-header-section {
    background-color: #4068f2;
    color: #ffffff;
    padding: 24px 20px;
    border-radius: 12px;
    margin-top: 48px;
    box-shadow: 0 6px 16px rgba(64, 104, 242, 0.2);
}
.fl-algorithm-lead-root .cc-header-section h2 {
    text-align: center;
    margin: 0 0 20px;
    font-size: clamp(18px,1.8vw,22px);
    font-weight: 600;
}
.fl-algorithm-lead-root .cc-btn-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
    align-items: center;
}
.fl-algorithm-lead-root .cc-btn {
    color: #ffffff;
    text-decoration: none;
    font-size: clamp(14px,1.2vw,16px);
    padding: 10px 20px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
}
.fl-algorithm-lead-root .cc-btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.fl-algorithm-lead-root .cc-btn-container .cc-divider {
    color: rgba(255, 255, 255, 0.7);
    font-size: clamp(14px,1.2vw,16px);
}
.fl-algorithm-lead-root .cc-qr-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 28px 0 0;
}
.fl-algorithm-lead-root .cc-qr-card {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
    width: calc(25% - 15px);
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
}
.fl-algorithm-lead-root .cc-qr-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}
.fl-algorithm-lead-root .cc-qr-card .cc-qr-image {
    width: 100%;
    max-width: 140px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 6px;
    margin-bottom: 12px;
    border: 1px solid #f0f0f0;
}
.fl-algorithm-lead-root .cc-qr-card .cc-qr-desc {
    font-size: clamp(14px,1.2vw,16px);
    color: #4068f2;
    text-align: center;
    margin: 0;
    font-weight: 600;
}
@media (max-width: 992px) {
    .fl-algorithm-lead-root .cc-qr-card {
        width: calc(25% - 15px);
        padding: 14px;
    }
    .fl-algorithm-lead-root .cc-qr-card .cc-qr-image {
        max-width: 110px;
    }
}
@media (max-width: 768px) {
    .fl-algorithm-lead-root {
        padding: 40px 16px;
    }
    .fl-algorithm-lead-root .lead-tag-row {
        gap: 24px;
    }
    .fl-algorithm-lead-root .lead-main-btn {
        width: 80%;
        justify-content: center;
        padding: 16px 20px;
    }
    .fl-algorithm-lead-root .cc-btn-container {
        flex-direction: column;
        gap: 12px;
    }
    .fl-algorithm-lead-root .cc-btn-container .cc-divider {
        display: none;
    }
    .fl-algorithm-lead-root .cc-btn {
        width: 100%;
        max-width: 240px;
        text-align: center;
    }
    .fl-algorithm-lead-root .cc-qr-card {
        width: calc(50% - 8px);
        padding: 14px;
    }
    .fl-algorithm-lead-root .cc-qr-card .cc-qr-image {
        max-width: 130px;
    }
}
@media (max-width: 480px) {
    .fl-algorithm-lead-root .cc-qr-card {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
}
#block309{}#block309 .panel-heading{}
        .showy .listing a.toparrow{
            background:url("/myself/image/topArrow.png") no-repeat 10px center  #0b6fba;
            background-size:15%;
        }
        /* 修改后的新侧边栏导航 */
        aside{
            position:fixed;
            right:20px;
            top:300px;
            z-index:10;
        }
        aside ul.listul{
            width:50px;
        }
        aside ul.listul li.list_new{
            width:100%;
            height:50px;
            background-color:#0E66A7;
            text-align:center;
            line-height:65px;
            cursor: pointer;
        }
        aside ul.listul li.list_new:hover  div.list_new_left{
            display:block;
        }
        aside ul.listul li.list_new:first-child{
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            position: relative;
        }
        aside ul.listul li.list_new:nth-child(2){
            position: relative;
        }
        aside ul.listul li.list_new:nth-child(4){
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        side ul.listul li.list_new:nth-child(2)::before,
        side ul.listul li.list_new:nth-child(3)::before,
        side ul.listul li.list_new:nth-child(4)::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            transform: translateX(11px);
            display: block;
            width: 56%;
            height: 1px;
            background: #e6e6e6
        }
        aside ul.listul li.list_new:last-child{
            margin-top:10px;
            border-radius:10px;
        }
        aside ul.listul li.list_new img{
            width:50%;
        }
        aside ul.listul li.list_new div.list_new_left{
            display:none;
            border:1px solid lightgrey;
            text-align:left;
            line-height:initial;
            position: absolute;
            padding:10px;
            border-radius:15px;
            right:50px;
            width:170px;
            background: white;
            top:0;
        }
        aside ul.listul li.list_new div.list_new_left p:first-child{
            color:black;
            font-size:14px;
        }
        aside ul.listul li.list_new div.list_new_left p:last-child{
            color:#666;
            font-size:12px;
        }
        aside ul.listul li.list_new div.list_new_left ul{
            width:100%;
        }
        aside ul.listul li.list_new div.list_new_left ul li{
            width:50%;
            float:left;
        }
        aside ul.listul li.list_new div.list_new_left ul li a img{
            width:20px;
        }
        aside ul.listul li.list_new div.list_new_left ul li a span{
            font-size:12px;
            position: relative;
            bottom:5px;
            color:#666;
        }
        aside ul.listul li.list_new div.list_new_left ul li a:hover span{
            color:#145ccd!important;
        }