/*banner*/
.banner { width: 100%;	height: 410px;	background: url(../images/banner_bg.png) no-repeat center;	background-size: cover;}
.banner_1 {	width: 1000px;	margin: 0 auto;}
.banner_1 img {	margin-top: 160px;	margin-left: 250px;}
/*service*/
.service_1 { width: 1000px;	height: 462px;	margin: 0 auto;}
.items { padding-top: 60px;	width: 1050px;}
.items li {	float: left; margin-right: 54px;}


/*图片动画*/

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
	-webkit-animation-name: hvr-wobble-to-top-right;
	animation-name: hvr-wobble-to-top-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.items li strong {	display: block;	margin-top: 23px;	font-size: 18px;	font-weight: normal;	text-align: center;	color: #222;}
.items li p { margin-top: 36px; color: #666; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 20px; text-align: left; position: absolute;
 padding-left:23px;}
.items li .service_4 {	padding-left: 5px;}
.items li .service_5 {	padding-left: 40px;}
.experience { width: 100%;	height: 454px;	background: url(../images/experience.png) no-repeat center;	background-size: cover;}
.experience_text {	margin: 0 auto;	text-align: center;	padding-top: 140px;}
.advantage { width: 100%; height: 671px; background-color: #f3f3f3;}
.box {	width: 1000px;	height: 671px;	margin: 0 auto;}
.caption {	text-align: center;	padding-top: 92px; font-size: 42px;}
.solution-img {	padding-bottom: 70px; border-bottom: 1px solid #f5f5f5;}
.solution-img- { position: relative; overflow: hidden;}
.pic {
	width: 100%;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	clear: both;
}
.shadow { width: 100%;	height: 100%; background: rgba(0,0,0,0.3);	position: absolute;	top: 0;	left: 0; opacity: 0; z-index: 9;}
.solution-img-:hover .pic {	transform: scale(1.12, 1.12);}
.solution-img-:hover .shadow { opacity: 1;}
.items_1 { margin-top: 80px; width: 1050px;}
.items_1 li { float: left;	width: 325px; height: 380px; margin-right: 15px;}
.items_1 li p { margin-top: 25px; color: #666; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 22px;}
.items_1 li strong { display: block; margin-top: 26px;	font-size: 18px; font-weight: normal; text-align: center; color: #222;}
.items_2 {	margin-top: 80px; width: 1050px;}
.items_2 li { float: left; margin-right: 13px; padding-top: 18px;}
.idea_1 { width: 451px; margin: 0 auto;}
.idea_1 p {	width: 451px;	margin-top: 68px;	line-height: 25px;text-indent: 2em;text-align:justify;
     text-align-last:justify;}
.idea_2 { margin-top: -128px;}
