html {

    margin: 0;

    padding: 0;

    border: 0;

}



body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,nav,section {

    margin: 0;

    padding: 0;

    border: 0;

}



body {

    background: #fff;

    color: #666;

    position: relative;

    font: 12px/1.5 微软雅黑,arial,,sans-serif;

    vertical-align: baseline;

    width: 100%;

    overflow-x: hidden;

}



a {

    text-decoration: none;

    outline: none;

}



a:hover,a:active,a:focus {

    color: #0d4aa8;

    text-decoration: none;

    outline: none;

}



input {

    padding: 0;

    margin: 0;

    font-family: '微软雅黑';

}



img {

    border: none;

    background: none;

    vertical-align: middle;

}



ul,ol,li {

    list-style-type: none;

}



select,input,img,select {

    vertical-align: middle;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



table, th, td {

    vertical-align: middle

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden;

}



.clearfix {

    zoom:1}



.clearboth {

    height: 0px;

    line-height: 0px;

    overflow: hidden;

    clear: both;

    font-size: 0px;

}



h1,h2,h3,h4 {

    font-size: 12px;

    font-weight: bold;

}



hr {

    border: 0;

    border-top: 1px solid #ccc;

    height: 0;

}



/* .com-img {

    display: inline;

    overflow: hidden;

    margin: 0 auto;

    display: table;

}



.com-img img {

    transition: all 0.5s ease-in 0s;

    -webkit-transition: all 0.5s ease-in 0s;

    -moz-transition: all 0.5s ease-in 0s;

    -o-transition: all 0.5s ease-in 0s;

}



.com-img:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}

 */

/* .flex {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

} */

.w1400 {

    max-width: 1400px;

    margin: 0 auto;

}



.w1500 {

    max-width: 1500px;

    margin: 0 auto;

    padding: 0 50px;

    background: #fff;

}

.mar20 {

    padding: 1px 50px;

    margin-top: 2vw;

}

.clearboth {

    clear: both;

}



.top_head {

    margin: 0 auto;

    background: url(../header/head_bj.png) no-repeat center;

    height: 34px;

    font-size: 13px;

    color: #bfbfbf;

    line-height: 34px;

}



.top_head a {

    color: #bfbfbf;

    font-size: 13px;

}



.top_heada {

    width: 42.8%;

}



.top_headb {

    width: 57%;

}



.topdh {

    width: 40%;

    line-height: 34px;

}



.topdh img {

    margin-right: 5px;

}



.topdh h5 {

    display: inline-block;

}



.topdh h5 span {

    color: #fff;

}



.topss {

    width: 20px;

    position: relative;

}



.topss img {

    max-width: 100%;

}



.header {

    height: 90px;

}



.header .logo {

    width: 490px;

    justify-items: center;

}



.header .logo .logowz {

    padding-top: 10px;

    text-align: center;

}



.header .logo .logowz dd {

    font-size: 24px;

    font-weight: 600;

    color: #333333;

}



.header .logo .logowz dt {

    font-weight: 400;

    color: #444444;

    font-size: 16px;

}



.nnav {

    width: 62.5%;

}



.toplink {

    text-align: right;

}



/* banner下四张图 */

.cca {

    width: 100%;

    position: absolute;

    left: 13vw;

    padding: 2.4vw 0;

    background: #fff;

    box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%);

    transform: translateY(-50%);

    /**上移元素**/

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    z-index: 99;

}



.cca li {

    width: 25%;

    justify-content: center;

    align-items: center;

}



.cca li .img {

    height: 54px;

    overflow: hidden;

    margin-right: 1vw;

}



.cca li .img img {

    position: relative;

    top: 0;

    transition: all 0.3s;

}



.cca li .liwz h3 {

    font-size: 1rem;

    color: 333333;

    font-weight: normal;

}



.cca li .liwz p {

    font-size: 16px;

    color: #888888;

    margin-top: 10px;

}



