.empile{margin-top:40px;position: relative;max-width:1400px}
.empile-box{overflow:hidden;margin:0 auto;
    border-radius: 20px}
.empile .container{position:relative;width:960px;height:320px;margin:0 auto;}
.empile .cards-list {position:absolute;left: 0;top: 0;height:320px;
    overflow: hidden;
    border-radius: 20px;
    transition: 330ms;
    width: 100%;
    background:#fff;
    padding:50px 60px 50px 40px;
    display:flex;justify-content:space-between;align-items:center
}

.empile .img-bg{width:36.36%;border-radius:20px}
.empile .img{padding-bottom:75%}
.empile .info{width:63.64%;padding-left:50px}
.empile .name{display:flex;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}
.empile .txt{width:calc(100% - 138px);padding-right:30px;}
.empile .txt>p{color:#999;margin-bottom:5px}
.empile .txt>a{font-size:24px}
.empile .img-div{width:108px;height:40px}
.empile .info>p{line-height:24px;color:#666}

.empile .arrow{width:48px;height:48px;border-radius:50%;background:#fff url(../images/arrow.svg) no-repeat center center/10px;position:absolute;transition:.3s;cursor:pointer;top:50%;transform:translateY(-50%);z-index: 998;}
.empile .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.empile .next{right:0}

.empile .navigation {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translate(-50%);
}

.empile .navigation .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background: rgba(255,255,255,.3);
    border-radius: 100%;
    cursor: pointer;
}
.empile .navigation .dot.active {
    background: #1c95d9;
}

@media (any-hover:hover){
    .empile .name>span:first-child:hover{color:#007aff}
    .empile .arrow:hover{background-image:url(../images/arrow-w.svg);background-color:#007aff}
}