@charset "utf-8";
.context{ margin:0 auto; max-width:1220px;}
.con-img img{ display:block; height:auto; border-bottom:2px solid #c9c9c9;}

.context_detail{overflow: hidden; margin: 20px auto;}
.con_item{width: 32%; float: left; margin: 30px 0 0 0; border: 1px solid #ddddde;}
.con_item_m{margin-left: 1.8%; margin-right: 1.8%;}
.item_t{position: relative;}
.item_t img{width: 100%; display: block;}
.item_t p{position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(44,127,193,0.6);padding: 12px 25px;}
.item_t p a{color: #fff; font-size: 18px; font-weight: bold; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.item_t p a:hover{color: #edf6ff; text-decoration: underline;}
.item_b{padding: 15px 40px;}
.item_b,.item_b a{color: #666; font-size: 16px; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.item_b a:hover{color: #2981cc;}
.item_b ul li{list-style: disc; margin: 10px 0;}



@media (max-width: 767px) {
.context{padding: 0;}
.context_detail{margin-top: 0;}
.con_item{width: 100%; border-left: none; border-right: none;}
.con_item_m{margin-left: 0; margin-right: 0;}
.item_t p{padding: 8px 25px;}
.item_t p a{font-size: 17px;}
}