@charset "utf-8";

@font-face {
  font-family: 'MyriadProRegular';
  src: url('/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
  src: url('/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'),
         url('/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'),
         url('/res/style/fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadProLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadProLight';
  src: url('/res/style/fonts/MyriadProLight/myriadpro-light-webfont.eot');
  src: url('/res/style/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/res/style/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('/res/style/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('/res/style/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-family-myriadpro {
  font-family: MyriadProRegular, 'Myriad Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-family-myriadpro-light {
  font-family: MyriadProLight, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.overview-content {
  position: relative;
  max-width: 1920px;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  font-family: MyriadProLight, 'Myriad Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.overview-content .clearFix {
  *zoom: 1;
}

.overview-content .clearFix:after {
  content: '';
  display: table;
  height: 0;
  visibility: hidden;
}

.overview-content .w960 {
  position: relative;
  width: 960px;
  height: 100%;
  margin: 0 auto;
}

.overview-content h2 {
  padding: 60px 0 20px 0;
  font-size: 50px;
  color: #000;
  font-family: MyriadProLight, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

.overview-content p {
  margin-bottom: 0px;
}

.overview-content .overflow {
  overflow: hidden;
}

.overview-content .blue {
  color: #00abe3;
}

.overview-content .green {
  color: #31b049;
}

.overview-content .fz40 {
  font-size: 40px;
}

.overview-content .a {
  height: 825px;
  background: url(a.jpg) 50% 0 no-repeat;
  text-align: left;
}

.overview-content .a h1,
.overview-content .a h2[seofix] {
  padding: 180px 0 20px 0;
  font-size: 53px;
  color: #313131;
  line-height: 1.2;
}

.overview-content .a span {
  margin-left: 108px;
  font-size: 26px;
  color: #090909;
}

.overview-content .b h2 {
  background: url(wifi.png) 94% 33% no-repeat;
}

.overview-content .b h2 + p {
  width: 1025px;
  margin-bottom: 40px;
}

.overview-content .b #speed {
  display: block;
  width: 100%;
}

.overview-content .b .box>div {
  display: none;
  float: left;
  position: relative;
  width: 49.9%;
}

.overview-content .b .box>div>img {
  width: 100%;
  display: block;
}

.overview-content .b .box .right {
  float: right;
}

.overview-content .b .box .circle {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 210px;
  height: 210px;
  margin: auto;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -o-transform: translateY(60px);
  background: url(circle-1.png) 0 0 no-repeat;
}

.overview-content .b .box p {
  padding-top: 70px;
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
}

.overview-content .b .left .img-a {
  width: 115px;
}

.overview-content .b .left .img-b {
  width: 48px;
}

.overview-content .b .box .gif {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}

.overview-content .b .box .circle1 {
  position: absolute;
}

.overview-content .b .box .img-1 {
  width: 115px;
  right: 0px;
  top: -2px;
}

.overview-content .b .box .img-2 {
  width: 48px;
  left: 48px;
  bottom: -2px;
}

.overview-content .b .box .img-3 {
  width: 114px;
  right: 0px;
  top: -2px;
}

.overview-content .c {
  position: relative;
  height: 1025px;
  background: url(c.jpg) center 0 no-repeat;
  overflow: hidden;
}

.overview-content .c .w960 {
  height: 100%;
  z-index: 10;
}

.overview-content .c h2 {
  padding: 100px 0 30px 0;
}

.overview-content .c img {
  position: absolute;
  bottom: 68px;
  left: 396px;
}

.overview-content .c #video {
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 1920px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.overview-content .d {
  position: relative;
  height: 901px;
  background: url(d-1.jpg) 50% 0 no-repeat;
  text-align: left;
}

.overview-content .d .nav {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 34.3%;
  min-width: 450px;
}

.overview-content .d .nav>div {
  position: relative;
  width: 100%;
  height: 222px;
  margin-bottom: 3px;
  background: url(bg.png) right 0 no-repeat;
  cursor: pointer;
  z-index: 5;
}

.overview-content .d .nav>div.on {
  background-image: url(bg-on.png);
}

.overview-content .d .nav-d {
  margin-bottom: 0px;
}

.overview-content .d .nav>div .content {
  float: right;
  width: 425px;
  height: 122px;
  padding-top: 50px;
  margin-right: 60px;
  background: url(nav-1.png) 0 bottom no-repeat;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.overview-content .d .nav>div .content p {
  text-align: left;
  font-size: 24px;
  color: #fff;
  font-family: MyriadProRegular, 'Myriad Pro', Arial, Helvetica, sans-serif;
}

.overview-content .d .nav>div.on .content {
  opacity: 1;
  filter: alpha(opacity = 100);
}

.overview-content .d .nav .nav-b .content {
  background-image: url(nav-2.png);
}

.overview-content .d .nav .nav-c .content {
  background-image: url(nav-3.png);
}

.overview-content .d .nav .nav-d .content {
  background-image: url(nav-4.png);
}

.overview-content .d .text {
  display: none;
  font-size: 16px;
}

.overview-content .d .text-a {
  width: 430px;
  padding: 80px 0 0 300px;
}

.overview-content .d .text-b {
  width: 300px;
  padding: 80px 0 0 300px;
}

.overview-content .d .text-c {
  position: absolute;
  right: -270px;
  top: 80px;
  width: 285px;
}

.overview-content .d .text-d p {
  width: 350px;
  padding: 80px 0 0 300px;
}

.overview-content .d .text-d .s {
  position: absolute;
  color: #fff;
  font-size: 18px;
}

.overview-content .d .text-d .s-a {
  right: -74px;
  top: 284px;
}

.overview-content .d .text-d .s-b {
  left: 307px;
  top: 310px;
}

.overview-content .d .text-d .s-c {
  left: 581px;
  top: 240px;
}

.overview-content .e {
  height: 882px;
  background: url(e.jpg) center 0 no-repeat;
  text-align: left;
}

.overview-content .e .content {
  width: 400px;
  padding-top: 90px;
  margin-left: -47px;
}

.overview-content .e .tv {
  margin: 315px 0 0 5px;
}

.overview-content .e .tv span {
  margin: 0 14px 0 23px;
}

.overview-content .f {
  height: 776px;
  background: url(f.jpg) center 0 no-repeat;
  color: #fff;
}

.overview-content .f h2 {
  width: 600px;
  padding-top: 445px;
  color: inherit;
}

.overview-content .f p {
  width: 794px;
}

.overview-content .f h2,
.overview-content .f p {
  margin: 0 auto;
}

.overview-content .g {
  height: 911px;
  background: url(g.jpg) 50% 0 no-repeat;
  text-align: left;
}

.overview-content .g .text {
  width: 495px;
  padding: 240px 0 0 40px;
}

.overview-content .g h2 {
  font-size: 60px;
  padding-bottom: 30px;
}

.overview-content .g p {
  margin-bottom: 20px;
}

.overview-content .g a {
  text-decoration: none;
  color: #000;
}

.overview-content .g a span {
  margin-left: 10px;
  font-size: 15px;
  font-weight: bold;
}

.overview-content #content-slider {
  height: 0px;
  overflow: hidden;
  margin: 0px;
}

@media screen and (max-width:736px) {
  .overview-content {
    min-width: 320px;
    font-family: MyriadProLight, Arial, Helvetica, sans-serif;
  }

  .overview-content .w960 {
    width: auto;
    height: auto;
  }

  .overview-content h2 {
    margin: 0px;
    padding: 30px 6% 15px 6%;
    font-size: 30px;
    font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
  }

  .overview-content p {
    margin: 0px;
    padding: 0 6%;
    font-size: 18px;
  }

  .overview-content .a {
    height: auto;
    padding-bottom: 134%;
    background: url(mobile/a.jpg) 50% 0/100% auto no-repeat;
  }

  .overview-content .b {
    padding-bottom: 50%;
    background: url(mobile/b.jpg) 50% bottom/100% auto no-repeat;
  }

  .overview-content .b h2 {
    background: none;
  }

  .overview-content .b h2 + p {
    width: auto;
    color: #575657;
  }

  .overview-content .b #speed {
    display: none;
  }

  .overview-content .c {
    height: auto;
    padding-bottom: 68%;
    background: url(mobile/c.jpg) 50% bottom/100% auto no-repeat;
  }

  .overview-content .c .w960 {
    background: url(mobile/c-bg.jpg) 50% bottom/100% 100% no-repeat;
  }

  .overview-content .c h2 {
    padding: 30px 6% 15px;
  }

  .overview-content .e {
    height: auto;
    padding-bottom: 60%;
    background: #ececec url(mobile/e.jpg) 50% bottom/100% auto no-repeat;
  }

  .overview-content .e .content {
    width: auto;
    padding: 0px;
    margin: 0px;
    text-align: center;
  }

  .overview-content .f {
    height: auto;
    padding-top: 20%;
    padding-bottom: 19%;
    background: #ececec url(mobile/f.jpg) 50% 0/100% auto no-repeat;
  }

  .overview-content .f h2,
  .overview-content .f p {
    width: auto;
  }

  .overview-content .f h2 {
    padding: 0 6% 15px;
  }

  .overview-content .g {
    height: auto;
    padding-bottom: 60%;
    background: #ececec url(mobile/g.jpg) 50% bottom/100% auto no-repeat;
  }

  .overview-content .g .text {
    width: auto;
    padding: 0;
  }

  .overview-content .g h2 {
    font-size: 30px;
    padding: 30px 6% 15px;
  }

  .overview-content #content-slider {
    height: auto;
  }

  .overview-content .owl-carousel {
    margin-bottom: 0px;
  }

  .overview-content #content-slider .item img {
    display: block;
    width: 100%;
  }

  .overview-content .owl-theme .owl-controls .owl-page span {
    border: #3a3f45 1px solid;
  }

  .overview-content .owl-theme .owl-controls .owl-page.active span,
  .overview-content .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #3a3f45;
  }

  .overview-content .owl-theme .owl-controls {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-top: 0px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .overview-content .a .w960,
  .overview-content .b .box,
  .overview-content .c img,
  .overview-content .c #video,
  .overview-content .d,
  .overview-content .e .tv,
  .overview-content .f span,
  .overview-content .g a {
    display: none;
  }
}

@media screen and (max-width:360px) {
  .overview-content h2,
  .overview-content .g h2 {
    font-size: 26px;
  }

  .overview-content p {
    font-size: 16px;
  }

  .overview-content .f p,
  .overview-content .g p {
    font-size: 15px;
  }
}

@media screen and (min-width:737px) and (max-width:1280px) {
  .overview-content .w960 {
    width: 838px;
  }

  .overview-content p {
    font-size: 20px;
    line-height: 1.4;
  }

  .overview-content .a .w960 {
    width: 830px;
  }

  .overview-content .a h1,
  .overview-content .g h2,
  .overview-content h2,
  .overview-content .a h2[seofix] {
    font-size: 45px;
    line-height: 1.2;
  }

  .overview-content .a h1,
  .overview-content .a h2[seofix] {
    padding: 130px 0 4px 0;
  }

  .overview-content .a span {
    margin-left: 120px;
  }

  .overview-content .a {
    background: url(pad/a.jpg) 50% 0/1280px auto no-repeat;
    height: 680px;
  }

  .overview-content .b {
    background: url(pad/b.jpg) 50% 100%/1280px auto no-repeat;
    padding-bottom: 446px;
  }

  .overview-content .b #speed {
    display: none;
  }

  .overview-content .b h2 {
    background-position: 96% 33%;
  }

  .overview-content .b h2 + p {
    width: auto;
  }

  .overview-content .c {
    background: url(pad/c.jpg) 50% 0/1280px auto no-repeat;
    height: 833px;
  }

  .overview-content .c #video {
    width: 1280px;
    display: none;
  }

  .overview-content .c h2 {
    padding: 52px 0 30px 0;
  }

  .overview-content .c img {
    left: 336px;
    display: none;
  }

  .overview-content .d {
    background: url(pad/d.jpg) 50% 0/1280px auto no-repeat;
    height: 1329px;
  }

  .overview-content .d .nav,
  .overview-content .d .w960 {
    display: none;
  }

  .overview-content .e {
    background: url(pad/e.jpg) 50% 0/1280px auto no-repeat;
    height: 715px;
  }

  .overview-content .e .content {
    margin: 0px;
    padding: 0;
    width: 360px;
  }

  .overview-content .e .tv {
    font-size: 14px;
  }

  .overview-content .f {
    background: url(pad/f.jpg) 50% 0/1280px auto no-repeat;
    height: 824px;
  }

  .overview-content .g {
    background: url(pad/g.jpg) 50% 0/1280px auto no-repeat;
    height: 874px;
  }

  .overview-content .g .text {
    padding: 300px 0 0 0px;
  }
}

