/* 内外边距的初始化 */
* {
	padding: 0;
	margin: 0;
	/* 边距内缩 */
	box-sizing: border-box;
}

/* 清除所有列表的默认样式，防止浏览器自动添加样式的行为 */
ul {
	list-style: none;
}


/* body初始化 */
body {
	font-family: "Microsoft YaHei";
	color: #000;
	min-width: 1400px;
	font-size: 18px;
}

/* 取消<i>标签的斜体效果 */
i {
	font-style: normal;
}

/* 网页头部，包括背景区域与导航区域 */
header {
	/* 使header与main区域隔开一段距离 */
	margin-bottom: 20px;
}

/* 网页头部的背景区域，包含网页logo和搜索框 */
div.background {
	/* 最小宽度 */
	min-width: 1400px;
	height: 200px;
	/* 背景图 */
	background-image: url("../img/sky.png");
	/* 背景尺寸 */
	-webkit-background-size: 100% 100%;
	/* 背景图位置 */
	background-position: top center;
	/* 背景图不重复 */
	background-repeat: no-repeat;
	/* 背景色 */
	/* background-color: green; */
}

/* 背景区域内的logo和搜索框所在的盒子 */
div.logo-search {
	border: 0px solid black;
	margin: 0 auto;
	width: 1400px;
	height: 200px;
}

/* logo图 */
img[name="school-logo"] {
	/* 左浮动 */
	float: left;
	width: 700px;
	margin-top: 40px;
}

/* 搜索框，包含一个文本框和一张图片按钮 */
div.search {

	/* 搜索框的宽度比文本框和图片按钮的宽度之和（330px）多了10px，使得页面放大时图片按钮不至于紧贴屏幕右边缘 */
	width: 340px;
	margin-top: 70px;
	/* 背景色透明 */
	background-color: transparent;
	/* 右浮动 */
	float: right;
}

/* 文本框 */
input[type="text"] {
	display: block;
	padding: 0 10px;
	width: 250px;
	/* 文本框高度 */
	height: 46px;
	/* 行高和文本框高度一致，使文本居中 */
	line-height: 46px;
	border: 1px solid #115199;
	outline-style: none;
	/* 左浮动 */
	float: left;
}

/* 搜索按钮，是一张图片 */
input[type="image"] {
	display: block;
	width: 80px;
	height: 46px;
	/* 左浮动 */
	float: left;
}

/* 头部导航栏 */
div.nav {
	background-color: #005397;
	/* 最小宽度 */
	min-width: 1400px;
	height: 55px;
}

/* 导航列表，白色字体，h3标题 */
div.nav>ul {
	width: 1400px;
	height: 55px;
	margin: 0 auto;
	/* 取消列表项的装饰 */
	list-style: none;
}

/* 六个导航列表项 */
div.nav>ul>li {
	position: relative;
	/* 六个li均分列表的宽度:100%/6 */
	width: 16.66666%;
	height: 55px;
	/* 使行高等于盒子高度 */
	line-height: 55px;
	/* 左浮动，使得列表项横向并排显示 */
	float: left;
	/* 列表项内文本居中 */
	text-align: center;
}

div.nav>ul>li:nth-of-type(1) {
	background-color: #1D74BC;
}

