@font-face {
    font-family: "Hayley";
    src: url('/public/home/font/Hayley Signature Demo.ttf') ;
    font-display: swap;
}
@font-face {
    font-family: "UrdTypeb";
    src: url('/public/home/font/UrdTypeb.ttf') ;
    font-display: swap;
}
:root {

    --main: 1800px;
    --ft10: 10px;
    --ft11: 11px;
    --ft12: 12px;
    --ft13: 13px;
    --ft14: 14px;
    --ft15: 15px;
    --ft16: 16px;
    --ft17: 17px;
    --ft18: 18px;
    --ft19: 19px;
    --ft20: 20px;
    --ft21: 21px;
    --ft22: 22px;
    --ft23: 23px;
    --ft24: 24px;
    --ft25: 25px;
    --ft26: 26px;
    --ft27: 27px;
    --ft28: 28px;
    --ft29: 29px;
    --ft30: 30px;
    --ft31: 31px;
    --ft32: 32px;
    --ft33: 33px;
    --ft34: 34px;
    --ft35: 35px;
    --ft36: 36px;
    --ft37: 37px;
    --ft38: 38px;
    --ft39: 39px;
    --ft40: 40px;
    --ft41: 41px;
    --ft42: 42px;
    --ft43: 43px;
    --ft44: 44px;
    --ft45: 45px;
    --ft46: 46px;
    --ft47: 47px;
    --ft48: 48px;
    --ft49: 49px;
    --ft50: 50px;
    --ft51: 51px;
    --ft52: 52px;
    --ft53: 53px;
    --ft54: 54px;
    --ft55: 55px;
    --ft56: 56px;
    --ft57: 57px;
    --ft58: 58px;
    --ft59: 59px;
    --ft60: 60px;
    --ft61: 61px;
    --ft62: 62px;
    --ft63: 63px;
    --ft64: 64px;
    --ft65: 65px;
    --ft66: 66px;
    --ft67: 67px;
    --ft68: 68px;
    --ft69: 69px;
    --ft70: 70px;
    --ft71: 71px;
    --ft72: 72px;
    --ft73: 73px;
    --ft74: 74px;
    --ft75: 75px;
    --ft76: 76px;
    --ft77: 77px;
    --ft78: 78px;
    --ft79: 79px;
    --ft80: 80px;
    --ft81: 81px;
    --ft82: 82px;
    --ft83: 83px;
    --ft84: 84px;
    --ft85: 85px;
    --ft86: 86px;
    --ft87: 87px;
    --ft88: 88px;
    --ft89: 89px;
    --ft90: 90px;
    --ft91: 91px;
    --ft92: 92px;
    --ft93: 93px;
    --ft94: 94px;
    --ft95: 95px;
    --ft96: 96px;
    --ft97: 97px;
    --ft98: 98px;
    --ft99: 99px;
    --ft100: 100px;
    --ft101: 101px;
    --ft102: 102px;
    --ft103: 103px;
    --ft104: 104px;
    --ft105: 105px;
    --ft106: 106px;
    --ft107: 107px;
    --ft108: 108px;
    --ft109: 109px;
    --ft110: 110px;
    --ft111: 111px;
    --ft112: 112px;
    --ft113: 113px;
    --ft114: 114px;
    --ft115: 115px;
    --ft116: 116px;
    --ft117: 117px;
    --ft118: 118px;
    --ft119: 119px;
    --ft120: 120px;
    --ft121: 121px;
    --ft122: 122px;
    --ft123: 123px;
    --ft124: 124px;
    --ft125: 125px;
    --ft126: 126px;
    --ft127: 127px;
    --ft128: 128px;
    --ft129: 129px;
    --ft130: 130px;
    --ft131: 131px;
    --ft132: 132px;
    --ft133: 133px;
    --ft134: 134px;
    --ft135: 135px;
    --ft136: 136px;
    --ft137: 137px;
    --ft138: 138px;
    --ft139: 139px;
    --ft140: 140px;
    --ft141: 141px;
    --ft142: 142px;
    --ft143: 143px;
    --ft144: 144px;
    --ft145: 145px;
    --ft146: 146px;
    --ft147: 147px;
    --ft148: 148px;
    --ft149: 149px;
    --ft150: 150px;
    --ft151: 151px;
    --ft152: 152px;
    --ft153: 153px;
    --ft154: 154px;
    --ft155: 155px;
    --ft156: 156px;
    --ft157: 157px;
    --ft158: 158px;
    --ft159: 159px;
    --ft160: 160px;
    --ft161: 161px;
    --ft162: 162px;
    --ft163: 163px;
    --ft164: 164px;
    --ft165: 165px;
    --ft166: 166px;
    --ft167: 167px;
    --ft168: 168px;
    --ft169: 169px;
    --ft170: 170px;
    --ft171: 171px;
    --ft172: 172px;
    --ft173: 173px;
    --ft174: 174px;
    --ft175: 175px;
    --ft176: 176px;
    --ft177: 177px;
    --ft178: 178px;
    --ft179: 179px;
    --ft180: 180px;
    --ft181: 181px;
    --ft182: 182px;
    --ft183: 183px;
    --ft184: 184px;
    --ft185: 185px;
    --ft186: 186px;
    --ft187: 187px;
    --ft188: 188px;
    --ft189: 189px;
    --ft190: 190px;
    --ft191: 191px;
    --ft192: 192px;
    --ft193: 193px;
    --ft194: 194px;
    --ft195: 195px;
    --ft196: 196px;
    --ft197: 197px;
    --ft198: 198px;
    --ft199: 199px;
    --ft200: 200px;
    /* 手动展开内边距变量 */
    --p0: 0px;
    --p1: 1px;
    --p2: 2px;
    --p3: 3px;
    --p4: 4px;
    --p5: 5px;
    --p6: 6px;
    --p7: 7px;
    --p8: 8px;
    --p9: 9px;
    --p10: 10px;
    --p11: 11px;
    --p12: 12px;
    --p13: 13px;
    --p14: 14px;
    --p15: 15px;
    --p16: 16px;
    --p17: 17px;
    --p18: 18px;
    --p19: 19px;
    --p20: 20px;
    --p21: 21px;
    --p22: 22px;
    --p23: 23px;
    --p24: 24px;
    --p25: 25px;
    --p26: 26px;
    --p27: 27px;
    --p28: 28px;
    --p29: 29px;
    --p30: 30px;
    --p31: 31px;
    --p32: 32px;
    --p33: 33px;
    --p34: 34px;
    --p35: 35px;
    --p36: 36px;
    --p37: 37px;
    --p38: 38px;
    --p39: 39px;
    --p40: 40px;
    --p41: 41px;
    --p42: 42px;
    --p43: 43px;
    --p44: 44px;
    --p45: 45px;
    --p46: 46px;
    --p47: 47px;
    --p48: 48px;
    --p49: 49px;
    --p50: 50px;
    --p51: 51px;
    --p52: 52px;
    --p53: 53px;
    --p54: 54px;
    --p55: 55px;
    --p56: 56px;
    --p57: 57px;
    --p58: 58px;
    --p59: 59px;
    --p60: 60px;
    --p61: 61px;
    --p62: 62px;
    --p63: 63px;
    --p64: 64px;
    --p65: 65px;
    --p66: 66px;
    --p67: 67px;
    --p68: 68px;
    --p69: 69px;
    --p70: 70px;
    --p71: 71px;
    --p72: 72px;
    --p73: 73px;
    --p74: 74px;
    --p75: 75px;
    --p76: 76px;
    --p77: 77px;
    --p78: 78px;
    --p79: 79px;
    --p80: 80px;
    --p81: 81px;
    --p82: 82px;
    --p83: 83px;
    --p84: 84px;
    --p85: 85px;
    --p86: 86px;
    --p87: 87px;
    --p88: 88px;
    --p89: 89px;
    --p90: 90px;
    --p91: 91px;
    --p92: 92px;
    --p93: 93px;
    --p94: 94px;
    --p95: 95px;
    --p96: 96px;
    --p97: 97px;
    --p98: 98px;
    --p99: 99px;
    --p100: 100px;
    --p101: 101px;
    --p102: 102px;
    --p103: 103px;
    --p104: 104px;
    --p105: 105px;
    --p106: 106px;
    --p107: 107px;
    --p108: 108px;
    --p109: 109px;
    --p110: 110px;
    --p111: 111px;
    --p112: 112px;
    --p113: 113px;
    --p114: 114px;
    --p115: 115px;
    --p116: 116px;
    --p117: 117px;
    --p118: 118px;
    --p119: 119px;
    --p120: 120px;
    --p121: 121px;
    --p122: 122px;
    --p123: 123px;
    --p124: 124px;
    --p125: 125px;
    --p126: 126px;
    --p127: 127px;
    --p128: 128px;
    --p129: 129px;
    --p130: 130px;
    --p131: 131px;
    --p132: 132px;
    --p133: 133px;
    --p134: 134px;
    --p135: 135px;
    --p136: 136px;
    --p137: 137px;
    --p138: 138px;
    --p139: 139px;
    --p140: 140px;
    --p141: 141px;
    --p142: 142px;
    --p143: 143px;
    --p144: 144px;
    --p145: 145px;
    --p146: 146px;
    --p147: 147px;
    --p148: 148px;
    --p149: 149px;
    --p150: 150px;
    --p151: 151px;
    --p152: 152px;
    --p153: 153px;
    --p154: 154px;
    --p155: 155px;
    --p156: 156px;
    --p157: 157px;
    --p158: 158px;
    --p159: 159px;
    --p160: 160px;
    --p161: 161px;
    --p162: 162px;
    --p163: 163px;
    --p164: 164px;
    --p165: 165px;
    --p166: 166px;
    --p167: 167px;
    --p168: 168px;
    --p169: 169px;
    --p170: 170px;
    --p171: 171px;
    --p172: 172px;
    --p173: 173px;
    --p174: 174px;
    --p175: 175px;
    --p176: 176px;
    --p177: 177px;
    --p178: 178px;
    --p179: 179px;
    --p180: 180px;
    --p181: 181px;
    --p182: 182px;
    --p183: 183px;
    --p184: 184px;
    --p185: 185px;
    --p186: 186px;
    --p187: 187px;
    --p188: 188px;
    --p189: 189px;
    --p190: 190px;
    --p191: 191px;
    --p192: 192px;
    --p193: 193px;
    --p194: 194px;
    --p195: 195px;
    --p196: 196px;
    --p197: 197px;
    --p198: 198px;
    --p199: 199px;
    --p200: 200px;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    min-width: 0;
    word-break: break-word;
    word-wrap: break-word;
}

