/* 全局样式 */

html, body {

    margin: 0;

    padding: 0;



    width: 100%;

    margin-bottom: 40px;



}



/* 轮播图容器 */

.carousel-container {

    position: relative;

    height: auto; /* 视口高度 */

    width: 100%; /* 视口宽度 */



}

.shubiao{

    cursor:pointer;

}



/* 轮播图样式 */

.carousel {

    display: flex;

    height: 220px;

    width: 100%; /* 轮播图总宽度 = 每张图的宽度 * 图片数量 */

    transition: transform 0.5s ease-in-out;

    background-color: #ededed;

}



.carousel-slide {

    flex: 1 0 100%; /* 每张图片占据容器的100% */

    background-size: 100%; /* 确保背景图完整显示 */

    background-position: center;

    background-repeat: no-repeat; /* 避免背景图重复 */



    width: 100%;

}



/* 导航按钮样式 */

.nav-buttons {

    position: absolute;

    top: 54%;

    width: 94%;

    display: flex;

    justify-content: space-between; /* 均分按钮 */

    /* 垂直居中  transform: translateY(-10%); */

    transform: translateY(0%);

    margin-left: 3%;

}



.nav-btn {



    color: #767676;

    border: none;

    padding: 10px 20px;

    cursor: pointer;

    border-radius: 5px;

    font-size: 16px;

    width: 33.33%;

    transition: background-color 0.3s;

    text-align: center;

}







.nav-icon{width: 100%;height: auto;}

.nav-title{font-size: 0.8rem;padding: 0px;margin: 0px;margin-top: 5px;}





/*导航资讯样式*/

.container {

    width:96%;

    max-width: 600px;

    margin: 0 auto;



    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    padding-top: 2%;

    padding-bottom: 1%;

    /* padding-left: 3%; */

    margin-top: 1px;

    /* margin-left: 1%; */

}



.nav {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-bottom: 5px;

    width:100%;

}



.nav-item {

    width: 25%;

    margin-bottom: 10px;

    text-align: center;

}



.nav-item img {

    width: 30px;

    height: 30px;

}



.nav-item p {

    margin: 5px 0 0;

    font-size: 14px;

    color: #767676;

}



.news-item {

    display: flex;

    align-items: center;



    width: 96%;

}



.news-item img {

    width: 70px;

    height: 70px;

    object-fit: cover;

    border-radius: 5px;

}



.news-item .separator {

    width: 1px;

    height:40px;

    background-color: #ccc;

    margin: 0 10px;

}



.news-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex-grow: 1;

}



.news-content .news-info {

    display: flex;

    justify-content: space-between;

    margin-bottom: 5px;



}



.news-content  .but {

    margin-top: 5px;



    margin-bottom: 0px;

}



.news-content .category {

    font-size: 12px;



    width: 12%;

    text-align: center;

    border: 1px solid #ff8213;

    color: #ff8213;

    border-radius: 12%;

}



.news-content .title {

    font-size: 12px;

    color: #9b9b9b;



    width: 85%;

}



/*中间导航*/

.daohang-container {

    display: flex;

    justify-content: space-between;

    max-width: 98%;

    margin: 0 auto;

    margin-left: 1%;

    margin-top: 8px;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



.daohang-left-image {

    width: 33%;

    margin-right: 5px;

}



.daohang-right-images {

    width: 67%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.daohang-right-images img {

    margin-bottom: 5px;

    width: 100%;

    height: 48%;

    object-fit: cover;

    border-radius: 5px;

}



.daohang-left-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 5px;

}

/*通栏广告样式*/

.guanggao-container {

    width: 100%;

    overflow: hidden;

    margin-top: 3px;

}



.guanggao-image {

    width: 100%;

    height: auto;

    display: block;

}





/*项目服务列表**/





.xiangmu-container {

    width: 98%;

    max-width: 600px;

    margin: 0 auto;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    padding-top: 20px;

    padding-left: 0px;

    padding-right: 0px;margin-bottom: 10px;

}



.xiangmu-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 2px solid #eee;

    padding-bottom: 10px;

    margin-bottom: 20px;

}



.xiangmu-title {

    font-size: 20px;

    font-weight: bold;

    margin-left: 2%;

}



.xiangmu-more {

    font-size: 14px;

    color: #000000;

    cursor: pointer;

    font-weight: bold;

    margin-right: 3%;

}



.xiangmu-list-item {

    display: flex;

    align-items: flex-start;

    margin-bottom: 20px;

}



.xiangmu-list-item img {

    width: 100px;

    height: 100px;

    border-radius: 5px;

    margin-right: 10px;

    margin-bottom: 5px;

    margin-left: 3px;

}



.xiangmu-content {

    width: 70%;

}



.xiangmu-content-title {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 5px;

    height: 22px;

    overflow: hidden;

}



.xiangmu-content-summary {

    font-size: 14px;

    color: #666;

    margin-bottom: 10px;

}



.xiangmu-content-date {

    font-size: 12px;

    color: #999;

}