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

body { background:#fff; font-size:16px; font-family:"Microsoft Yahei"; color:#000; -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button { font-size:16px; font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#000; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#15326a; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1440px; margin:0 auto; }
.hide{ display:none;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button]{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#666; }
textarea::-webkit-input-placeholder { color:#666; }
input::-webkit-input-speech-button { display: none; }

@font-face { font-family:'NotoSerifCJKsc-Bold'; src:url('../fonts/NotoSerifCJKsc-Bold.otf'); }
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.woff2?t=1652104029778') format('woff2'),
       url('../fonts/iconfont.woff?t=1652104029778') format('woff'),
       url('../fonts/iconfont.ttf?t=1652104029778') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.jkHead-top{ background: #f1f6ff; text-align: right; font-size: 14px; color: #666; line-height: 38px;}
.jkHead-top a{ color: #666;}
.jkHead-top a:hover { color:#15326a; }
.jkHead-logo{ background: #fff; width: 100%; padding: 16px 0 22px 0; position: relative; z-index: 99;}
.jkHead-site{ background-image: url(../images/nav-bg.jpg); background-size: cover; background-position: center; width: 100%; position: relative; z-index: 99;}
.jkHead-site .w{ display: flex; justify-content: space-between; align-items: center;}

.jkHead-siteNav{ display:flex; flex:1; }
.jkHead-siteNav li { flex:1; position:relative; text-align: center;}
.jkHead-siteNav li a.far { font-size: 20px; line-height:113px; display:block; color:#fff; }
.jkHead-siteNav li.active a.far, .jkHead-siteNav li:hover a.far{ background:#15326a; }
.jkHead-siteNav li .subnav { background-color:#15326a; width:100%; padding:10px 0; position:absolute; top:100%; left:0; pointer-events:none; opacity:0; transform:translateY(10px); backdrop-filter:blur(5px); transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.jkHead-siteNav li .subnav a { display:block; padding:10px 0;  color:#fff;}
.jkHead-siteNav li .subnav a:hover{ background:#2c4679; }
.jkHead-siteNav li:hover .subnav{ opacity:1; pointer-events:auto; transform:none; }

.jkHead-siteSearch{ background: #fff; width: 290px; padding: 4px; display: flex; align-items: center; border-radius: 25px;}
.jkHead-siteSearch .icon{ width: 55px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; color: #15326a; font-weight: bold;}
.jkHead-siteSearch .inpt{ width: 127px; height: 40px; line-height: 40px; color: #999;}
.jkHead-siteSearch .btn{ background: #15326a; width: 100px; height: 40px; line-height: 40px; color: #fff; border-radius: 20px; cursor: pointer;}


.jkBanner{ background-image: url(../images/jkBanner-bg.png); background-position: center; background-size: cover; padding: 32px 0 37px 0;}
.jkBanner-sider{ position: relative; overflow: hidden;}
.jkBanner-sider li img{ width: 100%;}
.jkBanner-sider .swiper-pagination{  right: 45px; bottom: 27px; font-size: 14px;}
.jkBanner-sider .swiper-pagination-current{ font-size: 22px; color: #15326a;}


.jkNews{ margin-top: 47px;}
.jkNews-aside{ width: 73%;}

.jkNews-head{ display:flex; align-items:center; justify-content:space-between; padding-bottom:22px; border-bottom:1px #e5e5e5 solid;}
.jkNews-head .title{ font-family:'NotoSerifCJKsc-Bold'; font-size:24px; display:flex; align-items:center; position:relative;}
.jkNews-head .title:before{ content:''; background:#15326a; width:100%; height:2px; position:absolute; left:0; bottom:-23px;}
.jkNews-head .title img{ width:40px; margin-right:12px;}
.jkNews-head .more{ display: flex; align-items: center; color: #999;}
.jkNews-head .more .iconfont{ font-size: 22px; color: #15326a; margin-left: 10px;}
.jkNews-head .more:hover{ color: #15326a;}

.jkNews-first{ background: #f8f8f8; margin-top: 33px; padding: 10px 17px; display: flex; align-items: center; border: 1px #ebebeb solid;}
.jkNews-first .title{ background: url(../images/jkNews-title.png) no-repeat; width: 56px; height: 57px; font-size: 16px; line-height: 18px; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center;}
.jkNews-first .text{ width: calc(100% - 56px); text-align: center; padding: 0 25px;}
.jkNews-first .text .t{ font-size: 20px; font-weight: bold; line-height: 1; color: #15326a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jkNews-first .text .c{ font-size: 14px; color: #999; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 8px;}

.jkNews-layout{ display: flex; margin-top: 30px; justify-content: space-between;}
.jkNews-layout-sider{ width: 64%; overflow: hidden; position: relative;}
.jkNews-layout-sider li{ position:relative; height: 355px; overflow:hidden;}
.jkNews-layout-sider li .thumb{ background-position: center; background-size: cover; width:100%; height:100%; transition:all 0.4s;}
.jkNews-layout-sider li .title{ background:rgba(0,0,0,.5); width:100%; line-height:55px; color:#fff; padding:0 100px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;}
.jkNews-layout-sider li:hover .thumb{ transform:scale(1.05);}
.jkNews-layout-sider .swiper-button-next, .jkNews-layout-sider .swiper-button-prev{ width:28px; height:28px; line-height: 26px; text-align:center; top:auto; bottom:13px; margin-top:auto; color: rgb(255,255,255,.2); border: 1px solid rgb(255,255,255,.2);}
.jkNews-layout-sider .swiper-button-next{ right:23px;}
.jkNews-layout-sider .swiper-button-next:hover{ background: #15326a; color: #fff; border-color: #15326a;}
.jkNews-layout-sider .swiper-button-prev{  right:63px; left:auto;}
.jkNews-layout-sider .swiper-button-prev:hover{ background: #15326a; color: #fff; border-color: #15326a;}

.jkNews-layout-manage{ width:32.5%;}
.jkNews-layout-manage .ma-detail{ padding-bottom:12px;  border-bottom:1px #e5e5e5 solid;}
.jkNews-layout-manage .ma-detail .dt{ font-size:18px; font-weight:bold; line-height:30px; max-height:60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jkNews-layout-manage .ma-detail .dc{ font-size:14px; color:#999; line-height:24px; max-height:48px; margin-top:8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jkNews-layout-manage .ma-list li{ line-height:44px; padding-left:23px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #e5e5e5 solid;}
.jkNews-layout-manage .ma-list li:before{ content:''; background:#15326a; width:4px; height:4px; position:absolute; left:4px; top:50%; transform:translateY(-50%);}


.jkNews-notice{ width: 23%;}
.jkNews-notice-list{ margin-top: 33px; padding: 6px 18px 10px 18px; border: 1px #e5e5e5 solid;}
.jkNews-notice-list li{ padding: 11px 0; display: flex; align-items: center; border-bottom: 1px #e6e6e6 dashed;}
.jkNews-notice-list li:last-child{ border-bottom: 0;}
.jkNews-notice-list li .date{ width: 70px; text-align: center; line-height: 32px; color: #666; border: 1px #eee solid; transition: all 0.4s;}
.jkNews-notice-list li .date .y{ background: #eee; transition: all 0.4s;}
.jkNews-notice-list li .text{ width: calc(100% - 70px); padding-left: 13px; line-height: 28px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jkNews-notice-list li:hover .date{ border: 1px #15326a solid;}
.jkNews-notice-list li:hover .date .y{ background: #15326a; color: #fff;}


.jkHealthy{ margin-top: 68px;}
.jkHealthy-head{ background: linear-gradient(to right,#eef2ff,#fff); display: flex; align-items: center; justify-content: space-between;}
.jkHealthy-head .title{ background:#15326a; position: relative; font-family:'NotoSerifCJKsc-Bold'; font-size: 24px; color: #fff; line-height: 56px; display: flex; align-items: center; padding: 0 10px;}
.jkHealthy-head .title:before{ content: ''; background: #15326a; width: 100%; height: 12px; position: absolute; left: 0; top: -12px;}
.jkHealthy-head .title:after{ content: ''; background: url(../images/jkHealthy-arrow.png) no-repeat; width: 18px; height: 16px; position: absolute; right: -17px; top: -12px;
z-index: -1;}
.jkHealthy-head .title img{ margin-right: 5px;}
.jkHealthy-head .tips{ font-family:'NotoSerifCJKsc-Bold'; font-size: 20px; color: #15326a; flex: 1; padding-left: 30px;}

.jkHealthy-head .more{ display: flex; align-items: center; color: #999;}
.jkHealthy-head .more .iconfont{ font-size: 22px; color: #15326a; margin-left: 10px;}
.jkHealthy-head .more:hover{ color: #15326a;}

.jkHealthy-page{ margin-top: 30px; display: flex; justify-content: space-between;}
.jkHealthy-column{ background-image: url(../images/jkHealthy-bg01.jpg); background-size: cover; background-position: center; width: 53%; min-height: 307px; color: #fff; display: flex; align-items: center; justify-content:space-between; padding-left: 65px;}
.jkHealthy-column .col-menu{ width: 42%; display: flex; flex-wrap: wrap;}
.jkHealthy-column .col-menu li{ width: 50%; padding: 10px 0;}
.jkHealthy-column .col-head{ width: 58%; text-align: center;}
.jkHealthy-column .col-head .t{ font-size: 28px; font-weight: bold; line-height: 1;}
.jkHealthy-column .col-head .c{ font-size: 18px; margin-top: 15px;}
.jkHealthy-column .col-head .m{ background: #dbe2ef; width: 180px; height: 50px; margin: auto; margin-top: 25px; color: #337fdc; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
.jkHealthy-column .col-head .m .iconfont{ font-size: 21px; margin-left: 10px;}
.jkHealthy-column .col-head .m:hover{ background: #15326a; color: #fff;}

.jkHealthy-guide{ width: 46%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.jkHealthy-guide li{ background-image: url(../images/jkHealthy-bg02.jpg); width: calc(50% - 8px); height: 148px; margin-top: 11px; position: relative; color: #fff; padding: 35px 0 0 30px;}
.jkHealthy-guide li .title{ font-size: 20px; font-weight: bold; line-height: 1;}
.jkHealthy-guide li .desc{ font-size: 14px; margin-top: 10px;}
.jkHealthy-guide li .view{ background:rgba(255,255,255,.9); width: 130px; height: 40px; color: #1db9d3; display: flex; align-items: center; justify-content: center; position: absolute; right: 16px; bottom: 19px; border-radius: 25px;}
.jkHealthy-guide li .view .iconfont{ font-size: 21px; margin-left:6px;}
.jkHealthy-guide li:nth-child(1){ margin-top: 0;}
.jkHealthy-guide li:nth-child(2){ background-image: url(../images/jkHealthy-bg03.jpg); margin-top: 0;}
.jkHealthy-guide li:nth-child(2) .view{ color: #1cad91;}
.jkHealthy-guide li:nth-child(3){ background-image: url(../images/jkHealthy-bg04.jpg); }
.jkHealthy-guide li:nth-child(3) .view{ color: #c9820f;}
.jkHealthy-guide li:nth-child(4){ background-image: url(../images/jkHealthy-bg05.jpg); }
.jkHealthy-guide li:nth-child(4) .view{ color: #eb5d43;}
.jkHealthy-guide li .view:hover{ background: #15326a; color: #fff;}


.jkAbout-floor{ margin-top: 60px;}
.jkAbout{ width: 50%;}
.jkAbout-block{ margin-top: 38px; display: flex; justify-content: space-between}
.jkAbout-block .thumb{ width: 48%;}
.jkAbout-block .word{ width: 46%;}
.jkAbout-block .word .c{ color: #666; line-height: 28px; max-height: 280px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;}
.jkAbout-block .word .m{ background: #e7eaf0; display: flex; align-items: center; justify-content: center; color: #15326a; line-height: 48px; margin-top: 27px;}
.jkAbout-block .word .m .iconfont{ font-size: 21px; margin-left: 10px;}
.jkAbout-block .word .m:hover{ background: #15326a; color: #fff;}


.jkPublic{ width: 46%;}
.jkPublic-first{ margin-top: 38px; padding-bottom: 34px;  border-bottom: 1px #e5e5e5 solid;}
.jkPublic-first a{ display: flex;}
.jkPublic-first .thumb{ width: 31%; height: 140px; overflow: hidden;}
.jkPublic-first .thumb span{ background-position: center; background-size: cover; width: 100%; height: 100%; display:inline-block; transition: all .4s;}
.jkPublic-first .word{ width: 69%; padding-left: 25px;}
.jkPublic-first .word .t{ font-size: 20px; line-height: 1; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.jkPublic-first .word .c{ margin-top: 12px; line-height: 26px; max-height: 52px; color: #666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jkPublic-first .word .d{ background: url(../images/date.png) no-repeat left center; padding-left:25px; color: #999; display: inline-block; margin-top: 15px;}
.jkPublic-first:hover .thumb span{ transform: scale(1.05);}

.jkPublic-list{ padding-top: 5px;}
.jkPublic-list li{ margin-top: 22px; position: relative; padding-left: 25px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.jkPublic-list li:before{content: ''; background: #15326a; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.jkPublic-list li span{ float: right; color: #999;}


.jkParty{ padding: 80px 0;}
.jkParty-warp{ margin-top: 50px; display: flex;}
.jkParty-sider{ width: 36%; position: relative; overflow: hidden;}
.jkParty-sider li .si-thumb{ height: 294px; overflow:hidden;}
.jkParty-sider li .si-thumb span{ background-position: center; background-size: cover; width: 100%; height: 100%; display: block; transition: all 0.4s;}
.jkParty-sider li .si-layout{ background:#f6f6f6; display: flex; align-items: center;}
.jkParty-sider li .si-layout .date{ background: #15326a; font-family:'NotoSerifCJKsc-Bold'; font-size: 14px; line-height: 1; width: 86px; text-align: center; color: #fff; padding:13px 0; }
.jkParty-sider li .si-layout .date .d{ font-size:30px; margin-bottom: 6px;}
.jkParty-sider li .si-layout .text{ width: calc(100% - 86px); padding: 0 20px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jkParty-sider li:hover .si-thumb span{ transform:scale(1.05);}
.jkParty-sider .swiper-button-next, .jkParty-sider .swiper-button-prev{ background: rgba(255,255,255,.5); width:28px; height:28px; line-height: 28px; text-align:center; top:auto; bottom:70px; margin-top:auto; color:#fff; z-index: 2; }
.jkParty-sider .swiper-button-next{ right:16px;}
.jkParty-sider .swiper-button-next:hover{ background: #e60012; color: #fff; }
.jkParty-sider .swiper-button-prev{  right:56px; left:auto;}
.jkParty-sider .swiper-button-prev:hover{ background: #e60012; color: #fff; }


.jkParty-list{ width: 64%; display: flex;}
.jkParty-list li { background: #f6f6f6; width: calc(33.33% - 15px); min-height: 370px; margin-left: 15px; padding: 50px 20px 0 20px; border: 1px #e5e5e5 solid;}
.jkParty-list li .date{ font-family:'NotoSerifCJKsc-Bold'; font-size: 14px; line-height: 1; color: #666; transition: all 0.4s; }
.jkParty-list li .date .d{ font-size:30px; margin-bottom: 8px;}
.jkParty-list li .text{ margin-top: 35px; }
.jkParty-list li .text .t{ font-size: 18px; font-weight: bold; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s; text-overflow: -o-ellipsis-lastline; }
.jkParty-list li .text .c{ margin-top:15px; line-height: 30px; max-height: 90px; color: #666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.4s;}

.jkParty-list li:hover{ background: #15326a;}
.jkParty-list li:hover .date{ color: #fff;}
.jkParty-list li:hover .text .t{ color: #fff;}
.jkParty-list li:hover .text .c{ color: #fff;}



.jkFooter{ background-image: url(../images/jkFooter-bg.jpg); background-position: center; background-size: cover; color: #fff;}
.jkFooter-top{ padding: 90px 0 80px 0;}
.jkFooter-top .w{ display: flex; justify-content: space-between;}
.jkFooter-topMenu{ width: 36%;}
.jkFooter-topMenu .mt{ font-weight: bold; padding-bottom: 25px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1);}
.jkFooter-topMenu .mt em{ background: #fff; width: 3px; height: 3px; margin: 0 5px; border-radius: 50%;}
.jkFooter-topMenu .mc{display: flex;  flex-wrap: wrap; padding-top: 15px;}
.jkFooter-topMenu .mc a{ width: 25%; color: #fff; margin-top: 25px; }

.jkFooter-topContact .ct{ font-weight: bold; padding-bottom: 25px; display: flex; align-items: center;  text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.1);}
.jkFooter-topContact .ct em{ background: #fff; width: 3px; height: 3px; margin: 0 5px; border-radius: 50%;}
.jkFooter-topContact .cc{ line-height: 36px; margin-top: 25px;}

.jkFooter-topCode{max-width: 114px; text-align: center;}
.jkFooter-topCode img{ margin-bottom: 20px;}

.jkFooter-btm{ padding: 18px 0; border-top: 1px solid rgba(255,255,255,.1);}
.jkFooter-btm .w{ display: flex; justify-content: space-between;}
.jkFooter-btm a{ color: #fff;}



/**中心动态**/
.pbanner{ background-position: center; background-size: cover; width: 100%; height: 312px;}
.pmain{ padding: 40px 0 80px 0;}
.pmain-menu{ display: flex; align-items: center; padding-bottom: 9px; border-bottom: 1px #e5e5e5 solid;}
.pmain-menu .cn-title{ background: #15326a; font-family:'NotoSerifCJKsc-Bold'; line-height: 48px; font-size: 24px; padding: 0 6px; color: #fff;}
.pmain-menu .en-title{ font-family:'NotoSerifCJKsc-Bold'; margin-left: 7px; font-size: 14px; color: #15326a;}
.pmain-menu .pb-tabs{ flex:1; text-align: center;}
.pmain-menu .pb-tabs a{ font-size: 18px; color: #666; line-height: 48px; display: inline-block; position: relative; margin: 0 30px; padding: 0 30px;}
.pmain-menu .pb-tabs a.active,.pmain-menu .pb-tabs a:hover{ color: #2c4679;}
.pmain-menu .pb-tabs a.active:before,.pmain-menu .pb-tabs a:hover:before{ content: ''; background: url(../images/pmenu-hover.jpg) no-repeat; width: 135px; height: 8px; position:absolute; left: 50%; bottom: -16px; transform: translateX(-50%);}

.pbanner-tabs {
    text-align: center;
    margin-top: 35px;
}

.pbanner-tabs a {
    background:  #e5e5e5;
    display: inline-block;
    height: 48px;
padding:0 20px;
    line-height: 48px;
    margin:0 8px;
    border-radius: 5px;
}

.pbanner-tabs a.now,.pbanner-tabs a:hover {
    background: #15326a;
color:#fff;
}



.pmain-page { padding-top:80px; display: flex; align-items: center; justify-content: center;}
.pmain-page a {  line-height:35px; margin: 0 5px; padding: 0 20px;  color: #666; border: 1px #eee solid;}
.pmain-page .nowpage { background: #2c4679; line-height:35px; margin: 0 5px; padding: 0 20px;  color: #fff; border: 1px #2c4679 solid; }
.pmain-page a:hover { background: #2c4679; color: #fff; border-color: #2c4679; }


.pnews-notice{ padding-top: 35px;}
.pnews-notice li{ padding: 38px 0; border-bottom: 1px #e5e5e5 solid;}
.pnews-notice li .t{ font-size: 22px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-notice li .c{ margin-top: 10px; line-height: 30px; max-height: 60px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pnews-notice li .d{ background: url(../images/date.png) no-repeat left center; display: inline-block; color: #999; padding-left: 30px; margin-top: 15px;}


.pnews-stories{ background: #f8faff; overflow: hidden; position: relative; margin-top: 55px;}
.pnews-stories li a{ display: flex; align-items: center;}
.pnews-stories li .thumb{ width: 48%; height: 323px; overflow: hidden;}
.pnews-stories li .thumb span{ background-position: center; background-size: cover; width: 100%; height: 100%; display: block; transition: all 0.4s;}
.pnews-stories li .word{ width: 52%; padding:0 155px 0 50px;}
.pnews-stories li .word .t{ font-size: 20px; line-height: 30px; max-height: 60px; font-weight: bold; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pnews-stories li .word .c{ margin-top: 15px; line-height: 30px; color: #999; ext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pnews-stories li .word .m{ width: 136px; line-height: 44px; display: flex; align-items: center; justify-content: center; color: #666; margin-top: 25px; border: 1px #dcdcdc solid; transition: all 0.4s;}
.pnews-stories li .word .m .iconfont{ font-size: 14px; margin-left: 15px;}
.pnews-stories li .date{ background: url(../images/pnews-date.png) no-repeat; width: 70px; height: 88px; font-size: 14px; text-align: center; color: #fff; position: absolute; right: 38px; top: 0;}
.pnews-stories li .date .d{ font-size: 30px; font-weight: bold; line-height: 1; padding: 8px 0;}
.pnews-stories li:hover .thumb span{ transform: scale(1.05);}
.pnews-stories li:hover .word .m{ background: #2c4679; color: #fff; border-color: #2c4679;}
.pnews-stories .swiper-button-next, .pnews-stories .swiper-button-prev{ width: 42px; height: 42px; text-align: center; line-height: 40px; color: #dcdcdc; top: auto; margin-top: auto; bottom: 35px; border:1px #dcdcdc solid; z-index: 2;}
.pnews-stories .swiper-button-next{ right: 50px;}
.pnews-stories .swiper-button-next:hover{ background: #2c4679; color: #fff; border-color: #2c4679;}
.pnews-stories .swiper-button-prev{ left: auto; right: 103px;}
.pnews-stories .swiper-button-prev:hover{ background: #2c4679; color: #fff; border-color: #2c4679;}


.pnews-layout{ display: flex; margin-top:60px; justify-content: space-between;}
.pnews-layout-list{ width: 57%;}
.pnews-layout-list li{ margin-top: 27px; position: relative; padding-left: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-layout-list li:first-child{ margin-top:0;}
.pnews-layout-list li:before{content: ''; background: #626262; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.pnews-layout-list li span{ float: right; color: #666;}
.pnews-layout-list li a{ color: #666;}
.pnews-layout-list li a:hover{ color:#15326a;}

.pnews-layout-thumb{ width: 38%; }
.pnews-layout-thumb a{ height: 266px; display: block; overflow: hidden; position: relative; margin-top: 15px;}
.pnews-layout-thumb a:first-child{ margin-top: 0;}
.pnews-layout-thumb a:before{ content: ''; background: url(../images/title-bg.png) repeat; width: 100%; height: 114px; position: absolute; left: 0; bottom: 0;}
.pnews-layout-thumb a .img{ background-position: center; background-size: cover; width: 100%; height: 100%; display: block; transition: all 0.4s;}
.pnews-layout-thumb a .tit{ width: 100%; color: #fff; position: absolute; left: 0; bottom: 10px; z-index: 2; padding: 0 20px; font-size: 18px; line-height: 30px; max-height: 60px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;}
.pnews-layout-thumb a:hover .img{ transform: scale(1.05);}


.pnews-details-top{ padding-top:35px; text-align:center;}
.pnews-details-top .t{ font-size:24px; font-weight: bold; line-height:1.75;}
.pnews-details-top .c{ background:#f7f7f7; font-size:14px; line-height:37px; margin-top:20px; color:#666;}
.pnews-details-top .c span{ margin:0 70px;}
.pnews-details-article{ margin-top:40px; line-height:30px; color:#666;}
.pnews-details-page{ margin-top:30px; padding-top:20px; border-top:1px #dcdcdc solid;}
.pnews-details-page a{ color:#666; display:block; margin-top:12px;}
.pnews-details-page a:hover{color:#15326a;}


/**中心概况**/
.pabout-introd{ display: flex; margin-top: 60px; justify-content: space-between;}
.pabout-introd .in-head{ background-image: linear-gradient(#f6f7f9, #fff); width: 21.5%; position: relative; padding:40px 0 40px 60px;}
.pabout-introd .in-head .cn{ width: 26px; display: inline-block; margin-right: 15px; position: relative; top: -5px; font-size: 26px; line-height: 36px;}
.pabout-introd .in-head .li{ background: url(../images/pabout-line.png) repeat; width: 17px; height: calc(100% - 220px); position: absolute; bottom: 0; right: 105px; top: 220px;}
.pabout-introd .in-word{ width: 73%; line-height: 36px; color: #666;}


.pabout-lead{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pabout-lead li{ width: 45%; margin-top: 60px;}
.pabout-lead li:first-child{ width: 100%;}
.pabout-lead li .title{ font-size: 18px; font-weight: bold; display: flex; align-items: center;}
.pabout-lead li .title em{ background: #e5e5e5; flex: 1; height: 1px; margin-left: 35px;}
.pabout-lead li .layout{ display: flex; align-items: center; justify-content: space-between; margin-top: 35px;}
.pabout-lead li .thumb{ width: 278px; overflow: hidden;}
.pabout-lead li .thumb img{ width: 100%; display: block; transition: all 0.4s;}
.pabout-lead li .word{ width: calc(100% - 278px); padding-left: 40px; }
.pabout-lead li .word .t{ font-size: 24px;}
.pabout-lead li .word .c{ margin-top: 15px; line-height: 30px; max-height:150px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.pabout-lead li .word .m{ color: #666; display: inline-block; line-height: 48px; padding: 0 35px; margin-top: 40px; border: 1px #e5e5e5 solid;}
.pabout-lead li .word .m:hover{ background: #15326a; color: #fff; border-color: #15326a;}
.pabout-lead li:hover .thumb img{ transform: scale(1.05);}


/**健康教育**/
.phealth-item{ padding: 40px 0 50px 0; display: flex; justify-content: space-between; border-bottom: 1px #e6e6e6 dashed;}
.phealth-item:first-child{ margin-top: 25px;}
.phealth-item:last-child{ padding-bottom: 0; border-bottom:0;}
.phealth-item:nth-child(2n+2) { flex-direction: row-reverse; }
.phealth-item-thumb{ width: 38%; height: 266px; overflow: hidden; position: relative;}
.phealth-item-thumb .img{ background-position: center; background-size: cover; width: 100%; height: 100%; display: block; transition: all 0.4s;}
.phealth-item-thumb .tit{ width: 100%; color: #fff; position: absolute; left: 0; bottom: 10px; z-index: 1; padding: 0 20px; font-size: 18px; line-height: 30px; max-height: 60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.phealth-item-thumb:hover .img{ transform: scale(1.05);}

.phealth-item-list{ width: 58%;}
.phealth-item-list li{ margin-top: 27px; position: relative; padding-left: 20px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.phealth-item-list li:first-child{ margin-top: 3px;}
.phealth-item-list li:before{content: ''; background: #626262; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.phealth-item-list li span{ float: right; color: #666;}
.phealth-item-list li a{ color: #666;}
.phealth-item-list li a:hover{ color:#15326a;}


/**党群建设**/
.pparty-list{ display: flex; flex-wrap: wrap; margin-left: -20px; padding-top: 25px; position: relative;}
.pparty-list li{ background: #f6f6f6; width: calc(25% - 20px); min-height: 370px; margin: 20px 0 0 20px; transition: all 0.4s;}
.pparty-list li:first-child{ width: calc(50% - 20px);}
.pparty-list li .first-thumb{ height: 294px; overflow:hidden;}
.pparty-list li .first-thumb span{ background-position: center; background-size: cover; width: 100%; height: 100%; display: block; transition: all 0.4s;}
.pparty-list li .first-footer{ display: flex; align-items: center;}
.pparty-list li .first-footer .date{ background: #15326a; font-family:'NotoSerifCJKsc-Bold'; font-size: 14px; line-height: 1; width: 86px; text-align: center; color: #fff; padding:13px 0; }
.pparty-list li .first-footer .date .d{ font-size:30px; margin-bottom: 6px;}
.pparty-list li .first-footer .text{ width: calc(100% - 86px); padding: 0 20px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pparty-list li .li-layout{ padding: 50px 50px 0 50px;}
.pparty-list li .li-layout .date{ font-family:'NotoSerifCJKsc-Bold'; font-size: 14px; line-height: 1; color: #666; transition: all 0.4s; }
.pparty-list li .li-layout .date .d{ font-size:30px; margin-bottom: 8px;}
.pparty-list li .li-layout .text{ margin-top: 40px; }
.pparty-list li .li-layout .text .t{ font-size: 18px; font-weight: bold; line-height: 30px; max-height: 60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s;}
.pparty-list li .li-layout .text .c{ margin-top:15px; line-height: 30px; max-height: 90px; color: #666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.4s;}

.pparty-list li:hover{ background: #15326a;}
.pparty-list li:hover .first-footer .text{ color: #fff;}
.pparty-list li:hover .first-thumb span{ transform: scale(1.05);}
.pparty-list li:hover .li-layout .date{ color: #fff;}
.pparty-list li:hover .li-layout .text .t{ color: #fff;}
.pparty-list li:hover .li-layout .text .c{ color: #fff;}


/**公众服务**/
.public-services{ padding-top: 60px;}
.public-services .se-title{ font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 15px; border-bottom: 1px #e5e5e5 solid;}
.public-services .se-text{ color: #666; line-height: 32px; margin-top: 20px;}

/**公众咨询**/
.pmessage-filed{ max-width: 890px; margin: auto; padding-top: 40px;}
.pmessage-filed li{ margin-top:15px; position: relative;}
.pmessage-filed li .inpt{ width:100%; height:38px; line-height: 22px; padding:7px 12px; font-size: 14px; color: #666; border: 1px #d2d2d2 solid;}
.pmessage-filed li .area{ width:100%; height:148px; line-height: 22px; padding:7px 12px; font-size: 14px; color: #666; border: 1px #d2d2d2 solid;}
.pmessage-filed li .yzm-in{ position: absolute; right: 1px; top: 1px;}
.pmessage-filed li .yzm-in img{ width: 100px; height: 36px;}
.pmessage-filed li .yzm-btn{ background:#15326a; height:38px; line-height:38px; padding: 0 30px; text-align:center; font-size:14px; color:#fff; cursor:pointer; border-radius: 4px;}


/**菜单**/
.overlay-close{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:97; display:none;}
.overlay-close.open{ display:block;}
.Mobile-button{ background:#15326a; width:50px; height:100%; position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction:column; display:none; cursor:pointer;}
.Mobile-button .solid{  background-color:#fff; width:28px; height:2px; transition:all 0.6s ease;}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:#15326a; width:70%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:70px 0 0 0; transition:left ease 0.35s;}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li ul{ display:none;}
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:space-between; padding:15px 10px; border-bottom:solid 1px rgba(255,255,255,.1);}
.Mobile-menu li .lit a{  color:#fff; font-size:16px; }
.Mobile-menu li .lit .arrow{ background:url(../images/menu-arrow.png) no-repeat; width:16px; height:16px;  transition:all 0.4s ease; }
.Mobile-menu li .lit.on .arrow{ transform:rotate(90deg);}
.Mobile-menu li ul{ background:#224383; padding:5px 0 5px 20px; border-bottom:solid 1px rgba(255,255,255,.1); }
.Mobile-menu li ul li a{ display:block; color:#fff; padding:6px 0; font-size:15px;}