@charset "utf-8";
/* CSS Document */
/*
@import url(https://jyt.guizhou.gov.cn/images/global.css);
@import url(https://jyt.guizhou.gov.cn/images/foot.css);
*/
@import url(mobile_header.css);

.contenner{ display: none; }
.Mobile_Main{ display: block !important; }

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("../images/Mobile_Top_ico_4.png") no-repeat left center; font-size: 18px; padding: 9px 0; padding-left: 15px; color: #404040; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 120px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; float: right; color: #b5b5b5;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }

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




/*头条*/
.TzggPart{ padding: 15px 30px; }
.TzggPart .Tit{ font-size: 16.5px; font-weight: bold; color: #197df7; }
.TzggPart .Tit a{ color: #197df7; }
.TzggPart .Con{ margin-top: 5px; }
.TzggPart .Con h1{ display: block; position: relative; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 1.3; text-align: center; }
.TzggPart .Con .desc{ position: relative; overflow: hidden; font-size: 12px; line-height: 1.5; margin-top: 10px; }
.TzggPart .Con .desc a{ color: #197df7; }


.Part1{ }

.Focus{ position: relative; width: auto; height: calc(100vw / (414 / 260)); margin-top: 10px; }
.Focus .bd li{ position: relative; overflow: hidden; width:100vw; height: calc(100vw / (414 / 260)); display: block !important; float: left; }
.Focus .bd li img{ width: 100%; height: 100%; object-fit: cover; }
.Focus .bg{ position: absolute; width: 100%; height: 35px; background: #000; opacity: 0.8; left: 0; bottom: 0; }
.Focus .text{ position: absolute; left: 10px; bottom: 0px; width: calc(100vw - 90px); height: 35px; }
.Focus .text li{ position: relative; overflow: hidden; height: 35px; font-size: 14px; color: #FFF; line-height: 35px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; display: none; }
.Focus .text li a{ color: #FFF; }
.Focus .text li.on{ display: block; }
.Focus .num{ position: absolute; right: 10px; bottom: 13px; height: 8px; }
.Focus .num li{ position: relative; overflow: hidden; border-radius: 50%; width: 8px; height: 8px; background: #848181; cursor: pointer; font-size: 0; float: left; }
.Focus .num li + li{ margin-left: 5px; }
.Focus .num li.on{ background-color: #FFF; }

.NewsSlide{ margin-top: 20px; }
.NewsSlide .hd{ position: relative; height: 45px; box-shadow:0px 5px 5px 0px #f1ebeb; z-index: 2; overflow-x: auto; overflow-y: hidden; }
.NewsSlide .hd::-webkit-scrollbar{ display:none; }
.NewsSlide .hd ul{ display: flex; justify-content: center; margin: 0 auto; }
.NewsSlide .hd li{ position: relative; height: 45px; line-height: 45px; font-size: 17px; color: #d3d3d3; }
.NewsSlide .hd li a{ display: block; line-height: 45px; font-weight: bold; padding: 0 5px; white-space: nowrap;}
.NewsSlide .hd li.on a{ color: #197df7; }
.NewsSlide .bd{ position: relative; z-index: 1; }
.NewsSlide .bd>*{ display: block !important; float: left; }
.NewsSlide ul.ulList{ min-height: 190px; }

.ulList li{ font-size: 14px; padding: 6px 0; padding-left: 15px; margin: 0 15px; }
.ulList li a{ max-width: calc(100% - 80px); }
.ulList li span{ font-size: 12px; }



.Part2{ margin: 10px 15px 0;}
.GwyxxBtns{ position: relative; }
.GwyxxBtns ul{ display: flex; justify-content: space-between;}
.GwyxxBtns li{ position: relative; overflow: hidden; width: calc((100% - 30px) / 3); height: 90px; border-radius: 5px; box-shadow:0px 1px 10px -2px #d7c4c4; transition: all 0.5s;}
.GwyxxBtns li a{ display:flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; font-size: 17px; font-weight: bold; }
.GwyxxBtns li img{ zoom:0.6; }
.GwyxxBtns li:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }

.ZwfwLink{ margin-top: 15px; }

.ZcjdBtns{ margin-top: 15px; position: relative; }
.ZcjdBtns ul{ display: flex; justify-content: space-between;}
.ZcjdBtns li{ position: relative; overflow: hidden; width: calc((100% - 15px) / 2); height: 90px; border-radius: 5px; box-shadow:0px 1px 10px -2px #d7c4c4; transition: all 0.5s; }
.ZcjdBtns li a{ display: flex; height: 100%; box-sizing: border-box; align-items: center; justify-content: space-evenly; }
.ZcjdBtns li .t{}
.ZcjdBtns li .t h1{ display: block; font-size: 17px; font-weight: bold; white-space:nowrap; }
.ZcjdBtns li .t p{ display: block; font-size: 12px; color: #888; white-space:nowrap; }
.ZcjdBtns li .pic img{ max-width: 15vw; }


.Part3{ position: relative; margin-top: 20px; }
.Part3 .Title{ position: relative; height: 45px; box-shadow:0px 5px 5px 0px #f1ebeb; z-index: 2; }
.Part3 .Title h1{ font-size: 20px; font-weight: bold; line-height: 45px; text-align: center; }

.ZtList{ margin: 10px 15px; position: relative; padding-top: 1px; }
.ZtList ul{ position: relative; margin: 10px 0 0; }
.ZtList ul::before{ content: ''; display: block; position: absolute; top: 0; left: 27px; border-left: 1px solid #e7e7e7; height: 100%; }
.ZtList li{ position: relative; font-size: 17px; font-weight: bold; line-height: 1.5; padding: 5px 0; padding-left: 40px; }
.ZtList li + li{ margin-top: 5px; }
.ZtList li::before{ content:''; display: block; position: absolute; left: 0; top: 8px; width: 15px; height: 20px; background: url("../images/Mobile_Top_ico_11.png") no-repeat; background-size: 100% auto; }
.ZtList li::after{ content: ''; display: block; position: absolute; width: 5px; height: 5px; border: 1px solid #e7e7e7; border-radius: 50%; background-color: #FFF; left: 24px; top:14px;}
.ZtList li a{ color: #197df7;}

.ZtzlSlide{ margin: 0 15px; position: relative; }
.ZtzlSlide .bd{}
.ZtzlSlide .bd li{ position: relative; overflow: hidden; border-radius: 5px; width: calc(100vw - 30px); height: calc((100vw - 30px) / (382 / 156)); display: block!important; float: left; }
.ZtzlSlide .bd li img{ width: 100%; height: 100%; }
.ZtzlSlide .hd{ position: absolute; bottom: 25px; width: 100%; height: 0; }
.ZtzlSlide .hd ul{ display: flex; justify-content: center; }
.ZtzlSlide .hd li{ position: relative; overflow: hidden; width: 13px; height: 13px; border-radius: 50%; background-color: #000; opacity: 0.2; font-size: 0; }
.ZtzlSlide .hd li + li{ margin-left: 7px;}
.ZtzlSlide .hd li.on{ background-color: #34a5fc; opacity: 1; }

@media screen and (max-width:600px ) {
    
}

@media screen and (max-width:375px ) {
    
}

@media screen and (max-width:320px ) {
    
}