.fangan {
    background-color: #f5f7fa;
    overflow: hidden;
    padding-bottom: 1.2rem;
}

.fangan .item {
    width: 48%;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    overflow: hidden;
    margin-top: .9rem;
}

.fangan .item .pic {
    width: 2.13rem;
    overflow: hidden;
}

.fangan .item .pic img {
    width: 100%;
}

.fangan .item .tit {
    padding-bottom: .2rem;
    margin-bottom: .2rem;
}

.fangan .item .tit::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: .6rem;
    background-color: #c0aa8b;
}

@media (min-width:1025px) {
    .jieshao .icon-con .card:hover {
        background-image: -webkit-linear-gradient(left, #1d82d6, #02b4ee)
    }
    .fangan .item:hover {
        transform: scaleY(1.05);
        -webkit-transform: scaleY(1.05);
        -moz-transform: scaleY(1.05);
        -ms-transform: scaleY(1.05);
        -o-transform: scaleY(1.05);
    }
    .jiazhi .card:hover::after {
        top: -0.2rem;
        bottom: -0.2rem;
    }
    .jiazhi .card:hover .text-content {
        height: calc(2.8rem + 0.16rem);
        margin-bottom: -0.16rem;
    }
    .youshi .item:hover .icon::after {
        content: '';
        position: absolute;
        left: -6px;
        top: -6px;
        right: -6px;
        bottom: -6px;
        border: 6px rgba(255, 255, 255, .5) solid;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }
    .youshi .item:hover .i1 {
        background-image: url(https://www.fsg.com.cn/upload/images/icon65-on.png);
        background-color: #FFF;
    }
    .youshi .item:hover .i2 {
        background-image: url(https://www.fsg.com.cn/upload/images/icon66-on.png);
        background-color: #FFF;
    }
    .youshi .item:hover .i3 {
        background-image: url(https://www.fsg.com.cn/upload/images/icon67-on.png);
        background-color: #FFF;
    }
    .youshi .item:hover .i4 {
        background-image: url(https://www.fsg.com.cn/upload/images/icon68-on.png);
        background-color: #FFF;
    }
    .youshi .item:hover .i5 {
        background-image: url(https://www.fsg.com.cn/upload/images/icon69-on.png);
        background-color: #FFF;
    }
}

@media (max-width:1199px) {
    .jieshao .content {
        padding: 0 1rem;
    }
    .jiazhi .card .tit {
        height: 1.2rem;
    }
    .jiazhi .card .text-content {
        height: auto;
        padding: 0.5rem;
    }
    .youshi .item::after {
        display: none;
    }
    .youshi .item .icon {
        width: 1.6rem;
        height: 1.6rem;
        background-size: .8rem;
    }
    .fangan .item .pic {
        width: 3.4rem;
    }
    .ditu .tabs a {
        width: 7rem;
        height: 2.6rem;
    }
    .ditu .tabs .num {
        font-size: .8rem;
    }
    .ditu .map1 {
        background-size: 125%;
        height: 7.8rem;
    }
    .ditu .map1 .icon {
        width: .3rem;
        height: .4rem;
    }
    .ditu .map1 .text-content {
        width: 2.4rem;
        height: 1.2rem;
    }
    .ditu .map1 .text-content img {
        width: .5rem;
    }
    .ditu .map1 .text-content::after {
        left: -.18rem;
        border-top: .18rem transparent solid;
        border-bottom: .18rem transparent solid;
        border-right: .18rem #92c3e1 solid;
    }
    .ditu .map1 .text-content::before {
        left: -.16rem;
        border-top: .18rem transparent solid;
        border-bottom: .18rem transparent solid;
        border-right: .18rem #FFF solid;
    }
    .ditu .map1 .address:nth-child(1) {
        left: 9rem;
        top: 2.3rem;
    }
    .ditu .map1 .address:nth-child(2) {
        left: 7.65rem;
        top: 3rem;
    }
    .ditu .map1 .address:nth-child(3) {
        left: 7.2rem;
        top: 3.1rem;
    }
    .ditu .map1 .address:nth-child(4) {
        left: 6.9rem;
        top: 3.2rem;
    }
    .ditu .map1 .address:nth-child(5) {
        left: 6.4rem;
        top: 3.5rem;
    }
    .ditu .map1 .address:nth-child(6) {
        left: 6.55rem;
        top: 4.1rem;
    }
    .ditu .map1 .address.active {
        z-index: 9;
    }
    .ditu .map1 .address.active .text-content {
        display: block;
        top: -.35rem;
        left: .45rem;
    }
    .ditu .map2 .text-content {
        width: 5rem;
        height: 3.2rem;
    }
    .ditu .map2 .address-con span {
        width: .3rem;
        height: .3rem;
    }
    .ditu .map2 .address-con span::after {
        width: .1rem;
        height: .1rem;
    }
    .ditu .map2 .text-content {
        top: -1.4rem;
    }
    .ditu .map-content {
        display: none;
    }
    .ditu .tabs .active {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    .ditu .tabs .active::after {
        display: none;
    }
}

@media (max-width:950px) {
    .jieshao .content {
        padding: 0;
    }
    .jiazhi .card {
        width: 49%;
    }
    .youshi .item .icon {
        width: 2rem;
        height: 2rem;
        background-size: 1.2rem;
    }
    .ditu .map2 .text-content {
        width: 7rem;
        height: 3.2rem;
    }
}

@media (max-width:767px) {
    .jiazhi .card .tit {
        height: 2.2rem;
    }
    .youshi {
        height: auto;
    }
    .youshi .item .icon {
        width: 2.6rem;
        height: 2.6rem;
        background-size: 1.6rem;
    }
}

@media (max-width:480px) {
    .jieshao .content {
        flex-flow: column;
    }
    .jieshao .text {
        margin-right: 0;
        max-height: 9rem;
    }
    .jieshao .icon-con {
        width: 12rem;
        height: 11rem;
        background-size: auto 100%;
        margin-top: .8rem;
    }
    .jieshao .icon-con .card {
        width: 3.6rem;
        height: 3.6rem;
    }
    .jieshao .icon-con .icon {
        width: 1.4rem;
    }
    .jieshao .icon-con .card:nth-child(2) {
        top: 2.9rem;
        left: .2rem;
    }
    .jieshao .icon-con .card:nth-child(5) {
        top: 2.9rem;
        right: .2rem;
    }
    .jieshao .icon-con .card:nth-child(3) {
        left: 2rem;
    }
    .jieshao .icon-con .card:nth-child(4) {
        right: 1.8rem;
    }
    .jiazhi .card {
        width: 100%;
    }
    .jiazhi .card .tit {
        height: 2.6rem;
    }
    .jiazhi .card .text-content {
        padding: 0.8rem;
    }
    .jiazhi .card p {
        padding-left: .5rem;
    }
    .jiazhi .card p::after {
        width: .24rem;
        height: .24rem;
    }
    .youshi .item .icon {
        width: 3rem;
        height: 3rem;
        background-size: 2rem;
    }
    .fangan .item {
        width: 100%;
    }
    .fangan .item .pic {
        width: 7rem;
    }
    .ditu .tabs {
        padding: 0 .8rem;
        margin-top: 1.4rem;
        flex-flow: column;
    }
    .ditu .tabs a {
        width: 100%;
        height: 7rem;
        margin: .6rem 0;
        padding: .8rem;
        display: flex;
        justify-content: center;
        flex-flow: column;
        align-items: center;
    }
    .ditu .tabs .num {
        font-size: 1.4rem;
    }
    .ditu .tabs .txt {
        margin-top: .6rem;
    }
    .ditu .map1 {
        background-size: 280%;
        height: 18rem;
    }
    .ditu .map1 .icon {
        width: .8rem;
        height: 1.2rem;
    }
    .ditu .map1 .text-content {
        width: 6rem;
        height: 3rem;
        padding: .6rem;
        border-radius: .2rem;
        -webkit-border-radius: .2rem;
        -moz-border-radius: .2rem;
        -ms-border-radius: .2rem;
        -o-border-radius: .2rem;
    }
    .ditu .map1 .text-content img {
        width: 1.4rem;
    }
    .ditu .map1 .text-content::after {
        left: -.5rem;
        border-top: .5rem transparent solid;
        border-bottom: .5rem transparent solid;
        border-right: .5rem #92c3e1 solid;
    }
    .ditu .map1 .text-content::before {
        left: -.46rem;
        border-top: .5rem transparent solid;
        border-bottom: .5rem transparent solid;
        border-right: .5rem #FFF solid;
    }
    .ditu .map1 .address:nth-child(1) {
        left: 9rem;
        top: 5.4rem;
    }
    .ditu .map1 .address:nth-child(2) {
        left: 5.2rem;
        top: 7rem;
    }
    .ditu .map1 .address:nth-child(3) {
        left: 4.2rem;
        top: 7.6rem;
    }
    .ditu .map1 .address:nth-child(4) {
        left: 3.8rem;
        top: 7.8rem;
    }
    .ditu .map1 .address:nth-child(5) {
        left: 3rem;
        top: 8.5rem;
    }
    .ditu .map1 .address:nth-child(6) {
        left: 3.4rem;
        top: 10rem;
    }
    .ditu .map1 .address:nth-child(7) {
        left: 4rem;
        top: 10.4rem;
    }
    .ditu .map1 .address.active .text-content {
        display: block;
        top: -.8rem;
        left: 1rem;
    }
    .ditu .map2 {
        height: 18rem;
        background-position: 30% center;
        background-size: auto 100%;
    }
    .ditu .map2 .address-con span {
        width: .8rem;
        height: .8rem;
    }
    .ditu .map2 .address-con span::after {
        width: .4rem;
        height: .4rem;
    }
    .ditu .map2 .address-con:nth-child(1) {
        left: 34%;
        top: 20%;
    }
    .ditu .map2 .address-con:nth-child(2) {
        left: 13%;
        top: 42%;
    }
    .ditu .map2 .address-con:nth-child(3) {
        left: 27%;
        top: 45%;
    }
    .ditu .map2 .address-con:nth-child(4) {
        left: 36%;
        top: 45%;
    }
    .ditu .map2 .address-con:nth-child(5) {
        left: 38%;
        top: 48%;
    }
    .ditu .map2 .address-con:nth-child(6) {
        left: 45%;
        top: 50%;
    }
    .ditu .map2 .address-con:nth-child(7) {
        left: 41%;
        top: 53%;
    }
    .ditu .map2 .address-con:nth-child(8) {
        left: 42%;
        top: 57%;
    }
    .ditu .map2 .address-con:nth-child(9) {
        left: 54%;
        top: 60%;
    }
    .ditu .map2 .address-con:nth-child(10) {
        left: 47%;
        top: 43%;
    }
    .ditu .map2 .address-con:nth-child(11) {
        left: 49%;
        top: 42%;
    }
    .ditu .map2 .address-con:nth-child(12) {
        left: 53%;
        top: 43%;
    }
    .ditu .map2 .address-con:nth-child(13) {
        left: 53%;
        top: 51%;
    }
    .ditu .map2 .address-con:nth-child(14) {
        left: 62%;
        top: 36%;
    }
    .ditu .map2 .address-con:nth-child(15) {
        left: 56%;
        top: 35%;
    }
    .ditu .map2 .text-content {
        width: 8rem;
        height: auto;
    }
}

@media (max-width:375px) {
    .youshi .item .icon {
        width: 4.4rem;
        height: 4.4rem;
        background-size: 2.2rem;
    }
}