/* btn */

.btn-outline {
    width: 125px;
    height: 36px;
    line-height: 32px;
    border: 1px solid #fff;
    background-color: transparent;
    font-size: 1.3rem;
    text-align: left;
    background: url(../image/right_white_30.png) no-repeat right;
    background-size: 11%;
    /* background-position: 82% 50%; */
    background-position: 87% 54%;
    padding-left: 20px;
}

.btn-around {
    width: 125px;
    height: 36px;
    line-height: 32px;
    border: 2px solid #fff;
    font-size: 1.3rem;
    text-align: left;
    background: url(../image/arrow-right-black.png) no-repeat right;
    background-color: #fff;
    background-size: 13%;
    background-position: 87% 55%;
    padding-left: 20px;
    /* font-weight: 600; */
    color: #000;
}

.btn-inside {
    width: 125px;
    height: 36px;
    line-height: 32px;
    border: 2px solid #eb6100;
    font-size: 1.3rem;
    text-align: left;
    background: url(../image/right_white_30.png) no-repeat right;
    background-color: #eb6100;
    background-size: 11%;
    background-position: 85% 55%;
    padding-left: 20px;
    font-weight: 500;
    color: #fff;
}


@media only screen and (min-width:750px) and (max-width: 1920px) {
    main-m {
        display: none;
    }



    /* 首页商务公共 */
    .sw {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 5vw;
    }

    .sw-container {
        width: 90vw;
        margin: 0 auto;
        z-index: 9999;
    }

    .sw-title {
        position: relative;
        font-size: 3rem;
        font-weight: 600;
        color: #000;
        letter-spacing: .1rem;
    }

    .sw-title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 74px;
        height: 3px;
        background-color: #eb6100;
    }

    .sw-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 1150px;
        margin-top: 30px;
        justify-content: space-between;
        z-index: 9999;
    }

    .sw-items a {
        width: 45%;
    }

    .sw-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /* width: 45%; */
        color: #333;
        text-align: left;
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
        margin-top: 10px;
    }

    .sw-l {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .sw-item .icon-y {
        width: 20px;
        height: 20px;
        background: url(../image/dot.png) no-repeat center;
        background-size: contain;
    }

    .sw-item a {
        color: #000;
    }

    .sw-t {
        font-size: 1.4rem;
        margin-left: 10px;
    }

    main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        /* margin-top: -100px; */
    }


    .m-slides {
        position: relative;
        width: 100%;
        height: 100vh;
        background: url(../image/滚屏-1.png) no-repeat center;
        /* background-color: rgb(194, 73, 73); */
        background-size: cover;
        margin-top: -100px;
    }

    /* show hide */
    .about-m {
        display: none;
    }

    /* slides */

    .slides {
        position: relative;
        width: 100%;
        height: 100vh;
        /* background: url(../image/滚屏-1.png) no-repeat center; */
        /* background-color: rgb(194, 73, 73); */
        background-size: cover;
        margin-top: -100px;
    }

    .mySwiper0 .swiper-slide0 {
        width: 100% !important;
    }

    .swiper-slide0 img {
        width: 100%;
    }

    .swiper-slide0 .t1 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 2.5vw;
        font-weight: bold;
        color: #fff;
    }

    .swiper-slide0 .t2 {
        position: absolute;
        left: 50%;
        bottom: 38%;
        transform: translate(-50%, -50%);
        font-size: 1.5vw;
        font-weight: bold;
        color: #fff;
    }

    .swiper-slide0 .t3 {
        position: absolute;
        left: 50%;
        bottom: 38%;
        transform: translate(-50%, -50%);
        font-size: 1.5vw;
        font-weight: bold;
        color: #fff;
    }


    .slides .title {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 4rem;
        font-weight: bold;
        color: #fff;
    }

    .slides .sub-title {
        position: absolute;
        width: 100%;
        top: 549px;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #fff;
    }


    /* about */
    .about {
        display: flex;
        width: 100%;
        height: 600px;
        /* background: url(../images/index/about.png) no-repeat center; */
        background-color: #eb6100;
        color: #fff;
        padding-top: 28px;
        justify-content: center;
        /* margin-top: 100px; */
    }

    .about .container {
        display: flex;
        width: 1145px;
        height: 500px;
        /* margin: 0 auto; */
        justify-content: center;
        flex-direction: column;
    }

    .about .item {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .about .content {
        width: 47%;
    }

    .about .title {
        position: absolute;
        font-size: 3.2rem;
        font-weight: 600;
        letter-spacing: .2rem;
        z-index: 9999;
    }

    .item-w-about {
        position: relative;
    }

    .w-about {
        position: absolute;
        left: -115px;
        top: -25px;
        width: 293px;
        height: 56px;
        background: url(../image/w-about.png) no-repeat center;
        background-size: 49%;
        z-index: 1;
    }



    .about .p {
        font-size: 1.4rem;
        line-height: 2.3rem;
    }



    /* resource */
    .resources {
        display: flex;
        width: 100%;
        /* min-height: 900px; */
        justify-content: flex-start;
        /* background-color: #1e90ff; */
        flex-direction: column;
        margin-top: 30px;
        height: auto;
    }

    .resources .item {
        width: 95%;
        /* background-color: red; */
        margin-top: -60px;
        margin-left: 5%;
    }

    .resources .top {
        position: relative;
    }

    .w-asserts {
        position: absolute;
        left: -115px;
        top: -30px;
        width: 293px;
        height: 56px;
        background: url(../image/w-assets.png) no-repeat center;
        background-size: 59%;
    }

    .resources .btm {
        width: calc(95% + 25px);
        margin-left: calc(5% - 47px);
    }

    .resources .top {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin-top: 80px;
    }

    .resources .title {
        position: relative;
        /* font-size: 3rem; */
        font-size: 2vw;
        font-weight: 600;
        color: #000;
        letter-spacing: .1rem;
    }

    .resources .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 74px;
        height: 3px;
        background-color: #eb6100;
    }

    .xx-ss .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 74px;
        height: 3px;
        background-color: #eb6100;
    }


    .resources .intro {
        width: 37%;
        margin-top: 20px;
        font-size: 1.4rem;
        line-height: 2.3rem;
    }

    /* .resources image { */
    /* width: 80%; */
    /* } */

    /* 优势资源轮播图 */
    .out_container {
        width: 100%;
        height: auto;
        /* margin-top: -200px; */
        position: relative;
        /* outline: 1px solid black; */
        padding-top: 100px;
    }

    .out_container .swiper {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .out_container .swiper_btn {
        width: 20px !important;
        height: 20px;
        background-size: contain;
    }

    .out_container .swiper-button-prev {
        position: absolute;
        /* left: 89vw !important; */
        right: calc(1vw + 70px);
        top: 32px !important;
    }

    .out_container .swiper-button-next {
        position: absolute;
        /* right: 4vw !important; */
        right: 1vw !important;
        top: 32px !important;
    }

    /* .out_container .swiper-button-prev:after,
    .out_container .swiper-button-next:after {
        font-size: 1.8rem !important;
        background-color: #eee;
        padding: .8vw .5vw !important;
    } */

    .swiper {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        /* text-align: center; */
        /* font-size: 18px; */
        /* background: #fff; */

        /* Center slide text vertically */
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper .title {
        position: absolute;
        left: 55px;
        bottom: 150px;
        color: #fff;
        /* font-size: 2.5rem; */
        font-size: 1.4vw;
    }

    .swiper .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -20px;
        width: 50px;
        height: 3px;
        background-color: #eb6100;
    }

    /* 
    .swiper-slide img {
        display: block;
        width: 80%;
        height: 100%;
        object-fit: cover;
    } */

    .mySwiper .swiper-slide-resource {
        width: 30% !important;
    }

    /* .mySwiper .swiper-slide-resource {
        width: 30% !important;
    }
    
    .mySwiper .swiper-slide-resource {
        width: 30% !important;
    }
    
    .mySwiper .swiper-slide-resource {
        width: 30% !important;
    } */

    /* .swiper-slide {
        width: 30% !important;
    }
    
    .swiper-slide:nth-child(2n) {
        width: 30% !important;
    }
    
    .swiper-slide:nth-child(3n) {
        width: 30% !important;
    }
    
    .swiper-slide:nth-child(4n) {
        width: 30% !important;
    } */

    .swiper .btn {
        position: absolute;
        left: 55px;
        bottom: 40px;
    }


    /* services */
    .services {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        flex-direction: row;
        margin-top: 4vw;
        padding-bottom: 50px;
    }

    .services .item {
        display: flex;
        /* background-color: red; */
        margin-top: 40px;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
    }

    .w-services {
        position: absolute;
        left: -95px;
        top: -30px;
        width: 293px;
        height: 56px;
        background: url(../image/w-services.png) no-repeat center;
        background-size: 71%;
    }

    .services .item1 {
        width: 45%;
        margin-left: 5%;
    }

    .services .item2 {
        width: 45%;
        /* background: url(../images/index/services-cover.png) no-repeat center;
        background-size: cover; */
        margin-left: 5%;
    }

    .services .p1 {
        width: 95%;
        font-size: 1.4rem;
        line-height: 2.3rem;
        margin-top: 30px;
    }

    .services .links {
        display: flex;
        width: 60%;
        line-height: 2.3rem;
        margin-top: 50px;
        justify-content: space-between;
        align-items: flex-start;
    }

    .services .link {
        font-weight: bold;
        font-size: 1.4rem;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        cursor: pointer;
        color: #000;
        padding-right: 5px;
        /* background: url(../image/arrow-right-black.png) no-repeat center;
        background-size: 20%;
        background-position: 93% 45%;
        padding-right: 30px; */
    }

    .services .link:after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 1px solid #656565;
        border-right: 1px solid #656565;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-left: 5px;
    }

    .services .title {
        position: relative;
        font-size: 3rem;
        font-weight: 600;
        color: #000;
        letter-spacing: .1rem;
    }

    .services .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 74px;
        height: 3px;
        background-color: #eb6100;
    }


    /*  招商   */
    .zs {
        display: flex;
        width: 100%;
        flex-direction: column;
        padding-bottom: 120px;
    }

    .switch1 .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 74px;
        height: 3px;
        background-color: #eb6100;
    }

    .zs-items {
        display: flex;
        flex-direction: row;
        width: 90%;
        margin: 0 auto;
        justify-content: space-between;
    }

    .zs-box {
        display: flex;
        flex-direction: column;
        width: 45%;
    }

    .zs-item {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #eee;
        line-height: 5rem;
    }

    .zs-title {
        font-size: 1.3rem;
        color: #101010;
        text-align: left;
        width: 80%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .zs-date {
        font-size: 1.3rem;
        color: #ccc;
        width: 20%;
        text-align: right;
    }


    .cases {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin-top: 100px;
    }

    .cases .item {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }

    .cases .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        /* background-color: #f3f4f7; */
        /* #f2f7fe */
        background-color: #f2f7fe;
    }

    .cases .box1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        background-color: #f2f7fe;
    }

    .cases img {
        width: 100%;
    }

    .cases .title {
        /* font-size: 2.5rem; */
        font-size: 1.5vw;
        font-weight: 600;
    }

    .cases .title1 {
        margin-left: 10%;
        /* margin-top: 40px; */
    }

    .cases .title2 {
        margin-left: 10%;
        margin-top: 12px;
    }

    .cases .btn-right {
        margin-left: 10%;
        margin-top: 25px;
    }

    .cases .title3 {
        margin-left: 10%;
        /* margin-top: 80px; */
    }

    .cases .title4 {
        /* margin-left: 8.8%; */
        margin-left: 10%;
        margin-top: 12px;
    }

    .cases .btn-left {
        margin-left: 10%;
        margin-top: 25px;
    }


    /* partners */

    .partners {
        display: flex;
        width: 90%;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto;
        margin-top: 15vh;
        align-items: center;
        margin-bottom: 15vh;
    }

    .mySwiper1 {
        width: 100%;
    }

    .mySwiper1 .swiper-slide {
        width: 100% !important;
        padding: 0 15% !important;
    }

    .partners .title {
        height: 100px;
        font-size: 3rem;
    }


}

