:root {
    --ft14: 14px;
    --ft16: 16px;
    --ft18: 18px;
    --ft20: 20px;
    --ft22: 22px;
    --ft24: 24px;
    --ft26: 26px;
    --ft28: 28px;
    --ft30: 30px;
    --ft32: 32px;
    --ft36: 36px;
    --ft38: 38px;
    --ft40: 40px;
    --ft44: 44px;
    --ft48: 48px;
    --ft50: 50px;
    --ft60: 60px;
    --ft70: 70px;
    --ft72: 72px;
    --ft88: 88px;
    --ft100: 100px;
    --p15: 15px;
    --p20: 20px;
    --p25: 25px;
    --p30: 30px;
    --p35: 35px;
    --p40: 40px;
    --p45: 45px;
    --p50: 50px;
    --p60: 60px;
    --p70: 70px;
    --p80: 80px;
    --p90: 90px;
    --p100: 100px;
    --p120: 120px;
    --p130: 130px;
    --p140: 140px;
    --p150:150px;
}

* {
    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 {
    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;
}

.header {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    position: fixed;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.4);
}

.header.scrolled {
    
}

.max {
    width: 1500px;
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.header .max {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.logo {
    height: 100%;
    padding: 5px;
}

.logo img {
    height: 100%;
}

.nav {
    height: 100%;
}

.nav ul {
    height: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    gap: var(--p60);
    color: #FFFFFF;
    font-size: var(--ft16);
}

.nav ul li {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.nav ul .nav_ce>a {
    font-weight: bold;
}

.hamburger_btn {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 40px;
    height: 41px;
    cursor: pointer;
    z-index: 1001;
    padding: 10px;
}

.hamburger_btn span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.hamburger_btn.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
    background-color: #FFFFFF;
}

.hamburger_btn.active span:nth-child(2) {
    opacity: 0;
}

.hamburger_btn.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
    background-color: #FFFFFF;
}

.arrow_icon {
    display: none;
    font-size: 12px;
    margin-left: 5px;
    transition: transform 0.3s;
}

.erji {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    opacity: 0;
    z-index: 999;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.scrolled .erji {
    background-color: rgba(0, 0, 0, 0.4);
}

.nav ul li:hover .erji {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.erji dl {
    margin: 0;
    padding: 0;
}

.erji dd {
    margin: 0;
    list-style: none;
}

.erji dd a {
    display: block;
    padding: 8px 15px;
    color: #FFFFFF;
    font-size: var(--ft16);
    text-decoration: none;
    white-space: nowrap;
}

.erji dd a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.banner {
    width: 100%;
    height: auto;
 aspect-ratio: 16 / 9; 
}

.banner_box {
    width: 100%;
    position: relative;
}

.banner_box>img {
    width: 100%;
     aspect-ratio: 16 / 9; 
}

.banner_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_text .max {
    align-items: flex-start;
}

.banner_title {
    font-size: var(--ft60);
    line-height: var(--ft70);
        color: #A87F37;
    position: relative;
    width: 100%;
}

.banner_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 20%;
    height: 3px;
    background-color: #A87F37;
}
.footer_tuiguang img{
    width: var(--p80);
    height: var(--p80);
}
.banner_text a {
    padding: 10px var(--p20);
    font-size: var(--ft20);
    line-height: var(--ft30);
    color: #A87F37;
    border: 1px solid #A87F37;
    margin-top: var(--p120);
}

.index_about {
    width: 100%;
    margin-top: var(--p100);

}

.index_about .max {
    display: grid;
    grid-template-columns: 61fr 84fr;
    gap: var(--p50);
}

.index_about .max .left {
    width: 100%;
}

.index_about .max .left>img {
    width: 100%;
}

.index_about .max .right {
    width: 100%;
}

.index_about_title {
    font-size: var(--p40);
    color: #333333;
    position: relative;
    width: max-content;
}

.index_about_title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 65px;
    height: 3px;
    background-color: #A87F37;
}

.index_about_sun {
    margin-top: var(--p70);
    width: 100%;
    font-size: var(--ft20);
    line-height: var(--ft35);
    color: #444444;
}

.finest {
    width: 100%;
    margin-top: var(--p100);
    position: relative;
}

.finest .max .up {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.title {
    font-size: var(--ft36);
    line-height: var(--ft40);
    color: #1F2937;
    font-weight: bold;
}

.title span {
    color: #A87F37;
}

.sub {
    margin-top: 8px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #4B5563;
    
}

.finest_btn a {
    padding: 8px var(--p30);
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #FFFFFF;
    background-color: #A87F37;
    border-radius: 6px;
}

.finest_list {
    width: 100%;
    margin-top: var(--p50);
}

.finest_box {
    border: 0.5px solid #E5E7EB;
}

.finest_box>img {
    width: 100%;
}

.finest_text {
    width: 100%;
    padding: 24px;

}

.finest_title {
    display: flex;
    align-items: center;
    gap: var(--p40);
    font-size: var(--ft24);
    line-height: var(--ft32);
    color: #1F2937;
    font-weight: bold;
}

.finest_title span {
    color: #A87F37;
}

.finest_sub {
    font-size: var(--ft16);
    line-height: var(--ft24);
    margin-top: 8px;
    color: #4B5563;
}

.swiper-button-next::after,
.swiper-button-prev:after {
    content: "";
}

.finest .swiper-button-next,
.finest .swiper-button-prev {
    width: 50px;
    height: 50px;
}

.finest .swiper-button-next img,
.finest .swiper-button-prev img {
    width: 100%;
    height: 100%;
}

.finest .swiper-button-next {
    right: 6.25%;
}

.finest .swiper-button-prev {
    left: 6.25%;
}

.finest .swiper-pagination {
    bottom: -40px;
}

.finest .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background: #A87F37;
}

.finest .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #D1D5D8;
}

