/* 
* @Author: Marte
* @Date:   2021-07-18 20:23:25
* @Last Modified by:   Marte
* @Last Modified time: 2021-07-29 16:06:25
*/


.wrap_head .head_con .menu_list .menu_item:first-child{
    border-radius: 17px;
    background-color: #ffffff;
}
.wrap_head .head_con .menu_list .menu_item:first-child a.txt{
    color: #C62A38;
}

.wrap_body{
    width: 19.2rem;
}
.wrap_body .body_video{
    width: 19.2rem;
    height: 8.2rem;
    overflow: hidden;
    position: relative;
}

.wrap_body .body_video .video{
    width: 19.2rem;
    /*height: 8.22rem;*/
}

.wrap_body .body_video .video_cover{
    width: 19.2rem;
    height: 10.83rem;
    position:absolute;
    left:0px;
    top:0px;
}

.wrap_body .body_video .icon_play{
    width:0.73rem;
    height:0.73rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.wrap_body .body_video .icon_star{
    position: absolute;
    left: 2.55rem;
    bottom: 1.02rem;
    cursor: pointer;
    width: 2.1rem;
    height: 0.7rem;
    background-image: url(../img/index/icon_star.png);
    background-size:2.1rem 0.7rem;
}

/*应用案例*/
.wrap_body .body_applications{
    width:19.2rem;
    height:16.98rem;
    background-image: url(../img/index/home_yyal.jpg);
    background-size: 19.2rem 16.98rem;
    position:relative;
}


.wrap_body .body_applications .applications_video{
    position:absolute;
    width:6.48rem;
    height:3.65rem;
}

.wrap_body .body_applications .applications_video:hover{
    box-shadow: 0rem 0.04rem 0rem 0rem red;

}

.wrap_body .body_applications .applications_video .video{
    width:6.48rem;
    height:3.65rem;
}

.wrap_body .body_applications .applications_video .video_cover{
    width:6.48rem;
    height:3.65rem;
    position:absolute;
    left:0rem;
    top:0rem;
}

.wrap_body .body_applications .applications_video .icon_play{
    width:0.73rem;
    height:0.73rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

.wrap_body .body_applications .applications_video .video_title{
    position:absolute;
    left:0.48rem;
    bottom:0.25rem;
    font-size: 0.28rem;
    color:#FFFFFF;
    display:none;
}

.wrap_body .body_applications .applications_video:hover .video_title{
    display:block;
}


.wrap_body .body_applications .applications_video.applications_video_1{
    left:2.57rem;
    top:2.72rem;
}
.wrap_body .body_applications .applications_video.applications_video_2{
    left:10.14rem;
    top:2.72rem;
}
.wrap_body .body_applications .applications_video.applications_video_3{
    left:2.57rem;
    top:7.48rem;
}
.wrap_body .body_applications .applications_video.applications_video_4{
    left:10.14rem;
    top:7.48rem;
}
.wrap_body .body_applications .applications_video.applications_video_5{
    left:2.57rem;
    top:12.23rem;
}
.wrap_body .body_applications .applications_video.applications_video_6{
    left:10.14rem;
    top:12.23rem;
}

/*大视频*/
.large_screen_display_video{
    width:19.2rem;
    height: 10.8rem;
    position:relative;
}
.large_screen_display_video .big_video{
    width:19.2rem;
    height: 10.8rem;
    overflow:hidden;
}

.large_screen_display_video .big_video .video{
    width:19.2rem;
    /*height:8.22rem;*/
}
.large_screen_display_video .big_video .icon_play{
    width:0.73rem;
    height:0.73rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

/*更多案例*/
.more_cases{
    height:2.4rem;
    width:19.2rem;
    position:relative;
}
.more_cases .btn_more{
    width:2.9rem;
    height:0.8rem;
    background-image:url(../img/index/btn_more.png);
    background-size: 2.9rem 0.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
}


/*我们的客户*/
.our_client{
    width:19.2rem;
    height:9.84rem;
    position:relative;
}
.our_client .kh_bg_box{
    width:19.2rem;
    height:9.84rem;
    position:relative;
}
.our_client .kh_bg_box .kh_bg{
    position:absolute;
    left:0rem;
    top:0rem;
    width:19.2rem;
    height:9.84rem;
    display:none;
}
.our_client .kh_bg_box .kh_bg:first-child{
    display:block;
}
.our_client .kh_bt{
    position:absolute;
    left:6.31rem;
    top:1.17rem;
    width:6.52rem;
    height:0.9rem;
}

.our_client .kh_icon_box{
    position:absolute;
    left:2.58rem;
    top:2.77rem;
    width:14.5rem;
}

.our_client .kh_icon_box .kh_icon{
    width:2.34rem;
    height:1.22rem;
    float:left;
    border:0.01rem dotted #fff;
}