body {
    margin: 0;
    background: #f6f1ec;
    color: #333;
    font-family: "Microsoft YaHei", Arial, sans-serif
}

a {
    color: inherit;
    text-decoration: none
}

.wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px
}

.site-header {
    background: #b90016;
    color: #fff
}

.head-top {
    display: flex;
    align-items: center;
    min-height: 96px
}

.brand {
    font-size: 28px;
    font-weight: 700;
    margin-right: 34px
}

.headline {
    font-size: 22px;
    line-height: 1.4;
    flex: 1
}

.nav-toggle {
    display: none
}

.site-nav {
    background: #8f0010
}

.site-nav .wrap {
    display: flex;
    align-items: center
}

.site-nav a,
.nav-item>a {
    display: block;
    padding: 16px 18px;
    color: #fff
}

.nav-item {
    position: relative
}

.nav-item:hover .sub-nav {
    display: block
}

.sub-nav {
    display: none;
    position: absolute;
    z-index: 10;
    min-width: 220px;
    background: #fff;
    color: #8f0010;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18)
}

.sub-nav a {
    color: #8f0010;
    padding: 12px 16px
}

.top-search {
    margin-left: auto;
    display: flex
}

.top-search input {
    height: 30px;
    border: 0;
    padding: 0 8px
}

.top-search button {
    border: 0;
    background: #d7aa61;
    color: #5b0008;
    padding: 0 12px
}

.hero {
    background: #4b0007
}

.hero-slider {
    height: 360px;
    overflow: hidden
}

.hero-item {
    display: flex;
    height: 360px;
    background: center/cover no-repeat;
    align-items: flex-end;
    justify-content: center
}

.hero-item span {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 18px
}

.intro-grid {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    gap: 18px;
    margin-top: 28px
}

.intro-card,
.entry-card,
.panel-list,
.video-card,
.detail-card,
.page-main,
.side-nav {
    background: #fff;
    border-top: 4px solid #b90016;
    box-shadow: 0 6px 20px rgba(70, 0, 0, .08)
}

.intro-card {
    grid-row: span 2;
    padding: 26px
}

.intro-card h2,
.panel-list h2,
.video-card h2 {
    margin-top: 0;
    color: #b90016
}

.intro-text {
    line-height: 1.9;
    color: #555
}

.more,
.btn-link {
    display: inline-block;
    margin-top: 12px;
    background: #b90016;
    color: #fff;
    padding: 9px 18px
}

.entry-card {
    padding: 26px;
    min-height: 100px
}

.entry-card strong {
    display: block;
    color: #b90016;
    font-size: 22px;
    margin-bottom: 10px
}

.content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 360px;
    gap: 18px;
    margin-top: 24px;
    margin-bottom: 36px
}

.panel-list,
.video-card {
    padding: 22px
}

.panel-list ul,
.article-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.panel-list li,
.article-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px dashed #ddd;
    padding: 12px 0
}

.panel-list a,
.article-list a {
    color: #333
}

.panel-list time,
.article-list time {
    color: #999;
    white-space: nowrap
}

.video-card video,
.detail-video {
    width: 100%;
    max-height: 360px;
    background: #111
}

.page-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
    margin-top: 28px;
    margin-bottom: 40px
}

.side-nav {
    padding: 20px
}

.side-nav h3 {
    color: #b90016
}

.side-nav a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 12px 0
}

.page-main {
    padding: 28px
}

.page-main.full {
    grid-column: 1/-1
}

.breadcrumb {
    color: #9a7a7a;
    margin-bottom: 16px
}

.article-body {
    line-height: 1.9;
    font-size: 16px
}

.article-body img {
    max-width: 100%;
    height: auto
}

.detail-page {
    margin-top: 28px;
    margin-bottom: 40px
}

.detail-card {
    padding: 32px
}

.detail-card h1 {
    text-align: center;
    color: #8f0010
}

.meta {
    text-align: center;
    color: #888;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
    margin-bottom: 24px
}

.pdf-box iframe {
    width: 100%;
    height: 760px;
    border: 1px solid #ddd;
    background: #eee
}

.attach-box a {
    display: inline-block;
    margin: 8px 10px 0 0;
    padding: 8px 12px;
    background: #f4e6e6;
    color: #8f0010
}

.search-page {
    display: flex;
    margin-bottom: 20px
}

.search-page input {
    flex: 1;
    height: 40px;
    border: 1px solid #ddd;
    padding: 0 10px
}

.search-page button {
    border: 0;
    background: #b90016;
    color: #fff;
    padding: 0 24px
}

