@charset "UTF-8";

@media screen and (max-width: 1680px) {
    .container-outer{width: 88%;}
    .container {padding-left:80px;padding-right:80px;}
    .index-banner-swiper .swiper-button .swiper-button-prev,.index-banner-swiper .swiper-button .swiper-button-next,.index-banner-swiper .swiper-button .swiper-button-prev::before,.index-banner-swiper .swiper-button .swiper-button-next::before {width:50px;height:55px;}
    .index-banner-swiper .swiper-button .swiper-button-prev::after,.index-banner-swiper .swiper-button .swiper-button-next::after {font-size:12px;}
    .index-cases .index-cases-item,.cases-list .cases-list-item{height: 392px;}
    .develop-box .bottom .swiper-button .arrow.develop-prev{left: -60px;}
    .develop-box .bottom .swiper-button .arrow.develop-next{right: -60px;}

}

@media screen and (max-width: 1440px) {
    .container-outer{width: 92%;}
    .container {padding-left:60px;padding-right:60px;}
    .index-banner-swiper .swiper-button .swiper-button-prev::before,.index-banner-swiper .swiper-button .swiper-button-next::before {width:100%;height:100%;}

    /* 头部 */
    .header .header-content{height: 75px;}
    .header .header-nav > ul > li > a{line-height: 75px;font-size: 16px;}
    .header .header-search{margin-top: 18px;}
    .header .header-search a{line-height: 40px;}
    .header .header-search i{width: 16px;height: 16px;}
    .header .header-search .search a {width: 50px;height: 40px;}
    .header .header-search .search a::after{width: 50px;height: 40px;}
    .header .search-show-top .search-input{font-size: 16px;padding: 0 7%;}

    /* 底部 */
    .footer .footer-content-top{padding: 40px 0;line-height: 40px;}
    .footer .footer-content-top .footer-item-bottom{padding-top: 20px;}
    .footer .footer-content-top .footer-contact span.font{font-size: 26px;}
    .footer .footer-content-top .footer-contact span{font-size: 16px;}
    .footer .footer-content-top .footer-link{font-size: 22px;}
    .footer .footer-content-top .footer-nav a{font-size: 16px;}
    .footer .footer-content-top .footer-social li a{width: 43px;height: 43px;}
    .footer .footer-content-top .footer-social a img{max-width: 43%;max-height: 43%;}
    .footer .footer-content-bottom{padding:25px 0;}

    /* 客户留言 */
    
    .message-bg .message-wrapper{width: 42%;}
    .message-bg .message-box{padding: 50px 50px 60px;}
    .message-bg .message-box .message-title h5{font-size: 18px;}
    .message-bg .message-box .message-list{margin-top: 20px;}
    .message-bg .message-box .message-text{height: 42px;margin-bottom: 10px;}
    .message-bg .message-box .message-submit{width: 150px;}
    .message-bg .message-box .message-submit p{line-height: 42px;}
    .message-bg .message-box .message-submit-text{padding-left: 20px;top: 5px;}
    .message-bg .message-box .verify-group .message-text{width: calc(100% - 136px);}
    .message-bg .message-box .verify-group .verify-img{width: 136px;}

    /* 首页Banner */
    .index-banner-swiper .index-banner-item .big div{font-size: 40px;padding-bottom: 10px;}
    .index-banner-swiper .index-banner-item .text{left: 7%;}
    .index-banner-swiper .index-banner-item .small div{font-size: 20px;}
    .index-banner-swiper .index-banner-item .play a{padding: 10px 12px;}
    .index-banner-swiper .index-banner-item .play i{width: 14px;height: 14px;margin-right: 6px;}

    /* 首页推荐产品 */
    .index-product {padding: 50px 0;}
    .index-mod-top{padding-bottom: 20px;}
    .index-mod-top .index-mod-title h3{font-size: 24px;}
    .index-mod-top .index-mod-title i{width: 46px;margin: 8px 0;}
    .ty-more a{padding: 10px 18px;}
    .ty-more span{font-size: 14px;line-height: 14px;margin-right: 6px;}
    .ty-more i{width: 8px;height: 10px;}
    .index-product .bottom .title h3{font-size: 16px;}
    .index-product .bottom .text h3{font-size: 16px;}
    .index-product .bottom .text p{font-size: 14px;}

    /* 首页公司简介 */
    .index-about{padding: 50px 0;}
    .index-about .index-about-wrapper .index-about-left{padding-right: 50px;}
    .index-about .index-about-left .index-about-msg{margin: 20px 0 20px;}
    .index-about .index-about-left .index-about-msg p{font-size: 14px;}
    .index-about .index-about-left .index-about-msg p > span{font-size: 16px;}
    .index-about .index-about-left .index-about-number{margin-bottom: 30px;}
    .index-about .index-about-left .index-about-number p > strong{font-size: 36px;}
    .index-about .index-about-left .index-about-number p > span{font-size: 16px;}

    /* 首页解决方案 */
    .index-cases{padding: 50px 0;}
    .index-cases .index-cases-item{height: 340px;}
    .column{line-height: 28px;padding: 0 2% 0 4%;}
    .column::after {width: 26px;height: 28px;right: -25px;}
    .index-cases .index-cases-item a .item-box .text-box .title{height: 100px;}
    .index-cases .index-cases-item a .item-box .text-box .title h3{font-size: 16px;max-height: 24px;line-height: 24px;}
    .index-cases .index-cases-item a .item-box .text-box .title .more{bottom: 20px;}
    .index-cases .index-cases-item a:hover .item-box .text-box .title{height: 170px;}

    /* 首页合作伙伴 */
    .index-partner{padding: 50px 0;}
    .index-partner .index-partner-item a{padding: 3% 0;}
    .index-partner .index-partner-item .logo{height: 60px;}

    /* 首页新闻中心 */
    .index-news{padding: 50px 0;}
    .index-news .index-news-item .index-news-text h3{font-size: 16px;padding-bottom: 10px;}
    .index-news .index-news-item .index-news-text h3::before{width: 80px;}
    .index-news .index-news-item .index-news-text h5{padding-top: 10px;}
    .index-news .index-news-item .index-news-text .bottom .left i{width: 11px;height: 11px;margin-top: 5px;margin-left: 3px;}

    /* 栏目Banner */
    .col-banner .title h3{font-size: 32px;}
    .col-banner .title i{width: 62px;margin: 15px 0;}
    .banner-path{height: 55px;}
    .banner-path .icon{width: 65px;}
    .banner-path .link{left: 90px;}

    /* 产品列表 */
    .product-list{padding: 50px 0;}
    .product-list .left{width:230px;padding-bottom: 40px;}
    .product-list .left h3{height:50px;line-height:50px;font-size: 18px;}
    .product-list .left ul li h4{height: 36px;line-height: 36px;padding: 0 20px 0 35px;}
    .product-list .left ul li h4::before {left: 20px;}
    .product-list .left ul li h4::after {right: 20px;}
    .product-list .left ul li h4 a{font-size: 15px;}
    .product-list .left ul li .pro-second{padding: 0 0 15px 15px;}
    .product-list .left ul li .pro-second h6 {line-height: 26px;height: 26px;}
    .product-list .left ul li .pro-second .pro-third{line-height: 26px;height: 26px;margin: 0 15px;}
    .product-list .right{width: calc(100% - 250px);}
    .product-list .right .title h3{font-size: 16px;}
    .product-list .right .text h3{font-size: 16px;}
    .product-list .right .text p{padding-top: 10px;}

    /* 产品详情 */
    .product-detail {padding: 50px 0;}
    .product-top .product-info h3{font-size: 20px;padding-bottom: 15px;}
    .product-top .product-info h4{font-size: 16px;padding-bottom: 15px;}
    .product-top .product-info .product-text{padding: 15px 0;}
    .product-detail .product-bottom{padding-top: 40px;}
    .product-bottom .product-bottom-box{padding: 2% 3%;}
    .product-bottom .product-bottom-nav li{font-size: 16px;margin-right: 30px;padding: 0 3px 15px 3px;}

    /* 方案列表 */
    .cases-list{padding: 50px 0;}
    .cases-list .cases-list-item{height: 340px;}
    .cases-list .cases-list-item a .item-box .text-box .title{height: 100px;}
    .cases-list .cases-list-item a .item-box .text-box .title h3{font-size: 16px;max-height: 24px;line-height: 24px;}
    .cases-list .cases-list-item a .item-box .text-box .title .more{bottom: 20px;}
    .cases-list .cases-list-item a .item-box .text-box .title .more span{float: right;}
    .cases-list .cases-list-item a:hover .item-box .text-box .title{height: 170px;}

    /* 方案详情 */
    .cases-detail{padding: 50px 0;}
    .cases-detail .cases-detail-top{padding-top: 40px;padding-bottom: 15px;}
    .cases-detail .cases-detail-top h1{font-size: 24px;}
    .cases-detail .cases-detail-top .type a{padding: 8px 12px;}
    .cases-detail .cases-detail-main{padding: 30px 0 40px;}

    /* 服务策略 */
    .service-detail{padding: 50px 0;}
    .service-detail .service-detail-box{padding: 40px 0;line-height: 36px;}

    /* 营销网络 */
    .market-detail{padding: 50px 0;}
    .market-detail .market-detail-box{padding: 40px 0;}
    .market-detail .market-detail-box .market-left{padding-top: 20px;padding-bottom: 20px;}
    .market-detail .market-detail-box .market-left ul li .text{font-size: 18px;}
    .market-detail .market-detail-box .market-right .main .frame .bot h6{font-size: 20px;}
    .market-detail .market-detail-box .market-right .main .frame .bot div{margin-top: 30px;}
    .market-detail .market-detail-box .market-right .main .frame .bot div p{font-size: 16px;}

    /* 资料下载 */
    .download-detail{padding: 50px 0;}
    .download-detail .download-top{padding-bottom: 40px;}
    .download-detail .download-top-left{font-size: 30px;line-height: 30px;}
    .download-detail .download-top-right{width:680px;margin-top: 10px;}
    .download-detail .download-item{padding: 15px 0;}
    .download-detail .download-item li{padding: 15px 0;}
    .download-detail .download-select{height: 48px;line-height: 48px;}
    .download-detail .download-select select{height: 48px;line-height: 48px;}
    .download-detail .download-top-right ul li{width: 350px;height: 48px;line-height: 48px;}
    .download-detail .download-search{padding-right: 60px;}
    .download-detail .download-search input{height: 48px;line-height: 48px;}
    .download-detail .download-button{width: 60px;}

    /* 常见问题 */
    .faq-detail{padding: 50px 0;}
    .faq-detail .faq-top{margin-bottom: 40px;}
    .faq-detail .faq-top .faq-search{height: 48px;line-height: 48px;padding-right: 56px;}
    .faq-detail .faq-top .faq-search input{height: 48px;line-height: 48px;}
    .faq-detail .faq-top .faq-button{width: 56px;}

    /* 合作伙伴 */
    .partner-detail{padding: 50px 0;}
    .partner-detail .partner-detail-item a{padding: 3% 0;}
    .partner-detail .partner-detail-item .logo{height: 60px;}

    /* 新闻列表 */
    .news-list{padding: 50px 0;}
    .news-list .news-list-item .news-list-text h3{font-size: 16px;padding-bottom: 10px;}
    .news-list .news-list-item .news-list-text h3::before{width: 80px;}
    .news-list .news-list-item .news-list-text h5{padding-top: 10px;}
    .news-list .news-list-item .news-list-text .bottom .left i{width: 11px;height: 11px;margin-top: 5px;margin-left: 3px;}

    /* 新闻详情 */
    .news-detail{padding: 50px 0;}
    .news-detail .news-detail-top{padding-top: 40px;padding-bottom: 15px;}
    .news-detail .news-detail-top h1{font-size: 24px;}
    .news-detail .news-detail-top .type a{padding: 8px 12px;}

    /* 公司概况 */
    .company-wrapper{padding: 50px 0;}
    .company-box .left{padding-right: 80px;}
    .company-box .left .title{font-size: 26px;}
    .company-box .left .title i{margin: 5px 0;width: 51px;}
    .company-box .left .text{margin-top: 25px;}
    .play-btn{width: 58px;height: 58px;}
    .play-btn i{width: 50px;height: 50px;}
    .develop-box{padding: 50px 0;}
    .develop-box .top .title{font-size: 26px;}
    .develop-box .top .title i{margin: 5px 0;width: 51px;}
    .develop-box .bottom{margin-top: 25px;}
    .develop-box .bottom::before {width:250px;left:-136px;}
    .develop-box .bottom::after {width:250px;right:-108px;}
    .develop-box .bottom .swiper-container.develop-swiper{padding-bottom: 40px;}
    .develop-box .bottom .swiper-slide .item-box{height: 320px;padding: 16px 35px;}
    .develop-box .bottom .swiper-slide .item-box .time{font-size: 32px;}
    .develop-box .bottom .swiper-slide .item-box .time span{font-size: 26px;}
    .develop-box .bottom .swiper-slide .item-box .line{margin: 8% 0;}
    .develop-box .bottom .swiper-slide .item-box .desc p{margin-bottom: 16px;}
    .develop-box .bottom .swiper-button .arrow.develop-prev{left: -38px;}
    .develop-box .bottom .swiper-button .arrow.develop-next{right: -38px;}
    .develop-box .bottom .swiper-button .arrow::after{width: 48px;height: 42px;}
    .culture-box{padding: 50px 0;}
    .culture-box .top .title{font-size: 26px;}
    .culture-box .top .title i{margin: 5px 0;width: 51px;}
    .culture-box .bottom{margin-top: 25px;}
    .culture-box .bottom .items .text-box .title{margin-top: 15px;}
    .culture-box .bottom .items .text-box .title .tit {font-size: 22px;line-height: 22px;}
    .culture-box .bottom .items .text-box .title .slogan{font-size:14px;margin-top: 15px;}

    /* 荣誉资质 */
    .honor-detail{padding: 50px 0;}
    .honor-detail .honor-item .title{font-size: 18px;}

    /* 加入我们 */
    .join-detail{padding: 50px 0;}
    .join-detail .join-option .dept,.join-detail .join-option .add{height: 48px;line-height: 48px;max-width: 260px;}
    .join-detail .join-option .dept{margin-right: 35px;}
    .join-detail .join-option .dept select, .join-detail .join-option .add select {height: 48px;line-height: 48px;}
    .join-detail .join-search{width: 350px;height: 48px;line-height: 48px;}
    .join-detail .join-search .so-inp{padding-right: 60px;}
    .join-detail .join-search .so-inp input{height: 48px;line-height: 48px;}
    .join-detail .join-search .join-button{width: 60px;}
    .join-detail .top{padding-bottom: 30px;}
    .join-detail .join-item{margin-bottom: 15px;}
    .join-detail .join-item .recruit-top{padding: 20px 0;padding-left: 62px;padding-right: 40px;}
    .join-detail .join-item .recruit-top .recruit-top-left p{font-size: 16px;}
    .join-detail .join-item .recruit-top .recruit-top-left p::before {height: 18px;}
    .join-detail .join-item .recruit-top .recruit-top-right .req:last-child::before {display: none;}
    .join-detail .join-item .recruit-content{padding: 35px 40px 46px 62px;}
    .join-detail .join-item .recruit-content .join-more{width: 136px;height: 42px;line-height: 42px;margin-top: 30px;}

    /* 加入我们弹窗 */
    .join-form{width: 560px;}
    .join-form .title{padding-bottom:5%;font-size: 28px;}
    .join-form .message-text{margin-bottom:10px;height: 42px;}
    .join-form .upload{margin-bottom: 10px;}
    .join-form .upload .text{padding-bottom: 10px;margin-top: 10px;}
    .join-form .upload .input{height: 42px;line-height: 42px;}
    .join-form .upload .input .right{width: 80px;}
    .join-form .validate .message-text{height: 42px;width: calc(100% - 136px);}
    .join-form .validate .verify-img{width: 136px;}

    /* 联系我们 */
    .contact-detail{padding: 50px 0;}
    .contact-detail .item .icon{width: 68px;height: 68px;}
    .contact-detail .item .title{margin: 10px 0;}
    .contact-detail .item .text{font-size: 16px;}
    .contact-detail .map-box{height:600px;margin-top: 40px;}

    /* 搜索中心 */
    .search-center{padding: 50px 0;}
    .search-center .nav a{margin-right: 1%;padding-bottom: 12px;font-size: 18px;}
    .search-center .bottom{padding-top: 25px;}

    /* 质保查询 */
    .qa-detail {padding:50px 0;}
}