/* 列表项的超链接标签 */
div.nav>ul>li>h3>a {
	display: block;
	height: 55px;
	/* background-color: red; */
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

/* 修改图表大小 */
div.nav>ul>li>h3>a>span {
	font-size: 24px;
	font-weight: 300;
}


/* 使用has选择器，当第一个<li>之后的<li>被鼠标悬浮时，选中第一个<li> */
div.nav>ul>li:nth-of-type(1):has(~li:hover) {
	background-color: transparent;
}

/* 当鼠标悬浮在除第一个列表项以外的列表项时，被悬浮的列表项被选择 */
div.nav>ul>li:not(:nth-of-type(1)):hover {
	background-color: #1D74BC;
}


/* 悬浮窗，平时隐藏（高度为0），鼠标悬浮在“招生考试”上时会弹出 */
ul.floating-window {
	overflow: hidden;
	position: absolute;
	top: 56px;
	width: 462px;
	height: 0px;
	padding: 0 15px;
	background-color: #1d74bc;
	list-style: none;
	z-index: 33;
	transition: height 0.1s linear 0s;
}

/* 悬浮窗的12个列表项 */
ul.floating-window>li {
	cursor: pointer;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	float: left;
	width: 210px;
	height: 38px;
	line-height: 38px;
	border-radius: 5px;
	background-color: #fff;
}

ul.floating-window>li:nth-child(1),
ul.floating-window>li:nth-child(2) {
	margin-top: 18px;
}

ul.floating-window>li:nth-child(11),
ul.floating-window>li:nth-child(12) {
	margin-bottom: 18px;
}

/* 每个列表项的文字都是超链接 */
ul.floating-window>li>a {
	display: block;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	/* background-color: red; */
}

/* 鼠标悬浮在列表项上时，列表项的变化 */
ul.floating-window>li:hover {
	font-weight: bold;
	box-shadow: inset 0px 0px 3px #005397;
}

/* 鼠标悬浮在列表项上时，超链接文字的变化 */
ul.floating-window>li:hover>a {
	color: #005397;
}

/* 悬浮窗，当鼠标悬浮在“招生考试”上时现形 */
.nav>ul>li:nth-child(4):hover>ul.floating-window {
	height: 294px;
}




/* 网页主体内容 */
main {
	margin: 0 auto;
	width: 1400px;
	/* height: 3000px; */
	/* background-color: aqua; */
}




/* 志愿填报专栏区域 */
div.zhiyuan {
	position: relative;
	border: 0px solid red;
	width: 1400px;
	height: 234px;
	background-image: url("../img/gaokaozhiyuantianbao.jpg");
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

/* 三个超链接 */
div.zhiyuan>a {
	/* 设置相对定位以微调浮动后的三个超链接位置 */
	position: absolute;
	/* 使三个超链接成为块级元素 */
	display: block;
	border: 0px solid black;
	color: transparent;
	/* 将不透明度调整到0可以使超链接不可见 */
	opacity: 0;
}

/* 志愿填报专栏的超链接 */
div.zhiyuan>.a1 {
	width: 980px;
	height: 160px;
	background-color: aqua;
	top: 35px;
	left: 65px;
}

/* 春季高考的超链接 */
div.zhiyuan>.a2 {
	width: 240px;
	height: 80px;
	background-color: purple;
	top: 40px;
	right: 80px;
}

/* 夏季高考的超链接 */
div.zhiyuan>.a3 {
	width: 230px;
	height: 65px;
	background-color: pink;
	top: 140px;
	right: 85px;
}

/* 轮播区域 */
div.carousel {
	width: 100%;
	height: 400px;
	border: 0px solid black;
	/* background-color: yellow; */
	margin-bottom: 20px;
}

/* 轮播图的展示盒子 */
div.figure-box {
	/* 设置相对定位，使得两个子代盒子可以进行绝对定位 */
	position: relative;
	/* 设置溢出隐藏，只显示位于展示盒子内的图片和超链接 */
	overflow: hidden;
	width: 650px;
	height: 400px;
	border: 0px solid orange;
}

/* 四张新闻图片的拼接盒子 */
div.news-pictures {
	/* 设置绝对定位 */
	position: absolute;
	/* 拼接盒子的宽=所有图片的宽度之和 */
	width: 2600px;
	/* 拼接盒子的高=单张图片的高度 */
	height: 400px;
	/* 引入轮播图动画 */
	animation: anime 10s linear 0s infinite;
}

/* 遮罩层的展示盒子 */
div.figure-box-2 {
	float: left;
	/* 设置相对定位，使得两个子代盒子可以进行绝对定位 */
	position: relative;
	/* 设置溢出隐藏，只显示位于展示盒子内的遮罩层和超链接 */
	top: -400px;
	overflow: hidden;
	width: 650px;
	height: 404px;
	border: 0px solid blue;

}

/* 四个遮罩层的拼接盒子 */
div.news-layer {
	border: 0px solid red;
	/* 设置绝对定位 */
	position: absolute;
	/* 拼接盒子的宽=所有遮罩层的宽度之和 */
	width: 2600px;
	/* 拼接盒子的高=单张遮罩层的高度 */
	height: 57px;
	top: 347px;
	/* 引入轮播图动画 */
	animation: anime 10s linear 0s infinite;
}


/* 与拼接盒子对应的超链接拼接盒子 */
div.link-box {
	/* z-index: 100; */
	/* 设置绝对定位 */
	position: absolute;
	/* 拼接盒子的宽=所有超链接的宽度之和 */
	width: 2600px;
	/* 拼接盒子的高=单张超链接的高度 */
	height: 404px;
	/* 引入轮播图动画 */
	animation: anime 10s linear 0s infinite;
}


/* 定义轮播图动画 */
@keyframes anime {

	/* 0%~22%，轮播图停在新闻图1 */
	0% {
		left: 0;
	}

	/* 22%~25%，轮播图由新闻图1切换至新闻图2 */
	22% {
		left: 0px;
	}

	/* 25%~47%，轮播图停在新闻图2 */
	25% {
		left: -650px;
	}

	/* 47%~50%，轮播图由新闻图2切换至新闻图3 */
	47% {
		left: -650px;
	}

	/* 50%~72%，轮播图停在新闻图3 */
	50% {
		left: -1300px;
	}

	/* 72%~75%，轮播图由新闻图3切换至新闻图4 */
	72% {
		left: -1300px;
	}

	/* 75%~97%，轮播图停在新闻图4 */
	75% {
		left: -1950px;
	}

	/* 97%~100%，轮播图由新闻图4切换至新闻图1 */
	97% {
		left: -1950px;
	}

	/* 100%时，轮播图停在新闻图1，回到起点的同时开启下一个循环 */
	100% {
		left: 0px;
	}
}

/* 新闻图片 */
img.news {
	/* 转变为块级元素以消除图片间的空白 */
	display: block;
	/* 左浮动 */
	float: left;
	/* 单张图片的宽度 */
	width: 650px;
	/* 单张图片的高度 */
	height: 400px;
}

/* 超链接块（用display将 a 标签转变为块级元素） */
a.links {
	/* 转变为块级元素以消除超链接之间的空白 */
	display: block;
	/* 左浮动 */
	float: left;
	/* 单个超链接的宽度 */
	width: 650px;
	/* 单张超链接的高度 */
	height: 404px;
	background-color: red;
	/* 将不透明度调整到0可以使超链接不可见 */
	opacity: 0;
}

/* 遮罩层 */
div.news {
	/* 左浮动 */
	float: left;
	/* 单张遮罩层的宽度 */
	width: 650px;
	/* 单个遮罩层的高度 */
	height: 57px;
	line-height: 57px;
	color: #fff;
	font-size: 18px;
	padding: 0 100px 0 10px;
	background-color: rgba(0, 0, 0, .7);
}

/* 圆点列表 */
ul.dots {
	/* 设置绝对定位 */
	position: absolute;
	right: 10px;
	bottom: 20px;
	border: 0px solid black;
	width: 76px;
	height: 24px;
	line-height: 24px;
}

/* 选择圆点列表的所有列表项 */
ul.dots>li {
	display: inline-block;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	/* 将列表项变成圆点 */
	border-radius: 50%;
	border: 0px solid green;
	list-style: none;
	cursor: pointer;
}

/* 为第一个圆点设置颜色变化的动画,延迟0s */
ul.dots>li:first-child {
	background-color: #076fbe;
	animation: anime-color 10s linear 0s infinite;
}

/* 为第二个圆点设置颜色变化的动画,延迟2.5s */
ul.dots>li:nth-child(2) {
	background-color: white;
	animation: anime-color 10s linear 2.5s infinite;
}

/* 为第三个圆点设置颜色变化的动画,延迟5s */
ul.dots>li:nth-child(3) {
	background-color: white;
	animation: anime-color 10s linear 5s infinite;
}

/* 为第四个圆点设置颜色变化的动画,延迟7.5s */
ul.dots>li:nth-child(4) {
	background-color: white;
	animation: anime-color 10s linear 7.5s infinite;
}


/* 定义颜色变化的动画 */
@keyframes anime-color {
	0% {
		background-color: #076fbe;
	}

	22% {
		background-color: #076fbe;
	}

	24% {
		background-color: white;
	}

	97% {
		background-color: white;
	}

	99% {
		background-color: #076fbe;
	}

	100% {
		background-color: #076fbe;
	}

}

/* 轮播区域右半部分的公告栏 */
div.bulletin-area {
	float: right;
	position: relative;
	top: -400px;
	width: 720px;
	height: 400px;
	/* background-color: green; */
}


form.bulletin {
	/* background-color: rgba(255, 0, 0, .2); */
	width: 720px;
	height: 44px;
	border-bottom: 1px solid #ddd;
}

div.bulletin {
	position: relative;
	cursor: pointer;
	float: left;
	/* background-color: aqua; */
	width: 92px;
	height: 44px;
	margin-right: 30px;
	padding: 0 2px;
	border-bottom: 0px;

}


/* 超链接“更多” */
div.more {
	/* background-color: green; */
	position: relative;
	top: 15px;
	float: right;

}

div.more:hover>a,
div.more:hover>i {
	color: #2c80de;
}

div.more>a {
	/* background-color: red; */
	text-decoration: none;
	color: #999;
	font-size: 18px;

}

div.more>i {
	/* background-color: blue; */
	color: #999;
	position: relative;
	left: -5px;
	cursor: pointer;
}

div.bulletin:has(input.bulletin:checked) {
	border-bottom: 5px solid #0b5bab;
}

div.bulletin:hover {
	border-bottom: 5px solid #0b5bab;
}

div.bulletin:hover>a {
	color: #0b5bab;
}

div#content-1:has(~div.bulletin:not(#content-1):hover)>a.bulletin {
	color: #666;
}

div#content--1:has(~div.bulletin:not(#content--1):hover)>a.bulletin {
	color: #666;
}



