/*顶部广告条*/
.top-item{
    position: relative;
    overflow:hidden;
}
.top-item .topbanner img{
    width: 100%;
    height: auto;
}
.top-item .close-btn{
    width: 25px;
    height: 25px;
    font-size: 16px;
    font-weight: 700;
    background: rgba(0,0,0,.2);
    color: #fff;
    position: absolute;
    z-index: 2;
    right: 10%;
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    line-height: 25px;
    font-family: serif;
}
.top-item .close-btn:hover{
    background: rgba(0,0,0,.3);
}
.top-item .wap-topbanner{
    display: none;
}
@media(max-width: 767px){
    .top-item{
        height: auto;
    }
    .top-item .topbanner{
        position: static;
        transform: none;
    }
    .top-item .topbanner img{
        width: 100%;
        height: auto;
    }
    .top-item .wap-topbanner{
        display: block;
    }
    .top-item .pc-topbanner{
        display: none;
    }
    .top-item .close-btn{
        width: 6vw;
        height: 6vw;
        font-size: 4vw;
        right: 6%;
        line-height: 6vw;
    }
}
/*顶部广告条end*/
main{
  background-color: #fff;
}
.home-banner-large {
    position: relative;
}
.banner-large-bg img{
  width: 100%;
  height: auto;
}
.bannner-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px;
    position: relative;
    box-sizing: content-box;
}
.home-banner-large .banner-large-content {
    position: absolute;
    pointer-events: none;
    top: 45.7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    color: #242933;
}
.home-banner-large .banner-large-content.white {
    color: #fff;
}
.home-banner-large .banner-large-content {
    width: 100%;
    padding: 0 12.5vw;
}
.home-banner-large.banner-large-right .banner-large-content{
  text-align: right;
}
.home-banner-large.banner-large-right .top-name,
.home-banner-large.banner-large-right .top-title,
.home-banner-large.banner-large-right .top-btn{
  margin-left: auto;
}
.home-banner-large .home-button-wrap {
    position: absolute;
    line-height: 28px;
    font-size: 0;
    left: 50%;
    bottom: 72px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@keyframes home-button-bottom {
  0%,25%,50%,75% {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }

  6.25%,31.25%,56.25%,81.25% {
    opacity: 1
  }

  12.5%,24.99%,37.5%,49.99%,62.5%,74.99%,87.5%,99.99% {
    -webkit-transform: translateY(22px);
    -moz-transform: translateY(22px);
    -o-transform: translateY(22px);
    transform: translateY(22px)
  }

  100% {
    opacity: 0
  }
}
.home-banner-large .home-button-wrap .home-button-bottom {
    text-align: center;
    -webkit-animation: home-button-bottom;
    -moz-animation: home-button-bottom;
    -o-animation: home-button-bottom;
    animation: home-button-bottom;
    -webkit-animation-duration: 8s;
    -moz-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.home-banner-large .home-button-wrap .home-button-bottom::before {
    font-size: 24px;
    display: inline-block;
    content: '下へスクロール';
    margin-right: 12px;
    line-height: 28px;
}
.home-banner-large .home-button-wrap .home-button-bottom::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    max-width: 20px;
    height: 26px;
    max-height: 26px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAA2FBMVEUAAAAAAAAAAAAAAAAAAFUAAEBAQEAzMzMrKyskJCQcHDkcOTkzMzMrKysnJycnJzsiIjMeLS0oKDYjLi4hLDcgKzUnJzEmJjkgKDAoKDAnJzYkKzEkKi8mKzEmKzQiKzMlKTEkKDUjJzMmKTUkKzIiKTQkKDIjKTMlKDIkKzQjKTUkJzIkKjIjKTQlKDIkKjQkKTQjKDIkKTIkKTMkKDQkKTIkKDMkKjQkKTMkKTIkKTMkKTMkKTMkKTMkKDMjKTMkKTMkKTMkKTMkKTMkKTMkKTMkKTP///+SAzPaAAAARnRSTlMAAQIDAwQEBQYHCQkKDA0NDxETFhcYGhsgICEqKy82PD4/QURHSk1QUlRXW1xeYGJjZmuanqKrsrrAzc7T2uPm5+vv9fj+y1Lx6QAAAAFiS0dER2C9yXsAAADuSURBVCjPZZLbUgJBEEMzqCuKAuoqF/GCq4C4CkG8ICIqkP//JB+Gqe3Ffpmuk+pUUjUo49+UMWwX8qjQHoK83bFsKyFBslPMWLFDEinJXimwUo9kitqAZL/iWaVPclADTh5JpscAcPRA8uk0txo5HNXr1mhtT5K8P8iC7N55ZsP5yKZGwwEA3DV54wu7BpbjyKutln+j8RLS27412nuVsJIm1YxVJ9IKc0nTOLB4KmmOZCFp1vSsOZO0SIDLH0nfFwBw/iXp9yq3GjkcdbvWCIg/tJ7PsyzI4btnNpyPvFkD2H6WXqLNH+BGIxf2P+dxL2DBsg7aAAAAAElFTkSuQmCC);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.home-banner-large .home-button-wrap .home-button-bottom.white::before {
    color: #fff;
}
.home-banner-large .home-button-wrap .home-button-bottom.white::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAMAAABOmSgnAAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMAZgVhCWP8Iw1cRxn4VvRPTC0dExHo4FlTQ0AxFvDWyb6woDo22XIf0baqjogo0Hm6R4ZaAAABb0lEQVQ4y42S63KCMBBGdxEEBOTmHUTFa6u2+/5P18yEGENi6PmTmc1JJpv94F/k+ZBR5YC4sTsb9JiEE8firJkAaLWcCQoJM+eDk6GUMHWNTopc8vi6Mljuiu95kCAnCfpO8NqCK3Ysg56zxI4rgO8hJ5y9O7MQOZ4PjEJYo1o6peIwopGwIoB+qTCW9GPmy6/yAcZn4lNrxdTw6aR/isBNsEcSGIegOtZxaiPXgiHIBiKGg2E1O5dLL/aMtVL6vcCYWuXYEfGoPKGlGIjooFhlqTjfTABifLkfWzmQkGgfmB13T1KiXWlyZjviUszXW6079Y3vxdAQ51z0neJMnAbSMXEWvur4C+KMU4BQWPP83cnnwgmBkcXE2Z6kUwknXnWjmBJn+prHcStKE2NJP6Zfrj1A8ny1MgJYaq1oDT8e+qcIooYE8ns16h/VaSLbOMXIrcHowmOPmCWGMqxdoC1WS4zWATt3ojsMUlVa6Q9RCEDlLxTvDAAAAABJRU5ErkJggg==);
}
@media(max-width: 1600px){
    .home-banner-large .home-button-wrap {
        bottom: 4.5vw;
    }
    .home-banner-large .home-button-wrap .home-button-bottom::before {
        font-size: 1.5vw;
        margin-right: .75vw;
        line-height: 1.75vw;
    }
    .home-banner-large .home-button-wrap .home-button-bottom::after {
        width: 1.25vw;
        height: 1.65vw;
    }
}
@media(max-width: 1199px){
  .bannner-container {
      padding: 60px 40px 40px;
  }
}
@media(max-width: 768px){
  .bannner-container {
      padding: 5.27778vw 5.55556vw;
  }
  .home-banner-large.banner-large-right .banner-large-content{
      text-align: center;
  }
  .home-banner-large .home-button-wrap {
      /*position: absolute;
      line-height: 7vw;
      font-size: 0;
      top: 79vh;
      bottom: unset;*/
      bottom: 12vw;
  }
  .home-banner-large .home-button-wrap .home-button-bottom::before {
      font-size: 4.4vw;
      margin-right: 1.8vw;
      line-height: 6.5vw;
  }
  .home-banner-large .home-button-wrap .home-button-bottom::after {
      width: 3.6vw;
      height: 4.68vw;
      margin-top: .8vw;
  }
}



