@charset "utf-8";
/* 框架 */
.bg-white{ background: #fff; }
.bg-gray{ background: #f5f5f5; }
.bg-wathet{ background: #D4E5EF; }
.row-group{ position: relative; padding: 2% 0; }
.box-group > .hd{ margin-bottom: 3%; }
.box-group > .hd h3{ font-weight: bold; }


/* 人才培养-首页 ----------------------------------------- */
#rcpyms{ background: url(/content/main/base/img/bg-03.jpg) no-repeat center bottom; background-size: cover; }
.list-accordion{ margin-left: -2px; }
.list-accordion li{ width: 3.125rem; font-size: 0; line-height: 1; white-space: nowrap; height: 15rem; margin-left: 2px; overflow: hidden; }
.list-accordion li .title{ display: inline-block; height: 100%; vertical-align: top; white-space: normal; }
.list-accordion li .title a{ padding: 0 1rem; display: flex; align-items: center; justify-content: center; width: 3.125rem; height: 100%; line-height: 1.5;  background: #e9e9e9; color: #666; font-size: 1.1rem; text-decoration: none; }
.list-accordion li .con{ position: relative; height: 100%; display: inline-block; vertical-align: top; padding: 4.6% 3.6%; border: 1px solid #EEEEEE; border-left: none; }
.list-accordion li .con .intro{ width: 100%; height: 100%; font-size: 0.9rem; line-height: 1.75rem; overflow-y: auto; color: #666; white-space: normal; }
.list-accordion li .con .more{ display: none; position: absolute; right: 4.6%; bottom: 8%; font-size: 0.9rem; color: #999; }
.list-accordion li{
    transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.list-accordion li.on .title a{ background: #004898; color: #fff; text-decoration: none; }

#xqsz{ margin-top: 3%; height: 15rem; background: url(/content/main/base/img/bg-04.jpg) no-repeat center center; background-size: cover; }
#xqsz a{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; line-height: 1; font-size: 1.5rem; text-decoration: none; color: #fff; font-weight: bold; }
#xqsz a::before{ display: block; font-size: 2rem; width: 3.3rem; height: 3.3rem; line-height: 3.3rem; text-align: center; font-family: "iconfont" !important; content: "\e6d2"; font-weight: normal; background: rgba(0, 0, 0, 0.2); border-radius: 50%; margin-bottom: 1rem; font-weight: normal; }

/* 师资队伍 */
#szdw-slide .list-pic{ margin: -3.1% 0 0 -3.1%; overflow: hidden; text-align: center; }
#szdw-slide .list-pic li{ float: left; width: 46.9%; padding: 1.5%; margin: 3.1% 0 0 3.1%; position: relative; background: #fff; overflow: hidden; }
#szdw-slide .list-pic li:last-of-type{ display: none; }
#szdw-slide .list-pic .pic a{ display: block; padding-bottom: 125%; position: relative; overflow: hidden; height: 0; }
#szdw-slide .list-pic .pic img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
#szdw-slide .list-pic .title a{ margin-top: 0.5rem; display: block; height: 2rem; font-size: 1rem; line-height: 2rem; text-align: center; overflow: hidden; text-decoration: none; }
#szdw-slide .node-pic img{ width: 100%; height: auto; }

/* 教学 */
#jx .box-group > .hd{ text-align: left; margin-bottom: 2rem; }
#jx .box-group > .hd h3{ font-size: 1.5rem; }
#jx .box-group > .hd .more{ top: 0.3rem; }
#jx .box-group > .bd{ position: relative; }
#jx .pic{ position: relative; padding-bottom: 66.6666%; background: no-repeat; background-position: center center; background-size: cover; }
#jx .pic a{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; font-size: 0; }
#jxss .pic { background-image: url(/content/main/base/img/pic-01.jpg); }
#zyykcjs .pic { padding-bottom: 31.5%; background-image: url(/content/main/base/img/pic-02.jpg); }
#zyykcjs .list-node{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 77%; height: 5.6rem; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); }
#zyykcjs .list-node li{ width: 33.3333%; }
#zyykcjs .list-node li a{ display: block; color: #fff; text-align: center; font-size: 1rem; text-decoration: none;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
#zyykcjs .list-node li a::before{ display: block; margin: 0 auto 0.4rem; font-family: "iconfont" !important; content: "\e7a0"; font-size: 2rem; line-height: 1; }
#zyykcjs .list-node li.li2 a::before{ content: '\e763'; }
#zyykcjs .list-node li.li3 a::before{ content: '\e604'; }
#zyykcjs .list-node li a:hover{ transform: translateY(0.5rem); }
#jxzlbz .pic { background-image: url(/content/main/base/img/pic-03.jpg); }
#zyykcjs .list-node{ position: absolute; }

/* 节点快捷图标菜单 */
.list-quick li{ position: relative; width: 50%; margin: 1rem 0;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.list-quick li .iconfont{ position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 7.5rem; height: 7.5rem; border-radius: 50%; font-size: 3.2rem; line-height: 7.5rem; text-align: center; box-shadow: 0px 0 0.6rem 2px rgba(0, 0, 0, 0.1); background: #fff; color: #004898; }
.list-quick li a{ position: relative; display: block; color: #004898; text-align: center; font-size: 1rem; text-decoration: none; padding-top: 8.7rem; font-weight: bold; line-height: 1.4; }
.list-quick li:hover{ transform: translateY(0.7rem); }

/* 东软人物 */
#drrw .list-pic{ margin: -1.6% 0 0 -1.6%; overflow: hidden; text-align: center; }
#drrw .list-pic li{ float: left; width: 48.4%;  margin: 1.6% 0 0 1.6%; position: relative; background: #fff; overflow: hidden; }
#drrw .list-pic .pic a{ display: block; padding-bottom: 66.6666%; position: relative; overflow: hidden; height: 0; }
#drrw .list-pic .pic img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
#drrw .list-pic .title a{ margin-top: 0.4rem; display: block; height: 3rem; font-size: 1.1rem; line-height: 3rem; text-align: center; overflow: hidden; text-decoration: none; }


/* 走进东软-首页 ----------------------------------------- */

/* 校庆专题 */
#xqzt .list-pic li{ position: relative; width: 50%; }
#xqzt .list-pic li .pic a{ position: relative; display: block; height: 0; padding-bottom: 66.6666%; }
#xqzt .list-pic li .pic a::before{ position: absolute; z-index: 1; content: ''; left: 0; bottom: 0; width: 100%; height: 46.5%;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
#xqzt .list-pic li .pic img{ position: absolute; left: 0; top: 0;
    transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
#xqzt .list-pic li .title{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 4.56rem; line-height: 4.56rem; overflow: hidden; text-align: center; }
#xqzt .list-pic li .title a{ display: block; padding: 0 1.25rem; color: #fff; }
#xqzt .list-pic li:nth-of-type(3),
#xqzt .list-pic li:nth-of-type(4){ width: 100%; }
#xqzt .list-pic li:nth-of-type(3) .pic a,
#xqzt .list-pic li:nth-of-type(4) .pic a{ padding-bottom: 33.3333%; }
#xqzt .list-pic li:hover .pic img{ transform: scale(1.15); }

/* 校园VR */
#xyvr{ padding: 11.1% 0; text-align: center; color: #fff; line-height: 1; background: url(/content/main/base/img/bg-05.jpg) no-repeat center center; background-size: cover; }
#xyvr .btn-vr{ display: inline-block; line-height: 4.3rem; font-size: 2.1rem; vertical-align: top; padding: 0 4rem; border-radius: 4px; background: rgba(255, 255, 255, 0.5); color: #fff; }
#xyvr .btn-vr:hover{ background: #CD6829; text-decoration: none; }

/* 校园生活 */
#xysh{ overflow: hidden; }
#xysh-slide{ overflow: visible; margin: 1.5rem 0 3rem; }
#xysh-slide .swiper-slide{ display: flex; flex-wrap: wrap; align-items: flex-start; }
#xysh-slide .swiper-slide .pic{ width: 100%; }
#xysh-slide .swiper-slide .pic a{ display: block; position: relative; height: 0; padding-bottom: 60.06%; }
#xysh-slide .swiper-slide .pic img{ position: absolute; left: 0; top: 0; }
#xysh-slide .swiper-slide .con{ width: 100%; position: relative; z-index: 1; padding: 2.5% 3.33%; padding-bottom: 4.5rem; margin: -1.25rem 1.25rem 0; }
#xysh-slide .swiper-slide .con::before{ position: absolute; content: ''; z-index: -1; right: -1.25rem; bottom: -1.25rem; width: 100%; height: 100%; background: #004898; }
#xysh-slide .swiper-slide .con::after{ position: absolute; content: ''; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1); }
#xysh-slide .swiper-slide .con .node{ position: relative; margin-bottom: 8%; font-size: 2rem; line-height: 3.5rem; color: #004898; font-weight: bold; }
#xysh-slide .swiper-slide .con .node a{ display: block; color: inherit; text-decoration: none; }
#xysh-slide .swiper-slide .con .node a::after{ position: absolute; content: '查看更多'; right: 0; top: 0; font-size: 1rem; color: #999; font-weight: normal; }
#xysh-slide .swiper-slide .con .date{ display: block; font-size: 1rem; color: #999; }
#xysh-slide .swiper-slide .con .title{ margin-top: 0.4rem; font-size: 1.1rem; line-height: 1.6rem; height: 4.8rem; overflow: hidden; }
#xysh-slide .swiper-pagination{ text-align: left; width: auto; font-size: 0; line-height: 1; left: 3.33%; bottom: 2.25rem; margin-left: 1.25rem; }
#xysh-slide .swiper-pagination-bullet{ width: 1.1rem; height: 1.1rem; background: #C9CACA; margin: 0 0.6rem 0 0 !important; opacity: 1; border-radius: 0; }
#xysh-slide .swiper-pagination-bullet-active{ background: #CD6829; }

#xysh{ padding-bottom: 1%; }
#xysh .box-group > .hd{ margin-bottom: 1.8rem; text-align: left; }
#xysh .list-pic li{ position: relative; width: 100%; }
#xysh .list-pic li .pic a{ position: relative; display: block; height: 0; padding-bottom: 66.6666%; }
#xysh .list-pic li .pic a::before{ position: absolute; z-index: 1; content: ''; left: 0; bottom: 0; width: 100%; height: 3.125rem; background: #000; opacity: 0.4; }
#xysh .list-pic li .pic img{ position: absolute; left: 0; top: 0;
    transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
#xysh .list-pic li .title{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; font-size: 1.1rem; height: 3.125rem; line-height: 3.125rem; overflow: hidden; text-align: left; }
#xysh .list-pic li .title a{ display: block; padding: 0 1.25rem; color: #fff; }
#xysh .list-pic li:hover .pic img{ transform: scale(1.15); }

/* 校园风光 */
#xyfg{ position: relative; padding: 0; margin-bottom: -1.25rem; }
#xyfg .box-group{ padding-bottom: 0; }
#xyfg .box-group > .hd{ margin-bottom: 1.8rem; }
#xyfg-slide .swiper-slide .pic{ background: #fff; }
#xyfg-slide .swiper-slide .pic a{ position: relative; display: block; height: 0; padding-bottom:47.552%; }
#xyfg-slide .swiper-slide .pic img{ position: absolute; left: 0; top: 0; }
#xyfg-slide .swiper-slide .title{ display: none; }
#xyfg-slide .prev,
#xyfg-slide .next{ position: absolute; top: 50%; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; cursor: pointer; font-size: 1.5rem; background: rgba(0, 0, 0, 0.4); color: #fff; text-align: center; z-index: 10; border-radius: 50%; transform: translateY(-50%); }
#xyfg-slide .prev{ left: 2.5%; }
#xyfg-slide .next{ right: 2.5%; }
#xyfg-slide .prev:hover,
#xyfg-slide .next:hover{ background: #CD6829; }
#xyfg .thumbs{ background: #f5f5f5; }
#xyfg-slide-thumbs{ padding: 28px 6px 10px; }
#xyfg-slide-thumbs .swiper-slide{ padding: 2px; background: #fff; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
}
#xyfg-slide-thumbs .swiper-slide .pic a{ display: block; position: relative; height: 0; padding-bottom: 66.6666%; }
#xyfg-slide-thumbs .swiper-slide .pic img{ position: absolute; left: 0; top: 0; }
#xyfg-slide-thumbs .swiper-slide .title a{ display: block; height: 2.6rem; font-size: 1rem; line-height: 2.6rem; text-align: center; overflow: hidden; text-decoration: none; }
#xyfg-slide-thumbs .swiper-slide.on{ transform: translateY(-20px); }

/* 内容带图片的信息列表_图片判断式 */
.list-page-tp{ padding: 1% 0; margin: -1.2rem -0.625rem 0; }
.list-page-tp li { margin-bottom: 1px; padding: 1.4rem 0.625rem; border-bottom: 1px solid #e7e7e7; overflow: hidden; }
.list-page-tp li:hover { background: #f8f8f8; }
.list-page-tp li.last{ margin-bottom: 0; border-bottom: none; }
.list-page-tp li a { text-decoration: none; }
.list-page-tp .title { margin-bottom: 1.1rem; height: 1.4rem; font-size: 1.1rem; line-height: 1.4rem; overflow: hidden; }
.list-page-tp .pic { float: left; margin-right: 1.25rem; width: 25%; }
.list-page-tp .pic img { width: 100%; height: auto; }
.list-page-tp .con { overflow: hidden; }
.list-page-tp .intro { line-height: 2rem; color: #777; max-height: 2rem; overflow: hidden; font-size: 0.9375rem; }
.list-page-tp .others { margin-top: 4%; font-size: 0.9rem; color: #aa999a;}
.list-page-tp .others .date{ margin-right: 1.25rem; }
.list-page-tp .others .hits{ display: none; }
.list-page-tp .others .hits::before{ content: '浏览次数：'; }

/* 图片-列表页 ----------------------------------------- */
.list-page-pic{ margin: -3.3% -3.3% 0 0; overflow: hidden; text-align: center; }
.list-page-pic li{ float: left; width: 46.7%; padding: 2%; margin: 3.3% 3.3% 0 0; position: relative; border: 1px solid #eee; overflow: hidden; }
.list-page-pic .pic a{ display: block; padding-bottom: 125%; position: relative; overflow: hidden; height: 0; }
.list-page-pic .pic img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.list-page-pic .title a{ margin-top: 0.5rem; display: block; height: 2rem; font-size: 1rem; line-height: 2rem; text-align: center; overflow: hidden; text-decoration: none; }

/* 图集-叠加的样式-列表页 */
.list-page-pic.list-photo .pic a{ padding-bottom: 66.6666%; }

/* 图集-内容页 ----------------------------------------- */
.photoConPage .slide-wrap{ padding: 20px; }
.photoConPage .swp-tit{ text-align: center; padding-bottom: 1rem; }
.photoConPage .swp-tit h2{ float: none; font-size:2rem; color: #333; }
.photoConPage .swp-tool{ margin-bottom: 2rem; background: #F5F5F5; color: #999; overflow: hidden; font-size: 1rem; height: auto; padding: 1rem; text-align: center; font-size: 0.9rem; }
.photoConPage .swpt-mode-wrap a:link, .photoConPage .swpt-mode-wrap a:visited{ color: #999; }
.photoConPage .swpt-extra{ float: none; display: inline-block; }
.photoConPage .swpt-time{ margin-top: 0.6rem; display: block; font-style: normal; color: #999; }
.photoConPage .swp-list-wrap{ display: none; height: auto; padding: 1.5rem 0 0; }
.photoConPage .swpl-btn{ width: auto; }
.photoConPage .swpl-group{ display: none; }
.photoConPage .swpl-group{ display: none; }
.photoConPage .swp-txt{ padding: 0.8rem; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .5); }
.photoConPage .swpt-cont{ color: #fff; font-size: 1.5rem; text-align: center; line-height: 2.1rem; }
.photoConPage .swpt-cont em{ font-style: normal; }
.photoConPage .swpt-cont > *{ display: inline-block; vertical-align: top; margin: 0 1rem; }
.photoConPage .swp-intro{ padding: 2rem 0; font-size: 1rem; }
.photoConPage .swp-intro h3{ font-weight: normal; padding-bottom: 0; margin-bottom: 1.7rem; border-bottom: none; font-size: 1.9rem; color: #004898; }
.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: 0.8rem 0 0.4rem; font-size: 1.1rem; line-height: 1.6rem; max-height: 3.2rem; padding: 0; }
.photoConPage .swpt-mode-wrap{ border-right: none; padding-right: 0; }
.photoConPage .swpt-full-wrap{ display: none; }

/* 节点图标列表页 */
.list-node-icon{ margin: -1.6% -1.6% 0 0; }
.list-node-icon li{ width: 48.4%; margin: 1.6% 1.6% 0 0; position: relative; overflow: hidden; }
.list-node-icon li a{ display: block; height: 5rem; display: flex; align-items: center; line-height: 1.4; font-size: 1rem; justify-content: flex-start; padding: 0 4% 0 20%; border: 1px solid #eee; text-decoration: none; }
.list-node-icon li a::before{ font-size: 2rem; margin-right: 1rem; vertical-align: middle; font-family: "iconfont" !important; content: "\e628"; font-weight: normal; }
.list-node-icon li a:hover{ background: #f8f8f8; text-decoration: none; }

/* 节点图标 */
.list-node-icon #li-xywzdh a::before{ content: '\e88a'; }
.list-node-icon #li-xzyx a::before{ content: '\e908'; }
.list-node-icon #li-4Axxpt a::before{ content: '\e607'; }
.list-node-icon #li-xl a::before{ content: '\e654'; }
.list-node-icon #li-jwgl a::before{ content: '\e6f2'; }
.list-node-icon #li-wlbz a::before{ content: '\ecd2'; }
.list-node-icon #li-wybx a::before{ content: '\e622'; }
.list-node-icon #li-tsjy a::before{ content: '\e6cb'; }
.list-node-icon #li-xfjd a::before{ content: '\e661'; }
.list-node-icon #li-xyxxzhmh a::before{ content: '\e6d2'; }
.list-node-icon #li-bysdafw a::before{ content: '\e7a0'; }
.list-node-icon #li-jzxjsq a::before{ content: '\e60c'; }
.list-node-icon #li-hqfw a::before{ content: '\e61f'; }
.list-node-icon #li-VPNfw a::before{ content: '\e6e4'; }
.list-node-icon #li-ywtwxpt a::before{ content: '\e600'; }
.list-node-icon #li-zpqs a::before{ content: '\e603'; }
.list-node-icon #li-zsydr a::before{ content: '\e7bb'; }

/* 节点标题列表页 */
.list-node-tit{ margin: -1% -3% 0 0; }
.list-node-tit li{ min-width: 47%; margin: 1% 3% 0 0; position: relative; overflow: hidden; }
.list-node-tit li a{ display: block; padding: 0.6rem 0; line-height: 1.4rem; font-size: 1rem; text-decoration: none; white-space: nowrap; }
.list-node-tit li a::after{ color: #999; margin-left: 0.5rem; vertical-align: middle; font-family: "iconfont" !important; content: "\e63e"; font-weight: normal; }
.list-node-tit li a.none{ cursor: default; }
.list-node-tit li a.none::after{ display: none; }

/* 节点图文列表页 */
.list-node-tp{ padding: 1.2rem 0; margin: 0 -3.3% -3.3% 0; text-align: left; clear: none; }
.list-node-tp li{ width: 46.7%; margin: 0 3.3% 3.3% 0; position: relative; overflow: hidden; box-shadow: 0 0 2rem rgba(0, 0, 0, .2); }
.list-node-tp li{
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.list-node-tp .pic a{ display: block; padding-bottom: 62.5%; position: relative; height: 0; overflow: visible; }
.list-node-tp .pic img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.list-node-tp .pic a::before{ position: absolute; z-index: 1; right: 1.25rem; top: 100%; margin-top: -1.1rem; content: '\e628  了解详情'; background: #2a65a6; height: 2.2rem; line-height: 2.2rem; padding: 0 1rem; color: #fff; font-size: 0.9rem; font-family: "iconfont"; }
.list-node-tp .title a{ position: relative; margin: 0.6rem 1.25rem 0; color: #004898; display: block; height: 2.8rem; font-size: 1.1rem; line-height: 2.8rem; overflow: hidden; font-weight: bold; text-decoration: none; }
.list-node-tp .title a::after{ position: absolute; left: 0; bottom: 0; content: ''; width: 2em; height: 0; border-bottom: 1px solid #004898; }
.list-node-tp .intro{ margin: 1rem 1.25rem 1.2rem; line-height: 1.5rem; height: 4.5rem; font-size: 0.925rem; color: #666; overflow: hidden; }
.list-node-tp li:hover{ transform: translateY(-10px); }
.list-node-tp li:hover .pic a::before{ background-color: #CD6829; }

/* 学历教育列表页 */
.logo-icon{ font-size: 0; line-height: 1; text-align: center; margin-top: 0.5rem; margin-bottom: -2px; }
.logo-icon .iconfont{ vertical-align: top; font-size: 6.25rem; line-height: 1;color: #004898; }
.list-node-xy{position: relative;overflow: hidden;padding: 4rem 0 2rem;}
.list-node-xy::before{ position: absolute; content: ''; left: 50%; top: 0; width: 0; height: 100%; border-left: 1px solid #004898; }
.list-node-xy li{ float: left; width: 50%; position: relative; padding: 1.25rem; border-top: 1px solid #004898; }
.list-node-xy li::before{ position: absolute; content: ''; right: -5px; top: -5px; width: 9px; height: 9px; border: 1px solid #004898; border-radius: 50%; background: #fff; z-index: 1; }
.list-node-xy li a{ display: block; font-size: 1.25rem; font-weight: bold; color: #004898; line-height: 1.4; text-decoration: none; }
.list-node-xy li .intro{ margin-top: 1rem; background: #F8F8F8; padding: 1rem 1.9rem; overflow: hidden; }
.list-node-xy li .intro p{ position: relative; float: left; min-width: 50%; line-height: 1.4; padding: 0.6rem 0 0.6rem 1.3rem; }
.list-node-xy li .intro p::before{ content: ''; position: absolute; top: 1.2rem; left: 0; width: 5px; height: 5px; background: #D4E5EF; transform: translateY(-50%); }

.list-node-xy li:nth-of-type(odd){padding-left: 0;}
.list-node-xy li:nth-of-type(odd) a{ text-align: right; }
.list-node-xy li:nth-of-type(even){float: right;padding-right: 0;}
.list-node-xy li:nth-of-type(even)::before{ right: auto; left: -4px; }
.list-node-xy li:nth-of-type(2){ margin-top: 3.8rem; }
.list-node-xy li:nth-last-of-type(1){float: right;padding-right: 0;margin-top: -220px;}
.list-node-xy li:nth-last-of-type(2){ float: none; clear: both; }

/* 友情链接列表页 */
.list-friend-link{ margin: -1% -2% 0 0; }
.list-friend-link li{ min-width: 48%; margin: 1% 2% 0 0; position: relative; overflow: hidden; }
.list-friend-link li a{ display: block; padding: 0.6rem 0; line-height: 1.4rem; font-size: 1rem; white-space: nowrap; }
.list-friend-link li a::after{ color: #999; margin-left: 0.5rem; vertical-align: middle; font-family: "iconfont" !important; content: "\e63e"; font-weight: normal; }



/* 文章内容页 -----------------------------------------*/
.subheading { font-size: 1rem;}
.article { text-align: left; padding: 1.3rem 0;}
.printArea .title { font-size: 2rem; padding: 0 1.9rem; line-height: 1.5; text-align: center; margin-bottom: 1.8rem; word-wrap: break-word; color: #333; }
.printArea .subTitle,
.printArea .subheading { font-size: 1.3rem; color: #777; text-align: center; margin-bottom: 1.2rem; }
.printArea .property { font-size: 0.9rem; margin-bottom: 1.8rem; padding: 0.8rem 1rem; line-height: 1.6; text-align: center; color: #766677; background: #f5f5f5; }
.printArea .property span { display: inline-block; vertical-align: top; padding: 0 5px;}
.printArea .property a{ color: inherit; }
.printArea .conTxt,
.printArea .conTxt * { box-sizing: content-box }
.printArea .conTxt { color: #333; font-size: 1rem; line-height: 2; text-align: left; padding: 0 0 1.25rem 0; overflow: hidden; font-family: "思源黑体", "Source Han Sans CN", "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
.printArea .conTxt p { margin: 0 0 1.25rem; padding: 0px; line-height: 32px; word-wrap: break-word; border: none; border-radius: 0; white-space: normal; }
.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; }
.printArea .conTxt table p { margin: 0px }
.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 { font-size: 2em; margin: .67em 0; }
.printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0; }
.printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0; }
.printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0; }
.printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0; }
.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: bolder; }
.printArea .conTxt .videoPlayer { text-indent: 0; }
.printArea .videoPlayer { position: relative; z-index: 1500; text-align: center; margin: 20px auto; }
.article .userControl { display: flex; align-items: center; justify-content: space-between; font-size: 0.9rem; border-bottom: 1px solid #E1E1E1; padding: 0.8rem 0; text-align: left; margin-bottom: 1.25rem; line-height: 1.6; }
.article .userControl .dyBtn { color: #333; float: left;}

.article .page { padding: 10px 0; text-align: center; overflow: hidden;}
.article .others { margin-bottom: 1rem; font-size: 1rem;}
.article .others .prev,
.article .others .next { padding: 5px 0; word-wrap: break-word;}

/* 分享按钮 */
.article .userControl .bdsharebuttonbox .hd{ height: 40px; line-height: 40px; font-size: 0.9rem; }
.article .userControl .social-share{ height: auto; }
.article .userControl .social-share-icon{ margin: 0 5px; width: 40px; height: 40px; background-image: url(/content/main/base/img/icons-share.png); }
.article .userControl .social-share-icon:hover{ opacity: 0.8; }
.article .userControl .social-share .icon-qzone{ background-position: 0 -150px; }
.article .userControl .social-share .icon-wechat{ background-position: 0 -50px; }
.article .userControl .social-share .icon-weibo{ background-position: 0 0; }






@media (min-width:768px) {
    .list-page-tp .intro { max-height: 4rem; }
    .list-page-tp .others .hits{ display: inline; }

    .list-page-pic li{ width: 30.0333%; }

    .article .userControl .bdsharebuttonbox .hd{ display: none; }
    .article .userControl .bdsharebuttonbox .bd{ display: none; position: fixed; top: 50%; right: 52%; margin-right: 345px; width: 40px; transform: translateY(-50%); }
    .article .userControl .social-share-icon{ margin: 5px 0; }

    .photoConPage .swp-tool{ text-align: left; }
    .photoConPage .swpt-extra{ float: right; }
    .photoConPage .swpt-time{ margin-top: 0; }
    .photoConPage .sw-list li{ width: 33.3333%; }

    .list-node-icon li{ width: 31.7333%; }

    .list-node-tp li{ width: 30.0333%; }

    #szdw-slide .list-pic li{ width: 21.9%; }

    .list-accordion li .con .intro{ overflow-y: hidden; overflow: hidden; }

    #xqsz{ margin-top: 0; }

    #drrw .list-pic li{ width: 23.4%; }

    .list-quick li{ width: 25%; }

    #xqzt .list-pic li{ width: 25%; }
    #xqzt .list-pic li:nth-of-type(3),
    #xqzt .list-pic li:nth-of-type(4){ width: 50%; }

    #xysh-slide .swiper-slide .pic{ width: 55%;  }
    #xysh-slide .swiper-slide .con{ width: 45%; height: 14.25rem; left: -1.25rem; top: 1.25rem; margin: 0; padding-bottom: 0; }
    #xysh-slide .swiper-pagination{ display: none; left: 58.33%; margin-left: -1.25rem; }

    #xyfg .thumbs{ position: absolute; left: 0; bottom: 1rem; width: 100%; background: none; }
}

@media (min-width:992px) {
    .list-page-pic li{ width: 21.7%; }
    .list-page-pic.list-photo li{ width: 30.0333%; }

    .article .userControl .bdsharebuttonbox .bd{ margin-right: 465px; }

    .photoConPage .swp-list-wrap{ display: block; }
    .photoConPage .slide-wrap-show-list .swp-list-wrap{ display: none; }
    .photoConPage .sw-list li{ width: 25%; }

    .list-accordion li .con .more{ display: block; }

    .list-node-icon li{ width: 23.4%; }

    .list-node-tit li{ min-width: 30.3333%; }

    .list-friend-link li{ min-width: 31.3333%; }

    .list-quick li{ width: 12.5%; }

    #xysh-slide .swiper-slide .con{ height: 18.5rem; }
    #xysh-slide .swiper-pagination{ display: block; bottom: 4.5rem; }

}

@media (min-width:1200px) {
    .list-page-tp .intro { max-height: 6rem; }
    .list-page-tp .others { margin-top: 1.1rem; }

    .article .userControl .bdsharebuttonbox .bd{ margin-right: 555px; }

    .photoConPage .swpl-group{ display: block; }

    #szdw-slide .list-pic li{ width: 16.9%; }
    #szdw-slide .list-pic li:last-of-type{ display: block; }

    #xysh-slide .swiper-slide .con{ height: 21.25rem; }
    #xysh-slide .swiper-pagination{ bottom: 6.25rem; }
}

@media (min-width:1300px) {
    .article .userControl .bdsharebuttonbox .bd{ margin-right: 600px; }
}





/* 相关信息 */
#relativeInfo { margin-bottom: 15px; border-bottom: 2px solid #f3f3f3;}
#relativeInfo .hd { height: 40px; line-height: 40px; position: relative; font-size: 18px; border-bottom: 2px solid #f3f3f3}
#relativeInfo .hd .more { position: absolute; top: 8px; right: 0; color: #999; font-size: 14px; width: 24px; height: 24px; line-height: 80px; overflow: hidden; background: #e1e7f0 url(../img/moreicon.png) no-repeat center; border-radius: 50%;}
#relativeInfo .hd .more a { color: #999}
#relativeInfo .hd .more { -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
#relativeInfo .hd .more:hover { transform: rotate(360deg); background-color: #f7bc68}
#relativeInfo .hd h3 { position: absolute; color: #416eb4; font-size: 18px; font-weight: bold; line-height: 30px; padding: 0 20px; height: 40px; border-bottom: 2px solid #416eb4;}
#relativeInfo .hd h3 a { color: #416eb4;}
#relativeInfo .hd h3 a:hover { text-decoration: none;}
#relativeInfo .bd { padding: 10px 0 20px 0; overflow: hidden;}


/* 信息提示页 */
.Showms { background: #fff; padding: 3% 5%; overflow: hidden; max-width: 540px; margin: 30px auto;}
.Showms .top,
.Showms .bottom,
.Showms .Shadow { display: none;}
.Showms .MS { overflow: hidden; zoom: 1;}
.Showms .titWrong { color: #c00; border-bottom: 1px solid #ccc; padding: 5px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT { padding: 25px 0 15px 0;}
.Showms .BUT a { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; 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: 1px solid #aaa; text-decoration: none;}
.departmentSearch .searchBox { height: 60px; width: 100%;}
.departmentSearch .searchBox .hd { height: 36px; line-height: 36px; padding: 12px 0 12px 59px; float: left; font-size: 16px; color: #333; background: url(/content/main/petitionletter/img/petition-icons.png) 19px -151px no-repeat;}
.departmentSearch .searchBox .bd { height: 36px; width: 395px; float: right; padding: 12px 0px 0px 0px;}
.departmentSearch .searchBox .keyword { width: 200px; height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0px 5px 15px; background: #fff; border: 1px solid #ccc; border-right: none; outline: none; float: left;}
.departmentSearch .searchBox .searchsubmit { width: 84px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center; background: #458adf; border: none; float: left; font-weight: bold;}
.departmentSearch { overflow: hidden; margin-bottom: 10px;}
.departments { height: 36px; width: 100px; line-height: 32px; border: 1px solid #ddd; font-size: 14px; font-family: "microsoft yahei"; outline: none; float: left; margin-right: 5px;}