.w-con{

    width: 1340px;

    margin: 0 auto;

}

.container{

    width: 1340px;

}

:root {

    --black:#000000;

    --red:#e90409;

}

@media (max-width: 1400px) {

    .w-con{

        width: 1200px;

    }

    .container{

        width: 1200px;

    }

}



@media (max-width: 1200px) {

    .w-con{

        width: calc(100% - 30px);

    }

    .container{

        width: 100%;

    }

}





/*头部*/

.w-topp{

    background-color: #ececec;

}

.w-wel{

    color: #777;

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

}

.w-wel a {

    color: #777;

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

}

.w-wel a + a::before{

    content: ",";

    color: #777;

}

.w-seo{

    color: #777;

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

}

.w-seo a{

    color: #777;

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

}

.w-seo a:hover{

    color: rgba(0, 0, 0, .7);

}

.w-head1{

    padding: 5px 0;

    padding-left: 10px;

}



.logo img{

    float: left;

    /* padding-top: 12px; */

}

.w-logo-line{

    float: left;

    width: 1px;

	height: 69px;

	background-color: #cecece;

    margin-left: 20px;

    margin-right: 15px;

    margin-top: 28px;

}

.logo .wz{

    padding: 30px 0;

    float: left;

}

.logo .wz p{

    color: #222222;

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

}

.logo .wz span{

    display: block;

    color: #555555;

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

}

.w-top-phone{

    color: #333333;

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

}

.w-top-phone img{

    margin-left: 10px;

}

.top-nav{

    position: relative;

    background-color:#2660aa;

}



@media (max-width: 1200px) {

    .logo .wz p{

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

    }

    .logo .wz span{

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

    }

}







/* 标题 */

.w-tt h3{

    position: relative;

    text-align: center;
    /* padding-top: 2.5vw; */

}
.owl-carousel .owl-item {
    border: 1px solid white;
}
 .news-item .wz {
    padding-left: 2rem;
 } 
.w-tt h3 span{

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    right: 0;

    color: #f5f5f5;

    font: 600 64px/66px "Airal";

    text-transform: uppercase;

}

.w-tt h3 strong{

    position: relative;

    z-index: 9;

    color: #333333;

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

}

.w-tt p{

    text-align: center;

    color: #666666;

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

}

.w-tt.write span{

    color: #fff;

}



@media (max-width: 992px) {

    .w-tt h3 span{

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

    }

    .w-tt h3 strong{

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

    }

    .w-tt p{

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

    }

}



/*产品*/

.w-product{

    padding: 8vh 0 6vh;

}

.index_tab{

    margin-top: 4vh;

}



@media (max-width: 992px) {

    .m-pro{

        margin-top: 2vh;

    }

    .m-pro-list li{

        width: 48%;

    }

    .m-pro-list li .img img{

        max-width: 100%;

    }

    .m-pro-list li h3{

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

        text-align: center;
        color: #000;

    }

}



.tab-li{

    border-top: 1px solid #004a9d;

    border-bottom: 1px solid #004a9d;

    padding: 0 14vw;

    margin-bottom: 6vh;

}



.taba li{

    

}

.taba li a{

    color: #666666;

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

    text-align: center;

    display: block;

}

.taba li.active{

    

}

.taba li.active .a{

    color: var(--red);

}

.taba li.active .a .imgwz p{

    color: #fff;

}



.ptab-pro-item{

    background: #fff;

    text-align: center;

    padding: 10px;

    margin-bottom: 10px;

}

.tab-pro-item .img{

    overflow: hidden;



}

.tab-pro-item .img img{

    width: 100%;

}

.tab-pro-item .wz{

    position: relative;

    padding: 20px;

    background: #fff;

}

.tab-pro-item h3{

   width: calc(100% - 32px);

   background: #fff;

   color: #555555;

   font-weight: normal;

   line-height: 30px;

   font-size: 18px;

    top: 0;

   transition: all 0.3s;

   position: relative; 

   text-align: left;

   word-break:keep-all;

   white-space:nowrap;

   overflow:hidden;

   text-overflow:ellipsis; 

}

