
.fc-new-list {padding: 5px 0 25px 0; display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.fc-new-list .group {width: calc(25% - 15px); height: auto; padding: 20px 20px 0 0;}
.fc-new-list .group:nth-child(4n + 0) {padding-right: 0;}
.fc-new-list .group .box {transition: box-shadow .3s; border-radius: 5px;}
.fc-new-list .group .box:hover {box-shadow: 0 3px 6px rgba(0, 0, 0, .05);}
.fc-new-list .group .img {position: relative;}
.fc-new-list .group .img .imgbox {font-size: 0;}
.fc-new-list .group .img .imgbox a {display: block;}
.fc-new-list .group .img .imgbox img {width: 100%; border-radius: 5px 5px 0 0;}
.fc-new-list .group .img .txtbox {width: 100%; height: auto; background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; z-index: 20; font-size: 14px; color: #fff; box-sizing: border-box; padding: 10px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fc-new-list .group .img .txtbox a {color: #fff;}
.fc-new-list .group .con {background: #fff; border: 1px solid #ddd; border-top: 0 none; padding: 15px; border-radius: 0 0 5px 5px;}
.fc-new-list .group .con .title {font-size: 14px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fc-new-list .group .con .title a {color: #333;}
.fc-new-list .group .con .title a:hover {color: #000;}
@media all and (max-width: 1280px) {
    .fc-new-list {padding-top: 0;}
}
@media all and (max-width: 960px) {
    .fc-new-list .group {width: calc(33.333% - 14px); padding-right: 21px;}
    .fc-new-list .group:nth-child(4n + 0) {padding-right: 21px;}
    .fc-new-list .group:nth-child(3n + 0) {padding-right: 0;}
}
@media all and (max-width: 720px) {
    .fc-new-list {justify-content: space-between;}
    .fc-new-list .group {width: calc(50% - 10px); padding-right: 0;}
    .fc-new-list .group:nth-child(4n + 0) {padding-right: 0;}
    .fc-new-list .group:nth-child(3n + 0) {padding-right: 0;}
}
@media all and (max-width: 480px) {
    .fc-new-list .group .img .txtbox {font-size: 13px; padding: 10px;}
    .fc-new-list .group .con {padding: 15px 10px;}
    .fc-new-list .group .con .title {font-size: 13px;}
}
@media all and (max-width: 420px) {
    .fc-new-list .group {width: calc(50% - 8px); padding-top: 16px;}
    .fc-new-list .group .img .txtbox {font-size: 12px; padding: 5px 10px;}
    .fc-new-list .group .con {padding: 10px;}
}
@media all and (max-width: 380px) {
    .fc-new-list .group {width: calc(50% - 7px); padding-top: 14px;}
}






.fc-new-partner {display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.fc-new-partner .group {width: calc(20% - 16px); padding-top: 20px; margin-right: 20px;}
.fc-new-partner .group:nth-child(5n + 0) {margin-right: 0;}
.fc-new-partner .group .box {position: relative; background: #fff; border-radius: 5px; box-shadow: 0 1px 6px rgba(0, 0, 0, .1);}
.fc-new-partner .group .box .space {font-size: 0;}
.fc-new-partner .group .box .space svg {width: 100%;}
.fc-new-partner .group .box .imgbox {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20;}
.fc-new-partner .group .box .imgbox a {display: -ms-flex; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 20px;}
.fc-new-partner .group .box .imgbox a img {max-width: 100%; max-height: 100%;}
@media all and (max-width: 1024px) {
    .fc-new-partner .group {width: calc(25% - 15px);}
    .fc-new-partner .group:nth-child(5n + 0) {margin-right: 20px;}
    .fc-new-partner .group:nth-child(4n + 0) {margin-right: 0;}
}
@media all and (max-width: 720px) {
    .fc-new-partner .group {width: calc(33.333% - 14px); padding-top: 21px; margin-right: 21px;}
    .fc-new-partner .group:nth-child(5n + 0) {margin-right: 21px;}
    .fc-new-partner .group:nth-child(4n + 0) {margin-right: 21px;}
    .fc-new-partner .group:nth-child(3n + 0) {margin-right: 0;}
}
@media all and (max-width: 540px) {
    .fc-new-partner .group .box .imgbox a {padding: 10px;}
}
@media all and (max-width: 420px) {
    .fc-new-partner {justify-content: space-between;}
    .fc-new-partner .group {width: calc(50% - 10px); margin-right: 0; padding-top: 20px;}
    .fc-new-partner .group:nth-child(5n + 0),
    .fc-new-partner .group:nth-child(4n + 0),
    .fc-new-partner .group:nth-child(3n + 0) {margin-right: 0;}
}
@media all and (max-width: 380px) {
    .fc-new-partner .group {width: calc(50% - 7px); padding-top: 14px;}
}







.fc-new-footer {background: #313131; padding: 30px 0;}
.fc-new-footer .title {color: #fff; font-size: 24px; font-weight: bold;}
.fc-new-footer .content {padding-top: 20px; font-size: 14px; color: #999; line-height: 24px;}
@media all and (max-width: 860px) {
    .fc-new-footer .title {font-size: 20px;}
    .fc-new-footer .content {font-size: 13px;}
}
@media all and (max-width: 640px) {
    .fc-new-footer .title {font-size: 18px;}
    .fc-new-footer .content {font-size: 12px; line-height: 22px;}
}
@media all and (max-width: 640px) {
    .fc-new-footer {padding: 20px 0;}
    .fc-new-footer .title {font-size: 16px;}
    .fc-new-footer .content {padding-top: 10px;}
}







