html,
body,
div,
h1,
h2,
h3,
p,
img,
video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-tap-highlight-color:transparent
}
html {
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%;
 -webkit-font-smoothing:antialiased;
 background-color:#fff
}
video {
 display:block
}
@font-face {
 font-family:'manrope-bold';
 src:url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-bold.woff') format('woff'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-bold.otf') format('opentype'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-bold.woff2') format('woff2'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-bold.ttf') format('truetype');
 font-weight:normal;
 font-style:normal
}
@font-face {
 font-family:'manrope-regular';
 src:url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-regular.woff') format('woff'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-regular.otf') format('opentype'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-regular.woff2') format('woff2'),
 url('/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/font/manrope-regular.ttf') format('truetype');
 font-weight:normal;
 font-style:normal
}
.v27_minisite_content {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
 width:100%;
 overflow:hidden
}
.v27_minisite_content a {
 text-decoration:none;
 color:#000
}
.v27_minisite_content i {
 font-style:normal
}
.v27_minisite_content sup {
 position:relative;
 line-height:0;
 vertical-align:super !important
}
.fancybox-close {
 left:auto !important;
 right:0 !important
}
.fancybox-wrap.fancybox-mobile {
 position:fixed !important;
 top:50% !important
}
.fancybox-wrap.fancybox-mobile .fancybox-skin {
 margin-top:-27%
}
.hw-wright-for-mobile-special {
 display:none
}
.hw-wright-clearfix::after {
 display:block;
 content:'';
 height:0;
 visibility:hidden;
 clear:both
}
.hw-wright-hide {
 display:none
}
.hw-wright-add-bottom {
 margin-bottom:80px
}
.hw-wright-svg-btn {
 vertical-align:middle;
 text-indent:-9999px;
 background:url(/content/dam/huawei-cbg-site/common/mkt/pdp/pc/matebook-13-v2/img/videoplay.svg) no-repeat -27px -25px;
 width:52px;
 height:52px;
 position:absolute;
 cursor:pointer;
 z-index:10;
 top:calc(50% - 25px);
 left:calc(50% - 25px)
}
.hw-wright-part-container {
 position:relative;
 width:100%;
 max-width:1920px;
 margin:0 auto
}
.hw-wright-transition {
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s
}
.hw-wright-con-wrapper {
 position:relative;
 padding:0 20px;
 max-width:1020px;
 height:100%;
 margin:0 auto
}
.hw-wright-part-space {
 padding:0 0 120px
}
.hw-wright-txt-wrapper {
 margin-bottom:60px
}
.hw-wright-page-title {
 position:relative;
 line-height:1.2;
 margin-bottom:40px;
 font-family:'manrope-bold';
 font-size:48px;
 font-weight:bold;
 text-align:center;
 word-break:break-word;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s
}
.hw-wright-page-title sup {
 top:14px;
 font-family:'manrope-bold'
}
.hw-wright-page-title-small {
 font-size:36px
}
.hw-wright-page-title-small sup {
 top:10px;
 font-family:"manrope-bold"
}
.hw-wright-page-title-big {
 font-size:60px
}
.hw-wright-page-txt {
 position:relative;
 max-width:735px;
 margin:0 auto;
 line-height:1.5;
 font-family:'manrope-regular';
 font-size:24px;
 font-weight:normal;
 text-align:center;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s
}
.hw-wright-btn-txt {
 line-height:1.5;
 font-family:'manrope-regular';
 font-size:24px;
 font-weight:normal;
 text-align:center;
 text-transform:capitalize
}
.hw-wright-page-txt sup {
 top:8px;
 font-family:'manrope-regular'
}
.hw-wright-img-auto {
 display:block;
 max-width:100%;
 min-width:100%;
 height:auto
}
.hw-wright-for-mobile,
.hw-wright-for-kv-mobile,
.hw-wright-for-kv-1024,
.hw-wright-for-pad {
 display:none
}
.hw-wright-note {
 position:relative;
 display:block;
 line-height:1.5;
 margin-top:40px;
 font-size:14px;
 font-family:'manrope-regular';
 text-align:center;
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s
}
.text-left {
 text-align:left
}
.text-center {
 text-align:center
}
.hw-wright-note sup {
 top:4px
}
.hw-wright-banner-title {
 transition:all .3s;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 opacity:0;
 font-family:'manrope-bold';
 font-weight:bold
}
.cbg-backtotop {
 position:fixed;
 z-index:200;
 bottom:50px;
 right:50px
}
.cbg-backtotop a {
 display:block;
 width:40px;
 height:40px;
 margin:5px 0;
 text-indent:-9999px;
 background:url(/content/dam/huawei-cbg-site/common/mkt/pdp/store/img/sprites_cbg_icon.png) no-repeat;
 opacity:.6;
 filter:alpha(opacity=80);
 transition:all linear .2s;
 -webkit-transition:all linear .2s;
 -moz-transition:all linear .2s;
 -ms-transition:all linear .2s;
 -o-transition:all linear .2s
}
.cbg-backtotop a.cbg-icon-backtotop {
 background-position:-549px -188px
}
.cbg-backtotop a.hidden {
 opacity:0;
 filter:alpha(opacity=0);
 cursor:default
}
.cbg-backtotop a.cbg-icon-backtohome {
 background-position:-549px -148px
}
.hw-wright-kv-container {
 position:relative;
 padding:0;
 height:901px;
 max-width:1920px;
 margin:0 auto 120px;
 background:url(/content/dam/huawei-cbg-site/other/jp/mkt/pdp/pc/matebook-13/kv-pc.jpg) no-repeat center center
}
.hw-wright-kv-con-wrapper {
 max-width:1366px
}
.hw-wright-kv-title-wrapper {
 position:absolute;
 left:47%;
 top:69.589345%;
 width:640px;
 text-align:center
}
.hw-wright-kv-title-wrapper img {
 width:100%;
 max-width:557px;
 margin-bottom:24px
}
.hw-wright-kv-txt {
 line-height:1.2;
 margin-bottom:30px;
 font-size:48px;
 font-family:"manrope-bold"
}
.hw-wright-kv-three-point {
 line-height:1.5;
 font-size:0;
 width:115%;
 text-align:center;
 margin-left:-7.5%
}
.hw-wright-kv-three-point p {
 display:inline-block;
 margin-right:20px
}
.hw-wright-kv-three-point b {
 display:inline-block;
 width:6px;
 height:6px;
 margin-bottom:6px;
 margin-right:4px;
 background:#000;
 border-radius:50%
}
.hw-wright-kv-three-point span {
 display:inline-block;
 font-size:24px;
 font-weight:normal;
 font-family:"manrope-regular"
}
.hw-wright-kv-three-point p:last-child {
 margin-right:0
}
.hw-wright-design1-img-wrapper {
 position:relative;
 height:690px
}
.hw-wright-design1-img-wrapper img {
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%)
}
.hw-wright-design2-img-wrapper {
 max-width:1230px;
 width:83.137255%;
 margin:0 auto
}
.hw-wright-design2-img-wrapper img.pc {
 display:block
}
.hw-wright-design2-img-wrapper img.mob {
 display:none
}
.hw-wright-design3-img-wrapper {
 position:relative;
 max-width:1189px;
 margin:0 auto
}
.hw-wright-design3-space-gray {
 position:absolute;
 top:0;
 max-width:1189px;
 width:100%;
 opacity:0
}
.hw-wright-design3-toggle-btn-wrapper {
 text-align:center
}
.hw-wright-design3-toggle-btn {
 display:inline-block;
 margin-right:70px;
 text-align:center;
 cursor:pointer
}
.hw-wright-design3-toggle-circle {
 display:block;
 width:26px;
 height:26px;
 margin:0 auto 14px;
 border-radius:50%;
 background:#ccc
}
.hw-wright-design3-toggle-circle-active {
 width:32px;
 height:32px
}
.hw-wright-design3-toggle-btn2 {
 margin-right:0
}
.hw-wright-design3-toggle-btn2 .hw-wright-design3-toggle-circle {
 background:#434343
}
.hw-wright-performance1-img-wrapper {
 position:relative;
 max-width:956px;
 min-width:700px;
 width:93.72549%;
 margin:0 auto
}
.hw-wright-performance1-car {
 position:absolute;
 top:0;
 left:15.062762%;
 max-width:813px;
 width:85.041841%;
 -webkit-transform:scale(0.7);
 -moz-transform:scale(0.7);
 -ms-transform:scale(0.7);
 -o-transform:scale(0.7);
 transform:scale(0.7);
 opacity:0
}
.hw-wright-performance2-img-wrapper {
 position:relative;
 height:764px
}
.hw-wright-performance2-img-wrapper img {
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 max-width:1920px
}
.hw-wright-performance2-img2 {
 opacity:0
}
.hw-wright-performance3-img-wrapper {
 position:relative;
 max-width:1920px;
 margin:0 auto
}
.hw-wright-performance3-img-wrapper video {
 width:100%
}
.hw-wright-performance4-img-wrapper {
 position:relative;
 max-width:1920px;
 margin:0 auto
}
.hw-wright-performance4-img-wrapper video {
 width:100%
}
.hw-wright-experience1-container .hw-wright-page-title {
 margin-left:auto;
 margin-right:auto
}
.hw-wright-experience1-img-wrapper {
 max-width:1920px;
 margin:0 auto
}
.hw-wright-experience1-img-wrapper {
 position:relative
}
.hw-wright-experience1-img-wrapper video {
 width:100%
}
.hw-wright-experience2-img-wrapper {
 max-width:1920px;
 margin:0 auto;
 height:942px;
 background-color:#000
}
.hw-wright-experience2-inner-img-wrapper {
 position:relative;
 max-width:838px;
 margin:0 auto
}
.hw-wright-experience2-computer {
 display:block
}
.hw-wright-experience2-screen {
 position:absolute;
 top:0;
 left:53px;
 opacity:0
}
.hw-wright-experience2-button {
 position:absolute;
 top:390px;
 left:598px;
 opacity:0
}
.hw-wright-experience2-hand {
 position:absolute;
 top:454px;
 left:40px
}
.hw-wright-experience3-img-wrapper {
 position:relative
}
.hw-wright-experience3-img-wrapper .hw-wright-con-wrapper {
 max-width:1140px
}
.hw-wright-experience3-fast-charging {
 position:relative;
 z-index:1;
 display:block;
 margin-left:140px
}
.hw-wright-experience3-fast-charging.hw-wright-for-mobile {
 display:none
}
.hw-wright-experience3-battery-wrapper {
 position:absolute;
 left:67px;
 top:195px
}
.hw-wright-experience3-battery {
 display:block
}
.hw-wright-experience3-battery-list {
 position:absolute;
 left:6px;
 width:31px;
 height:8px;
 opacity:0;
 background-color:#1470f5
}
.hw-wright-experience3-battery-list1 {
 top:14px;
 background:-webkit-linear-gradient(bottom,#2885fe,#2e77fd);
 background:-moz-linear-gradient(bottom,#2885fe,#2e77fd);
 background:-o-linear-gradient(bottom,#2885fe,#2e77fd);
 background:linear-gradient(bottom,#2885fe,#2e77fd)
}
.hw-wright-experience3-battery-list2 {
 top:25px;
 background:-webkit-linear-gradient(bottom,#326dfb,#3a5af9);
 background:-moz-linear-gradient(bottom,#326dfb,#3a5af9);
 background:-o-linear-gradient(bottom,#326dfb,#3a5af9);
 background:linear-gradient(bottom,#326dfb,#3a5af9)
}
.hw-wright-experience3-battery-list3 {
 top:36px;
 background:-webkit-linear-gradient(bottom,#3f4df8,#4837f4);
 background:-moz-linear-gradient(bottom,#3f4df8,#4837f4);
 background:-o-linear-gradient(bottom,#3f4df8,#4837f4);
 background:linear-gradient(bottom,#3f4df8,#4837f4)
}
.hw-wright-experience3-battery-list4 {
 top:47px;
 background:-webkit-linear-gradient(bottom,#4d2bf3,#5618f1);
 background:-moz-linear-gradient(bottom,#4d2bf3,#5618f1);
 background:-o-linear-gradient(bottom,#4d2bf3,#5618f1);
 background:linear-gradient(bottom,#4d2bf3,#5618f1)
}
.hw-wright-experience3-battery-list5 {
 top:58px;
 background:-webkit-linear-gradient(bottom,#590ef0,#5f01ee);
 background:-moz-linear-gradient(bottom,#590ef0,#5f01ee);
 background:-o-linear-gradient(bottom,#590ef0,#5f01ee);
 background:linear-gradient(bottom,#590ef0,#5f01ee)
}
.hw-wright-experience3-plug {
 position:absolute;
 top:317px;
 left:-40px
}
.hw-wright-experience4-container .hw-wright-txt-wrapper img {
 display:block;
 margin:40px auto 0;
 max-width:210px
}
.hw-wright-experience4-img-wrapper {
 position:relative;
 height:824px;
 text-align:center
}
.hw-wright-experience4-around-you {
 position:absolute;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%)
}
.hw-wright-experience4-around-you-wave {
 position:absolute;
 left:50%;
 margin-left:-550px;
 -webkit-transform:scale(0.6);
 -moz-transform:scale(0.6);
 -ms-transform:scale(0.6);
 -o-transform:scale(0.6);
 transform:scale(0.6);
 opacity:0
}
.hw-wright-experience5-img-wrapper {
 position:relative;
 max-width:1019px;
 margin:0 auto
}
.hw-wright-experience5-computer,
.hw-wright-experience5-img-left,
.hw-wright-experience5-img-right {
 display:block
}
.hw-wright-experience5-left-screen-wrapper {
 position:absolute;
 top:22px;
 left:129px;
 z-index:1;
 overflow:hidden
}
.hw-wright-experience5-left-screen-wrapper span {
 position:absolute;
 top:0;
 right:0;
 z-index:2;
 display:none;
 width:4px;
 height:100%;
 background-color:#fff
}
.hw-wright-experience5-hand {
 position:absolute;
 top:225px;
 right:50px;
 display:none
}
.hw-wright-experience5-right-screen-wrapper {
 position:absolute;
 right:127px;
 top:22px
}
.hw-wright-title-animation {
 animation:moveUp .8s 1 linear forwards;
 -webkit-animation:moveUp .8s 1 linear forwards;
 -moz-animation:moveUp .8s 1 linear forwards;
 -ms-animation:moveUp .8s 1 linear forwards;
 -o-animation:moveUp .8s 1 linear forwards
}
.hw-wright-text-animation {
 animation:moveUp .8s 1 .3s linear forwards;
 -webkit-animation:moveUp .8s 1 .3s linear forwards;
 -moz-animation:moveUp .8s 1 .3s linear forwards;
 -ms-animation:moveUp .8s 1 .3s linear forwards;
 -o-animation:moveUp .8s 1 .3s linear forwards
}
.hw-wright-note-animation {
 animation:moveUp .8s 1 .6s linear forwards;
 -webkit-animation:moveUp .8s 1 .6s linear forwards;
 -moz-animation:moveUp .8s 1 .6s linear forwards;
 -ms-animation:moveUp .8s 1 .6s linear forwards;
 -o-animation:moveUp .8s 1 .6s linear forwards
}
@keyframes moveUp {
 0 {
  top:50px;
  opacity:0
 }
 100% {
  top:0;
  opacity:1
 }
}
@-webkit-keyframes moveUp {
 0 {
  top:50px;
  opacity:0
 }
 100% {
  top:0;
  opacity:1
 }
}
@-moz-keyframes moveUp {
 0 {
  top:50px;
  opacity:0
 }
 100% {
  top:0;
  opacity:1
 }
}
@-ms-keyframes moveUp {
 0 {
  top:50px;
  opacity:0
 }
 100% {
  top:0;
  opacity:1
 }
}
.hw-wright-performance1-car-animation {
 animation:scaleBig .6s 1 linear forwards;
 -webkit-animation:scaleBig .6s 1 linear forwards;
 -moz-animation:scaleBig .6s 1 linear forwards;
 -ms-animation:scaleBig .6s 1 linear forwards;
 -o-animation:scaleBig .6s 1 linear forwards
}
@keyframes scaleBig {
 0 {
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);
  opacity:0
 }
 1% {
  opacity:.9
 }
 100% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-webkit-keyframes scaleBig {
 0 {
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);
  opacity:0
 }
 1% {
  opacity:.9
 }
 100% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-moz-keyframes scaleBig {
 0 {
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);
  opacity:0
 }
 1% {
  opacity:.9
 }
 100% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
@-ms-keyframes scaleBig {
 0 {
  -webkit-transform:scale(0.7);
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);
  opacity:0
 }
 1% {
  opacity:.9
 }
 100% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
}
.hw-wright-performance2-img-animation {
 animation:showLight .8s 1 .5s linear forwards;
 -webkit-animation:showLight .8s 1 .5s linear forwards;
 -moz-animation:showLight .8s 1 .5s linear forwards;
 -ms-animation:showLight .8s 1 .5s linear forwards;
 -o-animation:showLight .8s 1 .5s linear forwards
}
@keyframes showLight {
 0 {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes showLight {
 0 {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-moz-keyframes showLight {
 0 {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-ms-keyframes showLight {
 0 {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.hw-wright-experience2-hand-pc-animation {
 animation:goTouch .8s 1 linear forwards;
 -webkit-animation:goTouch .8s 1 linear forwards;
 -moz-animation:goTouch .8s 1 linear forwards;
 -ms-animation:goTouch .8s 1 linear forwards;
 -o-animation:goTouch .8s 1 linear forwards
}
@keyframes goTouch {
 0 {
  left:40px
 }
 100% {
  left:87px
 }
}
@-webkit-keyframes goTouch {
 0 {
  left:40px
 }
 100% {
  left:87px
 }
}
@-moz-keyframes goTouch {
 0 {
  left:40px
 }
 100% {
  left:87px
 }
}
@-ms-keyframes goTouch {
 0 {
  left:40px
 }
 100% {
  left:87px
 }
}
.hw-wright-experience2-button-animation {
 animation:showLight .8s 1 .8s linear forwards;
 -webkit-animation:showLight .8s 1 .8s linear forwards;
 -moz-animation:showLight .8s 1 .8s linear forwards;
 -ms-animation:showLight .8s 1 .8s linear forwards;
 -o-animation:showLight .8s 1 .8s linear forwards
}
.hw-wright-experience2-screen-animation {
 animation:showLight .3s 1 1.3s linear forwards;
 -webkit-animation:showLight .3s 1 1.3s linear forwards;
 -moz-animation:showLight .3s 1 1.3s linear forwards;
 -ms-animation:showLight .3s 1 1.3s linear forwards;
 -o-animation:showLight .3s 1 1.3s linear forwards
}
.hw-wright-experience3-plug-pc-animation {
 animation:toComputer .8s 1 linear forwards;
 -webkit-animation:toComputer .8s 1 linear forwards;
 -moz-animation:toComputer .8s 1 linear forwards;
 -ms-animation:toComputer .8s 1 linear forwards;
 -o-animation:toComputer .8s 1 linear forwards
}
@keyframes toComputer {
 0 {
  left:-40px
 }
 100% {
  left:18px
 }
}
@-webkit-keyframes toComputer {
 0 {
  left:-40px
 }
 100% {
  left:18px
 }
}
@-moz-keyframes toComputer {
 0 {
  left:-40px
 }
 100% {
  left:18px
 }
}
@-ms-keyframes toComputer {
 0 {
  left:-40px
 }
 100% {
  left:18px
 }
}
.hw-wright-experience3-battery-list1-animation {
 animation:showLight .6s 1 1s linear forwards;
 -webkit-animation:showLight .6s 1 1s linear forwards;
 -moz-animation:showLight .6s 1 1s linear forwards;
 -ms-animation:showLight .6s 1 1s linear forwards;
 -o-animation:showLight .6s 1 1s linear forwards
}
.hw-wright-experience3-battery-list2-animation {
 animation:showLight .6s 1 1.6s linear forwards;
 -webkit-animation:showLight .6s 1 1.6s linear forwards;
 -moz-animation:showLight .6s 1 1.6s linear forwards;
 -ms-animation:showLight .6s 1 1.6s linear forwards;
 -o-animation:showLight .6s 1 1.6s linear forwards
}
.hw-wright-experience3-battery-list3-animation {
 animation:showLight .6s 1 2.2s linear forwards;
 -webkit-animation:showLight .6s 1 2.2s linear forwards;
 -moz-animation:showLight .6s 1 2.2s linear forwards;
 -ms-animation:showLight .6s 1 2.2s linear forwards;
 -o-animation:showLight .6s 1 2.2s linear forwards
}
.hw-wright-experience3-battery-list4-animation {
 animation:showLight .6s 1 2.8s linear forwards;
 -webkit-animation:showLight .6s 1 2.8s linear forwards;
 -moz-animation:showLight .6s 1 2.8s linear forwards;
 -ms-animation:showLight .6s 1 2.8s linear forwards;
 -o-animation:showLight .6s 1 2.8s linear forwards
}
.hw-wright-experience3-battery-list5-animation {
 animation:showLight .6s 1 3.4s linear forwards;
 -webkit-animation:showLight .6s 1 3.4s linear forwards;
 -moz-animation:showLight .6s 1 3.4s linear forwards;
 -ms-animation:showLight .6s 1 3.4s linear forwards;
 -o-animation:showLight .6s 1 3.4s linear forwards
}
.hw-wright-experience4-wave-animation {
 animation:soundWave 2s infinite linear forwards;
 -webkit-animation:soundWave 2s infinite linear forwards;
 -moz-animation:soundWave 2s infinite linear forwards;
 -ms-animation:soundWave 2s infinite linear forwards;
 -o-animation:soundWave 2s infinite linear forwards
}
@keyframes soundWave {
 0 {
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  -ms-transform:scale(0.6);
  -o-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3);
  opacity:0
 }
}
@-webkit-keyframes soundWave {
 0 {
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  -ms-transform:scale(0.6);
  -o-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3);
  opacity:0
 }
}
@-moz-keyframes soundWave {
 0 {
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  -ms-transform:scale(0.6);
  -o-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3);
  opacity:0
 }
}
@-ms-keyframes soundWave {
 0 {
  -webkit-transform:scale(0.6);
  -moz-transform:scale(0.6);
  -ms-transform:scale(0.6);
  -o-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 50% {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
  transform:scale(1.3);
  opacity:0
 }
}
.hw-wright-experience2-hand-mobile-animation {
 animation:goTouchMobile .8s 1 linear forwards;
 -webkit-animation:goTouchMobile .8s 1 linear forwards;
 -moz-animation:goTouchMobile .8s 1 linear forwards;
 -ms-animation:goTouchMobile .8s 1 linear forwards;
 -o-animation:goTouchMobile .8s 1 linear forwards
}
@keyframes goTouchMobile {
 0 {
  left:12.6%
 }
 100% {
  left:17.6%
 }
}
@-webkit-keyframes goTouchMobile {
 0 {
  left:12.6%
 }
 100% {
  left:17.6%
 }
}
@-moz-keyframes goTouchMobile {
 0 {
  left:12.6%
 }
 100% {
  left:17.6%
 }
}
@-ms-keyframes goTouchMobile {
 0 {
  left:12.6%
 }
 100% {
  left:17.6%
 }
}
.hw-wright-experience3-plug-mobile-animation {
 animation:toComputerMobile .8s 1 linear forwards;
 -webkit-animation:toComputerMobile .8s 1 linear forwards;
 -moz-animation:toComputerMobile .8s 1 linear forwards;
 -ms-animation:toComputerMobile .8s 1 linear forwards;
 -o-animation:toComputerMobile .8s 1 linear forwards
}
@keyframes toComputerMobile {
 0 {
  left:5.3333333%
 }
 100% {
  left:16%
 }
}
@-webkit-keyframes toComputerMobile {
 0 {
  left:5.3333333%
 }
 100% {
  left:16%
 }
}
@-moz-keyframes toComputerMobile {
 0 {
  left:5.3333333%
 }
 100% {
  left:16%
 }
}
@-ms-keyframes toComputerMobile {
 0 {
  left:5.3333333%
 }
 100% {
  left:16%
 }
}
@media screen and (max-width:1366px) and (min-width:1024px) {
 .hw-wright-kv-title-wrapper {
  width:490px
 }
 .hw-wright-kv-txt {
  margin-bottom:25px;
  font-size:38px
 }
 .hw-wright-kv-three-point p {
  margin-right:14px
 }
 .hw-wright-kv-three-point b {
  width:5px;
  height:5px;
  margin-bottom:4px;
  margin-right:3px
 }
 .hw-wright-kv-three-point span {
  font-size:18px
 }
}
@media screen and (max-width:1080px) {
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:820px;
  margin:0 auto
 }
 .hw-wright-experience5-img-left {
  width:615px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:18px;
  left:104px
 }
 .hw-wright-experience5-img-right {
  width:307px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:101px;
  top:18px
 }
}
@media screen and (max-width:1024px) {
 .hw-wright-for-pc-special {
  display:none
 }
 .hw-wright-for-mobile-special {
  display:block
 }
 .hw-wright-for-kv-1024 {
  display:block
 }
 .hw-wright-kv-container {
  height:auto;
  background:0
 }
 .hw-wright-kv-con-wrapper {
  padding:0
 }
 .hw-wright-kv-title-wrapper {
  position:initial;
  left:initial;
  top:initial;
  width:100%;
  margin:80px auto 0
 }
 .hw-wright-kv-txt {
  margin-bottom:30px;
  font-size:48px
 }
 .hw-wright-kv-three-point p {
  margin-right:20px
 }
 .hw-wright-kv-three-point b {
  width:6px;
  height:6px;
  margin-bottom:6px;
  margin-right:4px
 }
 .hw-wright-kv-three-point span {
  font-size:24px
 }
}
@media screen and (max-width:860px) {
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:725px
 }
 .hw-wright-experience5-img-left {
  width:542px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:17px;
  left:92px
 }
 .hw-wright-experience5-img-right {
  width:270px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:91px;
  top:17px
 }
}
@media screen and (max-width:853px) and (min-width:852px) {
 .hw-wright-for-pc-special {
  display:none
 }
 .hw-wright-for-mobile-special {
  display:block
 }
}
@media screen and (max-width:768px) {
 .hw-wright-for-pad {
  display:block
 }
}
@media screen and (max-width:767px) {
 .hw-wright-kv-three-point {
  margin-left:13%;
  width:100%
 }
 .hw-wright-for-pc,
 .hw-wright-for-pad {
  display:none
 }
 .hw-wright-for-mobile {
  display:block
 }
 .hw-wright-part-space {
  padding:60px 0
 }
 .hw-wright-txt-wrapper {
  margin-bottom:30px
 }
 .hw-wright-add-bottom {
  margin-bottom:0
 }
 .hw-wright-con-wrapper {
  padding:0 25px
 }
 .hw-wright-page-title {
  margin-bottom:30px;
  font-size:32px
 }
 .hw-wright-page-title sup {
  top:8px
 }
 .hw-wright-page-title-small {
  font-size:20px
 }
 .hw-wright-page-title-small sup {
  top:5px
 }
 .hw-wright-page-title-big {
  font-size:30px
 }
 .hw-wright-page-txt {
  font-size:16px
 }
 .hw-wright-page-txt sup {
  top:6px
 }
 .hw-wright-btn-txt {
  font-size:14px
 }
 .hw-wright-note {
  margin-top:30px;
  font-size:14px
 }
 .hw-wright-for-kv-1024 {
  display:none
 }
 .hw-wright-for-kv-mobile {
  display:block
 }
 .hw-wright-kv-container {
  padding-top:0;
  margin-bottom:0
 }
 .hw-wright-kv-con-wrapper {
  padding:0
 }
 .hw-wright-kv-title-wrapper {
  margin-top:60px;
  text-align:center
 }
 .hw-wright-kv-title-wrapper img {
  width:461px;
  margin-bottom:24px
 }
 .hw-wright-kv-txt {
  margin-bottom:25px;
  font-size:32px
 }
 .hw-wright-kv-three-point p {
  display:block;
  width:366px;
  margin:0 auto 20px;
  text-align:left
 }
 .hw-wright-kv-three-point p:last-child {
  margin:0 auto
 }
 .hw-wright-kv-three-point b {
  width:5px;
  height:5px;
  margin-bottom:4px
 }
 .hw-wright-kv-three-point span {
  font-size:16px
 }
 .hw-wright-design1-container {
  padding-bottom:0
 }
 .hw-wright-design1-img-wrapper {
  position:relative;
  height:auto
 }
 .hw-wright-design1-img-wrapper img {
  position:relative;
  left:0;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
 .hw-wright-design2-img-wrapper {
  width:100%
 }
 .hw-wright-design2-img-wrapper img.pc {
  display:none
 }
 .hw-wright-design2-img-wrapper img.mob {
  display:block
 }
 .hw-wright-design3-toggle-btn {
  margin-right:45px
 }
 .hw-wright-design3-toggle-btn2 {
  margin-right:0
 }
 .hw-wright-design3-toggle-circle {
  width:20px;
  height:20px;
  margin-bottom:10px
 }
 .hw-wright-design3-toggle-circle-active {
  width:25px;
  height:25px
 }
 .hw-wright-performance1-img-wrapper {
  min-width:initial;
  width:95%
 }
 .hw-wright-performance2-img-wrapper {
  height:auto
 }
 .hw-wright-performance2-img-wrapper .hw-wright-performance2-img1 {
  position:relative;
  top:0;
  left:0;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  max-width:none;
  width:100%
 }
 .hw-wright-performance2-img-wrapper .hw-wright-performance2-img2 {
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  transform:translateX(-50%);
  max-width:none;
  width:100%
 }
 .hw-wright-experience1-container .hw-wright-page-title {
  max-width:470px;
  width:auto
 }
 .hw-wright-experience2-img-wrapper {
  height:auto
 }
 .hw-wright-experience2-computer {
  width:82%;
  margin:0 auto
 }
 .hw-wright-experience2-screen {
  position:absolute;
  top:0;
  left:14.4%;
  width:66.5333333%;
  display:block
 }
 .hw-wright-experience2-button {
  position:absolute;
  top:41.389291%;
  left:67.466666667%;
  width:15.0666667%
 }
 .hw-wright-experience2-hand {
  position:absolute;
  top:48.3357453%;
  left:12.6%;
  width:57.86666667%
 }
 .hw-wright-experience3-img-wrapper .hw-wright-con-wrapper {
  position:relative
 }
 .hw-wright-experience3-fast-charging {
  margin-left:31.3333333%;
  width:80.857144%
 }
 .hw-wright-experience3-fast-charging.hw-wright-for-mobile {
  display:block
 }
 .hw-wright-experience3-battery-wrapper {
  position:absolute;
  left:15.42857%;
  top:30.25404%;
  width:5%
 }
 .hw-wright-experience3-battery {
  width:100%
 }
 .hw-wright-experience3-battery-list {
  position:absolute;
  left:14.2857143%;
  width:71.428572%;
  height:10.169492%;
  background-color:#1470f5
 }
 .hw-wright-experience3-battery-list1 {
  top:20.338983%
 }
 .hw-wright-experience3-battery-list2 {
  top:35.59322%
 }
 .hw-wright-experience3-battery-list3 {
  top:50.847458%
 }
 .hw-wright-experience3-battery-list4 {
  top:66.101695%
 }
 .hw-wright-experience3-battery-list5 {
  top:81.3559322%
 }
 .hw-wright-experience3-plug {
  position:absolute;
  top:54.04157%;
  left:5.3333333%;
  width:23.857143%
 }
 .hw-wright-experience4-container .hw-wright-txt-wrapper img {
  margin:30px auto 0;
  max-width:238px
 }
 .hw-wright-experience4-img-wrapper {
  height:auto
 }
 .hw-wright-experience4-around-you {
  position:relative;
  left:0;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  width:100%
 }
 .hw-wright-experience4-around-you-wave {
  top:0;
  width:100%;
  margin-left:-50%
 }
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:725px
 }
 .hw-wright-experience5-img-left {
  width:542px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:17px;
  left:92px
 }
 .hw-wright-experience5-hand {
  top:164px;
  width:45px
 }
 .hw-wright-experience5-img-right {
  width:270px
 }
 .hw-wright-experience5-right-screen-wrapper {
  position:absolute;
  right:91px;
  top:17px
 }
}
@media screen and (max-width:725px) {
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:650px
 }
 .hw-wright-experience5-img-left {
  width:486px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:15px;
  left:83px
 }
 .hw-wright-experience5-img-right {
  width:242px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:81px;
  top:15px
 }
}
@media screen and (max-width:650px) {
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:560px
 }
 .hw-wright-experience5-img-left {
  width:420px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:13px;
  left:71px
 }
 .hw-wright-experience5-img-right {
  width:209px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:69px;
  top:13px
 }
}
@media screen and (max-width:560px) {
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:460px
 }
 .hw-wright-experience5-img-left {
  width:344px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:11px;
  left:59px
 }
 .hw-wright-experience5-img-right {
  width:171px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:57px;
  top:11px
 }
}
@media screen and (max-width:500px) {
 .hw-wright-kv-title-wrapper img {
  width:400px
 }
 @ keyframes toComputerMobile {
  0 {
   left:5.3333333%
  }
  100% {
   left:16.5%
  }
 }
 @-webkit-keyframes toComputerMobile {
  0 {
   left:5.3333333%
  }
  100% {
   left:16.5%
  }
 }
 @-moz-keyframes toComputerMobile {
  0 {
   left:5.3333333%
  }
  100% {
   left:16.5%
  }
 }
 @-ms-keyframes toComputerMobile {
  0 {
   left:5.3333333%
  }
  100% {
   left:16.5%
  }
 }
}
@media screen and (max-width:460px) {
 .hw-wright-kv-title-wrapper img {
  width:360px
 }
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:380px
 }
 .hw-wright-experience5-img-left {
  width:287px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:8px;
  left:47px
 }
 .hw-wright-experience5-img-right {
  width:143px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:46px;
  top:8px
 }
}
@media screen and (max-width:380px) {
 .hw-wright-kv-title-wrapper img {
  width:340px
 }
 .hw-wright-kv-txt {
  font-size:30px
 }
 .hw-wright-kv-three-point p {
  padding-left:17px
 }
 .hw-wright-experience5-computer,
 .hw-wright-experience5-img-wrapper {
  width:290px
 }
 .hw-wright-experience5-img-left {
  width:216px
 }
 .hw-wright-experience5-left-screen-wrapper {
  top:7px;
  left:37px
 }
 .hw-wright-experience5-img-right {
  width:108px
 }
 .hw-wright-experience5-right-screen-wrapper {
  right:37px;
  top:7px
 }
}

.hw-wright-con-wrapper {
    height: auto;
}

.hw-wright-kv-con-wrapper {  
    height: 100% !important;
}