.gstc {
    width: 100%;
    margin-top: var(--p100);
}

.gstc .max {
    align-items: flex-start;
}

.titles {
    font-size: var(--ft20);
    line-height: var(--ft24);
    color: #A87F37;
}

.gstc .title {
    margin-top: 8px;
}

.gstc .sub {
    margin-top: 16px;
}

.gstc_list {
    margin-top: var(--p60);
    width: 100%;
    height: 650px;
    display: flex;
}

.gstc_box {
    flex: 0 0 80px;
    height: 100%;
    overflow: hidden;
    /* 隐藏展开前的内容 */
    transition: flex 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    /* 更自然的贝塞尔曲线 */
    cursor: pointer;
}

.gstc_box:nth-child(1) {
    background-color: rgba(168, 127, 55, 0.1);
}

.gstc_box:nth-child(2) {
    background-color: rgba(168, 127, 55, 0.25);
}

.gstc_box:nth-child(3) {
    background-color: rgba(168, 127, 55, 0.40);
}

.gstc_box:nth-child(4) {
    background-color: rgba(168, 127, 55, 0.55);
}

.gstc_box.active {
    flex: 1;
    padding: 0 var(--p40);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    z-index: 10;
}

.gstc_sub {
    display: block;
    /* 始终占位，通过透明度和位移控制显隐 */
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
    transition: all 0.4s ease 0.1s;
    /* 稍微延迟出现 */

    /* 原本样式 */
    margin-top: var(--p25);
    font-size: var(--ft20);
    line-height: var(--ft28);
    color: #4B5563;
}

