@font-face {
    font-family: "Gotham";
    src: url("../fonts/Gotham-Book.otf") format("opentype");
}

body {
    font-family: 'Gotham', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial', serif;
}

.font-shuzi {
    font-family: 'Gotham', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial', serif;
}

.font-r {
    font-family: 'Gotham', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial', serif;
}

.font-z {
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial', serif;
}

#c-header .c-nav>li {
    margin-right: 44px;
}

#c-header .c-gn .c-phone {
    font-size: 15px;
}

#c-header .c-gn .c-phone .c-text {
    font-size: 15px;
}

#c-header .c-nav>li .x-casexiala .container .x-a .x-ai {
    font-size: 15px;
}

#c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-a a {
    padding: 0.05rem;
    width: 1.9rem;
    height: 0.86rem;
    font-size: 16px;
    font-weight: initial;
    white-space: break-spaces;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
}

#c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-ab a {
    padding: 0.05rem;
    width: 1.9rem;
    height: 0.86rem;
    font-size: 15px;
    white-space: break-spaces;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
}

#c-header .c-gn .c-language .c-ico-text span {
    font-size: 15px;
}

.x-index3 .x-con .x-xia .x-title {
    position: relative;
    top: -36px;
    z-index: 2;
    font-size: 0.43rem;
}

.x-index5 .x-con .x-title {
    font-size: 40px;
}

.x-index5 .x-con .x-swiper1 .swiper .swiper-slide .x-tit {
    font-size: 30px;
}

.x-footer .container .x-top .x-sp {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 19px;
}

#c-go-top .x-con .x-a a span {
    text-align: center;
    line-height: 10px;
}

#c-go-top .x-con .x-a a .x-li .x-bx {
    width: 236px;
}

#c-go-top .x-con .x-a a .x-li .x-bx .x-tt .x-p1 {
    font-size: 14px;
    color: #696969;
}

#c-go-top .x-con .x-a a .x-li .x-bx .x-tt .x-p2 {
    font-size: 16px;
}

.x-index7 .x-con .x-swiper2 .swiper .swiper-slide a .x-text .x-tit {
    white-space: break-spaces;
    font-size: 15px;
}

.x-index5 .x-con .x-swiper2 .swiper .swiper-slide {
    padding: .5rem 0;
}

#c-header .container {
    max-width: 1480px;
}

#c-header .c-nav>li>.c-title-box {
    font-size: 15px;
}

#c-header .c-nav>li .x-techxiala .container ul li .x-box {
    padding: .34rem .16rem .2rem .2rem;
}

#c-header .c-nav>li .x-techxiala .container ul li .x-box .x-t {
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#c-header .c-nav>li .x-techxiala .container ul li .x-box .x-t a {
    white-space: initial;
    font-size: 20px;
}

#c-header > div > div.c-right-box > ul.c-nav > li:nth-child(4) > div > div > ul > li:nth-child(2) > div > div.x-t.font20 {
    padding: 0 .2rem;
}

#c-header .c-nav>li .x-techxiala .container ul li .x-box .x-a {
    overflow: initial;
}

#c-header .c-nav>li .x-techxiala .container ul li .x-box .x-a a {
    height: .6rem;
    padding: .1rem .2rem;
    line-height: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#c-header .c-gn .c-phone .c-text {
    cursor: pointer;
    line-height: 1;
}

#c-go-top .x-con .x-a a span {
    color: #696969;
}

.x-footer .container .x-top .x-fx {
    margin-top: 1rem;
}

.x-footer .container .x-top .x-fx a {
    background-color: initial;
    margin: 0 20px .2rem;
}

.x-footer .container .x-top .x-fx a i {
    width: 34px;
    height: 34px;
}

.x-footer .container .x-top .x-aa {
    font-size:16px;
}

.x-footer .container .x-top .x-aa a {
    margin: 0 .3rem .1rem;
}

.x-footer .container .x-top .x-p {
    font-size: 14px;
}

.x-tect1 .x-con .x-a a span {
    font-size: 16px;
}

.x-index2 .container .x-title {
    font-size: 32px;
}

.x-index2 .container .x-sp {
    font-size: 16px;
}

.x-index2 .container ul li .x-box .x-text .x-p {
    color: #EA0008;
    font-size: 20px;
}

.x-index2 .container ul li .x-box {
    padding: .34rem .4rem .1rem;
}

.x-index4 .x-con .x-title {
    font-size: 40px;
}

