html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /* font: inherit; */ font-size: 100%; vertical-align: baseline; }
html {line-height: 1;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.hide { display: none; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.clear { clear: both; *height: 0; *font-size: 0; *line-height: 0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

body {line-height: 30px;color: #333;font-family: "Microsoft Yahei";}
a { text-decoration: none; color: #444; }
a:hover, a:focus { text-decoration: underline; }
a:hover { color: #cc0000; }

/* layout */
#wrap {background: #F0F5F8 url(images/banner.jpg) no-repeat top center;}
.siteWidth, #content {width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
#wrap, #content { *zoom: 1; }
#wrap:after, #content:after { content: ""; display: table; clear: both; }
#content {width: 1200px; background:#fff;border-radius:10px;  overflow:hidden; margin-bottom:50px;}


/* header */
#header {height: 420px;}
.topbar {position:absolute; top:35px; right:0; line-height:46px; color:#fff;}
.topbar .wzaBtn {display: inline-block; padding:0 15px;background: #1C80C7; color:#fff; font-size:18px; font-weight:bold; border-radius:23px;margin-left: 5px; transition:all 0.3s;text-decoration: none;}
.topbar .wzaBtn:hover { background:#0068b1; }
.topbar .fieldOption { display:none;}
.topbar div { display:inline-block; font-size:18px;}
.topbar .hright-select { margin-right:10px;}
.topbar .hgrob { display:inline-block;padding-right: 20px;background: rgb(0 0 0 / 20%);border-radius: 23px;}
.topbar .sitesearch .hsearch { border:0; height:20px; line-height:20px;background: transparent;margin-left: 20px;color: #fff;outline:none; font-size:18px;width:170px;}
.topbar .sitesearch .hsearch:focus { }
.topbar .sitesearch .hsbtn { background:url(images/srhico.png) no-repeat 0; border:0; height:24px; width:24px;  overflow:hidden;text-indent: 20em;}

#header .logo { position:absolute; top:15px;}
.showContent,
.listContent {padding: 2.5% 4.16%;}


/* footer */
#footer {text-align: center;position: relative;line-height: 40px;_zoom: 1;background: #1C80C7;padding: 40px 0 20px; color:#fff;font-size: 20px;}
#footer a { color:#fff;font-size: 20px!important;}
#footer a p { color:#fff!important; }
#footer img{vertical-align: middle!important;}
#footer .footLink { margin-bottom:0px;}
#footer .footLink a {margin: 0 20px;}
#footer .copyright { padding: 0 0 20px; }
#footer .copyright a p { margin:0!important}
#footer .police, #footer .qr, #footer .dcs { position: absolute; top: 10px; }
#footer .police { right: 0; }
#footer .qr {right: 0;}
#footer .dcs {left: 0;top: 10px;}

@media screen and (max-width: 1199px) {
    #wrap { width:100%; overflow:hidden;background-size: 150%;}
    .free_Web_tool {width: 100%!important;}
    .siteWidth, #content {width:auto;}
    #header {padding:0 3%;height: 18em;}
    #content {width: 94%; padding:3%}

    #content .navBtns ul { display:flex; flex-wrap:wrap; align-content:space-between;margin: 0;}
    #content .navBtns li { flex:1;flex-basis: 26%;line-height: 30px;margin: 0 2% 15px;font-size: 22px;height: auto;}
    #content .navBtns li a {padding: 10% 0 5%;}
    #content .navBtns li a i {width: 40px;height: 40px;margin-bottom: 5%;background-size: auto 100%;}

    .topbar .sitesearch { display:block; margin-bottom:3%; }
    .topbar .wzaBtn { display:block; width:80px; float:right; text-align:center}
    .topbar .sitesearch .hsearch { font-size:14px; width:70px;}
    .topbar .wzaBtn { font-size:14px;}

    #content  .zwfwBtns ul { display:flex; flex-wrap:wrap; align-content:space-between;margin: 0;}
    #content  .zwfwBtns li { flex:1;flex-basis: 28%;width: auto;margin: 2%;background-size: auto 60%;}
    #content  .zwfwBtns .bd li a {padding: 7%!important;font-size: 24px;line-height: 36px;background: none;height: 180px;}

    #footer .police, #footer .qr, #footer .dcs { position:relative;}
    #footer { font-size:16px; line-height:30px; padding:5%;}
    #footer a { font-size:16px!important;}
}
@media screen and (max-width: 1160px) {
    #free_Web_box_sub { height:192px!important;}
}
@media screen and (max-width: 578px) {
    #free_Web_box_sub { height:288px!important;}
}
@media screen and (max-width: 767px) {
    #header .logo {position: absolute;width: 45%;left: 45%;margin-left: -40%;}
    #header .logo img{ width:100%}
    .topbar { top:15px; line-height:32px; font-size:12px;}
    .topbar .hright-select { display:none}
    .topbar .sitesearch .hsearch { font-size:12px;margin-left: 10px;width: 100px;}
    .topbar .sitesearch .hsbtn { background-size:60%;background-position: center center;width: 20px;}
    .topbar .hgrob { padding-right:10px}
    .topbar .wzaBtn{ display:none; font-size:12px; padding:0 5px}
    .topbar div { font-size:12px;}

    
    #header {height: 9em;}
    
    #content .navBtns ul { }
    #content .navBtns li { flex-basis: 40%;}
    #content .navBtns li a {padding: 10% 0 5%;}
    #content .navBtns li a i {}

    #content  .zwfwBtns ul { }
    #content  .zwfwBtns li { flex-basis: 35%;background-size: auto 60%;}
    #content  .zwfwBtns .bd li a {font-size: 18px;line-height: 30px;height: 120px;}


    #footer { font-size:12px; line-height:20px; padding:5%;}
    #footer a { font-size:12px!important;}
    #footer .copyright a {  line-height:20px!important;}


    #content .path { font-size:18px;height: auto;line-height: 1.5em;float: none;display: block;}
    #content .path em { margin-right:-18px;}
    #content .cateHead {line-height: 32px;height: auto;}
    #content .cateHead .cateName {height: 52px; font-size:24px}

    #content  .pageList li .date {font-size: 16px; float:none;}
    #content  .pageList li { font-size:20px;line-height: 1.8em;}
}

/*新领导页面*/
.leaderside{margin-top: 2.5%;margin-bottom:20px;}
.leaderul{min-height:400px;}
.leaderul li{padding:15px 0px;line-height:30px;border-bottom: 1px dashed #d7d7d7;font-size:21px;}
.leaderul li .pic{display: none;}
.leaderul li .title a{display:block;overflow:hidden;}
.leaderul li .title .job{margin-right: 10px;}
.leaderul li .title .line{display: inline-block!important;float: left;}

@media screen and (min-width:1280px){
.leaderside{width:370px;float: left;margin-right:45px;}
.showContent .leaderCon{width:660px;float:right;}
}