@charset "utf-8";
#header{position: relative; z-index: 3; margin:0;}
.logoBar{width: 1400px; margin-left:-700px;top:50px;}
.logoBar #logo {width:auto;height:auto;background:none;border-radius:0;margin: 0;}

.row{padding: 20px 0; }
.row:after { content:""; clear:both; display:block;}
.fl{ float: left;}
.fr{ float: right;}
.col-2 { width:49.16%}

@keyframes bb{0%{transform: translate(-50%,0); opacity: 0;} 20%{transform: translate(-50%,3px); opacity: 1;} 80%{transform: translate(-50%,10px); opacity: 1;} 90%{transform: translate(-50%,10px); opacity: 0;} 100%{transform: translate(-50%,10px); opacity: 0;}}
#gotoCont{position: absolute;bottom: 2rem;left: 50%;z-index: 1000; cursor:pointer;width: 46px;height: 30px;background:url(../../base/img/downarr.svg) no-repeat;display: flex;align-items: center;justify-content: center;transform: translateX(-50%);animation: bb 2s linear 0s infinite;}



#rowA { position:relative; padding-bottom:50px;}
#rowA:after { position:absolute; bottom:0; content:""; height:9px; width:100%; background:url(../../base/img/rowaline.png) repeat-x; overflow:hidden;}

#focusNews { position:relative; background:#fff; height:490px; overflow:hidden;}
#focusNews .pageState {position:absolute;z-index:9;top:20px;left:30px;color:#fff;background:rgb(0 0 0 / 40%);height:28px;line-height:28px;padding:0 12px;border-radius:5px;font-family:arial;font-size: 16px;letter-spacing:3px;}
#focusNews .titleBg { display:none }
#focusNews .hd { display:none;}
#focusNews .con {padding:20px 30px;display:flex;gap:10px;flex-direction: column;}
#focusNews .title { font-size:18px; font-weight:700; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#focusNews .intro { font-size:16px; color:#999; text-align:justify;}

