#li1
{
    width: 7.92vw;
    text-align: center;
}
#li2
{
    width: 15.94vw;
    text-align: center;
}
#li3
{
    width: 6.77vw;
    text-align: center;
}
#li4
{
    width: 11.88vw;
    text-align: center;
}
#li5
{
    width: 12.50vw;
    text-align: center;
}





#main
{
    width: 98.44vw;
}

#head
{
    background-color: #0C5196;
    height: 6.77vw;
    width: 100%;
    display: flex;
    align-items: center;
}
#head img
{
    max-width: 20vw;
    margin-left: 0.5vw;
}
#head-p
{
    width: 17.19vw;
}
#head-p p
{
    margin-top: 0;
    margin-bottom: 0;
}
.select
{
    border-bottom: 0.16vw solid #41B5A3;
}
#head-p #logo1
{
    color: #fff;
    font-size: 1.35vw;
    font-weight: bolder;
}
#head-p #logo2
{
    color: #fff;
    font-size: 0.5vw;
   
}
#head .uldiv
{
    display: flex;
    list-style: none;
    padding: 0;
    margin-left: 1.04vw;
}
#head .uldiv li
{
    color: #fff;
    font-size: 1.15vw;
   
    display: inline;
    margin-right: 1.35vw;
    cursor: pointer;
    display: inline-block;
    height: 2.19vw;
}
#head .uldiv li:hover {
    color: #ff8f00;
}
#head .adiv
{
    color: #fff;
    font-size: 0.73vw;
    margin-left: 4.69vw;
    cursor: pointer;
}

.swiper-container {
    width: 100%; 
    height: 34.64vw; 
}
.index
{
    width: 100%; 
    height: 100%; 
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.index img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#centre
{
    width: 100%;
    height: 135.42vw;
}
.content
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    flex-wrap: wrap; /* 子元素换行显示 */
    align-content: flex-start;
    
}
#centre .swiper-container {
    width: 100%; 
    height: 100%; 
}
.content-title
{
    height: 20.83vw;
    width: 100%;
    margin-top: 2.60vw;
    display: flex;
    justify-content: center;
}
.content-title-img
{
    position: relative;
    width: 27.08vw;
    height: 19.79vw;
}

.content-title-img img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.overlay {
    position: absolute;
    height: 25%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(28, 88, 151, 0.8); /* 半透明背景 */
  }
  
  .overlay .p1 {
    color: white; /* 文字颜色为白色 */
    font-size: 1.56vw;
    text-align: center;
    position: absolute;
    left: 7%;
    margin-top: 0;
    top: 15%;
  }
  .overlay .p2 {
    color: white; /* 文字颜色为白色 */
    font-size: 0.83vw;
    position: absolute;
    left: 7%;
    top:40%;
  }
.content-title-txt
{
    width: 20.83vw;
    height: 19.79vw;
    margin-left: 1.04vw;
    position: relative;
    font-size: 1.04vw;
}
.content-title-txt p
{
    line-height: 1.5; /* 设置行间距为 1.5倍行高 */
    position: absolute; /* 将 <p> 标签设为绝对定位 */
    bottom: 0; /* 将 <p> 标签的底部与容器底部对齐 */
}
.content-tabulation
{
    height: 100%;
    width: 100%;
    display: flex;
    background-color:#EFEFEF;
    flex-wrap: wrap; /* 子元素换行显示 */
    align-content: flex-start;
    justify-content: center;
}
.tabulation-txt
{
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    height: 2.60vw;
    width: 70%;
    margin-top: 1.04vw;
}
.tabulation-txt p
{
    text-align: center; /* 文字水平居中 */
    color: #1B528A;
    font-weight: bolder;
    font-size: 1.98vw;
    margin-top: 0;
    margin-bottom: 0;
}
.tabulation-content
{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    height: 100%;
    align-content: flex-start;
}
.row {
    width: 100%;
    height: 12.50vw;
    display: flex;
    justify-content: space-between;
    margin-top: 3.13vw;
   
  }
  .row .row-content {
    position: relative;
    width: calc(33.33% - 0.52vw); /* 每行图片宽度为1/3，减去间隔 */
    height: 12.50vw;
    
  }
  .row .row-content .row-content-img
  {
    position: relative;
    height: 10.42vw;
  }
  .row .row-content img
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .row .row-content .row-content-txt
  {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.39vw;
    width: 100%;
    border: 0.05vw solid #fff;
  }
  .row-content-txt p
  {
    text-align: center;
    color: #000;
    font-weight: bolder;
    margin-top: 0;
    font-size: 1.04vw;
    margin-bottom: 0;
  }

#bottom
{
width: 100%;
height: 11.46vw;
background-color:#4f4f4f;
display: flex;
justify-content: center;
align-items: center;
}
#bottom img
{
max-width: 6.56vw;
height: auto;
}
#bottom a
{
    text-decoration: none;
}
.foot_list {
    width:70%;
    height: 11.46vw;
    margin-top: 1.56vw;
}
.foot_list ul {
    margin-left: 2.08vw;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding: 0;
    list-style: none;
}
.foot_list li {
    height: 1.25vw;
}
.foot_list ul a{
    line-height: 1.25vw;
    color: #fff;
}
.foot_txt
{
    text-align: right;
    color: #fff;
    
    font-size: 0.63vw;
    line-height: 1.15vw;
}
.topmenu
{
    font-size: 0.78vw;
}
.bottommenu
{
    font-size: 0.68vw;
}