.cca li:hover .img img {

    top: -54px;

}



.cca li:hover .liwz h3 {

    color: #0172ba;

}



/* 废气处理设备切换 */

/* .c1 {

    background: #f7f7f7;

    padding-bottom: 5vw;

    position: relative;

} */



.c1 c1 {

    position: absolute;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.ccb {

    margin-top: -1.5vw;

}



.ccb h3 {

    text-align: center;

    font-weight: 600;

    font-size: 2rem;

    color: #0172ba;

}



.ccb h3 span {

    color: #222222;

}



/*<!-- 产品展示 -->*/

.promenu2 {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 1vw;

    margin-bottom: 3vw;

}



.promenu2 li {

    background: url(../new/white_dian.png) no-repeat left center;

    padding-left: 23px;

    overflow: hidden;

    text-align: center;

    overflow: hidden;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all 0.4s linear;

    margin: 0 15px;

}



.promenu2 li a {

    font-size: 18px;

    color: #666666;

}



.promenu2 li.active {

    background: url(../new/blue_dian.png) no-repeat left center;

}



.promenu2 li.active a {

    color: #0172ba;

}



/* .pp_ll{height:0;overflow:hidden;}

.pp_ll.aa{height:auto;margin-bottom: 5vw;} */

/* css */

.tab-con {

    position: relative;

}



.tab-con .tab-main {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9;

    right: 0;

}



.tab-con .tab-main {

    opacity: 0;

    visibility: hidden;

    transition: all .5s ease;

}



.tab-con .tab-main.active {

    position: static;

    opacity: 1;

    visibility: visible;

}



/* pro_list */

.pro_list {

    margin: 0 -13px;

    position: relative;

}



.pro_list .slick-arrow {

    position: absolute;

    top: 48%;

    font-size: 0;

    outline: none;

    border: none;

    width: 50px;

    height: 50px;

    z-index: 99999;

    box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%);

    border-radius: 10px;

}



.pro_list .slick-prev {

    background: url(../img/8ca0b193671baa5df6f4fd8e577c3370ec79a93d.png);

    left: -8%;

}



.pro_list .slick-next {

    background: url(../img/4e9630c13b9dbaa1072f4748fa75b4bec64e5ae0.png);

    right: -8%;

}



.pro_list .slick-prev:hover {

    background: url(../img/4cebf512d7154daa6d164005b2cd3442b7d5682c.png);

}



.pro_list .slick-next:hover {

    background: url(../img/f511e0165536397b2420918ce1b2047da6b4eee3.png);

}



.pro_list .slick-slide {

    margin: 0 13px;

}



.pro_list li img {

    width: 100%;

}



.pro_list li h2 {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #969696;

}



.pro_list li h2 a {

    font-weight: normal;

    font-size: 16px;

    color: #ffffff;

    line-height: 50px;

    display: block;

}



.pro_list li:hover h2 {

    background: #0172ba;

}



.c2 {

    background: url(../advantage/bj.png) no-repeat top center;

    padding-top: 5vw;

    padding-bottom: 6vw;

}



.c2a {

    width: 49%;

}



.c2abt {

    border-left: 8px solid #0172ba;

    padding-left: 30px;

    margin-bottom: 3.5vw;

}



.c2abt dd {

    font-size: 2.2rem;

    color: #0172ba;

    font-weight: 600;

}



.c2abt dd span {

    display: inline-block;

    background: #ebf4dc;

    font-size: 2.5rem;

    width: 50px;

    height: 50px;

    color: #85bd24;

    line-height: 1;

    border-radius: 50%;

    text-align: center;

    position: relative;

    top: -5px;

}



.c2abt dt {

    font-size: 1.2rem;

    color: #666666;

    font-weight: normal;

}



.c2ays li {

    margin-bottom: 4vw;

}



.c2ays .img {

    width: 11.5%;

    position: relative;

}



