br {
  opacity: 0; }

.cl:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

.cl {
  *zoom: 1; }

em {
  display: inline-block;
  font-style: normal; }

.hide-all br {
  display: none !important; }

@font-face {
  font-family: 'GESS2-M';
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Medium.eot");
  /* IE9 Compat Modes */
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Medium.eot?#iefix") format("embedded-opentype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Medium.woff") format("woff"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Medium.ttf") format("truetype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Medium.svg#GESS2-M") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'GESS2-L';
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Light.eot");
  /* IE9 Compat Modes */
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Light.eot?#iefix") format("embedded-opentype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Light.woff") format("woff"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Light.ttf") format("truetype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Light.svg#GESS2-L") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'GESS2-B';
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Bold.eot?#iefix") format("embedded-opentype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Bold.woff") format("woff"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Bold.ttf") format("truetype"), url("https://assorted.downloads.oppo.com/static/assets/font/GESS2/GESS2-Bold.svg#GESS2-B") format("svg");
  /* Legacy iOS */ }

.section .font-bold {
  font-family: NewOPPOSansBold; }

.vn-font-family .section .font-bold {
  font-family: MyriadPro-Bold; }

.sa-font-family .section .font-bold {
  font-family: GESS2-B; }

.section .font-medium {
  font-family: NewOPPOSansMedium; }

.vn-font-family .section .font-medium {
  font-family: MyriadPro-Semibold; }

.sa-font-family .section .font-medium {
  font-family: GESS2-M; }

.section .introduce .title {
  font-family: NewOPPOSansBold; }

.vn-font-family .section .introduce .title {
  font-family: MyriadPro-Bold; }

.sa-font-family .section .introduce .title {
  font-family: GESS2-B; }

.section .introduce .description {
  font-family: NewOPPOSans; }

.vn-font-family .section .introduce .description {
  font-family: MyriadPro-Semibold; }

.sa-font-family .section .introduce .description {
  font-family: GESS2-M; }

.section .introduce .introduce-params span {
  font-family: NewOPPOSansBold; }

.vn-font-family .section .introduce-params span {
  font-family: MyriadPro-Bold; }

.sa-font-family .section .introduce-params span {
  font-family: GESS2-B; }

.section-5 .description {
  font-family: NewOPPOSansMedium; }

.vn-font-family .section-5 .description {
  font-family: MyriadPro-Semibold; }

.sa-font-family .section-5 .description {
  font-family: GESS2-M; }

.section-5 .description-tit {
  font-family: NewOPPOSansBold; }

.vn-font-family .section-5 .description-tit {
  font-family: MyriadPro-Bold; }

.sa-font-family .section-5 .description-tit {
  font-family: GESS2-B; }

.section-5 .params-item .param-desc {
  font-family: NewOPPOSansMedium; }

.vn-font-family .section-5 .params-item .param-desc {
  font-family: MyriadPro-Semibold; }

.sa-font-family .section-5 .params-item .param-desc {
  font-family: GESS2-M; }

