@charset "utf-8";

/* common */
.row-space16 {
  margin-right: -8px;
  margin-left: -8px;
}
.row-space16 > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}
.ztzl-main{overflow-x: hidden;position: relative;z-index: 1;}
.ztzl-main .owl-carousel .owl-stage-outer{height: auto!important;}
.ztzl-main .infolist{font-size: 1em;}
.ztzl-main .infolist li{padding-top: 4px;padding-bottom: 4px;}
.ztzl-main .infolist.dot li a{padding-left: 20px;}
.ztzl-main .infolist.dot li a:before{width: 7px;height: 7px;margin-top: -3.5px; background: url(../images/icon_dot.png) no-repeat center;background-size: contain;}

.zthhly-title.c .pic,
.ztzl-main .img-txt .item{
  /* display: block; */position: relative;overflow: hidden;
  display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
  -webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
  -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
}
.ztzl-main .fm-info .fm img,
.ztzl-main .img-txt img{display: block;min-width: 100%;height: 100%;max-width: initial;width: auto;}
/* .ztzl-main .img-txt img{position: absolute;left: 50%;top: 0;transform: translateX(-50%);} */
.ztzl-main .img-txt .txt{position: absolute;left:0;right:0;bottom:0;padding: 0 16px;height: 42px;line-height: 42px;color:#fff;background: rgba(0,0,0,.6);}
.ztzl-main .img-txt.s .item{height: 160px;}
.ztzl-main .img-txt.s .txt{font-size: .9375em;height: 32px;line-height: 32px;padding: 0 10px;}

.ztzl-main .fm-info .fm{float: left;width: 240px;height: 165px; overflow: hidden;border-radius: 20px;}
.ztzl-main .fm-info .infolist{margin-left: 260px;clear: none;margin-top: -8px;}
@media (max-width: 768px) {
  .ztzl-main .fm-info .fm{float: none;margin: 0 auto 20px;}
  .ztzl-main .fm-info .infolist{margin-left: 0;clear: both;}
}
@media (max-width: 480px) {
  .ztzl-main .infolist.dot li a{padding-left: 0;}
  .ztzl-main .infolist.dot li a:before{top: 19px;}
}

/* header */
.ztzl-header{position: relative;height: 856px;background: url(../images/banner.jpg) no-repeat center;background-size: auto 100%;}
.ztzl-header img{margin:0 auto;}
.ztzl-header .back{position: absolute;left: 15%;top: 0%;width: 20%;height:10%;cursor: pointer;}
@media (max-width: 1280px) {
  .ztzl-header{height: 675px;}
}
@media (max-width: 1080px) {
  .ztzl-header{height: 620px;}
}
@media (max-width: 992px) {
  .ztzl-header{height: 350px;background-size: auto 130%;background-position: center top;}
  .zthhly-zs{display: block;}
  .ztzl-main{margin-top: -40px;}
}
@media (max-width: 768px) {
  .ztzl-header{height: 275px;}
}
@media (max-width: 580px) {
  .ztzl-header{height: 200px;}
}
@media (max-width: 460px) {
  .ztzl-header{height: 180px;}
}
@media (max-width: 380px) {
  .ztzl-header{height: 150px;}
}

/* 标题 */
.zthhly-title{position: relative;padding-right: 50px;height: 36px;}
.zthhly-title .pic{overflow: hidden;height: 100%;}
.zthhly-title img{display: block;height: 100%;max-width: initial;}
.zthhly-title .more{position: absolute;right:0px; top:50%;line-height: 28px;margin-top: -14px;}

.zthhly-zs{ background: #fff;border-radius: 10px;padding: 20px;line-height: 2;text-indent: 2em;box-shadow: 0 0 13px #ccc;margin-bottom: 40px;}

/* 头条 */
.zthhly-tt{ background: url(../images/icon_tt.jpg) no-repeat left center;background-size: contain;padding: 20px 80px;}
.zthhly-tt h3{font-size: 1.875em;color: #015289;text-align: center;}
.zthhly-tt h3 a{color: #015289;}
@media (max-width: 1280px) {
  .zthhly-tt{padding: 5px 80px;}
  .zthhly-tt h3{font-size: 1.625em;}
}
@media (max-width: 768px) {
  .zthhly-tt h3{font-size: 1.25em;font-weight: 700;}
}

/* 图片新闻 */
.zthhly-tpxw .item{position:relative; overflow:hidden;display: block; height: 367px;}
.zthhly-tpxw .img-txt .txt{padding: 0 180px 0 20px;height: 48px;line-height: 48px;}
.zthhly-tpxw .owl-dots{position: absolute; right: 15px;bottom: 14px; z-index: 1;}
.zthhly-tpxw .owl-dot{float: left; width: 18px;height: 20px;line-height: 20px;font-size: 14px; color: #FFF;margin: 0 5px;background: #6A6766;text-align: center;}
.zthhly-tpxw .owl-dot.active{background: #326B93;}
.zthhly-tpxw .owl-carousel{overflow: hidden;}
@media (max-width: 1280px) {
  .zthhly-tpxw .item{height: auto;}
  .zthhly-tpxw .item img{max-width: 100%;}
}

/* 影像黄河 */
.zthhly-yxhh .img-txt .item{height: 330px;}
.zthhly-yxhh .img-txt.s .item:first-child{margin-bottom: 10px;}
@media (max-width: 768px) {
  .ztzl-main .img-txt.s .item,
  .zthhly-yxhh .img-txt .item{height: auto;margin-top: 20px;}
  .zthhly-yxhh .img-txt .item img{max-width: 100%;}
  .ztzl-main .img-txt.s .txt{font-size: 1em;height: 42px;line-height: 42px;padding: 0 16px}
}

/* 黄河发展 */
.zthhly-hhfz .img-txt .item{height: 220px;}

/* 图说黄河 */
.zthhly-tshh .contpad{position: relative;overflow: hidden;}
.zthhly-tshh .thumb{width: 275px;position: absolute;right:0;top:0;}
.zthhly-tshh .thumb ul{margin: -10px -5px 0 15px;}
.zthhly-tshh .thumb li{float: left;}
.zthhly-tshh .owl-dot,
.zthhly-tshh .thumb li a{display: block;margin: 10px 5px 0;height: 146px;overflow: hidden;}
.zthhly-tshh .slide{margin-right: 275px;}
.zthhly-tshh .img-txt .item{height: 615px;}
.zthhly-tshh .owl-dots{position: absolute;right: -280px;top: -10px;z-index: 10;}
.zthhly-tshh .owl-dot{width: 255px;height: 146px;background: rgba(0,0,0,.4);}
.zthhly-tshh .owl-dot.active{background: none;}
@media (max-width: 992px) {
  .zthhly-tshh .slide{margin-right: 0;}
  .zthhly-tshh .img-txt .item{height: auto;}
  .zthhly-tshh .img-txt .item img{max-width: 100%;}
  .zthhly-tshh .thumb{position: static; width: auto;}
  .zthhly-tshh .thumb ul{margin: 10px -5px 0;}
  .zthhly-tshh .thumb li{width: 25%;}
  .zthhly-tshh .owl-dot{height: 114px;}
  .zthhly-tshh .thumb li a{max-height: 114px;height: initial;}
  .zthhly-tshh .owl-dots{left:-5px;right:-5px;bottom: -134px;top: auto;}
  .zthhly-tshh .owl-dot{float: left;width: 25%;margin: 0;background: none;}
  .zthhly-tshh .owl-dot span{display: block;margin: 0 5px;background: rgba(0,0,0,.4);height: 100%;}
  .zthhly-tshh .owl-dot.active span{background: none;}
}