@import url("header.css");
@import url("banner.css");
@import url("footer.css");
@import url("whychoose.css");
@import url("modsdk.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: 7.5rem;font-size: 0.12rem;}
.products .dfimage{text-align: center;width: 100%;height: auto;margin: 0.3rem 0 0;}
.products .dfimage img{margin: 0 0.1rem;}
.products .lights{width: 10rem; height: 3.5rem;display: block;margin: 0 auto;text-align: center;margin-top: 0.4rem;}
.products .lights .lightitem{width: 2.4rem;display: inline-block;height: 1.7rem;margin-right: 0.13rem;margin-bottom: 0.1rem;float: left;}
.products .lights .lightitem img{width: 100%;display: block;}
.products .lights .lightitem .name{height: 0.3rem;line-height: 0.3rem;font-size: 0.14rem;font-weight: 300;}
.products .lights .lightitem:nth-child(4),.products .lights .lightitem:nth-child(8){margin-right: 0;}
.productsnew{height: 9rem;}
.productsnew .lights{height: 1.7rem;}
.productsnew .lightsnew{margin-top: 0.1rem;height: 2.5rem;}
.productsnew .lightsnew .lightitem{width: 100%;height: 2.5rem;margin-right:0;margin-bottom: 0;display: flex;}
.productsnew .lightsnew .lightitem img{width: 50%;display: block;}
.productsnew .lightsnew .lightitem>div{width: 50%;height: 2.5rem;text-align: left;}
.productsnew .lightsnew .lightitem>div .name{
    height: 0.3rem;line-height: 0.3rem;font-size: 0.18rem;font-weight: 300;margin-top: 0.3rem;text-indent: 0.3rem;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;
}
.productsnew .lightsnew .lightitem>div ul{margin: 0.1rem 0.45rem;color: #777777;}
.productsnew .lightsnew .lightitem>div ul li{
padding: 0;text-align: left;line-height: 150%;font-size: 0.14rem;
overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;
}

@media screen and (max-width: 1200px) {
    .products{
        height: 13.5rem;
    }
    .products .lights{
        width: 100%;
    }
    .products .lights .lightitem{
        width: calc(25% - 0.13rem);
    }
    .productsnew .lightsnew .lightitem{
        width: 100%;
    }
    .productsnew{
        height: 9.5rem;
    }
}