@import url("header.css");
@import url("banner.css");
@import url("demo.css");
@import url("partner.css");
@import url("footer.css");
@import url("whychoose.css");
@import url("admin.css");
@import url("modsdk.css");
@import url("online.css");
@import url("question.css");
.content h2,.content h3{display: block;color: #000000;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;}

.products{width: 100%; height: 6.1rem;font-size: 0.12rem;}
.productstype{height: 4.8rem;}
.products .lights{width: 10rem; height: 4rem;display: block;margin: 0 auto;text-align: center;margin-top: 0.4rem;}
.lights .lightitem{width: 15.8%;display: inline-block;height: 1.9rem;margin-right: 1%;margin-bottom: 0.1rem;float: left;}
.lights .lightitem img{width: 100%;display: block;}
.lights .lightitem .name{height: 0.3rem;line-height: 0.3rem;font-size: 0.14rem;font-weight: 300;}
.lights .lightitem .desc{height: 0.75rem;display: block;padding: 0 5%;margin-top: 0.05rem;font-size: 0.12rem;color: #777777;}
.lights .lightitem:nth-child(6),.lights .lightitem:nth-child(12){margin-right: 0;}
.lightstype{height: 3.05rem;}
.lightstype .lightitem{width: 2.4rem;height: 2.8rem;margin-right: 0.13rem;}
.lightstype .lightitem:nth-child(4){margin-right: 0;}

.data{width: 100%; height: auto;}
.datalist{width: 10rem; height: 4.2rem;display: flex;margin: 0 auto;text-align: center;margin-top: 0.4rem;border-bottom: 0.01rem solid #cccccc;}
.datalist .dataitem{
    width: 2.39rem;height: 3.75rem;display: inline-block;font-size: 0.12rem;background-position: center;margin-right: 0.14rem;background-size: cover;background-repeat: no-repeat;color: #ffffff;text-align: left;
}
.datalist .dataitem .name{font-size: 0.2rem;font-weight: 600;text-indent: 0.3rem;margin-top: 0.4rem;}
.datalist .dataitem .desc{font-size: 0.14rem;text-indent: 0.3rem;margin-top: 0.08rem;}
.datalist .dataitem:nth-child(4){margin-right: 0;}
.datalist .dataitem:nth-child(1) .name,
.datalist .dataitem:nth-child(3) .name{margin-top: 2.2rem;}
.datalist .dataitem:nth-child(1){
    background-image: url("/static/img/images-zh/mirror/fans1.jpg")
}
.datalist .dataitem:nth-child(2){
    background-image: url("/static/img/images-zh/mirror/fans2.jpg")
}
.datalist .dataitem:nth-child(3){
    background-image: url("/static/img/images-zh/mirror/fans3.jpg")
}
.datalist .dataitem:nth-child(4){
    background-image: url("/static/img/images-zh/mirror/fans4.jpg")
}

@media screen and (max-width: 1200px) {
    .products .lights{
        width: 100%;
    }
    .datalist{
        width: 100%;
    }
    .lightstype .lightitem{
        width: calc(25% - 0.13rem);
        height: 2.5rem;
    }
    .products .lights{
        height: 3.5rem;
    }
}