body{background-color: #252525}
.lb-box {
  width: 1400px;
  height: 600px;
  margin: 15px auto;
  position: relative;
  overflow: hidden;
}

.zuo img{width: 1000px!important;height: 600px!important;}
.you{float:right;width: 314px;background: #333;height: 520px;padding: 50px 38px 30px 48px;}


.zuo{float:left;width: 1000px;height: 600px;background: #f5f5f5;}
.you1 h2{
font-size:22px;
line-height:30px;
color:#f1eaea
}
.you1 h3{
font-size:18px;
color:#999;
}
*{
	margin:0px;
	padding:0px;
	
}

.lb-item img{width: 224px;float:left;height: 164px;}
@media (max-width:568px) {
  .lb-box {
    width: 100%;
    height: 540px;
  }
  .lb-item img{width:auto;height:auto;}
  
}

.lb-content {
  width: 100%;  
  height: 100%;
}

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}

.lb-item > a > img {
  width: 100%;
  height: 100%;
}

.lb-item > a > span {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
  padding: 15px;
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}


.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

/*  */
.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}

.lb-sign {
  position: absolute;
  right: 10px;
  top: 0px;
  padding: 5px 3px;
  border-radius: 6px;
  list-style: none;
  user-select: none;
  background-color: rgba(0,0,0,0.7);
  display: none;
}

.lb-sign li {
  width: 22px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  float: left;
  color: #aaa;
  margin: auto 4px;
  border-radius: 3px;
  cursor: pointer;
}
.lb-sign li:hover {
  color: #fff;
}
.lb-sign li.active {
  color: #000;
  background-color: #EBEBEB;
}
.left{height:60px;width:60px;left: 956px;background-color:#3B3B3B;background: url(../images/cur1.png)no-repeat center #3B3B3B;}
.right{height:60px;width:60px;right: 355px;/* background-color:#CA0E26; */background: url(../images/cur2.png)no-repeat center #CA0E26;}

.lb-ctrl {
  position: absolute;
  top: 577.5px;
  transform: translateY(-50%);
  font-size: 45px;
  color: #fff;
  cursor: pointer;
  height: 45px;
  width: 45px;
  line-height: 45px;
  /* background: url(../images/cur2.png)no-repeat left; */
}

.you1,.you2,.you3,.you4{
overflow: hidden;
}
.you1{
  padding-bottom:40px;
  border-bottom: 1px solid #999;
  margin-bottom:50px;
}
.you3{

margin-bottom:50px;
  margin-top:38px;
}
.you4 a{
color:#D1D1D1;
line-height: 16px;
}
.you3 p{

color:#999;
line-height:20px;
  
}
@media (max-width:568px) {
  .lb-item > a > span {
    padding: 10px;
  }
  .you{
  	width: auto;
  	padding: 30px;
  }
  .you3{
  	margin-top: 20px;
  	margin-bottom: 15px;
  }
  
  
}