main {
    margin-top: 180px;
    width: 100%;
}
/*先去掉默认样式*/
.swiper-button-prev:after{
    display: none;
}
.swiper-button-next:after{
    display: none;
}
/*再自定义样式*/
.swiper-button-prev{
    width: 1.75rem  /* 35/20 */;
    height: 1.75rem  /* 35/20 */;
    background: url('../../../static/icon/wm_button_icon.png') no-repeat;
    bottom: .5rem  /* 30/20 */;
}
.swiper-button-next{
    width: 1.75rem  /* 35/20 */;
    height: 1.75rem  /* 35/20 */;
    background:url('../../../static/icon/wm_button_icon2.png') no-repeat;
    bottom: .5rem  /* 30/20 */;
}
main > .main-div > .panko {

    height: 38px;
    padding: 10px;
    background: #F1F1F1;
    border-radius: 5px;
    text-align: left;
    margin-bottom: 20px;
    color: #B7B7B7;
}
main > .main-div > .panko .pitch {
    color: #73C5FF;
}
main > .main-div > .panko a {
    cursor: pointer;
}
main > .main-div > .cont-txt {
    margin-bottom: 20px;
}
main > .main-div > .cont-txt .title-txt {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333333;
}
main > .main-div > .cont-txt .hr-txt {
    width: 1200px;
    height: 1px;
    background: #EBEBEB;
    margin-bottom: 10px;
}
main > .main-div > .cont-txt .time {
    text-align: right;
    margin-bottom: 20px;
    color: #bebebe;
}
main > .main-div > .cont-txt .txt p {
    text-align: left;
    color: #666666;
    font-size: 16px;
    margin-bottom: 16px;
}
.headhr {
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #948555;
}
.oltype{
    color: #a4a4a4;
    font-size: 16px;
    list-style-type: decimal-leading-zero;
}
.bgimg{
    background: url(../../../static/icon/banner.png);
    background-size: cover;
}
.boxshad{
    box-shadow: 3px 3px 5px 1px #626262;
}
.bg-a4{
   border: 1px solid #c7ab69;
}

/*翻页*/
.main-page {
    text-align: center;
    display: flex;
    margin-bottom: 20px;
}
.main-page > div {
    cursor: pointer;
    width: 52px;
    height: 28px;
    border: 1px solid var(--primary-color-2);
    border-radius: 5px;
    line-height: 28px;
    color: var(--primary-color-2);
    margin-right: 10px;
}
.main-page > div:last-of-type {
    margin-right: 0;
}
.main-page > .page-sel {
    color: #B8B8B8;
    background: #F9F9F9;
    border: 1px solid #EAEAEA;
    cursor: not-allowed;
}
.main-page > .page {
    display: flex;
}
.main-page > .page li {
    cursor: pointer;
    width: 28px;
    height: 28px;
    border: 1px solid var(--primary-color-2);
    border-radius: 5px;
    line-height: 28px;
    color: var(--primary-color-2);
    margin-right: 10px;
}
.main-page > .page .li-sel {
    border: 1px solid var(--primary-color-3);
    background: var(--primary-color-3);
    color: white;
    cursor: not-allowed;
}
.primary-color-dark {
    background-color: #30BAC3;
}
.man-font{
    color: #30BAC3;
}
.font-tips {
    color: #b0a189;
}
.bg-tips{
    background: #e5d6c8;
}
.sel{
    color: #1e9fff;
}

.city-bg-tips{
    background: #f5f5f5;
}
.font-blue{
    color: #dbba12;
}
.bg-blue{
    background: #1296DB;
}
.action{
    color: var(--primary-color-2);
    border-bottom: var(--primary-color-2) solid 1px;
}
.action-bor{

}
.bg-black{
    background: #000000;
}

.tab-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    border-bottom: 1px solid #ccc;
}

.tab-nav-item {
    font-size: 20px;
    cursor: pointer;
    padding: 10px;
    margin: 0;
}

.tab-content-item {
    display: none;
    margin: 0;
}
.hr{
    width: 100%;
    background: #267bae;;
}
.text-le-1{
    line-height: 2
}
.img1{
    background: url(../../../static/icon/1.jpg);
    background-size: cover;
}
.img2{
    background: url(../../../static/icon/2.jpg);
    background-size: cover;
}
.img3{
    background: url(../../../static/icon/3.jpg);
    background-size: cover;
}
.img4{
    background: url(../../../static/icon/4.jpg);
    background-size: cover;
}
.img5{
    background: url(../../../static/icon/5.jpg);
    background-size: cover;
}
.img6{
    background: url(../../../static/icon/6.jpg);
    background-size: cover;
}

.content {
    display: flex;
    justify-content: space-between;

}

.text {
   width: 1200px;
}

.image {

    max-width: 50%;
}
.border-radius-70{
    border-radius: 70px;
}


.image-container {
    position: relative;
    width: 300px; /* 设置为你的图片宽度 */
}

.image-container img {
    width: 100%;
    display: block;
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
    color: white;
    width: 100%;
    transition: .5s ease;
    height: 10%; /* 初始高度 */
    padding: 20px;
    text-align: center;
    overflow: hidden;
}

.image-container:hover .overlay,.text {
    height: 50%; /* 鼠标悬停时的高度 */
}

.text {
    position: absolute;
    bottom: 10%;
    margin-bottom: 10px;
    width: 90%;
    font-size: 20px;
}


.image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px; /* 调整内边距以适应标题样式 */
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8); /* 更深的黑色背景，以确保标题清晰可见 */
    z-index: 1; /* 确保标题在半透明覆盖之上 */
}

/* 隐藏滚动条 */
.scrollable-div::-webkit-scrollbar {
    display: none; /* 对于Chrome, Safari, and Opera */
}