@font-face{
   font-family: zcool;
   src:url(zcool-lite.woff?2) format('woff');
 }
.overview-content { background:#000; font-size:16px; overflow-x:hidden; margin:0 auto; max-width:1920px; min-width:1024px; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .nowrap { white-space: nowrap; }
.overview-content .regular { font-weight:400!important; }
.overview-content .medium { font-weight:500!important;; }
.overview-content .bold { font-weight:700!important;}
.overview-content .zcool { font-family:zcool, Arial; }
.overview-content .text h2 { text-shadow:-2px -2px 1px #333; color:#fff; font-size:3.125em; line-height:0.9; text-transform:uppercase;  }
.overview-content .text p { font-size:1.25em; line-height:1.5; padding-top:1em; }
html.backgroundcliptext .overview-content .texture { -webkit-text-stroke: 1px #ef808e;background: linear-gradient(to bottom, #222 0%, #fff 15%, #ccc 20%, #fff 35%, #fff 50%, #aaa 70%, #fff 80%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:1px 1px 3px rgba(0, 0, 0, .1); }
html.backgroundcliptext .overview-content .zcool{background: linear-gradient(to bottom, #222 0%, #fff 15%, #ccc 20%, #fff 35%, #fff 50%, #aaa 70%, #fff 80%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:1px 1px 3px rgba(0, 0, 0, .1);}
.overview-content ::selection { background: #1d2124; color: #CE0000;  -webkit-text-fill-color:#CE0000; }
.overview-content ::-moz-selection { background: #CE0000; color: #ffffff; -webkit-text-fill-color:#FFFFFF; }
@media (min-width:1024px){
  html.csstransforms.csstransitions .overview-content .text { transform:translate(0,5em); opacity:0; transition:all 500ms linear; }
  html.csstransforms.csstransitions .overview-content .text.active { transform:translate(0,0); opacity:1; } 
}
@media screen and (max-width:1440px){
  .overview-content { font-size:1.1111111vw; }
}
@media screen and (max-width:736px){
  html { font-size:10.35px; }
  .overview-content { min-width:320px; }
  .overview-content .w1366 { width:auto; }
  .overview-content .text h2 { font-size:2.5rem; line-height:1.2; padding:4rem 6% 1rem; }
  .overview-content .text p { font-size:1.75rem; padding:0 6% 3rem; }
}
/************************************************************************************/
.overview-content .a { background:url(a.jpg) 50% no-repeat; background-size:100% 100%; height:0;padding-bottom: 46%; }
.overview-content .a .text { color:#fff; padding:14.5% 0 0; width:36em; }
.overview-content .a .text h2 { font-size:3.4375em; }
.overview-content .a .text h3,
.overview-content .a .text p { font-size:1.5em; line-height:1.2; padding:1em 0 0; }
.overview-content .a .text p { padding-top:0.5em; }
.overview-content .a .text .model{background: url(model-bg.png) center/100% auto no-repeat;padding: 1em;display: inline-block;margin-top: 1.25em;}
@media screen and (max-width:736px){
  .overview-content .a { background:url(m/a.jpg) 50% 0 /100% auto no-repeat; height:0; padding-bottom:96%; }
  .overview-content .a .text { padding:0; width:auto; }
  .overview-content .a .text h2 { font-size:8vw; padding:10vw 6% 3vw; }
  .overview-content .a .text h3,
  .overview-content .a .text p { font-size:4vw; padding:1vw 6% 0; }
  .overview-content .a .text .model{margin: 1rem 6% 0;}
}
.overview-content .a1 ul{width: 88%;margin: 0 auto;max-width: 1760px;color: #fff;padding: 4em 0 5em;}
.overview-content .a1 li{position:relative;width: 14%;height:0;padding-bottom:11%;margin:0 1%;display: inline-block;vertical-align: top;box-sizing: border-box;background: url(li-box.png) center/100% auto no-repeat;}
.overview-content .a1 .icon{display: block;width: 4em;height: 4em;position: absolute;left:10%;top:34%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.overview-content .a1 .icon1{background-image: url(icon1.png);}
.overview-content .a1 .icon2{background-image: url(icon2.png);}
.overview-content .a1 .icon3{background-image: url(icon3.png);}
.overview-content .a1 .icon4{background-image: url(icon4.png);}
.overview-content .a1 .icon5{background-image: url(icon5.png);}
.overview-content .a1 .icon6{background-image: url(icon6.png);}
.overview-content .a1 .icon-mesh{background-image: url(icon-mesh.png);}
.overview-content .a1 li p{font-size: 1.125em;padding: 26.5% 0 0 5.5em;}
@media screen and (min-width:1441px) and (max-width:1920px){
  .overview-content .a1 .icon{font-size:.95vw;}
  .overview-content .a1 li p{font-size: .95vw;}
}
@media screen and (max-width:1440px){
  .overview-content .a1 li{width: 20%;padding-bottom: 16%;margin: 0 6.5% 2em;}
}
@media screen and (max-width:736px){
  .overview-content .a1 li{width: 31%;padding-bottom: 24%;margin: 0 1% 2.5rem;}
  .overview-content .a1 .icon{width: 3rem;height: 3rem;}
  .overview-content .a1 li p{font-size: 2vw;padding: 7vw 0 0 4.25rem;}
}
/************************************************************************************/
.overview-content .b { background:url(b.jpg) 50% 0 no-repeat; background-size:120em 100%; height:59.5em; }
.overview-content .b .text { color:#fff; padding:14em 0 0 34em; }
.overview-content .b .text .img1 { background:url(b-img.png) 50% no-repeat; background-size:contain; height:4em; margin:3.5em 0 0; position:relative; width:30em; }
.overview-content .b .text .img1 .desc { line-height:1.5em; position: absolute; white-space:nowrap; }
.overview-content .b .text .img1 .desc1,
.overview-content .b .text .img1 .desc2 { right:18.2em; }
.overview-content .b .text .img1 .desc3,
.overview-content .b .text .img1 .desc4 { left:26em; }
.overview-content .b .text .img1 .desc1 { top:-0.5em; }
.overview-content .b .text .img1 .desc2 { top:2.3em; }
.overview-content .b .text .img1 .desc3 { top:-0.1em; }
.overview-content .b .text .img1 .desc4 { top:2.6em; }
.overview-content .b .text .img1 .desc3 .inner { font-size:1.2em; }
.overview-content .b .text .img1 .desc4 .inner { font-size:0.9em; }
.overview-content .b .text .img1 .desc2,
.overview-content .b .text .img1 .desc4 { color:#b4b4b4; }
.overview-content .b .img2 .desc { position: absolute; }
.overview-content .b .img2 .desc1 { color:#fff; left:27.5em; line-height:1; text-align:center; top:47.5em; width:30em; }
.overview-content .b .img2 .desc1 .num { display:inline-block; font-size:5em; vertical-align:middle; }
.overview-content .b .img2 .desc1 .mbps { display:inline-block; font-size:1.66em; vertical-align:middle; }
.overview-content .b .img2 .desc2 .inner { color:#fff; font-size:1.5em; line-height:1; text-transform:uppercase; white-space: nowrap; }
.overview-content .b .img2 .desc2 .inner2 { color:#ff5e5e; font-size:0.8em; line-height:1.2; white-space: nowrap; }
.overview-content .b .img2 .desc21,
.overview-content .b .img2 .desc22 { right:56em; text-align:right; }
.overview-content .b .img2 .desc23,
.overview-content .b .img2 .desc24 { left:54.2em; }
.overview-content .b .img2 .desc21,
.overview-content .b .img2 .desc23 { top:47em; }
.overview-content .b .img2 .desc22,
.overview-content .b .img2 .desc24 { top:51em; }
.overview-content .b .img2 .desc3 { color:#e62a2e; left:33em; text-align:center; top:54.5em; width:17em; }
.overview-content .b .img2 .desc3 .inner { font-size:1.125em; line-height:1.2; }
@media (max-width:736px){
  .overview-content .b { background:url(m/b.jpg) 50% 0 / 100% auto no-repeat; height:auto; }
  .overview-content .b .text { padding:0; }
  .overview-content .b .text .img1 { font-size:2.75vw; margin:0 6%; }
  .overview-content .b .text .img1 .desc1{white-space: normal;width: 45%;top: auto;bottom: 3.125em;text-align: right;}
  .overview-content .b .text .img1 .desc2{white-space: normal;width: 45%;top: auto;bottom: .5em;text-align: right;}
  .overview-content .b .img2 { background:url(m/b-img2.png) 50% 0 / 100% auto no-repeat; padding-top:35%; position:relative; }
  .overview-content .b .img2 .desc1 { font-size:2.5vw; left:20%; margin-top:14%; top:0; width:60%; }
  .overview-content .b .img2 .desc3 { font-size:1.5rem; margin:0 auto; position:static; width:70%; }
  .overview-content .b .img2 .desc2 { font-size:1rem; margin:1rem 0 0; position:static; text-align:center; }
  .overview-content .b .img2 .desc2 .inner { text-shadow:0 0 1em #f00; -webkit-text-stroke:0.1em rgba(255,0,0,0.25); }
  .overview-content .b .img2 .desc2 .inner2 { color:#ccc; font-size:1rem; }
}
/************************************************************************************/
.overview-content .c { background:url(c.jpg) 50% no-repeat; background-size:cover; height:60.5em; }
.overview-content .c .text { color:#fff; padding:5em 0 0; text-align:center; }
.overview-content .c .text p { margin:0 auto; width:50em; }
.overview-content .c .img { color:#fff;  }
.overview-content .c .img .desc { left:5em; position:absolute; text-transform:uppercase; top:54em; }
.overview-content .c .img .desc .inner { font-size:2em; line-height:1; }
.overview-content .c .img .desc .inner big { font-size:1.5em; }
.overview-content .c .img ul { left:28.5em; position:absolute; top:53.5em; }
.overview-content .c .img ul li { float:left; width:15em; }
.overview-content .c .img ul li+li { margin-left:3em; }
.overview-content .c .img ul li h3 { font-size:1.5em; line-height:1.2; text-transform:uppercase; }
.overview-content .c .img ul li p { font-size:1.125em; line-height:1.2; }
@media (max-width:736px){
  .overview-content .c { background:none; height:auto; }
  .overview-content .c .text { padding:0; position:relative; text-align:left; z-index:2; }
  .overview-content .c .text p { width:auto; }
  .overview-content .c .img { background:url(m/c.png) 50% 0 / 100% auto no-repeat; margin-top:-30%; padding-top:112%; position:relative; z-index:1; }
  .overview-content .c .img .desc { font-size:2.5vw; left:20%; margin-top:91%; text-align:center; top:0; width:60%; }
  .overview-content .c .img ul { margin:0 6%; position:static; }
  .overview-content .c .img ul:after { clear:both; content:""; display:block; }
  .overview-content .c .img ul li { background:url(m/c-arrow.png) 0 0 / 4rem auto no-repeat; font-size:1rem; padding:3rem 0 2rem; width:50%; }
  .overview-content .c .img ul li+li { margin-left:0; }
}
/************************************************************************************/
.overview-content .d { background:url(d.jpg) 50% no-repeat; background-size:cover; height:61.25em; }
.overview-content .d .text { color:#fff; padding:18.5em 0 0; width:33em; }
.overview-content .d .text p strong { text-transform:uppercase; }
.overview-content .d .text .img1 { height:0; }
.overview-content .d .text .img1 .desc { left:54.4em; position:absolute; text-align:center; top:23em; width:15em; }
.overview-content .d .text .img1 .desc .inner { font-size:1.8em; line-height:1.2; text-transform:uppercase; }
.overview-content .d .text .img2 { background:url(d-img.png) 50% no-repeat; background-size:contain; height:10em; margin:2em 0 0; position:relative; width:16em; }
.overview-content .d .text .img2 .desc { left:0; position: absolute; text-align:center; width:100%; }
.overview-content .d .text .img2 .desc .inner {  font-size:0.8em; line-height:1.2; }
.overview-content .d .text .img2 .desc1 { top:0.1em; }
.overview-content .d .text .img2 .desc21 { top:1.8em; }
.overview-content .d .text .img2 .desc22 { top:3.3em; }
.overview-content .d .text .img2 .desc23 { top:4.8em; }
.overview-content .d .text .img2 .desc24 { top:6.3em; }
.overview-content .d .text .img2 .desc25 { top:7.2em; }
.overview-content .d .text .img2 .desc3 { color:#e62a2e; cursor:pointer; top:10.5em; text-decoration:underline; }
.overview-content .d .text .img2 .desc3 a { color:inherit!important; }
@media (max-width:736px){
  .overview-content .d { background:none; height:auto; }
  .overview-content .d .text { padding:0; width:auto; }
  .overview-content .d .text > * { position:relative; z-index:2; }
  .overview-content .d .text .img1 { background:url(m/d.jpg) 50% 0 / 100% auto no-repeat; margin-top:-30%; padding-bottom:130%; position:relative; z-index:1; }
  .overview-content .d .text .img1 .desc { font-size:0.8rem; left:30%; margin-top:46%; top:0; width:40%; }
  .overview-content .d .text .img2 { font-size:5vw; margin:2rem auto 4rem; }
}
/************************************************************************************/
.overview-content .e { background:url(e.jpg) 50% no-repeat; background-size:cover; height:70em; }
.overview-content .e .text { color:#fff; margin:0 auto; padding:20em 0 0; text-align:center; width:42em; }
.overview-content .e .text p strong { text-transform:uppercase; }
@media (max-width:736px){
  .overview-content .e { background:url(m/e.jpg) 50% 0 / 100% auto no-repeat; height:0; padding-bottom:117%; }
  .overview-content .e .text { padding:0; width:auto; }
}
/************************************************************************************/
.overview-content .f { background:url(f.jpg) 50% no-repeat; background-size:cover; height:61.25em; }
.overview-content .f .text { color:#fff; padding:9em 0 0; text-align:center; }
.overview-content .f .text p { margin:0 auto; width:90%; }
.overview-content .f .text p strong { text-transform:uppercase; }
.overview-content .f .icons { background:url(f-icons.png) 50% no-repeat; background-size:contain; height:4.5em; margin:2em auto 0; width:32em; }
@media (max-width:736px){
  .overview-content .f { background:url(m/f.jpg) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:80%; }
  .overview-content .f .text { padding:0; }
  .overview-content .f .text p { width:auto; }
  .overview-content .f .icons { font-size:2vw; }
}
/************************************************************************************/
.overview-content .g .text { color:#fff; margin:0 auto; padding:9em 0 0; text-align:center; width:55em; }
.overview-content .g .text p strong { text-transform:uppercase }
.overview-content .g .img { background:url(g.png) 50% no-repeat; background-size:contain; height:25em; margin:6em auto; position:relative; width:90em; }
.overview-content .g .img .desc { color:#fff; line-height:1.2; position:absolute; text-align:center; }
.overview-content .g .img .desc1 { left:6.5em; width:12em; }
.overview-content .g .img .desc11 { top:6em; }
.overview-content .g .img .desc12 { top:11.5em; }
.overview-content .g .img .desc13 { top:15.7em; }
.overview-content .g .img .desc11 .inner { color:#f00; font-size:2em; }
.overview-content .g .img .desc12 .inner,
.overview-content .g .img .desc13 .inner { font-size:1.5em; }
.overview-content .g .img .desc2 { top:20em; width:8em; }
.overview-content .g .img .desc2 .inner { font-size:0.9em; } 
.overview-content .g .img .desc21 { left:47.1em; }
.overview-content .g .img .desc22 { left:53.1em; }
.overview-content .g .img .desc23 { left:59.8em; }
.overview-content .g .img .desc24 { left:66.3em; }
.overview-content .g .img .desc25 { left:72.3em; top:19.8em; }
.overview-content .g .img .desc25 .inner { font-size:1.25em; }
.overview-content .g .img .desc26 { left:79em; }
.overview-content .g .img .desc3 { top:24em; width:20em; }
.overview-content .g .img .desc31 { left:10em; }
.overview-content .g .img .desc32 { left:57em; }
.overview-content .g .img .desc3 .inner { font-size:1.875em; text-transform:uppercase; }
@media (max-width:736px){
  .overview-content .g .text { margin-top:-10%; padding:0; width:auto; }
  .overview-content .g .img { background:url(m/g.png) 50% 0 / 100% auto no-repeat; height:0; margin:0; padding-bottom:103%; width:auto; }
  .overview-content .g .img .desc { font-size:2.5vw; top:0; }
  .overview-content .g .img .desc1 { left:14%; width:30%; }
  .overview-content .g .img .desc11 { margin-top:10%; }
  .overview-content .g .img .desc12 { margin-top:21%; }
  .overview-content .g .img .desc13 { margin-top:30%; }
  .overview-content .g .img .desc2 { margin-top:94%; width:14%; }
  .overview-content .g .img .desc21 { left:11%; }
  .overview-content .g .img .desc22 { left:23%; }
  .overview-content .g .img .desc23 { left:37%; }
  .overview-content .g .img .desc24 { left:50%; }
  .overview-content .g .img .desc25 { left:62%; }
  .overview-content .g .img .desc26 { left:75%; }
  .overview-content .g .img .desc3 { left:10%; top:0; width:80%; }
  .overview-content .g .img .desc31 { margin-top:46%; }
  .overview-content .g .img .desc32 { margin-top:101%; }
}
/************************************************************************************/
.overview-content .h .text { color:#fff; padding:6em 0 0; text-align:center; }
.overview-content .h .text p { margin:0 auto; width:38em; }
.overview-content .h .img { background:url(h.jpg) 50% / 100% auto no-repeat; height:0; margin:10em 0 0; padding-bottom:25%; position: relative; }
.overview-content .h .img ul { bottom:0; position: absolute; top:0; width:100%; }
.overview-content .h .img ul li { float:left; height:100%; position:relative; vertical-align:middle; text-align:center; width:33.3%; }
.overview-content .h .img ul li:before { content:""; display:inline-block; height:100%; vertical-align:middle; width:0; }
.overview-content .h .img ul li .inner { color:#fff; display:inline-block; font-size:2.25em; line-height:1; text-shadow:0 0 1em #ff3434; vertical-align:middle; max-width:99%;background: none;-webkit-text-fill-color: unset; }
@media (max-width:736px){
  .overview-content .h .text { padding:0; } 
  .overview-content .h .text p { width:auto; }
  .overview-content .h .img { background:none; height:auto; margin:0; padding:0; }
  .overview-content .h .img ul { position:static; }
  .overview-content .h .img ul li { background-position:center; background-repeat: no-repeat; background-size:100% 100%; float:none; height:0; margin:0 0 3rem; padding-bottom:40%; width:auto; }
  .overview-content .h .img ul .li1 { background-image:url(m/h1.jpg); }
  .overview-content .h .img ul .li2 { background-image:url(m/h2.jpg); }
  .overview-content .h .img ul .li3 { background-image:url(m/h3.jpg); }
  .overview-content .h .img ul li .inner { font-size:2rem; padding:12% 0 0; }
}