/* 运输管首页 */
.bk-section{
	background-color: #FFFFFF;
	padding:30px 20px;
	margin-bottom: 20px;
}
.bk-head{
	font-size:22px;
	margin-bottom: 20px;
	color: #0527af;
	line-height: 1.2;
}
.bk-section.bg{
	background-color: #eeeeee;
}

.thesis-list {
	margin: 0 -25px;
}
.thesis-list  li{
	width: 50%;
	float: left;
	padding: 0 25px;
	margin-bottom: 20px;
}
.thesis-box{
	padding: 15px;
	line-height: 1.2;
	border: 1px solid #e9e9e9;
}
.thesis-box .t-photo{
	display: block;
	font-size: 0;
	margin-right: 15px;
}
.thesis-box .t-photo img{
	width: 150px;
	height: 95px;
}
.thesis-box .item{
	color: #999999;
	margin-top: 10px;
	font-size: 12px;
}
@media (max-width:750px) {
	.thesis-box{
		display: block;
	}
	.thesis-box .t-photo{
		margin-bottom: 15px;
		margin-right: 0;
	}
	.thesis-box .t-photo img{
		width: 100%;
		height: auto;
	}
	.thesis-list  li{
		width: 100%;
	}
}
@media (min-width:1200px) {
	.bk-section .photo-list{
		margin: 0 -26px;
	}
	.bk-section .bk-head{
		font-size: 22px;
	}
	
}

.speak-list{
	margin: 0 -6px;
}
.speak-list li{
	float: left;
	width: 50%;
	padding: 0 6px;
	margin-bottom: 20px;
}
.sp-flex{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	border: 1px solid #e9e9e9;
	border-top: 0;
	padding: 10px;
}
.sp-flex .flex_bd{
	color: #999999;
	font-size: 12px;
}
.speak-pic img{
	width: 100%;
	height: 100px;
}
@media (min-width:640px) {
	.speak-list{
		margin: 0 -10px;
	}
	.speak-list li{
		width: 33.33%;
		padding: 0 10px;
	}
}
@media (min-width:1200px) {
	.speak-list{
		margin: 0 -25px;
	}
	.speak-list li{
		width: 25%;
		padding: 0 25px;
	}
	.speak-pic img{
		width: 100%;
		height: 180px;
	}
	.sp-flex{
		padding: 12px;
		line-height: 1.7;
	}
}





.le-pic{
	display: block;
	font-size: 0;
	margin-bottom: 10px;
}
.le-pic img{
	width: 100%; height: 140px;
}
.lesson-list li{
	margin-bottom: 20px;
}
.le-title{
	height: 44px;
	margin-bottom: 6px;
}
.le-meta{
	font-size: 12px;
	color: #999999;
	margin-bottom: 10px;
}
.le-foot {
	font-size: 0;
}
.le-foot a{
	display: inline-block;
	width: 76px;
	height: 26px;
	line-height: 24px;
	border-radius: 40px;
	text-align: center;font-size: 13px;
}
.le-foot a *{
	display: inline-block;
	vertical-align: middle;
}
.le-foot a img{
	margin-right: 5px;
}
.le-foot .le-look{
	color: #1862c6;
	border: 1px solid #1862c6;
	margin-right: 10px;
}
.le-foot .le-link{
	color: #999;
	border: 1px solid #e8e8e8;
}


@media (min-width:640px) {
	.lesson-list{
		margin: 0 -5px;
	}
	.lesson-list li{
		float: left;
		width: 50%;
		padding: 0 5px;
	}
}
@media (min-width:1000px) {
	.lesson-list{
		margin: 0 -10px;
	}
	.lesson-list li{
		width: 25%;
		padding: 0 10px;
	}
}




.qk-list li{
	margin-bottom: 20px;
}
.qk-card{
	cursor: pointer;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #E9E9E9;
	transition: .4s all;
}
.qk-card .qk-button{
	display: inline-block;
	width: 76px;
	height: 26px;
	line-height: 24px;
	border-radius: 4px;	text-align: center;font-size: 13px;
	color: #005ddb;
	border: 1px solid #005ddb;
}


