@charset "utf-8";

#content { padding:0;  }
#focus-gg{ height: 120px;}

/* box-ver */
.box-ver { display: flex; }
.box-ver>.hd { width: 92px; flex-direction: column; margin-bottom: 0; justify-content: space-between; }
.box-ver>.hd h3 { padding: 0 20px; line-height: 1.05; }
.box-ver>.hd .more { margin: 0 auto; }
.box-ver>.bd { flex: 1; }


/* 轮播大图 */
.banner { position: relative; clear: both; height: 100vh; z-index: 0; }
.banner .bd .pic img{ height: 100vh; animation: slideBanner 8s ease-in-out 1; object-fit: cover; width: 100%; }
.banner .bd .con { display: none;; }
.banner .hd { height: 14px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 30px;}
.banner .hd ul { width: 100%; display: flex; justify-content: center; gap: 10px; }
.banner .hd li { cursor: pointer; margin: 0 5px; width: 14px; height: 14px;  background-color:#fff;  border-radius:10px; }
.banner .hd li span { display: none;}
.banner .hd .on {  background-color:#f60;}
@keyframes slideBanner {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
.banner .mark { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(0, 0, 0,0.5); font-size: 60px; font-weight: bold; color: #fff; z-index: 5; padding: 40px;}

/* row-news --------------------------------- */
.row{ position: relative; padding:40px 0;overflow: hidden;}
.row-news .container{ position: relative; z-index: 1;}
.row-news::before,.row-news::after{ content:"";  position: absolute; z-index: 0; bottom:-30px;left:0;width:360px;height:360px; background:url(../../base/img/mdh.png) no-repeat top center; background-size:cover;}
.row-news::after{bottom:auto;left:auto; top:-50px;right:0;width:260px;height:180px; background-image:url(../../base/img/mdh2.png);}
.row-news .Tbd { display: flex; gap: 30px; justify-content: space-between; margin-bottom: 40px; }


/* date-list */
.date-list { min-width: 0; flex: 1; }
.date-list li {  margin-bottom: 20px;  }
.date-list li:last-child { margin-bottom: 0; }
.date-list .title { display: flex; align-items: center; transition: 0.5s; position: relative; justify-content: space-between; height: 110px; padding: 15px 20px; background-color: #f5f5f5; box-sizing: border-box; }
.date-list .date { width: 70px; margin-right: 30px; padding-right: 30px; color: #01427A; height: 64px; overflow: hidden; position: relative; }
.date-list .date::after { display: block; content: ""; width: 1px; height: 40px; background-color: #D2D2D2; position: absolute; right: 0; top: 50%; margin-top:-20px; }
.date-list .date .dd { font-size: 24px; font-weight: bold; line-height: 1.5; display: block; text-align: center;}
.date-list .date .ym { line-height: 1.1; display: block; }
.date-list .tit { flex: 1 0 0%; min-width: 0; line-height: 32px; font-size: 18px; max-height: 64px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list li:hover .title { background: #01427A;}
.date-list li:hover .title a.tit { color: #fff; }
.date-list li:hover .date { color: #fff; }
.date-list li:hover .date .ym { opacity: 0.8; }


/* box-notice */
.row-tzgg { background:#01427A url(../../base/img/mdh2-white.png) no-repeat 100% -60px;}
.box-notice .hd h3{ border-color:#fff;}
.box-notice .hd  h3 a{color:#fff;}
.box-notice .hd  .more{color:#fff; border-color:#fff;}
.box-notice .hd  a:hover.more{color:#01427A; background-color:#fff;}
.box-notice .bd { padding: 10px 0 20px;}
.box-notice .swiper-pagination-progressbar {height:1px; bottom: 20px; left: 10px; top: auto; background-color: rgba(255, 255, 255, 0.2); }
.box-notice .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; }
.box-notice .swiper-wrapper { align-items: center; }
.box-notice .t .con{ position: relative;padding-bottom:50px; color:#fff;}
.box-notice .t .con::before,.box-notice .t .con::after{ content:"";  position: absolute;left:50%;bottom:-2px;width:6px;height:6px; background-color:#fff; border-radius:100%; }
.box-notice .t .con::after{bottom:-5px; margin-left:-3px;  width:12px;height:12px; background-color:rgba(255, 255, 255, 0.4)}
.box-notice .t .title a{ position: relative; display:block; padding:15px; min-height:60px; transition:all .5s;color:#fff; border-radius:4px }
.box-notice .t .title a:hover{ background-color:rgba(255, 255, 255, 0.2);  font-weight:bold; }
.box-notice .t .title a::after{ content:""; position: absolute;top:100%;left:50%; margin-left:-7px; border:10px solid transparent;  border-top-color: rgba(255, 255, 255, 0.2);opacity:0; transition:all .5s;}
.box-notice .t .title a:hover::after{ opacity:1; }
.box-notice .t .others{ position: absolute;bottom:5px;left:50%; margin-left:-45px; }
.box-notice .swiper-slide-next .con { transform: translateY(0);  }
.box-notice .swiper-slide-next .intro { -webkit-line-clamp: 3; height: 72px; margin-bottom: 23px; }
.box-notice .swiper-button-next,.box-notice .swiper-button-prev {z-index: 11;top:auto; bottom: 2px; right:0;width: 40px; height: 40px; background-color: #fff; color: #01427A; border-radius: 5px;text-align: center;opacity:1 !important;}
.box-notice .swiper-button-prev {right:auto;left:0;}
.box-notice .swiper-button-prev:after,.box-notice .swiper-button-next:after { content: "\E1CE"; font-family: fontpower; font-size: 24px;  font-weight:bold;  }
.box-notice .swiper-button-prev { transform: rotate(180deg); }

.row-ggw{ padding:0; }
.row-xwz .container{display:flex; grid-gap:15px;}
.row-xwz .container .box-default{flex:1;overflow: hidden;}

.row-xyry .bd .picListFl li{ background-color:#fff;}
.row-xyry .bd .picListFl li .title{ padding:10px; }

.row-ztzl .picList .title a{ position: absolute; z-index: 2; top:50%;left:0;right:0; padding:2.6rem 1rem;line-height: 1rem; z-index: 112;text-align:center; white-space: nowrap; text-overflow: ellipsis;color:#fff; overflow: hidden; transition:all .5s ease 0s;opacity:0;}
.row-ztzl .picList .title:after{content:"";position: absolute;z-index:1;top:0;left:0;right:0;bottom:0; background-color:rgba(0,0,0,.5); transition:all .5s ease 0s;opacity:0;}
.row-ztzl .picList li:hover .title a{top:0; opacity:1;}
.row-ztzl .picList li:hover .title:after{opacity:1;}
#content .row-ztzl .picList li img{width:100%;height:100px;}
.row-ztzl .aos-animate .tabSwiper{ padding:0 !important;}
.row-ztzl .picList .swiper-button-prev,.row-ztzl .picList .swiper-button-next{ display:none; background-color:#344F7E; opacity:.7}
.row-ztzl .picList .swiper-button-prev:after,.row-ztzl .picList .swiper-button-next:after{ color:#fff; font-size:1.5rem;}
.row-ztzl .picList li .tit{ display:none;}
@media (max-width:1680px) {
    .date-list .title { height: 94px; }
}