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

*{
	margin:0;
	padding:0
}
a{
	color:#222;
	text-decoration:none
}
a:hover{
	color:#f60
}
ul, ul li{
	list-style:none
}
a img{
	border:none
}
body{
	background-color:#fff;
	color:#222;
	font-family:Microsoft YaHei, "宋体";
	font-size:16px
}
.nav ul li.no .mainNav, .nav ul li.over .mainNav{
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/icon.gif") no-repeat
}
h1, h2{
	font-weight:normal
}
.left{
	float:left
}
.right{
	float:right
}
/*顶部*/
.header{
	width:100%;
	height:105px;
	border-top:10px #30318b solid;
	position:fixed;
	top:0;
	left:0;
	z-index:100
}
.headerCon{
	width:100%;
	height:100px;
	background-color:#fff;
}
.headerMiddle{
	margin:0 auto;
	width:1200px;
	height:100px
}
.headerShadow{
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	height:5px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/shadow.png") repeat-x;
	z-index:101
}
.logo{
	float:left;
	width:160px;
	height:100px
}
.nav{
	float:left;
	width:880px;
	height:100px;
	margin-left:160px
}
.nav ul{
	width:880px;
	height:100px
}
.nav ul li{
	position:relative;
	float:left;
	width:105px;
	height:100px;
	margin-left:5px;
	z-index:103
}
.nav ul li .mainNav{
	display:block;
	width:105px;
	height:100px;
	line-height:100px;
	text-align:center;
	font-size:16px
}
.nav ul li.no .mainNav, .nav ul li .mainNav:hover, .nav ul li.over .mainNav{
	color:#fff;
	background-color:#ff7610;
	background-position:45px 92px
}
.nav ul li .hideNav{
	display:none
}
.nav ul li.over .hideNav{
	display:block;
	position:absolute;
	left:0;
	top:100px;
	width:101px;
	height:auto;
	border:2px #ff7610 solid;
	border-top:none;
	background-color:#fff;
	padding:10px 0
}
.nav ul li.over .hideNav a{
	display:block;
	width:101px;
	height:auto;
	line-height:36px;
	text-align:center;
	font-size:14px
}
/*banner*/
.banner{
	width:100%;
	height:500px;
	overflow:hidden;
	padding-top:110px;
	position:relative
}
.banner .bannerPic{
	width:100%;
	height:500px;
	background-color:#0CF
}
.banner .bannerPic li{
	width:100%;
	height:500px;
	position:absolute;
	left:0;
	top:110px;
	opacity:0;
    filter:alpha(opacity=0);
    display:none;
	background:center top no-repeat;
}
.bannerPic li a{
	display:block;
	width:100%;
	height:500px;
	text-indent:-99999px
}
.banner .bannerBtn{
	position:absolute;
	right:200px;
	top:110px;
	width:250px;
	height:500px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/bannerBtnBg.png") repeat
}
.bannerBtn .txt{
	width:230px;
	height:60px;
	padding:25px 10px;
	line-height:30px;
	text-align:center;
	font-size:20px;
	color:#000
}
.banner .slidebtn{
	width:225px;
	height:375px
}
.banner .slidebtn li{
	width:180px;
	height:68px;
	padding:21px 0 21px 20px;
	margin-bottom:15px;
	margin-left:25px;
	font-size:14px;
	background-color:#f00;
	color:#fff;
	cursor:pointer
}
.banner .slidebtn li.select{
	margin-left:0;
	padding-left:45px
}
.banner .slidebtn li span{
	font-size:18px
}
/*海宝广告语 第一段*/
.firstAD{
	width:100%;
	height:auto;
	line-height:60px;
	text-align:center;
	font-size:30px;
	padding:60px 0;
	overflow:hidden
}
/*生之光国际认证*/
.birthLight{
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
}
.birthLightBox{
	margin:0 auto;
	width:1000px;
	height:600px;
}
.birthLightTxt{
	width:1000px;
	height:600px;
	
}
.birthLightBtn{
	position:absolute;
	left:50%;
	top:70px;
	margin-left:-500px;
	width:1000px;
	height:60px;
}
.birthLightBtn a{
	display:block;
	width:240px;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/button.png") no-repeat
}
/*课程*/
.course{
	margin:0 auto;
	width:1200px;
	height:485px;
	text-align:center;
	padding-top:60px;
	overflow:hidden
}
.course .txt{
	width:1200px;
	height:auto;
}
.courseList{
	margin:60px auto;
	width:1050px;
	height:auto;
	padding-bottom:20px;
	overflow:hidden
}
.courseList dl{
	float:left;
	width:160px;
	height:224px;
	margin:0 25px;
	overflow:hidden
}
.courseList dl dt{
	width:160px;
	height:160px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/course.gif") no-repeat
}
.courseList dl dt a{
	display:block;
	width:160px;
	height:160px
}
.courseList dl dt.course01{
	background-position:0 0
}
.courseList dl dt.course02{
	background-position:0 -160px
}
.courseList dl dt.course03{
	background-position:0 -320px
}
.courseList dl dt.course04{
	background-position:0 -480px
}
.courseList dl dt.course05{
	background-position:0 -640px
}
.courseList dl dd{
	width:160px;
	height:64px
}
.courseList dl dd a{
	height:40px;
	line-height:40px;
	font-size:18px
}
.courseList dl dd span{
	color:#666;
	font-size:14px
}
/*视频*/
.video{
	position:relative;
	width:100%;
	height:400px;
	
}
.videoBtn{
	width:123px;
	height:123px;
	margin:0 auto;
	padding-top:138px
}
/*婴儿游泳好处*/
.benefits{
	margin:100px auto;
	width:1000px;
	height:352px;
}
.benefitsTxt{
	width:1000px;
	height:352px;
}
/*地图*/
.map{
	width:100%;
	height:600px;
	position:relative
}
.mapTitle{
	width:100%;
	height:200px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/mapBg.gif") repeat-y center center;
	line-height:200px;
	text-align:center;
	color:#fff;
	font-size:30px
}
.mapArrow{
	position:absolute;
	left:50%;
	top:154px;
	margin-left:-39px;
	width:78px;
	height:90px;
	background:url("http://web.archive.org/web/20220627192724im_/http://www.hiboyswim.com/images/mapArrow.png") no-repeat;
	z-index:10
}
.mapImg{
	width:100%;
	height:400px;
	overflow:hidden
}
/*页脚*/
.footer{
	width:100%;
	height:auto;
	background-color:#2f3238;
	padding-top:30px;
	font-family:"宋体";
	font-size:12px;
	color:#848587;
	overflow:hidden
}
.footer a{
	color:#848587
}
.footer a:hover{
	color:#ccc
}
.footerBox{
	margin:0 auto;
	width:1000px;
	height:auto;
	overflow:hidden
}
.footerContact{
	line-height:24px;
	text-align:center;
	padding:15px 0
}
.footerMenu{
	border-top:1px #3f4248 dotted;
	margin-top:35px;
	padding-top:15px
}
.footerMenu dl{
	float:left;
	width:150px;
	padding-left:10px
}
.footerMenu dl dt{
	width:150px;
	height:30px;
	line-height:30px
}
.footerMenu dl dd{
	width:150px;
	height:26px;
	line-height:26px
}
.footerMenu dl dt a{
	font-family:Microsoft YaHei
}
/*友情链接*/
.friendLinks{
	line-height:22px;
	padding-top:20px;
}
.friendLinks a, .friendLinks, .copyright, .copyright a{
	color:#5e6064
}
.friendLinks a:hover, .copyright a:hover{
	color:#ccc
}
.copyright{
	text-align:center;
	padding:15px 0
}
/*
     FILE ARCHIVED ON 19:27:24 Jun 27, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:12:35 May 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.602
  exclusion.robots: 0.074
  exclusion.robots.policy: 0.063
  esindex: 0.011
  cdx.remote: 16.338
  LoadShardBlock: 335.437 (3)
  PetaboxLoader3.datanode: 274.866 (4)
  PetaboxLoader3.resolve: 169.262 (2)
  load_resource: 147.742
*/