95 lines
4.4 KiB
CSS
Executable File
95 lines
4.4 KiB
CSS
Executable File
.job-title{font-size: 2em; color:#333; text-align: center; font-weight: bold; width:100%; clear: both;padding: 1.5% 0;}
|
|
.job-des{color: #737373; text-align: center; margin:auto; font-size:1em; line-height: 2em; margin-bottom: 1.8%;width:80%;}
|
|
.job-thead{background-color:#252525; text-align: center; color:#FFF; line-height: 3.3em; font-size: 1.125em;}
|
|
.job-line{border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin-top:5px; text-align: center; padding-top:5%; height: 3.3em; font-size: 0.875em; vertical-align: middle; overflow: hidden; color:#444444; border-spacing:5px; line-height: 2em;}
|
|
.job-line-L{border-left:1px solid #cecece;}
|
|
.job-line-R{border-right:1px solid #cecece;}
|
|
.job-Margin{height: 7px; width:100%;}
|
|
|
|
/*加入我们*/
|
|
.join_img_l{padding-top: 4%;}
|
|
.join_img_l img{max-width:100VW;}
|
|
.join_staff_t {text-align: center; padding: 2% 0; font-size: 1em; color: #737373; line-height: 1.8em; width:60%; margin:auto;}
|
|
.bx-wrapper .bx-controls-direction a {width:66px; height: 66px;}
|
|
.bx-wrapper .bx-prev {
|
|
left: 10px;
|
|
background:url(../../images/job/join_us_controls_l.png) no-repeat;
|
|
}
|
|
.bx-wrapper .bx-next {
|
|
right: 10px;
|
|
background:url(../../images/job/join_us_controls_r.png) no-repeat;
|
|
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{display: none;}
|
|
}
|
|
/*你将获得*/
|
|
.join_icon li p {line-height: 1.5em;}
|
|
@media screen and (min-width:1080px){
|
|
.join_w_icon {width:1080px; margin: auto;}
|
|
.join_icon {text-align: center; margin: auto; padding: 2.2% 0 0 0;}
|
|
.join_icon li {float: left; line-height: 3.5em; font-size: 1em; width:20%;}
|
|
.join_icon li:nth-child(1) {padding-left: 10%;}
|
|
.join_icon li:nth-child(4) {padding-right: 10%;}
|
|
.join_icon li:nth-child(5), .join_icon li:nth-child(6), .join_icon li:nth-child(7), .join_icon li:nth-child(8), .join_icon li:nth-child(9){padding-top: 2%;}
|
|
}
|
|
@media screen and (max-width:1079px){
|
|
.join_w_icon{width:96%; margin: auto;}
|
|
.join_icon{text-align: center; padding: 2.2% 0 0 0;}
|
|
.join_icon li{float: left; width:32.3%; font-size:1em; margin-right: 1%; }
|
|
}
|
|
@media screen and (min-width:480px) and (max-width:1079px){
|
|
.join_icon li{line-height: 3.5em; padding: 1% 0; }
|
|
.join_icon li img{max-width:80%;}
|
|
}
|
|
|
|
@media screen and (max-width:479px){
|
|
.join_icon li{line-height: 2em; height: 150px;padding: 3% 0;}
|
|
.join_icon li p{width:70%; text-align: center; margin: auto;}
|
|
.join_icon li img{width:80%;}
|
|
}
|
|
|
|
.join_t_big {margin: 1.7% 0 1.5%;}
|
|
/*联系方式*/
|
|
.job-Contact{width:96%; margin:3% auto; overflow: hidden; color:#444; font-size: 1em;}
|
|
.job-Contact-title{margin:3% 0;}
|
|
.job-Contact .job-title{margin-top:10%;}
|
|
.job-Contact li{width:24.6%; float: left; margin-right:5%;}
|
|
.job-Contact li:nth-child(2){width:21%; }
|
|
.job-Contact li:last-child{width:44%; margin-right:0px;}
|
|
.job_office_i img {max-width:100%;}
|
|
.job-Contact li p{line-height: 1.5em; padding: 1% 0; font-size: 0.875em;}
|
|
.job-Table a, .job-Contact li a{color:#009fdf; border-bottom:1px solid #009fdf; line-height: 2em; text-decoration: none; display: inline-block;}
|
|
|
|
@media screen and (min-width:980px) and (max-width:1439px){
|
|
.job-Contact li{width:100%; margin-right:3.5%; text-align: center;}
|
|
.job-Contact li:nth-child(2){width:33%; text-align: left; float: left; }
|
|
.job-Contact li:last-child{width:63%; margin-right:0px; text-align: left; float: left; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:979px){
|
|
.job-Contact{width:90%; margin:6% auto;}
|
|
.job-Contact li{width:100%; text-align: center;}
|
|
.job-Contact li:nth-child(2){width:100%; text-align: left; margin-top:10px;}
|
|
.job-Contact li:last-child{width:100%; text-align: left;}
|
|
.job-des{width:80%;}
|
|
}
|
|
|
|
/*I WANT YOU*/
|
|
.job-Table{display: table; width:100%; margin-top:3%; margin-bottom: 3%; overflow: hidden;}
|
|
.job-Table .Table-Row{display: table-row;}
|
|
.job-Table .Table-Row .Table-Cell{display: table-cell; margin:0; padding:0;}
|
|
@media screen and (max-width:768px){
|
|
.job-Table .Table-Row li:nth-child(4){display: none;}
|
|
.job-title{margin-bottom: 1.4%; margin-top: 1%; font-size: 1.5em;}
|
|
.job-Join .job-title-01{margin-top: 4%; margin-bottom: 3.5%; font-size: 1.5em;}
|
|
.job-Contact-title{margin:4% 0 3.5%; font-size: 1.5em;}
|
|
.job-Table a, .job-Contact li a{line-height: 1.5em}
|
|
}
|
|
@media screen and (max-width:640px){
|
|
.job-Table .Table-Row li:nth-child(3){display: none;}
|
|
}
|
|
@media screen and (max-width:480px){
|
|
.job-Table .Table-Row li:nth-child(2){display: none;}
|
|
} |