@media screen and (width:1920px) {



  /* 招聘 */

  .tab-content .invite .productDefinition .content .img {

    height: 310px;

  }





  .tab-content .invite .service-content .content-bottom{

    display:table;

    word-spacing:-1em;

  }

  .tab-content .invite .service-content .content-bottom .flex1{

    display: inline-block;

    width: 25%;

  }

  .tab-content .invite .service-content {

    padding-bottom: 100px;

    background: url('../images/bg1.png') no-repeat;

    background-size: 100% 100%;

  }



  .invite .service-content .flex1 {

    text-align: center;

  }



  .invite .service-content .icon-bg {

    position: relative;

    display: inline-block;

  }



  .invite .service-content .l-img {

    margin-left: 27px;

  }



  .invite .service-content .icon {

    position: absolute;

    left: 50%;

    top: 50%;

  }



  .invite .service-content .icon1 {

    margin-left: -26px;

    margin-top: -10px;

  }



  .invite .service-content .icon2 {

    margin-left: -36px;

    margin-top: -32px;

  }



  .invite .service-content .icon3 {

    margin-left: -28px;

    margin-top: -5px;

  }



  .invite .service-content .icon4 {

    margin-left: -32px;

    margin-top: -28px;

  }



  .invite .service-content .l-title {

    font-size: 16px;

    font-weight: bold;

    color: #333333;

    line-height: 20px;

    margin-top: 19px;

  }



  .invite .service-content .l-img {

    width: 166px;

    height: 144px;

  }



  .invite .service-content .l-text {

    width: 271px;

    font-size: 14px;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin: 15px auto;

    text-align: left;

  }



  .invite .service-content .l-title2 {

    margin-bottom: 19px;

  }



  .invite .video-list {

    width: 1303px;

    margin: 39px auto 0 auto;

  }



  .invite .video-list .list-item {

    position: relative;

    width: 400px;

    height: 465px;

    margin-right: 50px;

  }



  .invite .video-list .list-item .explain {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    overflow: hidden;

    background: #ea5503;

    opacity: 0.8;

    -webkit-transition: height 1s;

    transition: height 1s;

    color: #fff;

    font-size: 16px;

  }



  .invite .video-list .list-item .explain p {

    margin: 13px 0 0 10px;

  }



  .invite .video-list .list-item:hover .explain {

    height: 110px;

  }



  .invite .video-list .list-item:last-child {

    margin-right: 0px;

  }



  .tab-content .invite .serve-content {

    background-color: #ffffff;

  }



  .tab-content .invite .flow {

    height: auto;

    background: none;

  }



  .tab-content .invite .case {

    margin-top: 90px;

  }



  .tab-content .train .train-module1 {

    text-align: center;

    margin: 40px auto 0 auto;

  }



  .tab-content .train .module1 {

    position: relative;

    display: inline-block;

  }



  .tab-content .train .productDefinition .train-module1 .img {

    width: 827px;

    height: 490px;

  }



  .tab-content .train .train-module1 .l-desc {

    position: absolute;

    line-height: 24px;

    text-align: left;

    font-size: 14px;

  }



  .tab-content .train .train-module1 .l-desc1 {

    top: 0;

    left: -50px;

  }



  .tab-content .train .train-module1 .l-desc2 {

    top: 238px;

    left: -130px;

  }



  .tab-content .train .train-module1 .l-desc3 {

    bottom: -50px;

    left: -50px;

  }



  .tab-content .train .train-module1 .l-desc4 {

    top: 0;

    right: -50px;

  }



  .tab-content .train .train-module1 .l-desc5 {

    top: 238px;

    right: -150px;

  }



  .tab-content .train .train-module1 .l-desc6 {

    bottom: -50px;

    right: -50px;

  }



  .tab-content .train .train-module1 .orange-type-div {

    text-align: center;

    margin-top: 100px;

  }



  .tab-content .train .train-module1 .orange-type {

    display: inline-block;

    width: 210px;

    height: 55px;

    background: #E66019;

    border-radius: 3px;

    text-align: center;

    margin-right: 265px;

    color: #ffffff;

    padding: 5px 0;

  }



  .tab-content .train .train-module1 .orange-type p {

    padding-top: 6px;

    font-size: 14px;

  }



  .tab-content .train .course .course-list {

    border-top: 1px solid #CCCFD6;

    margin-left: 20px;

  }



  .tab-content .train .course .course-list li {

    border-bottom: 1px solid #CCCFD6;

    min-height: 50px;

    padding: 15px 20px;

    line-height: 24px;

  }



  .tab-content .train .course .course-list2 {

    margin-left: 0;

    margin-right: 20px;

  }



  .tab-content .train .advantages .advantages-type {

    position: relative;

    width: 333px;

    height: 218px;

    background: url('../images/advantages1.png') no-repeat;

    background-size: 100% 100%;

    color: #ffffff;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

  }



  .tab-content .train .advantages .advantages-type2 {

    background: url('../images/advantages2.png') no-repeat;

  }



  .tab-content .train .advantages .advantages-type p {

    position: absolute;

    bottom: 80px;

    width: 100%;

    text-align: center;

  }



  .tab-content .train .advantages .type-text {

    text-align: center;

    margin-top: 15px;

    font-size: 16px;

  }



  .invite .invite-server {

    position: relative;

    height: 639px;

    background: url('../images/image16.png') no-repeat;

    background-size: 100% 100%;

  }



  .invite .invite-server .img-bg {

    position: absolute;

    top: 87px;

    left: 36px;

  }



  .invite .invite-server .title-c {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -50px;

    margin-top: -50px;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    line-height: 48px;

  }



  .invite .invite-server .title-text {

    position: absolute;

  }



  .invite .invite-server .title-text1 {

    left: 36px;

    top: -15px;

  }



  .invite .invite-server .title-text2 {

    left: 36px;

    top: 242px;

  }



  .invite .invite-server .title-text3 {

    left: 36px;

    bottom: 110px;

  }



  .invite .invite-server .title-text4 {

    right: 36px;

    top: 12px;

  }



  .invite .invite-server .title-text5 {

    right: 36px;

    top: 214px;

  }



  .invite .invite-server .title-text6 {

    right: 36px;

    bottom: 110px;

  }



  .invite .invite-server .title {

    font-size: 16px;

    font-weight: bold;

    color: #E55000;

    margin-bottom: 15px;

  }



  .invite .invite-server .text-point {

    font-size: 14px;

    font-weight: 400;

    color: #333333;

    margin-top: 8px;

  }



  .invite .invite-server .text-point::before {

    content: "";

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #FF6D1E;

    border-radius: 50%;

    margin-right: 10px;

    vertical-align: middle;

    margin-top: -5px;

  }



  /* 招聘 */

  /* 福利平台 */

  .tab-content .welfare .productDefinition .l-point {

    display: inline-block;

    width: 17px;

    height: 17px;

    background: #EA5706;

    margin-right: 10px;

    vertical-align: middle;

    margin-top: -3px;

  }



  .tab-content .welfare {

    position: relative;

  }



  .tab-content .welfare .productDefinition .l-point2 {

    background: #F8B551;

  }



  .tab-content .welfare .welfare-module1 {

    margin-top: 15px;

    padding-left: 79px;

  }



  .tab-content .welfare .welfare-module1 .module1 {

    width: 400px;

  }



  .tab-content .welfare .welfare-module1 .module1 .l-title {

    color: #EA5706;

    font-size: 18px;

  }



  .tab-content .welfare .welfare-module1 .module1 .l-text {

    color: #EA5706;

    font-size: 18px;

    font-size: 14px;

    color: #909399;

    line-height: 24px;

    margin-top: 10px;

  }



  .tab-content .welfare .welfare-module1 .module2 {

    padding: 0 79px;

  }



  .tab-content .welfare .welfare-module2 {

    text-align: center;

    font-size: 18px;

    color: #333333;

  }

  .tab-content .welfare .welfare-module2 .display-flex .flex1{

    display:inline-block;

    width: 166px;

  }

  .tab-content .welfare .welfare-module2 .flex1 {

    margin-right: 23px;

  }



  .tab-content .welfare .welfare-module2 .flex1:last-of-type {

    margin-right: 0;

  }



  .welfare .video-list .list-item {

    width: 393px;

    height: 373px;

    margin-right: 61px;

  }



  .welfare .video-list .list-item .explain p {

    text-align: center;

    line-height: 10px;

    font-size: 14px;

  }



  .welfare .video-list .list-item .bottom-text {

    text-align: center;

    font-size: 14px;

    margin-top: 20px;

  }



  .welfare .video-list .list-item .explain p:first-of-type {

    padding-top: 5px;

  }



  .welfare .productDefinition {

    position: relative;

    background-color: #ffffff;

  }



  .welfare .bg-big {

    position: absolute;

    left: 0px;

    bottom: 853px;

    width: 100%;

    height: 1022px;

    display: block;

    z-index: 2;

  }



  .welfare .server {

    display: inline-block;

    position: relative;

  }



  .welfare .server .num {

    position: absolute;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

  }



  .welfare .server .num1 {

    top: 125px;

    left: 565px;

  }



  .welfare .server .num2 {

    top: 125px;

    right: 580px;

  }



  .welfare .server .num3 {

    bottom: 130px;

    left: 565px;

  }



  .welfare .server .num4 {

    bottom: 130px;

    right: 580px;

  }



  .welfare .server .title-text {

    position: absolute;

  }



  .welfare .server .title-text .title {

    color: #E84900;

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: bold;

  }



  .welfare .server .title-text .text {

    font-size: 14px;

    color: #333333;

    margin-bottom: 6px;

  }



  .welfare .server .title-text1 {

    top: 18px;

    left: 10px;

  }



  .welfare .server .title-text2 {

    top: 18px;

    right: 10px;

  }



  .welfare .server .title-text3 {

    bottom: 18px;

    left: 10px;

  }



  .welfare .server .title-text4 {

    bottom: 18px;

    right: 10px;

  }



  .tab-content-welfare .flow-epiboly .productDefinition .content,

  .tab-content-welfare .flow-epiboly .serve-content .content {

    position: relative;

    z-index: 10;

  }



  .welfare .welfare-module2 .l-title {

    margin-top: 18px;

  }



  /* 福利平台 */

}



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



  /* 招聘 */

  .tab-content .invite .productDefinition .content .img {

    height: 310px;

  }



  .tab-content .invite .service-content .content-bottom{

    display:table;

    word-spacing:-1em;

  }

  .tab-content .invite .service-content .content-bottom .flex1{

    display: inline-block;

    width: 25%;

  }

  .tab-content .invite .service-content {

    padding-bottom: 100px;

    background: url('../images/bg1.png') no-repeat;

    background-size: 100% 100%;

  }



  .invite .service-content .flex1 {

    text-align: center;

  }



  .invite .service-content .icon-bg {

    position: relative;

    display: inline-block;

  }



  .invite .service-content .l-img {

    margin-left: 27px;

  }



  .invite .service-content .icon {

    position: absolute;

    left: 50%;

    top: 50%;

  }



  .invite .service-content .icon1 {

    margin-left: -26px;

    margin-top: -10px;

  }



  .invite .service-content .icon2 {

    margin-left: -36px;

    margin-top: -32px;

  }



  .invite .service-content .icon3 {

    margin-left: -28px;

    margin-top: -5px;

  }



  .invite .service-content .icon4 {

    margin-left: -32px;

    margin-top: -28px;

  }



  .invite .service-content .l-title {

    font-size: 16px;

    font-weight: bold;

    color: #333333;

    line-height: 20px;

    margin-top: 19px;

  }



  .invite .service-content .l-img {

    width: 166px;

    height: 144px;

  }



  .invite .service-content .l-text {

    width: 271px;

    font-size: 14px;

    font-weight: 400;

    color: #333333;

    line-height: 24px;

    margin: 15px auto;

    text-align: left;

  }



  .invite .service-content .l-title2 {

    margin-bottom: 19px;

  }



  .invite .video-list {

    width: 1130px;

    margin: 39px auto 0 auto;

  }



  .invite .video-list .list-item {

    position: relative;

    width: 350px;

    height: 400px;

    margin-right: 20px;

  }

  .invite .video-list .list-item>img{

    width: 100%;

    height: 100%;

  }



  .invite .video-list .list-item .explain {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0px;

    overflow: hidden;

    background: #ea5503;

    opacity: 0.8;

    -webkit-transition: height 1s;

    transition: height 1s;

    color: #fff;

    font-size: 16px;

  }



  .invite .video-list .list-item .explain p {

    margin: 13px 0 0 10px;

  }



  .invite .video-list .list-item:hover .explain {

    height: 110px;

  }



  .invite .video-list .list-item:last-child {

    margin-right: 0px;

  }



  .tab-content .invite .serve-content {

    background-color: #ffffff;

  }



  .tab-content .invite .flow {

    height: auto;

    background: none;

  }



  .tab-content .invite .case {

    margin-top: 90px;

  }



  .tab-content .train .train-module1 {

    text-align: center;

    margin: 40px auto 0 auto;

  }



  .tab-content .train .module1 {

    position: relative;

    display: inline-block;

  }



  .tab-content .train .productDefinition .train-module1 .img {

    width: 827px !important;

    height: 490px;

  }



  .tab-content .train .train-module1 .l-desc {

    position: absolute;

    line-height: 24px;

    text-align: left;

    font-size: 14px;

  }



  .tab-content .train .train-module1 .l-desc1 {

    top: 0;

    left: -50px;

  }



  .tab-content .train .train-module1 .l-desc2 {

    top: 238px;

    left: -130px;

  }



  .tab-content .train .train-module1 .l-desc3 {

    bottom: -50px;

    left: -50px;

  }



  .tab-content .train .train-module1 .l-desc4 {

    top: 0;

    right: -50px;

  }



  .tab-content .train .train-module1 .l-desc5 {

    top: 238px;

    right: -150px;

  }



  .tab-content .train .train-module1 .l-desc6 {

    bottom: -50px;

    right: -50px;

  }



  .tab-content .train .train-module1 .orange-type-div {

    text-align: center;

    margin-top: 100px;

  }



  .tab-content .train .train-module1 .orange-type {

    display: inline-block;

    width: 210px;

    height: 55px;

    background: #E66019;

    border-radius: 3px;

    text-align: center;

    margin-right: 200px;

    color: #ffffff;

    padding: 5px 0;

  }



  .tab-content .train .train-module1 .orange-type p {

    padding-top: 6px;

    font-size: 14px;

  }



  .tab-content .train .course-detail{

    width: 1130px;

  }



  .tab-content .train .course .course-list {

    display: inline-block;

    border-top: 1px solid #CCCFD6;

    margin-left: 20px;

  }



  .tab-content .train .course .course-list li {

    border-bottom: 1px solid #CCCFD6;

    min-height: 50px;

    padding: 15px 20px;

    line-height: 24px;

  }



  .tab-content .train .course .course-list2 {

    margin-left: 0;

    margin-right: 20px;

  }



  .tab-content .train .advantages .advantages-type {

    position: relative;

    width: 280px;

    height: 218px;

    background: url('../images/advantages1.png') no-repeat;

    background-size: 100% 100%;

    color: #ffffff;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

  }

  .tab-content .train .advantages .advantages-bottom{

    width: 1130px;

  }



  .tab-content .train .advantages .advantages-type2 {

    background: url('../images/advantages2.png') no-repeat;

  }



  .tab-content .train .advantages .advantages-type p {

    position: absolute;

    bottom: 80px;

    width: 100%;

    text-align: center;

  }



  .tab-content .train .advantages .type-text {

    text-align: center;

    margin-top: 15px;

    font-size: 16px;

  }



  .invite .invite-server {

    width: 1130px;

    position: relative;

    height: 639px;

    background: url('../images/image16.png') no-repeat;

    background-size: 100% 100%;

  }



  .invite .invite-server .img-bg {

    position: absolute;

    top: 87px;

    left: 36px;

  }



  .invite .invite-server .title-c {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -50px;

    margin-top: -50px;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    line-height: 48px;

  }



  .invite .invite-server .title-text {

    position: absolute;

  }



  .invite .invite-server .title-text1 {

    left: 36px;

    top: -15px;

  }



  .invite .invite-server .title-text2 {

    left: 36px;

    top: 225px;

  }



  .invite .invite-server .title-text3 {

    left: 36px;

    bottom: 150px;

  }



  .invite .invite-server .title-text4 {

    right: 36px;

    top: 12px;

  }



  .invite .invite-server .title-text5 {

    right: 36px;

    top: 195px;

  }



  .invite .invite-server .title-text6 {

    right: 36px;

    bottom: 150px;

  }



  .invite .invite-server .title {

    font-size: 16px;

    font-weight: bold;

    color: #E55000;

    margin-bottom: 15px;

  }



  .invite .invite-server .text-point {

    font-size: 14px;

    font-weight: 400;

    color: #333333;

    margin-top: 8px;

  }



  .invite .invite-server .text-point::before {

    content: "";

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #FF6D1E;

    border-radius: 50%;

    margin-right: 10px;

    vertical-align: middle;

    margin-top: -5px;

  }



  /* 招聘 */

  /* 福利平台 */

  .tab-content .welfare .productDefinition .l-point {

    display: inline-block;

    width: 17px;

    height: 17px;

    background: #EA5706;

    margin-right: 10px;

    vertical-align: middle;

    margin-top: -3px;

  }



  .tab-content .welfare {

    position: relative;

  }



  .tab-content .welfare .productDefinition .l-point2 {

    background: #F8B551;

  }

  .tab-content .welfare .welfare-box{

    width: 1130px;

  }

  .tab-content .welfare .welfare-box .display-flex .module1{

    width: 300px;

  }

  .tab-content .welfare .welfare-box .display-flex .module2{

    width: 300px;

    text-align: center;

    padding: 0 30px;

  }



  .tab-content .welfare .welfare-module1 {

    margin-top: 15px;

    padding-left: 79px;

  }



  .tab-content .welfare .welfare-module1 .module1 {

    width: 400px;

  }



  .tab-content .welfare .welfare-module1 .module1 .l-title {

    color: #EA5706;

    font-size: 18px;

  }



  .tab-content .welfare .welfare-module1 .module1 .l-text {

    color: #EA5706;

    font-size: 18px;

    font-size: 14px;

    color: #909399;

    line-height: 24px;

    margin-top: 10px;

  }



  .tab-content .welfare .welfare-module1 .module2 {

    padding: 0 79px;

  }



  .tab-content .welfare .welfare-module2 {

    text-align: center;

    font-size: 18px;

    color: #333333;

  }

  .tab-content .welfare .welfare-module2>div{

    width: 1130px;

  }

  .tab-content .welfare .welfare-module2 .display-flex .flex1{

    display:inline-block;

    width: 141px;

  }

  .tab-content .welfare .welfare-module2 .flex1 {

    margin-right: 23px;

  }



  .tab-content .welfare .welfare-module2 .flex1:last-of-type {

    margin-right: 0;

  }

  .welfare .video-list{

    /* display: -webkit-box;

    display: -ms-flexbox;

    display: flex; */

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  .welfare .video-list .list-item {

    width: 360px;

    height: 373px;

  }



  .welfare .video-list .list-item .explain p {

    text-align: center;

    line-height: 10px;

    font-size: 14px;

  }



  .welfare .video-list .list-item .bottom-text {

    text-align: center;

    font-size: 14px;

    margin-top: 20px;

  }



  .welfare .video-list .list-item .explain p:first-of-type {

    padding-top: 5px;

  }



  .welfare .productDefinition {

    position: relative;

    background-color: #ffffff;

  }



  .welfare .flow-box2{

    width: 1130px;

  }



  .welfare .bg-big {

    position: absolute;

    left: 0px;

    bottom: 853px;

    width: 100%;

    height: 1022px;

    display: block;

    z-index: 2;

  }



  .welfare .server {

    display: inline-block;

    position: relative;

  }



  .welfare .server .num {

    position: absolute;

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

  }



  .welfare .server .num1 {

    top: 125px;

    left: 565px;

  }



  .welfare .server .num2 {

    top: 125px;

    right: 580px;

  }



  .welfare .server .num3 {

    bottom: 130px;

    left: 565px;

  }



  .welfare .server .num4 {

    bottom: 130px;

    right: 580px;

  }



  .welfare .server .title-text {

    position: absolute;

  }



  .welfare .server .title-text .title {

    color: #E84900;

    font-size: 16px;

    margin-bottom: 10px;

    font-weight: bold;

  }



  .welfare .server .title-text .text {

    font-size: 14px;

    color: #333333;

    margin-bottom: 6px;

  }



  .welfare .server .title-text1 {

    top: 18px;

    left: 10px;

  }



  .welfare .server .title-text2 {

    top: 18px;

    right: 10px;

  }



  .welfare .server .title-text3 {

    bottom: 18px;

    left: 10px;

  }



  .welfare .server .title-text4 {

    bottom: 18px;

    right: 10px;

  }



  .tab-content-welfare .flow-epiboly .productDefinition .content,

  .tab-content-welfare .flow-epiboly .serve-content .content {

    position: relative;

    z-index: 10;

  }



  .welfare .welfare-module2 .l-title {

    margin-top: 18px;

  }



  /* 福利平台 */

}





/* 无论什么分辨率 */

.tab-content .train .course-detail .display-flex{

  position: relative;

} 

.tab-content .train .course-detail .display-flex img{

  width: 360px;

  height: 428px;

  position: absolute;

  top: 0;

}

.tab-content .train .course-detail .display-flex:first-of-type{

  padding-left: 360px;

} 

.tab-content .train .course-detail .display-flex:first-of-type img{

  left: 0;

}

.tab-content .train .course-detail .display-flex:last-of-type{

  padding-right: 360px;

} 

.tab-content .train .course-detail .display-flex:last-of-type img{

  right: 0;

}



.tab-content .train .advantages .display-flex{

  display:table;

  word-spacing:-1em;

}

.tab-content .train .advantages .display-flex>div{

  display: inline-block;

  width: 25%;

}



.tab-content .welfare .welfare-module1 .display-flex{

  display:table;

  word-spacing:-1em;

}

.tab-content .welfare .welfare-module1 .display-flex>div{

  display:inline-block;

  vertical-align: top;

}

.tab-content .welfare .welfare-module2 .display-flex{

  display:table;

  word-spacing:-1em;

}



/* 无论什么分辨率 */