.x-xinabout1 .x-con ul li .x-title {
    font-size: 24px;
}

.x-xinabout2 .container .x-title {
    font-size: 24px;
}

.news-banner .container .cn1 {
    font-size: 28px;
}

.news-banner .container .cn2 {
    font-size: 22px;
}

.public-nav-list .pcn1 {
    width: 242px;
    height: 70px;
    font-size: 18px;
    line-height: initial;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.news-swiper .swiper-slide .text .cn1 {
    font-size: 19px;
}

.news-swiper .swiper-slide .text .cn2 {
    font-size: 12px;
}

.public-arrowbox .public-arrow .pacn1 {
    font-size: 13px;
}

.public-swiper-num .font52 {
    font-size: 49px;
}

.public-swiper-num .swiper-pagination-total {
    font-size: 18px;
}

.x-public-newlist ul li .x-box .x-text .x-tit {
    font-size: 18px;
}

.x-public-newlist ul li .x-box .x-text .x-p {
    font-size: 11px;
}

.x-public-newlist ul li .x-box .x-text time {
    font-size: 12px;
	position: relative;
    bottom: -32px;
}

.x-public-newlist ul li .social-share a svg {
    width: 11px;
    height: 11px;
}

.curtain2 .curtain_box .x-con .layui-form .cn1 {
    font-size: 30px;
}

.public-contact-form .pbox .pcn1 {
    font-size: 19px;
}
.public-contact-form .pbox .submitdata {
    font-size: 19px;
}

.public-contact-form .pbox .pcn2 textarea {
    height: 180px;
}

.public-contact-form .pbox .pcn2.country {
    display: initial;
}

.contact-box1 .box .left {
    padding: 1rem .9rem;
}

.contact-box1 .box .left .cn1 {
    font-size: 25px;
}

.contact-box1 .box .left .cn2 .cn2a {
    font-size: 22px;
}

.contact-box1 .box .left .cn2 .cn2b .cn2c {
    width: 86px;
    font-size: 15px;
}

.contact-box1 .box .left .cn2 .cn2b .cn2d {
    font-size: 15px;
}

.contact-box1 .box .left .cn3 {
    justify-content: space-between;
}

.contact-box1 .box .left .cn3 .cn3a {
    width: auto;
    padding: .35rem 0 0;
}

.contact-box1 .box .right .cn1 {
    font-size: 25px;
}

.public-contact-form .pbox .pcn1 {
    font-size: 16px;
}

.news-info .social-share .icon-facebook svg {
    width: 60%;
    height: 60%;
}

.news-info .social-share .icon-linkedin svg {
    width: 50%;
    height: 50%;
}

.x-pain-title {
    padding-top: 150px;
    font-size: 38px;
    line-height: 38px;
    color: #ea0008;
    text-align: center;
    background-color: #222123;
}

.x-pain1 {
    padding-top: 60px;
}

.x-pain1 .container .x-a {
    justify-content: space-between;
}

.x-pain1 .container .x-a a {
    margin: 0 0 .2rem;
    width: 14%;
    height: 60px;
    font-size: 17px;
    text-align: center;
    line-height: 18px;
    padding: 0 .1rem;
}

.x-pain1 .container .x-ul .x-li .x-tp .x-text .x-tit {
    font-size: 20px;
}

.xy-box1 .container .title {
    font-size: 38px;
} 

.xy-box2 .container .title {
    font-size: 32px;
}

.xy-box23 .container .list ul li {
    margin: 0 37px;
}

.xy-box3 .container .title {
    font-size: 32px;
}

.xy-box4 .container .list ul li {
    padding: 0 .3rem;
}

.xy-box4 .container .list ul li .num {
    font-size: 25px;
}

.xy-box4 .container .list ul li .num.num-index-0 {
    font-size: 25px;
    align-items: flex-end;
    font-weight: bold;
}

.xy-box4 .container .list ul li .num span {
    font-size: 43px;
}

.xy-box5 .x-index2 .container ul li .x-box .x-text .x-tit {
    font-size: 17px;
    color: #EA0008;
}

.xy-box5 .x-index2 .container ul li .x-box .x-text .x-tit span {
    padding: 0 0.05rem;
}

.x-index2 .container ul li .x-box .x-text .x-p {
    font-size: 17px;
    color: #EA0008;
}

.xy-box6 .container .title {
    font-size: 32px;
    color: #FFFFFF;
}

.xy-box7 .container .top .title {
    font-size: 32px;
}

.xy-box7 .container .top .txt {
    margin-top: 30px;
    font-size: 23px;
}

.xy-box8 .container .title {
    font-size: 32px;
}

.x-lou2 .container ul li {
    padding: 90px 0 90px;
}

.x-lou2 .container ul li .x-title {
    font-size: 32px;
}

.x-lou2 .container ul li .x-pp {
    font-size: 24px;
}

.xy-box10 .container .title {
    font-size: 32px;
}

.xy-box10 .container .txt {
    font-size: 24px;
}

.xy-box11 .container .title {
    font-size: 32px;
}

.xy-box11 .container .title span {
    font-size: 32px;
}

.xy-box12 .container .title {
    font-size: 32px;
}

.xy-box13.x-lou5 .title {
    font-size: 32px;
}

.xy-box13.x-lou5 .container1600 .list .swiper-container .swiper-slide .txt {
    font-size: 16px;
    padding: 0.1rem;
}

.xy-box14 .container .title {
    font-size: 32px;
}

.xy-box14 .container .list ul li .txt {
    font-size: 20px;
}

.xy-box15 .container .title {
    font-size: 32px;
}

.xy-box15 .container .list ul li .txt {
    font-size: 20px;
    justify-content: left;
}

.xy-box16 .container .title {
    font-size: 32px;
}

.xy-box18 .container .title {
    font-size: 32px;
}

.xy-box19 .container .title {
    font-size: 32px;
}

.xy-box19 .container .list ul li .x-box .t1 {
    font-size: 26px;
}

.xy-box19 .container .list ul li .x-box .t2 .ts .type {
    font-size: 18px;
}

.xy-box19 .container .list ul li .x-box .t2 .ts .name {
    font-size: 20px;
}

.xy-box20 .container .title {
    font-size: 32px;
}

.xy-box21 .container .title {
    font-size: 32px;
}

.xy-box21 .container .txt {
    font-size: 28px;
}

.xy-box21 .container .list .swiper-container .swiper-slide .txts {
    font-size: 26px;
}

.xy-box22 .container .title {
    font-size: 32px;
}

.xy-box1 .container .title {
    font-size: 38px;
}

.xy-box2 .container .title {
    font-size: 32px;
}

.xy-box4 .container .list ul li .num {
    font-size: 40px;
}

.xy-box4 .container .list ul li .num span {
    font-size: 48px;
}

.xy-box4 .container .list ul li .txt {
    font-size: 25px;
}

.xy-box7 .container .list .swiper-container .swiper-slide .txt {
    font-size: 14px;
}

.xy-box20 .container .list ul li {
    width: calc(100% / 5 - .2rem);
}

.xy-box20 .container .list ul li .public-img {
    background: none;
}

.xy-box20 .container .list ul li .public-img img {
    object-fit: initial;
    transform: none;
}

.xy-box18.x-lou8 .container .x-tab .x-tab2 td {
    word-break: break-word !important;
}

.x-lou6 .container1600 .x-title {
    font-size: 32px;
}

.x-lou6 .container1600 ul li .x-box .x-tit {
    font-size: 19px;
}

.xy-box20 .container .list ul {
    justify-content: center;
}

.xy-box20 .container .list ul li .txt {
    font-size: 18px;
}

.xy-box14 .container .x-pp {
    font-size: 20px;
}

.xy-box23 .container .title {
    font-size: 32px;
}

.xy-box23 .container .list ul li .txt {
    font-size: 25px;
}

.xy-box9 .container .top .title {
    font-size: 32px;
}

.xy-box9 .container .top .txt {
    font-size: 28px;
}

.xy-box13 .container1600 .list .swiper-container .swiper-slide .txt {
    font-size: 17px;
    padding: 0.2rem;
}

.xy-box17 .container .title {
    font-size: 32px;
}

.xy-box17 .container .box .item .tbox .t1 {
    font-size: 20px;
}

.xy-box17 .container .box .item .tbox .t2 {
    font-size: 19px;
}

.xy-box17 .container .box .item .tbox .tb .ts {
    font-size: 14px;
}

.x-pain1 .container .x-ul .x-li .x-tp .public-img::after {
    background-color: initial;
}

.x-pain1 .container .x-ul .x-li .x-tp .public-img img {
    height: auto;
}

.x-pain1 .container .x-ul .x-li .x-tp .public-img i {
    top: 35%;
}

.x-pro-con1 .x-con {
    max-width: initial;
    width: auto;
}

.xy-box18 .container .list ul li .t2 {
    text-align: right;
}

.xy-box2 {
    position: relative;
    padding: 1.6rem 0 2.08rem;
}

.p-download-wrapper {
    margin-left: -115px;
    width: 230px;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
    z-index: 10;
    user-select: none;
    -webkit-user-select: none;
}

.p-download-trigger {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #323232;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.p-download-wrapper.active .p-download-trigger {
    border-top: 16px solid transparent;
    border-bottom: 16px solid #323232;
    top: -16px
}

.p-download-btn {
    padding-top: 5px;
    width: 230px;
    height: 60px;
    position: absolute;
    top: 24px;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    background-color: #323232;
    cursor: pointer;
    display: none;
}

.p-download-wrapper.active .p-download-btn {
    display: block;
}

.p-download-btn:hover {
    background-color: #C50010;
}

.p-download-tit {
    font-size: 24px;
    height: 30px;
    line-height: 30px;
}

.p-download-ext {
    font-size: 16px;
    height: 18px;
    line-height: 18px;
}

.p-download-ext img {
    width: 12px;
    height: 13px;
    vertical-align: middle;
    margin-right: 4px;
}

.x-case-list3 .container ul li .x-box {
    position: relative;
}

.x-case-list3 .container ul li .x-box .x-text {
    padding: .35rem .4rem .6rem;
}

.x-case-list3 .container ul li .x-box .x-text .public-arrowbox {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.x-sear2 .container .x-boxli2 ul li .x-box {
    position: relative;
}

.x-sear2 .container .x-boxli2 ul li .x-box .x-text {
    padding: .35rem .4rem .6rem;
}

.x-sear2 .container .x-boxli2 ul li .x-box .x-text .public-arrowbox {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.xy-box18.x-lou8 .container .x-tab .x-tab3 td {
    padding: .1rem .1rem;
}

.xy-box0-file-box img {
    width: 100%;
}

.xy-box18.x-lou8 .container .x-tab .x-tab1 td, .xy-box18.x-lou8 .container .x-tab .x-tab1 th {
    font-size: 18px;
}

.x-index5 .x-con .x-swiper3 .swiper .swiper-slide .x-box {
    width: 33.333333%;
}

.x-pro-list2 .x-con .x-box ul {
    /*justify-content: space-evenly;*/
}

.x-pro-list2 .x-con .x-box ul li a .x-tit {
    display: block;
    overflow: initial;
}

.xy-box22-video video {
    width: 100%;
}

.img-full img {
    width: 100%;
}

.xy-box2 .container .video-box .play {
    width: 40px;
    height: 40px;
    padding-left: 5px;
}
.xy-box2 .container .video-box .play img, .xy-box2 .container .video-box .play svg {
    width: 14px;
}

.xy-box16 .container .video-box .play {
    width: 40px;
    height: 40px;
    padding-left: 5px;
}

.xy-box16 .container .video-box .play img, .xy-box16 .container .video-box .play svg {
    width: 14px;
}

@media (max-width: 1580px) {
    #c-header .c-gn .c-phone {
        font-size: 13px;
    }

    #c-header .c-gn .c-phone .c-text {
        font-size: 13px;
    }

    #c-go-top .x-con .x-a a .x-li .x-bx {
        width: 182px;
    }

    #c-go-top .x-con .x-a a .x-li .x-bx .x-tt .x-p1 {
        font-size: 12px;
    }

    #c-go-top .x-con .x-a a .x-li .x-bx .x-tt .x-p2 {
        font-size: 14px;
    }
    
    #c-header .c-nav>li {
        margin-right: .38rem;
    }
    
    #c-header .c-nav>li .x-techxiala .container ul li .x-box .x-t a {
        font-size: 16px;
    }
    
    #c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-a a {
        font-size: 14px;
    }
    
    #c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-ab a {
        font-size: 13px;
    }
    
    #c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-a a {
        width: 2.4rem;
        font-size: 15px;
    }
    
    #c-header .c-nav>li .x-proxiala .container .x-ul .x-li .x-ab a {
        width: 2.5rem;
        font-size: 14px;
    }

    .x-index5 .x-con .x-swiper2 .swiper .swiper-slide .x-tit {
        font-size: 15px;
    }
    
    .x-xinabout1 .x-con ul li {
        padding: 1rem 0;
    }
    
    .x-xinabout1 .x-con ul li .x-title {
        padding: 0 1rem;
        font-size: 16px;
    }

    .x-xinabout2 .container .x-title {
        font-size: 16px;
    }
    
    .news-swiper .swiper-slide .text .cn1 {
        font-size: 16px;
    }
    
    .news-swiper .swiper-slide .text .cn2 {
        font-size: 14px;
    }
    
    .public-swiper-num .swiper-pagination-total {
        font-size: 16px;
    }
    
    .x-public-newlist ul li .x-box .x-text .x-tit {
        font-size: 16px;
    }
    
    .x-public-newlist ul li .x-box .x-text .x-p {
        font-size: 12px;
    }
    
    .x-public-newlist ul li .x-box .x-text time {
        font-size: 12px;
        bottom: -8px;
    }
    
    .public-nav-list .pcn1 {
        width: 200px;
    }
    
    .x-pain1 .container .x-ul .x-li .x-tp .x-text .x-tit {
        font-size: 16px;
    }
    
    .xy-box7 .container .top .txt {
        font-size: 16px;
    }
    
    .x-lou2 .container ul li .x-pp {
        font-size: 16px;
    }
}

