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

.Main{ position: relative;}
.Main::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/zdlygk_bg.jpg) center top no-repeat; pointer-events: none;}
.zdlygkBox{width: 1400px; height: auto; overflow: hidden; padding: 393px 20px 0px; position: relative; margin: 0 auto;}
.zdlygkBox::before{content: '';width: 645px;height: 240px;position: absolute;left: 34px;top: 103px;background: url(../images/zdlygk_img01.png) center top no-repeat; pointer-events: none;}
.zdlygkBox .zldygkList{width: 100%;height: auto;overflow: hidden;padding: 20px 30px;background: #FFFFFF;box-sizing: border-box;border-radius: 25px;box-shadow: 0px 0px 13px rgba(0, 102, 204, 0.2); margin-bottom: 40px; }
.zdlygkBox .NewsLists{width: 655px;height: auto;overflow: hidden;margin-bottom: 19px; max-height: 302px;}

/*公共样式*/
.hds {width: 100%;height: 56px;border-bottom: 1px solid #e6e6e6;}
.hds ul{width: auto;height: 100%; float: left;}
.hds ul li {display: inline-block;width: auto;height: 100%;line-height: 42px;float: left;position: relative;margin-right: 43px;}
.hds ul li a {display: inline-block;height: 100%;font-size: 28px;color: #000000;}
.hds ul li a::after {content: "";width: 0;height: 4px;background: #0059bb;position: absolute;bottom: -2px;left: 50%;z-index: 2;transition: 0.5s;border-radius: 2px;}
.hds ul li.on a {color: #1c69c6;font-weight: bold;}
.hds ul li.on a::after{width: 100%;left: 0;}
.hds .more{height: 100%;line-height: 56px;float: right;}
.hds .more a{width: 100%;height: 100%;display: block;text-align: right;color: #999999;font-size: 16px;}
.hds .more a:hover{ color: #0059bb;}
.bds{width: 100%;height: auto;overflow: hidden;}

.UlList{padding-top: 10px;min-height: 235px; position: relative; }
.UlList li{position: relative;overflow: hidden;line-height: 1.5;font-size: 18px;padding: 10px 0;color: #333;}
.UlList li::before{ content: ''; display: block; position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: #e1eeff; left: 0; top: calc(50% - 4.5px); }
.UlList li a{display: block;float: left;max-width: calc(100% - 120px);position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;padding-left: 20px;box-sizing: border-box;}
.UlList li a:hover{ color: #F00; }
.UlList li span{ display: inline-block; float: right; color: #818181;}

.ChildNav{ display: flex; position: relative; flex-wrap: wrap; width: calc(100% + 15px); }
.ChildNav li{ position: relative; margin: 7px 15px 0 0; }
.ChildNav li a{ display: block; padding: 0 20px; height: 40px; line-height: 40px; white-space: nowrap; font-size: 16px; color: #4c4c4c; background-color: #dfecfc; }
.ChildNav li:hover a{ background-color: #efefef; }