@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: normal;
}

body {
	background: #D30706 url(../images/jiandang/banner.png) no-repeat top center;
	padding-top: 596px;
}

/*学习专区*/
.LearnBox {
	width: 1220px;
	height: 1700px;
	margin: auto;
	overflow: hidden;
	background: url(../images/jiandang/learnbg.png) no-repeat;
	padding: 120px 40px 0 40px;
}

.SubjectItem {
	width: 1220px;
	height: auto;
}

.SubjectItem h2 {
	display: block;
	width: 100%;
	height: 116px;
}

.SubjectItem h2 img {
	display: block;
	width: 1239px;
	height: 116px;
	float: left;
}

.SubjectImg {
	width: 100%;
	height: auto;
	padding: 40px 0 0 0;
	display: flex;
	justify-content: space-between;
}

.SubjectImg .theme {
	display: flex;
	width: 600px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.SubjectImg .theme a{
	display: block;
	width: 600px;
	height: 145px;
	overflow: hidden;
}

.SubjectImg .theme a:hover{
	box-shadow:
	inset 0 -3em 3em rgba(0, 0, 0, 0.1),
	0.3em 0.3em 1em rgba(0, 0, 0, 0.3);

}
.SubjectImg .theme a img {
	width: 100%;
	transition: all 0.5s;
}
.SubjectImg .theme a:hover img {
	transform: scale(1.1);

}
.SubjectImg>img {
	width: 100%;
	height: auto;
	padding: 0 0 30px 0;
}

.SubjectImg p {
	display: block;
	width: 100%;

	padding: 0 0 30px 0;
	overflow: hidden;
}

.SubjectImg p:nth-child(n) a {
	display: block;
	width: 600px;
	height: 306px;
	float: left;
}



.SubjectImg p a {
	width: 100%;
	overflow: hidden;
}

.SubjectImg p a img {
	width: 100%;
	transition: all 0.5s;
}

.SubjectImg p a:hover {
	box-shadow:
		inset 0 -3em 3em rgba(0, 0, 0, 0.1),
		0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.SubjectImg p a:hover img {
	transform: scale(1.1);

}

.ExpertItem {
	width: 100%;
	height: auto;
	clear: both;
	padding-top: 10px;
}

.ExpertImg {
	width: 100%;
	height: auto;
	padding: 40px 0 0 0;
}

.ExpertImg a {
	display: block;
	width: 290px;
	height: 210px;
	float: left;
	margin-right: 20px;
	position: relative;
	overflow: hidden;

}

.ExpertImg a:last-child {
	margin: 0;
}

.ExpertImg a:hover {
	box-shadow:
		inset 0 -3em 3em rgba(0, 0, 0, 0.1),
		0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.ExpertImg a i {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	color: #fff;
}

.ExpertImg a img {
	width: 100%;
	transition: all 0.5s;
}

.ExpertImg a img:hover {
	transform: scale(1.1);
}

.ExhibitItem {
	width: 100%;
	height: auto;
	clear: both;
	padding-top: 50px;
}

.ExhibitItem>h2 {
	display: block;
	width: 100%;
	height: 116px;
	position: relative;
}

.ExhibitItem>h2 a {
	display: block;
	width: 85px;
	height: 21px;
	line-height: 21px;
	position: absolute;
	right: 0;
	top: 63px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

.ExhibitItem>h2 a:after {
	content: "";
	background: url(../images/jiandang/more.png) right no-repeat;
	display: inline-block;
	background-size: 100%;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 3px;
}

.ExhibitItem>h2 a:hover {
	text-decoration: underline;
}

.ExhibitMode {
	width: 100%;
	height: 369px;
	padding-top: 40px;
}

#gla {

	overflow: hidden;
	margin: 0 auto;
	position: relative;
	height: 404px;
}

.bac {
	position: absolute;
	bottom: 0;
	left: 50px;
}

#gla_box {
	width: 1221px;
	margin: auto;
}

.gla_inbox {
	overflow: hidden;
	position: relative;
}

.gla_inbox p {
	text-indent: 1em;
	font-size: 14px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	background: #000000;
}

.gla_inbox a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #FFF;
}

.gla_inbox a i {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/jiandang/exhibg.png) top center;
	font-style: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.gla_inbox img {
	width: 100%;
	height: 100%;
}

.roundabout-holder {
	height: 404px;
	width: 1221px;
}

.roundabout-moveable-item {
	display: block;
	height: 369px;
	width: 500px;
	;
	cursor: pointer;
}

.roundabout-in-focus {
	cursor: auto;
}

/*服务专区*/
.ServiceBox {
	width: 1220px;
	height: 500px;
	overflow: hidden;
	background: url(../images/jiandang/servicebg.png) no-repeat;
	padding: 245px 40px 0 40px;
	margin: 30px auto;
	clear: both;
}

.ServiceBox dl dt {
	width: 503px;
	height: 174px;
	float: left;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}

.ServiceBox dl dd {
	width: 686px;
	height: 174px;
	float: right;
	margin-bottom: 30px;
	overflow: hidden;
}

.ServiceBox dl dt.zxpx {
	background: url(../images/jiandang/zxpx.png) no-repeat;
}
.ServiceBox dl dt.rukou{
	display: flex;

	justify-content: space-between;
}
.ServiceBox dl dt .zice {
	width: 48%;
	height: 100%;
	background: url(../images/jiandang/zice.png) no-repeat;
}

.ServiceBox dl dt .tiyan {
	background: url(../images/jiandang/tiyan.png) no-repeat;
	width: 48%;
	height: 100%;
}
.ServiceBox dl dt .zice a{
	left: 380px;
}
.ServiceBox dl dt a {
	display: block;
	width: 110px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 250px;
	bottom: 45px;
	background: linear-gradient(90.08deg, #F84A4A 0.7%, #FFA63D 99.93%);
	border-radius: 24px;
}

.footer {
	height: 114px;
	width: 100%
}

.footer p {
	width: 1200px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
	line-height: 24px;
}

.footer a {
	color: #fff;
	text-decoration: none
}

.footer a:hover {
	text-decoration: underline;
}