@media screen and (max-width: 1366px) {
    .container {padding-left:40px;padding-right:40px;}
    .index-banner-swiper .swiper-button .swiper-button-prev,.index-banner-swiper .swiper-button .swiper-button-next {height:50px;}
    .index-cases .index-cases-item,.cases-list .cases-list-item{height: 333px;}
    .develop-box .bottom .swiper-button .arrow::after {width: 42px;height: 37px;}
    .develop-box .bottom .swiper-button .arrow.develop-prev{left: -37px;}
    .develop-box .bottom .swiper-button .arrow.develop-next{right: -37px;}
}

@media screen and (max-width: 1280px) {
    .index-cases .index-cases-item,.cases-list .cases-list-item{height: 319px;}
    .develop-box .bottom .swiper-button .arrow::after {width: 40px;height: 36px;}
    .develop-box .bottom .swiper-button .arrow.develop-prev{left: -35px;}
    .develop-box .bottom .swiper-button .arrow.develop-next{right: -35px;}
}

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

    /* 通用 */
    .container-outer {width:90%;}
    .container {width:100%;padding-left:0;padding-right:0;}
    .ty-more1 a {padding:10px 20px;}
    .ty-more1 span {font-size:14px;margin-right:5px;}
    .ty-more1 i {width:8px;height:10px;}
    .ty-more1 {font-size: 0;display: inline-block;position: relative;}
    
      /* 确保图片居中 */
    .news-detail .news-detail-main p img {
        display: block;
        margin: 0 auto;
        /* 核心：覆盖固定宽度，适应父容器 */
        width: 100% !important; 
        /* 核心：取消固定高度，按比例自动计算 */
        height: auto !important;
    }
    
    /*加盟详情*/
    
     .cases-detail .cases-detail-main p img {
         
        display: block;
        margin: 0 auto;
        width: 100% !important;
        height: auto !important;
      
     }
    
    
    

    /* 头部 */
    .header .header-content{height: 50px;}
    .header .header-content .header-logo{width: 30%;}
    .no-touch{overflow-y: hidden;}
    .no-touch .header-content .header-logo img.logo1{display: none;}
    .no-touch .header-content .header-logo img.logo2{display: block;}
    .header .header-nav{margin-left: 0px;float: right;}
    .header .header-nav > ul{position: fixed;right: 0;display: block;background: #fff;overflow: auto;scrollbar-gutter: stable;transform: translateX(100%);}
    .header .header-nav ul li, .header .header-nav ul ul li, .header .header-nav ul li:hover > ul > li{width: 100%;height: auto;border-bottom: 1px solid rgba(120, 120, 120, 0.15);}
    .header .header-nav ul ul li:last-child{border-bottom: none;border-top: none;}
    .header .header-nav ul li a, .header .header-nav ul ul li a{width: 100%;padding-left: 20px;}
    .header .header-nav > ul > li{float: none;display: block;margin: 0;}
    .header .header-nav > ul > li > a{z-index: 0;}
    .header .header-nav > ul > li > a::after{display: none;}
    .header .header-nav ul ul li a{height: 60px;padding: 20px 20px 20px 40px;font-size: 16px;color: #333333;background: none;}
    .header .header-nav ul ul li.has-sub > a::before{display: none;}
    .header .header-nav ul ul li:hover > a, .header .header-nav ul ul li a:hover{color: #333333;background: #ffffff;}
    .header .header-nav ul ul ul li a{padding-left: 60px;}
    .header .header-nav ul ul ul ul li a{padding-left: 80px;}
    .header .header-nav ul ul, .header .header-nav ul ul ul{position: relative;left: 0;right: auto;width: 100%;margin: 0;box-shadow: none;border-top: 1px solid rgba(120, 120, 120, 0.15);}
    .header .header-nav > ul > li.has-sub > a::after, .header .header-nav ul ul li.has-sub > a::after{display: none;}
    .header .header-nav > ul > li > a,.header.scroll-top .header-nav > ul > li > a,.header.scroll-top .header-nav > ul > li > a{color: rgba(0,0,0,0.6);line-height: 60px;}
    .header .header-nav > ul > li.cur > a,.header.scroll-top .header-nav > ul > li.cur > a,.header.scroll-top .header-nav > ul > li.cur > a{color: #fdd000;font-size: 16px;}
    .header .header-nav > ul > li::after{display: none;}
    .header .header-nav ul ul ul{top: 0px;border-top: 1px solid rgba(120, 120, 120, 0.15);}
    .header .header-nav .submenu-button{position: absolute;z-index: 10;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.15);height: 60px;width: 60px;cursor: pointer;}
    .header .header-nav .submenu-button::after{content: '';position: absolute;top: 22px;left: 29px;display: block;width: 1px;height: 16px;background: #333333;z-index: 99;}
    .header .header-nav .submenu-button::before{content: '';position: absolute;left: 22px;top: 29px;display: block;width: 16px;height: 1px;background: #333333;z-index: 99;}
    .header .header-nav > ul > li > a.cur,.header .header-nav > ul > li > ul > li > a.cur,.header .header-nav > ul > li > ul > li > ul > li > a.cur{color: #fdd000;}
    .header .header-nav .submenu-button.submenu-opened:after{display: none;}
    .header .header-nav #menu-toggle{display: block;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 5px;z-index: 111;}
    #menu-toggle .nav-open, #menu-toggle .nav-open:after, #menu-toggle .nav-open:before{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
    #menu-toggle .nav-open:after{margin-top:-7px;top:0;transition-delay:0.27s;}
    #menu-toggle .nav-open:before{margin-top:7px;top:0;transition-delay:0.2s;}
    #menu-toggle .nav-close:before, #menu-toggle .nav-close:after{content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
    #menu-toggle .nav-close:after{transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
    #menu-toggle .nav-close:after{-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
    .detail .header #menu-toggle .nav-open,.detail .header #menu-toggle .nav-open:after,.detail .header #menu-toggle .nav-open:before{background: #333333;}
    .header.scroll-top #menu-toggle .nav-open,.header.scroll-top #menu-toggle .nav-open:after,.header.scroll-top #menu-toggle .nav-open:before{background: #333333;}
    .header.scroll-top #menu-toggle .nav-open,.header.scroll-top #menu-toggle .nav-open:after,.header.scroll-top #menu-toggle .nav-open:before{background: #333333;}
    .no-touch .header .header-nav > ul{width: 100%;height: 100%;padding-top: 50px;margin-top: 50px;border-top: 1px solid #e6e6e6;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch;}
    .no-touch #menu-toggle .nav-open, .no-touch #menu-toggle .nav-open:after, .no-touch #menu-toggle .nav-open:before{-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;background: #333333;}
    .no-touch #menu-toggle .nav-open:after{transition-delay:0s;}
    .no-touch #menu-toggle .nav-open:before{transition-delay:0.07s;}
    .no-touch #menu-toggle .nav-close:before{transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #333333;}
    .no-touch #menu-toggle .nav-close:after{transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #333333;}
    .header .header-search{margin: 7px 60px 7px 0;}
    .header .header-search a{line-height: 36px;}
    .header .header-search .search a{width: 46px;height: 36px;}
    .header .header-search .search a::after{width: 46px;height: 36px;}
    .header .search-show{width: 100%;background: #fff;padding: 0 5%;box-sizing: border-box;}
    .header .search-show-top .search-input{padding: 0 10%;border-bottom: none;}

    /* 首页Banner */
    .index-banner-swiper .index-banner-item .text{width: 90%;left: 20%;top:85%}
    .index-banner-swiper .index-banner-item .big div{font-size: 24px;}
    .index-banner-swiper .index-banner-item .small div{font-size: 16px;line-height: 26px;}
    .index-banner-swiper .index-banner-item .play a{padding: 10px 20px;}
    .index-banner-swiper .index-banner-item .play i{ width: 13px;height: 13px;margin-right: 5px;}
    
    .index-banner-swiper .index-banner-item .img .pic{display: none;}
    .index-banner-swiper .banner-pagination{width: 60px;bottom: 3%; left:80%}
    .index-banner-swiper .banner-pagination span.swiper-pagination-current{font-size: 20px;}
    .index-banner-swiper .banner-pagination span.swiper-pagination-total{font-size: 14px;}
    
    
    .index-banner-swiper .index-banner-item .img .mpic{display: block;height:100%;}
     .index-banner-swiper .index-banner-item{position: relative;overflow: hidden;height:100%;}
     .index-banner-swiper .index-banner-item .img{position: relative;overflow: hidden;height:100%;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}


    /*底部*/
    .footer .footer-content-top{width:90%;padding:0px;line-height:normal;}
    .footer .footer-content-top .footer-item{float:none;width:100%}
    .footer .footer-content-top .footer-item-top{padding:10px 0}
    .footer .footer-content-top .footer-logo{width:130px;height:auto}
    .footer .footer-content-top .footer-logo a img{display:block;width:100%}
    .footer .footer-content-top .footer-link{font-size: 16px;line-height: 30px;}
    .footer .footer-content-top .footer-item-bottom{padding-top:10px}
    .footer .footer-content-top .footer-social{
        
       display: flex;              /* 使用 Flexbox 布局 */
        justify-content: center;    /* 水平居中 */
        align-items: center;        /* 垂直居中 */
        margin: 10px 0;             /* 上下间距，移除左侧边距 */
        padding: 0;                 /* 移除内边距 */
        
       }
       
       
    .footer .footer-content-top .footer-social li {
        list-style: none;           /* 移除列表样式 */
        margin: 0 10px;             /* 左右间距相等 */
        padding: 0;                 /* 移除内边距 */
    }
    
    /* 为二维码容器添加固定定位，居中显示 */
    .footer .footer-content-top .footer-img-show {
        position: fixed;
        top: 72%;
        left: 60%;
        transform: translate(-50%, -50%);
        width: 150px;
        height: 150px;
        z-index: 100;
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
        border-radius: 5px;
    }
       
    .footer .footer-content-top .footer-contact span{font-size: 14px;line-height:30px}
    .footer .footer-content-top .footer-contact span.font{font-size: 14px;}
    .footer .footer-content-top .footer-contact i{width: 34px;height: 32px;}
    .footer .footer-content-top .footer-social li a{width: 40px;height: 40px;}
    .footer .footer-content-top .footer-nav a{font-size:14px;line-height:28px}
    .footer .footer-content-bottom{padding:10px 0}
    .footer .footer-content-bottom .footer-copy{font-size: 13px;line-height:20px}
    .footer .footer-content-bottom .footer-beian{width:100%;position:relative;top:0;transform:none;margin-top:10px}
    .footer .footer-content-bottom .footer-beian span{font-size: 13px;}
    
    

    /* 客户留言 */

    .message-bg .message-wrapper{width: 96%;}
    .message-bg .message-box {padding:20px 15px;}
    .message-bg .message-box .message-list{margin-top: 15px;}
    .message-bg .message-box .message-submit{width: 100%;}
    .message-bg .message-box .message-submit-text{display:none;}
    
 /* 表单布局 */
    .message-box {
    background-color: #fff;
    margin: 0 auto;
    padding: 5%;
    max-width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

    /* 首页推荐产品 */
    .index-mod-top {padding-bottom:20px;}
    .index-mod-top .index-mod-title h3 {font-size:20px;}
    .index-mod-top .index-mod-title p{
    width: 40px;
    height: 3px;
    background: #ccac65;
    margin-left: 1.1rem;
    margin-top: 0.3rem;
        
        
    }
    .index-mod-top .index-mod-title h5 {font-size:13px;line-height:20px;}
    .index-mod-top .index-mod-title i {width:38px;}
    .index-product {padding:40px 0;}
    .index-product .bottom {display:grid;}
    .index-product .bottom .items.left {width:100%;}
    .index-product .bottom .right {width:100%;margin-top:10px;}
    .index-product .bottom .right .items {width:100%;margin-left:0;}
    .index-product .bottom .right .items:nth-of-type(3) {margin-bottom:10px;}
    .index-product .bottom .title h3 {font-size:16px;}
    .index-product .bottom .text {display:none;}
    .index-product .bottom a.pic::before {display:none;}
    .index-product .bottom a:hover .title {display:block;}
    
    
    

    /* 首页公司简介 */
    .index-about {padding:40px 0;}
    .index-about .index-about-wrapper {flex-flow:column;}
   
    .index-about .index-about-left .index-about-title {padding-bottom:5px;}
    .index-about .index-about-left p.cn {font-size:20px;}
    .index-about .index-about-left p.en {font-size:13px;}
    .index-about .index-about-left .index-about-msg {
       
        margin:20px 0 20px; 
        display: -webkit-box;
        -webkit-line-clamp: 7; /* 限制显示3行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.5; /* 行高 */
       
       
        
    }

    .index-about .index-about-wrapper .index-about-left {width:100%;height:auto;padding-right:0px;}

    .index-about .index-about-left .index-mod-top1{

        display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 0px;
        justify-content: center; /* 子元素居中对齐 */
    
    }

    .index-mod-top1 .index-mod-title1{


      text-align: center;

    }
    .index-mod-top1 .index-mod-title1 i{

        display: block;
        margin: 0 auto;
        width: 60px;
        height: 4px;
        background: url(img/tline.svg);


    }


    .index-mod-top1 .index-mod-title1 h3{

        text-align: center;
        font-size: 30px;
        font-weight: bold;
        font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
        margin-bottom: 10px;

    }

 
       
    .index-about .index-about-left .index-about-msg p {font-size:14px;
        
        display: inline; /* 将段落内容合并为一行显示 */
        margin-bottom: 8px; /* 增加段落间距 */
        
        
    }
    .index-about .index-about-left .index-about-msg p > span {font-size:15px;}
   
    .index-about .index-about-left .index-about-number {
        margin-right: -15px; /* 减小右侧负边距，适配小屏幕 */
    }

    .index-about .index-about-left .index-about-number li {
        width: calc(50% - 15px); /* 保持50%宽度，但减小间距 */
        margin-right: 15px; /* 减小水平间距 */
        margin-bottom: 15px; /* 减小垂直间距 */
    }




    .index-about .index-about-left .index-about-number p {font-size:14px;}
    .index-about .index-about-left .index-about-number p > strong {font-size:30px;}
    .index-about .index-about-left .index-about-number p > span {font-size:16px;}
    .index-about .index-about-wrapper .index-about-right {width:100%;margin-top:40px;}
    .index-about .index-about-wrapper .index-about-right .img .pic {
        border-radius: 0%;
        width: 100%; /* 确保图片宽度适配父容器 */
        height: auto; /* 保持图片的原始比例 */
    }



      /*首页品牌文化*/

      .index-about-pinpai{

        padding: 40px 0;
        background: url(../images/beijing1.webp) center no-repeat;
        background-size: cover;
        overflow: hidden;
        background-position: center bottom;
      }

      .grid-container {
        grid-template-columns: repeat(2, 1fr); /* 两列布局 */
        padding: 0 30px; /* 减小左右内边距，避免内容过窄 */
        margin-bottom:-2.5rem;
    }
    
    .grid-item {
        padding: 15px; /* 减小内边距 */
        min-height: 150px; /* 减小最小高度 */
    }
    .grid-item h3 {
        font-size: 1rem;
        color: #0b2248;
        margin-bottom: 15px;
    }

    .grid-item img {
        width: 60%;
        height: auto;
        display: block; /* 确保图片是块级元素 */
        margin: 0 auto 10px; /* 居中并添加底部间距 */
    }
    .main-title {
        font-size: 1.5rem;
        margin-top:0.5rem;
    }
    .sub-title {
        font-size: 1.0rem;
    }
    .grid-item {
        padding: 30px 20px;
    }


    /* 首页最新加盟 */
    .index-cases {padding:40px 0;}
    .index-cases .index-cases-item {float:none;width:100%;height:310px;margin-right:0;margin-bottom:10px;}
    .index-cases .index-cases-item:last-child {margin-bottom:0;}
    .index-cases .index-cases-item a .item-box .text-box .title {height:100px;}
    .index-cases .index-cases-item a .item-box .text-box .title h3 {font-size:16px;}
    .index-cases .index-cases-item a .item-box .text-box .title .more {bottom:20px;width:90%;}

    /* 首页合作伙伴 */
    .index-partner {padding:40px 0;}
    .index-partner .index-partner-item {width:calc((100% - 10px) / 2);}
    .index-partner .index-partner-item:nth-child(2n) {margin-right:0;}
    .index-partner .index-partner-item:nth-child(-n + 6),.index-partner .index-partner-item:nth-child(-n + 5),.index-partner .index-partner-item:nth-child(-n + 4) {margin-top:10px}
    .index-partner .index-partner-item:nth-child(-n + 2) {margin-top:0;}
    .index-partner .index-partner-item .logo {height:50px;}
    .index-partner .index-partner-item .title {font-size:14px;}

    /* 首页新闻中心 */
    .index-news {padding:40px 0;}
    .index-news .index-news-item {float:none;width:100%;margin-right:0px;margin-bottom:10px;}
    .index-news .index-news-item:last-child {margin-bottom:0px;}
    .index-news .index-news-item .index-news-text h3 {font-size:16px;padding-bottom:10px;}
    .index-news .index-news-item .index-news-text h5 {font-size:12px;padding-top:10px;}

    /* 分页 */
    ul.pagination{padding-bottom: 40px;}

    /* 栏目Banner */
    .col-banner .pic img {max-width: 200%;width:200%;height:320px; 
   
}
    .col-banner .pic1 img {max-width: 200%;width:200%;height:320px; 
   
}

    .col-banner .title h3 {font-size:24px;}
    .col-banner .title i {width:48px;margin:10px 0;}
    .banner-path {left:0;right:0;height:40px;}
    .banner-path .icon {width:45px;}
    .banner-path .link {left:60px;overflow:hidden;}
    .banner-path .link a {color:#FFFFFF;font-size:14px;}
    .banner-path .link a.cur {color:#ccac65;}
    .banner-path .link span {color:#FFFFFF;font-size:14px;}
    .banner-path .link .dis {display:none;}

    /* 产品列表 */
    .product-list {padding:40px 0;}
    .product-list .left {display:none;width:100%;padding-bottom:30px;margin-bottom:30px;}
    .product-list .left h3 {height:50px;line-height:50px;font-size:18px;}
    .product-list .left ul li .pro-second {padding:0 0 5px 15px;}
    .product-list .right {width:100%; margin-left:3%;}
    .product-list .right a {
     display: flex;  
    margin-bottom:10px;
    width: calc(96% - 20px); /* 每行显示 2 个产品 */
    justify-content: center; 
    align-items: center; /* 垂直居中对齐 */   
    padding: 0 5px;    
    
    }
    
    .product-list .right .title{
    left: 20%;
    bottom: 4%;
        
        
    }
    
    

    
    .product-list .right a:last-child {margin-bottom:0;}
    .product-list .right .title h3 {font-size:16px;}
    .product-list .right .text {display:none;}
    .product-list .right a .img::before {display:none;margin: 0 auto;}
    .product-list .right a:hover .title {display:block;}

    /* 产品详情 */
    .product-detail {padding:40px 0;}
    .product-top .product-pic {width:100%;float:none;margin-right:0;}
    .product-top .product-pic .swiper-button-next::after,.product-top .product-pic .swiper-button-prev::after {font-size:20px;}
    .product-top .product-info {width:100%;float:none;margin-right:0;left: 1%;}
    .product-top .product-info h3 {font-size:20px;padding:20px 0;}
    .product-top .product-info h4 {font-size:14px;padding-bottom:10px;}
    .product-top .product-info .product-text {font-size:14px;padding:10px 0;}
    .product-detail .product-bottom {padding-top:40px;}
    .product-bottom .product-bottom-nav {overflow:hidden;padding-top:20px;}
    .product-bottom .product-bottom-nav li {font-size:14px;margin-right:0;width:24%;text-align:center;padding:0 0 20px 0;}
    .product-bottom .product-bottom-tab .zc-detail-text {padding:3% 0;}
    .product-bottom .product-bottom-tab .zc-detail-text .text {font-size:14px;}

    /* 新闻列表 */
    .news-list {padding:40px 0;}
    .news-list .news-list-item {float:none;width:100%;margin-right:0px;margin-bottom:10px;}
    .news-list .news-list-item:last-child {margin-bottom:0px;}
    .news-list .news-list-item .news-list-text h3 {font-size:16px;padding-bottom:10px;}
    .news-list .news-list-item .news-list-text h5 {font-size:12px;padding-top:10px;}

    /* 新闻详情 */
    .news-detail {padding:40px 0;}
    .news-detail .news-detail-box {box-shadow:none;}
    .news-detail .news-detail-top {padding-top:0;}
    .news-detail .news-detail-top .news-top-tit {display:block;justify-content:center;text-align:center;}
    .news-detail .news-detail-top .news-top-tit .type {display:none;}
    .news-detail .news-detail-top h1 {font-size:18px;}
    .news-detail .news-detail-top .text {margin-top:10px;text-align:center;}
    .news-detail .news-detail-page {margin-bottom:0;}
    .news-detail .news-detail-page a {font-size:12px;width:100%;height:40px;line-height:40px;padding:0 5.33333% !important;}
    .news-detail .news-detail-page a .bt {position:static;float:left;margin-top:0;}
    .news-detail .news-detail-page a .txt {width:75%;}
    .news-detail .news-detail-page .prev .txt {padding-left:0;padding-right:10px;overflow:hidden;}
    .news-detail .news-detail-page .next {text-align:left;}
    .news-detail .news-detail-page .next span {clear:both;margin-left:0;margin-right:10px;}
    .news-detail .news-detail-page .next .txt {padding-right:0;overflow:hidden;}
    
    .news-detail .news-detail-main{
        
    /* 基础字体大小（根据你的设计调整，例如16px） */
    font-size: 16px;
    padding: 30px 0 0px;
     
    }
    
        /* 统一段落文本大小 */
    .news-detail .news-detail-main p {
        font-size: 16px !important; /* 覆盖编辑器内联样式 */
    }
    
    /* 统一超链接（a标签）字体大小 */
    .news-detail .news-detail-main a {
        font-size: 16px !important; /* 与普通文本保持一致 */
        text-decoration: none !important; /* 关键：取消下划线 */
        
    }
    
    /* 统一带样式的span标签字体大小 */
    .news-detail .news-detail-main span {
        font-size: 16px !important; /* 覆盖编辑器生成的内联样式 */
    }
    
    /* 处理编辑器可能生成的其他标签（如strong、em等） */
    .news-detail .news-detail-main strong,
    .news-detail .news-detail-main em,
    .news-detail .news-detail-main font {
        font-size: 16px !important; /* 确保加粗、斜体等文本大小一致 */
    }
    
    
    
    
    

    /* 方案列表 */
    .cases-list {padding:40px 0;}
    .cases-list .cases-list-item {float:none;width:100%;height:310px;margin-right:0;margin-bottom:10px;}
    .cases-list .cases-list-item:last-child {margin-bottom:0;}
    .cases-list .cases-list-item a .item-box .text-box .title h3 {font-size:16px;}
    .cases-list .cases-list-item a .item-box .text-box .title .more {left:5%;bottom:20px;}
    
    .cases-list .cases-list-item a .item-box .text-box .title h5 {
        
       /* 取消过渡动画（取消上浮效果） */
       -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        max-height: none;
        opacity: 1;
        -webkit-line-clamp: 1;
        
       
    }
    
    
     .cases-list .cases-list-item a .item-box .text-box .title {
        /* 取消过渡动画 */
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        margin-bottom:45px;
        
        /* 可选：调整高度或内边距，让布局更紧凑 */
        height: auto; /* 自动高度，适应内容 */
        padding: 10px 15px; /* 固定内边距，避免百分比导致的问题 */
    }
    
    /* 若父元素有hover效果，一并取消 */
    .cases-list .cases-list-item a:hover .item-box .text-box .title {
        /* 覆盖hover状态的样式 */
        transform: none; /* 取消可能的位移 */
        box-shadow: none; /* 取消可能的阴影 */
    }
    
    
    

    /* 方案详情 */
    .cases-detail {padding:40px 0;}
    .cases-detail .cases-detail-box {box-shadow:none;}
    .cases-detail .cases-detail-top {padding-top:0;}
    .cases-detail .cases-detail-top .news-top-tit {display:block;justify-content:center;text-align:center;}
    .cases-detail .cases-detail-top .news-top-tit .type {display:none;}
    .cases-detail .cases-detail-top h1 {font-size:18px;}
    .cases-detail .cases-detail-top .text {margin-top:10px;text-align:center;}
    .cases-detail .cases-detail-page {margin-bottom:0;}
    .cases-detail .cases-detail-page a {font-size:12px;width:100%;padding:0 5.33333% !important;}
    .cases-detail .cases-detail-page a .bt {position:static;float:left;margin-top:0;}
    .cases-detail .cases-detail-page a .txt {width:75%;}
    .cases-detail .cases-detail-page .prev .txt {padding-left:0;padding-right:10px;overflow:hidden;}
    .cases-detail .cases-detail-page .next {text-align:left;}
    .cases-detail .cases-detail-page .next span {clear:both;margin-left:0;margin-right:10px;}
    .cases-detail .cases-detail-page .next .txt {padding-right:0;overflow:hidden;}

  /*首页加盟留言*/


    /* 整体容器 */
    .index-jmly {
        width:100%;
        height:100%;
        background: url(../images/SJjmsq.webp) center no-repeat;
        background-size: 102% auto;

    }

    .jmly-container {
        width: 90%; /* 增大容器宽度占比 */
    }

    /* 左右布局改为垂直排列 */
    .index-jmly .jmly-wrapper {
        flex-direction: column; /* 垂直排列 */
        align-items: center; /* 子元素居中对齐 */
    }

    .index-jmly .jmly-wrapper .jmly-left,
    .index-jmly .jmly-wrapper .jmly-right {
        width: 100%; /* 占满屏幕宽度 */
        padding-right: 0; /* 移除右侧间距 */
        margin-bottom: 30px; /* 添加底部间距 */
    }

    .index-jmly .jmly-wrapper .jmly-left {
        order: 2; /* 表单排第二（下方） */
        margin-top: 20px; /* 与上方内容保持间距 */
    }
    
    .index-jmly .jmly-wrapper .jmly-right {
        order: 1; /* 右侧内容排第一（上方） */
    }


   

    /* 右侧内容调整 */
    .index-jmly .jmly-wrapper .jmly-right {
        align-items: center; /* 子元素居中对齐（原为右对齐） */
        text-align: center; /* 文本居中 */
        display: flex;
        flex-direction: column;
    }

    .index-jmly .jmly-container .jmly-wrapper .jmly-right .jmly-right-title {
        font-size: 1.2rem; /* 减小右侧标题字体 */
        text-align: center; /* 标题居中 */
    }

    .index-jmly .jmly-right .msg-jmly p {
        font-size: 16px; /* 减小段落字体 */
        line-height: 24px; /* 减小行高 */
        text-align: center; /* 段落居中 */
    }

    .jmly-ty-more {
        margin: 20px auto 0; /* 按钮居中 */
        order: 99; /* 按钮排最后 */
        
    }
    
  .img-block3 {
    width: 60%;
    height: auto;
    object-fit: contain;
    margin:1rem 0rem;
    }

    .jmly-ty-more a {
        padding: 10px 20px; /* 减小按钮尺寸 */
    }

    .jmly-ty-more span {
        font-size: 14px; /* 减小按钮文字字体 */
    }

    /* 图片调整 */
    .index-jmly .jmly-wrapper .jmly-right .img-block {
        width: 90%;
        margin: 20px auto; /* 图片居中 */
    }




  

    /* 合作伙伴 */
    .partner-detail{padding: 40px 0;}
    .partner-detail .partner-detail-item {width: calc((100% - 10px) / 2);}
    .partner-detail .partner-detail-item:nth-child(2n){margin-right:0;}
    .partner-detail .partner-detail-item:nth-child(-n + 6),.partner-detail .partner-detail-item:nth-child(-n + 5),.partner-detail .partner-detail-item:nth-child(-n + 4){margin-top:10px}
    .partner-detail .partner-detail-item:nth-child(-n + 2){margin-top:0;}
    .partner-detail .partner-detail-item .logo{height: 50px;}
    .partner-detail .partner-detail-item .title{font-size: 14px;}

    /* 服务策略 */
    .service-detail {padding: 40px 0;}
    .service-detail .service-detail-box{box-shadow: none;padding: 0;font-size: 14px;}
    .service-detail .service-detail-box h3{font-size: 16px;}

    /*营销网络*/
    .market-detail {padding: 40px 0;}
    .market-detail .market-detail-box{padding:0;}
    .market-detail .market-detail-box .market-left{padding-left:5%;padding-right:5%;width:100%;border:0;border-bottom:2px solid #eee;padding-bottom:30px}
    .market-detail .market-detail-box .market-left ul li{float:left;text-align:left;width:50%}
    .market-detail .market-detail-box .market-left ul .active > span{display:none}
    .market-detail .market-detail-box .market-left ul li .text{font-size:16px}
    .market-detail .market-detail-box .market-right{width:100%;padding-left:5%;padding-right:5%;padding-top:30px}
    .market-detail .market-detail-box .market-right .main .frame .bot h6{font-size:18px}
    .market-detail .market-detail-box .market-right .main .frame .bot div{margin-top:30px}
    .market-detail .market-detail-box .market-right .main .frame .bot div p{font-size:14px}

    /* 资料下载 */
    .download-detail {padding:40px 0;}
    .download-detail .download-top {padding-bottom:15px;border-bottom:2px solid #E8E8E8;}
    .download-detail .download-top-left {display:none;}
    .download-detail .download-top-right {width:100%;margin-top:0;}
    .download-detail .download-bottom {padding-top:15px;}
    .download-detail .download-select {width:100%;}
    .download-detail .download-select select {width:100%;font-size:14px;}
    .download-detail .download-top-right ul li {width:100%;margin-top:10px;}
    .download-detail .download-search input {font-size:14px;}
    .download-detail .download-item.title {display:none;}
    .download-detail .download-item {width:100%;padding:5%;}
    .download-detail .download-item li:nth-child(1) {width:100%;padding-left:0;}
    .download-detail .download-item li {width:100%!important;float:none;padding:5px 0;display:block;}
    .download-detail .download-item li:nth-child(6) {width:20px!important;position:absolute;right:5%;top:15%;}
    .download-detail .download-item li:nth-child(3),.download-detail .download-item li:nth-child(5) {display:none;}

    /* 常见问题 */
    .faq-detail {padding:40px 0;}
    .faq-detail .faq-top {margin-bottom:30px;}
    .faq-detail .faq-top .faq-search {width:230px;height:40px;line-height:40px;padding-right:46px;}
    .faq-detail .faq-top .faq-search input {height:40px;line-height:40px;font-size:14px;}
    .faq-detail .faq-top .faq-button {width:46px;}
    .faq-detail .faq-bottom .faq-item .title {padding:7% 18%;}
    .faq-detail .faq-bottom .faq-item .main {padding:4% 6%;}
    .faq-detail .faq-bottom .faq-item .main .text::before {display:none;}

    /* 公司概况 */
    .company-wrapper {padding:40px 0;}
    .company-box {display:block;}
    .company-box .left {width:100%;position:static;transform:inherit;padding-right:0;}
    .company-box .left .title {font-size:22px;}
    .company-box .left .title i {width:45px;}
    .company-box .left .text {margin-top:15px;margin-left:0;}
    .company-box .left .text p {font-size:16px;}
   
    
    
    .develop-box {padding:40px 0;}
    .develop-box .top .title {font-size:22px;}
    .develop-box .top .title i {width:45px;}
    .develop-box .bottom {margin-top:20px;}
    .develop-box .bottom .swiper-container.develop-swiper {padding-bottom:35px;}
    .develop-box .bottom .swiper-container .swiper-slide {width:calc((100% - 6px) / 2);margin-right:6px;}
    .develop-box .bottom .swiper-slide .item-box {padding:20px 15px;height:290px;}
    .develop-box .bottom .swiper-slide .item-box .time {font-size:30px;}
    .develop-box .bottom .swiper-slide .item-box .time span {font-size:24px;}
    .develop-box .bottom .swiper-slide .item-box .desc {height:175px;overflow:hidden;}
    .develop-box .bottom .swiper-slide .item-box .desc p {font-size:14px;line-height:1.75;margin-bottom:15px;}
    .develop-box .bottom .swiper-button .arrow::after {width:36px;height:30px;}
    .develop-box .bottom .swiper-button .arrow.develop-next {right:0;}
    .develop-box .bottom .swiper-button .arrow.develop-prev {left:0;}
    .culture-box {padding:40px 0;}
    .culture-box .top .title {font-size:22px;}
    .culture-box .top .title i {width:45px;}
    .culture-box .bottom {margin-top:20px;display:block;}
    .culture-box .bottom .items.left {width:100%;margin-right:0;}
    .culture-box .bottom .items .text-box .title .tit {font-size:20px;line-height:20px;}
    .culture-box .bottom .items .text-box .title .slogan {font-size:14px;margin-top:10px;}
    .culture-box .bottom .right {width:100%;display:block;margin-top:10px;}
    .culture-box .bottom .right .items {width:100%;margin-left:0;}
    .culture-box .bottom .right .items:nth-of-type(3) {margin-bottom:10px;}

    /* 荣誉资质 */
    .honor-detail {padding:40px 0;}
    .honor-detail .honor-item {width:100%;margin-right:0;}
    .honor-detail .honor-item {float:none;width:100%;margin-right:0px;margin-bottom:10px;}
    .honor-detail .honor-item:last-child {margin-bottom:0px;}
    .honor-detail .honor-item .title {font-size:18px;}

    /* 加入我们 */
    .join-detail {padding:40px 0;}
    .join-detail .top {padding-bottom:20px;}
    .join-detail .join-option {width:100%;}
    .join-detail .join-option .dept,.join-detail .join-option .add {width:100%;max-width:none;margin-bottom:15px;}
    .join-detail .join-option .dept {margin-right:0;}
    .join-detail .join-search {width:100%;}
    .join-detail .join-search .so-inp {padding-left:10%;}
    .join-detail .join-item {margin-bottom:20px;}
    .join-detail .join-item .recruit-top {padding:20px 0;padding-left:40px;padding-right:25px;}
    .join-detail .join-item .recruit-top .recruit-top-left {width:100%;margin-bottom:5px;padding-right:15px;}
    .join-detail .join-item .recruit-top .recruit-top-left p {font-size:16px;}
    .join-detail .join-item .recruit-top .recruit-top-left p::before {left:-13px;}
    .join-detail .join-item .recruit-top .recruit-top-right {width:100%;margin-bottom:5px;padding-right:15px;}
    .join-detail .join-item .recruit-top .recruit-top-right .req {padding-right:20px;}
    .join-detail .join-item .recruit-top .recruit-top-right .req p {font-size:14px;}
    .join-detail .join-item .recruit-top .drop-box {top:8px;transform:none;}
    .join-detail .join-item .recruit-top .drop-box .drop-img {font-size:14px;}
    .join-detail .join-item .recruit-content {padding:18px 15px 18px 30px;}
    .join-detail .join-item .recruit-content p {font-size:14px;line-height:1.75;}
    .join-detail .join-item .recruit-content .join-more {width:130px;height:38px;line-height:38px;margin-top:25px;}
	
	/* 加入我们弹窗 */
    .join-form{width: 320px;padding: 20px;}
    .join-form .title{font-size: 20px;}

    /* 联系我们 */
    .contact-detail {padding:40px 0;}
    .contact-detail .item {width:100%;margin-right:0;margin-bottom:10px;padding:30px 0;}
    .contact-detail .item:last-child {margin-bottom:0;}
    .contact-detail .item .icon {width:60px;height:60px;}
    .contact-detail .item .title {margin:10px 0;font-size:14px;}
    .contact-detail .item .text {font-size:16px;}
    .contact-detail .map-box {margin-top:30px;height:auto;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}

    /* 搜索中心 */
    .search-center {padding:40px 0;}
    .search-center .nav a {font-size:16px;}
    .search-center .bottom {padding-top:20px;}

    /* 质保查询 */
    .qa-detail {padding:40px 0;}
    .qa-detail .title{font-size: 20px;}
    .qa-detail .qa-search{padding: 30px 0;}
    .qa-detail .qa-search .input{width:60%;height: 48px;}
    .qa-detail .qa-search .submit{width:100px;height: 48px;}
    .qa-detail .content{width:90%;}
    .qa-detail .content .left{float: none;width: 100%;overflow: hidden;}
    .qa-detail .content .left .img{
    width: 100px;
    border: 2px solid #ccac65;
    overflow: hidden;
    float: left;
    position: relative;
        
        
    }
    .qa-detail .content .left .item{padding: 5% 0;width: 100%;box-sizing: border-box;}
    .qa-detail .content .right{float: none;width: 100%;overflow: hidden;}



     /*加盟合作*/

     .container-jmhz {
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
     }

     .container {
        width: 95%;
    }
   

     /* 隐藏电脑端内容 */
    .advantage-item {
        display: none !important;
    }
    
    /* 显示移动端专属内容 */
    .mobile-only {
        display: block;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .mobile-only img {
       width: 40%;
       height: auto;
       margin: 1rem;
    }
    
      .mobile-only p{
          
        color:#FFFFFF;
          
          
          
      }
    


    
    /* 移动端布局调整 */
    .advantage-grid1 {
        grid-template-columns: repeat(2, 1fr); /* 两行两列布局 */
        gap: 15px; /* 减小间距 */
        padding: 0 15%; /* 关键：增加左右内边距，使内容向中间收缩 */
    }

    .advantage-item {
        padding: 15px; /* 减小内边距 */
    }


    /*加盟支持*/

    .support-group2  {
        grid-template-columns: repeat(3, 1fr); /* 两行两列布局 */
        gap: 15px; /* 减小间距 */
        padding: 0 5%; /* 关键：增加左右内边距，使内容向中间收缩 */
        margin-bottom: 0px;
    }

    .support-item {
        padding: 0px;
        margin-bottom: 30%;

    }


    .support-item img{

        width: 40%;
        height: auto;
       

    }
    
      .section-title{
        
   
    padding-top:10px;
    margin-bottom: 10px;
        
    }
    
    .section-title2{
        
   
    padding-top:10px;
        
    }
    
      .section-title3{
        
   
    padding-top:10px;
        
    }
        .section-title4{
        
   
    padding-top:10px;
        
    }
    
      



    .support-item p{
  
    font-size: 1rem;
    }


    /*加盟流程*/

    .process-grid1{

        grid-template-columns: repeat(3, 1fr); /* 两行两列布局 */
        gap: 15px; /* 减小间距 */
        padding: 0 5%; /* 关键：增加左右内边距，使内容向中间收缩 */


    }

    .process-item p{

        display: none !important;

    }
    
    .process-item h3{

        display: block;
        font-size:1rem;

    }


    /*留言表单*/

    .process-grid2 {

        display: none !important;


    }





    /* 首页底部留言 */


    .index-jmly .jmly-wrapper .jmly-left {
        padding-right: 0; /* 移除内边距 */
    }

    .message-box1 {
        margin: 0 auto;
        width: 100%;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 1);
        border-radius: 8px;
    }


    .message-text1::after{content: "*";color: #FDD000;font-size: 16px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}


    /*.message-list1{*/

    /*    width: 130%;*/
    /*    margin-left: -2rem;*/

    /*}*/

    .message-title1 {
        font-size: 24px; /* 减小标题字体 */
        margin-bottom: 30px; /* 减少底部间距 */
    }

    .message-list1 .message-text1 {
        margin-bottom: 20px; /* 输入框间距减小 */
        width: 100%;
        margin-left:0%;
    }

    .message-text1 input,
    .message-text1 textarea {
        padding: 8px 12px; /* 减小输入框内边距 */
        font-size: 13px; /* 减小字体 */
    }

    .message-submit1{
        
        width: auto;
        margin-left:0%;
        
        
    }

    .message-submit1 p {
        font-size: 16px; /* 减小按钮字体 */
        padding: 10px 0; /* 减小按钮内边距 */
         width: 100%;
    }
    
    .message-submit-text1 p{
        
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px;
        
        
        
    }


   /*加盟合作留言*/

    .message-box2 {
        background-color: #fff;
        margin: 0 auto;
        padding: 70px;
        width: 90%;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }


    .message-text2::after{content: "*";color: #FDD000;font-size: 16px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}


    .message-list2{

        width: 130%;
        margin-left: -2rem;
        margin-top: -15px;

    }

    .message-title2 {
        font-size: 24px; /* 减小标题字体 */
        margin-bottom: 30px; /* 减少底部间距 */
    }

    .message-list2 .message-text2 {
        margin-bottom: 20px; /* 输入框间距减小 */
    }

    .message-text2 input,
    .message-text2 textarea {
        padding: 8px 12px; /* 减小输入框内边距 */
        font-size: 13px; /* 减小字体 */
    }

    .message-submit2 p {
        font-size: 16px; /* 减小按钮字体 */
        padding: 10px 0; /* 减小按钮内边距 */
    }

    /*联系我们留言*/

    .message-box3 {
        background-color: #fff;
        margin: 0 auto;
        padding: 70px;
        width: 100%;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }


    .message-text3::after{content: "*";color: #FDD000;font-size: 16px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}


    .message-list3{

        width: 130%;
        margin-left: -2rem;

    }

    .message-title3 {
        font-size: 24px; /* 减小标题字体 */
        margin-bottom: 30px; /* 减少底部间距 */
    }

    .message-list3 .message-text3 {
        margin-bottom: 20px; /* 输入框间距减小 */
    }

    .message-text3 input,
    .message-text3 textarea {
        padding: 8px 12px; /* 减小输入框内边距 */
        font-size: 13px; /* 减小字体 */
    }

    .message-submit3 p {
        font-size: 16px; /* 减小按钮字体 */
        padding: 10px 0; /* 减小按钮内边距 */
    }


   





 
    .index-banner-swiper .swiper-button {
        display: none; /* 移动端隐藏 */
    }



/* 定义横向显示样式 */
.banner-pagination {
    display: flex; /* 设置为横向排列 */
    justify-content: center; /* 居中对齐 */
    align-items: center; /* 垂直居中 */
    left:50%;
}




/* 修改分页数字的默认样式 */
.banner-pagination span {
    display: inline-block; /* 确保数字不会换行 */
    font-size: 16px; /* 调整字体大小 */
    padding: 4px 8px; /* 添加间距 */
}

/* 当前页码高亮 */
.banner-pagination .swiper-pagination-current {
    content: " / "; 
    margin: 0 4px; 
    font-weight: bold; /* 当前页码加粗 */
    
}

.index-banner-swiper .banner-pagination span.swiper-pagination-current::after {
        
        background: none; /* 移除背景线 */
       
    }

    
    /* 保证当前页码和总页码在同一行显示 */
    .index-banner-swiper .banner-pagination span.swiper-pagination-current,
    .index-banner-swiper .banner-pagination span.swiper-pagination-total {
        display: inline-block; /* 页码在同一行显示 */
    }

    /* 在当前页码后插入斜杠 */
    .index-banner-swiper .banner-pagination span.swiper-pagination-current::after {
        content: ' / ';  /* 添加斜杠 */
        display: inline-block;  /* 确保斜杠与页码平行 */
        margin: 0 5px; /* 设置页码和斜杠之间的间距 */
        top:35%;
        left:-15%;
        color:#fff;
        
    }

    /* 确保总页码也在同一行显示 */
    .index-banner-swiper .banner-pagination span.swiper-pagination-total {
        display: inline-block;  /* 保证总页码在同一行 */
    }
    
  /* 首页推荐产品 */  
  
    /* 隐藏原本的 .bottom 内容 */
    .index-product .bottom {
        display: none;
    }

    /* 轮播的容器 */
    .index-product .swiper-container {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 每个轮播图项 */
    .index-product .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-size: cover;
        background-position: center;
    }

    .index-product .swiper-slide .items {
        width: 90%;
        max-width: 300px; /* 最大宽度 */
        display: flex;
        flex-direction: column;
        text-align: center;
        aspect-ratio: unset !important; /* 禁用 aspect-ratio */
    }

    .index-product .swiper-pagination {
        bottom: 10px;
        /* 控制小圆点的位置 */
    }

    .index-product .swiper-button-prev,
    .index-product .swiper-button-next {
        color: #fff;
    }
    /* 隐藏 .title 和 .text 在移动端 */
    .index-product .swiper-slide .title,
    .index-product .swiper-slide .text {
        display: none;
    }
    .product-list .right a {
        width: calc(50% - 10px); /* 每行显示 2 个产品 */
    }
    /* .img 容器使用 flexbox 来居中内容 */
.product-list .right .img {
    display: flex; /* 启用 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    width: 100%; /* 确保 .img 容器占满父级宽度 */
    height: auto; /* 高度自动适应 */
}

/* 确保图片本身居中 */
.product-list .right .pic {
    width: 100%; /* 容器宽度 */
    height: auto; /* 图片高度自适应 */
    max-height: 100%; /* 确保图片不超过容器高度 */
}

 /* 控制图片不被拉伸 */
.product-list .right .pic img {
    max-width: 100%; /* 图片宽度自适应容器宽度 */
    max-height: 100%; /* 图片高度自适应容器高度 */
    object-fit: contain; /* 保持图片的宽高比，避免变形 */
}   

.product-list .right .title{
    
    position: absolute;
    left: 10%;
    bottom: 8%;
    width: 80%;
    height:13%;
    z-index: 50;
    color: #fff;
    background-color: #0b2248;;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.product-top .product-pic {position: relative;width: 80%;border: 1px solid #ebebeb;margin: 0 auto; /* 水平居中 */}
.product-top .product-pic .swiper-slide ul li img{display:inline-block;margin: auto;width: 100%;  /* 设置图片宽度为100% */
    height: auto; /* 使高度自适应 */}
.product-top .product-info {position: relative;width: 100%;float:right;left:1%}


.col-banner .pic {
        background-position: right center; /* 移动端显示图片的右边 */
        background-size: 260%; /* 放大背景图片 */
        background-repeat: no-repeat;
        animation: srmgani 4000ms 1 ease forwards;
        background-position: calc(100% - -60px) center; /* 调整右对齐，同时让图片左移一些 */
    }
.col-banner .pic1 {
        background-position: right center; /* 移动端显示图片的右边 */
        background-size: 260%; /* 放大背景图片 */
        background-repeat: no-repeat;
        animation: srmgani 4000ms 1 ease forwards;
        background-position: calc(100% - -60px) center; /* 调整右对齐，同时让图片左移一些 */
    }
    
    
    
    
    
.company-box .right {width:100%;margin-top:20px;
        float: none;         /* 移除 float 属性 */
        display: block;      /* 恢复为 block 布局，使内容垂直排列 */
        align-items: unset;  /* 移除 flex 布局中的对齐属性 */
        
    

}


    .company-box .right .pic {
        border-radius: 5%;
        height:300px; /* 调整图片显示区域的高度 */
        visibility: visible;
        animation-delay: 0.7s;
        animation-name: fadeInUp;
    }
    
     .company-box .right .pic img {
        width: 100%;    /* 让图片宽度填满容器 */
        height: 100%;   /* 让图片高度填满容器 */
        object-fit: cover; /* 保持图片比例并填满容器 */
    }
    
     .product-list .right a {
     width: calc(50% - 10px); /* 每行显示 2 个产品 */
    }
    
  
    
}






@media (max-width: 834px) {
  .product-list .right a {
     width: calc(50% - 10px); /* 每行显示 2 个产品 */
    }
    
 .product-list .right .img {
    display: flex; /* 启用 Flexbox 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    width: 100%; /* 确保 .img 容器占满父级宽度 */
    height: auto; /* 高度自动适应 */
}   

 


}


/* 如果需要针对更小的屏幕（如手机）进一步优化 */
@media (max-width: 480px) { /* 屏幕宽度小于 480px时（如较小手机） */
    .product-list .right a {
         width: calc(50% - 10px); /* 每行显示 1 个产品，宽度为 100% */
       
    }
}


/* PC端，轮播部分隐藏，显示原始的产品展示 */
@media (min-width: 769px) {
    .index-product .swiper-container {
        display: none;  /* 隐藏轮播容器 */
    }
    /* 确保PC端产品展示区不受影响 */

    
}


/* 移动端（屏幕宽度小于600px）全屏显示 */
@media (max-width: 600px) {

    .video-container {
    position: relative;
        width: 100%; /* 宽度继承父容器 */
        height: 0; /* 关键：通过 padding-bottom 生成容器高度 */
        padding-bottom: 56.25%; /* 21:9 比例（宽:高=21:9 → 9/21=42.86%） */
        max-height: 60vh; /* 最大高度为视口高度的 40% */
        overflow: hidden; /* 隐藏超出容器的部分 */
      }
      
      .index-about-top-video {
        position: absolute; /* 绝对定位，填充容器 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持比例，裁剪边缘 */
      }

    
  }