/*顶部banner图*/
.main{height: auto;width: 1000px;margin-right: auto;margin-left: auto;}
.banner{height: 825px;width: 100%;}
.slide{height: 825px;position: relative;}
.slide .slide_task{text-align:center;position: absolute;left: 0px;top: 0px;height: 825px;background-repeat: no-repeat;background-position: center;min-width: 1240px;display: none;width: 100%;}
.new_product_banner_tittle{
	font-size: 42px;
	color: white;
	margin-top: 316px;
}
.new_product_banner_product{
	width: 1200px;
	margin: 0 auto;
	font-size: 24px;
	color: white;
	margin-top: 48px;
	line-height: 30px;
}
/*IECC由来*/
.IECC_bg{
	width: 1137px;
	height: 346px;
	background: url(../images/iecc_bg.png);
	background-color: white;
	position: relative;
	margin: 0 auto;
}
.qu_guan_wang{
	width: 292px;
	height: 72px;
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -146px;
	background: red;
	cursor: pointer;
	display: block;
	opacity: 0;
}

/*服务平台*/
.service_platform{
	width: 100%;
	height: 801px;
	position: relative;
	background: #d9ecf6;
	margin-top: 90px;
}
.service_platform_bg{
	width: 1334px;
	height: 801px;
	margin: 0 auto;
	background: url(../images/service_platform_bg.jpg);
	position: relative;
}
.service_platform_bg_tittle{
	font-size: 36px;
	color: #3ca7d1;
	position: absolute;
	top: 171px;
	right: 47px;
}
.service_platform_bg_produce_one{
	font-size: 20px;
	color: #1c1c1c;
	position: absolute;
	top: 250px;
	right: 148px;
}
.service_platform_bg_produce_two{
	font-size: 20px;
	color: #1c1c1c;
	position: absolute;
	top: 286px;
	right: 112px;
}
.service_platform_bg_produce_three{
	width: 600px;
	font-size: 20px;
	color: #1c1c1c;
	position: absolute;
	top: 322px;
	right: -26px;
	word-break: break-all;
	line-height: 30px;
}
.service_platform_bg_yuan_one{
	width: 130px;
	height: 130px;
	position: absolute;
	text-align: center;
	line-height: 130px;
	right: 472px;
	top: 496px;
	font-size: 22px;
	color: #4fbce7;
}
.service_platform_bg_yuan_two{
	width: 130px;
	height: 130px;
	position: absolute;
	text-align: center;
	line-height: 130px;
	right: 315px;
	top: 496px;
	font-size: 22px;
	color: #4fbce7;
}
.service_platform_bg_yuan_three{
	width: 130px;
	height: 130px;
	position: absolute;
	text-align: center;
	line-height: 130px;
	right: 158px;
	top: 496px;
	font-size: 22px;
	color: #4fbce7;
}
.service_platform_bg_yuan_four{
	width: 130px;
	height: 130px;
	position: absolute;
	text-align: center;
	line-height: 130px;
	right: 1px;
	top: 496px;
	font-size: 22px;
	color: #4fbce7;
}

/*成功案列内容区*/
.recruitment_post_position_box{
	width: 100%;
	min-height: 406px;
	background: white;
	margin-top: 68px;
}
.recruitment_post_position_box_content{
	width: 1068px;
	min-height: 338px;
	margin: 0 auto;
}
.recruitment_post_position_box_content_left{
	float: left;
	/*width: 524px;*/
	min-height: 338px;
	word-break: break-all;
}
.recruitment_post_position_box_content_left_tittle{
	font-size: 28px;
	color: #3ca7d1;
}
.recruitment_post_position_box_content_list{
	/*width: 524px;*/
	min-height: 16px;
	margin-top: 10px;
}
.recruitment_post_position_box_content_list_left{
	width: 23px;
	height: 16px;
	float: left;
}
.recruitment_post_position_box_content_list_left span{
	display: block;
	width: 15px;
	height: 10px;
	font-size: 14px;
	border-radius: 50%;
	margin-top: 5px;
	margin-left: 4px;
}
.recruitment_post_position_box_content_list_right{
	/*float: right;
	width: 501px;*/
	min-height:16px;
	word-break: break-all;
	color: #454343;
	font-size: 16px; 
	line-height: 23px;
}
.recruitment_post_position_box_content_right{
	width: 430px;
	height: 320px;
	float: right;
}
/*成功案列内容区偶数*/
.recruitment_post_position_box_content_left_two{
	width: 430px;
	height: 320px;
	float: left;
}