body {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;

}

ul,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: none;
    display: block;
    vertical-align: middle;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 0.5s;
}

a:hover {
    text-decoration: none;
}

p {
    word-spacing: -1.5px;
    padding: 0;
    margin: 0;
}

i {
    font-style: normal;
}

section,
main {
    width: 100%;
}

main {
    flex: 1;
}

input {
    border: 0;
    outline: none;
}

form,
input,
textarea,
button {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}


.main {
    max-width: 90%;
    width: var(--main);
    margin: 0 auto;
}

.yihang {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    /* 4行 */
    -webkit-box-orient: vertical !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header1.scroll-black {
    background-color: rgba(27, 25, 23, 0.5) !important;
    /* 黑色背景 */
    z-index: 99999;
}

.header1 {
    transition: all 0.3s ease;
    /* 平滑过渡效果 */
    background-color: transparent;
    /* 初始背景透明 */
    position: fixed;
    /* 固定顶部 */
    top: 0;
    left: 0;
    width: 100%;

    position: fixed;
    z-index: 10;
}

.header {
    width: 100%;
}

.header .neir {
    /*padding: var(--ft20) 0px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    display: inline-block;
    width: 130px;
    aspect-ratio: 1 / 1;
    max-width: 90%;
}

.headerbg .sydaohang ul li a{
    color: rgba(0,0,0,1);
}
.scroll-black.headerbg .sydaohang ul li a{
    color: rgba(255,255,255,1);
}
.sydaohang ul li a {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.header .logo img {
    width: 100%;
    height: 100%;
}

.daohang {
    display: flex;
}

.bais a {
    color: rgba(255, 255, 255, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.header .neir ul {
    display: flex;
    padding: 0px var(--p35) 0px 0px;
}

.header .neir ul li {
    padding: 0px var(--p20);
}

.header .neir ul li:hover {
    color: #0974C2;
}

/* 父容器 */
.ss {
    padding: 10px 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ss a {
    padding: var(--p9) var(--p20);
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.6);
}

/* 下拉菜单默认隐藏 */
/*.ss .yuyan {*/
/* display: none;  重点：默认隐藏 */
/*  position: absolute;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  top: 100%;*/
/*  margin-top: 8px;*/
/*  z-index: 999;*/
/*}*/

/* 点击后显示用这个类 */
/*.ss .yuyan.show {*/
/*  display: block;*/
/*}*/

/* 下拉样式 */
/*.ss dl {*/
/*  width: 180px;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  background: #fff;*/
/*  border-radius: 8px;*/
/*  box-shadow: 0 2px 12px rgba(0,0,0,0.1);*/
/*  overflow: hidden;*/
/*}*/

/*.ss dl dt {*/
/*  color: #d43030;*/
/*  font-size: 14px;*/
/*  padding: 12px 16px;*/
/*  margin: 0;*/
/*  font-weight: bold;*/
/*  text-align: center;*/
/*  border-bottom: 1px solid #f0f0f0;*/
/*}*/

/*.ss dl dd {*/
/*  margin: 0;*/
/*  padding: 12px 16px;*/
/*  font-size: 14px;*/
/*  color: #333;*/
/*  text-align: center;*/
/*  border-bottom: 1px solid #f5f5f5;*/
/*  cursor: pointer;*/
/*  transition: background 0.2s;*/
/*}*/

/*.ss dl dd:last-child {*/
/*  border-bottom: none;*/
/*}*/

/*.ss dl dd:hover {*/
/*  background: #fafafa;*/
/*  color: #d43030;*/
/*}*/

.header .neir .sj {
    display: none;
    width: var(--p30);
}

.daohang ul li a {
    text-decoration: none;
    position: relative;
    padding-bottom: 5px;
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
}

.nav_ce a {
    color: rgba(56, 56, 56, 1) !important;
}

.sydaohang ul li a {
    color: #fff;
}

/* 统一导航下划线样式（消除冗余代码） */
.daohang ul li a::after,
.sydaohang ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: rgba(0, 0, 0, 1);
    /* 下划线颜色用 background，不是 color */
    transition: width 0.3s ease;
}

/* hover 时下划线铺满 */
.daohang ul li a:hover::after,
.sydaohang ul li a:hover::after {
    width: 100%;
}

/* 当前项导航永久显示下划线（最关键修复） */
.daohang ul li.nav_ce a::after,
.sydaohang ul li.nav_ce a::after {
    width: 100%;
    /* 这里删掉无效的 color，伪元素不继承文字颜色 */
}

.menu_button {
    cursor: pointer;
    width: var(--p30);
    height: var(--p30);
}

.menu_button:focus {
    outline: none;
}

.menu_button .line1 {
    stroke-dasharray: 60 207;
}

.menu_button .line2 {
    stroke-dasharray: 60 60;
}

.menu_button .line3 {
    stroke-dasharray: 60 207;
}

.menu_button .line {
    fill: none;
    stroke: #000000;
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.sjheader {
    display: none;
}
.wangong{
    padding: var(--p120) 0 0 0 ;
}
.toBack{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--ft12);
    color: rgba(120,113,108,1);
}
.toBack img{
    width: 12px;
}
.wangong_top{
    margin-top: var(--p24);
    
}
.wangong_type{
    font-size: var(--ft12);
    color: rgba(120,113,108,1);
    line-height: var(--ft16);
    letter-spacing: 0.35em;
}
.wangong_title{
    margin-top: var(--p12);
    font-size: var(--ft60);
    color: rgba(28,25,23,1);
}
.wangong_xinxi{
    margin-top: var(--p12);
    display: flex;
    align-items: center;
    gap:var(--p24)
}
.wangong_xinxi p{
    display: flex;
    align-items: center;
    font-size: var(--ft14);
    color: rgba(120 ,113 ,108 ,1);
    gap: 10px;
}
.wangong_xinxi img{
    width: var(--p14);
}
.wangong_logo,.wangong_content{
    width: 100%;
    margin-top: var(--p88);
}
.wangong_logo img{
    width: 100%;
    border-radius: 8px;
}
.wangong_content{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--p48);
    padding-bottom: var(--p48);
}
.wangong_content .left{
    grid-column: span 2;
}
.wangong_content .right{
    border-left: 1px solid rgba(231,229,228,1);
    padding-left: var(--p32);
}
.wangong_ctitle{
    font-size: var(--ft30);
    line-height: var(--ft36);
    color: rgba(28,25,23,1);
}
.wangong_text{
    margin-top: var(--p24);
    line-height: 1.625;
    font-size: var(--ft16);
    color: rgba(87,83,78,1);
}
.wangong_team,.wangong_fengge,.wangong_caizhi{
    margin-top: var(--p32);
}
.wangong_team>p,.wangong_fengge>p,.wangong_caizhi>p{
    font-size: var(--ft12);
    line-height: var(--ft16);
    color: rgba(168,162,158,1);
    letter-spacing: .3em;
}
.wangong_team>span,.wangong_fengge>span{
    margin-top: var(--p8);
    font-size: var(--ft14);
    line-height: var(--ft20);
    color: rgba(68,64,60,1);
}
.wangong_biaoqian{
    margin-top: var(--p8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.wangong_biaoqian>p{
    font-size: var(--ft12);
    line-height: var(--ft16);
    color: rgba(87,83,78,1);
    padding: 4px var(--ft12);
    border: 1px solid rgba(231,229,228,1);
    border-radius: 999px;
}
.wangong_lianxi{
    margin-top: var(--p40);
    padding-top: var(--p32);
    border-top: 1px solid rgba(231,229,228,1);
    padding-bottom: var(--p60);
}
.wangong_lianxi>a{
    display: block;
    width: 100%;
    background-color: rgba(28,25,23,1);
    color: rgba(255,255,255,1);
    font-size: var(--ft12);
    line-height: var(--ft16);
    border-radius: 999px;
    text-align: center;
    padding: var(--ft12) var(--ft24);
}
.tuji{
    width: 100%;
    background-color: rgba(250,250,249,1);
    padding: var(--p48) var(--p40);
}
.tuji_title{
    font-size: var(--ft30);
    line-height: var(--ft36);
    color: rgba(28,25,23,1);
}
.tuji_list{
    margin-top: var(--p32);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--p16);
}
/* 图片容器 */


        .tuji_box {
            position: relative;
            width: 100%; /* 示例宽度，可根据需要改为 100% */
            height: auto; /* 固定高度或自适应 */
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            background-color: #f0f0f0;
        }

        .tuji_box > img {
            width: 100%;
            aspect-ratio: 3/2;
            object-fit: cover; /* 保持比例填充 */
            display: block;
            transition: transform 0.3s ease;
        }

        /* --- 悬停蒙层样式 (复刻图片风格) --- */
        .tuji_overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色背景 */
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0; /* 默认隐藏 */
            visibility: hidden;
            transition: all 0.3s ease;
        }

        /* 鼠标悬停时显示蒙层，图片轻微放大 */
        .tuji_box:hover .tuji_overlay {
            opacity: 1;
            visibility: visible;
        }

        .tuji_box:hover img {
            transform: scale(1.05);
        }

        /* 中间的圆形放大镜按钮 */
        .zoom-btn-circle {
            width: 50px;
            height: 50px;
            background-color: rgba(255, 255, 255, 0.2); /* 淡淡的白色背景 */
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            backdrop-filter: blur(2px); /* 毛玻璃效果（可选） */
            transition: transform 0.2s;
        }

        .tuji_box:hover .zoom-btn-circle {
            transform: scale(1.1); /* 图标稍微放大 */
        }

        /* SVG 图标样式 */
        .zoom-btn-circle svg {
            width: 24px;
            height: 24px;
            fill: none;
            stroke: #fff;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* --- 预览弹窗样式 --- */
        .preview-modal {
            display: none; /* 默认隐藏 */
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .preview-content {
            max-width: 90%;
            max-height: 80vh;
            border-radius: 4px;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
            transition: opacity 0.3s;
        }

        /* 关闭按钮 */
        .preview-close {
            position: absolute;
            top: 60px;
            right: 30px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            cursor: pointer;
            z-index: 1000000;
        }

        /* 左右切换箭头 */
        .preview-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: transparent;
            color: white;
            border: none;
            font-size: 40px;
            padding: 16px;
            cursor: pointer;
            user-select: none;
            transition: 0.3s;
            z-index: 10000;
        }

        .prev-arrow { left: 20px; }
        .next-arrow { right: 20px; }

        .preview-arrow:hover { color: #bbb; }

        /* 页码指示器 */
        .preview-indicator {
            margin-top: 15px;
            color: #ccc;
            font-family: sans-serif;
        }
        .xiang{
            width: 100%;
            padding: var(--p80) 0;
        }
        .xiang .main{
            display: flex;
    flex-direction: column;
    align-items: center;
        }
        .xiang_xiao{
            color: rgba(168,162,158,1);
            font-size: var(--ft12);
            line-height: var(--ft16);
        }
        .xiang_title{
            margin-top: var(--p12);
            color: rgba(28,25,23,1);
            font-size: var(--ft36);
            line-height: var(--ft40);
        }
        .xiang_sub{
            margin-top: var(--p16);
                color: rgba(120,113,108,1);
                font-size: var(--ft14);
                line-height: var(--ft20);
        }
        .xiang .main a{
            margin-top: var(--p32);
            font-size: var(--ft12);
            line-height: var(--ft16);
            color: rgba(255,255,255,1);
            background-color:rgba(28,25,23,1);
            border-radius: 99999px;
            padding: var(--ft12) var(--ft32);
        }
.yinsi{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #0009;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-blur: blur(4px);
}
.yinsi_box{
    width: 70%;
    height: 70vh;
    background-color: rgba(0,0,0,1);
    border-radius: var(--p16);
    color: rgba(255,255,255,1);
}
.yinsi_top{
    width: 100%;
    padding: var(--ft20) var(--ft32);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
border-bottom: 1px solid rgba(68,64,60,1);
    
}
.yinsi_title{
    font-size: var(--ft18);
    line-height: var(--ft28);
}
.yinsi_close{
    width: var(--p36);
    height: var(--p36);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(68,64,60,1);
}
.yinsi_close:hover{
    background-color: rgba(87,83,78,1);
}
.yinsi_close img{
    width: 50%;
}
.yinsi_list{
    padding: var(--ft20) var(--ft32);
    height: calc(100% - 120px);
    overflow-y: auto;
    flex: 1;
}
.yinsi_list ul{
    display: flex;
    flex-direction: column;
    gap: var(--p24);
}
.yinsi_list ul p{
    font-size: var(--ft14);
    line-height: var(--ft20);
    padding-bottom: 8px;
}
.yinsi_list ul span{
    font-size: var(--ft14);
    line-height: var(--ft20);
    padding-bottom: 8px;
    color: rgba(214,211,209,1);
}

footer {
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);


}

footer .y {
    display: flex;
}

footer .y .ul1 {
    display: flex;
    flex-direction: column;
    padding: 0 var(--p60);
}

footer .y1 .ul2 li,
footer .y1 .ul2 li p,
footer .y .ul1 li p {
    font-size: var(--ft18);
    font-weight: 400;
    padding: var(--p10) 0px;
    color: rgba(255, 255, 255, 1);
}

footer .y .ul1 a {
    display: inline-block;
    padding: 5px 0px;
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

footer .top {
    display: flex;
    justify-content: space-between;
    padding: var(--p60) 0px;
}

footer .top .z .img1 {
    display: inline-block;
    width: 80px;
}

footer .top .form1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255,255,255,1);
}

