.banner-box {
    position: relative;
}

.banner-box .banner-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 80%, black);
    color: #FFFFFF;
}
body {
    background: #000;
    overflow-x: hidden;
    background-image: url(../images/new_img/bg-ty.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: .1px;
    background-position: center bottom;
}
.banner-box .banner-content .left-con img {
    margin-bottom: 120px;
}

.banner-box .banner-content .left-con .nwrap {
    display: flex;
}

.banner-box .banner-content .left-con .nwrap .cname {
    font-size: 34px;
    margin-top: 25px;
}

.banner-box .banner-content .left-con .nwrap .en {
    color: #F4D182;
    width: 159px;
    margin-left: 10px;
}

.banner-box .banner-content .right-con {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 38px;
    max-width: 740px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
}

.banner-box .banner-bg {
    width: 100%;
    /* opacity: .5; */
    /* max-height: 850px; */
}

.latit {
    text-transform: uppercase;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 30px;
    margin-top: 60px;
    font-family: HuXiaoBo;
}

.space {
    /*margin-top: 205px;*/
    position: relative;
}

.info-box {
    /* margin-bottom: 52px; */
    position: relative;
}
.info-box .container {
        display: flex;
    justify-content: space-between;
}
.info-box .company-con {
    /* margin-top: 16px; */
    /* margin-bottom: 155px; */
}

.info-box .company-con .item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.info-box .company-con .item:last-child {
    margin-bottom: 0
}

.info-box .company-con .item img {
    width: 48px;
}

.info-box .company-con .item i {
    color: #F4D182;
    font-size: 30px;
}

.info-box .company-con .item p {
    margin-left: 15px;
    color: #FFFFFF;
    font-size: 16px;
}

.info-box .company-con .code-img {
    width: 154px;
    height: 150px;
    margin-bottom: 61px;
}
.info-box .about-con{
    
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.info-box .company-img {
    /* position: absolute; */
    top: 0;
    right: 0;
    max-width: 70%;
}

.text-right {
    text-align: right;
}

.map-box {
    height: 694px;
    position: relative;
}

.map-box .branch-list li {
    width: 59px;
    height: 59px;
    white-space: nowrap;
    text-align: center;
}

.map-box .branch-list li .dot {
    background: url("../images/contact/dot.png");
    width: 59px;
    height: 59px;
    transform: scale(0.8);
    opacity: .8;
    transition: all .5s;
}

.map-box .branch-list li:hover .dot {
    opacity: 1;
    transform: scale(1);
}

.map-box .branch-list li .fix-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.map-box .branch-list li .fix-box .name {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 34px;
}

.map-box .branch-list li .fix-box .pos-name {
    margin-left: 5px;
    margin-top: -14px;
}

.map-box .branch-list li .fix-box .pos-name .line {
    width: 12px;
}

.map-box .branch-list li .fix-box .pos-name .name {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 34px;
}

.map-box .branch-list li:nth-child(1) {
    position: absolute;
    top: calc(305px - 28px);
    left: calc(196px - 28px);
}

.map-box .branch-list li:nth-child(1) .fix-box {
    padding-top: 293px;
}

.map-box .branch-list li:nth-child(1) .fix-box:before {
    content: '';
    height: 293px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(1) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(1) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(2) {
    position: absolute;
    top: calc(324px - 28px);
    left: calc(239px - 28px);
}

.map-box .branch-list li:nth-child(2) .fix-box:before {
    content: '';
    height: 287px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -314px;
    left: 50%;
}

.map-box .branch-list li:nth-child(2) .fix-box .name {
    position: absolute;
    top: -350px;
    left: calc(50% - 16px);
}

.map-box .branch-list li:nth-child(2) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 6px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(3) {
    position: absolute;
    top: calc(324px - 28px);
    left: calc(340px - 28px);
}

.map-box .branch-list li:nth-child(3) .fix-box {
    padding-top: 190px;
}

.map-box .branch-list li:nth-child(3) .fix-box:before {
    content: '';
    height: 190px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(3) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(3) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(4) {
    position: absolute;
    top: calc(246px - 59px);
    left: calc(439px - 59px);
}

.map-box .branch-list li:nth-child(4) .fix-box:before {
    content: '';
    height: 256px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -285px;
    left: 50%;
}

.map-box .branch-list li:nth-child(4) .fix-box .name {
    position: absolute;
    top: -322px;
    left: calc(50% - 16px);
}

.map-box .branch-list li:nth-child(4) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 6px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(5) {
    position: absolute;
    top: calc(518px - 59px);
    left: calc(574px - 59px);
}

.map-box .branch-list li:nth-child(5) .fix-box {
    padding-top: 150px;
}

.map-box .branch-list li:nth-child(5) .fix-box:before {
    content: '';
    height: 150px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(5) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(5) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(6) {
    position: absolute;
    top: calc(318px - 59px);
    left: calc(480px - 59px);
}

.map-box .branch-list li:nth-child(6) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(6) .fix-box:before {
    content: '';
    height: 1px;
    width: 111px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(6) .fix-box .name {
    position: absolute;
    top: -100px;
    left: 136px;
    padding-left: 80px;
    padding-bottom: 40px;
}

.map-box .branch-list li:nth-child(6) .fix-box .name:after {
    content: '';
    width: 75px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.map-box .branch-list li:nth-child(6) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: 12px;
    left: 50px;
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(7) {
    position: absolute;
    top: calc(369px - 59px);
    left: calc(521px - 59px);
}

.map-box .branch-list li:nth-child(7) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(7) .fix-box:before {
    content: '';
    height: 1px;
    width: 111px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(7) .fix-box .name {
    position: absolute;
    top: -27.5px;
    left: 139px;
    padding-left: 90px;
    padding-top: 18px;
}

.map-box .branch-list li:nth-child(7) .fix-box .name:after {
    content: '';
    width: 75px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(25deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.map-box .branch-list li:nth-child(7) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: 12px;
    left: 60px;
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(8) {
    position: absolute;
    top: calc(403px - 59px);
    left: calc(457px - 59px);
}

.map-box .branch-list li:nth-child(8) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(8) .fix-box:before {
    content: '';
    height: 1px;
    width: 111px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(8) .fix-box .name {
    position: absolute;
    top: -27px;
    left: 139px;
    padding-left: 40px;
    padding-top: 60px;
}

.map-box .branch-list li:nth-child(8) .fix-box .name:after {
    content: '';
    width: 75px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(75deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.map-box .branch-list li:nth-child(8) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: 12px;
    left: 15px;
    border-radius: 50%;
}

.map-box .award-num {
    position: absolute;
    top: 162px;
    right: 146px;
}

.map-box .award-num .nums {
    margin-bottom: 60px;
    text-align: center;
}

.map-box .award-num .nums .total {
    font-weight: 400;
    font-size: 40px;
    color: #E44E3E;
    line-height: 50px;
}

.map-box .award-num .nums .total span {
    color: inherit;
    min-width: .2em;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
}

.map-box .award-num .nums .total span::after {
    transform: translate3d(0px, -8.5646px, 0px);
}

.map-box .award-num .nums .txt {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 50px;
}

.contact-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
    /*margin-bottom: 48px;*/
}

.contact-list li {
    width: calc((100% - 56px) / 2);
    padding: 37px 75px 33px 27px;
    margin-right: 56px;
    margin-bottom: 63px;
    box-sizing: border-box;
    background: #1A1A1A;
}





.contact-list li .intro {
    display: flex;
    align-items: center;
}

.contact-list li .intro .cimg {
    width: 65px;
    height: 39px;
    object-fit: cover;
}

.contact-list li .intro .city {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 56px;
    margin-left: 5px;
}

.contact-list li .name {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 56px;
}

.contact-list li .address {
    font-weight: 400;
    font-size: 12px;
    color: #606060;
    line-height: 20px;
}

.contact-list li .phone {
    font-weight: 400;
    font-size: 12px;
    color: #606060;
    line-height: 20px;
}

.contact-list li .email {
    font-weight: 400;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 56px;
}

.contact-list li:nth-child(2n) {
    margin-right: 0;
}

.contact-list li:last-child{
    margin-bottom: 48px;
}

.contact-list li:nth-last-child(2) {
    margin-bottom: 48px;
}

.m-show {
    display: none;
}
@media (max-width: 1200px) {
    .banner-box .banner-content .left-con {
        padding-top: 180px;
        text-align: center;
    }

    .banner-box .banner-content .left-con img {
        margin-bottom: 100px;
    }

    .banner-box .banner-content .right-con {
        position: static;
        width: 100%;
    }

    .banner-box .banner-content .left-con .nwrap {
        margin-bottom: 20px;
        display: block;
        text-align: left;
    }

    .banner-box .banner-content .left-con .nwrap .en {
        width: auto;
        margin-left: 0;
    }

    .info-box .company-img {
        position: static;
        text-align: center;
        width: 100%;
        max-width: unset;
    }

    .info-box .company-con .item {
        /* justify-content: center; */
        margin-bottom: 10px;
    }

    .info-box .company-con .code-img {
        margin: 0;
        display: none;
    }

    .latit {
        text-align: center;
        margin-bottom: 10px;
    }
.info-box .container {
    display:block;
}
    .info-box .company-con {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .banner-box .banner-bg {
        /* display: none; */
    }

    .banner-box .banner-content {
        position: static;
    }

}
   .m-img {
        display: none;
    }

@media (max-width: 990px) {
    .info-box .about-con {
        display: block;
    }
.m-show {
    display: block;
}
.m-hide {
    display: none;
}
    .pc-img {
        display: none;
    }
       .m-img {
        display: block;
    }
    .banner-box .banner-content .left-con {
        padding-top: 80px;
    }

    .map-box {
        /*display: none;*/
        margin-top: 115px;
        margin-bottom: 133px;
    }

    .contact-list {
        margin-top: 20px;
        display: block;
    }

    .contact-list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .banner-box .banner-content {
        position: static;
    }
.banner-box .banner-content .left-con img {
    height: auto!important;
    margin-bottom: 20px;
}



.map-box .branch-list li:nth-child(1) {
    position: absolute;
    top: calc(36% - 28px);
    left: calc(20% - 28px);
}

.map-box .branch-list li:nth-child(1) .fix-box {
    padding-top: 193px;
}

.map-box .branch-list li:nth-child(1) .fix-box:before {
    content: '';
    height: 193px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(1) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(1) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(2) {
    position: absolute;
    top: calc(27% - 28px);
    left: calc(27% - 28px);
}

.map-box .branch-list li:nth-child(2) .fix-box:before {
    content: '';
    height: 187px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -223px;
    left: 50%;
}

.map-box .branch-list li:nth-child(2) .fix-box .name {
    position: absolute;
    top: -277px;
    left: calc(50% - 16px);
}

.map-box .branch-list li:nth-child(2) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 6px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(3) {
    position: absolute;
    top: calc(23% - 28px);
    left: calc(36% - 28px);
}

.map-box .branch-list li:nth-child(3) .fix-box {
    padding-top: 90px;
}

.map-box .branch-list li:nth-child(3) .fix-box:before {
    content: '';
    height: 90px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(3) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(3) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(4) {
    position: absolute;
    top: calc(20% - 59px);
    left: calc(57% - 59px);
}

.map-box .branch-list li:nth-child(4) .fix-box:before {
    content: '';
    height: 156px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -185px;
    left: 50%;
}

.map-box .branch-list li:nth-child(4) .fix-box .name {
    position: absolute;
    top: -222px;
    left: calc(50% - 16px);
}

.map-box .branch-list li:nth-child(4) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 6px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(5) {
    position: absolute;
    top: calc(49% - 59px);
    left: calc(78% - 59px);
}

.map-box .branch-list li:nth-child(5) .fix-box {
    padding-top: 50px;
}

.map-box .branch-list li:nth-child(5) .fix-box:before {
    content: '';
    height: 50px;
    width: 1px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: 50%;
}

.map-box .branch-list li:nth-child(5) .fix-box .name {
    position: relative;
}

.map-box .branch-list li:nth-child(5) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -20px;
    left: calc(50% - 9px);
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(6) {
    position: absolute;
    top: calc(28% - 59px);
    left: calc(64% - 59px);
}

.map-box .branch-list li:nth-child(6) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(6) .fix-box:before {
    content: '';
    height: 1px;
    width: 51px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(6) .fix-box .name {
    position: absolute;
    top: -87px;
    left: 78px;
    padding-left: 53px;
    padding-bottom: 26px;
}

.map-box .branch-list li:nth-child(6) .fix-box .name:after {
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.map-box .branch-list li:nth-child(6) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: 14px;
    left: 32px;
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(7) {
    position: absolute;
    top: calc(34% - 59px);
    left: calc(72% - 59px);
}

.map-box .branch-list li:nth-child(7) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(7) .fix-box:before {
    content: '';
    height: 1px;
    width: 51px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(7) .fix-box .name {
    position: absolute;
    top: -27.5px;
    left: 80px;
    padding-left: 45px;
    padding-top: 9px;
}

.map-box .branch-list li:nth-child(7) .fix-box .name:after {
    content: '';
    width: 41px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(25deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.map-box .branch-list li:nth-child(7) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: 18px;
    left: 28px;
    border-radius: 50%;
}

.map-box .branch-list li:nth-child(8) {
    position: absolute;
    top: calc(40% - 59px);
    left: calc(68% - 59px);
}

.map-box .branch-list li:nth-child(8) .fix-box {
    padding-left: 111px;
    flex-direction: row;
}

.map-box .branch-list li:nth-child(8) .fix-box:before {
    content: '';
    height: 1px;
    width: 51px;
    display: block;
    background: #E44E3E;
    position: absolute;
    top: -28px;
    left: calc(50% - 28px);
}

.map-box .branch-list li:nth-child(8) .fix-box .name {
    position: absolute;
    top: -27px;
    left: 81px;
    padding-left: 33px;
    padding-top: 33px;
}

.map-box .branch-list li:nth-child(8) .fix-box .name:after {
    content: '';
    width: 47px;
    height: 1px;
    display: block;
    background: #E44E3E;
    transform: rotate(75deg);
    transform-origin: 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

.map-box .branch-list li:nth-child(8) .fix-box .name:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    background: #E44E3E;
    position: absolute;
    bottom: 12px;
    left: 8px;
    border-radius: 50%;
}
.branch-list {
        height: 100%;
        position: absolute;
        width: 100%;
        top: 7px;
        
}
   .map-box {
       height: auto;
   } 
   .map-box .award-num {
       position: relative;
       display: flex;
       right: 0;
       width: 100%;
       justify-content: space-around;
       top: 110px;
   }
   .map-box .award-num .nums .txt {
       line-height: normal;
   }
   .map-box .award-num .nums {
       margin-bottom: 30px;
   }
}