@charset "utf-8";
/* CSS Document */
@import url(2020gzlh_reset.css);

.warp{ width:100%; min-width:1220px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:url(fdbnlqhxzc_bg.png) no-repeat center top #FFF;}

.Top{ width:100%; height:673px;}

.topMain{ height:673px;}
.szfBtn{ position:absolute; left:0px; top:17px;}
.szfBtn img{ width: 315px;}

.dsBtn{ position:absolute; right:0px; top:24px;}
.dove{ position:absolute; right:36px; top:36px;}
.dove.pulse{animation-iteration-count: infinite; animation-duration:3s;}

.animated{	-webkit-animation-duration: 1s;	animation-duration: 1s;	-webkit-animation-fill-mode: both;	animation-fill-mode: both}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale(0); transform: translate3d(0,-100%,0) scale(0); transform-origin: right top; }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown}

@keyframes fadeInUp {
	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; }
}
.fadeInUp {	-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

@keyframes flipInX {
	0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
	0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
	40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); }
	60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; }
	80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); }
	to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@keyframes pulse {
	0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
	50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); }
	to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}
.pulse { -webkit-animation-name: pulse;	animation-name: pulse; }


.LOGO{ position: relative; margin:0 auto 0; top: 160px; width:820px; height:310px; text-align: center;}
.LOGO img.fadeInUp{ animation-duration: 0.7s; animation-fill-mode: both; }
.LOGO img.flipInX{ margin-top: 15px; animation-duration: 1s; animation-delay: 0.7s; animation-fill-mode: both; }


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