.tab-pro-item .wz::before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 10px;

    right: 10px;

	height: 1px;

	background-color: #eeeeee;

    z-index: 9;

}

.tab-pro-item .wz img{

    width: 30px;

    height: 30px;

}

.tab-pro-item:hover{

    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);

}

.tab-pro-item:hover .wz h3{

    color: #154eab;

}

.tab-pro-item:hover .wz::before{

    background-color: #154eab;

}

.pro-list{

    margin-left: -10px;

    margin-right: -10px;

}

.pro-list li{

    float: left;

    list-style-type: none;

    width: calc(25% - 20px);

    margin-left: 10px;

    margin-right: 10px;

    margin-bottom: 6px;

}

.pro-list li .img{

    overflow: hidden;

}

.pro-list li .img img{

    max-width: 100%;

    transition: all 0.8s;

}

.pro-list li h3{

    color: #444444;

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

    text-align: center;

}

.pro-list li:hover .img img{

    transition: all 0.8s;

    transform: scale(1.05);

}

.pro-list li:hover h3{

    color:  var(--red);

}



a.w-product-a{

    text-align: center;

    display: block;

    margin: 0 auto;

    width: 170px;

	height: 43px;

	background-color: var(--red);

	box-shadow: 0px 4px 14px 0px 

		rgba(0, 62, 131, 0.38);

	border-radius: 10px;

    color: #fff;

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

    margin-top: 1vh;

}

.tab-con{

    position: relative;

}

.tab-main{

    position: absolute;

    left: 0;

    width: 100%;

    top: 0;

    z-index: -1;

    opacity: 0;

    visibility: hidden;

}

.tab-main.active{

    position: relative;

    z-index: 9;

    opacity: 1;

    visibility: visible;

}





@media (max-width: 1200px) {

   .tab-li{

       padding: 0 10px;

   }

}





/* 优势 */

.w-ys{

    padding: 5vh 0 8vh;

    background: url(../img/db8794cca1372c938667e1575e36e3a7792ad287.jpg) no-repeat center;

}

.w-ys-con{

    margin-top: 4vh;

}

.w-ys-l{

    position: relative;

    width: 42%;

    overflow: hidden;

    height: 585px;

    clip-path: inset(0 0 0 0);

}

.w-ys-r{

    width: 56.6%;

    border-top: dashed 1px #adadad;

}

.w-ys-r li{

    position: relative;

    overflow: hidden;

    border-bottom: dashed 1px #adadad;

}

.w-ys-r li .img{

    width: 140px;

    padding: 28.5px 26px;

}

.w-ys-r li .img img{

    position: relative;

    z-index: 9;

    width: 88px;

    height: 88px;

}

.w-ys-r li .img img:first-child{

    display: block;

}

.w-ys-r li .img img:last-child{

    display: none;

}

.w-ys-r li .wz{

    position: relative;

    z-index: 9;

    width: calc(100% - 140px);

    padding-right: 26px;

}

.w-ys-r li .wz h3{

    color: var(--black);

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

}

.w-ys-r li .wz p{

    color: #666666;

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

}

.w-ys-r li::before{

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 0;

    background-color: var(--red);

}

.w-ys-r li:hover::before{

    width: 100%;

}

.w-ys-r li:hover .img img:first-child{

    display: none;

}

.w-ys-r li:hover .img img:last-child{

    display: block;

}

.w-ys-r li:hover .wz h3{

    color: #fff;

}

.w-ys-r li:hover .wz p{

    color: #fff;

}



@media (max-width: 992px) {

    .w-ys-r{

        width: 100%;

    }

}

@media (max-width: 768px) {

    

    .w-ys-r li .img{

        width: 120px;

        padding: 10px;

    }

    .w-ys-r li .wz{

        width: calc(100% - 122px);

        padding-right: 0;

    }

}





