/*
*----------------------------------------------------------------------------------------
Version       : 1.0
Filename      : main.css
* ------------------------------------------------------------ ----------- ------
  TABLE OF CONTENT
* ----------------------------------------------------------------------------------------
* 00.COLOR CSS. 颜色
* 01.BASE INDEX.  基础公共css
* 02.GENERAL COMPONENT 共用组件样式
    - loadder  预加载
    - headder  头部
    - navigation  导航
    - banner   广告
    - footer   底部
* 03. Home
    - home main
    - home section
* 04.Brand
    -brand main
    -brand aside
    -brand section
    -brand develop
* 05.Serve
    -serve main
    -serve section
    -serve aside
* 06.System
    -system main
    -system section
    -system article
* 07.Future
    -future main 
* ----------------------------------------------------------------------------------------
*/
        @import url(./vendor/bootstrap/bootstrap.css);
        /*
* ----------------------------------------------------------------------------------------
* 00.COLOR CSS.
* ----------------------------------------------------------------------------------------
*/
        
        :root {
            --basezero: #FFFF;
            --base: #763B1B;
            --base-two: #763B1B;
            --white:#ffffff;
        }
        /*
* ----------------------------------------------------------------------------------------
* 01.BASE INDEX.
* ----------------------------------------------------------------------------------------
*/
        html{
            scrollbar-width: none;
            -ms-overflow-style:none;
        }
        html::-webkit-scrollbar{
            display: none;
            width: 0;
        }
        body {
            font-family: var(--fontmain);
            font-size: 13px;
            font-weight: 300;
            height: auto;
            background: var(--basezero);
            color: var(--white);
            -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
        }
        
        a {
            cursor: pointer;
            text-decoration: none;
        }
        
        a:hover {
            color: var(--white);
        }
        
        input,
        textarea {
            position: relative;
            display: block;
            width: 100%;
            padding: 8px 15px 8px 16px;
            color: var(--color);
            border: none;
            font-size: 18px;
            border-bottom: 1px solid #d7d2bd;
            height: 50px;
            border-radius: 4px;
            background-color: var(--basezero);
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
        
        button {
            border: none;
        }
        /* animation */
        
        @keyframes pulse {
            0% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                opacity: 1;
            }
            100% {
                transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                opacity: 0;
            }
        }
        
        @-webkit-keyframes float {
            0% {
                transform: translatey(0px);
            }
            50% {
                transform: translatey(-20px);
            }
            100% {
                transform: translatey(0px);
            }
        }
        
        @keyframes float {
            0% {
                transform: translatey(0px);
            }
            50% {
                transform: translatey(-20px);
            }
            100% {
                transform: translatey(0px);
            }
        }
       
/** ----------------------------------------------------------------------------------------
* 02.公用- loadder
* ----------------------------------------------------------------------------------------
*/
        
        #preloader {
            position: fixed;
            display: table;
            table-layout: fixed;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: var(--base);
            z-index: 999999;
        }
        
        .wrapload {
            position: absolute;
            top: 50%;
            left: 40%;
            transform: translate(-50%, -50%);
        }
        
        .dotsload {
            position: absolute;
            width: 150px;
            height: 50px;
            transform: scale(0.25, 0.25);
        }
        
        .dot {
            width: 80px;
            height: 80px;
            position: absolute;
            top: 50%;
            transform: translate(0, -30%);
            opacity: 0;
            border-radius: 50%;
            background-color: var(--base-four);
        }
        
        .dot-1 {
            animation: animation-dots 1.5s infinite linear 1s;
        }
        
        .dot-2 {
            animation: animation-dots 1.5s infinite linear 0.5s;
        }
        
        .dot-3 {
            animation: animation-dots 1.5s infinite linear;
        }
        
        @-moz-keyframes animation-dots {
            0% {
                left: -350px;
                opacity: 0;
            }
            20% {
                left: 0px;
                opacity: 1;
            }
            80% {
                left: 250px;
                opacity: 1;
            }
            100% {
                opacity: 0;
                left: 550px;
            }
        }
        
        @-webkit-keyframes animation-dots {
            0% {
                left: -350px;
                opacity: 0;
            }
            20% {
                left: 0px;
                opacity: 1;
            }
            80% {
                left: 250px;
                opacity: 1;
            }
            100% {
                opacity: 0;
                left: 550px;
            }
        }
        
        @-o-keyframes animation-dots {
            0% {
                left: -350px;
                opacity: 0;
            }
            20% {
                left: 0px;
                opacity: 1;
            }
            80% {
                left: 250px;
                opacity: 1;
            }
            100% {
                opacity: 0;
                left: 550px;
            }
        }
        
        @keyframes animation-dots {
            0% {
                left: -350px;
                opacity: 0;
            }
            20% {
                left: 0px;
                opacity: 1;
            }
            80% {
                left: 250px;
                opacity: 1;
            }
            100% {
                opacity: 0;
                left: 550px;
            }
        }
        
