html,
body {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
height: 100%;
width: 100%;
min-width: 1180px;
}
.main {
width: 100%;
min-width: 1180px;
height: 100%;
}
.headclass {
height: 98px;
padding-top: 12px;
background-color: #005bac;
min-width: 1180px;
width: 100%;
}
.headclass .imgclass {
width: 80%;
margin: auto;
}
.menulistclass {
width: 100%;
background: #005bac;
height: 60px;
display: flex;
opacity: 0.6;
min-width: 1180px;
}
.menulistclass .cloums {
display: flex;
width: 90%;
min-width: 1180px;
margin: auto;
justify-content: space-between;
align-items: center;
}
.menulistclass .cloums .menu-item {
text-decoration: none;
color: #f1e8e8;
cursor: pointer;
font-family: "黑体", arial, sans-serif;
font-weight: normal;
font-size: 20px;
}
.menulistclass .cloums .menu-item:hover,
.menulistclass .cloums .menu-item.active {
color: white;
}
.headimg {
width: 100%;
min-width: 1180px;
min-height: 420px;
overflow: hidden;
}
.headimg>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.news {
display: flex;
flex-direction: column;
width: 80%;
min-width: 1180px;
margin: 0px auto;
height: 696px;
padding: 52px 0px 118px 0px;
}
.news .news-tit-box {
display: flex;
padding: 4px 16px;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.news .news-tit-box .news-tit-left {
white-space: nowrap;
margin-right: 40px;
}
.news .news-tit-box .news-tit-left .news-tit_1 {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 28px;
color: #005baa;
z-index: 9999;
}
.news .news-tit-box .news-tit-left .news-tit_2 {
width: 80%;
margin: auto;
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 22px;
color: #b1cde8;
z-index: 999;
}
.news .news-tit-box .news-tit-right {
width: 100%;
display: flex;
align-items: flex-end;
}
.news .news-tit-box .news-tit-right .news-right-line {
width: 90%;
border-bottom: 2px dashed #80add6;
padding-bottom: 6px;
}
.news .news-tit-box .news-tit-right .news-tit-more {
width: 160px;
text-align: right;
border-bottom: 2px solid #80add6;
margin-left: 16px;
font-weight: 540;
font-size: 20px;
color: #005baa;
padding-bottom: 6px;
}
.news .news-tit-box .news-tit-right .news-tit-more>a {
text-decoration: none;
display: inline-block;
width: 100%;
text-align: right;
font-weight: 540;
font-size: 20px;
color: #005baa;
}
.news .newx {
display: flex;
margin: 30px 0px;
gap: 20px;
}
.news .newx .gdimg .slideshow-container {
position: relative;
margin: auto;
overflow: hidden;
}
.news .newx .gdimg .slideshow-container .slide {
display: none;
}
.news .newx .gdimg .slideshow-container .slide .cimg {
width: 640px;
height: 432px;
position: relative;
min-width: 640px;
min-height: 432px;
}
.news .newx .gdimg .slideshow-container .prev,
.news .newx .gdimg .slideshow-container .next {
position: absolute;
top: 50%;
transform: translatey(-50%);
cursor: pointer;
padding: 16px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
}
.news .newx .gdimg .slideshow-container .next {
right: 0;
}
.news .newx .gdimg .slideshow-container .prev:hover,
.news .newx .gdimg .slideshow-container .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.news .newx .gdimg .dot {
cursor: pointer;
height: 10px;
width: 9px;
margin: 0 2px;
background-color: #e5d5d5;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.news .newx .gdimg .active,
.news .newx .gdimg .dot:hover {
background-color: #717171;
}
.news .newx .sz .content {
display: flex;
flex-direction: column;
}
.news .newx .sz .content .s {
font-family: "宋体", arial, sans-serif;
font-weight: bold;
color: #005bac;
font-size: 30px;
word-break: break-word;
/* 在必要时断开长单词 */
overflow: hidden;
/* 隐藏多余内容 */
text-overflow: ellipsis;
/* 显示省略号 */
display: -webkit-box;
/* 使用弹性盒子布局 */
-webkit-line-clamp: 1;
/* 只显示 8 行 */
-webkit-box-orient: vertical;
}
.news .newx .sz .content .x span {
font-family: "黑体", "simhei", arial, sans-serif;
font-weight: 300;
color: #333333;
font-size: 18px;
margin-top: 18px;
display: inline-block;
}
.news-container{
width: 98%;
min-height: 240px;
margin: auto;
overflow: hidden;
min-width:1180px;
}
@keyframes scroll {
from {
transform: translatex(0);
}
to {
transform: translatex(-100%);
}
}
.xxcontainer {
flex-shrink: 0;
width: 307px;
display: inline-block; /* 保持水平排列 */
}
.xxlist {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
min-width:24%;
gap: 20px;
position: relative;
animation: scroll 50s linear infinite;
min-height:100px;
padding-top:12px;
}
.xxlist .xxcontiner {
display: block;
min-width: 24%;
overflow: hidden;
border-radius: 4px;
margin: auto;
text-decoration: none;
background-color: #fff;
display: flex;
color: #1c1c1c;
}
.xxlist .xxcontiner:hover {
color: #005bac;
box-shadow: 0px 0px 12px rgba(1, 75, 164, 0.5);
animation-play-state: paused;
}
.xxlist .xxcontiner .content {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
overflow: hidden;
padding: 16px;
}
.xxlist .xxcontiner .content .zc {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 10px;
padding-right: 10px;
position: relative;
color: #363636;
}
.xxlist .xxcontiner .content .zc .zs-text_1 {
font-size: 20px;
font-weight: bold;
}
.xxlist .xxcontiner .content .zc .zs-text_2 {
font-size: 12px;
white-space: nowrap;
}
.xxlist .xxcontiner .content .zc::after {
content: '';
position: absolute;
top: 18px;
right: 0;
width: 1px;
transform: translatey(-50%);
height: 32px;
bottom: 0;
background: #c9b7b7;
}
.xxlist .xxcontiner .content .zy {
display: flex;
flex-direction: column;
}
.xxlist .xxcontiner .content .zy .s {
font-family: "宋体", simsun, serif;
font-weight: bold;
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.xxlist .xxcontiner .content .zy .x {
overflow: hidden;
font-family: "黑体", simsun, serif;
font-weight: 400;
color: #666666;
line-height: 18px;
margin-top: 10px;
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
width: 100%;
line-height:1.5;
}
.tjgz {
height: 600px;
min-width: 1180px;
width: 100%;
background-image: ;
padding: 30px 0px;
}
.tjgz .tjgzcontent {
display: flex;
width: 80%;
min-width: 1180px;
margin: 0px auto;
gap: 10px;
}
.tjgz .tjgzcontent .zb {
width: 62%;
min-width:730px;
}
.tjgz .tjgzcontent .zb .zbs {
display: flex;
}
.tjgz .tjgzcontent .zb .zbs .newsz {
display: flex;
flex-direction: column;
width: 76%;
}
.tjgz .tjgzcontent .zb .zbs .newsz .xws .nfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color:#eb1b23;
}
.tjgz .tjgzcontent .zb .zbs .newsz .xwx {
display: flex;
margin: -12px 0px 0px 14px;
}
.tjgz .tjgzcontent .zb .zbs .newsz .xwx .ywfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: rgb(248 178 180);
}
.tjgz .tjgzcontent .zb .zbs .newsy {
display: flex;
align-items: center;
flex: 1;
}
.tjgz .tjgzcontent .zb .zbs .newsy .mores {
display: flex;
align-items: center;
flex: 1;
}
.tjgz .tjgzcontent .zb .zbs .newsy .mores .sxclass {
position: relative;
width: 83px;
}
.tjgz .tjgzcontent .zb .zbs .newsy .mores .findmores {
padding: 0px 0px 25px 80px;
color: #eb1b23;
}
.tjgz .tjgzcontent .zb .zbx {
padding: 32px 0px;
display: flex;
flex-wrap: wrap;
gap: 10px 0px;
width: 100%;
}
.tjgz .tjgzcontent .zb .zbx .content {
text-decoration: none;
width: 48.7%;
margin: auto;
position: relative;
}
.tjgz .tjgzcontent .zb .zbx .content .imgclass1 {
width: 100%;
height: 230px;
min-width: 200px;
overflow: hidden;
object-fit: cover;
}
.tjgz .tjgzcontent .zb .zbx .content .imgfont {
position: absolute;
width: 100%;
left: 0;
bottom: 10px;
color: #fff;
font-size: 14px;
z-index: 999;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display:none;
}
.tjgz .tjgzcontent .zb .zbx .content .imgfont .imgtit {
font-size: 18px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
width: 90%;
margin: auto;
margin-bottom: 10px;
}
.tjgz .tjgzcontent .zb .zbx .content .imgfont .imgdesc {
font-size: 14px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
width: 90%;
margin: auto;
}
.tjgz .tjgzcontent .yb {
display: flex;
flex-direction: column;
border: 1px solid #f2f7fb;
position: relative;
bottom: 110px;
border-radius: 12px;
background: #fff;
height: 700px;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
min-width: 448px;
width: 38%;
}
.tjgz .tjgzcontent .yb .ybs {
width: 90%;
display: flex;
padding: 20px;
}
.tjgz .tjgzcontent .yb .ybs .newsz {
display: flex;
flex-direction: column;
}
.tjgz .tjgzcontent .yb .ybs .newsz .xws .nfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #005bac;
}
.tjgz .tjgzcontent .yb .ybs .newsz .xwx {
display: flex;
margin: -12px 0px 0px 14px;
min-width:236px;
}
.tjgz .tjgzcontent .yb .ybs .newsz .xwx .ywfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: rgba(0, 91, 172, 0.3);
}
.tjgz .tjgzcontent .yb .ybs .newsy {
display: flex;
align-items: center;
flex: 1;
}
.tjgz .tjgzcontent .yb .ybs .newsy .mores {
display: flex;
align-items: center;
flex: 1;
}
.tjgz .tjgzcontent .yb .ybs .newsy .mores .sxclass {
position: relative;
width: 83px;
}
.tjgz .tjgzcontent .yb .ybs .newsy .mores .findmores {
padding: 0px 0px 25px 80px;
color:#1065b0;
/* min-width: 94px;
width: 100%;
display: flex;
justify-content: flex-end;*/
}
.tjgz .tjgzcontent .yb .ybx .newlist {
text-decoration: none;
margin-left: 18px;
position: relative;
display: flex;
}
.tjgz .tjgzcontent .yb .ybx .newlist .dates {
display: flex;
flex-direction: column;
align-items: center;
width: 80px;
white-space: nowrap;
}
.tjgz .tjgzcontent .yb .ybx .newlist .dates .s .ss {
font-family: 黑体, heiti, microsoft yahei, 微软雅黑, stheiti, sans-serif;
font-weight: bold;
font-size: 18px;
color: #1468b3;
}
.tjgz .tjgzcontent .yb .ybx .newlist .dates .x .xs {
font-family: 黑体, heiti, microsoft yahei, 微软雅黑, stheiti, sans-serif;
font-size: 14px;
color: #4d4d4d;
}
.tjgz .tjgzcontent .yb .ybx .newlist .listcontent {
display: flex;
flex-direction: column;
margin-left: 24px;
width: 76%;
white-space: nowrap;
text-overflow: ellipsis;
}
.tjgz .tjgzcontent .yb .ybx .newlist .listcontent .scontent {
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-family: simsun, 宋体, arial, sans-serif;
font-weight: bold;
font-size: 18px;
color: #4d4d4d;
padding-top: 15px;
}
.tjgz .tjgzcontent .yb .ybx .newlist .listcontent .xcontent {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
word-break: break-all;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-family: 黑体, heiti, microsoft yahei, 微软雅黑, stheiti, sans-serif;
color: #666666;
}
.tjgz .tjgzcontent .yb .ybx .newlist::after {
content: '';
position: absolute;
top: 25px;
left: 85px;
width: 1px;
transform: translatey(-50%);
height: 4vh;
bottom: 0;
background: #c9b7b7;
}
.kcsz {
height: 650px;
width: 100%;
min-width: 1180px;
background-image: ;
background-size: 100% 100%;
background-repeat: no-repeat;
object-fit: cover;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
flex-direction: row;
}
.kcsz .zb {
width: 60%;
margin: 0px auto;
padding-top: 54px;
display: flex;
flex-direction: column;
}
.kcsz .zb .newsz {
display: flex;
flex-direction: column;
width: 83%;
margin-left: 17%;
}
.kcsz .zb .newsz .xws .nfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #fff;
}
.kcsz .zb .newsz .xwx {
display: flex;
margin: -12px 0px 0px 14px;
}
.kcsz .zb .newsz .xwx .ywfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: #659ccc;
}
.kcsz .zb .zbx {
padding-top: 54px;
width: 77%;
margin-left: 15%;
margin-right: 3%;
flex-wrap: wrap;
display: flex;
}
.kcsz .zb .zbx>a {
display: inline-block;
text-decoration: none;
width: 48%;
margin: 12px auto;
min-height: 160px;
max-height: 200px;
}
.kcsz .zb .zbx>a>img {
width: 100%;
min-height: 160px;
max-height: 200px;
}
.kcsz .yb {
position: relative;
width: 40%;
display: flex;
flex-direction: column;
}
.kcsz .yb .ybs {
display: flex;
flex-direction: column;
margin-top: 120px;
width: 90%;
padding-left: 16px;
}
.kcsz .yb .ybs .xws .nfont {
width: 90%;
display: inline-block;
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #005bac;
}
.kcsz .yb .ybs .xwx {
display: flex;
margin: -12px 0px 0px 14px;
}
.kcsz .yb .ybs .xwx .ywfont {
width: 90%;
display: inline-block;
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: #90bfdf;
}
.kcsz .yb .ybx {
padding-top: 20px;
display: flex;
flex-direction: column;
width: 100%;
}
.kcsz .yb .ybx>a {
display: inline-block;
text-decoration: none;
width: 90%;
margin: 12px auto;
}
.kcsz .yb .ybx>a>img {
width: 80%;
min-height: 160px;
max-height: 200px;
}
.xlzx {
width: 100%;
min-width: 1180px;
background-color: #f2f6f9;
min-hegiht:auto;
}
.xlzx .xlzxcontent {
display: flex;
flex-direction: column;
width: 80%;
min-width: 1180px;
margin: 0px auto;
padding: 52px 0px 118px 0px;
}
.xlzx .xlzxcontent .news-tit-box {
display: flex;
padding: 4px 16px;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-left {
white-space: nowrap;
margin-right: 40px;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-left .news-tit_1 {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 28px;
color: #005baa;
z-index: 9999;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-left .news-tit_2 {
width: 80%;
margin: auto;
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 22px;
color: #b1cde8;
z-index: 999;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-right {
width: 100%;
display: flex;
align-items: flex-end;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-right .news-right-line {
width: 100%;
border-bottom: 2px dashed #80add6;
padding-bottom: 6px;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-right .news-tit-more {
width: 160px;
text-align: right;
border-bottom: 2px solid #80add6;
margin-left: 16px;
font-weight: 540;
font-size: 20px;
color: #005baa;
padding-bottom: 6px;
}
.xlzx .xlzxcontent .news-tit-box .news-tit-right .news-tit-more>a {
text-decoration: none;
display: inline-block;
width: 100%;
text-align: right;
font-weight: 540;
font-size: 20px;
color: #005baa;
}
.xlzx .xlzxcontent .xlzxx {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.xlzx .xlzxcontent .xlzxx .xz {
width: 46%;
min-width: 240px;
display: flex;
flex-direction: column;
position: relative;
}
.xlzx .xlzxcontent .xlzxx .xz .zs {
display: flex;
justify-content: space-between;
padding-top: 45px;
min-width:590px;
}
.xlzx .xlzxcontent .xlzxx .xz .zs .jxz {
text-decoration: none;
display: flex;
flex-direction: column;
border: 1px solid #005bac;
border-radius: 6px;
align-items: center;
justify-content: center;
color: #005bac;
padding: 0 17px;
height: 76px;
}
.xlzx .xlzxcontent .xlzxx .xz .zs .dateiml {
display: flex;
align-items: center;
position: relative;
left: -120px;
}
.xlzx .xlzxcontent .xlzxx .xz .zs .xzc {
text-decoration: none;
align-items: center;
display: flex;
flex-direction: column;
/*width: 70px;*/
border: 1px solid #005bac;
background: #005bac;
color: #fff;
justify-content: center;
border-radius: 6px;
height: 76px;
padding: 0px 8px;
}
.xlzx .xlzxcontent .xlzxx .xz .zx {
min-width: 590px;
height: 486px;
overflow: scroll;
margin-top: 30px;
}
.xlzx .xlzxcontent .xlzxx .xz .zx>img {
width: 100%;
height: 684px;
object-fit: fill;
}
.xlzx .xlzxcontent .xlzxx .xz::after {
content: '';
position: absolute;
top: 54%;
left: 112%;
width: 1px;
transform: translatey(-50%);
height: 44vh;
bottom: 0;
background: #dfe3e4;
}
.xlzx .xlzxcontent .xlzxx .xy-container {
width: 43%;
display: flex;
min-width: 380px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy {
display: flex;
flex-direction: column;
min-width: 380px;
overflow: hidden;
text-overflow: ellipsis;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .ys {
margin: 40px auto;
font-weight: bold;
color: #005bac;
font-size: 28px;
display: flex;
justify-content: center;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .yx {
gap: 80px;
display: flex;
flex-direction: column;
margin-top:32px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .yx .content {
display: flex;
gap: 40px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .yx .content .z {
color: #fff;
background: #005bac;
width: 25px;
padding: 6px;
text-align: center;
border-radius: 6px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .yx .content .y {
display: flex;
flex-direction: column;
gap: 20px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .xy .yx .content .y .yys {
display: flex;
gap: 20px;
}
.xlzx .xlzxcontent .xlzxx .xy-container .yx .content .y .yyx {
display: flex;
gap: 20px;
}
.fczs {
min-width: 1180px;
width: 100%;
}
.fczs .content {
display: flex;
flex-direction: column;
min-width: 1180px;
width: 80%;
margin: auto;
padding: 52px 0;
}
.fczs .content .fczss {
display: flex;
flex-direction: column;
}
.fczs .content .fczss .xws .nfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #005bac;
}
.fczs .content .fczss .xwx {
display: flex;
margin: -12px 0px 0px 14px;
}
.fczs .content .fczss .xwx .ywfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: rgba(0, 91, 172, 0.3);
}
.fczs .content .fczsx {
display: flex;
margin: auto;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 14px;
width: 100%;
}
.fczs .content .fczsx .xcontent {
text-decoration: none;
width: 33%;
position: relative;
margin-bottom: 7px;
overflow: hidden;
display: flex;
margin-left: 0px;
}
.fczs .content .fczsx .xcontent>img {
width: 100%;
object-fit: cover;
transition: all 0.6s;
cursor: pointer;
height: 100%;
}
.fczs .content .fczsx .xcontent>img:hover {
transform: scale(1.3);
}
.fczs .content .fczsx .xcontent .btclass {
position: absolute;
bottom: 0px;
left: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 32px;
overflow: hidden;
color: white;
display: flex;
align-items: center;
}
.fczs .content .fczsx .xcontent .btclass .bt-desc {
width: 96%;
margin: auto;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yqlj {
width: 80%;
min-width: 1180px;
margin: 0px auto;
padding-bottom: 60px;
}
.yqlj .yqljs {
display: flex;
flex-direction: column;
}
.yqlj .yqljs .xws .nfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 32px;
color: #005bac;
}
.yqlj .yqljs .xwx {
display: flex;
margin: -12px 0px 0px 14px;
}
.yqlj .yqljs .xwx .ywfont {
font-family: "黑体", arial, sans-serif;
font-weight: bold;
font-size: 24px;
color: rgba(0, 91, 172, 0.3);
}
.yqlj .yqljx {
padding: 20px 0px;
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.yqlj .yqljx .content {
text-decoration: none;
border-radius: 16px;
padding: 6px;
border: 1px solid #d5e4f2;
display: flex;
justify-content: center;
}
.yqlj .yqljx .content .spancontent {
border-radius: 12px;
background: #005bac;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 1px 1px 10px rgb(0 91 172);
color: #fff;
height: 31px;
padding: 0px 65px;
opacity: 0.8;
}
.yqlj .yqljx .content .spancontent span {
font-family: "黑体", arial, sans-serif;
font-weight: normal;
font-size: 20px;
color: #fff;
}
.footer {
width: 100%;
min-width: 1180px;
height: 227px;
background: #005bac;
display: flex;
flex-direction: column;
}
.footer .content {
width: 80%;
min-width: 1180px;
margin: 0px auto;
display: flex;
}
.footer .content .contenttop {
margin: 20px 0px;
}
.footer .content .contentbottom {
gap: 20px;
display: flex;
flex-direction: column;
margin: auto;
color: #fff;
font-family: "黑体", sans-serif;
font-weight: 300;
font-size: 14px;
}