@charset "utf-8";
/* CSS Document */


body {
	font: 12px/18px Arial, "\5b8b\4f53";
	min-width:784px;
	text-align:center;
	background-color:#F3ECDA;
	color:#836F56;
}
#wrapper {
	width:782px;
	margin:0 auto;
	text-align:left;
}
.container {
	width:782px;
	margin:0 auto;
	text-align:left;
}
a { color:#836F56; }
a:hover { text-decoration:underline; }
/* =float -----------------------------------------------------------------------------*/
.float_layer {
	text-align: left;
	width:782px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 0px;
}
.float_layer #FloatLayer {
	position: absolute;
	top:190px;
	right:-104px;
}
#services {
	width:95px;
	background:url(../images/service.gif) repeat-y -95px 0;
	position:relative;
	margin-bottom:10px;
}
#services .forBgB {
	background:url(../images/service.gif) no-repeat -190px bottom;
	padding-bottom:10px;
}
#services h3 {
	background:url(../images/service.gif) no-repeat 0 0;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
}
#services p {
	text-align:center;
	padding:5px 0;
}
#services .close, #compare .close {
	position:absolute;
	top:10px;
	right:7px;
}
#compare {
	width:95px;
	background:url(../images/compare.gif) repeat-y -95px 0;
	position:relative;
}
#compare .forBgB {
	background:url(../images/compare.gif) no-repeat -190px bottom;
	padding-bottom:10px;
}
#compare h3 {
	background:url(../images/compare.gif) no-repeat 0 0;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:10px;
}
#compare dl { text-align:center; }
#compare dd { margin-bottom:10px; }
#compare .jxbj {
	display:block;
	margin:0 auto;
	background:url(../images/dot01.gif) no-repeat;
	width:74px;
	height:21px;
	text-align:center;
	line-height:21px;
	color:#fff;
}
#compare .jxbj:hover { text-decoration:none; }
/* =top -----------------------------------------------------------------------------*/
#top {
	background:url(../images/topBg.jpg) no-repeat top center;
	height:141px;
	overflow:hidden;
	text-align:left;
}
#logo {
	float:left;
	display:inline;
	margin:45px 0 0 92px;
}
#logo span { display:none; }
#searchForm {
	float:right;
	display:inline;
	margin:105px 7px 0 0;
}
#searchForm label, #searchForm select, #searchForm input {
	float:left;
	color:##999999;
}
#searchForm label {
	background:url(../images/cpss.gif) no-repeat;
	width:52px;
	height:21px;
	text-indent:-9999px;
	display:inline;
	margin:0 18px 0 0;
}
#searchForm select {
	height:22px;
	line-height:22px;
}
#searchForm .keyword {
	display:inline;
	width:104px;
	margin:0 7px 0 9px;
	padding:2px 7px;
}
#searchForm .submit {
	display:inline;
	margin:1px 0 0;
}
#mainNav {
	background:url(../images/mainNavBg.gif) repeat-x;
	height:63px;
	padding-top:13px;
}
#mainNav #nav {
	width:782px;
	margin:0 auto;
	text-align:left;
	background:url(../images/mainNav.gif) no-repeat;
	height:16px;
	overflow:hidden;
}
#mainNav #nav li { float:left; }
#mainNav #nav li a {
	float:left;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/mainNav.gif) no-repeat -6px 0;
	margin-right:32px;
	width:59px;
}
#mainNav #nav li a#nav0 {
	width:33px;
	margin:0 34px 0 6px;
	background-position:-6px 0;
}
#mainNav #nav li a#nav1 { background-position:-73px 0; }
#mainNav #nav li a#nav2 {
	background-position:-164px 0;
	margin-right:34px;
}
#mainNav #nav li a#nav3 {
	background-position:-257px 0;
	margin-right:33px;
}
#mainNav #nav li a#nav4 {
	background-position:-349px 0;
	margin-right:33px;
}
#mainNav #nav li a#nav5 {
	background-position:-441px 0;
	margin-right:33px;
}
#mainNav #nav li a#nav6 {
	background-position:-533px 0;
	margin-right:33px;
}
#mainNav #nav li a#nav7 {
	background-position:-625px 0;
	margin-right:33px;
}
#mainNav #nav li a#nav8 {
	background-position:-717px 0;
	margin:0;
}
#mainNav #nav li a#nav0:hover, #mainNav #nav li a#nav0.nav_on { background-position:-6px -16px; }
#mainNav #nav li a#nav1:hover, #mainNav #nav li a#nav1.nav_on { background-position:-73px -16px; }
#mainNav #nav li a#nav2:hover, #mainNav #nav li a#nav2.nav_on { background-position:-164px -16px; }
#mainNav #nav li a#nav3:hover, #mainNav #nav li a#nav3.nav_on { background-position:-257px -16px; }
#mainNav #nav li a#nav4:hover, #mainNav #nav li a#nav4.nav_on { background-position:-349px -16px; }
#mainNav #nav li a#nav5:hover, #mainNav #nav li a#nav5.nav_on { background-position:-441px -16px; }
#mainNav #nav li a#nav6:hover, #mainNav #nav li a#nav6.nav_on { background-position:-533px -16px; }
#mainNav #nav li a#nav7:hover, #mainNav #nav li a#nav7.nav_on { background-position:-625px -16px; }
#mainNav #nav li a#nav8:hover, #mainNav #nav li a#nav8.nav_on { background-position:-717px -16px; }
#mainNav #subNav {
	width:782px;
	height:33px;
	margin:0 auto;
	text-align:left;
	position:relative;
	line-height:33px;
	top:14px;
}
#mainNav #subNav #subNav0 {
	position:absolute;
	left:0;
}
#mainNav #subNav #subNav1 {
	position:absolute;
	left:65px;
}
#mainNav #subNav #subNav2 {
	position:absolute;
	left:156px;
}
#mainNav #subNav #subNav3 {
	position:absolute;
	left:250px;
}
#mainNav #subNav #subNav4 {
	position:absolute;
	left:340px;
}
#mainNav #subNav #subNav5 {
	position:absolute;
	left:437px;
}
#mainNav #subNav #subNav6 {
	position:absolute;
	right:126px;
}
#mainNav #subNav #subNav7 {
	position:absolute;
	right:95px;
}
#mainNav #subNav #subNav8 {
	position:absolute;
	right:4px;
}
#mainNav #subNav a {
	color:#836F56;
	margin:0 8px;
}
#ad {
	height:261px;
	border-bottom:1px solid #DCCBB7;
	margin:0 0 10px 0;
}
#adLink {
	float:left;
	width:136px;
	height:261px;
	background-color:#8B7060;
	overflow:hidden;
}
#adLink ul {
	overflow:hidden;
	float:left;
	width:136px;
	margin:17px 0 0;
}
#adLink li {
	float:left;
	border-bottom:1px solid #968073;
	margin-bottom:-1px;
}
#adLink li a {
	float:left;
	width:136px;
	height:38px;
	text-indent:-9999px;
	background:url(../images/adLink.gif) no-repeat;
}
#adLink li a.current, #adLink li a:hover { background-color:#71482F; }
#adLink li.adLink01 a { background-position: 23px 11px; }
#adLink li.adLink01 a.current, #adLink li.adLink01 a:hover { background-position: -203px 11px; }
#adLink li.adLink02 a { background-position: 23px -29px; }
#adLink li.adLink02 a.current, #adLink li.adLink02 a:hover { background-position: -203px -29px; }
#adLink li.adLink03 a { background-position: 23px -69px; }
#adLink li.adLink03 a.current, #adLink li.adLink03 a:hover { background-position: -203px -69px; }
#adLink li.adLink04 a { background-position: 23px -109px; }
#adLink li.adLink04 a.current, #adLink li.adLink04 a:hover { background-position: -203px -109px; }
#adLink li.adLink05 a { background-position: 23px -149px; }
#adLink li.adLink05 a.current, #adLink li.adLink05 a:hover { background-position: -203px -149px; }
#adLink li.adLink06 a { background-position: 23px -189px; }
#adLink li.adLink06 a.current, #adLink li.adLink06 a:hover { background-position: -203px -189px; }
#adScoll {
	width:646px;
	height:261px;
	overflow:hidden;
	float:left;
}
.indexBox {
	position:relative;
	line-height:20px;
}
.indexBox h3 {
	background:url(../images/title.gif) no-repeat;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 15px 0;
}
.indexBox h3.gyxd { background-position:0 0; }
.indexBox h3.zxcp { background-position:0 -15px; }
.indexBox h3.khjz { background-position:0 -30px; }
.indexBox .more {
	position:absolute;
	right:25px;
	top:17px;
}
#comInfo {
	background:#fff url(../images/abouBg.gif) no-repeat;
	width:341px;
	float:left;
}
#comInfo .forBgB {
	background:url(../images/abouBg.gif) no-repeat -341px bottom;
	height:170px;
	padding:13px 18px 12px 18px;
}
#comInfo .img {
	float:left;
	display:inline;
	margin:0 7px 0 0;
}
#comInfo a.xx { text-decoration:underline; }
#comInfo a.xx:hover { text-decoration:none; }
#newPro {
	background:#fff url(../images/newproBg.gif) no-repeat;
	width:230px;
	float:left;
	display:inline;
	margin:0 0 0 12px;
}
#newPro h3 { margin-left:7px; }
#newPro .forBgB {
	background:url(../images/newproBg.gif) no-repeat -230px bottom;
	height:182px;
	padding:13px 15px 0 11px;
}
#client.indexBox .more { right:19px; }
/***首页图片切换**/
.carousel-component {
	position:relative;
	overflow:hidden;
	visibility:visible;
	margin:0;
	padding:0;
}
.carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
}
.carousel-component .carousel-list li { float:left; }
.carousel-component .carousel-list li img {
	width:128px;
	height:137px;
}
.carousel-component .carousel-clip-region {
	overflow:hidden;
	position:relative;
	margin:0 auto
}
#html-carousel {
	float:left;
	width:128px;
	height:137px;
}
#html-carousel .carousel-list li {
	width:128px;
	overflow:hidden;
	float:left;
}
#html-carousel .carousel-list li a { float:left; }
#prev-arrow-container, #next-arrow-container {
	float:left;
	margin:0;
	padding:0
}
#prev-arrow-container { margin-right:25px; }
#next-arrow-container { margin-left:25px; }
#next-arrow, #prev-arrow {
	cursor:pointer;
	margin-top:47px;
}
.carousel-component { background:none; }
#client {
	width:186px;
	float:right;
	background:#fff url(../images/clientBg.gif) no-repeat;
}
#client .forBgB {
	background:url(../images/clientBg.gif) no-repeat -186px bottom;
	height:182px;
	padding:13px 15px 0 11px;
}
#client marquee {
	width:150px;
	padding-left:10px;
}
#client #phone {
	border-top:1px dashed #C8C7C7;
	margin:15px 0 0;
	padding:12px 0 0 6px;
}
#frienglyLink {
	background:url(../images/friendlyBg.gif) no-repeat;
	height:45px;
	line-height:45px;
	overflow:hidden;
	padding-left:90px;
	margin:14px 0 20px 0;
}
#frienglyLink h3 { display:none; }
#frienglyLink a { margin-left:25px; }
#footer {
	border-top:1px solid #5E361E;
	padding:15px 0;
}
#footer .link { float:left; }
#footer .link a { margin:0 5px; }
#footer .copyright {
	float:right;
	padding-right:10px;
}
#content {
	background:url(../images/contentBg.gif) repeat-y -782px 0;
	margin:10px 0 12px 0;
}
#content .forBgB {
	background:url(../images/contentBg.gif) no-repeat left bottom;
	_height:350px;
	min-height:350px;
}
#menu {
	float:left;
	width:204px;
}
#menu h3 {
	background:url(../images/menuTitle.gif) no-repeat;
	height:47px;
	text-indent:-9999px;
	margin-bottom:15px;
}
#menu h3.gyxd { background-position:0 0; }
#menu h3.cpfl { background-position:0 -47px; }
#menu h3.cpflTwo { background-position:0 -94px; }
#menu h3.khjz { background-position:0 -141px; }
#menu h3.jmhz { background-position:0 -188px; }
#menu h3.zxzx { background-position:0 -235px; }
#menu h3.lxwm { background-position:0 -282px; }
#menu h3.wzjs { background-position:0 -329px; }
#sidlerBar { padding-left:45px; }
#sidlerBar dt {
	background:url(../images/dot.gif) no-repeat left 8px;
	padding-left:16px;
	line-height:26px;
	cursor:pointer;
}
#sidlerBar dd {
	display:none;
	padding-left:16px;
	line-height:16px;
}
#sidlerBar .open dd { display:block; }
#menu #hotLine {
	width:160px;
	margin:50px auto;
}
#mainContent {
	float:right;
	width:565px;
}
#mainContent .topTitle {
	background:url(../images/mainContentBg.gif) no-repeat;
	height:25px;
	padding-top:13px;
	overflow:hidden;
}
#mainContent .topTitle h3 {
	float:left;
	display:inline;
	margin:0 0 0 46px;
}
#mainContent .topTitle .address {
	float:right;
	display:inline;
	margin:0 26px 0 0;
	font-family:"\5b8b\4f53";
	color:#AC9E8C;
}
#mainContent .topTitle .address a { color:#AC9E8C; }
#about, #web {
	line-height:22px;
	width:510px;
	margin:20px auto 60px auto;
}
#contactWay {
	width:470px;
	margin:20px auto 80px auto;
}
#contactWay dl.clearfix { margin:10px 0; }
#contactWay dl.clearfix dt {
	float:left;
	margin-right:10px;
}
#proList ul {
	margin:10px 0 0 14px;
	_height:380px;
	min-height:380px;
}
#proList ul li {
	float:left;
	width:110px;
	display:inline;
	margin:10px 12px;
}
#proList ul li .img {
	display:block;
	background:url(../images/imgBg.gif) no-repeat;
	padding:8px;
	margin-bottom:4px;
}
#proList ul li p span {
	float:left;
	margin-left:10px;
}
#proList ul li p a {
	float:right;
	margin-right:7px;
}
#proList ul li p.starTitle {
	text-align:center;
	padding:5px 0;
}
#proList ul li p.starOne, #proList ul li p.starTwo, #proList ul li p.starThree, #proList ul li p.starFour, #proList ul li p.starFive {
	background:url(../images/star.gif) repeat-x;
	width:17px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