@media (max-width: 1260px) {
    .x-index2 .container .x-title {
        font-size: .4rem;
    }
    
    .x-index2 .container ul li .x-box .x-text .x-p {
        font-size: 14px;
    }
    
    .news-banner .container .cn1 {
        font-size: .4rem;
    }

    .news-banner .container .cn2 {
        font-size: .38rem;
    }
    
    .xy-box1 .container .title {
        font-size: .4rem;
    }
    
    .xy-box2 .container .title {
        font-size: .36rem;
    }

    .xy-box3 .container .title {
        font-size: .36rem;
    }

    .xy-box4 .container .list ul li .num {
        font-size: .4rem
    }
    
    .xy-box4 .container .list ul li .num span {
        font-size: .4rem
    }

    .xy-box6 .container .title {
        font-size: .36rem;
    }

    .xy-box7 .container .top .title {
        font-size: .36rem;
    }

    .xy-box8 .container .title {
        font-size: .36rem;
    }

    .x-lou2 .container ul li .x-title {
        font-size: .36rem;
    }
    
    .xy-box10 .container .title {
        font-size: .36rem;
    }

    .xy-box11 .container .title {
        font-size: .36rem;
    }
    
    .xy-box11 .container .title span {
        font-size: .36rem;
    }

    .xy-box12 .container .title {
        font-size: .36rem;
    }

    .xy-box13.x-lou5 .title {
        font-size: .36rem;
    }
    
    .xy-box14 .container .title {
        font-size: .36rem;
    }

    .xy-box15 .container .title {
        font-size: .36rem;
    }

    .xy-box16 .container .title {
        font-size: .36rem;
    }

    .xy-box18 .container .title {
        font-size: .36rem;
    }

    .xy-box19 .container .title {
        font-size: .36rem;
    }

    .xy-box20 .container .title {
        font-size: .36rem;
    }

    .xy-box21 .container .title {
        font-size: .36rem;
    }
    
    .xy-box21 .container .txt {
        font-size: .36rem;
    }
    
    .xy-box21 .container .list .swiper-container .swiper-slide .txts {
        font-size: .36rem;
    }

    .xy-box22 .container .title {
        font-size: .36rem;
    }
    
    .x-lou6 .container1600 .x-title {
        font-size: .36rem;
    }
    
    .xy-box23 .container .title {
        font-size: .36rem;
    }

    .xy-box9 .container .top .title {
        font-size: .36rem;
    }

    .xy-box17 .container .title {
        font-size: .36rem;
    }
}

