@charset "utf-8";
/* CSS Document */
/*总体样式*/
body, html {
	/*font: Helvetica;*/
	font-family: Arial, sans-serif;
	font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


/*顶部容器*/
.top-div {
	z-index: 30; 
	position: relative;
    width: 100%; /* 使 div 宽度自适应浏览器宽度 */
	min-width: 960px;
    height: 100px; /* 设置 div 高度为 80 像素 */
    background-color: rgba(0,0,0,0.60); /* 黑色背景半透明 */
}

/* 顶部总体样式 */
.main-content {
	max-width: 1200px;
    min-width: 960px;
	z-index: 15; 
    margin: 0 auto; /* 使div在水平方向上居中 */
    /* 如果确实需要高度一致，并且上级div有确定高度，可以这样写：*/
    height: 100%; /* 与上级div高度一致 */
	position: relative;
}

/*logo总体样式*/
.logostarcontainer {
    position: relative; /* 必须设置为相对定位，以便绝对定位的子元素能够相对于它定位 */
    width: 250px; /* 设置容器的宽度 */
    height: 100px; /* 设置容器的高度 */
}

/*主logo，不含stars*/
.L-DIV {
    width: 250px;
    height: 60px;
    position: absolute; /* 设置为绝对定位 */
    transition: transform 0.5s ease; /* 添加过渡效果 */
	top: 25px; /* 调整L-DIV的顶部位置 */
    left: 20px; /* 调整L-DIV的左侧位置 */
}


/*导航栏*/
.navbarDIV {
	z-index: 20; 
    margin: 0px; /* 给logo和导航栏一些外边距 */
	width:600px;
	height:50%;
	padding-top: 65px;
  	padding-bottom: 0px;
	position: absolute;
	top:0;
	left:260px;
    /* 其他样式如字体、颜色、大小等，可以根据需要添加 */
}
/* 导航栏样式 */
.navbar {
    /*background-color: #999;*/
	/*top:60px;*/
    padding: 0px 0;
}
.navbar-list {
    display: flex;
    justify-content: center;
}
.navbar-item {
    margin: 0 15px;
}

.navbar-link {
    color: #CCC;
    font-size: 18px;
    font-family: Arial, sans-serif;
    transition: color 0.3s, text-decoration 0.3s;
    position: relative;
}

/* 悬停效果 */
.navbar-link:hover {
    color: #FFF; /* 设置悬停时的颜色 */
    text-decoration: none; /* 去掉默认的下划线 */
}
.navbar-link:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #FFF; /* 与悬停时的颜色相匹配 */
    transform: scaleX(1); /* 动画效果，使下划线从左到右出现 */
    transition: transform 0.3s;
}

.navbar-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #FFF; /* 初始下划线颜色，与悬停时的颜色相匹配 */
    transform: scaleX(0); /* 初始状态，下划线宽度为0 */
    transition: transform 0.3s;
}

/* 如果需要，可以为logoDIV和navbarDIV添加更具体的样式 */
ul, li, a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.visited {
	color:white;
	font-weight: 500;
}
/*电话信息栏*/
.phoneDIV {
	z-index: 20; 
    margin: 0px; /* 给logo和导航栏一些外边距 */
	width:350px;
	height:auto;
	padding-top: 55px;
  	padding-bottom: 0px;
	position: absolute;
	top:0;
	left:900px;
    /* 其他样式如字体、颜色、大小等，可以根据需要添加 */
}
  /* 当视口宽度小于1200px时，隐藏DIV */
  @media (max-width: 1199px) {
    .phoneDIV {
      	display: none;
    }
  }

/*正文全部内容*/
.mid-div{
	z-index: 5; 
	width: 100%; /* 使 div 宽度自适应浏览器宽度 */
	position: absolute; /* 需要相对定位来定位伪元素 */
	top:0;
}

