.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.BANNER{background:#eee}.BANNER .swiper-wrapper .swiper-slide{background:#fff}.BANNER .swiper-slide{position:relative}.BANNER .swiper-slide .pic{width:100%;height:100vh}.BANNER .swiper-slide .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.BANNER .swiper-slide .info{position:absolute;top:31%;left:0%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.BANNER .swiper-slide .info .ms{font-size:1.5rem;letter-spacing:.1rem;text-transform:uppercase;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.BANNER .swiper-slide .info .hhh{margin:calc(1rem + 1vw) 0 0 0;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);font-size:calc(4rem + 1.4vw);font-weight:bold}.BANNER .swiper-slide .info a{margin:calc(1rem + 1vw) 0 0 0;display:inline-block;padding:1rem calc(1rem + 1vw);background:#367ed4;border-radius:4px;color:#fff;font-size:1rem;letter-spacing:.1rem;font-weight:bold}.D0{padding:calc(5rem + 5vw) 0 calc(1rem + 1vw) 0;background-color:#fff;font-family:Arial,sans-serif}.D0 .title{font-size:64px;font-weight:700;color:#000;line-height:1.1;margin:0 0 48px 0;letter-spacing:-1px}.D0 .tabs{display:flex;flex-wrap:wrap;gap:16px}.D0 .tabs .tab{padding:14px 28px;background-color:#f5f5f5;color:#000;font-size:18px;font-weight:600;border:none;border-radius:40px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.D0 .tabs .tab:hover{background-color:#e0e0e0}.D0 .tabs .tab.active{background-color:#000;color:#fff}.D1{padding:0 0 calc(3rem + 3vw) 0}.D1 .list{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:4rem 0;margin:0 0 calc(2rem + 2vw) 0}.D1 .li_large{display:flex;align-items:center;gap:3rem;background-color:#fff;font-family:Arial,sans-serif;max-width:1440px;margin:0 auto;width:100%}.D1 .li_large .pic{flex:1;aspect-ratio:16/10;overflow:hidden;width:77%;border-radius:6px;overflow:hidden}.D1 .li_large .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.D1 .li_large .info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.D1 .li_large .info .tag{font-size:12px;font-weight:700;color:#367ed4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.D1 .li_large .info .title{font-size:32px;font-weight:700;color:#000;line-height:1.3;margin:0 0 24px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.D1 .li_large .info .text{font-size:1rem;line-height:1.5;color:#aaa;margin:0 0 32px 0}.D1 .li_large .info .link{display:inline-flex;align-items:center;gap:12px;color:#000;font-size:16px;font-weight:700;text-decoration:none;transition:color .3s ease}.D1 .li_large .info .link .line{width:24px;height:2px;background-color:#367ed4;transition:width .3s ease}.D1 .li_large .info .link:hover{color:#367ed4}.D1 .li_large .info .link:hover .line{width:40px}.D1 .li_small{width:32%;margin:0 2% 0 0;display:flex;flex-direction:column}.D1 .li_small:nth-child(3n of .li_small){margin:0 0 0 0}.D1 .li_small .pic{width:100%;aspect-ratio:4/3;overflow:hidden;margin-bottom:24px;border-radius:4px;overflow:hidden}.D1 .li_small .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.D1 .li_small:hover .pic img{transform:scale(1.05)}.D1 .li_small .tag{font-size:12px;display:block;font-weight:700;color:#367ed4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem}.D1 .li_small .title{font-size:22px;font-weight:700;color:#000;line-height:1.3;margin:0 0 16px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.D1 .li_small .text{font-size:16px;line-height:1.6;color:#666;margin:auto 0 0 0}.D1 .pagination .page-numbers{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:3rem 0 0 0;padding:0;list-style:none}.D1 .pagination .page-numbers li{margin:0;padding:0}.D1 .pagination .page-numbers a.page-numbers,.D1 .pagination .page-numbers span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:40px;padding:0 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #e0e0e0;border-radius:12rem;text-decoration:none;transition:all .2s ease}.D1 .pagination .page-numbers a.page-numbers:hover{color:#fff;background-color:#367ed4;border-color:#367ed4;transform:translateY(-1px)}.D1 .pagination .page-numbers span.page-numbers.current{color:#fff;background-color:#367ed4;border-color:#367ed4;font-weight:600;cursor:default}.D1 .pagination .page-numbers .prev,.D1 .pagination .page-numbers .next{padding:0 16px;font-weight:600}.D1 .no-data{padding:calc(2rem + 2vw) 0;color:#999}.D1 .pagination-info{font-size:13px;line-height:1.5;color:#999;margin:2rem 0 0 0;text-align:center}@media screen and (max-width: 1200px){.D0{padding:calc(3rem + 3vw) 20px calc(1rem + 1vw) 20px}.D0 .title{font-size:42px;margin-bottom:32px}.D0 .tabs{gap:12px}.D0 .tabs .tab{padding:10px 22px;font-size:16px}.D1{padding:0 20px calc(2rem + 2vw) 20px}.D1 .list{gap:3rem 0}.D1 .li_large{gap:2rem}.D1 .li_large .pic{width:100%;flex:1}.D1 .li_large .info .title{font-size:26px}.D1 .li_large .info .text{font-size:15px;margin-bottom:24px}.D1 .li_small{width:48%;margin:0 4% 0 0}.D1 .li_small:nth-child(3n of .li_small){margin:0 4% 0 0}.D1 .li_small:nth-child(2n of .li_small){margin:0 0 0 0}.D1 .li_small .title{font-size:20px}.D1 .li_small .text{font-size:15px}.D1 .pagination .page-numbers a.page-numbers,.D1 .pagination .page-numbers span.page-numbers{height:36px;padding:0 16px;font-size:13px}.D1 .pagination .page-numbers .prev,.D1 .pagination .page-numbers .next{padding:0 14px}}@media screen and (max-width: 992px){.BANNER .swiper-slide .pic{height:60vh}.BANNER .swiper-slide .info{top:35%}.BANNER .swiper-slide .info .ms{font-size:1.2rem}.BANNER .swiper-slide .info .hhh{font-size:calc(2.5rem + 1.2vw)}.BANNER .swiper-slide .info a{padding:.8rem calc(1rem + .8vw);font-size:.9rem}.D0{padding:calc(3rem + 3vw) 16px calc(1rem + 1vw) 16px}.D0 .title{font-size:34px;margin-bottom:24px}.D0 .tabs{gap:10px}.D0 .tabs .tab{padding:9px 20px;font-size:15px}.D1{padding:0 16px calc(2rem + 2vw) 16px}.D1 .list{gap:2.5rem 0}.D1 .li_large{flex-direction:column;gap:1.5rem}.D1 .li_large .pic{width:100%;flex:none}.D1 .li_large .info .tag{margin-bottom:12px}.D1 .li_large .info .title{font-size:22px;margin-bottom:16px}.D1 .li_large .info .text{font-size:14px;margin-bottom:20px}.D1 .li_large .info .link{font-size:14px}.D1 .li_small{width:100%;margin:0 0 2rem 0}.D1 .li_small:nth-child(3n of .li_small){margin:0 0 2rem 0}.D1 .li_small:nth-child(2n of .li_small){margin:0 0 2rem 0}.D1 .li_small:last-child{margin-bottom:0}.D1 .li_small .pic{margin-bottom:16px}.D1 .li_small .title{font-size:18px;margin-bottom:12px}.D1 .li_small .text{font-size:14px}.D1 .pagination .page-numbers{gap:6px;margin-top:2rem}.D1 .pagination .page-numbers a.page-numbers,.D1 .pagination .page-numbers span.page-numbers{height:34px;padding:0 14px;font-size:12px}.D1 .pagination .page-numbers .prev,.D1 .pagination .page-numbers .next{padding:0 12px}.D1 .no-data{padding:calc(1.5rem + 1.5vw) 0}.D1 .pagination-info{font-size:12px;margin-top:1.5rem}}@media screen and (max-width: 576px){.BANNER .swiper-slide .pic{height:50vh}.BANNER .swiper-slide .info{top:30%}.BANNER .swiper-slide .info .ms{font-size:1rem}.BANNER .swiper-slide .info .hhh{font-size:calc(1.8rem + 1vw);margin-top:.8rem}.BANNER .swiper-slide .info a{margin-top:.8rem;padding:.7rem 1.2rem;font-size:.85rem}.D0{padding:calc(2rem + 2vw) 12px calc(1rem + 1vw) 12px}.D0 .title{font-size:26px;margin-bottom:20px;letter-spacing:0}.D0 .tabs{gap:8px}.D0 .tabs .tab{padding:8px 16px;font-size:14px}.D1{padding:0 12px calc(1.5rem + 1.5vw) 12px}.D1 .li_large .info .tag{font-size:11px;margin-bottom:10px}.D1 .li_large .info .title{font-size:18px;margin-bottom:12px}.D1 .li_large .info .text{font-size:13px;margin-bottom:16px}.D1 .li_large .info .link{font-size:13px;gap:8px}.D1 .li_large .info .link .line{width:18px}.D1 .li_small{margin-bottom:1.5rem}.D1 .li_small .tag{font-size:11px;margin-bottom:.4rem}.D1 .li_small .title{font-size:16px;margin-bottom:10px}.D1 .li_small .text{font-size:13px}.D1 .pagination .page-numbers{gap:4px}.D1 .pagination .page-numbers a.page-numbers,.D1 .pagination .page-numbers span.page-numbers{height:30px;padding:0 10px;font-size:11px}.D1 .pagination .page-numbers .prev,.D1 .pagination .page-numbers .next{padding:0 10px}}