/* 清除所有元素默认的边距和内边距 */
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* 确保html和body占据全屏 */
html,body{
    width: auto;
    height: 100%;
    /* 关键：保持原始尺寸（不缩放） */
    background-size:100%; /* 默认值，保持图片原始宽高 */        
    /* 可选：控制图片位置 */
    background-position: center; /* 图片居中靠上显示 */

    /* 让背景固定在视口（滚动时不移动） */
    background-attachment: fixed;
    background-image: url(../img/beijing/diamonds-bg.png);
}

/* 让外层容器充满整个屏幕 */
/* 父容器铺满屏幕，使用flex布局垂直排列子元素 */
.container-fluid.outsaid{
    width: 100%;
    margin: 0;
    padding: 0;
}
 /* 使outsaidone中的盒子铺满全屏 */
.outsaidone{
    /*border: 1px solid rgb(212, 212, 212);*/
    border-radius: 2px;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 100px;
    text-align: center;
}
.outsaidone > img{
    height: 90px;
}

@font-face{
    font-family: myfontone;
    src: url(../font/ZiDongLiShiJingYanHuo-2.ttf);
}

.outsaidone > p{
    margin-top: -12px;
    font-size: 12px;
    font-family: myfontone;
}

.outsaidone > img:hover{
    background: linear-gradient(45deg);
    transform: rotate(8deg) scale(1.15);
}


.outsaidtwo{
    border: 2px solid red;
}

.textlunbo{
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    font-family: myfontone;
}

.carousel{
    margin-top: 10px;
}

.carousel-inner > .carousel-item > picture > img{
    border-radius: 0 0 20px 20px;
    
}

.insideone, .insidetwo {
    flex: 1; /* 两个盒子平均分配父容器宽度 */
    height: auto;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    box-shadow: 3px 2px 10px gray;
    margin:0 10px; /* 盒子之间及与边缘的间距 */     
}

.outsaidtwo {
    width: 100%;
    border: 2px solid red;
    padding: 15px; /* 内边距，避免内容贴边 */
    display: flex; /* 默认使用Flexbox水平布局 */
}
.insideone:hover,.insidetwo:hover{
    box-shadow: 5px 4px 12px gray;
    transform: scale(1.01);
    transition: 1.05s;
}

/* 响应式调整：屏幕宽度小于768px时 */
@media (max-width: 767.98px) {
    .outsaidtwo {
        flex-direction: column; /* 改为垂直排列 */
        padding: 10px; /* 适当减小内边距 */
    }
    .insideone, .insidetwo {
        margin: 0 0 15px 0; /* 调整间距为垂直方向 */
        width: 100%; /* 确保宽度充满容器 */
    }
    .insidetwo {
        margin-bottom: 0; /* 最后一个盒子不需要底部间距 */
    }
}

/* foot部分 */
@font-face{
    font-family: myfontfoot;
    src: url(../font/Handwritten-English-2.ttf);
}
.foot{
    background-color: #ffffff;
    width:100%;
    display: flex;
    margin-top: 5px;
}
.footone,.foottwo{
    height: auto;
}
.footone{
    width: 35%;
    margin-left:10%;
    font-family: myfontfoot;
}
.footone > p{
    font-size: 24px;
    line-height: 120px;
    text-align: center;
}
.foottwo{
    margin-top: 10px;
    font-family: 仿宋;
    width: 65%;
    margin-right:10%;
    line-height: 50px;
    text-align: center;
}
.foottwo> .row > .col > a {
    text-decoration: none;
    color: black;
}

.foottwo> .row > .col > a:hover{
    text-decoration: underline;
}
@media (max-width: 767.98px) {
    .foot {
        flex-direction: column; /* 改为垂直排列 */
        
    }
    .footone{
        
        height: 70px;
    }
    .footone, .foottwo {
        margin: 0 0 15px 0; /* 调整间距为垂直方向 */
        width: 100%; /* 确保宽度充满容器 */
    }
    .foottwo {
        margin-bottom: 0; /* 最后一个盒子不需要底部间距 */
    }
}