.top_1 {

    overflow: hidden;

    position: relative;

    background: url(../img/zld_top1_bg.png) no-repeat center center;

    background-size: cover;

}



.top_1>.top1_lf {

    width: 40%;

    height: auto;

    position: absolute;

    top: 26%;

    left: 21%;

    line-height: 2.5vw;

}



.top_1>.top1_lf>h3 {

    font-size: 0.5rem;

    color: #fff;

}



.top_1>.top1_lf>b {

    font-size: 0.5rem;

    font-weight: 600;

    color: #fff;

    margin-bottom: 7%;

    display: inline-block;

}



.top_1>.top1_lf>p {

    font-size: 0.16rem;

    line-height: 1.5vw;

    color: #fff;

}



.top_1>.top1_lf>ul {

    width: 70%;

    margin-top: 7%;

}



.top_1>.top1_lf>ul>li {

    width: 75px;

    height: 75px;

    margin-right: 5%;

    padding: 4%;

    background-color: #2B2E3D;

    float: left;

    border-radius: 50%;

    border: 1px dashed #9DA0A8;

}



.top_1>.top1_lf>ul>li>img {

    display: block;

    width: 100%;

}

.top_1_rt .navDiv button:first-child {

    transform: rotate(0deg);

    background: url(../img/left.png) no-repeat #2B2E3D 40% 50%;

    top: 30%;

    left: 20%;

}

.top_1_rt .navDiv button:last-child {

    background: url(../img/left.png) no-repeat #2B2E3D center;

    transform: rotate(180deg);

    top: 30%;

    right: 25%;

    left: 70%;

}

/* ****************************top2*********************** */

.top_2 {

    overflow: hidden;

    position: relative;

    background: url(../img/zld_top2_bg.png) no-repeat center center;

    background-size: cover;

}



.top_2>.top2_lf {

    width: 60%;

    position: absolute;

    top: 22%;

    left: 9%;

    z-index: 20;

}



.top_2>.top2_lf>h3 {

    font-size: 0.5rem;

    color: #fff;

    margin-bottom: 6%;

}



.top_2>.top2_lf>h3>b {

    font-size: 0.5rem;

    color: #fff;

    background-color: #F16E1B;

    font-weight: 600;

    padding: 1.5% 2.5%;

    margin-left: 2%;

}



.top_2>.top2_lf>p {

    font-size: 0.16rem;

    color: #fff;

    line-height: 2vw;

}



.top_2>.top2_lf>ul {

    width: 100%;

    margin-top: 5%;

}



.top_2>.top2_lf>ul>li {

    width: 80px;

    margin-right: 5%;

    float: left;

    transform: translateX(-700%) rotate(-360deg);

    transition: 2s;

    -webkit-transition: 2s;

    -moz-transition: 2s;

    -ms-transition: 2s;

    -o-transition: 2s;

    -webkit-transform: translateX(-700%) rotate(-360deg);

    -moz-transform: translateX(-700%) rotate(-360deg);

    -ms-transform: translateX(-700%) rotate(-360deg);

    -o-transform: translateX(-700%) rotate(-360deg);

}



.active>.top2_lf>ul>li {

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

}



.top_2>.top2_lf>ul>li>span {

    border-radius: 50%;

    overflow: hidden;

    height: 80px;

    width: 100%;

    display: block;

}



.top_2>.top2_lf>ul>li>span>img {

    display: block;

    width: 100%;

}



.top_2>.top2_lf>ul>li>p {

    font-size: 0.24rem;

    color: #fff;

    text-align: center;

    margin-top: 10%;

    opacity: 0;

    transition-delay: 2s;

}



.active>.top2_lf>ul>li>p {

    opacity: 1;

}



.top_2>.top2_lf>ul>li>p>b {

    font-size: 0.5rem;

    color: #F06E1B;

    font-family: "PANGMENZHENGDAOBIAOTITI-1";

}



