@charset 'UTF-8';

.navBox{
	box-shadow: 0 0 5px #999;
}
.navbar ul{
	height: 90px;
	margin-bottom:10px;
}
.navbar ul li{
	height: 100%;
	font-size: 18px;
	margin:0 20px;
	padding: 0 15px;
	cursor: pointer;
}
.navbar ul li:hover{
	color: #003399;
}
.navbar ul .active{
	color: #fff !important;
	background: #003399;
	position: relative;
}
.navbar ul .active::before{
	content:"";
	width:100%;
	height: 5px;
	background: #FFFFFF;
	position: absolute;
	top:5px;
	left:0;
}
.navbar ul .active::after{
	content:"";
	border-bottom:8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.bannerBox{
	background: #B0CDDF;
	height: 320px;
}
.banner{
	height: 320px;
}
.content{
	width:27%;
}
.newsBox{
	width:35%;
}
.conTitle{
	width: 100%;
	border-bottom:3px solid #DDDDDD;
	box-sizing: border-box;
}
.conTitle div p{
	color: #003399;
	font-size: 20px;
	padding:20px 0;
	position: relative;
}
.conTitle div p::after{
	content: "";
	width: 100%;
	border-bottom:3px solid #003399;
	position: absolute;
	bottom:-3px;
	left: 0;
}
.conTitle div span{
	color: #DDDDDD;
	margin-left: 10px;
}
.conTitle>span{
	cursor: pointer;
	font-size:12px;
}
.conTitle>span:hover{
	color:#003399;
}
.roundBtn{
	margin:10px 0;
	font-size: 14px;
}
.roundBtn li{
	cursor: pointer;
}
.roundBtn li:hover{
	color: #003399;
}
.roundBtn li>div{
	border-radius: 50%;
	width:80px;
	height: 80px;
	margin:20px 0;
	box-sizing: border-box;
}
.iconFont{
	width:63px;
	height: 63px;
	background: url(../img/icon-1.png) no-repeat center center;
}
.zsjh{background: url(../img/icon-1.png) no-repeat center center;}
.lnlq{background: url(../img/icon-2.png) no-repeat center center;}
.lqcx{background: url(../img/icon-3.png) no-repeat center center;}
.jyzd{background: url(../img/icon-4.png) no-repeat center center;}
.bysxx{background: url(../img/icon-5.png) no-repeat center center;}
.zpxx{background: url(../img/icon-6.png) no-repeat center center;}
.roundBlue li>div{
	background: #4BB7F5;
}
.roundBlue li>div:hover{
	border:2px solid #058AB6;
}
.roundGreen li>div{
	background: #81E6AF;
}
.roundGreen li>div:hover{
	border:2px solid #4BB57C;
}
.news li{
	margin:10px 0;
}
.news li p{
	line-height: 20px;
	margin-bottom:5px;
	cursor: pointer;
	font-size: 14px;
}
.news li p:hover{
	color: #003399;
}
.news li div{
	font-size: 12px;
	color:#999;
}
.contactUs{
	padding:20px 0;
	font-size:14px ;
}
.address li{
	margin-bottom: 6px;
}
.qr li{
	margin:0 10px;
}
.qr li div{
	width:100px;
	height: 100px;
	background:#EDEDED;
	margin-bottom: 10px;
}
.qr .tencent{
	cursor: pointer;
}
.qr .tencent:hover{
	color: #003399;
}
.qr .tencent div{
	box-sizing: border-box;
}
.qr .tencent div:hover{
	border:1px solid #003399;
}
.footer{
	border:1px solid #DDDDDD;
	background:#EDEDED;
}
.footer>div{
	height: 90px;
	font-size: 14px;
}
.footer div div{
	margin-right: 10px;
}