@charset "UTF-8";
    
    body {
        font-family: arial;
    }

    h3, p{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 24px;
        color: white;
    }

    .logo img{
        padding: 20px 0 20px 80px;
    }   
    
    .footerbg img {
        margin-top: 200px;
    }

    .w1200 {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .w1040 {
        width: 1040px;
        margin-left: auto;
        margin-right: auto;
    }

    .w1086 {
        width: 1086px;
        margin-left: auto;
        margin-right: auto;
    }

    .w936 {
        width: 936px;
        margin-left: auto;
        margin-right: auto;
    }

    .firstpic{
        height: 1080px;
    }

    .firstpic img {
        width: 1200px;
    }

    .firstpic1{
        position:relative;
        top:-680px;
    }

    .firstpic2{
        position:relative;
        top:-290px;
    }

    .firstpic1 p,.firstpic2 p{
        color: white;
    }

    .part1{
        margin-top: 68px;
        margin-bottom: 33.5px;
    }

    .part2{
        margin-top: 68px;
        margin-bottom: 51.5px;
    }

    .secondpic{
        background-image: url(../2024CEimage/secondpic.jpg);
        height: 835px;
        width: 1200px;
        margin-top: 102px;
    }

    .content1, .content2{
        height: 434px;
        width: 463px;
        margin-top: 160px;
        margin-left: 90px;
        position: relative;
    }

    h3{
        margin-bottom:30px;
        color: white;
        height: 54px;
        font-weight: bold;
        display: -webkit-box; /* 设置为块级元素 */
        -webkit-line-clamp: 2; /* 显示的行数 */
        -webkit-box-orient: vertical; /* 垂直方向排列 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 以省略号结尾 */
    }


    .detailMore{
        font-size: 12px;
        line-height: 14px;
        text-align: right;
        color: #f4e333;
    }

/*轮播*/

 #slideshow-container {
        position: relative;
        margin: auto;
        overflow: hidden;
    }
    .slide {
        display: none;
        width: 100%;
    }
    .slide img {
        width: 100%;
        height: auto;
    }

    #prev, #next{
        z-index:1; position:absolute; margin-top:5px; 
        margin-left: 245px; margin-right: 245px; display:block; 
        width:35px; height:35px; line-height:35px; font-size:25px; 
        color:#4f985f;text-align:center;  cursive; cursor:pointer; 
    }
/*    #prev { left:150px; } */
    #prev:hover, #next:hover { 
        background:#389c56; color:#fff; border-radius:55px
    }
    #next { margin-left: 803px; }

    #page-dots {
        text-align: center;
        margin-top: 10px;
    }
    .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #bbb;
        border-radius: 50%;
        margin: 8px 11px;
        cursor: pointer;
    }
    .dot.active {
        background-color: #717171;
    }



/*弹窗样式*/

h4{
    font-size: 16px;
    line-height: 24px;
    color: white;
    font-weight: bold;
    margin: 0;
}
#overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 999;
    }
    #popup {
/*        position: relative;
        margin: 50px auto;*/
        width: 850px;
        position: fixed; /* Change to fixed */
        top: 50%; /* Add */
        left: 50%; /* Add */
        transform: translate(-50%, -50%); /* Add */
        margin: 0 auto; /* Remove */   
    }
    #popup img {
        width: 100%;
        height: auto;
    }
    .close {
        position: absolute;
        top: -32px;
        right: 0;
        cursor: pointer;
        font-size: 30px;
        color: white;
        opacity: .5;
    }
.close1 {
    height: 30px;
}



    /* 二级页面 */    
/*    .crumb {
        position: relative;
        line-height: 27px;
        margin-top: 100px;
    }*/
    
    .crumb h2{
        font-size: 14px;
        line-height: 26px;
        color: #808080;
        text-align: left;
        margin: 0 0 63px 130px;
        text-transform:uppercase;
    }

    .crumb h3{
        color: #4f985f;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        text-transform:uppercase;
        margin-top: 48px;
        margin-bottom: 27px;
        font-weight: bold;
    }
    
    .line {
        border-bottom: 2px solid #4f985f;
        margin: 10px 0 30px 0;
    }

    .crumb p{
        font-size: 14px;
        line-height: 26px;
    }

    .describe{
        text-align: center;
    }

    .content p{
        color: black;
    }

    .content img{
        height: 333px;
        text-align: center;
        display: block;
        margin: 22px auto 5px auto;
    }

    .pageFooter img {
        width: 100%;
    }