@charset "utf-8";
.f22 {
    font-size: 22px;
}

.mb {
    margin-bottom: 20px;
}

.dingbu {
    padding-top: 130px;
    padding-left: 150px;
    padding-right: 100px;
    font-size: 80px;
    color: #fff;
    background-color: #404445;
}

.dingbu .row div:nth-child(1) {
    padding-top: 80px;
}

.line {
    margin: 50px auto;
    padding: 0 !important;
    border: 1px solid #e0e4e5;
}

.bg_d0d4d5 {
    background-color: #d0d4d5;
}

.l_one_txt {
    margin-top: -20px;
    margin-bottom: 20px;
}

.xiao_banner {
    transform: translateY(30px);
    z-index: 2;
    position: relative;
}

.you div {
    position: relative;
    padding: 0 !important;
}

.you img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.you li {
    position: absolute;
    width: 160px;
    height: auto;
}

.you li:nth-child(1) {
    top: 0;
    left: 0;
}

.you li:nth-child(2) {
    top: 0;
    right: 0;
}

.you li:nth-child(3) {
    bottom: 0;
    left: 0;
}

.you li:nth-child(4) {
    bottom: 0;
    right: 0;
}

@media(max-width:1200px) {
    .dingbu {
        font-size: 60px;
        padding-top: 150px;
        padding-left: 100px;
        padding-right: 50px;
    }
    .yewu a div {
        padding: 50px;
    }
    .youshi .box {
        padding: 50px;
    }
}

@media(max-width:1390px) {
    .dingbu .row div:nth-child(1) {
        padding-top: 50px;
    }
}

@media(max-width:768px){
    .dingbu{font-size: 40px;padding: 50px 15px 0;}
    .xiao_banner{transform: none;}
    .yewu a div{padding: 20px;}
    .line{margin: 20px auto;}
    .youshi .box{padding: 0;}
    .l_one_txt{margin-top: 0;}
    .yewu .n2 .color-99{font-size: 14px;}
    body .youshi:nth-child(odd) .box .row{flex-direction: column-reverse;}
}