/* 单机 */
li {
  cursor: pointer;
}

.solve-img1 {
  background-image: url('../image/home5.jpg');
}

.soveMethod {
  padding-top: 300px;
}

.solve-img-yzs {
  background-image: url('../image/so-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 100%;
  height: 100vh;
  z-index: -1;
  /* display: flex;
        align-items: center; */
}

.dj {
  /* max-width: 1200px; */

  height: calc(100vh - 300px);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.dj_left {
  max-width: 190px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(226, 230, 234, 0.64);
  margin-right: 10px;
}

.dj_header {
  width: 100%;
  height: 72px;
  background: #0094e1;
  border-radius: 4px 4px 0px 0px;
  padding-top: 6px;
  box-sizing: border-box;
}

.all_equipment {
  height: 17px;
  color: #fff;
  font-size: 16px;
  line-height: 8px;
}

.dj_right {
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.djRight_top {
  width: 100%;
  height: 72px;
  line-height: 72px;
  background: #ffffff;
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: left;
}

.tabswitch {
  font-size: 14px;
  color: #5c6266;
  padding: 0 21px;
}

.tabswitch.layui-show {
  color: #1e9fff;
}

.djRight_bot {
  height: calc(100% - 82px);
  background-color: #fff;
  /* padding-top: 5%;
      padding-bottom: 4%; */
  box-sizing: border-box;
}

.djRight_bot .demo-tab-body {
  height: 100%;
}

.layui-tab .layui-tab-title {
  position: static;
  white-space: normal;
  height: auto;
}

.demo-tab-header .tag.layui-this {
  border-color: rgba(202, 217, 224, 0.64);
  color: #1e9fff;
}

.demo-tab-header .djItemTab {
  color: #5c6266;
  cursor: pointer;
}

.demo-tab-header .djItemTab:nth-child(1) {
  color: #5c6266;
  border-right: 1px solid #cad9e0;
  padding-right: 10px;
}

.demo-tab-header .djItemTab:nth-child(2) {
  padding-left: 10px;
}

.demo-tab-header .djItemTab.layui-this {
  border-color: #cad9e0;
  color: #1e9fff;
}
.demo-tab-Itembody {
  height: 100%;
}
.djItemTabContent {
  height: 100%;
}
.demo-tab-body > div {
  display: none;
}

.demo-tab-Itembody > div {
  display: none;
}

.demo-tab-header {
  padding: 0 21px;
}

.tag {
  max-width: 148px;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgba(202, 217, 224, 0.64);
  font-size: 14px;
}

.djItem {
  height: 100%;
}

.djItemtitle {
  font-size: 28px;
  padding: 15px 0px;
  font-weight: bold;
}

.lunboimgItem {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.layui-carousel {
  width: 100%;
  height: 84% !important;
}

.layui-carousel>[carousel-item] {
  position: relative;
  width: 100%;
  height: 102%;
}

.layui-carousel > [carousel-item] .layui-this {
  display: flex;
  justify-content: center;
  align-items: center;
}
.layui-carousel>[carousel-item]>* {
  background-color: #fff;
}

.lunboimg {
  max-width: 400px;
  height: 100%;
  /* max-height: 400px; */
  object-fit: contain;
  padding-left: 10px;
  padding-right: 10px;
}

.mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}

.isMask {
  display: block;
}

.maskimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30%;
}

@media screen and (max-width: 768px) {
  #tabHeader {
    padding: 0px !important;
  }
  .dj_left {
    max-width: 100px;
  }
  .tag {
    font-size: 12px !important;
  }
  .djItemtitle {
    font-size: 11px !important;
  }

 .maskimg {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   width: 80%;
 }
}