/*---------- import ---------*/
@import url("layout.css");
@import url("page.css");


/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}
html{
	background:#FFF;
}
BODY {
	FONT-SIZE: 12px;
	BACKGROUND: url(/templets/default/images/bg.png) #fff repeat-x;
	COLOR: #404040;
	LINE-HEIGHT: 1.5em;
	FONT-FAMILY: ΢ÈíÑźÚ, "Microsoft YaHei", Arial, verdana
}
img{
	border:none;
}
h2 { list-style:none; font-size:12px; display:block;}
a{
	color:#3366CC;
	text-decoration:none;
}
a:hover{
	color:#F33;
	text-decoration:underline;
}
ul{
	list-style:none;
}
input,select,button{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}
/*---------- stock ---------*/
.center{
	margin:0px auto;
}
.w960{
	width:960px;
	position:relative;
}
.mt1{/* ( margin-top * 1 ) */
	margin-top:0px;
}
.mt2{/* ( margin-top * 2 ) */
	margin-top:16px;
}
.mt10{
	margin-top:10px;
}
.mt14{
	margin-top:14px;
}
.lb{
	border-bottom:1px solid #CCC;
	width:100%;
	padding:5px 0;
}
.pl5{
	padding-left:5px;
}
.clear{
	overflow:hidden;
}
.fs-12{
	font-size:12px;
}
.fc-f60{
	color:#F60;
}
.fc-f90{
	color:#F90;
}
.tlv_menu{
	font-weight:bold;
	color: #7A9D03;
	font-size:12px;
}
.tlv{
	font-weight:bold;
	color: #7A9D03;
	font-size:12px;
	width:82px;
	float:left;
}
.thui{
	color: #999999;
	font-size:12px;
}
.ttext{
	color:#999;
	font-size:12px;
	float:right;
	text-align:right;
	width:590px;
}
.ipt-txt{
	line-height:15px;
	padding:4px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#666 #BBB #BBB #666;
	font-size:12px;
	margin-right:2px;
}
.btn-1{
	width:56px;
	height:23px;
	border:none;
	background:url(../images/btn-bg1.gif) no-repeat;
	line-height:25px;
	letter-spacing:1px;
	overflow:hidden;
	color:#2F592E;
}
.btn-2{
	width:70px;
	height:25px;
	border:none;
	background:url(../images/btn-bg2.gif) left top no-repeat;
	line-height:25px;
	overflow:hidden;
	color:#444;
	margin-right:2px;
}
/*---------- frame ---------*/
/*---------- frame : header ---------*/
.header{
	width:100%;
	overflow:hidden;
}
.header a{
	color:#777;
}
.header a:hover{
	color:#390;
	text-decoration:none;
}
.header .top{
	height:86px;
	clear:both;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/top_1.jpg);
}
.header .title{
	float:left;
}
.header .title h1 a{
	width:400px;
	height:56px;
	display:block;
	font-size:0px;
	text-indent:-200px;
	overflow:hidden;
	background:url(../images/top-logo.gif) center center no-repeat;
}
.header .marquee{
	float:right;
	width:500px;
	height:56px;
	overflow:hidden;
}
.header .nav{
	width:100%;
	height:35px;
	background:url(../images/menu.jpg) repeat-x;
	clear:both;
	overflow:hidden;
}
.header .nav ul{
	height:32px;
	margin:0px auto;
	overflow:hidden;
}
.header .nav ul li{
	float:left;
	line-height:31px;
	background:url(../images/nav-bg.gif) 0px -48px no-repeat;
	margin-left:-2px;
}
.header .nav ul li a{
	height:32px;
	padding:3px 16px 0px 17px;
	display:block;
	color:#333;
	font-weight:bold;
	font-size:14px;
	float:left;
}
.header .nav ul li a:hover{
	color:#F60;
	text-decoration:underline;
}
.header .nav_bg{
	height:14px;
	background:url(../images/top_2.jpg) repeat-x;
	clear:both;
}

