/* 通用 */

.w-con{

    width: 1420px;

    margin: 0 auto;

    padding-top: 6rem;

}

.container{

    width: 1420px;

}



@media (max-width: 1600px) {

    .w-con{

        width: 1280px;
        position: relative;
        z-index: 9999;
    }

    .container{

        width: 1280px;

    }

}

@media (max-width: 1400px) {

    .w-con{
        position: relative;
        left: 1vw;
        z-index: 9999;
        width: calc(100% - 60px);

    }

    .container{

        width: 100%;

    }

}

/* 头部 */



.x-top2 {

    padding:10px 0;

    position: absolute;

    width: 100%;

    left:0;

    top:0;

    z-index: 9999999;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

}

.x-top2 .flex{

    align-items: center;

}

.x-top2 .dlogo {

    height: 80px;

    line-height: 80px;

    margin-left: -60px;

}



.x-top2 .nnav {

    width: 70%;

}

.n-contact{

    color:#fff;

    font-size: 20px;

    font-family: arial;

    width: auto !important;

    margin-top: 4px;

    white-space:nowrap;

}



@media (max-width: 1600px) {

    .x-top2 .nnav{

        width: 75%;

    }

    .x-top2 .dlogo{

        margin-left: 0;

    }

}



@media (max-width: 1200px) {

    .x-top2 .nnav{

        width: 75%;

    }

}





/*banner*/

.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img{

    height: 100vh;

}





.gonext{

    position: absolute;

    width: 110px;

    bottom:62px;

    left:50%;

    margin-left:-55px;

    color:#fff;

    font-size: 14px;

    line-height: 2;

    z-index: 99;

    padding-bottom: 35px;

    text-align: center;

    -webkit-animation: nudgeMouse 1.6s linear infinite;

    animation: nudgeMouse 1.6s linear infinite;

}

.gonext a{

    color:#fff;

    display: block;

}

.gonext:after{

    position: absolute;

    width: 60px;

    height: 60px;

    content: "";

    left:50%;

    margin-left:-30px;

    bottom:0;

    background: url(//cdn.myxypt.com/0ae26524/24/08/75dbe7e43b3e6bd3a9f4981649d25556482f9aac.png) no-repeat;

    

}

@-webkit-keyframes nudgeMouse {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }



    50% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px);

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes nudgeMouse {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }



    50% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px);

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}





/* 公司简介 */

