/* 底层代码 */

body {

    font-family: 'Noto Sans SC', 
                 -apple-system, BlinkMacSystemFont, 
                 "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, 
                 "Helvetica Neue", sans-serif;
}

html{box-sizing:border-box;-webkit-text-size-adjust:100%;font-size:10px}
*,*:before,*:after{box-sizing:inherit}
::-webkit-scrollbar{width:0.6rem}
::-webkit-scrollbar-track{background:#f5f5f5;border-radius:0.3rem}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.6);border-radius:0.3rem;transition:all 0.3s ease}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}
:root{--primary-color:#137439;--text-color:#333;--light-bg:#f5f5f5}
body{font-size:1.4rem;color:var(--text-color);line-height:1.5;}

.container{max-width:160rem;margin:0 auto;padding:0 2rem;width:100%}

/* 基础动画类 */

.scroll-animate{opacity:0;transition:all 1s ease}

.scroll-animate[data-animation=fade-up]{transform:translateY(30px)}

.scroll-animate[data-animation=fade-down]{transform:translateY(-30px)}

.scroll-animate[data-animation=fade-left]{transform:translateX(50px)}

.scroll-animate[data-animation=fade-right]{transform:translateX(-50px)}

.scroll-animate.animate{opacity:1;transform:translate(0)}

.scroll-animate[data-delay="200"]{transition-delay:.2s}

.scroll-animate[data-delay="400"]{transition-delay:.4s}

.scroll-animate[data-delay="600"]{transition-delay:.6s}

.text-center{text-align: center;}

.text-secondary{padding: 5rem 0;}

@media screen and (max-width:768px){

    html{font-size:9px}

    }





/* 头部 导航 */

.g-header{position:fixed;top:0;left:0;right:0;height:8rem;box-shadow:0 0.2rem 1rem rgba(0,0,0,0.1);z-index:1000; background: #fff url('../images/honor_bg.jpg')}

.m-nav{width:100%;height:100%}

.m-nav .nav-content{max-width:160rem;height:100%;margin:0 auto;display:flex;align-items:center;padding:0 2rem;position:relative}

.m-nav .logo{height:12rem;flex-shrink:0;}

.m-nav .logo:hover{}

.m-nav .logo img{height:100%;transition:opacity 0.4s ease-out;border-radius: 0 0 2rem 2rem;}

.m-nav .nav-list{
  display: flex;
  justify-content: center; /* 水平居中 */
  flex: 1;
}

.m-nav .nav-list > li{position:relative;margin:0 3%}

.m-nav .nav-list > li > a{display:flex;align-items:center;height:8rem;font-size:1.6rem;color:#333;transition:all 0.3s ease;position:relative;font-weight: bold;}

.m-nav .nav-list > li > a .layui-icon{display:none}

.m-nav .nav-list > li.has-sub > a::before{content:'\e625';font-family:'layui-icon' !important;position:absolute;right:-1.8rem;font-size:1.2rem;color:#999;top:50%;transform:translateY(-50%)}

.m-nav .nav-list > li > a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:0.2rem;background:var(--primary-color);transition:all 0.4s ease-out;transform:translateX(-50%);opacity:0}

.m-nav .nav-list > li > a:hover,.m-nav .nav-list > li.active > a{color:var(--primary-color)}

.m-nav .nav-list > li > a:hover::after,.m-nav .nav-list > li.active > a::after{width:100%;opacity:1}

.m-nav .nav-list > li.has-sub:hover > a::before{color:#999}

.m-nav .sub-menu{position:absolute;top:100%;left:50%;z-index:99999;transform:translateX(-50%) translateY(1rem);background:#fff;min-width:12rem;padding:1rem 0;box-shadow:0 0.3rem 1rem rgba(0,0,0,0.08);opacity:0;visibility:hidden;transition:all 0.4s ease-out}

.m-nav .has-sub:hover .sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.m-nav .sub-menu li a{display:block;padding:1rem 1.5rem;font-size:1.4rem;color:var(--text-color);transition:all 0.3s;white-space:nowrap;text-align: center;}

.m-nav .sub-menu li a:hover{color:var(--primary-color);background:#f5f5f5}

.m-nav .nav-right{display:flex;align-items:center;flex-shrink:0}

.phone-box{display:flex;align-items:center;margin-right:2rem}

.phone-icon{width:4rem;height:4rem;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}

.phone-icon img{width:60%;height:60%;object-fit:contain}

.phone-icon i{color:#fff;font-size:2.2rem}

.phone{font-size:1.8rem;color:var(--primary-color);font-weight:bold}

.g-header .nav-solution-btn{display:flex;align-items:center;padding:0 2rem;height:5rem;background-image:linear-gradient(

        90deg,rgb(5,77,169) 0%,rgb(5,77,169) 50%,rgb(15,136,206) 100%

    );background-size:200% 100%;color:#fff;border-radius:0.8rem;transition:transform 0.3s ease,background-position 0.6s ease}

.g-header .nav-solution-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);background-position:100% 0}

.g-header .nav-solution-btn .layui-icon{margin-left:0.8rem;font-size:1.8rem}

.g-header .nav-solution-btn span{font-size:1.5rem}

.float-solution-btn{position:fixed;right:2rem;bottom:37rem;width:5rem;height:5rem;background:linear-gradient(135deg,var(--primary-color),#429a4e);border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 0.2rem 1rem rgba(0,84,167,0.3);z-index:999;cursor:pointer;transition:all 0.3s ease}

.float-solution-btn:hover{transform:translateY(-0.3rem);box-shadow:0 0.4rem 1.5rem rgba(0,84,167,0.4)}

.float-solution-btn .layui-icon{font-size:2.4rem;color:#fff}

.sub-arrow{display:none;width:4rem;height:4rem;position:absolute;right:0;top:0.5rem;cursor:pointer;text-align:center;line-height:4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}

.sub-arrow:after{content:'';display:inline-block;width:0.8rem;height:0.8rem;border-right:0.2rem solid #666;border-bottom:0.2rem  solid #666;transform:rotate(45deg);transition:transform 0.3s}

.has-sub.active .sub-arrow:after{transform:rotate(-135deg)}



.pc-nav{display:block}

.mobile-menu{display:none;padding:1.5rem;font-size:2rem}

.mobile-menu-btn{display:none;width:3rem;height:2.4rem;position:relative;cursor:pointer;z-index:1001}

.mobile-menu-btn span{display:block;width:100%;height:2px;background:var(--primary-color);position:absolute;left:0;transition:all 0.3s ease-out}

.mobile-menu-btn span:nth-child(1){top:0}

.mobile-menu-btn span:nth-child(2){top:50%;transform:translateY(-50%)}

.mobile-menu-btn span:nth-child(3){bottom:0}

.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg);top:50%;margin-top:-1px}

.mobile-menu-btn.active span:nth-child(2){opacity:0}

.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg);bottom:50%;margin-bottom:-1px}

.mobile-menu-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999;display:none;backdrop-filter:blur(5px)}



/* 头部弹窗 */

.m-contact-popup .layui-layer-title{background:linear-gradient(135deg,var(--primary-color),#429a4e);color:#fff;font-size:1.6rem;height:5rem;line-height:5rem;border:none;padding:0 2rem;border-radius:0.4rem 0.4rem 0 0;position:relative;overflow:hidden}

.m-contact-popup .layui-layer-title:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1));animation:shine 3s infinite}

.m-contact{padding:3rem 2rem;background:#fff;position:relative}

.m-contact .qrcode-wrap{text-align:center;margin-bottom:3rem;position:relative;padding:1rem}

.m-contact .qrcode-wrap:before{content:'';position:absolute;top:-1rem;left:-1rem;width:2rem;height:2rem;border-left:2px solid var(--primary-color);border-top:2px solid var(--primary-color)}

.m-contact .qrcode-wrap:after{content:'';position:absolute;bottom:-1rem;right:-1rem;width:2rem;height:2rem;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color)}

.m-contact .qrcode-wrap img{width:16rem;height:16rem;border:1px solid #eee;padding:0.5rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.05);transition:transform 0.3s ease}

.m-contact .qrcode-wrap img:hover{transform:scale(1.02)}

.m-contact .qrcode-wrap p{color:#666;font-size:1.4rem;margin-top:1.5rem;position:relative;display:inline-block;padding:0.5rem 2rem;background:linear-gradient(90deg,transparent,rgba(0,84,167,0.1),transparent)}

.m-contact .contact-info{border-top:1px dashed rgba(0,84,167,0.2);padding-top:2rem;position:relative}

.m-contact .contact-info:before{content:'';position:absolute;top:-0.5rem;left:50%;transform:translateX(-50%);width:4rem;height:1rem;background:#fff}

.m-contact .info-item{display:flex;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;border-radius:0.4rem;background:linear-gradient(90deg,rgba(0,84,167,0.05),transparent);transition:all 0.3s ease}

.m-contact .info-item:hover{background:linear-gradient(90deg,rgba(0,84,167,0.1),transparent);transform:translateX(0.5rem)}

.m-contact .info-item:last-child{margin-bottom:0}

.m-contact .info-item .layui-icon{font-size:2rem;color:var(--primary-color);margin-right:1.5rem;position:relative}

.m-contact .info-item .layui-icon:after{content:'';position:absolute;width:1px;height:2rem;background:rgba(0,84,167,0.1);right:-0.75rem;top:50%;transform:translateY(-50%)}

.m-contact .info-item span{font-size:1.4rem;color:#333}



@keyframes shine{0%{transform:translateX(-100%)}

50%,100%{transform:translateX(100%)}

}

.popup-scale-in{animation:popupScaleIn 0.3s ease-out}

@keyframes popupScaleIn{0%{opacity:0;transform:scale(0.8)}

100%{opacity:1;transform:scale(1)}

}





@media screen and (max-width:1400px){

    .m-nav .nav-list{margin-left:4rem}

    .m-nav .nav-list > li > a{font-size:1.5rem}

    .m-nav .nav-solution-btn{display:none}

    .float-solution-btn{display:flex;animation:floatButton 3s ease-in-out infinite}

}

@keyframes floatButton{0%,100%{transform:translateY(0)}

50%{transform:translateY(-0.5rem)}

}



@media screen and (max-width:1200px){

    .m-nav .nav-list{margin-left:3rem}

    .m-nav .nav-list > li > a{font-size:1.4rem}

}





@media screen and (max-width:1000px){

    .m-nav .phone-box{display:none}

    .m-nav .nav-list{margin-left:2rem}

}





@media screen and (max-width:768px){

    .g-header{height:6rem}

    /* .m-nav .nav-content{padding-left: 0;} */

    .m-nav .logo img{height: 78%;
        object-fit: contain;
        width: 100%;
        top: 1.5rem;
        position: relative;}

    .m-nav .nav-list{display:none}

    .m-nav .nav-list.active{display:block}

    .m-nav .sub-menu li a{font-size:1.6rem; text-align: left;}

    .m-nav .nav-list > li > a{font-size:1.8rem}

    .m-nav .mobile-menu-btn{display:block;margin-left:auto}

    .m-nav .nav-list{position:fixed;top:0;right:-70%;width:70%;height:100%;background:#fff;flex-direction:column;padding:8rem 2rem 2rem;margin:0;z-index:1000;transition:transform 0.3s ease-out;overflow-y:auto}

    .m-nav .nav-list.active{transform:translateX(-100%)}

    .m-nav .nav-list > li{margin:0;border-bottom:1px solid rgba(0,0,0,0.05)}

    .m-nav .nav-list > li > a{height:5rem;font-size:1.8rem;font-weight: bold;}

    .m-nav .nav-list > li.has-sub > a::before{display:none;right:0;transform:translateY(-50%) rotate(0deg);transition:transform 0.3s ease}

    .m-nav .nav-list > li.has-sub.active > a::before{transform:translateY(-50%) rotate(180deg)}

    .m-nav .sub-menu{position:relative;width:100%;background:rgba(0,0,0,0.02);display:none;padding:1rem 0}

    .m-nav .nav-list > li.active .sub-menu{display:block}

    .m-nav .nav-right{display:none}

    .m-nav .pc-nav{display:none}

    .m-nav .mobile-menu{display:block}

    .m-nav  .sub-arrow{display:block}

    .float-solution-btn{bottom: 16rem;right: 1.2rem;}

}





/* banner */

.m-banner{position:relative;width:100%;height:0;padding-bottom:46.875%;overflow:hidden}

.m-banner .swiper-container,.m-banner .swiper-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}

.m-banner .swiper-slide{position:relative;width:100%;height:100%;overflow:hidden}

.m-banner img{width:100%;height:100%;object-fit:cover}

.m-banner .pc-video-slide,.m-banner .swiper-slide a{position:absolute;top:0;left:0;width:100%;height:100%;display:block}

.m-banner .banner-video,.m-banner .swiper-slide picture,.m-banner .swiper-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

.m-banner .swiper-slide picture{display:block}

.m-banner .swiper-slide picture img{width:100%;height:100%;object-fit:cover}

.m-banner .play-video-btn{display:inline-flex;align-items:center;margin-top:4rem;padding:0 3rem;height:4rem;background:transparent;border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(8px);border-radius:2.5rem;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}

.m-banner .play-video-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);transform:translateY(-2px)}

.m-banner .play-video-btn .play-icon{width:1.2rem;height:1.2rem;margin-right:1rem;position:relative;display:inline-block}

.m-banner .play-video-btn .play-icon::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #fff}

.m-banner .play-video-btn .btn-text{color:#fff;font-size:1.6rem;font-weight:500;letter-spacing:0.05em;position:relative}

.m-banner .play-video-btn:active{transform:scale(0.98)}

.m-banner .play-video-btn::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);opacity:0;transition:opacity 0.3s ease}

.m-banner .play-video-btn:hover::after{opacity:1}

.m-banner .banner-text{position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2}

.m-banner .banner-text h2{font-size:4.8rem;margin-bottom:2rem}

.m-banner .banner-text p{font-size:2.4rem}

.m-banner .swiper-button-next,.m-banner .swiper-button-prev{color:#fff}

.m-banner .swiper-pagination{bottom:3rem !important}

.m-banner .swiper-pagination-bullet{width:3rem;height:0.3rem;border-radius:0.15rem;background:rgba(255,255,255,0.4);margin:0 0.5rem !important;transition:all 0.3s ease}

.m-banner .swiper-pagination-bullet-active{background:#fff;width:5rem}

.m-banner .pc-video-slide .pc-only,.m-banner .pc-video-slide .mobile-only{position:absolute;top:0;left:0;width:100%;height:100%}

.m-banner .pc-video-slide .mobile-only{display:none}

.m-banner .pc-video-slide .mobile-only picture,.pc-video-slide .mobile-only img{width:100%;height:100%;object-fit:cover}

.m-banner .pc-video-slide{position:relative}

.m-banner .banner-video{width:100%;height:100%;object-fit:cover}

.m-banner .video-mute-btn{position:absolute;right:7rem;bottom:3rem;width:5rem;z-index: 6664; height:5rem;border:none;border-radius:50%;background:rgba(0,0,0,0.5);cursor:pointer;transition:all 0.3s ease;padding:0;display:flex;align-items:center;justify-content:center}

.m-banner .video-mute-btn:hover{background:rgba(0,0,0,0.7);transform:scale(1.1)}

.m-banner .video-mute-btn i{width:2.4rem;height:2.4rem;background:url('../images/unmute.png') no-repeat center/contain;display:block;transition:background-image 0.3s ease}

.m-banner .video-mute-btn i.unmute-icon{background-image:url('../images/mute.png')}

@media screen and (max-width:1400px){

    .m-banner  .video-mute-btn i,.video-mute-btn i.unmute-icon{width:2.2rem;height:2.2rem}

}

.m-banner .video-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(255,255,255,0.2);transform:scaleY(0);transition:transform 0.3s ease;z-index:10}

.m-banner .video-progress .progress-bar{width:0;height:100%;background:#fff;position:absolute;left:0;top:0;transition:width 0.1s linear}

.m-banner .pc-video-slide.unmuted .video-progress{transform:scaleY(1)}



@media screen and (max-width:1400px){

    .m-banner .video-mute-btn{width:4.6rem;height:4.6rem;}

    .m-banner .video-mute-btn i{width:2.2rem;height:2.2rem}

    .m-banner .swiper-pagination{bottom:2.8rem !important}

    .m-banner .swiper-pagination-bullet{width:2.5rem;height:0.25rem}

    .m-banner .swiper-pagination-bullet-active{width:4rem}

}

@media screen and (max-width:1200px){

    .m-banner .video-mute-btn{width:4.2rem;height:4.2rem}

    .m-banner .video-mute-btn i{width:2rem;height:2rem}

    .m-banner .swiper-pagination{bottom:2.5rem !important}

    .m-banner .swiper-pagination-bullet{width:2rem;height:0.2rem}

    .m-banner .swiper-pagination-bullet-active{width:3.5rem}

}



@media screen and (min-width:76.9rem){

    .m-banner .pc-video-slide{position:relative}

    .m-banner .banner-video{width:100%;height:100%;object-fit:cover}



}



@media screen and (max-width:768px){

    .m-banner .pc-video-slide .pc-only{display:none}

    .m-banner .pc-video-slide .mobile-only{display:block}

    .m-banner .video-mute-btn{display:none}

    .m-banner{padding-bottom:80%}

    .m-banner .banner-text{top: 55%;}

    .m-banner .banner-text h2{font-size:3.2rem}

    .m-banner .banner-text p{font-size:1.8rem}

    .m-banner .play-video-btn{height:4.4rem;padding:0 2.5rem;margin-bottom: 3rem;}

    .m-banner .play-video-btn .btn-text{font-size:1.4rem}

}





/* 布局 */      

.section{margin:5rem 0}

.section-title{text-align:center;margin-bottom:4rem}

.section-title h2{font-size:3.6rem;font-weight:600;color:#333;line-height:1.4;margin-bottom:1.6rem}

.section-title p{font-size:1.6rem;line-height:1.8;color:#666;max-width:80rem;margin:0 auto}

@media screen and (max-width:768px){

    .section-title{margin-bottom:3rem}

    .section-title h2{font-size:2.4rem;margin-bottom:1.2rem}

    .section-title p{font-size:1.4rem;line-height:1.6;padding:0 2rem}

}







/* 关于我们 */

.m-about{position:relative;background:url('../images/about_bg.jpg') no-repeat center;background-size:cover;padding:5rem 0}

.m-about .container{position:relative;z-index:2}

.m-about .about-content{position:relative;display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"left right-top" "left right-bottom";gap:3rem;max-width:144rem;margin:0 auto;padding:0 2rem}

.m-about .left_part{grid-area:left;position:relative;overflow:hidden;height:100%;z-index:1}

.m-about .left_part .about-img{width:100%;height:100%;object-fit:cover}

.m-about .right_top{grid-area:right-top;background:var(--primary-color) url(../images/about_blue_bg.png) no-repeat right bottom;background-size:contain;padding:4rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15);margin-left:-20rem;z-index:2;position:relative}

.m-about .about-text p{font-size:1.6rem;line-height:1.8;color:#fff;margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}

.m-about .about-text .more-btn{display:inline-block;padding:1.2rem 3rem;color:#fff;border:.2rem solid rgba(255,255,255,.3);border-radius:.5rem;text-decoration:none;margin-top:2rem;transition:all .3s ease;backdrop-filter:blur(5px)}

.m-about .about-text .more-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}

.m-about .right_bottom{grid-area:right-bottom;background:url(../images/about_biaoyu.png) no-repeat left top;padding:3rem;text-align:center;z-index:2}

.m-about .right_bottom p:first-child{font-size:5rem;font-weight:700;color:#0052cc;margin-bottom:1rem}

.m-about .right_bottom p:last-child{font-size:1.6rem;color:#0052cc;text-transform:uppercase}



.m-intro_xg3s .video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:9999999999;opacity:0;transition:opacity .3s ease}

.m-intro_xg3s .video-modal.active{display:flex;opacity:1}

.m-intro_xg3s .video-container{position:relative;width:80%;max-width:1200px;margin:auto;aspect-ratio:16/9}

.m-intro_xg3s .video-container video{width:100%;height:100%;object-fit:contain}

.m-intro_xg3s .close-modal{position:absolute;right:-4rem;top:-4rem;width:3rem;height:3rem;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#333}

.m-intro_xg3s .video_play_btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background:url(../images/about_play_arrow.png) no-repeat center;background-size:contain;cursor:pointer;z-index:2;animation:pulse 2s infinite}

@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}

50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}

100%{transform:translate(-50%,-50%) scale(1);opacity:1}

}

@media screen and (max-width:1200px){

    .m-about .about-content{grid-template-columns:1fr;grid-template-areas:"left" "right-top" "right-bottom";gap:2rem}

    .m-about .left_part{height:40rem}

    .m-about .right_bottom,.m-about .right_top{margin-left:0;margin-top:-4rem}

}

@media screen and (max-width:768px){

    .m-about{padding:3rem 0}

    .m-about .about-content{padding:0 1.5rem}

    .m-about .left_part{height:30rem}

    .m-about .right_top{padding:2rem;margin-top:-3rem}

    .m-about .about-text p{font-size:1.4rem;line-height:1.6;margin-bottom:1.5rem}

    .m-about .right_bottom{padding:2rem;margin-top:-2rem; background-size: 3rem;background-position: 0.1rem 1.1rem;}

    .m-about .right_bottom p:first-child{font-size:2rem}

    .m-about .right_bottom p:last-child{font-size:1.2rem}

    .m-about .video_play_btn{width:6rem;height:6rem}

    .m-about .video-container{width:95%}

    .m-about .close-modal{right:0;top:-4rem}

}





/* 矩阵列表样式 */

.m-matrix{padding:5rem 0;background: #f0f6f5;}

.m-matrix .matrix-list{display:flex;max-width:160rem;margin:0 auto;height:60rem;position:relative;overflow:hidden}

.m-matrix .matrix-item{position:relative;flex:0 0 20%;transition:flex .6s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer}

.m-matrix .matrix-item.active{flex:0 0 40%}

.m-matrix .matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s ease}

.m-matrix .matrix-item:hover .matrix-bg{transform:scale(1.05)}

.m-matrix .matrix-content{position:relative;z-index:2;height:100%;padding:4rem;color:#fff;background:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,0));display:flex;flex-direction:column;justify-content:flex-end;width:40rem}

.m-matrix .matrix-num{font-size:3rem;font-weight:700;margin-bottom:2rem;opacity:.8}

.m-matrix .matrix-title{margin-bottom:2rem}

.m-matrix .matrix-title .cn{font-size:2.4rem;font-weight:700;margin-bottom:1rem}

.m-matrix .matrix-title .sub{font-size:1.6rem;opacity:.8}

.m-matrix .matrix-item.active .matrix-desc{display:block}

.m-matrix .matrix-desc{display:none;font-size:1.6rem;line-height:1.6;margin:2rem 0;opacity:0;transform:translateY(20px);transition:opacity .4s ease .3s,transform .4s ease .3s;width:100%}

.m-matrix .matrix-item.active .matrix-desc{opacity:1;transform:translateY(0)}

.m-matrix .matrix-more{display:inline-flex;align-items:center}

.m-matrix .matrix-more a{font-size:1.6rem;color:#fff;opacity:.8;transition:opacity .3s ease;text-decoration:none}

.m-matrix .matrix-more a:hover{opacity:1}

@media screen and (max-width:1200px){

    .m-matrix .matrix-list{height:50rem}

    .m-matrix .matrix-item{flex:0 0 15%}

    .m-matrix .matrix-item.active{flex:0 0 55%}

    .m-matrix .matrix-content{width:35rem}

}

@media screen and (max-width:768px){

    .m-matrix{padding:3rem 0}

    .m-matrix .matrix-list{flex-direction:column;height:auto;gap:1px;background:#fff;padding:1px}

    .m-matrix .matrix-item{height:10rem;flex:none;transition:height .6s cubic-bezier(.4,0,.2,1)}

    .m-matrix .matrix-item.active{height:40rem}

    .m-matrix .matrix-content{width:100%;padding:0 2rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7));justify-content:center}

    .m-matrix .matrix-item:not(.active) .matrix-content{display:flex;flex-direction:row;align-items:center;gap:2rem}

    .m-matrix .matrix-item:not(.active) .matrix-num{margin-bottom:0;font-size:2.4rem;min-width:4rem}

    .m-matrix .matrix-item:not(.active) .matrix-title{flex:1;display:flex;align-items:center;gap:1rem;margin-bottom:0}

    .m-matrix .matrix-item:not(.active) .matrix-title .cn{font-size:1.6rem;margin-bottom:0}

    .m-matrix .matrix-item:not(.active) .matrix-title .sub{font-size:1.4rem;opacity:.8;position:relative;padding-left:1.5rem}

    .m-matrix .matrix-item:not(.active) .matrix-title .sub::before{content:'|';position:absolute;left:.5rem;opacity:.5}

    .m-matrix .matrix-item:not(.active) .matrix-desc,.m-matrix .matrix-item:not(.active) .matrix-more{display:none}

    .m-matrix .matrix-item.active .matrix-content{padding:3rem 2rem;justify-content:flex-end;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));flex-direction:column}

    .m-matrix .matrix-item.active .matrix-title{flex-direction:column;align-items:flex-start}

    .m-matrix .matrix-item.active .matrix-num{font-size:2rem;margin-bottom:1rem}

    .m-matrix .matrix-item.active .matrix-title .cn{font-size:1.8rem;margin-bottom:.5rem}

    .m-matrix .matrix-item.active .matrix-title .sub{font-size:1.4rem}

    .m-matrix .matrix-desc{font-size:1.4rem;margin:1.5rem 0}

}





/* 产品分类样式 */

.m-products{padding:5rem 0}

.m-products .product_tabs{max-width:160rem;margin:0 auto;padding:0 2rem}

.m-products .product_nav{margin-bottom:4rem;background:#f0f6f5;border-radius:.8rem}

.m-products .product_nav_swiper .swiper-slide{flex:1;height:5rem;line-height:5rem;text-align:center;font-size:1.8rem;color:#333;cursor:pointer;transition:all .3s ease;position:relative}

.m-products .product_nav_swiper .swiper-slide.active{background-image:linear-gradient(0deg,var(--primary-color) 0,#116833 100%);color:#fff;border-radius:.8rem}

.m-products .product_content{display:flex;padding:4rem 0 4rem 6rem;opacity:0;transform:translateY(20px);transition:all .6s ease}

.m-products .swiper-slide-active .product_content{opacity:1;transform:translateY(0)}

.m-products .product_left{flex:0 0 30%;display:flex;flex-direction:column;justify-content:space-between;margin-right:6rem}

.m-products .product_info{margin-bottom:4rem}

.m-products .product_title{font-size:4.8rem;margin-bottom:2rem;font-weight:700}

.m-products .product_desc{font-size:1.6rem;line-height:1.8;color:#666;margin-bottom:4rem}

.m-products .product_control{display:flex;align-items:center;gap:2rem}

.m-products .page_indicator{font-size:1.8rem;color:#333;display:flex;align-items:center;gap:.5rem}

.m-products .page_btns{display:flex;gap:1rem}

.m-products .btn_next,.m-products .btn_prev{width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(19,116,57,.3);background:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:2rem;font-family:monospace}

.m-products .btn_next:hover,.m-products .btn_prev:hover{background:rgba(19,116,57,.05);border-color:rgba(19,116,57,.5)}

.m-products .btn_prev::after{content:'<'}

.m-products .btn_next::after{content:'>'}

.m-products .product_right{flex:1;width:60%;padding-top:10rem;position:relative}

.m-products .product_content_swiper{background:url(../images/product_bg.png) no-repeat center top;background-size:contain}

.m-products .product_img_swiper{width:100%;height:30rem;position:static!important}

.m-products .product_img_swiper .swiper-wrapper{position:static!important}

.m-products .product_img_swiper .swiper-slide{width:calc((100% - 2rem)/ 2);height:100%;position:relative!important}

.m-products .img_item{position:relative;width:100%;height:100%;border-radius:.8rem;overflow:hidden}

.m-products .img_item a{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:#fff;cursor:pointer;z-index:2}

.m-products .img_item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}

.m-products .img_item a:hover img{transform:scale(1.05)}

.m-products .img_title{position:absolute;left:0;bottom:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:3;pointer-events:none}

.m-products .product_actions{position:absolute;top:4rem;right:0;display:flex;gap:2rem;z-index:2}

.m-products .btn_more,.m-products .btn_solution{width:15rem;height:5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all .3s ease;text-decoration:none}

.m-products .btn_more{background-image:linear-gradient(0deg,var(--primary-color) 0,#116833 100%);color:#fff}

.m-products .btn_solution{border:1px solid var(--primary-color);color:var(--primary-color);background:#fff}

.m-products .btn_more:hover{opacity:.9;transform:translateY(-2px)}

.m-products .btn_solution:hover{background:rgba(5,77,169,.05);transform:translateY(-2px)}

.m-products .swiper-slide-active .img_item,.m-products .swiper-slide-next .img_item{animation:fadeIn .6s ease-out forwards}


/* 产品详情页样式 */
.product_info {
    padding: 3rem 0;
    background: #fff;
}

.product_info_container {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    gap: 4rem;
}

/* 左侧缩略图区域 */
.product_info_left {
    width: 40%;
}

.product_thumbnail {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0.5rem;
    overflow: hidden;
}

.product_img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.product_img:hover {
    transform: scale(1.03);
}

/* 右侧产品信息区域 */
.product_info_right {
    width: 60%;
}

.product_title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.product_meta {
    margin-bottom: 2rem;
    color: #666;
    font-size: 1.4rem;
}

.product_meta a {
    color: var(--primary-color);
    text-decoration: none;
}

.product_description {
    margin-bottom: 3rem;
}

.product_description p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #555;
}

.product_actions {
    margin-top: 2rem;
}

.btn_reserve {
    padding: 1rem 3rem;
    background-color: var(--primary-color);
    color: white;
    border: none;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn_reserve:hover {
    background-color: var(--primary-color);
}


@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}

to{opacity:1;transform:translateY(0)}

}

@media screen and (max-width:1200px){

    .m-products .product_content{gap:4rem}

}

@media screen and (min-width:769px) and (max-width:1200px){

    .m-products .product_content{gap:4rem;padding-left:4rem}

    .m-products .product_right{padding-top:8rem}

    .m-products .product_title{font-size:3.6rem}

    .m-products .btn_more,.m-products .btn_solution{width:13rem}

}



@media screen and (max-width:768px){

    .m-products{padding:3rem 0}

    .m-products .product_content{flex-direction:column}

    .m-products .product_title{font-size:3.2rem}

    .m-products .product_left,.m-products .product_right{flex:none}

    .m-products .product_control{margin-top:2rem}

    .m-products .product_actions{position:absolute;top:auto;bottom:-6rem;left:50%;transform:translateX(-50%);right:auto;width:100%;justify-content:center;gap:1rem;padding:0 1.5rem}

    .m-products .product_right{margin-bottom:8rem}

    .m-products .product_tabs{padding:0 1.5rem}

    .m-products .product_nav{margin-bottom:2rem}

    .m-products .product_nav_swiper .swiper-slide{height:4rem;line-height:4rem;font-size:1.6rem}

    .m-products .product_content{flex-direction:column;padding:2rem 0;gap:0;padding-left:1.5rem}

    .m-products .product_left{flex:none;margin-right:0;margin-bottom:2rem}

    .m-products .product_info{margin-bottom:0}

    .m-products .product_title{font-size:2.8rem;margin-bottom:1.5rem}

    .m-products .product_desc{font-size:1.4rem;margin-bottom:2rem}

    .m-products .product_right{flex:none;width:100%;padding-top:0}

    .m-products .product_actions{position:absolute;top:auto;bottom:3rem;left:50%;transform:translateX(-50%);right:auto;width:100%;justify-content:center;gap:1rem;padding:0 1.5rem}

    .m-products .btn_more,.m-products .btn_solution{width:12rem;height:4rem;font-size:1.4rem}

    .m-products .product_img_swiper{height:15rem}

    .m-products .product_img_swiper .swiper-slide{width:100%}

    .m-products .product_control{margin-top:0;justify-content:center}

    .m-products .page_indicator{font-size:1.6rem}

    .m-products .btn_next,.m-products .btn_prev{width:3.6rem;height:3.6rem;font-size:1.8rem}

}





/* 新闻 */

.m-news{padding:5rem 0;background:#f0f6f5 url(../images/news_bg.jpg) no-repeat center center;background-size:cover; background-attachment: fixed;}

.m-news-list{max-width:160rem;margin:0 auto;padding:0 2rem}

.m-news-list .news-tabs{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem}

.m-news-list .tab-item{padding:1rem 3rem;font-size:1.8rem;color:var(--primary-color);cursor:pointer;position:relative;transition:all .3s ease;border:1px solid var(--primary-color);border-radius:1rem}

.m-news-list .tab-item.active{color:#fff;font-weight:500;background-image:linear-gradient(0deg,var(--primary-color) 0,#116833 100%);border-color:transparent}

.m-news-list .news-content{position:relative}

.m-news-list .news-panel{display:none;}

.m-news-list .news-panel .swiper{padding-bottom: 2rem;}

.m-news-list .news-panel.active{display:block}

.m-news-list .news-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2rem}

.m-news-list .news-item{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:1.2rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);transition:all .3s ease;position:relative}

.m-news-list .news-item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-news-list .news-img{width:100%;height:22rem;overflow:hidden;position:relative}

.m-news-list .news-img::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 70%,rgba(0,0,0,.05) 100%);z-index:1}

.m-news-list .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.m-news-list .news-item:hover .news-img img{transform:scale(1.05)}

.m-news-list .news-info{padding:2rem;position:relative}

.m-news-list .news-date{display:inline-block;font-size:1.4rem;color:#999;margin-bottom:1rem;position:relative}

.m-news-list .news-date::before{content:'';display:none;position:absolute;left:0;top:50%;width:1.2rem;height:1px;background-color:var(--primary-color)}

.m-news-list .news-title{font-size:1.8rem;line-height:1.5;font-weight:500;margin:0;margin-bottom:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#333;transition:color .3s ease}

.m-news-list .news-item:hover .news-title{color:var(--primary-color)}

.m-news-list .news-more-link{font-size:1.4rem;color:var(--primary-color);display:inline-block;position:relative;padding-right:1.5rem;opacity:0;transform:translateX(-1rem);transition:all .3s ease}

.m-news-list .news-more-link::after{content:'→';position:absolute;right:0;top:0}

.m-news-list .news-item:hover .news-more-link{opacity:1;transform:translateX(0)}

.m-news-list .news-pagination{display:flex;display:none;justify-content:space-between;align-items:center;text-align:center;margin-top:0}

.m-news-list .news-swiper-pagination{display:block;margin-bottom:1rem;gap:.8rem}

.m-news-list .news-swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;background:#ccc;opacity:1;margin:0 0.5rem;border-radius:50%;}

.m-news-list .news-swiper-pagination .swiper-pagination-bullet-active{background:var(--primary-color);}

.m-news-list .cat_ww{text-align:center;margin-top:3rem;}

.m-news-list .cat_more{display:inline-block;text-align:center;font-size:1.6rem;color:var(--primary-color);text-decoration:none;padding:1rem 2.5rem;transition:all .3s ease;border-radius:3rem;position:relative;overflow:hidden;z-index:1}

.m-news-list .cat_more::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-image:linear-gradient(0deg,var(--primary-color) 0,#116833 100%);transition:all .3s ease;z-index:-1}

.m-news-list .cat_more:hover{color:#fff}

.m-news-list .cat_more:hover::before{width:100%}

.m-news-list .cat_more .arrow{display:inline-block;transition:transform .3s ease;margin-left:.5rem}

@media screen and (max-width:1200px){.m-news-list .news-items{grid-template-columns:repeat(2,1fr)}

}

@media screen and (max-width:768px){.m-news-list{padding:0 1.5rem}

.m-news-list .tab-item{padding:.8rem 1.5rem;font-size:1.6rem}

.m-news-list .news-items{grid-template-columns:1fr;gap:2rem}

.m-news-list .news-item:nth-child(n+2){display:none}

.m-news-list .news-img{height:20rem}

.m-news-list .news-more-link{opacity:1;transform:translateX(0)}

.m-news-list .news-title{font-size:1.6rem}

.m-news-list .news-info{padding:1.5rem}

.m-news-list .news-pagination{flex-direction:column;gap:2rem;align-items:center}

.m-news-list .cat_more{width:100%;max-width:20rem;margin:0 auto;display:block}

}



/* 合作伙伴 */

.m-partner{padding:5rem 0;background:url(../images/partner_bg.jpg) no-repeat center center;background-size:cover}

.m-partner .section-title{text-align:center;margin-bottom:4rem}

.m-partner .section-title h2{font-size:3.6rem;font-weight:700;color:#333;margin-bottom:1rem}

.m-partner .section-title p{font-size:1.6rem;color:#666;max-width:60rem;margin:0 auto}

.m-partner-list{max-width:160rem;margin:0 auto;padding:0 2rem;position:relative}

.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;padding:0 1rem}

.partner-item{background-color:#fff;border-radius:.8rem;box-shadow:0 .3rem 1.5rem rgba(0,0,0,.05);padding:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;height:10rem}

.partner-item:hover{transform:translateY(-.3rem);box-shadow:0 .8rem 2rem rgba(0,0,0,.08)}

.partner-item img{max-width:100%;max-height:6rem;object-fit:contain;filter:grayscale(100%);opacity:.75;transition:all .3s ease}

.partner-item:hover img{filter:grayscale(0);opacity:1}

.partner-pagination{display:flex;justify-content:center;margin-top:3rem}

.partner-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;background:#fff;opacity:1;margin:0 .5rem;border-radius:50%;cursor:pointer;transition:all .3s ease}

.partner-pagination .swiper-pagination-bullet-active{background:var(--primary-color);width:2.5rem;border-radius:.4rem}

@media screen and (max-width:1400px){.partner-grid{gap:1.5rem}

.partner-item{height:9rem}

.partner-item img{max-height:5.5rem}

}

@media screen and (max-width:1200px){.partner-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem}

.partner-item{height:9rem}

}

@media screen and (max-width:992px){.partner-item{height:8rem;padding:1.2rem}

.partner-item img{max-height:5rem}

}

@media screen and (max-width:768px){

    .m-partner{padding:4rem 0}

    .m-partner .section-title h2{font-size:2.8rem}

    .m-partner .section-title p{font-size:1.4rem}

    .m-partner .partner-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1rem}

    .m-partner .partner-item{height:7rem;padding:1rem}

    .m-partner .partner-item img{max-height:4.5rem}

}

@media screen and (max-width:576px){

    .m-partner .partner-grid{grid-template-columns:repeat(4,1fr);gap:.8rem}

    .m-partner .partner-item{height:6rem;padding:.8rem}

    .m-partner .partner-item img{max-height:4rem}

    .m-partner .m-partner-list{padding:0 1rem}

}

@media screen and (max-width:480px){

    .m-partner .partner-item{height:5.5rem;padding:.6rem}

    .m-partner .partner-item img{max-height:3.5rem}

}









/* 底部 */

.g-footer{background:var(--primary-color) url(../images/footer_bg.jpg) no-repeat center center;background-size:cover;color:#fff;padding:5rem 0 2rem}

.m-footer-content{max-width:160rem;margin:0 auto;padding:0 2rem}

.m-footer-content .footer-nav{display:flex;justify-content:space-between;margin-bottom:4rem}

.m-footer-content .footer-logo-area{flex:0 0 25%}

.m-footer-content .footer-logo{margin-bottom:2rem}

.m-footer-content .footer-logo img{max-width:20rem;height:auto}

.m-footer-content .footer-hotline p{font-size:1.4rem;opacity:.8;margin-bottom:.5rem}

.m-footer-content .footer-hotline h3{font-size:2.4rem;font-weight:700}

.m-footer-content .footer-nav-links{flex:0 0 50%;position:relative;display:flex;justify-content:space-between}

.m-footer-content .footer-nav-links::after{content:"";position:absolute;top:0;right:0;height:33%;width:.4rem;background-color:#fff}

.m-footer-content .footer-nav-column{flex:1;padding-right:2rem}


.m-footer-content .footer-nav-column:last-child{display: none;}

.m-footer-content .footer-nav-column h4{font-size:1.8rem;color:#fff;font-weight:600;margin-bottom:2rem;position:relative}
.m-footer-content .footer-nav-column h4 a{font-size:1.8rem;font-weight:600;}

.m-footer-content .footer-nav-column h4:after{content:'';position:absolute;bottom:-.8rem;left:0;width:3rem;height:.2rem;background-color:rgba(255,255,255,.3)}

.m-footer-content .footer-nav-column ul{list-style:none;padding:0;margin:0}

.m-footer-content .footer-nav-column li{margin-bottom:1rem}


.m-footer-content .footer-nav-column a{color:rgba(255,255,255,.8);text-decoration:none;font-size:1.4rem;transition:all .3s ease}

.m-footer-content .footer-nav-column li a:hover{color:#fff;padding-left:.5rem}

.m-footer-content .footer-info{display:flex;justify-content:space-between;padding-top:4rem;border-top:1px solid rgba(255,255,255,.1)}

.m-footer-content .footer-companies{flex:0 0 70%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:2rem}

.m-footer-content .company-item{padding-right:2rem}

.m-footer-content .company-item h5{font-size:1.6rem;font-weight:600;margin-bottom:1rem}

.m-footer-content .company-item p{font-size:1.4rem;opacity:.8;line-height:1.6}

.m-footer-content .footer-qrcodes{flex:0 0 25%;display:flex;justify-content:flex-end;gap:3rem}

.m-footer-content .qrcode-item{text-align:center}

.m-footer-content .qrcode-item img{width:12rem;height:12rem;background:#fff;padding:1rem;border-radius:.5rem;margin-bottom:.8rem}

.m-footer-content .qrcode-item p{font-size:1.4rem;color:rgba(255,255,255,.8)}

.m-copyright{max-width:160rem;margin:0 auto;margin-top:3rem;padding-top:2rem;border-top:.1rem solid rgba(255,255,255,.1);text-align:center;font-size:1.4rem}

.m-copyright a{color:#fff;text-decoration:none;margin: 0 0.2rem;}

.m-copyright a:hover{opacity:.8}

@media screen and (max-width:1200px){

    .m-footer-content .footer-companies{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto)}

    .m-footer-content .footer-info{flex-direction:column;gap:3rem}

    .m-footer-content .footer-companies{flex:0 0 100%}

    .m-footer-content .footer-nav-links{justify-content:flex-start}

    .m-footer-content .qrcode-item img{width:10rem;height:10rem}

}

@media screen and (max-width:992px){

    .m-footer-content .footer-companies{flex:0 0 100%;margin-bottom:0}

}

@media screen and (max-width:768px){

    .g-footer{padding:2rem 0 1rem}

    .m-footer-content .footer-logo img{max-width:8rem;}
    .m-footer-content .footer-hotline{margin-right: 3rem;}
    .m-footer-content .footer-hotline h3{font-size:1.8rem;}

    .m-footer-content .footer-nav{margin-bottom:0}

    .m-footer-content .footer-logo{margin-bottom:0}

    .m-footer-content .footer-logo-area{display:flex;justify-content:space-between;width:100%;flex:auto}

    .m-footer-content .footer-nav-links{display:none}

    .m-footer-content .footer-nav-column:nth-child(4),.m-footer-content .footer-nav-column:nth-child(5){display:none}

    .m-footer-content .footer-nav-column{flex:0 0 50%}

    .m-footer-content .footer-info{padding-top:2rem}

    .m-footer-content .footer-companies{grid-template-columns:repeat(2,1fr);gap:1rem;grid-template-rows:repeat(2,auto);margin-bottom:0}

    .m-footer-content .company-item{margin-bottom:1.2rem;padding-right: 0;}

    .m-footer-content .company-item h5{font-size:1.2rem}

    .m-footer-content .company-item p{font-size:1.1rem}

    .m-footer-content .footer-qrcodes{gap:1.5rem;display:none}

    

    .m-copyright{margin-top:0}

    .m-copyright .morelink{display:block}

}



/* 右侧工具条 */

.m-sidebar{position:fixed;right:2rem;bottom:10rem;z-index:999;display:flex;flex-direction:column;gap:1rem;}

/* 工具条项目基础样式 */

.m-sidebar .sidebar-item{position:relative;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;overflow:visible;box-shadow:0 0.2rem 1rem rgba(0,0,0,0.1);border-radius:0.6rem;transition:all 0.3s ease;}

/* 内部容器 */

.m-sidebar .item-inner{display:flex;flex-direction:column;align-items:center;width:6rem;background-color:var(--primary-color);border-radius:0.6rem;transition:all 0.3s ease;padding:0.7rem 0;}

/* 图标容器 */

.m-sidebar .item-icon{width:2.8rem;height:2.4rem;display:flex;align-items:center;justify-content:center;}

.m-sidebar .item-icon img{width:100%;height:100%;object-fit:contain;transition:filter 0.3s ease;}

/* 文字说明 */

.m-sidebar .item-text{font-size:1.2rem;color:#fff;text-align:center;}

/* 内容区域 - 绝对定位 */

.m-sidebar .item-content{position:absolute;right:6.5rem;top:50%;transform:translateY(-50%) translateX(100%);height:6rem;background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0.5rem 1.5rem;width:20rem;opacity:0;transition:all 0.3s ease;white-space:nowrap;overflow:hidden;border-radius:0.6rem;pointer-events:none;}

.m-sidebar .item-content p{font-size:1.2rem;margin:0;padding:0 0 0.2rem 0;opacity:0.8;}

.m-sidebar .item-content strong{font-size:1.4rem;font-weight:500;}

/* 悬浮效果 */

.m-sidebar .sidebar-item:hover .item-inner{background-color:#ff9800;border-radius:0.8rem;}

.m-sidebar .sidebar-item:hover .item-content{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto;background-color:var(--primary-color);}

/* 点击效果 */

.m-sidebar .sidebar-item:active .item-inner{transform:scale(0.95);}

/* 二维码弹出框 */

.m-sidebar .qrcode-popup{position:absolute;right:7rem;top:50%;transform:translateY(-50%) translateX(1rem);background-color:#fff;border-radius:0.8rem;box-shadow:0 0.2rem 1.5rem rgba(0,0,0,0.15);padding:1.5rem;width:18rem;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:3;}

.m-sidebar .wechat-item:hover .qrcode-popup{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}

.m-sidebar .qrcode-container{display:flex;flex-direction:column;align-items:center;text-align:center;}

.m-sidebar .qrcode-container h4{margin:0 0 1rem 0;font-size:1.6rem;color:#333;}

.m-sidebar .qrcode-img{width:15rem;height:15rem;padding:0.5rem;background-color:#f5f5f5;margin-bottom:1rem;}

.m-sidebar .qrcode-img img{width:100%;height:100%;object-fit:contain;}

.m-sidebar .qrcode-container p{margin:0;font-size:1.2rem;color:#666;}

/* 返回顶部项样式 */

.m-sidebar .backtop-item{opacity:0;pointer-events:none;transition:opacity 0.3s ease;}

.m-sidebar .backtop-item.visible{opacity:1;pointer-events:auto;}

/* 工具提示样式 */

.f-sidebar-tooltip{position:absolute;background:rgba(0,0,0,0.8);color:white;padding:0.6rem 1.2rem;border-radius:0.4rem;font-size:1.4rem;max-width:20rem;z-index:1000;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}

.f-sidebar-tooltip:after{content:'';position:absolute;top:50%;right:-0.6rem;transform:translateY(-50%);border-left:0.6rem solid rgba(0,0,0,0.8);border-top:0.6rem solid transparent;border-bottom:0.6rem solid transparent;}

/* 响应式适配 */

@media screen and (max-width:768px){

        .m-sidebar{right:1.2rem;bottom:8rem;}

        .m-sidebar .phone-item{display:none;}

        .m-sidebar .email-item{display:none;}

        .m-sidebar .wechat-item{display:none;}

        .m-sidebar .item-inner{width:5rem;padding:0.8rem 0;}

    .m-sidebar .item-icon{width:2.5rem;height:2.5rem;margin-bottom:0.3rem;}

    .m-sidebar .item-text{font-size:1rem;}

    .m-sidebar .item-content{right:5.5rem;width:14rem;}

    .m-sidebar .qrcode-popup{right:6rem;width:15rem;}

    .m-sidebar .qrcode-img{width:12rem;height:12rem;}

}



/* 移动端底部导航 - 默认在PC端隐藏 */

.m-mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:6rem;background-color:#fff;box-shadow:0 -0.2rem 1rem rgba(0,0,0,0.1);z-index:1000;justify-content:space-around;align-items:center;}

.m-mobile-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;position:relative;transition:all 0.3s ease;text-decoration:none;}

.m-mobile-nav .nav-icon{width:2.4rem;height:2.4rem;margin-bottom:0.4rem;transition:all 0.3s ease;}

.m-mobile-nav .nav-icon img{width:100%;height:100%;object-fit:contain;transition:filter 0.3s ease;}

.m-mobile-nav .nav-text{font-size:1.4rem; font-weight: bold; color:#666;transition:color 0.3s ease;}

/* Logo项样式 */

.m-mobile-nav .logo-item{margin-top:-2.5rem;}

.m-mobile-nav .nav-logo{width:5.5rem;height:5.5rem;background-color:#fff;border-radius:50%;padding:0.5rem;box-shadow:0 -0.2rem 1rem rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}

.m-mobile-nav .nav-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;}

/* 激活状态 - 添加图标高亮 */

.m-mobile-nav .nav-item.active .nav-text{color:var(--primary-color);}

.m-mobile-nav .nav-item.active .nav-icon img{
    filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2270%) hue-rotate(120deg) brightness(94%) contrast(101%);
  }

/* 悬浮效果 - 添加图标高亮 */

.m-mobile-nav .nav-item:not(.logo-item):hover .nav-text{color:var(--primary-color);}

.m-mobile-nav .nav-item:not(.logo-item):hover .nav-icon img{
    filter: brightness(0) saturate(100%) invert(19%) sepia(98%) saturate(2270%) hue-rotate(120deg) brightness(94%) contrast(101%);
  }

.m-mobile-nav .logo-item:hover .nav-logo{transform:translateY(-0.5rem);}



/* 响应式显示 */

@media screen and (max-width:768px){

    /* 为body添加底部内边距，防止内容被导航栏遮挡 */

body.has-mobile-nav{padding-bottom:6rem;}

    .m-mobile-nav{display:flex;}

    /* 调整侧边工具条位置，避免与底部导航重叠 */

    .m-sidebar{bottom:8rem;}

}



/* 统一容器宽度 */

.container {max-width: 160rem; margin: 0 auto; padding: 0 2rem; width: 100%;}



.g-list_wrap{padding:4rem 0;background-color:#fff}

.g-list_wrap .container{max-width:120rem;margin:0 auto;padding:0 2rem}

.m-breadcrumb{padding:2rem 0;background-color:#f0f6f5;border-bottom:1px solid #eaeaea}

.m-breadcrumb .container{margin:0 auto;padding:0 2rem}

.m-breadcrumb a{color:#666;text-decoration:none;transition:color .3s;}

.m-breadcrumb a:hover{color:var(--primary-color)}

.m-breadcrumb .separator{margin:0 .8rem;color:#999}

.m-breadcrumb .current{color:var(--primary-color);font-weight:500}



/* 内页banner样式 */

.m-innerbanner {position: relative; width: 100%; height: 20rem; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-top: 8rem;}

.m-innerbanner::before {content: ''; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1;}

.m-innerbanner-content {position: relative; z-index: 2; text-align: center; padding: 0 2rem; max-width: 120rem; margin: 0 auto;}

.m-innerbanner h1 {color: #fff; font-size: 4rem; font-weight: 600; margin: 0; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); position: relative;}

.m-innerbanner h1::after {content: ''; display: block; width: 6rem; height: 0.4rem; background: #fff; margin: 1.5rem auto 0; border-radius: 0.2rem;}



/* 新闻列表样式 */

.m-news-list-01{width:100%;max-width: 120rem; margin: 0 auto;}

.m-news-list-01 .news-item{margin-bottom:3rem;border-bottom:1px solid #eaeaea;padding-bottom:3rem;transition:transform .3s}

.m-news-list-01 .news-item:hover{transform:translateY(-5px)}

.m-news-list-01 .news-link{display:flex;text-decoration:none;color:inherit}

.m-news-list-01 .news-img{flex:0 0 30rem;height:18rem;margin-right:3rem;overflow:hidden;border-radius:.8rem}

.m-news-list-01 .news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}

.m-news-list-01 .news-item:hover .news-img img{transform:scale(1.05)}

.m-news-list-01 .news-content{flex:1;display:flex;flex-direction:column}

.m-news-list-01 .news-title{font-size:2.2rem;font-weight:500;margin:0 0 1.5rem;color:#333;transition:color .3s;line-height:1.4}

.m-news-list-01 .news-item:hover .news-title{color:var(--primary-color)}

.m-news-list-01 .news-desc{font-size:1.6rem;color:#666;line-height:1.6;margin:0 0 2rem;flex:1}

.m-news-list-01 .news-meta{display:flex;align-items:center;margin-top:auto}

.m-news-list-01 .news-type{font-size:1.4rem;color:var(--primary-color);padding:.3rem 1.2rem;background-color:rgba(5,77,169,.1);border-radius:2rem;margin-right:1.5rem}

.m-news-list-01 .news-date{font-size:1.4rem;color:#999}

.m-news-list-01 .news-item.no-image .news-link{display:block}

.m-news-list-01 .news-item.no-image .news-content{padding-left:0}

.m-pagination{display:flex;justify-content:center;align-items:center;margin-top:5rem;flex-wrap:wrap}

.m-pagination .page-item,.m-pagination .page-num{display:inline-flex;align-items:center;justify-content:center;min-width:4rem;height:4rem;padding:0 1.5rem;margin:0 .5rem;border-radius:.4rem;background-color:#fff;color:#333;font-size:1.4rem;text-decoration:none;transition:all .3s;border:1px solid #eaeaea}

.m-pagination .page-item:hover:not(.disabled):not(.active):not(.dots){background-color:#f0f6f5;color:var(--primary-color);border-color:var(--primary-color)}

.m-pagination .page-item.active,.m-pagination .page-num.page-num-current{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}

.m-pagination .page-item.disabled,.m-pagination .page-item.dots{color:#999;cursor:not-allowed;background-color:#f5f5f5}

.m-pagination .next,.m-pagination .prev{padding:0 1.5rem}

@media screen and (max-width:768px){.m-news-list-01 .news-link{flex-direction:column}

.m-news-list-01 .news-img{flex:none;width:100%;height:20rem;margin-right:0;margin-bottom:1.5rem}

.m-news-list-01 .news-title{font-size:1.8rem;margin-bottom:1rem;font-weight: bold;}

.m-news-list-01 .news-desc{font-size:1.4rem;margin-bottom:1.5rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

.m-news-list-01 .news-meta{flex-wrap:wrap}

.m-news-list-01 .news-type{margin-bottom:.5rem}

.m-pagination{margin-top:3rem}

.m-pagination .page-item{min-width:3.5rem;height:3.5rem;margin:0 .3rem;font-size:1.3rem}

.m-pagination .page-item:not(.prev):not(.next):not(.active):not(:nth-child(2)):not(:last-child):not(.dots){display:none}

}

@media screen and (max-width:480px){.m-news-list-01 .news-img{height:18rem}

.m-news-list-01 .news-title{font-size:1.6rem}

.m-news-list-01 .news-desc{font-size:1.3rem;-webkit-line-clamp:2}

.m-pagination .page-item{min-width:3rem;height:3rem;padding:0 1rem}

}





/* 新闻详情页布局 */

.g-detail_wrap {padding: 4rem 0 6rem; background-color: #fff;}

.detail-layout {display: flex; gap: 4rem;}

.detail-main {flex: 1; min-width: 0;}

.detail-sidebar {width: 36rem; flex-shrink: 0;}



/* 移动端/PC端显示控制 */

.mobile-only {display: none;}

.desktop-only {display: block;}



/* 新闻详情主体 */

.m-news_detail-01 {background: #fff; border-radius: 1rem; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05); padding: 4rem;}



/* 新闻标题区域 */

.news-header {margin-bottom: 3rem; border-bottom: 1px solid #eaeaea; padding-bottom: 2rem;}

.news-title {font-size: 3rem; font-weight: 600; color: #333; line-height: 1.4; margin-bottom: 2rem;}

.news-meta {display: flex; align-items: center; flex-wrap: wrap; gap: 2rem; color: #666; font-size: 1.4rem;}

.news-date, .news-category {display: inline-flex; align-items: center;}

.news-category {background: #f0f7ff; color: var(--primary-color); padding: 0.5rem 1.5rem; border-radius: 3rem;}

.news-share {margin-left: auto; display: flex; align-items: center; gap: 1rem;}

.share-icon {width: 3.2rem; height: 3.2rem; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center; color: #666; transition: all 0.3s ease;}

.share-icon:hover {background: var(--primary-color); color: #fff;}



/* 新闻内容区域 */

.news-content {font-size: 1.6rem; line-height: 1.8; color: #333;}
.news-content img {max-width: 100%; height: auto;}

.news-content p {margin-bottom: 2rem;}

.news-content a {    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;}

.news-content strong {font-weight: 600; color: var(--primary-color);}

.news-image {margin: 3rem 0; border-radius: 0.8rem; overflow: hidden;}

.news-image img {width: 100%; height: auto; display: block;}



/* 底部导航 */

.news-footer {margin-top: 4rem; padding-top: 3rem; border-top: 1px solid #eaeaea;}

.btn-back {display: inline-flex; align-items: center; color: var(--primary-color); font-size: 1.6rem; text-decoration: none; margin-bottom: 3rem; transition: all 0.3s ease;}

.btn-back .arrow {margin-right: 0.8rem; transition: transform 0.3s ease;}

.btn-back:hover {color: #116833;}

.btn-back:hover .arrow {transform: translateX(-0.5rem);}

.news-navigation {display: flex; flex-wrap: wrap; gap: 2rem;}

.prev-news, .next-news {flex: 1; min-width: 45%; padding: 2rem; background: #f9f9f9; border-radius: 0.8rem; text-decoration: none; color: #333; transition: all 0.3s ease;}

.prev-news:hover, .next-news:hover {background: #f0f7ff; transform: translateY(-0.3rem); box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);}

.nav-label {display: block; color: #666; font-size: 1.4rem; margin-bottom: 0.8rem;}

.nav-title {font-size: 1.6rem; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}



/* 移动端相关推荐 */

.m-related-news {margin-top: 4rem;}

/* .section-title {font-size: 2.4rem; font-weight: 600; margin-bottom: 2rem; color: #333; position: relative; padding-left: 1.5rem;} */

/* .section-title::before {content: ''; position: absolute; left: 0; top: 0.5rem; bottom: 0.5rem; width: 0.4rem; background: var(--primary-color); border-radius: 0.2rem;} */

.related-news-list {display: grid; grid-template-columns: repeat(1, 1fr); gap: 2rem;}

.related-news-item {display: flex; background: #fff; border-radius: 0.8rem; overflow: hidden; text-decoration: none; color: #333; box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05); transition: all 0.3s ease;}

.related-news-item:hover {transform: translateY(-0.3rem); box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);}

.related-news-img {width: 12rem; height: 9rem; flex-shrink: 0; overflow: hidden;}

.related-news-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}

.related-news-item:hover .related-news-img img {transform: scale(1.05);}

.related-news-info {padding: 1.5rem; flex: 1;}

.related-news-title {font-size: 1.6rem; font-weight: 500; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.related-news-date {font-size: 1.4rem; color: #666;}



/* 侧边栏样式 */

.sidebar-section {background: #fff; border-radius: 1rem; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05); padding: 2.5rem; margin-bottom: 3rem;}

.sidebar-title {font-size: 2rem; font-weight: 600; margin-bottom: 2rem; color: #333; position: relative; padding-left: 1.5rem;}

.sidebar-title::before {content: ''; position: absolute; left: 0; top: 0.5rem; bottom: 0.5rem; width: 0.4rem; background: var(--primary-color); border-radius: 0.2rem;}



/* 侧边栏新闻列表 */

.sidebar-news-list {display: flex; flex-direction: column; gap: 2rem;}

.sidebar-news-item {display: flex; gap: 1.5rem; text-decoration: none; color: #333; transition: all 0.3s ease;}

.sidebar-news-item:hover {transform: translateX(0.5rem);}

.sidebar-news-img {width: 10rem; height: 7rem; border-radius: 0.5rem; overflow: hidden; flex-shrink: 0;}

.sidebar-news-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}

.sidebar-news-item:hover .sidebar-news-img img {transform: scale(1.05);}

.sidebar-news-info {flex: 1;}

.sidebar-news-title {font-size: 1.5rem; font-weight: 500; margin-bottom: 0.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.sidebar-news-date {font-size: 1.3rem; color: #666;}



/* 侧边栏标签 */

.sidebar-tags {display: flex; flex-wrap: wrap; gap: 1rem;}

.tag-item {display: inline-block; padding: 0.8rem 1.5rem; background: #f0f7ff; color: var(--primary-color); border-radius: 3rem; font-size: 1.4rem; text-decoration: none; transition: all 0.3s ease;}

.tag-item:hover {background: var(--primary-color); color: #fff; transform: translateY(-0.3rem);}



/* 侧边栏联系我们 */

.sidebar-contact {display: flex; flex-direction: column; gap: 1.5rem;}

.sidebar-contact .contact-item {margin-bottom: 1rem;}

.sidebar-contact h4 {font-size: 1.5rem; font-weight: 500; margin-bottom: 0.5rem; color: #333;}

.sidebar-contact p {font-size: 1.6rem; color: #666;}

.sidebar-contact .btn-contact {display: block; background: var(--primary-color); color: #fff; font-size: 1.6rem; font-weight: 500; padding: 1.2rem; border-radius: 0.8rem; text-decoration: none; text-align: center; transition: all 0.3s ease; margin-top: 1rem;}

.sidebar-contact .btn-contact:hover {background: #116833;}





/* 响应式适配 */

@media screen and (max-width: 1400px) {

    .detail-sidebar {width: 32rem;}

}



@media screen and (max-width: 1200px) {

    .detail-layout {gap: 3rem;}

    .detail-sidebar {width: 28rem;}

    .m-news_detail-01 {padding: 3rem;}

    .news-title {font-size: 2.6rem;}

    .sidebar-section {padding: 2rem;}

}



@media screen and (max-width: 992px) {

    /* 平板布局 - 转为单列 */

    .detail-layout {flex-direction: column;}

    .detail-sidebar {width: 100%;}

    /* 显示控制 */

    .mobile-only {display: block;}

    .desktop-only {display: none;}

}



@media screen and (max-width: 768px) {

    .m-innerbanner {height: 15rem; margin-top: 6rem;}

    .m-innerbanner h1 {font-size: 3rem;}

    .m-innerbanner h1::after {width: 5rem; margin-top: 1rem;}

    

    .g-detail_wrap {padding: 3rem 0 4rem;}

    .m-news_detail-01 {padding: 2rem; box-shadow: none;}

    .news-title {font-size: 2.2rem;}

    .news-meta {gap: 1rem;}

    .news-share {margin-left: 0; margin-top: 1.5rem; width: 100%;display: none;}

    .news-navigation {flex-direction: column;}

    .prev-news, .next-news {min-width: 100%;}

    .section-title, .sidebar-title {font-size: 2rem;}

    .contact-info {flex-direction: column; gap: 2rem;}

}



@media screen and (max-width: 480px) {

    .m-innerbanner {height: 10rem;}

    .m-innerbanner h1 {font-size: 2.4rem;}

    .m-innerbanner h1::after {width: 4rem; height: 0.3rem;}

    

    .m-news_detail-01 {padding: 0;}

    .news-title {font-size: 2rem;}

    .news-header {margin-bottom: 2rem; padding-bottom: 1.5rem;}

    .news-image {margin: 2rem 0;}

    .btn-back {font-size: 1.4rem;}

    .section-title, .sidebar-title {font-size: 1.8rem;}

    .related-news-img {width: 10rem; height: 7.5rem;}

    .related-news-title {font-size: 1.5rem;}

}



/* 新闻分类导航 */

.m-news-category-nav {padding: 2rem 0; background-color: #fff; border-bottom: 1px solid #eaeaea; box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05);}

.m-category-list {display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: 1rem 3rem; justify-content: center;}

.m-category-list::-webkit-scrollbar{height:.4rem}

.m-category-list::-webkit-scrollbar-track{background:0 0}

.m-category-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:1rem}

.m-category-list::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}



.m-category-item {position: relative;}

.m-category-link {display: block; padding: 1rem 0.5rem; color: #666; text-decoration: none; font-size: 1.6rem; font-weight: 500; transition: all 0.3s ease; position: relative;}

.m-category-link::after {content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 3px; background: var(--primary-color); transition: all 0.3s ease; transform: translateX(-50%);}

.m-category-link:hover {color: var(--primary-color);}

.m-category-link:hover::after {width: 80%;}

.m-category-link.active {color: var(--primary-color); font-weight: 600;}

.m-category-link.active::after {width: 100%;}



/* 新闻列表区域 */

.m-news-list-section {padding: 4rem 0 6rem; background-color: #f9f9f9;}



/* 响应式适配 */

@media screen and (max-width: 768px) {

    .m-news-category-nav { padding: 1.5rem 0;}

    .m-category-list {gap: 0.5rem 2rem;}

    .m-category-link { padding: 0.8rem 0.3rem;}

}



@media screen and (max-width: 480px) {

    .m-category-list {flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.5rem; justify-content: flex-start;}

    .m-category-item {flex-shrink: 0;}

    .m-category-link {white-space: nowrap; padding: 0.6rem 0.2rem;}

}



/* 图片新闻列表 */

.m-news-list-pic{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-bottom:4rem;max-width:160rem;margin:0 auto}

.m-pic-item{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);transition:all .3s ease}

.m-pic-item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-pic-link{display:block;text-decoration:none;color:inherit}

.m-pic-img{position:relative;width:100%;padding-top:75%;overflow:hidden}

.m-pic-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}

.m-pic-item:hover .m-pic-img img{transform:scale(1.05)}

.m-pic-info{padding:1.5rem}

.m-pic-title{font-size:1.6rem;font-weight:600;color:#333;margin:0 0 0.5rem;line-height:1.4;height:2.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.m-pic-date{font-size:1.3rem;color:#888}

.m-section-title{text-align:center;margin-bottom:4rem}

.m-section-title h2{font-size:3.2rem;font-weight:600;color:#333;margin-bottom:1rem}

.m-section-title p{font-size:1.6rem;color:#666;max-width:60rem;margin:0 auto}

@media screen and (max-width:1200px){.m-news-list-pic{grid-template-columns:repeat(3,1fr);gap:2rem}

}

@media screen and (max-width:992px){.m-news-list-pic{grid-template-columns:repeat(2,1fr);gap:2rem}

.m-section-title{margin-bottom:3rem}

.m-section-title h2{font-size:2.8rem}

}

@media screen and (max-width:576px){.m-news-list-pic{grid-template-columns:1fr;gap:1.5rem}

.m-pic-info{padding:1.2rem}

.m-pic-title{font-size:1.5rem;height:auto}

.m-section-title h2{font-size:2.4rem}

.m-section-title p{font-size:1.4rem}

}



/* 合作伙伴列表样式 */

.m-partner-section{padding:6rem 0;background-color:#f9f9f9}

.m-partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3rem;max-width:160rem;margin:0 auto 4rem}

.m-partner-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);transition:all .3s ease}

.m-partner-item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-partner-logo{width:100%;height:10rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}

.m-partner-logo img{max-width:80%;max-height:8rem;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}

.m-partner-item:hover .m-partner-logo img{filter:grayscale(0);opacity:1}

.m-partner-name{font-size:1.4rem;font-weight:500;color:#666;margin-top:auto;transition:all .3s ease}

.m-partner-item:hover .m-partner-name{color:var(--primary-color)}

@media screen and (max-width:1200px){.m-partner-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}

}

@media screen and (max-width:992px){.m-partner-grid{grid-template-columns:repeat(3,1fr);gap:2rem}

.m-partner-section{padding:5rem 0}

}

@media screen and (max-width:768px){.m-partner-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}

.m-partner-logo{height:8rem}

.m-partner-logo img{max-height:6rem}

.m-section-title{margin-bottom: 0;}



}

@media screen and (max-width:480px){.m-partner-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}

.m-partner-item{padding:1.5rem}

.m-partner-section{padding:4rem 0}

}





/* 联系我们页面样式 */

.m-contact-section {

    padding: 6rem 0;

}



.m-contact-wrapper {

    display: flex; width: 100%; overflow: hidden;

    flex-wrap: wrap;

    gap: 4rem;

    margin-bottom: 5rem;

    max-width: 160rem;

    margin: 0 auto;

}



.m-contact-info {

    flex: 1;

    min-width: 30rem;

}



.m-contact-form {

    flex: 1;

    min-width: 30rem;

    background: #f9f9f9;

    padding: 3rem;

    border-radius: 1rem;

    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);

}

.m-contact-form .layui-btn-normal{background-color: var(--primary-color);}


.m-info-list {

    margin: 3rem 0;

}



.m-info-item {

    display: flex;

    align-items: flex-start;

    margin-bottom: 2.5rem;

}



.m-info-icon {

    width: 5rem;

    height: 5rem;

    background: var(--primary-color);

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 2rem;

    flex-shrink: 0;

}



.m-info-icon i {

    font-size: 2.4rem;

}



.m-info-content h3 {

    font-size: 1.8rem;

    font-weight: 600;

    color: #333;

    margin-bottom: 0.5rem;

}



.m-info-content p {

    font-size: 1.6rem;

    color: #666;

    line-height: 1.6;

}



.m-contact-qrcode {

    display: flex;

    gap: 2rem;

    margin-top: 3rem;

}



.qrcode-item {

    text-align: center;

}



.qrcode-item img {

    width: 12rem;

    height: 12rem;

    border: 1px solid #eee;

    padding: 0.5rem;

    background: #fff;

}



.qrcode-item p {

    margin-top: 1rem;

    font-size: 1.4rem;

    color: #666;

}



/* 表单样式 */

.layui-form-item {

    margin-bottom: 2rem;

}



.layui-input-block.no-margin {

    margin-left: 0;

}



.layui-input, .layui-textarea, .layui-select {

    height: 4.5rem;

    line-height: 4.5rem;

    border: 1px solid #e6e6e6;

    border-radius: 0.5rem;

    padding: 0 1.5rem;

    font-size: 1.5rem;

}

.layui-input[name="checkcode"] {
    display: inline-block; width: 50%; margin-right:1rem;
  }

.layui-textarea {

    height: 15rem;

    line-height: 1.6;

    padding: 1.5rem;

    resize: none;

}



.layui-btn {

    height: 4.5rem;

    line-height: 4.5rem;

    font-size: 1.6rem;

    border-radius: 0.5rem;

}



/* 地图容器样式 */

.m-map-container {

    margin-top: 5rem;

    max-width: 160rem;

    margin: 5rem auto 0;

}



#mapContainer {

    width: 100%;

    height: 50rem;

    border-radius: 1rem;

    overflow: hidden;

    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);

}



/* 响应式调整 */

@media screen and (max-width: 992px) {

    .m-contact-wrapper {

        flex-direction: column;

        gap: 3rem;

    }

    

    .m-contact-info, .m-contact-form {

        width: 100%;

    }

    

    #mapContainer {

        height: 40rem;

    }

}



@media screen and (max-width: 768px) {

    .m-contact-section {

        padding: 4rem 0;

    }

    

    .m-info-icon {

        width: 4rem;

        height: 4rem;

    }

    

    .m-info-icon i {

        font-size: 2rem;

    }

    

    .m-info-content h3 {

        font-size: 1.6rem;

    }

    

    .m-info-content p {

        font-size: 1.4rem;

    }

    

    .m-contact-form {

        padding: 2rem;

    }

    

    #mapContainer {

        height: 30rem;

    }

}



@media screen and (max-width: 480px) {

    .m-contact-section {

        padding: 3rem 0;

    }

    

    .m-info-item {

        margin-bottom: 2rem;

    }

    

    .m-info-icon {

        width: 3.5rem;

        height: 3.5rem;

        margin-right: 1.5rem;

    }

    

    .m-info-icon i {

        font-size: 1.8rem;

    }

    

    .qrcode-item img {

        width: 10rem;

        height: 10rem;

    }

    

    .m-contact-form {

        padding: 1.5rem;

    }

    

    .layui-form-item {

        margin-bottom: 1.5rem;

    }

    

    #mapContainer {

        height: 25rem;

    }

}











/* 关于我们页面样式 */

.g-about_intro_wrap{overflow: hidden;}

/* 公司介绍 */

.m-about-intro{padding:6rem 0;background-color:#fff}

.m-intro-content{display:flex;flex-wrap:wrap;gap:4rem;margin-top:4rem;max-width:160rem;margin-left:auto;margin-right:auto}

.m-intro-image{flex:1;min-width:30rem}

.m-intro-image img{width:100%;border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-intro-text{flex:1;min-width:30rem}

.m-intro-text h3{font-size:2.8rem;font-weight:600;color:#333;margin-bottom:2rem;position:relative;padding-bottom:1.5rem}

.m-intro-text h3:after{content:'';position:absolute;bottom:0;left:0;width:6rem;height:.3rem;background-color:var(--primary-color)}

.m-intro-text p{font-size:1.6rem;line-height:1.8;color:#666;margin-bottom:1.5rem}

.m-intro-data{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:2rem;margin:3rem 0;width:100%}

.m-data-item{text-align:center;flex:1;min-width:0}

.m-data-num{font-size:4rem;font-weight:700;color:var(--primary-color);line-height:1.2;white-space:nowrap}

.m-data-num span{font-size:2.4rem}

.m-data-title{font-size:1.6rem;color:#666;margin-top:.5rem}

.m-more-btn{display:inline-block;padding:1.2rem 3rem;background-color:var(--primary-color);color:#fff;font-size:1.6rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .3s ease}

.m-more-btn:hover{ color: #fff; background-color:#043d87;transform:translateY(-.3rem);box-shadow:0 .5rem 1.5rem rgba(5,77,169,.3)}

.m-intro-video{margin-top:6rem;max-width:160rem;margin-left:auto;margin-right:auto}

.m-video-title{text-align:center;margin-bottom:3rem}

.m-video-title h3{font-size:2.4rem;font-weight:600;color:#333;margin-bottom:1rem}

.m-video-title p{font-size:1.6rem;color:#666}

.m-video-container{position:relative;width:100%;border-radius:1rem;overflow:hidden;box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-video-container video{width:100%;display:block}

.m-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8rem;height:8rem;background-color:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}

.m-video-play i{font-size:3rem;color:#fff}

.m-video-play:hover{background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) scale(1.1)}

.m-about-environment{padding:6rem 0;background-color:#f9f9f9}

.m-environment-tabs{max-width:160rem;margin:4rem auto 0}

.m-tab-nav{display:flex;justify-content:center;margin-bottom:3rem}

.m-tab-item{padding:1.2rem 3rem;font-size:1.8rem;font-weight:500;color:#666;cursor:pointer;border-bottom:.3rem solid transparent;transition:all .3s ease}

.m-tab-item.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}

.m-tab-pane{display:none}

.m-tab-pane.active{display:block}

.m-env-item{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.1)}

.m-env-item img{width:100%;height:30rem;object-fit:cover;display:block;transition:all .5s ease}

.m-env-item:hover img{transform:scale(1.05)}

.m-env-info{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}

.m-env-info h4{font-size:1.8rem;font-weight:500;margin:0}

.environment-swiper,.workshop-swiper{padding:1rem 0 4rem}

.m-about-honor{padding:6rem 0;background:#fff url(../images/honor_bg.jpg) no-repeat center center;background-size:cover; }

.m-honor-swiper-container{position:relative;max-width:160rem;margin:4rem auto 0;padding:0 5rem}

.m-honor-item{text-align:center}

.m-honor-image{height:30rem;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);margin-bottom:1.5rem}

.m-honor-image img{max-width:90%;max-height:90%;object-fit:contain}
.m-honor-item:hover .m-honor-image{background-color: #dee9df;}



.m-honor-title{font-size:1.6rem;color:#333;font-weight:500}

.swiper-button-next,.swiper-button-prev{color:var(--primary-color)}

.m-about-subsidiary{padding:6rem 0;background-color:#f9f9f9}

.m-subsidiary-list{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:160rem;margin:4rem auto 0}

.m-subsidiary-item{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);transition:all .3s ease}

.m-subsidiary-item:hover{transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}

.m-subsidiary-link{display:block;text-decoration:none;color:inherit}

.m-subsidiary-logo{height:15rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0}

.m-subsidiary-logo img{max-width:80%;max-height:80%;object-fit:contain}

.m-subsidiary-info{padding:2rem;text-align:center}

.m-subsidiary-info h3{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:.5rem}

.m-subsidiary-info p{font-size:1.4rem;color:#666}

.m-about-partner{padding:6rem 0;background-color:#fff}

.m-partner-scroll{max-width:160rem;margin:4rem auto 0}

.m-partner-logo{height:10rem;display:flex;align-items:center;justify-content:center;}

.m-partner-logo img{max-width:80%;max-height:80%;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}

.m-partner-logo:hover img{filter:grayscale(0);opacity:1}

@media screen and (max-width:1200px){.m-subsidiary-list{grid-template-columns:repeat(3,1fr)}

.m-environment-tabs,.m-honor-list,.m-intro-content,.m-intro-video,.m-partner-scroll,.m-subsidiary-list{max-width:96%}

}

@media screen and (max-width:992px){.m-intro-content{flex-direction:column;gap:3rem}

.m-intro-image,.m-intro-text{width:100%}

.m-subsidiary-list{grid-template-columns:repeat(2,1fr);gap:2rem}

.m-about-environment,.m-about-honor,.m-about-intro,.m-about-partner,.m-about-subsidiary{padding:5rem 0}

.m-intro-text h3{font-size:2.4rem}

.m-data-num{font-size:3.6rem}

.m-data-num span{font-size:2.2rem}

.m-video-container{height:40rem}

.swiper-environment .swiper-slide,.swiper-honor .swiper-slide{width:33.333%}

}

@media screen and (max-width:768px){

    .m-environment-tabs{margin-top: 1rem;}

    .m-subsidiary-list,.m-honor-swiper-container,.m-intro-content{margin-top: 1.5rem;}

    .m-partner-scroll{margin-top: 0rem;}

    .m-intro-data{justify-content:space-around;gap:2rem}

.m-data-num{font-size:3.2rem}

.m-data-num span{font-size:2rem}

.m-data-title{font-size:1.4rem}

.m-intro-text p{font-size:1.5rem}

.m-video-container{height:35rem}

.m-video-play i{font-size:5rem}

.m-tab-nav{flex-direction:column;width:100%}

.m-tab-item{width:100%;padding:1.2rem;margin-bottom:.5rem}

.swiper-environment .swiper-slide,.swiper-honor .swiper-slide{width:50%}

.m-subsidiary-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}

.m-subsidiary-logo{height:12rem}

.m-subsidiary-info h3{font-size:1.6rem}

.m-about-environment,.m-about-honor,.m-about-intro,.m-about-partner,.m-about-subsidiary{padding:4rem 0}

.m-section-title h2{font-size:2.8rem}

.m-section-title p{font-size:1.5rem}

}

@media screen and (max-width:576px){.m-subsidiary-list{grid-template-columns:1fr}

.m-intro-text h3{font-size:2.2rem}

.m-intro-text p{font-size:1.4rem}

.m-data-item{margin-bottom:2rem}

.m-data-num{font-size:3rem}

.m-video-container{height:25rem}

.m-video-play i{font-size:4rem}

.swiper-environment .swiper-slide,.swiper-honor .swiper-slide{width:100%}

.m-env-item,.m-honor-item{margin:0 .5rem}

.m-about-environment,.m-about-honor,.m-about-intro,.m-about-partner,.m-about-subsidiary{padding:3rem 0}

.m-section-title h2{font-size:2.4rem}

.m-section-title p{font-size:1.4rem}

.m-more-btn{padding:1rem 2.5rem;font-size:1.5rem}

}



/* 标签导航样式优化 */

.m-tab-nav{display:flex;justify-content:center;margin-bottom:3rem;flex-wrap:nowrap;align-items:center;gap:2rem}

.m-tab-item{padding:1.2rem 3rem;font-size:1.8rem;font-weight:500;color:#666;cursor:pointer;border-bottom:.3rem solid transparent;transition:all .3s ease;text-align:center;white-space:nowrap}

.m-tab-item.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}

@media screen and (max-width:768px){.m-tab-nav{flex-direction:row;width:auto;gap:1.5rem}

.m-tab-item{width:auto;padding:1rem 2rem;font-size:1.6rem;margin-bottom:0}

}

@media screen and (max-width:576px){.m-tab-nav{gap:1rem}

.m-tab-item{padding:.8rem 1.5rem;font-size:1.5rem}

}

@media screen and (max-width:480px){.m-tab-item{padding:.8rem 1.2rem;font-size:1.4rem;border-bottom-width:.2rem}

}



/* 关于我们详情页样式 */

.g-about-detail-wrap{padding:3rem 0 6rem;background-color:#f9f9f9}

.m-about-subnav{margin-bottom:3rem;background-color:#fff;box-shadow:0 .2rem .5rem rgba(0,0,0,.05);position:sticky;top:0;z-index:100}

.about-subnav-scroll{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1.5rem 0}

.about-subnav-scroll::-webkit-scrollbar{display:none}

.about-subnav-item{display:inline-block;padding:.8rem 1.5rem;font-size:1.4rem;color:#666;text-decoration:none;border-radius:2rem;margin-right:1rem;transition:all .3s ease}

.about-subnav-item.active{background-color:var(--primary-color);color:#fff}

.about-detail-layout{display:flex;gap:3rem;max-width:160rem;margin:0 auto}

.about-sidebar{width:25%;min-width:25rem;flex-shrink:0;position:relative}

.about-content-main{flex:1;min-width:0}

.about-content-main .about-content-body img{max-width: 100%; height: auto;}

.about-sidenav{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);margin-bottom:3rem;position:sticky;top:2rem;transition:top .2s ease;will-change:position,top;transform:translateZ(0);z-index:10}

.has-fixed-header .about-sidenav{top:8rem}

.about-sidenav-title{font-size:2rem;font-weight:600;color:#fff;background-color:var(--primary-color);padding:1.5rem 2rem;margin:0}

.about-sidenav-menu{list-style:none;padding:0;margin:0}

.about-sidenav-item{border-bottom:1px solid #f0f0f0}

.about-sidenav-item:last-child{border-bottom:none}

.about-sidenav-link{display:block;padding:1.5rem 2rem;font-size:1.6rem;color:#333;text-decoration:none;transition:all .3s ease;position:relative}

.about-sidenav-link:hover{color:var(--primary-color);background-color:#f9f9f9}

.about-sidenav-item.active .about-sidenav-link{color:var(--primary-color);font-weight:500;background-color:#f0f6f5}

.about-sidenav-item.active .about-sidenav-link:before{content:'';position:absolute;left:0;top:0;bottom:0;width:.4rem;background-color:var(--primary-color)}

.about-contact-card{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);margin-bottom:3rem;position:sticky;top:calc(2rem + 30rem);transition:top .2s ease;will-change:position,top;transform:translateZ(0);z-index:9}

.has-fixed-header .about-contact-card{top:calc(8rem + 30rem)}

.about-card-title{font-size:2rem;font-weight:600;color:#fff;background-color:var(--primary-color);padding:1.5rem 2rem;margin:0}

.about-contact-content{padding:2rem}

.about-contact-item{margin-bottom:1.5rem}

.about-contact-item h4{font-size:1.6rem;font-weight:500;color:#333;margin:0 0 .5rem}

.about-contact-item p{font-size:1.5rem;color:#666;margin:0}

.about-contact-btn{display:block;text-align:center;padding:1.2rem;background-color:var(--primary-color);color:#fff;font-size:1.6rem;font-weight:500;border-radius:.5rem;text-decoration:none;margin-top:2rem;transition:all .3s ease}

.about-contact-btn:hover{background-color:#043d87}

.about-content-box{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);padding:3rem}

.about-content-header{margin-bottom:3rem;border-bottom:1px solid #f0f0f0;padding-bottom:0}

.about-content-title{font-size:2.8rem;font-weight:600;color:#333;margin:0 0 1.5rem}

.about-content-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;color:#999;font-size:1.4rem}

.about-content-body{font-size:1.6rem;line-height:1.8;color:#333}

.about-content-body h2{font-size:2.2rem;font-weight:600;color:#333;margin:3rem 0 1.5rem;position:relative;padding-left:1.5rem}

.about-content-body h2:before{content:'';position:absolute;left:0;top:.5rem;bottom:.5rem;width:.5rem;background-color:var(--primary-color)}

.about-content-body p{margin-bottom:1.5rem}

.about-content-image{margin:2.5rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.1)}

.about-content-image img{width:100%;display:block}

@media screen and (max-width:992px){.about-detail-layout{flex-direction:column}

.about-sidebar{width:100%;min-width:0;margin-bottom:3rem;display:none}

.about-content-title{font-size:2.4rem}

.about-content-body h2{font-size:2rem}

}

@media screen and (max-width:768px){.g-about-detail-wrap{padding:0 0 4rem}

.about-content-box{padding:2rem;border-radius:0;box-shadow:none}

.about-content-title{font-size:2.2rem}

.about-content-body{font-size:1.5rem}

.about-content-body h2{font-size:1.8rem}

}

@media screen and (max-width:576px){.about-subnav-item{padding:.6rem 1.2rem;font-size:1.4rem;font-weight: bold;}

.about-content-box{padding:1.5rem}

.about-content-title{font-size:2rem}

.about-content-meta{font-size:1.3rem}

.about-content-body{font-size:1.4rem}

.about-content-body h2{font-size:1.7rem;padding-left:1.2rem}

.about-content-body h2:before{width:.4rem}

}

.about-sidebar{width:25%;min-width:25rem;flex-shrink:0}

.about-sidenav{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);margin-bottom:3rem;position:sticky;top:2rem;transition:top .2s ease;will-change:position,top;transform:translateZ(0);z-index:10}

@media screen and (max-width:992px){.about-sidebar{width:100%;min-width:0}

.about-sidenav{position:static}

}

/* 侧边栏分类样式 */
.m-sidebar-category{background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05)}
.category-group{border-bottom:1px solid #f0f0f0}
.category-group:last-child{border-bottom:none}
.category-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;color:#333;text-decoration:none;transition:all .3s ease;position:relative;cursor:pointer}
.category-item:hover{color:var(--primary-color);background-color:#f9f9f9}
.category-item.active{color:var(--primary-color);font-weight:500;background-color:#f0f6f5}
.category-item.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:.4rem;background-color:var(--primary-color)}
.category-arrow{width:1.2rem;height:1.2rem;position:relative;transition:transform .3s ease}
.category-arrow:before{content:'';position:absolute;left:50%;top:50%;width:.8rem;height:.8rem;border-right:2px solid #999;border-bottom:2px solid #999;transform:translate(-50%,-75%) rotate(45deg);transition:border-color .3s ease}
.category-item.active .category-arrow{transform:rotate(180deg)}
.category-item.active .category-arrow:before{border-color:var(--primary-color)}
.category-sub{display:none;background-color:#f9f9f9}
.category-sub.show{display:block}
.category-sub-item{display:block;padding:1.2rem 2rem 1.2rem 3.5rem;color:#666;text-decoration:none;transition:all .3s ease;position:relative}
.category-sub-item:hover{color:var(--primary-color);background-color:#f5f5f5}
.category-sub-item.active{color:var(--primary-color);font-weight:500;background-color:#f0f6f5}
.category-sub-item.active:before{content:'';position:absolute;left:2rem;top:50%;width:.6rem;height:.6rem;background-color:var(--primary-color);border-radius:50%;transform:translateY(-50%)}


/* 产品方案列表样式 */
.m-product_coverwrap{padding:5rem 0;background:#f5f5f5; padding-top: 12rem;}
.m-product_coverwrap .product-item{margin-bottom:3rem;}
.m-product_coverwrap .product-item .m-pic-link{display:flex;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05);transition:all .3s ease}
.m-product_coverwrap .product-item .m-pic-link:hover{transform:translateY(-5px);box-shadow:0 1rem 3rem rgba(0,0,0,.1)}
.m-product_coverwrap .product-item .m-pic-img{width:40%;position:relative;overflow:hidden}
.m-product_coverwrap .product-item .m-pic-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.m-product_coverwrap .product-item:hover .m-pic-img img{transform:scale(1.05)}
.m-product_coverwrap .product-item .m-pic-info{width:60%;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}
.m-product_coverwrap .product-item .m-pic-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:1rem}
.m-product_coverwrap .product-item .m-pic-desc{font-size:1rem;color:#666;line-height:1.6;margin-bottom:2rem}
.m-product_coverwrap .product-item .m-pic-actions{display:flex;gap:1rem}
.m-product_coverwrap .product-item .btn_more,.m-product_coverwrap .product-item .btn_solution{display:inline-block;padding:.8rem 2rem;border-radius:2rem;font-size:1.3rem;cursor:pointer;transition:all .3s ease}
.m-product_coverwrap .product-item .btn_more{background-color:#f5f5f5;color:#333}
.m-product_coverwrap .product-item .btn_solution{background-color:var(--primary-color);color:#fff}
.m-product_coverwrap .product-item .btn_more:hover{background-color:#eee}
.m-product_coverwrap .product-item .btn_solution:hover{background-color:#043d87}
@media (max-width:768px){
    .m-product_coverwrap .product-item .m-pic-link{flex-direction:column}
    .m-product_coverwrap .product-item .m-pic-img,.m-product_coverwrap .product-item .m-pic-info{width:100%}
    .m-product_coverwrap .product-item .m-pic-img{height:200px}
    .m-product_coverwrap .product-item .m-pic-info{padding:1.5rem}
}
.m-product_coverwrap .product-list{margin-top:3rem}
.m-product_coverwrap .product-item{margin-bottom:3rem;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 .5rem 2rem rgba(0,0,0,.05)}
.m-product_coverwrap .product-content{display:flex;padding:3rem;gap:3rem}
.m-product_coverwrap .product-left{width:40%}
.m-product_coverwrap .product-right{width:60%}
.m-product_coverwrap .product-title{font-size:2rem;font-weight:600;margin-bottom:2rem;color:#333}
.m-product_coverwrap .product-desc-wrap{margin-bottom:2rem}
.m-product_coverwrap .product-desc{font-size:1.3rem;line-height:1.8;color:#666;margin-bottom:1rem}
.m-product_coverwrap .product-actions{display:flex;gap:1rem}
.m-product_coverwrap .btn_more,.m-product_coverwrap .btn_solution{display:inline-block;padding:.8rem 2rem;border-radius:2rem;font-size:1rem;transition:all .3s ease}
.m-product_coverwrap .btn_more{background:#f5f5f5;color:#333}
.m-product_coverwrap .btn_solution{background:var(--primary-color);color:#fff}
.m-product_coverwrap .product-swiper{height:20rem;border-radius:.5rem;overflow:hidden;padding:0 1rem}
.m-product_coverwrap .product-slide{position:relative;height:100%;border-radius:.5rem;overflow:hidden}
.m-product_coverwrap .product-slide img{width:100%;height:100%;object-fit:cover}
.m-product_coverwrap .img-title{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:rgba(0,0,0,.5);color:#fff;font-size:1rem;text-align:center}
.m-product_coverwrap .swiper-button-next,.m-product_coverwrap .swiper-button-prev{color:#fff;background:rgba(0,0,0,.3);width:2.5rem;height:2.5rem;border-radius:50%}
.m-product_coverwrap .swiper-button-next:after,.m-product_coverwrap .swiper-button-prev:after{font-size:1rem}
@media (max-width:48rem){
.m-product_coverwrap{padding-top: 8rem}
	.m-product_coverwrap .product-content{flex-direction:column;padding:2rem}
.m-product_coverwrap .product-left,.m-product_coverwrap .product-right{width:100%}
.m-product_coverwrap .product-swiper{height:15rem}
}
.procat-content-body{margin:0 auto;background: #f5f5f5;padding: 2rem 0;}
.procat-content-body .cnn{max-width:140rem; margin:0 auto; }




/* 优势 */
.m-advateage{width:100%;position:relative;overflow:hidden;z-index:1;padding:6rem 7rem;background:#f5f5f5 no-repeat center center; background-attachment: fixed;}

.m-advateage .section-title p{color: #fff;}
.m-advateage .section-title h2{color: #fff;}

@media screen and (max-width:980px){.m-advateage{padding:4rem 1.2rem;}}

.m-advateage .advantage-content{position:relative; max-width: 140rem; margin: 0 auto;}
.m-advateage .lazy{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-position:center;background-size:cover;}

/* 优势轮播 */
.z_ys_swiper ul{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.z_ys_swiper li{height:30rem;position:relative;}
@media screen and (max-width:980px){.z_ys_swiper li{height:auto;}}
.z_ys_swiper li a{display:block;height:100%;}

/* 顶部盒子 */
.z_ys_swiper .topbox{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:12rem;background:#137439;border-radius:7rem 7rem 0 0;overflow:hidden;padding-bottom:3.6rem;-webkit-transition:ease 1s;transition:ease 1s;-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0;margin-bottom:-3.6rem;}
@media screen and (max-width:980px){.z_ys_swiper .topbox{height:0;}}
.z_ys_swiper .topbox .imgbg{position:absolute;left:0;top:0%;width:100%;height:100%;opacity:.7;z-index:-1;mix-blend-mode:multiply;background-position:center;background-size:cover;}
.z_ys_swiper .ico{height:3.75rem;-webkit-transition:ease .8s;transition:ease .8s;}
.z_ys_swiper .topbox img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

@media screen and (max-width:980px){.z_ys_swiper .ico{height:3.6rem;}}
.z_ys_swiper .ico img{display:block;height:100%;margin:0 auto;}

/* 底部盒子 */
.z_ys_swiper .btmbox{position:absolute;left:0;bottom:0;width:100%;z-index:1;-webkit-transition:ease 1s;transition:ease 1s;background:rgba(255,255,255,.8);border-radius:2.6rem 2.6rem 50% 50%;padding-top:3rem;padding-bottom:5rem;text-align:center;}
@media screen and (max-width:980px){.z_ys_swiper .btmbox{padding-top:2rem;padding-bottom:2rem;}}
.z_ys_swiper .btmbox .ico{margin-bottom:1rem;}
@media screen and (max-width:980px){.z_ys_swiper .btmbox .ico{margin-bottom:1rem;}}
.z_ys_swiper .btmbox .tit{font-size:1.6rem;line-height:1.6rem;color:#333;font-weight:bold;}
@media screen and (max-width:980px){.z_ys_swiper .btmbox .tit{font-size:1.6rem;}}
@media screen and (max-width:1680px){.z_ys_swiper .btmbox .tit{line-height:1.8rem;}}
@media screen and (max-width:980px){.z_ys_swiper .btmbox .tit{line-height:2rem;}}
.z_ys_swiper .btmbox .dot{width:70%;margin:0 auto;height:0.3rem;background-size:auto 100%;-webkit-transition:ease 1s;transition:ease 1s;overflow:hidden;opacity:0;}
.z_ys_swiper .btmbox .desc{color:#727272;opacity:.7;min-height:2.5rem;margin-bottom:1.25rem;margin-top:0.8rem;padding:0 0.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:pre-wrap;}
@media screen and (max-width:980px){.z_ys_swiper .btmbox .desc{margin-bottom:1rem;margin-top:1rem;font-size:1.4rem;line-height:2.4rem;}}
@media screen and (max-width:1680px){.z_ys_swiper .btmbox .desc{font-size:1.4rem;}}

/* 箭头 */
.z_arr{width:3rem;height:3rem;background:#137439 url(../images/icon-right.png) no-repeat center center; background-size: 50% 50%; border-radius:50%;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:1.2rem;margin-left:0.5rem;cursor:pointer;}
@media screen and (max-width:980px){.z_arr{width:2.4rem;height:2.4rem;margin-left:0.6rem;}}
.z_arr .iconfont{font-size:1.2rem;}

/* 激活状态 */
.z_ys_swiper li.active .topbox{-webkit-transform:translateY(0%);transform:translateY(0%);opacity:1;}
.z_ys_swiper li.active .btmbox{padding-top:1.3rem;border-radius:1.6rem 1.6rem 7rem 7rem;background:#fff;}
@media screen and (max-width:980px){.z_ys_swiper li.active .btmbox{padding-top:2rem;}}
.z_ys_swiper li.active .btmbox .ico{height:0;overflow:hidden;}
.z_ys_swiper li.active .btmbox .dot{opacity:1;margin-top:1rem;}
@media screen and (max-width:980px){.z_ys_swiper li.active .btmbox .dot{margin-top:1rem;}}

/* 移动端适配 */
@media screen and (max-width:980px){
    .z_ys_swiper .topbox{display:none;}
    .z_ys_swiper .btmbox{position:relative;border-radius:1rem;}
    .z_ys_swiper li .dot{display:none;}
    .z_ys_swiper li.active .btmbox{border-radius:1rem;}
    .z_ys_swiper li.active .btmbox .ico{height:3.6rem;}
}

/* 导航按钮样式 */
.m-advateage .swiper-button-next,.m-advateage .swiper-button-prev{width:4rem;height:4rem;background:#fff;border-radius:50%;box-shadow:0 0.2rem 1rem rgba(0,0,0,0.1);color:#333;transition:all 0.3s ease;}
.m-advateage .swiper-button-next:hover,.m-advateage .swiper-button-prev:hover{background:#137439;color:#fff;}
.m-advateage .swiper-button-next:after,.m-advateage .swiper-button-prev:after{font-size:1.6rem;}

/* 分页器样式 */
.m-advateage .swiper-pagination{bottom:-3rem;}
.m-advateage .swiper-pagination-bullet{width:1rem;height:1rem;background:#ccc;opacity:1;transition:all 0.3s ease;}
.m-advateage .swiper-pagination-bullet-active{width:3rem;border-radius:0.5rem;background:#137439;}




/* 企业介绍模块样式 */
.m-intro_xg3s{padding:6rem 0;background:#f9f9f9 url(../images/about_bg.jpg) no-repeat center center;overflow:hidden;}
.g-container_a7f2{width:160rem;max-width:96%;margin:0 auto;}
.m-intro-title_k9p3{text-align:center;margin-bottom:4rem;}
.m-intro-title_k9p3 .title_main{font-size:3.6rem;color:#333;margin-bottom:1rem;font-weight:600;}
.m-intro-title_k9p3 .title_sub{font-size:1.8rem;color:#666;margin-bottom:2.5rem;}
.m-intro-content_e5r8{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m-intro-content_e5r8 .intro_left{width:60%;padding-right:5rem;}
.m-intro-content_e5r8 .intro_right{width:40%;}
.m-intro-content_e5r8 .intro_text p{font-size:1.6rem;line-height:1.8;color:#666;margin-bottom:2rem;text-align:justify;}
.f-more_j7d2{margin-top:3rem;}
.f-more_j7d2 .layui-btn{font-size:1.6rem;border-color:#007749;color:#007749;transition:all 0.3s ease; margin-bottom: 2rem;}
.f-more_j7d2 .layui-btn:hover{background:#007749;color:#fff;}
.f-more_j7d2 .layui-btn:hover i{margin-left:0.5rem;}
.f-more_j7d2 .layui-btn i{transition:all 0.3s ease;}

/* 二级分类导航 */
.m-category_p8r3{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.m-category_p8r3 .cat_item{display:inline-block;padding:1rem 2.5rem;margin:0 1rem;font-size:1.6rem;color:#666;position:relative;transition:all 0.3s ease;}
.m-category_p8r3 .cat_item:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#007749;transition:all 0.3s ease;}
.m-category_p8r3 .cat_item:hover,.m-category_p8r3 .cat_item.active{color:#007749;}
.m-category_p8r3 .cat_item:hover:after,.m-category_p8r3 .cat_item.active:after{width:80%;left:10%;}

/* 视频播放区域 */
.m-video-box_t5k7{position:relative;border-radius:1rem;overflow:hidden;margin-bottom:3rem;box-shadow:0 0.5rem 2rem rgba(0,0,0,0.1);}
.m-video-box_t5k7 .video-cover{width:100%;height:auto;display:block;transition:all 0.5s ease;}
.m-video-box_t5k7:hover .video-cover{transform:scale(1.05);}
.m-video-box_t5k7 .video_play_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;background:rgba(255,255,255,0.9);border-radius:50%;cursor:pointer;z-index:2;transition:all 0.3s ease;}
.m-video-box_t5k7 .video_play_btn:before{content:'';position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:1.5rem 0 1.5rem 2.5rem;border-color:transparent transparent transparent #007749;}
.m-video-box_t5k7 .video_play_btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1);}

/* 视频模态框 */
.m-video-modal_r3j6{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999;display:none;justify-content:center;align-items:center;}
.m-video-modal_r3j6 .video-container{position:relative;width:80%;max-width:120rem;}
.m-video-modal_r3j6 video{width:100%;display:block;border-radius:0.5rem;background:#000;}
.m-video-modal_r3j6 .close-modal{position:absolute;top:-4rem;right:0;color:#fff;font-size:3rem;cursor:pointer;transition:all 0.3s ease;}
.m-video-modal_r3j6 .close-modal:hover{transform:rotate(90deg);}

/* 数据列表 */
.m-data-list_h2p6{display:flex;flex-wrap:wrap;border-radius:1rem;}
.m-data-list_h2p6 .data_item{width:25%;text-align:center;padding:2rem 1rem;position:relative;}
.m-data-list_h2p6 .data_item:nth-child(1)::before,.m-data-list_h2p6 .data_item:nth-child(2)::before,.m-data-list_h2p6 .data_item:nth-child(3)::before{content:'';position:absolute;top:15%;right:0;width:1px;height:70%;background:#eee;}
.m-data-list_h2p6 .data_num{font-size:2.4rem;color:#007749;font-weight:bold;margin-bottom:1rem;}
.m-data-list_h2p6 .data_num span:first-child{font-size:3.2rem;}
.m-data-list_h2p6 .data_label{font-size:1.6rem;color:#666;}

/* 动画效果 */
.scroll-animate{opacity:0;transition:all 1s ease;}
.scroll-animate.animated{opacity:1;}
.fade-right{transform:translateX(-50px);}
.fade-right.animated{transform:translateX(0);}
.fade-left{transform:translateX(50px);}
.fade-left.animated{transform:translateX(0);}

/* 响应式样式 */
@media screen and (max-width: 1200px) {
  .m-intro-content_e5r8 .intro_left{width:55%;}
  .m-intro-content_e5r8 .intro_right{width:45%;}
}
@media screen and (max-width: 992px) {
  .m-intro-content_e5r8 .intro_left{width:100%;padding-right:0;margin-bottom:3rem;}
  .m-intro-content_e5r8 .intro_right{width:100%;}
  .m-data-list_h2p6 .data_item{width:50%;}

  .m-category_p8r3 .cat_item{margin:0 0.5rem 1rem;padding:0.8rem 1.5rem;}
}
@media screen and (max-width: 768px) {

    .g-container_a7f2{max-width: 90%;}
  .m-intro_xg3s{padding:4rem 0;}
  .m-intro-title_k9p3 .title_main{font-size:2.8rem;}
  .m-intro-title_k9p3 .title_sub{font-size:1.6rem;}
  .m-data-list_h2p6{padding:2rem 1rem;}
  .m-data-list_h2p6 .data_item{padding:1.5rem 1rem;}
  .m-data-list_h2p6 .data_num{font-size:2rem;}
  .m-data-list_h2p6 .data_num span:first-child{font-size:2.6rem;}
  .m-video-box_t5k7 .video_play_btn{width:5rem;height:5rem;}
}
@media screen and (max-width: 480px) {
  .m-intro_xg3s{padding:3rem 0;}
  .m-intro-title_k9p3 .title_main{font-size:2.4rem;}
  .m-intro-title_k9p3 .title_sub{font-size:1.4rem;}
  .m-intro-content_e5r8 .intro_text p{font-size:1.4rem;}
  .f-more_j7d2 .layui-btn{font-size:1.4rem;}
  .m-category_p8r3 .cat_item{font-size:1.4rem;padding:0.6rem 1.2rem;}
  .m-video-box_t5k7 .video_play_btn{width:4rem;height:4rem;}
}


/* 雪梨之乡 */
.m-inedx_xuelizhixiang{width:100%;position:relative;overflow:hidden;z-index:1;padding:6rem 7rem;background:#f5f5f5 no-repeat center center; background-attachment: fixed;}

.m-inedx_xuelizhixiang .section-title p{color: #fff;}
.m-inedx_xuelizhixiang .section-title h2{color: #fff;}

.m-inedx_xuelizhixiang .xuelicontent{max-width: 140rem; margin: 0 auto;}

.m-inedx_xuelizhixiang .floor_4_1 {
    display: inline-block;
}

.m-inedx_xuelizhixiang .floor_4_1 dl {
    float: left;
    width: 50%;
    float: left;
    height: 22rem;
    background-color: #fff;
}

.m-inedx_xuelizhixiang .floor_4_1 dl a{cursor: default;}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl1{background-color: #f9f1ef;}
.m-inedx_xuelizhixiang .floor_4_1 dl.dl4{background-color: #f9f1ef;}
.m-inedx_xuelizhixiang .floor_4_1 dl dt {
    width: 30%;
    height: 22rem;
    display: block;
    float: left;
    overflow: hidden;
}

.m-inedx_xuelizhixiang .floor_4_1 dl dt img {
    width: 100%;
    height: 22rem; object-fit: cover;
    display: block;
    transition: all .36s ease;
}

.m-inedx_xuelizhixiang .floor_4_1 dl dd {
    position: relative;
    width: 70%; padding: 0 4rem;
    height: 22rem;
    float: right;
    text-align: center;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl1 dd i,.m-inedx_xuelizhixiang .floor_4_1 dl.dl2 dd i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.3rem 1.4rem 1.3rem 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 4.2rem;
    left: -1.4rem;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl3 dd i,.m-inedx_xuelizhixiang .floor_4_1 dl.dl4 dd i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.3rem 0 1.3rem 1.4rem;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 4.2rem;
    right: -1.4rem;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl dd h3 {
    display: block;
    font-size: 1.8rem;
    color: #333;
    line-height: 1.8rem;
    padding-top: 4.4rem;
    text-align: left;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.m-inedx_xuelizhixiang .floor_4_1 dl dd h4 {
text-align: left; margin-top: 1rem;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl dd h3 span {
    display: block;
    width: 4rem;
    height: 0.2rem;
    background-color: #3ba86f;
    margin-top: 2rem;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl dd p {
    display: block;
    font-size: 1.4rem;
    color: #333;
    line-height: 2.4rem;
    padding-top: 1rem;
    text-align: justify;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl1:hover dd i,.m-inedx_xuelizhixiang .floor_4_1 dl.dl2:hover dd i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.3rem 1.4rem 1.3rem 0;
    border-color: transparent #3ba86f transparent transparent;
    position: absolute;
    top: 4.2rem;
    left: -1.4rem;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl3:hover dd i,.m-inedx_xuelizhixiang .floor_4_1 dl.dl4:hover dd i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.3rem 0 1.3rem 1.4rem;
    border-color: transparent transparent transparent #3ba86f;
    position: absolute;
    top: 4.2rem;
    right: -1.4rem;
}

.m-inedx_xuelizhixiang .floor_4_1 dl:hover dd {
    background-color: #3ba86f;
}

.m-inedx_xuelizhixiang .floor_4_1 dl:hover dd h3,.m-inedx_xuelizhixiang .floor_4_1 dl:hover dd h4 {
    color: #fff;
}

.m-inedx_xuelizhixiang .floor_4_1 dl:hover dd h3 span {
    background-color: #fff;
}

.m-inedx_xuelizhixiang .floor_4_1 dl:hover dd p {
    color: #fff;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl3 dd,.m-inedx_xuelizhixiang .floor_4_1 dl.dl4 dd {
    float: left;
}

.m-inedx_xuelizhixiang .floor_4_1 dl.dl3 dt,.m-inedx_xuelizhixiang .floor_4_1 dl.dl4 dt {
    float: right;
}

.m-inedx_xuelizhixiang .floor_4_1 dl:hover dt img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

@media screen and (max-width: 768px) {
    .m-inedx_xuelizhixiang{padding:3rem 0;}
    .m-inedx_xuelizhixiang .floor_4_1{padding: 0 2rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl{width: 100%; height: auto;padding: 1rem 0; border-bottom: 0.1rem solid #ccc; padding-left: 1rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl.dl1{background-color: #fff;}
    .m-inedx_xuelizhixiang .floor_4_1 dl.dl4{background-color: #fff;}

    .m-inedx_xuelizhixiang .floor_4_1 dl dd{height: auto; padding: 0 2rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl dd h3{padding-top: 1rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl dt img{height: 12rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl dt{padding-top: 3rem; height: auto;}
    .m-inedx_xuelizhixiang .floor_4_1 dl i{top: 6.2rem;}
    .m-inedx_xuelizhixiang .floor_4_1 dl dd h3 span{margin-top: 1rem;}
    .m-inedx_xuelizhixiang .floor_4_1 .dl3,.m-inedx_xuelizhixiang .floor_4_1 .dl4{padding-left: 0; padding-right: 1rem;}

  }



  .floor_2_main {max-width: 140rem; margin: 0 auto;}
.floor_2_main .box1 {
overflow: hidden;
}

.floor_2_main .box1 .left {
    width: 690px; float: left;
    padding-top: 12px;
}

.floor_2_main .box1 .left ul {
    overflow: hidden;
   
}

.floor_2_main .box1 .left li {
    border-bottom: 1px dashed #b3b3b3;
    padding-bottom: 32px;
    margin-bottom: 32px;
    overflow: hidden;
}

.floor_2_main .box1 .left li .fl {
    width: 117px; float: left;
    margin-right: 20px;
}

.floor_2_main .box1 .left li .fl img {
    width: 64px; padding: 12px;box-sizing: content-box; border-radius: 100%; box-shadow: 3px 3px 3px rgba(0,0,0,.2);
    height: 64px;
}

.floor_2_main .box1 .left li .fr {
    float: left;
    width: 540px;
}

.floor_2_main .box1 .left li .fr h3 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 6px;
}
.floor_2_main .box1 .left li h4 {
margin-bottom: 10px; color: #888;
}

.floor_2_main .box1 .left li .fr h3 b {
    color: #ddd;
    margin-right: 5px;
}

.floor_2_main .box1 .left li .fr .p {
    color: #666;
    line-height: 24px;
    padding-left: 15px;
    text-align: justify;
    height: 70px;
    overflow: hidden;
}

.floor_2_main .box1 .right {
    width: 489px; float: right;
}

.floor_2_main .box2 {
    padding: 50px 0;
}

.floor_2_main .box2 .left {
    float: right;
    padding-top: 0;
}

.floor_2_main .box2 .left li .fr {
    width: 520px;
}

.floor_2_main .box2 .right {
    float: left;
}
.floor_2_main .box1 .right img{width: 100%; height: auto; object-fit: cover; border-radius: 1rem;}

.floor_2_main .box2 .left li:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .floor_2_main .box2{padding: 2rem 0;}
    .floor_2_main .box1 .left li .fr h3{font-size: 1.6rem;padding-bottom: 0;}
    .floor_2_main .box1 .left{width: 100%;}
    .floor_2_main .box1 .left li{padding-bottom: 1rem; margin-bottom: 1rem;}
    .floor_2_main .box1 .left li .fl{width: 20%;}
    .floor_2_main .box1 .left li .fr{width: 70%;}
    .floor_2_main .box1 .left li .fl img{width: 55%;height: auto;}
    .floor_2_main .box1 .left li .more{font-size: 1.2rem;}
    .floor_2_main .box1 .left li h4{margin-bottom: 0.5rem; font-size: 1.4rem;}
    .floor_2_main .box1 .right{width: 100%;}
    .floor_2_main .box1 .right img{width: 100%; height: 20rem; object-fit: cover;}
    .floor_2_main .box2 .left li:last-child {
        border-bottom: 0;
    }
  }