@charset "utf-8";
/*
 * 首页模块样式
 * @dir Home/Index
 * @creater 刘静 <354631282@qq.com>
 * */
ul{
	list-style: none;
}
/* 本流程公共区域 -S */
.bg_blue{
	background-color: #0a4287 !important;
}
.bg_wathet{
	background-color: #33B8FF !important;
}
.bg_reseda{
	background-color: #2FD5AD !important;
}
/* 本流程公共区域 -E */

/* 首页 index 2015-07-08 刘静 -S */
.banner_index{
	width: 100%;
	height: 600px;
	overflow: hidden;
	min-width: 1200px;
}
.banner_index .banner_box {
	position: relative;
	width: 100%;
	max-height: 600px;
	overflow: hidden;
}
.banner_index .banner {
	position: relative;
	width: 100%;
	max-height: 600px;
}
.banner_index .banner .bg {
	width: 100%;
	height: 600px;
	background-position: center center;
}
.banner_index .banner .bg img {
	display: block;
	width: 100%;
}
.banner_index .banner .item {
	float: left;
	overflow:hidden;
}
.banner_index .clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.banner_index .ani_box {
	position: relative;
	width: 1170px;
	margin: 0 auto;
}
.banner_index .ani_item {
	position: absolute;
}


/* 动画 */
	@keyframes kf_firework
	{
		0% {
			transform:scale(.5);
			opacity: 0;
		}
		60%{
			opacity: 1;
		}
		80% {
			transform:scale(1);
			opacity: 0;
		}
		100% {
			transform:scale(.5);
		}
	}

	@-moz-keyframes kf_firework /* Firefox */
	{
		0% {
			-moz-transform:scale(.5);
			opacity: 0;
		}
		60%{
			opacity: 1;
		}
		80% {
			-moz-transform:scale(1);
			opacity: 0;
		}
		100% {
			-moz-transform:scale(.5);
		}
	}

	@-webkit-keyframes kf_firework /* Safari 和 Chrome */
	{
		0% {
			-webkit-transform:scale(.5);
			opacity: 0;
		}
		60%{
			opacity: 1;
		}
		80% {
			-webkit-transform:scale(1);
			opacity: 0;
		}
		100% {
			-webkit-transform:scale(.5);
		}
	}

	@-o-keyframes kf_firework /* Opera */
	{
		0% {
			-o-transform:scale(.5);
			opacity: 0;
		}
		60%{
			opacity: 1;
		}
		80% {
			-o-transform:scale(1);
			opacity: 0;
		}
		100% {
			-o-transform:scale(.5);
		}
	}
	/*第一张*/
	.ani_b11_1{
		position: absolute;
		left: 40px;
		top: 85px;
		opacity: 0;
	}
	.item.active .ani_b11_1{
		animation:kf_firework 1.5s linear .2s infinite;
		-moz-animation:kf_firework 1.5s linear .2s infinite; /* Firefox */
		-webkit-animation:kf_firework 1.5s linear .2s infinite; /* Safari and Chrome */
		-o-animation:kf_firework 1.5s linear .2s infinite; /* Opera */
	}
	.item.active .ani_b11_1 img{
		width: 140px;
		height: 140px;
	}

	.ani_b11_2{
		position: absolute;
		left: 180px;
		top: 20px;
		opacity: 0;
	}
	.item.active .ani_b11_2{
		animation:kf_firework 1.5s linear 1s infinite;
		-moz-animation:kf_firework 1.5s linear 1s infinite; /* Firefox */
		-webkit-animation:kf_firework 1.5s linear 1s infinite; /* Safari and Chrome */
		-o-animation:kf_firework 1.5s linear 1s infinite; /* Opera */
	}
	.item.active .ani_b11_2 img{
		width: 160px;
		height: 160px;
	}

	.ani_b11_3{
		position: absolute;
		right: 65px;
		top: 260px;
		opacity: 0;
	}
	.item.active .ani_b11_3{
		animation:kf_firework 1.5s linear 1.2s infinite;
		-moz-animation:kf_firework 1.5s linear 1.2s infinite; /* Firefox */
		-webkit-animation:kf_firework 1.5s linear 1.2s infinite; /* Safari and Chrome */
		-o-animation:kf_firework 1.5s linear 1.2s infinite; /* Opera */
	}
	.item.active .ani_b11_3 img{
		width: 220px;
		height: 220px;
	}
	.ani_b11_4{
		position: absolute;
		left: -375px;
		top: 0;
		opacity: 0;
		-webkit-transition: all 1.3s  ease-in-out .5s;
		-moz-transition: all 1.3s  ease-in-out .5s;
		-ms-transition: all 1.3s  ease-in-out .5s;
		-o-transition: all 1.3s  ease-in-out .5s;
		transition: all 1.3s  ease-in-out .5s;
	}
	.item.active .ani_b11_4{
		left: -375px;
		top: 0;
		opacity: 1;
	}
	.ani_b11_5{
		position: absolute;
		left: -375px;
		top: 223px;
		opacity: 0;
		-webkit-transition: all 1.3s  ease-in-out .5s;
		-moz-transition: all 1.3s  ease-in-out .5s;
		-ms-transition: all 1.3s  ease-in-out .5s;
		-o-transition: all 1.3s  ease-in-out .5s;
		transition: all 1.3s  ease-in-out .5s;
	}
	.item.active .ani_b11_5{
		left: -375px;
		top: 223px;
		opacity: 1;
	}
	.ani_b11_6{
		position: absolute;
		right: -375px;
		top: 0;
		opacity: 0;
		-webkit-transition: all 1.3s  ease-in-out .5s;
		-moz-transition: all 1.3s  ease-in-out .5s;
		-ms-transition: all 1.3s  ease-in-out .5s;
		-o-transition: all 1.3s  ease-in-out .5s;
		transition: all 1.3s  ease-in-out .5s;
	}
	.item.active .ani_b11_6{
		right: -375px;
		top: 0;
		opacity: 1;
	}


/*第一张*/
.item .ani_b1_1 {
	left: 300px;
	top: 305px;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all .4s linear .6s;
	-moz-transition: all .4s linear .6s;
	-ms-transition: all .4s linear .6s;
	-o-transition: all .4s linear .6s;
	transition: all .4s linear .6s;
}
.item.active .ani_b1_1 {
	left: 372px;
	top: 305px;
	z-index: 10;
	opacity: 1;
}

