@charset "utf-8";
@import url("https://www.guizhou.gov.cn/material/2023/css/reset.css");
@import url("https://www.guizhou.gov.cn/material/2023/css/footer.css");


/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }

.warp a img:hover{ transform: none; }
.warp a{ color: inherit; }
.warp a:hover{ color: #cb2026; }

.w1400{ width: 1400px; }
@font-face {
  font-family:"SOURCE-BOLD";
  src:  url("/material/font/FZXBSJW--GB1-0.ttf");
}

.warp{position:relative;max-width: 100vw;min-width: 1440px;margin: 0 auto;}


.body-container{ height: 100vh; }


.Part1BgSlide{ position: relative; width: 100%; height: 100%; }
.Part1BgSlide .bd{ position: relative; height: 100%; background-position: center bottom; background-size:100% auto; background-repeat: no-repeat; }
.Part1BgSlide .bd li{ position: relative; overflow: hidden; width: 100vw; height: 100vh; }
.Part1BgSlide .bd li img{ display: block; position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.Part1BgSlide .PosBar{ position: absolute; width: 95px; top: 50%; transform: translateY(-50%); right: 45px; color: #FFF; display: flex; flex-direction: column; align-items: center; }
.Part1BgSlide .PosBar .hd{ display: flex; position: relative; flex-direction: column; align-items: center; }
.Part1BgSlide .PosBar .hd li{ position: relative; overflow: hidden; border: 1px solid transparent; border-radius: 50%; width: 30px; height: 30px; border-top-color:transparent !important; box-sizing: border-box; display: flex; font-size: 0; justify-content: center; align-items: center; transform: rotateZ(45deg); transition: all 1s; cursor: pointer; }
.Part1BgSlide .PosBar .hd li + li{ margin-top: 4px; }
.Part1BgSlide .PosBar .hd li::after{ content: ''; display: block; position: relative; overflow: hidden; width: 10px; height: 10px; border-radius: 50%; background-color: #FFF; }
.Part1BgSlide .PosBar .hd li.on{ transform: rotateZ(-315deg); border-color: #FFF; }
.Part1BgSlide .PosBar>em{ border-left: 1px solid #FFF; height: 60px; display: block; margin-top: 5px; }
.Part1BgSlide .PosBar .pageState{ font-size: 24px; font-weight: bold; font-family: '黑体'; }
.Part1BgSlide .PosBar .pageState span{ font-size: 36px; }


.PageNavBar{position: absolute;left: 0;top: 0;width: 100%;background-color: #FFF;height: 120px;box-shadow:0px 5px 20px -10px #646464;}
.PageNavBar>.PageNavCon{display: flex;height: 80px;justify-content: space-between;align-items: center;}
.PageNavBar .Logo img{ width: 250px; }
.PageNavBar .NavPart{}
.PageNavBar .NavPart ul{ display: flex; }
.PageNavBar .NavPart li{ position: relative; overflow: hidden; height: 80px; box-sizing: border-box; font-size: 20px; font-weight: bold; }
.PageNavBar .NavPart li + li{ margin-left: 42px; }
.PageNavBar .NavPart li::after{ content: ''; display: block; position: absolute; z-index: 0; width: 100%; height: 5px; background: #cb2026; opacity: 0; left: 0; bottom: -5px; transition: all 0.3s; }
.PageNavBar .NavPart li a{ display: block; height: 100%; line-height: 80px; padding: 0 3px; position: relative; z-index: 1; transition: color 0.3s; }
.PageNavBar .NavPart li:hover::after,
.PageNavBar .NavPart li.on::after{ bottom: 0; opacity: 1; }
.PageNavBar .NavPart li:hover a,
.PageNavBar .NavPart li.on a{ color: #cb2026; }

.PageLogo{position:absolute;left:calc(50% - 265px);top: 25%;filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.5));}


.MouseIcoBtn{ position: absolute; left:calc(50% - 14px); bottom: 20px; cursor: pointer; animation:MouseIcoFloat 1s linear infinite normal; animation-direction:alternate;}
@keyframes MouseIcoFloat {
    0% { transform: translateY(-5px); }
    100% { transform: translateY(5px); }
}





.Page2{display:flex;height: 100%;background: url("../images/dcgz_ico_2.png") no-repeat center;align-items: center;background-size: 100% 100%;}

.Page2Con{ display:flex; justify-content: space-between; }
.GzgkPart{}
.GzgkPart>ul{ display: flex; }
.GzgkPart>ul>li{ position: relative; overflow: hidden; height: 464px; background-color: #FFF; display: flex; box-shadow:0px 0px 10px -5px #9b9696; }
.GzgkPart>ul>li + li{ margin-left: 35px; }
.GzgkPart>ul>li>h1{ display: block; position: relative; box-sizing: border-box; width: 97px; height: 100%; border: 3px solid #a7a7a7; padding: 3px 4px; }
.GzgkPart>ul>li>h1 a{ display: flex; position: relative; height: 100%; box-sizing: border-box; border: 1px solid #a7a7a7; align-items: center; justify-content: center; }
.GzgkPart>ul>li>h1::before,
.GzgkPart>ul>li>h1::after,
.GzgkPart>ul>li>h1>a::before,
.GzgkPart>ul>li>h1>a::after{ content: ''; display: block; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #cb2026; transform-origin: center bottom; transition: all 0.5s; opacity: 0; }
.GzgkPart>ul>li>h1::before{ left: 2px; top: 1px; transform: rotateZ(-45deg); }
.GzgkPart>ul>li>h1::after{ right: 2px; top: 1px; transform: rotateZ(45deg); }
.GzgkPart>ul>li>h1>a::before{ left: -3px; bottom: 5px; transform: rotateZ(-135deg); }
.GzgkPart>ul>li>h1>a::after{ right: -3px; bottom: 5px; transform: rotateZ(135deg); }

.GzgkPart>ul>li.on{}
.GzgkPart>ul>li.on>h1,
.GzgkPart>ul>li.on>h1 a{ border-color: #cb2026; }
.GzgkPart>ul>li.on>h1::before,
.GzgkPart>ul>li.on>h1::after,
.GzgkPart>ul>li.on>h1>a::before,
.GzgkPart>ul>li.on>h1>a::after{ opacity: 1; }


.GzgkPart>ul>li>h1 p{ display: flex; position: relative; width: 35px; height: 303px; box-sizing: border-box; padding-top: 80px; font-size: 20px; font-weight: bold; color: #333; writing-mode: vertical-lr; align-items: center; font-family:"SOURCE-BOLD"; }
.GzgkPart>ul>li>h1 p::before,
.GzgkPart>ul>li>h1 p::after{ content: ''; display: block; position: absolute; width: 100%; height: 15px; box-sizing: border-box; border: 3px solid #cb2026; }
.GzgkPart>ul>li>h1 p::before{ top: 0; border-left: none; border-bottom: none; }
.GzgkPart>ul>li>h1 p::after{ bottom: 0; border-right: none; border-top: none; }

.GzgkPart>ul>li .Con{ position: relative; overflow: initial !important; width: 313px; width: 0; background-color: #FFF; }
.GzgkPart>ul>li .Con::before{ content: ''; display: block; position: absolute; width: 10px; height: 377px; top: calc(50% - (377px / 2)); left: 0px; background-color: #FFF; transition: all 0.1s; }
.GzgkPart>ul>li.on .Con::before{ left: -10px; }

.GzgkCon{margin: 44px 22px;width: 269px;height: 377px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.GzgkCon>*{ width: 100%; }
.DocHtmlCon{font-size: 16px;line-height: 1.5;text-indent: 2em;font-family: "Microsoft Yahei";}

.ulList{}
.ulList li{ position: relative; overflow: hidden; line-height: 1.5; font-size: 16px; padding: 5px 0;}
.ulList li a{ display: block; position: relative; overflow: hidden; float: left; max-width: calc(100% - 100px); white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li span{ float: right; }
.ulList.nd li a{float:none;max-width: 100%;}
.ulList.nd li span{ display:none;}
.ulList.line2{display:flex;flex-wrap: wrap;}
.ulList.line2 li{width: 50%;}

.GzgkCon .More{text-align: right;font-size: 18px;color: #cb2026;}
.GzgkCon .More a:hover{ text-decoration:underline; }

.GzgkCon .ulList{margin:0 auto;width: auto;}
.GzgkCon .ulList.line2{width: 170px;}



.Page3{display:flex;align-items: center;height: 100%;background: url("../images/dcgz_ico_5.png") no-repeat center;background-size: 100% 100%;}

.YxgzVideoPart{ width: 830px; height: 480px; padding: 15px; box-sizing: border-box; border-radius: 15px; background-color: #000; margin-top: 35px; }
.YxgzVideoPart video{ width: 100%; height: 100%; border-radius: 10px; position: relative; overflow: hidden; }

.YxgzSlide{}
.YxgzSlide .bd{ position: relative; margin: 0 70px; }
.YxgzSlide .bd li{ position: relative; overflow: hidden; width: 400px; height: 225px; margin: 10px 10px 0; border-radius: 10px; transition: all 0.3s; }
.YxgzSlide .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.YxgzSlide .bd li:hover{ transform: translateY(-3px); box-shadow:0px 10px 10px -5px #766f6f; }
.YxgzSlide .PrNeBtn{ position: absolute; width: 100%; width: calc(100% - 50px); left: 0px; left: calc(25px); height: 0; top: 50%; display: flex; align-items: center; justify-content: space-between;}
.YxgzSlide .PrNeBtn a{ display: block; position: relative; width: 40px; height: 160px; transition: all 0.3s;}
.YxgzSlide .PrNeBtn a.prev{ border-radius: 20px 0 0 20px; background: url("../images/dcgz_ico_6.png") no-repeat center #cb2026; }
.YxgzSlide .PrNeBtn a.next{ border-radius: 0 20px 20px 0; background: url("../images/dcgz_ico_7.png") no-repeat center #cb2026; }
.YxgzSlide .PrNeBtn a:hover{ background-color: #8d2e31; }





.Page4{display:flex;align-items: center;height: 100%;background: url("../images/dcgz_ico_9.png") no-repeat center;background-size: 100% 100%;}

.StgzPhoto{}
.StgzPhoto ul{ position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.StgzPhoto li{position: relative;overflow: hidden;margin-top: 25px;width: 525px;height: 350px;transition: all 0.3s;}
.StgzPhoto li:nth-of-type(1),
.StgzPhoto li:nth-of-type(4){ width: 850px; }
.StgzPhoto li img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; }
.StgzPhoto li p{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 70px; line-height: 70px; text-align: center; box-sizing: border-box; padding: 0 20px; font-size: 24px; color: #FFF; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9)); }

.StgzPhoto li:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }


.Page5{ display:flex; align-items: center; height: 100%; background: #FFF; }

.RwgzPart{ width: 1425px; width: calc(100% + 26px); }
.RwgzPart .Card{ position: relative; overflow: hidden; float: left; margin-top: 25px; margin-right: 25px; height: 350px; }
.RwgzPart .Card>a{ display: block; position: relative; height: 100%; }
.RwgzPart .Card>a img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; }
.RwgzPart .Card>a h1{position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 60px;display: flex;box-sizing: border-box;padding: 0 10px;font-size: 24px;color: #FFF;background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));align-items: center;justify-content: center;transition: all 0.5s;}

.RwgzPart .Card.line2 a{ height: 160px;}
.RwgzPart .Card.line2 a + a{ margin-top:30px; }
.RwgzPart .Card.line3 a{ height: 100px;}
.RwgzPart .Card.line3 a + a{ margin-top:25px; }

.RwgzPart .w1{ width: 630px; }
.RwgzPart .w2{ width: 300px; }
.RwgzPart .w3{ width: 420px; }
.RwgzPart .w4{ width: 350px; }
.RwgzPart .w5{ width: 500px; }
.RwgzPart .w6{width: 745px;}

.RwgzPart .Card>a:hover h1{height:100%;font-size: 28px;background: rgba(0,0,0,0.3);text-shadow: 2px 2px 2px rgba(0,0,0,1);}


.RwgzSlide{ width: 500px; }
.RwgzSlide .bd{}
.RwgzSlide .bd li{ position: relative; overflow: hidden; width: 500px; height: 350px; }
.RwgzSlide .bd li img{width: 100%;height: 100%;/* object-fit: cover; */}
.RwgzSlide .hd{ position: absolute; width: 100%; height: 0; left: 0; bottom: 35px; display: flex; align-items: center; justify-content: center; }
.RwgzSlide .hd li{ position: relative; overflow: hidden; border-radius: 10px; width: 20px; height: 7px; background-color: #FFF; font-size: 0; cursor: pointer; }
.RwgzSlide .hd li + li{ margin-left: 4px; }
.RwgzSlide .hd li.on{ background-color: #cb2026; }


.Page6{display:flex;align-items: center;height: 100%;background: url("../images/dcgz_ico_12.png") no-repeat center #f9f3f8;background-size: 100% 100%;}

.SztjSlide{ margin: 60px 32px 0; }
.SztjSlide .bd{ position: relative; border: 10px solid #9e252b; height: 490px; width: 790px; }
.SztjSlide .bd>ul>li{ position: relative; overflow: hidden; height: 490px; width: 790px; }
.SztjSlide .bd>ul>li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.SztjSlide .hd{ position: absolute; top: 13px; right: 0; width: 520px; }
.SztjSlide .hd li{ position: relative; overflow: hidden; width: 150px; height: 50px; border: 1px solid #e6edf5; background: linear-gradient(to right, #dfe9f3, #FFF); margin-left: 19px; margin-top: 22px; float: left; border-radius: 10px; transition: all 0.5s; }
.SztjSlide .hd li::before{content: '';display: none;position: absolute;width: 100%;height: 100%;/* background:url("../images/dcgz_ico_13.png") no-repeat right bottom; */right: 0;bottom: 0;z-index: 0;opacity: 0;transition: all 0.3s;}
.SztjSlide .hd li a{display: block;height: 100%;/* padding-left: 23px; */line-height: 50px;font-size: 20px;user-select: none;transition: all 0.2s;position: relative;z-index: 1;text-align: center;}
.SztjSlide .hd li.on{ border-color: #a53237; }
.SztjSlide .hd li.on::before{ opacity: 1; }
.SztjSlide .hd li.on a{font-weight: bold;color: #9e252b;/* background: url("../images/dcgz_ico_13.png") no-repeat right bottom; */background: linear-gradient(to right, #fccdba, #efc397);}

.TargetPart{ width: 800px; height: 200px; position: absolute; box-sizing: border-box; right: -13px; bottom: 35px; background: url("../images/dcgz_ico_14.png") no-repeat; padding: 30px; }
.TargetPart li{ position: relative; display: flex; align-items: center; justify-content: space-around; height: 140px; }
.TargetPart li h1{ font-size: 24px; letter-spacing: 5px; font-weight: bold; color: #FFF; writing-mode: vertical-lr; }
.TargetPart li .desc{ position: relative; overflow: hidden; width: 670px; font-size: 16px; line-height: 1.5; color: #FFF; text-indent: 2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }

.TargetPart .PrNeBtn{ position: absolute; right: 40px; bottom: 15px; display: flex; }
.TargetPart .PrNeBtn a{ display: block; position: relative; width: 35px; height: 35px; border-radius: 50%; transition: all 0.3s;}
.TargetPart .PrNeBtn a.prev{ background: url("../images/dcgz_ico_15.png") no-repeat center rgba(255,255,255,0.3); }
.TargetPart .PrNeBtn a.next{ background: url("../images/dcgz_ico_16.png") no-repeat center rgba(255,255,255,0.3); margin-left: 10px; }
.TargetPart .PrNeBtn a:hover{ background-color: rgba(255,255,255,0.5); }



.Page7{ }
.Page7{display:flex;align-items: center;height: 100vh;background: url("../images/dcgz_ico_18.png") no-repeat center;background-size: 100% 100%;}

.TzgzPart{ padding-top: 5px; }
.TzgzPart ul{ position: relative; display: flex; justify-content: space-between; margin-top: 40px; }
.TzgzPart ul li{ position: relative; overflow: hidden; width: 430px; height: 240px; transition: all 0.3s; }
.TzgzPart ul li img{ position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 0; left: 0; top: 0; }
.TzgzPart ul li a{ display: flex; height: 100%; padding-left: 15%; user-select: none; position: relative; z-index: 1; flex-direction: column; justify-content: space-evenly; color: #FFF !important; }
.TzgzPart ul li .Tit h1{ font-size: 26px; font-weight: bold; line-height: 1.5; }
.TzgzPart ul li .Tit p{ font-size: 14px; }
.TzgzPart ul li .More{ position: relative; border-radius: 5px; border: 1px solid #FFF; width: 142px; height: 42px; display: flex; font-size: 16px; align-items: center; justify-content: center; transition: all 0.3s; }
.TzgzPart ul li .More::after{ content: ''; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; margin-left: 10px; }

.TzgzPart ul.line3 li:nth-of-type(3){ width: 460px; }
.TzgzPart ul.line2 li{ width: 680px; }

.TzgzPart ul li:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }
.TzgzPart ul li .More:hover{ border-color: #cb2026;}



.Page8{height: 237px !important;}
.Page8 .footer{ max-width:100%; }


.Ymygz_Alert{ padding: 15px; }
.Ymygz_Alert ul{display: flex;justify-content: center;align-items: flex-end;}
.Ymygz_Alert li{ position: relative; padding: 15px; }
.Ymygz_Alert li + li{ margin-left: 15px; }
.Ymygz_Alert li img{width: 100%;}
.Ymygz_Alert li:nth-of-type(1) img{ zoom:0.95; }
.Ymygz_Alert li p{text-align:center;font-size: 22px;line-height: 1.5;margin-top: 10px;}



.gotop{position: absolute;bottom:10px;right:20px;width:100px;height: 100px;z-index: 9999;}