@media screen and (max-width: 1561px) {
  .page-index .section-live .media-box .left-img-box {
    width: 2.2rem;
  }
  .page-index .section-live .media-box .right-img-box {
    width: 2.2rem;
  }
  .page-index .section-live .right-img-box .img {
    margin-bottom: 0.08rem;
  }
}
@media screen and (max-width: 1441px) {
  .header-nav {
    font-size: 15px;
  }
  .header-nav .li {
    padding: 0 10px;
  }
  .header-action .act-btn {
    font-size: 14px;
  }
  .header .logo-wrap .logo-img {
    height: 40px;
  }
  .page-index .section-service .card-item .img-box {
    right: 1.25rem;
  }
   .w1440,
    .w1540,
    .w1320{
        width:91.2%;
    }
}
@media screen and (max-width: 1080px) {
  #pc-header {
    display: none;
  }
  #mobile-header {
    display: block;
  }
  .footer-center {
    text-align: left;
    padding-left: 112px;
    padding-top: 20px;
  }
  .footer .addrs-wrap {
    padding-top: 20px;
  }
  .page-index .section-live .media-box {
    width: 300px;
  }
}
@media screen and (max-width: 780px) {
  .footer-addrs {
    padding-left: 100px;
  }
}
@media screen and (max-width: 480px) {
    .comm-banner .bg{
        height:220px;
        background-size:cover;
    }
  .footer-desc {
    display: none;
  }
  .footer-center {
    text-align: left;
    padding: 20px;
  }
  .footer-wxicon {
    display: none;
  }
  .footer-phones .phone-tit {
    font-size: 16px;
  }
  .footer-phones .phone {
    font-size: 18px;
  }
  .footer-service {
    font-size: 16px;
  }
  .footer-addrs .addrs-tit {
    font-size: 16px;
  }
  .footer-addrs .info-item {
    font-size: 14px;
  }
  .footer-copyright {
    font-size: 14px;
    padding: 12px 5px;
  }
  .footer {
    background-size: contain;
    overflow: hidden;
  }
  .footer-addrs {
    padding-left: 5px;
    padding-right: 20px;
  }
  .shade-contact .btn-wrap,
  .shade-contact .img-wrap {
    width: 50px;
    height: 50px;
  }
  .shade-contact .img-wrap {
    background-size: 82%;
  }
  .shade-contact .txt {
    line-height: 50px;
  }
  .shade-contact .handler {
    height: 50px;
  }
  .comm-banner .single-tit {
    bottom: 12.4vh;
  }
  .comm-banner .bg img {
    height: 260px;
    -o-object-fit: fill;
       object-fit: fill;
  }
  .page-index {
    overflow: hidden;
  }
  .page-index .section {
    overflow: hidden;
    padding: 5.4vh 20px;
  }
  .page-index .section .theme-tit {
    font-size: 26px;
    text-align: center;
  }
  .page-index .section .theme-sub-tit {
    font-size: 15px;
  }
  .page-index .banner-tit {
    font-size: 26px;
  }
  .page-index .banner .img-wrap {
    padding-top: 2vh;
  }
  .page-index .section-live .use-now {
    margin: auto;
    font-size: 12px;
  }
  .page-index .section-live .main-box {
    width: 100%;
    padding-bottom: 33.2vh;
  }
  .page-index .section-live .around {
    top: 40px;
  }
  .page-index .section-live .media-box {
    top: 40px;
  }
  .page-index .section-live .main-content {
    width: 100%;
  }
  .page-index .section-live .media-box .left-img-box,
  .page-index .section-live .media-box .right-img-box {
    width: 2rem;
  }
  .page-index .section-scene .top-main {
    width: 100%;
  }
  .page-index .section-scene .tit-around {
    height: 200px;
  }
  .page-index .section-scene .theme-sub-tit img {
    display: none;
  }
  .page-index .section-scene .theme-tit {
    float: none;
  }
  .page-index .section-scene .code-box-wrap {
    float: none;
    text-align: center;
    margin-top: 30px;
  }
  .page-index .section-scene .code-box .img {
    width: 150px;
    height: 150px;
  }
  .page-index .section-scene .top-main {
    padding-bottom: 5.4vh;
  }
  .page-index .seciton-news .list-item {
    padding: 10px;
  }
  .page-index .seciton-news .list-item .tit {
    padding-top: 10px;
    font-size: 16px;
  }
  .page-index .seciton-news .list-item .date {
    padding-top: 10px;
    font-size: 12px;
  }
  .page-index .seciton-news .list-item .desc {
    font-size: 14px;
  }
  .page-index .seciton-news .list-item .img-wrap {
    margin-top: 20px;
  }
  .page-index .section .theme-tit {
    float: none;
  }
  .page-index .seciton-partner .partner-list {
    float: none;
    padding-left: 0;
    margin-top: 5.4vh;
    margin-bottom: -20px;
  }
  .page-index .seciton-partner .partner-list li {
    width: 33.333%;
    margin-bottom: 20px;
  }
  .page-index .seciton-partner .partner-list .img-box-wrap img {
    max-height: 16px;
  }
  .page-index .seciton-partner .change-btn {
    text-align: right;
  }
  .page-solution {
    overflow: hidden;
  }
  .page-solution .list-item {
    padding: 3.4vh 20px;
  }
  .page-solution .list-item .left {
    padding-right: 20px;
  }
  .page-solution .list-item .tit-info .tit {
    font-size: 20px;
  }
  .page-solution .list-item .desc {
    font-size: 14px;
  }
  .page-solution .list-item .right {
    margin-top: 2.4vh;
  }
  .join-banner .bg .bg-img {
    height: 280px;
    -o-object-fit: fill;
       object-fit: fill;
  }
  .join-banner .content-wrap .img-wrap img {
    height: 25px;
  }
  .join-banner .content-wrap .sub-tit {
    font-size: 15px;
    padding-top: 15px;
  }
  .join-banner .content {
    bottom: 20.5vh;
  }
  .page-join .section {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
  }
  .page-join .why-main {
    border-radius: 16px;
    padding: 7.4vh 0;
  }
  .page-join .section-tit {
    font-size: 18px;
  }
  .page-join .why-main .list {
    padding: 5.4vh 0;
  }
  .page-join .why-main .list .item {
    margin-bottom: 15px;
  }
  .page-join .why-main .list .name {
    font-size: 16px;
  }
  .page-join .why-main .list .desc {
    font-size: 14px;
    text-align:center;
  }
  .page-join .why-main .list .img {
    height: 120px;
  }
  .page-join .partner-main {
    padding: 5.4vh 0;
  }
  .page-join .partner-main .list li {
    margin-bottom: 20px;
  }
  .page-join .partner-main .list .item .name {
    font-size: 16px;
  }
  .page-join .partner-main .list .item .desc {
    font-size: 14px;
  }
  .page-join .section-steps .steps-main {
    padding: 5.4vh 0;
  }
  .page-join .section-steps .list .name {
    font-size: 16px;
  }
  .page-join .section-steps .list .desc {
    font-size: 14px;
  }
  .page-join .section-steps .list .item {
    margin-bottom: 20px;
  }
  .page-join .section-form .form-main {
    padding: 5.4vh 0;
  }
  .page-join .section-form .section-content {
    padding: 50px 20px;
  }
  .page-join .section-form .input-box {
    font-size: 15px;
    height: 40px;
    margin-bottom: 20px;
  }
  .page-join .section-form .input-box .label {
    height: 44px;
    line-height: 44px;
    font-size: 15px;
  }
  .page-join .section-form .input-box input {
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    padding-left: 50px;
  }
  .page-join .section-form .submit-btn {
    font-size: 15px;
    height: 40px;
  }
  .page-news .news-content {
    padding: 5.4vh 20px;
  }
  .page-news .list {
    padding-top: 0;
  }
  .page-news .list .tit {
    font-size: 16px;
  }
  .page-news .list .date {
    padding-top: 15px;
  }
  .page-news .list .desc {
    font-size: 14px;
    height:49px;
  }
  .page-news .list .date {
    font-size: 12px;
  }
  .news-detail .comm-banner .single-tit {
    padding: 0 12%;
    margin: auto;
  }
  .news-detail .comm-banner .single-tit {
    font-size: 18px;
  }
  .news-detail .comm-banner .sub-tit {
    font-size: 15px;
  }
  .news-detail .article-detail {
    font-size: 15px;
  }
  .news-detail .news-guid .guid-item .icon {
    display: none;
  }
  .news-detail .news-guid .cover-wrap {
    display: none;
  }
  .news-detail .news-guid .tit {
    float: left;
    text-align: left !important;
    padding: 0;
  }
  .news-detail .news-guid .guid-item {
    font-size: 14px;
    height: 35px;
    padding: 0;
    line-height: 35px;
    background: none;
  }
  .news-detail .news-guid .tit {
    padding: 0 15px;
    max-width: 100%;
    line-height: 35px;
  }
  .page-help .input-key {
    font-size: 15px;
  }
  .page-help .search-btn img {
    height: 16px;
  }
  .page-help .main .left {
    display: none;
  }
  .page-help .main .right {
    width: 100%;
    padding-left: 0;
    padding: 0 0 5.4vh 0;
  }
  .page-help .main .news-list {
    width: 100%;
    padding: 15px 20px 0;
  }
  .page-help .main .news-list .tit {
    font-size: 16px;
  }
  .page-help .main .news-list .date {
    font-size: 12px;
  }
  .page-help .main .news-list .desc {
    font-size: 14px;
  }
  .page-help .pagination-wrap {
    text-align: center;
  }
  .pagination-wrap .pagination-bar a,
  .pagination-wrap .pagination-bar .btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .page-help .help-navs {
    display: block;
  }
  .page-help .detail-info {
    text-align: center;
    padding: 20px;
  }
  .page-help .detail-info .tit {
    font-size: 18px;
  }
  .page-help .detail-info .date {
    font-size: 12px;
  }
  .page-help .detail-article {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-index .section-service .card-item .img-box {
    right: 0;
    width: 210px;
  }
  .page-index .section-live .media-box {
    width: 4.2rem;
  }
  .page-index .section-service .card-item .tit {
    font-size: 17px;
  }
  .page-index .section-service .card-item .desc {
    font-size: 13px;
  }
  .page-index .seciton-huoke .bg-wrap.on .left-top-bg {
    display: none;
  }
  .page-index .seciton-huoke {
    padding: 10.1vh 0;
  }
  .page-index .section-service {
    padding: 10.1vh 0;
  }
  .page-index .seciton-huoke .list-card .card-item {
    height: auto;
  }
  .page-index .seciton-huoke .list-card .card-head .num {
    font-size: 18px;
  }
  .page-index .seciton-huoke .list-card .card-tit {
    font-size: 16px;
  }
  .page-index .seciton-huoke .list-card .card-desc {
    font-size: 15px;
  }
  .page-index .section-scene .code-box p {
    font-size: 15px;
  }
  .page-index .seciton-huoke {
    height: auto;
  }
  .contact-dialog .code-box p {
    font-size: 13px;
  }
  .page-index .seciton-huoke .list-card .card-head .img-wrap .img {
    max-height: 40px;
  }
  .pagination-wrap .pagination-bar a,
  .pagination-wrap .pagination-bar .btn {
    margin: 0;
  }
}


/* 屏幕分辨率放大为 150 */
/* , (min-resolution: 120dpi)  */
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6) {
    .page-index .banner-wrap{
        margin-top:20vh;
    }
    .w1440,
    .w1540,
    .w1320{
        width:91.6%;
    }
}
/* 屏幕分辨率放大为 140 */
@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
(-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4) {
    .page-index .banner-wrap{
        margin-top:17vh;
    }
    .w1440,
    .w1540,
     .w1320{
        width:92.6%;
    }
}

/* 屏幕分辨率放大为 125 */
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28) {
    .page-index .banner-wrap {
        margin-top: 15vh;
    }
    .w1440,
    .w1540,
     .w1320{
        width:93.6%;
    }
}