.fangan {
    background: url(/repository/portal-local/ngc202204150002/cms/image/f9832041-7e36-4342-bc20-e288da5a8a86.jpg?d=1657672983677)no-repeat center;
    background-size: cover;
    padding-bottom: 1.2rem;
    overflow: hidden;
}

.fangan .pic {
    margin-top: .6rem;
}

.fangan .pic img {
    width: 7.35rem;
}

.fangan .text {
    width: 18%;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: .4rem 0;
}

.fangan .text p {
    margin: 0;
}

.fangan .content {
    margin-top: .9rem;
}

.fangan .tit-con {
    width: 50%;
    border: 1px dashed #04bff4;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: .4rem;
}

.fangan .tit-con::after {
    content: '';
    position: absolute;
    left: -.7rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .99rem;
    height: 100%;
    background: url(/repository/portal-local/ngc202204150002/cms/image/f2c2cdc9-a686-4e3e-9db5-d6526f5a88d3.png?d=1657673012459)no-repeat center;
    background-size: 100%;
}

.fangan .tit-con::before {
    content: '';
    position: absolute;
    right: -.7rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .99rem;
    height: 100%;
    background: url(/repository/portal-local/ngc202204150002/cms/image/ea13ae75-f94d-4936-9eeb-5cf55194dd0c.png?d=1657673035436)no-repeat center;
    background-size: 100%;
}

.fangan .tit-con .card {
    width: 45%;
    background-color: #1d82d6;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
}

.fangan .tit-con .card:last-child {
    background-color: #04bff4;
}

.fangan .tit-con .card:last-child::after {
    content: '';
    position: absolute;
    left: -.45rem;
    width: .31rem;
    height: 100%;
    top: 0;
    background: url(/repository/portal-local/ngc202204150002/cms/image/ac4ade35-c1db-4866-b933-326d23065905.png?d=1657673053052)no-repeat center;
    background-size: 100%;
}

.fangan .tit-con .icon {
    width: .8rem;
    height: .8rem;
    overflow: hidden;
}

.fangan .tit-con .icon img {
    width: 100%;
}

.fangan .tit-con .tit {
    font-size: .24rem;
    margin-top: .2rem;
}

.public-case .pic-con {
    margin-top: .3rem;
}

.public-case .pic-con .item {
    width: 20%;
    padding: .3rem 0;
}

.public-case .pic-con .text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-image: linear-gradient(45deg, #1d82d6, #02b4ee);
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    padding: .3rem;
    opacity: 0;
}

.public-case .pic-con .tit {
    margin-top: .1rem;
}

.public-case .pic-con .icon {
    width: .61rem;
    height: .61rem;
    overflow: hidden;
}

.public-case .pic-con .icon img {
    width: 100%;
}

@media (min-width:1025px) {
    .public-case .pic-con .item:hover .text {
        opacity: 1;
    }
}

@media (max-width:1199px) {
    .fangan .text {
        width: 19%;
    }
    .fangan .pic img {
        width: 10rem;
    }
    .fangan .tit-con .icon {
        width: 1.2rem;
        height: 1.2rem;
    }
    .fangan .tit-con .tit {
        font-size: .38rem;
    }
    .fangan .tit-con .card:last-child::after {
        left: -.55rem;
    }
    .public-case .pic-con .text {
        display: none;
    }
    .public-case .pic-con .icon {
        width: .9rem;
        height: .9rem;
    }
}

@media (max-width:950px) {
    .fangan .pic img {
        width: 14rem;
    }
    .fangan .tit-con .icon {
        width: 1.5rem;
        height: 1.5rem;
    }
    .fangan .tit-con .tit {
        font-size: .48rem;
    }
    .public-case .pic-con .icon {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width:767px) {
    .fangan .pic img {
        width: 14rem;
    }
    .fangan .tit-con .icon {
        width: 2rem;
        height: 2rem;
    }
    .fangan .tit-con .tit {
        font-size: .58rem;
    }
}

@media (max-width:480px) {
    .fangan .tit-con {
        width: 100%;
        order: 1;
    }
    .fangan .tit-con .card {
        padding: .8rem 0;
    }
    .fangan .tit-con::before,
    .fangan .tit-con::after {
        display: none;
    }
    .fangan .text {
        width: 45%;
        margin-top: .8rem;
    }
    .fangan .text:nth-child(1) {
        order: 2;
    }
    .fangan .text:last-child {
        order: 3;
    }
    .fangan .pic img {
        width: 16rem;
    }
    .fangan .tit-con .icon {
        width: 2.4rem;
        height: 2.4rem;
    }
    .fangan .tit-con .tit {
        font-size: .88rem;
    }
    .fangan .tit-con .card:last-child::after {
        width: 1rem;
        left: -1.2rem;
    }
    .public-case .pic-con .item {
        width: 33.333%;
        margin: .5rem 0;
    }
    .public-case .pic-con .icon {
        width: 1.8rem;
        height: 1.8rem;
    }
}