div#content-1:has(~div.bulletin:not(#content-1):hover) {
	border-bottom: 0px;
}

div#content--1:has(~div.bulletin:not(#content--1):hover) {
	border-bottom: 0px;
}

div.bulletin:not(#content-2):hover~div#content-2>a.bulletin {
	color: #666;
}

div.bulletin:not(#content--2):hover~div#content--2>a.bulletin {
	color: #666;
}

div.bulletin:not(#content-2):hover~div#content-2 {
	border-bottom: 0px;
}

div.bulletin:not(#content--2):hover~div#content--2 {
	border-bottom: 0px;
}

div#content-2:has(~div.bulletin:not(#content-2):hover)>a.bulletin {
	color: #666;
}

div#content--2:has(~div.bulletin:not(#content--2):hover)>a.bulletin {
	color: #666;
}

div#content-2:has(~div.bulletin:not(#content-2):hover) {
	border-bottom: 0px;
}

div#content--2:has(~div.bulletin:not(#content--2):hover) {
	border-bottom: 0px;
}

div.bulletin:not(#content-3):hover~div#content-3>a.bulletin {
	color: #666;
}

div.bulletin:not(#content-3):hover~div#content-3 {
	border-bottom: 0px;
}


a.bulletin {

	text-decoration: none;
	color: #666;
	/* background-color: red; */
	font-size: 22px;
	font-weight: bold;
}

