@charset "utf-8";
/* CSS Document */


/* 基本样式 */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    overflow-x: hidden;
    /* 隐藏水平滚动条 */

}







.container {
    width: 1920px;
    margin-top: 145px;


}

.box1 {
    width: 100%;
}

.box2 {
    width: 100%;
    background-image: url("../../img/indexa.png");
}

.at1 {
    margin-left: 23%;
    margin-top: 10%;
    position: absolute;
}

.at2 {
    margin-left: 62%;
    margin-top: 10%;
    position: absolute;
}

.at3 {
    margin-left: 23%;
    margin-top: 24%;
    position: absolute;
}

.at4 {
    margin-left: 62%;
    margin-top: 24%;
    position: absolute;
}

.atext1 {
    line-height: 3.1218vw;
    font-size: 3.0177vw;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #436156;
    display: block;
}

.atext2 {
    font-size: 1.873vw;
    font-family: Microsoft YaHei;
    line-height: 1.925vw;
    color: #4c4d4e;
    display: block;
}






.box3 {
    width: 100%;
    background-image: url("../../img/newsbg.png");


}

.newimg {
    width: 333.5px;
    height: 163px;
    position: relative;
    top: 400px;
    left: 200px;
}

.newindexlist {
    position: relative;
    top: 300px;
    left: 880px;
}

.newindext1 {
    font-size: 38PX;
    color: #000;
    line-height: 2.966vw;
}

.newindext2 {
    font-size: 20px;
    color: #000;
    line-height: 2.133vw;
}

.indexnewsline {
    width: 691px;
    height: 4px;
    position: relative;
    top: 320px;
    left: 880px;
}





.box4 {
    background-image: url("../../img/5s.png");
    width: 100%;
    border-style: none;
    position: relative;

}

.fwyx {
    position: absolute;
    margin-left: 300px;
    margin-top: 450px;
    width: 1306px;
    height: 580px;
    overflow: hidden;
}

.fwyxttab {
    background-color: #fffcec;
    height: 50px;
    margin: 0 auto;
    /* 水平居中 */
    padding: 3px;
    overflow: hidden;
    /* 隐藏超出部分 */

    display: flex;
    /* 使用flex布局 */
    justify-content: space-between;
    /* 使得子元素在水平方向上平均分布 */

    padding-left: 70px;
    /* 左内边距 */
    padding-right: 100px;
    /* 右内边距 */

}




.fwyx2 {
    position: absolute;
    width: 100%;
    height: 200px;
    background: #fffcec;
    border-style: none;
    text-align: center;
    margin-top: 1100px;
}

.fwt1 {
    font-size: 28px;
    font-family: Microsoft YaHei;
    line-height: 26px;
    font-weight: 700;
    color: #436156;
}


.fwt2 {
    fontsize: 12px;
    line-height: 12.5px;
}

/* TAB导航通用样式 */
.fwtab {
    float: left;
    /* 水平排列 */
    width: 160px;
    /* 根据需要调整宽度 */
    height: 45px;
    line-height: 40px;
    /* 文字垂直居中 */
    text-align: center;
    /* 文字水平居中 */
    color: #436156;
    cursor: pointer;
    /* 鼠标悬停时显示手形光标 */
    font-family: Microsoft YaHei;
    font-size: 38px;
    font-weight: bold;


}

/* 默认第一个导航为点击状态 */
.fwtab.active {
    background-color: #436156;
    color: rgb(255, 252, 236);
}

/* 图片通用样式 */
.tab-image {
    display: none;
    /* 默认隐藏所有图片 */
    width: 1306px;
    height: 596px;
    margin: 10px auto;
    /* 图片水平居中，并留出上下间距 */
}

/* 默认显示第一张图片 */
.tab-image.active {
    display: block;
}






.box5 {
    background-image: url("../../img/video.png");
    width: 100%;
}


.box6 {
    background-image: url("../../img/5c.png");
    width: 100%;
}

.wcby {
    position: relative;
    top: 400px;
    left: 200px;
    width: 1518px;
    height: 707px;
    z-index: 0;
}

.wcbyt1 {
    z-index: 10;
    position: relative;
    left: 230px;
}

.wt1 {
    font-size: 53px;
    font-family: Microsoft YaHei;
    line-height: 53px;
    font-weight: 700;
    color: #fffcec;
}

.wt2 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    line-height: 24px;
    color: #fffcec;
}

.wt3 {
    font-size: 53px;
    font-family: Microsoft YaHei;
    line-height: 53px;
    font-weight: 700;
    color: #436156;
}

.wt4 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    line-height: 24px;
    color: #4c4d4e;
}

.wcbyt2 {
    z-index: 10;
    position: relative;
    left: 1000px;
    top: -80px;
}

.wcbyt3 {
    z-index: 10;
    position: relative;
    left: 220px;
    top: 270px;
}

.wcbyt4 {
    z-index: 10;
    position: relative;
    left: 700px;
    top: 189px;
}

.wcbyt5 {
    z-index: 10;
    position: relative;
    left: 1200px;
    top: 110px;
}





.box7 {

    background-image: url("../../img/7li.png");
    width: 100%;

}

.box7li {}


.box8 {
    background-image: url("../../img/10d.png");

    width: 100%;
}

.box8zt {
    position: absolute;
    left: 200px;
    margin-top: 400px;
    text-align: center;
}

