@charset "utf-8";

.head {
    /* height: 508px; */
}

body {
    background: url(../../images/ztzl/2024_msss/msss2024zt_bg.png) no-repeat top center;
    background-size: auto 100%;
}
.head .container .imgBox{
    margin: 30px;
    text-align: center;
    margin-top: -40px;
}
.head .container .imgBox img{
    width: 684px;
}

.head .container a img {
    max-width: 33%;
    margin: 10px;
}

.topsx {
    background: url(../../images/ztzl/2024_msss/topsxbg.png) no-repeat;
    background-size: 100% 100%;
}

.topsx .container {
    padding: 20px 0;
    text-indent: 2em;
    box-sizing: border-box;
}

.topsx .container a {
    color: #fff;
    font-size: 26px;
    line-height: 40px;
}

.head .headxys {
    display: none;
}

.content .con1 {
    /*     background:#fff; */
    margin-top: 30px;
}

.content .con1 .msss {
    box-sizing: border-box;
    position: relative;
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
    height: 950px;
    background: url(../../images/ztzl/2024_msss/jhapBg.png) no-repeat right center;
    background-size: 90% auto;

}


.content .con1 .container .down {
    position: absolute;
    left: 0;
}

.content .con1 .msss .left>div {
    overflow: hidden;
    height: 100%;
    padding: 92px 0 112px;
    box-sizing: border-box;
    background: url(../../images/ztzl/2024_msss/jhapLeft.png) no-repeat center -9px;
    background-size: 95% 100%;
    position: relative;
}

.content .con1 .msss .left {
    background-size: auto 100%;
    width: 725px;
    float: left;
    height: 970px;
}

.content .con1 .msss .right {
    float: right;
    /* position: absolute; */
    /* right: -160px; */
    /* top: 0px; */
    width: 500px;
    line-height: 44px;
    padding: 240px 20px 80px;
    box-sizing: border-box;
    font-size: 18px;
    min-height: 537px;
    /* background: url(../../images/ztzl/2023_msss/msss2023zt_ssbg.png) no-repeat bottom center; */
}

.content .con1 .sstitle {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 0px 15px;
}

.content .con1 .container {
    width: 1240px;
    max-width: 100%;
}

.content .con1 .hd {
    position: absolute;
    bottom: 20px;
    left: -20px;
    z-index: 10;
}

.content .con1 .hd a {
    display: block;
    cursor: pointer;
}

.content .con1 .hd a.next {
    margin-top: 15px;
}

.content .con1 .sstitle ul {
    display: block;
    /* padding: 0px 20px; */
    position: absolute;
    max-width: 110%;
    margin-left: -15px;
}

.content .con1 .sstitle li {
    /* padding: 9px 0px; */
    font-size: 20px;
    position: relative;
    max-width: 1200px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* height: 70px; */
    position: relative;
    display: table;
    padding: 20px 50px;
    height: 150px;
    /* background-color: rgba(255, 192, 203, 0.226); */
}

.content .con1 .sstitle li.active {
    max-width: 100%;
    /* background: #d5300c; */
    /* margin-left: -40px; */
    max-width: unset;
    background: url(../../images/ztzl/2024_msss/libg.png) center no-repeat;
    background-size: 100% 100%;
}

.content .con1 .sstitle li.active::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -34px;
    width: 34px;
    height: 34px;
    background: url(../../images/ztzl/2024_msss/leftsj.png);
    background-size: 100%;
}
.content .con1 .sstitle li.active::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -34px;
    width: 34px;
    height: 34px;
    background: url(../../images/ztzl/2024_msss/rightsj.png);
    background-size: 100%;
}


.content .con1 .sstitle li.active a {
    color: #fff;

}

.content .con1 .sstitle li a {
    display: table-cell;
    padding: 7px 0;
    display: block;
    width: 100%;
    height: 110px;
    line-height: 38px;
    /* padding: 10px 20px; */
    box-sizing: border-box;
    border-bottom: 1px solid #f5c9b5;
}

.content .con1 .sstitle li a span {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /* max-width: 520px; */
    font-size: 26px;
    line-height: 39px;
    font-weight: 700;
}

/* .content .con1 .sstitle li.active::after {
    background-color: #fff;
    left: 50px;
}

.content .con1 .sstitle li::after {
    width: 12px;
    height: 12px;
    content: '';
    background-color: #d5300c;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 32px;
} */



.content .con1 .container .up,
.content .con1 .container .down {
    position: absolute;
    z-index: 99;
}

.content .con1 .container .up {
    top: 30px;
    right: 50px;
}
.content .con1 .container .down{
    bottom: 50px;
    left: 50px;
}

.ytkd{
    margin: 40px auto 0;
}

