.top_banner {
    width: 100%;
    height: 720px;
    background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/top_banner_pc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.text_body {
    text-align: center;
    padding: 50px 0;
    line-height: 30px;
    font-weight: bold;
    font-size: 18px;
}
.animation {
  opacity: 0;
  transition: all 1s cubic-bezier(.8,.05,.43,1.04);
}
.animation.on {
  opacity: 1;
  transform: translate(0,0);
}
.br_state {
  display: none;
}
.span_style3 {
  font-size: 14px; color: #666666;
}
.full_block,.full_block2,.full_block3 {
  position: relative;
  height: calc(100vh - 110px);
  background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/full_bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  text-align: center;
}
.full_block2 {
  background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/full_bg2.jpg);
}
.full_block3 {
  background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/full_bg3.jpg);
}
.swiper-container,.swiper-container2,.swiper-container3 {
  width: 100%;
  height: 75%;
  overflow-x: hidden;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background-color: white; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
  -webkit-transform: scale(1);
}
.dirct-style {
  pointer-events: none;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.dirct-style-prev, .dirct-style-next,.dirct-style-prev2, .dirct-style-next2,.dirct-style-prev3, .dirct-style-next3{
  background: none;
  height: 100%;
  pointer-events: auto;
  position: absolute;
  transform: translateZ(3px);
  width: calc(50% - 20.833vw);
  z-index: 3;
}
.dirct-style-prev,.dirct-style-prev2,.dirct-style-prev3 {
  cursor: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/left.png) 30 20,auto !important;
  left: 0;
}
.dirct-style-next,.dirct-style-next2,.dirct-style-next3 {
  cursor: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/right.png) 30 20,auto !important;
  right: 0;
}
/* .block_img1 {
  background: url(../img_new/img_mc_slide01.png);
}
.block_img2 {
  background: url(../img_new/img_mc_slide02.png);
}
.block_img3 {
  background: url(../img_new/img_mc_slide03.png);
}
.block_img4 {
  background: url(../img_new/img_mc_slide04.png);
}
.block_img5 {
  background: url(../img_new/img_mc_slide05.png);
}
.block_img6 {
  background: url(../img_new/img_outboard_slide01.png);
}
.block_img7 {
  background: url(../img_new/img_outboard_slide02.png);
}
.block_img8 {
  background: url(../img_new/img_outboard_slide03.png);
}
.block_img9 {
  background: url(../img_new/img_pool_slide01.png);
} */

