@media screen and (max-width:1024px) {
    .zmq-content {width: 100%;}
    .fj-change {top:-50px;right:20px;}
    /*.zmq-nav {width: 100%;box-sizing: border-box;}*/
    .zmq-nav {margin-left: 2%;}
    .zmq-search {width: 125px;}
    .zmq-search input[type="text"] {display: none;}
    .zmq-search input[type="button"] {width: 100%;background-position-x:42px; }
    .zmq-hdp {width: 100%;height: 625px;margin-right:0;}

    .hdp-right,.policy-wrap {width: 96%;margin-left: 2%;}
    .policy-wrap ul li dl {width: 70%;}
    .zmq-links h4 {display: none;}
    .zmq-links {width: 670px;}
    .zmq-mail {width: 296px;}
    .zmq-mail a::after {width: 238px;}

    .foot-t, .foot-b {width: 100%;}
    .foot-t ul li {width: 47%;}
    .foot-t ul li > span {width: 90%;}
    .foot-links {z-index: 999;width: 97%;}
    .foot-links span {width: 23%;}
    .ft-bs {margin-bottom: 40px;width: 100%;text-align: center;margin-left: 0;}
    .map-cont {margin-right: 5%;}

    .leader-info {width: 65%;}


    .zmq-address {padding-left: 2%;}
    .zmq-ct {padding-left:0;padding-right: 0;}
    .zmq-ct-l {width: 70%;margin-left: 3%;margin-right: 0;}
    .zmq-ct-r {width: 25%;}

    .zmq-list li {margin-left: 2%;margin-right: 2%;}
}
@media screen and (max-width:855px) {
    .zmq-head h1 {font-size: 56px;}
    .zmq-search {width: 400px;float: unset;margin-left:auto;margin-right: auto;}
    .zmq-nav {float: unset;width: 96%;}
    .zmq-search input[type="text"] {display: block;}
    .zmq-search input[type="button"] {width: 100px;background-position-x:25px; }
    .zmq-nav ul li a {padding-left: 26px;padding-right: 26px;}
    .zmq-hdp {height: 510px;}
    .policy-wrap ul li dl {width: 62%;}
    .zmq-links {width: 100%;box-sizing: border-box;}
    .zmq-links h4 {display: block;}
    .zmq-mail {width: 100%;margin-left: 0;margin-top: 0;}
    .zmq-mail a::after {width: 70%;left:15%;}

    .foot-t ul li {width: 46%;}
    .map-cont {bottom: 170px;}

    .zmq-menu ul li {margin-left: 20px;margin-right: 20px;}
}
@media screen and (max-width:768px) {
    .zmq-head h1 {font-size: 52px;}
    .zmq-nav ul li a {padding-left: 22px;padding-right: 22px;}
    .zmq-hdp {height: 475px;}
    .policy-wrap ul li dl {width: 58%;}
    .zmq-links ul li {width: 175px;}

    .foot-t ul li > span {overflow: hidden; white-space: nowrap;text-overflow:ellipsis;}
    .foot-t ul li > span::before {right: 15px;}

    .zmq-ct-l {width: 70%;}
    .institution-ct h4 span {margin-right: 50px;}
    .menu-title span {font-size: 38px;}
    .foot-links span {width:30%;}
    .news-detail p img {width:80%!important;height:auto !important;}
    .zc-title, .news-detail, .leader-e-wrap {padding-left: 3% !important;padding-right: 3% !important;}
}

@media screen and (max-width:580px) {
    .zmq-head h1 {font-size: 40px;}
    .zmq-head h1 span {font-size: 24px;}
    .zmq-nav {height: 140px;}
    .zmq-nav ul li a {padding-left: 62px;padding-right: 62px;}
    .hdp-right, .policy-wrap {width: 94%;margin-left: 3%;}


    .zmq-nav ul li:nth-of-type(2)::after {display: none;}
    .zmq-hdp {height: 360px;}
    .policy-wrap ul li dl{width: 46%;}
    .zmq-links h4 {display: none;}
    .zmq-links ul li {width: 165px;margin-left: 20px;}
    .foot-t ul li {width: 44%;}

    .map-cont {bottom: 245px;}

    .ft-txt {padding-left: 0;margin-left:3%;margin-right: 3%; }

    .zmq-ct-l {width: 94%;margin-top: 220px;margin-left: 3%;margin-right: 3%;}
    .zmq-ct-r {width: 100%;top:0;left:0;right:unset;height: auto;}
    .zmq-menu {position: unset;padding: 20px 0;}
    .zmq-menu ul {overflow: hidden;}
    .zmq-menu ul li {float: left;margin-top: 20px;margin-bottom: 20px;}
    .menu-title span {font-size: 34px;}

    .head-leader {padding-right: 0;padding-left: 3%;}
    .leader-info {width: 65%;}
    .leader-pic {margin-right: 30px;}

    .leader-detail {margin-left: 3%;margin-right: 3%;}

    .leader-activity ul li,.zmq-list li {padding-bottom:25px;}
    .leader-activity ul li em,.zmq-list li em {top:unset;bottom:0;right:3%;}
    .zmq-list li:nth-of-type(5n) {padding-bottom: 60px;}
    .zmq-list li:nth-of-type(5n) em {padding-bottom: 35px;}
    .zmq-list li span, .leader-activity ul li span {width: 100%;}
    .institution-ct {margin-right: 3%;}
    .leader-info span:last-of-type {margin-right: 0;}

    .leader-wrap ul li {margin-left: 15px;margin-right: 28px;}
    .foot-links span {width:45%;}

    .zc-title, .news-detail, .leader-e-wrap {
        margin-left: 4%;margin-right: 4%;
    }
   
}

