@charset "UTF-8";

/*公共样式*/

*{

    padding: 0;

    margin: 0;

}

body {

    background: #fff;

    font-size: 1.6rem;

    color: #333;

    font-family: 'Microsoft Yahei', Arial, sans-serif;

    text-decoration: none;

    min-width: 800px;

}

.paddingb{
    padding-bottom: 4rem;
}


.margin{

    margin:7rem 0;

}

.padding{

    padding-top:3rem;

}

.mar20{

    /* margin-top:2rem; */

    width: 50%;
    margin: 0 auto;
    line-height: 2;

}

.mar20 span{
    font-size:1.6rem !important;
}

.mar40{

    margin-top:1rem;

}




.position{

    position: relative;

}



li{

    list-style: none;

}



em {

    font-style: normal

}



i {

    font-style: normal

}





.active{background: #215E9A; color: #fff;}



.active a em{color: #fff !important;}



a{

    text-decoration: none;

    color: #333;

}



a:hover{

    color: #000;

}



.img1{

    width: 100%;

    transition: all 0.6s;

}



.img1:hover{

    transition: all 0.6s;

    transform: scale(1.1); /* 放大1.1倍 */

}



.c{

    clear: both;

}



.w70{

    width: 70%;

    margin: 0 auto;

    max-width: 1580px;

    min-width: 800px;

}



.w65{

    width: 65%;

    margin: 0 auto;

    max-width: 1680px;

    min-width: 800px;

}



.w80{

    width: 80%;

    margin: 0 auto;

    max-width: 1580px;

    min-width: 800px;

}



.icon {

    width: 1em;

    height: 1em;

    vertical-align: -0.15em;

    fill: currentColor;

    overflow: hidden;

  }



.hidden{

    overflow: hidden;

}





/*主图颜色：#8a211d*/



/* .head{

    width: 100%;

    height: 10rem;

} */



 .header{

    width: 100%;

    height: 8rem;

    margin: 0 auto;

    position: relative;

    border-bottom: 1px solid rgba(117, 172, 255, 0.3);

    /* background: #242424; */
    
    background:#fff;

}

.header .logsImgs{
    position: absolute;
    right: 10rem;
    line-height: 10rem;
    transform: translateX(10px);
}

.header .logsImgs ul{
    display: flex;
}

.header .logsImgs ul li{
    width: 15%;
    margin-left: 10%;
}

.header .logsImgs ul li img{
    width: 100%;
}

.logo{
    /* width: auto;
    height: 8rem;
    display: block;
    position: absolute;
    left: 2%; */
    width: 5%;
}


.header .logopic{
    width: 3.7rem;
    display: block;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.header .logoname{
    display: block;
    float: left;
    font-size: 2.8rem;
    /* color: #fff; */
    color:#215E9A;
    font-weight: bold;
    margin-left: 5rem;
    line-height: 8rem;
}



.header .logopic img{

    width: 100%;

}



.header .nav{

    position: absolute;
    /* right: 2%; */
    right: 35%;
    line-height: 8rem;
    transform: translateX(10px);

}

.naver{
    display: block;
    float: left;
}

.headerBox .nav li{

    display: inline-block;

    position: relative;

    padding: 1.5rem 4rem;

}


.headerBox .nav li a{

    display: block;
    color: #fff;

}



.header .nav li a em{

    position: relative;

    z-index: 999;

    color: #215E9A;

}



.header .nav li.active a em{

    color: #fff;

    font-weight: bold;

}



.header .nav li a:hover{

    color: #fff;

    z-index: 99;

    font-weight: bold;

}





.header .nav li a:after{

    content: '';

    height: 8rem;

    /* background-color: #000; */
    
    background-color:#fff;

    /* color: #fff; */

    color:#215E9A;

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%);

    z-index: 0;

    animation-duration: .5s;

}






.headerBox{
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    align-items: center;
}
.headerBox .logo .logopic{
    width: 100%;
}
.headerBox .logo .logopic img{
    width: 100%;
}
.headerBox .naverBox{
    width: 55%;
    margin: 0 auto;
}
.headerBox .naverBox .naver2{
    display: flex;
    justify-content: space-between;
}
.headerBox .nav li a em{
    color: #215E9A;
}
.headerBox .logsImgs{
    width: 10%;
}
.headerBox .logsImgs ul{
    display: flex;
    justify-content: space-between;
}
.headerBox .logsImgs ul li{
    width:15%;
}
.headerBox .logsImgs ul li img{
    width: 100%;
}
/* .header .nav li a:hover:after{ 

    animation-name: anid;

    animation-duration:.5s;

    animation-fill-mode:forwards; 

    animation-direction:alternate;

    

} */



@keyframes anid{ 

    from{

        width: 0;

    }

    to{

        width: 100%;

    }

}

.nav .insearch{
    display: block;
    float: left;
    margin: 1rem 4rem 0 ;
}

.nav .lang{
    display: block;
    float: left;
    padding-left: 4rem;
    border-left: 1px solid #557ab1;
}

.nav .lang a{
    color: #fff;
}




.banner{

    width: 100%;

    overflow: hidden;

}



@-webkit-keyframes imgmove{

     from{

        transform: scale(1.0);

    }

    to{

	    transform: scale(1.1);

    }

}







.swiper-container-ban img{

    width: 100%;

	animation: imgmove 5s infinite;

    transition: all 6s linear;

    animation-direction:alternate;

}



.swiper-container-ban .swiper-slide{

    overflow: hidden;

} 





.footer{

    width: 100%;

    background: #414141;

    display: block;

    padding-top: 1%;

    margin-top: 7rem;

    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-bottom: 1%;

}

.footer .about{
    width: 30%;
}
.footer .about .aboutBox{
    display: flex;
    margin-top: 1%;
}
.footer .about .aboutBox p{
    height: 8rem;
    overflow: hidden;
    margin-top:0;
}
.footer .about .aboutBox .footerlogo{
    width: 100rem;
}
.footer .about .aboutBox .footerlogo img{
    width: 100%;
}
.footer .about .aboutBox .title{
    margin-left: 3%;
}
.footer .Contact{
    width: 30%;
}
.footer .logsImgs{
    width: 30%;
}
.footer .logsImgs ul{
    display: flex;
}
.footer .logsImgs ul li{
    /* width: 10%; */
    margin-left: 10%;
    background: #fff;
    padding: 2rem;
    border-radius: 5px;
}
.footer .logsImgs ul li img{
    width: 100%;
}
.footer h2{
    color:#fff;
    text-align: left;
    font-size: 2rem;
}

.footer p{
    color:#999;
    margin-top: 10px;
}



.foot{

    width: 70%;

    margin: 0 auto;

    font-size: 1.6rem;

}



.foot li{

    color: #999;

    line-height: 200%;

}



.foot li:nth-child(1){

    color: #fff;

}



.foot li:nth-child(2){

    color: #666;

    font-size: 2.4rem;

    font-weight: bold;


}





.footone, .foottwo{

    display: block;

    float: left;

    margin-left: 3%;

}



.footone{

    width: 25%;

    margin-left: 0%;

}



.foottwo{

    width: 70%;
    margin-left: 5%;

}





.foottwo dl{

    width: 30%;

    line-height: 180%;
    text-indent: 1rem;
    float: left;
    margin-left: 5%;
    border-top: 2px solid #666;

}

.foottwo dl:nth-child(1){

    margin-left: 0%;

}


.foottwo dl dt a{

    font-size: 1.8rem;

    display: block;

    margin-bottom: 2rem;
    margin-top: 2rem;

    color: #333;
    font-weight: bold;

}



.foottwo dl dd a{

    color: #8f8f8f;

    font-size: 1.6rem;

}



.foottwo dl dd a:hover{

    color: #000;

}

.foottwo dl dd a.zaizixun{
    color: #fff;
    padding: 1rem;
    background: #c60200;
    margin-top: 1rem;
    margin-left: 1rem;
    width: 40%;
    text-align: center;
    display: block;
}



.icode{

    display: block;

    float: left;

    margin: 2%;

    width: 100%;

    color: #ccc;

    text-align: center;

}



.icode img{

    width: 100%;

}



.footcopy{

    text-align: center;

    height: 7rem;
    line-height: 7rem;

    color: #666;

    border-top: 1px solid #666;

    font-size: 1.6rem;
    margin-top: 5rem;

}

.footcopy em{
    float: left;
}

.footcopy em.beian{
    float: right;
}


.footcopy i{
    float: right;
}



/* 关于我们 */



.conmain {

    width: 100%;

    height: 80px;

    background: #dfdfdf;

    border-bottom: 1px solid #eeeeee;

    margin-top: -5px;

}



.connav {

    max-width: 1200px;

    margin: 0 auto;

    height: 80px;

    line-height: 80px;

    

}



.connav ul {

    margin: 0;

    padding: 0;

}



.connav ul li {

    float: left;

    border-right: 1px solid #eee;

    position: relative;

    font-weight: bold;
    text-align: center;
    padding: 0 30px;
}

.connav ul li:nth-child(11), .connav ul li:nth-child(22),.connav ul li:nth-child(33) {

    border-right: none;

}




.connav a {

    color: #333;

}



.connav a.in {

    color: #000;

}



.in::after {

    content: '';

    height: 2px;

    background-color: #000;

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%);

}





.connav a:hover {

    color: #000;

}



.donghua::after {

    content: '';

    height: 2px;

    background-color: #000;

    position: absolute;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%);

}



