@charset "utf-8";
/* CSS Document */

body { background:#f9f8f9;}
.tb { overflow:hidden; width:960px; margin:0 auto;}

/*box1*/
.box1 { background:url(../images/box1_01.jpg) no-repeat top center; width:100%; height:1500px;}
.box1 li { width:50%; float:left;}
.box1 .text { font-size:24px; color:#282727; line-height:48px; text-align:justify;}
.box1 .li1 { margin-top:128px; height:500px;}
.box1 .li2 { margin-top:128px;  height:500px;}
.box1 .li2 .text { margin-top:30px; width:460px;}
.box1 .li3 { margin-top:220px; }
.box1 .li3 .text {  width:420px;}
.box1 .li4 { text-align:right; margin-top:60px;}
.y-more{ display:block; width:360px; text-align:center; margin:0 auto; border:1px solid #bfbfbf; margin-top:100px; padding:20px 0;}

/*box2*/
.wrapper .bt { text-align:center; margin:120px auto 160px; width:1200px; height:60px; border-bottom:2px solid #040404; }
.wrapper .bt h1 {width:350px; margin:0 auto; background:#f9f8f9;}
.box2 .cont{ padding:6px 0 0 6px; border:2px solid #cfcfcf; width:955px;}
.box2 .cont li { float:left; padding:0 6px 6px 0; }
.box2 .cont li .figure { width:312px; height:231px; overflow:hidden;}
.box2 .cont li img { vertical-align:bottom; width:312px; height:231px; transition-property:all; transition-duration:0.5s; }
.box2 .cont li:hover img { transform:scale(1.2) rotate(3deg); }

/*box3*/
.box3 .jz { width:960px;}
.box3 .cont li { float:left; margin-right:10px;  }
.box3 .cont li img { vertical-align:bottom;}
.box3 .cont li:nth-of-type(3) { margin-right:0; margin-bottom:10px;}
.box3 .cont li:nth-of-type(4) { margin-right:0;}

/*box4*/
.box4 .team { height:600px; background:url(../images/box3_bg_03.jpg) no-repeat bottom center; }
.box4 .team .lf { margin-left:10px;}
.box4 .team .name { margin:100px 0 0 65px; float:left;}
.box4 .team .name .more { font-size:16px; color:#d52b5f; border:1px solid #d52b5f; display:block; width:132px; height:32px; line-height:32px; text-align:center; border-radius:5px; text-decoration:none; margin-top:20px;}
.box4 .team .text { float:left; width:460px; font-size:20px; color:#ffffff; margin-top:120px; margin-left:22px; text-align:justify;}

/*box5*/
.box5 { margin-bottom:80px;}
.box5 .cont li { float: left; margin-right:5px;}
.box5 .cont li:last-of-type { margin-right:0;}
.box5 .cont li img { width:235px; height:235px; vertical-align:bottom;}




.y-more img{
  animation: float ease-in-out 2s infinite;
  -webkit-animation: float ease-in-out 2s infinite;
}

@-webkit-keyframes float {
	0% {
	-webkit-transform: translatex(0);
	transform: translatex(0);
	}
	50% {
		-webkit-transform: translatex(15px);
		transform: translatex(15px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
}
@keyframes float {
	0% {
	-webkit-transform: translatex(0);
	transform: translatex(0);
	}
	50% {
		-webkit-transform: translatex(15px);
		transform: translatex(15px);
	}
	100% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
}



@media screen and (max-width:1200px) {
	body { width:1200px;}
}