/* ================================================================
   专题专栏轮播组件 - 完整CSS汇总
   ================================================================ */

/* ====== 1. 基础公共类（来源：base.css 系统文件）====== */
.none { display: none; }
.mt20 { margin-top: 20px; }
.mb30 { margin-bottom: 30px; }

/* ====== 2. Swiper 4.5.3 核心库（来源：swiper.min.css）====== */
/**
 * Swiper 4.5.3
 * Copyright 2014-2019 Vladimir Kharlampidi
 * Released under the MIT License
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-lock{display:none}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

/* ====== 3. 通用效果类（来源：common.css）====== */
.elli-s{display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;max-width:100%;overflow:hidden}
.elli-m{display:-webkit-box;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden}
.transition,.transition a{-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}
.imgscale img{-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
.imgscale img:hover{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.addshadow{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.15)}
@media(max-width:992px){.addshadow{box-shadow:0 0 8px rgba(0,0,0,.1)}}

/* ====== 4. 图片占位符（来源：common.css）====== */
.place{position:relative;z-index:2;display:block;padding-top:56.25%;overflow:hidden}
.place .pic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}
.place .pic img{display:block;width:100%;height: 100%;min-height:100%}
@media(max-width:414px){.place{padding-top:66.67%}}

/* ====== 5. Swiper 轮播控制按钮（来源：common.css）====== */
.swiper-ctrl-button{position:absolute;top:50%;z-index:10;margin-top:-38px;width:36px;height:75px;cursor:pointer;transition:all .3s;border:none}
.swiper-ctrl-button i{position:absolute;top:50%;right:0;left:0;z-index:2;text-align:center;font-size:2.25em;color:#fff;line-height:1em;margin-top:-.5em}
.swiper-ctrl-button.swiper-ctrl-prev{left:0}
.swiper-ctrl-button.swiper-ctrl-next{right:0}
.swiper-ctrl-button.radius.swiper-ctrl-prev:after{left:0;border-radius:0 8px 8px 0}
.swiper-ctrl-button.radius.swiper-ctrl-next:after{right:0;border-radius:8px 0 0 8px}
.swiper-ctrl-button.resize{width:24px;height:46px;margin-top:-23px}
.swiper-ctrl-button.resize:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:"";background:#000;opacity:.15}
.swiper-ctrl-button.resize i{font-size:1.5em}

/* ====== 6. Swiper 分页器（来源：common.css）====== */
.swiper-pagination.default{position:absolute;right:10px;left:10px;bottom:5%;z-index:100;margin-bottom:5px;width:auto!important;text-align:center}
.swiper-pagination.default .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px;background:#d5e4f6;border-radius:100px;cursor:pointer;opacity:1;transition:all .3s}
.swiper-pagination.default .swiper-pagination-bullet-active{background:#2b5db3}
.swiper-pagination.normal .swiper-pagination-bullet{background:#cfd1d3}
.swiper-pagination.normal .swiper-pagination-bullet-active{background:#2b5db3}
.swiper-pagination.format .swiper-pagination-bullet-active{width:28px}
.swiper-pagination.right{left:auto!important;margin-bottom:0}
.swiper-pagination.static{position:static;margin-bottom:0}
.swiper-pagination.white .swiper-pagination-bullet{background:#fff;opacity:.55}
.swiper-pagination.white .swiper-pagination-bullet-active{opacity:.85}
.swiper-pagination.orange .swiper-pagination-bullet{background:#cfd0d1}
.swiper-pagination.orange .swiper-pagination-bullet-active{background:#ffc387}

/* ====== 7. 专题专栏专属样式（来源：index.css）====== */
.ztzl .swiper-container{margin-right:-15px;margin-left:-15px}
.ztzl .swiper-slide{width:25%}
.ztzl .swiper-slide dl{margin:15px}
.ztzl .swiper-slide dl dd.place{padding-top:50%}
.ztzl .swiper-slide dl dt{padding:15px 10px;text-align:center}
.ztzl .swiper-ctrl-button{margin-top:-45px}
.ztzl .swiper-ctrl-button.swiper-ctrl-prev{left:15px}
.ztzl .swiper-ctrl-button.swiper-ctrl-next{right:15px}














/* ====== 栅格布局系统（新增）====== */
.row:after,.row:before{content:""; display:block; clear:both;}
.row-space30{margin-left:-15px; margin-right:-15px;}
.row-space30 > *{padding-left:15px; padding-right:15px;}
.row > [class*="col-"]{position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:1px; float:left;}
.row > .col-12{width:100%;}
.row > .col-11{width:91.66666667%;}
.row > .col-10{width:83.33333333%;}
.row > .col-9{width:75%;}
.row > .col-8{width:66.66666667%;}
.row > .col-7{width:58.33333333%;}
.row > .col-6{width:50%;}
.row > .col-5{width:41.66666667%;}
.row > .col-4{width:33.33333333%;}
.row > .col-3{width:25%;}
.row > .col-2{width:16.66666667%;}
.row > .col-1{width:8.33333333%;}
@media (max-width:1200px){
  .row[class*="row-space"]{margin-left:0; margin-right:0;}
  .row > [class*="col-"]{float:none; width:100%;}
  .row[class*="row-space"] > [class*="col-"]{padding-left:0; padding-right:0;}
}

/* ====== 分页器变体 - default / right / format / white（新增，之前的normal保留）====== */
.swiper-pagination.default{position: absolute; right: 10px; left: 10px; bottom: 5%; z-index: 100; margin-bottom: 5px; width: auto !important; text-align: center;}
.swiper-pagination.default .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 3px; background: #d5e4f6; border-radius: 100px; cursor: pointer; opacity: 1; transition: all .3s;}
.swiper-pagination.default .swiper-pagination-bullet-active{background: #2b5db3;}
.swiper-pagination.default .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; margin: 0 5px; background: #d5e4f6; border-radius: 100px; cursor: pointer; transition: all .3s;}
.swiper-pagination.default .swiper-active-switch{background: #2b5db3;}

.swiper-pagination.white .swiper-pagination-bullet{background: #fff; opacity: .55;}
.swiper-pagination.white .swiper-pagination-bullet-active{opacity: .85;}
.swiper-pagination.white .swiper-pagination-switch{background: #fff;}
.swiper-pagination.white .swiper-active-switch{background: #fff;}

.swiper-pagination.format .swiper-pagination-bullet-active{width: 28px;}
.swiper-pagination.format .swiper-active-switch{width: 28px;}
.swiper-pagination.right{left: auto !important; margin-bottom: 0;}

/* ====== 专题横幅 ztbanner 专属样式（新增）====== */
.zwgk .ztbanner .place{padding-top: 100px;}
.zwgk .ztbanner .place .pic img{object-fit: inherit;}
@media (max-width:1200px) {
  .zwgk .ztbanner .place{padding-top: 0;}
  .zwgk .ztbanner .place .pic{position: static;}
}