/* CSS Document */
@charset "utf-8";
body{ margin:0 auto; font-size:16px; font-family:"微软雅黑"; line-height:1.5; color:#000; background-position:center top; }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:14px; }
ul{ list-style:none;}
input,button {border:none;outline:none; }
img{ border:0px; margin: 0px; padding: 0px; }
a{ color:#000; text-decoration:none; cursor:pointer; }
a:hover{ color:#09F; text-decoration:none; }
.clearfloat{clear:both; height:0; font-size:1px; line-height:0px; }
.head{ height:289px; background:url(head.jpg) center; }
.container{ width:1200px; margin:0 auto; }
.headLines_title{ height:70px; line-height:70px; font-size:28px; font-weight:bold; color:#3a67a2; text-align:center; }
.headLines_title img{ display:inline-block; vertical-align: middle; padding-right: 5px;}
.headLines_guide{ text-align:center; }
.headLines_guide a{ color:#F00; font-weight:bold; cursor:pointer; }
.content{ margin-top:20px; }

/*幻灯片样式*/
.slideBox{  width:600px; height:360px; overflow:hidden;  display: flex;flex-direction: row;position: relative;float: left; }
.slideBox .hd{ padding:0; list-style: none; position: absolute; right: 10px; bottom: 10px; z-index: 2; margin: 0; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{list-style: square; float:left;border-radius: 15px; margin-right:13px;list-style: none;  width:13px; height:13px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:rgb(105, 105, 105); color:#fff; }
.slideBox .bd ul{float: left; margin: 0; padding: 0;}
.slideBox .bd{   z-index:0; margin: 0;padding: 0;}
.slideBox .bd li{ zoom:1; list-style: none; float: left; margin: 0 auto;}
.slideBox .bd img{ width: 600px;; height:360px; margin: 0 auto;float: left; }
.touming{ width: 600px; position: absolute; height: 35px; bottom: 0; z-index: 1; background: url(touming.png); }
.touming a{ color: white; font-size: 15px; text-align: center; line-height: 35px; padding-left: 10px; }
/*幻灯片样式 over*/

.newsBox{ width:600px; height:360px; float:left; overflow:hidden; }
.tabTitle01{ height:45px; }
.tabTitle01 ul li{ width:194px; height:45px; line-height:45px; float:left; background:#a0bad5; color:#FFF; font-size:20px; font-weight:bold; text-align:center; margin-left:4px; cursor:pointer; }
.tabTitle01 ul li a{ color:#FFF; }
.tabTitle01 ul li.select{ background:#3a67a2; }
.newsList_box ul{ margin-bottom:-1px; padding-right:20px; padding-left:10px; }
.newsList_box ul li{ height:44px; line-height:44px; border-bottom:#D7D7D7 dashed 1px; background:url(list_icon.gif) 10px center no-repeat; padding-left:20px; cursor:pointer; }
.newsList_box ul li span{ color:#a0bad5; float:right; }
.newsList_box{ overflow:hidden; }
.banner{ margin-top:10px; margin-bottom:10px; }
.tabTitle02{ height:55px; }
.tabTitle02 ul{ height:55px; width:595px; border-bottom:#3a67a2 1px solid; }
.tabTitle02 ul li{ height:25px; line-height:25px; width:120px; float:left; text-align:center; font-size:22px; color:#999; border-right:1px #CCC solid; margin-top:20px; }
.tabTitle02 ul li a{ color:#999; cursor:pointer; }
.tabTitle02 ul li.select a{ color:#3a67a2; font-weight:bold; }
.tabTitle02 ul li.last{ border:none; }
.govAffairs{ margin-top:5px; }
.govAffairs ul{ height:200px; background:url(govAffairs_bg.gif); }
.govAffairs ul li{ width:105px; height:50px; line-height:50px; float:left; padding-left:15px; }
.fiveOpen ul{ height:115px; background:#fff; }
.fiveOpen ul li{ width:105px; height:40px; float:left; text-align:center; font-size:18px; font-weight:bold; color:#3a67a2;}
.fiveOpen ul li a{ color:#3a67a2; }
.fiveOpen ul li a:hover .ico { -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg);-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.fiveOpen li a .ico { height: 66px; width: 100%; display: block;}
.fiveOpen ul li.num1 .ico{ background:url(juece_icon.jpg) center 15px no-repeat; }
.fiveOpen ul li.num2 .ico{ background:url(guanli_icon.jpg) center 15px no-repeat; }
.fiveOpen ul li.num3 .ico{ background:url(fuwu_icon.jpg) center 15px no-repeat; }
.fiveOpen ul li.num4 .ico{ background:url(zhixing_icon.jpg) center 15px no-repeat; }
.fiveOpen ul li.num5 .ico{ background:url(jieguo_icon.jpg) center 15px no-repeat; }
.mstd_bmBox{ margin-top:15px;}
.infGroup ul li{ width:120px; height:20px; float:left; text-align:center; padding-top:50px; }
.infGroup ul{ height:70px; }
.infGroup ul li a{ color:#3a67a2; }
.xxxz{ background:url(xxxz_icon.jpg) no-repeat center 10px; font-weight:bold; }
.bmzn{ background:url(bmzn_icon.jpg) no-repeat center 10px; font-weight:bold; }
.wyxx{ background:url(wyxx_icon.jpg) no-repeat center 10px; font-weight:bold; }
.hftj{ background:url(hftj_icon.jpg) no-repeat center 10px; font-weight:bold; }
.xjlb{ background:url(xjlb_icon.jpg) no-repeat center 10px; font-weight:bold; }
.letterBox{ margin-top:25px; margin-right:5px; }
.letterTab { height:35px; background:#f2f9ff; border-bottom:#CCC 1px dotted; }
.letterTab li{ height:35px; line-height:35px; float:left; color:#3a67a2; }
.letterTab li.tag01{ width:310px; text-align:center; }
.letterTab li.tag02{ width:45px; text-align:center; }
.letterTab li.tag03{ width:115px; text-align:center; }
.letterTab li.tag04{ width:125px; text-align:center; }
.letterList li{ font-size:14px; }
.letterList li.tag1{ width:300px; height:40px; line-height:40px; float:left; padding-left:10px; }
.letterList li.tag2{ width:45px; height:40px; line-height:40px; float:left; text-align:center;  }
.letterList li.tag3{ width:115px; height:40px; line-height:40px; float:left; text-align:center;  }
.letterList li.tag4{ width:125px; height:40px; line-height:40px; float:left; text-align:center;  }
.bmInflist { height:295px; background:url(bmListicon.gif) center; margin-top:10px; }
.bmInflist li{ width:130px; padding-left:70px; height:58px; line-height:58px; float:left; border-bottom:#E8E8E8 1px dotted; }
.separateLine{ height:10px; background:url(gelineBg.gif); margin-top:10px; margin-bottom:20px;}
.specialTopic{ height:150px; position: relative;  }
.specialTopic_label{ width:100px; padding-top:30px; text-align:center; float:left; }
.preTopic{ width:30px; text-align:center; float:left; padding-top:50px; cursor:pointer; }
.nextTopic{ width:30px; text-align:center; float:right; padding-top:50px; cursor:pointer; }
.topicGroup{ width:1040px; overflow:hidden; height:150px; float:left; position: relative;  }
.topicGroup ul{ height:150px; position: absolute; }
.topicGroup ul li{ width:260px; height:150px; text-align:center; float:left; }

/*政务服务*/
.mainFourBox{width: 1150px; height: 400px;padding: 10px 25px; margin: 8px auto 0 auto; background: #FFFFFF;}
.marginTop10 {margin-top: 10px;}
.mainLeft {width: 330px;}
.fl {float: left;}
.mainLeft .mainLogo { white-space: nowrap;}
.mainLeft .mainLogo .mainLogoZwmc {font-size: 22px; font-weight: bold; color: #3a67a2; margin-right: 10px;line-height: 64px;}
.mainLeft .mainLogo .mainLogoYwmc { font-size: 12px; font-weight: bold; color: #3a67a2;}
.mainLeft .mainLogo { white-space: nowrap;}
.mainLeft { width: 330px;}
.mainRight { width: 786px; margin-top: 10px;}
.mainRight .mainRightHead .hd{width: 100%;height: 25px;padding-bottom: 20px;line-height: 60px;}
.mainRight .mainRightHead .hd ul li{float: left;}
.mainRight .mainRightHead .hd ul li a{font-size: 20px;color: #808080;border-left: 2px solid #6b6a6a; padding: 0 15px;}
.mainRight .mainRightHead .hd ul li.on{font-weight: bold;padding: 0 0 20px 0;display: block;position: relative;}
.mainRight .mainRightHead .hd ul li.on a{color: #4b70b7;}
.borderNone { border: none !important;}
/* 政民服务-左侧 */
.mainFourBox .mainLeft .zwfwNr{padding: 28px 0;}
.mainFourBox .mainLeft .zwfwNr .slideCSQjxzwfww{margin: 0 auto;width: 300px;}
.mainFourBox .mainLeft .zwfwNr .slideCSQjxzwfww .hd ul li{float: left;width: 135px; font-size: 18px; text-align: center;padding: 20px 0;}
.mainFourBox .mainLeft .zwfwNr .slideCSQjxzwfww .bd ul li{float: left;width: 70px;padding: 20px 0;}
/* 政民服务-右侧 */
.mainFourBox .mainRight .mainRightTwo .bd{margin: 40px 15px 0 20px;}
.mainFourBox .mainRight .mainRightTwo .bd .inHd{margin: 0 auto;display: table;padding: 10px 0;}
.mainFourBox .mainRight .mainRightTwo .bd .inHd ul li{width: 48px; height: 5px;background: #747476;float: left;margin: 0 8px;cursor: pointer;text-indent: -999px;overflow: hidden;}
.mainFourBox .mainRight .mainRightTwo .bd .inHd ul li.on{background: #eca945;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul li{float: left;width: 70px;height: 100px; margin-right: 22px;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul li a{font-size: 16px; text-align: center;display: block;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul li a p{padding: 10px 0;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul li a img {width:62px;height:60px;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul .ZwfwFwbm{width: 160px;height: 38px;margin-bottom:10px;background: #f7f7f7;border:1px solid #000000}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul .ZwfwFwbm a p{padding: 7px 0;width:150px;text-align:left;margin-left:12px;}
.mainFourBox .mainRight .mainRightTwo .bd .inBd ul .ZwfwFwbm a img{vertical-align: middle;padding: 0 5px;width:auto;height:auto;}

/* 政务公开-重点领域 */
.HeadBtnCardBox {
    width: 600px;
    height: 196px;
}
.Box {
    position: relative;
    overflow: hidden;
}
.auto {
    margin: 0 auto;
}
.ZdCard {
    width: 80px;
    height:160px;
    border-radius: 7px;
    box-shadow: 0 0 8px -4px #9aa9b6;
    background-color: rgba(255,255,255,0.86);
    border: 1px solid #e3e3e3;
}
.ZdCard + .ZdCard {
    margin-left: 4px;
}
.f_l {
    float: left !important;
    margin-top: 10px;
}
.ZdCard .IcoHead {
    height: 100%;
}
.ZdCard .IcoHead::before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 50%;
    margin-left: -26px;
    top: 52px;
    border-radius: 50%;
    background-color: #0768ba;
    opacity: 0;
    transition: all 0.5s;
}
.Box {
    position: relative;
    overflow: hidden;
}
.ZdCard .IcoHead {
    height: 100%;
}
.ZdCard:hover .IcoHead::before {
    transform: scale(5);
    opacity: 1;
}
.ZdCard .IcoHead i.ico1 {
    background-image: url(zdlyxx_v7_ico_1.png);
}
.ZdCard .IcoHead i.ico2 {
    background-image: url(zdlyxx_v7_ico_2.png);
}
.ZdCard .IcoHead i.ico3 {
    background-image: url(zdlyxx_v7_ico_3.png);
}
.ZdCard .IcoHead i.ico4 {
    background-image: url(zdlyxx_v7_ico_4.png);
}
.ZdCard .IcoHead i.ico5 {
    background-image: url(zdlyxx_v7_ico_5.png);
}
.ZdCard .IcoHead i.ico6 {
    background-image: url(zdlyxx_v7_ico_6.png);
}
.ZdCard .IcoHead i.ico7 {
    background-image: url(zdlyxx_v7_ico_7.png);
}
.ZdCard .IcoHead i {
    background-repeat: no-repeat;
    background-position: center;
}
.ZdCard .IcoHead i {
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    background-color: #0768ba;
    top: 18px;
    left: calc(50% - 26px);
    box-shadow: 0 0 5px 0px #154f80;
    transition: all 0.5s;
}
.ZdCard .IcoHead span {
    display: block;
    position: absolute;
    top: 90px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #306eb0;
    transition: all 0.5s;
}
.ZdCard>a {
    color: #333;
    cursor: pointer;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.ZdCard .IcoHead span.br {
    line-height: 23px;
}
.ZdCard:hover .IcoHead span {
    top: 86px;
    color: #FFF;
    font-size: 17px;
}
.ZdCard:hover .IcoHead i {
    box-shadow: none;
}