﻿/* 大屏幕 ：小于等于2000px*/
@media (max-width: 2000px) {
  .m-carousel-list .m-carousel-btn {
    left: 19% !important;
    bottom: 17% !important;
  }
}
/* 大屏幕 ：小于等于1800px*/
@media (max-width: 1800px) {
  .m-carousel-list .m-carousel-btn {
    left: 18% !important;
    bottom: 18% !important;
  }
}
/* 大屏幕 ：小于等于1600px*/
@media (max-width: 1600px) {
  .m-carousel-list .m-carousel-btn {
    left: 12% !important;
  }
}
/* 大屏幕 ：小于等于1366px*/
@media (max-width: 1366px) {
}
/* 大屏幕 ：小于等于1200px*/
@media (max-width: 1200px) {
  .contact-item {
    display: none;
  }
  .nav-container {
    width: 80% !important;
  }
  .m-carousel .bd .tempWrap {
    height: 293px !important;
  }
  .m-carousel-list li {
    background-image: url(../image/banner_ph@2x.png) !important;
  }
  .banner-content-footer .newSlogan {
    width: 380px !important;
    /* height: 186px !important; */
    background-size: 380px 100% !important;
  }
  .banner-content-footer .newSlogan .fr .des {
    display: flex;
    flex-direction: column;
  }
  .banner-content-footer .newSlogan .fr .des .desc-separator {
    display: none;
  }
}

