@charset "utf-8";

.Zdyjc-body{ background: url(../images/bg_zdyjc_body.png) no-repeat top center; background-size: cover; overflow-x: hidden;}
.Zdyjc-head{ position: relative; overflow: hidden;}
.Zdyjc-head .logo{ width:9.54rem; height:4.07rem; margin: 0 auto; text-align: center;}
.Zdyjc-head .logo img{ width:100%; margin-top: -0.6rem; object-fit: cover;}
.Zdyjc-con{ margin-top: -0.6rem; margin-bottom: 0.3rem; position: relative; z-index: 1;}

/****当前位置****/
.dqwz{ margin: 0 auto 0.35rem auto !important;}

.years-btns{ padding: 0.3rem 0.3rem 0.15rem 0.3rem; position: relative;}
.years-btns .swiper-container{ padding-bottom: 0.47rem;}
.years-btns .swiper-slide{ position: relative;}
.years-btns .swiper-slide span{ height: 0.98rem; font-size: 0.26rem; color: #fff; font-weight: bold; line-height: 0.98rem; text-align: center; border-radius: 0.03rem; display: block; cursor: pointer; background-color: #00C981;}
.years-btns .swiper-slide:nth-of-type(1) span,
.years-btns .swiper-slide:nth-of-type(4) span,
.years-btns .swiper-slide:nth-of-type(7) span{ background: linear-gradient(90deg, #a7ebf8, #5fbce8);}
.years-btns .swiper-slide:nth-of-type(2) span,
.years-btns .swiper-slide:nth-of-type(5) span,
.years-btns .swiper-slide:nth-of-type(8) span{ background: linear-gradient(90deg, #8caee9, #6598e8);}
.years-btns .swiper-slide:nth-of-type(3) span,
.years-btns .swiper-slide:nth-of-type(6) span,
.years-btns .swiper-slide:nth-of-type(9) span{ background: linear-gradient(90deg, #f5c841, #eab618);}

.years-btns .swiper-slide i{ width:0.37rem; height: 0.17rem; background: url(../images/bg_zdyjc_year_active.png) no-repeat top center; background-size: 100%; position: absolute; left: 50%; bottom: -0.47rem; transform: translate(-50%,0); display: none;}
.years-btns .swiper-slide-active i{ display: block;}
.years-btns .swiper-container .swiper-button-prev,
.years-btns .swiper-container .swiper-button-next{ width: 0.2rem; height: 0.38rem; margin-top: -0.25rem; background-color: rgba(0,0,0,.75); position: absolute; bottom: 50%; transform: translate(0, -50%);}
.years-btns .swiper-container .swiper-button-prev::after,
.years-btns .swiper-container .swiper-button-next::after{ font-size: 0.16rem; color: #fff;}
.years-btns .swiper-container .swiper-button-prev{ border-top-right-radius: 0.03rem; border-bottom-right-radius: 0.03rem; left: 0;}
.years-btns .swiper-container .swiper-button-next{ border-top-left-radius: 0.03rem; border-bottom-left-radius: 0.03rem; right: 0;}
.years-bg{ height: 1.58rem; border-radius: 0.03rem; background-color: rgba(255,255,255,0.96); box-shadow: 0 0 0.06rem rgb(25 82 224 / 35%); position: absolute; top: 0; left: 0; right: 0;}

.jcsx{ padding: 0.3rem; border-radius: 0.03rem; background-color: rgba(255,255,255,0.96); box-shadow: 0 0 0.06rem rgb(25 82 224 / 35%);}
.jcsx .sx-boxs{ display: none;}
.jcsx .a-active{ display: block;}

.ml{ padding: 0.3rem; border-radius: 0.03rem; background-color: #e6edfc; box-shadow: 0 0 0.06rem rgb(25 82 224 / 35%);}
.ml .lm{ width:2.43rem; padding-right: 0.07rem; position: relative;}
.ml .lm .font{ padding: 0.25rem; border-radius: 0.03rem; background-color: #446ed8; display: block;}
.ml .lm .font img{ width:2.01rem; height: 0.51rem;}
.ml .lm i{ width:0.07rem; height: 0.16rem; background: url(../images/bg_zdyjc_ml.png) no-repeat center right; background-size: 100%; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); display: block;}
.ml .lm-info{ width: calc(100% - 2.43rem); height: 100%; position: relative;}
.ml .lm-info a{ width:100%; font-size: 0.28rem; color: #446ed8; font-weight: bold; text-align: center; letter-spacing: 0.03rem; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); display: block;}

.th{ margin-top: 0.35rem; color: #fff; line-height: 0.54rem; text-align: center; background-color: #4670d8; overflow: hidden;}
.th ul li{ float: left;}
.th ul li.zt{ width:1.3rem;}
.th ul li.sx{ width: calc((100% - 5.3rem) / 2);}
.th ul li.zq{ width: calc((100% - 5.3rem) / 2);}
.th ul li.sj{ width:2.3rem;}
.th ul li.dw{ width:1.7rem;}

.td ul{ height: 6.5rem; overflow-y: auto;}
.td ul::-webkit-scrollbar { width: 0.04rem;}
.td ul::-webkit-scrollbar-thumb { border-radius: 0.06rem; background: #2789ee;}
.td ul::-webkit-scrollbar-track { border-radius: 0.06rem; background: #eaeff3;}
.td ul li:nth-child(odd){ background: #f2f7fc;}
.td ul li:nth-child(even){ background: #ecf3f9;}

.td ul li{ height: 0.93rem; padding: 0.15rem 0; text-align: center; position: relative;}
.td ul li .i{ width:0; height: 100%; background-color: #e1e5fc; position: absolute; top: 0; right: 50%; transform: translate(-50%,0);transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.td ul li:hover .i{ width:100%; right: 0; transform: translate(0,0);}
.td ul li:hover .zq .a-link a span{ background-color: #fff;}

.td ul li .zt{ width:1.3rem; height: 100%; float: left; position: relative; z-index: 1;}
.td ul li .zt span{ width:0.9rem; font-size: 0.16rem; color: #fff; line-height: 0.4rem; border-radius: 0.03rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.td ul li .zt span.span01{ background-color: #e85421;}
.td ul li .zt span.span02{ background-color: #e8bb21;}
.td ul li .zt span.span03{ background-color: #bebebe;}
.td ul li .zt01{ display: none;}

.td ul li .sx{ width: calc((100% - 5.3rem) / 2); height: 100%; float: left; position: relative; z-index: 1;}
.td ul li .sx a{ height: 100%; position: relative; display: block;}
.td ul li .sx a span{ width:100%; max-height: 0.48rem; padding: 0 0.15rem 0 0; font-size: 0.16rem; color: #454545; line-height: 0.24rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.td ul li .sx a em{ display: none;}

.td ul li .zq{ width: calc((100% - 5.3rem) / 2); height: 100%; float: left; position: relative; z-index: 1;}
.td ul li .zq .a-link{ width: 100%; margin-top: -0.05rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.td ul li .zq .a-link a{ width: calc(100% / 4); float: left; margin-top: 0.1rem; font-size: 0.15rem; color: #666666; line-height: 0.28rem; display: block;}
.td ul li .zq .a-link a span{ margin-right: 0.1rem; border-radius: 0.03rem; background-color: #dde5f9; display: block;}
.td ul li .zq .a-link a:hover span{ color: #fff; background-color: #4670d8;}

.td ul li .date{ width:2.3rem; height: 100%; float: left; position: relative; z-index: 1;}
.td ul li .dw{ width:1.7rem; height: 100%; float: left; position: relative; z-index: 1;}
.td ul li .date span,.td ul li .dw span{ width:100%; font-size: 0.16rem; color: #666666; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.td ul li .dw span{ padding-right: 0.15rem;}
.td ul li .date span em,.td ul li .dw span em{ display: none;}

/****详细页面****/
.content{ padding: 0.3rem; border-radius: 0.03rem; background-color: rgba(255,255,255,0.9); box-shadow: 0 0 0.06rem rgb(25 82 224 / 35%);
