@charset "utf-8";
@import url(https://www.guizhou.gov.cn/images/animate.min.css);
@import url(https://www.guizhou.gov.cn/images/2020gzlh_reset.css);
@import url(https://www.guizhou.gov.cn/images/footer.css);

body{background-color: #FFFFFF !important;}
.warp{ width:100%; min-width:1200px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto;}
.Top{ background:url(2023_jszhl_bg.png) top center no-repeat ;}
.dbText .Top_Btns a.grzx { background:url(2023_qglh_img19.png) no-repeat left center !important;}
.dbText,.dbText a{color: #FFF;filter: brightness(100);}
.topMain{height: 560px;}
.szfBtn{position:absolute;left:0px;top: 15px;z-index: 2;}
.szfBtn img{ width: 334px; }
.topMain .LOGO{position: relative;padding-top: 202px;margin-left: 390px;}
.topMain .LOGO .img1{display: block;position: relative;z-index: 2;}

.topMain .img2{position:absolute;bottom: 0px;width: 273px;height: 407px;left: 90px;}

/*公共标题*/
.stitle{width: 100%;height: 100px;line-height: 100px;margin: 0 auto;position: relative; }
.stitle:after{content: '';width: 100%;height: 217px;position: absolute;right: 0px;bottom: -40px;background: url(2023_jszhl_img03.png) center center no-repeat;z-index: 10;}
.stitle span{height: 100%;display: block;color: #ffffff;font-size: 26px;position: relative;z-index: 99;text-align: center;}

/*公共图片动画*/
.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; }


/*驾驶证到期了，应该如何办理换证业务*/
.Part1{width: 1200px; margin: 0 auto;}
.bds{width: 1140px;padding: 0px 10px 36px 50px;height: auto;overflow: hidden;background: #f5f8ff;}
.bds ul{width: 100%;height: auto;position: relative;}
.bds ul:after{content: '';width: 3px;height: 100%;position: absolute;left: 37px;top: 0px;background: #8ac2ff;}
.bds ul li{height: auto;background: #FFFFFF;position: relative;margin: 0px 40px 26px;box-shadow: 1px 2px 8px 4px #e0e0e0;}
.bds ul li:before{content: '';width: 12px;height: 69px;position: absolute;left: 39px;bottom: -48px;background: url(2023_jszhl_img05.png) center center no-repeat;z-index: 10;}
.bds ul li:after{content: '';width: 12px;height: 69px;position: absolute;right: 39px;bottom: -48px;background: url(2023_jszhl_img05.png) center center no-repeat;z-index: 10;}
.bds ul li.move{margin-bottom: 0px;}
.bds ul li.move:before,.bds ul li.move:after{opacity: 0;}
.bds ul li em{position: absolute;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #1a1a1a;font-size: 36px;left: -40px;top: 30px;border: 5px solid #2c76c6;background: #FFFFFF;border-radius: 50%;z-index: 2;}
.bds ul li h3{width: 190px;padding: 41px 0px 0px 90px;height: 46px;line-height: 46px;color: #ffffff;font-size: 24px;background: url(2023_jszhl_img04.png)left bottom no-repeat;}
.bds ul li .desc{height: auto;overflow: hidden;line-height: 40px;color: #1a1a1a;font-size: 18px;padding: 13px 70px 20px;}
.bds ul li.one{box-shadow:none;color: #1a1a1a;font-size: 20px;line-height: 42px;background: none;padding: 21px 85px 0px 30px;}
.bds ul li.one:before,.bds ul li.one:after{opacity: 0;}

/*如何线上办理“期满换证”业务*/
.Part2{width: 1200px; margin: 40px auto 0;}

/*视频宣传*/
.Part3{width: 1200px;margin: 40px auto;}
.ztitle{width: 100%;height: 60px;line-height: 60px; background: url(2023_jszhl_img06.png) center center no-repeat;}
.ztitle a{width: 240px;height: 100%;display: block;margin:0 auto;color: #2c76c6;font-size: 30px;font-weight: bold;text-align: center;}
.Part3 .bd{width:100%;height:auto; overflow: hidden; margin-top: 30px;}
.Part3 .bd ul {width:100%;height:auto; overflow: hidden;}
.Part3 .bd ul li{width:520px;height: 288px; padding: 10px 14px; float:left;position: relative; border: 6px solid #99cfff; border-radius: 20px; background: #edf7ff;}
.Part3 .bd ul li video{width: 100%; height: 100%;}
.Part3 .bd ul li.move{float:right;}



.ConMain.ZldwBox{margin-top: 10px;/* border-radius: 8px; */width: 1200px;background: #FFF;box-sizing: border-box;}

.Address{font-size: 16px;color: #333;line-height: 1.7;padding: 15px 0 0;/* background-color: #f4faff; */}
.Address i{ padding: 9px 12px; background: url(PublicList_ico_1.png) no-repeat center;}
.Address font{ padding-left: 10px;}

/*列表页*/
.RightMainBox{ width: 860px; margin-top: 20px;}
.RightMainBox>.Title{height: 51px;border-bottom: 1px solid #2c76c6;}
.RightMainBox>.Title>h1{display: inline-block;float: left;height: 51px;line-height: 45px;font-size: 24px;color: #2c76c6;user-select: none;}
.PageMainBox{min-height: calc(100vh - 744px);}

/*文章列表*/
.NewsList{ padding: 10px 0;}
.NewsList li{ position: relative; overflow: hidden; font-size: 18px; line-height: 1.3; padding: 8px 0; padding-left: 15px; background: url(PublicList_ico_5.png) no-repeat left center;}
.NewsList li a{ display: inline-block; float:left; max-width: 80%; max-width: calc(100% - 180px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333; transition: all 0.3s;}
.NewsList li span{ display: inline-block; float: right; text-align: right; width: 150px; color: #999;}
.NewsList li:hover a{ color: #1865cd; padding-left:8px;}
.NewsList li.b{padding:0;border-bottom: 1px dashed #CCC;line-height: 0; background: none; margin: 10px 0;}
/*失效数据*/
.NewsList li.overdue a{max-width: 70%;max-width: calc(100% - 240px);}
.NewsList li.overdue em{ color:#F00; }

/*文章细览*/
/**/
.Xxgk_Info{border:1px solid #deeeff;border-bottom: none;border-right: none;}
.Xxgk_Info li{position: relative;overflow: hidden;font-size: 16px;color: #333;height: 42px;line-height: 42px;border-bottom: 1px solid #deeeff;border-right: 1px solid #deeeff;float: left;}
.Xxgk_Info li.T{width: 170px;text-align: center;background-color: #3d7ed8;color: #FFF;user-select: none;}
.Xxgk_Info li.C{width: 427px;width: calc(50% - 173px);text-indent: 1em;position: relative;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.Xxgk_Info li.C.W{ width: 1027px; width: calc(100% - 172px);}


/*正文卡片*/
.DocTextBox{padding: 25px 45px 45px;border-radius: 5px;box-shadow:0px 0px 6px 0px #ebebeb;background-color: #FFF;}
.DocTextBox .DocTitle{position: relative;overflow: hidden;font-size: 30px;font-weight: bold;color: #0653ab;line-height: 1.6;text-align: center;/* font-family: FZXBSJW; */}
.DocTextBox .Article{}
.DocTextBox .Article .ArticleInfo{ margin: 10px auto; margin-right: 150px; font-size: 14px; color: #999; line-height: 1.5; padding: 10px 0;}
.DocTextBox .Article .ArticleInfo p{display: inline-block;margin: 0 5px;}
.DocTextBox .Article .ArticleInfo span{ padding: 0 10px;}
.DocTextBox .Article .ArticleInfo span.fontsize .curFont{ color:#0653ab; }
.DocTextBox .Article .ArticleInfo span.fontsize a{ user-select: none; }
.DocTextBox .Article .ArticleInfo a{ color: #999; cursor: pointer;}
.DocTextBox .Article .ArticleInfo a:hover{ color: #0653ab; }
.DocTextBox .Article .share{position: absolute !important;margin: 0;top: 23px;right: 0;width: 90px;}
.DocTextBox .Article>.clear{ height: 8px; background: url(PublicList_ico_6.png) repeat-x left bottom;}

.DocHtmlCon{ padding: 20px 0;}
.DocHtmlCon iframe{ max-width:100%; }
/*正文默认样式*/
.trs_paper_default{color:#333;/* font-size:16px; */zoom:1;}
.trs_paper_default>p{margin:5px 0;margin-bottom:15px;color:#333;/* text-indent:2em; *//* font-size:16px; */line-height:30px;}
.trs_paper_default img{margin-bottom:-3px;max-width: 100% !important;text-align:center;height: auto;}
.trs_key4format{color:#333;font-size:16px;zoom:1;}
.trs_key4format>p{margin:5px 0;margin-bottom:15px;color:#333;text-indent:2em;font-size:16px;line-height:30px;}
.trs_key4format img{margin-bottom:-3px;max-width:100%;text-align:center;}


/*二维码*/
.QRcode{ text-align: center; }
.QRcode>p{ line-height: 30px; font-size: 14px;}
.QRcode #qrcodeEWM{ width: 180px;}

/*上一篇下一篇*/
.Previous{ clear:both; font-size:14px; }
.Previous span{ float:left; display:block; text-align: center; width:100px; height:40px; background:#1865cd; color:#fff; line-height:40px;}
.Previous a{display:inline-block;overflow:hidden;padding-left:10px;max-width: 85%;/* max-width:calc(100% - 100px); */text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease-in 0s;}
.Previous .prevpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}
.Previous .nextpage{ position:relative; overflow:hidden; margin:5px 0; height:40px; background:#f3f3f3; line-height:40px;}


/*相关文件*/
.DocTextBox.f_l{ width: 756px;}
.DocTextBox.f_l .Article .ArticleInfo{ margin: 0 20px;}
.DocTextBox.f_l .Article .ArticleInfo p{ display: block; margin: 8px 0; text-align: center;}
.DocTextBox.f_l .Article .share{ top: 35px;}

.RelatedDoc{ width: 285px; padding: 0 25px; border-radius: 5px; box-shadow:0px 0px 6px 0px #ebebeb; }
.RelatedDoc .RelCard + .RelCard{margin-top: 25px;border-top:1px solid #deeeff;}
.RelatedDoc .Tit{ height: 34px; line-height: 34px; padding-left: 23px; font-size: 20px; font-weight: bold; background: url(PublicList_ico_7.png) no-repeat left center; margin-top: 20px;}
.RelatedDoc .DocRelLi{ }
.RelatedDoc .DocRelLi li{ position: relative; overflow: hidden; margin-top: 10px; font-size: 15px; color: #333; padding-left: 15px; background: url(PublicList_ico_5.png) no-repeat left 9px; line-height: 1.6;}
.RelatedDoc hr{ border-color: #deeeff !important; margin: 15px 0 5px;}
.RelatedDoc .DocRelPhotos{ position: relative; overflow: hidden; margin-top: 20px;}
.RelatedDoc .DocRelPhotos img{ width: 100%;}