@charset "utf-8";
/*clean browser default style*/
*, html,form{
	padding:0;
	margin:0
}
p {
	line-height:20px;
}
ol, ul, li {
	padding:0;
	margin:0;
	list-style:none
}
a img {
	border:0
}
img{vertical-align: middle;}
a {
	text-decoration:none;
}

.lan_f{position:absolute;right:21px;top:62px;width:245px;overflow:hidden;}
.lan_f a:visited,.lan_f a:link{font-size:10px;}
body {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:20px;
	background:url(../img/bg.jpg) repeat-x top center #fff;
	/*background:url(../img/bbg_c.jpg) top center repeat-x #590000;*/

}
div {
	text-justify:auto;
	text-align:justify;
}
a:link {
	color:#444
}
a:visited {
	color:#444
}
a:hover {
	color:#08c
}
.clear{clear:both;line-height:0;height:0;font-size:0;width:0;overflow:hidden;}
/*frame style*/
#wrapper {
	position:relative;
	margin:0 auto;
	width:1003px;
	height:auto;
}

#chead{
	height:166px;
	width:1003px;
	margin:0 auto;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/tbg.png');*/
	padding-top:0px;
background:url(../img/h_c.jpg) no-repeat top center;
}
.swf{
	height:214px;
	
	width:980px;
	text-align:center;
	margin:0 auto;
	
	margin-top:48px;margin-bottom:8px;border:1px solid #cfcfcf;
background:url(../img/swfbg.jpg) center center no-repeat
}
/*frame end*/

/*nav*/
#chead ul{height:63px;width:980px;position:absolute;top:172px;left:11px;}
#chead li{height:27px;width:86px;line-height:27px;margin-left:10px;margin-right:10px;text-align:center;font-weight:bold;font-size:14px;float:left;position:relative}
#dhead ul{height:14px;width:500px;float:right;position:relative}
#dhead li{float:left;height:17px;border-left:1px solid #ccc;padding-left:7px;padding-right:7px;line-height:14px;}
#chead li.red{border-right:1px solid #f00}
li.red a{color:#ff0000;}
#chead li a{height:27px; width:86px;display:block;position:relative}
#chead li a:visited{color:#fff}
#chead li a:link{color:#fff;}
#chead li a:hover{color:#fff;}
#nav_pro{width:620px;}
#nav_pro li{float:left;width:140px;border-left:1px solid #ccc;padding-left:5px;margin-bottom:5px;padding-right:5px;}

/*chead addon*/

#chead li ul{
position:absolute;
left: -20px; 
*left:-20px;
top: 23px;
display: none;
padding:0;
height:auto;
width:120px;
}

#chead li ul li a:link,#chead li ul li a:visited{display:block;color:#444;width:120px;height:22px;*height:21px;background-color:#fff; text-decoration:none}
#chead li ul li a:hover{display:block;background-color:#3774b3;text-decoration:none;position:relative;>top:0px !important;top:0px;*top:0px;height:22px!important;*height:20px;color:#eee}
#chead li ul li a{text-align:center}

#chead li ul li{font-size:12px;
font-weight:normal;text-indent:0;
background-color:#fff;line-height:22px;height:22px;width:120px;color:#333;border:1px #ccc solid;margin-top:-1px;position:relative}

#chead li:hover ul,#chead li.over ul{display:inline;}

/*chead addon end */



