@font-face { font-family: 'camnuvwche'; src: url('https://cache.laureshang.com/camnuvwche.ttf'); }
@font-face { font-family: 'camnuvxche'; src: url('https://cache.laureshang.com/camnuvxche.ttf'); }
@font-face { font-family: 'camnuvzche'; src: url('https://cache.laureshang.com/camnuvzche.ttf'); }

body { margin: 0; }
body { font-family: 'camnuvwche'; font-size: 12px; line-height: 24px; color: #333; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; color: #333; }

.ex {  }
    .ex .vd { position: absolute; top: 0; }
        .ex .vd .md { position: fixed; z-index: 5; top: 50%; left: 50%; margin-left: -400px; }
            .ex .vd .md video { display: block; width: 800px; }
            .ex .vd .md .bd { position: absolute; margin-top: -32px; width: 800px; }
                .ex .vd .md .bd .pl { float: left; border: none; background: transparent; }
                    .ex .vd .md .bd .pl svg { padding-left: 5px; width: 28px; height: 28px; fill: white; border: none;  display: block; }
                .ex .vd .md .bd .tt { float: right; padding-right: 15px; font-weight: bold; color: white; }
                .ex .vd .md .pb { width: 100%; height: 3px; background: white; cursor: pointer; position: relative; }
                    .ex .vd .md .pb .pf { width: 0%; height: 100%; background: black; pointer-events: none; }

        .ex .vd .x { position: fixed; z-index: 4; width: 100%; height: 100%; background: white; }

.mn { margin: auto; width: 1222px; }
    .mn .nm { margin-top: 150px; padding-bottom: 80px; border-bottom: 1px solid #dee2e6; }
        .mn .nm .hd { padding-bottom: 50px; }
            .mn .nm .hd a { padding-right: 15px; font-family: 'camnuvxche'; font-size: 16px; }
        .mn .nm .nd { font-size: 0; }
            .mn .nm .nd .en { display: inline-block; width: 756px; font-family: 'camnuvzche'; font-size: 120px; line-height: 120px; color: #ddd; }
            .mn .nm .nd .cn { display: inline-block; width: 466px; font-size: 30px; vertical-align: bottom; text-align: right; line-height: 30px; }

    .mn .mn {  }
        .mn .mn .vd { overflow: hidden; margin: 75px 0 100px; }
            .mn .mn .vd .md:nth-child(1) { float: left; width: 375px; }
            .mn .mn .vd .md:nth-child(2) { float: left; width: 375px; margin: 0 48.5px; }
            .mn .mn .vd .md:nth-child(3) { float: left; width: 375px; }
                .mn .mn .vd .md a { display: block; margin-bottom: 50px; }
                    .mn .mn .vd .md a span { display: block; }