/*应用*/

.w-apply{

    padding: 7vh 0;
    padding-bottom: 4.5vh;

}

.w-apply-list{

    margin-top: 1vh;

}

.w-apply-list li{

    width: 31.8%;

    margin-top: 20px;

}

.w-apply-list li .img{

    position: relative;

}

.w-apply-list li .img img{

    max-width: 100%;

    transition: all 0.8s;

}

.w-apply-list li .img .wz{

    left: 0;

    right: 0;

    text-align: center;

    position: absolute;

    top: 50%;

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

    color: #ffffff;

    margin-top: -20px;

}



@media (max-width: 768px) {

    .w-apply-list li{

        width: 49%;

    }

}





/*公司*/

.w-about{

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

    padding: 5.5vw 0;
    /* padding-top: 8vw; */

}

.w-about .w-tt{

    margin-bottom: 4vh;

}

.w-about .w-tt h3 strong{

    color: #fff;

}

.w-about .w-tt p{

    color: #fff;

}

.w-about-con{

    background-color: #fff;

    padding: 25px 36px;
    border: 1px solid red;

}

.w-about-l{

    width: 49.1%;

    margin-left: 15px;

}

.w-about-l h3{

    color: var(--red);

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

    padding-bottom: 1vh;

    border-bottom: 1px solid #acacac;

}



.w-about-wz{

    margin-top: 2.8vh;

}

.w-about-wz p{

    color: #666666;

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

}

a.w-about-more{

    display: block;

    width: 170px;

	height: 43px;

	background-color: var(--red);

	border-radius: 10px;

    text-align: center;

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

    color: #fff;

    margin-top:0.4vw;
    margin-bottom:2vw;

}

.w-about-list{

    margin-top: 3vh;

}

.about-item .img{

    overflow: hidden;

}

.about-item .img img{

    transition: all 0.8s;

}

.about-item:hover .img img{

    transition: all 0.8s;

    transform: scale(1.05);

}

.w-about-r{

    width: 46%;

}

.w-about-r img{

    max-width: 100%;

}



@media (max-width: 992px) {

    

    .w-about-l{

        width: 52%;

        margin-left: 0;

    }

    .w-about-l h3{

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

    }

    .w-about-wz{

        margin-top: 1vh;

    }

    .w-about-wz p{

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

    }

}



@media (max-width: 768px) {

    .w-about-con{

        padding: 15px;

    }

    .w-about-l{

        width: 100%;

    }

    a.w-about-more{

        margin-top: 2vh;

        margin-bottom: 2vh;

    }

    .w-about-r{

        width: 100%;

    }

}





/*新闻*/

.w-news{

    /* padding-top: 2vw; */

    padding-bottom: 3vw;

}

.w-news-con{

    align-items: inherit;

}

.w-news-con{

    margin-top: 3vh;

}

.w-news-l{

    width: 48.5%;

    background-color: #f1f1f1;

    padding: 20px;

    padding-bottom: 0;

}

.news-item .img{

    overflow: hidden;

}

.news-item .img img{

    transition: all 0.8s;

}

.news-item:hover .img img{

    transition: all 0.8s;

    transform: scale(1.05);

}

.news-item .wz h4{

    color: #999999;

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

    margin-top: 2.5vh;

}

.news-item .wz h3{

    color: #333333;

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

    word-break:keep-all;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis; 

}

.news-item .wz p{

    color: #777;

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

    word-break:keep-all;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis; 

}

.news-item:hover .wz h3{

    color: var(--red);

}

.w-news-r{

    width: 49.1%;

}

.w-news-r li{

    padding-bottom: 34px;

    border-bottom: 1px solid #eeeeee;

}

.w-news-r li + li{

    padding-top: 43px;

}

.w-news-r li .img{

    overflow: hidden;

    width: 19%;

    border-radius: 6px;

}

