@charset "UTF-8";
/*禁用样式，加important*/
/*定义media-queries的最大和最小宽度*/
/*定义animation的@keyframe*/
/*关于属性的浏览器兼容写法*/
@media screen and (max-width: 1050px) {
  #custome .pc_m_custome .voice .pc_swip .bootCont {
    padding: 0;
  }
  #custome .pc_m_custome .voice .pc_swip .swiper-button-white {
    display: none;
  }
}

@media screen and (max-width: 769px) {
  #custome .loadBg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 99999;
    background: #fff;
  }
  #custome .loadBg img {
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -90px;
    position: absolute;
  }
  #custome .loadBg.loadHide {
    display: none;
  }
  #custome .m_custome {
    display: block;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
  #custome .pc_m_custome .voice .pc_swip .bootCont .gallery-thumbs .inne_swip2 > div {
    height: 75px;
    line-height: 75px;
  }
}

@media screen and (max-width: 992px) {
  #custome .pc_m_custome .voice .pc_swip .bootCont .gallery-thumbs .inne_swip2 > div {
    height: 60px;
    line-height: 60px;
  }
  #custome .pc_m_custome .voice .pc_swip .bootCont .gallery-thumbs .inne_swip2 > div img {
    width: 40px;
  }
}

@media screen and (min-width: 768px) {
  #custome .m_custome {
    width: 100%;
  }
  #custome .m_custome .m_lun .m_swiper1 .swiper-wrapper .swiper-slide {
    width: 100%;
  }
  #custome .m_custome .m_lun .m_swiper1 .swiper-wrapper .swiper-slide img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #custome .m_custome {
    width: 100%;
  }
  #custome .m_custome .m_top {
    position: relative;
    padding: 50px 0;
    border-bottom: 1px solid #f2f2f2;
  }
  #custome .m_custome .m_top .txt {
    text-align: center;
    font-size: 30px;
    color: #252525;
  }
  #custome .m_custome .m_top .line {
    width: 50px;
    height: 4px;
    background: #009ED6;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -22px;
  }
  #custome .m_custome .m_lun {
    margin-top: 50px;
  }
  #custome .m_custome .m_lun .m_paginat1 {
    text-align: center;
  }
  #custome .m_custome .m_lun .m_paginat1 span {
    margin: 20px 10px;
  }
  #custome .m_custome .m_lun .m_paginat1 .swiper-pagination-bullet-active {
    background: #333 !important;
  }
  #custome .m_custome .m_lun .m_paginat1 .swiper-pagination-bullet {
    background: #B2B2B2;
    opacity: 1;
    display: inline-block;
  }
  #custome .m_custome .m_lun .design {
    width: 100%;
    background: #252525;
  }
  #custome .m_custome .m_lun .design img {
    width: 100%;
  }
  #custome .m_custome .m_top2 {
    position: relative;
    padding: 50px 0;
    background: #252525;
    border-bottom: 1px solid #303030;
  }
  #custome .m_custome .m_top2 .txt {
    text-align: center;
    font-size: 30px;
    color: #fff;
  }
  #custome .m_custome .m_top2 .line {
    width: 50px;
    height: 4px;
    background: #009ED6;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -22px;
  }
  #custome .m_custome .m_mess {
    padding: 20px 10px;
    background: #252525;
  }
  #custome .m_custome .m_mess .item {
    display: flex;
    margin-bottom: 30px;
  }
  #custome .m_custome .m_mess .item .lt_mess {
    flex: 0 0 60px;
  }
  #custome .m_custome .m_mess .item .rt_mess {
    flex: 1;
    padding: 10px;
    background: #3c3c3c;
    border: 2px solid #4c4c4c;
    border-radius: 5px;
    color: #d8d8d8;
    margin-left: 5px;
    line-height: 30px;
  }
  #custome .m_custome .m_mess .item .lt_mess2 {
    flex: 1;
    padding: 10px;
    background: #3c3c3c;
    border: 2px solid #4c4c4c;
    border-radius: 5px;
    color: #d8d8d8;
    margin-right: 0.23438rem;
    line-height: 30px;
  }
  #custome .m_custome .m_mess .item .rt_mess2 {
    flex: 0 0 60px;
  }
  #custome .m_custome .m_line {
    width: 100%;
    background: #f4f4f4;
    margin-top: -1px;
  }
  #custome .m_custome .m_line img {
    width: 100%;
  }
}