@charset "UTF-8";

@media (min-width:1601px) {
    html {
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1600px) {
    /* 通用 */
    html {font-size: 14px;}
    .container-outer{padding: 0 80px;}
    .banner-path{padding: 0 80px;}
    .container-inner{padding:50px;}
    .pd80{padding: 40px 0;}
    .pd140{padding: 140px 0;}

    /* 头部 */
    .header .header-top-inner{width:93%}
    .header .header-nav-inner{width:93%}

    /* 首页banner */
    .index-banner-swiper .swiper-button-next{right:1.5%}
    .index-banner-swiper .swiper-button-prev{left:1.5%}

    /* 解决方案详情 */
    .cases-detail .cases-detail-left{padding:50px;}
    .cases-detail .cases-detail-left .cases-detail-main{padding-bottom: 50px;}

    /* 新闻中心详情 */
    .news-detail .news-detail-left{padding:50px;}
    .news-detail .news-detail-left .news-detail-main{padding-bottom: 50px;}
}

@media (min-width:961px) and (max-width:1399px) {
    html {font-size: 13px;}
    .container-outer{padding: 0 60px;}
    .banner-path{padding: 0 60px;}
    .container-inner{padding:40px;}
    .pd80{padding: 40px 0;}
    .pd140{padding: 140px 0;}

    /* 头部 */
    .header .header-top-inner{width:95%}
    .header .header-nav-inner{width:95%}
    .header .nav-search{display:none}

    /* 首页banner */
    .index-banner-swiper .swiper-button-next{right:1.2%}
    .index-banner-swiper .swiper-button-prev{left:1.2%}

    /* 解决方案详情 */
    .cases-detail .cases-detail-left{padding:40px;}
    .cases-detail .cases-detail-left .cases-detail-main{padding-bottom: 40px;}

    /* 新闻中心详情 */
    .news-detail .news-detail-left{padding:40px;}
    .news-detail .news-detail-left .news-detail-main{padding-bottom: 40px;}
}

@media (max-width:960px) {
    /* 通用 */
    html {font-size: 13px;}
    .container-outer{padding: 0 3%;}
    .banner-path{padding: 0 3%;}
    .container-inner{width:100%;padding: 0 20px;}
    .pd80{padding: 40px 0;}
    .pd140{padding: 140px 0;}

    /* 头部 */
    .header .header-top{padding:.5rem 0}
    .header .header-top-inner{width:100%;padding:0 15px}
    .header .header-logo img{width:130px}
    .header .header-top-links{display:none}
    .header .header-nav{border-bottom:none}
    .header .header-nav-inner{width:100%;padding:0 15px;justify-content:flex-end}
    .header .nav-button{position:static;transform:none;margin-right:50px}
    .header .nav-search{display:none}
    .header .nav-button .language .language-show{width:90px}
    .header .nav-button .language .language-show a{text-align:center;font-size:13px;padding:10px 5px}
    .header .nav-button .language .language-show a:hover{padding-left:5px}
    .header .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;position:absolute;right:3%;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}
    .header .nav-toggle span{display:block;width:23px;height:2px;background:#fff;margin:2px;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}
    .header .nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:#333}
    .header .nav-toggle.active span:nth-child(2){opacity:0;transform:translateX(-10px)}
    .header .nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background:#333}
    .header .nav-menu{position:fixed;top:0;left:0;width:100%;height:100vh;padding-top:60px;background:#f7f7f7;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:999}
    .header .nav-menu.active{transform:translateX(0)}
    .header .nav-menu li{position:relative}
    .header .nav-menu > li{border-bottom:1px solid rgba(0,0,0,.06);background:#fff;width:90%;margin:0 auto}
    .header .nav-menu > li > a{padding:16px 50px 16px 20px;font-size:15px;font-weight:700;color:rgba(51,51,51,.9)}
    .header .nav-menu > li.menu-open > a{background:#f5f5f5;color:#165fa4}
    .header .nav-menu .submenu-toggle{width:48px;height:48px;position:absolute;right:0;top:0;transform:none;background:transparent;z-index:2;display:flex;align-items:center;justify-content:center}
    .header .nav-menu .submenu-toggle::after{content:'';width:8px;height:8px;border:1px solid #777;border-left:0;border-top:0;transform:rotate(45deg);transition:transform .3s;opacity:.8}
    .header .nav-menu li.menu-open > .submenu-toggle::after{transform:rotate(-135deg);opacity:1}
    .header .nav-menu .mega-menu{display:none}
    .header .nav-menu li.menu-open > .mega-menu{display:block}
    .header .mega-menu-inner{padding:.5rem 0;background:#166d97}
    .header .mega-col{padding:.25rem 20px}
    .header .mega-col-title{display:block;font-size:14px;font-weight:600;color:#fff;padding:8px 0 4px}
    .header .mega-col-list{list-style:none;margin:0;padding:0}
    .header .mega-col-list li a{display:block;font-size:13px;color:rgba(255,255,255,.7);padding:5px 0}
    .header .nav-button .language > a svg:first-child{display:none}
    .header .m-search{font-size:16px;border-radius:5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width:100%;height:80px;display:block}
    .header .m-search form{height:40px;border-radius:25px;background:#fff;position:relative;width:23rem;margin:20px auto}
    .header .m-search input{font-size:14px;color:#646464;height:40px;line-height:40px;padding-left:20px;box-shadow:none;-webkit-appearance:none;float:left;border-right:0;background:none}
    .header .m-search .btn{position:absolute;cursor:pointer;top:0;right:0;width:40px;height:40px;line-height:40px;border:0;background:#165fa4;background-size:1.5rem;border-radius:20px;color:#fff;display:flex;justify-content:center;align-items:center}

    /* 首页banner图 */
    .index-banner-swiper .swiper-slide .m-image{display:block}
    .index-banner-swiper .swiper-slide .pc-image{display:none}
    .index-banner-swiper .swiper-slide .m-image{position:absolute;width:100%;height:100%;left:0;top:0;overflow: hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
    .index-banner-swiper .swiper-slide .text h4{font-size:22px}
    .index-banner-swiper .swiper-button-white{display:none}

    /* 首页推荐产品 */
    .index-mod-title .lines{height: 39px;}
    .index-mod-title .lines .tit{font-size: 22px;}
    .index-mod-title i{height: 22px;width: 5px;top: 4px;}
    .index-product .index-product-bottom{grid-template-columns: 1fr;gap: 20px;}

    /* 首页公司简介 */
    .index-about .container-outer{flex-direction:column}
    .index-about .index-about-left{padding-right:0}
    .index-about .introduce{margin-top:2rem}
    .index-about .view-more{margin-top:2.5rem}
    .index-about .number{margin-top:2.5rem}
    .index-about .index-about-right{width:100%;margin-top:3rem;flex-shrink:0.7}

    /* 首页解决方案 */
    .index-cases .index-cases-bottom{grid-template-columns: 1fr;gap: 20px;}

    /* 首页合作伙伴 */
    .index-partner .index-partner-bottom{grid-template-columns: repeat(2, 1fr);gap: 20px;}

    /* 首页客户查询 */
    .index-inquiry .inquiry-grid{grid-template-columns:repeat(2,1fr)}
    .index-inquiry .inquiry-item a{padding:1.5rem 1rem}
    .index-inquiry .inquiry-icon{width:3rem;height:3rem}
    .index-inquiry .inquiry-icon svg{width:1.5rem;height:1.5rem}
    .index-inquiry .inquiry-desc{font-size:.75rem}
    .index-inquiry .inquiry-name{font-size:.9375rem}

    /* 首页核心业务/创新服务 */
    .index-core-business .core-grid{grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .index-core-business .core-grid.core-grid-four{grid-template-columns: repeat(2, 1fr);}

    /* 首页新闻中心 */
    .index-news .index-news-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
    .index-news .index-news-item.news-small{transform:scale(0.95);}
    .index-news .index-news-item.news-large{transform:scale(1);}

    /* 底部 */
    .footer .footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1.5rem}
    .footer .footer-qrcode{flex-wrap:wrap;gap:1.5rem}
    .footer .footer-qrcode .qrcode-item .qrcode-img{width:6rem;height:6rem}
    .footer .footer-links-bar{flex-direction:column;gap:.75rem;text-align:center}
    .footer .footer-links-bar .links-left,.footer .footer-links-bar .links-right{justify-content:center}
    .footer .footer-copyright{line-height:1.8}

    /* 分页 */
    .page ul.pagination{padding-top: 40px;}

    /* 客户留言 */
    .message-overlay .message-box{padding: 30px 15px;}
    .message-overlay .form-group .captcha-container .captcha-input{flex: 1;}

    /* 栏目banner */
    .col-banner .banner-img .pic img{max-width:200%;width:200%;height:320px}
    .col-banner .text h3{font-size:1.6rem;letter-spacing:1px}
    .banner-path .banner-nav{display:none}

    /* 产品中心列表 */
    .product-list .product-list-left{display:none}
    .product-list .product-list-right{grid-template-columns:1fr;gap:20px}
    .product-list .product-list-right .product-item .product-info .product-description{font-size:1rem}

    /* 产品中心详情 */
    .product-detail .container-outer{display:block}
    .product-detail .product-detail-top{flex-direction:column;gap:2rem}
    .product-detail .product-detail-top .product-detail-slide{max-width:100%}
    .product-detail .product-detail-top .product-detail-info{padding:0}
    .product-detail .product-detail-top .product-detail-info h3{font-size:18px}
    .product-detail .product-detail-top .product-detail-info h4{font-size:15px}
    .product-detail .product-detail-top .product-detail-info .product-text{font-size:14px}
    .product-detail .product-detail-top .product-detail-swiper .swiper-button-next,.product-detail .product-detail-top .product-detail-swiper .swiper-button-prev{width:60px;height:45px}
    .product-detail .product-detail-top .product-detail-swiper .swiper-button-prev{right:61px}
    .product-detail .product-detail-bottom{padding-top:2.5rem}
    .product-detail .product-detail-bottom .product-detail-tabs{flex-wrap:wrap;justify-content:center}
    .product-detail .product-detail-bottom .product-detail-tabs .tab{padding:1rem 1.25rem;flex:1;text-align:center;font-size:14px}
    .product-detail .product-detail-bottom .content-section{padding-top:2.5rem}
    .product-detail .product-detail-bottom .section-title{font-size:1.15rem;margin-bottom:1.5rem}
    .product-detail .product-detail-bottom .section-content .download-list{grid-template-columns:1fr}

    /* 资料下载 */
    .download-detail .download-detail-top{flex-direction:column;margin-bottom:30px}
    .download-detail .download-detail-top .download-search-input{width:100%}
    .download-detail .download-detail-top .search-category{width:100%}
    .download-detail .download-detail-top .download-search-btn{width:100%;justify-content:center}
    .download-detail .download-detail-bottom{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}

    /* 常见问题 */
    .faq-detail .faq-detail-top{margin-bottom: 30px;}
    .faq-detail .faq-detail-top .faq-search-box{gap: 20px;}
    .faq-detail-top .faq-search-box .faq-search-btn{width: 100%;justify-content: center;}
    .faq-detail .faq-detail-bottom{gap: 20px;}

    /* 质保查询 */
    .qa-detail .qa-detail-top{padding:40px 20px}
    .qa-detail .qa-detail-top .search-box{flex-direction:column}
    .qa-detail .qa-detail-top .search-box .search-input{border-radius:0.75rem;font-size:14px}
    .qa-detail .qa-detail-top .search-box .qa-search-btn{padding:16px;border-radius:0.75rem;font-size:14px}
    .qa-detail .qa-detail-bottom .result-box{flex-direction:column}
    .qa-detail .qa-detail-bottom .result-image-container .result-image{max-width:100%}
    .qa-detail .qa-detail-bottom .result-info .result-header{flex-direction:column;text-align:center;gap:20px}

    /* 服务策略 */
    .service-detail .service-detail-box{padding: 20px 0;}

    /* 合作伙伴 */
    .partner-detail .partner-detail-list{grid-template-columns: repeat(2, 1fr);gap: 20px;}

    /* 首页新闻中心 */
    .index-news{padding-top:80px}
    .index-news .index-news-grid{grid-template-columns:1fr 1fr;gap:.75rem}
    .index-news .index-news-item{padding-top:65%}
    .index-news .news-text{padding:.625rem .75rem .75rem}
    .index-news .news-item-title{font-size:.875rem}
    .index-news .news-item-desc{font-size:.6875rem}

    /* 解决方案列表 */
    .cases-list .cases-list-box{flex-direction: column;gap: 40px;}
    .cases-list .cases-list-left ul{gap: 20px;}
    .cases-list .cases-list-left .cases-item{flex-direction: column;gap: 10px;}
    .cases-list .cases-list-left .cases-item .cases-img, .cases-list .cases-list-left .cases-item .cases-content {width: 100%;}


    /* 解决方案详情 */
    .cases-detail .cases-detail-box{flex-direction: column;gap: 30px;}
    .cases-detail .cases-detail-left{width: 100%;padding: 20px;}
    .cases-detail .cases-detail-left .title{font-size: 20px;}
    .cases-detail .cases-detail-left .text{gap: 10px;}
    .cases-detail .cases-detail-left .cases-detail-main{padding-bottom: 20px;font-size: 14px;}
    .cases-detail .cases-detail-left .cases-detail-page{flex-direction: column;gap: 15px;}
    .cases-detail .cases-detail-left .cases-detail-page a{max-width: 100%;justify-content: center;}

    /* 新闻中心列表 */
    .news-list .news-list-bg{width:60%;opacity:0.04}
    .news-list .news-list-box{flex-direction: column;gap: 40px;}
    .news-list .news-list-left ul{gap: 20px}
    .news-list .news-list-left ul::before{left:calc(6.25rem - 6px);top:1.5rem;bottom:1.5rem}
    .news-list .news-list-left .timeline-item{gap:0.75rem}
    .news-list .news-list-left .timeline-marker{width:6.25rem}
    .news-list .news-list-left .timeline-marker::after{width:12px;height:12px;border-width:2px}
    .news-list .news-list-left .timeline-year{font-size:1.75rem;top:-0.25rem}
    .news-list .news-list-left .news-item{flex-direction: column;gap: 10px;}
    .news-list .news-list-left .news-item .news-img, .news-list .news-list-left .news-item .news-content {width: 100%;}

    /* 新闻中心详情 */
    .news-detail .news-detail-box{flex-direction: column;gap: 40px;}
    .news-detail .news-detail-left{width: 100%;padding: 20px;}
    .news-detail .news-detail-left .title{font-size: 20px;}
    .news-detail .news-detail-left .text{gap: 10px;}
    .news-detail .news-detail-left .news-detail-main{padding-bottom: 20px;font-size: 14px;}
    .news-detail .news-detail-left .news-detail-page{flex-direction: column;gap: 15px;}
    .news-detail .news-detail-left .news-detail-page a{max-width: 100%;justify-content: center;}

    /* 公司概况 */
    .company-box .company-intro{grid-template-columns:100%;grid-template-rows:auto auto;gap:30px}
    .develop-box .develop-swiper{width:80%;height:auto}
    .culture-box .culture-list{grid-template-columns:1fr;gap:20px}

    /* 荣誉资质 */
    .honor-detail .honor-box{grid-template-columns: 1fr;gap: 20px;}

    /* 加入我们 */
    .join-detail .join-search-box{flex-direction: column;}
    .join-detail .join-search-box input{width: 100%;}
    .join-detail .join-search-box select{width: 100%;}
    .join-detail .join-search-box .join-search-btn{width: 100%;justify-content: center;}
    .resume-submit-overlay .resume-submit-box{padding: 30px 15px;}
    .resume-submit-overlay .resume-submit-box .form-group .captcha-container .captcha-input{flex: 1;}

    /* 联系我们 */
    .contact-information .contact-information-list{grid-template-columns:1fr;gap:20px}
    .marketing-network .marketing-network-list{grid-template-columns:1fr;gap:20px}

    /* 搜索中心 */
    .search-center .search-center-box{flex-direction:column}
    .search-center .search-center-category{flex:none}

}
