/*
*@Description: 公共CSS及首页CSS
*@Author:      Hanli
*@Update:      Hanli(2019-12-1)
*/
@charset "utf-8";

/* 防止用户自定义背景颜色对网页的影响 */
html,body{
  color:#333333;background:#fff;
}
/* 内外边距重置 */
*{
  margin:0;padding:0;
}
body,button,input,select,textarea{
  font-family: "Arial","Helvetica Neue","Helvetica",sans-serif,"Microsoft Yahei Light","Microsoft Yahei";
  /*font-family: "Microsoft Yahei";*/
  font-size: 14px;
  word-wrap: break-word;
  color: #333333;
  line-height: 1.6;
  /*letter-spacing: 0.5px;*/
}
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;
}
i{
    font-style: normal;
}
ol,ul{
    padding-left: 18px;
}
ul li{
    list-style-type: disc;
}
ol li{
    list-style-type: decimal;
}
[class*='layui-'] li{
    list-style: none;
}
.layui-elem-field ol li{
    list-style: decimal;
}
.layui-elem-field ul li{
    list-style: disc;
}

/* 去掉列表前的标识, 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.outside.no-style,ul.outside.no-style{
    padding-left: 20px;
}


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

/* 让标题都自定义 */
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  margin: 0;
  margin-bottom: 10px;
}
h3,h4,h5,h6 {
  line-height: 150%;
}

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

/*  页面布局  */
@media screen and (max-width: 767px) {
    .no_padding_container .container{
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }
}
img{
    max-width: 100%;
}
.clearB{
  clear:both;
}
.fll{
  float:left;
}
.flr{
  float: right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}

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;
  }
}
p{
  margin-bottom: 10px;
}
.clearfix:after {
    display: block;
    content: "\20";
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: visible;
}
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;
}
#button-to-top {
    background: rgba(38,38,38,.8);
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 997;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    line-height: 40px;

    text-align: center;
    font-size: 20px;
    color: #eee;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
