html, body {
    width:100vw;
}
.clr {
    clear:both;
}
#ld_main {
    background:#e5f4fa;
}
#ld_main .ld_banner {
    height:350px;
    background:#fff url(../images/bj_1.jpg) no-repeat center center;
    border-bottom:5px solid #00488a;
}
.center {
    width:1300px;
    margin:0 auto auto;
}
#ld_main .title {
    height:120px;
    line-height:120px;
    font-size:25px;
    color:#00488a;
    font-weight:bold;
}
#ld_main .project .title {
    height:100px;
    line-height:90px;
}
#ld_main .zhici .c {
    text-align:center;
}
#ld_main .zhici video{
    width:900px;
    height:507px;
    margin:0 auto auto;
}
#ld_main .video {

}
#ld_main .video .list {

}
#ld_main .video .list .item {
    float:left;
    width:420px;
    height:300px;
    margin-right:20px;
    margin-bottom:20px;
    position:relative;
    cursor:pointer;
    border:1px solid #ccc;
    background:#fff;
    border-radius:10px;
}
#ld_main .video .list .item:hover .v {
    opacity: 0.6;
}
#ld_main .video .list .item:nth-child(3n) {
    margin:0;
}
#ld_main .video .list .item img.b {
    width:418px;
    height:210px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#ld_main .video .list .item img.v {
    width:100px;
    height:100px;
    position:absolute;
    left:50%;
    top:50px;
    margin-left:-50px;
    opacity: 0.1;
}
#ld_main .video .list .item .v_title {
    height:35px;
    line-height:35px;
    color:#333;
    margin-bottom:10px;
    text-indent:15px;
}
#ld_main .video .list .item .v_btn {

}
#ld_main .video .list .item .v_btn a {
    background:#007bff;
    color:#fff;
    padding:10px 15px;
    border-radius:10px;
    font-size:12px;
    margin-left:15px;
}
#ld_main .project li {
    width:420px;
    float:left;
    margin-right:20px;
}
#ld_main .project li:nth-child(3n) {
    margin:0;
}
#ld_main .project .item {
    width:420px;
    height:210px;
    background:#fff;
    margin-bottom:20px;
    padding:30px;
    border-radius:30px;
    position:relative;
    overflow:hidden;
}
#ld_main .project .auto {
    height:auto;
}
#ld_main .project .item .t {
    font-size:20px;
    font-weight:bold;
    color:#333;
    margin-bottom:15px;
}
#ld_main .project .item .unit {
    font-size:12px;
    color: #a4a4a4;
}
#ld_main .project .item .tag {
    /*position:absolute;*/
    /*right:10px;*/
    /*top:70px;*/
    font-size:12px;
    margin-bottom:10px;
}
#ld_main .project .item .tag span {
    background:#00488a;
    padding:3px 5px;
    color:#fff;
    margin-right:5px;
    font-size:12px;
}
#ld_main .project .item .desc {
    margin-top:10px;
    line-height:200%;
    margin-bottom:15px;
}
#ld_main .project .item .more {
    font-size:14px;
    color:#00488a;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    text-align:center;
    height:40px;
    line-height:40px;
    cursor:pointer;
    background:#fff;
}
#vv {
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    display:none;
}
#vv .bg {
    background:#000;
    opacity: 0.5;
    height:100%;
    width:100%;
    z-index:999999;
}
#vv .player {
    width:860px;
    height:460px;
    background:#fff;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-430px;
    margin-top:-230px;
}
#vv .player .p_c {
    position:relative;
    width:100%;
    height:100%;
}
#vv .player video {
    width:800px;
    height:400px;
    margin-top:30px;
    margin-left:30px;
}
#vv .close {
    position:absolute;
    right:10px;
    top:10px;
    font-size:20px;
    color:#333;
    cursor:pointer;
}