@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{ max-width: 1920px; margin: 0 auto; font:12px"Microsoft Yahei","Arial Narrow",HELVETICA; background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
i , span {font-style: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}


.layout, .content{ width:1400px; margin:0 auto; position:relative;}

.boxMo{ min-width:1400px;}

.marB20{ margin-bottom: 20px;}
.marB40{ margin-bottom: 40px;}
.marB80{ margin-bottom: 88px;}
.w680{ width: 100%;}
.w685{ width: 685px;}

.bg_blue{ background-color: #f0f4f7;}



/*首页*/
.sc1_wrap{ position: relative; width: 1400px; height: 440px; margin-top: 50px;}
#swiper1{ width: 1400px; height: 420px;}
#swiper1 .swiper-slide{ position: relative; width: 1400px; height: 420px;  }

#swiper1 .swiper-slide img{ width: 1400px; height: 420px; border-radius: 20px;}

.swiper1-pagination{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center;}
.swiper1-pagination .swiper-pagination-bullet{ float: left; width: 60px; height: 8px; margin-left: 12px; background-color: #0080ed; border-radius: 4px;}
.swiper1-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ }

/*.box_blue1{ padding: 50px 0 80px;  background: -moz-linear-gradient(top, #fff, #e9f2ff); background: -webkit-linear-gradient(top , #fff, #e9f2ff);background: -o-linear-gradient(top , #fff, #e9f2ff);}*/

.col{ position: relative; height: 74px; margin-bottom: 40px; background-repeat: no-repeat; background-position: left top}
.col a.col_more{ position: absolute; bottom: 0; right: 0; width: 110px; height: 30px; font: 14px/30px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #5abbff; border-radius: 15px;}

.col_jkrd{ background-image: url(../images/col_jkrd.png);}
.col_kpdh{ background-image: url(../images/col_kpdh.png);}
.col_jxsp{ background-image: url(../images/col_jxsp.png);}
.col_kphd{ background-image: url(../images/col_kphd.png);}
.col_kprdb{ background-image: url(../images/col_kprdb.png);}
.col_kpjd{ background-image: url(../images/col_kpjd.png);}
.col_kpzyrkgs{ background-image: url(../images/col_kpzyrkgs.png);}

.index_jkrd_tem{ float: left; width: 685px; height: 184px; margin: 0 30px 30px 0; background-color: #fff; border: 1px solid #e1eaf7; border-radius: 8px; box-sizing: border-box;}
.index_jkrd_tem:nth-child(2n){ margin-right: 0}
.index_jkrd_tem img{ float: left; width: 324px; height: 182px; border-radius: 8px;}
.index_jkrd_tem_r{ float: right; width: 280px; margin: 14px 40px 0 0;}
.index_jkrd_tem_r h3{ margin-bottom: 10px; font: bold 20px/40px "Microsoft Yahei"; text-align: justify;} 
.index_jkrd_tem_r h3 a{ color: #273349;}
.index_jkrd_tem_r > span{ display: inline-block; height: 24px; padding: 0 5px; margin: 0 5px 5px 0; font: 16px/24px "Microsoft Yahei"; color: #fff;  border-radius: 4px;}
.index_jkrd_tem_r > span:nth-child(3n-2){ background-color: #18b3b3;}
.index_jkrd_tem_r > span:nth-child(3n-1){ background-color: #239bf2;}
.index_jkrd_tem_r > span:nth-child(3n){ background-color: #ffcb70;}

.index_kpdh_tem{ position: relative; float: left; width: 322px; height: 126px; margin: 0 36px 30px 0; border-radius: 20px; }
.index_kpdh_tem:nth-child(4n){ margin-right: 0}
.index_kpdh_tem_top{ position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding-left: 140px; background-color: #f3f9ff; border-radius: 20px; box-sizing: border-box;}
.index_kpdh_tem_top i{ position: absolute; top: 50%; left: 48px; width: 70px; height: 70px; margin-top: -35px; background-image: url(../images/icon_index_kpdh.png);}
.index_kpdh_tem_top .iktt_tit{  font: bold 26px/30px "Microsoft Yahei"; color: #333;}
.index_kpdh_tem_top > p{ margin-top: 10px; font: 14px/16px "Microsoft Yahei"; color: #333;}
/*.index_kpdh_tem_top > p span{ font-weight: bold;}*/

.index_kpdh_tem_bot{ opacity: 0.9;display: none; position: absolute; top: 126px; left: 0; width: 100%; height: 155px; padding: 30px 20px 12px; background: -moz-linear-gradient(top, #e4f1ff, #f4f9ff); background: -webkit-linear-gradient(top , #e4f1ff, #f4f9ff);background: -o-linear-gradient(top , #e4f1ff, #f4f9ff); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-sizing: border-box; z-index: 20;}
.index_kpdh_tem_bot:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg_index_kpdh_tem_bot.png) no-repeat center bottom; content: ""}
.index_kpdh_tem.active{border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.index_kpdh_tem.active .index_kpdh_tem_top{ background: -moz-linear-gradient(top, #deefff, #e4f1ff); background: -webkit-linear-gradient(top , #deefff, #e4f1ff);background: -o-linear-gradient(top , #deefff, #e4f1ff); border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.index_kpdh_tem.active .index_kpdh_tem_top:before{ position: absolute; bottom: 0; left: 50%; width: 280px; height: 1px; margin-left: -140px; background-color: #b0d9ff; content: ""}
.index_kpdh_tem.active .index_kpdh_tem_bot{ display: block;}

.index_kpdh_tem_top1{ position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding-left: 140px; background-color: #f3f9ff; border-radius: 20px; box-sizing: border-box;}
.index_kpdh_tem_top1 i{ position: absolute; top: 50%; left: 48px; width: 70px; height: 70px; margin-top: -35px; background-image: url(../images/icon_index_kpdh.png);}
.index_kpdh_tem_top1 .iktt_tit{  font: bold 26px/30px "Microsoft Yahei"; color: #333;}
.index_kpdh_tem_top1 > p{ margin-top: 10px; font: 14px/16px "Microsoft Yahei"; color: #333;}

.iktb_list{
    position: absolute;
    z-index: 1;
}
.iktb_list li{ float: left; height: 28px; padding: 0 7px; margin: 0 16px 10px 0; font: 16px/28px "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(left, #138ada, #d8ecff); background: -webkit-linear-gradient(left , #138ada, #41dde2);background: -o-linear-gradient(left , #138ada, #41dde2);  border-radius: 4px;}
index_kpdh_tem_bot .iktb_list li:nth-child(3n){ margin-right: 0}
.iktb_list li a{ color: #fff;}
.iktb_list li:hover{ background: -moz-linear-gradient(right, #138ada, #d8ecff); background: -webkit-linear-gradient(right , #138ada, #41dde2);background: -o-linear-gradient(right , #138ada, #41dde2);}
/* .iktb_list li:hover a{ color: #fff;} */

.index_kpdh_tem.tem1 .index_kpdh_tem_top i{ background-position: 0 0}
.index_kpdh_tem.tem2 .index_kpdh_tem_top i{ background-position: 0 -70px}
.index_kpdh_tem.tem3 .index_kpdh_tem_top i{ background-position: 0 -140px}
.index_kpdh_tem.tem4 .index_kpdh_tem_top i{ background-position: 0 -210px}
.index_kpdh_tem.tem5 .index_kpdh_tem_top i{ background-position: 0 -280px}
.index_kpdh_tem.tem6 .index_kpdh_tem_top i{ background-position: 0 -350px}
.index_kpdh_tem.tem7 .index_kpdh_tem_top i{ background-position: 0 -420px}
.index_kpdh_tem.tem8 .index_kpdh_tem_top i{ background-position: 0 -490px}

.index_jxsp_tem1{ position: relative; float: left; width: 980px; height: 556px;  }
.index_jxsp_tem1 img{ width: 100%; height: 100%; border-radius: 12px;}
.index_jxsp_tem1 h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; padding: 0 70px 0 20px; font: bold 26px/80px "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.8) 90%); background: -webkit-linear-gradient(top , transparent, rgba(0,0,0,0.8) 90%);background: -o-linear-gradient(top , transparent, rgba(0,0,0,0.8) 90%); border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.index_jxsp_tem1 i{ position: absolute; bottom: 0; right: 0; width: 52px; height: 44px; background: url(../images/index_icon_play2.png) no-repeat 14px 8px #fff; border-top-left-radius: 18px;}
/*.index_jxsp_tem1 i{ position: absolute; top: 50%; left: 50%; width: 96px; height: 96px; margin: -48px 0 0 -48px; background: url(../images/index_icon_play1.png) no-repeat center top; }*/

.index_jxsp_tem2{ position: relative; float: right; width: 384px; height: 556px; border-radius: 14px; border-bottom-right-radius: 0; overflow: hidden;}
.index_jxsp_tem2 img{ width: 100%; height: 100%;}
.index_jxsp_tem2 h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; padding: 0 70px 0 20px; font: bold 26px/80px "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(top, transparent, rgba(0,0,0,0.8) 90%); background: -webkit-linear-gradient(top , transparent, rgba(0,0,0,0.8) 90%);background: -o-linear-gradient(top , transparent, rgba(0,0,0,0.8) 90%); box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.index_jxsp_tem2 i{ position: absolute; bottom: 0; right: 0; width: 52px; height: 44px; background: url(../images/index_icon_play2.png) no-repeat 14px 8px #fff; border-top-left-radius: 18px;}

.box_blue2{ padding: 80px 0; background: -moz-linear-gradient(top, #f8fafe, #e9f2ff); background: -webkit-linear-gradient(top , #f8fafe, #e9f2ff);background: -o-linear-gradient(top , #f8fafe, #e9f2ff);}

.index_kphd_tem{ width: 680px; height: 500px; margin-bottom: 30px; border-radius: 15px; overflow: hidden;}
.index_kphd_tem:nth-child(2){ margin-bottom: 0;}
.index_kphd_tem img{ width: 320px; height: 500px;}
.index_kphd_tem_r{ position: relative; float: right; width: 360px; height: 500px; padding: 25px 30px 0; background: url(../images/bg_index_kphd_r.png) no-repeat center bottom #f3f3f3; box-sizing: border-box;}
.index_kphd_tem_r h3{ margin-bottom: 10px; font: bold 20px/32px "Microsoft Yahei"; color: #18213d; text-align: justify;}
.index_kphd_tem_r h3 a{ color: #18213d;}
.index_kphd_tem_r > p{ font: 14px/26px "Microsoft Yahei"; color: #666; text-align: justify;}
.index_kphd_tem_item{ margin-top: 30px;}
.index_kphd_tem_item > span{ display: inline-block; height: 20px; padding-left: 30px; font: bold 16px/20px "Microsoft Yahei"; color: #138ada;}
.index_kphd_tem_item > span.sty1{ background: url(../images/icon_index_kphd1.png) no-repeat left center;}
.index_kphd_tem_item > span.sty2{ background: url(../images/icon_index_kphd2.png) no-repeat left center;}
.index_kphd_tem_item > span.sty3{ background: url(../images/icon_index_kphd3.png) no-repeat left center;}
.index_kphd_tem_item > p{ padding-left: 30px; margin-top: 4px; font: bold 14px/20px "Microsoft Yahei"; color: #333; text-align: justify;}
a.index_kphd_tem_btn{ position: absolute; bottom: 0; right: 0; width: 180px; height: 46px; font: bold 18px/46px "Microsoft Yahei"; color: #fff; text-indent: 38px; background: url(../images/arr_r1.png) no-repeat 134px center #459dec; border-radius: 15px; border-bottom-left-radius: 0; cursor: pointer;}
a.index_kphd_tem_btn.sty2{ background-color: #1ab6b0}



.index_kprdb{ position: relative; height: 1030px; background-color: #f3f9ff; border-radius: 15px;}
.index_kprdb_cateory{ position: absolute; top: -100px; right: 0; width: 300px; height: 44px; background-color: #5abbff; border-radius: 22px;}
.index_kprdb_cateory a{ float: left; width: 100px; height: 44px; font: bold 20px/44px "Microsoft Yahei"; color: #fff; text-align: center; cursor: pointer; border-radius: 22px;}
.index_kprdb_cateory a.active{ background-color: #138ada;}

.index_kprdb_con_head{ position: relative; width: 680px; height: 98px; background: #138ada; border-radius: 15px;}
.index_kprdb_con_head .rank{ position: relative; float: left; width: 144px; height: 98px; font: bold 28px/98px "Microsoft Yahei"; color: #fff; text-indent: 46px;}
.index_kprdb_con_head .rank:before{ position: absolute; top: 50%; right: 25px; width: 10px; height: 8px; margin-top: -4px;  background-size: 100% 100%; content: ""}
.index_kprdb_con_head .rank:after{ position: absolute; top: 50%; right: 0; width: 1px; height: 28px; margin-top: -14px; background-color: #fff; content: ""}
.index_kprdb_con_head .tit{ float: left; height: 98px; margin-left: 28px; font: bold 28px/98px "Microsoft Yahei"; color: #fff;}
.index_kprdb_con_head .tjsj{ position: absolute; top: 50%; right: 10px; height: 40px; padding: 0 22px; margin-top: -20px; font: bold 16px/40px "Microsoft Yahei"; color: #0098fe; background-color: #fff; border-radius: 16px;}

.index_kprdb_tem{ display: flex; justify-content: left; height: 88px; margin: 0 25px 0 ; border-bottom: 2px dashed #cecece;}
/*.index_kprdb_tem:last-child{ border-bottom: 0}*/
.index_kprdb_tem .num{ position: relative; width: 90px; text-indent: 36px; font: 24px/88px "Microsoft Yahei"; color: #273349;}
.index_kprdb_tem .num:before{ position: absolute; top: 50%; left: 5px; width: 12px; height: 11px; margin-top: -6px; background: url(../images/dot_rdb.png) no-repeat center top; content: ""}
.index_kprdb_tem > h3{ display: flex; align-items: center; width: 500px; height: 88px; margin-left: 20px; font: 20px/28px "Microsoft Yahei"; color: #273349; text-align: justify; }
.index_kprdb_tem > h3 a{ color: #273349;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.phb_false_des{ font: 20px / 32px "Microsoft Yahei"; text-align: center; padding-top: 30px;}

.index_kpzyrkgs{ width: 100%; padding-bottom: 30px; background-color: #f3f9fd; border-radius: 15px; border: 1px solid #138ada; border-top: 0;}
.index_kpzyrkgs_head{ display: flex; justify-content: space-between; width: 100%; height: 118px; padding: 0 28px; background-color: #138ada; border-top-left-radius: 15px; border-top-right-radius: 15px; box-sizing: border-box;}

.kpzyrkgs_title{ width: 24%}
.kpzyrkgs_author{ width: 15%}
.kpzyrkgs_unit{ width: 20%}
.kpzyrkgs_date{ width: 24%}

.index_kpzyrkgs_head .head{ display: flex; justify-content: center; align-items: center; height: 118px; font: bold 28px/32px "Microsoft Yahei"; text-align: center; color: #fff;}


.index_kpzyrkgs_tem{  display: flex; justify-content: space-between; align-items: center; height: 94px; margin: 0 28px; border-bottom: 2px dashed #d7e3fe; box-sizing: border-box;}
.index_kpzyrkgs_tem .tem{ display: flex; justify-content: center; font: 18px/28px "Microsoft Yahei"; color: #273349;}

/*首页 科普基地*/
.sw2_wrap{ position: relative; width: 1270px; height: 424px; margin: 0 auto;}
.swiper-container_sw2{ width: 1270px; height: 424px;}
.swiper-container_sw2 .swiper-slide{ position: relative; width: 636px; height: 424px; }

.swiper-container_sw2 .swiper-slide{ position: relative; width: 636px; height: 424px;overflow: hidden; }
.swiper-container_sw2  .swiper-slide.swiper-slide-active{ }
.swiper-container_sw2 .swiper-slide img{ width: 636px; height: 376px; }
.swiper-container_sw2 .swiper-slide h3{ display: none; height: 48px; padding: 0 10px; font: 20px/48px "Microsoft Yahei"; text-align: center; color: #273349; box-sizing: border-box; }
.swiper-container_sw2  .swiper-slide.swiper-slide-active h3{ display: block;}
.swiper-container_sw2 .swiper-slide h3 a{ height: 48px; color: #273349; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.swiper-container_sw2 .swiper-slide .sw2_cov{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5);}
.swiper-container_sw2  .swiper-slide.swiper-slide-active .sw2_cov{ display: none;}

.sc_prev, .sc_next{ display: block; position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; background-image: url(../images/arr_slider1.png); cursor: pointer; outline: none; z-index: 10;}
.sc_prev{ left: -60px; background-position: 0 0;}
.sc_next{ right: -60px; background-position: -32px 0;}
.sw2_wrap:hover .sc_prev, .sw2_wrap:hover .sc_next{ /*display: block*/;}

/*健康科普活动 1400*/
.banner_child{ display: flex; align-items:center; justify-content:center; height: 218px; background: url(../images/banner_child.jpg) no-repeat center top;}

.jkkphd_tem{ float: left; width: 685px; height: 746px; margin: 0 30px 30px 0; border-radius: 8px; overflow: hidden;}
.jkkphd_tem:nth-child(2n){ margin-right: 0}
.jkkphd_tem img{ width: 685px; height: 386px;}
.jkkphd_bot{ position: relative; height: 360px; padding: 18px 39px 0; background-color: #fcfcfc; border: 1px solid #f5f5f5; box-sizing: border-box;}
.jkkphd_intro{ padding-right: 150px;}
.jkkphd_intro h3{ height: 44px; font:24px/44px "Microsoft Yahei"; color: #12132c; text-align: justify; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jkkphd_intro h3 a{ color: #12132c;}
.jkkphd_item{ margin-top: 10px;}
.jkkphd_item p{  font: 18px/24px "Microsoft Yahei"; color: #818181}

.jkkphd_status{ position: absolute; top: 16px; right: 30px; width: 96px; height: 44px; font: 18px/44px "Microsoft Yahei"; color: #fff; text-align: center; border-radius: 20px;}
.jkkphd_status.on{ background-color: #4dc898;}
.jkkphd_status.off{ background-color: #e95344;}
a.btn_jkkphd{ display: block; width: 220px; height: 52px; margin: 40px auto 0; font: 16px/52px "Microsoft Yahei"; color: #fff; text-align: center;  border-radius: 6px; cursor: pointer;}
a.btn_jkkphd.on{ background-color: #8cb0ec;}
a.btn_jkkphd.off{ background-color: #ced3dc;}

.pagination{  text-align: center; }
.pagination a, .pagination span{  box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e5efff; border-radius: 4px; cursor: pointer; }
.pagination span{ display: inline-block; font-size: 14px; line-height: 34px; margin: 0 5px;}
.pagination a:hover, .pagination .current{  color: #fff; background-color: #3582ff ; border-color: #e5efff ;}
.pagination .prev, .pagination .next{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pagination .prev.current, .pagination .next.current{ color: #666; background: none; border: none; cursor: auto;}

.pages{ text-align: center;}
.pages a{box-sizing: border-box; display: inline-block; width: 34px; height: 34px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e5efff; border-radius: 4px; cursor: pointer; }
.pages span{ display: inline-block; font-size: 14px; line-height: 34px; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
.pages a.current, .pages a:hover{ color: #fff; background-color: #3582ff ; border-color: #e5efff ;}

/*健康科普知识 1400*/
.jkkpzs_l{ float: left; width: 330px; padding: 15px; background-color: #eef7ff; border-radius: 20px; box-sizing: border-box;}
.jkkpzs_all{ text-align: center; padding: 30px 0; margin: 0 20px 20px; border-bottom: 2px solid #fff;}
.jkkpzs_all a{ display: flex; justify-content: center; font: bold 28px/30px "Microsoft Yahei"; color: #3582ff;cursor: pointer;}
.jkkpzs_all a:before{ width: 31px; height: 28px; margin-right: 14px; background: url(../images/icon_jkkpzs_all.png) no-repeat center top; content: ""}
.jkkpzs_col{ padding: 20px 0 20px 20px; margin-bottom: 20px; background-color: #fff; border-radius: 20px;}
.jkkpzs_col_f{ position: relative; height: 34px; padding-left: 45px; margin-bottom: 10px; font: bold 28px/34px "Microsoft Yahei"; color: #24374e;}
.jkkpzs_col_f:before{ position: absolute; top: 0; left: 0; width: 34px; height: 34px; background-image: url(../images/icon_jkkpzs.png); content: ""}
.jkkpzs_col_f.sty1:before{ background-position: 0 0}
.jkkpzs_col_f.sty2:before{ background-position: 0 -34px}
.jkkpzs_col_f.sty3:before{ background-position: 0 -68px}
.jkkpzs_col_f.sty4:before{ background-position: 0 -102px}
.jkkpzs_col_f.sty5:before{ background-position: 0 -136px}
.jkkpzs_col_f.sty6:before{ background-position: 0 -170px}
.jkkpzs_col_f.sty7:before{ background-position: 0 -204px}
.jkkpzs_col_f.sty8:before{ background-position: 0 -238px}
.jkkpzs_col_f a{ color: #24374e;}
.jkkpzs_col_f a.current{ color: #1884dc;}
.jkkpzs_col_c{ margin-left: 45px;}
.jkkpzs_col_c li{ cursor: pointer; height: 38px; font: 18px/44px "Microsoft Yahei"; border-bottom: 1px solid #e7f0f7;}
.jkkpzs_col_c li.current a{
 /* color: #1884dc; */
padding: 0 4px; color: #fff; background-color: #3582ff
}
.jkkpzs_col_c li:hover a{ color: #fff; background-color: #3582ff}

.jkkpzs_col_c li a{ color: #091117;}

.jkkpzs_r{ float: right; width: 1030px;}
.jkkpzs_list{ margin-bottom: 50px; }
.jkkpzs_news{ padding: 16px 0; border-bottom: 2px solid #f8f9fa;overflow: hidden;}
.jkkpzs_news h3{ margin-bottom: 12px; font: 18px/26px "Microsoft Yahei"; color: #273349}
.jkkpzs_news h3 a{ color: #273349}
.jkkpzs_news h3:hover a{ color: #fff; background-color: #3582ff}

.jkkpzs_news_img{float: right;width: 126px;height: 71px;margin-right: 10px;border-radius: 10px;}
.jkkpzs_news_img img{width: 100%;height: 100%;border-radius: 10px;}
.jkkpzs_news .jkkpzs_news_textitem{float: left;width: 86%;}
.jkkpzs_news_item{ float: left; width: 85%;}
.jkkpzs_news_tag{ float: left; height: 36px; padding: 0 14px; font: 16px/36px "Microsoft Yahei"; color: #3582ff; background-color: #ebf3ff; border-radius: 4px;}
.jkkpzs_news_author{ float: left; margin-left: 10px; font: 16px/36px "Microsoft Yahei"; color: #a4a4a4;}
.jkkpzs_news_unit{ float: left; margin-left: 20px; font: 16px/36px "Microsoft Yahei"; color: #a4a4a4;}
.jkkpzs_new_date{ float: right;  font: 16px/36px "Microsoft Yahei"; color: #a4a4a4;}

/*健康科普专家*/
.banner_jkkpzj_con{ position: absolute; width: 536px; height: 160px;}
.banner_jkkpzj_con img{ width: 536px; height: 160px;}
.banner_jkkpzj_con p{ position: absolute; bottom: 28px; right: 0; font: 22px/24px "Microsoft Yahei"; color: #666; letter-spacing: 1.3px; text-align: right;}
.banner_jkkpzj_con p span{ color: #4893e7}

.jkkpzj_condition{ display: flex; justify-content: space-between; margin: 40px 0 40px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb;}
.jkkpzj_condition_item{  display: flex; justify-content: space-between; width: 685px;}
.jkkpzj_condition_item .label{  width: 120px; height: 42px; margin-right: 18px; font: 24px/42px "Microsoft Yahei"; color: #16243c;}

.jkkpzj_search_bar{ position: relative; width: 540px; height: 44px; background-color: #fff; border: 1px solid #e7e7e7; box-sizing: border-box; z-index: 10}
.jkkpzj_search_text{  width: 460px; height: 42px; font: 16px/42px "Microsoft Yahei"; color: #666; text-indent: 0.5em; border: none; outline: none;}
a.jkkpzj_search_btn{ position: absolute; top: 50%; right: 14px; width: 30px; height: 30px; margin-top: -15px; background: url(../images/icon_search2.png) no-repeat center top;  cursor: pointer; opacity: 0;}
.jkkpzj_search_list_control{ position: absolute; top: 50%; right: 50px; width: 15px; height: 9px; margin-top: -4px; background: url(../images/arr_down2.png) no-repeat center top; cursor: pointer;}
.jkkpzj_search_list_control.active{ transform: rotate(180deg);}
.jkkpzj_search_list{ display: none; position: absolute; top: 44px; left: -1px; width: 540px; height: 200px; padding: 10px 0; background-color: #fff; border: 1px solid #e7e7e7; border-top: 0; box-sizing: border-box; overflow-y: scroll;}
.jkkpzj_search_list.active{ display: block;}
.jkkpzj_search_list > label{ display: flex; justify-content: left; padding: 14px 16px; cursor: pointer;}
.jkkpzj_search_list > label:hover{ background-color: #fff;}
.jkkpzj_search_list > label .jkkpzj_checkbox{ display: none; width: 16px; height: 16px;}
.jkkpzj_search_list > label > p{ position: relative; margin-left: 7px; padding-left: 10px; font: 16px/16px "Microsoft Yahei"; color: #333;}
.jkkpzj_search_list > label > p:before{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #333; border-radius: 50%; content: ""}
/* .jkkpzj_condition_item{ position: relative; padding: 20px 0px 0px 0; border-bottom: 1px solid #e7e7e7; }
.jkkpzj_condition_item.sty2{ padding-right: 60px}
.jkkpzj_condition_item.hidden{ height: 48px; overflow: hidden;}
.jkkpzj_condition_item .label{ float: left; width: 120px; height: 30px; margin-right: 18px; font: 24px/30px "Microsoft Yahei"; color: #16243c;}
.jkkpzj_condition_list{ float: left; width: 1250px;}
.jkkpzj_condition_item.sty2 .jkkpzj_condition_list{ width: 1140px;}
.jkkpzj_condition_list li{ float: left; height: 30px; padding: 0 20px; margin: 0 0px 20px 0; font: 18px/30px "Microsoft Yahei"; color: #111532; cursor: pointer;}
.jkkpzj_condition_list li.current{ color: #fff; background-color: #3582ff; }

.jkkpzj_search_bar{ position: absolute; bottom: 12px; right: 0; width: 380px; height: 44px; background-color: #fff; border: 1px solid #e7e7e7; box-sizing: border-box; z-index: 10}
.jkkpzj_search_select{ width: 100%; height: 100%; text-indent: 0.5em; font: 18px/30px "Microsoft Yahei"; border: none; outline: none}
.jkkpzj_search_select option{} */

.pickDate{ height: 36px; width: 260px; font: 18px/36px "Microsoft Yahei"; color: #333; text-indent: 0.5em; border: none; outline: none; border-radius: 6px;}

.jkkpzj_condition_more{ position: absolute; bottom: 20px; right: 0; height: 28px; padding-right: 16px; font: 16px/28px "Microsoft Yahei"; color: #111532; cursor: pointer;}
.jkkpzj_condition_more:before{ position: absolute; right: 0; top: 50%; width: 10px; height: 11px; margin-top: -6px; background: url(../images/arr_down.png) no-repeat center top; content: ""}
.jkkpzj_condition_more.active:before{ transform: rotate(180deg);}

.jkkpzj_con{ }
.jkkpzj_list{}
.jkkpzj_tem{ float: left; width: 685px; height: 270px; padding: 30px 22px 0 40px; margin: 0 30px 30px 0; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 10px; box-sizing: border-box;}
.jkkpzj_tem:nth-child(2n){ margin-right: 0;}
.jkkpzj_tem_l{ float: left; width: 390px;}
.jkkpzj_tem_l h3{ margin-bottom: 8px; font: 24px/26px "Microsoft Yahei"; color: #12132c;}
.jkkpzj_tem_l h3 a{ color: #12132c;}
.jkkpzj_title{ margin-bottom: 6px; font: 18px/20px "Microsoft Yahei"; color: #1f2033;}
.jkkpzj_intro{ max-height: 84px; font: 16px/28px "Microsoft Yahei"; color: #a4a4a4; text-align: justify;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.jkkpzj_tag{ display: inline-block; margin-top: 16px; height: 40px; padding: 0 8px; font: 18px/40px "Microsoft Yahei"; color: #3582ff; border: 1px solid #3582ff; border-radius: 8px;}

.jkkpzj_tem img{ float: right; width: 150px; height: 200px; border-radius: 50%;}

/*通用活动页*/
.banner_hd{ margin: 30px 0}
.banner_hd img{ width: 1400px; height: 420px; border-radius: 20px;}
.hd_des{  padding: 30px; margin-bottom: 50px;  background: url(../images/bg_hd_intro.jpg) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box;}
.hd_des p{ font: bold 26px/42px "Microsoft Yahei"; color: #18213d; text-indent: 2em; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.hd_tem{ margin-bottom: 40px;}
.hd_col{ text-align: center;}
.hd_col span{ display: inline-block; height: 32px; padding: 0 8px 20px; margin: 0 auto; font: bold 36px/40px "Microsoft Yahei"; color: #16243c; border-bottom: 6px solid #1d78ff;}
.hd_list{ padding: 12px 22px 30px; background-color: #fff; border-top: 1px solid #d4dae0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.hd_list li{ height: 88px; border-bottom: 1px dashed #d4dae0;}
.hd_list li h3{ float: left; width: 85%; font: 20px/88px "Microsoft Yahei"; color: #16243c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.hd_list li h3 a{ color: #16243c;}
.hd_list li span{ float: right; font: 18px/88px "Microsoft Yahei"; color: #666666;}

/*医生详情页*/
.person_wrap{ position: relative; height: auto; padding-top: 37px; margin-bottom: 30px; }
.person_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 225px; background: url(../images/bg_flower.png) no-repeat left bottom #cbdaf0; content: ""}
.person_con{ position: relative; width: 1400px; height: 240px; padding: 20px; margin: 0 auto; background: url(../images/bg_person.png) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box; z-index: 3}
.person_con > img{ float: left; width: 150px; height: 200px; border-radius: 20px;}

.person_intro{ float: right; width: 1170px; }
.person_intro_top{ display: flex; justify-content: left; align-items: baseline; margin-bottom: 20px; padding: 12px 0 14px; border-bottom: 1px solid #a6cdd4;}
.person_name{ margin-right: 20px; font: bold 34px/34px "Microsoft Yahei"; color: #2c3045;}
.person_role{ font: 18px/34px "Microsoft Yahei"; color: #2c3045;}
.person_hospital{ margin-bottom: 10px; font: 18px/24px "Microsoft Yahei"; color: #2c3045}
.person_title{ display: inline-block; height: 32px; padding: 0 14px; font: 16px/32px "Microsoft Yahei"; color: #fff; background-color: #91c7f5; border-radius: 16px;}

.person_status{ position: absolute; bottom: 20px; right: 20px; display: flex; align-items:center; justify-content: space-between; height: 46px; padding: 0 18px; background: #48c7cf; border-radius: 23px; cursor: pointer;}
.person_status:before{  width: 21px; height: 20px; margin-right: 12px; background: url(../images/icon_star.png) no-repeat center top; content: ""}
.person_status span{ font: 14px/46px "Microsoft Yahei"; color: #ffffff; }
.person_status .person_btn{  height: 24px; margin-right: 10px; font: 14px/24px "Microsoft Yahei"; color: #fff; text-align: center; border-radius: 12px; }
.person_status .person_btn.done{ background-color: #ff6b7a;}

.person_intro2{ width: 1400px; padding: 28px 28px 1px; margin: 30px auto 0; background: url(../images/bg_person_intro2.png) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box;}
.person_intro2_tem{ margin-bottom: 30px}
.person_intro2_tem_catetory{ margin-bottom: 14px; font: bold 24px/28px "Microsoft Yahei"; color: #3582ff;}
.person_intro2_tem > p{ font: 18px/32px "Microsoft Yahei"; color: #2c3045; text-align: justify;}

.col_common{ position: relative; margin-bottom: 20px; border-bottom: 1px solid #d4dae0}
.col_common.sty2{ margin-bottom: 0}
.col_common span{ display: inline-block; height: 32px; padding: 0 8px 20px; margin: 0 auto; font: bold 30px/32px "Microsoft Yahei"; color: #16243c; border-bottom: 6px solid #1d78ff;}

.col_common > i.expert-total, .col_common > i.list-total{ position: absolute; bottom: 30px; right: 20px; font: bold 20px / 24px "Microsoft Yahei"; color: #333;}

.zp_news_wrap{}

.zp_news_item{ float: left; width: 323px; margin: 0 36px 36px 0; background-color: #fff; border: 1px solid #e1eaf7; border-radius: 8px; box-sizing: border-box;}
.zp_news_item:nth-child(4n){ margin-right: 0;}
.zp_news_item img{ width: 321px; height: 183px; border-radius: 8px;}

.zp_news_bot{ height: 140px; padding: 15px 16px 0; box-sizing: border-box;} 
.zp_news_bot h3{ margin-bottom: 10px; font: 18px/32px "Microsoft Yahei"; color: #273349; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.zp_news_bot h3 a{ color: #273349;}
.zp_news_infor{ display: flex; justify-content: left;}
.zp_news_tag{ height: 36px; padding: 0 12px; margin-right: 8px; font: 16px/36px "Microsoft Yahei"; color: #3582ff; background-color: #ebf3ff; border-radius: 4px;}
.zp_news_date{ font: 16px/36px "Microsoft Yahei"; color: #a4a4a4;}


/*医院详情页*/
.hospital_wrap{ position: relative; height: auto; padding-top: 24px; margin-bottom: 30px; }
.hospital_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 326px; background: url(../images/bg_flower.png) no-repeat left bottom #cbdaf0; content: ""}
.hospital_con{ position: relative; width: 1400px; height: 332px; padding: 40px 30px; margin: 0 auto; background: url(../images/bg_hospital_intro.png) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box; z-index: 3}

.person_intro_top{ display: flex; justify-content: left; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #fff;}
.hospital_name{ font: bold 40px/42px "Microsoft Yahei"; color: #2c3045;}
.hospital_level{ display: flex; justify-content: left;}
.hospital_level li{ height: 36px; padding: 0 26px; margin-left: 18px; font: 20px/36px "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(left, #145bf1, #4e8bfe); background: -webkit-linear-gradient(left , #145bf1, #4e8bfe);background: -o-linear-gradient(left , #145bf1, #4e8bfe); border-radius: 4px;}

.hospital_con > p{ margin-top: 28px; font: 18px/32px "Microsoft Yahei"; color: #2c3045; text-align: justify;}

a.hospital_btn_more{ display: block; width: 100%; height: 66px; font: 18px/66px "Microsoft Yahei"; color: #273349; text-align: center; background-color: #fff; border-radius: 8px; cursor: pointer;}

/*详情页 */
.article_info_wrap{ position: relative; height: auto; padding-top: 37px; margin-bottom: 30px; }
.article_info_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 240px; background: url(../images/bg_flower.png) no-repeat left bottom #cbdaf0; content: ""}
.article_info_con{ position: relative; width: 1400px;  padding: 30px; margin: 0 auto; background: url(../images/bg_person.png) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box; z-index: 3}

.article_intro_top{ display: flex; justify-content: space-between;  align-items: center; margin-bottom: 34px;}
.article_tag{ display: flex; flex-wrap: wrap; justify-content: left;}
.article_tag li{ height: 44px; padding: 0 20px; margin: 0 30px 10px; font: 20px/44px "Microsoft Yahei"; color: #fff; background-color: #64baee; border: 1px solid #fff; border-radius: 22px;}
.article_tag li a {color:#fff}
.article_num{ height: 40px; padding: 0 24px; font: 16px/40px "Microsoft Yahei"; color: #15426e; background-color: #eff7ff; border-radius: 20px;}
a.btn_wyyy{ height: 40px; padding: 0 24px; font: 16px/40px "Microsoft Yahei"; color: #fff; background-color: #64baee; border-radius: 20px; cursor: pointer;}

.article_title{ position: relative; padding-bottom: 10px; margin-bottom: 32px; font: bold 34px/40px "Microsoft Yahei"; color: #2c3045;  border-bottom: 1px solid #77beed;}
.article_title:before{ position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #ceedff; content: ""}

.article_info_bot{ position: relative}
.article_date{ float: left; margin-right: 20px; font: 14px/46px "Microsoft Yahei"; color: #2c3045;}
.article_data{ float: left; height: 46px; padding-left: 38px; font: 14px/46px "Microsoft Yahei"; color: #0081ff; background: url(../images/icon_eye.png) no-repeat left center;}

.article_status{ float: right; display: flex; align-items:center; justify-content: space-between; height: 46px; padding: 0 18px; background: #48c7cf; border-radius: 23px; cursor: pointer;}
.article_status:before{  width: 21px; height: 20px; margin-right: 12px; background: url(../images/icon_star.png) no-repeat center top; content: ""}




.article_status span{ font: 14px/46px "Microsoft Yahei"; color: #ffffff; display: block; }
.article_status .article_btn{  height: 24px; margin-right: 10px; font: 14px/24px "Microsoft Yahei"; color: #fff; text-align: center; border-radius: 12px; }



.article_sc_item_wrap{ position: absolute; top: 56px; right: 0; width: 300px; z-index: 100}
.article_sc_item_tem{ padding: 30px; margin-bottom: 14px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 4px 4px #dfdfdf;}
.article_sc_item_tit{ padding: 0 0 18px 36px; margin-bottom: 20px; font: bold 24px/26px "Microsoft Yahei"; color: #333; border-bottom: 1px solid #c4e3ff;}
.article_sc_item_tit.icon1{ background: url(../images/icon_sc_star.png) no-repeat left top;}
.article_sc_item_tit.icon2{ background: url(../images/icon_sc_new2.png) no-repeat left top;}

.article_sc_item_list{}
.article_sc_item_list li{ position: relative; height: 60px; padding-left: 34px; font: 20px/60px "Microsoft Yahei"; color: #333;  cursor: pointer;}
.article_sc_item_list li:before{ position: absolute; top: 50%; left: 0; width: 20px; height: 18px; margin-top: -9px; background: url(../images/icon_sc_tag.png) no-repeat 0 0; content: "";}
.article_sc_item_list li.current{ color: #0081ff}
.article_sc_item_list li.current:before{ background-position: -20px 0}

.btn_sc_xjfz{ height: 60px; padding-left: 34px; font: 20px/60px "Microsoft Yahei"; color: #666; background: url(../images/icon_sc_new1.png) no-repeat left center; cursor: pointer;}

.xjfz_text{ width: 100%; height: 40px; margin-bottom: 20px; font: 14px/40px "Microsoft Yahei"; color: #48c7cf; text-indent: 0.5em; border: 1px solid #48c7cf; border-radius: 8px; outline: none; box-sizing: border-box;}
.xjfz_btn{ display: flex; justify-content: space-between;}
.xjfz_btn > a{ font: 20px/22px "Microsoft Yahei"; cursor: pointer;}
.xjfz_btn > a.xjfz_btn_cancel{ color: #666666;}
.xjfz_btn > a.xjfz_btn_fin{ color: #0081ff}




/*.article_status{ }
.article_btn{}
.article_btn > span{}
添加
*/
.btn_poster{ float: right; height: 46px; padding: 0 26px; position: relative; margin-right: 34px; font: 14px/46px "Microsoft Yahei"; color: #fff; background-color: #48c7cf; border-radius: 23px;}
.btn_poster p.btn_share {
    color:#fff;
     cursor: pointer;
}
.share-bg {
    position: fixed;
    width: 100vw;
    height:100vh;
    top:0px;
    left:0px;
    display: none;
    background:rgba(0,0,0,0.4)
}
.share-poster-con {
 position: absolute;
    left:-150px;
    top:55px;
    /* display: none; */
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.share-page {
    display: none;
    width: 360px; 
}
.share-page img {
    width: 100%;
    border-radius: 15px;
}
.poster_html {
    background: #fff;
    /* position: absolute;
    left:0px;
    top:0px;
    z-index: -55; */
    width: 360px;
    min-height: 327px;
    padding:20px 20px;
    border-radius: 16px;
}
.poster_html .poster_head_img {
width: 100%;
}
.poster_html .poster_head_img img {
    width: 100%; 
    aspect-ratio: 16/9;
    border-radius: 16px;
}

.poster_html .poster_title {
font-weight: bold;
font-size: 18px;
line-height: 26px;;
color:#333;
margin-top:15px;
}
.poster_html  .poster-infor {
display: flex;
flex-direction: column;
align-items: center;
margin-top:15px;
  /* height:80px; */
}
.poster_html  .poster-infor .html-ewm {
    width: 120px;
    height:120px;
    /* float: left; */
}
.poster_html  .poster-infor .html-ewm img {
 width: 120px;
 height:120px;
}



.poster_html  .poster-infor .html-ewm #qrcode {
 width: 120px;
 height:120px;
}

.poster_html  .poster-infor .html-ewm #qrcode canvas {
    position: absolute;
    opacity: 0;
}
.poster_html  .poster-infor .ewm-tips {
 /* float: left; */
 font-size:14px;
 color:#333;
 /* padding-top: 35px; */
 /* padding-left: 5px; */
 margin-top: 10px;
}
.poster_html  .poster-infor .ewm-tips p {
    line-height: 24px;
}

.poster_html  .poster-infor .html-time {
    display: none;
    float:right;
    font-size:14px;
 color:#333;
 padding-top: 35px;
 padding-left: 5px;
}
.poster_html  .poster-infor .html-time p{
   line-height: 24px; 
}
.poster-btn-con {
    margin-top: 12px;
    height:48px;
}
.poster-btn-con .btn-keep-share {width: 240px;height:48px;background:#fff;text-align: center;font-size:18px;color:#333;line-height: 48px;border-radius: 15px;cursor: pointer;float:left;}
.poster-btn-con  .btn-close-share {width: 109px;height:48px;background:#fff;text-align: center;font-size:18px;color:#333;line-height: 48px;border-radius: 15px;cursor: pointer;float:right;}

/* cms用 */
.article_wrap{ padding: 30px 35px; background-color: #fff; box-sizing: border-box; } 
/*  */
.article_l{ float: left; width: 920px; padding: 30px 35px; background-color: #fff; box-sizing: border-box;}
.article_con{ margin-bottom: 50px; font: 16px/30px "Microsoft Yahei"; color: #2c3045; text-align: justify; background: url(../images/article_watermark.png) repeat center top;}
.article_con p{ font: 16px/30px "Microsoft Yahei"; color: #2c3045; text-align: justify;margin-bottom:5px;}
.article_con img{ max-width: 700px;margin: 0 auto 5px;height: auto !important;
    display: block;}

.article_bot{ padding: 10px 14px; background-color: #f0f4f7; font-size:16px; }
.article_bot  p{ font: 16px/24px "Microsoft Yahei"; color: #2c3045;}

.article_r{ float: right; width: 450px;  margin-right: 0px;}
.article_r_tem{ padding: 25px; background-color: #fff;}
.article_r1{ float: right; width: 400px;  margin-right: 55px;}

.atricle_author_info{ margin-bottom: 50px;}
.atricle_author_info img{ float: left; width: 164px; height: 164px; border-radius: 50%;}
.atricle_author_info_r{ float: right; width: 166px;}
.atricle_author_info_r h3{ margin-top: 10px; font: 20px/24px "Microsoft Yahei"; color: #12132c;}
.atricle_author_info_r h3 a{ color: #12132c}
.atricle_author_info_r p{ margin-top: 10px; font: 16px/28px "Microsoft Yahei"; color: #a4a4a4;}

/*.col_common{}
.col_common span{}*/

.zxzp_list{}
.zxzp_list li{ padding: 10px; border-bottom: 1px solid #e8e8e8;}
.zxzp_list li h3{ font: 16px/32px "Microsoft Yahei"; text-align: justify;}
.zxzp_list li h3 a{ color: #2c3045;}
.zxzp_list li p{ font: 14px/30px "Microsoft Yahei"; color: #2c3045; text-align: right;}

.xgyd_wrap{}
.xgyd_tem{ padding-bottom: 10px; margin-top: 20px; border-bottom: 1px solid #e8e8e8;}
.xgyd_tem img{ width: 100%; height: 217px;}
.xgyd_tem h3{ margin-top: 5px; font: 16px/32px "Microsoft Yahei"; text-align: justify;}
.xgyd_tem h3 a{ color: #2c3045;}
.xgyd_tem p{ font: 14px/30px "Microsoft Yahei"; color: #2c3045; text-align: right;}

/*通用概览*/
.loc{ padding: 0 30px 10px 68px; margin: 30px 0; font: 16px/20px "Microsoft Yahei"; color: #333; background: url(../images/../images/icon_loc.png) no-repeat 30px top; border-bottom: 1px solid #e3e8ec;}
.loc a{ color: #333;}

.search_result_info{ margin-bottom: 20px; text-align: center; font: 16px / 24px "Microsoft Yahei"}

.gl_common_wrap{ margin-bottom: 40px;}

.gl_common_tem{ display: flex; justify-content: space-between; padding: 18px 22px; margin-bottom: 20px; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 10px; box-sizing: border-box;}
.gl_common_tem img{ width: 330px; height: 186px;}
.gl_common_tem_r{ width: 990px;}
.gl_common_tem_r > h3{ height: 80px; margin: 4px 0 10px; font: 24px/40px "Microsoft Yahei"; text-align: justify; color: #12132c;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.gl_common_tem_r > h3 a{ color: #12132c;}

.gl_common_tem_r > h3 a em {color:#c32121}
.gl_common_tem_info{ margin-bottom: 18px; font: 18px/24px "Microsoft Yahei"; color: #12132c}
.gl_common_tem_item{ display: flex; justify-content: space-between; }
.gl_common_tem_tag{ display: flex; flex-wrap: wrap; justify-content: left; width: 860px;}
.gl_common_tem_tag li{width: auto;padding: 0px 18px;height: 48px; margin: 0 15px 15px 0 ;font: 18px/46px "Microsoft Yahei";color: #333;text-align: center;background-color: #efefef;border: 1px solid #efefef;border-radius: 10px;box-sizing: border-box;}
.gl_common_tem_tag li.cate{ color: #0080ed; background-color: #e0f1ff; border-color: #0080ed;}

.gl_common_tem_date{ margin-left: 20px; font: 18px/24px "Microsoft Yahei"; color: #a4a4a4; text-align: right}

/*收藏*/
.user_info{ display: flex; align-items: center; justify-content: space-between; height: 90px; padding: 0 30px; margin-top: 30px; background-color: #fff; border-radius: 20px;}
.user_username{ font: 24px/30px "Microsoft Yahei"; color: #12132c;}
.user_tips{ font: 18px/30px "Microsoft Yahei"; color: #5a7081;}

.sc_tab{ display: flex; justify-content: space-between; margin: 30px 0;}
/* start 3个div的时候 宽度改成 425px 两个div的时候是685px*/
.sc_tab_tem{ position: relative; width: 425px; height: 90px; padding-left: 38px; font: bold 24px/90px "Microsoft Yahei"; background: url(../images/bg_sc_tab.png) no-repeat center top; background-size: 100% 100%; border-radius: 10px; box-sizing: border-box; cursor: pointer;}
/* end */
.sc_tab_tem.active a{ color: #1d78ff;}
.sc_tab_tem.active:before{ position: absolute; top: 0; left: 0; width: 14px; height: 90px; background: -moz-linear-gradient(top, #01d5ff, #0085fe); background: -webkit-linear-gradient(top , #01d5ff, #0085fe);background: -o-linear-gradient(top , #01d5ff, #0085fe); border-top-right-radius: 10px; border-bottom-right-radius: 10px; content: ""}

.sc_tags{ display: flex; justify-content: left; flex-wrap: wrap; margin-bottom: 20px;}
.sc_tags li{ display: flex; align-items: center; height: 50px; padding: 0 32px; margin: 0 30px 10px 0; font: 24px/50px "Microsoft Yahei"; color: 333; background-color: #fff; border-radius: 8px; cursor: pointer;}
.sc_tags li.current{ padding: 0 20px; color: #fff; background-color: #3aa2ff;}
.sc_tags li.current:before{ width: 24px; height: 24px; margin-right: 8px; background: url(../images/icon_sc.png) no-repeat center top; content: ""}
.sc_tags li.current .sc_close{ width: 16px; height: 16px; margin-left: 12px; background: url(../images/icon_close1.png) no-repeat center top; cursor: pointer;}

.page_wrap{ position: relative;}
.page_controls{ position: absolute; top: 0; right: 0; display: flex; justify-content: left; align-items: center;}
.page_controls > span{ margin: 0 18px; font: 12px/34px "Microsoft Yahei"; color: #333;}
.page_controls .page_controls_text, .page_controls .page_controls_btn{ width: 60px; height: 28px; font: 12px/28px "Microsoft Yahei"; text-align: center; background-color: #fff; border: 1px solid #e5efff; outline: none;}
.page_controls .page_controls_btn{ cursor: pointer;}

/*搜索页*/
.search_item_wrap{ padding: 50px 0; margin-bottom: 20px; background: url(../images/bg_search_page_condition.png) no-repeat center top; background-size: 100% 100%;}

.search_bar{ position: relative; width: 990px; height: 62px; margin: 0 auto 10px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px 1px #eee;}
.search_page_keyword{ position: absolute; top: 0; left: 25px; width: 600px; font: 18px/62px "Microsoft Yahei"; color: #333; background: none; border: none; outline: none;}
a.search_page_btn{ position: absolute; top: 0px; right: 0px; width: 150px; height: 62px; font: 20px/62px "Microsoft Yahei"; color: #fff; text-align: center; letter-spacing: 4px; text-indent: 4px; background-color: #65a8f8; border-radius: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer;}

.search_bar_wrap .autocomplete_list{position: absolute;width: 840px;max-height: 350px; overflow-y: auto;background: #ffffff;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 150, 0.15);z-index: 100;top: 100%;margin-top: 8px;display: none;border: 1px solid #e3f2fd;}
.search_bar_wrap .autocomplete_list.visible {display: block;}
.search_bar_wrap .autocomplete_list .autocomplete-item{padding: 14px 25px;font-size: 1.05rem;color: #37474f;border-bottom: 1px solid #f5f9ff;cursor: pointer;transition: all 0.2s ease;position: relative;overflow: hidden;}
.search_bar_wrap .autocomplete_list .autocomplete-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #1e88e5;
    transform: translateX(-10px);
    transition: transform 0.3s ease;
}
.search_bar_wrap .autocomplete_list .autocomplete-item:hover, .autocomplete-item.highlighted {
    background: #e3f2fd;
    padding-left: 30px;
}
.search_bar_wrap .autocomplete_list .autocomplete-item:hover:before, .autocomplete-item.highlighted:before {
    transform: translateX(0);
}
.search_bar_wrap .autocomplete_list .autocomplete-item:last-child {
    border-bottom: none;
    border-radius: 0 0 12px 12px;
}

.search_bar_wrap .autocomplete_list .autocomplete-item:first-child {
    border-radius: 12px 12px 0 0;
}

.condition_item{ padding: 26px 0 12px; border-bottom: 1px solid #fff;}
.condition_item .label{ float: left; height: 36px; font: 24px/36px "Microsoft Yahei"; color: #16243c;}
.condition_list, .condition_list2{ float: left; width: 1250px;}
.condition_list li{ float: left; height: 36px; padding: 0 14px; margin-bottom: 14px; margin-right: 28px; font: 18px/36px "Microsoft Yahei"; color: #111532; cursor: pointer;}
.condition_list li.current{ color: #fff; background-color: #0080ed; border-radius: 18px;}

p.result_no{ text-align: center; font-size: 18px; color: #666;}

.search_result_info{ margin-bottom: 20px; text-align: center; font: 16px / 24px "Microsoft Yahei"}

.search_bar_wrap{ display: flex; justify-content: center; width: 1130px; margin: 0 auto 10px; }

a.btn_zpcx {
        
        width: 130px;
        height: 62px;
        margin-left: 10px;
        font: 20px / 62px "Microsoft Yahei";
        color: #fff;
        text-align: center;
        letter-spacing: 4px;
        text-indent: 4px;
        background-color: #65a8f8;
        border-radius: 10px;
        cursor: pointer;
}

.search_item_list_wrap{ display: flex; justify-content: left; width: 1130px; margin: 0 auto 10px;}
.search_item_list_wrap > span{ font: 16px/20px "Microsoft Yahei"; color: #666;}
.search_item_list{ display: flex; justify-content: left;}
.search_item_list li{ padding: 0 10px; margin-right: 10px; font: 16px/20px "Microsoft Yahei"; color: #666;  border-radius: 6px; cursor: pointer;}
.history_clear{ font: 16px/20px "Microsoft Yahei"; color: #65a8f8; cursor: pointer}

.search_bot{ position: relative;}
.per_page_control_wrap{ position: absolute; top: 0; right: 0; }
.per_page_control_con{ position: relative; width: 90px; height: 34px; background-color: #fff; border: 2px solid #e5efff; font: 14px/34px "Microsoft Yahei"; text-indent: 8px; color: #333; border-radius: 4px; cursor: pointer;}
.per_page_control_con:before{ position: absolute; right: 10px; top: 50%; width: 9px; height: 6px; margin-top: -3px; background: url(../images/arr_per_page_control.jpg) no-repeat center top; content: ""}
.per_page_control_choose{ display: none; position: absolute; bottom: 40px; left: 0; width: 100%; padding: 6px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 2px 2px #eee; box-sizing: border-box;}
.per_page_control_choose li{ height: 26px; font: 14px/26px "Microsoft Yahei"; text-indent: 6px; color: #333; cursor: pointer;}
.per_page_control_choose li:hover{ color: #1e5ddc; background-color: #f2f3ff;}

.per_page_control_wrap.active .per_page_control_con{ border-collapse: #447ee3;}
.per_page_control_wrap.active .per_page_control_con:before{ transform: rotate(180deg);}
.per_page_control_wrap.active .per_page_control_choose{ display: block;}

/*概览 健康科普基地*/
.jkkpjd_list{ margin-top: 40px;}
.jkkpjd_list_tem{ float: left; width: 323px; height: 275px; margin: 0 36px 36px 0; border: 1px solid #e1eaf7; border-radius: 10px; box-sizing: border-box;}
.jkkpjd_list_tem:nth-child(4n){ margin-right: 0;}
.jkkpjd_list_tem img{ width: 321px; height: 185px; border-radius: 10px;}
.jkkpjd_list_tem h3{ max-height: 64px; padding: 0 24px; margin-top: 10px; font: 18px/32px "Microsoft Yahei"; color: #273349; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/*健康科普基地 详情页 */
.article_info_wrap{ position: relative; height: auto; padding-top: 60px; margin-bottom: 30px; }
.article_info_wrap.sty_jkkpjd:before{ position: absolute; top: 0; left: 0; width: 100%; height: 363px; background: url(../images/bg_flower.png) no-repeat left 20px #cbdaf0; content: ""}
.article_info_wrap.sty_jkkpjd .article_info_con{ position: relative; width: 1400px; padding: 30px; margin: 0 auto; background: url(../images/bg_jkkpjd_xl_items.png) no-repeat center top; background-size: 100% 100%; border-radius: 20px; box-sizing: border-box; z-index: 3}

.article_info_wrap.sty_jkkpjd .article_title{ padding-bottom: 20px; border-bottom-color: #fff;}
.article_info_wrap.sty_jkkpjd .article_title:before{ display: none;}

.xl_jkkpjd_item_wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.xl_jkkpjd_item{  position: relative; width: 30%; padding-left: 42px; margin: 0 20px 36px; box-sizing: border-box;}
.xl_jkkpjd_item:before{ position: absolute; top: 50%; left: 0; width: 32px; height: 32px; margin-top: -16px; background-image: url(../images/icon_jkkpjd_xl_items.png); content: ""}
.xl_jkkpjd_item.sty_add:before{ background-position: 0 0}
.xl_jkkpjd_item.sty_phone:before{ background-position: 0 -32px}
.xl_jkkpjd_item.sty_open:before{ background-position: 0 -64px}
.xl_jkkpjd_item.sty_act:before{ background-position: 0 -96px}

.xl_jkkpjd_item_des1{ font: bold 18px/30px "Microsoft Yahei"; color: #2c3045}
.xl_jkkpjd_item_des2{ font: 16px/30px "Microsoft Yahei"; color: #2c3045;}


.sc_jd_wrap{ position: relative; width: 1400px; margin: 30px 0;}
#swiper_jd{ width: 1400px; height: 420px;}
#swiper_jd .swiper-slide{ position: relative; width: 686px; height: 420px;  }

#swiper_jd .swiper-slide img{ width: 686px; height: 420px; border-radius: 20px;}

.swiper_jd-scrollbar{ width: 90%; height: 8px; margin: 10px auto 0; cursor: pointer}
.swiper_jd-scrollbar .swiper-scrollbar-drag{ background-color: #1d78ff; }

.swiper_jd-pagination{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; display: flex; justify-content: center;}
.swiper_jd-pagination .swiper-pagination-bullet{ float: left; width: 8px; height: 8px; margin-left: 8px; background-color: #0080ed; border-radius: 4px;}
.swiper_jd-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 84px;}

.xl_jd_tem{ margin-bottom: 60px;}
.xl_jd_col{ margin-bottom: 40px; border-bottom: 1px solid #d4dae0;}
.xl_jd_col span{ display: inline-block; padding: 0 10px 20px; font: bold 34px/36px "Microsoft Yahei"; color: #16243c; border-bottom: 7px solid #1d78ff;}

.xl_jd_con{ padding: 16px 44px; background-color: #fff; border: 1px solid #f5f5f5; border-radius: 20px;}
.xl_jd_con p{ font: 18px/46px "Microsoft Yahei"; color: #12132c;}



.xd_error {
    width: 1000px;
    text-align: center;
    font-size:16px;
    font-weight: bold;
    margin-top:15px;
}

.loading{ display: block; margin: 40px auto;}

/*分享*/
.article_share_wrap{ display: flex; align-items: center; float: right; height: 46px; margin-right: 20px;}
.article_share_wrap > span{ font: 14px/46px "Microsoft Yahei"; color: #333;}
.article_share{}

.ellipsis_first {
    width: 600px; /* 容器宽度 */
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden !important; /* 隐藏溢出的内容 */
    text-overflow: ellipsis !important; /* 显示省略号 */
}

/* 2025.10.15 */
.article_intro_top2{
    float: left;
    margin-bottom: 0;
}

.article_intro_top2 .article_tag li{
    height: 40px;
    margin: 0 5px 10px;
    padding: 0 10px;
    font: 14px/40px "Microsoft Yahei";
    cursor: default;
    border: none;
    
}

.article_date{
    margin-left: 20px;
}