.back-xz{ background: url(/images/back-xz.png) center no-repeat; background-size: cover; padding:60px 0 175px 0; }
.clearfix:after{ display: table; clear: both; }
.xz-width{ float: left; width: 50%; padding:0 5px; }
.xz-box{ margin:0 -5px; }
.xz-width-box{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 760px; border-radius: 10px; background: url(/2024images/back-xz01.png) center bottom no-repeat; background-size: cover; }
.xz-width-img div{ height: 400px; border-radius: 10px; }
.xz-width-box:hover .xz-title{ color: #8c1c40; }
.xz-link-span:hover{ background: #8c1c40; color: #fff; border-color: #8c1c40; }
.xz-width-bottom{ padding:40px; }
.xz-date{ color: #bfbfbf; font-size: 16px;  }
.xz-date span{ display: inline-block; font-size: 50px; font-weight: bold; line-height: 1; }
.xz-title{ font-size: 30px; color: #000; text-align: justify; line-height: 35px; height: 70px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 15px; }
.xz-width-p{ font-size: 18px; color: #000; opacity: 0.5; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 15px; line-height: 25px; height: 50px; }
.xz-link-span{ background: #fff; border:solid 1px #ddd; font-size: 14px; color: rgba(0,0,0,0.8); width: 124px; line-height: 34px; display: inline-block; margin-top: 30px; text-align: center; }
.xz-width-news li a{ display: block; position: relative; height: 190px; padding:50px 35px 0 35px; } 
.xz-width-news li a .xz-date{ float: left; }
.xz-width-news-right{ margin-left: 80px; }
.xz-width-news-tt{ font-size: 24px; color: #000; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.xz-width-news li a:before{ display: block; content: ""; position: absolute; left: 35px; right: 35px; bottom: 0; border-top: solid 1px #ddd; }
.xz-width-news li:last-child a:before{ display: none; }
.xz-width-news li a:hover:before{ display: block; content: ""; position: absolute; opacity: 0.9; left: 0; right: -65px; top: 0; bottom: 0; border:none; border-radius: 10px; background: url(/2024images/xz-hover.png) center repeat; }
.xz-width-news li a:hover .xz-date{ position: relative; z-index: 10; color: #f6bd25; }
.xz-width-news li a:hover .xz-width-news-tt{ position: relative; z-index: 10; color: #fff; }
.xz-width-news li a:hover .xz-width-p{ position: relative; z-index: 10; color: rgba(255,255,255,0.8); }
.xz-width-news li a:hover i{ position: absolute; left: 100%; width: 65px; top: 0; bottom: 0; background: url(/2024images/xz-raw.png) center no-repeat; z-index:10; }
.news-box-c{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:8px 4px 1px 4px; }
.news-box-sm{ width:50%; padding:0 4px; float: left; }
.news-box-sm li a{ display: block; height: 143px; border-radius: 10px; padding:45px 50px 0 50px; background: url(/2024images/news-back-t02.png) center no-repeat; background-size: cover; }
.news-box-sm li a .xz-date{ float: left; color: #004098; }
.news-box-sm li a .xz-width-news-tt{ -webkit-line-clamp: 2; }
.news-box-sm li.active a{ height: 292px; }
.news-box-sm li{ padding-bottom: 8px; }
.news-box-sm li a{ position: relative; }
.news-box-sm li a .xz-width-news-right{ margin-left: 95px; position: absolute; left: 50px; top: 50%; transform: translate(0,-50%); right: 50px; }
.news-box-sm li.active a{ background: url(/2024images/news-back-t.png) center no-repeat; background-size: cover; }
.news-box-sm li.active a .xz-date{ float: none; margin-bottom: 25px; }
.news-box-sm li.active a .xz-width-news-right{ margin-left: 0; }
.news-box-sm li.active a .xz-width-news-tt{ margin-bottom: 25px; }
.news-box-sm li a:hover{ background: url(/2024images/news-back-t03.png) center no-repeat; background-size: cover; }
.news-box-sm li a:hover .xz-date{ color: #f6bd25; }
.news-box-sm li a:hover .xz-width-news-tt{ color: #fff; }
.news-box-sm li.active a .xz-width-news-tt{ -webkit-line-clamp: 1; }
.news-box-sm li.active a:hover{ background: url(/2024images/news-back-t03.png) center no-repeat; background-size: cover; }
.news-box-sm li.active a:hover .xz-width-p{ color: #fff; opacity: 0.8; }
.news-box-sm li.active a .xz-width-news-right{ position: static; transform: translate(0,0); }
.index-s2 .bot-block .child {
    
    overflow: visible!important;
}
.img-b img{ width: 100%; }
.img-b{ padding:0 4px 6px 4px; }

@media( max-width: 1479px){
    .xz-width-img div{ height: 350px; }
    .xz-title{ font-size: 24px; }
    .xz-width-news-tt{ font-size: 20px; }
    .xz-date span{ font-size: 42px; }
    .xz-width-p{ font-size: 16px; }
    .xz-width-box{ height: 700px; }
    .xz-width-news li a{ height: 175px; padding: 40px 35px 0 35px; }
    .xz-width-bottom{ padding:35px; }
}
@media( max-width: 1279px){
    .xz-width-img div{ height: 300px; }
    .xz-title{ font-size: 20px; }
    .xz-width-news-tt{ font-size: 18px; }
    .xz-date span{ font-size: 32px; }
    .xz-width-p{ font-size: 14px; }
    .xz-width-box{ height: 600px; }
    .xz-width-news li a{ height: 150px; padding: 30px 25px 0 25px; }
    .xz-width-bottom{ padding:25px; }
    .xz-link-span{ margin-top: 15px; }
    .xz-width-p{ margin-top: 10px; }
}
@media( max-width: 991px){
    .xz-width{ width: 100%; }
    .xz-width-img div{ height: auto; padding-top: 55%; }
    .xz-width-box{ height: auto; margin-bottom: 20px; }
    .news-box-sm{ width: 100%; }
    .news-box-sm li a{ height: auto!important; padding:20px!important; }
    .news-box-sm li.active a .xz-width-news-tt {
    margin-bottom: 10px;
}
.news-box-sm li a .xz-width-news-right {
    margin-left: 80px;
}
}