@import url("header.css");
@import url("banner.css");
@import url("footer.css");
.peproducts{width: 100%;height: 4.66rem;}
.peproducts h2,.peproducts h3{display: block;color: #000000;font-size: 0.36rem;font-weight: 900;text-align: center;height: auto;width: 100%;text-align: center;padding: 0;margin: 0;padding-top: 0.4rem;}
.peproducts h3{font-size: 0.3rem;padding-top: 0rem;}
.peproducts .light{width: 10rem;height: 4.66rem;margin: 0.2rem auto;display: block;font-size: 0.16rem;}
.peproducts .light .lightitem{width: 100%;height: 2.33rem;margin-right:0;margin-bottom: 0;display: flex;}
.peproducts .light .lightitem img{width: 50%;display: block;}
.peproducts .light .lightitem>div{width: 50%;height: 2.5rem;text-align: center;}
.light .lightitem>div .name{height: 0.4rem;line-height: 0.4rem;font-size: 0.36rem;font-weight: 900;margin-top: 0.8rem;text-indent: 0.3rem;}
.light .lightitem>div .name96{width: 25%;margin: 0 auto;margin-top: 0.6rem;}
.light .lightitem>div .desc{margin-top: 0.1rem;color: #777777;}
.light .lightitem>div .desc.desc96{margin-top: -0.5rem;margin-left: -1.3rem;}
.part2{height: 5.83rem;background-image: url(/static/img/images-zh/person/zu181.png);background-position: center;background-size: cover;background-repeat: no-repeat;}
.part2 .light{height: 5.83rem;}
.part2 .light h2{text-align: left;padding-top: 15%;}
.part2 .light .desc{margin-top: 0.1rem;width: 50%;color: #666666;line-height: 150%}
.part2 .light .tags{width: 50%;display: flex;}
.part2 .light .tags .tag{margin-right: 0.02rem;text-align: center;margin-top: 0.1rem;}
.part2 .light .tags .tag img{width: 80%;}
.part2 .light .tags .tag .name{color: #777777;}
.part3{height: 4.6rem;}
.part3 .light{margin: 0 auto;position: relative;text-align: left;text-indent: 50%;}
.part3 .light h2{text-align: left;padding-top: 10%;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;}
.part3 .light h3{text-align: left;margin-top: 0.15rem;}
.part3 .light .desc{margin-top: 0.1rem;color: #777777;text-indent: 0;padding-left: 50%;}
.part3 .light .tags{width: 40%;margin-left: 50%;display: flex;height: 1.2rem;margin-top: 0.2rem;}
.part3 .light .tags .tag{width: 33%;margin-right: 0.02rem;text-align: center;margin-top: 0.1rem;display: inline-block;}
.part3 .light .tags .tag img{width: 90%;display: block;}
.part3 .light .tags .tag .name{color: #777777;width: 1.2rem;text-align: center;text-indent: 0;margin-top: 0.05rem;}
.part3 .light .partlogo{position: absolute;width: 3.6rem;left: 0;top: -1.2rem;}
.part3 .light .logoname{position: absolute;width: 1.5rem;text-indent: 0;left: 1.4rem;top: 2.2rem;}
.part4{height: 5rem;background-image: url(/static/img/images-zh/person/bj02.png);background-size: auto 100%;background-position: center;}
.part4 .light{margin: 0 auto;position: relative;text-align: left;text-indent: 0;}
.part4 .light h2{text-align: left;padding-top: 10%;}
.part4 .light h3{text-align: left;margin-top: 0.15rem;}
.part4 .light .tags{ width: 40%;display: flex;height: 0.8rem;margin-top: 0.2rem;border-top: 0.02rem solid #000000;border-bottom: 0.02rem solid #000000;}
.part4 .light .tags .tag{width: 33%;margin-right: 0.02rem;text-align: center;margin-top: 0.1rem;display: inline-flex;}
.part4 .light .tags .tag .name{color: #777777;width: 1.2rem;text-align: center;text-indent: 0;margin-top: 0.05rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break:break-all;word-wrap: break-word;}
.part4 .light .tags .tag .line{width: 1px;height: 0.4rem;border-left: 0.02rem solid #000000;margin: 0 0.1rem;margin-top: 0.1rem;}
.part4 .light .tags .tag:nth-child(3)>.line{display: none;}
.part5{height: 4.2rem;}
.part5 .light{margin: 0 auto;position: relative;text-align: left;text-indent: 0;}
.part5 .light h2{text-align: left;padding-top: 6%;}
.part5 .light .tags{width: 100%;display: flex;height: 0.8rem;margin-top: 0.2rem;}
.part5 .light .tags .tag{width: 33.33%;margin-right: 0.02rem;text-align: center;margin-top: 0.1rem;display: block;text-align: center;}
.part5 .light .tags .tag img{width: calc(100% - 0.1rem);margin-right: 0.1rem;}
.part5 .light .tags .tag .name{color: #000000;width: 100%;text-align: left;text-indent: 0;margin-top: 0.05rem;font-size: 0.18rem;}
.part5 .light .tags .tag .desc{color: #777777;width: 100%;text-align: left;text-indent: 0;margin-top: 0.05rem;;font-size: 0.14rem;}
@media screen and (max-width: 1200px) {
    .peproducts .light{
        width: 100%;
    }
    .light .lightitem>div .name{
        margin-top: 0.2rem;
        height: auto;
        line-height: 130%;
    }
    .light .lightitem>div .name96{
        margin-left: 50%;
    }
    .part2 .light,.part4 .light{
        width: calc(100% - 0.3rem);
        padding-left: 0.3rem;
    }
    .part2 .light .desc{
        width: 70%;
    }
    .part2 .light .tags{
        width: 70%;
    }
    .part2 .light .tags .tag{
        width: 16.66%;
        display: block;
    }
    .part2 .light .tags .tag img {
        width: 80%;
    }
    .part2 .light .tags .tag .name{
        overflow: hidden;
    }
    .part3{
        height: 5.5rem;
    }
    .part3 h3,.part3 .light .tags .tag .name{
        display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break:break-all;word-wrap: break-word;overflow: hidden;}
    
    .part5{
        height: 5rem;
    }
    .part5 .light{
        width: calc(100% - 0.1rem);
        padding-left: 0.1rem;
    }
    
}