@charset "utf-8";figure{margin:0}figure.image{clear:both;display:table;margin:1em auto;min-width:50px;text-align:center}figure.image.image-style-side{float:right}figure.table table,figure.table td{border:1px solid #b3b3b3;border-collapse:collapse}figure.table p{margin:0}figure.media video{width:100%}blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}span.text-tiny{font-size:.7em}span.text-small{font-size:.85em}span.text-big{font-size:1.4em}span.text-huge{font-size:1.8em}html{font-size:20px;font-family:icon,system-ui;--width:74rem;--color:#387eb7;--rgb:56,126,183}input,select,textarea{font-size:1rem}body{min-width:var(--width);margin:0 auto;padding:0;color:rgba(0,0,0,.8);background-color:#fff;text-align:justify}body *{transition:all .4s}img{border:0}form{margin:0;padding:0}input::-ms-clear,input::-ms-reveal{display:none}textarea{resize:none}div,ul,li{margin:0;padding:0;display:block;overflow:hidden}ul,li{list-style-type:none}li{text-overflow:ellipsis}a{text-decoration:none;color:rgba(0,0,0,.8);outline:0}a:hover{text-decoration:none;color:var(--color)}a,.arow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{display:none}@media screen and (max-width:1800px){html{font-size:18px}}@media screen and (max-width:1600px){html{font-size:16px}}@media screen and (max-width:1400px){html{font-size:14px}}@media screen and (max-width:1200px){html{font-size:12px}}@media screen and (max-width:1000px){html{font-size:10px}}@media screen and (max-width:800px){html{font-size:8px}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:'icon';src:url("/web/images/iconfont.woff2?t=1747766778") format("woff2"),url("/web/images/iconfont.woff?t=1747766778") format("woff")}@keyframes jump_up{40%{transform:translateY(-8%)}}@keyframes scale{0%{transform:scale(1,1)}100%{transform:scale(1.05,1.05)}}.himg{overflow:hidden;position:relative;z-index:1}.himg img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;margin:auto;transition:transform .4s ease}.himg:hover img{transform:scale(1.1,1.1)}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.roll{width:.6em;height:1em;line-height:1em;display:inline-flex;overflow:hidden;position:relative;text-align:center}.roll::before{content:'0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';display:block;transition:transform 3s ease-out .4s;font-family:puhui}.on .roll.n0::before{transform:translateY(-10em);transition-duration:3s}.on .roll.n1::before{transform:translateY(-11em);transition-duration:3.1s}.on .roll.n2::before{transform:translateY(-12em);transition-duration:3.2s}.on .roll.n3::before{transform:translateY(-13em);transition-duration:3.3s}.on .roll.n4::before{transform:translateY(-14em);transition-duration:3.4s}.on .roll.n5::before{transform:translateY(-15em);transition-duration:3.5s}.on .roll.n6::before{transform:translateY(-16em);transition-duration:3.6s}.on .roll.n7::before{transform:translateY(-17em);transition-duration:3.7s}.on .roll.n8::before{transform:translateY(-18em);transition-duration:3.8s}.on .roll.n9::before{transform:translateY(-19em);transition-duration:3.9s}header{position:fixed;left:0;right:0;top:0;z-index:9;margin:0 auto;padding:0 2em;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(rgba(0,0,0,.5),transparent)}header .logo{height:3rem;font-size:1.6em;color:#fff;display:flex;align-items:center}header .nav{overflow:visible;position:relative;display:flex;align-items:center}header .nav li{line-height:2em;padding:1em 1.5em;text-shadow:0 0 .2em rgba(0,0,0,.3);position:relative}header .nav li a{color:#fff;display:block}header .nav li .a{opacity:.6;text-transform:uppercase}header .nav li .a::after{content:'';width:1.5em;height:.2em;background-color:transparent;display:block;margin:0 auto}header .nav li:hover .a,header .nav li.on .a{opacity:1}header .nav li.on .a::after{background-color:var(--color)}header .nav li.menu{overflow:visible;cursor:pointer;padding:.5em}header .nav li.menu::before{content:'\e65b';width:1em;height:1em;line-height:1em;color:#fff;background-color:var(--color);font-size:1.2em;padding:.4em;border-radius:50%;transition:transform .6s;display:block}header .nav li.menu::after{content:'';width:90%;height:90%;background-color:rgba(255,255,255,.6);border-radius:50%;position:absolute;z-index:-1;left:-120%;top:-120%;right:-120%;bottom:-120%;display:block;margin:auto;transform:scale(.4,.4);animation:menu_scale 2s infinite}header .nav.hide li{overflow:hidden}header .nav.hide li .a{transform:translateY(-160%)}header .nav li:nth-child(2) .a{transition-delay:.1s}header .nav li:nth-child(3) .a{transition-delay:.2s}header .nav li:nth-child(4) .a{transition-delay:.3s}header .nav li:nth-child(5) .a{transition-delay:.4s}header .nav li:nth-child(6) .a{transition-delay:.5s}header .nav li:nth-child(7) .a{transition-delay:.6s}header .nav li:nth-child(8) .a{transition-delay:.7s}@keyframes menu_scale{70%,100%{transform:scale(1.2,1.2);opacity:0}}.ibn{height:100vh;padding-top:0;overflow:hidden}.ibn .list{width:100%;height:100%;white-space:nowrap}.ibn .list img,.ibn .list video{width:100%;height:100%;object-fit:cover}.ibn .list li{width:100%;height:100%;display:inline-block;position:relative;background-color:#333}.ibn .list li img{transform:scale3d(1.1,1.1,1)}.ibn .list li .info{line-height:1.8em;color:#fff;display:flex;flex-flow:column;justify-content:center;align-items:center;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,0);opacity:0;transition:all .8s .6s}.ibn .list li .info strong{line-height:1.4em;font-size:2em;display:block;margin-bottom:1rem}.ibn .list li .info a{line-height:2em;background-image:linear-gradient(transparent 30%,var(--color));padding:0 1em;border-radius:.7em;display:block;color:#fff}.ibn .list li .info a::after{content:'\e60a';margin-left:1em}.ibn .list li.on .info{transform:translate(-50%,-50%);opacity:1}.ibn .list li .play{height:2.4em;line-height:2.4em;padding:0 1em;border-radius:1.2em;background-color:rgba(255,255,255,.7);color:#666;text-align:center;cursor:pointer;position:absolute;z-index:3;left:50%;bottom:6em;transform:translateX(-50%);transition:all .4s}.ibn .list li .play::before{content:'\e603';font-size:1.6em;vertical-align:middle;margin-right:.5rem;display:inline-block}.ibn .list li .play:hover{background-color:#fff}.ibn .list li::after{content:'';width:100%;height:60%;background-image:linear-gradient(transparent,rgba(0,0,0,.3));position:absolute;left:0;bottom:0}.ibn .list li.on img{transform:scale3d(1,1,1);transition:transform 5s ease-out}.ibn .go{display:flex;justify-content:space-between;position:absolute;left:0;bottom:2em;right:2em;margin:0 auto;padding:0 2em}.ibn .go li{cursor:pointer;opacity:.5;font-size:.8em}.ibn .go li:hover{opacity:1}.scroll{color:#fff;opacity:.7;position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);display:flex;flex-flow:column;align-items:center}.scroll small{display:block;margin-top:1em}.mousemove{width:1.4em;aspect-ratio:.6;border:2px solid #fff;font-size:.8em;border-radius:.8em;display:flex;justify-content:center}.mousemove::before{content:'';width:.4em;height:.4em;background-color:#fff;border-radius:50%;opacity:0;transform:translateY(100%);animation:mousemove 2s infinite ease-in-out}@keyframes mousemove{0%{opacity:0}30%{opacity:1}60%{opacity:0;transform:translateY(400%)}}.ibox{width:100%;padding:4em 0;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.ibox .bg{width:100%;height:100%;position:absolute;z-index:-2;left:0;top:0}.ibox .bg img{width:100%;height:100%;object-fit:cover}.pbt{display:flex;flex-direction:column;align-items:center;margin-bottom:2em}.pbt h2{font-size:1.8em;margin:0}.pbt .ctg{width:var(--width);display:flex;flex-wrap:wrap;justify-content:center;font-size:.9em;row-gap:.5em}.pbt .ctg a{line-height:2em;border-radius:1em;padding:0 1em}.pbt .ctg a.on{background-color:var(--color);color:#fff}@keyframes area-move{10%{transform:translateX(-.5em)}}.area .select{width:var(--width);display:flex;justify-content:center;align-items:center;margin-bottom:2em}.area .select::before{content:'\e68d';font-size:1.6em;color:orange;animation:area-move 1s infinite}.area .select select{height:2em;line-height:2em;padding:0 .5em;border:1px solid rgba(0,0,0,.3);border-radius:1em;margin:0 .5em}.area .select .url{line-height:2em;background-color:var(--color);color:#fff;border-radius:1em;padding:0 1em;margin-right:.5em}.area .select .url::after{content:'\e60d';margin-left:.5em}.area .box{width:var(--width);height:26em;display:grid;grid-template-columns:2fr 1fr;background-color:#fff}.area .box .img{height:100%;overflow:hidden}.area .box .img img{width:100%;height:100%;object-fit:cover}.area .box .list{margin:1em 2em;overflow-y:auto}.area .box .list li{border-bottom:1px solid rgba(0,0,0,.1);padding:1em 0}.area .box .list li >p{font-size:.8em}.area .box .list li >a{line-height:2.4em;border-radius:1.2em;border:1px solid rgba(0,0,0,.1);display:inline-block;padding:0 1.5em;font-size:.8em}.area .box .list li >a:hover{background-color:var(--color);color:#fff}.youshi .list{width:var(--width);display:grid;grid-template-columns:repeat(4,1fr);column-gap:1em}.youshi .list li{height:22em;border-radius:1em;position:relative;z-index:1;background:var(--bg) no-repeat center center;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.youshi .list li::before{content:attr(data-icon);font-size:3em}.youshi .list li strong{font-size:1.2em;margin:1em 0}.youshi .list li p{height:calc(1.6em * 6);line-height:1.6em;margin:0 1.5em;-webkit-line-clamp:6;opacity:.7}.youshi .list li::after{content:'';width:100%;height:100%;background-image:linear-gradient(#000,rgba(0,78,162,.7));position:absolute;z-index:-1;left:0;top:0}.youshi .list li:hover::before{animation:jump_up .7s infinite}.pros .list{width:var(--width);position:relative;display:grid;grid-template-columns:repeat(4,1fr);column-gap:1em;row-gap:1em}.pros .list a{background-color:rgba(var(--rgb),.2);border-radius:.5em;padding:1em}.pros .list a .himg{width:100%;aspect-ratio:4/3;overflow:hidden}.pros .list a strong{text-align:center;margin-top:1em;display:block;font-weight:normal}.pros .list a:hover{background-image:linear-gradient(transparent,var(--color))}.pros .list a:hover strong{color:#fff}.news .list{width:var(--width);display:grid;grid-template-columns:repeat(2,1fr);column-gap:2em;row-gap:1em}.news .list li{border-radius:.5em;background-color:rgba(var(--rgb),.6)}.news .list li .himg{display:none}.news .list li .info{padding:1em 1.5em;margin:0;color:#fff}.news .list li .info strong{display:block}.news .list li .info small{opacity:.7}.news .list li .info .dect{margin:1em 0}.news .list li .info .date{font-size:.8em;opacity:.7}.news .list li .info .date::before{content:'\e647';margin-right:.5em}.news .list li:hover{background-color:var(--color)}@media screen and (min-width:640px){.news .list li:first-child{grid-column:1/2;grid-row:1/4}.news .list li:first-child .himg{width:100%;aspect-ratio:1.9;display:block}}.case .list{width:var(--width);display:grid;grid-template-columns:repeat(3,1fr);column-gap:.5em;row-gap:.5em}.case .list li{height:15em;position:relative}.case .list li .himg{height:100%}.case .list li .info{width:100%;height:100%;margin:0;position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 .2em rgba(0,0,0,.3);background-color:rgba(0,0,0,.5)}.case .list li .info strong{font-size:1.4em}.case .list li .info .dect{height:0;line-height:1.6em;-webkit-line-clamp:6;margin:1em 2em;transform:translateY(100%)}.case .list li:hover .info{background-color:rgba(var(--rgb),.95)}.case .list li:hover .info .dect{height:auto;transform:translateY(0)}@media screen and (min-width:640px){.case .list li:first-child{height:100%;grid-row:1/3}.case .list li:first-child .info .dect{-webkit-line-clamp:10}}.about .iai{width:var(--width);display:grid;grid-template-columns:repeat(2,1fr);column-gap:4em;align-items:center}.about .iai .info h2{font-size:1.8em;margin:0}.about .iai .info .text{max-height:calc(1.6em * 7);line-height:1.6em;overflow-y:auto;margin:2em 0}.about .iai .info .text.all{max-height:none}.about .iai .info .more{line-height:1.6em;border-radius:.8em;padding:0 1em;background-color:var(--color);color:#fff;display:inline-block}.about .iai .info .more:hover{background-color:rgba(0,0,0,.7)}.about .iai .himg{aspect-ratio:1.5;border-radius:1em}.about .nums{width:var(--width);padding:2em 0;margin-top:2em;border-radius:1em;background-color:var(--color);color:#fff;display:flex;justify-content:space-around;align-items:center}.about .nums li p{margin:0;display:inline}.about .nums li p span{font-size:3em}.about .nums li small{white-space:nowrap}.about .nums >label{width:1px;height:3em;background-color:rgba(255,255,255,.3)}.about .nums >label:last-child{display:none}.nbn{height:100vh;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;background:no-repeat center center fixed;background-size:cover;text-transform:uppercase}.nbn strong{max-width:24em;color:#fff;text-align:center;font-size:2em;text-shadow:0 0 .2em rgba(0,0,0,.3)}.goto{display:flex;justify-content:center}.goto li{width:2em;aspect-ratio:1;display:inline-flex;justify-content:center;align-items:center;margin:0 .5em;background-color:var(--color);color:#fff;border-radius:50%;cursor:pointer}.about_history .list{width:var(--width);margin-bottom:2em;overflow:hidden}.about_history .list ul{white-space:nowrap}.about_history .list li{width:calc(var(--width) / 2);display:inline-block;vertical-align:top;white-space:normal}.about_history .list li .box{display:grid;grid-template-columns:3fr 2fr;column-gap:2em;justify-content:space-between;align-items:center;padding:1em;background-color:#fff;border-radius:.5em;margin:1em .5em;box-shadow:0 0 .4em .2em rgba(0,0,0,.1)}.about_history .list li .box .info{margin:0}.about_history .list li .box .info strong{margin-bottom:1em;display:block}.about_history .list li .box .info small{opacity:.7;-webkit-line-clamp:5}.about_history .list li .box .himg{aspect-ratio:1.5;border-radius:.5em}.about_history .list li .box:hover{background-color:var(--color);color:#fff}.pros_box{width:var(--width);margin:4em auto}.pros_box .list{display:grid;grid-template-columns:repeat(4,1fr);column-gap:1em;row-gap:1em}.pros_box .list li{background-color:rgba(var(--rgb),.2);border-radius:.5em;padding:1em}.pros_box .list li .himg{width:100%;aspect-ratio:4/3;overflow:hidden}.pros_box .list li strong{text-align:center;margin-top:1em;display:block;font-weight:normal}.pros_box .list li:hover{background-image:linear-gradient(transparent,var(--color))}.pros_box .list li:hover strong{color:#fff}.case_list{margin:1em auto;display:grid;grid-template-columns:repeat(2,1fr);column-gap:1em;row-gap:1em}.case_list li{aspect-ratio:1.5;position:relative}.case_list li .himg{height:100%}.case_list li .info{width:100%;height:100%;margin:0;position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 .2em rgba(0,0,0,.3);background-color:rgba(0,0,0,.5)}.case_list li .info strong{font-size:1.4em}.case_list li .info .dect{height:0;line-height:1.6em;-webkit-line-clamp:6;margin:1em 2em;transform:translateY(100%)}.case_list li:hover .info{background-color:rgba(var(--rgb),.95)}.case_list li:hover .info .dect{height:auto;transform:translateY(0)}.news_list{width:var(--width);margin:2em auto;display:grid;row-gap:2em}.news_list li{display:grid;grid-template-columns:1fr 2fr;align-items:center;border-radius:.5em;background-color:#f0f0f0;padding:1em}.news_list li .himg{aspect-ratio:16/9;border-radius:.5em}.news_list li .info{margin:0 2em}.news_list li .info .name{line-height:1.6em;font-weight:bold;font-size:1.2em}.news_list li .info small{line-height:1.6em;opacity:.7;font-size:1em;margin:1em 0}.news_list li .info time{display:block;text-align:right;opacity:.7}.news_list li:hover{background-color:var(--color);color:#fff}.news_list li:hover a{color:#fff}.cnt_body{width:var(--width);display:flex;margin:4em auto}.cnt_body .info{width:calc(45% - 4em);padding:2em;background-color:var(--color);color:#fff;border-radius:.5em 0 0 .5em;position:relative;z-index:2;display:flex;flex-flow:column;justify-content:space-between}.cnt_body .info .title{font-size:2em;display:block;text-transform:uppercase}.cnt_body .info .list{line-height:1.6em}.cnt_body .info .list li{margin:1em 0}.cnt_body .info .share{overflow:visible}.cnt_body .info .share li{display:inline-block;position:relative;overflow:visible;margin-right:2em}.cnt_body .info .share li::before{content:attr(data-icon);font-size:2.4em}.cnt_body .info .share li img{width:8em;position:absolute;left:0;bottom:0;display:none}.cnt_body .info .share li:hover{z-index:2}.cnt_body .info .share li:hover img{display:block;animation:fade-in .4s}.cnt_body .form{width:calc(55% - 8em);padding:2em 4em;box-shadow:0 0 .4em .2em rgba(var(--rgb),.1);position:relative;z-index:1;margin:1em .5em 1em 0;display:flex;flex-flow:column;align-items:center}.cnt_body .form h2{font-size:2em;margin:0;text-transform:uppercase;font-weight:normal}.cnt_body .form form{width:100%}.cnt_body .form p{line-height:1.6em;padding-bottom:.5em;border-bottom:1px solid rgba(0,0,0,.2);display:flex}.cnt_body .form p::before{content:attr(data-icon);font-size:1.4em;opacity:.7;margin-top:.2em;margin-right:.5em}.cnt_body .form p input,.cnt_body .form p textarea{width:100%;line-height:1.6em;padding:.2em .5em;border:0;outline:0}.cnt_body .form p textarea{height:calc(1.6em * 4)}.cnt_body .form .btn{line-height:2.4em;padding:0 3em;cursor:pointer;background-color:rgba(0,0,0,.2);border-radius:1.2em}.cnt_body .form .btn:hover{background-color:var(--color);color:#fff}.content{width:calc(var(--width) - 4em);line-height:200%;border-radius:1em;padding:2em;box-shadow:0 0 .4em .2em rgba(0,0,0,.1);margin:4em auto}.content h1{line-height:1.6em}.content img{max-width:100%}.page{text-align:center;margin:4em auto}.page a{height:1.6em;line-height:1.6em;padding:0 .6em;display:inline-block;margin:0 .3em;border-radius:.3em;font-size:1.2em;vertical-align:middle}.page a.on{color:#fff;background-color:var(--color)}footer{line-height:1.6em;background-color:#333;color:rgba(255,255,255,.5);text-align:center;padding:1em 0;font-size:.8em}footer a{color:rgba(255,255,255,.5)}.mob-tel{width:1.8em;aspect-ratio:1;font-size:2em;box-shadow:0 .2em .4em .2em rgba(0,0,0,.1);color:#fff;background-color:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;position:fixed;z-index:3;right:1rem;bottom:1rem;display:none}@media screen and (max-width:640px){html{font-size:12px;--width:calc(100vw - 2em)}body{min-width:0;-webkit-text-size-adjust:none}.nav.full{width:50%;height:100vh;padding-top:4em;position:fixed;z-index:8;top:0;right:0;background-color:rgba(0,0,0,.9);transform:translateX(100vw);transition:transform .4s;overflow:visible}.nav.full li{height:auto;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);margin:0 10%;position:relative}.nav.full li .a,.nav.full li.lang a{height:3em;line-height:3em;font-size:1.2em;display:block;color:#fff}.nav.full li.on .a{font-weight:bold}.nav.full li p{line-height:3em;font-size:.8em;color:rgba(255,255,255,.8);margin-top:0;margin-bottom:2em;display:none}.nav.full li p a{color:rgba(255,255,255,.8)}.nav.full li p >a{display:block;color:rgba(255,255,255,.8)}.nav.full li p span a:nth-child(n + 2){margin-right:1em}.nav.full li p.on{display:block}.nav.full li .nav_change{width:1em;height:1em;line-height:1em;font-size:1.6em;text-align:center;position:absolute;top:1rem;right:0;color:#fff}.nav.full li .nav_change::before{content:'\eaf3'}.nav.full li .nav_change.on::before{content:'\eaf5'}.nav.full li.lang{display:none}.nav.full.on{transform:translateX(0)}.nav_toggle{height:1em;line-height:1em;text-align:center;position:fixed;z-index:11;top:.7rem;right:2rem;font-size:2em;color:#fff}.nav_toggle::before{content:'\e62b';display:block}.nav_toggle.on{width:1em}.nav_toggle.on::before{content:'\e60b'}header .logo{height:4rem}.ibox{min-height:0;padding:2em 0}.ibn{height:50vh}.ibn .list li .info strong{font-size:1.6em}.area .select{flex-wrap:wrap;row-gap:1em}.area .box{height:auto;grid-template-columns:1fr}.area .box .img{display:none}.youshi .list{grid-template-columns:repeat(2,1fr);row-gap:1em}.pros .list{grid-template-columns:repeat(2,1fr)}.news .list{grid-template-columns:1fr}.case .list{grid-template-columns:repeat(2,1fr)}.case .list li:first-child{grid-column:1/3}.case .list li .info strong{white-space:normal;padding:0 1em;font-size:1.2em;text-align:center}.about .iai{grid-template-columns:1fr;row-gap:1em}.about .nums li p span{font-size:1.8em}.nbn{height:auto;aspect-ratio:16/9}.pros_box .list{grid-template-columns:repeat(2,1fr)}.case_list{grid-template-columns:1fr}.news_list li{grid-template-columns:1fr;row-gap:1em}.news_list li .info{margin:0}.cnt_body{display:block}.cnt_body .info,.cnt_body .form{width:auto;border-radius:.5em;margin:1em .5em;padding:2em}.mob-tel{display:flex}.mob-tel:hover{color:#fff}}