@charset "utf-8";
/* CSS Document */
@import url(animate.min.css);
@import url(2022qglh_reset.css);

@keyframes fadeInUpC {
	0% { opacity: 0; -webkit-transform: translate3d(0,100%,0) scale(0); transform: translate3d(0,100%,0) scale(0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUpC { -webkit-animation-name: fadeInUpC; animation-name: fadeInUpC;}


.warp{ width:100%; min-width:1220px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:#FFF;}

.Top{ width:100%; height:650px; background:url(2022qglh_ico_3.png) no-repeat center top;}

.topMain{ height:100%;}
.szfBtn{ position:absolute; left:0px; top:20px;}

.LOGO{ width: 907px; height: 326px; position: relative; top: 68px; left: 130px; padding: 51px 9px 20px 0; background: url(2022qglh_ico_5.png) no-repeat center top; }
.LOGO a{ display: block; height: 100%;}


.LHICO{position: absolute;left: 50%;margin-left: -168px;bottom: 115px;animation-delay: 0.5s;}



.Ml15{ margin-left:15px;}
.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT25{ margin-top:25px;}
.MT30{ margin-top:30px;}
.MT40{ margin-top:40px;}
.MT45{ margin-top:45px;}


.NavHotBox{ min-height: 200px;}
.NavHotBox::before{ content: ''; display: block; width: 1300px; position: absolute; top: 0; left: -50px; height: 1325px; background: linear-gradient(to bottom, #ebe3f5, #f9f7df); transform: skewX(-2deg); z-index: 0;}
.NavHotBox::after{ content: ''; display: block; width: 1300px; position: absolute; top: 0; left: -50px; height: 100%; background: linear-gradient(to bottom, #ebe3f5, #f9f7df); transform: skewX(-13deg); z-index: 1;}
.NavHotBox a:hover{ color: #F00; }

.HomeNav{ height: 50px; padding:23px 90px; z-index: 2;}
.HomeNav li{ position: relative; overflow: hidden; float: left; border: 2px solid transparent; height: 46px; border-radius: 25px; transition: border 0.3s; margin: 0 40px;}
.HomeNav li a{ display: block; height: 46px; line-height: 46px; padding: 0 25px; font-size: 30px; color: #050505; transition: all 0.3s;}
.HomeNav li:hover,
.HomeNav li.on{ border-color: #bc171b; }
.HomeNav li:hover a,
.HomeNav li.on a{ color: #bc171b; }


/*头条*/
.Headlines{ font-size: 48px; color: #bd171c; line-height: 1.2; text-align: center; font-weight: bold; margin-top: 10px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; z-index: 3;}




/*Part2-要闻聚焦*/
.Part2{ min-height:1125px;}

.Focus{ width:1200px; height:675px; margin-top: 35px;}
.Focus .pic li{ position: relative; overflow: hidden; width: 1200px; height:675px; background:linear-gradient(to bottom, #eee7f1, #f5f1e5);}
.Focus .pic img { width: 1200px; height:675px; display: block; object-fit: cover;}
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 80px; width:1200px; overflow: hidden; background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.2)); }
.Focus .txt { position: absolute; bottom: 20px; z-index: 2; margin: 0px 150px; height: 40px; width:900px; overflow: hidden; }
.Focus .txt li{ position: relative; overflow: hidden; height:40px; line-height:40px; display: none; }
.Focus .txt li a{ display: block; position: relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 30px; color: #FFF; text-align: center; text-shadow: 1px 1px 3px #373737; }
.Focus .txt li.on{ display: block; }
.Focus .pageState { position: absolute; z-index:3; bottom:20px; right:0px; height: 40px; line-height: 40px; font-size: 30px; color: #FFF; width: 150px; text-align: center; text-shadow: 1px 1px 3px #373737;}
.Focus .pageState span{ color: #bc171b; }
.Focus>a{display:block;width: 60px;height: 150px;position:absolute; top:260px; top: calc((675px - 150px) / 2); background:url(/ztzl/images/2019gzlh_arrows.png) center center no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{left:10px;background-position-x: 0;}
.Focus>a.next{right:10px;background-position-x: -80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}

.ywNewsList{}
.ywNewsList .First{ position: relative; overflow: hidden; padding: 15px 30px; background-color: #bc161b; color: #FFF;}
.ywNewsList .First>a{ display: block; position: relative; overflow: hidden; font-size: 24px; font-weight: bold; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #FFF; transition: all 0.3s;}
.ywNewsList .First>a:hover{ text-shadow: 1px 1px 3px #373737; text-decoration: underline; }
.ywNewsList .First .desc{ position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 16px; line-height: 1.3; margin-top: 10px;}
.ywNewsList .First .daet{ position: relative; overflow: hidden; font-size: 16px; line-height: 25px; margin-top: 10px; padding-left: 40px; background: url(2022qglh_ico_6.png) no-repeat left center; background-size: auto 100%;}
.ywNewsList ul{ position: relative; overflow: hidden; padding: 15px 30px; }
.ywNewsList li{ position: relative; overflow: hidden; font-size: 18px; color: #333; line-height: 1.5; padding: 10px 0; padding-left: 20px; background: url(2022qglh_ico_7.png) no-repeat left center; }
.ywNewsList li a{ display: block; float: left; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; max-width: 80%; max-width: calc(100% - 120px); }
.ywNewsList li span{ float: right;}




.homepage .Title{ width: 1200px; padding: 0 25px 11px 135px; background: url(2022qglh_ico_8.png) no-repeat center bottom; margin-left: -135px; text-align: center;}
.homepage .Title a{ margin-left: 130px;}



/*Part3-部长之声*/
.Part3{ min-height: 657px; }

.BzzsCon{ margin-top: 50px; height: 530px;}
.BzzsCon .hd{ display: none; }
.BzzsCon .bd{ margin: 0 100px; position: relative; overflow: hidden;}
.BzzsCon .bd li{ position: relative; overflow: hidden; float: left; width: 250px; height: 530px; background-color: #ece4f5; transition:background 0.5s; }
.BzzsCon .bd li .pic{ position: relative; overflow: hidden; height: 300px; background-color: #bc161b; transition:all 0.5s; }
.BzzsCon .bd li .pic img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.BzzsCon .bd li .txt{ position: relative; overflow: hidden; padding: 30px; color: #333; transition:all 0.5s;}
.BzzsCon .bd li .txt h1{ display: block; text-align: center; font-size: 24px; color: #bc161b; line-height: 1.5; font-weight: bold; transition:all 0.5s;}
.BzzsCon .bd li .txt span{ position: relative; overflow:hidden; display: block; margin-top: 10px; font-size: 15px; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height: 45px; }
.BzzsCon .bd li .txt em{ display: block; width: 40px; height: 23px; background: url(2022qglh_ico_12.png) no-repeat center; margin: 45px auto 0;}
.BzzsCon .bd li .Desc{ display: block; position: absolute; overflow: hidden; left: 0; top: 530px; box-sizing: border-box; width:100%; height: auto; padding: 0 30px; font-size: 15px; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; color: #FFF; height: 112px; transition: top 0.5s; }
.BzzsCon .bd li:hover{ background-color: #bc161b;}
.BzzsCon .bd li:hover .pic{ height: 230px; }
.BzzsCon .bd li:hover .txt,
.BzzsCon .bd li:hover .txt h1{ color: #FFF; }
.BzzsCon .bd li:hover .Desc{ top: 380px; }

.BzzsCon>a{ display: block; position: absolute; top: 200px; width: 60px; height: 130px; z-index: 10; cursor: pointer; }
.BzzsCon>a.prev{ background: url(2022qglh_ico_13.png) no-repeat center; left: 0;}
.BzzsCon>a.next{ background: url(2022qglh_ico_14.png) no-repeat center; right: 0;}



/*图解两会*/
.Part4{ margin-top: 60px;}


.jdSlide{ height: 580px; }
.jdSlide .bd{ width: 1100px; min-height: 506px; position: relative; margin: 0 auto; padding-top: 253px; }
.jdSlide .bd ul{ width: 840px; margin: 0 auto;}
.jdSlide .bd li { width: 350px;height: 506px; cursor:pointer; position:relative; }
.jdSlide .bd li a.P img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.jdSlide .bd li a.T{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 5px 15px;box-sizing: border-box;background-color: rgba(0,0,0,0.6);font-size: 17px;color: #FFF;line-height: 1.5;overflow: hidden;height: 60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*.jdSlide li.roundabout-in-focus a.P img{ transform: matrix(1, 0, 0, 1, 0, -54); }
.jdSlide li.roundabout-in-focus a.T{ display: block; display:-webkit-box; }*/

.sliBtn li{ position: absolute; width: 60px; height: 60px; border-radius: 50%; border: 8px solid #ebb9ba; top: 220px; cursor: pointer;}
.sliBtn li.prev{ left: 0; background: url(2022qglh_ico_15.png) no-repeat center #bc161b;}
.sliBtn li.next{ right:0; background: url(2022qglh_ico_16.png) no-repeat center #bc161b;}



.Part5{ height: 803px; padding-top: 42px; }
.Part5::before{ content: ''; display: block; width: 1300px; position: absolute; top: 0; left: -50px; height: 100%; background: linear-gradient(to bottom, #f9f7df, #ece4f4); transform: skewX(2deg); z-index: 0;}

.GzdbBox{ margin-top: 20px;}
.GzdbBox ul{ width: 105%; }
.GzdbBox li{ position: relative; overflow: hidden; float: left; margin: 20px 20px 0 0; width: 386px; height: 300px; transition: all 0.5s;}
.GzdbBox li .p{ display: block; position: relative; overflow: hidden; height:100%; }
.GzdbBox li .p img{ width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.GzdbBox li .t{ display: block; padding: 0px 10px; position: relative; top: -50px; z-index: 1; background: rgba(0,0,0,0.7); overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; color: #fff; height: 50px; line-height: 50px; text-align: center; }
.GzdbBox li:hover{ box-shadow:1px 3px 5px 0px #746666; transform: translateY(-10px); }



.footer .footer-xx{ background-color: #cc3033; }



.w1130{ width:1130px; padding: 0 35px;}
.ZldwBox{background-color: #FFF;/* border-top: 5px solid #1b4ca8; */margin-top: 10px;min-height: 569px;}

.Address{font-size: 16px;color: #333;line-height: 1.7;padding: 15px 0 0;/* background-color: #f4faff; */}
.Address i{ padding: 9px 12px; background: url(PublicList_ico_1.png) no-repeat center;}
.Address font{ padding-left: 10px;}

/*列表页*/
.RightMainBox{ width: 860px; margin-top: 20px;}
.RightMainBox>.Title{height: 51px; border-bottom: 1px solid #1a67c9;}
.RightMainBox>.Title>h1{ display: inline-block;float: left;height: 51px; line-height: 45px; font-size: 24px; color: #1865cd; user-select: none;}

/*文章列表*/
.NewsList{ padding: 10px 0;}
.NewsList li{position: relative;overflow: hidden;font-size: 16px;line-height: 1.3;padding: 8px 0;padding-left: 15px;background: url(PublicList_ico_5.png) no-repeat left center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; max-width: calc(100% - 180px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 150px; color: #999;}
.NewsList li:hover a{ color: #1865cd; padding-left:8px;}
.NewsList li.b{padding:0;border-bottom: 1px dashed #CCC;line-height: 0; background: none; margin: 10px 0;}

/*文章细览*/
/**/
.Xxgk_Info{border:1px solid #deeeff;border-bottom: none;border-right: none;}
.Xxgk_Info li{position: relative;overflow: hidden;font-size: 16px;color: #333;height: 42px;line-height: 42px;border-bottom: 1px solid #deeeff;border-right: 1px solid #deeeff;float: left;}
.Xxgk_Info li.T{width: 170px;text-align: center;background-color: #3d7ed8;color: #FFF;user-select: none;}
.Xxgk_Info li.C{width: 427px;width: calc(50% - 173px);text-indent: 1em;position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.Xxgk_Info li.C.W{ width: 1027px; width: calc(100% - 172px);}


/*正文卡片*/
.DocTextBox{ padding: 25px 45px 45px; border-radius: 5px; box-shadow:0px 0px 6px 0px #ebebeb;}
.DocTextBox .DocTitle{position: relative;overflow: hidden;font-size: 30px;font-weight: bold;color: #0653ab;line-height: 1.6;text-align: center;/* font-family: FZXBSJW; */}
.DocTextBox .Article{}
.DocTextBox .Article .ArticleInfo{ margin: 10px auto; margin-right: 150px; font-size: 14px; color: #999; line-height: 1.5; padding: 10px 0;}
.DocTextBox .Article .ArticleInfo p{display: inline-block;margin: 0 5px;}
.DocTextBox .Article .ArticleInfo span{ padding: 0 10px;}
.DocTextBox .Article .ArticleInfo span.fontsize .curFont{ color:#0653ab; }
.DocTextBox .Article .ArticleInfo span.fontsize a{ user-select: none; }
.DocTextBox .Article .ArticleInfo a{ color: #999; cursor: pointer;}
.DocTextBox .Article .ArticleInfo a:hover{ color: #0653ab; }
.DocTextBox .Article .share{position: absolute !important;margin: 0;top: 23px;right: 0;width: 90px;}
.DocTextBox .Article>.clear{ height: 8px; background: url(PublicList_ico_6.png) repeat-x left bottom;}

.DocHtmlCon{ padding: 20px 0;}
.DocHtmlCon iframe{ max-width:100%; }

/*正文默认样式*/
.trs_paper_default{color:#333;/* font-size:16px; */zoom:1;}
.trs_paper_default>p{margin:5px 0;margin-bottom:15px;color:#333;/* text-indent:2em; *//* font-size:16px; */line-height:30px;}
.trs_paper_default img{margin-bottom:-3px;max-width: 100% !important;text-align:center;height: auto;}
.trs_key4format{color:#333;font-size:16px;zoom:1;}
.trs_key4format>p{margin:5px 0;margin-bottom:15px;color:#333;text-indent:2em;font-size:16px;line-height:30px;}
.trs_key4format img{margin-bottom:-3px;max-width:100%;text-align:center;}


/*二维码*/
.QRcode{ text-align: center; }
.QRcode>p{ line-height: 30px; font-size: 14px;}
.QRcode #qrcodeEWM{ width: 180px;}

/*上一篇下一篇*/
.Previous{ clear:both; font-size:14px; }
.Previous span{ float:left; display:block; text-align: center; width:100px; height:40px; background:#1865cd; color:#fff; line-height:40px;}
.Previous a{display:inline-block;overflow:hidden;padding-left:10px;max-width: 85%;/* max-width:calc(100% - 100px); */text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease-in 0s;}
.Previous .prevpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}
.Previous .nextpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}