@charset"utf-8";
:root{--color-primary:#004098;--color-secondary:#FFB601;--color-third:#c8161e;--color-text-title:#333333;--color-text-primary:#000;--color-text-regular:#303133;--color-text-secondary-grey:#606266;--color-text-secondary:#909399;--color-text-placeholder:#C0C4CC;--border-color-base:#ECECEC;--border-color-light:#E4E7ED;--border-color-lighter:#EBEEF5;--bg-primary:#F8F9FB;--bg-grey:#F8F8F8}
.ala-iconfont{font-size:inherit; }
html{color:var(--color-text-regular);background:#fff}

/* 内外边距重置 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body, html{font-family:'Arial',sans-serif,'微软雅黑';;line-height:1.5;word-wrap:break-word;color:var(--color-text-regular);font-size:15px; }
@media screen and (max-width: 991px){
    body, html{font-size:14px}
}
input, select, textarea{font-size:100%}
div:focus{outline:none}

/* 去掉各Table  cell 的边距并让其边重�? */
table{border-collapse:collapse;border-spacing:0}

/* IE bug fixed: th 不继�? text-align*/
th{text-align:inherit}
ol, ul{list-style:none}
a, a:focus, a:hover, a:visited{text-decoration:none;outline:none}
a, a:hover{color:var(--color-primary)}
a:hover{color:var(--color-primary)}
.clearB{clear:both}
img{max-width:100%}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-justify{text-align:justify!important}
.layui-btn-lg{padding:18px 100px;height:auto;line-height:1}
@media screen and (max-width: 567px){
    .layui-btn-lg{width:100%}
}
@media screen and (min-width: 568px) and (max-width: 767px){
    .layui-col-xsm6{width:50%;float:left}
}
.layui-container{width:100%!important;padding:0 5vw;max-width:1500px;margin:0 auto}
@media screen and (max-width: 767px){
    .layui-container{padding:0 15px}
}
.layui-col-space50{margin:-25px}
.layui-col-space50 > *{padding:25px}
.layui-col-space40{margin:-20px}
.layui-col-space40 > *{padding:20px}
.layui-col-space60{margin:-30px}
.layui-col-space60 > *{padding:30px}
@media screen and (max-width:767px){
    .layui-col-space50{margin:-15px}
    .layui-col-space50 > *{padding:15px}
    .layui-col-space40{margin:-15px}
    .layui-col-space40 > *{padding:15px}
    .layui-col-space60{margin:-15px}
    .layui-col-space60 > *{padding:15px}
}
.layui-form-select .layui-input{border-right:1px solid var(--border-color-base)}
.layui-form-select dl{border:none}
.layui-form-select dl dd.layui-this{background:var(--color-primary)}
.ala-flex, .row-flex{display:-webkit-box;display:-ms-flexbox;display:-moz-box;display:-webkit-flex;display:flex}
.ala-flex.is-center{align-items:center}
.ala-flex.is-between{justify-content:space-between}
.ala-flex.is-end{align-items:flex-end}
.row-flex{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:stretch;align-items:stretch}
.layui-row.row-flex:after, .layui-row.row-flex:before{content:none}

/*flex-item*/
.flex-item{display:-webkit-box;display:-ms-flexbox;display:-moz-box;display:-webkit-flex;display:flex;align-items:center}
.flex-item .flex-body{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;padding-left:15px}

/*flex-item*/
/*pages*/
.pages{text-align:center;padding-top:30px}
.layui-laypage a:hover{color:var(--color-primary)}
.layui-laypage a, .layui-laypage span{height:36px;line-height:36px;width:36px;text-align:center;padding:0;background:unset;margin-bottom:0;border-radius:0;border:unset;margin-right:0}

/*pages END*/
video{max-width:100%}

/*椤甸潰璇︽儏鏍峰�?*/
/*mce-content-body*/
.mce-content-body{color:var(--color-text-regular);line-height:1.8}
.mce-content-body *{font-family:initial !important}
.mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4{margin-top:25px;position:relative;line-height:160%;color:var(--color-text-title);margin-bottom:15px}
.mce-content-body h1{font-size:28px;margin-bottom:30px}
.mce-content-body h2{font-size:24px; }
.mce-content-body h3{font-size:22px}
.mce-content-body h4{font-size:20px}
.mce-content-body h5{font-size:18px}
.mce-content-body h6{font-size:16px}
.mce-content-body h1+h2, .mce-content-body h1+h3, .mce-content-body h1+h4, .mce-content-body h1+h5, .mce-content-body h1+h6, .mce-content-body h2+h3, .mce-content-body h2+h4, .mce-content-body h2+h5, .mce-content-body h2+h6, .mce-content-body h3+h4, .mce-content-body h3+h5, .mce-content-body h3+h6, .mce-content-body h4+h5, .mce-content-body h4+h6, .mce-content-body h5+h6{margin-top:0}
.mce-content-body > *:nth-child(1):not(.layui-row){margin-top:0}
.mce-content-body video{max-width:100%;height:auto!important}
.mce-content-body li, .mce-content-body p{margin-bottom:15px}
.mce-content-body ol li, .mce-content-body ul li{position:relative;padding-left:1.5em}
.mce-content-body ul li:before{content:"";position:absolute; left:.16em;top:.9em;width:.4em;height:.4em;background-color:var(--color-primary);border-radius:.4em;margin-top:-.2em;line-height:1}
.mce-content-body ol li{counter-increment:section}
.mce-content-body ol li:before{content:counters(section,".") " .";position:absolute;left:0;top:0;display:inline-block;color:var(--color-primary);width:1.5em}
.mce-content-body img{max-width:100%;height:auto!important}
.mce-content-body a:not(.more-btn){color:var(--color-primary); }
.mce-content-body a:not(.more-btn):hover{color:var(--color-primary);text-decoration:underline}
@media screen and (max-width: 767px){
    .mce-content-body h1{font-size:24px}
    .mce-content-body h2{font-size:22px}
    .mce-content-body h3{font-size:18px}
    .mce-content-body h4{font-size:16px}
}

/*mce-content-body END


/*more-btn*/
.more-btn{display:inline-block;padding:10px 20px;color:#fff;background:var(--color-text-regular);overflow:hidden;position:relative;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;white-space:nowrap;vertical-align:middle;margin-top:40px;font-weight:normal;line-height:1.5;font-family:"Gotham Medium";min-width:100px;text-align:center;border:1.5px solid transparent}
.more-btn.is-round{border-radius:40px}
.more-btn.is-large.is-round{border-radius:50px}
.more-btn:hover{text-decoration:none;opacity:.85}
.more-btn.is-large{padding:14px 42px;min-width:200px}
.more-btn.is-small{padding:6px 20px;font-size:13px;min-width:80px}
.more-btn .ala-iconfont{font-weight:normal!important}
.more-btn.plain{border:1.5px solid var(--color-text-regular);color:var(--color-text-regular);background:none}
.more-btn.plain:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:#fff; opacity:1}
.more-btn.btn-primary{background:var(--color-primary);color:#fff}
.more-btn.btn-primary.plain{border:1.5px solid var(--color-primary);color:var(--color-primary);background:none}
.more-btn.btn-primary.plain:hover{background-color:var(--color-primary);color:#fff;opacity:1}
.more-btn.btn-secondary{background:var(--color-secondary);color:#fff}
.more-btn.btn-secondary.plain{border:1.5px solid var(--color-secondary);color:var(--color-secondary);background:none}
.more-btn.btn-secondary.plain:hover{background-color:var(--color-secondary);color:#fff;opacity:1}
.more-btn.btn-third{background:var(--color-third);color:#fff}
.more-btn.btn-third.plain{border:1.5px solid var(--color-third);color:var(--color-third);background:none}
.more-btn.btn-third.plain:hover{background-color:var(--color-third);color:#fff;opacity:1}
.more-btn.btn-white{background:#fff;color:var(--color-text-regular)}
.more-btn.btn-white.plain{border:1.5px solid #fff;color:#fff;background:none}
.more-btn.btn-white.plain:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:#fff;opacity:1}
.more-btn.btn-grey{background:var(--border-color-lighter);color:var(--color-text-secondary-grey)}
.more-btn.btn-grey.plain{border:1.5px solid var(--border-color-lighter);color:var(--color-text-secondary-grey);background:none}
.more-btn.btn-grey.plain:hover{background-color:var(--border-color-lighter);color:var(--color-text-secondary-grey);opacity:1}
.more-btn.is-disabled{cursor:not-allowed}

/*more-btn END*/
/*single-link*/
.single-link, a.single-link{display:block;color:var(--color-text-secondary-grey);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;cursor:pointer;

    /*line-height: 1;*/
    height:42px;font-size:14px}
.single-link:hover, a.single-link:hover{color:#fff}
.color_white .single-link, .color_white a.single-link{color:#fff}
.color_white .single-link:hover, .color_white a.single-link:hover{color:var(--color-primary)}
.single-link .text{padding:0 10px 0 15px;height:100%;display:flex;align-items:center;justify-content:center;background-color:unset;transition:all .3s ease-in-out;position:relative}
.single-link .text > *{position:relative}
.single-link .text:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-primary);transition:all .3s ease-in-out}
.color_white .single-link .text:before{background-color:#fff}
.single-link:hover .text:before{width:100%}
.single-link .ala-iconfont{width:42px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background-color:#f5f5f5;font-size:1.3em}
@media screen and (max-width: 1200px){
    .single-link, a.single-link{height:35px}
    .single-link .ala-iconfont{width:35px}
    .single-link .text{padding:0 8px 0 14px}
}

/*single-link END*/
/*blockquote*/
blockquote{font-size:inherit;background:var(--bg-grey);padding:20px;margin:15px 0;border-left:5px solid var(--border-color-base)}
blockquote > *:last-child{margin-bottom:0!important}
blockquote .ala-iconfont{font-size:18px;color:var(--color-primary);margin-right:5px}
@media screen and (max-width: 767px){
    blockquote{padding:20px 15px}
}

/*blockquote END*/
/* quote */
.quote{position:relative;margin:16px 0}
.quote:after{content:"";position:absolute;left:15px;top:50px;bottom:50px;border-left:1px dashed #ccc;width:1px}
.quote .quote-left, .quote .quote-right{font-size:28px;color:var(--color-primary)}
.quote .quote-left .ala-iconfont{transform:rotate(180deg);display:inline-block}
.quote .quote-text{padding:4px 0 4px 40px}

/* quote END */
/*block-box*/
.block-box .block-item{background:#fff;height:100%}
.block-box .block-title{font-size:15px;padding:9px 20px;color:#fff;text-align:center;background:var(--color-primary)}
.block-box .block-content{padding:20px}
.article-content .block-content{background:#fff}
@media screen and (max-width: 767px){
    .block-box .block-content{background:#fff}
}

/*block-box END*/
/*鎶樺彔闈㈡澘*/
.slide-door{margin-bottom:1px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;background-color:#f8f8f8;padding:0 16px;overflow:hidden}
.slide-door+.slide-door{border-top:0}
.slide-door .accordion-title{padding:16px 36px 16px 0;margin-bottom:0;cursor:pointer;font-size:18px;margin:0;position:relative;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.slide-door .accordion-title:after{content:"\f067";position:absolute;top:50%;margin-top:-12px;right:0;content:'';width:22px;height:22px;background:url("../images/toggle-grey.svg") right center no-repeat;transition:all .3s}
.slide-door:not(.open):hover .accordion-title:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.slide-door.open{background-color:#fff}
.slide-door.open .accordion-title:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
.slide-door .accordion-content{padding:0 0 20px;display:none;color:var(--color-text-secondary-grey)}
.slide-door .accordion-content > *:last-child{margin-bottom:0}
.slide-box .slide-door .accordion-title{border-left:0}
@media screen and (max-width: 767px){
    .slide-door .accordion-title{font-size:16px}
    .slide-door .accordion-title:after{width:18px;height:18px;margin-top:-9px}
}

/*table,*/
table{max-width:100%;width:100%;margin:16px 0;border-collapse:separate!important;border-style:solid;border-color:#ccc;border-left-width:1px!important;border-top-width:1px!important;border-right-width:0!important;border-bottom-width:0!important;border-spacing:0!important;line-height:1.6;table-layout:fixed}
table td, table th{padding:10px 5px;border-style:solid;border-color:inherit;border-top-width:0!important;border-left-width:0!important;border-right-width:1px!important;border-bottom-width:1px!important;white-space:normal!important}
table td > *, table th > *{white-space:normal!important}
.mce-content-body table td > *:last-child, .mce-content-body table td li:last-child, .mce-content-body table th > *:last-child, .mce-content-body table th li:last-child{margin-bottom:0}
.mce-content-body table li, .mce-content-body table p{margin-bottom:8px}
table td > *:last-child, table th > *:last-child{margin-bottom:0}

/* people-item */
.people-item{display:flex}
.people-item+.people-item{margin-top:40px}
.people-item .people-left .people-img{width:160px;position:relative;padding-left:8px;padding-top:8px}
.people-item .people-left .people-img > *{position:relative}
.people-item .people-left .people-img:before{content:"";position:absolute;left:0;top:0;right:16px;bottom:12px;background-color:var(--color-third);background-image:url("../images/bg_menu_head.png");background-size:cover;background-repeat:no-repeat;background-position:center;z-index:0}
.people-item .people-body{background-color:#fff;padding:30px;flex:1;margin-top:8px}
.people-item .people-body .people-top{padding-bottom:15px;border-bottom:1px dashed var(--border-color-base);margin-bottom:20px}
.people-item .people-body .people-top p{margin-bottom:0}
.people-item .people-body .people-name{font-size:20px;color:var(--color-third);align-items:flex-end;line-height:1;display:flex}
.people-item .people-body .people-name em{font-size:14px;font-style:normal;color:var(--color-text-secondary-grey);margin-left:10px;padding-left:10px;border-left:1px solid var(--border-color-base);flex:1}
.people-item .people-body .people-name em .ala-iconfont{display:none}
.people-item .people-body .people-email{font-size:14px;color:var(--color-third)}
.people-item .people-body .people-email a{color:inherit}
.people-item .people-body .people-email:hover a{color:var(--color-third)}
.people-item .people-body .people-desc{font-size:14px;color:var(--color-text-secondary-grey)}
.people-item .people-body .people-desc li, .people-item .people-body .people-desc p{margin-bottom:8px}
.people-item .people-body .people-desc > *:last-child{margin-bottom:0}
.people-item .people-body .ala-iconfont{ margin-right:4px}
.mce-content-body .people-item .people-body{padding:10px 0 0 30px}
.mce-content-body .people-item .people-left .people-img{width:150px}
@media screen and (max-width: 1199px){
    .people-item .people-body .people-top{display:block!important}
    .people-item .people-body .people-email{margin-top:10px}
}
@media screen and (max-width:767px){
    .people-item{display:block}
    .people-item+.people-item{margin-top:15px}
    .people-item .people-left{background:#fff;padding-top:20px}
    .mce-content-body .people-item .people-left .people-img, .people-item .people-left .people-img{width:120px;margin:0 auto}
    .people-item .people-body{padding:20px;margin-top:0}
    .mce-content-body .people-item .people-body{padding:20px 0 0}
    .people-item .people-body .people-top{display:block!important;text-align:center}
    .people-item .people-body .people-name{font-size:18px;display:block;line-height:1.5}
    .people-item .people-body .people-name em{display:block;border-left:unset;padding-left:0;margin-left:0;margin-top:5px}
    .people-item .people-body .people-name em .ala-iconfont{display:unset}
    .people-item .people-body .people-email{margin-top:3px;color:var(--color-text-secondary-grey)}
}

/* people-item END */
/* card-item */
.row-flex .card-item{height:100%}
.card-item .card-body > *:last-child, .card-item .card-head p{margin-bottom:0}
.card-item{background-color:#fff}
.card-item .card-head{padding:15px 30px;background:var(--color-third) url("../images/bg_head.png") center center no-repeat;background-size:cover;color:#fff;font-size:18px}
.card-item .card-body{padding:20px 30px;color:var(--color-text-secondary-grey)}
.card-item .card-body .ala-iconfont{color:var(--color-primary);margin-right:5px}
@media screen and (max-width: 767px){
    .card-item .card-head{font-size:18px;padding:15px 20px}
    .card-item .card-body{padding:15px 20px}
}

/* card-item END */
/*鏃堕棿绾�?*/
.mce-content-body .layui-timeline{padding-left:0;margin:15px 0}
.mce-content-body .layui-timeline .layui-timeline-item{padding-top:0;list-style:none;margin-bottom:0;padding-left:0}
.mce-content-body .layui-timeline .layui-timeline-item:before{content:unset}
.layui-timeline-item:after{content:'';position:absolute;left:5px;top:9px;z-index:0;width:1px;height:100%;background-color:#e6e6e6}
.layui-timeline .layui-timeline-item:last-child:after{height:unset;bottom:20px}
.layui-text{color:inherit;line-height:inherit;font-size:inherit}
.layui-text ul{padding:0}
.layui-text ul li{margin-top:0}
.layui-text ul li::marker{content:""}
.mce-content-body .layui-timeline .layui-timeline-time{font-size:18px;color:var(--color-text-regular)}
.mce-content-body .layui-timeline .layui-timeline-title{font-size:18px;color:var(--color-text-regular);margin-top:4px}
.mce-content-body .layui-timeline .timeline-content{margin-top:10px}
.mce-content-body .layui-timeline .layui-timeline-title p{margin-bottom:0}
.mce-content-body .layui-icon{color:var(--color-primary);font-size:12px}
.layui-timeline-axis{top:6px}
.mce-content-body .timeline-content li, .mce-content-body .timeline-content p{margin-bottom:8px}
.mce-content-body .layui-timeline .timeline-content > *:last-child, .mce-content-body .layui-timeline .timeline-content > *:last-child li{margin-bottom:0}

/*鏃堕棿绾�? END*/
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{background-color:inherit;color:inherit}

/* .layui-nav.nav-horizon */
.layui-nav.nav-horizon{display:inline-block;background:unset;padding:unset;border-radius:unset;height:unset;line-height:unset;color:inherit}
.layui-nav.nav-horizon .layui-nav-item{line-height:unset}
.layui-nav.nav-horizon .layui-nav-more{display:inline-block;transform:rotate(0);margin-left:5px;border:unset;position:relative;width:12px;height:12px;line-height:1;font-size:12px;margin-top:0;right:unset;top:unset;margin-top:2px}
.layui-nav.nav-horizon .layui-nav-more:after{content:"\e625";font-family:"ala-iconfont";line-height:1}
.layui-nav.nav-horizon .layui-nav-child{top:100%;margin-top:10px;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%); text-align:center}
.layui-nav.nav-horizon .layui-nav-itemed > a .layui-nav-more, .layui-nav.nav-horizon .layui-nav-mored{transform:rotate(180deg)}
.layui-nav.nav-horizon .layui-nav-child a:hover{background-color:#f5f7fa;color:var(--color-primary)}
.layui-nav-bar{display:none}
.layui-nav-bar, .layui-nav.nav-horizon .layui-this:after{content:unset}
.layui-nav.nav-horizon .layui-nav-child:before{content:"";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px;filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));top:-6px;left:50%;margin-left:-6px;border-top-width:0;border-bottom-color:#ebeef5}
.layui-nav.nav-horizon .layui-nav-child:after{content:"";position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px;top:-5px;left:50%;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}
.layui-nav.nav-horizon hr{margin:5px 0}
.layui-nav.nav-horizon .layui-nav-child dd .ala-iconfont{margin-right:5px}
.layui-nav.nav-horizon .layui-nav-itemed > .layui-nav-child{background-color:#fff!important}

/* .layui-nav.nav-horizon END */
/* layui-nav-tree */
.layui-nav-tree{width:unset;color:inherit;background:unset}
.layui-nav-tree .layui-nav-item a{height:auto;line-height:1.5;color:inherit;white-space:normal}
.layui-nav-tree .layui-nav-item a:hover, .layui-nav-tree .layui-nav-itemed > a, .layui-nav-tree .layui-this a{color:var(--color-text-regular)!important}
.layui-nav-tree .layui-nav-child a{color:var(--color-text-secondary)!important}
.layui-nav-tree .layui-nav-child a:hover, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover{color:var(--color-primary)!important}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-nav-itemed, .layui-nav-tree .layui-nav-itemed > .layui-nav-child, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover{background-color:unset!important}
.layui-nav-tree .layui-nav-item > a .layui-nav-more{padding:0}
.layui-nav-tree .layui-nav-more{right:5px;top:50%;height:12px;line-height:12px;margin-top:-6px;padding:0}
.layui-nav-tree .layui-nav-item+.layui-nav-item{margin-top:24px}
.layui-nav-tree .layui-nav-item > a{padding-top:0;padding-bottom:0;font-size:24px;position:relative;height:unset;position:relative;transition:unset}
.layui-nav-tree.is-small .layui-nav-item > a{font-size:18px}
.layui-nav-tree .layui-nav-item > a:after{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px; }
.layui-nav-tree > .layui-this > a:after{background-color:var(--color-primary)}
.layui-nav-tree .layui-nav-child a{font-size:18px;padding-top:8px;padding-bottom:8px}
.layui-nav-tree .layui-nav-child{padding:16px 0 6px}
@media screen and (max-width: 1199px){
    .layui-nav-tree .layui-nav-item > a{font-size:22px}
}

/* layui-nav-tree END */
/* hidden-sm */
@media screen and (max-width:991px){
    .hidden-sm{display:none}
}

/* hidden-sm END */
/*block-contributeur*/
.block-contributeur{background:#fff;border-top:3px solid var(--color-primary);height:100%; border-radius:4px;overflow:hidden}
.bg-grey .block-contributeur{background:#fff}
.block-contributeur li, .block-contributeur p{margin-bottom:5px!important}
.block-contributeur .block_content{text-align:center;padding:19px}
.block-contributeur_name{font-size:18px;color:var(--color-text-regular)}
.block_bottom{border-top:1px dashed var(--border-color-light);padding:15px 20px;text-align:left}
@media screen and (max-width: 767px){
    .block_bottom{font-size:14px;padding:15px}
}

/*block-contributeur*/
/*keywords*/
.keyword-list{margin:0 -15px;display:flex;flex-wrap:wrap;justify-content:center}
.keyword-item{padding:0 15px;text-align:center;line-height:1;margin:20px 0;width:33.33333%;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative}
.keyword-item > *{flex:1;text-align:center}
.keyword-item .top{display:flex;align-items:flex-end;justify-content:center;padding-bottom:15px;margin-bottom:18px;border-bottom:1px dashed var(--border-color-base);flex:1;width:100%;position:relative}
.keyword-item .top:before{content:"";position:absolute;left:50%;width:40px;height:5px;bottom:-3px;background-color:var(--color-primary);margin-left:-20px}
.keyword-item .num{font-size:52px;color:var(--color-primary);font-weight:bold}
.keyword-item .top .small{margin-bottom:5px;margin-left:8px}
@media screen and (max-width: 767px){
    .keyword-item{width:100%}
}

/*keywords END*/
/* slide-card */
.slide-card{position:relative;height:100%;background-color:#f8f8f8}
.slide-card .img-box{height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
.slide-card .img-box .img{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-card .img-box img{width:100%!important;height:100%!important;object-fit:cover;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.slide-card .text-box{padding:20px}
.slide-card .text-box .title{font-size:16px;color:#000}
.slide-card .text-box .title p{margin-bottom:0}
.slide-card .text-box .desc{margin-top:10px;font-size:14px}
.slide-card .text-box .desc p{margin-bottom:6px}

/* slide-card END */
/* name-list */
/* name-list */
.name-list{overflow:hidden}
.name-list .name-item{display:block;padding:30px;background-color:#f8f8f8; border-right:1px dashed var(--border-color-base);border-bottom:1px dashed var(--border-color-base);line-height:1.5;transition:all .3s ease-in-out;position:relative;height:100%}
.name-list .name-item:hover{background-color:#eee; border-color:#eee; }
.name-list .name-item .name-title{font-size:18px;margin-bottom:16px}
.name-list .name-item .name-title p{margin-bottom:0}
.name-list .name-item .name-body{color:#808080;font-size:14px;transition:all .3s ease-in-out}
.name-list .name-item .name-body > *{margin-bottom:8px}
.name-list .name-item > *{position:relative;z-index:1}
.name-list .name-item:after, .name-list .name-item:before{content:"";position:absolute;z-index:0}
.name-list .name-item:before{left:20px;top:22px;right:20px;bottom:20px;background:url("../images/logo_sjtu_small.png") left top no-repeat;background-size:40px;opacity:.1}
.name-list .name-item:after{left:30px;right:30px;bottom:20px;top:30px;background:url("../images/search-bg-red.png") right bottom no-repeat;background-size:auto 20px;opacity:.35;transition:all .3s ease-in-out}
@media screen and (min-width: 768px){
    .name-list .layui-col-xs12:nth-of-type(3n+3) .name-item{border-right:0}
}
@media screen and (max-width: 568px){
    .name-list .name-item{width:100%;border-right:0;padding:16px}
    .name-list .name-item:after{left:16px;bottom:10px;right:16px}
}

/* name-list END */
/* name-list END */
/* gallery-item */
.gallery-item{overflow:hidden}
.gallery-item .img-box{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
.gallery-item .img-box .img{position:absolute;left:0;right:0;top:0;bottom:0}
.gallery-item .img-box img{width:100%!important;height:100%!important;object-fit:cover}
.gallery-item .text-box{padding:10px 0;text-align:center}

/* gallery-item END */
.mce-content-body .staff-item{background-color:#f8f8f8;margin:20px 0}
.mce-content-body .more-btn{margin-top:0}
.block_bottom li, .block_bottom p, .keyword-item .text li, .keyword-item .text p, .media .media-desc li, .media .media-desc p{margin-bottom:6px!important}
.accordion-content > *:last-child, .accordion-content li:last-child, .accordion-title p, .block-contributeur_name p, .block_bottom > *:last-child, .block_bottom li:last-child, .keyword-item .text > *:last-child, .keyword-item .text li:last-child, .keyword-item p, .media .media-desc > *:last-child, .media .media-desc li:last-child, .media .media-name p, .quote-text > *:last-child, .quote-text li:last-child, blockquote > *:last-child, blockquote li:last-child{margin-bottom:0!important}

/*sidebar*/
.sidebar .sidebar-item{margin-bottom:30px}
.sidebar .sidebar-item:last-child{margin-bottom:0}
.sidebar-item h4{font-weight:normal;font-size:20px;position:relative;padding-bottom:8px;margin-bottom:20px;border-bottom:1px dashed #e2e2e2;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.sidebar-item h4:after{content:"";position:absolute;left:0;width:40px;height:3px;background:var(--color-primary);bottom:-2px}
.sidebar-item h4 span{display:block;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}
.sidebar-item h4 .ala-iconfont{font-size:16px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:var(--color-primary)}
.sidebar-item ul li{margin:15px 0}
.sidebar-item ul li a{color:var(--color-text-regular)}
.sidebar-item ul li a:hover{color:var(--color-primary)}
.sidebar-item ul li .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sidebar-item ul li .title+.time{margin-top:5px}
.sidebar-item ul li .time{font-size:13px;color:var(--color-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-item ul li .time .ala-iconfont{margin-right:5px}
@media screen and (max-width: 767px){
    .sidebar .sidebar-item{padding-top:20px;position:relative}
    .sidebar .sidebar-item:after{content:"";position:absolute;top:0;height:5px;background:#f0f0f0;left:-5vw;right:-5vw}
}

/*sidebar END*/
/*media*/
.media{margin:25px 0;padding-right:30px;padding-bottom:30px;position:relative}
.media > *{position:relative;z-index:2}
.media:before{content:"";position:absolute;left:30px;right:0;top:30px;bottom:0;background-color:var(--bg-grey);z-index:0}
.media .media-left .media-img{width:200px}
.media .media-body .media-line{width:200px;height:1px;margin-top:20px;border-top:1px solid #ccc;float:right}
.media .media-body .quote{font-size:40px;color:#ccc;line-height:1;margin-top:10px;margin-bottom:24px}
.media .media-body .media-name{font-size:22px;color:var(--color-text-regular);line-height:1.2; }
.media .media-body .media-title{ color:var(--color-text-secondary-grey);margin-left:10px;font-size:14px}
.media .media-body .media-desc{margin-top:16px;font-size:14px;color:var(--color-text-secondary-grey)}
.media .media-body .media-title .ala-iconfont{color:var(--color-primary);margin-right:5px}
@media screen and (min-width: 768px){
    .media{display:-webkit-box;display:-ms-flexbox;display:-moz-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;justify-content:space-between}
    .media .media-left{padding-right:30px}
    .media .media-body{-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}
}
@media screen and (max-width: 767px){
    .media{padding:0 15px 15px}
    .media:before{left:0;top:60px}
    .media .media-left .media-img{width:140px;height:140px;border-radius:50%;overflow:hidden;margin:0 auto 15px;border:5px solid var(--bg-grey)}
    .media .media-left .media-img img{width:100%}
    .media .media-body .media-name, .media .media-body .media-title{text-align:center}
    .media .media-body .quote{display:none}
}

/*media END*/