.qk-pic{
	display: block;
	font-size: 0;
	margin-right: 10px;
}
.qk-pic img{
	width: 150px;
	height: 210px;
}
.qk-items{
	color: #999999;
	margin-bottom: 10px;
}
.sub-title{
	margin-bottom: 10px;
	height: 34px;
	text-transform: uppercase;
}
.qk-title{
	margin-bottom: 5px;
}
.qk-card:hover{
	box-shadow: 0 0 14px rgba(0,0,0,.2);
}
.qk-card:hover .qk-button{
	color: #f30000;
	border: 1px solid #f30000;
}
.qk-card:hover a{
	color: #1862c6;
}

.hot-pho-box img{
	width: 100%;
}
.photo-sm-list{
	margin: 0 -8px;
}
.photo-sm-list li{
	float: left;
	width: 50%;
	padding: 0 8px;
	margin-bottom: 13px;
}
.photo-sm-list .pho-box img{
	width: 100%;
}
.bk-rows{
	margin: 0 -10px;
}
.bk-rows .bk-col{
	width: 100%;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}
.text-hot-list li{
	padding: 0 15px 0 26px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 3px;
	background:  #f0f0f0 url(../img/common/list-dot.png) 12px 13px no-repeat;
}


@media (min-width:840px) {
	.qk-list{
		margin: 0 -20px;
	}
	.qk-list li{
		float: left;
		width: 50%;
		padding: 0 20px;
	}
	.bk-rows .bk-col:nth-child(1){
		width: 50%;
	}
	.bk-rows .bk-col:nth-child(2){
		width: 50%;
	}
}
@media (min-width:1200px) {
	.qk-list{
		margin: 0 -10px;
	}
	.qk-list li{
		width: 33.33%;
		padding: 0 10px;
	}
	.qk-card{
		padding: 20px;
	}
	.qk-pic{
		margin-right: 20px;
	}
	.bk-rows .bk-col{
		width: 33.33%!important;
	}
	.photo-sm-list .pho-box img{
		height: 106px;
	}
}


/* 课堂 */
.lesson-box{
	padding: 20px;
	transition: .4s all;
}
.lesson-box:hover{
	box-shadow: 0 0 14px rgba(0,0,0,.2);
}
.lesson-box:hover .le-look{
	color: #f30000;
	border: 1px solid #f30000;
}

.le-foot .le-look span{
	padding-left: 16px;
	background: url(../img/publication/smplay.png) left center no-repeat;
}
.lesson-box:hover .le-foot .le-look span{
	background: url(../img/index/play-red.png) left center no-repeat;
}
.le-foot .le-link span{
	padding-left: 16px;
	background: url(../img/publication/star.png) left center no-repeat;
}


/* 模块 */
.mk-list .mk-card{
	padding:30px 15px;
	background-color: #FFFFFF;
}
.mk-list {
	margin: 0 -10px;
}
.mk-list li{
	float: left;
	width: 100%;
	padding: 10px;
}
.mk-list .mk-card img{
	width: 70px;
	display: block;
	margin-right: 20px;
}
.mk-card  .title{
	font-size: 16px;
	margin-bottom: 20px;
}
.mk-card  .gs-item{
	font-size: 12px;
	color: #999999;
}




@media (min-width:750px) {
	.mk-list li{
		width: 50%;
	}
	.mk-list .mk-card img{
		width: 140px;
	}
	.mk-card  .title{
		font-size: 18px;
	}
}
@media (min-width:1200px) {
	.mk-list{
		margin: 0;
	}
	.mk-list li{
		width: 33.33%;
	}
}

