@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;}
    .container-inner{padding:50px;}
    .pd80{padding: 50px 0;}

    /* 头部 */
    .header .header-content{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;}
    .container-inner{padding:40px;}
    .pd80{padding: 50px 0;}

    /* 头部 */
    .header .header-content{width: 95%;}

    /* 首页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 screen and (max-width: 960px) {
    /* 通用 */
    html {font-size: 13px;}
    .container-outer{padding: 0 3%;}
    .container-inner{width:100%;padding: 0 20px;}
    .pd80{padding: 40px 0;}

    /* 头部 */
    .header{height: 50px;}
    .header .header-content{width:100%;padding: 0 15px;}
    .header .header-logo img{width: 126px;}
    .header .nav-box{margin-left: 0;margin-right: 50px;justify-content: flex-end;}
    .header .nav-button {margin-left: 0;height: 50px;}
    .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 0.3s cubic-bezier(0.4,0,0.2,1)}
    .header .nav-toggle:hover{background:rgba(255,255,255,0.2)}
    .header .nav-toggle span{display:block;width:23px;height:2px;background:#ffffff;margin:2px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:4px}
    .header.scrolled .nav-toggle span, .header:hover .nav-toggle span{background:#333;}
    .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 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;z-index:999}
    .header .nav-menu.active{transform:translateX(0)}
    .header .nav-menu li{position:relative;border-bottom:1px solid rgba(255,255,255,0.08)}
    .header .nav-menu a{padding:20px 50px 20px 20px;font-size:15px;transition:background-color 0.3s}
    .header .nav-menu .submenu-toggle{width:60px;height:60px;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 #777777;border-left:0;border-top:0;transform:rotate(45deg);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0.8}
    .header .nav-menu li.menu-open > .submenu-toggle::after{transform:rotate(-135deg);opacity:1}
    .header .nav-menu > li > ul > li .submenu-toggle{width: 48px;height: 48px;}
    .header .nav-menu ul{display:none}
    .header .nav-menu li.menu-open > ul{display:block}
    .header .nav-menu > li{background:#f7f7f7;width: 90%;overflow: hidden;margin: 0 auto;border-bottom: 1px solid rgb(111 111 111 / 10%);}
    .header .nav-menu > li:first-child{border-top: none;}
    .header .nav-menu > li > ul > li{background:rgb(245, 245, 245);border-bottom-color:rgba(255,255,255,0.05)}
    .header .nav-menu > li > ul > li > a{padding:15px 50px 15px 35px;color: rgba(51,51,51,0.8)}
    .header .nav-menu > li > ul > li > ul > li{background:rgb(238, 238, 238);border-bottom-color:rgba(255,255,255,0.03)}
    .header .nav-menu > li > ul > li > ul > li > a{padding:15px 50px 15px 50px;color: rgba(51,51,51,0.7)}
    .header .nav-menu > li > ul > li > ul > li > ul > li{background:rgb(230, 230, 230);border-bottom-color:rgba(255,255,255,0.02)}
    .header .nav-menu > li > ul > li > ul > li > ul > li > a{padding:15px 50px 15px 65px;color: rgba(51,51,51,0.6)}
    .header .nav-menu > li > a{font-weight: bold;color: rgba(51,51,51,0.9)}
    .header .nav-menu > li.menu-open > a{background:rgb(245, 245, 245);color: #0863c4;}
    .header .nav-menu > li > ul > li.menu-open > a{background:rgb(238, 238, 238);color: #0863c4;}
    .header .nav-menu > li > ul > li > ul > li.menu-open > a{background:rgb(230, 230, 230);color: #0863c4;}
    .header .nav-menu > li > ul > li > ul > li > ul > li.menu-open > a{background:rgb(200, 200, 200);color: #0863c4;}
    .header .nav-menu > li:last-child{border-bottom:none;}
    .header .nav-button .search-btn{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 10px 5px;}
    .header .nav-button .language .language-show a:hover{padding-left: 0;}
    .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:rgb(255 255 255);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:#0863c4;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-news .index-news-bottom {grid-template-columns: 1fr;gap: 20px;}

    /* 底部 */
    .footer .footer-top{display: grid;justify-content: flex-start;}
    .footer .footer-contact,.footer .footer-follow{margin-top: 20px;}
    .footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
    .footer .footer-bottom .right{padding-top: 10px;}
    .footer .friendship{display:none;}

    /* 分页 */
    .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{height:320px; aspect-ratio:1 / 1;}
    .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;}

    /* 解决方案列表 */
    .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-box{flex-direction: column;gap: 40px;}
    .news-list .news-list-left ul{gap: 20px;}
    .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}

}
@media screen and (max-width: 1680px) {
    .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;}
}

@media screen and (max-width: 1440px) {
    .container-outer{width: 90%;}
    .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%;}
    /* 第一行 */
    .index-first{padding: 50px 0;}

    /* 第二行 */
    .index-second{padding: 50px 0;}
    .index-second .index-second-wrapper .index-second-left{padding-right: 50px;}
    .index-second .index-second-left .index-second-msg{margin: 20px 0 20px;}
    .index-second .index-second-left .index-second-msg p{font-size: 14px;}

    /* 第六行 */
    .index-six{padding: 50px 0;}
    .index-six .index-six-item a{padding: 3% 0;}
    .index-six .index-six-item .logo{height: 60px;}

    /* 头部 */
    .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 .lang a{width: 120px;height: 40px;}
    .header .header-search .lang a::after{width: 120px;height: 40px;}
    .header .header-search i{width: 16px;height: 16px;}
    .header .header-search .search {margin-left: 8px;}
    .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;}

    /* 首页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-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;}

}

@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;}
}

@media screen and (max-width: 1280px) {
    .index-three .gallery-grid {grid-template-columns: repeat(3, 1fr);}
    .index-first-list{ grid-template-columns: repeat(4, 1fr)}
    .index-three .filters { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 960px) {
    /* 通用 */
    .container-outer {width:84%;}
    .container {width:100%;padding-left:0;padding-right:0;}
    .ty-more a {padding:10px 20px;}
    .ty-more span {font-size:14px;margin-right:5px;}
    .ty-more i {width:8px;height:10px;}

    /* 头部 */
    .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;}
    .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 .header-search .lang{display: none;}
    .header .header-search .m-lang{display: block;margin-right: 10px;}
    .header .header-search .m-lang a{color: #FFF;font-size: 16px;}
    .header.scroll-top .header-search .m-lang a{color: #333333;}
    .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: 5%;}
    .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 .index-banner-item .img .mpic{display: block;}
    .index-banner-swiper .banner-pagination{width: 60px;bottom: 3%;}
    .index-banner-swiper .banner-pagination span.swiper-pagination-current{font-size: 20px;}
    .index-banner-swiper .banner-pagination span.swiper-pagination-total{font-size: 14px;}

    /*底部*/
    .footer .footer-content-top{width:90%;padding: 30px 0;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-contact span{font-size: 14px;line-height:30px}
    .footer .footer-content-top .footer-contact span.font{font-size: 20px;}
    .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;}

    /* 第一行 */
    .index-first .index-first-list{ grid-template-columns: repeat(2, 1fr)}

    /* 第二行 */
    .index-second {padding:40px 0;}
    .index-second .index-second-wrapper {flex-flow:column;}
    .index-second .index-second-wrapper .index-second-left {width:100%;height:auto;padding-right:0px;}
    .index-second .index-second-left .index-second-title {padding-bottom:5px;}
    .index-second .index-second-left .index-second-msg {margin:20px 0 20px;}
    .index-second .index-second-left .index-second-msg p {font-size:14px;}
    .index-second .index-second-wrapper .index-second-right {margin-top:40px;width:100%;height: auto;}

    /* 第三行 */
    .index-three { padding: 40px 12px; }
    .index-three h2 { font-size: 22px; }
    .index-three h2::before,
    .index-three h2::after {width: 120px;}
    .index-three h2 {font-size: 22px;padding: 0 12px;}
    .index-three .gallery-grid {grid-template-columns: repeat(2, 1fr);}
    .index-three .filters { grid-template-columns: repeat(2, 1fr); }
    /* 第六行 */
    .index-six {padding:40px 0;}
    .index-six .index-six-item {width:calc((100% - 10px) / 2);}
    .index-six .index-six-item:nth-child(2n) {margin-right:0;}
    .index-six .index-six-item:nth-child(-n + 6),.index-six .index-six-item:nth-child(-n + 5),.index-six .index-six-item:nth-child(-n + 4) {margin-top:10px}
    .index-six .index-six-item:nth-child(-n + 2) {margin-top:0;}
    .index-six .index-six-item .logo {width: auto;height:50px;}
    .index-six .index-six-item .title {font-size:14px;}
    /* 第七行 */
    .index-seven .seven-grid{ grid-template-columns: repeat(1, 1fr); }
    .index-seven .seven-grid h3{ font-size: 16px; padding: 10px 0;}

    /* 首页推荐产品 */
    .index-mod-top {padding-bottom:20px;}
    .index-mod-top .index-mod-title h3 {font-size:20px;}
    .index-mod-top .index-mod-title h5 {font-size:13px;line-height:20px;}
    .index-mod-top .index-mod-title i {width:38px;}

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

@media screen and (min-width:1921px) and (max-width:2560px){
    
}