﻿/*banner 滚动大图*/
.banner { position:relative; z-index:9; margin-top:116px;}

/*banner下面的时间显示*/
.middle_link { background:url(../images/gzbg.jpg); position:relative; z-index:85;}
.middle_link .time { position:relative; z-index:99; width:1018px; margin:0 auto; }
.huanhuan { position:absolute; left:0; bottom:0; *bottom:0; z-index:999; width:130px; height:173px;}
.middle_link .time_l { width:520px; padding-left:135px; font-size:16px; color:#fff; font-family:"微软雅黑"; margin-top:10px; margin-bottom:10px;}
.middle_link .time_l em { color:#fff; display:block; float:right; }
.middle_link .time_l span { display:block; float:left;}
.middle_link .time_l img { }
.middle_link .time_l .open_time { float:left; width:250px; height:41px; line-height:41px;}
.middle_link .time_l .sel_time { float:left; margin-left:20px; width:250px; height:41px; line-height:41px;}
.middle_link .time_r { width:300px; color:#fff; font-size:12px; margin-top:20px; margin-bottom:20px;}
.middle_link .time_r .date {float:left; height:24px; line-height:24px; }
.middle_link .time_r .weather { width:130px; overflow:hidden; float:right;}

.index_bg { background:url(../images/indexbg_x.jpg) no-repeat center bottom;}
/*5个图标链接*/
#pic_link { height:74px; background-color:#fff; position:relative; z-index:5; padding:15px 0; 
-webkit-box-shadow: 5px 0px 6px rgba(78, 78, 78, 1);
-moz-box-shadow: 5px 0px 6px rgba(78, 78, 78, 1);
box-shadow:5px 0px 6px rgba(78, 78, 78, 1);
behavior:url(pie.htc);}
.pic_link { }
.pic_link li { float:left; width:19.8%; margin:0 auto;}
.pic_link li a { display:block; width:179px; height:74px; background:url(../images/icon01.png) no-repeat;
				 -webkit-transition:all 0.3s ease;
				 -moz-transition:all 0.3s ease;
				 -ms-transition:all 0.3s ease;
				 -o-transition:all 0.3s ease;
				 transition:all 0.3s ease;
}
.pic_link li.jtxl a { background-position:16px -308px;}
.pic_link li.pwxx a { background-position:-185px -308px;}
.pic_link li.cyss a { background-position:-386px -308px;}
.pic_link li.yyxl a { background-position:-585px -308px;}
.pic_link li.zdlt a { background-position:-788px -308px;}

.pic_link li a:hover { display:block; width:179px; height:74px;}

.pic_link li.jtxl a:hover { background-position:16px -448px;}
.pic_link li.pwxx a:hover { background-position:-185px -448px;}
.pic_link li.cyss a:hover { background-position:-386px -448px;}
.pic_link li.yyxl a:hover { background-position:-585px -448px;}
.pic_link li.zdlt a:hover { background-position:-788px -448px;}



/*动物园区*/
.dw { width:1018px; margin:0 auto;margin-top:20px; position:relative; z-index:70; padding-bottom:20px;}
.aixinjulebu { position:absolute; right:-10%; top:-58px; z-index:89;}
.dw_01 { background:url(../images/tmbj.png); border:#53a1f2 solid 1px; padding:30px 40px; margin-bottom:15px; }
.dw_01 .title { height:50px; background:url(../images/tbg.png) no-repeat; font-size:14px; font-family:"微软雅黑"; color:#fff; text-align:center; width:225px; line-height:40px;}
.dw .content { margin-top:15px;}
.dw .content .left { width:405px; float:left;}
.dw .content .left .pic { border:#e0e0e0 solid 1px; padding:8px; background-color:#fff; width:353px;}
.dw .content .left img { width:353px; height:292px;}
.dw .content .left .pic_e img { width:353px; height:200px;}
.content_d { color:#000; font-size:14px; font-family:"微软雅黑"; padding-top:15px; line-height:24px;}
.midd { text-align:center; font-weight:bold; color:#f60;}
 
.dw .content .right { width:530px; float:right;}
.dw .content .right .about { line-height:24px; color:#000; border-bottom:#999 dashed 1px; padding-bottom:3px; margin-bottom:25px; font-size:14px;}
.dw .content .right .about a { text-align:right; display:block; color:#f60; position:relative; top:-20px;}
.dw .content .right .list {}
.dw .content .right .list img { width:134px; height:113px;}
.dw .content .right li { width:33.2%; float:left;}
.dw .content .right li a { display:block; background-color:#FFF; border:#E0E0E0 solid 1px; width:90%; margin:0 auto; text-align:center; padding-top:10px; padding-bottom:10px;}
.dw .content .right li a:hover { background-color:#5baaff; border:#fff solid 1px; color:#fff; font-size:14px;}

.dw .content .right li span { display:block; text-align:center; height:35px; line-height:35px;s}


/*欢乐园区*/
.hl { width:1018px; margin:0 auto;margin-top:20px; position:relative; z-index:70;}
.hlmtl { position:absolute; right:0px; top:-26px; z-index:89;}
.hl .content { margin-top:15px; width:913px; margin-left:auto; margin-right:auto; border:#e0e0e0 solid 1px; padding:10px; background-color:#fff;}
.hl .content img { width:913px; height:292px;}

/*底部三块新闻*/
.index_news { margin-top:20px; margin-bottom:20px;}
.index_news .newsbg { background-color:#FFF; width:300px; padding:10px;}

.index_news .pensal { position:absolute; right:-1px; bottom:15px;}

.index_news .left { float:left; margin-right:31px; position:relative;}
.index_news .left .list {background:url(../images/s102.jpg) repeat-y; padding:0 15px;}
.index_news .left li { height:34px; line-height:34px; *height:30px; *line-height:30px; border-bottom:#1f798e dashed 1px;}
.index_news .left li a { background:url(../images/left.png) no-repeat 1px; padding-left:12px; width:79%; float:left; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}
.index_news .left li span {  width:16%; float:right; display:block; text-align:right;}

.index_news .middle { float:left; position:relative;}
.index_news .middle .list {background:url(../images/s202.jpg) repeat-y; padding:0 15px;}
.index_news .middle li { float:left; width:86px; padding:0px 2px;}
.index_news .middle li img { width:86px; height:86px;}
.index_news .middle li a { display:block;}
.index_news .middle li span { text-align:center; display:block; padding-top:2px;}

.index_news .right { float:right; position:relative;}
.index_news .right .con_1 { background:url(../images/s302.jpg) repeat-y; padding:0 15px;}
.index_news .right .r_left { float:left; width:86px; padding:15px 5px 0px 5px;}
.index_news .right .r_left img {width:86px; height:86px;}
.index_news .right .list { float:right; width:168px;}
.index_news .right li { height:34px; line-height:34px; *height:30px; *line-height:30px; border-bottom:#836a0e dashed 1px;}
.index_news .right li a { background:url(../images/right.png) no-repeat 1px; padding-left:12px; width:89%; float:left; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis;}


