@charset "utf-8";
/* CSS Document */
/*首页*/
.bgimg {
	display:block;
	position:absolute;	
	z-index:0;
}
/*banner*/
.slideBox {
	width: 100%;
	height: 880px;
	overflow: hidden;
	position: relative;
}
.slideBox .hd {
	width: 100%;
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 185px;
	text-align: center;
	z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	width: 100%;
}
.slideBox .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	background: #064e41;
	cursor: pointer;
	border-radius: 50%;
	text-indent: -99px;
	overflow: hidden;
}
.slideBox .hd ul li.on {
	background: #fff;
	color: #fff;
}
.slideBox .bd {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slideBox .bd img {
	width: 1920px;
	height: 880px;
	display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next {
	position: absolute;
	left: 2%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height:50px;
	background: url(../images/nav.png) no-repeat top left;
	opacity: 0.5;  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	color:white;
}
.slideBox .next {
	left: auto;
	right:2%;
	background-position:top right;
}
.slideBox .prev:hover,  .slideBox .next:hover {
	opacity: 1;
  	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
/*banner end*/
#title {
	text-align: center;
	padding: 50px 0 30px;
}
#title .more {
	display: block;
	width: 110px;
	height: 30px;
	font-size:14px;
	border: 1px #46897d solid;
	line-height: 30px;
	color: #46897d;
	margin: 15px auto 0;
	border-radius: 15px;
}
#title .more span {
	display: inline-block;
	font-family: "宋体";
	padding-left: 5px;
	font-weight: 700;
}
#title .more:hover {
	background:#46897d;
	color:white;
}
/*园区介绍*/
.first_box {
	padding-top:540px;
	position:relative;
	z-index:1
}
.first_box span.cao1 {
	width:488px;
	height:130px;
	background:url(../images/cao1.png) no-repeat center center;
	top:575px;
	left:50%;
	margin-left:195px;
}
.first_box span.shizi {
	width:675px;
	height:282px;
	background:url(../images/aboutimg.png) no-repeat center center;
	bottom:-120px;
	left:50%;
	margin-left:-850px;
	z-index:2;
}
.first_box .inner {
	height: 420px;
	color: white;
	border-radius: 10px;
	position:relative;
	background: #46897d url(../images/aboutbg.png) no-repeat top center;
}
.first_box .inner .text {
	width:630px;
	font-size:14px;
	line-height:26px;
	text-indent:2em;
	text-align:justify;
	position:absolute;
	top:60px;
	left:380px;
	z-index:2;
}
.first_box .inner .btn {
	position:absolute;
	top:65px;
	right:40px;	
}
.first_box .inner .btn li {
	margin-bottom:18px;	
}
.first_box .inner .btn a {
	display:block;
	border:3px #064e41 solid;
	width:120px;
	height:36px;
	line-height:30px;
	border-radius:10px;	
	background:white;
	font-size:16px;
	text-align:center;
	color:#064e41;
}
.first_box .inner .btn a span {
	display:inline-block;
	width:23px;
	height:23px;
	vertical-align:middle;
	background:url(../images/icon.svg) no-repeat;	
}
.first_box .inner .btn a span.icon1 {
	background-position:left -460px;
}
.first_box .inner .btn a span.icon2 {
	background-position:-36px -460px;
}
.first_box .inner .btn a span.icon3 {
	background-position:-76px -461px;
}
/*门票预订、开放时间、园区地图*/
.two_box {
	position:relative;
	padding-top:30px;
	z-index:2;	
}
.two_box span.cao2 {
	width:295px;
	height:75px;
	background:url(../images/cao2.png) no-repeat center center;
	top:85px;
	left:50%;
	margin-left:85px;
}
.two_box span.cao3 {
	width:57px;
	height:66px;
	background:url(../images/cao3.png) no-repeat center center;
	top:400px;
	left:50%;
	margin-left:650px;
}
.two_box .box .con {
	width: 380px;
	height: 285px;
	border-radius: 10px;
	box-shadow: 3px 2px 5px rgba(70,137,125,0.35);
	background: url(../images/baoutbg2.jpg) no-repeat;
	position: relative;
}
.two_box h2 span {
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/icon.svg) no-repeat;
	vertical-align:middle;	
	margin-right:5px;
}
.two_box h2 span {
	*display:inline;	
}
/*门票预订*/
.two_box .mpyd {
	margin-right:30px;	
}
.two_box .mpyd h2 span {
	background-position:2px -400px;	
}
.two_box .mpyd .con {
	padding-top:15px;
	text-align:center;	
	color:#46897d;
	font-size:16px;
	line-height:2em;
}
.two_box .mpyd .img{
	width:226px;
	height:226px;
	border:3px #fff solid;
	border-radius:50%;
	overflow:hidden;	
	background:white;
	margin:auto;
	padding:5px 10px 0 0;
}
.two_box .mpyd .img img {
	width:210px;	
	height:210px;
}
/*开放时间*/
.two_box .kfsj .con {
	background-position:center top;
	font-size:16px;
	padding:15px;
}
.two_box .kfsj h2 span {
	background-position:-72px -398px;	
}
.two_box .kfsj .con .time {
	font-size:24px;
	color:#46897d;
	font-weight:700;
	line-height:40px;
	text-align:center;
	padding:10px 0;
	border-bottom:1px #ddd solid;
	margin:0 10px;	
}
.two_box .kfsj .con span {
	display:block;
	padding:10px 15px 0;	
}
.two_box .kfsj .con span.span2 {
	line-height:30px;
	color:#666;	
	margin-bottom:10px;
}
.two_box .kfsj .con .tel {
	display:block;
	width:340px;
	height:33px;
	border-radius:17px;
	text-align:center;
	color:white;
	background:#46897d;
	font-size:18px;
	line-height:33px;
	font-weight:700;	
}
/*园区地图*/
.two_box .kfsj h2 span {
	background-position:-72px -398px;	
}

