.overview-content { font-size:16px; overflow:hidden;max-width: 1920px;margin: 0 auto;overflow-x: hidden; }
.overview-content .w1200 { 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.125em; letter-spacing:0.01em; line-height:1.2;font-weight: 400 }
.overview-content .text>p { font-size:1.25em; letter-spacing:0.01em; 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 .w1200 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:4rem 6% 2rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a{background: url(a.jpg) center no-repeat;height: 53em}
.overview-content .a .text{padding-top: 20em;color: #fff}
.overview-content .a .text h2{font-size: 3.5em}
.overview-content .a .text p{font-size: 1.875em;padding: 0.5em 0 1em}
.overview-content .a .text li{display: inline-block;}
.overview-content .a .text li:first-of-type{margin-right: 12px;}
.overview-content .a .text li img{display:inline-block;background: #fff;border-radius: 1em;}
@media screen and (max-width:736px){
  .overview-content .a{background: url(m/a.jpg) center / 100% auto no-repeat;height: 0;padding-bottom: 133%}
  .overview-content .a .text{padding-top: 10vw;text-align: center}
  .overview-content .a .text h2{font-size: 7vw;padding:0 6%}
  .overview-content .a .text p{font-size: 4vw}
  .overview-content .a .text ol{width:100%;position: absolute;top: 100vw;text-align: center;}
  .overview-content .a .text li img{min-height: 10vw;border-radius: 3vw;}
} 
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .b{position: relative;height: 53.5em}
.overview-content .b .radio {position: fixed;top: -9999px;}
.overview-content .b .arrow {background-position: 50%;background-repeat: no-repeat;background-size: contain;cursor: pointer;margin-top: -13px;position: absolute;top: 23em;width: 4em;height: 3.5em;z-index: 1;}
.overview-content .b .arrow.left {background-image: url(arrow-left-white.png);left: -12.5em;}
.overview-content .b .arrow.right {background-image: url(arrow-right.png);right: -12.5em;}
.overview-content .b #b-radio-1:checked ~ .w1200 .arrow0.left,
.overview-content .b #b-radio-1:checked ~ .w1200 .arrow3.right,
.overview-content .b #b-radio-3:checked ~ .w1200 .arrow1.left,
.overview-content .b #b-radio-3:checked ~ .w1200 .arrow4.right,
.overview-content .b #b-radio-4:checked ~ .w1200 .arrow3.left,
.overview-content .b #b-radio-4:checked ~ .w1200 .arrow0.right,
.overview-content .b #b-radio-0:checked ~ .w1200 .arrow4.left,
.overview-content .b #b-radio-0:checked ~ .w1200 .arrow1.right {z-index: 9;}
.overview-content .b .content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: 120em auto;transform: translate(0,0);transform-origin: 50%;transition: all 1000ms ease-out;z-index: 3;}
.overview-content .b .content .text{padding: 18em 0 0 63em}
.overview-content .b .content1, .overview-content .b .content4{background-image: url(b1.jpg)}
.overview-content .b .content2{display: none;}
.overview-content .b .content3, .overview-content .b .content0{background-image: url(b3.jpg)}
.overview-content .b #b-radio-0:checked ~ .content1,
.overview-content .b #b-radio-0:checked ~ .content3,
.overview-content .b #b-radio-1:checked ~ .content3,
.overview-content .b #b-radio-1:checked ~ .content4,
.overview-content .b #b-radio-3:checked ~ .content4,
.overview-content .b #b-radio-3:checked ~ .content0,
.overview-content .b #b-radio-4:checked ~ .content0,
.overview-content .b #b-radio-4:checked ~ .content1 {transform: translate(100%, 0);z-index: 1;}
.overview-content .b #b-radio-0:checked ~ .content4,
.overview-content .b #b-radio-1:checked ~ .content0,
.overview-content .b #b-radio-3:checked ~ .content1,
.overview-content .b #b-radio-4:checked ~ .content3{transform: translate(-100%, 0);z-index: 1;}

/* .overview-content .b #b-radio-0:checked ~ .content0,
.overview-content .b #b-radio-1:checked ~ .content1,
.overview-content .b #b-radio-3:checked ~ .content3,
.overview-content .b #b-radio-4:checked ~ .content4{opacity: 1;z-index: 5;} */
@media screen and (max-width: 1650px){
  .overview-content .b .arrow.left{left: 0;}
  .overview-content .b .arrow.right{right: 0;}
}
@media screen and (max-width: 736px){
  .overview-content .b{height: auto}
  .overview-content .b .arrow{display: none}
  .overview-content .b .content{position: relative;background-position: 50% 100%;background-size: 100% auto;height: auto;padding-bottom: 95%;transform: translate(0,0)!important;opacity: 1!important;}
  .overview-content .b .content .text{padding: 0;top: auto;bottom: auto;right: auto;left: auto;text-align: center}
  .overview-content .b .content1{background-image: url(m/b1.jpg)}
  .overview-content .b .content2{background-image: url(m/b2.jpg)}
  .overview-content .b .content3{background-image: url(m/b3.jpg)}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .c{position: relative;height: 53.5em}
.overview-content .c .radio {position: fixed;top: -9999px;}
.overview-content .c .arrow {background-position: 50%;background-repeat: no-repeat;background-size: contain;cursor: pointer;margin-top: -13px;position: absolute;top: 23em;width: 4em;height: 3.5em;z-index: 1;}
.overview-content .c .arrow.left {background-image: url(arrow-left.png);left: -12.5em;}
.overview-content .c .arrow.right {background-image: url(arrow-right-white.png);right: -12.5em;}
.overview-content .c #c-radio-1:checked ~ .w1200 .arrow4.left,
.overview-content .c #c-radio-2:checked ~ .w1200 .arrow1.left,
.overview-content .c #c-radio-3:checked ~ .w1200 .arrow2.left,
.overview-content .c #c-radio-4:checked ~ .w1200 .arrow3.left,
.overview-content .c #c-radio-1:checked ~ .w1200 .arrow2.right,
.overview-content .c #c-radio-2:checked ~ .w1200 .arrow3.right,
.overview-content .c #c-radio-3:checked ~ .w1200 .arrow4.right,
.overview-content .c #c-radio-4:checked ~ .w1200 .arrow1.right{z-index: 9;}
.overview-content .c .content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: 120em auto;opacity:0;transition: opacity 700ms linear;z-index: 2;}
.overview-content .c .content .text{padding: 18em 63em 0 0}
.overview-content .c .content1{background-image: url(c1.jpg)}
.overview-content .c .content2{background-image: url(c2.jpg)}
.overview-content .c .content3{background-image: url(c3.jpg)}
.overview-content .c .content4{background-image: url(c4.jpg)}
.overview-content .c .content1 .img{width: 16em;height: 3em;background: url(c-img1.png) 0 50% / contain no-repeat;margin-top: 1.5em}
.overview-content .c .content2 .tip{color:#fff;font-size: 1.7em;position: absolute;left: 25em;top: 4.5em;background: url(dialog.png) center / 100% 100% no-repeat;padding: 0.5em 1em 1.5em;}
.overview-content .c #c-radio-1:checked ~ .content1,
.overview-content .c #c-radio-2:checked ~ .content2,
.overview-content .c #c-radio-3:checked ~ .content3,
.overview-content .c #c-radio-4:checked ~ .content4{opacity: 1;z-index: 5;}
@media screen and (max-width: 1650px){
  .overview-content .c .arrow.left{left: 0;}
  .overview-content .c .arrow.right{right: 0;}
}
@media screen and (max-width:736px){
  .overview-content .c{height: auto;padding-bottom: 180%}
  .overview-content .c .arrows{position: absolute;bottom: 5vw;left: 37%}
  .overview-content .c .arrow{position: relative;display: inline-block;width: 0.75rem;height: 0.75rem;border-radius: 0.5rem;border: 1px solid #fff;top: auto;}
  .overview-content .c .arrow.right{display: none;}
  .overview-content .c .arrow.left{background: none;left:auto;z-index: 9;margin-left: 1rem }
  .overview-content .c #c-radio-1:checked ~ .w1200 .arrow1,
  .overview-content .c #c-radio-2:checked ~ .w1200 .arrow2,
  .overview-content .c #c-radio-3:checked ~ .w1200 .arrow3,
  .overview-content .c #c-radio-4:checked ~ .w1200 .arrow4{background: #fff}
  .overview-content .c #c-radio-4:checked ~ .content4{opacity: 1;z-index: 5;}
  .overview-content .c .content {background-position: 50% 100%;background-size: 100% auto;top: auto;bottom: auto;height: 0;padding-bottom: 180%}
  .overview-content .c .content .text{padding: 0;text-align: center}
  .overview-content .c .content1{background-image: url(m/c1.jpg)}
  .overview-content .c .content2{background-image: url(m/c2.jpg)}
  .overview-content .c .content3{background-image: url(m/c3.jpg);}
  .overview-content .c .content4{background-image: url(m/c4.jpg);}
  .overview-content .c .content2 .tip{bottom: -42vw;left: 6%;top: auto;font-size: 1.25rem;padding: 0.5rem 1rem 1.5rem}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .d{background: #f3f3f3}
.overview-content .d h2{font-size: 3.15em;text-align: center;padding: 1.25em 0 1.5em}
.overview-content .d .icons{text-align: justify;padding-bottom: 2em}
.overview-content .d .icons::after{content: '';display: inline-block;width: 100%}
.overview-content .d .icons li{display: inline-block;width: 30%;vertical-align: top;text-align:center;}
.overview-content .d .icons i{display: block;width: 100%;height: 0;padding-bottom: 105%;background-image: url(d.png);background-repeat: no-repeat;background-size: 300% auto;}
.overview-content .d .icons .li1 i{background-position: -14% 0;}
.overview-content .d .icons .li2 i{background-position: 54% 50%;background-size: 250% auto;}
.overview-content .d .icons .li3 i{background-position: 114% 0;}
.overview-content .d .icons li span{display: block;width: 1.5em;height: 1.5em;font-size: 1.5em;padding: 0.15em;margin: 0 auto;background: #40300b;border-radius: 1em;color: #fff}
.overview-content .d .icons li p{width: 68%;margin: 0 auto;font-size: 1.25em}
@media screen and (max-width: 736px){
  .overview-content .d h2{font-size: 2.5rem;padding: 2.5rem 0 1rem}
  .overview-content .d .icons{padding: 2rem 0;width: 70%;margin: 0 auto;}
  .overview-content .d .icons li{width: 100%;padding-bottom: 3rem;}
  .overview-content .d .icons li p{font-size: 1.65rem;padding-top:0.5rem;width: 75%}
  .overview-content .d .icons li span{font-size: 1.5rem;}
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .e{background: url(e.jpg) center no-repeat;height: 56.5em;position: relative;}
.overview-content .e .text{color: #fff;padding: 17.5em 0 0 64.5em;position: absolute;}
.overview-content .e .desc{position: absolute;}
.overview-content .e .desc1{top: 16.75em;left: 1.25em;}
.overview-content .e .desc2{left: 32em;top: 19em}
.overview-content .e .desc3{left: -10em;top: 32.5em}
.overview-content .e .desc4{left: 35em;top: 41.5em}
.overview-content .e .desc i{background: #80cad7;position:absolute;display: block;width: 0.175em;}
.overview-content .e .desc i:after{content: '';display: block;height: 1em;width: 1em;border-radius:50%;background: #80cad7;position: absolute;top: 100%;right: -0.45em;}
.overview-content .e .desc1 i{top: 100%;left: 70%;height: 3em;}
.overview-content .e .desc2 i{height: 2.5em;left: 99%;top: 50%;transform-origin:top;transform: rotate(270deg)}
.overview-content .e .desc3 i{height: 2.5em;left:75%;top: 100%;}
.overview-content .e .desc4 i{height: 3.5em;left: 99%;top: 50%;transform-origin:top;transform: rotate(270deg)}
.overview-content .e .desc .txt{background: rgba(123, 192, 208, 0.9);color: #fff;padding:0.125em 0.5em;border-radius: 0.45em;font-size: 2.5em}
.overview-content .e .desc .img{display: inline-block;width: 1.5em;height: 1.5em;background-repeat: no-repeat;background-position: center;background-size: contain}
.overview-content .e .desc1 .img{background-image: url(e-plugs.png);}
.overview-content .e .desc2 .img{background-image: url(e-bulb.png)}
.overview-content .e .desc3 .img{background-image: url(e-ocamera.png)}
.overview-content .e .desc4 .img{background-image: url(e-camera.png)}
@media screen and (max-width: 736px){
  .overview-content .e{background: url(m/e.jpg) 50% 100% / 100% auto no-repeat;height: auto;padding-bottom: 95%}
  .overview-content .e .text{padding: 0;color: #000;position: relative;}
  .overview-content .e .desc .txt{font-size: 1.25rem;background: rgba(51, 42, 20, 0.85);}
  .overview-content .e .desc2{left: 64%;top: 24vw}
  .overview-content .e .desc3{left: 20%;top: 60vw}
  .overview-content .e .desc4{left: 50%;top: 75vw} 
  .overview-content .e .desc i{width: 0.125rem;height: 1.5rem!important;background: rgba(51, 42, 20, 0.85);}
  .overview-content .e .desc i:after{background: rgba(51, 42, 20, 0.85);}
}