@media screen and (max-width:481px) and (min-width:320px) {
    .xoncimglf {
        width: 100px !important;
        height: 80px;
        float: left;
    }
    .xoncimglf img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .zocyc {
        width: 73% !important;
        float: left;
        padding-left: 10px;
        line-height: 30px;
        font-size: 14px;
        overflow: hidden;
        height: 60px;
    }
    .jw_lf {
        width: 97% !important;
        height: auto;
        margin: 0 auto;
        float: none !important;
    }
    .ywdminww {
        width: 100% !important;
        height: auto;
        margin-left: 0px !important;
    }
    .ywdmin {
        width: 97% !important;
        margin: 0 auto;
        float: none !important;
        margin-top: 15px;
    }
    .jwtimg {
        width: 100% !important;
        height: auto;
    }
    .jwtirr {
        width: 100% !important;
        height: auto;
    }
    .jwtimgq {
        width: 100% !important;
        height: auto;
    }
    .jwtimgqr {
        width: 100% !important;
        height: auto;
    }
    .your {
        width: 100% !important;
        height: auto;
    }
}

@media screen and (max-width:900px) and (min-width:768px) {
    .ldainff {
        width: 60% !important;
        height: auto;
        padding-left: 15px;
        float: left;
        padding-top: 20px;
    }
    .ldainff p {
        font-size: 14px !important;
        line-height: 40px !important;
    }
    .jhkh3lf {
        width: 100% !important;
        height: auto !important;
        float: left;
    }
    .jhkh3lf img {
        width: 100%;
    }
    .jhkh3ff {
        width: 100% !important;
        height: auto;
        padding-left: 15px;
        float: left;
        padding-top: 20px;
    }
    .jhkh3ff p {
        font-size: 14px !important;
        line-height: 40px !important;
    }
}

