@charset "UTF-8";
.H-main01{ margin-bottom: -0.3rem; padding-bottom: 0.2rem; background: url(../images/y_hdjl_bg.png) no-repeat top center #fcfdff; background-size: 100%; overflow: hidden;}

.lm{ margin-top: 0.25rem; padding-bottom: 0.2rem; line-height: 0.24rem; border-bottom: 1px solid #d0e0ec; position: relative;}
.lm .hd{ padding:0 0.15rem 0 0.18rem; display: inline-block; position: relative;}
.lm .hd01{ background-color: #fcfeff;}
.lm .hd02{ background-color: #f5f9fd;}
.lm .hd .s-line{ width:0.06rem; position: absolute; left: 0;}
.lm .hd .s-line em{ height: 0.12rem; display: block;}
.lm .hd .s-line .em01{ background-color: #568fe7; top: 0;}
.lm .hd .s-line .em02{ background-color: #df5636; top: 0.12rem;}
.lm .hd .wz-box{ display: inline-block;}
.lm .hd .wz-box span{ font-size: 0.23rem; font-weight: bold;}
.lm .hd .wz-box .span01{ color: #568fe7;}
.lm .hd .wz-box .span02{ color: #df5636;}
.lm .hd ul li{ display: inline-block;}
.lm .hd ul li a{ margin-right: 0.55rem; display: inline-block;}
.lm .hd ul li a span{ font-size: 0.23rem; font-weight: bold;}
.lm .hd ul li a .span01,.lm .hd ul li a .span02{ color: #454545;}
.lm .hd ul li:hover a .span01,.lm .hd ul li.active a .span01{ color: #568fe7;}
.lm .hd ul li:hover a .span02,.lm .hd ul li.active a .span02{ color: #df5636;}

.lf-boxs{ width: calc(100% - 4.68rem); padding-right: 0.21rem;}
.rf-boxs{ width:4.68rem;}

.btns01 ul{ margin:0.34rem -0.2rem 0 0;}
.btns01 ul li{ width: calc(100% / 4); float: left;}
.btns01 ul li a{ height: 1.33rem; margin: 0.2rem 0.2rem 0 0; border: 1px solid #dbeaf6; border-radius: 0.05rem; background-color: #f0f6fb; display: block; position: relative;}
.btns01 ul li a .box{ width:100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.btns01 ul li a .box img{ width:0.42rem; height: 0.42rem; margin: 0 auto; display: block;}
.btns01 ul li a .box span{ margin-top: 0.1rem; color: #437bea; font-weight: bold; text-align: center; display: block;}
.btns01 ul li a:hover{ border-radius:0.2rem 0.05rem; box-shadow: 0 0 0.06rem #eaf4fd; background-color: #f9fcff;}

.wwmh{ margin-top: 0.54rem; height: 1.33rem; border-radius: 0.05rem; display: block; overflow: hidden;}
.wwmh img{ width:100%;}
.wwmh:hover img { transform: scale(1.1, 1.1);}

.xjxd{ margin-top: 0.29rem;}
.xjxd .title{ margin-bottom: 0.05rem; line-height: 0.5rem; background-color: #f2f7fb;}
.xjxd .title em{ font-weight: bold; display: block;}
.xjxd .title .em01{ width: calc(100% - 1.25rem); padding-left: 0.2rem; display: block;}
.xjxd .title .em02{ width: 1.25rem; text-align: center;}
.xjxd ul{}
.xjxd ul li{ line-height: 0.49rem; position: relative;}
.xjxd ul li a { margin-right: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.xjxd ul li a i{ margin-right: 0.05rem; padding: 0.02rem 0.05rem; font-size: 0.15rem; color: #3b7fcb; line-height: normal; border:1px solid #3b7fcb; border-radius: 0.03rem; display: inline-block;}
.xjxd ul li span { padding-right: 0.15rem; position: absolute; top: 0; right: 0;}

.xjxx{ margin-top: 0.29rem; padding: 0.28rem; border: 1px solid #e6f2fb; border-radius: 0.05rem; box-shadow: 0 0 0.06rem #eaf4fd; background: linear-gradient(0deg, #f2f8fc, #fbfdff);}
.xz-title{ font-size: 0; text-align: center; overflow: hidden;}
.xz-title .img{ height: 0.8rem; display: inline-block; vertical-align: middle;}
.xz-title .con{ text-align: left; display: inline-block; vertical-align: top;}
.xz-title .con img{ max-width: 90%; display: block;}
.xz-title .con a{ padding: 0 0.09rem; font-size: 0.15rem; color: #fff; line-height: 0.25rem; border-top-left-radius: 0.05rem; border-bottom-right-radius: 0.05rem; background-color: #73b7f3; display: inline-block;}

.xz-btns{}
.xz-btns ul{ margin: -0.13rem -0.22rem 0 0;}
.xz-btns ul li{ width: calc(100% / 2); float: left;}
.xz-btns ul li a{ margin: 0.22rem 0.22rem 0 0; padding: 0.17rem 0; text-align: center; border: 1px solid #fff; border-radius: 0.05rem; box-shadow: 0 0 0.08rem rgba(199, 217, 241, 0.3); background-color: #fff; display: block;}
.xz-btns ul li a:hover{ border: 1px solid #dae9f3;}

.xz-sj{ margin-top: 0.24rem;}
.xz-sj .title{ font-size: 0; text-align: center; background: url(../images/y_hdjl_xjtj_bg.png) no-repeat center center; background-size: contain;}
.xz-sj .title span{ padding: 0 0.17rem; font-size: 0.17rem; color: #68a3e9; line-height: 0.34rem; border:1px solid #dae9f3; border-radius: calc(0.34rem / 2); background-color: #fff; display: inline-block;}
.xz-sj .sj-box{ margin-top: 0.05rem; text-align: center; position: relative;}
.xz-sj .sj-box li{ width: calc(100% / 2); margin-top: 0.2rem; float: left;}
.xz-sj .sj-box li span{ text-align: center; display: block;}
.xz-sj .sj-box li .span01{ font-size: 0.17rem;}
.xz-sj .sj-box li .span02{ margin-top: 0.1rem; font-size: 0.24rem; color: #f15445; font-weight: bold;}

.xjblgk{ margin-top: 0.3rem;}
.xjblgk .title{ text-align: center; background: url(../images/y_hdjl_xjbltj_bg.png) no-repeat center center;}
.xjblgk .title .box{ padding: 0 0.2rem; background-color: #fbfdff; display: inline-block;}
.xjblgk .title .box span{ font-size: 0.24rem; color: #568fe7; font-weight: bold; display: inline-block; vertical-align: middle;}
.xjblgk .title .box img{ display: inline-block; vertical-align: middle;}
.xjblgk .bg{ height: 4.03rem; margin-top: 0.31rem; background-color: #f5f9fd;}
.xjblgk .zzt{ position: relative;}
.xjblgk .zzt .boxs{ width:100%; height: 100%;}
.xjblgk .zzt .date { position: absolute; width: 2rem; top:0.2rem; right: 0.2rem; z-index: 999;}
.xjblgk .bzt .title{ padding: 0.25rem; font-size: 0.2rem; font-weight: bold;}
.layui-input, .layui-textarea,.laydate-set-ym span, .layui-laydate-list>li{ font-size: 0.16rem;}

.btns02 ul{ margin:0.02rem -0.25rem 0 0;}
.btns02 ul li{ width: calc(100% / 4); float: left;}
.btns02 ul li a{ margin: 0.25rem 0.25rem 0 0; border-radius: 0.05rem; background: linear-gradient(180deg, #80bbff, #a2d1ff); display: block;}
.btns02 ul li a .box{ background-position: right bottom; background-repeat: no-repeat; background-size:auto 100%;}
.btns02 ul li a .box img{ width:100%; object-fit: cover;}
.btns02 ul li:nth-of-type(1) a .box{ background-image: url(../images/y_hdjl_btn02_bg01.png);}
.btns02 ul li:nth-of-type(2) a .box{ background-image: url(../images/y_hdjl_btn02_bg02.png);}
.btns02 ul li:nth-of-type(3) a .box{ background-image: url(../images/y_hdjl_btn02_bg03.png);}
.btns02 ul li:nth-of-type(4) a .box{ background-image: url(../images/y_hdjl_btn02_bg04.png);}
.btns02 ul li a:hover,.btns02 ul li a:hover .box{ border-radius:0.2rem 0.05rem;}

.tabl, .yjdc{ width: calc(50% - 0.125rem);}
.qt{ margin-top: 0.11rem;}
.qt li{ line-height: 0.5rem;}
.qt li a{ padding-left: 0.15rem; background-image: url(../images/y_gy_liico_y.png); background-repeat: no-repeat; background-position: left center; overflow: hidden;}
.qt li span{ color: #999999;}

.zj-infos{ height: 3.2rem;}
.zj-infos ul{ margin-top: 0.26rem;}
.zj-infos ul li{ margin-top: 0.16rem; padding: 0.15rem 0.21rem; border-radius:0.03rem; background-color: #f2f8fc; position: relative;}
.zj-infos ul li a{ display: block; position: relative; z-index: 1; overflow: hidden;}
.zj-infos ul li a .date{ width:0.9rem; padding: 0.06rem 0.2rem 0.03rem 0; background: url(../images/y_index_zwdtbg_infoli_line.png) repeat-y right center; overflow: hidden;}
.zj-infos ul li a .date span{ font-size: 0.17rem; text-align: center; display: block;}
.zj-infos ul li a .date .zt{ color: #fff; line-height: 0.28rem; border-radius: 0.03rem;}
.zj-infos ul li a .date .zt-bg01{ background-color: #f15445;}
.zj-infos ul li a .date .zt-bg02{ background-color: #97aab6;}
.zj-infos ul li a .date .rq{ margin-top: 0.08rem; color: #999999;/* line-height: 0.26rem; */}
.zj-infos ul li a .con{ width: calc(100% - 0.9rem); max-height: 0.64rem; line-height: 0.28rem; text-align: justify; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: absolute; top: 50%; left: 1.1rem; transform: translate(0, -50%);}
.zj-infos ul li i{ width: 0; height: 100%; border-radius: 0.03rem; position: absolute; top: 0; left: 0; bottom: 0; background-color: #e6f3fb; overflow: hidden;}
.zj-infos ul li:hover i{ width:100%;}

.zcwd-lm{ margin-top: 0.3rem; line-height: 0.24rem; position: relative;}
.zcwd-lm .h-line{ width: 100%; height: 1px; background-color: #d0e0ec; position: absolute; top: 50%; right: 0; transform: translate(0,-50%);}
.zcwd-lm .hd{ padding:0 0.15rem 0 0.18rem; background-color: #fcfdff; display: inline-block; position: relative;}
.zcwd-lm .hd .s-line{ width:0.06rem; position: absolute; left: 0;}
.zcwd-lm .hd .s-line em{ height: 0.12rem; display: block;}
.zcwd-lm .hd .s-line .em01{ background-color: #568fe7; top: 0;}
.zcwd-lm .hd .s-line .em02{ background-color: #df5636; top: 0.12rem;}
.zcwd-lm .hd .wz-box{ display: inline-block;}
.zcwd-lm .hd .wz-box span{ font-size: 0.23rem; font-weight: bold;}
.zcwd-lm .hd .wz-box .span01{ color: #568fe7;}
.zcwd-lm .hd .wz-box .span02{ color: #df5636;}

.zcwd{ width: calc(100% + 0.28rem); margin: 0.1rem 0 0 -0.14rem; padding-bottom: 0.3rem; position: relative;}
.zcwd a{ margin: 0.14rem; box-shadow: 0 0 0.06rem #eaf4fd; display: block;}
.zcwd a .title{ padding: 0.25rem; border-top-left-radius: 0.05rem; border-top-right-radius: 0.05rem; background: linear-gradient(90deg, #81bbff, #a2d0ff);}
.zcwd a .title span{ height: 0.64rem; font-size: 0.2rem; color: #fff; font-weight: bold; line-height: 0.32rem; text-align: justify; letter-spacing: 0.01rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.zcwd a .boxs{ padding: 0.2rem 0.25rem 0.25rem 0.25rem; border: 1px solid #d8e9f7; border-bottom-left-radius: 0.05rem; border-bottom-right-radius: 0.05rem; background-color: #f5f9fd; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.zcwd a .boxs span{ height: 0.94rem; color: #888888; line-height: 0.32rem; text-align: justify; letter-spacing: 0.01rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.zcwd a .boxs .date{ margin-top: 0.2rem; padding: 0.03rem 0.05rem; font-size: 0.16rem; color: #fff; border-radius: 0.03rem; background-color: #97aab6; display: inline-block;}
.zcwd a:hover .boxs{ background-color: #fff;}
.zcwd .swiper-container{ position: static;}
.zcwd .swiper-slide{ width: calc(100% / 3);}
.zcwd .swiper-pagination { bottom: 0;}
.zcwd .swiper-pagination .swiper-pagination-bullet { width:0.11rem; height: 0.11rem; margin: 0 0.03rem; background-color: #d7e4f8; border-radius: 0.055rem; opacity: 1;}
.zcwd .swiper-pagination .swiper-pagination-bullet-active { width:0.26rem; background: #81bbff;}