/*---------- frame : channel-nav ---------*/
.channel-nav{
	height:31px;
	border-bottom:1px solid #E5EFD6;
}
.channel-nav ul{
	height:22px;
	padding-left:10px;
	padding-top:3px;
	overflow:hidden;
	float:left;
}
.channel-nav ul li{
	height:22px;
	float:left;
	overflow:hidden;
	margin-right:10px;
}
.channel-nav ul li a{
	height:22px;
	display:block;
	padding-right:10px;
	float:left;
	background:url(../images/channel-nav-bg.gif) right 0px no-repeat;
	overflow:hidden;
}
.channel-nav ul li a span{
	display:block;
	float:left;
	height:22px;
	padding-left:10px;
	background:url(../images/channel-nav-bg.gif) left 0px no-repeat;
	cursor:pointer;
	overflow:hidden;
	line-height:23px;
	color:#666666;
}
.channel-nav ul li a:hover{
	text-decoration:none;
	background:url(../images/channel-nav-bg.gif) right -22px no-repeat;
}
.channel-nav ul li a:hover span{
	color:#78A63C;
	text-decoration:none;
	background:url(../images/channel-nav-bg.gif) left -22px no-repeat;
}
.channel-nav ul li.thisclass{
}
.channel-nav ul li.thisclass a,.channel-nav ul li.thisclass a:hover{
	background:url(../images/channel-nav-bg.gif) right -44px no-repeat;
	cursor:default;
}
.channel-nav ul li.thisclass a span,.channel-nav ul li.thisclass a:hover span{
	background:url(../images/channel-nav-bg.gif) left -44px no-repeat;
	color:#FFF;
	cursor:default;
}
.channel-nav .back{
	display:block;
	height:22px;
	line-height:21px;
	padding-top:6px;
	padding-right:10px;
	padding-left:20px;
	letter-spacing:2px;
	float:right;
	background:url(../images/ico-home.gif) 4px 10px no-repeat;
} 
.channel-nav .back a{
	color:#94B56A;
}
.channel-nav .back a:hover{
	text-decoration:none;
	color:#777;
}

.div1{
	width:700px;
	border:1px solid #DCDDD5;
	padding:14px;
	background:#F7F7F5 url(../images/bj_01.jpg) top repeat-x;
	overflow:hidden;
}
.div1 .title{
	padding-bottom:13px;
	overflow:hidden;
}
.div1 .about{
	font-size:12px; line-height:22px;
	overflow:hidden;
}
.div1 .img{
	width:264px;
	margin-right:10px;
	float:left;
}
.div22{
	width:340px;
	border:1px solid #DCDDD5;
	padding:10px;
	background:#FCFCFA;
	overflow:hidden;
    float: left;
}
.div222{
	width:340px;
	border:1px solid #DCDDD5;
	padding:10px;
	background:#FCFCFA;
	overflow:hidden;
    float: right;
}
.div2{
	width:710px;
	border:1px solid #DCDDD5;
	padding:14px 9px;
	background:#FCFCFA;
	overflow:hidden;
}

/*---------- frame : footer ---------*/
.footer{
	margin:auto;
	color:#999;
	text-align:center;
	margin-top:8px;
	padding-bottom:10px;
	border-top:1px solid #E5EFD6;
	padding-top:10px;
}
.footer .link{
	text-align:center;
	padding:5px 0px;
}
.footer .link a{
	margin:0px 5px;
	color:#666666;
}
.footer .powered{
	font-size:10px;
	line-height:25px;
}
.footer .powered strong{
	color:#690;
}
.footer .powered strong span{
	color:#F93;
}
.footer .copyright{
	color:#666666;
	line-height:23px;
}


.content_tags { float:left; line-height:22px; font-size:14px; font-weight:bold;}

