@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("animate.min.css");

.warp a{ font-size: inherit; color: inherit; }
.MT30{ margin-top: 30px; }



/*Banner背景图*/
.HomeBanner{ height: 620px; background-color: #dfedfa; background-position: center top; background-repeat: no-repeat; z-index: 0;}
/*
.HomeBanner .bd li{ position: relative; user-select: none; height: 620px; display: flex; align-items: center; justify-content: center;}
.HomeBanner .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.HomeBanner .hd{ position: absolute; display: flex; bottom: 63px; left: 0; width: 100%; height: 0; justify-content: center; align-items: center;}
.HomeBanner .hd li{ font-size: 0; width: 136px; height: 6px; position: relative; overflow: hidden; border-radius: 3px; background-color: rgba(255,255,255,0.3); transition: all 0.5s; cursor: pointer; }
.HomeBanner .hd li + li{ margin-left: 8px; }
.HomeBanner .hd li.on{ background: #FFF; }
.HomeBanner>a{ display: block; position: absolute; width: 78px; height: 78px; box-sizing: border-box; top: calc(50% - 39px); cursor: pointer; transition: all 0.5s; opacity: 0; }
.HomeBanner>a.prev{ left: 60px; background: url(../images/Home_ico_1.png) no-repeat center rgba(0,0,0,0.2); }
.HomeBanner>a.next{ right: 60px; background: url(../images/Home_ico_2.png) no-repeat center rgba(0,0,0,0.2); }
.HomeBanner:hover>a{ opacity: 1;}
.HomeBanner>a:hover{ background-color: rgba(0,0,0,0.5);}
*/
.HomeBanner .swiper-slide{ height: 620px; }
.HomeBanner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.HomeBanner .swiper-button-next,
.HomeBanner .swiper-button-prev{ display: block; position: absolute; width: 78px; height: 78px; box-sizing: border-box; top: calc(50% - 39px); cursor: pointer; transition: all 0.5s; opacity: 0; }
.HomeBanner .swiper-button-next::after,
.HomeBanner .swiper-button-prev::after{ opacity: 0; }
.HomeBanner:hover .swiper-button-prev,
.HomeBanner:hover .swiper-button-next{ opacity: 1;}
.HomeBanner .swiper-button-prev{ left: 60px; background: url(../images/Home_ico_1.png) no-repeat center rgba(0,0,0,0.2); }
.HomeBanner .swiper-button-next{ right: 60px; background: url(../images/Home_ico_2.png) no-repeat center rgba(0,0,0,0.2); }

.HomeBanner .swiper-pagination{ position: absolute; display: flex; bottom: 63px; left: 0; width: 100%; height: 0; justify-content: center; align-items: center;}
.HomeBanner .swiper-pagination span{ font-size: 0; width: 136px; height: 6px; position: relative; overflow: hidden; border-radius: 3px; background-color: rgba(255,255,255,0.3); transition: all 0.5s; cursor: pointer; }
.HomeBanner .swiper-pagination span + span{ margin-left: 8px; }
.HomeBanner .swiper-pagination span.swiper-pagination-bullet-active{ background: #FFF; }


@media screen and (min-width:1921px ) and (max-width:2560px ) {
    .HomeBanner{ height:auto; }
    .HomeBanner .swiper-slide{ height: calc(100vw / (1920 / 620)); }
}





/* .Main{ background: url(../images/Home_ico_3.png) repeat-y center top #dfedfa; background-size: 100% auto;} */
.Main{ background:#f6f6f6;}




/* 时政要闻 */
.SzywPart{ padding: 40px 0; display: flex; align-items: center; justify-content: space-between; }
.SzywPart .Tit{ position: relative; width: 203px; height: 60px; }
.SzywPart .Tit a{ display: flex; height: 100%; align-items: flex-end; }
.SzywPart .Tit img:nth-of-type(3){ position: absolute; right: 0; top: 0; }
.SzywPart .Con{ width: 1300px; margin-right: 40px; position: relative; }
.SzywPart .Con h1{ position: relative; margin: 0 40px; text-align: center; line-height: 1.5;}
.SzywPart .Con h1 a{ display: inline-block; font-size: 34px; font-weight: bold; color: #004b9e; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position: relative; overflow: hidden; max-width: 100%; }
.SzywPart .Con ul{ position: relative; display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.SzywPart .Con li{ position: relative; overflow: hidden; font-size: 18px; color: #222; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; min-width: 5px; max-width: calc(100% / 3);}
.SzywPart .Con li + li{ margin-left: 12px; }
.SzywPart .Con li a{ font-size: inherit; color: inherit; }


/* 公共标题 */
.HomeTitle{ position: relative; height: 55px; padding-bottom: 20px; border-bottom: 1px solid #686868; display: flex; justify-content: space-between; align-items: center;}
.HomeTitle h1{ display: block; font-size: 36px; font-weight: bold; color: #000; }
.HomeTitle .More{ position: relative; }
.HomeTitle .More a{ position: relative; display: inline-block; padding: 7px 0 3px; font-size: 16px; color: #000; }
.HomeTitle .More a::before{ content: ''; display: block; position: absolute; top: 0; right: 0; width: 20px; height: 2px; background-color: #0091ff; }




.KxdtSlide{ width: 782px; }
.KxdtSlide .hd{ position: relative; z-index: 0; height: 61px; }
.KxdtSlide .hd ul{ display: flex; position: relative; }
.KxdtSlide .hd li{ position: relative; font-size: 24px; color: #222; user-select: none;}
.KxdtSlide .hd li a{ display: block; padding: 0 15px; }
.KxdtSlide .hd li:nth-of-type(1) a{ padding-left: 0;}
.KxdtSlide .hd li.on a{ color: #004b9e; }
.KxdtSlide .TarCell{ position: absolute; top: 0; right: 0; }
.KxdtSlide .TarCell li{ position: relative; overflow: hidden; width: 120px; height: 40px; }
.KxdtSlide .TarCell li a{ display: flex; height: 100%; font-size: 16px; color: #004b9e; align-items: center; justify-content: center; }
.KxdtSlide .TarCell li img{ margin-right: 8px; user-select: none; }

.KxdtSlide .bd{ position: relative; height: 519px; }
.KxdtSlide .bd ul{ min-height: 173px; }
.KxdtSlide .bd li{ 
    position: relative;
    height: 111px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    padding: 16px 16px;
}
.KxdtSlide .bd li::before{ content: ''; display: block; position: absolute; z-index: 0; width: 0; height: 100%; background: url(../images/Home_ico_9.png) no-repeat right center #FFF; background-size: auto 100%; transition: all 0.8s; right: 0; top: 0; opacity: 0;}
.KxdtSlide .bd li .pic{ position: relative; overflow: hidden; width: 210px; height: 120px; z-index: 1;}
.KxdtSlide .bd li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.KxdtSlide .bd li .txt{position: relative;width: 410px;width: calc(180px + 410px);padding-left: 55px;z-index: 1;transition: all 0.3s;}
.KxdtSlide .bd li .pic + .txt{width:410px;margin-left: 25px;padding-left: 0;}
.KxdtSlide .bd li .txt h1{ position: relative; overflow: hidden; font-size: 20px; height: 52px; margin-right: 35px; }
.KxdtSlide .bd li .txt h1 a{ position: relative; overflow: hidden; line-height: 1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; transition: all 0.5s;}
.KxdtSlide .bd li .txt .rel{ position: relative; display: flex; margin-top: 10px; font-size: 16px; color: #999; transition: color 0.5s; }
.KxdtSlide .bd li .txt .rel span + span{ margin-left: 20px; max-width: 180px; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.KxdtSlide .bd li .txt .share{ position: absolute; display: flex; right: 0; bottom: 0; user-select: none; align-items: flex-end; }
.KxdtSlide .bd li .txt .share font{ font-size: 14px; color: #000; transition: color 0.5s; }
.KxdtSlide .bd li .txt .share span.ico{ cursor: pointer; }
.KxdtSlide .bd li .txt .share span.ico img{ pointer-events: none; }
.KxdtSlide .bd li:hover::before{ width: 100%; opacity: 1;}
.KxdtSlide .bd li:hover .txt{text-shadow: 0px 1px 2px rgba(0,0,0,0.3);}
.KxdtSlide .bd li:hover .txt h1 a,
.KxdtSlide .bd li:hover .txt .rel,
.KxdtSlide .bd li:hover .txt .share font{ color: #FFF !important; }

.wxAlBox{display: flex !important;align-items: center;height: 100%;position: relative;flex-direction: column;box-sizing: border-box;padding-top: 10px;}
.wxAlBox::after{content:'扫一扫在手机打开当前文章';font-size: 14px;line-height: 1.3;margin-top: 5px;}
.KxdtSlide .bd li .txt .share span.ico + .wxAlBox{ display:none !important; }

.Focuspart{ width:818px; height: 580px; background-color: #FFF; box-shadow: -2px 0px 5px -2px rgba(0, 0, 0, 0.1); }
.Focuspart .bd li{ position: relative; overflow: hidden; height: 506px; }
.Focuspart .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.Focuspart .TextBar{ position: relative; height: 74px; display: flex; align-items: center; justify-content: space-between; }
.Focuspart .TarCell{ position: relative; margin-left: 30px; max-width: calc(100% - 200px); }
.Focuspart .TarCell li a{transition: all 0.3s;}
.Focuspart .TarCell li a:hover{  letter-spacing: 1px;}
.Focuspart .TarCell li{ position: relative; overflow: hidden; max-width: 100%; font-size: 24px; line-height: 1.3; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; }
.Focuspart .hd{ display: flex; position: relative; padding-right: 5px; }
.Focuspart .hd li{ position: relative; overflow: hidden; border-radius: 7px; width: 13px; height: 13px; background-color: #7f7f7f; margin-right: 10px; transition: all 0.3s; cursor: pointer; font-size: 0;}
.Focuspart .hd li.on{ width: 50px; background-color: #004b9e; }

.Part2 .XhxsPart:nth-child(1){    margin-left: 0;}
.Part2 .XhxsPart:nth-child(2){    margin-left: 45px;}
.XhxsPart{ width:777px; height:248px; background-color: #FFF; display: flex; justify-content: space-between; }
.XhxsPart .Tit{ position: relative; width: 80px; height: 248px; background-color: #d6eaf8; }
.XhxsPart .Tit a{ display: flex; height: 100%; align-items: center; justify-content: center;}
.XhxsPart .Tit h1{ font-size: 36px; font-weight: bold; color: #004b9e; padding: 0 25px; text-align: center; line-height: 1.2; }

.XhxsPart .Con{position: relative;width: calc(100% - 72px);height: 100%;box-sizing: border-box;padding: 20px 20px 0 32px;}
.XhxsPart .Con ul{ position: relative; border-left: 1px solid #e9e9e9; }
.XhxsPart .Con li{ position: relative; display: flex; justify-content: space-between; font-size: 18px; color: #000; padding: 15px 0; padding-left: 14px; line-height: 1.3; }
.XhxsPart .Con li::before{ content: ''; display: block; position: absolute; width: 16px; height: 16px; background: url(../images/Home_ico_10.png) no-repeat center; left: -8px; top: calc(50% - 8px); }
.XhxsPart .Con li a{ display: block; width: 505px; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; max-width: calc(100% - 115px); }
.XhxsPart .Con li span{ color: #999; }


.Part3{ height: 218px; background-color: #FFF; display: flex; justify-content: space-between; }
.Part3 .Tit{ position: relative; width: 80px; height: 218px; background-color: #d6eaf8; }
.Part3 .Tit a{ display: flex; height: 100%; align-items: center; justify-content: center;}
.Part3 .Tit h1{ font-size: 36px; font-weight: bold; color: #004b9e; padding: 0 25px; text-align: center; line-height: 1.2; }

.RdztPart{ position: relative; width: calc(100% - 102px); height: 100%; box-sizing: border-box; padding: 26px 0 0 27px; }
.RdztPart ul{ display: flex; }
.RdztPart li{ position: relative; width: 345px; }
.RdztPart li + li{ margin-left: 22px; }
.RdztPart li img{ display: block; width: 100%; height: 120px; object-fit: cover; }
.RdztPart li h1{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; line-height: 1.3; margin-top: 15px; text-align: center; }

.QjkxPart{position:relative;width: calc(100% - 126px);height: 100%;box-sizing: border-box;}
.QjkxPart ul{display:flex;justify-content: space-around;height: 110px;margin-top: 54px;}
.QjkxPart li{position:relative;display: flex;align-items: center;}
.QjkxPart li + li::before{content:'';display:block;position: absolute;height: 140px;width: 1px;background: linear-gradient(0deg, transparent, #054182, transparent);left: -64px;top: -15px;}
.QjkxPart li .T{position:relative;user-select: none;margin-right: 30px;}
.QjkxPart li .T a{display:flex;flex-direction: column;align-items: center;justify-content: center;}
.QjkxPart li .T p{ margin-top:15px; font-size:24px; color:#004b9e; }
.QjkxPart li dl{position:relative;display: flex;flex-wrap: wrap;width: 230px;}
.QjkxPart li:nth-of-type(2) dl{width: 340px;}
.QjkxPart li dd{display:block;position: relative;padding: 5px 10px;font-size: 18px;color: #222;}
.QjkxPart li dd::after{content:'|';position: absolute;top: 50%;transform: translateY(-50%);left: calc(100% - 2.4px);}
.QjkxPart li dd a{display:block;padding: 5px 10px;}

.QjkxPart li:nth-of-type(1) dd:nth-of-type(2n)::after,
.QjkxPart li:nth-of-type(3) dd:nth-of-type(2n)::after{ display:none;}
.QjkxPart li:nth-of-type(2) dd:nth-of-type(3n)::after{ display:none;}