@import url(reset.css);
@import url(header.css);
@import url();
@import url("animate.min.css");


.Title{ height: 105px; position: relative; overflow: hidden;}
.Title>a.T{ display: block; float: left; padding: 10px 0;}
.Title>a.T h1{ font-size: 32px; color: #010101; line-height: 1.5;}
.Title>a.T p{ font-size: 28px; color: #969696; font-weight: 300; }
.Title>em{ display: block; position: absolute; right: 0; top: 52px; width: 75%; width: calc(100% - 300px); border-bottom: 1px solid #b1b6b9;}
.Title>em::before{ content: ''; display: block; width: 15px; height: 15px; position: absolute; overflow: hidden; border:1px solid #b1b6b9; border-radius: 50%; left: -17px; top: -8px;}



.Part1{ padding: 60px 0; background-color: #ebebeb;}
.Part1 .GdzxList{ width: 680px; }
.Part1 .GdzxList li{ position: relative; overflow: hidden; color: #3c3c3c; padding: 10px 0;}
.Part1 .GdzxList li + li{ margin-top: 20px;}
.Part1 .GdzxList li a{ display: block; font-size: 18px; line-height: 1.5; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-bottom: 10px;}
.Part1 .GdzxList li p,
.Part1 .GdzxList li span{ display: block; font-size: 16px; line-height: 1.5; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}

.Part1 .Part1_PicBox{ width: 612px; }
.Part1 .Part1_PicBox a{ display: block; position: relative; overflow: hidden; }
.Part1 .Part1_PicBox a img{ display: block; width: 100%; height: 100%; object-fit: cover;}


.Part2{ padding: 65px 0;}


.GdgyFocus{width: 710px; height:360px; margin-top: 65px; margin-left: 15px;}
.GdgyFocus::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; left: -15px; bottom: -25px; background-color: #ebebeb; z-index: 1;}
.GdgyFocus::before{ content: ''; display: block; position: absolute; right: 710px; top: 124px; width: 100%; height: 175px; background-color: #0063af; z-index: 0;}
.GdgyFocus .pic li{ overflow:hidden; position:relative; width: 710px;height: 360px; background: #FFF; z-index: 2;}
.GdgyFocus .pic img {width: 100%; max-width: 100%; height: 360px; display: block; margin: 0 auto; object-fit: cover;}
.GdgyFocus .txt-bg {position: absolute;bottom: 0px;z-index: 3; height: 69px; width:710px; background: #000; filter:alpha(opacity=50); opacity:0.5; overflow: hidden;}
.GdgyFocus .txt {position: absolute;left: 20px;bottom: 0px;z-index: 4;height: 49px;width:590px;overflow: hidden; padding: 10px 0;}
.GdgyFocus .txt li{ width:100%; height:49px; line-height:49px; position:absolute; bottom:-69px;}
.GdgyFocus .txt li a{display: block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color: white;text-shadow:1px 1px 5px #000;transition:all 0.3s;}
.GdgyFocus .txt li a:hover{ letter-spacing:1px;}
.GdgyFocus .pageState { position: absolute; z-index:5; width: 60px; height: 49px; padding: 10px; bottom:0px; right:10px; font-size: 16px; color: #FFF; text-align: center; line-height: 49px; font-weight: 100px;}
.GdgyFocus .pageState span{ font-size: 28px;}
.GdgyFocus>a{display:block;width:60px;height:150px;position:absolute;top: 115px;top: calc((360px - 150px) / 2);background:url("../images/view_arrows.png") no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px; z-index: 6;}
.GdgyFocus>a.prev{ left:10px;}
.GdgyFocus>a.next{ right:10px; background-position-x:-80px;}
.GdgyFocus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.GdgyFocus:hover>a.prev{ left:0px;}
.GdgyFocus:hover>a.next{ right:0px;}


.Part2 .GdgyList{ width: 600px; margin-top: 65px;}
.Part2 .GdgyList li{ position: relative; overflow: hidden; color: #3c3c3c; padding: 10px 0;}
.Part2 .GdgyList li + li{ margin-top: 30px;}
.Part2 .GdgyList li a{ display: block; font-size: 18px; line-height: 1.5; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-bottom: 10px;}
.Part2 .GdgyList li p,
.Part2 .GdgyList li span{ display: block; font-size: 16px; line-height: 1.5; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}




.Part3{ padding: 30px 0; background-color: #ebebeb;}

.GdbbsList{}
.GdbbsList ul{ width: 105%; width: calc(100% + 56px);}
.GdbbsList li{ position: relative; overflow: hidden; margin: 16px 0; margin-right: 56px; padding: 10px; border: 1px solid #d8d8d8; float: left; width: 630px; width: calc(50% - 56px - 22px);}
.GdbbsList li .date{ width: 85px; position: relative; height: 64px; margin: 10px 0; padding: 0 15px 0 5px; float: left; text-align: center; border-right: 1px solid #d5d5d5; }
.GdbbsList li .date p{ display: block; font-size: 28px; color: #000; line-height: 1; }
.GdbbsList li .date span{ display: block;  font-size: 22px; color: #6c6c6c; line-height: 1; padding-top: 10px;}
.GdbbsList li .text{ position: relative; overflow: hidden; float: right; padding-right: 10px; width: 500px; width: calc(100% - 126px - 10px);}
.GdbbsList li .text a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; line-height: 2; }
.GdbbsList li .text p{ display: block; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


.Part4{ padding: 50px 0; }
.GdfxList{ margin: 50px 0 30px;}
.GdfxList li{ position: relative; overflow: hidden; width: 295px; height: 377px; border-radius: 5px; float: left; background-color: #0063af;}
.GdfxList li + li{ margin-left: 60px; margin-left: calc((100% - 295px) / 3 - 295px); }
.GdfxList li .p{ position: relative; overflow: hidden; height: 189px;}
.GdfxList li .p img{ display: block; width: 100%; height: 100%; object-fit:cover; }
.GdfxList li .t{ padding: 20px 20px 0;}
.GdfxList li .t a{ display: block; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 18px; color: #FFF; height: 48px;}
.GdfxList li .t a:hover{ text-decoration: underline; }
.GdfxList li .d{ margin-top: 20px; padding: 0px 20px; display: block; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size: 16px; color: #FFF; max-height: 72px; line-height: 1.5; }







.Part5{ height: 436px; padding: 10px 0 30px; background: url("../images/gddt_ico_1.png") no-repeat center top;}
.Part5 .Title>a.T h1,
.Part5 .Title>a.T p{ color: #FFF;}

.GdshList{ margin-top: 48px;}
.GdshList li{ position: relative; overflow: hidden; width: 300px; height: 280px; float: left;}
.GdshList li em{ display: block; position: relative; overflow: hidden; width: 102px; height: 102px; margin: 25px auto; border: 1px solid #FFF; border-radius: 50%; text-align: center; line-height: 102px; font-size: 32px; color: #FFF;}
.GdshList li .t{ padding: 0px 30px;}
.GdshList li .t a{ display: block; position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size: 16px; color: #FFF; line-height: 1.8; max-height: 86px;}
.GdshList li .t a:hover{ text-decoration: underline; }