@charset "utf-8";
body{ background-color: #fafcfd; position: relative;}

.hd{ padding: 0 0 0.23rem 0; border-bottom: 0.01rem solid #d3e2f5; position: relative;}
.hd i{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; float: left; border-radius: 0.03rem; background-color: #3978cc; display: block;}
.hd i img{ border-radius: 0.03rem;}
.hd ul{ width: calc(100% - 0.4rem); float: left;}
.hd ul li{ width: calc(100% / 4); float: left;}
.hd ul li a{ font-size: 0.22rem; color: #333333; line-height: 0.3rem;}
.hd ul li:hover a, .hd ul li.active a{ color: #3978cc; font-weight: bold;}

.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination { width: 100%;}

.jdt{ height: 4.78rem; margin-bottom: 0.28rem; position: relative;}
.jdt .pic{ width:8.3rem; height: 100%; overflow: hidden;}
.jdt .pic img{ width:100%; height: 100%; object-fit: cover;}
.jdt .pic-js{ width: calc(100% - 8.3rem); height: 100%; padding: 0.36rem; background-color: #f7f7f7; position: relative;}
.jdt .pic-js i{ width:0; height: 100%; background-color: #eaeff6; position: absolute; top: 0; left: 0; bottom: 0;}
.jdt .pic-js .title, .jdt .pic-js .js{ position: relative; z-index: 1;}
.jdt .pic-js .title{ margin-bottom: 0.25rem; font-size: 0.26rem; color: #5e5e5e; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.jdt .pic-js .js{ max-height: 2.4rem; font-size: 0.17rem; color: #5e5e5e; line-height: 0.4rem; text-align: justify; text-indent: 0.32rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.jdt .fy{ width: calc(100% - 8.3rem); height: 0.32rem; position: absolute; right: 0; bottom: 0.3rem; z-index: 9;}
.jdt .fy .box{ width:1rem; height: 100%; margin: 0 auto; background-color: #ced8e5;}
.jdt .arrow{ width: calc(100% - 8.3rem); height: 0.32rem; position: absolute; right: 0; bottom: 0.3rem; z-index: 10;}
.jdt .arrow .box{ width:1rem; height: 100%; margin: 0 auto; position: relative;}
.jdt .swiper-container .swiper-button-prev,.jdt .swiper-container .swiper-button-next{ width: 0.32rem; height: 0.32rem; top: auto; bottom: 0;}
.jdt .swiper-container .swiper-button-prev::after,.jdt .swiper-container .swiper-button-next::after{ font-size: 0.16rem; color: #333;}
.jdt .swiper-container .swiper-button-prev{ left: 0;}
.jdt .swiper-container .swiper-button-next{ right: 0;}
.jdt .swiper-container .swiper-pagination { height: 0.32rem; padding-left: 8.3rem; font-size: 0.16rem; line-height: 0.32rem; text-align: center; bottom: 0.3rem;}
.jdt:hover .pic img{ transform: scale(1.05);}
.jdt:hover .pic-js i{ width:100%;}
.jdt:hover .pic-js .hd, .jdt:hover .pic-js .bd{ color: #3978cc;}

.L-yw{ width: calc(100% - 5.7rem);}
.L-yw .bd{ height: 7.23rem; margin-top: -0.22rem;}
.L-yw .bd ul{ padding-bottom: 0.1rem; overflow: hidden;}
.L-yw .bd ul li{ margin-top: 0.43rem; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.L-yw .bd ul li .date{ width:0.6rem; height: 0.6rem; background-image: url(../images/bg_yw_li_date.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: relative;}
.L-yw .bd ul li .date h2, .L-yw .bd ul li .date h6{ color: #929296; position: absolute; display: block;}
.L-yw .bd ul li .date h2{ font-size: 0.24rem; top: 0; left: 0;}
.L-yw .bd ul li .date h6{ font-size: 0.15rem; right: 0; bottom: 0;}
.L-yw .bd ul li a{ width: calc(100% - 0.6rem); margin-left: 0.15rem; padding-left: 0.15rem; border-left: 0.01rem solid #dcdcdc; position: absolute; top:50%; left: 0.6rem; transform: translate(0, -50%);}
.L-yw .bd ul li a .title{ margin-bottom: 0.1rem; color: #394351; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.L-yw .bd ul li a .nr{ font-size: 0.16rem; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.L-yw .bd ul li:hover{ margin: 0.25rem 0 -0.1rem 0; padding: 0.1rem; border-radius: 0.03rem; background-color: #edf6ff;}
.L-yw .bd ul li:hover .date{ padding: 0.05rem; border-radius: 0.03rem; background-image: none; background-color: #0a54a6;}
.L-yw .bd ul li:hover .date h2{ margin-bottom: 0.05rem; font-size: 0.21rem; line-height: 0.27rem; border-bottom: 0.01rem solid #fff;}
.L-yw .bd ul li:hover .date h2, .L-yw .bd ul li:hover .date h6{ width: 100%; color: #fff; text-align: center; display: block; position: static;}
.L-yw .bd ul li:hover a{ width: calc(100% - 1rem); margin-left: 0.1rem; border-left: 0;}
.L-yw .bd ul li:hover a .title, .L-yw .bd ul li:hover a .nr{ color: #0a54a6;}

.R-tz{ width:5.7rem; padding-left: 0.3rem;}
.R-tz .tzgg{}
.R-tz .tzgg .bd{ margin-top: 0.1rem;}
.R-tz .tzgg .bd .info li{ line-height: 0.58rem;}
.R-tz .bmts{ margin-top: 0.21rem;}
.R-tz .bmts .bd{ padding-top: 0.04rem;}
.R-tz .bmts .bd ul{ margin-right: -0.24rem;}
.R-tz .bmts .bd ul li{ width: calc(100% / 2); float: left;}
.R-tz .bmts .bd ul li .box{ margin: 0.24rem 0.24rem 0 0; position: relative;}
.R-tz .bmts .bd ul li .box::before { left: 0; top: 0;}
.R-tz .bmts .bd ul li .box::after { right: 0; bottom: 0;}
.R-tz .bmts .bd ul li .box::before,.R-tz .bmts .bd ul li .box::after { width: 0; height: 0.01rem;}
.R-tz .bmts .bd ul li .box a{ padding-right: 1rem; font-size: 0.2rem; color: #2f4261; font-weight: bold; text-align: center; line-height: 1.37rem; background-color: #edf6ff; background-repeat: no-repeat; background-position: right bottom; background-size: contain; display: block;}
.R-tz .bmts .bd ul li .box a::before { left: 0; top: 0;}
.R-tz .bmts .bd ul li .box a::after { right: 0; bottom: 0;}
.R-tz .bmts .bd ul li .box a::before,.R-tz .bmts .bd ul li .box a::after { width: 0.01rem; height: 0;}
.R-tz .bmts .bd ul li .box a.fwrx{ background-image: url(../images/bg_ywdt_bmts_li01.png);}
.R-tz .bmts .bd ul li .box a.dljt{ background-image: url(../images/bg_ywdt_bmts_li02.png);}
.R-tz .bmts .bd ul li .box a.zpxx{ background-image: url(../images/bg_ywdt_bmts_li03.png);}
.R-tz .bmts .bd ul li .box a.xyxx{ background-image: url(../images/bg_ywdt_bmts_li04.png);}
.R-tz .bmts .bd ul li .box::before,.R-tz .bmts .bd ul li .box::after,.R-tz .bmts .bd ul li .box a::before,.R-tz .bmts .bd ul li .box a::after{ content: ""; background-color: #75a7e8; position: absolute; display: block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.R-tz .bmts .bd ul li .box:hover { cursor: pointer; z-index: 1;}
.R-tz .bmts .bd ul li .box:hover::before, .R-tz .bmts .bd ul li .box:hover::after { width: 100%;}
.R-tz .bmts .bd ul li .box:hover a::before, .R-tz .bmts .bd ul li .box:hover a::after { height: 100%;}
.R-tz .bmts .bd ul li .box:hover a{ background-color: #f6fbff; box-shadow: 0 0 0.05rem rgba(57, 120, 204, 0.6);}

.ztzl-lm{ height: 0.56rem; margin: 0.48rem; text-align: center;}
.ztzl-lm a{ display:block; position: relative;}
.ztzl-lm a .lm-01{ font-size: 0.32rem; font-weight: bold; line-height: 0.28rem; text-align: center; letter-spacing: 0.03rem; position: relative; z-index: 1;}
.ztzl-lm a .lm-01 span{ display: inline-block;}
.ztzl-lm a .lm-01 span.span01{ color: #ca2e04;}
.ztzl-lm a .lm-01 span.span02{ color: #467ac0;}
.ztzl-lm a .lm-02{ width:100%; font-size: 0.46rem; color: #f5f5f5; font-weight: bold; text-align: center; letter-spacing: 0.05rem; position: absolute; top: 0.1rem;}

.ztzl-wrap{ margin-top: 0.5rem; overflow: hidden;}
.ztzl-wrap .swiper-container{ padding-bottom: 0.5rem;}
.ztzl-wrap .swiper-container .swiper-wrapper .swiper-slide a{ height: 1.8rem; display: block;}
.ztzl-wrap .swiper-container .swiper-wrapper .swiper-slide a img{ width:100%; height: 100%; border-radius: 0.06rem; object-fit: cover;}
.ztzl-wrap .swiper-container .swiper-wrapper .swiper-slide a:hover{}
.ztzl-wrap .swiper-container .swiper-wrapper .swiper-slide a:hover img{ transform: scale(0.96);}
.ztzl-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.2rem; height: 0.04rem; background-color: #e5edf6; border-radius: 0.02rem;}
.ztzl-wrap .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}