@media screen and (max-width: 1200px) {
    .serve-details li.category{
        height: 1000px;
    }
    .serve-details .category .category-details{
        width: 1000px;
    }
    .serve-details .category .category-details .category-title .fonts36{
        font-size: 40px;
    }
    .serve-details .category .category-details .category-title .msg{
        font-size: 26px;
    }
    .serve-details .category .category-details .category-title span{
        width: 60px;
        height: 60px;
        margin-top: 30px;
    }
    .serve-details .category .category-details .box{
        width: 500px;
        height: 245px;
    }
    .serve-details .category .category-details .box .pic{
        width: 250px;
        height: 245px;
    }
    .serve-details .category .category-details .box .pic a{
        width: 250px;
        height: 245px;
    }
    .serve-details .category .category-details .box .text{
        width: 250px;
        height: 245px;
        line-height: 245px;
        font-size: 26px;
    }
    .serve-details .category .category-details .box .text p{
        letter-spacing: 12px;
    }  
    .serve-details .category .category-details .box div.frame{
        width: 500px;
        height: 245px;
    }
    .serve-details .category .category-details .box div.frame div.rel{
        width: 500px;
        height: 245px;
    }
    .serve-details .category .category-details .box div.frame div .wireh4{
        width: 494px;
        height: 239px;
        border: 3px solid #7c38ff;
    }
    .serve-details .category .category-details .box .img{
        width: 500px;
        height: 245px;
    }
    .serve-details .category .category-details .box .img a{
        width: 500px;
        height: 245px;
    }
    .serve-details .category .category-details .tv .text{
        left: 250px;
    }
    .serve-details .category .category-details .bx{
        top: 245px; 
    }
    .serve-details .category .category-details .water{
        top: 245px;
    }
    .serve-details .category .category-details .cd{
        top: 490px;
    }
    .serve-details .category .category-details .xjd{
        top: 490px;
    }
    .serve-content .serve-box .tab-list ul li{
        font-size: 16px;
    }
}
@media screen and (max-width: 1000px) {
    .serve-details li.category{
        height: 800px;
    }
    .serve-details .category .category-details{
        width: 800px;
    }
    .serve-details .category .category-details .category-title .fonts36{
        font-size: 30px;
    }
    .serve-details .category .category-details .category-title .wire50{
        margin: 12px 0;
    }
    .serve-details .category .category-details .category-title .msg{
        font-size: 16px;
    }
    .serve-details .category .category-details .category-title span{
        width: 60px;
        height: 60px;
        margin-top: 30px;
    }
    .serve-details .category .category-details .box{
        width: 400px;
        height: 196px;
    }
    .serve-details .category .category-details .box .pic{
        width: 200px;
        height: 196px;
    }
    .serve-details .category .category-details .box .pic a{
        width: 200px;
        height: 196px;
    }
    .serve-details .category .category-details .box .text{
        width: 200px;
        height: 196px;
        line-height: 196px;
        font-size: 24px;
    }
    .serve-details .category .category-details .box .text p{
        letter-spacing: 6px;
    }  
    .serve-details .category .category-details .box div.frame{
        width: 400px;
        height: 196px;
    }
    .serve-details .category .category-details .box div.frame div.rel{
        width: 400px;
        height: 196px;
    }
    .serve-details .category .category-details .box div.frame div .wireh4{
        width: 396px;
        height: 192px;
        border: 2px solid #7c38ff;
    }
    .serve-details .category .category-details .box .img{
        width: 400px;
        height: 196px;
    }
    .serve-details .category .category-details .box .img a{
        width: 400px;
        height: 196px;
    }
    .serve-details .category .category-details .tv .text{
        left: 200px;
    }
    .serve-details .category .category-details .bx{
        top: 196px; 
    }
    .serve-details .category .category-details .water{
        top: 196px;
    }
    .serve-details .category .category-details .cd{
        top: 392px;
    }
    .serve-details .category .category-details .xjd{
        top: 392px;
    }
}