/*-------body style-----*/

body{ font-size:12px; line-height:20px; font-family:宋体; margin:0px; padding:0px; background:#FFFFFF url(../colloids-images/body_bg.jpg) repeat-x;}
ul{ margin:0px; padding:0px;}
li{ list-style-type:none; margin:0px; padding:0px;}
a{ color:#333;text-decoration:none;}
a:hover{ color:#CC0000;text-decoration:underline;}
img{ border:0px;}
form{ margin:0px; padding:0px;}
dl,dt,dd { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,h7 { margin:0px; padding:0px;}


/*----------margin style -------------*/

.mt18px{margin-top:18px;}
.mt14px {margin-top:14px;}
.mt10px{margin-top:10px;}
.mt9px{margin-top:9px;}
.mt8px{margin-top:8px;}
.mt7px{margin-top:7px;}
.mt6px{margin-top:6px;}
.mt5px{margin-top:5px;}
.mt4px{margin-top:4px;}
.mt3px{margin-top:3px;}
.mt2px{margin-top:2px;}

.mr12px { margin-right:12px;}

.ml8px { margin-left:8px;}
.ml10px { margin-left:10px;}

.ml2px{ margin-left:2px;}
.mr6px{ margin-right:6px;}

.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.clr{ clear:both; padding:0px; margin:0px;}


/*-----demo style ------*/

	#demo {
	 overflow: hidden; width: 980px;}
	#indemo {
		float: left; width: 800%
	;}
	#demo1 {
		float: left
	;}
	#demo2 {
		float: left
	;}
	   
/*------------- HomePage Start----------------*/


.win1000px{ width:1000px; margin-left:auto; margin-right:auto;}



/*----- page style-----*/