.gstc_box.active .gstc_sub {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.gstc_box>img {
    display: none;
    opacity: 0;
}

.gstc_box.active>img {
    display: block;
    opacity: 1;
    margin-top: var(--p45);
    max-width: 520px;
    max-height: 350px;
    object-fit: cover;
}

.gstc_title {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.gstc_box.active .gstc_title {
    width: 100%;
    height: max-content;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

.gstc_key {
    padding-top: var(--ft70);
    font-size: var(--ft40);
    color: #333333;
}

.gstc_box.active .gstc_title .gstc_key {
    padding: 0;
}

.gstc_title div:not(.gstc_key) {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    white-space: nowrap;
    font-size: var(--ft40);
    color: #333333;
    padding-bottom: var(--p30);
}

.gstc_box.active .gstc_title div:not(.gstc_key) {
    writing-mode: unset;
    text-orientation: unset;
    color: rgba(168, 127, 55, 1);
    padding: 0;
}

.gstc_title div:not(.gstc_key) span {
    color: rgba(168, 127, 55, 1);
}

.index_services {
    width: 100%;
    margin-top: var(--p100);
}

.index_ser_list {
    margin-top: var(--p60);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 13px;
}

.index_ser_box {
    width: 100%;
}

.index_ser_box>img {
    width: 100%;
}

.index_ser_title {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 13px 0;
    line-height: var(--ft24);
    font-size: var(--ft16);
}
.asean{
    width: 100%;
    margin-top: var(--p100);
}
.asean_list {
    width: 100%;
    margin-top: var(--p50);
    overflow: hidden;
    touch-action: none; 
}

.asean_list1 {
    display: flex;
    flex-wrap: nowrap;
    will-change: transform;
     width: 100%; 
}

.asean_box {
    flex: 0 0 7%;
    height: 150px;
    margin-right: 8px;
    box-sizing: border-box;
    display: flex;
        align-items: center;
        justify-content: center;

}

.asean_box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 4px;
    transform: none !important;
    display: block; 
}
.pingjia{
    width: 100%;
    margin-top: var(--p90);
    padding: var(--p80) 0 var(--p120);
    background-color: #A87F37;
}
.pingjia .max{
    position: relative;
}
.pingjia_list{
    width: 70%;
}
.pingjia_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pingjia_box>img{
    height: 16px;
}
.pingjia_sub{
    text-align: center;
    margin-top: var(--p50);
    font-size: var(--ft30);
    line-height: var(--ft44);
    color: #FFFFFF;
    font-weight: bold;
}
.pingjia .swiper-button-next,
.pingjia .swiper-button-prev{
    width: 50px;
    height: 50px;
}
.pingjia .swiper-pagination{
    bottom: -80px;
}
.pingjia .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 12px;
    height: 12px;
    background: #FFFFFF;
}
.pingjia .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.5);
}
.footer{
    width: 100%;
    background-color: #1f2937;
}
.footer_list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: var(--p50) 0;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.footer_nav{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.2);
    height: 100%;
}
.footer_nav ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #FFFFFF;
    font-size: var(--ft20);
    line-height: var(--ft24);
}
.footer_text{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.2);
    height: 100%;
    color: #FFFFFF;
    font-size: var(--ft20);
    line-height: var(--ft24);
}
.footer_tuiguang{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: var(--p30);
}
.footer_tuiguang>img{
    width: 80px;
    height: 80px;
}
.beian{
    padding: var(--p25) 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--p40);
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #FFFFFF;
}
.beian a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.beian img{
    height: 16px;
}
.about{
    width: 100%;
    padding: 170px 0 var(--p100);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about .sub{
    text-align: center;
}
.about_list{
    width: 100%;
    margin-top: var(--p60);
    position: relative;
}
.about_swiper{
    width: 100%;
}
.about_list::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #A87F37;
}
.about_list .swiper-button-next,
.about_list .swiper-button-prev{
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.about_list .swiper-button-next{
    right: var(--p60);
}
.about_list .swiper-button-prev{
    left: var(--p60);
}
.about_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--p120);
    position: relative;
}
.about_list .swiper-wrapper .swiper-slide:nth-child(even) .about_box{
    flex-direction: column-reverse;
}
.about_box img{
    max-width: 100%;
}
.about_box .dian{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about_text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about_text .year{
    font-size: var(--ft40);
    color: #A87F37;
    font-weight: 900;
}
.about_title{
    margin-top: 8px;
    font-size: var(--ft20);
    line-height: var(--ft28);
    font-weight: bold;
    color: #000000;
}
.about_sub{
    margin-top: 8px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #4B5563;
    text-align: center;
}
.about_tuwen{
    width: 100%;
    padding: var(--p80) 0;
    background-color: #F7F7F7;
}
.about_tuwen .max{
    width: 1240px;
    gap: var(--p80);
}
.about_tw_box{
    width: 100%;
    display:flex;
    flex-direction: row;
    gap: var(--p40);
    align-items: center;
}
.about_tw_box>img{
    width: 280px;
    transition: all 0.3s ease;
}
.about_tw_box>img:hover{
    transform: scale(1.1);
}
.about_tw_text{
    width: 920px;
    display: flex;
    flex-direction: column;
    gap: var(--p25);
    font-size: var(--ft20);
    line-height: var(--ft40);
    color: #444444;
}
.about_tw_text>p{
    font-size: var(--ft24);
    color: #111111;
}
.about_tuwen .max .about_tw_box:nth-child(even){
    flex-direction: row-reverse;
}
.about_show3{
    width: 100%;
    padding: var(--p100) 0 var(--p60);
}
.about_show3 .sub{
    text-align: center;
}
.about_show3_list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: var(--p30);
    margin-top: var(--p50);
}
.about_show3_box{
    width: 100%;
}
.about_show3_box>img{
    width: 80px;
    margin: 0 auto;
}
.about_show3_title{
    margin-top: 15px;
    color: #333333;
    font-size: var(--ft30);
    text-align: center;
}
.about_show3_sub{
    margin-top: var(--p30);
    font-size: var(--ft14);
    line-height: var(--ft20);
    text-align: center;
    color: #4B5563;
}
.people{
    width: 100%;
    padding: var(--p60) 0 var(--p120);
    background-color: #F9FAF8;
    position: relative;
}
.people .max{
    align-items: flex-start;
}
.people_list{
    width: 100%;
    margin-top: var(--p50);
}
.people_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.people_box>img{
    width: 200px;
    
}
.people_name{
    margin-top: 16px;
    font-size: var(--ft20);
    line-height: var(--ft28);
    color: #000000;
}
.people_key{
    margin-top: 4px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #A87F37;
}
.people_sub{
    margin-top: 12px;
    font-size: var(--ft14);
    line-height: var(--ft20);
    color: #4B5563;
    text-align: center;
}
.people .swiper-button-next,
.people .swiper-button-prev{
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.people .swiper-button-next{
    right: var(--p140);
}
.people .swiper-button-prev{
    left: var(--p140);
}
.people .swiper-pagination {
    bottom: var(--p60);
}

.people .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #A87F37;
}

