@charset "UTF-8";
.zntj_bg{ background: url(230920_sm_zntj_bg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.zntj_bg .row+.row{ width: 6.8rem; padding: .43rem 0rem .6rem 0rem;}
.zntj_ss_box{ height: .64rem; line-height: .48rem; background-color: #ffffff; border-radius: 1rem; padding:.08rem .12rem .08rem .3rem; box-shadow: 0px 2px 8px  rgba(42, 130, 228, 0.16); text-align: left;}
.zntj_ss_box .form-control{ width:calc(100% - .56rem); font-size: .18rem; display: inline-block; background-color: transparent; height: .48rem; line-height: .48rem; border: none;}
.zntj_ss_box .btn_base{ width: .48rem; height: .48rem; line-height: .48rem; text-align: center; display: inline-block; padding: 0rem;}
.zntj_ss_box .btn_base i{ font-size: .3rem; color: #1658A0;}
.zntj_ss_tit{ font-size: 0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zntj_ss_tit span,.zntj_ss_tit a{font-size: .16rem; display: inline-block; line-height: .32rem;}
.zntj_ss_tit a{ padding: 0 .24rem; margin: 0rem .08rem; border-radius:1rem; background: rgba(255, 255, 255, 0.5); color: #1658A0;}
.zntj_tit1{ border-bottom:1px solid #E5E5E5; padding-bottom: .22rem; line-height: .32rem; overflow: hidden;}
.zntj_tit1_l{ float:left; font-size: .22rem; font-weight: bold;}
.zntj_tit1_l img{ margin-right: .1rem; position: relative; top: -.02rem;}
.zntj_tit1_r{ float: right; font-size: .14rem;}
.zntj_tit1_r a,.zntj_tit1_r a i{ color: #1658a0;}
.zntj_tit1_r i{ margin-right: .06rem;}
.list_base.top_list li{ line-height: .24rem; margin-botom: .2rem;}
.list_base.top_list li:before{ display: none;}
.list_base.top_list li em{ display: inline-block; width: .2rem; height: .24rem; line-height: .24rem; text-align: center; margin-right: .12rem; font-weight: bold; color: #999999; font-style: normal;}
.list_base.top_list li:first-child em,.list_base.top_list li:nth-child(2) em{ color: #1658A0;}
.list_base.top_list li:nth-child(3) em{ color: #2680E1;}
.list_base.top_list li:nth-child(4) em{ color: #80B4EE;}
.list_base.top_list li i{ display: inline-block; width: .18rem; height: .18rem; text-align: center; line-height: .18rem; color: #ffffff; font-size: .12rem; margin-left: .08rem; border-radius: .02rem;}
.list_base.top_list li i.hot{ background-color: #BA2B29;}
.list_base.top_list li i.new{ background-color: #E19F40;}
.pic_list{ margin-top: .04rem;}
.pic_list .pic_item{ margin-top: .2rem;}
.pic_list .pic_item a{ display:block;}
.pic_list .pic_item .pic_img{ position: relative; overflow: hidden; border-radius: .06rem;}
.pic_list .pic_item .pic_img em{ width:.3rem; display: block; position: absolute; z-index: 2; left: 0rem; top: 0rem; font-size: .16rem; color: #ffffff; font-weight: bold; line-height: .26rem; border-radius: .06rem 0rem .06rem 0rem; text-align: center;}
.pic_list .pic_item .pic_img i.picture_fixed{ padding-top: 56.25%; z-index: 1; background-size: cover;}
.pic_list .pic_item .pic_img span{ z-index: 3; position: absolute; width: .32rem; height: .32rem; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); background: url(230920_sm_zntj_play.png) no-repeat center; background-size: contain;}
.pic_list .pic_item:first-child .pic_img em{ background-color: #1658A0;}
.pic_list .pic_item:nth-child(2) .pic_img em{ background-color: #2680E1;}
.pic_list .pic_item:nth-child(3) .pic_img em{ background-color: #80B4EE;}
.pic_list .pic_item h3{ font-size: .16rem; font-weight: normal; line-height: .26rem; height: .78rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.pic_list .pic_item p{ line-height: .24rem; margin-top: .06rem; color: #999; font-size: .16rem;}
.pic_list>.more{ display: none;}
.zntj_box{ border-radius:.12rem; background: rgba(255, 255, 255, 1); box-shadow: 0px 4px 16px  rgba(18, 72, 135, 0.12); margin-right: .4rem;}
.slb .zntj_box{ margin-right: 0rem;}
.banner{ overflow: hidden;}
.banner a{ display:block;}
.slb .pic_list{ font-size: 0rem;}
.slb .pic_list .pic_item{ width: 50%; display: inline-block;}
@media screen and (max-width:992px) {

	.zntj_tit1{ padding-bottom: .12rem;}
	.zntj_tit img{ width:60%; text-align: center;}
	.zntj_bg .row{ width:90%; padding: .2rem 0rem;}
	.zntj_box{margin-right: 0rem;box-shadow: none;position: relative;}
	.zntj_box .pad_large.pad_base_sm{ padding:0rem;}
	.pic_list>.more{ display: block; background-color: #F2F2F2; border-radius: .08rem; line-height: .44rem; text-align: center; width: 100%; margin-top: .1rem; font-size: .16rem;}
	.pic_list{ margin-bottom: .16rem;}
	.slb .pic_list .pic_item{ width: 100%; }
	.slb .pic_list1 dd{ width: 100%;}
	.slb .pic_list .pic_item .trt-row [class*=trt-col-]{ width: 100%; float: inherit;}
	.slb .pic_list .pic_item .trt-row [class*=trt-col-] .pic_img{  margin-bottom: .2rem;}
	.pic_list .pic_item h3{ height:auto;}
}
.picture_fixed{ border-radius: .06rem;}
.zntj_menu{background: linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(248, 248, 248, 1) 100%);padding: .14rem;border-radius:.12rem .12rem 0rem 0rem;}
.zntj_menu::after{ visibility: hidden; display: block; font-size: 0rem; content: " "; clear: both; height: 0rem;}
.zntj_menu>ul{float: left;font-size: 0rem;/* width: calc(100% - .9rem); */}
.zntj_menu>ul>li{ position: relative; display: inline-block; font-size: .22rem;}
.zntj_menu>ul>li>a{ padding: 0rem .2rem; line-height: .52rem; display: block; position:relative;}
.slb .zntj_menu>ul>li>a{ padding: 0rem .16rem;}
.zntj_menu>ul>li>a>i{ margin-left: .1rem; font-size: .16rem;}
.zntj_menu>ul>li.on>a::after{ position: absolute; left: 50%; margin-left: -.1rem; content: ''; bottom: 0rem; width: .2rem; height: .03rem; background-color: #1658A0; border-radius: 1rem;}
.zntj_menu>ul>li .zntj_con{display: none;position: absolute;width: 1.88rem;box-shadow: 0px 2px 12px  rgba(48, 48, 48, 0.08);left: 50%;transform: translateX(-50%);padding: .2rem;background-color: #ffffff;border-radius: .08rem;font-size: 0rem;}
.zntj_menu>ul>li .zntj_con .select_dropdown{ position:relative; top:0rem;}
.zntj_menu>ul>li .zntj_con p{ font-size: .14rem; line-height: .2rem;}
.zntj_menu>ul>li .zntj_con .btn_base{ font-size: .14rem;}
.zntj_menu>ul>li:hover .zntj_con{ display: block;}
.zntj_menu .title_extend_right{ padding:0rem;}
.zntj_menu .title_extend_right .dropdown_toggle{ padding: .16rem .18rem; font-size: .22rem; background-color: #E5E5E5; border: none;}
.zntj_menu .title_more .dropdown_menu{width: 1.12rem;padding: .2rem;min-width: inherit;right: -.14rem;box-shadow: 0px 2px 12px  rgba(48, 48, 48, 0.08);border: none;}
.zntj_menu .title_more .dropdown_menu>li>a{ font-size:.16rem;}
.zntj_menu .title_more .dropdown_menu>li>a:hover{ color:#333333; background-color:#F8F8F8}
.zntj_list>ul>li{padding-bottom: .25rem;border-bottom: 1px dashed #E5E5E5;margin-bottom: .25rem;/* overflow: hidden; */}
.zntj_list>ul>li:last-child{  padding-bottom: 0rem; border-bottom: none;}
.zntj_list>ul>li .zntj_pic{ float: right; width: 21.052631%; margin-left: .2rem;}
.zntj_list>ul>li .zntj_pic i{padding-top:56.25%;background-size: cover;}
.slb .zntj_list>ul>li .zntj_pic{ float:inherit; width: 100%; margin-left: 0rem; margin-bottom: .2rem;}
.zntj_list>ul>li>h3{ font-size: .2rem; line-height: .27rem; font-weight: normal; margin-bottom: .16rem;}
.zntj_list>ul>li>h3 em{ color: #BA2B29; display: inline-block; line-height: .24rem; margin-left: .12rem; border-radius:.04rem; background: rgba(186, 43, 41, 0.1); padding: 0rem .08rem; font-size: .14rem;}
.zntj_list>ul>li>h3.zntj_tit2{line-height:.4rem; color:#1658a0;font-weight:bold;position: relative;}
.zntj_list>ul>li>h3.zntj_tit2 span{ color:#ffffff; padding:0rem .16rem; display:inline-block; border-radius:.1rem 0rem .1rem 0rem;background: linear-gradient(90deg, rgba(18, 104, 196, 1) 0%, rgba(99, 173, 242, 1) 100%), linear-gradient(90deg, rgba(234, 242, 250, 1) 0%, rgba(234, 242, 250, 0.5) 100%); z-index:1;}
.zntj_list>ul>li>p>span,.zntj_list>ul>li>div h3+div span{ color: #666; font-size: .14rem; line-height: .24rem; margin-right: .3rem; margin-top: .04rem; display: inline-block;}
.zntj_list>ul>li>p>span:last-child{ margin-right: 0rem;}
.zntj_list>ul>li>p.p1{ margin-top: .16rem;}
.zntj_list>ul>li>p.p1 span{ color: #999999;}
.zntj_list>ul>li>p.p1 em{ display: inline-block; padding: 0 .08rem; font-size: .14rem; margin-right: .3rem; border-radius: 4px; background: rgba(22, 88, 160, 0.1); border: 1px solid rgba(22, 88, 160, 0.2); color: #1658a0;}
.pic_list1+p{ margin-top:0rem !important}
.pic_list1 dd a{ display: block; position: relative; overflow: hidden;}
.pic_list1 dd a .picture_fixed{background-size:cover;background-position-y: bottom;}
.pic_list1 dd a>div{border-radius: .06rem; position: absolute; left: 0rem; right: 0rem; bottom: 0rem; padding:.3rem .14rem .1rem .14rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%); font-size: .16rem; color: #ffffff;}
.pic_list1 dd a>div p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pic_list1 dd a>div p i{ font-size: .24rem; color: #ffffff; }
.zntj_list>ul>li .progress{ width:85.21%; float: right;}
.zntj_list>ul>li .tag_group label{ min-width: inherit; display: table-cell; float: inherit; margin-right: 0rem; width: auto;}
.zntj_list>ul>li .input_group{ padding: 0rem;}
.sel_box{ display: table-cell;}
.progress_bar_outer{ background: url(230920_sm_zntj_bar.png) repeat-x left center transparent; background-size: .24rem .06rem; border-radius: 0rem;}
.progress_bar_inner{ background-image: url(230920_sm_zntj_bar_1.png); background-color: transparent; background-size: .24rem .06rem; border-radius: 0rem;}
.progress_text{ color: #539AE7; font-size: .18rem; font-weight: bold; }
.zntj_bar_list{ margin-top: -.16rem;}
.zntj_bar_list dd a{ display: block; background-color: #F8F8F8; border-radius: .06rem; font-size: .18rem; text-align: center; line-height: .48rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zntj_bar_list dd a i{ width: .22rem; height: .24rem; line-height: .24rem; display: inline-block; margin-right: .06rem; overflow: hidden; position: relative; top: .07rem;}
.zntj_bar_list dd a i img{ transition: .3s all; margin-top: 0rem; display: block;}
.zntj_bar_list dd a:hover i img{ margin-top: -.26rem;}
.zntj_bar_list dd a:hover i img.hover_img{ margin-top: .04rem;}
.zntj_bar_list dd a:hover{ background: url(230921_sm_zntj_bar_bg.png) no-repeat; background-size: cover; color: #ffffff;}

@media screen and (max-width:992px) {
	.zntj_list>ul>li{ padding-bottom: .16rem; margin-bottom: .16rem;}
	.zntj_menu{margin-left:-.16rem;margin-right:-.16rem;margin-top:-.2rem;border-radius:0rem;margin-bottom:.24rem;padding: 0rem .14rem 0rem 0rem;}
	.zntj_menu>ul{overflow-x:auto;white-space:nowrap;width: 100%;}
	.zntj_menu>ul::-webkit-scrollbar{ display:none;}
	.zntj_menu>ul>li{font-size:.18rem;}
	.zntj_menu>ul>li>a{padding: 0rem .12rem !important;}
	.zntj_menu>ul>li>a>i{ display: none;}
	.zntj_menu .title_extend_right .dropdown_toggle{padding: .04rem .08rem;font-size: .16rem;}
	.zntj_menu .title_more .dropdown_menu{width:auto;padding: 0;width: 1rem;}
	.banner{ padding: 0rem .2rem;}
	.banner img{ width: 200%; max-width: inherit; transform: translateX(-25%);}
	.zntj_list>ul>li .progress{ float: inherit;}
	.zntj_list>ul>li>p>span,.zntj_list>ul>li>>div h3+div span{ margin-right: .2rem;}
	.zntj_list>ul>li .trt-row{ font-size: 0;}
	.zntj_list>ul>li .tag_group{ display: inline-block; float: inherit;}
	.zntj_list>ul>li .tag_group label{ width: .6rem;}
	.sel_box{ width: calc(100% - .6rem);}
	.slb .zntj_list>ul>li .input_group{ display: table;}
}
@media screen and (max-width:640px) {
	.zntj_list>ul>li .tag_group{ display: table; float: inherit;}
}

.slb .zntj_bg .row+.row{ padding-top:.8rem;}
.zntj_bot{ position: fixed; bottom: 0rem; left: 0rem; right: 0rem; z-index: 999; padding: .12rem .3rem; line-height: .36rem; box-shadow: 0px 0px 8px rgba(22, 88, 160, 0.3); background-color: #ffffff; color: #999999; font-size: 0rem;}
.zntj_bot a{ color: #999999;}
.zntj_bot_l{ float: left;}
.zntj_bot_r{ float: right;}
.zntj_bot_r span,.zntj_bot_l span{ display: inline-block; font-size: .14rem;}
.zntj_bot_r span+span,.zntj_bot_l span+span{ margin-left: .24rem;}
.zntj_bg .aged_link{ position: absolute; right: 0rem; top: .14rem; font-size: 0rem;}
.zntj_bg .aged_link a{font-size: .22rem;padding: 0rem .16rem;overflow: hidden;border-radius: .08rem;font-weight: bold;display: inline-block;position: relative;line-height: .48rem;color: #ffffff;margin-left: .16rem;height: .48rem;}
.aged_link_01{ background-color: #E66531;}
.aged_link_02{ background-color: #4674C0;}
.zntj_bg .aged_link a em{ position: relative; z-index: 3;}
.zntj_bg .aged_link a::before{ z-index: 1; content: ''; left: 50%; top: 50%; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; border-radius: 50%; position: absolute;}
.zntj_bg .aged_link a.aged_link_01::before{ background-image: linear-gradient(123.01deg, rgba(230, 101, 49, 1) 0%, rgba(234, 120, 57, 1) 100%);}
.zntj_bg .aged_link a.aged_link_02::before{ background-image: linear-gradient(123.01deg, rgba(72, 136, 187, 0) 0%, rgba(72, 136, 187, 1) 100%);}
.list_base.top_list li{ white-space: normal;}
.backtop{ box-shadow: none; bottom: .9rem; background-color:transparent;}
.backtop li{border-bottom:none;width:.6rem;height:auto;margin-top:.12rem;box-shadow: 0px 0px 8px rgba(22, 88, 160, 0.3);background-color:#ffffff;border-radius:.04rem;line-height: .3rem;}
.backtop li a{ display:block; padding:.1rem 0rem .04rem 0rem; font-size:.16rem;}
.backtop li:last-child{ height: auto;}
.backtop li:last-child a i{ border: none; font-size: .3rem;}
.messagebox_large{ padding: .14rem;}
.fixed_menu{position: fixed;top: 0rem;z-index: 99;width:8.2rem;}
.main{ padding-bottom: .9rem;}
.slb .fixed_menu{ width: 8rem;}
.slb .zntj_box .zntj_menu+div{ max-height: 70vh; overflow-y: auto;}
.zntj_box .zntj_menu+div::-webkit-scrollbar{ width: .06rem; background-color: #f5f5f5; border-radius: 1rem;}
.zntj_box .zntj_menu+div::-webkit-scrollbar-thumb{ width: .06rem; background-color: #1658a0; border-radius: 1rem;}
@media screen and (max-width: 1366px) and (min-width: 993px){
	.zntj_bg .row+.row{ margin: 0 auto;}
	.fixed_menu{ width: 8.4rem;}
}
@media screen and (max-width:992px) {
	.fixed_menu.zntj_menu{width: auto; position: relative;}
	.zntj_box .zntj_menu+div{ max-height: 70vh; overflow-y: auto; overflow-x: hidden;}
	.main{ padding-bottom: 0rem; overflow: hidden;}
	.aged_link a.aged_link_02{ display:none !important;}
	.rig-fix2{ display:none !important;}
}
@media screen and (max-width:768px) {
	.zntj_ss_box{ height: .48rem; line-height: .4rem; padding: 0rem .12rem;}
	.zntj_ss_box .form-control{ font-size: .16rem;}
	.zntj_bg .row+.row{ width: 95%; padding-bottom: .32rem;}
	.zntj_bg .aged_link a{font-size: .16rem; margin-left: .08rem;padding: 0rem .1rem;}
	.zntj_bot_l,.zntj_bot_r{ float: none; text-align: center; line-height: .24rem;}
	.zntj_bot{ display: none;}
}