@media (max-width: 997px) {
    .content {
        overflow: hidden;
    }
    .head-box,.head-box .head { height:2.5rem; }
    .head-box .head.blur { background:#fff;backdrop-filter:blur(0); }
    .head-box .head .btn { display:none; }
    .head-box .head .mb-btn { display:block;position:relative; }
    .head-box .head .mb-nav { position:absolute;top:2.5rem;left:0;flex-direction:column;background:#fff; }
    .head-box .head .mb-nav .items .txt { display:flex;justify-content:space-between; }
    .head-box .head .mb-nav .items .txt .img-box { flex:1;display:flex;justify-content:end;align-items:center; }
    .head-box .head .mb-nav .items .txt .img-box img { width:.6rem;height:.6rem;object-fit:contain;transition:all .5s; }
    .head-box .head .mb-nav .items a { display:block;padding:.6rem 0; }
    .head-box .head .mb-nav .items .list1 { display:none; }
    .head-box .head .mb-nav .items .list1 .item a { padding:.6rem;font-size:14px; }
    .head-box .head .mb-btn svg { width:1.35rem;height:1.075rem;position:absolute;transition: all .5s; }
    .head-box .head .mb-btn .close { width: 1.35rem;height: 1.35rem;opacity: 0;transition: all .5s;object-fit: contain;display: flex;flex-direction: column;align-items: center;justify-content: center; }
    .head-box .head .mb-btn .close.on { opacity:1; }
    .head-box .head .mb-btn .close.on .line:nth-child(1) { transform:rotate(45deg); }
    .head-box .head .mb-btn .close.on .line:nth-child(2) { transform:rotate(-45deg); }
    .head-box .head .mb-btn .close .line { width:100%;height:.05rem;border-radius:.05rem;transition:all .5s;background:#1f1f1f; }
    .head-box .head .logo-box {width: 5rem;}
    .banner1 { padding: 0;height: 13.65rem; }
    .banner1 .img-box { width:100%;height:13.65rem; }
    .banner1 .img-box img { object-fit:cover; }
    .banner1 .text { width:100%;height:13.65rem; }
    .banner1 .text p { width:100%; }
    .banner2 {padding: 0 0.8rem;height: 13.65rem;}
    .banner2 .img-box { width:100%;height:13.65rem;position:inherit; }
    .banner2 .img-box img { width:100%;height:110%; }
    .banner2 .text {width:91.5%;height:13.65rem;padding:2rem 1rem;left:.8rem}
    .banner2 .text span.title { width:100%;font-size:18px; }
    .banner2 .text a.more span{ font-size:12px; }
    .banner3 .text { padding:0;justify-content: center; }
    .card { position:initial; }
    .index1-box { position:relative; }
    .index1 { padding: 2.25rem .8rem;width:100%;height:auto; }
    .index1 .title .t2 { width:100%; }
    .index1 .text { margin-top:1.5rem;position: initial; }
    .index1 .text .scrollbox { height:auto; }
    .index1 .text .pp { width:100%;height:auto; }
    .index1 .more { left:.8rem;bottom:-1.75rem;position:initial; }
    .index1-box svg.index1-bg { width:100%;height:19.175rem;top:10.85rem; }
    .index2 { padding: 1rem .8rem;flex-direction: column-reverse;gap:1.5rem; }
    .index2 .lf .img-box { width:100%; }
    .index2 .rg { padding: 0;}
    .index2 .rg .item span, .index2 .rg .item.active span { font-size:22px; }
    .index2 .rg .item p, .index2 .rg .item.active p { font-size:16px; }
    .index3 { padding:2rem .8rem;}
    .index3 .title .pcon p { width:100%;font-size:16px; }
    .index3 .title .pcon .act { font-size:16px; }
    .index3 .main { margin-top:1.5rem;}
    .index3 .main .list { width: 100%; }
    .index3 .main .list .item { width:100%;height:15.55rem; }
    .index3 .main .list .item .img-box{ height:100%; }
    .index3 .main .list .item .img-box img { mask-size: 255% 100%;mask-position: 100% 0;-webkit-mask-size: 250% 100%;-webkit-mask-position: 100% 0;object-fit: cover; }
    .index3 .main .list .item .btn-box .more span{ font-size:.65rem; }
    .index4 .img-box { width:100%; }
    .index4:before { top:-1px; }
    .index4:after { display:none; }
    .index4 .more { top:21.45rem;left:20%;transform:translateX(-50%) !important; }
    .index5 { padding:3rem .8rem; }
    .index5 .main { margin-top:2.25rem; }
    .index5 .main .swiper-container .swiper-wrapper .swiper-slide.swiper-slide.swiper-slide-active { transform:scale(1, 1); }
    .index6 { height:auto; padding:2.25rem .8rem;}
    .index6 ul { flex-direction:column;gap:2rem;display:none; }
    .index6 .mb { display:block; }
    .index6 .mb .swiper { width:100%; }
    .index6 .mb .swiper .swiper-slide { display: flex;flex-direction: column;align-items: center;width: 8.375rem;flex-shrink: 0;height:auto;gap:.75rem; }
    .index6 .mb .swiper .swiper-slide .text { display: flex;flex-direction: column;justify-content: center;align-items: center; }
    .index6 .mb .swiper .swiper-slide .text span {color: #1f1f1f;line-height: .725rem;text-transform: uppercase;}
    
    .index6 .mb .swiper .swiper-slide .text p {margin-top: .75rem;width: 100%;text-align: center;color: rgba(0, 0, 0, 0.81);line-height: 150%;text-transform: capitalize;}
    .index6 .mb .swiper .swiper-slide .text p:nth-child(3) {color: #CF423B;line-height: 150%;margin-top:.9rem;}
    /*.index6 .mb .swiper .swiper-slide:nth-child(2) .img-box {width: 1.45rem;height: 1.1rem;}*/
    .index6 .mb .swiper .swiper-slide .img-box {width: 1.3rem;height: 1.4rem;object-fit: contain;}
    .index6 .mb .swiper .swiper-slide .img-box img { object-fit:contain }
    .index6 ul li { height:auto;gap:.75rem; }
    .index6 ul li .text p { margin-top:.75rem; }
    .index6 ul li .text p:nth-child(3) { margin-top:.9rem; }
    .card .about1 { padding:2.25rem .8rem 1rem;width:100%; }
    .card .about1 .title { text-align:left;align-items:flex-start; }
    .card .about1 .title p { width:100%;text-align:left; }
    .card .about1 .main { flex-direction:column;padding:0;gap:1.25rem; }
    .card .about1 .main .img-box { width:100%; }
    .card .about1 .main .img-box img { object-fit:cover; }
    .card .about1 .main .text { gap:.75rem }
    /*.card .about1 .main .text p.tit-20 { font-size:14px; }*/
    .about2-box { width:100%;padding:0 .8rem 1.25rem; }
    .about2-box .about2 .img-box { width:100%;height:15.3rem; }
    .about2-box .about2 .btn { position: initial;flex-direction:column;padding-top:1rem;gap:.8rem; }
    .about2-box .about2 .btn .item { width:100%;padding:.8rem 0 0;border-top:.025rem solid rgba(51, 51, 51, 0.40); }
    .about2-box .about2 .btn .item span { color: #CF423B; }
    .about2-box .about2 .btn .item p { color:#333; }
    .about2-box .about2 .btn .s-block { left:0;top:16.3rem; }
    .about3-box { height:auto; }
    .about3-box .about3 { padding:2rem .8rem; }
    .about3 .main { flex-direction:column-reverse; }
    .about3 .main .rg { width:100%;height:auto;padding:0; }
    .about3 .main .rg .active-slide { display:none; }
    .about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide { min-height:9.1rem;background:#fff;border-radius: .65rem;flex-direction: column;align-items: flex-start;gap: .7rem;padding:1rem; }
    .about3 .main .rg .swiper-container .swiper-wrapper .swiper-slide p { width:auto; }
    .about3 .main .lf { margin-top:2rem;height:auto; }
    .about3 .main .lf .swiper-container { padding-left:0;overflow: inherit;height:auto; }
    .about3 .main .lf .swiper-container:before,.about3 .main .lf .swiper-container:after,.about3 .main .lf .tips { display:none; }
    .about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide:before { width: 100%;height: 0.0375rem;left:0; }
    .about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:after { left:0; }
    .about3 .main .lf .swiper-container .swiper-wrapper .swiper-slide span { position:absolute;top:-1rem; }
    .about4-box { background-size: 178% 28.5rem;background-position: 100% 0%; }
    .about4 { padding:0;padding-bottom:3.5rem; }
    .about4 .items>.title { padding:2.25rem .8rem; }
    .about4 .title p { width:100%;font-size:16px; }
    .about4 .swiper-container { margin-top:0; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide { flex-direction:column; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .lf { position: inherit;top:2rem;right: 46% !important;transform: translateX(50%); }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .rg {margin-left:0;width:100%;border-radius:0;border-bottom-right-radius: 0;height:auto; padding:4rem .8rem 2rem !important;border-bottom-left-radius:0 !important; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .rg img { display:none; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul { margin-top:1.25rem;gap:.8rem; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul li span { width:100%;font-size:16px; }
    .about4 .swiper-container .swiper-wrapper .swiper-slide .rg ul li::before { font-size:.65rem; }
    .about4 .bottom { gap:1.45rem }
    .about4 .bottom .btn { padding: .5rem 1.45rem; }
    .about4 .bottom .swiper-pagination .swiper-pagination-current { font-size:1rem; }
    .about4 .items1>.title { padding:0 .8rem; }
    .about5 { padding:2.25rem .8rem; }
    .about5 .main .hc-swiper .swiper-wrapper .swiper-slide .img-box { width:auto;height: 16.15rem;padding:1.05rem 1.325rem; }
    .about5 .main .hc-swiper .swiper-wrapper .swiper-slide .img-box img { width:9.775rem;height:13.95rem; }
    .new1 .top .swiper2 .swiper-wrapper .swiper-slide { flex-direction:column;padding:0 .8rem; }
    .new1 .top .swiper2 .swiper-wrapper .swiper-slide .lf .img-box { width:100%; }
    .new1 .line-box { padding:0 .8rem; }
    .new1 .main .screen,
    .new1 .main .screen1 { padding:0 .8rem;gap:.8rem;flex-wrap:wrap; }
    .new1 .main .screen .list1 { overflow-x:auto;scrollbar-width: none;-ms-overflow-style: none; }
    .new1 .main .screen .list1 a span { white-space: nowrap; }
    .new1 .main .list2 { padding:0 .8rem; }
    .new1 .main .list2 .item a { flex-direction:column; }
    .new1 .main .list2 .item a .lf,
    .new1 .main .list2 .item a .rg,
    .new1 .main .list2 .item a .rg p { width:100%; }
    .new1 .main .new2 { padding:2rem .8rem; }
    .new1 .main .new2 .list3 { gap:1.25rem; }
    .new1 .main .new2 .list3 .item { flex-direction:column;gap:.75rem; }
    .new-det { padding:2rem .8rem 3.75rem;flex-direction:column; }
    .new-det .lf { width:100%;padding:2rem .8rem 3rem; }
    .new-det .lf .top .share { flex-direction:column;gap:.6rem;align-items:flex-start; }
    .new-det .rg .list { width:100%; }
    
    .new-det .rg .list2 a.back::after { width:.9rem;height:.9rem; }
    .new3 { padding: 2.25rem .8rem; }
    .new3 .main { flex-direction:column;width:100%;gap:1rem; }
    .new3 .main .img-box { width:100%; }
    .new3 .main .text { gap:.8rem; }
    .new4 { padding: 2.25rem .8rem; }
    .new4 .list1 ul { max-height:initial; }
    .new4 .list2 .process { width:100%;height:auto;overflow:hidden; }
    .new4 .list2 .process .line { top:1.1rem;height:100%;overflow:hidden; }
    .new4 .list2 .process .line svg { height:5.1rem; }
    .new4 .list2 p { width:100%; }
    .new4 .rg { position:initial;width:100%;margin-top:1rem;height:auto; }
    .new5 { padding: 2.25rem .8rem;border-radius:0; }
    .new5 .video-box { width:100%;height:auto;margin-top:0; }
    .new5 .video-box video { width:100%;display:block; }
    .pip1 { padding: 2.25rem .8rem; }
    .pip1 .title { flex-direction:column;padding:0; }
    .pip1 .title p { width:100%; margin-top: .4rem;font-size:16px}
    .pip1 .main-box { overflow-x:auto;scrollbar-width: none;-ms-overflow-style: none; }
    .pip1 .t1,.pip1 .main { padding:0; }
    .pip1 .t1 p span { font-size:18px !important; }
    .pip1 .main { margin-top:0; }
    .pip1 .main .nav, .pip1 .main .items { display:none; }
    .pip1 .main .nav.mb_nav { display:flex; }
    .pip1 .main .nav li span { text-align:center;line-height:110%; }
    .pip1 .main .mb-items { height:5rem;display:block;width:100%;background:#F8F8F8;border-radius:.4rem;padding:.4rem 1rem;margin-top:1rem; }
    .pip1 .main .mb-items.on .btn.active { transform:rotate(180deg); }
    .pip1 .main .mb-items.on { height:auto; }
    .pip1 .main .mb-items.on .mb-bt { margin-top:.8rem; }
    .pip1 .main .mb-items.on .mb-bt .t3,
    .pip1 .main .mb-items.on .mb-bt .t4,
    .pip1 .main .mb-items.on .mb-bt .t5 { display:flex; }
    .pip1 .main .mb-items.on>img { display:block;height:auto; }
    .pip1 .main .mb-items.on .mb-bt .slider { transform: translateY(.5rem); }
    .pip1 .main .mb-items.on .num { display:block; }
    .pip1 .main .items .top { height:auto; }
    .pip1 .main .items .top .txt { display:flex;flex-direction:column;gap:.2rem;align-items:flex-start; }
    .pip1 .main .items .top span { width:auto; }
    .pip1 .main .items .top .btn { width:.625rem;height:.625rem; }
    .pip1 .main .items .top .btn img { width:.55rem; }
    .pip1 .main .mb-items .num { display:block;font-size:16px; }
    .pip1 .main .mb-items>img { width:100%;height:6.45rem;margin:.875rem 0 0 0;border-radius:.5rem;display:none; }
    .pip1 .main .mb-items .t2 { margin-top:1rem;display:flex;justify-content:space-between; }
    .pip1 .main .mb-items .t2 span:nth-child(2) { width:7.6rem; }
    .pip1 .main .mb-items .mb-bt { display:flex;flex-direction:column;justify-content:space-between;margin-top:.4rem;padding-bottom:1rem;}
    .pip1 .main .mb-items .mb-bt .t3 { display:none;flex-direction:column;gap:1rem; }
    .pip1 .main .mb-items .mb-bt .t4 { width:100%;display:none; }
    .pip1 .main .mb-items .mb-bt .slider { width:100%;height:.2rem;border-radius: 025rem;background: linear-gradient(180deg, rgba(207, 66, 59, 0.04) 0%, rgba(207, 66, 59, 0.20) 100%);position: relative;}
    .pip1 .main .mb-items .mb-bt .slider svg { width:.35rem;height:.35rem;position:absolute;top:50%;transform: translate(-30%, -50%); }
    .pip1 .main .mb-items .mb-bt .slider .red { height:100%;border-radius: .25rem;background: #CF423B; }
    .pip1 .main .mb-items .t5 { display: none;justify-content: end;margin-top: .75rem; }
    .pip1 .main .mb-items .t5 span { width:5rem; }
    .con1 { padding:2.5rem 0.8rem; }
    .con1 .main .t2 { flex-direction:column;gap:.4rem; }
    .con1 .main .list .item-box { width:100%; }
    .con1 .main .list .item .ditu .p2 img { transform:translateY(.35rem); }
    .con1 .main .list .item { height:11.5rem; }
    .con1 .main .list .item .ditu .pic { height:auto; }
    .con1 .main .img-box { width:100%; }
    .con1 .main .img-box svg.dian { top:8.7rem;left:8.15rem; }
    .con1 .main .img-box .bub { width:11.825rem;top:.6rem;left:5.125rem; }
    .con1 .main .form-box { margin-top:2.25rem;height:auto;flex-direction:column; }
    .con1 .main .form-box .rg form ul { flex-direction:column; }
    .con1 .main .form-box .lf,
    .con1 .main .form-box .rg form ul .form-item input,
    .con1 .main .form-box .rg form ul .form-item textarea,
    .con1 .main .form-box .rg form .btn input { width:100%; }
    .con1 .main .form-box .rg form .btn svg { left:70%; }
    .con1 .main .form-box .rg form ul .form-item input { font-size:14px;height:1.8rem; }
    .con1 .main .form-box .rg form ul .form-item textarea { font-size:14px;}
    .footer { padding:.825rem .8rem; }
    .footer .main { align-items: center;justify-content: center; }
    .footer .main .lf { align-items:center;max-width:100%; }
    .footer .main .lf .logo-box { width:5rem; }
    .footer .main .lf .address { margin-top:.5rem; }
    .footer .main .lf .address,.footer .main .lf .tell { text-align:center; }
    .footer .main .lf .address span,.footer .main .lf .tell span, .footer .main .lf .chat-box span { font-size:.7rem; }
    .footer .main .lf .address p,.footer .main .lf .tell p { font-size:.65rem;margin-top:.5rem; }
    .footer .main .lf .tell { margin-top:1.125rem; }
    .footer .main .lf .email input { width:11.725rem;height:2.05rem;font-size:.7rem; }
    .footer .main .lf .email .more { width:2.2rem;height:2.05rem; }
    .footer .main .lf .email .por { width:1rem;height:.5rem; }
    .footer .main .lf .email .por svg { width:1rem;height:.5rem; }
    .footer .main .lf .email::after { width:.775rem;height:.6rem; }
    .footer .main .lf .pc-chat,.footer .main .rg { display:none; }
    .footer .main .lf .mb-chat { display:flex;justify-content:center;align-items:center;width:100%; }
    .footer .line { margin-bottom:1.25rem;margin-top:2.25rem; }
    .footer .bt,.footer .bt>div { flex-direction:column;align-items:center;gap:.5rem; }
    .footer .bt span { width:10rem;text-align:center; }
    .footer .bt span,.footer .bt>div a { font-size:.6rem; }
    .side a { left:16rem;width:1.6rem;height:1.6rem; }
    .side a img { width:.3rem;height:.3rem;object-fit:contain; width: 5px;height: 4px;}
    .side a span{font-size: 10px;}
    
    .about2-box .about2 .img-box{height: auto;}
    
    .about2-box .about2 .img-box img{position: relative;height: auto;width: 100%;}
    
    .about2-box .about2 .btn .s-block{display: none;}
    
    .head-box .head .mb-nav .items .txt .img-box img{width: 7px;height: 13px;}
    
    .new1 .main .list2 .item a{padding: 32px 0;}
    
    .new1 .main .list2 .item a .rg p{margin-top: 25px;}
    .footer .main .lf .chat { justify-content:center; }
    .footer .main .lf .chat .item, .footer .main .lf .chat .item a { width:1.5rem;height:1.5rem; }
    .footer .main .lf .chat .item .pop { width:3.6rem;height:3.6rem;top:1.6rem; }
    .pc { display:none; }
    .mb { display:block; }
    .card2 { border-radius:0; }
    .ystk_con { padding:40px 20px; }
}