﻿@charset "utf-8";
#free_Web_box_sub ~ .wrap #header { top: 96px; }
#content { width: 100%; max-width: 100%; margin: 0; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff;    /* display: flex; */ justify-content: center; align-items: center; width: 100% !important; }
.swiper-slide img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; }
.hdW { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 45px auto; gap: 10px }
.hdW a {font-size: 30px;font-weight: bold;color: #C30600;margin-bottom: 10px}
.hdW span {line-height: 10px;font-size: 12px;color: #C30600;text-transform: uppercase}

/*鼠标效果*/
.section .mBt .moreBtn:after { content: ""; background: #fff; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 16px; opacity: 0; transition: all 0.75s ease-in-out; }
.section .mBt .moreBtn:hover:after, .section .mBt .moreBtn:active:after { width: 0px; opacity: 1; transition: 0s; }

/* 第一屏  焦点图 ------------------------------------------*/
#pageXwzx .fp-tableCell { vertical-align: top; }
#pageXwzx .siteWidth { padding-top: 20px; }
#focusPic { width: 100%; height: auto; }
#focusPic .bd { height: auto; }
#focusPic .bd li { display: block; width: 100%; height: auto; background-size: cover !important; }
#focusPic .bd li a { display: block; }
#focusPic .con { display: none; }
#focusPic .hd { right: 0; bottom: 5%; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
#focusPic .hd ul { float: none; display: inline-block; *display: inline; text-align: center; margin: 0 auto; display: flex; align-items: center; }
#focusPic .hd li { margin: 0 5px; width: 10px; height: 10px; line-height: 7px; background: #fff; border-radius: 10px; transition: 0.5s; }
#focusPic .hd li.on { background: #539ffe; width: 20px; height: 20px; }

.newsgroup .searchBar{position: absolute;top: -104px;right: 0;margin-left: 338px;width: 367px;border: 2px solid #c00;height: 46px;/* border-radius: 10px; */background: #fff;}

.swiper-pagination {bottom: 3% !important;}
.swiper-pagination-bullet {height: 10px;width: 10px;border-radius: 15px;background: #fff;opacity: 1;transition: 0.3s;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 50px;background: #c00;}
.newsgroup {background: #F7F4EF;overflow: hidden;background-size: cover;padding-bottom: 30px;}
.newsgroup .siteWidth { display: flex; gap: 30px; flex-direction: row; }
.focustop .newtoplist { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }


/* 焦点图切换-新闻内容 */
.focusBox { overflow: hidden; position: relative;width: 700px;height: 540px;background: #fff; }
.focusBox .hd {position: absolute;z-index: 1;right: 15px;bottom: 160px;}
.focusBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.focusBox .hd ul li {float: left;margin-left: 10px;width: 10px;height: 10px;line-height: 14px;text-align: center;background: #fff;cursor: pointer;color: #fff;border-radius: 7px;transition: 0.3s;}
.focusBox .hd ul li.on {width: 50px;background: #c00;color: #fff;}
.focusBox .hd ul li span { display: none; }
.focusBox .bd { position: relative; overflow: hidden; }
.focusBox .bd li {position: relative;background: #fff;height:540px;display: flex;flex-direction: column;}

.focusBox .bd .pic {position: relative;z-index: 0;line-height: 0;overflow: hidden;}
.focusBox .bd .con {position: relative;width: 100%;z-index: 1;bottom: 0;text-align: left;display: flex;flex-direction: column;justify-content: space-between;gap: 13px;padding: 20px;box-sizing: border-box;}
.focusBox .bd .con .title {overflow: hidden;font-size: 16px;}
.focusBox .bd .con .title a {text-decoration: none;font-size: 18px;color: #c00;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.focusBox .bd .con .titleBg {position: absolute;width: 100%;z-index: 0;bottom: 0;left: 0;background: #000;filter: alpha(opacity=50);opacity: 0.5;height: 75px;display: none;}
.focusBox .bd  .pic img { width:700px; height: 400px; }
.focusBox .bd .con .intro{line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color: #777;}


.newtoplist .hd { line-height: 2.5; overflow: hidden; margin-left: 98px; position: relative; margin-bottom: 15px; }
.newtoplist .hd:after { content: ''; width: 100%; height: 3px; background: #e0e0e0; display: block; position: absolute; bottom: 0; left: 0; z-index: 0 }
.newtoplist .hd h3 { font-size: 36px; border-bottom: 3px solid #f4c82b; float: left; z-index: 1; position: relative }
.newtoplist .hd .more { float: right; margin-top: 36px; }
.newtoplist li {height: 79px;position: relative;/* border-bottom:1px solid #f1f1f1; */transition: 0.3s;background: #fff;padding: 0px 10px;display: flex;align-items: center;}
.newtoplist li:hover { background: #C30600; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }
.newtoplist li:hover .title { color: #fff }
.newtoplist li:last-child { border-bottom: none }
.newtoplist li .pic { display: none }
.newtoplist li a {font-size: 17px;padding-left: 135px;display: inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-right: 1.67rem;transition: 0.3s;}
.newtoplist li .dateB {position: absolute;left: 24px;display: flex;flex-direction: column;align-content: flex-start;align-items: center;}
.newtoplist li .dateB .dateYM {font-size: 23px;display: block;color: #C30600;text-align: center;font-weight: bold;}
.newtoplist li .dateB .dateDD {display: block;margin-top: 0px;position: relative;text-align: center;font-size: 13px;color: #c00;padding-left: 5px;}
.newtoplist li .dateB .dateDD:after {content: "";width: 1px;height: 50px;background: #e0e0e0;position: absolute;top: -28px;left: 96px;}
.newtoplist li .dateB .dateDD:before {content: "";width: 30px;height: 1px;background: #e0e0e0;position: absolute;top: -2px;right: -38px;}
.newtoplist li:hover .dateYM { color: #fff }
.newtoplist li:hover .dateDD { color: #fff }
.newtoplist li:hover a { color: #1f438c; text-decoration: none }


.newsbox .siteWidth{display:grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.newsbox .inbox{}
.newsbox {margin-top: 40px;overflow: hidden;margin-bottom: 11px;}
.newsbox .hd { display: flex; flex-direction: row; justify-content: space-between; margin: 0px 0 20px 0; align-items: flex-end; }
.newsbox .hd h3 a { font-size: 28px; font-weight: bold; color: #C30600; display: block; }
.newsbox .hd h3 a:before { content: ''; width: 25px; height: 28px; display: block; float: left; background: url(../../base/img/hdtit.svg) no-repeat center bottom; }
.newsbox .hd .more { font-size: 14px; }



.Friendlinks { background: #ffffff; padding: 15px 0; }
.Friendlinks .siteWidth { display: flex; }
.Friendlinks .hdt h3 a { font-size: 16px; font-weight: bold; color: #256db7; }
.Friendlinks .friendLinkList { display: flex; gap: 5px 25px; flex-direction: row; flex-wrap: wrap; }
.Friendlinks .hdt { width: 120px }

.scenery .siteWidth{display:flex;justify-content: space-between; gap:30px}
.scenery {background: url(../../base/img/jjxybg.jpg) no-repeat  center -25px #fff;overflow: hidden;background-size: cover;padding: 50px 0 50px 0;}
.scenery .hd{ width:328px;}
.scenery .hd a{width:328px;height:485px;background:#C30600;display: flex;align-content: center;align-items: center;flex-direction: column;color: #fff;justify-content: space-around;transition: 0.5s !important;}
.scenery .bd{position:relative; flex:1}
.scenery .bd a {overflow: hidden;position: absolute;background:#f0f0f0;display: flex;align-items: center;justify-content: center;font-size:24px;font-weight:bold;color:#fff;flex-direction: column;gap:10px;transition: 0.5s !important;}
.scenery .hd a:hover,
.scenery .bd a:hover{ text-decoration:none;transform: translateY(-10px) !important;box-shadow: 0px 15px 8px rgba(0, 0, 0, 0.2);}

.scenery .bd a.li1{ width:328px; height:300px; top:0; left:0; background:url(../../base/img/pic-msfc.jpg) ; background-size:cover }
.scenery .bd a.li2{width:328px;height:195px;left: 356px;background:url(../../base/img/pic-rych.jpg);background-size:cover}
.scenery .bd a.li3{ width:328px; height:300px; right:0 ;background:url(../../base/img/pic-xzfc.jpg) ; background-size:cover }
.scenery .bd a.li4{width:328px;height:155px;top: 330px;background:url(../../base/img/pic-gxxb.jpg);background-size:cover}
.scenery .bd a.li5{width:328px;height:260px;left: 356px;top: 226px;background:url(../../base/img/pic-hdly.jpg);background-size:cover}
.scenery .bd a.li6{width:328px;height:155px;right:0;top: 330px;background:url(../../base/img/pic-hzjl.jpg);background-size:cover}

.scenery .bd a .pici{ display:block; width:50px; height:50px;}
.scenery .bd a#msfc .pici{background:url(../../base/img/icon-msfc.png);background-size:cover}
.scenery .bd a#rych .pici{background:url(../../base/img/icon-rych.png);background-size:cover}
.scenery .bd a#xzfc .pici{background:url(../../base/img/icon-xzfc.png);background-size:cover}
.scenery .bd a#gxxb .pici{background:url(../../base/img/icon-gxxb.png);background-size:cover}
.scenery .bd a#hdly .pici{background:url(../../base/img/icon-hdly.png);background-size:cover}
.scenery .bd a#hzjl .pici{background:url(../../base/img/icon-hzjl.png);background-size:cover}


@media screen and (max-width:1600px) {
    .scenery .hd{ width:280px; height: 415px;}
    .scenery .hd a{width:280px;height:415px;}
    .scenery .bd a.li1{ width:280px; height:256px; top:0; left:0;}
    .scenery .bd a.li2{ width:280px; height:167px; left: 306px;}
    .scenery .bd a.li3{ width:280px; height:256px; right:0 ;}
    .scenery .bd a.li4{ width:280px; height: 132px; top: 282px;}
    .scenery .bd a.li5{ width:280px; height: 222px; left: 308px;top: 191px;}
    .scenery .bd a.li6{ width:280px; height: 132px; right:0;top: 280px;}

}

/*index.css*/
