@charset "utf-8";
/*开始*/
.sl-top{width: 100%;box-sizing: border-box;}
.sl-top .container{background: #ffffff;}

.sl-fixed{width: 50px;position: absolute;left: -50px;top: 0;box-sizing: border-box;}
.sl-fixed .sl-fixed-item{width: 100%;background: #016bd5;border-radius: 5px 0 0 5px;margin-bottom: 20px;}
.sl-fixed .sl-fixed-item .f-a{display: block;box-sizing: border-box;font-size: 20px;color: #ffffff;padding: 25px 15px;}
.sl-fixed .sl-fixed-item .f-a:hover{text-decoration: none !important;}
.sl-znts-list{display: none;position: absolute;width: 430px;height: 550px;left: 50px;top: 0;box-sizing: border-box;border: 5px solid #016bd5;border-radius: 0 5px 5px 0;background: #ffffff;z-index: 999;}
.sl-znts-list ul{width: 100%;height: 100%;overflow: auto;box-sizing: border-box;padding: 20px 20px 20px 15px;}
.sl-znts-list ul li{box-sizing: border-box;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #85c2ff;text-align: justify;}
.sl-znts-list ul li a{display: block;font-size: 16px;color: #1a1a1a;box-sizing: border-box;padding-left: 15px;background: url(http://www.shanglin.gov.cn/material/images/sl-d-1.png) left 8px no-repeat;}
.sl-znts-list ul li:hover a{color: #016bd5;text-decoration: underline;}
.sl-znts:hover .sl-znts-list{display: block;}


/*热点资讯*/
.sl-rdzx{width: 100%;overflow: hidden;box-sizing: border-box;padding: 40px 20px;background: #fff;position: relative;}
.sl-rdzx .rdzx-title{position: absolute;display: block;width: 77px;height: 77px;left: 0;top: 0;background: url(http://www.shanglin.gov.cn/material/images/sl-rdzx.png) center;background-size: 100% 100%;}
.sl-rdzx h1{font-size: 36px;color: #0049c3;font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sl-rdzx h1 a{color: #0049c3;}
.sl-rdzx h1 a:hover{text-decoration: underline;}
.sl-rdzx p{box-sizing: border-box;overflow: hidden;text-align: center;margin-top: 18px;}
.sl-rdzx p a{color: #333333;font-size: 18px;display: block;width: 50%;float: left;box-sizing: border-box;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sl-rdzx p a:hover{text-decoration: underline;color: #0049c3;}

/*政务资讯  部门动态  通知公告 南宁要闻 自治区信息 全国要闻*/
.sl-one{width: 100%;margin-top: 20px;box-sizing: border-box; position: relative;}
.sl_img_bg{ background-color: #1665e8; height: 405px; width: 300px; position: absolute; left: 0; top: 0;}
.sl-one .sl-one-banner{width: 560px;height: 385px;float: left;box-sizing: border-box;position: relative;overflow: hidden; left: 10px; top: 10px;}
.sl-one .sl-one-banner .bd{width: 100%;}
.sl-one .sl-one-banner .bd ul{box-sizing: border-box;overflow: hidden;}
.sl-one .sl-one-banner .bd ul li{float: left;width: 100%;height: auto;overflow: hidden;}
.sl-one .sl-one-banner .bd ul li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.sl-one .sl-one-banner .bd ul li .nImg{width: 100%;height: 385px;overflow: hidden;}
.sl-one .sl-one-banner .bd ul li .nImg img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto;}
.sl-one .sl-one-banner .bd ul li .nImg img{-moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.sl-one .sl-one-banner .bd ul li:hover .nImg img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.sl-one .sl-one-banner .bd ul li .nTxt{width: 100%;height: 52px;line-height: 52px;padding: 0 30px;text-align: center;box-sizing: border-box;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, .5);}
.sl-one .sl-one-banner .bd ul li .nTxt h3{font-size: 18px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sl-one .sl-one-banner .n-btn{position: absolute;width: 30px;height: 52px;top: 42%;cursor: pointer;}
.sl-one .sl-one-banner .prev{left: 0;background: url(http://www.shanglin.gov.cn/material/images/one-left.png) center no-repeat;}
.sl-one .sl-one-banner .next{right: 0;background: url(http://www.shanglin.gov.cn/material/images/one-right.png) center no-repeat;}

.sl-one .sl-one-list{width: 710px;float: right;box-sizing: border-box;overflow: hidden;}
.sl-one .sl-one-tab{width: 100%;height: 42px;box-sizing: border-box;overflow: hidden; display:flex; margin-top: 10px;}
.sl-one .sl-one-tab a{font-size: 22px;color: #333333;font-weight: 500;line-height: 42px;display: block;float: left;box-sizing: border-box;padding: 0 15px;cursor: pointer;margin-right: 18px;}
.sl-one .sl-one-tab a.active{color: #ffffff;background: linear-gradient(to right, #3375e2, #0658de);border-radius: 21px;}
.sl-one .sl-one-tab a:hover{color: #ffffff;background: linear-gradient(to right, #3375e2, #0658de);border-radius: 21px;}
.sl-one .sl-one-ul{display: none;width: 100%;box-sizing: border-box;padding-top: 5px;text-align: justify;}
.sl-one .show{display: block;}
.sl-one .sl-one-ul li{margin-top: 23px;box-sizing: border-box;position: relative;overflow: hidden;}
.sl-one .sl-one-ul li a{float: left;width: 80%;display: block;font-size: 18px;color: #1a1a1a;box-sizing: border-box;padding-left: 15px;background: url(http://www.shanglin.gov.cn/material/images/sl-d-1.png) left no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all 0.35s ease-out;}
.sl-one .sl-one-ul li span{display: block;float: right;font-size: 16px;color: #999999;line-height: 24px;}
.sl-one .sl-one-ul li:hover a{color:#2354af;text-decoration: underline; transform: translateX(5px);}
.sl-one .sl-one-ul li:hover span{color:#2354af;}

.sl-two{width: 100%;margin-top: 30px;box-sizing: border-box;background: #ffffff;overflow: hidden;}
.sl-two .sl-two-2{width: 100%;box-sizing: border-box;overflow: hidden;}
.sl-two .sl-two-2 .esd-wrap{width: 100% !important;}
.sl-two .sl-two-2 a{width: 640px;height: 107px;display: block;float: left;margin: 0 0 0 20px;box-sizing: border-box;overflow: hidden;}
.sl-two .sl-two-2 a:first-child{margin-left: 0;}
.sl-two .sl-two-2 a img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto; transition: transform 0.3s ease;}
.sl-two .sl-two-2 a:hover img{transform: scale(1.1);}
/*===========================================政府信息公开模块==========================================*/
.sl-three{ width: 100%; height: 590px; background: url(http://www.shanglin.gov.cn/material/images/xxgk_bg.jpg) no-repeat center bottom;}

.sl-title{width: 100%;box-sizing: border-box;overflow: hidden;}
.sl-title a{display: block;width: 100%;height: 100%;}
.sl-title img{width: auto;display: block;margin: 40px auto;}

.sl-three .zfxxgk-left{width: 800px;float: left;}
.sl-three .zfxxgk-left .zfxxgk-list{width: 100%;box-sizing: border-box;overflow: hidden;}
.sl-three .zfxxgk-left .zfxxgk-tab{width: 100%;height: 42px;box-sizing: border-box;overflow: hidden;}
.sl-three .zfxxgk-left .zfxxgk-tab a{font-size: 22px;color: #333333;font-weight: 500;line-height: 42px;display: block;float: left;box-sizing: border-box;padding: 0 13px;cursor: pointer;}
.sl-three .zfxxgk-left .zfxxgk-tab a.active{color: #ffffff;background: linear-gradient(to right, #3375e2, #0658de);border-radius: 21px;}
.sl-three .zfxxgk-left .zfxxgk-tab a:hover{color: #ffffff;background: linear-gradient(to right, #3375e2, #0658de);border-radius: 21px;}
.sl-three .zfxxgk-left .zfxxgk-ul{display: none;width: 100%;box-sizing: border-box;padding-top: 5px;text-align: justify;}
.sl-three .zfxxgk-left .show{display: block;}
.sl-three .zfxxgk-left .zfxxgk-ul li{margin-top: 20px;box-sizing: border-box;position: relative;overflow: hidden;}
.sl-three .zfxxgk-left .zfxxgk-ul li a{float: left;width: 85%;display: block;font-size: 18px;color: #1a1a1a;box-sizing: border-box;padding-left: 15px;background: url(http://www.shanglin.gov.cn/material/images/sl-d-1.png) left no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition: all 0.35s ease-out;}
.sl-three .zfxxgk-left .zfxxgk-ul li span{display: block;float: right;font-size: 16px;color: #999999;line-height: 24px;}
.sl-three .zfxxgk-left .zfxxgk-ul li:hover a{color:#2354af;text-decoration: underline; transform: translateX(5px);}
.sl-three .zfxxgk-left .zfxxgk-ul li:hover span{color:#2354af;}
.zfxxgk-title{width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 50px;}
.zfxxgk-title a{display: block;width: 100%;height: 100%;}
.zfxxgk-title img{width: auto;display: block;}
.sl-three .zfxxgk-left .zfxxgk-item{width: 100%;box-sizing: border-box;overflow: hidden;padding-top: 30px;}
.sl-three .zfxxgk-left .zfxxgk-item li{width: 283px;height: 136px;margin: 0 0 15px 15px;float: left;box-sizing: border-box;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.sl-three .zfxxgk-left .zfxxgk-item li:nth-child(3n+1){margin-left: 0;}
.sl-three .zfxxgk-left .zfxxgk-item li a{display: flex;width: 100%;height: 100%;font-size: 20px;color: #ffffff;font-weight: bold;align-items: center;box-sizing: border-box;padding: 0 20px;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-1{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-1.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-2{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-2.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-3{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-3.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-4{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-4.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-5{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-5.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li.z-6{background: url(http://www.shanglin.gov.cn/material/images/zfxxgk-6.jpg) center;background-size: 100% 100%;}
.sl-three .zfxxgk-left .zfxxgk-item li:hover{-webkit-transform: translate(0, -5px);-ms-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}
.sl-three .zfxxgk-left .zfxxgk-item li:hover a{text-decoration: underline;}

/*政策文件搜索框*/
.sl_zcwj_box{ width: 800px; height: 83px; background: url(http://www.shanglin.gov.cn/material/images/xxgk_search_bg.jpg) no-repeat left center; margin-top: 30px; padding: 15px auto;}
.sl_search_main{ width: 390px; height: 50px; background-color: #FFF; border-radius: 10px; overflow: hidden; margin: 15px 10px 15px 235px; float: left;}
.sl_s_text{ width: 315px; height: 50px; border: none; outline: none; line-height: 50px; padding-left: 15px; float: left; color: #999;}
.sl_s_sm{ width: 60px; height: 50px; float: right;background:url(http://www.shanglin.gov.cn/material/images/sl_s_bg.png) no-repeat center center; cursor: pointer;}

.btn_nnzck{ display: inline-block; height: 50px; line-height: 50px; padding: 0 15px; font-size: 18px; font-weight: bold; color: #985c11;background: linear-gradient(to right, #fdddb1, #ffdb85);border-radius: 10px; margin-top: 15px;}

.zfxxgk-right{ width: 466px; float: right; overflow: hidden;}
.zfxxgk-item{ width: 476px;}
.zfxxgk-item li{ display: block; float: left; width: 225px; height: 120px; margin: 0 10px 10px 0; border: solid 1px #d4eaff; background: #f2faff url(http://www.shanglin.gov.cn/material/images/zfxxgk_btn_bg1.png) no-repeat left center; border-radius: 5px; text-align: center;}
.zfxxgk-item li a{ color: #1e3e70;}
.zfxxgk-item li:hover{ display: block; float: left; width: 226px; height: 120px; margin-right: 10px; border: solid 1px #d4eaff; background: #3b94ff url(http://www.shanglin.gov.cn/material/images/zfxxgk_btn_bg.png) no-repeat left center;}
.zfxxgk-item li:hover a{ color: #fff;}
.zfxxgk-item li i{ display: block; width: 47px; height: 50px; margin: 15px auto 12px auto; transition: transform 1.5s ease; /* 增加过渡时间，让旋转变慢 */ transform-style: preserve-3d; /* 确保子元素保留 3D 变换 */}
.zfxxgk-item li:hover i{transform: rotateY(360deg); /* 使用 rotateY 实现水平方向旋转 */}
.zfxxgk-item li.z-1 i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_1.png) no-repeat center center;}
.zfxxgk-item li.z-2 i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_2.png) no-repeat center center;}
.zfxxgk-item li.z-3 i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_3.png) no-repeat center center;}
.zfxxgk-item li.z-4 i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_4.png) no-repeat center center;}

.zfxxgk-item li.z-1:hover i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_h1.png) no-repeat center center;}
.zfxxgk-item li.z-2:hover i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_h2.png) no-repeat center center;}
.zfxxgk-item li.z-3:hover i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_h3.png) no-repeat center center;}
.zfxxgk-item li.z-4:hover i{ background: url(http://www.shanglin.gov.cn/material/images/icon_zfxxgk_h4.png) no-repeat center center;}

.zfxxgk-href{width: 100%;height: 160px;box-sizing: border-box;border:dashed 1px #86d0f8; border-radius: 10px; overflow:hidden;}
.zfxxgk-href li{width: 231px;height: 79.5px;float: left;background: #f8fbff;}
.zfxxgk-href li.hasb{border-bottom:dashed 1px #86d0f8;}
.zfxxgk-href li.hasr{border-right:dashed 1px #86d0f8;}
.zfxxgk-href li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.zfxxgk-href li img{width: auto;height: 55px;display: block; transition: transform 1.5s ease; /* 增加过渡时间，让旋转变慢 */ transform-style: preserve-3d; /* 确保子元素保留 3D 变换 */}
.zfxxgk-href li:hover img{transform: rotateY(360deg); /* 使用 rotateY 实现水平方向旋转 */}

.zfxxgk-href li h3{font-size: 18px;color: #333333;font-weight: 500;margin-left: 15px;}
.zfxxgk-href li:hover h3{color:#fff;text-decoration: none;}
.zfxxgk-href li:hover{ background: #3b94ff;}
.zfxxgk-href li:hover a{ text-decoration: none; color: #fff;}

/*===========================================公共服务==========================================*/
.sl-four{width: 100%;box-sizing: border-box;overflow: hidden;}

.sl-four .ggfw-banner{width: 100%;height: 245px;box-sizing: border-box;position: relative;overflow: hidden;}
.sl-four .ggfw-banner .bd{width: 100%;}
.sl-four .ggfw-banner .bd ul{box-sizing: border-box;overflow: hidden;}
.sl-four .ggfw-banner .bd ul li{float: left;width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;}
.sl-four .ggfw-banner .bd ul li .ggfw-item{width: 308px;height: 213px;float: left;margin: 0 0 10px 20px;box-sizing: border-box;background:#fff url(http://www.shanglin.gov.cn/material/images/ggfw_zy_bg.png) no-repeat center;background-size: 100% 100%; border: solid 1px #d4eaff; position: relative;}
.sl-four .ggfw-banner .bd ul li .ggfw-item:nth-child(4n+1){margin-left: 0;}
.sl-four .ggfw-banner .bd ul li .ggfw-item img{width: auto;display: block;margin: 15px 0 0 20px; position: absolute; left: 0; top: 0; transition: transform 1.5s ease; /* 增加过渡时间，让旋转变慢 */  transform-style: preserve-3d; /* 确保子元素保留 3D 变换 */}
.sl-four .ggfw-banner .bd ul li .ggfw-item img{transform: rotateY(360deg); /* 使用 rotateY 实现水平方向旋转 */}
.sl-four .ggfw-banner .bd ul li a{display: block;}
.sl-four .ggfw-banner .bd ul li .ggfw-h{font-size: 22px;color: #333333;font-weight: bold;text-align: center;margin: 15px auto 50px auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sl-four .ggfw-banner .bd ul li .ggfw-a{font-size: 16px;color: #333333;text-align: center;margin:0px 0px 15px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; width: 50%; float: left; border: solid 1px #c8e2f2; border-radius: 5px; width: 129px; padding: 8px 0; background: #f2faff;}

.sl-four .ggfw-banner .hd{ overflow:hidden;width: 100%;z-index:10;}
.sl-four .ggfw-banner .hd ul{text-align: center;}
.sl-four .ggfw-banner .hd ul li{display:inline-block;cursor: pointer;width:14px;height:14px;border-radius: 100%;overflow:hidden;margin: 0 5px;background: #cbe4fd;font-size: 0;}
.sl-four .ggfw-banner .hd ul li.on{background: #0777ff;} 

.sl_service{ width: 1300px; overflow: hidden;}
.sl_service ul li{ display: block; width: 408px; height: 335px; background: #fff; float: left; margin-right: 32px; border: solid 1px #d4eaff;}
.sl_service ul li:nth-child(3){margin-right: 0;}
.sV_top{ width: 100%; height: 90px; background: url(http://www.shanglin.gov.cn/material/images/ggfw_fw_topbg.png) repeat-x;}
.sV_icon{ float: left; margin: 12px;}
.sV_top h3{ float: left; color: #fff; position: relative; padding-top: 22px;} 
.sV_top h3::after{content: ''; position: absolute; left: 0;  bottom: -10px; width: 50%; height: 3px;  background-color: #fff;}
.sV_top a{ display: block; width: 28px; height: 28px; background: url(http://www.shanglin.gov.cn/material/images/ggfw_more.png) no-repeat; margin: 31px; float: right;}
.sV_box,.sV_box1{ width: 100%;}
.sV_box a{ display: block; width: 25%; height: 122px; float: left; text-align: center; color: #333; font-size: 17px;}
.sV_box a img{ display: block; width: 59px; height: 59px; margin: 16px auto 8px auto; transition: transform 1.5s ease; /* 增加过渡时间，让旋转变慢 */ transform-style: preserve-3d; /* 确保子元素保留 3D 变换 */}
.sV_box a:hover img{transform: rotateY(360deg); /* 使用 rotateY 实现水平方向旋转 */}
.sV_box a:hover,.sV_box1 a:hover p{ text-decoration: underline; color:#2354af;}

.sV_box1 a{display: block; width: 174px; height: 52px; float: left; margin: 18px 0px 5px 21px; color: #333; font-size: 17px; line-height: 52px;}
.sV_box1 a p{padding-left: 57px;}
.sV_btn1{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_01.png) no-repeat;}
.sV_btn2{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_02.png) no-repeat;}
.sV_btn3{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_03.png) no-repeat;}
.sV_btn4{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_04.png) no-repeat;}
.sV_btn5{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_05.png) no-repeat;}
.sV_btn6{ background: url(http://www.shanglin.gov.cn/material/images/ggfw_bmlq_06.png) no-repeat;}


/*===========================================专题专栏==========================================*/
.sl-five{background: #fff; padding-bottom: 30px;}
.sl-ztzl{width: 100%;min-width: 1300px;margin-top: 30px;box-sizing: border-box;overflow: hidden; }
.sl-title1{ width: 100%; padding: 20px 0;}
.sl-ztzl .sl-ztzl-banner{width: 100%;box-sizing: border-box;position: relative;}
.sl-ztzl .sl-ztzl-banner .bd{width: 100%;overflow: hidden;}
.sl-ztzl .sl-ztzl-banner .bd ul{overflow: hidden;width: 100%;box-sizing: border-box;}
.sl-ztzl .sl-ztzl-banner .bd ul li{width: 300px;float: left;margin-right: 33px;position: relative;overflow: hidden;word-break: break-all;}
.sl-ztzl .sl-ztzl-banner .bd ul li a{display: block;width: 100%;height: 100%;box-sizing: border-box;overflow: hidden;}
.sl-ztzl .sl-ztzl-banner .bd ul li .ztzl-img{width: 100%;height: 109px;overflow: hidden;}
.sl-ztzl .sl-ztzl-banner .bd ul li .ztzl-img img{width: 100%;height: auto;min-height: 100%;display: block;margin: 0 auto; transition: transform 0.3s ease;}
.sl-ztzl .sl-ztzl-banner .bd ul li .ztzl-img img:hover{transform: scale(1.1);}
.sl-ztzl .sl-ztzl-banner .n-btn{position: absolute;width: 30px;height: 52px;top: 28px;display: block;cursor: pointer;}
.sl-ztzl .sl-ztzl-banner .prev{left: 0px;background: url(http://www.shanglin.gov.cn/material/images/z-left.png) center no-repeat;}
.sl-ztzl .sl-ztzl-banner .next{right: 0px;background: url(http://www.shanglin.gov.cn/material/images/z-right.png) center no-repeat;}
.sl-ztzl .sl-ztzl-banner .bd ul li:hover h3{color:#2354af;text-decoration: underline;}