/* banner轮播开始 */
.swiper{
    height: 760px;
    position: relative;
}

.swiper-banner{
    position: relative;
}

.slide-img{
    height: 760px;
    background-size: cover !important;
    background-position: center center !important;
}

.banner-pagination{
    position: absolute;
    bottom: 10% !important;
    z-index: 9;
}

.mouse{
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.mouse img{
    width: 22px;
    height: auto;
}

.banner-pagination .swiper-pagination-bullet{
    width: 100px;
    height: 1px;
    background: rgba(255,255,255,0.4);
    border-radius: 1px;
    opacity: 1;
    margin: 0 10px !important;
}

.banner-pagination .swiper-pagination-bullet-active{
    height: 2px;
    background: #FFFFFF;
}
/* banner轮播结束 */

/* 关于路德开始 */
.aboutLude{
    background: url(../images/pc/index/index_bg1.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 110px 0;
}

.aboutLude .ldBg{
    margin-top: -40px;
}

.aboutT{
    display: flex;
    margin-bottom: 50px;
}

.intro{
    box-sizing: border-box;
    padding-right: 36px;
}

.intro h3{
    font-size: 26px;
    color: #333333;
    border-bottom: 1px solid rgba(142,135,135,0.2);
    margin-bottom: 40px;
    padding-bottom: 36px;
}

.intro p{
    height: 170px;
    font-size: 18px;
    color: #5D5F62;
    line-height: 34px;
    text-indent: 2em;
    -webkit-line-clamp: 5;
}

.ldIntroduce{
    width: calc(100% - 709px);
}

.introMore{
    display: flex;
    justify-content: flex-end;
}

.introMore a{
    display: block;
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: #222F8F;
    transition: all .5s;
}

.introMore a:hover{
    background: #C7001A;
}

.introMore a img{
    width: 18px;
    height: 18px;
}

.videoBox{
    flex-shrink: 0;
    width: 709px;
    height: 427px;
    position: relative;
}

.videoBox a{
    display: block;
    width: 100%;
    height: inherit;
}

.videoBox video{
    width: inherit;
    height: inherit;
}

.videoCover{
    width: inherit;
    height: inherit;
}

.videoPause{
    width: 70px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.aboutB{
    display: flex;
}

.descItem{
    flex: 1;
    height: 191px;
    background-color: #FFFFFF !important;
    border: 1px solid #F1F1F4;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: center;
    padding: 0 50px;
    position: relative;
    margin: 4px;
}

.descItem img{
    width: 50px;
    height: 50px;
    transition: all 1s;
}

.descItem img:nth-child(2){
    display: none;
}

.descItem h3{
    font-size: 24px;
    color: #222F8F;
    font-family: TianShiBaoDiaoTiJian;
    line-height: 50px;
    margin-top: 10px;
    transition: all 1s;
}

.descItem h3 strong{
    font-size: 42px;
}

.descItem p{
    font-size: 20px;
    color: #414359;
    font-family: TianShiBaoDiaoTiJian;
    transition: all 1s;
}

.descItem:first-child{
    background: url(../images/pc/index/index_tu4_bg.png) no-repeat;
    background-position: right bottom;
    margin-left: 0;
}

.descItem:nth-child(2){
    background: url(../images/pc/index/index_tu5_bg.png) no-repeat;
    background-position: right bottom;
}

.descItem:nth-child(3){
    background: url(../images/pc/index/index_tu6_bg.png) no-repeat;
    background-position: right bottom;
}

.descItem:nth-child(4){
    background: url(../images/pc/index/index_tu7_bg.png) no-repeat;
    background-position: right bottom;
    margin-right: 0;
}

.descItem:hover:first-child{
    background: url(../images/pc/index/index_tu4_bg_hover.png) no-repeat;
    background-size: 100% 100% !important;
}

.descItem:hover:nth-child(2){
    background: url(../images/pc/index/index_tu5_bg_hover.png) no-repeat;
    background-size: 100% 100% !important;
}

.descItem:hover:nth-child(3){
    background: url(../images/pc/index/index_tu6_bg_hover.png) no-repeat;
    background-size: 100% 100% !important;
}

.descItem:hover:nth-child(4){
    background: url(../images/pc/index/index_tu7_bg_hover.png) no-repeat;
    background-size: 100% 100% !important;
}

.descItem:hover img:first-child{
    display: none;
}

.descItem:hover img:nth-child(2){
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 5px;
    display: block;
    background: #C7001A;
    border-radius: 5px;
}

.descItem:hover h3{
    color: #C7001A;
}

.descItem:hover p{
    color: white;
}
/* 关于路德结束 */

/* 服务领域、路德新闻开始 */
.mixBox{
    width: 100%;
    height: auto;
    background: url(../images/pc/index/index_bg2.jpg) no-repeat;
    background-size: 100% 100%;
}

.maxMain{
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
}

.maxMain .ldTitle h3{
    color: white;
}

.serviceBox{
    width: 65%;
    box-sizing: border-box;
    padding-right: 4% ;
}

.newsBox{
    width: 35%;
    box-sizing: border-box;
}

/* —————服务领域轮播开始————— */
.serThumb, .serDesc{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.serDesc{
    margin-top: 35px;
}

/* .serThumb{
    display: flex;
    flex-wrap: wrap;
} */

.serThumb .serItem{
    height: 70px;
    background: rgba(255,255,255,0.15);
    font-size: 17px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.serThumb .serItem:hover{
    background: #C7001A;
}

.serThumb .serActive{
    background: #C7001A;
}


.serItem img{
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    margin-right: 5px;
}

.scaleSer{
    display: flex;
}

.serCover{
    flex-shrink: 0;
    width: 480px;
    height: 360px;
}

.serCover img{
    width: 100%;
    height: inherit;
}

.serInfo{
    width: calc(100% - 480px);
    box-sizing: border-box;
    padding-left: 20px;
}

.serInfo h3{
    margin-bottom: 20px;
}

.serInfo h3 span{
    display: inline-block;
    font-size: 24px;
    color: white;
    position: relative;
}

.serInfo h3 span::after{
    content: "";
    width: 20px;
    height: 4px;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: -25px;
}

.serInfo p{
    height: 160px;
    font-size: 16px;
    color: #B9C0C6;
    text-indent: 2em;
    line-height: 40px;
    -webkit-line-clamp: 4;
}

.serMore{
    margin-top: 78px;
}

.serMore a{
    display: block;
    width: 76px;
    height: 76px;
    background: rgba(185,192,198,0.25);
    line-height: 76px;
    text-align-last: center;
    transition: all .5s;
}

.serMore a:hover{
    background: rgba(255, 255, 255, 0.3);
}

.serMore a img{
    width: 18px;
    height: 18px;
}

.serTool{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.ser-button-next, .ser-button-prev{
    width: 62px;
    height: 30px;
    border: 1px solid #B5BAC4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ser-button-next img, .ser-button-prev img{
    width: 13px;
    height: 13px;
}

.ser-button-next img:nth-child(2), .ser-button-prev img:nth-child(2){
    display: none;
}

.ser-button-next:hover img:first-child, .ser-button-prev:hover img:first-child{
    display: none;
}

.ser-button-next:hover img:nth-child(2), .ser-button-prev:hover img:nth-child(2){
    display: inline-block;
}

.ser-button-next:hover, .ser-button-prev:hover{
    border-color: white;
}

.ser-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.3);
    opacity: 1;
    margin: 0 8px;
}

.ser-pagination .swiper-pagination-bullet-active{
    background: #C7001A;
    box-sizing: border-box;
    border: 2px solid white;
}

.moreService{
    display: none;
    margin-top: 30px;
}

.moreService a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 33px;
    background: rgba(255,255,255,0.07);
}

.moreService p{
    font-size: 8px;
    color: #B9C0C6;
}

.moreService img{
    width: 6px;
    height: 6px;
    margin-left: 5px;
}
/* —————服务领域轮播结束————— */

.ldList{

}

.firstNews{
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.fCover{
    width: 100%;
    height: 168px;
}

.fCover img{
    width: 100%;
    height: inherit;
}

.fTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.fTitle h3{
    font-size: 18px;
    color: white;
}

.fTitle img{
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-left: 10px;
}

.fTitle img:nth-child(3){
    display: none;
}

.firstNews p:nth-child(3){
    height: 60px;
}

.firstNews p{
    font-size: 16px;
    color: #B9C0C6;
    line-height: 30px;
    margin-top: 15px;
}

.firstNews{
    padding-bottom: 20px;
}

.firstNews:hover img:nth-child(2){
    display: none;
}

.firstNews:hover img:nth-child(3){
    display: block;
}

.ldItem a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed rgba(255,255,255,0.12);
}

.ldItem a:hover p:first-child::before{
    background: #C7001A;
}

.ldItem p:first-child{
    font-size: 18px;
    color: white;
    line-height: 60px;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
}

.ldItem p:first-child::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #8B9298;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ldItem p:nth-child(2){
    flex-shrink: 0;
    font-size: 16px;
    color: #B9C0C6;
    line-height: 60px;
    margin-left: 10px;
}

/* 服务领域、路德新闻结束 */










@media screen and (max-width: 1400px){
    .videoBox{
        width: 600px;
        height: 361px;
    }

    .ldIntroduce{
        width: calc(100% - 600px);
    }

    .intro p{
        height: 135px;
        -webkit-line-clamp: 4;
    }

    .intro h3{
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .serviceBox{
        padding-right: 1.5%;
    }

    .serCover{
        width: 380px;
        height: 258px;
    }

    .serInfo{
        width: calc(100% - 380px);
    }

    .serMore{
        margin-top: 20px;
    }

    .serMore a{
        width: 56px;
        height: 56px;
        line-height: 56px;
    }

    .serMore a img{
        width: 14px;
        height: 14px;
    }
}

@media screen and (max-width: 1279px){
    .ldTitle a{
        display: none;
    }
}

@media screen and (max-width: 998px){
    .swiper, .slide-img{
        height: 380px;
    }

    .banner-pagination .swiper-pagination-bullet{
        width: 50px;
    }

    .mouse{
        display: none;
    }

    .aboutLude{
        padding: 70px 0 50px;
    }

    .aboutT{
        flex-wrap: wrap;
        margin-bottom: 18px;
    }

    .ldIntroduce{
        width: 100%;
        margin-bottom: 18px;
    }

    .videoBox{
        width: 100%;
        height: auto;
    }

    .introMore{
        justify-content: flex-start;
    }

    .introMore a{
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    .introMore a img{
        width: 12px;
        height: 12px;
    }

    .aboutB{
        flex-wrap: wrap;
    }

    .descItem{
        flex: auto;
        width: 48.5%;
        margin: 0;
    }

    .descItem:first-child, .descItem:nth-child(3){
        margin-right: 3%;
        margin-bottom: 3%;
    }

    .mixBox{
        background: none;
    }

    .maxMain{
        padding: 0;
        flex-wrap: wrap;
    }

    .serviceBox, .newsBox{
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .serviceBox{
        background: url(../images/pc/index/index_bg2.jpg) no-repeat;
        background-size: 100% 100%;
        padding-top: 100px;
        padding-bottom: 30px;
    }

    .newsBox{
        padding-top: 100px;
        background: url(../images/mo/mo_index_bg3.jpg) no-repeat;
        background-size: 100% 100%;
        padding-bottom: 30px;
    }

    .newsBox .ldBg{
        color: rgba(206, 205, 205, 0.3);
    }

    .maxMain .newsBox .ldTitle h3{
        color: #222F8F;
    }

    .serMore{
        display: none;
    }

    .fCover{
        width: 100%;
        height: auto;
    }

    .fTitle{
        margin-top: 10px;
    }

    .fTitle h3{
        color: #333333;
    }

    .fTitle img{
        display: none;
    }

    .firstNews p{
        color: #5D5F62;
    }

    .ldItem p:first-child{
        color: #333333;
    }

    .ldItem a{
        border-bottom-color: #DEDFE5;
    }

    .ldItem p:nth-child(2){
        display: none;
    }

    .firstNews{
        padding-bottom: 0;
    }
}

@media screen and (max-width: 540px){
    .aboutLude{
        padding: 30px 0;
        background: url(../images/mo/mo_index_bg1.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .aboutLude .ldBg{
        margin-top: 0;
    }

    .descItem:hover img:nth-child(2){
        width: 30px;
        height: 30px;
    }

    .intro h3{
        font-size: 14px;
    }

    .intro p{
        font-size: 14px;
        line-height: 30px;
        height: 120px;
    }

    .descItem img{
        width: 28px;
        height: 28px;
    }

    .descItem h3{
        margin-top: 0;
    }

    .descItem h3, .descItem h3 strong{
        font-size: 18px;
        line-height: 30px;
    }

    .descItem p{
        font-size: 12px;
    }

    .descItem{
        height: 100px;
        background-size: 49px 40px !important;
        padding: 0 20px;
    }

    .videoPause{
        width: 35px;
        height: 35px;
    }

    .ser-button-next, .ser-button-prev{
        width: 31px;
        height: 15px;
        line-height: 15px;
    }

    .ser-button-next img, .ser-button-prev img{
        width: 8px;
        height: 8px;
    }

    .serThumb .serItem{
        height: 45px;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 12px;
        text-align: center;
    }

    .serItem img{
        display: none;
    }

    .serInfo h3 span{
        font-size: 14px;
    }

    .serInfo h3 span::after{
        width: 10px;
        height: 2px;
        right: -15px;
    }

    .serInfo p{
        font-size: 12px;
    }

    .ser-pagination .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    .moreService{
        display: block;
    } 

    .fTitle h3{
        font-size: 14px;
        color: #333333;
    }

    .fTitle img{
        display: none;
    }

    .firstNews p{
        font-size: 12px;
        color: #5D5F62;
        margin-top: 5px;
    }

    .ldItem p:first-child{
        font-size: 14px;
        color: #333333;
    }

    .serCover{
        width: 165px;
        height: auto;
    }

    .serInfo{
        width: calc(100% - 165px);
    }

    .serInfo h3{
        margin-bottom: 10px;
    }

    .serInfo p{
        line-height: 20px;
        height: 80px;
    }

    .serviceBox, .newsBox{
        padding-top: 30px;
    }

    .serviceBox{
        background: url(../images/mo/mo_index_bg2.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .ldItem p:first-child{
        padding-left: 10px;
    }

    .ldItem p:first-child::before{
        width: 4px;
        height: 4px;
    }
}