@charset "utf-8";
/* dialog */
.my-dialog-class{background:transparent!important;overflow:hidden!important;box-shadow:none!important}
.my-dialog-class .layui-layer-content{overflow:hidden!important}
.dialog-wrap{position:relative}
.dialog-wrap .dialog-window{position:relative;height:840px}
.dialog-wrap .dialog-close-btn{display:none;position:absolute;top:15px;right:15px;width:36px;font-size:0;z-index:99;transition:transform .3s}
.dialog-wrap .dialog-close-btn img{width:36px;transition:transform .3s}
.dialog-wrap:hover .dialog-close-btn{display:block}
.dialog-wrap .dialog-close-btn:active{transform:scale(.9)}
.dialog-wrap .dialog-close-btn:hover img{transform:rotate(90deg)}
/* video */
#indexVideo{position:relative}
#indexVideo>a{display:block;overflow:hidden;font-size:0}
#indexVideo img{width:100%;transition:transform .3s}
#indexVideo>a img:hover{transform:scale(1.1)}
#video1{position:relative;width:100%;height:100%!important;overflow:hidden;font-size:0}
/* ================================================== start responsive ================================================== */
/* 1682px 电脑_小 */
@media only screen and (max-width: 1682px) {
    .dialog-wrap .dialog-window{height:720px}
    /* end */
}
/* 1200 电脑_小 */
@media only screen and (max-width: 75em) {
    .dialog-wrap .dialog-window{height:620px}
    /* end */
}
/* 992 平板_横 */
@media only screen and (max-width: 62em) {
    .dialog-wrap .dialog-window{height:520px}
    /* end */
}
/* 576 手机_竖 */
@media only screen and (max-width: 36em) {
    .dialog-wrap .dialog-window{height:360px}
    .dialog-wrap .dialog-close-btn{top:8px;right:8px;width:20px}
    .dialog-wrap .dialog-close-btn img{width:20px}
    /* end */
}