@media (min-width: 768px){
.contain {
    width: 750px;
}
}
@media (min-width: 992px){
.contain {
    width: 970px;
}
}
@media (min-width: 1200px){
.contain {
    width: 1170px;
}
}
@media (min-width: 1240px){
.container{
    width:1210px;
} 
}
@media (max-width: 1300px){
.letters-hall-xf li {
    padding: 0 25px;
}
.letters-hall-xf {
    margin: 0 -25px;
    margin-top: 30px!important;
}
}
@media (max-width: 1239px){
.marft24 {
    margin-left: -29px!important;
}
.yell-bg-tj{
    margin-left: 141px;
}
.thumbnailer {
    width: 605px;
}
.the-headlines{
    width: 455px;
}
.jinqizs {
    width: 665px;
}
.zwgongk-box{
    width: 450px;
}
.resumeContent li label{
    width: 87%;
}
}
@media (max-width: 1199px){
.shoujh{
    width: 21%;
}
.marft24 {
    margin-left: -27px!important;
}
.line-border input {
    width: 170px;
}
.yell-bg-tj {
    margin-left: 115px;
}
.header p, .header h1{
    padding-left: 0;
}
.letters-hall-list li, .three-xinf .col-md-4,.Organization-list li {
    padding: 0 10px;
}
.letters-hall-list, .three-xinf {
    margin: 0 -10px;
}
.Organization-list{
    margin: 0 -10px;
    padding-top: 30px!important;
}
.photo-News-list .photo-News-tu {
    height: 137px;
}
.complaint-content{
    padding: 35px 20px 20px 20px;
}
.complaint-qu-box{
    padding: 22px 15px 20px 15px;
}
.yuyue-xf a:nth-child(1){
    margin-right: 5px;
}
.yuyue-xf{
    right: 15px;
}
.complaint-qu h4 span{
    width: 160px;
}
.the-headlines {
    width: 360px;
}
.thumbnailer {
    width: 500px;
}
.thumbnailer .slider__item img{
    height: 307px;
}
.thumbnailer .preview img{
    height: 85px;
}
.headlines-liset li {
    padding: 8px 0;
}
.headlines-conter{
    padding-bottom: 22px;
}
.Hall{
    padding-right: 0;
}
.zwgongk-box {
    width: 375px;
}
.jinqizs {
    width: 540px;
}
.zhengj-tu{
    height: 180px;
}
.visit-appointment a{
    width: 118px;
}
.txtContent .my-proposal {
    width: 700px;
}
.resumeContent li label{
    width: 85%;
}
.LaContent li p{
    width: 88%;
}
.ld-conter{
    width: 85%;
}
.suggestions h1{
    padding-left: 100px;
}
.logo-comuen {
    width: 790px;
}
}
@media (max-width: 991px){
.puoper, .thumbnailer, .the-headlines,.zwgongk-box, .jinqizs{
    width: 100%;
}
.shoujh, .ipone-yam {
    width: 25%;
}
.marft24 {
    margin-left: -15px!important;
}
.jd-wm{
    width: 380px;
    right: -90px;
}
.yell-bg-tj {
    margin-left: 171px;
}
.box-conter{
    padding: 25px 20px 20px 20px;
}
.zhengj-tu{
    height: 134px;
}
.index-line{
   padding: 23px 26px 40px 26px;
}
.letters-hall{
    padding: 28px 26px 9px 26px;
}
.letters-hall-list li,.Organization-list li{
    width: 33.333%;
}
.three-xinf01{
    margin-bottom: 20px;
}
.photo-News-list .photo-News-tu {
    height: 102px;
}
.photo-News{
    margin-top: 0;
}
.complaint-guide{
    padding: 30px 20px 30px 20px;
}
.visit-appointment, .review{
    float: none;
    margin-top: 20px;
    display: block;
}
.visit-appointment a{
    margin: 0 auto;
}
.reception-time{
    margin-left: 145px;
}
.reception-time li {
    margin-right: 10px;
}
.reception-time label{
    padding: 1px 19px;
}
.review{
    display: flex;
    justify-content: center;
}
.complaint-qu h4 span {
    width: auto;
}
.yuyue-xf {
    position: static;
    margin-top: 15px;
}
.yuyue-xf a:nth-child(1) {
    margin-right: 20px;
}
.xw-middle{
    padding: 19px 17px 22px 17px;
}
.thumbnailer{
    margin-bottom: 20px;
}
.thumbnailer .slider__item img {
    height: 420px;
}
.thumbnailer .preview img {
    height: 100px;
}
.tup-pic .photo-News-list li {
    padding: 0 6px;
}
.tup-pic .photo-News-list {
    margin: 0 -6px;
    margin-top: 18px;
}
.Area li{
    width: 20%;
}
.five-affairs{
    width: 33.333%;
    margin-bottom: 20px;
}
.zwgongk-box{
    margin-top: 6px;
}
.Letter-chaxun select{
    background: url(../img/sjx.png) 139px no-repeat;
}
.mailboxForm li textarea,.complaint-qu li{
    width: 100%;
}
.visit-appointment{
    overflow: hidden;
    display: flex;
}
.txtContent .my-proposal {
    width: 530px;
}
.webuploader-pick em{
    float: left;
    width: 200px;
    text-align: center;
}
.webuploader-pick img{
    float: left;
}
.z_photo{
    width: 79%;
}
.complaint-qu-box{
    height: auto;
}
.resumeContent li label{
    width: 81%;
}
.LaContent li p{
    width: 85%;
}
.ld-conter {
    width: 81%;
}
.logo-comuen {
    width: 700px;
}
.theme-collection .item a{
    width: 33.333%!important;
    margin-bottom: 20px;
}
}
@media (max-width: 767px){
.yell-bg-tj {
    margin-left: 0;
    margin: auto;
}
.creditcode-table table{
    table-layout: auto;
}
.header h1 {
    font-size: 46px;
}
.header p{
    font-size: 26px;
}
.zhengj-tu{
    height: 193px;
}
.share1{
    display: none;
}
.photo-News-list li{
    width: 33.3333%;
    margin-bottom: 20px;
}
.photo-News{
    padding: 15px 20px 25px 20px;
}
.photo-News-list .photo-News-tu {
    height: 126px;
}
.complaint-qu h4 span{
    width: 100%;
    display: block;
    margin-top: 10px;
}
.complaint-qu h4{
    overflow: hidden;
}
.thumbnailer .slider__item img {
    height: 380px;
}
.Letter-chaxun input {
    width: 260px;
}
.Letter-chaxun select {
    width: 150px;
    background: url(../img/sjx.png) 121px no-repeat;
}
.txtContent .my-proposal {
    width: 450px;
}
.webuploader-pick input{
    width: 100px;
}
.z_photo{
    width: 76%;
}
.complaint-navr li {
    padding: 0 35px;
}
.resumeContent li label{
    width: 79%;
}
.ld-conter {
    width: 79%;
}
.logo-comuen, .logo-comuen  {
    width: 100%;
}
}
@media (max-width: 680px){
.header p {
    font-size: 22px;
}
.zhengj-tu {
    height: 167px;
}
.photo-News-list .photo-News-tu {
    height: 104px;
}
.complaint-navr li {
    padding: 0 30px;
}
.Area {
    padding: 30px 20px 20px 20px;
}
.Letter-chaxun input {
    width: 160px;
}
.letter-zd-jy span a{
    font-size: 16px;
}
.letter-zd-jy span{
    display: block;
}
.leter-num{
    font-size: 14px;
    margin-left: 0;
    margin-top: 15px;
}
.brief .Article-time span{
    margin-right: 0;
    display: block;
    margin-bottom: 15px;
}
.txtContent .my-proposal {
    width: 360px;
}
.webuploader-pick input {
    width: 100px;
}
.webuploader-pick em{
    width: 145px;
}
.z_photo{
    width: 72%;
}
.upimg-div .up-section {
    width: 160px;
    height: 150px;
}
.resumeContent li label{
    width: 76%;
}
.LaContent li p{
    width: 81%;
}
.ld-conter {
    width: 75%;
}
.Organization-list li{
    width: 50%;
}
.jd-wm{
    width: 200px;
    right: -30px;
}
}
@media (max-width: 580px){
.form-mzi, .yzm-k{
    width: 72%;
}
.header h1 {
    font-size: 34px;
}
.shoujh, .ipone-yam, .nameing  {
    width: 28%;
}
.line-border input {
    width: 160px;
}
.form-mzi input, .yzm-k input{
    padding-left: 10px;
}

.slogan{
    padding-left: 40px;
}
.zhengj-tu {
    height: 137px;
}
.news-slider .item a{
    height: 350px;
}
.letters-hall-list li, .photo-News-list li{
    width: 50%;
}
.submit-proposal span{
    margin-right: 50px;
}
.complaint-guide-time span,.reception-time label,.reception-time p,.visit-appointment a{
    font-size: 18px;
}
.reception-time li {
    margin-right: 0px;
    margin-bottom: 15px;
}
.complaint-navr li {
    padding: 0 10px;
}
.thumbnailer .slider__item img {
    height: 260px;
}
.thumbnailer .preview img {
    height: 80px;
}
.Area li{
    padding: 0 10px;
    width: 25%;
}
.Area ul{
    margin: 0 -12px;
}
.five-affairs{
    width: 50%;
}
.Letter-chaxun input {
    width: 100%;
    float: none;
    margin-bottom: 15px;
}
.Letter-chaxun{
    display: block;
}
.submit-title{
    margin-bottom: 0;
}
.wxWrap01 li {
    padding: 0 3px;
}
.wd-mess {
    width: auto;
    text-align: left;
}
.resumeTitle .resume-tips{
    margin-left: 0;
    margin-bottom: 10px;
}
.resumeTitle input{
    margin-bottom: 0;
}
.txtContent .my-proposal {
    width: 100%;
}
.txtContent .checkbox-inline{
    display: block;
    margin-left: 115px;
}
.webuploader-pick input {
    width: 100px;
    float: left;
}
.webuploader-pick,.pic-Upload{
    margin-top: 30px;
}
.Cancel .btn{
    margin-left: 81px;
}
#ctlBtn{
    margin-top: 10px;
    margin-left: 88px;
}
.webuploader-pick em {
    width: 115px;
}
.Cancel .btn:nth-child(2) {
    margin-left: 12px;
}
.z_photo{
    width: 77%;
}
.upimg-div .up-section {
    width: 134px;
    height: 124px;
}
.resumeContent li label{
    width: 70%;
}
.LaContent li p{
    width: 76%;
}
.ld-conter {
    width: 70%;
}
.Organization-list li a .iconfont{
    font-size: 38px;
}
.theme-collection .item a{
    width: 50%!important;
}
}
@media (max-width: 515px){
.big-title h2{
    width: 397px;
    letter-spacing: 1px;
}
}
@media (max-width: 480px){
.nameing, .yell-bg-tj, .serceh-datel a,.Cancel .btn,.Organization-list li a p{
    font-size: 16px;
}
.form-mzi input, .yzm-k input, .creditcode-table tbody tr td, .creditcode-table thead tr td,
.theme-collection .item h4, .zhengj-tu span, .public-section li a,.public-section .time,
.news-Center-list li a, .letters-hall-list li a p, .three-list003 li a,.photo-News-list li p,
.reply span,.reply p, .my-proposal, .headlines-liset li a, .hover-show li a, .Letter-chaxun select,
.Letter-chaxun input, .brief_content p,.brief .Article-time,.resumeContent li span,
.resumeContent li label,.ld-conter p{
    font-size: 14px;
}
.shoujh, .ipone-yam, .nameing {
    width: 100%;
    text-align: left!important;
    padding: 0 0 6px 14px!important;
}
.form-mzi, .yzm-k, .complaint-qu li,.resumeContent li label {
    width: 100%;
}
.submit-title{
    margin-top: 30px;
}
.puoper{
    margin-bottom: 15px;
    float: none;
}
.yell-bg-tj{
    width: 115px;
    margin-top: 40px;
}
.creditcode-table tbody tr td{
    height: auto;
    padding: 15px 30px;
}
.header h1 {
    font-size: 32px;
}
.header p,.brief .Article-title {
    font-size: 20px;
}
.slogan{
    font-size: 18px;
    padding-left: 17px;
}
.guild-txt{
    font-size: 14px;
    line-height: 30px;
}
.brief .Article-title{
    padding: 0;
}
.guild-btn a, .complaint-qu h4{
    font-size: 18px;
}
.guild-btn a{
    width: 130px;
}
.zhengj-tu {
    height: 115px;
}
.theme-collection .owl-nav button{
    width: 38px;
    height: 40px;
}
.public-section li, .jinqizs .public-section li {
    padding: 10px 0;
}
.public-section li:last-child {
    padding-bottom: 5px;
}
.public-section .time, .news-Center-list .time, .Article-fixed{
    display: none;
}
.public-section li a, .news-Center-list li a{
    width: 100%!important;
}
.picTextList .picTextList-pic {
    width: 115px;
}
.picTextList .picTextList-conter {
    margin-left: 128px;
}
.Article-box{
    margin-bottom: 40px;
}
.news-slider .item a{
    height: 240px;
}
.index-line {
    padding: 23px 20px 25px 20px;
}
.news-slider .item a .title, .mailboxForm li span,.ld-conter h4 a{
    font-size: 16px;
}
.news-Center-list li{
    padding: 10px 5px;
}
.news-Center-list{
    margin-top: 10px;
}
.big-title h2{
    font-size: 26px;
    width: 309px;
}
.letters-hall {
    padding: 28px 20px 9px 20px;
}
.photo-News-list .photo-News-tu {
    height: 100px;
}
.give-advicer {
    padding: 20px 20px 39px 20px;
    margin-bottom: 30px;
}
.reply{
    padding: 15px 15px;
}
.yj-pic{
    width: 305px;
}
.submit-proposal span{
    display: block;
}
.header{
    height: 431px!important;
    background: url(../img/top-img480.png) top center !important;
    background-size: cover!important;
}
.big-title h2:before{
    width: 80px;
}
.big-title h2:after{
    width: 83px;
}
.big-title h2 a{
    padding-left: 3px;
}
.photo-News, .margin-bottom65{
    margin-bottom: 30px;
}
.letters-hall-list .iconfont {
    font-size: 30px;
}
.letters-hall-list li a{
    padding-top: 16px;
}
.letters-hall-list .icon-xiaoxi {
    font-size: 26px;
}
.letters-hall-list .letters-hall0002 {
    padding-top: 22px;
}
.complaint-guide h3{
    font-size: 22px;
}
.complaint-guide-time span{
    float: none;
}
.reception-time {
    margin-left: 0;
    margin-top: 15px;
}
.visit-appointment, .review{
    margin-top: 10px;
}
.complaint-guide-time span, .reception-time label, .reception-time p, .visit-appointment a,
.headlines-conter h4 , .Area li a{
    font-size: 16px;
}
.complaint-navr li a{
    font-size: 20px;
}
.complaint-navr li a{
    padding: 10px 16px!important;
}
.complaint-guide-tab{
    padding-top: 5px;
}
.reception-time li {
    margin-right: 10px;
}
.thumbnailer .preview a{
    padding: 0 2px;
}
.thumbnailer .preview {
    margin: 0 -2px;
    margin-top: 12px;
}
.thumbnailer .preview img {
    height: 65px;
}
.thumbnailer .slider__item img {
    height: 198px;
}
.tup-pic{
    padding-bottom: 25px;
}
.Area li{
    width: 33.333%;
}
.complaint-navr li {
    padding: 0 5px;
}
.zwdt {
    margin-top: 30px;
}
.five-affairs .iconfont{
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.five-affairs .iconfont{
    font-size: 32px;
}
.five-affairs .icon-juece {
    font-size: 36px;
}
.five-affairs p{
    font-size: 18px;
}
.five-affairs>div{
    padding: 25px 0;
}
.hover-show{
    top: 163px;
}
.hover-show li a{
    padding-left: 12px;
    background: url(../img/dot.png) 1px center no-repeat;
}
.Letter-chaxun .yell-bg-tj{
    margin-top: 15px;
}
.arrange-columns .text-center {
    margin-top: 10px;
}
.arrange-columns {
    margin-top: 20px;
    margin-bottom: 40px;
}
.suggestions h1{
        margin-top: 20px;
    margin-bottom: 42px;
    text-align: center;
}
.suggestions h1:before{
    position: static;
    margin: auto;
    margin-bottom: 15px;
}
.suggestions-boxer .guild-btn {
    margin-bottom: 90px;
}
.suggestions h1 span {
    letter-spacing: 0;
    text-align: center;
}
.suggestions-boxer {
    margin-top: 40px;
}
.txtContent{
    margin-top: 0;
}
.suggestions h1 {
    padding-left: 0;
}
.wd-mess{
    width: 100%;
}
.txtContent .checkbox-inline{
    margin-left: 0;
    padding-left: 0;
}
.Cancel .btn{
    width: 115px;
}
#ctlBtn {
    margin-left: 0;
}
.webuploader-pick input{
    width: 200px;
    float: none;
}
.webuploader-pick img{
    margin-top: 15px;
}
.webuploader-pick em{
    margin-top: 13px;
    width: 220px;
}
.Cancel .btn {
    margin-left: 0;
}
.z_photo{
    width: 100%;
}
.upimg-div .up-section {
    width: 100px;
    height: 90px;
}
.Hall-t li a p{
    font-size: 16px;
}
.Hall-t li a{
    height: 130px;
    padding-top: 20px;
}
.Hall-t li a i{
    width: 50px;
}
.weui-tab__panel h4{
    font-size: 18px;
}
.weui-tab__panel p span{
    font-size: 14px;
}
.weui-btn{
    font-size: 16px;
}
.weui-picker__item, .weui-btn{
    display: block;
    margin: 60px auto;
}
.weui-btn_mini{
    top: 11px;
    margin-top: 0;
}
.date-lettern span{
    width: 100%;
}
.LaContent li p{
    width: 74%;
    line-height: 24px;
}
.ld-conter{
    margin-left: 15px;
    width: 64%;
}
.ld-conter p{
    text-align: justify;
}
.Organization-list li a{
    padding: 20px;
}
.Organization-list li:last-child a{
    padding-bottom: 0px;
}
.Organization-list li:last-child a p{
    line-height: 22px;
}
.logo-comuen{
    padding-left: 9px;
}
.Area li a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theme-collection .item h4{
    min-height: 32px;
}

}
@media (max-width: 380px){
.form-mzi, .yzm-k {
    width: 110%;
}
.jd-wm {
    right: -15px;
}
.line-border input {
    width: 140px;
}
.header h1 {
    font-size: 28px;
}
.guild-btn a {
    width: 110px;
}
.picTextList .picTextList-pic {
    width: 105px;
    height: 100px;
}
.picTextList .picTextList-conter {
    margin-left: 118px;
}
.picTextList-conter h4{
    margin-top: 2px;
}
.news-slider .item a {
    height: 190px;
}
.letters-hall02 p:after, .letters-hall04 p:after{
    width: 102px!important;
}
.photo-News-list .photo-News-tu {
    height: 80px;
}
.yj-pic{
    width: 100%;
    height: auto;
}
.big-title h2{
    width: 248px;
}
.big-title h2:before {
    width: 48px;
}
.big-title h2:after {
    width: 50px;
}
.complaint-navr li {
    padding: 0;
}
.thumbnailer .slider__item img {
    height: 160px;
}
.thumbnailer .preview img {
    height: 50px;
}
.Letter-chaxun select {
    width: 110px;
    background: url(../img/sjx.png) 81px no-repeat;
}
.Area li a{
    padding: 0 2px;
}
.webuploader-pick em{
    width: 165px;
}
.LaContent li p{
    width: 67%;
}
.ld-conter {
    width: 55%;
}
.Organization-list li a{
    padding: 20px 10px;
}
}