/* 2024-05-20 al 添加定位 */
@media screen and (min-width:1600px) {
    .id_alj {
        top: 274px;
        right: 454px;
    }

    .id_aiji {
        top: 274px;
        right: 604px;
    }

    .id_bl {
        top: 145px;
        left: 774px;
    }

    .id_teq {
        top: 223px;
        left: 842px;
    }

    .id_hl {
        top: 145px;
        left: 705px;
    }

    .id_dm {
        top: 101px;
        left: 713px;
    }

    .id_nf {
        top: 542px;
        left: 747px;
    }

    .id_nrly {
        top: 354px;
        left: 683px;
    }

    .id_mjl {
        top: 247px;
        right: 330px;
    }

    .id_bjst {
        top: 247px;
        right: 352px;
    }
}

@media screen and (max-width:1600px) {
    /* my al */
    .id_alj {
        top: 274px;
        right: 354px;
    }

    .id_aiji {
        top: 274px;
        right: 504px;
    }

    .id_bl {
        top: 145px;
        left: 674px;
    }

    .id_teq {
        top: 223px;
        left: 742px;
    }

    .id_hl {
        top: 145px;
        left: 605px;
    }

    .id_dm {
        top: 101px;
        left: 613px;
    }

    .id_nf {
        top: 542px;
        left: 647px;
    }

    .id_nrly {
        top: 354px;
        left: 583px;
    }

    .id_mjl {
        top: 247px;
        right: 230px;
    }

    .id_bjst {
        top: 247px;
        right: 252px;
    }
    /* my al */

    .ws-herder-box.w,
    .main,
    .w {
        width: 1260px;
    }

    .main-qqzl .qqzl-content ul li img {
        height: auto;
    }

    .index-news .main-news .news-item {
        width: 31%;
        margin-right: 2% !important;
    }

    .main-news .news-item:nth-child(2) {
        margin: 0;
    }

    .w.bottom_a,
    .w.footer {
        width: 1260px;
    }

    .footer .footer-items .item {
        margin-right: 40px;
    }

    .nav-box>div {
        min-width: 86px;
    }

    .nav-box {
        margin-right: 14px;
    }

    .ws-right-contact p {
        margin-left: 12px;
    }

    .ws-right-contact p:nth-of-type(1) {
        margin-left: 8px;
    }

    .qqzl-index .main-right .right-content li img {
        height: auto;
    }

    .idian-item-jnd {
        top: 116px;
        left: 210px;
    }

    .idian-item-mg {
        top: 234px;
        left: 140px;
    }

    .idian-item-bs {
        bottom: 171px;
        left: 330px;
    }

    .idian-item-agt {
        bottom: 44px;
        left: 360px;
    }

    .idian-item-agt {
        bottom: 44px;
        left: 262px;
    }

    .idian-item-xby {
        top: 212px;
        left: 553px;
    }

    .idian-item-yg {
        top: 134px;
        left: 560px;
    }

    .idian-item-fg {
        top: 172px;
        left: 585px;
    }

    .idian-item-dg {
        top: 149px;
        left: 637px;
    }

    .idian-item-ydl {
        top: 205px;
        left: 630px;
    }

    .idian-item-els {
        top: 119px;
        right: 350px;
    }

    .idian-item-kataer {
        top: 274px;
        right: 404px;
    }

    .idian-item-yil {
        top: 239px;
        left: 778px;
    }

    .idian-item-shat {
        top: 292px;
        left: 723px;
    }

    .idian-item-kataer {
        top: 274px;
        right: 404px;
    }

    .idian-item-wzst {
        top: 208px;
        right: 287px;
    }

    .idian-item-yd {
        top: 295px;
        right: 302px;
    }

    .idian-item-cn {
        top: 229px;
        right: 216px;
    }

    .idian-item-tg {
        top: 328px;
        right: 189px;
    }

    .idian-item-yuen {
        top: 343px;
        right: 156px;
    }

    .idian-item-shi {
        top: 232px;
        right: 99px;
    }

    .idian-item-rb {
        top: 226px;
        right: 52px;
    }

    .idian-item-mlxy {
        top: 390px;
        right: 115px;
    }

    .idian-item-xjp {
        top: 398px;
        right: 166px;
    }

    .idian-item-yni {
        top: 446px;
        right: 144px;
    }

    .idian-item-adly {
        bottom: 97px;
        right: 61px;
    }

    .contact-info ul li {
        width: 33.3%;
        margin-right: 0;
    }
}

