header .header {
    display: block;
    width: 100%;
    background-color: #212121;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    line-height: 0;
    height: 1.1rem;
    line-height: 1.1rem;
}

header .m-btn {
    display: block;
    margin: 0 10px;
    width: 38px;
    height: 28px;
    padding: 5px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    header .m-btn .box {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

        header .m-btn .box .line {
            display: block;
            width: 100%;
            height: 2px;
            background-color: #fff;
            position: absolute;
            left: 0;
        }

        header .m-btn .box .line1 {
            top: 0;
        }

        header .m-btn .box .line2 {
            top: 8px;
        }

        header .m-btn .box .line3 {
            top: 16px;
        }

header .logo img {
    height: 0.73rem;
    margin: 0 10px;
}

.container {
    min-height: calc(100vh - 105px - 48px);
    overflow: hidden;
}
.test {
    background: url(../images/tbg.png);
    padding: 0.5rem 0.15rem;
}
.test li {
        width: 1.7rem;
        height: 1.7rem;
        float: left;
        padding: 0.05rem;
    }
      .brand{background: url(../images/bbg.png);padding: 0.5rem 0;}
      .brand .common-title h2{color: #fff;padding-bottom: 0.3rem;}
      .brand-box{margin: 0 0.69rem;position: relative;}
      .brand-box .one{margin:  0 0.1rem;width: 1.83rem;height: 1.37rem;background: #fff;}
      .brand-box .one img{width: 100%;}
      .brand .swiper-button-prev{width: 0.48rem;height: 0.9rem;background: url(../images/bl.png) no-repeat;background-size: 0.48rem auto;margin-top: -0.24rem;left: -0.5rem;}
      .brand .swiper-button-next{width: 0.48rem;height: 0.9rem;background: url(../images/br.png) no-repeat;background-size: 0.48rem auto;margin-top: -0.24rem;right: -0.5rem;}
      .i-about{background: #fff;padding: 0.5rem 0;}
      .i-about .des{font-size: 0.24rem;color: #666;padding: 0.3rem 0.2rem;line-height: 1.5;}
      .i-about .more{text-align: center;padding: 0.3rem 0;}
      .i-about .more a{display:inline-block;text-align: center;background: #000;color: #fff;line-height: 0.8rem;height: 0.8rem; width: 2rem;font-size: 0.32rem;}
      .certificate{background: #fff;padding: 0.5rem 0;}
      .certificate .common-title{padding-bottom: 0.3rem;}
      .certificate-box{margin: 0 0.69rem;position: relative;}
      .certificate .swiper-button-prev{width: 0.21rem;height: 0.36rem;background: url(../images/left.png) no-repeat;background-size: 0.21rem auto;margin-top: -0.18rem;left: -0.5rem;}
      .certificate .swiper-button-next{width: 0.21rem;height: 0.36rem;background: url(../images/right.png) no-repeat;background-size: 0.21rem auto;margin-top: -0.18rem;right: -0.5rem;}
      .swiper-pagination {display: block;margin-top: 0.3rem;position: relative; bottom: 0; line-height: 0.48rem;}
.swiper-pagination-bullet-active{background: #000;}
 .common-title {text-align: center;}
        .common-title h2{text-transform: uppercase; font-size: 0.4rem;font-weight: bold;color: #000;text-align: center;position: relative;display: inline-block;padding-bottom: 0.2rem;}
        .common-title p{text-align: center;font-size: 0.14rem;color: #a8a8a8;padding: 0.1rem 0;}
        .r-product{background: #fff;padding: 0.5rem 0.15rem;}
        #cppslistSwiper{padding: 0.2rem 0;}
        .r-product .product{width: 3.3rem;border: 1px solid #eeeeee;background: #fff;margin: 0.2rem 0.15rem;}
        .r-product .p_photo{ display:table; width:100%; height:2.96rem; overflow:hidden; position:relative; z-index:1;}
        .r-product .p_photo .cell{ display:table-cell; vertical-align:middle; text-align:center;}
        .r-product .p_photo img{ max-height:100%; -webkit-transition:.45s; transition:.45s}
        .r-product .info{background: #1c1c1c; position: relative;padding: 0.2rem;color: #fff;}
        .r-product .info span {display: inline-block;position: absolute; right: 0.1rem;top: 50%;margin-top: -0.14rem;width: 0.5rem;height: 0.28rem; line-height: 0.28rem;background: url(../images/pmore.png) no-repeat;background-size: 0.3rem auto;}

.r-product .info h2{font-size: 0.2rem;color: #fff;width: 2.18rem;padding: 0.1rem 0;}

.swiper-control {text-align: center;padding-top: 0.5rem;position: relative;width: 4.8rem;margin: 0 auto;z-index: 1;}
  
.swiper-control .prev:before{
        content: '';
        position: absolute;
        left: -1.1rem;
        top: .2rem;
        height: 1px;
        background: #171717;
        width: 1.1rem;
    }
    .swiper-control .prev{background: url(../images/pl.png) no-repeat; background-size: 0.4rem;margin-right: 0.2rem;width: .4rem;height: .4rem;display:inline-block;z-index: 2;cursor:pointer;position: relative;}
    .swiper-control .next{background: url(../images/pr.png) no-repeat;background-size: 0.4rem; width: 0.4rem;height: .4rem;display:inline-block;cursor:pointer;z-index: 2;position: relative;}
     
    .swiper-control .next:before{
        content: '';
        position: absolute;
        right:-1.1rem;
        top: 0.2rem;
        height: 1px;
        background: #171717;
        width: 1.1rem;
    }
  .news{margin-top: 0.1rem;padding: 0.6rem 0.15rem;background: #fff;}
  .news h2{font-size: 0.32rem;color: #000; margin: 0.15rem;}
  .news .des{font-size: 0.24rem;color: #666;margin: 0.15rem;}
  .news ul {display: flex;flex-wrap:wrap;}
  .news ul li {box-shadow:0 0 15px rgba(0,0,0,0.2);flex: 1;margin: 0 0.1rem;width: 0;}

  .news .more{text-align: center;margin-top: 0.6rem;}
  .news .more a{display:inline-block;text-align: center;background: #212121;color: #fff;line-height: 0.8rem;height: 0.8rem; width: 2rem;font-size: 0.28rem;}

    .hotline{
    background: #212121;
    padding: 0.6rem 0;
    text-align: center;
  }
  .hotline .icons{ background: url(../images/tel2.png) no-repeat center center;background-size: 0.5rem auto; padding-top: 1rem;text-transform: uppercase;text-align: center;font-size: 0.3rem;color: #fff;}
  .hotline .tel{text-align: center;color: #fff;font-weight: bold;font-size: 0.5rem;padding-top: 0.2rem;}