/* ===== 重置 & 基础 ===== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            background: #fff;
            font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif !important;
            color: #333;
        }
        a { text-decoration: none; cursor: pointer; }
        a:hover { text-decoration: none; }
        ul, li { list-style: none; margin: 0; padding: 0; }
        img { max-width: 100%; vertical-align: middle; }

        /* ===== 容器 最大宽度1350px ===== */
        .qukl-container {
            max-width: 1350px;
            width: 100%;
            padding-left: 15px;
            padding-right: 15px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        /* ===== 每部分上下 padding 90px ===== */
        .qukl-section {
            padding-top: 90px;
            padding-bottom: 90px;
        }
        /* ===== 大标题 ===== */
        .qukl-title {
            font-size: 30px;
            font-weight: bold;
            text-align: center;
            color: #000;
            margin-bottom: 0;
        }

        /* ===== 按钮 ===== */
        .qukl-btn {
            display: inline-block;
            height: 48px;
            line-height: 48px;
            padding: 0 35px;
            font-size: 18px;
            text-align: center;
            border-radius: 30px;
            transition: all 0.3s ease;
            border: 1px solid #00b6eb;
            color: #00b2f0;
            background: transparent;
        }
        .qukl-btn-dark {
            border-color: #333;
            color: #333;
        }
        .qukl-btn:hover {
            background: #00b6eb;
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 182, 235, 0.3);
        }
        .qukl-btn-dark:hover {
            background: #333;
            color: #fff;
            border-color: #333;
            box-shadow: 0 4px 12px rgba(51, 51, 51, 0.3);
        }
        /* ===== 卡片 hover ===== */
        .qukl-card-hover {
            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
        }
        .qukl-card-hover:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 28px rgba(0, 182, 235, 0.12);
        }

        /* ============================================================
           Banner - margin-top: 60px 保持不变
           ============================================================ */
        .qukl-banner {
            width: 100%;
            height: 516px;
            background: url("/css/2018/images/qukl_ban.jpg") no-repeat center bottom;
            background-size: cover;
            margin-top: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .qukl-banner .qukl-banTxt { text-align: center; }
        .qukl-banner .qukl-banTxt img { display: block; margin: 0 auto; }
        .qukl-banner .qukl-banTxt .qukl-ban-img1 { margin-bottom: 30px; }
        .qukl-banner .qukl-banTxt .qukl-ban-img2 { margin-bottom: 10px; }
        .qukl-banner .qukl-banTxt .qukl-ban-img3 { margin-bottom: 10px; }
        .qukl-banner .qukl-banTxt .qukl-ban-jtou { margin-top: 60px; cursor: pointer; }

        @keyframes fadeInUp {
            0% { margin-top: 20px; opacity: 0; }
            100% { margin-top: 0; opacity: 1; }
        }
        @keyframes fadeInDown {
            0% { margin-bottom: 0; opacity: 0; }
            100% { margin-bottom: 10px; opacity: 1; }
        }
        @keyframes bounceArrow {
            0% { margin-top: 60px; opacity: 1; }
            100% { margin-top: 70px; opacity: 1; }
        }
        .qukl-anim-up { animation: fadeInUp 1s ease 0s forwards; }
        .qukl-anim-down { animation: fadeInDown 1s ease 0s forwards; }
        .qukl-anim-bounce { animation: bounceArrow 1s ease 0s infinite alternate; }

        /* ============================================================
           导航菜单
           ============================================================ */
        .qukl-menu {
            width: 100%;
            height: 75px;
            background: #28b6f8;
            display: flex;
            align-items: center;
        }
        .qukl-menu .qukl-menu-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
        .qukl-menu .qukl-menu-list li {
            flex: 1;
            min-width: 120px;
            text-align: center;
            border-right: 1px solid #60cbff;
            height: 32px;
            line-height: 32px;
        }
        .qukl-menu .qukl-menu-list li:last-child { border-right: none; }
        .qukl-menu .qukl-menu-list li a {
            color: #fff;
            font-size: 24px;
            transition: 0.3s;
        }
        .qukl-menu .qukl-menu-list li a:hover { color: #ffe327; }

        /* ============================================================
           什么是区块链
           ============================================================ */
        .qukl-intro { padding-top: 20px; }
        .qukl-intro .qukl-intro-left {
            background: url("/css/2018/images/qukl_img_03.jpg") no-repeat center;
            height: 519px;
            border-radius: 10px;
        }
        .qukl-intro .qukl-intro-right { padding: 80px 0 0 30px; }
        .qukl-intro .qukl-intro-right h2 {
            font-size: 42px;
            color: #555;
            font-weight: normal;
            margin-bottom: 35px;
        }
        .qukl-intro .qukl-intro-right p {
            font-size: 18px;
            color: #999;
            line-height: 32px;
            margin-bottom: 25px;
        }

        /* ============================================================
           解决方案
           ============================================================ */
        .qukl-solution {
            background: #f9f9f9;
        }
        .qukl-solution .qukl-sol-img { text-align: center; margin: 45px 0 0px; }
        .qukl-solution .qukl-sol-img img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
        .qukl-solution .qukl-sol-btn { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap;margin-top: 45px; }

        /* ============================================================
           适用范围
           ============================================================ */
        .qukl-scope .qukl-scope-list,
        .qukl-scope .qukl-scope-list2 {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 30px;
        }
        .qukl-scope .qukl-scope-item {
            width: 21%;
            min-width: 180px;
            height: 268px;
            background: url("/css/2018/images/qukl_syfw_bg1.png") no-repeat center;
            background-size: contain;
            text-align: center;
            padding: 30px 40px;
            cursor: pointer;
            transition: 0.3s;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .qukl-scope .qukl-scope-item:hover {
            background: url("/css/2018/images/qukl_syfw_bg2.png") no-repeat center;
            background-size: contain;
        }
        .qukl-scope .qukl-scope-item .qukl-scope-icon img { max-width: 60px; margin-bottom: 15px; }
        .qukl-scope .qukl-scope-item .qukl-scope-icon b {
            display: block;
            font-size: 24px;
            color: #333;
            font-weight: normal;
        }
        .qukl-scope .qukl-scope-item .qukl-scope-hover {
            display: none;
            width: 100%;
        }
        .qukl-scope .qukl-scope-item .qukl-scope-hover b {
            display: block;
            font-size: 24px;
            color: #1aaefa;
            font-weight: normal;
            margin-bottom: 10px;
        }
        .qukl-scope .qukl-scope-item .qukl-scope-hover p {
            font-size: 16px;
            color: #666;
            line-height: 24px;
            margin: 0;
        }
        .qukl-scope .qukl-scope-item:hover .qukl-scope-icon { display: none; }
        .qukl-scope .qukl-scope-item:hover .qukl-scope-hover { display: block; }

        .qukl-scope .qukl-scope-list2 .qukl-scope-item { width: 28%; min-width: 200px; }

        /* ============================================================
           定制专属解决方案 - 背景图
           ============================================================ */
        .qukl-custom {
            background: url("/css/2018/images/qukl_img_36.jpg") no-repeat center bottom;
            background-size: cover;
            min-height: 245px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }
        .qukl-custom .qukl-custom-box { text-align: center; }
        .qukl-custom .qukl-custom-box h2 {
            font-size: 42px;
            color: #fff;
            font-weight: normal;
            margin-bottom: 30px;
        }
        .qukl-custom .qukl-custom-box .qukl-btn-white {
            display: inline-block;
            width: 198px;
            height: 43px;
            line-height: 43px;
            border: 1px solid #fff;
            color: #fff;
            font-size: 18px;
            border-radius: 10px;
            transition: 0.3s;
        }
        .qukl-custom .qukl-custom-box .qukl-btn-white:hover {
            border-color: #ffec47;
            color: #ffec47;
            box-shadow: 0 0 15px rgba(74, 255, 206, 0.5);
            transform: translateY(-2px);
        }

        /* ============================================================
           区块链特点 - 图片在框内
           ============================================================ */
        .qukl-features .qukl-features-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
            margin-top: 50px;
        }
        .qukl-features .qukl-features-item {
            width: 19%;
            min-width: 200px;
            border: 1px solid #e7e8e9;
            padding: 30px 20px 25px;
            text-align: center;
            border-radius: 10px;
            position: relative;
            transition: 0.3s;
            background: #fff;
            padding-top: 50px;
        }
        .qukl-features .qukl-features-item:hover {
            border-color: #00b5eb;
            box-shadow: 0 0 15px rgba(217, 243, 255, 0.75);
            transform: translateY(-4px);
        }
        .qukl-features .qukl-features-item .qukl-feat-icon {
            display: block;
            margin: 0 auto 15px;
        }
        .qukl-features .qukl-features-item .qukl-feat-icon img { max-width: 48px; }
        .qukl-features .qukl-features-item h3 {
            font-size: 22px;
            color: #1aaefa;
            font-weight: normal;
            margin: 10px 0 15px;
            text-align: center;
        }
        .qukl-features .qukl-features-item p {
            font-size: 15px;
            color: #888;
            line-height: 26px;
            text-align: left;
        }

        /* ============================================================
           服务器推荐
           ============================================================ */
        .qukl-server {
            background: #f9f9f9;
            padding: 90px 0;
        }
        .qukl-server .qukl-server-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-top: 35px;
        }
        .qukl-server .qukl-server-item {
            width: 27%;
            min-width: 250px;
            text-align: center;
        }
        .qukl-server .qukl-server-item .qukl-server-img {
            transition: 0.3s;
            border-radius: 10px;
            overflow: hidden;
        }
        .qukl-server .qukl-server-item .qukl-server-img img { width: 100%; height: auto; display: block; }
        .qukl-server .qukl-server-item:hover .qukl-server-img {
            box-shadow: 0 0 18px rgba(139, 218, 255, 1);
            transform: translateY(-5px);
        }
        .qukl-server .qukl-server-item h4 {
            font-size: 22px;
            color: #333;
            font-weight: normal;
            margin-top: 20px;
            transition: 0.3s;
        }
        .qukl-server .qukl-server-item:hover h4 { color: #1aaefa; }

        /* ============================================================
           优势分析 - 修复hover图片对应关系
           ============================================================ */
        .qukl-advantage .qukl-adv-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 55px;
        }
        .qukl-advantage .qukl-adv-list .qukl-adv-col {
            flex: 1;
            min-width: 300px;
        }
        .qukl-advantage .qukl-adv-item {
            border: 1px solid #ddd;
            padding: 12px 10px;
            margin-bottom: 10px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            gap: 15px;
            transition: 0.3s;
        }
        .qukl-advantage .qukl-adv-item:hover {
            border-color: #17ceff;
            box-shadow: 0 0 15px rgba(203, 241, 255, 0.75);
            transform: translateY(-2px);
        }
        .qukl-advantage .qukl-adv-item .qukl-adv-icon {
            width: 22%;
            min-width: 80px;
            height: 96px;
            background: #f2f2f2 no-repeat center;
            background-size: 50px auto;
            border-radius: 10px;
            transition: 0.3s;
            flex-shrink: 0;
        }
        /* 每个item独立控制hover图片 - 按顺序对应 */
        .qukl-adv-col .qukl-adv-item:nth-child(1):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_01.png") !important; background-color: #17ceff !important; }
        .qukl-adv-col .qukl-adv-item:nth-child(2):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_03.png") !important; background-color: #17ceff !important; }
        .qukl-adv-col .qukl-adv-item:nth-child(3):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_05.png") !important; background-color: #17ceff !important; }
        /* 第二列 */
        .qukl-adv-col:last-child .qukl-adv-item:nth-child(1):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_02.png") !important; background-color: #17ceff !important; }
        .qukl-adv-col:last-child .qukl-adv-item:nth-child(2):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_04.png") !important; background-color: #17ceff !important; }
        .qukl-adv-col:last-child .qukl-adv-item:nth-child(3):hover .qukl-adv-icon { background-image: url("/css/2018/images/qukl_ysh_icn_06.png") !important; background-color: #17ceff !important; }

        .qukl-advantage .qukl-adv-item .qukl-adv-txt b {
            display: block;
            font-size: 22px;
            color: #1aaefa;
            font-weight: normal;
        }
        .qukl-advantage .qukl-adv-item .qukl-adv-txt span {
            font-size: 18px;
            color: #999;
        }

        /* ============================================================
           知识集锦 - 一行3个
           ============================================================ */
        .qukl-qa {
            background: #f9f9f9;
        }
        .qukl-qa .qukl-qa-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 20px;
            margin-top: 45px;
        }
        .qukl-qa .qukl-qa-list li {
            width: 30%;
            min-width: 250px;
            height: 60px;
            line-height: 60px;
            border-bottom: 1px dashed #ddd;
            background: url("/css/2018/images/SSL_cjwt_114.png") no-repeat 10px center;
            padding-left: 55px;
            transition: 0.3s;
            flex: 1 0 auto;
        }
        .qukl-qa .qukl-qa-list li:hover {
            border-bottom-color: #17ceff;
            background-image: url("/css/2018/images/qukl_Q.png");
        }
        .qukl-qa .qukl-qa-list li a {
            font-size: 18px;
            color: #999;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .qukl-qa .qukl-qa-list li:hover a { color: #17ceff; }

        /* ============================================================
           移动端适配
           ============================================================ */
        @media (max-width: 992px) {
            .qukl-menu .qukl-menu-list li a { font-size: 18px; }
            .qukl-menu .qukl-menu-list li { min-width: 80px; }
            .qukl-intro .qukl-intro-left { height: 350px; }
            .qukl-intro .qukl-intro-right { padding: 30px 0 0; }
            .qukl-intro .qukl-intro-right h2 { font-size: 32px; }
            .qukl-intro .qukl-intro-right p { font-size: 16px; }
            .qukl-scope .qukl-scope-item { width: 30%; min-width: 150px; height: 220px; padding: 20px 15px; }
            .qukl-scope .qukl-scope-list2 .qukl-scope-item { width: 30%; min-width: 150px; }
            .qukl-features .qukl-features-item { width: 30%; min-width: 180px; }
            .qukl-features .qukl-features-item h3 { font-size: 18px; }
            .qukl-server .qukl-server-item { width: 40%; min-width: 200px; }
            .qukl-advantage .qukl-adv-list .qukl-adv-col { min-width: 250px; }
            .qukl-qa .qukl-qa-list li { width: 45%; min-width: 200px; }
            .qukl-banner { height: 400px; }
        }
        @media (max-width: 768px) {
            .qukl-section { padding-top: 60px; padding-bottom: 60px; }
            .qukl-title { font-size: 24px; }
            .qukl-banner { height: 350px; margin-top: 50px; }
            .qukl-banner .qukl-banTxt .qukl-ban-img1 img { max-width: 80%; }
            .qukl-banner .qukl-banTxt .qukl-ban-img2 img { max-width: 70%; }
            .qukl-banner .qukl-banTxt .qukl-ban-img3 img { max-width: 70%; }
            .qukl-menu { height: auto; padding: 10px 0; }
            .qukl-menu .qukl-menu-list li { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); height: 40px; line-height: 40px; flex: 0 0 50%; }
            .qukl-menu .qukl-menu-list li a { font-size: 16px; }
            .qukl-intro .qukl-intro-left { height: 250px; }
            .qukl-intro .qukl-intro-right h2 { font-size: 28px; margin-bottom: 20px; }
            .qukl-intro .qukl-intro-right p { font-size: 15px; line-height: 28px; }
            .qukl-scope .qukl-scope-item { width: 45%; min-width: 130px; height: 200px; padding: 15px 12px; }
            .qukl-scope .qukl-scope-item .qukl-scope-icon img { max-width: 45px; }
            .qukl-scope .qukl-scope-item .qukl-scope-icon b { font-size: 20px; }
            .qukl-scope .qukl-scope-item .qukl-scope-hover b { font-size: 20px; }
            .qukl-scope .qukl-scope-item .qukl-scope-hover p { font-size: 14px; line-height: 20px; }
            .qukl-scope .qukl-scope-list2 .qukl-scope-item { width: 45%; min-width: 130px; }
            .qukl-features .qukl-features-item { width: 45%; min-width: 150px; padding-top: 40px; }
            .qukl-features .qukl-features-item h3 { font-size: 16px; }
            .qukl-features .qukl-features-item p { font-size: 14px; line-height: 22px; }
            .qukl-server .qukl-server-item { width: 80%; min-width: 180px; }
            .qukl-server .qukl-server-item h4 { font-size: 18px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-txt b { font-size: 18px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-txt span { font-size: 15px; }
            .qukl-advantage .qukl-adv-item { padding: 10px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-icon { width: 70px; height: 70px; min-width: 60px; background-size: 35px auto; }
            .qukl-custom { min-height: 200px; }
            .qukl-custom .qukl-custom-box h2 { font-size: 28px; }
            .qukl-qa .qukl-qa-list li { width: 100%; min-width: 180px; height: 50px; line-height: 50px; padding-left: 45px; }
            .qukl-qa .qukl-qa-list li a { font-size: 15px; }
        }
        @media (max-width: 480px) {
            .qukl-section { padding-top: 40px; padding-bottom: 40px; }
            .qukl-title { font-size: 20px; }
            .qukl-banner { height: 280px; margin-top: 40px; }
            .qukl-banner .qukl-banTxt .qukl-ban-img1 img { max-width: 70%; }
            .qukl-banner .qukl-banTxt .qukl-ban-img2 img { max-width: 60%; }
            .qukl-banner .qukl-banTxt .qukl-ban-img3 img { max-width: 60%; }
            .qukl-banner .qukl-banTxt .qukl-ban-jtou { margin-top: 30px; }
            .qukl-banner .qukl-banTxt .qukl-ban-jtou img { max-width: 30px; }
            .qukl-menu .qukl-menu-list li { flex: 0 0 100%; height: 34px; line-height: 34px; border-bottom: 1px solid rgba(255,255,255,0.15); }
            .qukl-menu .qukl-menu-list li a { font-size: 14px; }
            .qukl-intro .qukl-intro-left { height: 180px; }
            .qukl-intro .qukl-intro-right h2 { font-size: 22px; }
            .qukl-intro .qukl-intro-right p { font-size: 14px; line-height: 24px; margin-bottom: 15px; }
            .qukl-scope .qukl-scope-item { width: 45%; min-width: 100px; height: 170px; padding: 12px 8px; }
            .qukl-scope .qukl-scope-item .qukl-scope-icon img { max-width: 35px; margin-bottom: 8px; }
            .qukl-scope .qukl-scope-item .qukl-scope-icon b { font-size: 16px; }
            .qukl-scope .qukl-scope-item .qukl-scope-hover b { font-size: 16px; }
            .qukl-scope .qukl-scope-item .qukl-scope-hover p { font-size: 12px; line-height: 16px; }
            .qukl-scope .qukl-scope-list2 .qukl-scope-item { width: 45%; min-width: 100px; }
            .qukl-features .qukl-features-item { width: 100%; min-width: 120px; padding: 30px 15px 20px; }
            .qukl-features .qukl-features-item h3 { font-size: 16px; }
            .qukl-features .qukl-features-item p { font-size: 13px; line-height: 20px; }
            .qukl-features .qukl-features-item .qukl-feat-icon img { max-width: 35px; }
            .qukl-server .qukl-server-item { width: 100%; min-width: 140px; }
            .qukl-server .qukl-server-item h4 { font-size: 16px; margin-top: 12px; }
            .qukl-advantage .qukl-adv-list .qukl-adv-col { min-width: 180px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-txt b { font-size: 16px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-txt span { font-size: 14px; }
            .qukl-advantage .qukl-adv-item .qukl-adv-icon { width: 55px; height: 55px; min-width: 45px; background-size: 28px auto; }
            .qukl-custom { min-height: 160px; }
            .qukl-custom .qukl-custom-box h2 { font-size: 20px; margin-bottom: 20px; }
            .qukl-custom .qukl-custom-box .qukl-btn-white { width: 160px; height: 36px; line-height: 36px; font-size: 15px; }
            .qukl-qa .qukl-qa-list li { height: 42px; line-height: 42px; padding-left: 35px; background-size: 18px; }
            .qukl-qa .qukl-qa-list li a { font-size: 13px; }
            .qukl-solution .qukl-sol-btn { gap: 20px; }
            .qukl-solution .qukl-sol-btn .qukl-btn { height: 40px; line-height: 40px; font-size: 15px; padding: 0 25px; }
        }