/* CSS Document */
body{
	overflow-x: hidden;
	background-color: #f3f3f3;
}

/*首页轮播图*/
.pageGuideBanner {
	width: 100%;
	/*padding-top: 43.75%;*/
	padding-top: 33.00%;
	overflow: hidden;
	position: relative;
	top: 0px;
}
	.bannerimg{
	 	position: absolute;
		width: 100%;
		top: 0;
		left: 0;
	}
	.bannerimg a{
	 	display: none;
	 	position: absolute;
	 	width: 100%;
	 	top: 0;
	 	left: 0;
	}
	.bannerimg a img {
	 	width: 100%;
	}
	/*轮播按钮*/
	.bannerimgbtn{
	  position: absolute;
	  width: 1200px;
	  top: 90%;
	  left: 50%;
	  margin-left: -600px;
	  overflow: hidden;
	}
		/*左侧数字*/
		.bannerimgbtnNum{
			width: 120px;
			height: 60px;
			font-size: 20px;
			color: #ffffff;
			line-height: 60px;
			float: left;
		}
			.nowNum{
				font-size: 40px;
				color: #ffffff;
				line-height: 60px;
				padding: 0 6px;
				font-weight: bold;
			}
			.totalNum{
				font-size: 20px;
				color: #ffffff;
				line-height: 60px;
				padding: 0 6px;
			}
		/*右侧控制按钮*/
		.bannerimgbtnContent{
			width: 200px;
			height: 40px;
			float: right;
			overflow: hidden;
		}
			.bannerimgbtnContent>div{
				width: 10%;
				height: 50%;
				border-radius: 50%;
				float: left;
				margin-left: 10px;
				font-weight: bold;
				margin-top: 16px;
				background-color: #ffffff;
			}
			.btnUnCheck{
				opacity: 0.4;
			}			
			/*按钮被选中时添加样式*/
			.btnCheck{
				opacity: 1;
			}
			.bannerimgbtnContent>div:hover{
				cursor: pointer;
			}