#headwrapper {
	BACKGROUND: url(/templets/default/images/headbg.jpg) no-repeat;
	MARGIN: 0px auto;
	WIDTH: 1000px;
	HEIGHT: 85px
}
.header {
	MARGIN: 0px auto;
	WIDTH: 960px;
	POSITION: relative;
	HEIGHT: 85px
}
.header H1 {
	LEFT: 0px;
	FLOAT: left;
	WIDTH: 400px;
	POSITION: absolute;
	TOP: 21px;
	HEIGHT: 50px
}
.header H1 A {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 400px;
	HEIGHT: 50px
}
.header SPAN {
	RIGHT: 0px;
	BACKGROUND: url(/templets/default/images/half1.gif) no-repeat;
	WIDTH: 115px;
	POSITION: absolute;
	TOP: 63px;
	HEIGHT: 22px
}
.logo {
	FLOAT: left;
	WIDTH: 240px;
	POSITION: absolute;
	TOP: 12px;
	HEIGHT: 52px
}
.topnav {
	RIGHT: 0px;
	WIDTH: 355px;
	POSITION: absolute;
	TOP: 21px;
	HEIGHT: 42px
}
.mainnav {
	FONT-SIZE: 14px;
	BACKGROUND: url(/templets/default/images/mainnavbg.gif) repeat-x;
	LINE-HEIGHT: 26px;
	POSITION: relative;
	HEIGHT: 26px
}
.mainnav LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: url(/templets/default/images/mainnav_normal.gif) no-repeat;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 86px;
	PADDING-TOP: 0px;
	HEIGHT: 26px;
	TEXT-ALIGN: center
}
.mainnav LI A:link {
	COLOR: #fff
}
.mainnav LI A:visited {
	COLOR: #fff
}
.mainnav LI.curr {
	COLOR: #f7ac00
}
.mainnav LI A:hover {
	COLOR: #f7ac00
}
.mainnav LI A:active {
	COLOR: #f7ac00
}
.mainnav LI.curr {
	BACKGROUND: url(/templets/default/images/mainnav_hover.gif) no-repeat;
	CURSOR: pointer
}
.mainnav LI:unknown {
 BACKGROUND: url(/templets/default/images/mainnav_hover.gif) no-repeat;
CURSOR: pointer
}
.mainnav LI:hover {
	BACKGROUND: url(/templets/default/images/mainnav_hover.gif) no-repeat;
	CURSOR: pointer
}
.mainnav SPAN {
	RIGHT: 0px;
	BACKGROUND: url(/templets/default/images/half2.gif) no-repeat;
	WIDTH: 118px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 26px
}
#banner {
	BACKGROUND: url(/templets/default/images/banner_bg.gif) no-repeat;
	MARGIN: 0px auto;
	WIDTH: 976px;
	HEIGHT: 228px
}
.bannerin {
	MARGIN: 3px 11px 2px;
	WIDTH: 954px;
	POSITION: relative;
	HEIGHT: 223px
}
.banner_left {
	Z-INDEX: 201;
	LEFT: 0px;
	WIDTH: 247px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 223px
}

.container {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
.container {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px
}
.container {
	OVERFLOW: hidden;
	WIDTH: 954px;
	POSITION: relative;
	HEIGHT: 223px
}
.slider {
	WIDTH: 20000px;
	POSITION: absolute
}
.slider LI {
	DISPLAY: inline;
	FLOAT: left;
	LIST-STYLE-TYPE: none
}
.slider IMG {
	DISPLAY: block;
	WIDTH: 954px;
	HEIGHT: 223px
}
.num {
	RIGHT: 5px;
	BOTTOM: 5px;
	POSITION: absolute
}
.num LI {
	BORDER-RIGHT: #0062b2 1px solid;
	BORDER-TOP: #0062b2 1px solid;
	FONT-SIZE: 12px;
	FLOAT: left;
	MARGIN: 3px 1px;
	OVERFLOW: hidden;
	BORDER-LEFT: #0062b2 1px solid;
	WIDTH: 16px;
	CURSOR: pointer;
	COLOR: #0062b2;
	LINE-HEIGHT: 16px;
	BORDER-BOTTOM: #0062b2 1px solid;
	FONT-FAMILY: Arial;
	HEIGHT: 16px;
	BACKGROUND-COLOR: #fff;
	TEXT-ALIGN: center
}
.num LI.on {
	BORDER-TOP-WIDTH: 0px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 16px;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN: 0px 1px;
	WIDTH: 21px;
	COLOR: #fff;
	LINE-HEIGHT: 21px;
	HEIGHT: 21px;
	BACKGROUND-COLOR: #0062b2;
	BORDER-RIGHT-WIDTH: 0px
}
#content {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	OVERFLOW: hidden;
	PADDING-TOP: 10px
}
.cola {
	FLOAT: left;
	WIDTH: 240px
}
.colb {
	FLOAT: left;
	MARGIN: 0px 10px;
	WIDTH: 400px
}
#wrapper {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	WIDTH: 960px;
	BACKGROUND-COLOR: #fff
}

