@charset "utf-8";

.gongjuFun_list {}
.gongjuFun_list .obj {margin:0 -25px;}
.gongjuFun_list .obj:after {display:block; clear:both; visibility:hidden; content:'';}
.gongjuFun_list .obj .col {float:left;position:relative; width:calc(33.33% - 50px); height:300px; margin:0 25px 50px;border:1px solid #f4f4f4;}
.gongjuFun_list .obj .col a {display:block;position: relative;width:100%;height:100%;}
.gongjuFun_list .obj .col .item {overflow:hidden;width:100%;height:100%;}
.gongjuFun_list .obj .col .item .thm--box {position: relative;width:100%;height:100%;}
.gongjuFun_list .obj .col .item .thm--box:after {display:block; position:absolute; left:0; bottom:0; content:''; width:100%; height:203px; background:url(/images/prog/gongjuFun/bg.png)repeat-x;}
.gongjuFun_list .obj .col .item .thm--box .inner {position:relative; width:100%; height:100%;}
.gongjuFun_list .obj .col .item .thm--box .inner img {position:absolute; left:50%; top:50%;width:auto; min-width:100%; max-width:1000%; height:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.gongjuFun_list .obj .col .item .card--body {display:block;position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transition:all 0.5s; transition:all 0.5s;}
.gongjuFun_list .obj .col .item .card--body span {display:block;position:absolute;right: 20px;top: 20px;z-index:1;width:55px;height:55px;line-height:55px;border-radius:50%;background:#f58130;text-align:center;color:#fff;font-weight:700;font-size:16px;-webkit-transition:all 0.5s; transition:all 0.5s;}
.gongjuFun_list .obj .col .item .card--body strong {display:block;overflow: hidden;position:absolute;left: 0;bottom: 0;z-index:1;width: 100%;padding:25px 30px;color:#fff;font-size:20px;font-weight:700;-webkit-transition:all 0.5s;transition:all 0.5s;text-overflow: ellipsis;white-space: nowrap;}
.gongjuFun_list .obj .col a:hover .item .card--body,
.gongjuFun_list .obj .col a:focus .item .card--body {background:#f07a28  url(/images/prog/gongjuFun/ov_bg.png)no-repeat center top; background-size:100% auto;}
.gongjuFun_list .obj .col a:hover .item .card--body span,
.gongjuFun_list .obj .col a:focus .item .card--body span {top:70px; right:50%; width:auto; min-width:82px; height:40px; line-height:40px; padding:0 15px; border-radius:30px; background:#fff; color:#a65500; -webkit-transform: translateX(50%);transform: translateX(50%);}
.gongjuFun_list .obj .col a:hover .item .card--body strong,
.gongjuFun_list .obj .col a:focus .item .card--body strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;bottom: 80px;height: 114px;text-overflow: ellipsis;white-space: normal;text-align:center;}
@media screen and (max-width:1023px){
    .gongjuFun_list .obj {margin:0 -10px;}
    .gongjuFun_list .obj .col { width:calc(50% - 20px); margin:0 10px 20px;}
}
@media screen and (max-width:767px){
    .gongjuFun_list .obj .col { width:calc(100% - 20px);}
}