/* CSS Document */
.commBox{ margin-top: 15px;}
.commBox .big-title{ margin: 0px 20px; border-bottom: 1px solid #eaeaea;}
.commBox .big-title img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.commBox .big-title a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}
.interactionContainer{ overflow: auto; zoom: 1;}
.interactionContainer .left{ float: left; width: 808px;}
.interactionContainer .right{ float: right; width: 380px;}
.openNewsList{ margin: 0px 20px; padding: 6px 0px 10px;}
.openNewsList li{}
.openNewsList li a{ display: block; font-size: 14px; color: #333; line-height: 35px;}
.openNewsList li a span{ float: right; font-size: 14px; color: #999;}
.latestNewsBox{ padding-bottom: 9px;}
.latestNewsBox .title{ margin: 0px 20px 0px; line-height: 40px;}
.latestNewsBox .title a{ font-size: 20px; color: #0969c3; font-weight: bold;}
.latestNewsBox .title img{ margin-right: 18px;}
.latestNewsBox ul{ margin: 0px 20px;}
.latestNewsBox ul li{}
.latestNewsBox ul li a{ font-size: 14px; color: #333; line-height: 35px;}
.latestNewsBox ul li span{ font-size: 14px; color: #999; float: right;}
.leaderEmailBox{ padding-bottom: 20px;}
.leaderEmailStatistics{ background: #f4f4f4; margin: 0px 20px; overflow: auto; zoom: 1;}
.leaderEmailStatistics li{ width: 90px; height: 50px; float: left; line-height: 50px; margin-left: 18px; font-size: 14px; color: #333;}
.leaderEmailStatistics li span{ color: #ff0000;}
.interactionNav{ padding: 20px 0px; text-align: center; margin-top: 15px;}
.interactionNav li{ width: 220px; display: inline-block; margin: 0px 5px;}
.interactionNav li a{ display: block; height: 100px; line-height: 100px; text-align: center; font-size: 18px; color: #fff;}
.interactionNav li a.blue{ background: #22a0e3;}
.interactionNav li a.green{ background: #b3d465;}
.interactionNav li a.purple{ background: #5381d7;}
.interactionNav li a.yellow{ background: #f39229;}
.interactionNav li a.xinjia{ background:#FC0;}

.interactionNav li a img{ margin-right: 10px;}
.interactionNewsList{ margin: 0px 20px; padding: 10px 0px;}
.interactionNewsList li{ overflow: auto; zoom: 1;}
.interactionNewsList li a.title{ display: block; width: 580px; float: left; font-size: 14px; color: #333; line-height: 35px;}
.interactionNewsList li font{ display: block; float: left; line-height: 35px; width: 60px; font-size: 14px;}
.interactionNewsList li span{ display: block; float: right; line-height: 35px; font-size: 14px; color: #999;}
.interNewsRigList{ margin: 0px 20px; padding: 10px 0px;}
.interNewsRigList li{ overflow: auto; zoom: 1;}
.interNewsRigList li font{ display: block; float: left; line-height: 35px; min-width: 60px; font-size: 14px;}
.interNewsRigList li a{ display: block; float: left; line-height: 35px; font-size: 14px; color: #333;}
.msgFeedbackStatistics{ margin: 0px 20px; padding: 7px 0px;}
.msgFeedbackStatistics li{ margin-top: 4px;}
.msgFeedbackStatistics li .title{ line-height: 30px;}
.msgFeedbackStatistics li .title font{ font-size: 14px; color: #ff6a00; font-weight: bold;}
.msgFeedbackStatistics li .title a{ font-size: 14px; color: #333; margin-left: 15px;}
.msgFeedbackStatistics li .desc{ font-size: 12px; color: #666; margin-left: 50px; line-height: 25px;}
.onlineInterview{ float: right; }
.onlineInterview li{ display: inline-block; font-size: 16px; color: #666; border-bottom: 1px solid #fff; line-height: 63px; margin-left: 10px; cursor: pointer;}
.onlineInterview li.hover{ color: #0969c3; border-bottom: 1px solid #0969c3;}
.interviewLeader{ margin: 0px 20px; padding: 20px 0px 0px; min-height: 110px;}
.interviewLeader img{ position: absolute;}
.interviewLeader div{ margin-left: 164px;}
.interviewLeader div a{ font-size: 16px; color: #0969c3; display: block; line-height: 30px;}
.interviewLeader div p{ font-size: 14px; color: #999; line-height: 30px;}

@media screen and (max-width: 800px) {
	.interactionContainer .left{ float: none; width: auto;}
	.interactionContainer .right{ float: none; width: auto;}
	.interactionNav li{ width: auto; display: block; margin: 10px 20px;}
	.interactionNav{ padding: 10px 0px;}
	.interactionNewsList li a.title{ width: auto; height: 35px; white-space: nowrap; text-overflow: ellipsis; float: none; overflow: hidden;}
	.latestNewsBox ul li span{ float: none; position: absolute; right: 20px;}
	.latestNewsBox ul li a{ display: block; margin-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.interviewLeader div a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.interviewLeader div p{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.openNewsList li a span{ float: none; position: absolute; right: 20px;}
	.openNewsList li a{ display: block; margin-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.interNewsRigList li font{ display: block; position: absolute;}
	.interNewsRigList li a{ display: block; margin-left: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: none;}
}


@media screen and (min-width: 801px) and (max-width: 1199px) {
	.interactionContainer .left{ float: none; width: auto;}
	.interactionContainer .right{ float: none; width: auto;}
	.interactionNavOuter{ background: #fff; padding: 0px 15px;}
	.interactionNav{ padding: 10px 0px 0px; overflow: auto; zoom: 1;}
	.interactionNav li{ width: 50%; display: block; float: left; margin: 0px 0px 10px;}
	.interactionNav li a{ margin: 0px 5px;}
	.interactionNewsList li a.title{ width: auto; height: 35px; white-space: nowrap; text-overflow: ellipsis; float: none; overflow: hidden;}
	.latestNewsBox ul li span{ float: none; position: absolute; right: 20px;}
	.latestNewsBox ul li a{ display: block; margin-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}