@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 .crt_time{margin-bottom: 0.2rem;color: #cccccc;text-align: center;}
.about .desc{text-indent: 0.3rem;margin-bottom: 0.2rem;}
.about .tags{width: 100%;height: 1rem;display: inline-flex;margin-top: 0.3rem;}
.about .tags .tagitem{width: calc(24% - 0.2rem);height: 0.6rem;background-color: blue;color: #ffffff;margin-right: 1%;text-align: center;padding: 0.2rem;}
.about .tags .tagitem:nth-child(1){background-color: #0A79CE;line-height: 0.6rem;}
.about .tags .tagitem:nth-child(2){background-color: #086FBD;line-height: 0.6rem;}
.about .tags .tagitem:nth-child(3){
    background-color: #065DAE;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break:break-all;word-wrap: break-word;
    padding: 0.3rem 0.2rem;
    height: 0.4rem;
    line-height: 0.2rem;
}
.about .tags .tagitem:nth-child(4){
    background-color: #0649A3;
    margin-right: 0;
    overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break:break-all;word-wrap: break-word;
    padding: 0.3rem 0.2rem;
    height: 0.4rem;
}
.about .btn{display: block;width: 1.5rem;height: 0.33rem;text-align: center;line-height: 0.33rem;color: #fff;margin: auto;margin-bottom: 0.25rem;margin-top: 0.4rem;border: 1px solid #0a79ce;color: #0a79ce;font-size: 0.13rem;text-decoration: none;clear: left;}
@media screen and (max-width: 1200px) {
    .products{
        width: 100%;
        height: 8.5rem;
    }
    .about{
        height: 7rem;
    }
    .products .about,.products h3{
        width: 90%;
        margin-left: 5%;
    }
    .about .tags .tagitem,.about .tags .tagitem:nth-child(1),.about .tags .tagitem:nth-child(2),.about .tags .tagitem:nth-child(3),.about .tags .tagitem:nth-child(4){
        overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;word-break:break-all;word-wrap: break-word;
        padding: 0.1rem 0.2rem;
        height: 0.8rem;
        line-height: 133%;
        -webkit-line-clamp: 3;
    }
    .about .btn{
        width: 2rem;
    }
}