.c2ays .img::after {

    content: "";

    width: 2px;

    height: 3vw;

    background: #eaeaea;

    position: absolute;

    top: 80px;

    left: 49%;

}



.c2ays li:last-child .img::after {

    display: none;

}



.c2ays .img img {

    max-width: 100%;

}



.c2ays .liwz {

    width: 82%;

}



.c2ays .liwz h3 {

    font-size: 1.3rem;

    font-weight: 600;

    color: #333333;

}



.c2ays .liwz p {

    font-size: 16px;

    line-height: 24px;

    color: #666666;

    margin-top: 10px;

}



.c2dh {

    padding-left: 24px;

    height: 50px;

    line-height: 50px;

    background: #f2f2f2;

    border-radius: 50px;

    color: #666666;

    font-size: 14px;

}



.c2dha img {

    line-height: 50px;

    margin-right: 15px;

}



.c2dh span {

    color: #0172ba;

    font-weight: 600;

    font-size: 1.5rem;

    line-height: 1;

    position: relative;

    top: 6px;

}



.c2dh .c2dhb {

    display: block;

    background: #0172ba;

    text-align: center;

    width: 168px;

    font-size: 14px;

    color: #ffffff;

    line-height: 50px;

    height: 50px;

    border-radius: 50px;

}



.c2b {

    width: 44.3%;

    margin-top: 12px;

}



.c2b img {

    max-width: 100%;

}



.cc3 {

    background: url(../case/bj.png) no-repeat top center;

    padding-top: 3vw;

}



.cc3 .c3bt {

    margin: 0 auto;

    text-align: center;

}



.cc3 .c3bt dd {

    font-size: 2rem;

    font-weight: 700;

    color: #ffffff;

}



.cc3 .c3bt dt {

    font-size: 18px;

    color: #ffffff;

    font-weight: 400;

    margin-top: 10px;

}



.case_listt {

    width: 100%;

    background: url(../img/1e9b5fb9c8d1bc915d36ef9c9a86e3babfe667bb.png) no-repeat bottom ;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    margin-top: 2vw;

}



.case_listt li {

    margin: 0 30px;

    padding: 2vw 0;

    border-bottom: 3px solid rgb(255,255,255,0.0);

    transition: all 0.3s;

}



.case_listt li a {

    justify-content: center;

    align-items: center;

}



.case_listt li h3 {

    font-size: 17px;

    font-weight: 400;

    color: #333333;

}



.case_listt li .img {

    height: 30px;

    overflow: hidden;

    margin-right: 15px;

}



.case_listt li .img img {

    position: relative;

    top: 0;

    transition: all 0.3s;

}



.case_listt li:hover .img img {

    top: -30px;

}



.case_listt li:hover h3 {

    color: #0172ba;

}



.case_listt li:hover {

    border-bottom: 3px solid #0172ba;

}



.mgd {

    display: none;

}



.xx-case {

    margin: 0 -13px;

    margin-top: 3vw;

}



.xx-case .slick-slide {

    margin: 0 13px;

}



.xx-case button.slick-arrow {

    display: none!important;

}



.xx-case a {

    display: block;

    position: relative;

}



.xx-case a img {

    width: 100%;

}



.xx-case a h3 {

    width: 100%;

    position: absolute;

    bottom: 0;

    height: 46px;

    background: rgba(1,114,186,0.8);

    color: #fff;

    text-align: center;

    line-height: 46px;

    font-size: 14px;

    font-weight: normal;

    opacity: 0;

    transition: all 0.5s;

}



.xx-case a:hover h3 {

    opacity: 1;

}



.wfgd {

    margin-top: 2vw;

}



.wfgd .tempWrap {

    width: 100%;

}



.wfgd ul li {

    width: 24.5%;

    margin: 0 10px;

    position: relative;

}



.wfgd ul li .img {

    width: 100%;

}



.wfgd ul li .img img {

    width: 100%;

}



