/*--走进--*/
.header-toolbar{
	height:58px;
	line-height:58px;
	background:#15385F;
	padding:0 4%;
	color:#fff;
}
.header-toolbar .menus li{float: left; position: relative;}
.header-toolbar .menus li a{display: inline-block; line-height: 38px; color: #fff;}
.header-toolbar .menus li a span{display: inline-block; vertical-align: top;font-size: 18px;}
.header-toolbar .menus li a font{display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 10px; opacity: .85;}
.header-toolbar .menus li a:hover span{opacity: .85;}
.header-toolbar .menus li.itm a span{padding: 0 1em; color: #fff; background: #c52a27; border-radius: 100em;}
.header-toolbar .menus li .drop{position: absolute; top: 33px; left: 50%; display: none; margin-left: -60px; padding-top: 7px; width: 120px; display: none; z-index: 9;}
.header-toolbar .menus li .drop dt{padding: 10px; background: rgba(17,41,74, 0.5); -webkit-background: rgba(17,41,74, 0.5); border-radius: 5px;}
.header-toolbar .menus li .drop dt:before{position: absolute; left: 50%; top: -7px; margin-left: -7px; display: block; content: ""; overflow: hidden; border: 7px solid transparent; border-bottom-color: rgba(17,41,74, 0.5);}
.header-toolbar .menus li .drop dt img{display: block; width: 100%;}
.header-toolbar .menus li .drop dt span{display: block; text-align: center; color: #fff; padding-top: 5px; line-height: 18px; font-size: 12px;}
.header-toolbar .ipv6{display: inline-block; padding: 0 15px; color: #fff; margin-left: 20px; line-height: 36px; border: 1px solid #fff; border-radius: 100px;}
.zjnav{}
.zjnav{position: relative; z-index: 9;position:absolute;bottom:0px;width:100%; }
.zjnav:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #23548C;}
.zjnav ul li{float: left;position: relative;z-index: 5;width: 20%;text-align: center;}
.zjnav ul li a{display: inline-block; position: relative; color: #fff; line-height: 60px; font-size: 1.25em; text-align:center; transition: .3s;}
.zjnav ul li>a span{position: relative; z-index: 2; display: inline-block; vertical-align: top;  white-space: nowrap;}

.zjnav ul li:before{position: absolute; left: 0; top:0%;  content: "";width: 2px;background: rgba(255, 255, 255, .4);height: 60px;}
.zjnav ul li.navli0:before{width:0px;height:0px;}

.zjnav ul li a:after{position: absolute; right: 0; bottom: 0; left: 0; content: ""; height: 4px; margin: 0 auto; background: #fff; width: 0; transition: all .3s;}
.zjnav ul li.on>a:after{width: 50%;}
.zjnav ul li.on>a:before{opacity: 1;}
.zjnav ul li.navli0{width: 20%;}
.zjnav ul li:hover dl{display:block;}
.zjnav ul li dl{position: absolute;bottom:60px;left:50%;width:62%;margin-left:-31%;background:#fff;display:none;}
.zjnav ul li dl dt{height: 45px;line-height:45px;text-align:center;font-size:16px;color:#333;}
.zjnav ul li dl dt:hover{background:rgba(15, 118, 217, .2)}
.zjnav ul li dl dt a{font-size:16px;color:#333;line-height:45px;padding:0px;}


.middle {
    /*position: absolute;
    top: 58px;
    bottom: 110px;
    width: 100%;*/
	height:794px;
}
.zj_left{
	width:70%;
	float:left;
	position:relative;
	height:794px;
}
.zj_left video{
	height: 734px;
	width:100%;
object-fit: cover;
}
.zj_left img{
	height: 734px;
	width:100%;
}
.zj_right{
	background: url(../images/zoujin/zj_right_bg.png) no-repeat bottom ;
	background-size: cover;
	width:30%;
	padding:2%;
	box-sizing: border-box;
	float:right;
	height:794px;
}
.zj_logo{
	text-align:center;
	margin-bottom:35px;
}
.zj_search{
	background:#fff;
	border-radius: 4px;
	height:32px;
	padding:10px 0;
	font-size:0;
	margin-bottom:55px;
}
.zj_search span{
	font-size:18px;
	color:#1F88DE;
	border-right: 1px solid #C3D3E6;
	line-height:32px;
	width:27%;
	display:inline-block;
	text-align:center;
}
.zj_search input{
	height:32px;
	width:60%;
	display:inline-block;
	border:0px;
	margin:0 2%;
	vertical-align: bottom;
	font-size: 16px;
    color: #333;
}
.zj_search button{
	background:none;
	border:0px;
	display: inline-block;
    vertical-align: super;
}
.mhjj{
	margin-bottom:27px;
}
.mhjj .mhjj_tit{
	background:rgba(255, 255, 255, .3);
	display:inline-block;
	padding:11px 25px;
	font-size:24px;
	color:#fff;
	position:relative;
}
.mhjj .mhjj_tit:before{
	position:absolute;
	content:'';
	bottom:-16px;
	left:50%;
	margin-left:-10px;
	border-top:8px solid rgba(255, 255, 255, .3);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:8px solid transparent;
}
.mhjj p{
	line-height:42px;
	font-size:18px;
	color: rgba(255, 255, 255, .8);
	text-align: justify;
	text-indent: 2em;
	margin-top:20px;
	margin-bottom:24px;
	display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}
.mhjj a.more{
	font-size:18px;
	color:#fff;
	text-align:right;
	float:right;
}
.mhjj a.more img{
	margin-left:20px;
}

.footer .friendlink{
	display:none;
}
.footer .footer-card{
	background:#15385F;
}

@media (max-width: 1480px){
	.middle{height:auto;}
    .zj_left,.zj_right{
        width:100%;
		height:auto;
		float:none;
    }
	.zj_right{
		background-size: cover;
	}
	.mhjj{
		display:none;
	}
	.zjnav{
		position: relative;
		height:60px;
	}
	.zj_search{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width: 768px){
	.zj_logo img{
		width:86%;
	}
	.header-toolbar .ipv6{
		display:none;
	}
	.zjnav{
		height:100px;
	}
    .zjnav ul li,.zjnav ul li.navli0{
		width:33.333%;
		line-height:
	}
	.zjnav ul li a{
		line-height:50px;
	}
	.zjnav ul li:before{
		height:50px;
	}
	
}
@media (max-width: 450px){
	.header-toolbar .menus li a span{
		font-size:14px;
	}
	.zj_search span{
		display:none;
	}
	.zj_search input{
		width:87%;
	}
}