/*主体部分*/
.mainIndex{
	width: 100%;
	margin: 0 auto;
}
	/*公司简介及宣传视频*/
	#indexCompanyProfilePart{
		width: 100%;
		margin: 0 auto;
		padding: 60px 0;
	}
		#indexCompanyProfileContent{
			width: 1400px;
			height: 590px;
			margin: 0 auto;
			overflow: hidden;
		}
			/*公司简介*/
			.indexCompanyProfile{
				width: 620px;
				height: 590px;
				background-image: url(../../images/indexBG1.png);
				background-repeat: no-repeat;
				background-position: top left; 
				background-size: 100% 100%;
				float: left;
			}
			.companyProfileLine{
				width: 100%;
			}
				.companyProfileTitle{
					width: 440px;
					font-size: 40px;
					line-height: 80px;
					margin: 80px auto 0 auto;
					color: #323232;
				}
				.lineOrange{
					width: 60px;
					height: 2px;
					background-color: #ff6000;
					margin: 0 0 8px 90px;
				}
				.companyProfileText{
					width: 440px;
					height: 320px;
					margin: 0 auto;
					font-size: 26px;
					line-height: 40px;
					color: #323232;
					text-align: justify;
					display: -webkit-box;
					overflow: hidden;
					white-space: normal;
					-webkit-line-clamp: 8;
					-webkit-box-orient: vertical;	
					text-overflow: ellipsis;
				
				}

			/*宣传视频*/
			#indexVideo{
				width: 690px;
				height: 510px;
				margin: 40px auto 0 auto;
				float: right;
			}
				.anniv_video{
					width: 690px;
					height: 510px;
					margin: 0 auto;
					}
				.anniv_video img{
					width: 690px;
					height: 510px;
				}
				.video_btn{
					width: 80px;
					height: 80px;
					position: relative;
					top: -335px;
					left: 305px;
				}
				.video_btn button{
					display: block;
					width: 80px;
					height: 80px;
					background-color: transparent;
				}
				.video_btn img{
					width: 80px;
					height: 80px;
				}


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


	/*综合新闻*/
	#indexNewsPart{
		width: 100%;
		height: 630px;
		margin: 0 auto;
		padding-top: 60px;

	}
		#indexNews{
			width: 1400px;
			margin: 0 auto;
		}
			/*新闻主体内容*/
			.newsPageTOP{
				width: 1400px;
				height: 510px;
				overflow: hidden;
			}
				/*左侧新闻轮播图*/
				.newsPageImgContent{
				    width: 680px;
				    height: 510px;
				    overflow: hidden;
					float: left;
				}
					.newsPageImg{
					  position: relative;
					  width: 680px;
					  height: 510px;
					  top: 0;
					  left: 0;
					}
						.newsPageImg a{
						  display: none;
						  position: absolute;
						  width: 680px;
						  height: 510px;
						  top: 0;
						  left: 0;
						  background-color: red;
						}
							.newsPageImg a img{
							  width: 680px;
							  height: 510px;
							}
							.newsPageTitleBg{
								width: 680px;
								height: 56px;
								background-color: #333333;
								opacity: 0.6;
								position: absolute;
								bottom: 0px;
								left: 0px;
							}
							.newsPageTitle{
								width: 500px;
								height: 56px;
								font-size: 18px;
								line-height: 56px;
								color: #ffffff;
								text-indent: 10px;
								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: 140px;
					  height: 56px;
					  top: -56px;
					  left: 520px;
					  overflow: hidden;
					}
					.newsPageImgbtn li{
					  width: 16px;
					  height: 16px;
					  border-radius: 50%;
					  margin: 20px 4px;
						float: left;
						background-color: #ffffff;
						opacity: 0.4;
					}
					.newsPageImgbtn li:hover{
						cursor: pointer;
					}

				/*右侧新闻最新5条*/
				.newsTOPFive{
					width: 700px;
					height: 510px;
					position: relative;
					top: 0px;
					left: 700px;
				}
					.newsTOP1st{
						width: 340px;
						height: 245px;
						position: absolute;
						top: 0px;
						left: 0px;
						background-color: #ffffff;
					}
					.newsTOP2Sed{
						width: 340px;
						height: 245px;
						position: absolute;
						top: 265px;
						left: 0px;
						background-color: #ffffff;
					}
					.newsTOP3th{
						width: 340px;
						height: 156px;
						position: absolute;
						top: 0px;
						left: 360px;
						background-color: #ffffff;
					}
					.newsTOP4th{
						width: 340px;
						height: 156px;
						position: absolute;
						top: 177px;
						left: 360px;
						background-color: #ffffff;
					}
					.newsTOP5th{
						width: 340px;
						height: 156px;
						position: absolute;
						top: 354px;
						left: 360px;
						background-color: #ffffff;
					}
						.newsTOPFiveLink{
							width: 340px;
							height: 245px;
						}
						.newsTOPFiveLink1{
							width: 300px;
							height: 156px;
							overflow: hidden;
							padding-top: 20px;
							margin: 0 auto;
						}

							.newsTOPtitle{
								width: 300px;
								font-size: 20px;
								line-height: 28px;
								color: #000000;
								display: -webkit-box;
								overflow: hidden;
								white-space: normal;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical;	
								text-overflow: ellipsis;
								margin: 20px auto 10px auto;
							}

							.newsTOPtitle1{
								width: 220px;
								float: left;
								margin-left: 10px;
							}
							.newsTOPtitle1>h1{
								width: 200px;
								border-left: solid 1px #f0f0f0;
								padding-left: 20px;
								font-size: 18px;
								line-height: 28px;
								color: #000000;
								display: -webkit-box;
								overflow: hidden;
								white-space: normal;
								-webkit-line-clamp: 3;
								-webkit-box-orient: vertical;	
								text-overflow: ellipsis;
							}
							.newsTOPdownR1{
								width: 22px;
								height: 22px;
								background-image: url(../../images/linkrightgrey1.png);
								background-repeat: no-repeat;
								background-position: top left; 
								background-size: 100% 100%;
								margin: 20px 0 0 20px;
							}

							.newsTOPtext{
								width: 300px;
								height: 48px;
								font-size: 14px;
								line-height: 22px;
								color: #1a1a1a;
								display: -webkit-box;;
								overflow: hidden;
								white-space: normal;
								-webkit-line-clamp: 2;
								-webkit-box-orient: vertical;	
								text-overflow: ellipsis;
								margin: 0 auto;

							}
							.newsTOPdown{
								border-top: solid 1px #f0f0f0;
								width: 300px;
								height: 140px;
								margin: 10px auto 0 auto;
								overflow: hidden;
							}
								.newsTOPdownL{
									width: 70px;
									height: 58px;
									float: left;
									padding-top: 10px;
								}
									.timeDay{
										width: 100%;
										font-size: 30px;
										line-height: 1;
										color: #1a1a1a;
										text-align: center;
									}
									.timeLine{
										width: 44px;
										height: 2px;
										margin: 4px auto;
										background-color: #1a1a1a;
									}
									.timeYM{
										width: 100%;
										font-size: 16px;
										line-height: 1;
										text-align: center;
									}

								.newsTOPdownR{
									width: 22px;
									height: 22px;
									float: right;
									margin-top: 30px;
									background-image: url(../../images/linkrightgrey.png);
									background-repeat: no-repeat;
									background-position: top left; 
									background-size: 100% 100%;
								}


					.newsTOPFiveLink:hover{
						cursor: pointer;
					}
					.newsTOPFiveLink1:hover{
						cursor: pointer;
					}
					.newsTOP1st>a:hover .newsTOPtitle,
					.newsTOP2Sed>a:hover .newsTOPtitle,
					.newsTOP3th>a:hover .newsTOPtitle,
					.newsTOP4th>a:hover .newsTOPtitle,
					.newsTOP5th>a:hover .newsTOPtitle{
						color: #ff6000;
						font-weight: bold;
					}
					.newsTOP1st>a:hover .newsTOPtext,
					.newsTOP2Sed>a:hover .newsTOPtext,
					.newsTOP3th>a:hover .newsTOPtext,
					.newsTOP4th>a:hover .newsTOPtext,
					.newsTOP5th>a:hover .newsTOPtext{
						font-weight: bold;

					}

					.newsTOP3th>a:hover .newsTOPtitle1>h1,
					.newsTOP4th>a:hover .newsTOPtitle1>h1,
					.newsTOP5th>a:hover .newsTOPtitle1>h1{
						color: #ff6000;
						font-weight: bold;
						
					}

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

		.linkTo{
			width: 1400px;
			height: 500px;
			margin: 0 auto;
			overflow: hidden;
		}
			.linkToLeft{
				width: 560px;
				height: 500px;
				float: left;
			}
				.linkTo1st{
					width: 100%;
					height: 100%;
				}
					#linkTo1stAlt{
						display: block;
						width: 100%;
						height: 100%;

					}
					#linkTo1stAlt:before{
						content: attr(data-attr1st);
						display: block;
						width: 400px;
						margin: 0 auto;
						font-size: 16px;
						line-height: 30px;
						color: #ff6000;
						font-weight: bold;
						text-align: center;

					}
			.linkToRight{
				width: 820px;
				height: 500px;
				float: right;
			}
				.linkToRightUp{
					width: 820px;
					height: 250px;
					overflow: hidden;
					margin-bottom: 20px;
				}
					.linkToRightUp>a{
						display: block;
						width: 400px;
						height: 250px;
					}
					.linkTo2nd{
						float: left;
					}
					.linkTo3rd{
						float: right;
					}
						#linkTo2ndAlt,
						#linkTo3rdAlt{
							display: block;
							width: 100%;
							height: 100%;
						}					
						#linkTo2ndAlt:before{
							content: attr(data-attr2nd);
							display: block;
							width: 300px;
							margin: 0 auto;
							font-size: 16px;
							line-height: 30px;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}
						#linkTo3rdAlt:before{
							content: attr(data-attr3rd);
							display: block;
							width: 300px;
							margin: 0 auto;
							font-size: 16px;
							line-height: 30px;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}
				.linkToRightDown{
					width: 820px;
					height: 230px;
				}
					.linkTo4th{
						width: 100%;
						height: 100%;
					}

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

						#linkTo4thAlt:before{
							content: attr(data-attr4th);
							display: block;
							width: 300px;
							margin: 0 auto;
							font-size: 16px;
							line-height: 30px;
							color: #ff6000;
							font-weight: bold;
							text-align: center;
						}

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