/*
* ----------------------------------------------------------------------------------------
* 02.公用- headder
* ----------------------------------------------------------------------------------------
*/
        
        #headerwrap {
            height: 87px;
            background: rgba(0,0,0,0.4);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 99;
        }
        .header-banxin{
            max-width: 94% !important;
            height: 100%;
            margin: 0 auto;
            box-sizing: border-box;
            padding-top: 17px;
        }
        .header_row{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logobrand {
            position: relative;
            z-index: 9;
        }
        /* 隐藏状态 */
        .header.hidden {
            transform: translateY(-100%);
        }

        /* 向下滚动时添加的类 */
        .header.scrolling-down {
            transform: translateY(-100%);
        }

        /* 向上滚动时添加的类 */
        .header.scrolling-up {
            transform: translateY(0);
        }
/*
* ----------------------------------------------------------------------------------------
* 02.公用- navigation
* ----------------------------------------------------------------------------------------
*/      
        .navigation{
            padding-top: 13px;
        }
        .navigation>ul{
            margin-bottom: 0 !important;
        }
        .listnav li {
            list-style: none;
            margin: 0 30px;
            display: inline-block;
            position: relative;
        }
        
        .listnav li a {
            font-weight: 500;
            font-size: 18px;
            color: #D8D8D8;
            position: relative;
        }
        
        .listnav li a.itemlink:after {
            content: "";
            width: 0px;
            background: #FFFFFF;
            height: 2px;
            left: auto;
            bottom: -26px;
            border-radius: 27px;
            z-index: -1;
            right: 0;
            position: absolute;
            transition: ease all 0.3s;
        }
        
        .listnav li a.itemlink:hover {
            color: #FFFFFF;
        }
        
        .listnav li a.itemlink:hover:after {
            width: 100%;
            left: 0;
            right: auto;
        }
        
        .listnav li.active a {
            color: #ffffff;
        }
        
        .listnav li.active a.itemlink:after {
            width: 100%;
            left: 0;
            right: auto;
        }
/** ----------------------------------------------------------------------------------------
* 02.公用- banner
* ----------------------------------------------------------------------------------------
*/
        #banner{
            width: 100vw;
            height: 100vh;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }
        .video_banner{
            width: 100%; 
            height: 100%; 
            position: relative;
            z-index: 1;
            object-fit: cover;
        }
        .common_banner{
            width: 100%; 
            height: 100%; 
            position: relative;
            z-index: 1;
            object-fit: cover;
        }
        .scrollable {
            overflow: auto; /* 启用滚动功能 */
         }
        .scrollable::-webkit-scrollbar {
            display: none; /* 隐藏滚动条 */
         }
        .scrollable {
            overflow: auto; /* 启用滚动功能 */
            -ms-overflow-style: none; /* 隐藏 IE 和 Edge 的滚动条 */
            scrollbar-width: none; /* 隐藏 Firefox 的滚动条 */
        }
        .banner_other{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            bottom:15vh;
            left: 0;
            z-index: 2;
        }
        .banner_ch_title{
            font-weight: 500;
            font-size: 40px;
            color: #FFFFFF;
            line-height: 58px;
            margin-bottom: 12px;
        }
        .banner_en_title{
            font-weight: 700;
            font-size: 60px;
            color: #FFFFFF;
            line-height: 86px;
            margin-bottom: 8px;
        }
        .banner_small_title{
            font-weight: 400;
            font-size: 26px;
            color: #FFFFFF;
            line-height: 38px;
            margin-bottom: 4px;
        }
        .banner_small_entitle{
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 23px;
        }
/** ----------------------------------------------------------------------------------------
* 02.共用- footer
* ----------------------------------------------------------------------------------------  
*/
        
        #footerwrap{
            width: 100%;
            height: 508px;
            background: #463E39;
            box-sizing: border-box;
            padding-top: 48px;
        }
        .footer_top{
            width: 50%;
            max-width: 80%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            /* align-items: flex-start; */
            align-items: center;
        }
        .footer_line{
            width: 1920px;
            height: 0px;
            border: 1px solid #BBBBBB;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        .footer_link_box{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: 400;
            font-size: 16px;
            color: #D8D8D8;
            line-height: 23px;
        }
        .footer_logo{
            width: 128px;
            height: 48px;
            margin-bottom: 22px;
        }
        .footer_link{
            margin-bottom: 22px;
            color: #FFFFFF;
        }
        .footer_bottom{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 23px;
        }
        .flex{
            display: flex;
            align-items: center;
        }
        .footer_Police{
            width: 20px;
            height: 20px;
            margin-left: 10px;
            margin-right: 4px;
        }
        .footer_form_text{
            width: 346px;
            height: 48px;
            background: rgba(32,31,31,0.33);
            border: 1px solid #FFFFFF;
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
        }
        .footer_form_text::placeholder{
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
        }
        .m-b-12{
            margin-bottom: 12px;
        }
        .footer_submit{
            width: 346px;
            height: 47px;
            background: #763B1B;
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 47px;
            text-align: center;
        }
        .footer_Contact{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .footer_Contact_phone{
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 26px;
        }
        .footer_Contact_img{
            width: 152px;
            height: 152px;
            margin-bottom: 18px;
        }
        .footer_Contact_text{
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 23px;
        }
/** ----------------------------------------------------------------------------------------
* 03.home- main
* ----------------------------------------------------------------------------------------
*/      
        #home_main{
            width: 100%;
            background: url('../asset/home/home_mainbg.png');
            background-size: 100% 100%;
            margin-top: -50px;
        }
        .home_main_banxin{
            min-height: 1262px;
            width: 72%;
            margin: 0 auto;
            box-sizing: border-box;
            padding-top: 169px;
        }
        .home_main_top{
            width: 90%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 119px;
        }
        .home_main_slog_box{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .home_mian_slog_icon{
            width: 40px;
            height: 40px;
            margin-bottom: 15px;
        }
        .home_mian_slog_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            font-size: 22px;
            color: #252525;
            line-height: 31px;
            margin-bottom: 15px;
            text-align: center;
        }
        .home_mian_slog_Entitle{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 23px;
            text-align: center;
        }
        .home_main_bottom{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            align-items: stretch; /* 子元素高度自动对齐 */
        }
        .home_main_Core{
            width: 47%;
            min-height: 314px;
            background: rgba(255,255,255,0.36);
            border-radius: 20px;
            box-sizing: border-box;
            padding: 40px 90px;
            /* padding-top: 32px; */
            padding-top: 14px;
            margin-bottom: 100px;
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            transition: all 0.3s ease; 
        }
        .home_main_Core .home_main_title{
            width: 100%;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 900;
            font-size: 62px;
            color: rgba(118,59,27,0.1);
            line-height: 40px;
            text-align: center;
            margin-bottom: 25px;
            display: block;
            margin-top: 18px;
        }
        .home_main_Core .home_main_icon{
            display: none;
        }
        .home_main_Core .home_main_titlekey{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 22px;
            color: #252525;
            line-height: 32px;
            text-align: center;
            position: absolute;
            top: 39px;
        }
        .home_main_Core .home_main_content{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            margin-bottom: 33px;
            flex: 1; /* 占据可用空间 */
        }
        .home_main_Core .home_main_button{
            display: block;
            width: 122px;
            height: 41px;
            background: #763B1B;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 41px;
            text-align: center;
        }
        .home_main_Core:hover{
            background: #763B1B;
            box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.15);
            color: #FFFFFF;
        }
        .home_main_Core:hover .home_main_title{
            display: none;
        }
        .home_main_Core:hover .home_main_icon{
            display: block;
        }
        .home_main_Core:hover .home_main_titlekey{
            color: #FFFFFF;
            position: absolute;
            top: 39px;
        }
        .home_main_Core:hover .home_main_content{
            color: #FFFFFF;
        }
        .home_main_Core:hover .home_main_button{
            border: 1px solid #FFFFFF;
        }

