body{

    overflow-x: hidden;

    background-color: #fff;

}









/*top nav*/

.zg_header{

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    background: #000;

    opacity: 0.5;

    width: 100%;

}

.nav_main {

    padding-top: 14px;

    width: 500px;

    padding-left: 30px;

}

.nav_main li {

    color: #8e0000;

    padding: 0 2px;

    font-size: 16px;

}

.nav_main li a{

    color: #fff;

}

.nav_wrap .zx_btn{

    display: block;

    height: 26px;

    font-size: 16px;

    text-align: center;

    line-height: 26px;

    -webkit-border-radius: 14px;

    -moz-border-radius: 14px;

    border-radius: 14px;

    margin: 8px 0 0;

    color: #fff;

}

.nav_wrap{

    padding: 8px 0;

}



.zg_banner{

    background: url("../images/banbg_01.jpg") no-repeat center top;

}

.zg_banner .ban-img{

    position: absolute;

    left: 50%;

    margin-left: -500px;

    top: 116px;

}

.zg_banner img{

    display: block;

}

.zg_c1{

    background: url("../images/bg_02.jpg") no-repeat center top;

}

.bg{

    background-size: 1920px 100%;

}



.xm-box{

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    margin-top: -180px;

}

.xm-box li{

    margin-bottom: 42px;

    border: 3px solid #0020c4;

    width: 268px;

    height: 220px;

    text-align: center;

    position: relative;

    padding: 40px 0 0;

    cursor: pointer;

    background: url("../images/whitebg_03.png") no-repeat 0 0/100% 100%;

}



.xm-box li:hover{

    border: 3px solid #de0404;

}

.xm-box li:hover .pr span{

    background: #de0404;

}

.xm-box li:hover .year{

    color: #000;

}

.xm-box li:hover .xm-text{

    color: #f00606;

}

.xm-box li:hover .xm-type{

    color: #000;

}

.xm-box li:hover .btn{

    background: #f00606;

}

.xm-box li p.year{

    font-size: 18px;

    line-height: 100%;

    color: #0027f2;

}

.xm-box li .xm-text{

    font-size: 30px;

    color: #001eb6;



    margin-top: 16px;

}

.xm-box li .small{

    font-size: 24px;



    height: 54px;

    margin-top: 4px;

}

.xm-box li .xm-type{

    font-size: 20px;

    color: #001268;

    line-height: 100%;

    margin-top:7px;

}

.xm-box li .btn{

    display: block;

    width: 124px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    border-radius: 26px;

    color: #fff;

    background: #001fb9;

    margin: 20px auto 0;

}

.xm-box li .pr{

    width: 100%;

    height: 40px;

    display: flex;

    position: absolute;

    left: 0;

    top: -20px;

    justify-content: center;

}

.xm-box li .pr span{

    width: 40px;

    height: 40px;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    line-height: 40px;

    font-size: 24px;

    background: #001eb6;

    font-family: '宋体';

}



.flzq-con{

    width: 1000px;

    padding: 55px 10px 16px;

    border: 3px solid #001eb6;

    margin:20px auto;

    background: url("../images/whitebg_03.png") no-repeat 0 0/100% 100%;

}

.flzq-con .fl-box{

    display: flex;

    justify-content: space-around;

    margin: 32px auto 0;

}

.flzq-con li{

    width: 186px;

    height: 138px;

    border: 2px solid #001eb6;

    border-radius: 14px;

    text-align: center;

    padding: 16px 0 0;

    position: relative;

    background: #fff;

    cursor: pointer;

}

.flzq-con li:hover{

    transition: 1s;

    transform: translateY(-10px);

}

.flzq-con li .year{

    display: block;

    width: 81px;

    height: 82px;

    position: absolute;

    right: -6px;

    top: -4px;

}

.flzq-con .fl-box p{

    font-size: 17px;

    color: #000;

}

.flzq-con .fl-box i{

    font-size: 17px;

    color: #fff;

    background: #001eb6;

    position: absolute;

    left: 0;

    bottom: 0;

    display: block;

    width: 100%;

    height: 26px;

    line-height: 26px;

    border-radius: 0 0 10px 10px;

}

.flzq-con .title{

    width: 570px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    font-size: 30px;

    color: #fff;

    margin: -83px auto 0;

    background: url("../images/title_03.png") no-repeat 0 0/100% 100%;

}

.flzq-con .fl-box li a{

    display: block;

    width: 100%;

    height: 100%;

}