.top_2>.top2_rt {

    position: absolute;

    width: 40%;

    bottom: 0%;

    right: 10%;

    height: 90%;

}



.top_2>.top2_rt>img:nth-child(1) {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.top_2>.top2_rt>span {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;
    /*     
    top: 4%;
    
    left: 2%; */

    z-index: 5;

    /* background: url(../img/zld_top2_light.png) no-repeat left top;
    
    background-size: 100%; */

    transition: 5s;

    -webkit-transition: 5s;

    -moz-transition: 5s;

    -ms-transition: 5s;

    -o-transition: 5s;

}

.top_2>.top2_rt>span>img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 3s;
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    opacity: 0;
}

.top_2.active>.top2_rt>span>img {
    opacity: 1;
}

/* ****************************top3*********************** */

.top_3 {

    overflow: hidden;

    position: relative;

    background: url(../img/zld_top3_bg.png) no-repeat bottom left;

    background-size: cover;

}

.zld3_img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.zld3_img>img {
    display: block;
    width: 100%;
    height: 100%;
}

.zld3_img>img:nth-child(1) {
    display: block;
}

.zld3_img>img:nth-child(2) {
    display: none;
}

@media screen and (max-width:540px) {
    .zld3_img {
        width: 40%;
        height: 50%;
        position: absolute;
        bottom: 2%;
        right: 17%;
        z-index: 5;
    }

    .zld3_img>img:nth-child(2) {
        display: block;
    }

    .zld3_img>img:nth-child(1) {
        display: none;
    }
}

/* 
.top_3>.top3_lf {

    width: 60%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}



.top_3>.top3_lf>img:nth-child(1) {

    position: absolute;

    width: 20%;

    bottom: 15%;

    right: 25%;

    z-index: 10;

}



.top_3>.top3_lf>img:nth-child(2) {

    position: absolute;

    bottom: 0%;

    right: 10%;

    width: 63%;

}



.top_3>.top3_lf>div {

    position: absolute;

}



.top_3>.top3_lf>div>div {

    width: 25px;

    height: 25px;

    position: absolute;

}



.top_3>.top3_lf>div>div.avatar {}



.top_3>.top3_lf>div:nth-child(3) {

    top: 15%;

    right: 7%;

    width: 50px;

    height: 50px;

}



.top_3>.top3_lf>div:nth-child(4) {

    top: 35%;

    left: 31%;

}



.top_3>.top3_lf>div:nth-child(5) {

    top: 42%;

    right: 26%;

}



.top_3>.top3_lf>div:nth-child(6) {

    bottom: 6%;

    left: 31%;

}



.top_3>.top3_lf>div:nth-child(6)>div {

    width: 25px;

    height: 10px;

} */



.top_3>.top3_rt {

    width: 30%;

    position: absolute;

    top: 25%;

    right: 10%;
    z-index: 10;
}



.top_3>.top3_rt>h3 {

    font-size: 0.5rem;

    color: #2b2e3d;

    margin-bottom: 10%;

}



.top_3>.top3_rt>h3>b {

    padding: 2% 4%;

    background-color: #2B2E3D;

    display: inline-block;

    font-weight: 600;

    color: #F16E1B;

    margin-right: 3%;

}



.top_3>.top3_rt>p {

    font-size: 0.17rem;

    line-height: 2vw;

    color: #333;

}



.top_3>.top3_rt>ul {

    width: 100%;

    margin-top: 10%;

}



.top_3>.top3_rt>ul>li {

    width: 60px;

    float: left;

    height: 60px;

    background-color: #333;

    border-radius: 10px;

    margin-right: 6%;

}



.top_3>.top3_rt>ul>li>span {

    display: block;

    width: 50%;

    height: 50%;

    margin: 25% auto;

}



.top_3>.top3_rt>ul>li>span>img {

    display: block;

    width: 100%;

}



/* ****************************top4*********************** */