.site-footer {
    background: #65000b;
    color: #fff;
    text-align: center;
    padding: 28px 0;
    margin-top: 30px
}

.pager {
    text-align: center;
    margin-top: 20px
}

@media(max-width:900px) {
    .head-top {
        min-height: 72px
    }

    .brand {
        font-size: 22px
    }

    .headline {
        font-size: 15px
    }

    .nav-toggle {
        display: block;
        background: #d7aa61;
        border: 0;
        padding: 8px 12px
    }

    .site-nav {
        display: none
    }

    .site-nav.open {
        display: block
    }

    .site-nav .wrap {
        display: block
    }

    .nav-item:hover .sub-nav {
        display: none
    }

    .sub-nav {
        position: static;
        display: block;
        box-shadow: none
    }

    .top-search {
        margin: 8px 16px 16px
    }

    .hero-slider,
    .hero-item {
        height: 220px
    }

    .intro-grid,
    .content-grid,
    .page-layout {
        display: block
    }

    .intro-card,
    .entry-card,
    .panel-list,
    .video-card,
    .side-nav,
    .page-main {
        margin-bottom: 16px
    }

    .pdf-box iframe {
        height: 520px
    }
}

/* Navigation follows the Huadong Jiaotong University reference layout. */
.site-header{background:#01622f;color:#fff}.head-top{min-height:150px}.brand{font-size:32px;white-space:nowrap}.headline{font-size:24px}.nav-toggle{border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;border-radius:3px}.site-nav{position:relative;z-index:20;background:#01622f;border-top:1px solid rgba(255,255,255,.16)}.nav-inner{display:flex;align-items:center;min-height:58px}.site-nav .nav-inner{display:flex}.nav-menu{display:flex;align-items:center;flex:1;min-width:0}.site-nav a.nav-link{display:block;height:53px;line-height:53px;padding:0 18px;color:#fef0f0;font-size:16px;text-align:center;white-space:nowrap}.site-nav a.nav-link:hover,.nav-item:hover>a.nav-link{background:#fff;color:#333}.sub-nav{left:0;top:53px;z-index:999;min-width:180px;background:#fff;color:#666}.sub-nav a{display:block;color:#666;height:42px;line-height:42px;padding:0 16px;text-align:left;white-space:nowrap}.sub-nav a:hover{background:#01622f;color:#fff}.top-search{display:flex;align-items:center;margin-left:18px;flex:0 0 210px}.top-search input{box-sizing:border-box;width:100%;height:30px;border:1px solid rgba(255,255,255,.75);border-radius:15px 0 0 15px;background:#01622f;color:#fff;padding:0 10px}.top-search input::placeholder{color:#e8f1ec}.top-search button{height:30px;border:1px solid rgba(255,255,255,.75);border-left:0;border-radius:0 15px 15px 0;background:#fff;color:#01622f;padding:0 12px;cursor:pointer}
@media(max-width:1100px){.nav-menu{overflow-x:auto}.site-nav a.nav-link{padding:0 13px}.top-search{flex-basis:180px}}
@media(max-width:768px){.head-top{min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{font-size:24px;margin-right:12px}.headline{order:3;flex-basis:100%;font-size:16px;margin-top:8px}.nav-toggle{display:block;margin-left:auto;padding:7px 12px}.site-nav{display:none}.site-nav.open{display:block}.site-nav .nav-inner{display:block;padding-top:8px;padding-bottom:12px}.nav-menu{display:block;overflow:visible}.site-nav a.nav-link{height:44px;line-height:44px;padding:0 12px;text-align:left}.nav-item:hover .sub-nav{display:none}.nav-item .sub-nav{position:static;display:block;box-shadow:none;background:rgba(255,255,255,.08);min-width:0}.sub-nav a{height:38px;line-height:38px;color:#e8f1ec;padding-left:28px}.sub-nav a:hover{background:rgba(255,255,255,.18);color:#fff}.top-search{margin:10px 0 0;max-width:none;flex:auto}.top-search input{background:#fff;color:#333}.top-search input::placeholder{color:#777}}

/* Screenshot-matched header/nav layout. */
.site-header{background:#01622f;color:#fff}.header-main{display:flex;align-items:center;height:171px}.header-main .brand{display:flex;align-items:center;margin-right:24px;color:#fff}.brand-mark{display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin-right:16px;border:3px solid rgba(255,255,255,.9);border-radius:50%;font-size:32px;font-weight:700;line-height:1}.brand-text{font-size:30px;font-weight:700;letter-spacing:1px;white-space:nowrap}.header-main .headline{flex:1;margin:0;color:#fff;font-size:29px;line-height:1.45;font-weight:400}.site-nav{height:58px;background:#01622f;border-top:0}.nav-inner{height:58px;min-height:58px;display:flex;align-items:flex-start}.site-nav .nav-inner{display:flex}.nav-menu{display:flex;align-items:flex-start;flex:1;min-width:0}.nav-item{position:relative;height:53px;margin-right:2px}.site-nav a.nav-link{height:53px;line-height:53px;min-width:109px;padding:0 18px;color:#fef0f0;font-size:16px;text-align:center}.site-nav a.nav-link:hover,.nav-item:hover>a.nav-link{background:#fff;color:#333}.sub-nav{display:none;position:absolute;left:0;top:53px;width:220px;min-width:220px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.16);z-index:999}.nav-item:hover .sub-nav{display:block}.sub-nav a{display:block;height:42px;line-height:42px;padding:0 14px;color:#333;background:#fff;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-nav a:hover{background:#01622f;color:#fff}.top-search{display:flex;align-items:center;width:210px;flex:0 0 210px;height:58px;margin-left:16px}.top-search input{height:30px;border:1px solid rgba(244,244,244,.9);border-right:0;border-radius:15px 0 0 15px;background:#01622f;color:#efefef;padding:0 10px}.top-search button{height:30px;border:1px solid rgba(244,244,244,.9);border-left:0;border-radius:0 15px 15px 0;background:#fff;color:#01622f;padding:0 12px}.hero-slider,.hero-item{height:350px}
@media(max-width:1100px){.header-main{height:132px}.brand-mark{width:52px;height:52px;font-size:27px}.brand-text{font-size:25px}.header-main .headline{font-size:22px}.site-nav a.nav-link{min-width:auto;padding:0 13px}.top-search{width:180px;flex-basis:180px;margin-left:10px}}
@media(max-width:768px){.header-main{height:auto;min-height:88px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-main .brand{margin-right:12px}.brand-mark{width:42px;height:42px;margin-right:10px;font-size:22px;border-width:2px}.brand-text{font-size:22px}.header-main .headline{order:3;flex-basis:100%;font-size:16px;margin-top:8px}.nav-toggle{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75);padding:7px 12px}.site-nav{display:none;height:auto}.site-nav.open{display:block}.site-nav .nav-inner{display:block;height:auto;padding-top:8px;padding-bottom:12px}.nav-menu{display:block;overflow:visible}.nav-item{height:auto;margin-right:0}.site-nav a.nav-link{height:44px;line-height:44px;min-width:0;padding:0 12px;text-align:left}.nav-item:hover .sub-nav{display:none}.nav-item .sub-nav{position:static;display:block;width:auto;min-width:0;box-shadow:none;background:rgba(255,255,255,.08)}.sub-nav a{height:38px;line-height:38px;color:#e8f1ec;background:transparent;padding-left:28px}.top-search{height:30px;width:auto;margin:10px 0 0;max-width:none;flex:auto}.top-search input{background:#fff;color:#333}.hero-slider,.hero-item{height:220px}}

/* ECJTU reference homepage. */
body{overflow-x:auto;background:#f3f3f3;color:#181818;font-size:14px}.wrap{max-width:1200px;padding:0}.site-header{height:230px;background:#01622f}.header-main{height:171px;display:flex;align-items:flex-start}.header-main .brand{width:262px;height:171px;margin:0;display:block;flex:0 0 262px}.brand-logo{width:auto;height:auto;margin-top:50px;display:block}.header-main .headline{height:171px;width:920px;margin-left:22px;color:#fff;font-size:29px;line-height:195px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:none}.site-nav{height:58px;background:#01622f}.site-nav .nav-inner{height:58px;min-height:58px;display:flex;align-items:flex-start}.nav-menu{width:800px;flex:0 0 800px;height:53px;padding-top:5px;display:flex;align-items:flex-start;overflow:visible}.nav-item{width:145px;height:53px;line-height:53px;margin:0 2px 0 0;flex:0 0 145px;position:relative;z-index:999}.site-nav a.nav-link{height:53px;line-height:53px;width:145px;min-width:145px;box-sizing:border-box;padding:0;color:#fef0f0;font-size:16px;text-align:center}.site-nav a.nav-link:hover,.nav-item:hover>a.nav-link,.site-nav a.nav-link.current{color:#333;background:#fff}.sub-nav{display:none;position:absolute;top:53px;left:0;width:180px;min-width:180px;background:#fff;box-shadow:none;z-index:999}.nav-item:hover .sub-nav{display:block}.sub-nav a{height:38px;line-height:38px;padding:0 8px;color:#666;background:#fff;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-nav a:hover{color:#fff;background:#01622f}.top-search{width:200px;height:45px;margin:0 0 0 auto;padding:13px 0 0;flex:0 0 200px;position:relative}.top-search input{width:200px;height:30px;box-sizing:border-box;border:1px solid #f4f4f4;border-radius:15px;background-color:#01622f;color:#efefef;padding:0 34px 0 10px}.top-search button{position:absolute;right:13px;top:21px;width:17px;height:17px;border:0;background:url('../img/jw-index_06.png') center/17px 17px no-repeat;text-indent:-9999px;padding:0;overflow:hidden}.hero{background:#f3f3f3}.hero-slider{width:1500px;max-width:100%;height:350px;margin:0 auto;overflow:hidden}.hero-item{height:350px;background:center/cover no-repeat;display:none}.hero-item:first-child{display:block}.hero-item span{display:none}.home-space{height:40px;clear:both}.home-row{display:flex;justify-content:space-between;gap:0}.home-panel{height:335px;box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;box-shadow:none;overflow:hidden}.achievements-panel{width:748px;padding:0 23px}.summary-panel,.material-panel{width:428px;padding:0 23px}.apply-panel{width:750px;padding:0 23px}.home-panel-title{height:45px;border-bottom:2px solid #1e874c;overflow:hidden}.home-panel-title h2{float:left;margin:0;padding:0 23px;background:#50854d;font-size:18px;line-height:45px;text-align:center;font-weight:400}.home-panel-title h2 a{color:#fff}.home-panel-title span{float:right;line-height:45px}.home-panel-title span a{color:#434343}.summary-title{border-bottom-color:#41446d}.summary-title h2{background:#41446d}.apply-title{width:700px;border-bottom-color:#9c231b}.apply-title h2{background:#9c231b}.material-title{border-bottom-color:#50854d}.material-title h2{background:#50854d}.achievements-content{padding:17px 0}.achievements-content p{margin:0 0 8px;line-height:32px;color:#181818}.achievements-content .detail-link{color:#b80404;padding-left:10px}.summary-list,.apply-list,.material-list{list-style:none;margin:0;padding:0}.summary-list{height:260px;padding-top:20px;background:linear-gradient(90deg,rgba(65,68,109,.12) 0,rgba(65,68,109,.12) 130px,transparent 130px)}.summary-list li{height:57px;line-height:57px;font-size:16px}.summary-list li a{display:block;color:#41446d;padding-left:160px}.apply-list{padding:13px 3px 0}.apply-list li{float:left;width:224px;height:45px;line-height:45px;margin:8px 0 0 8px;background:#f5f5f5;overflow:hidden}.apply-list li a{display:block;color:#181818;padding-left:28px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apply-list li a:before{content:'';position:absolute;left:10px;top:18px;width:6px;height:6px;background:#9c231b;border-radius:50%}.material-list{height:270px;padding-top:10px;background:linear-gradient(90deg,rgba(80,133,77,.14) 0,rgba(80,133,77,.14) 112px,transparent 112px)}.material-list li{height:54px;font-size:16px;line-height:54px}.material-list li a{display:block;color:#50854d;padding-left:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-footer{margin-top:0;padding:35px 0 0;background:#01622f;color:#fff;text-align:left}.footer-links{height:158px}.footer-title{height:40px;border-bottom:1px solid #fff;line-height:40px;font-size:16px}.footer-title a{color:#fef1ef}.footer-links ul{list-style:none;margin:0;padding:15px 0 0}.footer-links li{float:left;width:120px;height:33px;line-height:33px;font-size:13px}.footer-links li a{color:#feecea}.footer-copy{height:60px;line-height:60px;background:#272b36;color:#fff;text-align:center}.footer-copy a{color:#fff}
@media(max-width:1240px){.wrap{max-width:calc(100% - 32px)}.header-main .headline{width:auto;flex:1;font-size:24px}.nav-menu{flex:1;width:auto}.nav-item,.site-nav a.nav-link{width:auto;min-width:116px}.top-search{flex-basis:190px;width:190px}.top-search input{width:190px}.home-row{gap:18px}.achievements-panel,.apply-panel,.summary-panel,.material-panel{width:auto;flex:1}.achievements-panel,.apply-panel{flex:1.8}.summary-panel,.material-panel{flex:1}.apply-title{width:auto}.hero-slider{width:100%}}
@media(max-width:768px){body{overflow-x:hidden}.wrap{max-width:none;padding:0 16px}.site-header{height:auto}.header-main{height:auto;min-height:98px;align-items:center;flex-wrap:wrap}.header-main .brand{width:auto;height:auto;flex:0 0 auto}.brand-logo{width:190px;margin-top:0}.header-main .headline{order:3;width:100%;height:auto;margin:8px 0 0;font-size:16px;line-height:1.5;white-space:normal}.nav-toggle{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75);padding:7px 12px}.site-nav{display:none;height:auto}.site-nav.open{display:block}.site-nav .nav-inner{height:auto;display:block;padding-top:8px;padding-bottom:12px}.nav-menu{display:block;width:auto;height:auto;padding-top:0}.nav-item{width:auto;height:auto;line-height:44px;margin:0}.site-nav a.nav-link{width:auto;min-width:0;height:44px;line-height:44px;text-align:left;padding:0 12px}.nav-item:hover .sub-nav{display:none}.nav-item .sub-nav{display:block;position:static;width:auto;min-width:0;background:rgba(255,255,255,.08)}.sub-nav a{height:38px;line-height:38px;text-align:left;background:transparent;color:#e8f1ec;padding-left:28px}.top-search{width:auto;height:30px;margin:10px 0 0;padding:0}.top-search input{width:100%;background:#fff;color:#333}.top-search button{top:7px}.hero-slider,.hero-item{height:220px}.home-space{height:18px}.home-row{display:block}.home-panel{width:auto;height:auto;min-height:0;margin-bottom:16px;padding:0 16px}.home-panel-title,.apply-title{width:auto}.achievements-content{padding-bottom:18px}.summary-list,.material-list{height:auto;min-height:220px}.summary-list li a{padding-left:80px}.material-list li a{padding-left:70px}.apply-list{overflow:hidden;padding-bottom:16px}.apply-list li{float:none;width:auto;margin-left:0}.site-footer{padding-top:20px}.footer-links{height:auto;padding-bottom:20px}.footer-links li{float:none}.footer-copy{height:auto;line-height:1.6;padding:16px}}

.home-top-grid,.home-mid-grid,.home-bottom-grid{display:grid;grid-gap:18px;margin-bottom:18px}.home-top-grid{grid-template-columns:1.15fr .85fr}.home-mid-grid{grid-template-columns:repeat(3,1fr)}.home-bottom-grid{grid-template-columns:1fr}.panel-box{background:#fff;border-top:4px solid #01622f;box-shadow:0 8px 22px rgba(0,0,0,.08)}.section-title{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 18px;border-bottom:1px solid #e7e7e7}.section-title h2{margin:0;font-size:22px;font-weight:700;color:#01622f}.section-title h2 a{color:#01622f}.section-more{font-size:14px;color:#666}.video-body{padding:18px}.home-video-player{display:block;width:100%;height:350px;background:#111}.intro-body{padding:18px 20px 22px;line-height:1.9;color:#444;font-size:15px}.intro-body p{margin:0 0 16px}.more-link{display:inline-block;color:#01622f;font-weight:700}.link-list,.report-list,.summary-stack{list-style:none;margin:0;padding:0}.link-list li,.report-list li,.summary-stack li{border-bottom:1px dashed #ddd}.link-list li:last-child,.report-list li:last-child,.summary-stack li:last-child{border-bottom:0}.link-list a,.report-list a,.summary-stack a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;color:#333}.numbered-list .index,.report-list .date{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;height:22px;border-radius:11px;background:#01622f;color:#fff;font-size:12px}.summary-stack a{min-height:50px;font-weight:700}.empty-block{display:flex;align-items:center;justify-content:center;height:350px;background:#f5f5f5;color:#888}
@media(max-width:1100px){.home-top-grid,.home-mid-grid{grid-template-columns:1fr}.home-video-player,.empty-block{height:280px}.section-title h2{font-size:20px}}
@media(max-width:768px){.home-top-grid,.home-mid-grid,.home-bottom-grid{display:block}.panel-box{margin-bottom:16px}.video-body,.intro-body{padding:14px}.home-video-player,.empty-block{height:220px}.section-title{height:auto;min-height:52px;padding:12px 14px}.section-title h2{font-size:18px}.link-list a,.report-list a,.summary-stack a{padding:0 14px}.summary-stack a{min-height:44px}}