Vídeo DMS

:root{--main:#e57808; --deputy:#e57808; --width:1600px; --font:"Montserrat"; }

.contact-wechat img{ancho:100px; alto:automático; pantalla:ninguno; posición:absoluta; superior:-25px; izquierda:-110px; transformación:escalaX(0); transformación-origen:centro centro; transición:transformación 0.3s facilidad, ancho 0.3s facilidad; }

.contact-items-bg .contact-wechat:hover img{mostrar:bloque; transformar:scaleX(1); }

.layout{desbordamiento:oculto; }

.layout-bg{tamaño del cuadro:cuadro de borde; ancho:var(--ancho); ancho máximo:100%; margen:automático; desbordamiento:visible; }

.clear{mostrar:ninguno; }

.page-layout .mod{display:none !important; }

.page-layout .layout{posición:estática !importante; }

.page-layout .layout-bg{flex-direction:heredar !importante; align-items:heredar !importante; }

.main{posición:relativa; }

.page-body .main{posición:estática !importante; }

.page-layout .left .left-bottom-bg{mostrar:bloque; relleno:heredar !importante; }

.diseño-de-página .diseño-pie .izquierda .izquierda-abajo-derecha{padding:heredar !importante; }

.layout-sys2 .izquierda,.layout-sys2 .derecha,.layout-sys3 .izquierda,.layout-sys3 .centro,.layout-sys3 .derecha,.layout-sys4 .izquierda,.layout-sys4 .centroizquierda,.layout-sys4 .centroderecha,.layout-sys4 .derecha,.layout-sys4-1 .izquierda,.layout-sys4-1 .derecha,.layout-sys4-1 .derecha .derecha-arriba,.layout-sys4-1 .derecha .derecha-abajo,.layout-sys4-1 .derecha .derecha-abajo-izquierda,.layout-sys4-1 .derecha .derecha-abajo-derecha,.layout-sys4-2 .izquierda,.layout-sys4-2 .derecha,.layout-sys4-1 .derecha .derecha-arriba,.layout-sys4-1 .derecha .derecha-abajo,.layout-sys4-2 .derecha .derecha-arriba-izquierda,.layout-sys4-2 .derecha .derecha-arriba-derecha,.layout-sys4-3 .izquierda,.layout-sys4-1 .izquierda .izquierda-arriba,.layout-sys4-1 .izquierda .izquierda-abajo,.layout-sys4-3 .izquierda .izquierda-arriba-izquierda,.layout-sys4-3 .izquierda .izquierda-arriba-derecha,.layout-sys4-3 .derecha,.layout-sys4-4 .izquierda,.layout-sys4-1 .izquierda .izquierda-arriba,.layout-sys4-1 .izquierda .izquierda-abajo,.layout-sys4-4 .izquierda .izquierda-abajo-izquierda,.layout-sys4-4 .izquierda .izquierda-abajo-derecha,.layout-sys4-4 .derecha{ancho:auto; }

entrada[tipo="texto"], entrada[tipo="contraseña"], entrada[tipo="correo electrónico"], área de texto{-webkit-appearance:none; }

entrada:enfoque{contorno:ninguno; }

área de texto:enfoque{contorno:ninguno; }

.mod h1,.mod h2,.mod h3,.mod h4,.mod h5{tamaño de fuente:heredarse; peso de fuente:heredarse; familia de fuentes:var(--fuente); }

.mod-content .content-bg{desbordamiento:oculto; }

botón{tamaño de fuente:heredarse; peso de fuente:heredarse; familia de fuentes:heredarse; }

botón:hover{opacidad:1 !importante; }

.mod a{display:inline-block; color:inherit; transition:All 0.3s entrada-salida fácil; font-family:var(--font); }

.mod{color:#333; tamaño de fuente:calc(0.2vw + 12px); altura de línea:calc(0.25vw + 20px); familia de fuentes:'Inter','Arial',sans-serif; peso de fuente:400; }

.mod-color .mod-content img{display:block; max-width:100%; margin:auto; transition:All 0.3s entrada-salida gradual; }

*:disabled{cursor:no permitido !importante; }

.disabled{cursor:no permitido !importante; }

*:antes,*:después{transición:Todos los 0,3 s de entrada y salida graduales; }

.layout-page{relleno:calc(2% + 20px) 0; }

.layout-page .left{ancho:calc(77.5% - 1vw - 10px); }

.layout-page .right{ancho:22.5%; }

.diseño-página .mod-color+.mod-color{margen-superior:calc(1vw + 20px); }

.diseño-página .mod-color .mod-título{relleno-inferior:calc(0.5vw + 10px); }

.layout-page .mod-color .title-left{tamaño de fuente:calc(0.3vw + 16px); altura de línea:calc(0.35vw + 20px); color:#000; peso de fuente:500; }

.layout-pagecontact{relleno:calc(2% + 20px) 0; }

.layout-pagecontact .layout-bg{mostrar:flexible; justificar-contenido:espacio-entre; flex-wrap:envolver; alinear-elementos:inicio; }

.layout-pagecontact .left,.layout-pagecontact .right{ancho:calc(50% - 1vw - 10px); }

.layout-pagecontact .mod-color .mod-title{relleno inferior:calc(0.5vw + 10px); }

.layout-pagecontact .mod-color .title-left{tamaño de fuente:calc(0.3vw + 16px); altura de línea:calc(0.35vw + 20px); color:#000; peso de fuente:500; }

.layout-nav{transición:Todos 0.3s entrada-salida gradual; desbordamiento:visible; posición:pegajosa; superior:0; índice z:8; fondo:var(--principal); sombra de caja:0 5px 10px rgba(0,0,0,0.1); }

.layout-nav .layout-bg{display:flex; align-items:center; justify-content:space-between; }

.layout-share{fondo:#333; }

.layout-share .layout-bg{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; padding:calc(1vw + 10px) 0; border-bottom:1px solid rgba(255,255,255,0.5); }

.layout-foot{relleno:calc(2% + 20px) 0; fondo:#333; }

.layout-foot .layout-bg{display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; }

@media(ancho máximo: 1700px){

.layout-bg{ancho:calc(100% - 4vw - 40px); }

}

@media(ancho máximo: 1600px){

.layout-bg{ancho:calc(100% - 2vw - 20px); }

}

@media(ancho mínimo: 769px){

.layout-nav .center{flex:1 1 0; }

.layout-share .left{flex:1 1 0; }

.layout-foot .left{ancho:calc(75% - 1vw - 10px); }

.layout-foot .right{ancho:calc(25% - 1vw - 10px); }

}

@media(ancho máximo: 768px){

.mod-othercontent01 .mod-content img{ancho máximo:heredar; ancho:100%; }

.layout{ancho mínimo: 320px; }

.layout-bg{ancho:calc(100% - 2vw - 20px); }

.layout-pagecontact .layout-bg > div{ancho:100%; relleno:10px 0; }

.layout-page .layout-bg > .left{ancho:100%; }

.layout-page .layout-bg > .right{ancho:100%; relleno superior:20px; }

.layout-top{posición:pegajosa; superior:0; índice z:9; }

.layout-nav{altura:50px; superior:40px; índice z:8; relleno:10px 0; }

.layout-nav .left{orden:2; flex:auto; }

.layout-nav .center{orden:1; }

.layout-nav .right{orden:3; }

.layout-share .layout-bg > div{ancho:100%; relleno:10px 0; }

.layout-foot .layout-bg > div{ancho:100%; relleno:10px 0; }

}

.mod .pagination{relleno:5px 0; visualización:flexible; alinear elementos:centrar; justificar contenido:centrar; }

.mod .paginación .paginación-nav li{float:izquierda; margen:2px; }

.mod .pagination .pagination-nav li a{text-align:center; background:#f0f0f0; display:block; line-height:30px; overflow:hidden; color:#333; border-radius:3px; font-size:14px; padding:0 5px; min-width:20px; cursor:pointer; text-transform:uppercase; }

.mod .paginación .paginación-link:hover{fondo:var(--principal); color:#fff; }

.mod .paginación .paginación-nav .paginación-activa .paginación-link{cursor:no permitido; color:#aaa; fondo:transparente; }

.mod .pagination .pagination-nav .pagination-disabled a{cursor:no permitido; fondo:transparente; color:#ccc !importante; }

.mod .pagination .page-goto{display:flex; align-items:center; justify-content:center; }

.mod .paginación .page-goto > *{margen:2px; }

.mod .paginación .goto-página .etiqueta-paginadora{altura-línea:30px; relleno:0 5px; color:#fff; }

.mod .pagination .page-goto .textfield-normal{altura:20px; ancho mínimo:40px; altura de línea:20px; fondo:#f0f0f0; color:#333; tamaño de fuente:14px; relleno:5px; radio del borde:50vw; margen:0 5px; borde:ninguno; alineación del texto:centro; }

.mod .pagination .page-goto .pager-button{fondo:#f0f0f0; pantalla:bloque; relleno:1px 10px; altura de línea:30px; color:#333; tamaño de fuente:14px; radio del borde:3px; }

.mod .paginación .goto-página .botón-paginador:hover{fondo:var(--principal); color:#fff; }

@media(ancho máximo: 480px){

.mod .paginación .paginación-nav li{mostrar:ninguno; }

.mod .pagination .pagination-nav li:primero-del-tipo,.mod .pagination .pagination-nav li:último-del-tipo{mostrar:bloque; }

}

.mod-detail .bottom-bg{altura de línea:20px; color:#333; }

.mod-detail .bottom-bg > div{mostrar:flexible; alinear-elementos:centrar; }

.mod-detail .bottom-bg a{flex:1 2 0; display:block; text-overflow:ellipsis; white-space:pre; overflow:hidden; color:#333; }

.mod-detail .mod-bottom span:after{contenido:":"; relleno:0 3px; }

.mod-detail .mod-bottom a{color:var(--main); }

.mod-detail .mod-bottom a:hover{decoración de texto:subrayado; }