/*====================导航*********/
#head-top{padding-top:20px;padding-bottom: 15px;}
.text-right{text-align: right;}
#head-top .text-right{color:#333;padding-top:10px;font-weight: 700;}
.header{
	width:100%;
	position: relative;
	top:0;
	left:0;
	z-index:999;
	height:60px;
	padding: 0 30px;
	background: #005bac;
}
/*左侧logo*/
.header .left{
	width: 12%;
}
.header .left a img{
	height: 40px;
	margin-top: 6px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 60px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background: orangered;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 34px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: orangered;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:60px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 140%;
    left: -10%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #4093de;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: orangered;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 60px;
	/*display: block;*/
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	width: 100%;border-bottom:1px solid #e5e5e5;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #fff;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
}
/*分页*/
.page-box{display: inline-block;}
div.digg{ margin:0; padding:0; text-align:left; font-size:14px; padding-top: 20px;}
    div.digg a{ display:block; float:left; padding:8px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3;  color:#555; background:#fff; text-decoration:none; }
    div.digg a:hover { border:1px solid #448ecf; color:#fff; background:#448ecf;}
    div.digg span{ display:block; float:left; padding:5px 0;   }
    div.digg span.current { padding:8px 12px; margin:0 0 0 8px; color:#fff; font-weight:bold; border:1px solid #448ecf; background:#448ecf; }
    div.digg span.disabled { border:1px solid #eee; padding:8px 12px; margin:0 0 0 8px; color:#ddd; }    
/**高亮显示**/
.public_menu{width:auto; height:auto;}
.public_menu li{height:50px;line-height:50px; margin-bottom:2px;}
.public_menu li a{color:#575757;font:15px/50px "微软雅黑"; display:block;padding-left:40px; background:#ecf1f5; }
.public_menu li a:hover{ color:#005bac;background:#f7f9fb; line-height:50px; display:block;border-left:4px solid #005bac;}
.public_menu li .current, .public_menu li.selected a {border-left:4px solid #005bac;color:#005bac; background:#f7f9fb; line-height:50px; display:block;}


.righttitle {border-bottom: 1px solid#d3d9de;color: #1a1a1a;}
.righttitle {
 
    border-bottom: 1px solid #d3d9de;
    color: #005bac;
    font-size: 20px;
    line-height: 24px;
    padding: 8px 0px;
}
.righttitle span {
    float: right;
    font-size: 12px;color: #6a6a6a;
}
.righttitle span{ float:right;font-size:12px;}
.righttitle span a{ padding:0px 10px; color: #6a6a6a;}
.righttitle span a:hover{color:#005bac;}
.img-fluid{max-width:100%;}

.zuzhi li{float: left;}

.contat_list li{line-height: 35px; font-size: 14px;}
.contat_list li i{color:#005bac; font-size: 14px;padding-right:15px;}

.news_list{padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #e8e8e8;}
.news_list h3{font-size: 16px;}
.news_list h3 a{color:#010101;}
.news_list h3 a:hover{color:#005bac;}
.news_list span{font-size: 13px;color:#616161;}
.news_list p{font-size: 14px;color:#595959;line-height: 28px;}
.news_list .more{color:#005bac;font-size: 13px;}
.news_list .more:hover{font-weight: 600;}
.news_content{font-size: 14px;color:#595959;line-height: 28px;padding:20px 0;}

.danwei_list h3{color:#005bac;font-size: 18px;}
.danwei_list p{color: #3e3e3e;font-size: 14px; line-height:28px;}
.danwei_list .img-fluid{padding:15px 0;}

.peixun_list{line-height: 35px;}


.companynews ul li{border-bottom:1px solid #cccccc; background:url(../image/index_68.gif) no-repeat 10px 17px;}
.companynews ul li a{color:#616161;}
.companynews ul li a:hover{color:#005bac;}

.companynews ul{margin:0px; padding:0px;}
.companynews ul li{border-bottom:1px solid #cccccc;font-size:14px;height:50px;line-height:50px; overflow:hidden; padding:0px 10px 0 35px; position:relative;}
.companynews ul li span{ float:right; color:#666; font-family:Arial, Helvetica, sans-serif;}
.companynews ul li em{background:url(../webimages/index_68.png) no-repeat #00a1e9; display:block; left:10px; top:18px; width:12px; height:12px; position:absolute;}

/*船员服务*/
.chuanyuannav3{margin-top:28px;margin-bottom:50px;overflow:hidden;height:44px;}
.chuanyuannav3 a{display:inline-block;width:140px;height:44px;background:#e5e5e5;color:#333333;font-size:16px;text-align:center;line-height:44px;margin-right:10px;}
.chuanyuannav3 a:hover,.chuanyuannav3 a.cur{background:#0d71ca;color:#fff;}
.webright .typhotolist li{width:238px;height:181px;border:0;padding:12px 10px;text-align:center;margin-top:10px;}
.webright .typhotolist li img{width:238px;height:144px;display:block;}

.knowledge dl{border-bottom:1px solid #dbe2e9;padding:30px 20px;overflow:hidden;zoom:1;}
.knowledge dl dt{color:#999999; text-align: right;}
.knowledge dl dd{color:#666666;font-size:13px;}
.knowledge dl dt h3{font-size:40px;line-height:50px;}
.knowledge dl dt h3:hover{color:#fff;}
.knowledge dl dt h4{font-size:13px;line-height:20px;}
.knowledge dl dd p.knowpa{margin:5px 0;}
.knowledge dl dd p.knowpa a{color:#0d71ca;font-size:18px;line-height:20px;}
.knowledge dl:hover,.knowledge dl.cur{border-bottom:1px solid #dbe2e9;padding:30px 20px;background:#0d71ca url(../image/zhishi02.png) 758px center no-repeat;overflow:hidden;zoom:1;}
.knowledge dl:hover,.knowledge dl.cur dd{color:#fff;}
.knowledge dl:hover dd p.knowpa a,.knowledge dl.cur dd p.knowpa a{color:#fff;font-weight:bold;}
.knowledge dl:hover dt,.knowledge dl.cur dt{color:#fff;}
.knowledge dl:hover dd,.knowledge dl.cur dd{color:#fff;}
.knowledge dl:hover dt{color:#fff;}

.wenhua_list span{color:#005bac;}
.wenhua_list p{color: #3e3e3e;font-size: 14px; line-height:28px;}
.photolist {
    margin: 0px;
    padding: 25px 0px 0px;
    width: 100%;
    overflow: hidden;
}

.photolist li a img {
    height: 170px;
}
.photolist ul li img {
    display: block;
    width: 100%;
}.photolist ul li p {
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    padding: 0px 10px;
    text-align: center;
}

.features-content2{padding:10px;box-shadow:rgb(195,195,195,0.7) 1px 2px 5px 1px;padding: 10px;
	border: 1px solid
	#ddd;}
.about_content2 p {
    color: 
    #363636;
    font-size: 13px;
    line-height: 28px;
}
.commonproblem{ margin:0px; padding:0px;}
.commonproblem ul{ margin:0px; padding:0px;}
.commonproblem ul li{ border-bottom:1px solid #e8e8e8; padding:30px 0px 15px;}
.commonproblem ul li h3{ background:url(../image/changjian1.gif) no-repeat;padding: 2px 0px 2px 45px; font-size:14px; margin-bottom:15px;line-height: 30px;}
.commonproblem ul li h3 a{color:#00539d;}
.commonproblem ul li p{ padding-left:45px; font-size:13px; color:#1a1a1a; margin-bottom:10px;line-height: 30px;}
.commonproblem ul li p a{ color:#999999;}
.commonproblem ul li p a:hover{ color:#00539d;}
.commonproblem ul li p.commonA{ background:url(../image/changjian2.gif) no-repeat;padding-left:45px;}


.Download{ margin:0px; padding:0px;}
.Download dl{ position:relative;border-bottom:1px solid #e8e8e8; padding:30px 100px 30px 0px; min-height:105px; height:auto !important; height:105px;}
.Download dl h3{font-size:20px;color:#00539d;}
.Download dl h3 a{color:#00539d;}
.Download dl h3 a:hover{color:#00539d;}
.Download dl dt{font-size:13px; padding-top:16px;}
.Download dl dd{color:#666666;padding-top:16px; font-size:13px;}
.Download dl a.Downloadlink{display:block; position:absolute; top:50%;margin-top:-45px; width:94px; height:94px; background:url(../image/index_01.png) no-repeat; right:0px; text-align:center; color:#00539d; font-size:14px; padding-top:53px;}

/*--人才招聘--*/

.Recruitmentlist ul li{border-bottom:1px solid #dbdbdb;}
.Recruitmentlist ul li h3.Recruitmenttitle{color:#4e4e4e;background:url(../image/index_69.gif) no-repeat 5px 20px;}
.Recruitmentlist ul li span{background:url(../image/index_71.gif) no-repeat;}
.RecruitmentContent{color:#4c4c4c;}
.RecruitmentContent h4.Rtconttitle{color:#4c4c4c;}
.Recruitmentlist ul li.cur h3{ background:url(../image/index_70.gif) no-repeat 5px 20px; color:#005bac;}
.Recruitmentlist ul li.cur span{background:url(../image/index_72.gif) no-repeat;}

.RecruitmentReturn a{background:#005bac;color:#fff;}
.RecruitmentReturn a:hover{color:#fff;}

/*---社会招聘-----*/
.shzp-top{width:100%;color:#4d4d4d;font-size:13px;padding-bottom:30px;overflow: hidden;}
.shzp-top h3{background:url(../image/shzp01.png) left center no-repeat;height:35px;line-height:35px;padding:10px 0;padding-left:45px;font-size:17px;color:#4d4d4d;}
.Recruitmentlist ul li span.spanbg{float:left;width:360px;height:40px;line-height:40px;text-indent:35px;color:#4d4d4d;background:url(../image/spanbg.png) 10px center no-repeat;position:initial;}

.shzp-top{ font-size:15px;  color: #0d71ca;}
.shzp-top p{text-align:center;line-height:26px;padding-top: 20px;}
.cooperation2 dl dd p a{padding-right:28px; margin-right:0; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-top:13px;}
.header-navM .header-lipos dd a.dda{ background:none; padding-left:30px;}

.Recruitmentlist{padding:25px 0px 0px;margin:0px;position:relative;}
.Recruitmentlist ul{ margin:0px;padding:0px;border-top:1px solid #e6e6e6;}
.Recruitmentlist ul li{margin:0px;padding:0px;border-bottom:1px solid #dbdbdb;}
.Recruitmentlist ul li h3.Recruitmenttitle{color:#4e4e4e;font-size:14px; font-weight:400; padding:0px 15px 0px 20px; height:45px; line-height:45px;position:relative; cursor:pointer; background:url(../webimages/index_69.gif) no-repeat 5px 20px;}
.Recruitmentlist ul li h3.Recruitmenttitle span{ display:block; position:absolute; width:19px;height:13px; background:url(../image/index_71.gif) no-repeat; top:15px; right:15px;}
.RecruitmentContent{padding:30px; font-size:13px; line-height:24px; color:#4c4c4c; }
.RecruitmentContent h4.Rtconttitle{color:#4c4c4c; font-size:14px; font-weight:bold;padding-bottom:8px}
.Recruitmentlist ul li.cur{ padding-bottom:30px;}
.Recruitmentlist ul li.cur h3.Recruitmenttitle{ background:url(../image/index_70.gif) no-repeat 5px 20px; color:#00539d;}
.Recruitmentlist ul li.cur h3.Recruitmenttitle span{background:url(../image/index_72.gif) no-repeat;}

.RecruitmentReturn{text-align:left;padding-top:10px;}
.RecruitmentReturn a{display:block;background:#00539d; font-size:16px; font-weight:bold; width:140px; color:#fff;padding:5px 0px; text-align:center;}
.RecruitmentReturn a:hover{color:#fff;}

.RecruitmentContent span.spanbg{float:left;width:360px;height:40px;line-height:40px;text-indent:35px;color:#4d4d4d;background:url(../image/spanbg.png) 10px center no-repeat;position:initial;}

.RecruitmentReturn{text-align:left;padding-top:10px;width:140px; }
.RecruitmentReturn a{display:block;background:#00539d; font-size:16px; font-weight:bold; width:140px; color:#fff;padding:5px 0px; text-align:center;}
.RecruitmentReturn a:hover{color:#fff;}


.slide-tit{ border-bottom:1px solid #f0f0f0; color:#34ad2a; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #34ad2a; }
/*附件下载样式*/
.attach-list{ color:#757575; }
.attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
.attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
.attach-list ul li .link-btn i{ font-size:14px; }
.attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
.attach-list ul li .icon-box i{ font-size:38px; }
.attach-list ul li .info{ display:inline-block; }
.attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
.attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }
.attach-list ul li span{float: right;}