.w-about{

    background: url(//cdn.myxypt.com/0ae26524/24/08/dc6e76c540d774f10ce06da2debb50f6fc4bed18.jpg) no-repeat;

    background-size: cover;

}

.aboutbox{

    overflow: hidden;

}

.about-up{

  color:#fff;  

  text-align: center;



}

.about-up .tit {

   font-size: 60px;

   line-height: 1.5;

   font-weight: bold;

}

.active .about-up  {

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s;

}

.about-up .content{

    font:400 18px/2 "微软雅黑";

    padding:2vh 7.1% 5vh;

    

}

.video{

    position: relative;

}



.video a{

    display: inline-block;

    position: relative;

    z-index: 9;

}

.video .img{

   background: #dc0000;

    padding:22px 24px;

    border-radius: 50%;

    position: relative;

    z-index:9;

}

.video a:before {

    content: '';

    background: rgba(255, 255, 255, .7);

    width: 120px;

    height: 120px;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

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

    animation: kuosan 2.2s linear 0.1s infinite;

}

.video a:after {

    content: '';

    background: rgba(255, 255, 255, .7);

    width: 120px;

    height: 120px;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

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

    animation: kuosan 2.2s linear 1.2s infinite;

}

@keyframes kuosan {

    0% {

        width: 66px;

        height: 66px;

        opacity: 1;

    }

    50% {

        width: 90px;

        height: 90px;

        opacity: 1;

    }

    100%{

        width: 120px;

        height: 120px;

        opacity: 0;

    }

}

.power{

    margin-top:8vh;

    background: rgba(0,0,0,.18);

    padding:3vh 0 4vh;

}

.active .power{

    animation-name: fadeInUp;

    -webkit-animation-duration: 1.5s;

    animation-duration:1.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.7s;

    -webkit-animation-delay: 0.7s;

}

.num-list{

    color:#fff;

    font-size: 0;

    

}

.num-list li{

    width: 195px;

}



.num-list .number {

    font-family: arial;

    font-weight: bold;

    position: relative;

    display: inline-block;

}

.num-list .number span{

    font-size: 88px;

    line-height: 1;

     color:#fff;

     background-image:-webkit-linear-gradient(bottom,#b1bbbd,#f7f7f7,#b1bbbd); 

    -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; 

    position: relative;

    display: inline-block;

    text-stroke: 2px #fff;

    -webkit-text-stroke: 2px #fff;

}



.num-list .number em{

    position: absolute;

    right:-30px;

    top:0;

    font-size: 40px;

    line-height: 1;

}

.num-list p{

    color:#fff;

    font-size: 17px;

    padding-left:48px;

    line-height: 2.2;

    margin-top:5px;

    white-space: nowrap;

}



@media (max-width: 1200px) {

    .about-up .tit{

        font-size: 30px;

    }

    

    .about-up .content{

        font: 400 16px/32px "微软雅黑";

        padding: 5vh 0;

    }

    .num-list p{

        padding-left: 40px;

        font-size: 16px;

    }

}



@media (max-width: 992px) {

    .about-up .content{

        padding: 3vh 0;

    }

    .w-about{

        padding: 6vh 0;

    }

    .power{

        margin-top: 0;

    }

    .num-list li{

        width: 50%;

        margin-bottom: 10px;

    }

    

}



@media (max-width: 768px) {

    .num-list p{

        font-size: 14px;

        background-size: 22px auto !important;

        line-height: 1.5;

    }

    .num-list .number span{

        font-size: 60px;

    }

}



/* 产品 */

.x-pro{

    /* background: url(//cdn.myxypt.com/0ae26524/24/08/623b3cbe770e286be6402e6bb06dd2238d16d3c0.jpg) no-repeat center; */

}

/* .w-pro-tt-l{

    background: url(//cdn.myxypt.com/0ae26524/24/08/1cef3e4386b0648d786de1c2014d8301208c8458.png) no-repeat left center;

    padding-top: 52px;

} */

.w-pro-tt-l h3{

    color: #d50c19;

    font: 600 44px/66px "微软雅黑";

    /* padding-left: 80px; */

}

.w-pro-tt-l h4{

    color: #6c6a6a;

    font:  20px/40px "微软雅黑";

    text-transform: uppercase;

    /* padding-left: 30px; */

    /* font-style: italic; */

}

.w-pro-tt-l h4 span{

    color: #d50c19;   

}

.w-pro-tt-r{

    padding-top: 50px;

    width: 66%;

}

.w-pro-tt-r p{

    color: #444444;

    font: 400 18px/36px "微软雅黑";

}

.x-pro .owl-carousel{

    margin-top:6.6vh;

}

.active.x-pro .owl-carousel {

    animation-name: fadeInUp;

    -webkit-animation-duration: 1.2s;

    animation-duration: 1.2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s;

}

.pro-item a{

    display: block;

    /* background: -webkit-gradient(linear, left bottom, left top, from(#888888), to(#888888));

   background: -webkit-linear-gradient(bottom, #d3d5d5, #888888);

   background: linear-gradient(to top, #d3d5d5, #eaeae8); */

   border-radius: 20px;

   border-bottom-left-radius: 20px;

   border-bottom-right-radius: 20px;

   position: relative;

   background-color: #888888;

}

.pro-item .text{

    position: relative;

    padding-top: 15px;

    color: #ffffff;

    font: 400 20px/80px "微软雅黑";

    text-align: center;

}

.pro-item .text .imgico{

    position: absolute;

    left: 50%;

    top: -30px;

    margin-left: -30px;

    padding: 7px;

    background-color: #d50c19;

    border-radius: 30px;

    overflow: hidden;

    border: 4px solid #d2d9df;

}

.pro-item .text .imgico img{

    width: 40px;

    height: 40px;

}

.pro-item:hover a{

    background-color: #db0000;

}

.pro-item:hover .text .imgico{

    background-color: #939393;

}

.x-pro .owl-carousel .owl-nav .owl-prev {

    left: 21%;

    background: url(//cdn.myxypt.com/0ae26524/24/08/0f868207849fc4fddffb17859bf3f332249f0d39.png) no-repeat center #fff;

}

.x-pro .owl-carousel .owl-nav .owl-prev:hover{

    background: url(//cdn.myxypt.com/0ae26524/24/08/938d916372d13c5905ebf91bf0454e7c2a9977ac.png) no-repeat center #dc0000;

}

.x-pro .owl-carousel .owl-nav .owl-next {

    right:21%;

    background: url(//cdn.myxypt.com/0ae26524/24/08/0d22b09b3ee7356ff12f77318715e2326b915491.png) no-repeat center #fff;

}

.x-pro .owl-carousel .owl-nav .owl-next:hover{

    background: url(//cdn.myxypt.com/0ae26524/24/08/ceb1e66a4f29d2dd49e1ab21e60fec21df25a1c9.png) no-repeat center #dc0000;

}

.x-pro .owl-carousel .owl-nav button.owl-prev, .x-pro .owl-carousel .owl-nav button.owl-next {

    outline: none;

    position: absolute;

    top: 50%;

    z-index: 9999;

    height: 60px;

    width: 60px;

    margin-top: -30px;

    border-radius: 50%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    display: none;



}



.x-pro .owl-carousel .owl-nav button.owl-prev:hover, .x-pro .owl-carousel .owl-nav button.owl-next:hover {

    opacity: 1;

}



.x-pro .owl-carousel .owl-nav .icon-font:after{

    display: none;

}

.x-pro .more{

    text-align: center;

    margin-top:8.8vh;

    font-size: 0;

}

.active.x-pro .more {

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 1.2s;

    -webkit-animation-delay:1.2s;

}

.x-pro .more a{

    display: inline-block;

    width: 200px;

    background: #dc0000;

    font-size: 16px;

    line-height: 54px;

    border-radius: 28px;

    color:#fff;

    vertical-align: top;

    border:1px solid transparent;

    position: relative;

    overflow: hidden;

}

.x-pro .more a.mpo:hover{

    background: #f10303;

}

.x-pro .more a.mpo:before{

    content: "";

    position: absolute;

    display: block;

    transition: all .6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

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

    -webkit-animation: wave 1.3s infinite;

    animation: wave 1.3s infinite;

    z-index: 1;

}

@-webkit-keyframes wave{

    0%{

        background:rgba(0,0,0,.25);

        transform:translateX(-50%) translateY(-50%) scale(0)

    }

    to{

        background:transparent;

        transform:translateX(-50%) translateY(-50%) scale(1)

    }

}

@keyframes wave{

    0%{

        background:rgba(0,0,0,.25);

        transform:translateX(-50%) translateY(-50%) scale(0)

    }

    to{

        background:transparent;

        transform:translateX(-50%) translateY(-50%) scale(1)

    }

}

.x-pro .more .consle{

    margin-left:1.4vw;

    border:1px solid #dc0000;

    background: none;

    color:#dc0000;

}





@media (max-width: 992px) {

    .x-pro{

        padding: 6vh 0;

    }

}



/*优势*/

.w-ys{

    position: relative;

    height: 100vh;

}

.w-ys-tt{

    position: absolute;

    top: 10vh;

    z-index: 9;

    color: #ffffff;

    font: 600 44px/60px "微软雅黑";

    text-align: center;

    left: 0;

    width: 100%;

}

.active .w-ys-tt{

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s;

}

.active .w-ys-txt{

    /* animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s; */

}

.w-ys-list{

    position: relative;

    z-index: 0;

    height: 85vh;

}

.w-ys-list li{

    position: relative;

    width: 25%;

    overflow: hidden;

    height: 100%;

}

.w-ys-list li img{

    width: 100%;

    height: 100%;

}

.w-ys-list li .w-ys-txt{

    display: block;

    position: absolute;

    z-index: 99;

    top: 29vh;

    width: 100%;

    left: 0;

    padding: 52px;

    text-align: center;

    transition: all 0.8s;

}

.w-ys-list li .w-ys-txt img{

    width: 88px;

    height: 88px;

}

.w-ys-list li .w-ys-txt h3{

    color: #ffffff;

    font: 600 26px/66px "微软雅黑";

    margin-bottom: 10px;

}

.w-ys-list li .w-ys-txt h4{

    color: #efefef;

    font: 400 17px/30px "微软雅黑";

}

.w-ys-list li .w-ys-txt:hover{

    transition: all 0.8s;

    transform: translateY(-60px);

}



@media (max-width: 992px) {

    .w-ys{

        padding: 6vh 0;

        height: auto; 

    }

    .w-ys-tt{

        position: relative;

        top: 0;

        color: #d50c19;

        font: 600 30px/60px "微软雅黑";

        margin-bottom: 3vh;

    }

    .w-ys-list{

        height: auto;

    }

    .w-ys-list li{

        width: 50%;

    }

    .w-ys-list li .w-ys-txt{

        position: relative;

        top: 0;

        padding: 60px 20px;

    }

    .w-ys-list li .w-ys-txt h4{

        font: 400 16px/30px "微软雅黑";

    }

}



@media (max-width: 500px) {

    .w-ys-list li{

        width: 100%;

    }

    .w-ys-tt{

        font: 600 25px/60px "微软雅黑";

    }

    .w-ys-list li .w-ys-txt h3{

        font: 600 22px/52px "微软雅黑";

        margin-bottom: 0;

    }

}



/* 服务 */

.w-service{

    position: relative;
background-color: white;
}

.w-service-l{

    width: 41.8%;

}

.active .w-service-l{

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s;

}

/* .w-service-l .w-pro-tt-l{

    background: url(//cdn.myxypt.com/0ae26524/24/08/ab76752569268ac295d8f5a5a8fb1e77d421e425.png) no-repeat left center;

    padding-top: 33px;

    padding-bottom: 10px;

} */

.w-service-l .w-pro-tt-l h3{

    color: #000000;

}

.w-service-l .w-pro-tt-l h4{

    line-height: 30px;

    /* padding-left: 80px; */

}

.w-service-text{

    margin-top: 7vh;

    margin-bottom: 9vh;

}

.w-service-text p{

    color: #333;

    font: 400 18px/34px "微软雅黑";

}

.w-service-phone-img{

    float: left;

    position: relative;

    width: 100px;

    height: 100px;

    background-color: rgba(213, 12, 25, .3);

    padding: 35px;

    border-radius: 50px;

}

.w-service-phone-img img{

    position: relative;

    z-index: 99;

}

.w-service-phone-img::before{

    content: "";

    display: block;

    position: absolute;

    border-radius: 40px;

    z-index: 1;

    left: 11px;

    top: 11px;

    width: 78px;

    height: 78px;

    background-color: rgba(213, 12, 25, .3);

}

.w-service-phone-img::after{

    content: "";

    display: block;

    position: absolute;

    border-radius: 30px;

    z-index: 1;

    left: 20px;

    top: 20px;

    width: 60px;

    height: 60px;

    background-color: #d50c19;

}

.w-service-phone-wz{

    float: left;

    padding-left: 20px;

    padding-top: 17px;

}

.w-service-phone-wz h5{

    color: #333333;

    font: 400 18px/36px "微软雅黑";

}

.w-service-phone-wz h6{

    color: #d50c19;

    font: 600 32px/38px "微软雅黑";

    margin-top: 0;

    margin-bottom: 0;

}
.w-service-l {
   padding-bottom: 5vh;
}
.w-service-r{

    position: absolute;

    right: 123px;

    top: 10vh;

}

.w-service-r .img{

    position: relative;

}

.w-service-r .img img{

    width: 900px;

    height: 517px;

}

@media (max-width: 1700px) {

    .w-service-l{

        width: calc(100% - 920px);

    }

}

@media (max-width: 1600px) {

    .w-service-l{

        width: calc(100% - 800px);

    }

    .w-service-r .img img{

        width: 700px;

        height: 480px;

    }

}

@media (max-width: 1400px) {

    .w-service-l{

        width: calc(100% - 850px);

    }

}





@media (max-width: 992px) {

    .w-pro-tt-l{

        padding-top: 0;

        background-image: none;

        width: 100%;

    }

    .w-pro-tt-l h3{

        padding-left: 0;

        font: 600 30px/52px "微软雅黑";

    }

    .w-pro-tt-l h4{

        padding-left: 0;

        font: 600 22px/30px "微软雅黑";

    }

    .w-pro-tt-r{

        padding-top: 3vh;

        width: 100%;

    }

    .w-pro-tt-r p{

        font: 400 16px/32px "微软雅黑";

    }

    .x-pro .more{

        margin-top: 3vh;

    }

    .x-pro .more a{

        width: 160px;

        line-height: 40px;

    }

}



@media (max-width: 992px) {

    /* .w-service{

        padding: 6vh 0;

    } */

    .w-service-l{

        width: 100%;

    }

    .w-service-l .w-pro-tt-l{

        background-image: none;

        padding-top: 0;

    }

    .w-service-l .w-pro-tt-l h4{

        padding-left: 0;

    }

    .w-service-text{

        margin-top: 2vh;

        margin-bottom: 2vh;

    }

    .w-service-text p{

        font: 400 16px/30px "微软雅黑";

    }

    .w-service-r{

 display: none;

    }

    .w-service-r .img img{

        max-width: 100%;

        height: auto;
        opacity: 0.5;

    }

    .w-service-phone-img{

        width: 80px;

        height: 80px;

        padding: 25px;

    }

    .w-service-phone-img::before{

        width: 70px;

        height: 70px;

        left: 5px;

        top: 5px;

    }

    .w-service-phone-img::after{

        width: 60px;

        height: 60px;   

        left: 10px;

        top: 10px;    

    }

    .w-service-phone-wz{

        padding-top: 0;

    }

    .w-service-phone-wz h6{

        font: 600 28px/38px "微软雅黑";

    }

}



/*新闻*/

.w-news{

    background: url(//cdn.myxypt.com/0ae26524/24/08/71c658084897e13310a080d139bdbf46adba85bf.jpg) no-repeat 0 0 #f4f4f4;

}

.active .w-news-list{

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 0.5s;

    -webkit-animation-delay: 0.5s;

}

.w-news .w-pro-tt-l{

    background: url(//cdn.myxypt.com/0ae26524/24/08/cf4ce76cd6995b54d3b400ef86ca312a1b2b0025.png) no-repeat left center;

}

.w-news .w-pro-tt-l h3{

    padding-left: 110px;

    color: #333;

}

.w-news .w-pro-tt-l h4{

    padding-left: 110px;

}

.w-news-p{

    color: #000000;

    font: 600 22px/40px "微软雅黑";

    margin-top: 4vh;

    margin-bottom: 4vh;

}

.w-news-l{

    width: 30%;

}



.w-news-tab{

    padding-left: 4vh;

}



.w-news-tab li a{

    color: #444444;

    font: 400 18px/38px "微软雅黑";

}

.w-news-tab li:hover a{

    color: #d50c19;

}

a.w-news-more{

    margin-top: 5.2vh;

    width: 160px;

    display: block;

    text-align: center;

    background-color: #d50c19;

    color: #ffffff;

    font: 400 18px/44px "微软雅黑";

    border-radius: 22px;

}



.w-news-list{

    position: absolute;

    right: 0;

    top: 0;

    height: 100vh;

    width: 66.5%;

    margin-right: -2%;

}

.w-news-list li{

    width: 33%;

    padding-left: 2%;

    padding-right: 2%;

    border-left: 1px solid #cecece;

    height: 100vh;

    padding-top: 16vh;

}



.w-news-list li h3{

    position: relative;

    color: #333333;

    font: 600 22px/38px "微软雅黑";

    padding-bottom: 25px;

    margin-bottom: 15px;

    word-break:keep-all;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis; 

}

.w-news-list li h3::after{

    content: "";

    width: 80px;

    height: 2px;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: #d50c19;

}

.w-news-list li .img{

    position: relative;

    overflow: hidden;

}

.w-news-list li .img img{

    max-width: 100%;

    transition: all 0.8s;

}

.w-news-list li .date{

    position: absolute;

    left: 0;

    top: 0;

    background-color: #d50c19;

    width: 76px;

    height: 76px;

    padding: 10px 6px;

    color: #ffffff;

    font: 400 16px/28px "微软雅黑";

}

.w-news-list li .date span{

    display: block;

    font: 400 30px/32px "微软雅黑";    

    text-align: center;

}

.w-news-list li .wz{

    color: #666666;

    font: 400 16px/32px "微软雅黑";

    margin-bottom: 6vh;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

}

.w-news-list li:last-child .wz{

    padding-right: 15px;

}

.w-news-list li .more{

    color: #444444;

    font: 400 16px/32px "微软雅黑";

    margin-top: 4vh;

    background: url(//cdn.myxypt.com/0ae26524/24/08/d678212c8296cc93457891970d19e3c97145471c.png) no-repeat 75px center;

}

.w-news-list li:hover h3{

    color: #d50c19;

}

.w-news-list li:hover .img img{

    transition: all 0.8s;

    transform: scale(1.05);

}

.w-news-list li:hover .more{

    color: #d50c19;

    background: url(//cdn.myxypt.com/0ae26524/24/08/8f0c95e66b75a87deb5851d98b0fa1129cd9a3b0.png) no-repeat 75px center;

}

.ttz{

    display: none;

}

.w-news-l .more{

    animation-name: fadeInUp;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-delay: 1.2s;

    -webkit-animation-delay: 1.2s;

    margin-top: 5vh;

}

.w-news-l .more a{

    display: inline-block;

    width: 166px;

    background: #dc0000;

    font-size: 16px;

    line-height: 44px;

    border-radius: 28px;

    color: #fff;

    vertical-align: top;

    border: 1px solid transparent;

    position: relative;

    overflow: hidden;

    text-align: center;

}

.w-news-l .more a.mpo:before{

    content: "";

    position: absolute;

    display: block;

    transition: all .6s;

    width: 100%;

    height: 0;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    padding-top: 100%;

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

    -webkit-animation: wave 1.3s infinite;

    animation: wave 1.3s infinite;

    z-index: 1;

}





@media (max-width: 992px) {

    .w-news{

        position: relative;

        padding: 6vh 0;

    }

    .w-news-l{

        width: 100%;

        margin-bottom: 3vh;

    }

    .w-news-p{

        margin-top: 2vh;

        margin-bottom: 2vh;

    }

    .w-news-tab{

        padding-left: 0;

        display: flex;

        justify-content: center;

    }

    .w-news-tab li{

        width: 30%;

    }

    .w-news-list{

        position: relative;

        margin-left: 0;

        margin-right: 0;

        width: 100%;

        height: auto;

    }

    .w-news-list li{

        height: auto;

        padding-top: 3vh;

        border-left: none;

    }

}



@media (max-width: 768px) {

    .w-news .w-pro-tt-l{

        background-image: none;

    }

    .w-news .w-pro-tt-l h3{

        padding-left: 0;

    }

    .w-news .w-pro-tt-l h4{

        padding-left: 0;

    }

    .w-news-tab li{

        width: 30%;

    }

    .w-news-list li{

        width: 100%;

    }

}



/*底部*/

.w-foot1{

    width: 41%;

}



.foot-nav-a{

    color: #ffffff;

    font: 600 20px/38px "微软雅黑";

}

.w-foot2{

    width: 340px;

}

.w-layout-contact{

    margin-top: 1.43em;

}

.w-layout-contact h5{

    color: #999999;

    font-size: 15px;

    line-height: 2;

    margin-bottom: 6px;

}

.w-layout-contact p{

    color: #999999;

    font-size: 15px;

    line-height: 2;   

}

.w-lcontact-p h3{

    width: 50px;

    color: #999999;

    font-size: 15px;

    line-height: 2;   

}

.w-lcontact-p p{

    width: calc(100% - 50px);

}

.w-ewm{

    width: 300px;

}

.w-ewm li{

    width: 136px;

}

.w-ewm li .img{

    padding: 8px;

    background-color: rgba(255, 255, 255, .1);

}

.w-ewm li .img img{

    max-width: 100%;

}

.w-ewm li h3{

    text-align: center;

    color: #999999;

    margin-top: 10px;

    font: 400 14px/28px "微软雅黑";

}

.w-link-con{

    margin-top: 3vh;

}

.w-link-con span{

    color: #999999;

    font: 400 14px/28px "微软雅黑";

}

.w-link-con a{

    color: #999999;

    font: 400 14px/28px "微软雅黑";   

}

.w-link-con a:hover{

    color: #999999;

    font: 400 14px/28px "微软雅黑";      

}

.w-service-r .img .round {

    position: absolute;

    width: 12px;

    height: 12px;

    margin-right: -6px;

    margin-bottom: -6px;

    left: 69.2%;

    top: 55.8%;

}



.w-service-r .img .round span {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    background: #d50c19;

    border-radius: 50%;

    z-index: 9;

}



.w-service-r .img .round span:after {

    position: absolute;

    width: 4px;

    height: 4px;

    content: "";

    left: 50%;

    margin-left: -2px;

    top: 50%;

    margin-top: -2px;

    background: #fff;

    border-radius: 50%;

}

.w-service-r .img .round .pulse {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    margin-top: -15px;

    margin-left: -15px;

    width: 30px;

    height: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #d50c19;

    /*! box-shadow:1px 1px 20px #b90000;*/

    -webkit-animation: warn 3s ease-out 1.5s;

    -moz-animation: warn 3s ease-out 1.5s;

    animation: warn 3s ease-out 1.5s;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    transform: scale(0);

}

.w-service-r .img .round .pulse1 {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    margin-top: -15px;

    margin-left: -15px;

    width: 30px;

    height: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #d50c19;

    /*! box-shadow:1px 1px 20px #b90000;*/

    -webkit-animation: warn 3s ease-out;

    -moz-animation: warn 3s ease-out;

    animation: warn 3s ease-out;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    transform: scale(0);

}

@keyframes warn {

    0% {

        transform: scale(0.3);

        -webkit-transform: scale(0.3);

        opacity: 0.0;

    }



    25% {

        transform: scale(0.3);

        -webkit-transform: scale(0.3);

        opacity: 0.1;

    }



    50% {

        transform: scale(0.5);

        -webkit-transform: scale(0.5);

        opacity: 0.3;

    }



    75% {

        transform: scale(0.8);

        -webkit-transform: scale(0.8);

        opacity: 0.6;

    }



    100% {

        transform: scale(1);

        -webkit-transform: scale(1);

        opacity: 0.0;

    }

}
.tag-wz .tab-btng a {
    line-height: 0;
    padding: 1rem 0.5rem;
}