@charset "utf-8";

/* CSS Document */

* {

    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;

}

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

html, body {

    font-family: "Microsoft Yahei", Tahoma, Helvetica, Arial, sans-serif;

    font-size: 16px;

}

a, a:hover, a:focus, a:visited {

    text-decoration: none;

    outline: none !important;

    outline: 0;

}

ul, ul li, ol, li {

    list-style: none outside none;

}

input[type="submit"], input[type="reset"], input[type="button"], input {

    resize: none;

    border: none;

}

textarea {

    resize: none;

}

a {

    text-decoration: none;

}

img {

    vertical-align: middle;

    border: none;

}

i {

    font: inherit;

}

/*单行溢出*/

.one-txt-cut {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

/*多行溢出 手机端使用*/

.txt-cut {

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

#delbox {

    margin-right: 0;

}

.flex {

    display: box;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

}

.flex-j {

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

}

.flex-w {

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}

.flex-s {

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

}

.flex-c {

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}

.align-center {

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

}

.trs {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}

.content {

    width: 100%;

    max-width: 1200px;

    margin: auto;

}

.ani-delay {

    animation-delay: .5s;

}

/* 内页banner */

.banner-ny {

    width: 100%;

    height: 18.75rem;

    overflow: hidden;

}

.bannerbox-ny {

    width: 100%;

    height: 100%;

    background-size: cover !important;

    background-position: center !important;

    position: relative;

}

.banner-ny .wenzi {

    position: absolute;

    top: 44%;

    left: 50%;

    -webkit-transform: translate(-50%);

    -moz-transform: translate(-50%);

    -ms-transform: translate(-50%);

    -o-transform: translate(-50%);

    transform: translate(-50%);

}

.banner-ny .wenzi h1 {

    color: #fff;

    font-size: 1.75rem;

    font-weight: normal;

    text-align: center;

}

/* 分页 */

.pages {

    text-align: center;

    justify-content: center;

    margin-bottom: 7.5rem;

}

.pages .iconjiantouzuoxiao {

    font-size: 1.5rem;

    color: #999;

    display: block;

}

.pages a {

    margin: 0 .3125rem;

}

.pages .page {

    width: 2rem;

    height: 2rem;

    border: .0625rem solid #e6e6e6;

    line-height: 2rem;

    color: #444;

    font-size: .875rem;

}

.pages a.active {

    background: #615d5d;

    color: #fff;

}

.pages a.next {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.pages .page:hover {

    background: #615d5d;

    color: #fff;

}

.pages .iconjiantouzuoxiao:hover {

    color: #615d5d;

}

/* 内页banner下面的导航 */

.nav-ny {

    width: 100%;

    height: 3.125rem;

    border-bottom: .0625rem solid #ebebeb;

}

.nav-nybox ul {

    justify-content: center;

    line-height: 3.125rem;

}

.nav-nybox ul li {

    position: relative;

    margin: 0 0.5rem;

}

.nav-nybox ul li a {

    font-size: .8rem;

    color: #999;

}

.nav-nybox ul li a:hover {
    font-size: .8rem;
    color: #444;

}

.nav-nybox ul li a.active {

    color: #444;

}

.nav-nybox ul li a::before {

    content: "";

    position: absolute;

    top: 50%;

    /* left: 10%; */

    display: block;

    opacity: 0;

    height: .125rem;

    background: #999;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.nav-nybox ul li a.active::before {

    opacity: 1;

    width: 1rem;

    margin-left: -1.5rem;

}

.nav-nybox ul li a:hover::before {

    opacity: 1;

    width: 1rem;

    margin-left: -.5rem;

}

.nav-nybox ul li:hover {

    text-indent: 1rem;
}

/* 移动端头部 */

.topbox-m {

    height: 100%;

    width: 100%;

    position: relative;

}

.nav-m {

    background: #fff;

    padding: 0;

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    text-align: center;

    border-top: 1px solid #eee;

    z-index: 50;

}

.nav-m a {

    position: relative;

    color: #333;

    display: block;

    font-size: 1rem;

    line-height: 6rem;

    transition: all .3s linear;

}

.caidanbox {

    position: absolute;

    right: 5%;

    top: 50%;

    transform: translateY(-50%);

}

.caidanbox span {

    display: block;

    width: 2.1rem;

    height: .2rem;

    background: #0482cc;

    border-radius: 2px;

    transition: all .3s linear;

}

.caidanbox span:not(:first-child) {

    margin-top: .6rem;

}

.caidanbox.on span:nth-of-type(1) {

    -webkit-transform: matrix(1, 0, 0, 1, 0, 12) rotate(45deg);

    transform: matrix(1, 0, 0, 1, 0, 12) rotate(45deg);

}

.caidanbox.on span:nth-of-type(2) {

    width: 0;

}

.caidanbox.on span:nth-of-type(3) {

    -webkit-transform: matrix(1, 0, 0, 1, 0, -12) rotate(-45deg);

    transform: matrix(1, 0, 0, 1, 0, -12) rotate(-45deg);

}

/* 移动端底部 */

.footernav {

    height: 6.25rem;

    width: 100%;

    background: #fff;

    z-index: 100;

    position: fixed;

    bottom: 0;

    left: 0;

    box-shadow: 0 -.5rem 1rem rgba(0, 0, 0, .05);

}

.footerbox {

    height: 100%;

}

.footernav a {

    display: block;

    width: 25%;

    text-align: center;

}

.footernav p, .footernav .iconfont {

    color: #333;

}

.footernav .iconfont {

    font-size: 2rem;

}

.footernav p {

    font-size: 1rem;

    margin-top: .4rem;

}

/* 头部 */

.top {

    width: 100%;

    background: #757575;

    height: 2.1875rem;

}

.top p, .top span {

    font-size: .75rem;

    color: rgba(255, 255, 255, .6);

}

.top-r-l {

    padding: 0 1rem;

}

.top-r a span:hover {

    color: #fff;

}

/* LOGO部分 */

.header {

    height: 7.5rem;

    z-index: 500;

    background: #fff;

    position: relative;

    width: 100%;

}

.headerbox {

    height: 100%;

}

.header-l {

    width: 60%;

    height: 65%;

    justify-content: flex-start;

}

.header-l .logo {
    width: 40%;
}

.header-l .wenzi {

    width: 50%;

    margin-left: 4%;

    padding-left: 4%;

    border-left: 0.0625rem solid #ccc;

}

.header-l .wenzi h1 {

    font-size: 1.5rem;

    color: #444;

    margin-bottom: .5rem;

}

.header-l .wenzi h6 {

    font-size: 1rem;

    color: #999;

    font-weight: normal;

}

.tel .icondianhua1 {

    color: #808080;

    font-size: 2.625rem;

    padding-right: 1rem;

}

.tel-r h6 {

    color: #808080;

    font-size: 0.875rem;

    font-weight: normal;

}

.tel-r h1 {

    color: #444;

    font-size: 1.75rem;

}

.mask {

    background: rgba(0, 0, 0, .5);

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 20;

}

/* 导航部分 */

.nav {

    background: #4f4f4f;

    height: 3.125rem;

    z-index: 500;

    width: 100%;

}

.nav.on {

    position: fixed;

    top: 0rem;

    left: 0;

    height: 3.75rem;

    box-shadow:0 .625rem 1.25rem rgba(0, 0, 0, .05);

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}

.nav.on .navbox {

    line-height: 3.75rem;

}

.navbox {

    width: 100%;

    height: 100%;

    line-height: 3.125rem;

}

.naa {

    color: rgba(255, 255, 255, .6);

}

.naa.active {

    color: rgba(255, 255, 255,1);

}

.na {

    color: #999;

    font-size: 0.875rem;

}

.navbox .iconjiantouzuoxiao {

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    font-size: .5rem;

    margin-left: .5rem;

    color: rgba(255, 255, 255, .6);

}

.navbox>li {

    position: relative;

    padding: 0 3.5rem;

}

.subnav {

    visibility: hidden;

    opacity: 0;

    position: absolute;

    top: 100%;

    left: 50%;

    z-index: 100;

    text-align: center;

    width: 8rem;

    height: auto;

    background: #fff;

    box-shadow: 0 .625rem 1.25rem rgba(0, 0, 0, .05);

    -webkit-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.subnav>li {

    line-height: 2.5rem;

}

.nav>ul>li:hover .naa {

    color: rgba(255, 255, 255,1);

}

.nav>ul>li:hover .iconjiantouzuoxiao {

    color: rgba(255, 255, 255,1);

}

.nav>ul>li:hover .subnav {

    visibility: visible;

    opacity: 1;

}

.subnav li:hover {

    background: rgba(0, 0, 0, .05);

}

.subnav li:hover .na {

    color: #808080;

}

/* 底部 */

.bottom {

    width: 100%;

    padding: 3.75rem 0 2.5rem;

    background: #333333;

}

.bottom .bot-l {

    width: calc(100% - 25rem);

    padding-right: 2rem;

}

.bottom .bot-r {

    width: calc(100% - 30rem);

    justify-content: flex-end;

}

.bottom .bot-l>ul>li>a {

    font-size: .875rem;

    color: rgba(255, 255, 255, .8);

}

.bottom .b-nav {

    padding-top: 1rem;

}

.bottom .b-nav li a {

    font-size: .75rem;

    color: rgba(255, 255, 255, .4);

    text-align: center;

}

.bottom .code {

    width: 7rem;

    height: 7rem;

    background: #fff;

    position: relative;

}

.bottom .code img {

    position: absolute;

    width: 95%;

    height: 95%;

    left: 50%;

    top: 3%;

    -webkit-transform: translate(-50%);

    -moz-transform: translate(-50%);

    -ms-transform: translate(-50%);

    -o-transform: translate(-50%);

    transform: translate(-50%);

}

.bottom .lx {

    padding-left: 1rem;

}

.bottom .lx p {

    font-size: .75rem;

    color: rgba(255, 255, 255, .8);

    line-height: 1.8rem;

}

.bottom .bot-l>ul>li>a:hover {

    color: rgba(255, 255, 255, 1);

}

.bottom .b-nav li a:hover {

    color: rgba(255, 255, 255, 1);

}

.footer {

    width: 100%;

    background: #222222;

}

.footer p, .footer-m {

    font-size: .75rem;

    color: rgba(255, 255, 255, .4);

    text-align: center;

    padding: .5rem 0;

}

.footer-m {

    display: none;

}

/* 返回顶部 */

.go-top {

    position: fixed;

    right: 0;

    top: 70%;

    z-index: 500;

}

.go-top .item {

    width: 2.5rem;

    height: 2.5rem;

    background: #666666;

    margin-bottom: .25rem;

    /* cursor: pointer; */

}

.go-top .dh, .go-top .ewm {

    position: relative;

}

.go-top .iconfont {

    color: #fff;

    font-size: 1.4rem;

    text-align: center;

    line-height: 2.5rem;

}

.go-top .dh-active {

    background: #292929;

    width: 8rem;

    height: 2.5rem;

    position: absolute;

    left: -8.25rem;

    top: 0;

    color: #fff;

    text-align: center;

    line-height: 2.5rem;

    opacity: 0;

    visibility: hidden;

}

.go-top .code img {

    width: 90%;

    height: 90%;

    margin: auto;

    display: block;

    padding-top: .25rem;

}

.go-top .ewm-active {

    position: absolute;

    width: 6rem;

    height: 7.5rem;

    left: -7rem;

    top: 50%;

    opacity: 0;

    visibility: hidden;

    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .1);

    background: #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.go-top .ewm-active .wenzi {

    width: 100%;

    height: 2rem;

    text-align: center;

    line-height: 1rem;

    border-top: .0625rem solid #eee;

    padding-top: .25rem;

    margin-top: .25rem;

}

.go-top .wenzi p {

    font-size: .75rem;

    color: #999;

}

.go-top .ewm-active::after {

    content: "";

    position: absolute;

    left: 100%;

    top: 50%;

    width: 0;

    height: 0;

    border-width: 10px 12px 10px 10px;

    border-style: solid;

    border-color: transparent transparent transparent #fff;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.go-top .item:hover {

    background: #222222;

}

.go-top .item:hover .ewm-active, .go-top .item:hover .dh-active {

    opacity: 1;

    visibility: visible;

}

.go-top .backtotop {

    display: none;

}

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

}

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

    .content {

        max-width: 90%;

    }

    .top, .nav, .nav.on, .bottom, .header .headerbox .tel, .swiper1 .arr, .go-top .dh, .go-top .ewm, .header-l .wenzi {

        display: none !important;

    }

    .caidanbox, .footernav {

        display: block !important;

    }

    /* 头部 */

    body .header {

        position: fixed !important;

        top: 0;

        left: 0;

        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);

    }

    body .header {

        height: 6.25rem;

    }

    body .banner {

        height: 25.75rem;

        margin-top: 6.25rem;

    }

    body .banner-ny {

        margin-top: 6.25rem;

        height: 16.75rem;

    }

    .header-l .logo {

        width: 60%

    }

    .caidanbox.on span:nth-of-type(1) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 13) rotate(45deg);

        transform: matrix(1, 0, 0, 1, 0, 13) rotate(45deg);

    }

    .caidanbox.on span:nth-of-type(3) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, -13) rotate(-45deg);

        transform: matrix(1, 0, 0, 1, 0, -13) rotate(-45deg);

    }

    /* 底部 */

    .footer {

        margin-bottom: 6.25rem;

    }

    /* 首页 */

    .zb .zbbox .shuzi {

        padding: 2.5rem 2.5rem;

    }

    .about .a-pic .a-picbox::after {

        opacity: .8;

        transform: scale(.9);

    }

    /* 产品详情 */

    .prxq .pr-l {

        width: 50%;

        height: 17rem;

    }

    .prxq .pr-r {

        width: 45%;

        margin-left: 5%;

        padding-top: .5rem;

    }

    .prxq .next, .prxq .prev {

        display: none;

    }

}

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

    .tit .tit-l {

        text-align: center;

    }

    .tit .tlt-r {

        display: none;

    }

    .header .nav-m a {

        line-height: 4rem;

    }

    /* 首页 */

    .cp .cpbox .item {

        width: 50%;

    }

    .cp .cpbox .item::after {

        width: 100%;

    }

    .about .aboutbox {

        flex-wrap: wrap;

        justify-content: flex-start;

    }

    .about .aboutbox .a-pic {

        width: 90%;

        height: 37.9375rem;

    }

    .about .aboutbox .a-pic .a-picyy {

        height: inherit;

    }

    .about .a-pic .a-picbox::after {

        opacity: .8;

        transform: scale(.9);

    }

    .about .aboutbox .a-r {

        width: 100%;

        padding-top: 8rem;

        margin-left: 0;

    }

    body .about {

        padding-bottom: 2rem;

    }

    .about .zb {

        top: 89%;

    }

    .zb .zbbox .shuzi {

        padding: 2.5rem 6rem;

    }

    body .news {

        margin: 15rem 0 5.25rem;

    }

    .news .newsbox .n-item {

        width: 100%;

    }

    .news .newsbox .n-item::after {

        width: 100%;

        opacity: 1;

    }

    .team .teambox .t-lbbox {

        flex-wrap: wrap;

        margin: 0 -1.25rem;

    }

    .team .teambox .item {

        width: 50%;

        padding: 1.25rem;

    }

    body .go-top .item {

        height: 4.5rem;

        width: 4.5rem;

    }

    body .go-top .iconfont {

        font-size: 2rem;

        line-height: 4.5rem;

    }

    /* 产品列表 */

    .nav-ny .nav-nybox ul li {

        margin: 0 2rem;
        width: 33.3%;
        text-align: center;

    }

    body .pages a {

        margin: 0 .8rem;

    }

    /* 产品详情 */

    .prxqbox {

        flex-wrap: wrap;

    }

    .prxq .pr-l {

        width: 100%;

        height: 26.5rem;

    }

    .prxq .pr-r {

        width: 100%;

        margin-left: 0;

        padding-top: 4rem;

    }

    /* 关于我们 */

    body .about img {

        max-width: 100%;

    }

    /* 灵感相册 */

    .photo .ph-lbbox .item {

        width: 50%;

    }

    /* 团队 */

    body .team .iteam {

        width: 50%;

    }

    /* 新闻 */

    body .news-ny {

        margin: 5rem 0 2.25rem;

    }

    body .nexq img {

        max-width: 100%;

    }

}

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

    .content {

        max-width: 100%;

        padding: 0 1rem;

    }

    body .go-top .item {

        width: 2.5rem;

        height: 2.5rem;

    }

    body .go-top .iconfont {

        line-height: 2.5rem;

        font-size: 1.5rem;

    }

    .footer {

        margin-bottom: 4.25rem;

    }

    .footer .footer-m {

        display: block;

        padding: .875rem 0;

    }

    .footer .footer-pc {

        display: none;

    }

    body .banner-ny {

        display: none;

    }

    /* body .nav-ny{display: none;} */

    body .nav-ny {

        margin-top: 6rem;

        border: none;

        height: auto;

    }

    body .pages {

        margin-bottom: 5.5rem;

    }

    .nav-nybox ul {

        flex-wrap: wrap;

        justify-content: flex-start;

        line-height: 0rem;

    }

    .nav-ny .nav-nybox ul li {

        margin: 0;

        padding: 1rem 1.1rem;

    }

    .nav-nybox ul li a.active::before {

        width: 0;

    }

    .header .header-l {

        height: 100%;

    }

    body .header {

        height: 4.25rem;

    }

    .header-l .logo {

        width: 80%;

    }

    .caidanbox span {

        height: .15rem;

    }

    .header .nav-m a {

        line-height: 3.5rem;

        font-size: .875rem;

    }

    .caidanbox.on span:nth-of-type(1) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 12) rotate(45deg);

        transform: matrix(1, 0, 0, 1, 0, 12) rotate(45deg);

    }

    .caidanbox.on span:nth-of-type(3) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, -12) rotate(-45deg);

        transform: matrix(1, 0, 0, 1, 0, -12) rotate(-45deg);

    }

    body .footernav {

        height: 4.25rem;

    }

    .footernav p {

        margin-top:.2rem;

        font-size: .75rem;

    }

    body .footernav .iconfont {

        font-size: 1.6rem;

    }

    body .banner {

        margin-top: 4.25rem;

    }

    .banner .swiper1 .swiper-slide .wenzi .yw {

        font-size: 1.8rem;

    }

    .banner .swiper1 .swiper-slide .wenzi p {

        font-size: 1.8rem;

    }

    body .product {

        margin-bottom: 2.5rem;

    }

    .product .cp .cpbox {

        margin: 0 -.625rem;

    }

    .product .cp .cpbox .item {

        padding: 0.625rem;

    }

    .product .cp .p-wenzi {

        padding: .5rem 0 0;

    }

    .cp .cpbox .item::after {

        width: 0;

    }

    body .about {

        padding-bottom: 9rem;

    }

    body .aboutbox {

        padding: 2rem 1rem 0;

    }

    .about .aboutbox .a-pic {

        height: 21.4rem;

    }

    .about .aboutbox .a-r {

        padding-top: 4rem;

    }

    .about .zb {

        padding: 1rem 0rem;

        width: 23.875rem;

    }

    .zb .zbbox .shuzi {

        padding: .75rem 2rem;

    }

    .zb .zbbox .num, .zb .zbbox h1 {

        font-size: 2.5rem;

    }

    body .news {

        margin: 11rem 0 3.25rem;

    }

    .news .newsbox .n-lbbox {

        margin: 0 -.625rem;

    }

    .news .newsbox .n-item {

        padding: .625rem;

    }

    .news .newsbox .n-lb {

        margin-top: .5rem;

    }

    .news .tit {

        margin-bottom: 0rem;

    }

    .newsbox .n-lb .n-ir {

        padding: 0 0 0 1rem;

    }

    .news .newsbox .n-item::after {

        margin-top: 1.5rem;

    }

    body .team .t-lb {

        margin: 0;

    }

    body .team .teambox .t-lbbox {

        margin: 0 -.625rem;

    }

    .team .teambox .item {

        padding: .625rem;

    }

    /* 产品 */

    .prxq .pr-l {

        height: 15rem;

    }

    .prxq .pr-r {

        padding-top: 2rem;

    }

    body .product-m {

        margin-top: 1rem;

    }

    body .prxq {

        margin-top: 1rem;

    }

    /* 关于我们 */

    body .about-m {

        margin-top: 1rem;

        padding-bottom: 2rem;

    }

    /* 团队 */

    body .team-m {

        margin-top: 6rem;

    }

    body .texq {

        margin-top: 6rem;

    }

    body .team .iteam {

        width: 100%;

    }

    .texqbox {

        flex-wrap: wrap;

    }

    .texqbox .texq-l {

        width: 100%;

    }

    .texqbox .texq-r {

        width: 100%;

    }

    body .texq {

        margin-bottom: 4rem;

    }

    /* 新闻 */

    body .news-ny {

        margin-top: 0;

    }

    body .nexq {

        margin: 0 0 1.5rem;

    }

    /* 联系我们 */

    body .contact-box {

        margin-top: 6rem;

        padding: 0 1rem;

    }

    body .map {

        padding: 2rem 1rem;

    }

    body .contact-box img {

        width: 30%;

    }

}

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

    body .header {

        height: 2.8125rem;

    }

    body .product {

        margin-bottom: 2rem;

    }

    .about .aboutbox .a-pic {

        height: 19.25rem;

    }

    .caidanbox span {

        width: 1.5rem;

    }

    .caidanbox span:not(:first-child) {

        margin-top: .4rem;

    }

    .caidanbox.on span:nth-of-type(1) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, 12) rotate(45deg);

        transform: matrix(1, 0, 0, 1, 0, 9) rotate(45deg);

    }

    .caidanbox.on span:nth-of-type(3) {

        -webkit-transform: matrix(1, 0, 0, 1, 0, -12) rotate(-45deg);

        transform: matrix(1, 0, 0, 1, 0, -9) rotate(-45deg);

    }

    body .banner {

        margin-top: 2.8125rem

    }

    body .nav-ny, body .team-m, body .contact-box {

        margin-top: 3.8125rem

    }

    .nav-ny .nav-nybox ul li {

        margin: 0;

        padding: 1.2rem 1.8rem;

    }

    .about .zb {

        width: 21.4375rem;

    }

    .zb .zbbox .shuzi {

        padding: .75rem 1.6rem;;

    }

    .banner .swiper1 .swiper-slide .wenzi .yw {

        font-size: 1.5rem;

    }

    .banner .swiper1 .swiper-slide .wenzi p {

        font-size: 1.5rem;

    }

    .banner .swiper1 .swiper-pagination {

        bottom: 1rem !important;

    }

    .banner .swiper1 .swiper-pagination-bullet {

        height: .125rem;

        width: 1rem;

    }

    body .banner {

        height: 18.75rem;

    }

    body .footernav {

        height: 3.125rem;

    }

    .footer {

        margin-bottom: 3.125rem;

    }

    body .pages {

        margin-bottom: 4.5rem;

    }

    body .footernav .iconfont {

        font-size: 1.4rem;

    }

    .footernav p {

        margin-top: 0;

    }

    .prxq .pr-l {

        height: 13.5rem;

    }

    body #map {

        height: 18.75rem;

    }

}

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

    body .banner {

        height: 15rem

    }

    .about .aboutbox .a-pic {

        height: 16.1875rem;

    }

    .zb .zbbox .shuzi {

        padding: .75rem 1rem;

    }

    .about .zb {

        width: 18rem

    }

    .prxq .pr-l {

        height: 11.4rem;

    }

}