@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style: none;
}

body {
	background: #DB090A url(../images/JD2024/banner.png) no-repeat top center;
	padding-top: 556px;
}

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

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

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

.PartyHistoryBox h2 img {
	display: block;
	width: 1239px;
	height: 116px;
	float: left;
}
.PartyHistoryItem{
	width: 1224px;
	font-size: 16px;
	margin:auto;
	margin-top: 30px;
}
.PartyHistoryItem ul li{
	width: 42%;
	height: 55px;
	line-height: 55px;
	float: left;
	background:linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,.06));
	border-radius: 3px;
	padding-left: 50px;
	position: relative;
	margin-bottom: 5px;

}
.PartyHistoryItem ul li::before{
	content: "";
	width: 20px;
	height: 16px;
	background:url(../images/JD2024/partyHistory_icon.png);
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
}
.PartyHistoryItem ul li:nth-child(2n){
	float: right
}
.PartyHistoryItem ul li a{
	color: #000
}
.PartyHistoryItem ul li a:hover{
	color: #F51010
}
.StudyBookBox {
	width: 100%;
	height: auto;
	clear: both;
	padding-top: 45px;
}
.StudyBookBox h2 {
	display: block;
	width: 100%;
	height: 116px;
}

.StudyBookBox h2 img {
	display: block;
	width: 1239px;
	height: 116px;
	float: left;
}
.StudyBookItem{
	width: 1224px;
	height: auto;
	padding-top: 30px;
	margin:auto;
}
.StudyBookItem a {
	display: block;
	width: 205px;
	height: 337px;
	float: left;
	margin-right: 49.75px;
	position: relative;
	overflow: hidden;

}

.StudyBookItem a:last-child {
	margin: 0;
}
.StudyBookItem a span{
	display: block;
	width: 100%;
	height: 297px;
	overflow: hidden;
}
.StudyBookItem a:hover span{
	box-shadow:
		inset 0 -3em 3em rgba(0, 0, 0, 0.1),
		0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}
.StudyBookItem a:hover span img{

	transform: scale(1.1);
}
.StudyBookItem a i {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	color: #fff;
}

.StudyBookItem a img {
	width: 100%;
	height: 297px;
	transition: all 0.5s;
	overflow: hidden;
}

.SubjectLearnBox {
	width: 100%;
	height: auto;
	clear: both;
	padding-top: 45px;
}
.SubjectLearnItem{
	width: 1224px;
	height: auto;
	padding-top: 30px;
	margin:auto;
}

.SubjectLearnItem a{
	display: block;
	width: 597px;
	height: 174px;
	margin-bottom: 30px;
	float: left;
	overflow: hidden;
}
.SubjectLearnItem a:nth-child(2n){
	float: right;
}
.SubjectLearnItem a:nth-child(3),.SubjectLearnItem a:nth-child(4){
	margin-bottom: 0
}
.SubjectLearnItem a img {
	width: 100%;
	transition: all 0.5s;
}
.SubjectLearnItem 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);
}
.SubjectLearnItem a:hover img{
	transform: scale(1.1);
}



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

.ExpertImg {
	width: 100%;
	height: auto;
	padding: 30px 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: 94%;
	height: 40px;
	padding:0 3%;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	color: #fff;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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: 45px;
}

.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: 30px;
}
#focus_Box{position:relative;width:710px;height:308px;margin:20px auto;}
#focus_Box ul{position:relative;width:710px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;text-indent:-999px;}
#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: 248px;
	overflow: hidden;
	background: url(../images/JD2024/servicebg.png) no-repeat;
	padding: 245px 40px 0 40px;
	margin: 70px auto;
	clear: both;
	display: flex;
	justify-content: space-between
}

.ServiceBox img {
	display: block;
	width: 388px;
	height: 174px;
}
.ServiceBox .selfText{
	position: relative;
	width: 388px;
	height: 174px;
	background:url('../images/JD2024/selfText.png');
}
.ServiceBox .selfText a{
	display: block;
	width: 108px;
	height: 36px;
	position: absolute;
	right: 84px;
	bottom: 47px;
	background: linear-gradient(90.08deg, #F84A4A 0.7%, #FFA63D 99.93%);
    border-radius: 24px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.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;
}