@charset "utf-8";

body{font-size: 1.125em;}
@media (max-width:1480px){
  body{font-size: 1em;}  
}

/*common*/
.body-layer{position: relative; min-height: 180px; background-repeat: no-repeat;}


.zjdj-hd{text-align: center;}
.zjdj-hd a{display: inline-block; width: 31.75%; min-width: 226px;}

.zjdj-more{color: #2b65c5;}
.zjdj-more i{display: inline-block; margin-left: 10px; width: 41px; height: 11px; background: url(../images/zjdj/more.png) no-repeat right center;}
.zjdj-more:hover{color: #2b65c5; padding-right: 20px;}


/*走进道滘*/
.zjdj-header{position: relative; z-index: 10;}
.zjdj-header .banner-swiper{position: relative; z-index: 3;}
.zjdj-header .banner-swiper img{display: block; width: 100%; height: auto;}
.zjdj-header:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; margin-bottom:-160px; background: url(../images/zjdj/header_linear.png) repeat-x bottom;}

/*道滘概况*/
.djgk{z-index: 11;}
.djgk .gkjs{background-image: url(../images/zjdj/djgk_bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto;}
.djgk .gkjs .bd .videobox{border-radius: 10px; overflow: hidden;}
.djgk .gkjs .bd .videobox .ctrl-video-btn{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 66px; height: 66px; margin: auto; cursor: pointer;}
@media (max-width:1200px) {
  .djgk .gkjs .bd .videobox .place{padding-top: 0;}
  .djgk .gkjs .bd .videobox .place .pic{position: static;}
  .djgk .gkjs .bd .videobox .ctrl-video-btn{width: 50px; height: 50px; transition: all .3s;}	
}
@media (max-width:414px) {
  .djgk .gkjs .bd .videobox .ctrl-video-btn{width: 40px; height: 40px;}	
}
.djgk .gkjs .bd .desc{line-height: 1.875em; text-align: justify;}
.djgk .gkjs .bd .desc .elli-m{-webkit-line-clamp: 9;}
.djgk .gkjs .bd .desc .elli-m p + p{margin-top: 1em;}
.djgk .gkjs .bd .desc .more{margin-top: 1.25em; text-align: right;}
@media (max-width:1480px){
  .djgk .gkjs .bd .desc .elli-m{-webkit-line-clamp: 8;}	
}
.djgk .gktab{padding-top: 30px; padding-bottom: 30px; background: #f1f8ff;}
.djgk .gktab .slider .box,
.djgk .gktab .slider .box dl,
.djgk .gktab .slider .box dl dd{transition: all .3s;}
.djgk .gktab .slider{margin-top: -20px; margin-right: -10px; margin-left: -10px;}
.djgk .gktab .slider .box{float: left; width: 5.5%; position: relative; z-index: 99;}
.djgk .gktab .slider .box dl{margin: 20px 10px 0; position: relative; z-index: 10; height: 234px; background: #fff; overflow: hidden;}
.djgk .gktab .slider .box dl dt{position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; width: 100%; max-width: 60px; color: #2a66c5; background: #bee1ff;
background-image: linear-gradient(to bottom, #bee1ff, #ffffff);
background-image: -webkit-linear-gradient(to bottom, #bee1ff, #ffffff);
background-image: -o-linear-gradient(to bottom, #bee1ff, #ffffff);
background-image: -moz-linear-gradient(to bottom, #bee1ff, #ffffff);
background-image: -ms-linear-gradient(to bottom, #bee1ff, #ffffff);}
.djgk .gktab .slider .box dl dt a{position: absolute; top: 50%; right: 0; left: 0; color: #2a66c5; margin-top: -83px; text-align: center; transition: all .3s;}
.djgk .gktab .slider .box dl dt a i{display: block; width: 40px; height: 40px; margin: 0 auto 6px;}
.djgk .gktab .slider .box dl dt a i img{display: block; width: 100%; height: 100%;}
.djgk .gktab .slider .box dl dt a i.none{display: none;}
.djgk .gktab .slider .box dl dt a span{display: inline-block; position: relative; width: 1em; line-height: 30px; font-size: 1.25em; font-weight: bold; height: 5.5em;}
.djgk .gktab .slider .box dl dd{position: relative; z-index: 20; display: none; margin-left: 60px; height: 234px;}
.djgk .gktab .slider .box dl dd:after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; content: ""; background-color: #fff;}
.djgk .gktab .slider .box dl dd .drop{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; padding: 24px 20px;}
.djgk .gktab .slider .box dl dd .row .col-3{float: right;}
.djgk .gktab .slider .box dl dd .row .col-3 .place{padding-top: 71.25%;}
.djgk .gktab .slider .box dl dd .row .col-9 .desc{line-height: 1.875em; text-align: justify; -webkit-line-clamp: 5;}
.djgk .gktab .slider .box dl dd .imagelist ul li a .place{padding-top: 56.25%;}
.djgk .gktab .slider .box dl dd .menu-cards li a.item{height: 3em; line-height: 3em;}
.djgk .gktab .slider .box.active{width: 83.5%;}
.djgk .gktab .slider .box.active dl{box-shadow: 0 0 6px rgba(43, 101, 197, .2);}
.djgk .gktab .slider .box.active dl dt{background: #2b65c6;}
.djgk .gktab .slider .box.active dl dt a{color: #fff;}
.djgk .gktab .slider .box.active dl dt a i.block{display: none;}
.djgk .gktab .slider .box.active dl dt a i.none{display: block;}
.djgk .gktab .slider .box.active dl dd{display: block;}
@media (max-width:1480px){
  .djgk .gktab .slider .box{width: 6.5%;}
  .djgk .gktab .slider .box.active{width: 80.5%;}
  .djgk .gktab .slider .box dl dd .row .col-3 .place{padding-top: 93%;}
  .djgk .gktab .slider .box dl dd .row .col-9 .desc{-webkit-line-clamp: 6;}
  .djgk .gktab .slider .box dl dd .imagelist ul li a .place{padding-top: 66.67%;}
}
@media (max-width:1200px){
  .djgk .gktab .slider{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .djgk .gktab .slider .box{width: 25% !important;}
  .djgk .gktab .slider .box dl{margin: 15px 7px 0 8px; height: auto; border-color: #dce0e8; box-shadow: none !important;}	
  .djgk .gktab .slider .box dl dt{position: static; max-width: 100%;}
  .djgk .gktab .slider .box dl dt a{position: static; display: block; margin-top: 0; padding: 20px 0 25px;}
  .djgk .gktab .slider .box dl dt a i{width: 60px; height: 60px;}
  .djgk .gktab .slider .box dl dt a span{width: auto; height: 30px; display: block; text-align: center;}
  .djgk .gktab .slider .box dl dd{display: none !important;}
}
@media (max-width:768px){
  .djgk .gktab .slider .box dl dt a{padding: 15px 0 20px;}
  .djgk .gktab .slider .box dl dt a i{width: 50px; height: 50px;}	
  .djgk .gktab .slider .box dl dt a span{font-size: 1.125em;}
}
@media (max-width:500px){
  .djgk .gktab .slider{margin-top: -10px; margin-right: -5px; margin-left: -5px;}
  .djgk .gktab .slider .box dl{margin: 10px 5px 0 5px;}
  .djgk .gktab .slider .box dl dt a i{width: 40px; height: 40px;}
  .djgk .gktab .slider .box dl dt a span{padding: 0 .5em; font-size: 1em;}
}
@media (max-width:414px){
  .djgk .gktab .slider .box{width: 50% !important;}	
}
.djgk .gktab .slider .box.active dl dd .row .col-9{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.djgk .gktab .slider .box.active dl dd .row .col-3{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(1){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(2){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(3){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(4){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(5){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(6){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(7){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(8){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(9){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(10){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(11){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(12){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(13){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(14){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(15){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(16){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.djgk .gktab .slider .box.active dl dd ul li:nth-child(17){
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}
.djgk .gktab .slider .box.active dl dd ul li.more {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

/*道滘发展*/
.djfz{padding-top: 4%; padding-bottom: 4%; min-height: inherit; background: #fff;}
.djfz .bd ul{margin-top: -30px; margin-right: -30px; margin-left: -30px;}
.djfz .bd ul li{float: left; width: 25%;}
.djfz .bd ul li a{display: block; margin: 30px; position: relative;}
.djfz .bd ul li a .place{padding-top: 133%; overflow: visible;} 
.djfz .bd ul li a .place .pic{overflow: visible;}
.djfz .bd ul li a .caption{position: absolute; top: 15%; right: 20%; left: 20%; z-index: 5; padding: 10px 0; height: 1.5em; font-size: 1.25em; font-weight: bold; color: #fff;}
.djfz .bd ul li a .caption span{display: block; position: relative; z-index: 2; text-align: center;}
.djfz .bd ul li a .caption:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #000; opacity: .2; filter: alpha(opacity=20);}
.djfz .bd ul li a:hover .caption{top: 0; bottom: 0; margin: auto; padding-top: 15px; padding-bottom: 15px;}
.djfz .bd ul li a:hover .caption:after{opacity: .5; filter: alpha(opacity=50);}
@media (max-width:1480px){
  .djfz .bd ul{margin-right: -20px; margin-left: -20px;}
  .djfz .bd ul li a{margin: 20px;}	
}
@media (max-width:1200px){
  .djfz .bd ul{margin-right: -15px; margin-left: -15px;}
  .djfz .bd ul li a{margin: 15px;}
  .djfz .bd ul li a .caption{right: 15%; left: 15%; font-size: 1.125em;}	
  .djfz .bd ul li a:hover .caption{padding-top: 12px; padding-bottom: 12px;}
}
@media (max-width:992px){
  .djfz .bd ul li a .caption{right: 12%; left: 12%; font-size: 1em; padding-top: 8px; padding-bottom: 8px;}	
  .djfz .bd ul li a:hover .caption{padding-top: 10px; padding-bottom: 10px;}
}
@media (max-width:640px){
  .djfz .bd ul{margin-right: -7px; margin-left: -8px;}
  .djfz .bd ul li a{margin: 15px 7px 0 8px;}
}
@media (max-width:480px){
  .djfz .bd ul{margin-right: -10px; margin-left: -10px;}
  .djfz .bd ul li a{margin: 10px;}
  .djfz .bd ul li{width: 50%;}	
}

/*魅力道滘*/
.mldj{padding-top: 4%; padding-bottom: 4%; max-width: 1920px; margin-right: auto; margin-left: auto; background: url(../images/zjdj/mldj_bg.png) no-repeat center center; background-size: cover;}
.mldj .hd{margin-right: 1%;}
.mldj .hd a{display: block;}
@media (max-width:1200px){
  .mldj{padding-top: 0; margin-bottom: 2%; background-image: url(../images/zjdj/mldj_bg_m.png);}
  .mldj .hd{margin-right: auto; text-align: center; margin-bottom: 20px;}
  .mldj .hd a{display: inline-block; padding: 2% 3% 0 5%; width: 31.75%; min-width: 226px; background: #338dff; border-radius: 0 0 15px 15px;}
}
.mldj .bd ul{width: 90%; margin-right: auto; margin-left: auto;}
.mldj .bd ul li{float: left; width: 20%;}
.mldj .bd ul li a{display: block; position: relative; width: 60%; margin-right: auto; margin-left: auto; padding-bottom: 1px;}
.mldj .bd ul li a .place{padding-top: 100%;}
.mldj .bd ul li a .caption{position: relative; z-index: 5;}
.mldj .bd ul li a .caption span{display: block; margin: .875em auto auto; width: 1em; font-size: 1.375em; font-weight: bold; line-height: 1.25em;}
.mldj .bd ul li a .caption i{display: block; width: 40px; margin: 1.25em auto;}
.mldj .bd ul li a .caption i img{display: block; width: 100%;}
.mldj .bd ul li a .bg{position: absolute; top: 15%; right: 15%; bottom: 0; left: 15%;}
.mldj .bd ul li a .bg img{display: block; width: 100%; height: 100%;}
.mldj .bd ul li a .bg img.none{display: none;}
.mldj .bd ul li a:hover{margin-top: -20px;}
.mldj .bd ul li.li0 a:hover{color: #2f6bb7;}
.mldj .bd ul li.li1 a:hover{color: #d87c77;}
.mldj .bd ul li.li2 a:hover{color: #5aa4b0;}
.mldj .bd ul li.li3 a:hover{color: #f08576;}
.mldj .bd ul li.li4 a:hover{color: #6587e9;}
@media (max-width:1480px){
  .mldj .bd ul{width: auto;}	
}
@media (max-width:992px){
  .mldj .bd ul li a{width: 55%;}
  .mldj .bd ul li a .caption span{font-size: 1.25em;}
  .mldj .bd ul li a .caption i{width: 35px;}	
}
@media (max-width:768px){
  .mldj .bd ul li a{width: 60%;}
  .mldj .bd ul li a .caption span{font-size: 1.125em;}
  .mldj .bd ul li a .caption i{width: 30px;}
}
@media (max-width:480px){
  .mldj .bd ul li a{width: 68%;}
  .mldj .bd ul li a .caption span{font-size: 1.0625em;}
  .mldj .bd ul li a .caption i{width: 25px;}	
}
@media (max-width:414px){
  .mldj .bd ul li{width: 90%; margin-left: 10%;}
  .mldj .bd ul li + li{margin-top: 15px;}
  .mldj .bd ul li a{width: auto; padding-right: 75%; padding-left: 5%;}
  .mldj .bd ul li a .caption{position: absolute; top: 0; right: 0; bottom: 0; left: 25%;}
  .mldj .bd ul li a .caption span{ position: absolute; top: 50%; right: 40%; left: 0; width: auto; margin-top: -0.625em; margin-left: 5%; text-align: left;}
  .mldj .bd ul li a .caption i{position: absolute; top: 50%; right: 25%; margin-top: -8px; margin-bottom: auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
  .mldj .bd ul li a .bg{top: 10%; bottom: 10%;}
  .mldj .bd ul li a .bg img.block{display: none;}
  .mldj .bd ul li a .bg img.none{display: block;}
  .mldj .bd ul li a:hover{margin-top: auto;}
}

/*活力道滘*/
.hldj{padding-top: 4%; padding-bottom: 4%;}
.hldj .swiper-grid{padding-right: 5%; padding-left: 5%;}
.hldj .swiper-slide{width: 50.5%; background: #fff;}
.hldj .swiper-slide .itm{display: block; position: relative;}
.hldj .swiper-slide .itm .place{padding-top: 58.69%;}
.hldj .swiper-slide .itm .bg{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;}
.hldj .swiper-slide .itm .bg img{display: block; width: 100%; height:  100%;}
.hldj .swiper-slide .itm .caption{position: absolute; top: 0; right: 12%; bottom: 0; z-index: 5; font-size: 1.5em; padding: 1.5em 1em;}
.hldj .swiper-slide .itm .caption span{position: relative; z-index: 2; display: inline-block; width: 1em; font-weight: bold; color: #fff; line-height: 1.25em;}
.hldj .swiper-slide .itm .caption:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .5; filter: alpha(opacity=50);}
.hldj .swiper-slide .itm.yyzx .caption:after{
background-image: linear-gradient(to bottom, rgba(0, 59, 16, 1), rgba(0, 59, 16, 0));
background-image: -webkit-linear-gradient(to bottom, rgba(0, 59, 16, 1), rgba(0, 59, 16, 0));
background-image: -o-linear-gradient(to bottom, rgba(0, 59, 16, 1), rgba(0, 59, 16, 0));
background-image: -moz-linear-gradient(to bottom, rgba(0, 59, 16, 1), rgba(0, 59, 16, 0));
background-image: -ms-linear-gradient(to bottom, rgba(0, 59, 16, 1), rgba(0, 59, 16, 0));}
.hldj .swiper-slide .itm.qyzx .caption:after{
background-image: linear-gradient(to bottom, rgba(171, 83, 0, 1), rgba(171, 83, 0, 0));
background-image: -webkit-linear-gradient(to bottom, rgba(171, 83, 0, 1), rgba(171, 83, 0, 0));
background-image: -o-linear-gradient(to bottom, rgba(171, 83, 0, 1), rgba(171, 83, 0, 0));
background-image: -moz-linear-gradient(to bottom, rgba(171, 83, 0, 1), rgba(171, 83, 0, 0));
background-image: -ms-linear-gradient(to bottom, rgba(171, 83, 0, 1), rgba(171, 83, 0, 0));}
.hldj .swiper-slide .itm.mjys .caption:after{
background-image: linear-gradient(to bottom, rgba(122, 0, 27, 1), rgba(122, 0, 27, 0));
background-image: -webkit-linear-gradient(to bottom, rgba(122, 0, 27, 1), rgba(122, 0, 27, 0));
background-image: -o-linear-gradient(to bottom, rgba(122, 0, 27, 1), rgba(122, 0, 27, 0));
background-image: -moz-linear-gradient(to bottom, rgba(122, 0, 27, 1), rgba(122, 0, 27, 0));
background-image: -ms-linear-gradient(to bottom, rgba(122, 0, 27, 1), rgba(122, 0, 27, 0));}
.hldj .swiper-slide-prev .itm .caption{right: auto; left: 12%;}
.hldj .swiper-ctrl-button.swiper-ctrl-prev{left: 0;}
.hldj .swiper-ctrl-button.swiper-ctrl-next{right: 0;}
@media (max-width:1480px){
  .hldj .swiper-slide{width: 53.9125%;}
}
@media (max-width:1200px){
  .hldj .swiper-slide .itm .caption{font-size: 1.125em;}	
}
@media (max-width:992px){
  .hldj .swiper-grid{padding-right: 8%; padding-left: 8%;}
  .hldj .swiper-slide{width: 60.25%;}
  .hldj .swiper-slide .itm .caption{display: none;}
  .hldj .swiper-slide-active .itm .caption{display: block;}
}
@media (max-width:768px){
  .hldj .swiper-slide{width: 63.25%;}
}
@media (max-width:640px){
  .hldj .swiper-slide{width: 71.625%;}
  .hldj .swiper-slide .itm .caption{padding: 1em;}
}
@media (max-width:414px){
  .hldj .swiper-slide{width: 75%;}
  .hldj .swiper-slide .itm .caption{font-size: 1em;}
}
.setIE.ie9 .hldj .swiper-slide{
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.setIE.ie9 .hldj .swiper-slide-visible {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
}
.setIE.ie9 .hldj .swiper-slide-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.setIE .hldj .swiper-ctrl-button.swiper-ctrl-prev{left: 0; margin-left: 0;}
.setIE .hldj .swiper-ctrl-button.swiper-ctrl-next{right: 0; margin-right: 0;}


/*和谐道滘*/
.hxdj{padding-top: 2em; padding-bottom: 4%; background: url(../images/zjdj/hxdj_bg.png) repeat-x bottom #fff;}
.hxdj .swiper-container{padding-top: 2.25em; margin-right: -25px; margin-left: -25px;}
.hxdj .swiper-slide .itm{padding: 25px;}
.hxdj .swiper-slide .itm dl{padding: 15px; background-color: #f7fcff; border: 1px solid #a6d3f7; border-radius: 10px; transition: all .3s;}
.hxdj .swiper-slide .itm dl dd{margin-top: 1em;}
.hxdj .swiper-slide .itm dl .caption{position: relative; padding-right: 6em; margin-top: 1.5em;}
.hxdj .swiper-slide .itm dl .caption a{font-size: 1.125em; font-weight: bold;}
.hxdj .swiper-slide .itm dl .caption span{position: absolute; top: 0; right: 0; bottom: 0; margin: 0; color: #8fa4c4; line-height: 1.25em;}
.hxdj .swiper-slide .itm dl .desc{line-height: 1.625em; text-align: justify; -webkit-line-clamp: 3;}
.hxdj .swiper-slide .itm dl .more{display: none; margin-top: 1em; text-align: right; line-height: 1.25em;}
.hxdj .swiper-slide:hover .itm{margin-top: -2.25em;}
.hxdj .swiper-slide:hover .itm dl{background: #fff; box-shadow: 0 0 24px rgba(43, 101, 197, .4);}
.hxdj .swiper-slide:hover .itm dl .caption a{color: #2b65c5;}
.hxdj .swiper-slide:hover .itm dl .more{display: block;}
@media (max-width:1480px){
  .hxdj .swiper-container{margin-right: -20px; margin-left: -20px;}
  .hxdj .swiper-slide .itm{padding: 20px;}	
  .hxdj .swiper-slide:hover .itm dl{box-shadow: 0 0 20px rgba(43, 101, 197, .4);}
}
@media (max-width:1280px){
  .hxdj .swiper-ctrl-button{display: block !important;}
  .hxdj .swiper-ctrl-button.swiper-button-disabled i{color: #e2e2e2 !important;}
  .hxdj .swiper-ctrl-button.swiper-button-disabled:after{background: #f9f9f9;}
  .hxdj .swiper-ctrl-button.swiper-button-disabled:hover{box-shadow: 0 0 20px rgba(0,0,0,.15);}
}
@media (max-width:992px){
  .hxdj .swiper-container{margin-right: -10px; margin-left: -10px;}
  .hxdj .swiper-slide .itm{padding: 10px;}	
  .hxdj .swiper-slide:hover .itm dl{box-shadow: 0 0 10px rgba(43, 101, 197, .4);}
}

@media (max-width:992px){
  .swiper-ctrl-button.resize.sm{width: 30px; height: 40px; margin-top: -20px;}
}
@media (max-width:414px){
  .swiper-ctrl-button.resize.sm{width: 20px; height: 30px; margin-top: -15px;}
}

body.useOldFixed .hxdj .swiper-slide .itm dl .caption{padding-right:0!important}
body.useOldFixed .hxdj .swiper-slide .itm dl .caption span{position: initial!important;}