@charset "utf-8";

.zjsfh-tit{text-align: center;}
.zjsfh-tit .tit{color: #262626;font-weight: 700;font-size: 2.1em;line-height: 1.3;display: inline-block;margin-left: 17px;position: relative;}
.zjsfh-tit b{color: #9E7846;font-weight: 900;font-size: 1.25em;}
.zjsfh-tit.line{background: url(../images/zjsfh/zjsfh_tit_line.png) no-repeat center bottom;background-size: auto 17px;}
.zjsfh-tit.line .tit{padding-bottom: 17px;}
.zjsfh-tit.half .tit{padding-bottom: 12px;}
.zjsfh-tit.half .tit:before{content:"";width: 42px;height: 6px;background: #9E7846;border-radius: 6px;position: absolute;left: 50%;bottom:0;margin-left: -21px;;}

.zjsfh-shoadow{padding: 30px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 20px rgba(83, 128, 201, 0.3);-webkit-box-shadow: 0px 0px 20px rgba(83, 128, 201, 0.3);}

.zjsfh-links-icon li{float: left;}
.zjsfh-links-icon li a{position: relative;padding-left: 80px; display: block;height: 66px;line-height: 66px;font-size: 1.25em;color: #005293;font-weight: 700;background: linear-gradient(270deg, #C9EAFF 0%, #F4FAFF 100%);-webkit-background: linear-gradient(270deg, #C9EAFF 0%, #F4FAFF 100%);}
.zjsfh-links-icon li img{position: absolute;left: 25px;top: 50%;height: 40px;margin-top: -20px;}

.com-zt-dot{display: none;}

@media (max-width: 1280px) {
  .zjsfh-tit .tit{font-size: 1.75em;}

  .zjsfh-tit.half .tit{font-size: 1.5em;}
  .zjsfh-tit.half .tit:before{height: 4px;}
}
@media (max-width: 992px) {
  .com-zt-dot{display: block;}
}
@media (max-width: 640px) {
  .zjsfh-shoadow{padding: 20px;}
}

/* 基本市情 */
.zjsfh-jbsq{padding-bottom: 100px; background: url(../images/zjsfh/jbsq_bg.jpg) no-repeat center top;background-size: cover;}
.zjsfh-jbsq .video{width: 580px;height: 326px;float: left;position: relative;cursor: pointer;}
.zjsfh-jbsq .video video{width: 100%;height: 100%;}
.zjsfh-jbsq .video .play{position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;background: url(../images/zjsfh/icon_play.png) no-repeat;background-size: 100% 100%; border-radius: 50%;margin: -32px 0 0 -32px;z-index: 1;}
.zjsfh-jbsq .txtbox{margin-left: 580px;padding-left: 40px;}
.zjsfh-jbsq .txtbox .info{text-indent: 2em;line-height: 2;margin-top: -10px;max-height: 256px;overflow: hidden;}
.zjsfh-jbsq .txtbox .info .more{color: #2C60B6;}
.zjsfh-jbsq .zjsfh-links-icon ul{margin: -25px -10px 0;}
.zjsfh-jbsq .zjsfh-links-icon li{width: 50%;}
.zjsfh-jbsq .zjsfh-links-icon li a{margin: 20px 10px 0;padding-left: 100px;}
@media (max-width: 1280px) {
  .zjsfh-jbsq .video{float: none;margin: 0 auto 25px;max-width: 100%;height: auto;}
  .zjsfh-jbsq .txtbox{margin-left: 0;padding-left: 0;}
  .zjsfh-jbsq .txtbox .info{max-height: inherit;}
}
@media (max-width: 580px) {
  .zjsfh-jbsq .video .play{width: 44px;height: 44px;margin: -22px 0 0 -22px;}
  .zjsfh-jbsq .zjsfh-links-icon li a{padding-left: 0;text-align: center;}
  .zjsfh-links-icon li img{position: static;margin: 0 4% 0 0;}
}
@media (max-width: 460px) {
  .zjsfh-jbsq .zjsfh-links-icon li{width: 100%;}
}

/* 城市名片 */
.zjsfh-csmp{margin-top: -100px;}
.zjsfh-csmp .swiper-box{position: relative;height: 220px;overflow: hidden;}
.zjsfh-csmp .swiper-csmp{margin: 0 -20px;}
.zjsfh-csmp .swiper-slide .item{display: block;height: 220px;color: #fff;font-size: 1.25em; margin: 0 20px;overflow: hidden;position: relative;border-radius: 0 40px 0 0;}
.zjsfh-csmp .swiper-slide .item:before{content:"";position: absolute;top: 0;left:0;right:0;bottom:0;z-index: 1; background: url(../images/zjsfh/csmp_line_blue.png) repeat-x left bottom;background-size: auto 100%;}
.zjsfh-csmp .swiper-slide .item:hover:before{background-image: url(../images/zjsfh/csmp_line_orange.png);}
.zjsfh-csmp .swiper-slide .txt{position: absolute;left:0;right:0;bottom:0;z-index: 2; height: 54px;line-height: 54px;padding: 0 10px 0 20px;}
.zjsfh-csmp .swiper-slide .txt b{margin-right: 10px;}
.zjsfh-csmp .swiper-slide .txt i{font-style: normal;font-weight: 400;}
.zjsfh-csmp .item: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);}
@media (max-width: 1280px) {
  .zjsfh-csmp .swiper-csmp{margin: 0 -10px;}
  .zjsfh-csmp .swiper-box{height: auto;max-height: 251px;}
  .zjsfh-csmp .swiper-slide .item{margin: 0 10px;font-size: 1em;height: auto;padding-bottom: 30px;}
  .zjsfh-csmp .swiper-slide .txt{height: 42px;line-height: 42px;}
}

/* 视频绥芬河 */
.zjsfh-spsfh{background: url(../images/zjsfh/spsfh_bg.png) no-repeat center bottom;background-size: cover;}
.swiper-spsfh{position: relative;}
.swiper-spsfh .swiper-container{padding: 130px 0 160px;height: 220px;}
.swiper-spsfh .swiper-slide-visible{
  position: relative;font-size: 12px;text-align: center;font-weight: 700;margin-top: -10px;
  -webkit-transform: scale(1.48);-moz-transform: scale(1.48);-ms-transform: scale(1.48);
  -o-transform: scale(1.48);transform: scale(1.48);
}
.swiper-spsfh .swiper-slide:before{content:"";position: absolute;left:0;top:0;bottom:0;right:0;background: #237AC1;opacity: .35;}
.swiper-spsfh .swiper-slide .txt{display: none;}
.swiper-spsfh .swiper-slide .imgbox:before{display: none; content:""; position: absolute;left: 50%;top: 50%;margin: -18px 0 0 -18px; width: 36px;height: 36px;border-radius: 50%;background: url(../images/zjsfh/icon_play2.png) no-repeat center;background-size: 100% 100%;transition: 0.3s all;}
.swiper-spsfh .swiper-slide .item:hover .imgbox:before{
  -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
  -o-transform: scale(1.1);transform: scale(1.1);
}
.swiper-spsfh .swiper-slide-active,
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible{z-index: 1;}
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible{
  z-index: 2;margin-top: 0;
  -webkit-transform: scale(1.97);-moz-transform: scale(1.97);-ms-transform: scale(1.97);
  -o-transform: scale(1.97);transform: scale(1.97);
}
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible .imgbox{position: relative;padding: 8px;overflow: hidden; background: url(../images/zjsfh/spsfh_video_border.png) no-repeat center;background-size: 100% 100%;}
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible .imgbox:before{display: block;}
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible .txt{display: block;margin-top: 10px;line-height: 1;}
.swiper-spsfh .swiper-slide-active+.swiper-slide-visible:before{display: none;}
.swiper-spsfh .swiper-nav{position: absolute;top: 50%;z-index: 1; margin-top: -45px; width: 44px;height: 39px;background: url(../images/zjsfh/icon_slide_prev.png) no-repeat center;background-size: 100% 100%;cursor: pointer;}
.swiper-spsfh .swiper-nav.prev{left: 12%;}
.swiper-spsfh .swiper-nav.next{right: 12%; background-image: url(../images/zjsfh/icon_slide_next.png);}
@media (max-width: 1280px) {
  .swiper-spsfh .swiper-container{padding: 110px 0 100px;}
}
@media (max-width: 992px) {
  .swiper-spsfh .swiper-container{padding: 80px 0 20px;}
  .swiper-spsfh .swiper-slide-active+.swiper-slide-visible .txt{
    margin-top: 5px;
    -webkit-transform: scale(.75);-moz-transform: scale(.75);-ms-transform: scale(.75);
    -o-transform: scale(.75);transform: scale(.75);
  }
  .swiper-spsfh .swiper-slide-active+.swiper-slide-visible .imgbox:before{width: 22px;height: 22px;margin: -11px 0 0 -11px;}
  .swiper-spsfh .swiper-nav.prev{left: 7%;}
  .swiper-spsfh .swiper-nav.next{right: 7%; }
}
@media (max-width: 768px) {
  .swiper-spsfh .swiper-container{height: auto;max-height: 220px;padding-bottom: 70px;}
}
@media (max-width: 560px) {
  .swiper-spsfh .swiper-container{padding: 60px 0;}
}
@media (max-width: 520px) {
  .swiper-spsfh .swiper-container{padding:0;max-height: inherit;}
  .swiper-spsfh .swiper-slide,
  .swiper-spsfh .swiper-slide-visible{font-size: 1em;font-weight: 700;margin-top: 0;}
  .swiper-spsfh .swiper-slide .txt{display: block;margin-top: 10px;padding: 0 10px}
  .swiper-spsfh .swiper-slide .imgbox{overflow: hidden;}
  .swiper-spsfh .swiper-slide .imgbox:before{display: block;}
  .swiper-spsfh .swiper-slide .imgbox img{width: 100%;height: 100%;object-fit: cover;}

  .swiper-spsfh .swiper-nav.prev{left: 10px;}
  .swiper-spsfh .swiper-nav.next{right: 10px;}
  .swiper-spsfh .swiper-nav,
  .swiper-spsfh .swiper-slide:before{display: none;}

  .swiper-spsfh .swiper-slide-visible,
  .swiper-spsfh .swiper-slide-active+.swiper-slide-visible .txt,
  .swiper-spsfh .swiper-slide-active+.swiper-slide-visible{
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);
    -o-transform: scale(1);transform: scale(1);
  }
}

/* 人文景观 */
.zjsfh-rwjg a{position: relative;display: block;overflow: hidden;}
.zjsfh-rwjg a .txt{position: absolute;left:0;right:0;bottom:0;height: 30px;line-height: 30px; color: #fff;text-align: center; padding: 0 10px;background: rgba(0,0,0,.4);}
.zjsfh-rwjg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.zjsfh-rwjg-tt a{height: 335px;}
.zjsfh-rwjg-tt a .txt{height: 40px;line-height: 40px;font-size: 1.125em;}
.zjsfh-rwjg-list ul{margin: -20px -12.5px 0;}
.zjsfh-rwjg-list li{width: 50%;float: left;}
.zjsfh-rwjg-list li a{margin: 20px 12.5px 0;height: 158px;}
@media (max-width: 1280px) {
  .zjsfh-rwjg-list li a{height: auto;max-height: 258px;}
}
@media (max-width: 640px) {
  .zjsfh-rwjg-tt a{height: auto;}
}
@media (max-width: 580px) {
  .zjsfh-rwjg-tt a .txt{font-size: 1em;}
  .zjsfh-rwjg-list li{width: 100%;}
  .zjsfh-rwjg-list li a{width: 100%;max-height: initial;}
  .zjsfh-rwjg a .txt{height: 40px;line-height: 40px;}
}


/* links */
.zjsfh-links{position: relative;}
.zjsfh-links:before{content:"";width: 100%;height: 160px;position: absolute;left:0;top:0;z-index: -1; background: linear-gradient(270deg, #346CB8 0%, #66BAF2 100%);}
.zjsfh-links .swiper-links{overflow: hidden;max-height: 284px;}
.zjsfh-links .swiper-container{margin: 0 -20px;}
.zjsfh-links li a{display: block;margin: 40px 20px 0;padding: 10px 10px 20px; background: #fff;border-radius: 0 40px 0 0;transition: 0.3s all;}
.zjsfh-links li .linear{padding: 1px; border-radius: 0 40px 0 0;transition: 0.3s all;background: linear-gradient(135deg, #FFFFFF 0%, #88BBF3 100%);}
.zjsfh-links li img{display: block;margin: 0 auto;height: 105px;}
.zjsfh-links .com-zt-dot{margin-top: 0;}
.zjsfh-links li a:hover{transform: translateY(-10px);padding-bottom: 0;}
.zjsfh-links li a:hover .linear{padding-bottom: 20px;}
@media (max-width: 1280px) {
  .zjsfh-links .swiper-links{max-height: 305px;}
  .zjsfh-links .swiper-container{margin: 0 -10px;}
  .zjsfh-links li a{margin: 40px 10px 0;}
}

/* 近邻俄罗斯 */
.zjsfh-jlels{background: url(../images/zjsfh/jlels_bg.jpg) no-repeat center bottom;background-size: cover;}
.zjsfh-jlels .imgbox{float: right;width: 495px;height: 326px;}
.zjsfh-jlels .txtbox{margin-right: 530px}
.zjsfh-jlels .txtbox .info{text-indent: 2em;line-height: 2;margin-top: -10px;max-height: 256px;overflow: hidden;}
.zjsfh-jlels .txtbox .info .more{color: #2C60B6;}
.jlels-links ul{margin: -16px -8px 0;}
.jlels-links li{width: 33.33%;}
.jlels-links li a{margin: 16px 8px 0;}
@media (max-width: 1280px) {
  .zjsfh-jlels .imgbox{float: none;margin: 0 auto 25px;max-width: 100%;height: auto;}
  .zjsfh-jlels .txtbox{margin-right: 0;padding-left: 0;}
  .zjsfh-jlels .txtbox .info{max-height: inherit;}
}
@media (max-width: 640px) {
  .jlels-links li{width: 50%;}
  .jlels-links li a{padding-left: 0;text-align: center;}
}
@media (max-width: 460px) {
  .jlels-links li{width: 100%;}
}