@charset "utf-8";
/* CSS Document */
@import url('../../../images/kefu/style.css');
body{
	 font-family: Arial, Helvetica, sans-serif, "宋体", "黑体", "楷体","仿宋";
	background:#FAFAD2;
	margin:0 auto;
	padding:0;
	color:#772700;
	}
img{
	border:none;
	}
a:link,a:active{
	text-decoration:none;
	color:#C30;
	}
a:hover,a:visited{
	text-decoration:none;
	color:#CFS;
	}
h1,b{ 
    font-size:16px;
	text-align:center;
	color:#900;
	}
h1 a:link,b a:link,h1 a:active,b a:active,h1 a:visited ,b a:visited{
	color:#903;
	}
.top,.main,.foot{
	background:url(dd2.png) repeat-y;
	margin:0 auto;
	width:900px;
	}
.top{
	position:relative;
	margin:0 auto;
	}
.top .topimg1{
	position:absolute;
	left:11px ;
	top:0px ;
	}
.top .topimg2{
	width:830px;
	margin:0 auto;
	background:url(top2.png) repeat-x;
	
	}
.top .topimg3{
	position:absolute;
	right:10px ;
	top:0px ;
	}
.top .logo img {
	width:847px;
	}
.top .logo,.top .mav{
	margin:0 auto;
    width:847px;
	}
/*---------------------------------------------*/



.mav{
	background:url(mavbg.png) repeat-x;
	height:58px;
	}
.top .mav ul{
	margin:0 0;
	list-style:none;
	}
.mav ul li {
	float:left;
	background:url(mavr.png) no-repeat right top;
	margin:0 2px;
	height:33px;
	font-size:12px;
	text-align:center;
    }
.mav ul li:hover{
	margin:2px;
    }
.mav ul li b{
	background:url(mavl.png) no-repeat left top;
	height:33px;
	display:block;
	}
	
.mav ul li a{
	background:url(mavc.png) repeat-x;
	height:26px;
	margin:0 8px;
	padding-top:7px;
	text-align:center;
	display:block;
	}

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

.maina{
	background:url(mainbg.png) repeat-x;
	width:847px;
	height:310px;
	margin:0 auto;
	}
.main_l{
	float:left;
	width:263px;
	}
#main_l_top{
	background:url(main_lbg.png) no-repeat;
	width:262px;
	height:28px;
	margin:4px 0 0 0;
	padding:12px 0 0 0;
	text-align:center;
	}
#main_l_conten{
	background:url(main_conten.png) no-repeat;
	margin:0 auto;
	height:265px;
	text-align:left;
	font-size:14px;
	font-weight:500;
	line-height:1.5;
	color:#F00;
        position:relative;
        }
#main_l_conten #img{
        position:absolute;
	right:20px;
	bottom:10px;
        }
#main_l_conten ul{
	list-style:none;
	margin:0;
	padding:5px 0 0 15px;
	}
#main_l_conten ul li{
	background:url(list.png) no-repeat left 4px ;
	padding-left:20px;
	margin:1px;
	}

.main_r{
	float:right;
	width:581px;
	padding-top:5px;
	}
.main_r_top{
	text-align:left;

	}
.main_r_top .l,.main_r_top .c,.main_r_top .r{
	float:left;
	}
.main_r_top .c{
	width:427px;
	background:url(hd2.png) repeat-x;
	height:28px;
	padding:10px 0 0 10px;
	}
.main_r .con{
	border:#9f7343 solid 1px;
	width:577px;
	margin-left:1px;
	}
.main_r .con .p{
	border:#FFF solid 1px;
	margin:0;
	padding:45px 7px 20px 15px;
	height:233px;
	position:relative;
	line-height:1.5;
	font-size:14px;
	}
.cnc .cnc_l .pp p,.main_r .con .p p{
	margin:0;
    }
.main_r .con .p img {
	position:absolute;
	right:20px;
	bottom:5px;
	}
.llog{
	background:url(llog.png) no-repeat;
	width:817px;
	margin:0 auto;
	height:26px;
	padding:3px 0 0 30px;
}


.cnc {
	width:847px;
	margin:0 auto;
	background:#eddbb5;
	}
.cnc .cnc_l{
	float:left;
	background:url(dd.png) no-repeat;
	width:420px ;
	height:337px ;
	position:relative;
	}
.cnc .cnc_l .pp{
	padding:7px 20px;
	line-height:20px;
	line-height:1.5;
	font-size:14px;
	} 
.cnc .cnc_l .pp h1,.cnc .cnc_l .pp p,.cnc .cnc_l .pp h2{
	padding:0;
	margin:0;
	}
