.common_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}
img{object-fit:cover}
.item_hover{overflow:hidden}
.item_hover:hover img{transform:scale(1.05)}
.item_hover img{width:100%;height:100%;transition:.6s ease}
.common_btn{display:flex;align-items:center;justify-content:center;gap:.41667vw;cursor:pointer;min-width:9.53125vw}
.common_btn .icon{width:1.14583vw;height:1.14583vw}
.common_btn.black{border:1px solid rgba(0,0,0,0.08)}
.common_btn.black:hover::before{opacity:1}
.common_btn.black:hover .pic img{transform:scale(1.05)}
.common_btn.black p{color:#AE0000}
.common_btn.black svg path{stroke:#AE0000}
.index1{height:100vh;position:relative}
.index1 .customize{position:fixed;bottom:11.02083vw;right:1.7vw;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer}
.index1 .customize:hover .red_line{display:block}
@keyframes redA{100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}
}
.index1 .customize .red_line{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);animation:redA 2s linear infinite;max-width:unset;object-fit:contain;display:none;pointer-events:none}
.index1 .customize .red_line:nth-child(2){animation-delay:1s}
.index1 .customize .red{width:5.46875vw}
.index1 .customize p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#FFF;font-style:normal;font-weight:400;white-space:nowrap}
.index3 .down{position:absolute;/*bottom:2.08333vw;*/top:0vw;left:8.33333vw;z-index:2;display:flex;align-items:center;gap:.625vw}
.index3 .down p{color:#FFF;font-style:normal;font-weight:400;letter-spacing:1px}
@keyframes lineA{100%{transform:translateY(32px);opacity:0}
}
.index3 .down .line{width:.20833vw;height:1.875vw;background:rgba(255,255,255,0.2)}
.index3 .down .line div{width:.20833vw;height:.20833vw;background:#B82234;animation:lineA 1s infinite linear}
.index1 .index1Swiper{height:100%}
.index1 .index1Swiper .swiper-pagination{bottom:2.96875vw}
.index1 .index1Swiper .swiper-pagination span{width:1.66667vw;height:.10417vw;background:rgba(255,255,255,0.6);opacity:1 !important;margin:0 .20833vw 0 0 !important;transition:.6s ease;border-radius:0}
.index1 .index1Swiper .swiper-pagination span.swiper-pagination-bullet-active{background:#B82234}
.index1 .index1Swiper .swiper-pagination span:last-child{margin:0 !important}
.index1 .index1Swiper .swiper-slide{display:flex;align-items:center;padding:0 8.33333vw;opacity:0 !important;transition:1s}
.index1 .index1Swiper .swiper-slide.swiper-slide-active{opacity:1 !important}
.index1 .index1Swiper .swiper-slide.swiper-slide-active .content .p1,.index1 .index1Swiper .swiper-slide.swiper-slide-active .content .p2,.index1 .index1Swiper .swiper-slide.swiper-slide-active .content .joke_more{transition:1s;transition-delay:.3s;opacity:1;transform:translateY(0)}
.index1 .index1Swiper .swiper-slide.swiper-slide-active .content .p2{transition-delay:.4s;display:none;}
.index1 .index1Swiper .swiper-slide.swiper-slide-active .content .joke_more{transition-delay:.5s}
.index1 .index1Swiper .swiper-slide .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}
.index1 .index1Swiper .swiper-slide .content{width:40.625vw}
/*.index1 .index1Swiper .swiper-slide .pic1::after{content:"";position:absolute;top:0;left:0;right:0;padding:80px 0;z-index:20;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);}    */                                                                          
/*.index1 .index1Swiper .swiper-slide .pic1::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}     */                                                                  
.index1 .index1Swiper .swiper-slide video {width: 100%;position: absolute;left: 0;top: 0;aspect-ratio:1.7833 / 1;object-fit:contain;}
.index1 .index1Swiper .swiper-slide .video{position:absolute;left:0;top:0;width:100%;height:100%;}
.index1 .index1Swiper .swiper-slide .video::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.26);}
.index1 .index1Swiper .swiper-slide .video video{width:100%;aspect-ratio:1.7833 / 1;object-fit:cover;}
                                                                              
