@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:24px; color: #262626; min-width: 1000px;}
a{color:#262626; text-decoration:none;}
a:hover{color:#262626; text-decoration:none;}

.fl{ float:left;}
.fr{ float:right;}
.cr{ clear: both;}

.w1000{width: 1000px; margin: 0 auto;}

/*===========top================*/
#top{height: 80px; width: 100%; overflow: hidden;}
#top .main{position: relative; height: 105px;}

#top a.logo img{ margin: 16px 0 0 0;}

#top .btn{display: block; margin-top: 12px; text-align: right; color: #836f79; font-size: 10px; }
#top .btn a{color: #836f79; }

#top .phone{display: block; margin-top: 5px; padding-left: 35px; line-height: 26px;font-size: 16px; font-weight: bold; background: url(../images/top-phone.png) no-repeat; color: #583547;}

/*=======================nav========================*/
#nav{ height: 40px; width: 100%; overflow: hidden;}
#nav .main{ height: 40px; background: url(../images/nav-bg.png) repeat; border-radius: 5px 5px 0 0 ; }
#nav li{height:40px; padding-left: 2px; float: left; position: relative; background: url(../images/nav-li.png) left center no-repeat;}
#nav li a{
	font-weight: bold;
	text-align: center;
	width: 130px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	color:#000;
}
#nav li:first-child{margin-left: 40px; background: none;}

/*===========banner===========*/
#banner{margin: 0 auto; width: 100%; height: 320px; overflow: hidden; position: relative; }

#banner .bd{ position: relative; width:100%; height: 320px; z-index: 2;}
#banner .bd li{overflow: hidden; width: 100%; height: 320px;}
#banner .bd img{width: 1000px; height: 320px;}



/*=========about============*/
#about{ width: 100%; overflow: hidden; margin-top: 10px;}
#about .con{width: 710px; height: 170px; padding: 15px; background: url(../images/about-bg.png) no-repeat; overflow: hidden; }
#about .con .tit{ height: 24px; }
#about .con .tit .tit-a{display: inline-block; color: #795b09; font-weight: bold; font-size: 14px;}
#about .con .tit .more{display: inline-block; width: 40px; height: 24px; background: url(../images/about-more.png) center no-repeat;}

#about .img{width: 240px; height: 190px; padding: 5px; background: url(../images/about-img.png) no-repeat; overflow: hidden; position: relative;}

#about .img .bd{width: 240px; height: 190px;}

#about .img .hd{position: absolute; height: 14px; bottom: 9px; right: 9px; }
#about .img .hd ul{float: right;}
#about .img .hd li{float: left; width: 14px; height: 14px; line-height: 14px; background: rgba(0,0,0,0.5); color: #fff; font-size: 10px; text-align: center; margin-left: 2px; cursor: pointer;}
#about .img .hd li.on{background: #d78500; width: 22px; }

/*===========pro===========*/
#pro{ width: 100%; overflow: hidden; margin-top: 16px; position: relative;}
#pro .tit{height: 32px; line-height: 32px; background: url(../images/pro-tit.png) no-repeat;}
#pro .tit .tit-a{margin-left: 15px; font-weight: bold; font-size: 14px; color: #795b09;}
#pro .tit .more{margin-right: 18px; color: #fff;}

#pro .con{height: 190px; background: url(../images/pro-bg.png) no-repeat;}

#pro .bd{position: relative; left: 10px; top: 26px; width:980px; height: 140px; overflow: hidden;}
#pro .bd li{overflow: hidden; float: left; width: 236px; height: 140px; margin-right: 12px; }
#pro .bd li .img{display: block; overflow: hidden; width: 126px; height: 140px; position: relative;}
#pro .bd li .img img{width: 126px; height: 140px; border-radius: 5px 0 5px 0; overflow: hidden;
}

#pro .bd li .li-con{ width: 100px; }
#pro .bd li .li-con .li-tit{display: block; height: 14px; line-height: 14px; overflow: hidden; font-weight: bold; color: #795b09; margin-bottom: 8px;}
#pro .bd li .li-con .memo{height: 96px; overflow: hidden; color: #262626;}
#pro .bd li .li-con .more{display: block; text-align: right; height: 14px; line-height: 14px; overflow: hidden; color: #795b09; margin-top: 8px;}


/*==================index===================*/
#index{width: 100%; margin-top: 16px;}