.annList {border-left:2px solid #fff;padding-left:40px;display: flex;flex-direction: column;gap: 20px;margin-left: 20px;}
.annList li {position:relative;border-radius: 0 75px 75px 0;background:#fff;height: 90px;display:flex;flex-direction: column;align-items: flex-start;padding: 30px;justify-content: center;transition: all 0.5s;}
.annList li .date {line-height:28px;background:#c21c1c;padding:0 10px;color:#fff;border-radius:5px;margin-bottom:10px;transition: all 0.5s;}
.annList li a { text-align:left; display:block; font-size:16px; line-height:1.5}
.annList li:before { position:absolute; left:-50px; content:""; display:block; width:17px; height:17px; border-radius:50%; background:#fff;transition: all 0.5s;}
.annList li:hover { background:#c21c1c}
.annList li:hover .date { background:#E8C99C}
.annList li:hover a { color:#FFF8EE}
.annList li:hover:before { background:#c21c1c}

#xqzxBoxList .pictxtList {display:flex;clear:both;padding-top:20px;width: 100%; gap:20px}
#xqzxBoxList li { width:23.75%; background:#fff;}
#xqzxBoxList li .con {text-align:left;padding:25px;}
#xqzxBoxList li .node {background:#E8C99C;display: inline-block;padding: 0 10px;color: #fff;border-radius: 3px;margin: 0 0 10px;}
#xqzxBoxList li .title { 
    font-size: 16px;
    line-height: 1.375;
    margin-bottom: 5px;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 显示2行,超出显示省略号 */
    text-overflow: ellipsis;
}

#xqzxBoxList li .intro {
    text-align: justify;
    color: #999;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 显示3行,超出显示省略号 */
    text-overflow: ellipsis;
}
#xqzxBoxList li .date { color:#999; font-size:14px;}

#rowB { position:relative; padding-bottom:50px; background:url(../../base/img/rowBbg.jpg) no-repeat center / cover; padding:100px 0; height:637px;}
.rowTi2 {float:left;text-align:left;position:absolute;z-index: 9;}
.rowTi2 h3 a{ color:#fff; font-size:28px; color:#FFF8EE; font-weight:700;}
.rowTi2 .more{padding-right: 20px;color: #fff;font-size: 16px;background: url(../../base/img/morearr_w.png) no-repeat right; margin-top:15px;display:inline-block;}
.rowTi2 .more a{color: #fff}

.pictxtGroup .bd { height:660px!important}
.pictxtGroup .bd .pictxtList {display:flex;width:100%;gap: 70px;position:relative;}
.pictxtGroup .bd .pictxtList li {background:url(../../base/img/ulline.png) no-repeat left;height:444px;text-align:left;padding-left: 50px;width: 300px;transition: all 0.5s;overflow: hidden;
                                .pic, .con { transition:all 0.5s; position:absolute; top:0;}
                                .pic { top:188px; }
                                &:hover { 
                                .pic {  top:0; }
                                .con { top:188px;}
                                    }
                                }
.pictxtGroup .bd .pictxtList li:nth-child(3n+1) { transform:translateY(200px)}
.pictxtGroup .bd .pictxtList li:nth-child(3n+2) { transform:translateY(100px)}
.pictxtGroup .hd ul{ display:none;}
.pictxtGroup .prev,
.pictxtGroup .next { position:absolute; right:0; top:600px; width:45px; height:45px; background:#fff url(../../base/img/arrleft.png) no-repeat center; border-radius:50%; opacity:0.6; transition:all 0.5s; cursor:pointer}
.pictxtGroup .prev { transform:translateX(-60px)}
.pictxtGroup .next { transform:scale(-1,1)}
.pictxtGroup .prev:hover,
.pictxtGroup .next:hover { opacity:1}

.rowbox h3 a{ position:absolute; bottom:-8px; font-size:24px; color:#E8C99C; text-decoration:none; transition:all 0.5s}
.rowbox h3 a:hover { color:#fff;}

#rowB .pictxtList li .title  {margin-block:15px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;color: #fff;}
#rowB .pictxtList li .title a{font-size:18px;color:#fff;font-weight:bold;line-height: 1.5;}
#rowB .pictxtList li .intro {font-size:16px;color:#fff;opacity:.7;margin-bottom: 20px;text-align: justify;text-indent: 2em;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}

#rowC {background:url(../../base/img/rowCbg.jpg) no-repeat center / cover;padding: 50px 0;}
#rowC .siteWidth{ overflow:hidden;}
#rowC .miso_bd {width: 800px; margin:0 auto; position:relative; }
#rowC .iprev,
#rowC .inext { transition:all 0.4s; position:absolute; top:50%; margin-top:-21px;left:0; background:url(../../base/img/hsyxarr.png) no-repeat; width:26px; height:46px; z-index:99; cursor:pointer; border-radius:0 21px 21px 0}
#rowC .inext { transform:scale(-1,1); left:auto; right:0;}
#rowC ul li { position:relative;}
#rowC .pic img{ overflow:hidden; border-radius:5px;}

#rowC .title {opacity: 0; transition:all 2s; padding:15px 0 10px;font-size:16px;}
#rowC .date { opacity: 0; transition:all 2s; font-size:16px; font-family:Verdana; color:#ad0804; padding-left:30px; background:url(../../base/img/dateico.png) no-repeat 0; height:22px; line-height:22px; display:inline-block; }
#rowC .swiper-slide-active .title { opacity:1}
#rowC .swiper-slide-active .date { opacity:1}

.rowTi {position:relative;background:url(../../base/img/rowtibg.png) no-repeat center;margin-bottom: 40px;padding: 10px 0;line-height: 30px;}
.rowTi h3 a {color:#AD0804;font-size:28px;font-weight:bold;padding:0 20px;text-decoration: none;} 
.rowTi label {text-transform:uppercase;font-size:16px;color:#999999;display: inline-block;padding:0 10px;}
#rowC label { background: #fff; }
#rowC .seemore a{ display:block; background:#AD0804 url(../../base/img/seemoreico.png) no-repeat center 75%; transition:all 0.5s; text-decoration:none; width:160px; margin:40px auto 20px; line-height:35px; padding-bottom:10px; font-size:16px; color:#fff;}
#rowC .seemore a:hover { background-color:#da0500; }

#rowD {background:url(../../base/img/rowDbg.jpg) no-repeat center;padding: 60px 0 30px;}