.donghua:hover:after{ 

    animation-name: ani;

    animation-duration:.5s;

    animation-fill-mode:forwards; 

    animation-direction:alternate;

}



@keyframes ani{ 

    from{

        width: 0;

    }

    to{

        width: 85%;

    }

}



.conpos {

    float: right;

    text-indent: 36px;

    background: url(../images/pos.png) no-repeat left center;

    background-size: 12%;

}



.conpos i:nth-last-child(1){

    display: none;

}







/*关于我们*/

.container{

    min-height: 199px;

}



.con{

    line-height: 220%;

}



/*企业文化*/

.supp {

    display: -webkit-box;

    display: flex;

    -webkit-box-lines: multiple;

    flex-wrap: wrap;

}



.con li {

    float: left;

    padding: 3.5% 3%;

    background: #f7f7f7;

    width: 25%;

    margin-right: 3.5%;

    margin-bottom: 3%;

}



.con li:hover {

    background: #4ea499;

    color: #fff;

}



.con li:hover h3>img {

    border: none;

    max-width: 100%;

    height: auto;

}



.con li h3>img.sp {

    display: none;

}



.con li:hover h3>img.sp {

    display: inline;

}



.con li:hover h3>img {

    display: none;

}



.con li:hover .dt {

    color: #fff;

}



