@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: 13px 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; }


/* 焦点图 */
.Focus{width: 430px;height:420px;}
.Focus .pic li{overflow:hidden;position:relative;width: 430px;height: 420px;background: #FFF;}
.Focus .pic img {width: 100%; max-width: 100%; height: 420px; display: block; margin: 0 auto; object-fit: cover;}
.Focus .txt-bg {position: absolute;bottom: 0px;z-index: 1;height: 58px;width: 430px;background: #000;filter:alpha(opacity=50);opacity:0.5;overflow: hidden;}
.Focus .txt {position: absolute;left: 20px;bottom: 0px;z-index: 2;height: 58px;width: 300px;overflow: hidden;}
.Focus .txt li{ width:100%; height:58px; line-height:58px; position:absolute; bottom:-58px;}
.Focus .txt li a{display: block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color: white;text-shadow:1px 1px 5px #000;transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index:3; bottom:25px; right:15px; }
.Focus .num li{float:left; width:8px; height:8px; overflow:hidden; margin:0 2px; border-radius:4px; cursor:pointer; background:#FFF; transition: all 0.3s; transition: all 0.3s;}
.Focus .num li.on,.Focus .num li:hover{ width: 32px; background:#f9ab15;}
.Focus>a{display:block;width:60px;height:150px;position:absolute;top: 115px;top: calc((420px - 150px) / 2);background:url(pin_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*要闻焦点*/
.FocusNews{width: 430px;height: 420px;}
.FocusNews .hd{ height: 50px; border-bottom: 1px solid #DDD;}
.FocusNews .hd li{ position: relative; width: 118px; height: 41px; float: left; transform-style: preserve-3d;}
.FocusNews .hd li + li{ margin-left:30px; }
.FocusNews .hd li::before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; z-index: 0; transform-origin: center bottom;}
.FocusNews .hd li a{ display: block; font-size: 20px; height: 41px; text-align: center; line-height: 41px; font-weight: bold; color: #333; position: relative; overflow: hidden; border-radius: 8px; z-index: 1;}
.FocusNews .hd li:hover::before,
.FocusNews .hd li.on::before{ transition: all 0.5s; background-color: #dfe7fc; transform:rotate3d(1, 0, 0, 65deg) skewX(-20deg); box-shadow: 0 0 5px -1px #7d8dbb;}
.FocusNews .hd li:hover a,
.FocusNews .hd li.on a{ background-color:#1646cc; color: #FFF; }
.FocusNews .bd{ min-height: 290px;}

.FocusNews .bd ul.ulList{ height: 360px;}
.FocusNews .bd ul.ulList .First{width: 430px;border-bottom: 1px dashed #ddd;padding: 0 0 12px;background: none;margin-bottom: 10px;min-height: 111px;}
.FocusNews .bd ul.ulList .First a{ float: none; max-width: 100%; font-size: 18px; font-weight: bold; line-height: 1.7; white-space: normal; margin-bottom: 5px; }
.FocusNews .bd ul.ulList .First span{ float: none; text-align: left; display: block; width: auto; font-size: 14px; color: #959595; line-height: 1.7; position: relative; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; max-height: 46px; text-indent: 2em;}


/*要闻焦点*/
.FocusNews1{width: 300px;height: 420px;margin-right: 20px;}
.FocusNews1 .hd{ height: 50px; border-bottom: 1px solid #DDD;}
.FocusNews1 .hd li{ position: relative; width: 118px; height: 41px; float: left; transform-style: preserve-3d;}
.FocusNews1 .hd li + li{ margin-left:30px; }
.FocusNews1 .hd li::before{ content: ''; display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; z-index: 0; transform-origin: center bottom;}
.FocusNews1 .hd li a{ display: block; font-size: 20px; height: 41px; text-align: center; line-height: 41px; font-weight: bold; color: #333; position: relative; overflow: hidden; border-radius: 8px; z-index: 1;}
.FocusNews1 .hd li:hover::before,
.FocusNews1 .hd li.on::before{ transition: all 0.5s; background-color: #dfe7fc; transform:rotate3d(1, 0, 0, 65deg) skewX(-20deg); box-shadow: 0 0 5px -1px #7d8dbb;}
.FocusNews1 .hd li:hover a,
.FocusNews1 .hd li.on a{ background-color:#1646cc; color: #FFF; }
.FocusNews1 .bd{ min-height: 290px;}

.FocusNews1 .bd ul.ulList{ height: 360px;}
.FocusNews1 .bd ul.ulList .First{width: 295px;border-bottom: 1px dashed #ddd;padding: 0 0 12px;background: none;margin-bottom: 10px;min-height: 111px;margin-left: 5px;}
.FocusNews1 .bd ul.ulList .First a{ float: none; max-width: 100%; font-size: 18px; font-weight: bold; line-height: 1.7; white-space: normal; margin-bottom: 5px; }
.FocusNews1 .bd ul.ulList .First span{ float: none; text-align: left; display: block; width: auto; font-size: 14px; color: #959595; line-height: 1.7; position: relative; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; max-height: 46px; text-indent: 2em;}

/*通知公告*/
.TzggBox{ width: 720px; height: 105px; background-color: #f4f4f4;}
.TzggBox .Tit{ width: 105px; height: 105px; float: left; position: relative; overflow: hidden;}
.TzggBox .Tit i{ display: block; margin:12px auto 0; width: 40px; height: 50px; background: url(home_ico_2.png) no-repeat center;}
.TzggBox .Tit span{ display: block; font-size: 20px; text-align: center; color: #1646cc; font-weight: bold; line-height: 28px;}
.TzggBox .Tit a:hover i{ animation-name: swing; transform-origin: center top;}
.TzggBox .Con{ position: relative; overflow: hidden; float: right; width: 580px; padding:13px 20px 12px 10px;}
.TzggBox .Con ul.ulList{ padding: 0;}
.TzggBox .Con ul.ulList li{padding: 10px 0; padding-left: 15px;}

/*国务院信息按钮*/
.GwyxxBtn{width: 1200px;height: 105px;background-color: #f4f4f4;}
.GwyxxBtn ul{ width: 105%;}
.GwyxxBtn li{position: relative;overflow: hidden;float: left;width: 397px;}
.GwyxxBtn li::after{ position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: 0; border-radius: 5px; background-color: #dad1d1; box-shadow:inset 0px 0px 2px 0px rgba(255,255,255,.5); transition: all 0.3s ease;}
.GwyxxBtn li + li{ margin-left: 5px;}
.GwyxxBtn li a{ display: block; height: 105px; position: relative; overflow: hidden; z-index: 1;}
.GwyxxBtn li i{ display: block; width: 35px; height: 35px; margin: 18px auto 10px; position: relative; overflow: hidden; transition: 0.5s;}
.GwyxxBtn li.btn1 i{ background: url(home_ico_3.png) no-repeat center;}
.GwyxxBtn li.btn2 i{ background: url(home_ico_4.png) no-repeat center;}
.GwyxxBtn li.btn3 i{ background: url(home_ico_5.png) no-repeat center;}
.GwyxxBtn li span{ display: block; font-size: 18px; text-align: center; color: #000; line-height: 1.4;}
.GwyxxBtn li:hover i{ transform: scale(1.2);}
.GwyxxBtn li:hover:after { top: auto; bottom: 0; height: 100%;}


/*专题横幅*/
.ZtHfBox{ height: 120px;}
.ZtHfBox .hd{ position: absolute; right: 14px; bottom: 12px; z-index: 10;}
.ZtHfBox .hd li{ font-size: 0; float: left; width: 8px; height: 8px; position: relative; overflow: hidden; border-radius: 4px; background-color: #FFF; margin: 0 2px; cursor: pointer;}
.ZtHfBox .hd li.on{ width: 32px; background-color: #f9ab15;}

.ZtHfBox .bd{ position: relative; height: 120px; perspective:1500px;}
.ZtHfBox .bd ul,
.ZtHfBox .bd ul li,
.ZtHfBox .bd ul li img{ width: 1200px; height: 120px;}
.ZtHfBox .bd ul{ transform-style:preserve-3D; transition: all 0.8s; }
.ZtHfBox .bd ul li{ position: absolute; left: 0; top: 0;}
.ZtHfBox .bd ul li.block{ display: block !important;}
.ZtHfBox .bd ul,
.ZtHfBox .bd ul li{ transform-origin: center center -60px; -webkit-transform-origin: center center -60px; -ms-transform-origin: center center -60px; -moz-transform-origin: center center -60px; }





.Title{ height: 53px; position: relative; overflow: hidden; text-align: center;}
.Title em{ position: absolute; border-bottom: 1px solid #275ded; width: 100%; left: 0px; top: 26px; z-index: 0;}
.Title a{ position: relative; padding: 0 27px; display: inline-block; height: 100%; line-height: 53px; background-color: #FFF; z-index: 1;}


/*Part4-政务公开*/
.Part4{ background-color: #f1f4fd; padding: 12px 0 25px; box-shadow: 0px 0px 20px -8px #c7b3b3 inset;}
.Part4 .Title a{ background-color: #f1f4fd;}

.Part4_L_Tab{ width: 550px; height: 529px; padding: 0 20px; background-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;}

.Part4 .ulList li{ padding: 10px 0; padding-left: 15px;}

/*Part4*右侧板块*/
.Part4_R_Card{ width: 590px; height: 529px;}

.LdzcSlideBox{ height: 228px; padding:10px 20px 0; background-color: #FFF;}
.LdzcSlideBox .hd{ position: relative; height: 40px; margin-bottom: 10px;}
.LdzcSlideBox .hd li{ position: relative; overflow: hidden; float: left; font-size: 20px; font-weight: bold; height: 40px; line-height:40px; color: #333; }
.LdzcSlideBox .hd li.T a{ display: inline-block; padding: 0 5px;}
.LdzcSlideBox .hd li.T.on a{ color: #1646cc;}

/*领导之窗*/
.LdzcBox{ height: 154px;}
.LdzcBox .Ybs{ width: 316px; height: 154px; border-right: 1px dashed #DDD;}
.LdzcBox .Ybs .pic{ position: relative; overflow: hidden; float: left; width: 115px; height: 154px;}
.LdzcBox .Ybs .pic img{ display: block; width: 100%; height: 100%; object-fit:cover;}
.LdzcBox .Ybs .con{ position: relative; overflow: hidden; float: right; width: 190px; height: 154px;}
.LdzcBox .Ybs .con h1{ display: block; font-size: 20px; color: #333;}
.LdzcBox .Ybs .con .desc{ font-size: 14px; color: #888888; line-height: 1.4; position: relative; overflow: hidden; margin: 10px 0; height: 77px;}
.LdzcBox .Ybs .con .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 .Ybs .con .btn:hover{ color: #1646cc; border-color:#7f9be8; }
.LdzcBox .Ebs{ width: 200px;}
.LdzcBox .Ebs p{ font-size: 16px; color: #888888; display: block; line-height: 38px;}
.LdzcBox .Ebs p + p{ padding-top: 20px;}
.LdzcBox .Ebs p span{ color: #0c36a7;}

.ZzjgList{}
.ZzjgList li{ position: relative; overflow: hidden; float: left; width: 180px; font-size: 16px; color: #333; padding: 10px 0; }
.ZzjgList li a{ display: inline-block; padding-left: 5px;}


/*政府信息公开*/
.ZfxxgkBox{ height: 271px; }
.ZfxxgkBox .Tit{ height: 51px; position: relative; overflow: hidden; background-color: #2288ec; background-image: linear-gradient(to right, #0766e3, #40adf6);}
.ZfxxgkBox .Tit a{ display: block; font-size: 20px; font-weight: bold; color: #FFF; line-height: 51px; height: 51px; text-align:center; position: relative; z-index: 1; transition: a;; 0.5s;}
.ZfxxgkBox .Tit::after{ background: #fff; content: ""; height: 155px; left: -75px; opacity: 0.2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 0;}
.ZfxxgkBox .Tit:hover::after{ left: 120%; transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);}
.ZfxxgkBox .Tit:hover a{ text-shadow: 1px 1px 3px #333;}
.ZfxxgkBox .Con{ position: relative; overflow: hidden; padding: 10px 5px; height: 83px; background-color: #FFF;}
.ZfxxgkBox .Con ul{ width: 110%;}
.ZfxxgkBox .Con li{ position: relative; overflow: hidden; float: left; padding-left: 20px; background: url(home_ico_10.png) no-repeat left center; width: 160px; margin-left: 10px;}
.ZfxxgkBox .Con li a{ display: inline-block; height: 38px; line-height: 38px; font-size: 16px; color: #333;}

.ZfxxgkBox .Con li:hover{ animation:ZfxxgkBoxBtns 0.8s ease-out infinite normal; }
@keyframes ZfxxgkBoxBtns {
    0% { background-position-x:left; }
    50% { background-position-x:5px; }
    to { background-position-x:left; }
}

/*政府信息公开-按钮*/
.ZfxxgkBox .RelBtns{ height: 102px; }
.ZfxxgkBox .RelBtns ul{ width: 105%;}
.ZfxxgkBox .RelBtns li{ position: relative; overflow: hidden; float: left; width: 142px; height: 102px; background-color: #FFF;}
.ZfxxgkBox .RelBtns li + li{ margin-left: 7px;}
.ZfxxgkBox .RelBtns li a{ position: relative; overflow: hidden; display: block; height: 102px;}
.ZfxxgkBox .RelBtns li em{ display: block; margin: 12px auto 5px; width: 40px; height: 40px; position: relative; overflow:hidden; border-radius: 50%; z-index: 1;}
.ZfxxgkBox .RelBtns li a::after{ content: ''; display: block; position: absolute; left: 50%; margin-left: -20px; top: 12px; width: 40px; height: 40px;  overflow: hidden; border-radius: 50%; background-color:#3ca9f5; opacity: 0; z-index: 0; transition: all 0.5s; }
.ZfxxgkBox .RelBtns li.btn1 em{ background: url(home_ico_11.png) no-repeat center #3ca9f5;}
.ZfxxgkBox .RelBtns li.btn2 em{ background: url(home_ico_12.png) no-repeat center #3ca9f5;}
.ZfxxgkBox .RelBtns li.btn3 em{ background: url(home_ico_13.png) no-repeat center #3ca9f5;}
.ZfxxgkBox .RelBtns li.btn4 em{ background: url(home_ico_14.png) no-repeat center #3ca9f5;}
.ZfxxgkBox .RelBtns li p{ display: block; font-size: 16px; color: #333; text-align: center; line-height: 1.2; position: relative; z-index: 1; transition: color 0.5s;}
.ZfxxgkBox .RelBtns li:hover a{ transition:background-color 0.3s ease 2s;  background-color: #3ca9f5;}
.ZfxxgkBox .RelBtns li:hover a::after{ border-radius: 10px; opacity: 1; transform: scale(5);}
.ZfxxgkBox .RelBtns li:hover p{ color: #FFF;}






/*Part5*/

.GzcyBox{ width: 548px; height: 295px; border: 1px solid #DDD; padding: 10px 20px;}
.GzcyBox .ZwxxBox{ height: 112px; margin-top: 18px; background: url(home_ico_16.png) no-repeat 36px bottom #f4f4f4;}
.GzcyBox .ZwxxBox .p1{ padding-left: 168px; padding-top: 20px; height: 25px; line-height: 25px; position: relative; overflow: hidden;}
.GzcyBox .ZwxxBox .p1 a{ float: left; }
.GzcyBox .ZwxxBox .p1 span{ float: left;  display: inline-block;font-size: 17px; color: #5b78c7; font-family: '楷体'; padding:3px 0 0 10px;}
.GzcyBox .ZwxxBox .p2Btn{ padding-left: 168px; padding-top: 20px; position: relative; }
.GzcyBox .ZwxxBox .p2Btn li{ position: relative; overflow: hidden; float: left; width: 99px; height: 29px; border: 1px solid #4370e9; border-radius: 15px; box-shadow:2px 2px 1px 0px #cfdcff; background-color:#cfdcff; transition: all 0.3s;}
.GzcyBox .ZwxxBox .p2Btn li + li{ margin-left: 12px;}
.GzcyBox .ZwxxBox .p2Btn li a{ display: block; text-align: center; line-height: 29px; font-size: 16px; color: #5b78c7; position: relative; overflow: hidden; border-radius: 15px; box-shadow: 2px 2px 0px 0px #fff inset; transition: all 0.3s;}
.GzcyBox .ZwxxBox .p2Btn li:hover{ background-color: #4370e9; box-shadow:2px 2px 1px 0px #ddd;}
.GzcyBox .ZwxxBox .p2Btn li:hover a{ color: #FFF; box-shadow: none;}

.HdjlBtns{ height: 90px;}
.HdjlBtns ul{ width: 105%;}
.HdjlBtns li{ position: relative; overflow: hidden; float: left; width: 90px; height: 90px;}
.HdjlBtns li + li{ margin-left: 12px;}
.HdjlBtns li a{ display: block; position: relative; height: 90px;}
.HdjlBtns li em{ display: block; width: 41px; height: 41px; border: 1px solid #0c36a7; border-radius: 50%; margin: 3px auto; position: relative; overflow: hidden; transition: all 0.5s;}
.HdjlBtns li.btn1 em{ background: url(home_ico_17.png) no-repeat center;}
.HdjlBtns li.btn2 em{ background: url(home_ico_18.png) no-repeat center;}
.HdjlBtns li.btn3 em{ background: url(home_ico_19.png) no-repeat center;}
.HdjlBtns li.btn4 em{ background: url(home_ico_20.png) no-repeat center;}
.HdjlBtns li.btn5{ width: 140px;}
.HdjlBtns li.btn5 em{ background: url(home_ico_21.png) no-repeat center;}
.HdjlBtns li p{ display: block; text-align: center; font-size: 18px; color: #333; padding-top: 10px; transition: all 0.5s;}
.HdjlBtns li:hover em{ transform: scale(1.12); transform-origin: center top;}
.HdjlBtns li:hover p{ }


.JgjsBox{ width: 548px; height: 295px; border: 1px solid #DDD; padding: 10px 20px;}
.JgjsBox .ulList li{ padding: 9px 0; padding-left: 15px;}

.Part5Hf{ height: 110px;}
.Part5Hf a{ display: block; width: 588px; height: 108px; position: relative; overflow: hidden; border: 1px solid #ddd;}
.Part5Hf a img{ display: block; width: 100%; height: 100%;}



.Part6{ padding: 10px 0 20px; background-color: #f4f4f4;}
.Part6 .Title a{ background-color: #f4f4f4;}

.ZtzlSlide{ height: 170px;}
.ZtzlSlide .bd{ height: 120px;}
.ZtzlSlide .bd li{ position: relative; overflow: hidden; float: left; margin-right: 18px; width: 286px; height: 120px;}
.ZtzlSlide .bd li img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.ZtzlSlide .hd{ margin-top: 25px; text-align: center; position: relative;}
.ZtzlSlide .hd li{ display: inline-block; margin: 0 2px; width: 8px; height: 8px; position: relative; overflow: hidden; background-color: #c5c5c5; border-radius: 4px; transition: all 0.5s; font-size: 0; cursor: pointer;}
.ZtzlSlide .hd li.on{ width: 32px; background-color: #f9ab15;}