@import url("header.css");
@import url("banner.css");
@import url("footer.css");

.products{width: 8rem; height: auto;font-size: 0.12rem;;text-align: center;margin-bottom: 0.5rem;margin: 0 auto;text-align: justify;}
.products h2{margin-top: 0.5rem;text-align: center;}
.products h3{font-size: 0.15rem;padding-top: 0rem;font-weight: 300;text-align: center;}
.products .about{width: 6.5rem;height: auto;display: block;margin: 0 auto;text-align: left;line-height: 150%;font-size: 0.14rem;margin-bottom: 0.5rem;}
.products .about .desc{text-indent: 0.3rem;margin-bottom: 0.2rem;}
.products .about .tags{width: 100%;height: 1rem;display: inline-flex;margin: 0 auto;margin-top: 0.3rem;}
.products .about .tags .tagitem{height: 0.6rem;color: #ffffff;margin-right: 1%;text-align: center;color: #777777;font-size: 0.12rem;width: 1rem;}
.products .about .tags .tagitem img{width: 0.4rem;height: 0.4rem;display: block;margin: 0 auto;}
.products .about .tags .tagitem .name{margin-top: 0.05rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break:break-all;word-wrap: break-word;}
.products .about .zhaomu{width: 100%;height: 2rem;background-image: url(/static/img/images-zh/about/box.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.products .about .zhaomu .name{text-align: center;font-size: 0.16rem;font-weight: 700;padding-top: 0.3rem;}
.products .about .zhaomu .desc{width: 80%;padding-left: 10%;margin-top: 0.1rem;line-height: 170%;}
.products .about .btn{display: block;width: 1rem;height: 0.3rem;text-align: center;line-height: 0.3rem;color: #fff;margin: auto;margin-bottom: 0.25rem;margin-top: 0rem;background-color: #0a79ce;font-size: 0.13rem;text-decoration: none;clear: left;}
@media screen and (max-width: 1200px) {
    .products{
        width: 100%;
    }
    .products .about .tags{
        height: 1.5rem;
    }
    .products .about .zhaomu{
        height: 4.5rem;
        background-size: 100% 100%;
    }
    .products .about .zhaomu .name{
        padding-top: 0.8rem;
    }
    .products .about .btn{
        width: 2rem;
        height: 0.45rem;
        line-height: 0.45rem;
    }
}