.banner-mid-box{
    position: relative;
    width: 100%;
    height: 640px;
    margin-top: 40px;
    background-color: #e9edf5;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    overflow: hidden;
}

@media screen and (max-width: 1600px){
  .bannner-container .banner-mid-wrapper .banner-mid-box {
      height: 40vw;
  } 
}
@media screen and (max-width: 1199px){
  .bannner-container .banner-mid-wrapper .banner-mid-box {
      height: 41.204vw;
  } 
}
@media screen and (max-width: 768px){
  .bannner-container .banner-mid-wrapper .banner-mid-box {
      height: 118.88889vw;
      margin-top: 5.55556vw;
      -webkit-border-radius: 3.33333vw;
      -moz-border-radius: 3.33333vw;
      border-radius: 3.33333vw;
  }
}
.bannner-container .banner-mid-wrapper .banner-mid-box:first-child{
    margin-top: 0;
}

.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    -webkit-transition: -webkit-transform ease-in .5s;
    transition: -webkit-transform ease-in .5s;
    -o-transition: -o-transform ease-in .5s;
    -moz-transition: transform ease-in .5s,-moz-transform ease-in .5s;
    transition: transform ease-in .5s;
    transition: transform ease-in .5s,-webkit-transform ease-in .5s,-moz-transform ease-in .5s,-o-transform ease-in .5s;
    transition: transform ease-in .5s,-webkit-transform ease-in .5s;
}
.bannner-container .banner-mid-wrapper .banner-mid-box:hover .banner-mid-img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-img img {
    width: 100%;
    height: 100%;
}
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content-box{
    height: 100%;
    display: inline-block;
    width: auto;
    vertical-align: top;
    position: relative;
    z-index: 1;
    text-align: left;
}
.bannner-container .banner-mid-wrapper .banner-mid-box.banner-mid-box-right {
    text-align: right;
}
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content{
    height: 100%;
    margin-left: 180px;
    color: #242933;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
}
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content.white {
    color: #fff;
}
.bannner-container .banner-mid-wrapper .banner-mid-box.banner-mid-box-right .banner-mid-content {
    margin-right: 180px;
    margin-left: 0;
}

