.pchead .nav li:nth-child(5) .navs span::after { transform: scale(1); } .aa { position: relative; z-index: 10; } .aa .aanavs { border: 1px solid #e6e6e6; background: #fff; } .aa .aanavs .inwrap .navBox a { float: left; display: block; width: 33.333333%; line-height: 50px; font-size: 16px; color: #4d4d4d; text-align: center; position: relative; } .aa .aanavs .inwrap .navBox a::after { transition: all .5s; content: ""; display: block; width: 100%; height: 2px; height: 3px; background: #ee9655; position: absolute; left: 0; bottom: -2px; transform: scale(0); } .aa .aanavs .inwrap .navBox a:hover::after, .aa .aanavs .inwrap .navBox .actA::after { transform: scale(1); } .bb { background: #fff; position: relative; z-index: 10; padding-bottom: 80px; margin-bottom: 440px; } .bb .j-title { background: #ee9655; } .bb .j-title .inwrap .td { line-height: 106px; float: left; width: 16.6666%; color: #fff; } .bb .j-list { border-bottom: 1px solid #e6e6e6; } .bb .j-list .jobli { background: #FAFAFA; cursor: pointer; transition: all .5s; } .bb .j-list .jobli:hover, .bb .j-list .actli{ background: #b3b3b3; } .bb .j-list .jobli:hover .td, .bb .j-list .actli .td { color: #fff; } .bb .j-list .td { transition: all .5s; float: left; width: 16.6666%; color: #404040; font-size: 14px; line-height: 60px; } .bb .j-list .detail { background: #ebebeb; display: none; padding-bottom: 90px; } .bb .j-list .detail .lt, .bb .j-list .detail .rt { width: 570px; } .bb .j-list .detail .tle { font-size: 16px; color: #404040; font-weight: bold; margin: 44px 0 24px 0; } .bb .j-list .detail .te { font-size: 14px; line-height: 2; color: #666; } .bb .j-list .detail .lt { float: left; } .bb .j-list .detail .rt { float: right; } .bacbtn{ width: 150px; line-height: 44px; border-radius: 22px; color: #ef9655; border:1px solid #ef9655; display: block; margin: 20px auto; text-align: center; font-size: 14px; transition: all .5s; -webkit-transition: all .5s; } .bacbtn:hover{ color: #fff; background: #ef9655; } @media only screen and (min-width: 100px) and (max-width: 1024px) { .bb { padding-bottom: 6%; margin-bottom: 0!important; } .bb .j-title .inwrap .td { line-height: 44px; width: 33.33333%; } .bb .j-title .inwrap .td:nth-child(3), .bb .j-title .inwrap .td:nth-child(4), .bb .j-title .inwrap .td:nth-child(6) , .bb .j-list .td:nth-child(3), .bb .j-list .td:nth-child(4), .bb .j-list .td:nth-child(6) { display: none; } .bb .j-list { border-bottom: 1px solid #e6e6e6; } .bb .j-list .jobli { background: #FAFAFA; } .bb .j-list .td { width: 33.3333%; line-height: 40px; } .bb .j-list .detail { padding-bottom: 6%; } .bb .j-list .detail .lt, .bb .j-list .detail .rt { width: 100%; } .bb .j-list .detail .tle { margin: 22px 0 12px 0; } }