.clearfix:after {
        display:none;
    }

    .sysGov{
        padding-top:20px !important;
    }

    .sysGov li{
        width: 24%;
        max-width:220px;
        margin-left: calc((100% - 220px * 4) / 3);

        box-sizing: border-box;
        text-align: center;
        padding: 10px 29px;
        font-size: 15px;
        display:block;
    }
    .sysGov li:hover{
        color:#036EB8;
    }
    .sysGov li:hover span{
        color:#036EB8;
    }
    .sysGov li:nth-child(4n+1){
        margin-left: 0px;
    }
     .sysGov li.cur{
          color:#036EB8;
     }
    .sysGov li.cur span{
        color:#036EB8;
    }
    .sysTime{
        padding:0px;
        margin-bottom:20px;
    }
    .owl-carousel .owl-stage{
        display:flex;
        /*justify-content: center;*/
        flex-wrap:wrap;
    }
    .owl-carousel, .owl-carousel .owl-item{
        width:auto;
        flex:1;
    }
    .sysTime .item{
        opacity:0.5;
    }
    .sysTime .item:hover{
        opacity:1;
    }
    .sysTime .item.cur{
        opacity:1;
    }
    .sysTime .item dt{
        height:40px;line-height:40px;
    }
    .sysTime .item dt img.biao{
        margin-right:20px;height:65px;margin:0 auto;
        margin-bottom:10px;
    }
    .sysTime .item dt p.tisls{
        display:inline-block;height:40px;line-height:40px;font-size:18px;color:#333;letter-spacing: 0.8px;
        font-weight: 500;
    }
    .sysGov li span{
        cursor:pointer;letter-spacing:1px;
    }
     .details_content{
                width:100%;margin-top:40px;background-color: rgba(255, 255, 255, .5);    box-shadow: 0 0 73px rgba(0, 0, 0, .1);
            }
            .details{
                width:100%;padding:20px;background:#fff;margin-top:26.5px;    padding: 20px calc(4% + 20px);padding-top:70px;
            }
            .details .titles_r{
                width:100%;height:34px;line-height:34px;margin-bottom:24px;margin-left:-20px;
            }
            .details .titles_r .ds{
                width:4px;height:34px;background:#036EB8;margin-right:20px;float:left;
            }
            .details .titles_r .titles_t{
                height:34px;line-height:34px;color:#036EB8;font-weight: 500;font-size:18px;letter-spacing: 0.8px;
            }
            .details .pros_cons{
                width:100%;margin-left:4px;
                display: flex;
                flex-wrap: wrap;
            }
            .details .pros_cons .item {
                position: relative;
                width: 23%;
                margin-right: 2%;
                height: 40px;
                color: #000;
                font-size: 15px;
                line-height: 1;
                font-weight: bold;
                background-color: #fff;
                border: 1px solid #eee;
                display: flex;
                align-items: center;
                padding: 8px;
                margin-bottom: 15px;
            }
            .details .pros_cons .item .dot {
                border-radius: 50%;
                background-color: #036EB8;
                color: #fff;
                font-size: 12px;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-right: 20px;
                width: 18px;
                height: 18px;
            }
            .details .pros_cons .item .tit {
            }
            .details .pros_cons .item .item_con {
                display: none;
                position: absolute;
                top: 128%;
                left: 50%;
                background-color: #036EB8;
                min-width: 300px;
                transform: translateX(-50%);
                padding: 10px;
            }
            .details .pros_cons .item .item_con::before {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-width: 10px;
                border-style: solid;
                border-top-color: transparent;
                border-left-color: transparent;
                border-right-color: transparent;
                border-bottom-color: #036EB8;
                position: absolute;
                top: -20px;
                left: calc(50% - 5px);
            }
            .details .pros_cons .item:hover > .item_con {
                display: block;
            }
            .sysGov li.cur span{
                    font-size:15px;
                }
                
                .product .procedure_room{
                    height:auto;
                }
                .sysGov{
                    padding: 20px calc( 4% + 20px);padding-top:40px;
                }
                 /*.sysGov div#gov1{
                    padding: 20px calc( 4% + 20px);padding-top:40px;
                }*/
                    .details_slist{
                            padding: 0px calc( 4% + 20px) ;width:100%;background:#fff;display:flex;justify-content: flex-end;position:relative;z-index:0;padding-bottom:40px;
                    }
                    .details_slist .lis{
                        width:100%;display:flex;justify-content: flex-start;flex-wrap: wrap;
                    }
                    .details_slist .lis .ist{
                        width:24%;margin-left:calc((100% - 220px*4) / 3);box-sizing:border-box;height:20px;line-height:20px;height:20px;color:#999999;cursor:pointer;margin-bottom:18px;font-size:14px;
                        letter-spacing:1px;font-weight:500;text-align: center;max-width:220px;
                    }
                    .details_slist .lis a.ist:hover{
                        color:#036EB8;
                    }
                    .details_slist .lis .ist.cur{
                       color:#036EB8;
                    }
                    .details_slist .lis .ist:nth-child(4n+1){
                        margin-left:0px;
                    }
                    .details_slist .lefs{
                        padding: 0px calc( 4% + 20px);width:100%;height:100%;position:absolute;top:0px;left:0px;display:flex;justify-content: flex-start;z-index:-1;
                    }
                    .details_slist .lefs .im_t{
                        width:20px;height:100%;position:relative;overflow:hidden;
                    }
                    .details_slist .lefs .im_t:before {
                        position: absolute;
                        left: 6px;
                        top: 3px;
                        display: none;
                        height: 90%;
                        width: 2px;
                        content: "";
                        background: #d7ba93;
                    }
                    .details_slist .lefs .im_t:after {
                            position: absolute;
                            left: 6px;
                            top:22px;
                            display: block;
                            height: 75%;
                            width: 2px;
                            content: "";
                            background: #fff url(/static/images/abt_tailstring.png) no-repeat top center;
                            background-size:100% 100%;
                    }
                    .details_slist .lefs .im_t .nnn:after {
                            z-index:10;
                            position: absolute;
                            left: 0px;
                            top: 10px;
                            display: block;
                            height: 14px;
                            width: 14px;
                            content: "";
                            background: url(/static/images/abt_dot.png) no-repeat center;
                    }
                    .details .pros_cons p{
                        color: #fff;
                        letter-spacing: 2px;
                        text-align: center;
                        margin: 0;
                    }
                    .details .pros_cons p strong{
                            font-weight:900;
                    }

