@charset "utf-8";
#wrap{background: #F6F6F6;}
#banner{ width: 100%; min-width: 1200px; overflow: hidden; position: relative; top: -70px; background-color: #000;}
#banner .banner{background-position: center; background-repeat: no-repeat; background-size: cover;}
#banner img{width: 100%; display: block; opacity: .65;}
#banner .banner .mainBox{ position: absolute; width: 100%; min-width: 100%; max-width: 100%; left: 0; top: 46%; }
#banner .banner h2{font-size: .4rem; letter-spacing: 10px; text-align: center; font-weight: 600; color: #fff; margin-bottom: 10px;}
#banner .banner h2 span{display: inline-block; vertical-align: middle; margin: 0 10px 0 0; height: 6px; width: 60px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#banner .banner h2 b{display: inline-block;  vertical-align: middle;}
#banner .banner h4{font-size: .56rem; letter-spacing: 10px; text-align: center; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; font-weight: lighter; color: #fff; color: rgba(255,255,255,.6);}
#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#banner .swiper-button-prev,#banner .swiper-button-next{margin-top: 30px;}
#banner .swiper-button-prev{left: 0;}
#banner .swiper-button-next{right: 0;}
#banner .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}


.title-box{margin: 50px auto 40px;display: flex;  position: relative; z-index: 1;}
.title-box h2{color: #333333;font-size: 21px; display: inline-block; vertical-align: middle;}
.title-box span{height: 19px; position: relative; top: 5px; border-left: 6px solid #d70021; border-right: 4px solid #333; margin:0 5px 0 8px; width: 12px;display: inline-block; vertical-align: middle;}
.title-box p{color: #888;font-size: 25px; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; font-weight: lighter; display: inline-block; vertical-align: middle;}
.title-box .more{ position: absolute; right: 0; top: 10px; text-transform: uppercase; box-sizing: border-box; font-size: 12px; color: #000000; width: 110px; padding-left: 18px; line-height: 26px; height: 28px;  border: solid 1px #707070; border-radius: 20px; transition: all 0.4s ease-in-out;	background: #fff no-repeat left -15px center;}
.title-box .more:hover{	background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;border-color: #D70021;color: #fff;width: 130px;}


/* 
.module-1{ background: #fff; position: relative; overflow: hidden; margin-top: -70px;}
.module-1 .title-box{margin-top: 70px; padding-left: 42%;}
.module-1 .con-box .left-box{width: 58%; margin-left: 42%; margin-bottom: 80px; min-height: 420px;}
.module-1 .con-box .left-box h3{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-top: .4rem;
	margin-bottom: .3rem;
}
.module-1 .con-box .left-box div{color: #000; line-height: 1.8em;}
.module-1 .con-box .left-box div p{margin-bottom: 1em; text-indent: 2em;}
.module-1 .con-box .left-box div a{text-transform: uppercase; display: block; margin: 20px 0 0; text-align: left; box-sizing: border-box; font-size: 12px; color: #000; width: 86px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #000; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background: no-repeat left 15px center;}
.module-1 .con-box .left-box div a:hover{
	background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	color: #fff;
	width: 110px;
}
.module-1 .con-box .right-box{width: 40%;position: absolute;top: 0; left: 0;height: 100%;background-position: center bottom;background-size: cover;}
 */
.module-1{ background: #fff; position: relative; overflow: hidden; margin-top: -70px;}
.module-1 .con-box{position: relative; margin: 70px auto;}
.module-1 .con-box .left-box{width: 58%; margin-left: 42%; margin-bottom: 10px; min-height: 420px;}
.module-1 .con-box .left-box h3{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-top: .25rem;
	margin-bottom: .3rem;
}
.module-1 .con-box .left-box div.con{color: #000; line-height: 1.8em;}
.module-1 .con-box .left-box div.con p{margin-bottom: 1em; text-indent: 2em;}
.module-1 .con-box .left-box div.con a{text-transform: uppercase; display: block; margin: 20px 0 0; text-align: left; box-sizing: border-box; font-size: 12px; color: #000; width: 86px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #000; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background: no-repeat left 15px center;}
.module-1 .con-box .left-box div.con a:hover{
	background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	color: #fff;
	width: 110px;
}
.module-1 .con-box .right-box{width: 40%; position: absolute; top: -20px; left: 0; height: 110%; background-position: center bottom;background-size: cover;}



.module-2{
	overflow: hidden;
}
.module-2 .title-box{
	position: relative;
}
.module-2 .con-box{
	text-align: center;
	font-size: 40px;
	padding-top: 230px;
	color: #fff;
	font-weight: lighter;
	line-height: 1.8em;
	letter-spacing: 5px;
	height:500px;
	margin-top: -80px; 
	background: url(../img/recruit-bg.jpg) no-repeat center top; 
	background-size: cover; 
	background-attachment: fixed;
}


.module-3{
	padding: 40px 0;
}
.module-3 .con-box{
	position: relative;
}
.module-3 .list-box{
	/* margin: 0 -1%; */
}
.module-3 .list{
	/* width: 19%;
	margin: .5%;
	float: left; */
	background: #fff url(../img/block-bg.png) no-repeat center bottom;
	background-size: 100%;
	border: 1px solid #eee;
	position: relative;
	top: 0;
	text-align: center;
	padding: 30px;
	border-radius: 5px;
	transition: all 0.4s ease-in-out;
}
.module-3 .list:hover{
	box-shadow: 0 2px 25px rgba(0,0,0,0.15); top: -10px;
}
.module-3 .list span{
	display: block;
	text-align: center;
	color: #888;
	padding: 10px;
	line-height: 1.5em;
}
.module-3 .list h2{
	font-weight: normal;
	padding: 20px 0;
	color: #333;
	transition: all 0.4s ease-in-out;
}
.module-3 .list:hover h2{
	color: #D70021;
}
.module-3 .list h4{
	font-weight: normal;
	color: #333;
	transition: all 0.4s ease-in-out;
}
.module-3 .list:hover h4{
	color: #D70021;
}
.module-3 .list i{text-transform: uppercase; display: block; margin: 40px auto 0; text-align: left; box-sizing: border-box; font-size: 12px; color: #888; width: 86px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #eee; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background:#fff no-repeat left 15px center;}
.module-3 .list:hover i{
	background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;
	border-color: #D70021;
	color: #fff;
	width: 110px;
}

	.module-3 .btn-box{width: 100%; max-width: 1600px; min-width: 1200px; position: relative; margin: 0 auto; margin-top: 27px;}
	.module-3 .swiper-grid-column > .swiper-wrapper {
		flex-wrap: wrap;
		flex-direction: column;
		height: 560px;
	}
	.module-3 .list-box .list{
		height: 250px;
	}
	.module-3 .swiper-button-prev,.module-3 .swiper-button-next{ top: -55px;}
	.module-3 .swiper-button-prev{left: auto; right: 50px;}
	.module-3 .swiper-button-next{right: 0;}
	.module-3 .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #333;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	.module-3 .swiper-button-next:after, .module-3 .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #333;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	.module-3 .swiper-pagination{bottom: 0px;}
	.module-3 .swiper-pagination .swiper-pagination-bullet-active{background-color: #D70021;}


	.recruit-window{width: 100%; display: none; height: 100%;position: fixed;z-index: 99;background-color: rgba(0,0,0,0.6);top:0;left: 0;}
	.recruit-window .window-box{width: 800px;height: 550px;position: absolute;background-color: #fff;border-radius: 20px;box-shadow: 0 0 25px rgba(0,0,0,0,.15);top:50%; left: 50%;transform: translate(-50%,-50%);}
	.recruit-window .title-box{ overflow: hidden;  margin: 0; border-bottom: 1px solid #f1f1f1; display: block; width: 100%; padding: 30px 30px 10px;}
	.recruit-window .title-box h2{ font-size: 16px; float: left; font-weight: bold;}
	.recruit-window .title-box .close{ float: right; position: relative; top: -3px; height: 26px; width: 26px; background: #D70021 url(../img/icon-close.png) no-repeat center center; background-size: 14px; border-radius: 100%; transition: all 0.4s ease-in-out;}
	.recruit-window .title-box .close:hover{transform:rotate(90deg);}
	.recruit-window .record-con{padding: 10px 30px 30px; height: 484px; overflow: auto;}
	.recruit-window .record-con table{width: 100%; border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
	.recruit-window .record-con table td{padding: 8px 10px; border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
	.recruit-window .record-con>h3{font-size: 16px; margin: 15px 0 10px;}
	.recruit-window .record-con p{line-height: 1.5em;}
	.recore-info{font-size: 16px;padding-top: 20px;}

@media screen and (max-width: 768px) {
	#banner{ width: 100%; min-width: 100%; overflow: hidden; position: relative; top: 0px; background-color: #000;}
	#banner .banner{background-size: cover; height: 3rem;}
	#banner img{width: 100%; display: none; opacity: 0;}
	#banner .banner .mainBox{ position: absolute; width: 100%; min-width: 100%; max-width: 100%; left: 0; top: 40%; }
	#banner .banner h2{font-size: .4rem; letter-spacing: 4px; text-align: center; font-weight: 600; color: #fff; margin-bottom: 10px;}
	#banner .banner h2 span{display: inline-block; vertical-align: middle; margin: 0 10px 0 0; height: 6px; width: 40px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
	#banner .banner h2 b{display: inline-block;  vertical-align: middle;}
	#banner .banner h4{font-size: .2rem; letter-spacing: 2px; text-align: center; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; font-weight: lighter; color: #fff; color: rgba(255,255,255,.6);}
	#banner .swiper-slide{box-shadow: 0 0 50px rgba(0,0,0,0.8);}
	#banner .swiper-button-prev,#banner .swiper-button-next{margin-top: 30px;}
	#banner .swiper-button-prev{left: 0;}
	#banner .swiper-button-next{right: 0;}
	#banner .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
	#banner .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 22px;padding: 15px 10px;color: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
	
	
	.title-box{padding:.5rem 0 .4rem 0; margin: 0; display: block; display: block; position: relative; text-align: center;}
	.title-box h2{color: #333333; font-size: .32rem; letter-spacing: 1px; display: inline-block; text-align: center; vertical-align: middle; position: relative;}
	.title-box h2::after{content: ""; width: 2px; height: 2px; border-left: .4rem solid #D70021; border-right: 4px solid #000; position: absolute; top: .2rem; left: -.65rem;}
	.title-box h2::before{content: ""; width: 2px; height: 2px; border-right: .4rem solid #D70021; border-left: 4px solid #000; position: absolute; top: .2rem; right: -.65rem;}
	.title-box span{display: none;}
	.title-box p{color: #888; font-size: .12rem; padding-top: 2px; letter-spacing: 2px; font-family: Conv_DidotLTStd-Roman; text-transform: uppercase; text-align: center; font-weight: lighter; display: block; vertical-align: middle;}
	.title-box .more{ position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0;}
	
	
	.module-1{ background: #fff; position: relative; overflow: hidden; margin-top: 0px; padding-bottom: .3rem;}
	.module-1 .title-box{}
	.module-1 .con-box{position: relative; margin: 0 auto;}
	.module-1 .con-box .left-box{width: 100%; padding: 0 .3rem; margin-left: 0; margin-bottom: 10px; min-height: auto;}
	.module-1 .con-box .left-box h3{
		font-size: .32rem;
		letter-spacing: 2px;
		font-weight: bold;
		margin-top: .25rem;
		margin-bottom: .3rem;
	}
	.module-1 .con-box .left-box div.con{color: #000; line-height: 1.8em;}
	.module-1 .con-box .left-box div.con p{margin-bottom: 1em; font-size: .26rem; text-indent: 2em;}
	.module-1 .con-box .left-box div.con a{text-transform: uppercase; display: block; margin: 20px 0 0; text-align: left; box-sizing: border-box; font-size: 12px; color: #000; width: 86px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #000; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background: no-repeat left 15px center;}
	.module-1 .con-box .left-box div.con a:hover{
		background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;
		border-color: #D70021;
		color: #fff;
		width: 110px;
	}
	.module-1 .con-box .right-box{width: 100%; display: none; padding: 0 .3rem; position: relative; top: 0; left: 0; height: auto;}
	.module-1 .con-box .right-box img{width: 100%;}
	
	
	
	.module-2{
		overflow: hidden;
	}
	.module-2 .title-box{
		position: relative;
	}
	.module-2 .con-box{
		text-align: center;
		font-size: .32rem;
		padding-top: 3rem;
		color: #fff;
		font-weight: normal;
		line-height: 1.8em;
		letter-spacing: 1px;
		height: 5.5rem;
		margin-top: -80px; 
		background: url(../img/recruit-bg.jpg) no-repeat center top; 
		background-size: cover; 
		background-attachment: fixed;
	}
	
	
	.module-3{
		padding: .3rem;
	}
	.module-3 .con-box{
		position: relative;
	}
	.module-3 .btn-box{}
	.module-3 .list-box{
		/* margin: 0 -1%; */
		margin: 0 .3rem .5rem;
	}
	.module-3 .swiper-grid-column > .swiper-wrapper {
		flex-wrap: wrap;
		flex-direction: row;
		height: auto;
	}
	.module-3 .list{
		margin-bottom: .2rem;
		background: #fff url(../img/block-bg.png) no-repeat center bottom;
		background-size: 100%;
		border: 1px solid #eee;
		position: relative;
		top: 0;
		text-align: center;
		padding: .3rem;
		border-radius: 5px;
		transition: all 0.4s ease-in-out;
	}
	.module-3 .list:hover{
		box-shadow: 0 2px 25px rgba(0,0,0,0.15); top: -10px;
	}
	.module-3 .list span{
		display: block;
		text-align: center;
		color: #888;
		padding: 10px;
		line-height: 1.5em;
	}
	.module-3 .list h2{
		font-weight: normal;
		padding: .2rem 0;
		color: #333;
		transition: all 0.4s ease-in-out;
	}
	.module-3 .list:hover h2{
		color: #D70021;
	}
	.module-3 .list h4{
		font-weight: normal;
		color: #333;
		transition: all 0.4s ease-in-out;
	}
	.module-3 .list:hover h4{
		color: #D70021;
	}
	.module-3 .list i{text-transform: uppercase; display: block; margin: .4rem auto .3rem; text-align: left; box-sizing: border-box; font-size: 12px; color: #888; width: 86px; padding-left: 20px; line-height: 26px; height: 28px;  border: solid 1px #eee; border-radius: 20px; font-style: normal; transition: all 0.4s ease-in-out; background:#fff no-repeat left 15px center;}
	.module-3 .list:hover i{
		background: #D70021 url(../img/icon-more.png) no-repeat right 15px center;
		border-color: #D70021;
		color: #fff;
		width: 110px;
	}
	
		.module-3 .list-box .list{
			height: auto;
			width: 100%;
		}
	
	
		.recruit-window{width: 100%; display: none; height: 100%;position: fixed;z-index: 99;background-color: rgba(0,0,0,0.6);top:0;left: 0;}
		.recruit-window .window-box{width: 100%; height: 100%;position: absolute;background-color: #fff;border-radius: 0px;box-shadow: 0 0 25px rgba(0,0,0,0,.15);top:0; left: 0;transform: translate(0,0);}
		.recruit-window .title-box{ overflow: hidden; margin: 0; border-bottom: 1px solid #f1f1f1; display: block; width: 100%; padding: .3rem;}
		.recruit-window .title-box h2{ font-size: 16px; float: left; font-weight: bold;}
		.recruit-window .title-box h2::after{display: none;}
		.recruit-window .title-box h2::before{display: none;}
		.recruit-window .title-box .close{ float: right; position: relative; right: -2px; top: -3px; height: 26px; width: 26px; background: #D70021 url(../img/icon-close.png) no-repeat center center; background-size: 14px; border-radius: 100%; transition: all 0.4s ease-in-out;}
		.recruit-window .title-box .close:hover{transform:rotate(90deg);}
		.recruit-window .record-con{padding: .3rem; height: 100%; overflow: auto;}
		.recruit-window .record-con table{width: 100%; border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
		.recruit-window .record-con table td{padding: 8px 10px; border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
		.recruit-window .record-con>h3{font-size: 16px; margin: 15px 0 10px;}
		.recruit-window .record-con p{line-height: 1.5em;}
		.recore-info{font-size: 16px;padding-top: 20px;}
}