/* 手机端 */
@media (max-width:1024px) {

    html,
    body,
    header,
    footer,
    main,
    .Box {
        width: 100vw !important;
    }

    .pc {
        position: relative;
    }

    /* 公共部分 */
    .pcWeb {
        display: none;
    }

    .mobileWeb {
        display: block;
        height: auto;
    }

    header {
        border: none;
    }

    .lianxiwomen {
        display: none;
    }

    .l-containe-info {
        display: none;
    }

    .isurl,
    .urlTitle {
        display: none;
    }

    /* 页头部分 */
    .bannerTop {
        height: 512px;
    }

    .head-container {
        position: fixed;
        left: 0;
        top: 0; background: #fff;
        /* height: 110px; */
        z-index: 2000;
        /* color: #FFFFFF; */
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
        /* background-color: transparent; */
        width: 100%;
    }

    .bannerTop video {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        margin-left: 0;
    }

    .c-more-item {
        flex: 1;
        text-align: right;
        height: 55px;
        line-height: 55px;
    }

    /* n-first-li */
    /* .moreShow  .n-first-li{
    animation:a_menu_item_show4 0.3s ease-out both;
    animation-delay: .2s;
    } */
    /* .moreShow  .n-first-li:nth-of-type(2){
        animation:a_menu_item_show4 0.3s ease-out both;
        animation-delay: .3s;
    }
    .moreShow  .n-first-li:nth-of-type(3){
        animation:a_menu_item_show4 .3s ease-out both;
        animation-delay: .4s;
    }
    .moreShow  .n-first-li:nth-of-type(4){
        animation:a_menu_item_show40.3s ease-out both;
        animation-delay: .5s;
    } */
    .moreShow {
        height: 100%;
    }

    .moreShow .head-container {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .moreShow .m-nav-container {
        animation: a_menu_item_show3 0.4s ease-out both;
    }

    /* @keyframes a_menu_item_show4 {
    0%{-webkit-transform:translate(0,100%);  opacity:1;}
	100%{ -webkit-transform:translate(0,0); opacity: 0;}
    } */
    @keyframes a_menu_item_hide4 {
        0% {
            opacity: .4;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes a_menu_item_show3 {
        0% {
            -webkit-transform: translate(0, -60px);
            opacity: .3;
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            opacity: 1;
        }
    }

    .moreShow {
        background: #fff;
        display: block;
    }

    .headScrollHover .h-outside-content {
        background: #fff;
    }

    /* 下拉和上拉的图标切换 */
    .upLogo {
        display: block;
    }

    .headScrollHover .upLogo {
        display: none;
    }

    .downLogo {
        display: none;
    }

    .headScrollHover .downLogo {
        display: block;
    }

    .upImg {
        display: none;
    }

    .headScrollHover .upImg {
        display: none;
    }

    .downImg {
        display: block;
    }

    .headScrollHover .downImg {
        display: block;
    }

    .colseImg {
        display: none;
    }

    /* 打开目录隐藏图标 */
    .moreShow .upImg {
        display: none;
    }

    .moreShow .downImg {
        display: none;
    }

    .moreShow .upLogo {
        display: none;
    }

    .moreShow .downLogo {
        display: block;
    }

    .moreShow .colseImg {
        display: block;
    }

    .moreShow .m-nav-container {
        display: block;
    }

    .m-nav-container {
        display: none;
    }

    .h-outside-content {
        padding: 0 20px;
    }

    .h-logo-contaier {
        /* margin-top: 18px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
    }

    .h-logo-contaier .l-logo-img {
        width: 127px;
        /* width: 48%; */
        /* height: 24px; */
    }

    .h-logo-contaier .r-handle-img {
        width: 18px;
        height: 18px;
    }

    li.n-first-li {
        /* height: 55px; */
        border-bottom: 1px solid #EDEFF1;
        height: auto;
    }

    .f-li-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 55px;
    }

    .f-li-text {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(47, 49, 49, 1);
    }

    .f-li-icon {
        width: 12px;
        height: 12px;
    }

    .n-second-container {
        display: none;
        animation: a_menu_item_hidden 0.4s ease-out both;
    }

    .active .secondItem {
        display: block;
        animation: a_menu_item_show 0.4s;
        /* animation-delay:.2s; */
    }

    .active .f-li-text {
        color: #0873DD;
    }

    .activeIcon {
        transform: rotate(180deg);
    }

    @keyframes a_menu_item_show {
        0% {
            -webkit-transform: translate(-10px, 0);
            transform: scale(.7);
            opacity: 0;
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            transform: scale(1);
            opacity: 1;
        }
    }

    .s-l-product-text {
        position: relative;
        margin-top: 6px;
        padding-left: 10px;
        font-size: 14px;
        font-weight: 500;
        color: rgba(109, 117, 122, 1);
    }

    .s-l-product-text::after {
        content: "";
        position: absolute;
        top: 25%;
        left: 0;
        width: 2px;
        height: 11px;
        background-color: #1C6BFF;
    }

    .s-ul-content {

        margin: 16px 0 4px 0;
    }

    .s-li-content {
        margin-bottom: 15px;
    }

    .s-li-content a {
        display: flex;
        /* align-items: center; */
        box-sizing: border-box;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 40px 0px rgba(237, 239, 241, 1);
        border-radius: 12px;
        padding: 16px;
    }

    .s-li-content a .l-item-img {
        width: 44px;
        height: 46px;
        background: linear-gradient(39deg, rgba(60, 164, 255, 1) 0%, rgba(8, 115, 221, 1) 100%);
        border-radius: 6px;
    }

    .s-li-content a .r-item-content {
        margin-left: 12px;
        line-height: 23px;
        flex: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding-right: 15px; */
    }

    img.r-icon-img {
        width: 16px;
        height: 13px;
    }

    .r-item-content h1 {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(47, 49, 49, 1);
    }

    .r-item-content h2 {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(109, 117, 122, 1);
    }

    .case-ul-content {
        margin: 16px 0 4px 0;
    }

    .case-li-content {
        padding-bottom: 20px;
    }

    .case-li-content a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 66px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 40px 0px rgba(237, 239, 241, 1);
        border-radius: 12px;
        padding: 0 16px;
    }

    .case-li-content a img {
        width: 20px;
        height: 20px;
    }

    .c-right-item h1 {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(8, 115, 221, 1);
    }

    .c-right-item h2 {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(109, 117, 122, 1);
    }

    li.n-first-li.phoneContainer {
        border: none;
    }

    .phoneAContent {
        border: 1px solid #1472da;
        height: auto;
        margin: 15px 0;
        padding: 6px;
        border-radius: 8px;
        color: #1472da;
    }

    .pFooterContainer {
        padding: 0 15px;
        border: none
    }

    img.phoneImg {
        width: 20px;
        vertical-align: middle;
    }

    /* 页脚部分 */
    footer .footerBanner {
        width: 100vw !important;
        height: auto;
    }

    footer .footerBanner p {
        font-size: 16px;
        padding: 0 6px;
    }

    footer .footerBanner button {
        margin-top: 20px;
        width: auto;
        height: auto;
        padding: 6px 12px;
        font-size: 14px;
    }

    li.i-first-li {
        margin: 0 15px;
        border-bottom: 1px solid #EDEFF1;

    }

    .i-first-ulText {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 55px;
    }

    .i-first-ulText span {
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(47, 49, 49, 1);
    }

    .i-first-ulText img {
        width: 12px;
        height: 12px;

    }

    ul.i-second-ul {
        margin: 0 15px;
        display: none;
    }

    footer .footerBanner img {
        height: 100%;
        width: 100%;
    }

    .mobile-dom {
        display: block;

    }

    .web-dom {
        display: none;
    }

    .footer .footerBanner img {
        width: 100%;
        height: auto;
    }

    .back_to_top {
        display: block;
        width: 100%;
        height: 50px;
    }

    .back_to_top .back {
        display: block;
        height: 50px;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #111;
        background: #f2f3f5;
        line-height: 50px;
    }

    footer {
        padding-bottom: 0;
    }

    footer .footerBanner div.w100 {
        top: 30%;
    }

    /* 点击样式 */
    .footerActive .i-second-ul {
        display: block;
    }

    .footerActive .i-second-ul li {
        transition: all .4 ease;
    }

    .footerActive .footerFirstItem img {
        transform: rotate(180deg);
    }

    .footerActive .i-first-ulText span {
        color: #0873DD;
    }

    a.headerFirstA {
        height: 55px;
        line-height: 55px;
    }

    .footerActive .i-second-ul li {
        animation: f_item_show 0.4s;
        transition: width 1s linear;
    }

    @keyframes f_item_show {
        0% {
            -webkit-transform: translate(0, -30px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translate(0px, 0px);
            opacity: 1;
        }
    }


    li.i-second-li {
        height: 40px;
        line-height: 40px;
    }

    li.i-second-li:last-of-type {
        margin-bottom: 8px;
    }

    li.i-second-li a {
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(109, 117, 122, 1);
        display: block;
    }

    .l-c-info {
        text-align: center;
        margin-top: 32px;
    }

    img.c-info-logo {
        width: 128px;
        margin-bottom: 26px;
    }

    p.c-info-name {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(109, 117, 122, 1);
        margin-bottom: 8px;
    }

    p.c-info-file {
        margin-bottom: 16px
    }

    p.c-info-file a {
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: rgba(109, 117, 122, 1);
    }

    img.c-info-qrCode {
        width: 74px;
        margin-bottom: 28px;
    }

    /* l轮播图 */
    .text1 {
        font-size: 28px;
        top: 35% !important;
    }

    .text2 {
        font-size: 18px;
        top: 51% !important;
        padding: 0 46px;
    }

    #myswiper1 {
        position: relative;
        height: 512px;
    }

    /* #play {
        display: none;
    } */

    .btnCall {
        display: none;
        top: 58%;
        border-radius: 36px;
    }

    /* 内容部分 */
    .innerUl {
        display: inherit;
    }

    .innerUlLi {
        box-sizing: border-box;
        margin: 15px;
        width: auto;
    }

    .innerUlLi .innerImgBox {
        width: 100%;
    }

    .innerH1 {
        font-size: 24px;
        line-height: normal;
    }

    .innerP {
        font-size: 12px;
        margin-top: 0;
        padding: 0 15px;
    }

    .section3 .innerUl h1 {
        font-size: 16px;
    }

    .section3 .innerUl h2 {
        font-size: 13px;
    }

    .bor {
        display: none;
    }

    .section3 .innerUl {
        overflow: hidden;
        padding: 0 15px;
        margin: 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }

    .section3 .innerUl li {
        /* flex: 1; */
        /* float: left; */
        margin-top: 30px;
        padding: 0 15px;
        width: 50%;
    }

    .section4 ul {
        display: inherit;
        margin: 0 15px;
    }

    .section4 ul li {
        width: 100%;
        margin-top: 15px;
    }

    .section4 .newsImg {
        width: 100%;
    }

    .section4 .newBnt img {
        width: 100%;
    }

    .section4 ul li dl dd .title {
        width: 218px;
    }

    .kehu img {
        width: 100vw;
    }

    .innerUlLi .ulSon li button {
        display: block;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
    }

    .innerUlLi .ulSon li.active {
        background-color: #fff;
    }

    .mobile-b-a {
        display: block;
        position: absolute;
        left: 0;
        top: 76%;
        width: 100%;
        text-align: center;
    }

    .mobile-img {
        display: block;
    }

    .web-img {
        display: none;
    }

    .mobile-b-a button {
        /* top: 75%; */
        /* right: 40%; */
        /* position: absolute; */
        z-index: 999;
        border: none;
        width: 78px;
        height: 33px;
        background: rgb(255, 255, 255);
        box-shadow: 0px 8px 24px 0px rgba(47, 49, 49, 0.04);
        border-radius: 4px;
        font-size: 12px;
        font-weight: 500;
        color: #0873DD;
        line-height: 17px;
    }

    .content-img {
        width: 100vw;
    }

    .tContentLi {
        display: none;
    }

    .tabContainer {
        display: flex;
        justify-content: space-around;
        margin: 15px;
        text-align: center;
        /* background: #eaeaea; */
    }

    .tabItemContent {
        flex: 1;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        position: relative;
    }

    .tabItemContent p {
        width: auto;
        display: inline-block;
        position: relative;
    }

    .tabItemSelect {
        color: #0873dd;
    }

    .tabItemSelect .tabLine {
        position: absolute;
        bottom: 4px;
        background: #0873dd;
        width: 100%;
        height: 2px;
        right: 0;
        /* transform: translate(-100%,0); */
    }

    .tabContentSelect {
        display: block;
    }

}

/* PC端 */
@media only screen and (min-width:1024px) {

    /* 公共部分隐藏 */
    .pcWeb {
        display: block;
    }

    .mobileWeb {
        display: none;
    }

}





/* 
@media screen and(min-width: 320px)and(max-width: 359px) {
    html {
        font-size: 12.8px;
    }
}

@media screen and(min-width: 360px)and(max-width: 374px) {
    html {
        font-size: 14.4px;
    }
}

@media screen and(min-width: 375px)and(max-width: 385px) {
   header{
       display: none;
   }
}

@media screen and(min-width: 386px)and(max-width: 392px) {
    html {
        font-size: 15.44px;
    }
}

@media screen and(min-width: 393px)and(max-width: 400px) {
    html {
        font-size: 16px;
    }
}

@media screen and(min-width: 401px)and(max-width: 414px) {
    html {
        font-size: 16.48px;
    }
}

@media screen and(min-width: 750px)and(max-width: 799px) {
    html {
        font-size: 30.72px;
    }
} */