.zt1 {
    width: 505px;
    position: absolute;
}

.zt2 {
    width: 505px;
    position: absolute;
    left: 505px;
}

.zt3 {
    width: 505px;
    position: absolute;
    left: 1025px;
}

.zt1t {
    font-size: 12px;
    font-family: Microsoft YaHei;
    line-height: 12.5px;
    color: #4c4d4e;
    text-align: center;
}

.zt2t {
    font-size: 18px;
    font-family: Microsoft YaHei;
    line-height: 17px;
    font-weight: 700;
    color: #436156;
}





.boxtitle {

    line-height: 5px;
    width: 416PX;
    height: 201PX;
    text-align: center;
    /* 将文本居中对齐 */
    left: 39.8%;
    top: 21.8%;

}

.h1t {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: bold;
    font-size: 36.15PX;
    color: #436156;
}


.h2t {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: bold;
    font-size: 70PX;
    color: #436156;
}

.h3t {
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: bold;
    font-size: 18.1PX;
    color: #436156;
}

/*about页面样式*/

.banner {
    margin-top: 168px;
}

.about-main {
    width: 100%;
    height: 2980px;
    background: #fffcec;
}

.position {
    font-size: 20px;
    position: absolute;
    right: 10%;
    background: #fffcec;
}

.tab {
    float: left;
    width: 180px;
    margin-left: 16%;
    margin-top: 4%;
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-weight: bold;
    font-size: 36px;
}

.tab button {
    display: block;
    background-color: #fffcec;
    color: #436156;
    padding: 14px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;

}

.tablinks {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #436156;
    text-align: center;
}


.tab button:hover {
    background-color: #4F665D;
    color: #fffcec;
    width: 100%;
    height: auto;
}

.tab button.active {
    background-color: #436156;
    color: #fffcec;
    width: 100%;
    height: auto;
}

.tabcontent {
    display: none;

    padding: 6px 12px;

    border-left: 1px solid #ccc;
    padding-left: 35%;
    padding-top: 3%;
    /* 调整上边距离 */
}

.tabcontent.active {
    display: block;
}



/*03殡仪馆运营页面样式*/

/* 样式设置 */

.ly-main {
    background: #fffcec;
    height: 928.5px;
    width: 100%;

}

.ly-a {
    background: #edf2de;
    height: 428px;
}



.ly-b {
    background: #fffcec;
    height: 500px;
}

.ly-c {
    background: #edf2de;
    heigh: 500px;
}











/*03生态陵园页面样式 */








/*07新闻页面样式*/

.newsmain {
    width: 100%;
    height: 1144px;
    background: #fffbeb;
}


/* 导航栏整体样式 */
.newsnavbar {
    width: 1556.8px;
    height: 82px;
    background-color: #c4dabc;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: '微软雅黑', sans-serif;
    font-weight: bold;
    position: absolute;
    margin-left: 200px;
    margin-top: 110px;
}

/* 导航栏链接样式 */
.newsnavbar a {
    color: #436156;
    text-decoration: none;
    font-size: 33px;
}

/* 默认第一个栏目点击状态样式 */
.newsnavbar a:first-child {
    color: #fffcec;
    background-color: #436156;
}

/* 点击后的链接样式 */
.newsnavbar a.active {
    color: #fffcec;
    background-color: #436156;
}





/* 新闻列表容器 */
.newslist {
    width: 1556.8px;
    height: 605px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    margin-left: 200px;
    margin-top: 260px;
}

/* 左侧新闻 */
.news1 {
    width: 679.6px;
    height: 605px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #eaefda;

}

.news1 img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.news1 h3,
.news1 p {
    margin: 0;
    color: #436156;
    margin-left: 50px;

}

/* 右侧新闻 */
.news2 {
    width: 837.5px;
    height: 605px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news2 div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #e4d6bc;
    padding: 10px 0;

}

.news2 div:last-child {
    border-bottom: none;

}


.news2 h3 {
    text-align: left;
    color: #436156;
}

.news2 p {
    text-align: center;
    color: #666666;
}


/* 页码样式 */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    margin-top: 930px;
    margin-left: 860px;
}

.pagination a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #436156;
    background-color: #fffbeb;
    border: 1px solid #dee8d1;
    text-decoration: none;
    margin: 0 5px;
}

.pagination a:hover,
.pagination a.active {
    color: #fffbeb;
    background-color: #436156;
}









/*04殡仪服务页面*/
.byindex {
    background: #fffece;
}

.byfw-index {
    width: 1298px;
    height: 1222px;
    position: relative;


}

.byfw1 {
    width: 1298px;
    heigh: 611px;
    position: absolute;
    left: 311px;
}

.byfw2 {
    background-image: url("../../img/byfwbg1.png");
    position: absolute;
    left: 311px;
    top: 620px;
    background-size: 100% 100%;
}


.bylc {
    width: 100px;
    height: 617PX;
}



.byfa {
    width: 100%;

    height: 500px;
    background: #fffcec;


}

.byfat {
    position: absolute;
    left: 200px;
}

.tcfw {
    display: flex;
    flex-direction: column;
    /* 设置主轴为垂直方向，即上下布局 */
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    background: #edf2de;
}



.tcfw1 {

    left: 311px;
    z-index: 50;
}

.tcfw2 {


    left: 311px;
    top: 200px;
    z-index: 50;
}