@charset "UTF-8";
/*name+time*/
/* CSS Document */
@media screen and (max-width: 1920px) {
    .cloumn3Bg1_top_nr {
        padding: 6% 22% 0 22%;
    }

    .jdal_box_left {
        padding: 0 3%;
    }
    .box4Tab {
        left: 10%;
        width: 80%;
    }
}

@media screen and (max-width: 1680px) {
    .cloumn3Bgtext {
        bottom: 270px;
    }

    .jdal_box_left {
        padding: 0 3%;
    }

    .roudList .dd1 {
        position: absolute;
        left: 50%;
        margin-left: -40px;
        top: -40px;
    }

    .roudList .dd2 {
        position: absolute;
        right: -80px;
        top: 50%;
        margin-top: -115px;
    }

    .roudList .dd3 {
        position: absolute;
        bottom: -5px;
        right: 65px;
        /* top: 10px; */
    }

    .roudList .dd4 {
        position: absolute;
        bottom: -10px;
        left: 65px;
    }

    .roudList .dd5 {
        position: absolute;
        top: 140px;
        left: -28px;
    }

    .roudList dd .rudw {
        width: 80px;
        height: 80px;
    }

    .roudList dd .rudn {
        width: 70px;
        height: 70px;
        top: 50%;
        margin-top: -35px;
        left: 50%;
        margin-left: -35px;
    }

    .column2Right {
        width: 550px;
        height: 520px;
        position: absolute;
        top: 200px;
        right: 265px;
    }

    .box4Tab {
        left: 10%;
        width: 80%;
    }
}

@media screen and (max-width: 1600px) {
    .jdal_box_left {
        padding: 0 3%;
    }

    .nav_dl dd {
        padding: 0px 0;
    }

    .roudList .dd1 em {
        position: relative;
        top: -105px;
        left: -32px;
    }

    .roudList .dd3 em {
        left: 87px;
        top: -55px;
    }

    .roudList .dd2 em {
        left: 85px;
        top: -58px;
    }
}

@media screen and (max-width: 1440px) {
    .jdal_box_left {
        padding: 0 3%;
    }

    .roudList .dd1 em {
        position: relative;
        top: -105px;
        left: -32px;
    }

    .roudList .dd3 em {
        left: 87px;
        top: -55px;
    }

    .roudList .dd2 em {
        left: 85px;
        top: -58px;
    }

    .cloumn3Bgtext {
        bottom: 270px;
    }

    .nav_dl dd {
        padding: 0px 0;
    }

    .column2Right span.two {
        background-size: 100%;
    }

    .column2Right span.one {
        background-size: 100%;
    }

    .column2Right {
        width: 410px;
        height: 520px;
        position: absolute;
        top: 200px;
        right: 250px;
    }

    .roudList dd .rudw {
        width: 70px;
        height: 70px;
    }

    .roudList dd .rudn {
        width: 55px;
        height: 55px;
        top: 50%;
        margin-top: -28px;
        left: 50%;
        margin-left: -28px;
    }

    .roudList .dd1 {
        position: absolute;
        left: 50%;
        margin-left: -36px;
        top: 22px;
    }

    .roudList .dd2 {
        position: absolute;
        right: -100px;
        top: 50%;
        margin-top: -95px;
    }

    .roudList .dd3 {
        position: absolute;
        bottom: 50px;
        right: 42px;
    }

    .roudList .dd4 {
        position: absolute;
        bottom: 46px;
        left: 41px;
    }

    .roudList .dd5 {
        position: absolute;
        top: 166px;
        left: -28px;
    }

    .column2Right .text {
        width: 290px;
    }
}

@media screen and (max-width: 1366px) {
    .nav_dl dd {
        padding: 0px 0;
    }

    .roudList .dd2 {
        position: absolute;
        right: -25px;
        top: 50%;
        margin-top: -95px;
    }

    .header .nav-wrap .nav-bot-bg1 {
        bottom: -60px;
    }

    .jdal_box_left {
        padding: 0 3%;
    }

    .cloumn3Bg1_top_nr {
        padding: 6% 22% 0 22%;
    }

    .column4 {
        height: 675px;
    }

    .clutext {
        top: 100px;
    }

    .column2Right {
        top: 100px;
    }

    .cloumn3Bgtext {
        bottom: 270px;
    }

    .roudList .dd1 em {
        position: relative;
        top: -105px;
        left: -32px;
    }

    .roudList .dd3 em {
        left: 87px;
        top: -55px;
    }

    .roudList .dd2 em {
        left: 85px;
        top: -58px;
    }
}

}
@media screen and (max-width: 1360px) {
    .column4 {
        height: 675px;
    }

    .clutext {
        top: 100px;
    }

    .column2Right {
        top: 100px;
    }

    .roudList .dd1 em {
        position: relative;
        top: -105px;
        left: -32px;
    }

    .roudList .dd3 em {
        left: 87px;
        top: -55px;
    }

    .roudList .dd2 em {
        left: 85px;
        top: -58px;
    }
}