body {
  width: 100%;
  height: 100%;
  min-width: 1340px;
  overflow-x: auto;
}
.lj-index {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
.header {
  width: 100%;
  height: 94px;
  overflow: hidden;
}
.header img {
  display: block;
  margin: 22px auto;
}
/*banner和nav的盒子*/
.banner-box {
  position: relative;
  width: 100%;
  height: 582px;
}
.index-swiper {
  width: 100%;
  height: auto;
}
.index-swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.index-swiper .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.index-swiper .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.index-swiper .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
}
.index-swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
.index-swiper .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background: #fff;
  opacity: .3;
}
.index-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.index-list {
  width: 1500px;
  height: auto;
  margin: 40px auto;
  margin-bottom: 40px;
}
.index-list .list-title {
  width: 100%;
  height: 30px;
  margin-bottom: 15px;
}
.index-list .list-title p {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  float: left;
  font-weight: 200;
  height: 100%;
}
.index-list .list-title a {
  display: block;
  float: right;
  font-size: 13px;
  color: #333333;
  letter-spacing: 0;
  height: 100%;
  line-height: 34px;
}
.index-list .list-title ul {
  display: inline-block;
  float: left;
  height: 100%;
  margin-left: 20px;
  position: relative;
}
.index-list .list-title ul:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.index-list .list-title ul li {
  float: left;
  height: 100%;
  line-height: 30px;
  padding: 0 15px;
  color: #333333;
  letter-spacing: 0;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}
.index-list .list-title ul li i {
  position: absolute;
  left: 50%;
  bottom: -3px;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 3px;
  background: #2692FF;
  border-radius: 3px;
  display: none;
}
.index-list .list-title ul .active i {
  display: block;
}
.index-list .list-content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.index-list .list-content:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.index-list .list-content .list-content-left {
  width: 540px;
  height: auto;
  float: left;
}
.index-list .list-content .list-content-left div {
  width: 100%;
  height: auto;
}
.index-list .list-content .list-content-left div img {
  width: 100%;
  height: 380px;
}
.index-list .list-content .list-content-left p {
  width: 100%;
  font-size: 15px;
  color: #333333;
  letter-spacing: 1.11px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-list .list-content .list-content-left span {
  width: 100%;
  font-size: 13px;
  color: #333333;
  letter-spacing: 1.11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-list .list-content .list-content-right {
  width: 960px;
  height: auto;
  float: right;
  overflow: hidden;
}
.index-list .list-content .list-content-right li {
  width: 25%;
  height: auto;
  float: left;
  padding-left: 1%;
  margin-bottom: 15px;
}
.index-list .list-content .list-content-right li:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.index-list .list-content .list-content-right li div {
  width: 100%;
  height: auto;
}
.index-list .list-content .list-content-right li div img {
  width: 100%;
  height: 168px;
}
.index-list .list-content .list-content-right li p {
  width: 100%;
  font-size: 15px;
  color: #333333;
  letter-spacing: 1.11px;
  min-height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-list .list-content .list-content-right li span {
  width: 100%;
  font-size: 13px;
  color: #333333;
  letter-spacing: 1.11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-qushi .list-title ul {
  display: inline-block;
  float: left;
  height: 100%;
  margin-left: 20px;
  position: relative;
}
.index-qushi .list-title ul:after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.index-qushi .list-title ul li {
  float: left;
  height: 100%;
  line-height: 30px;
  padding: 0 15px;
  color: #333333;
  letter-spacing: 0;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}
.index-qushi .list-title ul i {
  position: absolute;
  left: 12%;
  bottom: -3px;
  width: 15px;
  height: 3px;
  background: #2692FF;
  border-radius: 3px;
}
@media (min-width: 1360px) and (max-width: 1700px) {
  .header {
    height: 75px;
  }
  .header img {
    height: 30px;
  }
  .nav {
    height: 42px;
  }
/*  .nav ul {
    width: 100%;
    height: 42px;
    padding-left: 11%;
  }*/
  .nav ul li {
    width: 74px;
    height: 42px;
    line-height: 42px;
  }
  .nav ul li:after {
    content: '';
    width: 2px;
    height: 18px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0px;
    top: 14px;
  }
  .nav ul li a {
    font-size: 13px;
  }
  .index-list {
    width: 1140px;
  }
  .index-list .list-content .list-content-left {
    width: 380px;
  }
  .index-list .list-content .list-content-left div img {
    height: 265px;
  }
  .index-list .list-content .list-content-right {
    width: 760px;
  }
  .index-list .list-content .list-content-right li div img {
    width: 100%;
    height: 110px;
  }
  .index-list .list-content .list-content-right li p {
    width: 100%;
    font-size: 15px;
    color: #333333;
    letter-spacing: 1.11px;
    min-height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index-list .list-content .list-content-right li span {
    width: 100%;
    font-size: 13px;
    color: #333333;
    letter-spacing: 1.11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1300px) {
  .index-list {
    width: 1140px;
  }
  .index-list .list-content .list-content-left {
    width: 380px;
  }
  .index-list .list-content .list-content-left div img {
    height: 265px;
  }
  .index-list .list-content .list-content-right {
    width: 645px;
  }
  .index-list .list-content .list-content-right li div img {
    width: 100%;
    height: 110px;
  }
  .index-list .list-content .list-content-right li p {
    width: 100%;
    font-size: 15px;
    color: #333333;
    letter-spacing: 1.11px;
    min-height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index-list .list-content .list-content-right li span {
    width: 100%;
    font-size: 13px;
    color: #333333;
    letter-spacing: 1.11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}