/**!
 * 白领驿家-首页
 * author: wangkai;
 */


/* main */

.left-menu {
	position: fixed;
	top: 126px;
	width: 212px;
	padding: 15px 15px 51px 15px;
	background-color: #ac0000;
}

/* 右侧 */

.main {
	margin-top: 10px;
}

/* 轮播图 */

.wb-slider {
	width: 746px;
	height: 368px;
    position: relative;
}
.wb-slider-conbox {
    width: 746px;
	height: 368px;
    overflow: hidden;
}
.wb-slider-ctag {
    display: block;
    position: relative;
}
.wb-slider-ctag img {
    display: block;
    width: 746px;
	height: 368px;
}
.wb-slider-switcher {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -50px;
    width: 91px;
    height: 15px;
    padding-left: 9px;
    padding-top: 5px;
    background: url(../images/wb-slider-switcher.png);
}
.wb-slider-stag {
    float: left;
    margin-right: 8px;
    height: 10px;
    width: 10px;
    background: url(../images/yuan1.png);
    cursor: pointer;
}
.wb-slider-stag.cur {
    background: url(../images/yuan2.png);
}

/* 驿家日历 */


.ekiya-hd {
	height: 66px;
	padding-left: 56px;
}

.ekiya-icon1 {
	background: url(../images/ekiya-icon1.png) 0px 10px no-repeat;
}

.ekiya-icon2 {
	background: url(../images/ekiya-icon2.png) 0px 11px no-repeat;
}

.ekiya-icon3 {
	background: url(../images/ekiya-icon3.png) 0px 11px no-repeat;
}

.ekiya-icon4 {
	background: url(../images/ekiya-icon4.png) 0px 11px no-repeat;
}

.ekiya-icon5 {
	background: url(../images/ekiya-icon5.png) 0px 11px no-repeat;
}

.ekiya-title {

	height: 33px;
	padding-top: 12px;
	font-size: 18px;
	color: #888;
}

.ekiya-title a {
	float: left;
	font-size: 22px;
	line-height: 33px;
	margin-right: 10px;
}

.ekiya-title span {
	float: left;
	margin-top: 5px;
	line-height: 28px;
}

.up-down-btn {
	float: right;
	margin-right: 20px;
	margin-top: 14px;
	width: 12px;
	height: 6px;
	cursor: pointer;
	background: url(../images/up-btn.png);
}

.up-down-btn.current {
	background: url(../images/down-btn.png);
}

.ekiya-icon1 .ekiya-title {
	border-bottom: 1px solid #ff7b00;
}

.ekiya-icon1 .ekiya-title a {
	color: #ff7b00;
}

.ekiya-icon2 .ekiya-title {
	border-bottom: 1px solid #0cb186;
}

.ekiya-icon2 .ekiya-title a {
	color: #0cb186;
}

.ekiya-icon3 .ekiya-title {
	border-bottom: 1px solid #F70909;
}

.ekiya-icon3 .ekiya-title a {
	color: #F70909;
}

.ekiya-icon4 .ekiya-title {
	border-bottom: 1px solid #F709C7;
}

.ekiya-icon4 .ekiya-title a {
	color: #F709C7;
}


.ekiya-icon5 .ekiya-title {
	border-bottom: 1px solid #1973d8;
}

.ekiya-icon5 .ekiya-title a {
	color: #1973d8;
}


/* 本月活动 */

.activity {
	min-height: 287px;
	padding-left: 20px;
}

.activity-hd {
	height: 33px;
}

.activity-title {
	float: left;
	margin-top: 3px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #000;
}

.activity-hd input {
	float: right;
	margin-left: 10px;
	width: 144px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #d2d2d2;
	background: url(../images/ri-xz.png) 125px 3px no-repeat
}

.footprint-sh-btn {
	float: right;
	margin-left: 12px;
	margin-top: 5px;
	width: 16px;
	height: 16px;
	border: 0;
	cursor: pointer;
	background: url(../images/zj-sh-btn.png);
}

.activity-tab {
	float: right;
	margin-left: 6px;
	width: 42px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff;
    cursor:pointer;
}

.next-month {
	background-color: #f3c027;
}

.last-month {
	background-color: #ff7b00;
}

.current-month {
	background-color: #0cb186;
}

.next-month:hover {
	background-color: #e7ad00;
}

.current-month:hover {
	background-color: #029f77;
}

.last-month:hover {
	background-color: #ff6000;
}

.activity-bd li {
	line-height: 48px;
	padding-right: 10px;
	vertical-align: top;
	background: url(../images/sjz.jpg) 78px repeat-y;
	position: relative;
}

.time-icon {
	position: absolute;
	left: 73px;
	top: 50%;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(../images/sj-icon.png);
}

.activity-time {
	float: left;
	font-size: 14px;
	color: #666;
}

.activity-time span {
	float: left;
	margin-right: 4px;
	font-size: 22px;
	color: #ff7b00;
}

.activity-name {
	float: left;
	margin-left: 50px;
	font-size: 14px;
	color: #666;
	width: 500px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor:pointer;
}

.activity-name span {
	font-weight: bold;
	color: #000;
	margin-right: 8px;
}

.activity-btn {
	float: right;
	margin-top: 11px;
	width: 88px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #ee7716;
	border: 1px dashed #ee7716;
    cursor:pointer;
}

.activity-btn:hover {
	color: #fff;
	border: 1px solid #ee7716;
	background-color: #ee7716;
	border-radius: 1px;
}


/* 驿家头条 */

.headlines-bd {
	height: 183px;
}

.headlines-video {
	float: left;
	margin-top: 5px;
	width: 284px;
	height: 164px;
    position:relative;
}

/*.headlines-video img {
	display: block;
	height: 164px;
}*/

