.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: 10px;background-color: #d9d9d9; }
.gy-history-show .figure {width: 290px;height: 217px;float: left;outline: 1px solid #f1f1f1;position: relative; margin: auto;display: block;padding: 1px;background-color: #fff;}
.gy-history-show .figure span {width: 320px;height: 217px;vertical-align: middle;display: table-cell;}
.gy-history-show .figure img {margin: 0 auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; ; }
.gy-history-show .txt {width: 415px;height: 219px;float: right; position: relative; line-height: 22px;font-size: 14px}
.gy-history-show .txt .desc p {text-indent: 2em;margin: 0;line-height: 20px;font-size: 12px}
.gy-history-show .date { ; margin: 0 0 8px 0; font-size: 23px; color: #f2550d; }
.gy-history-show {margin: 0;}

.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;cursor: pointer;}
.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; color: #f2550d;font-weight: bold;}
.gy-history-line .item.slick-current .mask {background-color: rgba(242,85,13,.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5Ff2550d,endcolorstr=#5Ff2550d);}
.gy-history-line .item:hover .mask {background-color: rgba(242,85,13,.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5Ff2550d,endcolorstr=#5Ff2550d);-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;;cursor: pointer}
.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%; }


.wrapper {padding-top: 10px; margin-left: auto; margin-right: auto; }



.hidden-xs-up { display: none !important; }
.gy-history-line:after {
    top: 25px;
    left: -152px;
    right: -60px;
    height: 19px;
    background: url(../images/about/kedu.png) no-repeat left top;
    border: none;
}


/*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); } }