.cnc .cnc_l .pp h1,.cnc .cnc_l .pp h2{
	font-size:14px;
	font-weight:600;
	}
.cnc .cnc_l #img{
	position:absolute;
	right:10px;
	bottom:10px;
	}
.cnc .cnc_r{
	float:right;
	background:url(dd.png) no-repeat;
	width:420px ;
	height:337px ;
	position:relative;
	}		
.clear{
	clear:both;
	}
.cnc .cnc_r ul,.cnc .cnc_l ul{
	padding-left:10px;
	list-style:none;
	line-height:1.5;
    }
.cnc .cnc_l ul{
	margin:0; padding:0;
	}
.cnc .cnc_l ul li{
	float:left;
	margin:3px 5px ;
	width:90px;
	border:#930 solid 1px;
	}
.cnc .cnc_r ul li{
	background:url(list.png) no-repeat 0px 6px;
	padding-left:17px;
	}	
.cnc .cnc_r img {
	position:absolute;
	right:10px;
	bottom:10px;
	}
.cnn{
	background:#eddbb5;
	width:847px;
	margin:0 auto;
	}
.cnnt{
	background:url(zs.png) no-repeat;
	height:34px;
	margin:0 auto;
	padding:0;
	}
.cnnt h1{
	margin:2px 0 0 3px;
	padding:7px 0 0 42px;
	text-align:left;
	}
.cnnc{
	position:relative;
	
	}
.cnnc ul{
    list-style:none;
	margin:0; 
	padding:0;
	}
.cnnc ul li{
	float:left;
	margin:5px;
	text-align:center;
	width:201px;
    }
.cnnc ul li a{
	margin:auto;}
.cnnc ul li img {
	width:201px ;
	height:145px ;
	border:#903 groove 1px;
	margin:0 0 5px 1px;
	}
.cnnc ul li img:hover{
	
	}
.cnnc ul li a:active{
	border:#000 solid 1px;
	}
.foot{
	margin:0 auto;
	padding:0;
	}
.foot .hr{
	border-bottom:#FFF solid 1px;
	width:847px;
	margin:0 auto 1px ;

	height:1px;
	}
.foot .footer{
	width:827px;
	margin:0 auto ;
	background:#eddbb5;
	text-align:center;
	padding:10px ;
	line-height:1.5;
	color:#666;
	font-size:12px;
    }
.foot .lianjie{
	background:url(bg.png) repeat-x;
	width:845px;
	margin:auto auto ;
	padding:2px;
    text-align:left;
	height:26px;
	}
.foot .lianjie div{
	height:20px;
	background:#9C0;
	padding:3px 10px;
	font-size:14px;
	color:#000;
	}
	
	
	
	
	
	
	
	
/*pic scroll
----------------------------------*/
.infiniteCarousel {
  background:url(mainbg.png) repeat-x 0 -3px;
  background:#9f7343;
  width: 847px;
  position: relative;
  margin-left:auto;
  margin-right:auto;
  margin:0 auto;

}

.infiniteCarousel .wrapper {
  width: 845px; 
  overflow: auto;
  height: 160px;
  margin: 0 auto;
  top: 0;
  border:#FFF groove 1px;
}
.infiniteCarousel ul a img {
  border:1px solid #E3E3E3;
  padding:2px;
  width:198px;
  height:146px;
  display:block;
}
.infiniteCarousel .wrapper ul {
  width: 840px; 
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 auto;
  padding:0;
  top: 0;
}
.infiniteCarousel ul li {
  display:block;
  color:#6C6D61;
  float:left;
  padding: 3px 5px;
  height: 147px;
  width: 200px;
  text-align:center;
}
.infiniteCarousel ul li a,
.infiniteCarousel ul li a:visited{
	color:#6C6D61;
	}
.infiniteCarousel .wrapper ul li a:hover{
	text-decoration:underline;
	}
.infiniteCarousel ul li a:hover img {
  border-color: #aaa;
}
.infiniteCarousel ul li a span{
   display:block;
   line-height:17px;
   padding-top:6px;
}
.infiniteCarousel .arrow {
  display: block;
  height: 26px;
  width: 26px;
  text-indent: -999px;
  position: absolute;
  top: 70px;
  cursor: pointer;
  outline: 0;
}
.infiniteCarousel .forward {
  background:url(arrow-next.png) no-repeat;
  right: 0;
  height:62px;
  width:33px;
}
.infiniteCarousel .back {
  background:url(arrow-prev.png) no-repeat;
  left: 0;
  height:62px;
  width:33px;
}


ul{ list-style:none; margin:0 auto;}