@charset "utf-8";
a:hover{
    text-decoration: underline;
}
.head{
    width: 100%;
    height: 726px;
    position: relative;;
    background: url(../../images/ztzl/xxesdjszt/xxesdjszt_head01.png) no-repeat top center;
}
.listhead{
      background: url(../../images/ztzl/xxesdjszt/xxesdjszt_redbg.png) no-repeat top center;

}
.head .headxysimg,

    .listhead .headxysimg{
    display: none;
}
.listhead .headwz{
    margin-top: 70px;
    padding-bottom: 100px;
    max-width: 96%;
    margin-left: 2%;
}
.head .logocontainer>a>img,
.listhead a img{
    margin: 10px;    
}
.listhead a img{
    max-width:33%;
}
.head .container {
    height: 100%;
    position: relative;
}
.head .container .headwz{
    display:none;
}
.head .container .more a{
    position: absolute;
    bottom: 25px;
    font-size: 16px;
    text-align: right;
    right: 5px;
    padding: 0 35px;
    line-height: 32px;
    cursor: pointer;
    opacity: 0;
}
.head .headwords{
    width: 785px;
    position: absolute;
    bottom: 35px;
    right: 0px;
}
.head .headwords ul li {
    font-size: 0px;
    white-space: nowrap;
}
.head .headwords ul li span{
    display: inline-block;
    /* float: left; */
    white-space: nowrap;
}
.head .headwords ul li .span2{
    text-overflow: ellipsis;
    height: 58px;
    line-height: 46px;
    font-size: 18px;
    max-width: 714px;
    overflow: hidden;
    background: url(../../images/ztzl/xxesdjszt/xxesdjszt_headwords2.png);
    background-size: 100% 100%;
    white-space: nowrap;
}
.head .headwords ul li+li{
    margin-top: 14px;
}
.head .headwords .hxbox::after{
    border-bottom: 1px dashed #fae297;
    height: 2px;
    content: '';
    width: 84%;
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.head .headwords .hxbox{
    padding: 0 20px;
    line-height: 30px;
    height: 30px;
    border-radius: 15px;
    background: #fae297;
    display: inline-block;
    float: right;
    margin-top: 10px;
}
.content{
    padding-top: 120px;
    width: 100%;
    background: url(../../images/ztzl/xxesdjszt/xxesdjszt_head.png03.png) no-repeat top center;
}
.content .toutiao img{
    vertical-align: middle;
    max-width: 12%;
    opacity: 0;
}
.content .comtit img{
    margin: 25px 0px;
}
.content .toutiao a{
    font-size: 28px;
    font-weight: bold;
    color: #b91a0b;
    padding-left: 1em;
    box-sizing: border-box;
    display: inline-block;
}

.con1 .con1left{
    width: 660px;
    height: 418px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}
.con1 .con1left .slideBox{
    display: block;
    width: 100%;
    height: 100%;
}
.con1 .con1left .slideBox .bd li{
    width: 660px;
    height: 418px;
    max-width: 100%;
    position:relative;
}
.con1 .con1left .slideBox .bd  li p{
    position:absolute;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    text-indent: 1em;
}
.con1 .con1left .slideBox .bd  li p a{
    display: block;
    width: 100%;
    overflow: hidden;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing:border-box;
}
.con1 .con1left .slideBox .bd li img{
    display: block;
    width: 100%;
    height: 100%;
}
.con1left .slideBox .next, .con1left .slideBox .prev {
    width: 30px;
    height: 56px;
    line-height: 56px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 40%;
    z-index: 99;
    font-size: 20px;
}
.con1left .slideBox .next{
    right: 0px;
}
.con1left .slideBox a:hover,
.con3 .picMarquee-left .hd>a:hover{
    text-decoration: unset;
}
.con1 .con1right{
    width: 530px;
    padding-left: 15px;
    box-sizing: border-box;
    margin-top: -10px;
}
.con1 .con1right .topli li{
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px dashed #f9e7e2;
}
.con1 .con1right .topli li a{
    text-align: center;
    color: #c32013;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 10px;
    line-height: 32px;
}
.con1 .con1right .topli li p{
    font-size: 16px;
    color: #777777;
    text-indent: 2em;
}
.comul{
    padding-top: 10px;
}
.comul ul li{
    width: 100%;
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 50px;
    border-bottom: 1px dashed #ededed;
}
.comul ul li::after{
    position:absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #e9bb65;
    border-radius: 50%;
    left: 4px;
    top: 50%;
    margin-top: -3px;
}
.comul ul li a {
    color: #333333;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    font-size: 18px;
}
.comul ul li a:hover{
    color: red;
    text-decoration: underline;
}
.comul ul li span{
    float: right;
    margin-top: -50px;
    color: #919191;
    font-size: 18px;
}
.comul a.more{
    /* padding: 0px 35px; */
    line-height: 32px;
    height: 32px;
    /* background: #b91a0b; */
    color: #333;
    border-radius: 16px;
    /* margin: 10px auto; */
    display: block;
    float: right;
    margin: 10px 0px;
    width: auto;
    max-width: 120px;
    box-sizing: border-box;
    float: right;
    color: #7f7f7f;
    font-size: 16px;
    padding: 0 15px;
}
.con1  .con1right .comul ul li{
    line-height: 42px;
    border-bottom: none;
}
.con1  .con1right  .comul ul li span{
    margin-top: -42px;
}
.con1 .con1right .comul ul li a{
    width: 100%;
    
}
.con2 .con2tit{
    height: 18px;
    line-height: 18px;
    padding: 18px 0px;;
    border-bottom: 1px solid #e9bb65;
}
.con2 .con2tit a.comtitmore{
    float:right;
    color: #7f7f7f;
    font-size: 16px;
    padding: 0 15px;;
}
.con2 .con2tit span{
    padding-left: 20px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #b91a0b;
}
.con2 .con2tit span::after{
    width: 5px;
    height: 100%;
    content: '';
    position: absolute;
    background: #b91a0b;
    left: 0px;
    top: 0px;
    border-radius: 2px;
}

.con2 .con2nr1 .topli li{
    padding: 15px 20px;
    position: relative;
    font-size: 0px;

}
.con2 .con2nr1{
    margin-bottom: 20px;
}
.con2 .con2nr1 .words::after{
    width: 100%;
    height: 80%;
    background: #fbf7e8;
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    z-index: -1;
}
.con2 .con2nr1 li .imgbox {
    width: 37%;
    display: inline-block;
}
.con2 .con2nr1  li .words{
    width: 62%;
    padding-top: 36px;
    padding-left: 15px;
    box-sizing: border-box;
}
.con2 .con2nr1  li .words>a{
    font-size: 18px;
    display: block;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    margin: 20px 0px;
}
.con2 .con2nr1  li .words>p{
    font-size: 16px;
    line-height: 30px;
    color: #7f7f7f;
    text-indent: 2em;
}
.con2 .con2nr1  li .words>p .more{
    color: #c32013;
}
.con2 .con2nr2 {
    font-size:0px;
}
.con2 .con2nr2 .con2left,
.con2 .con2nr2 .con2right{
    width: 49%;
    display:inline-block;
}
.con2 .con2nr2 .con2right{
    margin-left:2%;
}
.con2 .con2nr2  .comul li a{
    width:100%;
}
.con2 .con2nr2 li{

}
.content2{
    width: 100%;
    background: #fffcf2;
    padding-top: 30px;
}
.bannerbox{
    padding: 20px 0px;
}
.con3 .picMarquee-left{
    position: relative;
    height: 450px;
    box-sizing: border-box;
    overflow: hidden;
}
.con3 .picMarquee-left ul li {
    width:330px !important;
    padding: 0 25px;
    box-sizing: border-box;
}
.con3 .picMarquee-left .bd{
    width: 990px;
    margin: 0 auto;
}
.con3 .picMarquee-left .hd>a{
    width: 47px;
    height: 83px;
    line-height: 85px;
    background: #a32122;
    color: #fff;
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 50%;
    z-index: 99;
    font-size: 30px;
    margin-top: -44px;
}
.con3 .picMarquee-left .hd>a.next{
    right: 0px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.con3 .picMarquee-left .hd>a.prev{
    left: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.con3 .picMarquee-left  .bd li p{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    padding: 10px 0px;
}
.comtit span{
    display: none;
}


.ztlist>.container .mytit{
    border-bottom: 1px solid #be0000;
}
.ztlist>.container .mytit  span {
    background-color: #be0000;
    font-size: 24px;
    height: 50px;
    padding: 0 10px;
    line-height: 50px;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: inline-block;
    color: #fff;
}
.fhsy {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 50px;
}
.ztlist{
    margin:30px 0px;
}
#page_div{
    padding:20px 0px;
}
@media(max-width:1200px){
    .container{
        width: 100%;
        overflow: hidden;
    }
    .listhead{
        height:auto;
    }
    .head .container .headwz{
        display:block;
        margin:20px auto;
        max-width:90%;
    }
    .head .headwords{
        position:unset;
        max-width: 95%;
        margin:10px auto;
    }
    .head .container{
        /* position:absolute; */
        left: 0px;
        top: 0px;
        padding-bottom: 30px;
    }
    .head .headxysimg{
        display: block;
        width: 180%;
        margin-left: -15%;
        max-width: 300%;
        display: none;
    }
    .head{
        background: none;
        height: auto;
        width: 100%;
        overflow: hidden;
        background: url(/10462/xhtml/images/ztzl/xxesdjszt/xxesdjszt_redbg.png);
    }
    .content{
        background: url(../../images/ztzl/xxesdjszt/xxesdjszt_head.png02.png) no-repeat top center;
    }
    .content .toutiao img{
        opacity: 1;
        vertical-align: top;
    }
    .comtit {
        text-align: left;
        background: #fae297;
        margin: 10px 0px;
    }
    .comtit span{
        padding: 0 30px;
        line-height: 45px;
        background: #be0000;
        color: #fff;
        display: inline-block;
        /* margin-bottom:10px ; */
    }
    .comtit img{
        display: none;
    }
    .content{
        /* background: none; */
        background-size: 130% auto;
        padding-top: 0px;
        padding: 0 8px;
        box-sizing: border-box;
    }
    .content2{
        
        padding: 0 8px;
        box-sizing: border-box;
    }
    .head .container a img{
        max-width: 33%;
        margin: 5px;
    }
    .con1 .con1right,
    .con2 .con2nr1 li .words,
    .con2 .con2nr2 li{
        width: 100%;
    }
    .con1 .con1right{

        padding-left: 0px;
    }
    .content .toutiao a{
        width: 85%;
        font-size: 18px;
        padding: 15px 0px;
    }
    .con2 .con2nr1 .words::after{
        height: 100%;
    }
    .con2 .con2nr1 li .imgbox{
        width: auto;
    }
    .con2 .con2nr1 li .words{
        padding-left: 0px;
    }
    .con3 .picMarquee-left .bd{
        max-width: 100%;
    }

    .head .container .more a{
        min-width: 30%;
        bottom: 10px;
    }
    .comul ul li a{
        width: 70%;
    }
    .head .headwords ul li .span2{
        max-width:90%;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .head .headwords ul li span img{
        height:40px;
    }
    .head .headwords .hxbox{
        margin-top:20px
        z-index: 10;
    }
    .head .headwords .hxbox::after{
        bottom:40px;
    }
    .con2 .con2nr2 .con2left,
    .con2 .con2nr2 .con2right{
        width: 100%;
        margin-left:0px;
    }
    .listhead .headwz{
        margin-top:30px;
        padding-bottom:50px;
    }
}
@media(max-width:768px){
    .con1 .con1left,
    .con1 .con1left .slideBox .bd li img{
        height: 250px;
        width: 100%;
    }

    .con3 .picMarquee-left .bd li a  img{
        height: 450px; 
        width:100%;
        max-width:200%;
    }
    .con3 .picMarquee-left,
    .con3 .picMarquee-left .bd{
        width:100%;
        height: 450px; 
    }

    .con3 .picMarquee-left .bd li{
        width:10%  !important;
    }
    .con3 .picMarquee-left .bd ul{
        width:500%  !important;
    }
    .con3 .picMarquee-left .tempWrap{
        width:100% !important;
    }
    .comtit span{
        line-height: 34px;
        font-weight: bold;
    }
    .content .toutiao a{
        padding-left: 5px;
        font-size: 16px;
        color: #333;
        padding-top: 0px;
    }
    .con1 .con1right .topli li a,
    .con1 .con1right .comul ul li a, .con2nr2 .comul ul li a,
    .comul ul li span,
    .comul ul li a{
        font-size: 16px;;
    }
    .comul ul li a,
    .comul ul li span{
        line-height: 38px;
    }
    .comul ul li span{
        margin-top: -38px;
    }
    .con2 .con2nr1 li .words{
        padding-top: 10px;
    }
    .con2 .con2nr1 li .words>a{
        line-height: 32px;
        padding: 5px 0px;
        font-size: 16px;
    }
    .con2 .con2nr1 .topli li{
        padding: 15px 8px;
    }
    .head .headxysimg{
        width: 150%;
        margin-left: -25%;
    }
    .head .container .more a{
        bottom: 0px;
    }
    .con3 .picMarquee-left ul li{
        padding: 0 5px;
    }
    .con3 .picMarquee-left .hd>a{
        margin-top: -28px;
        width:30px;
        height:56px;
        line-height:56px;
        font-size: 20px;
    }
    .head .headwords ul li .span2{
        font-size:14px;
    }
    .head .container .headwz{
        margin:30px 1%;
        max-width:98%;
    }
    .head .headwords ul li .span2{
        max-width:90%;
    }
    .head .headwords .hxbox::after{
        width:70%;
    }
    .head .headwords ul li+li{
        margin-top:8px;
    }
    .ztlist>.container .mytit  span{
        height:38px;
        line-height:38px;
        font-size:16px;
    }
    .ztlist{
        padding:0 8px;
        box-sizing:border-box;
    }
}
@media(max-width:500px){
    .con1 .con1left, .con1 .con1left .slideBox .bd li img{
        height: 210px;
    }
    .con3 .picMarquee-left,
    .con3 .picMarquee-left .bd,
    .con3 .picMarquee-left .bd li a  img{
        height: 300px;
    }
    .con3 .picMarquee-left ul li{
        padding: 0 5px;
    }
    .comul ul li a{
        width: 66%;
    }
    .head .headwords ul li .span2{
        max-width:85%;
    }

}