.top-logo{position:relative;}
.top-logo .logo-text{position:absolute;top:64%;left:0;width:100%;text-align: center;color:#fff;font-size:.8rem;}

.small-cells{margin:-1.4rem .8rem 0;border-radius:.3rem;
	/* 盒子阴影 */
	-webkit-box-shadow: 0 0px 15px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0px 15px rgba(0,0,0,.15);
	box-shadow:0 0px 15px rgba(0,0,0,.15);
	
	background-image:url(../images/logobg.png);
	background-repeat: no-repeat;
	background-position: 4rem 2.8rem;
	background-size:20rem 20rem;
	overflow: visible;
}
.small-cells .head-cell{padding:.75rem .7rem;

}

/**.small-cells .head-cell:last-child:after{
	background:url(../images/box-bor01.jpg) no-repeat left bottom;background-size:contain;
}**/
.small-cells .head-cell .text-hd{font-size:.65rem;color:#425582;font-weight: bold;}

.input-cell{border:1px solid #eee;margin:.4rem 0 .4rem;border-radius:.3rem;padding:.3rem .6rem;}
.input-cell .weui-input{font-size:.6rem;display:block;line-height: inherit;height:auto;}
.input-cell .sao-box{padding-left:.6rem;border-left:1px solid #eee;}
.input-cell .sao-box img{width:.95rem;}

.small-cells .head-cell .text-tip{ font-size:.55rem;color:#4c5365;padding:.1rem 0 .4rem;}

.list-cell{padding-left:0;}
.list-cell p.title{font-size:.6rem;color:#000;}
.list-cell p.tip{font-size:.55rem;color:#a1a1a1;}
.list-cell .img-icon{width:1.3rem;display:block;margin-right:.4rem;position:relative;z-index: 2;}

.list-cell:after{
	content: " ";
	position:absolute;
	left:.6rem;
	top:0;
	width:1px;
	height:100%;
	background:#e5e5e5;
}
.list-cell:first-child:after{height:50%;top:50%;}
.list-cell:last-child:after{height:50%;}

.com-cell{padding:.55rem .8rem;}
.content-box .con-title{color:#252a36;font-size:.65rem;font-weight: bold;}

.text-cells{margin-top:0;padding-bottom: .5rem;}
.text-cells .weui-cell{padding:.4rem .8rem;}
.text-cells .weui-cell .text-tip{font-size:.5rem;color:#a1a1a1;padding-bottom:.1rem;}
.text-cells .weui-cell .text-com{font-size:.65rem; color:#252a36;}
.text-cells .weui-cell .comimg{width:.5rem;margin-right:.2rem;margin-bottom: .1rem;}

/*js show*/
.showbtn{font-size:.65rem;color:#425582;padding-right:.6rem;}

.results{padding:1.4rem .6rem;}
.results h5{font-size:.75rem;color:#252a36;padding:1rem 0 .2rem;}
.results p{font-size:.55rem;color:#868585;}

.results img{width:3.3rem; 
animation: imgsize 1s ease-out 0.3s;
-webkit-animation: imgsize 1s ease-out 0.3s;
-moz-animation: imgsize 1s ease-out 0.3s;
-ms-animation: imgsize 1s ease-out 0.3s;
}


@-moz-keyframes imgsize{
	0%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	10%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	60%{
		-ms-transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-ms-keyframes imgsize{
	0%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	10%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	60%{
		-ms-transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@-webkit-keyframes imgsize{
	0%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	10%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	60%{
		-ms-transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@keyframes imgsize{
	0%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	10%{
		-ms-transform: scale(0,0);
		-moz-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		transform: scale(0,0);
	}
	60%{
		-ms-transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
	}
	100%{
		-ms-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.num-flex{padding:.6rem 0;}
.num-flex .weui-flex__item{padding:0 .1rem;}
.num-flex .num-box{text-align:center;font-size:.95rem;color:#383838;background:#D6D6D6;
background-size:100% 100%;border:1px solid #e5e5e5;border-radius:.2rem;padding:.3rem .5rem;line-height: 1em;
}

.show-cell{padding:.3rem 0 .3rem 0rem;}
.show-cell .timess{font-size:.5rem;color:#817e7e;}
.show-cell .ipadd{font-size:.5rem;color:#817e7e}

.show-cell .weui-cell__hd{text-align:center;width:1.4rem;margin-right:.2rem;}
.show-cell .weui-cell__hd img{position:relative;width:.8rem;z-index: 2;}
.show-cell:after{
	content:" ";
	position:absolute;
	top:0;left:.7rem;
	border-left:1px dotted #eee;
	height:100%;
}
.show-cell:first-child .weui-cell__hd img{width:1.3rem;}
.show-cell:first-child .timess{font-size:.65rem;color:#252a36;}
.show-cell:first-child:after{height:50%;top:50%;}
.show-cell:last-child:after{height:50%;}


.tip-cell{
	-webkit-box-align: inherit;-webkit-align-items: inherit;align-items: inherit;
	padding: .3rem 0 ;
}
.tip-cell .weui-cell__hd{text-align:center;width:.6rem;margin-right:.2rem;}
.tip-cell .weui-cell__hd .dians{background:#425582;position:relative;width:8px;height:8px;z-index: 2;margin:20% auto 0;border-radius:50%;}

.tip-cell .textaa{font-size:.5rem;color:#817e7e;}
.tip-cell:after{
	content:" ";
	position:absolute;
	top:0;left:.29rem;
	border-left:1px dotted #eee;
	height:100%;
}
.tip-cell:first-child:after{height:80%;top:20%;}
.tip-cell:last-child:after{height:35%;}

.number-flex{padding:1.2rem 1rem;}
.number-flex .weui-flex__item{padding:.15rem; 

}

.number-flex .weui-flex__item .number{
	padding:.2rem;
	width:2rem;height:2rem;
	line-height: 2rem;
	text-align: center;
	border-radius:50%;background:#fff;
	/* 盒子阴影 */
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 20px rgba(0,0,0,.2);
	box-shadow:0 0px 20px rgba(0,0,0,.2);
}
.number-flex .weui-flex__item .number .numb{
	background:#10a3fd;
	border-radius:50%;
	width:100%;
	height:100%;
	color:#fff;
	font-size:.7rem;
}

.btn-flex{padding:0 1.6rem .5rem;}
.btn-flex .weui-flex__item{padding:0 .35rem;}

.small-btn.blue{
	background:#4c79cd;color:#fff;font-size:.6rem;border:none;
	/* 盒子阴影 */
	-webkit-box-shadow: 0 0px 8px rgba(21,97,238,.5);
	-moz-box-shadow: 0 0px 8px rgba(21,97,238,.5);
	box-shadow:0 0px 8px rgba(21,97,238,.5);
}
.small-btn.blue:active{background:#3c6ac1;}
.small-btn.default{
	font-size:.6rem;
	/* 盒子阴影 */
	-webkit-box-shadow: 0 0px 15px rgba(0,0,0,.08);
	-moz-box-shadow: 0 0px 15px rgba(0,0,0,.08);
	box-shadow:0 0px 15px rgba(0,0,0,.08);
}

.small-btn.default:active{background:#f3f2f2;}

.wei-warp{padding:2.2rem 0;margin:0 1.2rem;background:url(../images/weima-bg.jpg) no-repeat;background-size:100% 100%;}
.wei-warp .wei-box{background:url(../images/weixin00.png) no-repeat;padding:.8rem;width:5.4rem;margin:0 auto;
background-size:100% 100%;}
.wei-warp .wei-box img{width:5.4rem;height:5.4rem;}

.logo-img {
    position: absolute;
    top: 14.5%;
    left: 49%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    /*width:13.5%;*/
    width: 7rem;
    height: 7rem;
    border-radius: 50%;

}

    .logo-img img {
        border-radius: 50%;
        height: 100%;
        width: 100%;
    }
.bottomtips{
	text-align:center;margin:0 auto;width:100%;
}
.bottomtips .title{
	font-size: .65rem;color:black;font-weight: bold
}
.bottomtips .desc{
	font-size: .55rem;color:#a1a1a1;
}
hr.style-one {/*内嵌水平线*/
width:80%;
margin:0 auto;
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-two {/*透明渐变水平线*/
width:80%;
margin:0 auto;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-three{/*渐变*/
width:80%;
margin:0 auto;
border: 0;
height: 1px;
background: #333;
background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.product .weui-cell{padding: 10px 15px 10px 0}



     

        body {
            background-color: #fff;
            color: #8b7355;
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* 导航栏 */
        nav {
            position: fixed;
            width: 100%;
            z-index: 50;
            padding: 16px 0;
            background-color: rgba(250, 248, 243, 0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(212, 175, 55, 0.3);
            top: 0;
        }

        nav .nav-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        nav .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
        }

        nav .logo-icon {
            font-size: 24px;
            color: #D4AF37;
        }

        nav .logo-text {
            font-size: 20px;
            font-weight: 700;
            background: linear-gradient(135deg, #D4AF37, #B8860B);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        nav .nav-links {
            display: flex;
            gap: 32px;
        }

        nav .nav-links a {
            color: #8b7355;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s ease;
        }

        nav .nav-links a:hover,
        nav .nav-links a.active {
            color: #D4AF37;
        }

        /* 页面容器 */
        .page-container {
            padding-top: 80px;
            min-height: 100vh;
        }

        /* 页面标题 */
        .page-header {
            padding: 40px 0 20px;
            text-align: center;
        }

        .page-header h1 {
            font-size: 48px;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            margin-bottom: 16px;
        }

        .page-header h1 .gradient-text {
            background: linear-gradient(135deg, #D4AF37, #B8860B);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .page-header p {
            font-size: 18px;
            color: #666;
            max-width: 600px;
            margin: 0 auto;
        }

        /* 搜索区域 */
        .search-section {
            background: linear-gradient(135deg, #f5f1e8 0%, #faf8f3 100%);
            padding: 30px 0;
            margin-bottom: 20px;
        }

        .search-box {
            display: flex;
            gap: 12px;
            max-width: 600px;
            margin: 0 auto;
        }

        .search-box input {
            flex: 1;
            padding: 12px 16px;
            border: 1px solid rgba(212, 175, 55, 0.3);
            border-radius: 8px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            background-color: white;
        }

        .search-box input:focus {
            outline: none;
            border-color: #D4AF37;
            box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
        }

        .search-box button {
            padding: 12px 32px;
            background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
            color: #8b7355;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
        }

        .search-box button:hover {
            box-shadow: 0 8px 16px rgba(212, 175, 55, 0.3);
        }

        /* 结果区域 */
        .results-section {
            padding: 20px 0 40px;
        }

        .results-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 24px;
            margin-bottom: 40px;
        }

        .result-card {
            background: white;
            border: 1px solid rgba(212, 175, 55, 0.2);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .result-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(212, 175, 55, 0.15);
            border-color: #D4AF37;
        }

        .result-card-header {
            padding: 20px;
            background: linear-gradient(135deg, #f5f1e8 0%, #faf8f3 100%);
            border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        }

        .result-card-title {
            font-size: 18px;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            color: #8b7355;
            margin-bottom: 8px;
        }

        .result-card-id {
            font-size: 12px;
            color: #D4AF37;
            font-weight: 600;
        }

        .result-card-content {
            padding: 20px;
        }

        .result-card-info {
            margin-bottom: 12px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(212, 175, 55, 0.1);
        }

        .result-card-info:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .info-label {
            font-size: 12px;
            color: #999;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 4px;
        }

        .info-value {
            font-size: 14px;
            color: #8b7355;
        }

        .result-card-footer {
            padding: 16px 20px;
            background-color: #faf8f3;
            border-top: 1px solid rgba(212, 175, 55, 0.2);
            display: flex;
            gap: 12px;
        }

        .btn-detail {
            flex: 1;
            padding: 10px 16px;
            background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
            color: #8b7355;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
        }

        .btn-detail:hover {
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
        }

        .btn-verify {
            flex: 1;
            padding: 10px 16px;
            background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
            color: white;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
        }

        .btn-verify:hover {
            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
        }

        /* 空状态 */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
        }

        .empty-state-icon {
            font-size: 64px;
            color: #D4AF37;
            margin-bottom: 16px;
        }

        .empty-state-title {
            font-size: 24px;
            font-family: 'Playfair Display', serif;
            font-weight: 600;
            color: #8b7355;
            margin-bottom: 8px;
        }

        .empty-state-text {
            color: #666;
            font-size: 16px;
        }

        /* 响应式 */
        @media (max-width: 768px) {
            nav .nav-links {
                display: none;
            }

            .page-header h1 {
                font-size: 32px;
            }

            .search-box {
                flex-direction: column;
            }

            .results-grid {
                grid-template-columns: 1fr;
            }
        }

        /* 页脚样式 */
        .page-footer {
            margin-top: 80px;
            padding: 60px 0;
            border-top: 2px solid rgba(212, 175, 55, 0.2);
            text-align: center;
            background: linear-gradient(135deg, #f5f1e8 0%, #faf8f3 100%);
        }

        .footer-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
        }

        .footer-text {
            font-size: 16px;
            color: #8b7355;
            margin-bottom: 12px;
        }

        .btn-registration {
            padding: 14px 48px;
            background: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
            color: #8b7355;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Inter', sans-serif;
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2);
        }

        .btn-registration:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(212, 175, 55, 0.4);
        }

        .btn-registration:active {
            transform: translateY(0);
        }

        /* 新增样式 - 丰富页面 */
        .hero-banner {
            background: linear-gradient(135deg, #000000 0%, #000000 25%, #c9c9c9 50%, #767676 75%, #cfcfcf 100%);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
            padding: 80px 0;
            color: white;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

        .hero-banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
                        radial-gradient(circle at 80% 80%, rgba(255,255,255,0.1) 0%, transparent 50%);
            pointer-events: none;
        }

        .hero-content {
            position: relative;
            z-index: 1;
        }

        .hero-title {
            font-size: 56px;
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            margin-bottom: 16px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
            animation: slideDown 0.8s ease-out;
        }

        .hero-subtitle {
            font-size: 20px;
            margin-bottom: 24px;
            opacity: 0.95;
            animation: slideUp 0.8s ease-out;
        }

        @keyframes gradientShift {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

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

        @keyframes fadeInScale {
            from {
                opacity: 0;
                transform: scale(0.9);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* 功能特性卡片 */
        .features-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #dbdbdb 0%, #ffffff 100%);
        }

        .features-title {
            text-align: center;
            font-size: 36px;
            font-family: 'Playfair Display', serif;
            color: #000;
            margin-bottom: 50px;
        }

        .features-title .highlight {
            color: #b90404;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-bottom: 60px;
        }

        .feature-card {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            text-align: center;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            animation: fadeInScale 0.6s ease-out;
        }

        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 28px #b5b5b5;
            border-color: #9f9f9f;
        }

        .feature-icon {
            font-size: 48px;
            margin-bottom: 16px;
            display: inline-block;
        }

        .feature-title {
            font-size: 20px;
            font-weight: 600;
            color: #8b7355;
            margin-bottom: 12px;
        }

        .feature-description {
            color: #666;
            font-size: 14px;
            line-height: 1.6;
        }

        /* 搜索区域增强 */
        .search-section .container {
            position: relative;
            z-index: 1;
        }

        .search-box {
            position: relative;
            box-shadow: 0 8px 24px rgba(212, 175, 55, 0.15);
            border-radius: 12px;
        }

        .search-box input {
            padding: 14px 20px;
            border: 2px solid rgba(212, 175, 55, 0.3);
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .search-box button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            font-size: 16px;
            padding: 14px 40px;
        }

        /* 认证流程展示 */
        .certification-process {
            padding: 60px 0;
            background: white;
        }

        .process-title {
            text-align: center;
            font-size: 36px;
            font-family: 'Playfair Display', serif;
            color: #8b7355;
            margin-bottom: 50px;
        }

        .process-timeline {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 900px;
            margin: 0 auto;
            position: relative;
        }

        .process-timeline::before {
            content: '';
            position: absolute;
            top: 40px;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, #262626, #7a7a7a, #dbdbdb);
            z-index: 1;
        }

        .process-step {
            flex: 1;
            text-align: center;
            position: relative;
            z-index: 2;
        }

        .step-circle {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #939393, #6c6c6c);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: white;
            margin: 0 auto 16px;
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
            font-weight: bold;
        }

        .step-title {
            font-size: 16px;
            font-weight: 600;
            color: #8b7355;
            margin-bottom: 8px;
        }

        .step-description {
            font-size: 12px;
            color: #666;
        }

        /* 统计数据 */
        .stats-section {
            background: linear-gradient(135deg, #7e7e7e 0%, #363636 50%, #919191 100%);
            padding: 60px 0;
            color: white;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            text-align: center;
        }

        .stat-item h3 {
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .stat-item p {
            font-size: 16px;
            opacity: 0.95;
        }

        /* 常见问题 */
        .faq-section {
            padding: 60px 0;
            background: #fff;
        }

        .faq-title {
            text-align: center;
            font-size: 36px;
            font-family: 'Playfair Display', serif;
            color: #8b7355;
            margin-bottom: 50px;
        }

        .faq-container {
            max-width: 700px;
            margin: 0 auto;
        }

        .faq-item {
            background: white;
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid rgba(212, 175, 55, 0.2);
            transition: all 0.3s ease;
        }

        .faq-item:hover {
            box-shadow: 0 4px 12px rgba(212, 175, 55, 0.1);
        }

        .faq-question {
            padding: 20px;
            cursor: pointer;
            font-weight: 600;
            color: #8b7355;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(255, 215, 0, 0.05) 100%);
        }

        .faq-question:hover {
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(255, 215, 0, 0.1) 100%);
        }

        .faq-toggle {
            font-size: 20px;
            transition: transform 0.3s ease;
        }

        .faq-item.active .faq-toggle {
            transform: rotate(180deg);
        }

        .faq-answer {
            padding: 0 20px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
            color: #666;
            font-size: 14px;
        }

        .faq-item.active .faq-answer {
            padding: 0 20px 20px 20px;
            max-height: 500px;
        }

        /* 响应式调整 */
        @media (max-width: 768px) {
            .hero-title {
                font-size: 36px;
            }

            .hero-subtitle {
                font-size: 16px;
            }

            .features-title,
            .process-title,
            .faq-title {
                font-size: 24px;
            }

            .process-timeline {
                flex-direction: column;
            }

            .process-timeline::before {
                top: auto;
                left: 40px;
                right: auto;
                width: 3px;
                height: 100%;
            }

            .process-step {
                margin-bottom: 40px;
                text-align: left;
                padding-left: 100px;
            }

            .step-circle {
                width: 60px;
                height: 60px;
                font-size: 24px;
                margin: 0;
                position: absolute;
                left: 0;
            }
        }
#top_main{width:100%;height:1.5rem;z-index:300;position:fixed;top:0px;left:0px}
#top_main .tsearch{background:#f2f2f2;width:100%;margin:0 auto;height:1rem;position:absolute;left:0;top:1rem;padding-top:.2rem;display:none;z-index:999}
#top_main .tsearch input{-webkit-appearance:none}
#top_main .tsearch .txt{border:none;width:80%;height:0.65rem;line-height:0.65rem;margin-left:4%;color:#666;font-size:0.22rem;background:#fff;text-indent:3%;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
#top_main .tsearch .sbtn{cursor:pointer;border:none;font-size:0.24rem;width:0.8rem;height:0.65rem;text-align:center;background:#798088;color:#fff;border-radius:0 .3rem  .3rem 0;vertical-align:middle}
.header{position:relative}
.head_top{position:relative;max-width:640px;min-width:320px;width:100%;height:40px;margin:0 auto;background-color:#798088;text-align:center;line-height:40px;z-index:1}
.head_top .top_tel{display:inline-block;color:#fff;font-size:15px}
.head_top .top_tel .fa{font-size:.3rem;margin-right:.1rem;vertical-align:middle}
#top{max-width:640px;min-width:320px;margin:0px auto;position:relative;background:#fff;box-shadow:0 0 0.2rem rgb(0 0 0 / 20%)}
#top .logo{display:block;padding-top:.1rem;margin-left:.1rem;text-align: center;}
#top .logo a{display:block}
#top .logo img{height:40px;vertical-align:top}
#top .topsearch{display:flex;position:absolute;right:.8rem;top:0;text-align:center;cursor:pointer;width:.9rem;height:.5rem;margin:.25rem auto;z-index:6;align-items:center;justify-content:center}
#top .topsearch span{position:relative;display:block;width:.3rem;height:.3rem;border:.035rem solid #798088;border-radius:50%}
#top .topsearch span:before{content:' ';position:absolute;right:-29%;bottom:-13%;width:.1rem;height:.035rem;background:#798088;border-radius:.03rem;transform:rotate(45deg)}
#top #nav{position:absolute;top:50%;right:.3rem;width:.35rem;transform:translateY(-50%);cursor:pointer;z-index:6}
#top #nav span,#top #nav:after,#top #nav:before{display:block;height:.035rem;background:#798088;border-radius:.03rem;transition:all .5s}
#top #nav span{width:50%;margin:.1rem auto;margin-right:0}
#top #nav:after,#top #nav:before{content:'';transform-origin:-5%}
#top #nav.cur span{opacity:0}
#top #nav.cur:after{transform:rotate(-45deg)}
#top #nav.cur:before{transform:rotate(45deg)}