.gy-history { overflow: hidden; }
.gy-history-bd { margin: 0 -15px; padding-bottom: 1rem; }
@media (min-width: 1000px) { .gy-history-bd { margin: 0 20px; padding-bottom: 80px; } }
@media (min-width: 1367px) { .gy-history-bd { margin: 0; padding-bottom: 150px; } }
.gy-history .slick-slider { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -webkit-touch-callout: text; -khtml-user-select: text; }
.gy-history-show { margin: 0 20px; }
.gy-history-show .item { overflow: hidden; padding: 0 15px; }
.gy-history-show .figure { position: relative; margin: auto; display: block; width: 40%; padding-bottom: 40%; }
.gy-history-show .figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px; background-color: #fff; border: 1px solid #dadada; -webkit-border-radius: 50%; border-radius: 50%; }
.gy-history-show .txt { position: relative; margin-top: 15px; line-height: 20px; }
.gy-history-show .date { display: inline-block; margin-right: 5px; font-size: 23px; color: #f2550d; }

@media (min-width: 768px) { .gy-history-show { margin: 0 30px; }
    .gy-history-show .figure { float: left; width: 140px; height: 140px; padding-bottom: 0; }
    .gy-history-show .txt { margin: 0 0 0 140px; padding-left: 20px; }
}
@media (min-width: 1000px) { .gy-history-show { margin: 0 40px; }
    .gy-history-show .figure { width: 180px; height: 180px; }
    .gy-history-show .txt { margin-left: 180px; line-height: 24px; }
}
@media (min-width: 1367px) { .gy-history-show { margin: 0 150px; }
    .gy-history-show .figure { width: 210px; height: 210px; }
    .gy-history-show .txt { margin-left: 210px; padding-left: 40px; }
}
.gy-history-line { position: relative; margin: 30px 50px 0; }
.gy-history-line .slick-arrow { position: absolute; top: 23px; width: 34px; height: 34px; line-height: 34px; z-index: 3; background: #fff; font-size: 0; color: #f2550d; border: 1px solid #f2550d; -webkit-border-radius: 50%; border-radius: 50%; font-weight: bold}
.gy-history-line .slick-arrow:after { font-family: "iconfont" !important; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #f2550d; font-size: 18px; }
.gy-history-line .slick-arrow:hover { background-color: #f2550d;color: #fff; }
.gy-history-line .slick-prev { left: -40px; }
/*.gy-history-line .slick-prev:after { content: '\e605'; }*/
.gy-history-line .slick-next { right: -40px; }
/*.gy-history-line .slick-next:after { content: '\e601'; }*/
.gy-history-line:after { position: absolute; top: 40px; left: -50px; right: -50px; content: ''; border: 1px dotted #f2550d; }
.gy-history-line .item { position: relative; text-align: center; }
.gy-history-line .item.slick-current .date { font-size: 20px; }
.gy-history-line .item.slick-current .mask { display: none; }
.gy-history-line .item:hover .mask { display: none; }
.gy-history-line .kd { position: absolute; top: 36px; left: 10%; width: 100%; display: none; }
.gy-history-line .kd span { position: relative; float: left; width: 20%; height: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #f2550d; }
.gy-history-line .kd span.mid { margin-right: 20%; }
.gy-history-line .date { position: relative; color: #333; font-size: 16px; line-height: 25px; padding-bottom: 15px; margin-bottom: 10px; }
.gy-history-line .date:after { position: absolute; bottom: 0; left: 50%; width: 1px; height: 10px; background-color: #f2550d; }
.gy-history-line .figure { position: relative; margin: 0 auto; width: 40px; height: 40px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; }
.gy-history-line .figure .spic, .gy-history-line .figure .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gy-history-line .figure .mask { z-index: 2;
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000', endColorstr='#80000000'); */
    background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 50%; border-radius: 50%; }
@media (min-width: 768px) { .gy-history-line:after { left: -60px; right: -60px; } }
@media (min-width: 1000px) { .gy-history-line { margin-top: 40px; } }
@media (min-width: 1367px) { .gy-history-line { margin: 60px 162px 0; }
    .gy-history-line .slick-arrow { top: 62px; }
    .gy-history-line .slick-prev { left: -106px; }
    .gy-history-line .slick-next { right: -106px; }
    .gy-history-line:after { top: 62px; left: -198px; right: -198px; height: 19px;
        background: url(../images/about/kedu.png) no-repeat left top;
        border: none; }
    .gy-history-line .item.slick-current .date { font-size: 36px; }
    .gy-history-line .date { padding-bottom: 48px; font-size: 24px; line-height: 36px; }
    .gy-history-line .figure { width: 60px; height: 60px; } }
@media (max-width: 1366px) { .gy-history-line .kd { display: block; }
    .gy-history-line .date:after { content: ''; } }



.wrapper {padding-top: 10px; margin-left: auto; margin-right: auto; }
@media (min-width: 544px) { .wrapper { max-width: 514px; } }
@media (min-width: 768px) { .wrapper { max-width: 720px; } }
@media (min-width: 1000px) { .wrapper { max-width: 960px; } }
@media (min-width: 1367px) { .wrapper { max-width: 1200px; } }
@media (max-width: 543px) { .wrapper { padding-left: 15px; padding-right: 15px; } }


.hidden-xs-up { display: none !important; }

@media (max-width: 543px) { .hidden-xs-down { display: none !important; } }

@media (max-width: 543px) { html.holding-xs-down, body.holding-xs-down { overflow: hidden; }
    html.holding-xs-down.full, body.holding-xs-down.full { height: 100%; } }

@media (min-width: 544px) { .hidden-sm-up { display: none !important; } }

@media (max-width: 767px) { .hidden-sm-down { display: none !important; } }

@media (max-width: 767px) { html.holding-sm-down, body.holding-sm-down { overflow: hidden; }
    html.holding-sm-down.full, body.holding-sm-down.full { height: 100%; } }

@media (min-width: 768px) { .hidden-md-up { display: none !important; } }

@media (max-width: 999px) { .hidden-md-down { display: none !important; } }

@media (max-width: 999px) { html.holding-md-down, body.holding-md-down { overflow: hidden; }
    html.holding-md-down.full, body.holding-md-down.full { height: 100%; } }

@media (min-width: 1000px) { .hidden-lg-up { display: none !important; } }

@media (max-width: 1366px) { .hidden-lg-down { display: none !important; } }

@media (max-width: 1366px) { html.holding-lg-down, body.holding-lg-down { overflow: hidden; }
    html.holding-lg-down.full, body.holding-lg-down.full { height: 100%; } }

@media (min-width: 1367px) { .hidden-xl-up { display: none !important; } }




/*css3动画*/
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; background-color: #000; z-index: 998; }

.active .ani-item { visibility: visible !important; -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.ani-item { visibility: hidden !important; }

@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; } }
@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; } }
@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); } }
@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); } }