.box{
    width: 100%;
    min-width: 1200px;
}
.log{
    text-align: center;
    margin: 25px auto;
    max-width: 1241px;
    overflow: hidden;
}
.inputSeach{
    float: right;
    margin: 22px auto;
    width:300px;
    height:38px;
    border:1px solid #CC0001;
    border-radius: 8px;
    background-color: #fff;
    color: rgba(192,196,204,1);
    position: relative;
}
.inputAttr{
    width: calc(100% - 66px);
    height: 35px;
    border:none;
    line-height:35px;
}
.inputSeach input,img{
    vertical-align:middle;
}
.searchForm{
    position: absolute;
    width: 100%;
}
.seachImg{
    padding: 12px;
    margin-right: -12px;
    cursor:pointer;
    background-color: #CC0001;
    border-radius: 0 8px 8px 0;
    position: absolute;right: 12px;
}
.seachImg:hover{
    background-color:rgba(229,5,22,0.5);
}
iframe {
    position: relative; /* 或absolute, fixed */
    z-index: 9; /* 设置一个高的z-index值 */
}
body{
    width: 100%;

}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color:#333;
}
li ol a{
    color: darkblue;
    font-size: 18px;
    line-height: 40px;
}
li ol{
    text-align: center;
}

.navbar{
    float: left;
    width: 100%;
    height: 56px;
    background-color: #CC0001;
    min-width: 1000px;
}
/* 后代选择器 */
.navbar .nav{
    text-align: center;
    margin: 0 auto;
    max-width: 1241px;
    position: relative;

}
.navbar .nav>ul>li{
    list-style: none;
    float:left ;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 56px;
}
/* 只对ul里的li里的a起作用 */
.navbar .nav ul>li>a{
    line-height: 56px;
    color: #fff;
}

.triangle{
    position: absolute;
    display: none;
    content: "";
    top:36px;
    margin-left:50px;
    width:0px;
    height:0px;
    z-index: 10;
    border:10px solid transparent;
    border-bottom: 10px solid #fff;
}

input {
    border: none; /* 移除边框 */
    outline: none; /* 移除轮廓线 */
}

.menu {
    list-style-type: none; /* 移除默认的列表样式 */
    display: flex; /* 使用 Flexbox 布局实现横向排列 */
    padding: 0; /* 去除默认的内边距 */
}

.menu li {
    position: relative; /* 设置相对定位，以便绝对定位的元素可以相对于它进行定位 */
    margin-right: 20px; /* 设置列表项之间的间距 */
    height: 40px;
    float: left;
}

.menu li a {
    text-decoration: none; /* 去除链接的下划线 */
    color: #333; /* 设置链接颜色 */
    display: grid; /* 将链接转换为块级元素，以便设置宽度和高度 */
    padding:0px 20px;
}


.menu li:hover .triangle {
    display: block; /* 鼠标悬停时显示三角形 */
}

.menu li ol {
    position: absolute; /* 绝对定位，相对于父元素 .menu li 的位置 */
    left: -48px; /* 紧靠在左侧 */
    white-space: nowrap; /* 防止列表项换行 */
    background-color: rgba(255, 255, 255, 0.8); /* 设置背景色 */
    padding: 0px; /* 设置内边距 */
    min-width: 150px; /* 设置宽度 */
    display: none; /* 默认隐藏 */
    text-align: center;
    z-index: 10;
}
.menu li ol li {
    display: inline-block;
    /*margin-right: 10px;
    white-space: pre-wrap;
    border: 0.5px solid #ccc;*/
    border-top: 0px solid #ccc;
    min-width: 210px;
    margin: 0px;
    height: 40px;
}

.menu li:hover ol {
    display: block; /* 鼠标悬停时显示列表 */
}

.header-option{
    font-size: 16px !important;
    line-height: 40px !important;
    color: #3c3c3c !important;
    font-weight: 500;
}

@media (max-width: 600px) {
  .menu li a {
    text-decoration: none; /* 去除链接的下划线 */
    color: #333; /* 设置链接颜色 */
    display: grid; /* 将链接转换为块级元素，以便设置宽度和高度 */
    padding:0px 10px;
}
}