.listBanner { height: 500px; } .listBanner .center { top: 45.6%; } .zhaopinBlock { background: #fafafa; padding-top: 60px; padding-bottom: 80px; } .zhaopinBlock .w1400 .tab { display: flex; } .zhaopinBlock .w1400 .tab .tit { font-size: 16px; line-height: 40px; color: #333; margin-right: 16px; } .zhaopinBlock .w1400 .tab .list { display: flex; flex-wrap: wrap; width: calc(100% - 64px); } .zhaopinBlock .w1400 .tab .list a { font-size: 16px; line-height: 40px; text-align: center; padding: 0 20px; min-width: 70px; background: #fff; color: #666; margin-right: 10px; margin-bottom: 20px; } .zhaopinBlock .w1400 .tab .list a.on { background: #d50b0a; color: #fff; } .zhaopinBlock .w1400 .content { border-bottom: 1px solid #e6e6e6; margin-top: 40px; } .zhaopinBlock .w1400 .content .list { border-top: 1px solid #e6e6e6; } .zhaopinBlock .w1400 .content .list .top { display: flex; align-items: center; position: relative; height: 108px; cursor: pointer; } .zhaopinBlock .w1400 .content .list .top .tit { font-size: 26px; color: #333; min-width: 300px; } .zhaopinBlock .w1400 .content .list .top .addr { font-size: 16px; color: #737373; margin-left: 30px; } .zhaopinBlock .w1400 .content .list .top .menu { width: 16px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: flex; justify-content: center; align-items: center; } .zhaopinBlock .w1400 .content .list .top .menu span { width: 16px; height: 2px; background: #737373; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .zhaopinBlock .w1400 .content .list .top .menu span:last-child { width: 2px; height: 16px; position: inherit; top: auto; left: auto; transform: none; transition: transform 0.3s; } .zhaopinBlock .w1400 .content .list .top.on .menu span:last-child { transform: rotate(90deg); } .zhaopinBlock .w1400 .content .list .cont { background: #fff; height: 0; overflow: hidden; } .zhaopinBlock .w1400 .content .list .cont .center { padding: 48px 50px 72px; } .zhaopinBlock .w1400 .content .list .cont .center .contList { margin-bottom: 27px; } .zhaopinBlock .w1400 .content .list .cont .center .contList .contTit { font-size: 18px; font-weight: bold; color: #333; } .zhaopinBlock .w1400 .content .list .cont .center .contList .text { margin-top: 20px; } .zhaopinBlock .w1400 .content .list .cont .center .contList .text p { font-size: 16px; line-height: 38px; color: #737373; } @media (max-width: 996px) { .listBanner { height: 450px; } } @media (max-width: 750px) { .zhaopinBlock .w1400 .tab { flex-direction: column; } .zhaopinBlock .w1400 .tab .tit { margin-bottom: 10px; margin-right: 0; } .zhaopinBlock .w1400 .tab .list { width: 100%; } .zhaopinBlock .w1400 .content { margin-top: 20px; } .zhaopinBlock .w1400 .content .list .top { flex-direction: column; align-items: flex-start; justify-content: center; height: 80px; } .zhaopinBlock .w1400 .content .list .top .tit { font-size: 20px; } .zhaopinBlock .w1400 .content .list .top .addr { margin-left: 0; margin-top: 6px; font-size: 14px; } .zhaopinBlock .w1400 .content .list .cont .center { padding: 30px; } } @media (max-width: 500px) { .zhaopinBlock .w1400 .tab .list a { font-size: 14px; line-height: 32px; padding: 0 10px; } .zhaopinBlock .w1400 .content .list .cont .center { padding: 20px; } .zhaopinBlock .w1400 .content .list .cont .center .contList .contTit { font-size: 16px; } .zhaopinBlock .w1400 .content .list .cont .center .contList .text p { font-size: 14px; line-height: 1.8; } }/*# sourceMappingURL=zhaopin.css.map */