@media (max-width: 991px) {
    .x-index2 .container .x-title {
        font-size: .3rem;
    }

    .news-banner .container .cn2 {
        font-size: .26rem;
    }
    
    .xy-box1 .container .title {
        font-size: .3rem;
    }
    
    .xy-box2 .container .title {
        font-size: .26rem;
    }

    .xy-box3 .container .title {
        font-size: .26rem;
    }

    .xy-box4 .container .list ul li .num {
        font-size: .4rem
    }
    
    .xy-box4 .container .list ul li .num span {
        font-size: .4rem
    }

    .xy-box6 .container .title {
        font-size: .26rem;
    }

    .xy-box7 .container .top .title {
        font-size: .26rem;
    }

    .xy-box8 .container .title {
        font-size: .26rem;
    }

    .x-lou2 .container ul li .x-title {
        font-size: .26rem;
    }
    
    .xy-box10 .container .title {
        font-size: .26rem;
    }

    .xy-box11 .container .title {
        font-size: .26rem;
    }
    
    .xy-box11 .container .title span {
        font-size: .26rem;
    }

    .xy-box12 .container .title {
        font-size: .26rem;
    }

    .xy-box13.x-lou5 .title {
        font-size: .26rem;
    }
    
    .xy-box14 .container .title {
        font-size: .26rem;
    }

    .xy-box15 .container .title {
        font-size: .26rem;
    }

    .xy-box16 .container .title {
        font-size: .26rem;
    }

    .xy-box18 .container .title {
        font-size: .26rem;
    }

    .xy-box19 .container .title {
        font-size: .26rem;
    }

    .xy-box20 .container .title {
        font-size: .26rem;
    }

    .xy-box21 .container .title {
        font-size: .26rem;
    }

    .xy-box22 .container .title {
        font-size: .26rem;
    }
    
    .x-lou6 .container1600 .x-title {
        font-size: .26rem;
    }
    
    .xy-box23 .container .title {
        font-size: .26rem;
    }

    .xy-box9 .container .top .title {
        font-size: .26rem;
    }

    .xy-box17 .container .title {
        font-size: .26rem;
    }
    
    .x-index5 .x-con .x-swiper3 {
        padding: 0;
    }
    
    .xy-box20 .container .list ul li {
        width: calc(100% / 4 - .2rem);
    }
}

