@import url("ChefooDuty_public.css");
@import url("//www.zhifu.gov.cn/images/943/2021zf_swiper3.4.2.css");
.millia{width:1200px;margin:0 auto;}
.topic{background:url(ChefooDuty_01.jpg) no-repeat top center;height:500px;}
.topic .millia{display:flex;height:100%;flex-wrap:wrap;flex-direction:column;justify-content:center;}
.topic h6{font-size:48px;font-weight:bold;color:#fff;text-shadow:3px 3px 0 #1d6dca;}
.topicInfo{text-shadow:2px 2px #1d6dca;color:#fff;font-weight:bold;}
.searchBg{background:#fff;border-radius:5px;display:flex;align-items:center;width:40%;justify-content:space-between;position:relative;}
.keyWord{position:absolute;left:0;top:51px;background:#1764ce;color:#fff;padding:10px 0;display:none;cursor:pointer;z-index:99;}
.keyWord b{display:block;padding:5px 20px;font-size:14px;font-weight:normal;}
.keyWords{padding-right:10px;font-size:14px;color:#999;cursor:pointer;}
.searchBg .icon{width:20px;height:20px;margin:10px 10px 10px 20px;}
.searchBg .int01{line-height:24px;height:24px;border:none;border-left:1px solid #ccc;flex:1;padding-left:10px;font-size:14px;}
.searchBg .bt01{background:#1764ce;border:none;font-size:16px;font-weight:bold;color:#fff;padding:15px 40px;text-shadow:2px 2px 0 #000;border-radius:0 5px 5px 0;}

.ht01{font-size:34px;font-weight:bold;text-align:center;color:#1764ce;}
.ht01 span{position:relative;}
.ht01 span:before,.ht01 span:after{content:"";display:block;position:absolute;width:50px;height:50%;border-bottom:1px solid #ccc;top:0;}
.ht01 span:before{left:-80px;}
.ht01 span:after{right:-80px;}

.tabBox{height:740px;overflow:hidden;border:1px solid #f4f2f2;display:flex;border-radius:5px;}
.tabLeft{width:15%;}
.tabContent{flex:1;overflow:hidden;}
.tabLeft,.tabContent{position:relative;padding-top:70px;}
.tabTop{position:absolute;width:100%;top:0;left:0;display:flex;justify-content:space-between;background:linear-gradient(to bottom,#fff,#f4f2f2);font-size:18px;line-height:70px;}
.tabTop li{text-align:center;flex:1;border-right:1px solid #f4f2f2;}
.tabTop li.active{border-bottom:2px solid #1764ce;}
.depart{height:100%;overflow-y:auto;box-sizing:border-box;}
.depart li{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;padding:20px 0;border-top:1px dotted #f4f2f2;}
.depart li:first-child{border:none;}
.depart li.active{background:#1764ce;color:#fff;}
.depart li.active a{color:#fff;}
.contentBox{padding:40px;height:100%;box-sizing:border-box;overflow-y:auto;}

.basicInfo p{padding:10px 0;border-top:1px dotted #f4f2f2;}
.basicInfo p:first-child{border:none;}
.basicInfo p img{max-width:100%;height:auto;}

.leader{width:100%;overflow-x:auto;display:flex;justify-content:space-between;background:#1764ce;}
.leader li{flex:1;text-align:center;cursor:pointer;color:#fff;padding:20px 0;}
.leader li.active{background:linear-gradient(to bottom,#fff,#f4f2f2);color:#1764ce;text-shadow:0 0 0 #000;}

.leaderContent{display:flex;align-items:center;padding:30px 0;}
.leaderContent img{width:20%;height:auto;margin-right:30px;}
.leaderContent p{flex:1;font-size:16px;line-height:32px;}
.leaderContent p span{display:block;}
.leaderContent p b,.leaderWork b{color:#1764ce;}

.compose dl{border-top:1px solid #f4f2f2;padding:20px 0;}
.compose dl:first-child{border:none;padding:0 0 20px 0;}
.compose dt{font-size:22px;font-weight:bold;color:#1764ce;padding-bottom:10px;}
.compose dd b{color:#1764ce;font-weight:normal;}



@media screen and (max-width:860px) {
.millia{width:96%;}
.topic{height:36rem;}
.topic h6{font-size:2.6rem;}
.topicInfo,.searchBg .bt01,.tabTop,.f16,.leaderContent p{font-size:1.4rem;}
.topicInfo{line-height:2rem;}
.searchBg{width:100%;}
.searchBg .bt01{padding:1.5rem 2rem;}
.searchBg .icon{margin:1rem;}
.ht01,.leaderContent p b,.leaderWork b,.leader,.compose dt{font-size:1.6rem;}
.tabBox{height:auto;display:block;}
.tabTop{overflow-x:auto;display:block;width:100%;white-space:nowrap;line-height:5rem;}
.tabTop li{white-space:nowrap;padding:0 0.5rem;display:inline-block;}
.contentBox{padding:2rem 1rem;}
.tabLeft,.tabContent{width:100%;padding-top:5rem;}
.depart{width:100%;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #f4f2f2;}
.depart li{font-size:1.2rem;display:inline-block;padding:2rem 1rem;}
.leaderContent{flex-direction:column;}
.leaderContent img{height:25rem;width:auto;display:block;margin-bottom:2rem;}
.leaderContent p{width:100%;}
.leader li{padding:1rem 2rem;white-space:nowrap;}

}