.newbc-video{
    width: 284px;
	height: 164px;
    position:absolute;
}
.sybc-video{
    width: 284px;
	height: 164px;
    position:absolute;
}

.new-dynamic {
	float: left;
	margin-left: 20px;
	width: 442px;
}

.dynamic-hd {
	height: 27px;
	line-height: 27px;
	padding-left: 2px;
}

.dynamic-hd a {
	font-size: 18px;
	color: #000;
}

.dynamic-bd {
	padding: 7px 15px 0px 0px;
}

.dynamic-bd li {
	padding-left: 12px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	vertical-align: top;
	background: url(../images/dian.jpg) 0px 50% no-repeat;
}

.dynamic-bd a {
	float: left;
	color: #333;
	width: 85%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dynamic-bd span {
	float: right;
	color: #888;
}

/* 驿家推广 */

.extension-dynamic {
	float: left;
	width: 284px;
}

.extension-hd {
	height: 25px;
	line-height: 25px;
	padding-bottom: 6px;
}

.extension-hd a {
	font-size: 18px;
	color: #000;
}

.extension-dynamic-bd li {
	float: left;
	width: 138px;
	height: 228px;
	margin-left: 8px;
}

.extension-dynamic-bd .first-bk1 {
	margin-left: 0;
}

.extension-dynamic-bd img {
	display: block;
	height: 188px;
}

.extension-dynamic-bd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333;
	background-color: #f2f2f2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-enterprise {
	float: left;
	margin-left: 20px;
	width: 429px;
}

.custom-enterprise-list li {
	padding-top: 10px;
	height: 72px;
	border-top: 1px solid #eee;
	vertical-align: top;
}

.custom-enterprise-list .first-custom {
	padding-top: 0px;
	height: 72px;
	border-top: 0;
}

.custom-enterprise-list img {
	float: left;
	width: 110px;
	height: 62px;
}

.project-bk {
	float: left;
	margin-left: 15px;
	width: 304px;
}

.project-bk span {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.project-bk p {
	display: block;
	margin-top: 4px;
	line-height: 20px;
}

.understanding {
	float: right;
	margin-right: 4px;
	color: #ff7b00;
	*margin-top: -20px;
}

/* 驿家社团 */

.ekiya-fourbtn {
	margin-top: 11px;
	height: 122px;
}

.f-level {
	float: left;
	margin-left: 1px;
	padding: 36px 9px 0px 9px;
	width: 41px;
	height: 86px;
	line-height: 28px;
	font-size: 20px;
	font-weight: bold;
	color: #1973d8;
	background-color: #e8f3ff;
	cursor: pointer;
}

.f-level1 {
	float: left;
	margin-left: 1px;
	padding: 36px 9px 0px 9px;
	width: 41px;
	height: 86px;
	line-height: 28px;
	font-size: 20px;
	font-weight: bold;
	color: #1973d8;
	background-color: #e8f3ff;
	cursor: pointer;
}

.ekiya-fourbtn .first-btn {
	margin-left: 0;
}

.f-level.current {
	color: #fff;
	background-color: #fff;
	background: url(../images/yj-btn.png);
}

.f-level1.current {
	color: #fff;
	background-color: #fff;
	background: url(../images/yj-btn.png);
}

.s-level {
	float: left;
	/*width: 504px;*/
	height: 122px;
	background-color: #f2f2f2;
	position: relative;
	z-index: 800;
}

.s-level1 {
	float: left;
	/*width: 504px;*/
	height: 122px;
	background-color: #f2f2f2;
	position: relative;
	z-index: 800;
}

.s-level11 {
	float: left;
	width: 736px;
	height: 122px;
	background-color: #f2f2f2;
	position: relative;
	z-index: 800;
}


.s-hid {
	display: none;
}


/* 案例展示 */

.focus-wrap {
	margin-left: -9px;
	height: 102px;
	padding: 10px 10px;
}

.focus {
    min-width: 605px;
	height: 102px;
    overflow: hidden;
}

.focus1{
    margin-left:16px;
}

.left-btn {
	display: none;
    position: absolute;
    top: 31px;
    left: 0;
    width: 26px;
    height: 50px;
    background: url(../images/wb-left-btn.png);
    cursor: pointer;
}

.right-btn {
	display: none;
	position: absolute;
    top: 31px;
    right: 0;
    width: 26px;
    height: 50px;
    background: url(../images/wb-right-btn.png);
    cursor: pointer;
}

.left-btn1 {
    display:block;
    position: absolute;
    top: 31px;
    left: 0;
    margin-right: 3px;
    width: 26px;
    height: 50px;
    background: url(../images/wb-left-btn.png);
    cursor: pointer;
}

.right-btn1{
    display:block;
	position: absolute;
    top: 31px;
    right: 0;
    margin-left: 11px;
    width: 26px;
    height: 50px;
    background: url(../images/wb-right-btn.png);
    cursor: pointer;
}

.left-btn1:hover {
    background: url(../images/wb-left-btn1.png);
}

.right-btn1:hover {
	background: url(../images/wb-right-btn1.png);
}



.s-level:hover .left-btn,
.s-level:hover .right-btn {
	display: block;
}

.s-level1:hover .left-btn,
.s-level1:hover .right-btn {
	display: block;
}

/* 滚动图片 */
.focus-bd {
    height:102px;
}
.focus-bd-pics {
    height:102px;
}
.focus-bd-pics-item {
	margin-left: 19px;
    width: 102px;
    height: 102px;
    float:left;
    display: inline;
}
.focus-bd-pics-item img{
    display:block;
    width: 102px;
    height: 102px;
}

.pics-item1{
    margin-left: 13px;
}

.main-brands{
    height:140px;
}

.main-communities{
    height:140px;
}