.con li:hover .dds {

    color: #fff;

}



.con li:hover h1 {

    color: #cabe92;

}



.con li:nth-child(3) {

    margin-right: 0%;

}



.con li:nth-child(6) {

    margin-right: 0%;

}



.dt {

    font-size: 2rem;

    padding: 10% 0 4%;

    color: #333;

    height: 10rem;

}



.dds {

    font-size: 1.6rem;

    line-height: 2.4rem;

    color: #7f7f7f;

    min-height: 22rem;

    word-wrap:break-word; word-break:normal;

}



.con li h1 {

    font-size: 6.4rem;

    color: #ebeaea;

    line-height: 1;

    font-family: impact, simhei;

}





/*品牌内涵*/

.neihan ul{display: inline-block;margin: 0px 0 0 0;padding:0 0 0 0;/*clear: both;*//*width: 1200px;*/}

.neihan ul li{display: inline-block;margin: -4px 0 0 0;padding:0 0 0 0;width: calc(100% / 1 - 0px);position: relative;transition: .4s;}

.neihan ul li a{display: inline-block;width: 100%;}

.neihan ul li .img{margin: 0 0 0 0;padding:0 0 0 0;float: left; width: 50%;}

.neihan ul li .img img{width: 100%;}

/* .neihan ul li .img img{width:100%;} */