.home-banner-large .banner-large-content .top-name,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-name{
  margin-bottom: 14px;
  font-size: 45px;
  line-height: 1.3;
  max-width: 450px;
}
.home-banner-large .banner-large-content .top-title,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-title {
    font-size: 28px;
    line-height: 40px;
    max-width: 450px;
}
.home-banner-large .banner-large-content .top-btn,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn {
    margin-top: 60px;
    font-size: 0;
    pointer-events: auto;
}
.home-banner-large .banner-large-content .top-btn a,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a {
    display: inline-block;
    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);
    transition: all .5s cubic-bezier(0.33,0,.67,1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #242933;
}
.home-banner-large .banner-large-content.white .top-btn a,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content.white .mid-btn a {
    color: #fff;
}

.home-banner-large .banner-large-content .top-btn a:hover,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover {
    -webkit-transform: scaleX(1.04);
    -moz-transform: scaleX(1.04);
    -ms-transform: scaleX(1.04);
    -o-transform: scaleX(1.04);
    transform: scaleX(1.04);
}
.home-banner-large .banner-large-content .top-btn a:nth-child(2),
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:nth-child(2) {
    margin-left: 38px;
}

.home-banner-large .banner-large-content .top-btn a span,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a span {
    font-size: 24px;
}
.home-banner-large .banner-large-content .top-btn a i,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a i {
    width: 40px;
    height: 26px;
    border: solid 3px #242933;
    font-size: 16px;
    text-align: center;
}
.home-banner-large .banner-large-content.white .top-btn a i,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content.white .mid-btn a i {
    border-color: #fff;
}
.home-banner-large .banner-large-content .top-btn a span,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);
    transition: all .5s cubic-bezier(0.33,0,.67,1);
}
.home-banner-large .banner-large-content .top-btn a:hover span,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover span {
    -webkit-transform: scaleX(1.04);
    -moz-transform: scaleX(1.04);
    -ms-transform: scaleX(1.04);
    -o-transform: scaleX(1.04);
    transform: scaleX(1.04);
    color: #00b0ec;
}
.home-banner-large .banner-large-content .top-btn a i,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    margin-left: 7px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: solid 2px #242933;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -o-transition: all .5s cubic-bezier(0.33,0,.67,1);
    -moz-transition: all .5s cubic-bezier(0.33,0,.67,1);
    transition: all .5s cubic-bezier(0.33,0,.67,1);
}
.home-banner-large .banner-large-content .top-btn a:hover i,
.bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover i {
  color: #00b0ec;
  border-color: #00b0ec;
    -webkit-transform: scale(1.2) translateX(10%);
    -moz-transform: scale(1.2) translateX(10%);
    -ms-transform: scale(1.2) translateX(10%);
    -o-transform: scale(1.2) translateX(10%);
    transform: scale(1.2) translateX(10%);
}
@media(max-width: 1600px){
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content {
      margin-left: 9.375vw;
  }
  .bannner-container .banner-mid-wrapper .banner-mid-box.banner-mid-box-right .banner-mid-content {
      margin-right: 9.375vw;
      margin-left: 0;
  }
  .home-banner-large .banner-large-content .top-name,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-name{
    margin-bottom: .875vw;
    font-size: 2.8125vw;
      max-width: 28.125vw;
  }
  .home-banner-large .banner-large-content .top-title,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-title {
      font-size: 1.75vw;
      line-height: 2.5vw;
      max-width: 28.125vw;
  }
  .home-banner-large .banner-large-content .top-btn,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn {
      margin-top: 3.75vw;
  }
  .home-banner-large .banner-large-content .top-btn a span,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a span {
      font-size: 1.5vw;
  }
  .home-banner-large .banner-large-content .top-btn a i,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a i {
    width: 2.5vw;
      height: 1.625vw;
    font-size: .8vw;
        line-height: 1.2vw;
  }
}
@media screen and (max-width: 1199px){
  .home-banner-large .banner-large-content .top-btn i
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a i {
      border-width: 2px;
  }
}
@media(max-width: 768px){
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content-box{
    position: static;
  }
  .home-banner-large .banner-large-content{
    display: block;
    transform: none;
    text-align: center;
    top: 10vw;
    width: 100%;
    left: auto;
  }
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content {
      display: block;
      position: absolute;
      width: 100%;
      height: auto;
      left: 0;
      top: 10vw;
      margin-left: 0;
      line-height: 0;
      text-align: center;
  }
  .home-banner-large .banner-large-content .top-name,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-name {
      font-size: 7.1429vw;
      margin-bottom: 2.22222vw;
      max-width: none;
  }
  .home-banner-large .banner-large-content .top-title,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-title {
      display: inline-block;
      font-size: 4.44444vw;
      line-height: 6.38889vw;
      max-width: 70.55556vw;
      max-width: none;
  }
  .home-banner-large .banner-large-content .top-btn,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn {
      margin-top: 5vw;
  }
  .home-banner-large .banner-large-content .top-btn a:nth-child(2), 
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:nth-child(2){
    margin-left: 5.55556vw;
  }
  .home-banner-large .banner-large-content .top-btn a,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a,
  .home-banner-large .banner-large-content .top-btn a:hover,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover{
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
  }
  .home-banner-large .banner-large-content .top-btn a span,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a span,
  .home-banner-large .banner-large-content .top-btn a:hover span,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover span {
    -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      font-size: 3.88889vw;
      color: inherit;
  }
  .home-banner-large .banner-large-content .top-btn a i,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a i,
  .home-banner-large .banner-large-content .top-btn a:hover i,
  .bannner-container .banner-mid-wrapper .banner-mid-box .banner-mid-content .mid-btn a:hover i {
    -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    width: 6.38889vw;
      height: 4.44444vw;
      margin-left: 1.11111vw;
      text-align: center;
      font-size: 3vw;
        line-height: 4.5vw;
      box-sizing: content-box;
      position: relative;
      display: inline-block;
      border-color: inherit;
      color: inherit;
  }
}



