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

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: #424542;
            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 .m-search {
    display: block;
    margin: 0 10px;
}

    header .m-search a {
        display: block;
        padding: 8px;
    }

    header .m-search .weui-icon-search {
        font-size: 24px;
        line-height: 1;
        color: #424542;
    }

header .logo img {
    height: 0.54rem;
}

.container {
    min-height: calc(100vh - 105px - 48px);
    overflow: hidden;
}

.technology {
    background: #fff;
    padding: 0.7rem 0;
}

    .technology .title {
        color: #666;
        text-transform: uppercase;
        text-align: center;
        padding-bottom: 0.4rem;
    }

        .technology .title h2 {
            font-size: 0.4rem;
            color: #000;
            font-weight: 400;
        }

            .technology .title h2 b {
                font-size: 0.65rem;
                color: #f10110;
                font-weight: bold;
            }

        .technology .title p {
            color: #666;
            font-size: 0.185rem;
            padding-top: 0.1rem;
        }

    .technology .weui-grids h2 {
        font-weight: bold;
        color: #d2d2d2;
        text-align: center;
        font-size: 0.45rem;
    }

    .technology .weui-grids h3 {
        color: #333333;
        font-size: 0.35rem;
        text-align: center;
        padding: 0.2rem 0;
        font-weight: bold;
    }

    .technology .weui-grids p {
        color: #666;
        font-size: 0.18rem;
    }
.productcate {
    background: url(../images/catebg.jpg) no-repeat;
    min-height: 9.74rem;
    padding: 0.7rem 0;
}

    .productcate .title {
        padding-bottom: 0.4rem;
    }

        .productcate .title h2 {
            color: #fff;
            text-align: center;
            font-size: 0.4rem;
            font-weight: bold;
        }

        .productcate .title p {
            color: #fff;
            font-size: 0.2rem;
            text-align: center;
            padding-top: 0.2rem;
        }

    .productcate ul {
        margin: 0 0.15rem;
        background: #fff;
        border-radius: 5px;
        padding: 0.15rem 0;
    }

    .productcate .more {
        text-transform: uppercase;
        color: #fff;
        margin-top: 0.25rem;
        padding: 0.15rem 0.3rem;
        font-size: 0.2rem;
        background: rgba(251, 233, 21, 0.65);
        display: inline-block;
        text-align: center;
    }

    .productcate ul li {
        position: relative;
        padding: 0.2rem .3rem;
        border-radius: 5px;
    }

    .productcate ul img {
        border-radius: 5px;
    }

    .productcate .info {
        position: absolute;
        top: 0.3rem;
        left: 0.5rem;
        text-align: right;
    }

    .productcate ul li:nth-child(2n) .info {
        left: auto;
        right: 0.5rem;
    }

    .productcate .info h2 {
        font-size: 0.4rem;
        font-weight: bold;
        color: #fff;
        position: relative;
        padding-top: 1.1rem;
    }
.i-about {
    padding: 0.7rem 0 0.5rem 0.2rem;
    background: #fff;
}

    .i-about .title {
        position: relative;
        text-align: center;
        font-size: 0.35rem;
        color: #000;
        font-weight: bold;
        padding-bottom: 0.4rem;
    }

    .i-about .img {
        padding-left: 0.2rem;
        padding-top: 0.4rem;
    }

    .i-about .des {
        font-size: 0.24rem;
        color: #666666;
        line-height: 0.45rem;
        padding-right: 0.2rem;
        text-align: center;
    }

    .i-about .more {
        text-align: center;
        padding: 0.3rem 0;
    }

        .i-about .more a {
            display: inline-block;
            background: #fbe915;
            width: 2.38rem;
            height: 0.60rem;
            line-height: 0.60rem;
            text-align: center;
            color: #000;
            font-size: 0.24rem;
            text-transform: uppercase;
        }
    .youshi{background: url(../images/youshi.jpg) no-repeat;height: 6.66rem;position: relative;}
    .youshi .title{text-align: center;color: #fff;padding-top: 0.6rem;padding-bottom: 0.4rem;}
    .youshi .title h2{font-size: 0.35rem;font-weight: bold;}
    .youshi .title h2 b{color: #fbe915;font-size: 0.65rem;}
    .youshi .title p{padding-top: 0.1rem;font-size: 0.2rem;}
    .youshi img{height: 0.36rem;}
    .youshi img.jia{height: 0.42rem;}
    .youshi .one p{color: #fff;font-size: 0.3rem;padding: 0.4rem 0;text-align: center;}
    .youshi .one p span{width: 0.35rem;display: inline-block;}
    .youshi .swiper-slide{width: 1.53rem;height: 3.96rem;text-align: center;padding: 0.5rem 0;border-right:1px solid #fff;}
    .youshi-box{background:rgba(0, 0, 0, 0.6);margin: 0 0.69rem;height: 3.96rem;position: relative;}
    .youshi .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;}
    .youshi .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;}
    
    .i-news{background: #fff;padding: 0.65rem 0;}
    .i-news .title{padding-bottom:0.3rem;}
    .i-news .title h2{text-align: center;font-size: 0.35rem;font-weight: bold;color: #000;}
    .i-news  a p{color:#666;}
    .i-news .title p{text-align: center;color: #666;font-size: 0.2rem;padding-top: 0.1rem;}
    .i-news .news-box{box-shadow:0 0 15px rgba(0,0,0,0.2);padding-bottom:0.5rem;border-radius: 5px;margin: 0 0.2rem;}

    .i-news .info{padding: 0 0.3rem;}
    .i-news .news-box h2{color: #333;font-size: 0.32rem;padding-top: 0.3rem;}
    .i-news .news-box .time{color: #c9c9c9;font-size: 0.22rem;padding: 0.2rem 0;}
    .i-news .news-box span{color: #999;font-size: 0.26rem;text-transform: uppercase;padding-top: 0.4rem;display: inline-block;}

    .i-news .more {text-align: center;padding: 0.3rem 0;}
    .i-news .more a{display: inline-block;background: #fbe915;width: 2.38rem;height: 0.60rem;line-height: 0.60rem;text-align: center;color: #000;font-size: 0.24rem;text-transform: uppercase;}

    .contact{background: url(../images/footer.jpg) no-repeat;height: 4.08rem;}
    .contact .title{padding-top: 1rem;position: relative;padding-bottom: 0.5rem;}
    .contact .title h2{text-align: center;font-size: 0.35rem;font-weight: bold; text-transform: uppercase;color: #fbe915;}
    .contact .title i{position: absolute;background: #fff;width: 0.5rem;height: 4px;bottom: .2rem;left: 50%;margin-left: -0.25rem;}
    .contact p{color: #fff;text-align: center;font-size: 0.24rem;padding: 0.1rem 0;}
    .copyright{padding: 0.35rem 0;color: #666;text-align: center;}