.top_4 {

    overflow: hidden;

    position: relative;

    background: url(../img/zld_top4_bg.png) no-repeat center center;

    background-size: cover;

}



.top_4>.top4_lf {

    position: absolute;

    top: 25%;

    left: 9%;

    width: 40%;

}



.top_4>.top4_lf>h3 {
    width: 65%;
    font-size: 0.5rem;

    color: #2b2e3d;

    margin-bottom: 10%;

}



.top_4>.top4_lf>h3>b {

    padding: 2% 4%;

    display: inline-block;

    font-weight: 600;

    color: #2B2E3D;

    background-color: #F16E1B;

    margin-right: 3%;

}



.top_4>.top4_lf>p {

    font-size: 0.17rem;

    line-height: 2vw;

    color: #333;

}



.top_4>.top4_lf>ul {

    width: 100%;

    margin-top: 10%;

    height: 85px;

}



.top_4>.top4_lf>ul>li {

    width: 120px;

    height: 100%;

    float: left;

    margin-right: 5%;

    position: relative;

}



.top_4>.top4_lf>ul>li>img {

    display: block;

    width: 100%;

    position: absolute;

    top: 0%;

    left: 0%;

    z-index: 5;

}

.top_4.active>.top4_lf>ul>li>img {

    animation-duration: 36s;

    animation-name: zhuan;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    -webkit-animation-name: zhuan;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

}



.top_4>.top4_lf>ul>li>p {

    /* display: none; */

    font-size: 0.18rem;

    color: #fff;

    text-align: center;

    position: relative;

    top: 30%;

    /* left: 23%; */

    z-index: 10;

    width: 100%;

}



.top_4>.top4_rt {

    position: absolute;

    height: 100%;

    width: 65%;

    right: 0%;

    top: 0%;

}



.top_4>.top4_rt>img:nth-child(1) {

    position: absolute;

    top: 10%;

    left: 1%;

    width: 65%;

}



.top_4>.top4_rt>img:nth-child(2) {

    width: 25%;

    position: absolute;

    right: 8%;

    top: 20%;

}



.top_4>.top4_rt>div {

    position: absolute;

}



.top_4>.top4_rt>div>div {

    width: 25px;

    height: 25px;

    position: absolute;

}



.top_4>.top4_rt>div>div.avatar {}



.top_4>.top4_rt>div:nth-child(3) {

    top: 57%;

    left: 11%;

}



.top_4>.top4_rt>div:nth-child(4) {

    top: 40.5%;

    right: 37.5%;

}



/* ****************************top5*********************** */

.top_5 {

    overflow: hidden;

    position: relative;

    background: url(../img/zld_top5_bg.png) no-repeat center center;

    background-size: cover;

}



.top_5>.top5_rt {

    width: 30%;

    position: absolute;

    top: 20%;

    transition: 2.5s;

    right: 3%;

}



.top_5>.top5_rt>h3 {

    font-size: 0.5rem;

    color: #2b2e3d;

    margin-bottom: 10%;

}



.top_5>.top5_rt>h3>b {

    padding: 2% 4%;

    background-color: #F16E1B;

    display: inline-block;

    font-weight: 600;

    color: #fff;

    margin-right: 4%;

}



.top_5>.top5_rt>p {

    font-size: 0.17rem;

    line-height: 2vw;

    color: #333;

}



.top_5>.top5_rt>ul {

    width: 100%;

    margin-top: 10%;

}



.top_5>.top5_rt>ul>li {

    width: 110px;

    height: 110px;

    float: left;

    margin-right: 5%;

    border-radius: 50%;

    border: 1px dashed #F16E1B;

    transform: translateX(600%) rotate(360deg);

    -webkit-transform: translateX(600%) rotate(360deg);

    -moz-transform: translateX(600%) rotate(360deg);

    -ms-transform: translateX(600%) rotate(360deg);

    -o-transform: translateX(600%) rotate(360deg);

    transition: 2s;

    -webkit-transition: 2s;

    -moz-transition: 2s;

    -ms-transition: 2s;

    -o-transition: 2s;

}



