@charset "utf-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none
}

img {
    border: none;
    vertical-align: top;
}

i,
em {
    font-style: normal;
}

body {
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
    overflow: hidden;
    font-size: 14px;
}

.icons {
    background: url("https://img.q1cdn.com/lw/images/20220303_index/icons.png?v=1") no-repeat;
}

.logo {
    left: 116px;
    top: 57px;
    position: absolute;
    width: 188px;
    height: 157px;
    z-index: 2
}

.slider {
    width: 279px;
    height: 950px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/slider.jpg?v=icons1") no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.zhuce_title {
    width: 223px;
    height: 39px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/zhuce_title.png?v=1") no-repeat;
    margin: 20px auto;
}

.get_title {
    width: 223px;
    height: 39px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/get_title.png?v=1") no-repeat;
    margin: 20px auto;
}

.gift_img {
    display: block;
    margin: 0 auto;
}

.reg {
    width: 256px;
    margin: 0 auto;
}

.index_down {
    width: 230px;
    height: 60px;
    background-position: 0 -277px;
    display: block;
    margin: 0 auto 20px;
    padding: 20px 0;
    text-align: center;
    font-size: 30px;
    color: #fefefe;
    line-height: 60px;
    font-family: "宋体";
    font-weight: bold;
    border-bottom: 1px solid #bab8c2;
    border-top: 1px solid #bab8c2;
}

.index_get {
    width: 230px;
    height: 60px;
    background-position: 0 -186px;
    display: block;
    margin: 20px auto;
    text-align: center;
    font-size: 30px;
    color: #fefefe;
    line-height: 60px;
    font-family: "宋体";
    font-weight: bold;
}

.wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.part1 {
    width: 100%;
    height: 938px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/part1_v10.jpg?v=1") no-repeat top center;
    position: relative;
}

.part2 {
    width: 100%;
    height: 938px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/part2.jpg?v=1") no-repeat top center;
    position: relative;
}

.part3 {
    width: 100%;
    height: 938px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/part2.jpg?v=1") no-repeat top center;
    position: relative;
}

.part2_title {
    width: 639px;
    height: 61px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/title1.png?v=1") no-repeat;
    position: absolute;
    top: 100px;
    left: 532px;
}

.careers {
    width: 1406px;
    height: 807px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #84603d;
}

.career {
    position: relative;
    display: none;
}

.career16 {
    display: block;
}

.career .left {
    position: absolute;
    top: 0;
    left: -147px;
    z-index: 2;
}

.career2 .left {
    left: -67px;
    top: 22px;
}

.career3 .left {
    left: -253px;
    top: 122px;
}

.career4 .left {
    left: -19px;
    top: -4px;
}

.career5 .left {
    left: -245px;
    top: 21px;
}

.career6 .left {
    top: 16px;
    left: -193px;
}

.career7 .left {
    top: 170px;
    left: -235px;
}

.career8 .left {
    top: 169px;
    left: 48px;
}

.career9 .left {
    top: 57px;
    left: -25px;
}

.career10 .left {
    top: 39px;
    left: -20px;
}

.career11 .left {
    top: -1px;
    left: -61px;
}

.career12 .left {
    top: 95px;
    left: -250px;
}

.career13 .left {
    top: 165px;
    left: -103px;
}

.career14 .left {
    top: 139px;
    left: -63px;
}
.career15 .left {
  top: 122px;
}
.career16 .left{
 top: 66px;
}

.career .right {
    width: 856px;
    height: 470px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/zy_img_1.png?v=1") no-repeat;
    position: absolute;
    right: 10px;
    top: 231px;
}

.career_skill p {
    line-height: 30px;
}

.career_skill .icons {
    background-position: -253px -1px;
    display: inline-block;
    width: 13px;
    height: 14px;
    margin: 0 2px;
}

.career_skill .icons.hollow_star {
    background-position: -238px -1px;
}

.career_skill {
    position: absolute;
    left: 456px;
    top: 160px;
    color: #d3d5e1;
}

.career_gif {
    position: absolute;
    left: 456px;
    top: 258px;
    border: 4px solid #3b3b3a;
    border-radius: 4px;
}

.career_name {
    width: 100px;
    height: 205px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/names.png?v=2") no-repeat;
    position: absolute;
}

.career_name2 {
    background-position: 0 0;
    left: 347px;
    top: 85px;
}

.career_name3 {
    background-position: -100px 0;
    left: 347px;
    top: 85px;
}

.career_name4 {
    background-position: -200px 0;
    left: 347px;
    top: 85px;
}

.career_name5 {
    background-position: -300px 0;
    left: 347px;
    top: 85px;
}

.career_name6 {
    background-position: -400px 0;
    left: 347px;
    top: 85px;
}

.career_name7 {
    background-position: 0 -205px;
    left: 347px;
    top: 85px;
}

.career_name8 {
    background-position: -100px -205px;
    left: 347px;
    top: 85px;
}

.career_name9 {
    background-position: -200px -205px;
    left: 347px;
    top: 85px;
    height: 200px;
}

.career_name10 {
    background-position: -300px -205px;
    left: 347px;
    top: 85px;
    height: 200px;
}

.career_name11 {
    background-position: -400px -205px;
    left: 347px;
    top: 85px;
}

.career_name12 {
    background-position: 0 -410px;
    left: 347px;
    top: 85px;
    height: 200px;
}

.career_name1 {
    background-position: -100px -410px;
    left: 347px;
    top: 85px;
}

.career_name13 {
    background-position: -206px -410px;
    left: 347px;
    top: 85px;
}

.career_name14 {
    background-position: -300px -410px;
    left: 347px;
    top: 85px;
}
.career_name15 {
  background-position: -400px -410px;
  left: 347px;
  top: 85px;
}
.career_name16 {
  left: 338px;
  top: 85px;
  background-position: 0 -611px;
  height: 250px;
  width: 113px;
}

