/* CSS Document */
body{
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
	background-color: #f3f3f3;
}


/*首页轮播图*/
.pageGuideBanner{
	width: 7.5rem;
	height: 3.3rem;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -3.75rem;
	top: 0px;

}
	.bannerimg{
		position: relative;
		width: 7.5rem;
		height: 3.3rem;
		top: 0;
		left: 0;
	}
		.bannerimg a{
			display: none;
			position: absolute;
			width: 7.5rem;
			height: 3.3rem;
			top: 0;
			left: 0;
		}
			.bannerimg a img {
				width: 7.5rem;
				height: 3.3rem;
			}
	/*轮播按钮*/
	.bannerimgbtn{
		position: absolute;
		width: 7rem;
		top: 2.7rem;
		left: 50%;
		margin-left: -3.5rem;
		overflow: hidden;
	}
		/*左侧数字*/
		.bannerimgbtnNum{
			width: 1.2rem;
			height: 0.6rem;
			font-size: 0.2rem;
			color: #ffffff;
			line-height: 0.6rem;
			float: left;
		}
			.nowNum{
				font-size: 0.4rem;
				color: #ffffff;
				line-height: 0.6rem;
				padding: 0 0.06rem;
				font-weight: bold;
			}
			.totalNum{
				font-size: 0.2rem;
				color: #ffffff;
				line-height: 0.6rem;
				padding: 0 0.06rem;
			}
		/*右侧控制按钮*/
		.bannerimgbtnContent{
			width: 2rem;
			height: 0.4rem;
			float: right;
			
		}
			.bannerimgbtnContent>div{
				width: 0.22rem;
				height: 0.22rem;
				border-radius: 50%;
				float: left;
				margin-left: 0.1rem;
				font-weight: bold;
				border: solid 1px #ffffff;
				margin-top: 0.16rem;
			}
			/*按钮被选中时添加样式*/
			.btnCheck{
				background-color: #ffffff;
			}
			.bannerimgbtnContent>div:hover{
				cursor: pointer;
			}