.content .con2 {
    padding-top: 55px;
    margin-bottom: 30px;
}

.content .con2 .con2left {
    padding: 20px;
    width: 730px;
    height: 485px;
    overflow: hidden;
    float: left;
    background: #fff;
    box-sizing: border-box;
}

.content .con2 .slideBox {
    position: relative;
    display: block;
    width: 690px;
    height: 445px;
}

.content .con2 .slideBox img {
    width: 690px;
    height: 389px;
}

.content .con2 .slideBox .hd {
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 99;
}

.content .con2 .slideBox .hd li {
    width: 18px;
    height: 4px;
    background: #eeeeee;
    display: inline-block;
    margin: 0 3px;
    z-index: 10;
}

.content .con2 .slideBox .bd li {
    float: left;
}

.content .con2 .slideBox .bd p {
    font-weight: bold;
    color: #333333;
    font-size: 18px;
    margin-top: 20px;
}

.content .con2 .slideBox .hd li.on {
    background: #c30c07;
}

.content .con2 .con2right {
    width: 450px;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    float: right;
    /* background: #fff; */
    height: 485px;
}
.content .con2 .con2right li>a::after{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 4px solid #ffdfb6;
  top: 38%;
  left: 5px;
}
.content .tit span {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.content .tit a.more {
    float: right;
    color: #bc3620;
    border: 1px solid #bc3620;
    border-radius: 25px;
    padding: 2px 5px;
}


.content .comul li {
    line-height: 38px;
    position: relative;
}

.content .comul {
    padding-top: 10px;
}

.content .con2 .comul li {
    line-height: 59px;
    border-bottom: 1px dashed #e5e5e5;
}

.content .con2 .comul li a {
    width: 100%;
}

.content .comul li>a {
    display: block;
    /* width: 80%; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
}

.content .comul li>a::after {
    width: 5px;
    height: 5px;
    background: #c30c07;
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -2px;
}

.content .comul li span {
    float: right;
    margin-top: -38px;
    color: #848484;
}

.content .con3 .tit,
.content .con4 .tit {
    border-bottom: 1px solid #dfdbd1;
    margin-top: 35px;
    padding-bottom: 22px;

}
.con4 .imgtit{
    position: relative;
}

.content .con3 .tit span,
.content .con4 .tit span {
    font-size: 30px;
}

.content .con4 .con4left,
.content .con4 .con4right {
    width: 48.5%;
    float: left;
}

.content .con4 .con4right {
    float: right;
}

.content {
    padding-bottom: 20px;
}

.msss .right div {
    display: none;
}

.msss .right div.active {
    display: table;
    height: 300px;
    margin-top: 70px;
}

.msss .right div p {
    display: table-cell;
    vertical-align: middle;
}

.mszczlm {
    display: none;
    position: absolute;
    z-index: 99;
    width: 451px;
    height: 135px;
    left: 131px;
    top: 50%;
    transform: translateY(-50%);
    /* background: #fff; */
}

.sjx {
    /* display: none; */
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 450px;
    /* overflow: hidden; */
    height: 135px;
    /* left: 128px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    box-sizing: border-box;
    padding: 13px 15px;
    overflow-y: auto;
    /* border-radius: 15px; */
    border: 1px solid #d40000;
}

.mszczlm:before {
    content: '';
    border: 15px solid transparent;
    border-right: 15px solid #c30c07a3;
    left: -30px;
    position: absolute;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
}

.mszczlm a {
    font-size: 16px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.comul .mszcdlb li strong {
    float: left;
    padding-left: 30px;
}

.comul .mszcdlb li>a {
    /* width: 60%; */
    width: 75%;
    padding-left: 0;
}

.comul .mszcdlb li>a::after {
    display: none;
}

.comul .mszcdlb li::after,
.comul .mstjdlb li::after{
    width: 5px;
    height: 5px;
    background: #c30c07;
    content: '';
    position: absolute;
    left: 10px;
    top: 19px;
    margin-top: -2px;
}
.ewmzt{
    display: none;
    position: absolute;
    right: -166px;
    top:-52px;
}
.ewmbox > img{
    width:170px;
    height: 170px;
}
.ewmbox{
    position: absolute;
    top:14px;
    right: 0;
}
.ewmboxbt {
}

@media(max-width:1200px) {
    .ewmbox {
      width:220px;
      right: 0;
    }
    .content .con1 .msss .left>div{
        background-image: none;
        padding: 0;
        position: static;
    }

    body {
        /* background: #f8f4e8; */
    }
    .head .container>img{
        margin: 30px auto;
    }

    .content {
        padding: 0 8px;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .container {
        max-width: 100%;
    }

    .head {
        height: auto;
        overflow: hidden;
    }

    .head .headxys {
        display: block;
        max-width: 300%;
        width: 130%;
        margin-left: -15%;


    }

    /* .head .container {
        position: absolute;
        left: 0px;
        top: 0px;
    } */

    .content .con1 .msss {
        padding-top: 0px;
        padding-bottom: 0px;
        height: auto;
        background-image: none;
    }

    .content .con1 .hd {
        bottom: -40px;
        left: 50%;
        margin-left: -26px;
    }

    .content .con1 .hd a {
        display: inline-block;
        margin-top: 0px;
    }

    .content .con1 .hd a.next {
        margin-left: 10px;
    }

    .content .con1 .sstitle li {
        font-size: 16px;
        line-height: 50px;
        height: 60px;
        padding: 0 10px;
        display: block;
        max-width: 100% !important;
        padding: 10px;
        box-sizing: border-box;
    }
    .content .con1 .sstitle li.active{
        padding-left: 10px;
    }
    .content .con1 .sstitle li.active a {
        max-width: 100%;
    }

    .content .con1 .sstitle li a {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        box-sizing: border-box;
        display: block;
        padding: 0px;
        height: auto;
        border: none;
    }

    .content .con1 .sstitle {
        height: 300px;
        /* padding-left: 0px; */
        padding: 0;
    }

    .content .con1 .sstitle li::after {
        top: 12px;

    }

    .content .con1 .sstitle li.active::after {
        left: 15px;
    }

    .content .con1 .sstitle ul {
        padding-left: 0px;
        width: 100%;
        margin-left: 0;
    }
    .content .con1 .sstitle li a span{
        font-size: 18px;
        display: block;
    }
    .content .con1 .sstitle li.active {
        margin-left: 0px;
    }
    .content .con1 .msss .left{
        width: 100%;
        height: auto;
    }

    .content .con1 .msss .right {
        width: 100%;
        width: 100%;
        background: #f9e3b5;
        padding: 10px 0px;
        min-height: unset;
        position: unset;
    }
   
    .msss .right div.active {
        padding: 0px 5px;
        box-sizing: border-box;
        margin-top: 0px;
        height: auto;
    }

    .content .con2 {
        padding-top: 20px;
    }

    .content .con2 .con2right,
    .content .con2 .con2left,
    .content .con4 .con4left, .content .con4 .con4right {
        width: 100%;
    }
    .topsx .container{
        padding: 20px;
    }

    .content .con2 .con2right {
        padding: 20px 5px 0px 5px;
        height: auto;
    }
    .content .con1 .container{
        height: 100%;
    }

    .content .con1 .container .up, .content .con1 .container .down {
        /* margin-left: -15px; */
    }

    .content .con1 .container .up {
        left: 45%;
        right: auto;
        bottom: -45px;
        top: auto;
    }
    
    .content .con1 .container .down {
        left: 55%;
        bottom: -45px;
    }

    .content .con1 {
        padding-bottom: 40px;
    }

    .content .con1 .sstitle li.active::after,
    .content .con1 .sstitle li.active::before{
        display: none;
    }
    .content .con4 .con4right{
        margin-bottom: 30px;
    }
  
}

@media(max-width:768px) {
    .ewmbox {
        width:150px;
      }
    .content .con1 .container .up {
        left: 40%;
    }

    .content .con1 .container .down {
        left: 60%;
    }

    .content .con2 .con2left {
        height: auto;
    }

    .content .con2 .slideBox {
        width: 100%;
        height: 340px;
    }

    .content .con2 .slideBox img {
        width: 100%;
        height: 300px;
    }

    .content .tit span,
    .content .con3 .tit span, .content .con4 .tit span,
    .content .con2 .slideBox .bd p {
        font-size: 16px;
    }

    .content .con2 .comul li {
        line-height: 40px;
    }

    .content .con3 .tit, .content .con4 .tit {
        margin-top: 15px;
        padding-bottom: 10xp;
    }

    .content .comul li a {
        width: 100%;
    }

    .content .con1 .sstitle {
        padding-left: 0px;
    }

    .content .imgtit img {
        width: 150%;
        /* margin-left: -25%; */
    }

    .content .con2 .slideBox .hd {
        bottom: 0px;
    }

}

@media(max-width:600px) {
    .content .con2 .slideBox {
        height: 230px;
    }

    .content .con2 .slideBox img {
        height: 200px;
    }

    .content .imgtit img {
        width: 170%;
        /* margin-left: -35%; */
    }
    .topsx .container a{
        font-size: 18px;
        line-height: 30px;
    }
    .ewmbox {
        width:80px;
        top:5px;
      }
}
@media(max-width: 425px){
    .content .con1{
        margin-top: 20px;
        background-color: #fff;
    }
    .head .container .imgBox{
        margin: 20px;
        margin-top: 0;
    }
}