/* Css for , Version=1770169572 */
 .article > .article-content{padding: 0 20px 20px;}
.keywords,.summary{color: #666}
.sina-widget{display: inline-block;margin: -2px -15px 0 0;padding: 0;line-height: 1;vertical-align: top;}

.previous > a, .next > a{max-width: 48%; overflow: hidden;}
.previous > a > span, .next > a > span{display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.icon-arrow-left, .icon-arrow-right{vertical-align: middle;}
@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;}}
#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;}
        /* ==========================================
           基础重置与容器限定
           所有样式限定在#cms-content-container内，确保不影响CMS全局
           ========================================== */
        #cms-content-container {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 15px;
            line-height: 1.6;
            color: #333333;
            background-color: #fafafa;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0;
            box-sizing: border-box;
        }
        #cms-content-container * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        /* ==========================================
           标题层级规范
           h1已被系统占用，此处使用h2作为章节标题，h3作为子标题
           ========================================== */
        #cms-content-container h2 {
            font-size: 28px;
            font-weight: 600;
            color: #1a1a1a;
            margin: 48px 0 24px 0;
            padding-bottom: 12px;
            border-bottom: 2px solid #e0e0e0;
            letter-spacing: -0.5px;
        }
        #cms-content-container h3 {
            font-size: 20px;
            font-weight: 600;
            color: #2c3e50;
            margin: 32px 0 16px 0;
            line-height: 1.4;
        }
        #cms-content-container h4 {
            font-size: 16px;
            font-weight: 600;
            color: #34495e;
            margin: 24px 0 12px 0;
        }
        /* ==========================================
           段落与文本
           ========================================== */
        #cms-content-container p {
            margin-bottom: 16px;
            color: #444;
            text-align: justify;
        }
        #cms-content-container strong {
            font-weight: 600;
            color: #1a1a1a;
        }
        /* ==========================================
           列表样式恢复 - 使用!important覆盖CMS重置
           ========================================== */
        #cms-content-container ul,
        #cms-content-container ol {
            margin: 16px 0 16px 24px !important;
            padding-left: 24px !important;
            list-style-position: outside !important;
        }
        #cms-content-container ul {
            list-style-type: disc !important;
        }
        #cms-content-container ul li {
            margin-bottom: 8px !important;
            line-height: 1.6 !important;
            display: list-item !important;
            list-style-type: inherit !important;
        }
        #cms-content-container ol {
            list-style-type: decimal !important;
        }
        #cms-content-container ol li {
            margin-bottom: 8px !important;
            line-height: 1.6 !important;
            display: list-item !important;
            list-style-type: inherit !important;
        }
        /* ==========================================
           Hero区域 - 产品标题与简介
           ========================================== */
        #cms-content-container .cc-hero {
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
            padding: 60px 40px;
            margin-bottom: 48px;
            border-bottom: 1px solid #e0e0e0;
        }
        #cms-content-container .cc-hero-title {
            font-size: 36px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
            letter-spacing: -0.5px;
        }
        #cms-content-container .cc-hero-subtitle {
            font-size: 18px;
            color: #666;
            line-height: 1.6;
            max-width: 800px;
        }
        /* ==========================================
           网格布局系统 - Flexbox实现
           ========================================== */
        #cms-content-container .cc-grid {
            display: flex;
            flex-wrap: wrap;
            margin: -12px;
            margin-bottom: 24px;
        }
        #cms-content-container .cc-grid-item {
            flex: 1 1 calc(33.333% - 24px);
            margin: 12px;
            min-width: 280px;
        }
        #cms-content-container .cc-grid-2 .cc-grid-item {
            flex: 1 1 calc(50% - 24px);
        }
        #cms-content-container .cc-grid-4 .cc-grid-item {
            flex: 1 1 calc(25% - 24px);
            min-width: 200px;
        }
        /* ==========================================
           卡片组件 - 统一高度与Hover效果
           ========================================== */
        #cms-content-container .cc-card {
            background: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            padding: 32px;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 1px 3px rgba(0,0,0,0.02);
        }
        #cms-content-container .cc-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            border-color: #d0d0d0;
        }
        #cms-content-container .cc-card-title {
            font-size: 18px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 1px solid #f0f0f0;
        }
        #cms-content-container .cc-card-content {
            flex: 1;
            color: #555;
            line-height: 1.6;
        }
        #cms-content-container .cc-card-note {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #f0f0f0;
            font-size: 13px;
            color: #888;
        }
        /* ==========================================
           表格样式 - 技术参数展示
           ========================================== */
        #cms-content-container .cc-table-wrapper {
            overflow-x: auto;
            margin: 24px 0;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            background: #fff;
        }
        #cms-content-container table {
            width: 100%;
            border-collapse: collapse;
            background: #fff;
            font-size: 14px;
        }
        #cms-content-container thead {
            background: #f8f9fa;
        }
        #cms-content-container th {
            padding: 14px 16px;
            text-align: left;
            font-weight: 600;
            color: #2c3e50;
            border-bottom: 2px solid #e0e0e0;
            white-space: nowrap;
        }
        #cms-content-container td {
            padding: 14px 16px;
            border-bottom: 1px solid #f0f0f0;
            color: #444;
            vertical-align: top;
        }
        #cms-content-container tbody tr:hover {
            background: #fafafa;
        }
        #cms-content-container tbody tr:last-child td {
            border-bottom: none;
        }
        /* ==========================================
           代码与命令行样式
           ========================================== */
        #cms-content-container .cc-code-block {
            background: #2d3436;
            color: #dfe6e9;
            padding: 20px 24px;
            border-radius: 4px;
            font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
            font-size: 13px;
            line-height: 1.5;
            overflow-x: auto;
            margin: 16px 0;
            border-left: 4px solid #636e72;
        }
        #cms-content-container .cc-code-inline {
            background: #f1f2f6;
            color: #2d3436;
            padding: 2px 6px;
            border-radius: 3px;
            font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
            font-size: 13px;
            border: 1px solid #e0e0e0;
        }
        #cms-content-container .cc-path {
            color: #0984e3;
            font-weight: 500;
        }
        #cms-content-container .cc-command {
            color: #00cec9;
            font-weight: 500;
        }
        /* ==========================================
           警示与提示框
           ========================================== */
        #cms-content-container .cc-alert {
            background: #fff5f5;
            border-left: 4px solid #e74c3c;
            padding: 16px 20px;
            margin: 24px 0;
            border-radius: 0 4px 4px 0;
        }
        #cms-content-container .cc-alert-title {
            color: #c0392b;
            font-weight: 600;
            margin-bottom: 8px;
            font-size: 15px;
        }
        #cms-content-container .cc-info-box {
            background: #f8f9fa;
            border: 1px solid #e0e0e0;
            padding: 24px;
            margin: 24px 0;
            border-radius: 4px;
        }
        #cms-content-container .cc-highlight {
            background: #fffbeb;
            border: 1px solid #f59e0b;
            padding: 20px;
            border-radius: 4px;
            margin: 24px 0;
        }
        /* ==========================================
           文件结构展示
           ========================================== */
        #cms-content-container .cc-file-structure {
            background: #f8f9fa;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            padding: 24px;
            font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
            font-size: 13px;
            line-height: 1.8;
            color: #2d3436;
            margin: 20px 0;
        }
        #cms-content-container .cc-file-line {
            padding: 4px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        #cms-content-container .cc-file-line:last-child {
            border-bottom: none;
        }
        #cms-content-container .cc-comment {
            color: #636e72;
            font-style: italic;
        }
        #cms-content-container .cc-field {
            color: #2d3436;
            font-weight: 500;
        }
        #cms-content-container .cc-value {
            color: #0984e3;
        }
        /* ==========================================
           图片容器
           ========================================== */
        #cms-content-container .cc-image-wrapper {
            margin: 24px 0;
            text-align: center;
            background: #f8f9fa;
            padding: 24px;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
        }
        #cms-content-container .cc-image {
            max-width: 100%;
            height: auto;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        #cms-content-container .cc-image-caption {
            margin-top: 12px;
            font-size: 13px;
            color: #666;
            font-style: italic;
        }
        /* ==========================================
           步骤列表样式
           ========================================== */
        #cms-content-container .cc-steps {
            counter-reset: step;
            list-style: none !important;
            margin: 24px 0 !important;
            padding: 0 !important;
        }
        #cms-content-container .cc-steps li {
            position: relative;
            padding-left: 48px !important;
            margin-bottom: 20px !important;
            min-height: 32px;
            display: flex !important;
            align-items: center;
        }
        #cms-content-container .cc-steps li::before {
            counter-increment: step;
            content: counter(step);
            position: absolute;
            left: 0;
            top: 0;
            width: 32px;
            height: 32px;
            background: #2c3e50;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 14px;
        }
        /* ==========================================
           双列布局 - 图文混排
           ========================================== */
        #cms-content-container .cc-split-layout {
            display: flex;
            gap: 40px;
            align-items: flex-start;
            margin: 32px 0;
        }
        #cms-content-container .cc-split-left {
            flex: 1;
            min-width: 0;
        }
        #cms-content-container .cc-split-right {
            flex: 1;
            min-width: 0;
        }
        /* ==========================================
           联系与咨询区域 - 调整为克制的高级灰风格
           ========================================== */
        #cms-content-container .cc-contact-section {
            background-color: #2c3e50;
            color: #ffffff;
            padding: 40px;
            border-radius: 4px;
            margin-top: 60px;
            margin-bottom: 0;
        }
        #cms-content-container .cc-contact-title {
            text-align: center;
            margin: 0 0 28px 0;
            font-size: 24px;
            font-weight: 600;
            color: #ffffff;
            letter-spacing: 0.5px;
        }
        #cms-content-container .cc-contact-subtitle {
            text-align: center;
            color: rgba(255, 255, 255, 0.8);
            font-size: 15px;
            margin-bottom: 32px;
            margin-top: -12px;
        }
        #cms-content-container .cc-btn-container {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-bottom: 40px;
            flex-wrap: wrap;
            align-items: center;
        }
        #cms-content-container .cc-btn {
            color: #ffffff;
            text-decoration: none;
            font-size: 15px;
            padding: 12px 28px;
            border-radius: 4px;
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, 0.5);
            transition: all 0.3s ease;
            font-weight: 500;
        }
        #cms-content-container .cc-btn:hover {
            background-color: rgba(255, 255, 255, 0.15);
            border-color: #ffffff;
            transform: translateY(-1px);
        }
        #cms-content-container .cc-btn-container .cc-divider {
            color: rgba(255, 255, 255, 0.4);
            font-size: 14px;
            user-select: none;
        }
        #cms-content-container .cc-qr-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 24px;
            margin: 0;
        }
        #cms-content-container .cc-qr-card {
            background-color: #ffffff;
            border-radius: 4px;
            padding: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            width: calc(25% - 18px);
            box-sizing: border-box;
            border: 1px solid #e0e0e0;
        }
        #cms-content-container .cc-qr-card:hover {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }
        #cms-content-container .cc-qr-card .cc-qr-image {
            width: 100%;
            max-width: 130px;
            height: auto;
            aspect-ratio: 1/1;
            border-radius: 4px;
            margin-bottom: 12px;
            border: 1px solid #f0f0f0;
            object-fit: cover;
        }
        #cms-content-container .cc-qr-card .cc-qr-desc {
            font-size: 14px;
            color: #2c3e50;
            text-align: center;
            margin: 0;
            font-weight: 600;
            letter-spacing: 0.3px;
        }
        /* ==========================================
           响应式适配规则
           ========================================== */
        /* 平板端：768px - 1023px */
        @media screen and (max-width: 1023px) {
            #cms-content-container .cc-hero {
                padding: 40px 24px;
            }
            #cms-content-container .cc-hero-title {
                font-size: 28px;
            }
            #cms-content-container h2 {
                font-size: 24px;
                margin-top: 36px;
            }
            #cms-content-container .cc-grid-item {
                flex: 1 1 calc(50% - 24px);
            }
            #cms-content-container .cc-grid-4 .cc-grid-item {
                flex: 1 1 calc(50% - 24px);
            }
            #cms-content-container .cc-split-layout {
                flex-direction: column;
                gap: 24px;
            }
            #cms-content-container table {
                font-size: 13px;
            }
            #cms-content-container th,
            #cms-content-container td {
                padding: 12px;
            }
            /* 联系区域适配 */
            #cms-content-container .cc-contact-section {
                padding: 32px 24px;
            }
            #cms-content-container .cc-contact-title {
                font-size: 22px;
            }
            #cms-content-container .cc-qr-card {
                width: calc(25% - 18px);
                padding: 16px;
            }
            #cms-content-container .cc-qr-card .cc-qr-image {
                max-width: 100px;
            }
            #cms-content-container .cc-qr-card .cc-qr-desc {
                font-size: 13px;
            }
        }
        /* 手机端：≤767px */
        @media screen and (max-width: 767px) {
            #cms-content-container {
                font-size: 14px;
            }
            #cms-content-container .cc-hero {
                padding: 32px 20px;
                margin-bottom: 32px;
            }
            #cms-content-container .cc-hero-title {
                font-size: 24px;
            }
            #cms-content-container .cc-hero-subtitle {
                font-size: 16px;
            }
            #cms-content-container h2 {
                font-size: 20px;
                margin-top: 32px;
                margin-bottom: 16px;
            }
            #cms-content-container h3 {
                font-size: 17px;
                margin-top: 24px;
            }
            #cms-content-container .cc-grid,
            #cms-content-container .cc-grid-2,
            #cms-content-container .cc-grid-4 {
                flex-direction: column;
            }
            #cms-content-container .cc-grid-item {
                flex: 1 1 100%;
                margin: 8px 0;
                min-width: auto;
            }
            #cms-content-container .cc-card {
                padding: 24px;
            }
            #cms-content-container .cc-code-block {
                padding: 16px;
                font-size: 12px;
            }
            #cms-content-container table {
                display: block;
                overflow-x: auto;
                white-space: nowrap;
            }
            #cms-content-container .cc-steps li {
                padding-left: 40px !important;
            }
            #cms-content-container ul,
            #cms-content-container ol {
                margin-left: 16px !important;
                padding-left: 16px !important;
            }
            /* 联系区域手机适配 */
            #cms-content-container .cc-contact-section {
                padding: 32px 20px;
                margin-top: 40px;
            }
            #cms-content-container .cc-contact-title {
                font-size: 20px;
                margin-bottom: 20px;
            }
            #cms-content-container .cc-contact-subtitle {
                font-size: 14px;
                margin-bottom: 24px;
            }
            #cms-content-container .cc-btn-container {
                flex-direction: column;
                gap: 12px;
                margin-bottom: 32px;
            }
            #cms-content-container .cc-btn-container .cc-divider {
                display: none;
            }
            #cms-content-container .cc-btn {
                width: 100%;
                max-width: 280px;
                text-align: center;
                font-size: 14px;
            }
            #cms-content-container .cc-qr-card {
                width: calc(50% - 12px);
                padding: 16px;
            }
            #cms-content-container .cc-qr-card .cc-qr-image {
                max-width: 120px;
            }
            #cms-content-container .cc-qr-card .cc-qr-desc {
                font-size: 13px;
            }
            #cms-content-container .cc-qr-container {
                gap: 16px;
            }
        }
        /* 小屏手机优化：≤480px */
        @media screen and (max-width: 480px) {
            #cms-content-container .cc-hero-title {
                font-size: 20px;
            }
            #cms-content-container th,
            #cms-content-container td {
                padding: 10px 12px;
                font-size: 12px;
            }
            #cms-content-container .cc-highlight,
            #cms-content-container .cc-info-box {
                padding: 16px;
            }
            /* 联系区域小屏适配 */
            #cms-content-container .cc-qr-card {
                width: 100%;
                max-width: 180px;
                margin: 0 auto;
            }
            #cms-content-container .cc-qr-container {
                flex-direction: column;
                align-items: center;
            }
            #cms-content-container .cc-contact-section {
                padding: 28px 16px;
            }
        }
    #block284{}#block284 .panel-heading{}.m-index-index .all-bottom{width:100%;}.m-index-index .col{padding:0;}
        .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;
        }