* {
    margin: 0;
    padding: 0;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#222;
}
a:hover{
    text-decoration:none;
}
input[type=text]{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    outline:0;
}
select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:0;
}
ul{
    margin:0 auto;
    padding:0;
}
img{
    max-width:100%;
}
.clearfix:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:"";}
.clearfix{
    *zoom:1;
}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
section{background:#f8efef;}
body{margin: 0px;padding: 0px;}
.tit{
    width: 100%;
    height: 2rem;
    line-height:2.2rem;
    font-size: 1.25rem;
    background: url('../img/tit.png')no-repeat center;
    background-size:65%;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin-top: 1rem;
    padding-left:4rem;
    box-sizing: border-box;
}
.tit font{
    font-size: 1.05rem;
    color: #138749;
}
.tit span{
    width: 5.0rem;
    height: 1.65rem;
    background-size: 100%;
    display: block;
    margin: 0px auto;
}
.tit p{
    font-size: 1.05rem;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin: 0px;
}
.gradient-text{
      /* 1. 定义渐变背景：从左到右，从 #c7ddfc 到 #f7f9ff */
  background-image: linear-gradient(to right, #c7ddfc, #f7f9ff);
  /* 2. 规定背景的绘制区域为文字部分 */
  /* 标准属性 (目前兼容性极好，但为了保险通常加上 -webkit- 前缀) */
  background-clip: text;
  -webkit-background-clip: text;
  /* 3. 将文字本身的颜色设置为透明，从而漏出下方的背景渐变 */
  color: transparent;
  /* 或者使用 -webkit-text-fill-color (推荐，优先级更高且兼容性好) */
  -webkit-text-fill-color: transparent;
}
.ban{
    width:100%;
    height:19.5rem;
    background-image:url('../img/banner.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding-left:0rem;
    box-sizing: border-box;
    line-height: 0.95rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.one{
    width: 100%;
    margin: 0rem auto 0rem;
    padding-top:8.5rem;
    border-radius:0rem;
    background-size: 100%;
    box-sizing: border-box;
}
.one h6{
    font-size: .75rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: .25rem;
    float: left;
    width: 100%;
}
.one_text{
    width: 17.25rem;
    height:12.0rem;
    margin:0rem 0px 0px 0.75rem;
        background: url('../img/one-center.png')no-repeat center top;
    background-size:100%;
}

.one_text .p1{
    margin:0.7rem 0.7rem 0rem 0.7rem;
    width:16.0rem;
    line-height:1rem;
    font-size:0.65rem;
    color:#000000;
    text-align:justify;
}
.one_text .p2{
        margin:0.2rem 0.7rem 0rem 0.7rem;
    font-size:0.65rem;
    color:#5c0b7b;
    text-align:justify;
}
.one_btn{
    width: 8.25rem;
    height: 1.75rem;
        line-height: 1.75rem;
    background: url('../img/one_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    margin: 0.5rem 4.45rem;
}
.more_slide{
    display: block;
    margin: 1rem 0px 0px 7rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../img/icon-gd.png') no-repeat center;
    background-size: 100%;
    position: relative;
    animation: test;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@keyframes test {
    0% {
        top: 0px;
    }

    25% {
        top: -5px;
    }

    50% {
        top: -10px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}
.two_slide{
    display: block;
    margin: 1rem 0px 0px 7.9rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../img/icon-gd.png') no-repeat center;
    background-size: 100%;
    position: relative;
    animation: test;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@keyframes test {
    0% {
        top: 0px;
    }

    25% {
        top: -5px;
    }

    50% {
        top: -10px;
    }

    75% {
        top: -5px;
    }

    100% {
        top: 0px;
    }
}
.ym_form{

    background: url('../img/ym_form.png')no-repeat center;
    background-size:100%;
    border-radius: .3rem;
    width: 100%;

}
.ym_form h3{
    font-size: .9rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 0rem 0px 1rem 0px;
}
.ym_form input{
    width: 12.3rem;
    height: 2.1rem;
    padding-left: 0.7rem;
    border: none;
    background: #fff;
    margin: 0rem 2.125rem 0.5rem 2.125rem;
    font-size: .6rem;
    line-height: 2.1rem;
}
.ym_form_btn{
    width: 13.1rem;
    height:2.35rem;
    background: url('../img/ym_form_btn.png')no-repeat center;
    margin: .6rem 2.125rem 0rem 2.125rem;
    font-size: .75rem;
    color: #323232;
    text-align: center;
    line-height: 2.35rem;
    background-size: 100%;
}
.two{
    width: 100%;
    margin: auto;

}
.two .tit{
    margin:2rem auto 0.25rem;
    width:15.0rem;
    height:2.75rem;
    line-height:2.75rem;
    text-align:center;
    padding:0rem;
    color:#5c0b7b;
    font-size:1.2rem;
        background: url(../img/two-tit.png) no-repeat center;
    background-size: 100%;
}
.gradient-text-two{
  background: url('../img/sreen-tit.png')no-repeat center;
  background-size:33%;
  /* 2. 裁剪背景为文字形状 */
  background-clip: text;
  -webkit-background-clip: text;
  /* 3. 文字透明 */
  color: transparent;
  -webkit-text-fill-color: transparent;
}
/*
         * 主容器
         * 宽度设定为 17.5rem
         */
        .two-container {
            margin:0 auto;
            width: 17.5rem; /* 核心需求 */
            height:22.0rem;
            background: url('../img/two-cont.png')no-repeat center top;
            background-size:100%;

            padding: 0.5rem 0.4rem 0px 0.4rem;
            position: relative;
            box-sizing:border-box;
        }

        /* 顶部标题 */
        .two-main-title {
            text-align: center;
            color: #4a0072; /* 深紫色 */
            font-size: 1.2rem;
            font-weight: 900;
            margin-bottom: 15px;
            text-shadow: 0 1px 0 rgba(255,255,255,0.8);
        }

        /*
         * 单个卡片样式
         */
        .two-card {
            height:3.5rem;
            background: url('../img/two-card.png')no-repeat center top;
            background-size:100%;
            padding: 0px 0.375rem 0px 0.25rem;
            margin-bottom: 0.2rem;
            display: flex;
            flex-direction: column;
        }

        /* 卡片头部：包含数字和标题 */
        .two-card-header {
            display: flex;
            align-items: center;
            margin-bottom: 0.3rem;
        }

        /* 数字标签容器 */
        .two-num-wrapper {
            position: relative;
            margin-right: 0.2rem;
        }
        .two-num-wrapper i{
            margin:0 auto;
            display: block;
            width:1.0rem;
            height:0.05rem;
            background: #120348;
        }
        /* 黄色数字方块 */
        .two-num {
            color: #120348;
            font-size: 0.7rem;
            font-weight: 400;
            padding: 0rem 0.4rem;
            line-height: 0.7rem;
            position: relative;
            z-index: 2;
        }



        /* 卡片小标题 */
        .two-card-title {
            margin-top:0.25rem;
            color: #441257; /* 深紫色标题 */
            font-weight: 800;
            font-size: 0.8rem;
        }

        /* 卡片正文 */
        .two-text {
            font-size: 0.65rem;
            color: #212121;
            line-height: 0.825rem;
            text-align: justify;
        }

        /*
         * 底部按钮区域
         */
        .two-btn-box {
            margin-top: 15px;
            text-align: center;
        }

.two_btn{
    width: 8.25rem;
    height: 1.75rem;
    line-height: 1.75rem;
    background: url('../img/one_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    margin: 0.3rem 4.25rem;
}

/*
         * 主容器
         * 宽度严格设定为 17.5rem
         */
        .three-container {
            width: 17.5rem;
            padding:1.75rem 0.6rem 0rem 0.6rem;
        }

        /* 顶部大标题 */
        .three-main-title {
            text-align: center;
            color: #5c0b7b;
            font-weight: 900;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            position: relative;
            z-index: 2;
        }

        /* 标题背后的淡字装饰 (AMERICA) */
        .three-main-title::before {
            content: '';
            position: absolute;
            top: -0.4rem;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255, 255, 255, 0.4);
            font-size: 1.8rem;
            font-weight: bold;
            z-index: -1;
            letter-spacing: 0.1rem;
            width:14.75rem;
            height:2.25rem;
            background: url('../img/three-tit.png')no-repeat center;
            background-size: 100%;
        }
        .three-content{
            width:17.5rem;
            height:24.0rem;
                background: url('../img/three-content-start.png')no-repeat center;
            background-size: 100%;
            padding:0.75rem 0.25rem;
            box-sizing:border-box;
        }
        /*
         * 表格区域容器
         */
        .three-table-box {
            height:20.5rem;
            display: flex;
            flex-direction: column;
            border-radius: 0.5rem;
            background: url('../img/three-table-box.png')no-repeat center;
            background-size: 100%;
        }

        /* 每一行 */
        .three-row {
            display: flex;
            align-items: stretch;
        }

        .three-row:last-child {
            border-bottom: none;
        }

        .three-row:nth-child(2){
            height:4.5rem;
        }
        .three-row:nth-child(2) .three-col-left{
            padding:0.4rem 0.5rem;
        }
        .three-row:nth-child(2) .three-col-right{
            padding:0.4rem 0.5rem;
        }
        .three-row:nth-child(3){
            height:3.3rem;
        }
         .three-row:nth-child(4){
            height:3.4rem;
        }
         .three-row:nth-child(5){
            height:4.5rem;
        }
         .three-row:nth-child(5) .three-col-left{
            padding:0.1rem 0.75rem 0rem 0.875rem;
        }
         .three-row:nth-child(6){
            height:3.5rem;
        }
        /*
         * 列样式定义
         */

        /* 左列 (O-1) */
        .three-col-left {
            width: 6.95rem;
            color: #fff;
            padding: 0.5rem 0.3rem;
            font-size: 0.7rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify; /* 文字两端对齐 */
            line-height: 0.8rem;
            box-sizing:border-box;
        }

        /* 中间列 (标签) */
        .three-col-mid {
             margin-left: 0rem;
            width: 3.125rem;
            color: #3e2723;
            font-weight: bold;
            font-size: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            /* padding: 0.2rem; */
            line-height:1rem;
            box-sizing: border-box;
        }

        /* 右列 (H-1B) */
        .three-col-right {
            width: 6.9rem;
            color: #fff;
            padding: 0.5rem 0.5rem;
            font-size: 0.65rem;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: justify;
            line-height: 0.8rem;
            box-sizing:border-box;
        }

        /*
         * 头部特殊样式 (O-1 和 H-1B 标题)
         */
        .three-header-row .three-col-left {
            font-size: 1rem;
            font-weight: bold;
            padding: 0rem 0;
            box-sizing:border-box;
        }

        .three-header-row .three-col-right {

            font-size: 1rem;
            font-weight: bold;
            padding: 0rem 0;
            border-radius: 0.4rem 0.4rem 0 0; /* 上方圆角 */
        }

        /* 头部中间是透明的 */
        .three-header-row .three-col-mid {
            background: transparent;
        }

        /* 头部不显示下边框线，靠margin隔开一点 */
        .three-header-row {
            height:1.375rem;
            border-bottom: none;
            margin-bottom: 0px; /* 模拟标题和表格主体的间隙 */

        }

        /*
         * 表格内容部分的圆角修正
         */
        .three-content-start .three-col-left {
            border-top-left-radius: 0.4rem;
        }
        .three-content-start .three-col-right {
            border-top-right-radius: 0.4rem;
        }
        .three-content-start .three-col-mid {
            border-top-left-radius: 0.4rem;
            border-top-right-radius: 0.4rem;
        }

        .three-content-end .three-col-left {
            border-bottom-left-radius: 0.4rem;
        }
        .three-content-end .three-col-right {
            border-bottom-right-radius: 0.4rem;
        }
        .three-content-end .three-col-mid {
            border-bottom-left-radius: 0.4rem;
            border-bottom-right-radius: 0.4rem;
        }

        /* 底部按钮 */
        .three-btn-box {
            margin-top: 1rem;
            text-align: center;
        }

        .three-btn {
            display: block;
            width: 100%;
            background: linear-gradient(to bottom, #d32f2f, #880e4f);
            color: white;
            padding: 0.6rem 0;
            text-decoration: none;
            border-radius: 0.3rem;
            font-weight: bold;
            font-size: 0.9rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.3);
            border: 1px solid #b71c1c;
        }
  /*
         * 核心容器
         * 宽度设定为 17.5rem
         */
        .sreen-container {
            margin:1.45rem auto 0rem;
            width: 17.5rem;
            position: relative;

        }
        /*
         * 顶部头部区域
         */
        .sreen-header {
             text-align: center;
            color: #5c0b7b;
            font-weight: 900;
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
            position: relative;
            z-index: 2;
        }

        /* 背景水印 AMERICA */
        .sreen-header::before {
            content: '';
            position: absolute;
            top: -0.35rem;
            left: 50%;
            transform: translateX(-50%);
            font-size: 2.2rem;
            font-weight: bold;

            z-index: -1;
            letter-spacing: 0.2rem;
            display: block;
            width: 14.75rem;
            height: 2.25rem;
            background: url('../img/sreen-tit.png') no-repeat center;
            background-size: 100%;
        }

        /* 主标题 */
        .sreen-title-main {
            color: #4a0072; /* 深紫色 */
            font-size: 1.4rem;
            font-weight: 800;
        }

        /* 副标题 */
        .sreen-title-sub {
            color: #4e1f43; /* 深褐/紫红色 */
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.3;
        }

        /*
         * 卡片主体区域
         */
        .sreen-card {


            padding: 0.75rem 0rem;

             background: url('../img/sreen-card.png') no-repeat center top;
            background-size: 100%;
            box-sizing:border-box;
        }

        /* 紫色标签/标题条 */
        .sreen-badge {
            display: inline-block;
            background: url('../img/sreen-badge.png') no-repeat center top;
            background-size: 100%;
            color: #fff;
            padding: 0.25rem 0.375rem;
            font-size: 0.75rem;
            font-weight: 400;
            margin-bottom:0.2rem;
            margin-left: 0rem; /* 让左侧贴边 */
            box-sizing:border-box;
        }

        /* 文本段落 */
        .sreen-text {
            margin:0rem 1rem 0rem 0.375rem;
            font-size: 0.65rem;
            color: #323232;
            line-height: 1rem;
            text-align: justify;
            margin-bottom: 0.3rem;
        }

        /*
         * 列表样式
         */
        .sreen-list {
            list-style: none;
            margin-bottom: 0rem;
        }

        .sreen-list-item {
            display: flex;
            align-items: flex-start;
            padding: 0.2rem 0;
              background: url('../img/sreen-list-item.png') no-repeat center bottom;
            background-size: 91%;
            font-size:0.6rem;
            color: #000000;
            line-height: 1.4;
        }

        .sreen-list-item:last-child {
            background: none;
        }

        /* 自定义列表图标 (同心圆) */
        .sreen-icon {
            flex-shrink: 0;
            width: 0.9rem;
            height: 0.9rem;
            margin-right: 0rem;
            position: relative;
            top: 0rem;
            /* 使用 unicode 字符模拟图中的靶心圆图标 */
            color: #6a1b9a;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* 使用伪元素制作同心圆效果 */
        .sreen-icon::after {
            content: '◎';
            font-size: 0.9rem;
        }

        /*
         * 底部按钮
         */
        .sreen-btn-wrapper {
            text-align: center;
            margin-top: 0.5rem;
        }

        .sreen_btn{
            width: 8.25rem;
            height: 1.75rem;
            line-height: 1.75rem;
            background: url('../img/one_btn.png')no-repeat center;
            background-size: 100%;
            font-size: 0.75rem;
            color: #fff;
            text-align: center;
            margin: 0rem 4.25rem;
        }
  /* 主容器：宽度固定 17.5rem */
        .four-container {
            margin:1.5rem auto 0rem;
            width: 17.5rem;
            position: relative;
            padding-bottom: 2rem;
        }

        /*
         * 头部区域
         */
        .four-header {
            text-align: center;
            margin-bottom: 0.625rem;
            position: relative;
            z-index:2;
        }

        /* 背景水印 AMERICA */
        .four-header::before {
           content: '';
            position: absolute;
            top: -0.35rem;
            left: 50%;
            transform: translateX(-50%);
            font-size: 2.2rem;
            font-weight: bold;
            z-index: -1;
            letter-spacing: 0.2rem;
            display: block;
            width: 14.75rem;
            height: 2.25rem;
            background: url(../img/sreen-tit.png) no-repeat center;
            background-size: 100%;
        }

        /* 标题样式 */
        .four-title-main {
                color: #4a0072;
                font-size: 1.2rem;
                font-weight: 800;
                padding-top: 0.5rem;
                line-height: 1rem;
        }

        .four-title-sub {
            color: #4a0072;
            font-size: 1.1rem;
            font-weight: 800;
        }

        /*
         * 卡片主体
         */
        .four-card {

            border-radius: 0.6rem;
            padding: 0.75rem 0.625rem;

              background: url(../img/four-cont.png) no-repeat center top;
            background-size: 100%;
        }

        /*
         * 列表项样式
         */
        .four-list {
            list-style: none;
        }

        .four-item {
            display: flex;
            margin-bottom: 0.25rem;
            /* 确保两个子元素高度拉伸一致 */
            align-items: stretch;
            filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
        }

        /* 左侧数字块 */

        /* 右侧内容块 */
        .four-content-box {
            flex-grow: 1;
            height:3.025rem;
            padding: 0rem 0.2rem 0rem 2.3rem;

            display: flex;
            flex-direction: column;
            justify-content: center;
            box-sizing:border-box;
        }

        /* 列表标题 */
        .four-item-title {
            font-size: 0.75rem;
            color: #5c0b7b;
            font-weight: 800;
            margin-bottom: 0.1rem;
            display: inline-block;
            margin-top: -0.2rem;
        }

        /* 标题的高亮背景效果 (模拟荧光笔) */
        .four-item-title span {
            background: url(../img/four-item-title.png) no-repeat center bottom;
            background-size: 100%;
            padding-bottom: 0.05rem;
        }

        /* 列表描述文字 */
        .four-item-desc {
            font-size: 0.65rem;
            color: #3b3b3b;
            line-height: 0.675rem;
        }

        /*
         * 针对每个数字的背景图类
         * 请在此处替换为您真实的图片路径
         */
        .four-num-1 {   background: url(../img/four-icon1.png) no-repeat center ;
            background-size: 100%;}
        .four-num-2 {  background: url(../img/four-icon2.png) no-repeat center ;
            background-size: 100%; }
        .four-num-3 {  background: url(../img/four-icon3.png) no-repeat center ;
            background-size: 100%; }
        .four-num-4 {  background: url(../img/four-icon4.png) no-repeat center ;
            background-size: 100%; }
        .four-num-5 {  background: url(../img/four-icon5.png) no-repeat center ;
            background-size: 100%;}
        .four-num-6 {  background: url(../img/four-icon6.png) no-repeat center ;
            background-size: 100%;}


       .four_btn{

            width: 8.25rem;
            height: 1.75rem;
            line-height: 1.75rem;
            background: url('../img/one_btn.png')no-repeat center;
            background-size: 100%;
            font-size: 0.75rem;
            color: #fff;
            text-align: center;
            margin: 0.4rem auto 0.75rem;
        }




 .five{
    width: 100%;
    background: url(../img/five.png)no-repeat center;
    background-size: 100%;
    padding: 0rem 0px .9rem 0px;
    box-sizing: border-box;
 }
.five .tit{
    width: 100%;
    height: 2rem;
    line-height: 2.2rem;
    font-size: 1.25rem;
    background: url(../img/tit2.png) no-repeat center;
    background-size: 65%;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin-top: 1.1rem;
    padding-left: 4rem;
    box-sizing: border-box;
}
 .five_info{
     width: 100%;

 }
    .items1 {
     margin:1.1rem auto 0.625rem;
     width: 100%;
     height:8.775rem;
     background: url(../img/five_img1.png)no-repeat top left;
     background-size: 100%;

    }
    .items2 {
        margin:0rem 0.75rem 0rem 0.75rem;
     width: 3.175rem;
     height: 1.925rem;
     background: url(../img/five_img2.png)no-repeat top left;
     background-size: 100%;
    }
    .items3 {
       margin:0rem 0.75rem 0rem 0.75rem;
     width: 3.175rem;
     height: 1.925rem;
     background: url(../img/five_img3.png)no-repeat top left;
     background-size: 100%;
    }
    .items4{
       margin:0rem 0.75rem 0rem 0.75rem;
     width: 3.175rem;
     height: 1.925rem;
     background: url(../img/five_img4.png)no-repeat top left;
     background-size: 100%;
    }
    .items5 {
       margin:0rem 0.75rem 0rem 0.75rem;
     width: 3.175rem;
     height: 1.925rem;
     background: url(../img/five_img5.png)no-repeat top left;
     background-size: 100%;
    }

 .five_btn{
    width: 13.625rem;
    height: 2.55rem;
    background: url(../img/one_btn.png)no-repeat center;
    background-size: 100%;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: 2.55rem;
    margin:0.25rem 1.6rem 1.25rem 1.6rem;
 }

   /*
         * 主容器
         * 宽度严格设定为 17.5rem
         */
        .six-container {
            margin:1.25rem auto 0rem;
            width: 17.5rem;
            position: relative;
            padding-bottom: 0rem;
        }

        /*
         * 头部区域
         */
        .six-header {
            text-align: center;
            margin-bottom: 0.5rem;
            position: relative;
            z-index:2;
        }

        /* 背景水印 AMERICA (纯CSS模拟) */
        .six-header::before {
                content: '';
            position: absolute;
            top: -0.35rem;
            left: 50%;
            transform: translateX(-50%);
            font-size: 2.2rem;
            font-weight: bold;
            z-index: -1;
            letter-spacing: 0.2rem;
            display: block;
            width: 14.75rem;
            height: 2.25rem;
            background: url(../img/sreen-tit.png) no-repeat center;
            background-size: 100%;
        }

        /* 主标题 */
        .six-title-main {
            color: #4a0072; /* 深紫色 */
            font-size: 1.4rem;
            font-weight: 800;
            margin-bottom: 0.2rem;
        }

        /* 副标题 */
        .six-title-sub {
            color: #3e2723; /* 深褐色 */
            font-size: 0.69rem;
            font-weight: 700;
            line-height: 1.2;
        }

        /*
         * 卡片主体区域
         */
        .six-card {
            /* 淡紫色渐变背景 */

             padding: 0.7rem 0.875rem 0.05rem 0.375rem;

            background: url(../img/six-card.png) no-repeat center top;
            background-size: 100%;
        }

        /* 紫色标签/标题条 */
        .six-badge {
            display: inline-block;

            color: #fff;
            padding: 0.2rem 0.8rem;
            font-size: 0.75rem;
            font-weight: 400;
            margin-bottom: 0.3rem;
            margin-left: -0.35rem; /* 让左侧贴边 (抵消父级padding) */
            padding-right: 1.2rem;
             background: url(../img/sreen-badge.png) no-repeat center top;
            background-size: 100%;
        }

        /* 文本段落通用样式 */
        .six-text {
            font-size: 0.65rem;
            color: #323232;
            line-height: 1rem;
            text-align: justify;
            margin-bottom: 0.2rem;
        }

        /* 紫色高亮小标题 (艺术领域/影视制作) */
        .six-text-highlight {
            color: #5c0b7b;
            font-size: 0.65rem;
            font-weight: 400;
            margin-bottom: 0.1rem;
        }

        /*
         * 列表样式
         */
        .six-list {
            list-style: none;
            margin-bottom:0rem;
        }

        .six-list-item {
            display: flex;
            align-items: flex-start;
            padding: 0.2rem 0;
            background: url(../img/sreen-list-item.png) no-repeat center bottom;
    background-size: 91%;
            font-size: 0.59rem;
            color: #000;
            line-height: 1.4;
            text-align: justify;
        }

        .six-list-item:last-child {
            background: none;
        }

        /* 自定义列表图标 (同心圆) */
        .six-icon {
            flex-shrink: 0;
            width: 0.9rem;
            height: 0.9rem;
            margin-right: 0rem;
            position: relative;
            top: -0.02rem;
            /* 使用 unicode 字符模拟图中的靶心圆图标 */
            color: #6a1b9a;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .six-icon::after {
            content: '◎'; /* 同心圆符号 */
            font-size: 0.9rem;
        }

        /*
         * 底部按钮
         */
        .six-btn-wrapper {
            text-align: center;
            margin-top: 0.5rem;
        }

       .six_btn{

            width: 8.25rem;
            height: 1.75rem;
            line-height: 1.75rem;
            background: url('../img/one_btn.png')no-repeat center;
            background-size: 100%;
            font-size: 0.75rem;
            color: #fff;
            text-align: center;
            margin: 0.4rem 4.25rem 0.75rem;
        }

.subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }

        .project-tabs {
    margin-top: 0.75rem;
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
            gap: 15px;
        }

        .tab-btn {
      width: 3.275rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.9rem;
    background-color: #eeeeee;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    color: #323232;

        }

        .tab-btn:hover {
            background-color: #d1d7dc;
            transform: translateY(-2px);
        }

        .tab-btn.active {
            background: url('../img/tab-btn.png')no-repeat center;
            color: white;

        }

        .project-content {
            margin:0 auto;
            width:17.25rem;
            border-radius: 12px;
            min-height: 400px;
            transition: opacity 0.3s ease;
   	 box-sizing: border-box;
        }

        .project {
            display: none;
            animation: fadeIn 0.5s ease forwards;
	 width:17.25rem;
            height:20.5rem;
           padding-top:1rem;
     	box-sizing: border-box;
position:relative;
        }
        .project span{
            display: block;
            position:absolute;
            right:0.75rem;
            width:4.0rem;
            height:4.0rem;
             background: url('../img/project-text-wei.png')no-repeat center;
             background-size:100%;
        }
        .project:nth-child(1){
 background: url('../img/tab-icon1.png')no-repeat center;
        }
        .project:nth-child(2){
  background: url('../img/tab-icon2.png')no-repeat center;
        }
        .project:nth-child(3){
   background: url('../img/tab-icon3.png')no-repeat center;
        }
        .project:nth-child(4){
   background: url('../img/tab-icon4.png')no-repeat center;
        }
        .project:nth-child(5){
   background: url('../img/tab-icon5.png')no-repeat center;
        }
        .project.active {
            display: block;
        }
        .project .p1{
            margin:0.5rem 0.25rem 0rem 0.625rem;
            font-size:0.65rem;
            color:#323232;
            line-height:1rem;
        }
        #project1 img{
            width:8.0rem;
            height:4.5rem;
        }
        #project1 img:nth-child(3){
            margin-left:0.625rem;
        }
        #project1 img:nth-child(5){
            margin-left:0.625rem;
        }
        #project2 img{
            width:8.0rem;
            height:4.5rem;
        }
        #project2 img:nth-child(3){
            margin-left:0.625rem;
        }
        #project2 img:nth-child(5){
            margin-left:0.625rem;
        }
         #project3 .p1{
            margin:0.5rem 0.25rem 0.5rem 0.625rem;
        }
        .project h3{
            margin:0.45rem 0.25rem 0.275rem 0.625rem;
            font-size:0.7rem;
            color:#323232;
        }
        .project .p2{
            float: left;
            width:7.25rem;
            margin:0rem 0rem 0.15rem 0.625rem;
            font-size:0.625rem;
            color:#323232;
        }
         .project .p3{
            margin:0rem 0rem 0.25rem 0.75rem;

            width:15.75rem;
            height:1.85rem;
            line-height:1.85rem;
            font-size:0.65rem;
            color:#323232;
         background: url('../img/five-icon1.png')no-repeat center;
         background-size:100%;
        }
        .project .p3 img{
         margin:0rem 0.25rem 0.1rem 0.25rem;

        }
        .project .p3 font{
            display: inline-block;
            width:15.0rem;
        }
        .project-title {
            color: #0775c9;
            font-size: 1.05rem;
            text-align:center;
            margin-top:0.625rem;

        }
        #project3 img:nth-child(8){
            width:15.7rem;
            margin:0.5rem 0rem 0rem 0.75rem;
        }
        #project3 img:nth-child(9){
            width:7.75rem;
            margin:0rem 0rem 0rem 0.75rem;
        }
        #project4 img:nth-child(4){
            width:15.0rem;
            margin:0.25rem 0rem 0rem 1rem;
        }
        #project4 img:nth-child(5){
            width:15.0rem;
            margin:0rem 0rem 0rem 1rem;
        }
        #project4 .p1{
            margin:0.5rem 0.9rem 0rem 1rem;
        }
         #project5 .p3:nth-child(3){
            line-height: 0.9rem;
         }
          #project5 .p3:nth-child(3) img{
            margin: 0rem 0.25rem 0.9rem 0.25rem;
          }
          #project5 img:nth-child(6){
            margin: 0.625rem 0.35rem 0rem 0.75rem;
          }
          #project5 img:nth-child(7){
            margin: 0.625rem 0.35rem 0rem 0rem;
          }
        .project-image {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        .project-text{
            margin:0rem auto 0rem;
            width:6.25rem;
            height:1.1rem;
            line-height:1.1rem;
           color: #f8e6c7;
font-weight:700;
            font-size: 0.75rem;
text-align:center;
              background: url('../img/tab-text.png') no-repeat center right;
              background-position-x:0rem;
        }
        .project-image img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            display: block;
        }

        .project-info {
            padding: 10px 0;
        }

        .project-info h3 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.4rem;
        }

        .project-features {
            margin-top: 20px;
        }

        .feature-list {
            list-style-type: none;
            margin-top: 10px;
        }

        .feature-list li {
            padding: 8px 0;
            border-bottom: 1px dashed #e9ecef;
            display: flex;
            align-items: center;
        }

        .feature-list li:before {
            content: "✓";
            color: #28a745;
            font-weight: bold;
            margin-right: 10px;
        }



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

        @media (max-width: 768px) {


            .project-tabs {
                flex-direction: column;
                align-items: center;
            }

            .tab-btn {
                    width: 3.275rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.9rem;
    background-color: #eeeeee;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    color: #323232;
            }
        }