a.bulletin:has(input.bulletin:checked) {
	color: #0b5bab;
}



label.bulletin {
	cursor: pointer;
}

input.bulletin {
	display: none;
}



ul.bulletin-content {
	padding-top: 20px;
}

ul.bulletin-content>li {
	overflow: hidden;
	position: relative;
	text-indent: 15px;
	line-height: 42px;
	height: 42px;
	/* border: 1px green solid ; */
	/* background-color: red; */
}



ul.bulletin-content>li>a {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}

ul.bulletin-content>li:hover>a,
ul.bulletin-content>li:hover>a>i {
	color: #2c80de;
}


ul.bulletin-content>li:hover::before {
	background-color: #2c80de;
}


ul.bulletin-content>li>a>span {
	float: left;
}


ul.bulletin-content>li::before {
	cursor: default;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ddd;
	position: absolute;
	left: 0px;
	top: 20.5px;
}



ul.bulletin-content>li>a>i {
	color: #999;
	float: right;
	font-size: 16px;
}



/* 公告栏的内容-1 */
ul.bulletin-content-1 {
	list-style: none;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 720px;
	height: 356px;
	top: 44px;
	left: 0px;
}

/* 除了被选中的情况外，当鼠标悬浮在“通知公告”上时，对应的列表也会现形 */
div#content-1:hover>ul.bulletin-content-1 {
	display: block;
}

div#content--1:hover>ul.bulletin-content-1 {
	display: block;
}

/* 当鼠标悬浮在“通知公告”上时，另外两个列表会被隐藏 */
div#content-1:hover~div#content-2>ul.bulletin-content-2,
div#content-1:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content-1:hover~div#content--2>ul.bulletin-content-2,
div#content-1:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content--1:hover~div#content-2>ul.bulletin-content-2,
div#content--1:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content--1:hover~div#content--2>ul.bulletin-content-2,
div#content--1:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

/* 被选中时，对应的列表会现形 */
a.bulletin:has(input#gonggao:checked)~ul.bulletin-content-1 {
	display: block;
}

