@charset "utf-8";
/* CSS Document */
@import url("//www.qiannan.gov.cn/material/siteFile/web2022/images/mobile_header.css");

.warp{ min-width: 100vw; max-width: 100vw; }

.w1400,
.w1200{ width: auto; }

.FixedNavs{ display: none; }

.ScrollStyle::-webkit-scrollbar{ width: 5px; }

.Header{ min-height: auto;  background-size:auto 100%; }
.Header>.w1400{ padding-bottom: 40px; }
.SiteLogo{ top: 10px; left: 10px; }
.SiteLogo img{ width: 60vw; }

.Header .Logo{ margin-top:15vw; width: auto; }
.Header .Logo img{ max-width: 50vw; }


.SearchPart{ width: 90vw; margin-top: 20px; }
.SearchBar{ height: 40px; }
.SearchBar .ChannelSlide{ width: 100px; }
.SearchBar .ChannelSlide h1{ height: 40px; }
.SearchBar .ChannelSlide h1 label{ font-size: 12px; }
.SearchBar .ChannelSlide h1 i{ zoom:0.5; }
.SearchBar>input{ width: calc(100% - 190px); }
.SearchBar .sebtn{ width: 80px; height: 40px; }
.SearchBar .sebtn img{ zoom:0.6; }
.SearchBar .sebtn span{ font-size: 16px; margin-left: 5px;}


.Address{ margin: -10px 10px 0; font-size: 14px; }
.Address i{ zoom:0.6; }
.Address font{ padding-left: 5px; }


.PartTitle{ zoom:0.5; }

.Part1{ padding: 0 10px; margin-top: 0px; }

.ZczqSlide .hd ul{ justify-content: flex-start; flex-wrap: wrap; }
.ZczqSlide .hd li{ width: calc((100vw - 50px) / 4); height: calc((100vw - 50px) / 4 / (184 / 80)); margin-left: 10px; margin-top: 10px; }
.ZczqSlide .hd li:nth-of-type(4n-3){ margin-left: 0;}
.ZczqSlide .hd li::before,
.ZczqSlide .hd li::after{ height: calc((100vw - 50px) / 4 / (184 / 80) - 5px); }
.ZczqSlide .hd li a{ font-size: 14px; line-height:calc((100vw - 50px) / 4 / (184 / 80)); }
.ZczqSlide .hd li a::before{ zoom:0.5; }

.ZczqSlide .hr{ }
.ZczqSlide .hr::before,
.ZczqSlide .hr::after{ content: ''; display: block; position: absolute; height: 100%; width: 20px; background: url("../images/zccf_ico_8.png") no-repeat; }
.ZczqSlide .hr::before{ left: 0; background-position-x:left; }
.ZczqSlide .hr::after{ right: 0; background-position-x:right; }

.ZczqSlide .bd{ min-height: 500px; }
.ZczqSlide .Card{ height: 500px; }

.ZczqConSlide{ width: calc(100vw - 58px); height: 500px; }
.ZczqConSlide .inbd{margin: 10px;min-height: 360px;max-height: 360px;height: 360px;}
.ZczqConSlide .inbd li{padding: 0 10px;height: 360px;display: block !important;/* box-sizing: border-box; *//* min-width: calc(100vw - 78px); */max-width: calc(100vw - 100px);}
.ZczqConSlide .inbd li .Txt{ padding: 10px 0; }
.ZczqConSlide .inbd li .Txt h1{font-size: 16.5px;line-height: 1.3;height: auto;}
.ZczqConSlide .inbd li .desc{font-size: 14px;max-height: 67px;}
.ZczqConSlide .inbd li .relText p{ font-size: 14px; }

.ZczqConSlide .prBtns{ margin: 10px 15px; }
.GetDingyue{ zoom:0.7; }





.Part2{ margin-top: 20px; background-position: center 50px; background-size: 200% auto; }

.ZczrPart{ margin: 20px 10px 0; padding: 10px; display: block; height: auto; padding-bottom: 10px;}
.ZczrPart .hd{ width: auto; }
.ZczrPart .hd ul{ display: flex; flex-wrap: wrap; }
.ZczrPart .hd li{ width: calc((100vw - 60px) / 3); margin-left: 10px; height: calc((100vw - 60px) / 3 / (320 / 130)); }
.ZczrPart .hd li:nth-of-type(3n-2){ margin-left: 0; }
.ZczrPart .hd li + li{ margin-top: 0; }
.ZczrPart .hd li + li + li + li{ margin-top: 10px; }
.ZczrPart .hd li::before{ display: none; }
.ZczrPart .hd li a{ font-size: 13px; padding:0 5px; justify-content: center; }
.ZczrPart .hd li img{ position: relative; left: auto; top: auto; transform: none; zoom:0.4; margin-right: 10px; }
.ZczrPart .hd li::after{ transform: rotateZ(135deg); }
.ZczrPart .hd li.on::after{ right: -2px; top: -9px; }

.ZczrPart .bd{ width: calc(100vw - 40px); margin-top: 10px; }

.swiper{ width: calc(100vw - 40px); height: 465px; }
.swiper .swiper-button-prev,
.swiper .swiper-button-next{ right: 5px; zoom:0.8; }
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar{ right:17px; height: calc(100% - 120px); top: 60px; width: 8px; }


.CardBox{ padding: 20px 50px 20px 5px; height: 230px; }
.CardBox .Txt{}
.CardBox .Txt h1{ min-width: auto; font-size: 16.5px; text-indent:15px; max-width: 100%; }
.CardBox .Desc{ margin-left: 20px; font-size: 14px; line-height: 1.5; height: 84px; }
.CardBox .theBtns{ margin-top: 15px; margin-left: 20px; }
.CardBox .theBtns a:not(.f_r){ display:none;}
.CardBox .theBtns a.f_r{ float: none; zoom:0.7; }

.CardBox + .CardBox{ margin-top: 5px; padding-top: 25px; }
.CardBox + .CardBox::before{ width: 40vw; height: calc(40vw / (315 / 105)); background-size: 100% 100%; left: calc(50% - 20vw); top:calc(0px - (40vw / (315 / 105)) + 20px); }


.ZczrPart .GetDingyue{ position: relative; margin:30px auto 20px; left: auto; bottom: auto; }


.EwmPart{ margin: 20px 10px; }

.ZsbPart.f_l{ width: auto; height: auto; float: none; border-radius: 10px; padding: 10px 10px 20px; background-size: 100% 100%; }
.ZsbPart .Tit{ zoom:0.7; }

.ZsbPart.f_r{ width: auto; height: auto; float: none; border-radius: 10px; padding: 10px 10px 20px; margin-top: 10px; background-size: 100% 100%; }
.ZsbPart .Con{flex-wrap: wrap;margin: 15px 0 0;}
.ZsbPart.f_r .EwmCard{ margin-top: 15px; }
.ZsbPart.f_r .EwmCard h1{ font-size: 16.5px; }

.ZsbPart .EwmCard .PicBox{width:40vw;height:40vw;margin-right: 15px;}


.ZsbPart .EwmCard h1{font-size:14px;padding: 10px 15px;line-height: 1.2;}




/*订阅*/
.DjDyPart>.aBox{padding: 30px 15px 5px;}
.DjDyPart .layui-form-item .layui-form-label{padding: 9px 10px 9px 0;width: 60px;}
.DjDyPart .layui-input-block{margin-left: 70px;}