.people .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D1D5D8;
}
.gstc.about_gstc{
    padding: var(--p80) 0;
    margin-top: 0;
}
.header_bai{
    width: 100%;
    height: 100px;
    
}
.nice{
    width: 100%;
    padding: var(--p70) 0 var(--p90);
    background-color: rgba(247, 243, 235, 0.7);
}
.travel{
    width: 100%;
    padding: var(--p70) 0 var(--p90);
}
.nice .max{
    width: 1180px;
}
.travel .max{
    width: 1180px;
}
.nice_title,.travel_title{
    font-size: var(--ft36);
    line-height: var(--ft40);
    color: #000000;
}
.nice_sub,.travel_sub{
    margin-top: 16px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #4B5563;
    text-align: center;
}
.nice_list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--p70) var(--p90);
    margin-top: var(--p50);
}
.travel_list{
    width: 100%;
    margin-top: var(--p50);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--p30);
}
.nice_box{
    width: 100%;
    display: grid;
    grid-template-columns: 19fr 30fr;
    gap: var(--p35);
    align-items: center;
    transition: all 0.3s ease;
}
.travel_box{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 5fr;
    gap: var(--p30);
    align-items: center;
    transition: all 0.3s ease;
}
.nice_box:hover,.travel_box:hover{
    transform: translateY(-10px);
}
.nice_box>img,.travel_box>img{
    width: 100%;
}
.nice_box_title,.travel_box_title{
    font-size: var(--ft20);
    line-height: var(--ft28);
    color: #000000;
}
.nice_box_sub,.travel_box_sub{
    margin-top: 8px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #374151;
}
.porfolios{
    width: 100%;
    padding: var(--p80);
}
.search_list{
    margin-top: var(--p40);
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p40);
}
.search_box{
    width: 300px;
    max-width: 20%;
    
}
.search_box>p{
    font-size: var(--ft16);
    line-height: var(--ft20);
    color: #4B5563;
}
.search_box>select{
    margin-top: 4px;
    width: 100%;
    padding: 10px;
    font-size: var(--ft16);
    line-height: var(--ft20);
    color: #666666;
    border: 1px solid  #D1D5DB;
    border-radius: 4px;
}
.porfolios_list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--p30) 14px;
    margin-top: var(--p40);
    
}
.porfolios_box{
    width: 100%;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
}
.porfolios_box:hover{
    transform: translateY(-10px);
}

