.overview-content { font-size:16px;font-weight: 300; overflow:hidden;max-width: 1920px;margin: 0 auto;overflow-x: hidden; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400}
.overview-content .medium { font-weight: 500 }
.overview-content .bold { font-weight: 700 }
.overview-content .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3.75em; line-height:1.2;font-weight: bold }
.overview-content .text>h3 { font-size:1.875em; line-height:1.2; }
.overview-content .text>p { font-size:1.25em; line-height:1.5; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111111111111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content .m-show { display:block; }
  .overview-content .m-hide{display: none}
  .overview-content .w1366 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>h3 { font-size:2rem; padding:0 6% 2rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .text-mask{color: #787878}
html.backgroundcliptext .overview-content .text-mask { background: linear-gradient(90deg,#2af4dd,#0877ea);background-clip: text;-webkit-background-clip: text;color: transparent; }
@media screen and (min-width:737px) { 
  html.csstransitions.csstransforms .animate .opacity-animate { opacity: 0; transition-timing-function:ease-in; transition-property:opacity; transition-duration:500ms; } 
  html.csstransitions.csstransforms .animate.animate-active .opacity-animate { opacity: 1; } 
  html.csstransitions.csstransforms .animate .text-animate { opacity: 0; transition-property: all; transition-duration:500ms; transition-timing-function: ease; transform: translate(0, 30px) } 
  html.csstransitions.csstransforms .animate.animate-active .text-animate { opacity: 1; transform: translate(0, 0); }
  html.csstransitions .delay-100 { transition-delay: 100ms } 
  html.csstransitions .delay-200 { transition-delay: 200ms } 
  html.csstransitions .delay-300 { transition-delay: 300ms } 
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a{background: url(a.jpg) center / 120em auto no-repeat;height: 68em}
.overview-content .a .text{color: #fff;text-align: center;padding-top: 51em;width: 54em;margin: 0 auto}
.overview-content .a .text h2{font-size: 3.45em;font-weight:700}
.overview-content .a .text p{display: inline-block;width: 45%;font-size: 1.875em;text-align: left;padding-top: 0.75em}
.overview-content .a .text .num{font-size: 2.25em;font-weight: 500;text-align: center}
@media screen and (max-width: 768px){
  .overview-content .a{background: url(m/a.jpg) center / 100% auto no-repeat;height: 0;padding-bottom: 134%}
  .overview-content .a .text {padding: 0;width: auto;text-align: left}
  .overview-content .a .text h2{font-size: 8vw}
  .overview-content .a .text p{display: block;width: auto;text-align: left;font-size: 5vw;padding: 0 6%}
  .overview-content .a .text .num{text-align: left;font-size: 5vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b{background: #f7f7f7;height: auto;position: relative;padding-top: 6em;transition: background-color linear 200ms 1000ms}
.overview-content .b .wrap.fixed{position: fixed;z-index: 99;top: 0;left: 0;right: 0;background: rgba(255, 255, 255, .7)}
.overview-content .b .text{text-align: center;width: 60em;margin: 0 auto}
.overview-content .b .wrap .text{padding: 1em 0 0.25em}
.overview-content .b .wrap.fixed .text{width: auto;text-align: left;padding: 0.5em 0 0.75em;font-size: 0.75em}
.overview-content .b .wrap.fixed .fixed-hide{display: none}
.overview-content .b .text a{color: #0b7bed;border-bottom: 1px solid currentColor;text-decoration: none}
.overview-content .b .img-box{position: relative;background: url(b.png) 50% 100% / 120em auto no-repeat;height: 54em;}
.overview-content .b .img-box .w1366{width: auto;}
.overview-content .b .img-box .cir{position: absolute;top: 10em;left: 0;background: url(b-cir.png) 0 / 100% no-repeat;width: 100%;height: 11.5em;transition: all linear 2000ms;}
.overview-content .b .img-box .cir::after{content: '';display: block;width: 100%;background-color: #f7f7f7;position: absolute;top: 0;right: 0;height: 11.5em;transition: width linear 2000ms,background-color linear 200ms 1000ms;}
.overview-content .b.animate-active .img-box .cir:after{width: 0;background-color: #fff;}
.overview-content .b .img-box .img{position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(b-icons.png);width: 6em;height: 6em;opacity: 0;transition: all ease-out 700ms 1200ms;}
.overview-content .b .img-box .product{background-image: url(b-ax10.png);width: 30%;height: 0;padding-bottom: 20%;left: 35%;top: 15em;opacity: 0.1;transform:translate(0,0);transition: opacity linear 200ms 1000ms;}
.overview-content .b .img-box .year{position: absolute;background: url(b-years.png) 0 / auto 100% no-repeat;width: 0;height:0;padding-bottom: 9.25%;left: 3%;top: 5em;transition: width linear 2000ms}
.overview-content .b.animate-active{background: #fff}
.overview-content .b.animate-active .img-box .product{opacity: 1;}
.overview-content .b.animate-active .img-box .year{width: 100%}
.overview-content .b .img-box .img1{width: 2.6em;left: 32%;top: 17em;transform: translate(-100%,-100%); }
.overview-content .b .img-box .img2{background-position: 4% 0;width: 5em;left: 18%;top: 22em;transform: translate(-100%,-85%);}
.overview-content .b .img-box .img3{background-position: 10.5% 0;width: 3em;left: 28%;top: 25em;transform: translate(-20%,-45%);}
.overview-content .b .img-box .img4{background-position: 15.5% 0;width: 5em;left: 8%;top: 33em;transform: translate(-10%,-5%);}
.overview-content .b .img-box .img5{background-position: 22.65% 0;left: 22%;top: 35em;transform: translate(-10%,5%)}
.overview-content .b .img-box .img6{background-position: 31% 0;left: 14%;top: 46em;transform: translate(-25%,15%)}
.overview-content .b .img-box .img7{background-position: 40% 0;left: 26%;top: 42em;transform: translate(-10%,55%)}
.overview-content .b .img-box .img8{background-position: 48% 0;left: 47%;top: 46em;transform: translate(0,25%)}
.overview-content .b .img-box .img9{background-position: 55% 0;width: 4em;left: 65%;top: 16em;transform: translate(100%,-55%)}
.overview-content .b .img-box .img10{background-position: 61% 0;width: 4em;left: 70%;top: 24em;transform: translate(-10%,-5%)}
.overview-content .b .img-box .img11{background-position: 69.65% 0;left: 80%;top: 22em;transform: translate(80%,-25%)}
.overview-content .b .img-box .img12{background-position: 77.35% 0;width: 5.35em;left: 77%;top: 34em;transform: translate(35%,15%)}
.overview-content .b .img-box .img13{background-position: 85% 0;width: 5.5em;left: 90%;top: 32em;transform: translate(30%,5%)}
.overview-content .b .img-box .img14{background-position: 91.85% 0;width: 5em;left: 68%;top: 41em;transform: translate(20%,45%)}
.overview-content .b .img-box .img15{background-position: 100% 0;left: 85%;top: 45em;transform: translate(20%,25%)}
.overview-content .b.animate-active .img-box .img{transform: translate(0,0);opacity: 1;}
@media screen and (max-width: 768px){
  .overview-content .b .text{width: auto;padding-top: 0;text-align: left}
  .overview-content .b .wrap .text{padding: 0}
  .overview-content .b.animate{background:#f7f7f7 url(m/b.jpg) 50% 100% / 100% auto no-repeat;padding-bottom: 66%;padding-top: 0;}
  .overview-content .b .img-box{display: none}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c .text{position: relative;z-index: 5;width: 35em;padding-top: 12em;}
.overview-content .c .text h2{font-size: 2.375em;font-weight: 500}
.overview-content .c .text p{padding-top: 0}
.overview-content .c hr{margin: 1.25em 0;width: 65%}
.overview-content .c .chart{margin-left: 42em;margin-top: -20em}
.overview-content .c .desc{width: 62em;color: #787878}
.overview-content .c .desc .icon{display: inline-block;width: 6em;height: 6em;background-position: 50% 100%;background-size: contain;background-repeat: no-repeat;}
.overview-content .c .desc1 .icon{background-image: url(c-icon-1.png)}
.overview-content .c .desc2 .icon{background-image: url(c-icon-2.png)}
.overview-content .c .desc3 .icon{background-image: url(c-icon-3.png)}
.overview-content .c .desc4 .icon{background-image: url(c-icon-4.png)}
.overview-content .c .desc .bar-area{display: inline-block;vertical-align: bottom}
.overview-content .c .desc .txt{font-size: 1.15em}
.overview-content .c .desc .txt span{font-size: 1.65em;font-weight: 500}
.overview-content .c .desc .bar{display: inline-block;vertical-align: middle;background: #d1d1d1;width: 0;height:1em;transition: width linear 800ms }
.overview-content .c .desc1 .bar{background: linear-gradient(90deg,#2af4dd,#0877ea);}
.overview-content .c .desc1 .bar{width: 38em}
.overview-content .c .desc2 .bar{width: 28em}
.overview-content .c .desc3 .bar{width: 18em}
.overview-content .c .desc4 .bar{width: 10em}
.overview-content .c .desc .num{font-size: 1.875em;font-weight: 500;line-height: 1;display: inline-block;margin-left: 1em;vertical-align: bottom;transition: opacity linear 20ms 900ms;}
.overview-content .c .desc1 .num{color: #0877ea}
@media screen and (max-width: 768px){
  .overview-content .c .text{width: auto;padding: 0}
  .overview-content .c .text h2{font-size: 2.5rem}
  .overview-content .c .text p{padding-bottom: 0}
  .overview-content .c .chart{margin: 0 auto;width: 88%;padding: 1.5rem 0 2rem}
  .overview-content .c .desc{width: auto}
  .overview-content .c .desc .icon{width: 5rem;height: 5rem}
  .overview-content .c .desc .txt{font-size: 2.5vw}
  .overview-content .c .desc .bar{height: 0.75rem}
  .overview-content .c .desc1 .bar{width: 50vw}
  .overview-content .c .desc2 .bar{width: 30vw}
  .overview-content .c .desc3 .bar{width: 20vw}
  .overview-content .c .desc4 .bar{width: 12vw}
  .overview-content .c .desc .num{opacity: 1;font-size: 3vw}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d{background: url(d.jpg?1) center / 120em auto no-repeat;height: 45em}
.overview-content .d .text{padding-top: 14em;width: 29em;position: relative;z-index: 5}
.overview-content .d .text h2{font-size: 2.375em;font-weight: 500}
.overview-content .d .text p{padding-top: 0;}
.overview-content .d .text hr{margin: 1.25em 0;width: 88%}
.overview-content .d .img{position: absolute;left: 40em;top: 12.25em;background: url(d-chart.png) 0 / auto 100% no-repeat;width: 0;height:20em;transition: all linear 1000ms }
.overview-content .d .chart {position: absolute;top: 0}
.overview-content .d .desc{position: absolute;display: inline-block;font-size: 1.3em;white-space: nowrap;}
.overview-content .d .desc1{left: 57.5em;top: 8.65em;}
.overview-content .d .desc2{left: 57.5em;top: 18.5em;}
.overview-content .d .desc3{left: 54.5em;top: 42.5em;font-size: 0.85em;width: 25em;text-align: center;}
.overview-content .d .desc4{right: -42em;bottom: -29em;font-size: 1em;transform: rotate(-90deg);}
.overview-content .d.animate-active .img{width: 33.25em}
@media screen and (max-width: 768px){
  .overview-content .d{background: none;height: auto;}
  .overview-content .d .text{width: auto;padding: 0;}
  .overview-content .d .text h2{font-size: 2.5rem}
  .overview-content .d .text p{padding-bottom: 0}
  .overview-content .d .chart{position: relative;top:auto;background: url(m/d.jpg) 50% 0 / 100% auto no-repeat;padding-bottom: 60%;}
  .overview-content .d .img{display: none;}
  .overview-content .d .desc{font-size: 3vw;}
  .overview-content .d .desc1{left: 75%;top: 21%;}
  .overview-content .d .desc2{left: 75%;top: 60%;}
  .overview-content .d .desc3{left: 15%;top: 94%;font-size: 2.5vw;width: 60vw;}
  .overview-content .d .desc4{right: 82%;bottom: 28%;font-size: 2.5vw;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e .text{padding-top: 12em;width: 29em;position: relative;z-index: 5}
.overview-content .e .text h2{font-size: 2.375em;font-weight: 500}
.overview-content .e .text p{padding-top: 0;}
.overview-content .e .text hr{margin: 1.25em 0;width: 80%}
.overview-content .e .img{position: relative;background: url(e.jpg) center / 120em auto no-repeat;height: 35em;margin-top: -25em}
.overview-content .e .desc{position: absolute;color: #0b25cf;font-size: 1.875em;font-weight: 700}
.overview-content .e .desc1{left: 19.5em;top: 13em}
.overview-content .e .desc2{left: 33em;top: 15em}
.overview-content .e .desc3{right: -4em;top: 26em;font-size: 1.125em}
@media screen and (max-width: 768px){
  .overview-content .e .text{width: auto;padding: 0;}
  .overview-content .e .text h2{font-size: 2.5rem}
  .overview-content .e .text p{padding-bottom: 0}
  .overview-content .e .img{margin: 0;background: url(m/e.jpg) 50% 100% / 100% auto no-repeat;height: 0;padding-bottom: 68%}
  .overview-content .e .desc{font-size: 3.25vw}
  .overview-content .e .desc1{left: 9vw;top: 46vw}
  .overview-content .e .desc2{left: 49vw;top: 52vw}
  .overview-content .e .desc3{right: 4vw;top: 55vw;font-size: 2.15vw}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .f{background: url(f.jpg?1) center no-repeat;height: 62em}
.overview-content .f .text{padding-top: 14em;color: #fff}
.overview-content .f .text p{padding-right: 34em}
.overview-content .f h3{font-size: 2.25em}
.overview-content .f .desc{display:inline-block;padding-top: 5em;width: 20em;color: #fff}
.overview-content .f .desc1{color: rgba(255, 255, 255, 0.5)}
.overview-content .f .desc p{font-size: 1.25em}
.overview-content .f .desc .hz{font-size: 3em}
.overview-content .f .desc2 .hz{font-weight: 700}
@media screen and (max-width: 768px){
  .overview-content .f{background: url(m/f.jpg?1) center / 100% auto no-repeat;height: 0;padding-bottom: 176%}
  .overview-content .f .text{width: auto;padding: 0}
  .overview-content .f .text h3{font-size: 1.75rem;padding: 4rem 6% 0}
  .overview-content .f .text h2{padding-top: 0}
  .overview-content .f .text p{padding-right: 6%}
  .overview-content .f .desc{padding-top: 0;padding-left: 6%;display: block;width: auto}
  .overview-content .f .desc{padding-top: 1.5rem}
  .overview-content .f .desc p{font-size: 1.75rem}
  .overview-content .f .desc .hz{font-size: 2.5rem}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .g{background: url(g.jpg) center / 120em auto no-repeat;height: 65em}
.overview-content .g .text{padding-top: 14em;width: 40em}
@media screen and (max-width: 768px){
  .overview-content .g{background: url(m/g.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 142%}
  .overview-content .g .text{padding: 0;width: auto}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .h{background: linear-gradient(120deg, #425cd8,#4bd7ff);height: 61em}
.overview-content .h .text{color: #fff;padding: 15em 0 0 52em}
.overview-content .h .desc{position: relative;color: #fff;margin: 3em 0 0 52em}
.overview-content .h .desc .icon{display:inline-block;position: absolute;left: 0;width: 3em;height: 10em;background: url(h-icon.png) center / contain no-repeat}
.overview-content .h .desc p{padding-left: 3em;font-size: 1.25em}
.overview-content .h .desc .num{font-size: 3em;font-weight: 700;line-height: 1.1}
.overview-content .h .img{position: absolute;width: 45em;height: 41em;background: url(h-product.png) center / contain no-repeat;top: 15em;left: -5em;}
@media screen and (max-width: 768px){
  .overview-content .h{background: url(m/h-bg.jpg) center / 100% 100% no-repeat;height: auto;}
  .overview-content .h .text{width: auto;padding: 0;}
  .overview-content .h .desc{margin: 0;background: url(m/h.jpg) 50% 100% / 100% auto no-repeat;padding-bottom: 94%}
  .overview-content .h .desc .icon{background: url(m/h-icon.png) center / contain no-repeat;width: 45vw;height: 5rem;top: 3rem}
  .overview-content .h .desc p{padding-left: 50vw;font-size: 1.75rem}
  .overview-content .h .img{display: none}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .i{background: url(i.jpg) center / 120em auto no-repeat;height: 62em}
.overview-content .i .text{padding-top: 15em;width: 42em}
.overview-content .i .text a{text-decoration: none;color: #0b7bed;border-bottom: 1px solid currentColor}
.overview-content .j{background: url(j.jpg) center / 120em auto no-repeat;height: 57em}
.overview-content .j .text{padding-top: 7em;width: 45em}
.overview-content .j .text .link{padding-top: 3em}
.overview-content .j .text a{text-decoration: none;color: #0b7bed;border-bottom: 1px solid currentColor}
.overview-content .j .img{display: block;margin-left: -2em}
.overview-content .j .dialog{position: absolute;background: url(j-dialog.png) center / 100% 100% no-repeat;right: 0;top: 11em}
.overview-content .j .dialog p{width: 11em;color: #fff;font-size: 1.25em;padding: 1em 1em 3em}
@media screen and (max-width: 768px){
  .overview-content .i{background: url(m/i.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 145%}
  .overview-content .i .text{width: auto;padding: 0}
  .overview-content .j .text .link{padding-top: 0}
  .overview-content .j{background: url(m/j.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 54%}
  .overview-content .j .text{width: auto;padding: 0;}
  .overview-content .j .dialog{position: relative;right: auto;top: auto;background: url(m/j-dialog.png) center / 100% 100% no-repeat;display: inline-block;margin: 5rem 0 0 9rem}
  .overview-content .j .dialog p{font-size: 1.25rem}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .k{background: url(k.jpg) center no-repeat;height: 35em}
.overview-content .k ul{text-align: justify;color: #fff;padding-top: 10em}
.overview-content .k ul::after{content: '';display: inline-block;width: 100%}
.overview-content .k li{display: inline-block;width: 25%;vertical-align: top;text-align: center}
.overview-content .k .icon{display: block;width: 5em;height: 5em;margin: 0 auto;background-repeat: no-repeat;background-size: contain;background-position: center;}
.overview-content .k .li1 .icon{background-image: url(k-icon-1.png)}
.overview-content .k .li2 .icon{background-image: url(k-icon-2.png)}
.overview-content .k .li3 .icon{background-image: url(k-icon-3.png)}
.overview-content .k li h3{font-size: 1.875em}
.overview-content .k li p{font-size: 1.25em;padding-top: 1.25em}
@media screen and (max-width: 768px){
  .overview-content .k{height: auto;background: linear-gradient(120deg,#1193b5,#1a70b5)}
  .overview-content .k ul{padding: 2rem 15%}
  .overview-content .k li{width: 100%;padding-top: 2.5rem}
  .overview-content .k .icon{width: 5rem;height: 5rem}
  .overview-content .k li h3{font-size: 2rem}
  .overview-content .k li p{font-size: 1.75rem;padding-top: 0.75rem}
}