.index-tit{ height: 30px; line-height: 30px; border: 1px solid #e3d8dd; text-align: left; background: url(../images/index-tit.png) repeat-x; position: relative;}
.index-tit .tit-a{display: inline-block; width: 84px; height: 30px; text-align: center;
 font-size: 14px; color: #fff; font-weight: bold; background: #694a59; border: 1px solid #694a59; position: absolute; left: -1px; top: -1px;}
.index-tit .more{display: inline-block; width:  32px; height: 30px; background: url(../images/index-more.png) center no-repeat; margin-right: 18px;}

.index-con{ height: 162px; padding: 14px 10px 15px 13px; background: url(../images/index-con.png) repeat-x; border: 1px solid #e3d8dd; border-top: none;}

/*=========notice==========*/
#notice{width: 250px;}
#notice .index-tit{width: 248px;}
#notice .index-con{width: 225px;}

/*==========news==========*/
#news{width: 478px; background: url(../images/news-bg.png) center top no-repeat; margin-left: 12px;}

#news .index-con{width: 453px;}
#news li{height: 30px; overflow: hidden; line-height: 30px; background: url(../images/news-li.png) left bottom repeat-x; margin-bottom: 4px; overflow: hidden;}
#news li a{ display: block; padding-left: 14px; background: url(../images/news-a.png) left top no-repeat; font-size: 12px; color: #262626;}
#news li a:hover{color: #694a59; background-position: left bottom;}

/*=========cont==========*/
#cont{width: 250px;}
#cont .index-tit{width: 248px;}
#cont .index-con{width: 225px;}


/*==================links================*/
#links{width: 100%; margin-top: 16px;}
#links .tit{height: 30px; overflow: hidden; border-radius: 5px 5px 0 0; background: url(../images/index-tit.png) no-repeat; width: 998px; border: 1px solid #e3d8dd; text-indent: 15px; font-weight: bold; font-size: 14px; color: #262626; }
#links .con{ width: 970px; margin-top: 16px; padding: 15px; line-height: 26px; border: 1px solid #e3d8dd; color: #262626;}
#links .con a{color: #262626;}

/*================foot-nav================*/
#foot-nav{width: 100%; margin-top: 16px; height: 32px;}
#foot-nav .main{height:32px; background: #e9e9e9;}
#foot-nav li{height:32px; padding-left: 2px; float: left; position: relative; background: url(../images/foot-nav-li.png) left center no-repeat;}
#foot-nav li a{text-align: center; width: 90px; line-height: 32px; height: 32px; overflow: hidden; display: block; color:#262626; }
#foot-nav li:first-child{margin-left: 178px; background: none;}


/*==================footer=================*/
#footer{ width: 100%; height:44px; text-align: center; color: #262626; line-height: 44px;}
#footer a{color: #262626;}

/*	内页 */

/*==================con=================*/
#con{width: 100%; margin-top: 20px;}

#conFl{width: 240px; }
#conFl .type{width: 238px; border: 1px solid #d9d9d9; position: relative; margin-bottom: 24px;}
#conFl .type .tit{background: url(../images/fl-type-tit.png) center no-repeat; height: 33px; line-height: 33px; margin: 2px; color: #fff; padding-left: 22px; font-size: 14px; font-weight: bold;}
#conFl .type .tit a{}

#conFl .cont{width: 238px; border: 1px solid #d9d9d9; position: relative; }
#conFl .cont .tit{background: url(../images/fl-cont-tit.png) center no-repeat; height: 33px; line-height: 33px; margin: 2px;}
#conFl .cont .tit a{color: #fff; padding-left: 22px; font-size: 14px; font-weight: bold;}
#conFl .cont .con{padding: 6px;}

/*===================conFr===================*/
#conFr{width: 747px; }
#conFr .tit{background: url(../images/fr-tit.png) center no-repeat; height: 32px; line-height: 32px; color: #795b09; padding-left: 15px; font-size: 14px; font-weight: bold;}
#conFr .con{width: 709px; padding: 12px 18px; border: 1px solid #dbdbdb; border-top: none;}

#conFr ul.news li{height: 30px; overflow: hidden; line-height: 30px; background: url(../images/news-li.png) left bottom repeat-x; margin-bottom: 4px; overflow: hidden;}
#conFr ul.news li a{ display: block; padding-left: 14px; background: url(../images/news-a.png) left top no-repeat; font-size: 12px; color: #262626;}
#conFr ul.news li a:hover{color: #694a59; background-position: left bottom;}

/*===========分页==================*/
div.pager{ text-align:center; color: #262626; clear: both; padding: 0; line-height: 24px;  height:24px;}
div.pager span{margin: 0 5px; overflow: hidden; display: inline-block;}
div.pager a{display: inline-block; color: #262626;}


div.pagerPn{ text-align:left; border-top: 1px dotted #333; margin-top: 20px; clear: both; padding: 20px 0 0; line-height: 24px;  height:24px;}

/*==============producttype======================*/

.producttype{width: 225px; text-align: left; margin:14px 0 0 7px;}

.producttype1,.producttype1sel{ height: 25px; line-height: 25px; overflow: hidden; background: #cccccc; margin-bottom: 18px;}
.producttype1 a,.producttype1sel a{ display: block; height: 25px; overflow: hidden; font-size: 12px; color: #262626; padding-left: 17px; background: url(../images/type-li.png) 9px center no-repeat; }

.producttype2,.producttype2sel{ /*display: none;*/ height: 20px; line-height: 20px; overflow: hidden; background: url(../images/type-li2.png) center bottom no-repeat; margin:0 0 8px 9px;}
.producttype2 a,.producttype2sel a{ height: 20px; overflow: hidden; font-size: 12px; color: #1a1a1a; padding-left: 15px; }
.producttype2sel a{color: #694a59;}