@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;}


/* 焦点图区域鼠标样式 */
#focusPic { cursor: url('../../base/img/cursor-drag.svg'), auto !important; user-select: none; position: relative; overflow: hidden; }



.hdW {display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 45px auto;gap: 10px}
.hdW a { font-size: 40px; font-weight: bold; color: #256DB7; margin-bottom: 10px }
.hdW span { line-height: 10px; font-size: 16px; color: #256DB7;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: 700px; }
#focusPic .bd { height: 700px; }
#focusPic .bd li { display: block; width: 100%; height: 700px; 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; }
.focusBox { width: 750px; height:500px; }
.focusBox .bd .pic img {    height: 500px;}


.swiper-pagination {
    bottom: 30px !important;
}
.swiper-pagination-bullet{
    height: 15px;
    width: 15px;
    border-radius: 15px;
    background: #fff;
    opacity: 1;
    transition: 0.3s;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 50px;
    background: #f7bc68;
}

.newsgroup{background: url(../../base/img/bg01.jpg) no-repeat bottom center;overflow: hidden;background-size: cover;}

.newsgroup .siteWidth{display:flex;gap: 30px;flex-direction: row;}
.focustop  .newtoplist{flex:1;display: flex;flex-direction: column;justify-content: space-between;}
.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: 88px;position: relative;/* border-bottom:1px solid #f1f1f1; */transition:0.3s;background: #fff;padding: 10px;display: flex;align-items: center;}
.newtoplist li:hover {background: #256DB7;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: 18px;padding-left: 122px;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: flex-start;}
.newtoplist li .dateB .dateDD {font-size: 25px;display: block;color: #256DB7;text-align: center;font-weight: bold;}
.newtoplist li .dateB .dateYM {display: block;margin-top: 0px;position: relative;text-align: center;font-size: 14px;color: #888;padding-left: 5px;}
.newtoplist li .dateB .dateYM:after {content: "";width: 1px;height: 50px;background: #e0e0e0;position: absolute;top: -28px;left: 88px;}
.newtoplist li:hover .dateDD { color: #fff }
.newtoplist li:hover .dateYM { color: #fff }
.newtoplist li:hover a{color:#1f438c; text-decoration:none}


.indTzgg {margin-top: 40px;overflow: hidden;margin-bottom: 20px;}
.indTzgg .hd{display:flex;flex-direction: row;justify-content: space-between;margin: 0px 0 20px 0;align-items: flex-end;}
.indTzgg .hd h3 a{font-size:28px;font-weight:bold;color:#256DB7;display: block;}
.indTzgg .hd h3 a:before{content:'';width: 25px;height: 28px;display:block;float:left;background: url(../../base/img/hdtit.svg) no-repeat center bottom;}
.indTzgg .hd .more{font-size:14px;}
.indTzgg .bd ul {display: flex;flex-direction: row;justify-content: space-between;gap: 30px;}
.indTzgg .bd li {position: relative;transition: 0.3s;width: 32%;background: #fff;}
.indTzgg .bd li:hover {background: #256DB7;box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 24%);}
.indTzgg .bd li:hover a{ color:#fff}

.indTzgg .bd li .pic { display: none }
.indTzgg .bd li a {font-size: 1rem;padding-left: 122px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding-right: 30px;}
.indTzgg .bd li .dateB { position: absolute; top: 26px; left: 24px; }
.indTzgg .bd li .dateB .dateDD { font-size: 24px; display: block; color: #256DB7; text-align: center; font-weight: bold; }
.indTzgg .bd li .dateB .dateYM { display: block; margin-top: 0px; position: relative; text-align: center; font-size: 14px; }
.indTzgg .bd li .dateB .dateYM:after {content: "";width: 1px;height: 50px;background: #e0e0e0;position: absolute;top: -28px;left: 90px;}
.indTzgg .bd li:hover .dateDD { color: #fff }

.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}

.establishment{background: url(../../base/img/xh.png) no-repeat right center #f0f0f0;overflow: hidden;background-size: contain;padding: 20px 0 0px 0;}
.establishment .bd{margin: 65px 0 44px 0;}
.establishment .bd .zylist{display: flex;justify-content: center;align-content: center;align-items: center;flex-direction: row;height: 326px;}
.establishment .bd .zylist a{background:#fff;padding: 20px 10px 30px 10px;text-align:center;display: block; transition:0.5s}
.establishment .bd .zylist a:nth-child(even){background:#F9F9F9;}
.establishment .bd .zylist a.more{align-content: center;flex-direction: column;align-items: center;font-size: 14px;padding-bottom: 10px;}
.establishment .bd .zylist a .pici{width:100px;height:100px;background:#EFEFEF;border-radius:50px;margin: 20px auto 40px auto;  transition: 0.3s}
.establishment .bd .zylist a .tit{font-size:16px; font-weight:bold; color:#256db7}
.establishment .bd .zylist a .intro{font-size:12px;line-height:1.5;text-align:center;margin:60px 0;margin: 20px 10px 50px 10px;}
.establishment .bd .zylist a.first{border-radius:10px 0 0 10px}
.establishment .bd .zylist a.last{border-radius:0 10px 10px 0}
.establishment .bd .zylist a.up{background:#256db7; padding:40px 10px; border-radius:10px}
.establishment .bd .zylist a.up .tit{ color:#fff}
.establishment .bd .zylist a.up .intro{color:#fff}
.establishment .bd .zylist a.up a.more{ color:#fff; }
.establishment .bd .zylist a:hover{text-decoration: none;}
.establishment .bd .zylist a.more{background-image: linear-gradient(#ffe000, #ffe000);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s;}
.establishment .bd .zylist a.more:hover{ background-position: left bottom; background-size: 100% 1px; text-decoration:none; opacity:1;color:#ffe000 }

#sssjyzz .pici{background:url(../../base/img/icon-zb.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#bysjgyjc .pici{background:url(../../base/img/icon-cl.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#yj .pici{background:url(../../base/img/icon-yj.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#zyjsyy .pici{background:url(../../base/img/icon-zy.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#zy .pici{background:url(../../base/img/icon-zyao.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#ypspjy .pici{background:url(../../base/img/icon-yp.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#ysgypj .pici{background:url(../../base/img/icon-pj.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#gjsw .pici{background:url(../../base/img/icon-gj.png) no-repeat 50% 60% #EFEFEF;background-size:60%}
#jsjyy .pici{background:url(../../base/img/icon-jsj.png) no-repeat 50% 60% #EFEFEF;background-size:60%}

#sssjyzz.up .pici{background:url(../../base/img/icon-zb-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#bysjgyjc.up .pici{background:url(../../base/img/icon-cl-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#yj.up .pici{background:url(../../base/img/icon-yj-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#zyjsyy.up .pici{background:url(../../base/img/icon-zy-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#zy.up .pici{background:url(../../base/img/icon-zyao-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#ypspjy.up .pici{background:url(../../base/img/icon-yp-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#ysgypj.up .pici{background:url(../../base/img/icon-pj-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#gjsw.up .pici{background:url(../../base/img/icon-gj-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}
#jsjyy.up .pici{background:url(../../base/img/icon-jsj-hover.png) no-repeat 50% 60% #1263b1;background-size:60%}

.scenery{background: url(../../base/img/bg-xyfg.jpg) no-repeat  top center #A8D3FF;overflow: hidden;background-size: cover;padding: 20px 0 50px 0;}
.scenery .fglist {padding-left: 566px;overflow: hidden;position: relative;height: 375px;}
.scenery .fglist li{box-sizing:border-box;overflow:hidden;transition:0.3s;border: 4px solid rgb(255 255 255 / 0%); position:relative}
.scenery .fglist li .title{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#fff;background:rgb(0 0 0 / 50%);padding: 5px;bottom: -100%; transition:0.3s}
.scenery .fglist li .title a{ color:#fff;}
.scenery .fglist li.first{width:566px;height:375px;position: absolute;top: 0;left: 0; }
.scenery .fglist li:nth-child(n+2){width:257px;height:178px;float: right;margin-bottom: 20px;overflow: hidden;margin-left: 20px;}
.scenery .fglist li:nth-child(n+2) img{ width:100%; height:178px;}
.scenery .fglist li:hover{filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.25)); border:4px solid #fff; box-sizing:border-box}
.scenery .fglist li:hover .title{bottom:0}


@media screen and (max-width:1600px){
.establishment .bd .zylist li .tit{font-size:14px; }
.scenery .fglist {padding-left: 484px;overflow: hidden;position: relative;height:319px;}
.scenery .fglist li.first{width:485px;height:319px;position: absolute;top: 0;left: 0; }
.scenery .fglist li:nth-child(n+2){width:220px;height:152px;float: right;margin-bottom: 20px;overflow: hidden;margin-left: 18px;}
.scenery .fglist li:nth-child(n+2) img{ width:100%; height:152px;}
}
/*index.css*/