.neihan ul li .txt{margin: 0 0 0 0;padding:3rem 4rem 0;transition: .4s;float: left;width:calc(50% - 8rem);text-align: left;}

.neihan ul li .fimg{float: left; width: 16%;}

.neihan ul li .fimg img{width: 100%;}

.neihan ul li h2{font-size: 3rem;color: #373737;margin: 0;padding:1.5rem 0;transition: .4s;clear: both;position: relative;}

.neihan ul li h2:before{width: 80%;height: 1px;bottom: 0px;left: -30px;position: absolute;background-color: #EDEDED;background-size: 100%;content: "";z-index: 99;/*必加项*/transition: .3s;}

.neihan ul li h3{font-size: 1.4rem;color: #D6D6D6;margin: 1.5rem 0 0 0;padding:0 0 0 0;transition: .4s;text-transform: uppercase;font-style: oblique;}

.neihan ul li h4{font-size: 1.6rem;color: #666666;margin: 1rem 0 0 0;padding:0 0 0 0;transition: .4s;width: 80%;line-height: 1.8; font-weight: normal;}

/* .neihan ul li+li{margin-left: 10px;} */

.neihan ul li:hover{}

/*  */

.neihan ul li:nth-child(4) .img,

.neihan ul li:nth-child(2) .img{float: right;}

.neihan ul li:nth-child(4) .txt,

.neihan ul li:nth-child(2) .txt{float: left;padding: 3rem 0px 0 8rem;}

.neihan ul li:nth-child(2) .txt h2:before,

.neihan ul li:nth-child(4) .txt  h2:before{left: 0;width: 80%;}







/*产品中心*/



.pabouttitle {

    margin: 25px auto 0px;

    background-color: rgba(250, 250, 250, 1);

    border: 1px #efefef dashed;

    padding: 15px;

    font-size: 30px;

    color: #192734;

    text-align: center;

}

.procon {

    margin-top: 3.2vw;

    margin-bottom: 2.2vw;

}



.procon .item {

    width: 32%;

    margin-bottom: 50px;

    background-color: #fff;

    float: left;

    margin-left: 2%;

}



.procon .item:nth-child(3n+1) {

    margin-left: 0%;

}



.procon .item a {

    display: block;

    border: 1px solid #E6E6E6;

}



.procon .item .img {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 100%;

    overflow: hidden;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.procon .item .text {

    padding: 10px 80px 10px 10px;

    box-sizing: border-box;

    color: #888;

    background: #f1f1f1 url(../images/pmore.png) center right 35px no-repeat;

    background-size: auto 35px;

}



.procon .item .text h6 {

    line-height: 40px;

    font-size: 20px;

    color: #333;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.procon .item .text h5 i {

    padding: 0 15px;

    color: #bfbfbf;

    vertical-align: 2px;

}



.procon .item .text .textp {

    line-height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.procon .item .text .textp p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.procon .item:hover {

    -webkit-transform: translateY(-18px);

    -moz-transform: translateY(-18px);

    -ms-transform: translateY(-18px);

    -o-transform: translateY(-18px);

    transform: translateY(-18px);

}



.procon .item {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.procon .item:hover .text {

    background: #dddddd url(../images/pmore.png) center right 35px no-repeat;

    background-size: auto 35px;



}



.listpage .pagination{

    display: flex;

    justify-content: center;

    align-items: center;

}



.listpage .pagination li{

    margin: 0 0.5rem;

}

.listpage .pagination li a{

    color: #333;

    display: block;

    text-align: center;

    border: 1px solid #eee;

    padding: 2px 18px;

}






.listpage .pagination li:nth-child(1) a{

    color: #333;

}





.listpage .pagination li.active a{

    color: #fff;

    border: 1px solid #000;

}





/*产品详情*/

.proconpos {

    font-size: 1.6rem;

    color: #666;

    padding: 1.6rem 0 1rem;

    box-sizing: border-box;

}

.m3ninfo {

    text-align: center;

    color: #808080;

    line-height: 2.4rem;

    margin: 3rem 0px;

    display: inline-block;

}

.newscon {

    font-size: 1.8rem;

    line-height: 3.6rem;

    color: #808080;

    padding-bottom: 3.64vw;

    text-align: left;

    width: 100%;

}

.newsconprol {

    width: calc(55% - 2px);

    display: block;

    float: left;

    border: 1px solid #eee;

}

.newsconpror {

    width: 40%;

    display: block;

    float: right;

    margin-left: 5%;

    box-sizing: border-box;

    text-align: left;

}

.newsconpror .text {

    width: 100%;

    box-sizing: border-box;

}

.newsconpror .text em {

    line-height: 8rem;

    font-size: 2.4rem;

    color: #333;

}

.newsconpror .text .intro i {

    padding: 10px 0;

    font-size: 1.8rem;

    color: #333;

    border-bottom: 1px solid #dcdcdc;

    font-weight: bold;

    display: flex;

}

.newsconpror .text .intro .introp {

    padding: 1.5rem 0;

    line-height: 180%;

    font-size: 1.6rem;

}


.newsconpror .text .intro .introp em{

    font-size: 1.8rem;
    line-height: 5rem;

}


.btn_a i {

    display: inline-block;

    margin-right: 0.8rem;

    margin-top: 3rem;

    padding: 0 2rem;

    line-height: 4.8rem;

    border: 1px solid #dcdcdc;

    font-size: 1.5rem;

}

.containered {

    width: 100%;

    margin-top: 3rem;

}

.contitle {

    padding: 3.6rem 0;

    background-color: #f4f4f4;

    text-align: center;

    color: #333;

}

.contitle .en {

    font-size: 3rem;

    font-weight: bold;

    text-transform: uppercase;

}



.proconner{

    margin:3rem  auto;

}



.proconner img{

    display: block;

    margin: 0 auto;

    max-width: 100%;

}

/*产品详情结束*/







/*客户服务*/

.fuwuitem {

    width: 100%;

    margin-top: 3.4%;

    zoom: 1;

    text-align: center;

    color: #333;

}



.fuwuitem .left-img {

    width: 30%;

    vertical-align: top;

    margin-right: 9rem;

    margin-top: 50px;

    display: inline-block;

}



.fuwuitem .right-content {

    width: calc(65% - 9rem);

    vertical-align: top;

    display: inline-block;

    text-align: left;

}

.fuwuitem .left-img .img {

    width: 100%;

    position: relative;

}

.fuwuitem .left-img .img::before {

    width: 100%;

    height: 100%;

    background: #f0f0f0;

    position: absolute;

    left: -30px;

    bottom: -30px;

    z-index: 2;

    content: '';

}



.fuwuitem .left-img .img img {

    width: 100%;

    position: relative;

    z-index: 3;

}



.fuwuitem .right-content .fuwuslide {

    width: 100%;

    position: relative;

    padding-top: 80px;

    display: inline-block;

}



.fuwuitem .right-content .in {

    padding-top: 26px;

}



.fuwuitem .right-content .fuwuslide::before {

    width: 1px;

    height: 100%;

    display: inline-block;

    background: #f0f0f0;

    position: absolute;

    left: 30px;

    top: 0;

    z-index: 2;

    content: '';

}



.fuwuitem .right-content .fuwuslide .number {

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: url(../images/img143.png) no-repeat center;

    background-size: contain;

    position: relative;

    z-index: 3;

    color: #fff;

    font-size: 20px;

    float: left;

}



.fuwuitem .right-content .fuwuslide .content {

    width: auto;

    position: absolute;

    left: 84px;



    z-index: 2;

    float: right;

}



.fuwuitem .right-content .fuwuslide .content .title {

    width: 100%;

    color: #282828;

    font-size: 22px;

}



.fuwuitem .right-content .fuwuslide .content .brief {

    width: 100%;

    line-height: 22px;

    color: #929292;

    font-size: 14px;

    margin-top: 6px;

}



.fuwuitem .right-content .fuwuslide.in::after {

    display: inline-block;

}

.fuwuitem .right-content .fuwuslide::after {

    width: 5px;

    height: 5px;

    display: none;

    background: #000;

    border-radius: 50%;

    position: absolute;

    left: 30px;

    top: -5px;

    z-index: 2;

    content: '';

}



/*技术*/

.conzhizao {

    width: 100%;

    height: inherit;

    background: #fff url(../images/bg6.jpg) no-repeat center top;

}



.conzhizaoer {

    padding-top: 6rem;

    height: auto;

}



.comzztitle {

    font-weight: 700;

    font-size: 3.2rem;

    color: #333;

    text-align: center;

    margin-bottom: 2rem;

}



.comzzdes {

    font-size: 1.8rem;

    color: #333;

    text-align: center;

}



.zhizaokong {

    width: 100%;

    display: block;

    margin-top: 10rem;

}



.zhizaocon {

    width: 45%;

    display: block;

    background: #fff;

    float: right;

    margin-bottom: 5rem;

}



.zhizaolist {

    display: block;

    padding: 2rem 3rem;

}



.zhizaolist span {

    line-height: 280%;

    display: block;

    color: #646464;

}



.zhizaolist b {

    font-style: normal;

    font-size: 3.2rem;

    display: block;

    color: #434343;

    padding: 2rem 0 0 0;

}





/* 新闻中心 */



.conews {

    margin-top: calc(3.12vw - 40px);

    margin-bottom: 40px;

}



.conews li {

    padding: 40px 0px;

    border-bottom: 1px solid #E6E6E6;

}



.m2naBox {

    display: block;

    overflow: hidden;

}



.m2naBox .overflowHide {

    float: left;

    height: 270px;

    width: 480px;

    border-radius: 0.6em;

    overflow: hidden;

    position: relative;

    z-index: 0;

}

.m2naBox:hover .bgImg {

    transform: scale(1.05);

    transition: all 0.5s ease;

}

.m2naBox .bgImg {

    transition: all 0.5s ease-in-out;

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

}

.bgImg img {

    display: block!important;

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    left: 0%;

    top: 0%;

}

.scaleImg img {

    transition: all 0.5s ease;

}



.m2nRx {

    margin-left: 520px;

    padding-top: 30px;

}

.m2nRx strong {

    font-size: 30px;

    line-height: 50px;

    display: block;

    height: 50px;

    font-weight: normal;

}

.ellipsis {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}

.m2nRx p {

    font-size: 18px;

    line-height: 36px;

    display: block;

    height: 72px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    font-weight: normal;

    margin-top: 17px;

    color: #666;

    overflow: hidden;

}

.m2nRx:hover p {

    color: #333;

}



/*新闻中心结束*/



/* 设备中心 */

.m2spul {

    margin-top: 30px;

  }

  .m2spul li {

      float: left;

      width: 32%;

      margin-bottom: 28px;

      margin-left: 2%;

  }

  .m2spul li:nth-child(3n+1) {

      margin-left: 0;

  }

  .m2sp_aBox {

      display: block;

      color: #333;

      text-decoration: none;

      outline: 0;

      transition: all 0.5s ease;

  }

  a {

      color: #333;

      text-decoration: none;

      outline: 0;

      transition: all 0.5s ease;

  }

  .m2sp_aBox .overflowHide {

      height: 261px;

      border-radius: 0.3em;

  }

  .overflowHide {

      overflow: hidden;

      position: relative;

      z-index: 0;

  }

  .vBtn .overflowHide:before {

      content: "";

      background: url(../images/sp_ico1.png) no-repeat center center;

      height: 68px;

      width: 68px;

      margin-top: -34px;

      margin-left: -34px;

      position: absolute;

      left: 50%;

      top: 50%;

      z-index: 1;

  }

  .scaleImg .bgImg {

      transition: all 0.5s ease-in-out;

      position: absolute;

      height: 100%;

      width: 100%;

      left: 0;

      top: 0;

  }

  .bgImg img {

      display: block!important;

      width: 100%;

      height: 100%;

      object-fit: cover;

      position: absolute;

      left: 0%;

      top: 0%;

  }

  .m2sp_aBox p {

      font-size: 22px;

      line-height: 84px;

      height: 84px;

      letter-spacing: 1px;

      text-align: center;

  }

  .ellipsis {

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      display: block;

  }







  /*联系我们*/

  .m2lxul1 li {

    text-align: center;

    float: left;

    width: 33.33%;

    margin-bottom: 3.02vw;

    position: relative;

}

.m2lxul1 li span {

    display: inline-block;

    height: 72px;

    width: 72px;

    position: relative;

}

.m2lxul1 li span img {

    position: absolute;

    left: 50%;

    top: 50%;

    border: none;

    max-width: 100%;

    height: auto;

    transform: translate(-50%,-50%);

}

.m2lxul1 li p {

    font-size: 16px;

    line-height: 30px;

    margin-top: 10px;
    
    height: 30px;

    /* letter-spacing: 1px; */

}

.m2lxul1 li:after {

    content: "";

    background: #E6E6E6;

    height: 120px;

    width: 1px;

    position: absolute;

    right: 0px;

    top: 0px;

}

  /*联系我们结束*/



  /*新闻详情*/

  .m2pubCon {

    padding-top: 3.2vw;

    padding-bottom: 3.2vw;

}



.m3nt {

    font-size: 36px;

    line-height: 48px;

    letter-spacing: 2px;

    text-align: center;

    font-weight: bold;

}

.m3ninfo {

    text-align: center;

    color: #808080;

    line-height: 24px;

    margin: 32px 0px 36px;

    width: 100%;

}





.m3ninfo_x1 {

    display: inline-block;

    font-size: 14px;

    margin-right: 24px;

}



.m3ninfo_x2 {

    display: inline-block;

}



.m3ninfo_x2 span {

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    display: inline-block;

    padding: 0px 20px;

    height: 24px;

    margin-left: 8px;

    border-radius: 0.3em;

    white-space: nowrap;

}





.m3ninfo_x2 span {

    font-size: 14px;

    line-height: 21px;

    text-align: center;

    display: inline-block;

    padding: 0px 20px;

    height: 24px;

    margin-left: 8px;

    border-radius: 0.3em;

    white-space: nowrap;

}



.newsconed {

    font-size: 18px;

    line-height: 36px;

    color: #333;

    padding-bottom: 3.64vw;

    width: 100%;

    text-align: left;

    border-top: 1px solid #ccc;

    margin-top: 2rem;

    padding-top: 2rem;

}





/* 工程案例 */

.m2spul {

    margin-top: 30px;

  }

  .m2spul li {

      float: left;

      width: 32%;

      margin-bottom: 28px;

      margin-left: 2%;

  }

  .m2spul li:nth-child(3n+1) {

      margin-left: 0;

  }

  .m2sp_aBox {

      display: block;

      color: #333;

      text-decoration: none;

      outline: 0;

      transition: all 0.5s ease;

  }

  a {

      color: #333;

      text-decoration: none;

      outline: 0;

      transition: all 0.5s ease;

  }

  .m2sp_aBox .overflowHide {

      height: 261px;

      border-radius: 0.3em;

  }

  .overflowHide {

      overflow: hidden;

      position: relative;

      z-index: 0;

  }

  .vBtn .overflowHide:before {

      content: "";

      background: url(../images/sp_ico1.png) no-repeat center center;

      height: 68px;

      width: 68px;

      margin-top: -34px;

      margin-left: -34px;

      position: absolute;

      left: 50%;

      top: 50%;

      z-index: 1;

  }

  .scaleImg .bgImg {

      transition: all 0.5s ease-in-out;

      position: absolute;

      height: 100%;

      width: 100%;

      left: 0;

      top: 0;

  }

  .bgImg img {

      display: block!important;

      width: 100%;

      height: 100%;

      object-fit: cover;

      position: absolute;

      left: 0%;

      top: 0%;

  }

  .m2sp_aBox p {

      font-size: 22px;

      line-height: 84px;

      height: 84px;

      letter-spacing: 1px;

      text-align: center;

  }

  .ellipsis {

      overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

      display: block;

  }
  
  .pagecon img{
      width: 100%;
  }



/*工程案例结束*/