.sm-banner-container {
    background: #F0F2F5;
}
.bannner-container .banner-sm-wrapper .banner-sm-title {
    font-size: 38px;
    color: #242933;
    margin-bottom: 40px;
    line-height: 1;
}
.banner-sm-box,
.banner-sm-item{
  list-style: none;
  margin: 0;
  padding: 0;
}
.banner-sm-box{
  column-count: 3;
    column-gap: 36px;
    width: 100%;
    max-width: 1440px;
}
.banner-sm-item{
  background: #fff;
  margin: 0 0 36px;
  transition: opacity .4s ease-in-out;
  column-break-inside: avoid;
  display: inline-block;
  border-radius: 24px;
  overflow: hidden;
}
.banner-sm-item:last-of-type{
    margin-bottom: 0;
}
.banner-sm-img{
  position: relative;
  z-index: 1;
}
.banner-sm-img img{
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s,-moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s,-moz-transform .5s,-o-transform .5s;
    transition: transform .5s,-webkit-transform .5s;
}
.banner-sm-item:hover .banner-sm-img img{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.banner-sm-content{
  padding: 30px 44px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  color: #242933;
}
.banner-sm-content .banner-sm-name{
  font-size: 26px;
  margin: 0;
  line-height: 1.3;
}
.banner-sm-content .banner-sm-desc{
  font-size: 20px;
  margin: 5px 0 0;
  line-height: 1.3;
}
@media(max-width: 1600px){
  .banner-sm-box{
    column-gap: 2.475vw;
  }
  .banner-sm-item{
    margin: 0 0 2.475vw;
  }
  .banner-sm-content{
    padding: 1.8184vw 2.667vw;
  }
  .banner-sm-content .banner-sm-name{
    font-size: 1.625vw;
  }
  .banner-sm-content .banner-sm-desc{
    font-size: 1.25vw;
  }
}
@media(max-width: 960px){
  .banner-sm-box{
    column-count: 2;
  }
}
@media(max-width: 768px){
  .bannner-container .banner-sm-wrapper .banner-sm-title{
      /*font-size: 6.66667vw;*/
      font-size: 6vw;
      margin-bottom: 5.55556vw;
  }
  .banner-sm-item{
    margin: 0 0 5.55556vw;
    border-radius: 3.33333vw;;
  }
  .banner-sm-box{
    column-count: 1;
  }
  .banner-sm-content{
    padding: 5vw 6vw;
  }
  .banner-sm-content .banner-sm-name{
    font-size: 4.66667vw;
  }
  .banner-sm-content .banner-sm-desc{
    font-size: 3.44444vw;
  }
}