.recruitment_post_position_box_content_right_two{
	float: right;
	width: 524px;
	min-height: 338px;
	word-break: break-all;
}
/*增值服务内容区*/
.added_service_area{
	width: 99.9%;
	height: 796px;
	background: #f5f4d0;
	border:1px solid #f5f4d0;
	text-align: center;
	position: relative;
}
.added_service_area_bg{
	width: 1199px;
	height: 392px;
	margin: 0 auto;
	background: url(../images/added_service_area_bg.png);
	margin-top: 250px;
}
.added_service_area_tittle{
	width: 145px;
	font-size: 36px;
	color: #3ca7d1;
	position: absolute;
	left: 50%;
	margin-left: -72px;
	top: 82px;
}
.added_service_area_produce{
	position: absolute;
	font-size: 20px;
	color: #595757;
	left: 50%;
	margin-left: -241px;
	top: 153px;
}

/*技能竞赛内容区*/
.success_thing_content{
	width: 99.9%;
	min-height: 803px;
	background: #f5f5f5;
	margin-top: 28px;
	border:1px solid white;
}
.success_thing_content_area{
	width: 1199px;
	min-height: 680px;
	margin: 0 auto;
	text-align: center;
	margin-top: 52px;
}
.success_thing_content_area .content_tittle{
	font-size: 35px;
	color: black;
}
.success_thing_content_area .content_introduce{
	font-size: 20px;
	margin-top: 20px;
}
/*成功案例内容区滑动*/
.success_center{
	position: relative;
	overflow: hidden;
}
.success_center .u_list {
	position:relative;
	height: 557px;
	width: 1199px;
	padding:0px;
	overflow:hidden;
	
	margin: 0 auto;
	margin-top: 52px;
}
.success_center .u_list ul {
	height: 557px;
	width: 1200px;
	position: absolute;
	left:0px;
	top: 0px;
}
.success_center ul li {
	float: left;
	width: 400px;
	height: 557px;
	text-align: center;
}
.success_center ul li .li_img {
	width: 399px;
	height: 557px;
	overflow: hidden;
}
.success_center ul li .li_img .success_thing_introduce{
	width: 397px;
	height: 277px;
	background: #52ade2;
	text-align: center;
	position: relative;
	border:1px solid #52ade2;
}
.success_center ul li .li_img .success_thing_introduce em{
	display: block;
	position: absolute;
	width: 27px;
	height: 13px;
	background: url(../images/jt_top.png);
	left: 50%;
	margin-left: -13px;
	top: -13px;
}
.success_center ul li .li_img .success_thing_introduce_even{
	width: 397px;
	height: 277px;
	background: #52ade2;
	text-align: center;
	position: relative;
	border:1px solid #52ade2;
}
.success_center ul li .li_img .success_thing_introduce_even em{
	display: block;
	position: absolute;
	width: 27px;
	height: 13px;
	background: url(../images/jt_down.png);
	left: 50%;
	margin-left: -13px;
	bottom: -13px;
}
.success_thing_introduce_tittle{
	margin-top: 66px;
	color: white;
	font-size: 20px;
}
.success_thing_introduce_xq{
	width: 288px;
	height: 120px;
	word-break: break-all;
	margin: 0 auto;
	margin-top: 18px;
	color: white;
	font-size: 15px;
	text-align: left;
	line-height: 20px;
}
.success_center .prev_box{
	width: 63px;
	height: 557px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	left: -63px;
	top: 53px;
	z-index: 100;
	transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
}
.success_center:hover .prev_box{
	left:0;
}
.success_center .prev{
	position: absolute;
	width: 27px;
	height: 53px;
	background: url(../images/success_center_prev.png);
	top: 50%;
	margin-top: -26px;
	left: -30px;
	opacity: 0;
	transition: opacity 0.4s,transform 0.8s;
	-moz-transition: opacity 0.4s,transform 0.8s;
	-webkit-transition: opacity 0.4s,transform 0.8s;
}
.success_center:hover .prev{
	opacity:1;
	transform:translateX(39px);
	-moz-transform:translateX(39px);
	-webkit-transform:translateX(39px);
}

.success_center .next_box{
	width: 63px;
	height: 557px;
	background: rgba(255,255,255,0.6);
	position: absolute;
	right: -63px;
	top: 53px;
	z-index: 100;
	transition: right 0.5s;
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
}
.success_center:hover .next_box{
	right:0;
}
.success_center .next{
	position: absolute;
	width: 27px;
	height: 53px;
	background: url(../images/success_center_next.png);
	top: 50%;
	margin-top: -26px;
	right: -30px;
	opacity: 0;
	transition: opacity 0.4s,transform 0.8s;
	-moz-transition: opacity 0.4s,transform 0.8s;
	-webkit-transition: opacity 0.4s,transform 0.8s;
}
.success_center:hover .next{
	opacity:1;
	transform:translateX(-39px);
	-moz-transform:translateX(-39px);
	-webkit-transform:translateX(-39px);
}