body {
    background-color: #fff;
}

.xyfc {
    margin: 30px auto 50px;
}

.xyfcCon {
    width: 1400px;
    margin-bottom: -20px;
    overflow: hidden;
}

.xyfcConT {
    height: 56px;
}

.xyfcConT ul {
    width: 1400px;
    float: left;
}

/* 原 .xyfcConT ul li 与原 .xyfcConT ul li a 合并 */
.xyfcConT ul li {
    float: left;
    margin-right: 35px;
    margin-bottom: 20px;

    display: inline-block;
    width: 313px;
    text-align: center;
    height: 63px;
    line-height: 63px;
    font-size: 24px;
    color: #737373;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    cursor: pointer;
}

/* Tab 内的真实链接：铺满整个按钮区域可点击，文字颜色跟随 li（含悬停/选中态） */
.xyfcConT ul li a {
    display: block;
    color: inherit;
    text-decoration: none;
}

/* 当前选中项（原 .xyfcConT ul li.con03Cur a） */
.xyfcConT ul li.con03Cur {
    background: #3276ff;
    color: #fff;
}

/* 悬停（原 .xyfcConT ul li a:hover） */
.xyfcConT ul li:hover {
    background: #3276ff;
    color: #fff;
}

.xyfcConBon {
    margin-top: 30px;
    display: none;
}

.xyfcConBon ul {
    width: 1400px;
    display: table;
}

.xyfcConBon ul li {
    float: left;
    width: 446px;
    text-align: center;
    background: #fff;
    margin: 0 20px 20px 0;
    position: relative;
    top: 0;
    transition: top 0.3s, box-shadow 0.3s;
    -webkit-transition: top 0.3s, box-shadow 0.3s;
    box-shadow: 0px 0px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 0px #d4d4d4;
}

.xyfcConBon ul li:hover {
    top: -5px;
    box-shadow: 0 3px 8px #c2c2c2;
    -webkit-box-shadow: 0 3px 8px #c2c2c2;
}

.xyfcConBon ul li img {
    width: 450px;
    height: 300px;
}

.xyfcConBon ul li p {
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    color: #464646;
    text-align: center;
    background-color: #dfe6ee;
}