@charset "utf-8";
/* CSS Document */

/*header*/
.header{
	width:100%;
	min-width:1200px;
	height:80px;
	background:#c3122c;
}

.header .headerCont{ width:1200px; margin:0 auto;}

.header .logo{
	/* width: 281px; */
	padding-top:17px;
	float:left;
}
.header .logo a{
	display:block;
	width:399px;
	height:48px;
	background:url(../images/logo.png) no-repeat;
}


/*2021/5/21*/
.headPerson{ float:right; position:relative;}
/*2022/3/23*/
.personImg{
	width:36px;
	float:left;
	margin-top:22px;
}
.personImg img,.divisionImg{ width:36px; height:36px; display:block; border-radius:20px;}
/*2022/3/23*/
.clickName{
	float:left;
	margin: 29px 0 0 18px;
	cursor:pointer;
}
.clickName span{ display:block; float:left; color:#fff; font-size:16px;}
/*2022/3/25*/
.clickName b{
	width:7px;
	height:7px;
	background:url(../images/clickIcons.png) no-repeat;
	display:block;
	float:left;
	margin: 7px 0 0 10px;
}

.dir_top{ position: absolute; display: block; width: 10px; height: 6px; background: url(../images/minin_dir_top.png) no-repeat;
	top: 25px; left: 35px; z-index:50;}

/*2022/3/23*/
.head_name_ul{
	position:absolute;
	left: 42px;
	display:none;
	top: 27px;
}
.division{ position:absolute; top:35px; left:0; background: #fff; width:130px; border: #c4262c  solid 1px; border-radius: 4px; z-index:30; }
.synopsisUl{text-align: center; padding-top:6px;}
.synopsisUl li{ line-height:25px; display:block; color:#333; font-size:14px; }
.divisionImg{ margin:10px auto 0;}
.divisionIcons{  margin: 7px 10px 10px; overflow:hidden;}
.divisionIcons li{ float:left; width:50%;}
.divisionIcons li a img{ display:block; width:25px; height:25px;}

/*2022/3/23*/
.navMobil{
	display: none;
}
.nav{
	height:54px;
	font-family:"microsoft yahei";
	float:left;
	margin-left: 50px;
}
.nav ul{
	overflow:hidden;
	float:left;
}
.nav li{
	overflow:hidden;
	float:left;
	line-height:54px;
}
.nav li a{
	padding:0 34px 0;
	display:block;
	font-size:16px;
	color:#f6dde0;
	position: relative;
	line-height: 88px;
	height: 80px;
}
.nav li a b{
	width: 80px;
	padding: 0 5px;
	height: 3px;
	border-radius: 0px 0px 0px 0px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
.nav li a:hover,.nav li a.selected{
	color:#fff;
}
.nav li a:hover b,.nav li a.selected b{
	background: #FFFFFF;
}
.logout{
	float:right;
}
.logout a{
	display:block;
	line-height:54px;
	font-size:16px;
	color:#fff;
}
.logout a img{
	display:block;
	float:left;
	margin:15px 10px 0 0;
}

#footer{height: 50px;background:#c3122c;margin-top:20px;padding-top:30px;}
#footer p{color:#f5f5f5;font-size:14px;text-align:center;font-family:"microsoft yahei";/* line-height:23px; */opacity:0.6;}

@media screen and (max-width: 1024px) {
	.header {
		min-width: 100%;
	}

	.headerCont, .main {
		width: 100%;
	}

	.header .logo {
		margin-left: 25px;
	}

	.headPerson {
		margin-right: 80px;
	}
}

@media screen and (min-width:483px) and (max-width:705px) {
	.header {
		height: 88px;
	}

	.personImg {
		margin-top: 22px;
	}

	.header .logo {
		margin-left: 15px;
		width: 300px;
	}

	.header .logo a {
		width: 100%;
		background-size: 100%;
	}

	.clickName {
		margin: 30px 0 0 18px;
	}

	.head_name_ul {
		left: 0;
		top: 32px;
	}

}

@media screen and (max-width:500px) {
	/*2022/3/23*/
	.header {
		height: 146px;
	}

	.header .logo {
		margin-left: 15px;
		/* width: 95%; */
	}

	.header .logo a {
		width: 100%;
		background-size: 95%;
	}

	.headPerson {
		float: none;
		margin-left: 15px;
	}

	.head_name_ul {
		top: 100px;
	}

}