footer .top .form1 input select {
    padding: var(--p10) 2px;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(86, 83, 79, 1);
}

footer .top .form1 .submit {
    background: rgba(255, 255, 255, 1);
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(40, 37, 36, 1);
    padding: var(--p10) var(--p25);
    border-radius: 31px;
    display: inline-block;
    cursor: pointer;
}

footer .top .z p {

    padding: var(--p15) 0px;
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

footer .down {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    font-size: var(--ft18);
    font-weight: 400;

    color: rgba(255, 255, 255, 0.5);
    padding: var(--p25) 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .down .nr1 {
    text-decoration-line: underline;
}

footer .down .nr1 a {
    margin-right: var(--p10);
}

footer .y1 .ul2 li {
    display: flex;
    flex-direction: row;
    align-items: center;

}

footer .y1 .ul2 li img {
    margin-right: var(--p20);
    width: 16px;
    aspect-ratio: 1/1;

}

footer .y1 .ul3 {
    padding: var(--p30) 0px;
    display: flex;
    align-items: center;
}

footer .y1 .ul3 a {
    padding: var(--p14);
    border: 1.5px solid rgba(85, 82, 78, 1);
    border-radius: 100%;
    margin-right: var(--p20);
}

footer .y1 .ul3 a img {
    width: 20px;
    aspect-ratio: 1/1;
}

.wgbanner .main .p1,
.wgbanner .main .p2,
.wgbanner .main .p3 {
    color: rgba(56, 56, 56, 1) !important;
}

.banner {
    background: rgba(35, 34, 32, 1);
}

.banner .main {
    padding: var(--p130) 0px;
}

.banner .main .p1 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(168, 163, 160, 1);
}

.banner .main .p3 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(165, 164, 164, 1);
}

