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

@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
    70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
}

.warp{ width:100%; min-width:1220px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:#eef8ff;}
.Top{ width:100%; height:auto; background: url(/images/2024hbdcgzzxd_ico_1.jpg) no-repeat center top; }
.topMain{ height:640px; }
.szfBtn{ position:absolute; left:0px; top:30px; }
.szfBtn img{width: 280px;}
.LOGO{position: relative;margin:0 auto;top: 180px;text-align: center;}
.LOGO img + img{margin-top: 0px;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;}
.MT50{ margin-top:50px;}
.MT60{ margin-top:60px;}
.Main{background-color: #FFF;padding-top: 1px;}
.Main a{ color: inherit; }
.Main a:hover{ color: #c80000; }
.PageTitle{text-align: center;padding: 10px 0;user-select: none;}
.Part1{width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;}


.UlList{ position: relative; margin-top: 22px; border: 1px solid #e6e6e6; padding: 20px 20px;}
.UlList li{ position: relative; overflow: hidden; display: flex; padding: 15px 0; padding-left: 20px; align-items: center; font-size: 16px; line-height: 1.5; justify-content: space-between; }
.UlList li::before{ content: ''; display: block; position: absolute; left: 0; top: calc(50% - 3.5px); width: 7px; height: 7px; background-color: #165931; transition: all 0.3s; border-radius: 50%;}
.UlList li + li{ margin-top: 0px; }
.UlList li a{ display: block; float: left; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position: relative; overflow: hidden; max-width: calc(100% - 120px); }
.UlList li span{ float: right; }
.UlList li:hover::before{ background-color: #e50000; }


.Part3{ padding-bottom: 30px; }
.Part3 img{ width: 100%; position: relative; z-index: 0; }
.Part3 span{ display: block; position: absolute; width: 100px; height: 30px; border-radius: 0px 5px 5px 5px; background-color: #165931; text-align: center; line-height: 30px; font-size: 18px; font-weight: bold; color: #FFF; left: 28px; top: -10px; letter-spacing: 5px; box-sizing: border-box; padding-left: 5px; }
.Part3 span::before{ content: ''; display: block; position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-width: 5px; border-style: solid; border-right-color: #238c4d; border-bottom-color: #238c4d; top: 0; right: 100%; }


.Part4 ul{display:flex;justify-content: space-between;}
.Part4 li{position:relative;width:380px;height:180px;border-radius: 10px;background-color: #FFF;box-shadow: 0px 2px 15px 0px rgba(128, 128, 128, 0.12);display: flex;flex-direction: column;justify-content: center;padding: 0 40px;box-sizing: border-box;}
.Part4 li .ico{position:relative;overflow: hidden;width: 62px;height: 62px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #ccedd9;z-index: 2;}
.Part4 li h1{display:block;font-size: 18px;font-weight: bold;color: #333;margin-top: 10px;position: relative;z-index: 3;}
.Part4 li p{display:block;font-size: 16px;margin-top: 5px;line-height: 1;position: relative;z-index: 4;height: 32px;white-space: nowrap;}
.Part4 li p a{ pointer-events:none; }

.Part4 li + li .ico{background-color: #ffe4da;}
.Part4 li + li + li .ico{background-color: #dbedff;}

.Part4 li::before,
.Part4 li::after{content:'';display:block;position:absolute;right: 10px;top: 10px;}
.Part4 li::before{width:50%;height:70%;background: url(/images/2024hbdcgzzxd_ico_6.png) no-repeat right top;background-size: auto 100% !important;opacity: 0.1;z-index: 0;}
.Part4 li + li::before{background: url(/images/2024hbdcgzzxd_ico_7.png) no-repeat right top;}
.Part4 li + li + li::before{background: url(/images/2024hbdcgzzxd_ico_8.png) no-repeat right top;}
.Part4 li::after{width: calc(100% - 20px);height: calc(100% - 20px);background: linear-gradient(180deg, transparent, rgba(255,255,255,1));z-index: 1;}