body,
html {
  overflow-y: auto
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.slide_first,
body,
html {
  width: 100%;
  height: 100%;
  color: #3C4151
}

.swiper-slide {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#fullpage .section {
  touch-action: none;
}

@media screen and (max-width:960px) {
  #videoBanner {
    display: none;
  }

  #videoBanners {
    display: block;
  }

  .m_news-box .item_h-btn img {
    margin-left: 0.1rem;
    top: 1px;
  }

  .backdrop {
    width: 100%;
    height: 100%;
    background: url(../images/banner.jpg) center no-repeat;
    position: relative;
    overflow: hidden
  }

  .backdrop #videoBanners {
    height: 100% !important;
    top: 0 !important;
    right: -111% !important;
    position: absolute;
    object-fit: fill;
    width: auto !important
  }

  .common-desc {
    width: 100%
  }

  .slide_one-text {
    bottom: 2.3rem !important;
    width:100%;
    position: relative !important;
  }

  .slide_one-title {
    font-size: .2rem
  }

  .slide_one-describe {
    font-size: .12rem
  }

  .slide_two {
    position: relative
  }

  .slide_two .kernel {
    display: none !important
  }

  .slide_two .second_bottle {
    display: block !important;
    width: 100%;
    height: auto;
    margin-top: .6rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    color: #fff
  }

  .slide_two .second_bottle h3 {
    text-align: center;
    font-size: .2rem
  }

  .slide_two .second_bottle-desc {
    font-size: .12rem;
    line-height: 2em;
    text-align: justify
  }

  .slide_two .second_bottle-mode {
    width: 100%;
    text-align: center
  }

  .slide_two .second_bottle-mode .second_mode:first-child {
    margin-top: .4rem !important
  }

  .slide_two .second_bottle-mode .second_mode {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.34rem;
    height: 3.88rem;
    font-size: .14rem;
    margin: 0 auto .2rem;
    color: #fff
  }

  .slide_two .second_bottle-mode .second_mode .swiper-pagination-bullet {
    background: #aacdf3;
    opacity: 0.6;
  }

  .slide_two .second_bottle-mode .second_mode .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #007aff !important;
  }

  .slide_two .second_bottle-mode .second_mode-default {
    width: 100%;
    height: 100%
  }

  .slide_two .second_bottle-mode .second_mode-text,
  .slide_two .second_bottle-mode .second_mode-text .tally {
    font-size: .18rem
  }

  .slide_two .second_bottle-mode .second_mode-text .gross {
    margin-top: .1rem;
    font-size: .16rem
  }

  .slide_two .second_bottle-mode .second_mode-img {
    margin: 0 auto;
    width: 2.2rem
  }

  .slide_two .second_bottle-mode .second_mode .line {
    display: inline-block;
    position: absolute;
    background-color: #ff9a43;
    z-index: 56;
  }

  .slide_two .second_bottle-mode .second_mode .line_top {
    top: 0;
    left: 0;
    height: 2px;
    width: 0;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_mode .line_right {
    top: 0;
    right: 0;
    height: 0;
    width: 2px;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_mode .line_bottom {
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_mode .line_left {
    bottom: 0;
    left: 0;
    width: 2px;
    height: 0;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_mode-hover {
    /* display: none; */
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 3;
    z-index: 55;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2rem;
    background-color: #1b1f2d;
  }

  .slide_two .second_bottle-mode .second_mode-hoverimg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.4rem
  }

  .slide_two .second_bottle-mode .second_mode-hovertext {
    text-align: left
  }

  .slide_two .second_bottle-mode .second_mode-hovertext .hovertext-title {
    font-size: .18rem
  }

  .slide_two .second_bottle-mode .second_mode-hovertext .hovertext-desc {
    font-size: .16rem;
    margin-top: .1rem;
    line-height: 2em;
    word-break: break-all;
    text-align: justify;
  }

  .slide_two .second_bottle-mode .second_mode-hoverBlock {
    opacity: 1;
    display: block
  }

  .slide_two .second_bottle-mode .second_modeBlock .line {
    box-shadow: 0 0 8px 2px rgba(255, 154, 67, .5);
  }

  .slide_two .second_bottle-mode .second_modeBlock .line_top {
    width: 100%;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_modeBlock .line_right {
    height: 100%;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_modeBlock .line_bottom {
    width: 100%;
    transition: all .5s ease-in-out 0s
  }

  .slide_two .second_bottle-mode .second_modeBlock .line_left {
    height: 100%;
    transition: all .5s ease-in-out 0s
  }

  .slide_three .solution {
    width: 100%;
    padding: .6rem .32rem 0;
    box-sizing: border-box
  }

  .slide_three .solution h3 {
    font-size: .24rem !important
  }

  .slide_three-desc,
  .slide_three-mode {
    display: none !important
  }

  .slide_three-phoneDesc {
    display: block !important;
    font-size: .12rem;
    line-height: 2em;
    text-align: center;
    word-break: break-all;
  }

  .slide_three-phoneDesc .phoneDesc-text-two {
    margin-top: .25rem
  }

  .slide_three-phoneMOde {
    display: block !important;
    margin: .24rem 0 .6rem;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
    min-height: 4.89rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known a img {
    height: 0.16rem;
    vertical-align: middle;
    position: relative;
    bottom: 0.02rem;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known .arrow_retails {
    display: none;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known .arrow_retails_two {
    display: inline-block;
  }

  .slide_three .add_height-phoneClose {
    height: 10rem !important
  }

  .slide_three-phoneClose {
    width: 100%;
    height: auto
  }

  .slide_three-phoneClose .solution-phoneExplorer {
    position: relative;
    transition: all .5s ease 0s
  }

  .slide_three-phoneClose .solution-phoneExplorer .closed_icon {
    display: none
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec {
    width: 100%;
    height: 3.333rem;
    position: relative;
    overflow: hidden
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text .phoneText_infor {
    text-align: center;
    color: #fff
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text .phoneText_infor-ename {
    font-size: .1rem
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text .phoneText_infor-name {
    font-size: .24rem;
    margin-top: .11rem
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text .phoneText_infor-circle {
    margin-top: .24rem
  }

  .slide_three-phoneClose .solution-phoneExplorer .phoneExplorer_tec-text .phoneText_infor-circle img {
    width: .24rem;
    height: .24rem
  }

  .slide_three-phoneClose .solution-phoneExplorer .move_unfold {
    display: none
  }

  .slide_three-phoneClose .phoneExplorer_open {
    width: 100%;
    height: 8.74rem;
    background-color: #fff
  }

  .slide_three-phoneClose .phoneExplorer_open .phoneExplorer_tec {
    display: none !important
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold {
    display: block !important
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top {
    width: 100%;
    height: 4.1rem;
    overflow: hidden;
    position: relative;
    padding: .24rem;
    box-sizing: border-box
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .ly_boxnames {
    position: relative;
    color: #fff;
    text-align: center
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .ly_boxnames-ename {
    font-size: .1rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .ly_boxnames-name {
    font-size: .24rem;
    margin-top: .11rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone {
    position: relative;
    padding-left: .4rem;
    margin-top: .32rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_branch {
    position: relative;
    font-size: .14rem;
    font-weight: 700;
    color: #fff
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_branch .item_arrow {
    position: absolute;
    left: -.65rem;
    top: .05rem;
    display: none
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_branch .item_arrow img {
    width: .56rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_title {
    margin-bottom: .1rem;
    cursor: pointer;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_title:hover {
    color: #FE7704
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_list {
    display: none
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_list-line {
    margin-bottom: .14rem;
    position: relative;
    padding-left: .12rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_list-line a {
    color: #fff;
    font-size: .14rem;
    font-weight: 700
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_list-line a:hover {
    color: #FE7704
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_list-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 50%
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_reveal .insurencePhone-hide,
  .slide_three-phoneClose .phoneExplorer_open .move_unfold-top .insurencePhone_reveal .item_arrow {
    display: block !important
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below {
    width: 100%;
    box-sizing: border-box
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content {
    width: 100%;
    padding: 0 .12rem .3rem;
    box-sizing: border-box;
    display: none
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content h4 {
    font-size: .2rem;
    margin: .4rem 0 .2rem;
    text-align: center
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-desc {
    line-height: 2em;
    font-size: .12rem;
    /* text-align: justify; */
    text-align: center;
    word-break: break-all;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known {
    margin-top: .2rem;
    text-align: center
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known a {
    color: #3C4151;
    font-size: .14rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known a .btn_split {
    display: inline-block;
    width: 0;
    height: 100%
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known a:hover {
    color: #FE7704
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-known a:hover .btn_split {
    width: .06rem;
    transition: width .5s
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video {
    width: 100%;
    height: 100%;
    margin-top: .32rem;
    position: relative
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .videoM_play {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .videoM_play img {
    width: 0.48rem;
    height: 0.48rem;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .videoM_play .videoM_play_btn {
    display: block;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .videoM_play .videoM_puse_btn {
    display: none;
    width: 100%;
    height: 100%;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .video_play {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .video_play img {
    width: .6rem;
    height: .6rem
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .output {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .below_content-video .output img {
    width: 100%;
    height: 100%;
  }

  .slide_three-phoneClose .phoneExplorer_open .move_unfold-below .belowPhone_reveal {
    display: block !important
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .ly_boxnames-ename {
    letter-spacing: .23rem
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .move_unfold-below .below_content h4 {
    margin: .2rem 0 !important
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .move_unfold-below .below_content-known {
    margin-top: .1rem
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .move_unfold-below .below_content-video {
    margin-top: .2rem
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .move_unfold-below .below_content:last-child h4 {
    margin: .1rem 0 !important
  }

  .slide_three-phoneClose .phoneExplorer_open:first-child .move_unfold-below .below_content:last-child .below_content-video {
    margin-top: .1rem !important
  }

  .slide_three-phoneClose .phoneExplorer_close {
    width: 100%;
    height: .72rem;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 0 .06rem .02rem rgba(0, 0, 0, .1)
  }

  .slide_three-phoneClose .phoneExplorer_close .closed_icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .slide_three-phoneClose .phoneExplorer_close .closed_icon img {
    width: .32rem;
    height: .32rem;
    vertical-align: middle
  }

  .slide_three-phoneClose .phoneExplorer_close .phoneExplorer_tec-text {
    display: none !important
  }

  .slide_four .m_news_text {
    padding-top: .6rem
  }

  .slide_four .m_news-title {
    font-size: .24rem
  }

  .slide_four .fs-mini {
    font-size: .1rem
  }

  .slide_four .fs-small,
  .slide_four .m_news-box .item_h-title,
  .slide_four .m_news-box .item_n-title {
    font-size: .13rem
  }

  .slide_four .m_news-box {
    margin-top: 0 !important
  }
}