html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } html { line-height: 1 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle } q, blockquote { quotes: none } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } , :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } a { color: #333; text-decoration: none !important } img { max-width: 100% } input:focus { outline: none } .navbar-toggler:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important } .header { background: -o-radial-gradient(circle, #1c5ab5, #3070d3); background: radial-gradient(circle, #1c5ab5, #3070d3) } .header .logo-box { padding: 35px 0; background: url("https://www.bluejprojects.com/images/hori-line.png") no-repeat center bottom } .header .logo-box .departname { font-size: 24px } .header .logo-box .code { font-size: 14px } .header .logo-box .departname, .header .logo-box .code { font-weight: bold; color: #fff; white-space: nowrap; letter-spacing: 3px } .header .logo-box .depart-wrap { border-left: 1px solid #fff } .header .navbar { padding: 0 } .header .navbar .active { background-color: #1A54AD } .header .navbar .active .nav-link { color: #fff } .header .navbar .nav-link { color: #fff; font-size: 20px; font-weight: bold; padding: 15px 45px; white-space: nowrap; background: url("https://www.bluejprojects.com/images/vertical-line.png") no-repeat center left } .header .navbar .nav-link:visited, .header .navbar .nav-link:focus { color: #fff } .header .navbar .nav-item:hover { background-color: #1A54AD } .header .navbar .nav-item:hover .nav-link { color: #fff } .header .navbar .nav-item:hover .nav-sub-box { display: block } .header .navbar .nav-sub-box { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; display: none; position: absolute; left: 0; right: 0; z-index: 9999; background-color: #fff } .header .navbar .sub-item { display: inline-block; font-size: 18px; color: #333; padding: 24px 0; margin-right: 40px; border-bottom: 4px solid transparent; cursor: pointer; -webkit-transition: border-bottom 0.5s ease; -o-transition: border-bottom 0.5s ease; transition: border-bottom 0.5s ease } .header .navbar .sub-item:hover { border-bottom: 4px solid #5473FF; font-weight: bold } .header .navbar .info-special .sub-item { padding: 10px 0 } .header .search-box { position: relative } .header .search-box input { border: 0px; outline: none; padding: 0; height: 28px; width: 240px; line-height: 28px; border-radius: 14px; text-indent: 10px; background-color: #e2e2e2; font-size: 12px } .header .search-box input::-webkit-input-placeholder { color: #999 } .header .search-box input::-moz-placeholder { color: #999 } .header .search-box input:-ms-input-placeholder { color: #999 } .header .search-box input::-ms-input-placeholder { color: #999 } .header .search-box input::placeholder { color: #999 } .header .search-box .btn-search { cursor: pointer; background-color: #3070d3; border: 1px solid #3070d3; position: absolute; right: 20px; top: 0; display: inline-block; width: 40px; line-height: 28px; text-align: center; border-radius: 14px } .header .search-box .btn-search .iconfont { color: #fff } .header .navbar-toggler { border-color: transparent } .header .navbar-toggler .btn-search { right: -5px } .scroll-container { position: relative } .scroll-container .arrow { background-color: #e1e0e0; cursor: pointer; display: inline-block; vertical-align: middle; position: absolute; width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; z-index: 9999; top: 35px } .scroll-container .arrow .iconfont { color: #fff } .scroll-container .arrow.arrow-left { left: -25px } .scroll-container .arrow.arrow-right { right: -25px } .scroll-container .arrow:hover { background-color: rgba(225, 224, 224, 0.6) } scrollWrap { display: block; width: 100%; position: relative; height: 173px; overflow: hidden } scrollWrap #scrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px } scrollWrap, scrollWrap #scrollbox { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .main { font-size: 26px; color: #2C344D; position: relative } .main .more { color: #FF2D2D; cursor: pointer } .main .big-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 0 } .main .news-title { font-size: 20px; font-weight: bold; color: #2C344D; margin: 30px 0 10px 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .main .news-desc { font-size: 16px; color: #ADB6C2; line-height: 24px; margin-left: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .main .image-news { border: 1px solid transparent } .main .image-news:hover { border: 1px solid #f9f9f9 } .main .news-notice { display: -webkit-box; display: -ms-flexbox; display: flex } .main .news-notice .left { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; margin-right: 30px } .main .news-notice .right { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } .main .info-box { list-style: none } .main .info-box .item { margin-bottom: 20px; cursor: pointer; padding-bottom: 3px; border-bottom: 1px solid transparent; -webkit-transition: border-bottom 1s; -o-transition: border-bottom 1s; transition: border-bottom 1s } .main .info-box .item:hover { border-bottom: 1px solid #5373FF } .main .info-box .item:hover .title, .main .info-box .item:hover .time { color: #5373FF } .main .info-box .title { color: #2C334D; font-size: 16px } .main .info-box .time { color: #ADB5C1; font-size: 14px; white-space: nowrap } .main .icon { display: inline-block; width: 16px; height: 16px } .main .icon.icon-circle { background: url("https://www.bluejprojects.com/images/icon/icon-circle.png") center no-repeat } .main .icon.icon-notice { background: url("https://www.bluejprojects.com/images/icon/icon-notice.png") center no-repeat } .main .icon.icon-media { background: url("https://www.bluejprojects.com/images/icon/icon-media.png") center no-repeat } .main .icon.icon-article { background: url("https://www.bluejprojects.com/images/icon/icon-article.png") center no-repeat } .main .icon.icon-talent { background: url("https://www.bluejprojects.com/images/icon/icon-talent.png") center no-repeat } .main .icon.icon-corp { background: url("https://www.bluejprojects.com/images/icon/icon-corp.png") center no-repeat } .main .icon.icon-college { background: url("https://www.bluejprojects.com/images/icon/icon-college.png") center no-repeat } .main .news-box .news-wrap { overflow: hidden } .main .news-box #myscroll { position: relative; height: 365px; overflow: hidden } .main .news-box #myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px } .main .news-box #myscroll, .main .news-box #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .main .news-box .news-list { float: left; width: 10000px } .main .news-box .title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .main .news-box .news-item { background-color: #fff; -webkit-transition: ease-out 1s; -o-transition: ease-out 1s; transition: ease-out 1s; float: left; width: 278px; margin-right: 20px } .main .news-box .news-item:hover .news-item-title { color: #2262C6 } .main .news-box .news-item:hover .btn-more { background-color: #F08706; color: #fff; border: 1px solid #F08706 } .main .news-box .news-item a { display: block; font-size: 0 } .main .news-box .news-item-title { font-size: 18px; color: #000; line-height: 26px; height: 70px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .main .news-box .news-item-desc { color: #666; font-size: 14px; line-height: 21px; height: 63px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .main .news-box .btn-more { display: inline-block; line-height: 34px; border: 1px solid #CCC; font-size: 14px; color: #999; padding: 0 30px; cursor: pointer } .main .news-box #myscroll { position: relative } .main .news-box .arrow { display: inline-block; width: 30px; height: 50px; line-height: 50px; background-color: rgba(0, 0, 0, 0.6); text-align: center; cursor: pointer; position: absolute; top: 20%; z-index: 9999 } .main .news-box .arrow.left { left: 0 } .main .news-box .arrow.right { right: 0 } .main .news-box .arrow .iconfont { color: #fff } .main .news-box .arrow:hover { background-color: rgba(240, 135, 6, 0.6) } .main .notice-box .title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .main .media-box .media-image { position: relative } .main .media-box .media-image .media-image-info { position: absolute; bottom: 30px; left: 20px } .main .media-box .media-item { -webkit-box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.05) } .main .media-box .media-item:hover .media-title { color: #5473FF } .main .media-box .media-item:hover .media-btn { border: 2px solid #5473FF; background-color: #5473FF; color: #fff } .main .media-box .media-news-title { font-size: 40px; color: #fff; font-weight: bold } .main .media-box .media-sub-title { font-size: 14px; color: #fff; line-height: 24px } .main .media-box .date { font-size: 14px; color: #ADB6C2; padding: 19px 0 } .main .media-box .media-title { font-size: 20px; color: #2C344D; padding-bottom: 10px } .main .media-box .media-desc { font-size: 16px; color: #ADB6C2; line-height: 24px; padding-bottom: 20px } .main .media-box .media-btn { background: #fff; border: 2px solid #c9ced7; display: inline-block; line-height: 30px; border-radius: 15px; padding: 0 10px; font-size: 14px; color: #ADB6C2; cursor: pointer } .main .topic-box .topic-list { float: left; position: absolute } .main .topic-box .image-box { overflow: hidden } .main .topic-box .item-img { float: left; position: relative; margin-right: 25px } .main .topic-box .item-img:hover .mask { display: -webkit-box; display: -ms-flexbox; display: flex } .main .topic-box .bx-pager { display: none } .main .topic-box .mask { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .main .topic-box .mask .iconfont, .main .topic-box .mask span { color: #fff } .main .topic-box .mask span { font-size: 18px } .main .progra-box .progra-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden } .main .progra-box .progra-item { position: relative; display: inline-block } .main .progra-box .progra-title { font-size: 14px; color: #fff } .main .progra-box .mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6) } .main .progra-box .arrow { background-color: rgba(0, 0, 0, 0.6); cursor: pointer; display: inline-block; vertical-align: middle } .main .progra-box .arrow .iconfont { color: #fff } .main .college-box { position: relative } .main .college-list .college-item { display: none } .main .college-list .college-item.active { display: block } .main .college-tab { background-color: rgba(0, 0, 0, 0.6); color: #fff; position: absolute; bottom: 0; width: 100% } .main .college-tab .tab-item { cursor: pointer; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 0; text-align: center } .main .college-tab .tab-item:hover, .main .college-tab .tab-item.active { background-color: rgba(0, 0, 0, 0.4) } .footer { background-color: #2260BD; color: #fff; padding-bottom: 40px } .footer.common { background: url("https://www.bluejprojects.com/images/footer-bg.png") center no-repeat; background-size: cover } .footer .title { font-size: 26px; color: #fff; padding-top: 40px; padding-bottom: 22px } .footer .address { padding-top: 40px; line-height: 25px } .footer .icon-box { padding-right: 12px } .sidebar-box { background: -webkit-gradient(linear, left top, right top, from(#215fbc), to(#3480fb)); background: -o-linear-gradient(left, #215fbc, #3480fb); background: linear-gradient(90deg, #215fbc, #3480fb) } .sidebar-box .zh-title { font-size: 22px; color: #fff; line-height: 26px } .sidebar-box .en-title { font-size: 16px; color: #fff; line-height: 26px } .sidebar-left { border-left: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3 } .sidebar-left .item.active, .sidebar-left .item:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(52, 127, 250, 0.3)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, rgba(52, 127, 250, 0.3), rgba(255, 255, 255, 0)); background: linear-gradient(90deg, rgba(52, 127, 250, 0.3), rgba(255, 255, 255, 0)) } .sidebar-left .item.active .sidebar-link, .sidebar-left .item:hover .sidebar-link { border-bottom: 1px solid transparent } .sidebar-left .item.active .text, .sidebar-left .item:hover .text { color: #2262C6 } .sidebar-left .item:last-child .sidebar-link { border-bottom: 1px solid transparent } .sidebar-left .sidebar-link { display: block; padding: 20px 0; font-size: 16px; color: #323232; position: relative; cursor: pointer; border-bottom: 1px solid #f3f3f3; margin-right: 20px } .sidebar-left .sidebar-link:after { content: ""; position: absolute; right: 0; top: 50%; width: 10px; height: 10px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%) } .sidebar-info { border: 1px solid #f3f3f3; background-color: #fff } .sidebar-info .info-title { font-size: 22px; color: #2262C6; border-bottom: 1px solid #f3f3f3 } .sidebar-info .item { border-bottom: 1px dashed #f3f3f3 } .sidebar-info .info-item { color: #2C344D; font-size: 16px; position: relative } .sidebar-info .info-item .dot { width: 4px; height: 4px; border-radius: 50%; background-color: #2262C6; display: inline-block } .sidebar-info .info-item .title { font-size: 16px; color: #2C344D; cursor: pointer; line-height: 24px } .sidebar-info .info-item .title:hover { text-decoration: underline; color: #2262C6 } .home-sidebar-fixed { position: fixed; right: 10px; bottom: 10%; z-index: 9999 } .home-sidebar-fixed .sidebar-item { width: 80px; padding: 10px 0; color: #fff; background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; margin-bottom: 5px; text-align: center; font-size: 16px; cursor: pointer; position: relative } .home-sidebar-fixed .sidebar-item .iconfont { font-size: 32px } .home-sidebar-fixed .sidebar-item:hover { background-color: #256BD8; opacity: .8 } .home-sidebar-fixed .sidebar-item:hover .hover-item { display: block } .home-sidebar-fixed .sidebar-item:hover .phone { display: inline-block } .home-sidebar-fixed .sidebar-item .hover-item { display: none; position: absolute; left: -110px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .home-sidebar-fixed .sidebar-item .phone { display: none; position: absolute; left: -175px; top: 6px; padding: 20px 10px; color: #2262C6; background-color: #fff; font-size: 20px; border: 2px solid } .home-sidebar-fixed .sidebar-item .phone:after { content: ""; position: absolute; top: 28px; right: -6px; display: inline-block; width: 8px; height: 8px; background-color: #fff; border-top: 2px solid #2262C6; border-right: 2px solid #2262C6; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .home-sidebar-fixed .sidebar-item .sidetext { display: inline-block; margin-top: 5px; color: #fff !important } .link-wrap { line-height: 1.8 } .link-wrap .link-item { color: #fff; padding-right: 30px } .page-enroll .banner-img { width: 100% } .page-enroll .nav-box { background: #fff; -webkit-box-shadow: 0px 3px 92px 0px rgba(218, 218, 218, 0.75); box-shadow: 0px 3px 92px 0px rgba(218, 218, 218, 0.75); border-radius: 30px; margin-top: -50px; padding: 30px 0 } .page-enroll .circle-nav { cursor: pointer } .page-enroll .circle-nav:hover .circle-item { background-color: #3079EB; color: #fff } .page-enroll .circle-nav:hover .circle-title { color: #3079EB } .page-enroll .circle-item { display: inline-block; width: 4.3rem; height: 4.3rem; line-height: 4.3rem; border-radius: 50%; border: 1px solid #3079EB; color: #3079EB; text-align: center } .page-enroll .circle-item .iconfont { font-size: 2rem } .page-enroll .circle-title { display: inline-block; color: #000; font-size: 20px; white-space: nowrap; padding-top: 20px } .page-enroll .news-box { background: url("https://www.bluejprojects.com/images/news-bg.png") center no-repeat; background-size: cover } .page-enroll .enroll-box { margin-top: 70px; margin-left: -100px; padding-left: 100px; padding-bottom: 30px; background: #fbfbfb; -webkit-box-shadow: 1px 3px 5px 0px rgba(230, 228, 228, 0.6); box-shadow: 1px 3px 5px 0px rgba(230, 228, 228, 0.6) } .page-enroll .enroll-box .en-title { color: #CCCCCC; font-size: 26px } .page-enroll .enroll-box .enroll-desc { text-indent: 20px; color: #666666; font-size: 16px; line-height: 28px; padding-right: 100px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .page-enroll .job-box { padding-bottom: 15px } .page-enroll .job-box .btn-more { color: #999; font-size: 14px; border: 1px solid #ccc; padding: 9px 58px; cursor: pointer } .page-enroll .job-box .btn-more:hover { background-color: #F08706; color: #fff; border: 1px solid #F08706 } .page-enroll .job-tab .tab-item { display: none } .page-enroll .job-tab .tab-item.active { display: block } .page-enroll .section-title { font-size: 36px; color: #333; line-height: 24px } .page-enroll .section-title .line { display: inline-block; width: 60px; border-bottom: 4px solid #2262C6 } .page-enroll .section-title-en { font-size: 26px; color: #ccc } .page-enroll .section-title-en.news { color: #fff } .page-enroll .major-box { padding-top: 60px; padding-bottom: 110px; background: url("https://www.bluejprojects.com/images/special-bg.png") center no-repeat; background-size: cover } .page-enroll .major-box .major-item { cursor: pointer; background-color: #fff; -webkit-box-shadow: 1px 3px 5px 0px rgba(230, 228, 228, 0.6); box-shadow: 1px 3px 5px 0px rgba(230, 228, 228, 0.6); -webkit-transition: width .4s;    -o-transition: width .4s;    transition: width .4s; width: 166px; height: 271px; } .page-enroll .major-box .major-item.active, .page-enroll .major-box .major-item:hover { width: 54% } .page-enroll .major-box .major-item.active .major-info, .page-enroll .major-box .major-item:hover .major-info { display: block } .page-enroll .major-box .major-item .major-info { display: none } .page-enroll .major-box .major-title { font-size: 18px; color: #333; font-weight: bold; border-bottom: 1px solid #E9E9E9 } .page-enroll .major-box .major-desc { font-size: 16px; color: #3E3E3E; line-height: 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 6; -webkit-box-orient: vertical } .page-enroll .link-item { font-size: 14px; display: block; line-height: 26px; color: #fff } .page-enroll .link-item:hover { text-decoration: underline !important } .page-enroll .link-title { font-size: 16px; font-weight: bold } .page-enroll .enroll-address { line-height: 24px; color: #8D8D8D } .page-enroll .enroll-info { font-size: 14px; line-height: 1.8 } .page-enroll .enroll-info .hotline { line-height: 1.2 } .page-enroll .enroll-info .phone { font-size: 28px } .page-intro .big-title { font-size: 22px; color: #333; font-weight: bold; line-height: 25px } .page-intro .intro-item { -webkit-box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.05); -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .page-intro .intro-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .page-intro .intro-title { font-size: 20px; color: #2C344D; font-weight: bold; line-height: 24px } .page-intro .intro-desc { color: #ADB6C2; line-height: 24px; font-size: 16px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .page-intro .title-bread { border-bottom: 2px solid #F3F3F3 } .page-intro .scene-title { font-size: 16px; color: #333 } .page-intro .job-item { border-bottom: 1px solid #f3f3f3; padding-bottom: 15px !important } .page-intro .detail-title { font-size: 32px; color: #323232; line-height: 48px; text-align: center } .page-intro .deail-date { font-size: 14px; color: #8E8E8E; line-height: 42px; text-align: center; border-bottom: 2px solid #f3f3f3 } .page-intro .detail-more-box .more-item { display: block; font-size: 14px; color: #8E8E8E; line-height: 42px; cursor: pointer } .page-intro .detail-more-box .more-item:hover { text-decoration: underline; color: #2262C6 } .page-intro .share-box { border-bottom: 1px solid #f3f3f3 } .job-list .day { font-size: 40px } .job-list .month { font-size: 14px; white-space: nowrap } .job-list .day, .job-list .month { color: #999 } .job-list .job-title { color: #000; font-size: 18px; line-height: 25px; padding-right: 15px; margin-bottom: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .job-list .job-des { color: #666; line-height: 21px; font-size: 14px; padding-right: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .job-list .job-item { padding: 5px; margin-bottom: 10px; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s } .job-list .job-item .left { border-right: 1px solid #ccc; padding-right: 15px; padding-left: 15px; margin-right: 15px } .job-list li.active, .job-list li:hover { background-color: #2262C6 } .job-list li.active .day, .job-list li.active .month, .job-list li.active .job-title, .job-list li.active .job-des, .job-list li:hover .day, .job-list li:hover .month, .job-list li:hover .job-title, .job-list li:hover .job-des { color: #fff } .topic-list .topic-item { border-bottom: 1px dashed #f3f3f3 } .topic-list .topic-item .title { font-size: 16px; color: #333; cursor: pointer; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .topic-list .topic-item .title:hover { color: #2262C6 } .topic-list .topic-item .date { font-size: 14px; color: #999; white-space: nowrap } .detail-content p { color: #666; line-height: 1.5; font-size: 16px; font-family: 微软雅黑, Microsoft YaHei } .breadcrumb { background-color: #fff } .breadcrumb a, .breadcrumb span { color: #999; font-size: 16px } .breadcrumb .breadcrumb-item, .breadcrumb span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px } .breadcrumb .breadcrumb-item.active, .breadcrumb span.active { color: #333 } .breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #999; content: ">" } .table tbody td { font-size: 16px; color: #7B7676; line-height: 28px; border-left: 1px solid #f3f3f3; height: 46px } .table thead tr { border-bottom: 1px solid #f3f3f3 } .table thead td { font-size: 16px; color: #323232; padding: 0 0 20px } .table tr:nth-child(2n) { background-color: #F7F7F7 } .query-form .iconfont { padding: 0 5px; width: 26px; display: inline-block } .query-form .form-item { border: 1px solid #f3f3f3; background-color: #f9f9f9 } .query-form input { border: 0; outline: 0; height: 37px; line-height: 37px; font-size: 14px; background-color: transparent; width: 200px } .query-form input::-webkit-input-placeholder { font-size: 14px } .query-form input::-moz-placeholder { font-size: 14px } .query-form input:-ms-input-placeholder { font-size: 14px } .query-form input::-ms-input-placeholder { font-size: 14px } .query-form input::placeholder { font-size: 14px } .query-form .btn { background-color: #3070d3; padding: 10px 30px; text-align: center; color: #fff } .scene-wrap img { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .scene-wrap img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .sidebar-scene .scene-img-box { position: relative } .sidebar-scene .img-tips-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: 0, 0, 0, 0.6 } .sidebar-scene .img-tips { display: inline-block; color: #fff; border: 1px solid #fff; font-size: 22px; padding: 10px 30px; white-space: nowrap; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .col-form-label, .custom-control-label { font-size: 16px !important; color: #333 !important } .file-box .file-label, .file-box .file-item { line-height: 1.5; font-size: 14px; color: #8E8E8E } .file-box .file-label { font-weight: bold; white-space: nowrap; padding-right: 15px } .file-box .file-item { display: block; cursor: pointer } .file-box .file-item:hover { text-decoration: underline !important; color: #2262C6 } .page-box { text-align: center; padding-top: 30px } .page-box a { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; background-color: #f4f4f5; border: 1px solid #f4f4f5; border-radius: 5px; margin-right: 5px } .page-box a.active { background-color: #5CA6F2; color: #fff } .page-box a, .page-box span, .page-box .input { font-size: 14px; color: #666 } .page-box .input { width: 44px; height: 27px; border: 2px solid #f4f4f5; border-radius: 5px; text-align: center } .fixed-notice { position: fixed; left: 20px; top: 40%; width: 300px } .app-container .item-img { position: relative; margin-right: 5px } .app-container .mask { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0 } .app-container .mask .iconfont, .app-container .mask span { color: #fff } .app-container .mask span { font-size: 18px } @media (min-width: 1200px) { .container .news-container { padding-left: 0; padding-right: 0 } } @media (max-width: 576px) { .app-logo-box .logo { max-width: 65% !important; height: 40px } .page-enroll .nav-box { margin-top: 0 } .page-enroll .circle-item { width: 3.5rem; height: 3.5rem; line-height: 3.5rem } .page-enroll .circle-title { font-size: 14px } .page-enroll .enroll-desc { padding-right: 0 !important } .page-enroll .depart-wrap { padding-left: 5px !important; margin-left: 5px !important } .page-enroll .departname, .page-enroll .code { letter-spacing: 0 !important } .app-form-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .footer .qr-img { margin-left: 0 !important } } /*# sourceMappingURL=style.css.map */