body { counter-reset: hits; } /*头条*/ .headlines-plate { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 1200px; margin-bottom: 30px; } .headlines-plate .plate { padding: 30px 0 40px 0; background: #fafafa; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .headlines-plate h2 { display: flex; justify-content: center; align-items: center; width: 1100px; padding: 0 50px; height: 48px; margin-bottom: 20px; } .headlines-plate h2:hover a { color: #c10001; transition: 0.2s linear; } .headlines-plate h2 span { display: flex; align-items: center; font-size: 36px; line-height: 48px; font-weight: bold; color: #c10001; min-width: 102px; } .headlines-plate h2 span i { font-size: 30px; } .headlines-plate h2 a { display: block; font-size: 36px; line-height: 48px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .headlines-plate .more-headlines { display: flex; justify-content: center; width: 1100px; padding: 0 50px; } .headlines-plate .more-headlines li { padding: 0 20px; position: relative; max-width: 33.33%; } .headlines-plate .more-headlines li::after { content: ""; display: block; width: 1px; height: 14px; background: #000; position: absolute; top: 50%; right: 0; margin-top: -7px; } .headlines-plate .more-headlines li:last-child:after { content: ""; display: none; } .headlines-plate .more-headlines li a { display: block; font-size: 16px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color: #000; } .headlines-plate .more-headlines li a:hover { color: #c10001; } .plate-top-search { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 20px; } .plate-top-search #search-box { display: flex; width: 496px; height: 380px; border: 4px solid #a60011; box-sizing: border-box; background: #fff; } .plate-top-search #search-box #search-type { background: #a60011; } .plate-top-search #search-box #search-type li { width: 110px; color: #fff; font-size: 16px; line-height: calc(372px / 7); height: calc(372px / 7); cursor: pointer; text-align: center; } .plate-top-search #search-box #search-type li.active { background: #fff; color: #333; font-weight: bold; } .plate-top-search #search-box .search-form { background: #fff; padding: 16px 20px; background-color: #fff; overflow: hidden; flex: 1; display: none; } .plate-top-search #search-box .search-form:nth-of-type(1) { display: block; } .plate-top-search #search-box .search-form .form-wrap { overflow: hidden; margin-bottom: 36px; } .plate-top-search #search-box .search-form .form-wrap input[type="text"] { display: block; outline: none; border: none; background: #f2f2f2; border-radius: 5px; height: 60px; padding: 0 0 0 15px; font-size: 16px; color: #999; width: 100%; line-height: 24px; box-sizing: border-box; margin-bottom: 32px; } .plate-top-search #search-box .search-form .form-wrap input[type="text"]::-webkit-input-placeholder { font-size: 16px; color: #999; line-height: 24px; } .plate-top-search #search-box .search-form .form-wrap input[type="text"]:-moz-placeholder { font-size: 16px; color: #999; line-height: 24px; } .plate-top-search #search-box .search-form .form-wrap input[type="text"]::-moz-placeholder { font-size: 16px; color: #999; line-height: 24px; } .plate-top-search #search-box .search-form .form-wrap input[type="text"]:-ms-input-placeholder { font-size: 16px; color: #999; line-height: 24px; } .plate-top-search #search-box .search-form .form-wrap div { display: flex; justify-content: space-between; align-items: center; } .plate-top-search #search-box .search-form .form-wrap div span { display: block; font-size: 14px; color: #666; line-height: 30px; } .plate-top-search #search-box .search-form .form-wrap div input[type="button"] { width: 124px; height: 44px; border-radius: 5px; color: #fff; outline: none; border: none; cursor: pointer; background: #a60011; font-size: 14px; } .plate-top-search #search-box .search-form h4 { font-size: 16px; color: #a60011; font-weight: bold; line-height: 24px; margin-bottom: 36px; } .plate-top-search #search-box .search-form .quick-options { display: flex; align-items: center; } .plate-top-search #search-box .search-form .quick-options a { display: flex; align-items: center; padding: 0 10px; position: relative; } .plate-top-search #search-box .search-form .quick-options a::after { content: ""; display: block; width: 1px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: #dfdfdf; } .plate-top-search #search-box .search-form .quick-options a:last-child::after { content: ""; background: none; } .plate-top-search #search-box .search-form .quick-options a img { display: block; width: 20px; height: 20px; margin-right: 5px; } .plate-top-search #search-box .search-form .quick-options a span { font-size: 14px; color: #92571b; line-height: 24px; } .plate-top-search #search-box .search-form .kw-box { text-align: left; font-size: 14px; line-height: 24px; display: flex; flex-wrap: wrap; height: 72px; margin-bottom: 10px; } .plate-top-search #search-box .search-form .kw-box span { color: #666; display: inline-block; vertical-align: top; } .plate-top-search #search-box .search-form .kw-box a { color: #666; margin: 0 5px; } .plate-top-search #search-box .search-form .kw-box a:hover { display: inline-block; vertical-align: top; color: #c10001; } .plate-top-search .swiper-p-a-1 { position: relative; width: 680px; height: 380px; margin: 0; } .plate-top-search .swiper-p-a-1 .swiper-button-prev, .plate-top-search .swiper-p-a-1 .swiper-button-next { background: rgba(0, 0, 0, 0.2); border-radius: 3px; width: 36px; height: 54px; display: none; justify-content: center; align-items: center; } .plate-top-search .swiper-p-a-1 .swiper-button-prev i, .plate-top-search .swiper-p-a-1 .swiper-button-next i { display: inline-block; vertical-align: top; line-height: 48px; color: #fff; font-size: 32px; } .plate-top-search .swiper-p-a-1 .swiper-slide { position: relative; overflow: hidden; } .plate-top-search .swiper-p-a-1 .swiper-slide:hover img { transition: 0.5s linear; transform: scale(1); } .plate-top-search .swiper-p-a-1 .swiper-slide img { display: block; width: 680px; height: 380px; transition: 0.5s linear; } .plate-top-search .swiper-p-a-1 .swiper-slide .title { display: block; padding-left: 10px; padding-right: 100px; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; background: rgba(0, 0, 0, 0.5); line-height: 48px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-top-search .swiper-p-a-1 .swiper-page-p-a-1 { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; left: unset; left: 300px\0; bottom: 0; width: 100px; height: 48px; } .plate-top-search .swiper-p-a-1 .swiper-page-p-a-1 .swiper-pagination-bullet { width: 66px; height: 12px; border-radius: 6px; background: #fff; transition: 0.2s linear; opacity: 1; } .plate-top-search .swiper-p-a-1 .swiper-page-p-a-1 .swiper-pagination-bullet-active { width: 12px; height: 12px; border-radius: 6px; background: #c10001; transition: 0.2s linear; } .plate-city-select { background: #a60011; width: 1160px; margin: 0 auto 20px; padding: 8px 20px; } .plate-city-select .select-wrapper { display: flex; align-items: flex-start; } .plate-city-select .select-wrapper:first-child .item-list-wrapper::before { content: ""; display: block; position: absolute; top: 8px; bottom: 0; left: 0; background: #c33233; width: 1px; z-index: 998; } .plate-city-select .select-wrapper:first-child .item-list-wrapper .item-list::before { content: ""; display: block; position: absolute; top: 8px; bottom: 0; left: calc((100% / 12) * 4); background: #c33233; width: 1px; } .plate-city-select .select-wrapper:first-child .item-list-wrapper .item-list::after { content: ""; display: block; position: absolute; top: 8px; bottom: 0; left: calc((100% / 12) * 8); background: #c33233; width: 1px; } .plate-city-select .select-wrapper:last-child .item-list-wrapper::before { content: ""; display: block; position: absolute; top: 0; bottom: 8px; left: 0; background: #c33233; width: 1px; z-index: 998; } .plate-city-select .select-wrapper:last-child .item-list-wrapper .item-list::before { content: ""; display: block; position: absolute; top: 0; bottom: 8px; left: calc((100% / 12) * 4); background: #c33233; width: 1px; } .plate-city-select .select-wrapper:last-child .item-list-wrapper .item-list::after { content: ""; display: block; position: absolute; top: 0; bottom: 8px; left: calc((100% / 12) * 8); background: #c33233; width: 1px; } .plate-city-select .select-wrapper .select-title { font-size: 16px; color: #fff; line-height: 32px; padding-left: 16px; margin-right: 40px; } .plate-city-select .select-wrapper .item-list-wrapper { flex: 1; position: relative; } .plate-city-select .select-wrapper .item-list-wrapper .item-list { display: flex; flex-wrap: wrap; flex: 1; position: relative; height: 32px; overflow: hidden; } .plate-city-select .select-wrapper .item-list-wrapper .item-list .item { width: calc(100% / 12); text-align: center; height: 32px; } .plate-city-select .select-wrapper .item-list-wrapper .item-list .item a { display: inline-block; vertical-align: top; color: #fff; font-size: 16px; line-height: 32px; } .plate-city-select .select-wrapper .show-more { display: inline-block; vertical-align: top; cursor: pointer; font-size: 16px; line-height: 32px; color: #fff; } .plate-video { margin-bottom: 20px; } .plate-video .train-videos { padding: 20px; background: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-video .train-videos ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -10px; } .plate-video .train-videos ul li { width: 370px; height: auto; margin-bottom: 10px; } .plate-video .train-videos ul li a { display: block; width: 370px; height: auto; position: relative; transition: 0.2s linear; overflow: hidden; } .plate-video .train-videos ul li a::after { content: ""; display: block; height: 2px; position: absolute; left: 0; bottom: 0; right: 100%; background: #f8f8f8; transition: 0.3s linear; } .plate-video .train-videos ul li a:hover::after { right: 0; transition: 0.3s linear; } .plate-video .train-videos ul li a:hover { transition: 0.2s linear; } .plate-video .train-videos ul li a:hover .video-img img { transform: scale(1); transition: 0.5s linear; } .plate-video .train-videos ul li a:hover .ss-title span { color: #a60011; } .plate-video .train-videos ul li a .video-img { width: 370px; height: 207px; overflow: hidden; position: relative; margin-bottom: 10px; } .plate-video .train-videos ul li a .video-img img { display: block; width: 100%; height: 100%; transition: 0.5s linear; } .plate-video .train-videos ul li a .video-img:hover .play-btn { transition: 0.5s linear; opacity: 1; } .plate-video .train-videos ul li a .video-img .play-btn { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 49px; height: 49px; margin: auto; opacity: 0.4; } .plate-video .train-videos ul li a .video-title { height: 40px; display: flex; justify-content: space-between; align-items: center; } .plate-video .train-videos ul li a .video-title span { font-size: 18px; display: flex; align-items: center; color: #000; line-height: 30px; font-weight: bold; } .plate-video .train-videos ul li a .video-title span:last-child { display: flex; align-items: center; font-weight: normal; font-size: 16px; color: #666; line-height: 24px; } .plate-video .train-videos ul li a .video-title span:last-child img { display: block; width: 22px; height: 15px; margin-right: 10px; } .plate-video .train-videos ul::after { content: ""; display: block; width: 250px; height: 0; } .plate-sys { overflow: hidden; margin-bottom: 20px; } .plate-sys .sys-list { overflow: hidden; margin-right: -8px; margin-bottom: -8px; } .plate-sys .sys-list li { float: left; margin-right: 8px; margin-bottom: 8px; } .plate-sys .sys-list li:hover a::before, .plate-sys .sys-list li:hover a::after { content: ""; display: block; opacity: 1; width: 100%; height: 100%; transition: 0.5s linear; } .plate-sys .sys-list li a { display: block; position: relative; width: 294px; height: 100px; } .plate-sys .sys-list li a::before { content: ""; display: block; opacity: 0; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; border-top: 3px solid #a60011; border-left: 3px solid #a60011; z-index: 998; transition: 0.5s linear; box-sizing: border-box; } .plate-sys .sys-list li a::after { content: ""; display: block; opacity: 0; position: absolute; right: 0; bottom: 0; width: 0px; height: 0px; border-bottom: 3px solid #a60011; border-right: 3px solid #a60011; z-index: 998; transition: 0.5s linear; box-sizing: border-box; } .plate-sys .sys-list li a .sys-img img { display: block; width: 294px; height: 100px; } .plate-sys .sys-list li a span { display: inline-block; line-height: 40px; padding-left: 10px; padding-right: 30px; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 18px; background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0)); } .plate-sort { display: flex; justify-content: space-between; align-items: center; background: #fafafa; height: 80px; padding: 0 20px; width: 1160px; margin-bottom: 20px; } .plate-sort .more-sort { display: block; font-size: 16px; line-height: 24px; color: #000; margin: 0 30px; } .plate-sort ul { display: flex; flex: 1; } .plate-sort ul li { flex: 1; } .plate-sort ul li:nth-child(1) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li:nth-child(2) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li:nth-child(3) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li:nth-child(4) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li:nth-child(5) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li:nth-child(6) a .sort-icon { width: 32px; height: 32px; } .plate-sort ul li a { display: flex; align-items: center; } .plate-sort ul li a:hover .sort-icon img { top: 0; transition: 0.1s linear; } .plate-sort ul li a:hover span { color: #a60011; } .plate-sort ul li a .sort-icon { overflow: hidden; margin-right: 10px; } .plate-sort ul li a .sort-icon img { display: block; position: relative; top: -100%; transition: 0.1s linear; } .plate-sort ul li a span { font-size: 16px; line-height: 24px; color: #000; } .plate-special-subject .special-subject { padding: 20px; background: #fff; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-special-subject .special-subject ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -10px; } .plate-special-subject .special-subject ul li { width: 275px; height: auto; margin-bottom: 10px; } .plate-special-subject .special-subject ul li a { display: block; width: 275px; height: auto; position: relative; transition: 0.2s linear; overflow: hidden; } .plate-special-subject .special-subject ul li a::after { content: ""; display: block; height: 2px; position: absolute; left: 0; bottom: 0; right: 100%; background: #f8f8f8; transition: 0.3s linear; } .plate-special-subject .special-subject ul li a:hover::after { right: 0; transition: 0.3s linear; } .plate-special-subject .special-subject ul li a:hover { transition: 0.2s linear; } .plate-special-subject .special-subject ul li a:hover .ss-img img { transform: scale(1.03); transition: 0.5s linear; } .plate-special-subject .special-subject ul li a:hover .ss-title span { color: #a60011; } .plate-special-subject .special-subject ul li a .ss-img { width: 275px; height: 150px; overflow: hidden; } .plate-special-subject .special-subject ul li a .ss-img img { display: block; width: 100%; height: 100%; transition: 0.5s linear; } .plate-special-subject .special-subject ul li a .ss-title { height: 40px; display: flex; justify-content: space-between; align-items: center; } .plate-special-subject .special-subject ul li a .ss-title span { font-size: 16px; display: flex; align-items: center; color: #000; line-height: 40px; } .plate-special-subject .special-subject ul::after { content: ""; display: block; width: 250px; height: 0; } .plate-training-base { margin-bottom: 20px; } .plate-training-base .tb-box { height: 460px; background: #fff; padding: 20px; display: flex; justify-content: space-between; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-training-base .tb-box .show-swiper { width: 773px; height: 100%; overflow: hidden; } .plate-training-base .tb-box .show-swiper .swiper-container { height: 100%; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide:hover a img { transform: scale(1.03); transition: 0.5s linear; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a { display: block; position: relative; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .base-img { display: block; width: 773px; height: 460px; overflow: hidden; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .base-img img { display: block; transition: 0.5s linear; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 10px; z-index: 999; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t { position: absolute; top: 10px; left: 10px; width: 170px; height: 150px; background: rgba(158, 18, 27, 0.8); display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .base-logo { display: flex; justify-content: center; align-items: center; flex: 1; width: 100%; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .base-logo img { display: block; max-height: 100%; max-width: 100%; filter: grayscale(100%) brightness(1000%); } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .create-year { width: 100%; border: 4px solid #a60011; background: #fff; box-sizing: border-box; height: 84px; padding: 12px; display: flex; flex-direction: column; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .create-year span { font-size: 16px; line-height: 24px; color: #000; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .create-year span.year { font-family: arial; font-size: 36px; height: 36px; line-height: 24px; font-weight: bold; display: flex; align-items: center; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-t .create-year span.year i { align-self: flex-end; text-align: center; display: block; font-size: 14px; width: 20px; height: 20px; line-height: 20px; color: #fff; background: #a60011; border-radius: 50%; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-b { position: absolute; left: 10px; right: 10px; bottom: 10px; height: 80px; background: rgba(158, 18, 27, 0.8); display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-b .base-infos { width: 90%; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-b .base-infos h2 { font-size: 18px; line-height: 24px; color: #fff; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-b .base-infos p { width: 100%; font-size: 14px; line-height: 24px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-training-base .tb-box .show-swiper .swiper-container .swiper-slide a .show-layer .layer-b img { display: block; width: 36px; height: 36px; } .plate-training-base .tb-box .switch-swiper { width: 368px; height: 100%; } .plate-training-base .tb-box .switch-swiper .swiper-container { height: 100%; } .plate-training-base .tb-box .switch-swiper .swiper-container .swiper-wrapper .swiper-slide { display: flex; justify-content: space-between; height: 103px !important; margin-bottom: 16px; } .plate-training-base .tb-box .switch-swiper .swiper-container .swiper-wrapper .swiper-slide .flag { cursor: pointer; } .plate-training-base .tb-box .switch-swiper .swiper-container .swiper-wrapper .swiper-slide .flag.active img, .plate-training-base .tb-box .switch-swiper .swiper-container .swiper-wrapper .swiper-slide .flag:hover img { border: 2px solid #a60011; } .plate-training-base .tb-box .switch-swiper .swiper-container .swiper-wrapper .swiper-slide .flag img { display: block; width: 175px; height: 103px; box-sizing: border-box; border: 2px solid transparent; } .plate-a { display: flex; margin-bottom: 20px; padding: 20px; width: 1160px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-a .p-a-1 { width: 665px; margin-right: 20px; } .plate-a .p-a-1 .swiper-p-a-1 { position: relative; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-button-prev, .plate-a .p-a-1 .swiper-p-a-1 .swiper-button-next { background: rgba(0, 0, 0, 0.2); border-radius: 3px; width: 36px; height: 54px; display: flex; justify-content: center; align-items: center; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-button-prev i, .plate-a .p-a-1 .swiper-p-a-1 .swiper-button-next i { display: inline-block; vertical-align: top; line-height: 48px; color: #fff; font-size: 32px; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-slide { position: relative; overflow: hidden; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-slide:hover img { transition: 0.5s linear; transform: scale(1.03); } .plate-a .p-a-1 .swiper-p-a-1 .swiper-slide img { display: block; width: 665px; height: 445px; transition: 0.5s linear; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-slide .title { display: block; padding-left: 10px; padding-right: 100px; position: absolute; left: 0; right: 0; bottom: 0; height: 48px; background: rgba(0, 0, 0, 0.5); line-height: 48px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-page-p-a-1 { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; left: unset; left: 300px\0; bottom: 0; width: 100px; height: 48px; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-page-p-a-1 .swiper-pagination-bullet { width: 66px; height: 12px; border-radius: 6px; background: #fff; transition: 0.2s linear; opacity: 1; } .plate-a .p-a-1 .swiper-p-a-1 .swiper-page-p-a-1 .swiper-pagination-bullet-active { width: 12px; height: 12px; border-radius: 6px; background: #c10001; transition: 0.2s linear; } .plate-a .p-a-2 { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 420px; padding: 0 28px; } .plate-b { display: flex; justify-content: space-between; margin-bottom: 20px; } .plate-b .p-b-1 { width: 815px; } .plate-b .p-b-1 .well-known-school { padding: 20px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; } .plate-b .p-b-1 .well-known-school ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -10px; } .plate-b .p-b-1 .well-known-school ul li { width: 250px; height: 168px; margin-bottom: 10px; } .plate-b .p-b-1 .well-known-school ul li a { display: flex; justify-content: center; align-items: center; width: 250px; height: 168px; background: #fafafa; margin-bottom: 5px; position: relative; transition: 0.2s linear; overflow: hidden; } .plate-b .p-b-1 .well-known-school ul li a:hover { transition: 0.2s linear; } .plate-b .p-b-1 .well-known-school ul li a:hover .name-city { background: rgba(0, 0, 0, 0.5); } .plate-b .p-b-1 .well-known-school ul li a:hover img { transform: scale(1.03); transition: 0.5s linear; } .plate-b .p-b-1 .well-known-school ul li a img { display: block; width: 100%; height: 100%; transition: 0.5s linear; } .plate-b .p-b-1 .well-known-school ul li a .name-city { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: space-between; align-items: center; padding: 0 10px; } .plate-b .p-b-1 .well-known-school ul li a .name-city span { font-size: 16px; display: flex; align-items: center; color: #fff; line-height: 40px; } .plate-b .p-b-1 .well-known-school ul li a .name-city span i { font-size: 24px; } .plate-b .p-b-1 .well-known-school ul::after { content: ""; display: block; width: 250px; height: 0; } .plate-b .p-b-1 .school-list { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 0 20px; } .plate-b .p-b-1 .school-list li { display: flex; justify-content: center; align-items: center; padding: 12px 0; position: relative; } .plate-b .p-b-1 .school-list li::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #f8f8f8; } .plate-b .p-b-1 .school-list li:last-child::after { content: ""; display: none; } .plate-b .p-b-1 .school-list li .school-logo { margin-right: 20px; box-sizing: border-box; background: #fff; } .plate-b .p-b-1 .school-list li .school-logo a { display: flex; justify-content: center; align-items: center; max-width: 220px; max-height: 140px; } .plate-b .p-b-1 .school-list li .school-logo img { display: block; max-height: 100%; max-width: 100%; } .plate-b .p-b-1 .school-list li .school-infos { flex: 1; } .plate-b .p-b-1 .school-list li .school-infos .infos-a { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .plate-b .p-b-1 .school-list li .school-infos .infos-a .school-name { width: 50%; } .plate-b .p-b-1 .school-list li .school-infos .infos-a .school-name a { display: flex; align-items: center; font-size: 18px; line-height: 24px; color: #333; font-weight: bold; } .plate-b .p-b-1 .school-list li .school-infos .infos-a .school-name a span { font-size: 14px; line-height: 24px; color: #999; margin-left: 5px; font-weight: normal; } .plate-b .p-b-1 .school-list li .school-infos .infos-a .school-mark { display: flex; justify-content: flex-end; align-items: center; width: 225px; height: 28px; flex-wrap: wrap; overflow: hidden; } .plate-b .p-b-1 .school-list li .school-infos .infos-a .school-mark span { display: block; height: 28px; width: 70px; color: #fff; text-align: center; margin-left: 5px; line-height: 28px; background: url(/uploads/image/snimages/bg-mark.png) center no-repeat; background-size: 100%; white-space: nowrap; overflow: hidden; } .plate-b .p-b-1 .school-list li .school-infos .infos-b { margin-bottom: 10px; } .plate-b .p-b-1 .school-list li .school-infos .infos-b p { font-size: 16px; color: #666; height: 48px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .plate-b .p-b-1 .school-list li .school-infos .btn-box { display: block; height: 32px; overflow: hidden; } .plate-b .p-b-1 .school-list li .school-infos .btn-box a { display: block; float: left; color: #000; width: 100px; line-height: 30px; border: 1px solid #eee; border-radius: 3px; background: #fff; text-align: center; margin-right: 10px; } .plate-b .p-b-1 .school-list li .school-infos .btn-box a:hover { border: 1px solid #a60011; background: #a60011; color: #fff; } .plate-b .p-b-1 .training-experience { display: flex; flex-direction: column; justify-content: space-between; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; } .plate-b .p-b-1 .training-experience .xd-flags { max-height: 92px; overflow: hidden; } .plate-b .p-b-1 .training-experience .xd-flags a { padding: 6px; margin: 7px; line-height: 46px; text-align: center; border-radius: 3px; border: 2px solid #bfbfbf; color: #666; } .plate-b .p-b-1 .training-experience .xd-flags a:hover { background-color: #a60011; color: #fff; border: 2px solid #a60011; border-radius: 3px; } .plate-b .p-b-1 .training-experience .first { width: 375px; display: block; margin-right: 20px; } .plate-b .p-b-1 .training-experience .first:hover .news-infos::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 0; transition: 0.2s linear; z-index: 998; opacity: 1; } .plate-b .p-b-1 .training-experience .first .news-img { width: 375px; height: 224px; overflow: hidden; } .plate-b .p-b-1 .training-experience .first .news-img img { display: block; width: 375px; height: 224px; transition: 0.5s linear; } .plate-b .p-b-1 .training-experience .first .news-infos { padding: 25px 30px 25px 25px; background: #446da3; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 210px; overflow: hidden; position: relative; } .plate-b .p-b-1 .training-experience .first .news-infos::before { content: ""; display: block; position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; border-radius: 50%; background: #a60011; transition: 0.2s linear; opacity: 0; } .plate-b .p-b-1 .training-experience .first .news-infos h2 { position: relative; z-index: 999; font-size: 16px; font-weight: bold; line-height: 24px; color: #fff; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 36px; } .plate-b .p-b-1 .training-experience .first .news-infos p { position: relative; z-index: 999; font-size: 14px; line-height: 24px; color: #fff; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: 0.5s linear; } .plate-b .p-b-1 .qa-encyclopedia { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 30px 20px; } .plate-b .p-b-1 .qa-encyclopedia .qa-flags { display: flex; flex-wrap: wrap; height: 88px; overflow: hidden; margin-bottom: 44px; } .plate-b .p-b-1 .qa-encyclopedia .qa-flags a { display: block; padding: 0 28px; line-height: 36px; text-align: center; border-radius: 3px; border: 2px solid #bfbfbf; color: #666; margin-right: 6px; margin-bottom: 8px; } .plate-b .p-b-1 .qa-encyclopedia .qa-flags a:hover { background-color: #a60011; color: #fff; border: 2px solid #a60011; border-radius: 3px; } .plate-b .p-b-1 .qa-encyclopedia .qa-data { display: flex; justify-content: space-between; align-items: center; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data { display: flex; justify-content: center; align-items: center; width: 376px; height: 176px; background: #fafafa; border-radius: 10px; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data .data-flag { display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; background: #e7e7e7; border-radius: 10px; margin-right: 25px; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data .data-flag img { display: block; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data .data-infos { display: flex; flex-direction: column; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data .data-infos .data-title { font-size: 16px; line-height: 24px; color: #333; margin-bottom: 10px; font-weight: bold; } .plate-b .p-b-1 .qa-encyclopedia .qa-data .data .data-infos .data-item { font-size: 16px; line-height: 24px; color: #666; } .plate-b .p-b-1 .training-school { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; } .plate-b .p-b-1 .training-school .wrap { overflow: hidden; } .plate-b .p-b-1 .training-school .wrap ul { overflow: hidden; margin-right: -10px; margin-bottom: -10px; } .plate-b .p-b-1 .training-school .wrap ul li { float: left; width: 186px; height: 121px; margin-right: 10px; margin-bottom: 10px; } .plate-b .p-b-1 .training-school .wrap ul li:hover a img { transform: scale(1.03); transition: 0.3s linear; } .plate-b .p-b-1 .training-school .wrap ul li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .plate-b .p-b-1 .training-school .wrap ul li a img { display: block; width: 186px; height: 121px; transition: 0.3s linear; } .plate-b .p-b-1 .training-school .wrap ul li a .infos-title { position: absolute; left: 0; bottom: 0; right: 0; font-size: 16px; height: 40px; color: #fff; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0, 0, 0, 0.2); padding-left: 10px; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(1) { background: #f96; width: 515px; height: 338px; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(1) .infos-box { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; background: rgba(0, 0, 0, 0.2); padding: 30px 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(1) .infos-box h2 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(1) .infos-box p { line-height: 24px; font-size: 14px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(1) img { width: 515px; height: 338px; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(2), .plate-b .p-b-1 .training-school .wrap ul li:nth-child(3) { width: 248px; height: 164px; } .plate-b .p-b-1 .training-school .wrap ul li:nth-child(2) img, .plate-b .p-b-1 .training-school .wrap ul li:nth-child(3) img { width: 248px; height: 164px; } .plate-b .p-b-1 .training-base { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; } .plate-b .p-b-1 .training-base .wrap { overflow: hidden; } .plate-b .p-b-1 .training-base .wrap ul { overflow: hidden; margin-right: -10px; margin-bottom: -4px; } .plate-b .p-b-1 .training-base .wrap ul li { float: left; width: 250px; height: 140px; margin-right: 10px; margin-bottom: 5px; } .plate-b .p-b-1 .training-base .wrap ul li:hover a img { transform: scale(1.03); transition: 0.3s linear; } .plate-b .p-b-1 .training-base .wrap ul li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .plate-b .p-b-1 .training-base .wrap ul li a img { display: block; width: 250px; height: 140px; transition: 0.3s linear; } .plate-b .p-b-1 .training-base .wrap ul li a .infos-title { position: absolute; left: 0; bottom: 10px; width: 210px; height: 40px; color: #fff; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0, 0, 0, 0.5); padding-left: 10px; } .plate-b .p-b-1 .training-base .wrap ul li:nth-child(1) { width: 510px; height: 285px; } .plate-b .p-b-1 .training-base .wrap ul li:nth-child(1) .infos-box { position: absolute; left: 0; bottom: 10px; color: #fff; height: 60px; width: 380px; background: rgba(0, 0, 0, 0.5); padding-left: 10px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .plate-b .p-b-1 .training-base .wrap ul li:nth-child(1) .infos-box h2 { font-weight: bold; } .plate-b .p-b-1 .training-base .wrap ul li:nth-child(1) .infos-box p { font-size: 14px; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .plate-b .p-b-1 .training-base .wrap ul li:nth-child(1) img { width: 510px; height: 285px; } .plate-b .p-b-2 { width: 350px; } .plate-b .p-b-2 .training-dynamic { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; } .plate-b .p-b-2 .hot-ranking { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px 20px 0; } .plate-b .p-b-2 .edu-services { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 0 20px; overflow: hidden; } .plate-b .p-b-2 .hot-words { height: 435px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-b .p-b-2 .teacher-list { display: flex; flex-wrap: wrap; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; justify-content: space-between; align-items: space-around; } .plate-b .p-b-2 .teacher-list li a { display: block; } .plate-b .p-b-2 .teacher-list li a .teacher-img { width: 148px; height: 164px; overflow: hidden; position: relative; } .plate-b .p-b-2 .teacher-list li a .teacher-img img { display: block; transition: 0.3s linear; width: 148px; height: 164px; } .plate-b .p-b-2 .teacher-list li a .teacher-infos { width: 148px; display: flex; align-items: center; } .plate-b .p-b-2 .teacher-list li a .teacher-infos span { flex: 1; font-size: 16px; line-height: 36px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-b .p-b-2 .teacher-list li a .teacher-infos span.teacher-name { color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .plate-b .p-b-2 .well-known-logo { display: flex; flex-wrap: wrap; justify-content: space-between; background: #fafafa; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .plate-b .p-b-2 .well-known-logo::after { content: ""; display: block; width: 33.33%; height: 0; } .plate-b .p-b-2 .well-known-logo a { display: flex; justify-content: center; align-items: center; width: 33.33%; height: 113px; border: 2px solid #fff; box-sizing: border-box; } .plate-b .p-b-2 .well-known-logo a img { display: block; max-width: 70%; max-height: 70%; } .plate-b .p-b-2 .well-known-logo a:hover { background: #fff; } .plate-rt-info { margin-bottom: 20px; } .plate-rt-info .wrapper { display: flex; padding: 20px 0; justify-content: space-between; align-items: flex-start; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background: #fff; } .plate-rt-info .wrapper .news-zx { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 774px; padding: 0 20px; } .plate-rt-info .wrapper .news-zx .news-zx-l, .plate-rt-info .wrapper .news-zx .news-zx-r { width: 370px; overflow: hidden; } .plate-rt-info .wrapper .news-zx .news-zx-l .s02:last-child { margin-bottom: 0; } .plate-rt-info .wrapper .news-zx .list-wrap { width: 370px; overflow: hidden; } .plate-rt-info .wrapper .news-dfdj { width: 330px; padding-right: 20px; } /*头版新闻*/ .s01 { width: 100%; margin-bottom: -8px; } .s01 .news a { line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*新闻资讯-党史知识、历届党代会简介*/ .s02 { width: 100%; margin-bottom: 30px; } .s02 .news:nth-child(1) a { font-size: 18px; line-height: 24px; max-width: 100% !important; color: #333; font-weight: bold; margin-bottom: 10px; } .s02 .news:nth-child(7) { margin-top: 30px; } .s02 .news:nth-child(7) a { font-size: 18px; line-height: 24px; max-width: 100% !important; color: #333; font-weight: bold; margin-bottom: 10px; } .s02 .news a { line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*新闻资讯-党史故事 文字列表*/ .s03 { width: 100%; } .s03 .news a { line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*新闻资讯-党史故事 图片列表*/ .s04 { display: flex; width: 100%; justify-content: space-between; } .s04 .news { width: 175px; } .s04 .news a { line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s04 .news a .news-img { width: 175px; height: 105px; overflow: hidden; margin-bottom: 11px; } .s04 .news a .news-img img { width: 175px; height: 105px; transition: 0.5s linear; } .s04 .news a:hover .news-img img { transform: scale(1.03); transition: 0.5s linear; } .s05 { margin-bottom: 10px; } .s05 .news { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .s05 .news a .news-img { width: 120px; height: 90px; } .s05 .news a .news-img img { width: 120px; height: 90px; } .s05 .news a .infos { display: flex; flex-direction: column; justify-content: center; width: 180px; } .s05 .news a .infos h2 { margin-bottom: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s05 .news a .infos .addr { display: flex; justify-content: space-between; align-items: center; } .s05 .news a .infos .addr span { display: block; color: #999; font-size: 16px; line-height: 24px; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; } .s05 .news a .infos .addr .more { display: block; width: 60px; text-align: center; line-height: 24px; border-radius: 12px; color: #666; border: 1px solid #f2f2f2; box-sizing: border-box; } .s06 { margin-bottom: 15px; } .s06 .news { padding: 20px 0; border-bottom: 1px solid #f8f8f8; margin-bottom: 10px; position: relative; } .s06 .news:nth-child(1)::before { content: url(/uploads/image/snimages/num1.png); display: block; width: 15px; height: 22px; margin-right: 15px; } .s06 .news:nth-child(2)::before { content: url(/uploads/image/snimages/num2.png); display: block; width: 15px; height: 22px; margin-right: 15px; } .s06 .news:nth-child(3)::before { content: url(/uploads/image/snimages/num3.png); display: block; width: 15px; height: 22px; margin-right: 15px; } .s06 .news a { width: 270px; } .s06 .news a h2 { font-weight: bold; font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .s06 .news a p { line-height: 30px; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .s07 { flex: 1; overflow: hidden; margin-bottom: -13px; } .s07 .news { padding: 14px 0; border-bottom: 1px solid #f8f8f8; position: relative; box-sizing: border-box; } .s07 .news:last-child { border-bottom: 1px solid transparent; } .s07 .news a { display: block; } .s07 .news a h2 { font-weight: bold; font-size: 16px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 14px; } .s07 .news a h2 i { font-size: 18px; margin-right: 10px; color: #ccc; } .s07 .news a p { font-size: 16px; line-height: 24px; height: 48px; color: #999; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .s08 { width: 310px; } .s08 .news:first-child a h2 { font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s08 .news:first-child a p { color: #999; text-overflow: ellipsis; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; line-height: 24px; } .s08 .news:first-child a::before { content: ""; } .s08 .news a { display: block; font-size: 16px; line-height: 45px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s08 .news a::before { font-family: "iconfont" !important; content: "\e608"; color: #ccc; font-size: 12px; } /*新闻资讯-党风党建*/ .s09 { width: 330px; } .s09 .news:first-child:hover a img { transform: scale(1.03); transition: 0.5s linear; } .s09 .news:first-child a::before { content: ""; } .s09 .news a { display: block; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 18px; margin-bottom: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s09 .news a img { display: block; width: 330px; height: 200px; transition: 0.5s linear; } .s09 .news a::before { font-family: "iconfont" !important; content: "\e608"; color: #ccc; font-size: 12px; } .s10 { display: flex; justify-content: space-between; align-items: center; } .s10 .news a .news-img { width: 150px; height: 90px; } .s10 .news a .news-img img { width: 150px; height: 90px; } .s11 .news { padding-bottom: 10px; position: relative; } .s11 .news::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0px; height: 1px; background: #f8f8f8; } .s11 .news a { width: 310px; } .s11 .news a:hover h2 { color: #a60011; } .s11 .news a h2 { display: flex; align-items: center; font-weight: bold; font-size: 18px; line-height: 30px; margin-bottom: 6px; } .s11 .news a h2::before { content: counter(hits); counter-increment: hits; background: #a60011; color: #fff; font-size: 14px; min-width: 36px; width: 36px; height: 20px; display: block; text-align: center; line-height: 20px; font-weight: bold; margin-right: 10px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; transition: 0.3s linear; } .s11 .news a h2 span { font-size: 16px; flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .s11 .news a p { font-size: 14px; line-height: 20px; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .s11 .news a i { font-size: 14px; line-height: 20px; color: #a60011; } /*新闻列表标题*/ .list-header span { font-size: 24px; } .p-b-2 .item:hover { box-shadow: 0px 1px 16px 0px rgb(43 44 44 / 20%); } .p-b-2 .item { float: left; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%; padding: 10px 10px; background: #fafafa; margin-right: 10px; margin-top: 30px; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .p-b-2 .img_box { float: left; width: 35%; overflow: hidden; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .p-b-2 .con_box { float: right; width: 60%; } .p-b-2 .con_box .name { font-size: 18px; font-weight: bold; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .p-b-2 .con_box .btn { display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; background: #828fa3; border-radius: 5px; color: #fff; text-align: center; font-size: 13px; margin-top: 15px; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; } .p-b-2 .con_box .con { font-size: 13px; margin-top: 10px; color: #666666; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } .p-b-2 .img_box img { width: 100%; height: 100%; object-fit: cover; }