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

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{
	font-size: 14px;
	font-family: "宋体";
	color: #000000;
	text-align: left;
	background: #ffffff;
	line-height: 26px;
}
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{border:none;}
.mycl{width:0px; height:0px; clear:both; overflow:hidden;}
.newcl{clear:both;}
h1 {font-family:"微软雅黑"; font-size:26px; color:#0057a9; text-align:center;}
p {text-indent:2em; text-align:Justify;text-justify:inter-ideograph;}
img {display:block;}


.container {width:1120px; height:auto; margin:0 auto;}
.container_c {background:#ffffff;}

.bg_01 {height:590px; background:url(bg_01.jpg) top center no-repeat;}

.bg_02 {background:url(bg_02.jpg) top center no-repeat; position:relative;}
.bg_03 {margin-top:30px;height:633px; background:url(bg_03.jpg) top center no-repeat; padding-top:5px; overflow:hidden;}

.bg_05 {margin-top:30px;height:785px; background:url(bg_05.jpg) top center no-repeat;}

.bg_04 {margin-top:30px;height:678px; background:url(bg_04.jpg) top center no-repeat; }

.top {padding-top:45px; padding-bottom:70px;}
.top h1{font-size:42px; line-height:42px; color:#000000;}
.top p{text-indent:0; text-align:center; font-size:12px; padding-top:10px;}
.top a {color:#000000;}
.top a:hover {color:#CA0000;}

.hd01{width:665px; height:380px; float:left; border:3px solid #cccccc; background:#ffffff;}

.top_news {width:425px; float:right;}
.top_news h1 {font-size:18px; color:#000000; padding-bottom:10px;}
.top_news p {font-size:12px; color:#666666;height:95px;}
.top_news p a {color:#CA0000;}

.dotted {border-bottom:1px dotted #666666;}
.dotted2 {padding-top:30px; border-bottom:1px dotted #666666;}

.list_a {font-size:16px; font-family:"微软雅黑"; line-height:46px; padding-top:10px;}
.list_a li {background:url(bg_list_a.jpg) no-repeat left; padding-left:15px;}

.list_b {font-size:16px; font-family:"微软雅黑"; line-height:46px; padding-top:20px; padding-left:20px;}
.list_b li {background:url(bg_list_a.jpg) no-repeat left; padding-left:15px;}

.top_news_more {float:right; width:48px; height:18px; background:#00457a; font-size:12px; text-align:center; line-height:18px; color:#FFFFFF;}
.top_news_more a{color:#FFFFFF;}
.title_a {background:url(title_a.jpg) no-repeat; width:357px; height:40px;
font-size:30px; font-family:"微软雅黑"; font-weight:bold; color:#00457a; padding-left:30px; padding-top:15px;
}
.title_b {background:url(title_b.jpg) no-repeat; width:660px; height:40px;
font-size:30px; font-family:"微软雅黑"; font-weight:bold; color:#00457a; padding-left:30px; padding-top:15px;
}
.title_c {}
.title_c img {width:780px; height:86px;}

.top_40 {margin-top:40px;}
.left_a {width:387px; float:left;}
.right_a {width:690px; float:right;}

.more {float:right; font-size:14px; font-weight:normal; padding-top:10px;}

.zyhd {padding-top:20px;}
.zyhd li{width:220px; height:255px; float:left; font-size:16px; font-family:"微软雅黑"; background:#3690d5; margin:5px;}
.zyhd p{width:200px; text-indent:0; padding-left:14px; color:#ffffff;}
.zyhd p a{ color:#ffffff;}
.zyhd img {width:220px; height:200px;}

.left_b {width:780px; float:left;}

.jcsp {width:768px; height:464px; overflow:hidden; font-size:14px; border:6px solid #ffffff; margin-top:20px; position:relative;}
.jcsp img {width:768px; height:464px;}

.heide{height:30px;background-color:#000000; top:-30px;z-index:20;position:relative;filter:alpha(opacity=50);opacity:0.5;}
.wz{z-index:22; top:-60px; height:30px; line-height:30px; position:relative; text-align:left; color:#FFFFFF; padding:0px 5px; text-align:center}
.wz a,.wz a:visited{color:#FFFFFF;}

.right_b {float:right; width:280px; padding-right:16px; padding-left:16px; padding-top:95px; height:535px; background:url(title_c_bg.png); position:relative;}
.right_b .pic01{width:280px; height:155px; margin-top:10px; position:relative;}
.right_b .pic01 img{width:280px; height:155px; display:block;}

.title_d {margin-top:30px;}
.title_d img{width:1120px; height:81px;}

.rcjd {padding-top:30px;}
.rcjd li {padding:1px; width:278px; float:left;}
.rcjd img {width:278px; height:155px;}

.left_c {width:545px; float:left;}
.right_c {width:545px; float:right;}
.right_d {width:500px; float:right;}

.hwcg_news {width:360px; float:left; padding-top:25px;}
.hwcg_news h1 {color:#000000; font-size:18px;}
.hwcg_news p {color:#666666; font-size:12px;}
.hwcg_news p a {color:#CA0000;}

.hwcg_img {width:180px; float:right; padding-top:25px;}
.hwcg_img img {width:180px; height:115px;}

.bottom {height:310px; background:#00457a; color:#FFFFFF; padding-top:60px; }
.bottom a{ color:#FFFFFF;}
.bottom div{ color:#FFFFFF;}

.bf{ background:url(pic_bf.png) no-repeat center center; width:44px; height:44px; position:absolute; top:50%; left:50%; margin-left:-22px; margin-top:-22px; }
.bf a{ display:block; width:100%; height:100%;}
/*畅游鹭岛*/
.zb{ width:50px; height:70px; position: absolute;transform-origin: center center 0;  }
.zb img:hover{
transform: scale(1.2); 
transition: transform 0.5s;
-moz-transition: transform 0.5s; /* Firefox 4 */
-webkit-transition: transform 0.5s; /* Safari 和 Chrome */
-o-transition: transform 0.5s; /* Opera */
}
.zb01{ left:922px; top:310px;}
.zb02{ left:930px; top:450px; }
.zb03{  left:810px; top:670px;}
.zb04{ left:700px; top:630px;}
.zb05{ left:642px; top:670px; }
.zb06{left:420px; top:580px;   }
.zb07{ left:404px; top:410px; }
.zb08{left:160px; top:620px; }
.rw{ width:173px; height:436px; position:absolute; background:url(renwu.png) no-repeat left center; left:120px;  top:150px;}
.jianjie{ background:url(dhk.png) no-repeat left top; width:430px; height:285px; position:absolute;  left:270px;  top:180px; text-align:Justify;text-justify:inter-ideograph; text-indent:2em; color:#000000;}
.jianjie p{ padding:20px 20px 20px 60px;}
.pf_nav{ width:145px; height:601px; position: fixed; top:0px; right:0;  }/*animation: pf_nav 18s linear infinite;*/
.djs{ width:86px; height:56px; position:absolute; left:23px; bottom:15px; font-family:"微软雅黑"; font-size:50px; color:#3d3d3d; line-height:50px; text-align:center; }
.ewm{ width:108px; height:132px; position:fixed; left:50%; margin-left:-700px; top:530px;}
/*pf_nav*/
@keyframes pf_nav
{
  0%{ transform:translate(0,0)}
 25%{ transform:translate(15px,-20px) }
 50%{ transform:translate(5px,10px) }
 75%{transform:translate(-15px,20px)}
 100%{ transform:translate(0,0)}
}

@-moz-keyframes pf_nav /* Firefox */
{
  0%{ -moz-transform:translate(0,0)}
 25%{ -moz-transform:translate(15px,-20px) }
 50%{ -moz-transform:translate(5px,10px) }
 75%{-moz-transform:translate(-15px,20px)}
 100%{ -moz-transform:translate(0,0)}
}

@-webkit-keyframes pf_nav /* Safari 和 Chrome */
{
  0%{ -webkit-transform:translate(0,0)}
 25%{ -webkit-transform:translate(15px,-20px) }
 50%{ -webkit-transform:translate(5px,10px) }
 75%{-webkit-transform:translate(-15px,20px)}
 100%{ -webkit-transform:translate(0,0)}
}

@-o-keyframes pf_nav /* Opera */
{
  0%{ -o-transform:translate(0,0)}
 25%{ -o-transform:translate(15px,-20px) }
 50%{ -o-transform:translate(5px,10px) }
 75%{-o-transform:translate(-15px,20px)}
 100%{ -o-transform:translate(0,0)}
}

/**/


/* 本例子css */
	.focusBox { position: relative;width:665px; height:380px;  overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox .pic img { width:665px; height:380px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
/* 本例子css */
	.fullSlide{ width:100%;  position:relative;  height:678px; background:#000;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:678px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:678px;}

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(touming.png) repeat-x; text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
	.fullSlide .pre{ background:url(button_l.png) no-repeat left center; width:42px; height:104px; position: absolute; left:10%; top:300px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
}
	.fullSlide .next{background:url(button_r.png) no-repeat right center; width:42px; height:104px;  position: absolute; right:10%; top:300px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 
}
.fullSlide .pre:hover,.fullSlide .next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

	.fullSlide .hd ul .on{ background-position:0 0; }