/*首页动图显示区域*/
.main-pic {
	z-index: 8; 
    width: 100%; /* 使 div 宽度自适应浏览器宽度 */
	min-width: 960px;	
    height: 700px; /* 设置 div 高度为 80 像素 */
  	position: relative; /* 需要相对定位来定位伪元素 */
  	margin-top: 0px; /* 为了给线条留出空间，可以根据需要调整 */
	display: flex;
  	justify-content: center; /* 水平居中 */
  	align-items: center; /* 垂直居中 */	
}
.main-pic::before {
	 content: ''; /* 伪元素需要内容，但这里为空 */
	 position: absolute; /* 绝对定位来放置线条 */
	 top: 0; /* 线条位于div的顶部 */
	 left: 0; /* 线条从左开始 */
	 width: 100%; /* 线条宽度与div相同 */
	 height: 1px; /* 线条高度，可以根据需要调整 */
	 background-color: #DDDDDD; /* 线条颜色 */
	 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* 线条阴影，参数可以调整 */
}
.slider {
     width: 100%;
     height: 700px;
     overflow: hidden;
     position: relative;
}
.slides {
    display: flex;
    transition: transform 0.5s ease;
}
.slides img {
    min-width: 100%;
    height: 700px;
    object-fit: cover;
}
.navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}
.prev {
    left: 10px;
}
.next {
    right: 10px;
}


/*新闻轮播容器*/
.news-container {
    width: 100%;
    min-width: 960px;
    height: 100px; /* Adjust this height to fit your news titles */
    overflow: hidden;
    position: relative;
    /*border: 1px solid #ccc;*/
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/*新闻内容*/
.news-item {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 100px; /* Should match the height of .news-container */
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.newstc {
    color:#B31D1D;
	font-size: 30px;
}

.news-item.active {
    opacity: 1;
    transform: translateY(0);
}
.news-item.pause {
    animation-play-state: paused !important;
}
/*方形总体区域*/
.cube-container {
    display: flex;
    width: 100%;
	min-width: 960px;			
}
/*单个方形区域*/
.cube-items {
	flex: 1;
    position: relative;
    width: 100%;
    /* Use padding-top to set height as 1.2 times the width */
    /*padding-top: 100%; /* (1.2 * 100) - 100 = 20% additional height */
    overflow: hidden;
	/* 设置圆角遮罩 */
	/*border-radius: 10%; /* 设置圆角半径 */
    /*overflow: hidden; /* 隐藏超出圆角的内容 */			
}

.cube-items::before {
	content: "";
	display: block;
	padding-top: 100%; /* padding-top的百分比是基于父元素的宽度计算的 */
}

/*区域内元素的定义*/
.cube-items img, .cube-items p {
     width: 100%;
     height: 100%;
     object-fit: cover; /* Ensure image covers the whole div */
     margin: 0;
}	
/*方形区域子级*/
.cube-s-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-cube-itemss: center;
    justify-content: center;
	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */
}
/*悬停变大效果*/
.cube-s-content:hover {
    transform: scale(1.05);
}

/*方形区域文字子级*/
.cube-s-content-text {
    position: absolute;
	top: 0;
    left: 0;
	width:100%;
    display: flex;
	flex-direction: column; /* 垂直布局 */
	justify-content: center; /* 垂直居中 */
	align-cube-itemss: flex-start; /* 正文左对齐，标题由于宽度100%也会左对齐，但通过text-align:center单独设置水平居中 */
	height: 100%; /* 或者你想要的其他高度 */
	padding: 0px; /* 设置10px的边距 */
	/*padding-top:20%; /* (1.2 * 100) - 100 = 20% additional height */
	box-sizing: border-box; /* 确保边距包含在容器高度内 */
	background-color: rgba(0,0,0,0.1);
	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */
 }
/*文字悬停变大效果*/
.cube-s-content-text:hover {
 	transform: scale(1.1);
}
/*方形区域内的文字标题*/
.cube-title {
	padding: 0; /* 设置10px的边距 */
	text-align: center; /* 标题水平居中 */
	width: 100%; /* 确保标题占据整个容器宽度 */
	font-size: 22px;
	color: #0063B9
}
/*方形区域内的正文*/
.cube-text {
	padding: 10%; /* 设置10px的边距 */
	text-align: center; /* 标题水平居中 */
	width: 80%; /* 确保标题占据整个容器宽度 */
	font-size: 16px;
	color: #666666;
}
/*根据视口宽度调整字号*/
@media (max-width: 1200px) {
  	.cube-text {
    	font-size: 12px; /* 将字号调整为12px */
  	}
	.cube-title {
	    font-size: 16px; /* 将字号调整为12px */
  	}
}

/*主信息窗口*/
.main-message {
    width: 100%; /* 使 div 宽度自适应浏览器宽度 */
  	position: relative; /* 需要相对定位来定位伪元素 */
}

/*大标题框架*/
.title-line {
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto; /* 使div水平居中 */
    padding: 20px; /* 内边距 */
    box-sizing: border-box; /* 包含内边距和边框在元素总宽度内 */
    position: relative; /* 为底部线条定位做准备 */
    text-align: left; /* 使标题居中 */
	display: flex;  
}
/*标题字*/
.title-line h2 {
    color: #0065b3; /* 深灰色标题字 */
    margin-bottom: 0px; /* 为标题和线条之间添加间距 */
	width:100%;
}
/*大标题底线*/
.title-line .bottom-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 93%;
    height: 1px; /* 线条高度设置为1px */
    background-color: #666666; /* 蓝色线条 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 线条阴影，可根据需要调整 */
}



