@media only screen and (min-width: 768px) {
  .select-menu{
      display: none;
  }
}

@media only screen and (max-width: 768px) {
  .logo{
      width: 355px;
  }
  .head{
      /* border: 0.1px #ad4747 solid; */
      display: flex;
  }
  .head-top {
      margin-bottom: 10px;
      height: unset;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
  .logo{
      margin-top: unset;
  }
  .head-top .hd-right {
      position: unset;
  }
  .kj-nav{
      display: none;
      /* width: 100vw; */
      margin-top: 21px;
  }

  .kj-nav .navlev{
      float: unset;
      background: rgba(173, 71, 71, .9) !important;
  }

  .kj-nav .navlev:hover{
    background: #ffa132;
  }

  .kj-nav .navlev .lev2 {
      left: 124px;
      top: 0;
  }
  .kj-nav .navlev .lev2 a {
      line-height: 50px;
  }
  .select-menu {
      /* display: block; */
      width: 140px;
      height: 70px;
      font-size: 20px;
      padding-left: 20px;
      color: #fff;
  }
  .select-menu .menu{
    width: 24px;
    height: 24px;
  }
  .select-menu:active{
      background-color: #b82a2a;
  }
  .select-menu span:nth-child(1){
      display: inline-block;
      margin-top: 20px;
  }
  .select-menu span:nth-child(2){
      margin-top: 15px;
      margin-left: 10px;
  }
  .select-menu .bottom {
      position: absolute;
  }
  .select-menu .bottom:before,
  .select-menu .bottom:after {
      position: absolute;
      content: '';
      /* border-top: 20px  #ad4747 solid;
      border-left: 20px transparent dashed;
      border-bottom: 20px transparent dashed;
      border-right: 20px transparent dashed; */
  }

  .select-menu .bottom:before {
      border-top: 20px #fff solid;
  }

  .select-menu .bottom:after {
      /* 覆盖并错开1px */
      top: -1px;
      border-top: 20px #ad4747 solid;
  }
  .select-menu .right {
      position: absolute;
  }
  .select-menu .right:before,
  .select-menu .right:after {
      position: absolute;
      content: '';
      /* border-top: 20px transparent dashed;
      border-left: 20px #ad4747 solid;
      border-bottom: 20px transparent dashed;
      border-right: 20px transparent dashed; */
  }

  .select-menu .right:before {
      border-left: 20px #fff solid;
  }

  .select-menu .right:after {
      /* 覆盖并错开1px */
      left: -1px;
      border-left: 20px #ad4747 solid;
  }
.swiper-index{
  height: 420px;
}
.swiper-index .swiper-slide{
  background-size: 100% 100% !important;
  height: 420px;
}
.index-boxx{
  height: unset !important;
}
  .index-lay {
      height: unset;
      box-shadow: unset;
  position: unset;
      bottom: unset;
  left: unset;
      padding: 20px 10px 0;
  }
  div[class^=abs] {
      float: unset;
  }
  .abs-cen {
      margin: unset;
      width: 100%;
  }
  .foot-bg {
      margin-top: 40px;
  }
  .inban{
    background-size: 100% 100% !important;
    height: 140px;
  }
  .inmain{
    display: flex;
    flex-direction: column;
  }
  .mt30{
    order: 2;
    margin-top: 0;
    padding: 0 10px;
  }
  .right-content{
    width: 100%;
    padding: 0 10px;
  }
  .left-bar {
    width: 100%;
    order: 2;
    margin-right: 0;
    margin-top: 20px;
  }
  .abs-left {
    width: 100%;
  }
  .abs-right {
    width: 100%;
  }
  .ins-nav {
    width: 100%;
  }
  .foot-nav{
    padding: 0 10px;
    padding-bottom: 10px;
  }
  .foot-nav .multi-contact .foot-left:first-child {
    width: 100%;
  }
  .tbt{
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  .friendshipTips {
    display: flex;
    margin-top: 30px;
  }
  .fwei{
    float: left;
  }
}

@media only screen and (min-width: 768px) {
.right-content {
  width: 70%;
  margin-top: 20px;
}
.kj-nav .navlev {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 70px;
  z-index: 100;
  position: relative
}

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 3px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 850px) {
.right-content {
  width: 70%;
  margin-top: 20px;
}
.kj-nav .navlev {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 70px;
  z-index: 100;
  position: relative
}

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 5px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 900px) {
.right-content {
  width: 70%;
  margin-top: 20px;
}
.kj-nav .navlev {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 70px;
  z-index: 100;
  position: relative
}

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 8px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 950px) {
.right-content {
  width: 70%;
  margin-top: 20px;
}
.kj-nav .navlev {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 70px;
  z-index: 100;
  position: relative
}

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 10px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 1000px) {

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 12px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 1060px) {

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 16px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 1160px) {

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 20px;
  position: relative;
  z-index: 97
}
}

@media only screen and (min-width: 1260px) {

.kj-nav a {
  color: #fff;
  display: block;
  padding: 0 26px;
  position: relative;
  z-index: 97
}
}