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%; vertical-align: bottom } input:focus, button: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 .navbar-toggler-icon {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAuUlEQVRIS+2WUQ3CYBCDv1MADkACUpgDcAAKAAUEBZMAUiZhOMBByf1hPCCgx8Nq4Et7l6ZBkaKISx1Y0hK4AmuT+xE4hqQzcDJBJ8wlwVvgbgZ37caSMmZb1BEx1j2XOeIvbnZsS742akkHYGGy+4qIWxZIQrMynWqVuQN6JxXYT821AbI6HXpExFD7XA6bv4zZsS312qg/Q2BlsvtsQ6Bs+hSNvVaZOW9zaWZ7OTQkr/a5HDb/prnegMc4h5vqlAMAAAAASUVORK5CYII=) !important } .header .logo-box {padding: 34px 0; background: url(../images/hori-line.png) no-repeat center bottom } .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 26px; white-space: nowrap; background: url(../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-item:last-child {width: 1px } .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: #f8f8f8; 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: #ccc } .scroll-container .arrow.arrow-left {left: -58px } .scroll-container .arrow.arrow-right {right: -58px } .scroll-container .arrow:hover {background-color: #E8EFF8 } #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: #000; position: relative } .main .more {color: #FF2D2D; cursor: pointer; font-size: 12px } .main .big-title {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0; font-weight: bold; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main .news-title {font-size: 20px; font-weight: bold; color: #000; margin-top: 25px; margin-bottom: 10px; line-height: 24px; 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: 14px; color: #ADB6C2; line-height: 24px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .main .image-news {display: block; border: 1px solid transparent; padding-bottom: 25px; -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 .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: 10px; cursor: pointer; padding-bottom: 13px; transition: border-bottom 1s } .main .info-box .item:hover .title, .main .info-box .item:hover .time {color: #5373FF } .main .info-box .title {color: #000; font-size: 18px; line-height: 1.5; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .main .info-box .time {color: #ADB5C1; font-size: 14px; white-space: nowrap; width: 30%; text-align: right } .main .icon {display: inline-block; width: 16px; height: 16px } .main .icon.icon-circle {background: url(../images/icon/icon-circle.png) center no-repeat } .main .icon.icon-notice {background: url(../images/icon/icon-notice.png) center no-repeat } .main .icon.icon-media {background: url(../images/icon/icon-media.png) center no-repeat } .main .icon.icon-article {background: url(../images/icon/icon-article.png) center no-repeat } .main .icon.icon-talent {background: url(../images/icon/icon-talent.png) center no-repeat } .main .icon.icon-corp {background: url(../images/icon/icon-corp.png) center no-repeat } .main .icon.icon-college {background: url(../images/icon/icon-college.png) center no-repeat } .main .news-box .news-wrap {overflow: hidden } .main .news-box #myscroll {display: block; width: 100%; position: relative; height: 385px; 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: 285px; 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-title {font-size: 18px; color: #000; line-height: 26px } .main .news-box .news-item-desc {color: #666; font-size: 16px; line-height: 21px; 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; display: block; -webkit-transition: all ease-out 1s; -o-transition: all ease-out 1s; transition: all ease-out 1s } .main .media-box .media-image:hover .media-image-info {background-color: rgba(0, 0, 0, 0.5) } .main .media-box .media-image .media-image-info {position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.3); width: 100% } .main .media-box .media-item {display: block; -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; height: 40px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .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: #000; margin-bottom: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .main .media-box .media-desc {font-size: 14px; color: #ADB6C2; line-height: 24px; margin-bottom: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .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-title {font-size: 16px; color: #000; height: 48px; line-height: 24px; margin: 15px; text-align: center } .main .topic-box .topic-list {float: left; position: absolute } .main .topic-box .image-box {overflow: hidden } .main .topic-box .item-img {display: block; width: 282px; height: 222px; float: left; position: relative; margin-right: 15px; box-shadow: 2px 6px 20px 0px rgba(0, 0, 0, 0.05); border-radius: 2px; border: 1px solid #f9f9f9; } .main .topic-box .item-img:hover .mask {background-color: rgba(0, 0, 0, 0.5) } .main .topic-box .item-img a {display: block } .main .topic-box .item-img img {vertical-align: bottom; width: 282px } .main .topic-box .bx-pager {display: none } .main .topic-box .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.3); 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-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(../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 .link-section {padding-top: 20px; background: url(../images/hori-line.png) no-repeat center bottom } .footer .link-box {position: relative; padding: 20px 0 } .footer .link-box:hover .link-wrap {display: block } .footer .link-box+.link-box {background: url(../images/vertical-line.png) no-repeat center left } .footer .link-tips {font-weight: bold } .footer .link-wrap {display: none; position: absolute; bottom: 50px; background-color: #fff; left: 0; right: 0; box-shadow: #666 0px 0px 10px; border-radius: 5px; z-index: 999 } .footer .link-item {display: block; padding: 10px 0 10px 20px; text-align: left } .footer .link-item:hover {background-color: rgba(84, 125, 255, 0.1); color: #5473FF } .footer .white {color: #fff } .college-box {position: relative } .college-box .box {width: 1200px; height: 440px; background: #000; margin: 0 auto 30px auto } .college-box .inbox {width: 300px; height: 440px; border-right: 1px solid #FFF; float: left; position: relative } .college-box .inbox .ad1, .college-box .inbox .ad2, .college-box .inbox .ad3, .college-box .inbox .ad4 {display: none } .college-box .inbox li {width: 300px; height: 440px; position: absolute; top: 0px; left: 0px; border-right: 1px solid #fff } .college-box .noborder {border: none } .college-box .textbg {width: 300px; height: 50px; background: rgba(0, 0, 0, 0.8); opacity: 0.5; position: absolute; bottom: 0px; z-index: 998; cursor: pointer } .college-box .text {width: 280px; position: absolute; bottom: 0px; color: #d6d0d0; padding: 10px; z-index: 999; text-align: center; cursor: pointer; display: block; text-decoration: none } .college-box .text h1 {font-size: 14px; font-weight: bold } .college-box .text p {font-size: 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; margin-bottom: 100px } .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: #000; 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: #000; cursor: pointer; line-height: 24px; padding-right: 15px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .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 .sidebar-sub {display: 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 } .home-sidebar-fixed .sidebar-item .sidebar-sub {display: none; position: absolute; width: 170px; padding: 5px 0; right: 90px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #fff; border: 1px solid #eee } .home-sidebar-fixed .sidebar-item .sidebar-sub:after {content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -6px; display: inline-block; width: 8px; height: 8px; background-color: #fff; border-top: 1px solid #eee; border-right: 1px solid #eee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .home-sidebar-fixed .sidebar-item .subitem {color: #000; text-align: left; line-height: 22px; padding: 5px 15px } .home-sidebar-fixed .sidebar-item .subitem .iconfont {font-size: 16px; padding-right: 10px } .home-sidebar-fixed .sidebar-item .subitem:hover {color: #5473FF } .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: #363636; font-size: 20px; white-space: nowrap; padding-top: 20px } .page-enroll .news-box {background: url(../images/news-bg.png) center no-repeat; background-size: cover } .page-enroll .enroll-box {margin-top: 70px; background-color: #fff; margin-left: -100px; padding-left: 100px; padding-bottom: 30px } .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 } .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(../images/special-bg.png) center no-repeat; background-size: cover } .page-enroll .major-box .major-item {cursor: pointer; -webkit-transition: ease-out 1s; -o-transition: ease-out 1s; transition: ease-out 1s; -webkit-transition: width 2s 500ms; -o-transition: width 2s 500ms; transition: width 2s 500ms } .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 } .page-enroll .link-item {font-size: 14px; display: block; line-height: 26px } .page-enroll .link-title {font-size: 16px } .page-enroll .enroll-address {line-height: 24px; color: #8D8D8D } .page-enroll .enroll-info {font-size: 14px; line-height: 1.8 } .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 {display: inline-block; -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-title {font-size: 20px; color: #000; 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 .file-box .file-label, .page-intro .file-box .file-item {line-height: 1.5; font-size: 14px; color: #8E8E8E } .page-intro .file-box .file-label {font-weight: bold; white-space: nowrap; padding-right: 15px } .page-intro .file-box .file-item {display: block; cursor: pointer } .page-intro .file-box .file-item:hover {text-decoration: underline !important; color: #2262C6 } .page-intro .share-box {border-bottom: 1px solid #f3f3f3 } .job-list {border-top: 1px solid #ccc } .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; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical } .job-list .job-title.home {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .job-list .job-des {color: #ADB6C2; line-height: 21px; font-size: 14px; 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: 9px 5px; cursor: pointer; -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: 20px; padding-left: 15px; margin-right: 20px } .job-list .job-item:hover, .job-list .job-item.active {background-color: #5473ff } .job-list .job-item:hover .day, .job-list .job-item:hover .month, .job-list .job-item:hover .job-title, .job-list .job-item:hover .job-des, .job-list .job-item.active .day, .job-list .job-item.active .month, .job-list .job-item.active .job-title, .job-list .job-item.active .job-des {color: #fff } .topic-list .topic-item {border-bottom: 1px dashed #f3f3f3 } .topic-list .topic-item .title {font-size: 16px; color: #000; 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; margin-bottom: 0 !important } .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; 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 } .fixed-notice {position: fixed; left: 20px; top: 40% } .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 } .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%) } #scrollToTop {display: none } .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 } @media (min-width: 1200px) {.container .news-container {padding-left: 0; padding-right: 0 } } @media (max-width: 576px) {.container .news-container {margin-top: 15px } .media-image-info {bottom: 10px !important } .media-news-title {font-size: 18px !important } .app-major img {width: 100% !important } .app-footer .container {padding-right: 15px !important } .app-footer .pl-5 {padding-left: 15px !important } .app-footer .col-xl-4 {margin-top: 15px !important } } .breadcrumb {width: 100%; }.py-1{font-size: 15px;}/*# sourceMappingURL=style.css.map */