.active>.top5_rt>ul>li {

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

}



.top_5>.top5_rt>ul>li>span {

    width: 90%;

    height: 90%;

    margin: 5% auto;

    display: block;

    background: #fff;

    border-radius: 50%;

    padding: 25%;

}



.top_5>.top5_rt>ul>li>span>img {

    width: 100%;

    display: block;

}



.top_5>.top5_rt>ul>li>p {

    font-size: 0.18rem;

    text-align: center;

    color: #fff;

    margin-top: 15%;

    opacity: 0;

    transition-delay: 2s;

}



.active>.top5_rt>ul>li>p {

    opacity: 1;

}

.top_1_rt>p {

    color: #fff;

}

@media screen and (max-width:1680px) {

    .top_3>.top3_lf>div:nth-child(3) {

        top: 23%;

        right: 6%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 41%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 47%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 37.5%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 52%;

    }

}

@media screen and (max-width:1600px) and (max-height:850px) {

    .top_2>.top2_rt {

        width: 43%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 53%;

    }

}

@media screen and (max-width:1440px) and (max-height:850px) {
    .top_4 {
        height: 750px !important;
    }
    .top_2.active>.top2_rt>span {

        width: 100%;

    }

    /* .top_2>.top2_rt>span {

        top: 3.5%;

        left: 1%;

        height: 88%;

    } */

    .top_4>.top4_lf>ul>li>p {

        top: 35%;

    }

    .top_3>.top3_lf>img:nth-child(1) {

        position: absolute;

        width: 20%;

        bottom: 12%;

        right: 22%;

        z-index: 10;

    }

    .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: -1%;

        right: 4%;

        width: 68%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 26%;

        right: 0%;

    }



    .top_3>.top3_lf>div:nth-child(4) {

        top: 44%;

        left: 33%;

    }



    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 22%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 4.5%;

        left: 32%;

    }

    .top_4>.top4_rt>img:nth-child(1) {

        top: 10%;

        left: 10%;

        width: 60%;

    }

    .top_2>.top2_rt {

        height: 81%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 45.5%;

        left: 19%;

    }



    .top_4>.top4_rt>div:nth-child(4) {

        top: 32.5%;

        right: 33.5%;

    }



    .top_5>.top5_rt>ul>li {

        width: 90px;

        height: 90px;

    }

}

@media screen and (max-width:1440px) and (max-height:840px) {

    .top_2>.top2_rt {

        height: 82%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        right: 7%;

        width: 66%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 26%;

        right: 3%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 43%;

        left: 32%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 24%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 4.5%;

        left: 31%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 33%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 46%;

    } */

}

@media screen and (max-width:1440px) and (max-height:830px) {

    .top_2>.top2_rt {

        height: 84%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        right: 9%;

        width: 64%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 26%;

        right: 5%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 44%;

        left: 32%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 25%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 4.5%;

        left: 31%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 47.5%;

        left: 19%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 33.5%;

        right: 33.5%;

    } */

}

@media screen and (max-width:1440px) and (max-height:810px) {

    .top_2>.top2_rt {

        height: 85%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: -1%;

        right: 9.5%;

        width: 64%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 26%;

        right: 5%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 44%;

        left: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 26%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 4.5%;

        left: 31%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 47.5%;

        left: 19%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 33.5%;

        right: 33.5%;

    } */

}

@media screen and (max-width:1440px) and (max-height:795px) {
    /* .top_3>.top3_lf>div:nth-child(3) {
        top: 23%;
        right: 5%;
    }

    .top_3>.top3_lf>div:nth-child(4) {
        top: 42%;
        left: 31%;
    }

    .top_3>.top3_lf>div:nth-child(6) {
        bottom: 5%;
        left: 30.5%;
    }

    .top_4>.top4_rt>div:nth-child(3) {
        top: 48.5%;
        left: 19%;
    }

    .top_4>.top4_rt>div:nth-child(4) {
        top: 34.5%;
        right: 33.5%;
    } */
}

