.content-wrap{width:100%;background-color:#fbfbfb}.content-wrap .banner-wrap{position:relative;background-color:#0f0f0f}.content-wrap .banner-wrap .banner-bg{height:278px;width:100%;background:url(//as.zbjimg.com/static/nodejs-ipr-zx-web/common/images/interview-banner.1d25253b.png) center no-repeat}.content-wrap .content-container{position:relative;margin:0 auto;width:1190px;min-height:720px}.content-wrap .content-container .content-center{margin:95px 300px 0 50px;width:890px;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ccc;padding-bottom:20px}.content-wrap .content-container .content-center .kzf-list{position:relative;margin-left:-54px;margin-bottom:80px}.content-wrap .content-container .content-center .kzf-list .line-top{width:890px;height:0;position:absolute;top:20px;left:0;overflow:hidden;border-top:1px dashed #ccc;display:block}.content-wrap .content-container .content-center .kzf-list .year{position:relative;width:109px;height:39px;top:0;display:block;z-index:1;cursor:pointer}.content-wrap .content-container .content-center .kzf-list .year .num{position:absolute;width:109px;height:39px;line-height:39px;font-size:30px;color:#fff;text-align:center;display:inline-block;background-color:#2a2a2a;font-weight:700}.content-wrap .content-container .content-center .kzf-list .year .num:after{content:' ';position:absolute;left:50%;margin-left:-6px;bottom:-12px;border:6px solid transparent;border-top-color:#2a2a2a}.content-wrap .content-container .content-center .kzf-list .year .shadow{position:absolute;top:-6px;left:6px;width:109px;height:39px;display:none;background-color:#44af8c}.content-wrap .content-container .content-center .kzf-list .kzf-content{display:none}.content-wrap .content-container .content-center .kzf-list .year-item{position:relative;padding:12px 0 50px 108px}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line{position:absolute;top:-16px;left:54px;width:1px;height:100%;z-index:0}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line:after{content:'';position:absolute;left:-16px;top:50%;border:7px solid #2b2b2b;border-radius:50%;margin-top:-16px;width:18px;height:18px;transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;background-color:#878787}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line .circle{position:absolute;width:0;height:0;left:-25px;top:160px;border:0 solid #ccc;border-radius:50%;transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line .line{position:absolute;left:5px;height:0;width:1px;top:185px;left:-20px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transform:rotate(-12deg);-ms-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-o-transform:rotate(-12deg);background-color:#c8c8c8}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line .line:before{visibility:hidden;content:'';border-radius:50%;background-color:#c8c8c8;position:absolute;left:-2px;bottom:0;width:6px;height:6px}.content-wrap .content-container .content-center .kzf-list .year-item .left-dot-line .line:after{visibility:hidden;content:'';border-radius:50%;background-color:#c8c8c8;position:absolute;left:-3px;width:6px;height:6px}.content-wrap .content-container .content-center .kzf-list .year-item .article{position:relative;width:782px;height:264px;border:1px solid #e5e5e5;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap{position:absolute;width:312px;height:194px;top:30px;left:30px}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap>img{width:312px;height:194px}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap .num,.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap .time{position:absolute;bottom:12px}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap .num{left:0;width:74px;height:25px;line-height:25px;text-indent:1em;background-color:#44af8c;color:#fff}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap .time{right:0;width:120px;padding-right:1em;height:25px;text-align:right;line-height:25px;background:linear-gradient(to left,rgba(0,0,0,.9),rgba(0,0,0,0));color:#bfbdbd}.content-wrap .content-container .content-center .kzf-list .year-item .article .img-wrap .time:before{content:' ';position:absolute;top:50%;left:25px;margin-top:-8px;height:15px;width:15px;background:url(//as.zbjimg.com/static/nodejs-ipr-zx-web/common/images/time.0c2a4927.png) no-repeat}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line i{position:absolute;display:inline-block;background-color:#ff7600;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line .top-line{width:0;height:3px;top:-1px;left:-1px}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line .bottom-line{width:0;height:3px;bottom:-1px;left:-1px}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line .left-line{width:4px;height:49px;top:50%;margin-top:-25px;left:-1px}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line .right-line{width:3px;height:0;top:-1px;right:-1px;background:linear-gradient(to bottom,#ff7600,rgba(255,118,0,0))}.content-wrap .content-container .content-center .kzf-list .year-item .article .animate-line .dot{bottom:-5px;margin-left:-5px;width:11px;height:11px;left:-12px;opacity:0;background-color:#ff7600;border-radius:50%}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover+.left-dot-line:after{background-color:#44af8c}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover+.left-dot-line .circle{border-width:1px;left:-25px;top:52px;width:208px;height:208px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover+.left-dot-line .line{top:102px;left:-24px;height:140px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover+.left-dot-line .line:after,.content-wrap .content-container .content-center .kzf-list .year-item .article:hover+.left-dot-line .line:before{visibility:visible}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover .top-line{width:782px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover .bottom-line{width:185px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover .left-line{top:-1px;margin-top:0;height:264px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover .right-line{height:100px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover .dot{opacity:1;left:185px}.content-wrap .content-container .content-center .kzf-list .year-item .article:hover h2{color:#ff7600}.content-wrap .content-container .content-center .kzf-list .year-item .right{width:375px;margin-top:30px;margin-left:375px}.content-wrap .content-container .content-center .kzf-list .year-item .right>h2{margin-bottom:20px;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content-wrap .content-container .content-center .kzf-list .year-item .right>p{height:143px;font-size:16px;line-height:24px;overflow:hidden}.content-wrap .content-container .content-center .is-kzf-list .year .shadow{display:block}.content-wrap .content-container .content-center .is-kzf-list .line-top{display:none}.content-wrap .content-container .content-center .is-kzf-list .kzf-content{display:block}.content-wrap .content-container .content-right{position:absolute;right:0;top:95px;width:280px}.content-wrap .content-container .content-right .cms img{width:100%;margin-top:20px;max-height:140px}.content-wrap .content-container .content-right .scan{margin-bottom:4px;border:1px solid #e5e5e5;border-top:6px solid #44af8c}.content-wrap .content-container .content-right .scan .code-wrap{position:relative;height:175px;background:url(//as.zbjimg.com/static/nodejs-ipr-zx-web/common/images/scan.fde90c8d.png) no-repeat}.content-wrap .content-container .content-right .scan .code-wrap>img{border:1px solid #e5e5e5;position:absolute;top:25px;left:74px;width:130px;height:129px}.content-wrap .content-container .content-right .scan .desc{background-color:#fff;height:77px;text-align:center}.content-wrap .content-container .content-right .scan .desc>p:first-child{padding-top:12px;padding-bottom:7px;font-weight:700}.content-wrap .content-container .content-right .scan .desc>p{font-size:16px;color:#626262}