body{ background: url(../images/bg_zwz_body.png) no-repeat center bottom #f2f6fb; background-size: 100%;}

.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.11rem; height: 0.11rem; margin:0 0.08rem 0 0; background: #fff; opacity: 1; display: inline-block;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active { background: #6391d1;}

.str_wrap { position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap; overflow: hidden;}
.str_move { position: absolute; white-space: nowrap; top: 0; left: 0; cursor: move;}
.str_move_clone { position: absolute; top: 0; left: 100%; vertical-align: top;}
.str_vertical .str_move_clone { top: 100%; left: 0;}
.str_down .str_move_clone { left: 0; bottom: 100%;}
.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}

.footer{ margin-top: 0.3rem;}

/****子网站-二级页面-head****/
.zwz-header{ padding-bottom: 0; background-image: url(../images/bg_zwz_header.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.zwz-header .logo_search{ height: 0.68rem; margin: 0.48rem 0 0.7rem 0; position: relative;}
.zwz-header .logo_search .logo{ height: 100%;}
.zwz-header .logo_search .logo img{ width:0.86rem; height: 100%; display: inline-block;}
.zwz-header .logo_search .logo span{ font-size: 0.38rem; color: #fff; font-weight: bold; line-height: 0.68rem; display: inline-block; vertical-align: middle;}
.zwz-header .logo_search .search { width:4.7rem; height: 0.48rem; margin-top: 0.1rem; position: relative;}
.zwz-header .logo_search .search input[type="text"] { width: 100%; height: 100%; padding-left: 0.15rem; font-size: 0.16rem; color: #fff; background-color: rgba(255, 255, 255, 0.3); border-radius: 0.03rem;}
.zwz-header .logo_search .search input::placeholder{ color: #cadcf2;}
.zwz-header .logo_search .search input[type="button"] { width:0.48rem; height: 0.48rem; position: absolute; top:50%; right: 0.1rem; transform: translate(0, -50%); background: url(../images/bg_searchbtn.png) no-repeat center; cursor: pointer;}
.zwz-header .head_nav { background-color: #0a54a6; box-shadow: 0 0.01rem 0.06rem rgba(255, 255, 255, 0.6);}
.zwz-header .head_nav ul li { width: calc(100% / 4); float: left; font-size:0.22rem; line-height: 0.62rem; text-align: center;}
.zwz-header .head_nav ul li a { color: #fff; display: block; position: relative;}
.zwz-header .head_nav ul li a span{ font-weight: bold; display: block; position: relative; z-index: 1;}
.zwz-header .head_nav ul li a i{ width:0; height: 0.62rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); background-color: #2a6abb;}
.zwz-header .head_nav ul li a:hover i, .zwz-header .head_nav ul li a.active i { width:100%;}
.zwz-header .head_nav ul li a:hover span, .zwz-header .head_nav ul li a.active span { font-weight: bold;}

/****首页****/
.zczz{ height: 1.2rem; margin-top: 0.35rem; background-color: #e7eff9;}
.zczz .hd{ width:1.58rem; height: 100%; background: url(../images/bg_zwz_zdzczz.png) no-repeat right bottom; display: block;}
.zczz .hd .bg-span{ width: calc(100% - 0.16rem); height: 100%; border-radius: 0.05rem; border-bottom-right-radius: 0; background-color: #0a54a6; display: block; position: relative;}
.zczz .hd .bg-span span{ width:100%; font-size: 0.24rem; color: #fff; font-weight: bold; line-height: 0.38rem; text-align: center; letter-spacing: 0.02rem; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.zczz .bd{ width: calc(100% - 1.58rem); height: 100%; padding-right: 0.18rem; position: relative;}
.zczz .bd a{ width:100%; max-height: 0.8rem; font-size: 0.3rem; font-weight: bold; line-height: 0.4rem; text-align: center; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);  overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.zytz{ height: 0.65rem; margin-top: 0.2rem; padding: 0 0.2rem; line-height: 0.65rem; background-color: #e7eff9; overflow: hidden;}
.zytz .hd{ width:1rem; margin-right: 0.1rem; font-size: 0.24rem; font-weight: bold; display: block;}
.zytz .hd a{ color: #0a54a6;}
.zytz .bd { height: 100% !important; overflow: hidden; position: relative;}
.zytz .bd a { margin-right: 0.2rem; padding-right: 1.38rem; color: #222; background: url(../images/bg_header_a01.png) no-repeat right center; position: relative;}
.zytz .bd a span { color: #666; display: inline-block; position: absolute; right: 0.2rem;}
.zytz .bd a:hover{ color: #3978cc;}
.zytz .str_wrap { width: calc(100% - 1.1rem);}

.zwdt{ margin-top: 0.2rem;}
.zwdt .jdt{ width:6.47rem; height: 3.72rem;}
.zwdt .jdt .fonts { height: 0.49rem; padding-left: 0.15rem; line-height: 0.49rem; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5);}
.zwdt .jdt .fonts span{ margin-right: 1.35rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.zwdt .jdt .swiper-container .swiper-pagination { padding-right: 0.07rem; height: 0.49rem; line-height: 0.49rem; text-align: right; bottom: 0;}
.zwdt .dt { width: calc(100% - 6.67rem);}
.zwdt .dt .hd { width:100%;}
.zwdt .dt .hd ul{ width:100%;}
.zwdt .dt .hd ul li { width: calc(100% / 5); float: left;}
.zwdt .dt .hd ul li a { padding: 0 0.1rem; font-size: 0.22rem; color: #000; line-height: 0.48rem; text-align: center; display: block;}
.zwdt .dt .hd ul li:hover a,.zwdt .dt .hd ul li.active a { color: #fff; border-radius: 0.5rem; background-color: #125db2;}
.zwdt .dt .bd { height: 3.15rem; margin-top: 0.14rem; overflow: hidden;}
.zwdt .dt .bd .info li{ line-height: 0.55rem;}
.zwdt .dt .bd .info li a,.zwdt .dt .bd .info li span{ color: #000;}

.zfgk{ margin-top: 0.4rem;}
.zfgk .hd{ background-image: url(../images/bg_zwgk_zfxxgk_hd.png); background-repeat: repeat-x; background-position: center center;}
.zfgk .hd span{ width:2.14rem; margin: 0 auto; font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.31rem; text-align: center; border-left: 0.07rem solid #3978cc; border-right: 0.07rem solid #3978cc; background-color: #f2f6fb; display: block;}

.zfgk .bd{}
.zfgk .bd ul{ margin-right: -0.25rem;}
.zfgk .bd ul li{ width: calc(100% / 4); float: left;}
.zfgk .bd ul li a{ height: 1.4rem; margin: 0.35rem 0.25rem 0 0; border-radius: 0.05rem; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; display: block;}
.zfgk .bd ul li a.gk01{ background-image: url(../images/bg_zwz_zfxxgk_bd01.png);}
.zfgk .bd ul li a.gk02{ background-image: url(../images/bg_zwz_zfxxgk_bd02.png);}
.zfgk .bd ul li a.gk03{ background-image: url(../images/bg_zwz_zfxxgk_bd03.png);}
.zfgk .bd ul li a.gk04{ background-image: url(../images/bg_zwz_zfxxgk_bd04.png);}
.zfgk .bd ul li a .box{ width:100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 2;}*
.zfgk .bd ul li a .box img{ width:0.5rem; height: 0.5rem; margin: 0 auto 0.06rem auto; display: block;}
.zfgk .bd ul li a .box span{ color: #fff; font-weight: bold; text-align: center; display: block;}
.zfgk .bd ul li a i{ width: 0; height:100%; border-radius: 0.05rem; position: absolute; background: linear-gradient(rgba(52,129,220,.8), rgba(52,129,229,.6)); z-index: 1;}
.zfgk .bd ul li a:hover i{ width:100%;}
.zfgk .bd ul li a:hover .box img{ animation: shakeY1 6s linear infinite; -webkit-animation: shakeY1 6s linear infinite;}

.Boxs{ margin-top: 0.35rem; width: calc(100% / 2 - 0.15rem);}
.Boxs .hd{ padding: 0 0 0.23rem 0; border-bottom: 1px solid #d3e2f5; position: relative;}
.Boxs .hd i{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; font-size: 0; border-radius: 0.03rem; background-color: #3978cc; display: inline-block; vertical-align: middle;}
.Boxs .hd i img{ border-radius: 0.03rem;}
.Boxs .hd .big-ul{ width: calc(100% - 0.4rem); float: left;}
.Boxs .hd .big-ul li{ width: calc(100% / 5); float: left;}
.Boxs .hd .big-ul li a{ font-size: 0.22rem; color: #333333; font-weight: bold; line-height: 0.3rem;}
.Boxs .hd .big-ul li:hover a, .hd ul li.active a{ color: #3978cc; font-weight: bold;}
.Boxs .hd .small-ul{ width: calc(100% - 2rem); margin-left: -0.1rem; float: right; text-align: right;}
.Boxs .hd .small-ul li{ width: calc(100% / 3); float: revert; display: inline-block;}
.Boxs .hd .small-ul li a{ margin-left: 0.1rem; font-size: 0.16rem; color: #3978cc; line-height: 0.28rem; text-align: center; border: 1px solid #3978cc; border-radius: 0.03rem; display: block;}
.Boxs .hd .small-ul li:hover a,.Boxs .hd .small-ul li.active a{ color: #fff; background-color: #3978cc;}
.Boxs .hd .span{ font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.3rem; display: inline-block; vertical-align: middle;}
.Boxs .bd{ margin-top: 0.1rem;}

.Boxs.dlm{ width: 100%;}
.Boxs.dlm .bd .info li{ width: calc((100% - 0.3rem) / 2);}
.Boxs.dlm .bd .info li:nth-child(even){ float: right;}
.Boxs.dlm .bd .info li:nth-child(odd){ float: left;}

.Zwml{ width: calc(100% - 5.1rem); margin-top: 0.2rem; position: relative;}
.Zwml .bd{ height: 1.28rem; margin-top: 0.15rem; overflow: hidden;}
.Zwml .bd a{ width: 100%; padding-top: 0.15rem; display: block; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.Zwml .bd a img{ width:0.6rem; height: 0.6rem; margin: 0 auto 0.07rem auto; border: 1px solid #bcd3f4; border-radius: 50%; background-color: #f6faff; display: block;}
.Zwml .bd a span{ height: 0.46rem; font-size: 0.17rem; line-height: 0.23rem; text-align: center; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.Zwml .bd a:hover{ text-decoration: none;}
.Zwml .bd a:hover img{ animation: shakeY1 6s linear infinite; -webkit-animation: shakeY1 6s linear infinite; box-shadow: 0 0 0.05rem rgba(57, 120, 204, 0.6);}
.Zwml .bd.bd01 a{ height: 100%; padding: 0 0.2rem; text-align: center; background-color: #f6f9fe; border: 1px solid #bcd3f4; display: block; position: static; transform: translate(0, 0);}
.Zwml .bd.bd01 a img{ margin: 0.08rem auto 0 auto; border: 0; border-radius: 0; background-color: transparent;}
.Zwml .bd.bd01 a:hover img{ box-shadow: 0 0 0 rgba(57, 120, 204, 0.6);}
.Zwml .bd .swiper-container{ position: static;}
.Zwml .bd .swiper-container .swiper-wrapper .swiper-slide{ width: calc(100% / 5); height: 100%; position: relative;}
.Zwml .bd .swiper-container .swiper-button-next{ right: 0;}
.Zwml .bd .swiper-container .swiper-button-prev{ left: auto; right: 0.35rem;}
.Zwml .bd .swiper-container .swiper-button-next,
.Zwml .bd .swiper-container .swiper-button-prev{ width:0.25rem; height: 0.25rem; top: 0.25rem; border-radius: 0.03rem; background-color: #4c8bd1; background-image: none;}
.Zwml .bd .swiper-container .swiper-button-next:after,
.Zwml .bd .swiper-container .swiper-button-prev:after{ font-size:0.13rem; color: #fff;}

.Jczw{ width:4.8rem; margin-top: 0.2rem; margin-left: 0.3rem; position: relative;}
.Jczw .bd{ height: 1.13rem; margin-top: 0.3rem; overflow: hidden;}
.Jczw .bd a{ width: 100%; height: 100%; border: 1px solid #e0ebfb; border-radius: 0.03rem; background: url(../images/bg_zwz_jczwgk.png) no-repeat center bottom #f6f9fe; background-size: cover; display: block; position: relative;}
.Jczw .bd a span{ width: 100%; max-height: 0.46rem; padding: 0 0.2rem; font-size: 0.17rem; line-height: 0.23rem; text-align: center; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.Jczw .bd a:hover{ color: #fff; background: none; background-color: #3978cc;}
.Jczw .bd .swiper-container{ position: static;}
.Jczw .bd .swiper-container .swiper-wrapper .swiper-slide{ width: calc(100% / 2); height: 100%; position: relative;}
.Jczw .bd .swiper-container .swiper-button-next{ right: 0;}
.Jczw .bd .swiper-container .swiper-button-prev{ left: auto; right: 0.35rem;}
.Jczw .bd .swiper-container .swiper-button-next,
.Jczw .bd .swiper-container .swiper-button-prev{ width:0.25rem; height: 0.25rem; top: 0.25rem; border-radius: 0.03rem; background-color: #4c8bd1; background-image: none;}
.Jczw .bd .swiper-container .swiper-button-next:after,
.Jczw .bd .swiper-container .swiper-button-prev:after{ font-size:0.13rem; color: #fff;}

.xct-fl{ width: calc(100% - 5.1rem); height: 1.1rem; margin-top: 0.25rem;}
.xct-fr{ width:4.8rem; height: 1.1rem; margin-top: 0.25rem; margin-left: 0.3rem;}
.xct{ position: relative; overflow: hidden;}
.xct .swiper-container .swiper-wrapper .swiper-slide { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.xct .swiper-container .swiper-button-prev,.xct .swiper-container .swiper-button-next{ display: none;}
.xct .swiper-container .swiper-pagination{ bottom: 0.1rem;}
.xct .swiper-container .swiper-pagination .swiper-pagination-bullet { width:0.08rem; height: 0.08rem;}

/****特殊子站-教委****/
.jwxc{ width: 100%; margin-top: 0.25rem;}
.jwxc a{ height: 1.2rem; background-repeat: no-repeat; background-position: center center;background-size: 100% 100%; display: block; position: relative; 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;}
.jwxc a img{ width:auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.jwxc a:hover{ background-size: 105% 105%;}

/****特殊子站-民政局****/
.mzxc{ width: 100%; margin-top: 0.25rem;}
.mzxc a{ height: 1.8rem; background-repeat: no-repeat; background-position: center center;background-size: 100% 100%; display: block; position: relative; 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;}
.mzxc a img{ width:auto; height: 100%; position: absolute; top: 0; left: 0.3rem; transform: translate(0,0);}
.mzxc a:hover{ background-size: 105% 105%;}
.mzxc a:hover img{ left: 5%; transform: translate(-5%,0);}

/****特殊子站-农业农村委****/
.ncxc{ width: 100%; margin-top: 0.25rem;}
.ncxc a{ height: 1.5rem; background-repeat: no-repeat; background-position: center center;background-size: 100% 100%; display: block; position: relative; 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;}
.ncxc a img{ width:auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ncxc a:hover{ background-size: 105% 105%;}

/****特殊子站-医保局****/
.ybjxc{ width: 100%; margin-top: 0.25rem;}
.ybjxc a{ height: 1.5rem; background-repeat: no-repeat; background-position: center center;background-size: 100% 100%; display: block; position: relative; 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;}
.ybjxc a img{ width:auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.ybjxc a:hover{ background-size: 105% 105%;}
.ybjxc .swiper-container .swiper-pagination{ bottom: 0.05rem; text-align: right;}

/****特殊子站-公安局****/
.gajxc{ width: 100%; margin-top: 0.25rem;}
.gajxc a{ height: 1.6rem; background-repeat: no-repeat; background-position: center center;background-size: 100% 100%; display: block; position: relative; 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;}
.gajxc a img{ width:auto; height: 100%; object-fit: cover;}
.gajxc a .img01, .gajxc a .img02{ width:auto; height: 100%; position: absolute;}
.gajxc a .img01{ top: 0; left: 10%; transform: translate(-10%,0);}
.gajxc a .img02{ top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gajxc a:hover{ background-size: 105% 105%;}

.gajsp{ margin-top: 0.45rem;}
.gajsp .hd{ background-image: url(../images/bg_zwgk_zfxxgk_hd.png); background-repeat: repeat-x; background-position: center center;}
.gajsp .hd a{ width:2.14rem; margin: 0 auto; font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.31rem; text-align: center; border-left: 0.07rem solid #3978cc; border-right: 0.07rem solid #3978cc; background-color: #f2f6fb; display: block;}
.gajsp .sp{ margin-top: 0.1rem; padding-bottom: 0.3rem; position: relative;}
.gajsp .sp .swiper-container{ position: static;}
.gajsp .sp .swiper-slide{ width: calc(100% / 4);}
.gajsp .sp .swiper-slide a{ height: 2.3rem; margin-top: 0.2rem; display: block; position: relative;}
.gajsp .sp .swiper-slide a img{ width:100%; height: 100%; object-fit: cover;}
.gajsp .sp .swiper-slide a .sp-img{ width:100%; height: 100%; overflow: hidden;}
.gajsp .sp .swiper-slide a .ico-img{ width:0.4rem; height: 0.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.gajsp .sp .swiper-slide a .zcc{ width:0; height: 0; background-color: rgba(0,0,0,.3); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gajsp .sp .swiper-slide a:hover .sp-img img{ transform: scale(1,1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.gajsp .sp .swiper-slide a:hover .ico-img img{ animation: shakeY1 6s linear infinite; -webkit-animation: shakeY1 6s linear infinite;}
.gajsp .sp .swiper-slide a:hover .zcc{ width:100%; height: 100%;}
.gajsp .sp .swiper-container .swiper-pagination{ bottom: -0.1rem;}
.gajsp .sp .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 0.28rem; height: 0.06rem; border-radius: 0.14rem;}

/****特殊子站-规资局****/
.gzjxc{ width: 100%; margin-top: 0.25rem;}
.gzjxc .box{ height: 1.8rem; display: block; position: relative; 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;}
.gzjxc .box a{ width: calc(100% / 2); height: 100%; padding: 0.2rem; float: left; text-align: center; display: block; position: relative; z-index: 1;}
.gzjxc .box a .span-font{ width: calc(100% - 0.2rem); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gzjxc .box a .span-font span{ color: #fff; line-height: 0.24rem; display: block;}
.gzjxc .box a .span-font .span01{}
.gzjxc .box a .span-font .span02{ font-size: 0.26rem; font-weight: bold;}
.gzjxc .box a .span-font i{ width:0.5rem;height: 0.03rem; margin: 0.2rem auto; background: #fff; display: block;}
.gzjxc .box a em{ width:0.16rem; height: 0.38rem; background-position: center right; background-size: cover; position: absolute; top: 50%; right: -0.16rem; transform: translate(0,-50%);}
.gzjxc .box .img{ width: calc(100% / 2); height: 100%; float: left;}
.gzjxc .box .img img{ width:100%; height: 100%; object-fit: cover;}
.gzjxc .box:hover .img img{ transform: scale(1,1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
.gzjxc .swiper-slide:nth-child(odd) .box a{ background-color: #39b1ed;}
.gzjxc .swiper-slide:nth-child(odd) .box a em{ background-image: url(../images/img_gzjxct_05.png);}
.gzjxc .swiper-slide:nth-child(even) .box a{ background-color: #31c7d6;}
.gzjxc .swiper-slide:nth-child(even) .box a em{ background-image: url(../images/img_gzjxct_03.png);}
.gzjxc .swiper-container .swiper-pagination{ bottom: 0.05rem; text-align: right;}

@keyframes shakeY1 {
	0%,to { -webkit-transform: translateZ(0); transform: translateZ(0);}
	10%,30%,50%,70%,90% { -webkit-transform: translate3d(0, -0.03rem, 0); transform: translate3d(0, -0.03rem, 0);}
	20%,40%,60%,80% { -webkit-transform: translate3d(0, 0.03rem, 0); transform: translate3d(0, 0.03rem, 0);}
}

/****列表****/
.List .list-fl{ width:3rem; position: relative; top:0; z-index: 1;}
.List .list-fl .title{ padding: 0.25rem 0.15rem; font-size: 0.2rem; color: #fff; font-weight: bold; line-height: 0.28rem; text-align: center; background-image: linear-gradient(to right , #3276cd, #155db0); display:block;}
.List .list-fl ul{ min-height: 8.5rem; padding-bottom: 0.25rem; box-shadow: 0 0 0.1rem rgba(193,208,227,.6); background-color: #fff;}
.List .list-fl ul li{}
.List .list-fl ul li a{ margin: 0.15rem 0.15rem 0 0.15rem; padding: 0.2rem 0.1rem 0.2rem 0.4rem; line-height: 0.2rem; border-radius: 0.03rem; display: block; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; background-color: #f6f9fc;}
.List .list-fl ul li a i{ width:0.16rem; height: 0.2rem; background-image: url(../images/bg_list_zlm.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; top: 50%; left: 0.15rem; transform: translate(0,-50%);}
.List .list-fl ul li:hover a,.List .list-fl ul li.active a{ color: #155db0; background-color: #e7eff5;}
.List .list-fl ul li:hover a:hover i,.List .list-fl ul li.active a i{ background-image: url(../images/bg_list_zlm_active.png);}

.List .list-fr{ width: calc(100% - 3rem); padding-left: 0.3rem; background: url(../images/bg_list_lm_r.png) repeat-x center top; position: relative;}
.List .list-fr .dqzlm{ padding: 0.25rem 0; font-size: 0.22rem; font-weight: 600; border-bottom:0.01rem solid #dbdbdb; position: relative;}
.List .list-fr .dqzlm span{ position: relative; z-index: 1;}
.List .list-fr .dqzlm img{ height: 90%; position: absolute; right: 0; bottom: 0;}
.List .w100{ width: 100%; padding-left: 0; background: transparent;}
.List .w100 .dqzlm{ padding: 0; border-bottom:0; background: url(../images/bg_list_lm_r.png) repeat-x center bottom;}
.List .w100 .dqzlm span{ min-width: 2.68rem; padding: 0.2rem 0.15rem; font-size: 0.2rem; color: #fff; font-weight: bold; line-height: 0.28rem; text-align: center; border-top-left-radius:0.05rem; border-top-right-radius:0.05rem; background-image: linear-gradient(to right , #3276cd, #155db0); display: inline-block;}
.List .list-fr .Guidang{ width:1.3rem; height: 1.3rem; background-image: url(../images/bg_guidang.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; top: -0.3rem; right: 0; z-index: 1; transform: rotateZ(30deg); display: none;}
.List .list-fr .Guidang img{ width: 0.92rem; height: 0.31rem; margin: 0 auto; display: none;}
.List .list-fr .Guidang p{ margin-top: 0.75rem; font-size: 0.13rem; color: #e71f19; font-weight: bold; text-align: center; display: block;}
.List .list-fr .infos-box{ min-height: 6rem; margin-top: 0.15rem;}
.List .list-fr .infos-box .info{}
.List .list-fr .infos-box .info li{ line-height: 0.55rem;}
.List .list-fr .infos-box .info li a{ padding-left: 0.15rem; position: relative;}
.List .list-fr .infos-box .info li a i{ width:0.06rem; height: 0.06rem; background-image: url(../images/bg_list_li_ico.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.List .list-fr .infos-box .info li a:hover i{ background-image: url(../images/bg_content_li_ico.png);}
.List .list-fr .infos-box .info li span{}
.List .list-fr .infos-box .line{ width:100%; height: 0.01rem; margin: 0.2rem 0;  border-bottom: 0.01rem dashed #c9cacb;}

.List .list-fr .ml-info{ padding: 0.3rem; background-color: rgba(255,255,255,.9); overflow: hidden;}
.List .list-fr .ml-info ul{ min-height: 5rem; margin:-0.3rem -0.3rem 0 0;}
.List .list-fr .ml-info ul li{ width: calc(100% / 4); float: left;}
.List .list-fr .ml-info ul li a{ margin: 0.3rem 0.3rem 0 0; padding: 0.3rem 0.2rem; border: 1px solid #e0ebfb; border-radius: 0.03rem; background-color: #f6f9fe; display: block;}
.List .list-fr .ml-info ul li a img{ width:0.6rem; height: 0.6rem; margin: 0 auto 0.1rem auto; border: 1px solid #e0ebfb; border-radius: 50%; background-color: #f6f9fe; display: block;}
.List .list-fr .ml-info ul li a span{ font-size: 0.17rem; line-height: 0.23rem; text-align: center; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.List .list-fr .ml-info ul li a:hover{ text-decoration: none;}
.List .list-fr .ml-info ul li a:hover img{ animation: shakeY1 6s linear infinite; -webkit-animation: shakeY1 6s linear infinite; box-shadow: 0 0 0.05rem rgba(57, 120, 204, 0.6);}

.List .list-fr .lm-ul{ margin-right: -0.2rem;}
.List .list-fr .lm-ul li{ width: calc(99.9999999% / 3); float: left;}
.List .list-fr .lm-ul li a{ height: 0.7rem; margin: 0.2rem 0.2rem 0 0; border: 1px solid #e2eff5; border-radius: 0.03rem; position: relative; background-color: #f6f9fc; display: block;}
.List .list-fr .lm-ul li a span{ width: calc(100% - 0.4rem); font-size: 0.17rem; line-height: 0.25rem; text-align: center; 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%);}
.List .list-fr .lm-ul li a:hover,.List .list-fr .lm-ul li .active{ background-color:#0a54a6;}
.List .list-fr .lm-ul li a:hover span,.List .list-fr .lm-ul li .active span{ color: #fff;}

.List .list-fr .imgs-list{ min-height: 6.5rem;}
.List .list-fr .imgs-list ul{ margin-right: -0.3rem;}
.List .list-fr .imgs-list li{ width: calc(100% / 4); float: left;}
.List .list-fr .imgs-list li a{ height: 1.8rem; margin: 0.3rem 0.3rem 0 0; background-color: #fafafa; display: block; overflow: hidden; position: relative;}
.List .list-fr .imgs-list li a img{ width:100%; height: 100%; border-radius: 0.03rem; object-fit: cover;}
.List .list-fr .imgs-list li a:hover{ box-shadow: 0 0 0.1rem rgba(193,208,227,.6);}
.List .list-fr .imgs-list li a:hover img{ transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9);}

.List .list-fr .zfgb-box{ padding-bottom: 0.1rem;}
.List .list-fr .zfgb-box ul{ margin-right: -0.4rem;}
.List .list-fr .zfgb-box ul li{ width: calc(100% / 5); float: left;}
.List .list-fr .zfgb-box ul li a{ height: 3.18rem; margin: 0.4rem 0.4rem 0 0; background-color: #f6f6f6; display: block; overflow: hidden; position: relative;}
.List .list-fr .zfgb-box ul li a img{ display: block;}
.List .list-fr .zfgb-box ul li a .img-01{ width:0.48rem; margin: 0.4rem auto 0 auto;}
.List .list-fr .zfgb-box ul li a .img-02{ width:3.3rem; max-width: 80%; margin: 0.2rem auto 0 auto;}
.List .list-fr .zfgb-box ul li a .box{ width:100%; color: #ec1a1e; line-height: 0.35rem; text-align: center; position: absolute; left: 0; bottom: 0.4rem;}
.List .list-fr .zfgb-box ul li a:hover{ background-color: #eeeeee;}
/****内容****/
video{ background-color: #fff !important;}
.Article{ padding: 0.25rem; background: #fff; position: relative; overflow: hidden;}

.Article .pic-fz{ width:1.3rem; position:absolute; top:0.25rem; right:0.25rem; z-index: 2;}
.Article .pic-fz img{ width: 100%; height: 100%; object-fit: cover; display: block;}

.Article .zw-table{ margin-bottom: 0.25rem; background-color: rgba(255,255,255,1); position: relative; z-index: 1;}
.Article .zw-table ul{ width: calc(100% + 0.01rem); border-top:0.01rem solid #e2eff5; border-left:0.01rem solid #e2eff5;}
.Article .zw-table ul li{ width: calc((80% - 0.01rem) / 2); padding: 0.05rem 0.15rem; float: left; font-size: 0.15rem; text-align: left; border-right: 0.01rem solid #e2eff5; border-bottom: 0.01rem solid #e2eff5;}
.Article .zw-table ul li span{ height: 0.38rem; line-height: 0.38rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.Article .zw-table ul li.tit{ width:10%; font-weight: bold; text-align: right;}
.Article .zw-table ul li.bt{ width: calc(90% - 0.01rem);}
.Article .zw-table ul li:nth-last-of-type(1),.Article .zw-table ul li:nth-last-of-type(2){ display: none;}

.Article .Title{ font-size: 0.27rem; color: #333; font-weight: 600; line-height: 0.4rem; text-align: center; letter-spacing: 0.01rem;}

.Article .Date{ margin: 0.5rem 0; padding-bottom: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; text-align: center; border-bottom:0.01rem solid #e5e5e5; position: relative;}
.Article .Date span{ margin-right: 0.2rem; color: #666; display: inline-block;}
.Article .Date .zh{ position: absolute; right: 0; bottom: 0.26rem;}
.Article .Date .zh i{ padding: 0.05rem 0.08rem; font-size: 0.14rem; color: #666; cursor: pointer;}
.Article .Date .zh i.selected { color: #fff; font-weight: 600; background-color: #3978cc; border-radius: 0.03rem;}

.Article .Content { padding-bottom: 0.3rem; font-size: 16px; line-height: 2.5;}
.Article .Content .pic-video{ width:8rem !important; height: 6rem !important; margin: 0.2rem auto;}
.Article .Content .pic-video video { width: 100%; height: 100% !important; object-fit: contain;}
.Article .Content .pic-video img { width: 100%; height: 100% !important; object-fit: cover;}

.Article .Xg{}
.Article .Xg .hd{ padding: 0.3rem 0 0 0; font-size: 0.17rem; color: #3978cc; font-weight: bold; border-top: 0.01rem solid #d7e6ed;}
.Article .Xg .bd{ margin-bottom: 0.2rem;}
.Article .Xg .bd ul{}
.Article .Xg .bd ul li{ padding: 0.13rem 0 0 0;}
.Article .Xg .bd ul li a{ padding-left: 0.13rem; font-size: 0.16rem; color: #666; background-image: url(../images/bg_content_li_ico.png); background-repeat: no-repeat; background-position: left center; line-height: 0.3rem; background-position: left 0.12rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: initial;}
.Article .Xg .bd ul li a:hover{ color: #3978cc; text-decoration: underline;}

.Article .Xg .ytdd{ position: relative;}
.Article .Xg .ytdd .box{ margin: 0.2rem auto;}
.Article .Xg .ytdd .box a{ height: 100%; display: block; overflow: hidden;}
.Article .Xg .ytdd .box a img{ width:100%; height: 100%; object-fit: cover;}
.Article .Xg .ytdd .box a:hover img{ transform: scale(1.05);}
.Article .Xg .ytdd .box .swiper-container{ height: 5.6rem; position: static;}
.Article .Xg .ytdd .box .swiper-container .swiper-wrapper .swiper-slide{ height: calc((100% - 20px) / 2); position: relative;}
.Article .Xg .ytdd .box .swiper-container .swiper-button-next{ right: 0;}
.Article .Xg .ytdd .box .swiper-container .swiper-button-prev{ left: auto; right: 0.32rem;}
.Article .Xg .ytdd .box .swiper-container .swiper-button-next,
.Article .Xg .ytdd .box .swiper-container .swiper-button-prev{ width:0.23rem; height: 0.23rem; top: 0.5rem; border-radius: 0.03rem; background-color: #4c8bd1; background-image: none;}
.Article .Xg .ytdd .box .swiper-container .swiper-button-next:after,
.Article .Xg .ytdd .box .swiper-container .swiper-button-prev:after{ font-size:0.13rem; color: #fff;}

/****政策、解读详细页面****/
.Article .zcwj{ width: calc(100% - 3.49rem); margin-right: 0.27rem; padding-right: 0.27rem; border-right: 0.01rem solid #e5e5e5;}
.Article .zcwj-fj{ width:3.2rem; margin-top: -0.3rem;}

/****分享****/
.bdsharebuttonbox{ margin: 0 auto; text-align: center;}
.bdsharebuttonbox span{ float: none; font-size: 0.15rem; line-height: 0.4rem; font-weight: bold; display: block; vertical-align: middle;}
.bdshare-button-style1-24 a{ width:0.4rem; height: 0.4rem !important; margin: 0 0.08rem 0 0 !important; float: none !important; padding-left: 0 !important; border-radius: 50%; border-width: 0.01rem; border-style: solid; vertical-align: middle; position: relative; background-repeat: no-repeat; background-position: center center !important; background-size: 100% !important; display: inline-block;}
.bdshare-button-style1-24 a.bds_weixin{ border-color: #7bc549; background-image: url(../images/bg_content_fx01.png);}
.bdshare-button-style1-24 a.bds_tsina{ border-color: #ff763b; background-image: url(../images/bg_content_fx05.png);}
.bdshare-button-style1-24 a.bds_mail{ border-color: #4391ea; background-image: url(../images/bg_content_fx03.png);}
.bdshare-button-style1-24 a.bds_print{ border-color: #5fb34a; background-image: url(../images/bg_content_fx02.png);}
.bdshare-button-style1-24 a.bds_copy{ border-color: #f9b000; background-image: url(../images/bg_content_fx04.png);}
.bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more{ background: transparent;}
.bdshare-button-style1-24 a.bds_weixin:hover{ background-color: #ecffdf;}
.bdshare-button-style1-24 a.bds_tsina:hover{ background-color: #ffe7dd;}
.bdshare-button-style1-24 a.bds_mail:hover{ background-color: #e1efff;}
.bdshare-button-style1-24 a.bds_print:hover{ background-color: #e1f8dc;}
.bdshare-button-style1-24 a.bds_copy:hover{ background-color: #fff0cd;}

/****视频****/
.video_container{ width: calc(100vw * 1000 / 1920); height: auto; margin: 0 auto; display: block; background: transparent;}
#customVideo{ background: none;}

/****列表右侧详细页面****/
.List-Article{ margin-top: -1px; padding: 0 0.5rem 0.35rem 0.5rem; box-shadow: 0 0 0.08rem rgba(193,208,227,.6); background: rgba(255,255,255,.8);}
.List-Article .Title{ margin-top:0.35rem;}
.List-Article .Date{ margin: 0.25rem 0; padding-bottom: 0.2rem;}
.List-Article .Date .zh{ bottom: 0.2rem;}
.List-Article .Content { min-height: 6.39rem;}

/****领导****/
.ld{ padding: 0.6rem; background-color: #fff; box-shadow:0 0 0.05rem rgba(193, 208, 227, 0.6);}
.ld .ld-list ul{ margin: -0.3rem -0.3rem 0 0;}
.ld .ld-list ul li{ width: calc(100% / 2); float: left;}
.ld .ld-list ul li a{ margin: 0.3rem 0.3rem 0 0; padding: 0.25rem; border: 1px solid #fff; box-shadow:0 0 0.05rem rgba(193, 208, 227, 0.6); display: block; overflow: hidden;}
.ld .ld-list ul li a .img{ width: 1.35rem; height: 1.96rem; margin-right: 0.15rem; float: left; display: inline-block;}
.ld .ld-list ul li a .img img{ width: 100%; height: 100%; object-fit: cover;}
.ld .ld-list ul li a .con {}
.ld .ld-list ul li a .con h1 { margin-bottom: 0.15rem; font-size: 0.22rem; color: #3978cc; font-weight: bold; display: block;}
.ld .ld-list ul li a .con h5, .ld .ld-list ul li a .con h6{ max-height: 0.85rem; font-size: 0.17rem; font-weight: normal; line-height: 0.28rem; display: block; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.ld .ld-list ul li a .con h5 { color: #555; font-weight: 600;}
.ld .ld-list ul li a .con h6 { margin-top: 0.1rem; color: #454545; text-align: justify;}
.ld .ld-list ul li a:hover{ border: 1px solid #bcd3f4; background-color: #f6faff;}

.ld .ld-con-list{ display: none;}
.ld .ld-con-list ul{ margin: 0 -0.35rem 0 0;}
.ld .ld-con-list ul li{ width: calc(99.9999999% / 3);}
.ld .ld-con-list ul li a{ margin: 0.35rem 0.35rem 0 0; padding: 0.15rem;}
.ld .ld-con-list ul li a .con h1 { font-size: 0.2rem;}
.ld .ld-con-list ul li a .con h5 { font-weight: normal;}
.ld .ld-con-list ul li a .img{ width: 1.1rem; height: 1.6rem;}

.ld .ld-con img{ width:2.04rem; height: 2.88rem; margin: 0 auto; object-fit: contain; display: block;}
.ld .ld-con h1, .ld .ld-con h6{ margin-top: 0.2rem; font-size: 0.21rem; color: #000; font-weight: bold; text-align: center; display: block;}
.ld .ld-con h1{ color: #3978cc;}
.ld .ld-con .js-box{ margin-top: 0.35rem; padding: 0.3rem; background-color: #f8f8f8;}
.ld .ld-con .js-box .lm{ padding: 0 0 0.23rem 0; border-bottom: 1px solid #e9e9e9; overflow: hidden;}
.ld .ld-con .js-box .lm i{ width:0.04rem; height: 0.2rem; margin-right: 0.15rem; float: left; background-color: #3978cc;}
.ld .ld-con .js-box .lm span{ float: left; font-size: 0.2rem; color: #3978cc; font-weight: bold; line-height: 0.2rem;}
.ld .ld-con .js-box .js{ min-height: 0.84rem; margin-top: 0.2rem; line-height: 0.35rem;}