@charset "utf-8";
body{position: relative; color:#333333; font-size:16px; font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#333333;}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#004fb9;}
button, input, select, textarea {font-family: inherit; font-size:0.9375em;}
input:focus, textarea:focus{ outline: none;}
input::-webkit-input-placeholder{color: #cccccc;}
.none{display: none;}

/*网页通用效果*/
/***
.elli-s:单行省略号
.elli-m:多行省略号
.transition:过渡效果
.imgscale:鼠标经过，图片放大效果
 ***/
.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;}
.imgScale a 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 a:hover img{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}


/*图片占位符*/
/***
16:9[56.25%]
4:3[75%]
3:2[66.666667%]
 ***/
.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: auto; min-height: 100%; object-fit: cover;}
@media (max-width:414px) {
  .place{padding-top: 66.67%;}
}

/*layout*/
.body-bg{background: #f5f5f5;}
.container{ max-width:1440px; margin:0 auto; clear:both; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.container:after {clear: both;}
.container:after, .container:before {display:table; content: "";}
.common-row:after, .common-row:before {content: '';	display: block;	clear: both;}
.common-col-space{margin:0 -15px;}
.common-col-space>*{float: left;}
.common-col-space .grid{padding:0 15px;}
.common-col-4{width: 33.33333333%;}
.container.pt{padding-top: 30px;}
.container.pb{padding-bottom: 30px;}
.container-mainBox{background: #fff; padding:20px;}
.color-blue{color: #355e92;}
.color-999{color: #999;}
.fl{float: left;}
.fr{float: right;}
.container > .mainBox{padding:20px; background: #fff;}
.bg-white{background: #fff;}
.ov-h{overflow: hidden;}
.body-bg{background: #f6f9fd;}

.mb{margin-bottom: 80px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
@media (max-width: 992px) {
  .mb40{margin-bottom: 30px;}
  .mt30{margin-top: 30px;}
}

.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;}
.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:1480px){
  .row[class*="row-space"]{margin-left:-15px; margin-right:-15px;}
  .row[class*="row-space"] > [class*="col-"]{padding-left:15px; padding-right:15px;}
}

@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;}
}
.setIE.ie8 .row > [class*="col-"]{padding-right: 0; padding-left: 0;}
.setIE.ie8 .row > [class*="col-"] > *{margin-right: 15px; margin-left: 15px;}

/*common*/
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}
.mainNav li a:after,
.common-more,
.footer-icons .links h4:after,
.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}

.hover-opacity:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
.text-nowrap,
.text-nowrap p,
.text-nowrap a,
.text-nowrap span,
.text-nowrap font
{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.text-nowrap a{display: inline-block; max-width: 100%;}


/***** header *****/
.body-bg .header{background: #fff;}
.header .container{position: relative; height: 98px;}
.header-logo{position: absolute; z-index: 20; left: 0; top: 9px;}
.header-logo img{display: block;}
.header-logo h1{margin-bottom: 5px;font-size:1.25em; color: #004fb9; line-height: 1.1667;}
.header-logo h2{font-family: Arial; font-size: 11px; color: #868686; font-weight: normal;}
.header-search{ position: absolute; z-index: 20; right:0; top: 20px; width:150px; height: 22px; padding:0 40px 0 10px; background: #fff; overflow: hidden; border: #dbdbdb 1px solid; border-radius: 18px; -webkit-border-radius: 18px;}
.header-search .s-txt{width:100%; height:22px; line-height:22px; border:0; color: #666666; background: none;}
.header-search .s-btn{ position:absolute; top: 0; right: 0; width:30px; height:22px; border:0; cursor:pointer; background:url(../images/header_icon_search.png) no-repeat center center; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search .s-btn:hover{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;}
.header-search .s-txt::-webkit-input-placeholder{color: #878787;}

.mainNav{position:absolute; bottom: 0; right: 0; z-index: 99;}
.mainNav .nav{float: left; position: relative; padding: 0 30px; margin: 0 1px;}
.mainNav .nav h3{padding:5px 0; font-weight: normal; font-size: 1em;}
.mainNav .nav h3 a{display:block; position: relative; line-height: 40px; font-size: 1.125em; text-align:center; color: #000; }
.mainNav .nav h3 a:hover, .mainNav .nav.on h3 a{font-weight: bold;}
.mainNav .nav.liEnd{padding-right: 0;}
.mainNav .nav ul{position: absolute; top: 100%; left: 0; right: 0; padding: 8px 0; /*background: rgba(19,73,153,0.7);*/ background: rgba(2,48,115,0.15); -webkit-background: rgba(2,48,115,0.15); -o-background: rgba(2,48,115,0.15); border-radius: 0 0 5px 5px; display: none;}
/* .mainNav .nav ul:before{content: ''; position: absolute; width: 0; height: 0; line-height: 0; border: transparent solid 8px; border-bottom-color:#134999; bottom:100%; left: 50%; margin-left: -8px; opacity: 0.7;} */
.mainNav .nav ul li{text-align: center; padding: 6px 0; font-size: 0.9375em;}
.mainNav .nav ul li a{color: #fff;}
.mainNav .nav ul li a:hover{font-weight: bold;}

.home-body .header{position: absolute; left: 0; right: 0; top: 0;}
.home-body .header-logo h1,
.home-body .header-logo h2{color: #fff;}
.home-body .header:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(255,255,255,0.22); -webkit-background: rgba(255,255,255,0.22);}
.home-body .mainNav .nav h3 a{color: #fff;}

/*footer*/
.footer{padding:40px 2%; position: relative; z-index: 9; background: #134999; color: #fff;}
.footer a, .footer-copyright a{color: #fff;}
.footer-l{float: left; width: 28%;}
.footer-logo{font-size: 1.5em; font-weight: normal; line-height: 35px;}
.footer-nav{float: right; width: 72%;}
.footer-nav .item{float: left; width: 14.2857%; line-height: 40px;}
.footer-nav .item h3{font-weight: normal; font-size: 1em;}
.footer-nav .item ul li a{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.footer-nav .item ul li a:hover{filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.footer-icons{padding-top: 35px;}
.footer-icons dl{position: relative; width: 60px; margin-bottom: 30px; z-index: 9;}
.footer-icons dl dt{display: block; width: 58px; height: 58px; border: #6b8fdb 1px solid; border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer;}
.footer-icons dl.tel dt{background: url(../images/footer_icon_tel.png) no-repeat;}
.footer-icons dl.email dt{background: url(../images/footer_icon_email.png) no-repeat;}
.footer-icons dl.wx dt{background: url(../images/footer_icon_wx.png) no-repeat;}
.footer-icons dl:hover dt{border-color: #fff;}
.footer-icons dl:hover dd{display: block;}
.footer-icons dl dd{position: absolute; top: 10px; left:70px; display: none;}
.footer-icons dl dd .box{position: relative; background: rgba(255,255,255,0.3); padding: 10px; border-radius: 5px; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); white-space:nowrap;}
.footer-icons dl dd .box:after{content:''; position: absolute; left: -10px; top: 50%; margin-top: -5px; width: 0; height: 0; border: transparent 5px solid; border-right-color: rgba(255,255,255,0.2);}
.footer-icons dl.wx .box:after{ left: 50%; margin-left: -5px;}
.footer-icons dl.wx dd{width: 140px;}
.footer-icons dl.wx dd{left: 50%; margin-left: -70px;}
.footer-icons .links{position: relative; width: 250px; z-index: 10;}
.footer-icons .links h4{position: relative; border:#6b8fdb 1px solid; padding: 10px; border-radius: 2px; font-weight: normal; cursor: pointer;}
.footer-icons .links:hover h4{border-color: #fff;}
.footer-icons .links h4:after{content:''; position: absolute; right: 10px; top: 50%; margin-top: -3px; width: 0; height: 0; border: transparent solid 6px; border-top-color: #fff; opacity: 0.5;}
.footer-icons .links ul{position: absolute; bottom:100%; left: 0; right: 0; width: 100% !important; max-height: 300px; background: rgba(13,65,132,1); -webkit-background: rgba(107,143,219,0.8);-o-background: rgba(107,143,219,0.8); overflow-y:auto; display: none;}
.footer-icons .links ul li a{display: block; padding:6px 10px; font-size: 14px; color: #fff;}
.footer-icons .links ul li a:hover{font-weight: bold;}
.footer-icons .links h4.on:after{transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); margin-top: -8px; opacity: 0.8;}

.footer-copyright{position: relative; padding:16px 2%; background: #0d4184; color: #96c2ff;}
.footer-copyright .txt{margin-right: 50px; line-height: 22px;}
.footer-copyright .goTop{position: absolute; right: 2%; top: 50%; margin-top: -19px; width: 39px; height: 39px; cursor: pointer; background: url(../images/gotop.png) no-repeat; border-radius: 50%; -webkit-border-radius: 50%;}
.footer-copyright .goTop:hover{background-color: #0c4a97;}

.common-more{display: block; width: 200px; height: 54px; background: #ecf4fe; border-radius: 25px; text-align: center; line-height: 54px; color: #448fe2; font-size: 1.125em;}
.common-more:hover{background: #0050b5; color: #fff;}

/* crumb
.crumb h2{ padding:25px 0 25px 40px; line-height: 20px; font-size:1.125em; line-height:1.6em; color: #999999; font-weight: normal; background: url(../images/icon_crumb.png) no-repeat left center;}
.crumb a{color: #999999;}
.crumb a:hover{color: #0d59a4;}
.crumb span{color: #0d59a4;}
.crumb.line{border-bottom: 1px solid #e6e6e6;} */

/* newsList */
.newsList{clear: both;}
.newsList h4{position:relative; padding:28px 0; font-size: 1.125em; font-weight: normal; line-height:24px; overflow:hidden; vertical-align:top;}
.newsList li + li{border-top:#e5e5e5 1px dashed;}
.newsList li .time{position:absolute; right:0; top: 50%; margin-top: -12px; color:#999999;}
.newsList li a{float:left; max-width:100%; color:#333333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.newsList li a:hover, .newsList-h4 li a:hover{color: #f7793a;}
.newsList.MM-dd li h4{padding-right:60px;}
.newsList.yyyy-MM-dd li h4{padding-right:100px;}
.newsList.dot h4{padding-left: 18px;}
.newsList.dot li h4:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #999999; border-radius: 50%; -webkit-border-radius: 50%;}

/*** 分页 ***/
.pagination{font-size: 14px; line-height: 20px; text-align: center; clear: both;}
.pagination ul li{display: inline-block; margin: 6px 3px 0;}
.pagination ul li .up{display: inline-block; vertical-align: top; padding: 6px 15px; color: #666; height: 20px; line-height: 20px; text-align: center; transition:  all .2s; -webkit-transition: all .2s; background: #fff; border: 1px #e8e8e8 solid; zoom: 1;}
.pagination ul li.current .up{background: #3872cf; border-color: #3872cf; color: #fff;}
.pagination ul li a:hover{color: #666; border-color: #ccc;}
.pagination ul li.pageJump span{display: inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-right: 4px; margin-left: 4px;}
.pagination ul li.pageJump .inputtext{width: 45px; padding-right: 0; padding-left: 0;}
.pagination ul li.pageJump .inputtext:hover{border-color: #e1e1e1;}
.pagination ul li.pageJump .inputtext:focus{border-color: #d6d6d6;}
.pagination ul li.pageJump .okbtn{display: block; background: #3872cf; border-color: #3872cf; color: #fff;}

@media (max-width: 992px) {
  .pagination ul li.pageJump{display: none;}	
}

@media (max-width: 640px) {
  .pagination{text-align: left;}
  .pagination ul li .up{padding: 0 5px; border: none; background-color: transparent !important;}
  .pagination ul li.current .up{color: #3872cf; font-weight: bold;}
}


/* 外链跳转 */
.alert-mengban{position: fixed;top: 0px;left: 0px;z-index: 1000;background:rgba(0,0,0,0.7); filter: alpha(opacity=80) !important;width: 100%;height: 100%;display: none;}
.alert-warning{position: fixed;left: 50%;  top: 50%; margin-left:-300px; margin-top: -160px; width: 600px;height: 270px;background:#fff;z-index: 10001;display: none; border:2px solid;border-radius:10px;}
.alert-delete{width: 100%;height: 38px;position: relative;}
.alert-delete span{position: absolute; top:10px; right: 10px; width: 20px; height: 20px; line-height: 20px; color:#fff; text-align: center; background: #bebebe; cursor:pointer;}
.alert-delete span:hover{background: #929292;}
.alert-wzsm{width: 520px;height: 100px;margin: 15px auto 0; line-height: 35px;font-size: 1.5em;color: #000;text-align: center; padding-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.alert-footer{width: 100%; padding: 25px 0; text-align: center; color: #000;}	
.alert-footer span{cursor: pointer; display: inline-block; margin: 0 12px; font-size: 1.25em;}
.alert-warning .continue{width: 124px; height: 42px; line-height: 42px; color: #ab0d07; border-radius:3px; -webkit-border-radius:3px; border:#e1e1e1 1px solid; text-align: center; line-height: 42px; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webikt-box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}	
.alert-warning .fangqi{line-height: 42px;  color: #ab0d07;}

/*com-title*/
.com-title{position: relative;}
.com-title h3{position: relative; float: left; display: inline-block; font-size: 1.375em; font-weight: bold; color: #333;}
.com-title h3 a{color: #333;}
.com-title h3 a:hover{color: #2b5db3;}
.com-title.square h3:before{position: absolute; top: 50%; left: 0; content: ""; width: .25em; height: .9em; margin-top: -.45em; background-color: #2b5db3;}
.com-title.square h3{padding-left: 1em;}
.com-title.underline h3{padding-bottom: .875em;}
.com-title.underline h3:after{position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3px; background-color: #2b5db3;}
.com-title.line{padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.com-title.card{padding: .3125em .3125em .3125em 6%; background-color: #2b5db3;}
.com-title.card h3 a{color: #fff;}
.com-title.card h3 a img{margin-right: .5em;}
.com-title .more{position: absolute; top: 50%; right: 0; line-height: 30px; margin-top: -15px;}

/* infolist */
/***
稿件列表样式：
dot:标题前带小点
md:日期-月日
ymd：日期-年月日
line:每条信息之间含分割下滑线
col*:*列
space*:多列之间含*px的间距
多列在768以下响应变成一列
res:480以下标题由一行响应成多行显示
以上类名采用简写方式，便于阅读书写，不可单独写样式，以免冲突覆盖样式。注意不要与base.css中的全家类名冲突
 ***/
.infolist li{position: relative; padding-top: .475em; padding-bottom: .475em; line-height: 1.6em; overflow: hidden; vertical-align:  top;}
.infolist li a{float: left; position: relative; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.infolist li a font{color: #7ca4d8; margin-right: 5px;}
.infolist li, .infolist li a{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.infolist li .time{position: absolute; top: auto; right: 0; margin: auto 0; color: #999;}
.infolist li a br{display: none;}
.infolist.md li{padding-right: 4em;}
.infolist.ymd li{padding-right: 6em;}
.infolist li:hover a{color: #3872cf;}
.infolist li:hover a font{color: #3872cf;}
.infolist li:hover .time{color: #3872cf;}

.infolist.dot li a{padding-left: 18px;}
.infolist.dot li a:before{position: absolute; top: -3px; left: 0; margin-top: .8em; content: ""; width: 5px; height: 5px; background: #22509d; background-repeat: no-repeat; background-position: 0 0;}
.infolist.dot li:hover a:before{background: #3872cf;}
.infolist.dot.blue li a:before{background: #266bbf;}

.infolist.diamond li a{padding-left: 18px;}
.infolist.diamond li a:before{position: absolute; top: -3px; left: 1px; margin-top: .8em; content: ""; width: 6px; height: 6px; background: #939598; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.infolist.line li{border-bottom: 1px solid #e1e5eb;}
.infolist.line li{padding-top: .875em; padding-bottom: .875em;}

.infolist.mark em{display: inline-block; margin-right: .625em; font-style: normal; font-size: .875em; background: #347bd7; color: #fff; padding: .25em .3125em; border-radius: .3125em; line-height: 1em;}

.infolist.status li .time{width: 4em; font-size: .875em; color: #999 !important; line-height: 22px; text-align: center; border: 1px solid #e2e2e2; border-radius: 3px; transition: all .3s;}
.infolist.status li:hover .time{border-color: #999;}
.infolist.status li .time.ing{color: #d43030 !important; border-color: #d43030;}

.infolist.col2 li, .infolist.col3 li, .infolist.col4 li{float: left;}
.infolist.col2 li{width: 50%;}
.infolist.col3 li{width: 33.33333%;}
.infolist.col4 li{width: 25%;}
.infolist.space20{margin-left: -10px; margin-right: -10px;}
.infolist.space20 li{padding-left: 10px; padding-right: 10px;}
.infolist.space20 li .time{right: 10px;}
.infolist.space20.infolist.md li{padding-right:4.625em;}
.infolist.space20.infolist.ymd li{padding-right:6.875em;}
.infolist.space30{margin-left: -15px; margin-right: -15px;}
.infolist.space30 li{padding-left: 15px; padding-right: 15px;}
.infolist.space30 li .time{right: 15px;}
.infolist.space30.infolist.md li{padding-right:5em;}
.infolist.space30.infolist.ymd li{padding-right:7.5em;}
@media (max-width:992px) {
  .infolist.col2, .infolist.col3, .infolist.col4{margin-left: 0; margin-right: 0;}
  .infolist.col2 li, .infolist.col3 li, .infolist.col4 li{width: 100%; padding-left: 0;}
  .infolist.md[class*="space"] li{padding-right:4.625em;}
  .infolist.ymd[class*="space"] li{padding-right:6.875em;}
  .infolist[class*="space"] li .time{right: 0;}
}

@media (max-width:480px) {
  .res.infolist li{padding-right:0 !important; position: relative;}
  .res.infolist li a{position: static; display: inline; float: none; max-width:none; padding-left: 0; padding-right:12px; white-space:normal;}
  .res.infolist li .time{position:static; display: inline-block;}
  .res.infolist.dot li{padding-left: 1.125em;}
  .res.infolist.dot li a:before{margin-top: 1.65em;}
}
	
/* imagelist */
/* ===
.space*:每一列之间间隔*px
.col*: 列表分*列
=== */
.imagelist ul{zoom: 1;}
.imagelist ul li{position: relative; float: left;}
.imagelist ul li a{position: relative; display: block; overflow: hidden;}
.imagelist ul li a.shadow{background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .15);}
.imagelist ul li a .place{padding-top: 56.25%;}
.imagelist ul li a .place .play{position: absolute; top: 50%; left: 50%; z-index: 1; width: 75px; height: 75px; margin-top: -38px; margin-left: -37px; background: url(../2022images/play.png) no-repeat center; background-size: 100% 100%;}
.imagelist ul li a .caption.normal{padding: .75em; line-height: 1.5em;}
.imagelist ul li a .caption.normal .table{position: relative; width: 100%; height: 3em; display: table;}
.imagelist ul li a .caption.normal .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.imagelist ul li a .caption.normal .table .inline.vtop{vertical-align: top;}
.imagelist ul li a .caption.normal .elli-m{max-height: 3em;}
.imagelist ul li a .caption.normal .time{margin-top: .5em; color: #999;}
.imagelist ul li a .caption.fixed{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 5%; color: #fff; text-align: center; background-color: rgba(0,0,0,.5);}
.imagelist .col2 li{width: 50%;}
.imagelist .col4 li{width: 25%;}
.imagelist .col3 li{width: 33.33333%;}
.imagelist.space20 ul{margin: -20px -10px 0;}
.imagelist.space20 li a{margin: 20px 10px 0;}
.imagelist.space30 ul{margin: -30px -15px 0;}
.imagelist.space30 li a{margin: 30px 15px 0;}
@media (max-width:1480px){
  .imagelist ul{margin: -25px -12px 0 -13px !important;}
  .imagelist ul li a{margin: 25px 12px 0 13px !important;}
  .imagelist ul li a.shadow{box-shadow: 0 2px 8px rgba(0, 0, 0, .15);}	
  .imagelist ul li a .place .play{width: 60px; height: 60px; margin-top: -30px; margin-left: -30px;}
}
@media (max-width:1200px){
  .imagelist.res .col4 li{width: 33.33333%;}	
  .imagelist ul{margin: -20px -10px 0 !important;}
  .imagelist ul li a{margin: 20px 10px 0 !important;}
}
@media (max-width:992px){
  .imagelist ul{margin: -15px -7px 0 -8px !important;}
  .imagelist ul li a{margin: 15px 7px 0 8px !important;}
  .imagelist ul li a.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, .15);}
  .imagelist.res ul li{width: 50% !important;}
}
@media (max-width:414px){
  .imagelist.res ul li{width: 100% !important;}
  .imagelist.res ul li a .caption.inline .elli-m{display: inline-block; height: auto;}
}
.setIE.ie8 .imagelist ul{margin: -25px -12px 0 -13px;}
.setIE.ie8 .imagelist ul li a{margin: 25px 12px 0 13px;}
.setIE.ie8 .imagelist ul li a.shadow .caption.normal{margin-top: -1px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;}

.banner img{display: block; width: 100%; min-height: 80px; object-fit: cover;}


.swiper-ctrl-button{position: absolute; top: 50%; z-index: 10; margin-top: -40px; width: 50px; height: 80px; cursor: pointer; transition: all .3s; cursor: pointer; border: none;}
.swiper-ctrl-button i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; text-align: center; font-size: 3em; color: #fff; line-height: 1em; margin-top: -.5em;}
.swiper-ctrl-button.swiper-ctrl-prev{left: 0;}
.swiper-ctrl-button.swiper-ctrl-next{right: 0;}
@media (max-width:992px){
  .swiper-ctrl-button{width: 30px; height: 60px; margin-top: -30px;}
  .swiper-ctrl-button i{font-size: 2.25em;}	
}
@media (max-width:768px){
  .swiper-ctrl-button{width: 30px; height: 60px; margin-top: -30px;}
  .swiper-ctrl-button i{font-size: 1.875em;}	
}

.swiper-pagination.position{position: absolute; right: 10px; left: 10px; bottom: 3.5%; z-index: 100; margin-bottom: 5px; width: auto !important; text-align: center;}
.swiper-pagination.position .swiper-pagination-bullet{display: inline-block; width: 8px; height: 8px; margin: 0 3px; border-radius: 100px; cursor: pointer; opacity: 1; transition: all .3s; border: none;} 
.swiper-pagination.position .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 100px; cursor: pointer; transition: all .3s; border: none;}
.swiper-pagination.normal .swiper-pagination-bullet{background: #cfd1d3;}
.swiper-pagination.normal .swiper-pagination-bullet-active{background: #2b5db3;}
.swiper-pagination.normal .swiper-pagination-switch{background: #cfd1d3;}
.swiper-pagination.normal .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: url(../images/public/blank_white_opa80.png);}
.swiper-pagination.white .swiper-active-switch{background: #fff;}

.swiper-pagination.red .swiper-pagination-bullet{background: #fff; opacity: .6;}
.swiper-pagination.red .swiper-pagination-bullet-active{background: #dd0305 !important; opacity: 1;}
.swiper-pagination.red .swiper-pagination-switch{background: url(../images/public/blank_white_opa60.png);}
.swiper-pagination.red .swiper-active-switch{background: #dd0305;}

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