@media screen and (max-width:768px) and (min-width:0px) {
    .jw_lftimg img {
        width: 80%；
    }
    .jw_lftimg {
        text-align: center;
    }
    .top {
        width: 100%;
        min-height: 80px !important;
        background: #fff;
    }
    .topc {
        max-width: 1200px;
        min-height: 78px !important;
        margin: 0 auto;
    }
    .bans {
        width: 29%;
        float: left;
        height: 200px !important;
        border: 1px solid #ccc;
        float: left;
        text-align: center;
        margin: 5% 9% !important;
    }
    .bans p {
        line-height: 50px;
        font-size: 20px !important;
        color: #9c2222;
        font-weight: bold;
        padding-top: 30px;
    }
    .bans p a {
        color: #9c2222;
    }
    .jhkh3lf {
        width: 100% !important;
        height: auto !important;
        float: left;
    }
    .jhkh3lf img {
        width: 100%;
    }
    .jhkh3ff {
        width: 100% !important;
        height: auto;
        padding-left: 15px;
        float: left;
        padding-top: 20px;
    }
    .jhkh3ff p {
        font-size: 14px !important;
        line-height: 40px !important;
    }
    .ldain {
        width: 100%;
        height: auto !important;
        background: #f0f0f0;
        margin-bottom: 20px;
    }
    .ldainlf {
        width: 100% !important;
        height: auto !important;
        float: left;
    }
    .ldainlf img {
        width: 100%;
    }
    .ldainff {
        width: 70%;
        height: auto;
        padding-left: 15px;
        float: left;
        padding-top: 20px;
    }
    .ldainff h3 {
        font-size: 23px;
        color: #9c2222;
        line-height: 60px;
        font-weight: bold;
    }
    .ldainff p {
        font-size: 16px;
        line-height: 60px;
    }
    .rm-toggle.rm-button {
        height: 30px !important;
        margin-top: 10px !important;
    }
    .rm-nav li,
    .rm-menu-item {
        position: relative;
        background: #981e1e !important;
    }
    .rm-nav li a,
    .rm-menu-item a {
        padding: .75em 1em;
        display: block;
        position: relative;
        color: #fff !important;
        font-size: 16px;
        text-decoration: none;
    }
    .slide_container {
        margin-bottom: 20px !important;
        position: relative;
        float: left;
        width: 100%;
    }
    .kkb {
        width: 46% !important;
        float: left;
        border-right: 1px solid #fff;
        height: auto;
        padding-left: 2%;
    }
    .banimg {
        max-width: 1200px;
        background: url(../images/ddtt.png) repeat;
        min-height: 100px;
        margin: 0 auto;
        padding: 10px 0px;
        position: none;
        margin-top: 0px !important;
    }
    .kkb {
        width: 22%;
        float: left;
        border-right: 1px solid #fff;
        height: auto;
        padding-left: 2%;
        margin-top: 0px !important;
    }
    .youerj {
        display: none;
    }
    .zddinlf {
        width: 97% !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .jw_lf {
        width: 97% !important;
        height: auto;
        margin: 0 auto;
        float: none !important;
    }
    .ywdminww {
        width: 100% !important;
        height: auto;
        margin-left: 0px !important;
    }
    .ywdmin {
        width: 97% !important;
        margin: 0 auto;
        float: none !important;
        margin-top: 15px;
    }
    .jwtimg {
        width: 100% !important;
        height: auto;
    }
    .jwtirr {
        width: 100% !important;
        height: auto;
    }
    .jwtimgq {
        width: 100% !important;
        height: auto;
    }
    .jwtimgqr {
        width: 100% !important;
        height: auto;
    }
    .your {
        width: 100% !important;
        height: auto;
    }
}

@media screen and (max-width:481px) and (min-width:0px) {
    .zwminlf {
        width: 96% !important;
        padding: 0 2%;
        float: none;
    }
    .zwminlrr {
        width: 96% !important;
        padding: 0 2%;
        float: none;
    }
    .banneclf {
        float: none;
        line-height: 36px;
        margin-top: 26px;
        color: #fff;
        font-size: 14px;
        width: 100% !important;
        background: none !important;
        border-bottom: 1px solid #d6aaaa;
        padding: 8px 0px;
        text-align: center;
        padding-left: 0 !important;
    }
    .bannemiddle {
        width: 100% !important;
    }

    .bannerr {
        width: 95% !important;
        float: none;
        margin-top: 16px;
        padding-left: 10px;
        border-bottom: 1px solid #d6aaaa;
    }
    .bannerr li {
        width: 50%;
        height: 100px !important;
        float: left;
        color: #fff;
        line-height: 28px;
        text-align: center;
    }
    .bannerrkl {
        width: 95% !important;
        float: none;
        margin-top: 26px;
        border-bottom: 1px solid #d6aaaa;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-right: none !important;
    }
    .bannerrkl li {
        height: 35px;
        width: 50%;
        margin: 0 auto;
    }
    .banerwm {
        float: none;
        width: 100% !important;
        float: right;
        margin-top: 34px;
        margin-bottom: 10px;
    }
    .banerwm li {
        width: 33%;
        float: left;
        line-height: 28px;
        color: #fff;
        text-align: center;
    }
    .toprr {
        display: none;
    }
    .topclf {
        width: 320px !important;
        float: left;
        height: 76px;
        padding-top: 15px;
    }
    .topclf img {
        width: 80%;
    }
}

@media screen and (max-width:1025px) and (min-width:0px) {
    .jw_lftimg {
        width: 100%;
        height: auto;
    }
    .jw_lftimg img {
        width: 100%;
        height: auto;
    }
    .wc1 {
        height: 44px;
        background: url(../images/bh_100.png) 15px 11px no-repeat #f4f4f4 !important;
        line-height: 44px;
        font-size: 14px;
        text-indent: 45px !important;
        margin-bottom: 10px;
    }
    .wc1 a {
        display: block;
        color: #000;
    }
    .wc1 a:hover {
        background: url(../images/bh_188.png) 15px 11px no-repeat #c65a5a !important;
        color: #fff;
    }
    .wc2 {
        height: 44px;
        background: url(../images/bh_18.png) 15px 11px no-repeat #f4f4f4 !important;
        line-height: 44px;
        font-size: 14px;
        text-indent: 45px !important;
        margin-bottom: 10px;
    }
    .wc2 a {
        display: block;
        color: #000;
    }
    .wc2 a:hover {
        background: url(../images/bh_10.png) 15px 11px no-repeat #c65a5a !important;
        color: #fff;
    }
    .wc3 {
        height: 44px;
        background: url(../images/bh_20.png) 15px 11px no-repeat #f4f4f4 !important;
        line-height: 44px;
        font-size: 14px;
        text-indent: 45px !important;
        margin-bottom: 10px;
    }
    .wc3 a {
        display: block;
        color: #000;
    }
    .wc3 a:hover {
        background: url(../images/bh_200.png) 15px 11px no-repeat #c65a5a !important;
        color: #fff;
    }
    .wc4 {
        height: 44px;
        background: url(../images/bh_24.png) 15px 11px no-repeat #f4f4f4 !important;
        line-height: 44px;
        font-size: 14px;
        text-indent: 45px !important;
        margin-bottom: 10px;
    }
    .wc4 a {
        display: block;
        color: #000;
    }
    .wc4 a:hover {
        background: url(../images/bh_244.png) 15px 11px no-repeat #c65a5a !important;
        color: #fff;
    }
    .wc5 {
        height: 44px;
        background: url(../images/bh_28.png) 15px 11px no-repeat #f4f4f4 !important;
        line-height: 44px;
        font-size: 14px;
        text-indent: 45px !important;
        margin-bottom: 10px;
    }
    .wc5 a {
        display: block;
        color: #000;
    }
    .wc5 a:hover {
        background: url(../images/bh_288.png) 15px 11px no-repeat #c65a5a !important;
        color: #fff;
    }

    .jw1 {
        margin-bottom: 8px;
        height: 50px;
        border-left: 10px solid #c65a58;
        margin-top: 10px;
        line-height: 50px;
        font-size: 14px !important;
        text-indent: 55px! important;
        background: url(../images/bh_31.png) 10px 11px no-repeat #fbf1f2 !important;
    }
    .jw1 a {
        display: block;
    }
    .jw1 a:hover {
        background: url(../images/bh_31.png) 10px 11px no-repeat #fbe1e4 !important;
    }
    .jw2 {
        margin-bottom: 8px;
        height: 50px;
        border-left: 10px solid #c65a58;
        margin-top: 10px;
        line-height: 50px;
        font-size: 14px !important;
        text-indent: 55px!important;
        background: url(../images/bh_41.png) 10px 11px no-repeat #fbf1f2 !important;
    }
    .jw2 a {
        display: block;
    }
    .jw2 a:hover {
        background: url(../images/bh_41.png) 10px 11px no-repeat #fbe1e4 !important;
    }
    .jw3 {
        margin-bottom: 8px;
        height: 50px;
        border-left: 10px solid #c65a58;
        margin-top: 10px;
        line-height: 50px;
        font-size: 14px !important;
        text-indent: 55px!important;
        background: url(../images/bh_47.png) 10px 11px no-repeat #fbf1f2 !important;
    }
    .jw3 a {
        display: block;
    }
    .jw3 a:hover {
        background: url(../images/bh_47.png) 10px 11px no-repeat #fbe1e4 !important;
    }
    .jw4 {
        margin-bottom: 8px;
        height: 50px;
        border-left: 10px solid #c65a58;
        margin-top: 10px;
        line-height: 50px;
        font-size: 14px !important;
        text-indent: 55px!important;
        background: url(../images/bh_54.png) 10px 11px no-repeat #fbf1f2 !important;
    }
    .jw4 a {
        display: block;
    }
    .jw4 a:hover {
        background: url(../images/bh_54.png) 10px 11px no-repeat #fbe1e4 !important;
    }
    .jw5 {
        margin-bottom: 8px;
        height: 50px;
        border-left: 10px solid #c65a58;
        margin-top: 10px;
        line-height: 50px;
        font-size: 14px !important;
        text-indent: 55px!important;
        background: url(../images/bh_58.png) 10px 11px no-repeat #fbf1f2 !important;
    }
    .jw5 a {
        display: block;
    }
    .jw5 a:hover {
        background: url(../images/bh_58.png) 10px 11px no-repeat #fbe1e4 !important;
    }
}

@media screen and (max-width:640px) and (min-width:481px) {
    .zwminlf {
        width: 96% !important;
        padding: 0 2%;
        float: none;
    }
    .zwminlrr {
        width: 96% !important;
        padding: 0 2%;
        float: none;
    }
    .banneclf {
        float: none;
        line-height: 36px;
        margin-top: 26px;
        color: #fff;
        font-size: 14px;
        width: 100% !important;
        border-bottom: 1px solid #d6aaaa;
        padding: 8px 0px;
        text-align: center;
    }
    .bannemiddle {
        width: 100% !important;
    }
    .bannerr {
        width: 95% !important;
        float: none;
        margin-top: 16px;
        padding-left: 10px;
        border-bottom: 1px solid #d6aaaa;
    }
    .bannerr li {
        width: 50%;
        height: 100px !important;
        float: left;
        color: #fff;
        line-height: 28px;
        text-align: center;
    }
    .bannerrkl {
        width: 95% !important;
        float: none;
        margin-top: 26px;
        border-bottom: 1px solid #d6aaaa;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-right: none !important;
    }
    .bannerrkl li {
        height: 35px;
        width: 50%;
        margin: 0 auto;
    }
    .banerwm {
        float: none;
        width: 100% !important;
        float: right;
        margin-top: 34px;
        margin-bottom: 20px;
    }
    .banerwm li {
        width: 33%;
        float: left;
        line-height: 28px;
        color: #fff;
        text-align: center;
    }
    .toprr {
        display: none;
    }
    .topclf {
        width: 320px;
        float: left;
        height: 76px;
        padding-top: 15px;
    }
    .topclf img {
        width: 80%;
    }
}

@media screen and (max-width:800px) and (min-width:641px) {
    .xoncimgrr {
        width: 43% !important;
        float: right;
        height: auto;
    }
    .zocyc {
        width: 60% !important;
        float: left;
        padding-left: 10px;
        line-height: 30px;
        font-size: 14px;
        overflow: hidden;
        height: 60px;
    }
    .xoncimglf {
        width: 100px !important;
        height: 80px;
        float: left;
    }
    .xoncimglf img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .bannerrkl {
        display: none;
    }
    .banneclf {
        float: left;
        line-height: 36px;
        margin-top: 26px;
        color: #fff;
        font-size: 14px;
        width: 33% !important;
        padding-left: 1%;
        border-right: 1px solid #d6aaaa;
        padding: 8px 0px;
    }
    .banerwm {
        float: right;
        width: 35% !important;
        float: right;
        margin-top: 34px;
    }
    .bannerr {
        width: 30% !important;
        float: left;
        margin-top: 26px;
        padding-left: 10px;
    }
}

@media screen and (max-width:1200px) and (min-width:801px) {
    .rm-layout-expanded li a,
    .rm-layout-expanded .rm-menu-item a {
        padding-left: 2em !important;
        padding-right: 2em !important;
    }
    .xoncimgrr {
        width: 44% !important;
        float: right;
        height: auto;
    }
    .zocyc {
        width: 70% !important;
        float: left;
        padding-left: 10px;
        line-height: 30px;
        font-size: 14px;
        overflow: hidden;
        height: 60px;
    }
    .jhkh3lf {
        width: 150px;
        height: 193px;
        float: left;
        overflow: hidden;
    }
    .jhkh3lf img {
        width: 100%;
    }
    .jhkh3ff {
        width: 40% !important;
        height: auto;
        padding-left: 15px;
        float: left;
        padding-top: 20px;
    }
    .jhkh3ff p {
        font-size: 14px !important;
        line-height: 35px !important;
    }
}