.banner_index .ani_b1_2 {
	left: 205px;
	top: 231px;
	z-index: 9;
	opacity: 0;
	-webkit-transition: all .5s .6s;
	-moz-transition: all .5s .6s;
	-ms-transition: all .5s .6s;
	-o-transition: all .5s .6s;
	transition: all .5s .6s;
}
.banner_index .item.active .ani_b1_2 {
	left: 255px;
	top: 231px;
	z-index: 9;
	opacity: 1;
}
.banner_index .ani_b1_3 {
	left: 195px;
	top: 142px;
	z-index: 8;
	opacity: 0;
	-webkit-transition: all .5s .6s;
	-moz-transition: all .5s .6s;
	-ms-transition: all .5s .6s;
	-o-transition: all .5s .6s;
	transition: all .5s .6s;
}
.banner_index .item.active .ani_b1_3 {
	left: 300px;
	top: 142px;
	z-index: 8;
	opacity: 1;
}
.banner_index .ani_b1_4 {
	left: 887px;
	top: 318px;
	z-index: 7;
	opacity: 0;
	-webkit-transition: all .5s .5s;
	-moz-transition: all .5s .5s;
	-ms-transition: all .5s .5s;
	-o-transition: all .5s .5s;
	transition: all .5s .5s;
}
.banner_index .item.active .ani_b1_4 {
	left: 817px;
	top: 318px;
	z-index: 7;
	opacity: 1;
}
.banner_index .ani_b1_5 {
	left: 110px;
	top: 479px;
	z-index: 6;
	opacity: 0;
	-webkit-transition: all .5s .4s;
	-moz-transition: all .5s .4s;
	-ms-transition: all .5s .4s;
	-o-transition: all .5s .4s;
	transition: all .5s .4s;
}
.banner_index .item.active .ani_b1_5 {
	left: 110px;
	top: 425px;
	z-index: 6;
	opacity: 1;
}
.banner_index .ani_b1_6 {
	left: 139px;
	top: 0;
	color: #f4ff3e;
	font-size: 50px;
	font-weight: bold;
	font-family: 'microsoft yahei';
	opacity: 0;
	-webkit-transition: all .5s .5s;
	-moz-transition: all .5s .5s;
	-ms-transition: all .5s .5s;
	-o-transition: all .5s .5s;
	transition: all .5s .5s;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
.banner_index .item.active .ani_b1_6 {
	left: 139px;
	top: 50px;
	color: #f4ff3e;
	font-size: 50px;
	font-weight: bold;
	font-family: 'microsoft yahei';
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.banner_index .ani_b1_6 strong {
	font-size: 60px;
}
.banner_index .ani_b1_7 {
	left: 372px;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out 0.8s;
	-moz-transition: all 0.5s ease-in-out 0.8s;
	-ms-transition: all 0.5s ease-in-out 0.8s;
	-o-transition: all 0.5s ease-in-out 0.8s;
	transition: all 0.5s ease-in-out 0.8s;
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-o-transform: scale(0.1);
	transform: scale(0.1);
}
.banner_index .item.active .ani_b1_7 {
	left: 372px;
	top: 20px;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.banner_index .ani_b1_8 {
	left: 583px;
	top: 48px;
	color: #fff;
	font-family: 'microsoft yahei';
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out 0.8s;
	-moz-transition: all 0.5s ease-in-out 0.8s;
	-ms-transition: all 0.5s ease-in-out 0.8s;
	-o-transition: all 0.5s ease-in-out 0.8s;
	transition: all 0.5s ease-in-out 0.8s;
}
.banner_index .item.active .ani_b1_8 {
	left: 513px;
	top: 48px;
	color: #fff;
	font-family: 'microsoft yahei';
	opacity: 1;
}
.banner_index .ani_b1_8 h5 {
	font-size: 32px;
}
.banner_index .ani_b1_8 p {
	font-size: 18px;
}
.banner_index .ani_b1_9 {
	left: 993px;
	top: 62px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 1s;
	-moz-transition: all 0.4s ease-in-out 1s;
	-ms-transition: all 0.4s ease-in-out 1s;
	-o-transition: all 0.4s ease-in-out 1s;
	transition: all 0.4s ease-in-out 1s;
}
.banner_index .item.active .ani_b1_9 {
	left: 993px;
	top: 62px;
	opacity: 1;
}

/*第二张*/
.banner_index .ani_b2_1 {
	left: 65px;
	top: 173px;
	z-index: 8;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.6s;
	-moz-transition: all 0.4s ease-in-out 0.6s;
	-ms-transition: all 0.4s ease-in-out 0.6s;
	-o-transition: all 0.4s ease-in-out 0.6s;
	transition: all 0.4s ease-in-out 0.6s;
}
.banner_index .item.active .ani_b2_1 {
	left: 65px;
	top: 143px;
	z-index: 8;
	opacity: 1;
}
.banner_index .ani_b2_2 {
	left: 58px;
	top: 186px;
	z-index: 7;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	-o-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s;
}
.banner_index .item.active .ani_b2_2 {
	left: 58px;
	top: 116px;
	z-index: 7;
	opacity: 1;
}
.banner_index .ani_b2_3 {
	left: 117px;
	top: 200px;
	z-index: 6;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.7s;
	-moz-transition: all 0.4s ease-in-out 0.7s;
	-ms-transition: all 0.4s ease-in-out 0.7s;
	-o-transition: all 0.4s ease-in-out 0.7s;
	transition: all 0.4s ease-in-out 0.7s;
}
.banner_index .item.active .ani_b2_3 {
	left: 117px;
	top: 136px;
	z-index: 6;
	opacity: 1;
}
.banner_index .ani_b2_4 {
	left: 192px;
	top: 141px;
	width: 44px;
	height: 0;
	z-index: 5;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 0.8s;
	-moz-transition: all 0.4s ease-in-out 0.8s;
	-ms-transition: all 0.4s ease-in-out 0.8s;
	-o-transition: all 0.4s ease-in-out 0.8s;
	transition: all 0.4s ease-in-out 0.8s;
}
.banner_index .item.active .ani_b2_4 {
	left: 192px;
	top: 141px;
	width: 44px;
	height: 172px;
	z-index: 5;
}
.banner_index .ani_b2_5 {
	left: 296px;
	top: 130px;
	width: 86px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 0.9s;
	-moz-transition: all 0.4s ease-in-out 0.9s;
	-ms-transition: all 0.4s ease-in-out 0.9s;
	-o-transition: all 0.4s ease-in-out 0.9s;
	transition: all 0.4s ease-in-out 0.9s;
}
.banner_index .item.active .ani_b2_5 {
	left: 296px;
	top: 130px;
	width: 86px;
	height: 213px;
}
.banner_index .ani_b2_6 {
	left: 442px;
	top: 130px;
	width: 86px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 1s;
	-moz-transition: all 0.4s ease-in-out 1s;
	-ms-transition: all 0.4s ease-in-out 1s;
	-o-transition: all 0.4s ease-in-out 1s;
	transition: all 0.4s ease-in-out 1s;
}
.banner_index .item.active .ani_b2_6 {
	left: 442px;
	top: 130px;
	width: 86px;
	height: 213px;
}
.banner_index .ani_b2_7 {
	left: 587px;
	top: 130px;
	width: 86px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 1.1s;
	-moz-transition: all 0.4s ease-in-out 1.1s;
	-ms-transition: all 0.4s ease-in-out 1.1s;
	-o-transition: all 0.4s ease-in-out 1.1s;
	transition: all 0.4s ease-in-out 1.1s;
}
.banner_index .item.active .ani_b2_7 {
	left: 587px;
	top: 130px;
	width: 86px;
	height: 213px;
}
.banner_index .ani_b2_8 {
	left: 732px;
	top: 130px;
	width: 86px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 1.2s;
	-moz-transition: all 0.4s ease-in-out 1.2s;
	-ms-transition: all 0.4s ease-in-out 1.2s;
	-o-transition: all 0.4s ease-in-out 1.2s;
	transition: all 0.4s ease-in-out 1.2s;
}
.banner_index .item.active .ani_b2_8 {
	left: 732px;
	top: 130px;
	width: 86px;
	height: 213px;
}
.banner_index .ani_b2_9 {
	left: 877px;
	top: 130px;
	width: 86px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out 1.3s;
	-moz-transition: all 0.4s ease-in-out 1.3s;
	-ms-transition: all 0.4s ease-in-out 1.3s;
	-o-transition: all 0.4s ease-in-out 1.3s;
	transition: all 0.4s ease-in-out 1.3s;
}
.banner_index .item.active .ani_b2_9 {
	left: 877px;
	top: 130px;
	width: 86px;
	height: 213px;
}
.banner_index .ani_b2_10 {
	left: 1027px;
	top: 136px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 1.4s;
	-moz-transition: all 0.4s ease-in-out 1.4s;
	-ms-transition: all 0.4s ease-in-out 1.4s;
	-o-transition: all 0.4s ease-in-out 1.4s;
	transition: all 0.4s ease-in-out 1.4s;
}
.banner_index .item.active .ani_b2_10 {
	left: 997px;
	top: 136px;
	opacity: 1;
}
.banner_index .ani_b2 .ani_item .box {
	width: 86px;
	height: 213px;
	background: url(../img/banner/b2_ani_box.png) no-repeat center center;
}
.banner_index .ani_b2 .ani_item .box .title {
	text-align: center;
}
.banner_index .ani_b2 .ani_item .box .txt {
	width: 86px;
	height: 180px;
	overflow: hidden;
}
.banner_index .ani_b2 .ani_item .box .txt p {
	float: left;
	width: 28px;
	word-break: break-all;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-family: 'microsoft yahei';
	*width: 12px;
}

/*第三张*/
.banner_index .ani_b3_1 {
	left: 87px;
	top: 600px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.4s;
	-moz-transition: all 0.4s ease-in-out 0.4s;
	-ms-transition: all 0.4s ease-in-out 0.4s;
	-o-transition: all 0.4s ease-in-out 0.4s;
	transition: all 0.4s ease-in-out 0.4s;
}
.banner_index .item.active .ani_b3_1 {
	left: 87px;
	top: 195px;
	z-index: 1;
	opacity: 1;
}
.banner_index .ani_b3_2 {
	left: 608px;
	top: 305px;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.7s;
	-moz-transition: all 0.4s ease-in-out 0.7s;
	-ms-transition: all 0.4s ease-in-out 0.7s;
	-o-transition: all 0.4s ease-in-out 0.7s;
	transition: all 0.4s ease-in-out 0.7s;
}
.banner_index .item.active .ani_b3_2 {
	left: 608px;
	top: 265px;
	z-index: 2;
	opacity: 1;
}
.banner_index .ani_b3_3 {
	left: 469px;
	top: 253px;
	z-index: 3;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.8s;
	-moz-transition: all 0.4s ease-in-out 0.8s;
	-ms-transition: all 0.4s ease-in-out 0.8s;
	-o-transition: all 0.4s ease-in-out 0.8s;
	transition: all 0.4s ease-in-out 0.8s;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}
.banner_index .item.active .ani_b3_3 {
	left: 469px;
	top: 213px;
	z-index: 3;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.banner_index .ani_b3_4 {
	left: 351px;
	top: 281px;
	z-index: 4;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.9s;
	-moz-transition: all 0.4s ease-in-out 0.9s;
	-ms-transition: all 0.4s ease-in-out 0.9s;
	-o-transition: all 0.4s ease-in-out 0.9s;
	transition: all 0.4s ease-in-out 0.9s;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}
.banner_index .item.active .ani_b3_4 {
	left: 351px;
	top: 241px;
	z-index: 4;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.banner_index .ani_b3_5 {
	left: 251px;
	top: 321px;
	z-index: 5;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 1s;
	-moz-transition: all 0.4s ease-in-out 1s;
	-ms-transition: all 0.4s ease-in-out 1s;
	-o-transition: all 0.4s ease-in-out 1s;
	transition: all 0.4s ease-in-out 1s;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);
}
.banner_index .item.active .ani_b3_5 {
	left: 251px;
	top: 291px;
	z-index: 5;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.banner_index .ani_b3_6 {
	left: 406px;
	top: 130px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.8s;
	-moz-transition: all 0.4s ease-in-out 0.8s;
	-ms-transition: all 0.4s ease-in-out 0.8s;
	-o-transition: all 0.4s ease-in-out 0.8s;
	transition: all 0.4s ease-in-out 0.8s;
}
.banner_index .item.active .ani_b3_6 {
	left: 406px;
	top: 150px;
	opacity: 1;
}
.banner_index .ani_b3_7 {
	left: 477px;
	top: 148px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 1.1s;
	-moz-transition: all 0.4s ease-in-out 1.1s;
	-ms-transition: all 0.4s ease-in-out 1.1s;
	-o-transition: all 0.4s ease-in-out 1.1s;
	transition: all 0.4s ease-in-out 1.1s;
}
.banner_index .item.active .ani_b3_7 {
	left: 477px;
	top: 148px;
	opacity: 1;
}
.banner_index .ani_b3_7 p {
	font-size: 16px;
	font-family: 'microsoft yahei';
	color: #fff;
}
.banner_index .ani_b3_8 {
	left: -10000px;
	top: 50px;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.6s;
	-moz-transition: all 0.4s ease-in-out 0.6s;
	-ms-transition: all 0.4s ease-in-out 0.6s;
	-o-transition: all 0.4s ease-in-out 0.6s;
	transition: all 0.4s ease-in-out 0.6s;
}
.banner_index .item.active .ani_b3_8 {
	left: 194px;
	top: 50px;
	color: #fff;
	opacity: 1;
}
.banner_index .ani_b3_8 h4 {
	font-size: 72px;
	font-weight: bold;
	text-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
	font-family: 'microsoft yahei';
}
.banner_index .ani_b3_9 {
	left: 2000px;
	top: 60px;
	width: 330px;
	color: #ffcc00;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out 0.6s;
	-moz-transition: all 0.4s ease-in-out 0.6s;
	-ms-transition: all 0.4s ease-in-out 0.6s;
	-o-transition: all 0.4s ease-in-out 0.6s;
	transition: all 0.4s ease-in-out 0.6s;
}
.banner_index .item.active .ani_b3_9 {
	left: 562px;
	top: 60px;
	width: 330px;
	color: #ffcc00;
	opacity: 1;
}
.banner_index .ani_b3_9 h6 {
	font-size: 30px;
	font-family: 'microsoft yahei';
}
.banner_index .ani_b3_10 {
	left: 902px;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0.9s;
	-moz-transition: all 0.3s ease-in-out 0.9s;
	-ms-transition: all 0.3s ease-in-out 0.9s;
	-o-transition: all 0.3s ease-in-out 0.9s;
	transition: all 0.3s ease-in-out 0.9s;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
.banner_index .item.active .ani_b3_10 {
	left: 902px;
	top: 62px;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.banner_index .banner_box .prev,
.banner_index .banner_box .next {
	position: absolute;
	top:300px;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	font-size: 20px;
	color: #fff;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner_index .banner_box .prev{ left: -80px;}
.banner_index .banner_box .next{ right: -80px;}
.banner_index .banner_box .prev.active { left: 0;}
.banner_index .banner_box .next.active { right: 0;}

.flow_box{
	border: 1px solid #e5e5e5;
	padding: 40px 0 30px;
	margin: 50px 0 40px;
	position: relative;
}
.flow_box .flow_title{
	padding: 0 60px;
	font-size:36px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
	background: #fff url(../img/flow_bg.png) center center no-repeat;
	position: absolute;
	top:-23px;
	left: 50%;
	margin-left: -130px;
}
.buy_flow{
	margin: 30px 10px 0;
	background: #fff url(../img/wave_line.png) no-repeat center center;
	transition: all 1s;
	*width: 100%;
	*margin-left: 0;
}
.buy_flow li{
	margin: 0 30px;
	width: 170px;
	float: left;
}
.buy_flow .computer_bg{
	padding: 8px 8px 50px;
	height: 144px;
	background: url(../img/computer.png) no-repeat center center;
	*height: 86px;
}
.buy_flow .computer_bg .pic_j{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.buy_flow .computer_bg img{
	width: 100%;
	height: 100%;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}
.buy_flow .computer_bg:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.buy_flow span{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	font-size: 22px;
	background: #096cbb;
	color: #fff;
	margin: 10px auto;
}

.show_index{
	/* background-image: url(../img/show_bg.png); */
	background-color: #f5f5f5;
	background-size: cover;
	padding: 30px 0;
	border: 1px solid #eee;
	border-width: 1px 0 1px 0;
}
.show_title{
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	color: #fff;
	/* background: transparent url("../img/anli_bj.png") center center repeat; */
	background-size: cover;
	*width: 75%;
	*padding: 0 10%;
}
.show_title a:hover,
.show_title a:focus{
	color: #fff;
	text-decoration: none;
}
.anli{
	min-height: 370px;
	padding: 10px;
	background: #fff;
	*width: 84.5%;
	*min-height: 350px;
	*padding: 10px 5%;
}
.anli li{
	float: left;
	display:block;
	width: 46%;
	height: 66px;
	margin: 10px 2%;
	border: 1px solid #eee; 
}
.anli li a{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.anli2 li{
	width: 29.3%;
}
.buy{
	min-height: 370px;
	padding: 0 10px;
	background: #fff;
	*width: 84.5%;
	*padding: 0 5%;
}
.buy li{
	clear: both;
	border-top: 1px solid #eee;
	padding: 20px 0;
	margin: 0 10px;
	font-size: 16px;
	*width: 100%;
}
.buy li:first-child{
	border-top: 0;
}
.buy li .left_photo{
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 10px;
	background-color: #eee;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.buy li .left_photo a{
	display: block;
	width: 80px;
	height: 80px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.buy li .right_comtent{
	height: auto;
	margin: 20px 0 20px 105px; 
	line-height: 18px;
}
.buy li .right_comtent span{
	display: block;
}

/* 定制流程 -S */
.cus_flow{
	font-size: 0;
}
.cus_flow li{
	font-size: 14px;
	color: #fff;
}
.cus_bg_0{
	position: relative;
	display: inline-block;
	padding: 0 25px;
	margin: 0 25px;
	width: 104px;
	height: 90px;
	background: transparent url(../img/sixangle_blue.png) center center no-repeat;
}
.cus_bg_0 .icon-font{ font-size:45px;}
.cus_flow li:after{
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background: #e5e5e5;
	right:-35px;
	top: 50%;
}
.after_ZH:after{
	right:-140px !important;
}
.cus_flow li:last-child:after{background: #fff;}
.cus_bg_1{
	position: relative;
	display: inline-block;
	margin: 0 25px;
	padding: 10px 20px;
	width: 70px;
	height: 60px;
	vertical-align: top;
	margin-top: 15px;
	background: transparent url(../img/sixangle_blue3.png) center center no-repeat;
}
.cus_bg_2 span{
	display: block;
	position: absolute;
	width: 58px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	background: transparent url(../img/sixangle_blue2.png) center center no-repeat;
}
.pos_1{
	top: -5px;
	right: 162px;
}
.pos_2{
	top: 20px;
	right: 115px;
}
.pos_3{
	top: 47px;
	right: 161px;
}
.pos_4{
	top: -5px;
	left: 162px;
}
.pos_5{
	top: 20px;
	left: 115px;
}
.pos_6{
	top: 47px;
	left: 161px;
}
/* 定制流程 -E */

/* 评论 -S */
.comment_j{
	width: 100%;
	height: 374px;
	padding: 60px 0;
	background: transparent url('../img/comment_index.jpg') center center no-repeat;
	*height: 250px !important;
}
.comment_j .container{
	position: relative;
	padding: 0 80px;
}
.comment_j .line{
	display: block;
	width: 100%;
	border-top: 1px solid #fff;
	position: absolute;
	top: 47%;
	left: 0;
	z-index: 1;
}
.comment_j .prev,
.comment_j .next{
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ccc;
	text-align: center;
	font-size: 38px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 38%;
	z-index: 100;
}
.comment_j .fa:hover{
	color: #49dab7;
	text-decoration: none;
}
.comment_j .fa:focus{ text-decoration: none;}

.comment_j .prev{ left: 0;}
.comment_j .next{ right: 0;}

.comment_j .mb20{ margin-bottom: 22px !important;}
.comment_list_index li{ 
	width: 25%; 
	height: 250px;
	float: left;
}
.comment_list_index .comment_box_j{
	width: 100%;
	min-width: 240px\0 !important;
	height: 90px;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	*padding: 0;
}
.comment_list_index .comment_cir{
	display: block;
	margin: auto;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
}
.comment_list_index .comment_box_j .fa-caret-down,
.comment_list_index .comment_box_j .fa-caret-up{
	font-size: 39px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -11px;
}
.comment_list_index .comment_box_j .fa-caret-down{ top: 66px;}
.comment_list_index .comment_box_j .fa-caret-up{ bottom: 68px;}

.comment_list_index .comment_box_j .user_pto{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
	background-color: #eee;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	*margin: 10px;
}
.comment_list_index .comment_box_j .user_pto span{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* 评论 -E */
.footer_bj2{
	position: absolute;
	bottom: -106px;
	right: 0;
	z-index: 2;
	width: 140px;
	height: 60px;
	background: transparent url(../img/footer_bj2.png) 1px center no-repeat;
}
/*index	2015-07-08 E*/


/*
 * 定制服务模块样式
 * @dir Home/Service
 * @creater 刘静 <354631282@qq.com>
 * */

 /* index 2015-7-16 -S */
 .title_banner{
	width: 100%;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 1200px;
}

.sort_j{
	border: 1px solid #e5e5e5;
	background: #fafafa;
	padding: 10px 20px;
	color: #666;
	position: relative;
}
.sort_j:before{
	position: absolute;
	left: -1px;
	bottom: -17px;
	content: url('../img/service_bg1.png');
}
.sort_j:after{
	position: absolute;
	right: -1px;
	bottom: -17px;
	content: url('../img/service_bg2.png');
	
}
.sort_j li{
	border-top: 1px solid #e5e5e5;
	height: 60px;
	line-height: 60px;
}
.sort_j li:first-child{
	border-top: none;
}
.sort_j li a{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border-radius: 10px;
}
.sort_j li a:hover,.sort_j li a.cur{
	background: #096cbb;
	color: #fff;
	text-decoration: none;
}

.sort_con_j{
	margin: 0 10px;
	padding: 0 20px 20px;
	border: 1px solid #e5e5e5;
	margin-top: -1px;
}
.sort_con_j h4{
	color: #999;
	font-size:16px;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 20px 0 20px;
}
.check_box_j{
	margin: 0 -10px;
	text-align: center;
	*width: 100%;
}
.check_box_j li{
	width: 205px;
	height: 90px;
	border: 1px solid #e5e5e5;
	padding: 5px;
	line-height: 30px;
	float: left;
	margin: 20px 10px 0;
	cursor: pointer;
}
.check_box_j p{
	margin:5px 0 0;
}
.check_box_j li span{
	font-size:12px;
	color: #999;
	font-family: '宋体';
}
.check_box_j li:hover,
.check_box_j li.cur{ 
	border: 3px solid #fc7878;
	padding: 3px;
}
.check_box_j li.cur{ background: url('../img/check.png') no-repeat right bottom;}

.textarea_j{
	width: 100%;
	height: 200px;
	border: 1px solid #e5e5e5;
	margin-top: -1px;
	resize:none;
	outline: none;
	*margin-top: -2px;
}

.sort_bot_j{
	padding: 15px 20px;
	border:1px solid #e5e5e5;
	height: 80px;
	background: #fafafa;
	margin-top: -1px;
	position: relative;
	*height: 50px;
}
.sort_bot_j:before{
	position: absolute;
	left: -1px;
	top: -15px;
	content: url('../img/service_bg3.png');
}
.sort_bot_j:after{
	position: absolute;
	right: -1px;
	top: -15px;
	content: url('../img/service_bg4.png');
}

 /* index 2015-7-16 -E */

/*
 * 帮助中心
 * @dir Home/About
 * @creater 刘静 <354631282@qq.com>
 * */

 /* index 刘静 2015-8-14 S */
.about_box{
	border: 1px solid #ddd;
	padding: 30px;
	overflow: hidden;
	background: #fff;
}
.about_box p{ line-height: 24px;}
.about_box .hr{
	padding-bottom: 40px;
	border-bottom:1px solid #ddd;
}
.about_box .cn_about{ margin-top: -20px;}
.about_box .cn_about li{
	display: inline-block;
	cursor: pointer;
	padding: 5px 10px;
	font-size: 16px;
}
.about_box .cn_about li.active{
	background: #2fd5ad;
	color: #fff;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.about_box .brief{ 
	padding: 0 50px;
	overflow: hidden;
}
.about_box .brief .brief_img img{
	width: 135px;
	height: 225px;
	float: left;
	opacity: 0;
	opacity: 1\9;
	border: 1px solid #fff;
}

.about_box .team_img{
	background: url('../img/team_bg.jpg') no-repeat 165px center;
}
.about_box .team_img .user_pto{
	display: block;
	width: 135px;
	height: 135px;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: 2px 2px 0 #ddd;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.about_box .team_list{
	margin: 0 -30px -30px;
	background: url('../img/team_bg.png') no-repeat center center;
	min-width: 895px;
}
.about_box .team_list li{
	width: 238px;
	height: 160px;
	border: 5px solid #ebebeb;
	margin: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.about_box .glory_list{
	margin: 30px -20px;
	padding: 0 20px;
}
.about_box .glory_list li{ float: left;}
.about_box .glory_list .img_box{ height: 150px;}
.about_box .glory_list .img_box .pic{
	width: 155px;
	height: 110px;
	margin: 0 -10px;
	border: 5px solid #ebebeb;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.about_box .glory_list .img_box .text{
	text-align: center;
	height: 35px;
	line-height: 35px;
}
.about_box .glory_list .img_box .point{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e5e5e5;
	margin: 0 auto;
}
.about_box .glory_list .line_y{
	height: 30px;
	width: 0;
	border-left: 1px solid #e5e5e5;
	margin: 0 auto;
}
.about_box .glory_list .year{
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.about_box .glory_list .line{
	border-top:1px solid #d2ebfe;
	margin: 12px 0;
	position: relative;
}
.about_box .glory_list li:first-child .line:before{
	content: '<';
	color: #d2ebfe;
	font-size: 20px;
	position: absolute;
	left: -2px;
	top: -16px;
}
.about_box .glory_list li:last-child .line:after{
	content: '>';
	color: #d2ebfe;
	font-size: 20px;
	position: absolute;
	right: -2px;
	top: -16px;
}
.about_box .glory_list .line .circle{
	width: 24px;
	height: 24px;
	background: #fff;
	border: 5px solid #ebebeb;
	border-radius: 50%;
	position: absolute;
	top:-12px;
	left: 50%;
	margin-left: -12px;
}

.about_box .jiyu p{
	text-indent: 2em;
	margin-bottom: 0;
}
.about_box .jiyu img{
	float: right;
	margin-top: 55px;
}

.about_box .flow{
	overflow: hidden;
}
.about_box .flow .flow_left{
	width: 440px;
	height: 400px;
	margin: 0 40px 0 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
.about_box .flow .flow_left .mirror{
	opacity: 0;
	width: 235px;
	height: 235px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	right: -100px;
	bottom: 0;
}
.about_box .flow .flow_right{
	margin-left: 490px;
}

.about_box .cn_map{
	width: 625px;
	height: 516px;
	background: url('../img/map_bg.jpg') no-repeat center center;
	margin: 0 auto;
}
.about_box .cn_map .cn_img_box{
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 0;
	opacity: 1\9;
}
.about_box .cn_map img{
	position: absolute;
	border: 4px solid #ebebeb;
}
.about_box .cn_map .img1{
	width: 60px;
	height: 43px;
	left: 310px;
	top: 210px;
	z-index: 1;
}
.about_box .cn_map .img2{
	width: 90px;
	height: 65px;
	left: 360px;
	top: 240px;
	z-index: 2;
}
.about_box .cn_map .img3{
	width: 130px;
	height: 95px;
	left: 190px;
	top: 245px;
	z-index: 2;
}
.about_box .cn_map .img4{
	width: 155px;
	height: 110px;
	left: 240px;
	bottom: 45px
}
.about_box .cn_map .img5{
	width: 155px;
	height: 110px;
	right: 40px;
	bottom: 90px;
}
.about_box .cn_map .img6{
	width: 175px;
	height: 125px;
	left: 0;
	bottom: 150px;
}
.about_box .cn_map .img7{
	width: 175px;
	height: 125px;
	right: -20px;
	top: 135px;
}
.about_box .cn_map .img8{
	width: 195px;
	height: 140px;
	left: 100px;
	top: 60px;
}

 /* 添加动画 -S */
.about_box .active .brief_img .item1{
	-webkit-animation: show .5s linear forwards;
	-moz-animation: show .5s linear forwards;
	-o-animation: show .5s linear forwards;
	-ms-animation: show .5s linear forwards;
	animation: show .5s linear forwards;
}
.about_box .active .brief_img .item2{
	margin-top: 25px;
	-webkit-animation: toLeft .5s linear .5s forwards;
	-moz-animation: toLeft .5s linear .5s forwards;
	-o-animation: toLeft .5s linear .5s forwards;
	-ms-animation: toLeft .5s linear .5s forwards;
	animation: toLeft .5s linear .5s forwards;
}
.about_box .active .brief_img .item3{
	-webkit-animation: toLeft .5s linear 1s forwards;
	-moz-animation: toLeft .5s linear 1s forwards;
	-o-animation: toLeft .5s linear 1s forwards;
	-ms-animation: toLeft .5s linear 1s forwards;
	animation: toLeft .5s linear 1s forwards;
}
.about_box .active .brief_img .item4{
	margin-top: 25px;
	-webkit-animation: toLeft .5s linear 1.5s forwards;
	-moz-animation: toLeft .5s linear 1.5s forwards;
	-o-animation: toLeft .5s linear 1.5s forwards;
	-ms-animation: toLeft .5s linear 1.5s forwards;
	animation: toLeft .5s linear 1.5s forwards;
}
.about_box .active .brief_img .item5{
	-webkit-animation: toLeft .5s linear 2s forwards;
	-moz-animation: toLeft .5s linear 2s forwards;
	-o-animation: toLeft .5s linear 2s forwards;
	-ms-animation: toLeft .5s linear 2s forwards;
	animation: toLeft .5s linear 2s forwards;
}
.about_box .active .brief_img .item6{
	margin-top: 25px;
	-webkit-animation: toLeft .5s linear 2.5s forwards;
	-moz-animation: toLeft .5s linear 2.5s forwards;
	-o-animation: toLeft .5s linear 2.5s forwards;
	-ms-animation: toLeft .5s linear 2.5s forwards;
	animation: toLeft .5s linear 2.5s forwards;
}
.about_box .active .brief_p,
.about_box .active .team_p,
.about_box .active .glory_p,
.about_box .active .cn_p{
	opacity: 0;
	opacity: 1\9;
	-webkit-animation: toTop .5s linear forwards;
	-moz-animation: toTop .5s linear forwards;
	-o-animation: toTop .5s linear forwards;
	-ms-animation: toTop .5s linear forwards;
	animation: toTop .5s linear forwards;
}
.about_box .active .team_p{
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
}
.about_box .active .team_img,
.about_box .active .flow_left,
.about_box .active .jiyu p,
.about_box .active h4,
.about_box .active .jiyu h5{
	-webkit-animation: toRight .5s linear forwards;
	-moz-animation: toRight .5s linear forwards;
	-o-animation: toRight .5s linear forwards;
	-ms-animation: toRight .5s linear forwards;
	animation: toRight .5s linear forwards;
}
.about_box .active .team_list,
.about_box .active .cn_map .cn_img_box{
	opacity: 0;
	opacity: 1\9;
	-webkit-animation: toBig .5s linear 1s forwards;
	-moz-animation: toBig .5s linear 1s forwards;
	-o-animation: toBig .5s linear 1s forwards;
	-ms-animation: toBig .5s linear 1s forwards;
	animation: toBig .5s linear 1s forwards;
}
.about_box .active .glory_list .point,
.about_box .active .glory_list .year,
.about_box .active .glory_list .line,
.about_box .active .glory_list .line_y,
.about_box .active .jiyu img{
	opacity: 0;
	opacity: 1\9;
	-webkit-animation: toBig .5s linear forwards;
	-moz-animation: toBig .5s linear forwards;
	-o-animation: toBig .5s linear forwards;
	-ms-animation: toBig .5s linear forwards;
	animation: toBig .5s linear forwards;
}
.about_box .active .jiyu img{
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
}
.about_box .active .glory_list .img_box.item1,
.about_box .active .cn_map{
	opacity: 0;
	opacity: 1\9;
	-webkit-animation: toTop .5s linear .5s forwards;
	-moz-animation: toTop .5s linear .5s forwards;
	-o-animation: toTop .5s linear .5s forwards;
	-ms-animation: toTop .5s linear .5s forwards;
	animation: toTop .5s linear .5s forwards;
}
.about_box .active .glory_list .img_box.item2{
	opacity: 0;
	opacity: 1\9;
	-webkit-animation: down .5s linear .5s forwards;
	-moz-animation: down .5s linear .5s forwards;
	-o-animation: down .5s linear .5s forwards;
	-ms-animation: down .5s linear .5s forwards;
	animation: down .5s linear .5s forwards;
}
.about_box .active .flow_right,
.about_box .active .flow_left .mirror{
	-webkit-animation: toLeft .5s linear forwards;
	-moz-animation: toLeft .5s linear forwards;
	-o-animation: toLeft .5s linear forwards;
	-ms-animation: toLeft .5s linear forwards;
	animation: toLeft .5s linear forwards;
}
.about_box .active .flow_left .mirror{
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	-ms-animation-delay: .5s;
	animation-delay: .5s;
}

/* 添加动画 -E */
/* index 2015-8-14 E */

/* join 刘静 2015-8-14 S */
.about_nav a{
	color: #369;
	display: inline-block;
	padding: 0 20px 5px 0;
}
.about_nav .an_left{
	float: left;
	width: 70px;
}
.about_nav .an_content{
	margin-left: 70px;
}
.offer_txt{
	padding: 10px;
	line-height: 24px;
}
.offer_box li{
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.offer_box li:last-child{ border-bottom: 0;}
.offer_box .offer_left{
	width: 170px;
	padding: 13px 0;
	text-align: center;
	float: left;
}
.offer_box .offer_content{
	margin-left: 190px;
	line-height: 35px;
}
.offer_box p{
	margin: 0;
}
.offer_box .offer_content .an_content{
	margin-left: 35px;
}
 /* join 2015-8-14 E */

 /* contact 刘静 2015-8-14 S */
.about_box #map{
	height: 500px;
}
.contact_way_j{ margin: 0 -10px 20px;}
.contact_way_j li{
	width: 46%;
	line-height: 50px;
	margin: 0 2%;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	float: left;
}
.contact_way_j li .fa{
	width: 58px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size:22px;
	font-style: normal;
	color: #fff;
	float: left;
	margin-right: 15px;
	background: url("../img/sixangle_blue2.png") no-repeat center center;
}

 /* contact 2015-8-14 E */

/* 优秀案例 -S */
.case_j{ 
	margin-right: -20px; 
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.animate .case_j{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.case_j li{
	width: 155px;
	height: 66px;
	float: left;
	border: 1px solid #ddd;
	margin: 0 20px 20px 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.case_r{
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-o-transform: translateX(300px);
	-ms-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-transition: all .5s .5s;
	-moz-transition: all .5s .5s;
	-o-transition: all .5s .5s;
	-ms-transition: all .5s .5s;
	transition: all .5s .5s;
}
.animate .case_r{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
/* 优秀案例 -E */



/* 2017-1-3 */
#j-ui-header-bd-wrap{display:none;}
.diy-content .diy-parts.edit-index .diy-sec .part{width:100%;min-width:1200px;max-width:1920px;margin:0 auto;}
.diy-content .diy-parts.edit-index .diy-sec.w990{margin-top:20px;}
.diy-content .diy-parts.edit-index .diy-sec.w990 .part{min-width:auto;}
.transition5 {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.transition50 {
    -moz-transition: all 0.5s ease 0.6s;
    -webkit-transition: all 0.5s ease 0.6s;
    -o-transition: all 0.5s ease 0.6s;
    -ms-transition: all 0.5s ease 0.6s;
    transition: all 0.5s ease 0.6s;
}
.transition10 {
    -moz-transition: all 1s ease 0.2s;
    -webkit-transition: all 1s ease 0.2s;
    -o-transition: all 1s ease 0.2s;
    -ms-transition: all 1s ease 0.2s;
    transition: all 1s ease 0.2s;
}
.transition11 {
    -moz-transition: all 1s ease 0.5s;
    -webkit-transition: all 1s ease 0.5s;
    -o-transition: all 1s ease 0.5s;
    -ms-transition: all 1s ease 0.5s;
    transition: all 1s ease 0.5s;
}

.transition3 {
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.clearfix:before,.clearfix:after{content: "";display: table;}
.clearfix:after{clear:both;}

.clearfix {zoom: 1;}
/*pre强制换行*/
.sr_wrapper{width: 100%; overflow:hidden;font-size:16px;color: #8a8a8a;font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif, Microsoft JhengHei, "微软雅黑", SYHT;text-align: left;}
.sr_wrapper .main{width:100%;min-width: 1200px;}
.sr_wrapper .banner{width: 100%; height: 600px; background:center center no-repeat;}
.sr_wrapper .main_div{width: 1200px;margin: 0 auto; position: relative;}
.sr_wrapper .his_head{padding-top: 30px;}
.sr_wrapper .his_head img{height: 81px; float: left; margin-right: 10px;}
.sr_wrapper .his_head strong{font-size: 40px; font-weight: lighter; color: #FF6600; line-height: 100px;}
.sr_wrapper .his_head p{ padding: 0; margin:0; margin-top: -15px; line-height: 26px; padding-bottom: 15px;   }
.sr_wrapper .his_img{height:358px; background:center center no-repeat;}
.sr_wrapper .his_imgs{width: 100%;background: #F2F2F2;}
.sr_wrapper .his_imgs .main_div div{width: 290px; border:10px solid #fff; float: left; margin-right: 10px; overflow:hidden; line-height: 30px; text-align: center; color: #333; }
.sr_wrapper .his_imgs .main_div0 div{width: 290px; border:none; padding: 10px 0}
.sr_wrapper .his_imgs .main_div div img{float: left; width: 100%; cursor: pointer ;}
.sr_wrapper .his_imgs .main_div div img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.sr_wrapper .his_imgs .last{margin-right: 0}

.sr_wrapper .we_do{padding: 20px 0 40px 0;}
.sr_wrapper .wedo_head{ text-align: center; padding: 20px 0 20px 0; line-height: 40px; }
.sr_wrapper .wedo_imgs{ text-align: center;}
.sr_wrapper .wedo_imgs img{margin-right: 13px; position: relative; top: 0}
.sr_wrapper .wedo_imgs img:hover{top: -5px;}
.sr_wrapper .wedo_imgs .last img{ margin-right: 0 }
.sr_wrapper .stage{ height: 550px; background:center 0; }
.sr_wrapper .stage_1{height:154px;}

.stage_banner{height:340px;}
.stage_banner .item a{width:18%;margin:0 1%;float:left;display:block;}
.sr_wrapper .stage .main_div{ padding-top: 20px}
.sr_wrapper .friend{ background:center center;  padding-bottom: 60px; }
.sr_wrapper .cases .case_head{ height: 150px; position: relative; overflow:hidden;text-align:center;}
.sr_wrapper .case_details{ height: 284px; background:center center no-repeat;position: relative;}
.sr_wrapper .case_details .text{width: 813px; height: 130px; position: absolute; left: 30px; top: 100px; color: #fff; line-height: 30px; letter-spacing:2px;}
.sr_wrapper .case_details .text p{text-align: right; margin: 0}
.sr_wrapper .case_details .text p a{ color: #fff }
.sr_wrapper .case_details .text p a:hover{ text-decoration: underline; }

.sr_wrapper .cases .case_imgs img{ margin: 5px 7px 5px 0;  position: relative; cursor: pointer ;}
.sr_wrapper .cases .case_imgs img:hover {
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation: pro_link 0.3s linear 0s;
	-webkit-animation: pro_link 0.3s linear 0s;
}
@keyframes pro_link {
	0% {
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		opacity: 0.5
	}
	55% {
		-webkit-filter: blur(3px);
		-moz-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
		opacity: 0.7
	}
	100% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
		opacity: 1
	}
}
.sr_wrapper .app_div{ background:top center; height:950px;  perspective: 1500px;
    -webkit-perspective: 1500px;}
.sr_wrapper .app_div .text{width:877px; height: 130px; position: absolute;top:107px;left:15px;color: #fff; line-height: 30px; letter-spacing:2px;}
.sr_wrapper .app_div .text p{text-align: right; margin: 0}
.sr_wrapper .app_div .app_imgs{  text-align: center; margin-top: 360px; }
.sr_wrapper .app_div .app_imgs img{width: 240px;margin: 20px;transform: rotateX(0deg); -webkit-transform: rotateX(0deg); cursor: pointer; transform-origin: center bottom;-webkit-transform-origin: center bottom;}
.sr_wrapper .app_div .app_imgs img:hover{
	transform: rotateX(3deg); -webkit-transform: rotateX(3deg);
}
.sr_wrapper .we_chat .main_div{ padding: 30px 0 }
.sr_wrapper .we_chat .sr_head{ font-size: 30px; color: #333; }
.sr_wrapper .we_chat .sr_head img{ float: left; margin-right: 10px; }
.sr_wrapper .we_chat .content .text{ font-size: 16px; line-height: 26px; padding-top: 15px; }
.sr_wrapper .we_chat .content .text p{ text-align: right; margin: 0 }
.sr_wrapper .we_chat .content .text p a{ color: #333; }
.sr_wrapper .we_chat .content .text p a:hover{ text-decoration: underline; }
.sr_wrapper .chat_imgs{ padding: 30px 0;  text-align: center;}
.sr_wrapper .chat_imgs a{display:inline-block;}
.sr_wrapper .chat_imgs img{width: 250px;
    margin:10px 20px;transform: rotate(0deg);
    transform-origin: 50% 100%; cursor: pointer ;
    }
.sr_wrapper .chat_imgs img:hover{
	-webkit-animation: tip 0.8s linear 0s infinite alternate;
    animation: tip 0.8s linear 0s infinite alternate;
    animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
@-webkit-keyframes tip {
    0% {-webkit-transform: rotate(0deg);}
    5% {-webkit-transform: rotate(-2deg);}
    10% {-webkit-transform: rotate(0deg);}
    15% {-webkit-transform: rotate(2deg);}
    20% {-webkit-transform: rotate(0deg);}
    25% {-webkit-transform: rotate(-2deg);}
    30% {-webkit-transform: rotate(0deg);}
    35% {-webkit-transform: rotate(2deg);}
    40% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}

@keyframes tip {
    0% {transform: rotate(0deg);}
    5% {transform: rotate(-2deg);}
    10% {transform: rotate(0deg);}
    15% {transform: rotate(2deg);}
    20% {transform: rotate(0deg);}
    25% {transform: rotate(-2deg);}
    30% {transform: rotate(0deg);}
    35% {transform: rotate(2deg);}
    40% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}

.sr_wrapper .serve{ background:center center; height: 680px; padding-top: 20px; }
.sr_wrapper .serve .head{ color: #fff }
.sr_wrapper .serve .text{ color: #bbb }
.sr_wrapper .serve .content .text p a{ color: #fff }

.sr_wrapper .order_div{ height:649px; background:center 0;}
.sr_wrapper .order_div .text{ text-align: center; color: #fff; line-height: 26px; padding-top: 30px; }
.sr_wrapper .order_banner{ padding-top: 40px; }
.order_banner .carousel-control{background:none;width:50px;}

.sr_wrapper .sun_view{display:block;width:100%;height:778px;background:top center  }
.sr_wrapper .app_div .text .title{ font-size: 30px; color: #fff; position: relative; top: -40px; left: 400px; height: 0 }