/* 小于750的时候显示 */
@media only screen and (max-width: 750px) {
    main-m {
        display: block;
    }

    main {
        display: none;
    }


    .sw {
        width: 90vw;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        margin-top: 30px;
    }

    .sw-title {
        position: relative;
        font-size: 2rem;
        font-weight: bold;
        color: #000;
        margin-top: 30px;
    }

    .sw-title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 55px;
        height: 3px;
        background-color: #eb6100;
    }

    .sw-item {
        display: flex;
        width: 90vw;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 20px;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

    .sw-l {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .sw-item a {
        color: #333;
        font-size: 1.3rem;
        margin-left: 7px;
    }

    .sw-icon {
        width: 20px;
        height: 20px;
        background: url(../image/dot.png) no-repeat center;
        background-size: contain;
    }

    .sw-r {
        font-size: 1.2rem;
        color: #555;
        margin-left: 28px;
        margin-top: 10px;
    }

    .slides1 {
        display: flex;
        width: 100%;
        /* flex-direction: row; */
        justify-content: flex-start;
        margin: 0 auto;
        /* margin-top: 200px; */
        align-items: center;
        height: 100vh;
        /* margin-bottom: 200px; */
        margin-top: -70px;
    }

    .mySwiper2 {
        width: 100%;
        height: 100vh;
    }

    .mySwiper2 .swiper-slide {
        /* width: 100% !important; */
        height: 100vh;
        /* padding: 0 15% !important; */
    }

    .mySwiper2 img {
        /* width: 100vw; */
        /* height: 100vh; */
        /* background-size: contain; */

        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-size: cover;
        object-fit: cover;
    }

    .ss2 {
        position: relative;
    }

    .ss2 .wenzi1 {
        position: absolute;
        width: 80%;
        text-align: left;
        left: 10vw;
        bottom: 47vh;
        font-size: 2rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi2 {
        position: absolute;
        width: 88%;
        text-align: left;
        left: 10vw;
        bottom: 42vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi3 {
        position: absolute;
        width: 80%;
        text-align: left;
        left: 10vw;
        bottom: 47vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi31 {
        position: absolute;
        width: 88%;
        text-align: left;
        left: 10vw;
        bottom: 43vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi4 {
        position: absolute;
        width: 85%;
        text-align: left;
        left: 10vw;
        bottom: 37vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi5 {
        position: absolute;
        width: 85%;
        text-align: left;
        left: 10vw;
        bottom: 33vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .ss2 .wenzi6 {
        position: absolute;
        width: 85%;
        text-align: left;
        left: 10vw;
        bottom: 29vh;
        font-size: 1.6rem;
        color: #fff;
        z-index: 10;
    }

    .container1 {
        display: flex;
        width: 100vw;
        height: 70px;
        background-color: #fff;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        z-index: 10;

    }

    .hamburger {
        position: relative;
        display: block;
        width: 35px;
        /* height: 35px; */
        cursor: pointer;
        appearance: none;
        background: none;
        outline: none;
        border: none;
        z-index: 9999;
        margin-right: 30px;
    }

    .hamburger .bar,
    .hamburger:after,
    .hamburger:before {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        /* background-color: #fff; */
        background-color: #eb6100;
        margin: 5px 0;
        transition: .4s;
    }

    .hamburger.is-active:before {
        transform: rotate(-45deg) translate(-8px, 7px);
    }

    .hamburger.is-active:after {
        transform: rotate(45deg) translate(-5px, -5px);
    }

    .hamburger.is-active .bar {
        opacity: 0;
    }

    .mobile-nav {
        position: fixed;
        display: block;
        top: 0;
        left: 100%;
        width: 100%;
        min-height: 100vh;
        background-color: #101010;
        z-index: 10;
        padding-top: 100px;
        transition: .4s;
    }

    .mobile-nav.is-active {
        left: 0
    }

    .mobile-nav a {
        display: block;
        width: 100%;
        min-width: 200px;
        text-align: center;
        margin-bottom: 16px;
        padding: 12px 16px;
        /* background-color: #e16217; */
        color: #fff;
        font-size: 1.5rem;
        font-weight: bold;
    }


    .two_level_menubar {
        display: none;
        margin-left: 8px;
        font-size: 14px;
    }

    .two_level_menubar li {
        border-left: 1px dashed #000000;
    }

    .sub1 {
        font-size: 1.2rem !important;
    }


    /* .slides {
        display: none;
    }

    .about {
        display: none;
    }

    .resources {
        display: none;
    }

    .services {
        display: none;
    }

    .cases {
        display: none;
    }

    .partners {
        display: none;
    }

    .contacts {
        display: none;
    }

    .footer {
        display: none;
    }

    .icp {
        display: none;
    } */

    .about-m {
        display: flex;
        width: 100%;
        background-color: #e16217;
        color: #fff;
        justify-content: center;
        padding-bottom: 30px;
        padding-top: 25px;
    }

    .about-m .container {
        display: flex;
        width: 90%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .about-m .item {
        position: relative;
        width: 100%;
        margin-top: 30px;
    }

    .w-about1 {
        position: absolute;
        left: -118px;
        top: -30px;
        width: 293px;
        height: 56px;
        background: url(../image/w-about.png) no-repeat center;
        background-size: 29%;
        z-index: 1;
    }

    .about-m .title {
        font-size: 2rem;
        font-weight: bold;
        z-index: 9999;
    }

    .about-m .p {
        /* font-size: 1.3rem; */
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    .btn-outline1 {
        width: 119px;
        height: 36px;
        line-height: 32px;
        border: 1px solid #fff;
        background-color: transparent;
        font-size: 1.2rem;
        text-align: left;
        background: url(../image/right_white_30.png) no-repeat right;
        background-size: 10%;
        background-position: 83% 47%;
        padding-left: 20px;
        color: #fff;
    }

    .resources-m {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 30px;
    }

    .resources-m .item {
        position: relative;
        display: flex;
        width: 90%;
        flex-direction: column;
        justify-content: flex-start;
    }

    .w-asserts1 {
        position: absolute;
        left: -115px;
        top: -32px;
        width: 293px;
        height: 56px;
        background: url(../image/w-assets.png) no-repeat center;
        background-size: 31%;
    }

    .top .title {
        position: relative;
        font-size: 2rem;
        font-weight: bold;
    }

    .top .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 55px;
        height: 3px;
        background-color: #eb6100;
    }

    .top .intro {
        width: 100%;
        margin-top: 30px;
        font-size: 1.28rem;
        line-height: 25px;
    }

    .btm {
        display: flex;
        flex-direction: column;
    }

    .btm .w {
        position: relative;
        width: 90vw;
        height: 130.47vw;
        /* height: 146vw; */
        margin-top: 20px;
    }

    .btm img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .w .title {
        position: absolute;
        left: 5%;
        top: 70%;
        color: #fff;
        font-size: 1.8rem;
        /* z-index: 9999; */
        z-index: 9;
        font-weight: bold;
    }

    .w .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 85px;
        height: 3px;
        background-color: #eb6100;
    }

    .btn-around1 {
        position: absolute;
        left: 20px;
        bottom: 30px;
        width: 119px;
        height: 36px;
        line-height: 36px;
        border: 1px solid #fff;
        background-color: transparent;
        font-size: 1.2rem;
        text-align: left;
        background: url(../image/arrow-right-black.png) no-repeat right;
        background-size: 11%;
        background-position: 83% 48%;
        background-color: #fff;
        padding-left: 20px;
        color: #000;
    }

    .services-m {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #f3f7fe;
        margin-top: 30px;
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .services-m .item {
        position: relative;
        display: flex;
        width: 90%;
        flex-direction: column;
    }

    .w-services {
        position: absolute;
        left: -95px;
        top: 0px;
        width: 293px;
        height: 56px;
        background: url(../image/w-services.png) no-repeat center;
        background-size: 41%;
    }

    .services-m .title {
        position: relative;
        font-size: 2rem;
        font-weight: bold;
        color: #000;
        margin-top: 30px;
    }

    .services-m .title::after {
        position: absolute;
        content: ' ';
        left: 0px;
        bottom: -10px;
        width: 55px;
        height: 3px;
        background-color: #eb6100;
    }

    .services-m .p1 {
        font-size: 1.3rem;
        margin-top: 20px;
        line-height: 2.2rem;
    }

    .services-m img {
        margin-top: 20px;
    }

    .services-m .links {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 15px;
    }

    .services-m .link {
        width: 35%;
        height: 40px;
        line-height: 35px;
        background-color: #e16217;
        color: #fff;
        margin-top: 20px;
        text-align: center;
        font-size: 1.4rem;
    }

    .services-m a {
        color: #fff;
    }

    /*  招商 */
    .zs-m {
        display: flex;
        width: 90%;
        /* justify-content: center; */
        /* align-items: center; */
        flex-direction: column;
        padding-top: 30px;
        margin: 0 auto;
    }

    .zs-m .zs-items {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 40px;
    }

    .zs-m .zs-item {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: flex-start;
        margin: 0 auto;
        margin-top: 20px;
    }

    .zs-item .zs-title {
        width: 70%;
        font-size: 1.3rem;
        color: #101010;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .zs-item .zs-date {
        width: 30%;
        text-align: right;
        font-size: 1.1rem;
    }

    .cases-m {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
        background-color: #f3f7fe;
    }

    .cases-m .item {
        position: relative;
        width: 100%;
        height: 100vw;
        flex-direction: column;
    }

    .cases-m img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 60vw;
        background-size: cover;
        object-fit: cover;
    }

    .cases-m .mask {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 5vw;
        top: 50vw;
        width: 90vw;
        height: 40vw;
        background-color: #fff;
    }

    .cases-m .title1 {
        font-size: 1.4rem;
        /* font-weight: bold; */
    }

    .cases-m .title2 {
        font-size: 1.4rem;
        /* font-weight: bold; */
        margin-top: 5px;
        margin-right: 10px;
    }

    .cases-m .btn-inside {
        margin-top: 25px;
        font-size: 1.2rem;
        width: 119px;
        background-position: 83% 47%;
    }

    .partners-m {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 30px 0;
        align-items: center;
    }

    .partners-m .title {
        width: 100%;
        text-align: center;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .partners-m .p-logos {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 80%;
        margin: 0 auto;
    }

    .partners-m .p-logos-1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }

    .partners-m .p-logos-2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }

    .partners-m .p-logos-3 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }

    .partners-m .p-logos-4 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin: 0 auto;
    }

    /* .p-logos .p-img-box {
        display: flex;
        width: 50%;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .p-img-box img {
        width: 60%;
    } */

    .partners-m .p-img-box {
        display: flex;
        width: 50%;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .partners-m img {
        width: 60%;
    }


    .p-switch {
        display: flex;
        width: 110px;
        /* height: 0px; */
        /* background-color: red; */
        justify-content: space-between;
        margin-top: 20px;
    }

    .p-switch .btn-left {
        width: 40px;
        height: 40px;
        border: 1px solid #bdc3c4;
        background: url(../images/index/left\ arrow.png) no-repeat center;
    }

    .p-switch .btn-right {
        width: 40px;
        height: 40px;
        border: 1px solid #bdc3c4;
        background: url(../images/index/right\ arrow.png) no-repeat center;
    }

    /* .p-logos img {
        display: flex;
        width: 30%;
        background-size: cover;
        object-fit: fill;
    } */

    /* .cases-m .item {
        display: flex;
        position: relative;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        height: 61vw;
    }

    .cases-m img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 60vw;
        background-size: cover;
        object-fit: cover;
    }

    .mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 60vw;
        background-color: #000;
        opacity: .8;
    }

    .cases-m .title1 {
        position: absolute;
        color: #fff;
        z-index: 9999;
        font-size: 2rem;
        width: 100%;
        top: 16vw;
        text-align: center;
    }

    .cases-m .title2 {
        position: absolute;
        color: #fff;
        z-index: 9999;
        font-size: 2rem;
        width: 100%;
        top: 25vw;
        text-align: center;
    }

    .cases-m .btn-inside {
        position: absolute;
        left: 35vw;
        top: 40vw;
        width: 30vw;
        height: 36px;
        line-height: 32px;
        background-color: transparent;
        font-size: 1.3rem;
        text-align: left;
        background: url(../image/right_white_30.png) no-repeat right;
        background-size: 11%;
        background-position: 82% 50%;
        background-color: #eb6100;
        color: #ddd;
    } */


    /* .contacts-m {
        width: 100%;
        display: flex;
        position: relative;
        width: 100%;
        height: 280px;
        background: url(../images/index/contact.png) no-repeat center center;
        background-size: cover;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    .contacts-m .box {
        display: flex;
        flex-direction: column;
        width: 80%;
        height: 200px;
        align-items: center;
        justify-content: center;
    }

    .contacts-m .title1 {
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
        color: #fff;
        letter-spacing: 0.1rem;
    }

    .contacts-m .title2 {
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
        margin-top: 5px;
        color: #fff;
        letter-spacing: .1rem;
    } */

}