@charset "gb2312";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; color:#444; font:12px "microsoft yahei";}
ol,ul,li {list-style:none;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{ color:#333; text-decoration:none;}
a:hover { color:#d14f00; text-decoration:none;}
.cl { clear:both;}
.cl:after { content:","; clear:both; display:block; visibility:hidden; height:0;}
.clearfix{ zoom:1; display:block;}
.clearfix:after{clear: both; content: ""; display: block; height: 0; line-height: 0; visibility: hidden;}
img { border:none}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
.w304{ width:314px;}
.mr10 { margin-right:10px;}
.mt15 { margin-top:15px;}
.mb03 { margin-bottom:3px;}
.mr03 { margin-right:3px;}
.mt20 { margin-top:20px;}
.mt100 { margin-top:100px;}
.mt10 { margin-top:10px;}
.pr12 { padding-right: 12px;}

.tbg01,.tbg02,.tbg03{ width:100%; clear:both;}
.tbg01 { height:160px; background:url(tbg01.jpg) no-repeat top center;}
.tbg02 { height:177px; background:url(tbg02.jpg) no-repeat top center;}
.tbg03 { height:205px; background:url(tbg03.jpg) no-repeat top center;}
.bgf { background:#fff;}
.bodybg { background:url(bodybg.png) repeat; width:100%;}
.contentbox { width:100%;}
.content { width:1000px; background:#fff; margin:0 auto;}

/*rest css*/
.content{ padding:0; font-size:12px; line-height:1.5;}
.content a:link, .content a:visited, .content a:active{ text-decoration:none;}
.content p{ text-indent:0;}

/*menubox*/
.menubox { background:url(menuboxbg.jpg) no-repeat 50% 0; width:100%; height:170px;margin:0 auto;}
.menubox ul{ width:966px;margin:0 auto;overflow:hidden;}
.menubox li { float:left; margin:12px 78px 0 0; width:130px; height:130px; display:inline; text-align:center; overflow:hidden;}
.menubox li a { display:block; width:50px; padding:30px 40px; height:70px; font:bold 24px/35px microsoft yahei,simhei; color:#000; background:url(menubox_li.png) no-repeat;}
.menubox li a:hover,.menubox li a.on{ color:#fff; background:url(menubox_lion.png) no-repeat;}
.menubox li.ls{margin-right:0;}

/*changeBox_a1*/
.newsdiv{ padding-top:10px;}
.changeBox_a1{float:left; width:335px; height:383px; border:5px solid #439EE9;position:relative; margin-left:10px; _display:inline;}
#change_pic .changeDiv img{width:335px; height:383px;}  
#change_pic .changeDiv h3{  position:absolute;left:0;bottom:0;width:321px; padding:4px 7px; height:56px; line-height:24px;background:url(libg.png) repeat; text-align: center;  font-size:14px;  font-weight:normal;  /*background:#000;  filter:alpha(opacity=80);  opacity:0.8;*/}
#change_pic .changeDiv h3 a{display:block;color:#fff;}

#change_pic .changeDiv{  position:absolute;top:0px;left:0px;display:none;height:383px;}
#change_pic .changeDiv h3 a{ font-family:Microsoft Yahei; font-size:14px;} 
/* ul_change_a2 */
#change_pic .ctrlbox{ position:absolute; bottom:0; left:0;}
.ctrlbox{  width:100%; padding:8px 0 12px 0; height:12px; text-align:center;}
.ctrlbox a{  display:inline-block; width:12px; height:12px;overflow:hidden; margin:0 4px; background:#fff; border-radius:12px; }
.ctrlbox a.on{ background:#439EE9; }  

/*topList*/
.topList{ width:412px; height:391px; border:1px solid #E0E0E0; margin:0 10px; background:url(topListBg.jpg) scroll left 1px repeat-x;}
.topList .topListTop{ background:url(topListBg2.jpg) scroll no-repeat;}	
.topList .topListTop dl{ padding:20px 0 10px 0; width:380px; margin:0 auto; border-bottom:1px dashed #BEBEBE;} 
.topList .topListTop dt{ padding-left:36px; }
.topList .topListTop dt a{color:#323232; font:700 16px/24px Microsoft YaHei; }	
.topList .topListTop dd a{line-height:24px; color:#999999;}
.topList .topListTop dd span a{ color:#439EE9; text-indent:1em; display:inline-block;}
.topList .bottomList{ width:375px; margin:0 auto; padding-top:8px;}
.topList .more {  margin-top: -18px;background:#439EE9; padding:5px; float:right; }
.topList .more a { color:#fff;}
.topList .bottomList li{ background:url(topListIcon.jpg) scroll no-repeat left center; padding-left:10px; height:28px; line-height:28px; font-size:14px;}

/*topTips*/
.topTips{ width:201px; margin-right: 10px;}
.topTipsHeader{ background:#439EE9; height:30px; width:201px;}
.topTipsHeader h3{ font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; line-height:30px; color:#fff; background:url(iconArrow.jpg) scroll no-repeat 10px center; padding-left:26px;}
.topTipsCont{ width:190px;border:1px solid #E0E0E0; border-top:none; overflow:hidden; padding:10px 0 8px 9px;line-height:24px;}
.topTipsCont p{ line-height:24px; margin-top:-5px;}
.topTipsCont ul{ margin-top:10px; padding-left:8px;}	
.topTipsCont ul	li	{ float:left; padding-right:15px;}	
.topTipsCont ul	li a{ display:block; padding-top:40px; width:30px; color:#414141; font-weight:700;}	
.topTipsCont ul	li a.icon1{background:url(icon1.jpg) scroll no-repeat 4px 0px;}		
.topTipsCont ul	li a.icon2{background:url(icon2.jpg) scroll no-repeat 4px 5px;}		
.topTipsCont ul	li a.icon3{background:url(icon3.jpg) scroll no-repeat 4px 6px;}		
.topTipsCont ul	li a.icon4{background:url(icon4.jpg) scroll no-repeat 4px 8px;}	

/*title*/
.title {width:980px; height:82px; margin:15px 10px; background:url(titbg.jpg) no-repeat; clear:both;}
.title h2 { float:left;font: italic bold 30px/47px microsoft yahei,simhei; height:47px; padding:2px 0 0 45px;color:#fff;}

/*pdclist*/
.pdclist { float:left; width:100%;}
.pdclist li { float:left; margin:0 0 16px 16px; width:224px; height:168px; _display:inline; padding:1px; border:2px solid #dcdcdc; background:#fff; position:relative;}
.pdclist li a p{ display:block; width:208px; position:absolute; left:1px; bottom:1px; color:#fff; font-size:14px; line-height:24px; padding:2px 8px; text-align:center;}
.pdclist li img { width:224px; height:168px; vertical-align:top;}
.blackbg {background: url(libg.png) repeat;}

/*showList*/
.por{ position:relative;}
.pb10{ padding-bottom:10px;}

.showList { margin-top:15px; margin-left:10px;}		
.showList a{ display:block;}
.showList li{ margin-right:10px; float:left; margin-bottom:10px; _display:inline; }
.piclist li {text-align:center;line-height:18px;}
.piclist li img { width:184px; height:139px; margin-bottom:5px;}
.showList li p{ text-align:center; color:#4D4D4D; line-height:18px; padding-top:5px;}
.showList .boxLi li{width:184px; height:184px; border:1px solid #C9BFB0; padding:1px;}
.showList .boxLiFalls li{width:222px; padding-top:11px; padding-left:11px; border:1px solid #C9BFB0; background:url(fbg2.gif) repeat;}
.showList .boxLiFalls h4{ font:12px 700 ; padding-top:2px; text-align:center; line-height:24px;}
.showList .boxLiFalls p{ line-height:24px; text-align:left; padding-top:0;}

.showList .ulCont li{ float:left; margin:0; width:179px; height:83px; padding-bottom:5px;}
.showList .ulCont li a{ display:block; }			
.showList .ulCont .ulRight{ position:absolute; right:0; top:0;}		

.showList .showBigImg{ margin:0 5px; position:relative; width:623px; height:436px;}
.showList .showBigImg .changeDiv { position:absolute;}			
.showList .showBigImg .changeDiv h4	{ position:absolute; bottom:12px; opacity:0.8; filter:alpha(opacity=80); height:28px; line-height:28px;  color:#000; background:#FFEA05;padding-right:65px;}		
.showList .showBigImg .changeDiv h4 a{ padding-left:56px; display:inline-block; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; }	
			
.showListLeft { width:702px;}
.showListLeft li{ background:url(iconDot.jpg) no-repeat left bottom; padding-bottom:15px; cursor:pointer; width:60px; }
.showListLeft .ulListTop{background:url(iconLine.jpg) repeat-x center; padding-bottom:10px; height:40px;}
.showListLeft .ulListBttom{background:url(iconLine.jpg) repeat-x left 22px; bottom:0; position:absolute;}
.showListLeft .ulListBttom	li{ padding-bottom:10px;}			 
.showListLeft .ulListBttom li{ padding-top:30px; padding-bottom:0; background:url(iconDot.jpg) no-repeat left 17px ; }				 
.showListLeft li.foucs{ background: url(iconDotFoucs.jpg) no-repeat left bottom;}
.showListLeft .ulListBttom li.foucs{ background: url(iconDotFoucs.jpg) no-repeat left 17px;}

.showListRight{ width:252px; height:449px; margin-right:10px; border:1px solid #CCC; background:#F3F2F2;}
.showListRight .rightHeader{ background:url(hBg.jpg) scroll repeat-x; height:34px; border:1px solid #fff; border-bottom:none; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px;}
.showListRight .rightHeader h4{ background:url(iconH4.jpg) 10px 12px no-repeat; padding-left:23px; padding-top:9px;}
.showListRight .slideCont{ margin-top:14px;}
.showListRight .slideCont .topBtn{ width:115px; height:26px; background:#C7C7C7 url(topBtn.jpg) scroll no-repeat 50px center; margin:0 auto; cursor:pointer;}
.showListRight .slideCont .bottomBtn{width:115px; height:26px; background:#C7C7C7 url(bottomBtn.jpg) scroll no-repeat 50px center; margin:0 auto; cursor:pointer;}		 
.showListRight .slideCont .imgCont{ width:230px; margin:0 auto; border:1px solid #C7C7C7; border-left:none; border-right:none; height:318px; overflow:hidden; position:relative; background:#fff; padding:8px 0;}
.showListRight .slideCont .imgDlCont{ position:absolute; }

.showListRight .slideCont .dlImg{ border:1px #E0E0E0 solid; padding-top:4px; padding-bottom:4px; background:#FFF; width:80px; float:left;  display:inline;}
.showListRight .slideCont .dlList{ margin-top:8px;width:180px; margin-left:24px; text-align:center;}
.showListRight .slideCont .dlList a { display:block; line-height:20px;}
.showListRight .slideCont .dlList img { width:180px; height:135px;}	
.showListRight .slideCont dl{ float:left; width:136px; padding-left:10px; height:60px; overflow:hidden; }
.showListRight .slideCont dt{ font-weight:700; color:#000; height:23px; line-height:23px;}
.showListRight .slideCont dd{ line-height:19px;  height:38px; width:136px;}
.showListRight .slideCont dd a{ display:inline;}		 
.showListRight .slideCont dd span a{ color:#FF7907; }
.centerImg{ margin:0 10px;}
.bdImg img{ border:1px solid #CCCCCC;}

#showImgCont { position:relative;width:702px; height:356px;}	
#showImgCont .changeDiv{ position:absolute; width:702px;}

.psft li { float:left; width:230px; margin:0 0 16px 16px; background:#e9e9e9;}
#falls{ position:relative; }
#falls li{ position:absolute; z-index:999px;}

.psft h4 { line-height:24px; text-align:center; padding:0 5px 5px; width:220px; font-size:14px; font-weight:500;}
.psft img { width:222px; padding:4px; vertical-align:top;}
.lg_pic { float:left; width:970px; margin-left:15px; _display:inline;}
.showlist { float:left; width:100%;  padding-bottom:16px;} 
.showlist li { float:left; width:182px; background:#e9e9e9; margin:15px 0 0 15px; line-height:20px; text-align:center;}
.showlist li img { width:178px; height:134px; vertical-align:top;}
.showlist li p { padding:8px 5px; display:inline-block; width:172px;}
.bottom_wz li { line-height:28px;}

/*sltop*/
#sltop{ width:48px; height:38px; position:fixed; _position:absolute; left:50%; bottom:50px; margin:0 0 0 512px; background:url(sltop.png) no-repeat #2985F1 50% 50%; display:none;}
#sltop .sltop{ display:block; width:48px; height:38px;}