.index-end-section{
	overflow: hidden;
	padding: 20px 0;
	background-color: #FFFFFF;
}
.end-tabs .hd {
	height: 24px;
	margin-bottom: 15px;
}
.end-tabs .hd ul{
	position: relative;
	float: left;
	margin:0 -10px;
	height: 24px;
	line-height: 24px;
}
.end-tabs .hd ul li{
	float: left;
	cursor: pointer;
	color: #8d8d8d;
	font-size: 24px;
	padding: 0 10px;
}
.end-tabs .hd ul li.on{
	color: #0527af;
}


.end-tabs .hd ul::after{
	width: 1px;
	background-color: #8d8d8d;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 20px;
	margin-top: -10px;
}
.end-link {
	margin: 0 -10px;
}
.end-link li{
	float: left;
	padding: 2px 10px;
	width: 50%;
}
.end-link li a{
	position: relative;
	height: 35px;
	line-height: 35px;
	position: relative;
	padding: 0 50px 0 10px;
	display: block;
	transition: .4s all;
	color: #313131;
}
.end-link li a:hover{
	background-color: #ffffff;
	color: #0000FF;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.end-link li a::after{
	background-repeat: no-repeat;
	background-image: url(../img/index/rt.png);
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}
.end-link li a:hover::after{
	background-image:url(../img/index/rt-blue.png);
}

@media (min-width:1200px) {
	.end-link li{
		width: 25%;
	}
	.end-link li a{
		font-size: 16px;
		max-width: 270px;
		padding: 0 50px 0 20px;
	}
}


