@charset "utf-8";
/* CSS Document */
.in_video {
    overflow: hidden;
    position: relative;
    padding:1rem 0px;
}
.s04_video{width:100%;height:400px;position: relative; }
.s04_video i.i1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;z-index:990;border-radius: 5px;}
.s04_video i.i2{width:calc(100%);height:calc(100%);display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:10px;top:10px;}
.s04_video em i.i3{width:86px;height:86px;display:block;overflow:hidden;border-radius:50%;background:url("../images/play1.png") center no-repeat;background-size:100%;float:right;-webkit-animation:an_01 2.1s linear infinite;animation: an_01 2.1s linear infinite;}

.video_box{position: absolute; z-index:992; color: #fff; width:100%; padding: 0 80px; height: 100%; left: 0; top: 0; display: flex;  display: flex; justify-content: space-between; align-items: center;}
.video_txt h3{font-size: 44px; line-height: 1.5;letter-spacing:5px;}
.video_txt p{ font-size: 26px; line-height: 2;letter-spacing:10px;}

@media screen and (max-width:992px) {
    .in_video{ margin-top: 20px; padding-bottom: 20px;}
    .s04_video{ height: 300px;}
    .video_box{padding: 0 20px;}
    .video_txt h3{font-size: 24px; line-height: 1.5;letter-spacing:0;}
    .video_txt p{ font-size: 16px; line-height: 2;letter-spacing:0;}
    .s04_video em i.i3{width:46px;height:46px;}
}