/***********尾部*******/ #left{width:100%; background:#fff; } .nymenu{ border-bottom:1px #d9d9d9 solid;} #div1270{ margin:0 auto; padding:0 1em; } .nymenu_mid ul li{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/img17.jpg); float:left; padding-left:15px; padding-right:15px; text-align:center;} .nymenu_mid ul li:nth-child(1){ text-align:left; background-image:none} .nymenu_mid ul li:last-child{ text-align:right} .nymenu_mid ul dd a{ padding:0.5em 0; margin-top:10px; display:inline-block; font-size:20px; position:relative;} .nymenu_mid ul dd a:after{ content: ""; position: absolute; z-index: 1; opacity:0; left: 50%; width: 0; bottom: 0em; height:0.15em; background-color:#204993; background-repeat:no-repeat; background-position:center; z-index:10; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nymenu_mid ul dd a:hover,.nymenu_mid ul dd a.active{ color:#204993} .nymenu_mid ul dd a:hover:after,.nymenu_mid ul dd a.active:after{ width:2.65em;opacity:1; margin-left:-1.325em; } .nymenu_mid_s ul li{ float:none; display:inline-block;} .nymenu_mid_s{ text-align:center} .nymenu_mid_s ul li:nth-child(1),.nymenu_mid ul li:last-child{ text-align:center;} .job_1{ overflow:hidden;} .job_1_1{ margin-top:2.8em;} .job_1_1 ul li{ float:left; width:33.33333333333%;} .job_1_1_1{ position:relative; overflow:hidden;} .job_1_1_1 img{ width:100%;} .job_1_1_1_jj{ position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;} .job_1_1_1_jj_mid{ margin:1.5em;} .job_1_1_1_jj_mid_1{ font-size:1.5em;} .job_1_1_1_jj_mid_2{ font-size:15px; margin-top:0.4em;} .job_1_2{ font-size:1em; line-height:2; margin:2.5em 0 4em 0; color:#000; text-align:center;} .jobs_2{ padding-bottom:6.25em; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img6.jpg);} .jobs_2_1{ margin-top:2.8em; text-align:center; padding:2.25em; background-color:#fff;} .jobs_3{ overflow:hidden; padding-bottom:5.5em;} .jobs_3_1 ul li{ float:left; margin-bottom:1.6875em; width:49%;} .jobs_3_1 ul li:nth-child(2n){ float:right;} .jobs_3_1_1{ overflow:hidden;} .jobs_3_1_1 img{ width:100%;} .jobs_3_1{ margin-top:3.5em;} .jobs_4{ overflow:hidden; margin:0 ; padding:0} #mid{ width:1200px; margin: 0 auto} .jobs_4_1{width:1200px; overflow:hidden; background-image:url(../images/img11.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;} .jobs_4_1_1{ margin-top:3.766666666666667em; text-align:center; font-size:1.875em;} .jobs_4_1_2{ letter-spacing:0.08em; font-size:3em; text-align:center; margin-top:0.5em; margin-bottom:2em;} .jobs_4_1_3{ padding:1.5em 0; margin-bottom:0.625em; background-color:#19ae93; overflow:hidden;} .joblist li{ float:left; width:25%; list-style:none} #mid h3 { width: 1200px; float: left; font-size: 35px; color: #313131; font-weight: normal; text-align: center; padding-bottom: 10px; margin: 0; text-transform: uppercase; font-family: 'AlibabaSans-Regular'; }#mid span { width: 1200px; float: left; text-align: center; font-size: 34px; display: block; color: #313131; margin-bottom: 40px; } .joblist li:nth-child(4){ width:25%;} .joblist li.showjobinfo{ display:none; width:100%; clear:both; background-color:#fff; } .joblist_mid{ padding-left:2em; padding-right:2em;} .joblist_mid_2,.joblist_mid_3,.joblist_mid_4{ text-align:center} .joblist_mid_t{ font-size:16px; color:#fff} .joblist{ display:block;} .jobs_4_2{ padding-top:5px; overflow:hidden;} .jobs_4_2 ul{ cursor:pointer; background-color:#fff; border:1px #d3d7df solid; margin-bottom:5px; margin-left:0; padding:0} .jobs_4_2 ul li{ min-height:3.3em;} .joblist_mid_c{ padding:1em 0; color:#333 ; font-size:14px} .showjobinfo_mid{ padding:1em 2em 0em 2em; } .showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:1.7em; color:#333} .jobs_4_2 ul.on{ background-color:#989898;} .jobs_4_2 ul.on .joblist_mid_c{ color:#fff;} .jobs_4_2 ul.joblist.on li.showjobinfo{ display:block} .showjobinfo_mid_2 a{ padding:0.45em 2em; display:inline-block; color:#fff; background-color:#194695;} .showjobinfo_mid_2 a span{ padding-left:20px; background-position:left center; background-repeat:no-repeat; display:inline-block; background-image:url(../images/img5.png);} .jobs_4_2_2{ margin:3em 0 5.5em 0} .jobs_4_2_2 a{ border:1px #d3d7df solid;} /*--------------------------------------------------------------------------------------------------------------------------------------550--*/ @media all and (max-width:950px){ #mid { width: 100%; margin: 0 auto; } .joblist_mid_t { font-size: 12px; color: #fff; } .joblist_mid { padding-left:1em; padding-right: 1em; }.jobs_4_2 ul li { min-height: 2.3em; }.joblist_mid_c { padding: 0.5em 0; color: #333; font-size: 12px; }.showjobinfo_mid_1 { line-height: 1.2; overflow: hidden; margin-bottom: 0em; color: #333; }