.easier-bg1 {
  display: none;
  width: 43.61vw;
  height: 87.5vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -21.805vw;
  z-index: 11;
  background: url(https://assorted.downloads.oppo.com/static/assets/products/a11k-id/images/360/s3-easier-bg-81962b98c2a2992275aec63a027b7fee.png);
  background-size: 100% 100%; }

.easier-bg2 {
  display: none;
  width: 43.61vw;
  height: 87.5vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -21.805vw;
  z-index: 11;
  background: url(https://assorted.downloads.oppo.com/static/assets/products/a11k-id/images/360/s3-easier-bg-81962b98c2a2992275aec63a027b7fee.png);
  background-size: 100% 100%; }

.font-text-right .section {
  text-align: right; }

.section-1 .sec1-jbsbg {
  width: 100vw;
  height: 140vh;
  background: linear-gradient(246deg, #A2E8EC, #CBE0FF);
  position: absolute;
  top: -40vh;
  left: 0; }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .pc-show {
    display: block !important; }
  .h5-show {
    display: none !important; }
  .block-360 br {
    display: block !important; }
  .span-none {
    display: none !important; }
  #oc-wrapper {
    overflow: visible; }
  #oc-header {
    overflow: hidden; }
  .wrapper {
    position: relative;
    width: 100vw;
    height: 100%;
    margin: 0 auto;
    z-index: 11; }
  .section {
    width: 100vw;
    z-index: 11;
    position: relative;
    overflow: hidden; }
  .introduce {
    position: relative;
    z-index: 2; }
  .introduce .title {
    color: #FFFFFF;
    font-size: 6vw;
    line-height: 9vw; }
  .introduce .description {
    color: #FFFFFF;
    font-size: 2.5vw;
    line-height: 4.55vw; }
  .introduce .introduce-params {
    position: relative;
    z-index: 2; }
  .introduce .big-title {
    width: 100%;
    height: 76vh;
    position: relative;
    text-align: center; }
  .introduce .btitle-text {
    width: 100vw;
    font-size: 22.22vw;
    line-height: 82vh; }
  .introduce .btitle-tit .btitle-text-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-tit {
    background: transparent; }
  .ie-class .introduce .btitle-tit .btitle-text-jbs {
    background: transparent; }
  .introduce .btitle-tit {
    width: 98vw;
    margin-left: -49vw;
    height: 20vw;
    font-size: 3.33vw;
    letter-spacing: 0;
    line-height: 6.8vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 29vw; }
  .ie-class .introduce .btitle-tit {
    background: transparent; }
  .ie-class .introduce .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .sec-fixed.fixed {
    position: fixed; }
  .section-1 {
    height: 100vh;
    overflow: visible; }
  .section-1 .sec-fixed {
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed; }
  .section-1 .sec1-tbg {
    width: 77.77778vw;
    height: 13.61111vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -38.88889vw;
    margin-top: -76vw; }
  .section-1 .sec1-tbg img {
    display: block;
    width: 77.5vw; }
  .section-1 .sec1-tit {
    width: 78vw;
    height: 5vw;
    font-size: 2.5vw;
    line-height: 5vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 11vw;
    margin-top: -60vw;
    z-index: 11; }
  .section-1 .sec1-text {
    width: 78vw;
    height: 7vw;
    font-size: 2.7vw;
    line-height: 4.5vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 11vw;
    margin-top: 36vw;
    text-align: left;
    z-index: 11; }
  .section-1 .phone-show {
    display: block;
    width: 60.27778vw;
    height: 87.22222vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30.14vw;
    margin-top: -53vw;
    -webkit-animation: fadeInDown 1.6s 0.4s both;
            animation: fadeInDown 1.6s 0.4s both; }
  .section-1 .phone-show img {
    display: block;
    width: 60.27778vw;
    height: 87.22222vw; }
  .uc .section-1 .sec-fixed {
    position: relative; }
  .section-2 {
    height: auto;
    background: #000000;
    overflow: visible; }
  .section-2 .introduce {
    padding-bottom: 1px; }
  .section-2 .introduce .description br {
    font-size: 0; }
  .section-2 .btitle-text {
    text-indent: -1.4vw;
    letter-spacing: -1vw; }
  .section-2 .btitle-text .btitle-text-jbs {
    color: #FFFFFF;
    background: linear-gradient(255deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .btitle-tit .btitle-tit-jbs {
    width: 90vw;
    margin: 0 auto;
    color: #FFFFFF;
    background: linear-gradient(258deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .design-main {
    width: 77.78vw;
    height: 480vw;
    margin: 0 auto;
    overflow: visible; }
  .section-2 .design-sticky {
    width: 77.78vw;
    height: 1200vw; }
  .section-2 .sec-fixed {
    width: 77.78vw;
    height: 136.11vw;
    top: 16vw;
    position: -webkit-sticky;
    position: sticky; }
  .section-2 .sec-fixed.fixtop {
    top: 45vw; }
  .section-2 .design-box {
    width: 77.78vw;
    height: 136.11vw;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    transition: all 0.8s; }
  .section-2 .design-box.on {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .section-2 .design-tbox {
    width: 77.78vw;
    height: 67vw;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 22; }
  .section-2 .design-tbox.on {
    opacity: 1; }
  .section-2 .title {
    width: 77.78vw;
    height: 24vw; }
  .section-2 .description {
    width: 77.78vw;
    padding-top: 1vw; }
  .section-2 .design-ibottom {
    width: 91.67vw;
    height: 80.56vw;
    position: absolute;
    top: 60.055vw;
    left: 50%;
    margin-left: -45.835vw;
    overflow: hidden; }
  .section-2 .s2-pmask {
    width: 91.67vw;
    height: 80.56vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -45.835vw;
    margin-top: -40.28vw;
    z-index: 11; }
  .section-2 .s2-pmask img {
    width: 91.67vw;
    height: 80.56vw; }
  .section-2 .design-imgbox {
    width: 77.78vw;
    height: 66.67vw;
    position: absolute;
    top: 6.945vw;
    left: 50%;
    margin-left: -38.89vw;
    overflow: hidden; }
  .section-2 .phone-text {
    width: 77.78vw;
    color: #242424;
    font-size: 2vw;
    line-height: 4.4vw;
    padding: 1.4vw 2.39vw 0;
    margin-bottom: 1vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox2 .phone-text {
    width: 33.78vw; }
  .section-2 .design-imgbox.on .phone-text {
    opacity: 1; }
  .section-2 .s2-phone-ibox {
    width: 77.78vw;
    height: 66.67vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(66.67vw, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(5%) scale(1.1);
            transform: translateY(5%) scale(1.1);
    transition: all 1s;
    z-index: 2; }
  .section-2 .design-imgbox1 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-2 .s2-phone-ibox.on {
    opacity: 1;
    clip: rect(0px, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-2 .s2-phone {
    width: 77.78vw;
    height: 66.67vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .section-2 .s2-phone img {
    display: block;
    width: 77.78vw;
    height: 66.67vw; }
  .section-2 .introduce-params {
    width: 73vw;
    margin: 0 auto;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .introduce-params {
    opacity: 1; }
  .section-2 .design-imgbox3 .introduce-params .params-item {
    float: left; }
  .section-2 .introduce-params span {
    width: 100%;
    display: inline-block; }
  .section-2 .introduce-params .param-data {
    color: #242424;
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 1.6vw; }
  .section-2 .introduce-params .param-desc {
    color: #242424;
    font-size: 2.78vw;
    line-height: 3.4vw;
    position: relative; }
  .section-2 .design-imgbox4 .param-data {
    font-size: 2.78vw;
    line-height: 3.4vw; }
  .section-2 .introduce-params span i {
    display: inline-block;
    width: 3.33vw;
    height: 3.33vw;
    margin-right: 0.5vw;
    position: relative;
    top: 0.45vw; }
  .section-2 .design-imgbox .icon-black {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEV0Uk5T/plJtYyy2tvw8aChKili1dQLaLNKtI2xvdBuPv12j11VQwGd48AeRuy44iNAEPVhUx+FNS8OcHl3yfLTpMzp/AyYCVsAgHPYWgAAAidJREFUSMetlmdjsjAUhdPh1qp14VaqolIEtXUP1vn/f+kloWodzL7nUwj3ISHJzT3EvJNer2lcNA4kYpxWq+v3EeTmmS+2qrhStVXkXaG8XLLCGpVmu5uWpEy33aw0rI6SrDpDSgEYJjtXE9I7qSFQUBwgsTwBZur9L6gzYFIWH0HCCNCm5kNNNWAk3ENGDuNP01GfY2SNW+ith/7g1Pm12O0Px+Nhv1t8nfoGffTeriGjh4+fnu/V9veKb1ffPy8+0DN+Q0L2zCw3uNFmeaZywgUSR+jb/fM1Hmg9t9/2MRLPUBlj+38MOMie12CM1xOkTGCv2zsc9W6vISaKDakFaO7jXMbSEMkzSAbYns7hKvZfU0CmEF/CjH1l7Q6tWdAMJd6Cihiy87aEh9jKq0M8W1ALKbanGy9ow3Y5iZZJ9Co69GEFT61oXAdVndTRYPmz9Ya2LL8aqJMaKuyMwofY6a2gRjQ0aXPhB1rQyCY0wqFNmzs/0I5GtsGRGLq0ufcD7WlkF1GSQIY2D36gA41MI04AiTaPfqAjjZSAcFAc6WDTyyBBosEXIhZuyUNs7lO4YxTqwIZKDSsJk0GSMEWTMHi6F0NcLC982CvMzEeCXJYFNfy17KMAkHMBKP+t1JhCzl9Rywp/LZ/hCrU1VtbLEuSM/2M+vGzOq+hmqFK3hippGaqI4mzdVPnlZN0ykpS+WLd8YJP4zHs4S9uOPnGxBBCPOtjRf16yn+TFObnlAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox .icon-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAOdQTFRFKpr/K53/K5v/LJv/Kp3/Kpv/LJ3/K5z/K5v/HI7/K5z/HKr/K53/K5z/LJz/K5z/K5z/K5v/K5j/LJv/Kpz/K5z/K5z/K5z/K53/Kpv/Kp7/LqL/Kpr/K5v/Kpv/KZv/K5z/K5z/KZz/K5v/K5z/K5z/K5z/Oar/K5v/LJz/Kpz/Kpz/AP//K5z/LJz/K5v/LJ3/K5n/K5z/K5v/LJn/LJv/MJ//K5z/K53/KZz/Kp3/K5r/K53/JJL/K5v/Kpz/K5z/K5z/K5z/LJz/LJv/K5z/K53/K5z/K5X/LJz/Kp3/AAAAK5z/VpwmpgAAAEx0Uk5TW/6Zbkm1jLK9CdoJvdvw8aChKili1dTi4mFhC2izbkq0jT79sdB2CY9dVUMB453ARh7suCNAEPVTH4U1Lw5weXfJ8tOkzOn8DJhbAFzuGAsAAAJBSURBVEjHrZblYsIwFIUzxX34cBk6iqzYhkvlvP/zrEmBMaC6nV/p7f0IvckVIl/JVcyKTrcfCPi8YrboufYgF8+tXK2CX6rUci1dKJ3MK26lcrXeDPN8pFmvlkuKIZ8StKFRBugFG2/ntrdGqAdkRhrQoDAEJsL1JwgTYFgY3IK4PiCO5Zsai0Cfu4akGBIfsqY+4ohKl9BLG53u0fg522x3+/1uu5l9Hm3dDtovvyGpjfeD5WuxPo/4evF1ePGONjmHuOiJma9wodX8RMW4H2jQR0e1T5e4oeVUfdtBf3CCCoir3yNBQ2oMugk8H6HREGrcXqGpVzWGGI5USMhA1N/nZy8RjjSDUgA70yl0xb5rDCQp1Mpjwn5lqQ8tmdME+ZYC5dBj920OA7HICz08KlANIXamKyNoxU45iJpMPBU06MMChlpQvwYqLlJEieXP2hhas/wqoUiyKLM7ChNit7eMLBFRpcuZGWhGPasQiRd1utyYgTbUsw4n8aFJl1sz0JZ6NuEmAUTocmcG2lHPMPwE4OlybwbaU08esAf5Ebb29yIIELf1QPiI03rIvXYO997ONXqwd2Fd1lPDQ5MwaCUJQzQJrad7zkZheaKFRU5aK2EpVvfSDivFMiPYL8u0AST0G8DdoQHEUfhbq5G5mLmmFuVstE/p741a2SuKuN5IkEBM+p/hw2jMeR7oDVShy4EqqAxUjpH26Cakno6jW4Tnw6fRLZm2PCQ+tgwmS0We4sO91xcA/G6nMo66rj2+AYgA5joa5bkTAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2.iosuc .design-box {
    opacity: 1; }
  .section-2.iosuc .design-main {
    height: 640vw; }
  .section-2.iosuc .sec-fixed {
    position: relative !important;
    top: 0; }
  .section-2.iosuc .design-tbox {
    opacity: 1; }
  .section-2.iosuc .design-tbox2 {
    top: 155vw; }
  .section-2.iosuc .design-tbox3 {
    top: 310vw; }
  .section-2.iosuc .design-tbox4 {
    top: 465vw; }
  .section-2.iosuc .s2-pmask {
    display: none; }
  .section-2.iosuc .s2-phone-ibox {
    opacity: 1; }
  .section-2.iosuc .phone-text {
    opacity: 1; }
  .section-2.iosuc .introduce-params {
    opacity: 1; }
  .section-2.iosuc .design-ibottom {
    height: 600vw; }
  .section-2.iosuc .design-imgbox2 {
    top: 167vw; }
  .section-2.iosuc .design-imgbox2 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-2.iosuc .design-imgbox3 {
    top: 318.9vw; }
  .section-2.iosuc .design-imgbox3 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-2.iosuc .design-imgbox4 {
    top: 471.8vw; }
  .section-2.iosuc .design-imgbox4 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 77.78vw, 66.67vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-3 {
    height: auto;
    background: #ffffff;
    overflow: visible; }
  .section-3 .introduce {
    padding-bottom: 20vw; }
  .section-3 .big-title {
    margin-bottom: 2vh; }
  .section-3 .btitle-text {
    width: 90vw;
    margin: 0 auto;
    font-size: 12.6vw;
    line-height: 87vh; }
  .section-3 .btitle-text .btitle-text-jbs {
    color: #000000;
    background: linear-gradient(243deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-3 .btitle-tit {
    width: 44vw;
    margin-left: -22vw;
    color: #000000;
    margin-top: 24vw; }
  .section-3 .ready-fabox {
    width: 77.78vw;
    height: 145vw;
    margin: 0 auto 35vw;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    transition: all 0.8s; }
  .section-3 .ready-fabox.on {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .section-3 .ready-fabox .title {
    color: #000000;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .m-title {
    color: #000000;
    margin-bottom: 8vw;
    position: relative;
    z-index: 11;
    font-size: 5vw;
    line-height: 8vw; }
  .section-3 .ready-fabox .description {
    color: #000000;
    margin-bottom: 4.1vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .introduce-params {
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .params-item {
    width: 38.6vw;
    float: left;
    opacity: 0;
    position: relative;
    padding-top: 8.4vw; }
  .section-3 .ready-fabox .introduce-params.on .params-item1 {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-3 .ready-fabox .introduce-params.on .params-item2 {
    -webkit-animation: fadeInRight 0.8s 0.4s forwards;
            animation: fadeInRight 0.8s 0.4s forwards; }
  .section-3 .ready-fabox .introduce-params.on .params-item3 {
    -webkit-animation: fadeInRight 0.8s 0.6s forwards;
            animation: fadeInRight 0.8s 0.6s forwards; }
  .section-3 .ready-fabox .introduce-params.on .params-item4 {
    -webkit-animation: fadeInRight 0.8s 0.8s forwards;
            animation: fadeInRight 0.8s 0.8s forwards; }
  .section-3 .ready-fabox .params-item span {
    width: 100%;
    display: inline-block; }
  .section-3 .ready-fabox .params-item .param-data {
    width: 44vw;
    color: #000000;
    font-size: 2.78vw;
    line-height: 4.4vw; }
  .section-3 .ready-fabox .params-item1 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item2 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item .param-desc {
    color: #000000;
    font-size: 5vw;
    line-height: 7vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .ready-fabox .s3-ready {
    display: block;
    width: 80.83vw;
    height: 40vw;
    margin-left: -1.525vw;
    margin-bottom: 7vw; }
  .section-3 .power-box {
    width: 77.78vw;
    height: 145vw;
    margin: 0 auto;
    position: relative; }
  .section-3 .power-box .power-title {
    width: 76vw;
    height: 58vw;
    font-size: 27.77vw;
    line-height: 28vw;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    color: #000000;
    background: linear-gradient(245deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    margin-left: -0.6vw; }
  .ie-class .section-3 .power-box .power-title {
    background: transparent; }
  .section-3 .power-box .power-tit {
    width: 14.8vw;
    font-size: 3.33vw;
    height: 6vw;
    line-height: 6vw;
    margin: -1.3vw 0 9.8vw 0.6vw; }
  .section-3 .power-box .power-tit span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #6468ff, #6c80ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-tit span {
    background: transparent; }
  .section-3 .power-box .title {
    width: 86vw;
    color: #242424;
    margin-bottom: 1.1vw; }
  .section-3 .power-box .description {
    width: 80vw;
    color: #242424; }
  .section-3 .power-box .s3-power {
    display: block;
    width: 65.83vw;
    height: 21.67vw;
    position: absolute;
    top: 55vw;
    left: 50%;
    margin-left: -24vw;
    z-index: 2;
    opacity: 0; }
  .section-3 .power-box .s3-power.on {
    -webkit-animation: fadeDownIn 0.8s 0.4s forwards;
            animation: fadeDownIn 0.8s 0.4s forwards; }
  .section-3 .easier-box {
    width: 77.78vw;
    height: 410vw;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
  .section-3 .easier-main {
    width: 77.78vw;
    height: 143vw;
    overflow: visible; }
  .section-3 .easier-main .easier-sticky {
    width: 77.78vw;
    height: 410vw; }
  .section-3 .easier-box .sec-fixed {
    width: 77.78vw;
    height: 143vw;
    top: 16vw;
    position: -webkit-sticky;
    position: sticky; }
  .section-3 .easier-box .sec-fixed.fixtop {
    top: 45vw; }
  .section-3 .easier-mbox {
    width: 77.78vw;
    height: 143vw;
    opacity: 0; }
  .section-3 .easier-mbox.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .easier-box .easier-color {
    width: 77.78vw;
    font-size: 6.66vw;
    line-height: 8vw;
    margin-bottom: 0.5vw;
    font-weight: bold; }
  .easier-box .easier-color span {
    color: #000000;
    background: linear-gradient(259deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .easier-box .easier-color span {
    background: transparent; }
  .section-3 .easier-box .title {
    width: 100%;
    color: #242424;
    margin-bottom: 3vw; }
  .section-3 .easier-box .easier-change {
    width: 77.78vw;
    position: relative; }
  .section-3 .easier-box .easier-bg {
    width: 43.61vw;
    height: 87.5vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -21.805vw;
    z-index: 11; }
  .section-3 .easier-box .easier-bg img {
    display: block;
    width: 43.61vw; }
  .section-3 .easier-box .easier-img {
    width: 39.6vw;
    height: 84.33vw;
    overflow: hidden;
    position: absolute;
    top: 1.8vw;
    left: 50%;
    margin-left: -19.8vw; }
  .section-3 .easier-box .s3-easier {
    width: 39.6vw;
    height: 84.33vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(84.33vw, 39.6vw, 84.33vw, 0px);
    -webkit-transform: translateY(10%) scale(1.1);
            transform: translateY(10%) scale(1.1);
    transition: all 1s; }
  .section-3 .easier-box .s3-easier1 {
    opacity: 1;
    clip: rect(0px, 39.6vw, 84.33vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-3 .easier-box .s3-easier.on {
    opacity: 1;
    clip: rect(0px, 39.6vw, 84.33vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-3 .easier-box .easier-text {
    width: 100%;
    position: absolute;
    top: 92vw;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-3 .easier-box .easier-text.on {
    opacity: 1; }
  .section-3 .easier-box .mtitle {
    font-size: 5.55vw;
    line-height: 7vw;
    color: #242424;
    margin-bottom: 2vw; }
  .section-3 .easier-box .description {
    color: #242424;
    line-height: 4.6vw; }
  .section-3 .ears-box {
    width: 77.78vw;
    height: 130vw;
    position: relative;
    margin: 0 auto; }
  .section-3 .ears-sticky {
    width: 77.78vw;
    height: 1030vw; }
  .section-3 .ears-box .sec-fixed {
    width: 77.78vw;
    height: 130vw;
    top: 16vw;
    position: -webkit-sticky;
    position: sticky; }
  .section-3 .ears-box .sec-fixed.fixtop {
    top: 45vw; }
  .section-3 .ears-main {
    width: 77.78vw;
    height: 130vw;
    opacity: 1; }
  .section-3 .ears-main.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .ears-box .title {
    color: #242424;
    padding-top: 12vw;
    margin-bottom: 57vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title {
    width: 78vw;
    font-size: 5vw;
    line-height: 6.4vw;
    margin-bottom: 2.5vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title span {
    color: #242424;
    background: linear-gradient(256deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .ears-box .m-title span {
    background: transparent; }
  .section-3 .ears-box .description {
    width: 100%;
    color: #242424;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .s3-ears {
    display: block;
    width: 90.83333vw;
    height: 61.38889vw;
    position: absolute;
    top: 18.4vw;
    left: -5vw; }
  .section-3 .ears-box .s3-ears img {
    display: block;
    width: 90.83333vw;
    height: 61.38889vw; }
  .section-3.iosuc {
    height: auto; }
  .section-3.iosuc .easier-main .easier-sticky {
    height: auto; }
  .section-3.iosuc .ears-sticky {
    height: auto; }
  .section-3.iosuc .ready-fabox {
    opacity: 1; }
  .section-3.iosuc .easier-box {
    height: 440vw; }
  .section-3.iosuc .easier-box .sec-fixed {
    position: relative !important; }
  .section-3.iosuc .easier-mbox {
    opacity: 1; }
  .section-3.iosuc .easier-text {
    opacity: 1; }
  .section-3.iosuc .easier-text2 {
    top: 230vw; }
  .section-3.iosuc .easier-text3 {
    top: 372vw; }
  .section-3.iosuc .easier-img {
    height: 400vw;
    top: 1.4vw; }
  .section-3.iosuc .s3-easier1 {
    top: 0vw; }
  .section-3.iosuc .s3-easier2 {
    opacity: 1;
    top: 137.8vw;
    clip: rect(0px, 39.6vw, 84.33vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-3.iosuc .s3-easier3 {
    opacity: 1;
    top: 280.6vw;
    clip: rect(0px, 39.6vw, 84.33vw, 0px);
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1); }
  .section-3.iosuc .easier-bg1 {
    display: block;
    top: 138vw; }
  .section-3.iosuc .easier-bg2 {
    display: block;
    top: 280vw; }
  .section-3.iosuc .ears-box {
    height: 145vw; }
  .section-3.iosuc .ears-box .sec-fixed {
    position: relative !important; }
  .section-3.iosuc .power-box .s3-power {
    opacity: 1; }
  .section-3.iosuc .ready-fabox .params-item {
    opacity: 1; }
  .section-4 {
    height: auto;
    background: #000000;
    overflow: visible; }
  .section-4 .introduce {
    height: auto;
    padding-bottom: 100px; }
  .section-4 .btitle-text {
    margin-bottom: 12vh;
    text-indent: -0.8vw;
    margin: 0 auto;
    letter-spacing: -1vw; }
  .section-4 .btitle-text .btitle-text-jbs {
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .btitle-tit {
    margin-top: 23.5vw; }
  .section-4 .btitle-tit .btitle-tit-jbs {
    color: #ffffff;
    background: linear-gradient(216deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .ai-camera {
    width: 100vw;
    height: 170vw;
    margin: 0 auto;
    padding-top: 51vw;
    overflow: hidden;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    transition: all 0.8s; }
  .section-4 .ai-camera.on {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .section-4 .ai-camera .title {
    width: 77.78vw;
    margin: 0 auto 6vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title {
    width: 77.78vw;
    font-size: 5vw;
    line-height: 6.5vw;
    margin: 0 auto 3.5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title span {
    display: inline-block;
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .ai-camera .m-title span {
    background: transparent; }
  .section-4 .ai-camera .description {
    width: 77.78vw;
    margin: 0 auto;
    position: relative;
    z-index: 11;
    line-height: 6.4vw; }
  .section-4 .ai-camera .s4-aicamera {
    width: 101vw;
    height: 76.67vw;
    position: absolute;
    top: 0;
    left: -0.5vw; }
  .section-4 .camera-main {
    width: 77.78vw;
    height: 500vw;
    margin: 0 auto; }
  .section-4 .camera-main.relative {
    position: relative; }
  .section-4 .camera-main .camera-sticky {
    width: 77.78vw;
    height: 500vw; }
  .section-4 .sec-fixed {
    width: 77.78vw;
    height: 150vw;
    top: 16vw;
    position: -webkit-sticky;
    position: sticky; }
  .section-4 .sec-fixed.fixtop {
    top: 45vw; }
  .section-4 .camera-box {
    width: 77.78vw;
    height: 150vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -38.89vw; }
  .section-4 .camera-imgbox {
    width: 77.78vw;
    height: 83.34vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -38.89vw;
    opacity: 0; }
  .section-4 .camera-imgbox.on {
    opacity: 1; }
  .section-4 .camera-imgbox1 {
    z-index: 33; }
  .section-4 .camera-imgbox2 {
    z-index: 11; }
  .section-4 .camera-hidimg {
    width: 77.78vw;
    height: 83.34vw;
    overflow: hidden;
    border-radius: 2.7vw;
    position: absolute; }
  .section-4 .s4-phone {
    display: block;
    width: 77.78vw;
    height: 83.34vw;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section-4 .s4-phone img {
    display: block;
    width: 77.78vw;
    height: 83.34vw; }
  .section-4 .camera-tbox {
    width: 100%;
    position: absolute;
    top: 87vw;
    left: 0;
    z-index: 55;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-4 .camera-tbox.on {
    opacity: 1; }
  .section-4 .camera-box .title {
    width: 100%;
    margin-bottom: 3vw;
    line-height: 5vw;
    font-size: 3vw; }
  .section-4 .camera-box .m-title {
    width: 100%;
    font-size: 4vw;
    line-height: 5vw;
    color: #FFFFFF; }
  .section-4 .camera-box .description {
    width: 100%;
    padding-top: 1.2vw;
    line-height: 5vw; }
  .section-4 .camera-tbox2 .title {
    width: 85vw; }
  .section-4.iosuc .introduce {
    padding-bottom: 0; }
  .section-4.iosuc .ai-camera {
    opacity: 1; }
  .section-4.iosuc .camera-main {
    height: 344vw;
    overflow: hidden; }
  .section-4.iosuc .camera-box {
    height: 468vw; }
  .section-4.iosuc .sec-fixed {
    position: relative !important; }
  .section-4.iosuc .camera-imgbox2 {
    opacity: 1;
    top: 160vw; }
  .section-4.iosuc .camera-imgbox3 {
    opacity: 1; }
  .section-4.iosuc .camera-tbox {
    opacity: 1; }
  .section-4.iosuc .camera-tbox2 {
    top: 248vw; }
  .section-4.iosuc .camera-tbox3 {
    top: 405vw; }
  .section-5 {
    height: auto;
    background: #F1F1F1;
    border: 1px solid #979797; }
  .section-5 .introduce {
    padding: 20vw 0; }
  .section-5 .title {
    margin-bottom: 16vw;
    text-align: center;
    color: #242424; }
  .section-5 .description {
    width: 85vw;
    line-height: 7vw;
    margin: 0 auto;
    color: #242424;
    margin-bottom: 12vw;
    text-align: center; }
  .section-5 .description-tit {
    font-size: 5vw;
    line-height: 8vw; }
  .section-5 .introduce-params {
    width: 108vw;
    height: auto;
    position: relative;
    z-index: 11;
    overflow: hidden;
    padding-left: 11.11vw; }
  .section-5 .params-item {
    width: 77vw;
    float: left;
    margin-bottom: 5vw;
    opacity: 0; }
  .section-5 .introduce-params.on .params-item1 {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-5 .introduce-params.on .params-item2 {
    -webkit-animation: fadeInRight 0.8s 0.4s forwards;
            animation: fadeInRight 0.8s 0.4s forwards; }
  .section-5 .introduce-params.on .params-item3 {
    -webkit-animation: fadeInRight 0.8s 0.6s forwards;
            animation: fadeInRight 0.8s 0.6s forwards; }
  .section-5 .introduce-params.on .params-item4 {
    -webkit-animation: fadeInRight 0.8s 0.8s forwards;
            animation: fadeInRight 0.8s 0.8s forwards; }
  .section-5 .introduce-params.on .params-item5 {
    -webkit-animation: fadeInRight 0.8s 1s forwards;
            animation: fadeInRight 0.8s 1s forwards; }
  .section-5 .params-item span {
    width: 100%;
    display: inline-block; }
  .section-5 .params-item .param-desc {
    color: #242424;
    font-size: 3.33vw;
    line-height: 5vw; }
  .section-5 .params-item .param-data {
    width: auto;
    color: #242424;
    font-size: 7.78vw;
    line-height: 9vw;
    margin-bottom: 2.6vw; }
  .section-5 .params-item .param-data1 {
    background: linear-gradient(240deg, #82d7fc 0%, #7fa3ed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data2 {
    background: linear-gradient(240deg, #89fdf2 0%, #93e7f2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data3 {
    background: linear-gradient(240deg, #83cfff 0%, #697dff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data4 {
    background: linear-gradient(240deg, #88fcf1 0%, #92ddf0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data5 {
    background: linear-gradient(240deg, #82bbff 0%, #655df0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-5 .params-item .param-data {
    background: transparent; }
  .section-5.iosuc .params-item {
    opacity: 1; }
  .font-text-right .section-1 .sec1-text {
    text-align: right; }
  .font-text-right .section-2 .introduce-params {
    padding-left: 0;
    padding-right: 1.5vw; }
  .font-text-right .section-2 .introduce-params .params-item {
    float: right;
    width: 28vw; }
  .font-text-right .section-2 .design-imgbox2 .phone-text {
    width: 33.6vw; }
  .font-text-right .section-3 .ready-fabox .params-item .param-data {
    width: 100%; }
  .font-text-right .section-3 .power-box .power-title {
    text-align: right; }
  .font-text-right .section-3 .power-box .title {
    width: 100%; }
  .font-text-right .section-3 .power-box .description {
    float: right; }
  .font-text-right .section-4 .camera-tbox2 .title {
    width: 100%; }
  .font-text-right .section-5 .introduce-params {
    padding-left: 0; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .pc-show {
    display: block !important; }
  .h5-show {
    display: none !important; }
  .none-768 br {
    display: none !important; }
  .block-768 br {
    display: block !important; }
  .wrapper {
    position: relative;
    width: 100vw;
    height: 100%;
    margin: 0 auto; }
  .section {
    width: 100%;
    overflow: hidden;
    z-index: 11;
    position: relative; }
  .introduce {
    position: relative;
    z-index: 2; }
  .introduce .title {
    color: #FFFFFF;
    font-size: 4.687vw;
    line-height: 7.03vw; }
  .introduce .description {
    color: #FFFFFF;
    font-size: 1.56vw;
    line-height: 3vw; }
  .introduce .introduce-params {
    position: relative;
    z-index: 2; }
  .introduce .big-title {
    width: 100%;
    height: 98vh;
    position: relative;
    text-align: center;
    margin-bottom: 8vh; }
  .introduce .btitle-text {
    width: 100vw;
    font-size: 20.83vw;
    line-height: 84vh; }
  .introduce .btitle-text .btitle-text-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-text .btitle-text-jbs {
    background: transparent; }
  .introduce .btitle-tit {
    width: 100%;
    height: 3vw;
    font-size: 1.56vw;
    letter-spacing: 0;
    line-height: 3vw;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 12vw; }
  .ie-class .introduce .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .sec-fixed.fixed {
    position: fixed; }
  .section-1 {
    height: 98vh; }
  .section-1 .sec-fixed {
    width: 100%;
    height: 98vh;
    margin: 0;
    position: fixed; }
  .section-1 .sec1-tbg {
    width: 89.97396vw;
    height: 13.28125vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -44.98698vw;
    margin-top: -34.8vw; }
  .section-1 .sec1-tbg img {
    display: block;
    width: 89.84vw; }
  .section-1 .sec1-tit {
    width: 89vw;
    height: 4vw;
    font-size: 2.34vw;
    line-height: 4vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 6vw;
    margin-top: -41.5vw; }
  .section-1 .sec1-text {
    width: 100%;
    height: 7vw;
    font-size: 1.56vw;
    line-height: 3vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: -3vw;
    margin-top: 26.3vw;
    text-align: center;
    z-index: 11; }
  .section-1 .phone-show {
    display: block;
    width: 46.61458vw;
    height: 67.44792vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -23.305vw;
    margin-top: -48vw;
    -webkit-animation: fadeInDown 1.6s 0.4s both;
            animation: fadeInDown 1.6s 0.4s both; }
  .section-1 .phone-show img {
    display: block;
    width: 46.61458vw; }
  .section-2 {
    height: auto;
    background: #000000; }
  .section-2 .introduce {
    margin-bottom: 8vw; }
  .section-2 .introduce .description br {
    font-size: 0; }
  .section-2 .btitle-text {
    text-indent: -1.4vw;
    letter-spacing: -1vw; }
  .section-2 .btitle-text .btitle-text-jbs {
    color: #FFFFFF;
    background: linear-gradient(255deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .btitle-tit .btitle-tit-jbs {
    color: #FFFFFF;
    background: linear-gradient(258deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .design-main {
    width: 78.12vw;
    height: 320vw;
    margin: 0 auto;
    position: relative; }
  .section-2 .sec-fixed {
    width: 78.12vw;
    height: 70.57vw; }
  .section-2 .sec-fixed.fixed {
    position: fixed; }
  .section-2 .design-box {
    width: 78.12vw;
    height: 70.57vw;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .section-2 .design-box.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-2 .design-tbox {
    width: 78.12vw;
    height: 25vw;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 22; }
  .section-2 .design-tbox.on {
    opacity: 1; }
  .section-2 .title {
    width: 100%;
    margin-bottom: 3.65vw; }
  .section-2 .design-tbox4 .title {
    width: 82vw; }
  .section-2 .description {
    width: 100%; }
  .section-2 .design-ibottom {
    width: 84.63vw;
    height: 52.08vw;
    position: absolute;
    top: 30vw;
    left: 50%;
    margin-left: -42.315vw;
    overflow: hidden; }
  .section-2 .s2-pmask {
    width: 84.63vw;
    height: 52.08vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -42.315vw;
    margin-top: -26.04vw;
    z-index: 11; }
  .section-2 .s2-pmask img {
    width: 84.63vw; }
  .section-2 .design-imgbox {
    width: 78.12vw;
    height: 45.57vw;
    position: absolute;
    top: 3.255vw;
    left: 50%;
    margin-left: -39.06vw;
    overflow: hidden; }
  .section-2 .phone-text {
    width: 31vw;
    color: #242424;
    font-size: 2.34vw;
    line-height: 4.1vw;
    padding-top: 2vw;
    padding-left: 2.2vw;
    margin-bottom: 0.8vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .phone-text {
    opacity: 1; }
  .section-2 .design-imgbox1 .phone-text {
    width: 75.5vw; }
  .section-2 .design-imgbox2 .phone-text {
    width: 29vw; }
  .section-2 .s2-phone-ibox {
    width: 78.12vw;
    height: 45.57vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(0px, 78.12vw, 45.57vw, 78.12vw);
    -webkit-transform: translateX(5%) scale(1.1);
            transform: translateX(5%) scale(1.1);
    transition: all 1s;
    z-index: 2; }
  .section-2 .design-imgbox1 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 78.12vw, 45.57vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone-ibox.on {
    opacity: 1;
    clip: rect(0px, 78.12vw, 45.57vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone {
    width: 78.12vw;
    height: 45.57vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .section-2 .s2-phone img {
    display: block;
    width: 78.12vw; }
  .section-2 .introduce-params {
    padding-left: 2.1vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .introduce-params {
    opacity: 1; }
  .section-2 .introduce-params .params-item {
    width: 15vw; }
  .section-2 .design-imgbox3 .introduce-params .params-item {
    float: left; }
  .section-2 .introduce-params span {
    width: 100%;
    display: inline-block; }
  .section-2 .introduce-params .param-data {
    color: #242424;
    font-size: 2.34vw;
    line-height: 2.6vw;
    margin-bottom: 0.8vw; }
  .section-2 .introduce-params .param-desc {
    color: #242424;
    font-size: 1.56vw;
    line-height: 2vw;
    position: relative; }
  .section-2 .design-imgbox4 .params-item {
    width: 26vw; }
  .section-2 .introduce-params span i {
    display: inline-block;
    width: 2.6vw;
    height: 2.6vw;
    margin-right: 0.5vw;
    position: relative;
    top: 0.4vw; }
  .section-2 .design-imgbox .icon-black {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEV0Uk5T/plJtYyy2tvw8aChKili1dQLaLNKtI2xvdBuPv12j11VQwGd48AeRuy44iNAEPVhUx+FNS8OcHl3yfLTpMzp/AyYCVsAgHPYWgAAAidJREFUSMetlmdjsjAUhdPh1qp14VaqolIEtXUP1vn/f+kloWodzL7nUwj3ISHJzT3EvJNer2lcNA4kYpxWq+v3EeTmmS+2qrhStVXkXaG8XLLCGpVmu5uWpEy33aw0rI6SrDpDSgEYJjtXE9I7qSFQUBwgsTwBZur9L6gzYFIWH0HCCNCm5kNNNWAk3ENGDuNP01GfY2SNW+ith/7g1Pm12O0Px+Nhv1t8nfoGffTeriGjh4+fnu/V9veKb1ffPy8+0DN+Q0L2zCw3uNFmeaZywgUSR+jb/fM1Hmg9t9/2MRLPUBlj+38MOMie12CM1xOkTGCv2zsc9W6vISaKDakFaO7jXMbSEMkzSAbYns7hKvZfU0CmEF/CjH1l7Q6tWdAMJd6Cihiy87aEh9jKq0M8W1ALKbanGy9ow3Y5iZZJ9Co69GEFT61oXAdVndTRYPmz9Ya2LL8aqJMaKuyMwofY6a2gRjQ0aXPhB1rQyCY0wqFNmzs/0I5GtsGRGLq0ufcD7WlkF1GSQIY2D36gA41MI04AiTaPfqAjjZSAcFAc6WDTyyBBosEXIhZuyUNs7lO4YxTqwIZKDSsJk0GSMEWTMHi6F0NcLC982CvMzEeCXJYFNfy17KMAkHMBKP+t1JhCzl9Rywp/LZ/hCrU1VtbLEuSM/2M+vGzOq+hmqFK3hippGaqI4mzdVPnlZN0ykpS+WLd8YJP4zHs4S9uOPnGxBBCPOtjRf16yn+TFObnlAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox .icon-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAOdQTFRFKpr/K53/K5v/LJv/Kp3/Kpv/LJ3/K5z/K5v/HI7/K5z/HKr/K53/K5z/LJz/K5z/K5z/K5v/K5j/LJv/Kpz/K5z/K5z/K5z/K53/Kpv/Kp7/LqL/Kpr/K5v/Kpv/KZv/K5z/K5z/KZz/K5v/K5z/K5z/K5z/Oar/K5v/LJz/Kpz/Kpz/AP//K5z/LJz/K5v/LJ3/K5n/K5z/K5v/LJn/LJv/MJ//K5z/K53/KZz/Kp3/K5r/K53/JJL/K5v/Kpz/K5z/K5z/K5z/LJz/LJv/K5z/K53/K5z/K5X/LJz/Kp3/AAAAK5z/VpwmpgAAAEx0Uk5TW/6Zbkm1jLK9CdoJvdvw8aChKili1dTi4mFhC2izbkq0jT79sdB2CY9dVUMB453ARh7suCNAEPVTH4U1Lw5weXfJ8tOkzOn8DJhbAFzuGAsAAAJBSURBVEjHrZblYsIwFIUzxX34cBk6iqzYhkvlvP/zrEmBMaC6nV/p7f0IvckVIl/JVcyKTrcfCPi8YrboufYgF8+tXK2CX6rUci1dKJ3MK26lcrXeDPN8pFmvlkuKIZ8StKFRBugFG2/ntrdGqAdkRhrQoDAEJsL1JwgTYFgY3IK4PiCO5Zsai0Cfu4akGBIfsqY+4ohKl9BLG53u0fg522x3+/1uu5l9Hm3dDtovvyGpjfeD5WuxPo/4evF1ePGONjmHuOiJma9wodX8RMW4H2jQR0e1T5e4oeVUfdtBf3CCCoir3yNBQ2oMugk8H6HREGrcXqGpVzWGGI5USMhA1N/nZy8RjjSDUgA70yl0xb5rDCQp1Mpjwn5lqQ8tmdME+ZYC5dBj920OA7HICz08KlANIXamKyNoxU45iJpMPBU06MMChlpQvwYqLlJEieXP2hhas/wqoUiyKLM7ChNit7eMLBFRpcuZGWhGPasQiRd1utyYgTbUsw4n8aFJl1sz0JZ6NuEmAUTocmcG2lHPMPwE4OlybwbaU08esAf5Ebb29yIIELf1QPiI03rIvXYO997ONXqwd2Fd1lPDQ5MwaCUJQzQJrad7zkZheaKFRU5aK2EpVvfSDivFMiPYL8u0AST0G8DdoQHEUfhbq5G5mLmmFuVstE/p741a2SuKuN5IkEBM+p/hw2jMeR7oDVShy4EqqAxUjpH26Cakno6jW4Tnw6fRLZm2PCQ+tgwmS0We4sO91xcA/G6nMo66rj2+AYgA5joa5bkTAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-3 {
    height: auto;
    background: #ffffff; }
  .section-3 .introduce {
    margin-bottom: 10.9vw; }
  .section-3 .big-title {
    margin-bottom: 2vh; }
  .section-3 .btitle-text {
    text-indent: -0.6vw;
    font-size: 11.6vw;
    letter-spacing: -0.35vw; }
  .section-3 .btitle-text .btitle-text-jbs {
    color: #000000;
    line-height: 83vh;
    background: linear-gradient(243deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .btitle-text .btitle-text-jbs {
    background: transparent; }
  .section-3 .btitle-tit {
    color: #000000;
    margin-top: 2vw; }
  .section-3 .ready-fabox {
    width: 86.2vw;
    height: auto;
    margin: 0 auto 20vw;
    position: relative; }
  .section-3 .ready-fabox .title {
    width: 81vw;
    color: #000000;
    padding-left: 4.6vw;
    margin-bottom: 1vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .m-title {
    width: 81vw;
    color: #000000;
    padding-left: 4.6vw;
    margin-bottom: 4vw;
    position: relative;
    z-index: 11;
    font-size: 3.51vw;
    line-height: 5vw; }
  .section-3 .ready-fabox .description {
    width: 81vw;
    color: #000000;
    padding-left: 4.6vw;
    margin-bottom: 4vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .introduce-params {
    height: 8vw;
    padding-left: 4.6vw;
    position: relative;
    z-index: 11;
    opacity: 0; }
  .section-3 .ready-fabox .introduce-params.on {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-3 .ready-fabox .params-item {
    width: 19.6vw;
    float: left;
    position: relative;
    padding-top: 4.6vw; }
  .section-3 .ready-fabox .params-item span {
    width: 100%;
    display: inline-block; }
  .section-3 .ready-fabox .params-item .param-data {
    color: #000000;
    font-size: 1.56vw;
    line-height: 2.8vw;
    margin-bottom: 1vw; }
  .section-3 .ready-fabox .params-item1 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item2 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item .param-desc {
    color: #000000;
    font-size: 2.34vw;
    line-height: 3.8vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .ready-fabox .s3-ready {
    display: block;
    width: 86.2vw;
    height: 42.1875vw;
    margin-bottom: 4vw; }
  .section-3 .power-box {
    width: 100vw;
    height: 72vw;
    position: relative; }
  .section-3 .power-box .power-title {
    width: 100vw;
    height: 20vw;
    margin: 0 auto;
    font-size: 16.93vw;
    line-height: 16vw;
    text-align: center; }
  .section-3 .power-box .power-title span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-title span {
    background: transparent; }
  .section-3 .power-box .power-tit {
    width: 10vw;
    font-size: 2.34vw;
    height: 4vw;
    line-height: 4vw;
    margin: -2.3vw 0 8.8vw 6.7vw; }
  .section-3 .power-box .power-tit span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #6468ff, #6c80ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-tit span {
    background: transparent; }
  .section-3 .power-box .title {
    width: 76.5vw;
    color: #242424;
    margin-left: 11.2vw;
    margin-bottom: 1.8vw; }
  .section-3 .power-box .description {
    width: 72vw;
    color: #242424;
    margin-left: 11.2vw; }
  .section-3 .power-box .s3-power {
    display: block;
    width: 65.88vw;
    height: 21.74vw;
    position: absolute;
    top: 12.8vw;
    left: 50%;
    margin-left: -32.94vw;
    z-index: 2;
    opacity: 0; }
  .section-3 .power-box .s3-power.on {
    -webkit-animation: fadeInDown 0.8s 0.4s forwards;
            animation: fadeInDown 0.8s 0.4s forwards; }
  .section-3 .easier-box {
    width: 100vw;
    height: 300vw;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
  .section-3 .easier-main {
    width: 100vw;
    height: 76vw; }
  .section-3 .easier-box .sec-fixed {
    width: 100vw;
    height: 76vw;
    position: absolute; }
  .section-3 .easier-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .easier-mbox {
    height: 76vw;
    opacity: 0;
    padding-left: 11.2vw; }
  .section-3 .easier-mbox.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .easier-box .easier-color {
    width: 80vw;
    font-size: 3.51vw;
    line-height: 4.6vw;
    margin-bottom: 1.2vw;
    font-weight: bold; }
  .section-3 .easier-box .easier-color span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(259deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .easier-box .easier-color span {
    background: transparent; }
  .section-3 .easier-box .title {
    width: 80vw;
    color: #242424;
    margin-bottom: 8vw; }
  .section-3 .easier-box .easier-change {
    width: 77.6vw;
    position: relative; }
  .section-3 .easier-box .easier-bg {
    width: 26.95vw;
    height: 54.56vw;
    position: absolute;
    top: 0;
    left: 6.2vw;
    z-index: 11; }
  .section-3 .easier-box .easier-bg img {
    display: block;
    width: 26.95vw; }
  .section-3 .easier-box .easier-img {
    width: 24.34vw;
    height: 52.34vw;
    overflow: hidden;
    position: absolute;
    top: 1.11vw;
    left: 7.5vw; }
  .section-3 .easier-box .s3-easier {
    width: 24.34vw;
    height: 52.34vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0px, 24.34vw, 52.34vw, 24.34vw);
    -webkit-transform: translateX(10%) scale(1.1);
            transform: translateX(10%) scale(1.1);
    transition: all 1s; }
  .section-3 .easier-box .s3-easier1 {
    opacity: 1;
    clip: rect(0px, 24.34vw, 52.34vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .s3-easier.on {
    opacity: 1;
    clip: rect(0px, 24.34vw, 52.34vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .easier-text {
    width: 37vw;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 11.3vw;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-3 .easier-box .easier-text.on {
    opacity: 1; }
  .section-3 .easier-box .mtitle {
    width: 100%;
    font-size: 3.125vw;
    line-height: 3vw;
    color: #242424;
    margin-bottom: 0.8vw; }
  .section-3 .easier-box .description {
    width: 40vw;
    color: #242424; }
  .section-3 .ears-box {
    width: 77.6vw;
    height: 92.5vw;
    margin: 0 auto;
    position: relative; }
  .section-3 .ears-box .sec-fixed {
    width: 75.6vw;
    height: 80.5vw; }
  .section-3 .ears-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .ears-main {
    width: 77.6vw;
    height: 80.5vw;
    opacity: 0; }
  .section-3 .ears-main.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .ears-box .title {
    width: 77.6vw;
    color: #242424;
    margin-bottom: 4.2vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title {
    width: 77.6vw;
    font-size: 2.34vw;
    line-height: 3.6vw;
    margin-bottom: 2.5vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title span {
    display: inline-block;
    color: #242424;
    background: linear-gradient(256deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .ears-box .m-title span {
    background: transparent; }
  .section-3 .ears-box .description {
    width: 77.6vw;
    color: #242424;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .s3-ears {
    display: block;
    width: 68.22917vw;
    height: 46.22396vw;
    position: relative;
    top: 8vw;
    left: 8.4vw; }
  .section-3 .ears-box .s3-ears img {
    display: block;
    width: 68.22917vw; }
  .section-4 {
    height: auto;
    background: #000000; }
  .section-4 .introduce {
    height: auto;
    padding-bottom: 100px; }
  .section-4 .btitle-text {
    margin-bottom: 12vh;
    text-indent: -0.8vw;
    margin: 0 auto;
    letter-spacing: -1vw; }
  .section-4 .btitle-text .btitle-text-jbs {
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .btitle-text .btitle-text-jbs {
    background: transparent; }
  .section-4 .btitle-tit {
    margin-top: 7vw; }
  .section-4 .btitle-tit .btitle-tit-jbs {
    color: #ffffff;
    background: linear-gradient(216deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .section-4 .ai-camera {
    width: 100vw;
    height: 79vw;
    margin: 0 auto;
    padding-top: 9vw;
    position: relative; }
  .section-4 .ai-camera .title {
    width: 55.1vw;
    margin: 0 0 6vw 17vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title {
    width: 65.1vw;
    font-size: 2.34vw;
    line-height: 3.6vw;
    margin: 0 auto 3.5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title span {
    display: inline-block;
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .ai-camera .m-title span {
    background: transparent; }
  .section-4 .ai-camera .description {
    width: 65.1vw;
    margin: 0 auto;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .s4-aicamera {
    width: 101vw;
    height: 59.3vw;
    position: absolute;
    top: -4.8vw;
    left: -1vw; }
  .section-4 .camera-main {
    width: 65.1vw;
    height: 320vw;
    margin: 0 auto; }
  .section-4 .camera-main.relative {
    position: relative; }
  .section-4 .sec-fixed {
    width: 65.1vw;
    height: 63.8vw;
    position: absolute; }
  .section-4 .sec-fixed.fixed {
    position: fixed; }
  .section-4 .camera-box {
    width: 65.1vw;
    height: 63.8vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -32.55vw;
    overflow: hidden; }
  .section-4 .camera-imgbox {
    width: 46.88vw;
    height: 63.8vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -23.44vw;
    opacity: 0; }
  .section-4 .camera-imgbox.on {
    opacity: 1; }
  .section-4 .camera-imgbox1 {
    z-index: 33; }
  .section-4 .camera-imgbox2 {
    z-index: 11; }
  .section-4 .camera-hidimg {
    width: 46.88vw;
    height: 63.8vw;
    overflow: hidden;
    border-radius: 2.6vw;
    position: absolute; }
  .section-4 .s4-phone {
    display: block;
    width: 46.88vw;
    height: 63.8vw;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section-4 .s4-phone img {
    display: block;
    width: 46.88vw; }
  .section-4 .camera-tbox {
    width: 62vw;
    position: absolute;
    top: 63.8vw;
    left: 0;
    z-index: 55; }
  .section-4 .camera-box .title {
    width: 100%;
    margin-bottom: 4.5vw; }
  .section-4 .camera-box .m-title {
    width: 100%;
    font-size: 2.34vw;
    line-height: 3.36vw;
    color: #FFFFFF; }
  .section-4 .camera-box .description {
    width: 100%;
    padding-top: 2.2vw; }
  .section-4 .camera-tbox1 .title {
    width: 40vw; }
  .section-4 .camera-tbox1 .description {
    width: 45vw; }
  .section-4 .camera-tbox2 .description {
    width: 47vw; }
  .section-5 {
    height: auto;
    background: #F1F1F1;
    border: 1px solid #979797; }
  .section-5 .introduce {
    padding: 20vw 0; }
  .section-5 .title {
    margin-bottom: 5vw;
    text-align: center;
    color: #242424; }
  .section-5 .description {
    width: 69vw;
    line-height: 4vw;
    margin: 0 auto;
    color: #242424;
    margin-bottom: 9.5vw;
    text-align: center; }
  .section-5 .description-tit {
    font-size: 2.34vw;
    line-height: 4vw; }
  .section-5 .introduce-params {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 11;
    overflow: hidden;
    text-align: center;
    padding-left: 11vw; }
  .section-5 .params-item {
    width: 28vw;
    display: inline-block;
    margin-bottom: 2vw;
    padding-right: 2vw;
    height: 13vw;
    float: left; }
  .section-5 .params-item span {
    width: 100%;
    display: inline-block;
    text-align: left; }
  .section-5 .params-item .param-desc {
    color: #242424;
    font-size: 1.56vw;
    line-height: 1.8vw; }
  .section-5 .params-item .param-data {
    width: auto;
    color: #242424;
    float: left;
    font-size: 4.687vw;
    line-height: 5.6vw;
    margin-bottom: 1vw; }
  .section-5 .params-item .param-data1 {
    background: linear-gradient(240deg, #7babff 0%, #6a72f1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data2 {
    background: linear-gradient(240deg, #8ae1fc 0%, #8ecefa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data3 {
    background: linear-gradient(240deg, #8afef3 0%, #8dedeb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data4 {
    background: linear-gradient(240deg, #8cd4fa 0%, #769eff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data5 {
    background: linear-gradient(240deg, #88f2f2 0%, #8cd8fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item4 {
    margin-left: 12vw; }
  .ie-class .section-5 .params-item .param-data {
    background: transparent; }
  .font-text-right .section-2 .introduce-params {
    padding-left: 0;
    padding-right: 2.1vw; }
  .font-text-right .section-2 .introduce-params .params-item {
    float: right; }
  .font-text-right .section-3 .ready-fabox .introduce-params {
    padding-left: 0.8vw; }
  .font-text-right .section-3 .power-box .description {
    width: 76.5vw; }
  .font-text-right .section-3 .easier-box .description {
    width: 100%; }
  .font-text-right .section-3 .easier-box .easier-color {
    width: 78vw; }
  .font-text-right .section-3 .easier-box .title {
    width: 78vw; }
  .font-text-right .section-4 .ai-camera .title {
    width: 60vw;
    margin-left: 10vw; }
  .font-text-right .section-4 .ai-camera .m-title {
    width: 60vw;
    margin-left: 10vw; }
  .font-text-right .section-4 .ai-camera .description {
    width: 60vw;
    margin-left: 10vw; }
  .font-text-right .section-4 .camera-tbox {
    width: 34vw;
    left: auto;
    right: 0; }
  .font-text-right .section-4 .camera-tbox1 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .title br {
    display: none !important; }
  .font-text-right .section-4 .camera-tbox1 .m-title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox3 .description {
    width: 25vw;
    float: right; } }

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .pc-show {
    display: none !important; }
  .h5-show {
    display: block !important; }
  .wrapper {
    position: relative;
    width: 100vw;
    height: 100%;
    margin: 0 auto; }
  .section {
    width: 100%;
    overflow: hidden;
    z-index: 11;
    position: relative; }
  .introduce {
    position: relative;
    z-index: 2; }
  .introduce .title {
    color: #fff;
    font-size: 3vw;
    line-height: 4.5vw; }
  .introduce .description {
    color: #fff;
    font-size: 1.1vw;
    line-height: 2vw; }
  .introduce .introduce-params {
    position: relative;
    z-index: 2; }
  .introduce .big-title {
    width: 100%;
    height: 88vh;
    position: relative;
    text-align: center;
    margin-bottom: 8vh; }
  .introduce .btitle-text {
    width: 100vw;
    font-size: 20.51vw;
    line-height: 80vh; }
  .introduce .btitle-text .btitle-text-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-text .btitle-text-jbs {
    background: transparent; }
  .introduce .btitle-tit {
    width: 100%;
    height: 2vw;
    font-size: 1.17vw;
    letter-spacing: 0;
    line-height: 2vw;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 15vw; }
  .introduce .btitle-tit .btitle-tit-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .sec-fixed.fixed {
    position: fixed; }
  .section-1 {
    height: 100vh; }
  .section-1 .sec-fixed {
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed; }
  .section-1 .phone-show {
    display: block;
    width: 29.6875vw;
    height: 43.01758vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17.84vw;
    margin-top: -25.5vw;
    -webkit-animation: fadeInDown 1.6s 0.4s both;
            animation: fadeInDown 1.6s 0.4s both; }
  .section-1 .phone-show img {
    display: block;
    width: 29.6875vw; }
  .section-1 .sec1-tbg {
    width: 88.28125vw;
    height: 15.42969vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -44.14062vw;
    margin-top: -18.6vw; }
  .section-1 .sec1-tbg img {
    display: block;
    width: 88.28125vw; }
  .section-1 .sec1-tit {
    width: 87.3vw;
    height: 2vw;
    font-size: 1.75vw;
    line-height: 2vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 7vw;
    margin-top: -22.6vw; }
  .section-1 .sec1-text {
    width: 100%;
    height: 7vw;
    font-size: 1.17vw;
    line-height: 1.8vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: 5.6vw;
    margin-top: -1vw;
    text-align: right; }
  .section-2 {
    height: auto;
    background: #000000; }
  .section-2 .introduce {
    margin-bottom: 8vw; }
  .section-2 .introduce .description br {
    font-size: 0; }
  .section-2 .btitle-text {
    text-indent: -1.4vw;
    letter-spacing: -1vw; }
  .section-2 .btitle-text .btitle-text-jbs {
    color: #FFFFFF;
    background: linear-gradient(255deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .btitle-tit .btitle-tit-jbs {
    color: #FFFFFF;
    background: linear-gradient(258deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .design-main {
    width: 70.3vw;
    height: 220vw;
    position: relative;
    margin: 0 auto; }
  .section-2 .sec-fixed {
    width: 70.3vw;
    height: 60vw; }
  .section-2 .sec-fixed.fixed {
    position: fixed; }
  .section-2 .design-box {
    width: 70.3vw;
    height: 60vw;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .section-2 .design-box.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-2 .design-tbox {
    width: 70.3vw;
    height: 17vw;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 22; }
  .section-2 .design-tbox.on {
    opacity: 1; }
  .section-2 .title {
    width: 36vw;
    float: left; }
  .section-2 .description {
    width: 34vw;
    float: right;
    padding-top: 1vw; }
  .section-2 .design-tbox2 .title {
    width: 26vw; }
  .section-2 .design-tbox4 .title {
    width: 39vw; }
  .section-2 .design-tbox4 .description {
    width: 28vw; }
  .section-2 .design-ibottom {
    width: 75.2vw;
    height: 47.85vw;
    position: absolute;
    top: 14.56vw;
    left: 50%;
    margin-left: -37.6vw;
    overflow: hidden; }
  .section-2 .s2-pmask {
    width: 75.2vw;
    height: 47.85vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37.6vw;
    margin-top: -23.925vw;
    z-index: 11; }
  .section-2 .s2-pmask img {
    width: 75.2vw;
    height: 47.85vw; }
  .section-2 .design-imgbox {
    width: 70.3vw;
    height: 42.97vw;
    position: absolute;
    top: 2.44vw;
    left: 50%;
    margin-left: -35.15vw; }
  .section-2 .phone-text {
    width: 68vw;
    color: #242424;
    font-size: 2.2vw;
    line-height: 3.3vw;
    padding-top: 1.6vw;
    padding-left: 2vw;
    margin-bottom: 0.8vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .phone-text {
    opacity: 1; }
  .section-2 .design-imgbox2 .phone-text {
    width: 27vw; }
  .section-2 .s2-phone-ibox {
    width: 70.3vw;
    height: 42.97vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(0px, 70.3vw, 42.97vw, 70.3vw);
    -webkit-transform: translateX(5%) scale(1.1);
            transform: translateX(5%) scale(1.1);
    transition: all 1s;
    z-index: 2; }
  .section-2 .design-imgbox1 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 70.3vw, 42.97vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone-ibox.on {
    opacity: 1;
    clip: rect(0px, 70.3vw, 42.97vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone {
    width: 70.3vw;
    height: 42.97vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
  .section-2 .s2-phone img {
    display: block;
    width: 70.3vw;
    height: 42.97vw; }
  .section-2 .introduce-params {
    padding-left: 2vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .introduce-params {
    opacity: 1; }
  .section-2 .design-imgbox3 .introduce-params .params-item {
    float: left; }
  .section-2 .introduce-params span {
    width: 100%;
    display: inline-block; }
  .section-2 .introduce-params .param-data {
    color: #242424;
    font-size: 2.08vw;
    line-height: 2.8vw;
    margin-bottom: 0.6vw; }
  .section-2 .introduce-params .param-desc {
    color: #242424;
    font-size: 1.04vw;
    line-height: 1.8vw;
    position: relative; }
  .section-2 .introduce-params span i {
    display: inline-block;
    width: 1.95vw;
    height: 1.95vw;
    margin-right: 0.5vw;
    position: relative;
    top: 0.35vw; }
  .section-2 .design-imgbox .icon-black {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEV0Uk5T/plJtYyy2tvw8aChKili1dQLaLNKtI2xvdBuPv12j11VQwGd48AeRuy44iNAEPVhUx+FNS8OcHl3yfLTpMzp/AyYCVsAgHPYWgAAAidJREFUSMetlmdjsjAUhdPh1qp14VaqolIEtXUP1vn/f+kloWodzL7nUwj3ISHJzT3EvJNer2lcNA4kYpxWq+v3EeTmmS+2qrhStVXkXaG8XLLCGpVmu5uWpEy33aw0rI6SrDpDSgEYJjtXE9I7qSFQUBwgsTwBZur9L6gzYFIWH0HCCNCm5kNNNWAk3ENGDuNP01GfY2SNW+ith/7g1Pm12O0Px+Nhv1t8nfoGffTeriGjh4+fnu/V9veKb1ffPy8+0DN+Q0L2zCw3uNFmeaZywgUSR+jb/fM1Hmg9t9/2MRLPUBlj+38MOMie12CM1xOkTGCv2zsc9W6vISaKDakFaO7jXMbSEMkzSAbYns7hKvZfU0CmEF/CjH1l7Q6tWdAMJd6Cihiy87aEh9jKq0M8W1ALKbanGy9ow3Y5iZZJ9Co69GEFT61oXAdVndTRYPmz9Ya2LL8aqJMaKuyMwofY6a2gRjQ0aXPhB1rQyCY0wqFNmzs/0I5GtsGRGLq0ufcD7WlkF1GSQIY2D36gA41MI04AiTaPfqAjjZSAcFAc6WDTyyBBosEXIhZuyUNs7lO4YxTqwIZKDSsJk0GSMEWTMHi6F0NcLC982CvMzEeCXJYFNfy17KMAkHMBKP+t1JhCzl9Rywp/LZ/hCrU1VtbLEuSM/2M+vGzOq+hmqFK3hippGaqI4mzdVPnlZN0ykpS+WLd8YJP4zHs4S9uOPnGxBBCPOtjRf16yn+TFObnlAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox .icon-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAOdQTFRFKpr/K53/K5v/LJv/Kp3/Kpv/LJ3/K5z/K5v/HI7/K5z/HKr/K53/K5z/LJz/K5z/K5z/K5v/K5j/LJv/Kpz/K5z/K5z/K5z/K53/Kpv/Kp7/LqL/Kpr/K5v/Kpv/KZv/K5z/K5z/KZz/K5v/K5z/K5z/K5z/Oar/K5v/LJz/Kpz/Kpz/AP//K5z/LJz/K5v/LJ3/K5n/K5z/K5v/LJn/LJv/MJ//K5z/K53/KZz/Kp3/K5r/K53/JJL/K5v/Kpz/K5z/K5z/K5z/LJz/LJv/K5z/K53/K5z/K5X/LJz/Kp3/AAAAK5z/VpwmpgAAAEx0Uk5TW/6Zbkm1jLK9CdoJvdvw8aChKili1dTi4mFhC2izbkq0jT79sdB2CY9dVUMB453ARh7suCNAEPVTH4U1Lw5weXfJ8tOkzOn8DJhbAFzuGAsAAAJBSURBVEjHrZblYsIwFIUzxX34cBk6iqzYhkvlvP/zrEmBMaC6nV/p7f0IvckVIl/JVcyKTrcfCPi8YrboufYgF8+tXK2CX6rUci1dKJ3MK26lcrXeDPN8pFmvlkuKIZ8StKFRBugFG2/ntrdGqAdkRhrQoDAEJsL1JwgTYFgY3IK4PiCO5Zsai0Cfu4akGBIfsqY+4ohKl9BLG53u0fg522x3+/1uu5l9Hm3dDtovvyGpjfeD5WuxPo/4evF1ePGONjmHuOiJma9wodX8RMW4H2jQR0e1T5e4oeVUfdtBf3CCCoir3yNBQ2oMugk8H6HREGrcXqGpVzWGGI5USMhA1N/nZy8RjjSDUgA70yl0xb5rDCQp1Mpjwn5lqQ8tmdME+ZYC5dBj920OA7HICz08KlANIXamKyNoxU45iJpMPBU06MMChlpQvwYqLlJEieXP2hhas/wqoUiyKLM7ChNit7eMLBFRpcuZGWhGPasQiRd1utyYgTbUsw4n8aFJl1sz0JZ6NuEmAUTocmcG2lHPMPwE4OlybwbaU08esAf5Ebb29yIIELf1QPiI03rIvXYO997ONXqwd2Fd1lPDQ5MwaCUJQzQJrad7zkZheaKFRU5aK2EpVvfSDivFMiPYL8u0AST0G8DdoQHEUfhbq5G5mLmmFuVstE/p741a2SuKuN5IkEBM+p/hw2jMeR7oDVShy4EqqAxUjpH26Cakno6jW4Tnw6fRLZm2PCQ+tgwmS0We4sO91xcA/G6nMo66rj2+AYgA5joa5bkTAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox4 .phone-text {
    width: 40vw; }
  .section-3 {
    height: auto;
    background: #ffffff; }
  .section-3 .introduce {
    margin-bottom: 10.9vw; }
  .section-3 .big-title {
    margin-bottom: 2vh; }
  .section-3 .btitle-text {
    text-indent: -0.6vw;
    font-size: 13.4vw;
    letter-spacing: -0.35vw; }
  .section-3 .btitle-text .btitle-text-jbs {
    color: #000000;
    background: linear-gradient(243deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-3 .btitle-tit {
    color: #000000;
    margin-top: 6.8vw; }
  .section-3 .ready-fabox {
    width: 88.96484vw;
    height: 54vw;
    margin: 0 auto 16.3vw;
    position: relative; }
  .section-3 .ready-fabox .title {
    width: 84vw;
    color: #FFFFFF;
    padding-top: 12.2vw;
    padding-left: 9vw;
    margin-bottom: 2.6vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .m-title {
    width: 84vw;
    color: #FFFFFF;
    padding-left: 9vw;
    margin-bottom: 1.9vw;
    position: relative;
    z-index: 11;
    font-size: 2.63vw;
    line-height: 3.2vw; }
  .section-3 .ready-fabox .description {
    width: 84vw;
    color: #FFFFFF;
    padding-left: 9vw;
    margin-bottom: 17.6vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .introduce-params {
    padding-left: 4.2vw;
    position: relative;
    z-index: 11;
    opacity: 0; }
  .section-3 .ready-fabox .introduce-params.on {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-3 .ready-fabox .params-item {
    width: 18vw;
    float: left;
    margin-right: 5.7vw;
    position: relative;
    padding-top: 4.2vw; }
  .section-3 .ready-fabox .params-item1 {
    width: 16vw; }
  .section-3 .ready-fabox .params-item3 {
    width: 12vw; }
  .section-3 .ready-fabox .params-item4 {
    width: 15vw; }
  .section-3 .ready-fabox .params-item span {
    width: 100%;
    display: inline-block; }
  .section-3 .ready-fabox .params-item .param-data {
    color: #242424;
    font-size: 1.17vw;
    line-height: 2vw;
    margin-bottom: 0.8vw; }
  .section-3 .ready-fabox .params-item1 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item2 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item .param-desc {
    color: #242424;
    font-size: 3vw;
    line-height: 3.2vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .ready-fabox .s3-ready {
    display: block;
    width: 88.96484vw;
    height: 43.55469vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .power-box {
    width: 100%;
    height: 58vw;
    position: relative; }
  .section-3 .power-box .power-title {
    width: 100vw;
    height: 20vw;
    text-indent: -0.4vw;
    font-size: 17.58vw;
    margin: 0 auto;
    position: relative;
    line-height: 16vw;
    letter-spacing: -0.2vw;
    text-align: center; }
  .section-3 .power-box .power-title span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-title span {
    background: transparent; }
  .section-3 .power-box .power-tit {
    width: 10vw;
    font-size: 2.34vw;
    height: 3.5vw;
    line-height: 3.2vw;
    margin: -1vw 0 8.2vw 6vw; }
  .section-3 .power-box .power-tit span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #6468ff, #6c80ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-tit span {
    background: transparent; }
  .section-3 .power-box .title {
    width: 75vw;
    padding-left: 10vw;
    color: #242424;
    margin-bottom: 1.4vw; }
  .section-3 .power-box .description {
    width: 75vw;
    padding-left: 10vw;
    color: #242424; }
  .section-3 .power-box .s3-power {
    display: block;
    width: 68.94vw;
    height: 22.754vw;
    position: absolute;
    top: 13vw;
    left: 50%;
    margin-left: -34.47vw;
    z-index: 2;
    opacity: 0; }
  .section-3 .power-box .s3-power.on {
    -webkit-animation: fadeInDown 0.8s 0.4s forwards;
            animation: fadeInDown 0.8s 0.4s forwards; }
  .section-3 .easier-box {
    width: 100%;
    height: 240vw;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
  .section-3 .easier-main {
    width: 88.28vw;
    height: 53.52vw;
    margin: 0 auto; }
  .section-3 .easier-box .sec-fixed {
    width: 88.28vw;
    height: 53.52vw;
    position: absolute; }
  .section-3 .easier-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .easier-mbox {
    width: 88.28vw;
    height: 38.3vw;
    opacity: 0; }
  .section-3 .easier-mbox.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .easier-box .easier-color {
    width: 25vw;
    font-size: 2.63vw;
    line-height: 3vw;
    margin-bottom: 0.6vw;
    padding-top: 16.3vw;
    font-weight: bold; }
  .section-3 .easier-box .easier-color span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(259deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .easier-box .easier-color span {
    background: transparent; }
  .section-3 .easier-box .title {
    width: 25vw;
    color: #242424; }
  .section-3 .easier-box .easier-change {
    width: 58.5vw;
    position: absolute;
    top: 0;
    right: 0; }
  .section-3 .easier-box .easier-bg {
    width: 26.27vw;
    height: 53.52vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11; }
  .section-3 .easier-box .easier-bg img {
    display: block;
    width: 26.27vw; }
  .section-3 .easier-box .easier-img {
    width: 23.92vw;
    height: 51.46vw;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 1.02vw;
    left: 1.03vw; }
  .section-3 .easier-box .s3-easier {
    width: 23.92vw;
    height: 51.46vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0px, 23.92vw, 51.46vw, 23.92vw);
    -webkit-transform: translateX(5%) scale(1.1);
            transform: translateX(5%) scale(1.1);
    transition: all 1s; }
  .section-3 .easier-box .s3-easier1 {
    opacity: 1;
    clip: rect(0px, 23.92vw, 51.46vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .s3-easier.on {
    opacity: 1;
    clip: rect(0px, 23.92vw, 51.46vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .easier-text {
    width: 31.2vw;
    position: absolute;
    top: 0;
    right: -3.5vw;
    padding-top: 16vw;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-3 .easier-box .easier-text.on {
    opacity: 1; }
  .section-3 .easier-box .mtitle {
    width: 31.2vw;
    font-size: 3.3vw;
    line-height: 4vw;
    color: #242424;
    margin-bottom: 1.8vw; }
  .section-3 .easier-box .description {
    width: 30vw;
    color: #242424; }
  .section-3 .ears-box {
    width: 100vw;
    height: 56.1vw;
    position: relative; }
  .section-3 .ears-box .sec-fixed {
    width: 100vw;
    height: 56.1vw; }
  .section-3 .ears-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .ears-main {
    width: 100vw;
    height: 44.5vw;
    opacity: 0; }
  .section-3 .ears-main.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .ears-box .title {
    width: 45vw;
    color: #242424;
    padding-top: 16.2vw;
    padding-left: 5.2vw;
    margin-bottom: 2vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .description {
    width: 45vw;
    color: #242424;
    padding-left: 5.2vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title {
    width: 39.8vw;
    font-size: 1.76vw;
    line-height: 3.36vw;
    margin-left: 5.2vw;
    margin-bottom: 1vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title span {
    display: inline-block;
    color: #242424;
    background: linear-gradient(256deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .ears-box .m-title span {
    background: transparent; }
  .section-3 .ears-box .s3-ears {
    display: block;
    width: 53.22266vw;
    height: 36.03516vw;
    position: absolute;
    top: 16vw;
    right: 1vw; }
  .section-3 .ears-box .s3-ears img {
    display: block;
    width: 53.22266vw;
    height: 36.03516vw; }
  .section-4 {
    height: auto;
    background: #000000; }
  .section-4 .introduce {
    height: auto;
    padding-bottom: 100px; }
  .section-4 .btitle-text {
    margin-bottom: 12vh;
    text-indent: -0.8vw;
    letter-spacing: -1vw; }
  .section-4 .btitle-text .btitle-text-jbs {
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .btitle-tit {
    margin-top: 10vw; }
  .section-4 .btitle-tit .btitle-tit-jbs {
    color: #ffffff;
    background: linear-gradient(216deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .ai-camera {
    width: 70.3vw;
    height: 78vw;
    margin: 0 auto;
    padding-top: 10.5vw;
    position: relative; }
  .section-4 .ai-camera .title {
    width: 45vw;
    margin-bottom: 5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title {
    width: 45vw;
    font-size: 1.76vw;
    line-height: 3.36vw;
    margin-bottom: 2.5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title span {
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .ai-camera .m-title span {
    background: transparent; }
  .section-4 .ai-camera .description {
    width: 45vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .s4-aicamera {
    width: 100vw;
    height: 71.29vw;
    position: absolute;
    top: -6.6vw;
    left: -14.85vw; }
  .section-4 .camera-main {
    width: 100vw;
    height: 280vw; }
  .section-4 .camera-main.relative {
    position: relative; }
  .section-4 .sec-fixed {
    width: 100vw;
    height: 60.55vw;
    position: absolute; }
  .section-4 .sec-fixed.fixed {
    position: fixed; }
  .section-4 .camera-box {
    width: 70.3vw;
    height: 60.55vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35.15vw;
    overflow: hidden; }
  .section-4 .camera-imgbox {
    width: 44.63vw;
    height: 60.55vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22.315vw;
    opacity: 0; }
  .section-4 .camera-imgbox.on {
    opacity: 1; }
  .section-4 .camera-imgbox1 {
    z-index: 33; }
  .section-4 .camera-imgbox2 {
    z-index: 11; }
  .section-4 .camera-hidimg {
    width: 44.63vw;
    height: 60.55vw;
    overflow: hidden;
    border-radius: 1.95vw;
    position: absolute; }
  .section-4 .s4-phone {
    display: block;
    width: 44.63vw;
    height: 60.55vw;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section-4 .s4-phone img {
    display: block;
    width: 44.63vw;
    height: 60.55vw; }
  .section-4 .camera-tbox {
    width: 34vw;
    position: absolute;
    top: 60.55vw;
    left: 0;
    z-index: 55; }
  .section-4 .camera-box .title {
    width: 100%;
    margin-bottom: 3vw; }
  .section-4 .camera-box .m-title {
    width: 100%;
    font-size: 1.75vw;
    line-height: 3.36vw;
    color: #FFFFFF; }
  .section-4 .camera-box .description {
    width: 100%;
    padding-top: 1vw; }
  .section-4 .camera-tbox1 .title {
    width: 31vw; }
  .section-4 .camera-tbox2 .title {
    width: 46vw; }
  .section-4 .camera-tbox1 .description {
    width: 34vw; }
  .section-4 .camera-tbox2 .description {
    width: 35vw; }
  .section-5 {
    height: auto;
    background: #F1F1F1;
    border: 1px solid #979797; }
  .section-5 .introduce {
    padding: 10vw 0; }
  .section-5 .title {
    margin-bottom: 6vw;
    text-align: center;
    color: #242424; }
  .section-5 .description {
    width: 76vw;
    line-height: 2.8vw;
    margin: 0 auto 6vw;
    color: #242424;
    text-align: center; }
  .section-5 .description-tit {
    font-size: 1.76vw;
    line-height: 2.8vw; }
  .section-5 .introduce-params {
    height: auto;
    padding-left: 5vw;
    position: relative;
    z-index: 11;
    overflow: hidden; }
  .section-5 .params-item {
    width: 18vw;
    float: left;
    padding-right: 1.8vw; }
  .section-5 .params-item span {
    width: 100%;
    display: inline-block; }
  .section-5 .params-item .param-desc {
    color: #242424;
    font-size: 1.17vw;
    line-height: 1.8vw; }
  .section-5 .params-item .param-data {
    width: auto;
    color: #242424;
    font-size: 3.5vw;
    line-height: 4.2vw;
    margin-bottom: 0.8vw; }
  .section-5 .params-item .param-data1 {
    background: linear-gradient(240deg, #6e84ff 0%, #6467ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data2 {
    background: linear-gradient(240deg, #83beff 0%, #78a1ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data3 {
    background: linear-gradient(240deg, #88dafb 0%, #88d0fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data4 {
    background: linear-gradient(240deg, #88edf6 0%, #88e2f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data5 {
    background: linear-gradient(240deg, #88fff1 0%, #88f5f4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-5 .params-item .param-data {
    background: transparent; }
  .font-text-right .section-2 .introduce-params {
    padding-left: 0;
    padding-right: 2.2vw; }
  .font-text-right .section-2 .introduce-params .params-item {
    float: right; }
  .font-text-right .section-2 .title {
    width: 35vw; }
  .font-text-right .section-2 .description {
    width: 34vw; }
  .font-text-right .section-2 .design-tbox2 .title {
    width: 35vw; }
  .font-text-right .section-2 .design-tbox4 .title {
    width: 35vw; }
  .font-text-right .section-2 .design-tbox4 .description {
    width: 34vw; }
  .font-text-right .section-3 .ready-fabox .introduce-params {
    padding-left: 3.5vw; }
  .font-text-right .section-3 .power-box .title {
    margin-left: 0;
    width: 84vw; }
  .font-text-right .section-3 .power-box .description {
    width: 84vw; }
  .font-text-right .section-3 .easier-box .easier-text {
    right: -1.5vw; }
  .font-text-right .section-3 .easier-box .description {
    width: 31.2vw; }
  .font-text-right .section-4 .camera-tbox {
    width: 35.2vw;
    left: auto;
    right: 0; }
  .font-text-right .section-4 .camera-tbox1 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox3 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .m-title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox3 .description {
    width: 28vw;
    float: right; }
  .font-text-right .section-5 .introduce-params {
    margin-left: -5.5vw; } }

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .pc-show {
    display: none !important; }
  .h5-show {
    display: block !important; }
  .block-1440 br {
    display: block !important; }
  .wrapper {
    position: relative;
    width: 69.4vw;
    height: 100%;
    margin: 0 auto; }
  .section {
    width: 100%;
    overflow: hidden;
    z-index: 11;
    position: relative; }
  .introduce {
    position: relative;
    z-index: 2; }
  .introduce .title {
    color: #fff;
    font-size: 2.7vw;
    line-height: 3.5vw; }
  .introduce .description {
    color: #fff;
    font-size: 1vw;
    line-height: 1.8vw; }
  .introduce .introduce-params {
    position: relative;
    z-index: 2; }
  .introduce .big-title {
    width: 100%;
    height: 98vh;
    position: relative;
    text-align: center;
    margin-bottom: 2vh; }
  .introduce .btitle-text {
    width: 100vw;
    margin-left: -15.3vw;
    font-size: 20.83vw;
    line-height: 90vh; }
  .introduce .btitle-text .btitle-text-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-text .btitle-text-jbs {
    background: transparent; }
  .introduce .btitle-tit {
    width: 100%;
    height: 2vw;
    font-size: 1.25vw;
    letter-spacing: 0;
    line-height: 2vw;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 15vw; }
  .introduce .btitle-tit .btitle-tit-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .sec-fixed.fixed {
    position: fixed; }
  .section-1 {
    height: 100vh; }
  .section-1 .sec-fixed {
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed; }
  .section-1 .sec1-tbg {
    width: 77.77778vw;
    height: 12.77778vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -38.88889vw;
    margin-top: -13.7vw; }
  .section-1 .sec1-tbg img {
    display: block;
    width: 77.77778vw; }
  .section-1 .sec1-tit {
    width: 77.5vw;
    height: 2vw;
    font-size: 1.87vw;
    line-height: 2vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: -3vw;
    margin-top: -17.5vw; }
  .section-1 .sec1-text {
    width: 100%;
    height: 7vw;
    font-size: 1.25vw;
    line-height: 2.2vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: -5vw;
    margin-top: 1.4vw;
    text-align: right;
    z-index: 11; }
  .section-1 .phone-show {
    display: block;
    width: 29.30556vw;
    height: 42.43056vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15.65vw;
    margin-top: -23.215vw;
    -webkit-animation: fadeInDown 1.6s 0.4s both;
            animation: fadeInDown 1.6s 0.4s both; }
  .section-1 .phone-show img {
    display: block;
    width: 29.30556vw; }
  .section-2 {
    height: auto;
    background: #000000; }
  .section-2 .introduce {
    margin-bottom: 8vw; }
  .section-2 .introduce .description br {
    font-size: 0; }
  .section-2 .btitle-text {
    text-indent: -1.4vw; }
  .section-2 .btitle-text .btitle-text-jbs {
    letter-spacing: -1vw;
    color: #FFFFFF;
    background: linear-gradient(255deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .btitle-tit .btitle-tit-jbs {
    color: #FFFFFF;
    background: linear-gradient(258deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .design-main {
    width: 69.4vw;
    height: 120vw;
    position: relative; }
  .section-2 .sec-fixed {
    width: 69.4vw;
    height: 49vw; }
  .section-2 .sec-fixed.fixed {
    position: fixed; }
  .section-2 .design-box {
    width: 69.4vw;
    height: 49vw;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .section-2 .design-box.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-2 .design-tbox {
    width: 69.4vw;
    height: 13vw;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 22; }
  .section-2 .design-tbox.on {
    opacity: 1; }
  .section-2 .title {
    width: 35vw;
    float: left; }
  .section-2 .description {
    width: 32vw;
    float: right;
    padding-top: 1vw; }
  .section-2 .design-tbox1 .description {
    width: 34vw; }
  .section-2 .design-ibottom {
    width: 72.91vw;
    height: 39.58vw;
    position: absolute;
    top: 11.26vw;
    left: 50%;
    margin-left: -36.455vw;
    overflow: hidden; }
  .section-2 .s2-pmask {
    width: 72.91vw;
    height: 39.58vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19.79vw;
    margin-left: -36.455vw;
    z-index: 11; }
  .section-2 .s2-pmask img {
    width: 72.91vw;
    height: 39.58vw; }
  .section-2 .design-imgbox {
    width: 69.4vw;
    height: 36.1vw;
    position: absolute;
    top: 1.74vw;
    left: 50%;
    margin-left: -34.7vw;
    overflow: hidden; }
  .section-2 .phone-text {
    width: 67.4vw;
    color: #242424;
    font-size: 2vw;
    line-height: 3vw;
    padding-top: 1.4vw;
    padding-left: 2vw;
    margin-bottom: 0.8vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .phone-text {
    opacity: 1; }
  .section-2 .design-imgbox1 .phone-text {
    width: 67.4vw; }
  .section-2 .design-imgbox2 .phone-text {
    width: 24vw; }
  .section-2 .s2-phone-ibox {
    width: 69.4vw;
    height: 36.1vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(0px, 69.4vw, 36.1vw, 69.4vw);
    -webkit-transform: translateX(10%) scale(1.1);
            transform: translateX(10%) scale(1.1);
    transition: all 1s;
    z-index: 2; }
  .section-2 .design-imgbox1 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 69.4vw, 36.1vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone-ibox.on {
    opacity: 1;
    clip: rect(0px, 69.4vw, 36.1vw, 0px);
    -webkit-transform: translateX(0%) scale(1.01);
            transform: translateX(0%) scale(1.01); }
  .section-2 .s2-phone {
    width: 69.4vw;
    height: 36.1vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .section-2 .s2-phone img {
    display: block;
    width: 69.4vw;
    height: 36.1vw; }
  .section-2 .introduce-params {
    padding-left: 2vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .introduce-params {
    opacity: 1; }
  .section-2 .design-imgbox3 .introduce-params .params-item {
    float: left; }
  .section-2 .design-imgbox4 .introduce-params .params-item {
    margin-bottom: 0.5vw; }
  .section-2 .introduce-params span {
    width: 100%;
    display: inline-block; }
  .section-2 .introduce-params .param-data {
    color: #242424;
    font-size: 2.08vw;
    line-height: 2.8vw;
    margin-bottom: 0.2vw; }
  .section-2 .introduce-params .param-desc {
    color: #242424;
    font-size: 1.04vw;
    line-height: 1.8vw;
    position: relative; }
  .section-2 .introduce-params span i {
    display: inline-block;
    width: 1.8vw;
    height: 1.8vw;
    margin-right: 0.5vw;
    position: relative;
    top: 0.15vw; }
  .section-2 .design-imgbox .icon-black {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEV0Uk5T/plJtYyy2tvw8aChKili1dQLaLNKtI2xvdBuPv12j11VQwGd48AeRuy44iNAEPVhUx+FNS8OcHl3yfLTpMzp/AyYCVsAgHPYWgAAAidJREFUSMetlmdjsjAUhdPh1qp14VaqolIEtXUP1vn/f+kloWodzL7nUwj3ISHJzT3EvJNer2lcNA4kYpxWq+v3EeTmmS+2qrhStVXkXaG8XLLCGpVmu5uWpEy33aw0rI6SrDpDSgEYJjtXE9I7qSFQUBwgsTwBZur9L6gzYFIWH0HCCNCm5kNNNWAk3ENGDuNP01GfY2SNW+ith/7g1Pm12O0Px+Nhv1t8nfoGffTeriGjh4+fnu/V9veKb1ffPy8+0DN+Q0L2zCw3uNFmeaZywgUSR+jb/fM1Hmg9t9/2MRLPUBlj+38MOMie12CM1xOkTGCv2zsc9W6vISaKDakFaO7jXMbSEMkzSAbYns7hKvZfU0CmEF/CjH1l7Q6tWdAMJd6Cihiy87aEh9jKq0M8W1ALKbanGy9ow3Y5iZZJ9Co69GEFT61oXAdVndTRYPmz9Ya2LL8aqJMaKuyMwofY6a2gRjQ0aXPhB1rQyCY0wqFNmzs/0I5GtsGRGLq0ufcD7WlkF1GSQIY2D36gA41MI04AiTaPfqAjjZSAcFAc6WDTyyBBosEXIhZuyUNs7lO4YxTqwIZKDSsJk0GSMEWTMHi6F0NcLC982CvMzEeCXJYFNfy17KMAkHMBKP+t1JhCzl9Rywp/LZ/hCrU1VtbLEuSM/2M+vGzOq+hmqFK3hippGaqI4mzdVPnlZN0ykpS+WLd8YJP4zHs4S9uOPnGxBBCPOtjRf16yn+TFObnlAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox .icon-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAOdQTFRFKpr/K53/K5v/LJv/Kp3/Kpv/LJ3/K5z/K5v/HI7/K5z/HKr/K53/K5z/LJz/K5z/K5z/K5v/K5j/LJv/Kpz/K5z/K5z/K5z/K53/Kpv/Kp7/LqL/Kpr/K5v/Kpv/KZv/K5z/K5z/KZz/K5v/K5z/K5z/K5z/Oar/K5v/LJz/Kpz/Kpz/AP//K5z/LJz/K5v/LJ3/K5n/K5z/K5v/LJn/LJv/MJ//K5z/K53/KZz/Kp3/K5r/K53/JJL/K5v/Kpz/K5z/K5z/K5z/LJz/LJv/K5z/K53/K5z/K5X/LJz/Kp3/AAAAK5z/VpwmpgAAAEx0Uk5TW/6Zbkm1jLK9CdoJvdvw8aChKili1dTi4mFhC2izbkq0jT79sdB2CY9dVUMB453ARh7suCNAEPVTH4U1Lw5weXfJ8tOkzOn8DJhbAFzuGAsAAAJBSURBVEjHrZblYsIwFIUzxX34cBk6iqzYhkvlvP/zrEmBMaC6nV/p7f0IvckVIl/JVcyKTrcfCPi8YrboufYgF8+tXK2CX6rUci1dKJ3MK26lcrXeDPN8pFmvlkuKIZ8StKFRBugFG2/ntrdGqAdkRhrQoDAEJsL1JwgTYFgY3IK4PiCO5Zsai0Cfu4akGBIfsqY+4ohKl9BLG53u0fg522x3+/1uu5l9Hm3dDtovvyGpjfeD5WuxPo/4evF1ePGONjmHuOiJma9wodX8RMW4H2jQR0e1T5e4oeVUfdtBf3CCCoir3yNBQ2oMugk8H6HREGrcXqGpVzWGGI5USMhA1N/nZy8RjjSDUgA70yl0xb5rDCQp1Mpjwn5lqQ8tmdME+ZYC5dBj920OA7HICz08KlANIXamKyNoxU45iJpMPBU06MMChlpQvwYqLlJEieXP2hhas/wqoUiyKLM7ChNit7eMLBFRpcuZGWhGPasQiRd1utyYgTbUsw4n8aFJl1sz0JZ6NuEmAUTocmcG2lHPMPwE4OlybwbaU08esAf5Ebb29yIIELf1QPiI03rIvXYO997ONXqwd2Fd1lPDQ5MwaCUJQzQJrad7zkZheaKFRU5aK2EpVvfSDivFMiPYL8u0AST0G8DdoQHEUfhbq5G5mLmmFuVstE/p741a2SuKuN5IkEBM+p/hw2jMeR7oDVShy4EqqAxUjpH26Cakno6jW4Tnw6fRLZm2PCQ+tgwmS0We4sO91xcA/G6nMo66rj2+AYgA5joa5bkTAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox4 .phone-text {
    width: 38.4vw; }
  .section-3 {
    height: auto;
    background: linear-gradient(270deg, #fcffff 0%, #fafffd 100%); }
  .section-3 .introduce {
    margin-bottom: 10.9vw; }
  .section-3 .btitle-text .btitle-text-jbs {
    position: relative;
    top: -5vw;
    font-size: 10.4vw;
    letter-spacing: -0.35vw;
    color: #000000;
    background: linear-gradient(243deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .btitle-text .btitle-text-jbs {
    background: transparent; }
  .section-3 .btitle-tit {
    margin-top: 5vw;
    color: #000000; }
  .section-3 .ready-fabox {
    width: 83.95833vw;
    height: 41.11111vw;
    margin: 0 0 16.3vw -7.27778vw;
    position: relative; }
  .section-3 .ready-fabox .title {
    width: 78vw;
    color: #FFFFFF;
    padding-top: 8.8vw;
    padding-left: 7.8vw;
    margin-bottom: 1.2vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .m-title {
    width: 78vw;
    color: #FFFFFF;
    padding-left: 7.8vw;
    margin-bottom: 2.7vw;
    position: relative;
    z-index: 11;
    font-size: 1.875vw;
    line-height: 2vw; }
  .section-3 .ready-fabox .description {
    width: 78vw;
    color: #FFFFFF;
    padding-left: 7.8vw;
    margin-bottom: 3.4vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .introduce-params {
    padding-left: 7.8vw;
    position: relative;
    z-index: 11;
    opacity: 0; }
  .section-3 .ready-fabox .introduce-params.on {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-3 .ready-fabox .params-item {
    width: 18.6vw;
    float: left; }
  .section-3 .ready-fabox .params-item span {
    width: 100%;
    display: inline-block; }
  .section-3 .ready-fabox .params-item .param-data {
    color: #FFFFFF;
    font-size: 1.04vw;
    line-height: 2vw; }
  .section-3 .ready-fabox .params-item1 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item2 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item .param-desc {
    color: #FFFFFF;
    font-size: 2.08vw;
    line-height: 3.2vw; }
  .section-3 .ready-fabox .s3-ready {
    display: block;
    width: 83.95833vw;
    height: 41.11111vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .power-box {
    width: 100%;
    height: 54vw;
    position: relative; }
  .section-3 .power-box .power-title {
    width: 100vw;
    height: 16vw;
    margin-left: -15.3vw;
    text-align: center;
    font-size: 15.62vw;
    text-indent: -0.3vw;
    line-height: 16vw; }
  .section-3 .power-box .power-title span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-title span {
    background: transparent; }
  .section-3 .power-box .power-tit {
    width: 10.8vw;
    font-size: 2.2vw;
    height: 3.5vw;
    line-height: 3.5vw;
    margin: -1vw 0 11.6vw -6.6vw; }
  .section-3 .power-box .power-tit span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #6468ff, #6c80ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-tit span {
    background: transparent; }
  .section-3 .power-box .title {
    color: #242424;
    margin-bottom: 1.1vw; }
  .section-3 .power-box .description {
    width: 49vw;
    color: #242424; }
  .section-3 .power-box .s3-power {
    display: block;
    width: 65.34722vw;
    height: 22.1875vw;
    position: absolute;
    top: 12.8vw;
    left: 50%;
    margin-left: -32.67361vw;
    z-index: 2;
    opacity: 0; }
  .section-3 .power-box .s3-power.on {
    -webkit-animation: fadeInDown 0.8s 0.4s forwards;
            animation: fadeInDown 0.8s 0.4s forwards; }
  .section-3 .power-box .s3-power img {
    display: block;
    width: 65.34722vw; }
  .section-3 .easier-box {
    width: 100%;
    height: 120vw;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
  .section-3 .easier-main {
    width: 69.4vw;
    height: 51vw; }
  .section-3 .easier-box .sec-fixed {
    width: 69.4vw;
    height: 51vw;
    position: absolute; }
  .section-3 .easier-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .easier-mbox {
    width: 69.4vw;
    height: 51vw;
    opacity: 0; }
  .section-3 .easier-mbox.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .easier-box .easier-color {
    width: 18vw;
    font-size: 1.875vw;
    line-height: 2.6vw;
    margin-bottom: 0.6vw;
    padding-top: 16.3vw;
    font-weight: bold; }
  .section-3 .easier-box .easier-color span {
    color: #000000;
    background: linear-gradient(259deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .easier-box .easier-color span {
    background: transparent; }
  .section-3 .easier-box .title {
    width: 18vw;
    color: #242424; }
  .section-3 .easier-box .easier-change {
    width: 47.2vw;
    position: absolute;
    top: 0;
    right: 0; }
  .section-3 .easier-box .easier-bg {
    width: 25.14vw;
    height: 51.18vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11; }
  .section-3 .easier-box .easier-bg img {
    display: block;
    width: 25.14vw; }
  .section-3 .easier-box .easier-img {
    width: 22.9vw;
    height: 49.1vw;
    overflow: hidden;
    position: absolute;
    top: 0.8vw;
    left: 1.12vw; }
  .section-3 .easier-box .s3-easier {
    width: 22.9vw;
    height: 49.1vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0px, 22.9vw, 49.1vw, 22.9vw);
    -webkit-transform: translateX(10%) scale(1.1);
            transform: translateX(10%) scale(1.1);
    transition: all 1s; }
  .section-3 .easier-box .s3-easier1 {
    opacity: 1;
    clip: rect(0px, 22.9vw, 49.1vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .s3-easier.on {
    opacity: 1;
    clip: rect(0px, 22.9vw, 49.1vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .easier-text {
    width: 24vw;
    position: absolute;
    top: 0;
    right: -5vw;
    padding-top: 16vw;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-3 .easier-box .easier-text.on {
    opacity: 1; }
  .section-3 .easier-box .mtitle {
    width: 24vw;
    font-size: 2.5vw;
    line-height: 4vw;
    color: #242424;
    margin-bottom: 1.8vw; }
  .section-3 .easier-box .description {
    width: 24vw;
    color: #242424; }
  .section-3 .ears-box {
    width: 69.4vw;
    height: 44vw;
    position: relative; }
  .section-3 .ears-box .sec-fixed {
    width: 69.4vw;
    height: 56.1vw; }
  .section-3 .ears-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .ears-main {
    width: 69.4vw;
    height: 56.1vw;
    opacity: 0; }
  .section-3 .ears-main.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .ears-box .title {
    width: 35vw;
    color: #242424;
    padding-top: 10.2vw;
    margin-bottom: 2vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title {
    width: 35vw;
    font-size: 1.67vw;
    line-height: 3.36vw;
    margin-bottom: 0.5vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title span {
    color: #242424;
    background: linear-gradient(256deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .ears-box .m-title span {
    background: transparent; }
  .section-3 .ears-box .description {
    width: 33vw;
    color: #242424;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .s3-ears {
    display: block;
    width: 47.98611vw;
    height: 32.56944vw;
    position: absolute;
    top: 10vw;
    right: -14vw; }
  .section-3 .ears-box .s3-ears img {
    display: block;
    width: 47.98611vw;
    height: 32.56944vw; }
  .section-4 {
    height: auto;
    background: #000000; }
  .section-4 .introduce {
    height: auto;
    padding-bottom: 100px; }
  .section-4 .btitle-text {
    text-indent: -0.8vw;
    font-size: 15.4vw;
    position: relative;
    z-index: 11;
    letter-spacing: -1vw; }
  .section-4 .btitle-text .btitle-text-jbs {
    color: #FFFFFF;
    text-align: center;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .btitle-text .btitle-text-jbs {
    background: transparent; }
  .section-4 .btitle-tit {
    margin-top: 8vw; }
  .section-4 .btitle-tit .btitle-tit-jbs {
    color: #FFFFFF;
    background: linear-gradient(216deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .section-4 .ai-camera {
    width: 69.4vw;
    height: 78vw;
    margin: 0 auto;
    padding-top: 19.6vw;
    position: relative; }
  .section-4 .ai-camera .title {
    width: 49vw;
    margin-bottom: 4vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title {
    width: 49vw;
    font-size: 1.67vw;
    line-height: 3.36vw;
    margin-bottom: 1.5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title span {
    color: #FFFFFF;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .ai-camera .m-title span {
    background: transparent; }
  .section-4 .ai-camera .description {
    width: 49vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .s4-aicamera {
    width: 100vw;
    height: 74.375vw;
    position: absolute;
    top: -6.6vw;
    left: -15.4vw; }
  .section-4 .camera-main {
    width: 87.4vw;
    height: 200vw;
    margin-left: -9vw; }
  .section-4 .camera-main.relative {
    position: relative; }
  .section-4 .sec-fixed {
    width: 87.4vw;
    height: 51.94vw;
    position: absolute; }
  .section-4 .sec-fixed.fixed {
    position: fixed; }
  .section-4 .camera-box {
    width: 87.4vw;
    height: 51.94vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -43.7vw;
    overflow: hidden; }
  .section-4 .camera-imgbox {
    width: 38.26vw;
    height: 51.94vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -19.13vw;
    opacity: 0; }
  .section-4 .camera-imgbox.on {
    opacity: 1; }
  .section-4 .camera-imgbox1 {
    z-index: 33; }
  .section-4 .camera-imgbox2 {
    z-index: 11; }
  .section-4 .camera-hidimg {
    width: 38.26vw;
    height: 51.94vw;
    overflow: hidden;
    border-radius: 2.7vw;
    position: absolute; }
  .section-4 .s4-phone {
    display: block;
    width: 38.26vw;
    height: 51.94vw;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section-4 .s4-phone img {
    display: block;
    width: 38.26vw;
    height: 51.94vw; }
  .section-4 .camera-tbox {
    width: 69.4vw;
    position: absolute;
    top: 51.94vw;
    left: 0;
    z-index: 55; }
  .section-4 .camera-box .m-title {
    width: 100%;
    font-size: 1.67vw;
    line-height: 3.36vw;
    color: #FFFFFF;
    padding-top: 3vw; }
  .section-4 .camera-box .description {
    width: 100%;
    padding-top: 1vw; }
  .section-4 .camera-tbox1 .title {
    width: 44vw; }
  .section-4 .camera-tbox1 .description {
    width: 44vw;
    padding-bottom: 5vw; }
  .section-4 .camera-tbox2 .description {
    width: 44vw;
    padding-bottom: 5vw; }
  .section-4 .camera-tbox3 .description {
    width: 44vw; }
  .section-5 {
    height: auto;
    background: #F1F1F1;
    border: 1px solid #979797; }
  .section-5 .introduce {
    padding: 6vw 0 6vw; }
  .section-5 .title {
    margin-bottom: 4.8vw;
    color: #242424;
    text-align: center; }
  .section-5 .description {
    width: 68vw;
    margin: 0 auto;
    color: #242424;
    margin-bottom: 6vw;
    text-align: center; }
  .section-5 .description-tit {
    font-size: 1.67vw;
    line-height: 2.2vw; }
  .section-5 .introduce-params {
    width: 85.5vw;
    margin-left: -5.8vw;
    height: auto;
    position: relative;
    z-index: 11;
    overflow: hidden; }
  .section-5 .params-item {
    width: 17vw;
    float: left;
    padding-right: 1vw; }
  .section-5 .params-item span {
    width: 100%;
    display: inline-block; }
  .section-5 .params-item .param-desc {
    color: #242424;
    font-size: 1.04vw;
    line-height: 1.8vw; }
  .section-5 .params-item .param-data {
    width: auto;
    color: #242424;
    font-size: 3.125vw;
    line-height: 3.8vw;
    margin-bottom: 0.6vw; }
  .section-5 .params-item .param-data1 {
    background: linear-gradient(240deg, #6e84ff 0%, #6467ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data2 {
    background: linear-gradient(240deg, #83beff 0%, #78a1ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data3 {
    background: linear-gradient(240deg, #88dafb 0%, #88d0fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data4 {
    background: linear-gradient(240deg, #88edf6 0%, #88e2f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data5 {
    background: linear-gradient(240deg, #88fff1 0%, #88f5f4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-5 .params-item .param-data {
    background: transparent; }
  .font-text-right .section-2 .introduce-params {
    padding-left: 0;
    padding-right: 2vw; }
  .font-text-right .section-2 .introduce-params .params-item {
    float: right; }
  .font-text-right .section-3 .ready-fabox .introduce-params {
    padding-left: 3.5vw; }
  .font-text-right .section-3 .power-box .title {
    margin-left: 0; }
  .font-text-right .section-3 .power-box .description {
    float: right; }
  .font-text-right .section-4 .camera-tbox {
    width: 42.5vw;
    left: auto;
    right: 2vw; }
  .font-text-right .section-4 .camera-tbox1 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .m-title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox3 .description {
    width: 38vw;
    float: right; }
  .font-text-right .section-5 .introduce-params {
    margin-left: -11.2vw; } }

@media screen and (min-width: 1920px) {
  .pc-show {
    display: block !important; }
  .h5-show {
    display: none !important; }
  .block-1920 br {
    display: block !important; }
  .wrapper {
    position: relative;
    width: 72.4vw;
    height: 100%;
    margin: 0 auto; }
  .section {
    width: 100%;
    overflow: hidden;
    z-index: 11;
    position: relative; }
  .introduce {
    position: relative;
    z-index: 2; }
  .introduce .title {
    color: #FFFFFF;
    font-size: 2.34vw;
    line-height: 3.51vw; }
  .introduce .description {
    color: #FFFFFF;
    font-size: 0.78vw;
    line-height: 1.44vw; }
  .introduce .introduce-params {
    position: relative;
    z-index: 2; }
  .introduce .big-title {
    width: 100%;
    height: 98vh;
    position: relative;
    text-align: center;
    margin-bottom: 8vh; }
  .introduce .btitle-text {
    width: 100vw;
    margin-left: -13.8vw;
    font-size: 18.75vw;
    line-height: 93vh;
    text-align: center; }
  .introduce .btitle-text .btitle-text-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-text .btitle-text-jbs {
    background: transparent; }
  .introduce .btitle-tit {
    width: 100%;
    height: 2vw;
    font-size: 0.94vw;
    letter-spacing: 0;
    line-height: 2vw;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 15vw;
    text-align: center; }
  .introduce .btitle-tit .btitle-tit-jbs {
    display: inline-block; }
  .ie-class .introduce .btitle-tit .btitle-tit-jbs {
    background: transparent; }
  .sec-fixed.fixed {
    position: fixed; }
  .section-1 {
    height: 100vh; }
  .section-1 .sec-fixed {
    width: 100%;
    height: 100vh;
    margin: 0;
    position: fixed; }
  .section-1 .sec1-tbg {
    width: 78.4375vw;
    height: 12.91667vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39.21875vw;
    margin-top: -15.3vw; }
  .section-1 .sec1-tbg img {
    display: block;
    width: 78.4375vw; }
  .section-1 .sec1-tit {
    width: 77.4vw;
    height: 2vw;
    font-size: 1.4vw;
    line-height: 2vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: -2vw;
    margin-top: -19vw; }
  .section-1 .sec1-text {
    width: 100%;
    height: 7vw;
    font-size: 0.93vw;
    line-height: 1.6vw;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: -3vw;
    margin-top: -0.6vw;
    text-align: right; }
  .section-1 .phone-show {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -13.28vw;
    margin-top: -21.245vw;
    width: 26.56vw;
    height: 38.49vw;
    -webkit-animation: fadeInDown 1.6s 0.4s both;
            animation: fadeInDown 1.6s 0.4s both; }
  .section-1 .phone-show img {
    display: block;
    width: 26.56vw; }
  .section-2 {
    height: auto;
    background: #000000; }
  .section-2 .introduce {
    margin-bottom: 8vw; }
  .section-2 .introduce .description br {
    font-size: 0; }
  .section-2 .btitle-text {
    text-indent: -1.4vw; }
  .section-2 .btitle-text .btitle-text-jbs {
    letter-spacing: -1vw;
    color: #FFFFFF;
    background: linear-gradient(255deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .btitle-tit .btitle-tit-jbs {
    color: #FFFFFF;
    background: linear-gradient(258deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-2 .design-main {
    width: 72.4vw;
    height: 100vw;
    position: relative; }
  .section-2 .sec-fixed {
    width: 72.4vw;
    height: 40vw; }
  .section-2 .sec-fixed.fixed {
    position: fixed; }
  .section-2 .design-box {
    width: 72.4vw;
    height: 40vw;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .section-2 .design-box.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-2 .design-tbox {
    width: 72.4vw;
    height: 10vw;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 22; }
  .section-2 .design-tbox.on {
    opacity: 1; }
  .section-2 .title {
    width: 32vw;
    float: left; }
  .section-2 .description {
    width: 38vw;
    float: right;
    padding-top: 1vw; }
  .section-2 .design-tbox1 .description {
    width: 37vw; }
  .section-2 .design-ibottom {
    width: 74.948vw;
    height: 32.55vw;
    position: absolute;
    top: 8.7vw;
    left: 50%;
    margin-left: -37.474vw;
    overflow: hidden; }
  .section-2 .s2-pmask {
    width: 74.948vw;
    height: 32.55vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37.474vw;
    margin-top: -16.275vw;
    z-index: 11; }
  .section-2 .s2-pmask img {
    width: 74.948vw;
    height: 32.55vw; }
  .section-2 .design-imgbox {
    width: 72.4vw;
    height: 29.95vw;
    position: absolute;
    top: 1.3vw;
    left: 50%;
    margin-left: -36.2vw; }
  .section-2 .phone-text {
    width: 70.8vw;
    color: #242424;
    font-size: 1.3vw;
    line-height: 2.1vw;
    padding-top: 1vw;
    padding-left: 1.3vw;
    margin-bottom: 0.8vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .phone-text {
    opacity: 1; }
  .section-2 .design-imgbox2 .phone-text {
    width: 18vw; }
  .section-2 .s2-phone-ibox {
    width: 72.4vw;
    height: 29.95vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    clip: rect(0px, 72.4vw, 29.95vw, 72.4vw);
    -webkit-transform: translateX(5%) scale(1.1);
            transform: translateX(5%) scale(1.1);
    transition: all 1s;
    z-index: 2; }
  .section-2 .design-imgbox1 .s2-phone-ibox {
    opacity: 1;
    clip: rect(0px, 72.4vw, 29.95vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone-ibox.on {
    opacity: 1;
    clip: rect(0px, 72.4vw, 29.95vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-2 .s2-phone {
    width: 72.4vw;
    height: 29.95vw;
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  .section-2 .s2-phone img {
    display: block;
    width: 72.4vw;
    height: 29.95vw; }
  .section-2 .introduce-params {
    padding-left: 1.3vw;
    position: relative;
    z-index: 22;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-2 .design-imgbox.on .introduce-params {
    opacity: 1; }
  .section-2 .design-imgbox3 .introduce-params .params-item {
    float: left; }
  .section-2 .design-imgbox4 .introduce-params .params-item {
    margin-bottom: 1vw; }
  .section-2 .introduce-params span {
    width: 100%;
    display: inline-block; }
  .section-2 .introduce-params .param-data {
    color: #242424;
    font-size: 1.56vw;
    line-height: 1.8vw; }
  .section-2 .introduce-params .param-desc {
    color: #242424;
    font-size: 0.78vw;
    line-height: 1.8vw;
    position: relative; }
  .section-2 .introduce-params span i {
    display: inline-block;
    width: 1.35vw;
    height: 1.35vw;
    margin-right: 0.5vw;
    position: relative;
    top: 0.15vw; }
  .section-2 .design-imgbox .icon-black {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAANJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1K5a2gAAAEV0Uk5T/plJtYyy2tvw8aChKili1dQLaLNKtI2xvdBuPv12j11VQwGd48AeRuy44iNAEPVhUx+FNS8OcHl3yfLTpMzp/AyYCVsAgHPYWgAAAidJREFUSMetlmdjsjAUhdPh1qp14VaqolIEtXUP1vn/f+kloWodzL7nUwj3ISHJzT3EvJNer2lcNA4kYpxWq+v3EeTmmS+2qrhStVXkXaG8XLLCGpVmu5uWpEy33aw0rI6SrDpDSgEYJjtXE9I7qSFQUBwgsTwBZur9L6gzYFIWH0HCCNCm5kNNNWAk3ENGDuNP01GfY2SNW+ith/7g1Pm12O0Px+Nhv1t8nfoGffTeriGjh4+fnu/V9veKb1ffPy8+0DN+Q0L2zCw3uNFmeaZywgUSR+jb/fM1Hmg9t9/2MRLPUBlj+38MOMie12CM1xOkTGCv2zsc9W6vISaKDakFaO7jXMbSEMkzSAbYns7hKvZfU0CmEF/CjH1l7Q6tWdAMJd6Cihiy87aEh9jKq0M8W1ALKbanGy9ow3Y5iZZJ9Co69GEFT61oXAdVndTRYPmz9Ya2LL8aqJMaKuyMwofY6a2gRjQ0aXPhB1rQyCY0wqFNmzs/0I5GtsGRGLq0ufcD7WlkF1GSQIY2D36gA41MI04AiTaPfqAjjZSAcFAc6WDTyyBBosEXIhZuyUNs7lO4YxTqwIZKDSsJk0GSMEWTMHi6F0NcLC982CvMzEeCXJYFNfy17KMAkHMBKP+t1JhCzl9Rywp/LZ/hCrU1VtbLEuSM/2M+vGzOq+hmqFK3hippGaqI4mzdVPnlZN0ykpS+WLd8YJP4zHs4S9uOPnGxBBCPOtjRf16yn+TFObnlAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox .icon-blue {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAABGdBTUEAALGPC/xhBQAAAOdQTFRFKpr/K53/K5v/LJv/Kp3/Kpv/LJ3/K5z/K5v/HI7/K5z/HKr/K53/K5z/LJz/K5z/K5z/K5v/K5j/LJv/Kpz/K5z/K5z/K5z/K53/Kpv/Kp7/LqL/Kpr/K5v/Kpv/KZv/K5z/K5z/KZz/K5v/K5z/K5z/K5z/Oar/K5v/LJz/Kpz/Kpz/AP//K5z/LJz/K5v/LJ3/K5n/K5z/K5v/LJn/LJv/MJ//K5z/K53/KZz/Kp3/K5r/K53/JJL/K5v/Kpz/K5z/K5z/K5z/LJz/LJv/K5z/K53/K5z/K5X/LJz/Kp3/AAAAK5z/VpwmpgAAAEx0Uk5TW/6Zbkm1jLK9CdoJvdvw8aChKili1dTi4mFhC2izbkq0jT79sdB2CY9dVUMB453ARh7suCNAEPVTH4U1Lw5weXfJ8tOkzOn8DJhbAFzuGAsAAAJBSURBVEjHrZblYsIwFIUzxX34cBk6iqzYhkvlvP/zrEmBMaC6nV/p7f0IvckVIl/JVcyKTrcfCPi8YrboufYgF8+tXK2CX6rUci1dKJ3MK26lcrXeDPN8pFmvlkuKIZ8StKFRBugFG2/ntrdGqAdkRhrQoDAEJsL1JwgTYFgY3IK4PiCO5Zsai0Cfu4akGBIfsqY+4ohKl9BLG53u0fg522x3+/1uu5l9Hm3dDtovvyGpjfeD5WuxPo/4evF1ePGONjmHuOiJma9wodX8RMW4H2jQR0e1T5e4oeVUfdtBf3CCCoir3yNBQ2oMugk8H6HREGrcXqGpVzWGGI5USMhA1N/nZy8RjjSDUgA70yl0xb5rDCQp1Mpjwn5lqQ8tmdME+ZYC5dBj920OA7HICz08KlANIXamKyNoxU45iJpMPBU06MMChlpQvwYqLlJEieXP2hhas/wqoUiyKLM7ChNit7eMLBFRpcuZGWhGPasQiRd1utyYgTbUsw4n8aFJl1sz0JZ6NuEmAUTocmcG2lHPMPwE4OlybwbaU08esAf5Ebb29yIIELf1QPiI03rIvXYO997ONXqwd2Fd1lPDQ5MwaCUJQzQJrad7zkZheaKFRU5aK2EpVvfSDivFMiPYL8u0AST0G8DdoQHEUfhbq5G5mLmmFuVstE/p741a2SuKuN5IkEBM+p/hw2jMeR7oDVShy4EqqAxUjpH26Cakno6jW4Tnw6fRLZm2PCQ+tgwmS0We4sO91xcA/G6nMo66rj2+AYgA5joa5bkTAAAAAElFTkSuQmCC);
    background-size: 100%; }
  .section-2 .design-imgbox4 .phone-text {
    width: 30vw; }
  .section-3 {
    height: auto;
    background: #ffffff; }
  .section-3 .introduce {
    margin-bottom: 10.9vw; }
  .section-3 .big-title {
    margin-bottom: 2vh; }
  .section-3 .btitle-text {
    text-indent: -0.6vw; }
  .section-3 .btitle-text .btitle-text-jbs {
    position: relative;
    top: -4vw;
    font-size: 10.9vw;
    letter-spacing: -0.35vw;
    color: #000000;
    line-height: 87vh;
    background: linear-gradient(243deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-3 .btitle-tit {
    color: #000000;
    margin-top: 5.7vw; }
  .section-3 .ready-fabox {
    width: 70.5vw;
    height: 34.58vw;
    margin: 0 auto 16.3vw;
    position: relative; }
  .section-3 .ready-fabox .title {
    width: 63.2vw;
    color: #FFFFFF;
    padding-top: 7.9vw;
    padding-left: 6.4vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .m-title {
    width: 63.2vw;
    color: #FFFFFF;
    padding-left: 6.4vw;
    margin-bottom: 1.7vw;
    position: relative;
    z-index: 11;
    font-size: 1.4vw;
    line-height: 2vw; }
  .section-3 .ready-fabox .description {
    width: 63.2vw;
    color: #FFFFFF;
    padding-left: 6.4vw;
    margin-bottom: 4.1vw;
    position: relative;
    z-index: 11; }
  .section-3 .ready-fabox .introduce-params {
    padding-left: 6.4vw;
    position: relative;
    z-index: 11;
    opacity: 0; }
  .section-3 .ready-fabox .introduce-params.on {
    -webkit-animation: fadeInRight 0.8s 0.2s forwards;
            animation: fadeInRight 0.8s 0.2s forwards; }
  .section-3 .ready-fabox .params-item {
    width: 15.6vw;
    float: left; }
  .section-3 .ready-fabox .params-item span {
    width: 10vw;
    display: inline-block; }
  .section-3 .ready-fabox .params-item .param-data {
    color: #FFFFFF;
    font-size: 0.78vw;
    line-height: 1.8vw; }
  .section-3 .ready-fabox .params-item1 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item2 .param-data {
    opacity: 0; }
  .section-3 .ready-fabox .params-item .param-desc {
    color: #FFFFFF;
    font-size: 1.56vw;
    line-height: 1.8vw; }
  .section-3 .ready-fabox .s3-ready {
    display: block;
    width: 70.5vw;
    height: 34.58vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-3 .power-box {
    width: 100%;
    height: 52.3vw;
    position: relative; }
  .section-3 .power-box .power-title {
    width: 100vw;
    margin-left: -13.8vw;
    text-indent: -0.4vw;
    height: 20vw;
    font-size: 15.62vw;
    line-height: 16vw;
    letter-spacing: -0.2vw;
    text-align: center; }
  .section-3 .power-box .power-title span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-title span {
    background: transparent; }
  .section-3 .power-box .power-tit {
    width: 7.7vw;
    font-size: 1.87vw;
    height: 2.8vw;
    line-height: 2.8vw;
    margin: -2.3vw 0 11.2vw -3.5vw; }
  .section-3 .power-box .power-tit span {
    display: inline-block;
    color: #000000;
    background: linear-gradient(245deg, #6468ff, #6c80ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .power-box .power-tit span {
    background: transparent; }
  .section-3 .power-box .title {
    width: 100%;
    color: #242424;
    margin-left: -3.1vw;
    margin-bottom: 1.1vw; }
  .section-3 .power-box .description {
    width: 35vw;
    color: #242424;
    margin-left: -3.1vw; }
  .section-3 .power-box .s3-power {
    display: block;
    width: 68.64583vw;
    height: 30.15625vw;
    position: absolute;
    top: 13.2vw;
    left: 50%;
    margin-left: -34.32292vw;
    z-index: 2;
    opacity: 0; }
  .section-3 .power-box .s3-power.on {
    -webkit-animation: fadeInDown 0.8s 0.4s forwards;
            animation: fadeInDown 0.8s 0.4s forwards; }
  .section-3 .easier-box {
    width: 100%;
    height: 100vw;
    margin: 0 auto;
    position: relative;
    z-index: 33; }
  .section-3 .easier-main {
    width: 72.4vw;
    height: 38.3vw; }
  .section-3 .easier-box .sec-fixed {
    width: 72.4vw;
    height: 38.3vw;
    position: absolute; }
  .section-3 .easier-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .easier-mbox {
    width: 72.4vw;
    height: 38.3vw;
    opacity: 0; }
  .section-3 .easier-mbox.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .easier-box .easier-color {
    width: 22vw;
    font-size: 1.4vw;
    line-height: 2.2vw;
    margin-bottom: 0.3vw;
    padding-top: 11.7vw;
    font-weight: bold; }
  .section-3 .easier-box .easier-color span {
    color: #242424;
    background: linear-gradient(259deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .easier-box .easier-color span {
    background: transparent; }
  .section-3 .easier-box .title {
    width: 22vw;
    color: #242424; }
  .section-3 .easier-box .easier-change {
    width: 46.6vw;
    position: absolute;
    top: 0;
    right: 0; }
  .section-3 .easier-box .easier-bg {
    width: 18.85vw;
    height: 38.38vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11; }
  .section-3 .easier-box .easier-bg img {
    display: block;
    width: 18.85vw; }
  .section-3 .easier-box .easier-img {
    width: 16.98vw;
    height: 36.775vw;
    overflow: hidden;
    position: absolute;
    top: 0.6vw;
    left: 0.93vw; }
  .section-3 .easier-box .s3-easier {
    width: 16.98vw;
    height: 36.775vw;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0px, 16.98vw, 36.775vw, 16.98vw);
    -webkit-transform: translateX(10%) scale(1.1);
            transform: translateX(10%) scale(1.1);
    transition: all 1s; }
  .section-3 .easier-box .s3-easier1 {
    opacity: 1;
    clip: rect(0px, 16.98vw, 36.775vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .s3-easier.on {
    opacity: 1;
    clip: rect(0px, 16.98vw, 36.775vw, 0px);
    -webkit-transform: translateX(0%) scale(1);
            transform: translateX(0%) scale(1); }
  .section-3 .easier-box .easier-text {
    width: 24vw;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 11.3vw;
    opacity: 0;
    transition: opacity 0.4s; }
  .section-3 .easier-box .easier-text.on {
    opacity: 1; }
  .section-3 .easier-box .mtitle {
    width: 24vw;
    font-size: 1.875vw;
    line-height: 3vw;
    color: #242424;
    float: right;
    margin-bottom: 0.8vw; }
  .section-3 .easier-box .description {
    width: 24vw;
    color: #242424;
    float: right; }
  .section-3 .ears-box {
    width: 72.4vw;
    height: 44.5vw;
    position: relative; }
  .section-3 .ears-box .sec-fixed {
    width: 72.4vw;
    height: 44.5vw; }
  .section-3 .ears-box .sec-fixed.fixed {
    position: fixed; }
  .section-3 .ears-main {
    width: 72.4vw;
    height: 44.5vw;
    opacity: 0; }
  .section-3 .ears-main.on {
    -webkit-animation: fadeInDown 1s 0.4s forwards;
            animation: fadeInDown 1s 0.4s forwards; }
  .section-3 .ears-box .title {
    width: 28vw;
    color: #242424;
    padding-top: 12vw;
    padding-left: 1vw;
    margin-bottom: 1.18vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title {
    width: 28vw;
    font-size: 1.25vw;
    line-height: 3.36vw;
    padding-left: 1vw;
    margin-bottom: 0.5vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .m-title span {
    color: #242424;
    background: linear-gradient(256deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-3 .ears-box .m-title span {
    background: transparent; }
  .section-3 .ears-box .description {
    width: 28vw;
    color: #242424;
    padding-left: 1vw;
    position: relative;
    z-index: 11; }
  .section-3 .ears-box .s3-ears {
    display: block;
    width: 40.05208vw;
    height: 27.13542vw;
    position: absolute;
    top: 8.6vw;
    right: -5vw; }
  .section-3 .ears-box .s3-ears img {
    display: block;
    width: 40.05208vw;
    height: 27.13542vw; }
  .section-4 {
    height: auto;
    background: #000000; }
  .section-4 .introduce {
    height: auto;
    padding-bottom: 100px; }
  .section-4 .btitle-text {
    text-indent: -0.8vw; }
  .section-4 .btitle-text .btitle-text-jbs {
    margin-bottom: 12vh;
    margin: 0 auto;
    letter-spacing: -1vw;
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .btitle-tit {
    margin-top: 12vw; }
  .section-4 .btitle-tit .btitle-tit-jbs {
    color: #ffffff;
    background: linear-gradient(216deg, #88EAEF, #94BFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-4 .ai-camera {
    width: 53.8vw;
    height: 49.2vw;
    margin: 0 auto;
    padding-top: 7.85vw;
    position: relative; }
  .section-4 .ai-camera .title {
    width: 36vw;
    margin-bottom: 2vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title {
    width: 36vw;
    font-size: 1.25vw;
    line-height: 3.36vw;
    margin-bottom: 0.5vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .m-title span {
    color: #ffffff;
    background: linear-gradient(244deg, #88FFF1, #88CDFF, #605DFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-4 .ai-camera .m-title span {
    background: transparent; }
  .section-4 .ai-camera .description {
    width: 36vw;
    position: relative;
    z-index: 11; }
  .section-4 .ai-camera .s4-aicamera {
    width: 85.36458vw;
    height: 51.5625vw;
    position: absolute;
    top: -4.8vw;
    left: -18.6vw; }
  .section-4 .camera-main {
    width: 72.4vw;
    height: 180vw; }
  .section-4 .camera-main.relative {
    position: relative; }
  .section-4 .sec-fixed {
    width: 72.4vw;
    height: 39vw;
    position: absolute; }
  .section-4 .sec-fixed.fixed {
    position: fixed; }
  .section-4 .camera-box {
    width: 53.8vw;
    height: 39vw;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -26.9vw;
    overflow: hidden; }
  .section-4 .camera-imgbox {
    width: 28.7vw;
    height: 39vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -14.35vw;
    opacity: 0; }
  .section-4 .camera-imgbox.on {
    opacity: 1; }
  .section-4 .camera-imgbox1 {
    z-index: 33; }
  .section-4 .camera-imgbox2 {
    z-index: 11; }
  .section-4 .camera-hidimg {
    width: 28.7vw;
    height: 39vw;
    overflow: hidden;
    border-radius: 2.1vw;
    position: absolute; }
  .section-4 .s4-phone {
    display: block;
    width: 28.7vw;
    height: 39vw;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .section-4 .s4-phone img {
    display: block;
    width: 28.7vw;
    height: 39vw; }
  .section-4 .camera-tbox {
    width: 34vw;
    position: absolute;
    top: 39vw;
    left: 0;
    z-index: 55; }
  .section-4 .camera-box .title {
    width: 100%;
    margin-bottom: 3vw; }
  .section-4 .camera-box .m-title {
    width: 100%;
    font-size: 1.25vw;
    line-height: 3.36vw;
    color: #FFFFFF; }
  .section-4 .camera-box .description {
    width: 100%;
    padding-top: 1vw; }
  .section-4 .camera-tbox1 .title {
    width: 25vw; }
  .section-4 .camera-tbox1 .description {
    width: 25vw;
    padding-bottom: 5vw; }
  .section-4 .camera-tbox1 .m-title {
    width: 25vw; }
  .section-4 .camera-tbox2 .description {
    width: 25vw;
    padding-bottom: 5vw; }
  .section-5 {
    height: auto;
    background: #F1F1F1;
    border: 1px solid #979797; }
  .section-5 .introduce {
    padding: 6vw 0 6vw; }
  .section-5 .title {
    margin-bottom: 5vw;
    text-align: center;
    color: #242424; }
  .section-5 .description {
    width: 65vw;
    margin: 0 auto;
    color: #242424;
    margin-bottom: 4.5vw;
    text-align: center; }
  .section-5 .description-tit {
    font-size: 1.25vw;
    line-height: 2vw; }
  .section-5 .introduce-params {
    width: 78vw;
    height: auto;
    position: relative;
    z-index: 11;
    overflow: hidden;
    padding-left: 2.5vw; }
  .section-5 .params-item {
    width: 14.4vw;
    float: left;
    padding-right: 1.3vw; }
  .section-5 .params-item span {
    width: 100%;
    display: inline-block; }
  .section-5 .params-item .param-desc {
    color: #242424;
    font-size: 0.78vw;
    line-height: 1.8vw; }
  .section-5 .params-item .param-data {
    width: auto;
    color: #242424;
    font-size: 2.34vw;
    line-height: 2.6vw;
    margin-bottom: 0.6vw; }
  .section-5 .params-item .param-data1 {
    background: linear-gradient(240deg, #6e84ff 0%, #6467ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data2 {
    background: linear-gradient(240deg, #83beff 0%, #78a1ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data3 {
    background: linear-gradient(240deg, #88dafb 0%, #88d0fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data4 {
    background: linear-gradient(240deg, #88edf6 0%, #88e2f9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .section-5 .params-item .param-data5 {
    background: linear-gradient(240deg, #88fff1 0%, #88f5f4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .ie-class .section-5 .params-item .param-data {
    background: transparent; }
  .font-text-right .section-2 .introduce-params {
    padding-left: 0;
    padding-right: 1.5vw; }
  .font-text-right .section-2 .introduce-params .params-item {
    float: right; }
  .font-text-right .section-3 .ready-fabox .introduce-params {
    padding-left: 0.8vw; }
  .font-text-right .section-3 .power-box .title {
    margin-left: 0; }
  .font-text-right .section-3 .power-box .description {
    float: right; }
  .font-text-right .section-4 .camera-tbox {
    width: 27vw;
    left: auto;
    right: 0; }
  .font-text-right .section-4 .camera-tbox1 .title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox1 .m-title {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox2 .description {
    width: 100%; }
  .font-text-right .section-4 .camera-tbox3 .description {
    width: 23vw;
    float: right; }
  .font-text-right .section-5 .introduce-params {
    margin-left: -5.7vw; } }

@-webkit-keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes fadeDownIn {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@keyframes fadeDownIn {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes fadeInRight {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@keyframes fadeInRight {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes imgFadeOut {
  0% {
    -webkit-transform: translateY(0vw);
            transform: translateY(0vw);
    opacity: 0.8; }
  100% {
    -webkit-transform: translateY(-30vw);
            transform: translateY(-30vw);
    opacity: 0; } }

@keyframes imgFadeOut {
  0% {
    -webkit-transform: translateY(0vw);
            transform: translateY(0vw);
    opacity: 0.8; }
  100% {
    -webkit-transform: translateY(-30vw);
            transform: translateY(-30vw);
    opacity: 0; } }