* {
    margin: 0;
    padding: 0;
}

.content_top {
    position: relative;
}

.content_top img {
    width: 100%;
    object-fit: cover;
}

.content_bottom {
    background-color: aliceblue;
    width: 93%;
    margin: auto;
    position: relative;
    top: calc(var(--offset-distance) * -1);
    
}

.content_bottom .bottom_top {
    height: 4vw;
    background-color: #0370FD;
    line-height: 4vw;
    font-size: 1.4vw; 
    color: white !important;
}
.bottom_top ul {
	font-size: 1.4vw; 
    color: white !important;
}
.bottom_top li{
	font-size: 1.4vw; 
    color: white !important;
}

.bottom_top li a{
	font-size: 1.4vw; 
    color: white !important;
text-decoration: none;
    font-weight: normal; 
}

.content_bottom .bottom_top ul {
    margin: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.content_bottom .bottom_top .li_1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_bottom .bottom_top .li_1 img {
    padding-right: 5px;
    width: 1.6vw;
    height: 1.6vw;
}

.content_bottom .bottom_top li {
    list-style: none;
}

.bottom_content {
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
  
}
  .b_c_item{
        background-color: #FEFFFE;
        width: 30%;
        margin-bottom:30px;

        border: #CCD6DD 1px solid;
        
    }
.item_content_top{
            background: linear-gradient(to bottom, #E8EFF8, #FEFFFE);
            height: 3vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
            
            
        }
.item_left{
                width: 30%;
                height: 100%;
                border-right: #CCD6DD 1px solid;
                border-bottom: #CCD6DD 1px solid;
                border-top: #012B68 3px solid;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #E8EFFB;
              
            }
  .item_left span {
                    font-size: 1.2vw;
                    font-weight: 400;
                    color: #012B68;
                }


.item_right{
                color: #6FA1E5;
                font-size: 1vw;
                margin-right: 20px;
            }

.gsxw-news-item {
    width: 90%;
display:flex;
justify-content: space-between;
margin: 0 20px;
}

.gsxw-news-item-title {
    white-space: nowrap;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "\5B8B\4F53";
    color: #666666;
    font-size: 1.2vw;
    line-height: 3vw;
    border-bottom: 1px solid #dedede
}

.gsxw-news-item-date {
    width: 25%;
    text-align:right;
    font-family: "\5B8B\4F53";
    color: #666666;
    font-size: 0.9vw;
    line-height: 3vw;
    border-bottom: 1px solid #dedede;
}
.gsxw-module-mor {
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 12px;
}

.gsxw-module-mor a {
    color: #c1c1c1;
}

.gsxw-module-content {
    width: 100%;
    position: relative;
}
.bottom_top  a{
	font-size: 1.4vw; 
    color: white !important;
text-decoration: none;
    font-weight: normal; 
}

.djypt_tab_content {
            padding: 20px 0;
            background-color: #f5f5f5;
        }

        .image-container {
            width: 70%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .image-container img {
            width: 100%;
            height: auto;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }