@media (min-width: 1450px){
    .container {
        width: 1370px;
    }
    }
    
    
    .d-all{
        display: flex;
        align-items: center;
    }
    
    .d-all .dlogo{
        width: 25.373%;
    }
    
    .d-all .dlogo a{
        display: block;
    }
    
    .d-all .dlogo a img{
        width: 100%;
    }
    
    .d-all .d-text{
        width: 53.73%;
        padding-left: 20px;
        border-left: 1px solid #efefef;
        margin-left: 20px;
    }
    
    .d-all .d-text h3{
        font-size: 24px;
        color: #333333;
        font-weight: bold;
        line-height: 30px;
    }
    
    .d-all .d-text h4{
        font-size: 20px;
        color: #555555;
        font-weight: normal;
        margin-top: 10px;
    }
    
    .d-all .d-tel{
        width: 20.15%;
        margin-top: 20px;
    }
    
    .d-all .d-tel img{
        margin-left: 5px;
    }
    
    .d-all .d-tel{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    
    .d-all .d-tel .d-teltxt{
        text-align: right;
    }
    
    .d-all .d-tel .d-teltxt h3{
        font-size: 16px;
        color: #999999;
        font-weight: normal;
        margin-right: 3px;
    }
    
    .d-all .d-tel .d-teltxt h4{
        font-size: 30px;
        color: #333333;
        font-weight: bold;
        font-family: "Arial";
        line-height: 40px;
    }
    
    .x-top3{
        height: 64px;
        line-height: 64px;
        border-top: 1px solid #ebebeb;
        margin-top: 30px;
    }
    
    .x-menu > .lis>a h3{
        font-family: "Arial";
        font-size: 14px;
        color: #fff;
        opacity: 0;
        line-height: 30px; 
    }
    
    .x-top2 .nnav{
        width: 100%;
        position: relative;
        z-index: 9999;
    }
    
    .x-menu > .lis .nava{
        height: 90px;
    }
    
    
    
    .x-menu > .lis:hover .nava{
        background-color: #b81c20;
        z-index: 9999;
        height: 90px;
    }
    
    .x-menu > .lis{
        animation: anmate2 .3s linear;
        height: 90px;
    }
    
    .x-menu .lis .nava:hover h3{
        opacity: .6;
        transition: all .3s;
    }
    
    .x-menu .lis .nava:hover{
        animation: anmate .3s linear;
    }
    
    
    
    .x-menu > .lis.active .nava{
        background-color: #b81c20;
        z-index: 9999;
        height: 90px;
    }
    
    .x-menu > .lis.active .nava h4{
        color: #fff;
    }
    
    .x-menu > .lis.active .nava h3{
        opacity: .6;
    }
    
    
    .x-menu .lis .nava:hover h3{
        opacity: .6;
        transition: all .3s;
    }
    
    .x-menu .lis .nava:hover{
        animation: anmate .3s linear;
    }
    
    
    
    
    /* .x-menu > .lis.active a h4 {
        color:#fff;
    }
    
    .x-menu > .lis.active a h3{
        display: block;
        color: #fff;
        opacity: .8;
    }  */
    
    
    /* 
    .x-menu:hover .lis.active{
        display: none;
    } */
    
    
    
    
    .x-menu > .lis.active{
       /* background-color: #b81c20;
       height: 90px;
       z-index: 999;
       transition: all 0s; */
    }
    
    /* .x-menu > li.active a h4{
        color: #fff;
    }
    
    .x-menu > li.active a h3{
        opacity: .6;
    } */
    
    @keyframes anmate{
        0%{
            height: 0px;
        }
    
        50%{
            height: 45px;
        }
    
        100%{
            height: 90px;
        }
    }
    
    @keyframes anmate2{
        100%{
            height: 90px;
        }
    
        50%{
            height: 45px;
        }
    
        0%{
            height: 0px;
        }
    
    }
    
    .x-menu .lis:hover a h4{
        color: #fff;
    }
    
    .x-menu .lis:hover a h4{
        border-left: none;
        
    }
    
    .x-menu .lis .nava h4{
        position: relative;
        
    }
    
    .x-menu .lis .nava h4::before{
        content: '';
        position: absolute;
        height: 20px;
        width: 1px;
        background-color: #ececec;
        top:22px;
        left:0px;
    }
    
    .x-menu .lis:hover .nava h4::before{
        display: none;
    }
    
    
    
    .x-menu .lis + .lis a h4{
       
    }
    
    .x-sub-menu{
        top:92px;
    }
    
    
    
    
    /*热门关键�?*/
    
    .so{
        padding: 20.5px 0;
        background-color: #f8f8f8;
    }
    
    .gjc{
        height: 38px;
        line-height: 38px;
    }
    
    .gjc img{
        float: left;
        margin-top: 2px;
        margin-right: 2px;
    }
    
    .gjc h3{
        float: left;
        
        font-size: 14px;
        color: #666;
    }
    
    .gjc b{
        color: #666;
        font-size: 14px;
        font-weight: 500;
    }
    
    .gjc span{
        font-size: 14px;
        margin-left: 2px;
    }
    
    .gjc span a{
        color: #888888;
        font-weight: normal;
        padding-left: 15px;
        font-size: 14px;
    }
    
    .gjc span a:hover{
        color: #b81c20;
         
    }
    
    .sousuo{
      
        /* position: absolute; */
        /* right: 0; */
        float: right;
        /* top: 80px; */
        width: 235px;
        /* padding: 20px; */
        z-index: 999;
        background-color: #fff;   
    }
    
    .sousuo #keyword {
        line-height: 45px;
        width: 100%;
        background: none;
        border:none;
        outline: none;
        color: #5a5a5a;
        float: left;
        font-size: 14px;
        text-indent: 20px;
        padding-left: 7px;
        border-radius: 30px;
        background-color: #fff;
    }
    
    #formsearch{
        position: relative;
    }
    
    .sousuo .fl{
        background: url(http://www.taijiangjixie.com/cdn.myxypt.com/8b114a4e/22/01/5209bed9841e33efa39fad7f8daadb0839d0b593.png) no-repeat center;
        font-size: 0;
        width: 41px;
        line-height: 41px;
        height: 41px;
        border: none;
        border-radius: 50%;
        position: absolute;
        right: 0;
        background-color: #b81c20;
    }
    
    .gjca{
        float: left;
        padding-top: 12px;
    }
    
    .gjca b{
        font-weight: bold;
        color: #666666;
        font-size: 14px;
        margin-right: 5px;
    }
    
    
    
    .h-about{
        background: url(http://www.taijiangjixie.com/cdn.myxypt.com/8be4a0e5/22/01/3cdb5f9c5cb4f0d5b95bfcd615d127770d960476.jpg) no-repeat center;
        background-size: cover;
        padding-top: 60px;
        padding-bottom: 35px;
    }
    
    .habo-top{
        display: flex;
        align-items: stretch;
    }
    
    .h-leftall{
        width: 45.821%;
    }
    
    .h-right{
        width: 54.179%;
        display: none;
    }
    
    .h-left h3{
        font-size: 36px;
        font-weight: bold;
        color: #333;
        position: relative;
    }
    
    .h-left h3::before{
        width: 380px;
        background-color: #cccccc;
        height: 1px;
        left: 0%;
        top: 68px;
        content: '';
        position: absolute;
    }
    
    .h-left h3 span{
        color: #09a468;
    }
    
    .h-left h4{
        font-weight: normal;
        font-size: 16px;
        color: #666666;
        line-height: 36px;
        margin-top: 55px;
    }
    
    .zxzx{
        display: block;
        background-color: #09a468;
        height: 46px;
        line-height: 46px;
        width: 160px;
        text-align: center;
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .zxzx h3{
        font-size: 14px;
        color: #ffffff;
        margin-right: 10px;
        font-weight: normal;
    }
    
    .zxzx img{
        margin-left: 10px;
    }
    
    .habo-bto{
        margin-top: 108px;
    }
    
    .habo-bto .mokall{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .habo-bto .mokall li{
        width: 16%;
    }
    
    .habo-bto .mokall li a:hover img{
        transform: rotate(180deg);
        transition: all .5s;
    }
    
    .habo-bto .mokall li a img{
        max-width: 100%;
    }
    
    .habo-bto .mokall li a{
        display: block;
        text-align: center;
    }
    
    .habo-bto .mokall li a h3{
        font-size: 24px;
        color: #09a468;
        line-height: 34px;
        font-weight: bold;
        margin-top: 7px;
    }
    
    .habo-bto .mokall li a h4{
        font-size: 16px;
        color: #666;
        line-height: 34px;
        font-weight: normal;
    }
    
    
    
    
    .habo-bto .mokall li {
        display: block;
        text-align: center;
    }
    
    .habo-bto .mokall li:hover img{
        transform: rotate(180deg);
        transition: all .5s;
    }
    
    .habo-bto .mokall li img{
        
        transition: all .5s;
    }
    
    .habo-bto .mokall li img{
        max-width: 100%;
    }
    
    
    .habo-bto .mokall li h3{
        font-size: 24px;
        color: #09a468;
        line-height: 34px;
        font-weight: bold;
        margin-top: 7px;
    }
    
    .habo-bto .mokall li h4{
        font-size: 16px;
        color: #666;
        line-height: 34px;
        font-weight: normal;
    }
    
    .hengxian{
        max-width: 100%;
    }
    
    .hengxian:last-child{
        display: none;
    }
    
    
    
    .sousuo #keyword::-webkit-input-placeholder { /* WebKit browsers */
      color: #999;
      font-size: 14px;
    }
    
    .sousuo #keyword::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: #999;
      font-size: 14px;
    }
    
    .sousuo #keyword:-ms-input-placeholder { /* Internet Explorer 10+ */
      color: #999;
      font-size: 14px;
    }   
    
    
    
    
    
    /*产品中心样式*/
    
    .zj-title{
        text-align: center;
    }
    
    .zj-title h3{
        color: #333333;
        font-size: 44px;
        font-weight: bold;
    }
    
    .zj-title h3 span{
       color: #b81c20; 
    }
    
    .zj-title h4{
        color: #666666;
        font-size: 20px;
        font-weight: normal;
        line-height: 30px;
        margin-top: 12px;
    }
    
    .protitle{
        margin-top: 55px;
    }
    
    .procate{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 35px;
        padding-bottom: 24px;
        border-bottom: 1px solid #e9e9e9;
    }
    
    .procate li{
        height: 48px;
        line-height: 48px;
        background-color: #f8f8f8;
        text-align: center;
        border-radius: 30px;
        margin: 0 20px;
    }
    
    .procate li a{
        display: block;
        line-height: 48px;
    }
    
    .procate li a h4{
        color: #555;
        font-size: 16px;
        font-weight: normal;
        line-height: 48px;
        padding: 0 50px;
    }
    
    .procate li:hover{
        background-color: #b81c20;
    }
    
    .procate li:hover a h4{
        color: #fff;
    }
    
    .my-prolist{
        margin-top: 4.5vh;
        padding-bottom: 9vh;
        display: block;
    }
    
    .my-prolist ul{
        display: block;
    }
    
    
    
    .products{
        margin-top: 13px;
    }
    
    
    .products li{
        float: left;
        background-color: #fff;
        transition: all .3s;
        width: calc(25% - 16.5px);
        margin-top: 35px;
    }
    
    .products li:hover .proimg{
        border: 1px solid #b81c20;
    }
    
    .products li:hover .proimg .protxt h3{
        color: #fff;
    }
    
    .products li{
        margin-right: 1.6%;
    }
    
    .products li:nth-child(4){
        margin-right: 0;
    }
    
    .products li:nth-child(8){
        margin-right: 0;
    }
    
    .proimg .imgs{
        
    }
    
    .proimg .imgs img{
        width: 100%;
    }
    
    
    .protxt{
        background-color: #f5f5f5;
        text-align: center;
    }
    
    .protxt h3{
        color: #555;
        font-size: 16px;
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        height: 58px;
        line-height: 58px;
    }
    
    .protxt h3 img{
        float: right;
        position: absolute;
        right: 0;
    }
    
    .products li:hover .protxt{
        background-color: #b81c20;
        transition: all .3s;
    }
    
    
    .products li:hover .protxt h3{
        color: #005bac;
    }
    
    .products li:hover .protxt img{
        transform: scale(1.01);
        transition: all .3s;
    }
    
    .proimg{
        border: 1px solid #eeeeee;
    }
    
    
    
    
    
    /*品质做工样式*/
    
    .zj-quality{
        background: url(/html/class/template/image/i01.png) no-repeat;
        margin-top: 140px;
    }
    
    .quatop{
        width: 48.955%;
        background-color: #fff;
        box-shadow: 0 0 18px rgba(0,0,0,.06);
    }
    
    .quatxt{
        text-align: center;
        padding: 60px 0;
        margin-top: -70px;
        z-index: 999;
    }
    
    .quatxt h3{
        color: #666666;
        font-size: 24px;
        font-weight: normal;
    }
    
    .quatxt h4{
        color: #b81c20;
        font-size: 48px;
        font-weight: bold;
        margin-top: 22px;
    }
    
    .quatxt h5{
        color: #666666;
        font-size: 24px;
        font-weight: lighter;
        margin-top: 27px;
    }
    
    .qualeft{
        margin-top: 58px;
    
    }
    
    .qualeft .qutext{
        display: flex;
        align-items: baseline
    }
    
    .qualeft .qutext h3{
        font-size: 20px;
        color: #ffffff;
        line-height: 42px;
        margin-left: 5px;
        margin-top: 30px;
    }
    
    .quazxrx{
       
        margin-top: 99px;
        margin-bottom: 115px;
        width: 100%;
    }
    
    .quazxrx .qua-tel{
        display: flex;
        align-items: center;
        padding: 19px 0 19px 40px;
    }
    
    .quazxrx .qua-tel h4{
        font-size: 18px;
        color: #fff;
        line-height: 52px;
        font-weight: normal;
        margin-left: 16px;
    } 
    
    .quazxrx .qua-tel{
        background: url(/html/class/template/image/38fa06dda2aebc6c2ad560e05552d2a427bbd89d.png) no-repeat;
    }
    
    .quazxrx .qua-tel h5{
        font-size: 36px;
        color: #fff;
        line-height: 52px;
        font-weight: normal;
        margin-left: 2px;
    }
    
    .quaright{
        float: right;
        width:28.581%;
    }
    
    .quaimg .img2{
        display: none;
    }
    
    .qualeftall{
        float: left;
    }
    
    .qua-img li a{
        display: block;
    }
    
    .qua-img li a h3{
        font-size: 20px;
        color: #666666;
        margin-top: 20px;
    }
    
    .qua-img li a h4{
        font-size: 14px;
        color: #666666;
        font-family: "Arial";
        margin-top: 8px;
    }
    
    .qua-img li{
        background: -webkit-linear-gradient(45deg, #fff 0%, #dadada 50%, #fdfdfd 100%);
        background: linear-gradient(45deg, #fff 0%, #dadada 50%, #fdfdfd 100%);
        width: calc(50% - 0.5px);
        float: left;
        padding-left: 40px;
        padding-top: 30px;
        padding-bottom: 28px;
    }
    
    .qua-img li:hover{
        background: -webkit-linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        background: linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        transition: all .3s;
    }
    
    .qua-img li:hover a h3{
        color: #fff;
    }
    
    .qua-img li:hover a h4{
        color: #fff;
    }
    
    .qua-img li:hover a .quaimg .img1{
        display: none;
        transition: all .3s;
    }
    
    .qua-img li:hover a .quaimg .img2{
        display: block;
        transition: all .3s;
    }
    
    
    
    
    
    .qua-img li.cur{
        background: -webkit-linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        background: linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        transition: all .3s;
    }
    
    .qua-img li.cur a h3{
        color: #fff;
    }
    
    .qua-img li.cur a h4{
        color: #fff;
    }
    
    .qua-img li.cur a .quaimg .img1{
        display: none;
        transition: all .3s;
    }
    
    .qua-img li.cur a .quaimg .img2{
        display: block;
        transition: all .3s;
    }
    
    
    
    
    .qua-img li:nth-child(1){
        border-right:1px solid #010102;
    }
    
    .qua-img li:nth-child(3){
        border-top:1px solid #010102;
    }
    
    .qua-img li:nth-child(4){
        border-left:1px solid #010102;
        border-top:1px solid #010102;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    /*应用行业样式*/
    
    
    .zj-Application{
        margin-top: 65px;
    }
    
    .apptitle hr{
        background-color: #d4d4d4;
        width: 122px;
        height: 3px;
        text-align: center;
        margin-top: 28px;
    }
    
    .appall{
        margin-top: 60px;
    }
    
    .appleft{
        width: 48.5075%;
        float: left;
    }
    
    .appleft li{
        background: -webkit-linear-gradient(45deg, #f4f4f4 0%, #f8f8f8 50%, #f8f8f8 70%, #ffffff 100%);
        background: linear-gradient(45deg, #f4f4f4 0%, #f8f8f8 50%, #f8f8f8 70%, #ffffff 100%);
        width: calc(50% - 1px);
        float: left;
    }
    
    .appleft li:nth-child(2n){
        margin-left: 1px;
    }
    
    .appleft li{
        padding: 41px 0 41px 25px;
    }
    
    .appimg .img1{
        display: block;
    }
    
    .appimg .img2{
        display: none;
    }
    
    .apptxt{
        display: flex;
        align-items: center;
    }
    
    .apptxt .txts{
        margin-left: 20px;
    }
    
    .apptxt .txts h3{
        font-size: 24px;
        color: #333333;
        line-height: 30px;
    }
    
    .apptxt .txts h4{
        font-size: 14px;
        color: #999999;
        line-height: 30px;
        text-transform: uppercase;
    }
    
    .appleft li:hover{
        background: -webkit-linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        background: linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        transition: all .3s;
    }
    
    .appleft li.cur{
        background: -webkit-linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        background: linear-gradient(45deg, #b81c20 0%, #b81c20 50%, #b81c20 100%);
        transition: all .3s;
    }
    
    .appleft li:hover a .apptxt .txts h3{
        color: #fff;
        transition: all .3s;
    }
    
    .appleft li.cur a .apptxt .txts h3{
        color: #fff;
        transition: all .3s;
    }
    
    .appleft li.cur a .apptxt .txts h4{
        color: #fff;
        transition: all .3s;
        
    }
    
    .appleft li:hover a .apptxt .txts h4{
        color: #fff;
        transition: all .3s;
        
    }
    
    .appleft li.cur a .apptxt .appimg .img1{
        display: none;
    }
    
    .appleft li:hover a .apptxt .appimg .img1{
        display: none;
    }
    
    .appleft li.cur a .apptxt .appimg .img2{
        display: block;
        transition: all .3s;
    }
    
    .appleft li:hover a .apptxt .appimg .img2{
        display: block;
        transition: all .3s;
    }
    
    .appright{
        width: 47.50%;
        float: right;
    }
    
    .appright-img{
        display: none;
    }
    
    .appright{
        box-shadow: #bbb 0px 0px 10px;
        padding: 30px 0 48px 0;
        margin-left: 3.9%;
    }
    
    .appright-img{
        width: 92%;
        margin: 0px auto;
        
    }
    
    .appright-img .app-img img{
        max-width: 100%;
    }
    
    .appright-img h3{
        font-size: 24px;
        color: #b81c20;
        margin-top: 40px;
    }
    
    .appright-img h4{
        font-size: 16px;
        color: #666666;
        margin-top: 18px;
    }
    
    .appall{
        display: flex;
        align-items: stretch;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*关于我们样式*/
    
    .zj-about{
        background: url(/html/class/template/image/i19.jpg) no-repeat;
        margin-top: 102px;
        position: relative;
    }
    
    .about-lfet{
        width: 53.4375%;
    }
    
    .about-lfet img{
        max-width: 100%;
    }
    
    .aboutall{
        z-index: 999;
        padding: 75px 0 65px 0;
    }
    
    .aboutall{
        width:48.7164%;
        background-color: rgba(255, 255, 255, .95);
        float: right;
    }
    
    .about-right{
        width: 86.53%;
        margin: 0px auto;
    }
    
    .aboright h4{
        color: #333333;
        font-size: 36px;
    }
    
    .aboright h5{
        color: #666666;
        font-size: 16px;
        line-height: 32px;
        margin-top: 55px;
    }
    
    .abotxt{
        margin-top: 65px;
    }
    
    .abotxt a{
        display: block;
        float: left;
        margin-right: 17px;
    }
    
    .abotxt a:hover h3{
        background-color: #bb1b21;
        cursor: pointer;
    }
    
    .abotxt a h3{
        color: #ffffff;
        font-size: 16px;
        background-color: #272121;
        padding: 15px 35px;
    }
    
    .abotxt a h3 span{
        margin-right: 5px;
    }
    
    .aboright{
        position: absolute;
        right: 13.15%;
        bottom: 80px;
        padding-right: 40px;
    }
    
    
    
    
    
    
    
    
    
    
    /*案例展示*/
    
    .zj-case{
        margin-top: 50px;
    }
    
    .pro a{
        position: relative;
        display: block;
    }
    
    .pro a:hover .proimges img{
        transform: scale(1.05);
        transition: all .8s;
    }
    
    .pro a .proimges img{
        transition: all .8s;
    }
    
    .pro a .proimges{
        overflow: hidden;
    }
    
    .pro a:hover h3{
        background-color: rgb(184, 28, 32, .8);
        color: #fff;
        transition: all .3s;
    }
    
    .pro a:hover h3 span{
        color: #fff;
        transition: all .3s;
    }
    
    .pro a h3{
        font-size: 16px;
        color: #333333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 15px 0 15px 30px;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 9999;
        background-color: rgb(225, 227, 226, .8);
    }
    
    .pro a h3 span{
        font-size: 16px;
        color: #333333;
        margin-left: 14px;
    }
    
    
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
        display: block;
    }
    
    .case-list .owl-carousel .owl-nav button.owl-next {
        outline: none;
        position: absolute;
        top: 50%;
        z-index: 9999;
        background: #424246;
        height: 45px;
        width: 45px;
        margin-top: -32.5px;
        border-radius: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        left: -86px;
        background: url(/html/class/template/image/i18_h.png) no-repeat center;
        font-size: 0;
    }
    
    .case-list .owl-carousel .owl-nav button.owl-next:hover{
        background: url(/html/class/template/image/i18.png) no-repeat center;
        transition: all .4s;
    }
    
    
    .case-list .owl-carousel .owl-nav button.owl-prev {
        outline: none;
        position: absolute;
        top: 50%;
        z-index: 9999;
        background: #424246;
        height: 45px;
        width: 45px;
        margin-top: -32.5px;
        border-radius: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        right: -86px;
        background: url(/html/class/template/image/i17_h.png) no-repeat center;
        font-size: 0;
    }
    
    .case-list .owl-carousel .owl-nav button.owl-prev:hover{
        background: url(/html/class/template/image/i17.png) no-repeat center;
        transition: all .4s;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    /*标准化服�?*/
    
    .zj-serve{
        margin-top: 60px;
    }
    
    .zj-serve2{
        background: url(/html/class/template/image/i16.jpg) no-repeat center;
        background-size: cover;
        margin-top: 50px;
    }
    
    .serveall{
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
    
    .serveimgs .img2{
        display: none;
    }
    
    .serveall li{
        text-align: center;
    }
    
    .serveall li:nth-child(2n){
        margin-top: 70px
    }
    
    
    .serveall li a{
        display: block;
        text-align: center;
    }
    
    .serveall li a:hover{
        cursor: default;
    }
    
    .serveall li a:hover .serveimgs{
        background-color: #b81c20;
    }
    
    .serveall li a:hover h3{
        color:#b81c20;
    }
    
    .serveall li a:hover .serveimgs .imgs .img1{
        display: none;
    }
    
    .serveall li a:hover .serveimgs .imgs .img2{
        display: block;
        margin: 0px auto;
    }
    
    .serveall li a h3{
        font-size: 22px;
        color:#333333;
        margin-top: 15px;
    }
    
    .serveimgs{
        border-radius: 50%;
        border: 1px solid #ececec;
        height: 117px;
        width: 117px;
        position: relative;
    }
    
    .serveimgs .imgs{
        position: absolute;
        top: calc(50% - 21px);
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .serveimgs .img3{
        position: relative;
        right: -45px;
        top: 82px;
    }
    
    .servemsg{
        text-align: center;
        margin-top: 72px;
    }
    
    .servemsg h3{
        background-color: #272121;
        font-size: 20px;
        color: #fff;
        padding:20px 72px;
        display: inline-block;
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    
    .servemsg h3:hover{
        background-color: #b81c20;
    }
    
    .servemsg h3 img{
        margin-right: 12px;
    }
    
    .servemsg h4{
        background-color: #b81c20;
        font-size: 24px;
        color: #fff;
        padding: 19px 55px 19px 40px;
        display: inline-block;
        border-top-right-radius: 40px;
        border-bottom-right-radius: 40px;
        margin-left: 1px;
    }
    
    
    .servemsg h4 img{
        margin-right: 12px;
    }
    
    .servemsg{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    /*新闻中心*/
    
    .zj-news{
        background-color: #f8f8f8;
        margin-top: 100px;
        padding-top: 55px;
    }
    
    .newsall{
        margin-top: 42px;
    }
    
    .newscat{
        text-align: center;
    }
    
    .newslist{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .newslist li{
        margin: 0px 36px;
    }
    
    .newslist li.cur a{
        color: #b81c20;
        font-weight: bold;
    }
    
    .newslist li.cur a::before{
        display: block;
    }
    
    .newslist li a{
        font-size: 20px;
        color: #666;
        display: block;
        position: relative;
    }
    
    .newslist li a::before{
        content: '';
        position: absolute;
        width: 92px;
        height: 3px;
        background-color: #b81c20;
        top: 51px;
        left: -4px;
        right: 0;
        display: none;
    }
    
    .newslist li a:hover{
        color: #b81c20;
        font-weight: bold;
    }
    
    .newslist li:hover a::before{
        display: block;
    }
    
    .newscat{
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 30px;
    }
    
    .newscon{
        border-top: 1px solid #dfdfdf;
        padding-top: 20px;
        padding-bottom: 55px;
    }
    
    .zj-newlist a{
        display: block;
    }
    
    
    
    
    .zj-allnews{
    
    }
    
    .zj-allnews .zzaa img{
        max-width: 100%;height:13rem;
    }
    
    .zj-allnews .zzaa{
        width: 29.851%;
        border: 1px solid #e8e8e8;text-align: center;
    }
    
    .zj-allnews .zxl-div h3{
        font-size: 18px;
        color: #333333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    
    .zj-allnews .zxl-div h4{
        font-size: 15px;
        color: #666666;
        line-height: 27px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 14px;
    }
    
    .zj-allnews .zxl-div h5{
        margin-top: 10px;
        font-size: 14px;
        color: #999999;
        line-height: 30px;
    }
    
    .zj-allnews .zxl-div h5 span{
        margin-right: 8px;
    }
    
    .zj-newlist a{
        float: left;
        width: 50%;
        display: flex;
        align-items: center;
        margin-top: 30px;
    }
    
    .zj-allnews{
        display: flex;
        align-items: center;
    }
    
    .ttsz{
        display: none;
    }
    
    .zxl-div{
        padding-left: 4.7%;
        padding-right: 2%;
        width: 70%;
    }
    
    .zj-allnews:hover .zzaa{
        border: 1px solid #b81c20;
    }
    
    .zj-allnews:hover .zxl-div h3{
        color: #b81c20;
    }
    
    
    
    
    
    
    
    
    
    
    /*快速通道代码*/
    
    .my-navigation{
        margin-top: 60px;
    }
    
    .nav-cel{
        
    }
    
    .nav-cel h3{
        color: #333333;
        font-size: 24px;
        line-height: 30px;
        float: left;
    }
    
    .nav-cel h4{
        color: #666;
        font-size: 16px;
        line-height: 30px;
        font-weight: normal;
        float: left;
        padding-left: 7px;
    }
    
    .nav-cel h5{
        float: right;
        color: #666;
        font-size: 14px;
        line-height: 30px;
        font-weight: normal;
    }
    
    .nav-cel a:hover h5{
        color: #c50e1c;
    }
    
    .nav-floor{
        margin-top: 35px;
        padding-bottom: 70px;
    }
    
    .nav-floor .nav-fleft{
        float: left;
        width: 10%;
    }
    
    .nav-floor .nav-right{
        float: left;
        width: 90%;
    }
    
    .proli a{
        font-size: 20px;
        color: #666666;
        line-height: 68px;
        padding: 10px 0;
        border-right: 1px solid #f0f0f0;
        padding-right: 30px;
    }
    
    .proli{
        width: 10%;
        position: relative;
        float: left;
    }
    
    .proli::before{
        
    }
    
    .proli:hover a{
        color: #b81c20;
    }
    
    .list1z{
        float: left;
        overflow: hidden;
        width: 90%;
    }
    
    .list1z a{
        float: right;
        display: block;
    }
    
    .list1z a h5{
        line-height: 64px;
        font-size: 14px;
        color: #999999;
    }
    
    .list1z a h5:hover{
        color: #b81c20;
    }
    
    .list1z a h5 img{
        margin-left: 8px;
    }
    
    .list1z li{
        float: left;
        margin-left: 30px;
    }
    
    .list1z li:hover a{
        color: #b81c20;
    }
    
    .list1z li a{
        color: #999999;
        font-size: 16px;
        line-height: 64px;
    }
    
    .prodiv{
        float: left;
        width: 100%;
        border-top: 1px solid #f0f0f0;
    }
    
    .prodiv:last-child{
        border-bottom: 1px solid #f0f0f0;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /*底部样式*/
    
    .h-footer{
        background-color: #232324;
        
    }
    
    .h-footer .footers{
        position: relative;
    }
    
    .footers::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 8px;
        background-color: #b81c20;
        top: -3px;
    }
    
    .fnav-all{
        padding-top: 58px;
        padding-bottom: 75px;
        
    }
    
    .fnav-all dl dt{
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
    }
    
    .fnav-all .dl1 dt{
        position: relative;
    }
    
    .fnav-all .dl1 dt::before{
        content: '';
        position: absolute;
        background-color: #39393a;
        width: 78px;
        height: 1px;
        top: 42px;
    }
    
    .fnav-all .dl2 dt{
        position: relative;
    }
    
    .fnav-all .dl2 dt::before{
        content: '';
        position: absolute;
        background-color: #39393a;
        width: 78px;
        height: 1px;
        top: 42px;
    }
    
    .fnav-all .dl1 dd{
        margin-top: 45px;
    }
    
    .fnav-all .dl2 dd{
        margin-top: 28px;
    }
    
    .fnav-all .dl3 dd{
        
    }
    
    .fnav-all dl dd h3{
        font-size: 14px;
        color: rgb(207, 207, 207, .5);
        font-weight: normal;
        line-height: 20px;
    }
    
    .fnav-all .dl1{
        float: left;
        width: 30.97%;
        padding-left: 8.8%;
        border-left: 1px solid rgb(57, 57, 57);
        border-right: 1px solid rgb(57, 57, 57);
    }
    
    .fnav-all .dl2{
        float: right;
        width: 48.5%;
        padding-left: 8%;
    }
    
    .fnav-all .dl3{
        float: left;
        width: 19.9254%;
        
    }
    
    .fnav-all .dl2 dd ul li a{
        color: rgb(255, 255, 255, .5);
        font-size: 16px;
        line-height: 52px;
        font-weight: normal;
    }
    
    .fnav-all .dl2 dd ul li img{
        margin-right: 32px;
    }
    
    .fnav-all .dl2 dd ul li a:hover{
        color: #b81c20;
    }
    
    .fnav-all .dl2 dd ul li{
        float: left;
        width: 33.333%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .allewm{
       
    }
    
    .allewm .leftewm{
        display: flex;
        align-items: center;
    }
    
    .allewm .rightewm{
        display: flex;
        align-items: center;
        margin-top: 20px;
    }
    
    .allewm .leftewm h3{
        font-size: 14px;
        color:rgb(255, 255, 255, .5);
        margin-left: 15px;
        width: 20px;
        line-height: 16px;
    }
    
    .allewm .rightewm h3{
        font-size: 14px;
        color:rgb(255, 255, 255, .4);
        margin-left: 15px;
        width: 20px;
        line-height: 16px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .gl-footer{
        background-color: #20201f;
    }
    
    .c-link span{
        color: #f2f2f2;
        font-size: 16px;
    }
    
    .c-link dd{
        color: #f2f2f2;
        font-size: 12px;
        padding-top: 5px;
    }
    
    .c-link {
        padding-right: 3px;
    }
    
    .x-region{
        padding-left: 3px;
        line-height: 90px;
    }
    
    .ks{
        
       
    }
    
    .ksleft{
        width: 32.515%;
        float: left;
    }
    
    .ksleft dl{
        margin-bottom: 0;
    }
    
    .ksleft dl:first-child{
        width: 62%;
        float: left;
    }
    
    .ksleft dl:last-child{
        width: 38%;
        float: right;
    }
    
    .ksleft dl a{
        font-size: 16px;
        color: #eeeeee;
    }
    
    .ksleft dl dt{
        font-size: 18px;
        color: #eeeeee;
    }
    
    .ksleft dl dd a:hover{
        color: #c2c2c2;
    }
    
    .ksleft dl dd{
        margin-top: 16px;
    }
    
    .ksleft dl span{
        margin-top: 16px;
        display: block;
    }
    
    .kscenter{
        width: 39.87%;
        float: left;
        margin-left: 7.36%;
    }
    
    .cleft{
        overflow: hidden;
        float: left;
        width: 50%;
    }
    
    .cleft h3{
        font-size: 18px;
        color: #eeeeee;
        font-weight: normal;
    }
    
    .cleft ul{
        width: 50%;
    }
    
    .cleft li a{
        font-size: 16px;
        color: #eeeeee;
    }
    
    .cleft li a:hover{
        color: #c2c2c2;
    }
    
    .cleft li:nth-child(2n){
        margin-left: 30px;
    }
    
    .cleft li{
        margin-top: 17px;
        float: left;
    }
    
    .cright{
        float: right;
    }
    
    .cright h3{
        font-size: 18px;
        color: #eeeeee;
        font-weight: normal;
    }
    
    .crtel h5{
        margin-top: 30px;
    }
    
    .crtel h5 p{
        font-size: 16px;
        color: #eeeeee;
        margin: 0px;
        margin-bottom: 20px;
    }
    
    .ksright{
        width: 15.1%;
        float: right;
    }
    
    .ksright h3{
        font-size: 18px;
        color: #eeeeee;
        font-weight: normal;
    }
    
    
    
    
    
    
    
    
    
    .hm-floor{
        background-color: #232324;
        border-top: 1px solid #39393a;
    }
    
    .hm-floor .fl-all{
        
    }
    
    .fl-left{
        width: 54%;
        float: left;
        color:rgb(255, 255, 255, .4);
        font-size: 14px;
        line-height: 90px;
    }
    
    .fl-left a{
        color:rgb(255, 255, 255, .4);
    }
    
    .fl-center{
        width: 15%;
        float: left;
        display: none;
        line-height: 90px;
    }
    
    .fl-center h3{
        float: left;
        color:rgb(255, 255, 255, .4);
        font-size: 14px;
    }
    
    .fl-center a{
        float: left;
        color:rgb(255, 255, 255, .4);
    }
    
    .fl-right{
        float: right;
        color:rgb(255, 255, 255, .4);
        line-height: 90px;
    }
    
    .fl-right a{
        color:rgb(255, 255, 255, .4);
        font-size: 14px;
        position: relative;
    }
    
    .fl-right span{
        color:rgb(255, 255, 255, .4);
        font-size: 14px;
    }
    
    .fl-right a:hover{
        color:#b81c20;
    }
    
    .fl-left a:hover{
        color:#b81c20;
    }
    
    .fl-right{
        display: flex;
        align-items: center;
    }
    
    .c-link .con span{
        color:rgb(255, 255, 255, .4);
    }
    
    
    
    
    
    
    
    
    
    /*自适应关于我们调整*/
    
    @media(max-width:1770px){
        .aboright{
            bottom: 48px;
        }
    
        .aboutall{
            width: 53%;
        }
    
        .aboutall {
        z-index: 999;
        padding: 55px 0 50px 0;
        }
    }
    
    @media(max-width:1670px){
        .aboright{
            bottom: 30px;
        }
    }
    
    
    @media(max-width:1600px){
        .aboright{
            bottom: 20px;
        }
    
        .aboutall {
        z-index: 999;
        padding: 40px 0 40px 0;
        }
    
        .aboutall{
            width: 46%;
        }
        .abotxt {
        margin-top: 45px;
        }
    }
    
    
    
    
    
    /*自适应调整*/
    
    @media(max-width:1450px){
        .d-all .d-tel{
            width: 24.15%;
        }
        /*关于我们*/
        .aboright{
            position: relative;
        }
    
        .about-lfet{
            float: left;
        }
    
        .aboright{
            width: 46%;
            float: right;
            top:0;
            left: 0;
            right: 0;
            bottom: 0;
            padding-right: 0;
        }
    
        .aboutall{
            width: 100%;
        }
        /*精工制�?*/
        .qualeft .qutext h3{
            font-size: 18px;
        }
        /*快速导�?*/
        .list1z{
            width: 88%;
        }
        .proli{
            width: 12%;
        }
    }
    
    @media(max-width:1199px){
        .d-all .d-text h3{
            font-size: 20px;
        }
        .d-all .d-text h4{
            font-size: 16px;
        }
        .d-all .d-tel .d-teltxt h4{
            font-size: 25px;
        }
        .d-all .d-tel .d-teltxt h3{
            font-size: 14px;
        }
        .d-all .d-tel {
        width: 26.15%;
        }
        .hyr{
            width: 43%;
        }
    }
    
    
    
    @media(max-width:1199px){
        .zj-title h3 {
        color: #333333;
        font-size: 36px;
        font-weight: bold;
        }
        .zj-title h4 {
        color: #666666;
        font-size: 18px;
        font-weight: normal;
        line-height: 30px;
        margin-top: 12px;
        }
    
        /*精工制�?*/
    
        .quatxt h4 {
        color: #b81c20;
        font-size: 38px;
        font-weight: bold;
        margin-top: 16px;
        }
    
        .quatxt h3 {
        color: #666666;
        font-size: 18px;
        font-weight: normal;
        }
    
        .quatxt h5 {
        color: #666666;
        font-size: 18px;
        font-weight: lighter;
        margin-top: 20px;
        }
    
        .qualeft .qutext h3 {
        font-size: 16px;
        }
    
        .qualeftall{
            width: 71%;
        }
    
        .quaright {
        float: right;
        width: 28.581%;
        }
    
        .qua-img li a h3 {
        font-size: 17px;
        color: #666666;
        margin-top: 28px;
        }
    
        .qua-img li a h4{
            font-size: 13px;
        }
    
        .qua-img li {
            padding-left: 35px;
            padding-top: 12px;
            padding-bottom: 18px;
        }
    
        .quazxrx .qua-tel h5{
            font-size: 32px;
        }
    
        .quazxrx .qua-tel h4{
            font-size: 16px;
        }
    
        /*应用行业*/
    
        .apptxt .txts h3{
            font-size: 18px;
        }
    
        .apptxt .txts h4{
            font-size: 13px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .appright-img h4{
            line-height: 30px;
        }
        .aboright h4{
            font-size: 30px;
        }
    
        .proli {
        width: 15%;
        }
    
        .proli a{
            font-size: 18px;
        }
    
        .list1z li a{
            font-size: 15px;
        }
    
        .list1z {
        width: 85%;
        }
    
        .case-list .owl-carousel .owl-nav button.owl-next{
            left: -50px;
        }
        .case-list .owl-carousel .owl-nav button.owl-prev{
            right: -50px;
        }
      
    }
    
    
    
    
    
    
    
    
    @media(max-width:1267px){
        .abotxt a h3{
            padding: 15px 20px;
        }
        .aboright h5{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            margin-top: 30px;
        }
        .abotxt{
            margin-top: 25px;
        }
    }
    
    
    
    @media(max-width:1040px){
        .abotxt a h3 {
        padding: 15px 15px;
        }
    }
    
    .md-foot{
        display: none;
    }
    @media(max-width:991px){
        .so{
            display: none;
        }
    
        .fl-right span{
            font-size: 12px;
        }
    
        .procate li a h4{
            padding: 0px 30px;
        }
        .quatop{
            width: 100%;
        }
    
        .qualeftall{
            width: 100%;
        }
    
        
    
        .quaright{
            width: 100%;
        }
        .qualeft .qutext h3 br{
            display: none;
        }
        .qualeft{
            margin-top: 15px;
        }
    
        .qualeft .qutext h3{
            line-height: 24px;
        }
    
        .quazxrx {
        margin-top: 39px;
        margin-bottom: 45px;
        width: 100%;
        }
    
        .quatxt{
            padding: 25px 0;
        }
    
        .zj-quality{
            background-size: cover;
            padding-bottom: 30px;
        }
    
        .qua-img li{
            padding: 20px 0px;
        }
    
        .qua-img li a{
            text-align: center;
        }
    
        .appleft{
            width: 100%;
        }
    
        .appall{
            display: block;
        }
        
        .appright{
            width: 100%;
        }
    
        .appright-img .app-img img{
            width: 100%;
        }
    
        .about-lfet{
            width: 100%;
        }
    
        .aboright{
            width: 100%;
        }
    
        .abotxt{
            overflow: hidden;
        }
    
        .abotxt a h3 {
            padding: 15px 26px;
        }
    
        .case-list .owl-carousel .owl-nav button.owl-prev{
            display: none;
        }
    
       .case-list .owl-carousel .owl-nav button.owl-next {
        outline: none;
        position: absolute;
        top: 50%;
        z-index: 9999;
        background: #424246;
        height: 45px;
        width: 45px;
        margin-top: -32.5px;
        border-radius: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        left: -86px;
        background: url(/html/class/template/image/i18_h.png) no-repeat center;
        font-size: 0;}	
    
        .list1z li{
            margin-left: 10px;
        }
    
        .proli a{
            padding-right: 10px;
        }
      
    }
    
    
    
    @media(max-width:768px){
        .zj-newlist a{
            width: 100%;
        }
        .serveall li a h3{
            font-size: 16px;
        }
        .serveall li:nth-child(2n){
            margin-top: 15px;
        }
        .serveall{
            display: block;
            overflow: hidden;
        }
        .serveall li{
            float: left;
            width: 33.333%;
            margin-top: 15px;
        }
        .zj-title h3{
            font-size: 32px;
        }
        .zj-title h4{
            font-size: 15px;
        }
        .serveimgs {
            margin: 0px auto;
        }
        .zj-serve2{
            margin-top: 0px;
        }
        .proli a{
            font-size: 16px;
        }
        .list1z li a{
            font-size: 14px;
        }
        .nav-cel h3{
            font-size: 22px;
        }
        .procate li a h4 {
        padding: 0px 15px;
        }
        .products li{
            width: 30.9%;
            margin-right: 3.3%;
        }
        .products li:nth-child(4){
            margin-right: 3.3%;
        }
        .products li:nth-child(8){
            margin-right: 3.3%;
        }
        .products li:nth-child(3){
            margin-right: 0;
        }
        .products li:nth-child(6){
            margin-right: 0;
        }
        
        
    }
    
    @media(max-width: 665px){
        .procate li{
            margin: 0 10px;
        }
    
        .my-navigation{
        display: none;
    }
    
        .quatxt h4{
            font-size: 32px;
        }
        .servemsg h4{
            font-size: 18px;
            border-radius: 50px;
            width: 279px;
            margin-top: 20px;
        }
        .servemsg h3{
            font-size: 16px;
            border-radius: 50px;
            width: 279px;
        }
        .servemsg a{
            display: block;
            
        }
        .servemsg{
            display: block;
        }
    }
    
    @media(max-width: 520px){
        .appleft li {
        padding: 30px 0 30px 5px;
    }
    .apptxt .appimg .img1{
        width: 51px;
        height: 55px;
    }
    
    .apptxt .appimg .img2{
        width: 51px;
        height: 55px;
    }
    .abotxt a h3 {
        padding: 15px 16px;
    }
    
    
    }
    
    @media(max-width: 450px){
        .products li{
            width: 49%;
            margin-right: 1%;
        }
        .products li:nth-child(2n){
            margin-left: 1%;
            margin-right: 0;
        }
        .quazxrx .qua-tel h5 {
        font-size: 22px;
    }
    .quatxt h5{
        font-size: 16px;
    }
    .apptxt .txts h3{
        font-size: 15px;
    }
    .apptxt .txts h4{
        font-size: 12px;
    }
    .abotxt a h3 {
        padding: 15px 5px;
    }
    .zj-case{
        margin-top: 0px;
    }
    }
    
    
    @media(max-width: 420px){
        .serveimgs {
        border-radius: 50%;
        border: 1px solid #ececec;
        height: 100px;
        width: 100px;
        position: relative;
    }
    
    .apptxt .txts{
        margin-left: 5px;
    }
    
    .serveimgs .img3 {
        position: relative;
        right: -37px;
        top: 68px;
    }
    .zj-news{
        margin-top: 45px;
    }
    }
    
    @media(max-width: 500px){
        .zj-allnews{
            display: block;
        }
        .zj-allnews{
            overflow: hidden;
        }
        .zj-allnews .zzaa{
            width: 100%;
        }
        .zxl-div{
            width: 100%;
            padding: 0;
            margin-top: 15px;
        }
    
        body{
            padding-top: 50px;
        }
    
        .zj-newlist a{
            display: none;
        }
    
        .zj-newlist a:nth-child(-n+2){
            display: block;
        }
    
        .newslist li {
        margin: 0px 15px;
    }
        
    }
    
    .qtxt{
        display: none;
    }
    
    
    @media(max-width:991px){
        .fnav-all .dl2{
            padding-left: 4%;
        }
        .fnav-all .dl2 dd ul li a{
            font-size: 14px;
        }
        .fnav-all .dl1{
            padding-left: 4%;
        }
        .fl-left{
            font-size: 12px;
        }
    
        .x-region{
            font-size: 12px
        }
    
        .fl-right a{
            font-size: 12px;
        }
        .qua-img li.cur a .quaimg .img2{
            display: block;
            margin: 0px auto;
        }
        .qua-img li.cur a .quaimg .img2{
            display: block;
            margin: 0px auto;
        }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    @media(max-width:767px){
      .h-footer{
        display:none;
      }
      .hm-floor{
        display: none;
      }
      .md-foot{
        display: block;
        background: #232324;
      }
      .h-footer{
          display: none;
      }
      .hm-floor{
          display: none;
      }
      .mod-logo{
          text-align: center;
            padding-top: 20px;
            /* padding-bottom: 10px; */
      }
      .mod-logo a{
        display: block;
      }
      .mod-logo a img{
        max-width: 100%;
      }
      .fd-cfn{
      border-bottom: solid 1px #ccc;
      margin-top: 10px;
      }
      .fd-cfn h3{
      font-size: 16px;
      color: #fff;
      line-height: 2.5;
      }
      .fd-cfn h3 span{
      padding-right: 10px;
      }
      .fd-cfn .fd-name{
      display: none;
      padding-left: 13px;
      }
      .fd-cfn .fd-name a{
      display: block;
      line-height: 28px;
      color: #fff;
      opacity: .8;
      }
      .fd-ly .copyright{
      color: #fff;
      opacity: .8;
      padding: 15px 15px;
      line-height: 1.5;
      text-align: center;
      float: none;
      }
      .fd-ly .copyright a{
      color: #fff;
      opacity: .8;
      }
    }
    
    @media(max-width: 570px){
        .procate li a h4{
            padding: 0 6px;
        }
        .procate li{
            margin: 0 2px;
        }
        .procate li a h4{
            font-size: 13px;
    }
    
    .procate{
        padding-top: 15px;
        padding-bottom: 20px;
    }
    
    
    
    .qtxt{
        display: none;
    }