#proList ul li p.starTwo { width:34px; }
#proList ul li p.starThree { width:51px; }
#proList ul li p.starFour { width:68px; }
#proList ul li p.starFive { width:85px; }
#proList .bottomInfo {
	width:500px;
	margin:0 auto;
	padding:30px 0;
}
#proList .info { float:left; }
#proList .page { float:right; }
#ranking { margin:30px 0 30px 40px; }
#ranking ul {
	_height:300px;
	min-height:300px;
}
#ranking li { line-height:22px; }
#ranking ul.imgList {
	height:auto;
	min-height:0;
}
#ranking .imgList li {
	float:left;
	display:inline;
	margin:5px 12px;
}
#rankingList { margin:10px 0; }
#rankingList h3 {
	background:url(../images/menuTitle.gif) no-repeat 0 -375px;
	height:33px;
	text-indent:-9999px;
}
#rankingList ul { padding:0 10px 20px 34px; }
#rankingList ul li {
	background:url(../images/topNum.gif) no-repeat;
	padding-left:15px;
	line-height:22px;
	height:22px;
	overflow:hidden;
}
#rankingList ul li.top1 { background-position:0 6px; }
#rankingList ul li.top2 { background-position:0 -16px; }
#rankingList ul li.top3 { background-position:0 -38px; }
#rankingList ul li.top4 { background-position:0 -60px; }
#rankingList ul li.top5 { background-position:0 -82px; }
#rankingList ul li.top6 { background-position:0 -104px; }
#rankingList ul li.top7 { background-position:0 -126px; }
#rankingList ul li.top8 { background-position:0 -148px; }
#msg {
	width:530px;
	margin:25px auto;
}
#msg .question, #msg .answer {
	padding:10px 12px;
	color:#666;
}
#msg .question { background-color:#F6F2E8; }
#msg .red { color:#FF0202; }
#msg .page {
	text-align:right;
	padding:10px 20px;
}

