html,body{background-color:#FFF;}
.border{border:1px black solid;}
/***左侧****/
.myLeftMenu{margin:0;padding:0;width:100%;height:auto;border:1px #eee solid;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}

.myLeftMenu li.item{margin:0;padding:0;list-style-type:none;width:100%;height:auto;border-top:1px #eee solid;font-size:14px;display:flex;}
.myLeftMenu .title{width:100%;height:57px;line-height:55px;background-color:#757575;color:#FFF;font-size:20px;text-align:left;text-indent:15px;display:flex;}
.myLeftMenu .content{width:100%;height:auto;line-height:30px;padding:10px;}
.myLeftMenu li.item a{display:block;width:100%;height:50px;line-height:50px;text-align:left;text-indent:15px;}
.myLeftMenu li.item a:link{text-decoration:none;color:#000;}
.myLeftMenu li.item a:visited{text-decoration:none;color:#000;}
.myLeftMenu li.item a:hover{text-decoration:none;color:#000;}
.myLeftMenu li.item a:active{text-decoration:none;color:#000;}
.myLeftMenu li.item a.mactive{color:red;}
.myLeftMenu li.item:hover{background-color:#F7F7F7;}

.myLeftMenu li.title .flex-item:first-child{flex:1;height:100%;}
.myLeftMenu li.title .flex-item:last-child{width:60px;height:100%;line-height:55px;}
.myLeftMenu li.item  .flex-item:first-child{flex:1;height:auto;}
.myLeftMenu li.item  .flex-item:last-child{width:50px;height:50px;line-height:50px;text-align:center;}

/****右侧****/
.myRightLayout .topNav{width:100%;height:57px;line-height:57px;text-align:right;font-size:14px;background-color:#F7F7F7;padding:0 20px;border:1px #eee solid;}
.myRightLayout .topNav span.nav-item{float:left;font-size:20px;}
.myRightLayout .topNav span.mactive{color:red;}
.myRightLayout .rightContent{padding:10px;width:100%;height:auto;border:1px #eee solid;border-top:none;}




/****公告****/
.myRightLayout .ad{width:100%;height:auto;display:flex;}
.myRightLayout .ad:not(:first-child){margin-top:20px;}
.myRightLayout .ad-time{width:50px;height:auto;}
.myRightLayout .ad-time .ad-time-top{width:100%;height:30px;line-height:30px;text-align:center;background-color:#eee;font-size:20px;color:#000;}
.myRightLayout .ad-time .ad-time-bottom{width:100%;height:20px;line-height:20px;text-align:center;background-color:#eee;border-top:1px #FFF solid;font-size:12px;color:#000;}
.myRightLayout .ad-title{flex:1;height:50px;line-height:50px;padding:0 10px;font-size:14px;font-weight:bold;color:#000;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.margint{margin-top:30px;}

/****码头新闻****/
.myRightLayout .news{width:100%;height:auto;display:flex;background-color:#F7F7F7;}
.myRightLayout .news:not(:first-child){margin-top:20px;}
.myRightLayout .news-img{width:170px;height:130px;background-color:#FFF;}
.myRightLayout .news-img img{width:100%;height:100%;border:1px #EEE solid;padding:5px;}
.myRightLayout .news-title{flex:1;width:100%;height:130px;padding:0 10px;margin-top:10px;font-size:14px;}
.myRightLayout .news-title .title{width:100%;max-height:38px;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.myRightLayout .news-title .desc{width:100%;padding:7px 0;height:70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.myRightLayout .news-title .news-footer{margin-top:5px;width:100%;height:auto;text-align:right;}
.myRightLayout .news-title .news-footer span.date{float:left;}
.myRightLayout .news-title .news-footer a{color:red;}
.img-shadow-1 {
	-webkit-box-shadow: 0 28px 16px -26px black;
	-moz-box-shadow: 0 28px 16px -26px black;
	box-shadow: 0 28px 16px -26px black;
}
.img-shadow-1:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-box-shadow: 0 58px 36px -56px black;
	-moz-box-shadow: 0 58px 36px -56px black;
	box-shadow: 0 58px 36px -56px black;
}




/****港口安全之港区封闭管理****/
.myRightLayout .downloadList{width:100%;height:auto;}
.myRightLayout .downloadList .title{width:100%;height:30px;border-bottom:1px #EEE solid;font-size:17px;}
.myRightLayout .downloadList .file{width:100%;height:auto;border-bottom:1px #EEE solid;}
.myRightLayout .downloadList .file:last-child{border-bottom:none;}
.myRightLayout .downloadList .file a{display:block;width:100%;height:30px;line-height:30px;color:blue;}

/****媒体****/
@media screen and (max-width:768px){
	.myRightLayout{
		margin-top:50px;
	}
	.myRightLayout .rightContent .news-title{
	  margin-top:0;
	}
	.myRightLayout .news-title .desc{
	  height:50px;-webkit-line-clamp:2;
	}
	.hidden-xs{
      display:none;
	}
	.margint{margin-top:0px;}
}

@media screen and (max-width:992px){
    .myRightLayout .rightContent .news-title{
	  margin-top:0;
	}
    .myRightLayout .news-title .desc{
	  height:50px;-webkit-line-clamp:2;
	}
}