*{font-family:sans-serif}

@font-face{src:url(../font/BARLOWCONDENSED-BOLD.TTF);font-family:'Barlow-bold'}

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;}

#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,#ddece1,#f1f8ed)}

.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:#e5f1e6}

.s_yewu li:nth-child(4) a:before{background:#f8ddd0}

.s_case{padding:10.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(../images/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 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%;height:100%;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between}

.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 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(../images/s_lybd_bg.jpg) center no-repeat;background-size:cover;position:relative;overflow:hidden}

.s_lybd .flex{background:url(../images/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),#d4042c)}

.s_lybd .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d4042c)}

.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 4.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:14.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 .line{width:100%;height:1px;background:#e9e9e9;margin:3.0625rem 0 1.625rem 0}

footer .ewm_box{display:flex;gap:1.25rem}

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}

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),#d4042c)}

footer .ewm_box .ewm .img_box::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d4042c)}

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}

#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:35.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:5.125rem;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),#d4042c)}

.n_case_show .box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d4042c)}

.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:15%;width:60%}

.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(../images/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_fgcn{background:linear-gradient(to bottom,#fff,#ffdcde);padding:8rem 0}

.n_fgcn .n_title h2 span{margin:0}

.n_fgcn 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_fgcn li{display:flex;align-items:center;gap:1.875rem}

.n_fgcn li svg{width:3.75rem;height:3.75rem}

.n_fgcn li svg path{fill:#5f5e5e}

.n_fgcn li h2{font-size:1.375rem;font-weight:bold;color:#212121;margin-bottom:1rem}

.n_fgcn li p{font-size:1.125rem;line-height:1.5;font-weight:300;color:#979797}

.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:50%;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),#d4042c)}

.n_lxwm .left .ewm_box .ewm::after{top:100%;background:linear-gradient(to top,rgba(255,191,164,0),#d4042c)}

.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:3rem;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,#b4d4bc,#e0efd8)}

.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:#99bfa2}

.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:#99bfa2;border-color:#99bfa2;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:#99bfa2}

.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:#99bfa2}

.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:#99bfa2}

.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:20%}

.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(../images/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_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_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(../images/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:20%}

#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(../images/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;width:70%;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(../images/close.svg);transition:.6s}

.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 4.375rem;background:#fff;width:100%;height:100%;max-width:49.125rem;flex-shrink:0;border-radius:1.25rem;position:relative;transform:translateX(-30%);animation:slideOut1 5s linear forwards}

.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 ;}