*{margin:0;padding:0;border:0;box-sizing:border-box}html{font-size:14px}body,html{height:100%}body{font-family:"Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Arial,sans-serif";color:#333;min-width:320px;position:relative;overflow-y:auto}::-webkit-scrollbar{width:7px;height:7px;background-color:#363535}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#383636}#app,.OutLayer{height:100%}.tc{text-align:center}.fl{float:left}.fr{float:right}.clear{clear:both;visibility:hidden}.pdt10{padding-top:10px}.pdt15{padding-top:15px}.pdt20{padding-top:20px}.pdt30{padding-top:30px}.pdt50{padding-top:50px}.red{color:red}.gray{color:#949494}.bold{font-weight:700}.overline{text-decoration:overline;font-style:normal}.underline{text-decoration:underline;font-style:normal}.navbar{position:fixed;width:100%;top:0;z-index:1002}.nav{min-height:66px;line-height:66px;position:relative;overflow:hidden;z-index:inherit;margin:0 auto}.nav_logo{height:66px;position:absolute;left:0;text-decoration:none;font-size:30px;color:#fff}.nav_logo img{margin-top:10px;height:47px}.nav_togglebtn{display:none;cursor:pointer;position:absolute;right:20px;padding-top:12px}.nav_togglebtn span{display:inline-block;width:32px;height:32px;transition:all .2s;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAnUlEQVRYR+2UoQ0CQRQFZw0KdcFQAQ5LB2coghBaoA06IAhquCI4ewpqAAcC98gztPDM3wZmMrv7GuHTwnxKoEkagG3oKi4WeAPzkMDLAntgFxD4Aqd6hFWgCuQLSFoCq8AOGDl5iO5BgdECN2ATKvCwQAesYwIh8B+b/wVVoArEC0jqgSMwC8hcPURPYBGAG/mxwBk4hASGGqIq8AO37C6jCRacZwAAAABJRU5ErkJggg==)}.nav_togglebtn .menu_rotate{transform:rotate(90deg)}.nav_links{float:right}.nav_links .nav_link{display:inline-block;margin:0 12px;outline:none;cursor:pointer;color:hsla(0,0%,100%,.5);font:700 17px/60px Work Sans,sans-serif}.nav_links .nav_link:hover,.nav_links .nav_link_active{color:#fff}.nav_link:last-child{margin:0}.blurlayer{position:absolute;top:0;left:0;z-index:1001;width:100vw;min-width:320px;height:100vh;background-color:rgba(0,0,0,.75);visibility:hidden;opacity:0;transition:all .2s}.blurlayer_show{visibility:visible;opacity:1}.topblock{position:fixed;z-index:800;left:0;top:0;width:100%;height:66px;background-color:rgba(0,0,0,.75)}.home_header{height:100%;min-width:320px;background:#000 url(/img/bg_home.e4dcd93b.png) no-repeat bottom/1728px 900px;animation:colorful_home_data 15s infinite;position:relative;z-index:900}.home_header_logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.home_header_logo img{position:absolute;top:0}.home_header_logo_light{z-index:1000;box-shadow:0 0 0 #fff;border-radius:50%;animation:earthMove 30s linear infinite}.home_header_logo_text{position:absolute;bottom:0;color:#fff}.home_header_logo_text strong{color:#f7f3f3;text-shadow:#000 8px 8px 8px}.one{opacity:0;transform:translateY(-50px);animation:revolveScale 2s forwards}.two{opacity:0;transform:translate(-50px);animation:revolveScale1 2s forwards}.home_header_next{height:14px;position:absolute;transform:translate(-50%);left:50%;bottom:20px;animation:next-data 4s infinite}.table{display:table;margin:5px;width:100%}.tab_cow,.table{border:1px solid #000}.tab_cow{display:table-row}.tab_cell{display:table-cell;border:1px solid #000;padding:5px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row .column1{padding-top:75px}.row .col-lg-1,.row .col-lg-2,.row .col-lg-3,.row .col-lg-4,.row .col-lg-5,.row .col-lg-6,.row .col-lg-8{position:relative;min-height:1px;width:100%;padding-left:15px;padding-right:15px}.row .col-lg-1{flex:0 0 100%;max-width:100%}.row .col-lg-3 .item{background:#f5f5f5;padding:75px 45px;text-align:center;color:#898989;position:relative;margin-bottom:15px}.row .col-lg-3 i{font-size:50px}.row .col-lg-3 .item-overlay{padding:75px 45px;position:absolute;top:0;left:0;content:" ";width:100%;height:100%;background:#d2d0d0;background:linear-gradient(90deg,#a5a1a1 0,#9e9b9b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2d0d0",endColorstr="#9e9b9b",GradientType=1);transform:scale(0);transition:.5s;color:#fff}.row .col-lg-3 .item-overlay .service-list{color:#f2f2f2}.row .col-lg-3 .item:hover .item-overlay{transform:scale(1);top:0}.row .col-lg-3 .item:hover,.row .col-lg-3 .item:hover .service-list{color:#f5f5f5}.row .col-lg-6 .title-small{padding-top:60px}.row .xiechao{max-width:100%;border-radius:15px;transition:all 1s linear}.row .xiechao:hover{transform:scale(1.1)}.row .xiec_img{overflow:hidden;border-radius:15px;text-align:center}.row p{font:400 18px/28px Work Sans,sans-serif;padding-top:35px}.row .skill h4{padding-bottom:15px;font-weight:500;padding-top:35px}.row .pageContainer{text-align:center;padding:15px 0}.row .pageContainer .el-pagination.is-background .el-pager li:not(.disabled).active{background:#1c2327}.row .pageContainer .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#fff;background:#1c2327}.row .pageContainer .el-pager{padding:0}.blog .row .col-lg-2{padding-left:0}.blog .smallCate{padding-bottom:10px;margin:3px 0}.blog .smallCate span{margin:10px 12px 0;float:left;cursor:pointer}.blog .smallCate .active{color:#1c2327;font-weight:700;font-style:italic}.blog .article,.blog .content{background:#fff;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);border-radius:2px}.blog .articleBox,.blog .blogItem{padding:24px;border-bottom:1px solid #f0f0f2;cursor:pointer}.blog .articleBox{cursor:auto}.blog .articleBox ul li{font:400 18px/28px Work Sans,sans-serif;font-size:14px}.blog .cateTitle{padding:24px 20px 20px;font-size:16px}.blog .articleBody p{font-size:14px;padding-top:10px}.blog .articleBody p strong{font-size:16px}.blog .articleBody p img{max-width:100%}.blog .articleBody pre{background:#34354f;color:#abb2bf;padding:12px;overflow-x:auto;margin-top:10px}.blog .articleBody .jsTable{color:#939393}.blog .articleBody .jsTable td{width:25%;padding:3px 0}.blog .author{margin-top:20px;border-top:1px solid #f0f0f2;line-height:30px;padding-top:10px}.blog .title{font-size:18px;font-weight:700;line-height:25px}.blog .desc,.blog .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.blog .desc{margin-top:14px;font-weight:400;min-height:6px;line-height:22px;color:#555666}.blog .other{margin-top:16px;color:#909faf}.blog ul{padding:0 20px}.blog .cate li,.blog .golden li{line-height:30px;margin-bottom:12px;display:block;border-radius:4px;background:#f6f6f6;padding:4px 12px 4px 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;transition:all .2s ease}.blog .golden li{background:none;border-radius:0;margin-bottom:0;border-top:1px solid #f0f0f2;padding:5px 0;transition:all .2s ease}.blog .cate li:before{position:absolute;content:"";width:4px;height:4px;background:#000;border-radius:2px;left:15px;top:16px}.blog .blogItem:hover,.blog .cate li:hover{cursor:pointer;background:#f2f2f2;box-shadow:0 0 10px #ccc;transition:all .2s ease}.blog .recommend li{height:30px;line-height:30px;margin-bottom:10px;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blog .recommend li i{display:block;width:16px;height:16px;background:#b1b1b1;float:left;margin-top:7px;margin-right:8px;position:relative;font-style:normal}.blog .recommend li:hover{cursor:pointer;background:#f2f2f2}.blog .recommend li i:before{position:absolute;left:0;top:0;font-size:9px;color:#fff;line-height:16px;width:16px;text-align:center}.blog .recommend li:first-child i:before{content:"1"}.blog .recommend li:nth-child(2) i:before{content:"2"}.blog .recommend li:nth-child(3) i:before{content:"3"}.blog .recommend li:nth-child(4) i:before{content:"4"}.blog .recommend li:nth-child(5) i:before{content:"5"}.blog .recommend li:nth-child(6) i:before{content:"6"}.blog .recommend li:nth-child(7) i:before{content:"7"}.blog .recommend li:nth-child(8) i:before{content:"8"}.blog .recommend li:first-child i,.blog .recommend li:nth-child(2) i,.blog .recommend li:nth-child(3) i{background:#f60}.service_title{font-size:30px;margin-bottom:20px;margin-top:10px;font-weight:500}.service-list{list-style:none;padding:0;margin:0;color:#949494;font-size:18px}.service-list>li{padding-top:15px}.service-list>li:first-child{padding-top:0}.button{font:400 18px/55px Work Sans,sans-serif;min-width:170px;padding:0 15px;box-shadow:0 0 22px 0 #d5d5d5;background:#fff;border-radius:30px;display:inline-block;text-align:center;text-decoration:none;text-transform:uppercase;color:#4f4e4e;margin-top:30px}.bg_gray{background:#f5f5f5}.button:hover{color:#fff;background:#000}.title-small,.topTitle{font:500 33px/1 Work Sans,sans-serif;padding:10px 0 20px;letter-spacing:1px}.title-small.tc{margin-bottom:35px}.topTitle{margin-top:50px;text-align:center}.copyright{background:#34354f;color:#fff}.copyright .box{height:46px;max-width:1000px;margin:0 auto;line-height:46px;font-size:12px;overflow:hidden}.container{margin:0 auto;padding:75px 0 40px}.myInfo{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;font:400 18px/28px Work Sans,sans-serif;padding-top:35px}.myHobby{background-repeat:no-repeat,no-repeat,no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.1)),url(/img/bg.db49bc91.jpg)}.myHobby,.myHobby .title-small{color:#e0dfdf}.myHobby .hTitle{font-size:24px;margin-bottom:20px;margin-top:10px;font-weight:500}.myHobby .desc{font-size:16px;line-height:26px}.myHobby .hobby{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px}.myHobby .hobby .hItem{padding:1rem;transition:1s ease;border-radius:4px;color:#e0dfdf;background:hsla(0,0%,9%,.1)}.myHobby .hobby .hItem:hover{color:#f7efef;background:hsla(0,0%,100%,.2)}.el-card__body p{padding-top:20px}.book{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid hsla(0,0%,100%,.2);border-left:0;border-top:0}.book .bItem{text-align:center;padding:1rem 0;transition:1s ease;font-size:20px;border:1px solid hsla(0,0%,100%,.2);border-right:0;border-bottom:0}.book .bItem:hover{background:hsla(0,0%,100%,.2)}.web_desc{padding-top:30px}.web_desc .el-step__head.is-finish{color:#3f3f3f;border-color:#3f3f3f}.web_desc .el-step__description.is-finish{color:#838383}.web_desc .el-step.is-center .el-step__description{padding-left:8px;padding-right:8px;font-size:14px;line-height:22px}.web_desc .el-step__title.is-finish{color:#3f3f3f;line-height:40px;font-weight:700}.SkillBox .ski h5{margin-top:45px;margin-bottom:0}.scale{animation:restore .3s forwards}@keyframes restore{60%{transform:rotateY(90deg)}to{transform:rotateY(0);opacity:1}}.dynamic{animation:dynamic .3s forwards}@keyframes dynamic{60%{transform:scaleY(1.2)}to{transform:scale(1);opacity:1}}.dynamic1{animation:dynamic1 .3s forwards}@keyframes dynamic1{60%{transform:rotateX(90deg)}to{transform:rotateX(0);opacity:1}}@media(min-width:320px){.col-lg-2{display:none}.home_header_logo{width:320px;height:400px}.home_header_logo img{width:260px;left:26px}.home_header_logo_text{width:320px;font-size:20px}.home_header_logo_text strong{font-size:28px}.blog .smallCate{display:block}}@media(min-width:576px){.container,.nav{max-width:540px}.home_header_logo{width:540px;height:580px}.home_header_logo img{width:410px;left:65px}.home_header_logo_text{width:540px}}@media screen and (max-width:1000px){.nav_links{visibility:hidden;opacity:0;height:0;float:none;padding-top:66px;padding-right:20px;overflow:hidden;transition:all .2s}.nav_links .nav_link{display:block;margin:0;text-align:right;line-height:50px}.nav_links_collapse{visibility:visible;opacity:1;height:auto}.nav_togglebtn{display:block}}@media(min-width:768px){.container,.nav{max-width:720px}.home_header_logo{width:720px}.home_header_logo img{width:480px;left:120px}.home_header_logo_text{width:720px;font-size:30px}.home_header_logo_text strong{font-size:40px}.col-lg-3{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 50%;max-width:50%}}@media(min-width:992px){.container,.nav{max-width:960px}.home_header_logo{width:930px}.home_header_logo img{left:225px}.home_header_logo_text{width:930px}.col-lg-2{flex:0 0 23%;max-width:23%;display:block}.col-lg-8{flex:0 0 77%;max-width:77%}.col-lg-4{flex:0 0 41.666667%;max-width:41.666667%}.row .col-lg-6{flex:0 0 58.333333%;max-width:58.333333%}.row .col-lg-6 .title-small{padding-top:10px}.about .col-lg-6{padding-top:50px}.blog .smallCate{display:none}}@media(min-width:1200px){.container,.nav{max-width:1170px}}.el-progress-bar__outer{background-color:#e9ecef}.contact .el-input__inner,.contact .el-textarea__inner{border-right:0;border-left:0;border-top:0;border-bottom:1px solid #a6a6a6;border-radius:0;background:none;padding:0;color:dimgray}.contact .button{background:#363535;color:#fff}.contact .button:hover{background:#000}@keyframes next-data{0%{bottom:15px}50%{bottom:45px}to{bottom:15px}}@keyframes colorful_home_data{0%{background-color:#000}11%{background-color:#000}22%{background-color:#ed8a25}33%{background-color:#ed8a25}44%{background-color:#4fc3f7}55%{background-color:#4fc3f7}66%{background-color:#8bc34a}77%{background-color:#8bc34a}88%{background-color:#8bc34a}99%{background-color:#000}to{background-color:#000}}@keyframes earthMove{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes revolveScale{60%{transform:translateY(20px)}to{transform:translate(0);opacity:1}}@keyframes revolveScale1{60%{transform:translate(50px)}to{transform:translate(0);opacity:1}}.mobile .row{display:block;margin:0}.mobile .row .col-lg-3,.mobile .row .col-lg-4,.mobile .row .col-lg-5,.mobile .row .col-lg-6{max-width:100%}.mobile .row .el-pagination.is-background .btn-next,.mobile .row .el-pagination.is-background .btn-prev{display:none}.mobile .el-form.contact{margin:0 15px}.mobile .nav_logo img{height:36px;margin-left:10px;margin-top:15px}.mobile .ski h2{padding-left:15px;padding-right:15px}.mobile .ski h2 .button{min-width:140px}.mobile .myHobby .hobby{grid-template-columns:1fr}.mobile .book{grid-template-columns:1fr 1fr}.mobile .blog .col-lg-8{padding:0}.ttt{background:#58a;background-image:linear-gradient(45deg,tan 25%,transparent 0,transparent 75%,tan 0),linear-gradient(45deg,tan 25%,transparent 0,transparent 75%,tan 0);background-position:0 0,15px 15px;background-size:30px 30px;width:400px;height:400px}