@charset "utf-8";

@font-face{
    font-family:'Poppins';
    font-display:swap;
    font-weight:400;
    font-style:normal;
    src:local("Poppins Regular"),
    local("Poppins-Regular"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Regular.woff2") format("woff2"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Regular.woff") format("woff")
}
@font-face{
    font-family:'Poppins';
    font-display:swap;
    font-weight:600;
    font-style:normal;
    src:local("Poppins Semibold"),
    local("Poppins-Semibold"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Semibold.woff2") format("woff2"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Semibold.woff") format("woff")
}
@font-face{
    font-family:'Poppins';
    font-display:swap;
    font-weight:700;
    font-style:normal;
    src:local("Poppins Bold"),
    local("Poppins-Bold"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Bold.woff2") format("woff2"),
    url("https://47kyk5.com/public/lyon/fonts/poppins/Poppins-Bold.woff") format("woff")
}
/* 防止用户自定义背景颜色对网页的影响 */
html{
  color:#333333;background:#fff;
}
/* 内外边距重置 */
*{
  margin:0;padding:0;
}
body,button,input,select,textarea{
  /*font-family:"Gotham Rounded",Tahoma, Arial, Helvetica, STHeiti, 'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei', '微软雅黑';*/
  font-family:"Gotham SSm A", "Gotham SSm B",Tahoma, Arial, Helvetica, STHeiti, 'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei', '微软雅黑';
  font-size: 14px;
  word-wrap: break-word;
  color: #333333;
  line-height: 1.6;
}
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;
}
ul{
    padding-left: 18px;
}
ol{
    padding-left: 28px;
}
ul li{
    list-style: disc;
}
ol li{
    list-style: decimal;
}
/* 去掉列表前的标识, li 会继承 */
ol.no-style,ul.no-style{
  list-style:none;
  margin-bottom: 0;
  padding-left: 0;
}
ol.no-style li,ul.no-style li{
    list-style: none;
  position: relative;
  line-height: 150%;
}


ol.inline-block li,ul.inline-block li{
    display: inline-block;
}

.fa-mobile-phone{
    font-size: 18px;
}
.fa-envelope{
    font-size: 13px;
}
/* 让标题都自定义 */
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
  margin: 0;
  margin-bottom: 10px;
}

q:before,q:after {
  content:'';
}
/* 让链接在 hover 状态下不显示下划线 */
a:visited,a:focus{
    text-decoration: none;
}
a, a:hover{
  text-decoration:none;
  color: #333;
}
a:hover{
    color: #c80016;
}
/* button的cursor属性 */
button,a{
  outline:none;
  cursor:pointer;
}

/*  页面布局  */ 
.clearB{
  clear:both;
}
.fll{
  float:left;
}
.flr{
  float: right;
}
.text-left{
  text-align: left!important;
}
.text-center{
  text-align: center!important;
}
.text-right{
  text-align: right!important;
}

