@charset "utf-8";
body {margin: 0 auto;padding: 0;font-family:  Arial, Helvetica, Sans-Serif;font-size:12px;color:#666; background:#ccc;}
#top{ width:1003px; height:149px; margin:0 auto; clear:both; background:#FFF;}
#top .logo{ width:173px; height:149px; float:left; overflow:hidden;}
#top .menu{ width:830px; height:149px; background:url(../images/index_01_02.jpg) no-repeat; float:left; position:relative;}
#top .menu p{ margin:0px; padding:0px; display:block; position:absolute; right:25px; top:78px; font-size:11px;}
#top .menu .nav{ width:820px; height:31px; line-height:31px; position:absolute; top:112px;}
#top .menu .nav ul{ margin:0px; padding:0px; list-style:none; font-weight:bold; color:#FFF;}
#top .menu .nav ul li{ margin:0px; padding:0px; list-style:none; float:left; height:31px; text-align:center; width:136px;}
#top .menu .nav a:link{color:#FFF;text-decoration: none;}
#top .menu .nav a:visited{color:#FFF;text-decoration: none;}
#top .menu .nav a:hover,a:active{color:#CCC;text-decoration:none; background:none;}

#slidebg{ width:1003px; height:283px; margin:0 auto; clear:both; background:#FFF; position:relative;}
#slidebg .slide{ position:absolute; left:6px; top:1px; width:990px; height:277px;}

#in1{ width:1003px; height:394px; margin:0 auto; clear:both; overflow:hidden; background:#FFF;}
#in1 .left{ width:519px; height:394px; background: #FFF; position:relative; float:left; overflow:hidden;}
#in1 .left h6{ margin:0px; padding:0px; display:block; font-size:18px; color:#4C4C4C; left:17px; top:15px; position:absolute;}
#in1 .left em{ display:block; position:absolute; width:469px; height:400px; overflow:hidden; font-style:normal; line-height:200%; left:17px; top:39px}
#in1 .left h5{ margin:0px; padding:0px; display:block; position:absolute; font-weight:bold; font-size:14px; color:#595959; left:34px; top:236px;}
#in1 .left .list{ position:absolute; width:443px; height:115px; left:34px; top:260px;}
#in1 .left .list ul{ margin:0px; padding:0px; list-style:none;}
#in1 .left .list ul li{ margin:0px; padding:0px; list-style:none; width:443px; position:relative; height:21px; line-height:21px; background:url(../images/arr1.jpg) 10px 10px no-repeat; text-indent:20px;}
#in1 .left .list ul li span{ display:block; position:absolute; width:365px;white-space:nowrap;text-overflow:ellipsis; cursor:pointer;overflow:hidden; left:0px; top:0px;}
#in1 .left .list ul li i{ font-style:normal; display:block; position:absolute; display:block; right:0px; top:0px; cursor:pointer;}


#in1 .right{ width:484px; height:394px; float:left; overflow:hidden; position:relative;}
#in1 .right h6{ margin:0px; padding:0px; display:block; font-size:18px; color:#4C4C4C; left:27px; top:20px; position:absolute;}
#in1 .right .list{ width:456px; height:300px; position:absolute; left:27px; top:49px;}
#in1 .right .list ul{ margin:0px; padding:0px; list-style:none;}
#in1 .right .list ul li{ margin:0px; padding:0px; list-style:none; width:147px; height:155px; position:relative; float:left;}
#in1 .right .list ul li img{ position:absolute; width:127px; height:104px; border:1px solid #CCC; padding:1px;}
#in1 .right .list ul li span{ width:127px; display:block; position:absolute; top:111px; height:25px; line-height:25px; text-align:center;}
#in1 .right .more{ width:74px; height:23px; position:absolute; left:27px; bottom:22px;}

.foot{ width:100%; height:44px; background:url(../images/index_04.jpg) repeat-x; }
#foot{ width:1003px;color:#FFF; height:44px; background:url(../images/index_04.jpg) no-repeat; margin:0 auto; clear:both; line-height:44px; text-align:right;}
#foot p{ margin-right:10px;}
#foot a:link{color:#FFF;text-decoration: none;}
#foot a:visited{color:#FFF;text-decoration: none;}
#foot a:hover,a:active{color:#550E12;text-decoration:none; background:none;}


#slide2{ width:1003px; height:193px; margin:0 auto; clear:both; overflow:hidden; background:#FFF; position:relative;}
#slide2 .show{ position:absolute; left:6px; top:1px;}


#main{ width:1003px; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;clear:both; background:#FFF;}
/*主题部分左边*/
#main_left{ width:264px; height:auto; overflow:hidden; float:left; min-height:350px;}
#main_left .topline1{ position:relative; width:264px; height:46px; background:url(../images/about_01_01.jpg) no-repeat;} 
#main_left .topline1 span{ position:absolute; display:block; font-size:16px; font-weight:bold; color:#034881; left:30px; top:16px; font-family:Arial, Helvetica, sans-serif;}


#main_left .topline2{ width:264px; background:url(../images/lbg.jpg) repeat-y;height:auto; overflow:hidden;} 
#main_left .topline2 ul{ width:264px; height:auto; overflow:hidden; margin:0px;   padding:0px; list-style:none;}
#main_left .topline2 ul li{ width:264px;  height:23px; overflow:hidden; list-style:none; text-indent:55px; line-height:23px; margin:0px;}
.tab1{ width:264px; height:23px; background:url(../images/tab1.jpg) no-repeat; color:#044980; font-weight: bold;}
.tab1 a:link{color:#044980;text-decoration: none;}
.tab1 a:visited{color:#044980;text-decoration: none;}
.tab1 a:hover,a:active{color:#F00;text-decoration:none;}

.tab2{ width:264px; height:23px; background:url(../images/tab2.jpg) no-repeat;}
.tab2 a:link{color:#5A5A5A;text-decoration: none;}
.tab2 a:visited{color:#5A5A5A;text-decoration: none;}
.tab2 a:hover,a:active{color:#F00;text-decoration:none;}
#main_left .topline3{ width:200px; height:18px; background:url(../images/left_03.jpg) no-repeat;}

#main .showGuest{overflow:hidden;border:1px solid #959595;margin-bottom:15px;}
#main .showGuest dt{height:25px;line-height:25px;background:#B0B0B0; margin:0px; padding:0px; margin-top:1px;}
#main .showGuest dt span{width:300px;float:left;text-indent:25px;background:url(../images/other_skin.gif) no-repeat 5px -130px;}
#main .showGuest dt em{width:150px;float:right;text-align:center; margin:0px; padding:0px; font-style:normal;}
#main .showGuest dd{line-height:22px;text-indent:20px;margin:0px; padding:5px;color:#C00;background:url(../images/dot_write.gif) no-repeat 5px 10px;}
#main .showGuest p{border-top:1px solid #959595;padding:5px 0;color:#181818;}

#main table{width:100%;border-collapse:collapse;}
#main td{border:0px solid #A9A9A9;line-height:27px;padding-left:4px;}
#main td em{color:#999;margin-left:5px; font-style:normal;}
#main .td60{width:100px;}
#main .tdTit{height:40px;line-height:40px;font-size:14px;}
#main .tdNone{width:650px;}
#main .tdNone td{border:none;height:27px;}

/*input*/
.inpBox,.inpBox70,.inpBox300{width:150px;height:18px;line-height:18px;background:#EFEFEF;border:1px solid #868686;margin-right:5px;vertical-align:middle;}
.inpBox70{width:80px;}
.inpBox300{width:400px;}
.inpText{width:450px;border:1px solid #868686;background:#EFEFEF;margin:5px 0;line-height:22px;padding:5px;}
.btnSave,.btnCancel{width:75px;height:25px;border:none;cursor:pointer;padding-left:25px;margin:5px 2px;background:url(../images/other_skin.gif) no-repeat 0 -100px;}
.btnCancel{background:url(../images/other_skin.gif) no-repeat -75px -100px;}

/*主题部分右边*/

#main_right{ width:739px; height:auto; overflow:hidden; float:left;}
/*二级页面包屑导航位置*/
.title{ width:739px; height:39px; background:url(../images/bgr.jpg) no-repeat; position:relative; display:none;}
.title h3{position:absolute; margin:0px; padding:0px; font-size:14px; color:#044980; font-size:14px; left:11px; top:11px;}
.title p{ position:absolute; margin:0px; padding:0px; right:11px; top:15px}

/*内容显示*/
.showus{ width:710px; margin:5px 0 0 10px; clear:both; height:auto; overflow:hidden; line-height:200%;}
/*图片列表*/
.pic_list{ width:710px; margin:5px 0 0 10px; clear:both; overflow:hidden; clear:both;}
.pic_list ul{ margin:0px; padding:0px; list-style:none;}
.pic_list ul li{list-style:none; overflow:hidden; float:left; position:relative; width:175px; height:150px;}
.pic_list ul li img{ margin:0px; padding:1px; position:absolute; left:0px; top:0px; width:160px; height:120px; overflow:hidden; border:1px solid #CCC;}
.pic_list ul li span{ width:160px; height:25px; line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; position:absolute; top:120px;  text-align:center;}

.z-x{ width:20px; height:190px; overflow:hidden;}

/*图片列表新闻列表*/
.pic_list2{ width:655px; margin:5px 0 0 13px; clear:both; overflow:hidden;}
.piclist{ width:655px; height:120px; overflow:hidden; position:relative;}
.picleft{ position:absolute; left:0px; top:0px; width:160px; height:120px; overflow:hidden; border:1px solid #CCC; padding:1px;}
.piclist h3{ font-size:12px; font-weight:bold; width:570px; position:absolute; left:170px; margin:0px; padding:0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:200%;} 
.picshow{ width:570px; height:70px; position:absolute; top:20px; left:170px; line-height:200%;}
.picmore{ width:570px; text-align:right; position:absolute; right:0px; bottom:0px;}
.plinepic{ width:740px; height:10px; clear:both;}

/*图片新闻*/
.pnews{ width:600px; height:193px; border-bottom:1px dashed #CCC; margin:5px 0 0 30px; position:relative;}
.pnews_1{ width:200px; height:140px; position:absolute; left:0px; top:2px;}
.pnews h3{ width:443px; height:25px; line-height:24px; font-weight:bold; font-size:14px; position:absolute; right:0px; top:2px;}
.pnews p{ width:443px; height:113px; line-height:200%; overflow:hidden; position:absolute; right:0px; top:22px;}
.pnewsmo{ right:0px; bottom:10px; position:absolute;}


/*产列表*/
.product_list{ width:655px;margin:5px 0 0 20px; clear:both; overflow:hidden;}
.pl_1{ width:137px; height:24px; float:left; overflow:hidden;}
.pl_2{ width:325px; height:24px; float:left; overflow:hidden;}
.pl_3{ width:95px; height:24px; float:left; overflow:hidden;}
.pl_4{ width:89px; height:24px; float:left; overflow:hidden;}
.pl_5{ width:84px; height:24px; float:left; overflow:hidden;}

.product_list2{ width:655px; margin:2px 0  0 20px; clear:both; overflow:hidden; height:80px;}
.product_list2on{ width:655px; margin:2px 0  0 20px; clear:both; overflow:hidden; height:80px; background:#E9E7E8;}
.pl2_1{ width:137px; height:80px; float:left; overflow:hidden; padding-top:5px;}
.pl2_2{ width:325px; height:80px; float:left; overflow:hidden; padding-top:25px;}
.pl2_3{ width:95px; height:80px; float:left; overflow:hidden; padding-top:25px;}
.pl2_4{ width:89px; height:80px; float:left; overflow:hidden; padding-top:25px;}
.pl2_5{ width:84px; height:80px; float:left; overflow:hidden;padding-top:15px;}

/*新闻列表*/
.news_list{ width:710px; margin:5px 0 0 10px; clear:both; overflow:hidden;}
.news_list_1{ width:710px; height:41px; background:url(../images/location.jpg) no-repeat;}
.news_list_2{ width:710px; height:auto; overflow:hidden;}
.news_list_2 ul{ margin:0px; padding:0px; list-style:none; overflow:hidden;}
.news_list_2 ul li{ list-style:none; border-bottom:1px dashed #CCC; height:29px; line-height:28px; width:710px; position:relative; background:url(../images/arr1.jpg) left no-repeat; text-indent:15px; text-align:left;}
.news_list_2 ul li span{ width:620px; left:0px; top:0px; display:block; cursor:pointer; position:absolute;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list_2 ul li em{ position:absolute; right:0px; font-size:12px; font-style:normal; margin:0px; padding:0px; top:0px; cursor:pointer;}

/*在线留言*/
.message{ width:710px; margin:5px 0 0 10px; clear:both;}
.message ul{ margin:0px; padding:0px; width:700px; list-style:none;}
.message ul li{ margin:0px; padding:0px; width:700px; list-style:none; margin-top:10px;}
.message ul li span{ color:#8A5A06;}

#timelist{ width:710px; height:auto; overflow:hidden; margin:0 0 0 10px;}
#timelist ul{ width:710px; height:auto; overflow:hidden; margin:0px; padding:0px; list-style:none;}
#timelist ul li{ width:710px; height:119px; border-bottom:1px dashed #CCC; margin:0px; padding:0px; list-style:none; position:relative;}
#timelist ul li img{ position:absolute; width:136px; height:95px; border:1px solid #CCC; left:18px; top:13px;} 
#timelist ul li h3{ margin:0px; padding:0px; list-style:none; width:553px; height:25px; line-height:25px; left:178px; top:13px; color:#8A5A06; font-weight:bold; position:absolute; font-size:12px;}
#timelist ul li p{ margin:0px; padding:0px; position:absolute; left:178px; top:38px; line-height:160%; width:500px; height:40px; overflow:hidden;}
#timelist ul li span{ display:block; left:178px; top:78px; color:#BF0208; position:absolute; font-weight:bold;}
#timelist ul li i{ font-style:normal; position:absolute; left:178px; top:100px;} 
#timelist ul li em{ display:block; font-size:12px; color:#F00; position:absolute; font-style:normal; right:10px; top:100px;} 


/*表单的按钮*/
.inputin{ width:160px; height:16px; border:1px solid #D6C899;}
.inputin2{border:1px solid #D6C899;}
/*分页的位置*/
.pageus{ width:710px; height:25px; overflow:hidden; clear:both; line-height:25px; text-align:center;}
.pageus2{ width:710px; height:25px; overflow:hidden; clear:both; background:url(../images/page.jpg) right bottom no-repeat; line-height:25px; text-align:right; padding:0 0 10px 0px; display:none;}

/*上一条下一条*/
.showup{ width:650px; height:25px; overflow:hidden;clear:both; margin:5px 0 0 20px;}
.showdown{width:650px; height:25px; overflow:hidden; clear:both;margin:5px 0 0 20px;}


/*通用链接*/
a:link{color:#666;text-decoration: none;}
a:visited{color:#666;text-decoration: none;}
a:hover,a:active{color:#550E12;text-decoration:none; background:none;}

/*伪链接标准格式*/
a.Test:link {color: #000;text-decoration: none;}
a.Test:visited {color: #000;text-decoration: none;}
a.Test:hover, a.Test:active {color: #000;text-decoration:none;}

.WebCenter {margin: 0px auto;}

/*清除浮动*/
/* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */
.ClearFix:after {}{content: "."; clear: both; height: 0; visibility: hidden; display: block;}
/* 这是对 Mac 上的IE浏览器进行的处理 */ 
.ClearFix {}{ display: inline-block;}
/* 这是对 win 上的IE浏览器进行的处理 */ 
* html .ClearFix {}{height: 1%;}
/* 这是对display: inline-block;进行的修改，重置为区块元素*/
.ClearFix {}{display: block;}         

/*溢出文字用省略号点代替*/
.HideWord {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*
溢出文字不显示省略号点
.HideWord {white-space:nowrap;text-overflow:ellipsis; text-overflow:clip;overflow:hidden;}
*/