.hhh_s0{position:relative}.hhh_s0 h3{font-size:calc(1.4rem + 1.4vw);color:#054aa9;font-weight:bold;line-height:1.5;position:relative;z-index:10}.hhh_s0 .en{position:absolute;left:0;top:50%;z-index:1;transform:translateY(-50%);font-size:calc(2.3rem + 2.3vw);font-weight:bold;color:#054aa9;text-transform:uppercase;opacity:.12;line-height:1}.hhh_s1 .zh,.D0 .DEFS .hhh .zh{font-weight:bold;text-align:center;font-size:calc(1.4rem + 1.4vw);color:#054aa9}.diy_button0,.DX .DEFS .r .quire a{padding:.7rem 2rem;background:#054aa9;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover,.DX .DEFS .r .quire a:hover{background:#222;color:#fff}.diy_button1{padding:.7rem 2rem;background:#aaa;color:#fff;border-radius:7px;display:inline-flex;position:relative;overflow:hidden;z-index:1}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#054aa9;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}.D0{margin:calc(3rem + 3vw) 0}.D0 .DEFS .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:calc(1rem + 1vw);margin:calc(2rem + 2vw) 0 0 0}@media(max-width: 768px){.D0 .DEFS .list{grid-template-columns:repeat(1, 1fr)}}.D0 .DEFS .list .item a{background:#fff;display:flex;height:100%;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,.1)}.D0 .DEFS .list .item a .fm{height:calc(10rem + 10vw)}.D0 .DEFS .list .item a .fm img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.D0 .DEFS .list .item a .info{padding:2rem;display:flex;height:100%;flex-direction:column}.D0 .DEFS .list .item a .info .title{font-size:1.4rem;color:#054aa9}.D0 .DEFS .list .item a .info .ms{line-height:1.7;color:#555;font-size:1.1rem;margin:1rem 0 0 0}@media(max-width: 768px){.D0 .DEFS .list .item a .info .ms{font-size:1rem}}.D0 .DEFS .list .item a .info .more{margin:auto 0 0 0;padding:2rem 0 0 0;color:#054aa9;font-size:1.2rem}@media(max-width: 768px){.D0 .DEFS .list .item a .info .more{font-size:1rem}}.DX{margin:calc(3rem + 3vw) 0}.DX .DEFS{display:flex;justify-content:space-between;gap:calc(2rem + 2vw)}@media(max-width: 768px){.DX .DEFS{flex-direction:column;gap:calc(1rem + 1vw)}}.DX .DEFS .l{width:45%}@media(max-width: 768px){.DX .DEFS .l{width:100%}}.DX .DEFS .l .zoom .swiper{width:100%;height:calc(14rem + 14vw);border:1px solid #ddd;box-sizing:border-box}.DX .DEFS .l .zoom .swiper-slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:scale(0.98)}.DX .DEFS .l .smp{margin:1rem 0 0 0;display:flex;justify-content:space-between;align-items:stretch}.DX .DEFS .l .smp .lll,.DX .DEFS .l .smp .rrr{width:2rem;height:auto;display:flex;justify-content:center;align-items:center;background:#ddd;cursor:pointer}.DX .DEFS .l .smp .lll::after,.DX .DEFS .l .smp .rrr::after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' fill='%23777777' /%3E%3C/svg%3E") center no-repeat;background-size:contain;width:100%;height:100%;transform:scale(0.5);display:inline-flex}.DX .DEFS .l .smp .lll:hover,.DX .DEFS .l .smp .rrr:hover{opacity:.8}.DX .DEFS .l .smp .rrr{transform:scale(-1)}.DX .DEFS .l .smp .swiper{width:calc(100% - 6rem);height:calc(3rem + 3vw)}.DX .DEFS .l .smp .swiper-slide{box-sizing:border-box;border:2px solid #fff;opacity:.6}.DX .DEFS .l .smp .swiper-slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.DX .DEFS .l .smp .swiper-slide-thumb-active{opacity:1;border:2px solid #e67817}.DX .DEFS .r{flex:1}.DX .DEFS .r h1{font-size:2.1rem;color:#054aa9}@media(max-width: 768px){.DX .DEFS .r h1{font-size:1.8rem}}.DX .DEFS .r .ms{color:#555;line-height:1.7;font-size:1.1rem;margin:1rem 0 0 0}.DX .DEFS .r .quire{margin:calc(1rem + 1vw) 0 0 0}.DXX{margin:calc(3rem + 3vw) 0}.DXX .DEFS{border-bottom:1px solid #ddd}.DXX .DEFS .c .tab{border-bottom:1px solid #ddd;height:2.3rem;display:flex;position:relative}.DXX .DEFS .c .tab a{font-size:1.2rem;padding:0 .5rem;border-bottom:3px solid #ddd;transform:translateY(2px);position:relative;z-index:1}.DXX .DEFS .c .tab a.active{color:#054aa9;border-color:#054aa9}.DXX .DEFS .c .tab::after{content:"";width:200%;height:1px;overflow:hidden;background:#ddd;position:absolute;bottom:-1px;left:-50%}.DXX .DEFS .c .ccc{margin:calc(1rem + 1vw) 0 calc(1rem + 1vw) 0}.DXX .DEFS .c .ccc .tc0 p{font-size:1.2rem;line-height:1.8}