@charset "utf-8";
body{ width: 100%;height: 100%;font-size: 16px;font-family: "微软雅黑 Regular","Microsoft YaHei";color: #333;background-color: #fff;line-height: 22px}
body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{ margin: 0;padding: 0;box-sizing: border-box}
h1,h2,h3,h4,h5,h6{ font-weight: 400}
li,ol,ul{ list-style: none}
a{ text-decoration: none;color: #333}
a:hover{ color: #0d2361}
img{ border: none;display: inline-block;vertical-align: middle}
.img{ max-width: 100%;height: auto}
button,input{ outline: 0;border: none;font-family: "微软雅黑 Regular","Microsoft YaHei"}
.row{ display: inline-block;width: 100%}
.fl{ float: left}
.fr{ float: right}
.bg-white{ background: #fff}
.bg-gray{ background: #f9f9f9}
.hide{ display: none}
.clearfix:after,.clearfix:before{ display: table;line-height: 0;content: ""}
.clearfix:after{ clear: both}
.clear{ clear: both}
.transition,.transition a{ transition: .3s}
.imgScale a img{ transition: all .3s ease-in-out 0s}
.imgScale a:hover img{ transform: scale(1.05)}
.imgZoom img{ transition: all .3s ease-in-out 0s}
.imgZoom:hover img{ transform: scale(1.05)}
.none{display: none;}
.layout{ padding-top: 5%;padding-bottom: 5%;background-position: center top;background-repeat: no-repeat;background-size: cover}
.layout.plus{ padding-top: 0}
.layout.plus .crumb{ margin-bottom: 5%}
.container{ max-width: 1400px;margin: auto}
.margins{ margin-top: 40px;margin-bottom: 40px}
.mb{ margin-bottom: 40px}
.mt{ margin-top: 40px}
.module-main{ margin-right: -15px;margin-left: -15px}
.module-main .module-span{ float: left}
.module-main .module-span .module-box{ margin-right: 15px;margin-left: 15px}
.module-main .module-span.span6{ width: 50%}
.text_nowrap,.text_nowrap a{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.text_nowrap a{ float: left;max-width: 100%}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
@media (max-width:1440px){
 .container{  max-width: 1200px }
}
@media (max-width:1400px){
 .container{  width: auto;padding: 0 20px }
 .margins{  margin-top: 20px;margin-bottom: 20px }
 .mb{  margin-bottom: 20px }
 .mt{  margin-top: 20px }
}
@media (max-width:991px){
 body{  font-size: 15px }
 .container{  padding: 0 15px }
 .margins{  margin-top: 15px;margin-bottom: 15px }
 .mb{  margin-bottom: 15px }
 .mt{  margin-top: 15px }
 .module-main{  margin-right: -7px;margin-left: -8px }
 .module-main .module-span{  float: none!important;width: 100%!important }
 .module-main .module-span .module-box{  margin-right: 7px;margin-left: 8px }
 .m-hide{  display: none }
}
.btn{ display: inline-block;color: #fff;text-align: center;border: 1px solid #818dbd;padding: 10px 52px 10px 16px;background: url(../images/index/arrow.png) no-repeat 90% 45%;margin-top: 8%;-webkit-animation-delay: .8s;animation-delay: .8s;transition: all .3s}
.btn:hover{ color: #fff;background-position: 85% 45%;padding-left: 22px;padding-right: 46px}
.btn img{ vertical-align: -2%}
.text_nowrap{ display: block;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden}
.ellipsis{ display: -webkit-box;overflow: hidden;white-space: normal;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all}
.text-center{ text-align: center}
.w5{ width: 6%}
.w44{ width: 44%}
.w53{ width: 53%}
.w50{ width: 48%}
.w20{ width: 20%}
.w30{ width: 30%}
.w80{ width: 80%}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt30{ margin-top: 30px}
.f18{ font-size: 18px}
.m-show{ display: none}
.text-center{ text-align: center}
@media screen and (max-width:991px){
 .m-100{  width: 100%!important }
 .m-hide{  display: none!important }
 .m-show{  display: block }
 .m-mt20{  margin-top: 20px!important }
 .m-mt30{  margin-top: 30px!important }
}
@media screen and (max-width:768px){
 .xm-100{  width: 100%!important }
}
.flex{ display: flex;justify-content: space-between;flex-wrap: wrap}
.crumb{ padding-top: 2%;padding-bottom: 2%;color: #999;background-color: #f9fafd}
.crumb dl{ position: relative}
.crumb dl dt{ position: absolute;top: 3px;left: auto;width: 16px;height: 16px;background-image: url(../images/public/location.png);background-repeat: no-repeat}
.crumb dl dd{ margin-left: 22px;line-height: 22px}
.crumb dl dd a{ display: inline-block;color: #999}
.crumb dl dd a:hover{ color: #333}
.crumb dl dd span,
.crumb dl dd a.on{ color: #436cb2 !important;}
.crumb.whitebg{ background-color: #fff;border-bottom: 1px solid rgba(211,211,211,.35)}
.crumb.transparent{ background-color: transparent;border-bottom: 1px solid rgba(211,211,211,.45)}
.crumb.whitefont{ color: #fff}
.crumb.whitefont dl dd a{ color: #fff}
.crumb.whitefont dl dd span{ color: #0e7af1}

.column-head{ margin-bottom: 5%;text-align: center; font-size: 2em;}
.column-head .currentname{display: inline-block;position: relative;padding-bottom: .75em;font-size: 1em;font-weight: 700;color:#333;}
.column-head .currentname:after{ position: absolute;right: 0;bottom: -2px;left: 0;content: "";width: 2em;height: 3px;margin: 0 auto;background-color: #4a5ad8}
.column-head .currentname.white{ color: #fff}
.column-head .currentname.white:after{ background-color: #fff}
.column-subtitle{margin-bottom: 4%; font-size: 1.75em; color: #000; text-align: center; line-height: 1.375em}
.column-subtitle.white{color: #fff;}
.column-subtitle.mini{font-size: 1em; margin-top: -2%;}
.menu-items{ overflow: hidden;margin: -20px -10px 0}
.menu-items li{ float: left;width: 50%}
.menu-items li a{ display: block;position: relative;margin: 20px 10px 0;line-height: 1.4em;height: 4em;border-width: 1px;border-style: solid}
.menu-items li a i{ position: absolute;top: 0;bottom: 0;left: 0;width: 15%}
.menu-items li a i:before{ position: absolute;top: 50%;left: 50%;content: "";margin-top: -10px;margin-left: -10px;width: 20px;height: 20px;background-repeat: no-repeat}
.menu-items li a span{ position: absolute;top: 0;right: 5%;bottom: 0;left: 15%;width: 80%;height: 100%;display: table;vertical-align: middle}
.menu-items li a span font{ position: relative;width: 100%;height: 100%;display: table-cell;vertical-align: middle}
.menu-items li a:hover{ color: #333;border-color: #c6d5ea!important}
.menu-items.ul1 li a{ background-color: #fff;border-color: #f9f9f9}
.menu-items.ul2 li a{ background-color: #f9f9f9;border-color: #fff}
.menu-items.normal li a{ background-color: #fff;border-color: #c6d5ea!important}
.menu-items.normal li a span{ left: 5%;width: 90%}
.menu-items.normal li a span font{ font-size: 1.125em;text-align: center}
.block-title{ margin-bottom: 4.5%;font-size: 3.125em;font-weight: 700;line-height: 1.375em;text-align: center}
.block-content{ font-size: 1.125em;line-height: 2.375em;text-align: justify}
.block-content p{ text-indent: 2em}
.more-btn{ text-align: center}
.more-btn a{ display: inline-block;color: #fff;border: 1px solid rgba(255,255,255,.65);width: 154px;text-align: center;line-height: 50px;padding-bottom: 2px}
.more-btn a font{ display: inline-block;vertical-align: middle}
.more-btn a:after{ display: inline-block;vertical-align: middle;margin-left: 1em;content: "";width: 25px;height: 8px;background: url(../images/index/arrow.png) no-repeat center right;transition: all .3s}
.more-btn a:hover:after{ margin-left: .5em}
.morebtn{ margin-top: 2%;text-align: center}
.morebtn a{ display: inline-block;width: 160px;line-height: 2.75em;text-align: center;color: #5280e5;border: 1px solid #1948d8}
.owl-carousel .item{ display: block;width: 100%;overflow: hidden}
.owl-carousel .item img{ display: block;width: 100%}
.owl-carousel.pagination .owl-dots{ position: absolute;bottom: .875em;right: .3125em;z-index: 99}
.owl-carousel.pagination .owl-dots button.owl-dot{ float: left;width: .75em;height: .75em;margin-right: .3125em;background: rgba(255,255,255,.4);border-radius: 50%;border: none}
.owl-carousel.pagination .owl-dots button.owl-dot.active{ background: 0 0;border: 2px solid rgba(255,255,255,.4)}
.owl-carousel.unpage .owl-dots{ display: none}
.owl-carousel.owlcarousel-common .owl-nav>div{ position: absolute;top: 25%;bottom: 25%;width: 5%;min-width: 40px;text-align: center;background-color: rgba(0,0,0,.3)}
.owl-carousel.owlcarousel-common .owl-nav>div i{ position: absolute;top: 50%;right: 0;left: 0;margin-top: -.5em;text-align: center;font-weight: 400;font-size: 2.5em;line-height: 1em;color: #fff}
.owl-carousel.owlcarousel-common .owl-nav>div:hover{ background-color: rgba(0,0,0,.5)}
.owl-carousel.owlcarousel-common .owl-nav>div.owl-prev{ left: 0;border-radius: 0 .625em .625em 0}
.owl-carousel.owlcarousel-common .owl-nav>div.owl-next{ right: 0;border-radius: .625em 0 0 .625em}
.owl-carousel.owlcarousel-common .owl-nav>div.disabled{ opacity: .4;cursor: not-allowed;background-color: rgba(0,0,0,.3)!important}
.owl-carousel.owlcarousel-arrow .owl-nav>div{ position: absolute;top: 50%;z-index: 99;margin-top: -22px;width: 45px;height: 45px;background: #fff;border-radius: 50%;cursor: pointer;border: 1px solid #ececec}
.owl-carousel.owlcarousel-arrow .owl-nav>div i{ position: absolute;top: 50%;right: 0;left: 0;margin-top: -.5em;text-align: center;font-weight: 400;font-size: 1.25em;font-weight: 700;line-height: 1em;color: #666}
.owl-carousel.owlcarousel-arrow .owl-nav>div:hover{ background: #fff;box-shadow: 0 0 5px 1px rgba(112,112,112,.1)}
.owl-carousel.owlcarousel-arrow .owl-nav>div.owl-prev{ left: -20px}
.owl-carousel.owlcarousel-arrow .owl-nav>div.owl-next{ right: -20px}
.owl-carousel.owlcarousel-arrow .owl-nav>div.disabled{ opacity: .4;cursor: not-allowed}
.tpxw{ position: relative}
.tpxw .owl-carousel .item img{ height: 334px}
.tpxw .owl-carousel .item .item-name{ position: absolute;right: 0;bottom: 0;left: 0;z-index: 9;padding: 0 100px 0 10px;height: 2.625em;line-height: 2.625em;color: #fff;background-color: rgba(0,0,0,.3)}
.column-banner{ position: relative;height: 500px;background-position: center top;background-repeat: no-repeat;background-size: cover}
.column-banner .container{ position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;margin: 0 auto}
.column-banner .container dl{ position: relative;width: 100%;height: 100%;display: table;vertical-align: middle}
.column-banner .container dl dd{ position: relative;width: 100%;height: 100%;display: table-cell;vertical-align: middle;color: #fff}
.column-banner .container dl dd h2{ margin-top: 2.5%;margin-left: 5%;font-size: 2.25em;font-weight: 700;line-height: 1.4em}
.column-banner .container dl dd h3{ margin-top: 2.5%;margin-left: 5%;font-size: 1em;line-height: 1.5em;-webkit-animation-delay: .6s;animation-delay: .6s;-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
.column-banner.xwzx{ background-image: url(../images/xwzx/banner.png)}
.column-banner.qdhz{ background-image: url(../images/ljkpy/qdhz/banner.png)}
.column-banner.kjcx{ background-image: url(../images/kjcx/banner.jpg)}
.column-banner.tzzgx{ background-image: url(../images/tzzgx/banner.png)}
.column-banner.ljkpy{ background-image: url(../images/ljkpy/banner.png)}
.column-banner.alzx{ background-image: url(../images/alzx/banner.png)}
.column-banner.szr{ background-image: url(../images/szr/banner.png)}
.column-banner.hxjs{ background-image: url(../images/hxjs/kjcxbanner.png)}
.column-navs{ background-color: #f9fafd;border-bottom: 1px solid #e4e4e4}
.column-navs ul{ overflow: hidden}
.column-navs ul li{ float: left;width: 25%;}
.column-navs ul li a{ display: block;padding: 1.5em 3.125em;font-size: 1.125em;text-align: center;border-left-width: 1px}
.column-navs ul li a:hover{ font-weight: 700;color: #2a69d8}
.column-navs ul li.on a{ font-weight: 700;color: #2a69d8;background-color: #e5eaf5}
.news-image-list ul{ margin-top: -30px;margin-right: -15px;margin-left: -15px;zoom: 1}
.news-image-list ul li{ position: relative;float: left}
.news-image-list ul li dl{ position: relative;display: block;margin: 30px 15px 0;padding: 20px 20px 0;background-color: #fafafa}
.news-image-list ul li dl .place{ position: relative;display: block;padding-top: 56.25%;overflow: hidden}
.news-image-list ul li dl .place .pic{ position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 1;overflow: hidden}
.news-image-list ul li dl .place .pic img{ display: block;width: 100%;height: auto;min-height: 100%;transition: all .3s ease-in-out 0s}
.news-image-list ul li dl dd{padding: 8% 2%}
.news-image-list ul li dl dd .caption{ padding-bottom: 3%;font-size: 1.125em;font-weight: 700;line-height: 1.5em;color: #303030;overflow: hidden}
.news-image-list ul li dl dd .memo{ line-height: 1.6em;height: 3.375em;text-align: justify;color: #666}
.news-image-list ul li dl dd .time{ padding-bottom: 3%;color: #666}
.news-image-list ul li dl dd .more{ padding-top: 6%;text-align: right}
.news-image-list ul li dl dd .more a{ display: inline-block;color: #666}
.news-image-list ul li dl dd .more a font{ display: inline-block;vertical-align: middle}
.news-image-list ul li dl dd .more a:after{ display: inline-block;vertical-align: middle;content: "";width: 57px;height: 16px;background: url(../images/xwzx/more.png) no-repeat center right}
.news-image-list ul li dl:hover{ background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.15);cursor: pointer}
.news-image-list ul li dl:hover .place .pic img{ transform: scale(1.05)}
.news-image-list ul li dl:hover dd .more a{ margin-right: 10px}
.news-image-list ul.lay-col3 li{ width: 33%}
.news-image-list ul.lay-col4 li{ width: 25%}
.news-special-list li{ padding-top: .875em;padding-bottom: .875em}
.news-special-list li a{ display: block;position: relative;background-color: #fff;padding-left: 17.5%;padding-right: 8%;font-size: 1.125em;line-height: 1.5em;height: 5.6em}
.news-special-list li a .caption{ position: absolute;top: 0;right: 8%;left: 17.5%;margin: 0 auto;width: 74.5%;height: 100%;display: table;vertical-align: middle}
.news-special-list li a .caption .inline{ position: relative;width: 100%;height: 100%;display: table-cell;vertical-align: middle}
.news-special-list li a .time{ position: absolute;top: 50%;left: 0;width: 17.5%;margin-top: -30px;text-align: center;padding-top: 40px;color: #aaa}
.news-special-list li a .time .YYMM{ font-size: .75em;line-height: 20px}
.news-special-list li a .time .DD{ position: absolute;top: 0;right: 0;left: 0;font-size: 2.125em;font-weight: 700;line-height: 40px}
.news-special-list li a .time .DD font{ display: none}
.news-special-list li a .go{ position: absolute;top: 0;right: 0;bottom: 0;width: 6%;background-color: rgba(255,255,255,.25)}
.news-special-list li a .go .iconfont{ position: absolute;top: 50%;right: 0;left: 0;margin-top: -.5em;text-align: center;font-weight: 700;font-size: 1em;line-height: 1em}
.news-special-list li a:hover{ color: #fff;background-color: #2a5dda}
.news-special-list li a:hover .time{ color: #fff}
.pagediv{ border-top: 1px solid #e6e6e6}
.pagediv ul li{ float: left;line-height: 32px}
.pagediv .pagenum{ float: left;font-size: 1.125em;font-weight: 700;font-family: Arial,Helvetica,sans-serif;color: #999}
.pagediv .pagenum .cur{ color: #333}
.pagediv .pagenum .split{ padding-right: 5px;padding-left: 5px}
.pagediv .pagenav{ float: right}
.pagediv .pagenav li a{ display: block;position: relative;width: 32px;height: 32px;margin-left: .5em;text-align: center;border: 1px solid #e5e5e5;border-radius: 50%;cursor: pointer}
.pagediv .pagenav li a i{ position: absolute;top: 50%;right: 0;left: 0;margin-top: -.4em;text-align: center;font-weight: 700;font-size: .875em;line-height: 1em}
.pagediv .pagenav li a:hover{ color: #000;background-color: #f7f7f7}

.page-circle a,
.page-circle span{display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0px 10px;color: #666666;}
.page-circle a:hover,
.page-circle .num.active{background: #497bda; border-radius: 50%; color: #fff;}

.page-square a,
.page-square span{display: inline-block; padding: 0 12px; height: 34px; line-height: 34px; text-align: center; margin:2px 5px;color: #666666; border: 1px solid #e8e8e8;}
.page-square a:hover,
.page-square .num.active{background: rgba(1, 9, 72, 0.7); color: #fff; border-color: rgba(1, 9, 72, 0.7);}
.page-square .jump-ipt{width: 55px; height: 36px; border: 1px solid #e8e8e8; text-align: center;}
.page-square *{display: inline-block; vertical-align: middle;}



@media (max-width:1400px){
 .column-banner{  height: 29vw!important }
 .column-navs .container{  padding-right: 0;padding-left: 0 }
 .column-navs ul li{  width: 20% }
 .column-navs ul li a{  padding: 10% 0 }
 .news-image-list ul{  margin: -20px -10px 0 -10px }
 .news-image-list ul li dl{  margin: 20px 10px 0 10px }
 .news-special-list li{  padding-top: .75em;padding-bottom: .75em }
 .news-special-list li a{  font-size: 1em }
 .news-special-list li a .time .YYMM{  font-size: .9375em }
}
@media (max-width:1199px){
 .column-banner .container dl dd h2{  width: 70%;margin-left: 2% }
 .column-banner .container dl dd h3{  margin-left: 2% }
}
@media (max-width:1023px){
 .news-image-list ul li dl{  padding: 15px }
 .news-image-list ul li dl dd .caption{  white-space: normal;padding-bottom: 0;height: 3em;box-sizing: content-box;overflow: hidden }
 .news-image-list ul li dl dd .caption a{  white-space: normal }
 .news-image-list ul li dl dd .memo{  display: none }
 .owl-carousel.owlcarousel-arrow .owl-nav>div.owl-prev{  left: -15px!important }
 .owl-carousel.owlcarousel-arrow .owl-nav>div.owl-next{  right: -15px!important }
}
@media (max-width:991px){
 .column-banner{  height: 35vw!important }
 .column-head{  font-size: 1.75em }
 .column-subtitle{  font-size: 1.5em }
 .news-image-list ul{  margin: -15px -7px 0 -8px }
 .news-image-list ul li dl{  margin: 15px 7px 0 8px;padding: 10px }
 .news-image-list ul li dl dd .caption{  font-size: 1em }
 .news-image-list ul li dl dd .more{  font-size: .875em }
 .news-image-list ul li dl dd .more a:after{  width: 40px }
 .news-special-list li{  padding-top: .5em;padding-bottom: .5em }
 .menu-items{  margin: 0 -7px 0 -8px!important }
 .menu-items li{  width: 33.33333% }
 .menu-items li a{  margin: 15px 7px 0 8px!important }
 .block-title{  font-size: 2.75em }
 .block-content{  font-size: 1em }
}
@media (max-width:768px){
 .column-banner{  height: 40vw!important }
 .column-banner .container dl dd h2{  width: 60%;margin-top: 45px;font-size: 1.875em }
 .column-banner .container dl dd h3{  display: none }
 .column-navs{  overflow: hidden }
 .column-navs ul{  margin-right: -1px;border-bottom: 1px solid #fff }
 .column-navs ul li{  width: 33.33333% }
 .column-navs ul li a{  margin-bottom: -1px;border-bottom: 1px solid #fff;border-right: 1px solid #fff }
 .menu-items{  margin-right: -5px!important;margin-left: -5px!important }
 .menu-items li{  width: 50% }
 .menu-items li a{  margin: 10px 5px 0!important }
 .owl-carousel.owlcarousel-arrow .owl-nav>div{  margin-top: -18px;width: 36px;height: 36px }
 .news-image-list ul li{  width: 50%!important }
 .block-title{  font-size: 2.25em }
 .more-btn{  text-align: center }
 .more-btn a{  line-height: 40px }
}
@media (max-width:600px){
 .column-banner{  height: auto!important;padding-top: 56.25%!important }
 .column-banner .container dl dd h2{  font-size: 1.5em }
 .column-banner.kjcx{  background-image: url(../images/kjcx/banner_m.png)!important }
 .column-banner.tzzgx{  background-image: url(../images/tzzgx/banner_m.png)!important }
 .column-banner.cpyfwtop{  background-image: url(../images/cpyfw/banner_m.png)!important }
 .column-banner.alzx{  background-image: url(../images/alzx/banner_m.png)!important }
 .column-banner.fangan1{  background-image: url(../images/jjfa/fangan1/banner_m.png)!important }
 .column-banner.cjszt{  background-image: url(../images/jjfa/cjszt/banner_m.png)!important }
 .column-banner.szrcp{  background-image: url(../images/cpyfw/xnszr/banner_m.png)!important }
 .column-banner.reaisqfw{  background-image: url(../images/cpyfw/reaisqfw/banner_m.png)!important }
 .column-banner.szlscspt{  background-image: url(../images/cpyfw/szlscspt/banner_m.png)!important }
 .column-banner.reaisqfw_detail{  background-image: url(../images/cpyfw/reaisqfw/cpjs_detail_banner_m.png)!important }
 .owl-carousel.owlcarousel-arrow .owl-nav>div{  margin-top: -15px;width: 30px;height: 30px;background: 0 0!important;box-shadow: none!important;border: none }
 .owl-carousel.owlcarousel-arrow .owl-nav>div.owl-prev{  left: 0!important }
 .owl-carousel.owlcarousel-arrow .owl-nav>div.owl-next{  right: 0!important }
 .column-head{  font-size: 1.5em }
 .column-subtitle{  font-size: 1.375em }
 .morebtn{  margin-top: 4% }
}
@media (max-width:450px){
 .column-navs ul li a{  font-size: 1em }
 .news-image-list ul li{  width: 100%!important }
 .news-image-list ul li dl dd{padding: 3% 2%;}
 .news-image-list ul li dl dd .caption{  height: auto }
 .news-special-list li a{  padding-top: .75em;padding-right: 10%;padding-bottom: .75em;padding-left: 3%;height: auto }
 .news-special-list li a .caption{  position: static;display: block;width: auto }
 .news-special-list li a .caption .inline{  display: block }
 .news-special-list li a .time{  position: static;margin-top: .5em;padding-top: 0 }
 .news-special-list li a .time .DD{  position: static;font-size: .9375em;font-weight: 400;line-height: normal }
 .news-special-list li a .time .DD font{  display: inline }
 .news-special-list li a .go{  width: 8% }
 .block-title{  font-size: 2em }
}
@media (max-width:360px){
 .menu-items li{  width: 100%!important }
}

.column-sub-hd{margin-bottom: 4%; text-align: center;}
.column-sub-hd li{display: inline-block; margin: 0 2.5%;}
.column-sub-hd li a{display: inline-block; color: #333; font-size: 1.25em;  font-weight: bold}
.column-sub-hd li.on a{color: #3f6ce3;}
@media (max-width:414px){
  .column-sub-hd li a{margin: .5em 0;}	
}

/*网页通用效果*/
/***
.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;}
.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);}
img{ max-width: 100%}

/*图片占位符*/
/***
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%;}
}

.swiper-fluid{position: relative;}
.swiper-grid{position: relative; overflow: hidden;}
.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.position.nor .swiper-pagination-bullet{border-radius: 0;}
.swiper-pagination.position.nor .swiper-pagination-switch{border-radius: 0;}
.swiper-pagination.default .swiper-pagination-bullet{background: #cfd1d3;}
.swiper-pagination.default .swiper-pagination-bullet-active{background: #2b5db3;}
.swiper-pagination.default .swiper-pagination-switch{background: #cfd1d3;}
.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: url(../images/public/blank_white_opa80.png);}
.swiper-pagination.white .swiper-active-switch{background: #fff;}

.swiper-pagination.yellow .swiper-pagination-bullet{background: #fff;}
.swiper-pagination.yellow .swiper-pagination-bullet-active{background: #ffc300 !important;}
.swiper-pagination.yellow .swiper-pagination-switch{background: #fff;}
.swiper-pagination.yellow .swiper-active-switch{background: #085ea8;}

.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;}

.swiper-ctrl-button{position: absolute; top: 50%; z-index: 10; margin-top: -38px; width: 36px; height: 75px; 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: 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.overflow{width: 50px; height: 50px; margin-top: -25px;}
.swiper-ctrl-button.overflow i{color: #000; font-size: 1.25em;}
.swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -25px;}
.swiper-ctrl-button.overflow.swiper-ctrl-next{right: -25px;}
.swiper-ctrl-button.overflow:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; border-radius: 100px; background: #fff; border: 1px solid #e4e4e4;}
.swiper-ctrl-button.overflow:hover:after{background: #f1f1f1;}
.swiper-ctrl-button.overflow:hover i{color: #666;}
@media (max-width:1440px){
  .swiper-ctrl-button.overflow{width: 40px; height: 40px; margin-top: -20px;}	
  .swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -20px !important;}
  .swiper-ctrl-button.overflow.swiper-ctrl-next{right: -20px !important;}
}
@media (max-width:991px){
  .swiper-ctrl-button.overflow{width: 30px; height: 30px; margin-top: -15px;}
  .swiper-ctrl-button.overflow i{font-size: 1em;}
  .swiper-ctrl-button.overflow:hover:after{background: #000; opacity: .35; border: none;}
  .swiper-ctrl-button.overflow:hover i{color: #fff;}
  .swiper-ctrl-button.overflow.swiper-ctrl-prev{left: -15px !important;}
  .swiper-ctrl-button.overflow.swiper-ctrl-next{right: -15px !important;}	
  .swiper-ctrl-button.swiper-button-disabled{display: block;}
}