.banner .main .p2 {
    margin: var(--p15) 0px;
    font-size: var(--ft100);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.fu1 {
    padding: var(--p100) 0px;
}

.fu1 .main .ul1 {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--p100);
}

.fu1 .main .ul1 li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p60);
}
.fu1 .main .ul1 li .img1{
   width: 100%;
    aspect-ratio: 1 / 0.7;
    border-radius: 15px;
    overflow: hidden; 
}
.fu1 .main .ul1 li .img1 img{
    object-fit: cover;
}
.fu1 .main .ul1 .tubiao1 img {
    padding: 15px;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: rgba(245, 245, 244, 1);
    border-radius: 100%;
}

.fu1 .main .ul1 li .p1 {
    font-size: var(--ft60);
    font-weight: 400;
    color: rgba(27, 25, 23, 1);
}

.fu1 .main .ul1 li .p2 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(89, 85, 81, 1);
    padding: var(--p10) 0px var(--p30);
}

.fu1 .main .ul1 li .p3 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(94, 91, 86, 1);
}

.fu1 .main .ul1 li .ann {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);
    padding: var(--p10) var(--p30);
    display: inline-block;
    margin-top: var(--p40);
}

.fu1 .main .ul1 li:nth-child(2n) {
    direction: rtl;
}

.fu1 .main .ul1 li:nth-child(2n) * {
    direction: ltr;
}

.fu2 {
    padding: var(--p110) 0px;
}

.fu2 .main .p1 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(168, 163, 160, 1);
}

.fu2 .main .p2 {
    font-size: var(--ft80);
    font-weight: 400;
    color: rgba(56, 56, 56, 1);
    padding-bottom: var(--p70);
}

.fu2 .main ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--p100);
}

.fu2 .main ul .p3 {
    font-size: var(--ft30);
    font-weight: 400;

    color: rgba(231, 229, 228, 1);
}

.fu2 .main ul .tu {
    width: 50px;
       height: 50px;
    padding: 18px;
    background: rgba(27, 25, 23, 1);
    border-radius: 100%;
    display: flex;
    position: relative;
    z-index: 4;
    margin-bottom: var(--p30);
    align-items: center;
    justify-content: center;
}

.fu1 .main .ul1 li .p3 p {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(94, 91, 86, 1);
    /* 下面是新增的代码 */
    position: relative;
    padding-left: 18px;
    /* 文字和点之间的距离 */
}

.fu1 .main .ul1 li .p3 p::before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: rgba(94, 91, 86, 1);
    /* 点的颜色和文字一致 */
    border-radius: 50%;
    /* 圆形 */
    position: absolute;
    left: 0;
    top: 10px;
    /* 垂直居中 */
}

.fu2 .main ul .p4 {
    font-size: var(--ft16);
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    padding: var(--p10) 0px;
}

.fu2 .main ul .p5 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(127, 122, 118, 1);
}

.fu2 .main ul li {
    position: relative;
    z-index: 3;
}

.fu2 .main ul li::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    /*background: rgba(231, 229, 228, 1);*/
    background-image: url('/public/home/images/next.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 10%;
    z-index: 1;
}

.bd2 textarea,
.bd2 input,
.bd2 select {
    width: 100%;
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(167, 162, 159, 1);
    padding: var(--p16) var(--p20);
    border-radius: 10px;

    border: 1px solid rgba(231, 229, 228, 1);

}

.bd2 p {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(119, 113, 109, 1);
    margin: var(--p20) 0px;

}

.bd2 .index1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p34);
}

.bd2 .ann .tijiaoann {
    cursor: pointer;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 33px;
    background: rgba(27, 25, 23, 1);
    padding: var(--p20) var(--p50);
    display: inline-block;
    margin-top: var(--p40);
}

.xianmuzx {
    padding: var(--p100);
}

.baibj {
    background: rgba(250, 250, 249, 1) !important;
}

