DMS-Video

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

.contact-wechat img{Breite:100px; Höhe:auto; Anzeige:keine; Position:absolut; oben:-25px; links:-110px; Transformieren:scaleX(0); Transformieren-Ursprung:center center; Übergang:Transformieren 0,3s Leichtigkeit, Breite 0,3s Leichtigkeit; }

.contact-items-bg .contact-wechat:hover img{display:block; transform:scaleX(1); }

.layout{overflow:hidden; }

.layout-bg{box-sizing:border-box; width:var(--width); max-width:100%; margin:auto; overflow:visible; }

.clear{display:none; }

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

.page-layout .layout{position:static !important; }

.page-layout .layout-bg{flex-direction:inherit !important; align-items:inherit !important; }

.main{position:relative; }

.page-body .main{position:static !important; }

.page-layout .left .left-bottom-bg{display:block; padding:inherit !important; }

.page-layout .layout-foot .left .left-bottom-right{padding:inherit !important; }

.layout-sys2 .left,.layout-sys2 .right,.layout-sys3 .left,.layout-sys3 .center,.layout-sys3 .right,.layout-sys4 .left,.layout-sys4 .centerleft,.layout-sys4 .centerright,.layout-sys4 .right,.layout-sys4-1 .left,.layout-sys4-1 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .right-bottom,.layout-sys4-1 .right .right-bottom-left,.layout-sys4-1 .right .right-bottom-right,.layout-sys4-2 .left,.layout-sys4-2 .right,.layout-sys4-1 .right .right-top,.layout-sys4-1 .right .rechts-unten, .layout-sys4-2 .rechts .rechts-oben-links, .layout-sys4-2 .rechts .rechts-oben-rechts, .layout-sys4-3 .links, .layout-sys4-1 .links .links-oben, .layout-sys4-1 .links .links-unten, .layout-sys4-3 .links .links-oben-links, .layout-sys4-3 .links .links-oben-rechts, .layout-sys4-3 .rechts, .layout-sys4-4 .links, .layout-sys4-1 .links .links-oben, .layout-sys4-1 .links .links-unten, .layout-sys4-4 .links .links-unten-links, .layout-sys4-4 .links .links-unten-rechts, .layout-sys4-4 .rechts{width:auto; }

Eingabe[Typ="Text"],Eingabe[Typ="Passwort"],Eingabe[Typ="E-Mail"],Textbereich{-webkit-appearance:none; }

Eingabe: Fokus {Gliederung: keine; }

Textbereich: Fokus {Umriss: keine;}

.mod h1,.mod h2,.mod h3,.mod h4,.mod h5{Schriftgröße:erben; Schriftstärke:erben; Schriftfamilie:var(--font); }

.mod-content .content-bg{overflow:hidden; }

button{font-size:inherit; font-weight:inherit; font-family:inherit; }

Schaltfläche:Hover{Deckkraft:1 !wichtig; }

.mod a{display:inline-block; color:inherit; transition:Alle 0,3s ease-in-out; font-family:var(--font); }

