* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            /*font-family: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;*/
        }
        :root {
            --deep-blue: #072196;
            --medium-blue: #1743CF;
            --gold: #D3AD4C;
            --light-gold: #F9E7BB;
            --pale-bg: #F6FAFF;
            --text-dark: #222;
            --text-gray: #555;
            --white: #fff;
        }

        @font-face {
  font-family: 'MyCustomFont';
  src: url('apple_garamond/AppleGaramond.ttf'),
        url('apple_garamond/AppleGaramond-Bold.ttf'),
        url('apple_garamond/AppleGaramond-BoldItalic.ttf'),
        url('apple_garamond/AppleGaramond-Italic.ttf'),
        url('apple_garamond/AppleGaramond-Light.ttf'),
        url('apple_garamond/AppleGaramond-LightItalic.ttf');
  font-weight: normal;
  font-style: normal;
}
         @font-face {
  font-family: 'MyCustomFont2';
  src: url('Instrument_Serif/InstrumentSerif-Regular.ttf');
  font-weight: normal;
  font-style: normal;
        }
         @font-face {
  font-family: 'MyCustomFont3';
  src: url('Figtree/static/Figtree-Regular.ttf');
  font-weight: normal;
  font-style: normal;
        }
         @font-face {
  font-family: 'MyCustomFont4';
  src: url('Figtree/static/Figtree-BlackItalic.ttf');
  font-weight: normal;
  font-style: normal;
        }
         @font-face {
  font-family: 'MyCustomFont5';
  src: url('Instrument_Serif/InstrumentSerif-Regular.ttf');
  font-weight: normal;
  font-style: normal;
        }
        body {
            font-family: 'MyCustomFont';
            background-color: #fff;
            color: var(--text-dark);
            line-height: 1.55;
        }

