@charset "UTF-8";
/* ============================================================
 * 江苏省体育局首页 / 基础页面模板适配
 * 桌面参照：1920×1787，版心1200px，正文内边距20px。
 * IE11兼容：普通颜色值、Flex布局+margin间距，不依赖Grid/变量/gap。
 * 原素材使用相对路径，移动整个文件夹不会丢失依赖。
 * ============================================================ */
html {
  scroll-behavior:smooth;
  font-size:16px
}
body {
  margin:0;
  color:#333;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
  font-size:16px;
  background:#fff url("banner.png") no-repeat center top;
  line-height:1.5
}
*,*::before,*::after {
  box-sizing:border-box
}
ul {
  list-style:none;
  margin:0;
  padding:0
}
h1,h2,p {
  margin:0
}
a {
  color:inherit;
  text-decoration:none
}
a:hover {
  color:#0069cf;
  text-decoration:none
}
button,input {
  font:inherit
}
button {
  cursor:pointer
}
img {
  display:block;
  max-width:100%;
  border:0
}
a,button,input {
  -webkit-tap-highlight-color:transparent
}
/* a:focus,button:focus,input:focus {
  outline:2px solid #0074dc;
  outline-offset:3px
} */
.bt-box-1200 {
  width:1200px;
  max-width:calc(100% - 40px);
  margin:0 auto
}
.row {
  margin:0
}
.visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap
}
/* 头部：标识、搜索框、导航均按设计稿的纵向坐标定位。 */

.head-banner	.top-nav {
		width:100%;
    text-align: right;
    display: flex;
    justify-content: right;
	}
.head-banner	.top-nav a {
		color: #fff;
    display: inline-block;
    padding-left:22px;
    margin-right:20px;
	}
.head-banner	.top-nav a.wza{background: url(wza.png) left center no-repeat;}
.head-banner	.top-nav a.slh{background: url(old.png) left center no-repeat;}
	.head-banner .top-nav span {
		color: #fff;
		margin: 0 10px;
	}