/*园区地图按钮*/
.two_box .yqdt .con {
	background-position:right top;
	position:relative;
	padding:5px 0 0 30px;
}
.two_box .yqdt h2 span {
	background-position:-155px -398px;	
}
.yqdt .moreicon {
	width:53px;
	height:53px;
	position:absolute;
	top:113px;
	right:70px;
	border-radius:50%;
	background:#46897d url(../images/icon.svg) no-repeat 10px -522px;	
	z-index:2;
}
.yqdt .more {
	width:100px;
	height:100px;
	display: inline-block;
	position: absolute;
	top:95px;
	right:42px;
	z-index:1;
}
.yqdt .more::after, .yqdt .more::before {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #46897d;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: animloader14 2s linear infinite;
	animation: animloader14 2s linear infinite;
}
.yqdt .more::after {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes animloader14 {
 0% {
 transform: scale(0);
 opacity: 1;
}
 100% {
 transform: scale(1);
 opacity: 0;
}
}
@keyframes animloader14 {
 0% {
 transform: scale(0);
 opacity: 1;
}
 100% {
 transform: scale(1);
 opacity: 0;
}
}
/*动物王国*/
.three_box {
	position:relative;	
}
.three_box span.cao4 {
	width:62px;
	height:66px;
	background:url(../images/cao4.png) no-repeat center center;
	top:140px;
	left:50%;
	margin-left:-662px;
}
.three_box span.huolieniao {
	width:370px;
	height:538px;
	background:url(../images/animalimg.png) no-repeat center center;
	top:15px;
	left:50%;
	margin-left:470px;
	z-index:0;
}
.three_box span.cao5 {
	width:173px;
	height:57px;
	background:url(../images/cao5.png) no-repeat center center;
	top:510px;
	left:50%;
	margin-left:-150px;
}

.three_box .imglist {
	width:1200px;
	margin:auto;	
	position:relative;
	z-index:1;
}
.three_box .imglist li {
	width:320px;
	height:370px;
	margin-bottom:10px;
	font-size:18px;
	float:left;
	margin-right:35px;
}
.three_box .imglist li span {
	display:block;
	line-height:50px;	
}
.three_box .imglist li .img {
	border-radius:10px;	
	width:100%;
	height:320px;
	background:black;
	overflow:hidden;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	position:relative;
}
.three_box .imglist li .img img {
	position:absolute;	
}
.three_box .imglist li.li1 .img img,.three_box .imglist li.li2 .img img,.three_box .imglist li.li5 .img img,.three_box .imglist li.li6 .img img {
	left:-76px;
}
.three_box .imglist li.li3 .img img,.three_box .imglist li.li4 .img img {
	top:-6px;
}
.three_box .imglist li .p {
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	padding:0 20px;
}
.three_box .imglist li.li3 {
	margin-right:0;
	width:490px;
}
.three_box .imglist li.li4 {
	width:490px;
}
.three_box .imglist li.li6 {
	margin-right:0;
}
.three_box .imglist li a:hover {
	color:#46897d;	
}
.three_box .imglist li a:hover .img {
	box-shadow: 3px 2px 10px rgba(70,137,125,0.6);
}
/*动物剧场*/
.four_box {
	position:relative;
	z-index:1;	
}
.four_box span.lu {
	width:309px;
	height:629px;
	background:url(../images/theatreimg.png) no-repeat center center;
	top:-80px;
	left:50%;
	margin-left:-850px;
}
.four_box span.cao6 {
	width:61px;
	height:85px;
	background:url(../images/cao6.png) no-repeat center center;
	top:100px;
	left:50%;
	margin-left:585px;
}
.four_box span.cao7 {
	width:84px;
	height:94px;
	background:url(../images/cao7.png) no-repeat center center;
	bottom:0px;
	left:50%;
	margin-left:610px;
}
.four_box #title {
	padding-top:20px;	
}
.four_box .imglist {
	width:1200px;
	border-radius:10px;
	background:white;
	margin:auto;
	padding:30px 30px 25px;
	box-shadow: 3px 2px 5px rgba(70,137,125,0.35);
	position:relative;
	z-index:1;
}	
.four_box .imglist li {
	width:260px;
	float:left;
	margin-right:33px;
	position:relative;
}
.four_box .imglist li.last {
	margin:0px;
	float:right;
}
.four_box .imglist li span{
	display:block;
	text-align:center;
}
.four_box .imglist li .img {
	width:260px;
	height:260px;
	border-radius:10px;
	position:relative;
	background:black;
	overflow:hidden;
}
.four_box .imglist li .img img{
	opacity:0.5;
	margin-left:-85px;
  	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	border-radius:10px;	
	-webkit-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
	-ms-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
	-o-transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
	transition: color 200ms ease-out, background-color 200ms ease-out, border-color 200ms ease-out, opacity 200ms ease-out;
	position:absolute;
	left:0;
	top:0;
}
.four_box .imglist li .icon {
	position:absolute;
	width:54px;
	height:54px;
	top:103px;
	left:103px;
	background:url(../images/icon.svg) no-repeat -101px -599px;
	z-index:2;
}
.four_box .imglist li .p {
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	font-size:18px;
	padding:10px 20px 0;
}
.four_box .imglist li a:hover {
	color:#46897d;	
}
.four_box .imglist li a:hover .img img {
	opacity:1;	
 	 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.four_box .imglist li a:hover .icon {
	background-position:0px -599px;
}
/*新闻中心*/
.five_box {
	position:relative;	
}
.five_box span.luotuo {
	width:428px;
	height:561px;
	background:url(../images/newsimg.png) no-repeat center center;
	top:25px;
	left:50%;
	margin-left:440px;
}
.five_box span.cao8 {
	width:476px;
	height:126px;
	background:url(../images/cao8.png) no-repeat center center;
	bottom:-100px;
	left:50%;
	margin-left:-880px;
}
.five_box .inner {
	position:relative;
	z-index:1;	
}
.five_box .left {
	width:545px;
	height:360px;
	border-radius:10px;
	overflow:hidden;	
	position:relative;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.five_box .left .img {
	width:545px;
	height:360px;
	overflow:hidden;
}
.five_box .left:hover {
	box-shadow: 3px 2px 5px rgba(70,137,125,0.35);
}
.five_box .left .title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:48px;
	background:url(../images/hei7.png);	
}
.five_box .left .title a {
	display:block;
	padding:0 125px 0 25px;
	color:white;	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.five_box .left .title .time {
	position:absolute;
	top:0;
	right:25px;	
}
.five_box .right {
	width:630px;
	height:360px;
	padding:10px 15px;
	border-radius:10px;	
	background:white;
	box-shadow: 3px 2px 5px rgba(70,137,125,0.35);
}
.five_box .right li {
	height:115px;
	padding:10px 5px;
	border-bottom:1px #46897d dashed;	
}
.five_box .right li.last {
	border:none;
}
.five_box .right li .newimg {
	width:120px;	
	height:95px;
	border-radius:5px;
	overflow:hidden;	
}
.five_box .right li .newimg img {
	
}
.five_box .right li .txt {
	float:right;
	width:450px;	
}
.five_box .right li h4 {
	padding-right:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	position:relative;
}
.five_box .right li h4 .time {
	position:absolute;
	top:0;
	right:0;
	color:#999;
	font-size:14px;	
}
.five_box .right li .txt p {
	line-height:24px;
	padding-top:10px;
	color:#999;	
	font-size:14px;	
}
.five_box .right li a:hover,.five_box .right li a:hover p,.five_box .right li a:hover .time {
	color:#46897d;	
}