.block_img,.block_img1,.block_img2,.block_img3,.block_img4,.block_img5,.block_img6,.block_img7,.block_img8,.block_img9 {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.block_detail {
  width: 90%;
  position: absolute;
  bottom: 8%;
  line-height: 2;
}
.block_title {
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
}
.block_dec {
  font-size: 14px;
  color: #FFFFFF;
}
.block_btn {
  padding: 7px 70px;
  font-size: 13px;
  color: #FFFFFF;
  margin-top: 25px;
  display: inline-block;
  border: 1px solid #fff;
}
.block_btn:hover {
  background-color: rgb(202, 202, 202);
}
.light_style {
  opacity: 0.7;
}
.hide_btn {
  display: none;
}
.swiper-pagination2, .swiper-pagination3 {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10;
}
.title_img {
  width: 350px;
  padding: 50px 0;
}
#all_block{
  scroll-snap-type: y mandatory;
  overflow: auto;
  height: calc(100vh - 110px);
  overflow-x: hidden;
}
#all_block>.page{
  scroll-snap-align: start;
  height: calc(100vh - 110px);
}
.profile_page_footer {
  margin-top: 50px;
}
#all_block::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 992px){
  #fengmao {
      width: 100%;
      height: 509px;
      position: relative;
      background: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/bg1.jpg) no-repeat center center / cover;
  }
  #fengmao .bg {
    height: 100%;
    width: 0px;
    margin-right: 700px;
    background: #1e3e7e;
    opacity: 0.7;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    transition: width 0.8s ease-in, margin 0.8s ease-in;
  }
  #fengmao.active .bg {
    width: 700px;
    margin-right: 0;
  }
  #fengmao .fengmao_text {
    width: 700px;
    padding: 62px 0 0 0;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
  }
  #fengmao .headline {
    width: 399px;
    margin: 0 0 42px 18%;
  }
  #fengmao .headline img {
    width: 100%;
  }
  #fengmao .fengmao_text2 {
    position: relative;
  }
  #fengmao .fengmao_text2::before {
    width: 0%;
    height: 70px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    content: "";
    transition: all 1s cubic-bezier(.8,.05,.43,1.04);
  }
  #fengmao .fengmao_text2.active::before {
    width: 89%;
  }
  #fengmao .details_style {
    width: 89%;
    height: 70px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 4;
  }
  #fengmao .details_style2 {
    margin: 4.4em 0 1.8em 122px;
    color: #fff;
    font-size: 18px;
    color: #fff;
    line-height: 1.8;
  }
  .animation.tb { transform: translateY(-20%); }
  .animation.pd1 { transition-delay: 0.2s; }
  .animation.pd2 { transition-delay: 0.5s; }
  .tt-pc { transform: translateY(30%); }
  .text2_body {
      padding: 50px 150px;
  }
  .span_style1 {
    font-size: 35px;
    font-weight: bold;
  }
  .span_style2 {
    font-size: 23px;
    font-weight: bold;
  }
  .my-swiper-pagination {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1220px){
  #fengmao .bg {
    margin-right: 590px;
  }
  #fengmao.active .bg {
    width: 590px;
  }
  #fengmao .headline {
    width: 380px;
  }
  #fengmao .fengmao_text {
    width: 590px;
  }
  #fengmao .details_style2 {
    margin: 4.4em 0 1.8em 75px;
  }
}
@media screen and (max-width:991px){
    .br_state2 {
      display: none;
    }
    .text_body {
      text-align: left;
      line-height: 2;
    }
    .top_banner {
      background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/top_banner_sp.jpg);
      height: 350px;
      background-size: cover;
    }
    #fengmao {
      padding-top: 190px;
      background: #f2e6ca url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/bg1-sp.jpg) no-repeat 0 0 / 100% auto;
      position: relative;
    }
    #fengmao .bg {
      width: 100%;
      height: 0;
      background: #1e3e7e;
      opacity: 0.7;
      position: absolute;
      left: 0;
      z-index: 2;
      transition: height 0.8s ease-in 0.2s;
    }
    #fengmao .bg.active {
      height: calc(100% - 190px);
    }
    #fengmao .fengmao_text{
      padding: 50px 4.5% 10px;
      position: relative;
      z-index: 4;
    }
    #fengmao .headline {
      width: 257px;
      margin: 0 auto;
    }
    #fengmao .headline img {
      width: 100%;
    }
    #fengmao .details_style {
      width: auto;
      height: 79px;
      margin-top: 40px;
      margin-left: -5%;
      padding: 12px 0 0 18%;
      box-sizing: border-box;
      text-align: left;
      font-size: 16px;
      display: block;
      background: #000;
      color: #fff;
      font-weight: bold;
      line-height: 2;
    }
    #fengmao .details_style2 {
      width: calc(600 / 767 * 100%);
      margin: 1.8em 13% 1.8em;
      font-size: 16px;
      line-height: 2;
      color: #fff;
      font-weight: bold;
    }
    .tb-sp { transform: translateY(-20%); }
    .tr-sp { transform: translateX(-30%); }
    .animation {
        transition-duration: 0.6s;
    }
    .text2_body {
      padding: 30px 0px;
      text-align: center;
      line-height: 2;
    }
    .span_style1 {
      font-size: 25px;
      font-weight: bold;
    }
    .span_style2 {
      font-size: 18px;
      font-weight: bold;
    }
    .br_state {
      display: block;
    }
    .dirct-style {
      display: none;
    }
    .swiper-slide {
      height: 70% !important;
    }
    .block_btn {
      position: absolute;
      bottom: -125px !important;
      left: 0;
      width: 100%;
    }
    .full_block, .full_block2, .full_block3,#all_block,#all_block>.page {
      height: calc(100vh - 70px);
    }
    .title_img {
      width: 200px;
    }
    .block_title {
      font-size: 20px;
    }
    .my-swiper-pagination .swiper-pagination-bullet {
      width: 30px !important;
  }
}

@media screen and (min-width:580px) and (max-width:991px){
  .top_banner {
    background-image: url(https://www.yamaha-motor.com.cn/design_technology/craftsmanship/img_new/top_banner_sp.jpg);
    height: 560px;
    background-size: cover;
  }
}