.head-banner {
  height:313px;
  padding-top:20px;
}
.head-logo {
  width:380px;
  height:80px;
  margin:40px auto 0;
}
.head-search {
  display:flex;
  position:relative;
  width:550px;
  height:50px;
  margin:25px auto 0;
  background:#fff;
  border-radius:28px
}
.head-search input {
  width:100%;
  height:50px;
  padding:0 116px 0 20px;
  border:0;
  border-radius:28px;
  background:transparent;
  color:#333;
  font-size:16px;
  outline:none
}
.head-search input::placeholder {
  color:#999
}
.head-search button {
  position:absolute;
  right:0;
  top:0;
  width:100px;
  height:50px;
  border:0;
  padding:0;
  background:transparent;
  border-radius:28px
}
.head-search button img {
  width:100%;
  height:100%
}
.bt-head-nav {
  height:56px;
  overflow:hidden;
  border-radius:30px;
  background:#385e91
}
.bt-head-nav nav {
  display:flex;
  height:100%;
  align-items:stretch
}
.bt-head-nav a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  color:#fff;
  font-size:20px;
  font-weight:700;
  white-space:nowrap
}
.bt-head-nav a:first-child {
  flex:0 0 124px
}
.bt-head-nav a:last-child {
  flex:0 0 254px
}
.bt-head-nav a:hover,.bt-head-nav .head-active {
  background:#1e4779 url(nav_on.png) center bottom no-repeat;

}
.head-active::after {
  position:absolute;
  bottom:0;
  left:50%;
  width:30px;
  height:4px;
  background:white;
  content:"";
  transform:translateX(-50%);
  border-radius:2px
}
/* 正文布局：首行560px+28px+572px；下两行使用等宽双栏。 */
main.container {
  width:1200px;
  max-width:calc(100% - 40px);
  padding:20px 20px 32px;
  margin-top:29px;
  background:#fff;
  box-shadow:0 0 14px rgba(35,74,114,.025)
}
.first {
  display:flex;
}
.first>* {
  min-width:0
}
.section-title {
  font-size:22px;
  font-weight:700;
  line-height:28px
}
/* 图片新闻：图片315px+标题64px，按钮覆盖在图片右下角。 */
.slide,.news-swiper {
  width:100%;
  height:379px
}
.news-picture,.news-picture img {
  width:100%;
  height:315px
}
.news-picture img {
}
.slideTxt {
  height:64px;
  display:flex;
  align-items:center;
  background:#f5f5f5
}
.slideTxt time {
  flex:0 0 80px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:white;
  background:#385e91;
  line-height:1.2
}
.slideTxt strong {
  font-size:26px;
  font-weight:700
}
.slideTxt time span {
  font-size:14px
}
.slideTxt>a {
  padding:0 20px;
  font-size:16px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.news-controls {
  position:absolute;
  right:20px;
  bottom:84px;
  z-index:5;
  display:flex;
  display: none!important;
}
.news-controls button {
  width:37px;
  height:37px;
  padding:0;
  border:0;
  background-size:100% 100%;
}
/* .swiper-pagination{bottom: 23%;right:0;height: 5px;width: auto;z-index:999;} */
.slide .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute;right:0;bottom:22%;left:inherit;text-align: right;padding-right:20px;width: auto;}
.slide  .swiper-pagination.swiper-pagination-fraction{padding-right:20px;}
.slide .swiper-pagination-bullet {float:left;width:25px;height:5px;background:#fff;opacity:1;margin-left:.5rem;border-radius: 0;}
.slide .swiper-pagination-bullet-active {background:#0069cf;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {pointer-events:initial;}
.news-prev {
  background-image:url("left.png");
  background-size:100% 100%;
}
.news-next {
  background-image:url("right.png");
   background-size:100% 100%;
}
.news-prev:hover,.news-prev:focus {
  background-image:url("lf-on.png");
   background-size:100% 100%;
}
.news-next:hover,.news-next:focus {
  background-image:url("rt-on.png");
   background-size:100% 100%;
}
/* 栏目标题与列表：标题下划线复用，所有栏目由Swiper切换，不混用隐藏类。 */
.tab-module {
  min-width:0
}
.bt-box-tit {
  height:45px;
  display:flex;
  align-items:flex-start;
  position:relative;
  white-space:nowrap
}
.tab-button {
  position:relative;
  padding:0 0 12px;
  border:0;
  background:transparent;
  color:#333;
  font-size:22px;
  font-weight:700;
  line-height:28px
}
.tab-button.act {
  color:#385e91
}
.tab-button.act::after {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  height:4px;
  width:45px;
  transform:translateX(-50%);
  border-radius:3px;
  background:#385e91
}
.first .tab-button.act::after {
  background:#0069cf
}
.more {
  margin-left:auto;
  font-size:16px;
  font-weight:400;
  padding-top:3px;
  color:#555
}
.tab-swiper {
  width:100%;
  overflow:hidden
}
.tab-swiper .swiper-slide {
  height:auto;
  min-width:0
}
.news-list {
  font-size:16px
}
.news-list li {
  position:relative;
  padding-left:18px;
  color:#555
}
.news-list li::before {
  position:absolute;
  top:0;
  left:0;
  content:"·";
  font-weight:700;
  color:#0088ec
}
.news-list time {
  color:#999;
  white-space:nowrap;
  margin-left:15px
}
.news-list a:hover {
  text-decoration:none;
  color:#0074d5
}
.headline-list {
  height:315px;
  margin-top:19px;
  padding:10px 18px 10px;
  background:#f8fbfd
}
.headline-list li {
  /* min-height:55px; */
  padding-left:20px;
  line-height:30px;
  padding-top:10px;
  padding-bottom:10px;
  height: 50px;
}
.headline-list li::before {
  top:9px
}
.headline-list li:hover {
  margin-left:-18px;
  margin-right:0;
  padding-left:38px;
  border-left:2px solid #0088ff;
  background:linear-gradient(90deg,#f0f8ff,#f9fcfe);
  color:#1682e6
}
.headline-list li:hover::before {
  left:18px
}
/* .headline-list li:nth-child(3) {
  padding-top:4px;
  padding-bottom:4px
}
.headline-list li:nth-child(3)::before {
  top:4px
} */
.headline-list time {
  margin-left:14px;
  float: right;
}
/* 专题：原稿三张367×145素材，Swiper负责窄屏滑动。 */
.topics {
  margin-top:28px
}
.topics .section-title {
  margin-bottom:16px
}
.topic-swiper img {
  width:100%;
  height:145px;
}
.topics a {
  display:block;
  overflow:hidden
}
.topics img {
  transition:filter .2s
}
.topics a:hover img {
  filter:brightness(1.04)
}
/* 资讯：保留原稿标题可换行、日期紧随标题的排版方式。 */
.third {
  display:flex;
  margin-top:26px;
  height:170px
}
.third .bt-box-tit {
  margin-bottom:6px
}
.third .news-list {
  font-size:16px
}
.third .news-list li {
  line-height:30px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.third .news-list time {
  margin-left:14px;
  float: right;
}
#policy .bt-box-tit {
}
#policy .tab-button {
  font-size:22px
}
#policy .more {
  font-size:16px
}
/* 办事服务：每张卡片为素材背景+真实文字，hover使用对应蓝色原素材。 */
.fourth {
  display:flex;
  margin-top:26px
}
.services .section-title {
  margin-bottom:18px
}
.service-grid {
  display:flex;
}
.service-item {
  display:flex;
  align-items:center;
  justify-content:center;
  height:82px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.07));
  font-size:16px;
  line-height:20px;
  color:#444
}
.service-item span {
  padding-left:29px;
  padding-right:9px
}
.service-grid>li:hover span{ color:#385e91;font-weight:700;}
.service-1 {
  background-image:url("service-1.png");
 
}
.service-2 {
  background-image:url("service-2.png")
}
.service-3 {
  background-image:url("service-3.png")
}
.service-4 {
  background-image:url("service-4.png")
}
.service-5 {
  background-image:url("service-5.png")
}
.service-6 {
  background-image:url("service-6.png")
}
.service-1:hover {
  background-image:url("service-hover-1.png")
}
.service-2:hover {
  background-image:url("service-hover-2.png")
}
.service-3:hover {
  background-image:url("service-hover-3.png")
}
.service-4:hover {
  background-image:url("service-hover-4.png")
}
.service-5:hover {
  background-image:url("service-hover-5.png")
}
.service-6:hover {
  background-image:url("service-hover-6.png")
}
.participation {
  padding-top:10px
}
.fitness {
  display:block;
  height:85px;
  overflow:hidden
}
.fitness img {
  width:100%;
  height:85px;
}
.social-row {
  height:135px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px
}
.social-account {
  display:flex;
  align-items:center;
  min-width:0
}
.social-account>img {
  width:auto;
  height:112px;
}
.social-account p {
  color:#555;
  font-size:12px;
  line-height:20px;
  white-space:nowrap
}
.lottery {
  flex:0 0 118px
}
.lottery img {
  width:118px;
  height:126px;
}
/* 友情链接与页脚：页脚铺满视口，内层仍保持1200px版心。 */
.friend-links {
  display:flex;
  margin-top:30px
}
.friend-links img {
  width:100%;
  height:93px;
}
footer {
  background:#385e91;
  color:#dbe6f3;
  min-height:160px
}
.footer-inner {
  display:flex;
  align-items:center;
  padding:37px 24px 28px
}
.footLeft {
  flex:1;
  min-width:0;
  font-size:14px;
  line-height:25px;
  text-align: center;
}
.footer-nav {
  display:flex;
  align-items:center;
  margin-bottom:15px;
  white-space:nowrap;
  justify-content: center;
}
.footer-nav a {
  color:#e1eaf6;
  font-size:14px;
  line-height:16px
}
.footer-nav a+a,.footer-nav a:last-child {
  border-left:1px solid #d9e4f2;
  margin-left:9px;
  padding-left:9px;
}
.footLeft p {
  font-size:14px;
  white-space:nowrap;
  text-align: center;
}
.record {
  display:flex;
  align-items:center;
  justify-content: center;
}
.record a:hover{color: #fff !important;;}
.record img {
  display:inline-block;
  width:18px;
  height:20px
}
.footRight {
  display:flex;
  align-items:center;
  flex-shrink:0
}
.footRight img {
  width:110px;
  height:55px;
}
.footRight .agency {
  width:52px;
  height:64px
}
.footRight a:last-child img {
  width:112px;
  height:57px
}
/* 演示提示仅在点击未配置入口时出现；不改变设计稿正常状态。 */
#site-dialog {
  width:440px;
  max-width:calc(100% - 40px);
  padding:28px;
  border:0;
  border-radius:8px;
  box-shadow:0 20px 80px rgba(17,34,51,.4);
  color:#333
}
#site-dialog::backdrop {
  background:rgba(19,43,72,.4)
}
#site-dialog h2 {
  font-size:20px;
  color:#385e91;
  margin-bottom:12px
}
#site-dialog p {
  font-size:16px;
  line-height:1.8
}
.dialog-close {
  display:block;
  border:0;
  border-radius:4px;
  padding:8px 24px;
  background:#385e91;
  color:white;
  margin:22px 0 0 auto
}
.noscript {
  padding:16px;
  text-align:center
}
/* 平板：保留双栏，首行比例自适应，避免固定560px挤出屏幕。 */
@media(max-width:1239px) {
  .first {
  }
  .bt-head-nav a {
    font-size:17px
  }
  .bt-head-nav a:first-child {
    flex-basis:90px
  }
  .bt-head-nav a:last-child {
    flex-basis:220px
  }
  .headline-list {
    font-size:14px
  }
  .third .news-list {
    font-size:14px
  }
  #policy .bt-box-tit {
  }
  #policy .tab-button {
    font-size:18px
  }
  .bt-box-tit {
  }
  .social-account>img {
    width:85px
  }
  .social-account {
  }
  .social-account p {
    font-size:11px
  }
  .lottery {
    flex-basis:95px
  }
  .lottery img {
    width:95px
  }
  .footRight {
  }
  .footRight img {
    width:85px;
    height:auto
  }
  .footRight a:last-child img {
    width:85px;
    height:auto
  }
  .footLeft p {
    white-space:normal
  }
  .footer-nav {
    flex-wrap:wrap;
  }
  .footer-inner {
    padding-left:0;
    padding-right:0
  }
  .service-item span {
    padding-left:26px;
    font-size:14px
  }
  .news-list time {
    margin-left:8px
  }
}
/* 手机：改为单栏阅读，保留栏目滑动和专题横向滑动，不压缩整张桌面稿。 */
@media(max-width:767px) {
  body {
    background-size:auto 460px
  }
  .bt-box-1200,main.container {
    max-width:calc(100% - 24px)
  }
  .head-banner {
    height:220px;
    padding-top:25px
  }
  .head-logo {
    max-width:90%;
    height:auto
  }
  .head-search {
    max-width:95%;
    margin-top:16px;
    height:44px
  }
  .head-search input {
    height:44px;
    font-size:14px
  }
  .head-search button {
    height:44px;
    width:88px
  }
  .bt-head-nav {
    height:auto;
    border-radius:12px
  }
  .bt-head-nav nav {
    display:flex;
  }
  .bt-head-nav a {
    min-height:44px;
    font-size:15px
  }
  .bt-head-nav a:last-child {
  }
  .head-active::after {
    height:3px
  }
  main.container {
    margin-top:16px;
    padding:14px 12px 24px
  }
  .first,.third,.fourth {
  }
  .first {
  }
  .slide,.news-swiper {
    height:auto
  }
  .news-picture,.news-picture img {
    height:auto;
  }
  .slideTxt {
    height:60px
  }
  .slideTxt time {
    flex-basis:64px
  }
  .slideTxt>a {
    font-size:14px;
    padding:0 12px
  }
  .news-controls {
    right:14px;
    bottom:74px;
  }
  .news-controls button {
    width:32px;
    height:32px
  }
  .bt-box-tit {
  }
  .tab-button,.section-title {
    font-size:20px
  }
  .headline-list {
    height:auto;
    /* min-height:300px; */
    margin-top:8px
  }
  .headline-list li {
    font-size:14px
  }
  .topics {
    margin-top:24px
  }
  .topics .section-title {
    margin-bottom:12px
  }
  .topic-swiper img {
    height:auto;
  }
  .third {
    height:auto;
    margin-top:24px
  }
  .third .news-list li {
    line-height:34px;
    min-height:34px
  }
  .third .bt-box-tit {
    margin-bottom:0
  }
  #policy .bt-box-tit {
  }
  #policy .tab-button {
    font-size:16px
  }
  #policy .more {
    font-size:13px
  }
  .fourth {
    margin-top:24px;
  }
  .service-grid {
  }
  .service-item {
    height:72px
  }
  .service-item span {
    font-size:13px;
    padding-left:24px;
    padding-right:4px
  }
  .services .section-title {
    margin-bottom:12px
  }
  .participation {
    padding-top:0
  }
  .fitness {
    height:auto
  }
  .fitness img {
    height:auto
  }
  .social-row {
    height:125px
  }
  .social-account>img {
    width:80px;
    height:105px
  }
  .social-account p {
    font-size:10px;
    line-height:17px
  }
  .lottery {
    flex-basis:80px
  }
  .lottery img {
    width:80px;
    height:105px
  }
  .friend-links {
    margin-top:24px
  }
  .friend-links img {
    height:auto;
  }
  .footer-inner {
    flex-direction:column;
    align-items:flex-start;
    padding:24px 6px;
  }
  .footLeft {
    font-size:12px
  }
  .footLeft p {
    font-size:12px;
    line-height:22px
  }
  .footer-nav {
    margin-bottom:12px
  }
  .footer-nav a {
    font-size:12px
  }
  .footer-nav a+a {
    margin-left:6px;
    padding-left:6px
  }
  .record {
    display:block
  }
  .record img {
    vertical-align:middle
  }
  .footRight {
    width:100%;
    justify-content:space-between;
  }
  .footRight .agency {
    width:39px;
    height:48px
  }
  .footRight img {
    width:85px;
    height:43px
  }
  .footRight a:last-child img {
    width:85px;
    height:43px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    transition:none!important
  }
}
/* 基础模板的公共文件还包含栏目页默认样式，在首页作用域内明确覆盖。
   尤其是 h2 固定高度、列表浮动和标题底线，避免继承后出现大块留白。 */
