/* 走进武江 */

/* 武江概况 */
.zjzy-com-tit h2{background: url(../images/zjwj_tit_bg.png) no-repeat center center;}
.zjzy-com-tit img{width: 345px; display: block; margin: 0 auto;}

.zjwj-wjgk{background: url(../images/zjwj_bg_wjgk.png) no-repeat center top; background-size:1920px auto;}

.zjwj-wjgk-intro{position: relative; height: 476px;}
.zjwj-wjgk-intro .pic{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 653px; border-radius: 12px; background: #fff; box-shadow: 0px 2px 18px  rgba(0, 85, 171, 0.2);}
.zjwj-wjgk-intro .pic img{width: 100%; display: block;}
.zjwj-wjgk-intro .cont{margin-left: 512px; box-sizing: border-box; padding: 70px 35px 70px 188px; height: 476px; background: rgba(255, 255, 255, 0.5); border-radius: 40px 0px 40px 0px; box-shadow: -2px -9px 23px  rgba(161, 198, 240, 0.5);}
.zjwj-wjgk-intro .txt{ text-indent: 2em;  line-height: 36px; font-size: 1.125em;  -webkit-line-clamp: 7; max-height: 252px;}

.zjwj-wjgk-iconmenu{margin-left: -19px;}
.zjwj-wjgk-iconmenu {text-align: justify; text-align-last: justify;}
.zjwj-wjgk-iconmenu li{display: inline-block; text-align: center; text-align-last: center;}
.zjwj-wjgk-iconmenu li .icon{padding: 7px 19px 30px; width: 124px; height: 106px; margin: 0 auto; background: url(../images/zjwj_icon_bg.png) no-repeat; background-size: 100% 100%;}
.zjwj-wjgk-iconmenu li .icon img{height: 105px;}
.zjwj-wjgk-iconmenu li .txt{margin-top: -10px; font-size: 1.125em;}
.zjwj-wjgk-iconmenu li a:hover .icon{background-image: url(../images/zjwj_icon_bg2.png);}


/* 武江旅游 */
.zjwj-wjly{background: #F2F7FC;}
.zjwj-wjly-swiper .swiper-slide{width: 880px;}
.zjwj-wjly-swiper .swiper-slide .imgratio{border-radius: 8px 40px 8px 40px;}
.zjwj-wjly-swiper .swiper-button-prev,
.zjwj-wjly-swiper .swiper-button-next {outline: none; width: 48px; height: 48px; top: 50%; margin-top: -24px; background-repeat: no-repeat; background-position: center center; background-size: 19px; background-color: #fff; border-radius: 50%;}
.zjwj-wjly-swiper .swiper-button-prev {left: calc(50% - 550px); background-image: url(../images/arrow2_left_blue.png);}
.zjwj-wjly-swiper .swiper-button-next {right: calc(50% - 550px); background-image: url(../images/arrow2_right_blue.png);}

.zjwj-wjly-list li .box{height: 100px; position: relative; padding: 10px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #CFE7FF; box-shadow: 6px 6px 21px  rgba(25, 119, 212, 0.1); display: flex; align-items: center;}
.zjwj-wjly-list li .time{position: absolute; left: 10px; top: 10px; bottom: 10px; width: 80px; height: 80px; background: #F0F7FF; text-align: center; padding: 0 12px; box-sizing: border-box;}
.zjwj-wjly-list li .time b{display: block; color: #005CB8; font-size: 1.75em; padding-top: 6px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #A1C6F0;}
.zjwj-wjly-list li .time em{display: block; font-style: normal; font-size: 14px;}
.zjwj-wjly-list li .tit{margin-left: 100px; line-height: 28px; max-height: 56px; margin-top: 12px; margin-bottom: 12px;}

/* 武江特色 */
.zjwj-wjts-list li .imgratio{padding-top: 70%;}
.zjwj-wjts-list li .box{position: relative;}
.zjwj-wjts-list li .txt{position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; height: 43px; background: rgba(0, 0, 0, 0.42); color: #fff; line-height: 43px; padding: 0 30px;}


@media (min-width: 1281px) {
  .zjwj-wjts-row .col-c1{width:50.35%;}
  .zjwj-wjts-row .col-c2{width:49.65%;}
}

@media (max-width: 1280px) {
  .zjwj-wjgk-intro .pic{position: static; width: auto; transform: translateY(0);}
  .zjwj-wjgk-intro{height: auto;}
  .zjwj-wjgk-intro .cont{margin-left: 0; border: 0; padding: 40px 25px 25px; background: none; height: auto; margin-top: -20px; border-radius: 0 0 10px 10px;}

  .zjwj-wjly-swiper .swiper-slide{width: 65%;}
  .zjwj-wjly-swiper .swiper-slide .imgratio{border-radius: 4px 20px 4px 20px;}
  .zjwj-wjly-swiper .swiper-slide{width: 80%;}
  .zjwj-wjly-swiper .swiper-button-prev {left: calc(10% - 48px);}
  .zjwj-wjly-swiper .swiper-button-next { right: calc(10% - 48px);}

  .zjwj-wjts-list li .txt{padding: 0 15px;}
  
}

@media (max-width: 992px) {
  .zjzy-com-tit img{width: 280px;}

}

@media (max-width: 768px) {
  .zjzy-com-tit img{width: 220px;}
  .zjwj-wjgk-iconmenu li .icon img{height: 80px;}
  .zjwj-wjgk-iconmenu li .icon{width: 94px; height: 80px; }

  .zjwj-wjly-swiper .swiper-slide{width: 80%;}
  .zjwj-wjly-swiper .swiper-button-prev, .zjwj-wjly-swiper .swiper-button-next{width: 40px; height: 40px;}
  .zjwj-wjly-swiper .swiper-button-prev {left: 10px;}
  .zjwj-wjly-swiper .swiper-button-next { right: 10px;}
}