a.bulletin:has(input#zhaokaogongshi:checked)~ul.bulletin-content-1 {
	display: block;
}


/* 公告栏的内容-2 */
ul.bulletin-content-2 {
	list-style: none;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 720px;
	height: 356px;
	top: 44px;
	left: -122px;
}

/* 除了被选中的情况外，当鼠标悬浮在“招考热点”上时，对应的列表也会现形 */
div#content-2:hover>ul.bulletin-content-2 {
	display: block;
}

div#content--2:hover>ul.bulletin-content-2 {
	display: block;
}

/* 当鼠标悬浮在“招考热点”上时，另外两个列表会被隐藏 */
div#content-1:has(~div#content-2:hover)>ul.bulletin-content-1,
div#content-2:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content-1:has(~div#content--2:hover)>ul.bulletin-content-1,
div#content--2:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content--1:has(~div#content-2:hover)>ul.bulletin-content-1,
div#content-2:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}

div#content--1:has(~div#content--2:hover)>ul.bulletin-content-1,
div#content--2:hover~div#content-3>ul.bulletin-content-3 {
	display: none;
}


a.bulletin:has(input#zhaokaoredian:checked)~ul.bulletin-content-2 {
	display: block;
}

a.bulletin:has(input#chengxinkaoshi:checked)~ul.bulletin-content-2 {
	display: block;
}

/* 公告栏的内容-3 */
ul.bulletin-content-3 {
	list-style: none;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 720px;
	height: 356px;
	top: 44px;
	left: -244px;
}

/* 除了被选中的情况外，当鼠标悬浮在“工作资讯”上时，对应的列表也会现形 */
div#content-3:hover>ul.bulletin-content-3 {
	display: block;
}

/* 当鼠标悬浮在“工作咨询”上时，另外两个列表会被隐藏 */
div#content-1:has(~div#content-3:hover)>ul.bulletin-content-1,
div#content-2:has(~div#content-3:hover)>ul.bulletin-content-2 {
	display: none;
}

div#content-1:has(~div#content-3:hover)>ul.bulletin-content-1,
div#content--2:has(~div#content-3:hover)>ul.bulletin-content-2 {
	display: none;
}

div#content--1:has(~div#content-3:hover)>ul.bulletin-content-1,
div#content-2:has(~div#content-3:hover)>ul.bulletin-content-2 {
	display: none;
}

div#content--1:has(~div#content-3:hover)>ul.bulletin-content-1,
div#content--2:has(~div#content-3:hover)>ul.bulletin-content-2 {
	display: none;
}


a.bulletin:has(input#gongzuozixun:checked)~ul.bulletin-content-3 {
	display: block;
}


/* 中部导航栏 */
div.nav-mid {
	position: relative;
	/* background-color: red; */
	width: 1400px;
	height: 90px;
	margin-bottom: 20px;
}

div.nav-mid>ul {
	/* background-color: orange; */
	display: flex;
	/* display:flex使得ul脱离了div.nav-mid,用绝对定位可以使其回到div.nav-mid内部 */
	position: absolute;
	width: 1400px;
	height: 90px;
}

div.nav-mid>ul>li {
	margin: 0 5px;
	position: relative;
	left: 10px;
	list-style: none;
	text-align: center;
	line-height: 90px;
	background-color: #ccddf2;
	width: 266px;
	height: 90px;
	border-radius: 10px;
}

div.nav-mid>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	/* background-color: blueviolet; */
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	color: #0352ac;
	border-radius: 15px;
}

div.nav-mid>ul>li>a>i {
	/* 使图标字体垂直居中 */
	vertical-align: middle;
	/* background-color: pink; */
	font-size: 32px;
	margin-right: 10px;
}

/* 中部公告栏区域（左右各一个公告栏） */
div.bulletin-mid {
	position: relative;
	width: 1400px;
	height: 274px;
	/* background-color: green; */
	margin-bottom: 20px;
}

/* 左边的公告栏 */
div.bulletin-mid>div.left-bulletin {
	/* background-color: blue; */
	width: 660px;
	height: 274px;
	position: absolute;
	top: 0px;
}

form.left-bulletin {
	/* background-color: rgba(255, 0, 0, .2); */
	width: 660px;
	height: 44px;
	border-bottom: 1px solid #ddd;
}

/* 左边公告栏的内容-1 */
ul.left-bulletin-content-1 {
	list-style: none;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 660px;
	height: 230px;
	top: 44px;
	left: 0px;
}

