@charset "utf-8";
/* CSS Document */
@import url(mobile_header.css);

.Main{ margin-top: 10px;}


.HomeHots{ padding: 5px 10px; height: auto; }
.HomeHots .bd li{ height: 54px; }
.HomeHots .bd li>a.btn{ width: 60px; height: 54px; background-size:auto 80%;}
.HomeHots .bd li .con{ width: calc(100% - 70px); }
.HomeHots .bd li .con>h1{ font-size: 18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space: normal; line-height: 1.5; }
.HomeHots .bd li .con>.desc{ display: none; }
.HomeHots .hd{ position: relative; bottom: auto; }

/*数据列表*/
.ulList li{ font-size: 15px; padding: 8px 0; padding-left: 12px; }


.Part1{ margin: 10px 5px; padding: 10px;}

.Focus{ width: auto; height: calc((100vw - 30px) / (600 / 410)); }
.Focus .bd li{ width: calc(100vw - 30px); height: calc((100vw - 30px) / (600 / 410));}
.Focus .text{ width: calc(100% - 130px); }
.Focus .text li{ font-size: 15px; }
.Focus>a{ display: none; }

.FocusNews{ width: auto; height: auto; margin-top: 10px; }
.NewsSlide .hd{ height: 48px; padding: 0 10px; overflow-x: auto; overflow-x: overlay; }
.NewsSlide .hd::-webkit-scrollbar{ display: none; }
.NewsSlide .hd li{ font-size: 18px; margin: 5px 0; }
.NewsSlide .hd li a{ width: 100px; }
.NewsSlide .hd li.T.on::after{ bottom: -5px; }
.FocusNews ul.ulList{ display: block!important; float: left; min-height: 213px; height: auto;}
.FocusNews ul.ulList li{padding: 8px 0;padding-left: 12px;background-position: left 18px;}
.FocusNews ul.ulList li a{font-size: 15px;max-width: calc(100% - 100px);white-space: normal;line-height: 26px;}
.FocusNews ul.ulList li span{ width:auto; }

.GovBtns{ height: auto; margin-top: 5px; }
.GovBtns ul{ display: flex; justify-content: space-between; }
.GovBtns li{ width: auto; float: none; width: calc((100% - 20px) / 3); }
.GovBtns li + li{ margin: 0; }
.GovBtns li a{ width: auto; background: none !important; font-size: 17px; }

