body{background-color: #fff;}
.container{width: 1200px;margin: auto;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.none{display: none;}

.place{position: relative; z-index: 3; display: block; padding-top: 56.25%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.place .pic img{display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover;}
/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

.transition,
.transition *{-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);}
.footer .container {
    background-color: #1d96ff;
}


/* tab */
/* 
两种风格标题选项卡样式
.tab-brief:简洁型
.tab-card:卡片型
.res:需要小屏下响应时用，常用于标题个数多，一排放不下的情况
.js-tab:js-开头的类名只用于脚本查询DOM用，不建议在该类下写样式
.more:率属于某一块下的类名，不建议单独写全局样式，会影响到其他更多样式
 */
 .tab-brief > .hd{border-bottom:#dfdfdf 1px solid; }
 .tab-brief > .hd ul{float: left;}
 .tab-brief > .hd li{float:left; position: relative; padding: 0 0 14px; font-size: 1.4em; color: #666666;}
 .tab-brief > .hd li + li{margin-left: 30px;}
 .tab-brief > .hd li a{color: #7f7f7f;}
 .tab-brief > .hd li a:hover{color: #333;}
 .tab-brief > .hd li:after{content: ''; position: absolute; width:0; bottom:-1px; left:50%;margin-left: -30%; height: 4px; background: #7CC73E;transition: all .3s; -webkit-transition: all .3s; overflow: hidden;}
 .tab-brief > .hd li.on:after{width: 60%;}
 .tab-brief > .hd li.on a{color: #619E5B;font-weight: bold;}
 .tab-brief > .hd .more{padding-top: 3px; float: right;}
 
 .tab-card > .hd{line-height:46px; background: #f4f4f4;}
 .tab-card > .hd ul{float: left;}
 .tab-card > .hd li{float:left; position: relative;font-size: 1.25em;}
 .tab-card > .hd li a{display: block; padding: 0 20px; text-align: center; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; background: #f4f4f4;}
 .tab-card > .hd li.on{cursor:pointer;}
 .tab-card > .hd li.on a{background:#1e51b1; color: #fff;}
 .tab-card > .hd li.on:after{width: 100%;}
 .tab-card > .hd .more{float: right; margin-right: 15px;}
 .tab-card.arrow > .hd{font-weight: normal;}
 .tab-card.arrow > .hd li.on:after{content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 100%; border:transparent solid 8px; border-top-color: #0f59a4; margin-left: -8px;}
 .tab-brief.underline .hd{border-bottom: none;}
 .tab-brief.underline .hd li:after{content: initial;}

 .com-more a{color:#666666; font-size:16px; }
 .com-more a:hover{color:#0046a9;}
 
 .tab-brief .bd > .item .infolist, 
 .tab-card .bd > .item .infolist{margin-top: 10px;}
 .js-tab .more a + a{display: none;}
 .js-tab > .bd > * + * {display: none;}
 
 .m-com-more{clear: both; margin-top:20px; text-align:center; line-height:40px; background-color:#f5f5f5; border-radius:5px; display: none;}
 .m-com-more a{color:#666;}
 .m-com-more a:hover{color: #333;}
 .m-com-more.white{background: #fff;}

 
 
 .infoList li{padding-top: 12px; padding-bottom: 12px;}
 .infoList li h4{font-size: 1.125em;}
 .infoList li h4 .time{font-size: 16px;}
 .infoList li h4 a:before{width: 6px;height: 6px;background: #D8D8D8;border-radius: 50px;}
 
.container-fluid{padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}
.row:after,.row:before{content:""; display:block; clear:both;}
.row-space20{margin-left:-10px; margin-right:-10px;}
.row-space20 > *{padding-left:10px; padding-right:10px;}
.row-space30{margin-left:-15px; margin-right:-15px;}
.row-space30 > *{padding-left:15px; padding-right:15px;}
.row-space40{margin-left:-20px; margin-right:-20px;}
.row-space40 > *{padding-left:20px; padding-right:20px;}
.row > [class*="col-"]{position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:1px; float:left; }

.col-dslxs-left{width: 55%;}
.col-dslxs-right{width: 45%;}

.dslxs-header{position: relative;}
.dslxs-header .logo{position: absolute; left: 0; right: 0; top: 35px;}
.dslxs-header .logo img{}
.dslxs-header .banner{text-align: center;}

.dslxs-title{text-align: center;}
.dslxs-title img{width:28% ;}


.aqdt{position: relative;z-index: 2;}
.tpxw{position: relative;}
.tpxw .swiper-slide img{display: block;width: 100%;}
.tpxw .swiper-slide .place{padding-top: 62%;}
.tpxw .swiper-nav{display: none;}
.tpxw .txt{background: #4a4e51; background: rgba(0,0,0,.68);padding:0 160px 0 20px; height: 50px;line-height: 50px;color:#fff;font-size: 1.125em;position: absolute;left:0;right:0;bottom:0;z-index:5;}
.tpxw .swiper-pagination{position: absolute; bottom: 15px; right: 20px;}
.tpxw .swiper-pagination span{width: 22px;height: 3px;border-radius: 0;background-color: #fff;opacity: 1;margin-left: 10px;}
.tpxw .swiper-pagination .swiper-pagination-bullet-active{background: #61B982;}
.tpxw .swiper-pagination .swiper-pagination-bullet-active,
.tpxw .swiper-pagination .swiper-active-switch{width: 40px;}

.xgzc{position: relative;padding-bottom: 60px;}
.xgzc .container,.sxakt .container{position: relative;z-index: 2;}
.xgzc-bg{position: absolute;left: 0; right: 0;bottom: 0;z-index: 1; text-align: center;}
.xgzc .icon{position: absolute;width: 266px;z-index: 1; }
.xgzc .icon.left{left: 0;bottom: -28px;}
.xgzc .icon.right{right: 0;bottom: 8px;}

.zcjd .swiper-slide{ background: #fff;width:68.5%;opacity: 0;}
.zcjd .swiper-slide-prev, .zcjd .swiper-slide-next{opacity: .5;}
.zcjd .swiper-slide.swiper-slide-active{opacity: 1;}
.zcjd .swiper-slide .place{padding-top: 234px;}

.zcjd .swiper-pagination{text-align: center;left: 0; right: 0;z-index: 999;}
.zcjd .swiper-pagination span.swiper-pagination-bullet{width: 7px;height: 7px;background: #619E5B;opacity: .4; margin-left: 10px; cursor: pointer;display: inline-block;border-radius: 50px;}
.zcjd .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1; width: 19px;}

.swiper-nav{position: absolute;top: 50%;display: block;width: 29px;height: 53px;margin-top:7px;background: url(../images/left.png) no-repeat;background-size: 100%;z-index: 1;cursor: pointer;}
.swiper-nav.prev{left: 17.5%;}
.swiper-nav.next{right: 17.5%;background-image: url(../images/right.png);background-size: 100%;}
.swiper-nav:hover{background-color: rgba(0, 0, 0, 0.6);}

.sxakt{position: relative;padding-bottom: 50px;padding-top: 100px; z-index: 2;margin-top: -54px; background: url(../images/footer_bg.png) no-repeat; background-size: 100% 100%;}
.sxakt .xgzc-bg{width: 100%; height: 100%;}

.sxakt .sxakt-viode{height: 347px;background: url(../images/szxkt_bg.png) no-repeat;background-size: 100%;position: relative;}
.sxakt .sxakt-viode::before{content: '';position: absolute;width: 222px;height: 414px;z-index: 2; background: url(../images/szxkt_img1.png) no-repeat; left:-40px;top: -65px;background-size: 100%;}
.sxakt .sxakt-viode::after{content: '';position: absolute;width: 238px;height: 188px;background: url(../images/szxkt_img2.png) no-repeat; right:-78px;bottom: -23px;background-size: 100%;}

.sxakt-slide{padding-left: 106px;padding-right: 100px;padding-top: 65px;}
.sxakt-slide .swiper-slide dl{position: relative;margin: 0px 15px;border-radius: 5px;}
.sxakt-slide .swiper-slide dl .place{padding-top:73.25%}
.sxakt-slide .swiper-slide dl dd img{border-radius: 5px}
.sxakt-slide .swiper-slide dl::before{content: '';position: absolute;border-radius: 5px;bottom: 0;left: 0;background: #000; opacity: .4; width: 100%;height: 20%;z-index: 999;}
.sxakt-slide .swiper-slide dl dd{position: relative;}
.sxakt-slide .swiper-slide dl dt{position: absolute;bottom: 0;z-index: 999;font-size: 1.125em; line-height: 50px;font-weight: bold;padding-left: 30px;padding-right: 30px;}
.sxakt-slide .swiper-slide dl dt a{color: #fff;}
.sxakt-slide .swiper-slide dl dt.viode-btn{position: absolute;top: 50%;left: 50%;width: 53px;height: 53px;margin-top: -27px;margin-left: -62px;}
.sxakt-viode .swiper-nav{margin-top: -20px;z-index: 3;}
.sxakt-viode .swiper-nav.prev{left: 9%;}
.sxakt-viode .swiper-nav.next{right: 8.5%;}

.jsal{position: relative;}

.jsal .jsal-slide .swiper-container{margin-left: -13px;margin-right: -13px;}
.jsal .jsal-slide dl{ background: #fff;padding: 16px;margin-left: 13px;margin-right: 13px;}
.jsal .jsal-slide dl .place{padding-top: 217px;}
.jsal .jsal-slide dl dd{margin-bottom: 15px;}
.jsal .jsal-slide dl .elli-m{min-height: 3em; line-height: 1.5em;}
.jsal .jsal-slide dl dt.itm{margin-top: 30px;}
.jsal .jsal-slide dl dt .more{background: #7CC73E;float: right; width: 126px;height: 35px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;text-align: center; line-height: 35px;}
.jsal .jsal-slide dl dt .more a{color: #fff;font-size: 14px;}
.jsal .jsal-slide dl dt span.time{color:#999999;float: left;font-size: 14px; line-height: 35px;}
.jsal .swiper-nav.prev{left: -15px;}
.jsal .swiper-nav.next{right: -15px;}