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

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 13px;
}
ul,li,input,td,img,h1,h2,h3,p{
	margin:0;
	padding:0;

}
ul,li{ list-style:none}
img,table{ border:none}
h3{ font-weight:bold}
div{ overflow:hidden}
a:link {text-decoration: none;color:#666;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
a:visited {text-decoration: none;color: #666;font-family: Verdana, Arial, Helvetica, sans-serif;}
.clear{ clear:both;font-size:1px; height:1px; overflow:hidden;}
.block20{ height:20px; overflow:hidden}
.block10{ height:10px; overflow:hidden}
.dotliney{ height:1px; border-bottom:1px #ccc dotted; overflow:hidden}
.more{ float:right; padding-right:17px;}
.more a,.more a:visited,.more a:hover,.more a:active{ font-size:9px }
.pageware{ width:960px; margin:0 auto;}
.09f{
	color:#09F;
	font-weight: bold;
}

body{ background:URL(bodybg.jpg) repeat-x left 300px;}

/*head*/
.topbar{  background:url(topbar.jpg) no-repeat left top; height:33px;}
.loginbox{

border:1px #ccc  solid;
width:130px; height:20px; color:#999; background:#fff; margin-left:8px;}
.loginbox .puttext{ float:left; line-height:20px; padding-left:2px; color:#CCC}
.loginbox .putbox{ float:left;width:90px; height:18px;border: 1px #fff solid; color:#999}

.topbar span{ padding:0 8px;}
.toptel{ color:#F60; line-height:18PX;}
.navtop{ background:url(navtopbg.gif) no-repeat; text-align:right}
.navbg{ background:url(navbg.gif) repeat-x; line-height:43px; height:43px; }
.menulist{ margin-top:15px; margin-left:55px; }
.menulist li{ float:left; margin-right:15px; padding-right:15px;border-right:1px #ccc solid; height:14px; line-height:16px}
.menulist li.last{ border-right:none}
.menulist li a{ font-size:12px; color:#666}
.menulist li a:link {text-decoration: none;color:#666;font-size:12px;}
.menulist li a:visited {text-decoration: none;color: #666;font-size:12px;}
.menulist li a:hover {text-decoration: none;color: #f69;font-size:12px;}
.menulist li a:active {text-decoration: none;color: #666;font-size:12px;}


/*banner*/
.bannerbg{ width:736px; height:305px; background:url(bannerbg.gif) no-repeat left top;}
#topimginfo{ padding:5px;}
 #mtopimg{position:relative; z-index:0; height:300px; width:730px; overflow:hidden;}
#mtopimg #fc{height:300px; width:730px;}
.mtopimg_pic{ height:300px; width:730px; overflow:hidden;}
.mtopimg_pic img{ height:300px; width:730px;}
.topimg_tit{position:absolute; border:none; left:0px; bottom:0px; text-align:center; width:100%; height:55px; background:#231B14; }
.topimg_tit{
backgournd: #231B14;
filter:alpha(opacity=30); /*IE*/
-moz-opacity:0.3; /*MOZ , FF*/
opacity:0.3; /*CSS3, FF1.5*/
z-index:2;
}
.topimg_tit a{
	color:#fff;
	font-weight:bold;
}
.mtopimg_bnt{
	z-index:99;
	position:absolute;
	left: 8px;
	top: 248px;
}
.mtopimg_bnt li{
	padding:3px 2px;

	float:left;

	display:block;

		margin:0 12px;

}

.mtopimg_bnt li img{ width:90px; height:42px; 	border:1px #ccc solid;}
.mtopimg_bnt .on img{ 	border:2px #fff solid;}
.mtopimg_bnt .on { }

.infotop{ background:url(infohead.gif) no-repeat; width:218px; height:48px;}
.infobg{ background:url(infobg.gif) repeat-y; width:218px;}
.infobt{ background:url(infobt.gif) no-repeat; width:218px; height:19px;}
.infotop .more{ padding-top:15px;}

ul.infolist_r{
	padding-left:20px;
	padding-right:15px;
}
ul.infolist_r li{
	display:block;
	padding-left:8px;
	height:22px;
	overflow:hidden;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: left 11px;
}
ul.infolist_r li span{ color:#396; font-weight:bold; margin-right:12px;}


/*index main*/

.changebntbox{
	width:172px;
	position:absolute;
	z-index: 99;
	margin-top:15px;
}
.changebnt li{background: url(changebntoff.gif) no-repeat left 0px;}
.changebnt li{ line-height:35px; text-align:right;}
.changebnt li .bnt1{ }
.changebnt li .bnt2{ height:35px;line-height:normal; line-height:13px;}
 .changebnt li .bnt2 a{padding-top:5px;}

.changebnt li a{ height:35px;display:block;padding-right:8px;  }
/*.changebnt li a:hover{height:34px;background: url(changebnton.gif) no-repeat left -1px; display:block}*/

.changebnt li.on{
height:35px;background: url(changebnton.gif) no-repeat left 0px;
}
.changebnt li.on a{ font-weight:bold; color:#c69}


.changebox{ float:right; width:560px;}
.changeboxtit{background: url(index_new_29.gif) no-repeat left top; height:12px; overflow:hidden}
.changeboxbt{background: url(index_new_41.gif) no-repeat left top; height:12px; overflow:hidden}
.changeboxcon{
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#fff;
	overflow:hidden
}

.infotoptit{ text-align:left;color:#09F; padding-left:20px; line-height:40px; }

.changeconBox{
	padding:10px 20px;
}

.indebanner{ margin-top:15px;}
ul.infolist{ margin-top:12px;}
ul.infolist li{ display:block; background:url(dot.gif) no-repeat left 11px; padding-left:8px; height:22px; overflow:hidden }
ul.infolist li span{ color:#396; font-weight:bold; margin-right:12px;}
.showpiclist{ margin-top:12px;}
.showpiclist li{ float:left;width:132px; height:132px; background:url(showpicbg.gif) no-repeat;  text-align:center; line-height:132px; margin:0 8px;position:relative}

.frame_block { position: relative; display: block; height:132px; width: 132px;}
.frame_block span { background: url(frame-block.png) no-repeat center top; height:132px; width: 132px; display: block; position: absolute;}
html>body .frame_block span{background:url(frame-block.png) no-repeat;} /* FF，Opera */ 
*html .frame_block span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="frame-block.png");background:none;	background-repeat: no-repeat;
	background-position: center top;} /* IE5.5+～IE7+ */ 
	
.frame-block a{ width:132px; height:132px;display:block}


.infohead{ background:url(classtit_3.gif) no-repeat; height:38px;}
.infobg{ background:url(infobg.gif) repeat-y;}
.infofoot{ background:url(infofoot.gif) no-repeat; height:15px;}

.infohead .more{ line-height:38px;}

.newslist{ padding-right:25px; }
.newslist li{ height:22px; overflow:hidden}

.proleft{background: url(proleft.gif) no-repeat left top; width:52px; height:100px;}
.proright{background: url(proright.gif) no-repeat left top; width:8px; height:100px;}
.prolist{  margin-left:20px;}
.prolist li{ float:left;width:95px; height:80px;   text-align:center;  margin:0 12px;position:relative}
.pro_block { position: relative; display: block; height:80px; width: 95px;}
.pro_block span { background: url(frame-block.png) no-repeat center top; height:80px; width: 95px; display: block; position: absolute;}
html>body .pro_block span{background:url(frame-block.png) no-repeat;} /* FF，Opera */ 
*html .pro_block span{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="frame-block.png");background:none;	background-repeat: no-repeat;
	background-position: center top;} /* IE5.5+～IE8*/
	
.promore{ float:right;width:20px; margin-top:20px}

.userphoto{ float:right;}



.linkleft{background: url(linkleft.gif) no-repeat left top; width:70px; height:38px;}
.linkright{background: url(linkright.gif) no-repeat -3px top; width:30px; height:38px;}
.linkbg{ height:36px; border:1px #E5E5E5 solid; border-left:none; border-right:none; background:#}
.linklist{ margin-top:12px; margin-left:25px;}
.linklist li{ float:left; margin-right:15px; padding-right:14px;border-right:1px #ccc solid; height:14px; line-height:14px}
.linklist li.more{ margin:0px; padding:0px; border:none;}


/*foot*/
.footer{ color:#666}
.footer a:link{ color:#666}
.footer a:hover{ color:#F69}

.footbg{ height:61px; border:1px #E5E5E5 solid; border-left:none; border-right:none; background:#}
.footbg{ color:#999;}
.copytxt{ font-size:11px; line-height:15px}


.pageware .infobg #div_scroll .infolist_r a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.pageware .infobg .infolist_r a {
	font-size: 12px;
	text-decoration: none;
}
.fo_bule {
	font-weight: bold;
	color: #09F;
}
.about_top {
	background-image: url(about_index_bg.gif);
	background-repeat: repeat-x;
	height: 99px;
	width: 959px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}
.about_top_x {
	position: relative;
	width: 959px;
	height: 99px;
}
.about_top_1 {
	background-image: url(about_top_1.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 246px;
	position: absolute;
	top: 24px;
}
.about_top_2 {
	background-image: url(about_top_2.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 157px;
	position: absolute;
	top: 24px;
	left: 273px;
}
.about_top_24 {
	height: 64px;
	width: 261px;
	position: absolute;
	top: 26px;
	left: 272px;
	font-size: 40px;
	font-weight: bold;
	color: #990000;
}
.about_top_3 {
	background-image: url(about_top_3.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 63px;
	position: absolute;
	top: 24px;
	left: 442px;
}
.about_top_4 {
	color: #01ACA3;
	position: absolute;
	left: 517px;
	width: 137px;
	top: 61px;
}
.textclass{
	border: 1px solid #AAB7BD;
	height: 20px;
	width: 84px;
}
.about_top_5 {
	color: #01ACA3;
	position: absolute;
	top: 61px;
	left: 666px;
	width: 126px;
}
.about_top_6 {
	background-image: url(about_top_bt.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 58px;
	position: absolute;
	top: 61px;
	left: 806px;
}
.about_top_7 {
	background-image: url(about_top_bt1.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 58px;
	position: absolute;
	top: 61px;
	left: 880px;
}
.about_mid {
	background-image: url(about_mid.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 92px;
	width: 959px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
}