body{
        margin: 0px;
    }
    
    .content{
        width: 1200px;
        margin: auto;
        margin-bottom: 40px;
    }
    
    .banner{
        background-image:url(banner-300.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
        display: block;
    }
    
    .content_1{
        margin: 20px 0px;
        width: 100%;
    }
    
    .con_1 {
        display: flex;
        justify-content: space-between;
    }
    
    .one_left{
        width: 500px;
        display: inline-block;
        float: left;
    }
    
    .one_right{
        display: inline;
        width: 680px;
        float: right;
    }
    
    .one_right tr {
        height: 60px;
        border-bottom: 1px solid#bbb;
        border-top: 1px solid#bbb;
        font-size: 18px;
    }
    
    .one_right tr :hover {
        background: #115db2;
        color: #fff;
    }
    
    .one_right li {
        margin: 0px 10px;
    }
    
    .content_2 {
        margin: 0px 0px 20px;
        width: 100%;
    }
    
    .con_2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
    }
    
    .content_3 {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .con3_left{
        width: 48%;
        display: flex;
        flex-direction: column;
    }
    
    .con3_lt{
        margin: 40px 0px 20px;
    }
    
    .con3_right{
        width: 48%;
        display: flex;
        flex-direction: column;
    }
    
    .con3_rt{
        margin: 40px 0px 20px;
    }
    
    .content_4 {
        margin: 40px 0px 20px;
        width: 100%;
    }
    
    .con_4{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 60px;
    }
    
    .con_4 span a {
        color: #fff;
        text-shadow: 1px 1px #000;
    }
    
    .srvpd_1{
        background: url(001.png);
        width: 290px;
        height: 100px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .srvpd_2{
        background: url(002.png);
        width: 290px;
        height: 100px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .srvpd_3{
        background: url(003.png);
        width: 290px;
        height: 100px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .srvpd_4{
        background: url(004.png);
        width: 290px;
        height: 100px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .zhengcefenlei {
        /* width: 100%; */
        /* display: flex; */
        /* flex-direction: row; */
        /* flex-wrap: wrap; */
        /* justify-content: space-between; */
    }
    
    .zhengcefenlei ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .zhengcefenlei li {
        width: 230px;
        height: 80px;
        text-align: center;
        position: relative;
        float: left;
        margin-bottom: 12px;
    }
    
    .zhengcefenlei li a {
        color: #FFF;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: #115db2;
    }
    
    .zhengcefenlei li a::before {
        content: " ";
        display: block;
        position: absolute;
        inset: 0 0 0 0;
        background: rgba(255, 255, 255, 0.452);
        z-index: 1;
        transition: transform .3s ease;
    }
    
    .zhengcefenlei li a::before {
        transform: scaleY(0);
        transform-origin: bottom left;
    }
    
    .zhengcefenlei li a:hover::before {
        transform: scaleY(1);
        transform-origin: bottom right;
    }
    
    .content_1 {
        display: none;
    }
    .con_1 {
        display: none;
    }
    .content_2 {
        display: none;
    }
    .con_2 {
        display: none;
    }