body{background:#f7f7f7}.D0{padding:0 0 5rem 0}.D0 .box{margin:0 4%;padding:3rem 0;display:flex;justify-content:space-between}@media(max-width: 768px){.D0 .box{padding:0 0 3rem 0;flex-direction:column}}.D0 .box .l{width:20%}@media(max-width: 768px){.D0 .box .l{width:100%;margin:0 0 2rem 0}}.D0 .box .l .type{width:100%}.D0 .box .l .type a{display:block}.D0 .box .l .type a .name{font-size:1.5rem;font-weight:600;color:#222}.D0 .box .l .type a .ms{color:#666;padding:.5rem 0 0 0;line-height:1.4}.D0 .box .r{width:73%}@media(max-width: 768px){.D0 .box .r{width:100%}}.D0 .box .r .product{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.D0 .box .r .product{grid-template-columns:repeat(1, 1fr);grid-template-rows:repeat(1, 1fr)}}.D0 .box .r .product a{width:100%;display:inline-flex;flex-direction:column}@media(max-width: 768px){.D0 .box .r .product a{width:100%}}.D0 .box .r .product a .pic{background:#fff}.D0 .box .r .product a .pic img{width:100%;height:45vh;-o-object-fit:contain;object-fit:contain}@media(max-width: 990px){.D0 .box .r .product a .pic img{height:35vh}}.D0 .box .r .product a .ccc{background:linear-gradient(180deg, rgb(241, 245, 248) 0%, rgb(255, 255, 255) 100%);padding:2rem}@media(max-width: 768px){.D0 .box .r .product a .ccc{padding:1.2rem}}.D0 .box .r .product a .ccc .name{font-size:1.1rem;font-weight:500;color:#222}.D0 .box .r .product a .ccc .ms{margin:.5rem 0 0 0;color:#888;line-height:1.5;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.D0 .box .r .product a .ccc .more{margin:2rem 0 0 0}.D0 .box .r .product a .ccc .more span{color:#aaa}.D0 .box .r .product a:hover{box-shadow:0 0 10px rgba(0,0,0,.11)}.D0 .box .r .product a:hover .ccc{background:#fff}.D0 .box .r .application .hhh{font-size:1.98rem;padding:4rem 0 0 0}.D0 .box .r .application .list{padding:1.4rem 0 0 0;display:flex;flex-wrap:wrap;gap:1rem 1.6%}@media(max-width: 768px){.D0 .box .r .application .list{gap:1rem 3%}}.D0 .box .r .application .list li{background:#fff;border-radius:7px;overflow:hidden;width:23.8%;box-sizing:border-box;padding:2rem;text-align:center;border:1px solid #fff}@media(max-width: 768px){.D0 .box .r .application .list li{width:48.5%}}.D0 .box .r .application .list li:hover{border:1px solid #063c7f;box-shadow:0 0 10px rgba(0,0,0,.11)}.D0 .box .r .application .list li .icon img{width:40%}.D0 .box .r .application .list li .text{padding:.6rem 0 0 0;font-size:1.1rem}