@charset "utf-8";
body {margin: 0 auto;padding: 0;font-family:宋体,Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;color: #666; background:url(../Images/allbg.jpg) repeat-x #F7F7F7;}
#top{ width:1003px; height:111px; background:url(../Images/index_01.jpg) no-repeat; margin:0 auto; clear:both; position:relative;}
#top p{ right:8px; top:37px; position:absolute; margin:0px; padding:0px; display:block; color:#FFF;}
#top p a:link{color:#FFF;text-decoration: none;}
#top p a:visited{color:#FFF;text-decoration: none;}
#top p a:hover,a:active{color:#FEE2BB;text-decoration:underline;}


#menubg{ width:1003px; height:43px; margin:0 auto; clear:both; background:url(../Images/index_02.jpg) no-repeat; clear:both;}
#menubg .menu{ width:814px; height:43px; float:left; overflow:hidden; font-size:14px; color:#FFF;}
#menubg .menu ul{ margin:0px; padding:0px; list-style:none;}
#menubg .menu ul li{ margin:0px; padding:0px; list-style:none; width:101px; float:left; height:43px; line-height:43px; background:url(../Images/mbg.jpg) no-repeat right; text-align:center;}
#menubg .menu a:link{color:#FFF;text-decoration: none;}
#menubg .menu a:visited{color:#FFF;text-decoration: none;}
#menubg .menu a:hover,a:active{color:#FEE2BB;text-decoration:underline;}
#menubg .time{ width:189px; height:43px; float:left; overflow:hidden; line-height:43px; color:#8AB8EC;}
#slidebg{ width:1003px; height:289px; margin:0 auto; clear:both; overflow:hidden;}

.n{ border-bottom:1px dashed #CCC;}


#in1{ width:1003px; height:403px; margin:0 auto; clear:both; background:#FFF; overflow:hidden;}
#in1 .left{ width:759px; height:403px; float:left; overflow:hidden;}
#in1 .left .newsabout{ width:759px; height:217px}
#in1 .left .news{ width:379px; height:217px; float:left; overflow:hidden;}
#in1 .left .news h5{ margin:0px; padding:0px; display:block; width:379px; height:31px;}
#in1 .left .news .news1{ width:379px; height:107px; position:relative; background:url(../Images/in1_01_01_01_02.jpg) no-repeat;}
#in1 .left .news .news1 img{ position:absolute; width:111px; height:75px; border:1px solid #CCC; padding:2px; left:12px; top:9px;}
#in1 .left .news .news1 h6{ width:232px; height:19px; line-height:19px; margin:0px; padding:0px; position:absolute; left:140px; top:9px; color:#9E0D10; overflow:hidden; font-size:12px; font-weight:bold;}
#in1 .left .news .news1 em{ width:232px; height:57px; line-height:160%; position:absolute; display:block; font-style:normal; left:140px; top:36px; overflow:hidden;}
#in1 .left .news .show{ width:379px; height:79px;}
#in1 .left .news .show ul{ margin:0px; padding:0px; list-style:none;}
#in1 .left .news .show ul li{ width:353px; height:19px;margin:0px; padding:0px; list-style:none; line-height:19px; background:url(../Images/dot.jpg) 10px 5px no-repeat; text-indent:25px; position:relative;}
#in1 .left .news .show ul li span{ display:block; position:absolute; width:280px; left:0px; cursor:pointer;}
#in1 .left .news .show ul li i{ display:block; position:absolute; font-style:normal; right:0px;cursor:pointer;}

#in1 .left .about{ width:380px;height:217px; float:left; overflow:hidden; position:relative;}
#in1 .left .about h5{ margin:0px; padding:0px; display:block; width:380px; height:33px;}
#in1 .left .about1{ width:380px; height:104px; background:url(../Images/in1_01_01_02_02.jpg) no-repeat; position:relative;}
#in1 .left .about1 em{ margin:0px; padding:0px; display:block; position:relative; width:350px; height:93px; line-height:180%; margin:5px 0 0 10px; font-style:normal; overflow:hidden;}
#in1 .left .about2{ width:380px; height:80px; position:relative;}
#in1 .left .about2 img{ position:absolute; left:9px; top:2px;}
#in1 .left .product1{ width:759px; height:32px; clear:both;}
#in1 .left .product2{ width:759px; height:154px; clear:both;}

#in1 .right{ width:244px; height:403px; float:left; overflow:hidden;}
#in1 .right h5{ margin:0px; padding:0px; display:block; width:244px; height:31px;}
#in1 .right .s{ width:244px; height:211px; position:relative;}
#in1 .right .s .show{ position:absolute; left:6px; top:8px;}
#in1 .right .address{ width:244px; height:161px; background:url(../Images/in1_02_03.jpg) no-repeat; position:relative;}
#in1 .right .address p{ margin:0px; padding:0px; display:block; line-height:200%; width:209px; height:132px; left:19px; top:15px; position:absolute;}


#foot{ width:1003px; height:90px; background:url(../Images/index_05.jpg) no-repeat; text-align:center;  margin:0 auto; clear:both;}
#foot p{ margin:0px; padding:0px; line-height:200%;padding-top:15px; color:#FFF;}
#foot a:link{color:#FFF;text-decoration: none;}
#foot a:visited{color:#FFF;text-decoration: none;}
#foot a:hover,a:active{color:#9E0D10;text-decoration:underline;}




#main{ width:1003px; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;clear:both; background:#FFF;}
/*主题部分左边*/
#main_left{ width:189px; height:auto; overflow:hidden; float:left; min-height:350px;}
#main_left .topline1{ position:relative; width:189px; height:56px; background:url(../Images/left_01.jpg) no-repeat;} 
#main_left .topline1 span{ position:absolute; display:block; font-size:13px; font-weight:bold; color:#FFF; left:29px; top:23px; }
#main_left .topline1 i{ display:block; font-style:normal; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:absolute; left:100px; top:37px; color:#9C0202;}

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

.tab2{ width:189px; height:33px; background:url(../Images/tab2.jpg) no-repeat; }
.tab2 a:link{color:#FFF;text-decoration: none;}
.tab2 a:visited{color:#FFF;text-decoration: none;}
.tab2 a:hover,a:active{color:#F00;text-decoration:none;}
#main_left .topline3{ width:189px; height:auto;}

#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;}



/*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:814px; height:auto; overflow:hidden; float:left; background:url(../Images/rbg.jpg) repeat-y;}
/*二级页面包屑导航位置*/
.title{ width:814px; height:46px; background:url(../Images/right_01.jpg) no-repeat; position:relative;}
.title h3{position:absolute; margin:0px; padding:0px; font-size:14px; color:#000; font-size:12px; left:23px; top:23px;}
.title p{ position:absolute; margin:0px; padding:0px; right:11px; top:23px}

/*内容显示*/
.showus{ width:780px; margin:5px 0 0 20px; clear:both; height:auto; overflow:hidden; line-height:200%;}
/*图片列表*/
.pic_list{ width:770px; 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:190px; 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:746px; margin:5px 0 0 10px; clear:both; overflow:hidden;}
.news_list_1{ width:746px; height:41px; background:url(../images/location.jpg) no-repeat;}
.news_list_2{ width:746px; 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:746px; position:relative; background:url(../images/arrow.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:746px; 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:746px; height:auto; overflow:hidden; margin:0 0 0 10px;}
#timelist ul{ width:740px; height:auto; overflow:hidden; margin:0px; padding:0px; list-style:none;}
#timelist ul li{ width:740px; 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:553px; 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:740px; height:25px; overflow:hidden; clear:both; line-height:25px; text-align:center;}
.pageus2{ width:740px; 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;}

/*上一条下一条*/
.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;}


#main_right_3{ width:814px; height:18px; background:url(../Images/right_03.jpg) no-repeat;}

/*通用链接*/
a:link{color:#666;text-decoration: none;}
a:visited{color:#666;text-decoration: none;}
a:hover,a:active{color:#9E0D10;text-decoration:underline;}

/*伪链接标准格式*/
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:underline;}

.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;}
*/