@media screen and (max-width: 750px) {
    .sysGov li{
        width: 100%;
        max-width:2200px;
        margin-left: 0px;
    }
    .details_slist .lis .ist{
        width:48% ;
        margin-left:4%;
    }
    .details_slist .lis .ist:nth-child(2n+1){
        margin-left:0px;
    }
    .sysTime .item dt img.biao{
        height:40px;
        margin-bottom:0px;
    }
    .sysTime .item dt p.tisls{
        font-size:12px;
        letter-spacing:0px;
    }
    .product .procedure_room{
        padding: 30px 20px 30px;
    }
    .details{
        padding-top:30px;
    }
    .sysLine.owl-carousel.owl-loaded{
        width:100%;
    }
    .owl-stage-outer .owl-stage .owl-item{
        width:30%;
        flex:none;
        margin-left:calc(10%/2);
    }
    .owl-stage-outer .owl-stage .owl-item:nth-child(3n+1){
        margin-left:0px;
    }
    .details .pros_cons {
        flex-direction: column;
    }
    .details .pros_cons .item {
        width: 100% !important;
    }

    .sysGov ul{
        display:flex;
        flex-wrap:wrap;
        box-sizing:border-box;
        width:100% ;
        padding:0px 1px;
       /* justify-content: space-between;*/


    }
    .sysGov li{
        width:48% !important;
        padding:10px;
        overflow:hidden;
        font-size:12px;
        letter-spacing: 0px;
        text-align: center;
        box-sizing: border-box;
        margin-left:4% ;
    }
    .sysGov li:nth-child(2n+1){
        margin-left:0px;
    }
    .sysGov li span{
        width:100%;
        box-sizing:border-box;
        padding:10px;
        font-size:12px;
        letter-spacing: 0px;
    }
    .sysGov li.cur span{
        font-size:12px;
    }
    .details_slist .lis .ist{
        letter-spacing:0;
    }
    .sysGov{
        padding: 20px calc( 4% + 10px) !important;
    }
    .details_slist .lefs,.details_slist{
        padding: 0px calc( 4% + 10px);
    }
    .details_slist .lis{
        padding: 0px calc( 4% + 0px);
        
    }
    .details_slist .lis .ist{
        letter-spacing: -1px !important;
        font-size:13px;
        height:auto;
        display:block;
    }
    .details_slist .lefs, .details_slist{
        padding: 0px calc( 4% + 0px);
    }
    .details_slist .lefs .im_t .nnn:after{
        top:3px;
    }
    .details_slist .lefs .im_t:after{
        top:15px;
    }
}