@media screen and (max-width: 1002px) {
    #i1 {
        display: none;
    }

    #i2 {
        display: block;
    }

    #HeadImg div {
        display: none;
    }

    #SildeImg {
        display: none;
    }

    div#ScrollImg {
        display: block;
        height: 144px;
        overflow: hidden;
        width: auto;
    }

        div#ScrollImg > div {
            cursor: pointer;
            height: auto;
            position: relative;
            width: 20000px;
        }

            div#ScrollImg > div > img {
                cursor: pointer;
                height: 144px;
                width: 512px;
            }

    #EnPageLayOut {
        width: 100%;
    }

    ul.menu {
        display: none;
    }

    #menu {
        display: block;
    }

    #floatimg {
        display: none;
    }

    ul#RMUI {
        width: 240px;
    }

        ul#RMUI li:first-child {
            background: rgba(0, 0, 0, 0) url("../images/menu/close.gif") no-repeat scroll 215px center;
        }

            ul#RMUI li:first-child:hover {
                background: rgba(0, 0, 0, 0) url("../images/menu/close2.gif") no-repeat scroll 205px center;
            }

    #RightTxtLine, #RightTxt {
        display: none;
    }
}

@media screen and (max-width: 996px) {
    #ImgList div {
        width: 25%;
    }
}

@media screen and (max-width: 750px) {
    #Left {
        float: initial;
        width: 100%;
    }

    #Right {
        float: initial;
        width: 100%;
    }

    #IndexLeft > div {
        margin-top: 1rem;
        padding: 0rem 1rem;
    }

        #IndexLeft > div:nth-child(3) > div:nth-child(2) img {
            height: auto;
            width: 100%;
        }
}

@media screen and (max-width: 664px) {
    #ImgList div {
        width: 50%;
    }
}

@media screen and (max-width: 332px) {
    #ImgList div {
        width: 100%;
    }
}