.pserver { border:#DCDDD5 solid 3px; height:116px; background:#F7F7F7 url(../images/service.jpg) no-repeat; padding:85px 10px 0 10px; color:#F60;}
.menulist{
	padding:10px;
	overflow:hidden;
}
.menulist li{
	width:170px;
	height:25px;
	line-height:18px;
	padding-left:20px;
	background:url(../images/ico-3.gif) left 6px no-repeat;
	overflow:hidden;
	clear:both;
}
.menulist li a{
	color:#333;
}
.e1{/* 横向浮动的图片列表 120*90  */
	width:100%;
	overflow:hidden;
	clear:both;
}
.e1 li{
	width:106px;
	overflow:hidden;
	padding:10px 23px 0 13px;
	float:left;
	text-align:center;
}
.e1 li a{
	display:block;
}
.e1 li a:hover img{
	border:1px solid #999;
	padding:2px;
}
.e1 li a img{
	display:block;
	border:1px solid #E3E3E3;
	padding:2px;
	width:100px;
	height:100px;
}
.e1 li a span{
	display:block;
	line-height:17px;
	padding-top:6px;
}
.e1 li span{
	
}
.viewbox .plist{
	width:700px;
	margin-left:15px;
	margin-top:10px;
	border:solid #ffffff 0px;
	overflow:visible;
	background:url(../images/cpbg.jpg) left top repeat-x;
	clear: both;
	float: right;
}
.viewbox .plist h3{margin:10px 10px 0 10px;color:#000;padding-left:5px;padding-bottom:10px;font-size:14px;border-bottom:1px #ccc dotted;}
.viewbox .plist ul{margin:0px;display:inline-block;}
.viewbox .plist li{width:165px;text-align:center;float:left; height:180}
.viewbox .plist li a img{width:150px;height:150px;
	border:1px solid #E3E3E3;}
.viewbox .plist li a:hover img{
	border:1px solid #999;
}
.viewbox .plist li span{clear:both;display:block;text-align:center;}
.viewbox .plist .title{line-height:20px;} 
.pages{clear:both;margin-left:15px;margin-top:20px;width:660px;height:60px;float:none;overflow:hidden;text-align:center;font-family:"??";}
.pages ul{margin:0px auto;float:none;clear:both;overflow:hidden;text-align:center;white-space:nowrap;}
.pages li,.pages li a{float:none;display:inline;}
.pages li{padding:2px 3px;border:1px #ddd solid;line-height:18px;margin:0 5px; height:80px;text-align:center;}
.pages li.thisclass{font-weight:bold;color:#ff0000;}

/*pic scroll
----------------------------------*/
.infiniteCarousel {
  width: 700px;
  position: relative;
  margin-left:auto;
  margin-right:auto;
}

.infiniteCarousel .wrapper {
  width: 640px; 
  overflow: auto;
  height: 170px;
  margin: 0 30px;
  top: 0;
}
.infiniteCarousel ul a img {
  border:1px solid #E3E3E3;
  padding:2px;
  width:143px;
  height:120px;
  display:block;
}
.infiniteCarousel .wrapper ul {
  width: 625px; 
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  top: 0;
}
.infiniteCarousel ul li {
  display:block;
  color:#6C6D61;
  float:left;
  padding: 10px 6px;
  height: 147px;
  width: 147px;
  text-align:center;
}
.infiniteCarousel ul li a,
.infiniteCarousel ul li a:visited{
	color:#6C6D61;
	}
.infiniteCarousel .wrapper ul li a:hover{
	text-decoration:underline;
	}
.infiniteCarousel ul li a:hover img {
  border-color: #aaa;
}
.infiniteCarousel ul li a span{
   display:block;
   line-height:17px;
   padding-top:6px;
}
.infiniteCarousel .arrow {
  display: block;
  height: 26px;
  width: 26px;
  text-indent: -999px;
  position: absolute;
  top: 70px;
  cursor: pointer;
  outline: 0;
}
.infiniteCarousel .forward {
  background:url(../images/green_skin.png) 0 -256px no-repeat;
  right: 0;
}
.infiniteCarousel .back {
  background:url(../images/green_skin.png) 0 -222px no-repeat;
  left: 0;
}