#msgForm {
	padding:0 0 30px 10px;
}
#msgForm h3{
	background:url(../images/dot02.gif) repeat-x left 7px;
	margin-bottom:15px;
}
#msgForm h3 span {
	padding-right:15px;
	background-color:#FDF9F0;
}
#msgForm label,
#msgForm input,
#msgForm textarea{
	float:left;
}
#msgForm .name {
	width:154px;
	padding:2px;
	border:1px solid #E2E2E2;
}
#msgForm textarea {
	width:331px;
	height:62px;
	padding:2px;
	border:1px solid #E2E2E2;
}
#msgForm p {
	margin-bottom:9px;
}
#msgForm .reset ,
#msgForm .submit {
	background:url(../images/reset.gif) no-repeat;
	width:69px;
	height:21px;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
	margin-top:5px;
}
#msgForm .reset {
	margin:5px 20px 0 60px;
}
#msgForm .submit {
	background:url(../images/fs.gif) no-repeat;
}

#contact {
	width:416px;
	margin:20px auto;
}
#contact .img {
	margin:10px 0;
}

#customer {
	width:452px;
	margin:20px auto;
}
#customer li{
	float:left;
	display:inline;
}
#customer .textList {
	padding:10px 0;
}
#customer .textList li{
	width:206px;
	margin:0 10px;
	line-height:26px;
}
#customer .logoList li {
	margin:15px;
}
#customer .page {
	text-align:center;
	padding:20px 0;
}

#customerDetail {
	width:500px;
	margin:20px auto;
}
#customerDetail .title{
	font-size:12px;
	text-align:center;
	padding:15px 0;
}
#customerDetail .detail {
	min-height:300px;
	_height:300px;
}
#customerDetail .page {
	text-align:center;
	margin:10px 0 50px 0;
}


.rollBox{width:204px;overflow:hidden;padding:12px 0 5px 6px;} 
.rollBox .LeftBotton{height:37px;width:13px;background:url(../images/left.gif) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:47px 25px 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:37px;width:13px;background:url(../images/right.gif) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:47px 0 0 25px;cursor:pointer;} 
.rollBox .Cont{width:128px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{width:128px;float:left;text-align:center;} 
.rollBox #List1,.rollBox #List2{float:left;} 




#proDetail {
	width:500px;
	padding:20px 0 40px 0;
	margin:0 auto;
}
#proDetail .forBig {
	text-align:center;
	padding-bottom:10px;
}
#proDetail .forBig img{
	display:block;
	margin:0 auto 10px auto;
}
#proDetail #smallImg {
	background-color:#F0EDE5;
	padding:12px 0;
}
#proDetail #smallImg li {
	float:left;
	display:inline;
	margin:0 12px;
}