body { background-image: url(../image/bg0.jpg); }
section {
  width: 1100px;
  margin: 100px auto;
}
section:before, section:after {
  content: "";
  display: table;
}
section:after { clear: both; }
section .cf { *zoom: 1; }
section h1 {
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 30px;
}
.ry {
  width: 200px;
  padding: 50px;
  float: left;
  background: rgba(0,0,0,0.7);
}
.ry:before, .ry:after {
  content: "";
  display: table;
}
.ry:after { clear: both; }
.ry .cf { *zoom: 1; }
.ry ul:before, .ry ul:after {
  content: "";
  display: table;
}
.ry ul:after { clear: both; }
.ry ul .cf { *zoom: 1; }
.ry ul img {
  width: 200px;
  height: 200px;
}
.ry ul li { margin-bottom: 35px; }
.pn {
  width: 670px;
  background: rgba(0,0,0,0.7);
  float: right;
  padding: 50px;
}
.pn:before, .pn:after {
  content: "";
  display: table;
}
.pn:after { clear: both; }
.pn .cf { *zoom: 1; }
.pn ul { width: 705px; }
.pn ul:before, .pn ul:after {
  content: "";
  display: table;
}
.pn ul:after { clear: both; }
.pn ul .cf { *zoom: 1; }
.pn ul img {
  width: 200px;
  height: 200px;
}
.pn ul li {
  float: left;
  margin-bottom: 35px;
  margin-right: 35px;
}