html, body {  position: relative;  height: 100%;}.container,.fullPage{  height: 100%;  min-height:600px;}.container{  min-width: 1280px;  overflow-x:auto;}.swiper-container {    width: 100%;    height: 100%;    margin-left: auto;    margin-right: auto;}.swiper-container-vertical>.swiper-wrapper{  display: block;  height: 100%;}.swiper-slide {    display:flex;     text-align: center;    font-size: 18px;    background: #fff;    line-height: 100%;    align-items: center;    justify-content: center;    overflow: hidden;    }.swiper-container-vertical>.swiper-pagination {  position: absolute;  z-index: 20;  width: 10px;  text-align: center;  top:50%;  right: 20px;}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {  display: inline-block;  width: 8px;  height: 8px;  border-radius: 8px;  background: #555;  margin: 5px 5px;  opacity: 0.8;  border: 1px solid #fff;  cursor: pointer;}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active {  background: #fff;}/* firstScreen */.first-screen .background-video {    width: 100%;    height: 100%;    position: absolute;    top: 0;    left: 0;    overflow: hidden;    z-index:1;}.first-screen .overlay-black {    position: absolute;    background: #000;    width: 100%;    height: 100%;}.first-screen .background-video video {    width: 100%;    height: auto;    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%) scale(1.2);    z-index: 0;}.first-screen .background-video::after {		content: '';		position: absolute;		top: 0;		left: 0;		width: 100%;		height: 100%;		background: url(../images/bg_dot.png)  rgba(0,0,0,.2)  left top repeat;	}/* title  8字动画*/.first-screen .title{  position: absolute;  z-index: 2;  width:100%;  height:75%;  top:30%;  left:0;}.first-screen .font-ol-eight{  position: relative;  /* overflow: hidden; */  width:450px;  height:230px;  margin:0 auto;}.first-screen .font-ol-eight .f{  height:230px;}.first-screen .font-ol-eight .o{  display: inline-block;  vertical-align: top;  overflow: hidden;}.first-screen .font-ol-eight img{  width: 100%;  position: absolute;  left:0;   top:0;  transition: all 1s ease;   opacity: 0;}.first-screen .font-ol-eight .text-1,.first-screen .font-ol-eight .text-2,.first-screen .font-ol-eight .text-3,.first-screen .font-ol-eight .text-4{     -webkit-transform: translate(0px, 230px);  transform: translate(0px, 200px);}.first-screen .font-ol-eight .text-5,.first-screen .font-ol-eight .text-6,.first-screen .font-ol-eight .text-7,.first-screen .font-ol-eight .text-8{  -webkit-transform: translate(0px,230px);  transform: translate(0px, 200px);}.is_loaded .first-screen .font-ol-eight .text-1,.is_loaded .first-screen .font-ol-eight .text-2,.is_loaded .first-screen .font-ol-eight .text-3,.is_loaded .first-screen .font-ol-eight .text-4{    opacity: 1;  -webkit-transform: translate(0px, 0px);  transform: translate(0px, 0px);}.is_loaded .first-screen .font-ol-eight .text-5,.is_loaded .first-screen .font-ol-eight .text-6,.is_loaded .first-screen .font-ol-eight .text-7,.is_loaded .first-screen .font-ol-eight .text-8{   opacity: 1;  -webkit-transform: translate(0px, 120px);   transform: translate(0px, 120px);}/* title 短线动画 */.first-screen .text-line{  height: 5px;  margin:25px auto;}.first-screen .text-line .f{  height:3px;}.first-screen .text-line .o{  height:3px;  display: inline-block;  vertical-align: top;  overflow: hidden;}.first-screen .text-line span{  display: block;  width:60px;  height:2px;  background:#fff;  overflow: hidden;  transition: all 1s ease;  -webkit-transform: translate(0px, 10px);  transform: translate(0px, 10px);}.is_loaded .first-screen .text-line span{    -webkit-transform: translate(0px, 0px);    -webkit-transition-delay:.5s;    transform: translate(0px, 0px);    transition-delay:.5s;}/* title 整行文字动画 */.first-screen .font-line-to-top{  display: block;  text-align: center;  font-size: 28px;  color: #fff;  width: 100%;  height: 30px;  margin: 40px auto 0;}.first-screen .font-line-to-top .f{  height:100%;}.first-screen .font-line-to-top .o{  height:100%;  display: inline-block;  vertical-align: top;  /* overflow: hidden; */}.first-screen .font-line-to-top span{  opacity: 0;  height:100%;  display: inline-block;  transition: all 1s ease;  letter-spacing: 10px;  -webkit-transform: translate(0px, 50px);  transform: translate(0px, 50px);}.is_loaded .first-screen .font-line-to-top span{  opacity: 1;    -webkit-transform: translate(0px, 4px);    -webkit-transition-delay:.6s;    transform: translate(0px, 4px);    transition-delay:.6s;}/* title 鼠标提示动画 */.first-screen .tips-action{  width:30px;  height:95px;  margin:100px auto 0;  position: absolute;  left: 50%;  margin-left: -15px;  bottom: 90px;}.first-screen .tips-action img{  position: absolute;  left:0;  top:0;  width:100%;  height:100%;}.first-screen .tips-action{   opacity: 0;  -webkit-animation: 1s 2s ease-out forwards fadeIn,1s 2s ease-out forwards raiseIn;    animation: 1s 2s ease-out forwards fadeIn,1s 2s ease-out forwards raiseIn;  -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards;}.first-screen .tips-action .mouse{   -webkit-animation: 1s 2s ease-out forwards fadeIn;          animation: 1s 2s ease-out forwards fadeIn;}.first-screen .tips-action .arrow_b{  -webkit-animation:pulse .8s ease-in-out infinite alternate;          animation:pulse .8s ease-in-out infinite alternate;}.first-screen .tips-action .arrow_l{  -webkit-animation:pulse .8s ease-in-out infinite alternate;          animation:pulse .8s ease-in-out infinite alternate;  -webkit-animation-delay: .8s;          animation-delay: .8s;}.first-screen .tips-action .mouse,.first-screen .tips-action .arrow_b,.first-screen .tips-action .arrow_l{   transition: transform 0.8s ease 0s;}.first-screen .tips-action:hover .mouse,.first-screen .tips-action:hover .arrow_b,.first-screen .tips-action:hover .arrow_l{  transform: translateY(5px);}@-webkit-keyframes raiseIn{  0%{    -webkit-transform:translateY(15px);    transform:translateY(15px)  }  to{    -webkit-transform:translateY(0);    transform:translateY(0)  }}@keyframes raiseIn{  0%{    -webkit-transform:translateY(15px);    transform:translateY(15px)  }to{    -webkit-transform:translateY(0);    transform:translateY(0)  }}@-webkit-keyframes pulse{  0%{    opacity:.3  }  to{    opacity:1  }}@keyframes pulse{  0%{    opacity:.3  }  to{    opacity:1  }}@keyframes fadeIn{  0%{    opacity:0  }  to{    opacity:1  }}/* animate-screen */.animate-screen{  display: block;  width:100%;  height:100%;  position: relative;  background-size: cover!important;}.animate-screen .content{  position: absolute;  top:0;  width:100%;  height:100%;}.animate-screen .content .screen-bg{  width:100%;  height: 100%;  background-size:90% 100%;  background-position: right top;  background-repeat: no-repeat;  transition: all .71s;}.animate-screen .content.active .screen-bg{   -webkit-transform: translate(0px, 0px);   transform: translate(0px, 0px);}.animate-screen .content .text{  width:620px;  color:#fff;  text-align: left;  height: 100%;  position: absolute;  top:0;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: center;}.animate-screen .content .text-1{  font-size:42px;  font-weight: 500;  height:70px;  line-height: 70px;  margin-bottom:10px;  /* overflow: hidden; */}.animate-screen .content .text-1 span{   display: block;   opacity: 0;   -webkit-transform:translateY(80px);          transform:translateY(80px);}.animate-screen .content.active .text-1 span{  opacity: 1;  -webkit-animation: slideUp .5s 0s both ease;          animation: slideUp .5s 0s both ease;  -webkit-animation-delay: .4s;          animation-delay: .4s;}.animate-screen .content .text-2{  font-size:25px;  height:40px;  line-height: 40px;  margin-bottom:30px;  padding-left: 6px;  }.animate-screen .content .text-2 span{  display: block;  opacity: 0;  -webkit-transform:translateY(80px);          transform:translateY(80px);}.animate-screen .content.active .text-2 span{  opacity: 1; -webkit-animation: slideUp .5s 0s both ease;        animation: slideUp .5s 0s both ease;   -webkit-animation-delay: .4s;          animation-delay: .4s;}.animate-screen  .content .text-3{  font-size:14px;  line-height: 24px;  margin-bottom:15px;  padding-left: 6px;}.animate-screen .content .text-3 span{  display: block;  opacity: 0;   -webkit-transform:translateY(100px);          transform:translateY(100px);}.animate-screen .content.active .text-3 span{  opacity: 1;  -webkit-animation: slideUp .4s 0s both ease;          animation: slideUp .4s 0s both ease;  -webkit-animation-delay: .6s;          animation-delay: .6s;}.animate-screen .content .text-4{  font-size:14px;  line-height: 24px;  margin-bottom:40px;  padding-left: 6px;   }.animate-screen .content .text-4 span{  opacity: 0;  display: block;   -webkit-transform:translateY(100px);          transform:translateY(100px);}.animate-screen .content.active .text-4 span{  opacity: 1;  -webkit-animation: slideUp .4s 0s both ease;          animation: slideUp .4s 0s both ease;  -webkit-animation-delay: .6s;          animation-delay: .6s;}.animate-screen .content .text-button {  width:154.5px;  height:41px;  margin:0;}.animate-screen .content .text-button a{  display: block;  color:#fff;  font-size: 14px;  width:154.5px;  height:41px;  line-height: 41px;  text-align: center;  border-radius: 25px;  background:rgba(0,0,0,.2);  overflow: hidden;  opacity: 0;  position: relative;   -webkit-transform:translateY(45px);          transform:translateY(45px);  transition: all .4s ease;}/* loading */.animate-screen .content.active .text-button a{  opacity: 1;   -webkit-transform:translateY(0px);          transform:translateY(0px);  -webkit-transition-delay: .8s;          transition-delay: .8s;   }/* :hover */.animate-screen .content .text-button a::before,.animate-screen .content .text-button a::after{    content: '';    position: absolute;    height: 100%;    width: 100%;    bottom: 100%;    left: 0;    z-index: -1;    -webkit-transition: -webkit-transform 0.3s ease;    transition: transform 0.3s ease;  }.animate-screen .content .text-button  a::before{  background: #2d44ba;}.animate-screen .content .text-button a::after{  background: #1d34aa;}.animate-screen .content .text-button a:hover::before{  -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);}.animate-screen .content .text-button a:hover::after{  -webkit-transition-delay: 0.175s;          transition-delay: 0.175s;  -webkit-transform: translate3d(0, 100%, 0);          transform: translate3d(0, 100%, 0);}/* screen2 */.second-screen{  background:url(../images/screen2_bg@2x.jpg) no-repeat 100%;}.second-screen .content{  right:0px;}.second-screen .content .screen-blue{  background-image:url(../images/screen2_blue@2x.png);  -webkit-transform: translate(2000px, 0px);          transform: translate(2000px, 0px);}.second-screen .content .text{  left:50%;}/* screen3 */.third-screen{  background:url(../images/screen3_bg@2x.jpg) no-repeat 100%;}.third-screen .content{  left:0px;}.third-screen .content .screen-red{  background-image:url(../images/screen3_red@2x.png);  background-position:left top;  -webkit-transform: translate(-2000px, 0px);          transform: translate(-2000px, 0px);}.third-screen .content .text{  right:50%;}/* screen4 */.fourth-screen{  background:url(../images/screen4_bg@2x.jpg) no-repeat 100%;}.fourth-screen .content{  right:0px;  /* border:1px red solid; */}.fourth-screen .content .screen-green{  background-image:url(../images/screen4_green@2x.png);  background-position: right top;  -webkit-transform: translate(2000px, 0px);          transform: translate(2000px, 0px);}.fourth-screen .content .text{  left:50%;}@-webkit-keyframes slideUp{  0%{    opacity:0;    -webkit-transform:translateY(40px);    transform:translateY(40px)  }  to{    opacity:1;    -webkit-transform:translateY(0);    transform:translateY(0)  }}@keyframes slideUp{  0%{    opacity:0;    -webkit-transform:translateY(40px);    transform:translateY(40px)  }  to{    opacity:1;    -webkit-transform:translateY(0);    transform:translateY(0)  }}@media screen and (max-width : 1440px){  .second-screen .content .text{    width:550px;    left:inherit;    right:50px;  }  .third-screen .content .text{    width:600px;    right:inherit;    left:100px;  }  .fourth-screen .content .text{    width:550px;    left:inherit;    right:50px;  }}/* originan-brands 品牌墙 */.original-brands {    height:inherit;    position: relative;    flex-direction: column;    justify-content: space-between;    }footer{  width: 100%;  position: relative;  z-index: 111;  text-align: left;}.original-brands__inner{  position: relative;  z-index: 1;}/* 品牌墙 title 通用1 效果 */.original-brands__inner .page-title{   padding-top: 35px;}/* 白色标题 */.original-brands__inner .page-title .c-font__en .e{  display: none;}.original-brands__inner .page-title .c-font__en span{  display:block;  width:275px;  height:77px;  background:url(../images/original_brands_page_title_f.png) center center;  background-size:100% 100%;  margin:0 auto;}.original-brands__inner .page-title .c-font__en.cur .e{  display:block;}.original-brands__inner .page-title .c-font__en.cur .o{  display: none;}/* 白色标题end *//* 彩色动画 */.original-brands__inner .page-title .c-font__en .f{  width:275px;  height:77px;  margin: 0 auto;  overflow: hidden;}.original-brands__inner .page-title .o{      height:100%;      display: inline-block;      vertical-align: top;      overflow: hidden;}.original-brands__inner .page-title .o img{      height:100%;      display: inline-block;      transition: all .5s ease;      -webkit-transform: translate(0px, 77px);              transform: translate(0px, 77px);       /* 根据情况 数值可改 */}.original-brands__inner.active .page-title .o img {  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);}/* 彩色 end */.original-brands__inner .page-title .text-line{  height: 5px;  margin:25px auto;}.original-brands__inner .page-title .text-line .f{  height:3px;}.original-brands__inner .page-title .text-line .o{  height:3px;  display: inline-block;  vertical-align: top;  overflow: hidden;}.original-brands__inner .page-title .text-line span{  display: block;  width:40px;  height:3px;  background:#000;  overflow: hidden;  transition: all 1s;  -webkit-transform: translate(0px, 10px);  transform: translate(0px, 10px);}.original-brands__inner.active .page-title .text-line span{    -webkit-transform: translate(0px, 0px);    -webkit-transition-delay:.4s;    transform: translate(0px, 0px);    transition-delay:0s;}.original-brands__inner .page-title .text-line span.cur{  background:#fff;   transition-delay:0s;}.original-brands__inner .page-title .font-line-to-top span.cur{  color:#fff;   transition-delay:0s;}/* title 短线动画 *//* title 整行文字动画 */.original-brands__inner .font-line-to-top{  display: block;  text-align: center;  font-size: 24px;  color: #000;  width: 650px;  height: 30px;  margin: 0 auto;}.original-brands__inner .font-line-to-top .f{  height:100%;}.original-brands__inner .font-line-to-top .o{  height:100%;  display: inline-block;  vertical-align: top;  overflow: inherit;}.original-brands__inner .font-line-to-top span{  opacity: 0;  height:100%;  display: inline-block;  transition: all .6s ease;  -webkit-transform: translate(0px, 30px);  transform: translate(0px, 30px);}.original-brands__inner.active .font-line-to-top span{  opacity: 1;  -webkit-transform: translate(0px, 4px);  -webkit-transition-delay:.6s;          transform: translate(0px, 4px);          transition-delay:.6s;}/* logo动画 */.original-brands__list{  padding-bottom: 25px;  overflow: hidden;}.original-brands__list ul{  width:960px;  margin:20px auto 0;  overflow: hidden;}.original-brands__list ul li{  float:left;  width: 25%;  position: relative;  z-index: 1;}.original-brands__list ul li a{  display: block;}.original-brands__list ul li a:before {    content: "";    display: block;    background-color: #fff;    width: 100%;    height: 0%;    opacity: 0;    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;    transition: height 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9),opacity 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9),transform 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9);    -webkit-transition: height 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9),opacity 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9),-webkit-transform 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9);    will-change: transform;}.original-brands__list ul li a:after {    content: "";    display: block;    position: absolute;    background-size: cover;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;    opacity: 0;    transition: opacity 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9);    -webkit-transition: opacity 0.25s cubic-bezier(0.57, 0.43, 0.2, 0.9);    will-change: transform;}.original-brands__list ul li:hover a:before {  height:100%;  opacity: 1;}.original-brands__list ul li:hover a:after {  opacity: 1;}.original-brands__list ul.gray {  background: url(../images/brands.png) center center no-repeat;  background-size:100%;}.original-brands__list ul.gray  li .brands{    background: none;}.original-brands__list ul li div{  width:240px;  height:125px;  position: relative;  z-index: 1;  transition: background .2s ease-in-out;}.original-brands__list  .__jd,.original-brands__list ul li:hover .__jd{  background: url(../images/c_jd.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__dyson,.original-brands__list ul li:hover .__dyson{  background: url(../images/c_duxiaoman.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__airChina,.original-brands__list ul li:hover .__airChina{  background: url(../images/c_airChina.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__vip,.original-brands__list ul li:hover .__vip{  background: url(../images/c_vip.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__tencentGames,.original-brands__list ul li:hover .__tencentGames{  background: url(../images/c_tencentGames.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__orderPlus,.original-brands__list ul li:hover .__orderPlus{  background: url(../images/c_orderPlus.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__jeep,.original-brands__list ul li:hover .__jeep{  background: url(../images/c_jeep.png) center center no-repeat;   background-size:100% 100%;}.original-brands__list .__wangyi,.original-brands__list ul li:hover .__wangyi{  background: url(../images/c_wangyi.png) center center no-repeat;  background-size:100% 100%;}.original-brands__bg{    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: 0;    overflow: hidden;}.original-brands__bg>* {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    background-size: cover;    background-repeat: no-repeat;    background-position: center center;    opacity: 0;    transition: background 0.8s ease;}.original-brands__bg .cur{  opacity: 1;   background-size:cover!important;  width:100%;  left:50%;  top:50%;  transform: translateX(-50%) translateY(-50%);}.original-brands .original-brands__bg-jd{  background: url(../images/jd.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-dyson{  background: url(../images/duxiaoman.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-airChina{  background: url(../images/airChina.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-vip{  background: url(../images/vip.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-tencentGames{  background: url(../images/tencentGames.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-orderPlus{  background: url(../images/orderPlus.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-jeep{  background: url(../images/jeep.jpg) center center no-repeat;  background-size:105% 105%;}.original-brands .original-brands__bg-wangyi{  background: url(../images/wangyi.jpg) center center no-repeat;  background-size:105% 105%;}/* logo 动画end */.original-brands__list ul.grays{opacity: 0.4}