@media screen and (max-width:1400px) {

    .ws-herder-box.w,
    .main,
    .w {
        width: 1000px;
    }

    .ws-right-contact {
        display: none;
    }

    .ws-ab-content {
        flex-direction: column;
        align-items: center;
    }

    .zhzz-box {
        flex-direction: column;
    }

    .zhzz-left {
        width: 100%;
    }

    .zhzz-right {
        width: 100%;
    }

    .zhzz-right img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    .gswh-box .img-item {
        width: 25%;
    }

    .gswh-box>div:nth-child(6n) {
        border-right: 4px solid #FFE;
    }

    .gswh-box>div:nth-child(4n) {
        border-right: 0;
    }

    .gswh-title-b {
        width: 50%;
    }

    .qqzl-index .main-right .right-content li {
        height: 200px;
    }

    .qqzl-index .main-right .right-content li i {
        font-size: 18px !important;
    }

    .qqzl-index .main-right .right-content li .text-box .p3 {
        margin-top: 0;
    }

    .qqzl-index .main-right .right-content li .text-box .p2 {
        margin-top: 4px;
    }

    .qqzl-index .main-right .right-content li .text-box .p1 {
        margin-top: 18%;
    }

    .w.bottom_a,
    .w.footer {
        width: 1000px;
    }

    .footer .footer-items .item {
        margin-right: 18px;
    }

    .footer .customer-box .right img {
        width: 96px;
        height: 96px;
        margin-left: 14px;
    }

    .nav-box>div {
        min-width: 96px;
    }

    .xmt-20 iframe {
        height: 450px;
    }

    .right-map {
        width: 59%;
    }

    .left-contact {
        width: 40%;
    }

    .city-wrap .city-items li {
        width: 32%;
        margin-right: 1%;
    }

    .city-wrap .city-items li:nth-child(3n) {
        margin-right: 0;
    }

    .city-wrap .city-items li:nth-child(4n) {
        margin-right: 1%;
    }

    .ibox-bg {
        width: 100%;
    }

    .main-qqzl .qqzl-content ul li i {
        font-size: 18px !important;
    }

    .main-qqzl .qqzl-content ul li .text-box .p3 {
        margin-top: 26px;
    }

    .main-qqzl .qqzl-content ul li .text-box .p2 {
        margin-top: 12px;
    }

    .main-qqzl .qqzl-content ul li .text-box .p3 {
        margin-top: 12px;
    }

    .hb-content a {
        width: 25%;
    }

    body {
        min-width: 100%;
    }

    .dt-content-m {
        display: flex;
        flex-wrap: wrap;
    }

    .dt-content {
        display: none;
    }

    .dt-item-top {
        display: flex;
        align-items: center;
    }

    .dt-top-text-m {
        padding-left: 22px;
        font-size: 17px;
    }

    .dt-en-text {
        padding-top: 2px;
        padding-left: 22px;
        font-size: 14px;
    }

    .dt-item-m {
        box-shadow: 0 0 2px #ddd;
        background: #fff;
        padding: 16px 28px
    }

    .dt-content-m .dt-item-m {
        width: 24%;
        margin-right: 1.33%;
        margin-bottom: 10px;
    }

    .dt-content-m .dt-item-m:nth-child(4n) {
        margin-right: 0;
    }

    .ws-ab-left {
        padding-right: 0;
    }

    .ws-ab-content img {
        margin-top: 10px;
    }

    .map-bg {
        /* width: 100%; */
    }

    .sitemapbg {
        width: 1120px !important;
    }

    .xnews_left {
        position: static !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
        width: 20%;
    }

    .xnews_right {
        width: 76%;
    }

    .news-detail .detail-right {
        position: static !important;
        left: 0 !important;
        top: 0 !important;
    }

    .common-nav-tag {
        width: 1000px;
    }

    .news-detail .detail-left {
        width: 74%;
        margin-right: 0;
    }

    .news-detail .detail-right {
        width: 24%;
        float: right;
    }

    .news-detail .detail-right .right-box ul li img {
        object-fit: cover;
        height: 140px !important;
    }


}


