@charset "utf-8";


/* CSS Document */





body{


	width: 100%;


}








.w980{	


	position: relative;


	width: 1000px;


	margin: 0 auto;


}








.pl43{


	padding-left: 43px;


}





/**内页公用**/


.inner-wrap{


	position: relative;


	width:100%;


	height: 660px;


	margin: 0 auto;


	overflow: hidden;


}


.inner-title{


	position: relative;


	width:100%;


	height: 160px;


	margin: 0 auto;


}


.inner-title .tit{


	display: inline-block;


	position: absolute;


	width: 300px;


	height: 26px;


	position: absolute;


	left: 50%;


	margin-left: -150px;


	background-position:  center 0;


	top: 0;


	opacity: 0;


	filter:alpha(opacity=0);


	background-repeat: no-repeat;


}


.inner-title .line{


	position: absolute;


	display: inline-block;


	width: 32px;


	height: 2px;


	left: 50%;


	margin-left: -16px;


	background: #abd059;


	overflow: hidden;


	bottom: 0;


	opacity: 0;


	filter:alpha(opacity=0);


}





.inner-nav{


	width:100%;


	height: 30px;


	margin: 0 auto;


	overflow: hidden;


}


.inner-nav a{


	display: inline-block;


	width: 90px;


	height: 30px;


	line-height: 30px;


	float: left;


	margin: 0 1px;


	text-align: center;


	background: #fff;


	color: #666;





}


.inner-nav a:hover,.inner-nav a.on{


	background:#46aaab;


	color: #fff;


	font-weight: bold;


}





.content{


	background: url(../images/tm.png) repeat;


	





}








/**发展历程**/


.history-scroll{


	position: relative;


	width: 100%;


	height: 350px;


	overflow: hidden;


	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;


}


.scrollx-obj{


	top: 0;


	height: 250px;


}


.scrollx-bar{


	position: absolute;


	width: 100%;


	height: 1px;


	border-top: 1px solid #c92631;


	left: 0;


	bottom: 40px;


}


.scrollx-btn{


	position: absolute;


	display: inline-block;


	width: 25px;


	height: 20px;


	left: 0;


	top: -10px;


	background: url(../img/bg_btn02.png) no-repeat;


	cursor: pointer;


}














/**发展历史**/


.history-list{


	position: absolute;


	height: 264px;


	left: 0;


	top: 0;


	overflow: hidden;


}





.history-list ul{


	float: left;


	width: 255px;


	height: 270px;


	background: url(../img/bg_sign01.png) no-repeat -6px 100px;


}


.history-list ul li{


	height: 120px;


	width: 212px;


	line-height: 18px;


}


.history-list ul li h3{


	padding-left: 2px;


	font-weight: normal;


	color:#ccc;


}


.history-list ul li h3 span.year{


	font-size: 16px;


}


.history-list ul li.even{


	padding-left: 18px;


	margin-bottom: 30px;


	background: url(../img/bg_line01.gif) no-repeat 0 bottom;


}


.history-list ul li.even h3{


	margin-bottom: 20px;


	


}


.history-list ul li p{color:#ccc;}


.history-list ul li.odd{


	height: 85px;


	padding-top: 35px;


	margin-left: 24px;


	background: url(../img/bg_line02.gif) no-repeat 20px 0;


}


.history-list ul li.odd h3{


	margin-bottom: 5px;


}


.history-list ul li:hover h3 span{


	color: #c92631;


}








/**加盟优势**/





.tit-join{


	background-image: url(../images/txt04.png);


}





.content-wrap{


	position:relative;


	width: 100%;


	height: 412px;


	overflow: hidden;


}


.join-cont-wrap{


	position: absolute;


	left: 0;


	top: 0;


	height: 390px;


	position: relative;


	overflow: hidden;


}


.join-cont{


	float: left;


	width: 928px;


	height: 315px;


	margin-right: 10px;


	padding: 30px 40px 45px;


}


.content-wrap .number{


	position: absolute;


	right: 0;


	bottom: 0;


}


.content-wrap .number li{


	position: relative;


	width: 96px;


	height: 79px;


	background: #eaeaea;


	margin-right: 15px;


	cursor: pointer;


	float:left;


}


.content-wrap .number li .box{


	width: 96px;


	height: 79px;


	position: relative;


	margin: -2px 0 0 -1px;


	overflow: hidden;


}


.content-wrap .number li .bit{


	position: absolute;


	left: 8px;


	top: 8px;


	display: inline-block;


	width: 7px;


	height: 7px;


	overflow: hidden;


	background:  url(../img/bg_sign02.gif) no-repeat -7px 0;


}


.content-wrap .number li p{


	position: absolute;


	left: 0;


	bottom: 0;


	width: 96px;


	height: 20px;


	line-height: 20px;


	background: #fff;


	text-align: center;


}


.content-wrap .number li.on .bit{


	background-position: 0 0;


}


.content-wrap .number li.on p{


	background: #2f0d16;


	color: #fff;


}








.content-wrap .about-scroll{


	margin-top: 20px;


}


.content-wrap .about-scroll p{ color:#666; line-height:22px;}





.fl {


	float:left;


}


.fr {


	float:left;


}