.porfolios_box>img{
    width: 100%;
    height: auto;
    aspect-ratio: 49 / 19;
    object-fit: cover;
    border-radius: 8px;
}
.porfolios_text{
    width: 100%;
    padding: var(--p20);
}
.porfolios_title{
    font-size: var(--ft18);
    line-height: var(--ft28);
    color: #000000;
}
.porfolios_key{
    margin-top: 8px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.porfolios_key>p{
    font-size: 12px;
    line-height: var(--ft16);
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #F3F4F6;
}
.porfolios_text>a{
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--ft14);
    line-height: var(--ft20);
    color: #A87F37;
    transition: all 0.3s ease;
}
.porfolios_box:hover .porfolios_text>a{
    gap: 12px;
}
.poreiji{
    width: 100%;
    padding: var(--p80);
}
.proeiji_text{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--p30);
    align-items: center;
}
.proeiji_text .title{
    font-size: var(--ft48);
    line-height: var(--ft60);
}
.proeiji_text .title span{
    color: #F97316;
}
.proeiji_text .porfolios_key{
    margin-top: var(--p50);
}
.right{
    width: 100%;
    font-size: var(--ft16);
    line-height: var(--ft26);
    color: #4B5563;
}
.poreiji_box{
    width: 100%;
    padding: var(--p50) 0;
    position: relative;
}
.poreiji_box .max .swiper{
    width: 100%;
}
.poreiji_box .swiper-button-next,
.poreiji_box .swiper-button-prev{
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.poreiji_box .swiper-button-next{
    right: var(--p120);
}
.poreiji_box .swiper-button-prev{
    left: var(--p120);
}
.poreiji_box .swiper-pagination {
    bottom: var(--p20);
}

.poreiji_box .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: #A87F37;
}