.index1 .index1Swiper .swiper-slide .content .p1{color:#FFF;font-style:normal;font-weight:500;line-height:120%;text-transform:capitalize;margin:0 0 2.08333vw}
.index1 .index1Swiper .swiper-slide .content11 .p1{color:#000;}
.index1 .index1Swiper .swiper-slide .content .p2{color:#FFF;font-style:normal;font-weight:300;line-height:150%;margin:0 0 2.08333vw}
/*.index1 .index1Swiper .swiper-slide .content11 .p2{color:#fff;}*/
.index1 .index1Swiper .swiper-slide .content .joke_more .common_btn{border:1px solid rgba(255,255,255,0.08)}
.index1 .index1Swiper .swiper-slide .content1 .joke_more .common_btn{border:1px solid rgba(255,255,255,0.08)}   
/*.index1 .index1Swiper .swiper-slide .content11 .joke_more .common_btn{border:1px solid rgba(255,255,255,0.08)}     */                                                   
.index1 .index1Swiper .swiper-slide .content .joke_more .common_btn p{color:#fff}
.index1 .index1Swiper .swiper-slide .content1 .joke_more .common_btn p{color:#fff;}
/*.index1 .index1Swiper .swiper-slide .content11 .joke_more .common_btn p{color:#fff;}
.index1 .index1Swiper .swiper-slide .content11 .joke_more .common_btn svg path{stroke:#fff}*/
.index1 .index1Swiper .swiper-slide .content .p1,.index1 .index1Swiper .swiper-slide .content .p2,.index1 .index1Swiper .swiper-slide .content .joke_more{opacity:0;transform:translateY(50px)}
                                                                       
@media screen and (max-width:1441px) {
.index1 {height:auto;position: relative;aspect-ratio: 1.7833 / 1;}
}                                                                       

.index1-2{padding:0 8.33333vw;/*background:linear-gradient(108deg,#C2C2C2 -11.67%,#fff 101.3%)*/}
.index1-2 h3{font-style: normal;font-weight: bold;text-transform: capitalize; margin: 0 0 1.25vw;line-height: 100%;text-align:center;}
.index1-2 ul{margin:20px -10px 0;display:flex;flex-wrap:wrap;}
.index1-2 ul li{width:25%;padding:20px 10px;position:relative;display: flex; align-items: center; gap: 15px;flex-direction: column;text-align: center;}
.index1-2 ul li .ico{width:70px;border:1px solid rgb(0,0,0,0.6);padding:15px;border-radius: 8px;}
.index1-2 ul li .ico img{}
.index1-2 ul li h5{flex:1;color:rgb(0,0,0,0.6);line-height:1;color:rgb(0,0,0,0.6);line-height:1.2;font-weight: 500;}
                                                              
@media screen and (max-width:768px){
.index1-2 ul li{width:50%;padding:10px 10px;}
.index1-2 ul li img{}   
}

@media screen and (max-width:480px){
.index1-2 ul li img{}   
  .index1-2 ul li h5{font-size:14px;}
}                                                                       
.index2{position:relative}
.index2 .img{width:100%}
.index2 .title{position:absolute;/*top:6.25vw;*/left:8.33333vw;z-index:5;top:1.25vw;}
.index2 .title .p1{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 1.25vw;line-height:100%}
.index2 .title .p2{color:#27292a;font-style:normal;font-weight:400;line-height:100%;text-transform:capitalize;}
/*.index2 .position{position:absolute;bottom:6.09375vw;right:28.07292vw;z-index:5;display:flex;align-items:center}
.index2 .position .circle{width:6.14583vw}*/
.index2 .position{position:absolute;top: 28.894vw;left:19.373vw;z-index:5;display:flex;align-items:flex-start;}
.index2 .position .circle{width:6.14583vw;left: calc(50% - 3.0729415vw);position:absolute;top:-4.027vw;transform: scaleX(-1);transform: rotate(90deg);}
.index2 .position .tu{width:13.95833vw;background: #fff;border-radius: 50%;border: 10px solid #B82234;padding: 10px;}
.index3{height:100vh}
.index3 .fix{height:100vh;position:sticky;position:-webkit-sticky;top:0;overflow:hidden;display:flex;align-items:center;/*background:linear-gradient(108deg,#C2C2C2 -11.67%,#fff 101.3%)*/background: linear-gradient(163.82deg, #000000 6.65%, #525252 87.79%);
}
.index3 .fix .wrap{display:flex;position:relative;width:100%;padding:0 8.33333vw}
.index3 .fix .wrap .common_btn{position:absolute;right:8.33333vw;top:0}
.index3 .fix .wrap .common_btn p{color:#fff}
.index3 .fix .wrap .common_btn svg path{stroke:#fff}  
.index3 .fix .wrap .l{margin:3.28125vw 0 0 0}
.index3 .fix .wrap .l .title{color:#fff;font-style:normal;font-weight:400;text-transform:capitalize;margin:0 0 3.125vw}
.index3 .fix .wrap .l .flex{padding:0 0 0 1.25vw}
.index3 .fix .wrap .l .flex .list{color:rgba(255,255,255,0.4);font-style:normal;font-weight:400;line-height:150%;transition:.6s ease;position:relative;z-index:1;cursor:pointer}
.index3 .fix .wrap .l .flex .list:not(:last-child){margin:0 0 2.08333vw}
.index3 .fix .wrap .l .flex .list:after{content:'';position:absolute;left:-1.25vw;top:0;height:100%;width:4px;background:#AE0000;opacity:0;transition:.6s ease}
.index3 .fix .wrap .l .flex .list.on{color:#fff;}
.index3 .fix .wrap .l .flex .list.on:after{opacity:1}
                                     
                                    
.index3 .fix .wrap .l .go-next{min-width:unset;cursor:pointer;width:2.5vw;height:2.5vw;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #EBEBEB;opacity:0;pointer-events:none;position:absolute;bottom:2.08333vw;left:8.33333vw;z-index:2;gap:.625vw;top:auto;background:#fff;}


.index3 .fix .wrap .l .go-next.on{opacity:1;pointer-events:inherit}
.index3 .fix .wrap .l .go-next svg{transition:all 600ms}
.index3 .fix .wrap .l .go-next svg path{stroke:#AE0000}
.index3 .fix .wrap .l .go-next img{transition:all 600ms;width:1.25vw;height:1.25vw}
.index3 .fix .wrap .l .go-next:hover{background:#AE0000;border-color:#AE0000}
.index3 .fix .wrap .l .go-next:hover img{/*filter:invert(1)*/}                                     
                                     
                                     
                                     
                                     
.index3 .fix .wrap .r{display:flex;align-items:center;margin:0 0 0 7.34375vw;gap:4.01042vw}
.index3 .fix .wrap .r .img1{width:15.26042vw}
.index3 .fix .wrap .r .img1 .pic{width:100%}
.index3 .fix .wrap .r .p2 {position: absolute;left: 0;top: 3.33333vw;/*! margin: 0 0 3.125vw; */}
.index3 .fix .wrap .r .p2 h5{/*! font-size:30px; */display:none;font-weight: bold;font-size: 1.2666666667vw;color:#fff;}
.index3 .fix .wrap .r .p2 h5.on{display:block;}
.index3 .fix .wrap .r .img2{width:12.70833vw;position:relative}
.index3 .fix .wrap .r .img2 .pic{width:100%}
.index3 .fix .wrap .r .img2 .position{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.index3 .fix .wrap .r .img2 .position .matter{position:absolute;width:100%;height:100%;top:0;left:0}
.index3 .fix .wrap .r .img2 .position .matter.on{pointer-events:auto}
.index3 .fix .wrap .r .img2 .position .matter.on .point .line span{opacity:1}
.index3 .fix .wrap .r .img2 .position .matter.on .point .line span:last-child{transition-delay:.8s}
.index3 .fix .wrap .r .img2 .position .matter.on .point .line div{transform:scaleX(1);transition-delay:.2s}
.index3 .fix .wrap .r .img2 .position .matter.on .point .picture{opacity:1;transition-delay:0.8s}
.index3 .fix .wrap .r .img2 .position .matter .point{display:flex;gap:.67708vw;position:absolute}
.index3 .fix .wrap .r .img2 .position .matter .point .line{display:flex;align-items:center;margin:1.5625vw 0 0 0}
.index3 .fix .wrap .r .img2 .position .matter .point .line3{align-items:center;margin:4.0625vw 0 0 0.2vw;}
.index3 .fix .wrap .r .img2 .position .matter .point .line5{align-items:center;margin:0 0 0.5vw 0.1vw;}
                                 
.index3 .fix .wrap .r .img2 .position .matter .point .line span{width:.15625vw;height:.15625vw;border-radius:50%;background:#AE0000;transition:.2s linear;opacity:0}
.index3 .fix .wrap .r .img2 .position .matter .point .line div{width:11.25vw;height:1px;background:#AE0000;transition:.6s linear;transform:scaleX(0);transform-origin:left}
.index3 .fix .wrap .r .img2 .position .matter .point .picture{width:15.83333vw;opacity:0;transition:.6s ease}
.index3 .fix .wrap .r .img2 .position .matter .point .picture .pic{background:rgba(255, 255, 255, 0.6);display:flex;align-items:center;justify-content:center;height:5.625vw;}
.index3 .fix .wrap .r .img2 .position .matter .point .picture img{max-width:80%;max-height:80%;object-fit:contain;width:48%;}
.index3 .fix .wrap .r .img2 .position .matter .point .picture p{background:#AE0000;color:#fff;/*font-size:.72917vw;*/font-size:0.8333333333vw;text-align:center;padding:5px 0}
.index3 .fix .wrap .r .img2 .position .matter .point.on{pointer-events:auto}
 /*                                                               
.index3 .fix .wrap .r .img2 .position .matter1 .point1{left:4.27083vw;bottom:8.125vw}
.index3 .fix .wrap .r .img2 .position .matter2 .point1{left:calc(100% - 1.82291666vw);top:15.88542vw}
.index3 .fix .wrap .r .img2 .position .matter2 .point2{left:-6.19792vw;top:12.44792vw}
.index3 .fix .wrap .r .img2 .position .matter2 .point2 .line div{width:16.66667vw}
.index3 .fix .wrap .r .img2 .position .matter3 .point1{left:1.45833vw;top:14.58333vw}
.index3 .fix .wrap .r .img2 .position .matter3 .point1 .line div{width:18.22917vw}
.index3 .fix .wrap .r .img2 .position .matter4 .point1{left:-5.72917vw;top:10.9375vw}
.index3 .fix .wrap .r .img2 .position .matter5 .point1{left:8.125vw;top:27.34375vw}
   */
.index3 .fix .wrap .r .img2 .position .matter1 .point1{left:-5.72917vw;top:10.9375vw}
.index3 .fix .wrap .r .img2 .position .matter2 .point1{left:4.27083vw;bottom:8.125vw}
.index3 .fix .wrap .r .img2 .position .matter3 .point1{left:calc(100% - 1.82291666vw);top:15.88542vw;align-items:flex-start;}
.index3 .fix .wrap .r .img2 .position .matter3 .point2{left:-6.19792vw;top:12.44792vw}
.index3 .fix .wrap .r .img2 .position .matter4 .point1{left:1.45833vw;top:13.08333vw}
.index3 .fix .wrap .r .img2 .position .matter4 .point1 .line div{width:18.22917vw}
.index3 .fix .wrap .r .img2 .position .matter5 .point1{left:8.125vw;top:17.34375vw;align-items:flex-end;}
                                                                
                                                                
                                                                
.index4{padding:6.25vw 0 9.375vw 8.33333vw;overflow:hidden;/*background:#EFEFF2*/}
.index4 .top{display:flex;align-items:center;justify-content:space-between;padding:0 8.33333vw 0 0}
                                                                
.index4 .top .title{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize}
.index4 .cut{display:flex;gap:2.5vw;margin:5.20833vw 0 1.71875vw 0;width:100%}
.index4 .cut .cutSwiper{margin:0}
.index4 .cut .cutSwiper ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.index4 .cut .cutSwiper .swiper-slide{width:max-content;padding:15px;}             
.index4 .cut .cutSwiper .swiper-slide.on .list{background:#B82234;color:#fff}
.index4 .cut .cutSwiper .swiper-slide.on .list:after{opacity:0}
.index4 .cut .list{width:fit-content;height:2.5vw;padding:0 .52083vw;position:relative;z-index:1;transition:.6s ease;color:#000;font-style:normal;font-weight:600;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer}
.index4 .cut .list:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:linear-gradient(119deg,#C2C2C2 0%,#fff 91.68%);transition:.6s ease}
.index4 .content{position:relative}
.index4 .content .matter{width:100%;position:relative;opacity:0;transform:translateY(50px);pointer-events:none}
.index4 .content .matter:not(:first-child){position:absolute;top:0;left:0}
.index4 .content .matter.on{pointer-events:auto;opacity:1;transform:translateY(0);transition:1.2s}
.index4 .pros{width:100%;overflow:hidden}
.index4 .pros .swiper1{width:100%}
.index4 .pros .swiper1 a{display:block;background:#FFF;padding:1.875vw;position:relative;overflow:hidden}
.index4 .pros .swiper1 a::before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(115deg,#C2C2C2 -58.69%,#fff 90.79%);opacity:0;transition:all 600ms}
.index4 .pros .swiper1 a .bg{width:11.09375vw;position:absolute;top:-.88542vw;right:-3.28125vw;z-index:2;transition:0.6s}
.index4 .pros .swiper1 a .bg img{display:block;width:100%}
.index4 .pros .swiper1 a .bg2{position:absolute;bottom:.88542vw;opacity:0;width:100%;left:0;transition:.6s ease}
.index4 .pros .swiper1 a .name{color:#000;line-height:1.17;height:4.94792vw;position:relative;z-index:10;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.index4 .pros .swiper1 a .pic{margin:2.03125vw 0 3.28125vw 0;position:relative;z-index:10}
.index4 .pros .swiper1 a .pic img{width:100%;/*height:7.65625vw;*/object-fit:cover;transition:all 600ms;aspect-ratio: 10 /7.5;display: block;}
.index4 .pros .swiper1 a .common_btn{border:1px solid rgba(0,0,0,0.08)}
.index4 .pros .swiper1 a .common_btn p{color:#000}
.index4 .pros .swiper1 a .common_btn svg path{stroke:#000}
.index4 .pros .swiper1 a:hover .bg{width:19.27083vw;top:1.97917vw;right:0}
.index4 .pros .swiper1 a:hover .bg2{opacity:1}
.index4 .pros .swiper1 a:hover::before{opacity:1}
.index4 .pros .swiper1 a:hover .pic img{transform:scale(1.05)}
.index5{/*background:linear-gradient(108deg,#C2C2C2 -11.64%,#fff 100.98%);*/padding:6.25vw 8.33333vw;background: linear-gradient(120.13deg, #000000 34.63%, #525252 101.39%);
}
.index5 .top{display:flex;align-items:start;justify-content:space-between}
 .index5 .top .common_btn p{color:#fff}
.index5 .top .common_btn svg path{stroke:#fff}                                                                                                                                 
.index5 .top .l{width:35.41667vw}
.index5 .top .l .title{color:#fff;font-style:normal;font-weight:500;text-transform:capitalize;margin:0 0 2.08333vw}
.index5 .top .l .text{color:#dfdfdf;font-style:normal;line-height:150%}
.index5 .content{position:relative;width:24.73958vw;height:29.6875vw;margin:3.64583vw auto 0}
.index5 .content .position{position:absolute;top:3.64583vw;--left:3.54167vw}
.index5 .content .position .item{display:flex;align-items:center;gap:.625vw;position:relative;cursor:pointer}
.index5 .content .position .item.on p{color:#AE0000}
.index5 .content .position .item.on .icon{filter:none;}
.index5 .content .position .item.on .icon svg path{stroke:#AE0000}
.index5 .content .position .item:nth-child(2),.index5 .content .position .item:nth-child(3){left:var(--left)}
.index5 .content .position .item:not(:last-child){margin:0 0 4.375vw}
.index5 .content .position .item p{color:#fff;font-style:normal;font-weight:600;line-height:116.667%;white-space:nowrap;transition:.6s ease}
.index5 .content .position .item .icon{transition:.6s ease;width:2.5vw;height:2.5vw;display:flex;align-items:center;justify-content:center;filter: invert(100%);filter: invert(80%) sepia(100%) saturate(0%) hue-rotate(-150deg) brightness(1.4) opacity(1);}
.index5 .content .position .item .icon svg{width:100%;max-width:100%;max-height:100%}
.index5 .content .position .item .icon svg path{transition:.6s ease;stroke:#000000}
.index5 .content .position_left{right:calc(100% + 2.0833333vw);--left:-68px}
.index5 .content .position_left .item{text-align:right;justify-content:flex-end}
.index5 .content .position_right{left:calc(100% + 2.0833333vw)}
.index5 .content .position_right .item{text-align:left;justify-content:flex-end;flex-direction:row-reverse}
.index5 .content .imgSwiper{width:100%;height:100%}
.index5 .content .imgSwiper .swiper-slide{clip-path:polygon(0 20%,50% 0,100% 20%,100% 80%,50% 100%,0 80%);opacity:0 !important;transition:1s}
.index5 .content .imgSwiper .swiper-slide.swiper-slide-active{opacity:1 !important}
.index5 .content .imgSwiper .swiper-slide img{width:100%;height:100%}
.index6{padding:6.25vw 8.33333vw;position:relative;overflow:hidden;z-index:1;background:#000;}
.index6 .bg{width:33.4375vw;position:absolute;top:0;right:0;z-index:-1}
.index6 .top{display:flex;justify-content:space-between}
 .index6 .top .common_btn p{color:#fff}
.index6 .top .common_btn svg path{stroke:#fff}        
.index6 .top .l{width:35.41667vw}
.index6 .top .l .p1{color:#fff;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.08333vw}
.index6 .top .l .p2{color:#dfdfdf;font-style:normal;line-height:150%;margin:0 0 2.08333vw}
.index6 .top .l .p2 span{color:#B82234}
.index6 .top .r .flex{display:flex;justify-content:center;gap:9.89583vw}
.index6 .top .r .flex:not(:last-child){margin:0 0 3.125vw}
.index6 .top .r .flex .item{text-align:center}
.index6 .top .r .flex .item:hover span{color:#B82234}
.index6 .top .r .flex .item span{color:#fff;font-style:normal;font-weight:bold;line-height:100%;transition:.6s ease}
.index6 .top .r .flex .item p{color:#fff;font-style:normal;font-weight:400;text-transform:capitalize;margin:.41667vw 0 0 0}
.index6 .content{margin:4.16667vw 0 0 0}
.index6 .content .headline{color:#fff;font-style:normal;font-weight:400;margin:0 0 2.08333vw}
.index6 .content .matter{position:relative;width:100vw;left:50%;transform:translateX(-50%)}
@keyframes goAnimate{100%{transform:translateX(-50%)}
}
.index6 .content .matter .go{width:max-content;display:flex;animation:goAnimate 30s linear infinite reverse}
.index6 .content .matter .go .flex{display:flex}
.index6 .content .matter .go .flex .img{margin:0 1.04167vw 0 0;width:10.3125vw;height:3.33333vw;background:rgba(232,232,237,0.7);box-shadow:0 0 1px 0 rgba(0,0,0,0.11) inset;backdrop-filter:blur(3.5px);display:flex;align-items:center;justify-content:center}
.index6 .content .matter .go .flex .img img{max-width:80%;max-height:80%;object-fit:contain}
.index7{/*background:#EFEFF2;*/padding:6.25vw 0 6.25vw 8.33333vw;overflow:hidden}
.index7 .top{display:flex;align-items:start;justify-content:space-between;padding:0 8.33333vw 0 0}
.index7 .top .l{width:35.41667vw}
.index7 .top .l .p1{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.08333vw}
.index7 .top .l .p2{color:#000;font-style:normal;line-height:150%}
.index7 .content{margin:3.64583vw 0 0 0;width:100%}
.index7 .content .newsSwiper{width:100%}
.index7 .content .newsSwiper .swiper-slide .item{width:100%}
.index7 .content .newsSwiper .swiper-slide .item:hover .img img{transform:scale(1.05)}
.index7 .content .newsSwiper .swiper-slide .item .img{position:relative;height:12.5vw;overflow:hidden}
.index7 .content .newsSwiper .swiper-slide .item .img .label{padding:.52083vw;background:#EFEFF2;position:absolute;top:0;left:0;color:#000;font-style:normal;font-weight:400;text-transform:capitalize}
.index7 .content .newsSwiper .swiper-slide .item .img img{width:100%;height:100%;transition:.6s ease}
.index7 .content .newsSwiper .swiper-slide .item .text{background:#fff;padding:1.04167vw}
.index7 .content .newsSwiper .swiper-slide .item .text .p1{color:#000;font-style:normal;font-weight:600;height:2.86458vw;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-height:116.667%;margin:0 0 .625vw}
.index7 .content .newsSwiper .swiper-slide .item .text .time{color:#ABABAB;font-style:normal;font-weight:400;text-transform:capitalize;margin:0 0 1.25vw}
.index8{padding:6.25vw 8.33333vw;position:relative;z-index:1}
.index8 .bg{width:30.67708vw;position:absolute;right:0;top:0;z-index:-1}
.index8 .top{display:flex;align-items:start;justify-content:space-between}
.index8 .top .l .p1{color:#000;font-style:normal;font-weight:bold;text-transform:capitalize;margin:0 0 2.08333vw}
.index8 .top .l .p2{color:#333;font-style:normal}
.index8 .content{margin:2.08333vw 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:2.08333vw}
.index8 .content .item{width:100%;height:14.89583vw;background:#EFEFF2;padding:2.08333vw 1.04167vw}
.index8 .content .item:hover .more p{color:#AE0000}
.index8 .content .item:hover .more svg path{stroke:#AE0000}
.index8 .content .item .icon{width:4.16667vw;height:4.16667vw;margin:auto;display:flex;align-items:center;justify-content:center}
.index8 .content .item .icon svg{max-width:100%;max-height:100%}
.index8 .content .item .p1{color:#000;font-style:normal;font-weight:600;text-align:center;margin:.625vw 0 .41667vw}
.index8 .content .item .p2{text-align:center;color:#000;font-style:normal}
.index8 .content .item .more{display:flex;align-items:center;justify-content:center;gap:.20833vw;margin:1.25vw 0 0 0}
.index8 .content .item .more p{color:#656565;font-style:normal;font-weight:400;text-transform:capitalize;transition:.6s ease}
.index8 .content .item .more svg{width:1.25vw;height:1.25vw}
.index8 .content .item .more svg path{stroke:#656565;transition:.6s ease}
.index9{position:relative;height:36.04167vw;z-index:1;display:flex;align-items:center;background:#000;justify-content:center}
.index9::after{content:"";background:rgba(0,0,0,0.6);position:absolute;left:0;top:0;right:0;bottom:0;}
.index9 video{position:absolute;width:55.88542vw;height:100%;top:0;left:24.32292vw;z-index:-1}
.index9 .content{position:relative;z-index:20;}
.index9 .content .title{color:#FFF;text-align:center;font-style:normal;font-weight:500;line-height:120%;text-transform:capitalize;margin:0 0 2.08333vw}
.index9 .content .dis{display:flex;justify-content:center;gap:4.16667vw}

@media screen and (max-width:768px){
.home{overflow:hidden}
.index1{height:25vh;margin-top: 60px;width:100%;}
.index1 .customize{right:5%;bottom:5%}
.index1 .customize .red{width:80px}
.index3 .down{display:none}
.index1 .index1Swiper .swiper-pagination{bottom:2%}
.index1 .index1Swiper .swiper-pagination span{width:32px;height:2px;margin:0 5px 0 0 !important}
.index1 .index1Swiper .swiper-pagination span:last-child{margin:0 !important}
.index1 .index1Swiper .swiper-slide{padding:0 5%}
.index1 .index1Swiper .swiper-slide .content{width:100%}
.index1 .index1Swiper .swiper-slide .content .p1{margin:0 0 15px;font-size:24px}
.index1 .index1Swiper .swiper-slide .content .p1 br{display:none}
.index1 .index1Swiper .swiper-slide .content .p2{margin:0 0 15px}
.index2 .img{/*height:70vh*/padding-top: 55px;}
                                             
.index2 .title{top:35px;left:5%}
.index2 .title .p1{margin:0 0 15px}
.index2 .position{left:17%;top:59%;}
.index2 .position .circle{width:50px;transform: rotate(90deg);left:15px;top:-29px;/*left: 57px;top: -2px;*/}
.index2 .position .tu{width:80px;border:5px solid #B82234}


.index3{height:auto !important}
.index3 .fix{height:auto}
.index3 .fix .wrap{display:none}
.index3 .fix .sj_wrap{display:flex !important;flex-direction:column;padding:30px 5%}
.index3 .fix .sj_wrap .flex{padding:0;margin:30px 0 0 0;display:flex;flex-wrap:wrap;}
.index3 .fix .sj_wrap .title{color:#fff;}                      
.index3 .fix .sj_wrap .flex .list{color:rgba(255,255,255,0.4);font-style:normal;font-weight:400;line-height:1.5;transition:.6s ease;position:relative;z-index:1;cursor:pointer;width:50%;}
.index3 .fix .sj_wrap .flex .list:not(:last-child){margin:0 0 12px}
.index3 .fix .sj_wrap .flex .list:after{content:'';position:absolute;left:-15px;top:0;height:100%;width:3px;background:#AE0000;opacity:0;transition:.6s ease;display:none;}
.index3 .fix .sj_wrap .flex .list.on{color:#AE0000;}
.index3 .fix .sj_wrap .flex .list.on:after{opacity:1}
.index3 .fix .sj_wrap .center{display:flex;align-items:center;justify-content:space-between;margin:30px 0 0 0;order:4}
.index3 .fix .sj_wrap .center .img1{width:50%}
.index3 .fix .sj_wrap .center .img2{width:40%;height:300px;object-fit:contain}
.index3 .fix .sj_wrap .center .img2 img{object-fit:contain;height:100%}
.index3 .fix .sj_wrap .bottom{margin:30px 0 0 0;order:3}
.index3 .fix .sj_wrap .bottom .position .matter{display:none}
.index3 .fix .sj_wrap .bottom .position .matter.on{display:block}
.index3 .fix .sj_wrap .bottom .position .matter.on .point .picture{opacity:1}
.index3 .fix .sj_wrap .bottom .position .matter .point{display:flex;margin:0 0 20px}
.index3 .fix .sj_wrap .bottom .position .matter .point .line{display:none}
.index3 .fix .sj_wrap .bottom .position .matter .point .picture{width:100%;opacity:0;transition:.6s ease;text-align:center}
.index3 .fix .sj_wrap .bottom .position .matter .point .picture .pic{background:#FFF;display:flex;align-items:center;justify-content:center;height:100px}
.index3 .fix .sj_wrap .bottom .position .matter .point .picture img{max-width:90%;max-height:90%;object-fit:contain}
.index3 .fix .sj_wrap .bottom .position .matter .point .picture p{background:#AE0000;color:#fff;font-size:14px;text-align:center;padding:5px 0}
.index3 .fix .sj_wrap .bottom .position .matter .point.on{pointer-events:auto}

.index3 .fix .sj_wrap .bottom .position .matter3 .point .box{display:flex;justify-content:space-between;width:100%;}
.index3 .fix .sj_wrap .bottom .position .matter3 .point .box .picture{width:49%;}
.index3 .fix .sj_wrap .bottom .position .matter3 .point .box br{display:none;}   
.index3 .fix .sj_wrap .bottom .position .matter3 .point .box .picture p{padding:5px 10px;} 

.index3 .fix .sj_wrap .bottom .position .matter5 .point .box5{display:flex;justify-content:space-between;width:100%;}
.index3 .fix .sj_wrap .bottom .position .matter5 .point .box5 .picture{width:49%;}
.index3 .fix .sj_wrap .bottom .position .matter5 .point .box5 br{display:none;}   
.index3 .fix .sj_wrap .bottom .position .matter5 .point .box5 .picture p{padding:5px 10px;} 


.index4{padding:30px 5%}
.index4 .cut{margin:30px 0;flex-wrap:wrap;gap:15px;width:100%}
.index4 .cut .list{height:40px;padding:0 10px}
.index4 .content .pros .swiper1 a{padding:20px}
.index4 .content .pros .swiper1 a .bg{width:100px}
.index4 .content .pros .swiper1 a .name{height:70px}
.index4 .content .pros .swiper1 a .pic{margin:20px 0}
.index4 .content .pros .swiper1 a .pic img{/*height:120px*/}
.index5{padding:30px 0 50px 5%}
.index5 .top{padding:0 5% 0 0;flex-direction:column;gap:20px}
.index5 .top .l{width:100%}
.index5 .top .l .title{margin:0 0 15px}
.index5 .content{display:none}
.index5 .sj_content{width:100%;margin:30px 0 0 0;height:auto;display:block !important}
.index5 .sj_content .swiper-slide .img{height:300px;width:100%}
.index5 .sj_content .swiper-slide .img img{width:100%;height:100%}
.index5 .sj_content .swiper-slide .item{display:flex;flex-direction:column-reverse;gap:12px;margin:15px 0 0 0}
.index5 .sj_content .swiper-slide .item p{color:#AE0000;font-style:normal;font-weight:600;line-height:116.667%;white-space:nowrap;transition:.6s ease}
.index5 .sj_content .swiper-slide .item .icon{transition:.6s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}
.index5 .sj_content .swiper-slide .item .icon svg{width:100%;max-width:100%;max-height:100%}
.index5 .sj_content .swiper-slide .item .icon svg path{transition:.6s ease;stroke:#AE0000}
.index6{padding:30px 5%}
.index6 .top{flex-direction:column}
.index6 .top .l{width:100%}
.index6 .top .l .p1{margin:0 0 15px}
.index6 .top .l .p2{margin:0 0 15px}
.index6 .top .r{margin:50px 0 0 0}
.index6 .top .r .flex{gap:30px}
.index6 .top .r .flex:not(:last-child){margin:0 0 25px}
.index6 .top .r .flex .item p{margin:5px 0 0 0}
.index6 .content{margin:55px 0 0 0}
.index6 .content .headline{margin:0 0 20px}
.index6 .content .matter .go .flex .img{width:120px;height:50px;margin:0 30px 0 0}
.index6 .content .matter .go .flex .img img{max-height:50%}
.index7{padding:30px 0 30px 5%}
.index7 .top{flex-direction:column;gap:20px;padding:0 5% 0 0}
.index7 .top .l{width:100%}
.index7 .top .l .p2{width:100%}
.index7 .content{margin:35px 0 0 0}
.index7 .content .newsSwiper .swiper-slide .item .img{height:200px}
.index7 .content .newsSwiper .swiper-slide .item .img .label{padding:8px}
.index7 .content .newsSwiper .swiper-slide .item .text{padding:15px}
.index7 .content .newsSwiper .swiper-slide .item .text .p1{height:auto;margin:0 0 10px}
.index7 .content .newsSwiper .swiper-slide .item .text .time{margin:0 0 10px}
.index8{padding:30px 5%}
.index8 .top{flex-direction:column;gap:20px}
.index8 .content{margin:30px 0 0 0;grid-template-columns:repeat(1,1fr);gap:20px}
.index8 .content .item{height:auto;padding:25px}
.index8 .content .item .icon{width:40px;height:40px}
.index8 .content .item .p1{margin:10px 0}
.index8 .content .item .p2{margin:0 0 15px}
.index8 .content .item .more{gap:4px}
.index8 .content .item .more svg{width:20px;height:20px}
.index9{padding:30px 5%;height:auto}
.index9 .content .title{margin:0 0 20px;font-size:26px}
.index9 .content .dis{gap:20px}
}
                    
                    /*----page----*/
#pagesize{margin:50px 0 0;text-align:center;}
#pagesize ul{font-size:0;}
#pagesize ul li{display:inline-block;vertical-align:top;}
#pagesize ul li a{line-height:18px;padding:8px 15px;margin:0 2px;display:inline-block;border:1px solid #bebebe;background:#fff;font-size:15px;}
#pagesize ul li a:hover{background:#B82234;border:1px solid #B82234;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}
#pagesize ul li span{line-height:16px;padding:8px 13px;margin:0 2px;display:inline-block;font-size:14px;}
#pagesize ul li a.active{border:#B82234 1px solid;background:#B82234;color:#fff;}
#pagesize ul li a.disabled{color:#fff;border:1px solid #CECECE;background:#CECECE;}

@media screen and (max-width:768px) {
#pagesize{margin:25px 0 0;}
#pagesize ul li a{padding:6px 10px;font-size:13px;}
#pagesize ul li span{padding:6px 10px;font-size:13px;}
}