@charset "utf-8";
/* CSS Document */
@import url(/ztzl/images/animate.min.css);
@import url(2020gzlh_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; }
}

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

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

.topMain{ height:810px;}
.szfBtn{ position:absolute; left:0px; top:25px;}
.szfBtn img{ height: 80px;}


.LOGO{ position: absolute; width: 1076px; height: 270px; left:62px; top: 198px;}
.LOGO a{ }

.Logo_Text{ position: absolute; width: 580px; left:310px; top: 475px; font-size: 38px; font-weight: bold; color: #0071b4; text-align: center;}

.LOGO.fadeInUpC{ animation-name: fadeInUpC; animation-duration: 0.7s; animation-fill-mode: both; }
.Logo_Text.flipInX{ animation-duration: 1s; animation-delay: 0.7s; animation-fill-mode: both; }


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


.Scroll{ overflow:auto; overflow:overlay;}
.Scroll::-webkit-scrollbar{ border-radius: 5px; width: 7px; height: 7px; box-sizing: border-box; background: #e0e0e0;}
.Scroll::-webkit-scrollbar-track-piece{ background-color: #ddd;}
.Scroll::-webkit-scrollbar-thumb{ border-radius: 5px; background-color: #f1f1f1; border: 1px solid rgba(0,0,0,.21);}
.Scroll::-webkit-scrollbar-thumb:hover{ background-color: #f6f6f6; border: 1px solid rgba(0,0,0,.21); }




.Main{ margin-top: 60px; }

.Part1{ min-height:418px;}
.Part2{ min-height:307px;}

.Focus .pic li{position: relative;overflow: hidden;width:673px; height:413px;}
.Focus .pic img {width: 673px;height:413px;display: block;object-fit: cover;}
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 75px; width:673px; overflow: hidden; background: #000; filter: alpha(opacity=60); opacity: 0.6; }
.Focus .txt { position: absolute; left: 0; bottom: 0px; z-index: 2; margin:21px 15px; width:570px; overflow: hidden; }
.Focus .txt li{ display: none; position:relative;}
.Focus .txt li.on{ display: block;}
.Focus .txt li a{ color: white; }
.Focus .txt li a:hover{color:#ffffff!important;}
.Focus .txt li h1{ display: block; font-size: 17px; color: #FFF; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding: 5px 0;}
.Focus .pageState{ position: absolute; right: 0; bottom: 0; height: 75px; padding: 0 15px; line-height: 75px; font-size: 28px; color: #FFF; z-index: 3;}
.Focus .pageState span{ color: #0f559b;}
.Focus>a{display:block;width: 60px;height: 150px;position:absolute;top:125px;background:url(../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;}


.NewsBox{ width: 510px;}
.NewsBox .Tit{ position: relative; height: 58px;}
.NewsBox .Tit>a{}

.NewsBox li{ position: relative; overflow: hidden; padding:9px 0 9px 12px; font-size: 16px; line-height: 1.5; background: url(yqxspxp_ico_8.png) no-repeat left center;}
.NewsBox li>a{ color: #505050; display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; float: left; width: 80%;}
.NewsBox li a:hover{ color: #c50001;}
.NewsBox li span{ color: #aeaeae; float: right; text-align: right;}
.NewsBox li.First{ padding: 15px 0; border-bottom: 1px dashed #aeaeae; margin-top: 3px; background: none; margin-bottom: 15px;}
.NewsBox li.First a{ font-size: 18px; font-weight: bold; float: none; width: 100%; color: #000;}
.NewsBox li.First a:hover{ text-decoration: underline;}
.NewsBox li.First>span{ font-size: 18px; font-weight: bold; float: none; color: #000;}
.NewsBox li.First>p{ display: block; font-size: 14px; line-height: 1.5; color: #000; position: relative; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; padding-top: 5px; max-height: 44px;}


.Title{ margin: 30px 0; background: url(yqxspxp_ico_4.png) no-repeat center; text-align: center;}
.Title img{}

.ulList{}
.ulList li{ position: relative; overflow: hidden; padding:9px 0 9px 12px; font-size: 16px; line-height: 1.5; background: url(yqxspxp_ico_8.png) no-repeat left center;}
.ulList li>a{ color: #505050; display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; float: left; width: 80%;}
.ulList li a:hover{ color: #c50001;}
.ulList li span{ color: #aeaeae; float: right; text-align: right;}


.Part2{}
.Part2 .ulList{ width: 580px;}


.Part3{}
.Part3 .Con{ padding-bottom: 15px;}
.Part3 .Con li{ position: relative; margin-right: 12px;}
.Part3 .Con li::before{ display: block; content: ''; position: absolute; box-sizing: border-box; width: 100%; height: 275px; border: 1px solid #0642bf; border-radius: 5px; margin: 12px 0 0 12px;}
.Part3 .Con li + li{ margin-top: 45px;}
.Part3 .Con li>.Box{ background-color: #f0f7fa; border-radius: 5px; padding: 23px 20px;}
.Part3 .Con li .pic{ position: relative; overflow: hidden; float: left; width: 357px; height: 229px; display: block;}
.Part3 .Con li .pic img{ width: 100%; height: 100%; object-fit: cover;}
.Part3 .Con li .text{ width: 760px; position: relative; overflow: hidden; float: right;}
.Part3 .Con li .text h1{ position: relative; overflow: hidden; font-size: 24px; font-weight: bold; color: #0584e4; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.Part3 .Con li .text .d{ font-size: 18px; font-weight: bold; color: #0584e4; margin-top: 10px;}
.Part3 .Con li .text .desc{ position: relative; overflow: hidden; font-size: 16px; line-height: 32px; text-indent: 2em; margin-top: 20px;}
.Part3 .Con li .text .desc a{ color: #0182e7;}






.warp .footer{ background: #e1e1e1; padding:10px 0; }
.warp .footer .footer_con .left-text,
.warp .footer .footer_con .right-text,
.warp .footer .footer_con .left-text a,
.warp .footer .footer_con .right-text a{ color:#333 !important;}

.path{background: url(/images/2017_w_img01.png) 0px  center no-repeat;height: 50px;padding-left: 30px;line-height: 50px;}

/*列表页*/
.RightCon{padding:15px;min-height: calc(100vh - 512px);background: #F9F9F9;box-shadow: 0 0 5px 0 #e8e0e0;margin-bottom: 15px;}
.RightCon .TitleCon{ position:relative; width:100%; height:40px; border-bottom:1px solid #e2e2e2;}
.RightCon .TitleCon>span{ display:inline-block; height:37px; padding:0 15px; border-bottom:4px solid #d81519; color:#d81519; font-size:17px; line-height:37px; cursor:default;}
.RightCon .TitleCon>a{ display:inline-block; height:37px; padding:0 15px; font-size:17px; line-height:37px; margin-right:10px;}
.RightCon .TitleCon>a.on,.RightCon .TitleCon>a:hover{ border-bottom:4px solid #d81519; color:#d81519;}

/*文章列表*/
ul.NewsList{padding:10px 5px;min-height: 320px;}
ul.NewsList li{line-height: 35px;background: url(/images/gl_dian_10.png) no-repeat 0px center;padding-left:15px;height: 35px;overflow: hidden;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;font-size: 14px;}
ul.NewsList li:hover{margin-left:5px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
ul.NewsList li a{ float:left; display:inline-block; width:80%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.NewsList li span{ float:right; display:inline-block; text-align:right; width:20%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
ul.NewsList li.b{ height:0; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; background:none;}

/*文章页*/
.xilan {overflow: hidden;background: #fff;box-shadow: 0px 2px 5px #ECEBEB;border: 1px solid #f3e7e7;padding:0 10px;margin-bottom: 15px;}
.xilan_main{margin: 0 auto; padding: 10px;}
.xilan .xilan_main h3{text-align: center;color: #e61018;line-height: 36px;font-size: 26px;margin: 31px auto 0px;font-weight: normal;}
.xilan .xilan_main p.p1{height: 36px;line-height: 36px;color: #646464;font-size: 12px;margin: 15px auto 0;border-bottom: 1px solid #e7e7e7;text-align: center;}
.xilan .xilan_main p.p1 span{ margin:0 10px;}
.xilan .xilan_main p.p1 span b{ font-weight: normal;}
.img_show{width: 800px; overflow: hidden; margin: 36px auto 30px;}
.img_show img{width: 800px; height: 474px; border: 0;}