/*首页*/
 html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

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

        /* 顶部横幅头部 */
        .header-banner {
            width: 100%;
            background: linear-gradient(180deg, #0a2499 0%, #1638cc 100%);
            background-image: linear-gradient(180deg, #051a80, #1940d8), url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E .line { stroke: rgba(255,255,255,0.15); stroke-width:1; fill:none; } %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='line' d='M0 50 L200 20 L400 60 L600 10 L800 70 L1000 30' /%3E%3Cpath class='line' d='M0 120 L250 90 L450 140 L700 80 L950 130' /%3E%3C/g%3E%3C/svg%3E");
            /*padding: 30px 15px;*/
            text-align: center;
            color: #fff;
            position: relative;
            overflow: hidden;
        }
        .header-logo {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 8px;
        }
        .header-logo img {
            height: 36px;
        }
        .header-logo-text {
            font-size: 22px;
            font-weight: bold;
            color: #ffd770;
        }
        .header-subtitle {
            font-size: 14px;
            opacity: 0.85;
            letter-spacing: 1px;
        }
        .header-title {
            font-size: 26px;
            color: #ffdd77;
            margin: 10px 0;
            font-weight: 600;
        }
        /* 导航栏 */
        .nav-bar {
            background-color: #0f29b0;
            width: 100%;
        }
        .nav-wrap {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .nav-item {
            color: #fff;
            padding: 12px 8px;
            font-size: 14px;
            cursor: pointer;
            text-align: center;
            flex: 1;
            min-width: 110px;
            transition: background 0.3s;
        }
        .nav-item:hover {
            background-color: rgba(255,255,255,0.15);
        }
        /* 通用容器 */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
        /* 通用区块标题 */
        .section-title {
            text-align: center;
            font-size: 28px;
            color: #b89028;
            position: relative;
        }
        .section-title::before {
            content: "✦";
            margin-right: 8px;
        }
        /* 第一区块：二十年发展 */
        .dev-section .video-box {
            width: 100%;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        .dev-section .video-box img {
            width: 100%;
            display: block;
        }
        .dev-desc {
            margin-top: 16px;
            font-size: 13px;
            color: #444;
            text-align: justify;
        }
        /* 轮播通用样式 */
        .carousel-wrap {
            width: 100%;
            display: flex;
            gap: 10px;
            margin: 20px 0;
            border-radius: 8px;
            overflow: hidden;
            height: 450px;
        }
        .carousel-img-box {
            width: 803px;
            position: relative;
            height: 100%;
            overflow: hidden;
            border-radius: 25px;
        }
        .carousel-img-box img {
            width: 100%;
            display: block;
            border-radius: 25px;
            transition: all 1s;
        }
        .carousel-img-box:hover img{
            transform: scale(1.2);
            transition: all 1s;
        }
        .carousel-arrow {
            position: absolute;
            content: "";
            top: 50%;
            transform: translateY(-50%);
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 10vw;
            color: #333;
            background: url("../images/you-jt.png") no-repeat;
            width: 40px;
            height: 55px;
            background-size: cover;
        }
        .arrow-left { 
            left: 10px;
            background: url("../images/zuo-jt.png") no-repeat; 
            width: 40px;
            height: 55px;
            background-size: cover;
        }
        .arrow-right { right: 10px; }
        .carousel-text-card {
            position: relative;
            width: 270px;
            background: linear-gradient(#fbe3af, #f7cf79);
            /*background-color: #f9e8b0;*/
            padding: 30px;
            border-radius: 25px;
        }
        .carousel-text-card h4 {
            color: #805c00;
            font-size: 18px;
            margin-bottom: 10px;
            text-align: left;
        }
        .carousel-text-card .alink{
            position: absolute;
            bottom: 0;
            right:10px;
            width:60px;
        }
        .carousel-text-card p {
            font-size: 13px;
            color: #555;
        }
        .tab-switch {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 12px;
        }
        .carousel-img-box img{
            border-radius: 25px;
        }
        .tab-btn {
            padding: 6px 18px;
            background: #e6d290;
            border: none;
            border-radius: 4px 4px 0 0;
            color: #664400;
            cursor: pointer;
            font-size: 14px;
        }
        .tab-btn.active {
            background: #f9e8b0;
        }
        /* 设备、创新多图网格 */
        .grid-row {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 8px;
            margin: 20px 0;
        }
        .grid-card {
            background: #fff;
            border-radius: 6px;
            overflow: hidden;
            position: relative;
        }
        .grid-card img {
            width: 100%;
            height: 160px;
            object-fit: cover;
            display: block;
        }
        .grid-card-text {
            background: #f9e8b0;
            padding: 10px;
            font-size: 13px;
            color: #664400;
            text-align: center;
        }
        /* CSR多图九宫格 */
        .csr-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 6px;
        }
        .csr-grid img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: 4px;
        }
        /* 员工留言区块 */
        .msg-wrap {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        .msg-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.06);
        }
        .msg-quote {
            padding: 20px;
            background: #fcf0c8;
            font-style: italic;
            font-size: 14px;
            color: #444;
            position: relative;
        }
        .msg-quote::before {
            content: "“";
            font-size: 40px;
            color: #c9a230;
            position: absolute;
            top: 5px;
            left: 10px;
            opacity: 0.6;
        }
        .msg-author {
            text-align: right;
            margin-top: 10px;
            font-weight: bold;
            color: #775500;
        }
        .msg-img-box {
            padding: 10px;
        }
        .msg-img-box img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-radius: 4px;
        }
        /* 页脚 */
        footer {
            padding: 20px;
            text-align: center;
            font-size: 12px;
            color: #777;
            background: #eef3ff;
        }

        /* 顶部渐变Banner头部 */
        .header-banner {
            position: relative;
            width: 1920px;
            height: 560px;
            background: linear-gradient(180deg, #021260 0%, #143FCC 100%);
            text-align: center;
            position: relative;
            overflow: hidden;
            background: url("../images/detailban2.jpg") no-repeat center;
            background-size: cover;x
        }
        /* 背景基建线稿+流光效果 */
        .header-logo-group {
            position: relative;
            z-index: 2;
            margin-bottom: 6px;
        }
        .header-logo-group img {
            height: 46px;
            vertical-align: middle;
        }
        .header-logo-group span {
            color: #fff;
            font-size: 28px;
            font-weight: bold;
            margin-left: 6px;
        }
        .header-sub-text {
            color: rgba(255,255,255,0.86);
            font-size: 14px;
            letter-spacing: 0.5px;
            margin-bottom: 4px;
        }
        .header-main-title {
            color: var(--gold);
            font-size: 26px;
            font-weight: 500;
        }

        /* 导航栏 */
        .nav-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            background: url("../images/navbg.png") no-repeat;
            width: 100%;
            height: 110px;
            line-height: 100px;
            background-size: cover;
        }
        .nav-container {
            position: relative;
            max-width: 1080px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .nav-container:before{
            position: absolute;
            content: "";
            background: url("../images/shuxian.png") no-repeat;
            width: 3px;
            height: 110px;
            background-size: cover;
            right: 0;
            top: 0;
        }
        .nav-link {
            position: relative;
            color: #fff;
            text-decoration: none;
            font-size: 24px;
            line-height: 24px;
            border-radius: 3px;
            transition: 0.25s ease;
            width: 16.66%;
            height: 110px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "MyCustomFont";
        }
        .nav-link:before{
            position: absolute;
            content: "";
            background: url("../images/shuxian.png") no-repeat;
            width: 3px;
            height: 110px;
            background-size: cover;
            left: 0;
            top: 0;
        }
        .nav-link:hover,.nav-link.active{
            background: url(../images/navactivebg.png) no-repeat;
            height: 110px;
            background-size:cover;
            text-shadow: 0 4px 4px rgba(0, 0, 30, .9);
        }
.detailimgw{width: 100%;}
        /* 页面主体容器 */
        .page-wrap {
     max-width: 1920px; 
    margin: 0 auto;
    position: relative;
    background: url(../images/detailbg00.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
        }
        /* 左右浅色几何装饰底纹 */

        /* 板块标题 */
        .section-title {
            font-family: "MyCustomFont2";
            text-align: center;
            color: var(--gold);
            padding: 60px 0 30px;
            position: relative;
            z-index: 1;
        font-size: 3.5vw;
        font-weight: normal;

        }
        .section-title::before {
            content: "";
            margin-right: 8px;
            background: url(../images/titleicom.png) no-repeat;
            width: 8vw;
            height: 6vw;
            background-size: 100%;
            position: absolute;
            left: 195px;
            top: 47px;
        }

        /* 员工语录主卡片 */
        .msg-main-card {
            max-width: 1080px;
            margin: 0 auto;
            background: var(--white);
            border-radius: 30px;
            padding: 60px 150px;
            position: relative;
            z-index: 1;
            /*box-shadow: 0 4px 18px rgba(0,0,0,0.05);*/
        }
        /* 引号装饰 */
        .quote-left {
            position: absolute;
            top: 24px;
            left: 24px;
            font-size: 64px;
            color: var(--gold);
            opacity: 0.7;
            line-height: 1;
        }
        /* 黄色内容区域 */
        .msg-yellow-box {
            position: relative;
            background: linear-gradient(#fbe3af, #f7cf79);
        border-radius: 8px;
        padding:70px 30px 20px;
        }
        .msg-yellow-box:before{
    position: absolute;
    content: "";
    background: url(../images/yinghao.png) no-repeat;
    width: 157px;
    height: 134px;
    background-size: cover;
    top: -41px;
    left: -22px;
        }
        .msg-text {
            font-size: 26px;
            color: #3e426b;
            font-family: "MyCustomFont3";
            line-height: 32px;
            padding: 0 50px;
            text-align: left;
        }
        .phototxt{
            position: absolute;
            bottom: 20px;
            left: 30px;
            font-size: 20px;
            font-family: "MyCustomFont3";
            color: #3e426b;
        }
        .msg-author {
            text-align: right;
            font-size: 64px;
            color: #3e426b;
            padding-right: 60px;
            font-family: "MyCustomFont";
            font-weight: normal;
        }
        /* 照片相框 */
        .photo-frame {
            width: 100%;
            padding: 0;
            border-radius: 6px;
            margin-top: -60px;
        }
        .photo-frame img {
            width: 100%;
            display: block;
            border-radius: 4px;
        }
        .photo-caption {
            font-size: 11px;
            color: #553C06;
            margin-top: 8px;
        }

        /* 底部版权 */
        .footer-copyright {
            padding: 20px;
            text-align: center;
            font-size: 11px;
            color: #3e426b;
            background: #d1ebf5;
            font-family: "MyCustomFont3";
            font-size: 14px;
        }
        .detail002 .section-title::before{
            left: 302px;
        }
        .detail002 .msg-main-card{
            padding: 35px;
        }
        .detailtxt1{
            border-bottom: 1px solid #ebebd7;
            padding-bottom: 20px;
            text-align: left;
            font-family: "MyCustomFont3";
            color: #a87c1a;
            font-size: 38px;
            font-weight: normal;
        }
        .detailtxt1 h3{
            font-weight: normal;
            line-height: 52px;
        }
        .detailtxt1 p{
            font-size: 18px;
        }
        .detailtxt002{
            font-family: "MyCustomFont3";
            font-size: 19px;
            line-height: 23px;
            text-align: left;
            padding-top: 30px;
        }
        .detailtxt002 img{
            margin-top: 30px;
            border-radius: 30px;
            width: 100%;
        }
        /*首页*/
        .mainbox{
            /*width: 71vw;*/
            width: 1080px;
            margin:0 auto;
            padding-top: 1px;
        }
        .indexbox .page-wrap{
            width: 100%;
            height: 100%;
        }
        .indexbox .section-title{
            padding: 1vw;
        }
        .indexbox .section-title::before{
            left: 16vw;
            top: 0vw;
            z-index: -1;
        }
        .indexbox .video-wrap video{
            width: 100%;
            border-radius: 20px;
        }
        .indexbox .indexpp1{
            text-align: left;
            font-size: 19px;
            line-height: 23px;
        }
        .indexbox .slide4 .indexpp1{
            margin-top: 0;
        }
        .indexbox .video-wrap video{
            height: 620px;
  width: 100%;
  display: block;
  /* 控制封面图/视频画面填充方式 */
  object-fit: cover; 
  /* 可选：封面垂直居中、裁剪多余部分 */
  object-position: center;
        }
        .indexbox .indexpp1{
            margin-top: 15px;
            font-family: "MyCustomFont3";
            color: #3e426b;
        }
        .indexbox .indexpp1 a{
            font-family: "MyCustomFont4";
            text-decoration: none;
            color: #ca9122;
            font-weight: normal;
        }
        .indexbox .slide5 .indexpp1{
            margin-top: 0;
        }
        .indexbox .page-wrap{
            background: url("../images/indexbg1.jpg") no-repeat center;
            width: 1920px;
            height: 930px;
            background-size: cover;
        }
        .indexbox .slide3 .section-title::before{
            left: 39vw;
        }
        .navbox001{
            margin-top: 30px;
        }
        .navbox001 a{
            display: none;
            position: relative;
            opacity: 0;
            background: url(../images/nav001.png) no-repeat;
            width: 1367px;
            height: 51px;
            line-height: 51px;
            background-size: cover;
            margin: 0 auto;
            font-size: 28px;
            color: #fff;
            font-family: "MyCustomFont2";
        }
        .navbox001 a.a2{
            background: url("../images/nav002.png") no-repeat;
            background-size: cover;
        }
        .navbox001 a p{
            position: absolute;
            color: #fff;
            left: 255px;
            width: 408px;
            font-size: 28px;
        }
        .navbox001 a:nth-child(2) p{
            position: absolute;
            color: #fff;
        }
        .navbox001 a p.p2{
            left:694px;
        }
        .navbox001 a.active1{
            opacity: 1;
            display: block;
        }
        .navbox001 a.a1 p.p1{
            text-shadow: 0 1px 1px rgba(184,136,30,1);
        }
        .navbox001 a.a2 p.p2{
            text-shadow: 0 1px 1px rgba(184,136,30,0.6);
        }
        .navbox001 a.a1.p2{
            text-shadow: none;
        }
        .navbox001 a.a2 p.p1{
            text-shadow: none;
        }
        .contentbox{
            display: none;
        }
        .maincontent .contentbox:nth-child(1){
            display: block;
        }
        .carousel-text-card h4{
            position: relative;
            font-family: "MyCustomFont2";
            font-size: 25px;
            color: #3e426b;
            font-weight: normal;
            line-height: 34px;
            padding-bottom: 15px;
        }
        .carousel-text-card h4:before{
            position: absolute;
            content: "";
            width: 50px;
            height: 2px;
            background: #d7bb7f;
            left: 0;
            bottom: 0;
        }
        .carousel-text-card p{
            text-align: left;
            font-family: "MyCustomFont3";
            font-size: 17px;
            line-height: 20px;
            margin-top: 15px;
            color: #3e426b;
        }
        .indexbox .page-wrap.slide3{
            background: url("../images/indexbg03.jpg") no-repeat center #e8f4f9;
            width: 1920px;
            height: 895px;
            background-size: cover;
        }
        .indexbox .page-wrap.slide3-2{
            background: url("../images/indexbg03-2.jpg") no-repeat center #e8f4f9;
            width: 1920px;
            height: 895px;
            background-size: cover;
        }
        .indexbox .page-wrap.slide4{
            background: url("../images/indexbg05.jpg") no-repeat center #fff;
            width: 1920px;
            height:798px;
            background-size: cover;
            margin-bottom: 17px;
        }
        .indexbox .page-wrap.slide5{
            background: url("../images/indexbg09.jpg") no-repeat center #fff;
            width: 100%;
            height:770px;
            background-size: cover;
        }
        .indexbox .slide4 .section-title::before{
            left: 37vw;
        }
        .indexbox .slide5 .section-title::before{
            left: 32vw;
        }
        .innovationsbox ul li{
            float: left;
        }
        .toptxtbox{
            position: relative;
            background: linear-gradient(#fbe3af, #f7cf79);
            font-family: "MyCustomFont2";
            font-size: 25px;
            color: #3e426b;
            font-weight: normal;
            line-height: 34px;
            padding: 25px 0;
            height: 225px;
            border-radius: 10px;
        }
        .toptxtbox a{
            position: absolute;
            width: 60px;
            height: 60px;
            bottom: 0;
            right: 5px;
            border-radius: 10px;
        }
        .toptxtbox a img{
            width: 100%;
            height: 100%;
        }
        .innovationsbox{
            display: block;
            overflow: hidden;
        }
        .innovimg{
            height: 225px;
            overflow: hidden;
            border-radius: 5px;
        }
        .innovimg img{
            height: 225px;
            border-radius: 5px;
            transition: all 1s;
        }
        .innovimg:hover img{
            transform: scale(1.2);
            transition: all 1s;            
        }
        .innovationsbox li{
            margin-left: 6px;
            list-style-type: none;
        }
        .toptxtbox p{
            font-size: 25px;
            line-height: 32px;
        }
        .innovationsbox ul{
            display: flex;
        }
        .innovationsbox ul li{
            flex: 1;
        }
        .aaa1{
            float: left;
            width: 32%;
            /* padding-left: .5vw; */
            margin-bottom: 6px;
            margin-left: 6px;
            border-radius: 5px;
            overflow: hidden;
            font-size: 25px;
            line-height: 33px;
            height: 200px;
            overflow: hidden;
        }
        .aaa1 img{
            height: 200px;
            border-radius: 5px;
            transition: all 1s;
        }
        .aaa1:hover img{
            transform: scale(1.2);
            transition: all 1s;
        }
        .aaa1{
            position: relative;
        }
        .aaa1 p{
            display: none;
            position: absolute;
            bottom: 0;
            left: 0;
            align-items: center;
            justify-content: center;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;            
            background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.9));
            transition: all 1s;
            color: #fff;
            font-family: "MyCustomFont2";
        }
        .aaa1:hover p{
            display: block;
            display: flex;
            transition: all 1s;
        }
        .mainbox .aaa1:nth-child(1),.mainbox .aaa1:nth-child(4),.mainbox .aaa1:nth-child(8){
            margin-left: 0;
        }
        .mainbox .aaa1:nth-child(4),.mainbox .aaa1:nth-child(5),.mainbox .aaa1:nth-child(6),.mainbox .aaa1:nth-child(7){
            width: 23.9%;
            height: 145px;
            overflow: hidden;
        }
        .mainbox .aaa1:nth-child(4) img,.mainbox .aaa1:nth-child(5) img,.mainbox .aaa1:nth-child(6) img,.mainbox .aaa1:nth-child(7) img{
            height: 145px;
        }
        .indexbox .page-wrap.slide6 {
            background: url(../images/indexbg06.jpg) no-repeat center #fff;
            width: 1920px;
            height:860px;
            background-size: cover;
        }
        .indexbox .slide6 .section-title::before{
            left: 40vw;
        }
        .indexbox .slide7 .section-title::before{
            left: 34vw;
        }
        .indexbox .page-wrap.slide7 {
            background: url(../images/indexbg07.jpg) no-repeat center #fff;
            width: 1920px;
            height: 1034px;
            background-size: cover;
        }
        .slide6 .equSwiper{
            padding-bottom: 23px;
        }
        .equSwiper .swiper-button-next, .equSwiper .swiper-button-prev{
            top: 243px;
        }
        .indexbox .slide7 .indexpp1,.indexbox .slide6 .indexpp1{
            margin-top: 0;
        }
        .indexbox .slide7 .section-title,.indexbox .slide6 .section-title,.indexbox .slide5 .section-title,.indexbox .slide4 .section-title{
            padding: 1.5vw 0 .5vw 0;
        }
        .swiper-button-next{
                color: #fff;
        }
        .swiper-button-prev{
            color: #fff;
        }
        .slide1-1 .swiper-button-next,
        .slide4 .swiper-button-next{
                right: 290px;
                left: auto;
        }
        .slide1-2 .swiper-button-prev{
            left: 290px;
        }
        .slide6 .swiper-button-prev{
            top: 278px;
        }
        .slide6 .swiper-button-next{
            right: 40px;
            top: 278px;
        }
        .slide6 .swiper-button-next:after, .slide6 .swiper-button-prev:after{
            color: #babfd7;
        }
        .slide5 .swiper-pagination-clickable .swiper-pagination-bullet,.swiperScale .swiper-pagination-clickable .swiper-pagination-bullet{
            width: 215px;
            height: 4px;
            background: #edd694;
            border-radius: 0;
            margin: 0;
            opacity: 1;
        }
        .swiperScale .swiper-pagination-bullets.swiper-pagination-horizontal{
            bottom: 25px;
        }
        .slide5 .swiper-pagination-clickable .swiper-pagination-bullet-active,.swiperScale .swiper-pagination-clickable .swiper-pagination-bullet-active{
            border-radius: 50px;            
            height:12px;
            border: 3px solid #edd694;
            background: #fff;
        }
        .slide5 .swiper-horizontal>.swiper-pagination-bullets, 
        .swiper-pagination-bullets.swiper-pagination-horizontal,
        .slide7 .swiperzyjiant .swiper-pagination-horizontal
        {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .slide7 .msg-text{
            font-size: 18px;
            line-height: 22px;
            padding:0 20px;
            display: -webkit-box;            
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 7; 
          overflow: hidden;
          text-overflow: ellipsis;
          /*max-height: 8.5em;    */
        }
        .hengxian{
            margin-top: -20px;
        }
        .slide7 .msg-author{
            font-size: 32px;
            margin-right: 0;
            padding-right: 0;
            font-family: "MyCustomFont";
            font-weight: normal;
            margin-top: 0;
        }
        .slide7 .msg-yellow-box:before{
            width: 70px;
            height: 60px;
            background-size: cover;
            left: -9px;
            top: -14px;
        }
        .slide7 .index-videos .swiper-slide img{
            height: auto;
        }   
        .slide7 .msg-yellow-box{
            border-radius: 6px;
            padding:31px 15px;
            height: auto;
            box-sizing: border-box;
        }
        .slide7 .phototxt{
            font-size: 14px;
            bottom: 13px;
        }
        .slide7 .photo-frame{
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -25px;
        }
        .slide7 .swiper-button-prev:after,.slide7 .swiper-rtl .swiper-button-next:after,
        .slide7 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
            color: #babfd7;
        }
        /*尾部swiper*/
        .childswiper1 {
      width: 100%;
      height: 100%;
    }

    .childswiper1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

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


  .index-videos .swiper-slide {
      width: 715px;

      transition: all 0.3s ease;
      transform: scale(0.9);
  }
.parentswiper{
    margin-bottom: 50px;
}
  .index-videos .swiper-slide img {
      width: 100%;
      height: 330px;
      object-fit: cover;
  }
  /* 当前居中的卡片放大 */
  .index-videos .swiper-slide-active {
    transform: scale(1.05);
    z-index: 10;
  }

  .index-videos .swiper-slide .img {
      position: relative;
  }
  .index-videos .swiper-slide.swiper-slide-active .img::after {
      opacity: 0;
  }

  .index-videos .swiper-slide .title {
      line-height: 1.5;
      font-size: 24px;
      text-align: center;
      margin-top: 20px;
      transition: all 0.3s ease;
      opacity: 0;
  }
  .equSwiper{
    padding-bottom: 10px;
  }
  .index-videos .swiper-slide.swiper-slide-active .title {
      opacity: 1;
  }
  .equSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.autoSwiper .swiper-pagination-bullets.swiper-pagination-horizontal
  {
    bottom: 0;
  }
  .equSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
  .autoSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .equSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
  .autoSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 8.5px;
  }
    .equSwiper .swiper-pagination-clickable .swiper-pagination-bullet-active,
    .autoSwiper .swiper-pagination-clickable .swiper-pagination-bullet-active{
        border-radius: 50px; 
        height:16px;
        border: 4px solid #edd694;
        background: #fff;
        width: 16px;
    }
    .slide6 .autoSwiper{
    padding-bottom: 23px;
}
    .equSwiper .swiper-pagination-bullet{
        display: flex;
        align-items: center;
        justify-content: center;
        background: #bbd9e8;
        opacity: 1;
    }
    .swiperzyjiant{
        width: 1200px;
        height: 60px;
        position: absolute;
        bottom: 40px;
        display: flex;
        align-items: center;
        margin: 0 auto;
        left: 50%;
        margin-left: -600px;
    }
    .swiper-button-next:after{
        position: absolute;
        content: "";
        background: url("../images/rightjt.png") no-repeat;
        width: 27px;
        height: 71px;
        background-size: cover;
    }
    .swiper-button-prev:after{
        position: absolute;
        content: "";
        background: url("../images/leftjt.png") no-repeat;
        width: 27px;
        height: 71px;
        background-size: cover;
    }
    .slide6 .swiper-button-next:after,.slide7 .swiper-button-next:after{
        background: url("../images/rightjt-hui.png") no-repeat;
    }
    .slide6 .swiper-button-prev:after,.slide7 .swiper-button-prev:after{
        background: url("../images/leftjt-hui.png") no-repeat;
    }
    .slide7 a{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 10;
        height: 100%;
    }
    .detail001{
        background: url("../images/neiyebanner.jpg") no-repeat center;
        margin: 0 auto;
        width: 1920px;
        height: 380px;
        background-size:cover;

    }
    .detialbox{
        display: flex;
    }
    .padddbottom{
        padding-bottom: 30px;
    }
    .slide6content{
        width: 1200px;margin: 20px auto;overflow: hidden;
    }
    .slide7content{
        width: 1480px;margin: 20px auto;overflow: hidden;
    }
    .slide7 .index-videos{
        position: relative;
        height: 810px;
        margin-top: -69px;
    }
    .slide5content{
        max-width: 1920px;
        height: 550px;
        overflow: hidden;
        margin-top: -10px;
    }
    .pagsepaddleft{
        bottom: .3vw;padding-left:43px;
    }
    .mainbox1920{
        max-width: 1920px;
        margin: 0 auto;
    }
    #imageFlow{display: none; width:100%;height:390px;overflow:hidden;position:relative;margin:30px auto 0 auto;}
#imageFlow .diapo{position:absolute;left:-1000px;cursor:pointer;overflow:hidden;}
#imageFlow .bank{visibility:hidden;overflow:hidden;}
#imageFlow ul{height:20px;margin:0 auto;width:100%;text-align:center;}
#imageFlow ul li{color:#333;font-size:12px;text-align:left;margin-left:30%;height:20px;line-height:20px;overflow:hidden;width:100%;vertical-align:bottom;}
#imageFlow .text{position:absolute;left:0px;width:80px;bottom:1%;text-align:center;color:#333;font-family:verdana, arial, Helvetica, sans-serif;z-index:1000;}
#imageFlow .title{font-size:0.9em;font-weight:bold;}
#imageFlow .legend{font-size:0.8em;}
#imageFlow .scrollbar{position:absolute;left:0;top:0;width:100%;height:16px;z-index:1;}
#imageFlow .scrollbar img{cursor:pointer;}
#imageFlow .track{position:absolute;width:100%;height:16px;top:0px;}
#imageFlow .arrow-left{position:absolute;left:0;z-index:1;}
#imageFlow .arrow-right{position:absolute;right:0;z-index:1;}
#imageFlow .bar{position:absolute;height:16px;left:25px;top:0px;cursor:pointer;}
#imageFlow .ProTi{color:#ff6600;font-weight:bold;}
#imageFlow .ProRmb{font-weight:bold;}
#imageFlow .ProMo{color:#ff6600;cursor:pointer;}


/* 底部拖拽轨道 */
.swiper-scrollbar {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 99px;
}
/* 拖拽滑块 */
.swiper-scrollbar-drag {
  height: 100%;
  cursor: grab;
    border-radius: 50px;
    height: 12px;
    border: 3px solid #edd694;
    background: #fff;
}
.swiper-scrollbar-drag:active {
  cursor: grabbing;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
  position: relative;
  height: 9px;
  width: 1200px;
  margin: 0 auto;
}
.swiper-scrollbar.swiper-scrollbar-horizontal:before{
  position: absolute;
  width: 100%;
  content: "";
  left: 0;
  z-index: -1;
  height: 4px;
  background: #edd694;
}
.slide5content .swiper-wrapper{
  height: 95%;
}
.slide5content .swiper-scrollbar-drag{
  top: -4px;
  width:151px !important;
}
/*.swiper-scrollbar-drag{
  width: 110px !important;
}*/
.slide7 .swiper-container {
      width: 100%;
      height: 100%;
      padding: 70px 0px;
    }
    .slide7 .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: 300ms;
      transform: scale(0.9);
    }
    .slide7 .swiper-slide-active,.slide7 .swiper-slide-duplicate-active{
      transform: scale(1.15);
    }

    /* ========== 底部拖拽滚动条样式 ========== */
  
    .slide7 .swiper-scrollbar-drag:active {
      cursor: grabbing;
    }

    .slide7 .swiper-scrollbar.swiper-scrollbar-horizontal{
        width: 1080px;
    }
    .slide7 .swiper-button-next{
        right: -20px;
    }
    .slide7 .swiper-scrollbar.swiper-scrollbar-horizontal:before{
        bottom: 0;
    }
        /* ========== 移动端适配 ==  
        ======== */
        @media (max-width: 768px) {
        .mainbox1920,.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal,
        .slide7 .swiper-scrollbar.swiper-scrollbar-horizontal{
            width: 100%;
        }
    .pagsepaddleft{padding-left: 0;}
            .mainbox{width: 100%;}
            .header-banner{
        width: 100%;
        height:37vw;
        background-size: 100% 100%;
        padding: 0;}
            .nav-bar{height: 15vw;}
            .header-main-title {
                font-size: 20px;
            }
            .section-title {
                font-size: 22px;
                padding: 20px 0 20px;
            }
            .msg-main-card {
                padding: 20px;
            }
            .msg-yellow-box {
                padding: 24px 16px 16px;
            }
            .quote-left {
                font-size: 48px;
                top: 16px;
                left: 16px;
            }
            .nav-container {
                width: 100%;
            }
            .nav-link {
                flex: 1;
                padding: 3px 5px;
                font-size: 3vw;
                line-height: 3vw;
                height: 14vw;
            }
            .nav-link:hover, .nav-link.active{
                width: auto;
                height: 15vw;
            }
            .section-title::before {
                content: "";
                margin-right: 8px;
                background: url(../images/titleicom.png) no-repeat;
                width: 20vw;
                height: 10vw;
                background-size: 100%;
                position: absolute;
                left: 9vw;
                top: 6px;
            }
            .msg-text {
                font-size: 3vw;
                color: #3e426b;
                font-family: "MyCustomFont3";
                line-height: 4vw;
                padding: 0 4vw;
                text-align: left;
            }
            .msg-yellow-box:before {
                position: absolute;
                content: "";
                background: url(../images/yinghao.png) no-repeat;
                width: 15vw;
                height: 14vw;
                background-size: cover;
                top: -4vw;
                left: -7px;
            }
            .msg-author {
                text-align: right;
                font-size: 64px;
                color: #3e426b;
                font-size: 7vw;
                padding-right: 4vw;
                font-family: "MyCustomFont2";
                position: relative;
            }
            .msg-author .sp1111{
                letter-spacing: -2px;
            }
            .photo-frame{
                 margin-top: -25px;
            }
            .phototxt{
                bottom: 8px;
                font-size: 3vw;
            }
            .page-wrap{
                max-width: 100%;
            }
            .footer-copyright{
                font-size: 3vw;
                line-height: 4vw;
            }
            .detail002 .msg-main-card{
                padding: 5vw;
            }
            .detailtxt1 h3{
                font-size: 5vw;
                line-height: 6vw;
            }
            .detailtxt1 p{
                font-size: 3vw;
            }
            .detailtxt1{
                padding-bottom: 3vw;
            }
            .detail002 .section-title::before{
                left: 24vw;
            }
            .detailtxt002{
                font-size: 3.4vw;
                line-height: 4.2vw;
            }
            .detailtxt002{
                padding-top: 3vw;
            }
            .detailtxt002 img{
                margin-top: 3vw;
            }

             .header-title {
                font-size: 20px;
            }
            .section-title {
                font-size: 22px;
            }
            .carousel-wrap {
                flex-direction: column;
            }
            .csr-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .nav-wrap {
                flex-wrap: wrap;
            }
            .nav-item {
                min-width: 50%;
                font-size: 13px;
            }
            .title6{
                width: 100%;
            }
            .indexbox .page-wrap{
                padding: 0 4vw;
                height: 160vw;
            }
            .indexbox .video-wrap video{
                height: auto;
            }
            .navbox001 a{
                width: 50%;
                height:20vw;
                line-height: 20vw;
                background-size: 100%;
            }
            .carousel-text-card,.carousel-img-box{
                width: 100%;
            }
            .slide6content{
                width:100%;
                margin: 20px auto;
                overflow: hidden;
            }
            .slide7content{
                width: 100%;
            }
            .slide7 .index-videos{
                height: 63vw;
            }
            .navbox001 a{
                width: 100%;
            }
            .navbox001 a p{
                width: 50%;
                left: 0;
                font-size: 5vw;
            }
            .navbox001 a p.p2{
                left: 50%;
            }
            .indexbox .page-wrap.slide3{
                width: 100%;
                height: 230vw;
                background: #e8f4f9;
            }
            .navbox001 a p.p1{
                background: #e0c473;
            }
            .navbox001 a p.p2{
                background: #e5d39e;
            }
            .navbox001 a.a2 p.p1{
                background: #e5d39e;
            }
            .navbox001 a.a2 p.p2{
                background: #e0c473;
            }
            .indexbox .page-wrap.slide7{
                width: 100%;
                height: 110vw;
            }
            .slide5 .swiper-pagination-clickable .swiper-pagination-bullet, .swiperScale .swiper-pagination-clickable .swiper-pagination-bullet{
                width: 10vw;
            }
            .mainbox .aaa1:nth-child(4), .mainbox .aaa1:nth-child(5), .mainbox .aaa1:nth-child(6), .mainbox .aaa1:nth-child(7){
                width: 23.5%;
            }
            .aaa1:hover p,.toptxtbox p{
                font-size: 3vw;
                line-height: 5vw;
            }
            .toptxtbox a{
                width: 10vw;
                height: 10vw;
            }
            .slide7 .index-videos{
                margin-top: -12vw;
            }
            .toptxtbox,.innovimg img,.innovimg{
                height: 30vw;
            }
            .slide5content{
                max-width: 100%;
                height: 83vw;
                overflow: hidden;
                margin-top: -20px;
            }
            .indexbox .page-wrap.slide5{
                height: auto;
                padding-bottom: 6vw;
            }
            .toptxtbox{
                padding: 1vw;
            }
            .toptxtbox p{
                line-height: 4vw;
             }
             .slide1-1 .swiper-button-next, .slide4 .swiper-button-next{
                right: 0;
             }
             .slide1-2 .swiper-button-prev{
                left: 0;
             }
             .equSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .equSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
                margin: 0 3.5px;
             }
             .swiperzyjiant{
                width: 80%;
                margin-left: -40%;
             }
             .indexbox .page-wrap.slide4{
                height: 191vw;
             }
             .slide7 .swiper-button-prev:after,.slide7 .swiper-button-next:after{
                width: 3vw;
                height: 7vw;
                background-size: cover;
             }
             .navbox001{
                margin-top: 3vw; 
             }
             .slide7 .swiper-container{
                padding: 4vw 0;
             }
             .swiperzyjiant{
                bottom: -12vw;
             }
             .slide7 .swiper-scrollbar.swiper-scrollbar-horizontal{
                width: 80%;
             }
             .slide7 .swiper-button-next{
                right: 0;
             }
        }