.clearfix:after {
  content: ".";
  /*内容为“.”就是一个英文的句号而已。也可以不写。*/
  display: block;
  /*加入的这个元素转换为块级元素。*/
  clear: both;
  /*清除左右两边浮动。*/
  visibility: hidden;
  /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
  line-height: 0;
  /*行高为0；*/
  height: 0;
  /*高度为0；*/
  font-size: 0;
  /*字体大小为0；*/
}
.clearfix {
  *zoom: 1;
}
/*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/
body {
  background: #F1F1F1;
}
.banner {
  text-align: center;
  margin-bottom: 15px;
}
.wrap {
  margin: 0 auto;
  width: 960px;
  font-family: "微软雅黑";
}
.cpys {
  overflow:hidden;
  text-align: center;
}
.box-cpys {
  background: url("../images/yy.png") no-repeat center bottom;
  padding: 30px 0;
}
.box-cpys .pic {
  width: 50%;
  float: right;
  text-align: center;
}
.box-cpys .info {
  width: 50%;
  float: left;
}
.box-cpys .info .title {
  background: url("../images/01.png") no-repeat left center;
  border-bottom: 1px solid #C3C3C3;
  padding: 25px 0 25px 100px;
}
.box-cpys .info .title h3 {
  font-size: 30px;
  font-weight: bold;
  color: #4dc226;
}
.box-cpys .info .title p {
  font-size: 22px;
  color: #555555;
}
.box-cpys .info .desc {
  font-size: 16px;
  color: #555555;
  padding: 25px 0;
}
.box-cpys.box-r .pic {
  float: left;
}
.box-cpys.box-r .info {
  float: right;
}
.box-cpys.box-2 .info .title {
  background: url("../images/02.png") no-repeat left center;
}
.box-cpys.box-3 .info .title {
  background: url("../images/03.png") no-repeat left center;
}
.box-cpys.box-4 .info .title {
  background: url("../images/04.png") no-repeat left center;
}
.box-cpys.box-5 .info .title {
  background: url("../images/05.png") no-repeat left center;
}
.box-cpys.box-6 .info .title {
  background: url("../images/06.png") no-repeat left center;
}
.con-gsys {
  padding: 60px 0;
}
.con-gsys .con-title {
  text-align: center;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 60px;
}
.con-gsys .con-title h3 {
  font-size: 30px;
  color: #4dc226;
  border-bottom: 2px solid #4dc226;
  display: inline-block;
}
.con-gsys ul {
  list-style: none;
  width: 980px;
}
.con-gsys ul li {
  width: 215px;
  float: left;
  margin-right: 30px;
  box-shadow: 0 10px 20px #aaaaaa;
}
.con-gsys ul li .pic {
  text-align: center;
}
.con-gsys ul li .pic img {
  width: 100%;
}
.con-gsys ul li .info {
  padding: 0 10px;
  background: #4E7FE8;
}
.con-gsys ul li .info .title {
  border-bottom: 1px solid #839DD4;
}
.con-gsys ul li .info .title h3 {
  font-size: 20px;
  font-weight: bold;
  color: #ffea00;
  padding: 10px 0;
}
.con-gsys ul li .info .desc {
  font-size: 14px;
  color: #f1f1f1;
  padding: 10px 0;
  height: 100px;
}
.con-gsys ul li.li2 .info,
.con-gsys ul li.li4 .info {
  background: #3FA6D5;
}
.wrap .riti1_con ul li {
  width: 290px;
}
dl.pd_list_dl {
  width: 239px;
  overflow: hidden;
  float: left;
  padding: 10px 4px;
  height: 222px;
}
dl.pd_list_dl dt img {
  width: 231px;
  height: 182px;
}