﻿.fair-footer{width:100%;height:230px;overflow:hidden;background-color:#1f2329;display:flex;justify-content:center;align-items:center;display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center}.footer-content-box{width:1300px;height:170px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-between;-webkit-align-items:center;overflow:hidden}.footer-nav{padding-left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-between;-webkit-align-items:center}.footer-nav li a{color:#fff;font-size:14px}.footer-left p{font-size:14px;color:#838687;line-height:30px;text-align:left}.footer-left .num-one{margin-top:30px}.footer-left .num-one a{display:inline-block}.sp{display:inline-block}.footer-right{height:150px;width:200px;overflow:hidden;border-left:1px solid #fff;text-align:left;background:url("//img.gaoxiaojob.com/uploads/static/image/logo/logo_column.png") no-repeat 50px center/150px auto}.footer-right p{color:#838687;font-size:14px;line-height:40px}.footer-enroll{display:flex;flex-direction:row;justify-content:space-between;align-items:center;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-between;-webkit-align-items:center}.footer-enroll li img{width:50px;height:50px}html{height:100%;box-sizing:border-box;scroll-behavior:smooth}body{font-size:14px;color:#495771;background-color:#f7f8f9;font-family:"pingfang sc",微软雅黑}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0;font-size:12px}ul{list-style:none}a:focus,a:active{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}.wrapper{position:relative;width:100%}.wrapper a{display:block}.wrapper img{display:block;width:100%;height:100%;object-fit:contain}.view-width{margin:0 auto;width:1200px}.tab-container{position:sticky;top:0;width:100%;background-color:#fff;z-index:9999}.tab-container .tab{display:flex}.tab-container .tab-link{padding:18px 40px}.tab-container .tab-link:not(.tab-container .tab-link.active):hover{color:#495771;background-color:#eee;border-radius:5px}.tab-container .active{color:#fff;background-color:#ffa000;border-radius:5px}.is-title h2{position:relative;padding-left:20px;font-size:28px;color:#1d1d1d}.is-title h2::after{content:"";position:absolute;width:12px;height:12px;left:0;top:50%;transform:translateY(-50%);background-color:#ffa000;border-radius:3px}@media screen and (max-width: 1200px){.view-width{width:100%}.tab-container .tab-link{padding:13px 2px;font-size:12px}.is-title{padding-left:20px}.is-title h2{font-size:24px}.fair-footer{display:none}}.page-container{position:relative;height:600px}.page-container .video{position:absolute;display:block;width:100%;height:100%;z-index:-1;object-fit:cover}.page-container .bg-picture{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:-1}.page-container .header-container{position:relative;z-index:99}.page-container .header{display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:70px}.page-container .header .logo-link{width:121px;height:34px;background:url("//img.gaoxiaojob.com/uploads/static/image/logo/logo_column.png") no-repeat center/cover}.page-container .header nav{display:flex;line-height:70px}.page-container .header .nav-link{position:relative;margin:0 28px;color:#fff}.page-container .header .nav-link::before{content:"";position:absolute;width:0;height:1px;left:0;bottom:13px;display:block;transition:all ease 1s;background-color:#fff}.page-container .header .nav-link:hover::before{width:100%}.page-container .header .nav-link:last-child{position:relative;margin-right:0}.page-container .header .nav-link:last-child::after{content:"";position:absolute;width:2px;height:30px;left:-28px;top:50%;transform:translateY(-50%);background-color:#fff}.page-container .propaganda{margin:155px auto 0;color:#fff}.page-container .propaganda .title{padding-bottom:30px;text-align:center;font-size:40px}.page-container .propaganda .subtitle{padding-bottom:86px;text-align:center;font-size:18px}.page-container .propaganda .data-content{display:flex;padding:40px 0;text-align:center;height:153px;background:#f3f3f3;box-shadow:0px 8px 18px 2px rgba(55,99,170,.1);opacity:.8;color:#495771;border-radius:5px;box-sizing:border-box}.page-container .propaganda .data{display:flex;flex-direction:column;justify-content:center;width:16.666%;height:100%;border-right:1px solid rgba(73,87,113,.3)}.page-container .propaganda .data:last-child{border-right:none}.page-container .propaganda .quantity{padding-bottom:20px;line-height:1;font-size:20px}.page-container .propaganda .number,.page-container .propaganda .symbol{font-size:45px;font-family:Bahnschrift}.page-container .propaganda .information{font-size:16px}.page-container .is-propaganda{margin-top:190px}.page-container .is-propaganda .is-title{padding-bottom:26px;text-align:left;font-size:54px}.page-container .is-propaganda .is-subtitle{width:574px;text-align:left;line-height:2;font-size:inherit}.is-page-container::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.3;background-color:#495771}@media screen and (max-width: 320px){.page-container .header .nav-link{margin:0 !important;font-size:12px}.page-container .propaganda .title{font-size:18px !important}.page-container .subtitle{font-size:14px !important}.page-container .number,.page-container .symbol,.page-container .quantity{font-size:14px !important}.page-container .information{font-size:12px !important}}@media screen and (max-width: 1200px){.page-container .header .logo-link{width:110px;height:24px}.page-container .header .nav-link{margin:0 2px}.page-container .header .nav-link:last-child::after{display:none}.page-container .propaganda .title{padding-left:0;font-size:20px}.page-container .propaganda .subtitle{font-size:16px}.page-container .propaganda .quantity{font-size:16px}.page-container .propaganda .number,.page-container .propaganda .symbol{font-size:22px}.page-container .propaganda .information{font-size:14px}.page-container .is-propaganda{padding:0 10px}.page-container .is-propaganda .is-subtitle{width:100%}}body,html{position:relative}.page-container .propaganda{margin-top:180px}.page-container .propaganda .subtitle{padding-bottom:32px;font-size:20px}.page-container .propaganda .title{padding-bottom:40px;font-size:56px}.page-container .propaganda .post-link{margin:0 auto;width:150px;height:40px;text-align:center;line-height:40px;font-size:20px;border:1px solid #fff}.join-us{background-image:url("../assets/bg3.jpg")}.future{margin-top:54px}.future .list-container{display:flex;margin:40px 0 64px}.future .list{margin-right:75px;width:33.3333333333%}.future .list:last-child{margin-right:0}.future .top-title{display:flex;padding-bottom:18px;border-bottom:2px solid #ffa000}.future .top-title img{margin-right:8px;width:49px;height:54px}.future .top-title span{padding-top:28px;font-size:22px;font-weight:bold}.future .bottom-text{padding-top:20px;line-height:1.5}.job-container{padding-top:53px;background-color:#fff;color:#fff}.job-container .job-classify{display:flex;padding:30px 0 60px}.job-container .post{width:33.3333333333%}.job-container .job-description{padding:5px 0 0 20px;width:355px;line-height:1.8;font-size:12px}.job-container .modular{padding:20px 0 0 20px;width:100%;height:183px;box-sizing:border-box;background-repeat:no-repeat;background-size:contain;background-position:center;font-size:22px;font-weight:bold}.job-container .post-title{padding:20px 0 0 20px}.job-container .product-manager{position:relative;background-image:url("../assets/job-list1.png")}.job-container .product-manager .hover-post{position:absolute;width:100%;height:0;top:0;left:0;z-index:1;background-color:#ffa000;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:all ease .5s;overflow:hidden}.job-container .product-manager:hover .hover-post{height:366px}.job-container .creative-director{position:relative;background-image:url("../assets/job-list2.png")}.job-container .creative-director .hover-post{position:absolute;width:100%;height:0;top:-183px;left:0;background-color:#4d4d4d;border-top-left-radius:5px;border-bottom-left-radius:5px;transition:all ease .5s;overflow:hidden}.job-container .creative-director:hover .hover-post{height:366px}.job-container .sales-consultant{position:relative;background-image:url("../assets/job-list3.png")}.job-container .sales-consultant .hover-post{position:absolute;width:100%;height:0;top:0;left:0;background-color:#004eff;z-index:1;transition:all ease .5s;overflow:hidden}.job-container .sales-consultant:hover .hover-post{height:366px}.job-container .website-operation{position:relative;background-image:url("../assets/job-list4.png")}.job-container .website-operation .hover-post{position:absolute;width:100%;height:0;top:-183px;left:0;background-color:#495771;transition:all ease .5s;overflow:hidden}.job-container .website-operation:hover .hover-post{height:366px}.job-container .content-operation{position:relative;background-image:url("../assets/job-list5.png")}.job-container .content-operation .hover-post{position:absolute;width:100%;height:0;top:0;left:0;background-color:#55d6bf;z-index:1;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:all ease .5s;overflow:hidden}.job-container .content-operation:hover .hover-post{height:366px}.job-container .copywriting-planning{position:relative;background-image:url("../assets/job-list6.png")}.job-container .copywriting-planning .hover-post{position:absolute;width:100%;height:0;top:-183px;left:0;background-color:#c85527;border-top-right-radius:5px;border-bottom-right-radius:5px;transition:all ease .5s;overflow:hidden}.job-container .copywriting-planning:hover .hover-post{height:366px}.team-container{margin-top:47px}.team-container .is-title{margin:0 auto;width:1200px}.team-container .team-situation{display:flex;margin-top:40px;width:100%}.team-container .propaganda-content{width:50%;color:#fff;line-height:1.5}.team-container .propaganda-content p{padding-top:50px;font-size:24px;font-weight:800}.team-container .left-content{text-align:right;box-sizing:border-box}.team-container .right-content{padding-left:50px;box-sizing:border-box;background:url("../assets/team-picture3.png") no-repeat center/cover}.team-container .top-content,.team-container .bottom-content{padding-right:50px;height:300px}.team-container .top-content{background:url("../assets/team-picture1.png") no-repeat center/cover}.team-container .bottom-content{background:url("../assets/team-picture2.jpg") no-repeat center/cover}.grow-up-container{padding:48px 0 60px;background-color:#fff}.grow-up-container .company-picture{display:flex;justify-content:space-between;margin-top:26px}.grow-up-container .company-picture img{transition:all ease .3s;border:1px solid #dfdfdf;border-radius:4px;box-sizing:border-box}.grow-up-container .company-picture img:hover{transform:scale(1.1)}@media screen and (max-width: 1200px){.page-container .propaganda .title{font-size:40px}.future .list-container{display:block;padding:0 10px}.future .list{margin-bottom:20px;width:100%}.job-container .job-classify{display:block}.job-container .post{width:100%}.job-container .product-manager{border-top-right-radius:9px}.job-container .creative-director .hover-post{top:0;z-index:1}.job-container .website-operation .hover-post{top:0;z-index:1}.job-container .copywriting-planning{border-bottom-left-radius:9px}.grow-up-container{padding:40px 5px}.grow-up-container .company-picture{display:block}.grow-up-container .company-picture img{margin-bottom:20px;width:100%}.grow-up-container .company-picture img:hover{transform:scale(1)}.team-container .is-title{width:95%}.team-container .team-situation{display:block}.team-container .propaganda-content{width:100%}.team-container .propaganda-content p{padding-top:20px;font-size:20px}.team-container .left-content{text-align:left}.team-container .right-content{padding:0 10px 20px 10px}.team-container .top-content,.team-container .bottom-content{padding:0 10px}}.swiper{width:100%;height:100%;padding:24px;overflow:hidden;user-select:none;box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none}.swiper-button-next,.swiper-button-prev{width:14px;color:rgba(51,51,51,.3)}.swiper-button-next{right:0}.swiper-button-prev{left:0}.swiper-button-next:after,.swiper-button-prev:after{font-size:24px;font-weight:bold}