h1{
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5{
  font-size: 14px;
}
h6{
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  h1{
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  /*h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }*/
}
p{
  line-height: 150%;
  margin-bottom: 10px;
}
.clearfix:after {
    display: block;
    content: "\20";
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: visible;
}
.glyphicon{
    top: 2px;
    margin-right: 6px;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
input, button, select, textarea {
    outline: none
}
textarea {
    resize: none
}
button {
    background: none;
    border: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.mrb15{
    margin-bottom: 15px;
}
.red{
    color: #E50515;
}
.blod{
    font-weight: bold;
}
.iconfont{
    font-size: inherit;
}


/*header*/
header .container{
    position: relative;
}
@media screen and (min-width: 992px) {
    .header>div{
        height: 90px;
    }
}
.logo{
    float: left;
    padding: 5px 0;
    position: relative;
    z-index: 55;
}
.logo img{
    height: 80px;
}
.header-top{
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 999;
}
.header-top .menu-top{
    background: #f0f0f0;
    float: left;
    height: 32px;
    padding-right: 20px;
}
.header-top .menu-top li{
    color: #888;
    font-size: 12px;
    display: inline-block;
    line-height: 32px;
}
.header-top .menu-top a{
    display: block;
    padding: 0 8px;
    color: #888;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-top .menu-top .iconfont,
.header-top .menu-top .fa{
    font-size: 16px;
    vertical-align: middle;
}
.header-top .menu-top .fa-wechat{
    font-size: 14px;
}
.header-top .menu-top .img-box{
    position: absolute;
    top: 100%;
    width: 160px;
    padding: 15px;
    background: #fff;
    border-radius: 2px;
    left: 50%;
    margin-left: -80px;
    box-shadow: 2px 2px 10px #999;
    z-index: -1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none;
    text-align: center;
}
.header-top .menu-top .img-box.text-box{
    width: 120px;
    margin-left: -60px
}
.header-top .menu-top .img-box:after{
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.header-top .menu-top .img-box a:hover{
    color: #333;
}
.header-top .menu-top .img-box img{
    width: 100%;
}

.header-top .menu-top li.open .img-box{
    z-index: 999;
    display: block;

}


.search-box-handle {
    background-color: #202020;
    display: inline-block;
    height: 32px;
    width: 33px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    position: relative;
    padding-left: 0;
    color: white;
    color: white !important;
    overflow: hidden;
}
.search-form {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.search-form .form-text {
    width: 100%;
    border: 1px solid #aaa;
}
.search-form .form-text:focus{
    border-color: #c80016;
}
.form-text, .form-submit {
    padding: 9px;
    border: none;
    max-width: 100%;
    display: inline-block;
    border-radius: 2px;
}
.search-form .form-submit {
    background-color: #83818C;
    color: white;
}

/*header-nav*/
.header-nav{
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    text-align: right;
    font-size: 15px;
    z-index: 998;
}
.header-nav .nav{
    float: right;
}
.header-nav .nav>li{
    position: static;
}
.header-nav .dropdown-menu{
    background: rgba(255, 255, 255,0.96);
    border-radius: 0;
    border: none;
    float: none;
    right: 0;
    padding: 30px 50px;
    padding-top: 15px;
    border-top: 2px solid #E50515;
    border-bottom: 5px solid #E50515;
    margin-top: 0;
}
.dropdown-menu li{
    list-style: none;
}
.header-nav .nav>li>a {
    display: block;
    padding: 10px;
    border-radius: 0;
}
.header-nav .nav>li>a:focus, .header-nav .nav>li>a:hover {
    text-decoration: none;
    background-color: #E50515;
    border: none;
    color: #fff;
}
.header-nav .nav .open>a, .header-nav .nav .open>a:focus, .header-nav .nav .open>a:hover {
    background-color: #E50515;
    color: #fff;
}
.header-nav .nav .open>a .fa-angle-down{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header-nav .nav .open{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header-nav .nav .open>a .fa-angle-down:before{content:"\f106";}
.nav-pills>li+li{
    margin-left: 0;
}

/*sub-menu*/

.header-nav .dropdown-menu .sub-title{
    font-size: 18px;
    display: block;
    color: #E50515;
    margin-top: 20px;
}
.header-nav .dropdown-menu .sub-title+ul>li{
    border-bottom: 1px dashed #ccc;
    position: relative;
}
.header-nav .dropdown-menu .sub-title+ul>li>a{
    display: block;
    padding: 10px 0;
}
.header-nav .dropdown-menu .sub-title+ul>li a:hover{
    color: #c80016;
}
.mobile-nav-header{
    display: none;
}

.header.header-fixed{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
}

@media screen and (min-width: 992px) {
    .header.header-fixed .logo{
        padding: 0;
    }
    .header.header-fixed .header-nav .dropdown-menu{
        top: 44px;
    }
    .header-nav .dropdown-menu .col-md-2{
        width: 20%;
    }
}
.header.header-fixed .header-top{
    display: none;
}
.header.header-fixed .header-nav{
    top: 16px;
}
.headerTemp{
    height: 60px;
    display: none;
}
@media screen and (max-width: 991px) {
    .header.header-fixed{
        height: 70px;
    }
    .headerTemp{
        height: 70px;
    }
}

/* mobile header-nav*/
@media screen and (max-width: 991px) {
    .logo{
        padding: 5px 0;
    }
    .logo img{
        height: 60px;
    }
    .header-nav{
        bottom: auto;
        top: 0;
        text-align: left;
    }
    .header-nav .nav{
        float: none;
    }
    .header-nav .nav>li{
        float: none;
        display: block;
    }
    .header-nav .nav-pills,.header-nav .dropdown-menu{
        position: fixed; 
        top: 0; 
        right: -360px; 
        bottom: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        z-index: 999;
        width: 300px;
        background: #fff;
        padding: 15px 15px 30px;
        left: auto;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
    }
    .header-nav .dropdown-menu{
        border: none;
    }
    .header-mobile{
        float: right;
    }
    .site-mobile .header-nav .nav-pills,.dropdown-menu.show{
        right: 0;
    }
    .site-tree-mobile{
        display: block!important; 
        height: 70px; 
        line-height: 70px; 
        text-align: center; 
        font-size: 18px;
        cursor: pointer;
        padding: 0 15px;
    }
    .site-tree-mobile .fa{
        font-size: 24px;
        margin-left: 5px;
    }
    .site-mobile .site-mobile-shade{
        content: ''; 
        position: fixed; 
        top: 0; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        background-color: rgba(0,0,0,.8); 
        z-index: 99;
    }
    .header-nav .nav .fa-angle-down {
        float: right;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        right: 0;
        line-height: 40px;
        text-align: right;
        margin-top: 0px;
    }
    .header-nav .nav .fa-angle-down:before,
    .header-nav .nav .open>a .fa-angle-down:before {
        content: "\f0fe";
        color: #c80016;
        opacity: .75;
        margin-top: 0px;
    }
    .header-nav .nav>li>a:focus, .header-nav .nav>li>a:hover,.header-nav .nav .open>a, .header-nav .nav .open>a:focus, .header-nav .nav .open>a:hover {
        background: none;
        border: none;
        color: #333;
    }
    .header-nav .nav>li>a:focus .fa-angle-down:before, .header-nav .nav>li>a:hover .fa-angle-down:before{
        content: "\f0fe";
    }
    .mobile-nav-header{
        background: #E50515;
        display: block!important;
        margin-top: -15px;
        height: 60px;
        line-height: 60px!important;
        width: 300px;
        padding: 0;
        position: relative;
        margin-bottom: 15px;
    }
    .header-nav .back,.header-nav .closeIcon{
        color: #fff;
        display: inline-block;
        cursor: pointer;
        padding: 0 15px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .header-nav .back{
        right: auto;
        left: 0;
    }
    .header-nav .back{
        float: left;
    }
    .header-nav .dropdown-menu>li{
        padding-left: 0;
        padding-right: 0;
    }
    .header-nav .dropdown-menu .sub-title{
        padding: 3px 0;
    }
    .header-nav .dropdown-menu .sub-title+ul>li>a{
        width: 100%;
        display: block;
    }
    body.fixed{
        height: 100%;
        overflow: hidden;
    }
    .language a{
        display: inline-block;
        color: #fff;
        text-align: center;
        padding: 0 15px;
    }
    .language a.active{
        background: #c80016;
    }
}
@media screen and (max-width: 767px) {
    .site-tree-mobile{
        display: block!important; 
        position: absolute; 
        z-index: 998; 
        top: 0px; 
        right: 0px; 
    }
}



/*footer*/
footer,footer a{
    color: #eee;
    font-size: 13px;
}
footer{
    background: #202020;
}
.footer-top{
    padding-bottom: 30px;
}
.footer-bottom{
    padding: 20px 0;
    border-top: 1px solid #666;
}
.footer-bottom a{
    color: #ccc;
}
.footer-bottom .split-line{
    color: #aaa;
}
.footer-bottom li:last-child .split-line{
    display: none;
}
footer .title{
    color: #fff;
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 20px;
}
@media screen and (max-width: 767px) {
    footer .title{
        margin: 20px 0 10px;
    }
}

.footer-top .fa{
    margin-right: 5px;
}

.footer-bottom img{
    max-width: 100%;
}
.footer-bottom .media{
    padding: 9px 0;
}
.footer-bottom .media > a{
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    margin-right: 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.footer-bottom .media > a:nth-of-type(1){
    background: #04C102;
}
.footer-bottom .media > a:nth-of-type(2){
    background: #D52929;
}
.footer-bottom .media > a:nth-of-type(3){
    background: #1AB2E8;
}
.footer-bottom .media > a:nth-of-type(4){
    background: #3B589C;
}
.footer-bottom .media > a:nth-of-type(5){
    background: #D04E42;
}
.footer-bottom .media > a:nth-of-type(6){
    background: #006A9A;
}
.footer-bottom .media > a:hover{
    opacity: .8;
}
@media screen and (max-width: 767px) {
    .footer-bottom .media{
        margin-top: 20px;

    }
}
.copyRight{
    background: #111;
    padding: 10px 0;
    color: #ccc;
    font-size: 12px;
}






/*banner*/
.banner{
    overflow: hidden;
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner .swiper-slide {
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.banner .swiper-pagination{
    bottom: 60px;
}
/*.banner .swiper-pagination-bullet {
    width: auto;
    height: auto;
    text-align: center;
    background: none;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: transparent;
    border-radius: 0;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active {
    background: none;
}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5n+1).swiper-pagination-bullet-active{
    border-color: #5C7929;
}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5n+2).swiper-pagination-bullet-active{
    border-color: #013057;
}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5n+3).swiper-pagination-bullet-active{
    border-color: #7E001C;
}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5n+4).swiper-pagination-bullet-active{
    border-color: #7B694E;
}
.banner .swiper-pagination .swiper-pagination-bullet:nth-of-type(5n+5).swiper-pagination-bullet-active{
    border-color: #c73e1a;
}
.banner .swiper-pagination-bullet img{
    margin-top: 5px;
    width: 60px;
    height: 40px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.banner .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    padding: 10px 37px;
}*/
.banner .swiper-button-next:after, 
.banner .swiper-button-prev:after{
    color: #fff;
}
.banner .swiper-button-prev,.banner .swiper-button-next{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.banner .swiper-button-prev{
    left: -27px;
}
.banner .swiper-button-next{
    right: -27px;
}
.banner:hover .swiper-button-prev{
    left: 15px;
}
.banner:hover .swiper-button-next{
    right: 15px;
}

.banner .swiper-slide>.container{
    position: absolute;
    top: 0;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 130px;

    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.banner .text-box{
    width: 60%;
    background: rgba(0,0,0,0.25);
    text-align: center;
    color: #fff;
    padding: 2em 3em;
    position: relative;
}
.banner .text-box:before, .banner .text-box:after {
    background: #fff;
    content: '';
    height: 1px;
    left: 20px;
    margin: 0 auto;
    position: absolute;
    right: 20px;
    z-index: 3;
}
.banner .text-box:before {
    top: -20px;
}
.banner .text-box:after {
    bottom: -20px;
}
.banner .text-box .desc{
    margin-bottom: 0;
    margin-top: 10px;
    white-space: normal;
    font-size: 20px;
}
.banner .text-box .title{
    font-size: 28px;
    margin-bottom: 0;
}
.banner .text-box a{
    color: #fff;
}
.banner .text-box a:hover .title{
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .banner .swiper-slide>.container{
        bottom: 20px;
    }
}
@media screen and (max-width: 991px){
    .banner .text-box{
        padding: 15px;
        width: 80%;
    }
    .banner .text-box .title{
        font-size: 22px;
    }
    .banner .text-box .desc{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    .banner {
        height: 240px;
        overflow: hidden;
    }
    .banner .swiper-pagination{
        bottom: 10px;
    }
    .banner .swiper-wrapper,
    .banner .swiper-slide{
        height: 100%!important;
    }
    .banner img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        /* position: absolute;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 100%;
        width: auto; */
    }
    .banner .swiper-slide>.container{
        left: 0px;
        right: 0px;
        margin-left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .banner .text-box{
        width: 100%;
    }
    .banner .text-box .title{
        font-size: 20px;
    }
    .banner .text-box .desc{
        font-size: 16px;
    }
}
.banner-text{
    text-align: left;
    width: 100%;
}
.banner-text .box{
    width: 40%;
}
.banner-text .box .title{
    color: #e50515;
    position: relative;
    padding: 10px 0;
    line-height: 130%;
    padding-bottom: 20px;
}
.banner-text .box .title:after{
    content: "";
    border-bottom: 2px solid #E50515;
    position: absolute;
    left: 0;
    right: 100px;
    bottom: 0px;
}
.banner-text .box .desc{
    font-size: 20px;
    margin-top: 10px;
    padding-right: 100px;
}
.banner-text .box .btn{
    position: absolute;
    right: 0;
    bottom: -30px;
    background: #e50515;
    border-radius: 0;
    border: none;
}
.banner-text .box .btn a{
    color: #fff;
}
@media screen and (max-width: 1199px){
    .banner-text .box{
        width: 50%;
    }
}
@media screen and (max-width: 991px){
    .banner-text .box{
        width: 70%;
    }
    .banner-text .box .title{
        font-size: 28px;
    }
    .banner-text .box .desc{
        font-size: 18px;
    }
}
@media screen and (max-width: 767px){
    .banner-text .box{
        width: 100%;
    }
    .banner-text .box .title{
        font-size: 20px;
    }
    .banner-text .box .desc{
        font-size: 16px;
    }
}
/*swiper-pagination-bullet*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 70px;
    z-index: 5;
}
.swiper-pagination-bullet {
    opacity: .8;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: relative;
}
.swiper-button-prev,.swiper-button-next{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #e50515;
}
.swiper-pagination-bullet-active:after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #e50515;
    left: -6px;
    top: -6px;
    border-radius: 50%;
}
/* @media screen and (max-width: 1199px) {
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 15px;
    }
} */
@media screen and (max-width: 767px) {
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
    .swiper-pagination-bullet-active:after{
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border: 1px solid #e50515;
        left: -4px;
        top: -4px;
        border-radius: 50%;

    }
}

/*breadCrumb*/
.breadCrumb {
    background: none;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
}
.breadCrumb a{
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 8px 20px 8px 15px;
}
.breadCrumb a:after{
    content: "\f105";
    font-size: 22px;
    position: absolute;
    right: 0px;
    font-family: 'FontAwesome';
    color: #fff;
}
.breadCrumb a:hover{
    color: #c80016;
}
.breadCrumb  ul li:nth-of-type(1) a{
    padding-left: 0;
}



/**/
.core {
    overflow: hidden;
    padding: 35px 0;
}
@media screen and (max-width: 767px) {
    .core{
        padding: 0;
    }
}
.core-left {
    color: white;
}
.core-left .text{
    font-size: 16px;
    /*text-shadow: 2px 2px 4px #000000;*/
}
.core-left > a {
    display: inline-block;
    width: 50%;
    color: white !important;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
    height: 186px;
    float: left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.core-left > a:before{
    content: "+";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 20px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.core-left > a:hover:before{
    width: 34px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
}
.core-left > a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 35px;
    color: transparent;
    z-index: 4;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.core-green{
    background: #5C7929;
}
.core-green:after {
    border-bottom-color: #73940F;
}
.core-blue{
    background: #013057;
}
.core-blue:after {
    border-bottom-color: #003A6C;
}
.core-red{
    background: #C80016;
}
.core-red:after {
    border-bottom-color: #E50515;
}
.core-coffee{
    background: #7B694E;
}
.core-coffee:after {
    border-bottom-color: #92826B;
}
.core-left > a:hover:after {
    border-width: 0 0 68px 54px;
}
.core-left .icon {
    font-size: 3em;
    display: block;
    line-height: 110px;
}
.core-left img{
    display: inline-block;
    border: 1.2px solid #fff;
    border-radius: 50%;
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
    .core-left > a {
        height: 145px;
    }
    .core-left .icon{
        font-size: 2em;
        line-height: 80px;
    }
    .core-left .icon img{
        width: 50px;
    }
}
@media screen and (max-width: 767px) {
    .core-left > a{
        width: 100%;
        height: auto;
        text-align: left;
    }
    .core-left > a .text{
        display: inline-block;
        text-align: left;
    }
    .core-left > a:before{
        width: 18px;
        height: 22px;
    }
    .core-left > a:hover:before{
        width: 24px;
        height: 35px;
    }
    .core-left > a:after{
        border-width: 0 0 38px 30px
    }
    .core-left > a:hover:after {
        border-width: 0 0 50px 42px;
    }
    .core-left .icon{
        display: inline-block;
        line-height: 150%;
        font-size: 20px;
        margin-right: 15px;
    }
    .core-left .icon img{
        height: 30px;
        width: 30px;
    }
}


.contextual-links-region{
    width: 50%;
    float: left;
}
.core-news {
    display: inline-block;
    /*width: 100%;*/
    box-sizing: border-box;
    vertical-align: bottom;
    padding: 25px;
    height: 182px;
}
.core-right .main-title{
    padding: 25px 25px 0 25px;
    position: relative;
    margin-bottom: 8px;
}
.core-right .main-title .more{
    position: absolute;
    bottom: 5px;
    right: 25px;
    font-size: 14px;
    color: #fff;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .core-right .main-title .more{
        right: 15px;
    }
}

.contextual-links-region:nth-of-type(1){
    border-right: 1px solid #707070;
}
@media screen and (min-width: 768px) {
    .contextual-links-region .core-news:nth-of-type(1),
    .contextual-links-region .core-news:nth-of-type(2){
        border-bottom: 1px dashed #707070;
    }
    .contextual-links-region .core-news:nth-of-type(2n+1){
        border-right: 1px solid #707070;
    }
}
.core-news-first-line {
    color: #909090;
}
.core-news-first-line .fa{
    font-size: 16px;
}
.core-news-second-line{
    font-size: 14px;
    color: #fff;
    margin-top: 6px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 38px;
}
.core-news-body {
    line-height: 150%;
    margin-top: 6px;
    color: #ccc;
}
.core-news-body a{
    color: #fff;
}
.core-news-body .fa{
    width: 16px;
    height: 16px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.core-news-body{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 52px;
    font-size: 12px;
}

@media screen and (max-width: 567px) {
    .contextual-links-region{
        width: 100%;
    }
    .contextual-links-region:nth-of-type(1) {
        border-right: 0;
    }
    .contextual-links-region .core-news{
        height: auto;
        border-bottom: 1px dashed #707070;
        padding: 20px 15px;
    }
    .contextual-links-region:nth-of-type(2) .core-news:nth-of-type(2){
        border-bottom: 0;
    }
    .core-more{
        display: none;
    }
}
.core-more{
    text-align: center;
}

.contextual-links-region{
    width: 100%;
    float: none;
    height: 480px;
}
.contextual-links-region:nth-of-type(1){
    border: none;
}
@media screen and (max-width: 767px) {
    .contextual-links-region{
        height: auto;
        padding-bottom: 25px;
    }
    .core-news{
        padding: 15px;
        height: auto;
        border-bottom: 1px dashed #707070;
    }
    .core-news:last-child{
        border-bottom: none;
    }
    .core-right .main-title{
        padding: 25px 15px 0 15px;
        margin-bottom: 15px;
    }
}
/*core-events*/
.core-events{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    overflow: hidden;
}
.core-events+.core-events{
    margin-top: 24px;
}
.core-events .local{
    display: block;
    width: 100%;
    color: #777;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
}
.core-event-item{
    position: relative;
    display: flex;
    align-items: flex-start;
}
.core-event-item .text-box{
    padding-left: 20px;
    flex: 1;
}
.core-event-item .text-box .fa{
    margin-right: 5px;
    display: inline-block;
}
.core-event-item .core-event-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
.core-event-item .date{
    border: 1px solid #e2001a;
    text-align: center;
    width: 72px;
    font-weight: 300;
    border-radius: 2px;
}
.core-event-item .date .month {
    background: #e2001a;
    padding: 5px 10px;
    color: #fff;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .8em;
    margin-bottom: 0;
    width: 100%;
}
.core-event-item .date .day {
    display: block;
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0;
    width: 100%;
    padding: 5px 10px;
    color: #e2001a;
}

.block{
    padding: 40px 0;
}
.block.wide{
    padding: 0;
}
.block .main-title{
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 8px;
    position: relative;
    font-size: 32px;
}
 .main-title .more{
    position: absolute;
    bottom: 5px;
    right: 0px;
    font-size: 14px;
    color: #333;
    z-index: 2;
}
 .main-title .more:hover{
    color: #E50515;
 }
.block .sub-title{
    margin-bottom: 15px;
}
.block.grey{
    background: #f0f0f0;
}
.block.darkGrey{
    background: #707A7A;
    color: #fff;
}
.block.black{
    background: #202020;
    color: #fff;
}

.block h5,.page-content h3,.page-content h2{
    font-size: 20px;
    margin-top: 25px;
    line-height: 150%;
    margin-bottom: 15px;
    color: #333;
}
.page-content h2{
    font-size: 22px;
    position: relative;
    padding-left: 15px;
    color: #0f0f0f;
}
.page-content h2:after{
    /*content: "\f101";
    font-family: FontAwesome;
    color: #c80016;
    position: absolute;*/
    /*left: 0;
    top: 0;
    font-size: 1.25em;*/
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 5px;
    width: 4px;
    background: #c80016;
}
.block h6,.page-content h4{
    font-size: 16px;
    line-height: 150%;
    /*font-weight: 600;*/
    margin-top: 20px;
    margin-bottom: 15px;
}
.block h6{
    color: #111;
}

@media screen and (max-width: 767px) {
    /*.block h5,.page-content h3{
        font-size: 18px;
    }*/
    .block .main-title{
        margin-top: 2px!important;
        font-size: 28px;
        margin-bottom: 30px;
    }
}
.block img{
    max-width: 100%;
	/*max-height:160px;*/
}
.block.black a,.block.darkGrey a,
.block.black p,.block.darkGrey p,
.block.black .single-link:before,.block.darkGrey .single-link:before{
    color: #fff;
}
.block.grey h5{
    /*color: #000;*/
}
.block p{
    color: #444;
}

.slide {
    margin-bottom: 20px;
    background: #f0f0f0;
}
.slide .text{
    padding: 20px;
}
.slide .text h4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    height: 19px;
}
.slide .text .title{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 150%;
    height: 44px;
}
.slide .text .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    font-size: 13px;
    height: 55px;
    color: #777;
}
.slide .text .ul-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    height: 112.1px;
    color: #666;
}
.slide .text p.ul-desc{
    -webkit-line-clamp: 5;
    height: 102px;
    margin-bottom: 30px;
}
/*ul.ul-desc{
    margin-left: 5px;
}*/
ul.ul-desc li{
    line-height: 200%;
}
.slide .text .time{
    display: block;
    margin-top: 20px;
}
.slide .text .up-time{
    font-size: 15px;
    color: #888;
    margin-bottom: 10px;
    display: block;
}


.block.grey .slide,.block.bg .slide{
    background: #fff;
}
.block.bg{
    background: url("https://47kyk5.com/public/lyon/images/index-alumni.jpg") center center no-repeat;
    background-attachment: fixed;
    position: relative;
}
.block.bg:before{
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(53, 53, 53,.8);
}
.block.bg>.container{
    position: relative;
    z-index: 2;
    color: #fff;
}
.block.bg h3{
    color: #fff;
}
.block .container{
    overflow: hidden;
}
.block .container>*:nth-child(1){
    margin-top: 0;
}
.responsive{
    position: relative;
}
.responsive .swiper-button-next,.responsive .swiper-button-prev{
    right: 0;
    top: -35px;
    width: 32px;
    height: 32px;
    background: #202020;
    color: #fff;
    z-index: 88;
}
.responsive .swiper-button-prev{
    left: auto;
    right: 35px;
}
.responsive .swiper-button-prev:after{
    content: '\f0d9';
    font-family: FontAwesome;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
}
.responsive .swiper-button-next:after{
    content: '\f0da';
    font-family: FontAwesome;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
}
.responsive .swiper-button-next.swiper-button-disabled, 
.responsive .swiper-button-prev.swiper-button-disabled{
    opacity: .75;
}
@media screen and (max-width: 767px) {
    .responsive .swiper-button-next,.responsive .swiper-button-prev{
        width: 26px;
        height: 26px;
    }
    .responsive .swiper-button-next, .responsive .swiper-button-prev{
        margin-top: -21px;
    }
}

.fixed-right{
    position: fixed;
    bottom: 50px;
    right: 0px;
    z-index: 997;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    z-index: -1;
}
.fixed-right.show{
    opacity: 1;
    z-index: 999;
}
.fixed-right ul{
    list-style-type: none;
}
.fixed-right li{
    list-style: none;
    position: relative;
}
.fixed-right li a{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #eee;
    margin-top: -1px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    background: rgba(255,255,255,.8);
    color: #444;
}
.fixed-right li .fa-wechat{
    font-size: 18px;
}

#button-to-top {
    font-size: 30px;
    vertical-align: top;
}
.fixed-right .hide-box{
    position: absolute;
    right: 40px;
    top: 0;
    padding: 12px 10px;
    background: #eee;
    display: none;
    width: 150px;
}
.fixed-right .hide-box img{
    max-width: 100%;
}
.fixed-right .hide-box:after{
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-left: 8px solid #eee;
    right: -16px;
    top: 12px;

}
.fixed-right li:hover .hide-box{
    display: block;
}
.fixed-right li:hover a{
    background: #e50515;
    color: #fff;
    border-color: #c80016;
}
@media screen and (max-width: 991px) {
    .fixed-right{
        bottom: 10px;
    }
}
@media screen and (max-width: 767px) {
    .fixed-right{
        bottom: 10px;
    }
    .fixed-right li{
        display: none;
    }
    .fixed-right li:last-child{
        display: block;
        background: rgba(200,0,24,.4);
        border: none;
        border-radius: 2px;
    }
    #button-to-top{
        color: #ccc;
    }
}

/*digital*/


.digital>div{
    padding: 20px 0;
}
.page-digital {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
}
.page-digital .item{
    padding: 10px 15px;
    display: table-cell;
}
.digital .num,.page-digital .num{
    font-weight: 300;
    font-size: 50px;
    padding: 25px 0;
}
.page-digital .num{
    color: #E50515;
}
.digital .desc,.page-digital .desc{
    font-size: 18px;
}
@media screen and (max-width: 991px) {
    .digital .num,.page-digital .num{
        font-size: 36px;
    }
}
@media screen and (max-width: 767px) {
    .page-digital {
        display: block;
        overflow: hidden;
    }
    .page-digital .item{
        display: inline;
        float: left;
        width: 50%;
    }
    .page-digital .num{
        padding: 0;
    }
    .page-digital .desc{
        margin: 15px 0;
        height: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}


.digital-block.block{
    background-color: #e2001a;
}

.digital-block .num{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    transition: color .3s;
    font-family: Poppins,Helvetica,Arial,"Trebuchet MS",sans-serif;
}
.digital-block .num:hover{
    color: #fff;
}

/*inner*/
.inner-banner{
    height: 280px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center;
}
.inner-banner .container{
    position: relative;
    z-index: 1;
}
.inner-banner:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}
.inner-banner.research-banner{
    height: 320px;
}
@media screen and (max-width: 767px) {
    .inner-banner{
        height: 200px;
    }
    .inner-banner.research-banner{
        height: 240px;
    }
}
.inner-banner h1{
    line-height: 130%;
}



/*page*/
.page .banner{
    color: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.page .banner>.container{
    position: relative;
    height: 450px;
}
.page .banner>.container [class*="col-md-"]{
    height: 450px;
}
.page .banner .text,.page .banner .program-box{
    position: absolute;
    top: 30px;
    bottom: 30px;
}
.page .banner .text{
    left: 15px;
    right: 15px;
    top: auto;
    bottom: 60px;
}
.page .banner .text .banner-title span{
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
    line-height: 130%;
}
.page .banner .text p{
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.page .banner .text .icon-box a{
    margin-right: 15px
}
.page .banner .text .icon-box a:last-of-type{
    margin-right: 0;
}
.page .banner .program-box{
    left: 15px;
    right: 15px;
    padding: 25px 30px;
}
.page .banner .program-box:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.7);
}
.page .banner .program-box>*{
    position: relative;
    z-index: 1;
}
.page .banner .program-box h4{
    line-height: 130%;
}
@media screen and (max-width: 991px) {

    .page .banner .text{
        width: auto;
        right: 15px;
        text-align: center;
    }
    .page .banner .text h1{
        font-size: 28px;
    }
    .page .banner .col-md-3,.page .banner .program-box{
        display: none;
    }
    .page .banner>.container,.page .banner>.container [class*="col-md-"]{
        height: 400px;
    }
}

.page .inner-banner{
    height: auto;
    padding: 0;
}
.page .inner-banner .banner-title{
    position: absolute;
    bottom: 50px;
    left: 30px;
    z-index: 1;
}
@media screen and (max-width: 991px) {
    .main-col,.sidebar{
        width: 100%;
        float: none;
    }
}
@media screen and (max-width: 767px) {
    .page .inner-banner{
        margin-left: -15px;
        margin-right: -15px;
    }
    .page .inner-banner .banner-title{
        left: 0;
        right: 0;
        font-size: 22px;
        text-align: center;
    }
}

.page-content a,.layui-text a:not(.layui-btn){
    color: #E50515;
}
.page-content a:hover,.sidebar a:hover{
    color: #c80016;
}

.page-content{
    padding: 35px 0;
    overflow: hidden;
    /*font-size: 13px;*/
}
.page-content>*{
    text-align: justify;
}
.page-content, .page-content p,.page-content li{
    color: #444;
    line-height: 180%;
}
.page-content li{
    padding-left: 5px;
}
.page-content>*:nth-child(1){
    margin-top: 0;
}
.mrt .page-content{
    margin-top: -60px;
    background: #fff;
    position: relative;
    padding-right: 20px;
}
.mrt .page-content:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 5000px;
    background: #fff;
    z-index: 100;
}
@media screen and (max-width: 991px) {
    .mrt .page-content{
        margin-top: 0;
        padding-right: 0;
    }
}
.page-content img{
    max-width: 100%;
    height: auto!important;
}
@media screen and (max-width: 568px) {
    .page-content img{
        /*width: 100%;*/
    }
    .circle-img img, .square-img img{
        width: auto!important;
    }
}
.page-content ul li,.page-content ol li{
    /*line-height: 150%;*/
    margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
    .page-content{
        padding-right: 0;
    }
}

.sidebar {
    padding: 35px 15px 35px;
}
.sidebar .block{
    padding: 20px;
    background: #F4F4F4;
    /*border-radius: 5px;*/
    margin-bottom: 15px;
    overflow: hidden;
}
.sidebar .block h4{
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 15px;
}
.sidebar .block h4:after{
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0;
    height: 1px;
    background: #cecece;
}
.sidebar h5{
    font-size: 16px;
    margin-bottom: 10px;
}
.sidebar .block a:hover{
    opacity: 0.85;
}
.sidebar .block a.single-link:hover{
    color: #c80016!important;
    opacity: 1;
}
.sidebar .block img{
    margin-bottom: 10px;
}
.sidebar .block p{
    margin-bottom: 5px;
}
.sidebar .block .fa{
    margin-right: 5px;
}
.sidebar .block .more{
    float: right;
    color: #444;
    font-size: 14px;
    line-height: 19px;
}
.sidebar .block .more:hover{
    color: #e50515;
}

/*sidebar 圆头像*/
.sidebar-circle-img{
    text-align: center;
}
.sidebar-circle-img img{
    width: 120px;
    max-width: 100%;
}
.sidebar-circle-img .title{
    margin-top: 5px;
    margin-bottom: 3px;
}
.sidebar-circle-img .sub-title{
    font-size: 13px;
    color: #666;
}

/*sidebar 按钮*/
.sidebar-btn a{
    display: block;
    margin-top: 20px;
    padding: 8px 0px;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #777;
}
.sidebar-btn a.bg{
    background: #E50515;
    color: #fff;
    border-color: transparent;
}
.sidebar-btn a.disabled{
    cursor: not-allowed;
    opacity: 0.85;
    color: #666;
}
.sidebar-btn a.bg.disabled{
    color: #eee;
}




/*sidebar 列表*/
.sidebar .block ul li{
    padding-bottom: 8px;
    position: relative;
}
.sidebar .block ul li .title{
    color: #444;
    margin-top: 5px;
}
.sidebar .block ul li:hover .title{
    color: #E50515;
}
.sidebar .block ul li .time-tag{
    font-size: 12px;
    color: #aaa;
    display: block;
}
.sidebar .circle{
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #999;
    line-height: 21px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 5px;
}

/*sidebar 宽图*/
.sidebar-wide-img{
    padding: 0;
}
.sidebar-wide-img .wide-img{
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}
.sidebar-wide-img img{
    width: 100%;
}
.sidebar-wide-img .img-desc h4{
    color: #333;
    margin-top: 10px;
    padding-bottom: 0;
}
.sidebar .sidebar-wide-img .img-desc h4:after{
    background: none!important;
}

@media screen and (max-width: 767px) {
    .sidebar .block {
        padding: 20px 15px;
        border-radius: 0;
    }
    .sidebar-wide-img .wide-img{
        margin-top: -20px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .sidebar{
        padding-bottom: 0;
        padding-top: 0;
    }
}

.sidebar .block .fa-li{
    width: 25px;
    height: 25px;
    border: 1px solid #666;
    text-align: center;
    line-height: 23px;
    border-radius: 50%;
    left: -38px;
    /*font-size: 12px;*/
    top: 50%;
    margin-top: -13px;
}
.sidebar .block .fa-ul{
    margin-left: 38px;
}
.sidebar .block .fa-ul li{
    min-height: 25px;
    padding-bottom: 0;
    margin-bottom: 10px;

}

.block > dl {
    line-height: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    overflow: hidden;
}
.block > dl + dl {
    margin-top: -15px;
}
.block > dl > dt, .block > dl > dd {
    padding: .8em 0;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,0.3);
    float: left;
    vertical-align: top;
    font-weight: normal;
}
.block > dl > dt {
    width: 37%;
}
.block > dl > dd {
    width: 63%;
}



.filterTemp{
    height: 61px;
    display: none;
}
.program-filter{
    text-align: center;
    background: #f0f0f0;
    height: 61px;
    overflow: hidden;
}
.program-filter li{
    position: relative;
    float: left;
}
.program-filter li a{
    display: block;
    padding: 20px;
    /*margin: 12px 0;*/
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
}
.program-filter li a:before{
    content: "";
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
    border-right: 1px dashed #ccc;
}
.program-filter li:last-of-type a:before{
    border-right: 0;
}
.program-filter li:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #E50515;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.program-filter li.active:after,.program-filter li:hover:after{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.program-filter li.active a,.program-filter li:hover a{
    color: #E50515;
}

/*.filter-item{
    width: 100%;
    overflow-x: auto;
    height: 80px;
}*/
.filter-item .swiper-container{
    width: 100%;
}
.filter-item .swiper-slide {
    width: auto!important;
    position: relative;
    padding: 0!important;
}
.filter-item .swiper-slide a{
    display: block;
    padding: 0 20px;
    height: 60px;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center;
}
.filter-item .swiper-slide a:before{
    content: "";
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
    bottom: 15px;
    border-right: 1px dashed #ccc;
}
.filter-item .swiper-slide:last-child a:before{
    border-right: 0;
}
.filter-item .swiper-slide a.active{
    color: #E50515;
}
.filter-item .swiper-slide a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #E50515;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.filter-item .swiper-slide a.active:after,.filter-item .swiper-slide a:hover:after{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}


.filter-item ul{
    height: 61px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .program-menu{
        text-align: left;
        font-size: 24px;
        height: 60px;
        line-height: 60px;
        cursor: pointer;
    }
}




/*event-list*/
.media.img-text{
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    margin-top: 0;
    position: relative;
}
.img-text .media-left img{
    width: 140px;
    max-width: 140px;
}
.media.event-list:hover {
    background-color: rgba(244,244,244,0.5);
}
.event-list .time-tag{
    position: absolute;
    top: 25px;
    left: 0;
    background: rgba(0,0,0,.65);
    color: #fff;
    font-size: 12px;
    padding: 6px 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.img-text .media-left{
    text-align: center;
}
.event-list .media-left img{
    width: 240px;
    max-width: 240px;
}
.event-list .media-body{
    padding: 0 10px;
}
.event-list .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    max-height: 58px;
    font-size: 13px;
    line-height: 1.5;
    color: #777;
}
.event-list .local{
    position: absolute;
    left: 260px;
    bottom: 20px;
    color: #444;
}
.event-list .apply{
    position: absolute;
    right: 10px;
    bottom: 15px;
}
.event-list .apply .more-link{
    margin-top: 0;
}
.event-list h5{
    font-size: 18px;
    color: #333;
}
@media screen and (min-width: 768px) {
    .event-list h5{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
        height: 20px;
    }
}
@media screen and (max-width: 767px){
    .event-list .local,.event-list .apply{
        position: static;
    }
    .event-list .local{
        float: left;
        height: 36px;
        line-height: 36px;
    }
    .event-list .apply{
        float: right;
    }
    .event-list .media-left img{
        width: 100%;
        max-width: 100%;
    }
    .event-list .media-body{
        margin-bottom: 20px;
        padding: 0;
    }
    .event-list .media-body h5{
        text-align: left;
    }
}
.event-filter{
    margin-top: 10px;
    margin-bottom: 20px;
    /*text-align: right;*/
}
.event-filter a {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 3px;
    color: #444;
}
.event-filter a.active{
    border: 1px solid rgba(200,0,22,1);
}

.flex-gallery .tag{
    position: absolute;
    top: 20px;
    left: 0;
    background: rgba(0,0,0,.65);
    padding: 6px 8px;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.flex-gallery .text{
    position: relative;
}
.flex-gallery .text .desc{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 150%;
    height: 39px;
    padding-right: 40px;
}
.flex-gallery .text .num-tag{
    position: absolute;
    right: 20px;
    top: 20px;
}
.flex-gallery .text .num-tag span{
    display: block;
    text-align: center;
    line-height: 150%;
}

.flex-gallery .slide{
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 10px;
    position: relative;
}
.flex-gallery .slide:hover{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    webkit-box-shadow: 1px 4px 10px 2px #ccc;
    box-shadow: 1px 4px 10px 2px #ccc;  
}
.flex-gallery .slide .img-box{
    height: 0;
    width: 100%;
    padding-bottom: 57%;
    overflow: hidden;
}
#picture-box .picture{
    height: 0;
    width: 100%;
    padding-bottom: 57%;
    overflow: hidden;
    margin-bottom: 20px;
}
.flex-gallery .img-box{
    position: relative;
}
.flex-gallery .fa-facetime-video{
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    color: #eee;
}
.flex-gallery .fa-facetime-video:before{
    position: relative;
    z-index: 5;
}
.img-box .fa-facetime-video:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    z-index: 1;
}

/*faculty*/
.horizontal-tag{
    margin-bottom: 40px;
}
.horizontal-tag .tabs{
    background: #f0f0f0;
    padding-left: 0;
    margin-bottom: 0;
    /*display: table;
    width: 100%;
    table-layout: fixed;*/
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    justify-content: space-around;
}
.horizontal-tag .tabs a{
    color: #444;
    font-size: 15px;
    padding: 1em 5px;
    position: relative;
}
.horizontal-tag .tabs>li{
    text-align: center;
    border-right: 1px solid #ddd;
    list-style: none;
    padding-left: 0;
    flex-grow: 1;
}
.horizontal-tag .tabs>li:last-of-type{
    border-right: 0;
}
.horizontal-tag .tabs>li.active a{
    background: #c80016;
}
.horizontal-tag .tabs>li.active a:after{
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-width: 10px 20px 0 20px;
    border-style: solid;
    position: absolute;
    margin-left: -20px;
    bottom: -10px;
    left: 50%;
    z-index: 1;
    border-top-color: #c80016;
}
.horizontal-tag .flex .slide{
    background: none;
    margin-bottom: 0;
}
.horizontal-tag .flex [class*="col-"]{
    border-right: 1px solid #aaa;
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .horizontal-tag .flex [class*="col-"]:nth-of-type(4n){
        border-right: none;
    }
}
@media screen and (min-width: 568px) and (max-width: 991px) {
    .horizontal-tag .flex [class*="col-"]:nth-of-type(2n){
        border-right: none;
    }
}
@media screen and (max-width: 567px) {
    .horizontal-tag .flex [class*="col-"]{
        border-right: none;
    }
}
.horizontal-tag .flex .slide .desc{
    color: #aaa;
}
.horizontal-tag .flex .text{
    padding-left: 0;
    padding-right: 0;
}
.horizontal-tag .flex h4{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 17px;
}
.horizontal-tag .flex a:hover{
    color: #c80016;
}

.faculty-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 63px;
    color: #333;
}
.faculty-email{
    margin-top: 15px;
    color: #666;
}
.faculty-email .fa{
    margin-right: 6px;
}
.faculty a:hover h5{
    text-decoration: underline;
}

/*flex-video*/
.flex-video .text{
    background: none;
    position: absolute;
}

/*career-filter*/
.career-filter{
    position: relative;
}
.career-filter:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 1;
}
.career-filter .filter{
    position: relative;
    z-index: 5;
}
                                
/*.career-table{
    background: #f0f0f0;
    padding: 15px;
}*/
.career-table .filter-result{
    max-width: 100%;
    overflow-x: auto;
}
.career-table .filter-result a{
    color: #333;
}
.career-table .filter-result a:hover{
    color: #c80016;
}
.career-table .table-striped>tbody>tr:nth-of-type(even){
    background-color: #fefefe;
}
@media screen and (max-width: 767px) {
    .career-table{
        background: none;
        padding: 0;
    }
}

/*校友故事*/
.alumni-story .slide{
    margin-bottom: 30px;
}
.alumni-story .slide .text{
    border-bottom: 2px solid #E50515;
}
.alumni-story .single-link:before{
    color: #E50515;
}

/*项目搜索结果*/
.result{
    padding-bottom: 30px;
}
.result-number i{
    color: #E50515;
}
.result .result-category{
    background: #F0F0F0;
    padding: 35px;
    margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
    .result .result-category{
        padding: 20px 15px;
    }
}
.result .f-db{
    font-size: 18px;
    line-height: 28px;
    height: 40px;
    /*font-size: 1.6rem;*/
    border-bottom: 1px rgba(0,0,0,.1) solid;
    margin-bottom: 20px;
}
.result .f-db span {
    display: inline-block;
    height: 40px;
    line-height: 28px;
    border-bottom: 2px #E50515 solid;
    padding-right: 5px;
}
.result .f-db img{
    width: 30px;
}
.result .f-db i{
    margin-right: 10px;
    color: #444;
}
.result .item{
    background: #fff;
    padding: 15px 10px;
    margin-bottom: 20px;
}
.result .item-title{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 20px;
    margin: 0;
    margin-bottom: 10px;
}
.result .item-text{
    font-size: 13px;
    color: #999;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
}

/*各种详情页*/
.page .heading{
    margin-bottom: 30px;
    text-align: center;
}
.page .heading .title{
    line-height: 150%;
    margin-top: 0;
    font-size: 24px;
}
.page .heading .desc{
    margin-bottom: 0;
}
.page .heading .desc span{
    display: inline-block;
    color: #444;
    margin: 0 10px;
}
.page-content .tag{
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin-top: 30px;
}
.page-content  .tag-link{
    display: inline-block;
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid #aaa;
    color: #777;
    margin-right: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 13px;
    margin-bottom: 10px;
}
.page-content  .tag-link:hover{
    background: #2E363F;
    border-color: #2E363F;
    color: #fff;
}
.page .page-content .apply-btn{
    text-align: center;
    margin-top: 40px;
}
.page .page-content .apply-btn a{
    display: inline-block;
    padding: 8px 25px;
    background: #E50515;
    color: #fff;
    border-radius: 5px;
    min-width: 200px;
}
@media screen and (max-width: 767px) {
    .page .heading{
        text-align: left;
    }
    .page .page-content .apply-btn a{
        width: 100%;
        max-width: 400px;
    }
    .page .heading .desc span:nth-of-type(1){
        margin-left: 0;
    }
}

/*案例*/
.case-container .case-list {
    background: #F0F0F0;
    padding: 20px;
    margin-bottom: 25px;
}
.case-container .case-list .title{
    margin: 0;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    position: relative;
}
.case-container .case-list a:hover .title{
    color: #E50515;
}
.case-container .case-list .title:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 70px;
    height: 2px;
    background: #c80016;
}
.case-list ul{
    overflow: hidden;
    padding-left: 0;
    margin-bottom: 10px;
}
.case-list ul li{
    display: inline;
    float: left;
    color: #888;
    width: 25%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .case-list ul li{
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .case-list ul li{
        width: 100%;
    }
    .result .case-list .f-db{
        font-size: 16px;
    }
}
.case-category{
    margin-bottom: 30px;
}
.case-category ul{
    padding-left: 0;
}
.case-category ul a{
    display: inline-block;
    padding: 5px 10px;
    position: relative;
}
.case-category ul a:before{
    position: absolute;
    content: "";
    height: 14px;
    top: 50%;
    margin-top: -7px;
    right: 0;
    width: 1px;
    background: #aaa;
}
.case-category ul a.active{
    background: #c80016;
    color: #fff;
    border-radius: 3px;
}
.case-category ul a.active:before,.case-category ul li:last-of-type a:before{
    background: none;
}
.event-title{
    padding:5px 0; 
}
.event-title .title{
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    line-height: 140%;
}
.event-title .desc{
    font-size: 18px;
    line-height: 200%;
}
.event-title .desc .fa{
    width: 20px;
    text-align: center;
    display: inline-block;
}
.event-title a:after{
    content: "";
}
.event-title .more-link{
	margin-top: 10px;
}
@media screen and (max-width: 991px) {
    .event-title .title{
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .event-title{
        padding:0px 0 20px 0; 
    }
    .event-title .title{
        font-size: 22px;
    }
    .event-title .desc{
        font-size: 16px;
        line-height: 150%;
        color: #E50515;
    }
}
.horizontal-tag.cooperation-tag{
    margin-top: 30px;
    margin-bottom: 0;
}
.horizontal-tag.cooperation-tag .tab-content{
    padding: 30px 0;
}
.horizontal-tag.cooperation-tag .tab-item>*:nth-of-type(1){
    margin-top: 0;
}
.cooperation-item {
    padding: 20px 0 ;
    border-bottom: 1px dotted #cfcfcf;
}
.cooperation-item .img-box{
    width:180px;
    height: 100px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    text-align: center;
    margin-right: 10px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.cooperation-item .img-box img{
    max-width: 100%;
    max-height: 100%;
}
.cooperation-item .media-body, .cooperation-item .media-left, .cooperation-item .media-right {
    padding-bottom: 0;
}
.cooperation-item .media-content{
    overflow: hidden;
}
.cooperation-item .media-content >*:nth-of-type(1){
    margin-bottom: 0;
}
.cooperation-item .open-btn,.cooperation-item .hide-btn{
    display: inline-block;
    font-size: 12px;
    color: #888;
    margin-top: 5px;
}
.cooperation-item .open-btn .fa,.cooperation-item .hide-btn .fa{
    margin-right: 5px;
}
.cooperation-item .hide-btn{
    display: none;
}
@media screen and (max-width: 767px) {
    .cooperation-item .img-box{
        width: 50px;
        height: 50px;
    }
    .cooperation-item .media-body, .cooperation-item .media-left, .cooperation-item .media-right {
        display: table-cell;
    }
    .cooperation-item .media-body h5, .cooperation-item .media-body h6{
        text-align: left;
        font-size: 16px;
    }
}
.cooperation-tag .accordion-content img{
    border: 1px solid #e0e0e0;
    margin-bottom: 15px;
    width: 19%;
    margin-right: 1%
}
@media screen and (max-width: 767px){
    .cooperation-tag .accordion-content img{
        width: 32%!important;
        margin-right: 1.3%;
    }
}


/* news/events/faculty detail */

.page-detail{
    background: #f4f4f4;
}
.page-detail .page-content{
    background: #fff;
    padding: 35px 20px;
    margin: 35px 0;
}
.page-detail .sidebar .block{
    background: #fff;
}
.page-detail .sidebar .block h4:after{
    background: #eee;
}
.sidebar .block h4 i{
    color: #c80016;
    font-size: 18px;
    float: right;
}
@media screen and (max-width: 991px) {
    .page-detail{
        background: #fff;
    }
    .page-detail .page-content{
        margin: 0;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 15px;
        padding: 30px 15px;
    }
}
@media screen and (max-width: 767px) {
    .page-detail .sidebar .block{
        background: #f4f4f4;
    }
    .page-detail .sidebar .block h4:after{
        background: #cecece;
    }
}


/*整站搜索*/
@media screen and (min-width: 992px) {
    .modal-dialog{
        position: absolute;
        top: 30px;
        bottom: 30px;
        width: auto;
        left: 150px;
        right: 150px;
        overflow: hidden;
    }
}
.modal-header{
    border-bottom: 0;
    position: relative;
    z-index: 2;
    padding: 20px;
}
.modal-body{
    padding: 0 0 15px 0;
}
.modal-header.search-top{
    height: 100%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.modal-content{
    height: 100%;
    border-radius: 0;
    background: rgba(255,255,255,.96);
}
.modal-content .modal-body{
    height: 100%;
    overflow: hidden;
    margin-top: -80px;
    padding-top: 80px;
    position: relative;
    z-index: 1;
}
.modal-content .modal-body .content{
    height: 100%;
    overflow: auto;
    padding: 0 20px;
}
.modal-dialog .close{
    font-size: 36px;
    opacity: 0.6;
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal-dialog .close:hover{
    opacity: 0.9;
}
.modal-dialog .close i.fa{
    display: block;
    height: 7px;
}
.modal-dialog .form-item{
    position: relative;
}
.modal-dialog .form-item .fa-search{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
}
.category-name{
    color: #E50515;
    margin-top: 20px;
    /*font-weight: bold;*/
}
.modal-content .modal-body .content ul{
    margin-left: 10px;
}
.modal-content .modal-body .content li{
    line-height: 150%;
    margin-bottom: 10px;
    color-rendering: #444;
}
.modal-content .modal-body .content .media{
    margin: 20px 0;
}
.modal-content .modal-body .content .media-body{
    padding-bottom: 0;
}
.modal-content .modal-body .content .media .square-img span{
    height: 100px;
}
.modal-content .modal-body .content a:hover .media h5{
    color: #c80016
}
.video-player{ text-align: center; }


/*program-banner*/
@media screen and (max-width: 767px) {
    .page .program-banner .text{
        position: static;
    }
    .page .program-banner .text .banner-title span{
        border-bottom: none;
        font-size: 24px;
    }
    .page .program-banner>.container, .page .program-banner>.container [class*="col-md-"]{
        height: auto;
    }
    .page .program-banner .text .fa-box{
        position: static;
    }
    .page .program-banner .text .fa-box .more-link{
        margin-top: 10px;
    }
    .page .program-banner .text p{
        display: none;
    }
}


/*@media screen and (min-width: 1400px){
    .container {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        max-width: 1600px;
        margin: 0 auto;
    }
}*/

.home-page .block{
    padding: 60px 0;
}
@media screen and (max-width: 991px) {
    .home-page .block{
        padding: 40px 0;
    }
    .home-page .index-news-title{
        margin-top: 40px;
    }
}
@media screen and (max-width: 767px) {
    .home-page .block{
        padding: 30px 0;
    }
    .home-page .index-news-title{
        margin-top: 30px!important;
    }
}
.index-event .event-text{
    padding: 20px;
    padding-top: 50px;
    background: #fff;
    position: relative;
}
.index-event .event-text .title {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    line-height: 150%;
    height: 44px;
}
.index-event .event-text .date{
    background-color: #e50515;
    color: #fff;
    text-align: center;
    padding: 8px;
    left: 20px;
    width: 56px;
    top: -31px;
    position: absolute;
    font-weight: 300;
}
.index-event .event-text .date .month {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .8em;
    margin-bottom: 0;
    width: 100%;
}
.index-event .event-text  .date .day {
    display: block;
    font-weight: 600;
    font-size: 1.25em;
    margin-bottom: 0;
    width: 100%;
}
.index-event .event-text .local{
    display: block;
    width: 100%;
    color: #888;
    margin-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .index-event .event-item{
        margin-bottom: 20px;
    }
}
.more-btn{
    text-align: center;
}
.more-btn a{
    display: inline-block;
    padding: 10px 24px;
    border-radius: 3px;
    border: none;
    margin-top: 20px;
    background: #E50515;
    color: #fff;
}

/*首页 img-box*/
.index-slide{
    margin-bottom: 20px;
}
.index-slide .img-box{
    height: 0;
    padding-bottom: 57.1%;
    position: relative;
    overflow: hidden;
}
.index-slide .img-box .text-box{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 8px 10px;
}
.index-slide .img-box .text-box .title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 19px;
    max-height: 38px;
    margin-bottom: 0;
}
.index-slide .time{
    margin-top: 10px;
    display: block;
}

.banner{
    position: relative;
}
.banner .program_filter{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    left: 0;
    width: 100%;
    z-index: 3;
    padding: 20px 0;
}
.banner .program_filter .j-select > select,.banner .program_filter .j-select > input{
    background: rgba(255,255,255,.8);
}

.max-width-640{
    width: 100%;
    max-width: 640px;
    margin: 10px auto;
}


/*albums*/
@media screen and (max-width: 991px) {
    .albums .row{
        margin-left: -7px;
        margin-right: -7px;
    }
    .albums .row [class*='col-']{
        padding-left: 7px;
        padding-right: 7px;
    }
}

.album{
    margin-bottom: 20px;
}
.album .img-box{
    height: 0;
    padding-bottom: 57.14%;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}
.albums img{
    width: 100%;
    cursor: pointer;
}
.album img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.album .num{
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 3;
}
.album .album-title,.video .video-title{
    margin: 8px 0;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.album .img-box:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #414143;
    opacity: 0.8;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 2;
}
.album:hover .img-box:before{
    opacity: .2;
}
@media screen and (min-width: 991px) {
    .album:hover .thumbnail-hoverlay.main-color-1-bg {
        opacity: .75;
        background-color: #a32a45;
    }
    .album:hover .thumbnail-hoverlay-cross {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    .album-item:hover{
        position: relative;
        top: -5px;
    }
}
.album-item{
    margin-bottom: 10px;
    position: relative;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.albums .grid{
    margin-left: -5px;
    margin-right: -5px;
}
.albums .grid-item{
    padding-left: 5px;
    padding-right: 5px;
}
@media screen and (max-width: 767px) {
    .album{
        margin-bottom: 20px;
    }
    .album-item{
        margin-bottom: 5px;
    }
    .album .album-title{
        font-size: 14px;
        height: 20px;
    }
    .albums .grid{
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .albums .grid-item{
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    
}

.album .icon-box{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    background: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff;
    z-index: 4;
}
.album .icon-box .fa{
    line-height: 40px;
    margin-left: 3px;
    font-size: 18px;
}
.album:hover .icon-box{
    background: #fff;
    color: #e50515;
}

.row-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: 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;
}
.row.row-flex:after, .row.row-flex:before{
    content: none;
}


/* index-think-slide */
.index-think .row{
    margin: -10px;
}
.index-think .row>[class^='col-']{
    padding: 10px;
}
.index-think-slide{
    display: flex;
    background-color: #fff;
    height: 100%;
}
.index-think-slide .img-box{
    width: 280px;
}
.index-think-slide .text-box{
    padding: 18px 20px;
    flex: 1;
}

.index-think-slide .text-box h4{
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index-think-slide .text-box .desc{
    font-size: 13px;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #777;
    margin-top: 4px;
}
.index-think-slide .text-box .date{
    font-size: 12px;
    color: #777;
    margin-top: 6px;
    font-weight: 300;
}
@media screen and (max-width: 567px) {
    .index-think-slide{
        display: block;
    }
    .index-think-slide .img-box{
        width: 100%;
    }
}
/* index-think-slide END */


/*category-nav*/
.index-program,
.category-block{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: -40px;
}
.index-program{
    margin-top: -50px;
}
.category-nav{
	height: 80px;
	position: relative;
	display: flex;
	font-size: 18px;
	justify-content: center;
}
.category-swiper {
	background: #f8f8f8;
	max-width: 100%;
	overflow: hidden;
	position: relative;
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 6%);
}
.category-swiper .swiper-button-next,
.category-swiper .swiper-button-prev{
	top: 0;
	bottom: 0;
	margin-top: 0;
	background-color: rgba(255,255,255,.5);
	height: 100%;
	width: 30px;
    border-radius: 0;
}
.category-swiper .swiper-button-next{
	right: 0;
}
.category-swiper .swiper-button-prev{
	left: 0;
}
.category-swiper .swiper-button-next:after,
.category-swiper .swiper-button-prev:after{
	color: #000;
	font-size: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.category-swiper .swiper-button-prev:after{
    content: "\e608";
}
.category-swiper .swiper-button-next:after{
    content: "\e607";
}
.category-swiper .swiper-button-next.swiper-button-disabled,
.category-swiper .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
.category-swiper .swiper-container,
.category-swiper .swiper-wrapper{
	width: 100%;
	height: 100%;
}
.category-swiper .swiper-slide{
    width: auto;
    position: relative;
    cursor: pointer;
    height: 100%;
	background: #e2001a;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	line-height: 1.3;
    color: #fff;
    top: 0;
}
.category-swiper .swiper-slide+.swiper-slide{
    border-left: 1px solid rgba(255,255,255,.25);
}
.category-nav .item{
	flex: 1;
	height: 100%;
	position: relative;
	text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    min-width: 180px;
    color: inherit;
    top: 0;
}
.category-nav .num{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 85px;
    z-index: 1;
    line-height: 1;
    opacity: .02;
    font-family: "Arial";
    text-align: center;
}
.category-nav .swiper-slide:hover,
.category-nav .swiper-slide.active{
	background: #c80016;
	color: #fff;
}
@media screen and (max-width: 1199px) {
	.category-block{
		margin-top: -35px;
	}
	.category-nav{
		height: 70px;
		font-size: 15px;
	}
	.category-nav .item span{
		font-size: 65px;
	}
}
@media screen and (max-width: 767px) {
    .index-program,
	.category-block{
		margin-top: 0;
        background-color: #e2001a;
	}
	.category-nav{
		height: 60px;
		font-size: 15px;
		background: #f8f8f8;
	}
	.index-program .container{
		padding: 0;
	}
    .category-nav .num{
        display: none;
    }
    .category-nav .item{
        padding: 0;
        background-color: unset;
        position: relative;
        min-width: 0;
    }
    .category-nav .swiper-slide:after{
        content: "";
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        height: 2px;
        background-color: #c80016;
        transition: all .3s ease-in-out;
        transform: scaleX(0);
    }
    .category-nav .swiper-slide{
        min-width: 80px;
        padding: 0 20px;
    }
    /* .category-nav .swiper-slide+.swiper-slide:before{
        content: "";
        position: absolute;
        left: 1px;
        top: 22px;
        bottom: 22px;
        width: 1px;
        border-left: 1px dashed #eee;
    } */
    .category-nav .swiper-slide:hover, 
    .category-nav .swiper-slide.active{
        background-color: unset;
        color: var(--color-primary);
    }
    .category-nav .swiper-slide:hover:after, 
    .category-nav .swiper-slide.active:after{
        transform: scaleX(1);
    }
    .category-swiper{
        box-shadow: unset;
    }
}
/*category-nav END*/

/* program-wrap */
.index-program .program-wrap{
    display: flex;
    font-size: 16px;
    position: relative;
    color: #fff;
    background-color: #e2001a;
}
.index-program .program-wrap .item{
    background-color: #e2001a;
    flex: 1;
    height: 100%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    color: inherit;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-program .program-wrap .item:hover{
    background-color: #c80016;
}
.index-program .program-wrap .item+.item{
    border-left: 1px solid rgba(255,255,255,.25);
}
.index-program .program-wrap .item .img{
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.index-program .program-wrap .item .icon-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("https://47kyk5.com/public/lyon/images/icon_home_bg.png") center center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    transition: all .4s ease-in-out;
    z-index: 1;
}
.index-program .program-wrap .item:hover .icon-bg{
    transform: rotate(0);
}
.index-program .program-wrap .item img{
    width: 40px;
    position: relative;
    z-index: 2;
}
.index-program .program-wrap .item .text{
    padding: 8px 0;
    /* padding-left: 10px; */
    line-height: 1.2;
    /* flex: 1; */
    display: flex;
    justify-content: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (max-width: 1199px) {
    .index-program .program-wrap {
        flex-wrap: wrap;
    }
    .index-program .program-wrap .item{
        width: 33.333333%;
        flex: unset;
    }
    .index-program .program-wrap .item:nth-of-type(3n+1),
    .index-program .program-wrap .item:nth-of-type(3n+2),
    .index-program .program-wrap .item:nth-of-type(3n+3){
        border-bottom: 1px solid rgba(255,255,255,.25);
    }
}
@media screen and (max-width: 767px) {
    .index-program .program-wrap .item{
        width: 100%;
    }
    .index-program .program-wrap .item{
        border: unset!important;
    }
    .index-program .program-wrap .item+.item{
        border-top: 1px solid rgba(255,255,255,.25)!important;
    }
    .index-program .container{
        padding: 0 15px;
    }
    .index-program{
        background-color: unset;
        padding-top: 30px;
    }
    .index-program .program-wrap .item{
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px 25px;
    }
    .index-program .program-wrap .item .text{
        padding: 0;
        padding-left: 15px;
    }
}
/* program-wrap END */

/* newsletter-filter */
.newsletter-filter{
    margin-bottom: 40px;
}
.newsletter-filter .filter-item .swiper-slide a{
    background-color: #e2001a;
    color: #fff;
    min-width: 100px;
}
.newsletter-filter .filter-item .swiper-slide a:before{
    content: unset;
}
.newsletter-filter .filter-item .swiper-slide+.swiper-slide {
    border-left: 1px solid #f54255;
}
.newsletter-filter .filter-item .swiper-slide a.active{
    background-color: #202020;
}
.newsletter-filter .filter-item .swiper-slide a:after{
    content: unset;
}
.newsletter-filter .filter-item .swiper-slide a:before{
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 100%;
    width: 0;
    height: 0;
    background-color: unset;
    border: unset;
    border: 10px solid transparent;
    border-top: 8px solid #202020;
    opacity: 0;
}
.newsletter-filter .filter-item .swiper-slide a.active:before{
    opacity: 1;
}
.newsletter-filter .filter-item .swiper-container{
    overflow: unset;
}
@media screen and (max-width: 767px) {
    .newsletter-filter .filter-item .swiper-slide a{
        min-width: 80px;
    }
}
/* newsletter-filter END */


/* newsletter-item */
.newsletter-item{
    padding: 30px;
    background-color: #fafafa;
    position: relative;
    display: flex;
    align-items: flex-start;
    color: inherit;
    transition: all .3s ease-in-out;
    color: inherit!important;
}
.newsletter-item+.newsletter-item{
    margin-top: 20px;
}
.newsletter-item>*{
    position: relative;
    z-index: 3;
}
.newsletter-item:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: scaleY(0);
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    background: #f0f0f0;
    background-size: cover;
    z-index: 2;
    opacity: .75;
}
.newsletter-item:hover:after{
    transform: scaleY(1);
}
.newsletter-item .calendar-box{
    min-width: 75px;
    margin-right: 30px;
    text-align: center;
    background-color: #f2f2f2;
    padding: 10px 0;
    color: #888;
    transition: all .3s ease-in-out;
}
.newsletter-item:hover .calendar-box{
    color: #fff;
    background-color: #e2001a;
}
.newsletter-item .calendar-box .day {
    font-size: 32px;
    line-height: 1;
    color: #666;
    transition: all .3s ease-in-out;
}
.newsletter-item:hover .calendar-box .day{
    color: #fff;
}
.newsletter-item .calendar-box .month{
    opacity: .85;
    font-size: 13px;
    border-top: 1px solid #eee;
    display: inline-block;
    margin: 3px auto 0;
    padding-top: 3px;
}
.newsletter-item .text-box{
    flex: 1;
}
.newsletter-item .title{
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newsletter-item:hover .title{
    color: #e2001a;
}

.newsletter-item .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #888;
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
    .newsletter-item{
        padding: 15px;
        align-items: center;
    }
    .newsletter-item .desc{
        display: none;
    }
    .newsletter-item .title{
        -webkit-line-clamp: unset;
        font-size: 16px;
    }
    .newsletter-item .calendar-box{
        min-width: 52px;
        margin-right: 15px;
        padding: 0;
        background: unset;
    }
    .newsletter-item .calendar-box .day{
        font-size: 24px;
        line-height: 1.2;
    }
    .newsletter-item:hover .calendar-box,
    .newsletter-item:hover .calendar-box .day{
        color: #888;
        background: unset;
    }
    .newsletter-item .calendar-box .month{
        margin-top: 2px;
        padding-top: 2px;
    }
}
/* newsletter-item END */


/* 弹窗 */
.layui-layer .MessageForm{
    padding: 30px;
}
.layui-layer .MessageForm .layui-btn{
    background: #E50515;
    color: #fff;
    border-color: transparent;
}
.layui-layer .MessageForm .layui-btn-primary{
    background-color: unset;
    color: #333;
    border-color: #ccc;
}
.layui-layer .MessageForm .layui-btn-primary:hover{
    border-color: #E50515;
}
.layui-layer .MessageForm .layui-form-label{
    width: 60px;
}
.layui-layer .MessageForm .layui-input-block{
    margin-left: 60px;
}
/* 弹窗 END */ 
.home-video{
    margin-bottom: 20px;
}
.home-video video{
    width: 100%;
}