.baibj .p2 {
    color: rgba(27, 25, 23, 1) !important;
}

.xianmuzx .y .img1 {
    width: 48px;
    height: 48px;
    aspect-ratio: 1 / 1;
    padding: var(--p14);
    background: rgba(245, 245, 244, 1);
    border-radius: 100%;
    margin-right: var(--p22);

}

.xianmuzx .y .img2 {
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1/0.6;
    margin-top: var(--p50);
}

.xianmuzx .y ul li {
    display: flex;
    margin-top: var(--p35);
    align-items: center;
}

.xianmuzx .y ul li p {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(87, 83, 79, 1);
}

.xianmuzx .main {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: var(--p60);

}
.xianmuzx .main .input1{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p24);
}
.tubanner {
    position: relative;

}
.tubanner>img{
    height: 488px;
        object-fit: cover;
}

.tubanner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.tubanner .nr1 {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tubanner .nr1 .p1 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(201, 201, 201, 1);
}

.tubanner .nr1 .p2 {
    font-size: var(--ft100);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.tubanner .nr1 .p3 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(165, 164, 164, 1);
}

.about1 .main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p100);
}

.smalltitle {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(166, 166, 166, 1);
}

.bigtitle {
    font-size: var(--ft66);
    font-weight: 400;
    color: rgba(56, 56, 56, 1);
}

.nrsize {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(128, 128, 128, 1);

}

.about1 .nrsize {
    margin: var(--p36) 0px var(--p60);
}

.about1 {
    padding: var(--p180) 0px;
}

.about1 .main .z a {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);
    padding: var(--p20) var(--p30);
}

.about1 .main .y {
       border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.about1 .main .y img{
       object-fit: cover; 
}
.about2 {
    background: rgba(250, 250, 249, 1);
    padding: var(--p70) 0px;
}

.liang1 ul,
.about2 ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--p45);
    position: relative;
}

.liang1 ul li,
.about2 ul li {
    padding: var(--p50);
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 4;

}

.liang1 {
    padding: var(--p100) 0px;
}

.liang1 ul li:hover {
    background: rgba(27, 25, 23, 1);
    color: rgba(255, 255, 255, 1) !important;
}

.liang1 ul li:hover .p1 {

    color: rgba(255, 255, 255, 1) !important;
}

.liang1 ul li:hover .img1 {
    background: rgba(255, 255, 255, 0.2);
}

.liang1 ul li:hover .img1 img {
    filter: brightness(0) invert(1);
    transition: 0.3s;
}

.liang1 ul li {
    box-shadow: 0px 1px 17px rgba(0, 0, 0, 0.1);
}

.liang1 ul li .img1,
.about2 ul li .img1 {
    display: flex;
    max-width: 60px;
    aspect-ratio: 1 / 1;
    padding: 20px;
    background: rgba(245, 245, 244, 1);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.liang1 {
    position: relative;
}

.huibj {
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.liang1 ul li .p1,
.about2 ul li .p1 {
    font-size: var(--ft32);
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    padding: var(--p50) 0px var(--p10);
}

.about2 .biaot {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: var(--p50);
}

.about3 {
    padding: var(--p100) 0px;
}

.about3 ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--p45);
    padding-bottom: var(--p70);
}
.about3 ul.grid1{
    grid-template-columns: repeat(1,1fr);
}
.about3 ul.grid1 li{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--p45);
}
.about3 ul.grid2{
    grid-template-columns: repeat(2,1fr);
}
.about3 ul.grid3{
    grid-template-columns: repeat(3,1fr);
}
.about3 ul.grid4{
    grid-template-columns: repeat(4,1fr);
}
.about3 ul.grid5{
    grid-template-columns: repeat(5,1fr);
}


.about3 ul li .img1 {
    width: 100%;
    aspect-ratio: 0.8 / 1;
    overflow: hidden;
    border-radius: 10px;

}
.about3 ul.grid1 li .img1{
    aspect-ratio:unset;
}

.about3 ul li .img1 img {
    transition: all 0.3s;
}

.about3 ul li .img1 img:hover {
    transform: scale(1.1);
}

.about3 .bigtitle {
    margin: var(--p10) 0px var(--p60);
}

.about3 .nr {
    padding: vae(--p20) var(--p5);
}

.about3 .nr .p1 {
    margin-top: var(--p27);
    font-size: vae(--ft24);
    font-weight: 500;
    color: rgba(27, 25, 23, 1);
}

.about3 .nr .nrsize {
    margin: var(--p10) 0px;
}

.liang2 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--p300);
    padding: var(--p150) 0px;
}

.liang2 ul li {
    padding: 0px var(--p20);
}

.liang2 ul li .p1 {
    font-size: var(--ft48);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.liang2 ul li .p3 {
    font-size: var(--ft24);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);

}

.liang2 {
    background: rgba(27, 25, 23, 1);
}

.liang2 ul li .p2 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(141, 140, 139, 1);
    margin-top: var(--p17);
}

.liang3 ul li {
    display: flex;
    padding: var(--p40) var(--p20);
    border-bottom: 1px solid rgba(231, 229, 228, 1);
    align-items: center;

}

.liang3 {
    padding: var(--p150) 0px;
}

.liang3 ul {
    margin-top: var(--p50);
}

.liang3 ul li .p1 {
    font-size: var(--ft28);
    font-weight: 400;
    color: rgba(214, 211, 209, 1);
}

.liang3 ul li .p2 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(68, 64, 61, 1);
}

.dian {
    background: rgba(214, 211, 209, 1);
    width: 5px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    margin: 0px var(--p60);
}

.liang4 .smalltitle {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(123, 117, 113, 1);
    padding: var(--p16) 0px var(--p40);
}

.liang4 a {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: var(--p18) var(--p50);
    display: inline-block;
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);
}

.liang4 {
    padding: var(--p100);
}

.liang4 .main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.indexbanner .swiper {
    width: 100%;
    height: 100%;
    position: relative;

}

.indexbanner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.indexbanner .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.24);
}

.indexbanner .nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
}
.indexbanner .nr .xiao{
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}
.indexbanner .nr .p1 {
    font-size: var(--ft80);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-family: "UrdTypeb", sans-serif;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.indexbanner .nr .p2 {
    font-size: var(--ft100);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    font-family: "Hayley", sans-serif;
}

.indexbanner .nr .p3 {
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    padding: var(--p20) var(--p50);
}

.indexbanner .nr .ann a {
    border-radius: 295px;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin: 0px var(--p10);
    border: 1px solid rgba(255, 255, 255, 1);
    padding: var(--p20) var(--p48);
    display: inline-block;

}

.indexbanner .nr .ann a:hover {
    color: rgba(162, 140, 119, 1);
    background: rgba(255, 255, 255, 1);
}

.indexbanner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbanner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5) !important;
    opacity: 1;
}

.indexbanner .swiper-pagination-bullet-active {
    background: #fff !important;
}

.index3 .p1,
.index1 .p1 {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(166, 166, 166, 1);
}

.index1 ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--p28);
}

.index1 ul li {
    overflow: hidden;
    position: relative;

}

.index1 ul li img {
    transition: all 0.3s;
        object-fit: cover;
}

.index1 ul li img:hover {
    transform: scale(1.1);
}

.index1 ul li .nr {
    position: absolute;
    bottom: 10px;
    padding: var(--p32);

}

.index1 ul li a {
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
      aspect-ratio: 1 / 0.7;
}