.poreiji_box .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D1D5D8;
}
.contact{
    width: 100%;
    padding: var(--p80) 0;
    background-color: rgba(247, 243, 235, 1);
}
.contact .max{
    width: 1150px;
}
.contact_title{
    width: 100%;
    font-size: var(--ft30);
    line-height: var(--ft36);
    color: #000000;
}
.contact_box{
    margin-top: var(--p100);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--p30);
}
.contact_box .left{
    width: 100%;
    border-radius: 8px;
}
.contact_box .left>img{
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.contact_text{
    width: 100%;
    padding: var(--p25);
    background-color: #785210;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    
}
.contact_key{
    width: 100%;
    font-size: var(--ft20);
    line-height: var(--ft28);
    color: #FFFFFF;
}
.contact_sub{
    margin-top: 12px;
}
.contact_sub>p{
    margin-top: 12px;
    width: 100%;
    padding: 12px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #333333;
    background-color: #F7F3EB;
    border-radius: 4px;
}
.contact_box .right{
    width: 100%;
}
.contact_box .right form{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px 16px;
}
.contact_box .right form .dan{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.contact_box .right form .dan .code{
    width: calc(35% - 8px);
    height: 100%;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #9CA3AF;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
}

.contact_box .right form input{
    width: 100%;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #9CA3AF;
    border-radius: 4px;
    padding: 13px;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
}
.contact_box .right form .dianhua input{
    width: 65%;
}
.contact_box .right form .dan1{
    grid-column: span 2;
    margin-top: var(--p50);
    display: flex;
    flex-direction: column;
}
.dan1_title{
    font-size: var(--ft16);
    line-height: var(--ft24);
    
}
.contact_box .right form .dan1 .dan1_box{
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p15);
}
.range {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #E5E7EB; /* 轨道背景色（未滑过部分） */
  border-radius: 4px;
  outline: none;
}

/* Webkit 内核（Chrome, Edge, Safari） - 已滑过部分 */
.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #A87F37; /* 滑块颜色 */
  border-radius: 50%;
  cursor: pointer;
}

/* Webkit 内核 - 轨道整体（可进一步细分已滑/未滑区域） */
.range::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #E5E7EB, #A87F37) no-repeat;
  background-size: var(--progress, 0%) 100%;
  border-radius: 4px;
}

/* Firefox - 滑块 */
.range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #A87F37;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

/* Firefox - 轨道 */
.range::-moz-range-track {
  background: #E5E7EB;
  height: 8px;
  border-radius: 4px;
}
.contact_box .right form .dan1 .dan1_box .number{
    font-size: var(--ft16);
    line-height: var(--ft24);

    width: 200px;

}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 隐藏 Firefox 的上下箭头 */
input[type="number"] {
  -moz-appearance: textfield;
}
.contact_box .right form .duo{
    grid-column:span 2;
}
.contact_box .right form textarea{
    width: 100%;
    height: 146px;
     font-size: var(--ft16);
    line-height: var(--ft24);
    color: #9CA3AF;
    border-radius: 4px;
    padding: 13px;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
}
.submit{
    padding: 12px 35px;
    border-radius: 6px;
    background-color: #A87F37;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #FFFFFF;
    margin-top: var(--p30);
}
.about_footer{
    width: 100%;
    padding: 200px 0;
    background-color: rgba(168, 127, 55, 1);
}
.about_footer .max{
    align-items: flex-start;
}
.about_footer_title{
    font-size: var(--ft30);
    line-height: var(--ft36);
    color: #FFFFFF;
}
.about_footer_sub{
    margin-top: var(--p15);
    color: #FFFFFF;
    font-size: var(--ft16);
    line-height: var(--ft24);
    
}
.about_footer_btn{
    display: flex;
    align-items: center;
    gap: var(--p20);
    
}
.about_footer_btn a{
    margin-top: var(--p35);
    padding: 8px 25px;
    font-size: var(--ft16);
    line-height: var(--ft24);
    color: #FFFFFF;
    background-color: rgba(224, 203, 124, 1);
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0);
}
.about_footer_btn a:last-child{
    background-color: rgba(224, 203, 124, 0);
    border: 1px solid rgba(255,255,255,1);
}
.cebianlan{
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px 10px;
    background-color: rgba(168, 127, 55, 0.07);
    border: 1px solid #444444;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    
}
.cebianlan a{
    writing-mode: sideways-lr;
    text-orientation: mixed;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    font-size: var(--ft18);
    line-height: var(--ft30);
}