@media screen and (min-width:1025px) {
    body {
        background-color: #eee;
        background-position: top center;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-size: 14px;
    }

    A:link {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    A:visited {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh {
        text-align: center;
        vertical-align: middle;
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
    }

    #webdh A:link {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:visited {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #copy {
        text-align: center;
        width: 1200px;
        margin: 0 auto;
        line-height: 150%;
    }

    .clear {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .clearfix:after {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
        visibility: hidden;
        content: ".";
    }

    #bodycon {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #bodycon #left {
        float: left;
        width: 230px;

    }

    #bodycon #center {
        float: left;
        width: 970px;

    }

    #bodycon #right {
        float: left;
        width: 0px;

    }


    #bodycontent {
        width: 950px;
        margin: 0 auto;
        line-height: 180%;
        text-align: center;
    }

    #bodycontent.bodycontent2020 {
        text-align: left;
    }

    .shopmrsc:hover {
        background-color: #f9f9f9;
    }

    .shopmrsc {
        border-bottom: #efefef solid 1px;
        overflow: hidden;
        padding: 15px 5px;
    }

    .shopmrsc a {
        float: left;
        display: block;
        height: 135px;
        text-decoration: none;
        position: relative;
    }

    .shopmrsc a:hover {
        color: red;
        text-decoration: none;
    }

    .xwlb_img {
        float: left;
        margin-right: 15px;
        width: 205px;
        height: 135px;
        background-color: #DBD9DA;
    }

    .xwlb_img img {
        max-width: 205px;
        max-height: 135px;
        display: table-cell;
    }

    .shopmrsc p {
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        text-align: left;
        margin: 0 auto;
        border-bottom: none;
    }

    .shopmrsc p.xwlbbt {
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: normal;
    }

    .shopmrsc p.xwlbnr {
        font-size: 14px;
        font-weight: normal;
        height: 50px;
        line-height: 24px;
        margin-top: 7px;
        color: #999;
    }

    .shopmrsc p.xwlbsj {
        font-size: 14px;
        font-weight: normal;
        color: #787878;
        position: absolute;
        line-height: 20px;
        bottom: 0;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    body {
        background-color: #eee;
        background-position: top center;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        /* font-size: 14px; */
    }

    A:link {
        FONT-SIZE: 32px;
        TEXT-DECORATION: none
    }

    A:visited {
        FONT-SIZE: 32px;
        TEXT-DECORATION: none
    }

    A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh {
        text-align: center;
        vertical-align: middle;
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
    }

    #webdh A:link {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:visited {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #copy {
        text-align: center;
        width: 1200px;
        margin: 0 auto;
        line-height: 150%;
    }

    .clear {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .clearfix:after {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
        visibility: hidden;
        content: ".";
    }

    #bodycon {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        display: flex;
    }

    #bodycon #left {
        float: left;
        /* width: 230px; */
    }

    #bodycon #center {
        float: left;
        width: 970px;
    }

    #bodycon #right {
        float: left;
        width: 0px;

    }


    #bodycontent {
        /* width: 950px; */
        margin: 0 auto;
        line-height: 180%;
        text-align: center;
    }

    #bodycontent.bodycontent2020 {
        text-align: left;
    }

    .shopmrsc:hover {
        /* background-color: #f9f9f9; */
    }

    .shopmrsc {
        border-bottom: #efefef solid 1px;
        overflow: hidden;
        padding: 15px 5px;
        display:table-caption;  
        width: 110%;
        margin-left: 60px;
    }

    .shopmrsc a {
        float: left;
        display: block;
        height: 135px;
        text-decoration: none;
        position: relative;
        background-color: #fff;
    }

    .shopmrsc a:hover {
        color: red;
        text-decoration: none;
    }

    .xwlb_img {
        float: left;
        margin-right: 15px;
        width: 205px;
        height: 135px;
        background-color: #DBD9DA;
    }

    .xwlb_img img {
        max-width: 205px;
        max-height: 135px;
        display: table-cell;
        margin-left: 210px;
        display: none;
    }

    .shopmrsc p {
        font-size: 40px;
        font-weight: bold;
        overflow: hidden;
        text-align: left;
        margin: 0 auto;
        border-bottom: none;
    }

    .shopmrsc p.xwlbbt {
        font-size: 40px;
        line-height: 40px;
        font-family: "Microsoft YaHei";
        font-weight: normal;
    }

    .shopmrsc p.xwlbnr {
        font-size: 30px;
        font-weight: normal;
        height: 125px;
    line-height: 33px;
        margin-top: 7px;
        color: #999;
    }

    .shopmrsc p.xwlbsj {
        font-size: 28px;
        font-weight: normal;
        color: #787878;
        position: absolute;
        line-height: 20px;
        bottom: 0;
        display: none;
    }

}

@media (max-width:768px) {
    body {
        background-color: #eee;
        background-position: top center;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-size: 14px;
    }

    A:link {
        FONT-SIZE: 32px;
        TEXT-DECORATION: none
    }

    A:visited {
        FONT-SIZE: 30px;
        TEXT-DECORATION: none
    }

    A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh {
        text-align: center;
        vertical-align: middle;
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
    }

    #webdh A:link {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:visited {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #webdh A:hover {
        FONT-SIZE: 14px;
        TEXT-DECORATION: none
    }

    #copy {
        text-align: center;
        width: 1200px;
        margin: 0 auto;
        line-height: 150%;
    }

    .clear {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .clearfix:after {
        clear: both;
        height: 0;
        overflow: hidden;
        display: block;
        visibility: hidden;
        content: ".";
    }

    #bodycon {
        width: 1200px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #bodycon #left {
        float: left;
        width: 230px;

    }

    #bodycon #center {
        float: left;
        width: 970px;

    }

    #bodycon #right {
        float: left;
        width: 0px;

    }


    #bodycontent {
        width: 950px;
        margin: 0 auto;
        line-height: 180%;
        text-align: center;
    }

    #bodycontent.bodycontent2020 {
        text-align: left;
    }

    .shopmrsc:hover {
        background-color: #f9f9f9;
    }

    .shopmrsc {
        border-bottom: #efefef solid 1px;
        overflow: hidden;
        padding: 15px 5px;
    }

    .shopmrsc a {
        float: left;
        display: block;
        height: 135px;
        text-decoration: none;
        position: relative;
    }

    .shopmrsc a:hover {
        color: red;
        text-decoration: none;
    }

    .xwlb_img {
        float: left;
        margin-right: 15px;
        width: 205px;
        height: 135px;
        background-color: #DBD9DA;
    }

    .xwlb_img img {
        max-width: 205px;
        max-height: 135px;
        display: table-cell;
    }

    .shopmrsc p {
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        text-align: left;
        margin: 0 auto;
        border-bottom: none;
    }

    .shopmrsc p.xwlbbt {
        font-size: 16px;
        font-family: "Microsoft YaHei";
        font-weight: normal;
    }

    .shopmrsc p.xwlbnr {
        font-size: 14px;
        font-weight: normal;
        height: 50px;
        line-height: 24px;
        margin-top: 7px;
        color: #999;
    }

    .shopmrsc p.xwlbsj {
        font-size: 14px;
        font-weight: normal;
        color: #787878;
        position: absolute;
        line-height: 20px;
        bottom: 0;
    }
}