@media screen and (width: 1920px) {

  .big-bg-img {

    position: relative;

    width: 100%;

    height: 660px;

    background: url('../images/join-bg.jpg') no-repeat;

    /* 标题 */

  }

  .big-bg-img .title-name {

    color: #fff;

    position: absolute;

    left: 369px;

    bottom: 124px;

  }

  .big-bg-img .title-name .en {

    font-size: 36px;

  }

  .big-bg-img .title-name .ch {

    font-size: 24px;

  }

  .content {

    width: 1300px;

    margin: 0 auto;

    /* 招聘岗位 */

    /* 员工活动 */

  }

  .content .post .post-title {

    text-align: center;

  }

  .content .post .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .post .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .post .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .content .post .post-list {

    width: 100%;

  }

  .content .post .post-list .list-heade {

    height: 60px;

    background: #ff8441;

    color: #fff;

    font-size: 18px;

    line-height: 60px;

  }

  .content .post .post-list .list-heade span {

    display: block;

    width: 20%;

    text-align: center;

  }

  .content .post .post-list ul li {

    position: relative;

    border-bottom: 1px solid #ddd;

  }

  .content .post .post-list ul li .list-item {

    height: 60px;

    line-height: 60px;

    font-size: 14px;

    color: #606266;

    position: relative;

  }

  .content .post .post-list ul li .list-item span {

    width: 20%;

    display: block;

    float: left;

    text-align: center;

  }

  .content .post .post-list ul li .list-item img {

    position: absolute;

    right: 18px;

    top: 50%;

    margin-top: -4px;

    cursor: pointer;

  }

  .content .post .post-list ul li .list-item .arrows-2 {

    display: none;

  }

  .content .post .post-list ul li .list-item:hover {

    background: #F6F6F6;

    cursor: pointer;

  }

  .content .post .post-list ul li .item-bottom {

    margin-left: 41px;

    display: none;

    margin-bottom: 20px;

  }

  .content .post .post-list ul li .item-bottom h3 {

    font-size: 18px;

    font-weight: bold;

    color: #333333;

  }

  .content .post .post-list ul li .item-bottom .post-detail {

    margin-left: 19px;

    font-size: 14px;

    color: #606266;

    line-height: 30px;

  }

  .content .post .post-list .more {

    display: block;

    font-size: 18px;

    color: #999999;

    width: 140px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid #ddd;

    margin: 0 auto 69px auto;

  }

  .content .post .post-list .more:hover {

    color: #fff;

    background-color: #f2dbad;

    border-color: #f2dbad;

    cursor: pointer;

  }

  .content .post .post-list .pagination {

    margin-bottom: 107px;

  }

  .content .post .post-list .pagination a {

    text-decoration: none;

    border: 1px solid #ddd;

  }

  .content .post .post-list .pagination a,

  .content .post .post-list .pagination span {

    display: inline-block;

    padding: 5px 10px;

    margin-right: 10px;

  }

  .content .post .post-list .pagination .current {

    background: #f2dbad;

    color: #fff;

    border: 1px solid #ddd;

  }

  .content .post .post-list .pagination .current.prev,

  .content .post .post-list .pagination .current.next {

    color: #999;

    border-color: #999;

    background: #fff;

  }

  .content .activity .post-title {

    text-align: center;

  }

  .content .activity .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .activity .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .activity .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .content .activity ul {

    margin: 30px auto 47px auto;

  }

  .content .activity ul li {

    width: 420px;

  }

  .content .activity ul li .bottom-text h4 {

    font-size: 18px;

    font-weight: 400;

    color: #333333;

    margin: 20px 0 14px 0;

  }

  .content .activity ul li .bottom-text p {

    font-size: 14px;

    color: #666;

  }

  /* 办公环境 */

  .environment {

    width: 100%;

    height: 980px;

    background: url("../images/environment-6.png") no-repeat;

    border-top: 1px solid #fff;

  }

  .environment .post-title {

    text-align: center;

    margin-top: 61px;

  }

  .environment .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .environment .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .environment .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .environment .show-img {

    width: 890px;

    height: 593px;

    margin: 53px auto 212px auto;

    position: relative;

  }

  .environment .show-img div {

    text-align: center;

  }

  .environment .show-img div:last-child {

    position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -295px;

  }

}

