.jobSmile{background-color: #f1f1f1; padding: 75px 0px 96px;}
.jobSmile h2{text-align: center; font-size: 80px; line-height: 80px; padding-bottom: 36px;}
.jobSmile_list{margin: 0px -8px;}
.jobSmile_list ul{display: flex;}
.jobSmile_list li{padding: 0px 8px; width: 25%;}
.jobSmile_item{position: relative; overflow: hidden;}
.jobSmile_item img{display: block; width: 100%;}
.jobSmile_item:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(top,  rgba(19,27,50,0) 0%, rgba(19,27,50,0) 42%, rgba(19,27,50,1) 95%, rgba(19,27,50,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(19,27,50,0) 0%,rgba(19,27,50,0) 42%,rgba(19,27,50,1) 95%,rgba(19,27,50,1) 100%);
    background: linear-gradient(to bottom,  rgba(19,27,50,0) 0%,rgba(19,27,50,0) 42%,rgba(19,27,50,1) 95%,rgba(19,27,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00131b32', endColorstr='#131b32',GradientType=0 );
}
.jobSmile_item strong{z-index: 1; position: absolute; left: 0; right: 0; bottom: 42px; text-align: center; color: white; font-size: 36px; font-weight: 700;}

@media screen and (max-width: 1400px) {
    .jobSmile{padding: 54px 0px 72px;}
    .jobSmile h2{font-size: 64px; line-height: 64px; padding-bottom: 24px;}
    .jobSmile_list{margin: 0px -4px;}
    .jobSmile_list li{padding: 0px 4px;}
    .jobSmile_item strong{bottom: 28px; font-size: 28px;}
}

@media screen and (max-width: 1280px) {
    .jobSmile_list{margin: 0px auto; max-width: 800px;}
    .jobSmile_list ul{flex-wrap: wrap;}
    .jobSmile_list li{width: 50%; padding: 8px;}
    
}

@media screen and (max-width: 1024px) {
    .jobSmile h2{font-size: 54px; line-height: 54px;}
}

@media screen and (max-width: 800px) {
    .jobSmile h2{font-size: 48px; line-height: 44px;}
}

@media screen and (max-width: 600px) {
    .jobSmile{padding: 34px 0px 36px;}
    .jobSmile h2{font-size: 40px; line-height: 44px; padding-bottom: 16px;}
    
    .jobSmile_list{max-width: 335px;}
    .jobSmile_list li{padding: 5px;}
    .jobSmile_item strong{bottom: 24px; font-size: 18px; line-height: 22px;}
    .jobSmile_item{height: 176px;}
    .jobSmile_item img{width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}
}

@media screen and (max-width: 432px) {
    .jobSmile h2{font-size: 30px; line-height: 36px; padding-bottom: 12px;}
    .jobSmile_item strong{bottom: 14px; padding: 0px 30px;}
}