@charset "utf-8";
.swt_1 {
    background: #d40000;
    color: #fff100;
    height: 2.2rem;
    line-height: 2.2rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border-radius: .5rem
}

.bg_lan_xxgk {
    background: #0125ac
}

.lanse_xxgk {
    color: #0125ac
}

.col_27 {
    color: #272727
}

.col_555 {
    color: #555
}

.col_6f {
    color: #6f6f6f
}

.hongse_xxgk {
    color: #d40000
}

.xxgk_tit {
    height: 4rem;
    background: url("../images/about/tit_bg.jpg") no-repeat center;
    background-size: 28rem 4rem
}

.xxgk_tit h3 {
    width: 65%
}

.xxgk_tit p {
    width: 75%
}

.xxgk3_ul {
    height: 2.5rem;
    background: #d9d9d9;
    padding: .4rem 0
}

.xxgk3_ul li {
    width: 25%;
    border-right: 2px solid #0125ac;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #0125ac
}

.xxgk3_ul li.on {
    color: #d40000
}

.xxgk3_ul li:last-child {
    border: 0
}

.zy_ul1 li {
    margin-top: 1rem
}

.zy_ul1 li .zy_img {
    position: relative;
    width: 42.5%
}

.zy_ul1 li .zy_img img {
    display: block
}

.zy_ul1 li .zy_img p.zy_img_xz {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%
}

.zy_ul1 li .zy_content {
    width: 57.5%;
    padding: .7rem;
    border: 1px solid #d2d2d2;
    border-left: 0
}

.zy_ul1 li .zy_content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal
}

.zy_con_p .zy_con_p_a {
    margin-top: 3%;
    float: left;
    width: 50%;
    height: 1.75rem;
    line-height: 1.75rem
}

.zy_con_p_a1 {
    -webkit-border-radius: .3rem 0 0 .3rem;
    -moz-border-radius: .3rem 0 0 .3rem;
    border-radius: .3rem 0 0 .3rem;
    border: 1px solid #1c5dad
}

.zy_con_p .zy_con_p_a2 {
    -webkit-border-radius: 0 .3rem .3rem 0;
    -moz-border-radius: 0 .3rem .3rem 0;
    border-radius: 0 .3rem .3rem 0;
    background: #1c5dad
}

.zy_con_p1 .zy_con_p_a1 {
    border: 1px solid #fe8125
}

.zy_con_p1 .zy_con_p_a2 {
    background: #fe8125
}

.zy_ul1 li .zy_con_des {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.zy_ul2 li {
    margin-top: 1rem;
    width: 49%
}

.zy_ul2 li .zy_img2 {
    position: relative
}

.zy_ul2 li img {
    display: block
}

.zy_img_mc {
    padding: .5% 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7)
}

.zy_content1 {
    padding: .5rem 0;
    background: #e6e6e6
}

.xxgk_tit p.xxgk_tit_p {
    width: 35%
}

.xxgk4_ul li {
    width: 32.8%;
    margin-top: 1%;
    position: relative
}

.xxgk4_ul li img {
    display: block
}

.xxgk4_ul li p {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center
}

.xxgk_tit h3.xxgk_tit_h32 {
    width: 54%
}

.xxgk_tit p.xxgk_tit_p2 {
    width: 45%
}

.xxgk_tit p.xxgk_tit_p3 {
    width: 55%
}

.xxgk_tit h3.xxgk_tit_h34 {
    width: 32%
}

.xxgk_tit p.xxgk_tit_p4 {
    width: 28%
}

.xxgk5_ul li {
    width: 49.5%;
    margin-top: 1%;
    position: relative
}

.xxgk5_ul li img {
    display: block
}

.xxgk5_ul li p {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center
}

.xxgk6_ul li {
    width: 49.5%;
    margin-top: 1%
}

.xxgk6_ul li p {
    color: #000;
    text-align: center
}

.xxgk7_ul {
    width: 85%;
    margin: 0 auto;
    margin-top: 5px
}

.xxgk7_ul li {
    width: 49%;
    height: 1.75rem;
    line-height: 1.75rem;
    background: #1c5dad;
    color: #FFF;
    font-weight: bold
}

.xxgk7_ul li.on {
    background: #d40000
}

.xxgk7_ul2 li {
    width: 32.8%
}

.xxgk7_ul2 li p {
    padding: 0 1%
}

@media screen and (max-width: 320px) {
    .xxgk_tit {
        height: 4rem;
        background: url("../images/xxgk/tit_bg.jpg") no-repeat;
        background-size: 320px 4rem
    }
}