﻿@charset "utf-8";

#content { margin: 20rem; }

/* 新闻中心-首页 -----------------------------------------*/
.row-group { margin-top: 40rem; }
.row-group:first-of-type { margin-top: 0; }


/* 专题专栏 */
.box-special { margin: 30rem auto 0; overflow: hidden; position: relative; font-size: 24em; max-width: 28.334em;  }
.box-special .hd { position: absolute; z-index: 3; display: flex; align-items: center; width: 14em; top: 0; left: 50%; transform: translateX(-50%);  }
.box-special .hd .swiper-slide { position: relative; width: 33.33%; }
.box-special .hd .swiper-slide::before,
.box-special .hd .swiper-slide::after { display: block; content: ""; width: 50%; height: 1px; background-color: #999; position: absolute; top: 50%; }
.box-special .hd .swiper-slide::before { left: 0; }
.box-special .hd .swiper-slide::after { right: 0; }
.box-special .hd .swiper-slide:first-child::before,
.box-special .hd .swiper-slide:last-child::after { display: none; }
.box-special .hd .swiper-slide span { display: block; margin: 0 auto; background-color: #fff; position: relative; z-index: 1; width: 3.75em; position: relative; cursor: pointer; height: 3.75em; box-sizing: border-box; border: 1px solid #999; border-radius: 100%; text-align: center; line-height: 3.75em; color: #999; }
.box-special .hd .swiper-slide-thumb-active span { border: 3px solid #01559B; color: #01559B; font-weight: bold; }

.box-special .bd { overflow: visible; padding-top: 4em; }
.box-special .bd .swiper-button-next,
.box-special .bd .swiper-button-prev { top: 2em; }
.box-special .bd .swiper-slide { opacity: 0; }
.box-special .bd .swiper-slide-active { opacity: 1; }

.box-special .swiper-button-prev:after,
.box-special .swiper-button-next:after { color: #999; font-size: 1em; }
.box-special .swiper-button-prev:hover:after,
.box-special .swiper-button-next:hover:after { color: #01559B; }

.list-special-pic li { max-width: 680rem; margin: 30rem auto; }
.list-special-pic .pic { display: block; overflow: hidden; position: relative; padding-bottom: 19%; height: 0; z-index: 1; }
.list-special-pic .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; }
.list-special-pic .pic:hover img { scale: 1.1 }
.list-special-pic .tit { display: none; }
.list-special-pic .noData { font-size: 0.75em; }


/* 文章父列表页 -----------------------------------------*/
.slide-wrap { margin-bottom: 20rem; }

    
.side-box .hd { background-color: #01559b; font-size: 24em; line-height: 2.5em; text-align: center; color: #fff;}
.side-box .bd { padding: 20rem 20rem 0;}
.side-box .bd { border: 1px solid #e8e8e8; border-top: none; font-size: 16em; line-height: 1.5em;}
.side-box .bd p { text-indent: 0 !important; margin-bottom: 10rem; border-bottom: 1px dashed #e8e8e8; padding-bottom: 10rem;}

/* 栏目循环 */
.page-loop { --bs-gutter-x: 50rem; --bs-gutter-y: 20rem; }

/* box-page */
.box-page .hd { display: flex; align-items: center; justify-content: space-between; font-size: 24em; border-bottom: 1px solid #ddd; padding-block: 10rem; margin-bottom: 15rem; } 
.box-page .hd h3 { position: relative; display: flex; align-items: center; }
.box-page .hd h3 a { color: #01559B; }
.box-page .hd h3::before { content:""; width: 0.33em; height: 1em; background-color: #01559B; border-radius: 5rem; margin-right: 15rem; }
.box-page .hd .more { font-size: 0.667em; color: #999; transition: 0.3s; }
.box-page .hd .more:hover { color: #01559B; }


/* 内容带图片的信息列表_图片判断式 */
.list-page-tp li { display: flex; padding: 20rem; margin-bottom: 20rem; align-items: center; position: relative; background-color: #fff; box-shadow: 0px 0px 10px rgba(217, 217, 217, 0.8); transition: all 0.3s ease-out 0s;}
.list-page-tp li a { color: inherit; }
.list-page-tp .pic { margin-right: 25rem; width: 230rem; position: relative; overflow: hidden; }
.list-page-tp .pic a { display: block; padding-bottom: 75%; overflow: hidden; height: 0; }
.list-page-tp .pic img { position: absolute; left: 0; top: 0; }
.list-page-tp .con { flex-grow: 1; width: 1%; padding: 0 10rem; }
.list-page-tp .title { max-height: 1.4em; font-size: 18em; color: #01559B; line-height: 1.4em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.list-page-tp .title a:after { display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
.list-page-tp .intro { margin-top: 5rem; margin-bottom: 5rem; line-height: 1.5em; color: #666; max-height: 3em; overflow: hidden; font-size: 16em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.list-page-tp .others { line-height: 1.875em; font-size: 16em; text-align: right; color: #999;}
.list-page-tp .others .date { display: flex; align-items: center; }
.list-page-tp .others .date::before { margin-right: 5rem; content: "\E819"; font-family: font-webicon; font-size: 1.5em; }
.list-page-tp .others > span { margin-left: 25rem; }
.list-page-tp .others > span:first-of-type { margin-left: 0; }
.list-page-tp li.on { box-shadow: 0px 3px 10px rgba(0, 102, 171, 0.2); transform: translateY(-5px); }
.list-page-tp li.on:before { position: absolute; display: block; content: "";  background-size: auto 100%; opacity: 0.05; top: 0; left: 0; width: 100%; height: 100%; }


/* list-news */
.list-news { margin: -10rem 10rem 0; }


/* 友情链接列表页 -----------------------------------------*/
.friendLinkList { overflow: hidden; zoom: 1; padding: 10rem 0 10rem 10rem; }
.friendLinkList li { width: 27%; height: 36rem; line-height: 36rem; padding: 0 3.5% 0 2.5%; float: left; overflow: hidden; }

/* 打印字体重置 -----------------------------------------*/
@media print {
    html { font-size: 0.92px !important; }
    body { font-size: 100% !important; }
}
body > .printArea { font-size: 1px !important; }
body > .printArea > .title { padding: 0 30px !important; margin-bottom: 20px !important; }

/* 文章内容页 -----------------------------------------*/
.article { text-align: left; padding: 10rem 0; }
.printArea .title { font-size: 28em; color: #01559B; padding: 0 30rem; line-height: 1.5; text-align: center; margin-bottom: 20rem; word-wrap: break-word; }
.printArea .subTitle,
.printArea .subheading { font-size: 1em; text-align: center; margin-bottom: 20rem; }
.printArea .property { font-size: 16em; text-align: center; margin-bottom: 20rem; line-height: 2em; padding: 0.5em 15rem; color: #999; border-bottom: 1px solid #EAEAEA;}
.printArea .property a { color: inherit; }
.printArea .property a:hover { color: #01559b; }
.printArea .property > span { vertical-align: top; padding: 0 10rem; white-space: nowrap; }
.printArea .conTxt,
.printArea .conTxt * { box-sizing: content-box; }
.printArea .conTxt { color: #333; font-size: 18em; line-height: 2; text-align: left; padding: 0 20rem 20rem; overflow: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
.printArea .conTxt p { margin: 1em 0 0; padding: 0rem; line-height: 2; word-wrap: break-word; border: none; border-radius: 0; white-space: normal; text-align: justify; }
.printArea .conTxt p:first-child{ margin-top: 0; }
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top; }
.printArea .conTxt table { background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; margin: 0 auto; }
.printArea .conTxt table td{ padding: 5rem 10rem; }
.printArea .conTxt table td p{ padding: 0rem !important; margin: 0rem !important; text-indent: 0rem !important; }
.printArea .conTxt table p { margin: 0rem; }
.printArea .conTxt a { color: blue; text-decoration: underline; }
.printArea .conTxt em { font-style: italic; }
.printArea .conTxt ul { padding-left: 2em; list-style: inherit; }
.printArea .conTxt ol { padding-left: 2em; list-style: decimal; }
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important; }
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important; }
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bold; }
.printArea .conTxt h1 { font-size: 28rem; line-height: 38rem; margin: 38rem 0rem 19rem 0rem; }
.printArea .conTxt h2 { font-size: 24rem; line-height: 34rem; margin: 34rem 0rem 17rem 0rem; }
.printArea .conTxt h3 { font-size: 20rem; line-height: 30rem; margin: 30rem 0rem 15rem 0rem; }
.printArea .conTxt h4 { font-size: 16rem; line-height: 26rem; margin: 26rem 0rem 13rem 0rem; }
.printArea .conTxt h5 { font-size: 14rem; line-height: 24rem; margin: 24rem 0rem 12rem 0rem; }
.printArea .conTxt h6 { font-size: 12rem; line-height: 22rem; margin: 22rem 0rem 10rem 0rem; }
.printArea .conTxt blockquote { margin: 10rem 0rem; border-left: 2rem solid #d8dad9; padding: 0 0 0 10rem; line-height: 1.74; color: #888; font-size: 0.83em; }
.printArea .conTxt blockquote p { margin: 0rem; line-height: 1.7; color: #888; font-size: 1em; }
.printArea .conTxt h1:first-child,
.printArea .conTxt h2:first-child,
.printArea .conTxt h3:first-child,
.printArea .conTxt h4:first-child,
.printArea .conTxt h5:first-child,
.printArea .conTxt h6:first-child { margin-top:0rem; }
.printArea .conTxt .videoPlayer{ text-indent: 0; margin: 0 auto; display: block !important;}
.printArea .videoPlayer { text-align: center; margin: 20rem auto; }
.printArea .videoPlayer [data-ui=video] { margin: 0 auto; max-width: 100%; height: 0 !important; padding-bottom: 60%; }
.printArea .videoPlayer [data-ui=video] > div { position: absolute; left: 0; top: 0; }
.printArea .edui-video-video { max-width: 100%; height: auto; margin: 0 auto; }

.article .page { padding: 10rem 0; text-align: center; overflow: hidden; }

/* 全屏表格 */
.newueditortable .newclass { font-size: 16em; left: 0; }
.expandtable { font-size: 16em; }

/* 文章分页 */
.article .page-title-list { border: solid 1rem rgb(195, 211, 242); display: inline-block; width:100% }
.article .page-title-list ul { margin: 10rem; }
.article .page-title-list ul li { float: left; margin-right: 50rem; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article .page-title-list ul li a { color: rgb(61, 114, 211) }
.article .page-title-list ul li a.current { color: rgb(244, 108, 106) }

.article .others { margin-bottom: 15rem; }
.article .others .prev,
.article .others .next { padding: 8rem 0; word-wrap: break-word; font-size: 16em; }
.article .others .prev span,
.article .others .next span { color: #01559b; }

.article .others .prev span.date,
.article .others .next span.date { color: #666; }


/* 关闭 打印 */
.article .userControl { display: flex; align-items: center; justify-content: space-between; font-size:16em; padding: 20rem 0; text-align: center; line-height: 1.6;  border-bottom: 1px solid #E1E1E1; margin-bottom: 20rem; }

/* 分享按钮 */
.bdsharebuttonbox { display: flex; align-items: center; justify-content: center; }
.bdsharebuttonbox .hd { float: none !important; }
.bdsharebuttonbox .bd { float: none !important; }

/* page-body */
.page-body .box-main { padding: 0; }

/* 相关信息 */
#relativeInfo { border-bottom: 2rem solid #f3f3f3; }
#relativeInfo .bd { padding: 10rem 0 20rem 0; }
#relativeInfo ul { overflow: hidden; }
#relativeInfo li { float: left; width: 50%; border-bottom: 0; }

/* 通用-单页 ------------------------------------------  */
.singlePage .article { margin: 0; padding: 0; }
/* .singlePage-jg .article { background:#fff url(../../base/img/jg-bg.jpg) no-repeat center bottom; background-size: cover; } */


/* 图片-列表页 ----------------------------------------- */
.list-page-pic { text-align: center; display: grid; grid-gap: 30rem; grid-template-columns:repeat(2, 1fr);  grid-auto-rows: minmax(130rem, auto);}
.list-page-pic li { position: relative; overflow: hidden; transition: all 0.5s; }
.list-page-pic li.noData { text-align: left; }
.list-page-pic .pic a { display: block; padding-bottom: 65.79%; position: relative; overflow: hidden; height: 0; }
.list-page-pic .pic img { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; transition: all 0.5s; }
.list-page-pic .title { padding-top: 10rem;}
.list-page-pic .title a { display: block; text-align: center; height: 2em; font-size: 18em; line-height: 2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list-page-pic li:hover .pic img { transform: scale(1.1); }
    
    
/* list-pic-long */ 
.list-pic-long { display: flex; flex-wrap: wrap; }
.list-pic-long li {width: 50%; box-sizing: border-box;margin-bottom: 30rem;}
.list-pic-long .pic { width: 50%; text-align: center; margin: 0 auto;}
.list-pic-long .pic a { padding-bottom: 125%;  }
.list-pic-long .con { font-size: 16em; text-align: center; line-height: 1.5em; padding-top: 20rem;}
.list-pic-long .title { font-size: 1.2em; margin-bottom: 10rem;}

/* 图集-内容页 ----------------------------------------- */
.photoConPage .slide-wrap{ padding: 0; }
.photoConPage .swp-tit{ text-align: center; padding-bottom: 20rem; }
.photoConPage .swp-tit h2{ float: none; font-size: 28em; color: #01559B; line-height: 1.5; }
.photoConPage .swp-tool{ margin-bottom: 30rem; color: #999; border-bottom: 1px solid #EAEAEA; overflow: hidden; height: auto; padding: 16rem; text-align: center; font-size: 16em; }
.photoConPage .swpt-mode-wrap a:link, .photoConPage .swpt-mode-wrap a:visited{ color: #999; }
.photoConPage .swpt-extra{ float: none; display: inline-block; vertical-align: middle;}
.photoConPage .swpt-time{ display: inline-block; font-style: normal; color: #999; vertical-align: middle;}
.photoConPage .swp-admin-edit { display: none; color: #999; }
.photoConPage .swp-admin-edit a { color: #999; }
.photoConPage .swp-list-wrap{ display: none; height: auto; padding: 25rem 0 0; }
.photoConPage .swpl-btn{ width: auto; z-index: 1; }
.photoConPage .swpl-group{ display: none; }
.photoConPage .swpl-group{ display: none; }
.photoConPage .swpt-cont{ font-size: 16em; text-align: center; line-height: 1.6em; }
.photoConPage .swpt-cont em{ font-style: normal; }
.photoConPage .swpt-cont > *{ display: inline-block; vertical-align: top; margin: 0 16rem; }
.photoConPage .swp-intro{ padding: 30rem 0; font-size: inherit; }
.photoConPage .swp-intro h3{ padding-bottom: 0; margin-bottom: 28rem; border-bottom: none; font-size: 20em; }
.photoConPage .printArea .conTxt{ padding: 0; }
.photoConPage .article{ padding: 0; }
.photoConPage .sw-list ul{ display: flex; flex-wrap: wrap; }
.photoConPage .sw-list li{ width: 50%; height: auto; }
.photoConPage .sw-list .swi-hd{ display: block; width: 100%; height: auto; }
.photoConPage .sw-list li .swl-item-pic{ position: relative; padding-bottom: 66.6666%; height: 0; background: none; }
.photoConPage .sw-list li .swl-item-pic img{ position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.photoConPage .sw-list h3{ margin: 14rem 0 10rem; font-size: 18em; line-height: 1.4em; max-height: 2.8em; padding: 0; }
.photoConPage .swpt-tip { display: none; }
.photoConPage .swpt-mode-wrap{ border-right: none; padding-right: 0; }
.photoConPage .swpt-full-wrap{ display: none; }
.photoConPage .swp-btn { top: 40%; padding: 15rem 20rem; }

/* 视频-列表页 ----------------------------------------- */
.list-page-video { display: flex; flex-wrap: wrap; margin: -2.5% -3% 0 0; overflow: hidden; text-align: center; }
.list-page-video li { width: 47%; margin: 2.5% 3% 0 0; position: relative; overflow: hidden; border: 1px solid #EBEBEB; }
.list-page-video li.noData { text-align: left; }
.list-page-video .pic a { display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; height: 0; }
.list-page-video .pic img { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; }
.list-page-video .pic a::after { position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; content: '\e613'; left: 0; top: 0; width: 100%; height: 100%; font-family: "iconfont"; font-size: 56rem; color: #fff; background: rgba(0, 0, 0, .2); }
.list-page-video .title a { padding: 0 15rem; display: block; max-height: 3.1em; font-size: 16em; line-height: 3.1em; text-align: center; overflow: hidden; text-decoration: none; color: #666; background: #F8F8F8; }
.list-page-video li:hover .title a { color: #008EA1; }

/* 视频-内容页 ----------------------------------------- */
.switchVideoCon { margin-top: 15rem; font-size: 16em; line-height: 1.4; }

/* 友情链接-内容页 ----------------------------------------- */
.list-friend-link { display: flex; flex-wrap: wrap; margin: 20rem -40rem 0 0; }
.list-friend-link li { width: 100%; padding: 0 20rem 20rem 0; display: flex; align-items: center; line-height: 1.5;  }
.list-friend-link li a { position: relative; transition: all 0.5s; display: block; font-size: 18em; flex: 1 0 0%; min-width: 0; }
.list-friend-link li::before { display: block; content: ''; margin-right: 10rem; width: 0; height: 0; border: 6em solid transparent; border-left: 6em solid #d9d9d9; border-right: none; }

/* 信息提示页 */
.Showms { background: #fff; padding: 3% 5%; overflow: hidden; max-width: 540rem; margin: 30rem auto; }
.Showms .top,
.Showms .bottom,
.Showms .Shadow { display: none; }
.Showms .MS { overflow: hidden; zoom: 1; }
.Showms .titWrong { color: #c00; border-bottom: 1rem solid #ccc; padding: 5rem 0; margin-bottom: 15rem; font-size: 18rem; }
.Showms .BUT { padding: 25rem 0 15rem 0; }
.Showms .BUT a { padding: 0 15rem; height: 36rem; line-height: 36rem; display: inline-block; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; cursor: pointer; margin-right: 15rem; background: #eee; border: 1rem solid #ccc; font-size: 14rem; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee); }
.Showms .BUT a:hover { color: #c00; border: 1rem solid #aaa; text-decoration: none; }
.departmentSearch .searchBox { height: 60rem; width: 100%; }
.departmentSearch .searchBox .hd { height: 36rem; line-height: 36rem; padding: 12rem 0 12rem 59rem; float: left; font-size: 16rem; color: #333;  }
.departmentSearch .searchBox .bd { height: 36rem; width: 395rem; float: right; padding: 12rem 0rem 0rem 0rem; }
.departmentSearch .searchBox .keyword { width: 200rem; height: 24rem; line-height: 24rem; font-size: 14rem; padding: 5rem 0rem 5rem 15rem; background: #fff; border: 1rem solid #ccc; border-right: none; outline: none; float: left; }
.departmentSearch .searchBox .searchsubmit { width: 84rem; height: 36rem; line-height: 36rem; font-size: 16rem; color: #fff; text-align: center; background: #458adf; border: none; float: left; font-weight: bold; }
.departmentSearch { overflow: hidden; margin-bottom: 10rem; }
.departments { height: 36rem; width: 100rem; line-height: 32rem; border: 1rem solid #ddd; font-size: 14rem; font-family: "Microsoft YaHei", 'PingFang SC'; outline: none; float: left; margin-right: 5rem; }

/*点赞与收藏*/
.likes-group { overflow: hidden; text-align: center; margin-bottom: 50rem; height: 110rem; }
.likes-group li { width: 60rem; border-radius: 30rem; height: 60rem; background: #f0f0f0; display: inline-block; }
.likes-group a { font-size: 12rem; padding-top: 28rem; display: inline-block; transition: 0ms; }
.likes-group .Likes { background: url(../../base/img/btnicon.png) no-repeat 4rem -103rem; }
.likes-group .Collection { background: url(../../base/img/btnicon.png) no-repeat 4rem -45rem; }
.likes-group .addLikes { background: url(../../base/img/btnicon.png) no-repeat 10rem -346rem; }
.likes-group .addCollection { background: url(../../base/img/btnicon.png) no-repeat 15rem -288rem; }


/* 标记 */
.filter-row { background: none; }
.filter-row .filter-key { color: #fff; background-color:#008EA1; width: 150px;}
.filter-row .filter-value { overflow: hidden; margin-left: 0;}
.filter-row .choose-item a:hover { color: #008EA1; }

/* 问卷调查-列表页 -----------------------------------------*/
.list-page-survey li { position: relative; overflow: hidden; border-bottom: 1px dashed #ddd; margin-bottom: 15rem; padding: 0 0 15rem 35em; }
.list-page-survey li::before { position: absolute; left: 0; top: 3px; font-family: "font-webicon"; content: '\e782'; color: #999; height: 100%; line-height: 1; font-size: 26em; }
.list-page-survey li .tit { display: block; max-height: 4em; line-height: 2em; font-size: 18em; overflow: hidden; }
.list-page-survey li .btns { float: right; margin: -0.5rem -0.5rem -0.5rem 10rem; }
.list-page-survey li .btns a { display: block; margin: 0.5rem; font-size: 16em; height: 2em; line-height: 2em; padding: 0 1.1em; border: 1px solid #6fb143; border-radius: 3px; color: #6fb143; }
.list-page-survey li .btns a:hover { text-decoration: none; border-color: #6fb143; background: #6fb143; color: #fff; }
.list-page-survey li .btns a.over { color: #ccc; border-color: #ddd; }
.list-page-survey li .btns a.over:hover { background: #f3f3f3; }
.list-page-survey li .dates { display: block; margin: 1.25rem 0 0 -2.1875rem; order: 2; font-size: 16em; color: #999; }
.list-page-survey li .dates span { display: inline-block; vertical-align: top; margin-left: 2.1875rem; }


/* 问卷调查-内容页 -----------------------------------------*/
.box-survey > .hd { margin-bottom: 2.5rem; }
.box-survey > .hd .headimage { text-align: center; margin-bottom: 2.5rem; }
.box-survey > .hd .headimage img { max-width: 100%; height: auto; }
.box-survey > .hd .title { font-size: 1.875em; margin-bottom: 20rem; line-height: 1.5; text-align: center;word-wrap: break-word; color: #333; }
.box-survey > .hd .description { border: 1px dashed #ddd; font-size: 16em; line-height: 2; padding: 15rem 20rem; margin-bottom: 20rem;}
.box-survey > .hd .description img { max-width: 100%; height: auto !important; border: 0; vertical-align: top; }
#SurveyBox { border: 1px solid #EBEBEB; padding: 40rem; }
#SurveyBox .title { color: #01559B; font-size: 28em; padding-block: 0; }

.formItem { margin-top: 18rem; font-size: 18em; }
.formItem dt { line-height: 1.5; margin-bottom: 10rem; }
.formItem dt .required { color: #f00; }
.formItem dt .field-validation-error { color: #f00; }

/* 分割线 */
.dl-Section dt { display: none; }
.dl-Section dd { padding: 0; }

/* 单选&多选 */
.formItem dd label { display: block; }
.formItem dd .surveyitemoption input { vertical-align: middle; margin-right: 0.3125rem; }

/* 下拉 */
.form-survey dd .selectsurveyitem { font-size: 1em; padding: 0.5rem 30px 0.5rem 0.875rem; border: 1px solid #ddd; line-height: 1.8; }

/* 文本框 */
.dl-Text dd .surveyitemCheck,
.dl-Date dd .surveyitemCheck,
.dl-Number dd .surveyitemCheck,
.dl-Textarea dd .surveyitemCheck { max-width: 100%; font-size: 1em; padding: 0.5rem 0.875rem; border: 1px solid #ddd; line-height: 1.4; box-sizing: border-box; outline: none; }

/*时间选择 */
.datetimepicker { font-size: 14px; }
.datetimepicker .icon-arrow-right::before,
.datetimepicker .icon-arrow-left::before { display: none; }

/* 按钮 */
.btns { text-align: center; margin-top: 40rem; }
.btns .btn { vertical-align: top; margin: 8rem; font-size: 18em; padding: 10rem 25rem; border-radius: 4rem; border: 1px solid #ddd; line-height: 1.8; background: #fafafa; text-decoration: none; }
.btns .btn:hover { background: #f5f5f5; }
.btns .btn-primary { background: #0da5bc; border-color: #0da5bc; }
.btns .btn-primary:hover { background: #058da1; }


/* 问卷调查&投票-结果页 -----------------------------------------*/
.no-result { text-align: center; font-size: 18em; }
.box-survey { padding: 18rem 0; }
.box-survey .title-bar .info { border: 1px solid #e5e5e5; padding: 18rem; line-height: 1.5; text-align: center; }
.box-survey .title-bar .info .fa { color: #0da5bc; margin-right: 10rem; }
.box-survey .title-bar .info .title { font-size: 22em; font-weight: bold; }
.box-survey .title-bar .info .time { font-size: 16em; margin-top: 10rem; padding-top: 10rem; border-top: 1px solid #eee; color: #666; }
.box-survey .title-bar .info .time .spe { margin: 0 1em; }
.box-survey .title-bar .message { display: flex; flex-wrap: wrap; height: 100%; margin: -3% -3% 0 0; }
.box-survey .title-bar .message li { display: flex; margin: 3% 3% 0 0; width: 100%; align-items: center; padding: 18rem 30rem; background: #55badf; border-radius: 3px; color: #fff; font-size: 16em; }
.box-survey .title-bar .message li .fa { font-size: 2.5em; margin-right: 10rem; }
.box-survey .title-bar .message li strong { font-size: 2em; font-weight: normal; margin: 0 10rem; }
.box-survey .title-bar .message li.ans { background: #7e66cc; }

.result-loop { margin-top: 30rem; }
.box-graph { margin-top: 25rem; border: 1px solid #e5e5e5; }
.box-graph:first-of-type { margin-top: 0; }
.box-graph > .hd { display: flex; flex-wrap: wrap; align-items: center; padding: 15rem 20rem; background: #f9f9f9; border-bottom: 1px solid #e5e5e5; }
.box-graph > .hd .title { flex: 1 1 1000%; font-size: 16em; line-height: 1.5; }
.box-graph > .hd .title .fa { color: #0da5bc; margin-right: 0.5em; }
.box-graph > .hd .type { font-size: 16em; color: #666; }
.box-graph > .hd .type label { margin-left: 12rem; }
.box-graph > .hd .type label:first-of-type { margin-left: 0; }
.box-graph > .hd .type span { color: #0da5bc; }
.box-graph > .bd { padding: 20rem; }
.box-graph .graph { min-height: 350rem; }
.box-graph .options { margin: 3% 0 0; }
.box-graph .options table { width: 100%; }
.box-graph .options table th,
.box-graph .options table td { padding: 12rem 10rem; text-align: center; font-size: 15em; border: 1px solid #e5e5e5; }
.box-graph .options table th { background: #f9f9f9; font-size: 16em; }
.box-graph .options pre { font-size: 16em; margin-bottom: 0; line-height: 1.8; }
.box-graph .options hr { margin: 10rem 0; border: 1px solid #eee; }

/* 问卷统计页 -----------------------------------------*/
.customFormResult,
.surveyResult { font-size: 16em; padding: 0;}
.customFormResult .row .titleInfo,
.surveyResult .row .titleInfo { margin-inline: auto; width: 98%; }
.customFormResult .row .titleInfo .title,
.surveyResult .row .titleInfo .title { font-size: 1em; }


/* 投票-列表页 -----------------------------------------*/
.list-page-vote { padding-top: 10rem; }
.list-page-vote li { position: relative; overflow: hidden; border-bottom: 1px dashed #ddd; margin-bottom: 20rem; padding: 0 0 20rem 0; }
.list-page-vote li .tit { display: block; max-height: 3em; line-height: 1.5em; font-size: 18em; overflow: hidden; }
.list-page-vote li .tit::before { position: absolute; left: 0; top: 3rem; font-family: "iconfont"; content: '\e619'; color: #999; height: 100%; line-height: 1; font-size: 26em; }
.list-page-vote li .btns { float: right; margin: -0.5rem -0.5rem -0.5rem 10rem; }
.list-page-vote li .btns a { display: block; margin: 0.5rem; font-size: 16em; height: 2em; line-height: 2em; padding: 0 1.1em; border: 1px solid #05c224; border-radius: 3px; color: #05c224; }
.list-page-vote li .btns a:hover { text-decoration: none; border-color: #05c224; background: #05c224; color: #fff; }
.list-page-vote li .btns a.over { color: #ccc; border-color: #ddd; }
.list-page-vote li .btns a.over:hover { background: #f3f3f3; }
.list-page-vote li .dates { display: block; margin: 10rem 0 0 -35rem; order: 2; font-size: 16em; color: #999; }
.list-page-vote li .dates span { display: inline-block; vertical-align: top; margin-left: 35rem; }

/* 投票-内容页 -----------------------------------------*/
.box-vote { padding: 20rem 0; }
.box-vote > .hd { margin-bottom: 40rem; }
.box-vote > .hd .headimage { text-align: center; margin-bottom: 40rem; }
.box-vote > .hd .headimage img { max-width: 100%; height: auto; }
.box-vote > .hd .title { font-size: 30em; padding: 0 30rem; line-height: 1.5; text-align: center; margin-bottom: 40rem; word-wrap: break-word; color: #333; }
.box-vote > .hd .time { border: 1px dashed #ddd; font-size:15em; line-height: 1.5; padding: 15rem 25rem; text-align: center; }
.box-vote > .hd .time .spe { margin: 0 1em; }
.box-vote > .hd .time .fa { color: #0da5bc; margin-right: 8rem; }
.box-vote > .hd .description { border: 1px dashed #ddd; font-size: 1em; line-height: 2; padding: 25rem 30rem; }
.box-vote > .hd .description img { max-width: 100%; height: auto !important; border: 0; vertical-align: top; }

.vote-item .required { color: #f00; }
.vote-item .field-validation-error { margin-left: 10rem; font-size: 14em; color: #f00; }
.vote-item li { margin-top: 10rem; }
.vote-item li:first-of-type { margin-top: 0; }

/* 单选&多选 */
.vote-item li label { display: inline-block; font-size: 18em; }
.vote-item li input { vertical-align: middle; margin-right: 5rem; }
.vote-item li .showMore { font-size: 18em; cursor: pointer; font-weight: bold; }
.vote-item li .showMore::before { font-family: "iconfont"; font-size: inherit; content: '\e648'; margin-left: 10rem; }
.vote-item li .showMore:hover { color: #0da5bc; }
.vote-item li .itemCon { width: 100%; margin-top: 10rem; border: 1px solid #e5e5e5; padding: 10rem; }
.vote-item li .itemCon .pic { text-align: center; }
.vote-item li .itemCon .pic img { height: auto; min-height: auto; }
.vote-item li .itemCon .intro { flex: 1 1 0%; min-width: 0; font-size: 1em; line-height: 2; padding: 1.5625rem 1.875rem; }
.vote-item li .itemCon .intro img { max-width: 100%; height: auto !important; border: 0; vertical-align: top; }

/* 报名-内容页 -----------------------------------------*/
.form-vote { margin-top: 20rem; display: flex; }
.form-vote:first-of-type { margin-top: 0; }
.form-vote dt { font-size: 18em; min-width: 4em; padding: 5rem 0; line-height: 1.3; margin-right: 10rem; text-align: right; }
.form-vote dt .required { color: #f00; }
.form-vote dt .field-validation-error { margin-left: 10rem; font-size: 0.9em; color: #f00; }
.form-vote dd { flex: 1 1 0%; }
.form-vote .form-control { height: auto; padding: 8rem 12rem; line-height: 1.4; font-size: 1em; }

/* 在线表单 */
.letterList-bd { margin-bottom: 30px; }
.letterList-bd th { font-weight: bold; }
.letterList-bd th,.letterList-bd td { border: 1px solid #ddd; font-size: 16em; }
.letterList-bd td { line-height: 26px; padding: 12px 10px; }
.letterList-bd td.tit { font-size: 16px; }

.customFormResult .row .message ul { margin-top: 15rem; }

/* 媒体查询 */
@media (max-width:768px) {
	.customFormResult .graphContent,
	.surveyResult .graphContent { display: flex; flex-wrap: wrap; width: 100%; }
	.customFormResult .graph,
	.customFormResult .options,
	.surveyResult .graph,
	.surveyResult .options { width: 100%; }
	.customFormResult .row .message,
	.surveyResult .row .message { width: 100%; display: flex; }


	.customFormResult { padding: 0; }

	.customFormResult .row .message ul,
	.surveyResult .row .message ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

	.customFormResult .row .message ul li,
	.surveyResult .row .message ul li { margin-left: 0; width: 48%; }
	.surveyResult .graphTitle { height: auto;  padding-block: 20rem 10rem; overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; }
	.surveyResult .resultTitle { height: auto; line-height: 1.5; width: 100%; }
	.surveyResult .resultType { float: none; width: 100%; }
}
@media (min-width:768px) {

    #content { padding-left: 20rem; padding-right: 20rem; }

    .box-special .bd .swiper-button-next { right: 5em; }
	.box-special .bd .swiper-button-prev { left: 5em; }

    .list-page-pic { grid-template-columns:repeat(3, 1fr);}
    .list-page-video li { width: 30.3333%; }
    .list-page-tp .intro { margin-top: 12rem; margin-bottom: 12rem; line-height: 1.875em; color: #666; max-height: 3.75em; overflow: hidden; font-size: 16em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

    #slide-group { padding-bottom: 44.1%; }
    #slide-news { display: flex; }
    #slide-news .swiper-wrapper { width: 70%; }
    #slide-news .swiper-slide .con { display: none; }
    #slide-news .swiper-pagination { position: static; display: flex; width: 30%; height: 100%; flex-direction: column; }
    #slide-news .swiper-pagination .item { position: relative; display: flex; flex: 1 1 1%; background: #fff; margin-top: 5px; }
    #slide-news .swiper-pagination .item:first-of-type { margin-top: 0; }
    #slide-news .swiper-pagination .pic { order: 1; width: 40%; height: 100%; }
    #slide-news .swiper-pagination .pic a { display: block; height: 100%; }
    #slide-news .swiper-pagination .con { display: flex; align-items: center; flex: 1 1 1%; padding: 10rem 16rem; }
    #slide-news .swiper-pagination .title { max-height: 2.8em; overflow: hidden; font-size: 16em; line-height: 1.4em; font-weight: bold; text-align: left; }
    #slide-news .swiper-pagination .title a { display: block; color: inherit; text-decoration: none; }
    #slide-news .swiper-pagination .item.on { background: #008EA1; }
    #slide-news .swiper-pagination .item.on::before { position: absolute; right: 100%; top: 0; width: 17rem; height: 100%; content: ''; background: #008EA1; }
    #slide-news .swiper-pagination .on .title { color: #fff; }

    .list-friend-link li { width: 50%; }
    


    /* photoConPage */
    .photoConPage .swp-tool{ text-align: left; }
    .photoConPage .swpt-extra{ float: right; }
    .photoConPage .swpt-time{ margin-top: 0; }
    .photoConPage .swp-admin-edit { display: inline-block; margin-left: 13px; }
    .photoConPage .sw-list li{ width: 33.3333%; }
    .photoConPage .swpt-tip { display: block; }

    /* 问卷调查 */
    .box-survey { padding-left: 3.75rem; padding-right: 3.75rem; }
    .box-vote { padding-left: 3.75rem; padding-right: 3.75rem; }

    .box-graph > .hd .title { flex-basis: 0%; }
    .box-graph > .hd .type { margin-left: 1.25rem; }

    .form-vote li .itemCon { display: flex; }
    .form-vote li .itemCon .pic { width: 17.5rem; }
 

}
@media (min-width:992px) {

    #slide-news .swiper-pagination .title { max-height: 4.2em; }

    .list-friend-link li { width: 33.3333%; }
    .list-friend-link li a { font-size: 16em; }

    /* photoConPage */
    .photoConPage .slide-wrap { padding: 20rem 0; }
    .photoConPage .swp-list-wrap { display: block; }
    .photoConPage .slide-wrap-show-list .swp-list-wrap { display: none; }
    .photoConPage .sw-list li { width: 25%; }


    /* page-body */
    .page-body .box-main { padding: 0 50rem; border: 1px solid #EBEBEB; }

    /* 问卷调查 */
    .box-survey .title-bar .message li { width: 47%; height: 100%; }

    .box-graph > .bd { display: flex; flex-wrap: wrap; align-items: center; }
    .box-graph .graph { width: 50%; }
    .box-graph .options { width: 47%; margin: 0 0 0 3%; flex: 1 1 0%; }
    
    
    /* list-pic-long */ 
    .list-pic-long li { width: 33.33%; }
    .list-pic-long li.first,
    .list-pic-long li:nth-child(2) { width: 50%;  }
    .list-pic-long li.first .in,
    .list-pic-long li:nth-child(2) .in { width: 66.66%; }
	.list-pic-long li.first .in { float: right;}
    .list-pic-long .con { font-size: 18em; }
}
@media (min-width:1200px) {
    .photoConPage .swpl-group{ display: block; }

    .list-page-pic { grid-template-columns: repeat(4, 1fr); }
    .list-page-tp .title { font-size: 20em; }
    .list-page-tp .others .date { justify-content: flex-end; }
    
    .list-pic-long .pic { width: 50%;}

}



/* 在线投票 */
.voteCommonList .tit { font-size: 16em; }

/* 问卷调查 */
.surveyCommonList .tit { font-size: 16em; }


/* 媒体查询 */
@media (min-width:1500px) {
    .siteGroupList .intro { margin: 21rem 25rem; line-height: 34rem; height: 136rem; }
    
    .printArea .conTxt .videoPlayer { width: 840rem  !important; height: 560rem !important;}
}

.ng-cloak { display: none; }

/* 自定义表单 */
.fs-searchBar #formSearch{background: #223874; border-color: #223874;}
.fs-searchBar #formSearch:hover{background: #01a0e9; border-color: #01a0e9;}
#fuzzysearch_result_tbody .resultdetail_a:not(.resultdetail_a_visited){background-color:#223874}
#fuzzysearch_result_tbody .resultdetail_a:hover{background-color:#01a0e9}
.customFormBox .hd h3 { border-bottom-color: #223874; color: #223874;  }
.customFormBox .hd h3 a { color: #223874; }
.customFormBox .hd .on { border-bottom-color: #223874; }
.customFormBox .hd .on a { color: #223874; }