.index-main{
	overflow: hidden;
}
.index-panel{
	background-color: #FFFFFF;
}
.pic-text-lists .photo img{
	width: 210px;
	height: 140px;
}
.pic-text-lists{
	margin: 0;
}
.pic-text-lists li{
	padding:22px 20px!important;
}
.pic-text-lists li:last-child{
	border-bottom: 0;
}
.pic-text-lists .title{
	margin-bottom: 10px;
}
.pic-text-lists .list-intro{
	margin-bottom: 10px;
}
.index-panel_hd{
	height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #EEEEEE;
}
.index-tabs .hd ul{
	height: 60px;
}
.index-tabs .hd ul li{
	position: relative;
	float: left;
	height: 60px;
	line-height: 60px;
	margin-right: 10px;
	color: #8d8d8d;
	font-size: 16px;
	cursor: pointer;
}
.index-tabs .hd ul li.on{
	color: #0159d0;
	font-size: 18px;
	border-bottom: 1px solid #0159d0;
}
.index-tabs .hd ul li .dot{
	width: 4px;
	height: 4px;
	display: block;
	border-radius: 4px;
	background-color: #FF0000;
	position: absolute;
	right: -5px;
	top: 16px;
}
.meets-section{
	background-color: #FFFFFF;
	padding: 25px 20px;
	margin-top: 20px;
}
.meets-section .bk-head{
	margin-bottom: 16px;
}
.meet-main .hd ul li{
	position: relative;
	text-align: center;
	/* float: left; */
	width: 33.33%;
	background-color: #c6e0f9;
	color: #1a84e7;
	height: 60px;
	/* line-height: 60px; */
	font-size: 18px;
	display: table;
	cursor: pointer;
}
.meet-main .hd ul li div{
	width:100%;
	height:100%;
	word-break: break-all;
	display: table-cell;
  	vertical-align: middle;
}
.meet-main .hd ul li.on{
	background-color: #1a84e7;
	color: #fff;
}
.meet-main .hd ul li.on::after{
	content: '';
	width: 12px;
	height: 12px;
	background-color: #1a84e7;
	display: block;
	position: absolute;
	right: -6px;
	top: 50%;
	margin-top: -6px;
	transform:rotateZ(45deg);
}
.mt-thead ul li{
	text-align: center;
	width: 33.33%;
	line-height: 34px;
	background-color: #e7f2fc;
	color: #1a84e7;
	border-right: 1px solid #FFFFFF;
}
.mt-tbody ul{
	border-bottom: 1px solid #e8e8e8;
}
.mt-tbody ul li{
	padding:8px 12px;
}
.mt-tbody ul li a{
	display: block;
}
.mt-tbody ul{
	width: 100%;
	flex-wrap: wrap;
}
.mt-tbody ul li.col-1{
	width: 100%;
}
.mt-tbody ul li.col-2{
	width: 50%;
	font-size: 12px;
}
.index-panel_hd .index-tt{
	height: 60px;
	line-height: 68px;
	overflow: hidden;
	float: left;
	font-size: 24px;
	color: #0159d0;
	border-bottom: 1px solid #0159d0;
}
.index-panel_hd .more{
	display: inline-block;
	float: right;
	line-height: 60px;
	color: #999999;
}
.index-panel_bd{
	padding: 20px;
}
.actv-list li{
	margin-bottom: 13px;
}
.actv-box{
	display: block;
}
.actv-box .actv-pic{
	font-size: 0;
	margin-bottom: 6px;
}
.actv-box .actv-pic img{
	width: 100%;
}
.actv-foot .item{
	color: #989898;
	font-size: 12px;
}
.actv-foot .item:first-child{
	margin-right: 20px;
}
.actv-text {
	padding-top: 10px;
	margin-bottom: 0;
	border-top: 1px dashed #EEEEEE;
}
.actv-text li a{
	display: block;
}
.actv-text li{
	padding-left: 12px;
	background: url(../img/index/rt-dot.png) 0 6px no-repeat;
	margin-bottom: 10px;
}
.actv-text li:last-child{
	margin-bottom: 0;
}
.index-search{
	background-color: #FFFFFF;
	margin-top: 20px;
}
.index-search .hd{
	background-color: #f3f3f3;
}
.index-search .hd ul{
	height: 50px;
}
.index-search .hd ul li{
	padding: 0 20px;
	cursor: pointer;
	float: left;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
}
.index-search .hd ul li.on{
	background-color: #FFFFFF;
	color: #1862c6;
}
.index-rows{
	margin-bottom: 30px;
}
.index-search .pane{
	padding: 25px 30px;
}
.s-row_ft{
	margin-top: 22px;
	padding-left: 56px;
}
.s-row_ft .btn{
	width: 140px;
}
.meet-main{
	position: relative;
}
.meet-main .hd ul{
	margin-bottom: 0;
}
.index-banner{
	margin-bottom: 30px;
}
.banner-swiper{
	height: 134px;
}
.banner-swiper .swiper-slide{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner-swiper .swiper-slide a{
	display: block;
	height: 100%;
}

@media (min-width:750px) {
	.banner-swiper{
		height: 225px;
	}
}

@media (min-width:1000px) {
	.banner-swiper{
		height: 450px;
	}
	.meet-main .hd{
		position: absolute;
		left: 0;
		top: 0;
		width: 92px;
	}
	.meet-main .hd ul li{
		width: 100%;
		height: 108px;
		/* line-height: 108px; */
		margin-bottom: 2px;
	}
	.meet-main .bd{
		padding-left: 110px;
	}
	.index-rows{
		display: -webkit-box; 
		display: -moz-box; /* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox; /* 混合版本语法: IE 10 */
		display: -webkit-flex; /* 新版本语法: Chrome 21+ */
		display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	}
	.index-col{
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;
	}
	.index-aside{
		width:320px;
		margin-left: 40px;
	}
	.table-meet .col-1{
		width: 66.66% !important
	}	
	.table-meet .col-1a{
		width: 83.33% !important
	}	
	.table-meet .col-2{
		text-align: center;
		width: 16.66% !important
	}
}


@media (min-width:1200px) {
	.index-tabs .hd ul li{
		font-size: 18px;
		margin-right: 20px;
	}
	.index-tabs .hd ul li.on{
		font-size: 24px;
	}
}
@media (max-width:750px) {
	.index-aside{
		margin-top: 30px;
	}
	.mt-tbody ul li.col-1{
		padding-bottom: 0;
	}
}

























.hover{
	transition: .4s all;
}.hover:hover{
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}