/*主体部分*/
.mainIndex{
	width: 100%;
	margin: 0.3rem auto 0 auto;
}

	/*公司简介及宣传视频*/
	#indexCompanyProfilePart{
		width: 7rem;
		margin: 0 auto;
	}		
		#indexCompanyProfileContent{
			width: 100%;
			margin: 0 auto;
		}
			/*公司简介*/
			.indexCompanyProfile{
				width: 100%;
				background-color: #f2f2f2;
				background-image: url(../../images/indexBG2.png);
				background-repeat: no-repeat;
				background-position: bottom right; 
				background-size: 20%;
				padding: 0.2rem 0;
			}
				.companyProfileLine{
					width: 6.6rem;
					border: solid 1px #0066b3;	
					margin: 0 auto;
					padding: 0.2rem 0;
				}
					.companyProfileTitle{
						width: 6.2rem;
						font-size: 0.34rem;
						line-height: 0.4rem;
						margin: 0px auto;
						color: #323232;
					}
					.lineOrange{
						width: 0.4rem;
						height: 2px;
						background-color: #ff6000;
						margin: 0 0 0.1rem 0.2rem;
					}
					.companyProfileText{
						width: 6.2rem;
						margin: 0 auto;
						font-size: 0.26rem;
						line-height: 1.5;
						color: #323232;
						text-align: justify;
					}


			/*宣传视频*/
			#indexVideo{
				width: 7rem;
				height: 5.25em;
				margin: 0.2rem auto;

			}
				.anniv_video{
					width: 7rem;
					height: 5.25em;
					margin: 0 auto;
					}
				.anniv_video img{
					width: 7rem;
					height: 5.25rem;
				}
				.video_btn{
					width: 0.8rem;
					height: 0.8rem;
					position: relative;
					top: -3.35rem;
					left: 3.05rem;
				}
				.video_btn button{
					display: block;
					width: 0.8rem;
					height: 0.8rem;
					background-color: transparent;
				}
				.video_btn img{
					width: 0.8rem;
					height: 0.8rem;
				}

	/*文字标题*/
	.titlePart{
		width: 100%;
		height: 1rem;
		background-color: #005aa2;
	}
		.titleCH{
			width: 100%;
			height: 1rem;
			font-size: 0.38rem;
			line-height: 1rem;
			color: #ffffff;
			text-align: center;
			letter-spacing: 0.04rem;
		}
		

	/*综合新闻*/
	#indexNewsPart{
		width: 100%;		
		margin: 0.2rem auto;
	}
		#indexNews{
			width: 7rem;
			margin: 0 auto;
		}
			/*新闻主体内容*/
			.newsPageTOP{
				width: 7rem;
				position: relative;
				top: 0rem;
			}
				/*左侧新闻轮播图*/
				.newsPageImgContent{
				    width: 7rem;
					height: 5.25em;;
				    overflow: hidden;
				    position: relative;
					left: 0rem;
					top: 0rem;
				}
					.newsPageImg{
						position: relative;
						width: 7rem;
						height: 5.25rem;
						top: 0;
						left: 0rem;
					}
						.newsPageImg a{
							display: none;
							position: absolute;
							width: 7rem;
							height: 5.25rem;
							top: 0;
							left: 0;
						  
						}
							.newsPageImg a img{
								width: 7rem;
								height: 5.25rem;
							}
							.newsPageTitleBg{
								width: 7rem;
								height: 0.56rem;
								background-color: #333333;
								opacity: 0.6;
								position: absolute;
								bottom: 0px;
								left: 0px;
							}
							.newsPageTitle{
								width: 5.4rem;
								height: 0.56rem;
								font-size: 0.18rem;
								line-height: 0.56rem;
								color: #ffffff;
								text-indent: 0.1rem;
								position: absolute;
								bottom: 0px;
								left: 0px;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}
							.newsPageTitle:hover{
								font-weight: bold;
								text-decoration: underline;
								cursor: pointer;
							}
					/*轮播按钮*/
					.newsPageImgbtn{
					   position: relative;
					   width: 1.5rem;
					   height: 0.56rem;
					   top: -0.38rem;
					   left: 5.4rem;
					   overflow: hidden;
					}
					.newsPageImgbtn>li{
						width: 0.2rem;
						height: 0.2rem;
						border-radius: 50%;
						float: left;
						background-color: #ffffff;
						opacity: 0.4;
						margin-left: 0.1rem;
					}
					.newsPageImgbtn li:hover{
						cursor: pointer;
					}

				/*右侧新闻最新5条*/
				.newsTOPFive{
					width: 7rem;
					margin: 0 auto;
					
				}
					.newsTOP1st,
					.newsTOP2Sed{
						width: 100%;
						padding: 0.1rem 0;
						margin: 0.2rem 0rem 0rem 0rem;
						background-color: #ffffff;
					}


					.newsTOP3th,.newsTOP4th,.newsTOP5th{
						width: 100%;
						background-color: #ffffff;
						margin: 0.2rem 0rem 0rem 0rem;
					}


					.newsTOPFiveLink{
						width: 6.8rem;
						height: 1.2rem;
						margin: 0 auto;
						position: relative;
					}
					.newsTOPFiveLink1{
						width: 6.8rem;
						margin: 0 auto;
						overflow: hidden;
						padding: 0.2rem 0 0.1rem 0;
					}
						.newsTOPtitle{
							width: 5rem;
							height: 0.5rem;
							font-size: 0.3rem;
							line-height: 0.5rem;
							color: #333333;
							font-weight: bold;
							text-align: center;
							display: -webkit-box;
							overflow: hidden;
							white-space: normal;
							-webkit-line-clamp: 1;
							-webkit-box-orient: vertical;	
							text-overflow: ellipsis;
/*							margin: 0rem auto 0.1rem auto;*/
							position: absolute;
							top: 0rem;
							left: 1.2rem;
							
						}
						.newsTOPtext{
							width: 5rem;
							height: 0.6rem;
							font-size: 0.2rem;
							line-height: 0.3rem;
							color: #808080;
							font-weight: bold;
							display: -webkit-box;;
							overflow: hidden;
							white-space: normal;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;	
							text-overflow: ellipsis;
/*							margin: 0rem auto 0.1rem auto;*/
							position: absolute;
							top: 0.5rem;
							left: 1.2rem;	
						}
						.newsTOPFiveLink .newsTOPdown{
							position: absolute;top:0.2rem;
						}
						.newsTOPdown{
							width: 6.8rem;
							margin: 0 auto;
							overflow: hidden;
/*							border-top: solid 1px #f0f0f0;*/
							padding-top: 0.1rem;
						}
							.newsTOPdownL{
								width: 1rem;
								color: #707070;
								float: left;
							}
								.timeDay{
									width: 100%;
									font-size: 0.3rem;
									line-height: 1;
									text-align: center;
								}
								.timeLine{
									width: 0.4rem;
									height: 1px;
									margin: 0.04rem auto;
									background-color: #707070;
								}
								.timeYM{
									width: 100%;
									font-size: 0.2rem;
									line-height: 1;
									text-align: center;
								}
							.newsTOPdownR{
								width: 0.4rem;
								height: 0.4rem;
								float: right;
								background-image: url(../../images/linkrightgrey.png);
								background-repeat: no-repeat;
								background-position: center left; 
								background-size: 100% 100%;
								
								
							}
							.newsTOPtitle1{
								width: 5.4rem;
								height: 0.72rem;
								float: left;
								margin-left: 0;
								overflow: hidden;
							}
								.newsTOPtitle1>h1{
									width: 4.6rem;
									
									border-left: solid 1px #707070;
									font-size: 0.28rem;
									line-height: 0.36rem;
									color: #000000;
									display: -webkit-box;
									overflow: hidden;
									white-space: normal;
									-webkit-line-clamp: 2;
									-webkit-box-orient: vertical;	
									text-overflow: ellipsis;
									float: left;
									padding-left: 0.2rem;
									text-align: justify;
									

								}
								.newsTOPdownR1{
									width: 0.4rem;
									height: 0.72rem;
									float: right;
									font-size: 0.4rem;
									line-height: 0.6rem;
									color: #707070;
								}





	/*劳模工作室管家服务*/
	.linkToContent{
		width: 100%;
		margin: 0 auto;
		padding: 0.2rem 0;
	}

		.linkTo{
			width: 7rem;
			height: 2.5rem;
			margin: 0 auto;
			overflow: hidden;
		}
			.linkToLeft{
				width: 2.8rem;
				height: 2.5rem;
				float: left;
			}
				.linkTo1st{
					width: 100%;
					height: 100%;
				}
					#linkTo1stAlt{
						display: block;
						width: 100%;
						height: 100%;

					}
					#linkTo1stAlt:before{
						content: attr(data-attr1st);
						display: block;
						width: 2rem;
						margin: 0 auto;
						font-size: 0.2rem;
						line-height: 1.2;
						color: #ff6000;
						font-weight: bold;
						text-align: center;

					}
			.linkToRight{
				width: 4.1rem;
				height: 2.5rem;
				float: right;
			}
				.linkToRightUp{
					width: 4.1rem;
					height: 1.25rem;
					overflow: hidden;
					margin-bottom: 0.1rem;
				}
					.linkToRightUp>a{
						display: block;
						width: 2rem;
						height: 1.25rem;
					}
					.linkTo2nd{
						float: left;
					}
					.linkTo3rd{
						float: right;
					}
						#linkTo2ndAlt,
						#linkTo3rdAlt{
							display: block;
							width: 100%;
							height: 100%;
						}					
						#linkTo2ndAlt:before{
							content: attr(data-attr2nd);
							display: block;
							width: 1.8rem;
							margin: 0 auto;
							font-size: 0.2rem;
							line-height: 1.2;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}
						#linkTo3rdAlt:before{
							content: attr(data-attr3rd);
							display: block;
							width: 1.8rem;
							margin: 0 auto;
							font-size: 0.2rem;
							line-height: 1.2;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}
				.linkToRightDown{
					width: 4.1rem;
					height: 1.15rem;
				}
					.linkTo4th{
						width: 100%;
						height: 100%;
					}

						#linkTo4thAlt{
							display: block;
							width: 100%;
							height: 100%;
						}

						#linkTo4thAlt:before{
							content: attr(data-attr4th);
							display: block;
							width: 3rem;
							margin: 0 auto;
							font-size: 0.2rem;
							line-height: 1.2;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}

					.linkTo1st:hover,
					.linkTo2nd:hover,
					.linkTo3rd:hover,
					.linkTo4th:hover{
						cursor: pointer;
						box-shadow: 2px 2px 10px #000000;
					}