.w-news-r li .img img{

    transition: all 0.8s;

    max-width: 100%;

}

.w-news-r li .wz{

    width: calc(100% - 166px);

}

.w-news-r li .wz h3{

    color: #333333;

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

    margin-bottom: 5px;

    word-break:keep-all;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis; 

}

.w-news-r li .wz p{

    color: #777777;

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

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}

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

    transition: all 0.8s;

    transform: scale(1.05);

}

.w-news-r li:hover h3{

    color: var(--red);

}



@media (max-width:1200px) {

    .w-news-r li{

        padding-bottom: 25px;

    }

    .w-news-r li + li{

        padding-top: 25px;

    }

}



@media (max-width: 992px) {

    .w-news-r{

        width: 100%;

    }

    .w-news-r li .wz h3{

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

    }

}

@media (max-width: 768px) {

    .w-news-r li .img{

        width: 100px;

    }

    .w-news-r li .wz{

        width: calc(100% - 120px);

    }

}



/*友链*/

.w-link{

    background-color: #2660aa;

    padding: 5px 0;

}

.w-link .w-con{

    position: relative;

    padding-left: 100px;

    color: #ffffff;

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

    padding-top: 16px;

}

.w-link .w-con h5{

    top: 2px;

    left: 0;

    position: absolute;

    color: #ffffff;

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

}

.w-link .w-con span{

    color: #ffffff;

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

}

.w-link .w-con a{

    color: #ffffff;

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

}



/* 底部 */

.f-con{

    background-color: #eeeeee;

    padding: 3vh 0;

}

.f-con .w-con{

    align-items: inherit;

}

.foot-l{

    

}

.foot-l h5{

    position: relative;

    color: #333333;

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

    padding-bottom: 3vh;

}

.foot-l h5::after{

    position: absolute;

    bottom: 16px;

    content: "";

    display: block;

    width: 86px;

	height: 1px;

    background-color: rgba(0, 74, 157, 0.2);

}

.foot-l h3{

    color: #333333;

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

}

.f-ewm{

    width: 238px;

    margin-top: 2vh;

}

.f-ewm li{

    width: 112px;

}

.f-ewm li .img img{

    max-width: 100%;

}

.f-ewm li h3{

    text-align: center;

    color: var(--black);

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

}

.foot-line{

    width: 1px;

	height: 239px;

	background-color: #d9d9d9;

}

.foot-c {

    width: 21%;

}

.foot-c h3{

    position: relative;

    color: var(--black);

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

    padding-bottom: 3vh;
    
    white-space: nowrap;

}

.foot-c h3::after{

    position: absolute;

    bottom: 16px;

    content: "";

    display: block;

    width: 86px;

	height: 1px;

    background-color: rgba(0, 74, 157, 0.2);

}

.foot-contact{

    color: #444444;

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

    /* padding-top: 3vh; */

}

.foot-nav{

    width: 38%;

}

.foot-nav h3{

    position: relative;

    color: var(--black);

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

    padding-bottom: 3vh;

}

.foot-nav h3::after{

    position: absolute;

    bottom: 16px;

    content: "";

    display: block;

    width: 86px;

	height: 1px;

    background-color: rgba(0, 74, 157, 0.2);

}

.foot-nav-list{

    margin-top: 2vh;

}

.foot-nav-list li{

    width: 28%;

    background: url(../footer/red_line.png) no-repeat right center;

}

.foot-nav-list li a{

    color: #444444;

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

}

.foot-nav-list li a:hover{

    color: var(--red);

}

.w-copyright{

    color: #444444;

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

}

.w-copyright a{

    color: #444444;

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

}

.w-copyright a:hover{

    color: #004a9d;

}



@media (max-width: 600px) {

    .foot-l{

        width: 100%;

    }

    .foot-c{

        width: 100%;

    }

    .foot-contact{

        padding-top: 0;

    }

}



.page-wrap-right .xypg-right-content p img{

max-width: 100% !important;

height: auto !important;

}