129 lines
5.2 KiB
CSS
Executable File
129 lines
5.2 KiB
CSS
Executable File
.job-title{font-size: 2.25em; color:#101010; text-align: center; font-weight: bold; width:100%; clear: both;padding: 2.6% 0 1.7%;}
|
|
|
|
.job-des{color: #666; text-align: center; margin:auto; font-size:1.125em; line-height: 1.5em; margin-bottom: 1.8%;width:80%;}
|
|
|
|
.job-thead{background-color:#252525; text-align: center; color:#FFF; line-height: 3.3em; font-size: 1.375em;}
|
|
.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: 1.125em; 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%;}
|
|
|
|
/*加入我们*/
|
|
@media screen and (min-width:1440px){
|
|
.join_w{width:1440px; margin:auto;}
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.join_w{width:96%; margin:auto;}
|
|
}
|
|
.join_img_l { padding-top: 4%;}
|
|
.join_img_l img {max-width:100VW;}
|
|
.join_staff_t { text-align: center; padding: 2% 0; font-size: 1.125em; color: #737373; line-height: 1.8em;}
|
|
.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 (min-width:1440px){
|
|
.bx-wrapper .bx-controls-direction a { width:66px; height: 66px;}
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.bx-wrapper .bx-prev {display: none;}
|
|
.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: 1.125em;}
|
|
|
|
.join_icon li:nth-child(1) {width:20%; padding-left: 10%;}
|
|
.join_icon li:nth-child(2) {width:20%;}
|
|
.join_icon li:nth-child(3) {width:20%;}
|
|
.join_icon li:nth-child(4) {width:20%; padding-right: 10%;}
|
|
.join_icon li:nth-child(5) {width:20%; padding-top: 2%;}
|
|
.join_icon li:nth-child(6) {width:20%;padding-top: 2%;}
|
|
.join_icon li:nth-child(7) {width:20%;padding-top: 2%;}
|
|
.join_icon li:nth-child(8) {width:20%;padding-top: 2%;}
|
|
.join_icon li:nth-child(9) {width:20%;padding-top: 2%;}
|
|
}
|
|
@media screen and (min-width:480px) 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; line-height: 3.5em;width:32.3%; margin-right: 1%; padding: 1% 0; font-size:1em;}
|
|
.join_icon li img {max-width:80%;}
|
|
}
|
|
|
|
@media screen and (max-width:479px){
|
|
.join_w_icon {width:96%; margin: auto;}
|
|
.join_icon { text-align: center; padding: 2.2% 0 0 0;}
|
|
.join_icon li {float: left; line-height: 2em;width:32.3%; height: 150px; margin-right: 1%; padding: 3% 0; font-size:1em;}
|
|
.join_icon li p {width:70%; text-align: center; margin: auto;}
|
|
.join_icon li img {width:80%;}
|
|
}
|
|
|
|
|
|
|
|
/*video*/
|
|
.join-video-p {padding-top: 3%;}
|
|
.join_t_big {margin: 1.7% 0 1.5%;}
|
|
/*联系方式*/
|
|
.job-Contact{width:96%; margin:3% auto; overflow: hidden; color:#444; font-size: 1.125em;}
|
|
.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_office_i {}
|
|
.job-Contact li p{line-height: 1.5em; padding: 1% 0;}
|
|
|
|
.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 (max-width:1440px){
|
|
.job-Contact li{width:20.6%; margin-right:3%;}
|
|
.job-Contact li:nth-child(2){width:23.4%; }
|
|
.job-Contact li:last-child{width:50%;}
|
|
}
|
|
*/
|
|
@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;}
|
|
} |