/* 模板巴巴 整 站 模 板 下 载 网 站 W w w.mubanbaba.com*/
/* PB2345模板网 整 站 模 板 下 载 网 站 W w w.pb2345.com*/
/* 专业的Xunruicms/迅睿CMS模板开发商*/
/* 我们提供网站建站，仿站，改版，维护服务*/
/* 提供仿站-建站-定制站-外贸站-建设服务 */
/* QQ：2 3 0 5 0 3 5 6 4 3 */
.banner{position: relative;height: 83vh;margin-top: 90px;}
.banner .img-swiper img{transition: all 10s;animation: fade 15s ease infinite;}
.banner .prev-next{position: absolute;bottom: 20px;width: 245px;left: 5%;}
.banner .txt-swiper .swiper-button-next{transform: rotate(-0deg);}
.banner .txt-swiper .swiper-button-prev{transform: rotate(-0deg);}
.banner .txt-swiper .swiper-slide{position: relative;}
.banner .txt-swiper .swiper-slide .ib-bg{position: relative;width: 100%;max-width: 1600px;margin: 0 auto;height: 100%;padding: 0 15px;}
.banner .txt-swiper .swiper-slide .ib-bg .info{position: absolute;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 95%;max-width: calc(100% - 0px);text-align: center;}
.banner .txt-swiper .swiper-slide:nth-child(1) .ib-bg .info{text-align: left;}
.banner .txt-swiper .swiper-slide:nth-child(2) .ib-bg .info{text-align: right;}
.banner .txt-swiper .swiper-slide:nth-child(3) .ib-bg .info{text-align: center;top: 25%;}
.banner .txt-swiper .swiper-slide:nth-child(4) .ib-bg .info{}
.banner .txt-swiper .swiper-slide .ib-bg .info img{width: auto;max-width: calc(100%);}
.banner .txt-swiper .swiper-slide .ib-bg .info h3{font-size: 34px;font-weight: bold;margin-bottom: 10px;letter-spacing: 2px;}
.banner .txt-swiper .swiper-slide .ib-bg .info h4{font-size: 28px;display: inline-block;max-width: 500px;line-height: 35px;}
.banner .txt-swiper .swiper-pagination{right: calc(5%);}

.banner .img-swiper .swiper-slide:nth-child(1) img{object-position: left;}
.banner .img-swiper .swiper-slide:nth-child(2) img{object-position: right;}