.min_nav{width:744px;height:72px;}
.min_nav li{font-size:12px;height:25px;line-height:25px;padding-left:13px;padding-right:20px;margin-right:81px;float:left;border-right:2px solid #ddd}
.min_nav li a:visited{color:#666}
.min_nav li a:link{color:#666}
.min_nav li a:hover{color:#c00}
/*nav end*/

/*body content*/

.bcon{
	width:980px;
	margin:0 auto;
	margin-top:0px;
	border-top:0px solid #bfbfbf;
	/*background:url(../img/bbg.jpg) repeat-y #fff*/
}
.bcon h1{display:none}

.ind{border:0;background:url(../img/ind_bg.jpg) center top no-repeat;padding-top:0px;}
.prd .fr{float:left}
.prd .fr img{padding-bottom:5px;}
.prd .fr p{font-weight:bold;}
.prd .fr ul{width:130px;}
.prd .fr ul li{float:left;min-width:55px;_width:60px;text-align:left;padding-left:2px;padding-right:2px;color:#999}
.prd .fr ul li a:visited,.prd .fr ul li a:link{color:#999}
.prd .fr ul li a:hover{color:#c00}

.bcon_l{width:237px;float:left;height:auto;_display:inline;min-height:600px; padding-left:0px; }
.bcon_r{float:right;height:auto;min-height:600px;_display:inline;padding-left:0px;margin-right:0px;margin-top:0px;width:721px;padding-top:0px;}

.ind .bcon_l{width:237px;float:left;background:none;text-align:left;min-height:auto;_height:auto;padding-top:15px;}
.ind .bcon_r{min-height:auto;_height:auto;width:731px;background:none;}
/*


.bbd{margin-left:0px;margin-top:15px;padding-bottom:1px;}
.bc_title{height:25px;color:#999;font-weight:bold}

.intro{padding-top:50px;padding-left:85px;width:140px;float:left}
.intro p{line-height:30px;}
.clist{float:left;height:193px;background:url(../img/b_fin.png) no-rsepeat;width:300px;padding-left:90px;padding-top:45px;display:inline;color: #333333}
.login{text-align:center;float:left;padding-left:10px;width:200px;height:83px;padding-top:50px;}
.login form{line-height:26px;}
*/
.service{/*background:url(../img/bg_service.jpg) no-repeat center center ;padding:2px;border:1px solid #ccc*/}
.about .bcon_r{}
/*body content end*/

/*foot*/
.widefoot{min-height:200px;_height:200px;background:url(../img/x_botmBg.gif) repeat-x center bottom;}
.foot{color:#666;width:980px;margin:0 auto;}
 
.fp{text-align:left;line-height:28px;border:1px solid #ccc;margin-top:8px;padding-left:5px;padding-right:5px;}
.ft{text-align:center;padding-left:0px;line-height:22px;padding-top:15px;margin:0 auto}
.ft ul{padding-top:5px;width:790px;margin:0 auto;}
.ft li{float:left;padding-left:5px;height:16px;line-height:16px;padding-right:5px;width:75px;border-right:1px solid #8da3b3;text-align:center}
/*.ft a:link {
	color:#eee
}
.ft a:visited {
	color:#eee
}
.ft a:hover {
	color:#cc0000
}*/
/*some style*/

.product li{float:left;padding:1px;padding-top:0px;padding-left:15px;height:195px;min-width:140px;_width:140px;text-align:center;}
.product li img{ }

.product li span{width:140px;height:140px;overflow:hidden;display:block;background-color:#fff;position:relative;border:1px solid #ccc;padding:0px;}


.product li p{_width:140px;width:140px;text-align:center;}
.product {width:670px;margin:0 auto}
.com{display:block;margin:0 auto;width:650px;background-color:#06000E;text-align:center}
.com thead td{background-color:#eee;height:25px;font-weight:bold;}
.com td{background-color:#fefefe;height:14px;}


.pro{}
.prd .bcon_r{}
.prd .bcon_l{}
.conbg{background:url(../img/conbg.jpg) no-repeat left top;min-height:450px;_height:450px;}
.conbg .bcon_l{}
.conbg .bcon_r{}
.feed{min-height:500px;_height:500px;}
.regbg{min-height:500px;_height:500px;}
textarea{background-color:#fff;color:#111;border:1px solid #ccc}
.red{color:#fc0}
.green{color:#3c0}
h3{text-align:center;font-size:16px;font-weight:bold}
.sp{min-height:380px;_height:380px;width:780px;margin:0 auto;}
.sp p{text-align:left}
h4{text-align:left;font-size:14px;font-weight:bold;margin-top:15px;margin-bottom:8px;border-bottom:0px #ccc solid;width:500px;}
.ind_t{font-weight:bold;color:#c33;border-bottom:1px solid #aaa}
.banner{background-color:#fff}
.dott{display:block;width:14px;height:29px;background:url(../img/dot.jpg) no-repeat;float:left}
#news_list{padding:0px;}
#news_list li{width:600px;overflow:hidden;border-top:0px solid #fff;border-bottom:1px solid #ccc;height:29px;line-height:29px;position:relative;margin:0 auto}
.txt_content{padding-left:40px;padding-right:30px;padding-top:10px;color:#5d818b}

/*Add for new style*/
.nor_button{background:url(../img/button.jpg) no-repeat;text-align:center;height:26px;width:145px;line-height:26px;font-weight:bold;border:0}
.nor_button a:visited,.nor_button a:link{color:#666;display:block}
.nor_button a:hover{color:#08c}

/*png hack*/
.buttonx[class] li{
	background: url(../img/button.png) no-repeat center center;
}


.buttonx li{margin:0 auto;
	width:156px;
	height:37px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=fixed, src='img/button.png');
	text-align:center;
}
.buttonx li div{
position:relative;
text-align:left;
padding-left:40px;
width:116px;
height:37px;
line-height:37px;
font-size:12px;
}
.buttonx li div a{display:block;}
/*.pngarea[class]{background: url(../img/bg.png) no-repeat top center;}
*/
/*width:551px;
	height:349px;
	padding-top:10px;
	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=fixed, src='img/bg.png');*/
.pngarea{padding:20px;padding-top:30px;padding-right:50px;border:1px solid #ccc;border-top:none;background:url(../img/ct.jpg) top left no-repeat;_height:500px;min-height:500px;}

/*list*/

#l_nav ul{list-style:none;background:url(../img/l1_m.jpg) top left repeat-y;}
#l_nav li{padding-top:0px;margin:0 auto;
display:block;
width:210px;
background:url(../img/x_navLiArr.gif) no-repeat 15px center;
vertical-align:bottom;
height:29px;
*height:29px;
line-height:29px;
font-size:1em;
font-weight:bold;
overflow:hidden;
color:#fff;
border-bottom:1px dotted #ccc;}

#l_nav li a:link,#l_nav a:visited{display:block;color:#5b6b7a;height:29px;*height:29px; text-decoration:none}
#l_nav li a:hover{display:block;color:#fff;text-decoration:none;position:relative;>top:0px !important;top:0px;*top: 0px;height:29px!important;*height:27px;background: #8da3b3;}
#l_nav li a{text-indent:30px;}
li ul{
position:absolute;
left: 149px; /* Set 1px less than menu width */
*left:124px;
top: 1px;
display: none;
padding:0;
height:auto;
}




#l_nav li ul li a:link,#l_nav li ul li a:visited{display:block;color:#580e0e;width:120px;background-color:#fff; text-decoration:none;height:auto;}
#l_nav li ul li a:hover{display:block;background-color:#ffe399;text-decoration:none;position:relative;>top:0px !important;top:0px;*top:0px;height:auto!important;*height:auto;color:#fc6703}
#l_nav li ul li a{text-indent:0px;text-align:center}

#l_nav li ul li{font-size:12px;
font-weight:normal;text-indent:0;
background-color:#FFFFFF;line-height:22px;height:auto;width:120px;color:#333;border:1px #555 solid;margin-top:-1px;position:relative}

#l_nav_l li:hover,#l_nav_l li.over,#l_nav li:hover,#l_nav li.over{ position:relative;background-color:#ffc;}
#l_nav_l li:hover ul,#l_nav_l li.over ul,#l_nav li:hover ul,#l_nav li.over ul{display:block;background-color:#fff;}

/*add top list*/
#l_nav.info ul{background:none;border-bottom:none;}

#l_nav.info li{background:url(../img/x_newsArr.gif) no-repeat 15px center;}

#l_nav{padding-bottom:0px;}
#l_nav.info{padding-bottom:10px;border:1px solid #ccc;}

.info{border-bottom:1px solid #ccc}
.ind_news{width:462px;border:1px solid #cfcfcf;padding:10px;}

.ind_info_m{width:464px;border:1px solid #8cbaca;padding:5px;border-top:none;}

/*silder css*/
.sliderbutton {float:left; width:22px; padding-top:114px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:208px; height:280px; border:0px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:208px; height:286px;}

.pagination {position:absolute;top:250px;right:5px;list-style:none; height:25px; margin:2px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:1px 5px; background:#facd89; border:1px solid #c30; margin:0 4px 0 0; text-align:center; color:#c30}
.pagination li:hover {background:#fff; border:1px solid #fc0; color:#000}
.pagination li.current {border:1px solid #fc0;font-weight:bold;color:#fff;background-color:#c30;padding:2px 6px;margin-top:-3px;}