@media (min-width: 981px) {
  .header .hdr {
    display: block !important;
  }
  .idx-type .tit br {
    display: none;
  }
}

@media (max-width: 980px) {
  body {
    padding-top: 55px;
    font-size: 0.2rem;
  }
  .header {
    padding: 0.15rem 0;
  }
  .header.fix {
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3);
  }
  .header .logo img {
    max-width: 1.65rem;
  }
  .header .nav li {
    margin-left: 0.56rem;
  }
  .header .hdr {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    float: none;
    display: none;
    background-color: #fff;
    padding: 0 0 15px 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .header .nav {
    padding: 0 15px;
    display: block;
  }
  .header .nav li {
    margin: 0.1rem 0;
  }
  .header .nav li a {
    display: block;
    padding: 0.1rem 0;
    font-size: 0.22rem;
  }
  .header .zx {
    margin-right: 0.65rem;
  }
  .header .zx a {
    padding: 0.08rem 0.2rem;
    font-size: 0.2rem;
  }
  .header .menuBtn {
    display: block;
    position: absolute;
    right: 15px;
  }
  .banner {
    padding: 0.5rem 0;
  }
  .banner .box1 .col1 .txt1 {
    justify-content: center;
  }
  .banner .box1 .col1 .txt2, .banner .box1 .col1 .txt3 {
    text-align: center;
  }
  .banner .box1 .col1 .txt4 {
    margin: 0.25rem 0;
  }
  .banner .box1 .col1 .txt5 li {
    margin: 0.15rem 0;
    padding-left: 0.35rem;
  }
  .banner .box1 .col1 .txt5 li:before {
    width: 0.24rem;
    height: 0.24rem;
  }
  .banner .box1 .col1 .txt6 {
    justify-content: center;
  }
  .banner .box1 .col2 {
    width: 100%;
    position: relative;
    margin: 0.25rem 0 0 0;
  }
  .banner .box1 .col2 .zs {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
  .banner .box1 .col2 .wrap {
    position: relative;
    width: 100%;
  }
  .banner .box1 .col2 .wrap .cont {
    padding: 0.25rem;
  }
  .banner .box1 .col2 .wrap .cont .list {
    padding: 0.2rem 0 0.1rem;
  }
  .banner .box1 .col2 .wrap .cont .list li .item .icon {
    width: 0.25rem;
  }
  .banner .box1 .col2 .wrap .cont .list li .item .icon img {
    width: 100%;
  }
  .banner .box1 .col2 .wrap .cont .quick a {
    padding: 0.25rem 0.2rem;
  }
  .banner .box2 {
    padding: 0;
  }
  .banner .box2 li {
    width: 48%;
    margin: 0.1rem 0;
  }
  .banner .box3 {
    margin-bottom: .25rem;
  }
  .idx1 .row1 ul::before {
    display: none;
  }
  .idx1 .row1 li {
    width: 50%;
    float: left;
  }
  .idx1 .row1 li .item {
    max-width: 90%;
    margin: 0 auto;
  }
  .idx1 .row1 li .item .desc {
    margin: 0.2rem auto;
    max-width: 100%;
    line-height: 1.35;
  }
  .idx1 .row1 li:last-child {
    width: 100%;
    margin-top: 25px;
  }
  .idx1 .row1 .dot {
    width: 100%;
    display: none;
    margin: 0.25rem 0;
  }
  .idx1 .row1 .dot img {
    transform: rotate(90deg);
  }
  .idx2 .row2 .txt {
    padding: 0.1rem 0.4rem;
    border-radius: 0.6rem;
    text-align: center;
    line-height: 1.3;
  }
  .idx2 .list li {
    width: 46%;
    margin: 0.15rem 0;
  }
  .idx2 .list .jt {
    display: none;
  }
  .idx3 .pkbox .pk {
    width: 100%;
    flex: auto;
    margin: 0.2rem 0;
    padding: 0.45rem 0.25rem;
    height: auto;
  }
  .idx3 .pkbox .vs {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .idx3 .pkbox .pk1 {
    background: linear-gradient(314deg, #00aaff 11%, #2f67e9 95%);
    padding-bottom: 1rem;
  }
  .idx3 .pkbox .pk2 {
    padding-top: 0.85rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.0001)), linear-gradient(137deg, #eff6ff -9%, #dbeafe 88%);
  }
  .idx4 .list li .item svg {
    width: 2.3rem;
    height: 2.3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .idx4 .list li .item .tit {
    font-size: 0.2rem;
  }
  .idx4 .list li .item .desc {
    font-size: 0.17rem;
  }
  .v-link {
    margin-top: 0.4rem;
  }
  .v-link .txt {
    padding: 0.12rem 0.4rem;
    border-radius: 0.5rem;
  }
  .idx6 .box1 .li {
    border-radius: .05rem;
    margin-bottom: .15rem;
  }
  .idx6 .box1 .li:nth-child(1) {
    background: #e6f6f0;
  }
  .idx6 .box1 .li:nth-child(2) {
    background: #e5f1ff;
  }
  .idx6 .box2 li {
    width: 100%;
  }
  .idx6 .box2 li .item {
    width: 100%;
  }
  .idx6 .box2 li .item .item-desc {
    margin: 0.2rem auto 0 auto;
    max-width: 65%;
    line-height: 1.65;
  }
  .idx6 .box3 .tabs li {
    padding: .1rem .2rem;
  }
  .idx-type {
    margin-bottom: .3rem;
  }
  .idx-type .tit {
    font-size: .26rem;
    line-height: 1.3;
  }
  .idx-type .desc {
    font-size: .17rem;
    line-height: 1.5;
  }
  .idx7 .col2 {
    width: 100%;
    margin-bottom: .25rem;
  }
  .idx7 .cont {
    flex-direction: column-reverse;
  }
  .idx9 .form-item {
    flex-wrap: wrap;
    margin-bottom: .1rem;
  }
  .idx9 .form-item .label {
    width: 100%;
    margin-bottom: .1rem;
  }
  .idx9 .form-item .cont input, .idx9 .form-item .cont textarea {
    height: .45rem;
  }
  .idx9 .form-item .cont textarea {
    height: 1.5rem;
  }
  .idx9 .chartbox {
    margin: .4rem 0 0 0;
    padding: .25rem;
  }
  .idx9 .chartbox .zs1 {
    left: -15px;
    top: 35%;
  }
  .idx9 .chartbox .chart-tit {
    margin-bottom: .1rem;
  }
  .idx9 .chartbox .chart-time .txt {
    padding: .1rem .1rem;
    flex-wrap: wrap;
    border-radius: .6rem;
  }
  .idx9 .chartbox .chart-time .txt .btn {
    margin-top: .05rem;
  }
  .idx9 .chartbox li {
    margin-bottom: .25rem;
  }
  .idx9 .chartbox li .chart-box {
    height: 2rem !important;
  }
  .idx10 .col1 {
    width: 100%;
    margin-top: 0;
  }
  .idx10 .col1 .pic {
    width: 100%;
    margin: 0;
  }
  .idx10 .col1 .pic li .fitImg2 {
    height: 0;
    padding-top: 63.33%;
  }
  .idx10 .col1 .list li .item .item-desc {
    margin: .2rem 0;
    line-height: 1.65;
  }
  .idx10 .col2 {
    width: 100%;
    margin: .25rem 0 0 0;
  }
  .idx10 .col2 .list {
    padding-top: .25rem;
  }
  /* footer */
  .footer .ft1 {
    padding: .25rem 0;
  }
  .footer .ft1 .col2 {
    margin: .35rem 0;
    padding-left: 0;
    text-align: center;
  }
  .footer .ft1 .col2 ul {
    display: block;
  }
  .footer .ft1 .col2 li {
    width: 55%;
    margin: .1rem 0;
    float: left;
  }
  .footer .ft1 .col2 li:nth-child(2n) {
    width: 40%;
    float: right;
  }
  .footer .ft1 .col3 {
    width: 100%;
    text-align: center;
  }
  .footer .ft1 .col3 .qrcode {
    width: auto;
    justify-content: center;
  }
  .footer .ft1 .col3 .qrcode .dd {
    width: 1.7rem;
    margin: 0 .25rem 0 0;
    flex-shrink: 0;
  }
  .footer .copyright {
    text-align: center;
    padding: .15rem 0;
    font-size: .18rem;
    line-height: 1.65;
  }
}