#cultureL {
  padding-top: 50px;
}
/*左边点击部分*/
#cultureL .leftList {
  float: left;
  width: 220px;
}
#cultureL .leftList .title {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
  color: #49b849;
}
#cultureL .leftList ul {
  margin-top: 20px;
}
#cultureL .leftList ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  box-sizing: border-box;
}
#cultureL .leftList ul li a p {
  font-size: 18px;
  color: #333333;
  transition:.2s;
}
#cultureL .leftList ul li.on {
  background-color: #49b849;
}
#cultureL .leftList ul li.on p{
  color:#ffffff !important;
}
/*on的时候左方向消失*/
#cultureL .leftList ul li.on a div.left{
  display: none;
}
#cultureL .leftList ul li.on a div.right{
  display: block;
}
#cultureL .leftList ul li a div{
  position: absolute;
  width: 8px;
  height: 14px;
  top:23px;
}
/* 默认左方向出现，右方向隐藏 */

/* on的变化区域 */
#cultureL .leftList ul li:hover a p{
  color:#49b849;
}

/*内容区块*/
#cultureL #culture{
  float: left;
  width: 900px;
  margin-left:80px;
}
#cultureL h2{
  font-weight: 400;
}
#cultureL h2 span{
  float: left;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #49b849;
  margin-top:8px;
  margin-right:20px;
}
#cultureL h2 p{
  float: left;
  font-size: 30px;
  line-height: 30px;
  color:#333333;
}
#cultureL .line{
  width: 100%;
  height: 1px;
  background-color: #eeeeee;
  margin-top:20px;
  margin-bottom: 42px;
}
#cultureL #culture .list{
  margin-bottom: 39px;
}
#cultureL #culture .list li{
  float: left;
  width: 440px;
  height: 140px;
  margin-bottom:30px;
  border-radius: 10px;
  background-color: #fafafa;
}
#cultureL #culture .list li:nth-child(even){
  margin-left: 20px;
}
#cultureL #culture .list li img{
  float: left;
}
#cultureL #culture .list li h3{
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  color:#49b849;
}
#cultureL #culture .list li p{
  font-size:22px;
  line-height: 30px;
  color:#515151;
}

#cultureL #culture .list li:nth-child(1) img{
  margin-left:25px;
  margin-top:19px;
  margin-right:14px;
}
#cultureL #culture .list li:nth-child(2) img{
  margin-left:25px;
  margin-top: 27px;
  margin-right:6px;
}
#cultureL #culture .list li:nth-child(3) img{
  margin-left:38px;
  margin-top: 27px;
  margin-right:27px;
}
#cultureL #culture .list li:nth-child(4) img{
  margin-left: 30px;
  margin-top: 25px;
  margin-right: 23px;
}