.SjzBox{ margin-top:11px; height: 150px; border-bottom: 5px solid #c70110; background-color: #cd0f18;}
.SjzSlideBox{ height: 150px;}
.SjzSlideBox>a{ display: block; width: 45px; height: 100px; position: absolute; top: 25px; background: url(fdbnlqhxzc_ico_4.png) no-repeat; cursor: pointer;}
.SjzSlideBox>a.prev{ left: -45px; background-position: left center;}
.SjzSlideBox>a.next{ right: -45px; background-position: right center;}

.SjzSlideBox .hd{ display: none;}
.SjzSlideBox .bd{ position: relative; height: 161px; top: -11px;}
.SjzSlideBox .bd li{ position: relative; overflow: hidden; float: left; width:100px; height: 161px; }
.SjzSlideBox .bd li a{ display: block; text-align: center; font-size: 18px; font-weight: bold; color: #ffd37a; padding: 57px 0;}
.SjzSlideBox .bd li:hover{ background: url(fdbnlqhxzc_ico_5.png) no-repeat center;}
.SjzSlideBox .bd li:hover a{ color: #cd0f18;}



.Main{ width: 1170px; padding: 15px; background-color: #FFF;}

.Title{ height: 70px; background: url(fdbnlqhxzc_ico_6.png) no-repeat center 13px;}
.Title a{ display: block; width: 303px; height: 42px; text-align: center; line-height: 42px; margin: 0 auto; padding-top: 28px;}

.Part1_T{}
.Part1_T li{ position: relative; overflow: hidden; padding-bottom: 10px; margin-top: 15px;}
.Part1_T li>a{line-height: 1.3;font-weight: bold;display: block;position: relative;overflow: hidden;}
.Part1_T li>a{font-size: 26px;color: #bc010b;padding: 0;text-align: center;}

.Part1_L{ width: 620px; margin-top: 20px;}

.Part1_L li{position: relative;overflow: hidden;padding-bottom: 5px;margin-top: 5px;}
.Part1_L li>a{ font-size: 22px; line-height: 1.5; font-weight: bold; color: #333; display: block; padding-left: 15px; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; background: url(fdbnlqhxzc_ico_7.png) no-repeat left center;}
.Part1_L li>p{ display: block; font-size: 15px; line-height: 1.5; color: #595757; text-indent: 2em;}
.Part1_L li>p a{ color: #c50001;}
.Part1_L li a:hover{ color: #c50001;}
.Part1_L li.First{ margin-top: 0; }
.Part1_L li.First a{ font-size: 26px; color: #bc010b; padding: 0; background: none; text-align: center; }
.Part1_L li.First a:hover{ text-decoration: underline;}


.Focus{ width:500px; height:320px; margin-top: 42px;}/*焦点图*/
.Focus .pic li{overflow:hidden; position:relative; width: 500px;height: 320px; background: #FFF;}
.Focus .pic img {width: 100%; max-width: 100%; height: 320px; display: block; margin: 0 auto;}
.Focus .num { position: absolute; z-index:3; bottom:33px; left: 193px; left: calc((100% - 113px) / 2);}
.Focus .num li{ float:left; width:33px; height:33px; position: relative; overflow:hidden; cursor:pointer; background:#313131; font-size: 22px; font-weight: bold; text-align: center; line-height: 33px; color: #FFF;}
.Focus .num li + li{ margin-left: 7px;}
.Focus .num li.on,.Focus .num li:hover{ background:#c50001;}
.Focus>a{ display:block; width:60px;height:150px; position:absolute; top: 245px; top: calc((320px - 150px) / 2);background:url(../images/2019gzlh_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.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;}




.Part2_SlideBox{ height: 530px; margin-top: 43px;}
.Part2_SlideBox .hd{ display: none;}
.Part2_SlideBox .navbtn{ position: absolute; right: 70px; top: -50px; width: 60px;}
.Part2_SlideBox .navbtn a{ display: block; height: 30px; width: 30px; float: left; background: url(fdbnlqhxzc_ico_8.png) no-repeat; cursor: pointer;}
.Part2_SlideBox .navbtn a.prev{ background-position: left center;}
.Part2_SlideBox .navbtn a.next{ background-position:right center;}
.Part2_SlideBox .bd{ height: 530px;}
.Part2_SlideBox .bd li{ position: relative; overflow: hidden; float: left; width: 280px; height: 500px; margin-right: 10px;}
.Part2_SlideBox .bd li .pic{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.Part2_SlideBox .bd li .pic img{ width: 100%; height: 100%; object-fit:cover;}
.Part2_SlideBox .bd li .txt{margin: 25px 25px 0;padding: 12px 0;display: block;border-bottom: 1px solid #FFF;position: absolute;top:30px;font-size: 22px;font-weight: bold;color: #FFF;line-height: 1.2;text-shadow: 1px 1px 1px #000;}


.DangsPreson{ margin-top: 75px;}
.DangsPreson .Tit{ height: 36px; border-bottom: 1px solid #ddd;}
.DangsPreson .Tit>a{ display: inline-block; float: left; padding: 0 15px; height: 35px; line-height: 36px; font-size: 18px; font-weight: bold; color: #c70110; border-bottom: 2px solid #c70110;}
.DangsPreson .Tit>.more{ float: right; font-size: 14px; color: #777; line-height: 36px;}
.DangsPreson ul{ position: relative; overflow:hidden; padding: 15px 12px;}
.DangsPreson li{ position: relative; overflow: hidden; float: left; width: 154px; height: 220px;}
.DangsPreson li + li{ margin-left: 11px; }
.DangsPreson li .pic{ position: relative; overflow: hidden; display: block; height: 180px;}
.DangsPreson li .pic img{ width: 100%; height: 100%; object-fit:cover;}
.DangsPreson li .txt{ position: relative; overflow: hidden; display: block; height: 40px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 14px; text-align: center; line-height: 40px; color: #FFF; background-color: #c70110;}





.Part3_Con{ height: 530px; padding:30px; background-color: #eee;}

.Part3_L{ width: 710px; height: 530px; background-color: #FFF;}
.Part3_L .pic{ display: block; position: relative; overflow: hidden; height:400px;}
.Part3_L .pic img{ width: 100%; height: 100%; object-fit:cover;}
.Part3_L .pic img{ animation-name:bounceInRight; animation-duration: 1s; animation-fill-mode: both;}
.Part3_L .txt{ position: relative; overflow: hidden; height:100px; padding:15px 25px; }
.Part3_L .txt a{ display: block; font-size: 20px; font-weight: bold; color: #c70110; line-height:1.5; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-bottom: 15px;}
.Part3_L .txt a:hover{ color: #F00;}
.Part3_L .txt p{ display: block; font-size: 14px; color: #777; line-height: 1.2;}
.Part3_L .txt p.desc{ text-indent: 2em; /*padding-bottom: 5px;*/}
.Part3_L .txt p.date{ display: none;}

.Part3_R{ width: 380px; height: 530px;}
.Part3_R li{ position: relative; overflow: hidden; height: 120px; background-color: #FFF;}
.Part3_R li + li{ margin-top: 17px;}
.Part3_R li .pic{ display: block; float:left; width: 190px; height: 120px; position: relative; overflow: hidden;}
.Part3_R li .pic img{ width: 100%; height: 100%; object-fit:cover;}
.Part3_R li .txt{ position: relative; overflow: hidden; float: right; width: 160px; height: 70px; padding:25px 10px;}
.Part3_R li .txt a{ max-height: 66px; font-size: 16px; color: #333; line-height:1.4; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.Part3_R li .txt a:hover{ color: #F00;}
.Part3_R li .txt p.desc{ font-size:14px; line-height:1.2; text-indent: 2em;}
.Part3_R li .txt p{ display: none;}

.Part3_R li.on{ background-color: #c70110;}
.Part3_R li.on .pic{ animation-name:fadeOutLeft; animation-duration: 0.5s; animation-fill-mode: both; width: 0; transition:width 0.5s;}
.Part3_R li.on .txt{ width: auto; float: none; padding:20px;}
.Part3_R li.on .txt a{font-size: 17px;line-height: 1.3;font-weight: bold;color: #FFF;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;}
.Part3_R li.on .txt p.desc{display: block;color: #FFF;padding-top: 5px;}
.Part3_R li.on .txt p.date{ display:none;}

@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}





.Part4_Con{margin-top: 40px;min-height: 520px;}

.Part4_L{ width: 920px; height: 520px;}
.Part4_L img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Part4_L em{ display: block; width: 48px; height: 48px; position: absolute; left: 28px; bottom: 75px; background: url(fdbnlqhxzc_ico_9.png) no-repeat center;}
.Part4_L p{ display: block; position: absolute; bottom: 0; left:0; overflow: hidden; padding: 0 25px; width:870px; height: 50px; line-height: 50px; font-size: 16px; color: #FFF; background-color: #000; background-color: rgba(0,0,0,0.7); transition: all 0.3s;}
.Part4_L p:hover{ text-decoration: underline;}

.Part4_R{ width: 220px; height: 520px;}
.Part4_R>a{ display: block; width: 50px; height: 35px; position: absolute; left: 85px; overflow: hidden; background: url(fdbnlqhxzc_ico_11.png) no-repeat; cursor: pointer;}
.Part4_R>a.prev{ background-position-y:top; top: -15px;}
.Part4_R>a.next{ background-position-y:bottom; bottom: -15px;}
.Part4_R>a:hover{ background-position-x:right;}
.Part4_R .bd{ position: relative; overflow: hidden; height: 480px; margin: 20px 0;}
.Part4_R .bd li{ position: relative; overflow: hidden; height: 155px; margin-bottom: 10px;}
.Part4_R .bd li span{ display: block; position: relative; overflow: hidden;}
.Part4_R .bd li .pic{ width: 220px; height: 125px; }
.Part4_R .bd li .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Part4_R .bd li .pic em{ display: block; width: 30px; height: 30px; position: absolute; left: 11px; bottom: 11px; background: url(fdbnlqhxzc_ico_10.png) no-repeat center;}
.Part4_R .bd li .txt{ font-size: 16px; color: #333; line-height: 30px; padding: 0 10px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}





.FixedNavBox{ width: 110px; position: absolute; left: 50%; margin-left: 650px; top: 900px; padding: 3px 4px; background-color: #FFF; border: 1px solid #f8dee0; box-shadow: 0 0 5px -2px #c70110;}
.FixedNavBox li{ position: relative; overflow: hidden; border: 1px solid #f8dee0; background-color: #EEE; transition: all 0.3s;}
.FixedNavBox li + li{ margin-top: 2px;}
.FixedNavBox li a{ display: block; text-align: center; font-size: 16px; line-height: 1.3; color: #c70110; padding: 9px 0; cursor: pointer;}
.FixedNavBox li.First{ border-color:#c70110; background-color:#c70110; }
.FixedNavBox li.First a{ font-size: 20px; padding: 0; line-height:58px; color: #FFF;}
.FixedNavBox li:hover{ border-color:#c70110; }

@media screen and (max-width:1550px ) {
	.FixedNavBox{ margin:0; left:auto; right:0; }
}




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

/*列表页*/
.RightCon{padding:15px;min-height: calc(100vh - 512px);}
.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;}