@media (max-width: 1200px) { .container { width: 1024px; }
  .wenda-main .item:nth-child(even) p { width: 76.5%; }
  .city-list ul li { width: 10%; } }
@media (max-width: 1024px) { .container { width: 100%; padding-left: 5px; padding-right: 5px; }
  .diqu-main .item-box1 p { width: 80%; }
  .pop-qrcode { top: auto; bottom: 30px; width: auto; }
  .pop-qrcode .san { display: none; }
  .pop-qrcode .pop-main { width: auto; }
  .pop-qrcode .pop-main img { max-width: 100px; padding: 8px; }
  .pop-qrcode .pop-main strong { height: 40px; padding-top: 17px; font-size: 14px; background-size: contain; } }
@media (max-width: 768px) { .diqu-main .item-box1 .wrapper { padding-top: 20px; padding-bottom: 20px; }
  .diqu-main .item-box1 .title { float: none; width: 100%; text-align: center; padding-top: 0; }
  .diqu-main .item-box1 .title:after { width: 60px; margin-left: auto; margin-right: auto; }
  .diqu-main .item-box1 p { float: none; width: 100%; margin-top: 20px; }
  .diqu-main .item-box2 .pic, .diqu-main .item-box2 p { float: none; width: 100%; }
  .diqu-main .item-box2 .pic { width: 50%; margin-left: auto; margin-right: auto; }
  .diqu-main .item-box2 p { margin-top: 20px; }
  .diqu-main .item-box3 .title, .diqu-main .item-box3 .list { float: none; width: 100%; }
  .diqu-main .item-box3 .title { text-align: center; margin-left: 0; padding-top: 0; }
  .diqu-main .item-box3 .title:after { width: 60px; margin-left: auto; margin-right: auto; }
  .diqu-main .item-box3 .list { margin-top: 20px; }
  .taocan .list { padding: 0; }
  .taocan .list .item { height: auto; padding: 0 10px; padding-bottom: 40px; }
  .taocan .list .item .tit h3 { font-size: 20px; }
  .taocan .list .item .tit h2 { font-size: 22px; }
  .taocan .list .item .tit a { width: 165px; font-size: 20px; }
  .taocan .list .item .info ul li:before { left: 15%; }
  .taocan .list .item .info p { line-height: 2; font-size: 12px; }
  .taocan .list .item .info h4 { margin-top: 20px; }
  .taocan .list .tc-box2 { width: 35%; }
  .wenda-main .item .head-pic { width: 6.5%; margin-right: 30px; }
  .wenda-main .item p { line-height: 25px; padding: 12.5px; font-size: 16px; }
  .wenda-main .item p:before { height: 50px; }
  .wenda-main .item:nth-child(even) .head-pic { margin-left: 30px; }
  .city-list ul li { width: 12.5%; }
  .city-list ul li a { line-height: 30px; font-size: 14px; } }
@media (max-width: 576px) { .diqu-main { padding-top: 30px; padding-bottom: 30px; }
  .diqu-main .item-box1 { padding: 10px; }
  .diqu-main .item-box1 .wrapper { padding-left: 15px; padding-right: 15px; }
  .diqu-main .item-box1 .title h1 { font-size: 22px; }
  .diqu-main .item-box1 .title h2 { font-size: 16px; }
  .diqu-main .item-box1 .title:after { width: 40px; height: 2px; margin-top: 10px; }
  .diqu-main .item-box1 p { line-height: 2; font-size: 14px; }
  .diqu-main .item-box2 .pic { width: 100%; }
  .diqu-main .item-box2 .pic img { width: 100%; }
  .diqu-main .item-box2 p { line-height: 2; font-size: 14px; }
  .diqu-main .item-box3 { padding: 20px 10px; }
  .diqu-main .item-box3 .title h3 { font-size: 22px; }
  .diqu-main .item-box3 .title h4 { font-size: 16px; }
  .diqu-main .item-box3 .title:after { width: 20px; height: 2px; margin-top: 5px; }
  .diqu-main .item-box3 .list ul li { float: none; width: 100%; line-height: 2.2; padding-left: 15px; font-size: 14px; }
  .diqu-main .item-box3 .list ul li:before { width: 5px; height: 5px; }
  .taocan { padding-top: 30px; padding-bottom: 30px; }
  .taocan .list .item { position: static; float: none; width: 100%; margin-top: 20px; margin-bottom: 20px; }
  .taocan .list .item .info ul li:before { left: 33%; top: 21px; width: 5px; height: 5px; }
  .wenda-main .item .head-pic { width: 10%; margin-right: 20px; }
  .wenda-main .item p { width: 75% !important; line-height: 20px; padding: 10px; font-size: 14px; }
  .wenda-main .item p:before { left: -10px; width: 10px; height: 40px; }
  .wenda-main .item:nth-child(even) .head-pic { margin-left: 20px; }
  .wenda-main .item:nth-child(even) p:before { right: -10px; }
  .city-list ul li { width: 20%; }
  .city-list ul li a { line-height: 25px; font-size: 12px; }
  .pop-qrcode { right: 10px; bottom: 10px; } }
@media (max-width: 320px) { .taocan .list .item { position: static; float: none; width: 100%; }
  .taocan .list .item .info ul li:before { left: 28%; }
  .wenda-main .item .head-pic { width: 12.5%; } }