@media screen and (min-width: 1200px) {
    body {
        padding-top: 85px !important;
    }



    /* 头部导航 */
    header {
        width: 100%;
        background: #08154f;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }

    nav {
        width: 1200px;
        /* height: 50px; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 0;
        background: #08154f;
    }

    /* 导航左 */
    .nav-left {
        width: 19%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        float: left;
    }

    /* 这里是手机版有电脑没有的 */
    .zjlogo {
        display: none;
    }

    .navlist-yd {
        display: none;
    }

    .daohang2 {
        display: none;
    }


    .index-logo {
        width: 65px;
        height: 65px;
        display: block;
    }

    .nl-font h3 {
        font-size: 35px;
        color: #fff;
        letter-spacing: 4px;
    }

    .nl-font p {
        font-size: 12px;
        color: #fff;
    }

    /* 导航中间 */
    .nav-centerDiv {
        width: 65%;
        background: #08154f;
        position: static;
        top: auto;
        right: auto;
        z-index: 999;
    }

    .nav-center {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        float: left;
        /* background: #08154f; */
        /* position: static;
        top: auto;
        right: auto;
        z-index: 999; */
    }

    .nav-center li {
        width: 16.6%;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 53px;
        margin-top: 5px;
    }

    .nav-center li a {
        width: 100%;
        color: #fff;
        font-size: 16px;
        padding: 0;
        text-align: center;
        line-height: 53px;
        overflow: hidden;
        display: table;
    }

    /* 首页头部导航划入样式 */
    .nav-center li:hover {
        width: 16.6%;
        color: #fff;
        font-size: 16px;
        text-align: center;
        background: url('../images/navhover.png') no-repeat;
        background-size: 100%;
    }


    /* 导航右 */
    .nav-right {
        width: 10%;
        font-size: 16px;
        color: #fff;
        float: right;
        text-align: center;
        padding: 5px 10px;
        border: 1px solid #00b8ff;
        border-radius: 5px;
        overflow: hidden;
        line-height: 25px;
        display: table;
        margin-top: 14px;
    }

    .nav-right:hover {
        width: 10%;
        font-size: 16px;
        color: #00b8ff;
        float: right;
        text-align: center;
        padding: 5px 10px;
        border: 1px solid #00b8ff;
        border-radius: 5px;
        overflow: hidden;
        line-height: 25px;
        display: table;
        margin-top: 14px;
        background: #fff;
    }

    /* 导航下拉的内容:关于我们*/
    .aboutus-drop {
        width: 129px;
        position: absolute;
        top: 88px;
        margin-left: 129px;
        display: none;
    }

    .aboutus-drop li {
        width: 100%;
        color: #19c5ee;
        font-size: 16px;
        text-align: center;
        background: url('../images/xlbg.png') no-repeat;
        background-size: 100%;
        padding: 11px 0;
        cursor: pointer;
    }

    /* 导航下拉的内容:案例中心 */
    .case-drop {
        width: 129px;
        position: absolute;
        top: 88px;
        margin-left: 390px;
        display: none;
    }

    .case-drop li {
        width: 100%;
        color: #19c5ee;
        font-size: 16px;
        text-align: center;
        background: url('../images/xlbg.png') no-repeat;
        background-size: 100%;
        padding: 11px 0;
        cursor: pointer;
    }

    /* 导航下拉的内容:新闻资讯*/
    .news-drop {
        width: 129px;
        position: absolute;
        top: 88px;
        margin-left: 521px;
        display: none;
    }

    .news-drop li {
        width: 100%;
        color: #19c5ee;
        font-size: 16px;
        text-align: center;
        background: url('../images/xlbg.png') no-repeat;
        background-size: 100%;
        padding: 10px 0;
        cursor: pointer;
    }

    .news-drop li a {
        width: 100%;
        color: #19c5ee;
        font-size: 16px;
    }



    /* --------------------------------------------------index样式-------------------------------------------- */
    /* 首页轮播 */
    .indexLImg {
        width: max-content;
        display: block;
    }

    .index-sw {
        height: 100%;
    }

    .index-sw .swiper-pagination-bullet {
        width: 18px;
        height: 8px;
        background: #9c9eb3;
        opacity: 0.8;
        border-radius: 0;
        overflow: hidden;
    }

    .index-sw .swiper-container {
        height: 100%;
    }

    .index-sw .swiper-pagination-bullet-active {
        background: #00b8ff !important;
        width: 40px;
        height: 8px;
        overflow: hidden;
        border-radius: 0;
    }

    .index-sw .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0px;
    }

    /* 主营范围 */
    .zyScope-yd {
        display: none;
    }

    .zyScope {
        width: 100%;
        height: 100%;
        /* background: url('../images/fanweibg.png') no-repeat; */
        background: #000c1a;
        background-position: center center;
        background-size: cover;
        /* position: relative; */
        display: block;
    }

    .zyScope-font {
        height: 16%;
        overflow: hidden;
    }

    .zyScopeDiv {
        /*width: 1200px;*/
        /*height: 840px;*/
        margin: 0 auto 30px auto;
        position: relative;
        cursor:pointer;
    }

    .indeximg {
        width: 38%;
        /* height: 6rem; */
        display: table;
        transition: 0.5s;
        transform-origin: 50% 50%;
        position: absolute;
        top: 18%;
        left: calc(50% - 19%);
        z-index: 1;

    }

    .indeximg img {
        width: 100%;
        display: block;
    }

    .indeximgz {
        width: 38%;
        /* height: 6rem; */
        display: table;
        transition: 0.5s;
        transform-origin: 50% 50%;
        animation: rotate 3s linear infinite;
        position: absolute;
        top: 18%;
        left: calc(50% - 19%);
        z-index: 10;
    }

    .indeximgz img {
        width: 100%;
        display: block;
    }


    @keyframes rotate {
        0% {
            transform: rotate(0);
        }

        100% {
            transform: rotate(360deg);
        }
    }





    /* 主营组 */
    .zyZu {
        width: 337px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: absolute;
        top: 37%;
        left: 36%;
        z-index: 10;
        cursor: pointer;
    }

    .zyZu2 {
        width: 337px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
        position: absolute;
        top: 37%;
        left: 36%;
        z-index: 10;
        cursor: pointer;
    }

    .zyZu2 a{
        width: 100%;
    }

    .zyZu a {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: absolute;
    }

    .wzdzImg {
        width: 160px;
        border-radius: 5px;
        overflow: hidden;
    }

    .zyZu:hover .wzdzImg {
        width: 160px;
        height: 100%;
        background: url('../images/cont2hover.png') no-repeat;
        background-size: 100% 100%;
    }

    .wzdzImg img {
        width: 80%;
        display: block;
        margin: 10%;
    }

    .wzdzFont {
        width: 150px;
        overflow: hidden;
        padding: 15px 0;
    }

    .wzdzFont h3 {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        margin: 0 0 10px 0;
    }

    .wzdzFont p {
        font-size: 14px;
        color: #a6a9b4;
    }

    .index-more {
        width: 200px;
        color: #fff;
        border: 1px solid #00b8ff;
        display: table;
        font-size: 16px;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        bottom: 50px;
        left: calc(50% - 100px);
    }

    .text-r {
        text-align: right;
    }

    /* 优势 */
    .advantage {
        width: 100%;
        height: 100%;
        background: url('../images/youshibg.png') no-repeat;
        background-position: center center;
        background-size: cover;
        display: block;
        position: relative;
    }

    .ysBt {
        font-size: 35px;
        font-weight: 400;
        text-align: center;
        padding: 50px 0 30px 0;
        color: #fff;
    }

    .ysBt span {
        display: none;
    }

    .ysXbt {
        font-size: 16px;
        color: #a6a9b4;
        text-align: center;
        margin: 0 auto;
    }

    .ysList {
        width: 1200px;
        overflow: hidden;
        margin: 50px auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .ysList li {
        width: 25%;
        overflow: hidden;
        padding: 0 25px;
    }

    .ysList li:hover .ysListImg {
        width: 130px;
        background: url('../images/ysimgbg.png') no-repeat;
        background-size: 100% 100%;
    }

    .ysListImg {
        width: 130px;
        height: 130px;
        display: table;
        margin: 0 auto 55px auto;
    }

    .ysListImg img {
        width: 80%;
        display: block;
        margin: 10% 10%;
    }

    .ysList-bt {
        font-size: 22px;
        font-weight: 400;
        text-align: center;
        color: #fff;
    }

    .ysList-xbt {
        font-size: 16px;
        color: #a6a9b4;
        text-align: center;
        margin: 20px auto 0 auto;
    }



    /* 软件开发流程 */
    .process {
        width: 100%;
        height: 100%;
        background: #000c1a;
        display: block;
    }

    .proUl {
        width: 100%;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }

    .proUl li {
        display: none;
    }

    .proCont {
        max-width: 80%;
        min-width: 1200px;
        margin: 20px auto;
        /* display: flex;
    flex-direction: row;
    justify-content: space-between; */
        padding: 20px;
        background: url(../images/lcbg.png) no-repeat;
        background-position: center center;
        background-size: 100%;
        overflow: hidden;
    }

    .proShow {
        display: block !important;
    }

    .proCont-left {
        width: 45%;
        margin: 4% 0 4% 4%;
        overflow: hidden;
        float: left;
    }

    .proCont-left h3:nth-child(1) {
        font-size: 35px;
        font-weight: 400;
        text-align: left;
        padding: 20px 0 30px 0;
        color: #fff;
    }

    .proCont-left p:nth-child(2) {
        font-size: 25px;
        font-weight: 100;
        text-align: left;
        color: #fff;
    }

    .proCont-right {
        width: 45%;
        overflow: hidden;
        float: right;
    }

    .proCont-right img {
        width: 100%;
        display: block;
        cursor: pointer;
    }

    .proList {
        max-width: 80%;
        min-width: 1200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 30px auto;
    }

    .proList li {
        width: 14.3%;
        overflow: hidden;
        cursor: pointer;
    }


    .proList-img {
        width: 45px;
        height: 45px;
        overflow: hidden;
        margin: 0 auto 20px auto;
        display: block;
    }

    .proList li p {
        font-size: 25px;
        color: #fff;
        text-align: center;
        overflow: hidden;
        font-weight: 100;
    }

    .xzx {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 10px auto;
    }

    .bx {
        width: 47%;
        height: 1px;
        display: block;
        margin-top: 10px;
    }

    .yd {
        width: 6%;
        height: 14px;
        display: table;
        margin: 5px auto;
        background: url(../images/yuandian.png) no-repeat;
        background-size: 100%;
    }

    .ydb {
        width: 6%;
        height: 14px;
        display: table;
        margin: 5px auto;
        background: url(../images/yuandian2.png) no-repeat;
        background-size: 100%;
    }

    /* 项目案例 */
    .demoDiv {
        width: 100%;
        height: 100%;
        background: #000c1a;
        padding-top: 40px;
    }

    .demoAll {
        max-width: 80%;
        min-width: 1200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
        overflow: hidden;
    }

    .demoimg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .demo {
        width: 20%;
        float: left;
        position: relative;
        cursor: pointer;
        /* background: #0e1f4b; */
    }

    /* .demo:hover .demoimg {
        display: none !important;
    } */

    .demo h3 {
        font-size: 25px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        padding-top: 15px;
        border-top: 1px solid #fff;
        position: absolute;
        top: 20%;
        z-index: 100;
        left: 10%;
    }

    .demo p {
        font-size: 16px;
        color: #fff;
        position: absolute;
        top: 36%;
        left: 10%;
        z-index: 100;
    }

    .imgHide {
        display: none !important;
    }


    /* 底部 */
    .fotDiv {
        width: 100%;
        background: #000c1a;
        position: relative;
        margin-top: 50px;
        bottom: 0;

    }

    /* .index-fotDiv {
        margin-top: 40px;
    } */

    footer {
        max-width: 80%;
        min-width: 1200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* margin: 2% auto; */
        overflow: hidden;
        position: relative;
        background: #000c1a;
    }

    .fotLogo {
        width: 25%;
        float: left;
        margin-top: 5%;
        overflow: hidden;
        display: block;
    }

    .fotLogo-left {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        float: left;
    }

    .fotLogo-logo {
        width: 65px;
        height: 65px;
        display: block;
    }

    .fotLogo-font {
        margin-left: 10px;
    }

    .fotLogo-font h3 {
        font-size: 35px;
        color: #fff;
        letter-spacing: 4px;
    }

    .fotLogo-font p {
        font-size: 12px;
        color: #fff;
    }

    .rkList {
        width: 20%;
        float: left;
        overflow: hidden;
        display: block;
    }

    .rkList li {
        margin: 10px 0;
    }

    .rkList li a {
        font-size: 16px;
        color: #a3a8ae;
    }

    .rkList li:nth-child(1) {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        display: table;
        letter-spacing: 2px;
    }

    .lxList {
        width: 25%;
        float: left;
    }

    .lxList li {
        font-size: 16px;
        color: #a3a8ae;
        margin: 10px 0;
        display: block;
    }

    .call-yd {
        font-weight: 400;
        border-bottom: 0px solid #fff;
        padding: 0;
    }

    .lxList li:nth-child(1) {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        display: table;
        letter-spacing: 2px;
    }

    .fot-ewm {
        width: 20%;
        float: left;
        overflow: hidden;
        margin: 0;
    }

    .fot-ewm img {
        width: 50%;
        display: block;
        margin: 0 auto;
    }

    .fot-ewm p {
        font-size: 16px;
        color: #a3a8ae;
        text-align: center;
        margin: 10px;
    }

    .endp {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #a3a8ae;
        padding: 20px;
        border-top: 1px solid #2a3e56;
        /* position: absolute; */
        /* bottom: 0; */
        display: block;
    }

    /* --------------------------------------------------------aboutus样式----------------------------- */
    .usbanner {
        width: 100%;
        overflow: hidden;
    }

    .usbanner img {
        width: 100%;
        display: block;
    }

    .usBt {
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .usBtImgL {
        width: 40px;
        display: block;
        margin: 12px;
    }

    .usBtImgL img {
        width: 100%;
        display: block;
    }

    .usBtp p:nth-child(1) {
        font-size: 25px;
        color: #08154f;
    }

    .usBtp p:nth-child(2) {
        font-size: 16px;
        color: #08154f;
    }

    .usBt-r {
        float: right;
    }

    .usBt-r li p {
        text-align: right;
    }

    /* 走进智钜 */
    .zjDiv {
        max-width: 80%;
        min-width: 1200px;
        background: #fff;
        margin: 10px auto 0 auto;
        padding: 20px;
    }

    .gsjjDiv {
        width: 100%;
        /* height: 400px; */
        height: auto;
        background: none;
        background-size: 100% 100%;
        display: table;
        margin-top: 0;
    }

    .gsjj {
        width: 88%;
        /* height: 400px; */
        height: auto;
        overflow-y: auto;
        margin: 20px auto;
    }

    .gsjjBt {
        text-align: center;
        font-size: 30px;
    }

    .gsjjBt-x {
        font-size: 18px;
        text-align: center;
        margin: 10px 0 20px 0;
    }

    .gsjj-cont {
        font-size: 16px;
        line-height: 24px;
        padding: 0 0 0 10px;
    }

    .gsjj-contP {
        padding: 0;
        margin: 15px 0;
    }

    /* 腰图 */
    .yaotu {
        max-width: 80%;
        min-width: 1200px;
        height: 200px;
        background: url('../images/yaotu.jpg') no-repeat;
        background-size: cover;
        margin: 10px auto 0 auto;
    }

    .ytUl {
        width: 70%;
        margin: 0 auto;
        padding: 66px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .ytP {
        display: flex;
        flex-direction: row;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .ytP span:nth-child(1) {
        font-size: 40px;
        color: #fff;
        /* float: left; */
    }

    .ytP span:nth-child(2) {
        font-size: 12px;
        color: #fff;
        float: right;
    }

    .ytP2 {
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

    /* 企业文化 */
    .qywh {
        max-width: 80%;
        min-width: 1200px;
        margin: 10px auto 0 auto;
        background: #f8fafc;
        overflow: hidden;
        padding: 20px;
    }

    .qywhUl {
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        clear: both;
    }

    .qywhUl li {
        width: 30%;
        padding: 40px 20px;
        margin-top: 20px;
        box-shadow: 0px 0px 0px #fff;
    }

    .qywhUl li:hover {
        background: #fff;
        box-shadow: 0px 0px 10px #ccc;
    }

    .qywhUl-img {
        width: 70px;
        margin: 0 auto;
        display: block;
    }

    .qywhUl li p {
        text-align: center;
        margin: 12px 0;
    }

    .qywhUl li p:nth-child(2) {
        font-size: 20px;
    }

    .qywhUl li p:nth-child(3) {
        font-size: 14px;
    }

    /* 企业文化改： */
    .qywh-box-yd {
        display: none;
    }

    .qywhBig {
        max-width: 80%;
        min-width: 1200px;
        margin: 10px auto 0 auto;
        background: #f8fafc;
        overflow: hidden;
        padding: 20px;
    }

    .qywh-box {
        width: 1200px;
        height: 660px;
        margin: 10px auto 0 auto;
        background: #f8fafc;
        overflow: hidden;
        padding: 20px;
        position: relative;
        left: calc(50% - 600px);
        top: 50px;
        display: block;
    }

    /* 组1 */
    .qywhZu1 {
        width: 260px;
        height: 260px;
        position: absolute;
        overflow: hidden;
        z-index: 20;
        top: 170px;
        left: 75px;
    }

    .qywhZu1:hover .qywh1 {
        opacity: 0;
        /* transform: translateX(300px); */
    }

    .qywhZu1:hover .qywhh1 {
        opacity: 1;
        /* transform: translateX(300px); */
    }

    .qywhZu1 img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .qywh1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 1.5s ease-out;
    }

    .qywhh1 {
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 10;
        opacity: 0;
        /* transition: transform .4s ease-out; */
        transition: opacity 1.5s ease-in-out;
    }


    /* 组2 */
    .qywhZu2 {
        width: 560px;
        height: 560px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        top: 20px;
        left: 270px;
    }

    .qywhZu2:hover .qywh2 {
        opacity: 0;
        /* transform: translateX(300px); */
    }

    .qywhZu2:hover .qywhh2 {
        opacity: 1;
        /* transform: translateX(300px); */
    }

    .qywhZu2 img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .qywh2 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 1.5s ease-out;
    }

    .qywhh2 {
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 10;
        opacity: 0;
        /* transition: transform .4s ease-out; */
        transition: opacity 1.5s ease-in-out;
    }

    /* 组3 */
    .qywhZu3 {
        width: 260px;
        height: 260px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        top: 20px;
        left: 710px;
    }

    .qywhZu3:hover .qywh3 {
        opacity: 0;
        /* transform: translateX(300px); */
    }

    .qywhZu3:hover .qywhh3 {
        opacity: 1;
        /* transform: translateX(300px); */
    }

    .qywhZu3 img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .qywh3 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 1.5s ease-out;
    }

    .qywhh3 {
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 10;
        opacity: 0;
        /* transition: transform .4s ease-out; */
        transition: opacity 1.5s ease-in-out;
    }

    /* 组4 */
    .qywhZu4 {
        width: 260px;
        height: 260px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        top: 316px;
        left: 710px;
    }

    .qywhZu4:hover .qywh4 {
        opacity: 0;
        /* transform: translateX(300px); */
    }

    .qywhZu4:hover .qywhh4 {
        opacity: 1;
        /* transform: translateX(300px); */
    }

    .qywhZu4 img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .qywh4 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 1.5s ease-out;
    }

    .qywhh4 {
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 10;
        opacity: 0;
        /* transition: transform .4s ease-out; */
        transition: opacity 1.5s ease-in-out;
    }

    /* 组5 */
    .qywhZu5 {
        width: 260px;
        height: 260px;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        top: 168px;
        left: 847px;
    }

    .qywhZu5:hover .qywh5 {
        opacity: 0;
        /* transform: translateX(300px); */
    }

    .qywhZu5:hover .qywhh5 {
        opacity: 1;
        /* transform: translateX(300px); */
    }

    .qywhZu5 img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .qywh5 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 1.5s ease-out;
    }

    .qywhh5 {
        position: absolute;
        top: 0;
        left: 0px;
        z-index: 10;
        opacity: 0;
        /* transition: transform .4s ease-out; */
        transition: opacity 1.5s ease-in-out;
    }





    /* 员工风采 */
    .ygfc {
        max-width: 80%;
        min-width: 1200px;
        margin: 10px auto 0 auto;
        background: #fff;
        overflow: hidden;
        padding: 20px;
    }

    .ygfc-swp {
        margin-top: 20px;
    }

    .ygfc-swp img {
        width: 100%;
        display: block;
        cursor: pointer;
    }

    .ygfc-swp .swiper-slide {
        overflow: hidden;
    }

    /* .ygfc-swp img {
        transition: all 1s ease 0s;
    }
    .ygfc-swp:hover img {
        transform: scale(1.1);
    } */

    .qywhImg {
        width: 100%;
        margin-top: 20px;
        display: table;
    }

    .qywhImg img {
        width: 100%;
        display: block;
        margin-top: 20px;
    }


    /* --------------------------------------------------case样式----------------------------------------- */
    .sortable__nav li {
        width: 10%;
        text-align: center;
    }

    .caseBt-all {
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
    }

    .caseDiv {
        width: 100%;
        overflow: hidden;
    }

    .caseUl {
        max-width: 1200px;
        min-width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 10px auto 20px auto;
        left: calc(50% - 40%);
    }

    .caseUl li {
        width: 32% !important;
        overflow: hidden;
        margin: 20px 0.65%;
        float: left;
        flex: 1;
    }

    .caseImg {
        width: 100%;
        display: block;
    }

    .caseBt {
        width: 100%;
        padding: 10px 20px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .caseBt p {
        font-size: 16px;
        color: #333;
        font-weight: 300;
    }


    .caseBt img:nth-child(2) {
        width: 40px;
        height: 9px;
        display: block;
        margin-top: 10px;
    }

    .caseBt img:nth-child(3) {
        width: 40px;
        height: 9px;
        display: none;
        margin-top: 10px;
    }

    .caseUl-js {
        font-size: 14px;
        color: #666;
        padding: 0 20px 10px 20px;
    }

    /* 分页 */
    .fenye {
        display: table;
        margin: 0 auto;
    }

    .fenye .layui-laypage .layui-laypage-curr .layui-laypage-em {
        position: absolute;
        left: -1px;
        top: -1px;
        padding: 1px;
        width: 100%;
        height: 100%;
        background-color: #08154f;
    }

    .fenye .layui-laypage a:hover {
        color: #333;
    }

    /* 案例中心选项卡 */
    .fenlei {
        width: 100%;
        height: 50px;
        background: #fff;
        /* box-shadow: 0px 0px 5px #ccc; */
    }

    .flUl {
        max-width: 80%;
        min-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start
    }

    .flUl li {
        margin-right: 10px;
        color: #333;
        font-size: 16px;
        line-height: 50px;
    }

    .flUl li a {
        font-size: 16px;
        cursor: pointer;
    }

    .flBox {
        width: 100%;
        overflow: hidden;
    }

    .flBoxli {
        width: 100%;
        display: none;
    }


    /* -------------------------------------------------contact样式------------------------------------------- */
    .cont {
        max-width: 80%;
        min-width: 1200px;
        margin: 10px auto 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .map {
        width: 50%;
        height: 400px;
    }

    .contacts {
        width: 50%;
        padding: 20px;
        display: block;
    }

    .ctUl {
        width: 90%;
        height: calc(100% - 70px);
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .ctUl li {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .ctUl li p {
        font-size: 16px;
        margin: 3px 0 0 12px;
    }

    .ctUl-img {
        width: 25px;
        height: 25px;
        display: block;
    }

    /* 留言板 */
    .messages {
        width: 50%;
        overflow: hidden;
        padding: 20px;
    }

    .mesBoxall {
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .mesBox {
        width: 48%;
        background: #f3f3f3;
        border: 1px solid #ccc;
        padding: 8px 15px;
        margin: 10px 0;
    }

    .mesBox span {
        font-size: 16px;
        color: #333;
    }

    .mesBox input {
        width: 71%;
        border: none;
        background: #f3f3f3;
        font-size: 16px;
        color: #333;
    }

    .mesCont {
        width: 100%;
        height: 120px;
        background: #f3f3f3;
        padding: 8px;
        display: flex;
        flex-direction: row;
        border: 1px solid #ccc;
    }

    .mesCont span {
        font-size: 16px;
        color: #333;
        display: table;
    }

    .mesCont textarea {
        width: 88%;
        height: 100%;
        border: none;
        background: #f3f3f3;
        font-size: 16px;
        color: #333;
        resize: none
    }

    .tjBtn {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }

    .tjBtn button {
        width: 100px;
        height: 38px;
        line-height: 38px;
        background: #0e1f4b;
        color: #fff;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }

    .contactimg {
        width: 50%;
        overflow: hidden;
    }

    .contactimg img {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* ------------------------------------------news样式------------------------------------------ */
    .newsDiv {
        /* max-width: 80%; */
        min-width: 1200px;
        overflow: hidden;
        margin: 20px auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .newsUl {
        width: 856px;
        display: block;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 10px;
    }

    .newsUl li {
        width: 100%;
        overflow: hidden;
        margin: 0 0 20px 0;
        display: table;
        /* box-shadow: 1px 4px 10px #ddd; */
    }

    .newsUl li:hover {
        box-shadow: 1px 4px 10px #ddd;
    }

    .newsUl li a {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .newsImg {
        width: 220px;
        max-height: 160px;
        overflow: hidden;
    }

    .newsImg img {
        width: 100%;
        /* height: 100%; */
        /* transform: scale(1.5); */
        overflow: hidden;
    }

    .newsFont {
        width: 610px;
        padding: 15px;
    }

    .newsFont p:nth-child(1) {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 42px;
    }

    .newsFont p:nth-child(2) {
        font-size: 14px;
        color: #666;
        margin: 10px 0;
    }

    .newsFont p:nth-child(3) {
        font-size: 14px;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        max-height: 57px;
    }

    .newsfor-div {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        width: 1200px;
        margin: 0 auto;
    }

    .newsfor {
        text-align: right;
        font-size: 22px;
        color: #08154f;
    }

    /* -----------------------------------------------mainpro样式--------------------------------------- */
    .mainpro-p {
        font-size: 16px;
        color: #333;
        margin: 10px 0;
    }

    .mainproUl {
        width: 1200px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 25px auto 10px auto;
    }

    .mainproUl li {
        width: 32%;
        overflow: hidden;
        margin: 8px 0;
    }

    /* --------------------------------------------newsils样式-------------------------------- */

    .news-cont {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .nt-left {
        width: 856px;
        background: #fff;
        overflow: hidden;
        float: left;
        box-shadow: 0px 0px 10px #ccc;
        margin: 10px 0;
        padding: 30px;
    }

    .nt-btUl {
        width: 100%;
        border-bottom: 1px solid #999;
    }

    .nt-btUl li {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .nt-bt {
        font-size: 23px;
        font-weight: bold;
        color: #333;
        width: 80%;
    }

    .nt-back {
        font-size: 14px;
        color: #333;
        cursor: pointer;
    }

    .nt-btUl li:nth-child(2) {
        font-size: 14px;
        color: #333;
        margin: 12px 0;
    }

    .ntCont {
        width: 100%;
        overflow: hidden;
        padding: 20px 0;
    }

    .sxNews {
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #999;
        padding-top: 5px;
    }

    .sxNews li a {
        font-size: 16px;
        color: #333;
        margin: 5px;
    }

    /* 右侧栏 */
    .nt-right {
        width: 340px;
        background: #fff;
        overflow: hidden;
        float: left;
        display: block;
    }

    .nr-div {
        width: 95%;
        box-shadow: 0px 0px 10px #ccc;
        margin: 10px auto;
        padding: 30px;
    }

    .nr-bt {
        font-size: 20px;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .nrUl {
        width: 100%;
        overflow: hidden;
        margin: 10px 0;
    }

    .nrUl li {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 5px 0;
    }

    .nr-cont {
        width: 70%;
        font-size: 14px;
        overflow: hidden;
        color: #f75a53;
    }

    .nr-time {
        width: 30%;
        font-size: 14px;
        overflow: hidden;
        color: #888;
        text-align: right;
    }

    .zixun {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .zixun img {
        width: 20px;
        height: 20px;
        display: block;
    }

    .zixun:hover {
        color: #f75a53;
    }

    /* 案例中心图片弹窗 */
    /* 弹窗图片 */
    .alertDiv {
        width: 900px;
        height: 600px;
        position: fixed;
        top: calc(50% - 300px);
        left: calc(50% - 450px);
        z-index: 1000;
        display: none;
    }

    .alertImg {
        height: 100%;
        margin: 0 auto;

    }

    .alertImg img {
        max-width: 100%;
        height: 100%;
        display: block;
        margin: 0 auto;
    }





    /* 设置通用 */
    body {
        overflow: auto;
    }

    .onepage-wrapper .section {
        height: 100%;
    }

    /* pc端隐藏 */
    .pchide {
        display: none;
    }

    .advantage {
        padding: 0;
    }

    .lxfs {
        display: block;
    }

}