.mer-banner{
    height:500px;
    background:url("../images/mer-banner.jpg") no-repeat center;
    background-size:100% 100%;
}
.mer-video-box{
    margin:80px 0;
}
.mer-video{
    width:1200px;
    height:675px;
    position: relative;
    background:url("../images/dh-video-img.png") no-repeat center;
    background-size:100% 100%;
    cursor: pointer;
    border-radius: 20px;
}
.mer-video .mer-play{
    width:78px;
    height:78px;
    background:url("../images/play_.png") no-repeat center;
    background-size:100% 100%;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.run-item-box{
    width:100%;
    height:575px;
    position: relative;
    margin-bottom:80px;
    padding-top:75px;
}

.run-border{
    width:600px;
    height:500px;
    position: absolute;
    border:3px solid #FF682F;
    border-radius: 20px; 
    transition: all 0.5s;
}
.aqua-border{
    border-color: aqua;
}
.run-border-left{
    left:100px;
    top:0px;                    
}
.run-border-right{
    right:100px;
    top:0px;                  
}

.run-img{
    width:600px;
    height:500px;
    position: absolute;
    border-radius: 20px;
    z-index: 2;
}
.run-left-img{
    left:0px;
    top:75px;
}   
.run-right-img{
    right:0px;
    top:75px;
}
.run-img>img{
    width:100%;
    height:100%;
}


.run-text{
    width:600px;
    height:500px;
    position: absolute;
    padding-top:110px;
    border-radius: 20px;
    z-index: 2;
}
.run-right-text{
    right:0px;
    top:0px;
} 
.run-left-text{
    left:0px;
    top:0px;
} 

.r-center{
    width:600px;
    height:330px;
    padding-left:57px;
    background:#f6f7f9;
}
.r-center-left{
    padding-right:57px;
}
.r-center-right{
    padding-right:57px;
}

.r-center .p1{
    position: relative;
    font-size:36px;
    color:#999;
    text-transform: uppercase;
    transition:all 0.7s;
}
.r-center .p1-aqua{
    color:aqua;
}
.r-center .p1 i.i-aqua{
    background:aqua;
}


.r-center-left .right-p{text-align:right }


.r-center .p1>i{
    position: absolute;
    width:145px;
    height:2px;
    background:#FF682F;
    transition: all 0.9s
}
.r-center-right .p1>i{
    left:0px;
    bottom:0px;
}
.r-center-left .p1>i{
    right:0px;
    bottom:0px;
}

.r-center .p2{
    font-size:36px;
    color:#333;
    line-height: 56px;
    padding-top:5px;
    transition: all 0.5s;
}

.r-center .p3{
    font-size:16px;
    color:#333;
    line-height: 24px;
    margin-top: 10px;
    word-break:break-all;
    transition: all 0.5s;
}

/* .r-center .p2:hover{
    color:#FF682F;
}

.r-center .p3:hover{
    color:#FF682F;
} */


@media (min-width: 1200px) {
    .mer-banner{
        height:313px;
    }

}
@media (min-width: 1280px) {
    .mer-banner{
        height:334px;
    }
    
}
@media (min-width: 1440px) {
    .mer-banner{
        height:375px;
    }

}
@media (min-width: 1679px) {
    .mer-banner{
        height:438px;
    }

}

@media (min-width: 1920px) {
    .mer-banner{
        height:500px;
    }

}

@media (min-width: 2048px) {
    .mer-banner{
        height: 667px;
    }

}