.TzggPartBox{ position: relative; width: auto; height: auto; top: auto; right: auto; margin-top: 10px; }
.TzggPartBox .TzggBtn{ width: auto; height: 30px; border-bottom: 1px solid #0d59a7; background: none; }
.TzggPartBox .TzggBtn a{ display: inline-block; padding:0 35px 0 15px; color: #FFF; height: 30px; line-height: 30px; background: url("../images/Home_ico_9_mob.png") no-repeat right top; font-size: 17px; }
.TzggPartBox .TzggConBox{position: relative;right: auto;top: auto;width: auto;height: auto;overflow: inherit;}

.TzggNews{width: auto;position: relative;right: auto;top: auto;padding: 9px 14px;overflow: initial;}
.TzggNews li{ padding: 8px 0; padding-left: 15px; background-position: 3px 16px; }
.TzggNews li a{ font-size: 16px; }
.TzggNews li p{ font-size: 12px; white-space: normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.TzggNews li span{ font-size: 15px; line-height: 1; }
.TzggNews .More{top: -31px;bottom: auto;right: auto;left: 0;border: none;}
.TzggNews .More a{padding:0;width: 118px;height: 30px;color: transparent;}

.Part2{ margin: 10px 5px; padding: 10px;}

.HomeHfBox,
.HomeHfBox .bd{ height: 60px; }
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li{ width: auto; height: 60px; }
.HomeHfBox .bd ul li img{ width: 100%; height: 60px; object-fit: cover; }
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li{ transform-origin: center center -30px; }

.Part3{ margin: 10px 5px; padding: 10px;}
.Part3 .PartHd.PartHdCell{ display: none; }
.Part3 .PartHd.none{ display: block !important; }
.Part3 .PartHd::before{ width: calc(100vw - 15px); }
.Part3 .PartBd{ margin-top: 10px; }

.Part3 .PartHd li{ width: auto; height: 48px; margin: 0 auto; }
.Part3 .PartHd li::before{ height: 48px; }
.Part3 .PartHd li i{ width: 48px; height: 48px; }
.Part3 .PartHd li a{ height: 48px; font-size: 24px; padding: 0 30px 0 80px; }
.Part3 .PartHd li a font{ line-height: 46px; }
.Part3 .PartHd li.on i{ left:33px;}

.ZwgkPart .Part_T{ padding: 10px; }
.ZwgkPart .Part_T::before{ height: 72px; }
.ZwgkPart .Part_T .ZfxxgkSlide::before{  content: ''; display: block; width: 100%; width: calc(100% + 22px); height: 72px; position: absolute; left: -11px; top: -11px; border-radius: 10px 10px 0 0; z-index: 0; background-color: #0d59a7; }


.ZcwjSlide{ width: auto; }
.ZcwjSlide .bd>*{ display: block!important; float: left; }
.ZcwjSlide .bd .ulList{ min-height: 178px; }

.PubHd{ padding-bottom: 0; }
.PubHd ul{ display: flex; justify-content: space-between; }
.PubHd li{ float: none; font-size: 18px; }
.PubHd li.T{ min-width: calc((100% - 10px) / 3); }
.PubHd li a{ padding: 0; text-align: center; display: block; }

.ZcwjSlide.ZfxxgkSlide{ margin-top: 25px; }
.ZfxxgkBtns li{ float: none !important; width: auto; }
.ZfxxgkBtns li a{background-position-x: 40px !important;}
.ZfxxgkBtns li dl{ display: none; }

.ZdlygkBtns li{ width: calc((100% - 10px) / 2); margin: 10px 10px 0 0;}
.ZdlygkBtns li:nth-of-type(2n){ margin-right: 0; }
.ZdlygkBtns li a{ font-size: 15px; }
.ZdlygkBtns li a img{ margin-left: 15px; }

.ZwgkPart .Part_B{ padding: 10px; height: auto; }
.JgszBtns ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.JgszBtns li{ float: none; margin:10px 0 0; width: calc((100% - 6px) / 3); }
.JgszBtns li span{ font-size: 15px; text-align: center; }

.SjfbLink{ width: auto; }
.SjfbLink a{ float: none !important; margin-top: 15px; width: auto; height: auto; }


/*政务服务*/
.ZwfwPart{ margin-top: 25px; }
.ZwfwPart .Part_T{ padding: 10px; }
.ZwfwPart .Part_T .TitImg img{ max-width: 100%; }
.ZwfwPart .Part_T .TitCon{ width: auto; }
.ZwfwPart .Part_T .TitCon .b{ display: none; }
.zwfwCard{ width: auto; height: auto; margin-top: 10px; }
.zwfwCard + .zwfwCard.f_l{ margin-left: 0; }

.ZwfwPart .Part_B{ padding: 10px; }
.ZwfwPart .JgszBtns ul{justify-content: flex-start;}
.ZwfwPart .JgszBtns li{ margin: 10px 0 0; }

.Bmfw_b{flex-direction: column;}
.Bmfw_b>div{
    width: 100%;
    margin-bottom:10px;
}
.Bmfw_b>div img{
    width: 100%;
}
/*互动交流*/
.HdjlPart{ margin-top: 25px; }
.HdjlPart .Part_T{ padding: 10px; }
.ZwxxBox{ width: auto; }
.ZwxxBox .PubHd{ height: auto; }
.ZwxxBox dl{ float: none; display: flex; justify-content: space-between; }
.ZwxxBox dl dd{ float: none; width: calc((100% - 20px) / 3); margin-left: 0; font-size: 17px; }
.ZwxxBox dl dd.on a{ background-color: #0d59a7; color: #FFF; }

.ZjdcBox{ margin-top: 25px; }
.ZjdcBox::before{  content: ''; display: block; width: 100%; width: calc(100% + 22px); height: 72px; position: absolute; left: -11px; top: -11px; border-radius: 10px 10px 0 0; z-index: 0; background-color: #0d59a7; }
.ZjdcBox .jQrIco{ display: none; }
.ZjdcBox .PubHd ul{ justify-content: flex-start; }
.ZjdcBox .tempWrap{ margin-top: 10px; }

.ZjdcList{ display: block!important; float: left; }
.ZjdcList li{ margin-top: 15px; }
.ZjdcList li .text{ width: calc(100% - 72px); margin-left: 0; float: right; }
.ZjdcList li .btn{ display: none; }

.HdjlPart .Part_B{ padding: 10px; }
.HdjlPart .Part_B .CjwtzskLink{ width: auto; margin-top: 15px; }
.HdjlPart .Part_B .CjwtzskLink img{ max-width: 95%; }
.HdjlPart .JgszBtns li{ margin: 10px 0 0;}



.Part4{ margin: 10px 5px; padding: 10px;}
.Part4Con{ height: auto; }
.Part4Con>.Tit{ position: absolute; left: 0; top: 0; height: auto; width: 30vw; line-height: normal;}
.Part4Con>.Tit img{ height:calc((100vw - 30px - 30vw) / (440 / 424)); }

.FocusPhoto{ float: right; margin: 0; }
.FocusPhoto,
.FocusPhoto img{ width: calc(100vw - 30px - 25vw); height:calc((100vw - 30px - 25vw) / (440 / 424)); }
.FocusPhoto .hd{bottom: 60px;}
.FocusPhoto .hd li{box-shadow: 0 0 5px -2px #4c4c4c;}

.ZjqnCon{ float: left !important; width: calc(100% - 20px); height: auto; padding: 0 10px; background-size: auto 100%; }
.ZjqnCon .Card{ width: auto; height: auto; margin: 15px 0 0; }
.ZjqnCon .Card>.CT{ width: auto; margin: 15px 15px 5px; text-align: left; }
.ZjqnCon .Card>.CT a{ display: inline-block; height: 40px; line-height: 40px; }
.ZjqnCon .Card>.CT h1{ padding: 0 10px; float: right; display: inline; line-height: 40px;}
.ZjqnCon .Card>.CT h1::before{ content: none; }
.ZjqnCon .Card>.CT img{ float: left; }
.ZjqnCon .Card>ul{ height: auto; padding: 0 15px; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.ZjqnCon .Card>ul li a{ padding: 0 10px; white-space: nowrap; }
.ZjqnCon .Card .More{ padding: 15px 0 0; }
.ZjqnCon .Card .More a{ display: none; }

.ZjqnCon .Card + .Card{ margin-left: 0; }

.ZjqnCon .Card.on{ background: rgba(208,232,255,0.5); height: auto; margin-top: 15px; }
.ZjqnCon .Card.on>ul{ height: auto; }




.ZtzlPart{ margin: 10px 5px; padding: 10px;}
.ZtzlSlide .bd{ position: relative; overflow: hidden; }
.ZtzlSlide .bd li{ width: calc(100vw - 72px); margin: 10px; height:calc((100vw - 72px) / (276 / 117));  }
.ZtzlSlide .hd{ display: flex; justify-content: center; align-items: center; height: 40px; padding: 0 60px; }
.ZtzlSlide .hd li{ font-size: 0; padding: 4px; border-radius: 50%; position: relative; overflow: hidden; border: 1px solid #5eb3ef; margin: 0 2px; }
.ZtzlSlide .hd li.on{ background-color: #5eb3ef; }
.ZtzlSlide>a{ top: auto; bottom: 10px; box-shadow: none; border: 1px solid #5eb3ef; box-sizing: border-box; border-radius: 8px; }
.ZtzlSlide>a.prev{ left: 20px; }
.ZtzlSlide>a.next{ right: 20px; }

.ulList li{ background-position: left 18px;}
.ulList li a{ white-space: normal;line-height: 26px;}
.ulList li span {line-height: 26px;}



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

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

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