*{margin:0 auto;padding:0;zoom:1;font-size:62.5%;font-size:16px;line-height:1.4em}
body{margin:0;padding:0;zoom:1;font-size:16px;line-height:1.4em;font-family:'Harmony_Sans_Regular','sans-serif',\5b8b\4f53;color:#333;background-color:#fff}
*,*::before,*::after{font: inherit;margin: 0;padding: 0;color: inherit;}
.ol,.ol .li,.dl,.dl .li,.ul,.ul .li {margin: 0;padding: 0;list-style: none;}
b,strong{font-weight:600}
input,button,select,textarea{background:none;border:none;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;outline:none;resize:none}
input:focus{outline:none}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{display:block}
audio,canvas,progress{display:inline-block;vertical-align:baseline}
img{border:none;border:0;max-width:100%;vertical-align:top;object-fit:fill}
span{outline:none}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,105,0,1);outline:none}
a:link,a:visited,a:focus{outline:none;text-decoration:none;-moz-outline:none}
a:hover{text-decoration:none}
.box-sizing-border,.box-sizing-border *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box-sizing-border::before,.box-sizing-border *::before,.box-sizing-border::after,.box-sizing-border *::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.textovers{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t-center{text-align:center}
.t-left{text-align:left}
.t-right{text-align:right}
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;font-size:0}
.clearfix{zoom:1}
.f-l{float:left}
.f-r{float:right}
html {
    --scroll-w: 3px;
    --mcolor: #0079c3;
    --mcolor-rgb: 34, 68, 177;
    --mcolor2: #0079c3;
    --mcolor2-rgb: 0, 121, 195;
    --main-next-color: #ff6a00;
    --main-next-color-rgb: 255, 106, 0;
    --btn-bg: linear-gradient(31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%);
    --btn-bg-h: linear-gradient(-31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%);
    --btn-bg2: linear-gradient(31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%), linear-gradient(#ff6a00, #ff6a00);
    --btn-bg2-h: linear-gradient(-31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%), linear-gradient(#ff6a00, #ff6a00);
    --btn-bg3: linear-gradient(31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%), linear-gradient(#fff, #fff);
    --btn-bg3-h: linear-gradient(-31deg, #0079c3 0%, #0079c3 65%, #0079c3 100%), linear-gradient(#fff, #fff);
    --wrap-width-val: calc(100vw - var(--scroll-w));
    --page-width-val: calc(100vw - var(--scroll-w));
    --win-width-1920: clamp(0px, var(--page-width-val), calc(1920px - var(--scroll-w)));
    --wrap-full-width: clamp(1200px, calc(var(--page-width-val) - (1.82vw * 2)), 1920px);
    --wrap-1680-width: 1680px;
    --wrap-1600-width: 1600px;
    --wrap-1480-width: 1480px;
    --wrap-1420-width: 1420px;
    --wrap-1400-width: 1400px;
    --wrap-1300-width: 1300px;
    --wrap-1200-width: 1200px;
    --wrap-800-width: 800px;
    --bettwen-pad: calc((var(--page-width-val) - var(--page-width-val)) / 2);
    --bettwen-full-pad: calc((var(--page-width-val) - var(--wrap-full-width)) / 2);
    --bettwen-1680-pad: calc((var(--page-width-val) - var(--wrap-1680-width)) / 2);
    --bettwen-1600-pad: calc((var(--page-width-val) - var(--wrap-1600-width)) / 2);
    --bettwen-1480-pad: calc((var(--page-width-val) - var(--wrap-1480-width)) / 2);
    --bettwen-1420-pad: calc((var(--page-width-val) - var(--wrap-1420-width)) / 2);
    --bettwen-1400-pad: calc((var(--page-width-val) - var(--wrap-1400-width)) / 2);
    --bettwen-1300-pad: calc((var(--page-width-val) - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((var(--page-width-val) - var(--wrap-1200-width)) / 2);
    --bettwen-800-pad: calc((var(--page-width-val) - var(--wrap-800-width)) / 2);
    --bettwen-pad-1920: calc((var(--win-width-1920) - var(--page-width-val)) / 2);
    --bettwen-full-pad-1920: calc((var(--win-width-1920) - var(--wrap-full-width)) / 2);
    --bettwen-1680-pad-1920: calc((var(--win-width-1920) - var(--wrap-1680-width)) / 2);
    --bettwen-1600-pad-1920: calc((var(--win-width-1920) - var(--wrap-1600-width)) / 2);
    --bettwen-1480-pad-1920: calc((var(--win-width-1920) - var(--wrap-1480-width)) / 2);
    --bettwen-1420-pad-1920: calc((var(--win-width-1920) - var(--wrap-1420-width)) / 2);
    --bettwen-1400-pad-1920: calc((var(--win-width-1920) - var(--wrap-1400-width)) / 2);
    --bettwen-1300-pad-1920: calc((var(--win-width-1920) - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad-1920: calc((var(--win-width-1920) - var(--wrap-1200-width)) / 2);
    --bettwen-800-pad-1920: calc((var(--win-width-1920) - var(--wrap-800-width)) / 2);
    --block-top: clamp(30px, 3.48vw, 67px);
    --block-bot: clamp(30px, 3.48vw, 67px);
}
@media (max-width: 1920px) {
    html {
        --wrap-width-val: 1600px;
    }
}
@media (max-width: 1800px) {
    html {
        --wrap-width-val: 1500px;
        --wrap-1680-width: var(--wrap-width-val);
        --wrap-1600-width: var(--wrap-width-val);
    }
}
@media (max-width: 1700px) {
    html {
        --wrap-width-val: 1400px;
        --wrap-1480-width: var(--wrap-width-val);
        --wrap-1420-width: var(--wrap-width-val);
        --wrap-1400-width: var(--wrap-width-val);
    }
}
@media (max-width: 1600px) {
    html {
        --wrap-width-val: 1300px;
        --wrap-1300-width: var(--wrap-width-val);
    }
}
@media (max-width: 1500px) {
    html {
        --wrap-width-val: 82vw;
        --wrap-1200-width: clamp(0px, var(--wrap-width-val), 1200px);
    }
}
@media (max-width: 1400px) {
    html {
        --wrap-width-val: 85vw;
    }
}
@media (max-width: 1200px) {
    html {
        --htmlfsize: 70px;
        --wrap-width-val: 92vw;
        --wrap-full-width: 98vw;
        font-size: var(--htmlfsize);
    }
}
@media (max-width: 992px) {
    html {
        --htmlfsize: 70px;
        --wrap-width-val: clamp(0px, 710px, calc(100vw - (0.25rem * 2)));
        --wrap-full-width: clamp(calc(100vw - (0.25rem * 2)), 710px, calc(100vw - (0.25rem * 2)));
        font-size: var(--htmlfsize);
    }
}
@media (max-width: 600px) {
    html {
        --htmlfsize: calc(100vw / 768 * 100);
        --htmlfsize: calc(100vw / 700 * 100);
    }
}
@media (max-width: 1200px) {
    html {
        --block-top: 0.55rem;
        --block-bot: 0.55rem;
    }
}

.wrap-800 {
    --wrap-width: var(--wrap-800-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1200 {
    --wrap-width: var(--wrap-1200-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1300 {
    --wrap-width: var(--wrap-1300-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1400 {
    --wrap-width: var(--wrap-1400-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1420 {
    --wrap-width: var(--wrap-1420-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1480 {
    --wrap-width: var(--wrap-1480-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1600 {
    --wrap-width: var(--wrap-1600-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-1680 {
    --wrap-width: var(--wrap-1680-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
.wrap-full {
    --wrap-width: var(--wrap-full-width);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--wrap-width);
}
@media (min-width:1201px){body .pc-hide{display:none}
body .pc-show{display:block}
body .pc-show[flex]{display:flex}
body .pc-show[flex][flex~="i"]{display:inline-flex}
}@media (max-width:1200px){body .phone-hide{display:none}
body .phone-show{display:block}
body .phone-show[flex]{display:flex}
body .phone-show[flex][flex~="i"]{display:inline-flex}
}.bg-mcolor{background-color:var(--mcolor)}
.bgeff2f7{background-color:#eff2f7}
.bgf0f0f0{background-color:#f0f0f0}
.bgf8f7f6{background-color:#f8f7f6}
.bgf6f6f6{background-color:#f6f6f6}
.bgf8f8f8{background-color:#f8f8f8}
.bgffffff{background-color:#fff}
.bgeeeeee{background-color:#eee}
.bgf1f1f1{background-color:#f1f1f1}
.bgf3f3f3{background-color:#f3f3f3}
.bgf6f7f9{background-color:#f6f7f9}
.bgf4f4f4{background-color:#f4f4f4}
.bgf5f5f5{background-color:#f5f5f5}
.bgf7f7f7{background-color:#f7f7f7}
.bg2d2d2d{background-color:#2d2d2d}
.bg121212{background-color:#121212}
.bgf0f5fa{background-color:#f0f5fa}
.color-main{color:var(--mcolor)}
::placeholder{color:rgba(102,102,102,0.5)}
.input-color1{--color:#555}
.input-color1::placeholder{color:var(--color)}
.i-h{position:relative}
.i-h .i{display:block;opacity:1}
.i-h .h{position:absolute;left:0;top:0;opacity:0}
.i-block{display:inline-block}
[flex]{display:flex}
[flex][flex~="i"]{display:inline-flex}
[flex][flex~="wrap"]{flex-wrap:wrap}
[flex][flex~="no-wrap"]{flex-wrap:nowrap}
[flex][flex~="ja"]{justify-content:space-around}
[flex][flex~="jb"]{justify-content:space-between}
[flex][flex~="js"]{justify-content:start}
[flex][flex~="jfs"]{justify-content:flex-start}
[flex][flex~="jc"]{justify-content:center}
[flex][flex~="je"]{justify-content:end}
[flex][flex~="jfe"]{justify-content:flex-end}
[flex][flex~="ais"]{align-items:flex-start}
[flex][flex~="aic"]{align-items:center}
[flex][flex~="acc"]{align-content:center}
[flex][flex~="aie"]{align-items:flex-end}
.lw-w-1{width:8.33333333%}
.lw-w-2{width:16.66666667%}
.lw-w-3{width:25%}
.lw-w-4{width:33.33333333%}
.lw-w-5{width:41.66666667%}
.lw-w-6{width:50%}
.lw-w-7{width:58.33333333%}
.lw-w-8{width:66.66666667%}
.lw-w-9{width:75%}
.lw-w-10{width:83.33333333%}
.lw-w-11{width:91.66666667%}
.lw-w-12{width:100%}
.lw-5w{width:20%}
.lw-w-hide{display:none}
@media (max-width:1200px){.lw-xw-1{width:8.33333333%}
.lw-xw-2{width:16.66666667%}
.lw-xw-3{width:25%}
.lw-xw-4{width:33.33333333%}
.lw-xw-5{width:41.66666667%}
.lw-xw-6{width:50%}
.lw-xw-7{width:58.33333333%}
.lw-xw-8{width:66.66666667%}
.lw-xw-9{width:75%}
.lw-xw-10{width:83.33333333%}
.lw-xw-11{width:91.66666667%}
.lw-xw-12{width:100%}
.lw-5xw{width:20%}
}@media (max-width:1024px){.lw-mw-1{width:8.33333333%}
.lw-mw-2{width:16.66666667%}
.lw-mw-3{width:25%}
.lw-mw-4{width:33.33333333%}
.lw-mw-5{width:41.66666667%}
.lw-mw-6{width:50%}
.lw-mw-7{width:58.33333333%}
.lw-mw-8{width:66.66666667%}
.lw-mw-9{width:75%}
.lw-mw-10{width:83.33333333%}
.lw-mw-11{width:91.66666667%}
.lw-mw-12{width:100%}
.lw-5mw{width:20%}
}@media (max-width:992px){.lw-nw-1{width:8.33333333%}
.lw-nw-2{width:16.66666667%}
.lw-nw-3{width:25%}
.lw-nw-4{width:33.33333333%}
.lw-nw-5{width:41.66666667%}
.lw-nw-6{width:50%}
.lw-nw-7{width:58.33333333%}
.lw-nw-8{width:66.66666667%}
.lw-nw-9{width:75%}
.lw-nw-10{width:83.33333333%}
.lw-nw-11{width:91.66666667%}
.lw-nw-12{width:100%}
.lw-5nw{width:20%}
}@media (max-width:768px){.lw-sw-1{width:8.33333333%}
.lw-sw-2{width:16.66666667%}
.lw-sw-3{width:25%}
.lw-sw-4{width:33.33333333%}
.lw-sw-5{width:41.66666667%}
.lw-sw-6{width:50%}
.lw-sw-7{width:58.33333333%}
.lw-sw-8{width:66.66666667%}
.lw-sw-9{width:75%}
.lw-sw-10{width:83.33333333%}
.lw-sw-11{width:91.66666667%}
.lw-sw-12{width:100%}
.lw-5sw{width:20%}
.lw-sw-block{display:block}
}.fwb{font-weight:bold}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs24{font-size:24px}
.fs30{font-size:30px}
.fs32{font-size:32px}
.fs36{font-size:36px}
.fs40{font-size:40px}
.fs46{font-size:46px}
.fs50{font-size:50px}
.fs60{font-size:60px}
.fs120{font-size:120px}
@media (max-width:1500px){.fs16{font-size:14px}
.fs18{font-size:15px}
.fs24{font-size:22px}
.fs30{font-size:26px}
.fs32{font-size:37px}
.fs36{font-size:28px}
.fs40{font-size:32px}
.fs46{font-size:36px}
.fs50{font-size:40px}
.fs60{font-size:50px}
.fs120{font-size:100px}
}@media (max-width:1200px){.fs16{font-size:0.26rem}
.fs18{font-size:0.28rem}
.fs24{font-size:0.28rem}
.fs30{font-size:0.3rem}
.fs32{font-size:0.31rem}
.fs36{font-size:0.32rem}
.fs40{font-size:0.36rem}
.fs46{font-size:0.36rem}
.fs50{font-size:0.4rem}
.fs60{font-size:0.46rem}
.fs120{font-size:1rem}
}.relative{position:relative}
.cycle-box{--size:40px;--time:4s;--b-c:var(--mcolor);--b-w:3px;position:relative;width:var(--size);height:var(--size)}
.cycle-box .cycle-son{position:absolute;top:0;height:var(--size);width:calc(var(--size)*0.5);overflow:hidden}
.cycle-box .cycle-son::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.cycle-box .left-c{left:0}
.cycle-box .left-c::before{transform-origin:right center;border-radius:calc(var(--size)*0.5) 0 0 calc(var(--size)*0.5);border:var(--b-w) solid var(--b-c);border-right:0;transform:rotate(-180deg)}
.cycle-box .right-c{right:0}
.cycle-box .right-c::before{transform-origin:left center;border-radius:0 calc(var(--size)*0.5) calc(var(--size)*0.5) 0;border:var(--b-w) solid var(--b-c);border-left:0;transform:rotate(-180deg)}
.cycle-box.run .left-c::before{transform:rotate(0deg);animation:cycle-left var(--time) linear}
.cycle-box.run .right-c{right:0}
.cycle-box.run .right-c::before{transform:rotate(0deg);animation:cycle-right var(--time) linear}
.cycle-box-h:hover .left-c::before{transform:rotate(0deg);animation:cycle-left var(--time) linear}
.cycle-box-h:hover .right-c{right:0}
.cycle-box-h:hover .right-c::before{transform:rotate(0deg);animation:cycle-right var(--time) linear}
.run .cycle-box .left-c::before{animation:cycle-left var(--time) linear}
.run .cycle-box .right-c{right:0}
.run .cycle-box .right-c::before{animation:cycle-right var(--time) linear}
@keyframes cycle-left{0%{transform:rotate(-180deg)}
50%{transform:rotate(-180deg)}
100%{transform:rotate(0deg)}
}@keyframes cycle-right{0%{transform:rotate(-180deg)}
50%{transform:rotate(0deg)}
100%{transform:rotate(0deg)}
}.self-svg{display:flex;align-items:center;justify-content:center}
.self-svg svg.icon{width:var(--size);height:var(--size);fill:var(--fill)}
@keyframes swiper-delay-ani{0%{width:0%}
100%{width:100%}
}.swiper-box{--anitime:3s}
.swiper-box.swiper-type1{overflow:hidden}
.swiper-box.swiper-type2{position:relative;--scale:0.8}
.swiper-box.swiper-type2 .swiper-slide{width:clamp(10vw,55.8vw,1070px);transition:all 0.3s}
.swiper-box.swiper-type2 .swiper-slide-prev{transform:scale(var(--scale)) translate(50%,-7%)}
.swiper-box.swiper-type2 .swiper-slide-next{transform:scale(var(--scale)) translate(-50%,-7%)}
.swiper-box.swiper-type2 .swiper-slide-active{z-index:2;transform:scale(1)}
.swiper-box.swiper-type2 .swiper-slide-active .img-box{box-shadow:0px 10px 20px 4px rgba(180,180,180,0.75)}
.swiper-box.swiper-type2 .swiper-slide-active .img-box::after{opacity:0}
.swiper-box.swiper-type2 .swiper-slide-active .title{opacity:1}
.swiper-box.swiper-type2 .title{opacity:0;padding:1em 1em;font-size:24px;line-height:1.2em;color:#222;transition:all 0.3s}
.swiper-box.swiper-type2 .img-box{display:block;transition:all 0.3s}
.swiper-box.swiper-type2 .img-box::before{padding-top:57%}
.swiper-box.swiper-type2 .img-box::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;background-color:rgba(255,255,255,1);transition:all 0.3s}
.swiper-box.swiper-type2 .swiper-btn{margin-top:-3%}
.swiper-box .swiper-other{padding-top:clamp(0.3rem,3.645vw,70px)}
.swiper-box .swiper-other .swiper-btn{flex-shrink:0}
.swiper-box .swiper-other .delay-box{width:calc(96.8% - var(--s)*2)}
.swiper-box .swiper-other .delay-box .delay-line{display:block;position:relative;background:#dcdcdc;height:2px}
.swiper-box .swiper-other .delay-box .delay-line::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:var(--btn-bg)}
.swiper-box .swiper-other .delay-box.run .delay-line::before{animation:swiper-delay-ani var(--anitime) linear}
.swiper-box .swiper-btn-box-a.type1 .prev{transform:translate(30%,-50%)}
.swiper-box .swiper-btn-box-a.type1 .next{transform:translate(-30%,-50%)}
.swiper-box .swiper-btn-box-a.type2 .prev{transform:translate(0%,-50%)}
.swiper-box .swiper-btn-box-a.type2 .next{transform:translate(0%,-50%)}
.swiper-box .swiper-btn-box-a .swiper-btn{transform:translate(-50%,-50%);position:absolute;z-index:2;top:50%}
.swiper-box .swiper-btn-box-a .prev{left:0}
.swiper-box .swiper-btn-box-a .next{transform:translate(50%,-50%);right:0}
@media (max-width:1700px){.swiper-box.swiper-type2 .title{font-size:22px}
}@media (max-width:1600px){.swiper-box.swiper-type2 .title{font-size:20px}
}@media (max-width:1500px){.swiper-box.swiper-type2 .title{font-size:18px}
}@media (max-width:1400px){.swiper-box.swiper-type2 .swiper-slide{width:clamp(10vw,55.8vw,1070px)}
.swiper-box.swiper-type2 .title{font-size:17px}
}@media (max-width:1200px){.swiper-box.swiper-type2 .swiper-slide{width:clamp(10vw,calc(var(--wrap-1680-width)*0.7),1070px)}
.swiper-box.swiper-type2 .title{font-size:0.26rem}
.swiper-box.swiper-type2 .swiper-btn{margin-top:-7%}
}@media (max-width:768px){.swiper-box .swiper-btn-box-a .swiper-btn{transform:translate(0%,-50%)}
.swiper-box .swiper-btn-box-a .next{transform:translate(0%,-50%)}
}.auto-title-block .auto-title-h2{font-size:60px;font-weight:bold;line-height:1.2em;letter-spacing:-2px;color:#222}
.auto-title-block .auto-title-h2-des{margin-top:12px;font-size:20px;line-height:1.3em;color:#333}
@media (max-width:1700px){.auto-title-block .auto-title-h2{font-size:50px;letter-spacing:-1px}
.auto-title-block .auto-title-h2-des{margin-top:10px}
}@media (max-width:1600px){.auto-title-block .auto-title-h2{font-size:50px;letter-spacing:0}
.auto-title-block .auto-title-h2-des{margin-top:7px;font-size:19px}
}@media (max-width:1500px){.auto-title-block .auto-title-h2{font-size:50px}
.auto-title-block .auto-title-h2-des{margin-top:5px;font-size:18px}
}@media (max-width:1400px){.auto-title-block .auto-title-h2{font-size:50px}
.auto-title-block .auto-title-h2-des{margin-top:3px;font-size:17px}
}@media (max-width:1200px){.auto-title-block .auto-title-h2{font-size:1rem}
.auto-title-block .auto-title-h2-des{margin-top:0.15rem;font-size:16px}
}@media (max-width:768px){.auto-title-block .auto-title-h2{font-size:.8rem}
.auto-title-block .auto-title-h2-des{margin-top:0.15rem;font-size:16px}
}
/*-------------------------------------------------------------------------------*/
.about-block-form{background-color:#eaeaea;padding-top:clamp(0.55rem,3.855vw,74px);padding-bottom:clamp(0.55rem,3.85vw,67px);overflow:hidden;border-bottom:solid 0px #e6e6e6;}
.about-block-form .form-box{--gap:13px;--lh:56px;--size1:1.635em;--size:92%;--fill:#ababab;--pb:1.2em;padding-top:clamp(0.35rem,3.385vw,65px);font-size:16px;line-height:var(--lh);color:#fff}
.about-block-form .form-box .form{margin:calc(var(--gap)*-1)}
.about-block-form .form-box .form-li{padding:calc(var(--gap)*1)}
/*.about-block-form .form-box .input-box{border-radius:4px;color:#333;;background-color:#fff;padding-left:var(--pb);padding-right:var(--pb)}.about-block-form .form-box .input-icon{margin-top:calc((var(--lh) - var(--size1))*0.4);flex-shrink:0;width:var(--size1);height:var(--size1)}*/
.about-block-form .form-box .input-box{border-radius:4px;color:#333;background-color:#fff;padding-left:var(--pb);padding-right:var(--pb);display:flex !important;align-items:center !important;gap:8px !important;line-height:1 !important}

.about-block-form .form-box .input-icon{margin-top:calc((var(--lh) - var(--size1))*0.4);flex-shrink:0;width:var(--size1,26px) !important;height:var(--size1,26px) !important;display:flex;align-items:center;justify-content:center}
.about-block-form .form-box .input-icon img{width:100%;height:100%;object-fit:contain;display:block}

.about-block-form .form-box .input::placeholder{color:#ababab}
.about-block-form .form-box textarea.input{height:150px}
.about-block-form .form-box .code-box .input-box{width:230px;}
.about-block-form .form-box .code-box .input-box .input{width:100%;text-align:center;line-height:calc(var(--lh)*0.89 - 1.6em)}
.about-block-form .form-box .code-box img{margin-left:12px;height:calc(var(--lh)*0.89);cursor:pointer}

.about-block-form .form-box .submit-box{height:50px;line-height:50px;}
.about-block-form .form-box .submit-box .btn{border-radius:33px;background:#0079c3;width:268px;cursor:pointer;text-align:center;font-size:clamp(18px, 1.5vw, 20px);font-weight:bold;color:#fff}
.about-block-form .form-box .submit-box .btn:hover{background:#ff6a00;}

@media (max-width:1700px){.about-block-form .form-box{--gap:12px;padding-top:clamp(0.35rem,3vw,65px)}
.about-block-form .form-box textarea.input{height:200px}
.about-block-form .form-box .code-box .input-box{width:220px}
.about-block-form .form-box .submit-box .btn{font-size:19px}
}@media (max-width:1600px){.about-block-form .form-box{--gap:10px;padding-top:clamp(0.35rem,2.5vw,65px)}
.about-block-form .form-box textarea.input{height:180px}
.about-block-form .form-box .submit-box .btn{font-size:18px}
}@media (max-width:1500px){.about-block-form .form-box{--lh:52px;padding-top:clamp(0.35rem,2.3vw,65px)}
.about-block-form .form-box textarea.input{height:160px}
.about-block-form .form-box .code-box img{height:47px}
.about-block-form .form-box .submit-box .btn{font-size:16px}
}@media (max-width:1200px){.about-block-form{padding-top:0.55rem;padding-bottom:0.55rem}
.about-block-form .form-box{--gap:0.12rem;--lh:0.7rem;--size1:0.32rem;--pb:1em;padding-top:0.35rem;font-size:0.26rem}
.about-block-form .form-box .input-icon{margin-top:calc((var(--lh) - var(--size1))*0.4)}
.about-block-form .form-box textarea.input{height:2rem}
.about-block-form .form-box .code-box .input-box{width:60%;display:flex;align-items:center;gap:8px;line-height:normal}
.about-block-form .form-box .code-box img{margin-left:0.15rem;width:calc(40% - 0.15rem);height:0.7rem}
.about-block-form .form-box .submit-box{--lh:0.6rem}
.about-block-form .form-box .submit-box .btn{width:100%;font-size:0.28rem}
}
/* Pop-up content box */
.error-tip{color:#f00;font-size:14px;margin-top:10px;height:18px;line-height:18px}
.success-modal{background:#fff;padding:40px 30px;border-radius:8px;text-align:center;position:relative;min-width:300px;box-shadow:0 5px 20px rgba(255,255,255,1)}
.modal-close{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer;color:#666;background:none;border:none}
.modal-close:hover{color:#fff}
.modal-title{font-size:18px;color:#0079c3;margin-bottom:10px}
.modal-desc{font-size:14px;color:#333}.about-block-form .form-box .input{width:100%;padding:0.8em 0.5em;line-height:calc(var(--lh) - 1.6em)}