input {  
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 13px;
    box-sizing: border-box;  
    transition: all 0.3s; /* 平滑的过渡效果 */  
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影 */  
}  

input:focus {  
    border-color: #007BFF; /* 聚焦时的边框颜色 */  
    background-color: #ffffff; /* 聚焦时的背景色 */  
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* 聚焦时的阴影 */  
}
h2{
    font-weight: bold;
}
li{
    line-height: 2.5;
}

.without-box{
    padding: 0 5%;
}
.search {
    float: right;
}
.logo-text{
    font-size: x-large;
    font-weight: bold;
}

/* 首页 begin */
.index {
    position: relative;
    margin: 25px 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #53535391;
    width: 100%;
    border-radius: 10px;
}.index>div {
    padding: 22px;
}
.index-main {
    display: flex;
    justify-content: space-between;
}.index-left{
    width: 70%;
}.index-right{
    width: 25%;
}

.index-left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-left li{
    display: inline-block;
    width: 47%;
    position: relative;
    padding-left: 12px;
}.index-left li::before {  
    content: '•'; /* 添加自定义的符号 */  
    position: absolute; /* 绝对定位 */  
    left: 0; /* 设置在左边 */  
    color: rgb(114, 114, 114); /* 字体颜色，可以根据需要调整 */  
}
.index-left li a{
    display: inline-block;
    width: 62%;
    white-space: nowrap; /* 不换行 */  
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 使用省略号 */ 
}
.index-left li span {
    display: inline-block;
    position: absolute;
    right: 0;
}
.index-left>div{
    position: relative;
    height: 112px;
    margin: 0px 20px 20px;
    width: 43%;
    display: inline-block;
}.index-left>div img{
    width: 30%;height: 100%;
    vertical-align: middle;  
}.index-left>div a{
    position: absolute;
    display: inline-block;
    width: 65%;
    right: 5px;
    
}.index-left>div a>span:nth-child(1){
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}.index-left>div a>span:nth-child(2){
    margin-top: 10px;
    display: inline-block;
    height: 77px;
    overflow: hidden;
    text-overflow: ellipsis;
}.index-left>div a:hover span:nth-child(2){
    color: #6E6E6E;
    text-decoration: underline;
}

.index-right li {
    width: 100%;
    display: inline-block; /* 使元素成为行内块级元素 */  
    white-space: nowrap; /* 不换行 */  
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 使用省略号 */ 
}
.index-right li span {
    padding: 1px 7px;
    background-color: #3d5c62;
    border-radius: 5px;
    color: white;
}
.index-right li:nth-child(1) span {
    background-color: #9d2933;
}.index-right li:nth-child(2) span {
    background-color: #f55735;
}.index-right li:nth-child(3) span {
    background-color: #deac52;
}
/*  */
.index-1 {
    display: flex;
    justify-content: space-between;
    background-color: #ffffff00;
    box-shadow: 0px 0px 1px 1px #53535300;
}.index-1>div:nth-child(1) {
    width: 70%;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #53535391;
    border-radius: 10px;

}.index-1>div:nth-child(2) {
    width: 27%;
    background-color: #ffffff;
    box-shadow: 0px 0px 1px 1px #53535391;
    border-radius: 10px;

}
.index-1-top {
    display: flex;
    justify-content: space-between;
}.index-1-top>div {
    width: 52%;
}.index-1 .scroll-graph {
    width: 45%;
}.scroll-graph li{
    position: relative;
    height: 235px;
}
.scroll-graph img,.scroll-graph a{
    width: 100%;
    height: 100%;
}.scroll-graph li span{
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #4b4b4ba2;
    color: white;
    display: inline-block; /* 使元素成为行内块级元素 */  
    width: 100%;
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 使用省略号 */  
}
.index-1-top-right li {
    width: 47%;
    display: inline-block; /* 使元素成为行内块级元素 */  
    white-space: nowrap; /* 不换行 */  
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 使用省略号 */  
}.index-1-top-right li:nth-child(1),.index-1-top-right li:nth-child(6) {
    display: block;
    font-size: large;
    font-weight: bold;
    width: 90%;
}
.index-1-bottom ul li {
    width: 47%;
    display: inline-block;
}.index-1-bottom ul li span{
    background: #e1e1e1;
    padding: 5px 15px;
    border-radius: 5px;
    margin-right: 10px;
}


/* 首页 end */