@charset "utf-8";
/* CSS Document */
.block2a{ width:1148px; margin:0 auto 11px; padding-top:15px;}
.block2al{ float:left;}
.block2ar{ float:right; padding-top:15px;}
.block2ar p{ float:left; padding-top:3px;}
.block2ar img{ float:right;}
.block2ar span{ font-size:18px; font-weight:bold;}
.dz{ font-size:16px; font-weight:400; float:right; margin-right:3px; margin-top:10px;}

.box1{ background:url(../images/SAINT%20KINDERGARTEN.jpg) center no-repeat; height:171px; margin-top:45px;}
.box1 p,.box1 div{ text-align:center;}
.box1 p{ font-size:40px; margin-bottom:25px; line-height:171px;}
.box1 div{ font-size:34px;}

.list1{ width:482px; margin:0 auto 12px; padding-top:25px;}
.list1 dl{ float:left; margin-left:3px; text-align:center;}
.list1 dl dt{ font-size:18px; color:#777676;}
.list1 dl dt p{ margin-top:6px;}ont
.list1 dl dd{ color:#edebeb; margin-top:10px;}
.list1 .dl2{ margin-left:51px; margin-right:26px;}
.list1 .dl3{ margin-left:33px;}
.font_stype1{ text-align:center; width:875px; margin:10px auto 70px; line-height:28px; position: relative; left:-194px; font-size:15px;}
.xian{ width:1px; height:97px; background-color:#f7f7f7; float:left; margin-top:29px; margin-left:18px; margin-bottom:30px;}

.box2{ width:1052px; margin:0	px auto 40px;	}
.box2 .ttl,.box2 .xttl{ text-align:center;}
.box2 .ttl{ font-size:47px; font-weight:bold; color:#4b4b4b; margin-bottom:28px;}
.box2 .xttl{ font-size:25px; margin-bottom:57px;}
.box2 dl,.box2 p{ float:left;}
.box2 p{ border-left:1px dashed #b8b8b8; height:333px; margin: 0 76px;}
.box2 dl dd{ text-align:center; font-size:16px; margin-top:12px; color:#000}

.box3{ height:625px; margin-top:39px; background:url(../images/lunbo2_bg.jpg) no-repeat center;}

.ttl2{font-size:48px; color:#fff; padding-top:61px; text-align:center; font-weight:bold;}
.xttl2{ text-align:center; font-size:25px; color:#fff; margin-top:30px; margin-bottom:55px;}




		.picScroll-left{ width:1160px;position:relative; }
		.picScroll-left .hd{  height:1px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; position:absolute; top:362px; left: 548px;}
		.picScroll-left .hd ul li{ float:left;  width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -13px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:275px; height:319px; display:block;  padding:2px;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px; display:none; }
 .picScroll-left .hd .prev{ position:relative; left:100px;}
			 .prev,.picScroll-left .hd .next{ right:10px;}


.ttl3,.xttl3{ text-align:center; color:#4b4b4b;}
.box4{ margin-top:63px;}

.ttl3{ font-size:48px; font-weight:bold;}
.xttl3{ font-size:24px; margin-top:29px;}

.box_4{ width:1164px; margin:55px auto 0;}
.box_4 dl{ float:left; width:527px; height:226px; margin-bottom:12px;}

.box_4 dl dt{ font-size:24px; color:#000; line-height:64px; padding-left:90px; margin-bottom:17px;}
.box_4 dl dd{ line-height:32px; font-size:14px;}

.box_4_1,.box_4_3{ margin-right:108px;}
.box_4_1 dt{ background:url(../images/ico5.jpg) no-repeat;}
.box_4_2 dt{ background:url(../images/ico4.jpg) no-repeat;}
.box_4_3 dt{ background:url(../images/ico6.jpg) no-repeat;}
.box_4_4 dt{ background:url(../images/ico7.jpg) no-repeat;}


.box5{  height:701px; padding-top:87px;background:url(../images/box5_bg.jpg) no-repeat center;}
.box5_ttl{ color:#fff; font-size:22px;}
.box5_cen{ color:#fff; font-size:14px;}
.box5 .xttl3{ margin-bottom:60px;}

.block2b{ width:1160px; margin:0 auto;}
.block2bl{ float:left; width:838px;}
.block2br{ float:right; width:307px;} 

.block2c{ margin-bottom:19px;}
.block2cl{ width:245px; float:left; background-color:#62c9e8; height:313px; padding:21px;}
.block2cl .box5_ttl{ margin-bottom:13px;}
.block2cr{ width:530px; float:right;}

.block2dl{ float:left;}
.block2dr{ float:right; height:306px;  width:198px; background-color:#c1af5f; padding:20px 13px 0 11px;}
.block2dr .box5_ttl{ margin-bottom:17px;}
.block2dr .box5_cen{ padding-left:3px;}
.box5_5{ background:#68cfd8; padding:19px 25px 16px 20px; margin-bottom:19px;}
.box5_5 .box5_ttl{ margin-bottom:18px;}
.opacity0,.opacity4{
    opacity: 0  ;
    transform: translateY(50px) ;
}
.opacity1{
    opacity: 0;
    transform: translateX(50px);
}

.opacity2 {
    opacity: 0;
    transform: translateX(0px);
}

.opacity3 {
    opacity: 0;
    transform: translateX(50px);
}


.foot{ font-size:18px; color:#646464;}
.foot p{ width:1023px; margin:0 auto; line-height:32px;}



.foot div {
	width:100%;
	min-height:50px;
	height:auto;
	padding-top:110px;
	overflow:hidden;
	font:400 12px/18px Arial, 'Microsoft YaHei';
	background:#fff;
	color:#fff;
	text-align:center;
	position:relative;
	bottom:0
}
.foot div span {
	display:block;
	width:100%;
	float:left;
	font:400 12px/18px Arial, 'Microsoft YaHei';
	color:#fff;
	text-align:center;
	position:relative;
	z-index:3
}
.foot div p {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	height:355px;
	overflow:hidden
}
.foot div .BgA {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:152px;
	background:url(../images/FootBgA.png) no-repeat center bottom;
	z-index:2
}
.foot div .BgB {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:152px;
	background:url(../images/FootBgB.png) no-repeat center bottom;
	z-index:1
}
.foot div p{ width:100%}
.foot div .BgC {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:152px;
	background:url(../images/FootBgC.png) no-repeat center bottom;
	z-index:0
}
.foot div .BgB {
	animation:BgB 10s linear 0s infinite;
	-webkit-animation:BgB 10s linear 0s infinite
}
.foot div .BgC {
	animation:BgC 10s linear 0s infinite;
	-webkit-animation:BgC 10s linear 0s infinite
}
@keyframes BgB {
0% {
transform:translateX(0)
}
50% {
transform:translateX(-10%)
}
100% {
transform:translateX(0)
}
}
@-webkit-keyframes BgB {
0% {
-webkit-transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10%)
}
100% {
-webkit-transform:translateX(0)
}
}
@keyframes BgC {
0% {
transform:translateX(0)
}
50% {
transform:translateX(10%)
}
100% {
transform:translateX(0)
}
}
@-webkit-keyframes BgC {
0% {
-webkit-transform:translateX(0)
}
50% {
-webkit-transform:translateX(10%)
}
100% {
-webkit-transform:translateX(0)
}
}