.index1 ul li .p2 {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.index1 ul li .p3 {
    font-size: var(--ft32);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: var(--p5) 0px;
}

.index1 ul li .p4 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.index1 ul li .p5 {
    display: flex;
    width: 140px;
    padding: var(--p10) var(--p20);
    margin-top: var(--p17);
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 22.5px;
    border: 1px solid rgba(229, 229, 229, 1);
    align-items: center;
    justify-content: center;
}

.index1 {
    padding: var(--p100) 0px;
}

.index2 .title1,
.index1 .title1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: var(--p28) 0px;
    border-bottom: 1px solid rgba(166, 166, 166, 1);
}

.index2 .title1 {
    border-bottom: none;
}

.index1 ul {

    padding: var(--p70) 0px;
}

.index1 .an {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index1 .an a {
    letter-spacing: 0.7px;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(56, 56, 56, 1);
    border-bottom: 1px solid rgba(166, 166, 166, 1);
}

.index2 ul {
    padding: var(--p60) 0px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.index2 ul li {
    color: rgba(27, 25, 23, 1);
    overflow: hidden;
    border-radius: 16px;
    background: rgba(255, 255, 255, 1);
}

.index2 ul li:hover {
    background: rgba(27, 25, 23, 1);
    color: rgba(255, 255, 255, 1);
}

.index2 {
    padding: var(--p120) 0px;
    background: rgba(228, 217, 198, 1);
}

.index2 ul li .img1 {
    width: 100%;
    aspect-ratio: 1 / 0.7;

    overflow: hidden;
}

.index2 ul li .img1 img {
    transition: all 0.3s;
    object-fit: cover;
}

.index2 ul li .img1 img:hover {
    transform: scale(1.1);
}

.index2 ul li .img2 {
    width: 48px;
    padding: 15px;
    background: rgba(245, 245, 244, 1);
    border-radius: 100%;
}

.index2 ul li:hover .img2 {
    background: rgba(255, 255, 255, 0.2) !important;
}

.index2 ul li:hover .img2 img {
    filter: brightness(0) invert(1);
}

.index2 ul li .p3 {
    font-size: var(--ft26);
    font-weight: 400;

    margin: var(--p20) 0px var(--p12);
}

.index2 ul li .p2 {
    font-size: var(--ft16);
    font-weight: 400;

}

.index2 ul li .nr {
    padding: var(--p33);
}

.index2 .an {

    display: flex;
    align-items: center;
    justify-content: center;
}

.index2 .an a {
    display: inline-block;
    padding: var(--p20) var(--p40);
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);
}

.index3 ul .p3 {
    font-size: var(--ft34);
    font-weight: 400;
    color: rgba(27, 25, 23, 1);
}

.index3 {
    padding: var(--p180) 0px;
}

.index3 ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--p100);
    margin: var(--p90) 0px;
}

.index3 ul .p2 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
}

.index3 .an a {
    display: inline-block;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(27, 25, 23, 1);
    border-radius: 34.5px;
    padding: var(--p20) var(--p40);
    border: 1px solid rgba(229, 229, 229, 1);
    margin-right: var(--p10);

}

.index3 .p1 {
    margin-top: var(--p19);
}

.index3 .an a:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(27, 25, 23, 1);
    border: 1px solid rgba(27, 25, 23, 1);
}

.index3 .main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p100);
    align-items: center;
    justify-items: center;
}
.index3 .main .img1{
  border-radius: 15px;
    overflow: hidden;  
}
.index4 {
    padding: var(--p140) 0px;
    background: rgba(228, 217, 198, 1);
}

.index4 .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
}

.index4 .swiper-slide {
    padding: var(--p50) var(--p80);
    border-radius: 20px;
    background: rgba(27, 25, 23, 1);
    display: grid;
    grid-template-columns: 0.2fr 1fr;
    align-items: center;
    gap: var(--p150);
}

.index4 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index4 .swiper-slide .p1 {
    font-size: var(--ft22);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.index4 .swiper-slide .p2 {
    font-size: var(--ft26);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin: var(--p37) 0px var(--p5);
}

.index4 .swiper-slide .p3 {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.index4 .biaot1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: var(--p70);
}

.index4 .main {
    position: relative;
}

.index4 .swiper-pagination {
    bottom: 0px !important;
}

/* 长条分页器样式 + 白色 */
.index4 .swiper-pagination-bullet {
    width: 45px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    opacity: 0.4 !important;
    margin: 0 6px !important;
}

.index4 .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: rgba(56, 56, 56, 1) !important;
}

.index5 .main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p100);
    justify-items: center;
    align-items: center;
    border-radius: 20px 0px 0px 20px;
    overflow: hidden;
    background: rgba(250, 250, 249, 1);
}

.index5 .main .img1 {
    width: 100%;

    overflow: hidden;
}

.index5 .main .img1 img {
    transition: all 0.3s;
}

.index5 .main .img1 img:hover {
    transform: scale(1.1);
}

.index5 {
    padding: var(--p150) 0px;
}

.index5 .main .nr1 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index5 .main .nr1 .p1 {
    text-align: center;
    font-size: var(--ft20);
    font-weight: 400;
    color: rgba(120, 114, 110, 1);
    padding: var(--p11) 0px var(--p40);
}

.index5 .main .nr1 a {
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: var(--p20) var(--p40);
    border-radius: 30px;
    background: rgba(27, 25, 23, 1);
}

.wangdaohang ul {
    display: flex;
    align-items: center;
}

.wangdaohang ul li {
    margin: 0px var(--p5);
}

.wangdaohang ul li a {
    display: inline-block;
    font-size: var(--ft16);
    font-weight: 400;
    color: rgba(120, 114, 110, 1);
    border-radius: 23px;
    background: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    border: 1px solid rgba(236, 234, 234, 1);
}

.annbh {
    color: rgba(255, 255, 255, 1) !important;
    background: rgba(27, 25, 23, 1) !important;
}

.wangdaohang ul li a:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(27, 25, 23, 1);
}

.wangong1 .nr {
    padding: var(--p20) var(--p10);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.wangong1 .nr1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wangong1 .nr .p1 {
    font-size: var(--ft18);
    font-weight: 400;
    color: rgba(171, 167, 164, 1);
}

.wangong1 .nr .p2 {
    margin: var(--p10) 0px;
    font-size: var(--ft32);
    font-weight: 400;
    color: rgba(27, 25, 23, 1);
}

.wangong1 .main ul {
    padding: var(--p100) 0px var(--p140);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--p30);
}
.wangong1 .main ul a img{
    border-radius: 10px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.wangong1 .main ul li {
    position: relative;
    /* 必须加，让伪元素相对于 li 定位 */
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden;
}

/* 顶部遮罩默认隐藏 */
.wangong1 .main ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 覆盖整个顶部区域 */
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    /* 默认隐藏 */
    transition: opacity 0.3s ease;
    /* 平滑过渡效果 */
    z-index: 1;
    /* 保证遮罩在内容上方 */
}

/* 鼠标悬浮时显示遮罩 */
.wangong1 .main ul li:hover::before {
    opacity: 1;
    /* 显示遮罩 */
}

.wangong1 .main ul li .img1 {
    width: 100%;
    aspect-ratio: 1/0.6;
}

.wangong1 .main ul li .img1 img {
    object-fit: cover;
}

.wangong1,
.wgbanner,
.wangdaohang {
    background-color: rgba(245, 245, 245, 1);
}




.fixed-contact-sidebar {
    position: fixed;
    right: 0;
    top: 80%;
    transform: translateY(-50%);
    z-index: 9999;
    /* 确保在最上层 */
}