@media (max-width: 767px) {
    #c-header .c-gn .x-ff {
        padding-left: 0.05rem;
    }
    .x-index3 .x-con .x-xia .x-title {
        font-size: 0.32rem;
    }
    .x-index5 .x-con .x-title {
        top: 2.4rem;
        font-size: .42rem;
    }
    .x-index5 .x-con .x-swiper1 .swiper .swiper-slide .x-tit {
        top: 3rem;
        font-size: .36rem;
    }
    
    .x-footer .container .x-top .x-sp {
        font-size: .19rem;
    }
    
    .x-footer .container .x-top .x-aa a {
        margin: 0 .12rem .1rem;
    }
    
    .x-footer .container .x-top .x-p {
        font-size: .26rem;
    }
    
    .x-index2 .container .x-title {
        font-size: .36rem;
    }

    .x-index2 .container .x-sp {
        font-size:.22rem
    }
    
    .x-index2 .container ul li .x-box .x-text .x-p {
        font-size: 11px;
    }
    
    .x-index4 .x-con .x-title {
        font-size: .42rem;
    }
    
    .x-xinabout1 .x-con ul li .x-title {
        font-size: .34rem;
    }

    .x-xinabout2 .container .x-title {
        font-size: .34rem;
    }
    
    .news-banner .container .cn1 {
        font-size: .4rem;
    }

    .news-banner .container .cn2 {
        font-size: .4rem;
    }
    
    .news-swiper .swiper-slide .text .cn1 {
        font-size: .34rem;
    }
    
    .news-swiper .swiper-slide .text .cn2 {
        font-size: .26rem;
    }
    
    .public-swiper-num .font52 {
        font-size: .42rem;
    }
    
    .public-swiper-num .swiper-pagination-total {
        font-size: .34rem;
    }
    
    .x-public-newlist ul li .x-box .x-text .x-tit {
        font-size: .26rem;
    }
    
    .x-public-newlist ul li .x-box .x-text .x-p {
        font-size: .26rem;
    }
    
	.x-public-newlist ul li .x-box .x-text time {
        font-size: .24rem;
    }
    
    .public-nav-list .pcn1 {
        width: 33.33333333%;
        font-size: .24rem;
    }

    .x-public-newlist ul li {
        padding-bottom: .35rem;
    }

    .x-public-newlist ul li .social-share {
        padding: 0 .2rem .1rem 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .x-public-newlist ul li .x-box .x-text time {
        bottom: -0.3rem;
    }

    .social-share a {
        margin: 0;
    }
    
    .x-pain-title {
        padding-top: 50px;
        font-size: 20px;
        line-height: 20px;
    }
    
    .x-pain1 {
        padding-top: 20px;
    }
    
    .x-pain1 .container .x-a a {
        font-size: .22rem;
        line-height: .24rem;
    }
    
    .x-pain1 .container .x-ul .x-li .x-tp .x-text .x-tit {
        font-size: .34rem;
    }
    
    .xy-box1 .container .title {
        font-size: .36rem;
    }
    
    .xy-box2 .container .title {
        font-size: .32rem;
    }
    
    .xy-box23 .container .list ul li {
        margin: 0 .15rem .2rem;
    }
    
    .xy-box23 .container .list ul li .img {
        width: 1.3rem;
        height: 1.3rem;
    }

    .xy-box3 .container .title {
        font-size: .32rem;
    }

    .xy-box6 .container .title {
        font-size: .32rem;
    }

    .xy-box7 .container .top .title {
        font-size: .32rem;
    }
    
    .xy-box7 .container .top .txt {
        font-size: .34rem;
    }

    .xy-box8 .container .title {
        font-size: .32rem;
    }

    .x-lou2 .container ul li .x-title {
        font-size: .32rem;
    }
    
    .x-lou2 .container ul li .x-pp {
        font-size: .34rem;
    }
    
    .xy-box10 .container .title {
        font-size: .32rem;
    }
    
    .xy-box10 .container .txt {
        font-size: .34rem;
    }

    .xy-box11 .container .title {
        font-size: .32rem;
    }
    
    .xy-box11 .container .title span {
        font-size: .32rem;
    }

    .xy-box12 .container .title {
        font-size: .32rem;
    }

    .xy-box13.x-lou5 .title {
        font-size: .32rem;
    }
    
    .xy-box13.x-lou5 .container1600 .list .swiper-container .swiper-slide .txt {
        font-size: .26rem;
    }
    
    .xy-box14 .container .title {
        font-size: .32rem;
    }
    
    .xy-box14 .container .list ul li .txt {
        font-size: .26rem;
    }

    .xy-box15 .container .title {
        font-size: .32rem;
    }
    
    .xy-box15 .container .list ul li .txt {
        font-size: .26rem;
    }

    .xy-box16 .container .title {
        font-size: .32rem;
    }

    .xy-box18 .container .title {
        font-size: .32rem;
    }

    .xy-box19 .container .title {
        font-size: .32rem;
    }

    .xy-box19 .container .list ul li .x-box .t1 {
        font-size: .34rem;
    }
    
    .xy-box19 .container .list ul li .x-box .t2 .ts .type {
        font-size: .26rem;
    }
    
    .xy-box19 .container .list ul li .x-box .t2 .ts .name {
        font-size: .34rem;
    }

    .xy-box20 .container .title {
        font-size: .32rem;
    }

    .xy-box21 .container .title {
        font-size: .32rem;
    }
    
    .xy-box21 .container .txt {
        font-size: .34rem;
    }
    
    .xy-box21 .container .list .swiper-container .swiper-slide .txts {
        font-size: .34rem;
    }

    .xy-box22 .container .title {
        font-size: .32rem;
    }
    
    .xy-box4 .container .list ul li .txt {
        font-size: .34rem;
    }
    
    .x-lou6 .container1600 .x-title {
        font-size: .32rem;
    }
    
    .xy-box20 .container .list ul li .txt {
        font-size: .28rem;
    }
    
    .xy-box23 .container .title {
        font-size: .32rem;
    }

    .xy-box23 .container .list ul li .txt {
        font-size: .28rem;
    }

    .xy-box9 .container .top .title {
        font-size: .32rem;
    }

    .xy-box9 .container .top .txt {
        font-size: .34rem;
    }
    
    .xy-box13 .container1600 .list .swiper-container .swiper-slide .txt {
        font-size: .26rem;
    }

    .xy-box17 .container .title {
        font-size: .32rem;
    }
    
    .xy-box17 .container .box .item .tbox .t1 {
        font-size: .34rem;
        width: 3rem;
        justify-content: left;
        text-indent: .1rem;
    }
    
    .xy-box17 .container .box .item .tbox .t2 {
        font-size: .34rem;
    }
    
    .xy-box17 .container .box .item .tbox .tb .ts {
        font-size: .26rem;
    }
    
    .x-lou6 .container1600 ul li .x-box .x-tit {
        font-size: .3rem;
    }
    
    .x-pro-con1 .x-con .swiper .swiper-slide {
        padding: .3rem .2rem;
        width: 33.33333333% !important;
        align-content: center;
    }
    
    .x-pro-con1 .x-con .swiper .swiper-slide:nth-child(3n+1)::before {
        display: none !important;
    }
    
    .x-pro-con1 .x-con .swiper .swiper-slide a {
        padding: 0;
    }
    
    .contact-box1 .box .left .cn3 .cn3a .cn3b {
        width: 1rem;
    }
    
    .contact-box1 .box {
        flex-direction: column-reverse;
    }
    
    .x-index2 .container .x-sp {
        flex-direction: column;
    }
    
    .x-index2 .container .x-sp p {
        margin-top: .2rem;
        font-size: .2rem;
        display: block;
        line-height: .24rem;
    }
    
    .x-index2 .container .x-sp i {
        display: none !important;
    }
    
    .x-index7 .x-con .x-swiper2 .swiper .swiper-slide a .x-text {
        height: 1.3rem;
    }
    
    .x-index7 .x-con .x-swiper2 .swiper .swiper-slide a .x-text .x-tit {
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .xy-box18 .container .list ul li {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .xy-box18 .container .list ul li .t2 {
        text-align: left;
    }
    
    .x-case-info2 .container .x-xia ul li .x-tit {
        width: 33%;
        box-sizing: content-box;
    }
    
    .x-case-list3 .container ul li .x-box .x-text .x-sp p {
        flex-direction: column;
    }
    
    .x-case-list3 .container ul li .x-box .x-text .x-sp p span:nth-child(2) {
        height: 2.3rem;
        overflow: hidden;
    }
    
    #c-header.c-head-move {
        top: 0 !important;
    }
    
    #c-header .c-nav2 li a {
        width: 100%;
        font-size: 13px;
    }
    
    .x-case-list3 .container ul li .x-box .x-text .public-arrowbox {
        position: initial;
    }
    
    .x-sear2 .container .x-boxli2 ul li .x-box .x-text .public-arrowbox {
        position: initial;
    }
    
    .x-sear2 .container .x-boxli2 ul li .x-box .x-text .x-sp p {
        flex-direction: column;
    }
    
    .xy-box18.x-lou8 .container .x-tab .x-tab1 td, .xy-box18.x-lou8 .container .x-tab .x-tab1 th {
        font-size: 0.24rem;
    }
    
    .x-index5 .x-con .x-swiper3 .swiper .swiper-slide {
        justify-content: left;
    }
    
    .x-index5 .x-con .x-swiper3 .swiper .swiper-slide .x-box {
        padding: .5rem .1rem;
    }
    
    .x-index5 .x-con .x-swiper3 .swiper .swiper-slide .x-box:nth-child(5)::before {
        display: block;
    }
    
    .x-index5 .x-con .x-swiper3 .swiper .swiper-slide .x-box:nth-child(n+5) {
        border-bottom: 1px solid #4b4b4b;
    }

    .xy-box5 .x-index2 .container ul li .x-box .x-text .x-tit {
        font-size: 14px;
    }
    
    .xy-box20 .container .list ul li {
        width: calc(100% / 2 - .2rem);
    }
}

