@charset "utf-8";


/***************************  内容部分  ***************************/
@media (min-width:0) and (max-width:1020px){
    /*** 头部 ***/
    header aside {width:auto;padding:2rem 2rem 1rem;justify-content:flex-start;}
    header aside img {height:5rem;}
    header aside dl {padding:0 1rem;margin:1rem;border-left:solid 1px #1c1e2040;}
    header nav {width:auto;padding:0 2rem;}
    header nav a {width:20%;padding:0;text-align:center;}
    header nav a:nth-child(2) {display:none;}
    header nav a:nth-child(5) {display:none;}
    header nav a:nth-child(6) {display:none;}
    /*** banner ***/
    section.banner {width:auto;padding:6rem 2rem 7rem;}
    /*** 面包屑 ***/
    section.crumbs {width:auto;padding:0 2rem;}
    /*** 底部 ***/
    footer {width:auto;padding:2rem 2rem 0.5rem;}
    footer nav {display:flex;}
    footer nav a:nth-child(3) {display:none;}
    footer nav a:nth-child(4) {display:none;}
    footer nav a:nth-child(7) {display:none;}
    footer img {display:none;}
    footer dl {width:100%;}
    footer dl dt {margin:0;text-align:center;font-size:1rem;line-height:2rem;}
    footer dl dd {display:none;}
    footer div {display:none;}
    /*** 首页 ***/
    section.banner dl.container {top:2rem;left:2rem;transform:none;}
    .swiper-pagination-bullet {transform:scale(0.8);}
    section.productType {width:auto;padding:3rem 2rem 2rem;}
    section.productType div a {width:calc(33.33333333% - 2rem);}
    section.introduce {position:relative;width:auto;padding:3rem 2rem;display:block;}
    section.introduce name {position:absolute;width:calc(100% - 4rem);height:calc(100% - 6rem);}
    section.introduce name img {display:none;}
    section.introduce dl {position:relative;z-index:1;width:calc(100% - 4rem);margin:0;padding:2rem;text-align:center;background:#ffffff80 !important;}
    section.introduce dl dt {height:4rem;font-size:3rem;line-height:4rem;}
    section.introduce dl dd {text-align:left;}
    section.productList {width:auto;padding:3rem 2rem 2rem;}
    section.productList div {display:block;text-align:center;}
    section.productList div a {margin-top:1rem;display:inline-block;}
    section.productList ul li {width:calc(50% - 4rem);}
    section.productList + section.news {margin:0;}
    section.news {width:auto;padding:3rem 2rem;}
    section.news div {display:block;text-align:center;}
    section.news div a {margin-top:1rem;display:inline-block;}
    section.news ul {margin-top:1rem;display:block;}
    section.news ul li {width:calc(100% - 4rem);margin-top:1rem;}
    /*** 产品列表 ***/
    section.types {width:auto;margin:3rem 2rem 2rem;flex-wrap:wrap;}
    section.types a {width:33.333333333333333%;padding:0;text-align:center;}
    section.types a.on:after {content:none;}
    section.types + section.product {margin-top:2rem;}
    section.product {width:auto;margin:3rem 2rem;}
    section.product > ul li {width:calc(50% - 6rem);box-shadow:0 0 1px #1c1e20;}
    /*** 产品详情 ***/
    section.info {width:auto;margin:3rem 2rem;}
    section.info > name {text-align:center;}
    section.imgs {width:auto;margin:3rem 2rem;}
    section.imgs > name {text-align:center;}
    section.details {width:auto;margin:3rem 2rem;}
    section.details > name {text-align:center;}
    /*** 代理品牌 ***/
    section.brand {width:auto;padding:3rem 2rem;}
    section.brand div {width:calc(33.3333333333% - 2rem);padding:2rem 1rem;}
    section.brand div img {height:4rem;}
    /*** 资料下载 ***/
    section.knowledge {width:auto;margin:3rem 2rem;}
    /*** 联系我们 ***/
    section.contact {width:auto;margin:3rem 2rem;}
    section.contact > div {height:16rem;}
    /*** 公司介绍 ***/
    section.introduction div {width:auto;margin:0 2rem;}
    section.agent {width:auto;padding:3rem 2rem 2rem;}
    section.agent ul li {width:calc(50% - 4rem);padding:2rem 1rem;box-shadow:0 0 1px #1c1e20;}
    /*** 新闻资讯 ***/
    section.news {width:auto;margin:3rem 2rem;}
    /*** 技术文章 ***/
    section.technology {width:auto;margin:3rem 2rem;}
}

@media (min-width:0) and (max-width:880px){
    body {padding-bottom:6rem;}
    /*** 头部 ***/
    header aside img {height:2.7rem;}
    header aside dl {height:2rem;padding:0 0 0 0.5rem;margin:0.5rem 0 0.2rem 0.5rem;}
    header aside dl dt {height:1rem;font-size:0.8rem;line-height:1rem;}
    header aside dl dd {height:1rem;font-size:1rem;line-height:1rem;}
    /*** banner ***/
    section.banner {width:auto;padding:3rem 2rem 4rem;}
    /*** 分页 ***/
    figure.page a[first] {display:none;}
    figure.page a[last] {display:none;}
    /*** 在线客服 ***/
    section.tool {bottom:0;width:calc(100% - 2rem);padding:1rem;display:flex;flex-wrap:nowrap;justify-content:space-between;background:#ffffff;box-shadow:0 0 0.5rem #1c1e2040;}
    section.tool a {width:calc(50% - 0.5rem);}
    section.tool a + a {margin-top:0;}
    section.tool a span {right:0;width:calc(100% - 5rem);display:block;}
    /*** 底部 ***/
    footer nav a {width:20%;padding:0;margin:0;text-align:center;}
    footer nav a:after {content:none !important;}
    /*** 首页 ***/
    .swiper-pagination-bullet {display:none;}
    section.productType name {font-size:2rem;}
    section.productType div a {width:calc(50% - 2rem);}
    section.introduce dl dt {font-size:2rem;}
    section.productList div name {font-size:2rem;}
    section.productList ul li {width:calc(100% - 4rem);}
    section.news div name {font-size:2rem;}
    /*** 产品列表 ***/
    section.product > ul li {width:calc(100% - 6rem);}
    /*** 产品详情 ***/
    section.product {flex-wrap:wrap;}
    section.product img {width:100%;height:auto;}
    section.product div {margin:1rem 0 0;}
    section.product div ul li {width:calc(50% - 1rem);margin-right:1rem;}
    /*** 代理品牌 ***/
    section.brand div {width:calc(100% - 2rem);padding:2rem 1rem;}
    /*** 联系我们 ***/
    section.contact {display:block;}
    section.contact > div {width:calc(100% - 2px);}
    section.contact > dl {width:100%;height:auto;padding:0;margin-top:1rem;}
    /*** 公司介绍 ***/
    section.introduction div name {font-size:2rem;}
    section.agent name {font-size:2rem;}
    section.agent ul li {width:calc(100% - 4rem);}
}