.banner{
  width: 100%;
  height: 360px;
  background: #36b2b2 url(../images/info-bgk.png) no-repeat center;
}
.content{
  width: 980px !important;
  min-height: 650px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.content .left{
  width: 120px;
  text-align: right;
}
.content .left h2{
  color: #36b2b2;
  margin-bottom: 20px;
}
.content .left li{
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.content .left li.active{
  color: #36b2b2;
}
.content .right{
  width: 860px;
  padding-left: 60px;
}
.content .right >div{
  display: none;
}
.content .right >div.active{
  display: block;
}
.content .right >div >div{
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 20px;
  text-align: center;
}
.content img{
  width: 175px;
  height: 175px;
  border: 1px solid #ccc;
}
body{
  background: #fff;
}