@charset "utf-8";

/* nav 3-1 */
.nav3-titme {position:relative; padding:0 0 0 20px; height:40px; line-height:40px; font-weight:500;}
.nav3-titme span {padding:0 0 0 20px;}
.nav3-titme:before {content:""; position:absolute; top:20%; left:0; width:4px; height:60%; background-color:#37536f;}
.nav3-titme select {position:absolute; top:-4px; right:0; width:100px;  border:1px solid #a9a9a9; padding:10px 10px;}
.table-wrap {position:relative; margin-top:10px; width:100%;}
.table-wrap table {position:relative; width:100%; overflow:hidden; height:auto !important;  border-top:2px solid #282828; table-layout:fixed;}
.table-wrap table tr{width:100%; position:relative;}
.table-wrap table .table-item {position:relative; width:100%; border-bottom:1px solid #e9e9e9;}
.table-wrap table .table-item .t-left {position:absolute; top:50%; margin-top:-10px; left:0; width:140px; height:20px; line-height:20px; text-align:center; font-weight:400; color:#304d90;}
.table-wrap table .table-item .t-right {padding:0 0 0 140px; width:100%;}
.table-wrap table .table-item .t-right .title {font-weight:400; padding:24px 0 6px 0; color:#333; line-height:1.2;}
.table-wrap table .table-item .t-right .content {padding:0 0 20px 0;}
.table-wrap table .table-item .t-right .content span.name {color:#88a2c2; margin-right:8px;}
.table-wrap table .table-item .t-right .content span.state {background-color:#37536f; display:inline-block; padding:2px 8px; color:#fff; margin-right:8px;}
@media only screen and (max-width:450px){
	.nav4-titme span {padding:0 0 0 10px;}
	.nav4-titme select {top:-3px; padding:8px 8px; width:80px;}
	.table-wrap {margin-top:12px;}

	.table-wrap table .table-item .t-left {top:15px; margin-top:0px; width:auto;}
	.table-wrap table .table-item .t-right {padding:20px 0 0 0;}
	.table-wrap table .table-item .t-right span {display:block;}
}

.sub-list-nav {width:100%; position:relative; margin-bottom:50px;}
.sub-list-nav ul li {width:120px; float:left; margin-right:12px; margin-bottom:10px; }
.sub-list-nav li a {display:block; color:#666; font-weight:400; width:100%; padding:6px 0; text-align:center; border:1px solid #ddd;}
.sub-list-nav li a.active, .sub-list-nav li a:hover {color:#01589d; border-color:#01589d;}

.table-line-wrap {position:relative; margin-top:10px; width:100%;}
.table-line-wrap table {position:relative; width:100%; overflow:hidden; height:auto !important;  border-top:2px solid #282828; table-layout:fixed;}
.table-line-wrap table tr{width:100%; position:relative;}
.table-line-wrap table .table-item {position:relative; width:100%; border-bottom:1px solid #e9e9e9;}
.table-line-wrap table .table-item .t-left {position:absolute; top:50%; margin-top:-10px; left:0; width:140px; height:20px; line-height:20px; text-align:center; font-weight:400; color:#304d90;}
.table-line-wrap table .table-item .t-right {padding:20px 0 20px 140px; width:100%;}

@media only screen and (max-width:450px){
	.sub-list-nav ul li {width:50%; margin-right:0;}
	.sub-list-nav ul li:nth-child(2n) {padding:0 0 0 5px;}
	.sub-list-nav ul li:nth-child(2n-1) {padding:0 5px 0 0;}

	.table-wrap table .table-item.img-view .t-left { top:50%; margin-top:-56.5px; width:140px;}
	.table-wrap table .table-item.img-view .t-right {padding:20px 0 20px 140px;}
	.table-wrap table .table-item .t-right span {display:block;}

	.table-line-wrap table .table-item .t-left {width:80px;}
	.table-line-wrap table .table-item .t-right {padding:20px 0 20px 80px;}
}

.sub-item-wrap {margin-bottom:80px; display:none;}
.sub-item-wrap.active {display:block;}

.table-edu-wrap {position:relative; margin-top:10px; width:100%;}
.table-edu-wrap table {position:relative; width:100%; overflow:hidden; height:auto !important;  border-top:2px solid #282828; table-layout:fixed;}
.table-edu-wrap table tr{width:100%; position:relative;}
.table-edu-wrap table .table-item {display:flex; align-items:center; border-bottom:1px solid #e9e9e9;}
.table-edu-wrap table .table-item .t-left {width:74%; text-align:left; padding:0 0 0 20px;}
.table-edu-wrap table .table-item .t-left .title {font-weight:400; padding:24px 0 6px 0; color:#333; line-height:1.2;}
.table-edu-wrap table .table-item .t-left .content {padding:0 0 20px 0;}
.table-edu-wrap table .table-item .t-left .content span.name {color:#88a2c2; margin-right:8px;}

.table-edu-wrap table .table-item .t-right {width:26%; text-align:right; padding:0 20px 0 0;}
.table-edu-wrap table .table-item .t-right .title {color:#304d90; font-weight:400; font-weight:300; color:#555;}
.table-edu-wrap table .table-item .t-right .title span {display:block;}
.table-edu-wrap table .table-item .t-right .title span.count {color:#304d90; font-weight:400;}

@media only screen and (max-width:450px){
	.table-edu-wrap table .table-item {flex-direction:column; padding:20px 0 16px 0;}
	.table-edu-wrap table .table-item .t-left {width:100%; padding:0;}
	.table-edu-wrap table .table-item .t-left .title {padding-top:0px;}
	.table-edu-wrap table .table-item .t-left .content {padding:0 0 14px 0;}
	.table-edu-wrap table .table-item .t-right {width:100%; text-align:left; padding:0;}
	.table-edu-wrap table .table-item .t-right .title span {display:inline-block;}
	.table-edu-wrap table .table-item .t-right .title span:not(.count){padding-left:10px;}

}