@media screen and (max-width: 769px) {
  .pc{
      display: none;
  }
  .mb{
      display: block;
  }
  .footer{
      display: none;
  }
  .mb-footer{
      width: 100%;
      padding: 0 3%;
  }
  .mb-info{
      width: 100%;
      color: #7c7c7c;
      border-top: 1px solid #eeeeee;
  }
  .mb-info ul li{
      font-size: 12px;
      line-height: 25px;
      margin-top: 3px;
      margin-bottom: 5px;
  }
  .mb-info ul li span{
      position: absolute;
      width: 12px;
      height: 25px;
      /* left: 5px; */
  }
  .mb-info ul li span img{
      width: 12px;
      height: 12px;
      top: 46%;
      position: absolute;
      transform: translateY(-50%);
  }
  .mb-info ul li div{
      padding-left: 15px;
  }








  .mb_nav{
      position: fixed;
      z-index: 9999;
      width: 100%;
      height: 85px;
      /*background-color: rgba(249,251,252,.5);*/
  }
  .index1, .index1-1{
      text-align: justify;
  }
  .logo {
      position: absolute;
      width: 4rem;
      margin: 30px 0 0 40px;
      text-align: left;
      top: 0;
      bottom: 0;
      margin: auto;
      margin-left: 30px;
  }
  .right_nav{
      position: absolute;
      right: 0;
      width: 1.7rem;
      margin: 35px 40px 0 0;
  }
  .nav_list{
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(4,4,4,0.5);
      z-index: 1000000;
  }
  .nav_list .nav_close{
      position: relative;
      margin: 37px 0 20px 40px;
  }
  .nav_list ul{
      margin: 0 40px;
      border-top: 1px solid #ffffff;
      padding-left: 0;
  }
  .nav_list ul li{
      list-style: none;
      color: #ffffff;
      /* border-top: 1px solid #ffffff; */
      border-bottom: 1px solid #ffffff;
      /* height: auto; */
      line-height: 60px;
      cursor: pointer;
      padding-left: 40px;
      font-size: 14px !important;
  }
  .play{
      position: absolute;
      z-index: 99;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 64px;
      height: 64px;
  }
  .swiper-container-vertical>.swiper-pagination-bullets {
      right: 10px;
      top: 50%;
      -webkit-transform: translate3d(0,-50%,0);
      transform: translate3d(0,-50%,0);
  }
  .mb-swiper-pagination {
      position: absolute;
      text-align: center;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      z-index: 10;
  }
  .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      display: inline-block;
      border-radius: 100%;
      background: #000;
      opacity: .2;
  }
  .swiper-pagination-bullet-active {
      opacity: 1;
      background: #007aff;
  }

  .slogen_box {
      width: 100%;
      height: auto;
      position: relative;
      margin: auto;
      left: 0;
      right: 0;
      top: 0rem;
      bottom: 0;
      /* z-index: 9999; */
      /* overflow: hidden; */
      top: 30%;
      transform: translateY(-50%);
  }
  .index1-1 .slogen_box {
       height: auto;
  }
  .slogen_save {
      width: 100%;
      height: auto;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      /* background-color: aqua; */
  }
  .yishu_title1>img {
      width: 43.33%;
      height: auto;
      position: relative;
      left: 0;
  }
  .index1-1{
      width: 100%;
      height: 100%;
      background: url("../images/issmartIndex/index1-banner.jpg") no-repeat;
      background-size: 100% 100%;
      text-align: center;
  }
  .yishu_title1{
      text-align: center !important;
      margin-top:1rem;
      position: relative;
      top:0;
      width: 100%;
      height: auto;
  }
  .yishu_title2 {
      margin-top: 2rem;
      width: 100%;
      top:0;
       text-align: center !important;
  }
  .yishu_title2>img {
      width: 65.6%;
      height: auto;
  }
  .yishu_title3{
      display: none;
  }
  .box{
      position: relative;
      width: 100%;
      height: 100%;
      /*top: 50%;*/
      /*transform: translateY(-50%);*/
  }
  .box .text{
      position: absolute;
      width: 100%;
      height: auto;
      top: 30%;
      transform: translateY(-50%);
  }
  .box .text-ico{
      position: absolute;
      width: 100%;
      height: auto;
      top: 44%;
      transform: translateY(-50%);
  }
  .box .title{
      width: 100%;
  }
  .box .title img{
      width: 30%;
  }
  .box .title2-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box .title2-2 span{
      color: #ff3c00;
  }
  .box .title2-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 5px 0 0 0;
  }
  .box .title2-3{
      width: 100%;
      padding-top: 10%;
  }
  .view-more img {
      width: 35%;
  }
  .box .index2_kv{
      position: absolute;
      top: auto;
      bottom: 6%;
      width: 70%;
      height: auto;
      left: 15%;
  }


  .box .title3-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box .title3-2 span{
      color: #ff3c00;
  }
  .box .title3-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 5px 0 0 0;
  }
  .box .title3-3{
      width: 100%;
      padding-top: 10%;
  }
  .box .index3_kv{
      position: absolute;
      top: auto;
      bottom: 6%;
      width: 76%;
      height: auto;
      left: 12%;
  }
  .index4{
      width: 100%;
      height: 100%;
      background: url("../images/issmartIndex/index4-banner.jpg") no-repeat;
      background-size: 100% 100%;
      text-align: center;
  }
  .box-con{
      position: absolute;
      width: 100%;
      height: auto;
      top: 32%;
      transform: translateY(-50%);
  }
  .box-con .title{
      width: 100%;
  }
  .box-con .title img{
      width:30%;
  }
  .box-con .title4-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box-con .title4-2 span{
      color: #ff3c00;
  }
  .box-con .title4-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 5px 0 0 0;
  }
  .box-con .title4-3{
      width: 100%;
      padding-top: 10%;
  }


  .box .title5-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box .title5-2 span{
      color: #ff3c00;
      font-size: 14px !important;
  }
  .box .title5-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 5px 0 0 0;
  }
  .box .title5-3{
      width: 100%;
      padding-top: 6%;
  }
  .box .index5_kv{
      position: absolute;
      top: auto;
      bottom: 4%;
      width: 70%;
      height: auto;
      left: 15%;
  }


  .index6{
      width: 100%;
      height: 100%;
      background: url("../images/issmartIndex/index6-banner.jpg") no-repeat;
      background-size: 100% 100%;
      text-align: center;
  }
  .box-con .title6-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box-con .title6-2 span{
      color: #ff3c00;
  }
  .box-con .title6-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 15px 0 0 0;
  }
  .box-con .title6-3{
      width: 100%;
      padding-top: 10%;
  }


  .box .title7-2{
      font-size: 14px !important;
      width: 100%;
      padding-top: 2%;
  }
  .box .title7-2 span{
      color: #ff3c00;
  }
  .box .title7-2 p{
      color: #666666;
      font-size: 12px !important;
      margin: 15px 0 0 0;
  }
  .box .title7-3{
      width: 100%;
      padding-top: 6%;
  }
  .box .index7_kv{
      position: absolute;
      top: auto;
      bottom: 6%;
      width: 70%;
      height: auto;
      left: 15%;
  }
  .box .title7-4{
      position: relative;
      width: 100%;
      margin-top: 1%;
  }
  .box .title7-4 img{
      width: 55%;
  }

  .mt_con .index1{
      background: url("../images/issmartIndex/index1_banner.jpg") no-repeat;
      background-size: 100% 100%;
  }
}