.section-title {
  height:auto;
  text-align:left
}
.bt-box-tit {
  border-bottom:0
}
.bt-box-tit .more {
  float:none;
  width:auto;
  margin-right:0;
  padding:3px 0 0;
  line-height:28px;
  font-size:16px;
  font-weight:400
}
.bt-box-cent .news-list {
  padding-top:0
}
.bt-box-cent .headline-list {
  padding:10px 18px
}
.bt-box-cent .news-list li {
  background:none;
  border-bottom:0
}
.bt-box-cent .news-list li a {
  width:auto;
  overflow:visible;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
}
.bt-box-cent .headline-list li:hover {
  background:none;
}
footer {
  margin-top:0
}
/* .service-1 {
  background-image:url("service-1.png")
}
.service-1:hover {
  background-image:url("service-1.png")
} */
@media(max-width:767px) {
  .bt-box-tit .more {
    font-size:14px
  }
  .bt-box-cent .news-list li {
    font-size:14px;
    line-height:34px;
    padding:0 0 0 18px;
    text-align:left
  }
  .bt-box-cent .headline-list li {
    line-height:28px;
    padding:9px 0 9px 20px
  }
  /* .bt-box-cent .headline-list li:hover {
    padding-left:38px
  } */
  .bt-box-cent .headline-list li::before {
    top:9px
  }
  .bt-box-cent .headline-list li:hover::before {
    left:2.133333vw;
  }
  .bt-box-cent .news-list {
    height:auto!important
  }
}
/* 截图新闻素材自带箭头，交互热区按原图比例覆盖，缩放时仍保持对齐。 */
.news-controls {
  width:100%;
  height:auto;
  display:block;
  pointer-events:none
}
.news-controls button {
  position:absolute;
  top:82.22%;
  width:6.607%;
  height:11.746%;
  pointer-events:auto
}
.news-controls .news-prev {
  left:80.35%
}
.news-controls .news-next {
  left:89.82%
}
.head-logo img {
  filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white)
}
.footRight a:nth-child(3) {
  background:white
}
.fourth {
  margin-top:23px
}
@media(max-width:767px) {
  .head-logo a {
    display:block;
    width:100%
  }
  .head-logo img {
    width:100%;
    height:auto;
    max-width:100%
  }
  .head-logo {
    height:auto
  }
  .news-controls {
    right:0;
    bottom:auto;
  }
  .news-controls button {
    width:6.607%;
    height:11.746%
  }
  #policy .bt-box-tit {
  }
  #policy .tab-button {
    font-size:14px
  }
  #policy .bt-box-tit .more {
    font-size:12px;
    line-height:25px
  }
  .third .bt-box-cent .news-list li {
    white-space:normal
  }
  .fourth {
    margin-top:24px
  }
  .service-grid {
  }
  .service-item {
    height:74px
  }
  .service-item span {
    padding-left:29px;
    font-size:14px
  }
}
/* ============================================================
 * IE11通用布局：以Flex和margin替换Grid/gap；现代浏览器共用同一套布局。
 * flex子项显式设宽，避免IE11的自动最小宽度把内容挤出容器。
 * ============================================================ */
