* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: '';
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: top;
    outline-width: 0ch;
}


/* 电脑端 */

@media screen and (min-width: 996px) {
    .titleCon {
        padding-top: 80px !important;
    }
    .titleCon p {
        font-size: 30px !important;
    }
    .fixmenu {
        width: 100%;
        height: 50px;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: rgba(0, 0, 0, .2) 0 1px 5px 0px;
    }
    .fixmenumb {
        display: none;
    }
    .pclogo img {
        width: 180px;
    }
    .pclogo {
        display: block;
        padding-left: 30px;
    }
    .pcnav {
        display: flex;
        align-items: center;
    }
    .pcnav li a {
        width: 132px;
        height: 50px;
        line-height: 50px;
        color: #333;
        font-size: 16px;
        display: block;
        text-align: center;
    }
    .pcnav li a:hover {
        background-color: #004189 !important;
        color: white !important;
    }
    .search_language {
        width: 166px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .search_language .e_item {
        width: 83px;
        height: 50px;
    }
    .search {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #004189;
    }
    .search:hover {
        background-color: #0076b9;
    }
    .language {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #004189;
        position: relative;
    }
    .language:hover {
        background-color: #0076b9;
    }
    .language a {
        font-size: 16px;
        color: #fff;
    }
    .tab_language {
        display: block;
        width: 83px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-color: #004189;
        position: absolute;
        left: 0;
        top: 40px;
        transition: all ease 0.4s;
        opacity: 0;
    }
    .tab_language:hover {
        background-color: #0076b9;
    }
    .language:hover .tab_language {
        opacity: 1;
        top: 50px;
    }
    .fix_Search {
        width: 100%;
        height: 80px;
        background: rgba(255, 255, 255, 0.7);
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 9;
        display: none;
    }
    .searchcon {
        width: 310px;
        height: 48px;
        margin: 0 auto;
        display: flex;
        margin-top: 16px;
        position: relative;
    }
    .searchcon input {
        width: 240px;
        height: 48px;
        padding-left: 30px;
        outline: none;
        border: 0;
        background-image: url(../images/search_icon.png);
        background-repeat: no-repeat;
        background-position: 7px 18px;
    }
    .goSearch {
        display: block;
        height: 48px;
        width: 70px;
        line-height: 48px;
        text-align: center;
        background-color: #004189;
        font-size: 14px;
        color: #fff;
        text-align: center;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .clsoe_pc {
        position: absolute;
        right: -35px;
        width: 26px;
        top: 11px;
    }
    .mbhide {
        display: none;
    }
    .banner_pc {
        width: 100vw !important;
        height: 100%;
        position: absolute !important;
        left: 0;
        top: 0;
    }
    .banner_pc .swiper-slide {
        width: 100vw !important;
    }
    .banner_pc img {
        width: 100vw !important;
        height: 100%;
        object-fit: cover;
    }
    .ad {
        width: 100%;
        height: 100%;
        background-color: red;
        position: relative;
    }
    .banner_pc .swiper-pagination-bullet {
        width: 15px !important;
        height: 15px !important;
    }
    .banner_mb {
        display: none;
    }
    .titleCon p {
        text-align: center;
        font-size: 44px;
        color: #0c0c0c;
        margin-bottom: 20px;
    }
    .titleCon span {
        padding: 15px 0;
        text-align: center;
        display: block;
        color: #5e5e5e;
        font-size: 14px;
        margin-bottom: 50px;
        display: none;
    }
    .indexAboutcon {
        max-width: 68%;
        min-height: 200px;
        margin: 0 auto;
    }
    .indexAboutconTop {
        display: flex;
    }
    .indexAboutconTopLeft {
        width: 40%;
        /* background-image: url(../images/conbg1.jpg); */
        padding: 40px 60px 30px 40px;
        background-color: #004189;
    }
    .indexAboutconTopRight {
        width: 60%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .indexAboutconTopLeft strong {
        font-size: 32px;
        color: #fff;
        font-weight: normal;
    }
    .indexAboutconTopLeft p {
        color: #fff;
        font-size: 14px;
        line-height: 23px;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .indexAboutconTopLeft a {
        display: block;
        width: 142px;
        height: 42px;
        color: white;
        font-size: 15px;
        line-height: 42px;
        text-align: center;
        border: 1px solid #fff;
    }
    .indexAboutconTopLeft a:hover {
        background-color: #ffffff;
        color: #000 !important;
    }
    .indexAboutconTopRight ul {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .indexAboutconTopRight ul li {
        width: 50%;
        text-align: center;
    }
    .about_li_top strong {
        color: #004189;
        font-size: 62px;
        font-weight: normal;
    }
    .indexAboutconBot {
        display: flex;
    }
    .indexAboutconBotLeft {
        width: 40%;
    }
    .indexAboutconBotright {
        width: 60%;
        display: flex;
    }
    .indexAboutconBotright1 {
        height: 100%;
    }
    .indexAboutconBotright2 {
        height: 100%;
        position: relative;
    }
    .pos_txt {
        position: absolute;
        top: 65px;
        left: 40px;
    }
    .pos_txt p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 20px;
    }
    .pos_txt span {
        font-size: 14px;
        color: #fff;
    }
    .indexPro {
        width: 68%;
        padding-top: 5%;
        min-height: 200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .indexProItem {
        margin-bottom: 20px;
        width: 48%;
        padding: 25px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
    }
    .proname {
        color: #004189;
        font-size: 30px;
        display: block;
    }
    .indexProItemLeft p {
        color: #3a3a3a;
        font-size: 26px;
        padding: 15px 0;
    }
    .summary {
        width: 100%;
        height: 48px;
    }
    .indexProItemLeft {
        width: 48%;
    }
    .indexProItemLeft a {
        font-size: 15px;
        color: #004189;
    }
    .indexProItemRight {
        width: 48%;
    }
    .indexProItemRight a img {
        width: 85%;
        height: 170px;
        object-fit: cover;
        display: block;
        margin: 0 auto;
    }
    .more {
        display: block;
        width: 200px;
        color: #fff;
        height: 64px;
        line-height: 64px;
        transition: all ease 0.5s;
        text-align: center;
        margin: 30px auto;
        background-color: #004189;
        font-size: 16px;
    }
    .more:hover {
        background-color: #fff !important;
        color: #004189 !important;
    }
    .mbpro {
        display: none;
    }
    .indexcase {
        width: 100%;
        height: calc(100% - 50px);
        background-color: red;
        position: relative;
        top: 45px;
        left: 0;
        display: flex;
        flex-wrap: wrap;
    }
    .indexcaseitem {
        width: 25%;
        position: relative;
        height: 100%;
        cursor: pointer;
    }
    .indexcaseitem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .casehover {
        width: 74%;
        height: 62.5%;
        background: rgba(255, 255, 255, 0);
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        font-size: 30px;
        transition: all ease 0.5s;
    }
    .hover_p {
        transition: all ease .5s;
    }
    .indexcaseitem:hover .hover_p {
        transform: translateY(-20px);
    }
    .indexcaseitem:hover .casehover {
        background: rgba(0, 0, 0, 0.5) !important;
    }
    .mbcase {
        display: none;
    }
    .indexnew {
        width: 68%;
        margin: 0 auto;
        min-height: 200px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .indexnewleft {
        width: 49%;
    }
    .indexnewright {
        width: 49%;
    }
    .indexnewlefttop {
        padding: 30px;
        background-color: #004189;
    }
    .indexnewleftbot a img {
        width: 100%;
    }
    .at {
        color: white;
        display: block;
    }
    .ab {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        font-size: 30px;
        color: white;
        padding: 15px 0;
    }
    .indexnewrighttop {
        display: flex;
        justify-content: space-between;
    }
    .lb .ab {
        font-size: 18px !important;
    }
    .indexnewrighttop li {
        width: 48%;
    }
    .indexnewrighttop li a img {
        width: 100%;
    }
    .lb {
        padding: 20px;
        background-color: #004189;
    }
    .indexnewrightbot {
        /* margin-top: 20px; */
    }
    .indexnewrightbot .indexnewlefttop {
        background-color: #fff !important;
        padding: 9.5% 30px !important;
    }
    .indexnewrightbot .indexnewlefttop a {
        color: black !important;
    }
    .foot {
        background-color: #000;
    }
    .foot p {
        font-size: 20px;
        color: #fff;
        padding: 5px 0;
        text-align: center;
    }
    .blogo img {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .sep {
        width: 100%;
        height: 50px;
    }
    .inbanner {
        width: 100%;
    }
    .inbanner img {
        width: 100%;
    }
    .inbanner .swiper-slide {
        position: relative;
    }
    .anip {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        font-size: 56px;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 8%;
    }
    .anip span {
        font-size: 24px;
        color: #fff;
    }
    .bread {
        width: 100%;
        height: 80px;
        background-color: #ffffff;
    }
    .breadcon {
        max-width: 1300px;
        margin: 0 auto;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .leftnav {
        width: 125px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        display: block;
        color: #333;
        font-size: 16px;
        position: relative;
    }
    .breadconleft ul {
        display: flex;
        align-items: center;
    }
    .breadconleft ul li {
        position: relative;
    }
    .leftnav:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 15px;
        display: block;
        background: #ccc;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
    }
    .leftnav:hover {
        color: #004189;
    }
    .line2 {
        width: 0%;
        height: 3px;
        margin: 0 auto;
        background-color: #004189;
        transition: all ease 0.4s;
    }
    .breadconleft ul li:hover .line2 {
        width: 100%;
    }
    .breadconleft ul li:hover .leftnav {
        color: #004189;
    }
    .breadconright i {
        color: #237dc3;
        font-size: 22px;
    }
    .breadconright a {
        color: #555;
        font-size: 14px;
    }
    .breadconright span {
        color: #555;
        font-size: 14px;
    }
    .company1 {
        width: 100%;
        display: flex;
    }
    .company1left {
        width: 50%;
        padding-left: 13%;
        padding-right: 7%;
        background-color: #f2f4f6;
        padding-top: 5%;
    }
    .company1right {
        width: 50%;
    }
    .company1left p {
        font-size: 34px;
        color: #393939;
    }
    .company1left strong {
        font-size: 43px;
        color: #014289;
        display: block;
        margin-bottom: 45px;
    }
    .company1left span {
        color: #696969;
        font-size: 16px;
        line-height: 24px;
    }
    .company2 {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px;
    }
    .company2left {
        width: 50%;
    }
    .company2left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .company2right {
        width: 50%;
        /* background-image: url(../images/r_img.png); */
        padding: 125px 60px;
        background-color: #014289;
    }
    .cop {
        max-width: 550px;
        color: #ffff;
        line-height: 25px;
    }
    .insidefoot {
        padding: 35px 0;
        background-color: #dce1e8;
    }
    .insidefootcon {
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .insidefootconitem ul {
        display: flex;
    }
    .insidefootconitem ul li {
        padding: 0 50px 20px;
        border-left: 1px solid #d1d8e0;
    }
    .insidefootconitem ul li a {
        display: block;
        height: 30px;
        line-height: 30px;
        color: #3c3c3c;
        font-size: 14px;
    }
    .fas {
        color: #163c5d !important;
        font-size: 16px !important;
        margin-bottom: 20px !important;
        font-weight: bold !important;
    }
    .code {
        width: 112px;
    }
    .codep {
        text-align: center;
        color: #838890;
        padding: 5px 0;
        font-size: 14px;
    }
    .copy {
        padding: 25px 0;
        background-color: #004189;
        text-align: center;
        color: white;
        font-size: 14px;
    }
    .process {
        margin: 60px auto;
        max-width: 1300px;
        padding: 45px;
        background-color: #ffffff;
    }
    .processtitle {
        text-align: center;
        color: #333;
        font-size: 32px;
        margin-bottom: 30px;
    }
    .processdes {
        max-width: 883px;
        margin: 0 auto;
        background-color: #e3e3e3;
        color: #333;
        font-size: 16px;
        padding: 40px 140px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .timelineitemleft {
        width: 47%;
    }
    .timelineitemcenter {
        width: 2%;
    }
    .timelineitemright {
        width: 47%;
    }
    .timelineitem {
        display: flex;
        justify-content: space-between;
        min-height: 125px;
        padding: 15px;
        transition: all ease 0.5s;
    }
    .timelineitem:hover {
        box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px 0px;
        z-index: 9;
    }
    .timelineitemleft {
        text-align: right;
        font-size: 20px;
        color: #004189;
    }
    .timelineitemright {
        text-align: left;
        font-size: 22px;
    }
    .timelineitemcenter span {
        border-radius: 50%;
        font-size: 14px;
        height: 20px;
        width: 20px;
        border: 4px solid #004189;
        margin-bottom: 10px;
        display: block;
    }
    .sx {
        width: 2px;
        min-height: 95px;
        background-color: #e6e6e6;
        margin: 0 auto;
    }
    .timelineitem:nth-child(odd) {
        background-color: #f6f6f6;
    }
    .fz {
        text-align: right !important;
    }
    .fz1 {
        text-align: left !important;
    }
    .timeline_mb {
        display: none;
    }
    .timeline_mbitemleft {
        text-align: right;
        font-size: 18px;
        color: #000;
    }
    .new {
        max-width: 1300px;
        padding: 50px;
        background-color: #fff;
        margin: 60px auto;
    }
    .newitem {
        width: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        background-color: #f7f7f7;
        transition: all ease 0.5s;
        margin-bottom: 10px;
    }
    .newitemright {
        width: 25%;
    }
    .newitemleft {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .newitemleft_pic {
        width: 30%;
    }
    .newitemleft_pic a img {
        width: 100%;
    }
    .newitemleft_txt {
        width: 65%;
    }
    .newitemleft_txt a {
        color: #004189;
        transition: all ease 0.4s;
        font-size: 17px;
        font-weight: bold;
    }
    .newitemright {
        text-align: right;
        transition: all ease 0.4s;
    }
    .newitemright p {
        font-size: 17px;
        color: #004189;
        transition: all ease 0.4s;
    }
    .newitemright a {
        display: block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 30px;
        border: 1px solid #004189;
        text-align: center;
        font-size: 15px;
        color: #004189;
        float: right;
        margin-top: 10px;
        transition: all ease 0.4s;
    }
    .newitem:hover {
        background-color: #004189;
    }
    .newitem:hover .rra {
        padding-left: 20px;
        color: white !important;
    }
    .newitem:hover .rp {
        color: #fff !important;
    }
    .newitem:hover .newitemright {
        width: 28%!important;
    }
    .newitem:hover .ra {
        background-color: #fff !important;
        color: #004189 !important;
        border: 1px solid #fff;
    }
    .newdetial strong {
        text-align: center;
        display: block;
        font-size: 24px;
        color: #262626;
        margin-bottom: 25px;
        font-weight: normal;
    }
    .zsul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .zsul li {
        width: 23%;
        margin-right: 2%;
        margin-bottom: 20px;
        box-shadow: rgba(0, 0, 0, .2) 0 1px 5px 0px;
    }
    .zsul li .zsa {
        display: block;
        width: 100%;
        height: calc(100% - 45px);
        overflow: hidden;
        border: 1px solid #f7f7f7;
    }
    .zsul li a .zsimg {
        width: 100%;
        transition: all ease 0.5s;
    }
    .zsp {
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #333;
        font-size: 14px;
        transition: all ease 0.5s;
    }
    .zsul li:hover .zsp {
        color: white;
        background-color: #004189;
    }
    .zsul li:hover .zsimg {
        transform: scale(1.1);
    }
    .prodetailcon {
        display: flex;
        justify-content: space-between;
    }
    .detailleft {
        width: 50%;
    }
    .detailright {
        width: 50%;
    }
    .detailright p {
        font-size: 16px;
        color: #262626;
        padding: 10px 0;
    }
    .detailright .da {
        font-size: 16px;
        color: #707070;
        margin-bottom: 20px;
        display: block;
    }
    .caozuo a {
        display: inline-block;
        width: 140px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        color: white;
        font-size: 14px;
        background-color: #023d77;
        margin-right: 30px;
    }
    .detailbanner {
        display: none;
    }
    .detailcon {
        margin-top: 20px;
    }
    .detailcontit {
        width: 105px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background-color: #004189;
        color: white;
        font-size: 15px;
    }
    .line_p {
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
    }
    .detailcon p {
        padding: 15px 0;
        color: #555;
        font-size: 16px;
        line-height: 25px;
    }
    .recommend {
        margin: 30px auto;
    }
    .recommend strong {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #595959;
        font-weight: normal;
        margin-bottom: 32px;
    }
    .swiper_father {
        position: relative;
    }
    .recom {
        width: 95%;
    }
    .recom img {
        width: 100%;
    }
    .recom .swiper-slide a {
        display: block;
        border: 1px solid #ccc;
    }
    .recomprev {
        left: -15px !important;
        background-image: none !important;
        width: 38px !important;
        height: 80px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(100, 100, 100, .4) !important;
        transition: all ease 0.5s;
    }
    .recomprev:hover {
        background-color: #004189 !important;
    }
    .recomnext:hover {
        background-color: #004189 !important;
    }
    .recomnext {
        right: -15px !important;
        background-image: none !important;
        width: 38px !important;
        height: 80px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(100, 100, 100, .4) !important;
        transition: all ease 0.5s;
    }
    .swiper_father i {
        color: white;
        font-size: 50px !important;
    }
    .swiper_father .swiper-slide p {
        height: 55px;
        text-align: center;
        line-height: 55px;
        font-size: 18px;
        color: black;
        transition: all ease 0.5s;
    }
    .swiper_father .swiper-slide a {
        display: block;
        width: 100%;
        height: calc(100% - 55px);
    }
    .s_cover {
        width: 100%;
        height: calc(100% - 55px);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        transition: all ease 0.5s;
        opacity: 0;
    }
    .ljljlj {
        width: 135px;
        height: 35px;
        text-align: center;
        display: block;
        line-height: 35px;
        display: block;
        color: white;
        font-size: 14px;
        margin: 20px auto;
        background-color: #004189;
        cursor: pointer;
    }
    .swiper_father .swiper-slide:hover .s_cover {
        opacity: 1;
    }
    .yspan1 {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        border: 5px solid #004189;
    }
    .serviceTitle {
        display: flex;
        align-items: center;
    }
    .sss {
        font-size: 26px;
        color: #333;
        padding-left: 20px;
    }
    .service1 {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 150px;
    }
    .service1left img {
        width: 100%;
    }
    .service1left {
        width: 40%;
    }
    .service1right {
        width: 60%;
    }
    .service1right img {
        width: 100%;
    }
    .r_box {
        font-size: 15px;
        color: #fff;
        background: #333;
        padding: 5%;
        margin-bottom: 6%;
    }
    .service2 img {
        width: 48%;
    }
    .service2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bx {
        display: block;
        margin: 20px auto;
        width: 135px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #004189;
        color: white;
    }
    .contact1 {
        padding: 30px 90px;
        background-color: #004189;
    }
    .contact1 p {
        font-size: 18px;
        color: #fff;
        margin-bottom: 25px;
    }
    .message {
        padding-top: 80px;
        padding-bottom: 45px;
        background-color: #f8f8f8;
        padding-left: 20px;
        padding-right: 20px;
    }
    .m_strong {
        text-align: center;
        display: block;
        font-size: 32px;
        color: #333;
        font-weight: normal;
    }
    .m_span {
        color: #ccc;
        text-align: center;
        font-size: 20px;
        display: block;
        text-align: center;
    }
    ._line {
        display: block;
        margin: 20px auto;
        background-color: #595959;
        height: 4px;
        width: 70px;
        margin-bottom: 35px;
    }
    .message textarea {
        width: 100%;
        min-height: 200px;
        background-color: #fff;
        padding-left: 15px;
        padding-top: 15px;
        border: none;
        margin-bottom: 25px;
    }
    .form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .form input {
        width: 48%;
        height: 42px;
        padding-left: 15px;
        background-color: #fff;
        margin-bottom: 25px;
        outline: none;
        border: none;
    }
    .tijiao {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #333333;
        color: white;
        transition: all ease 0.5s;
    }
    .tijiao:hover {
        background-color: #609ab1;
    }
    .zhaopintop {
        display: flex;
        justify-content: space-between;
        background-color: #f2f2f2;
    }
    .zhaopintop li {
        width: 16%;
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
        font-weight: bold;
        color: #787878;
        font-size: 16px;
    }
    .job li {
        display: flex;
        justify-content: space-between;
        background-color: #fafafa;
        border-bottom: 1px solid #e1e1e1;
    }
    .job li span {
        width: 16%;
        display: block;
        height: 60px;
        line-height: 60px;
        padding-left: 20px;
        color: #787878;
        font-size: 14px;
        position: relative;
    }
    .dj {
        position: absolute;
        left: 50%;
        top: 20px;
        transition: all ease 0.5s;
    }
    .rro {
        transform: rotate(180deg);
    }
    .jobdetail {
        width: 100%;
        padding: 15px;
        background-color: #eeeeee;
        display: none;
    }
    .jobdetailtop {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #d6d6d6;
    }
    .jobdetailtop span {
        display: block;
        width: 33%;
        color: #595959;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .job2 {
        padding: 10px 0;
        color: #595959;
        font-size: 14px;
    }
    .foot {
        background-color: #fff;
    }
    .foot .form {
        max-width: 800px;
        background: #fff;
        /* border: 1px solid #ccc; */
        min-height: 200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 15px;
        box-shadow: rgba(0, 0, 0, .2) 0 1px 5px 0px;
    }
    .foot .form input {
        width: 47%;
        height: 45px;
        padding-left: 20px;
        border-radius: 4px;
        border: 1px solid #ccc;
        outline: none;
    }
    .foot .form textarea {
        width: 100%;
        min-height: 100px;
        padding-left: 20px;
        padding-top: 20px;
        border: 1px solid #ccc;
        outline: none;
        border-radius: 4px;
    }
    .foot h1 {
        text-align: center;
        padding-bottom: 30px;
    }
    .foot .adtj {
        width: 120px;
        height: 45px;
        line-height: 45px;
        display: block;
        margin: 20px auto;
        text-align: center;
        background-color: #004189;
        color: white;
    }
    .cbc {
        padding: 10px 0;
    }
    .cbc p {
        padding: 5px 0;
        color: black;
    }
    .dlf {
        max-width: 1300px;
        padding: 0 30px;
        margin: 50px auto;
    }
    .clear {
        clear: both;
    }
    .dlfitemleft {
        float: left;
        width: 50%;
    }
    .dlfitemleft img {
        width: 100%;
    }
    .dlfitemright img {
        width: 100%;
    }
    .dlfitemright {
        float: right;
        width: 50%;
    }
    .itemtext {
        padding: 20px;
        background-color: #004189;
    }
    .itemtext strong {
        display: block;
        font-size: 25px;
        padding: 15px 0;
        color: white;
    }
    .itemtext span {
        color: white;
        font-size: 14px;
        display: block;
        line-height: 30px;
    }
    .itemtext a {
        display: block;
        width: 120px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #004189;
        background-color: #fff;
        margin-top: 20px;
    }
    .dlfitem {
        background-color: #004189;
    }
}


/* 手机端 */

@media screen and (max-width: 996px) {
    .dlf {
        width: 100%;
        padding: 15px;
        margin: 30px auto;
    }
    .clear {
        clear: both;
    }
    .dlfitemleft {
        width: 100%;
    }
    .dlfitemleft img {
        width: 100%;
    }
    .dlfitemright img {
        width: 100%;
    }
    .dlfitemright {
        width: 100%;
    }
    .itemtext {
        padding: 20px;
        background-color: #004189;
    }
    .itemtext strong {
        display: block;
        font-size: 25px;
        padding: 15px 0;
        color: white;
    }
    .itemtext span {
        color: white;
        font-size: 14px;
        display: block;
        line-height: 30px;
    }
    .itemtext a {
        display: block;
        width: 120px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #004189;
        background-color: #fff;
        margin-top: 20px;
    }
    .dlfitem {
        background-color: #004189;
    }
    .foot {
        background-color: #fff !important;
    }
    .foot .form {
        width: 95%;
        padding: 15px;
        background: #fff;
        border: 1px solid #ccc;
        min-height: 200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .foot .form input {
        width: 100%;
        height: 45px;
        padding-left: 20px;
        border-radius: 4px;
        border: 1px solid #ccc !important;
        outline: none;
    }
    .foot .form textarea {
        width: 100%;
        min-height: 100px;
        padding-left: 20px;
        padding-top: 20px;
        border: 1px solid #ccc;
        outline: none;
        border-radius: 4px;
    }
    .foot h1 {
        text-align: center;
        padding-bottom: 30px;
    }
    .foot .adtj {
        width: 120px;
        height: 45px;
        line-height: 45px;
        display: block;
        margin: 20px auto;
        text-align: center;
        background-color: #004189;
        color: white;
    }
    .ls {
        display: none;
    }
    .xl {
        display: none;
    }
    .iii {
        display: none;
    }
    .rczp {
        display: none !important;
    }
    .bk {
        display: none !important;
    }
    .imgspan {
        display: none !important;
    }
    .zhaopintop {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        background-color: #f2f2f2;
    }
    .zhaopintop li {
        width: 33%;
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
        font-weight: bold;
        color: #787878;
        font-size: 16px;
    }
    .job li {
        display: flex;
        justify-content: space-between;
        background-color: #fafafa;
        border-bottom: 1px solid #e1e1e1;
    }
    .job li span {
        width: 33%;
        display: block;
        height: 60px;
        line-height: 60px;
        padding-left: 20px;
        color: #787878;
        font-size: 14px;
        position: relative;
    }
    .jobdetail {
        width: 100%;
        padding: 15px;
        background-color: #eeeeee;
        display: none;
    }
    .jobdetailtop {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #d6d6d6;
    }
    .jobdetailtop span {
        display: block;
        width: 48%;
        color: #595959;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .job2 {
        padding: 10px 0;
        color: #595959;
        font-size: 14px;
    }
    .message {
        padding-top: 20px;
        padding-bottom: 45px;
        background-color: #f8f8f8;
        padding-left: 20px;
        padding-right: 20px;
    }
    .m_strong {
        text-align: center;
        display: block;
        font-size: 20px;
        color: #333;
        font-weight: normal;
    }
    .m_span {
        color: #ccc;
        text-align: center;
        font-size: 14px;
        display: block;
        text-align: center;
    }
    ._line {
        display: block;
        margin: 20px auto;
        background-color: #595959;
        height: 4px;
        width: 70px;
        margin-bottom: 35px;
    }
    .message textarea {
        width: 100%;
        min-height: 200px;
        background-color: #fff;
        padding-left: 15px;
        padding-top: 15px;
        border: none;
        margin-bottom: 25px;
    }
    .form {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .form input {
        width: 100%;
        height: 42px;
        padding-left: 15px;
        background-color: #fff;
        margin-bottom: 25px;
        outline: none;
        border: none;
    }
    .tijiao {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background-color: #333333;
        color: white;
        transition: all ease 0.5s;
    }
    .tijiao:hover {
        background-color: #609ab1;
    }
    .contact1 {
        padding: 15px;
        background-color: #004189;
        margin-bottom: 25px;
    }
    .contact1 p {
        font-size: 18px;
        color: #fff;
    }
    .yspan1 {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50%;
        border: 5px solid #004189;
    }
    .serviceTitle {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .sss {
        font-size: 26px;
        color: #333;
        padding-left: 20px;
    }
    .service1 {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 150px;
        flex-wrap: wrap;
    }
    .service1left img {
        width: 100%;
    }
    .service1left {
        width: 100%;
    }
    .service1right {
        width: 100%;
    }
    .service1right img {
        width: 100%;
    }
    .r_box {
        font-size: 15px;
        color: #fff;
        background: #333;
        padding: 5%;
        margin-bottom: 6%;
    }
    .service2 img {
        width: 48%;
    }
    .service2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bx {
        display: block;
        margin: 20px auto;
        width: 135px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #004189;
        color: white;
    }
    .recommend {
        margin: 30px auto;
    }
    .recommend strong {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #595959;
        font-weight: normal;
        margin-bottom: 32px;
    }
    .swiper_father {
        position: relative;
    }
    .recom {
        width: 95%;
    }
    .recom img {
        width: 100%;
    }
    .recom .swiper-slide a {
        display: block;
        border: 1px solid #ccc;
    }
    .recomprev {
        left: -15px !important;
        background-image: none !important;
        width: 38px !important;
        height: 80px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(100, 100, 100, .4) !important;
        transition: all ease 0.5s;
    }
    .recomprev:hover {
        background-color: #004189 !important;
    }
    .recomnext:hover {
        background-color: #004189 !important;
    }
    .recomnext {
        right: -15px !important;
        background-image: none !important;
        width: 38px !important;
        height: 80px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(100, 100, 100, .4) !important;
        transition: all ease 0.5s;
    }
    .swiper_father i {
        color: white;
        font-size: 50px !important;
    }
    .swiper_father .swiper-slide p {
        height: 55px;
        text-align: center;
        line-height: 55px;
        font-size: 18px;
        color: black;
        transition: all ease 0.5s;
    }
    .swiper_father .swiper-slide a {
        display: block;
        width: 100%;
        height: calc(100% - 55px);
    }
    .s_cover {
        width: 100%;
        height: calc(100% - 55px);
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
        transition: all ease 0.5s;
        opacity: 0;
    }
    .ljljlj {
        width: 135px;
        height: 35px;
        text-align: center;
        display: block;
        line-height: 35px;
        display: block;
        color: white;
        font-size: 14px;
        margin: 20px auto;
        background-color: #004189;
        cursor: pointer;
    }
    .swiper_father .swiper-slide:hover .s_cover {
        opacity: 1;
    }
    .detailcon {
        margin-top: 20px;
    }
    .detailcontit {
        width: 105px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background-color: #004189;
        color: white;
        font-size: 15px;
    }
    .line_p {
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
    }
    .detailcon p {
        padding: 15px 0;
        color: #555;
        font-size: 16px;
        line-height: 25px;
    }
    .prodetailcon {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding: 15px;
    }
    .detailleft {
        width: 100%;
    }
    .detailright {
        width: 100%;
    }
    .detailright p {
        font-size: 16px;
        color: #262626;
        padding: 10px 0;
    }
    .detailright .da {
        font-size: 16px;
        color: #707070;
        margin-bottom: 20px;
        display: block;
    }
    .caozuo {
        display: flex;
    }
    .caozuo a {
        display: inline-block;
        width: 140px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        color: white;
        font-size: 14px;
        background-color: #023d77;
        margin-right: 30px;
    }
    .magnifier {
        display: none;
    }
    .detailbanner {
        width: 100%;
    }
    .detailbanner img {
        width: 100%;
    }
    .zsul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 15px;
        margin: 20px auto;
    }
    .zsul li {
        width: 100%;
    }
    .zsul li .zsa {
        display: block;
        width: 100%;
        height: calc(100% - 45px);
        overflow: hidden;
        border: 1px solid #f7f7f7;
    }
    .zsul li a .zsimg {
        width: 100%;
        transition: all ease 0.5s;
    }
    .zsp {
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        transition: all ease 0.5s;
        background-color: #004189;
    }
    .newdetial strong {
        text-align: center;
        display: block;
        font-size: 24px;
        color: #262626;
        margin-bottom: 25px;
        font-weight: normal;
    }
    .new {
        width: 100%;
        padding: 15px;
        background-color: #fff;
        margin: 20px auto;
    }
    .newitem {
        width: 100%;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background-color: #f7f7f7;
        transition: all ease 0.5s;
        margin-bottom: 10px;
    }
    .newitemright {
        width: 100%;
    }
    .newitemleft {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .newitemleft_pic {
        width: 100%;
    }
    .newitemleft_pic a img {
        width: 100%;
    }
    .newitemleft_txt {
        width: 100%;
    }
    .newitemleft_txt a {
        color: #004189;
        transition: all ease 0.4s;
        font-size: 17px;
        font-weight: bold;
    }
    .rra {
        display: block;
        padding: 10px;
    }
    .newitemright {
        transition: all ease 0.4s;
    }
    .newitemright p {
        font-size: 17px;
        color: #004189;
        transition: all ease 0.4s;
        padding: 0 10px;
    }
    .newitemright a {
        display: block;
        width: 80px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 30px;
        border: 1px solid #004189;
        text-align: center;
        font-size: 15px;
        color: #004189;
        margin-top: 10px;
        transition: all ease 0.4s;
    }
    .timeline_mbitem:nth-child(odd) {
        background-color: #f6f6f6;
    }
    .timeline_pc {
        display: none;
    }
    .yspan {
        border-radius: 50%;
        font-size: 14px;
        height: 20px;
        width: 20px;
        border: 4px solid #004189;
        margin-bottom: 10px;
        display: block;
        margin: 0 auto;
    }
    .timeline_mbitem {
        display: flex;
        justify-content: space-between;
        min-height: 130px;
    }
    .lp {
        width: 2px;
        min-height: 95px;
        background-color: #e6e6e6;
        margin: 0 auto;
    }
    .timeline_mbitemleft {
        width: 20%;
        text-align: right;
    }
    .timeline_mbitemcenter {
        width: 10%;
    }
    .timeline_mbitemright {
        width: 70%;
        font-size: 16px;
        color: #004189;
    }
    .process {
        margin: 20px auto;
        width: 100%;
        padding: 15px;
        background-color: #ffffff;
    }
    .processtitle {
        text-align: center;
        color: #333;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .processdes {
        width: 100%;
        margin: 0 auto;
        background-color: #e3e3e3;
        color: #333;
        font-size: 16px;
        padding: 10px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .copy {
        padding: 15px;
        background-color: #004189;
        text-align: center;
        color: white;
        font-size: 14px;
    }
    .insidefoot {
        padding: 15px;
        background-color: #dce1e8;
    }
    .insidefootcon {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .insidefootconitem {
        width: 100%;
        margin-bottom: 25px;
    }
    .insidefootconitem ul {
        display: flex;
        justify-content: space-around;
    }
    .insidefootconitem ul li a {
        display: block;
        height: 30px;
        line-height: 30px;
        color: #3c3c3c;
        font-size: 14px;
    }
    .tf {
        display: block;
        margin: 0 auto;
    }
    .fas {
        color: #163c5d !important;
        font-size: 16px !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
    }
    .code {
        width: 112px;
        display: block;
        margin: 0 auto;
    }
    .codep {
        text-align: center;
        color: #838890;
        padding: 5px 0;
        font-size: 14px;
    }
    .company2 {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .company2left {
        width: 100%;
    }
    .company2left img {
        width: 100%;
    }
    .company2right {
        width: 100%;
        background-image: url(../images/r_img.png);
        padding: 15px;
    }
    .cop {
        max-width: 550px;
        color: #ffff;
        line-height: 25px;
    }
    .company1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .company1left {
        width: 100%;
        padding: 15px
    }
    .company1right {
        width: 100%;
    }
    .company1left p {
        font-size: 18px;
        color: #393939;
    }
    .company1left strong {
        font-size: 23px;
        color: #014289;
        display: block;
        margin-bottom: 10px;
    }
    .company1left span {
        color: #696969;
        font-size: 16px;
        line-height: 24px;
    }
    .bread {
        width: 100%;
    }
    .breadcon {
        max-width: 1300px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .leftnav {
        width: 90px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        display: block;
        color: #333;
        font-size: 16px;
        position: relative;
    }
    .breadconleft ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .breadconright {
        padding: 5px 10px;
    }
    .breadconleft ul li {
        position: relative;
    }
    .leftnav:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 15px;
        display: block;
        background: #ccc;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
    }
    .leftnav:hover {
        color: #004189;
    }
    .line2 {
        width: 0%;
        height: 3px;
        margin: 0 auto;
        background-color: #004189;
        transition: all ease 0.4s;
    }
    .breadconleft ul li:hover .line2 {
        width: 100%;
    }
    .breadconleft ul li:hover .leftnav {
        color: #004189;
    }
    .breadconright i {
        color: #237dc3;
        font-size: 22px;
    }
    .breadconright a {
        color: #555;
        font-size: 14px;
    }
    .breadconright span {
        color: #555;
        font-size: 14px;
    }
    .sep {
        width: 100%;
        height: 50px;
    }
    .inbanner {
        width: 100%;
    }
    .inbanner img {
        width: 100%;
    }
    .inbanner .swiper-slide {
        position: relative;
    }
    .anip {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        font-size: 24px;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 8%;
    }
    .anip span {
        font-size: 24px;
        color: #fff;
    }
    .foot {
        background-color: #000;
    }
    .foot p {
        font-size: 20px;
        color: #fff;
        padding: 5px 0;
        text-align: center;
    }
    .blogo img {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .indexnew {
        width: 95%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .indexnewleft {
        width: 100%;
    }
    .indexnewright {
        display: none;
    }
    .indexnewlefttop {
        padding: 30px;
        background-color: #004189;
    }
    .indexnewleftbot a img {
        width: 100%;
    }
    .at {
        color: white;
        display: block;
    }
    .ab {
        display: block;
        width: 100%;
        font-size: 15px;
        color: white;
        padding: 10px 0;
    }
    .case_mb .hovert {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-align: center;
    }
    .hovert a {
        color: white;
        font-size: 20px;
    }
    .case_mb .swiper-pagination-bullet {
        width: 15px !important;
        height: 15px !important;
    }
    .case_mb {
        width: 100%;
        height: 100%;
        position: absolute !important;
        top: 0;
        left: 0;
    }
    .case_mb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .mbcase {
        width: 100%;
        height: calc(100% - 50px);
        position: relative;
        top: 25px;
        left: 0;
        background-color: red;
    }
    .indexcase {
        display: none;
    }
    .mbproname {
        color: #004189;
        font-size: 16px;
        display: block;
        padding: 15px;
    }
    .mbmore {
        width: 100%;
        display: block;
        padding: 15px;
        color: #004189;
    }
    .mbitem_pro p {
        font-size: 16px;
        color: #3a3a3a;
        padding: 0 15px;
    }
    .mbitem_pro {
        background-color: #fff;
        padding: 20px 0;
    }
    .sjproswiper {
        width: 95%;
        margin: 0 auto;
        max-height: 400px;
    }
    .sjproswiper img {
        width: 70%;
        margin: 0 auto;
        display: block;
        max-height: 240px;
        object-fit: cover;
    }
    .indexPro {
        display: none;
    }
    .more {
        display: block;
        width: 200px;
        color: #fff;
        height: 64px;
        line-height: 64px;
        transition: all ease 0.5s;
        text-align: center;
        margin: 30px auto;
        background-color: #004189;
        font-size: 16px;
    }
    .more:hover {
        background-color: #fff !important;
        color: #004189 !important;
    }
    .titleCon p {
        text-align: center;
        font-size: 28px;
        color: #0c0c0c;
    }
    .titleCon span {
        padding: 15px 10px;
        text-align: center;
        display: block;
        color: #5e5e5e;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .indexAboutcon {
        width: 95%;
        min-height: 200px;
        margin: 0 auto;
    }
    .indexAboutconTop {
        display: flex;
        flex-wrap: wrap;
    }
    .indexAboutconTopLeft {
        width: 100%;
        /* background-image: url(../images/conbg1.jpg); */
        padding: 25px 15px;
        background-color: #004189;
    }
    .indexAboutconTopRight {
        width: 100%;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
    }
    .indexAboutconTopLeft strong {
        font-size: 18px;
        color: #fff;
        font-weight: normal;
    }
    .indexAboutconTopLeft p {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 11px;
    }
    .indexAboutconTopLeft a {
        display: block;
        width: 142px;
        height: 42px;
        color: white;
        font-size: 15px;
        line-height: 42px;
        text-align: center;
        border: 1px solid #fff;
    }
    .indexAboutconTopLeft a:hover {
        background-color: #ffffff;
        color: #000 !important;
    }
    .indexAboutconTopRight ul {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .indexAboutconTopRight ul li {
        width: 50%;
        text-align: center;
    }
    .about_li_top strong {
        color: #004189;
        font-size: 30px;
        font-weight: normal;
    }
    .indexAboutconBot {
        display: none;
    }
    .banner_mb .swiper-pagination-bullet {
        width: 15px !important;
        height: 15px !important;
    }
    .banner_pc {
        display: none;
    }
    .ad {
        width: 100%;
        height: 100%;
        background-color: red;
        position: relative;
    }
    .banner_mb {
        width: 100%;
        height: 100%;
        position: absolute !important;
        left: 0;
        top: 0;
    }
    .banner_mb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .fix_Search {
        display: none;
    }
    .fixmenu {
        display: none;
    }
    .fixmenumb {
        width: 100%;
        height: 50px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        padding: 0 20px;
        justify-content: space-between;
    }
    .fixmenumb a img {
        width: 120px;
    }
    .hb {
        width: 30px;
    }
    .mbhide {
        width: 100%;
        height: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 999999;
        padding: 15px;
        transition: all ease 0.5s;
    }
    .change {
        right: 0 !important;
    }
    .cha {
        position: absolute;
        right: 40px;
        top: 20px;
    }
    .mbhide ul {
        margin-top: 60px;
    }
    .mbhide ul li a {
        display: block;
        text-align: center;
        height: 44px;
        line-height: 44px;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #f5f5f5;
    }
}