/*左边内容*/
.LeftBox{ float: left; width: 100%;}

/*中间内容*/
.CenterBox{ padding-top: 20px; width: 100%;}
/*导航*/
.TabNav{ border-bottom: 1px solid #337ab7; height: 39px;}
.TabNav li a{ line-height: 38px; float: left; padding: 0 15px; border-radius: 5px 5px 0 0; font-size: 16px; margin-right: 5px; color: #337ab7;}
.TabNav li a.on,.TabNav li a.on:hover{ background: #337ab7; color: #fff; display: block;}
.TabNav li a:hover{ background: #efefef; color: #337ab7;}
.TabNav a.More{ float: right; line-height: 38px; color: #666; font-size: 12px ;}
/*内容1*/
.Content-Tab1{ padding-top: 10px;}
.newslist{ overflow-y: auto;}
.newslist li{ border-bottom: 1px solid #ccc; width: 100%; height: 35px; position: relative; padding-right: 80px;}
.newslist li a{ line-height: 34px; height: 34px; font-size: 14px; color: #333; display: block; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li span{ position: absolute; right: 0; top: 0; color: #999; line-height: 34px; font-size: 12px;}
.newslist1{ height: 175px; overflow-y: auto;}
.newslist1 li{ padding: 6px 0; height: auto;}
.newslist1 li:after{ content: ""; display: block; clear: both;}
.newslist1 a{ float: left; display: inline-block !important; white-space: normal !important; height: auto !important; line-height: 1.5 !important;}
.newslist1 p{ line-height: 1.5 !important; font-size: 14px; color: red; display: inline-block;}
.month-page{ text-align: center; font-size: 0; padding: 0 5px;}
.month-page li{ display: inline-block; margin: 10px 5px 0 5px; border:1px solid #ccc; border-radius: 2px;}
.month-page li a{ display: block; font-size: 14px; padding:2px 7px; color: #333;}
.month-page li.far{ background: #337ab7; border: 1px solid #337ab7; color: #fff;}
.month-page li.far a{ color: #fff;}
/*内容2*/
.Major{ padding: 24px 0; border-bottom: 1px solid #ccc; position: relative; padding-left: 120px;}
.Major p{float: left;}
.Major p img{ height: 60px; display: inline-block;}
.MajorPic{ width: 120px; text-align: center; position: absolute; left: 0; top: 27px;}
.MajorTitle{ width: 100%;}
.MajorTitle a{ color: #337ab7; display: inline-block; font-size: 14px; line-height: 20px; padding-bottom: 6px;}
.MajorTitle span{ font-size: 12px; display: block; color: #666; line-height: 20px;}
.MajorTitle b{ font-weight: bold; font-size: 12px;}
.Content-Tab2 h4{ text-align: center; padding: 9px 0; color: #999; font-size: 16px;}

.dowebokMain{ padding: 20px 0 0 0; position: relative;}
.More-Btn{ position: relative; right: 0; top: 0px; margin-top: 10px; height: 40px; width: 100%; background: #337ab7; color: #fff; line-height: 40px; text-align: center;}
.More-Btn a{ color: #fff; font-size: 16px; display: block;}
.dowebok { width: 100%; font-size: 0;}
.dowebok img { margin-left: 10px; vertical-align: top; height: 100px;}
.str_wrap{ height: 100px !important;}


@media (min-width: 1200px){

}

@media (min-width: 992px){

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 768px){
.dowebokMain{ padding: 20px 165px 0 0; position: relative;}
.More-Btn{ position: absolute; right: 0; top: 20px; margin-top: 0; height: 150px; width: 150px; background: #337ab7; color: #fff; line-height: 150px; text-align: center;}
.dowebok img { margin-left: 10px; vertical-align: top; height: 150px;}
.str_wrap{ height: 150px !important;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	
.TabNav li a{ padding: 0 7px; margin-right: 0px;}
	
}