@charset "utf-8";
@font-face{
	font-family:fzxbs;
	src:url('/typeface/FZXBSJW.TTF');
}

body{ background-color: #f3f7fa; position: relative;}

.zt-header{ background: url(../images/yjtc_bg_zcwd.png) no-repeat center bottom; background-size: cover;}
.zt-header .s-box{ width: 0.26rem; height: 0.26rem; margin:0.06rem 0; padding-right: 0.1rem; float: left; display: inline-block; position: relative; background: url(../images/yjtc_bg_header_a.png) no-repeat right center;}
.zt-header .s-box input[type="text"] { width: 0; height: 0.26rem; font-size:0.14rem; line-height: 0.26rem; border: 0; background: #FFFFFF; display: block; position: absolute; right: 0; z-index: 101;}
.zt-header .s-box input[type="button"]{ width: 0.26rem; height: 0.26rem; background: url(../images/yjtc_bg_search.png) no-repeat center; background-size: 80%; box-sizing: border-box; border: 0; position: absolute; top: 0; right:0.1rem; cursor: pointer; z-index: 102;}
.zt-header .s-box input[type="text"],
.zt-header .s-box input[type="button"]{transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.zt-header .s-box:hover input[type="text"]{ width:2rem; padding: 0 0.35rem 0 0.1rem; right: 0; border-radius: 0.03rem;}
.zt-header .s-box:hover input[type="button"] { background: url(../images/yjtc_bg_search_hover.png) no-repeat center; background-size: 80%; right: 0.05rem;}

.zt-header .logo{ width:3.46rem; margin-top: 0.32rem; padding: 0;}
.zt-header .logo img{ width:100%; height: 100%; object-fit: cover;}
.zt-header .zt-logo{ width:8.2rem; height: 3.98rem; margin: 0 auto 1rem auto;}
.zt-header .zt-logo img{ width:100%; height: 100%; object-fit: cover;}

.Zcwd{ margin-top: -1.03rem; padding: 0.48rem; border-radius: 0.03rem; background-color: #fff; position: relative; z-index: 1;}
.Zcwd .search{ width: 90%; margin: 0 auto; border:1px solid #d3dcfa; border-radius: 0.03rem; background-color: #fff; position: relative;}
.Zcwd .search input[type="text"]{ width:100%; height: 0.5rem; padding-left: 0.15rem; font-size: 0.16rem; color: #999; background-color: #fff; border-radius: 0.03rem;}
.Zcwd .search input[type="button"]{ width:0.7rem; height: 0.5rem; border-top-right-radius: 0.03rem; border-bottom-right-radius: 0.03rem; position: absolute; top: 0; right: 0; bottom: 0; background: url(../images/yjtc_bg_zcwd_search_btn.png) no-repeat center #6780fe; background-size: auto 100%; cursor: pointer;}

.Zcwd .imgs-box{}
.Zcwd .imgs-box ul{ margin: -0.4rem -0.4rem 0 0;}
.Zcwd .imgs-box ul li{ width: calc(99.9999999% / 3); float: left;}
.Zcwd .imgs-box ul li a{ height:2rem; margin: 0.4rem 0.4rem 0 0; background-color: #e5f0f2; display: block; overflow: hidden; position: relative;}
.Zcwd .imgs-box ul li a img{ width:100%; height: 100%; border-radius: 0.03rem; object-fit: cover;}
.Zcwd .imgs-box ul li a .box{ width:100%; height: 0; border-radius: 0.03rem; background-color: #6780fe; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); 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 .imgs-box ul li a .box span{ width:100%; max-height: 0.6rem; padding: 0 0.15rem; color: #fff; line-height: 0.3rem; text-align: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.Zcwd .imgs-box ul li a:hover{}
.Zcwd .imgs-box ul li a:hover .box{ height: 100%;}

.Zcwd .List{ margin-top: 0.4rem; padding-top: 0.4rem; border-top: 1px solid #e7f1fa;}
.Zcwd .List-l{ width: calc(100% - 4.2rem); padding-right: 0.3rem;}
.Zcwd .List-l .title-img{}
.Zcwd .List-l .title-img img{ width: 100%; height: 3.8rem; object-fit: cover;}
.Zcwd .List-l .item { margin-top: 0.3rem; overflow: hidden;}
.Zcwd .List-l .item a{ display: block;}
.Zcwd .List-l .item a .question img{ width:0.3rem; height: 0.3rem; margin-right: 0.05rem; display: inline-block;}
.Zcwd .List-l .item a .question span{ font-weight: bold; color: #333333; line-height: 0.3rem;}
.Zcwd .List-l .item a .ans { margin-top: 0.08rem; font-size: 0.16rem; line-height: 0.3rem; color: #666666;}
.Zcwd .List-l .item a .ans .da { width: 0.26rem; margin-right: 0.08rem; float: left; display: inline-block;}
.Zcwd .List-l .item a .ans .da-text { text-align: justify; overflow: hidden;}

.Zcwd .List-r{ width:4.2rem; position: relative;}
.Zcwd .List-r .hd {}
.Zcwd .List-r .hd span{ font-size: 0.2rem; font-weight: bold; color: #106ab8; line-height: 0.3rem;}
.Zcwd .List-r .bd{}
.Zcwd .List-r .bd .ul-img{}
.Zcwd .List-r .bd .ul-img li{ width: 100%;}
.Zcwd .List-r .bd .ul-img li a{ margin-top: 0.2rem; padding: 0.2rem; text-align:center; border: 1px solid #f6f7fd; background-color: #f6f7fd; display: block;}
.Zcwd .List-r .bd .ul-img li a .img{ height: 1.8rem; overflow: hidden;}
.Zcwd .List-r .bd .ul-img li a .img img{ width: 100%; height: 100%; object-fit: cover;}
.Zcwd .List-r .bd .ul-img li a span{ min-height:0.24rem; max-height: 0.48rem; margin-top: 0.15rem; color: #666; font-weight: bold; line-height: 0.24rem; display: block;}
.Zcwd .List-r .bd .ul-img li a:hover{ border: 1px solid #dbe5fc;}
.Zcwd .List-r .bd .ul-img li a:hover img{ transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05);}
.Zcwd .List-r .bd .ul-img li a:hover span{ color: #106ab8;}
.Zcwd .List-r .bd .swiper-container{ position: static;}
.Zcwd .List-r .bd .swiper-container .swiper-button-prev,.Zcwd .List-r .bd .swiper-container .swiper-button-next{ width: 0.23rem; height: 0.23rem; top: 0.25rem; right: 0; bottom: auto; background-color: #f8f8f8;}
.Zcwd .List-r .bd .swiper-container .swiper-button-prev::after,.Zcwd .List-r .bd .swiper-container .swiper-button-next::after{ font-size: 0.14rem; color: #106ab8;}
.Zcwd .List-r .bd .swiper-container .swiper-button-prev{ left: auto; right: 0.3rem;}
.Zcwd .List-r .bd .swiper-container .swiper-button-next{ right: 0;}

.jclm{ margin: 0.5rem auto 0.4rem auto; text-align: center; background: url(../images/y_zwgk_jczw_bg.png) no-repeat center center;}
.jclm a{ padding: 0 0.2rem; line-height: 0.24rem; border-left: 3px solid #568fe7; border-right: 3px solid #568fe7; background-color: #fff; display: inline-block;}
.jclm a span{ font-family: fzxbs; font-size: 0.34rem; font-weight: bold; display: inline-block; vertical-align: middle;}
.jclm a .span01{ color: #568fe7;}
.jclm a .span02{ color: #df5636;}

.wzjd{}
.wzjd ul{ margin: -0.3rem -0.3rem 0 0;}
.wzjd ul li{ width: calc(100% / 3); float: left;}
.wzjd ul li .box{ margin: 0.3rem 0.3rem 0 0; padding: 0.23rem; border: 1px solid #ddecf6; background-color: #f2f8fc; display: block; 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;}
.wzjd ul li .box .title{ margin-bottom: 0.15rem; padding-bottom: 0.1rem; border-bottom: 1px solid #ddecf6;}
.wzjd ul li .box .title a{ height: 0.3rem; line-height: 0.3rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.wzjd ul li .box .date{ color: #999999; line-height: 0.28rem;}
.wzjd ul li .box .zcyw{ padding: 0 0.1rem; color: #fff; line-height: 0.28rem; border-radius: 0.03rem; background-color: #6780fe;}
.wzjd ul li .box:hover{ box-shadow: 0 0 0.08rem #cfe8f9; background-color: #fff;}
.wzjd ul li .zcyw:hover{ background-color: #ef6a11;}

.tpjd{ position: relative;}
.tpjd ul{ margin: -0.25rem -0.25rem 0 0;}
.tpjd ul li{ width: calc(100% / 4); float: left;}
.tpjd a{ margin: 0.25rem 0.25rem 0 0; display: block; position: relative; background-color: red;}
.tpjd a .img{ height: 1.9rem; overflow: hidden;}
.tpjd a .img img{ height: 100%; object-fit: cover;}
.tpjd a .font{ padding: 0.08rem 0.1rem 0.13rem 0.1rem; border: 1px solid #edf2f9; background-color: #edf2f9;}
.tpjd a .font span{ height: 0.52rem; line-height: 0.26rem; text-align:center; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.tpjd a:hover{}
.tpjd a:hover .font{ background-color: #fff;}
.tpjd a:hover img{ transform: scale(1.05);}