* {
  margin: 0;
  padding: 0;
  box-sizing: content-box; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

em, b {
  font-style: normal; }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  border: 0;
  width: 100%;
  vertical-align: middle;
  outline: none;
  -webkit-user-drag: none; }

button, input, select, textarea {
  font-size: 100%;
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

html, body {
  background: transparent;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  font-size: 0;
  /*padding-top:60px;*/ }

@font-face {
  font-family: 'OPPOFont-Bold';
  src: url(http://assorted.downloads.oppo.com/static/assets/fonts/OPPOSans/OPPOSans-Bold.ttf) format("truetype"); }

@font-face {
  font-family: 'OPPOFont-Regular';
  src: url(http://assorted.downloads.oppo.com/static/assets/fonts/OPPOSans/OPPOSans-Medium.ttf) format("truetype"); }

@font-face {
  font-family: 'OPPOFont-Medium';
  src: url(http://assorted.downloads.oppo.com/static/assets/fonts/OPPOSans/OPPOSans-Medium.ttf) format("truetype"); }

@font-face {
  font-family: 'OPPOFont-Heavy';
  src: url(http://assorted.downloads.oppo.com/static/assets/fonts/OPPOSans/OPPOSans-Heavy.ttf) format("truetype"); }

#oc-container.fixed {
  z-index: 99; }

.products-info {
  z-index: 99; }

picture img {
  width: 100%;
  height: 100%;
  background-size: 100% 100%; }

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

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

@-webkit-keyframes fadeInDownQ {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInOp {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOutOp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

.video-dialog {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 999; }

.video-dialog-container {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: #000; }

.video-dialog-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: 1200px;
  height: 675px;
  margin-left: -600px;
  margin-top: -337.5px; }

.video-dialog-wrapper video {
  position: absolute;
  width: 100%; }

.video-dialog-close {
  position: absolute;
  right: -56px;
  width: 26px;
  height: 26px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyAzMyI+CiAgICA8ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0xKSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjQ1IiBoZWlnaHQ9IjMiIHg9Ii01IiB5PSIxNiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDE3LjUgMTcuNSkiLz4KICAgICAgICA8cmVjdCB3aWR0aD0iNDUiIGhlaWdodD0iMyIgeD0iLTUiIHk9IjE2IiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE3LjUgMTcuNSkiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
  background-size: cover;
  cursor: pointer; }

@media only screen and (min-width: 320px) and (max-width: 1079px) {
  #en_cookies img {
    width: auto !important; }
  .wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    box-sizing: content-box; }
  .hide-768 {
    display: none; }
  .video-dialog-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    width: 88vw;
    height: 50vw;
    margin-left: -44vw;
    margin-top: -25vw; }
  .video-dialog-close {
    right: 0;
    top: -6.5vw; }
  /*section-1*/
  .section-1 {
    position: relative;
    height: 138.7vw;
    background: #f8f8f8; }
  .eq1-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 138.7vw;
    z-index: 1;
    opacity: 0; }
  .eq1-show {
    z-index: 2; }
  .eq1-show1 {
    z-index: 2;
    background: url(../png/bg-1a-44c627fc704f63876b7aee116f756030.png) no-repeat;
    background-size: 100%; }
  .eq1-show2 {
    background: url(../png/bg-1b-a6d7264c6f738b626b0fbf053c9114f4.png) no-repeat;
    background-size: 100%; }
  .eq1-showty {
    display: none; }
  .eq1-show.act {
    -webkit-animation: fadeInUp 1.6s 0.4s both;
    animation: fadeInUp 1.6s 0.4s both;
    opacity: 0; }
  .eq1-show1.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-show2.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-showty.act2 {
    -webkit-animation: fadeInOp 1s 0.6s both;
    animation: fadeInOp 1s 0.6s both;
    opacity: 0; }
  .eq1-show.move {
    -webkit-animation: fadeOutUp 0.5s 0.1s both;
    animation: fadeOutUp 0.5s 0.1s both;
    opacity: 0; }
  .eq1-showty.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show1.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show2.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .section-1 .top-p1 {
    font-size: 8.14vw;
    text-align: center;
    padding-top: 100.6vw;
    font-family: 'OPPOFont-Heavy'; }
  .section-1 .top-p2 {
    font-size: 3.9vw;
    text-align: center;
    font-family: 'OPPOFont-Heavy';
    position: relative;
    top: -6vw; }
  /*section-2*/
  .section-2 {
    position: relative;
    height: 182vw;
    overflow: hidden;
    background: #f8f8f8;
    display: none; }
  .s2-video {
    width: 100vw;
    height: 182vw;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(../jpg/bg-2-155328f86a36dbfbfc7a23102bab4d05.jpg) no-repeat;
    background-size: 100%; }
  .vide-bg {
    width: 100vw; }
  .vide-bg video,
  .vide-bg img {
    position: absolute;
    object-fit: cover;
    width: 324vw;
    height: 182vw;
    top: 0;
    left: 50%;
    margin-left: -162vw; }
  .video-mask {
    width: 100vw;
    height: 182vw;
    background: #000000;
    opacity: 0.7;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0; }
  .section-2 .introduce {
    position: relative;
    width: 100%;
    left: 0;
    padding: 68.1vw 0 0 2vw;
    z-index: 5;
    text-align: center; }
  .section-2 .subtitle {
    display: none; }
  .section-2 .title {
    width: 100%;
    font-size: 8.4vw;
    line-height: 12.4vw;
    color: #ffffff;
    font-family: OPPOFont-Bold; }
  .section-2 .description {
    padding-top: 6vw;
    width: 100%;
    margin: 0 auto; }
  .btn-gkyp {
    width: 42vw;
    height: 13vw;
    display: block;
    background: url(../png/btn-gkyp-e8b50239e6d5f374e48d10696bc6f472.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    position: relative;
    left: -3vw;
    top: 0; }
  .bottom-tip {
    color: #686771;
    font-size: 4vw;
    text-align: center;
    line-height: 6.5vw;
    padding-top: 51vw;
    font-family: OPPOFont-Regular; }
  /*section-3*/
  .section-3 {
    position: relative;
    height: 192.5vw;
    overflow: hidden; }
  .section-3 .s3-eq1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-3 .introduce {
    padding: 113.5vw 0 0 10vw;
    text-align: left;
    position: relative;
    width: 90vw;
    z-index: 5; }
  .section-3-xmbar {
    font-size: 7.2vw;
    font-family: OPPOFont-Bold;
    position: absolute;
    color: #ffffff;
    left: 6.2vw;
    width: 70vw;
    line-height: 10vw; }
  .big-btitle {
    width: 46vw;
    font-size: 4.2vw;
    color: #ffffff;
    line-height: 5vw;
    font-family: OPPOFont-Bold;
    position: absolute; }
  .btitle {
    width: 46vw;
    font-size: 4.2vw;
    color: #ffffff;
    line-height: 5vw;
    font-family: OPPOFont-Bold;
    position: absolute; }
  .stitle {
    font-size: 3.8vw;
    display: block;
    color: #ffffff;
    line-height: 3vw;
    font-family: OPPOFont-Bold; }
  .btitle1 {
    top: 141.6vw;
    left: 7vw;
    width: 36vw; }
  .btitle2 {
    top: 141.6vw;
    left: 59.9vw;
    width: 37vw; }
  .btitle3 {
    top: 164.4vw;
    left: 7vw;
    width: 37vw; }
  .btitle4 {
    top: 164.4vw;
    left: 59.9vw;
    width: 41vw; }
  /*section-4*/
  .section-4 {
    position: relative;
    height: 40.1vw;
    overflow: hidden;
    padding: 12vw 0;
    background: #ffffff; }
  .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-color-aea2babceaae29d82f328580ade98403.jpg);
    background-size: 100% 100%; }
  .three-box {
    width: 100vw;
    height: auto;
    padding-top: 20.4vw;
    display: block;
    font-size: 0;
    text-align: center; }
  .section-4 .three-box p {
    font-size: 3.14vw;
    font-family: 'OPPOFont-Regular';
    text-align: center;
    padding-top: 12vw; }
  .three-color {
    width: 100vw;
    height: 96.8vw;
    opacity: 0;
    display: inline-block;
    width: 32.4vw; }
  .three-color1.act1 {
    -webkit-animation: fadeInDown 1s 0.2s both;
    animation: fadeInDown 1s 0.2s both;
    opacity: 1; }
  .three-color2.act1 {
    -webkit-animation: fadeInDown 1s 0.4s both;
    animation: fadeInDown 1s 0.4s both;
    opacity: 1; }
  .three-color3.act1 {
    -webkit-animation: fadeInDown 1s 0.6s both;
    animation: fadeInDown 1s 0.6s both;
    opacity: 1; }
  .three-btn {
    width: 88vw;
    height: 20vw;
    position: absolute;
    bottom: 28vw;
    left: 5vw;
    display: none; }
  .btn-color {
    display: block;
    float: left;
    width: 15vw;
    height: 17vw;
    margin: 0 7vw;
    background: url(../png/three-btn-1f10296070cffbbbee7a5916c3a86a85.png) no-repeat;
    background-size: 74.6vw; }
  .btn-color1 {
    background-position: 0 0; }
  .btn-color2 {
    background-position: -30.3vw 0; }
  .btn-color3 {
    background-position: -60.6vw 0; }
  .btn-color.on {
    background: url(../png/three-btnl-dedd74f30cfbdd85889ec7655000ccfb.png) no-repeat;
    background-size: 74.6vw; }
  .btn-color1.on {
    background-position: 0 0; }
  .btn-color2.on {
    background-position: -30.3vw 0; }
  .btn-color3.on {
    background-position: -60.6vw 0; }
  /*section-5*/
  .section-5 {
    position: relative;
    height: 204.2vw;
    overflow: hidden;
    background: #f8f8f8; }
  .s5-eq1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-5 .introduce {
    width: 90vw;
    padding: 17.3vw 0 0 6vw;
    text-align: left;
    position: relative; }
  .section-5 .int-title {
    font-size: 7.2vw;
    color: #333333;
    line-height: 9.2vw;
    margin-bottom: 4.7vw;
    font-family: OPPOFont-Bold; }
  .section-5 .int-title p {
    font-size: 5.5vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    color: 333333;
    padding-top: 5.5vw; }
  .section-5 .int-text {
    font-size: 2.7vw;
    color: #868686;
    line-height: 4.2vw;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .s5-text {
    width: 34.2vw;
    height: 4vw;
    font-size: 2.2vw;
    line-height: 3.2vw;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center; }
  .s5-text i {
    height: 25.5vw;
    background: #606060;
    width: 1px;
    position: absolute;
    top: -2.4vw;
    left: 41vw;
    -ms-transform: rotate(-50deg);
        transform: rotate(-50deg); }
  .s5-text1 i {
    height: 24vw;
    top: -2vw;
    left: 42vw; }
  .s5-text2 {
    top: 108vw;
    left: 11.5vw; }
  .s5-text1 {
    top: 96vw;
    left: 27vw; }
  .s5-small {
    width: 59.7vw;
    height: 46.2vw;
    position: absolute;
    bottom: -5.5vw;
    left: 7.4vw;
    background: url(../png/s5-small-2122e371d3525133d3c63995c013967f.png) no-repeat;
    background-size: 100%; }
  .s5-small p {
    position: absolute;
    font-size: 2.2vw;
    color: #868686;
    font-family: 'OPPOFont-Medium';
    left: 28.7vw; }
  .s5-small .s5-small-p1 {
    top: -2vw; }
  .s5-small .s5-small-p2 {
    top: 20vw; }
  /*section-6*/
  .section-6 {
    position: relative;
    height: 456.9vw;
    overflow: hidden;
    background: #ffffff; }
  .s6-eq1 {
    position: absolute;
    left: 0;
    top: 106.9vw;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-6 .introduce {
    width: 86vw;
    height: 184.2vw;
    padding: 16.2vw 0 0 7.1vw;
    text-align: left;
    position: relative; }
  .section-6 .int-title {
    font-size: 7.2vw;
    color: #333333;
    line-height: 10.3vw;
    margin-bottom: 4.6vw;
    font-family: OPPOFont-Bold; }
  .section-6 .int-title.lg-title {
    display: none; }
  .section-6 .int-title p {
    font-size: 4.2vw;
    color: #333333;
    padding-top: 5.1vw;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .section-6 .int-text {
    font-size: 2.7vw;
    color: #868686;
    line-height: 4.5vw;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .s6-imgbox {
    width: 100vw;
    height: 255.2vw;
    position: relative; }
  .s6-img1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .s6-img2 {
    width: 100vw;
    height: 79vw;
    background: #fff;
    position: absolute;
    bottom: 0; }
  .s6-tbox {
    width: 95vw;
    text-align: left;
    position: relative;
    padding: 14.2vw 0 0 5vw; }
  .s6-tbox .int-title {
    font-size: 6.6vw;
    color: #ffffff;
    line-height: 10vw;
    margin-bottom: 3.8vw; }
  .s6-tbox .int-text {
    font-size: 2.7vw;
    color: #ffffff;
    line-height: 4.5vw;
    width: 80vw; }
  .s6-text {
    width: 27vw;
    height: 7vw;
    font-size: 2.5vw;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: left; }
  .s6-text i {
    width: 1px;
    background: #606060;
    height: 33.3vw;
    position: absolute;
    top: 4vw;
    left: -2.5vw; }
  .s6-text1 {
    top: -3vw;
    left: 43.4vw; }
  .s6-text2 {
    top: 9.2vw;
    left: 61.5vw; }
  .s6-text2 i {
    height: 22.2vw; }
  .s6-qxbox {
    width: 0;
    height: 79vw;
    overflow: hidden;
    transition: width 2s; }
  .s6-qx {
    width: 100vw;
    height: 79vw;
    background: url(../png/eq-img61-41aba4f257c9f6ec777cdf2fd67899bb.png) no-repeat;
    background-size: 100%; }
  .s6-img2 .bottom-tip {
    position: absolute;
    bottom: -21vw;
    left: 0;
    color: #868686;
    width: 100%;
    opacity: 0.8;
    padding-top: 0;
    text-align: left; }
  .s6-qxtext {
    width: 22vw;
    height: 3.2vw;
    line-height: 3vw;
    font-size: 2.5vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    color: #868686;
    position: absolute; }
  .s6-qxtext1 {
    top: 12.2vw;
    left: 7vw;
    width: 13vw;
    height: 9vw; }
  .s6-qxtext2 {
    top: 54.6vw;
    left: 7vw;
    width: 12vw;
    height: 9vw; }
  .s6-qxtext3 {
    top: 60.5vw;
    left: 26.3vw; }
  .s6-qxtext4 {
    top: 60.5vw;
    left: 52.4vw; }
  .s6-rt {
    width: 87.5vw;
    height: 4vw;
    line-height: 4vw;
    font-size: 2.2vw;
    font-family: OPPOFont-Regular;
    color: #868686;
    position: absolute; }
  .s6-rt i {
    display: inline-block;
    width: 5vw;
    height: 4vw;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 28vw;
    vertical-align: top; }
  .s6-rt1 {
    top: 12.2vw;
    left: 55.5vw; }
  .s6-rt1 i {
    background-position: -7.1vw -10.1vw;
    -ms-transform: scale(0.6);
        transform: scale(0.6); }
  .s6-rt2 {
    top: 16.3vw;
    left: 55.5vw; }
  .s6-rt2 i {
    background-position: -14.5vw -10.2vw;
    -ms-transform: scale(0.6);
        transform: scale(0.6); }
  /*section-7*/
  .section-7 {
    position: relative;
    height: 167.2vw;
    overflow: hidden;
    background: #f8f8f8; }
  .s7-eq1 {
    position: absolute;
    left: 0;
    top: -4vw;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-7 .introduce {
    width: 87vw;
    padding: 17.2vw 0 0 5.8vw;
    text-align: left;
    position: relative;
    color: #333333; }
  .bt-title {
    font-size: 7.2vw;
    line-height: 10vw;
    margin-bottom: 5vw;
    font-family: OPPOFont-Bold; }
  .bt-tit {
    font-size: 4.2vw;
    line-height: 5.5vw;
    margin-bottom: 5vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    display: none; }
  .section-7 .bt-tit2 {
    font-size: 4.2vw;
    line-height: 3vw;
    margin-bottom: 3vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    width: 84vw;
    height: 11vw; }
  .section-7 .bt-tit2 span {
    display: block;
    font-size: 4.2vw;
    line-height: 3vw;
    padding-top: 2vw; }
  .sb-text {
    font-size: 2.4vw;
    line-height: 4.5vw;
    margin-bottom: 2vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    color: #868686; }
  /*section-8*/
  .section-8 {
    position: relative;
    height: 167vw;
    overflow: hidden;
    background: #ffffff; }
  .s8-eq1 {
    width: 100vw;
    height: 167vw;
    position: absolute;
    top: 0;
    left: 0; }
  .section-8 .introduce {
    width: 90vw;
    padding: 17vw 0 0 6vw;
    text-align: left;
    color: #333333;
    position: relative;
    z-index: 2; }
  .section-8 .sb-text {
    color: #868686;
    width: 81vw; }
  .section-8 .bt-title {
    margin-bottom: 5.5vw; }
  .s8-ej {
    position: absolute;
    transition: left 2s;
    background: url(../png/s8-ej-94e145f572e899196145e4ad02d2d412.png) no-repeat;
    background-size: 100vw; }
  .s8-ej1 {
    width: 36vw;
    height: 35vw;
    top: 108vw;
    left: 53vw;
    z-index: 8;
    background-position: -3.1vw 0.6vw; }
  .s8-ej2 {
    display: none; }
  .s8-ej3 {
    display: none; }
  .s8-ej4 {
    width: 17vw;
    height: 22vw;
    top: 114vw;
    left: 68vw;
    z-index: 6;
    background-position: -41.2vw -5.6vw; }
  .s8-ej5 {
    width: 14vw;
    height: 22vw;
    top: 114vw;
    left: 72vw;
    z-index: 5;
    background-position: -60vw -6vw; }
  .s8-ej6 {
    display: none; }
  .s8-ej7 {
    display: none; }
  .s8-ej8 {
    width: 23vw;
    height: 64vw;
    top: 108vw;
    left: 71.8vw;
    z-index: 2;
    background-position: -75.2vw -0.2vw; }
  .s8-ej9 {
    display: none; }
  .s8-ejtext {
    width: 35vw;
    height: 8vw;
    line-height: 8vw;
    font-size: 4vw;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center;
    opacity: 0; }
  .s8-ejtext i {
    content: '';
    display: inline-block;
    width: 1px;
    height: 28vw;
    background: #9a9a9a;
    position: absolute;
    top: 7.6vw;
    left: 47%; }
  .s8-ejtext1 {
    display: none; }
  .s8-ejtext2 {
    top: -25vw;
    left: -12.5vw;
    font-size: 2.2vw; }
  .s8-ejtext3 {
    display: none; }
  .s8-ejtext.act {
    -webkit-animation: fadeInUp 1.5s 0.5s both;
    animation: fadeInUp 1.5s 0.5s both;
    opacity: 1; }
  /*section-9*/
  .section-9 {
    position: relative;
    height: 156.5vw;
    overflow: hidden;
    background: #f8f8f8; }
  .s9-eq1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-9 .introduce {
    width: 88vw;
    padding: 16.8vw 0 0 6vw;
    text-align: left;
    color: #ffffff;
    position: relative;
    z-index: 3; }
  .section-9 .bt-title {
    line-height: 10vw;
    margin-bottom: 2.9vw;
    font-size: 7vw; }
  .section-9 .sb-text {
    color: #ffffff;
    line-height: 5vw;
    width: 83vw;
    font-size: 2.7vw; }
  /*section-10*/
  .section-10 {
    position: relative;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 11.5vw; }
  .s10-eq1 {
    width: 100vw;
    height: auto;
    margin: 0 auto; }
  .section-10 .introduce {
    width: 85.9vw;
    padding-top: 6vw;
    text-align: left;
    color: #333333;
    opacity: 0;
    margin: 0 auto; }
  .section-10 .sb-text {
    color: #868686;
    margin-bottom: 4.2vw;
    line-height: 3.5vw;
    height: auto;
    font-size: 2.2vw; }
  .section-10 .bt-title {
    margin-bottom: 2.7vw;
    font-size: 3.8vw;
    line-height: 6vw; }
  .section-10 .swiper-wrapper {
    display: block !important;
    height: auto; }
  .section-10 .swi-img {
    width: 96.4vw;
    height: auto;
    opacity: 0;
    margin: 0 auto; }
  .swiper-button-prev, .swiper-button-next {
    width: 8vw;
    height: 8vw;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 26vw;
    outline: none;
    display: none; }
  .swiper-button-prev {
    background-position: 0 0;
    left: 1vw;
    margin-top: 12vw; }
  .swiper-button-next {
    background-position: -18.2vw 0;
    right: 1vw;
    margin-top: 12vw; }
  .swiper-pagination {
    top: 114vw;
    width: 100%;
    text-align: center; }
  .swiper-pagination-bullet {
    width: 6vw;
    height: 3vw;
    border-radius: 0;
    opacity: 1;
    margin: 0 2vw;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 30vw;
    outline: none;
    background-position: -17.5vw -17vw; }
  .swiper-pagination-bullet-active {
    background-position: -7vw -17vw; }
  .section-10 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .section-13 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .swi-img.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  /*section-11*/
  .section-11 {
    position: relative;
    height: 240.7vw;
    overflow: hidden;
    background: #f8f8f8; }
  .s11-eq1 {
    width: 100vw;
    height: 240.7vw;
    background: url(../png/s11-eq1-d4e0687253708f2a5b3d83d54fa4cee4.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .section-11 .introduce {
    width: 85vw;
    padding: 11vw 0 0 6vw;
    text-align: left;
    color: #333333;
    position: relative;
    z-index: 2; }
  .section-11 .sb-text {
    color: #868686;
    line-height: 5vw;
    margin-bottom: 13.5vw; }
  .section-11 .bt-title {
    margin-bottom: 5vw;
    line-height: 10vw;
    font-size: 7vw; }
  .xh-data ul {
    width: 100vw;
    height: auto; }
  .xh-data li {
    width: 41.6vw;
    height: 27.2vw;
    float: left;
    font-size: 0; }
  .xh-data li > span {
    font-size: 4.2vw;
    color: #333333;
    line-height: 50px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .xh-data li span.data-num {
    font-size: 7.7vw;
    color: #fe6d56;
    position: relative;
    font-family: OPPOFont-Bold; }
  .xh-data li p {
    font-size: 2.7vw;
    color: #868686;
    font-family: OPPOFont-Regular;
    padding-left: 0.1vw;
    line-height: 3.5vw;
    margin-top: -2.5vw; }
  .section-11 .bottom-tip {
    width: 90vw;
    color: #868686;
    padding-top: 0;
    font-size: 2.2vw;
    opacity: 0.3;
    text-align: left;
    line-height: 3.8vw;
    position: absolute;
    bottom: 7.2vw;
    left: 6vw;
    height: auto; }
  .section-11 .bottom-tip span:nth-child(1) {
    float: left;
    width: 2.2vw; }
  .section-11 .bottom-tip span:nth-child(2) {
    float: left;
    width: 87vw; }
  .section-11 .bottom-tip p {
    position: relative;
    overflow: hidden; }
  /*section-12*/
  .section-12 {
    position: relative;
    height: 133.4vw;
    overflow: hidden;
    background: #f8f8f8; }
  .section-12 .s12-eq1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-12 .introduce {
    width: 81vw;
    padding: 33.3vw 0 0 7vw;
    text-align: left;
    color: #333333;
    position: relative;
    z-index: 2; }
  .section-12 .sb-text {
    color: #868686;
    line-height: 5vw;
    width: 59vw;
    font-size: 2.7vw; }
  .section-12 .bt-tit {
    margin-bottom: 1vw; }
  .section-12 .bt-title {
    margin-bottom: 6vw;
    line-height: 10vw;
    width: 57vw; }
  .section-12 .bt-title p {
    font-size: 4.8vw;
    line-height: 6vw;
    padding-top: 5vw;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  /*section-13*/
  .section-13 {
    position: relative;
    height: 77vw;
    overflow: hidden;
    background: #ffffff;
    padding-top: 3vw; }
  .s13-eq1 {
    width: 100vw;
    height: auto;
    margin: 0 auto; }
  .section-13 .swiper-wrapper {
    display: block !important;
    height: auto;
    font-size: 0; }
  .section-13 .swiper-slide {
    width: 32vw;
    height: 70.8vw;
    display: inline-block;
    position: relative; }
  .section-13 .introduce {
    width: 28vw;
    text-align: left;
    color: #333333;
    opacity: 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 2vw; }
  .section-13 .sb-text {
    color: #868686;
    line-height: 3.3vw;
    height: 24vw;
    font-size: 2.2vw;
    margin-bottom: 0; }
  .section-13 .bt-title {
    font-size: 3.1vw;
    line-height: 4.4vw;
    padding: 3.5vw 0 3.3vw;
    margin-bottom: 0; }
  .section-13 .swi-img {
    position: absolute;
    top: 0;
    width: 32vw; }
  .section-13 .swiper-slide:nth-child(2) {
    margin: 0 2vw; }
  /*section-14*/
  .section-14 {
    position: relative;
    height: 189.8vw;
    overflow: hidden;
    background: #f8f8f8; }
  .section-14 .s14-eq1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-14 .introduce {
    width: 90vw;
    padding: 13.6vw 0 0 7.1vw;
    text-align: left;
    color: #ffffff;
    position: relative;
    z-index: 2; }
  .section-14 .bt-title {
    line-height: 10vw;
    margin-bottom: 6.8vw; }
  .section-14 .sb-text {
    width: 24vw;
    color: #ffffff;
    line-height: 4.4vw;
    margin-bottom: 14.2vw; }
  .section-14 .bt-title1 {
    padding-top: 1.7vw;
    margin-bottom: 5.8vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    font-size: 6.9vw; }
  .section-14 .span-yy {
    display: inline-block;
    width: 11.2vw;
    height: 11.2vw;
    background: url(../png/span-yy-6afbe57877ae53af672d6e7eab3f9730.png) no-repeat;
    background-size: 100%;
    vertical-align: top;
    position: relative;
    top: 1.4vw;
    left: 0.2vw;
    margin-right: 4.8vw; }
  .section-14 .bottom-tip {
    width: 86%;
    color: #fff;
    padding-top: 0;
    font-size: 2.2vw;
    opacity: 0.7;
    line-height: 3.7vw;
    position: absolute;
    bottom: 8.3vw;
    left: 7%;
    text-align: left; }
  .section-14 .bottom-tip span {
    display: block; }
  .talk-box ul {
    width: 90vw;
    height: auto;
    position: relative;
    top: 0;
    font-size: 0; }
  .talk-box li {
    width: auto;
    height: 7.7vw;
    margin-bottom: 2.7vw;
    font-size: 2.5vw;
    color: #868686;
    line-height: 7.7vw;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    display: inline-block;
    margin-right: 14vw;
    background-color: #fff;
    border-radius: 1.5vw;
    padding: 0 3.2vw;
    margin-left: 2vw;
    position: relative; }
  .talk-box li::before {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 2vw solid transparent;
    border-bottom: 3vw solid transparent;
    border-right: 4vw solid #fff;
    top: 1.3vw;
    left: -1.9vw; }
  /*section-15*/
  .section-15 {
    position: relative;
    height: 170.5vw;
    overflow: hidden;
    margin: 0 auto; }
  .section-15 .s15-box {
    width: 100vw;
    height: 206.6vw;
    background: #f8f8f8;
    position: relative; }
  .section-15 .introduce {
    width: 90vw;
    padding: 17.2vw 0 0 5vw;
    text-align: left;
    color: #333333; }
  .section-15 .sb-text {
    color: #868686;
    margin-bottom: 4vw;
    font-size: 2.7vw;
    line-height: 5vw; }
  .section-15 .bt-title {
    line-height: 10vw;
    margin-bottom: 3vw;
    font-size: 7.2vw; }
  .section-15 .s15-eq1 {
    position: absolute;
    left: 1.8vw;
    top: 80vw;
    width: 96.4vw;
    height: 82.4vw;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-15 .bottom-tip {
    width: 86vw;
    color: #868686;
    padding-top: 0;
    font-size: 2.2vw;
    opacity: 0.4;
    text-align: left;
    line-height: 3.7vw;
    position: absolute;
    bottom: 10vw;
    left: 7.1vw;
    overflow: hidden; }
  .section-15 .bottom-tip span:nth-child(1) {
    float: left;
    width: 2.2vw; }
  .section-15 .bottom-tip span:nth-child(2) {
    float: left;
    width: 83vw; }
  .section-15 .bottom-tip p {
    position: relative;
    overflow: hidden; }
  /*section-16*/
  .section-16 {
    position: relative;
    height: 162vw;
    overflow: hidden;
    margin: 0 auto; }
  .section-16 .s16-box {
    width: 100vw;
    height: 162vw;
    background: #f8f8f8;
    position: relative; }
  .section-16 .introduce {
    width: 90vw;
    padding: 11.8vw 0 0 7.1vw;
    text-align: left;
    color: #333333;
    z-index: 2;
    position: relative; }
  .section-16 .sb-text {
    color: #868686;
    line-height: 3.5vw;
    font-size: 2.2vw;
    padding-left: 0.2vw;
    overflow: hidden; }
  .section-16 .s16-eq1 {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100vw;
    height: 162vw;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .ajsm-list {
    padding-left: 47.5vw;
    width: 40.5vw; }
  .ajsm-list li {
    width: 100%;
    position: relative;
    margin-bottom: 6vw; }
  .ajsm-list p span:nth-child(1) {
    float: left;
    width: 2.2vw; }
  .ajsm-list p span:nth-child(2) {
    float: left;
    width: 38vw; }
  .section-16 .ajsm-list li p {
    position: relative;
    overflow: hidden; }
  .ajsm-list i {
    width: 10vw;
    background: #9a9a9a;
    height: 1px;
    position: absolute;
    top: 3vw;
    left: -14vw; }
  .ajsm-list i.i-heng2 {
    top: 3vw; }
  .ajsm-list i.i-heng2::before {
    width: 30vw;
    top: 9.6vw;
    left: -26.4vw; }
  .ajsm-list i.i-heng3 {
    top: 6vw;
    width: 20vw;
    left: -24vw; }
  .ajsm-list i.i-heng3::before {
    width: 8vw;
    top: 4vw;
    left: -3.9vw;
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .ajsm-list li i::before {
    content: '';
    display: block;
    clear: both;
    width: 42vw;
    background: #9a9a9a;
    height: 1px;
    position: absolute;
    top: 13.5vw;
    left: -36.9vw;
    -ms-transform: rotate(-40deg);
        transform: rotate(-40deg); }
  .section-16 .bt-title {
    margin-bottom: 9.2vw;
    line-height: 10vw; }
  .ajsm-list li .bt-title {
    font-size: 4.2vw;
    font-family: OPPOFont-Bold;
    margin-bottom: 2vw;
    line-height: 5.9vw; }
  .s16-ejtext {
    width: 100vw;
    height: 108vw;
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  .s16-text {
    width: 18vw;
    height: 5vw;
    text-align: right;
    font-size: 4.2vw;
    line-height: 4.8vw;
    color: #9a9a9a;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute; }
  .s16-text i {
    width: 32.1vw;
    background: #9a9a9a;
    height: 1px;
    position: absolute;
    top: 2.4vw;
    left: 25.9vw; }
  .s16-text1 {
    top: 44vw;
    left: 5vw; }
  .s16-text1 i {
    width: 18.58vw; }
  .s16-text2 {
    top: 64vw;
    left: 5vw; }
  .s16-text3 {
    top: 84.3vw;
    left: 5vw; }
  .s16-text3 i {
    width: 44.68vw; }
  /*section-17*/
  .section-17 {
    position: relative;
    height: 365vw;
    overflow: hidden;
    background: #f8f8f8; }
  .s17-eq1 {
    width: 100vw;
    height: 60.7vw; }
  .section-17 .bt-title {
    font-size: 3.7vw;
    color: #333333;
    padding-bottom: 5.5vw;
    margin-bottom: 0;
    border-bottom: 1px solid #dfdfdf;
    line-height: 5.4vw; }
  .section-17 .introduce {
    width: 86.5vw;
    padding-top: 2vw;
    margin: 0 auto;
    text-align: left;
    color: #333333; }
  .products-list {
    width: 86.5vw;
    margin: 0 auto 8.5vw; }
  .products-list li {
    height: auto;
    line-height: 12.7vw;
    border-bottom: 1px solid #dfdfdf;
    color: #333333;
    font-size: 2.2vw;
    overflow: hidden; }
  .products-list li.products-list-two {
    height: 14vw;
    line-height: 14vw; }
  .products-list li.products-list-two span {
    height: 9vw;
    line-height: 3vw;
    padding-top: 2.5vw; }
  .products-list li.li-lineh {
    line-height: 6.5vw;
    padding: 1.2vw 0; }
  .products-list li p {
    width: 50%;
    float: left;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .products-list li span {
    display: inline-block;
    width: 49%;
    float: left;
    color: #696969;
    font-family: OPPOFont-Regular;
    font-weight: bold; }
  .bztext-list {
    width: 86.5vw;
    margin: 0 auto; }
  .bztext-list li {
    padding-left: 3.2vw;
    line-height: 3.3vw;
    color: #bdbdbd;
    font-size: 2.2vw;
    margin-bottom: 1.5vw;
    position: relative;
    font-family: OPPOFont-Regular; }
  .bztext-list li.li-first {
    padding-left: 0; }
  .bztext-list li i {
    display: inline-block;
    width: 2vw;
    height: 6vw;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0; }
  .main-box.two .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-colortwo-118e226d6d655b28518e35c9935e18ec.jpg);
    background-size: 100% 100%; }
  .main-box.two .products-list .products-list-two {
    height: 15vw;
    line-height: 15vw; }
  .main-box.two .products-list .products-list-two p {
    line-height: 15vw; }
  .main-box.two .products-list .products-list-two span {
    height: 13vw;
    line-height: 5vw; }
  .main-box.two .products-list .products-list-two .white {
    display: none; }
  .main-box.one .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-colorone-87697a5154082aae6fd55a0887b3f6aa.jpg);
    background-size: 100% 100%; }
  .main-box.one .products-list .products-list-two {
    height: 12.7vw;
    line-height: 12.7vw; }
  .main-box.one .products-list .products-list-two p {
    line-height: 12.7vw; }
  .main-box.one .products-list .products-list-two span {
    height: 12.7vw;
    line-height: 12.7vw;
    padding-top: 0; }
  .main-box.one .products-list .products-list-two .white {
    display: none; }
  .main-box.one .products-list .products-list-two .orange {
    display: none; }
  .all-black .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-colorone-87697a5154082aae6fd55a0887b3f6aa.jpg);
    background-size: 100% 100%; }
  .all-black .three-color2 {
    display: none !important; }
  .all-black .three-color3 {
    display: none !important; }
  .all-black .products-list .products-list-two {
    height: 12.7vw;
    line-height: 12.7vw; }
  .all-black .products-list .products-list-two p {
    line-height: 12.7vw; }
  .all-black .products-list .products-list-two span {
    height: 12.7vw;
    line-height: 12.7vw;
    padding-top: 0; }
  .all-black .products-list .products-list-two .white {
    display: none; }
  .all-black .products-list .products-list-two .orange {
    display: none; }
  .black-orange .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-colortwo-118e226d6d655b28518e35c9935e18ec.jpg);
    background-size: 100% 100%; }
  .black-orange .three-color {
    margin: 0 5vw; }
  .black-orange .products-list .products-list-two {
    height: 15vw;
    line-height: 15vw; }
  .black-orange .products-list .products-list-two p {
    line-height: 15vw; }
  .black-orange .products-list .products-list-two span {
    height: 13vw;
    line-height: 5vw; }
  .black-orange .products-list .products-list-two .white {
    display: none; }
  .black-silver .section-4 .wrapper {
    height: 40.1vw;
    overflow: hidden;
    background: url(../jpg/three-colortwo2-4c4c1a12a76c99cd171f1adc003f96c4.jpg);
    background-size: 100% 100%; }
  .black-silver .three-color {
    margin: 0 5vw; }
  .black-silver .three-color2 {
    display: none !important; }
  .black-silver .products-list .products-list-two {
    height: 15vw;
    line-height: 15vw; }
  .black-silver .products-list .products-list-two p {
    line-height: 15vw; }
  .black-silver .products-list .products-list-two span {
    height: 13vw;
    line-height: 5vw; }
  .black-silver .products-list .products-list-two .orange {
    display: none; } }

@media only screen and (min-width: 1080px) and (max-width: 1920px) {
  .wrapper {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 100%; }
  .hide-br-1280 {
    display: none; }
  .video-dialog-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    width: 960px;
    height: 540px;
    margin-left: -480px;
    margin-top: -270px; }
  .video-dialog-close {
    right: 0;
    top: -50px; }
  /*section-1*/
  .section-1 {
    position: relative;
    height: 705px;
    background: #f8f8f8; }
  .eq1-bg {
    position: absolute;
    left: -480px;
    top: 0;
    width: 1920px;
    height: 705px;
    z-index: 1;
    opacity: 0; }
  .eq1-show {
    z-index: 2; }
  .eq1-show1 {
    z-index: 2;
    background: url(../png/bg-1a-107b376b25a4c631521d4930bd4e55b0.png) no-repeat;
    background-size: 100%; }
  .eq1-show3 {
    z-index: 2;
    background: url(../png/bg-1q-28fc9fb9825162d161e2f7e33ba5f13a.png) no-repeat;
    background-size: 100%; }
  .eq1-show2 {
    background: url(../png/bg-1b-f63880aec86b2a9112e9f855f057a6d8.png) no-repeat;
    background-size: 100%; }
  .eq1-showty {
    background: url(../png/bg-1ty-9e3c236bf1b386ed27148043d667ad3b.png) no-repeat;
    background-size: 100%; }
  .eq1-show.act {
    -webkit-animation: fadeInUp 1.6s 0.4s both;
    animation: fadeInUp 1.6s 0.4s both;
    opacity: 0; }
  .eq1-show1.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-show3.act1 {
    -webkit-animation: fadeInDownQ 0.5s 1.7s both;
    animation: fadeInDownQ 0.5s 1.7s both;
    opacity: 0; }
  .eq1-show2.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-showty.act2 {
    -webkit-animation: fadeInOp 1s 0.6s both;
    animation: fadeInOp 1s 0.6s both;
    opacity: 0; }
  .eq1-show.move {
    -webkit-animation: fadeOutUp 0.5s 0.1s both;
    animation: fadeOutUp 0.5s 0.1s both;
    opacity: 0; }
  .eq1-showty.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show1.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show2.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show3.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  /*section-2*/
  .section-2 {
    position: relative;
    height: 450px;
    overflow: hidden;
    background: #f8f8f8; }
  .s2-video {
    width: 1920px;
    height: 450px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -480px;
    z-index: 2; }
  .vide-bg {
    width: 100%;
    height: auto; }
  .vide-bg video {
    position: absolute;
    width: 1920px;
    height: auto;
    top: -15px; }
  .video-mask {
    width: 1920px;
    height: 450px;
    background: #000000;
    opacity: 0.7;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0; }
  .section-2 .introduce {
    position: relative;
    width: 100%;
    left: 0px;
    padding-top: 95px;
    z-index: 5;
    text-align: center; }
  .section-2 .subtitle {
    height: 212px;
    font-size: 38px;
    line-height: 58px;
    color: #ffffff;
    font-family: OPPOFont-Bold; }
  .section-2 .title {
    width: 100%;
    padding-top: 1px;
    font-size: 48px;
    line-height: 80px;
    color: #ffffff;
    font-family: OPPOFont-Bold; }
  .section-2 .description {
    padding-top: 26px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    margin: 0 auto;
    font-family: OPPOFont-Regular; }
  .btn-gkyp {
    width: 237px;
    height: 32px;
    display: block;
    margin: 0 auto;
    font-size: 0; }
  .btn-gkyp span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
    margin-top: -8px;
    position: relative; }
  .btn-gkyp span::before {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px; }
  .btn-gkyp i {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url(../png/btn-gkyp-28c06482959fb51c736ea6d5065cc581.png);
    margin-left: 10px; }
  .bottom-tip {
    color: #686771;
    font-size: 22px;
    text-align: center;
    line-height: 26px;
    padding-top: 148px;
    font-family: OPPOFont-Regular; }
  /*section-3*/
  .section-3 {
    position: relative;
    height: 720px;
    overflow: hidden; }
  .section-3 .s3-eq1 {
    position: absolute;
    left: -480px;
    top: -40px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-3 .introduce {
    padding: 90px 0 0 495px;
    text-align: left;
    position: relative;
    width: 480px;
    z-index: 5; }
  .section-3-xmbar {
    display: none; }
  .big-btitle {
    font-size: 25px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: OPPOFont-Bold; }
  .btitle {
    font-size: 25px;
    color: #000000;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: OPPOFont-Bold; }
  .stitle {
    font-size: 28px;
    color: #000000;
    display: block;
    line-height: 32px;
    padding-top: 10px;
    font-family: OPPOFont-Regular; }
  /*section-4*/
  .section-4 {
    position: relative;
    height: 550px;
    overflow: hidden;
    background: #ffffff; }
  .three-box {
    width: 1145px;
    height: auto;
    margin-left: -86px;
    padding-top: 50px; }
  .three-color {
    width: 360px;
    height: 403px;
    margin: 0 10px;
    float: left;
    opacity: 0; }
  .three-color p {
    font-size: 40px;
    color: #333;
    padding-top: 364px;
    text-align: center; }
  .three-color1 {
    background: url(../png/three-color1-66ec753bb2b9029e30c70cdd66e4fbea.png) no-repeat;
    background-size: 100%; }
  .three-color2 {
    background: url(../png/three-color2-095a7831942ea93da9322dc99ef70d82.png) no-repeat;
    background-size: 100%; }
  .three-color3 {
    background: url(../png/three-color3-787c2c3951058fdf73d508216f547fc9.png) no-repeat;
    background-size: 100%; }
  .three-color1.act1 {
    -webkit-animation: fadeInDown 1s 0.2s both;
    animation: fadeInDown 1s 0.2s both;
    opacity: 1; }
  .three-color2.act1 {
    -webkit-animation: fadeInDown 1s 0.4s both;
    animation: fadeInDown 1s 0.4s both;
    opacity: 1; }
  .three-color3.act1 {
    -webkit-animation: fadeInDown 1s 0.6s both;
    animation: fadeInDown 1s 0.6s both;
    opacity: 1; }
  /*section-5*/
  .section-5 {
    position: relative;
    height: 1424px;
    overflow: hidden;
    background: #f8f8f8; }
  .s5-eq1 {
    position: absolute;
    left: -480px;
    top: 0px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-5 .introduce {
    width: 960px;
    padding: 146px 0 0 20px;
    text-align: left;
    position: relative; }
  .section-5 .int-title {
    font-size: 46px;
    color: #333333;
    line-height: 73px;
    margin-bottom: 30px;
    font-family: OPPOFont-Bold; }
  .section-5 .int-text {
    font-size: 15px;
    color: #868686;
    line-height: 25px;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    width: 820px; }
  .s5-text {
    width: 210px;
    height: 24px;
    font-size: 15px;
    line-height: 24px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: left; }
  .s5-text i {
    width: 355px;
    background: #606060;
    height: 1px;
    position: absolute;
    top: 14px;
    left: 185px; }
  .s5-text1 i {
    width: 500px;
    left: 220px; }
  .s5-text1 {
    top: 575px;
    left: 85px; }
  .s5-text2 {
    top: 715px;
    left: 85px; }
  .s5-small {
    width: 422px;
    height: 290px;
    position: absolute;
    bottom: 40px;
    left: 35px;
    background: url(../png/s5-small-74b79fb89f732fa96f206eba6bf50e51.png) no-repeat;
    background-size: 100%; }
  .s5-small p {
    position: absolute;
    font-size: 15px;
    color: #868686;
    font-family: 'OPPOFont-Medium';
    left: 270px;
    width: 300px; }
  .s5-small .s5-small-p1 {
    top: -14px; }
  .s5-small .s5-small-p2 {
    top: 177px; }
  /*section-6*/
  .section-6 {
    position: relative;
    height: 2990px;
    overflow: hidden;
    background: #ffffff; }
  .s6-eq1 {
    position: absolute;
    left: -480px;
    top: 0;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-6 .introduce {
    width: 870px;
    height: 1080px;
    padding: 120px 0 0 90px;
    text-align: left;
    position: relative; }
  .section-6 .int-title {
    font-size: 46px;
    color: #333333;
    line-height: 68px;
    margin-bottom: 28px;
    font-family: OPPOFont-Bold; }
  .s6-tbox .int-title {
    font-size: 46px;
    color: #333333;
    line-height: 68px;
    margin-bottom: 28px;
    font-family: OPPOFont-Bold;
    display: none; }
  .section-6 .int-title.lg-title {
    display: block;
    line-height: 55px; }
  .section-6 .int-text {
    font-size: 15px;
    color: #868686;
    line-height: 28px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .s6-imgbox {
    width: 1920px;
    height: 1750px;
    margin-left: -480px;
    position: relative; }
  .s6-img1 {
    width: 1080px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -540px; }
  .s6-img2 {
    width: 1080px;
    height: 557px;
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -540px;
    background: #f8f8f8; }
  .s6-tbox {
    width: 960px;
    text-align: left;
    position: relative;
    padding-top: 120px;
    margin: 0 auto; }
  .s6-tbox .int-title {
    font-size: 46px;
    color: #ffffff;
    line-height: 50px;
    margin-bottom: 43px; }
  .s6-tbox .int-text {
    font-size: 15px;
    color: #ffffff;
    line-height: 28px; }
  .s6-text {
    width: 345px;
    height: 24px;
    font-size: 17px;
    line-height: 24px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center; }
  .s6-text i {
    width: 1px;
    background: #606060;
    height: 300px;
    position: absolute;
    top: 35px;
    left: 160px; }
  .s6-text2 i {
    left: 90px;
    height: 230px; }
  .s6-text1 {
    top: 520px;
    left: 610px; }
  .s6-text2 {
    top: 595px;
    left: 855px; }
  .s6-qxbox {
    width: 0;
    height: 557px;
    overflow: hidden;
    transition: width 2s; }
  .s6-qx {
    width: 960px;
    height: 557px;
    background: url(../png/eq-img61-c3f4153044d9d34718f15afcdb44c353.png) no-repeat;
    background-size: 100%; }
  .s6-img2 .bottom-tip {
    position: absolute;
    bottom: -115px;
    left: 0;
    color: #868686;
    width: 100%;
    opacity: 0.5;
    padding-top: 0; }
  .s6-qxtext {
    width: 120px;
    height: 26px;
    line-height: 22px;
    font-size: 15px;
    font-family: OPPOFont-Regular;
    color: #868686;
    position: absolute; }
  .s6-qxtext1 {
    top: 80px;
    left: 60px;
    width: 80px;
    height: 66px; }
  .s6-qxtext2 {
    top: 365px;
    left: 60px;
    width: 75px;
    height: 66px; }
  .s6-qxtext3 {
    top: 436px;
    left: 360px; }
  .s6-qxtext4 {
    top: 436px;
    left: 580px;
    width: 150px; }
  .s6-rt {
    width: 305px;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    font-family: OPPOFont-Regular;
    color: #868686;
    position: absolute; }
  .s6-rt i {
    display: inline-block;
    width: 23px;
    height: 26px;
    margin-right: 10px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    vertical-align: top; }
  .s6-rt1 {
    top: 70px;
    right: 160px; }
  .s6-rt1 i {
    background-position: -49px -65px; }
  .s6-rt2 {
    top: 105px;
    right: 160px; }
  .s6-rt2 i {
    background-position: -94.5px -65px; }
  /*section-7*/
  .section-7 {
    position: relative;
    height: 1034px;
    overflow: hidden;
    background: #f8f8f8; }
  .s7-eq1 {
    position: absolute;
    left: -480px;
    top: -50px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-7 .introduce {
    width: 975px;
    padding: 125px 0 0 0px;
    text-align: left;
    position: relative;
    color: #333333; }
  .bt-title {
    font-size: 46px;
    line-height: 60px;
    margin-bottom: 38px;
    font-family: OPPOFont-Bold; }
  .bt-tit {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 42px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .bt-tit2 {
    display: none; }
  .sb-text {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 20px;
    font-family: OPPOFont-Regular;
    color: #868686; }
  /*section-8*/
  .section-8 {
    position: relative;
    height: 1087px;
    overflow: hidden;
    background: #ffffff; }
  .s8-eq1 {
    width: 960px;
    height: 503px;
    position: absolute;
    bottom: 0;
    left: -540px;
    margin-left: 50%; }
  .section-8 .introduce {
    width: 820px;
    padding-top: 160px;
    text-align: left;
    color: #333333; }
  .section-8 .sb-text {
    color: #868686; }
  .s8-ej {
    position: absolute;
    transition: left 2s;
    background: url(../png/s8-ej-36fefde219047695c78b22e019f6cb75.png) no-repeat;
    background-size: 1280px; }
  .s8-ej1 {
    width: 144.5px;
    height: 184px;
    top: 79px;
    left: 757px;
    z-index: 8;
    background-position: -12px -75px; }
  .s8-ej1a {
    width: 144.5px;
    height: 184px;
    top: 79px;
    left: 757px;
    z-index: 11;
    background-position: -12px -311px; }
  .s8-ej2 {
    width: 212.5px;
    height: 227px;
    top: 0;
    left: 816px;
    z-index: 9;
    background-position: -189.5px -1.5px; }
  .s8-ej3 {
    width: 44.5px;
    height: 53.5px;
    top: 101px;
    left: 892px;
    z-index: 7;
    background-position: -426.5px -100.5px; }
  .s8-ej4 {
    width: 113px;
    height: 158.5px;
    top: 52px;
    left: 875px;
    z-index: 6;
    background-position: -492px -50.5px; }
  .s8-ej5 {
    width: 98px;
    height: 155.5px;
    top: 54px;
    left: 904px;
    z-index: 5;
    background-position: -633px -53px; }
  .s8-ej6 {
    width: 86.5px;
    height: 153px;
    top: 33px;
    left: 935px;
    z-index: 4;
    background-position: -766.5px -32.5px; }
  .s8-ej7 {
    width: 57.5px;
    height: 95.5px;
    top: 78px;
    left: 945px;
    z-index: 3;
    background-position: -877px -77px; }
  .s8-ej8 {
    width: 155px;
    height: 486.5px;
    top: 16px;
    left: 910px;
    z-index: 2;
    background-position: -969px -16.5px; }
  .s8-ej9 {
    width: 70.5px;
    height: 104px;
    top: 68px;
    left: 998px;
    z-index: 1;
    background-position: -1172px -68.5px; }
  .s8-ejtext {
    width: 150px;
    height: 44px;
    line-height: 22px;
    font-size: 15px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center;
    opacity: 0; }
  .s8-ejtext i {
    content: '';
    display: inline-block;
    width: 1px;
    height: 190px;
    background: #9a9a9a;
    position: absolute;
    top: 55px;
    left: 50%; }
  .s8-ejtext1 {
    top: -220px;
    left: -56px; }
  .s8-ejtext2 {
    top: -175px;
    left: -30px; }
  .s8-ejtext2 i {
    height: 150px; }
  .s8-ejtext3 {
    top: -152px;
    left: 35px; }
  .s8-ejtext3 i {
    height: 55px; }
  .s8-ejtext3 i::before {
    content: "";
    display: block;
    clear: both;
    width: 1px;
    height: 115px;
    background: #9a9a9a;
    position: absolute;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 38px;
    left: -41px; }
  .s8-ejtext.act {
    -webkit-animation: fadeInUp 1.5s 0.5s both;
    animation: fadeInUp 1.5s 0.5s both;
    opacity: 1; }
  /*section-9*/
  .section-9 {
    position: relative;
    height: 920px;
    overflow: hidden;
    background: #f8f8f8; }
  .s9-eq1 {
    position: absolute;
    left: -480px;
    top: -50px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-9 .introduce {
    width: 438px;
    padding: 180px 0 0 560px;
    text-align: left;
    color: #ffffff;
    position: relative;
    z-index: 3; }
  .section-9 .bt-title {
    line-height: 68px;
    margin-bottom: 35px;
    font-size: 46px; }
  .section-9 .sb-text {
    color: #ffffff;
    line-height: 28px;
    font-size: 15px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  /*section-10*/
  .section-10 {
    position: relative;
    height: 1128px;
    overflow: hidden;
    background: #ffffff; }
  .s10-eq1 {
    width: 970px;
    height: 1128px;
    margin: 0 auto; }
  .section-10 .introduce {
    width: 100%;
    padding-top: 142px;
    text-align: left;
    color: #333333;
    opacity: 0; }
  .section-10 .sb-text {
    color: #868686;
    margin-bottom: 45px;
    font-size: 15px;
    height: 56px;
    line-height: 28px; }
  .section-10 .bt-title {
    margin-bottom: 38px;
    font-size: 46px; }
  .swi-img {
    width: 960px;
    height: 660px;
    opacity: 0; }
  .swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 50px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    outline: none; }
  .swiper-button-prev {
    background-position: 0 0;
    left: -100px;
    margin-top: 60px; }
  .swiper-button-next {
    background-position: -127px 0;
    right: -100px;
    margin-top: 60px; }
  .swiper-pagination {
    top: 1018px;
    width: 100%;
    text-align: center; }
  .swiper-pagination-bullet {
    width: 23px;
    height: 6px;
    border-radius: 0;
    opacity: 1;
    margin: 0 16px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    outline: none;
    background-position: -107.5px -107.5px; }
  .swiper-pagination-bullet-active {
    background-position: -45.5px -107.5px; }
  .section-10 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .section-13 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .swi-img.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  /*section-11*/
  .section-11 {
    position: relative;
    height: 1440px;
    overflow: hidden;
    background: #f8f8f8; }
  .s11-eq1 {
    width: 943px;
    height: 774px;
    background: url(../png/s11-eq1-b5f0fa52f55908a0f979aa7874e18963.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 470px;
    left: 134px; }
  .section-11 .introduce {
    width: 960px;
    padding-top: 135px;
    text-align: left;
    color: #333333; }
  .section-11 .sb-text {
    color: #868686;
    font-size: 15px;
    line-height: 28px; }
  .section-11 .bt-title {
    margin-bottom: 42px;
    font-size: 46px; }
  .xh-data {
    padding-top: 88px; }
  .xh-data ul {
    width: 690px;
    height: auto; }
  .xh-data li {
    width: 330px;
    height: 198px; }
  .xh-data li > span {
    font-size: 38px;
    color: #333333;
    vertical-align: bottom;
    line-height: 50px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .xh-data li span.data-num {
    font-size: 75px;
    color: #fe6d56;
    position: relative;
    top: -21px;
    margin-right: 5px;
    font-family: OPPOFont-Bold; }
  .xh-data li p {
    font-size: 21px;
    color: #868686;
    margin-top: 10px;
    font-family: OPPOFont-Regular;
    line-height: 35px; }
  .section-11 .bottom-tip {
    width: 100%;
    color: #868686;
    font-size: 12px;
    opacity: 0.4;
    text-align: center;
    line-height: 20px;
    position: absolute;
    bottom: 44px;
    left: 0;
    text-align: center; }
  /*section-12*/
  .section-12 {
    position: relative;
    height: 715px;
    overflow: hidden;
    background: #f8f8f8; }
  .section-12 .s12-eq1 {
    position: absolute;
    left: -480px;
    top: -35px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-12 .introduce {
    width: 70%;
    padding-top: 270px;
    text-align: center;
    color: #333333;
    position: relative;
    z-index: 2;
    margin: 0 auto; }
  .section-12 .sb-text {
    color: #868686;
    line-height: 28px;
    font-size: 15px; }
  .section-12 .bt-tit {
    margin-bottom: 27px; }
  .section-12 .bt-title {
    margin-bottom: 40px;
    font-size: 46px; }
  /*section-13*/
  .section-13 {
    position: relative;
    height: 1025px;
    overflow: hidden;
    background: #ffffff; }
  .s13-eq1 {
    width: 960px;
    height: 1128px;
    margin: 0 auto; }
  .section-13 .introduce {
    width: 960px;
    padding-top: 142px;
    text-align: left;
    color: #333333;
    opacity: 0; }
  .section-13 .sb-text {
    color: #868686;
    margin-bottom: 25px;
    height: 64px; }
  .section-13 .bt-title {
    margin-bottom: 38px; }
  .section-13 .swi-img {
    height: 528px; }
  .section-13 .swiper-button-next, .section-13 .swiper-button-prev {
    margin-top: 10px; }
  .section-13 .swiper-pagination {
    top: 885px; }
  /*section-14*/
  .section-14 {
    position: relative;
    height: 1180px;
    overflow: hidden;
    margin-bottom: 150px; }
  .section-14 .s14-eq1 {
    position: absolute;
    left: -480px;
    top: -40px;
    width: 1920px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-14 .introduce {
    width: 560px;
    padding: 125px 0 0 505px;
    text-align: left;
    color: #333333;
    position: relative;
    z-index: 2; }
  .section-14 .bt-title {
    line-height: 68px;
    margin-bottom: 29px;
    font-size: 46px;
    width: 500px; }
  .section-14 .sb-text {
    width: 450px;
    color: #868686;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 55px; }
  .section-14 .bt-title1 {
    padding-top: 49px;
    margin-bottom: 35px; }
  .section-14 .span-yy {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(../png/span-yy-6afbe57877ae53af672d6e7eab3f9730.png) no-repeat;
    background-size: 100%;
    vertical-align: top;
    position: relative;
    top: -13px;
    left: 0;
    margin-right: 27px; }
  .section-14 .bottom-tip {
    width: 65%;
    color: #3a3939;
    font-size: 12px;
    opacity: 0.7;
    text-align: center;
    line-height: 20px;
    position: absolute;
    bottom: 50px;
    left: 17.5%;
    text-align: center; }
  .talk-box ul {
    width: 541px;
    height: auto; }
  .talk-box li {
    width: 445px;
    height: 68px;
    margin-bottom: 24px;
    font-size: 21px;
    color: #868686;
    line-height: 68px;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    padding-left: 30px;
    background: url(../png/talk-libg-c7bfdee0e06b7a6eaf05a9bc5097949a.png) no-repeat;
    background-size: 100%; }
  .talk-box li.talk-two {
    background: url(../png/talk-libg2-9536523c9f01799568af320552b20635.png) no-repeat;
    height: 77px;
    line-height: 33px;
    padding-top: 11px;
    background-size: 100% 100%; }
  /*section-15*/
  .section-15 {
    position: relative;
    height: 782px;
    overflow: hidden;
    margin: 0 auto 150px; }
  .section-15 .s15-box {
    width: 1100px;
    height: 782px;
    margin-left: -50px;
    background: #f8f8f8;
    position: relative; }
  .section-15 .introduce {
    width: 465px;
    padding: 85px 0 0 68px;
    text-align: left;
    color: #333333; }
  .section-15 .sb-text {
    color: #868686;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 28px; }
  .section-15 .bt-title {
    line-height: 75px;
    margin-bottom: 36px;
    font-size: 46px; }
  .section-15 .s15-eq1 {
    position: absolute;
    right: 83px;
    top: -20px;
    width: 450px;
    height: 559px;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-15 .bottom-tip {
    width: 100%;
    color: #868686;
    font-size: 12px;
    opacity: 0.4;
    text-align: center;
    line-height: 20px;
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center; }
  .section-15 .bottom-tip span {
    display: inline-block; }
  /*section-16*/
  .section-16 {
    position: relative;
    height: 1128px;
    overflow: hidden;
    margin: 0 auto; }
  .section-16 .s16-box {
    width: 1100px;
    height: 1128px;
    margin-left: -50px;
    background: #f8f8f8;
    position: relative; }
  .section-16 .introduce {
    width: 680px;
    padding: 120px 0 0 330px;
    text-align: left;
    color: #333333;
    z-index: 2;
    position: relative; }
  .section-16 .sb-text {
    color: #868686;
    margin-bottom: 50px; }
  .section-16 .s16-eq1 {
    position: absolute;
    left: 0;
    top: -30px;
    width: 1100px;
    height: 1128px;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-16 .ajsm-list {
    padding-top: 64px;
    padding-left: 222px; }
  .ajsm-list li {
    width: 100%;
    height: auto;
    position: relative; }
  .ajsm-list li .bt-title {
    font-size: 38px;
    margin-bottom: 15px; }
  .ajsm-list li .i-heng {
    content: '';
    height: 2px;
    background: #9a9a9a;
    position: absolute;
    top: 32px; }
  .i-heng1 {
    width: 250px;
    left: -280px; }
  .i-heng2 {
    width: 175px;
    left: -195px; }
  .i-heng3 {
    width: 175px;
    left: -195px; }
  .i-heng1::before {
    height: 200px;
    top: -28px;
    left: -71px;
    position: absolute;
    content: '';
    clear: both;
    display: block;
    width: 2px;
    background: #9a9a9a;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .i-heng2::before {
    height: 150px;
    top: -21px;
    left: -52px;
    position: absolute;
    content: '';
    clear: both;
    display: block;
    width: 2px;
    background: #9a9a9a;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .i-heng3::before {
    height: 40px;
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    clear: both;
    display: block;
    width: 2px;
    background: #9a9a9a; }
  .section-16 .bt-title {
    margin-bottom: 8px;
    line-height: 68px;
    font-size: 46px; }
  .s16-ejtext {
    display: none; }
  /*section-17*/
  .section-17 {
    position: relative;
    height: 3160px;
    overflow: hidden;
    background: #ffffff; }
  .s17-eq1 {
    width: 960px;
    height: 722px; }
  .section-17 .bt-title {
    font-size: 34px;
    color: #333333;
    padding-bottom: 44px;
    margin-bottom: 0px;
    border-bottom: 1px solid #dfdfdf;
    line-height: 58px;
    width: 800px; }
  .section-17 .introduce {
    width: 964px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: left;
    color: #333333; }
  .products-list {
    width: 964px;
    margin: 0 auto 93px; }
  .products-list li {
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #dfdfdf;
    color: #333333;
    font-size: 22px; }
  .products-list .products-list-two {
    height: 180px;
    line-height: 180px; }
  .products-list .products-list-two span {
    line-height: 40px;
    height: 120px;
    padding-top: 20px; }
  .products-list li p {
    width: 50%;
    float: left;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .products-list li span {
    display: inline-block;
    width: 49%;
    float: left;
    color: #696969;
    height: 84px;
    font-family: OPPOFont-Regular;
    font-weight: bold; }
  .bztext-list {
    width: 964px;
    margin: 0 auto; }
  .bztext-list li {
    padding-left: 22px;
    line-height: 32px;
    color: #bdbdbd;
    font-size: 15px;
    position: relative;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .bztext-list li.li-first {
    padding-left: 0; }
  .bztext-list li i {
    display: inline-block;
    width: 10px;
    height: 40px;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0; }
  .main-box.two .section-4 .three-box .three-color3 {
    display: none !important; }
  .main-box.two .section-4 .three-box .three-color {
    margin: 0 92px; }
  .main-box.two .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .main-box.two .products-list .products-list-two span {
    height: 100px; }
  .main-box.two .products-list .products-list-two .white {
    display: none; }
  .main-box.one .section-4 .three-box .three-color3 {
    display: none !important; }
  .main-box.one .section-4 .three-box .three-color1 {
    margin: 0 345px; }
  .main-box.one .section-4 .three-box .three-color2 {
    display: none !important; }
  .main-box.one .products-list .products-list-two {
    height: 100px;
    line-height: 100px; }
  .main-box.one .products-list .products-list-two span {
    height: 80px;
    line-height: 58px; }
  .main-box.one .products-list .products-list-two .white {
    display: none; }
  .main-box.one .products-list .products-list-two .orange {
    display: none; }
  .all-black .eq1-show1 {
    z-index: 2;
    background-size: 100%;
    background: none; }
  .all-black .eq1-show1 .top-p {
    width: 630px;
    color: #010000;
    margin: 0 auto;
    padding-top: 270px;
    padding-left: 600px;
    text-align: center; }
  .all-black .eq1-show1 .top-p1 {
    font-size: 55px;
    font-family: OPPOFont-Bold;
    line-height: 75px; }
  .all-black .eq1-show1 .top-p2 {
    font-size: 19px;
    font-family: OPPOFont-Bold;
    line-height: 40px; }
  .all-black .eq1-show1 .top-p3 {
    font-size: 26px;
    line-height: 50px;
    font-family: OPPOFont-Medium; }
  .all-black .eq1-show3 {
    z-index: 2;
    background: none;
    background-size: 100%; }
  .all-black .eq1-show2 {
    background: none;
    background-size: 100%; }
  .all-black .eq1-showty {
    background: none;
    background-size: 100%; }
  .all-black .section-3 .s3-eq1 {
    top: -20px; }
  .all-black .section-3 .introduce {
    padding: 100px 0 0 480px; }
  .all-black .section-4 .three-box .three-color3 {
    display: none !important; }
  .all-black .section-4 .three-box .three-color1 {
    margin: 0 345px; }
  .all-black .section-4 .three-box .three-color2 {
    display: none !important; }
  .all-black .products-list .products-list-two {
    height: 100px;
    line-height: 100px; }
  .all-black .products-list .products-list-two span {
    height: 80px;
    line-height: 58px; }
  .all-black .products-list .products-list-two .white {
    display: none; }
  .all-black .products-list .products-list-two .orange {
    display: none; }
  .black-orange .section-4 .three-box .three-color3 {
    display: none !important; }
  .black-orange .section-4 .three-box .three-color {
    margin: 0 92px; }
  .black-orange .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .black-orange .products-list .products-list-two span {
    height: 100px; }
  .black-orange .products-list .products-list-two .white {
    display: none; }
  .black-silver .eq1-show1 {
    z-index: 2;
    background-size: 100%;
    background: none; }
  .black-silver .eq1-show1 .top-p {
    width: 630px;
    color: #010000;
    margin: 0 auto;
    padding-top: 270px;
    padding-left: 600px;
    text-align: center; }
  .black-silver .eq1-show1 .top-p1 {
    font-size: 55px;
    font-family: OPPOFont-Bold;
    line-height: 75px; }
  .black-silver .eq1-show1 .top-p2 {
    font-size: 19px;
    font-family: OPPOFont-Bold;
    line-height: 40px; }
  .black-silver .eq1-show1 .top-p3 {
    font-size: 26px;
    line-height: 50px;
    font-family: OPPOFont-Medium; }
  .black-silver .eq1-show3 {
    z-index: 2;
    background: none;
    background-size: 100%; }
  .black-silver .eq1-show2 {
    background: none;
    background-size: 100%; }
  .black-silver .eq1-showty {
    background: none;
    background-size: 100%; }
  .black-silver .section-3 .s3-eq1 {
    top: -20px; }
  .black-silver .section-3 .introduce {
    padding: 100px 0 0 480px; }
  .black-silver .section-4 .three-box .three-color2 {
    display: none !important; }
  .black-silver .section-4 .three-box .three-color {
    margin: 0 92px; }
  .black-silver .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .black-silver .products-list .products-list-two span {
    height: 100px; }
  .black-silver .products-list .products-list-two .orange {
    display: none; } }

@media only screen and (min-width: 1921px) {
  .wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 100%; }
  .hide-br {
    display: none; }
  /*section-1*/
  .section-1 {
    position: relative;
    height: 890px;
    background: #f8f8f8; }
  .eq1-bg {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1280px;
    width: 2560px;
    height: 940px;
    z-index: 1;
    opacity: 0; }
  .eq1-show {
    z-index: 2; }
  .eq1-show1 {
    z-index: 2;
    background: url(../png/bg-1a-107b376b25a4c631521d4930bd4e55b0.png) no-repeat;
    background-size: 100%; }
  .eq1-show3 {
    z-index: 2;
    background: url(../png/bg-1q-28fc9fb9825162d161e2f7e33ba5f13a.png) no-repeat;
    background-size: 100%; }
  .eq1-show2 {
    background: url(../png/bg-1b-f63880aec86b2a9112e9f855f057a6d8.png) no-repeat;
    background-size: 100%; }
  .eq1-showty {
    background: url(../png/bg-1ty-9e3c236bf1b386ed27148043d667ad3b.png) no-repeat;
    background-size: 100%; }
  .eq1-show.act {
    -webkit-animation: fadeInUp 1.6s 0.4s both;
    animation: fadeInUp 1.6s 0.4s both;
    opacity: 0; }
  .eq1-show1.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-show3.act1 {
    -webkit-animation: fadeInDownQ 0.5s 1.7s both;
    animation: fadeInDownQ 0.5s 1.7s both;
    opacity: 0; }
  .eq1-show2.act1 {
    -webkit-animation: fadeInDown 1s 1.2s both;
    animation: fadeInDown 1s 1.2s both;
    opacity: 0; }
  .eq1-showty.act2 {
    -webkit-animation: fadeInOp 1s 0.6s both;
    animation: fadeInOp 1s 0.6s both;
    opacity: 0; }
  .eq1-show.move {
    -webkit-animation: fadeOutUp 0.5s 0.1s both;
    animation: fadeOutUp 0.5s 0.1s both;
    opacity: 0; }
  .eq1-showty.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show1.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  .eq1-show2.move {
    -webkit-animation: fadeOutDown 0.5s 0.1s both;
    animation: fadeOutDown 0.5s 0.1s both;
    opacity: 0; }
  /*section-2*/
  .section-2 {
    position: relative;
    height: 540px;
    overflow: hidden;
    background: #f8f8f8; }
  .s2-video {
    width: 2560px;
    height: 540px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -680px;
    z-index: 2; }
  .vide-bg {
    width: 100%;
    height: auto; }
  .vide-bg video {
    position: absolute;
    width: 2564px;
    height: auto;
    top: -451px; }
  .video-mask {
    width: 2560px;
    height: 540px;
    background: #000000;
    opacity: 0.7;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0; }
  .section-2 .introduce {
    position: relative;
    width: 100%;
    left: 0px;
    padding-top: 100px;
    z-index: 5;
    text-align: center; }
  .section-2 .subtitle {
    height: 240px;
    font-size: 48px;
    line-height: 80px;
    color: #ffffff;
    font-family: OPPOFont-Bold; }
  .section-2 .title {
    width: 100%;
    padding-top: 1px;
    font-size: 48px;
    line-height: 80px;
    color: #ffffff;
    font-family: OPPOFont-Regular; }
  .section-2 .description {
    padding-top: 50px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    margin: 0 auto;
    font-family: OPPOFont-Regular; }
  .btn-gkyp {
    width: 301px;
    height: 40px;
    display: block;
    margin: 0 auto;
    font-size: 0; }
  .btn-gkyp span {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    vertical-align: middle;
    margin-top: -8px;
    position: relative; }
  .btn-gkyp span::before {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px; }
  .btn-gkyp i {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(../png/btn-gkyp-28f18d14a50f202c71e86b8399782355.png);
    background-size: 100%;
    margin-left: 10px; }
  .bottom-tip {
    color: #686771;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
    padding-top: 106px;
    font-family: OPPOFont-Regular; }
  /*section-3*/
  .section-3 {
    position: relative;
    height: 864px;
    overflow: hidden; }
  .section-3 .s3-eq1 {
    position: absolute;
    left: -680px;
    top: -20px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-3 .introduce {
    padding: 160px 0 0 675px;
    text-align: left;
    position: relative;
    width: 780px;
    z-index: 5; }
  .big-btitle {
    font-size: 30px;
    color: #000000;
    line-height: 42px;
    margin-bottom: 40px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .section-3 .section-3-xmbar {
    display: none; }
  .btitle {
    font-size: 30px;
    color: #000000;
    line-height: 42px;
    margin-bottom: 40px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .stitle {
    font-size: 28px;
    color: #000000;
    display: block;
    line-height: 30px;
    padding-top: 10px;
    font-family: OPPOFont-Regular; }
  /*section-4*/
  .section-4 {
    position: relative;
    height: 655px;
    overflow: hidden;
    background: #ffffff; }
  .three-box {
    width: 1204px;
    height: auto;
    margin-left: -2px;
    padding-top: 130px; }
  .three-color {
    width: 360px;
    height: 403px;
    margin: 0 20px;
    float: left;
    opacity: 0; }
  .three-color p {
    font-size: 38px;
    color: #333;
    padding-top: 364px;
    text-align: center; }
  .three-color1 {
    background: url(../png/three-color1-366393a080db0823b2b4cbfa3dc771cc.png) no-repeat;
    background-size: 100%; }
  .three-color2 {
    background: url(../png/three-color2-77e2460631561ff68258f881a86546d9.png) no-repeat;
    background-size: 100%; }
  .three-color3 {
    background: url(../png/three-color3-0ddfabe6e3f0bc1abb155999b086cae5.png) no-repeat;
    background-size: 100%; }
  .three-color1.act1 {
    -webkit-animation: fadeInDown 1s 0.2s both;
    animation: fadeInDown 1s 0.2s both;
    opacity: 1; }
  .three-color2.act1 {
    -webkit-animation: fadeInDown 1s 0.4s both;
    animation: fadeInDown 1s 0.4s both;
    opacity: 1; }
  .three-color3.act1 {
    -webkit-animation: fadeInDown 1s 0.6s both;
    animation: fadeInDown 1s 0.6s both;
    opacity: 1; }
  /*section-5*/
  .section-5 {
    position: relative;
    height: 1430px;
    overflow: hidden;
    background: #f8f8f8; }
  .s5-eq1 {
    position: absolute;
    left: -680px;
    top: 25px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-5 .introduce {
    width: 820px;
    padding-top: 144px;
    text-align: left;
    position: relative; }
  .section-5 .int-title {
    font-size: 48px;
    color: #333333;
    line-height: 65px;
    margin-bottom: 47px;
    font-family: OPPOFont-Bold; }
  .section-5 .int-text {
    font-size: 17px;
    color: #868686;
    line-height: 26px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .s5-text {
    width: 240px;
    height: 24px;
    font-size: 17px;
    line-height: 24px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute; }
  .s5-text i {
    width: 450px;
    background: #606060;
    height: 1px;
    position: absolute;
    top: 14px;
    left: 205px; }
  .s5-text1 i {
    width: 620px;
    top: 14px;
    left: 240px; }
  .s5-text1 {
    top: 600px;
    left: 58px; }
  .s5-text2 {
    top: 745px;
    left: 58px; }
  .s5-small {
    width: 422px;
    height: 285px;
    position: absolute;
    bottom: 34px;
    left: 117px;
    background: url(../png/s5-small-82eb1ea4bb402b18c4f626254f9f61dd.png) no-repeat;
    background-size: 100%; }
  .s5-small p {
    position: absolute;
    font-size: 15px;
    color: #868686;
    font-family: 'OPPOFont-Medium';
    left: 287px;
    width: 300px; }
  .s5-small .s5-small-p1 {
    top: -14px; }
  .s5-small .s5-small-p2 {
    top: 186px; }
  /*section-6*/
  .section-6 {
    position: relative;
    height: 3050px;
    overflow: hidden;
    background: #ffffff; }
  .s6-eq1 {
    position: absolute;
    left: -375px;
    top: 180px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-6 .introduce {
    width: 895px;
    height: 1040px;
    padding: 160px 0 0 305px;
    text-align: left;
    position: relative;
    margin-bottom: 80px; }
  .section-6 .int-title {
    font-size: 48px;
    color: #333333;
    line-height: 60px;
    margin-bottom: 28px;
    font-family: OPPOFont-Bold; }
  .section-6 .int-title.lg-title {
    display: none; }
  .section-6 .int-text {
    width: 800px;
    padding-left: 5px;
    font-size: 17px;
    color: #868686;
    line-height: 26px;
    font-family: OPPOFont-Regular; }
  .s6-imgbox {
    width: 1300px;
    height: 1665px;
    margin-left: -50px;
    position: relative; }
  .s6-img1 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .s6-img2 {
    width: 100%;
    height: 685px;
    position: absolute;
    bottom: 18px;
    left: 0;
    background: #f8f8f8; }
  .s6-tbox {
    width: 1200px;
    text-align: left;
    position: relative;
    padding: 80px 0 0 100px; }
  .s6-tbox .int-title {
    font-size: 48px;
    color: #ffffff;
    line-height: 75px;
    margin-bottom: 30px; }
  .s6-tbox .int-text {
    font-size: 17px;
    color: #ffffff;
    line-height: 34px;
    width: 1100px; }
  .s6-text {
    width: 350px;
    height: 24px;
    font-size: 17px;
    line-height: 24px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center; }
  .s6-text i {
    width: 1px;
    background: #606060;
    height: 300px;
    position: absolute;
    top: 35px;
    left: 177px; }
  .s6-text2 i {
    height: 220px;
    top: 35px;
    left: 112px; }
  .s6-text1 {
    top: 345px;
    left: 635px; }
  .s6-text2 {
    top: 435px;
    left: 850px; }
  .s6-qxbox {
    width: 0;
    height: 685px;
    overflow: hidden;
    transition: width 2s; }
  .s6-qx {
    width: 1300px;
    height: 685px;
    background: url(../png/eq-img61-1528d8a87b7f3140d2d1078efee62eea.png) no-repeat;
    background-size: 100%; }
  .s6-img2 .bottom-tip {
    position: absolute;
    bottom: 26px;
    left: 0;
    color: #868686;
    width: 100%;
    opacity: 0.2; }
  .s6-qxtext {
    width: 200px;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    font-family: OPPOFont-Regular;
    color: #868686;
    position: absolute; }
  .s6-qxtext1 {
    top: 130px;
    left: 100px; }
  .s6-qxtext2 {
    top: 458px;
    left: 100px; }
  .s6-qxtext3 {
    top: 498px;
    left: 515px; }
  .s6-qxtext4 {
    top: 498px;
    left: 720px; }
  .s6-rt {
    width: 305px;
    height: 26px;
    line-height: 26px;
    font-size: 17px;
    font-family: OPPOFont-Regular;
    color: #868686;
    position: absolute; }
  .s6-rt i {
    display: inline-block;
    width: 23px;
    height: 26px;
    margin-right: 10px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    vertical-align: top; }
  .s6-rt1 {
    top: 140px;
    right: 170px; }
  .s6-rt1 i {
    background-position: -49px -65px; }
  .s6-rt2 {
    top: 175px;
    right: 170px; }
  .s6-rt2 i {
    background-position: -94.5px -65px; }
  /*section-7*/
  .section-7 {
    position: relative;
    height: 1000px;
    overflow: hidden;
    background: #f8f8f8; }
  .s7-eq1 {
    position: absolute;
    left: -680px;
    top: -50px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-7 .introduce {
    width: 1200px;
    padding: 156px 0 0 0px;
    text-align: left;
    position: relative;
    color: #333333; }
  .section-7 .bt-tit2 {
    display: none; }
  .bt-title {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 32px;
    font-family: OPPOFont-Bold; }
  .bt-tit {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 35px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .sb-text {
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 20px;
    font-family: OPPOFont-Regular;
    color: #868686; }
  /*section-8*/
  .section-8 {
    position: relative;
    height: 1271px;
    overflow: hidden;
    background: #ffffff; }
  .s8-eq1 {
    width: 1459px;
    height: 670px;
    position: absolute;
    bottom: 0;
    left: -130px; }
  .section-8 .introduce {
    width: 1200px;
    padding-top: 160px;
    text-align: left;
    color: #333333; }
  .section-8 .sb-text {
    color: #868686;
    width: 850px; }
  .s8-ej {
    position: absolute;
    transition: left 2s;
    background: url(../png/s8-ej-0a0feca210ed73dedbe0e5ce6b058cbb.png) no-repeat;
    background-size: 1750px; }
  .s8-ej1 {
    width: 189.5px;
    height: 240.5px;
    top: 102px;
    left: 922px;
    z-index: 9;
    background-position: -20.5px -96px; }
  .s8-ej1a {
    width: 189.5px;
    height: 240.5px;
    top: 102px;
    left: 922px;
    z-index: 11;
    background-position: -20.5px -415px; }
  .s8-ej2 {
    width: 279px;
    height: 297px;
    top: 0;
    left: 998px;
    z-index: 9;
    background-position: -285.5px 0; }
  .s8-ej3 {
    width: 58px;
    height: 69.5px;
    top: 129px;
    left: 1100px;
    z-index: 7;
    background-position: -654.5px -129.5px; }
  .s8-ej4 {
    width: 147.5px;
    height: 207.5px;
    top: 64px;
    left: 1080px;
    z-index: 6;
    background-position: -760.5px -64px; }
  .s8-ej5 {
    width: 128px;
    height: 204px;
    top: 67px;
    left: 1120px;
    z-index: 5;
    background-position: -957px -67px; }
  .s8-ej6 {
    width: 113.5px;
    height: 200.5px;
    top: 40px;
    left: 1150px;
    z-index: 4;
    background-position: -1125.5px -40.5px; }
  .s8-ej7 {
    width: 76px;
    height: 125px;
    top: 103px;
    left: 1172px;
    z-index: 3;
    background-position: -1276px -101px; }
  .s8-ej8 {
    width: 206px;
    height: 648.5px;
    top: 22px;
    left: 1123px;
    z-index: 2;
    background-position: -1403px -21.5px; }
  .s8-ej9 {
    width: 92.5px;
    height: 135.5px;
    top: 90px;
    left: 1238px;
    z-index: 1;
    background-position: -1641.5px -90px; }
  .s8-ejtext {
    width: 235px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #868686;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    position: absolute;
    text-align: center;
    opacity: 0; }
  .s8-ejtext i {
    content: '';
    display: inline-block;
    width: 1px;
    height: 215px;
    background: #9a9a9a;
    position: absolute;
    top: 46px;
    left: 50%; }
  .s8-ejtext1 {
    top: -240px;
    left: -90px; }
  .s8-ejtext2 {
    top: -178px;
    left: -75px; }
  .s8-ejtext3 {
    top: -150px;
    left: 40px; }
  .s8-ejtext3 i {
    height: 85px; }
  .s8-ejtext3 i::before {
    content: "";
    display: block;
    clear: both;
    width: 1px;
    height: 130px;
    background: #9a9a9a;
    position: absolute;
    -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    top: 52px;
    left: -56px; }
  .s8-ejtext.act {
    -webkit-animation: fadeInUp 1.5s 0.5s both;
    animation: fadeInUp 1.5s 0.5s both;
    opacity: 1; }
  /*section-9*/
  .section-9 {
    position: relative;
    height: 1149px;
    overflow: hidden;
    background: #f8f8f8; }
  .s9-eq1 {
    position: absolute;
    left: -680px;
    top: -50px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-9 .introduce {
    width: 640px;
    padding: 340px 0 0 673px;
    text-align: left;
    color: #ffffff;
    position: relative;
    z-index: 3; }
  .section-9 .sb-text {
    color: #ffffff; }
  /*section-10*/
  .section-10 {
    position: relative;
    height: 1223px;
    overflow: hidden;
    background: #ffffff; }
  .s10-eq1 {
    width: 1200px;
    height: 1223px;
    margin: 0 auto; }
  .section-10 .introduce {
    width: 1200px;
    padding-top: 160px;
    text-align: left;
    color: #333333;
    opacity: 0; }
  .section-10 .sb-text {
    color: #868686;
    margin-bottom: 26px;
    height: 64px; }
  .section-10 .bt-title {
    margin-bottom: 28px; }
  .swi-img {
    width: 1200px;
    height: 660px;
    opacity: 0; }
  .swiper-button-prev, .swiper-button-next {
    width: 50px;
    height: 50px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    outline: none; }
  .swiper-button-prev {
    background-position: 0 0;
    left: -72px;
    margin-top: 18px; }
  .swiper-button-next {
    background-position: -127px 0;
    right: -72px;
    margin-top: 18px; }
  .swiper-pagination {
    top: 1018px;
    width: 100%;
    text-align: center; }
  .swiper-pagination-bullet {
    width: 23px;
    height: 6px;
    border-radius: 0;
    opacity: 1;
    margin: 0 16px;
    background: url(../png/spr-d081be7b4ba5e1f026c97c4145bad34f.png) no-repeat;
    background-size: 177px;
    outline: none;
    background-position: -107.5px -107.5px; }
  .swiper-pagination-bullet-active {
    background-position: -45.5px -107.5px; }
  .section-10 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .section-13 .introduce.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  .swi-img.fiu {
    -webkit-animation: fiup 1.3s 0.2s both;
    animation: fiup 1.3s 0.2s both;
    opacity: 1; }
  /*section-11*/
  .section-11 {
    position: relative;
    height: 1460px;
    overflow: hidden;
    background: #f8f8f8; }
  .s11-eq1 {
    width: 1066px;
    height: 877px;
    background: url(../png/s11-eq1-b5f0fa52f55908a0f979aa7874e18963.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 400px;
    left: 215px; }
  .section-11 .introduce {
    width: 1200px;
    padding-top: 160px;
    text-align: left;
    color: #333333; }
  .section-11 .sb-text {
    color: #868686; }
  .section-11 .bt-title {
    margin-bottom: 36px; }
  .xh-data {
    padding-top: 116px; }
  .xh-data ul {
    width: 690px;
    height: auto;
    font-size: 0; }
  .xh-data li {
    width: 690px;
    margin-bottom: 60px; }
  .xh-data li > span {
    font-size: 40px;
    color: #333333;
    vertical-align: bottom;
    line-height: 50px;
    font-family: OPPOFont-Medium;
    font-weight: normal; }
  .xh-data li span.data-num {
    font-size: 75px;
    color: #fe6d56;
    position: relative;
    top: -15px;
    margin-right: 5px;
    font-family: OPPOFont-Bold; }
  .xh-data li p {
    font-size: 28px;
    color: #868686;
    margin-top: 10px;
    font-family: OPPOFont-Regular;
    line-height: 40px; }
  .section-11 .bottom-tip {
    width: 100%;
    color: #868686;
    font-size: 17px;
    opacity: 0.4;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 44px;
    left: 0;
    text-align: center; }
  /*section-12*/
  .section-12 {
    position: relative;
    height: 1000px;
    overflow: hidden;
    background: #f8f8f8; }
  .section-12 .s12-eq1 {
    position: absolute;
    left: -680px;
    top: -35px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-12 .introduce {
    width: 1200px;
    padding-top: 440px;
    text-align: center;
    color: #333333;
    position: relative;
    z-index: 2;
    margin: 0 auto; }
  .section-12 .sb-text {
    color: #868686;
    line-height: 30px;
    width: 935px;
    margin: 0 auto; }
  .section-12 .bt-tit {
    margin-bottom: 40px; }
  .section-12 .bt-title {
    margin-bottom: 40px; }
  /*section-13*/
  .section-13 {
    position: relative;
    height: 1223px;
    overflow: hidden;
    background: #ffffff; }
  .s13-eq1 {
    width: 1200px;
    height: 1223px;
    margin: 0 auto; }
  .section-13 .introduce {
    width: 1200px;
    padding-top: 160px;
    text-align: left;
    color: #333333;
    opacity: 0; }
  .section-13 .sb-text {
    color: #868686;
    margin-bottom: 54px; }
  .section-13 .bt-title {
    margin-bottom: 28px; }
  /*section-14*/
  .section-14 {
    position: relative;
    height: 1220px;
    overflow: hidden;
    background: #f8f8f8;
    margin-bottom: 165px; }
  .section-14 .s14-eq1 {
    position: absolute;
    left: -680px;
    top: -40px;
    width: 2560px;
    height: auto;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-14 .introduce {
    width: 700px;
    padding: 130px 0 0 671px;
    text-align: left;
    color: #333333;
    position: relative;
    z-index: 2; }
  .section-14 .sb-text {
    color: #868686;
    margin-bottom: 55px; }
  .section-14 .bt-title1 {
    padding-top: 64px;
    margin-bottom: 4px; }
  .section-14 .span-yy {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(../png/span-yy-6afbe57877ae53af672d6e7eab3f9730.png) no-repeat;
    background-size: 100%;
    vertical-align: top;
    position: relative;
    top: -18px;
    left: 0;
    margin-right: 27px; }
  .section-14 .bottom-tip {
    width: 41%;
    color: #333333;
    font-size: 17px;
    opacity: 0.7;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 40px;
    left: 29.5%;
    text-align: center; }
  .talk-box ul {
    width: 541px;
    height: auto; }
  .talk-box li {
    width: 510px;
    height: 73px;
    margin-bottom: 25px;
    font-size: 24px;
    color: #868686;
    line-height: 73px;
    font-family: OPPOFont-Medium;
    font-weight: normal;
    padding-left: 47px;
    background: url(../png/talk-libg-91d3a6b7b867ca3ea6353cfde4d41d88.png) no-repeat;
    background-size: 100%; }
  .talk-box .talk-two {
    height: 80px;
    line-height: 30px;
    padding-top: 15px;
    background: url(../png/talk-libg2-5fdce94b69e380fb99a6126e5e3b6858.png) no-repeat;
    background-size: 100%; }
  /*section-15*/
  .section-15 {
    position: relative;
    height: 938px;
    overflow: hidden;
    margin: 0 auto 165px; }
  .section-15 .s15-box {
    width: 1530px;
    height: 938px;
    margin-left: -165px;
    background: #f8f8f8;
    position: relative; }
  .section-15 .introduce {
    width: 620px;
    padding: 205px 0 0 130px;
    text-align: left;
    color: #333333; }
  .section-15 .sb-text {
    color: #868686;
    margin-bottom: 30px;
    letter-spacing: 0px; }
  .section-15 .s15-eq1 {
    position: absolute;
    right: 120px;
    top: -20px;
    width: 594px;
    height: 755px;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-15 .bottom-tip {
    width: 100%;
    color: #868686;
    font-size: 17px;
    opacity: 0.4;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: center; }
  /*section-16*/
  .section-16 {
    position: relative;
    height: 1110px;
    overflow: hidden;
    margin: 0 auto 100px; }
  .section-16 .s16-box {
    width: 1530px;
    height: 1110px;
    margin-left: -165px;
    background: #f8f8f8;
    position: relative; }
  .section-16 .introduce {
    width: 780px;
    padding: 135px 0 0 675px;
    text-align: left;
    color: #333333;
    z-index: 2;
    position: relative; }
  .section-16 .sb-text {
    color: #868686;
    margin-bottom: 80px;
    line-height: 26px; }
  .section-16 .s16-eq1 {
    position: absolute;
    left: 0;
    top: 0px;
    width: 1530px;
    height: 1110px;
    transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: transform all 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .section-16 .ajsm-list {
    padding-top: 95px; }
  .ajsm-list li {
    display: block;
    position: relative;
    padding-left: 140px; }
  .ajsm-list li .i-heng {
    content: '';
    height: 2px;
    background: #9a9a9a;
    position: absolute;
    top: 32px; }
  .i-heng1 {
    width: 545px;
    left: -445px; }
  .i-heng2 {
    width: 375px;
    left: -255px; }
  .i-heng3 {
    width: 250px;
    left: -145px; }
  .i-heng3::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 60px;
    background: #9a9a9a; }
  .section-16 .bt-title {
    margin-bottom: 10px; }
  .s16-ejtext {
    display: none; }
  /*section-17*/
  .section-17 {
    position: relative;
    height: 3100px;
    overflow: hidden;
    background: #ffffff; }
  .s17-eq1 {
    width: 1406px;
    height: 852px;
    margin-left: -104.5px; }
  .section-17 .bt-title {
    font-size: 36px;
    color: #333333;
    padding-bottom: 45px;
    margin-bottom: 0px;
    border-bottom: 1px solid #dfdfdf; }
  .section-17 .introduce {
    width: 1200px;
    padding-top: 120px;
    text-align: left;
    color: #333333; }
  .products-list {
    width: 1200px;
    margin: 0 auto 93px;
    font-family: OPPOFont-Bold; }
  .products-list li {
    height: 84px;
    line-height: 84px;
    border-bottom: 1px solid #dfdfdf;
    color: #696969;
    font-size: 20px; }
  .products-list li.products-list-two {
    height: 180px; }
  .products-list li.products-list-two p {
    line-height: 180px; }
  .products-list li.products-list-two span {
    line-height: 45px;
    padding-top: 25px;
    height: 120px; }
  .products-list li p {
    width: 50%;
    float: left; }
  .products-list li span {
    display: inline-block;
    width: 49%;
    float: left;
    color: #696969;
    height: 84px;
    font-family: OPPOFont-Regular;
    font-weight: bold; }
  .bztext-list {
    width: 1200px;
    margin: 0 auto; }
  .bztext-list li {
    padding-left: 22px;
    line-height: 30px;
    color: #bdbdbd;
    font-size: 17px;
    position: relative; }
  .bztext-list li.li-first {
    padding-left: 0; }
  .bztext-list li i {
    display: inline-block;
    width: 10px;
    height: 40px;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0; }
  .main-box.two .section-4 .three-box .three-color3 {
    display: none !important; }
  .main-box.two .section-4 .three-box .three-color {
    margin: 0 120px; }
  .main-box.two .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .main-box.two .products-list .products-list-two p {
    line-height: 130px; }
  .main-box.two .products-list .products-list-two span {
    height: 100px;
    line-height: 40px; }
  .main-box.two .products-list .products-list-two .white {
    display: none; }
  .main-box.one .section-4 .three-box .three-color3 {
    display: none !important; }
  .main-box.one .section-4 .three-box .three-color1 {
    margin: 0 420px; }
  .main-box.one .section-4 .three-box .three-color2 {
    display: none !important; }
  .main-box.one .products-list .products-list-two {
    height: 100px;
    line-height: 100px; }
  .main-box.one .products-list .products-list-two p {
    line-height: 100px; }
  .main-box.one .products-list .products-list-two span {
    height: 80px;
    line-height: 58px; }
  .main-box.one .products-list .products-list-two .white {
    display: none; }
  .main-box.one .products-list .products-list-two .orange {
    display: none; }
  .all-black .eq1-show1 {
    z-index: 2;
    background-size: 100%;
    background: none; }
  .all-black .eq1-show1 .top-p {
    width: 630px;
    color: #010000;
    margin: 0 auto;
    padding-top: 355px;
    padding-left: 760px;
    text-align: center; }
  .all-black .eq1-show1 .top-p1 {
    font-size: 62px;
    font-family: OPPOFont-Bold;
    line-height: 100px; }
  .all-black .eq1-show1 .top-p2 {
    font-size: 22px;
    font-family: OPPOFont-Bold;
    line-height: 55px; }
  .all-black .eq1-show1 .top-p3 {
    font-size: 29px;
    line-height: 60px;
    font-family: OPPOFont-Medium; }
  .all-black .eq1-show3 {
    z-index: 2;
    background: none;
    background-size: 100%; }
  .all-black .eq1-show2 {
    background: none;
    background-size: 100%; }
  .all-black .eq1-showty {
    background: none;
    background-size: 100%; }
  .all-black .section-4 .three-box .three-color3 {
    display: none !important; }
  .all-black .section-4 .three-box .three-color1 {
    margin: 0 420px; }
  .all-black .section-4 .three-box .three-color2 {
    display: none !important; }
  .all-black .products-list .products-list-two {
    height: 100px;
    line-height: 100px; }
  .all-black .products-list .products-list-two p {
    line-height: 100px; }
  .all-black .products-list .products-list-two span {
    height: 80px;
    line-height: 58px; }
  .all-black .products-list .products-list-two .white {
    display: none; }
  .all-black .products-list .products-list-two .orange {
    display: none; }
  .black-orange .section-4 .three-box .three-color3 {
    display: none !important; }
  .black-orange .section-4 .three-box .three-color {
    margin: 0 120px; }
  .black-orange .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .black-orange .products-list .products-list-two p {
    line-height: 130px; }
  .black-orange .products-list .products-list-two span {
    height: 100px;
    line-height: 40px; }
  .black-orange .products-list .products-list-two .white {
    display: none; }
  .black-silver .eq1-show1 {
    z-index: 2;
    background-size: 100%;
    background: none; }
  .black-silver .eq1-show1 .top-p {
    width: 630px;
    color: #010000;
    margin: 0 auto;
    padding-top: 355px;
    padding-left: 760px;
    text-align: center; }
  .black-silver .eq1-show1 .top-p1 {
    font-size: 62px;
    font-family: OPPOFont-Bold;
    line-height: 100px; }
  .black-silver .eq1-show1 .top-p2 {
    font-size: 22px;
    font-family: OPPOFont-Bold;
    line-height: 55px; }
  .black-silver .eq1-show1 .top-p3 {
    font-size: 29px;
    line-height: 60px;
    font-family: OPPOFont-Medium; }
  .black-silver .eq1-show3 {
    z-index: 2;
    background: none;
    background-size: 100%; }
  .black-silver .eq1-show2 {
    background: none;
    background-size: 100%; }
  .black-silver .eq1-showty {
    background: none;
    background-size: 100%; }
  .black-silver .section-4 .three-box .three-color2 {
    display: none !important; }
  .black-silver .section-4 .three-box .three-color {
    margin: 0 120px; }
  .black-silver .products-list .products-list-two {
    height: 130px;
    line-height: 130px; }
  .black-silver .products-list .products-list-two p {
    line-height: 130px; }
  .black-silver .products-list .products-list-two span {
    height: 100px;
    line-height: 40px; }
  .black-silver .products-list .products-list-two .orange {
    display: none; } }

@media only screen and (max-width: 767px) {
  .video-dialog-container {
    position: fixed;
    z-index: 5;
    width: 100vw;
    height: 100vh; }
  .video-dialog-wrapper {
    width: 3.75rem;
    height: 0.972rem;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9990;
    -ms-transform: translate3D(0, -50%, 0);
        transform: translate3D(0, -50%, 0);
    background: url("../video-loading.html");
    background-size: cover; }
  .video-dialog-close {
    top: -150%;
    right: 15px;
    width: 20px;
    height: 20px; }
  .video_vertical {
    position: absolute;
    left: 0;
    width: 100%;
    -ms-transform: translate3D(0, -50%, 0);
        transform: translate3D(0, -50%, 0); } }