@media screen and (max-width:1440px) and (max-height:780px) {

    .top_2>.top2_rt {

        height: 88%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        bottom: 0%;

        right: 10%;

        width: 63%;

    }

    .top_3>.top3_lf>img:nth-child(1) {

        position: absolute;

        width: 20%;

        bottom: 12%;

        right: 26%;

        z-index: 10;

    }

    .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: 0%;

        right: 10%;

        width: 63%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 24%;

        right: 6%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 41%;

        left: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 47%;

        right: 26%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 5.5%;

        left: 31%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 34.5%;

        right: 33.5%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 48.5%;

        left: 19%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 47%;

        right: 26%;

    } */

}

@media screen and (max-width:1440px) and (max-height:770px) {
    /* .top_2>.top2_rt {
        height: 90.5%;
    }

    .top_3>.top3_lf>div:nth-child(3) {
        top: 22%;
    }

    .top_4>.top4_rt>div:nth-child(4) {
        top: 35.5%;
    }

    .top_4>.top4_rt>div:nth-child(3) {
        top: 49.5%;
    } */
}

@media screen and (max-width:1440px) and (max-height:760px) {

    .top_2>.top2_rt {

        height: 84%;

        width: 40%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: -1%;

        right: 10%;

        width: 63%;

    }

    .top_3>.top3_lf>img:nth-child(1) {

        position: absolute;

        width: 20%;

        bottom: 12%;

        right: 25%;

        z-index: 10;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 23%;

        right: 6%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 41%;

        left: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 47%;

        right: 26%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 5%;

        left: 31%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 35.5%;

        right: 33.5%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 49.5%;

        left: 19%;

    } */

}

@media screen and (max-width:1440px) and (max-height:750px) {

    .top_2>.top2_rt {

        height: 86%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 21%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 50.5%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 36%;

    }

}

@media screen and (max-width:1440px) and (max-height:720px) {

    .top_2>.top2_rt {

        height: 90%;

        width: 40%;

    }

    /* .top_3>.top3_lf>div:nth-child(3) {

        top: 17%;

        right: 6%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 36%;

        left: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 43%;

        right: 26%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 37%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 52.5%;

    } */

}



@media screen and (max-width:1440px) and (max-height:700px) {

    .top_2>.top2_rt {

        height: 91%;

    }

}

@media screen and (max-width:1440px) and (max-height:690px) {

    .top_2>.top2_rt {

        height: 93%;

    }

    /* .top_3>.top3_lf>div:nth-child(3) {

        top: 14%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 35%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 42%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 6%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 54.5%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 38%;

    } */

}

@media screen and (max-width:1440px) {
    .top_4>.top4_lf>ul>li {
        width: 100px;
    }
}
@media screen and (max-width:1440px) and (max-height:680px) {

    .top_2>.top2_rt {

        height: 94.5%;

    }

    /* .top_3>.top3_lf>div:nth-child(3) {

        top: 13%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 34%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 41%;

    } */

}

@media screen and (max-width:1440px) and (max-height:670px) {

    .top_2>.top2_rt {

        height: 97%;

    }

    /* .top_3>.top3_lf>div:nth-child(3) {

        top: 10%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 39%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 55.5%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 39%;

    } */

}

@media screen and (max-width:1366px) {

    .top_3>.top3_lf>div:nth-child(3) {

        top: 8%;

        right: 6%;

    }

    /* .top_3>.top3_lf>div:nth-child(4) {

        top: 31%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 37%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 39.5%;

        right: 33.5%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 55%;

        left: 19%;

    } */

}

