/* tem18-video */
.tem18-video{width:100%;}
.tem18-video .con{width:100%;height:400px;position:relative;cursor:pointer;overflow: hidden;}
.tem18-video .con a,
.tem18-video .con .videobox{height: 100%;}
.tem18-video .con a{display:block}
.tem18-video .con .img{width:100%;height:100%}
.tem18-video .con .img img{width:100%;height:100%;object-fit:cover;max-width:none;min-width:none;}
.tem18-video .con .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-weight:500;font-size:24px;width:100%;}
.tem18-video .con .text .title,
.tem18-video .con .text .description{width:80%;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tem18-video .con .text .icon{margin-top:20px;width:80px;height:80px;border:4px solid;display:inline-block;border-radius:50%;line-height:72px;font-size:60px;opacity:.6;}
.tem18-video .con .text .icon>span{line-height:70px;}
.tem18-video .con:hover .icon{text-shadow:0 0 10px rgb(255,255,255);opacity:1;}
.tem18-video .con:hover .text .icon{box-shadow:0 0 10px rgb(255,255,255);}
.tem18-video .video_show{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);visibility:hidden;z-index:1060;}
.tem18-video .video_show.active{visibility:visible;}
.tem18-video .video_show span{width:40px;height:40px;line-height:40px;font-size:40px;cursor:pointer;position:absolute;top:20px;right:20px;text-align:center;opacity:.5;transition:0.3s;color:#fff;}
.tem18-video .video_show span:hover{opacity:1;}
.tem18-video .video_show .video{width:70%;min-height:30vw;position:fixed;top:50%;left:50%;box-shadow:0 0 50px #000;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);background-color:#000;transition:.3s;}
.tem18-video .video_show.active .video{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
.tem18-video .video_show .video video{width:100%;}
.tem18-video .video_show .loading{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;}
.tem18-video .video_show .loader{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:25%;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.tem18-video .video_show .ball-clip-rotate-multiple{position:relative;}
.tem18-video .video_show .ball-clip-rotate-multiple>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:36px;width:36px;left:-20px;top:-20px;-webkit-animation:tem18_video_rotate 1s 0s ease-in-out infinite;animation:tem18_video_rotate 1s 0s ease-in-out infinite;}
.tem18-video .video_show .ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:16px;height:16px;-webkit-animation-duration:0.5s;animation-duration:0.5s;border-color:#fff transparent#fff transparent;}
@-webkit-keyframes tem18_video_rotate{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes tem18_video_rotate{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@media (max-width:770px){
    .tem18-video .con{height:100vw!important;}
    .tem18-video .video_show .video{width:100%;}
    .tem18-video .con .text .icon{width:60px;height:60px;line-height:52px;font-size:40px;}
    .tem18-video .con .text .icon>span{line-height:54px;}
}