/*分项主内容*/
.yylytext-container {
    width: 80%;
	padding: 15px;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    justify-content: center; /* 水平居中 */
    align-items: center;    /* 垂直居中 */
}
/*分项图片内容*/
.yylytext-left-section {
    flex: 0 0 35%;
    position: relative;
    overflow: hidden; /* 隐藏超出容器范围的内容 */
}
.yylytext-left-section::before {
    content: "";
    display: block;
    padding-top: 100%; /* 通过设置顶部内边距来创建一个正方形容器 */
}
.yylytext-left-section img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，裁剪显示 */
}
/*分项文字内容*/
.yylytext-right-section {
    flex: 0 0 65%;
    padding: 0px 10px;
    box-sizing: border-box;
}
.lxwm-div{
	width: 80%;
	height: 100%;
	padding-left: 50px;

}

.lxwm-div p {
    color: #666666;
    font-size: 20px;
    text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin: 0;
	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */

}
.lxwm-div p:hover {
	background-color: #0063b9;
    color: #FFFFFF;

 	transform: scale(1.1);

}


.yylytext-right-section h2 {
    color: #0063B9;
    text-align: center;
    font-size: 36px;
    margin-top: 0;
}
.yylytext-right-section p {
    color: #666666;
    font-size: 20px;
    text-align: left;
	padding: 10px;
	margin: 0;
}
    .bluetext {
      color: #0063B9;
    }

.yyly {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
  }