.wfgd ul li h3 {

    width: 100%;

    position: absolute;

    bottom: 0;

    height: 46px;

    background: rgba(1,114,186,0.8);

    color: #fff;

    text-align: center;

    line-height: 46px;

    font-size: 14px;

    font-weight: normal;

    opacity: 0;

    transition: all 0.5s;

}



.wfgd ul li h3 a {

    color: #fff;

}



.wfgd ul li:hover h3 {

    opacity: 1;

}



.c3mor {

    width: 170px;

    height: 46px;

    display: block;

    line-height: 46px;

    border: 2px solid #0976bc;

    text-align: center;

    color: #0976bc;

    font-size: 16px;

    font-weight: 400;

    border-radius: 50px;

    margin: 0 auto;

    margin-top: 3vw;

    transition: all 0.3s;

}



.c3mor:hover {

    color: #fff;

    background: #0976bc;

}



.cc4 {

    padding: 4vw 0;

    background: url(../case/bj.jpg) no-repeat top center;

    background-size: cover;

    margin-top: 4vw;

}



.c4ab {

    padding: 2.8vw 4vw;

    background: #fff;

    width: 61.2%;

    float: right;

    box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%);

}



.c4ab h3 {

    font-size: 1.8rem;

    color: #0172ba;

    font-weight: 600;

}



.c4ab h4 {

    font-size: 1rem;

    color: #000000;

    font-weight: 400;

    margin-top: 0.8vw;

    line-height: 1;

}



.c4ab .abwz {
    text-indent: 2em;

    font-size: 18px;

    color: #666666;

    line-height: 40px;

    margin-top: 2vw;

}



.c4ab .c4mor {

    width: 170px;

    height: 46px;

    display: block;

    line-height: 46px;

    border: 2px solid #0976bc;

    text-align: center;

    color: #0976bc;

    font-size: 16px;

    font-weight: 400;

    border-radius: 50px;

    margin-top: 3vw;

    transition: all 0.3s;

}



.c4ab .c4mor:hover {

    color: #fff;

    background: #0976bc;

}



.cc5 {

    padding-top: 4vw;

}



.c5bt {

    margin: 0 auto;

    text-align: center;

    margin-bottom: 4vw;

}



.c5bt dd {

    color: #0172ba;

    font-size: 2rem;

    font-weight: 600;

}



.c5bt dd span {

    color: #222222;

}



.c5bt dt {

    font-weight: normal;

    font-size: 18px;

    color: #666666;

    margin-top: 10px;

}



.cc5a {

    width: 63.7%;

}



.cc5a li {

    width: 49%;

}



.cc5a li .img img {

    width: 100%;

}



