@media screen and (max-width:820px) {
    .elder-bg {width: 100%;overflow: hidden;}
    .elder-hdp {width:100%;height: 520px;margin-top: 30px;}
    .elder-hdp p span {width: 85%;}

    .e-cont,.elder-content {width:100%;}
.back-index {margin-left: 15px;}

    .elder-tr {right:-100px;width:380px;height: 190px;background-size: contain;}
    .elder-nav ul li {width: 44%;margin-left:4%;}
    .elder-other ul li.older-zq,.elder-other ul li.hjzq {width: 44%;margin-left:4%;background-size: cover;background-position: 0 bottom;}

    .elder-other ul li.older-zq span {padding-left: 90px;}
    .elder-other ul li.xxdc,.elder-wxwb ul li {width: 92%;height: auto;margin-left: 4%;padding-bottom: 10px;}
    .elder-other ul li.xxdc > div {height: 120px;line-height:120px;margin-top: 30px;}
    .elder-other ul li.xxdc > div i {margin-top: -25px;}
    .elder-wxwb {width: 100%;margin-top:0;}
    .elder-wxwb ul li {margin-top: 30px;text-align: center;}
    .elder-wxwb ul li span {width: auto;}

    .elder-other ul li.wbwx {width: 100%;margin-left: 0;margin-top: 50px;}
    .elder-other ul li.wbwx > div {width: 44%;margin-left:4%;float: left;line-height: 120px;height: 120px;}

    .elder-other{margin-bottom: 30px;}

    .elder-news ul li {padding-bottom: 70px;}
    .elder-news ul li span {width: 95%;}
    .elder-news ul li em {bottom:0;top:initial;}
    .other-handle {display: none;}
    .detail-msg span {margin: 0 20px;}

    .elder-pics ul li, .talk-list ul li {
        width: 46%;
    }
    .elder-pics ul li:nth-of-type(even), .talk-list ul li:nth-of-type(even) {
        margin-left: 7%;
    }
    .elder-pics ul li img,.talk-list ul li img {height: 200px;}
    .talk-list ul li dl dd {width: auto;}
    .tips-msg {margin-left: 20px;margin-right: 20px;}

    .older-leader-wrap {margin-left: 10px;margin-right: 10px;}
    .l-detail-pic,.l-detail-text {float: none;margin: 0 auto;}
    .l-detail-pic {width: 240px;}
    .l-detail-pic img {width: 100%;}
    .l-detail-text {width: 95%;margin-top: 50px;}
    .l-detail-text dl dt {margin-bottom: 15px;width: 30%;padding: 5px 0;}


    .elder-infor {margin: 20px 5%;}
    .elder-infor span {margin: 0 10px;}



}

@media screen and (max-width:414px) {
    .e-cont,.elder-content {width:100%;}
    .elder-hdp {height: 320px;}
    .elder-hdp p span {width: 80%;margin-left: 10px;}
    .elder-hdp p {height: 60px;line-height: 60px;font-size: 24px;}
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .swiper-pagination {
        bottom: 20px!important;
        right: 10px;

    }

    .elder-tr {background: none;}
    .elder-tl {width: 100%;text-align: center;margin-left: 0;}
    .elder-logo {width: 80%;display:inline-block;background-size: contain;background-repeat: no-repeat;}
    .elder-tl h3 {float: none;display: inline-block;}
    .elder-nav ul li {width: 44%;margin-left:4%;}
    .elder-nav ul li h4 {font-size: 30px;}
    .elder-other ul li.older-zq,.elder-other ul li.hjzq,.elder-other ul li.wbwx {width: 90%;background-position: 0 bottom;float: none;margin:0 auto 20px;}
    .elder-other ul li.older-zq span {margin-left: 50px;}

    .elder-wxwb ul li {text-align:left;}
    .elder-wxwb ul li span {width: 170px;}

    .elder-list {margin:35px 10px;}
    .elder-addrs {margin:0 10px;}
    .jj-wrap h4 span {width: 100%;}
    .elder-leader ul li {width: 40%;padding: 0;}
    .elder-leader ul li p:first-of-type {font-size: 22px;}

    .elder-pics ul li, .talk-list ul li {
        width: 90%;
        margin: 0 auto 50px;
        float: none;
    }
    .elder-pics ul li:nth-of-type(even), .talk-list ul li:nth-of-type(even) {
        margin-left: auto;
    }

    .elder-news-detail {padding: 0 15px;}
    .detail-msg span {display: block;margin: 10px 0;}
    .other-handle {display: none;}

    .handle-button a {margin: 30px;}

    .elder-nav ul li {height: 200px;}
    .elder-nav ul li i {width: 80px;height: 80px;margin: 20px auto;}
    .elder-nav ul li i.jj-icon {background-size:300%;background-position: 0 0;}
    .elder-nav ul li i.tp-icon {background-size:300%;background-position: -80px 0;}
    .elder-nav ul li i.st-icon {background-size:300%;background-position: -160px 0;}
    .elder-nav ul li i.sz-icon {background-size:300%;background-position: 0 -80px;}
    .elder-nav ul li i.zl-icon {background-size:300%;background-position: -80px -80px;}
    .elder-nav ul li i.zc-icon {background-size:300%;background-position: -160px -80px;}


    .infor-text span {display: block;line-height: 1.3;margin: 10px 0;}
    .elder-links span {margin: 0 10px;}

}