@charset "UTF-8";
 
*,::after,::before {box-sizing: border-box;}
.text_center {text-align: center;}
.text_overflow {display:block;}
.overflow_h {overflow: hidden;}


.course-box{
    padding-top: 30px;
}
.course-box>h3{margin-bottom:25px;color:#404040;text-align:center;letter-spacing:4px;font-size:36px;}
.course-box>.line{display:block;margin:0 auto;width:40px;height:2px;background-color:#eb5c20;-webkit-box-shadow:0 0 30px #ccc;box-shadow:0 0 30px #ccc;}
.course-box>p{margin-top:30px;color:#ccc;text-align:center;letter-spacing:16px;font-size:14px;}
.even-box{position:relative;padding-top:90px;height:440px;}
.event-list{margin-bottom:50px;padding-top:100px;height:200px;}
.event-list ul{position:relative;margin-left:50%;height:1px;background-color:#999;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;-webkit-transition:all .5s;transition:all .5s;}
.event-list ul li{position:absolute;width:140px;height:100px;color:#4c4c4c;text-align:center;font-style:italic;font-size:60px;}
.event-list ul li .year{position:absolute;right:0;left:0;display:block;width:100%;letter-spacing:3px;cursor:pointer;}
.event-list ul li.on .year{color: #eb5c20;}
.event-list ul li .dian{position:absolute;left:50%;z-index:3;display:block;margin-left:-10px;width:20px;height:20px;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 8px #bbb;box-shadow:0 0 8px #bbb;}
.event-list ul li .dian i{display:block;margin:5px;width:10px;height:10px;border-radius:100%;background-color:#4d4d4d;}
.event-list ul li.on .dian i{background-color:#eb5c20;}
.event-list ul li p{
    position: absolute;
    left: 50%;
    margin-left: -100px;
    width: 400px;
    text-align: left;
    letter-spacing: 1px;
    font-size: 16px;
    cursor: pointer;
    font-style: normal;
    line-height: 28px;
}
.event-list ul li::before{position:absolute;left:50%;z-index:2;display:block;width:400px;height:1px;background-color:#eb5c20;content:'';opacity:0;}

.show-box li p span {
    display: block;
    font-size: 24px;
    padding-bottom: 5px;
    color: #eb5c20;
}

@media screen and (max-width:1500px){
    .event-list ul li::before{width:300px;}
}
.event-list ul li:last-child::before{right:50%;left:auto;}
.event-list ul li.on::before{opacity:1;}
.event-list ul li:nth-child(even){top:-100px;}
.event-list ul li:nth-child(odd){bottom:-100px;}
.event-list ul li:nth-child(even) p{bottom:-120px;}
.event-list ul li:nth-child(odd) p{top:-120px;}
.event-list ul li:nth-child(even) .year{top:0;}
.event-list ul li:nth-child(odd) .year{bottom:0;}
.event-list ul li:nth-child(even) .dian{bottom:-10px;}
.event-list ul li:nth-child(odd) .dian{top:-10px;}
.event-list ul li:nth-child(even)::before{bottom:-1px;}
.event-list ul li:nth-child(odd)::before{top:0;}
.even-box .page,.hxt-box .page,.object-photo-box .page{position:relative;left:50%;margin-left:-100px;width:630px;height:34px;text-align:center;font-size:18px;line-height:34px;}
.even-box .page div,.hxt-box .page div,.object-photo-box .page div{float:left;width:50%;
	letter-spacing:5px;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size: 16px;}
.even-box .page .prev,.hxt-box .page .prev,.object-photo-box .page .prev{background-color:#c5c5c5;color:rgba(255,255,255,.7);}
.even-box .page .next,.hxt-box .page .next,.object-photo-box .page .next{background-color:#eb5c20;color:rgba(255,255,255,.7);}
i.icon-jiantou,i.icon-jiantou-copy{display:inline-block;-webkit-transition:all .2s;transition:all .2s;}
.even-box .page .next:hover i,
.hxt-box .page .next:hover i,
.object-photo-box .page .next:hover i{-webkit-transform:translateX(30px);transform:translateX(30px);-ms-transform:translateX(30px);}
.even-box .page .next:hover,
.hxt-box .page .next:hover,
.object-photo-box .page .next:hover{color:#fff;}
.even-box .page .prev:hover,
.hxt-box .page .prev:hover,
.object-photo-box .page .prev:hover{color:#fff;}
.even-box .page .prev:hover i,
.hxt-box .page .prev:hover i,
.object-photo-box .page .prev:hover i{-webkit-transform:translateX(-30px);transform:translateX(-30px);-ms-transform:translateX(-30px);}
.even-box .show-box{position:absolute;right:50%;bottom:40px;overflow:hidden;margin-right:230px;width:420px;height:360px;background-color:#fff;-webkit-box-shadow:0PX 20px 70px #C5C5C5;box-shadow:0PX 20px 70px #C5C5C5;}
.show-box ul{height:360px;-webkit-transition:all .5s;transition:all .5s;}
.show-box li{float:left;padding:10px;width:420px;height:100%;}
.show-box li .pic{position:relative;overflow:hidden;margin-bottom:4px;/*height:186px;*/}

@media screen and (max-width:800px){
	.show-box li .pic{/* height:144px; */}
}
.show-box li .pic img{width:100%;height:100%;}
.show-box li .pic h6{display:none;}
.show-box li p{
    overflow: hidden;
    padding: 0 10px;
    height: 140px;
    font-size: 16px;
    line-height: 2;
    margin: 0;
}
.show-box li p a{color:#ea1620;}



@media screen and (min-width:800px) and (max-width:1441px){
    
.even-box .show-box{right:46%;}
.even-box .page, .hxt-box .page{margin-left:-265px;width:530px;}

}
@media screen and (max-width:800px){
    
.course-box{padding-top:30px;height:auto;}
.course-box>h3{margin-bottom:15px;font-size:18px;}
.course-box>p{margin-top:20px;margin-bottom:20px;letter-spacing:2px;font-size:12px;}
.even-box{padding-top:380px;}
.event-list{display:none;}
.even-box .show-box{bottom:90px;margin-right:-170px;width:340px;}
.show-box li{width:340px;}
.even-box .page,.hxt-box .page,.object-photo-box .page{margin-left:-150px;width:300px;font-size:12px;}
.even-box .page ,.object-photo-box .page{display: none;}
.even-box .page i,.hxt-box .page i,.object-photo-box .page i{display:none;}

}


/*图片容器*/
.pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.pic img.w-h {
    width: 100%;
    max-width: 100%;
    opacity: 0;
}


@media screen and (max-width:800px){
    
    .about.after-inner #top .tree,.linian.after-inner #top .tree,.course.after-inner #top .tree {height: 150px;}
    .course-box {margin-top: 170px;}
    .mobile-menu-btn{display: none!important;}

}





/*animate补充动画*/
@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -20px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {

    from {
        opacity: 1;
        transform: none;
    }
    to {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }
}
.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, 10px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}
@keyframes scaleIn{
    0% {
        opacity: 0;.transf(scale(1.1));
    }
    100% {
        opacity: 1;.transf(scale(1));
    }
}
.scaleIn{
    animation-name: scaleIn;
}
@keyframes fadeInUpY{
    0% {
        transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: none;
    }
}
.fadeInUpY{
    animation-name: fadeInUpY;
}

.back_{
    position: fixed;
    right: 5px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background-color: #3e6fbb;
    z-index: 100;
}
.back_ >img{
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
 }