.cc5a li h3 {

    font-size: 18px;

    color: #333333;

    font-weight: normal;

    line-height: 1;

    margin-top: 2vw;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.cc5a li p {

    font-size: 14px;

    line-height: 24px;

    color: #888888;

    font-weight: normal;

    margin-top: 1vw;

}



.cc5a li .lirq {

    font-size: 14px;

    line-height: 24px;

    color: #888888;

    font-family: "Arial";

    font-weight: normal;

    margin-top: 2vw;

}



.cc5a li .lirq dd {

    float: left;

    margin-right: 10%;

}



.cc5a li .lirq dt {

    float: left;

    font-weight: normal;

}



.cc5a li:hover h3 {

    font-weight: 600;

    color: #0172ba;

}



.cc5b {

    width: 31.5%;

}



.xx-news li {

    border-bottom: 1px solid #e6e6e6!important;

    padding-bottom: 1vw;

    margin-bottom: 1vw;

}



.xx-news li h3 {

    padding-left: 22px;

    font-size: 17px;

    color: #333333;

    font-weight: normal;

    background: url(../img/65b7f1ac73b5890bc7b68febbccbb6ae58a66c74.png) no-repeat left center;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.xx-news li p {

    font-size: 14px;

    color: #999999;

    font-weight: 100;

    font-family: "Arial";

    margin-top: 0.6vw;

}



.xx-news li span {

    display: block;

    font-size: 14px;

    color: #999999;

    margin-top: 0.6vw;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 

}



.xx-news li:hover h3 {

    font-weight: 600;

    color: #0172ba;

    background: url(../img/cc755860abd2948bc9c64b5b7bb87ac9a1076bec.png) no-repeat left center;

}



.footer {

    padding-top: 1.8vw;

    background: #1b1b1b;

    padding-bottom: 0.5vw;

    border-bottom: 1px solid #323232;

    margin-top: 3vw;

}

@media (max-width: 768px) {
    .footer {
        margin-bottom: 40px;
    }
}

.footera {

    width: 38%;

    color: #fff;

    background: url(../header/foot_bj.png) no-repeat center 40%;

}



.footera .ftwz {

    font-size: 1rem;

    line-height: 1;

}



.footera .dblx {

    font-size: 14px;

    line-height: 33px;

    margin-top: 2vw;

}



.footera .dblx img {

    margin-right: 5px;

}



.footerb {

    width: 58%;

}

.footerbt:last-child .fotd {

    padding-left: 30px;

}

.footerb .fot {

    width: 25%;

}



.footerb .fot dd {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 2vw;

}



.footerb .fot dt {

    font-size: 14px;

    line-height: 30px;

    color: rgba(255,255,255,.3);

    font-weight: normal;

}



.footerb .fot dt a {

    display: block;

    font-size: 14px;

    line-height: 30px;

    color: rgba(255,255,255,.3);

}



.footerb .fot dt a:hover {

    color: #0172ba;

}



.foot {

    background: #1b1b1b;

    padding: 0.1vw 0;

    font-size: 14px;

    line-height: 30px;

    color: rgba(255,255,255,.3);

    text-align: center;

}



.foot a {

    color: rgba(255,255,255,.3);

}



.foot a:hover {

    color: rgba(255,255,255,.3);

}



.jszc a {

    margin: 0 5px;

}


@media (min-width: 1920px) {
    .w1400 {
        width: 100%;
    }
}
@media (max-width: 1400px) {

    .w1400 {

        padding: 0 15px;

    }

    .cca {
        padding: 1rem !important;
        position: absolute;

        left: 0;

    }

}



@media (max-width: 1360px) {

    .w1500 {

        max-width: 1360px;

        padding: 0px 20px;

    }



    .w1400 {

        padding: 0 15px;

    }



}



@media (max-width: 1200px) {

    .w1500 {

        max-width: 1200px;

    }



    .topdh {

        width: 30%;

    }



    .nnav {

        width: 59%;

    }



    .cca li .liwz h3 {

        font-size: 16px;

    }



    .cca li .liwz p {

        font-size: 14px;

    }



    .c2ays .img::after {

        top: 6vw;

    }

}



@media (max-width: 1024px) {

    .header .logo {

        width: 360px;

    }



    .header .logo .logowz dd {

        font-size: 22px;

    }



    .header .logo .logowz dt {

        font-size: 16px;

    }



    .logoimg {

        width: 15%;

    }



    .logoimg img {

        width: 100%;

    }



    .header .w1400 {

        align-items: center;

    }



    .top_heada {

        width: 8%;

    }



    .top_headb {

        width: 63%;

    }



    .top_head a {

        font-size: 12px;

    }



    .topdh h5 {

        font-size: 12px;

    }



    .cca li {

        width: 50%;

        margin-bottom: 4%;

    }



    .cca li:nth-child(3) {

        margin-bottom: 0;

    }



    .cca li:nth-child(4) {

        margin-bottom: 0;

    }



    .cca li .img {

        width: 15%;

    }



    .cca li .liwz {

        width: 42%;

    }



    .ccb h3 {

        font-size: 28px;

    }



    .ccb {

        margin-top: -5.5vw;

    }



    .c2abt dd {

        font-size: 28px;

    }



    .c2abt dd span {

        font-size: 28px;

        width: 30px;

        height: 30px;

    }



    .c2ays .img::after {

        top: 7.5vw;

    }



    .c2ays .liwz h3 {

        font-size: 22px;

    }



    .cc3 .c3bt dd {

        font-size: 28px;

    }



    .case_listt li {

        width: 25%;

    }



    .c4ab h3 {

        font-size: 28px;

    }



    .c4ab h4 {

        font-size: 16px;

    }



    .c4ab .abwz {

        line-height: 28px;

    }



    .c5bt dd {

        font-size: 28px;

    }



    .cc5a {

        width: 100%;

        justify-content: center;

    }



    .cc5a li {

        width: 44%;

        margin: 0 2%;

    }



    .cc5b {

        display: none;

    }

}



@media (max-width: 992px) {

    .c2a {

        width: 90%;

        margin: 0 auto;

    }



    .c2b {

        display: none;

    }



    .c2ays .img::after {

        display: none;

    }



    .c2dh {

        width: 60%;

        margin: 0 auto;

    }



    .cc3 {

        display: none;

    }



    .mgd {

        display: block;

    }

}



@media (max-width: 768px) {

    .cca {

        display: none;

    }



    .ccb {

        margin-top: 0;

        padding-top: 2vw;

    }



    .cca li .img {

        width: 25%;

    }



    .cca li .liwz {

        width: 65%;

    }



    .ccb h3 {

        font-size: 22px;

        padding: 5px 0;

    }



    .promenu2 {

        margin-top: 2vw;

    }



    .c2abt dd {

        font-size: 22px;

    }



    .c2abt dt {

        font-size: 18px;

    }



    .c2abt {

        border-left: 6px solid #0172ba;

    }



    .c2ays .liwz h3 {

        font-size: 20px;

    }



    .c2dh {

        width: 90%;

    }



    .c2 {

        background-size: cover;
        padding: 6vw 2vw;

    }



    .cc3 .c3bt dd {

        font-size: 22px;

    }



    .case_listt li {

        width: 32.5%;

    }



    .case_listt li {

        margin: 0;

    }



    .c4ab {

        width: 90%;

        float: none;

        margin: 0 auto;

    }



    .c4ab h3 {

        font-size: 22px;

    }



    .c4ab .abwz {

        font-size: 16px;

        line-height: 24px;
        text-indent: 2em;

    }



    .c3mor {

        width: 120px;

        height: 36px;

        line-height: 36px;

    }



    .c4ab .c4mor {

        width: 120px;

        height: 36px;

        line-height: 36px;

    }



    .c5bt dd {

        font-size: 22px;

    }



    .c5bt dt {

        font-size: 16px;

    }

    .c3mor {
        display: none;
    }

    .footera {

        width: 93%;

        margin: 0 auto;

    }



    .footerb {

        display: none;

    }



    .foot {

        display: none;

    }



    body {

        padding-bottom: 50px;

        padding-top: 60px;

    }



    .pro_list li h2 {

        height: 36px;

        line-height: 36px;

    }



    .pro_list li h2 a {

        line-height: 36px;

    }



    .pro_list .slick-prev {

        display: none!important;

    }



    .pro_list .slick-next {

        display: none!important;

    }



    .pro_list .slick-arrow {

        display: none!important;

    }

}



@media (max-width: 640px) {

    .cca li {

        margin-bottom: 2%;

    }



    .cca li .img {

        width: 33%;

        margin-right: 0;

    }



    .cca li .liwz p {

        font-size: 12px;

        margin-top: 5px;

    }



    .cca {

        padding: 2vw 0;

    }



    .promenu2 li {

        width: 47%;

        margin: 4px;

        text-align: left;

    }



    .promenu2 li a {

        font-size: 16px;

    }



    .c2abt dt {

        font-size: 16px;

    }



    .c2ays .liwz h3 {

        font-size: 18px;

    }



    .c2ays .liwz p {

        font-size: 14px;

        margin-top: 5px;

    }



    .c2dh .c2dhb {

        display: none;

    }



    .c2dh span {

        font-size: 16px;

        top: 2px;

    }



    .footera .ftwz {

        font-size: 18px;

    }



    .case_listt li {

        border: 1px solid #666;

        margin: 2px;

    }



    .w1500 {

        padding: 0 15px;

    }



    .cc5a li p {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }



    .cc5a li h3 {

        font-size: 16px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        line-height: 24px;

    }



    .case_listt li h3 {

        font-size: 14px;

    }

}



@media (max-width: 500px) {

    .cc3 .c3bt dt {

        font-size: 14px;

        margin-top: 5px;

    }



    .case_listt li {

        width: 48%;

    }



    .c4ab {

        width: 100%;

    }



    .c2a {

        width: 100%;

    }



    .pro_list .slick-slide {

        margin: 0 6px;

    }



    .pro_list {

        margin: 0 -6px;

    }

}

@media (max-width: 430px) {
    .footera .dblx {

        font-size: 11px;

    }
}

@media (max-width: 400px) {

    .cca li {

        width: 100%;

    }



    .cca {

        transform: translateY(-10%);

        -ms-transform: translateY(-10%);

        -webkit-transform: translateY(-10%);

    }



    .ccb {

        margin-top: 0.5vw;

    }



    .ccb h3 {

        font-size: 18px;

    }



    .c2abt dd {

        font-size: 18px;

    }



    .c2abt {

        padding-left: 15px;

        border-left: 3px solid #0172ba;

    }



    .c2abt dd span {

        font-size: 18px;

        height: 22px;

        width: 22px;

    }



    .c2abt dt {

        font-size: 14px;

    }



    .c2ays .img {

        width: 15%;

    }



    .c2ays .liwz h3 {

        font-size: 16px;

    }



    .c2ays .liwz p {

        font-size: 12px;

        line-height: 22px;

    }



    .c2dh {

        width: 100%;

    }



    .cc3 .c3bt dd {

        font-size: 18px;

    }



    .c4ab h3 {

        font-size: 18px;

    }



    .c4ab h4 {

        font-size: 12px;

    }



    .c4ab .abwz {

        font-size: 12px;

    }



    .c4ab .c4mor {

        width: 80px;

        height: 28px;

        line-height: 24px;

        font-size: 12px;

    }



    .c3mor {

        width: 80px;

        height: 28px;

        line-height: 24px;

        font-size: 12px;

    }



    .c5bt dd {

        font-size: 18px;

    }



    .c5bt dt {

        font-size: 12px;

    }



    .cc5a li {

        width: 100%;

        margin-bottom: 2%;

    }



    .cc5a li h3 {

        font-size: 14px;

    }



    .cc5a li p {

        font-size: 12px;

    }



    .cc5a li .lirq {

        font-size: 12px;

    }



    .footera {

        width: 100%;

    }



    .footera .ftwz {

        font-size: 16px;

    }



  

}



.container2 {

    max-width: 1430px;

    margin: 0 auto;

    padding: 0 15px;

}



.llxx {

    display: flex;

    flex-wrap: nowrap;

    justify-content: space-between;

    overflow: hidden;

    width: 80%;

    height: 42px;

    border: solid 1px #d8d8d8;

    border-radius: 30px;

    margin: 15px auto;

}



.llxx a {

    display: block;

    width: 50%;

    height: 42px;

    line-height: 42px;

    text-align: center;

    font-size: 14px;

    color: #777777;

    text-decoration: none;

}



.llxx a.a1 {

    border-right: 1px solid #eaeaea;

    box-sizing: border-box;

}



.pull-right .share-component a {

    color: #969696!important;

    border-color: #2d2d2d!important;

}

@media (max-width: 768px) {
    .x-banner {
        margin-top: 60px;
    }
}