.page { height:35px; line-height:35px; margin-top:15px; text-align:center;}
.page a { padding:5px; background:#888; color:#FFFFFF; margin-right:10px; font-family:Arial;}
.page a:hover { background:#FFFFFF; color:#333333;}

.page .over { background:#FFFFFF; color:#333333;}

.dede_pages { height:35px; line-height:35px; margin-top:15px; }
.dede_pages ul{
            display:block; margin:0px; padding:0px; padding-left:38px;}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:21px;
	padding:0 5px 0 5px;
	margin-right:6px;
	border:1px solid #E9E9E9;}
.dede_pages ul li a{
	float:left;
	color:#555;
	display:block;}
.dede_pages ul li a:hover{
	color:#FF9900;
	display:block;
	text-decoration:none;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	font-weight:bold;}
.dede_pages .pageinfo{
	line-height:21px;
	padding:10px 0 10px 0;
	color:#999;}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;}


/*----- head style -----*/



.head { height:108px;}
    .head .logo { width:600px; height:108px; background:url(../colloids-images/head_title4.jpg) no-repeat;}
	.head .headrg { width:400px; height:108px;}
	.head .headrg .toplink { padding-right:20px; line-height:32px; text-align:right; color:#999999;}
    .head .headrg .toplink a { color:#666666;}
    .head .headrg .serch { width:250px; height:25px; padding-left:130px; padding-top:20px;}
	.head .headrg .serch .tinput { border:#C10000 1px solid; width:195px; height:20px; line-height:20px; color:#666666; background:#FFFFFF; padding-left:6px; float:left; display:inline;}
	.head .headrg .serch .pinput { width:46px; height:24px; cursor:pointer; background:url(../colloids-images/search_bnt.jpg) no-repeat; font-weight:bold; font-size:12px; color:#FFFFFF; line-height:24px; text-align:center; border:none; float:left; display:inline;}
	
	
.head_nav { width:1000px; height:39px; background:url(../colloids-images/nav_bg.jpg) repeat-x;z-index:999}
    .head_nav ul { display:block; padding-left:10px; }
	.head_nav li { width:90px; height:39px; background:url(../colloids-images/nav_line.jpg) no-repeat right top; float:left; display:inline;}
	.head_nav li a { display:block; height:39px; text-align:center; line-height:37px; font-size:14px; color:#FFFFFF; font-family:"微软雅黑";}
	.head_nav li a:hover { background:url(../colloids-images/nav_over.jpg) no-repeat right top; text-decoration:none;}


/*---------------- menu tab----------------------*/


/* style the sub-level lists */
.head_nav ul ul {  padding:0px; padding-top:0px; margin:0px;}

/* style the sub level list items */
.head_nav ul ul li { display:block; width:160px; height:30px; margin-bottom:1px; position:relative; z-index:9999;}

/* style the sub level links */
.head_nav ul ul a, .head_nav ul ul a:visited {display:block; line-height:30px; background:#333333; color:#fff; font-size:12px;}
.head_nav ul table ul a, .head_nav ul table ul a:visited  { width:160px; w\idth:160px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.head_nav table { position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.head_nav ul ul table {lef\t:-1px;}
.head_nav ul ul table ul.left {margin-lef\t:2px;}

.head_nav li:hover {position:relative; background:url(../colloids-images/nav_over.jpg) no-repeat right top;}
* html .head_nav a:hover {position:relative; background:url(../colloids-images/nav_over.jpg) no-repeat right top;}

/* style the third level background */
.head_nav ul ul ul a, .head_nav ul ul ul a:visited {background:#006D97;}
/* style the fourth level background */
.head_nav ul ul ul ul a, .head_nav ul ul ul ul a:visited {background:#006D97;}
/* style the sub level 1 background */
.head_nav ul :hover a.sub1 {background:#006D97;}
/* style the sub level 2 background */
.head_nav ul ul :hover a.sub2 {background:#006D97;}

/* style the level hovers */
/* first */
/*.head_nav a:hover {color:#fff; background:url(img/nav_over.jpg); }*/
/*.head_nav :hover > a {color:#fff; background:url(img/nav_over.jpg); }*/
/* second */
.head_nav ul ul a:hover{color:#ffff00; background:#A30224;}
.head_nav ul ul :hover > a {color:#ffff00; background:#A30224;}
/* third */
.head_nav ul ul ul a:hover { background:#A30224;}
.head_nav ul ul ul :hover > a { background:#A30224;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.head_nav ul ul { visibility:hidden; position:absolute; height:0; top:39px; left:0; width:160px;}

/* position the third level flyout menu */
.head_nav ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.head_nav ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.head_nav ul li:hover ul, .head_nav ul a:hover ul { visibility:visible; height:auto;}
/* keep the third level hidden when you hover on first level list OR link */
.head_nav ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.head_nav ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.head_nav ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.head_nav ul :hover ul :hover ul :hover ul {visibility:visible;}



/*-------------------*/

.banner { width:1000px; height:251px; padding-top:1px; background:#FFFFFF;}


.body_left { width:259px;}
.body_right { width:728px;}

.body_title { height:34px; background:url(../colloids-images/body_title.jpg) no-repeat left top;}
    .body_title span { display:block; line-height:34px; padding-left:18px; font-size:15px; color:#000000; font-family:"微软雅黑";}
	.body_title p { display:block; margin:0px; padding:0px; padding-right:15px; padding-top:12px; float:right; height:22px; background:url(../colloids-images/body_title.jpg) no-repeat right top;}

.body_title2 { height:34px; background:url(../colloids-images/body_title2.jpg) no-repeat left top;}
    .body_title2 span { display:block; line-height:34px; padding-left:18px; font-size:15px; color:#000000; font-family:"微软雅黑";}
	.body_title2 p { display:block; margin:0px; padding:0px; padding-right:15px; padding-top:12px; float:right; height:22px; background:url(../colloids-images/body_title.jpg) no-repeat right top;}

	
	.body_border { border:#DADADA 1px solid; border-top:none;}
	
	
	.list_tongzhi { height:244px; padding-top:10px; padding-left:12px;}
	.list_tongzhi li { padding-left:12px; line-height:26px; background:url(../colloids-images/ico_a.jpg) no-repeat 0px 10px;}
	
	
    .yjfx_list { height:185px; padding-top:13px; padding-left:20px;}
	.yjfx_list p { display:block; margin:0px; padding:0px; width:220px; height:175px; background:url(../colloids-images/yjfx_list.jpg) no-repeat;}
	.yjfx_list p a { display:block; width:220px; height:30px; margin-bottom:6px;}
	

.body_news { height:242px; padding-top:12px; padding-left:13px;}	

.news_focus { width:320px; height:227px;}
.news_main { width:365px; margin-left:18px;}
    .news_main .news_h2 { height:77px; border-bottom:#CCCCCC 1px dashed;}
	.news_main .news_h2 h2 { font-size:14px; height:30px; line-height:30px; text-align:center; font-family:"宋体"; font-weight:bold;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
	.news_main .news_h2 span { color:#787878;}
	.news_main .news_h2 span a { color:#FF6600;}
	
	.news_main .news_h2_list { padding-top:10px;}
	.news_main .news_h2_list li { height:29px; line-height:29px; padding-left:12px; background:url(../colloids-images/ico_b.jpg) no-repeat 0px 11px;}
	.news_main .news_h2_list li span { float:right; color:#666666; font-family:Arial;}
		
	.news_box { width:358px;}
	
	.news_box_list { padding-top:12px; padding-left:13px; height:186px;}
	.news_box_list li { height:29px; line-height:29px; padding-left:12px; background:url(../colloids-images/ico_b.jpg) no-repeat 0px 11px;}
	.news_box_list li span { float:right; color:#666666; font-family:Arial; margin-right:10px;}
	
	
	.banner_cen { width:1000px; height:85px;}
	
	
	.left_link { padding-top:13px; height:185px; padding-left:10px;}
	.left_link p { display:block; margin:0px; padding:0px; width:237px; height:62px; margin-bottom:10px;}
	
	.body_photo { height:145px; padding-top:15px; padding-left:10px;}
	
	
	.body_photo_list li { width:170px; height:130px; float:left; display:inline; margin-left:10px; margin-right:10px;}
	.body_photo_list li img { width:164px; height:124px; padding:2px; border:#D9D9D9 1px solid;}
	
	
	.foot_link { width:1000px; height:35px; background:#7B1723; font-family:"微软雅黑"; color:#FFFFFF; font-size:12px;}
	.foot_link .flin_a { width:70px; height:35px; line-height:35px; padding-left:30px; background:url(../colloids-images/ico_c.jpg) no-repeat 18px 12px;}
	.foot_link .flin_b { width:880px;}
	.foot_link .flin_b li { float:left; margin-right:8px; line-height:35px; height:35px;}
	.foot_link .flin_b li a { font-family:"微软雅黑"; color:#FFFFFF; font-size:12px;}
	
	
	.foot_copy { height:110px; background-color:#7b1723; padding-top:25px;}
	.foot_copy p {  font-size:12px; margin-top:3px;}
	.foot_copy p a { color:#FFFFFF; }
	#foot_con {color:#fff; font-size:12px;   width: 1020px;    margin: 0 auto;    position: relative;}
	
/*-----------hundengpain----------------*/


.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cl { zoom: 1;}

.frame { margin-bottom: 10px; border: 1px solid #e1e1e1; background: #FFF;}
.title { padding: 0 10px; height: 32px; font-size: 14px; font-weight: 700; line-height: 32px; overflow: hidden;}

.block { margin: 10px 10px 0;}

.temp { margin: 1px;}

.slideshow { clear: both;}
    .slideshow li { position: relative; overflow: hidden;}
    .slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px;}
    .slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden;}
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family:Arial; font-size: 12px; cursor: pointer;}
    .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700;}


ul, li { list-style: none;}
a:hover { text-decoration: underline; color: #a50001;}

.frame { background: none; border: 0px solid #fff; margin-bottom: 0px;}
.temp { margin: 0;}
.slidebar { position: absolute; top: 200px; right: 4px; z-index:1000;}
    .slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden;}
        .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700;}

.slideshow SPAN.title { text-indent: 0px;}
.block { margin: 0;position: relative;}
#frameHlicAe { margin: 0px !important; border: 0px !important;}
.comiis_wrap960, .comiis_wrapad { width: 320px;}
                 .comiis_wrapad img { float: left; margin-top: 0px;}

#slidesImgs li { width: 320px; height: 227px; display: none;}


/*-------------------sub---------------------------*/


.sub_left { width:230px;}
.sub_right { width:770px;}


.sub_title { width:230px; height:37px; background:url(../colloids-images/subla.jpg) repeat-y;}
.sub_title span { display:block; line-height:37px; text-align:center; color:#ffffff; font-family:"微软雅黑"; font-size:15px;}


.sub_nav { width:230px;}
.sub_nav li { width:230px; height:35px;}
.sub_nav li a { display:block; overflow:hidden; height:35px; line-height:35px; padding-left:38px; font-size:14px; color:#666666; font-weight:bold; background:url(../colloids-images/sub_nav.jpg) no-repeat bottom left; text-decoration:none;}
.sub_nav li a:hover { display:block; height:35px; line-height:35px; padding-left:38px; font-size:14px; color:#666666; font-weight:bold; background:url(../colloids-images/sub_nav.jpg) no-repeat; text-decoration:none;}

.sub_nav .hover a{ display:block; height:35px; line-height:35px; padding-left:38px; font-size:14px; color:#666666; font-weight:bold; background:url(../colloids-images/sub_nav.jpg) no-repeat; text-decoration:none;}


.sub_rg_link {  width:770px; height:36px; background:#FFFFFF; border:#EEEEEE 1px solid; border-left:none; border-right:none;}
.sub_rg_link a { display:block; height:36px; float:left; display:inline; padding-left:12px; padding-right:12px; line-height:36px; white-space:nowrap; background:url(../colloids-images/sub_ti.jpg) no-repeat right top;}


.sub_rg_cont { padding-top:10px;}
.sub_rg_conth2 h2{ display:block; line-height:40px; font-family:"微软雅黑"; font-size:18px; color:#000000; text-align:center;}
.sub_rg_conth2 p { display:block; text-align:center; margin:0px; padding:0px; line-height:25px; color:#666666;}
.sub_rg_conts { font-size:14px; color:#333333; line-height:26px; padding:20px;}
.sub_rg_conts2 { font-size:14px; color:#333333; line-height:26px; padding:20px;}

.sub_rg_conts p{ font-size:14px;line-height:25px; text-indent:2em; color:#333; padding:0px 10px 5px 0px;}
.sub_rg_conts p a{ font-size:14px;}
.sub_rg_conts div{ font-size:14px;line-height:25px; text-indent:2em; color:#333; padding:0px 10px 5px 0px;}
.sub_rg_conts div a{ font-size:14px;}
.sub_rg_conts table td,table tr,table{text-indent:0px;} 
.sub_rg_conts table{margin:0 auto;} 
.sub_rg_conts table td p a{  font-size:medium; color:#444; font-size:14px;}
.sub_rg_conts table td p a:hover{ color:#CC0001;}
.sub_rg_conts table td img{ margin:4px 0px;}

.sub_rg_conts table div,.sub_rg_conts table p{ text-indent:0em; line-height:25px;}

.sub_rg_conts div.img_center { width:100%; text-align:center; text-indent:0; margin:10px 0px; clear:both;}
.img_center img{ border:1px solid #ccc; padding:3px; max-width:760px;}


.news_list { padding-left:30px; padding-right:20px;}
.news_list ul { display:block; background:url(../colloids-images/news_listbg.jpg);}
.news_list li { height:41px; line-height:40px; padding-left:22px; background:url(../colloids-images/ico_a.jpg) no-repeat 10px 18px;}
.news_list li span { float:right; margin-right:15px; color:#666666; font-family:"微软雅黑"; font-size:12px;}


.border_ccc { border:#cccccc 1px solid;}

.news_article_bot { height:45px; border-top:#CCCCCC 1px solid; background:#F2F2F2;}
.news_article_bot li { width:470px; line-height:42px; color:#666666; padding-left:20px; float:left; display:inline;}


/*------------------------*/

.mainbox{
    overflow:hidden;
    position:relative;}
.flashbox{
   overflow:hidden;
    position:relative;}
.imagebox{
    text-align:right;position:relative;z-index:999;}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../colloids-images/02.png);}
.curimg{background-image:url(../colloids-images/01.png);}