@media not screen and (width: 1920px) {

  .big-bg-img {

    position: relative;

    width: 100%;

    height: 660px;

    background: url('../images/join-bg.jpg') no-repeat;

    /* 标题 */

  }

  .big-bg-img .title-name {

    color: #fff;

    position: absolute;

    left: 369px;

    bottom: 124px;

  }

  .big-bg-img .title-name .en {

    font-size: 36px;

  }

  .big-bg-img .title-name .ch {

    font-size: 24px;

  }

  .content {

    width: 1130px;

    margin: 0 auto;

    /* 招聘岗位 */

    /* 员工活动 */

  }

  .content .post .post-title {

    text-align: center;

  }

  .content .post .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .post .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .post .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .content .post .post-list {

    width: 100%;

  }

  .content .post .post-list .list-heade {

    height: 40px;

    line-height: 40px;

    background: #ff8441;

    color: #fff;

    font-size: 16px;

  }

  .content .post .post-list .list-heade span {

    display: block;

    width: 20%;

    text-align: center;

  }

  .content .post .post-list ul li {

    position: relative;

    border-bottom: 1px solid #ddd;

  }

  .content .post .post-list ul li .list-item {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    color: #606266;

    position: relative;

  }

  .content .post .post-list ul li .list-item span {

    display: block;

    width: 20%;

    float: left;

    text-align: center;

  }

  .content .post .post-list ul li .list-item img {

    position: absolute;

    right: 18px;

    top: 50%;

    margin-top: -4px;

    cursor: pointer;

  }

  .content .post .post-list ul li .list-item .arrows-2 {

    display: none;

  }

  .content .post .post-list ul li .list-item:hover {

    background: #F6F6F6;

    cursor: pointer;

  }

  .content .post .post-list ul li .item-bottom {

    margin-left: 41px;

    display: none;

    margin-bottom: 20px;

  }

  .content .post .post-list ul li .item-bottom h3 {

    font-size: 18px;

    font-weight: bold;

    color: #333333;

  }

  .content .post .post-list ul li .item-bottom .post-detail {

    margin-left: 19px;

    font-size: 14px;

    color: #606266;

    line-height: 30px;

  }

  .content .post .post-list .more {

    display: block;

    font-size: 18px;

    color: #999999;

    width: 140px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 1px solid #ddd;

    margin: 0 auto 69px auto;

  }

  .content .post .post-list .more:hover {

    color: #fff;

    background-color: #f2dbad;

    border-color: #f2dbad;

    cursor: pointer;

  }

  .content .post .post-list .pagination {

    margin-bottom: 107px;

  }

  .content .post .post-list .pagination a {

    text-decoration: none;

    border: 1px solid #ddd;

  }

  .content .post .post-list .pagination a,

  .content .post .post-list .pagination span {

    display: inline-block;

    padding: 5px 10px;

    margin-right: 10px;

  }

  .content .post .post-list .pagination .current {

    background: #f2dbad;

    color: #fff;

    border: 1px solid #ddd;

  }

  .content .post .post-list .pagination .current.prev,

  .content .post .post-list .pagination .current.next {

    color: #999;

    border-color: #999;

    background: #fff;

  }

  .content .activity .post-title {

    text-align: center;

  }

  .content .activity .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .activity .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .content .activity .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .content .activity ul {

    margin: 30px auto 47px auto;

  }

  .content .activity ul li {

    width: 330px;

  }

  .content .activity ul li .bottom-text h4 {

    font-size: 16px;

    font-weight: 400;

    color: #333333;

    margin: 20px 0 14px 0;

  }

  .content .activity ul li .bottom-text p {

    font-size: 14px;

    color: #666;

  }

  /* 办公环境 */

  .environment {

    height: 980px;

    background: url("../images/environment-6.png") no-repeat;

    border-top: 1px solid #fff;

  }

  .environment .post-title {

    text-align: center;

    margin-top: 61px;

  }

  .environment .post-title .en {

    font-size: 24px;

    font-weight: 400;

    line-height: 18px;

  }

  .environment .post-title .cn {

    font-size: 18px;

    font-weight: 400;

    line-height: 18px;

  }

  .environment .post-title .line {

    display: inline-block;

    width: 30px;

    height: 2px;

    background-color: #f2dbad;

  }

  .environment .show-img {

    width: 890px;

    height: 593px;

    margin: 53px auto 212px auto;

    position: relative;

  }

  .environment .show-img div {

    text-align: center;

  }

  .environment .show-img div:last-child {

    position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -295px;

  }

}