@media screen and (max-width:1200px) {
    .contact-map-bg {
        display: none;
    }

    .nav-box>div {
        min-width: 90px;
    }

    .ws-herder-box.w,
    .main,
    .w {
        width: 100%;
    }

    .ws-logon-box img {
        width: 200px;
    }

    .nav-box>div>a {
        font-size: 13px;
    }

    .nav-box>div>a i {
        display: none;
    }

    .ws-herder-box {
        padding: 0 2%;
    }

    .sub-b-right a {
        font-size: 12px;
    }

    .nav-box>div {
        min-width: 70px;
    }

    .windex-bg {
        padding: 40px 4%;
    }

    .w.bottom_a,
    .w.footer {
        width: 90%;
    }

    .footer .footer-items .item:last-child {
        width: 100%;
        flex-basis: 100%;
    }

    .footer-items {
        display: flex;
        flex-wrap: wrap;
    }

    .footer .footer-items .item h3 {
        text-align: center;
    }

    .footer .footer-items .item {
        margin: 0;
        flex: 1;
    }

    .footer .footer-items .item:last-child h3 {
        text-align: left;
    }

    .xcompany {
        margin-top: 0;
    }

    .hono-bg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .zhzz-left h3 {
        padding: 10px 0 30px;
    }

    .gswh-bg {
        margin-bottom: 0;
        padding-bottom: 40px;
        background-color: #fff;
    }

    .case-listbg {
        padding: 0 4%;
    }

    .footer .footer-items .item:last-child>div {
        display: inline-block;

    }

    .footer .footer-items .item:last-child h3 {
        text-align: center;
    }

    .footer .footer-items .item:last-child p {
        text-align: center;
    }

    .ws-qq-contact {
        padding: 0 4%;
    }

    .newsbox {
        padding: 0 4%;
    }

    .common-nav-tag {
        width: 100%;
        padding: 0 4%;
    }

    .choose-box ul li {
        width: 32.2% !important;
        margin-right: 1.7% !important;
        margin-bottom: 10px;
    }

    .choose-box ul li:nth-child(3n) {
        margin-right: 0 !important;
    }

    .news-detail .detail-left .content-box {
        padding: 30px;
    }

    .inbar p {
        width: 100%;
        height: auto;
        display: none !important;
        left: 0;
        margin-left: 0;
    }

    .inbar p>a {
        opacity: 1 !important;
        display: block !important;
    }

    .ws-contact-info {
        padding: 0 4%;
        margin-bottom: 50px;
    }
}

@media screen and (max-width:900px) {
    .ws-logon-box img {
        width: 169px;
    }

    .nav-box>div {
        min-width: 70px;
    }

    .common-title .more-btn {
        position: static;
        margin-top: 20px;
    }

    .windex-bg {
        padding: 40px 4%;
    }

    .main-qqzl .qqzl-content {
        padding-bottom: 0;
    }

    .common-title {
        padding: 0 0 30px;
    }

    .more-btn-bottom {
        display: inline-block !important;
        margin-top: 30px !important;
    }

    .more-btn-top {
        display: none !important;
    }

    .baozhang-bottom-text {
        font-size: 56px;
    }

    .main-choose,
    .main-team {
        padding-bottom: 0;
    }

    .hb-content {
        margin-top: 0;
        padding: 0;
    }

    .hb-content img {
        width: 100%;
    }

    .w.footer {
        width: 100%;
    }

    .footer {
        padding: 20px 4%;
    }

    .footer .footer-items .item:last-child {
        margin-top: 20px;
    }

    .ws-thonors img {
        width: 100%;

    }

    .ws-thonors {
        max-width: 88%;
        width: 90%;
    }

    .qqzl-index .main-right .right-content li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10px;
        height: auto;
    }

    .qqzl-index .main-right .right-content li:nth-child(3n) {
        margin-right: 2%;
    }

    .qqzl-index .main-right .right-content li:nth-child(2n) {
        margin-right: 0;
    }

    .ws-club_dh {
        height: auto;
    }

    .qqzl-index .main-right .right-content li .text-box {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 0 !important;
    }

    .left-contact {
        width: 100%;
    }

    .right-map {
        width: 100%;
    }

    .news-index .news-box .news-item .title {
        font-size: 16px;
    }

    .news-index .news-box .news-item p {
        line-height: 1.6;
    }

    .news-index .news-box .news-item .tag-label {
        margin: 6px 0;
    }

    .news-index .news-box .news-item img {
        object-fit: cover;
        width: 35%;
    }

    .news-index .news-box .news-item .img-text-box {
        width: 56%;
        margin-right: 0;
    }

    .newsbox,
    .common-nav-tag {
        padding: 0 2%;
    }

    .choose-box ul li h4 {
        font-size: 22px !important;
    }

    .common-title h3 {
        font-size: 26px !important;
    }
}