.mod{color:#333; font-size:calc(0.2vw + 12px); line-height:calc(0.25vw + 20px); font-family:'Inter','Arial',sans-serif; font-weight:400; }

.mod-color .mod-content img{display:block; max-width:100%; margin:auto; transition:Alle 0,3s ease-in-out; }

*:deaktiviert{Cursor:nicht erlaubt !wichtig; }

.disabled{cursor:nicht erlaubt !wichtig; }

*:vorher,*:nachher{Übergang:Alle 0,3 s Ein- und Ausschalten; }

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

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

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

.layout-page .mod-color+.mod-color{margin-top:calc(1vw + 20px); }

.layout-page .mod-color .mod-title{padding-bottom:calc(0.5vw + 10px); }

.layout-page .mod-color .title-left{Schriftgröße:calc(0,3vw + 16px); Zeilenhöhe:calc(0,35vw + 20px); Farbe:#000; Schriftstärke:500; }

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

.layout-pagecontact .layout-bg{Anzeige:flex; Inhalt ausrichten:Abstand zwischen; flex-wrap:wrap; Elemente ausrichten:Start; }

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

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

.layout-pagecontact .mod-color .title-left{font-size:calc(0.3vw + 16px); line-height:calc(0.35vw + 20px); color:#000; font-weight:500; }

.layout-nav{Übergang:Alle 0,3 s Ein- und Ausblenden; Überlauf:sichtbar; Position:klebrig; oben:0; Z-Index:8; Hintergrund:var(--main); Box-Shadow:0 5px 10px rgba(0,0,0,0,1); }

.layout-nav .layout-bg{Anzeige:flex; Elemente ausrichten:zentriert; Inhalt ausrichten:Abstand zwischen; }

.layout-share{background:#333; }

.layout-share .layout-bg{Anzeige:flex; Elemente ausrichten:zentrieren; Flex-Wrap:Wrap; Inhalt ausrichten:Abstand zwischen; Polsterung:calc(1vw + 10px) 0; Rahmen unten:1px durchgezogen rgba(255,255,255,0,5); }

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

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

@media(max-width:1700px){

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

}

@media(max-width:1600px){

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

}

@media(min-width:769px){

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

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

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

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

}

@media(max-width:768px){

.mod-othercontent01 .mod-content img{max-width:inherit; width:100%; }

.layout{min-width:320px; }

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

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

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

.layout-page .layout-bg > .right{width:100%; padding-top:20px; }

.layout-top{position:sticky; top:0; z-index:9; }

.layout-nav{Höhe:50px; oben:40px; z-index:8; Polsterung:10px 0; }

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

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

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

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

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

}

.mod .pagination{padding:5px 0; Anzeige:flex; Elemente ausrichten:zentriert; Inhalt ausrichten:zentriert; }

.mod .pagination .pagination-nav li{float:left; margin: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 .pagination .pagination-link:hover{Hintergrund:var(--main); Farbe:#fff; }

.mod .pagination .pagination-nav .pagination-active .pagination-link{cursor:nicht erlaubt; Farbe:#aaa; Hintergrund:transparent; }

.mod .pagination .pagination-nav .pagination-disabled a{cursor:nicht erlaubt; Hintergrund:transparent; Farbe:#ccc !wichtig; }

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

.mod .pagination .page-goto > *{margin:2px; }

.mod .pagination .page-goto .pager-label{Zeilenhöhe:30px; Polsterung:0 5px; Farbe:#fff; }

.mod .pagination .page-goto .textfield-normal{Höhe:20px; Mindestbreite:40px; Zeilenhöhe:20px; Hintergrund:#f0f0f0; Farbe:#333; Schriftgröße:14px; Polsterung:5px; Rahmenradius:50vw; Rand:0 5px; Rahmen:keine; Textausrichtung:zentriert; }

.mod .pagination .page-goto .pager-button{Hintergrund:#f0f0f0; Anzeige:Block; Polsterung:1px 10px; Zeilenhöhe:30px; Farbe:#333; Schriftgröße:14px; Rahmenradius:3px; }

.mod .pagination .page-goto .pager-button:hover{Hintergrund:var(--main); Farbe:#fff; }

@media(max-width:480px){

.mod .pagination .pagination-nav li{display:none; }

.mod .pagination .pagination-nav li:erster-des-Typs,.mod .pagination .pagination-nav li:letzter-des-Typs{display:block; }

}

.mod-detail .bottom-bg{line-height:20px; color:#333; }

.mod-detail .bottom-bg > div{display:flex; align-items:center; }

.mod-detail .bottom-bg a{flex:1 2 0; Anzeige:Block; Textüberlauf:Ellipse; Leerzeichen:Vor; Überlauf:Versteckt; Farbe:#333; }

.mod-detail .mod-bottom span:after{content:":"; padding:0 3px; }

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

.mod-detail .mod-bottom a:hover{text-decoration:underline; }