.overview-content { font-weight:300; font-size:16px; font-family:'AktivGrotesk', Helvetica, Arial, sans-serif;font-weight: 300; max-width:1920px; margin:0 auto; overflow-x:hidden; }
.overview-content .w1200 { margin: 0 auto; position: relative; width: 75em; } 
.overview-content .m-show { display: none; }
.overview-content .nowrap { white-space: nowrap;}
.overview-content .light{font-weight: 300}
.overview-content .medium{font-weight: 500}
.overview-content .bold{font-weight: 700}
.overview-content .w1200 .text{font-family: 'AktivGrotesk',Helvetica, Arial, sans-serif;}
.overview-content section{position: relative;}
@media (max-width:1600px){
  .overview-content { font-size:1vw; }
}
@media (max-width:736px){
  html { font-size:15.625vw; }
  .overview-content .m-show { display:block; }
  .overview-content .m-hide { display: none; }
  .overview-content .w1200 { width:auto; }
}
/**************************************************************************/
.overview-content .text-mask { color:#3950ff  }
html.backgroundcliptext .overview-content .text-mask { background:linear-gradient(145deg, #3950ff,#2e47ff, #2260ff,#1672ff,#088dff,#019bff, #009cff) center repeat-y; background-size:100% auto; -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:0.01em; }
html.backgroundcliptext .overview-content .title-mask { background:linear-gradient(90deg, #7e00ff,#a955ff,#6025f6,#404aec,#197be0,#157fde) center repeat-y; background-size:100% auto; -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:0.01em; }
html.backgroundcliptext .overview-content .icon-mask { background:linear-gradient(90deg, #216fff, #6c75ff, #9178ff, #b37cff, #c57eff,#d67fff) center repeat-y; background-size:100% auto; -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:0.01em; }
/**************************************************************************/
@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:800ms; transition-timing-function: ease-out; transform: translate(0, 100px) } 
  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 } 
  html.csstransitions .delay-400 { transition-delay: 400ms } 
  html.csstransitions .delay-500 { transition-delay: 500ms } 
} 
/**************************************************************************/
.overview-content .a .bg{background: url(/res/images/overview/x20/a-bg.png) center / 120em auto no-repeat;height: 62em}
.overview-content .a .text { margin-left:-10em; padding:25em 0 0 3em; width:30.675em;position: relative;z-index: 4 }
.overview-content .a .text h2{color: transparent;background: url(/res/images/overview/x20/a-title.png) 0 0 / contain no-repeat;height: 5em;}
.overview-content .a .text p{font-size: 1.875em;line-height: 1.2;padding-top: 0.1em;}
.overview-content .a .text h2+p{font-size: 2.85em;padding-top: 0.45em}
.overview-content .a .phone{position: absolute;top: 3em;left: 26em;width: 62.8125em;height: 52.75em;z-index: 5;background: url(/res/images/overview/x20/a-phone_2.png) center /contain no-repeat}
@media screen and (max-width: 736px){
  .overview-content .a .bg{background: url(/res/images/overview/x20/m/a-bg.jpg) 50% 100% / contain no-repeat;padding-bottom: 150%;height: 0;}
  .overview-content .a .text{margin: 0;padding: 15vw 15vw;width: auto;}
  .overview-content .a .text h2{height: 11vw}
  .overview-content .a .text p{font-size: 4.5vw}
  .overview-content .a .text h2+p{font-size: 6vw}
  .overview-content .a .phone{display: none}
}
/**************************************************************************/
.overview-content .b{background: #000}
.overview-content .b ul{text-align: justify;color: #fff;padding: 5em 2% 1em}
.overview-content .b ul:after { content:""; display: inline-block; height:0; width:100%; }
.overview-content .b li{vertical-align: top;display: inline-block;width: 28%;box-sizing: border-box;padding: 0 1em 2em;font-size:2.25em;font-weight: 700;line-height: 1.5}
.overview-content .b .li{background: url(/res/images/overview/x20/line-dark-two_1.png) 0 0 / 100% 100% no-repeat;width: 38%}
.overview-content .b li span{display: inline-block;text-align: center;width: 100%;vertical-align: top}
.overview-content .b li span+span{padding-top: 2em}
@media screen and (max-width:736px){
  .overview-content .b ul{padding: 0.5rem 2% 0}
  .overview-content .b li{font-size: 0.236rem;font-weight: 500;padding-bottom: 0}
  .overview-content .b .li{border-left: 2px solid transparent;border-right: 2px solid transparent }
  .overview-content .b li br{display: none}
}
/**************************************************************************/
.overview-content .c .radio{ position:fixed; top:-9999px; }
.overview-content .c .text{ padding: 19em 39em 0 0; color: #fff;position: absolute;z-index: 5}
.overview-content .c h2{font-size: 5.25em;line-height: 1.3}
.overview-content .c p{font-size: 1.525em;line-height: 1.9;padding-top: 1em}
.overview-content .c .labels{padding-top: 3.5em}
.overview-content .c .text label{display: inline-block;border-radius: 50%;}
.overview-content .c .text label>i{display: inline-block;border: 1px solid #fff;border-radius: 50%;width: 1.5em;height: 1.5em;position: relative;}
.overview-content .c .text label+label{margin-left: 1.75em}
.overview-content .c .text .label1>i{background: linear-gradient(0deg,#1d26b6,#392746)}
.overview-content .c .text .label2>i{background: #2c2c2c}
.overview-content .c .text .label3>i{background: #b50202}
.overview-content .c .text .label4>i{background: #053dab}
.overview-content .c .img-wrapper{position: relative;height: 82.5em}
.overview-content .c .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-size: 120em auto;background-repeat: no-repeat;background-position: center;
  transform:translate(0,0); transform-origin:50%; transition:all ease 1000ms; z-index:3;opacity: 0}
.overview-content .c .img1{background-image: url(/res/images/overview/x20/c-phone-purple.jpg)}
.overview-content .c .img2{background-image: url(/res/images/overview/x20/c-phone-black.jpg)}
.overview-content .c .img3{background-image: url(/res/images/overview/x20/c-phone-red.jpg)}
.overview-content .c .img4{background-image: url(/res/images/overview/x20/c-phone-blue.jpg)}
.overview-content .c #c-radio-1:checked ~ .img-wrapper .img1{opacity: 1}
.overview-content .c #c-radio-2:checked ~ .img-wrapper .img2{opacity: 1}
.overview-content .c #c-radio-3:checked ~ .img-wrapper .img3{opacity: 1}
.overview-content .c #c-radio-4:checked ~ .img-wrapper .img4{opacity: 1}
.overview-content .c #c-radio-1:checked ~ .w1200 .text .label1>i{border: 2px solid #fff}
.overview-content .c #c-radio-2:checked ~ .w1200 .text .label2>i{border: 2px solid #fff}
.overview-content .c #c-radio-3:checked ~ .w1200 .text .label3>i{border: 2px solid #fff}
.overview-content .c #c-radio-4:checked ~ .w1200 .text .label4>i{border: 2px solid #fff}
@media screen and (max-width: 736px){
  .overview-content .c .text{padding: 0.5rem 6%;text-align: center}
  .overview-content .c .labels{padding-top: 0.5rem}
  .overview-content .c .text label>i{width: 0.25rem;height: 0.25rem}
  .overview-content .c .text label+label{margin-left: 0.35rem}
  .overview-content .c h2{font-size: 0.625rem;}
  .overview-content .c h2 br{display: none}
  .overview-content .c p{font-size: 0.225rem;padding-top: 0.15rem}
  .overview-content .c .img{background-size:100%}
  .overview-content .c .img-wrapper{height: 12rem}
  .overview-content .c .img1{background-image: url(/res/images/overview/x20/c-phone-purple.jpg)}
  .overview-content .c .img2{background-image: url(/res/images/overview/x20/c-phone-black.jpg)}
  .overview-content .c .img3{background-image: url(/res/images/overview/x20/c-phone-red.jpg)}
  .overview-content .c .img4{background-image: url(/res/images/overview/x20/m/c-phone-blue.jpg)}
}
/**************************************************************************/
.overview-content .d{background: url(/res/images/overview/x20/d-bg.jpg) 50% 0 / 120em auto no-repeat;padding-top: 31.25%}
.overview-content .d .up-phone{background: url(/res/images/overview/x20/d-upphone.png?2) 50% 100% / contain no-repeat;width: 65em;height: 30em;position: absolute;top: -29.75em;left: 7em}
.overview-content .d .bg{background: #000 url(/res/images/overview/x20/d-waves.png) 50% 100% / 120em auto no-repeat;padding-bottom: 32%;position: relative;}
.overview-content .d .text{color: #fff;text-align: center;padding-top: 7em}
.overview-content .d .text h2{font-size: 5.35em;line-height: 1.5}
.overview-content .d .text p{ padding-top: 1em;font-size: 1.675em;line-height: 1.6}
.overview-content .d .phone{background: url(/res/images/overview/x20/d-phone.png) center / contain no-repeat;position: absolute;width: 95em;height: 22em;bottom: -4em;left: 50%;margin-left: -46em}
.overview-content .d .drop{background: url(/res/images/overview/x20/d-drop.png) center / contain no-repeat;position: absolute;width: 6em;height: 6em;bottom: 16em;left: 50%;margin-left: -4.25em}
.overview-content .d ul{text-align: center;padding: 8em 0 2em}
.overview-content .d ul::after{content: '';display: inline-block;height: 0;width: 100%}
.overview-content .d ul li{display: inline-block;width: 49%;vertical-align: top;font-size: 1.775em;padding-bottom: 2em;box-sizing: border-box;padding-left: 1.1em}
.overview-content .d ul span{display: inline-block;width: 65%;text-align: left;line-height: 1.5;font-size: 1.75em;font-weight: 600;}
.overview-content .d ul span+span{padding-top: 1em}
.overview-content .d ul .li1{background: url(/res/images/overview/x20/line.png) 100% 0 / auto 100% no-repeat}
@media screen and (min-width:737px) { 
  html.csstransitions.csstransforms .d .up-phone{transform: translate(0, 10%);transition: all 0.6s linear}
  html.csstransitions.csstransforms .d .drop{ opacity:0; transform:translate(0, -120%); transition:opacity 200ms linear, transform 0.8s ease-in;transition-delay: 400ms;  }
  html.csstransitions.csstransforms .d  .animate-active .up-phone{transform: translate(0,0)}
  html.csstransitions.csstransforms .d .bg.animate-active .drop{ opacity:1; transform:translate(0, 0) }
}
@media screen and (max-width: 736px){
  .overview-content .d {background: url(/res/images/overview/x20/m/d-bg-top.jpg) 50% 0 / 100% no-repeat;padding-top: 60%}
  .overview-content .d .bg{background: #000 url(/res/images/overview/x20/m/d-bg-bottom.jpg) 50% 100% / 100% auto no-repeat;padding-bottom:48%}
  .overview-content .d .phone,.overview-content .d .up-phone,.overview-content .d .drop{display: none}
  .overview-content .d .text{padding: 0.75rem 6% 0}
  .overview-content .d .text h2{font-size: 0.575rem}
  .overview-content .d .text p{font-size: 0.225rem}
  .overview-content .d ul{padding: 0.5rem 0 0.15rem}
  .overview-content .d ul li{padding-bottom: 0}
  .overview-content .d ul .li1{border-right: 2px solid transparent}
  .overview-content .d ul .li1 span{width: 70%}
  .overview-content .d ul span{width: 80%;font-weight: 400;font-size: 0.305rem }
}
/**************************************************************************/
.overview-content .e .e1{background:#000000 url(/res/images/overview/x20/e1-bg.png) 50% 100% / 120em auto no-repeat;height: 103em}
.overview-content .e .e2{background:#efefef url(/res/images/overview/x20/e2-before_beauty.png) 50% 100% / 120em auto no-repeat;padding-bottom: 0}
.overview-content .e1 .text{padding: 7em 0 3em;text-align: center;color: #fff }
.overview-content .e1 h2{font-size: 5.35em;line-height: 1.6}
.overview-content .e p{padding-top: 1em;font-size: 1.675em;line-height: 1.7}
.overview-content .e2 p{padding: 5em 0 4em;text-align: center}
.overview-content .e2 .phone{background: url(/res/images/overview/x20/e2-beauty.png) 50% 100% / 120em auto no-repeat;height: 50em}
.overview-content .e1 .light{position: absolute;background: url(/res/images/overview/x20/e-light.png) center / contain no-repeat;width: 16em;height: 20.95em;top: 37.2925em;left: 6.105em}
.overview-content .e ul{text-align: center;padding: 5em 0}
.overview-content .e ul:after { content:""; display: inline-block; height:0; width:100%; }
.overview-content .e li{display: inline-block;width: 49%;box-sizing: border-box;padding: 0 1em 0.5em;font-size:2em;line-height: 1.5}
.overview-content .e li span{display: inline-block;width: 72%;text-align: left;line-height: 1.5;font-size: 1.5em;font-weight: 600;}
.overview-content .e li span+span{padding-top: 1em}
.overview-content .e ul .li1{background: url(/res/images/overview/x20/line_1.png) 100% 0 / auto 100% no-repeat}
@media screen and (max-width: 736px){
  .overview-content .e .e1{background:#000000 url(/res/images/overview/x20/m/e1-bg.jpg) 50% 100% / 100% no-repeat;height:auto;padding-bottom: 120%}
  .overview-content .e .e2{background:#efefef url(/res/images/overview/x20/m/e2-bg.jpg) 50% 100% / 100% no-repeat;padding-bottom: 65%}
  .overview-content .e1 .light,.overview-content .e2 .phone{display: none}
  .overview-content .e1 .text{padding: 0.5rem 6%;}
  .overview-content .e1 h2{font-size: 0.575rem}
  .overview-content .e p{font-size: 0.225rem}
  .overview-content .e2 p{padding: 0.5rem 6%}
  .overview-content .e ul{padding: 0.5rem 0 0.15rem}
  .overview-content .e li span{font-weight: 400;font-size: 0.305rem}
  .overview-content .e ul li{width: 45%;padding-bottom: 0}
  .overview-content .e ul .li1{width: 54%;border-right:2px solid transparent}
}
/**************************************************************************/
.overview-content .f{ background: #000;color: #fff}
.overview-content .f .text{padding: 5em 0 3em;text-align: center}
.overview-content .f .text h2{font-size: 5.35em; line-height: 1.6;}
.overview-content .f .text p{padding-top: 1em;font-size: 1.675em;line-height: 1.7}
.overview-content .f ul{text-align: left;padding-top: 2em}
.overview-content .f ul::after{display: inline-block;content: '';height: 0;width: 100%}
.overview-content .f ul li{width: 49%;display: inline-block;vertical-align: middle;font-size: 3.125em}
.overview-content .f ul span{display: inline-block;line-height: 1.5;width: 100%;text-align: center}
.overview-content .f ul .li span{text-align: left}
.overview-content .f ul .li{background: url(/res/images/overview/x20/line_1.png) 100% 0 no-repeat;background-size: 1% 100%}
.overview-content .f .img-box{background-size: 120em auto;background-position: 50% 100%;background-repeat: no-repeat;height: 0;position: relative}
.overview-content .f .face-img{background-image: url(/res/images/overview/x20/f-face.png);height: 89em}
.overview-content .f .phone{background-image: url(/res/images/overview/x20/f-phone.png);padding-bottom: 45%}
.overview-content .f .net{position: absolute;top: 1%;left: 50%;width: 45em;height: 60em;background: url(/res/images/overview/x20/f-face_net.png) center / contain no-repeat}
.overview-content .f .fingerprint{position: absolute;width: 19em;height: 8em;top: 20%;left: 50%;background: url(/res/images/overview/x20/f-fingerprint.png) center / contain no-repeat}
.overview-content .f .halo{position: absolute;width: 51em;height: 31em;top: -5%;left: 38%;background: url(/res/images/overview/x20/f-halo.png) center / contain no-repeat}
@media screen and (min-width:737px) { 
  html.csstransitions.csstransforms .f1 .net{ opacity:0; transform:translate(-15%,0); transition:opacity 100ms linear, transform 400ms ease-out;transition-delay: 200ms;  }
  html.csstransitions.csstransforms .f1.animate-active .net{ opacity:1; transform:translate(0,0) }
}
@media screen and (max-width: 736px){
  .overview-content .f{background:#000 url(/res/images/overview/x20/m/f-bg.jpg) 50% 100% / 100% no-repeat;padding-bottom: 196%}
  .overview-content .f .img-box,.overview-content .f .f2{display: none}
  .overview-content .f .text{padding: 0.5rem 6%;}
  .overview-content .f .text h2{font-size: 0.55rem}
  .overview-content .f .text p{font-size: 0.225rem}
  .overview-content .f ul{padding: 0.1rem 8%}
  .overview-content .f ul .li{background-size: 2% 100%}
  .overview-content .f ul span{font-size: 0.305rem;font-weight: 400}
  .overview-content .f ul .li span{width: 75%;display: block;margin: 0 auto;}
}
/**************************************************************************/
.overview-content .g .text{padding-top: 5em;width: 50em}
.overview-content .g .text h2{font-size: 5.35em;line-height: 1.6}
.overview-content .g .text p{padding-top: 1em;font-size: 1.755em;line-height: 1.5;padding-right: 4em}
.overview-content .g .img-box{background: url(/res/images/overview/x20/g.png?1) 50% 100% / 120em auto no-repeat;height: 71em;margin-top: -17em}
.overview-content .g .img-box .img{background: url(/res/images/overview/x20/g-light.png) center / contain no-repeat;width: 39em;height: 59em;position: absolute;top: 5.65em;left: 24.35em}
@media screen and (max-width: 736px){
  .overview-content .g{background: url(/res/images/overview/x20/m/g-bg.jpg) 50% 100% / 100% no-repeat;padding-bottom: 125%}
  .overview-content .g .text{padding: 0.5rem 6%;width: auto;text-align: center}
  .overview-content .g .text h2{font-size: 0.55rem}
  .overview-content .g .text p{font-size: 0.225rem;padding: 0.25rem 0 0}
  .overview-content .g .img-box{display: none}
}
/**************************************************************************/
.overview-content .h {background: url(/res/images/overview/x20/h-bg.jpg) 50% 100% / 120em auto no-repeat;height: 89.25em;z-index: 2}
.overview-content .h .text{padding: 6.5em 0 3em;text-align: center;color: #fff}
.overview-content .h .text h2{font-size: 5.35em;line-height: 1.6}
.overview-content .h .text p{font-size: 1.675em;line-height: 1.7;padding-top: 1em}
.overview-content .h ul{text-align: center;margin-top: 2em}
.overview-content .h ul::after{display: inline-block;content: '';height: 0;width: 100%}
.overview-content .h li{width: 42%;display: inline-block;vertical-align: top;font-size: 2.575em}
.overview-content .h span{display: inline-block;text-align: left;line-height: 1.5}
.overview-content .h .li{background: url(/res/images/overview/x20/line_1.png) 0 0 no-repeat;background-size: 1% 100%}
.overview-content .h .phone{background: url(/res/images/overview/x20/h-phone.png) center / contain no-repeat;height: 38em;width: 75em;margin: 3em auto 0}
@media screen and (max-width: 736px){
  .overview-content .h {background: url(/res/images/overview/x20/m/h-bg.jpg) 50% 100% / 100% no-repeat;height: 0;padding-bottom: 144%}
  .overview-content .h .text{padding: 0.5rem 6%;}
  .overview-content .h .text h2{font-size: 0.55rem}
  .overview-content .h .text p{font-size: 0.225rem;padding-top: 0.25rem}
  .overview-content .h li{width: 35%}
  .overview-content .h li br {display: none}
  .overview-content .h .li{width: 55%;background-size: 1.5% 100%}
  .overview-content .h ul span{font-size: 0.305rem;font-weight: 400}
  .overview-content .h .phone{display: none}
}
/**************************************************************************/
.overview-content .i{background: url(/res/images/overview/x20/i-bg.png) center / 120em auto repeat-y;height: 89em}
.overview-content .i .text{color: #fff;width: 28em;padding-top: 7em}
.overview-content .i .text h2{font-size: 5.25em;line-height: 1.3}
.overview-content .i .text p{font-size: 1.675em;line-height: 1.5;padding-top: 1em}
.overview-content .i .circle,
.overview-content .i .up-circle,
.overview-content .i .down-circle{position: absolute;width: 34em;height: 34em;background-position: center;background-size:contain;background-repeat: no-repeat}
.overview-content .i .up-circle{left: 28em;top: 44em}
.overview-content .i .down-circle{left: 59.5em;top: 12em}
.overview-content .i .circle1{background-image: url(/res/images/overview/x20/i-icon-1.png)}
.overview-content .i .circle2{background-image: url(/res/images/overview/x20/i-icon-2.png)}
.overview-content .i .circle3{background-image: url(/res/images/overview/x20/i-icon-3.png)}
.overview-content .i .circle4{background-image: url(/res/images/overview/x20/i-icon-4.png)}
.overview-content .i .circle5{background-image: url(/res/images/overview/x20/i-icon-5.png)}
.overview-content .i .img{position: absolute;width: 43em;height: 70em;background-size: contain;background-position: center;background-repeat: no-repeat}
.overview-content .i .img1{background-image: url(/res/images/overview/x20/i-sim_side.png?1);top: -6.1em;left: 42em}
.overview-content .i .img2{background-image: url(/res/images/overview/x20/i-voice_side.png?1);top: 26.75em;left: 36em}
.overview-content .i1{background: #fff;z-index: 5}
.overview-content .i1 ul{text-align: justify;padding: 4em 0;position: relative;z-index: 5}
.overview-content .i1 ul::after{content: '';display: inline-block;height: 0;width: 100%}
.overview-content .i1 li{display: inline-block;vertical-align: middle;text-align: center}
.overview-content .i1 .li{padding: 2em 6em 3em;background: url(/res/images/overview/x20/line-two.png?1) 0 0 / 100% 100% no-repeat}
.overview-content .i1 ul span{display: inline-block;text-align: left;line-height: 1.5;font-size: 2.25em;font-weight: 600;}
@keyframes circle{
  0%{opacity: 0}
  35%{opacity: 1}
  100%{opacity: 0}
}
@media screen and (min-width:737px) { 
  html.csstransitions.csstransforms .i .img1{ transform:translate(5%,-5%); transition:transform 300ms ease-out;  }
  html.csstransitions.csstransforms .i .img2{transform:translate(-5%,5%); transition:transform 300ms ease-out;}
  html.csstransitions.csstransforms .i.animate-active .img1,
  html.csstransitions.csstransforms .i.animate-active .img2 { transform:translate(0,0) }
  html.csstransitions.csstransforms .i.animate-active .circle{animation: circle 1200ms ease-in 2}
  html.csstransitions.csstransforms .i.animate-active .circle1{animation-delay: 500ms}
  html.csstransitions.csstransforms .i.animate-active .circle2{animation-delay: 600ms}
  html.csstransitions.csstransforms .i.animate-active .circle3{animation-delay: 700ms}
  html.csstransitions.csstransforms .i.animate-active .circle4{animation-delay: 800ms}
  html.csstransitions.csstransforms .i.animate-active .circle5{animation-delay: 900ms}
}
@media screen and (max-width: 736px){
  .overview-content .i{background: url(/res/images/overview/x20/m/i.jpg) 50% 0 / 100% 100% no-repeat;height: auto}
  .overview-content .i .text{width: auto;padding: 6rem 6% 0.5rem;text-align: center;background: url(/res/images/overview/x20/m/i-bg.jpg) 50% 0 / 100% no-repeat}
  .overview-content .i .text h2{font-size: 0.575rem}
  .overview-content .i .text p{font-size: 0.225rem}
  .overview-content .i .text p+p{padding-top:0}
  .overview-content .i .img,
  .overview-content .i .up-circle,.overview-content .i .down-circle{display: none}
  .overview-content .i1 ul{text-align: center;padding: 0.25rem 10%}
  .overview-content .i1 li{width: 100%;padding: 0.2rem 0}
  .overview-content .i1 .li{padding: 0.2rem 0;border: none;border-top: 2px solid #b8dbff;border-bottom: 2px solid #b8dbff;background: none}
  .overview-content .i1 ul span{width: 80%;font-size: 0.305rem;text-align: center;font-weight: 400}
  .overview-content .i1 li br{display: none}
}
/**************************************************************************/
.overview-content .j{height:85em;background:url(/res/images/overview/x20/j.jpg) 50% 0 no-repeat;overflow: hidden;}
.overview-content .j .text{padding:5em 0 0 0;position: relative;z-index: 4}
.overview-content .j .text h2{font-size: 5.35em;line-height: 1.4}
.overview-content .j .text p{font-size: 1.725em;line-height: 1.6;padding-top: 1em}
.overview-content .j .bg{position:absolute;bottom:0;left:-20em;right:-23em;height:66.5em;background:url(/res/images/overview/x20/j-phones.png) 50% 0 no-repeat;}
.overview-content .j .spec>a{text-decoration:none;color:#752cff;font-size:1.35em;font-weight: 700}
.overview-content .j .spec span{display: inline-block;vertical-align: middle;margin-left: 0.5em;width: 0.85em;height: 0.85em;background: url(/res/images/overview/x20/j-icon.png) center / contain no-repeat}
@media screen and (max-width: 736px){
  .overview-content .j{height: 0;background: url(/res/images/overview/x20/j.jpg) 50% 100% / 100% no-repeat;padding-bottom: 160%}
  .overview-content .j .text{padding: 0.5rem 6%;text-align: center}
  .overview-content .j .text h2{font-size: 0.55rem}
  .overview-content .j .text p{font-size: 0.225rem}
  .overview-content .j .spec>a{font-weight:500}
  .overview-content .j .bg{display: none}
}
/**************************************************************************/
.overview-content .k { background:#000; background-size:100% auto }
.overview-content .k .bg{background: rgba(0, 0, 0, 0.4);position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.overview-content .k .text { color:#fff; padding:9em 0 0; text-align:center; }
.overview-content .k .text h2 { font-size:5.25em; font-weight:bold; line-height:1.3;width: 110%;margin-left: -5% }
.overview-content .k .text p { font-size:1.675em; font-weight:400; line-height:1.5; margin-top:1.33em; }
.overview-content .k ul { background:url(/res/images/overview/x20/k.jpg?2) center no-repeat; background-size:100% 100%; height:0; line-height:0; margin:0 0 0; padding-bottom:41.2%;text-align:justify; }
.overview-content .k ul:after { content:""; display:inline-block; height:0; width:100%; }
.overview-content .k li { display:inline-block; height:0; padding-bottom:41.19%; position:relative; vertical-align:top; width:32.86%; }
.overview-content .k li .desc { bottom:0; color:#fff; font-size:1.875em; font-weight:400; line-height:1.33; left:0; position:absolute; right:0; text-align:center; top:0; }
.overview-content .k li .desc1 { bottom:52.5%; left:0; padding-bottom:4em; position:absolute; right:0; }
.overview-content .k li .desc2 { left:0; padding-top:4em; position:absolute; right:0; top:50.7%; }
.overview-content .k li .icon { background-position:50%; background-repeat:no-repeat; background-size:contain; height:6.333em; left:50%; margin:-3.166em 0 0 -3.166em; position:absolute; top:48.7%; width:6.333em; }
.overview-content .k .li2 { width:32.5%; }
.overview-content .k .li1 .icon { background-image:url(/res/images/overview/x20/k-icon-1.png) }
.overview-content .k .li2 .icon { background-image:url(/res/images/overview/x20/k-icon-2.png) }
.overview-content .k .li3 .icon { background-image:url(/res/images/overview/x20/k-icon-3.png?2) }
@media screen and (max-width: 736px){
  .overview-content .k { margin:0; }
  .overview-content .k .text {padding: 0}
  .overview-content .k .text h2 { font-size:0.6rem; line-height:1.2; padding:12.96875% 6% 0; width:auto;margin-left: 0 }
  .overview-content .k .text p { font-size:0.225rem; line-height:1.62; margin:0; padding:0.35rem 6% 13.125%; }
  .overview-content .k ul {background: #000;margin: 0;padding-bottom: 0;height: auto;}
  .overview-content .k li,.overview-content .k .li2{background-repeat: no-repeat;background-position: 50% 100%;background-size: 100%;width: 100%;padding-bottom: 59.6%}
  .overview-content .k .li1{background-image: url(/res/images/overview/x20/m/k1.jpg);}
  .overview-content .k .li2{background-image: url(/res/images/overview/x20/m/k2.jpg);}
  .overview-content .k .li3{background-image: url(/res/images/overview/x20/m/k3.jpg);}
  .overview-content .k li .desc{font-size: 0.2076rem;}
  .overview-content .k li .desc1{bottom: 50.3%;}
  .overview-content .k li .desc2{padding-top:0.5rem;}
  .overview-content .k li .icon{height:1rem;width: 1rem;top:50.7%;margin-left: -0.5rem; }
}
/**************************************************************************/
.overview-content .l{background:#000 url(/res/images/overview/x20/l-bg.jpg?1) 50% 100% / 120em auto no-repeat;padding-bottom: 43%}
.overview-content .l .text{padding: 9em 0 0;text-align: center;color: #fff}
.overview-content .l .text h2{font-size: 5.25em;padding: 0 0.5em;line-height: 1.3}
.overview-content .l .text p{font-size: 1.675em;line-height: 1.5;margin-top: 1.33em}
.overview-content .l .text .tip{font-size: 0.68182em;}
@media screen and (max-width: 736px){
  .overview-content .l{background: #000 url(/res/images/overview/x20/m/l-bg.jpg) 50% 100% / 100% no-repeat;padding-bottom: 65%}
  .overview-content .l .text{padding: 0.7rem 6%}
  .overview-content .l .text h2{font-size: 0.575rem;line-height: 1.2}
  .overview-content .l .text p{font-size: 0.225rem;margin-top: 0.35rem}
  .overview-content .l .text .tip{0.18rem}
}