.container-box{
    width: 1200px;
    margin: auto;
}
.youshi {
    display: flex;
    justify-content: flex-start;
}
.tab-item {
    width: 191px;
    height: 87px;
    background: #F6F7FA;
    box-shadow: 1px 1px 10px #cabfbf;
    border: none;
    outline: none;
    border-radius: 5px;
}
#sidebar{
    height: 377px;
}
#content {
    background: linear-gradient(246deg, #F4F5F8, #FDFDFF);
    margin-left: 20px; /* 内容内边距 */
    width: 80%;
    box-shadow: 1px 1px 10px #cabfbf;
    padding: 20px 14px;
}
#content div{
    background-size: 323px 238px;
    background-position: 97% 17px;
    background-repeat: no-repeat;
    min-height: 300px;
}
#content div:first-of-type{
    background-image: url(../image/anquanfangshuapiao.png);
}

#content div:nth-of-type(2){
    background-image: url(../image/fuwuqiwending.png);
}

#content div:nth-of-type(3){
    background-image: url(../image/guanggaofangan.png);
}

#content div:nth-of-type(4){
    background-image: url(../image/huodongxuanchuan.png);
}

.banner p,.banner h3{
    color:#353131;
}
.banner a{
    top:67%;
}
#content h2{
    margin-left: 130px;
}
#content ul{
    width: 50%;
    line-height: 1.5;
    list-style: none;
}
#content ul li{
    margin-top: 15px;
}
.tab-item {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    color: black;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
}
.tab-item:hover {
    background-color: #e9ecef; /* 鼠标悬停时的背景色 */
}
.tab-item.active {
    background-color: #007bff; /* 当前选中项的背景色 */
    color: white; /* 当前选中项的文字颜色 */
}
.content-section {
    display: none; /* 默认情况下隐藏所有内容块 */
}
.content-section.active {
    display: block; /* 显示当前选中的内容块 */
}
.hangye-content > div.hangye-content-item{
    width: 590px;
    height: 181px;
    box-shadow: 1px 1px 10px #cabfbf;
    margin-top: 20px;
    padding: 20px;
}
.hangye-content-item img{
    margin-left:20px;
}
.hangye-content-item h3{
    margin-top:15px;
    font-weight: bold;
    line-height: 2;
}
.img-box{
    flex: 0 0 346px;
    width: 346px;
    height: 348px;
    margin-right: 10px;
    background: #F5F7FF;
}
.img-box img{
    display: block;
    margin: 60px auto;
}
.hangye-item div{
    position: relative;
    width: 276px;
    height: 170px;
    background: #F7F7FD;
    margin-bottom: 9px;
    padding: 10px 20px;
}
.hangye-item h3{
    text-align: center;
    font-weight: bold;
    line-height: 2;
}
.hangye-item button{
    position: absolute;
    bottom: 13px;
    left: 50%;
    margin-left: -54px;
    width: 109px;
    height: 31px;
    color: #fff;
    line-height: 2;
    background: linear-gradient(to right, #8BCBF7, #6299EF);
    border-radius: 25px;
}
#promotion ul{
    width: 55%;
    margin-left: 20px;
}
#safety ul{
    margin-left: 5px;
}