/** ----------------------------------------------------------------------------------------
* 03.home- section
* ----------------------------------------------------------------------------------------
*/ 
        #home_section{
            width: 100%;
            min-height: 912px;
            background: url('../asset/home/home_section1.jpg');
            background-size: cover;
            background-position: center;
            box-sizing: border-box;
            padding-top: 124px;
            padding-left: 5%;
        }
        .home_section_banxin{
            width: 43%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .home_section_Illustration{
            width: 425px;
            height: 258px;
            margin-bottom: 47px;
        }
        .home_section_slog{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 30px;
            color: #FFFFFF;
            line-height: 43px;
            letter-spacing: 1px;
            margin-bottom: 28px;
            text-align: center;
        }
        .home_section_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 43px;
            color: rgba(255,255,255,0.14);
            line-height: 32px;
            letter-spacing: 5px;
        }
        .home_section_titlekey{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 18px;
            color: #FFFFFF;
            line-height: 32px;
            position: absolute;
            top: 0;
            left: 43px;
        }
        .home_section_content{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 18px;
            color: #FFFFFF;
            line-height: 32px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-top: 15%;
        }
/** ----------------------------------------------------------------------------------------
* 04.brand- main
* ----------------------------------------------------------------------------------------
*/ 
        .brand_main_box{
            width: 100%;
            box-sizing: border-box;
            padding-top: 35px;
            position: relative;
        }  
        .brand_main_titlebox{
            width: 100%;
            min-height: 261px;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: 700;
            font-size: 180px;
            color: rgba(238,238,238,0.7);
            line-height: 261px;
            text-align: center;
            margin-bottom: 54px;
        }
        .brand_main_title{
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 43px;
            text-align: center;
            margin-bottom: 34px;
        }
        .brand_main_title_explain{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 28px;
            text-align: center;
        }
        .brand_main_small_title{
            margin-top: -163px;
            z-index: 1;
        }
        .brand_main_content1{
            width: 100%;
            background: #F5F5F5;
            box-sizing: border-box;
            padding: 100px 0 93px 10%;
        }
        .brand_main_content1_banxin{
            width: 32%;
        }
        .brand_main_content1_entile{
            width: 147px;
            height: 53px;
            border: 1px solid #763B1B;
            font-weight: 500;
            font-size: 20px;
            color: #252525;
            line-height: 53px;
            text-align: center;
            margin-bottom: 23px;
        }
        .brand_main_content1_chtitle{
            font-weight: 500;
            font-size: 24px;
            color: #252525;
            line-height: 28px;
            margin-bottom: 45px;
        }
        .brand_main_content1_line{
            width: 60px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .brand_main_content1_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .brand_main1_chatu{
           height: 85%;
           width: 54%;
           position: absolute;
           bottom: 0;
           right: 0; 
           object-fit: cover;
        }
        .brand_main_content2{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        .brand_main_content2_item{
            width: 50%;
            height: 709px;
            background-size:cover;
            background-position: center; /* 居中显示 */
            background-repeat: no-repeat;
            box-sizing: border-box;
            padding-top: 9%;
            padding-left: 12%;

        }
        .brand_main_content2_item .brand_mian_banxin{
            /* width: 60%; */
            max-width: 80%;
            display: flex;
            flex-direction: column;
        }
        .brand_main_content2_item .item_en{
            width: 147px;
            height: 51px;
            border: 1px solid #763B1B;
            font-weight: 350;
            font-size: 24px;
            color: #763B1B;
            line-height: 51px;
            text-align: center;
            margin-bottom: 65px;
        }
        .brand_main_content2_item .item_title{
            font-weight: 500;
            font-size: 28px;
            color: #252525;
            line-height: 30px;
            margin-bottom: 17px;
        }
        .brand_main_content2_item .item_small_title{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 28px;
            margin-bottom: 38px;
        }
        .brand_main_content2_item .item_line{
            width: 60px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .brand_main_content2_item .item_content{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }

/** ----------------------------------------------------------------------------------------
* 04.brand- aside
* ----------------------------------------------------------------------------------------
*/ 
        #brand_aside{
           width: 100%;
           height: 557px; 
           background-image: url('../asset/brand/aside_bg.jpg');
           background-size: 100% 100%;
           background-repeat: no-repeat;
           box-sizing: border-box;
           padding-top: 68px;
           display: flex;
           flex-direction: column;
           align-items: center;
           margin-bottom: 36px;
        }
        .brand_aside_title{
            width: 147px;
            height: 51px;
            border: 1px solid #444444;
            font-weight: 350;
            font-size: 24px;
            color: #252525;
            line-height: 51px;
            text-align: center;
            margin-bottom: 98px;
        }
        .brand_aside_banxin{
            width: 67%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .brand_aside_item{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .brand_aside_item .brand_aside_item_iconBox{
            width: 80px;
            height: 80px;
            border-radius: 2px;
            border: 1px solid #999999;
            margin-bottom: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .brand_aside_item .brand_aside_item_icon{
            width: 30px;
            height: 30px;
            display: block;
        }
        .brand_aside_item .brand_aside_item_iconActive{
            width: 30px;
            height: 30px;
            display: none;
            z-index: 1;
        }
        .brand_aside_item .brand_aside_item_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 24px;
            color: #444444;
            line-height: 30px;
            margin-bottom: 13px;
        }
        .brand_aside_item .brand_aside_item_line{
            width: 30px;
            height: 2px;
            background: #444444;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .brand_aside_item_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            margin-bottom: 6px;
        }
        .brand_aside_item_Extext{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .brand_aside_item:hover .brand_aside_item_iconBox{
            transform: rotate(45deg);
            border: 1px solid #763B1B;
        }
        .brand_aside_item:hover .brand_aside_item_icon{
            display: none;
        }
        .brand_aside_item:hover .brand_aside_item_iconActive{
            display: block;
        }
        .brand_aside_item:hover .brand_aside_item_title{
            color: #763B1B;
        }
        .brand_aside_item:hover .brand_aside_item_line{
            background: #763B1B;
        }

/** ----------------------------------------------------------------------------------------
* 04.brand-section
* ----------------------------------------------------------------------------------------
*/ 

        #brand_section{
            width: 100%;
            margin-bottom: 87px;
        }
        .brand_section_banxin{
            width: 72.3%;
            min-height: 817px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            align-items: stretch; /* 子元素高度自动对齐 */
        }
        .carousel{
            width: 40.4%;
            border-radius: 20px;
        }
        .carousel-inner{
           height: 100%;
           border-radius: 20px;
        }
        .carousel .carousel-item{
            width: 100%;
            height: 100%;
            border-radius: 20px;
        }
        .carousel-item img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
        }
        .brand_section_box{
            width: 57%;
            display: flex;
            flex-direction: column;
        }
        .brand_section_item{
            width: 100%;
            min-height: 240px;
            background: #FFFFFF;
            border-radius: 20px;
            border: 1px solid #999999;
            box-sizing: border-box;
            padding: 20px 30px;
        }
        .brand_section_item_title{
            font-weight: 700;
            font-size: 22px;
            color: #252525;
            line-height: 30px;
            margin-bottom: 13px;
        }
        .brand_section_item_line{
            width: 30px;
            height: 2px;
            background: #763B1B;
            border-radius: 31px ;
            margin-bottom: 17px;
        }
        .brand_section_item_text{
            min-height: 90px;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .m-b-48{
            margin-bottom: 48px;
        }

/** ----------------------------------------------------------------------------------------
* 04.brand-develop
* ----------------------------------------------------------------------------------------
*/ 
        #brand_develop{
            width: 100%;
        }
        .brand_develop_box{
            width: 100%;
            min-height: 1050px;
            background-image: url('../asset/brand/develop_bg.jpg');
            background-size: 100% 100%;
            background-repeat: no-repeat;
            box-sizing: border-box;
            padding-top: 100px;
            margin-top: -36px;
        }
        .brand_develop_title{
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 28px;
            margin-bottom: 38px;
            text-align: center;
        }
        .brand_develop_banxin{
            width: 70%;
            margin: 0 auto;
        }
        .brand_develop_titlebg{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 300px;
            color: rgba(118,59,27,0.09);
            line-height: 200px;
            text-align: center;
        }
        .develop_content-box{
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: -150px;
            margin-bottom: 109px;
        }
        .develop_content-text{
            width: 70%;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            font-size: 16px;
            color: #444444;
            line-height: 30px;
            text-align: center;
            white-space: pre-line;
        }
        .develop_content_arrow{
            width: 30px;
            height: 56px;
        }
        .timeline-container {
            max-width: 100%;
            margin: 0 auto;
            background: transparent;
            border-radius: 8px;
            padding: 40px 20px;
        }
        /* .develop_timeline{
            width: 100%;
            margin: 0 auto;
        } */
        .timeline-wrapper {
            position: relative;
            width: 100%;
            padding-top: 20px;
            overflow: hidden;
        }

        .timeline-track {
            position: relative;
            width: 100%;
            height: 70px;
            background: transparent;
            margin: 20px 0;
        }

        .timeline-line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: repeating-linear-gradient(
                to right,
                #b3b2b2 0,
                #b3b2b2 1px,
                transparent 1px,
                transparent 2px
            );
        }

        .timeline-marks {
            position: relative;
            width: 100%;
            height: 20px;
            top: -7px;
        }

        .timeline-mark {
            position: absolute;
            top: 0;
            width: 1px;
            height: 8px;
            background: #444444;
            transform: translateX(-50%);
        }
        
        /* 在主刻度之间均匀添加的竖线（比主刻度略短） */
        .timeline-mark-between {
            position: absolute;
            top: 0;
            width: 1px;
            height: 6px;
            background: #444444;
            transform: translateX(-50%);
            pointer-events: none;
        }

        #timelineYears {
            position: relative;
            width: 100%;
            height: 30px;
            top: 30px;
        }

        .timeline-year {
            position: absolute;
            top: 0;
            transform: translateX(-50%);
            font-weight: 400;
            font-size: 24px;
            color: #444444;
            line-height: 28px;
            white-space: nowrap;
            cursor: pointer;
            transition: all 0.3s;
        }

        .timeline-year:hover {
            color: #763B1B;
        }

        .timeline-year.active {
            font-weight: 700;
            font-size: 30px;
            color: #763B1B;
            line-height: 28px;
        }

        .timeline-slider {
            position: absolute;
            top: -8px;
            width: 16px;
            height: 16px;
            background: transparent;
            border-radius: 50%;
            cursor: grab;
            transform: translateX(-50%);
            z-index: 10;
            transition: transform 0.1s;
        }

        .timeline-slider:active {
            cursor: grabbing;
        }

        .timeline-indicator {
            position: absolute;
            left: 50%;
            top: 0;
            transform: translateX(-50%);
            display: block;
            z-index: 5;
            pointer-events: none;
        }

        .timeline-indicator-up,
        .timeline-indicator-down {
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .timeline-indicator-up {
            border-bottom: 8px solid #8B4513;
            top: 16px;
        }

        .timeline-indicator-down {
            border-top: 8px solid #8B4513;
            top: -28px;
        }

        .nav-arrows {
            position: absolute;
            top: 0;
            width: 100%;
            display: none;
            justify-content: space-between;
            padding: 0 10px;
        }

        .nav-arrow {
            width: 30px;
            height: 30px;
            border: 2px dashed #ccc;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            background: rgba(255, 255, 255, 0.8);
        }

        .nav-arrow:hover {
            border-color: #8B4513;
            background: rgba(139, 69, 19, 0.1);
        }

        .nav-arrow::before {
            content: '';
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
        }

        .nav-arrow.left::before {
            border-right: 8px solid #999;
        }

        .nav-arrow.right::before {
            border-left: 8px solid #999;
        }
         /* 图片轮播样式 */
        .image-carousel {
            max-width: 100%;
            /* margin-top: 120px;
            position: relative;
            padding:0 30px; */
            margin: 20px auto 0;
            position: relative;
            padding: 10px 0 30px;
        }

        .image-carousel .carousel-viewport {
            overflow: hidden; 
            /* 禁止用户左右滚动，选中项通过脚本居中 */
        }

        .image-carousel .carousel-track {
            /* min-height: 270px; */
            display: flex;
            gap: 30px;
            align-items: center;
            padding: 20px 20px;
            /* padding-top: 120px;
            padding-bottom: 100px; */
            transition: transform 260ms cubic-bezier(.22,.9,.32,1);
            will-change: transform;
        }

        .image-carousel .develop_carousel_item {
            flex: 0 0 auto;
            width: 18%;
            height: 15%;
            /* width: 341px;
            height: 188px; */
            border-radius: 20px;
            overflow: hidden;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
            transform-origin: center center;
            cursor: pointer;
            /* box-shadow: 0 2px 6px rgba(0,0,0,0.15); */
            /* background: #fff; */
            /* display: block; */
            /* margin-right: 42px; */
        }

        .image-carousel .develop_carousel_item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .image-carousel .develop_carousel_item.selected {
            transform: scale(1.18);
            border: 4px solid #FFFFFF;
            z-index: 20;
            margin: 0 20px;
            /* margin-right: 120px; */
        }
        
/** ----------------------------------------------------------------------------------------
* 05.serve-main
* ----------------------------------------------------------------------------------------
*/
        .serve_main{
            width: 100%;
            margin-top: 43px;
        }
        .serve_main_box{
            width: 100%;
        }
        .serve_main_content{
            width: 72.3%;
            margin: 0 auto;
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            margin-bottom: 35px;
        }
        .serve_main_contentBox{
            min-height: 482px;
            width: 31%;
            border-radius: 20px 20px 20px 20px;
            border: 1px solid #999999;
            box-sizing: border-box;
            padding: 0 4.5%;
            padding-top: 4.2%;
            padding-bottom: 4%;
            display: flex;
            flex-direction: column;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .flex_column{
            display: flex;
            flex-direction: column;
            align-items:center;
        }
        .serve_main_content_bg{
            font-weight: 700;
            font-size: 180px;
            color: #F5F5F5;
            line-height: 261px;
            letter-spacing: 12px;
        }
        .serve_main_content_icon{
            width: 48px;
            height: 46px;
            margin-top: -245px;
            display: block;
            z-index: 1;
            margin-bottom: 43px;
        }
        .serve_main_content_title{
            font-weight: 700;
            font-size: 22px;
            color: #444444;
            line-height: 28px;
            margin-bottom: 18px;
            z-index: 1;
        }
        .serve_main_content_tag{
            font-weight: 500;
            font-size: 18px;
            color: #777777;
            line-height: 28px;
            z-index: 1;
            margin-bottom: 41px;
        }
        .serve_main_content_line{
            width: 60px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .serve_main_contentBox_explain{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            flex: 1;
        }
        .serve_main_contenBanxin2{
            display: none;
            z-index: 1;
        }
        /* .serve_main_contenBanxin2 .serve_main_content_icon{
            margin-top: 0;
        } */
        .color-ff{
            color: #ffffff;
        }
        .serve_main_contenBanxin2 .serve_main_content_line{
            background: #EAD9BB;
        }
        .c1:hover{
            background-image: url('../asset/serve/c1_bg.png');
            background-size: cover;
            background-position: center; /* 居中显示 */
        }
        .c1:hover .serve_main_contenBanxin1{
            display: none;
        }
        .c1:hover .serve_main_contenBanxin2{
            display: flex;
        }
        .serve_main_contentBox:hover .serve_main_contentBox_explain{
            color: #FFFFFF;
        }
        .c2:hover{
            background-image: url('../asset/serve/c2_bg.png');
            background-size: cover;
            background-position: center; /* 居中显示 */
        }
        .c2:hover .serve_main_contenBanxin1{
            display: none;
        }
        .c2:hover .serve_main_contenBanxin2{
            display: flex;
        }
        .c3:hover{
            background-image: url('../asset/serve/c3_bg.png');
            background-size: cover;
            background-position: center; /* 居中显示 */
        }
        .c3:hover .serve_main_contenBanxin1{
            display: none;
        }
        .c3:hover .serve_main_contenBanxin2{
            display: flex;
        }

/** ----------------------------------------------------------------------------------------
* 05.serve-section
* ----------------------------------------------------------------------------------------
*/
        #serve_section{
            width: 100%;
            margin-bottom: 133px;
        }
        .serve_section_box{
            width: 100%;
        }
        .serve_section_banxin{
            width: 72.3%;
            margin: 0 auto;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }
        .serve_section_item{
            width: 31%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .serve_section_item_top{
            width: 100%;
            min-height: 482px;
            margin-bottom: 61px;
            border-radius: 20px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            transition: transform 0.3s ease;
        }
        .serve_section_item_toptext{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            min-height: 65px;
            background: rgba(47,38,35,0.7);
            border-radius: 0px 0px 20px 20px;
            font-weight: 700;
            font-size: 18px;
            color: #FFFFFF;
            display: flex; /* 启用Flex布局 */
            justify-content: center; /* 水平居中 */
            align-items: center; /* 垂直居中 */
        }
        .serve_section_item_title{
            width: 100%;
            font-weight: 700;
            font-size: 20px;
            color: #763B1B;
            text-align: center;
            margin-bottom: 12px;
        }
        .serve_section_item_content{
            width: 70%;
            margin: 0 auto;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .serve_section_item_top:hover{
            transform: scale(1.1);
        }

/** ----------------------------------------------------------------------------------------
* 05.serve-aside
* ----------------------------------------------------------------------------------------
*/
        #serve_aside{
            width: 100%;

        }
        .serve_aside_banxin{
            width: 100%;
            height: 687px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .serve_aside_item1{
            width: 50%;
            height: 100%;
            box-sizing: border-box;
            padding-top: 7.2%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .serve_aside_item2{
            width: 50%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        .serve_aside_item1_title{
            font-weight: 700;
            font-size: 30px;
            color: #763B1B;
            line-height: 28px;
            margin-bottom: 14px;
        }
        .serve_aside_item1_tagbg{
            font-weight: 700;
            font-size: 48px;
            color: #EEEEEE;
            line-height: 28px;
        }
        .serve_aside_item1_tag{
            font-weight: 500;
            font-size: 16px;
            color: #444444;
            line-height: 28px;
            margin-top: -29px;
            margin-bottom: 56px;
        }
        .serve_aside_item1_icon{
            margin-bottom: 19px;
        }
        .serve_aside_item1_slog{
            font-weight: 500;
            font-size: 22px;
            color: #252525;
            line-height: 28px;
            margin-bottom: 36px;
        }
        .serve_aside_item1_content{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            text-align: center;
        }
/** ----------------------------------------------------------------------------------------
* 06.system-main
* ----------------------------------------------------------------------------------------
*/
        #system_main{
            width: 100%;
            margin-bottom: 200px;
        }
        .system_main_banxin{
            width: 80%;
            margin: 0 auto;
            padding-top: 140px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .system_main_titleBox{
            position: relative;
        }
        .system_main_titlebg{
            font-weight: 700;
            font-size: 180px;
            color: rgba(238,238,238,0.7);
            line-height: 261px;
        }
        .system_main_title{
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 43px;
            z-index: 1;
            position: absolute;
            left: 0;
            top: 96px;
        }
        .system_main_title_line{
            width: 60px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            position: absolute;
            left: 0;
            top: 223px;
        }
        .system_main_title_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .system_main_banner{
            width: 60%;
            display: flex;
            justify-content: center;
        }
         /* 堆叠容器：固定宽度，容纳堆叠卡片 */
         .card-stack-carousel {
            width: 70%;
            height: 388px;
            position: relative;
            perspective: 1500px; /* 透视效果，增强3D堆叠感 */
        }
        /* 卡片基础样式：统一尺寸，绝对定位 */
        .carousel-card {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 95%;
            height: 90%;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            transform: translate(-50%, -50%);
            transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
            z-index: 1;
            opacity: 0.7;
            cursor: pointer;
        }
        /* 中间高亮卡片：置顶+放大+全透+无偏移 */
        .card-active {
            z-index: 10;
            opacity: 1;
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 15px 40px rgba(0,0,0,0.25);
        }
        /* 左侧堆叠卡片：左移+后退+缩小 */
        .card-left {
            z-index: 5;
            transform: translate(calc(-50% - 145px), -50%) scale(0.9) rotateY(10deg);
            opacity: 0.8;
        }
        /* 右侧堆叠卡片：右移+后退+缩小 */
        .card-right {
            z-index: 5;
            transform: translate(calc(-50% + 145px), -50%) scale(0.9) rotateY(-10deg);
            opacity: 0.8;
        }
        /* 卡片图片：填充容器 */
        .carousel-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        /* 控制按钮：悬浮样式 */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: white;
            border: none;
            font-size: 24px;
            color: #333;
            cursor: pointer;
            z-index: 20;
            box-shadow: 0 4px 16px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        .carousel-btn:hover {
            background: #eee;
            transform: translateY(-50%) scale(1.1);
        }
        .btn-prev { left: -80px; }
        .btn-next { right: -80px; }
/** ----------------------------------------------------------------------------------------
* 06.system-section
* ----------------------------------------------------------------------------------------
*/

        #system_section{
            width: 100%;
            margin-bottom: 94px;
        }
        .system_section_top{
            margin-bottom: 120px;
        }
        .system_section_top_titleBox{
            position: relative;
        }
        .system_section_top_titleBox_icon{
            width: 64px;
            height: 60px;
        }
        .system_section_top_titlebg{
            font-weight: 700;
            font-size: 180px;
            color: rgba(238,238,238,0.7);
            line-height: 261px;
            text-align: center;
            margin-top: -22px;
        }
        .system_section_top_title{
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 43px;
            text-align: center;
            position: absolute;
            top: 125px;
            margin-bottom: 34px;
        }
        .system_section_top_text{
            font-weight: 400;
            font-size: 16px;
            color: #252525;
            line-height: 28px;
            text-align: center;
            position: absolute;
            bottom: 40px;
        }
        .system_section_top_banxin{
            width: 75%;
            margin: 0 auto;
            display: flex;
            align-items: stretch;
            justify-content: space-between;
        }
        .system_section_top_item{
            width: 48%;
            min-height: 606px;
            background: #F5F5F5;
            border-radius: 20px;
            box-sizing: border-box;
            padding: 35px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .system_section_top_itemTitle_bg{
            font-weight: 700;
            font-size: 120px;
            color: #EEEEEE;
            line-height: 126px;
        }
        .system_section_top_itemTitle{
            font-weight: 700;
            font-size: 26px;
            color: #76432E;
            line-height: 28px;
            text-align: center;
            margin-top: -70px;
            margin-bottom: 60px;
        }
        .system_section_top_item_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            margin-bottom: 39px;
            flex: 1;
        }
        .system_section_top_titleBox_peitu{
            width: 100%;
            min-height: 316px;
            object-fit: cover;
        }
        .system_section_center{
            width: 75%;
            margin: 0 auto;
            margin-bottom: 108px;
        }
        .system_section_top_line{
            width: 60px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .system_section_center_tag{
            font-weight: 500;
            font-size: 22px;
            color: #444444;
            line-height: 37px;
            margin-bottom: 8px;
        }
        .system_section_center_smallTag{
            font-weight: 500;
            font-size: 16px;
            color: #444444;
            line-height: 37px;
            margin-bottom: 57px;
        }
        .system_section_centerBox{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            max-height: 586px;
        }
        .system_section_centerItem{
            width: 31%;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .system_section_centerItem_img{
            width: 100%;
            /* height: 58%; */
            border-radius: 20px 20px 0 0;
            object-fit: cover;
        }
        .system_section_centerItem_bottom{
            flex: 1;
            width: 100%;
            min-height: 247px;
            /* max-height: 330px; */
            background: #F5F5F5;
            box-sizing: border-box;
            padding: 8% 15%;
            border-radius: 0 0 20px 20px;
        }
        .system_section_centerItem_title{
            font-weight: 700;
            font-size: 18px;
            color: #252525;
            line-height: 28px;
            text-align: center;
            margin-bottom: 13px;
        }
        .system_section_centerItem_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
        .system_section_bottom{
            width: 100%;
            height: 676px;
            background-image: url('../asset/system/section_bottom_bg.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            box-sizing: border-box;
            padding-top: 54px;
        }
        .system_section_bottom_banxin{
            width: 75%;
            margin: 0 auto;
        }
        .system_section_bottom_itemTitle_bg{
            font-weight: 700;
            font-size: 120px;
            color: rgba(238, 238, 238, 0.50);
            line-height: 126px;
        }
        .system_section_bottom_itemTitle{
            font-weight: 700;
            font-size: 26px;
            color: #FFFFFF;
            line-height: 28px;
            margin-top: -70px;
            margin-bottom: 46px;
        }
        .system_section_bottom_tag{
            font-weight: 500;
            font-size: 18px;
            color: #FFFFFF;
            line-height: 37px;
            margin-bottom: 12px;
        }
        .system_section_bottom_smallTag{
            font-weight: 400;
            font-size: 16px;
            color: #FFFFFF;
            line-height: 23px;
            margin-bottom: 40px;
        }
        .system_section_bottomBox{
            display: flex;
            align-items: center;
        }
        .system_section_bottomItem{
            width: 210px;
            height: 304px;
            border-radius: 20px;
            margin-right: 48px;
            box-sizing: border-box;
            padding: 0 24px;
            padding-top: 40px; 
            background-size:cover;
            background-repeat: no-repeat;
            background-repeat: no-repeat;
        }
        .system_section_bottomItem_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 18px;
            color: #444444;
            line-height: 28px;
            text-align: center;
            margin-bottom: 14px;
        }
        .system_section_bottomItem_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
        }
/** ----------------------------------------------------------------------------------------
* 06.system-section
* ----------------------------------------------------------------------------------------
*/

    #system_aside{
        width: 100%;
    }
    .system_aside_banxin{
        width: 73%;
        margin: 0 auto;
    } 
    .system_aside_titleBox{
        width: 100%;
        margin-bottom: 40px;
    }   
    .system_aside_itemTitle_bg{
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 180px;
        color: rgba(238,238,238,0.7);
        line-height: 261px;
    }
    .system_aside_itemTitle{
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 700;
        font-size: 30px;
        color: #252525;
        line-height: 43px;
        margin-top: -175px;
        margin-bottom: 41px;
    }
    .system_aside_line{
        width: 60px;
        height: 4px;
        background: #76432E;
        border-radius: 31px;
        margin-bottom: 17px;
        z-index: 99;
        position: relative;
    }
    .system_aside_tag{
        font-weight: 400;
        font-size: 16px;
        color: #444444;
        line-height: 32px;
        margin-bottom: 40px;
    }
    .system_aside_content{
        width: 100%;
        /* height: 1026px; */
        position: relative;
    }
    .system_aside_content_Img{
        width: 100%;
        height: 100%;
    }
    .system_aside_textBox{
        position: absolute;
        left: 0;
        bottom: 0;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        font-size: 16px;
        color: #444444;
        line-height: 30px;
    }
    .m-b-16{
        margin-bottom: 16px;
    }
/** ----------------------------------------------------------------------------------------
* 06.system_article
* ----------------------------------------------------------------------------------------
*/
        #system_article{
            width: 100%;
            min-height: 567px;
            background-image: url('../asset/system/12.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
        }
        .system_article_banxin{
            width: 73%;
            margin: 0 auto;
            box-sizing: border-box;
            background: rgba(245,245,245,0.81);
            border-radius: 20px ;
            padding: 58px 130px;
        }
        .system_article_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            font-size: 22px;
            color: #252525;
            line-height: 39px;
            text-align: center;
            margin-bottom: 40px;
        }
        .system_article_line{
            width: 61px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .system_article_text{
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            text-align: center;
        }
/** ----------------------------------------------------------------------------------------
* 07.future_main
* ----------------------------------------------------------------------------------------
*/

        #future_main{
            width: 100%;
            margin-top: 43px;
            margin-bottom: 100px;
        }
        .future_main_banxin{
            width: 73%;
            margin: 0 auto;
        }
        .future_main_box{
            width: 100%;
        }
        .future_mainBox_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 26px;
            color: #252525;
            line-height: 28px;
            margin-bottom: 46px;
        }
        .future_mainBox_tag{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #3D3D3D;
            line-height: 32px;
            margin-bottom: 38px;
        }
        .future_main_box_bottom{
            width: 100%;
            display: flex;
            justify-content: space-between;
            min-height: 619px;
        }
        .future_main_box_bl{
            width: 60%;
            height: 100%;
        }
        .future_main_box_br{
            width: 35.7%;
            object-fit: cover;
            border-radius: 20px;
        }
        .future_main_box_bl_img{
            width: 100%;
            height: 75.4%;
            margin-bottom: 59px;
            border-radius: 20px;
            object-fit: cover;
        }
        .flex-b{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .future_main_box_bl_title{
            font-family: Source Han Serif CN, Source Han Serif CN;
            font-weight: 900;
            font-size: 26px;
            color: #252525;
            line-height: 44px;
            letter-spacing: 3px;
            text-align: left;
        }
        .future_main_box_bl_line{
            height: 63px;
            width: 0px;
            border: 1px solid #D8D8D8;
        }
        .future_main_box_bl_text{
            width: 52%;
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            text-align: left;
        }

/** ----------------------------------------------------------------------------------------
* 07.future_section
* ----------------------------------------------------------------------------------------
*/

        #future_section{
            width: 100%;
        }
        .future_section_banxin{
            width: 100%;
            min-height: 965px;
            background-image: url('../asset/future/future_section_bg.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: center;
            box-sizing: border-box;
            padding:100px 0;
        }
        .future_section_titleBox{
            margin-bottom: 124px;
        }
        .future_section_titleBox_icon{
            width: 245px;
            height: 64px;
            margin-bottom: 14px;
        }
        .future_section_titleBox_bg{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 48px;
            color: #EEEEEE;
            line-height: 28px;
        }
        .future_section_titleBox_title{
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 28px;
            margin-top: -20px;
            margin-bottom: 48px;
        }
        .future_section_titleBox_line{
            width: 61px;
            height: 4px;
            background: #76432E;
            border-radius: 31px;
            margin-bottom: 17px;
        }
        .future_section_titleBox_text{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            text-align: center;
        }
        .future_section_content{
            width: 73%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .future_section_item{
            width: 40%;
            display: flex;
            align-items: center;
        }
        .polygon {
            width: 133px;
            height: 110px;
            background: #FFFFFF;
            clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 40px;
          }
          .future_section_item_right{
            width: 60%;
          }
          .future_section_item_title{
            font-weight: 700;
            font-size: 24px;
            color: #252525;
            line-height: 28px;
            margin-bottom: 15px;
          }
          .future_section_item_line{
            width: 100%;
            height: 0px;
            border: 1px solid #D8D8D8;
            margin-bottom: 19px;
          }
          .future_section_item_text{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #3F3F3F;
            line-height: 28px;
          }

/** ----------------------------------------------------------------------------------------
* 07.future_aside
* ----------------------------------------------------------------------------------------
*/
         #future_aside{
            width: 100%;
            background-image: url('../asset/future/future_aside_bg.jpg');
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }  
        .future_aside_banxin{
            width: 100%;
            box-sizing: border-box;
            padding-top: 137px;
            margin-bottom: 218px;
        }   
        .future_aside_topImg{
            width: 66px;
            height: 36px;
            margin-top: -280px;
            margin-bottom: 56px;
        } 
        .future_aside_titleBg{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 180px;
            color: #EEEEEE;
            line-height: 261px;
        }
        .future_aside_title{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 700;
            font-size: 30px;
            color: #252525;
            line-height: 43px;
            margin-bottom: 34px;
        }
        .future_aside_titleText{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 400;
            font-size: 16px;
            color: #444444;
            line-height: 32px;
            text-align: center;
            margin-bottom: 34px;
        }
        .future_aside_text{
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 500;
            font-size: 20px;
            color: #763B1B;
            line-height: 40px;
            text-align: center;
        }
        .future_footerwrap{
            width: 100%;
            height: 508px;
            box-sizing: border-box;
            padding-top: 48px;
        } 




        /* ---------------------------------------媒体查询------------------------------- */
        /* 屏幕宽度在 1400px 到 1600px 之间 */
        @media screen and (min-width: 1400px) and (max-width: 1600px) {
            .brand_main_content2_item .brand_mian_banxin{
                /* width: 60%; */
                max-width: 90%;
                display: flex;
                flex-direction: column;
            }
            .system_main_titlebg {
                font-weight: 700;
                font-size: 121px;
                color: rgba(238, 238, 238, 0.7);
                line-height: 261px;
            }
            .system_main_title {
                font-weight: 700;
                font-size: 28px;
                color: #252525;
                line-height: 43px;
                z-index: 1;
                position: absolute;
                left: 0;
                top: 96px;
            }
        }


        /* 屏幕宽度小于1400px */

        @media (max-width: 1399.98px) { 
            .home_main_top {
                width: 100%;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 119px;
            }
            .home_section_slog {
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 43px;
                letter-spacing: 1px;
                margin-bottom: 28px;
                text-align: center;
            }
            .brand_main_content2_item .brand_mian_banxin{
                /* width: 60%; */
                max-width: 100%;
                display: flex;
                flex-direction: column;
            }
            .system_main_titlebg {
                font-weight: 700;
                font-size: 111px;
                color: rgba(238, 238, 238, 0.7);
                line-height: 261px;
            }
            .system_main_title {
                font-weight: 700;
                font-size: 27px;
                color: #252525;
                line-height: 43px;
                z-index: 1;
                position: absolute;
                left: 0;
                top: 96px;
            }
         }