.third{

  background: #fff;

  zoom: 1;

}

.third::after{

  clear: both;

  overflow: hidden;

  display: block;

  content: "";

}

.thirdL{

  width: 800px;

  height: 262px;

  background: #fff;

  float: left;

}

.thirdR{

  float: left;

  width: 400px;

}

.thirdL>.swiper-container{

  width: 100%;

  height: 100%;

} 

.thirdL>.swiper-container .swiper-slide{

  text-align: center;

}

.thirdL>.swiper-container img{

  /*width: 160px;*/

  height: 230px;

  margin-top:16px;

}

.thirdL>.swiper-container .swiper-pagination-bullet{

  width: 6px;

  height: 6px;

  background: #B2B2B2;

}

.thirdL>.swiper-container .swiper-pagination-bullet-active {

  width: 14px;

  height: 6px;

  opacity: 1;

  background: #FFB607;

  border-radius: 5px;

}

.thirdL>.swiper-container .swiper-pagination-bullets{

  left: 300px;

  bottom: 2px;

}

.conSwiperPlus>.swiper-container .swiper-button-prev{

  left: 0;

}

.conSwiperPlus>.swiper-container .swiper-button-next{

  right: 0;

}

.third{

  margin-top: 20px;

  box-shadow: 5px 5px 4px #D3D3D3;

}

.ourBook{

  background: #363636;

  color: #fff;

  width: 135px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  margin: 20px auto 0px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

}

.forth .line{

  background: #666;

  height: 1px;

}

.thirdRplus ul{

  zoom: 1;

  padding: 30px;

  box-sizing: border-box;

}

.thirdRplus ul::after{

  clear: both;

  display: block;

  content: "";

  overflow: hidden;

}

.thirdRplus ul li{

  float: left;

  width: 50%;

  height: 101px;

  position: relative;

  box-sizing: border-box;

}

.thirdRplus ul li p{

  font-size: 48px;

  color: #333;

  text-align: center;

}

.thirdRplus ul li span{

  font-size: 14px;

  color: #666;

  position: absolute;

  bottom: 10px;

  right: 10px;

}

.thirdRplus ul li:nth-child(1),.thirdRplus ul li:nth-child(3){

  border-right: 1px solid #F1F1F1;

}

.thirdRplus ul li:nth-child(1),.thirdRplus ul li:nth-child(2){

  border-bottom: 1px solid #F1F1F1;

}

.thirdRplus ul li:nth-child(2) span{

  bottom: 10px;

  left: 10px;

}

.thirdRplus ul li:nth-child(3) span{

  top: 10px;

  right: 10px;

}

.thirdRplus ul li:nth-child(4) span{

  top: 10px;

  left: 10px;

}

.thirdRplus ul li:nth-child(3) p,.thirdRplus ul li:nth-child(4) p{

  margin-top: 30px;

}

.thirdR{

  position: relative;

}

.shadow{

  width: 10px;

  height: 257px;

  position: absolute;

  left: 0;

  top: 5px;

  background: linear-gradient(to right,#e1e1e1, #fff); 

  border-top-right-radius: 5px;

}

.book{

  color: #333;

  font-size: 14px;

  margin: 10px 0px 5px;

}

.bookText{

  font-size: 12px;

  color: #666;

}

.swiperInTop{

  width: 170px;

  height: 170px;

  border: 1px solid #A5A5A5;

  box-sizing: border-box;

  margin: 0 auto;

  padding: 15px 30px;

  overflow: hidden;

}

.swiperIn img{

  width: 100%;

  height: 100%;

}

.swiperIn{

  text-align: center;

  padding: 35px 0px 20px;

  width: 170px;

  margin: 0 auto;

  box-sizing: border-box;
  cursor: pointer;
}

.conSwiper{

  background: #fff;

  box-shadow: 5px 5px 4px #D3D3D3;

}

/* five */

.five{

  margin-top: 30px;

}

.fiveTop{

  position: relative;

  font-size: 18px;

  color: #333;

  padding-left: 15px;

}

.fiveTop i{

  position: absolute;

  top: 50%;

  left: 0;

  width: 4px;

  height: 20px;

  margin-top: -10px;

  display: block;

  background: #E5A803;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

.fiveTop p{

  position: absolute;

  top: 50%;

  right: 0;

  width:1106px;

  height: 2px;

  margin-top: -1px;

  background: #7C7C7C;

}

.fiveUl{

  background: #fff;

  padding: 5px 0px;

  zoom: 1;

  margin-top: 15px;

  box-shadow: 5px 5px 4px #D3D3D3;

}

.fiveUl::after{

  clear: both;

  overflow: hidden;

  display: block;

  content: "";

}

.fiveUl li{

  float: left;

  font-size: 14px;

  color: #333;

  padding: 5px 20px;

}

.indexAll{

  margin-bottom: 30px;

}

/* 鼠标略过效果 */

#swiper2 .swiper-slide:hover .swiperInTop img{

  transform: scale(1.1);

}

#swiper2 .swiper-slide:hover .swiperIn p{

 color: #FFA200;

}