.index-title{font-size:16px;text-align:center;padding:50px 0;}
.index-title h2{font-size:36px;font-family:"Microsoft Yahei";font-weight:400;}
.index-title a{width:100px;height:36px;line-height:36px;border:1px solid #DBDCE0;text-align:center;font-size:14px;display:block;margin:25px auto 0;transition:all .2s;}
.index-title a:hover{background:#F96A69;color:inherit;border-color:#F96A69;color:#fff;}

.video .inner{cursor:pointer;}
.video .inner img{transition:all .4s;}
.video .inner:hover img{transform:scale(1.05);}


.video .vr-big{float:left;width:60%;margin-bottom:20px;position:relative;overflow:hidden;}
.video .vr-big .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding: 0 30px 8px 30px;
    font-size: 16px;
    background: #00000053;}
.video .vr-big .text h3{font-size:24px;    margin-top: 4px;}
.video .vr-big .link{width:130px;height:48px;font-size:16px;line-height:48px;text-align:center;position:absolute;z-index:2;right:30px;bottom:20px;border:1px solid #eee;color:#fff;transition:all .2s;}
.video .vr-big .link:hover{background:#F96A69;border-color:#F96A69;color:#fff;}
.video .vr-big .play{width:83px;height:83px;background:rgba(0,0,0,.4) url(../images/3f_play_left.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-21px 0 0 -21px;border-radius:50%;cursor:pointer;transition:all .2s;}
.video .vr-big .play:hover{background-color:rgba(0,0,0,.6);}


.video .vr-right{float:left;    width: 39%;    margin-left: 1%;}
.video .vr-small{margin-bottom:20px;width: 100%; height:293px;position:relative;overflow:hidden;}
.video .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;}
.video .vr-small .link{width:30px;height:30px;position:absolute;background:url(../images/3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;}
.video .vr-small .link:hover{background-image:url(../images/3f_icon_02.png);}
.video .vr-small .play{width:51px;height:51px;background:rgba(0,0,0,.4) url(../images/3f_play_right.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:50%;cursor:pointer;transition:all .2s;}
.video .vr-small .play:hover{background-color:rgba(0,0,0,.6);}
.video  .icon {display: none;}
.pc{display: block;}
.phone{display: none;}

@media screen and (max-width: 1400px) {
    .pc{display: none;}
    .phone{display: block;}
    
    .video .vr-big{float:left;width:100%;}

    .video .vr-right{float:left;width:100%;margin-left:0px;}
    .video .vr-small{margin-bottom:20px;width:100%;height:auto;position:relative;overflow:hidden;}
    .video a{display: block;width: 100%;}
    .video img{width: 100%;}
    .video .vr-big .play {
        width: 70px;
        height: 70px;
        background: rgba(0, 0, 0, .4) url(../images/3f_play_left.png) no-repeat center center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -40px 0 0 -40px;
        border-radius: 50%;
        cursor: pointer;
        transition: all .2s;
    }
    .video .vr-small .play {
        width: 60px;
        height: 60px;
        background: rgba(0, 0, 0, .4) url(../images/3f_play_left.png) no-repeat center center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -40px 0 0 -40px;
        border-radius: 50%;
        cursor: pointer;
        transition: all .2s;
    }

    .video  .icon {
        display: block;
        margin: 0;
        width: 70px;
    height: 70px;
    fill: currentColor;
    position: absolute;
    left: 25%;
    top: 25%;
        
    }
    .video .icon path {
        fill: #fff;
    }

    .video .vr-big .text h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    .video .vr-big .text {
       
        color: #fff;
        padding: 0 30px 10px 30px;
        font-size: 14px;
    }
    .video .vr-small .text {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 20px 2px 20px;
        font-size: 16px;
        color: #fff;
    }
    .video .vr-big .text p {
      display: none;
    }

}