html {
    background-color: #fafafa;
}

.banner {
    width: 100%;
    height: 2rem;
}

.content {
    width: 85%;
    /* background-color: yellowgreen; */
    margin: 0 auto;
}

.content .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2632rem 0 .2632rem 0;
}

.content .top p {
    font-size: 22px;
    font-weight: 800;
    font-style: italic;
}

.content .top .line {
    height: .0053rem;
    width: 35%;
    background-color: #ccc;
}

.content .bottom {
    display: flex;
}

.content .bottom .left {
    font-size: .0947rem;
}

.content .bottom .left ul {
    background: #fff;
    width: 1.3421rem;
}

.content .bottom .left ul li {
    border-top: 1px solid #aaa;
    /* background-color: #fff; */
}

.content .bottom .left ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: .2316rem;
}


.active {
    background-color: #00458d;
    color: #fff !important;
}

/* bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb */

.left>ul>ul {
    font-size: 13px;
    font-weight: 300;
}

.right {
    flex: 1;
    margin-left: 5%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.right ul {
    /* display: flex; */
    width: 230px;
    height: 230px;
    margin-left: 6%;
    margin-bottom: 7%;
}

.right>ul>li:first-child {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.right>ul>li:last-child {
    margin-top: 10px;
}

.right>ul>li:last-child a {
    margin-top: 10px;
}

.right>ul>li:hover img{
    opacity: 0.5;
    transform: scale(1.03);
}

.right>ul>li>a>p:first-child{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    z-index: 2;
}


.right ul li a {
    position: relative;
    display: block;
    width: 100%;
}

.right ul li:first-child a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.right ul li a img{
    transition: 0.4s;
    /* z-index: 1; */
}


.right .fy-top-p{
    width: 83%;
    height: 17%;
    font-size: 16px;
    color: #000;
    font-family: "Futura PT Extra", "Futura Std", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: italic;
    opacity: 1 !important;
}

/* bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb */


/* 分页 */

.page {
    margin-bottom: 50px;
}

.page .page-ul {
    width: 85%;
    display: flex;
    margin: 0 auto;
    font-size: 16px;
}

.page .page-ul li {
    margin-right: 20px;
}

.page .page-ul .active {
    width: 28px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00458d;
    color: #fff;
}