@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0;}
body{margin:0;padding:0; font-family:"微软雅黑"; font-size:16px; line-height:1.5; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}

.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix { *zoom:1;}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}
.img-rounded{border-radius:6px}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-circle{border-radius:50%}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}
.the{ color: #666; font-size: 14px; }
.abstract{ color: #656565; font-size: 14px; line-height: 20px; }
 .no-padding {padding: 0px !important;}.no-padding-top {padding-top: 0px !important;}.no-padding-left {padding-left: 0px !important;}.no-padding-bottom {padding-bottom: 0px !important;}.no-padding-right {padding-right: 0px !important;}.padding-5 {padding: 5px !important;}.padding-10 {padding: 10px !important;}.padding-15 {padding: 15px !important;}.padding-20 {padding: 20px !important;}.padding-25 {padding: 25px !important;}.padding-30 {padding: 30px !important;}.padding-lr-5 {padding-left: 5px !important;padding-right: 5px !important;}.padding-lr-10 {padding-left: 10px !important;padding-right: 10px !important;}.padding-lr-15 {padding-left: 15px !important;padding-right: 15px !important;}.padding-lr-20 {padding-left: 20px !important;padding-right: 20px !important;}.padding-lr-25 {padding-left: 25px !important;padding-right: 25px !important;}.padding-lr-30 {padding-left: 30px !important;padding-right: 30px !important;}.padding-ud-5 {padding-top: 5px !important;padding-bottom: 5px !important;}.padding-ud-10 {padding-top: 10px !important;padding-bottom: 10px !important;}.padding-ud-15 {padding-top: 15px !important;padding-bottom: 15px !important;}.padding-ud-20 {padding-top: 20px !important;padding-bottom: 20px !important;}.padding-ud-25 {padding-top: 25px !important;padding-bottom: 25px !important;}.padding-ud-30 {padding-top: 30px !important;padding-bottom: 30px !important;}.padding-top-5 {padding-top: 5px !important;}.padding-top-10 {padding-top: 10px !important;}.padding-top-15 {padding-top: 15px !important;}.padding-top-20 {padding-top: 20px !important;}.padding-top-25 {padding-top: 25px !important;}.padding-top-30 {padding-top: 30px !important;}.padding-top-40 {padding-top: 40px !important;}.padding-top-50 {padding-top: 50px !important;}.padding-bottom-5 {padding-bottom: 5px !important;}.padding-bottom-9 {padding-bottom: 9px !important;}.padding-bottom-10 {padding-bottom: 10px !important;}.padding-bottom-15 {padding-bottom: 15px !important;}.padding-bottom-20 {padding-bottom: 20px !important;}.padding-bottom-25 {padding-bottom: 25px !important;}.padding-bottom-30 {padding-bottom: 30px !important;}.padding-bottom-40 {padding-bottom: 40px !important;}.padding-bottom-50 {padding-bottom: 50px !important;}.padding-left-5 {padding-left: 5px !important;}.padding-left-10 {padding-left: 10px !important;}.padding-left-15 {padding-left: 15px !important;}.padding-left-20 {padding-left: 20px !important;}.padding-left-25 {padding-left: 25px !important;}.padding-left-30 {padding-left: 30px !important;}.padding-right-5 {padding-right: 5px !important;}.padding-right-10 {padding-right: 10px !important;}.padding-right-15 {padding-right: 15px !important;}.padding-right-20 {padding-right: 20px !important;}.padding-right-25 {padding-right: 25px !important;}.padding-right-30 {padding-right: 30px !important;}.no-margin {margin: 0 !important;}.no-margin-top {margin-top: 0px !important;}.no-margin-left {margin-left: 0px !important;}.no-margin-bottom {margin-bottom: 0px !important;}.no-margin-right {margin-right: 0px !important;}.margin-5 {margin: 5px !important;}.margin-10 {margin: 10px !important;}.margin-15 {margin: 15px !important;}.margin-20 {margin: 20px !important;}.margin-25 {margin: 25px !important;}.margin-30 {margin: 30px !important;}.margin-lr-5 {margin-left: 5px !important;margin-right: 5px !important;}.margin-lr-10 {margin-left: 10px !important;margin-right: 10px !important;}.margin-lr-15 {margin-left: 15px !important;margin-right: 15px !important;}.margin-lr-20 {margin-left: 20px !important;margin-right: 20px !important;}.margin-lr-25 {margin-left: 25px !important;margin-right: 25px !important;}.margin-lr-30 {margin-left: 30px !important;margin-right: 30px !important;}.margin-ud-5 {margin-top: 5px !important;margin-bottom: 5px !important;}.margin-ud-10 {margin-top: 10px !important;margin-bottom: 10px !important;}.margin-ud-15 {margin-top: 15px !important;margin-bottom: 15px !important;}.margin-ud-20 {margin-top: 20px !important;margin-bottom: 20px !important;}.margin-ud-25 {margin-top: 25px !important;margin-bottom: 25px !important;}.margin-ud-30 {margin-top: 30px !important;margin-bottom: 30px !important;}.margin-top-5 {margin-top: 5px !important;}.margin-top-10 {margin-top: 10px !important;}.margin-top-15 {margin-top: 15px !important;}.margin-top-20 {margin-top: 20px !important;}.margin-top-25 {margin-top: 25px !important;}.margin-top-30 {margin-top: 30px !important;}.margin-top-40 {margin-top: 40px !important;}.margin-top-50 {margin-top: 50px !important;}.margin-bottom-5 {margin-bottom: 5px !important;}.margin-bottom-10 {margin-bottom: 10px !important;}.margin-bottom-15 {margin-bottom: 15px !important;}.margin-bottom-20 {margin-bottom: 20px !important;}.margin-bottom-25 {margin-bottom: 25px !important;}.margin-bottom-30 {margin-bottom: 30px !important;}.margin-bottom-40 {margin-bottom: 40px !important;}.margin-bottom-50 {margin-bottom: 50px !important;}.margin-left-5 {margin-left: 5px !important;}.margin-left-10 {margin-left: 10px !important;}.margin-left-15 {margin-left: 15px !important;}.margin-left-20 {margin-left: 20px !important;}.margin-left-25 {margin-left: 25px !important;}.margin-left-30 {margin-left: 30px !important;}.margin-right-5 {margin-right: 5px!important;}.margin-right-10 {margin-right: 10px !important;}.margin-right-15 {margin-right: 15px !important;}.margin-right-20 {margin-right: 20px !important;}.margin-right-25 {margin-right: 25px !important;}.margin-right-30 {margin-right: 30px !important;}.margin-auto {margin: auto !important;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

.w1200{ width: 1200px; margin: 0 auto;  }
.wrap{ width: 1200px; margin: 0 auto;  }
.text-center{ text-align: center; }

.header{ background: url(2022css_zwgkgzyd_imgB2.png) no-repeat center top; height: 439px; }

.link-img{ width: 1200px; margin: 30px auto; }
.link-col2 dd{ width: 50%; float: left; }
.link-col3 dd{ width: 33.333%; float: left; }
.link-col4 dd{ width: 25%; float: left; }
/*围绕推动高质量发展深化政务公开*/
.link{ margin: 0 -30px; overflow: hidden; padding: 10px 0; }
.link *{ -webkit-transition: all .5s ease-out; transition: all .5s ease-out;  }
.link dd a{ display: block; height: 100%; margin: 0 30px; }
.link dd a:hover .fang{ -webkit-box-shadow: 0 0 15px rgba(26, 26, 102, 0.36);   box-shadow: 0 0 15px rgba(26, 26, 102, 0.36); }
.link dd a:hover .yuan{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.link dd a:hover p{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.link dd a:hover img{ -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); }
.yuan{ display: block;border-radius: 50%;box-shadow: 0 10px 9px 1px rgba(26, 26, 102, 0.36);background-color: rgb(126, 178, 255); width: 110px; height: 111px; line-height: 111px;margin: 0 auto;position: relative;z-index: 2;}
.yuan i img{ margin-top: -3px; }
.fang{ display: block;border-radius: 10px;background-color: rgb(238, 248, 255); height: 153px; margin-top: -48px;}
.fang p{ padding-top: 80px; font-size: 26px; color: #000000; text-align: center; font-family: "SimHei"; }
.link1{ margin: 0 -30px; overflow: hidden; }
.link1 dd a{ display: block; height: 100%; margin: 0 30px; }
.link1 .yuan{ background-color: rgb(126, 178, 255); width: 110px; height: 111px; line-height: 111px; }
.link1 .fang{ background-color: rgb(238, 248, 255); height: 153px; margin-top: -48px; }

/*围绕社会稳定和民生保障深化政务公开*/
.link2{ margin: 0 -16px; overflow: hidden; }
.link2 dd a{ display: block; height: 100%; margin: 0 16px; }
.link2 .yuan{ background-color: rgb(236, 131, 71); width: 85px; height: 85px; line-height: 85px; }
.link2 .fang{ background-color: rgb(255, 243, 240); height: 117px; margin-top: -37px; }
.link2 .fang p{ padding-top: 60px; font-size: 21px; }

/*围绕提高公开的含金量、覆盖面、参与度深化政务公开*/
.link3 .yuan{ background-color: rgb(24, 200, 199); }
.link3 .fang{ background-color: rgb(238, 255, 254); }

/*围绕加强基层夯实基础深化政务公开*/
.link4 .yuan{ background-color: rgb(169, 127, 223); }
.link4 .fang{ background-color: rgb(250, 243, 255); }


/* 底部 */
.footer{  border-top:3px solid #027fab; padding:30px 0; background:#fff; margin-top:40px; }
.footer a, .footer p{ color:#666; font-size:14px; line-height:25px; }
.footer .footer-con{ float:left; }
.footer .footer-con01{ width:205px; }
.footer .footer-con02{ width:355px; }
.footer .footer-con03{ width:240px; }
.footer .footer-con04{ float:right; }

@media only screen and (max-width: 1300px) {
    body,html{ width: 1300px; }
}