*{font-family:sans-serif}
body{position:relative}
body#n_blog,body#n_contact{background-color:#f3f3f3}
.custom-cursor{position:absolute;width:1.5625rem;height:1.5625rem;border:1px solid #d4042c;border-radius:50%;pointer-events:none;z-index:99999;opacity:0;transition:opacity 0.3s ease}
.custom-cursor::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.3125rem;height:.3125rem;background-color:#d4042c;border-radius:50%}
.custom-cursor.white{border-color:white}
.custom-cursor.white::after{background-color:white}
.flex{display:flex;align-items:center;justify-content:space-between}
#pc_header{position:fixed;top:0;padding:2rem 0;width:100%;max-height:7.875rem;z-index:9999;transition:all .5s ease}
#pc_header .logo{width:100%;flex-shrink:0;max-width:16.5625rem}
#pc_header .logo a.on{display:none}
#pc_header ul{gap:3.4375rem;font-size:1.0625rem;font-weight:bold;color:#212121}
#pc_header li{position:relative}
#pc_header li::before{content:'';position:absolute;left:50%;bottom:-1.6875rem;transform:translateX(-50%);width:0;height:3px;background:#d20031;border-radius:5rem}
#pc_header li:hover::before,#pc_header li.on::before{width:100%}
#pc_header a.zx{font-size:1.0625rem;font-weight:bold;color:#212121;height:2.3125rem;border-radius:5rem;margin-left:5rem;position:relative;z-index:2;transition:color .5s ease-in-out}
#pc_header a.zx svg{width:.625rem;height:.625rem;margin-left:1.5rem;margin-right:0.8438rem}
#pc_header a.zx p,#pc_header a.zx svg{position:relative;z-index:2}
#pc_header a.zx svg path{fill:#fff}
#pc_header a.zx::after{content:'';position:absolute;top:0;right:0;width:2.3125rem;height:100%;background:#d20031;display:flex;align-items:center;justify-content:center;border-radius:5rem;z-index:1;transition:width .5s ease-in-out}
#pc_header a.zx:hover::after{width:5.9375rem}
#pc_header a.zx:hover,#pc_header.bai.xg a.zx:hover{color:#fff}
#pc_header.xg{background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,0.03)}
#banner .swiper-slide{width:100%;height:100vh}
#banner .box{position:absolute}
#banner .txt{position:absolute;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer}
#banner .txt h2{font-size:4.75rem;font-weight:bold;line-height:5.625rem;color:#fff}
#banner .txt .key{display:flex;font-size:1.375rem;font-weight:300;color:#fff;margin-top:3.125rem}
#banner .txt p{position:relative;padding-left:1.5rem;margin-left:1rem}
#banner .txt p::before{content:'●';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.5rem}
#banner .txt p:first-child{margin-right:2rem}
#banner .img{width:100%;height:100%}
#banner .sz_box{position:absolute;bottom:10%;right:9%;display:flex;justify-content:flex-end;gap:6.8125rem;color:#fff;font-size:1.125rem;font-weight:300}
#banner .sz_box .sz{display:flex;align-items:center;margin-bottom:1.25rem;font-size:4.625rem}
#banner .sz_box .sz .counter{font-family:'Barlow-bold'}
#banner .sz_box .sz span{font-size:1.5rem;margin-left:.5rem}
#banner .sz_box .sz.bf{align-items:flex-end}
#banner .sz_box .sz.bf span{margin-bottom:.875rem}
#pc_header.bai{color:#fff}
#pc_header.bai .logo a{display:none}
#pc_header.bai .logo a.on{display:block}
#pc_header.bai ul{color:#fff}
#pc_header.bai a.zx{color:#fff}
#pc_header.bai.xg{background-color:#fff;z-index: 100000;}
#pc_header.bai.xg ul,#pc_header.bai.xg a.zx{color:#212121}
#pc_header.bai.xg .logo a{display:block}
#pc_header.bai.xg .logo a.on{display:none}
.s_yewu{padding:6.125rem 1.25rem 0}
.s_yewu ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.s_yewu li{width:100%;border-radius:.9375rem;overflow:hidden;position:relative;transition:all .5s ease}
.s_yewu li:hover{transform:translateY(-1rem)}
.s_yewu li .img_box{margin-bottom:3.125rem}
.s_yewu li h2{font-size:1.875rem;color:#212121;margin-bottom:2.375rem;transition:all .5s ease}
.s_yewu li .txt_box{display:grid;grid-template-columns:repeat(2,1fr)}
.s_yewu li .txt_box p{position:relative;padding-left:1.875rem;font-size:.9375rem;font-weight:300;line-height:2.5rem;color:#515152;transition:all .5s ease}
.s_yewu li .txt_box p::before{content:'✔';font-size:.625rem;font-weight:300;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .5s ease}
.s_yewu li:nth-child(1) .txt_box p::before{color:#f57377;border:1px solid #f57377}
.s_yewu li:nth-child(2) .txt_box p::before{color:#c1b2dd;border:1px solid #c1b2dd}
.s_yewu li:nth-child(3) .txt_box p::before{color:#b4cfba;border:1px solid #b4cfba}
.s_yewu li:nth-child(4) .txt_box p::before{color:#f2ac8e;border:1px solid #f2ac8e}
.s_yewu li .logo{display:flex;align-items:center;justify-content:space-between;transition:all .5s ease}
.s_yewu li .line{width:100%;height:1px;margin:5rem 0 1.5625rem}
.s_yewu li:nth-child(1) .line{background:#eed1d3}
.s_yewu li:nth-child(2) .line{background:#ddd7e4}
.s_yewu li:nth-child(3) .line{background:#d9e3d7}
.s_yewu li:nth-child(4) .line{background:#ecd5cb}
.s_yewu li a{width:100%;height:100%;padding:5.5rem 2.9375rem 2.6875rem;display:block;border-radius:.9375rem;overflow:hidden}
.s_yewu li:nth-child(1) a{background:linear-gradient(to bottom,#ffbbc0,#ffe4e6)}
.s_yewu li:nth-child(2) a{background:linear-gradient(to bottom,rgba(195,183,219,.45),rgba(216,209,227,.5))}
.s_yewu li:nth-child(3) a{background:linear-gradient(to bottom,#ffe4ea,#ffe9ee)}
.s_yewu li:nth-child(4) a{background:linear-gradient(to bottom,#f7d5c4,#f9e8e0)}
.s_yewu li a::before{content:'';position:absolute;top:0;left:0;width:100%;height:45%;z-index:-2}
.s_yewu li:nth-child(1) a:before{background:#ffccd0}
.s_yewu li:nth-child(3) a:before{background:#ffe4ea}
.s_yewu li:nth-child(4) a:before{background:#f8ddd0}
.s_case{padding:5.625rem 0 8.125rem 0}
.s_case div.flex{align-items:flex-end}
.s_case li a{display:inline-block;padding:1.5rem 2.125rem;font-size:1.125rem;color:#666666;margin-right:.625rem;border:1px solid #e8e8e8;border-radius:5rem;transition:all .5s ease-in-out}
.s_case li:last-child a{margin:0}
.s_case li:hover a,.s_case li.on a{color:#fff;border-color:#d20031;background:#d20031}
.s_case .caseSwiper{width:100%;max-width:47.5rem;overflow:visible;margin:7.4375rem auto 4.75rem}
.s_case .caseSwiper .img{width:100%;height:100%;max-height:30.3125rem;border-radius:.9375rem;overflow:hidden;position:relative}
.s_case .caseSwiper .pc{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);width:100%;height:100%;max-width:34.375rem;max-height:21.125rem;object-fit:contain;z-index:2}
.s_case .caseSwiper .img .logo{position:absolute;top:8%;left:5%;z-index:1;max-width:11.875rem;max-height:3.75rem}
.s_case .caseSwiper .img .bg{width:100%;height:100%;min-height:30.3125rem;background:radial-gradient(circle,#4595ff,#e3f3fc)}
.s_case .caseSwiper .img:hover img{transform:scale(1) rotate(.1deg);-webkit-transform:scale(1) rotate(.1deg);-moz-transform:scale(1) rotate(.1deg);-ms-transform:scale(1) rotate(.1deg);-o-transform:scale(1) rotate(.1deg)}
.s_case .caseSwiper .txt{padding:0 .9375rem}
.s_case .caseSwiper .txt h2{font-size:1.75rem;color:#212121;margin:1.875rem 0}
.s_case .caseSwiper .txt .ms{display:inline-block;font-size:.9375rem;font-weight:300;padding:.5rem .875rem;background-color:#f5f5f5;border-radius:.3125rem;position:relative;overflow:hidden;transition:all .5s ease}
.s_case .caseSwiper .txt .ms p{position:relative;z-index:2}
.s_case .caseSwiper .txt .ms::before{content:'';width:0;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#d4042c;transition:all .5s ease}
.s_case .caseSwiper a:hover .txt .ms{color:#fff}
.s_case .caseSwiper a:hover .txt .ms::before{width:100%}
.s_case .scrollbar{width:100%;height:1px;background:#dedede}
.s_case .scrollbar .swiper-scrollbar-drag{background:#d20031;height:.3125rem;top:-0.125rem}
.s_case_show{padding:0 1.25rem}
.s_case_show ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.s_case_show li:first-child,.s_case_show li:last-child{grid-column:span 2}
.s_case_show a{display:block;width:100%;height:100%;border-radius:.9375rem;overflow:hidden;position:relative}
.s_case_show li a .img_box{width:100%;padding-top:23.4375rem;display:block;position:relative;overflow:hidden}
.s_case_show li a .img_box::before{content:'';position:absolute;left:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.5) 100%);width:100%;height:100%;z-index:1}
.s_case_show li a .img_box img{width:110%;height:110%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:all .5s ease;max-width:none;max-height:none}
.s_case_show li:hover a .img_box img{filter:blur(1.25rem)}
.s_case_show a .logo{position:absolute;top:1.875rem;left:2.5rem;z-index:2}
.s_case_show a .logo img{max-width:100%;max-height:4.375rem}
.s_case_show a .txt{position:absolute;z-index:2;bottom:3%;color:#fff;width:100%;height:10%;padding:0 2.5rem;transition:all .5s ease}
.s_case_show a .txt h2{font-size:1.375rem;margin-bottom:1.25rem;transition:all .5s ease}
.s_case_show a .txt p{font-size:1.0625rem;margin-bottom:2.5rem;opacity:0;transition:all .5s ease}
.s_case_show a .txt svg{width:2.375rem;height:2.375rem;display:flex;align-items:center;justify-content:center;background:#d4042c;padding:.5rem;border-radius:50%;opacity:0;transition:all .5s ease}
.s_case_show a .txt svg path{fill:#fff}
.s_case_show li:hover a .txt{height:50%}
.s_case_show li:hover a .txt h2{font-size:1.75rem}
.s_case_show li:hover a .txt p,.s_case_show li:hover a .txt svg{opacity:1}
.s_jxfw{background:linear-gradient(to bottom,#fff,#f2f2f2);padding:10.4375rem 0 9.8125rem 0}
.s_jxfw .w1600 .flex{align-items:flex-end;border-bottom:1px solid #f2f2f2;margin-bottom:3.75rem}
.s_jxfw .fwicoSwiper{width:100%;max-width:50rem;flex-shrink:0;margin:0}
.s_jxfw .fwicoSwiper .box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.25rem;position:relative;padding-bottom:3.125rem;cursor:pointer}
.s_jxfw .fwicoSwiper .box::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#d20031;transition:all .5s ease}
.s_jxfw .fwicoSwiper .swiper-slide:hover .box::after,.s_jxfw .fwicoSwiper .swiper-slide-thumb-active .box::after{width:100%}
.s_jxfw .fwicoSwiper .box img{object-fit:contain}
.s_jxfw .jxfwSwiper{width:100%;max-width:78.75rem;overflow:visible}
.s_jxfw .jxfwSwiper .swiper-slide{width:100%;height:100%;background:#fff;padding:4.375rem 5.625rem;border-radius:.9375rem}
.s_jxfw .jxfwSwiper .txt h2{font-size:2.25rem;font-weight:bold;color:#212121;margin-bottom:2.5rem}
.s_jxfw .jxfwSwiper .txt p{font-size:1.0625rem;font-weight:300;line-height:2rem;color:#787878;margin-bottom:4.375rem}
.s_jxfw .jxfwSwiper .img{width:100%;max-width:36.6875rem;flex-shrink:0;border-radius:.9375rem;margin-left:5rem}
.s_jxfw .jxfwSwiper .jt_box{display:flex;align-items:center;gap:.625rem;position:absolute;z-index:2;left:5.625rem;bottom:15%}
.s_jxfw .jxfwSwiper i{width:3.4375rem;height:3.4375rem;border:1px solid #d2d2d2;border-radius:.9375rem;display:flex;align-items:center;justify-content:center;transition:all .5s ease;cursor:pointer}
.s_jxfw .jxfwSwiper i svg{width:1.5rem;height:1.5rem}
.s_jxfw .jxfwSwiper i svg path{fill:#212121;transition:all .5s ease}
.s_jxfw .jxfwSwiper .prev svg{transform:rotate(180deg)}
.s_jxfw .jxfwSwiper i:hover{background-color:#d4042c;border-color:#d4042c}
.s_jxfw .jxfwSwiper i:hover svg path{fill:#fff}
.s_jxfw .s_more{margin-bottom:5.625rem}
.s_khzs{background:url(../image/s_khzs_bg.jpg) center no-repeat;background-size:cover;padding:7.0625rem 0 5.9375rem 0;overflow:hidden;position:relative;height:65.625rem}
.s_khzs .w1600{z-index:2}
.s_khzs .y_line{width:100%;height:100%;position:absolute;top:0;z-index:1;display:flex;align-items:center;justify-content:center}
.s_khzs .y_line .yuan{width:100%;height:100%;position:absolute;border:1px dashed rgba(255,255,255,.5);border-radius:50%}
.s_khzs .y_line .yuan.y1{width:20.9375rem;height:20.9375rem;animation:rotate 5s linear infinite}
.s_khzs .y_line .yuan.y2{width:35.625rem;height:35.625rem;animation:rotate1 8s linear infinite}
.s_khzs .y_line .yuan.y3{width:56.25rem;height:56.25rem;animation:rotate 12s linear infinite}
.s_khzs .y_line .yuan.y4{width:84rem;height:84rem;animation:rotate1 16s linear infinite}
.s_khzs .y_line .yuan div{width:100%;height:100%;position:relative}
.s_khzs .y_line .yuan div:before{content:'●';position:absolute;font-size:1rem;color:#ffffff6e}
.s_khzs .y_line .yuan.y1 div:before{left:70%;top:2.5%}
.s_khzs .y_line .yuan.y2 div:before{top:0;left:35%}
.s_khzs .y_line .yuan.y3 div:before{top:15%;left:12.25%}
.s_khzs .y_line .yuan.y4 div:before{left:8.875%;top:20%}
@keyframes rotate{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}@keyframes rotate1{from{transform:rotate(360deg)}
to{transform:rotate(0deg)}
}.s_khzs .s_kh_box .s_kh_logo{position:absolute;z-index:5;width:8.4375rem;height:8.4375rem;border-radius:50%;background:rgba(205,30,36,.5);display:flex;align-items:center;justify-content:center}
.s_khzs .s_kh_box .s_kh_logo img{max-width:6.1875rem;max-height:3.6875rem}
.s_khzs .s_kh_box .kh1{top:20%;left:14%;max-width:5.75rem;max-height:5.75rem}
.s_khzs .s_kh_box .kh2{top:38%;left:11%;max-width:8.4375rem;max-height:8.4375rem}
.s_khzs .s_kh_box .kh3{top:38%;left:23%;max-width:8.4375rem;max-height:8.4375rem}
.s_khzs .s_kh_box .kh4{bottom:10%;left:15%;max-width:6.9375rem;max-height:6.9375rem}
.s_khzs .s_kh_box .kh5{bottom:10%;left:28%;max-width:8.4375rem;max-height:8.4375rem}
.s_khzs .s_kh_box .kh6{bottom:34%;left:34%;max-width:5.5625rem;max-height:5.5625rem}
.s_khzs .s_kh_box .kh7{top:30%;left:40%;max-width:8.75rem;max-height:8.75rem}
.s_khzs .s_kh_box .kh8{top:17%;left:57%;max-width:6.875rem;max-height:6.875rem}
.s_khzs .s_kh_box .kh9{bottom:16%;right:40%;max-width:6.875rem;max-height:6.875rem}
.s_khzs .s_kh_box .kh10{bottom:1%;right:35%;max-width:5.75rem;max-height:5.75rem}
.s_khzs .s_kh_box .kh11{top:40%;right:23%;max-width:8.4375rem;max-height:8.4375rem}
.s_khzs .s_kh_box .kh12{top:12%;right:14%;max-width:8.75rem;max-height:8.75rem}
.s_khzs .s_kh_box .kh13{bottom:20%;right:14%;max-width:6rem;max-height:6rem}
.s_khzs .s_kh_box .kh14{bottom:-7%;right:19%;max-width:8.4375rem;max-height:8.4375rem}
.s_khzs .s_title h2,.s_khzs .s_title p{color:#fff;text-align:center}
.s_khzs .logo{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);display:inline-flex;align-items:center;justify-content:center;width:auto}
.s_hyzk{background-color:#f3f3f3;padding:8.375rem 0}
.s_hyzk .flex{align-items:flex-end;margin-bottom:4.375rem}
.s_hyzk .s_title p{margin-bottom:0}
.s_hyzk .box{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.s_hyzk .box3{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}
.s_hyzk .box7{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.s_hyzk .box4{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.s_hyzk .box6{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;width: 87%;margin: auto;margin-top: 7rem;}
.s_hyzk .box5 .s_case li a {
    padding: 0px !important;
}
.s_hyzk .box5 .s_case .caseSwiper {
    max-width: 24.5rem !important;
}
.s_hyzk .box5 .s_case {
    padding: 0px !important;
}
.s_hyzk li{width:100%;height:auto;position:relative;border-radius:1.25rem;overflow:hidden;background-color:#fff;margin-bottom:2.5rem;padding:2.8125rem}
.s_hyzk li:first-child{padding:0;color:#fff}
.s_hyzk li:last-child{margin-bottom:0}
.s_hyzk li a .txt_box{position:absolute;z-index:2;width:100%;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between} /*height:100%;*/
.s_hyzk li a .txt_box .zslm{font-size:1rem;font-weight:300;text-align:center;max-width:20%;padding:.5rem;border-radius:.625rem;background-color:#d4042c}
.s_hyzk li a .time{display:block;font-size:1rem;font-weight:300;color:#adadad;margin-bottom:1.25rem}
.s_hyzk li a h2{min-height:4.5rem;font-size:1.375rem;line-height:2.25rem;color:#333333;margin-bottom:.9375rem;transition:all .5s ease}
.s_hyzk li a p{font-size:1.0625rem;line-height:3.125rem;font-weight:300;color:#6b6b6b;padding-left:1rem;position:relative;transition:all .5s ease}
.s_hyzk li a p::before{content:'●';position:absolute;font-size:.375rem;left:0;top:2%;transition:all .5s ease}
.s_hyzk li:first-child a h2{min-height:auto;color:#fff}
.s_hyzk li:first-child a .txt{height:4.25rem;overflow:hidden;transition:all .5s ease}
.s_hyzk li:first-child:hover a .txt{height:9rem}
.s_hyzk li:first-child a .txt3{height:2.25rem;overflow:hidden;transition:all .5s ease;}
.s_hyzk li:first-child:hover a .txt3{height:5.5rem}
.s_hyzk li a .txt_box svg{width:2rem;height:2rem;padding:.5rem;background:#fff;border-radius:50%;transition:all .5s ease}
.s_hyzk li a:hover h2{color:#d4042c;transform:translateX(.5rem)}
.s_hyzk li a:hover p{color:#d4042c;transform:translateX(.5rem)}
.s_hyzk li:first-child:hover a h2{color:#fff;transform:translateX(0)}
.s_hyzk li:hover a .txt_box svg{background-color:#d4042c}
.s_hyzk li:hover a .txt_box svg path{fill:#fff}
.s_hyzk .li a .time,.s_hyzk .li a h2,.s_hyzk .li a:first-child p{display:none}
.s_hyzk .li a:first-child .time,.s_hyzk .li a:first-child h2{display:block}
.s_team ul{display:grid;grid-template-columns:repeat(10,1fr)}
.s_team li:nth-child(14){grid-column:span 4}
.s_team li:nth-child(14) .box{background-color:#d4042c;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;gap:1rem}
.s_team li .box .year span{font-family:'Barlow-bold';margin-bottom:1.25rem;display:block;font-size:13.875rem}
.s_team li .box .year p{position:absolute;top:40%;left:32%;transform:translateX(-50%);font-size:2.25rem;padding:.5rem 1rem .5rem 2rem;background-color:#d4042c;text-transform:uppercase;font-family:'Barlow-bold';letter-spacing:5px}
.s_team li .box .txt span{display:block;text-transform:capitalize;font-size:2.25rem;margin-bottom:.625rem}
.s_team li .box .txt p{font-size:1.5rem;font-weight:300;margin-bottom:1.25rem}
.s_team li .box .txt h2{font-size:2.25rem}
.s_team li .box{width:100%;height:100%;max-height:275px;position:relative}
.s_team li .box img{width:100%;height:100%}
.s_team li .box img.on{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0;visibility:hidden;transition:all .1s ease}
.s_team li:hover .box img.on{opacity:1;visibility:visible}
.s_title h2{font-size:3.75rem;line-height:5.125rem;font-weight:bold;color:#000}
.s_lybd{padding:7.75rem 0;background:url(../image/s_lybd_bg.jpg) center no-repeat;background-size:cover;position:relative;overflow:hidden}
.s_lybd .flex{background:url(../image/s_lybd_img.jpg) center no-repeat;background-size:cover;border-radius:1.25rem;overflow:hidden;height:36.25rem}
.s_lybd .box{padding:4.375rem 5.625rem;color:#fff}
.s_lybd .top h2{font-size:2.5rem;font-weight:300;line-height:3.25rem;margin-bottom:1.25rem}
.s_lybd .top p{font-size:1rem;font-weight:300;margin-bottom:4.6875rem}
.s_lybd .ewm_box{display:flex;align-items:center;gap:3.125rem;margin-bottom:2.5rem}
.s_lybd .ewm{position:relative;overflow:hidden}
.s_lybd .ewm svg{position:absolute;top:0;left:0;width:100%}
.s_lybd .ewm svg path{stroke:#fff;fill:none}
.s_lybd .ewm::before,.s_lybd .ewm::after{content:"";display:block;position:absolute;left:1px;right:1px;height:62%;z-index:1}
.s_lybd .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#d9e3ff)}
.s_lybd .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d9e3ff)}
.s_lybd .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
.s_lybd .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.s_lybd .txt{display:flex;align-items:center;gap:.625rem;animation:bounce 1.6s infinite}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(0)}
40%{transform:translateX(-1rem)}
65%{transform:translateX(-.5rem)}
}.s_lybd .ewm_box img{max-width:7.5rem;border-radius:.625rem}
.s_lybd .lx_box span{font-size:1rem;font-weight:300;color:#fff6f7;margin-bottom:.625rem}
.s_lybd .lx_box h2{font-size:1.875rem;color:#fff6f7;font-family:'Barlow-bold';letter-spacing:1px}
.s_lybd .txt svg{width:2rem;height:2rem;transform:rotate(270deg) scaleX(-1)}
.s_lybd .txt svg path{fill:#fff}
.s_lybd .right{padding:4.3125rem 7.375rem;background:#fff5f6;width:100%;height:100%;max-width:58.125rem;flex-shrink:0;border-radius:1.25rem}
.s_lybd .right h1{font-size:2.25rem;font-weight:300;color:#212121;margin-bottom:2.5rem}
.s_lybd form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem .875rem}
.s_lybd form .inp input{padding:1.375rem 1.6875rem;border-radius:5rem;border:1px solid #d1d1d1;font-size:1rem;font-weight:300;color:#757575;width:100%}
.s_lybd form .inp.web,.s_lybd form .inp.service,.s_lybd form .inp.code{grid-column:span 2}
.s_lybd form .inp.code{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.s_lybd form .inp.code input{width:100%;max-width:10rem;flex-shrink:0}
.s_lybd form .service{margin-bottom:1.25rem}
.s_lybd form .service h2{font-size:1.25rem;color:#212121;margin-bottom:1.25rem}
.s_lybd form .service .service-buttons{display:flex;flex-wrap:wrap;gap:.625rem}
.s_lybd form .service .service-button{font-size:.875rem;border-radius:5rem;color:#b1b1b1;padding:.625rem .875rem;border:1px solid #d1d1d1;transition:all .5s ease;cursor:pointer;position:relative}
.s_lybd form .service .service-button:hover,.s_lybd form .service .service-button.on{color:#fff;background-color:#d4042c;border-color:#d4042c}
.s_lybd form .service .service-button input{border:0;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;cursor:pointer}
.s_lybd form .inp.code .code_box{display:flex;align-items:center;gap:.625rem}
.s_lybd form .inp.code button{width:100%;max-width:11.25rem;flex-shrink:0;padding:1.375rem 1.6875rem;border-radius:5rem;background-color:#d4042c;font-size:1.125rem;font-weight:300;color:#fff;transition:all .5s ease}
.s_lybd form .inp.code button:hover{transform:translateX(-1rem)}
footer{width:100%;padding:6.0625rem 0 1.375rem 0;background-color:#fff}
footer .flex{align-items:flex-start}
footer .logo img{width:100%}
footer .left{display:flex;justify-content:space-between;width:100%;max-width:64.5rem;flex-shrink:0}
footer .left .box{width:100%;max-width:18.625rem;flex-shrink:0}
footer .left .f_lmzs{width:100%;margin-left:5.5rem;display:flex;justify-content:space-between}
footer .left .f_lmzs dt{font-size:1.1875rem;color:#212121;margin-bottom:2.5rem}
footer .left .f_lmzs dd{font-size:1rem;font-weight:300;line-height:2.25rem;color:#8c8c8c}
footer .right{margin-left:2.5rem}
footer .line{width:100%;height:1px;background:#e9e9e9;margin:3.0625rem 0 1.625rem 0}
footer .ewm_box{display:flex;gap:1.25rem;padding-top: 1rem;}
footer .ewm_box .ewm .img_box{border-radius:.625rem;border:1px solid #e9e9e9;position:relative;overflow:hidden}
footer .ewm_box .ewm .img_box img{max-width:7.5rem;max-height:7.5rem}
footer .ewm_box p{margin-top:.625rem;font-size:1rem;font-weight:300;color:#898989;text-align:center}
footer .copyright{font-size:.9375rem;font-weight:300;color:#b8b8b8;transition:all .5s ease;width:100%;}
footer .copyright a:hover{color:#212121}
footer .a_box{font-size:.9375rem;font-weight:300;color:#b8b8b8;display:flex;align-items:center;gap:1.375rem}
footer .a_box a{transition:all .5s ease}
footer .a_box a:hover{color:#d4042c}
footer .line2{width:.5px;height:.875rem;background:#b8b8b8}
footer ul{display:flex;gap:.9375rem;margin-top:2.8125rem}
footer ul li{position:relative}
footer .lx_box{margin-bottom:3.25rem}
footer .links{display:flex;align-items:flex-start;font-size:1rem;font-weight:300;color:#b8b8b8}
footer .links h6{font-size:1rem;font-weight:300;color:#868686;flex-shrink:0;width:100%;max-width:6.875rem;margin-top:.65rem}
footer .links a{display:inline-block;margin-right:1.5rem;transition:all .5s ease}
footer .links a:hover{color:#d4042c}
footer .links .a{padding:.625rem 1rem;border-radius:5rem;background:#d4042c;color:#fff;transition:all .5s ease}
footer .links .a:hover{color:#fff;transform:translateX(.5rem)}
footer .lx_box span{display:block;font-size:.9375rem;font-weight:300;color:#a2a2a2}
footer .lx_box h2{font-size:1.75rem;color:#d30031;font-family:'Barlow-bold';margin-bottom:1.625rem}
footer .lx_box p{font-size:1rem;line-height:2;font-weight:300;color:#8c8c8c}
footer li .ico{width:3.25rem;height:3.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f6f6f6;transition:all .5s ease;cursor:pointer}
footer li .ico svg{width:2rem;height:2rem}
footer li .ico svg path{fill:#212121;transition:all .5s ease}
footer li .ico.dy svg{width:1.5rem;height:1.5rem}
footer li .ico_box{position:absolute;top:110%;left:50%;transform:translateX(-50%);width:auto;font-size:.875rem;text-align:center;color:#8c8c8c;white-space:nowrap;padding:.5rem;background:#fff;box-shadow:0 20px 20px 0 rgba(0,0,0,0.03);opacity:0;visibility:hidden;z-index:2;transition:all .5s ease}
footer .ewm_box .ewm .img_box::before,footer .ewm_box .ewm .img_box::after{content:"";display:block;position:absolute;left:1px;right:1px;height:62%;z-index:1}
footer .ewm_box .ewm .img_box::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#d9e3ff)}
footer .ewm_box .ewm .img_box::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d9e3ff)}
footer .ewm_box .ewm .img_box.actived::before{transform:translateY(270%);transition:transform 1.5s}
footer .ewm_box .ewm .img_box.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
footer li .ico_box img{min-width:6.875rem}
footer li:hover .ico_box{opacity:1;visibility:visible}
footer li:hover .ico{background:#d4042c}
footer li:hover .ico svg path{fill:#fff}
.s_title p{margin-top:1.875rem;font-size:1.25rem;font-weight:300;color:#9a9a9a;margin-bottom:3.125rem}
.s_title h2 span{color:#d20031}
.s_more{display:inline-flex;align-items:center;font-size:.9375rem;font-weight:300;color:#fff;gap:1.5rem;background:#020202;border-radius:5rem;padding:.5rem .75rem .5rem 1.6875rem;transition:all .5s ease}
.s_more:hover{background-color:#d4042c}
.s_more svg{width:2rem;height:2rem;padding:.5rem;background:#fff;border-radius:50%}
.s_more svg path{fill:#020202}
.n_fwlc{width:100%;height:100vh}
.n_fwlc .fwlcSwiper{width:100%;height:100%}
.n_fwlc .fwlcSwiper .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}
.n_fwlc .fwlcSwiper .box{width:100%;height:100%;position:relative}
.n_fwlc .fwlcSwiper .box .txt{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:1.125rem;line-height:2.125rem;font-weight:300;color:#fff;max-width:30%}
.n_fwlc .fwlcSwiper .box .txt h2{font-size:3.75rem;margin-bottom:2.5rem}
.n_fwlc .fwlcSwiper .box .txt .ico{width:7.5rem;height:7.5rem;background-color:#d4042c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:3.125rem}
.n_fwlc .fwlcSwiper .box .txt .ico svg{width:3.375rem;height:3.375rem}
.n_fwlc .fwlcSwiper .box .txt .ico svg path{fill:#fff}
.n_fwlc .fwlcSwiper .box img{width:100%;height:100%;object-fit:cover;object-position:bottom}
.n_fwlc .footer{height:auto !important;align-items:flex-end}
.n_fwlc .fwlctxtSwiper{position:fixed;z-index:5;top:40%;left:0;width:10%;height:100%;max-height:26.25rem}
.n_fwlc .fwlctxtSwiper .txt_box{display:block;color:#fff;font-size:1rem;font-weight:300;background:rgba(0,0,0,.3);border-top-right-radius:.625rem;border-bottom-right-radius:.625rem;cursor:pointer;transition:all .5s ease;position:relative;width:auto}
.n_fwlc .fwlctxtSwiper h2{font-size:1rem;font-weight:300;padding:1.0625rem 1.125rem}
.n_fwlc .fwlctxtSwiper .txt{position:absolute;top:50%;transform:translateY(-50%);left:0;opacity:0;visibility:hidden;transition:all .5s ease}
.n_fwlc .fwlctxtSwiper .txt p{white-space:nowrap;padding:1.0625rem 1.125rem;width:auto;border-top-right-radius:.625rem;border-bottom-right-radius:.625rem;background-color:#d4042c}
.n_fwlc .fwlctxtSwiper .txt_box:hover{background-color:#d4042c}
.n_fwlc .fwlctxtSwiper .swiper-slide-thumb-active .txt{opacity:1;visibility:visible}
.n_fwlc .fwlctxtSwiper .swiper-slide-thumb-active h2{opacity:0}
.n_fwlc .fwlctxtSwiper .swiper-wrapper{display:inline-flex;width:auto}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt .ico,.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt h2,.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt p{opacity:0}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt .ico{animation:fadeUpOnce 1s ease-out forwards}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt h2{animation:fadeUpOnce 1s ease-out forwards .5s}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt p{animation:fadeUpOnce 1s ease-out forwards 1s}


.n_fwlc1{width:100%;height:100vh}
.n_fwlc1 .fwlcSwiper{width:100%;height:100%}
.n_fwlc1 .fwlcSwiper .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative;overflow:visible}
.n_fwlc1 .fwlcSwiper .box1{width:100%;height:100%;position:relative}
.n_fwlc1 .fwlcSwiper .box1 .txt{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:1.125rem;line-height:2.125rem;font-weight:300;color:#000;max-width:30%}
.n_fwlc1 .fwlcSwiper .box1 .txt h2{font-size:3.75rem;margin-bottom:2.5rem}
.n_fwlc1 .fwlcSwiper .box1 .txt .ico{width:7.5rem;height:7.5rem;background-color:#d4042c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:3.125rem}
.n_fwlc1 .fwlcSwiper .box1 .txt .ico svg{width:3.375rem;height:3.375rem}
.n_fwlc1 .fwlcSwiper .box1 .txt .ico svg path{fill:#fff}
.n_fwlc1 .fwlcSwiper .box1 img{width:100%;height:100%;object-fit:cover;object-position:bottom}
.n_fwlc1 .footer{height:auto !important;align-items:flex-end}
.n_fwlc1 .fwlctxtSwiper{position:fixed;z-index:5;top:40%;left:0;width:10%;height:100%;max-height:26.25rem}
.n_fwlc1 .fwlctxtSwiper .txt_box{display:block;color:#fff;font-size:1rem;font-weight:300;background:rgba(0,0,0,.3);border-top-right-radius:.625rem;border-bottom-right-radius:.625rem;cursor:pointer;transition:all .5s ease;position:relative;width:auto}
.n_fwlc1 .fwlctxtSwiper h2{font-size:1rem;font-weight:300;padding:1.0625rem 1.125rem}
.n_fwlc1 .txt2{display: flex;align-items: flex-end;justify-content: space-between;}
.n_fwlc1 .fwlctxtSwiper .txt{position:absolute;top:50%;transform:translateY(-50%);left:0;opacity:0;visibility:hidden;transition:all .5s ease}
.n_fwlc1 .fwlctxtSwiper .txt p{white-space:nowrap;padding:1.0625rem 1.125rem;width:auto;border-top-right-radius:.625rem;border-bottom-right-radius:.625rem;background-color:#d4042c}
.n_fwlc1 .fwlctxtSwiper .txt_box:hover{background-color:#d4042c}
.n_fwlc1 .fwlctxtSwiper .swiper-slide-thumb-active .txt{opacity:1;visibility:visible}
.n_fwlc1 .fwlctxtSwiper .swiper-slide-thumb-active h2{opacity:0}
.n_fwlc1 .fwlctxtSwiper .swiper-wrapper{display:inline-flex;width:auto}
.n_fwlc1 .fwlcSwiper .swiper-slide-active .box .txt .ico,.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt h2,.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt p{opacity:0}
.n_fwlc1 .fwlcSwiper .swiper-slide-active .box .txt .ico{animation:fadeUpOnce 1s ease-out forwards}
.n_fwlc1 .fwlcSwiper .swiper-slide-active .box .txt h2{animation:fadeUpOnce 1s ease-out forwards .5s}
.n_fwlc1 .fwlcSwiper .swiper-slide-active .box .txt p{animation:fadeUpOnce 1s ease-out forwards 1s}
.n_fwlc1 .fwlcSwiper .box1 .tit_h2{text-align:center;font-size:1.125rem;line-height:2.125rem;font-weight:300;color:#000;max-width:100%;padding-bottom: 3rem;}
.n_fwlc1 .fwlcSwiper .box1 .tit_h2 h2{font-size:3.75rem;margin-bottom:2.5rem}
.n_fwlc1 .fwlcSwiper .box1 .tit_h2 .ico{width:7.5rem;height:7.5rem;background-color:#d4042c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:3.125rem}
.n_fwlc1 .fwlcSwiper .box1 .tit_h2 .ico svg{width:3.375rem;height:3.375rem}
.n_fwlc1 .fwlcSwiper .box1 .tit_h2 .ico svg path{fill:#fff}
#banner .h21,#banner .h22,#banner .key{opacity:0}
#banner .swiper-slide-active .h21{animation:fadeUpOnce .8s ease-out forwards}
#banner .swiper-slide-active .h22{animation:fadeUpOnce .8s ease-out forwards .5s}
#banner .swiper-slide-active .key{animation:fadeUpOnce .8s ease-out forwards 1s}
@keyframes fadeUpOnce{from{opacity:0;transform:translateY(5rem)}
to{opacity:1;transform:translateY(0)}
}.n_case{padding:7.4375rem 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.n_case ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.n_case li a{display:block;width:100%;height:100%;border-radius:.9375rem;overflow:hidden;position:relative}
.n_case li a .img_box{width:100%;padding-top:23.4375rem;display:block;position:relative;overflow:hidden}
.n_case li a .img_box::before{content:'';position:absolute;left:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.5) 100%);width:100%;height:100%;z-index:1}
.n_case li a .img_box img{width:110%;height:110%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:all .5s ease;max-width:none;max-height:none}
.n_case li:hover a .img_box img{filter:blur(1.25rem)}
.n_case li a .logo{position:absolute;top:1.875rem;left:2.5rem;z-index:2}
.n_case li a .logo img{max-width:10.625rem;max-height:3.375rem}
.n_case li a .txt{position:absolute;z-index:2;bottom:3%;color:#fff;width:100%;height:10%;padding:0 2.5rem;transition:all .5s ease}
.n_case li a .txt h2{font-size:1.375rem;margin-bottom:1.25rem;transition:all .5s ease}
.n_case li a .txt p{font-size:1.0625rem;margin-bottom:2.5rem;opacity:0;transition:all .5s ease}
.n_case li a .txt svg{width:2.375rem;height:2.375rem;display:flex;align-items:center;justify-content:center;background:#d4042c;padding:.5rem;border-radius:50%;opacity:0;transition:all .5s ease}
.n_case li a .txt svg path{fill:#fff}
.n_case li:hover a .txt{height:50%}
.n_case li:hover a .txt h2{font-size:1.75rem}
.n_case li:hover a .txt p,.n_case li:hover a .txt svg{opacity:1}
.n_title h2{font-size:3.75rem;color:#212121;margin-bottom:1.25rem}
.n_title h2 span{color:#d20031;margin-left:2rem}
.n_title p{font-size:1.25rem;font-weight:300;color:#9a9a9a}
.n_yw p{font-size:10rem;font-family:'Barlow-bold';letter-spacing:.3125rem;color:rgba(210,0,49,.1)}
.n_lm{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:3.125rem;width:100%}
.n_lm a{display:block;width:100%;max-width:8.75rem;font-size:1.125rem;color:#666666;border-radius:5rem;border:1px solid #dddddd;text-align:center;padding:1.5rem 0;transition:all .5s ease}
.n_lm a:hover,.n_lm a.on{background-color:#d4042c;border-color:#d4042c;color:#fff}
.page .box{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-top:5rem}
.page .box a{display:block;width:auto;font-size:1rem;font-weight:300;padding:.9375rem 1.5625rem;border-radius:5rem;border:1px solid #dcdcdc;transition:all.5s ease}
.page .box a:hover,.page .box a.on{background-color:#d4042c;border-color:#d4042c;color:#fff}
.n_banner{position:relative;width:100%;height:100%;max-height:30.3125rem;overflow:hidden}
.n_banner img,.n_banner .img_box{width:100%;height:100%;object-fit:cover}
.n_banner .txt{position:absolute;z-index:2;width:100%;bottom:0}
.n_banner .txt h2{color:#fff}
.n_banner .txt .n_yw p{color:rgba(255,255,255,.1);margin-bottom:3rem}
.n_blog{padding:5rem 0 7.5rem}
.n_blog .top form{width:100%;max-width:26.25rem;flex-shrink:0;position:relative}
.n_blog .top form button{position:absolute;top:50%;transform:translateY(-50%);right:8%;background-color:transparent}
.n_blog .top form button svg{width:1.25rem;height:1.25rem}
.n_blog .top form button svg path{fill:#666666}
.n_blog .top input{border:1px solid #dddddd;border-radius:5rem;padding:1.5rem 2.125rem;font-size:1rem;font-weight:300;color:#646464;width:100%}
#n_blog .yr .bg1 .bubble{top:35%;right:35%}
.n_blog .flex{align-items:flex-start}
.n_blog ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;position:relative;z-index:5}
.n_blog li .box{display:block;width:100%;height:100%;background-color:#fff;border-radius:1.25rem;padding:4.125rem 3.125rem;overflow:hidden;position:relative}
.n_blog li .box::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;visibility:hidden;background:linear-gradient(120deg,#e80117 0%,#e80117 60%,#f6c8cc 100%)}
.n_blog li .box span{display:block;font-size:1rem;font-weight:300;color:#adadad;margin-bottom:1.875rem;transition:all .5s ease;position:relative;z-index:2}
.n_blog li .box h2{font-size:1.625rem;line-height:2.375rem;color:#333333;min-height:4.0625rem;margin-bottom:2.375rem;transition:all .5s ease;position:relative;z-index:2}
.n_blog li .box p{font-size:.9375rem;font-weight:300;line-height:1.625rem;color:#999999;margin-bottom:3.75rem;transition:all .5s ease;position:relative;z-index:2}
.n_blog li .box .more{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8a8a8;border-radius:50%;padding:.625rem;transition:all .5s ease;position:relative;z-index:2}
.n_blog li .box .more svg{width:1rem;height:1rem}
.n_blog li .box .more svg path{fill:#a8a8a8;transition:all .5s ease}
.n_blog li .box:hover span,.n_blog li .box:hover h2,.n_blog li .box:hover p,.n_blog li .box:hover .more svg path{color:#fff;fill:#fff}
.n_blog li .box:hover .more{border-color:#fff}
.n_blog li .box:hover::after{opacity:1;visibility:visible}
.n_blog_show{border-top:1px solid #e6e6e6}
.n_blog_show .w1600>.flex{border-bottom:1px solid #e6e6e6;align-items:flex-start}
.n_blog_show .left>h2{font-size:3rem;line-height:1.5;color:#212121;margin-bottom:3.125rem}
.n_blog_show .left .box{padding:.875rem 2.75rem;border-radius:.625rem;background:linear-gradient(to right,#f7f7f7,#fff);font-size:1rem;color:#494949;margin-bottom:5.375rem}
.n_blog_show .left .box .text span{font-size:.875rem;color:#a5a5a5}
.n_blog_show .left .box .text span.dr_show_hits_5322{color:#212121}
.n_blog_show .left .box .text .line{width:.5px;height:1.25rem;background:#e3e3e3;margin:0 2.8125rem}
.n_blog_show .left .box .back a{position:relative;height:2.3125rem;padding-left:1.5rem}
.n_blog_show .left .box .back p{position:relative;z-index:2;transition:all .5s ease}
.n_blog_show .left .box .back svg{width:.625rem;height:.625rem;margin-left:1.5rem;margin-right:0.8438rem;position:relative;z-index:2}
.n_blog_show .left .box .back svg path{fill:#fff}
.n_blog_show .left .box .back a::after{content:'';position:absolute;top:0;right:0;width:2.3125rem;height:100%;background:#d20031;display:flex;align-items:center;justify-content:center;border-radius:5rem;z-index:1;transition:width .5s ease-in-out}
.n_blog_show .left .box .back a:hover::after{width:100%}
.n_blog_show .left .box .back a:hover p{color:#fff}
.n_blog_show .flex .left{padding:7.4375rem 5rem 8.3125rem 0;border-right:1px solid #e6e6e6}
.n_blog_show .left .wz{display:flex;align-items:flex-start;gap:6.25rem;margin-top:6.25rem}
.n_blog_show .left .wz div{width:45%;flex-shrink:0}
.n_blog_show .left .wz div p{font-size:.875rem;color:#606060;margin-bottom:1.25rem}
.n_blog_show .left .wz div a{display:block;font-size:1.125rem;color:#606060;transition:all .5s ease}
.n_blog_show .left .wz div a:hover{color:#d4042c}
.n_blog_show .left .wz div.wz_next{text-align:right}
.n_blog_show .right{width:100%;max-width:22.1875rem;margin-left:6.25rem;flex-shrink:0;padding-top:7.4375rem;position:sticky;top:1rem}
.n_blog_show .right h6{font-size:1.375rem;color:#212121;margin-bottom:1.5rem}
.n_blog_show .right .img{width:100%;height:auto;max-height:13.75rem;overflow:hidden;position:relative;border-radius:.9375rem}
.n_blog_show .right .img .txt{position:absolute;z-index:1;left:0;bottom:0;width:100%;padding:0 1.875rem .875rem}
.n_blog_show .right .img .txt p,.n_blog_show .right .img .txt .time{color:#fff}
.n_blog_show .right .txt .time{display:block;font-size:.875rem;font-weight:300;color:#7f7f7f;margin-bottom:1rem}
.n_blog_show .right .txt p{font-size:1.125rem;line-height:1.875rem;color:#606060;transition:all .5s ease}
.n_blog_show .right li{margin-top:2.5rem}
.n_blog_show .right li:hover .txt p{color:#d4042c;transform:translateX(.5rem)}
.n_blog_show .right .tag{margin:4.375rem 0}
.n_blog_show .right .tag .tag_box{display:flex;flex-wrap:wrap;gap:.625rem}
.n_blog_show .right .tag .tag_box a{background-color:#f3f3f3;white-space:nowrap;font-size:.875rem;font-weight:300;color:#646464;border-radius:.1875rem;padding:.5rem 1.375rem;transition:all .5s ease}
.n_blog_show .right .tag .tag_box a:hover{background-color:#d4042c;color:#fff}
.case_tj{border-top:0}
.case_tj .flex{align-items:flex-end;margin-bottom:4.375rem}
.n_case_show .box{width:100%;height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle,#4595ff,#e3f3fc)}
.n_case_show .box .flex{width:100%;height:100%}
.n_case_show .box h2{font-size:4.5rem;color:#212121;margin-bottom:1.25rem}
.n_case_show .box h6{font-size:1.125rem;font-weight:300;color:#616161;margin-bottom:3.125rem}
.n_case_show .box .a_box{display:flex;align-items:center;gap:1.25rem;margin-bottom:5.625rem}
.n_case_show .box .a_box a{font-size:1.125rem;color:#212121;padding:1.25rem 3.125rem;border-radius:5rem;border:1px solid #212121;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:.9375rem;transition:all .5s ease}
.n_case_show .box .a_box a svg{width:.9375rem;height:.9375rem}
.n_case_show .box .a_box a svg path{fill:#212121;transition:all .5s ease}
.n_case_show .box .a_box a:hover{color:#fff;background-color:#d4042c;border-color:#d4042c}
.n_case_show .box .a_box a:hover svg path{fill:#fff}
.n_case_show .box .ewm_box{display:flex;align-items:center;gap:3.125rem;margin-bottom:2.5rem}
.n_case_show .box .ewm{position:relative;overflow:hidden}
.n_case_show .box .ewm img{mix-blend-mode:darken;max-width:7.8125rem;max-height:7.8125rem}
.n_case_show .box .ewm svg{position:absolute;top:0;left:0;width:100%}
.n_case_show .box .ewm svg path{stroke:#212121;fill:none}
.n_case_show .box .ewm::before,.n_case_show .box .ewm::after{content:"";display:block;position:absolute;left:1px;right:1px;height:62%;z-index:1;border-radius:.9375rem}
.n_case_show .box .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#d9e3ff)}
.n_case_show .box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d9e3ff)}
.n_case_show .box .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
.n_case_show .box .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.n_case_show .box .txt{display:flex;align-items:center;gap:.625rem;animation:bounce 1.6s infinite;font-size:1rem;font-weight:300;color:#5c5c5c}
.n_case_show .box .txt svg{width:2rem;height:2rem;transform:rotate(270deg) scaleX(-1)}
.n_case_show .box .txt svg path{fill:#5c5c5c}
.n_case_show .box .lx_box span{font-size:1rem;font-weight:300;color:#696c6e}
.n_case_show .box .lx_box h3{font-size:2.5rem;font-family:'Barlow-bold';color:#212121}
.n_case_show .box .right{position:absolute;right:0;top:21%;width:52%}
.n_case_show .box .right img{width:100%;height:100%;object-fit:cover}
.n_case_show .box2{padding-top:8.375rem}
.n_case_show .case_title p{font-size:1rem;color:#212121;margin-bottom:2.25rem}
.n_case_show .case_title h2{font-size:5rem;color:#212121}
.n_case_show .box2 .flex{align-items:flex-end}
.n_case_show .box2 .zt{width:100%;display:flex;align-items:flex-end;gap:6.25rem}
.n_case_show .box2 .zt i{font-size:16.25rem;font-weight:bold;text-transform:capitalize;text-shadow:-1px -1px 0 #828282,1px -1px 0 #828282,-1px 1px 0 #828282,1px 1px 0 #828282;color:#fff}
.n_case_show .box2 .zt .zt_box{display:flex;align-items:center;gap:6.25rem;font-weight:300}
.n_case_show .box2 .zt .zt_box p{font-size:1.625rem;color:#000000;margin-bottom:1.25rem}
.n_case_show .box2 .zt .zt_box span{display:block;font-size:1rem;color:#676767;margin-bottom:3.125rem}
.n_case_show .box2 .zt .zt_box .ztzh{font-size:1rem;color:#000000;text-transform:uppercase}
.n_case_show .box2 .color{width:100%;max-width:37.125rem;flex-shrink:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.9375rem}
.n_case_show .box2 .color li{width:100%;height:100%;min-height:13.125rem;border-radius:.625rem;border:1px solid #dfdfdf;position:relative;transition:all .5s ease}
.n_case_show .box2 .color li .txt{position:absolute;left:0;bottom:0;padding:1.875rem;font-size:.875rem;font-weight:300;line-height:1.625rem;color:#241e4a}
.n_case_show .box2 .color li .txt.bai{color:#fff}
.n_case_show .box2 .color li:hover{transform:scale(1.05) rotate(.1deg);-webkit-transform:scale(1.05) rotate(.1deg);-moz-transform:scale(1.05) rotate(.1deg);-ms-transform:scale(1.05) rotate(.1deg);-o-transform:scale(1.05) rotate(.1deg)}
.n_case_show .box2 .zdsb .case_title{padding:6.25rem 0 3.125rem 0}
.n_case_show .box2 .zdsb ul{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.n_case_show .box2 .mzsm{font-size:1rem;font-weight:300;color:#838383;line-height:2.125rem;padding-bottom:2.5rem;border-bottom:1px solid #E6E6E5}
.n_about{padding:6.75rem 0 6.25rem 0}
.n_about .flex:first-child{margin-bottom:3.125rem}
.n_about .flex:nth-child(2){align-items:flex-start}
.n_about .ar_article{font-size:1.125rem;margin-bottom:5rem}
.n_about .hzhb_box h6{font-size:1.125rem;font-weight:300;color:#000000;margin-bottom:1.25rem}
.n_about .hzhb_box .hzhb_img{display:flex;gap:.9375rem}
.n_about .hzhb_box .hzhb_img .img{min-width:11.25rem;min-height:4.25rem;border-radius:.3125rem;border:1px solid #f0f0f0;position:relative;transition:all .5s ease}
.n_about .hzhb_box .hzhb_img .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:6.25rem;max-height:2rem;object-fit:contain}
.n_about .hzhb_box .hzhb_img .img:hover{transform:translateY(-.5rem)}
.n_about .right{width:100%;max-width:35.3125rem;flex-shrink:0;margin-left:11.25rem}
.n_about .right .sz_box{display:grid;grid-template-columns:repeat(2,1fr)}
.n_about .right .sz_box .sz{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.375rem}
.n_about .right .sz_box p{font-size:1.25rem;font-weight:300;color:#212121}
.n_about .right .sz_box .sz p{font-size:3.125rem;font-family:'Barlow-bold';color:#d20031}
.n_about .right .sz_box .sz span{font-size:1.375rem;font-family:'Barlow-bold';color:#d20031;margin-top:.5rem}
.n_about .right .sz_box li:first-child .sz{align-items:flex-end}
.n_about .right .sz_box li:first-child .sz span{font-size:1.25rem;font-weight:300;color:#212121;margin-top:0;margin-bottom:.5rem}
.n_about .right .sz_box li{border-top:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:3.375rem 4.75rem;width:100%}
.n_about .right .sz_box li:nth-child(1),.n_about .right .sz_box li:nth-child(2){border-top:0;padding-top:0}
.n_about .right .sz_box li:nth-child(3),.n_about .right .sz_box li:nth-child(4){padding-bottom:0}
.n_about .right .sz_box li:nth-child(even){border-right:0}
.n_hzhb{background:url(../image/n_hzhb_bg.jpg) center no-repeat;background-size:cover;padding:12.5rem 0;color:#fff;position:relative}
.n_hzhb .w1600{z-index:2}
.n_hzhb .left{width:100%;max-width:22.5rem;flex-shrink:0}
.n_hzhb .left h2{font-size:3.75rem;font-weight:bold;line-height:5rem;margin-bottom:2.5rem}
.n_hzhb .left p{font-size:1.25rem;font-weight:300;margin-bottom:4.375rem}
.n_hzhb .left a{position:relative;display:inline-block;width:auto;height:auto}
.n_hzhb .left a .on{position:absolute;width:auto;height:auto;object-fit:contain;opacity:0;visibility:hidden;transition:all .5s ease}
.n_hzhb .left a:hover .on{opacity:1;visibility:visible}
.n_hzhb ul{display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;align-items:center;gap:6.25rem;transform:translateX(10%)}
.n_hzhb ul li{width:100%}
.n_hzhb ul li:nth-child(1),.n_hzhb ul li:nth-child(19){margin-left:-50%}
.n_hzhb ul li img{width:100%;height:100%;max-width:14rem;max-height:4.375rem;object-fit:contain}
.n_hzhb .yuan_box{position:absolute;width:100%;top:50%;transform:translateY(-50%)}
.n_hzhb .yuan{position:relative;width:50.3125rem;height:50.3125rem;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.n_hzhb .yuan.y1{position:absolute;left:-20%}
.n_hzhb .yuan.y2{animation:rotate2 12s linear infinite}
.n_hzhb .yuan.y2::before{content:'●';position:absolute;right:20%;top:8.25%;font-size:1rem;color:#ff8585}
@keyframes rotate2{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}.n_hscn{background:linear-gradient(to bottom,#fff,#ffd0d3);padding:8rem 0}
.n_hscn .n_title h2 span{margin:0}
.n_hscn ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8.75rem 5.25rem;margin-top:7.1875rem;align-items:center;justify-items:start}
.n_hscn li{display:flex;align-items:center;gap:1.875rem;padding: 15px;}
.n_hscn li svg{width:3.75rem;height:3.75rem}
.n_hscn li svg path{fill:#5f5e5e}
.n_hscn li h2{font-size:1.2rem;font-weight:bold;color:#212121;margin-bottom:1rem}
.n_hscn li p{font-size:1.125rem;line-height:1.5;font-weight:300;color:#979797}
.n_hscn li {transition:all 0.3s ease}
.n_hscn li:hover{cursor: pointer;transform: scale(1.1);background: rgba(255,255,255,0.8);border-radius: 20px;}
.about_svg {width: 60px;}
.n_lxwm{padding:8.0625rem 0 5.9375rem}
.n_lxwm .top h2{font-size:3.625rem;line-height:4.5rem;color:#212121}
.n_lxwm .left{position:relative;width:100%}
.n_lxwm .right{width:100%;max-width:41.875rem;flex-shrink:0;padding:5.4375rem 4.125rem;border-radius:.9375rem;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 60%,#f6c8cc 100%);margin-left:9.25rem}
.n_lxwm .right h6{font-size:1rem;font-weight:300;color:#616161;padding-left:1.5rem;position:relative}
.n_lxwm .right h6::before{content:'●';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.75rem;color:#d4042c;animation:breathing 1.5s infinite ease-in-out;transform-origin:center}
@keyframes breathing{0%{transform:translateY(-50%) scale(1);opacity:1}
50%{transform:translateY(-50%) scale(1.2);opacity:0.5}
100%{transform:translateY(-50%) scale(1);opacity:1}
}.n_lxwm .right input,.n_lxwm .right textarea{font-size:1rem;font-weight:300;color:#616161;padding:1.375rem 1.875rem;width:100%;border:1px solid #d1d1d1;border-radius:1.875rem;background-color:rgba(0,0,0,0);margin-bottom:1.5rem}
.n_lxwm .right textarea{min-height:10.625rem}
.n_lxwm .right .yzm{position:relative;width:100%;height:100%}
.n_lxwm .right .yzm .fc-code{position:absolute;top:50%;right:8%;transform:translateY(-50%)}
.n_lxwm .right button{width:100%;height:100%;background-color:#d4042c;color:#fff;font-size:1rem;font-weight:300;padding:1.375rem 1.875rem;border-radius:1.875rem}
.n_lxwm .right button,.n_lxwm .right input:first-child{margin-top:1.5rem}
.n_lxwm .right .yzm input{margin:0}
.n_lxwm .box{display:flex;gap:6.875rem;margin:5.625rem 0}
.n_lxwm .lx_box{width:70%;flex-shrink:0}
.n_lxwm .lx_box div{margin-bottom:2.25rem}
.n_lxwm .lx_box div:last-child{margin-bottom:0}
.n_lxwm .lx_box h2{font-size:2rem;font-weight:300;color:#212121;margin-bottom:3.125rem}
.n_lxwm .lx_box p{font-size:1rem;font-weight:300;color:#979797;margin-bottom:1.125rem}
.n_lxwm .lx_box h6{font-size:1.25rem;font-weight:300;line-height:1.5;color:#212121}
.n_lxwm .lx_box .tel h6{font-size:2.5rem;font-family:'Barlow-bold';color:#d20031;margin-top:-1rem}
.n_lxwm .lx_box a{display:inline-block;margin-left:.5rem}
.n_lxwm .lx_box a svg{width:1.25rem;height:1.25rem}
.n_lxwm .lx_box a svg path{fill:#d4042c}
.n_lxwm .left .flex{gap:4.375rem;justify-content:unset}
.n_lxwm .left .ewm_box p{text-align:center;font-size:1rem;font-weight:300;color:#757575;margin-top:1.6875rem}
.n_lxwm .left .ewm_box .ewm{position:relative;overflow:hidden}
.n_lxwm .left .ewm_box .ewm img{mix-blend-mode:darken;max-width:9.375rem;max-height:9.375rem}
.n_lxwm .left .ewm_box .ewm svg{position:absolute;top:0;left:0;width:100%}
.n_lxwm .left .ewm_box .ewm svg path{stroke:#212121;fill:none}
.n_lxwm .left .ewm_box .ewm::before,.n_lxwm .left .ewm_box .ewm::after{content:"";display:block;position:absolute;left:1px;right:1px;height:62%;z-index:1;border-radius:.9375rem}
.n_lxwm .left .ewm_box .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#d9e3ff)}
.n_lxwm .left .ewm_box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d9e3ff)}
.n_lxwm .left .ewm_box .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
.n_lxwm .left .ewm_box .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.n_join{padding:7.875rem 0}
.n_join .left h2{font-size:3.5rem;line-height:4.5rem;color:#212121;margin-bottom:3.75rem}
.n_join .left h2 span{color:#d4042c}
.n_join .left p{font-size:1.0625rem;font-weight:300;line-height:2.125rem;color:#787878;margin-bottom:4.875rem}
.n_join .hov_box{position:relative}
.n_join .hov_box .hov svg{transform:rotate(180deg)}
.n_join .box .right{width:100%;max-width:49.0625rem;flex-shrink:0;border-radius:.9375rem;overflow:hidden;margin-left:10.3125rem}
.n_join .box2{padding-top:9.625rem;align-items:flex-start}
.n_join .box2 .left{width:100%;max-width:24.5rem;margin-right:14.875rem;flex-shrink:0;position:sticky;top:9rem}
.n_join .box2 .right{width:100%}
.n_join .box2 dt{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8e8e8;padding:2rem .9375rem;width:100%;cursor:pointer;position:relative}
.n_join .box2 dt::before{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background:#d4042c;transition:all .5s ease}
.n_join .box2 dl.on dt::before,.n_join .box2 dl:hover dt::before{width:100%}
.n_join .box2 dl:last-child dt{border-bottom:1px solid #e8e8e8}
.n_join .box2 dl.on:last-child dt{border:0}
.n_join .box2 dt h2{width:100%;font-size:1.375rem;color:#212121}
.n_join .box2 dd{display:none;padding:0 .9375rem 2rem}
.n_join .box2 .zk{display:flex;align-items:center;justify-content:center;width:2.1875rem;height:2.1875rem;cursor:pointer;flex-shrink:0}
.n_join .box2 .zk i{width:1.125rem;height:1.125rem;display:block;position:relative;transition:all .5s ease}
.n_join .box2 .zk i::after,.n_join .box2 .zk i::before{content:'';position:absolute;width:100%;height:2px;background:#cacaca;top:55%;left:50%;transform:translateX(-50%) translateY(-50%)}
.n_join .box2 .zk i::after{transform:rotate(90deg);left:0;top:50%}
.n_join .box2 dl:hover .zk i{transform:rotate(90deg)}
.n_service .flex{padding:4.6875rem 5.5rem;border-radius:1.25rem;margin:8.5625rem 0 3.75rem}
.n_service .left .ico{width:5.9375rem;height:5.9375rem;padding:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:2.5rem}
.n_service .left .ico svg{width:100%;height:100%}
.n_service .left .ico svg path{fill:#fff}
.n_service .left h2{font-size:2.5rem;font-weight:300;color:#212121;margin-bottom:1.25rem}
.n_service .left p{font-size:1.125rem;line-height:1.5;color:#686868;margin-bottom:5rem}
.n_service .left{width:100%}
.n_service .right{width:100%;max-width:50.625rem;padding-left:1.25rem;position:relative;margin-left:9.375rem;flex-shrink:0}
.n_service .right::before{content:'●';position:absolute;left:0;top:3.5%;transform:translateY(-50%);font-size:.75rem;color:#d4042c;animation:breathing 1.5s infinite ease-in-out;transform-origin:center}
.n_service .right h6{font-size:1.3125rem;color:#212121;margin-bottom:2.5rem}
.n_service .right ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:5.625rem}
.n_service .right li{cursor:pointer;padding:1.25rem;width:100%;border-radius:5rem;border:1px solid rgba(255,255,255,.5);text-align:center;font-size:1rem;font-weight:300;color:#212121;transition:all .5s ease}
.n_service .right .img_box{display:flex;align-items:center;justify-content:space-between;gap:3.125rem}
.n_service .right .img_box img{width:auto;height:auto;object-fit:cover}
.n_service .n_jdal h6{margin-left:4.625rem;padding-left:1.25rem;font-size:1.375rem;color:#212121;position:relative;margin-bottom:2.5rem}
.n_service .n_jdal h6 span{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.75rem;color:#d4042c;animation:breathing 1.5s infinite ease-in-out}
.n_service .n_jdal ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.n_service .n_jdal li .img{width:100%;height:100%;max-height:20.625rem;border-radius:.9375rem;overflow:hidden;position:relative}
.n_service .n_jdal li .pc{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);width:100%;height:100%;max-width:25.3125rem;max-height:15.625rem;object-fit:contain;z-index:2}
.n_service .n_jdal li .img .logo{position:absolute;top:8%;left:5%;z-index:1;max-width:10.875rem;max-height:3.75rem}
.n_service .n_jdal li .img .bg{width:100%;height:auto;min-height:20.625rem;background:radial-gradient(circle,#4595ff,#e3f3fc)}
.n_service .n_jdal li .img:hover img{transform:scale(1) rotate(.1deg);-webkit-transform:scale(1) rotate(.1deg);-moz-transform:scale(1) rotate(.1deg);-ms-transform:scale(1) rotate(.1deg);-o-transform:scale(1) rotate(.1deg)}
.n_service .n_jdal li .txt{padding:0 .9375rem}
.n_service .n_jdal li .txt h2{font-size:1.75rem;color:#212121;margin:1.875rem 0}
.n_service .n_jdal li .txt .ms{display:inline-block;font-size:.9375rem;font-weight:300;padding:.5rem .875rem;background-color:#f5f5f5;border-radius:.3125rem;position:relative;overflow:hidden;transition:all .5s ease}
.n_service .n_jdal li .txt .ms p{position:relative;z-index:2}
.n_service .n_jdal li .txt .ms::before{content:'';width:0;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#d4042c;transition:all .5s ease}
.n_service .n_jdal li a:hover .txt .ms{color:#fff}
.n_service .n_jdal li a:hover .txt .ms::before{width:100%}
.n_service .line{width:100%;height:1px;background:#f6f6f6;margin-top:6.25rem;position:relative}
.n_service .line::after{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(to right,#fff,#d4042c);animation:moveRight 4s linear infinite}
@keyframes moveRight{0%{left:0}
100%{left:100%}
}.n_service .line2::after{background:linear-gradient(to right,#fff,#af9dd2)}
.n_service .line3::after{background:linear-gradient(to right,#fff,#99bfa2)}
.n_service .fwbox .flex{background:linear-gradient(to right,#ffc6ca,#fae6e8)}
.n_service .fwbox2 .flex{background:linear-gradient(to right,#c3b7db,#d8d1e3)}
.n_service .fwbox3 .flex{background:linear-gradient(to right,#ffe4ea,#ffe9ee)}
.n_service .fwbox4 .flex{background:linear-gradient(to right,#eda17d,#f1cdbb)}
.n_service .fwbox .ico{background-color:#d20031}
.n_service .fwbox2 .ico{background-color:#af9dd2}
.n_service .fwbox3 .ico{background-color:#f5bcc9}
.n_service .fwbox4 .ico{background-color:#e8926c}
.n_service .fwbox .right li:hover{background-color:#d4042c;border-color:#d4042c;color:#fff}
.n_service .fwbox2 .right li:hover{background-color:#af9dd2;border-color:#af9dd2;color:#fff}
.n_service .fwbox3 .right li:hover{background-color:#f5bcc9;border-color:#f5bcc9;color:#fff}
.n_service .fwbox4 .right li:hover{background-color:#e8926c;border-color:#e8926c;color:#fff}
.n_service .fwbox2 .s_more:hover{background-color:#af9dd2}
.n_service .fwbox3 .s_more:hover{background-color:#f5bcc9}
.n_service .fwbox4 .s_more:hover{background-color:#e8926c}
.n_service .fwbox2 .n_jdal li .txt .ms::before{background-color:#af9dd2}
.n_service .fwbox3 .n_jdal li .txt .ms::before{background-color:#f5bcc9}
.n_service .fwbox4 .n_jdal li .txt .ms::before{background-color:#e8926c}
.n_service .fwbox2 .right::before,.n_service .fwbox2 .n_jdal h6 span{color:#af9dd2}
.n_service .fwbox3 .right::before,.n_service .fwbox3 .n_jdal h6 span{color:#f5bcc9}
.n_service .fwbox4 .right::before,.n_service .fwbox4 .n_jdal h6 span{color:#e8926c}
.n_service .fwbox2 .n_jdal li .img{overflow:visible}
.n_service .fwbox2 .n_jdal li .pc{max-width:14.5rem;max-height:21.8125rem;left:70%;bottom:-25%}
.n_service .fwbox2 .n_jdal li .pc img{width:auto}
.n_service .fwbox2 .n_jdal li .img .bg{border-radius:.9375rem}
.n_service .fwbox2 .n_jdal li .ewm_box{position:absolute;left:10%;bottom:10%;width:25%}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm{position:relative;padding:.25rem;overflow:hidden}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm svg{position:absolute;width:100%;top:0;right:0;left:0;bottom:0}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm svg path{stroke:#212121;fill:none}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm img{mix-blend-mode:darken}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::before,.n_service .fwbox2 .n_jdal li .ewm_box .ewm::after{content:"";display:block;position:absolute;left:0;right:0;height:62%;z-index:1}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#af9dd2)}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#af9dd2)}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.n_lczs{margin-top:6.25rem;padding:8.125rem 0;background:url(../image/n_lc_bg.jpg) center no-repeat;background-size:cover}
.n_lczs .n_title h2,.n_lczs .n_title p{color:#fff}
.n_lczs .n_title{margin-bottom:4.375rem}
.n_lczs ul{display:flex;gap:.75rem}
.n_lczs ul li{width:calc(100% / 6 - .75rem);min-height:18.4375rem;background-color:#fff;border-radius:.9375rem;overflow:hidden;transition:all .5s ease;position:relative}
.n_lczs1 ul li {width:calc(100% / 6 - .75rem);min-height:18.4375rem;background-color:#fff;border-radius:.9375rem;overflow:hidden;transition:all .5s ease;position:relative;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.n_lczs ul li .ico svg{width:2.9375rem;height:2.9375rem}
.n_lczs ul li .ico svg path{fill:#d4042c}
.n_lczs ul li.on .ico svg path{fill:#fff}
.n_lczs ul li .box{position:absolute;width:100%;height:100%;padding:3.5625rem 3.125rem;display:flex;flex-direction:column;justify-content:space-between;color:#fff;opacity:0;visibility:hidden;transition:all .5s ease}
.n_lczs ul li .box .txt{display:flex;align-items:flex-end;justify-content:space-between}
.n_lczs ul li .box span{display:block;font-size:1.75rem;font-family:'Barlow-bold'}
.n_lczs ul li .box h6{font-size:1.375rem;margin-bottom:1.1875rem}
.n_lczs ul li .box p{font-size:1.0625rem;font-weight:300}
.n_lczs ul li .txt1{display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem;width:100%;height:100%;transition:all .5s ease}
.n_lczs ul li .txt1 h6{font-size:1.375rem;color:#212121;margin-bottom:1.25rem}
.n_lczs ul li .txt1 span{display:block;font-size:1.75rem;font-family:'Barlow-bold';color:#d4042c}
.n_lczs ul li.on{background:#d4042c;width:32.1875rem;flex-shrink:0}
.n_lczs1 ul li.on{background:none;width:32.1875rem;flex-shrink:0;box-shadow: 0 2px 10px rgba(212,4,44,0.4)}
.n_lczs ul li.on .box{opacity:1;visibility:visible}
.n_lczs ul li.on .txt1{opacity:0}
#n_hl .n_banner h2 span{margin:0}
#n_hl .n_lczs{margin:0}
.n_nzsm{padding:7.125rem 0 8.125rem}
.n_nzsm .n_title{margin-bottom:3.75rem}
.n_nzsm ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5625rem 3.5rem}
.n_nzsm li{display:flex;align-items:center;gap:3.75rem;padding:3.125rem;border-radius:.9375rem;background-color:rgba(234,234,234,.4);width:100%;transition:all .5s ease}
.n_nzsm li:hover{transform:translateY(-.5rem)}
.n_nzsm li .ico{display:flex;flex-direction:column;gap:2.5rem}
.n_nzsm li .ico i{display:block;background:#e9e9e9;height:.3125rem;border-radius:5rem}
.n_nzsm li .ico i:nth-child(1){width:4.0625rem;margin-bottom:.625rem}
.n_nzsm li .ico i:nth-child(2){width:3.125rem}
.n_nzsm li h2{font-size:1.5rem;color:#212121;margin-bottom:1.5rem}
.n_nzsm li p{font-size:1rem;line-height:1.5;font-weight:300;color:#787878}
.n_nzsm li .ico svg{width:3.5rem;height:3.5rem}
.n_nzsm li .ico svg path{fill:#d4042c}
.n_yycj{background:url(../image/n_yycj.jpg) center no-repeat;background-size:cover;padding:7.625rem 0}
.n_yycj .n_title{margin-bottom:3.75rem}
.n_yycj .n_title h2,.n_yycj .n_title p{color:#fff}
.n_yycj ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5625rem}
.n_yycj li{width:100%;padding:3.4375rem 2.5rem;background-color:#fff;border-radius:.9375rem;transition:all .5s ease}
.n_yycj li:hover{transform:translateY(-.5rem)}
.n_yycj li .ico{width:4.0625rem;height:4.0625rem;border-radius:.9375rem;background-color:#d20031;margin-bottom:1.875rem;display:flex;align-items:center;justify-content:center}
.n_yycj li .ico svg{width:2.625rem;height:2.625rem}
.n_yycj li .ico svg path{fill:#fff}
.n_yycj li h2{font-size:1.25rem;color:#212121;margin-bottom:1rem}
.n_yycj li p{font-size:.9375rem;font-weight:300;color:#787878}
#n_hl .n_jdal{padding:6.0625rem 0 8.1875rem;border-bottom:1px solid #e1e1e1}
#n_hl .n_jdal .n_title h2 span{margin:0}
#n_hl .n_jdal .flex{align-items:flex-end;margin-bottom:3.75rem}
#n_hl .n_jdal .jt_box{display:flex;align-items:center;gap:.625rem}
#n_hl .n_jdal i{width:3.4375rem;height:3.4375rem;border:1px solid #d2d2d2;border-radius:.9375rem;display:flex;align-items:center;justify-content:center;transition:all .5s ease;cursor:pointer}
#n_hl .n_jdal i svg{width:1.5rem;height:1.5rem}
#n_hl .n_jdal i svg path{fill:#212121;transition:all .5s ease}
#n_hl .n_jdal .prev svg{transform:rotate(180deg)}
#n_hl .n_jdal i:hover{background-color:#d4042c;border-color:#d4042c}
#n_hl .n_jdal i:hover svg path{fill:#fff}
#n_hl .n_jdal .jdalSwiper{height:59.375rem}
#n_hl .n_jdal .jdalSwiper .swiper-slide{height:calc((100% - 4%) / 2) !important}
#n_hl .n_jdal .swiper-slide a .img{width:100%;height:100%;max-height:20.625rem;border-radius:.9375rem;overflow:hidden;position:relative}
#n_hl .n_jdal .swiper-slide a .pc{position:absolute;right:0;bottom:-25%;transform:translateX(-50%);width:100%;height:100%;max-width:10.8125rem;max-height:22.1875rem;object-fit:contain;z-index:2}
#n_hl .n_jdal .swiper-slide a .pc img{width:auto}
#n_hl .n_jdal .swiper-slide a .img .logo{position:absolute;top:8%;left:5%;z-index:1;max-width:11.875rem;max-height:3.75rem}
#n_hl .n_jdal .swiper-slide a .img .bg{width:100%;height:auto;min-height:20.625rem;background:radial-gradient(circle,#4595ff,#e3f3fc)}
#n_hl .n_jdal .swiper-slide a .img:hover img{transform:scale(1) rotate(.1deg);-webkit-transform:scale(1) rotate(.1deg);-moz-transform:scale(1) rotate(.1deg);-ms-transform:scale(1) rotate(.1deg);-o-transform:scale(1) rotate(.1deg)}
#n_hl .n_jdal .swiper-slide a .txt{padding:0 .9375rem}
#n_hl .n_jdal .swiper-slide a .txt h2{font-size:1.75rem;color:#212121;margin:1.875rem 0}
#n_hl .n_jdal .swiper-slide a .txt .ms{display:inline-block;font-size:.9375rem;font-weight:300;padding:.5rem .875rem;background-color:#f5f5f5;border-radius:.3125rem;position:relative;overflow:hidden;transition:all .5s ease}
#n_hl .n_jdal .swiper-slide a .txt .ms p{position:relative;z-index:2}
#n_hl .n_jdal .swiper-slide a .txt .ms::before{content:'';width:0;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#d4042c;transition:all .5s ease}
#n_hl .n_jdal .swiper-slide a:hover .txt .ms{color:#fff}
#n_hl .n_jdal .swiper-slide a:hover .txt .ms::before{width:100%}
#n_hl .n_jdal .swiper-slide a .img .bg{border-radius:.9375rem}
#n_hl .n_jdal .swiper-slide a .ewm_box{position:absolute;left:10%;bottom:10%;width:25%}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm{position:relative;padding:.25rem;overflow:hidden}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm svg{position:absolute;width:100%;top:0;right:0;left:0;bottom:0}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm svg path{stroke:#212121;fill:none}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm img{mix-blend-mode:darken}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::before,#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::after{content:"";display:block;position:absolute;left:0;right:0;height:62%;z-index:1}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#af9dd2)}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#af9dd2)}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.yr.join .bg1 .bubble{right:45%;top:60%}
.hov_box{position:absolute;top:0;right:0;transition:all .5s ease}
.hov_box:hover{transform:translateY(1rem)}
.hov{width:8.625rem;height:8.625rem;padding:1.5rem;position:relative}
.hov::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../image/hov_img.png) center no-repeat;background-size:cover;animation:rotate2 12s linear infinite}
.hov svg{width:100%;height:100%;background:#d20031;padding:2.1875rem;transform:rotate(90deg);border-radius:50%}
.hov svg path{fill:#fff}
#n_blog_show .yr .bg1 .bubble{right:-10%;top:10%}
#n_blog_show .yr .bg2{top:160vh}
#n_blog_show .yr .bg2 .bubble{display:block;position:absolute;width:30%;padding-top:20%;left:-25%;top:-5%;animation:spin2 8s infinite linear;transform-origin:45% 35%}
.yr{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;overflow:hidden}
.yr .bg1{position:absolute;left:0;top:0;width:100vw;height:100vw}
.yr .bg1 .bubble{display:block;position:absolute;width:15%;padding-top:15%;right:25%;top:20%;animation:spin2 8s infinite linear;transform-origin:40% 30%}
.yr .bg1 .bubble .circle{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;background:#ff010194;filter:blur(8rem);animation:spin-reverse2 8s infinite linear;transform:translate3d(0,0,0)}
.yr .bg2{position:absolute;left:0;top:100vh;width:100vw;height:100vw}
.yr .bg2 .bubble{display:block;position:absolute;width:40%;padding-top:40%;left:-20%;top:-5%;animation:spin2 8s infinite linear;transform-origin:45% 35%}
.yr .bg2 .bubble .circle{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;background:#ff010194;filter:blur(8rem);animation:spin-reverse2 8s infinite linear;transform:translate3d(0,0,0)}
@keyframes spin{to{transform:rotate(1turn)}
}@keyframes spin2{to{transform:rotate(-1turn)}
}@keyframes spin-reverse{from{transform:rotate(1turn)}
}@keyframes spin-reverse2{from{transform:rotate(-1turn) translate3d(0,0,0)}
}.bdtc-content{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:1000000;opacity:0;visibility:hidden;transition:all .6s ease;display:flex;align-items:center;justify-content:center}
.bdtc-content .bdtc-bg{position:absolute;top:0;z-index:-1;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.bdtc-content .box{border-radius:1.25rem;height:100%;max-height:36.25rem;position:relative;transform:translateY(-150%);transition:all .5s ease}
.bdtc-content .box .flex{height:100%}
.bdtc-content .box .left .lx_box{margin-bottom:3.125rem;position:relative;padding-left:2rem}
.bdtc-content .box .left .lx_box::before{content:'●';position:absolute;left:0;top:3.5%;font-size:.5rem;color:#414141;transform-origin:center}
.bdtc-content .box .left .lx_box:last-child{margin-bottom:0}
.bdtc-content .box .left span{display:block;font-size:1rem;font-weight:300;color:#414141;margin-bottom:1.5625rem}
.bdtc-content .box .left h2{font-size:2.125rem;font-family:'Barlow-bold';color:#d30031}
.bdtc-content .box .left a{display:inline-block;font-size:1rem;color:#414141;padding:1.125rem 2.5rem;border-radius:5rem;border:1px solid #c5b7b5;transition:all .5s ease}
.bdtc-content .box .left a:hover{color:#fff;background-color:#d4042c;border-color:#d4042c}
.bdtc-content .box .right h1{font-size:2.25rem;font-weight:300;color:#212121;margin-bottom:2.5rem}
.bdtc-content .box .right h1 span{color:#d4042c}
.bdtc-content .box .right form{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem .875rem}
.bdtc-content .box .right form .inp input{padding:1.375rem 1.6875rem;border-radius:5rem;border:1px solid #d1d1d1;font-size:1rem;font-weight:300;color:#757575;width:100%}
.bdtc-content .box .right form .inp.web,.bdtc-content .box .right form .inp.service,.bdtc-content .box .right form .inp.code{grid-column:span 2}
.bdtc-content .box .right form .inp.code{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.bdtc-content .box .right form .inp.code input{width:100%;max-width:10rem;flex-shrink:0}
.bdtc-content .box .right form .service{margin-bottom:1.25rem}
.bdtc-content .box .right form .service h2{font-size:1.25rem;color:#212121;margin-bottom:1.25rem}
.bdtc-content .box .right form .service .service-buttons{display:flex;flex-wrap:wrap;gap:.625rem}
.bdtc-content .box .right form .service .service-button{position:relative;font-size:.875rem;border-radius:5rem;color:#b1b1b1;border:1px solid #d1d1d1;padding:.625rem .875rem;transition:all .5s ease;cursor:pointer}
.bdtc-content .box .right form .service .service-button:hover,.bdtc-content .box .right form .service .service-button.on{color:#fff;background-color:#d4042c;border-color:#d4042c}
.bdtc-content .box .right form .service .service-button input{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;border:0;cursor:pointer}
.bdtc-content .box .right form .inp.code .code_box{display:flex;align-items:center;gap:.625rem}
.bdtc-content .box .right form .inp.code button{width:100%;max-width:11.25rem;flex-shrink:0;padding:1.375rem 1.6875rem;border-radius:5rem;background-color:#d4042c;font-size:1.125rem;font-weight:300;color:#fff;transition:all .5s ease}
.bdtc-content .box .right form .inp.code button:hover{transform:translateX(-1rem)}
.bdtc-content .close{position:absolute;width:3rem;height:3rem;z-index:10;right:1.5rem;top:1.35rem;border-radius:100%}
.bdtc-content .close .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);border-radius:100%;transition:transform .3s}
.bdtc-content .close i{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:1.25rem;background-repeat:no-repeat;background-image:url(../image/close.svg);transition:.6s}
.bdtc-content .logo_ai{position:absolute;width:13rem;height:3rem;z-index:10;left:1.5rem;top:1.95rem;border-radius:100%}
.bdtc-content .logo_ai .bg{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);border-radius:100%;transition:transform .3s}
.bdtc-content .left .ewm_box .ewm{position:relative;overflow:hidden;display:inline-block}
.bdtc-content .left .ewm_box .ewm img{mix-blend-mode:multiply;max-width:8.125rem;max-height:8.125rem}
.bdtc-content .left .ewm_box .ewm svg{position:absolute;top:0;left:0;width:100%}
.bdtc-content .left .ewm_box .ewm svg path{stroke:#212121;fill:none}
.bdtc-content .left .ewm_box .ewm::before,.bdtc-content .left .ewm_box .ewm::after{content:"";display:block;position:absolute;left:1px;right:1px;height:62%;z-index:1}
.bdtc-content .left .ewm_box .ewm::before{bottom:100%;background:linear-gradient(to bottom,rgba(255,191,164,0),#d4042c)}
.bdtc-content .left .ewm_box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d4042c)}
.bdtc-content .left.ewm_box .ewm.actived::before{transform:translateY(270%);transition:transform 1.5s}
.bdtc-content .left .ewm_box .ewm.actived::after{transition:transform 1.5s 1.5s;transform:translateY(-270%)}
.bdtc-content .close i:hover{transform:rotate(180deg)}
.bdtc-content.on{opacity:1;visibility:visible}
.bdtc-content.on .box{transform:translate(0)}
@keyframes slideIn{0%{transform:translateX(60%)}
100%{transform:translateX(8%)}
}@keyframes slideOut{0%{transform:translateX(-30%)}
100%{transform:translateX(0)}
}@keyframes slideIn1{0%{transform:translateX(8%)}
100%{transform:translateX(60%)}
}@keyframes slideOut1{0%{transform:translateX(0%)}
100%{transform:translateX(-30%)}
}.bdtc-content .box .left{width:100%;height:100%;padding:2.375rem 0 2.375rem 2.375rem;background:url(../images/tcbd_bg.jpg) left no-repeat;background-size:cover;border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem;transform:translateX(60%);animation:slideIn1 5s linear forwards}
.bdtc-content .box .right{padding:4.3125rem 1.375rem;background:#fff;width:100%;height:100%;min-width:850px;max-width:850px;flex-shrink:0;border-radius:1.25rem;position:relative;}
/* .bdtc-content.on .box .left{animation:slideIn .5s linear 1s forwards} */
/* .bdtc-content.on .box .right{animation:slideOut .5s linear 1s forwards} */
.video-background{width:100%;height:100%;object-fit:cover;background-color:rgba(0,0,0,0.1);background-sise:cover}
.mouse{width:86px;height:52px;background:url(../images/mouse.svg) center no-repeat;position:absolute;top:0;left:0;z-index:15;pointer-events:none;opacity:0}
.s_case_show .top{display:flex;align-items:center;justify-content:space-between}
.s_case_show .top span{display:flex;align-items:center;transition:all .3s ease}
.s_case_show .top span svg{background:none;opacity:1}
.s_case_show li:hover .top span{opacity:0}
.dq{display:flex;align-items:center;font-size:1rem;font-weight:300;color:#212121;margin:1.5rem 0}
.dq svg{width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;margin-right:.5rem}
.dq svg path{fill:#d4042c}
#m_nav .ewm{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:absolute;bottom:5%;width: 100%;}
#m_nav .ewm img{width:100%;height:100%;max-width:40%;margin-bottom:1.5rem}
#m_nav .ewm p{font-size:1.25rem;color:#212121}
#m_nav li .a img{max-width:2rem;margin-bottom:1rem}
.n_case li .top{display:flex;align-items:center;justify-content:space-between}
.n_case li .top span{display:flex;align-items:center;transition:all .3s ease}
.n_case li a .txt .top svg{background:none;opacity:1}
.n_case li:hover .top span{opacity:0}
.txtbox_1 {background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.s_hyzk1 {
    justify-content: center;
    align-items: center;}
.w16001 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnprev {
    /* overflow: hidden;
    margin-top: 30px; */
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 50%;
    position: relative;
    z-index: 100;
    background: #d20031;
    margin-top: 70px;
}
.left_3d {width: 300px;float: left;}
.left_3d .ul_3d{list-style: none;}
.left_3d .ul_3d li {width: 300px;height: 180px;border-radius: 20px;border: 1px solid #ebebeb;margin-top: 10px;overflow: hidden;padding: 0px;margin-bottom: 0px;}
.left_3d .ul_3d img{width: 300px;}
.right_3d {width: calc(100% - 330px);min-width: 500px;float: left;margin-left: 30px;margin-top: 30px;}
.about_ul a{width: 100%;}
.jh_title {flex: 1;position: relative;}
.jh_title h2 {color: #d20031;font-size: 3rem;border-bottom: 3px solid #d20031;padding-bottom: 2rem;width: 25rem;}
.jh_title .ul_title {list-style: none;position: absolute;}
.jh_title ul li {padding-top: 5.5rem;}
.jh_title ul li span{ color: #d20031;font-size: 3.2rem;font-weight: bold;float: left;}
.jh_title ul li ul li {padding-left: 3rem;padding-top: 5px;font-size: 1rem;}
.jh_title ul li ul .li_two {padding-top: 10px;}

.jh_left {width: calc(30% - 20px);height: 1100px; overflow: hidden;flex: 1;margin-right: 20px;border-radius: 20px;overflow: hidden;background-image: url("../image/move_jh/jh_left.jpg");background-size: cover;background-position-x: right;}
.jh_left img {width: 100%; height: 1100px;} 
.jh_right {width: 70%;height: 1100px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.1);border-radius: 20px; flex: 1;min-width: 600px;}
.jh_right ul {list-style: none;padding: 2rem; height: 1100px;overflow: scroll;}
.jh_right ul li {
    display: flex;
    align-items: center;
    gap: 10px; /* 可选：图片和文字的间距 */
    margin-top: 2rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 20px;
    cursor: pointer;
    transition:all 0.3s ease
}

.jh_right ul li img {
    width: 40%; /* 直接固定宽度 */
    flex: none; /* 禁止 flex 收缩/扩展 */
}
.jh_right ul li span {
    font-size: 1.4rem;
    padding-left: 3rem;
}
.jh_right ul li:hover {
    background: rgba(255, 242, 242, 0.8);
}

.form_box{width:100%;flex-shrink:0;padding:5.4375rem 4.125rem;border-radius:.9375rem;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 60%,#f6c8cc 100%);margin-top:2.25rem}
.form_box h6{font-size:1rem;font-weight:300;color:#616161;padding-left:1.5rem;position:relative}
.form_box h6::before{content:'●';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.75rem;color:#d4042c;animation:breathing 1.5s infinite ease-in-out;transform-origin:center}
.form_box  .input,.form_box  textarea{font-size:1rem;font-weight:300;color:#616161;padding:1rem 1.875rem;width:100%;border:1px solid #d1d1d1;border-radius:1.875rem;background-color:rgba(0,0,0,0);margin-bottom:1.5rem}
.form_box  textarea{min-height:10.625rem}
.form_box  button{width:100%;height:100%;background-color:#d4042c;color:#fff;font-size:1rem;font-weight:300;padding:1.375rem 1.875rem;border-radius:1.875rem}
.form_box  button,.form_box .input:first-child{margin-top:1.5rem}
.label {padding: 20px 0px;color:#616161}
.label span{color: #d20031;}
.label input {appearance:auto !important;-webkit-appearance:auto !important;width: 15px;height: 15px;}
.label .checkout {
    width: calc(100% - 2rem);
    margin-left: 2rem;
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.open {display: block !important;width: 320px !important;border-radius: 1rem;}
.open .online {
    width: 100%;
    display: flex;
}
.open .online .flex11 {
    flex: 1;
}

.open a{
    color: #d30031 !important;
    font-size: 1rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}
/* .webGl {display:grid;grid-template-columns:repeat(6,1fr);gap:1.75rem} */
.webGL_01{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top: 2rem;position: relative;}
.webGL_01 .left{position: relative;width: 100%;height: 35rem;border: 1px solid #ebebeb;border-radius: 1rem;overflow: hidden;box-shadow:0 20px 20px 0 rgba(0,0,0,0.1)}
.webGL_01 .content {width: calc(100% - 2rem); height: 31rem;background: #fff;border: 1px solid #ebebeb;border-radius: 1rem;margin-top: 2rem;}
.webGL_01 .content li {padding: 1rem;border-bottom: 1px solid #ebebeb;display: flex;}
.webGL_01 .content li span{font-size: 1.01rem;font-weight: bold;margin-right: 0.5rem;line-height: 2rem;}
.webGL_01 .content li .li_tit{width: calc(100% - 10rem);margin-left: 10px;line-height: 1.5rem;padding-top: 2px;}
.webGL_01 .content li .li_tip {width: calc(100% - 10rem);line-height: 1.5rem;padding-top: 4px;}
.webGL_01 .content .web_btn {display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100% - 360px);}
.webGL_01 .content .web_btn button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: none;}
.webGL_01 .content .web_btn button:hover {background: #d30031;color: #fff;}
.webGL_01 .left .left_btn {width: 100%;position: absolute;height: 5rem;bottom: 0;z-index: 100;display: flex;justify-content: center;align-items: center;}
.webGL_01 .left .left_btn ul li {float: left;width: 25px;height: 25px;border-radius: 20px;margin-left: 15px;}
.webGL_01 .left .left_btn ul .active {border: 1px solid #4595ff;transition: all 0.3s ease;}
.webGL_01 .left .left_btn ul .red {background: red;}
.webGL_01 .left .left_btn ul li:hover{cursor: pointer;}
.webGl1 .prev {font-size: 2rem;position: absolute;top: 45%;left:2%;width: 3rem;z-index: 10000;transform:rotate(180deg);}
.webGl1 .next {font-size: 2rem;position: absolute;top: 45%;right: 2%;width: 3rem;z-index: 10000;}

.webGl2 .prev {font-size: 2rem;position: absolute;top: 45%;left:2%;width: 3rem;z-index: 100;transform:rotate(180deg);}
.webGl2 .next {font-size: 2rem;position: absolute;top: 45%;right: 2%;width: 3rem;z-index: 100;}


.webGL_02{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top: 2rem;position: relative;}
.webGL_02 .left{position: relative;width: 100%;height: 35rem;border: 1px solid #ebebeb;border-radius: 1rem;overflow: hidden;box-shadow:0 20px 20px 0 rgba(0,0,0,0.1)}
.webGL_02 .content {width: calc(100% - 2rem); height: 31rem;background: #fff;border: 1px solid #ebebeb;border-radius: 1rem;margin-top: 2rem;}
.webGL_02 .content li {padding: 1rem;border-bottom: 1px solid #ebebeb;display: flex;}
.webGL_02 .content li span{font-size: 1.01rem;font-weight: bold;margin-right: 0.5rem;line-height: 2rem;}
.webGL_02 .content li .li_tit{width: calc(100% - 11rem);margin-left: 10px;line-height: 1.5rem;padding-top: 2px;}
.webGL_02 .content li .li_tip {width: calc(100% - 10rem);line-height: 1.5rem;padding-top: 4px;}
.webGL_02 .content .web_btn {display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100% - 380px);}
.webGL_02 .content .web_btn button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: none;}
.webGL_02 .content .web_btn button:hover {background: #d30031;color: #fff;}
.webGL_02 .left .left_btn {width: 100%;position: absolute;height: 5rem;bottom: 0;z-index: 100;display: flex;justify-content: center;align-items: center;}
.webGL_02 .left .left_btn ul li {float: left;width: 35px;height: 35px;border-radius: 20px;margin-left: 15px;}
.webGL_02 .left .left_btn ul .active {border: 1px solid #4595ff;transition: all 0.3s ease;}
.webGL_02 .left .left_btn ul .red {background: red;}
.webGL_02 .left .left_btn ul li:hover{cursor: pointer;}


.webGL_03{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top: 2rem;position: relative;}
.webGL_03 .left{position: relative;width: 100%;height: 35rem;border: 1px solid #ebebeb;border-radius: 1rem;overflow: hidden;box-shadow:0 20px 20px 0 rgba(0,0,0,0.1)}
.webGL_03 .content {width: calc(100% - 2rem); height: 31rem;background: #fff;border: 1px solid #ebebeb;border-radius: 1rem;margin-top: 2rem;}
.webGL_03 .content li {padding: 1rem;border-bottom: 1px solid #ebebeb;display: flex;}
.webGL_03 .content li span{font-size: 1.01rem;font-weight: bold;margin-right: 0.5rem;line-height: 2rem;}
.webGL_03 .content li .li_tit{width: calc(100% - 11rem);margin-left: 10px;line-height: 1.5rem;padding-top: 0px;}
.webGL_03 .content li .li_tip {width: calc(100% - 10rem);line-height: 1.5rem;padding-top: 4px;}
.webGL_03 .content .web_btn {display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100% - 354px);}
.webGL_03 .content .web_btn button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: none;}
.webGL_03 .content .web_btn button:hover {background: #d30031;color: #fff;}
.webGL_03 .left .left_btn {width: 100%;position: absolute;height: 5rem;bottom: 0;z-index: 10000;display: flex;justify-content: center;align-items: center;}
.webGL_03 .left .left_btn ul li {float: left;width: 25px;height: 25px;border-radius: 20px;margin-left: 15px;}
.webGL_03 .left .left_btn ul .active {border: 1px solid #4595ff;transition: all 0.3s ease;}
.webGL_03 .left .left_btn ul li:hover{cursor: pointer;}


.btn_vr {position: absolute;top: 9px;right: 4.5rem;z-index: 10001;}

.btn_vr button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: #fff;}
.btn_vr button:hover {background: #d30031;color: #fff;}
.vb_bg {position: absolute;top: 1px;right: 3.55rem;z-index: 10000;width: 9rem;border-radius: 3rem;height: 3.5rem; animation: btnPulse 1.4s infinite cubic-bezier(.1,0,.8,1);background: #fff;}
@keyframes btnPulse {
    0% {
        opacity: 0.7;
        transform:  scale(1);
    }
    70% {
        opacity: 0.15;
        transform:  scale(1.25);
    }
    100% {
        opacity: 0;
        transform: scale(1.4);
    }
}
.jh_3d_box .webGL_02{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top: 2rem;position: relative;}
.jh_3d_box .webGL_02 .left{position: relative;width: 100%;height: 35rem;border: none;border-radius: 1rem;overflow: hidden;box-shadow:none}
.jh_3d_box .webGL_02 .content {width: calc(100% - 2rem); height: 35rem;background: #fff;border: 1px solid #ebebeb;border-radius: 1rem;margin-top: 0rem;}
.jh_3d_box .webGL_02 .content li {padding: 0.9rem;border-bottom: 1px solid #ebebeb;display: flex;}
.jh_3d_box .webGL_02 .content li span{font-size: 1.01rem;font-weight: normal;margin-right: 0.5rem;line-height: 2rem;}
.jh_3d_box .webGL_02 .content li .li_tit{width: calc(100% - 11rem);margin-left: 10px;line-height: 1.5rem;padding-top: 2px;}
.jh_3d_box .webGL_02 .content li .li_tip {width: calc(100% - 10rem);line-height: 1.5rem;padding-top: 4px;}
.jh_3d_box .webGL_02 .content .web_btn {display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100% - 380px);}
.jh_3d_box .webGL_02 .content .web_btn button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: none;}
.jh_3d_box .webGL_02 .content .web_btn button:hover {background: #d30031;color: #fff;}
.jh_3d_box .webGL_02 .left .left_btn {width: 100%;position: absolute;height: 5rem;bottom: 0;z-index: 10000;display: flex;justify-content: center;align-items: center;}
.jh_3d_box .webGL_02 .left .left_btn ul li {float: left;width: 35px;height: 35px;border-radius: 20px;margin-left: 15px;}
.jh_3d_box .webGL_02 .left .left_btn ul .active {border: 1px solid #4595ff;transition: all 0.3s ease;}
.jh_3d_box .webGL_02 .left .left_btn ul .red {background: red;}
.jh_3d_box .webGL_02 .left .left_btn ul li:hover{cursor: pointer;}
.jh_3d_box .webGL_02 i {line-height: 2rem;padding-right: 0.5rem;}


.ss_3d_box .webGL_02{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-top: 2rem;position: relative;}
.ss_3d_box .webGL_02 .left{position: relative;width: 100%;height: 23rem;border: none;border-radius: 1rem;overflow: hidden;box-shadow:none}
.ss_3d_box .webGL_02 .content {width: calc(100% - 2rem); height: 23rem;background: #fff;border: 1px solid #ebebeb;border-radius: 1rem;margin-top: 0rem;}
.ss_3d_box .webGL_02 .content li {padding: 0.9rem;border-bottom: 1px solid #ebebeb;display: flex;}
.ss_3d_box .webGL_02 .content li span{font-size: 1.01rem;font-weight: normal;margin-right: 0.5rem;line-height: 2rem;}
.ss_3d_box .webGL_02 .content li .li_tit{width: calc(100% - 11rem);margin-left: 10px;line-height: 1.5rem;padding-top: 2px;}
.ss_3d_box .webGL_02 .content li .li_tip {width: calc(100% - 10rem);line-height: 1.5rem;padding-top: 4px;}
.ss_3d_box .webGL_02 .content .web_btn {display: flex;justify-content: center;align-items: center;width: 100%;height: calc(100% - 380px);}
.ss_3d_box .webGL_02 .content .web_btn button {padding: 0.5rem 1.5rem;border:1px solid #d30031;color: #d30031;border-radius: 3rem;font-size: 1.02rem;transition:all 0.3s ease;background: none;}
.ss_3d_box .webGL_02 .content .web_btn button:hover {background: #d30031;color: #fff;}
.ss_3d_box .webGL_02 .left .left_btn {width: 100%;position: absolute;height: 5rem;bottom: 0;z-index: 10000;display: flex;justify-content: center;align-items: center;}
.ss_3d_box .webGL_02 .left .left_btn ul li {float: left;width: 35px;height: 35px;border-radius: 20px;margin-left: 15px;}
.ss_3d_box .webGL_02 .left .left_btn ul .active {border: 1px solid #4595ff;transition: all 0.3s ease;}
.ss_3d_box .webGL_02 .left .left_btn ul .red {background: red;}
.ss_3d_box .webGL_02 .left .left_btn ul li:hover{cursor: pointer;}
.ss_3d_box .webGL_02 i {line-height: 2rem;padding-right: 0.5rem;}

.huamei_box .left {width: 20%;}
.huamei_box .left ul li{transition:all 0.3s ease;width: 100%;height: 5rem;border: 1px solid #ebebeb;border-radius: 2rem;margin-top: 1rem;}
.huamei_box .right{width: calc(80% - 2rem);height: 47rem;border-radius: 2rem;border:1px solid #e3e3e3;overflow: hidden;}
.huamei_box .left ul li .label {padding:1.5rem; padding-bottom: 0px;}
.huamei_box .left ul li .label span {font-size: 1.8rem; font-weight: bold;color: #333333;}
.huamei_box .left ul li .title {padding-left: 3rem;padding-top: 0.2rem;}
.huamei_box .left ul .active {border-color: #d20031; }
.huamei_box .left ul .active span {color: #d20031 !important;}
.huamei_box .left ul li:hover{cursor: pointer;border-color: #d20031;}
.huamei_box .right img {height: 100%;width: 115%;max-width: 150%;}


.tit_1, .tit_2 {
    background: linear-gradient(270deg, #ff7669 0, hsla(5, 79%, 81%, .95) 5%, hsla(0, 0%, 100%, .95) 10%, hsla(0, 0%, 100%, .95) 90%, hsla(5, 79%, 81%, .95) 95%, #ff7669);
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    opacity: 1 !important;
    -webkit-text-fill-color: transparent;
    animation: text-gradient 5s linear infinite !important;
}

.tit_2 {
    animation-delay: 1.5s !important;
}

@keyframes text-gradient {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}
/* display:grid;grid-template-columns:repeat(2,1fr);gap:0rem; */
.huamei_box1 .txt_box {border: 1px solid #ebebeb;border-radius: 2rem;padding: 2rem;margin-top: 2rem;}
.huamei_box1 .left {width: 30%;height: 25rem;}
.huamei_box1 .left span {font-size: 2rem;font-weight: bold;}
.huamei_box1 .left p {font-size: 1.1rem;line-height: 2.1rem;margin-top: 3rem;letter-spacing: 0.1rem;color: #494949;}
.huamei_box1 .left button {transition: all 0.3s ease;padding: 1rem 2rem;font-size: 1rem;color: #d20031;background: none;border-radius: 2rem;border: 1px solid #d20031;margin-top: 7rem;}
.huamei_box1 .right {width: calc(70% - 2rem);height: calc(100% - 0.5rem);border-radius: 2rem;margin-left: 1rem;overflow: hidden;}
.huamei_box1 .right img {height: 100%;transition: all 0.8s ease;}
.huamei_box1 .right img:hover {transform: scale(1.2);}
.huamei_box1 .left button:hover{background: #d30031;color: #fff;}
.huamei_box1 i {padding-right: 0.5rem;color: #d20031;display: inline-block;}
.huamei_box1 .left button:hover i {color: #fff;}
.huamei_box1 .iright {padding: 0px;font-size: 1.1rem;padding-left: 0.5rem;}
.flex11 i {font-size: 2.1rem !important;color: #a1a1a1 !important;}

.m_nav_list img{height: 26px;}
.s_jxfw .fwicoSwiper2{width:100%;max-width:53rem;flex-shrink:0;margin:0}
.s_jxfw .fwicoSwiper2 .box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.25rem;position:relative;padding-bottom:1.125rem;cursor:pointer}
.s_jxfw .fwicoSwiper2 .box::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:3px;background:#d20031;transition:all .5s ease}
.s_jxfw .fwicoSwiper2 .swiper-slide:hover .box::after,.s_jxfw .fwicoSwiper2 .swiper-slide-thumb-active .box::after{width:100%}
.s_jxfw .fwicoSwiper2 .box img{object-fit:contain}
.s_jxfw .fwicoSwiper_box {display: flex;justify-content: center;align-items: center;}

.s_jxfw .jxfwSwiper2{width:100%;margin-top: 3rem;}
.s_jxfw .jxfwSwiper2 .swiper-slide{width:100%;height:100%;background:#fff;padding:1.375rem 1.625rem;padding-left:3rem;border-radius:.9375rem}
.s_jxfw .jxfwSwiper2 .txt h2{font-size:2.25rem;font-weight:bold;color:#212121;margin-bottom:2.5rem}
.s_jxfw .jxfwSwiper2 .txt p{font-size:1.0625rem;font-weight:300;line-height:2rem;color:#787878;margin-bottom:4.375rem}
.s_jxfw .jxfwSwiper2 .img{width:100%;max-width:50.6875rem;flex-shrink:0;border-radius:.9375rem;margin-left:5rem}
.s_jxfw .jxfwSwiper2 .jt_box{display:flex;align-items:center;gap:.625rem;position:absolute;z-index:2;left:5.625rem;bottom:15%}
.s_jxfw .jxfwSwiper2 i{width:3.4375rem;height:3.4375rem;border:1px solid #d2d2d2;border-radius:.9375rem;display:flex;align-items:center;justify-content:center;transition:all .5s ease;cursor:pointer}
.s_jxfw .jxfwSwiper2 i svg{width:1.5rem;height:1.5rem}
.s_jxfw .jxfwSwiper2 i svg path{fill:#212121;transition:all .5s ease}
.s_jxfw .jxfwSwiper2 .prev svg{transform:rotate(180deg)}
.s_jxfw .jxfwSwiper2 i:hover{background-color:#d4042c;border-color:#d4042c}
.s_jxfw .jxfwSwiper2 i:hover svg path{fill:#fff}
.s_jxfw .jxfwSwiper2 .flex{align-items:flex-end;border-bottom:none;margin-bottom:0px}
/* .s_jxfw .jxfwSwiper2 .swiper_box {width: 100%;height: 100%;} */
.s_jxfw .jxfwSwiper2 .s_more {background: none;border: 1px solid #d20031; color: #d20031;}
.s_jxfw .jxfwSwiper2 .s_more svg{background: none;}
.s_more svg path{fill:#d20031}
.s_jxfw .jxfwSwiper2 .s_more:hover {background: #d20031;color: #fff;}
.s_jxfw .jxfwSwiper2 .s_more:hover svg path{fill:#fff}