.yyly .item {
    flex: 1;
    text-align: center;
	position: relative;
    width: calc(16.666% - 20px); /* 考虑到间距，每个DIV的宽度为容器的1/6再减去间距 */
    max-width: calc(1200px / 6 - 20px);
    min-width: calc(960px / 6 - 20px);
	padding-top: 3%; /* 使用padding-bottom保持正方形 */
    padding-bottom: 3%; /* 使用padding-bottom保持正方形 */
    background: linear-gradient(to bottom, #eee, #ccc); /* 线性渐变背景，从左到右，从#ff7e5f渐变到#feb47b */
	/*background-color:rgba(222,222,222,0.50);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    margin: 10px; /* 实际的间距，因为容器宽度已经考虑了间距 */
				/* 设置圆角遮罩 */
	border-radius: 10%; /* 设置圆角半径 */
    overflow: hidden; /* 隐藏超出圆角的内容 */
	color: #666666;
  }
  .yyly .item img {
    width: 60%;
    height: auto;
    filter: grayscale(100%); /* 初始为灰色 */
	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */	  
  }
  .yyly .item:hover img {
    filter: grayscale(0%); /* 鼠标悬停时恢复原色，这里假设原图是蓝色 */
	transform: scale(1.5);
  }
    
.fullcenter {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;    /* 垂直居中 */
	flex-direction: column; /* 垂直排列子元素 */
    width: 100%;            /* 宽度占据100% */
    padding: 0;             /* 移除内边距 */
    margin: 0;              /* 移除外边距 */
}



/*logo璀璨样式*/
.ab_to_re{
    position: absolute;
    top: 0;
    left: 0;
	width: 100%; /* 设置容器的宽度 */
    height: 100%; /* 设置容器的高度 */
	min-width: 300px; /* 设置容器的宽度 */
    min-height: 400px; /* 设置容器的高度 */
	z-index: 100;
	
}
.biglogocontainer {
    position: relative; /* 必须设置为相对定位，以便绝对定位的子元素能够相对于它定位 */
    width: 100%; /* 设置容器的宽度 */
    height: 100%; /* 设置容器的高度 */

}

/*以下为starslogo*/
.star-all {
	z-index: 130;
    position: absolute; /* 设置为绝对定位 */
    transition: transform 0.5s ease; /* 添加过渡效果 */
}

  	.stara {
		width: 62px;
    	height: 78px;
    	top: 85px; /* 调整star1的顶部位置 */
    	right: 10px; /* 调整star1的左侧位置 */
  	}
  	.starb {
		width: 31px;
    	height: 39px;
    	top: 145px; /* 调整star2的顶部位置 */
    	right: 85px; /* 调整star2的左侧位置 */
 	}
  	.starc {
		width: 31px;
    	height: 39px;
    	top: 175px; /* 调整star3的顶部位置 */
    	right: 55px; /* 调整star3的左侧位置 */
  	}


/*主logo，不含stars*/
.mainlogo {
    width: 300px;
    height: 300px;
    position: absolute; /* 设置为绝对定位 */
	top: 25px; /* 调整L-DIV的顶部位置 */
    right: 0px; /* 调整L-DIV的左侧位置 */
	z-index: 120;
						/* 设置圆角遮罩 */
	border-radius: 20%; /* 设置圆角半径 */
  	transition: transform 0.5s ease, background-color 1s ease;

}

.logotitle {
	
	position: absolute;
	top:325px;
	right:50px;
	font-size: 48px;
	color:black;
}



  /* 当鼠标悬停在L-DIV上时，放大所有的star-DIV */
.mainlogo:hover ~ .star-all {
	animation: breathe 1.5s infinite; /* 悬停时触发动画，2秒一次，无限循环 */
    /*transform: scale(1.2);/**/
}
.mainlogo:hover {
	background-color: #333;/**/
	/*background: linear-gradient(to right, #888, #000); /* 线性渐变背景，从左到右，从#ff7e5f渐变到#feb47b */

    overflow: hidden; /* 隐藏超出圆角的内容 */
}


	/*星星呼吸函数*/
	@keyframes breathe {
    	0%, 100% {
      		transform: scale(1); /* 原始大小 */
    	}
    	50% {
      		transform: scale(1.3); /* 放大到110% */
    	}
  	}




/**/
.box-container {
	padding-top:30px; /* 使用padding-bottom保持正方形 */
	padding-bottom:30px; /* 使用padding-bottom保持正方形 */
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    margin: auto;
}
.square-div {
    position: relative;
    width: calc(16.666% - 20px); /* 考虑到间距，每个DIV的宽度为容器的1/6再减去间距 */
    max-width: calc(1200px / 6 - 20px);
    min-width: calc(960px / 6 - 20px);
    padding-bottom: calc(16.666% - 20px); /* 使用padding-bottom保持正方形 */
    background: linear-gradient(to bottom, #eee, #ccc); /* 线性渐变背景，从左到右，从#ff7e5f渐变到#feb47b */
	/*background-color:rgba(222,222,222,0.50);*/
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    margin: 10px; /* 实际的间距，因为容器宽度已经考虑了间距 */
				/* 设置圆角遮罩 */
	border-radius: 10%; /* 设置圆角半径 */
    overflow: hidden; /* 隐藏超出圆角的内容 */
	color: #666666;
	/*
	background-image: url('images/header.gif'); /* 设置背景图片的路径 */
	/*background-size: cover; /* 使背景图片覆盖整个div区域 */
	/*background-repeat: no-repeat; /* 防止背景图片重复 */
	/*background-position: center; /* 背景图片居中显示 */
}
/*鼠标优先，自动轮播样式定义*/
.highlight {
    transform: scale(1.1);
	background: linear-gradient(to bottom, #0069b9, #005291); /* 线性渐变背景，从左到右，从#ff7e5f渐变到# */
	background-color:#005291; /* 鼠标滑过时的背景颜色 */
	color: white; /* 鼠标滑过时的字体颜色 */
}
.square-div-content {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.square-title {
    flex: 1;
    font-size: 1.2em;
    text-align: center;
}
.square-text {
    flex: 2;
    text-align: justify;
    padding: 0 10px;
}


.pic-top {		
	z-index: 50;
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */
}
.pic-top:hover {
	transform: scale(1.1);
}
.pic-top img {
    width: 100%;
    height: auto;
}
.pic-mid {
    width: 100%;
    max-width: 1200px;
    min-width: 960px;
	margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pic-l, .pic-m, .pic-r {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
	flex-direction: column; /* 设置为垂直排列子元素 */
}
.pic-l, .pic-r {
    width: 46.25%;
    /*background-color: #f0f0f0; /* 示例背景色，可根据需要调整 */
}
.pic-m {
	z-index: 40;
    width: 7.5%;
    /*background-color: #d0d0d0; /* 示例背景色，可根据需要调整 */
	transition: transform 0.5s ease-in-out; /* 指定transform属性的过渡效果，持续时间为0.5秒，使用ease-in-out缓动函数 */
}
.pic-m img {
    width: 100%;
 	height: auto; /* 高度自动调整以保持宽高比 */
 	display: block; /* 移除图片底部的空白间隙 */
    /*background-color: #d0d0d0; /* 示例背景色，可根据需要调整 */	
 }
.pic-m:hover{
	transform: scale(1.1);
}
.pic-list {
    width: 90%;
    display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    align-items: center; /* 水平居中子元素（对标题和图片有效，正文左对齐将覆盖此设置） */
  }
  /* 标题样式 */
 .pic-title {
    font-size: 24px;
    color: #0063B9;
    text-align: center; /* 水平居中文本 */
    width: 100%; /* 宽度占据父容器的100% */
    margin-top: 10px; /* 下方外边距，可根据需要调整 */
	padding:5px;
  }
  /* 图片容器样式 */
 .pic-pic {
    width: 100%;
    height: auto;
    margin-bottom: 0;
	transition: transform 0.5s ease-in-out; /* 平滑过渡效果 */  
  }
 .pic-pic img {
    width: 100%;
    height: auto;
    display: block;
  }
.pic-pic:hover {
 	transform: scale(1.1);
}

  /* 正文样式 */
.pic-text {
    font-size: 20px;
    text-align: left; /* 左对齐文本 */
    width: 100%; /* 宽度占据父容器的100% */
	text-indent: 2em; /* 此处的'em'是相对于当前字体大小的一个单位 */
	color: #666666;
	padding:5px 30px;
}


.ewm-box {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
	background-image: url("../images/ewmbg.jpg")

}

.ewm-item {
    text-align: center;
    margin: 20px;
    flex: 1 1 auto; /* 使子项在必要时换行 */
    max-width: 150px; /* 根据需要调整子项的最大宽度 */
	
}



.ewm-title {
    margin: 0;
	padding: 10px;
    font-size: 16px;
	color:#FFFFFF;
	background-color: #0063b9;
	border-bottom-left-radius: 30%;
    border-bottom-right-radius: 30%;
	transition: all 0.3s ease;
    position: relative; /* 为了能够使用 + 选择器 */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
  }
.ewm-pic {
    width: 100%;
    height: auto;
	    overflow: hidden; /* 防止图片放大时超出容器 */
		transition: transform 0.3s ease; /* 平滑过渡效果 */
}

.ewm-pic:hover {
    transform: scale(1.1); /* 图片放大1.2倍 */
}


.ewm-pic img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;

}
  /* 使用相邻兄弟选择器 */
  .ewm-pic:hover + .ewm-title  {
	animation: shake 0.5s;
    animation-iteration-count: 1; /* 抖动一次 */

  }


/* 底部整体样式 */
.footer {
    width: 100%;
	min-width: 960px;	
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

/* 内部自适应宽度的DIV */
.footer-content {
    width: 90%;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
}

/* 友情链接样式 */
.footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.footer-links a {
	color: #ccc;
    margin: 0 10px;
    text-decoration: none;
}
.footer-links a:hover {
    color: white;

}
/* 行间距 */
.footer-row {
    margin-bottom: 10px;
	color:#ccc;
}

/* 警徽和沪公网安备号样式 */
.footer-police {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-police img {
    margin-right: 10px;
}