@media screen and (max-width:1280px) and (max-height:768px) {

    .top_1>.top1_lf>ul>li {

        width: 65px;

        height: 65px;

    }

    .top_2>.top2_rt {

        height: 74%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: 0%;

        right: 5%;

        width: 66%;

    }

    .top_4>.top4_rt>img:nth-child(2) {

        right: 5%;

    } */

    .top_2>.top2_lf>ul>li {

        width: 65px;

    }



    /* .top_3>.top3_lf>div:nth-child(4) {

        top: 44%;

        left: 34%;

    }



    .top_3>.top3_lf>div:nth-child(3) {

        top: 26%;

        right: 0%;

    }



    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 22%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 5.5%;

        left: 33%;

    } */

    .top_4>.top4_lf>ul>li {

        width: 75px;

    }



    /* .top_4>.top4_rt>div:nth-child(3) {

        top: 45%;

    }



    .top_4>.top4_rt>div:nth-child(4) {

        top: 33%;

    } */



    .top_5>.top5_rt>ul>li {

        width: 70px;

        height: 70px;

    }

}





@media screen and (max-width:1280px) and (max-height:750px) {

    .top_2>.top2_rt {

        height: 70%;

        width: 40%;

    }

    .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: 0%;

        right: 7%;

        width: 65%;

    }

    /* .top_2>.top2_rt>span {

        width: 0%;

        height: 95%;

        top: 0%;

        left: 0%;

    } */

    .top_2.active>.top2_rt>span {

        width: 100%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 25%;

        right: 2%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 43%;

        left: 32%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 48%;

        right: 24%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 5%;

        left: 32%;

    }

    .top_4>.top4_lf>ul>li>p {

        width: 46%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 33%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 46%;

    }

}

@media screen and (max-width:1280px) and (max-height:740px) {

    .top_2>.top2_rt {

        height: 71%;

        width: 40%;

    }

    /* .top_3>.top3_lf>img:nth-child(2) {

        position: absolute;

        bottom: 1%;

        right: 9%;

        width: 63%;

    }

    .top_3>.top3_lf>div:nth-child(3) {

        top: 28%;

        right: 4%;

    }

    .top_3>.top3_lf>div:nth-child(4) {

        top: 44%;

        left: 33%;

    }

    .top_3>.top3_lf>div:nth-child(5) {

        top: 49%;

        right: 26%;

    }

    .top_3>.top3_lf>div:nth-child(6) {

        bottom: 6%;

        left: 31.5%;

    }

    .top_4>.top4_rt>div:nth-child(3) {

        top: 46%;

    }

    .top_4>.top4_rt>div:nth-child(4) {

        top: 33%;

    } */

    .top_4>.top4_lf>ul>li>p {

        top: 25%;

        left: 26%;

    }

}

@media screen and (max-width: 1024px) {

    .top_1>.top1_lf>ul>li {

        width: 55px;

        height: 55px;

    }



    .top_1>.top1_lf>p,

    .top_2>.top2_lf>p,

    .top_3>.top3_rt>p,

    .top_4>.top4_lf>p,

    .top_5>.top5_rt>p {

        font-size: 0.3rem;

        line-height: 2.5vw;

    }



    .top_3>.top3_rt>ul>li {

        margin-right: 5%;

    }



    .top_3>.top3_lf>img:nth-child(2),

    .top_3>.top3_lf>div {

        display: none;

    }



    .top_3>.top3_lf>img:nth-child(1) {

        width: 30%;

    }



    .top_4>.top4_rt>img:nth-child(1) {

        top: 22%;

        left: 18%;

        width: 50%;

    }



    .top_4>.top4_rt>div:nth-child(4) {

        top: 38%;

        right: 34.5%;

    }



    .top_4>.top4_rt>div:nth-child(3) {

        top: 47.5%;

        left: 24%;

    }

}



@media screen and (max-width: 768px) {



    .top_1>.top1_lf>ul>li,

    .top_3>.top3_rt>ul>li {

        width: 40px;

        height: 40px;

    }


    .top_4>.top4_lf>ul>li {

        width: 55px;

    }



    .top_5>.top5_rt>ul>li {

        width: 60px;

        height: 60px;

    }



    .top_9>.center>div {

        top: 25%;

    }

}