/* 左边公告栏的内容-2 */
ul.left-bulletin-content-2 {
	list-style: none;
	display: none;
	position: absolute;
	background-color: #fff;
	width: 660px;
	height: 230px;
	top: 44px;
	left: -122px;
}

/* 右边的公告栏 */
div.bulletin-mid>div.right-bulletin {
	/* background-color: red; */
	width: 660px;
	height: 274px;
	position: absolute;
	top: 0px;
	right: 0px;
}


/* 导航栏 */
div.right-bulletin-nav {
	position: relative;
	/* background-color: yellow; */
	width: 660px;
	height: 44px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

div.right-bulletin-nav>a {
	/* background-color: greenyellow; */
	display: block;
	width: 92px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #999;
	text-decoration: none;

}

div.right-bulletin-nav>a:nth-child(1),
div.right-bulletin-nav>a:nth-child(2) {
	float: left;
	margin-right: 30px;
	font-size: 22px;
	font-weight: bold;
}

div.right-bulletin-nav>a:nth-child(1) {
	border-bottom: 5px solid #0b5bab;
	color: #0b5bab;
}

div.right-bulletin-nav>a:nth-child(2):hover {
	border-bottom: 5px solid #0b5bab;
	color: #0b5bab;
}

div.right-bulletin-nav>a:nth-child(1):has(+a:hover) {
	color: #999;
	border-bottom: 0px;
}

/* 更多> */
div.right-bulletin-nav>a:nth-child(3) {
	width: 52px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	top: 15px;
	right: 0px;
}

div.right-bulletin-nav>a:nth-child(3):hover {
	color: #0b5bab;
}

div.right-bulletin-content {
	background-color: white;
	width: 660px;
	height: 210px;
}


div.right-bulletin-content>a {
	display: block;
	width: 660px;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	color: #000;
	text-indent: 15px;
	position: relative;
}

div.right-bulletin-content>a:hover {
	color: #2c80de;
}


div.right-bulletin-content>a>i {
	color: #999;
	float: right;
	font-size: 16px;
}

div.right-bulletin-content>a:hover>i {
	color: #2c80de;
}

div.right-bulletin-content>a::before {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #ddd;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

/* 超链接被悬浮变色时，伪类不会跟着变色，需要特别设置超链接被悬浮时伪类的反应 */
div.right-bulletin-content>a:hover::before {
	background-color: #2c80de;
}



/* 学校logo的轮播图区域 */
div.logo-carousel {
	position: relative;
	/* background-color: blueviolet; */
	width: 1400px;
	height: 71px;
	margin-bottom: 20px;
	/* 左上角与右上角各有一张小图片 */
	background-image: url("../img/pic-L.png"), url("../img/pic-R.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
}

div.logo-carousel>ul {
	margin: 0 16px;
	width: 1368px;
	height: 71px;
	list-style: none;
	background: linear-gradient(to top, #ccddf2, #fff);
	float: left;
	border: #75afe2 1px solid;
}

div.logo-carousel>ul>li {}


div.logo-carousel>ul>li>a {
	display: inline-block;
	text-align: center;
	width: 14%;
	height: 71px;
	line-height: 71px;
	float: left;
}

/* 被超链接包含的学校logo图片 */
div.logo-carousel>ul>li>a>img {
	width: 140px;
	height: 48px;
	vertical-align: middle;
}

/* 图片：更多 */
div.logo-carousel>img {
	position: absolute;
	display: block;
	width: 24px;
	height: 70px;
	float: right;
	right: 16px;
	border-left: #75afe2 1px solid;
	cursor: pointer;
}


/* 所有的考试相关信息区域 */
div.exam-area {
	width: 1400px;
	height: 487px;
	/* background-color: orange; */
	margin-bottom: 20px;
	border: 1px solid #ddd;
}


div.exam-area>ul {
	background-color: royalblue;
	display: flex;
	width: 100%;
	height: 112px;
}

div.exam-area>ul>li {
	width: calc(100%/12);
	height: 112px;
	text-align: center;
	cursor: pointer;
}

div.exam-area>ul>li:first-child {
	background-color: red;
}

div.exam-area>ul>li:hover {
	background-color: red;
}

div.exam-area>ul>li:first-child:has(~li:hover) {
	background-color: royalblue;
}



div.exam-area>ul>li>a {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 22px;
}

div.exam-area>ul>li>a>i {
	display: block;
	margin: 22px 0 12px 0;
	font-size: 30px;
}


div.exam-area>div {
	position: relative;
	width: 100%;
	height: 375px;
	padding: 20px 20px 15px;
	/* background-color: yellowgreen; */
}

/* 考试相关信息的公告栏 */
div.exam-area div.right-bulletin {
	/* background-color: red; */
	width: 1000px;
	height: 338px;
	position: static;
	float: right;
}

div.exam-area div.right-bulletin-nav {
	position: relative;
	/* background-color: yellow; */
	width: 1000px;
	height: 24px;
	border: none;
	margin-bottom: 20px;
}


div.exam-area div.right-bulletin-nav>a:nth-child(1),
div.exam-area div.right-bulletin-nav>a:nth-child(2),
div.exam-area div.right-bulletin-nav>a:nth-child(3),
div.exam-area div.right-bulletin-nav>a:nth-child(4) {
	/* display: block; */
	float: left;
	padding: 0 10px;
	margin: 0;
	color: #666;
	font-size: 18px;
	font-weight: normal;
	/* background-color: red; */
	width: auto;
	height: 24px;
	line-height: 24px;
	border: none;
}

div.exam-area div.right-bulletin-nav>a:nth-child(1) {
	font-weight: bold;
	color: #333;
}



div.exam-area div.right-bulletin-nav>a:nth-child(3) {
	width: auto;
	height: 24px;
	line-height: 24px;
	position: static;
}

div.exam-area div.right-bulletin-nav>a:nth-child(4) {
	width: 164px;
}

/* 查看更多> */
div.exam-area div.right-bulletin-nav>a:nth-child(5) {
	display: block;
	float: right;
	padding: 0;
	color: #666;
	font-size: 17px;
	font-weight: normal;
	/* background-color: red; */
	width: 84px;
	height: 24px;
	line-height: 24px;
}

div.exam-area div.right-bulletin-nav>a:nth-child(1)::after,
div.exam-area div.right-bulletin-nav>a:nth-child(2)::after,
div.exam-area div.right-bulletin-nav>a:nth-child(3)::after {
	content: "|";
	color: #333;
	position: relative;
	left: 5px;
	margin: 0 0px 0 11px;
	font-weight: normal;
}


div.exam-area div.right-bulletin-nav>a:nth-child(1):hover::after,
div.exam-area div.right-bulletin-nav>a:nth-child(2):hover::after,
div.exam-area div.right-bulletin-nav>a:nth-child(3):hover::after {
	font-weight: normal;
}



div.exam-area div.right-bulletin-nav>a:hover:not(:nth-child(5)) {
	color: #333;
	font-weight: bold;
	border: none;
}

div.exam-area div.right-bulletin-nav>a:nth-child(1):has(~a:hover:not(:nth-child(5))) {
	font-weight: normal;
	color: #666;
}


div.exam-area div.right-bulletin-nav>a:nth-child(5):hover {
	color: #2c80de;
	text-decoration: underline;
}


/* 考试相关信息的公告栏的内容 */
div.exam-area div.right-bulletin-content {
	background-color: white;
	width: 1000px;
	height: 294px;
}


div.exam-area div.right-bulletin-content>a {
	display: block;
	width: 1000px;
	height: 42px;
	line-height: 42px;
	text-decoration: none;
	color: #000;
	text-indent: 15px;
	position: relative;
}

div.exam-area div.right-bulletin-content>a:hover {
	color: #2c80de;
}


div.exam-area div.right-bulletin-content>a>i {
	color: #999;
	float: right;
	font-size: 16px;
}

div.exam-area div.right-bulletin-content>a:hover>i {
	color: #2c80de;
}

div.exam-area div.right-bulletin-content>a::before {
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #ddd;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;

}


/* 超链接被悬浮变色时，伪类不会跟着变色，需要特别设置超链接被悬浮时伪类的反应 */
div.exam-area div.right-bulletin-content>a:hover::before {
	background-color: #2c80de;
}



div.exam-area>div>ul {
	width: 330px;
	height: 338px;
	/* background-color: gold; */
}

div.exam-area>div>ul>li {
	width: 330px;
	height: 70px;
	line-height: 70px;
	background-color: #ccddf2;
}

div.exam-area>div>ul>li>a {
	display: block;
	text-align: center;
	font-weight: bold;
	/* background-color: lightcoral; */
	text-decoration: none;
	color: #0352ac;
	letter-spacing: 1px;
	width: 100%;
	height: 100%;
}



footer {
	min-width: 1400px;
	width: 100%;
	height: 220px;
	background-color: #f5f5f5;
	opacity: 1;
	padding-bottom: 30px;
}

/* 底部导航区域 */
div.nav-footer {
	background-color: #3576D7;
	width: 100%;
	height: 54px;
	margin-bottom: 20px;
}

div.nav-footer>ul {
	/* background-color: green; */
	width: 1400px;
	height: 100%;
	display: flex;
	margin: 0 auto;
}

div.nav-footer>ul>li {
	/* background-color: red; */
	text-align: center;
	line-height: 54px;
	height: 100%;
	margin-left: 2.7%;
	margin-right: 0.58%;
}

div.nav-footer>ul>li:first-of-type {
	margin-left: 0;
}

div.nav-footer>ul>li:last-of-type {
	margin-right: 0;

}

div.nav-footer>ul>li:hover {
	background-color: #2668b2;
}


div.nav-footer>ul>li>a {
	text-decoration: none;
	color: #fff;
}

div.nav-footer>ul>li>a>img {
	vertical-align: middle;
}

div.content-footer {
	display: flex;
	/* background-color: hotpink; */
	margin: 0 auto;
	width: 1400px;
	position: relative;
}

/* 底部版权信息 */
div.copyright-footer {
	width: 509px;
	height: 96px;
	margin-top: 20px;
	padding-left: 70px;
	font-size: 14px;
	line-height: 28px;
	/* background-color: navajowhite; */
	background-image: url("../img/sydw.png");
	background-repeat: no-repeat;
	background-position: left top;
}


div.copyright-footer a:nth-child(1) {
	display: inline-block;
	text-decoration: none;
	color: #666;
}

div.copyright-footer a:nth-of-type(2) {
	display: inline-block;
	text-decoration: none;
	color: #666;
	height: 20px;
	line-height: 20px;
}

div.wechat {
	display: flex;
	width: 607px;
	height: 116px;
	/* background-color: red; */
	position: absolute;
	right: 0;
}

div.wechat>div:first-child {
	width: 400px;
	height: 116px;
	/* background-color: skyblue; */
	position: relative;
}

div.wechat>div:first-child>a>img {
	margin: 10px 0;
}

div.wechat>div:first-child>select {
	width: 198px;
	height: 36px;
	border: 1px solid #ddd;
	outline-style: none;
}

div.wechat>div:first-child>select:nth-child(2) {
	position: absolute;
	bottom: 0;
	left: 0;
}

div.wechat>div:first-child>select:nth-child(3) {
	position: absolute;
	bottom: 0;
	right: 0;
}

div.wechat>div:nth-child(2) {
	width: 201px;
	height: 116px;
	/* background-color: orange; */
	position: relative;
	left: 6px;
	display: flex;
}

div.wechat>div:nth-child(2)>div {
	padding: 8px 8px 4px;
	/* background-color: aquamarine; */
	border: 1px solid #ddd;
	font-size: 12px;
	text-align: center;
	height: 116px;
}

div.wechat>div:nth-child(2)>div:nth-of-type(2) {
	position: absolute;
	right: 0;
}

div.wechat>div:nth-child(2)>div>img {
	width: 80px;
	height: 80px;
}

/* 页面右侧的悬浮栏 */
div.fixed-right {
	top: 29%;
	right: 1%;
	position: fixed;
	width: 160px;
	height: 452px;
	/* background-color: pink; */
}


div.fixed-right>ul {
	background-color: #f0f0f0;
	width: 90px;
	height: 218px;
	box-shadow: 0 0 5px #aaa;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 5px;
}

div.fixed-right>ul>li {
	/* background-color: aquamarine; */
	width: 100%;
	height: calc(100%/3);
	border-bottom: 1px solid #c3d7ee;
	padding: 10px 0;
	text-align: center;
}

div.fixed-right>ul>li:nth-child(3) {
	border: none;
}


div.fixed-right>ul>li>a {
	display: block;
	text-decoration: none;
	color: #0352ac;
	font-size: 17px;
	/* text-align: center; */
}

div.fixed-right>ul>li>a>i {
	font-size: 30px;
}


div.fixed-right>a {
	display: block;
	width: 156px;
	height: 202px;
	position: absolute;
	bottom: 0;
	right: 0;
}