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(https://bmc-global.bluemediacdn.com/www/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:60px;
  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(https://bmc-global.bluemediacdn.com/www/screen2_bg@2x.jpg) no-repeat 100%;
}
.second-screen .content{
  right:0px;
}
.second-screen .content .screen-blue{
  background-image:url(https://bmc-global.bluemediacdn.com/www/screen2_blue@2x.png);
  -webkit-transform: translate(2000px, 0px);
          transform: translate(2000px, 0px);
}
.second-screen .content .text{
  left:50%;
}
/* screen3 */
.third-screen{
  background:url(https://bmc-global.bluemediacdn.com/www/screen3_bg@2x.jpg) no-repeat 100%;
}
.third-screen .content{
  left:0px;
}
.third-screen .content .screen-red{
  background-image:url(https://bmc-global.bluemediacdn.com/www/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(https://bmc-global.bluemediacdn.com/www/screen4_bg@2x.jpg) no-repeat 100%;
}
.fourth-screen .content{
  right:0px;
  /* border:1px red solid; */
}
.fourth-screen .content .screen-green{
  background-image:url(https://bmc-global.bluemediacdn.com/www/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(https://bmc-global.bluemediacdn.com/www/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;
  font-size:12px;
}
.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(https://bmc-global.bluemediacdn.com/www/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(https://bmc-global.bluemediacdn.com/www/c_jd.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__dyson,
.original-brands__list ul li:hover .__dyson{
  background: url(https://bmc-global.bluemediacdn.com/www/c_duxiaoman.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__airChina,
.original-brands__list ul li:hover .__airChina{
  background: url(https://bmc-global.bluemediacdn.com/www/c_airChina.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__vip,
.original-brands__list ul li:hover .__vip{
  background: url(https://bmc-global.bluemediacdn.com/www/c_vip.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__tencentGames,
.original-brands__list ul li:hover .__tencentGames{
  background: url(https://bmc-global.bluemediacdn.com/www/c_tencentGames.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__orderPlus,
.original-brands__list ul li:hover .__orderPlus{
  background: url(https://bmc-global.bluemediacdn.com/www/c_orderPlus.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__jeep,
.original-brands__list ul li:hover .__jeep{
  background: url(https://bmc-global.bluemediacdn.com/www/c_jeep.png) center center no-repeat;
   background-size:100% 100%;
}
.original-brands__list .__wangyi,
.original-brands__list ul li:hover .__wangyi{
  background: url(https://bmc-global.bluemediacdn.com/www/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(https://bmc-global.bluemediacdn.com/www/jd.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-dyson{
  background: url(https://bmc-global.bluemediacdn.com/www/duxiaoman.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-airChina{
  background: url(https://bmc-global.bluemediacdn.com/www/airChina.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-vip{
  background: url(https://bmc-global.bluemediacdn.com/www/vip.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-tencentGames{
  background: url(https://bmc-global.bluemediacdn.com/www/tencentGames.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-orderPlus{
  background: url(https://bmc-global.bluemediacdn.com/www/orderPlus.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-jeep{
  background: url(https://bmc-global.bluemediacdn.com/www/jeep.jpg) center center no-repeat;
  background-size:105% 105%;
}
.original-brands .original-brands__bg-wangyi{
  background: url(https://bmc-global.bluemediacdn.com/www/wangyi.jpg) center center no-repeat;
  background-size:105% 105%;
}
/* logo 动画end */