/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
/*   background:#fff url(bg.jpg) no-repeat top center; */
body{ font-family:Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif;font-size:16px; line-height:150%;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;transition:color .5s;
-moz-transition:color .5s; /* Firefox 4 */
-webkit-transition:color .5s; /* Safari and Chrome */
-o-transition:color .5s; /* Opera */}
a:hover{ text-decoration:none; color:#345ce0;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb100{ margin-bottom:75px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}

.archivingTime {
    position: absolute;
    right: 10px;
    top: 10px;
}
/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.content,.w1200{ width:1200px; margin:0 auto;}
.content{ padding-top:50px;}
/*------------------------内容 start--------------------------*/
/* .header{ margin-bottom: 30px; width:100%; text-align: center; }
.header .img{
    width: 100%;
} */

/*通用栏目-----*/
.hd{ margin-bottom:40px; }
.colTit{ font-weight:bold; font-size:46px; text-align:center; display:block; color:#db0000; font-style:italic; }
.col-more{ text-align:center; display:block; background: linear-gradient(to right,#345CE0, #44BBFF); padding: 10px 0; 
border-radius: 30px; margin: 40px auto 65px; color: #fff; width: 150px;}
.col-more:hover{ color: #fff; background: linear-gradient(to left,#345CE0, #44BBFF);}
.col-more2{ background:rgba(255,255,255,0.8); color: #1C75E8 ;}

/* 01河套发布厅 */
.moda{}

.swiper1{ width:570px;margin-bottom: 20px;}
.swiper1 .swiper-slide img{ width:570px; height:320px; position:relative; z-index:1;}
.swiper1 .swiper-slide a{ display:block; position:relative;}
.swiper1 .swiper-slide a p{ position: absolute; height:50px; line-height:50px; color:#fff; font-size:20px; bottom:0; left:0; 
width:100%; z-index:20; box-sizing:border-box; text-align: center;}
.swiper1 .swiper-slide a:after{ content:""; height:50px; width:100%; position:absolute; z-index:2; bottom:0; left:0; background:#000; opacity:0.5; width:100%;}
.swiper1-prev,.swiper1-next{ color:rgba(255,255,255,0); top: 50%; position: absolute; z-index: 2; cursor: pointer;}
.swiper1-prev{ background:url(lh-arrow-l.png) no-repeat; width:41px; height:58px; left:0; margin-top:-50px;}
.swiper1-next{ background:url(lh-arrow-r.png) no-repeat; width:41px; height:58px; right:0;margin-top:-50px;}


.newsList{ width:600px; }
.newsList li{margin-bottom:18px; display: flex; justify-content: space-between; align-items: center; }
.newsList li a{ color:#333; font-size:18px; flex: 1;height:30px; line-height:30px; overflow: hidden;vertical-align:middle; text-overflow: ellipsis;  white-space: nowrap;}
.newsList li a:hover{color:#345ce0;}
.newsList li a:before{ content:""; width:6px; height:6px; margin-bottom:4px; border-radius:6px; margin-right:10px; background:#0A6CD7; display: inline-block;}
.newsList li:last-child{ margin-bottom:0;}
.newsList li:first-child a{ font-weight: bold;}
.newsList li span{ color: #666;}

/* 活跃夹 */
.medal-nav h2{height: 44px; line-height: 44px; background: #D01A20; padding: 0 10px;}
.medal-nav h2 a{ font-size: 18px; color: #fff; font-weight: normal; width: 25%; display: inline-block; text-align: center; position: relative;}
.medal-nav h2 a.medal-nav-on::after{ content: ""; display: block; width: 18px; height: 4px; border-radius: 2px; position: absolute; 
    bottom: 2px; left:50%; margin-left: -9px; background: #fff;}
.medal-mod{ display: none; background: #fff; height: 425px;}
.medal-mod-on{ display: block;}
.iframe-wrap{width:100%; height:425px; overflow-y: scroll;overflow-x:hidden;}
.iframe-wrap iframe{ margin-top: -240px;}
.iframe-wrap2 iframe{ margin-top: -200px;}


.list{ float:left; width:320px; height:365px; display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.list a{ font-size:20px; line-height:150%; color:#333333; display:block; padding:10px 0; width:100%; display:block;
border-bottom:1px solid #b9b9b9;  height: calc(100% / 4); display:flex; align-items:center; }
.list a:hover{ color:#345ce0;}


/* 02创新视界 */
.mod-wrap{ width: 100%; background: url(cont-bg.jpg) no-repeat; background-size: 100% 100%; padding: 65px 0 10px; margin-bottom: 65px;}

.modb{ margin-bottom: 65px;}
.modb-video{ width: 859px; height: 540px;}
.modb-video video{ width: 100%; height:auto;width: 859px; height: 540px;}

.slide-img {  width: 298px; height: 540px; margin-bottom: 50px;}
.slide-img .swiper-slide {text-align: center;box-sizing:border-box;}
.slide-img .swiper-slide a{ display: block; position: relative;}
.slide-img .swiper-slide img{ width:298px; height: 169px; }
.slide-img .swiper-slide  h3{ position: absolute; bottom: 0; left: 0; width: 100%; color:#fff;font-size:20px; font-weight: normal; display: none;}
.slide-img .swiper-slide a:hover h3{ display: block; height: 50px; line-height: 50px; background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));}

.slide-img .swiper-button-prev,.slide-img .swiper-button-next{width: auto; height: auto; width: 40px; height: 28px; left: 50%;margin-left: -17px; margin-top: auto;}
.slide-img .swiper-button-next:after,.slide-img .swiper-button-prev:after{ font-size: 34px;transform: rotate(90deg); }
.slide-img .swiper-button-prev{ top: 5px; transform: rotate(90deg); }
.slide-img .swiper-button-next{ top:auto; bottom: 5px; transform: rotate(90deg); }
/* 视频弹窗 */
.video-popup{ position: fixed; top: 0; left: 0;  z-index: 11;  height: 100%; width: 100%; }
.video-popup video{width: 1200px;max-height: 80%;margin: 0 auto;position: relative;z-index: 1;left: 50%;margin-left: -600px; top: 10%; }
.video-popup::after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; top: 0; left: 0; z-index: 0;}
.closePopup{background: none;border: none;font-size: 24px;cursor: pointer;text-align: center;display: block;color: #fff;position: relative;z-index: 10;left: 50%;top: 12%;border: 1px solid #fff;width: 80px;height: 40px;line-height: 40px;border-radius: 10px;margin-left: -40px; opacity:0;}

.hidden{ display: none;}


.modc{}

/* 03 媒体聚焦 */
.modc .fl{ width: 530px;}
.top-news{ display: block; background: url(dh.png) no-repeat; background-size: 100% 100%;padding: 15px 20px; margin-bottom: 20px;}
.top-news h3{font-weight: bold;text-align: center;color: #345ce0; font-size: 22px; line-height: 30px;color: #0A6CD7; margin-bottom: 10px;    padding: 0px 10px 0px 30px;}
.top-news .txt{color: #666; font-size: 16px; line-height: 160%; text-align: justify;}
.top-news:hover h3,.top-news:hover .txt{ color:#0A6CD7;}
.top-news .txt span{ color: #0A6CD7;}
.top-news .date{ color: #888; font-size: 16px;  display: block; text-align: right; padding-right: 25px;}

.newsList2{ overflow:hidden; zoom:1; width: 600px; }
.newsList2 li{ margin-bottom:18px; display: flex; justify-content: space-between; align-items: center; margin-bottom:25px;  }
.newsList2 li a{ flex: 1; height:30px; line-height:30px; overflow: hidden;vertical-align:middle; margin-right: 10px;
     display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsList2 li span{ color: #fff; opacity: 0.7;}
.newsList2 li:nth-child(2n){ margin-right:0;}
.newsList2 li a{ color:#fff; font-size:18px;}
.newsList2 li a:hover{opacity: 0.8;}
.newsList2 li a:before{ content:""; width:6px; height:6px; border-radius:50%;  margin-right:10px; margin-bottom:5px; background:#fff; display: inline-block;}
.newsList2 li:last-child{ margin-bottom: 0;}





/* 04 一拍即河  */
.mode{width: 1200px; margin: 0 auto 30px;}
.mode .swiper-full{ width: 1190px;}
.swiper-full .swiper-wrapper{ width:100%;} 
.swiper-full .swiper-slide a{ display:block;  position:relative; overflow: hidden;}
.swiper-full .swiper-slide img{ width: 1190px; height:593px; position:relative; z-index:1;object-fit: cover;}
.swiper-full .swiper-slide h3{ position: absolute;background: rgba(0,0,0,0.7); height:50px; line-height:50px; font-weight: normal; color:#fff; font-size:20px; text-align:center; bottom:0; left:0; width:100%; z-index:3;}
.swiper-full-next,.swiper-full-prev{ position: absolute; z-index: 10; top: 50%; cursor: pointer;}
.swiper-full-next{ background:url(next.png) no-repeat; width:27px; height:49px; right:30px; margin-top:-25.5px;}
.swiper-full-prev{ background:url(prev.png) no-repeat; width:27px; height:49px; left:30px; margin-top:-25.5px;}


/*------------------------底部 start--------------------------*/
.footer{background: url(footer-bg.jpg) no-repeat bottom center; background-size:100%; width:100%; text-align: center;  font-size:18px; line-height:24px; padding:170px 0 150px; color:#fff; }

@media(min-width:568px){html{width:125%}}
@media(min-width:1200px){html{width:100%}}