﻿/* CSS Document */
body{  font-size:14px; color:#333;}
body,ul,li,a,img,dl,dt,dd{ margin:0; padding:0; border:0;}
a{ color:#333; text-decoration:none;}
ul,li{ list-style:none;}

.cl{ clear:both;}
.box{ width:1005px; margin:0 auto; clear:both;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}

.header,.menu{ background:url(top.gif) no-repeat}
.header{ height:114px; }
.left{ float:left; width:256px;  height:660px; margin-top:0px;}
.tel{ float:right; width:231px; height:20px; text-align:right; line-height:20px; padding-right:20px; margin:12px 44px 0 0; font-size:12px; color:#fff;}
.tel a{ padding:0 5px; color:#fff}

.cls {clear: both;}
a:focus { outline: none; }
.menu {height: 80px;display: block; width: 1005px;margin-top: 0px;margin-right: auto;margin-left: auto; background-position:0px -114px }
.menu ul li {float: left; position: relative; z-index: 5; padding-left:0px; line-height:38px;color:#fff; font-size:14px;}
.menu ul li a {position: relative;display: block;width:109px;height: 38px;font-family:  "宋体","微软雅黑";font-size: 16px;text-decoration: none;cursor: pointer; color:#fff; font-weight:800; text-align:center;}
#menu2 ul li a:hover {color:#ff0; background:url(navbg.gif) repeat-x;}
/*#menu2 ul li.current a.hc{ background:url(navh.gif) repeat-x; color:#f00}
#menu2 ul li ul li.current a.hc{ background:none; color:#f00}*/
.menu li ul li a { font-size: 14px; height:34px; line-height:34px; width:auto; padding:0 10px; font-weight:400; color:#fff; background:none;}
#menu2 li ul li a:hover{ background:none;}
#menu2 li ul { display:none; position:absolute; top:38px; width:400px; }
#menu2 li ul li { float:left; background:url(sm.gif) repeat-x 0 5px; height:34px;}
.navlie0{ background:url(navl0.gif); width:20px; height:38px; display:inline-block;}
.navlie{ background:url(navlie.gif); width:14px; height:38px; display:inline-block;}

.searchbox{ height:29px; float:left;}
.skeyw{ float:left; margin:6px 0 0 12px;width:159px; display:inline; height:22px; color:#6d86b1}
#skeyw{ width:152px; background:fff; border:none; height:20px; line-height:20px;color:#fff; border:solid 1px #999;}
.search{ float:left; margin:6px 0 0 0px; display:inline; width:59px; height:22px;}
.search input{ background:url(btn_s.gif); width:51px; height:24px; border:none; cursor:pointer;}

.lir{ background:url(navr.gif);}
.lil{ background:url(navl.gif);}
.lil0{ background:url(navl0h.gif);}
.lim{ background:url(navbg.gif);}

#menu2 li ul li.slil{ background:url(sl.gif) 0 5px no-repeat; width:17px;}
#menu2 li ul li.slir{ background:url(sr.gif) 0 5px no-repeat; width:17px;}

#imgPlay {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1005px; ZOOM: 1; z-index:3; POSITION: relative; HEIGHT: 305px; }
#imgPlay .imgs IMG { WIDTH: 985px; height:285px; padding:10px; background:#008d75;}
#imgPlay .imgs LI {FLOAT: left; POSITION: relative;}
#imgPlay .imgs {WIDTH: 5760px; margin-top:1px;}
#imgPlay .btn {RIGHT: 12px; OVERFLOW: hidden; WIDTH: 112px; BOTTOM: 12px; TEXT-INDENT: -9999px; POSITION: absolute; HEIGHT: 29px;}
#imgPlay .btn A {background: url(bg.png) no-repeat;BACKGROUND-POSITION: 0px 0px; DISPLAY: block; WIDTH: 112px; HEIGHT: 29px;}
#imgPlay .btn A:hover {background: url(bg.png) no-repeat;BACKGROUND-POSITION: 0px -30px;}
#imgPlay .prev {background: url(imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 110px; HEIGHT: 81px; display:none}
#imgPlay .next {background: url(imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 110px; HEIGHT: 81px}
#imgPlay .next {BACKGROUND-POSITION: right 0px; RIGHT: 1px; LEFT: auto; display:none}
#imgPlay .num {DISPLAY: inline; LEFT:700px; POSITION: absolute; TOP: 325px; HEIGHT: 19px}
#imgPlay .num SPAN {DISPLAY: inline-block; background: url(imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px}
#imgPlay .num SPAN.on {BACKGROUND-POSITION: 1px -83px;}

#imgPlay #numInner {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 270px; TEXT-ALIGN: center; left:755px; margin-left:450px; background:#ddd;}


.newsh,.about,.video,.friendlink,.fconh{ background:url(home.gif);}
.newsh{ width:399px; height:244px; float:left; display:inline;}
.newsh .tit{ font-size:14px;  height:33px; line-height:33px; padding:17px 13px 0 25px; width:351px; clear:both;}
.newsh .tit b{ display:block; width:92px; float:left; text-align:center; cursor:pointer; color:#fff;  }
.newsh .tit b.act{ background:url(newsh.gif) repeat-x 0 3px; color:#000; height:33px; line-height:33px;}
.newsh .tit span{ float:right; padding-top:8px;}
.newsh .fir{ height:90px; margin:0 28px 0 32px; border-bottom:dashed 1px #666;}
.newsh .fir span{ float:left; display:block; width:104px; padding-top:10px;}
.newsh .fir span img{ width:94px; height:72px;}
.newsh .fir b{ display:block; height:30px; line-height:30px; float:left; width:235px; overflow:hidden; padding-top:5px;}
.fir a{ color:#f00;}
.newsh .fir p{ line-height:20px; margin:0; height:40px; overflow:hidden; font-size:12px; float:left; width:235px;}
.newsh .con{ padding:3px 28px 0 28px;}
.newsh .con li{ background:url(lie.gif) 6px center no-repeat; line-height:22px; padding-left:15px; font-size:12px;}
.newsh .con li span{ float:right;}
.lkcon{ clear:both;}
.about{ float:left; width:369px; height:244px; display:inline; background-position:-399px 0px;}
.about .tit{ height:33px; line-height:33px; padding:17px 13px 0 11px; color:#333}
.about .tit span{ float:right; padding-top:8px;}

.about .con{ padding:5px 15px 10px 8px; height:140px; overflow:hidden; line-height:22px; font-size:12px;}

.video{ float:left; width:237px; height:244px; background-position:-768px 0px;}
.video .tit{ padding:31px 25px 17px 16px; text-align:right} 
.video .con{ padding:0px 0 0 16px}
.video .con li{ line-height:24px; padding-left:30px;}

.fnav{ background:url(btmbg.gif) no-repeat; height:53px; line-height:53px; text-align:center; overflow:hidden;}
.fnav a{ padding:0 5px;}
.friendlink{background-position: 0 -244px; height:28px; overflow:hidden;}
.friendlink ul{ padding-left:182px;}
.friendlink li{ float:left; line-height:18px; padding-top:10px; padding-right:10px;}
.friendlink a{ color:#fff;}


.footer{ width:932px; height:60px; line-height:60px; overflow:hidden;  color:#fff; width:100%; background:url(fbg.gif) repeat-x; text-align:center}
.fcon{ line-height:60px; color:#fff; font-size:12px; background:url(footer.gif);}
.fconh{ line-height:60px; color:#fff; font-size:12px; background-position:0 bottom;}
.flink{ width:120px; height:20px; float:right; margin:10px 20px 0 0; display:inline;}

/**page**/
.pbbg{ background:url(pbbg.gif) repeat-x; width:100%; height:240px;}
.pbbg img{ width:921px; height:236px; border:solid 1px #000; margin-top:1px;}


.pageleft{
	float:left;
	width:220px;
	height:auto;
}
.pagenav{
	width:220px;
	background-image: url(pagenavmid.gif);
}
.pagenav em{ font-style:normal; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding-left:10px;}
.pageleft .tit{ padding:12px 0 10px 20px; color:#fff; background:url(pagenavtit.gif);}
.pageleft .tit b{ line-height:30px;}
.pageleft .con{ padding:0 10px 10px 10px; }
.pageleft .con li{ margin:0px 0 0px 10px;}
.pageleft .con li a{ display:block; width:127px; height:28px; line-height:28px; padding-left:52px; color:#fff; font-weight:400; border-bottom:solid 1px #FBFBFB; border-bottom:solid 1px #FBFBFB;font-size:14px;}
.pageleft .con li a.tt,.pageleft .con li a:hover{ background:url(pnavh.gif); color:#f60; border-bottom:solid 1px #007964}
.pagenav .btm{ background:url(pagenavbtm.gif); height:9px; overflow:hidden; width:220px;}
.online{ background:url(btnleft.gif); height:36px; margin-top:5px; line-height:36px;}
.online a{ display:block; padding-left:30px; width:180px; color:#fff; font-weight:800;}
.pageright{ float:right; width:782px;}
.pload{ line-height:35px; height:35px; padding:0px 0px 0 35px; background:url(pageload.gif); color:#fff;}
.pload b{ font-size:14px; padding-top:4px; line-height:30px; float:left; display:block;}
.pload span{ float:right; font-size:12px; padding-right:20px; line-height:24px; padding-top:8px;}
.pload span a{ color:#fff;}
.pload span a:hover{ color:#ff0;}

.pagecontent{ padding-bottom:20px; height:auto!important; height:400px; min-height:400px; background:url(pagermid.gif) repeat-y;}
.pagebtm{  background:url(pagerbtm.gif) no-repeat; height:22px; overflow:hidden;}

.piclist{ padding:40px 0px 20px 20px; }
.piclist li{ float:left; width:170px; text-align:center; height:168px; margin-left:35px; display:inline;}
.piclist li span{height:30px; line-height:30px; overflow:hidden; width:170px; display:block; text-align:center; margin:0 auto;}
.piclist li img{ padding:3px; width:160px; height:120px; border:solid 1px #aaa; background:#fff;}
.piclist li a:hover img{ border:solid 1px #f60;}

.newslist{ padding:30px 30px 20px 30px; }
.newslist li{  line-height:33px; border-bottom:dashed 1px #ddd; color:#f60; padding:0 7px 0 10px; background:url(lie0.gif) left center no-repeat;}
.newslist li span{ float:right; color:#333;}

.pagenum{ line-height:30px; text-align:center; padding:10px 20px 20px 20px; color:#000; clear:both; }
.pagenum a{ padding:0 5px; border:solid 1px #eee; color:#000; background:#666}
.pagenum a:hover{ border:solid 1px #f60; background:#000;}

.pageright .pageshows{ padding:30px 40px 20px 40px; line-height:200%;}
.pageright .pagenext{}

.pageconpage{ line-height:200%; height:auto!important; height:200px; min-height:200px;}

.messagetb1{ width:670px; height:214px; margin:20px auto; background:url(message.gif) no-repeat; border:0; padding:0; clear:both;}
.messagetb1 b{ display:block; text-align:center; margin:0 auto;}
.messagetb1 span{ float:right;}
.messagetb2{ width:670px; margin:0 auto; border:solid 1px #ccc; border-top:none; border-collapse:0;}
.messagetb3{ width:670px; margin:0 auto; background:url(messagetb3.gif) left center;}
.mtbt{ background:url(message.gif) no-repeat 0 -225px; height:1px; width:670px;margin:20px auto 0;}
.mtbb{ background:url(message.gif) no-repeat 0 bottom; height:5px; width:670px;margin:0px auto;}
.mtd1{ background:url(message.gif) -156px -226px;}
.mtd2{background:url(messagetb4.gif) left center repeat-y;}

.msbg{ width:76px; height:21px; border:0; background:transparent; color:#fff; cursor:pointer}



a:hover{ color:#f60;}
