
.w_96 { /*width: 100%;*/ max-width: 1440px; }
.slick-arrow { background: url(../img/arrow.png) no-repeat left center #fff; z-index: 50; font-size: 0; width: 55px;height: 55px;border-radius: 100%; position: absolute; top: 40%; margin-top: -0.3rem; cursor: pointer; padding: 0; }
.slick-prev { left: -0.25rem; }
.slick-next { right: -0.25rem; background-position: right center !important; }
.slick-arrow:hover {background: url(../img/arrow2.png) no-repeat left center #fff; z-index: 50; font-size: 0; width: 55px;height: 55px;border-radius: 100%; position: absolute; top: 40%; margin-top: -0.3rem; cursor: pointer; padding: 0;}

@media (max-width:1024px) {
    .slick-arrow {background-size: 1.42rem;}
    .slick-prev {left:0;}
    .slick-next {right:0;}
}
.Columntit_center {
    text-align: center;
    margin-bottom: 3em;
}
.Columntit h3{
    font-size: 35px;
    font-weight: 800;
    margin: 0;
    display: block;
    color: #333;
    text-transform: capitalize;
}
.Columntit_center h3:after{
    margin: 0.6rem auto 1%;
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #0096a3;
}
/*-------------------------------------------------------------------------------------------------------------.History_box*/
.History_box { position: relative; padding: 4% 0;
    background-image: url('http://enochgroup.jlcm.cc/template/enochgroup/assets/img/intro-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
}
.History_box .auto-inner { position: relative; }
.History_box .bg { background: url(http://www.zjhcsoft.com/template/cn/images/History_bg.jpg) no-repeat center bottom; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; background-size: cover; }
.History_box .con li { color: #0096a3; }
.History_box .con li .tit { line-height: 1; font-size: 24px;color: #0096a3;letter-spacing: 1px; margin: 0; position: relative; padding: 2em 0 1em; }
.History_box .con .slick-list { position: relative; }
.History_box .con .slick-list::after { content: ""; position: absolute; left: 0; bottom: 50%; width: 100%; height: 0.01rem; z-index: 100; }
.History_box .con li.slick-slide { position: relative; padding-left: 13px;background: url(../img/time_line1.png) no-repeat left bottom; background-size: 100% auto; }
.History_box .con li.slick-slide .tit:before { content: ""; position: absolute; left: -30px; top:-0.35rem; width: 15px;height: 15px; background: #fff; border-radius: 1rem; border: 0.02rem solid #0096a3 }
.History_box .con li.slick-slide .tit:after { z-index: -10; content: ""; display: block; position: absolute; left: -23px; top: 0.1rem; width: 2px; height: 340px; border-left: 1px dotted rgba(0,0,0,0.15); }
.History_box .con li.slick-current .tit:before { background: #1e80c3; }
.History_box .con li .inner {height: 180px; background-color: #0096a3; padding: 20px;}
.History_box .con li .inner p { margin: 0; line-height: 2;color: #fff;font-size: 15px;}
.History_box .con li .inner p strong{
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 1px;
    line-height: 0;
}
.History_box .con li.slick-slide:nth-child(odd) { margin-top: 261px; background: url(../img/time_line2.png) no-repeat left top; background-size: 100% auto; }
.History_box .con li.slick-slide:nth-child(even) .tit { padding: 25px 0 35px;}
.History_box .con li.slick-slide:nth-child(even) .tit:before { top: auto;bottom: -6px; }
.History_box .con li.slick-slide:nth-child(even) .tit:after { top: auto; bottom: 0.1rem; }
.History_box .slick-arrow { top:45%; margin: -0.2rem 0 0; background-color: #20d2e1 }
.History_box .slick-prev { left: 0 }
.History_box .slick-next { right: 0 }
@media (max-width:1600px) {
    .History_box .con li .inner p strong{font-size: 1.15rem;}
    .History_box .con li .inner p{font-size:14px;}
}
@media (max-width:1500px) {
    .History_box .con li .inner{padding:15px;}
}
@media (max-width:1024px) {
.History_box .slick-prev { left: 0; }
.History_box .slick-next { right: 0; }
.History_box .slick-arrow { margin-top: -.5rem; }
}



















