.timeline{width:100%;min-width:980px;background-color:#fff;box-shadow:0 5px 25px 5px rgba(0,0,0,.2)}.timeline .swiper-container{height:600px;width:100%;position:relative}.timeline .swiper-wrapper{transition:2s cubic-bezier(.68,-.4,.27,1.34) .2s}.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}.timeline .swiper-slide::after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;background-color:rgba(0,0,0,.7);box-shadow:-230px 0 150px 60vw rgba(0,0,0,.7);border-radius:100%}.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;max-width:310px;right:50%;top:13%;-webkit-transform:translate(50%,0);transform:translate(50%,0);font-size:12px;z-index:2}.timeline .swiper-slide .timeline-year{display:block;font-style:italic;font-size:42px;margin-bottom:50px;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);color:#d4a024;font-weight:300;opacity:0;transition:.2s ease .4s}.timeline .swiper-slide .timeline-title{font-weight:800;font-size:34px;margin:0 0 30px;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .5s}.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .6s}.timeline .swiper-slide-active .timeline-year{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.6s}.timeline .swiper-slide-active .timeline-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.7s}.timeline .swiper-slide-active .timeline-text{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.8s}.timeline .swiper-pagination{right:15%!important;height:100%;display:none;flex-direction:column;justify-content:center;font-style:italic;font-weight:300;font-size:18px;z-index:1}.timeline .swiper-pagination::before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:rgba(255,255,255,.2)}.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:0 0;color:#d4a024;margin:15px 0!important;position:relative}.timeline .swiper-pagination-bullet::before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#d4a024;-webkit-transform:scale(0);transform:scale(0);transition:.2s}.timeline .swiper-pagination-bullet-active{color:#d4a024}.timeline .swiper-pagination-bullet-active::before{-webkit-transform:scale(1);transform:scale(1)}.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;top:15%;width:20px;height:20px;margin-top:0;z-index:2;transition:.2s}.timeline .swiper-button-prev{left:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-prev:hover{-webkit-transform:translateX(-3px);transform:translateX(-3px)}.timeline .swiper-button-next{right:8%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E")}.timeline .swiper-button-next:hover{-webkit-transform:translateX(3px);transform:translateX(3px)}@media screen and (min-width:768px){.timeline .swiper-slide::after{right:-30%;bottom:-8%;width:240px;height:50%;box-shadow:-230px 0 150px 50vw rgba(0,0,0,.7)}.timeline .swiper-slide-content{right:30%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:310px;font-size:11px;text-align:right}.timeline .swiper-slide .timeline-year{margin-bottom:0;font-size:32px}.timeline .swiper-slide .timeline-title{font-size:46px;margin:0}.timeline .swiper-pagination{display:flex}.timeline .swiper-button-prev{top:15%;left:auto;right:15%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}.timeline .swiper-button-prev:hover{-webkit-transform:rotate(90deg) translate(-3px,10px);transform:rotate(90deg) translate(-3px,10px)}.timeline .swiper-button-next{top:auto;bottom:15%;right:15%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}.timeline .swiper-button-next:hover{-webkit-transform:rotate(90deg) translate(3px,10px);transform:rotate(90deg) translate(3px,10px)}}@media screen and (min-width:1024px){.timeline .swiper-slide::after{right:-20%;bottom:-12%;width:240px;height:50%;box-shadow:-230px 0 150px 39vw rgba(0,0,0,.7)}.timeline .swiper-slide-content{right:25%}}.timeline .swiper-pagination{display:none}.timeline .swiper-slide .timeline-text{display:none}.timeline .swiper-slide .timeline-year{display:none}.timeline .swiper-pagination::before{display:none}.timeline .swiper-slide-content{max-width:600px}@media screen and (min-width:768px){.timeline .swiper-slide .timeline-title{font-size:30px}.timeline .swiper-slide-content{right:7%;width:90%;top:69%}}@media screen and (min-width:1024px){.timeline .swiper-slide .timeline-title{font-size:40px}.timeline .swiper-slide-content{right:9%;width:85%;top:69%}}.resume{padding:50px 0}.resume .header{position:relative;padding-left:230px}.resume .header .avatar{position:absolute;left:0;top:0;box-shadow:2px 2px 10px rgba(0,0,0,.5);-moz-box-shadow:2px 2px 10px rgba(0,0,0,.5);-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.5);border-radius:5px}.resume .header .contact{height:285px;padding:20px 40px;background-color:#f3f4fa;border-radius:5px}.resume .header h3{margin-top:20px;font-size:30px}.resume .header a{color:#064ab9}.resume .header a:hover{color:#326ffb}.resume .header .detail{text-align:justify;color:#666;line-height:2}.resume .resume-list{margin-top:50px}.resume .resume-list h3{margin:0 0 20px 0;padding:15px 20px;background-color:#f3f4fa;border-left:2px solid #3479ea}.resume .resume-list .detail{padding-left:10px;text-align:justify;color:#666;line-height:1.8}.resume .resume-list .resume-item{margin-bottom:50px}.resume .resume-list .paper-resouce{margin-top:20px;padding-left:30px}.resume .resume-list .paper-item{position:relative;padding:0 10px 5px 10px;text-align:justify;list-style:decimal;color:#666;transition:all .36s ease;border:1px solid #fff}.resume .resume-list .paper-item:hover{transform:scale(1.02);border-color:#f0f0f0;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.06)}.resume .resume-list .paper-item .link{text-decoration:none;color:#064ab9}.resume .resume-list .paper-item .link:hover{color:#326ffb}