.banner .prev-next .swiper-button-prev,.banner .prev-next .swiper-button-next{border-radius: 50%;top: auto;bottom: 15px;width: 50px;height: 50px;}
.banner .prev-next .swiper-button-prev::after,.banner .prev-next .swiper-button-next::after{content: "→";display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scaleY(2);color: #fff;font-family: math;font-weight: 600;font-size: 16px!important;}
.banner .prev-next .swiper-button-prev::after{transform: translate(-50%,-50%) scaleY(2) rotate(180deg);}
.banner .prev-next .swiper-button-prev{left: 0;background-color: rgba(255,255,255,0.2);}
.banner .prev-next .swiper-button-next{right: 0;background-color: rgba(255,255,255,0.2);}
.banner .prev-next .swiper-button-next:after,.banner .prev-next .swiper-button-prev:after{font-size: 24px;color: rgba(255, 255, 255, 0.7);}

.banner .swiper-pagination,.banner .swiper-pagination.swiper-pagination-fraction{width: auto;left: auto;right: calc(10% + 120px);font-weight: 100;font-family: 'swiper-icons';font-size: 60px;color: #fff;}
.banner .swiper-pagination,.banner .swiper-pagination.swiper-pagination-fraction span{font-size: 40px;display: inline-block;color: #fff;}
.banner .swiper-pagination,.banner .swiper-pagination.swiper-pagination-fraction span:first-child{transform: translateY(-15px);}
.banner .swiper-pagination,.banner .swiper-pagination.swiper-pagination-fraction span:last-child{transform: translateY(5px);}

.banner .img-swiper .swiper-pagination{left: 5%;}
.banner .img-swiper .swiper-pagination .swiper-pagination-bullet{background-color: #fff;opacity: 1;transition: all 0.3s;width: 45px; height: 4px; border-radius: 0; margin: 0 12px;}
.banner .img-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{transform: scale(1.5); background: #e56903;}

.banner .prev-next div:hover{background-color: #fff;}
.banner .txt-swiper .prev-next div:hover::after{color: #015198!important;}

@keyframes fade {
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}

/* num-change */
.num-change{margin-bottom: 50px;padding-top: 20px;border-top: 1px dashed #dbdbdb;}
.num-change .shuzi p:first-child{font-size: 15px;color: #999;}
.num-change .shuzi p:last-child{font-size: 15px;color: #8f8f8f;}
.num-change .shuzi p .counter{font-size: 46px;font-family: fantasy; color: #e56903;}

/* about */
.about.area{padding: 90px 0 70px; background: url(../images/about_bgn.jpg) no-repeat 100%; background-size: cover;}
.about .n-area{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.about .n-area>div{width: 50%;}
.about.area h2{text-align: left;}
.about .a-l{}
.about .a-l .info{padding:0 7.5% 0 15px;height: 100%;}
.about .a-con{font-size: 16px;line-height: 35px;padding: 20px 0 0px;margin-bottom: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;color: #777;}

.about .a-r{}
.about .a-r img{width: 100%;height: 100%;object-fit: cover;object-position: bottom; border-radius: 20px}

.about .more{float: left;margin-bottom: 10px;}
.about .more:hover{background-color: #015198;color: #fff;}

/* Pro */
.inpro{padding-top: 40px !important;}
.inpro.area h2{margin-bottom: 40px!important;}
.inpro.area h2 p{color: #333;}
.inpro .case-info{display: inline-block;width: 100%;margin-bottom: 30px;padding: 1px;background-color: rgba(17, 95, 173, 0.07);position: relative;z-index: 1;transition: all 0.3s;}

.inprolist{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background_radio: 1;
    display-radio: flex;
}
.inprolist > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.inprolist .cbox-5-0 {
    margin-right: 15px;
}
.inprolist .cbox-5-1 {
    margin-left: 15px;
}

.sycp3 {
    position: relative;
    background: #E7F1FA;
    border-radius: 10px;
    padding-bottom: 57%;
    overflow: hidden;
    transition: all ease .5s
}

.sycp3 h3 {
    position: absolute;
    left: 50px;
    top: 50px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    z-index: 1;
}

.sycp3 .e_button-39 {
    display: flex;
    position: absolute;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 160px;
    padding: 13px 10px;
    margin: 0 auto;
    margin-top: 30px;
    background: none;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    display-radio: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    margin-right: auto;
    margin-left: 0px;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    align-items: center;
    justify-content: space-evenly;
    transition: all ease .5s;
    left: 50px;
    bottom: 50px
}

.sycp3:hover .e_button-39 {
    background: #1673D0;
    color: #fff;
    border-color: #1673D0
}

.sycptu3 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    transition: all ease .5s
}

.sycptu3 img {
    width: 100%;
    transition: all ease .5s
}

.sycp3:hover img {
    transform: scale(1.1);
    transition: all ease .5s
}

.sycp3:hover {
    background: #CEE1F5;
    transition: all ease .5s
}


@media screen and (min-width: 769px) and (max-width:1200px){
    .about .n-area>div{width: 100%;}
    .inprolist .cbox-5-0 {
        margin-right: 10px;
    }
    .inprolist .cbox-5-1 {
        margin-left: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width:768px){
    .shebei{padding: 0 15px 40px !important;}
    .about .n-area>div{width: 100%;}
    .inpro{padding-top: 0 !important;}
    .inprolist{display: block;}
    .inprolist .cbox-5-0 {
        margin-right: 0;
    }
    .inprolist .cbox-5-1 {
        margin-left: 0;
        margin-top: 20px;
    }
}


.product.area{padding: 0;background-color: rgba(17, 95, 173, 0.06);}
.product .n-area{}
.product{}
.product .procate{display: flex;flex-wrap: wrap;}


.product .procate .li{width: calc(20% - 5px);height: 220px;display: flex;align-items: center;justify-content: center;margin-right: 5px;background-color: rgba(17, 95, 173, 0.06);margin-bottom: 5px;}
/* .product .procate .li:last-child{margin-right: 0;} */
.product .procate .li:first-child{background-color: #015198;color: #fff;}
.product .procate .li .title{padding-left: 15px;color: #fff;}
.product .procate .li .title a{color: #333;}
.product .procate .li:first-child .title{padding-left: 0;}
.product .procate .li .title h3{font-size: 22px;margin-bottom: 10px;}
.product .procate .li .title span{font-size: 12px;text-transform: uppercase;}
.product .procate .li .img{height: 120px;}
.product .procate .li .img img{width: 90%;height: 100%;object-fit: contain;object-position: center;transition: all 0.3s;max-width: 135px;}


.product .procate .swiper{width: calc(80% + 5px);}
.product .procate .swiper .swiper-slide{height: 220px;display: flex;align-items: center;justify-content: center;border-right: 5px solid #fff;}
.product .procate .swiper .title{padding-left: 15px;}
.product .procate .swiper .title a{color: #333;}
.product .procate .swiper .title h3{font-size: 22px;margin-bottom: 10px;}
.product .procate .swiper .title span{font-size: 12px;text-transform: uppercase;color: rgba(0, 0, 0, 0.4);}
.product .procate .swiper .img{height: 120px;}
.product .procate .swiper .img img{width: 90%;height: 100%;object-fit: contain;object-position: center;transition: all 0.3s;max-width: 135px;}

.product .procate .li:hover .img img{transform: translateY(-5px);}
.product .procate .li:hover .title a h3,.product .procate .swiper-slide:hover .title a h3{color: #015198;}
.product .procate .li:hover .title a span,.product .procate .swiper-slide:hover .title a h3{color: #015198;}


.product h2{padding: 70px 0;}
.product .proli{margin-bottom: 100px;padding: 0 15px;}
.product .proli .li{display: inline-block;padding: 30px;background-color: rgba(255,255,255,0.9);text-align: center;width: 100%;transition: all 0.3s;margin-bottom: 20px;}
.product .proli .li:hover{box-shadow: 0 0px 5px rgba(255,255,255,0.2);transform: translateY(-5px);}
.product .proli .li .tit p{line-height: 45px;font-size: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);}
.product .proli .li .tit span{color: #9d9d9d;font-size: 14px;}
.product .proli .li .img{margin: 40px 0;position: relative;padding-top: 100%;overflow: hidden;}
.product .proli .li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.product .proli .li:hover .img img{width: 105%;height: 105%;}
.product .proli .li>span{display: inline-block;width: 80%;max-width: 160px;line-height: 40px;border: 1px solid #015198;color: #015198;font-size: 14px;border-radius: 20px;text-align: center;margin: 15px 0 20px;}
.product .proli .li:hover>span{background-color: #015198;color: #fff;}


/*why*/
.inwhy{background: #f5f5f5; padding: 4.5% 0 !important;}
.inwhy .why{display: flex;justify-content: space-around;}
.inwhy .whyl{width: 41%; margin-left: 2%; margin-right: 4%; margin-top: 1%;}
.inwhy .whyl .whyltit{position: relative;}
.inwhy .whyl .whyltit:before{content: "";width: 55px;height: 2px;background: #0c5395;position: absolute;top: 40%;left: 0;}
.inwhy .whyl .whyltit p{color:#696969; font-size:16px;padding-left: 70px;}
.inwhy .whyl h1{color:#111; font-size:32px;line-height:1.4; font-weight: bold; margin: 25px 0;}
.inwhy .whyl > p{color:#808080; font-size:16px;line-height:2;}
.inwhy .whyl .whya{background: #e56903; color: #fff;padding: 12px 35px; margin-top: 10%; font-size: 16px;display: inline-block; border-radius: 50px;}
.inwhy .whyr{width: 45%; margin-right: 2%;}
.inwhy .whyr .whyrm{display: flex; flex-wrap: wrap;justify-content: space-around;}
.inwhy .whyr .whyrm .whylist{width: 48%; text-align: center;margin-top:5px;transition:all 0.4s; }
.inwhy .whyr .whyrm .whylist:hover{transform: translateY(-3px);}
.inwhy .whyr .whyrm .whylist1{margin-top: 5%;transition:all 0.4s;}
.inwhy .whyr .whyrm .whylist1:hover{transform: translateY(-3px);}
.inwhy .whyr .whyrm .whylist img{}
.inwhy .whyr .whyrm .whylist h1{font-size: 24px; color: #333;line-height:2;font-weight: bold; margin: 20px 0 10px;}
.inwhy .whyr .whyrm .whylist p{color:#696969;font-size: 16px; line-height:1.8;}

/* case */
.case.area{padding: 70px 15px 0;background-color: #fff;}
.case.area h2{margin-bottom: 30px!important;}
.case.area h2 p{color: #333;}
.case .case-info{display: inline-block;width: 100%;margin-bottom: 30px;padding: 1px;background-color: rgba(17, 95, 173, 0.07);position: relative;z-index: 1;transition: all 0.3s;}

.case .case-info .case-img{overflow: hidden;position: relative;padding-top: calc(63.5% + 40px);z-index: 3;transition: all 0.3s;}
.case .case-info .case-img img{width: calc(100% - 40px);height: calc(100% - 20px);position: absolute;top: 20px;left: 20px;object-fit: cover;z-index: 2;transition: all 0.3s;}
.case .case-info .case-img::after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);transition: all 0.3s;z-index: 3;left: 0;top: 0;}
.case .case-info .case-tit{position: relative;z-index: 3;}
.case .case-info .case-tit p{color: #222;font-size: 20px;padding: 4% 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: calc(35px);text-align: center;}
.case .case-info .case-tit span{display: inline-block;width: 100%;color: #fff;background-color: #e56903;text-align: center;font-weight: bold;line-height: 40px;height: 40px;transform: rotateX(90deg);transform-origin: top;position: absolute;bottom: -35px;transition: all 0.3s;}
.case .case-info .case-con{width: calc(50%);line-height: 30px;height: 60px;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 17px;left: 20px;z-index: 4;transition: all 0.3s;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;opacity: 0;text-align: center;transform: translateY(100%);}

.case .case-info:hover .case-img{padding-top: calc(63.5%);}
/* .case .case-info:hover .case-img img{left: 0;width: 100%;top: 0;height: 100%;} */
/* .case .case-info:hover .case-img::after{background-color: rgba(0, 0, 0, 0.6);} */
.case .case-info:hover .case-tit p{}
.case .case-info:hover .case-con{opacity: 1;transform: translateY(-50%);}
.case .case-info:hover .case-tit span{transform: rotateX(0deg);}

.imgfd{overflow: hidden; position: relative; padding-top: 75%;border-radius: 10px;}
.imgfd img{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;display: block; position: absolute; top: 0; left: 0;}
.imgfd:hover img{transform: scale(1.1);}
.inhy{overflow: hidden;}
.sy_project{text-align: center;}
.sy_proj_list ul li{ float: left; width: 24%; margin-right: 1.33%; position: relative; margin-bottom: 30px;}
.sy_proj_list ul li:nth-child(6),.sy_proj_list ul li:first-child{ width:49.33%; }
.sy_proj_list ul li:nth-child(3n){ margin-right: 0;}
.sy_proj_list ul li p{ position: absolute;width: 100%; font-size: 17px; text-align: center; color: #fff; bottom: 0; left: 0;background: linear-gradient(transparent, rgba(0, 0, 0, .8)); padding: 20px 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.sy_proj_list ul li:nth-child(6) .imgfd,.sy_proj_list ul li:first-child .imgfd{padding-top: 36.4%;}

@media (max-width: 1024px){
  .sy_proj_list ul li{ width: 49%; margin-right: 2%;}
  .sy_proj_list ul li:nth-child(3n){ margin-right: 2%;}
  .sy_proj_list ul li:nth-child(6), .sy_proj_list ul li:first-child{ width: 100%; margin-right: 0;}
  .sy_proj_list ul li:nth-child(2n+3){ margin-right: 0;}
}
@media (max-width: 540px){
  .sy_proj_list ul li{ margin-bottom: 20px;}
  .sy_proj_list ul li p{font-size: 16px; padding: 10px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .sy_proj_list ul li:nth-child(6) .imgfd, .sy_proj_list ul li:first-child .imgfd{padding-top: 60%;}
}

/*设备*/
.shebei{padding: 20px 15px 70px;}


/*检测设备*/
.jce.area{padding: 50px 15px 70px; background: #f6f6f6; margin-top: 35px;}
.ineq{width: 100%;display: flex; margin-top: 30px;}
.ineq .ineql{width: 25%;}
.ineq .ineqc{width: 50%;}
.ineq .ineqr{width: 25%;}
.ineq .sbimg {margin: 4%; overflow: hidden;}
.ineq .sbimg1 {margin: 2%; overflow: hidden; position: relative;}
.ineq .ineqtit{position: absolute; left: 50%; bottom: 0%;transform: translate(-50%, -50%); background: #e56903; color: #fff; font-size: 16px;padding: 8px;min-width: 155px; text-align: center;}
.ineq .sbimg2 {margin-top: 6%;}
.ineq img{width: 100%;transition-duration: 1s;}
.ineq img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.ineq a.img {
    display: block;
    overflow: hidden;
    position: relative;
}
.ineq a.img figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
.ineq .sbimg:hover a.img img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.ineq .sbimg:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
.ineq .sbimg1:hover a.img img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.ineq .sbimg1:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

@media (max-width: 767px){
    .jce.area{padding: 50px 15px; margin-top: 15px;}
    .ineq{flex-wrap: wrap;}
    .ineq .ineql{width: 100%;}
    .ineq .ineqc{width: 100%; }
    .ineq .ineqr{width: 100%;}
    .ineq .sbimg{margin: 0 0 10px 0;}
    .ineq .sbimg1{margin: 0 0 10px 0;}
    .ineq .sbimg2{margin: 0 0 10px 0;}
}
/* news */
.news.area{padding: 50px 15px 70px;}
/*.news{background-color: rgba(17, 95, 173, 0.06);}*/
.news.area h2{text-align: center;}
.news #newsSwiper{margin-top: 40px;}
.news a{display: inline-block;width: 100%;height: 100%;background-size: cover;}
.news .info{padding: 30px 35px;background-color: rgba(17, 95, 173, 0.9);transition: all 0.3s;}
/* .news .info::before{position: absolute;display: inline-block;content: '';width: 100%;height: 100%;background-color: rgba(17, 95, 173, 0.9);z-index: -1;} */
.news .info>span{font-size: 15px;color: rgba(255, 255, 255, 0.9);line-height: 50px;display: inline-block;}
.news .info h3{font-size: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #fff;line-height: 50px;}
.news .info p{font-size: 14px;color: rgba(255, 255, 255, 0.7);line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 40px;}
.news .info b{font-size: 15px;font-weight: normal;line-height: 20px;line-height: 20px;padding-bottom: 30px;display: inline-block;color: #fff;}
.news .info b span{display: inline-block;width: 25px;height: 25px;margin-left: 50px;background-color: #cf0b0f;color: #fff;font-weight: bold;border-radius: 50%;text-align: center;font-family: cursive;line-height: 23px;}
.news a:hover span{color: #fff;}
.news a:hover h3{color: #fff;}
.news a:hover p{color: #fff;}
.news a:hover b{color: #fff;}
.news a:hover .info{background-color: rgba(17, 95, 173, 0.8);}

.newsm{display: flex;justify-content: space-between; margin-top: 3.5%}
.newsm .newsml{width: 60%;}
.newsm .newsmr{width: 38%; border-left: 1px solid #eee;}
.newsmltop{display: flex;justify-content: space-between;}
.newsmltop_img{width: 55%;}
.newsmltop_img img{width: 100%;}
.newsmltop_nr{width: 40%;padding-top: 2%}
.newsmltop_nr em{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #999999;
    margin-bottom: 16px;
}
.newsmltop_nr h3{
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    padding-top: 8px;
    font-weight: normal;
}
.newsmltop_nr h3 a{
    color: #333333;
}
.newsmltop_nr:hover h3 a{
    color: #015198;
}
.newsmltop_nr p {
    font-size: 16px;
    line-height: 33px;
    font-weight: normal;
    color: #4c4c4c;
    margin-top: 16px;
    margin-bottom: 20%;
}
.newsmltop_nr .nwa {
    background: #e56903;
    color: #fff;
    padding: 15px 35px;
    font-size: 16px;
    display: inline;
    border-radius: 50px;
}
.newsmlbot{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.newsllist{
    width: 49%;
    background: #f6f7f8;
    padding: 30px;
}
.newsllist em{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #999999;
}
.newsllist h3{
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsllist a:hover h3{
    color: #333;
}
.newsllist h3 span{
    color: #015198;
    margin-right: 8px;
}
.newsllist a:hover h3 span{
    color: #015198;
}
.newsrlist{
    border-bottom: 1px solid #eee;
    padding: 15px 30px 25px;
    background: #fff;
    transition:all 0.4s;
}
.newsrlist:hover{
    background: #f6f7f8;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.newsrlist:last-child{
    border-bottom: 0;
}
.newsrlist a h2{
    color: #444;
    font-size: 18px;
    text-align: left !important;
    line-height: 32px;
    margin: 12px 0 11px;
}
.newsrlist a p{
    color: #888;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 16px;
}
.newsrlist a:hover p{
    color: #666;
}
.newsrlist a em{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #999999;
}


@media screen and (min-width: 0px) and (max-width:1400px){

}


@media screen and (min-width: 0px) and (max-width:1200px){
    /*.about.area{margin: 60px;}*/
    .about .a-con{font-size: 15px;}
    .num-change .shuzi p .counter{font-size: 38px;}
    .num-change .shuzi p .counter1{font-size: 38px;}

    .product .procate .li .title h3{font-size: 16px;}
    .product .procate .li,.product .procate .swiper .swiper-slide{height: 180px;}
    .product .procate .li .img{text-align: right;}
    .product .procate .li .img img{width: 80%;}

    .case{margin-bottom: 30px;}

    .news .info h3{font-size: 18px;}
}


@media screen and (min-width: 0px) and (max-width:992px){
    .about.area{position: relative;margin: 0;padding: 50px;}
    .about .a-l{max-width: none;position: relative;z-index: 1;width: 100%;}
    .about .a-l .info{padding: 55px;height: 100%;width: 100%;background-color: rgba(255,255,255,0);}
    .about .a-r{position: unset;width: 100%;height: 100%;left: 0;bottom: 0;}
    .about .a-r img{height: 100%;}
    .about .more{margin-bottom: 55px;}

    .product h2{padding: 50px 0;}
    .product .proli .li{margin-bottom: 15px;}

    .case{margin: 40px 0 10px;}

    .news .info h3{font-size: 17px;}
    
}
.mubanbaba_wap{ display:none}
@media screen and (min-width: 0px) and (max-width:768px){
	.mubanbaba_pc{ display:none}
	.mubanbaba_wap{ display:block; margin-top: 70px;}
    .banner{height: 45vh;}
    .img-swiper .swiper-slide img{object-fit: unset !important;}

    .about .a-l .info{padding: 30px;}
    .about.area{padding: 30px;}
    .num-change .shuzi p .counter{font-size: 32px;}
    .num-change .shuzi p .counter1{font-size: 32px;}

    .product .procate .swiper{width: 100%;}
    .product .procate .li{width: calc(50% - 5px);}
    .product .procate .li .title h3{font-size: 24px;}
    .product .proli{margin-bottom: 30px;}
    .product .proli .li .tit p{font-size: 18px;}

    .case.area{padding: 30px 15px 15px;}
    .case .case-info .case-tit p{font-size: 18px;}
    .case #caseSwiper2 .case-info{margin-bottom: 0;}

    .inwhy .why{display: block;}
    .whyl{width: 100% !important;}
    .whyr{width: 100% !important;margin: 50px 0 3%;}
    .inwhy .whyl h1{margin: 15px 0;font-size: 28px; line-height: 1.2;}
    .inwhy .whyl .whya{font-size: 15px; margin-top: 6%;}

    .newsm{display: inline-flex;}
    .newsml{width: 100% !important; }
    .newsmr{display: none;}
    .newsmltop_nr h3 a{font-size: 18px; line-height: 30px;}
    .newsmltop_nr p{line-height: 28px; color: #666; font-size: 15px;margin-bottom: 15%;}
    .newsmltop_nr .nwa{font-size: 14px;padding: 12px 35px;}

}

@media screen and (min-width: 0px) and (max-width:580px){
    .banner{height: 28vh;}
    .newsmltop{display: block;}
    .newsmltop_img{width: 100% !important}
    .newsmltop_nr{width: 100% !important}
    .newsmltop_nr p{margin-bottom: 10%;}
    .newsmlbot{display: block;}
    .newsllist{width: 100%;margin-bottom: 15px;}
    .case .case-info .case-tit p{font-size: 16px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
    .about.area{padding: 30px 20px;}
    .about .a-con{font-size: 14px;padding-top: 10px;}
    .about .a-l .info{padding: 20px;}
    .about .more{margin-bottom: 30px;}
    .num-change{margin-bottom: 20px;}
    .num-change .shuzi p:last-child{font-size: 14px;}
    .num-change .li{padding: 7.5px;}
    .num-change .shuzi p .counter{font-size: 24px;}
    .num-change .shuzi p .counter1{font-size: 24px;}
    .product .procate .li{border: 0;height: 135px;}
    .product .procate .swiper .swiper-slide{height: 135px;}
    .product .procate .li .title h3,.product .procate .swiper .title h3{font-size: 15px;}
    .product .procate .li{width: 100%!important;height: 120px;}
    .product h2{padding: 20px 0;}
    .product .proli .li{padding: 15px;}
    .product .proli .li .tit p{font-size: 15px;}
    .product .proli .li .img{margin: 15px 0;}
    .product .proli .li>span{font-size: 13px;line-height: 35px;margin: 5px 0;}
    

    .case{margin: 10px 0 0;}
    .case.area h2{margin-bottom: 15px!important;}
    .case .case-info .case-tit p{font-size: 15px;}
    
    .news.area{padding: 30px 15px 40px;}
    .news #newsSwiper{margin-top: 20px;}
    .news .info{padding: 15px 20px;}
    .news .info p{margin-bottom: 20px;}
    .news .info h3{font-size: 15px;}
}

@media screen and (min-width: 0px) and (max-width:320px){

}