@charset "utf-8";
/* CSS Document */
@import url(https://www.qiannan.gov.cn/material/siteFile/web2022/images/reset.css);
@import url(https://www.qiannan.gov.cn/material/siteFile/web2022/images/footer.css);
@import url("https://www.qiannan.gov.cn/material/siteFile/web2022/images/animate.min.css");



/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("../images/Home_ico_4.png") no-repeat left center; font-size: 16px; padding: 10px 0; padding-left: 15px; color: #333; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 100px); 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; width: 90px; float: right; text-align:right; color: #999;}

.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; }

.warp{ width: 100%; max-width: 1920px; min-width: 1360px; position: relative; overflow: hidden; margin: 0 auto; background:#FFF;}
.w1400{ width: 1400px; }

.Header{ min-height: 660px; background: url("../images/zccf_ico_2.png") no-repeat center top; }
.Header>.w1400{ padding-top: 0.5px; }

.SiteLogo{ position: absolute; left: 0; top: 35px; }

.Header .Logo{ margin: 0 auto; margin-top: 187px; width: 550px; text-align: center; }

.SearchPart{ width: 650px; margin: 0 auto; margin-top: 40px; }
.SearchPart .SlideBar{  }
.SearchPart .SlideBar ul{ display: flex; }
.SearchPart .SlideBar li{ position: relative; overflow: hidden; width: 100px; height: 40px; border-radius: 10px 10px 0 0; background: rgba(255,255,255,0.2); text-align: center; font-size: 16px; color: #FFF; user-select: none; line-height: 40px; cursor: pointer; }
.SearchPart .SlideBar li + li{ margin-left: 3px; }
.SearchPart .SlideBar li.on{ background-color: #f28e27; }

.SearchBar{ height: 60px; border-radius: 0px 10px 10px 10px; display: flex; justify-content: space-between; background-color: #FFF; }
.SearchBar .ChannelSlide{ width: 140px; }
.SearchBar .ChannelSlide .layui-menu{ display: none; }
.SearchBar .ChannelSlide h1{display: flex;position: relative;height: 60px;cursor: pointer;align-items: center;padding-left: 15px;padding-right: 30px;}
.SearchBar .ChannelSlide h1 label{font-size: 16px;color: #686868;/* user-select: none; */line-height: 1;}
.SearchBar .ChannelSlide h1 i{ display: block; position: absolute; width: 25px; height: 14px; background: url("../images/zccf_ico_5.png") no-repeat; right: 6px; top: calc(50% - 7px); transition: all 0.3s; }

/*下拉框*/
.SearchDropDown.layui-dropdown{ overflow-x:hidden; max-height: 300px; width: 140px; border: 1px solid #c2c5c7; box-shadow: 0px 0px 10px -2px #95b1d4;}
.SearchDropDown.layui-dropdown::-webkit-scrollbar{ width: 5px; background: transparent;}
.SearchDropDown.layui-dropdown::-webkit-scrollbar-button{ display: none;}
.SearchDropDown.layui-dropdown::-webkit-scrollbar-track-piece{ background: #e4e4e4; }
.SearchDropDown.layui-dropdown::-webkit-scrollbar-thumb{ background-color: #00479d; border-radius: 5px;}
.SearchDropDown.layui-dropdown .layui-menu-body-title a{ white-space: normal; line-height: 1.3; padding: 9px 15px;}

.SearchBar>input{ display: block; position: relative; overflow: hidden; width: calc(100% - 270px); border: none; background: none; outline: medium; }
.SearchBar .sebtn{ display: flex; position: relative; width: 120px; height: 60px; border-radius: 0px 10px 10px 0px; background-color: #f38b29; align-items: center; justify-content: center; user-select: none; }
.SearchBar .sebtn span{ font-size: 18px; color: #FFF; margin-left: 10px; }





.Address{ font-size: 16px; color: #333; line-height: 1.9; }
.Address i{ padding: 9px 15px; background: url(https://www.qiannan.gov.cn/material/siteFile/web2022/images/dqwz.png) no-repeat center;}
.Address font{ padding-left: 10px;}



.PartTitle{}
.PartTitle h1{ display: block; width: 529px; height: 138px; margin: 0 auto; background: url("../images/zccf_ico_6.png") no-repeat center top; }
.PartTitle h1 a{ display: block; line-height: 105px; text-align: center; font-size: 48px; font-weight: bold; color: #FFF; user-select: none; letter-spacing: 5px; padding-left: 30px; }


.ZczqSlide{}
.ZczqSlide .hd{ }
.ZczqSlide .hd ul{ display: flex; justify-content: space-evenly; }
.ZczqSlide .hd li{ position: relative; overflow: hidden; width: 184px; height: 80px; border-radius: 10px; cursor: pointer; box-shadow:0px 0px 12px -2px rgba(115,137,186,0.55); }
.ZczqSlide .hd li a{ display: block; position: relative; height: 100%; text-align: center; line-height: 80px; font-size: 24px; color: #FFF; user-select: none; z-index: 2; }
.ZczqSlide .hd li a::before{ content: ''; display: inline-block; width: 0; height: 23px; background: url("../images/zccf_ico_7.png") no-repeat; margin-right: 5px; transition: all 0.3s; opacity: 0; }
.ZczqSlide .hd li::before,
.ZczqSlide .hd li::after{ content: ''; display: block; position: absolute; width: 100%; height: 70px; border-radius: 10px; overflow: hidden; }
.ZczqSlide .hd li::before{ top: 0; z-index: 0; background-color: #5fc9f7; }
.ZczqSlide .hd li::after{ bottom: 0; z-index: 1; background: linear-gradient(45deg, #0cb9fb, #4285eb); }

.ZczqSlide .hd li.on{  }
.ZczqSlide .hd li.on a::before{ width: 27px; opacity: 1; }
.ZczqSlide .hd li.on::before{ background-color: #3d1ec7; }
.ZczqSlide .hd li.on::after{ background: linear-gradient(45deg, #9583ff, #3d16e7); }

.ZczqSlide .hr{ position: relative; height: 50px; background: url("../images/zccf_ico_8.png") no-repeat center top; margin-top: 18px; z-index: 1; }
.ZczqSlide .bd{position: relative;min-height: 660px;}
.ZczqSlide .Card{ height: 800px; height: 0; position:relative; overflow: hidden; opacity: 1 !important; }

.ZczqConSlide{width: 1362px;height: 640px;position: absolute;bottom: 20px;left: 19px;background: url("../images/zccf_ico_9.png") no-repeat bottom center;box-shadow: 0px 2px 15px 0px rgba(0,58,207,0.55);z-index: 0;}
.ZczqConSlide .inbd{position: relative;margin: 28px 23px;min-height: 400px;}
.ZczqConSlide .inbd .tempWrap{padding-right: 4px;max-height: 100%;}
.ZczqConSlide .inbd li{position: relative;width: 380px;padding:0 25px;height: 400px;border: 2px dashed #ddd;border-top: none;border-bottom: none;border-right: none;/* margin-right: -2px; */float: left;}
.ZczqConSlide .inbd li::before{ content: ''; display: block; position: absolute; left: -4px; top: 0; z-index: 9; width: 6px; height: 28px; background-color: #fb6e46; }
.ZczqConSlide .inbd li .Txt{ padding: 25px 0; }
.ZczqConSlide .inbd li .Txt h1{display: block;position: relative;overflow: hidden;font-size: 22px;font-weight: bold;color: #005ec8;line-height: 1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;height: 165px;height: 66px;}
.ZczqConSlide .inbd li .desc{position: relative;overflow: hidden;font-size: 16px;line-height: 1.5;color: #686868;/* max-height: 73px; */padding-right: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.ZczqConSlide .inbd li .desc span{color: #005ec8;font-weight: bold;font-size: 16.5px;}
.ZczqConSlide .inbd li .desc a{color: #005ec8;margin-left: 1em;white-space: nowrap;}
.ZczqConSlide .inbd li .desc a:hover{ text-decoration: underline; }
.ZczqConSlide .inbd li .relText{ margin-top: 15px; }
.ZczqConSlide .inbd li .relText p{display: block;font-size: 16px;line-height: 1.5;color: #686868;margin-top: 10px;}
.ZczqConSlide .inbd li .relText p font{color: #005ec8;font-weight: bold;font-size: 16.5px;}
.ZczqConSlide .inbd li .btns{ display: flex; position: absolute; width: 100%; height: 40px; bottom: 30px; left: 0; justify-content: center; }
.ZczqConSlide .inbd li .btns a{ display: flex; position: relative; overflow: hidden; width: 120px; height: 40px; border: 1px solid #4620e9; border-radius: 20px; font-size: 16px; color: #FFF; background-color: #a693f4; justify-content: center; align-items: center; transition: all 0.3s; }
.ZczqConSlide .inbd li .btns a + a{ margin-left: 9px; }
.ZczqConSlide .inbd li .btns a:hover{ background-color: #ff9292; border-color: #ffb07c; }

.ZczqConSlide .prBtns{ height: 45px; position: relative; display: flex; margin: 20px 25px 0; align-items: center; justify-content: space-between;}
.ZczqConSlide .prBtns::before{ content: ''; display: block; position: relative; width: calc(100% - 115px); border-bottom: 1px dashed #859dff; }
.ZczqConSlide .prBtns a{ display: block; width: 45px; height: 45px; position: relative; overflow: hidden; border-radius: 50%; cursor: pointer; box-shadow:0px 0px 10px 0px #a7a4a4; transition: all 0.3s; background-color: #FFF; }
.ZczqConSlide .prBtns a::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.ZczqConSlide .prBtns a.prev::after{ background: url("../images/zccf_ico_11.png") no-repeat center; }
.ZczqConSlide .prBtns a.next::after{ background: url("../images/zccf_ico_12.png") no-repeat center; }
.ZczqConSlide .prBtns a:hover{ background-color: #77adf2; }
.ZczqConSlide .prBtns a:hover::after{ filter: brightness(100); }


.GetDingyue{ width: 180px; height: 60px; position: relative; overflow: hidden; margin: 20px auto 0; box-sizing: border-box; border: 1px solid #f4872e; border-radius: 30px; }
.GetDingyue a{ display: flex; height: 100%; align-items: center; justify-content: center; font-size: 24px; color: #fd654e; user-select: none; cursor:pointer; position: relative; z-index: 1; }
.GetDingyue a img{ margin-right: 10px; }
.GetDingyue::before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; top: calc(50% - 30px); left: calc(50% - 120px); background-color: #fd654e; transform: scale(0); opacity: 0; border-radius: 30px; z-index: 0;}
.GetDingyue:hover::before{ transition: all 0.5s; opacity: 1; transform: scale(2); }
.GetDingyue:hover a{ color: #FFF; }
.GetDingyue:hover img{ transition: all 0.5s; filter: brightness(100); }




.Part2{ background: url("../images/zccf_ico_13.png") no-repeat center 100px; }

.ZczrPart{ height: 880px; box-sizing: border-box; padding: 40px 30px; background:url("../images/zccf_ico_19.png") no-repeat center bottom rgba(255,255,255,0.5); margin-top: 100px; border-radius: 10px; display: flex; justify-content: space-between; }

.ZczrPart .hd{ width: 320px; position: relative; }
.ZczrPart .hd li{ position: relative; overflow: hidden; height: 130px; background-color: #FFF; }
.ZczrPart .hd li + li{ margin-top: 15px; }
.ZczrPart .hd li::before,
.ZczrPart .hd li::after{ content: ''; display: block; position: absolute; transition: all 0.3s; }
.ZczrPart .hd li::before{ left: ; top: 0; height: 100%; width: 0; background-color: #005ec8; }
.ZczrPart .hd li::after{right: 0;top: calc(50% - 14px);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 14px solid #005ec8;opacity: 0;}
.ZczrPart .hd li a{ position: relative; display: flex; z-index: 2; padding-left: 90px; align-items: center; height: 100%; font-size: 24px; cursor: pointer; }
.ZczrPart .hd li img{ position: absolute; left: 30px; top:50%; transform: translateY(-50%); }
.ZczrPart .hd li.on::before{ width: 8px; }
.ZczrPart .hd li.on::after{ opacity: 1; right: 20px; }


.ZczrPart .bd{ width: 1000px; }


.swiper{ width: 1000px; height: 710px; }
.swiper .swiper-button-prev,
.swiper .swiper-button-next{ width: 45px; height: 45px; border-radius: 50%; right: 20px; background: rgba(255,255,255,0.5); left:auto; box-shadow: 0px 5px 15px -5px #231560; }
.swiper .swiper-button-prev{top: 40px;opacity: 1;}
.swiper .swiper-button-next{ bottom: 20px; top: auto; }
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after{font-size: 0;color: #FFF;transform: rotateZ(90deg);display: block;width: 100%;height: 100%;filter: brightness(100);}
.swiper .swiper-button-prev:after{background: url("../images/zccf_ico_11.png") no-repeat center;}
.swiper .swiper-button-next:after{background: url("../images/zccf_ico_12.png") no-repeat center;}


.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar{ left: auto; right: 37px; top:80px; height: calc(100% - 160px); width: 10px; background: rgba(255,255,255,0.5); border-radius: 5px; overflow: hidden; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #FFF; }


.CardBox{ height: 340px; border-top: 4px solid #f1f0fe; border-radius: 10px; background: linear-gradient(to right, #9481fe, #3f18e7); box-sizing: border-box; padding-top: 28px; padding-left: 15px; padding-right: 120px; }
.CardBox .Txt{ position: relative; overflow: hidden; height: 50px; }
.CardBox .Txt h1{ display: inline-block; min-width: 398px; max-width: 95%; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; background: url("../images/zccf_ico_20.png") no-repeat left top; line-height: 50px; font-size: 24px; font-weight: bold; color: #FFF; background-size: 100% 100%; text-indent: 35px; padding-right: 5%; box-sizing: border-box;  }
.CardBox .Desc{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; font-size: 16px; color: #FFF; line-height: 1.8; margin-left: 35px; opacity: 0.8; height: 116px;}
.CardBox .Desc span{ font-weight: bold; font-size: 16.5px; }

.CardBox .theBtns{ height: 40px; position: relative; margin-left: 35px; margin-top: 35px; }
.CardBox .theBtns a{ display: block; float: left; width: 120px; height: 40px; position: relative; overflow: hidden; border-radius: 20px; user-select: none; font-size: 16.5px; font-weight: bold; color: #FFF; background: rgba(255,255,255,0.2); text-align: center; line-height: 40px; transition: all 0.3s; }
.CardBox .theBtns a + a{ margin-left: 6px; }
.CardBox .theBtns a:hover{ background: rgba(255,255,255,0.4); }
.CardBox .theBtns a.f_r{ float: right; margin: 0; background: #ffd79d; font-size: 16px; color: #684410; font-weight: normal; }
.CardBox .theBtns a.f_r:hover{ background: #e5ac5b; }

.CardBox + .CardBox{margin-top: 30px;padding-top: 50px;background: linear-gradient(to right, #0bbafb, #4187ec);}
.CardBox + .CardBox::before{ content: ''; display: block; position: absolute; width: 315px; height: 105px; background: url("../images/zccf_ico_21.png") no-repeat; left: calc(50% - 157px); top: -73px; }



.ZczrPart .GetDingyue{ position: absolute; bottom: 37px; left: calc(50% - 90px); }




.EwmPart{ margin: 60px auto; }

.ZsbPart{width: 680px;height: 320px;box-sizing: border-box;padding-top: 20px;}
.ZsbPart.f_l{/* width: 420px; */background: url("../images/zccf_ico_22.png") no-repeat;}
.ZsbPart .Tit{ text-align: center; }
.ZsbPart .Con{margin: 17px 45px 0;display: block;justify-content: space-around;}
.ZsbPart .EwmCard{width: auto;display: flex;justify-content: center;align-items: center;}
.ZsbPart .EwmCard .PicBox{width: 200px;height: 200px;position: relative;overflow: hidden;border-radius: 10px;background-color: #FFF;display: flex;align-items: center;justify-content: center;margin-right: 25px;}
.ZsbPart .EwmCard .PicBox img{ max-width: 100%; max-height: 100%; object-fit: cover; }
.ZsbPart .EwmCard .TitLi{display: block;}
.ZsbPart .EwmCard h1{display: block;position: relative;font-size: 18px;user-select: none;line-height: 1.7;text-align: center;color: #FFF;margin-top: 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding: 10px 40px;border-radius: 25px;background: rgba(0,0,0,0.3);}
.ZsbPart .Czsc{ width: 30px; position: relative; display: flex; flex-direction: column; align-items: center;}
.ZsbPart .Czsc p{ font-size: 18px; line-height: 1.1; padding: 0 5px; text-align: center; font-weight: bold; color: #FFF; user-select: none; margin-top: 10px; }

.ZsbPart.f_r{/* width: 960px; */background: url("../images/zccf_ico_25.png") no-repeat;}
.ZsbPart.f_r .EwmCard h1{border-radius: 45px;}

.bd a em.red,
.bd font em.red{background-color: #F00;color:#FFF;}

.DjDyPart>.aBox{ padding:30px;}
.DjDyPart .Tit{ text-align:center; margin-bottom:15px; }
.DjDyPart .Tit h1{ font-size:24px; color:#011132; font-weight:bold;}
.DjDyPart .yzm .layui-input{width: calc(100% - 140px);}
.DjDyPart .yzm img{position:absolute;right: 0;top: 0;border: 1px solid #ddd;}
.DjDyPart .tijiao{float:none;width: 100%;margin: 0 auto;}
.DjDyPart .tijiao .layui-btn{width:200px;margin: 0 auto;display: block;font-size: 18px;font-weight: bold;height: 48px;line-height: 48px;}