header,main,nav,section,footer {
  display:block
}
.first,.third,.fourth {
  display:flex;
  flex-wrap:nowrap
}
.first>.slide {
  flex:0 0 560px;
  width:560px
}
.first>.tab-module {
  flex:1 1 0%;
  width:0;
  margin-left:28px
}
.third>*,.fourth>* {
  flex:0 0 calc(50% - 14px);
  width:calc(50% - 14px);
  min-width:0
}
.third>*+*,.fourth>*+* {
  margin-left:28px
}
.bt-head-nav a {
  flex:1 1 0%
}
.bt-box-tit .tab-button+.tab-button {
  margin-left:32px
}
.service-grid {
  display:flex;
  flex-wrap:wrap;
  margin-top:-16px;
  margin-left:-18px
}
.service-grid>li {
  flex:0 0 33.333333%;
  width:33.333333%;
  padding-top:16px;
  padding-left:18px
}
.service-item {
  box-shadow:0 2px 4px rgba(0,0,0,.06)
}
.friend-links {
  display:flex
}
.friend-links>a {
  display:block;
  flex:0 0 calc(33.333333% - 13.333333px);
  width:calc(33.333333% - 13.333333px);
  min-width:0
}
.friend-links>a+a {
  margin-left:20px
}
.social-account>p {
  margin-left:10px
}
.social-account>img {
  width:auto;
  height:112px
}
.footLeft {
  margin-right:30px;
  flex:1 1 0%;
  width:0
}
.footRight>a+a {
  margin-left:20px
}
.record>img {
  margin-right:6px
}
/* 比例由图片容器的百分比padding产生，无需aspect-ratio。 */
.news-controls {
  top:0;
  left:0;
  right:auto;
  bottom:auto;
  width:100%;
  height:0;
  padding-top:56.25%
}
.news-controls button {
  top:auto;
  bottom:6.03%;
  width:6.607%;
  height:auto;
  padding:6.607% 0 0;
  background-repeat:no-repeat;
  line-height:0
}
/* 专题标题与导航按钮不增加专题区高度；保留原稿三栏的视觉比例。 */
.topics-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  height:44px
}
.topic-controls {
  display:flex;
  align-items:center;
}
.topic-controls button {
  width:26px;
  height:50px;
  line-height:50px;
  padding:0;
  /* border:1px solid #d7e1ed;
  border-radius:3px;
  background:#fff;
  color:#385e91;
  font-size:23px; */
  /* font-family:Arial,sans-serif; */
  position: absolute;
  z-index: 99;
  top:88px;
  border: 0;
  outline: none;
}
.topics{position: relative;}
.topic-controls button.topic-prev{
  background: url(jssw_pic_33.png) no-repeat;
  left: 0;
}
.topic-controls button.topic-next{background: url(jssw_pic_32.png) no-repeat;right: 0;}
/* .topic-controls button+button {
  margin-left:8px
}*/
.topic-controls button:hover,.topic-controls button:focus {
  border: none;
  outline: none;
} 
.topic-swiper {
  width:100%;
  overflow:hidden
}
/* IE11无dialog接口：普通遮罩与role=dialog，默认隐藏，JS管理焦点和Esc。 */
.dialog-overlay {
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  background:rgba(19,43,72,.4);
  overflow:auto;
  text-align:center
}
.dialog-overlay.is-open {
  display:block
}
.dialog-overlay::before {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle
}
#site-dialog {
  display:inline-block;
  vertical-align:middle;
  position:relative;
  text-align:left;
  width:440px;
  max-width:calc(100% - 40px);
  margin:20px 0;
  background:#fff;
  box-shadow:0 20px 80px rgba(17,34,51,.4)
}
#site-dialog h2 {
  height:auto;
  line-height:1.5
}
@media(max-width:1239px) {
  .first>.slide {
    flex:0 0 calc(50% - 14px);
    width:calc(50% - 14px)
  }
  .bt-box-tit .tab-button+.tab-button {
    margin-left:24px
  }
  #policy .tab-button+.tab-button {
    margin-left:16px
  }
  .social-account>p {
    margin-left:4px
  }
  .social-account>img {
    max-width:85px
  }
  .footLeft {
    margin-right:20px
  }
  .footRight>a+a {
    margin-left:12px
  }
  .footer-nav>a {
    margin-bottom:8px
  }
}
@media(max-width:767px) {
  .first,.third,.fourth {
    display:block
  }
  .first>.slide,.first>.tab-module,.third>*,.fourth>* {
    width:100%;
    margin-left:0
  }
  .first>.tab-module {
    margin-top:26px
  }
  .third>*+*,.fourth>*+* {
    margin-top:24px
  }
  .bt-head-nav nav {
    display:flex;
    flex-wrap:wrap
  }
  .bt-head-nav a,.bt-head-nav a:first-child {
    flex:0 0 33.333333%;
    width:33.333333%
  }
  .bt-head-nav a:last-child {
    flex:0 0 100%;
    width:100%
  }
  .news-picture {
    position:relative;
    height:100%;
    padding-top:56.25%;
    display: block;
  }
  .news-picture img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  .slideTxt>a {
    min-width:0;
    flex:1 1 0%
  }
  .topics-heading {
    height:40px
  }
  .service-grid {
    margin-top:-12px;
    margin-left:-10px
  }
  .service-grid>li {
    flex:0 0 50%;
    width:50%;
    padding-top:12px;
    padding-left:10px
  }
  .friend-links>a {
    flex:0 0 calc(33.333333% - 5.333333px);
    width:calc(33.333333% - 5.333333px)
  }
  .friend-links>a+a {
    margin-left:8px
  }
  .social-account>img {
    height:auto;
    max-width:80px;
    max-height:105px
  }
  #policy .tab-button+.tab-button {
    margin-left:12px
  }
  .footer-inner {
    display:block
  }
  .footLeft {
    width:100%;
    margin:0
  }
  .footRight {
    margin-top:20px
  }
  .footRight>a+a {
    margin-left:0
  }
  .footer-nav>a {
    margin-bottom:8px
  }
}
/* IE11专用修正：Flex垂直对齐、焦点、图片描边素材均不依赖现代CSS。 */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
  .bt-head-nav a {
    display:block;
    line-height:56px;
    text-align:center
  }
  .head-logo img {
    filter:none
  }
  .head-search input:-ms-input-placeholder {
    color:#999
  }
  .slideTxt time {
    height:64px
  }
  .dialog-overlay button:focus,.tab-button:focus {
    outline:2px solid #0074dc
  }
}
/* 标识白色描边已烘焙进PNG，IE11无需CSS滤镜。 */
.head-logo img {
  filter:none
}

/* 政策区外链沿用栏目标题外观，但没有选中态下划线、不关联Swiper列表。
   覆盖公共样式对标题内a标签设置的浮动和内边距。 */
.bt-box-tit .tab-external {
  display: inline-block;
  float: none;
  padding: 0 0 12px;
  margin-right: 0;
  border-bottom: 0;
  background: transparent;
  line-height: 28px;
  font-weight: 700;
}
.bt-box-tit .tab-external:hover,
.bt-box-tit .tab-external:focus {
  color: #385e91;
}