/*@media screen and (min-width: 1400px){
    .container {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        max-width: 1700px;
        margin: 0 auto;
    }
}*/
@media screen and (max-width: 767px) and (min-width: 568px) {
    .col-xsm-6{
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*header*/
header{
    /* position: absolute;
    left: 0;
    right: 0;
    z-index: 999; */
    -webkit-transition: all .3s cubic-bezier(.19,1,.22,1);
    transition: all .3s cubic-bezier(.19,1,.22,1);
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    background: none;
    /* height: 80px; */
    background-color: #1C5DB7;
}
header .container{
    position: relative;
}
.logo{
    padding:18px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    position: relative;
    z-index: 999;
}
.logo img{
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 44px;
}


/*header-top*/
.menu-top{
    float: right;
    height: 80px;
    position: absolute;
    right: 15px;
    top: 0px;
}
.menu-top li{
    list-style: none;
    padding: 0;
}
.menu-top>li>a{
    color: #ccc;
    font-size: 13px;
    display: inline-block;
    padding: 0 10px;
    height: 80px;
    line-height: 80px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    vertical-align: middle;
}
.menu-top>li>a:hover{
    color: #fff;
}
/*.menu-top>li>a:after{
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #ccc;
    -webkit-transform: scaleX(.8);
    -ms-transform: scaleX(.8);
    -o-transform: scaleX(.8);
    transform: scaleX(.8);
}
.menu-top li:last-child a:after{
    background: none;
}*/
.menu-top .iconfont{
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
.menu-top .btn-default{
    background: none;
    border-radius: 0;
    color: #eee;
    border: 0;
}
.menu-top .btn-default.active.focus,
.menu-top .btn-default.active:focus,
.menu-top .btn-default.active:hover,
.menu-top .btn-default:active.focus,
.menu-top .btn-default:active:focus,
.menu-top .btn-default:active:hover,
.menu-top .open>.dropdown-toggle.btn-default.focus,
.menu-top .open>.dropdown-toggle.btn-default:focus,
.menu-top .open>.dropdown-toggle.btn-default:hover,
.menu-top .btn-default.active,
.menu-top .btn-default:active,
.menu-top .open>.dropdown-toggle.btn-default{
    background: none;
    color: #fff;
    outline: none;
}

/*header-top END*/

/*search-box*/
.search-form {
    margin: 30px 0;
    width: 100%;
    position: relative;
}
.search-form .form-text {
    width: 100%;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    font-style: italic;
    height: 60px;
    font-size: 16px;
    padding: 0 100px 0 15px;
}
.search-form .form-text:focus{
    font-style: normal;
    border-bottom-color: #1C5DB7;
}

.search-form .form-submit{
    position: absolute;
    right: 0;
    top: 0px;
    width: 100px;
    height: 60px;
    line-height: 60px;
    background: none;
    border: none;
    outline: none;
    color: #1C5DB7;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search-form .form-submit:hover{
    background: #1C5DB7;
    color: #fff;
}
/*整站搜索*/
.modal-dialog{
    width: auto;
    margin: 50px auto;
}
.modal-dialog .modal-content{
    padding: 30px 30px 50px 30px;
}
.modal-header,.modal-body{
    border-bottom: 0;
    padding: 0;
}
.modal-header .modal-title{
    color: #555;
    font-size: 22px;
}
@media screen and (max-width: 767px) {
    .modal-dialog{
        margin: 50px 0;
    }
    .modal-header .modal-title{
        font-size: 18px;
    }
    .search-form .form-text{
        font-size: 14px;
    }
}
/*整站搜索 END*/

.header-nav .dropdown-menu li{
    list-style: none;
}
/*.header-nav*/

/*header-nav*/

@media screen and (min-width: 992px) {
    .header .header-nav .container{
        position: static;
    }
    .header-nav{
        position: relative;
        background: none;
        border-top: 1px solid rgba(255,255,255,.3);
        /* border-bottom: 1px solid rgba(255,255,255,.3); */
        -webkit-transition: all .3s cubic-bezier(.19,1,.22,1);
        transition: all .3s cubic-bezier(.19,1,.22,1);
        -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
        transition-timing-function: cubic-bezier(.19,1,.22,1);
    }
    .headerTemp{
        height: 54px;
        display: none;
    }
    header.fixed .header-nav{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        background: #1C5DB7;
        z-index: 999;
    }
    .header-nav .nav{
        display: table;
        width: 100%;
    }
    .header-nav .nav>li{
        position: static;
        display: table-cell;
        float: none;
        text-align: center;
    }
    .header-nav .dropdown-menu{
        background-color: rgba(28,93,183,1);
        /*background-image: url(/html/zhiyuan/images/logo-bg.jpg);*/
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 400px;
        border-radius: 0;
        border: none;
        float: none;
        right: 0;
        padding: 30px 0px 50px;
        margin-top: 1px;
    }
    .header-nav .nav>li>a {
        font-size: 16px;
        display: block;
        /* padding: 13px 0; */
        padding: 0;
        height: 54px;
        line-height: 54px;
        border-radius: 0;
        color: #fff;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }
    .header-nav .nav>li>a .iconfont{
        margin-left: 5px;
        font-size: 12px;
        display: inline-block;
        -webkit-transition: all .3s cubic-bezier(.19,1,.22,1);
        transition: all .3s cubic-bezier(.19,1,.22,1);
        -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
        transition-timing-function: cubic-bezier(.19,1,.22,1);
    }
    .header-nav .nav>li>a{
        position: relative;
    }
    .header-nav .nav>li>a:after{
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background: #FAC000;
        bottom: -1px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
    }
    .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 {
        text-decoration: none;
        background: none;
        border: none;
    }
    .header-nav .nav>li>a:focus .iconfont,
    .header-nav .nav>li>a:hover .iconfont,
    .header-nav .nav .open>a .iconfont,
    .header-nav .nav .open>a:focus .iconfont,
    .header-nav .nav .open>a:hover .iconfont{
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .header-nav .nav>li>a:focus:after,
    .header-nav .nav>li>a:hover:after,
    .header-nav .nav .open>a:after
    {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }
    .nav-pills>li+li{
        margin-left: 0;
    }

    /*sub-menu*/
    .header-nav .dropdown-menu>.row>li{
        margin-bottom: 10px;
    }
    .header-nav .dropdown-menu .sub-title{
        font-size: 16px;
        display: block;
        color: #fff;
        padding-top: 12px;
        padding-bottom: 7px;
        border-bottom: 1px solid rgba(255,255,255,.3);
        margin-bottom: 5px;
        position: relative;
    }
    .header-nav .dropdown-menu .sub-title:hover{
        color: #FAC000;
    }
    .header-nav .dropdown-menu .sub-title:after{
        content: "\e609";
        position: absolute;
        font-family: "iconfont";
        right: 0;
        font-size: 12px;
        top: 50%;
        margin-top: -6px;
    }
    .header-nav .dropdown-menu .sub-title+ul>li{
        position: relative;
        color: #ccc;
    }
    .header-nav .dropdown-menu .sub-title+ul{
        padding-left: 0;
    }
    .header-nav .dropdown-menu .sub-title+ul>li>a{
        display: block;
        padding: 4px 0;
        color: #ccc;
    }
    .header-nav .dropdown-menu .sub-title+ul>li a:hover{
        color: #FAC000;
    }
    .mobile-nav-header{
        display: none!important;
    }
    .mobile-nav-header.show-pc{
        display: block!important;
    }
    .mobile-nav-header.show-pc .back{
        display: none;
    }
    .mobile-nav-header.show-pc .closeIcon{
        text-align: right;
        margin-bottom: 15px;
        cursor: pointer;
    }
}

/* mobile header-nav*/
@media screen and (max-width: 991px) {
    header{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: none;
        -webkit-transition: all .3s cubic-bezier(.19,1,.22,1);
        transition: all .3s cubic-bezier(.19,1,.22,1);
        -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
        transition-timing-function: cubic-bezier(.19,1,.22,1);
    }
    header.fixed{
        background: #1C5DB7;
    }
    .header-nav{
        bottom: auto;
        top: 0;
        text-align: left;
    }
    .header-nav .nav{
        float: none;
    }
    .header-nav .nav>li{
        float: none;
        margin-left: 0;
    }
    .header-nav .nav>li>a{
        padding: 0!important;
        font-size: 16px;
        border-bottom: 1px solid rgba(255,255,255,.17);
        border-radius: 0;
    }
    .header-nav .nav>li>a span{
        padding: 15px 0;
        display: block;
        color: #fff;
    }
    .header-nav .nav-pills,.header-nav .dropdown-menu{
        position: fixed;
        top: 0;
        right: -280px;
        bottom: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        z-index: 999;
        width: 280px;
        padding: 15px 15px 30px;
        left: auto;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: rgba(28,93,183,1);
        /*background-image: url(/html/zhiyuan/images/logo-bg.png);*/
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 200px
    }
    .header-nav .dropdown-menu{
        border: none;
        padding: 15px 0;
        margin-top: 0;
    }
    .header-nav .dropdown-menu>.row{
        padding: 0;
        width: auto;
        margin: 0;
    }
    .header-mobile{
        float: right;
    }
    .site-mobile .header-nav .nav-pills,.site-mobile .dropdown-menu.show{
        right: 0;
    }
    .logo{
        padding: 15px 0;
    }
    .logo img{
        height: 50px;
    }
    .site-tree-mobile{
        display: block!important;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        padding: 0 15px;
        color: #fff;
        position: absolute;
        z-index: 998;
        right: 15px;
        top: 21px;
        border: 1px solid #e5e6e8;
        padding: 10px 25px;
        border-radius: 5px;
        line-height: 1;
    }
    .site-tree-mobile .icon-reorder{
        display: block;
        width: 18px;
        height: 1px;
        background: #fff;
        margin-bottom: 6px;
    }
    .site-tree-mobile .icon-reorder:last-child{
        margin-bottom: 0;
    }
    .site-mobile .site-mobile-shade{
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.75);
        z-index: 999;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .header-nav .nav .icon-down {
        float: right;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
        right: 0;
        text-align: right;
        margin-top: 0px;
        font-size: 12px;
    }
    .header-nav .nav .icon-down:before {
        content: "\e609";
        color: #fff;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 0;
    }
    .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;
        color: #fff;
        outline: none;
    }
    .header-nav .nav>li>a:focus .icon-down:before, .header-nav .nav>li>a:hover .icon-down:before{
        content: "\e609";
    }
    .mobile-nav-header{
        display: block!important;
        margin-top: -15px;
        height: 60px;
        line-height: 60px!important;
        padding: 0!important;
    }
    .header-nav .back,.header-nav .closeIcon{
        color: #fff;
        font-size: 24px;
        display: inline-block;
        cursor: pointer;
        padding: 0 15px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .language{
        background: #1f69d0;
    }
    .language a{
        display: inline-block;
        width: 70px;
        color: #fff;
        text-align: center;
    }
    .language a.active{
        background: #1C5DB7
    }
    .header-nav .back{
        text-align: left;
        position: absolute;
        left: 0;
        top: 0;
        right:auto;
        transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
    }
    .header-nav .dropdown-menu>.row>li{
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-nav .dropdown-menu .sub-title{
        padding: 15px 0;
        padding-bottom: 8px;
        display: block;
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,.17);
        position: relative;
    }
    .header-nav .dropdown-menu .sub-title+ul{
        padding: 10px 0;
    }
    .header-nav .dropdown-menu .sub-title+ul>li{
        color: #ccc;
    }
    .header-nav .dropdown-menu .sub-title+ul>li>a{
        width: 100%;
        overflow: hidden;
        display: block;
        font-size: 14px;
        padding: 8px 0;
        color: #ccc;
    }

    .dropdown-backdrop{
        display: none;
    }

    body{
        position: relative;
        left: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .site-mobile,.site-mobile .logo{
        left: -280px;
    }
}

@media screen and (max-width: 567px) {
    .logo{
        padding: 24px 0;
    }
    .logo img{
        height: 32px;
    }
}



/*footer*/
footer{
    background: #282D31;
}
footer,footer a{
    color: #aaa;
    font-size: 13px;
}
footer a:hover{
    color: #1C5DB7;
    text-decoration: underline;
}
.footer-top{
    padding: 30px 0;
}
.footer-top img{
    max-width: 100%;
}
.footer-top ul{
    padding-bottom: 10px;
    padding-left: 0;
    list-style: none;
}
.footer-top li,.footer-top p{
    list-style: none;
    margin-bottom: 5px;
    line-height: 150%;
}
footer .title{
    color: #fff;
    font-size: 16px;
    padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
    footer .title{
        margin: 15px 0 10px;
    }
}



.footer-qrcode {
    width: 100%;
    font-size: 12px;
}
.footer-qrcode .qrcode-item{
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
.footer-qrcode .qrcode-box{
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto;
    padding: 3px;
    background: #fff;
    margin-bottom: 5px;
}
.footer-qrcode img{
    width: 100%;
}


.footer-copyright{
    padding: 10px 0;
    font-size: 12px;
    border-top: 1px solid #222;
}
.footer-copyright a,.footer-copyright a:hover,.footer-copyright a:focus,.footer-copyright a:visited{
    font-size: 12px;
    color: #aaa;
}

/*banner*/
.video-banner{
    height: 100vh;
    position: relative;
    overflow: hidden;
    /*padding: 60px 0;*/
    color: #fff;
}
/*video-container*/
.video-banner .banner-video {
    background-image: url("/html/zhiyuan/images/banner-bg-sm.jpg?v=2019101501");
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.main-container{
    position: relative;
    z-index: 2;
    background: #fff;
}
@supports (background-blend-mode: multiply) {
    .video-banner .banner-video {
        background-color: #2782bd;
        background-blend-mode: multiply;
    }
}

@media screen and (min-width: 640px) {
    .video-banner .banner-video {
        background-image: url("/html/zhiyuan/images/banner-bg-md.jpg");
    }
}

@media screen and (min-width: 960px) {
    .video-banner .banner-video {
        background-image: url("/html/zhiyuan/images/banner-bg.jpg");
    }
}
.banner-video:before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(28,93,183, 0.5);
}

.video-banner .bg-video {
    display: none;
    position: absolute;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: initial;
    will-change: transform;
}

@media screen and (min-width: 768px) {
    .video-banner .bg-video {
        display: block;
    }
}

@media all and (-ms-high-contrast:active),(-ms-high-contrast: none) {
    .video-banner {
        background-image: url(/html/zhiyuan/images/banner-bg.jpg) !important;
    }
    .video-banner .bg-video {
        display: none !important;
    }
}

.video-banner .banner-text{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.video-banner .red-triangle {
    background-color: #2782bd;
    opacity: .95;
    position: absolute;
    bottom: -75vw;
    left: 0;
    z-index: 2;
    width: 100%;
    padding-top: 100%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}
.video-banner .css-arrow {
    /*display: none;*/
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -14px;
    z-index: 3;
    animation: MoveUpDown 1s ease-in-out infinite;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.video-banner .css-arrow:after{
    content: "\e60d";
    font-family: 'iconfont';
    font-size: 24px;
}
@keyframes MoveUpDown {
    0% {
        bottom: 20px;
    }
    50% {
        bottom: 30px;
    }
    100% {
        bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .video-banner .css-arrow{
        bottom: 74px;
    }
    @keyframes MoveUpDown {
        0% {
            bottom: 74px;
        }
        50% {
            bottom: 84px;
        }
        100% {
            bottom: 74px;
        }
    }
}
/*video-banner END*/

/*banner*/
.images-banner{
    position: relative;
    /*height: 90vh;*/
}
.images-banner .swiper-slide:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 160px;
    background: -webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    z-index: 1;
}

.images-banner .swiper-container {
    width: 100%;
    height: 100%;
}
.images-banner .swiper-slide {
    text-align: center;
    background: #fff;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.images-banner .swiper-slide .bg{
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: rgba(25, 70, 133, 0.85);
}
.images-banner img{
    width: 100%;
    max-height: calc(100vh - 134px);
    object-fit: cover;
}
/*@media screen and (max-width: 591px) {
    .images-banner .swiper-container img{
        height: 100%;
        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;
        max-width: 1000%;
    }
}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 20px;
}
.swiper-pagination-bullet {
    opacity: .8;
    position: relative;
    border-radius: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 4px;
    width: 45px;
    height: 3px;
    display: inline-block;
    border-radius: 0;
    background: rgba(255,255,255,.5);
    opacity: 1;
    cursor: pointer;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FAC000;
}

.bottom-nav{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 20px;
    z-index: 2;
}
.bottom-nav .container{
    position: relative;
}

/*swiper-button*/
.images-banner .swiper-button-next,
.images-banner .swiper-button-prev {
    color: #fff;
    z-index: 88;
    width: 30px;
    height: 30px;
    background: #1C5DB7;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    -webkit-transform: all .3s;
    -ms-transform: all .3s;
    -o-transform: all .3s;
    transform: all .3s;
}
.images-banner .swiper-button-next:hover,
.images-banner .swiper-button-prev:hover {
    background: rgba(69,74,77,0.95);
}
.images-banner .swiper-button-next{
    right: auto;
    left: 60px;
}
.images-banner .swiper-button-prev{
    left: 15px;
}
.images-banner .swiper-button-prev:after,
.images-banner .swiper-button-next:after{
    font-family: iconfont;
    font-size: 14px;
    font-weight: bold;
}
.images-banner .swiper-button-prev:after{
    content: '\e602';
    margin-right: 2px;
}
.images-banner .swiper-button-next:after{
    content: '\e609';
    margin-left: 2px;
}
.images-banner .swiper-button-next.swiper-button-disabled,
.images-banner .swiper-button-prev.swiper-button-disabled{
    opacity: .25;
}
/*swiper-button END*/

.images-banner .swiper-slide>.container{
    position: absolute;
    top: 35%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    /*bottom: 120px;*/
    z-index: 5;

}

@media screen and (min-width: 1400px) {
    .images-banner .swiper-button-next, .images-banner .swiper-button-prev{
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}
@media screen and (max-width: 767px) {
    .images-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);
    }
    .swiper-button-container{
        width: 100%;
        margin-left: 0;
        text-align: center;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .images-banner .swiper-button-prev{
        left: 50%;
        margin-left: -40px;
    }
    .images-banner .swiper-button-next{
        right: 50%;
        margin-right: -40px;
        left: auto;
    }
    .swiper-pagination-bullets .swiper-pagination-bullet{
        width: 20px;
        height: 2px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 10px;
    }
}

/*banner-text*/
.banner-text{
    position: absolute;
    left: 0;
    right: 0;
    top: 160px;
    bottom: 40px;
    text-align: left;
    width: 100%;
    z-index: 99;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
    -webkit-transition: all .5s .3s ease-in;
    -o-transition: all .5s .3s ease-in;
    transition: all .5s .3s ease-in;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.swiper-slide-active .banner-text{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.banner-text .box{
    color: #fff;
    background: rgba(28,93,183,.75);
    padding: 50px 25px;
    width: 47%;
    float: left;
    position: relative;
}
.banner-text .box:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 4px;
    background: #FAC000;
}
.banner-text .box .title{
    position: relative;
    padding-bottom: 10px;
    line-height: 150%;
    padding-bottom: 0;
    font-size: 24px;
}
.banner-text .box .desc{
    font-size: 16px;
    font-weight: 100;
}
.banner-text .box .title, .banner-text .box .desc {
    text-shadow: 3px 3px 7px rgba(6,4,60,.4);
    display: inline-block;
}
.banner-text .box .more-btn{
    margin-top: 20px;
}
.banner-text .box .more-btn:hover{
    background: #FAC000;
    color: #fff!important;
}
@media screen and (max-width: 1199px) {
    .banner-text .box{
        width: 50%;
    }
}
@media screen and (max-width: 991px){
    /*.images-banner{
        height: 500px;
    }*/
    .banner-text{
        top: 100px;
    }
    .banner-text .box{
        width: 60%;
    }
    .banner-text .box .title{
        font-size: 24px;
    }
}
@media screen and (max-width: 767px){
    /*.images-banner{
        height: 280px;
    }*/
    .banner-text{
        text-align: center;
        display: none;
    }
    .banner-text .box{
        width: 100%;
    }
    .banner-text .box .title{
        font-size: 20px;
    }
    .banner-text .box .desc{
        font-size: 14px;
    }
}
/*banner-text END*/

/*banner END*/

/*block*/
.block{
    padding: 60px 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.block.no-padding{
    padding: 0;
}
.block.grey{
    background: #f5f5f5;
}
.block.darkGrey{
    background: #707A7A;
    color: #fff;
}
.block.black{
    background: #202020;
    color: #fff;
}
.block.pink{
    background: #F3EBDE;
}
.block.bg{
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
    /*background-attachment: fixed;*/
}
.block.bg .container{
    z-index: 2;
    position: relative;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .block{
        padding: 40px 0;
    }
}
.block.black a,.block.darkGrey a,
.block.black p,.block.darkGrey p,
.block.black .single-link:before,.block.darkGrey .single-link:before{
    color: #fff;
}
.bg-linear{
    background-image: -webkit-gradient(linear, left top, right bottom, from(#51abd4), to(#ceee86));
    background-image: -webkit-linear-gradient(left, #51abd4, #ceee86);
    background-image: -o-linear-gradient(left, #51abd4, #ceee86);
    background-image: linear-gradient(to right, #51abd4, #ceee86);
}


/*index-title*/
.index_title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #ccc;
}
.index_title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 5px;
    background: #FAC000;
    width: 60px;
}
.index_title h2{
    font-size: 28px;
    margin-bottom: 0px;
    color: #333;
}
.block.bg .index_title h2{
    color: #fff;
}
.index_title .small_title{
    font-size: 24px;
    color: #666;
}
.index_title .more-btn{
    float: right;
    font-weight: normal;
    line-height: 26px;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: -1px;
    padding: 0px 30px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.index_title fieldset{
    margin-right: 30px;
}
.index_title legend{
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .index_title h2{
        font-size: 24px;
    }
    .index_title .more-btn{
        padding: 0 20px;
    }
}

.color_white,
.block.color_white .index_title,
.block.color_white .page-content{
    color: #fff!important;
}
.block.color_white .index_title .desc{
    color: #f5f5f5;
}

/*slide*/
.slide {
    margin-bottom: 20px;
    background: #f5f5f5;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: relative;
}
.slide .img-box{
    height: 0;
    padding-bottom: 66.666666%;
    overflow: hidden;
    position: relative;
}
.slide .img-box img{
    width: 100%;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.slide:hover{
    -webkit-box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.slide:hover .img-box img{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.slide .text{
    padding: 20px 15px;
    position: relative;
}
.slide .text>*:nth-of-type(1){
    margin-top: 0!important;
}
.slide .text h4{
   font-size: 18px;
   color: #333;
}
.slide a:hover{
    text-decoration: none!important;
}
.slide .text .title{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    line-height: 150%;
    height: 44px;
    color: #333;
}
.slide:hover h4,
.slide:hover .title{
    color: #1C5DB7;
}
.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;
    line-height: 1.6;
    height: 63px;
    color: #888;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
@media screen and (max-width: 567px) {
    .slide .text .desc{
        height: auto;
        max-height: 55px;
    }
}
.slide .text .time{
    display: block;
    font-size: 13px;
    color: #888;
    margin-top: 20px;
    padding-top: 5px;
}
.block.grey .slide,.block.bg .slide{
    background: #fff;
}
.max-width-800{
    max-width: 800px;
    margin: 0 auto;
}
/*slide-END*/



/*slide-grid*/
.slide-grid{
    text-align: center;
    color: #fff;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 10px 0;
}
.row-flex .slide-grid{
    height: 100%;
    margin: 0;
}
.row-flex [class^='col-']{
    margin: 10px 0;
}
.slide-grid .img-box .iconfont{
    font-size: 70px;
    color: #fff;
    display: inline-block;
    line-height: 1;
}
.slide-grid .text-box .title{
    font-size: 15px;
    position: relative;
    margin: 15px 0 8px;
    color: #fff;
}
.slide-grid .text-box .sub-title{
    margin-bottom: 15px;
}
.slide-grid .text-box .desc {
    font-size: 13px;
    color: #eee;
}
.slide-grid .img-box img{
    width: 64px;
    height: 64px;
}
/*slide-grid END*/


/*slide-date*/
.slide-date{
    top: 0;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: #F5F5F5;
}
.row-flex .slide-date{
    height: 100%;
    margin: 0;
}
.slide-date .text{
    padding: 20px;
}
.slide-date .text .time{
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 0;
    position: relative;
    color: grey;
}
.slide-date .time .date{
    font-size: 28px;
    /*color: #1C5DB7;*/
}
.slide-date .time .year{
    position: absolute;
    right: 0;
    bottom: 6px;
    font-size: 14px;
}
.slide-date .text .title{
    color: #404040;
    /*line-height: 1.8;*/
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 45px
}
.slide-date:hover{
    -webkit-box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

/*slide-date END*/



/*index-news*/
.index-news .slide .time{
    font-size: 13px;
    padding-top: 8px;
    border-top: 1px dashed #ccc;
}
/*index-news END*/

/*index-event*/
.index-event .event-item{
    position: relative;
    min-height: 80px;
    display: block;
    margin: 25px 0;
}
.index-event .event-item .calendar{
    position: absolute;
    left: 0;
    top: 0;
    background: #1C5DB7;
    color: #fff;
    padding: 9px 6px;
    width: 74px;
    text-align: center;
    border-radius: 2px;
}
.index-event .event-item .calendar .day{
    font-size: 30px;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: 5px;
}
.index-event .event-item .calendar .month{
    font-size: 13px;
    color: #eee;
    margin-top: 5px;
}
.index-event .event-item .event-con{
    padding-left: 88px;
}
.index-event .event-item .event-title{
    line-height: 1.5;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
}
.index-event .event-item .event-venue{
    color: #888;
    font-size: 13px;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-event .event-item .event-venue .iconfont{
    margin-right: 5px;
}
@media screen and (max-width: 767px) {
    .index-event .event-item .event-title{
        height: auto;
        max-height: 42px;
    }
}
#event-laydate{
    margin: 24px 0;
}
#event-laydate,#event-laydate .layui-laydate-main{
    width: 100%;
}
#event-laydate .layui-laydate, #event-laydate .layui-laydate-hint{
    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.05);
    box-shadow: 0 5px 8px rgba(0,0,0,.05);
    border: 0;
    width: 100%;
    border-radius: 8px;
}

#event-laydate .layui-laydate-content td,
#event-laydate .layui-laydate-header *,
#event-laydate .layui-laydate-list li{
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

#event-laydate .layui-laydate-content td,
#event-laydate .layui-laydate-content th{
    height: 40.5px;
}
#event-laydate .layui-laydate .layui-this{
    background: none!important;
    color: #666!important;
}
/*mark 1*/
/*#event-laydate .layui-laydate .layui-this .laydate-day-mark,
#event-laydate .laydate-day-mark{
    line-height: 37.8px;
    border: 1.5px solid #fac000;
    -webkit-transform: all .3s;
    -ms-transform: all .3s;
    -o-transform: all .3s;
    transform: all .3s;
}
#event-laydate .layui-laydate .layui-this .laydate-day-mark:after,
#event-laydate .laydate-day-mark:after{
    content: "";
    display: inline-block;
    background: none;
    border-radius: 0;
    width: 0px;
    height: 0px;
    top: -8px;
    right: -8px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fac000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
/*mark 1 END*/

/*mark 2*/
#event-laydate .layui-laydate .layui-this .laydate-day-mark,
#event-laydate .laydate-day-mark{
    line-height: 40.8px;
}
#event-laydate .layui-laydate .layui-this .laydate-day-mark:after,
#event-laydate .laydate-day-mark:after{
    background: #fac000;
    right: 6px;
    top: 6px;
}
#event-laydate .laydate-day-mark:hover{
    background: #fac000!important;
    color: #fff;
}
/*mark 2 END*/
#event-laydate .layui-laydate-content td:hover,
#event-laydate .layui-laydate-list li:hover{
    background: none;
}
#event-laydate .layui-laydate-header i:hover,
#event-laydate .layui-laydate-header span:hover{
    color: #fac000;
}
#event-laydate .layui-laydate-list>li{
    height: 40.5px;
    line-height: 40.5px;
}
/*merk 1*/
/*#event-laydate li{
    border: 1.5px solid transparent;
}
#event-laydate .layui-laydate-list li.li-mark{
    border: 1.5px solid #fac000;
    background: none;
    -webkit-transform: all .3s;
    -ms-transform: all .3s;
    -o-transform: all .3s;
    transform: all .3s;
    z-index: 1;
}
#event-laydate .li-mark:after{
    content: "";
    display: inline-block;
    background: none;
    border-radius: 0;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -8px;
    right: -8px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fac000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}*/
/*merk 1 END*/
/*mark 2*/
#event-laydate .li-mark:after{
    position: absolute;
    content: '';
    right: 6px;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fac000;
}
/*mark 2 END*/
#event-laydate .layui-laydate-list li:hover.li-mark:hover{
    background: #fac000!important;
    color: #fff!important;
}

/*index-event END*/


/*index-announcement*/
.index-announcement .slide-announcement a{
    border-bottom: 1px solid #eee;
    padding: 20px 40px 20px 20px;
    display: block;
    position: relative;
    margin-top: -1px;
    -webkit-transition: all .4s cubic-bezier(.165,.84,.44,1);
    -o-transition: all .4s cubic-bezier(.165,.84,.44,1);
    transition: all .4s cubic-bezier(.165,.84,.44,1);
}
.index-announcement .slide-announcement a:hover{
    background: #f5f5f5;
}
.index-announcement .slide-announcement .title{
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-announcement .slide-announcement .other{
    font-size: 13px;
    padding-top: 8px;
    color: #888;
}
.index-announcement .slide-announcement .iconfont{
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -8px;
    color: #1C5DB7;
    font-weight: bold;
}
.index-announcement .slide-announcement .time{
    padding-right: 10px;
}
.index-announcement .row-flex [class^='col-'] {
    margin: 0;
}
@media screen and (max-width: 991px) {
    .index-announcement .slide-announcement a{
        padding-left: 0;
        padding-right: 20px;
    }
    .index-announcement .slide-announcement a:hover{
        background: none;
    }
    .index-announcement .slide-announcement .iconfont{
        right: 0;
    }
}
/*index-announcement END*/


/*.special-column */
.special-column {
    position: relative;
    font-size: 16px;
    padding: 30px 0;
}
.special-column .row-flex [class^='col-']{
    margin: 30px 0;
    border-right: 1px solid rgba(255,255,255,.5);
}
@media screen and (max-width: 767px) {
    .special-column .row-flex [class^='col-']:nth-of-type(2n){
        border-right: 0;
    }
}
@media screen and (min-width: 768px) {
    .special-column .row-flex [class^='col-']:nth-of-type(4n){
        border-right: 0;
    }
}
.special-column .slide-grid .desc{
    font-size: 13px;
}
.slide-grid .text-box .title{
    margin-bottom: 5px;
}
/*.special-column END*/

/*inner-page*/
/*inner-banner*/
.inner-banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    /* padding-top: 140px; */
    padding-top: 50px;
}
.inner-banner:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 160px;
    background: -webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
    z-index: 1;
}

.inner-banner .banner-con{
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 60px 0;
}
.inner-banner .banner-title {
    font-size: 36px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    position: relative;
    text-shadow: 4px 4px 8px rgba(6,4,60,.4);
}
@media screen and (max-width: 991px) {
    .inner-banner{
        padding-top: 80px;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .inner-banner .banner-con{
        padding: 40px 0;
    }
    .inner-banner .banner-con  .banner-title{
        font-size: 30px;
    }
}
.inner-banner .swiper-pagination{
    position: static;
    text-align: right;
}

/*event-con*/
.inner-banner .event-con{
    color: #fff;
    padding-bottom: 40px;
    padding-top: 80px;
}
.inner-banner .event-title{
    font-size: 36px;
    margin-bottom: 15px;
}

.inner-banner .event-desc{
    margin-bottom: 40px;
    line-height: 1.8;
}
.event-con .event-other{
    color: #fff;
    font-size: 16px;
}
.event-con .event-other span{
    display: inline-block;
    margin: 0 20px 8px 0;
}
.event-con .more-btn{
    margin-top: 15px;
}
.event-con .event-other .iconfont{
    margin-right: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
@media screen and (max-width: 991px) {
    .inner-banner .event-con{
        padding-bottom: 30px;
    }
    .inner-banner .event-title{
        font-size: 28px;
    }
    .inner-banner .event-desc{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 767px) {
    .inner-banner.banner-event{
        background-size: auto 200px;
        background-position: center top;
    }
    .inner-banner .event-con{
        background: #fff;
        margin-top: 120px;
        padding-top: 30px;
        border-bottom: 10px solid #f0f0f0;
    }
    .inner-banner .event-con .event-title {
        font-size: 20px;
        margin-bottom: 10px;
        color: #000;
    }
    .event-con .event-other span {
        display: block;
        margin-right: 0;
        padding: 15px 0;
        position: relative;
        color: #999;
        margin-bottom: 0;
    }
    .event-con .event-other span:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #e5e5e5;
        -webkit-transform: scaleY(.75);
        transform: scaleY(.75);
    }
    .event-con .event-other .iconfont {
        color: #1C5DB7;
    }
    .event-con .more-btn{
        width: 100%;
    }
    .event-con .more-btn .iconfont{
        display: none;
    }
}
/*event-con END*/

/*breadCrumb*/
.breadCrumb{
    padding: 10px 0;
    color: #eee;
}
.breadCrumb ul,.breadCrumb li{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.breadCrumb li{
    display: inline-block;
    position: relative;
    font-size: 13px;
}
.breadCrumb li a,.breadCrumb li.last{
    padding: 0 8px;
    color: #eee;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.breadCrumb li a:hover{
    color: #fff;
}
.breadCrumb li.last{
    color: #fff;
}

/*fliter*/
.fliter{
    position: relative;
    overflow: visible;
}
.fliter .layui-form-select dl dd.layui-this,
.fliter .layui-btn{
    background: #1C5DB7;
}
.fliter .layui-input, .fliter .layui-select, .fliter .layui-textarea{
    height: 45px;
    /*line-height: 45px;*/
}
.fliter .more-btn{
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
    width: 100%;
}
.fliter .filter-item{
    margin: 15px 0;
}
/*fliter END*/

/*faculty-list / student_list*/
.letter-category{
    padding-bottom: 8px;
    margin-bottom: 15px;
    margin-top: 30px;
    border-bottom: 2px solid #FAC000;
}
.letter-category:first-child{
    margin-top: 0;
}
.letter-category h2{
    margin: 0;
}
.faculty-list .row-flex [class^='col-'],
.student-list .row-flex [class^='col-']{
    padding: 20px 15px;
    border-right: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
    position: relative;
    margin: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5;
}
.faculty-list .row-flex [class^='col-']:hover,
.student-list .row-flex [class^='col-']:hover{
    background: #fff;
}
@media screen and (min-width: 992px){
    .faculty-list [class^='col-']:nth-of-type(3n),
    .stydent-list [class^='col-']:nth-of-type(3n){
        border-right: 0;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .faculty-list [class^='col-']:nth-of-type(2n),
    .stydent-list [class^='col-']:nth-of-type(2n){
        border-right: 0;
    }
}
@media screen and (max-width: 767px){
    .faculty-list [class^='col-'],
    .stydent-list [class^='col-']{
        border-right: 0;
    }
}

.faculty-list .faculty-item,
.student-list .student-item{
    display: block;
}
.faculty-list .faculty-item .media-left,
.student-list .student-item .media-left{
    padding-right: 15px;
}
.faculty-list .faculty-item .img-box,
.student-list .student-item .img-box,
.faculty-list .faculty-item .img-box img,
.student-list .student-item .img-box img{
    width: 80px;
    height: 80px;
    /*border-radius: 50%;*/
    overflow: hidden;
    background: #1C5DB7;
}
.faculty-list .faculty-item .img-box img,
.student-list .student-item .img-box img{
    width: 81px;
    height: 81px;
}


.faculty-list .faculty-name ,
.student-list .student-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5;
}
.faculty-list .faculty-title,
.student-list .student-info{
    margin-bottom: 3px;
}
.faculty-list .faculty-title,
.student-list .student-info,
.faculty-list .faculty-degree ,
.student-list .student-sig {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 21px;
    line-height: 1.6;
    font-size: 13px;
    color: #666;
}
/*faculty-list END*/

/*faculty-view*/
.page-content .faculty-top .media .media-left .media-img,
.page-content .faculty-top .media .media-left .media-img img{
    width: 180px!important;
    height: 180px!important;
    background: #1C5DB7;
    overflow: hidden;
}
.faculty-top .faculty-name{
    font-size: 28px;
}
.faculty-top .faculty-info>div{
    margin-bottom: 10px;
    color: #666;
}
@media screen and (max-width: 767px){
    .page-content .faculty-top .media .media-left .media-img,
    .page-content .faculty-top .media .media-left .media-img img{
        width: 140px!important;
        height: 140px!important;
    }
    .faculty-top .faculty-info>div{
        margin-bottom: 3px;
    }
}
/*faculty-view END*/


/*team-container*/
.team-container{
    text-align: center;
}
/*team-container END*/

/*develop-item*/
.develop{
    position: relative;
    margin-bottom: 30px;
}
/*develop-item*/
.develop-item{
    position: relative;
    padding-left: 30px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding-bottom: 50px;
    margin: 30px 0;
    padding-right: 20px;
    cursor: pointer;
}
.develop-item:before{
    content: "";
    position: absolute;
    left: 15px;
    top: 5px;
    bottom: 20px;
    border-left: 1px solid #B2B2B2;
}
.develop-item:after{
    content: "";
    position: absolute;
    left: 35px;
    bottom: 0;
    border-bottom: 1px solid #B2B2B2;
    right: 8px;
    width: auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.develop-item.active:after{
    width: 0;
    right: auto;
}
.develop-item .develop-year{
    font: 32px/1 "AvenirLTStd";
    color: #b2b2b2;
    margin-bottom: 20px;
    position: relative;
}
.develop-item .develop-year:before{
    content: "";
    position: absolute;
    left: -22px;
    top: 3px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #b2b2b2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.develop .swiper-button-next,.develop .swiper-button-prev{
    top: 150px;
    margin-top: 0;
}
.develop .develop-item .develop-text{
    color: #666;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    height: 48px;
    overflow: hidden;
}
.develop .develop-item.active .develop-text{
    height: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.develop-item .icon-circle{
    position: absolute;
    left: 3px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #b2b2b2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.develop-item .toggle{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: grey;
    font-size: 20px;
}
.develop-item.active .toggle{
    bottom: -10px;
}
.develop-item.active .toggle .icon-plus:before {
    content: "\e8c3";
}
.develop-item:hover .develop-year:before,
.develop-item:hover .icon-circle,
.develop-item.active .develop-year:before,
.develop-item.active .icon-circle{
    background: #1C5DB7;
}
.develop-item:hover:before,.develop-item:hover:after,
.develop-item.active:before,.develop-item.active:after{
    border-color: #1C5DB7;
}
.develop-item:hover .develop-year,
.develop-item.active .develop-year{
    color: #1C5DB7;
}
@media screen and (max-width: 1199px) {
    .develop-item .develop-year{
        font-size: 24px;
    }
}

/*develop swiper*/
.develop .swiper-button-next,.develop .swiper-button-prev{
    background: none;
    color: grey;
    z-index: 88;
    width: auto;
    height: auto;
    margin-top: -21px;
}
.develop .swiper-button-prev{
    left: -30px;
    text-align: left;
}
.develop .swiper-button-next{
    text-align: right;
    right: -30px;
}
.develop .swiper-button-next:hover,.develop .swiper-button-prev:hover{
    background: #1C5DB7;
    color: #fff;
    border-color: #1C5DB7;
}
.develop .swiper-button-prev:after,
.develop .swiper-button-next:after{
    font-family: iconfont;
    font-size: 28px;
    font-weight: bold;
}
.develop .swiper-button-prev:after{
    content: '\e602';
}
.develop .swiper-button-next:after{
    content: '\e609';
}
.develop .swiper-button-next.swiper-button-disabled,
.develop .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    background: #f5f5f5;
}
.develop .swiper-pagination{
    text-align: center;
    left: 0;
    right: 0;
}
.develop .swiper-pagination-bullets .swiper-pagination-bullet{
    background: #bbb;
}
.develop .swiper-pagination-bullets .swiper-pagination-bullet-active,
.develop .swiper-pagination-bullets .swiper-pagination-bullet:hover{
    background: #1C5DB7;
}
/*develop-item END*/



/*category-filter*/
.category-filter{
    text-align: center;
    /*background: rgba(28,93,183,.1);*/
    margin-top: -28px;
    position: relative;
    z-index: 99;
}
.category-filter .category-item{
    padding-bottom: 15px;
    overflow: hidden;
}
.category-filter .category-item .swiper-container{
    width: 100%;
    overflow: visible;
}
.category-filter .category-item .swiper-slide {
    width: auto!important;
    position: relative;
    padding: 0!important;
}
.category-filter .category-item .swiper-slide a{
    display: block;
    padding: 16px 20px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center;
    color: #eee;
    font-size: 15px;
    background: #1C5DB7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #4278C3;
}
.category-filter .category-item .swiper-slide:last-child a{
    border-right: 0;
}
.category-filter .category-item .swiper-slide a.active,
.category-filter .category-item .swiper-slide a:hover{
    color: #fff;
    background-color: #FAC000;
}
.category-filter .category-item .swiper-slide a.active:after{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -20px;
    border: 20px solid transparent;
    border-top: 10px solid #1C5DB7;
}
.category-filter .category-item .swiper-slide a.active:after,.category-filter .category-item .swiper-slide a:hover:after{
    border-top: 10px solid #FAC000;
}
/*category END*/



/*news-list*/
.news-list{
    margin-bottom: 30px;
}
.news-list .slide{
    /*border-bottom: 2px solid #FAC000;*/
}
.news-list .slide .text .title{
    margin-bottom: 10px;
}
.news-list .slide .text .time{
    margin-top: 5px;
}
/*news-list END*/
.category-tag{
    padding: 1px 10px;
    font-size: 12px;
    color: rgba(28,93,183,.5);
    font-weight: bold;
    display: inline-block;
    background: rgba(28,93,183,.07);
    border-radius: 30px;
}
.news-list .slide .category-tag{
    position: absolute;
    right: 15px;
    bottom: 18px;
}


.pages{
    text-align: center;
    margin-top: 30px;
}
.pages .layui-laypage a, .pages .layui-laypage span{
    height: 36px;
    line-height: 36px;
}
.pages .layui-laypage a:hover{
    color: #1C5DB7;
}

/*events-list*/
.events-list .media-left{
    padding-right: 30px;
}
.events-list .media-left img{
    width: 260px;
    max-width: 10000px;
}
.events-list .event-item{
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
}
.events-list .event-item .event-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.events-list .event-item .event-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    max-height: 46px;
    color: grey;
}
.events-list .event-item .event-info{
    color: grey;
}
.events-list .event-item .event-other{
    padding-right: 115px;
}
.events-list .event-item .event-other .iconfont{
    margin-right: 10px;
}
.events-list .event-item .event-time{
    margin-bottom: 5px;
}
.events-list .event-item .event-more{
    position: absolute;
    right: 0;
    bottom: 30px;
}
.events-list .category-tag{
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
    .events-list .media-left{
        padding-right: 20px;
    }
    .events-list .media-left img{
        width: 200px;
    }
    .events-list .category-tag{
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .events-list .event-item .event-other{
        padding-right: 0;
    }
}
@media screen and (max-width: 767px) {
    .events-list .media-left{
        display: none;
    }
}

/*events-list END*/


/*announcement-list*/
.announcement-list .announcement-item{
    position: relative;
    padding-right: 90px;
    border-bottom: 1px dashed #ccc;
}
.announcement-list .announcement-item .announcement-title{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.announcement-list .announcement-item .announcement-title .title{
    display: inline-block;
    padding: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.announcement-list .announcement-item .announcement-title .category-tag{
    white-space: nowrap;
}
.announcement-list .announcement-item .announcement-time{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0;
    color: #666;
}
/*announcement-list END*/

/*class-list*/
.class-list .class-item{
    display: block;
    background: #f5f5f5;
    padding: 20px 15px;
    text-align: center;
}
/*class-list END*/

/*journal*/
@media screen and (min-width: 992px) {
    .journal-list .row .col-md-2{
        width: 20%;
    }
}
.journal-item{
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.journal-item:hover {
    -webkit-box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.journal-item .img-box{
    height: 0;
    padding-bottom: 140%;
    position: relative;
}
.journal-item .img-box:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 38, 38,.3);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.journal-item:hover .img-box:after{
    background: rgba(38, 38, 38,0);
}
.journal-item .text{
    background: #1C5DB7;
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.journal-item .text .journal-title{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
    .journal-item{
        margin-bottom: 14px;
    }
}
.page .block {
    padding: 40px 0;
    overflow: visible;
}

@media screen and (max-width: 991px) {
    .main-col{
        padding-bottom: 40px;
        position: relative;
    }
}
@media screen and (min-width: 992px) {
    .main-col{
        padding-right: 30px;
    }
}


/*sidebar-block*/
@media screen and (min-width: 992px) {
    .sidebar-col{
        position: relative;
    }
    .main-col:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        border-right: 1px dashed #ccc;
    }
    .sidebar-col:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -1px;
        border-left: 1px dashed #ccc;
    }
    .sidebar-col .sidebar-item{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar-col{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .sidebar-col{
        padding: 0;
    }
    .sidebar-col .sidebar-item{
        border-top: 10px solid #f0f0f0;
        padding: 30px 15px;
    }

}
.sidebar-item a:not(.more-btn){
    color: inherit;
}
.sidebar-item a:hover{
    color: #1C5DB7;
}
.sidebar-item .sidebar-title{
    font-size: 24px;
    padding-bottom: 8px;
    margin-bottom: 15px;
    position: relative;
}
.sidebar-item .sidebar-title:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #1C5DB7;
}

.sidebar-block .sidebar-item ul,
.sidebar-block .sidebar-item ul li{
    list-style: none;
    padding-left: 0;
}
.sidebar-block .sidebar-item ul li{
    position: relative;
    padding-left: 18px;

}
.sidebar-block .sidebar-item ul li a{
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
}
.sidebar-block .sidebar-item ul li:after{
    content: "";
    position: absolute;
    top: 18px;
    width: 6px;
    height: 6px;
    background-color: #1C5DB7;
    border-radius: 50%;
    left: 0;
}
.sidebar-block .sidebar-item ul li .title{
    margin-bottom: 5px;
}
.sidebar-block .sidebar-item ul li .other{
    color: #666;
    font-size: 13px;
}
.sidebar-col .sidebar-item .other span{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-block .sidebar-item .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-item .more-btn{
    margin-top: 20px;
}
/*sidebar-block END

/*news-header*/
.news-header .news-title{
    line-height: 150%;
    font-size: 28px;
}
@media screen and (max-width: 767px) {
    .news-header .news-title{
        font-size: 24px;
    }
}
.article-other{
    padding: 0px 0px 10px;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 18px;
    font-size: 13px;
    border-bottom: 1px solid #e2e2e2;
    color: #888;
}
.article-other span {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.article-other span .iconfont{
    margin-right: 5px;
}
.article-other span:first-child{
    padding-left: 0;
}
.article-other span:last-child:after{
    border-right: 0;
}
.article-other span:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 0;
    border-right: 1px solid #888;
}
/*news-header END*/


/*project-list*/
.project-list{

}
.project-list .project-item{
    background: #fff;
    padding: 15px;
    display: block;
    height: 100%;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.project-list .project-item:hover{
    -webkit-box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    box-shadow: 0px 20px 40px -17px rgba(50,50,50,0.2);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.project-list .project-logo{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.project-list .project-name{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 2px;
}
.project-list .project-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    color: #666;
}
/*project-list END*/

.sidebar-block .block-contributeur-container .more-btn{
    width: 100%;
    border-radius: 50px;
}

.project-sidebar{
    text-align: center;
}
.project-sidebar img{
    width: 200px;
    margin: 0 auto;
}
.project-sidebar .project-name{
    font-size: 16px;
    /*margin-top: 15px;*/
    margin-bottom: 10px;
    color: #1C5DB7;
    font-weight: bold;
}
.project-sidebar .project-info{
    color: grey;
    line-height: 1.8;
}


/*course-list*/
.course-list .course-item{
    /*background: #fff;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 4px solid #FAC000;
}
.row-flex .course-item{
    /*height: 100%;*/
}
.course-list .course-item .course-header,
.course-list .course-item .course-detail{
    padding: 12px 15px;
    background: #fff;
}
.course-list .course-item .course-title{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (min-width: 578px) {
    .course-list .course-item .course-title{
        min-height: 48px;
        max-height: 48px;
    }
}
.course-list .course-item .course-other{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    color: #aaa;
}
.course-list .course-item .course-other a{
    color: inherit;
}
.course-list .course-item .course-other a:hover{
    color: #1C5DB7;
}
.course-list .course-item .course-detail{
    color: #888;
    border-top: 1px dashed #eee;
}
.course-list .course-item .course-detail .row-flex{
    justify-content: space-between;
}
.course-list .course-item .course-detail .t-c{
    color: #333;
}
.course-list .course-item .course-detail .d-table{
    display: table;
}
.course-list .course-item .course-detail .d-table .t-c{
    display: table-cell;
    vertical-align: top;
    width: 72px;
}

/*course-list END*/


/*search-page*/
.search-header {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 80px;
}
.search-header .form-text {
    width: 100%;
    border: none;
    border: 1px solid #eee;
    font-style: italic;
    height: 50px;
    font-size: 16px;
    padding: 0 100px 0 15px;
}
.search-header .form-text:focus{
    font-style: normal;
    border-color: #1C5DB7;
}

.search-header .form-submit{
    position: absolute;
    right: 15px;
    top: 0px;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background: none;
    border: none;
    outline: none;
    color: #fff;
    background: #1C5DB7;
    font-weight: bold;
    font-size: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search-header .form-submit:hover{
    background: #1C5DB7;
    color: #fff;
}

/*search-result*/
.search-results{
    padding-bottom: 40px;
}
.search-results .layui-tab{
    margin: 0;
    margin-top: -40px;
}
.search-results .layui-tab-brief>.layui-tab-title .layui-this{
    color: #1C5DB7;
}
.search-results .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #1C5DB7;
}
.search-results .layui-tab-title{
    padding-left: 0;
    border-bottom: 0;
}
.search-results .layui-tab-content{
    padding: 20px 0;
}

.search-results .search-result-item{
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
    margin-bottom: 15px;
}
.search-results .search-result-item .title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.search-results .search-result-item .desc{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 68px;
}
.search-results .other{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-top: 10px;
}
.search-results .link{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.search-results .link,
.search-results .link a{
    color: #1C5DB7;
}
.search-results a:hover{
    text-decoration: underline;
}
.search-results .time{
    width: 90px;
    text-align: right;
    color: #666;
}

/*search-result END*/
/*search-page END


/*pdf-iframe*/
.pdf-iframe{
    width: 100%;
    height: 80vh;
    position: relative;
}
.pdf-iframe iframe{
    width: 100%;
    height: 100%;
}
/*pdf-iframe END*/

/* secondary-menu */
.event-block{
    overflow: unset;
}
.event-block .row{
    overflow: unset;
}
.event-block .menu-col{
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
}
.secondary-menu{
    background-color: #f9f9f9;
}
.secondary-menu .menu-head{
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
    font-size: 18px;
    cursor: pointer;
}
.secondary-menu .menu-body{
    padding: 6px 24px 24px;
}
.secondary-menu .menu-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    font-size: 15px;
    transition: all .3s ease-in-out;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.secondary-menu .menu-item.active{
    border-bottom-color: #1C5DB7;
}
.secondary-menu .menu-head .iconfont,
.secondary-menu .menu-item .iconfont{
    font-size: 12px;
    opacity: 0;
    font-weight: bold;
    transform: scale(.9);
}
.secondary-menu .menu-item.active{
    color: #1C5DB7;
}
.secondary-menu .menu-head .iconfont,
.secondary-menu .menu-item.active .iconfont{
    opacity: 1;
}
.secondary-menu .menu-head .iconfont{
    font-size: 14px;
    transition: all .3s ease-in-out;
}
.secondary-menu.open .menu-head{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.secondary-menu.open .menu-head .iconfont{
    transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
    .secondary-menu .menu-body{
        display: block!important;
    }
}
@media screen and (max-width: 991px) {
    .secondary-menu{
        margin-bottom: 30px;
    }
    .secondary-menu .menu-head{
        display: flex;
        padding: 15px;
    }
    .event-block .menu-col{
        position: static;
    }
    .secondary-menu .menu-item{
        border-bottom: 0;
        padding: 12px 0;
    }
    .secondary-menu .menu-body{
        padding: 12px 15px;
        display: none;
    }
    .secondary-menu .menu-item .iconfont{
        display: none;
    }
}
/* secondary-menu END */

.slide .text .title.school-title{
    margin-bottom: 10px;
}
/* num-item */
.num-list{
    align-items: center;
    justify-content: center;
    display: flex;
}
.num-item{
    display: block;
    text-align: center;
    padding: 35px 20px;
}
.num-item .num{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    font-size: 30px;
    font-weight: 600;
    color: #1C5DB7;
}
.num-item .num:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    height: 5px;
    background: #FAC000;
    width: 60px;
}
@media screen and (max-width:772px){
    .num-list{
        display: block;
    }
    .num-item{
        padding: 10px 0;
    }
}
/* num-item EMD */

/*ala-swiper*/
.ala-swiper{
    display: flex;
    align-items: center;
    justify-content:center;
}
.ala-swiper .swiper-button-prev,
.ala-swiper .swiper-button-next {
    width: 2.25vw;
    height: 2.25vw;
    line-height: 2.25vw;
    text-align: center;
    font-weight: bold;
    position: static;
    border-radius: 50%;
    border: 1px solid #FAC000;
    color: #FAC000;
    background-color: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 12px;
    margin-top: 0;

}

.ala-swiper .swiper-button-next::before,
.ala-swiper .swiper-button-prev::before {
    width: 2.25vw;
    height: 2.25vw;
    line-height: 2.25vw;
    text-align: center;
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    border: 1px dashed var(--color-primary);
    opacity: .4;
}

.ala-swiper .swiper-button-prev:hover,
.ala-swiper .swiper-button-next:hover {
    background-color:#FAC000;
    color: #fff;
}
.ala-swiper .swiper-button-prev{
    margin-right: 12px;
}
.ala-swiper .swiper-button-next{
    margin-left: var(--size-30);
}
.ala-swiper .swiper-button-next::after,
.ala-swiper .swiper-button-prev::after{
    font-size: 12px;
}

.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;
    justify-content: space-between;
}
@media screen and (max-width:1439px){
    .ala-swiper .swiper-button-prev,
    .ala-swiper .swiper-button-next {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}
.grey,
.grey .block{
    background-color: rgb(245,249,250,1);
}

.ala-section+.ala-section{
    padding-top: 3.25vw;
}
@media screen and (min-width:772px){
    .ala-section.school-container{
        /*padding-top: 0 !important;*/
    }
}
@media screen and (max-width:992px){
    .ala-section+.ala-section{
        padding-top: 30px;
    }

}
/* school-item */
.swiper-slide{
    height: auto;
}
.school-item {
    position: relative;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    height: 100%;
}
.school-item .img-box{
    width: 6.25vw;
    border-radius: 50%;
    height: 6.25vw;
    margin-bottom: 15px;
}
.school-item .img-box img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid #f3f4f7;
}
@media screen and (max-width:1439px){
    .school-item .img-box{
        width: 72px;
        height: 72px;
    }
}
/* school-item END */
/* teacher-item */
.teacher-item {
    background-color: #fff;
    display: flex;
    transition: all .3sease-in-out;
}

.teacher-item+.teacher-item{
    margin-top: 20px;
}
.teacher-item .left-img {
    width: 11.46vw;
    min-width: 150px;
}
.teacher-item .img-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 127.27%;
}
.teacher-item .img-box .img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.teacher-item .img-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.teacher-item .text-box {
    padding: 30px;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.teacher-item .text-box .top .name{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
.teacher-item .text-box .top .name em{
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.teacher-item .text-box .desc{
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/* teacher-item END */
.teacher-more-btn{
    text-align: center;
    margin-top: 30px;
}
.teacher-more-btn .more-btn{
    background-color: #FAC000;
    padding: 17px 50px;
}
@media screen and(max-width:992px){
    .teacher-more-btn .more-btn{
        padding: 13px 28px;
    }
}

/* page-container */
.page-container p{
    position: relative;
    /*padding-left: 2em;*/
    margin-bottom: 5px;
}
.summer-content{
    min-height: 300px;
}
/*.page-container p::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    background-image: url(/html/zhiyuan/images/icon.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 20px;*/
/*    height: 22px;*/
/*}*/
.stay-img-container{
    margin-bottom: 20px;
}
.img-post-box{
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
}
.img-post-box .img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.img-post-box .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* page-container */

/* block-overview */
.message-swiper{
    height: 100%;
    position: relative;
}
.message-swiper .swiper-container{
    overflow: unset;
}
.message-swiper .swiper-slide{
    height: auto;
}
.block-overview .slide{
    background-color: #ffffff;
    padding: 30px;
    padding-bottom: 80px;
    height: 100%;
    background-image: url(/html/zhiyuan/images/bg4.png);
    background-position: right 40px bottom 40px;
    background-repeat: no-repeat;
    background-size: 17.14% auto;
    position: relative;
    top: 0;
    transition: all .4s ease-in-out;
}
.block-overview .slide:hover::after{
    opacity: 1;
}
.block-overview .slide:hover{
    top: -10px;
    transition: all .4s ease-in-out;
}
.block-overview .slide .top-info{
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
}
.block-overview .slide .top-info img{
    width: 5.75vw;
    height: 5.75vw;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #1C5DB7;
}
.block-overview .slide .top-info .right{
    position: relative;
    margin-left: 12px;
    flex: 1;
}
.block-overview .index_title,
.block-overview5 .index_title{
    margin-bottom:36px;
}
.block-overview .slide .top-info .name{
    font-weight: 600;
    margin-bottom: 6px;
}
.block-overview .slide .desc{
    color: #999999;
    transition: all .4s ease-in-out;
}
.index_title.row-flex{
    align-items: center;
    justify-content: space-between;
}
.index_title.row-flex .title-wrap {
    flex: 1;
}

@media screen and (max-width:1439px){
    .block-overview .slide .top-info img{
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width:567px){
    .block-overview .slide {
        padding: 20px;
        padding-bottom: 80px;
        height: 100%;
        background-position: right 20px bottom 20px;
    }
}
/* block-overview END */


.fixed-right{
    position: fixed;
    right: 10px;
    top: 70vh;
    background-color: #1C5DB7;
    z-index: 999;
    transform: translateY(-50%);
}
.fixed-right .item{
    width: 72px;
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    position: relative;
    background-color: unset;
    transition: all .3s ease-in-out;
}
.fixed-right .item:hover{
    background-color: #1C5DB7;
    color: #fff;
}
.fixed-right .item+.item:before{
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 1px;
    background-color: #fff;
    opacity: .2;
}
.fixed-right .item .icon-box img{
    width: 28px;
    height: 28px;
    object-fit: contain;
}
.fixed-right .item .text-box {
    margin-top: 2px;
}
/* .fixed-right .item:last-child{
    background-color: var(--color-secondary);
    color: #fff;
} */

.fixed-right .desc-box{
    position: absolute;
    right: 100%;
    top: 50%;
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    white-space: nowrap;
    transform: translate(-20px,-50%);
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
    text-align: center;
}
.fixed-right .desc-box p+p{
    margin-top: 5px;
}
.fixed-right .desc-box img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.fixed-right .desc-box:after{
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left: 6px solid rgba(0, 0, 0, .6);
}
.fixed-right .item:hover .desc-box{
    transform: translate(-10px,-50%);
    opacity: 1;
    display: block;
}