﻿.column_list .leader_item {
 float: left;
 width: 180px;
 background: none;
 padding: 0;
 margin-right: 22px;
 margin-bottom: 22px;
}

.column_list {
 overflow: hidden;
}
h2.leader_h2 {
 text-align: center;
 font-size: 18px;
 font-weight: bold;
}
.leader_jianjie {
 line-height: 24px;
 margin: 20px;
 text-indent: 2em;
}
.column_list .leader_item a.img_box {
 width: 100%;
 display: block;
 overflow: hidden;
 height: 210px;
}

.column_list .leader_item a img {
 width: 100%;
 transition: all 0.3s;
}

.column_list .leader_item a.dy_title {
 height: 50px;
 line-height: 50px;
 text-align: center;
 width: 100%;
 display: block;
 background: #00568e;
 color: #fff;
 font-size: 20px;
}

.column_list .leader_item:nth-child(5n) {
 margin-right: 0;
}

.column_list .leader_item:hover img {
 transform: scale(1.05);
 transition: all 0.3s;
}

.column_list .leader_item:hover a {
 font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .column_list .leader_item {
 width: 31%;
}
h2.leader_h2 {
 margin-top: 20px;
}
.column_list .leader_item:nth-child(5n) {
 margin-right: 22px;
}

.column_list .leader_item:nth-child(3n) {
 margin-right: 0px;
}
}


@media only screen and (max-width: 425px) {
  .column_list .leader_item {
 width: 46%;
}

.column_list .leader_item:nth-child(3n) {
 margin-right: 22px;
}
.column_list .leader_item:nth-child(5n) {
 margin-right: 22px;
}

.column_list .leader_item:nth-child(2n) {
 margin-right: 0px;
}
}
@media only screen and (max-width: 320px) {
  .column_list .leader_item {
 width: 100%;
}

.column_list .leader_item a.img_box {
  height: auto;
}
}
 