@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);
@import url(animate.min.css);


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url(home_ico_1.png) no-repeat left center; font-size: 16px; padding: 10px 0; padding-left: 15px; color: #222; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 100px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a br{ display:none; }
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right; color: #666;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }


.Title{ height: 51px; border-bottom: 1px solid #ddd;}
.Title h1{ float: left; display: block; height: 49px; border-bottom: 3px solid #1646cc;}
.Title h1 a{ display: inline-block; padding: 0 15px; font-size: 20px; font-weight: bold; color: #1646cc; height: 49px; line-height: 52px;}



.Part1{ padding: 25px 0; background-color: #f1f4fd;}

.LdzcBox{ width: 550px; height: 250px; background: #FFF; padding: 0 20px;}

.SlBtns{ padding-top: 18px;}
.SlBtns a{ display: block; width: 22px; height: 22px; position: relative; overflow: hidden; border-radius: 11px; background: url(zwgk_ico_1.png) no-repeat #e8e8e8; float: left; margin: 0 7px; cursor: pointer;}
.SlBtns a.prev{ background-position: left top;}
.SlBtns a.next{ background-position: right top;}
.SlBtns a:hover{ background-position-y: bottom; background-color: #3ca9f5;}
.LdzcBox .Con{}
.LdzcBox .LdMain{ height: 154px;}
.LdzcBox .LdMain .pic{ position:relative; overflow: hidden; float: left; width: 115px; height: 154px;}
.LdzcBox .LdMain .pic img{ display: block; width: 100%; height: 100%; object-fit:cover;}
.LdzcBox .LdMain .txt{ position:relative; overflow: hidden; float:right; width: 425px; }
.LdzcBox .LdMain .txt h1{ display: block; font-size: 20px; color: #333;}
.LdzcBox .LdMain .txt .desc{font-size: 14px;color: #888888;line-height: 1.4;position: relative;overflow: hidden;margin: 10px 0 8px;height: 77px;}
.LdzcBox .LdMain .txt .btn{ display: block; width: 103px; height: 29px; border: 1px solid #ddd; border-radius: 15px; position: relative; overflow: hidden; font-size: 14px; color: #888; text-align: center; line-height: 29px; transition: all 0.3s;}
.LdzcBox .LdMain .txt .btn:hover{ color: #1646cc; border-color:#7f9be8; }


.ZzjgBox{ width: 550px; height: 250px; background: #FFF; padding: 0 20px;}
.ZzjgBox .hd{ margin-top: 10px; margin-left: 15px; }
.ZzjgBox .hd li{ float: left; position: relative; overflow: hidden; font-size: 18px; color: #333; height: 38px; line-height: 38px;}
.ZzjgBox .hd li a{ display: inline-block; height: 38px; line-height: 38px; }
.ZzjgBox .hd li.on a{ color: #0c36a7;}

.ZzList{ padding: 10px 0;}
.ZzList li{ position: relative; overflow: hidden; float: left; width: 180px; font-size: 16px; color: #333; padding: 10px 0; }
.ZzList li a{display: inline-block;padding-left: 5px;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;max-width: 97%;max-width: calc(100% - 5px);}

.ZzList.jgzn li{ width:auto;}

.ZzList li.T{ width:auto; float:none;}
.ZzList li.desc{width:auto;float:none;padding: 0 5px;font-size: 14px;line-height: 1.5;text-indent: 2em;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 6;color: #888;max-height: 126px;}


/*政府信息公开*/
.ZfxxgkBtns{}
.ZfxxgkBtns ul{ width: 110%;}
.ZfxxgkBtns li{ position: relative; overflow: hidden; float: left; margin: 25px 38px 0 0; width: 372px; height: 100px; border: 1px solid #ddd; box-shadow: 0px 0px 5px 0px #f1e9e9; }
.ZfxxgkBtns li::before{ display: block; content: ''; width: 68px; height: 68px; border: 1px solid #3ca9f5; position: absolute; left: 70px; top: 15px; overflow: hidden; border-radius: 35px; background-color: #3ca9f5; opacity: 0; transition: all 0.5s; z-index: 0;}
.ZfxxgkBtns li a{ position: relative; display: block; height: 100px; line-height: 100px; font-size: 18px; color: #333; padding-left: 160px; transition: color 0.3s; z-index: 1;}
.ZfxxgkBtns li em{ display: block; width: 68px; height: 68px; border: 1px solid #3ca9f5; position: absolute; left: 70px; top: 15px; overflow: hidden; border-radius: 35px;}
.ZfxxgkBtns li.btn1 em{ background: url(zwgk_ico_2.png) no-repeat center #FFF;}
.ZfxxgkBtns li.btn2 em{ background: url(zwgk_ico_3.png) no-repeat center #FFF;}
.ZfxxgkBtns li.btn3 em{ background: url(zwgk_ico_4.png) no-repeat center #FFF;}
.ZfxxgkBtns li.btn4 em{ background: url(zwgk_ico_5.png) no-repeat center #FFF;}
.ZfxxgkBtns li.btn5 em{ background: url(zwgk_ico_6.png) no-repeat center #FFF;}
.ZfxxgkBtns li.btn6 em{ background: url(zwgk_ico_7.png) no-repeat center #FFF;}

.ZfxxgkBtns li:hover{ transition:background 0s ease 5s; background-color: #3ca9f5;}
.ZfxxgkBtns li:hover::before{ transform: scale(8,5); opacity: 1;}
.ZfxxgkBtns li:hover a{ color: #FFF;}



.ZwgkSlideBox{ height: 260px;}
.ZwgkSlideBox .hd{ position: relative; height: 49px; border-bottom: 1px solid #DDD;}
.ZwgkSlideBox .hd li{ position: relative; overflow: hidden; float: left; font-size: 20px; font-weight: bold; height: 49px; line-height:49px; color: #333; }
.ZwgkSlideBox .hd li.T{ height: 47px;}
.ZwgkSlideBox .hd li.T a{ display: inline-block; padding: 0 5px;}
.ZwgkSlideBox .hd li.T.on{ border-bottom: 3px solid #1646cc;}
.ZwgkSlideBox .hd li.T.on a{ color: #1646cc;}

.inSlideBox{}
.inSlideBox .inhd{ height: 30px; padding-top: 10px;}
.inSlideBox .inhd li{ position: relative; overflow: hidden; float: left; height: 30px; border-radius: 15px;}
.inSlideBox .inhd li + li{ margin-left: 3px;}
.inSlideBox .inhd li a{ display: inline-block; padding: 0 12px; font-size: 18px; color: #000; height: 30px; line-height: 30px;}
.inSlideBox .inhd li.on a{ background-color: #0c36a7; color: #FFF;}

/*政策文件查询*/
.ZcwjCxBox{ height: 360px; background: #FFF; box-shadow: 0px 0px 5px 0px #ddd;}
.ZcwjCxBox .Tit{ height: 102px; position: relative; overflow: hidden; background-color: #1071e6; background-image: linear-gradient(to right, #0766e3, #40adf6);}
.ZcwjCxBox .Tit a{ display: block; height: 102px; background: url(zwgk_ico_8.png) no-repeat center;}

.ZcwjCxBox .layui-form{ padding:30px 25px 0;}
.ZcwjCxBox .layui-form .layui-form-label{ font-size: 16px; color: #000; padding: 9px 0px;}
.ZcwjCxBox .layui-form .layui-input-block{ margin-left: 80px;}
.ZcwjCxBox .layui-form .layui-input-block .layui-input{ box-shadow: 1px 1px 3px 0px #f1f1f1; border-color: #ddd; background: transparent;}
.ZcwjCxBox .layui-form .layui-input-block .layui-select-title{ position: relative;}
.ZcwjCxBox .layui-form .layui-input-block .layui-form-select::before{ display: block; content: ''; position: absolute; width: 39px; height: 36px; right: 1px; top: 1px; border-left: 1px solid #ddd; background-color: #e7e7e7; }
.ZcwjCxBox .layui-form .layui-input-block .layui-form-select .layui-edge{ right: 15px;}
.ZcwjCxBox .layui-form a.SendBtn{ display: block; width: 153px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #FFF; cursor: pointer; transition: all 0.3s;}
.ZcwjCxBox .layui-form a.SendBtn.f_l{ background-color: #0867e3;}
.ZcwjCxBox .layui-form a.SendBtn.f_r{ background-color: #3facf6;}
.ZcwjCxBox .layui-form a.SendBtn:hover{ opacity: 0.8; filter:alpha(opacity=80);}


.FgkxxBtns{}
.FgkxxBtns li{ position: relative; overflow: hidden; width: 183px; height: 127px; background-color: #3ca9f5;}
.FgkxxBtns li a{ display: block; height: 100%; position: relative; overflow: hidden; font-size: 16px; color: #FFF; text-align: center; line-height: 190px;}
.FgkxxBtns li em{ display: block; width: 58px; height: 58px; position: absolute; top: 15px; left: 62.5px; overflow: hidden; border-radius: 30px; animation-duration: 0.5s;}
.FgkxxBtns li.f_l em{ background: url(zwgk_ico_9.png) no-repeat center #FFF;}
.FgkxxBtns li.f_r em{ background: url(zwgk_ico_10.png) no-repeat center #FFF;}
.FgkxxBtns li p{ }
.FgkxxBtns li:hover a{ transition: all 0.3s ease-in 0.2s; line-height: 127px; }
.FgkxxBtns li:hover em{ animation-name: rotateOut; }





.Part4{ height: 114px; background: url(zwgk_ico_11.png) no-repeat center #edf7fc;}
.Part4 .Tit{ width: 258px; height: 114px; padding-right: 20px; background:url(zwgk_ico_12.png) no-repeat center top;}
.Part4 .Tit em{ position: relative; display: block; width: 45px; height: 45px; margin: 12px auto; background: url(zwgk_ico_13.png) no-repeat center; transform-origin: center top;}
.Part4 .Tit p{ display: block; text-align: center; font-size: 22px; font-weight: bold; color:#FFF;}
.Part4 .Tit a:hover em{ animation-name: swing;}
.Part4 .Con{ width: 900px; height: 114px;}
.Part4 .Con ul{ padding: 20px 0;}
.Part4 .Con li{ position: relative; overflow:hidden; float: left; height: 74px; line-height: 74px; margin-left: 130px; padding-right: 20px;}
.Part4 .Con li em{ display:block; float: left; width: 51px; height: 51px; position: relative; overflow: hidden; border-radius: 5px; margin: 11px;}
.Part4 .Con li.btn1 em{ background: url(zwgk_ico_15.png) no-repeat center #3ca9f5;}
.Part4 .Con li.btn2 em{ background: url(zwgk_ico_16.png) no-repeat center #3ca9f5;}
.Part4 .Con li font{ float: left; font-size: 16px; color: #333; margin-left: 10px;}
.Part4 .Con li.more{}


.Part5 a.f_l + a.f_l{margin-left: 27px;}