@import url("header.css");
@import url("banner.css");
@import url("footer.css");
@import url("whychoose.css");
@import url("admin.css");
@import url("modsdk.css");
@import url("question.css");
.content h2,.content h3{display: block;color: rgb(27, 166, 151);font-size: 0.33rem;font-weight: 900;text-align: center;height: auto;width: 100%;text-align: center;padding: 0;margin: 0;padding-top: 0.5rem;}
.content h3{font-size: 0.15rem;padding-top: 0.2rem;font-weight: 300;color: #000000;}

.skin{width: 100%; height: 9rem;font-size: 0.12rem;}
.skin .lights{width: 10rem; height: 6.4rem;display: block;margin: 0 auto;text-align: center;margin-top: 0.4rem;}
.skin .lights .lightitem{width: calc(25% - 0.22rem);display: inline-block;height: 3.2rem;float: left;border: 1px solid #cccccc;margin-left: 0.266rem;margin-bottom: 0.2rem;overflow: hidden;}
.skin .lights .lightitem:nth-child(1),.skin .lights .lightitem:nth-child(5){
    margin-left: 0;
}
.skin .lights .lightitem img{width: 100%;}
.skin .lights .lightitem .name{margin-top: 0.05rem;font-size: 0.14rem;font-weight: bold;}
.skin .lights .lightitem .desc{
    padding: 0 0.1rem;line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


@media screen and (max-width: 1200px) {
    .skin .lights .lightitem{width: calc(25% - 0.23rem);}
    .skin .lights .lightitem .desc{
        -webkit-line-clamp: 2;
    }
    .cefu{height: 3.26rem;}
    .cefu .cefulist{width: 100%;height: 3.2rem;}
    .cefu .cefulist .cefunav{width: 100%;height: 0.8rem;}
    .cefu .cefulist .cefunav .navitem{height: 0.8rem;}
    .cefu .cefulist .cefunav .navitem .name{display: none;}
    .cefu .cefulist .cefunav .navitem .line{display: none;}
    .cefu .cefulist .picslist{height: 1.8rem;width: 100%;margin-left: 0;}
    .cefu .cefulist .picslist .cfcontent{height: 1.8rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem{height: 0.9rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem .name{display: none;}
    .cefu .cefulist .picslist .cfcontent .cfitemimg{width: 95%;}
    
    .skin{
        height: 13.4rem;
    }
    .skingreen .choosebtn{
        width: 60%;
    }
    .skin .lights{
        width: 100%;
    }
    .skin .lights .lightitem{
        width: calc(33% - 0.23rem);
    }
    
    .skin .lights .lightitem:nth-child(1),.skin .lights .lightitem:nth-child(4),.skin .lights .lightitem:nth-child(7){
        margin-left: 0.05rem;
    }
    .skin .lights .lightitem:nth-child(5){
        margin-left: 0.266rem;
    }
}