@media screen and (max-width:540px) {
    .zmq-menu ul li {width: 50%;margin-left: 0;margin-right: 0;}
    .zmq-nav ul li {width:50%;}
    .zmq-nav ul li a {padding-left:50px;padding-right: 0;}
    .common-list h4 span {margin-right:60px;}
    .policy-wrap ul li dl {width:43%;}
    .policy-wrap ul li dl dt {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

    .zmq-links ul li {width:80%;margin-left:10%;height:220px;border:none;margin-top:40px;}
    .zmq-links {height:auto;}
    .zmq-links ul li img {width: 100%;}
    .map-cont {bottom:265px;}

    .zmq-hdp ul li a {display:block;height:100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
    .circular- {bottom:5px;}

    .zmq-head {height: 520px;}

}

@media screen and (max-width:430px) {
    .zmq-links {border: none;height: auto;}
    .zmq-links ul li {width: 84%;margin-left: 8%;height:200px;}
    .zmq-nav ul li {width:50%;}
    .zmq-nav ul li a {padding-left: 28px;padding-right: 0;}
    .zmq-search {width: 94%;margin-left: 3%;}
    .zmq-links ul li img {width: 100%;}
    .zmq-hdp {height: 260px;}


    .foot-t ul li {width: 94%;margin-left: 3%;}
    .ft-bs {text-align: left;margin-left: 5%;}
    .map-cont {bottom: 295px;}

    .policy-wrap ul li dl {width: 94%;margin-left: 3%;}
    .policy-wrap ul li img {width: 94%;margin-left: 3%;height: 200px;}

    .common-list ul li a {width: 100%;}

    .common-list h4, .policy-wrap h4 {font-size: 25px;}

    .common-list h4 span {margin-right: 35px;}

    .common-list ul li em {position: absolute;bottom:0;right: 0;}
    .common-list ul li {position: relative;padding-bottom: 30px;}
    .list-more {text-align: center;}

    .zmq-links ul li {margin-top: 40px;}

    .menu-title span {font-size: 30px;}
    .menu-title span::after {top:20px;}
    .head-leader  {padding-left: 0;}

    .leader-pic {float: unset;display:block;margin-left:auto;margin-right: auto;}
    .leader-info {width: 100%;text-align: center;}

    .leader-info span:last-of-type {margin-right: 0;}
    .institution-ct {margin-left: 0;}

    .institution-ct h4, .leader-activity h3 {font-size: 18px;}
    .institution-ct h4 span {margin-right: 35px;}

    .leader-wrap ul li {width: 106px;margin-left: 0;margin-right: 17px;margin-bottom: 10px;}
    .leader-wrap ul li span {height: 140px;}

    /*.zmq-menu ul li {margin-left:0;margin-right: 0;width: 50%;}*/
    .institution-ct h4 span:last-of-type {margin-right: 0;}
    .zmq-list h5 span {font-size: 28px;}
    .zmq-list h5 span::before {height: 28px;top:0;}

    .zmq-ct-l{margin-left: 5%;margin-right: 5%;width: 90%}

    .foot-links span {width:95%;}


}

@media screen and (max-width:400px) {
    .zmq-nav {border: none;}
    .zmq-nav ul li::after {display: none;}

    .zmq-nav ul li a{padding-left: 14px;}
    .zmq-head h1 {font-size: 36px;}

    .test span {font-size: 32px!important;padding: 30px 50px!important;}

    .common-list h4, .policy-wrap h4 {font-size: 22px;}
    .map-cont {bottom: 345px;}

    .policy-wrap ul li img {height: 160px;}

    .leader-wrap ul li {width: 100px;}
    .leader-wrap ul li span {height: 130px;}

    .zmq-head {height: 480px;}

}

@media screen and (max-width:390px) {
    .leader-wrap ul li {margin-right: 15px;}
    .institution-ct h4 span {margin-right: 25px;}
}
@media screen and (max-width:375px) {
    .leader-wrap ul li {margin-right: 10px;}
    .zmq-head h1 {font-size: 33px;}
    .institution-ct h4 span {margin-right: 20px;}
    .news-more span {margin-bottom:20px;}
    .news-more span a {width: 100%;display: block;margin-top: 10px;}
}

@media screen and (max-width:350px) {
    .common-list h4, .policy-wrap h4 {font-size: 20px;}
    .zmq-links ul li {height: 180px;}
    .zmq-nav ul li a {padding-left: 10px;}
    .zmq-menu ul li {font-size: 20px;}
    .leader-wrap ul li {margin-left: 22px;margin-right: 22px;}
    .institution-ct h4, .leader-activity h3 {font-size: 17px;}
    .map-cont {bottom:380px;}

}

@media screen and (max-width:320px) {
    .zmq-head h1 {font-size: 30px;}

    .institution-ct h4 span {margin-right: 10px;}

    .institution-ct {font-size: 16px;}

    .leader-wrap ul li {margin-left: 20px;margin-right: 20px;}
}