/*默认*/
@media (max-width: 980px) {
  .nav-container .nav-list {
    width: 60% !important;
  }
  .banner-content-footer .newSlogan {
    width: 230px !important;
    height: 186px !important;
    background-size: 230px 100% !important;
  }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 768px) {
  .nav-container {
    width: 95% !important;
    height: 55px !important;
  }
  .m-carousel {
    padding-top: 55px !important;
  }
  .m-carousel-list .m-carousel-btn {
    left: 5% !important;
    bottom: 24% !important;
  }
  .logo-box {
    display: inline-block;
    width: 66px;
    height: 24px;
    background-image: url(../image/pic_logo_w132_red@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .nav-container .nav-list {
    display: none !important;
  }
}

@media (min-width: 480px) {
  #ph-slider-box {
    display: none !important;
  }
  .ph-co-branding-list {
    display: none !important;
  }
  .ph-honor-wall-box {
    display: none !important;
  }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
  .m-carousel-list .m-carousel-btn {
    left: 5% !important;
    bottom: 24% !important;
  }

  #slider-box {
    display: none !important;
  }
  .section.top .banner-home {
    height: 98px !important;
    margin-bottom: -30px !important;
  }
  .banner-content-footer {
    display: flex !important;
    justify-content: center !important;
    top: -50% !important;
    width: 100% !important;
  }
  .banner-content-footer .newSlogan {
    width: 30% !important;
    height: 103px !important;
    background-image: url(../image/ph_bg_abs@2x.png) !important;
    background-size: contain !important;
    margin: 0 5px !important;
  }
  .banner-content-footer .newSlogan:nth-child(2) {
    margin: 0 !important;
  }
  .banner-content-footer .newSlogan .fr {
    width: 85% !important;
    margin-top: -10px !important;
    padding-left: 5px !important;
  }
  .banner-content-footer .newSlogan .fr .title {
    margin-bottom: 5px !important;
    font-size: 16px !important;
  }
  .banner-content-footer .newSlogan .fr .des {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  #ph-slider-box {
    overflow: visible !important;
  }
  .slider-box {
    display: flex !important;
    justify-content: flex-start !important;
    width: 350px !important;
    height: 344px !important;
    margin: 30px auto 30px;
  }
  .slider-box .swiper-slide {
    display: flex !important;
    justify-content: center !important;
  }
  .slider-box .card {
    margin: 0 6px !important;
    width: 350px !important;
  }
  .slider-box .card .card-content .card-logo {
    margin-top: 30px;
    width: auto;
    height: 38px;
    background-size: auto 38px;
    visibility: visible;
  }
  .slider-box .card .card-content .card-title {
    font-size: 52px;
  }
  .slider-box .card .card-content .card-desc {
    margin-bottom: 30px;
    visibility: visible;
    font-size: 16px;
  }

  /* 业务模式 */
  .business-items {
    width: 100%;
    margin: 50px auto;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .business-items .model-title h3 {
    font-size: 32px;
  }
  .business-items .model-title p {
    padding: 0 20px;
    font-size: 16px;
  }
  .model-list .items-list-item {
    width: 50px;
  }
  .model-list .items-list-item .list-item-icon {
    width: 38px;
    height: 38px;
  }
  .model-list span {
    font-size: 14px;
    white-space: nowrap;
  }
  .items-list-item-split {
    width: 60px;
    height: 15px;
    margin: 0 -5px 20px;
  }
  .items-list-item-split span {
    margin-left: 0;
    font-size: 12px;
    line-height: 16px;
  }

  /* 业务优势 */
  .advantages {
    padding: 30px 0;
  }
  .advantages-title h3 {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 32px;
  }
  .advantages-list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .advantages-list:last-child .items-list-item:last-child {
    width: calc(100% - 20px) !important;
  }
  .advantages-list .items-list-item {
    width: 45%;
    height: auto;
    margin: 10px 5px;
    padding: 15px 20px;
    flex-shrink: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }
  .advantages-list .items-list-item:hover {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .advantages-list .items-list-item .list-item-icon {
    width: 72px;
    height: 72px;
  }
  .advantages-list .items-list-item .item-title {
    margin: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
  }
  .advantages-list .items-list-item .item-desc {
    width: 120px;
    font-size: 14px;
  }
  .advantages-list:last-child .items-list-item:last-child .item-desc {
    width: 300px;
  }

  /* 合作伙伴 */
  .co-branding-list {
    display: none;
  }
  .co-branding {
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
  }
  .co-branding h3 {
    font-size: 32px;
  }
  .ph-co-branding-list {
    width: 100%;
    padding: 15px 28px;
    overflow: hidden;
    box-shadow: inset 0 0 30px #fff;
    box-sizing: border-box;
  }
  .ph-co-branding-list .bd ul {
    text-align: center;
  }
  .ph-co-branding-list .bd ul li {
    float: left;
  }
  .ph-co-branding-list .bd ul li img {
    width: 373px;
    /* height: 257px; */
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ph-co-branding-list .hd {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .ph-co-branding-list .hd ul {
    float: right;
    margin-top: 10px;
    overflow: hidden;
    zoom: 1;
  }
  .ph-co-branding-list .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../image/icoCircle.gif) 0 -9px no-repeat;
  }
  .ph-co-branding-list .hd ul li.on {
    background-position: 0 0;
  }

  /* 加入我们 */
  .join-us {
    margin-top: 30px;
  }
  .join-us-bg-1 {
    background-image: url(../image/bg_ph_jrjxe@2x.png) !important;
    height: 196px !important;
  }
  .join-us-bg-1 .join-us-desc {
    flex-direction: column;
    justify-content: center;
  }
  .join-us-bg-1 .join-us-desc .join-us-tips {
    text-align: center;
  }
  .join-us-bg-1 .join-us-desc .join-us-tips h3 {
    margin-bottom: 10px;
    font-size: 25px;
  }
  .join-us-bg-1 .join-us-desc .join-us-tips p {
    margin: 0;
    font-size: 14px;
  }
  .join-us-bg-1 .join-us-desc .join-us-tips p:last-child {
    margin-top: 5px;
    font-size: 12px;
    color: #efefef;
  }
  .join-us-btn {
    margin-top: 15px;
    width: 142px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
  .join-us .join-us-bg-2 {
    margin-top: -40px;
    height: 272px;
    background-image: url(../image/ph_pic_app@2x.png);
  }
  .join-us-bg-2 .join-us-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
  }
  .join-us-bg-2 .join-us-desc .join-us-tips .text-img{
    width: 269px;
    height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .join-us-bg-2 .join-us-desc .join-us-tips p {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
  }

  .join-us-bg-2 .join-us-desc .app-qr-download {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    text-align: center;
  }
  .join-us-bg-2 .join-us-desc .app-qr-download .qr-download .qr-scan {
    width: 16px;
    height: 16px;
    margin-top: 3px;
  }
  .join-us-bg-2
    .join-us-desc
    .app-qr-download
    .qr-download
    .qr-desc
    p:last-child {
    margin: 3px 5px 10px !important;
    font-size: 13px !important;
  }
  .join-us-bg-2 .join-us-desc .app-qr-download .qr-img {
    width: 152px;
    height: 132px;
  }

  /* 关于我们 */
  .about-container {
    width: 100%;
    padding: 50px 20px;
  }
  .about-container h3 {
    font-size: 32px;
  }
  .about-desc {
    margin: 30px 0 15px 0;
    font-size: 14px;
  }
  /* 企业介绍 */
  .about-company .about-card .card-item {
    width: 48%;
    height: 79px;
    background-image: url(../image/ph_bg_qyjs@2x.png);
    background-size: contain;
  }
  .about-company .about-card .card-item span:first-child {
    font-size: 28px;
  }
  .about-company .about-card .card-item span:last-child {
    font-size: 14px;
  }
  /* 企业文化 */
  .corporate-culture .about-desc {
    margin: 30px 0 15px 0;
    text-align: center;
  }
  .corporate-culture .culture-card {
    display: none;
  }
  .corporate-culture .ph-culture-card {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .corporate-culture .ph-culture-card .card-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 31%;
    height: 125px;
    background-image: url(../image/ph_bg_qyewh@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .corporate-culture .ph-culture-card .card-item p {
    margin: 0;
  }
  .corporate-culture .ph-culture-card .card-item p:first-child {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
  }
  .corporate-culture .ph-culture-card .card-item p:last-child {
    height: 46px;
    font-size: 12px;
    text-align: center;
  }
  /* 团队介绍 */
  .team-card {
    margin-top: 60px;
  }
  .team-card .card-item {
    width: 31%;
    height: 120px;
    background-image: url("../image/pic_tdjsall@2x.png");
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }
  .team-card .card-item .icon-item {
    position: absolute;
    top: -19px;
    width: 38px;
    height: 38px;
    background-size: 20px 20px;
  }
  .team-card .card-item .card-title {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
  }
  .team-card .card-item .card-desc {
    font-size: 11px;
  }

  /* 发展历程 */
  .development-history .history-desc {
    font-size: 14px;
  }
  .history-card {
    display: none;
  }
  .ph-history-card {
    display: block !important;
  }
  .ph-line-box--container {
    padding: 50px 0 !important;
  }

  /* 荣誉墙 */
  .honor-wall-box {
    display: none;
  }
  .ph-honor-wall-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .ph-honor-wall-box .bd {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .ph-honor-wall-box .bd ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px !important;
    /* height: 135px !important; */
  }
  .ph-honor-wall-box .bd ul li .honor-img {
    width: 110px;
    height: 135px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .ph-honor-wall-box .bd ul li .honor-desc {
    width: 100%;
    padding: 2px 5px;
    box-sizing: border-box;
    font-size: 14px;
    color: #242424;
  }
  .ph-honor-wall-box .bd ul li .honor-desc p:first-child {
    margin-bottom: 0;
    font-weight: 600;
  }
  .ph-honor-wall-box .bd ul li .honor-desc p:last-child {
    margin-top: 0;
    line-height: 1.5;
    font-size: 12px;
  }
  .ph-honor-wall-box .hd {
    display: flex;
    justify-content: center;
    /* margin-top: 10px; */
  }
  .ph-honor-wall-box .hd ul {
    padding-left: 0;
  }
  .ph-honor-wall-box .hd ul {
    float: right;
    margin-top: 10px;
    overflow: hidden;
    zoom: 1;
  }
  .ph-honor-wall-box .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../image/icoCircle.gif) 0 -9px no-repeat;
  }
  .ph-honor-wall-box .hd ul li.on {
    background-position: 0 0;
  }

  /* 页脚信息 */
  .footer-info {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 15px 28px;
    box-sizing: border-box;
  }
  .footer-info .footer-info-left {
    display: flex;
    flex-direction: column;
    width: 368px;
    padding: 0 10px;
    margin-bottom: 30px;
  }
  .footer-info .footer-info-left .footer-logo {
    width: 102px !important;
    height: 36px !important;
    margin-bottom: 15px !important;
  }
  .footer-info .footer-info-left .connect-us {
    margin-right: 0;
    font-size: 13px;
  }
  .footer-info .footer-info-left .connect-us p {
    line-height: 2;
    color: #fff;
  }
  .footer-info .footer-info-left .connect-us a {
    color: #fff;
  }
  .footer-info .footer-info-left .connect-us p:first-child {
    font-size: 18px;
  }
  .footer-qr-list {
    width: 368px;
    justify-content: space-between;
  }
  .footer-qr-list .footer-qr-code {
    width: 82px;
    height: 118px;
    margin: 0 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  .footer-qr-list .footer-qr-code .pc-qr-code-desc {
    display: none;
  }
  .footer-qr-list .footer-qr-code .ph-qr-code-desc {
    display: inline-block;
    height: 30px;
    margin: 0;
    text-align: center;
    font-size: 11px;
  }
  .footer-qr-list .footer-qr-code .qr-code-img {
    width: 74px;
    height: 74px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }

  /* 划到顶部 */
  .to-top-banner {
    width: 50px !important;
    height: 216px !important;
    right: 10px !important;
    z-index: 999999;
  }
  .to-top-banner .to-top-icon {
    width: 50px !important;
    height: 50px !important;
    background-size: 28px 28px !important;
  }
  .to-top-banner .join-btn {
    width: 50px !important;
    height: 153px !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  .to-top-banner .join-btn img {
    width: 50px !important;
    height: 43px !important;
    margin-top: -6px !important;
  }
  .to-top-banner .join-btn .join-btn-desc {
    margin-bottom: 12px !important;
    font-size: 16px !important;
    letter-spacing: 8px !important;
  }
  .footer-copy {
    margin-bottom: 70px;
  }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 400px) {
  .banner-content-footer .newSlogan .fr .des {
    font-size: 11px !important;
  }
  .corporate-culture .ph-culture-card .card-item p:last-child {
    font-size: 10px;
  }
  .slider-box {
    margin: 0 auto 30px;
  }
  .footer-info .footer-info-left {
    width: 330px;
    padding: 0;
  }
  .footer-qr-list {
    justify-content: center;
  }
  .footer-qr-list .footer-qr-code {
    width: 78px;
    height: 112px;
  }
  .footer-qr-list .footer-qr-code .qr-code-img {
    width: 70px;
    height: 70px;
  }
  .footer-qr-list .footer-qr-code .ph-qr-code-desc {
    font-size: 10px;
  }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 375px) {
  .banner-content-footer .newSlogan .fr .title {
    margin-top: -10px !important;
    margin-bottom: 2px !important;
  }
  .banner-content-footer .newSlogan .fr .des {
    font-size: 10px !important;
  }
  .model-list span {
    font-size: 12px;
  }
  .team-card .card-item .card-desc {
    font-size: 10px;
  }
  .footer-qr-list {
    width: 100%;
  }
  .footer-qr-list .footer-qr-code {
    margin: 0 3px;
    flex-shrink: 0;
  }
}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 350px) {
  .banner-content-footer .newSlogan {
    height: 106px !important;
  }
  .banner-content-footer .newSlogan .fr .title {
    margin-top: -18px !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
  }
  .banner-content-footer .newSlogan .fr .des {
    font-size: 8px !important;
    line-height: 1.5 !important;
  }
  .slider-box {
    width: 328px !important;
  }
  .slider-box .card {
    margin: 0 5px !important;
    width: 328px !important;
    height: 315px !important;
  }
  .about-company .about-card .card-item {
    width: 47%;
    background-size: contain;
  }
  .corporate-culture .ph-culture-card .card-item p:last-child {
    font-size: 8px;
  }
  .team-card .card-item {
    width: 31%;
    height: 100px;
  }
  .team-card .card-item .card-desc {
    font-size: 8px;
  }
  .footer-qr-list .footer-qr-code {
    width: 76px;
    height: 109px;
    margin: 0 2px;
  }
  .footer-qr-list .footer-qr-code .qr-code-img {
    width: 68px;
    height: 68px;
  }
  .footer-qr-list .footer-qr-code .ph-qr-code-desc {
    font-size: 10px;
  }
}