@media screen and (min-width:737px) and (max-width:1024px) {
  .overview-content .a .w960,
  .overview-content .w960 {
    width: 670px;
  }

  .overview-content .a {
    background: url(pad/a.jpg) 50% 0/1024px auto no-repeat;
    height: 545px;
  }

  .overview-content .a h1,
  .overview-content .a h2[seofix] {
    padding: 78px 0 4px 0;
  }

  .overview-content .a span {
    margin-left: 105px;
  }

  .overview-content .b {
    background: url(pad/b.jpg) 50% 100%/1024px auto no-repeat;
    padding-bottom: 375px;
  }

  .overview-content .b h2 {
    font-size: 39px;
    background-position: 100% 33%;
  }

  .overview-content .c {
    background: url(pad/c.jpg) 50% 0/1024px auto no-repeat;
    height: 666px;
  }

  .overview-content .d {
    background: url(pad/d.jpg) 50% 0/1024px auto no-repeat;
    height: 1063px;
  }

  .overview-content .e {
    background: url(pad/e.jpg) 50% 0/1024px auto no-repeat;
    height: 572px;
  }

  .overview-content .e .tv {
    font-size: 13px;
    margin: 190px 0 0 3px;
  }

  .overview-content .e .tv span {
    margin: 0 10px;
  }

  .overview-content .f {
    background: url(pad/f.jpg) 50% 0/1024px auto no-repeat;
    height: 659px;
  }

  .overview-content .f h2 {
    padding-top: 320px;
  }

  .overview-content .f p {
    width: 670px;
  }

  .overview-content .g {
    background: url(pad/g.jpg) 50% 0/1024px auto no-repeat;
    height: 699px;
  }

  .overview-content .g .text {
    padding-top: 210px;
    width: 400px;
  }
}