body{
	width:100%;margin:0
}

*{
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
}

a{
	text-decoration:none
}
a:hover{
	text-decoration:underline
}
ul{
	margin:0;padding:0
}

li{
	margin:0;padding:0;list-style:none
}

p{
	margin:0;padding:0
}
img{
	border:none
}
.container{
	width:955px;
	margin:0 auto;
	overflow:hidden
}
.header{
	width:100%;
	height:189px;
	background:url('../images/bg_header.gif') no-repeat left top;
	float:left
}
.header .logo{
	    float:right;
	    width:150px;
	    height:50px;
	    padding:9px 9px 0 0
}
/*-------------------------------Header end Nav start--------------------------------*/

.nav{
	width:100%;
	height:29px;
	float:left;
	padding:0 0 5px 0
}
.nav .lft{
	background:url('../images/bg_nav_left.gif') no-repeat right top;
	float:left;
	width:10px;
	height:29px
}
.nav .mid{
	background:url('../images/bg_nav_middle.gif') repeat-x left top;
	height:29px;
	width:935px;
	float:left
}
 .nav .rht{
	background:url('../images/bg_nav_right.gif') no-repeat left top;
	float:left;
	width:10px;
	height:29px
}

.nav .mid ul{
	float:left
}

.nav .mid li{
	 height:29px;
	 line-height:29px;
	 padding:0 8px;
	 float:left
}

.nav .mid li a{
	color:white
}
.nav .mid li a:hover{
	color:black
}

/*--------------------------intro star---------------------------*/
/*---------scroll---------*/

.pb {
	width: 420px;
	float: left;
}
.pb .steps, .pb .points li {
	background: transparent url(pic.gif) no-repeat left top;
}
.pb .banners {
	float: left;
	margin: 0;
	padding: 0;
}
.pb .banners li {
	width:420px;
	height:186px;
	overflow: hidden;
	display: none;
	list-style: none;
	position: relative;
}
.pb .banners li p {
	position: absolute;
	top: 170px;
	left: 0px;
	background: black;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	color: white;
	width: 100%;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-indent: 5px;
}
.pb .banners li.current {
	display: block;
}
.pb .switcher {
	float: left;
	height: 20px;
	width: 170px;
	position:relative
}
.pb .points {
	width: 135px;
	height: 20px;
	font-size: 12px;
	list-style: none;
}
.pb .points li {
	width: 19px;
	height: 20px;
	background-position: 0px 0px;
	overflow: hidden;
	text-align: center;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	font-family: Arial;
	float: left;
	background: #F0F0F0;
	margin: 0 1px 0 0;
}
.pb .points li.current {
	width: 19px;
	margin-left: 0;
	text-align: center;
	text-indent: 3px;
	background: #BB0409;
	color: #fff;
}


.intro{
	width:100%;
	float:left
}
.intro .slider{
	width:420px;
	height:186px;
	float:left;
	border:1px solid #ccc
}

.intro .news{
	width:520px;
	float:right;
}

.intro .news .title{
	height:24px;
	line-height:24px;
	text-indent:13px;
	width:522px;
	background:#EFEFEF;
	float:left
}

.intro .news .text{
	width:510px;
	padding:4px;
	line-height:24px;
	float:left;
	border-bottom:1px dotted #ccc;
	margin:0 0 5px 0
}

/*------------------------------ Intelligent ---------------------------*/
.intelligent{
	width:99%;
	float:left;
	margin:5px 0
}

.intelligent .left{
	width:375px;
	float:left
}
.intelligent .left .pro{
	width:47px;
	height:177px;
	float:left;
	padding:0 4px 0 0
}

.intelligent .left .title{
	width:308px;
	height:24px;
	float:left;
	background:#EFEFEF;
	line-height:24px;
	text-indent:13px
}

.intelligent .left .content{
	width:300px;
	background:url('../images/bg_intelligent.gif') repeat-y left top;
	margin:3px 0 0 0;
	line-height:22px;
	float:left;
	padding:4px
}
.intelligent .intpic{
	float:left;
	padding:28px 0 0 0
}

.intelligent .intpic li{
	height:134px;
	padding:0 15px;
	float:left
}

.pro_title{
	width:921px;
	height:32px;
	float:left ;
	background:url('../images/bg_title.gif') no-repeat left center;
	padding:0 0 0 16px
}
/*--------------------------------Carrefour project start--------------------------------*/

.carrefour_pro{
	width:908px;
	border:1px solid #CCC;
	background:#F2F2F2;
	margin:8px 0;
	float:left
}

.carrefour_pro .ttl{
	height:23px;
	width:890px;
	float:left;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #666;
	line-height:23px;
	text-indent:15px;
	margin:0 0 0 8px
}

.carrefour_pro .text{
	width:98%;
	margin:4px 0 4px 6px;
	text-indent:16px;
	float:left;
	text-align:left;
	line-height:26px
}

.carrefour_pro .pro_img{
	float:left
}

.carrefour_pro .pro_img li{
	height:180px;
	padding:4px 6px 0 10px;
	float:left;
	text-align:center
}
.pro_img p{
	line-height:26px;
	text-align:center;
}

/*--------------------------------Carrefour 2005 start--------------------------------*/
.carrefour_pro .ttl_2005{
	height:26px;
	line-height:26px;
	color:#6571AF;
	font-weight:bold;
	font-size:14px;
	text-indent:16px
}

.c05left{
	width:605px;
	float:left
}
.c05left .pro{
	width:101px;
	float:left;
	padding:0 19px 0 0
}
.c05left .text{
	width:445px;
	float:left;
	line-height:20px
}

.c05left .pro_img{
	width:485px;
	float:left
}

.c05left .pro_img li{
	height:145px;
	float:left;
	padding:4px 2px;
}
.c05right{
	float:right;;
	padding:8px 18px 0 0
}

.pro_list{
	width:100%;
	float:left
}

.pro_list li{
	height:145px;
	float:left;
	padding:4px 12px;
	text-align:center;
}
.pro_list li p{
	line-height:26px;
	text-align:center
}

.marquee{
	width:100%;
	float:left;
	height:132px
}

.assess{
	width:99%;
	float:left;
	padding:4px
}

.assess .content{
	width:98%;float:left;line-height:28px;padding:4px
}

.assess .from{
	width:98%;
	height:26px;
	line-height:26px;
	color:#878BB4;
	border-bottom:1px dotted #ccc;
	padding:4px;
	float:left
}


.foot{
	background:url('../images/bg_foot.gif') repeat-x left top;
	height:130px;
	width:98%;
	padding:4px;
	float:left;
	line-height:28px
}

.page_footer{
	width:100%;
	text-align:center;
	height:50px;
	line-height:18px;
	float:left
}