.contact-btn {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px 0 0 50px;
    padding: 10px 15px 10px 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.contact-btn:hover {
    transform: translateX(-5px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.whatsapp-btn .icon-box {
    width: 50px;
    height: 50px;
    background: #25d366;
    /* WhatsApp 绿色 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    flex-shrink: 0;
}

.text-box p {
    margin: 0;
    line-height: 1.4;
    font-size: 14px;
}

.text-box p:first-child {
    font-weight: 400;
    font-size: var(--ft16);
}

@media (max-width: 1660px) {
    :root {
        --ft200: 150px;

    }

    .index3 ul {

        grid-template-columns: 1fr 1fr;

    }

}

@media (max-width: 1460px) {
    .about1 .main {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--p100);
}

    .header .neir ul .l1 {
        padding: 0 var(--p20);
    }
}

@media (max-width: 1260px) {
    :root {
        --ft200: 100px;
        --ft140: 90px;
    }

    .header .neir ul .l1 {
        padding: 0 var(--p20);
    }
}

@media (max-width: 1100px) {
    .index2 ul {

        grid-template-columns: repeat(2, 1fr);

    }

    .header .neir .sj {

        display: block;
        position: relative;
        padding: 0 var(--p20);
    }

    .ss {
        display: none;
    }

    .header .neir ul {
        display: none;

    }

    .sjheader {
        display: none;
        width: 100%;
        font-size: var(--ft34);
        font-weight: 700;
        position: fixed;
        top: 0;
        background-color: white;
        color: rgb(114 107 103);
        padding: 3% 3%;
        z-index: 999;
    }
    .sjheader ul{
        padding-top: 70px;
    }

    .sjheader li {
        padding: var(--p10);
        width: 100%;
        border-bottom: 1px solid rgb(114 107 103);
    }

    .sjheader li:hover a {
        color: aquamarine;
    }

    .wangong1 .main ul {

        grid-template-columns: 1fr 1fr;

    }
}


@media (max-width: 990px) {

    :root {

        --ft1: 1px;
        --ft2: 2px;
        --ft3: 3px;
        --ft4: 4px;
        --ft5: 5px;
        --ft6: 6px;
        --ft7: 7px;
        --ft8: 8px;
        --ft9: 9px;
        --ft10: 10px;
        --ft11: 11px;
        --ft12: 12px;
        --ft13: 12px;
        --ft14: 12px;
        --ft15: 12px;
        --ft16: 12px;
        --ft17: 12px;
        --ft18: 12px;
        --ft19: 12px;
        --ft20: 12px;
        --ft21: 14px;
        --ft22: 14px;
        --ft23: 14px;
        --ft24: 14px;
        --ft25: 14px;
        --ft26: 14px;
        --ft27: 14px;
        --ft28: 14px;
        --ft29: 14px;
        --ft30: 14px;
        --ft31: 15px;
        --ft32: 15px;
        --ft33: 15px;
        --ft34: 15px;
        --ft35: 15px;
        --ft36: 15px;
        --ft37: 15px;
        --ft38: 15px;
        --ft39: 15px;
        --ft40: 15px;
        --ft41: 16px;
        --ft42: 16px;
        --ft43: 16px;
        --ft44: 16px;
        --ft45: 16px;
        --ft46: 16px;
        --ft47: 16px;
        --ft48: 16px;
        --ft49: 16px;
        --ft50: 16px;
        --ft51: 16px;
        --ft52: 16px;
        --ft53: 16px;
        --ft54: 16px;
        --ft55: 16px;
        --ft56: 16px;
        --ft57: 16px;
        --ft58: 16px;
        --ft59: 16px;
        --ft60: 16px;
        --ft61: 16px;
        --ft62: 16px;
        --ft63: 16px;
        --ft64: 16px;
        --ft65: 16px;
        --ft66: 25px;
        --ft67: 16px;
        --ft68: 16px;
        --ft69: 16px;
        --ft70: 40px;
        --ft71: 16px;
        --ft72: 16px;
        --ft73: 16px;
        --ft74: 16px;
        --ft75: 16px;
        --ft76: 16px;
        --ft77: 16px;
        --ft78: 16px;
        --ft79: 16px;
        --ft80: 25px;
        --ft81: 18px;
        --ft82: 18px;
        --ft83: 18px;
        --ft84: 18px;
        --ft85: 18px;
        --ft86: 18px;
        --ft87: 18px;
        --ft88: 18px;
        --ft89: 18px;
        --ft90: 18px;
        --ft91: 18px;
        --ft92: 18px;
        --ft93: 18px;
        --ft94: 18px;
        --ft95: 18px;
        --ft96: 18px;
        --ft97: 18px;
        --ft98: 18px;
        --ft99: 18px;
        --ft100: 30px;
        --ft101: 18px;
        --ft102: 18px;
        --ft103: 18px;
        --ft104: 18px;
        --ft105: 18px;
        --ft106: 18px;
        --ft107: 18px;
        --ft108: 18px;
        --ft109: 18px;
        --ft110: 18px;
        --ft111: 18px;
        --ft112: 18px;
        --ft113: 18px;
        --ft114: 18px;
        --ft115: 18px;
        --ft116: 18px;
        --ft117: 18px;
        --ft118: 18px;
        --ft119: 18px;
        --ft120: 18px;
        --ft121: 18px;
        --ft122: 18px;
        --ft123: 18px;
        --ft124: 18px;
        --ft125: 18px;
        --ft126: 18px;
        --ft127: 18px;
        --ft128: 18px;
        --ft129: 18px;
        --ft130: 18px;
        --ft131: 18px;
        --ft132: 18px;
        --ft133: 18px;
        --ft134: 18px;
        --ft135: 18px;
        --ft136: 18px;
        --ft137: 18px;
        --ft138: 18px;
        --ft139: 18px;
        --ft140: 30px;
        --ft141: 18px;
        --ft142: 18px;
        --ft143: 18px;
        --ft144: 18px;
        --ft145: 18px;
        --ft146: 18px;
        --ft147: 18px;
        --ft148: 18px;
        --ft149: 18px;
        --ft150: 50px;
        --ft151: 50px;
        --ft152: 18px;
        --ft153: 18px;
        --ft154: 18px;
        --ft155: 18px;
        --ft156: 18px;
        --ft157: 18px;
        --ft158: 18px;
        --ft159: 18px;
        --ft160: 18px;
        --ft161: 18px;
        --ft162: 18px;
        --ft163: 18px;
        --ft164: 18px;
        --ft165: 18px;
        --ft166: 18px;
        --ft167: 18px;
        --ft168: 18px;
        --ft169: 18px;
        --ft170: 18px;
        --ft171: 18px;
        --ft172: 18px;
        --ft173: 18px;
        --ft174: 18px;
        --ft175: 18px;
        --ft176: 18px;
        --ft177: 18px;
        --ft178: 18px;
        --ft179: 18px;
        --ft180: 18px;
        --ft181: 18px;
        --ft182: 18px;
        --ft183: 18px;
        --ft184: 18px;
        --ft185: 18px;
        --ft186: 18px;
        --ft187: 18px;
        --ft188: 18px;
        --ft189: 18px;
        --ft190: 18px;
        --ft191: 18px;
        --ft192: 18px;
        --ft193: 18px;
        --ft194: 18px;
        --ft195: 18px;
        --ft196: 18px;
        --ft197: 18px;
        --ft198: 18px;
        --ft199: 18px;
        --ft200: 50px;
        --p0: 0;
        --p1: 1px;
        --p2: 2px;
        --p3: 3px;
        --p4: 4px;
        --p5: 5px;
        --p6: 6px;
        --p7: 7px;
        --p8: 8px;
        --p9: 9px;
        --p10: 10px;
        --p11: 10px;
        --p12: 10px;
        --p13: 10px;
        --p14: 10px;
        --p15: 10px;
        --p16: 10px;
        --p17: 10px;
        --p18: 10px;
        --p19: 10px;
        --p20: 10px;
        --p21: 10px;
        --p22: 10px;
        --p23: 10px;
        --p24: 10px;
        --p25: 10px;
        --p26: 10px;
        --p27: 10px;
        --p28: 10px;
        --p29: 10px;
        --p30: 25px;
        --p31: 15px;
        --p32: 15px;
        --p33: 25px;
        --p34: 15px;
        --p35: 15px;
        --p36: 15px;
        --p37: 15px;
        --p38: 15px;
        --p39: 15px;
        --p40: 15px;
        --p41: 15px;
        --p42: 15px;
        --p43: 15px;
        --p44: 15px;
        --p45: 15px;
        --p46: 15px;
        --p47: 15px;
        --p48: 15px;
        --p49: 15px;
        --p50: 15px;
        --p51: 15px;
        --p52: 15px;
        --p53: 15px;
        --p54: 15px;
        --p55: 15px;
        --p56: 15px;
        --p57: 15px;
        --p58: 15px;
        --p59: 15px;
        --p60: 15px;
        --p61: 20px;
        --p62: 20px;
        --p63: 20px;
        --p64: 20px;
        --p65: 20px;
        --p66: 20px;
        --p67: 20px;
        --p68: 20px;
        --p69: 20px;
        --p70: 20px;
        --p71: 20px;
        --p72: 20px;
        --p73: 20px;
        --p74: 20px;
        --p75: 20px;
        --p76: 20px;
        --p77: 20px;
        --p78: 20px;
        --p79: 20px;
        --p80: 20px;
        --p81: 20px;
        --p82: 20px;
        --p83: 20px;
        --p84: 20px;
        --p85: 20px;
        --p86: 20px;
        --p87: 20px;
        --p88: 20px;
        --p89: 20px;
        --p90: 20px;
        --p91: 20px;
        --p92: 20px;
        --p93: 20px;
        --p94: 20px;
        --p95: 20px;
        --p96: 20px;
        --p97: 20px;
        --p98: 20px;
        --p99: 20px;
        --p100: 50px;
        --p101: 20px;
        --p102: 20px;
        --p103: 20px;
        --p104: 20px;
        --p105: 20px;
        --p106: 20px;
        --p107: 20px;
        --p108: 20px;
        --p109: 20px;
        --p110: 20px;
        --p111: 20px;
        --p112: 20px;
        --p113: 20px;
        --p114: 20px;
        --p115: 20px;
        --p116: 20px;
        --p117: 20px;
        --p118: 20px;
        --p119: 20px;
        --p120: 20px;
        --p121: 20px;
        --p122: 20px;
        --p123: 20px;
        --p124: 20px;
        --p125: 20px;
        --p126: 20px;
        --p127: 20px;
        --p128: 20px;
        --p129: 20px;
        --p130: 50px;
        --p131: 20px;
        --p132: 20px;
        --p133: 20px;
        --p134: 20px;
        --p135: 20px;
        --p136: 20px;
        --p137: 20px;
        --p138: 20px;
        --p139: 20px;
        --p140: 50px;
        --p141: 20px;
        --p142: 20px;
        --p143: 20px;
        --p144: 20px;
        --p145: 20px;
        --p146: 20px;
        --p147: 20px;
        --p148: 20px;
        --p149: 20px;
        --p150: 20px;
        --p151: 20px;
        --p152: 20px;
        --p153: 20px;
        --p154: 20px;
        --p155: 60px;
        --p156: 20px;
        --p157: 20px;
        --p158: 20px;
        --p159: 20px;
        --p160: 20px;
        --p161: 20px;
        --p162: 20px;
        --p163: 20px;
        --p164: 20px;
        --p165: 20px;
        --p166: 20px;
        --p167: 20px;
        --p168: 20px;
        --p169: 20px;
        --p170: 20px;
        --p171: 20px;
        --p172: 20px;
        --p173: 20px;
        --p174: 20px;
        --p175: 20px;
        --p176: 20px;
        --p177: 20px;
        --p178: 20px;
        --p179: 20px;
        --p180: 20px;
        --p181: 20px;
        --p182: 20px;
        --p183: 20px;
        --p184: 20px;
        --p185: 20px;
        --p186: 20px;
        --p187: 20px;
        --p188: 20px;
        --p189: 20px;
        --p190: 20px;
        --p191: 20px;
        --p192: 20px;
        --p193: 20px;
        --p194: 20px;
        --p195: 20px;
        --p196: 20px;
        --p197: 20px;
        --p198: 20px;
        --p199: 20px;
        --p200: 20px
    }


    .xianmuzx .main {

        grid-template-columns: 1fr;

    }

}
    @media (max-width: 760px) {
       .index1 ul li .p5 {
               width: 96px; 
        }
        .indexbanner .nr .ann a{
            
            width: 96px;
            
        }
        .tubanner .nr1{
            top: 100%;
            transform: translate(-50%, -100%);
        }

        
        .tubanner>img{
            height: 150px;
            object-fit: cover;
        }
        .banner .main{
            padding:  70px 0px var(--p130);
        }
        .header .logo{
            width: 70px;
        }
        .about3 ul.grid1 li{
            grid-template-columns: repeat(1, 1fr);
        }
        .xianmuzx{
            padding: unset;
            max-width: 90%;
            margin:  0 auto;
        }
        .xianmuzx .y .img1 {
            width: 28px;
            height: 28px;
            padding: unset;
                    display: flex;
        align-items: center;
        justify-content: center;
        }
        .xianmuzx .y .img1 img{
            width: 80%;
            height: 80%;
        }
        .index1 .title1{
            align-items: flex-start;
        }
        .indexbanner {
            width: 100%;
            height: 100vh;
        }

        .fu1 .main .ul1 li {

            grid-template-columns: 1fr;

        }

        .fu2 .main ul {

            grid-template-columns: repeat(2, 1fr);

        }

        .index2 .title1,
        .index1 .title1 {

            flex-direction: column;

            align-items: flex-start;

        }



        .liang1 ul,
        .about3 ul,
        .index3 ul {

            grid-template-columns: 1fr 1fr;

        }

        .huibj {
            background: none;
        }

        .about2 ul,
        .about1 .main,
        .index3 .main,
        .index2 ul,
        .index1 ul {

            grid-template-columns: 1fr;

        }

        .index5 .main {

            grid-template-columns: 1fr;

        }

        .index5 .main .nr1 a {
            margin-bottom: 25px;
        }

        footer .y {
            margin: 16px 0px;

        }

        .contact-btn .text-box {
            display: none;
            /* 小屏幕只显示图标 */
        }

        .contact-btn {
            padding: 10px;
            border-radius: 50% 0 0 50%;
        }

        .whatsapp-btn .icon-box {
            margin-right: 0;
            width: 38px;
            height: 38px;
        }

        .wangong1 .main ul {
            grid-template-columns: 1fr;
        }

        footer .top {


            flex-direction: column;
        }
    }