@media screen and (max-width:450px) {



    .top_1>.top1_lf,

    .top_2>.top2_lf,

    .top_3>.top3_rt,
    
    .top_4>.top4_lf,
    
    .top_5>.top5_rt {
        
        width: 90%;
        
        top: 10%;
        
        left: 10%;
        
        line-height: 5.5vw;
        
    }
    
    .top_3>.top3_rt{
        left: 7%;
    }
    .top_3 {
        background: url(../img/zld_top3_bg.png) no-repeat 74% 0%;
        background-size: cover;
    }
    

    .top_1>.top1_lf>h3,

    .top_2>.top2_lf>h3,

    .top_3>.top3_rt>h3,

    .top_4>.top4_lf>h3,

    .top_5>.top5_rt>h3 {

        font-size: 22px;

    }



    .top_1>.top1_lf>b,

    .top_2>.top2_lf>h3>b,

    .top_3>.top3_rt>h3>b,

    .top_4>.top4_lf>h3>b,

    .top_5>.top5_rt>h3>b,

    .top_2>.top2_lf>ul>li>p {

        font-size: 22px;

    }

    .top_1>.top1_lf>b {

        margin-top: 3%;

    }

    .top_1>.top1_lf>ul {

        margin-top: 4%;

    }

    .top_2>.top2_lf>ul>li>p>b {

        font-size: 1.5rem;

    }



    .top_1>.top1_lf>p,

    .top_2>.top2_lf>p,

    .top_3>.top3_rt>p,

    .top_4>.top4_lf>p,

    .top_5>.top5_rt>p {

        font-size: 0.7rem;

        line-height: 5.5vw;

    }



    .top_2>.top2_rt {

        width: 90%;

        height: 50%;

    }

    .top_2>.top2_rt>img:nth-child(1) {

        width: 337.5px;

        height: 333.5px;

    }

    .top_2.active>.top2_rt>span {

        width: 337.5px;

        height: 333.5px;

    }

    .top_3>.top3_rt>h3,
    .top_3>.top3_rt>p {

        color: #333;

    }
    .top_3>.top3_lf>img:nth-child(1) {

        width: 50%;

        right: -20%;

    }



    .top_4>.top4_rt>img:nth-child(1),

    .top_4>.top4_rt>div {

        display: none;

    }

    .top_4>.top4_lf>ul>li>p {

        top: 10%;

        font-size: 12px;

        line-height: 5vw;

    }



    .top_4>.top4_rt>img:nth-child(2) {

        width: 60%;

        position: absolute;

        right: 50%;

        top: 45%;

    }

    .top_5 {

        overflow: hidden;

        position: relative;

        background: url(../img/zld_top5_bg.png) no-repeat 38% 0% !important;

        background-size: 300% !important;

    }

    .top_5>.top5_rt>ul>li {

        float: none;

        margin-bottom: 10%;

    }

    .top_5>.top5_rt>ul>li>p {

        font-size: 14px;

    }
}

@media screen and (max-width:736px) and (max-height:815px) {
    .top_2>.top2_rt {
        width: 88%;
        height: 44%;
    }

    .top_2.active>.top2_rt>span {
        width: 337.5px;
        height: 100%;
    }

    .top_2>.top2_rt>img:nth-child(1) {
        width: 337.5px;
        height: 100%;
    }

    .top_5 {
        background-size: cover !important;
    }

}

@media screen and (max-width:736px) and (max-height:670px) {
    .top_2>.top2_rt {
        width: 90%;
        height: 50%;
    }

    .top_2>.top2_rt>img:nth-child(1) {
        width: 337.5px;
        height: 333.5px;
    }

    .top_2.active>.top2_rt>span {
        width: 337.5px;
        height: 333.5px;
    }

    .top_5 {
        background-size: 300% !important;
    }
}