.career_nav {
    position: absolute;
    left: 100px;
    top: 818px;
    z-index: 2;
}

.career_nav span {
    width: 76px;
    height: 35px;
    display: inline-block;
    margin-left: 1px;
    color: #84603d;
    font-family: "宋体";
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
}

.career_nav span.focus {
    background: #84603d;
    color: #fff;
}

.active .part2_title {
    -webkit-animation: fadeInDown 1s .2s ease both;
}

.career_show .left {
    -webkit-animation: fadeInLeft 1s 0.4s ease both;
}

.career_show .right {
    -webkit-animation: fadeInRight 1s .6s ease both;
}

.part3_main {
    width: 1340px;
    margin: 0 auto;
    position: relative;
    top: 96px;
}

.part3_title {
    width: 639px;
    height: 61px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/title2.png?v=1") no-repeat;
    left: 309px;
    position: absolute;
}

.feature_nav {
    width: 189px;
    height: 386px;
    background: url("https://img.q1cdn.com/lw/images/20220303_index/nav_line.png?v=1") no-repeat top center;
    position: absolute;
    right: -60px;
    top: 150px;
    padding-top: 9px;
}

.feature_img {
    position: absolute;
    top: 95px;
    left: 160px;
}

.feature_nav a {
    display: block;
    width: 189px;
    height: 38px;
    background: none;
    text-align: center;
    color: #3c4062;
    line-height: 38px;
    font-size: 24px;
    font-family: "宋体";
    font-weight: bold;
    margin: 44px 0;
}

.feature_nav span {
    font-size: 12px;
    position: relative;
    top: -4px;
}

.feature_nav a span:first-child {
    margin-right: 20px;
}

.feature_nav a span:last-child {
    margin-left: 20px;
}

.feature_nav a.focus {
    background: url("https://img.q1cdn.com/lw/images/20220303_index/icons.png?v=1") no-repeat;
    color: #fff;
}

.active .part3_title {
    -webkit-animation: fadeInDown 1s .2s ease both;
}

.active .feature_img {
    -webkit-animation: fadeInLeft 1s .6s ease both;
}

.active .feature_nav {
    -webkit-animation: fadeInRight 1s .8s ease both;
}

/*copyright*/
.coy {
    text-align: left;
    color: #c2c2c2;
    line-height: 24px;
    font-size: 12px;
    padding: 35px 0;
    background: #39393a;
}

.coyN {
    width: 786px;
    background: url(https://img.q1cdn.com/lw/images/login/login180126/logo_for.png?v=1) no-repeat 0 40px;
    margin: 0 auto;
    padding-left: 220px
}

.coyN span {
    display: block;
}

.coy a {
    color: #c2c2c2;
    text-decoration: none;
}


.mask {
    position: absolute;
    z-index: 2;
    filter: alpha(opacity=80);
    background: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}

/*弹窗*/
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -324px;
    margin-top: -205px;
    z-index: 99;
    background: url(https://img.q1cdn.com/lw/images/login/login190216/popup.png?v=1) no-repeat center top;
    width: 647px;
    height: 410px;
    display: none;
}

.popupN {
    width: 647px;
    height: 304px;
}

.popup .tit {
    width: 647px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 22px;
    color: #f8df9e;
    font-weight: normal;
}

.popup .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -55px;
    top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://img.q1cdn.com/lw/images/login/login190216/close.png?v=1) no-repeat
}

.popup .close:hover {
    transform: rotate(360deg);
    transition: 1s;
    display: block
}

.popup_l {
    float: left;
    width: 290px;
    margin: 40px 0 0 40px;
}

.popup_c {
    background: url(https://img.q1cdn.com/lw/images/login/login170912/line.png?v=1) no-repeat;
    width: 6px;
    height: 256px;
    float: left;
}

.popup_r {
    width: 300px;
    float: left;
    text-align: center
}

.popup_img {
    text-align: center;
    margin-top: 36px;
}

.tc_xz {
    width: 276px;
    height: 60px;
    margin: 20px auto;
}

.tc_xz a {
    margin: 10px auto 0 auto;
    display: block;
    width: 276px;
    height: 50px;
    text-indent: -9999em;
    background: url(https://img.q1cdn.com/lw/images/login/login190216/reg.png?v=1) no-repeat 0 -205px;
}

.tc_xz a:hover {
    background-position: 0 -256px;
}

.popup_wz {
    color: #303b58;
    padding-top: 5px;
    font-size: 16px;
}

.popup_wz span {
    color: #fff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    background: #997923;
    padding: 0 5px;
    border-radius: 3px;
}


/*视频弹窗*/
.popup-video {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -433px;
    margin-top: -235px;
    z-index: 99;
    background: url(https://img.q1cdn.com/lw/images/login/login190216/popup_v1.png?v=1) no-repeat center top;
    width: 867px;
    height: 470px;
    display: none;
}

.videoN {
    padding-top: 16px;
}

.popup-video .tit {
    width: 867px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    font-size: 22px;
    color: #f8df9e;
    font-weight: normal;
}

.video_l {
    width: 514px;
    height: 370px;
    float: left;
    padding: 0 40px 0 15px;
}

.video_r {
    width: 290px;
    float: left;
}

.videoN .tc_xz {
    margin: 0;
}

.popup-video .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -55px;
    top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://img.q1cdn.com/lw/images/login/login190216/close.png?v=1) no-repeat
}

.popup-video .close:hover {
    transform: rotate(360deg);
    transition: 1s;
    display: block
}

.videoBtn {
    width: 106px;
    height: 70px;
    position: absolute;
    left: 548px;
    top: 350px;
}


@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}