/*# sourceMappingURL=style.css.map */

body{

	padding: 0;

	margin: 0 ;

}

.life-box .title{

	text-align: center;

	padding: 115px 0 35px;

}

.life-box .title h2{

	font-size: 42px;

    color: #282828;

    line-height: 70px;

    text-transform: uppercase;

    font-family: 'Open Sans','arial';

}

.life-box .title h2 span{font-size: 60px;}

.life-box .title .fa{

	font-size: 36px;

    color: #282828;

    line-height: 45px;

    font-family: '微軟正黑體';

}

.life-box .list{

	width: 92%;

	max-width: 1000px;

	margin: 0 auto;

}

.life-box .list ul li{margin-bottom: 70px;}

.life-box .list ul li .pic{

	width: 100%;

	overflow: hidden;

	margin-bottom: 53px;

}

.life-box .list ul li .pic img{

	display: block;

	width: 100%;

}

.life-box .list ul li .box{

	width: 85%;

	margin: 0 auto;

	border:1px solid #e5e5e5;

	position: relative;

	padding-bottom: 35px;

}

.life-box .list ul li .box:before{

	display: block;

	width: 2px;

	height: 40px;

	background-color: #959595;

	position: absolute;

	content: '';

	left: 50%;

	margin-left: -1px;

	top: -19px;

}

.life-box .list ul li .box .tit{

	width: 92%;

	margin: 0 auto 20px;

	text-align: center;

	padding-bottom: 20px;

	border-bottom: 1px solid #f4f4f4;

}

.life-box .list ul li .box .tit h3{

	font-size: 24px;

	line-height: 36px;

	color: #333333;

	padding: 40px 0 5px;

}

.life-box .list ul li .box .tit .time{

	font-size: 14px;

	color: #888888;

	line-height: 24px;

}

.life-box .list ul li .box .details{

	font-size: 16px;

	line-height: 32px;

	color: #888888;

	width: 92%;

	margin: 0 auto 50px;

	text-align: justify;

}

.life-box .list ul li .box .btns{

	width: 92%;

	margin: 0 auto;

	position: relative;

}

.life-box .list ul li .box .btns .btn{

	display: block;

	float: left;

	height: 43px;

	line-height: 43px;

	text-align: center;

	font-size: 14px;

	color: #333333;

	padding:0 80px 0 23px;

	font-family: '微軟正黑體';

	border:1px solid #eaeaea;

	background: url(../../img/img24.png) 120px center no-repeat;

    transition: all 0.4s;

    -webkit-transition: all 0.4s;

    position: relative;

}

.life-box .list ul li .box .btns i{

	display: block;

	width:440px;

	height: 1px;

	position: absolute;

	background-color: #f4f4f4;

	left: 210px;

	top: 22px;

}



.life-box .list ul li .box .btns .btn:hover{

	background:#de272c url(../../img/img33.png) 120px center no-repeat;

	color: #fff;

	border:1px solid #de272c;

}

.life-box .list ul li .box .btns .link{

	width: 108px;

	float: right;

}

.life-box .list ul li .box .btns .link a{

	display: block;

	float: left;

	width: 20px;

	height: 20px;

	margin: 13px 8px 0;

	cursor: pointer;

	padding-left: 0

}

.life-box .list ul li .box .btns .link .wx{

	background: url(../../img/img27.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .wx:hover{

	background: url(../../img/img31.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .wb{

	background: url(../../img/img28.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .wb:hover{

	background: url(../../img/img32.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .qq{

	background: url(../../img/img29.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .qq:hover{

	background: url(../../img/img30.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .zan{

	background: url(../../img/zan.png) center no-repeat;

}

.life-box .list ul li .box .btns .link .zan.on{

	background: url(../../img/zan1.png) center no-repeat;

}

.video{

	width: 100%;

	overflow: hidden;

	position:relative;

}

.video .viddeo{

	display: block;

	width: 100%;

	max-height: 800px;

	background-color: #000;

}

.video .box{

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0%;

	left: 0%;

	margin: 0px 0 0 0px;

	z-index: 3;

	cursor: pointer;

	background: url(../../img/img94.jpg) center/cover no-repeat;

}

.video .box i{

	display: block;

	width: 60px;

	height: 60px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -30px 0 0 -30px;

	z-index: 5;

	background: url(../../img/img34.png) center/cover no-repeat;

	cursor: pointer;

}

.bdimgshare-content,.bdimgshare-bg{display: none;}

 .job-warp{width: 100%;margin: 0 auto 80px;}

    

    .job-warp ul li{height: auto;width: 100%;border-bottom: 1px solid #e9ebed}

    .job-warp li .title{height: 52px;line-height: 52px;padding: 0 40px;color: #4b4b4b;background-color: #ffffff;font-size: 14px;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}

    .job-warp li.on .title{background-color: #005ba0;color: #fff;}

    .job-warp li .title span{float: right;padding-right: 30px;background: url(../images/job-icon1.png) right center no-repeat;}

    .job-warp li.on .title span{background: url(../images/job-icon2.png) right center no-repeat}

    .job-warp li .warp{padding: 10px 40px 20px;background-color: #fff;display: none}

    .job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #e9ebed}

    .job-warp .warp .tbl p{width: 25%;float: left;font-size: 14px;color: #222;line-height: 26px;}

    .job-warp .warp .tbl p span{color: #565656;padding-left: 15px;}

    .job-warp .warp .cont h2{font-size: 14px;color: #222;line-height: 30px;margin-bottom: 15px;}

    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size: 14px;line-height: 28px;color: #565656}

    .job-warp .warp .btns{font-size:14px;line-height: 20px;color: #005ba0;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}

    .job-warp .warp .btns:hover{color: #222;}

@media (max-width:1100px){

	.life-box .list ul li .box .btns i{

		width: 40%;left: 35%;

	}

}

@media (max-width:1024px){

	.life-box .title h2{

		font-size: 34px;line-height: 40px;margin-bottom: 5px;

	}

	.life-box .title h2 span{font-size: 48px;}

	.life-box .title .fa{

		font-size: 29px;

	}

	.life-box .list ul li .box .btns i{

		left: 37%;

	}

}

@media (max-width:767px){
body.contact .ani-view.fade-in-down{ opacity:1;}
body.contact .video{display:none;}
	.life-box .title h2{

		font-size: 22px;

	}

	.life-box .title h2 span{font-size: 30px;}

	.life-box .title .fa{

		font-size: 18px;line-height: 30px;

	}

	.life-box .list ul li .pic{margin-bottom: 30px;}

	.life-box .list ul li .box{width: 94%;padding-bottom: 25px;}

	.life-box .list ul li .box:before{

    	height: 30px;top: -15px;

	}

	.life-box .list ul li .box .tit h3{

		font-size: 16px;

    	line-height: 28px;

    	padding: 35px 0 5px;

	}

	.life-box .list ul li .box .tit .time{

		font-size: 12px;line-height: 18px;

	}

	.life-box .list ul li .box .details{

		font-size: 14px;

		line-height: 26px;

	}

	.life-box .list ul li .box .btns .btn{

		padding: 0 40px 0 10px;

		height: 36px;

    	line-height: 36px;

    	background: url(../../img/img24.png) 90px center/20px no-repeat;

	}

	.life-box .list ul li .box .btns .btn:hover{

		background:#de272c url(../../img/img33.png) 90px center/20px no-repeat;

		color: #fff;

		border:1px solid #de272c;

	}

	.life-box .list ul li .box .btns i,.life-box .list ul li .box .btns .link{display: none}

	.life-box .title {padding: 50px 0 35px;}

	.video .box i{width: 40px;height: 40px}

}