/* 移动端表格滑动引导提示 */
.x-swipe-guide {
    display: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.4s ease;
}

.x-swipe-guide.show {
    display: flex;
}

.x-swipe-guide.fade-out {
    opacity: 0;
}

.x-swipe-icon {
    position: relative;
    width: 36px;
    height: 36px;
    background: rgba(234, 0, 8, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: swipeRightHint 1.8s ease-in-out infinite;
    box-shadow: 0 2px 12px rgba(234, 0, 8, 0.35);
    flex-shrink: 0;
}

.x-swipe-icon::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-left: -2px;
}

.x-swipe-icon::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 5px;
    height: 2px;
    background: #fff;
    opacity: 0;
    animation: swipeTrace 1.8s ease-in-out infinite;
}

.x-swipe-text {
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    white-space: nowrap;
    margin-right: 6px;
}

@keyframes swipeRightHint {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(8px); }
}

@keyframes swipeTrace {
    0% { opacity: 0; transform: scaleX(0); }
    30% { opacity: 0.6; transform: scaleX(1); }
    60% { opacity: 0; transform: scaleX(1.6); }
    100% { opacity: 0; transform: scaleX(0); }
}

.x-sear2 .container .x-boxli1 .x-xia ul li .x-box .public-img::before {
    padding-top: 90%;
}

.x-search .public-img>img {
    object-fit: contain;
}