/****************************** 文化传媒新版内页使用 *******************************


/*															'										'										'										'										'										'										'										'										'										'										} */
/* 结构: div(230%*4+24.5*3=1024 高度:256+34=290) > a(相框 W=230,背景 ) > ( center(图片限制框) + h3(标题行 H=34))  > img						尺寸: 1116 > 1024 > 256 > 230 > 170									图片尺寸 170*170  				标题(h3) 30 排列: 一行四个   */
.CM_Logo_L												{float:left;						width:22.5%;						padding-bottom:28.32%;			position:relative;				margin:1% 3.3% 1% 0;}
.CM_Logo_L:nth-child(4n+4)							{margin-right:0;}
.CM_Logo_L:nth-child(4n+5)							{clear:left;/*float元素浮动后高度不一致导致错位的解决办方法*/}
.CM_Logo_L a											{display:block;					width:100%;							left:0%;								height:100%;;						position:absolute;				background:url(../Images/PicFrame.png) no-repeat center top;background-size:100% auto;		/*border-bottom:#000 1px solid;*/}
.CM_Logo_L a center									{position:relative;				width:73.9%;						height:58.6%;						margin:auto;						top:19.5%;							overflow:hidden;}
.CM_Logo_L a center img								{width:100%;						height:100%;}
.CM_Logo_L a h3										{position:relative;				width:95%;							height:11.7%;						text-align:center;				top:31.5%;							overflow:hidden;					text-overflow:ellipsis;			white-space:nowrap;				font-size:0.85rem;				color:#000;}
.CM_Logo_L a:hover center img						{transform:scale(1.2);			transition:all 0.5s ease;}
.CM_Logo_L a:hover h3								{color:#E90003;}


/* 说明: 1) 同CM_Logo_L, 但DumpA的样式由AContentADD_0改为AContentADD_1		2) AContentADD_1的真实width=1068										3) 采用inline-block,尺寸:h3 + (center>img) + h4( span(tt+内容) + span(tt+内容) )				4) 有效高度:60+240+30=325		5) 图片尺寸 308*193  			6) 标题(h3) 30 排列: 一行三个   */
.CM_ImgList_L											{display:inline-block;			width:33.3%;/*356*/				padding-bottom:27.43%;/*325*/	position:relative;}
.CM_ImgList_L a										{display:block;					width:88.4%;/*314*/				height:100%;						left:5.8%;							position:absolute;				/*border-bottom:#000 1px solid;*/}
.CM_ImgList_L a h3									{display:flex;						justify-content:center;			align-items:center;				height:20.4%;						width:95%;							background-color:#F7F7F7;		transition:all 0.4s ease;}
.CM_ImgList_L a h3 blockquote						{display:-webkit-box;			-webkit-line-clamp:2;			-webkit-box-orient:vertical;/*两行文本截断与省略号*/			max-height:2.5rem;				color:#000;							font-size:0.95rem;				line-height:1.2rem;				overflow:hidden;					text-overflow:ellipsis;																						padding:0 2% 0 3.5%;				text-indent:0.3rem;				box-sizing:border-box;}
.CM_ImgList_L a h3 blockquote:before			{content: "\f105";				font-family:"FontAwesome";		margin-right:0.3rem;}

.CM_ImgList_L a center								{height:69%;						background:url(../Images/PicFrame_1.png) no-repeat center top;background-size:100% auto;}
.CM_ImgList_L a center dd							{width:88%;							height:86%;							position:relative;				top:8.0%;							border-radius:0.0rem;			overflow:hidden;}
.CM_ImgList_L a center dd img						{width:100%;						height:100%;}

.CM_ImgList_L a h4									{height:15.5%;						width:90%;							display:flex;						justify-content:left;			align-items:center;				}
.CM_ImgList_L a h4 span								{font-size:0.85rem;				color:#A6A6A6;						text-indent:0.6rem;				width:50%;}
.CM_ImgList_L a h4 span tt							{border-bottom:#A6A6A6 0.05rem dashed;}
.CM_ImgList_L a h4 span:before					{font-family:"FontAwesome";	/*这样可在before的content使用 FontAweSome 图标*/				color:#000;							font-size:0.9rem;					margin-right:0.3rem;}
.CM_ImgList_L a h4 span:nth-child(1)::before	{content:"\f274";					/* \f0da 对应右三角图标 */}
.CM_ImgList_L a h4 span:nth-child(2)			{text-align:right;}
.CM_ImgList_L a h4 span:nth-child(2)::before	{content: "\f25a";}

.CM_ImgList_L:hover center dd img				{transform:scale(1.2);			transition:all 0.6s ease;}
.CM_ImgList_L:hover h3								{color:#E90003;					background-color:#F0F0F0;		transition:all 0.6s ease;}

.CM_ImgList_L_HR										{height:0.088rem;					width:95%;							margin:2.5% auto 2.5% auto;	position:relative;				border-width:0;					background:linear-gradient(to right,#000 0%, #000 10%,transparent 10%,transparent, 20%,#000 20%,#000 50%,transparent 70%,transparent 80%, #000 80%, #000 90%,transparent 90%,transparent 1000%);		background-size: 40px 100%;}

.CM_PicList												{}
.CM_PicList h3											{font-size:1.1rem;}



/* 说明: 1) 针对PC_Comm.css中的 PicListA		2) 修改为一行两个   */
.CM_PicListA											{padding-bottom:38%;				margin-top:2rem;}
.CM_PicListA>hr										{opacity:0.2;						bottom:-1.8rem;						background-size:100% auto;		background-image:url(../Images/LineB.png);}
.CM_PicListA>div>dd									{position:relative;				width:47%;}



.DJ_AContent, .DJ_AContent>p, .DJ_AContent>center									{font-size:1.1rem;				line-height:1.9rem;}
.DJ_GoverDoc, .DJ_GoverDoc>p, .DJ_GoverDoc>center, .DJ_GoverDoc span			{font-size:1.15rem;				line-height:1.7rem;				font-family:"FangSong","仿宋";/*用于中央动态样式*/}


.DJ_TitleList											{}
.DJ_TitleList dd										{line-height:2.4rem;}
.DJ_TitleList dd center								{font-size:1.15rem;}
.DJ_TitleList dd:nth-child(2)						{font-size:0.95rem;}



/*
.Parter_L: 党员风采,有 hvr-float-shadow 阴影效果			 .PublicExp: 三公经费
*/
.Parter_L												{width:90%;							margin:30px 0 0 0;				display:table;						table-layout:fixed;				border:#E5E5E3 1px solid;		transition:0.5s;					background-size:100% auto;		border-radius:8px;				background-repeat:repeat-y;	background-position:center top;}
.Parter_L:first-child								{margin-top:0px;}
.Parter_L:last-child									{margin-bottom:10px;}
.Parter_L:nth-child(even)							{/*position:relative;			left:10%;*/}
.Parter_L dd											{display:table-cell;				border:#FFF 3px solid;			vertical-align:top;				border-radius:8px;}
.Parter_L dd:nth-child(1)							{width:30%;							border-right-width:0;			text-align:center;				padding:2.0% 0 3.5% 0;			}
.Parter_L dd:nth-child(1) center					{display:inline-block;			width:70%;							padding-top:70%;					position:relative;				transform:perspective(1px) translateZ(0) scale(0.90);			box-shadow:0 0 1px transparent;transition-duration: 0.3s;	transition-property:transform;}
.Parter_L dd:nth-child(1) center:before		{pointer-events:none;			position:absolute;				z-index:-1;							content:'';							top:110%;							left:5%;								height:10px;						width:90%;							opacity:0;																																			background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);	transition-duration: 0.3s;		transition-property:transform,opacity;}
.Parter_L dd:nth-child(1) center span			{position:absolute;				display:block;						width:100%;							height:100%;						top:0%;								left:0%;								border-radius:50%;				padding:3px;						box-sizing:border-box;			overflow:hidden;																							background-color:#FFF;			border:#E0E0E0 1px solid;}
.Parter_L dd:nth-child(1) center span img		{width:99%;							height:99%;							border-radius:50%;}

.Parter_L dd:nth-child(2)							{border-left-width:0;			padding:20px 0 20px 0;			width:90%;							position:relative;}
.Parter_L dd:nth-child(2) h3						{text-align:left;					font-size:28px;					font-weight:bolder;				color:#000;							font-family:"楷体","楷体_GB2312";									transition:0.3s;}
.Parter_L dd:nth-child(2) h3 span				{position:relative;				left:8px;							top:3px;								display:inline-block;			height:19px;						line-height:19px;					padding:3px 10px;					border-radius:4px;				background-color:#EEE;			font-weight:normal;																						font-size:15px;					color:#000;							border:#BBB 1px solid;			font-family:initial;				overflow:hidden;}
.Parter_L dd:nth-child(2) h3 span code			{position:relative;				z-index:2;							color:#000;							transition:0.3s}
.Parter_L dd:nth-child(2) h3 span tt			{display:block;					position:absolute;				width:0%;							height:20px;						z-index:1;							left:0%;								background-color:#2587F0;		transition:0.3s linear 0.4s;}

.Parter_L dd:nth-child(2) hr						{position:relative;				border-width:0;					width:95%;							margin:5px auto 10px auto;		height:1px;							background-size:12px!important;background-repeat:repeat-x;																																																	background:linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 40%, transparent 70%, transparent 100%);}

.Parter_L dd:nth-child(2) h4						{text-indent:2em;					text-align:left;					color:#666;							font-size:18px;					line-height:26px;					width:95%;}

.Parter_L dd:nth-child(2) h5						{text-align:right;				position:relative;				padding-right:25px;				box-sizing:border-box;}
.Parter_L dd:nth-child(2) h5 span				{padding:5px 14px 6px 14px;	background-color:#FF1854;		border-radius:4px;				font-size:17px;}
.Parter_L dd:nth-child(2) h5 span a				{color:#FFF;}
.Parter_L dd:nth-child(2) h5 span a:hover		{color:#FF0;						border-bottom:#FF0 1px dashed;}

.Parter_L:hover dd:nth-child(1) center			{transform:scale(1);}
.Parter_L:hover dd:nth-child(1) center:before{opacity:1;							transform:translateY(-5px);}
.Parter_L:hover dd:nth-child(2) h3 span code	{color:#FFF;						transition:0.5s linear 0.4s;}
.Parter_L:hover dd:nth-child(2) h3 span tt	{width:100%;						transition:0.5s;}
.Parter_L:hover dd:nth-child(2) h3				{color:#2587F0;					transition:0.5s;}
.Parter_L:hover dd:nth-child(2) h4				{color:#000;						text-shadow:0 0 0 transparent;;										transition:0.5s;}
.Parter_L:hover										{border-color:#2587F0;			transition:0.5s;}