@media screen and (max-width:768px) {
    .ws-herder-box {
        position: relative;
    }

    .nav-box {
        margin-right: 14px;
        position: absolute;
        top: 100%;
        left: 0;
        flex-wrap: wrap;
        width: 100%;
        background: #0cd3cc;
    }

    .nav-box>div {
        min-width: 100%;
        border-top: 1px solid #0cd3cc;
    }

    .m-menu-box {
        display: block;
    }

    .m-menu-box span {
        width: 30px;
        height: 2px;
        display: block;
        background-color: #fff;
        transition: all .2s;
        transform-origin: left;
    }

    .m-menu-box span:nth-child(2) {
        margin: 8px 0;
        width: 22px;
    }

    .nav-box>div>a {
        line-height: 56px;
    }

    .m-menu-active span:nth-child(1) {
        transform: rotate(45deg);
    }

    .m-menu-active span:nth-child(3) {
        transform: rotate(-45deg);
    }

    .m-menu-active span:nth-child(2) {
        /* display: none; */
        opacity: 0;
    }

    .ws-logon-box img {
        width: 74%;
    }

    .nav-box {
        display: none;
    }

    .ws-herder-box {
        padding: 0 4%;
    }

    .ws-heder-right {
        height: 60px;
    }

    body {
        padding-top: 60px;
    }

    .main-qqzl .qqzl-content ul li {
        width: 49.5%;
        margin-bottom: 4px;
        margin-right: 1%;
    }

    .main-qqzl .qqzl-content ul li:nth-child(3n) {
        margin-right: 1%;
    }

    .main-qqzl .qqzl-content ul li:nth-child(2n) {
        margin-right: 0;
    }

    .choose-box ul li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 10px;

    }

    .choose-box ul li:nth-child(3n) {
        margin-right: 0;
    }

    .choose-box ul li .icon-box {
        width: 90px;
        height: 90px;
    }

    .main-qqzl .qqzl-content ul li .text-box {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        opacity: 0 !important;
    }

    .footer .footer-items .item:last-child>div {
        display: inline-block;
    }

    .footer .footer-items .item:last-child h3 {
        text-align: center;
    }

    .footer .phone {
        text-align: center;
    }

    .footer .bq {
        margin: 24px 0;
    }

    .company-tab {
        height: auto;
    }

    .ws-ab-content {
        padding: 28px 4%;
    }

    .ws-ab-content img {
        max-width: 100%;
    }

    .ws-sub-box {
        display: none !important;
    }

    .qqzl-index .main-right .xghd-box ul li {
        width: calc(33.33% - 14px);
        margin-right: 14px;
    }

    .qqzl-index .main-right {
        float: right;
    }

    .qqzl-index .main-left {
        position: static !important;
        top: auto !important;
        left: auto !important;
        opacity: 1 !important;
        z-index: auto !important;
        float: none;
    }

    .qqzl-index .main-right {
        width: 100%;
    }

    .qqzl-index .main-left {
        width: 100%;

    }

    .menu-items {
        display: flex;

    }

    .case-listbg {
        padding: 0 2%;
    }

    .qqzl-index .main {
        margin: 20px auto 20px;
    }

    .qqzl-index .main-left .menu-items .item h3 {
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .menu-items {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 0 2%;
    }

    .menu-items>div {
        width: 49%;
        margin-right: 2%;
    }

    .menu-items>div:nth-child(2n) {
        margin-right: 0;
    }

    .qqzl-index .main-left .title {
        line-height: auto;
        height: auto;
        padding: 8px 14px;
    }

    .qqzl-index .main-left .menu-items .item h3 .iconfont {
        display: none;
    }

    .qqzl-index .main-right {
        margin-top: 14px;
    }

    .qqzl-index .main-right {
        padding: 0 3%;
    }

    .qqzl-index .main-right .top-nav {
        padding: 7px 0;
    }

    .qqzl-index .main-right .top-title {
        height: auto;
    }

    .qqzl-index .main-right .right-content li .name {
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .qqzl-index .main-right .right-content li {
        margin-bottom: 8px;
        padding-bottom: 30px;
    }

    .qqzl-index .main-right .right-content li .name>span:nth-child(1) {
        white-space: nowrap;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .qqzl-detail .company-box {
        padding: 0;
    }

    .qqzl-index.qqzl-detail .main-right .top-title {
        padding: 0;
        padding-top: 10px;
    }

    .qqzl-detail .xgal-box,
    .qqzl-detail .xghd-box {
        padding: 0;
    }

    .qqzl-detail .main-right .xgal-box .right-content li {
        width: 49%;
        margin-right: 1%;
        height: auto;
        margin-bottom: 6px;
    }

    .xghd-box {
        margin-top: 10px;
    }

    .video-bor {
        display: none;
    }

    .left-contact {
        padding: 10px 4%;
    }

    .common-title-contact {
        padding-bottom: 10px !important;
    }

    .contactus-ready {
        margin-top: 0.9091rem;
    }

    .common-title-contact small {
        padding-top: 0 !important;
    }

    .ws-qq-contact li {
        width: 49% !important;
        margin-right: 2% !important;
        margin-top: 10px !important;
    }

    .ws-qq-contact li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .contactus-ready {
        margin-bottom: 30px;
    }

    .ws-qq-contact .city-items li h3 {
        margin-bottom: 10px !important;
    }

    .ws-qq-contact .city-items li p {
        margin: 10px 0 12px !important;
    }

    .xnews_right {
        width: 100%;
    }

    .xnews_left {
        width: 100%;
        margin-bottom: 20px;
    }

    .xnews_lefts {
        padding-bottom: 0;
    }

    .xnews_left dl {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;

    }

    .xnews_left dt {
        display: none;
    }

    .newsbox {
        padding: 0 2%;
    }

    .news-detail .detail-left {
        width: 100%;
    }

    .newsbox,
    .common-nav-tag {
        margin: 0.1455rem 0;
    }

    .newsbox,
    .common-nav-tag .top-nav {
        line-height: 1.8;
    }

    .news-theme .bottom_line {
        margin-bottom: 0px;
    }

    .news-detail .detail-left .next-btn {
        margin: 0;
        padding: 6px 0;
    }

    .baozhang-box .common-title h3 {
        padding-top: 30px;
    }

    .choose-box ul li {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .news-detail .detail-left .content-box {
        padding: 20px 4%;
    }

    .common-title small {
        margin-top: 0;
    }

    .choose-box ul li {
        min-height: auto !important;
    }

    .news-detail .detail-right {
        width: 100%;
    }

    .common-nav-tag {
        height: auto;
    }

    .inbar .hd {
        bottom: 6px;
        opacity: .8;
    }

    .contact-info ul li {
        width: 100%;
        margin-top: 0;
    }

    .ws-contact-info {
        padding: 0 2%;
    }

}

@media screen and (max-width:550px) {
    .common-title h3 {
        font-size: 0.4727rem;
    }

    .common-title small {
        font-size: 13px;
    }

    .common-title small {
        padding-top: 0.1818rem;
    }

    .windex-bg {
        padding: 0.7273rem 4%;
    }

    .baozhang-top-text {
        font-size: 1.0909rem;
    }

    .choose-box ul li {
        width: 100%;
        min-height: auto;
        margin-right: 0;
        padding: 0.4545rem 2%;
    }

    .choose-box ul li h4 {
        font-size: 0.5091rem;
        margin-top: 0;
    }

    .choose-box ul li p {
        margin-bottom: 4px;
    }

    .choose-box ul li .icon-box {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .choose-box ul li .icon-box .icon {
        position: static;
        margin: 0;
        width: 44px;
        height: 44px;
        background-size: contain;
    }

    .baozhang-bottom-text {
        font-size: 0.7273rem;
    }

    .common-title {
        padding-bottom: 0.5455rem;
    }

    .hb-content img {
        width: 100%;
    }

    .hb-content a {
        height: auto;
        width: 50%;
    }

    .index-news .main-news .news-item {
        width: 100%;
        margin-right: 0;
    }

    .index-news .main-news {
        padding: 16px;
    }

    .main-news .news-item .item-title h3 {
        font-size: 18px;
    }

    .main-news .news-item .item-title h3 .iconfont {
        font-size: 14px;
    }

    .more-btn-bottom {
        margin-top: 0.5455rem !important;
    }

    .footer .footer-items .item {
        flex-grow: 0;
        flex-basis: 50%;
        margin-bottom: 10px;
    }

    .dt-content-m .dt-item-m {
        width: 49%;
        margin-right: 2%;
    }

    .dt-content-m .dt-item-m:nth-child(4n) {
        margin-right: 2%;
    }

    .dt-content-m .dt-item-m:nth-child(2n) {
        margin-right: 0;
    }

    .ws-ab-content h3 {
        font-size: 0.5091rem;
    }

    .gsjj-text {
        margin-top: 0.3636rem;
        line-height: 1.7;
        font-size: 16px;
    }

    .hono-bg .swiper-button-next,
    .hono-bg .swiper-container-rtl .swiper-button-prev {
        right: 4px !important;
    }

    .hono-bg .swiper-button-prev,
    .hono-bg .swiper-container-rtl .swiper-button-next {
        left: 4px !important;
    }

    .hono-bg .swiper-button-prev,
    .hono-bg .swiper-container-rtl .swiper-button-next {
        background-size: contain;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-size: contain;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 18px;
        height: 35px;
    }

    .honor-swiper-box {
        padding: 0 32px 30px;
    }

    .xcompany_nrd h3 {
        font-size: 0.5091rem;
    }

    .xcompany_nrd {
        padding: 0;
    }

    .zhzz-left h3 {
        font-size: 0.5091rem;
    }

    .xhonor dt {
        line-height: 22px !important;
    }

    .zhzz-box ul li {
        width: 100%;
        font-size: 15px;
    }

    .zhzz-left h3 {
        padding: 10px 0 20px;
    }

    .zhzz-box ul li {
        padding: 3px 0px 3px 14px;
    }

    .zhzz-box ul li::after {
        width: 8px;
        height: 8px;
    }

    .zhzz-left {
        padding: 20px 20px 28px 20px;
    }

    .gswh-box .img-item {
        width: 50%;
    }

    .gswh-box>div:nth-child(4n) {
        border-right: 4px solid #FFE;
    }

    .gswh-box>div:nth-child(2n+1) {
        border-right: none;
    }

    .gswh-title-b {
        font-size: 0.6909rem;
    }

    .img-item-b {
        height: 120px;
    }

    .company-tab ul li {
        width: 33.3%;
        margin-right: 0;
    }

    .company-tab .nav-ul div {
        width: 100%;
    }

    .company-tab .nav-ul a {
        width: 100%;
        top: 0;
    }

    .xmt-20 iframe {
        height: 14.5455rem;
    }

    .contact-h4 a {
        font-size: 0.5273rem !important;
    }

    .company-text {
        font-size: 0.5273rem !important;
    }

    .left-contact .text-box p span {
        font-size: 0.5091rem !important;
    }

    .newsbox {
        margin-top: 0.2455rem !important;
    }

    .news-index .news-box .news-item p {
        display: none;
    }

    .news-index .news-box .news-item img {
        height: 2.9091rem;
    }

    .news-content {
        padding: 0 3%;
    }

    .news-index .news-box .news-item {
        display: flex;
        align-items: center;
        padding: 0.3636rem 0;
    }

    .news-index .news-box .news-item>a {
        width: 42%;
    }

    .news-index .news-box .news-item img {
        width: 100%;
        height: 2rem;
    }

    .news-index .news-box .news-item .img-text-box {
        margin-left: 10px;
    }

    .xnews_right #page {
        margin-bottom: 0.3636rem !important;
        margin-left: 0.1818rem !important;
        margin-top: 0.1818rem;
    }

    .xnews_right #page .club_dh {
        height: auto;
        text-align: center;
    }

    .xnews_right .top-title {
        height: auto;
        padding: 10px 14px;
    }

    .xnews_right .top-title .title-big {
        display: none;
    }

    .xnews_right>.line {
        margin-top: 0 !important;
        position: relative;
        top: -5px;
    }

    .xnews_left {
        margin-bottom: 0.3636rem;
    }

    .news-index .news-box .news-item .title {
        font-size: 0.3636rem;
    }

    .news-detail .detail-left .content-box {
        padding: 20px 4%;
    }

    .news-detail .detail-left .content-box .title {
        font-size: 0.4267rem;
    }

    .news-detail .detail-left .content-box .time {
        margin: 0.2273rem 0;
    }

    .choose-box ul li {
        min-height: auto !important;
    }

    .choose-box ul li h4 {
        padding: 0.3636rem 0;
        font-size: 0.5727rem !important;
    }

    .common-title h3 {
        font-size: 0.5091rem !important;
        padding-top: 0.2455rem !important;
    }

    .ppkh-content.news-hzhb ul li {
        width: 49%;
        margin-right: 2%;
    }

    .ppkh-content.news-hzhb ul li:nth-child(2n) {
        margin-right: 0;
    }

    .ppkh-content ul li {
        margin-bottom: 0.1818rem !important;
    }

    .news-detail {
        padding-bottom: 0.7273rem;
    }

    .city-wrap .city-items li {
        padding: 10px;
    }

    .common-title-contact h3 {
        padding-top: 0 !important;
    }

    .ws-qq-contact .common-title {
        padding-bottom: 0.4727rem !important;
    }

    .qqzl-index .main-right .line {
        margin-top: 0;
    }

    .qqzl-index .main-right .top-title .fr {
        display: none;
    }

    .qqzl-index .main-right .top-title {
        padding-bottom: 0;
    }

    .qqzl-index .main-left .menu-items .item li {
        text-align: center;
        padding-left: 0;
    }

    .main-news .news-item ul li h4 {
        font-size: 0.3467rem;
    }

    .main-news .news-item .item-title small {
        font-size: 14px;
    }

    .footer .footer-items .item .item-link a {
        font-size: 0.3467rem;
        line-height: 1.5;
    }

    .footer .footer-items .item h3 {
        font-size: 0.3733rem;
    }

    .footer .phone,
    .footer .phone span {
        font-size: 0.42rem !important;
    }

    .nav-box>div>a {
        font-size: 0.3733rem;
    }

    .company-tab .nav-ul a {
        font-size: .35rem;
        line-height: 1.1667rem;
        height: 100%;
    }

    .company-tab ul li {
        height: 1.1667rem;
    }

    .img-item-text div {
        font-size: 14px;
    }

    .qqzl-index .main-left .menu-items .item li a {
        font-size: 0.36rem;
    }

    .qqzl-index .main-left .menu-items .item li {
        line-height: 0.9333rem;
        height: 0.9333rem;
    }

    .qqzl-index .main-left .menu-items .item h3 {
        font-size: 0.36rem;
    }

    .xnews_lefts dd a {
        font-size: 0.3467rem;
    }

    .news-detail .detail-left .content-box .time {
        font-size: 0.3467rem;
    }

    .news-detail .detail-left .content-box .content {
        font-size: 0.3733rem;
    }

    .xghd-box li {
        font-size: 0.3467rem;
    }

    .left-contact .text-box p span b {
        font-weight: bold;
        font-size: .45rem;
    }

    .contact-code img {
        margin: 0 auto;
    }

    .contact-code {
        width: 49%;
        margin-right: 0;
    }

    .qqlx-common-title {
        padding-bottom: 0.5333rem !important;
    }

    .contact-info ul li p {
        font-size: 14px;
    }

    .contact-info ul li {
        height: auto;
        padding: 12px;
    }

    .contactus-ready {
        margin-bottom: 0.4rem;
    }

    .ws-heder-right {
        height: 1.6rem;
    }

    .content-iframe iframe {
        height: 50vh !important;
    }
}

@media screen and (max-width:768px) {
    .pban {
        display: none !important;
    }

    .mban {
        display: block !important;
    }
}

@media screen and (min-width:768px) {
    .pban {
        display: block !important;
    }

    .mban {
        display: none !important;
    }
}