@charset "UTF-8";/* CSS Document */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;} li{list-style-type:none;} a{text-decoration:none;color:inherit;cursor:pointer;} img{border:none;vertical-align:middle;} .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1} .fl{float:left;} .fr{float:right;} input{outline:none;border:none;} input[type="checkbox"]{display:none;} html,body{font-size:16px;} .wrap{min-width:1300px;overflow:hidden;} [class^="m_"]{display:none;} /*颜色变量*/ /*:root{--color:#c50001;} */ :root{--color:#015293;} /*轮播图样式,外层只需规定宽高即可*/ .banner{width:100%;height:100%;position:relative;overflow:hidden;} .banner *{margin:0;padding:0;list-style-type:none;text-decoration:none;} .banner ul{width:100%;height:100%;position:relative;left:-100%;top:0;transition:0.5s;font-size:0 !important;-webkit-text-size-adjust:none;white-space:nowrap;} .banner ul.active{transition:0s;} .banner ul li{width:100%;height:100%;position:relative;display:inline-block;vertical-align:top;} .banner ul li img{width:100%;height:100%;border:none;display:block;} .banner ul li p{position:absolute;bottom:0;left:0;padding-top:35px;line-height:40px;width:100%;background:url("../images/site2021/banner-bg.png") left bottom repeat-x;box-sizing:border-box;padding-right:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:15px;text-indent:10px;} .banner ol{position:absolute;right:10px;bottom:15px;height:10px;z-index:10;} .banner ol li{width:10px;height:100%;background:#fff;display:inline-block;margin-right:8px;cursor:pointer;vertical-align:top;border-radius:10px;transition:0.5s;} .banner ol li.active{background:#c50018;width:40px;} .banner .prev,.banner .next{position:absolute;z-index:20;top:0;bottom:0;margin:auto;width:30px;height:50px;background:url(../images/site2021/icon.png);cursor:pointer;opacity:.3;transition:opacity .3s;} .banner:hover .prev,.banner:hover .next{opacity:1;} .banner .prev{left:10px;background-position:left bottom;} .banner .next{right:10px;} .banner.fade ul{left:0;} .banner.fade ul li{position:absolute;top:0;left:0;opacity:0;transition:opacity 0.5s linear;} .banner.fade ul li.active{z-index:1;opacity:1;} .banner.lot .lotBox{width:20%;height:100%;position:relative;} .banner.lot ul li{padding:0 3%;box-sizing:border-box;} .banner.lot ul li p{position:static;padding:0;background:none;text-indent:0;color:#333;text-align:center;} .banner.updown ul{left:0;top:-100%;} .banner.updown ul li{display:block;} .banner.updown ol{left:50%;right:auto;margin-left:-60px;} /*通用tab选项卡切换样式*/ .tab-title{border-bottom:1px solid #d5dbe6;position:relative;line-height:50px;} .tab-title .tab-item,.tab-title .li{font-size:17px;line-height:50px;position:relative;margin-right:10px;display:inline-block;color:#000;margin-bottom:-1px;vertical-align:top;} .tab-title .tab-item a,.tab-title .li a{display:block;padding:0 10px;} .tab-title .tab-item.active a,.tab-title .li.active a{color:var(--color);border-bottom:2px solid var(--color);} .tab-title .more{position:absolute;top:0;right:0;} .tab-title .more a{display:none;background:url("../images/site2021/more.png") no-repeat center;width:50px;height:50px;} .tab-title .more a.active{display:block;} .tab-title>span{line-height:51px;font-size:12px;vertical-align:top;margin-right:10px;display:inline-block;color:#d5dbe6;} .tab-title .moreText{float:right;color:var(--color);} .tab-title .moreText a{margin-right:20px;} .tab-content{margin-top:5px;} .tab-content>ul{display:none;padding:0 3px;} .tab-content>ul.active{display:block;} .tab-content>ul>li{padding:0 65px 0 15px;position:relative;line-height:45px;background:url(../images/site2021/li-bg.png) center left no-repeat;} .tab-content>ul>li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tab-content>ul>li a:hover{color:red;} .tab-content>ul>li span{position:absolute;top:0;right:0;color:#666;} /*Header 样式*/ #Header{position:relative;} .header{height:200px;background:url(../images/site2021/bg-column.jpg) center top no-repeat;background-size:auto 100%;} .head-top{width:1300px;margin:0 auto;line-height:40px;color:#015293;} .head-top li{float:left;font-size:0.875rem;background:url(../images/site2021/top_line.png) left center no-repeat;padding:0 10px;} .head-top li:first-child{background:none;} .login{line-height:27px;margin-top:6px;margin-right:10px;overflow:hidden;background:url(../images/site2021/top_m_bg.png);box-shadow:rgba(0,0,0,.12) 0 3px 3px 1px;border-radius:25px;padding:0 5px;color:var(--color);} .login i{font-size:15px;} .head{width:1300px;overflow:hidden;margin:30px auto 0;} .logo{width:36%;float:left;text-align:left;margin-bottom:20px;} .logo img{width:100%;} .weather{float:left;margin-top:-8px;} .search{background:#fff;line-height:42px;position:relative;border-radius:25px;color:#666;font-size:0.875rem;width:35%;float:right;margin-top:20px;} .search .inputText{padding:0 100px 0 100px;} .search .inputText .word{width:100%;border:none;} .search .isAllSites{position:absolute;left:5px;top:0;width:70px;text-align:center;border-right:#ddd 1px solid;line-height:20px;margin-top:11px;cursor:pointer;} .search .robot{position:absolute;right:70px;top:0;font-size:1.25rem;color:var(--color);} .search .submit{position:absolute;right:0;top:0;width:58px;height:36px;line-height:36px;text-align:center;color:#fff;margin:3px;border:none;background:var(--color);border:0;border-radius:25px;cursor:pointer;} .hot-word{display:none;line-height:40px;font-size:15px;text-indent:2em;} .hot-word a{margin-right:20px;} /* 市直部门政府信息公开内容logo */ .public-szbmlogo{width:50%;float:left;text-align:left;margin-bottom:20px;} .public-szbmsite-logo>div{float:left;text-align:center;line-height:60px;font-size:42px;font-weight:bold;padding-left:6px;padding-top:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);color:#ff1717;letter-spacing:3px;font-family:"source";} /* 适老化按钮 */ .wza-box{height: 38px; margin-bottom: 10px;} .wza-box a{ display: block;float: right;height: 38px;line-height: 38px;padding: 0 16px;font-size: 18px;letter-spacing: 0.32px; } .wza-box a.wza{ background: #fff;color: #015293; border: 1px solid #015293; border-radius: 2px 0px 0px 2px;} .wza-box a.oldman{ background:#015293;color: #fff;border: 1px solid #015293;border-radius: 0px 2px 2px 0px; } /*搜索联想*/ .commonSearch{position:absolute;left:0;right:0;background:#fff;z-index:50;top:105%;border-radius:8px;box-shadow:0 5px 5px rgb(0 0 0 / 30%);} .commonSearch li{line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px;font-size:14px;} .commonSearch li:hover{background:#eee;} .commonSearch li a{display:block;} /*nav样式*/ .nav{background:var(--color);} .nav ul{width:1300px;margin:0 auto;display:flex;} .nav ul li{flex:1;} .nav ul li a{display:block;color:#fff;text-align:center;line-height:55px;font-size:18px;position:relative;} .nav li a:after{display:block;content:"";position:absolute;right:0;top:16px;height:23px;width:1px;background-color:#0e68b1;} .nav li:last-child a:after{width:0;} .nav ul li.active a,.nav ul li:hover a{background:#0e68b1;} /*Content样式*/ #Content{width:1300px;margin:0 auto;} .navigation{background:url("../images/site2021/navigation.png") no-repeat 20px center #fff;font-size:16px;line-height:50px;margin:20px 0;text-indent:3em;border-radius:2px;color:var(--color);} /*Footer样式*/ #Footer{font-size:0.875rem;} .footer{width:1300px;margin:20px auto 0;padding:20px 0;position:relative;} .footer .fl p{line-height:35px;color:#555;} .footer .footer-map span{margin:0 9px;} .footer .footer-copyright span{margin-right:10px;} .footer .footer-cn a{margin-left:20px;} .footer .footer-cn img{vertical-align:top;} .footer .fr img{margin-left:20px;} .footer .foot-tip-off{width:130px;float:left;text-align:center;} .footer .foot-tip-off img{width:100px;margin-top:5px;} /*loadingTemplate样式*/ .loadingTemplate{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;left:0;top:-100%;z-index:999;transition:opacity 0.5s;} .loadingTemplate.active{top:0;opacity:1;} .templateWrap{position:fixed;width:50%;left:25%;top:-100%;transition:0.5s;max-height:60%;overflow:auto;} .templateWrap.w70{width:70%;left:15%;} .loadingTemplate.active .templateWrap{top:20%;} .templateTitle{font-size:1rem;line-height:50px;color:#fff;padding:0 10px;background:var(--color);} .templateContent{padding:15px;font-size:0.875rem;background:#fff;line-height:35px;color:#333;overflow:hidden;} .templateContent p{text-indent:2em;} .templateContent a{float:left;padding:0 10px;margin-right:10px;line-height:40px;} .templateContent a:hover{color:#cc0001;} .oldModel *{font-size:28px !important;} .oldModel .nav ul li{flex:none;justify-content:space-between;} .oldModel .nav ul{justify-content:space-between;} .oldModel .footer .fl p{line-height:2;} .oldModel .nav ul li a{padding:0 10px;} .oldModel{zoom: 1!important;} .oldModel .tab-title .more a{background-size: 100%;} /* 无障碍工具条 */ #toolbarHtml *{font-size:initial !important;} @media screen and (min-width:768px){::-webkit-scrollbar{width:10px;height:10px} ::-webkit-scrollbar-button:vertical{display:none} ::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2} ::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,.3)} ::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)} ::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)} } @media screen and (max-width:1023px){ [class^="m_"]{display:block;} .p_c{display:none !important;} .m_pic img{width:100%;height:auto;} html{overflow:hidden;} body{overflow:hidden;position:absolute;left:0;top:0;bottom:0;right:0;} .weather{display:none;} .banner ol{display:none;} .tab-title{white-space:nowrap;overflow:hidden;line-height:40px;} .tab-title .tab-item,.tab-title .li{margin-right:5px;line-height:40px;} .tab-title .tab-item a,.tab-title .li a{padding:0 5px;} .tab-title .more a{height:40px;} .tab-content>ul>li{padding:0 55px 0 10px;} .m_navbar{position:absolute;right:10px;top:10px;z-index:100;color:#fff;font-size:20px;} .m_more{background:#eee !important;line-height:35px !important;height:35px;font-size:0.875rem;padding:0 !important;text-align:center;color:var(--color);} .m_more::before{content:none !important;} #Header .header{height:auto;padding-top:25%;position:relative;} #Header .head{width:50%;position:absolute;top:0;left:0;right:0;margin:30px auto;} #Header .logo{float:none;text-align:center;width:auto;} .logo img{width:90% !important;} /* 市直部门政府信息公开内容logo */ .public-szbmlogo{width:auto;float:inherit;text-align:left;margin-bottom:20px;overflow:hidden;} .public-szbmsite-logo>div{font-size:40px;line-height:initial;float:initial;padding-left: 0;} /* end */ #Header .search{width:auto;float:none;margin-top:0;line-height:35px;} .search .isAllSites{width:47px;text-indent:8px;margin-top:8px;} .search .inputText{padding:0 60px;line-height:35px;} .search .submit{height:31px;line-height:31px;top:-1px;right:-1px;} .nav ul{display:block;overflow:hidden;width:auto;} .nav ul li{width:25%;float:left;} .nav ul li a{line-height:40px;font-size:16px;white-space:nowrap;overflow:hidden;} .nav li a:after{height:13px;top:11px;} #Content{width:auto;max-width:720px;} .loadingTemplate .templateWrap{width:90%;left:5%;} .footer{max-width:350px;width:auto;padding-left:20px;margin-top:0;} .footer>.fl,.footer>.fr{width:auto;float:none;} .footer .fl .footer-cn>*,.footer .fl .footer-copyright{display:block;margin-left:0;text-indent:80px;line-height:30px;} .footer .dzjg{position:absolute;left:0;bottom:25px;} .wrap{min-width:0;position:absolute;width:100%;bottom:0;top:0;left:0;transition:left 0.3s;overflow:auto;} .wrap.active{left:-80%;} .m_shade{position:absolute;width:100%;bottom:0;top:0;left:0;background-color:rgba(0,0,0,0);z-index:-1;transition:0.3s;} .m_shade.active{background-color:rgba(0,0,0,0.5);z-index:600;} .m_map{position:absolute;width:80%;bottom:0;top:0;left:100%;background:#fff;transition:left 0.3s;z-index:999;} .m_map.active{left:20%;} .m_header{background:url(../images/site2021/tkjimg.jpg) no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;} .m_header h3{text-align:center;line-height:60px;color:#FFF;font-size:19px;font-weight:400;} .m_wrap{position:absolute;width:100%;top:60px;bottom:0;left:0;overflow:auto;} .m_nav-list{padding-top:15px;} .m_nav-list li{margin-bottom:10px;} .m_nav-list li h3{color:#015293;font-size:14px;font-weight:normal;line-height:35px;margin-left:18px;} .m_nav-list li h3 a{color:#C70408;} .m_nav-list li p{padding:5px 0;font-size:13px;line-height:20px;} .m_nav-list li p a{display:inline-block;margin-left:15px;margin-bottom:10px;padding:5px 10px;color:#333;border:1px solid #eee;border-radius:2px;} /* 适老化按钮 */ .wza-box{display: none;} } @media screen and (max-width:960px){#Header .header{padding-top:30%;} #Header .head{width:60%;} /* 市直部门政府信息公开内容logo */ .public-szbmsite-logo>div{font-size:36px;} /* end */ } @media screen and (max-width:767px){#Header .header{padding-top:35%;} #Header .head{width:70%;} .banner .prev,.banner .next{display:none;} /* 市直部门政府信息公开内容logo */ .public-szbmsite-logo>div{font-size:30px;} /* end */ } @media screen and (max-width:539px){#Header .header{padding-top:45%;} #Header .head{width:80%;} /* 市直部门政府信息公开内容logo */ .public-szbmsite-logo>div{font-size:20px;} /* end */ .oldModel *{font-size:18px !important;} /*.banner ul li img{height:240px;} .banner ul li{height:240px;} .banner{height:fit-content;} .nav ul li{width:50%;}*/ }