@charset "utf-8";

/*侧栏-通用框*/
.sideBox{overflow: hidden;margin-top:1px;}
.sideBox .hd{height: 48px;}
.sideBox .hd h3{height: 48px;float: left;padding: 0 26px;line-height: 48px; margin-bottom:-3px; font-weight: bold; border-bottom: 2px solid #3290DA;}
.sideBox .hd h3:hover,
.sideBox .hd h3 a:hover{color: #3290DA;}
.sideBox .hd .more{float: right;margin-right: 20px;line-height: 50px;text-align: center;color: #0c4ebb;}
.sideBox .bd{border-top: 0px;overflow: hidden;padding: 20px 10px 0px;}

/* 通用框 */
.page-box{overflow: hidden;}
.page-box .hd{padding-top:8px; height: 42px; border-bottom: 1px solid #D9D9D9;}
.page-box .hd .more{float: right; font-size: 14px; color: #999;}
.page-box .hd .more:hover{color: #3290DA;}
.page-box .hd strong{position: relative; width: auto; float: left; margin-bottom: -1px; padding: 0 12px 17px; line-height: 24px; font-size: 18px; font-weight: bold; border-bottom: 2px solid #3290DA;}
.page-box .hd strong a:hover{color: #3290DA;}
.page-box .hd li{position: relative; width: auto; float: left; margin-bottom: -1px; padding: 0 12px 17px; line-height: 24px; font-size: 18px; color: #333;}
.page-box .hd li.on{font-weight: bold; border-bottom: 2px solid #3290DA;}
.page-box .hd li a:hover{color: #3290DA;}
.page-box .bd{overflow: hidden;padding: 20px 0 20px;}

/* 通用-切换框 */
.page-tab{overflow: hidden;}
.page-tab .hd{height: 50px; line-height: 50px;}
.page-tab .hd .more{float: right; font-size: 14px; color: #666;}
.page-tab .hd .more:hover{color: #3290DA;}
.page-tab .hd li{width: auto; float: left; margin-right: 10px;}
.page-tab .hd li a{display: block; padding: 0 22px; font-size: 18px; background-color: #f2f2f2;}
.page-tab .hd li a:hover{background-color: #3290DA; color: white;}
.page-tab .bd{overflow: hidden; padding: 10px 0 0;}

/* 通用-图片标题框 */
.page-pic-box{overflow: hidden;}
.page-pic-box .hd{position: relative; z-index: 1;}
.page-pic-box .hd a{position: relative; z-index: 1; display: block;}
.page-pic-box .hd img{width: 100%; height: auto;}
.page-pic-box .hd .name{position: absolute; z-index: 1; left: 0; right: 0; top: 50%; height: 40px; line-height: 40px; margin-top: -20px; text-align: center; font-size: 24px; font-weight: bold; color: white; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.5);}
.page-pic-box .bd{padding: 20px 20px 30px; background-color: #fff;}
.page-pic-box .bd .more{display: block; margin-top: 15px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #666; border: 1px solid #E9E9E9;}
.page-pic-box .bd .more:hover{color: #3290DA; background-color: #EDF4FC;}

/* 通用-信息列表 */
.info-list{overflow: hidden; font-family: "宋体";}
.info-list li{padding: 14px 0 16px; height: 24px; line-height: 24px; overflow: hidden; }
.info-list li .date{float: right;margin-left: 10px;color: #666;}
.info-list li a{position: relative; z-index: 1; display: block; height: 24px; line-height: 24px; font-size: 16px; padding-left: 29px; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; }
.info-list li a::before{content: ""; position: absolute; z-index: 1; left: 10px; top: 9px; width: 6px; height: 6px; float: left; overflow: hidden; background-color: #d9d9d9;}
.info-list li a:hover::before{background-color: #3290DA;}

/* 通用-信息列表-无下划线式 */
.info-list.no-line li{border-bottom: 0; padding: 7px 0;}
.info-list.no-line li a{padding-left: 19px;}
.info-list.no-line li a::before{left: 0;}

/* 图片列表 */
.pic-list{overflow: hidden; margin-right: -20px; font-family: "宋体";}
.pic-list li{width: 386px; float: left; margin-right: 20px;}
.pic-list li .pic{overflow: hidden;}
.pic-list li .pic img{width: 100%; height: 256px;}
.pic-list li .title{padding: 22px 2px 20px; overflow: hidden; text-align: center; font-size: 18px; height: 30px; line-height: 30px; background-color: #fff;}

/* 页面-焦点图轮播 */
.page-focus {position: relative; z-index: 1; overflow: hidden; font-family: "宋体";}
.page-focus .hd{position: absolute; z-index: 2; right: 10px; bottom: 18px;}
.page-focus .hd li{width: 10px; height: 10px; float: left; margin-left: 10px; overflow: hidden; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5);}
.page-focus .hd li.on{background-color: #fff;}
.page-focus .bd{overflow: hidden;}
.page-focus .bd li{overflow: hidden; position: relative; z-index: 1;}
.page-focus .bd .pic img{width: 100%; height: auto;}
.page-focus .bd .con{position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.5);}
.page-focus .bd .title{display: block; padding-left: 19px; height: 50px; line-height: 50px; font-size: 18px; color: white;}
.page-focus .bd .title a{color: white;}

/* 图片经过效果 */
.scale-pic .pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden;}
.scale-pic .pic a img { transition: all 0.5s ease;}
.scale-pic .pic a:hover { filter: alpha(opacity=80); opacity: .8;}
.scale-pic .pic a:hover img { transform: scale(1.06);}
.scale-pic .pic a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.scale-pic .pic a:hover:after {left: 150%; transition: left 1s ease 0s;}

/* 图片经过效果-2 */
.scale-pic-2 a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden;}
.scale-pic-2 a img { transition: all 0.5s ease;}
.scale-pic-2 a:hover { filter: alpha(opacity=80); opacity: .8;}
.scale-pic-2 a:hover img { transform: scale(1.06);}
.scale-pic-2 a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.scale-pic-2 a:hover:after {left: 150%; transition: left 1s ease 0s;}

/*左右按钮*/
.box-focus-btn{position: relative; overflow: hidden;}
.box-focus-btn .prev,
.box-focus-btn .next{position: absolute; z-index: 1; top: 50%; width: 30px; height: 46px; float: left; margin-top: -23px; text-align: center; line-height: 46px; font-size: 20px; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all  0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.box-focus-btn .prev{left: -30px;}
.box-focus-btn .next{right: -30px;}
.box-focus-btn:hover .prev{left: 0;}
.box-focus-btn:hover .next{right: 0;}


/* ==========================================================================
   政务公开-首页
========================================================================== */
.public-page #wrap{background: white;}
.public-page #wrap2{background:none}
.side-public{width: 390px; float: left; margin-right: 20px;}
.side-public1{width: 390px; float: left; margin-right: 20px;}
/*政务公开-重点栏目-图标列表*/
.xxgkMenuList{margin:2px 0px 0 0;overflow: hidden;}
.xxgkMenuList li{width: 185px;float: left;margin: 15px 5px 5px 5px;}
.xxgkMenuList li a{position: relative;z-index: 1;display: block;padding-left: 50px;font-size:18px;height: 80px;line-height: 80px;background-color: #dfdfdf;}
.xxgkMenuList li a::before{content: ""; position: absolute; z-index: 1; left: 12px; top: 50%; margin-top: -12px; width: 24px; height: 24px; float: left; background:  url(/global/img/public-list-icon.png) center top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.xxgkMenuList li.li2 a::before{background-position: center -54px;}
.xxgkMenuList li.li3 a::before{background-position: center -108px;}
.xxgkMenuList li.li4 a::before{background-position: center -162px;}
.xxgkMenuList li.li5 a::before{background-position: center -216px;}
.xxgkMenuList li.li6 a::before{background-position: center -270px;}
.xxgkMenuList li.li7 a::before{background-position: center -324px;}
.xxgkMenuList li.li8 a::before{background-position: center -378px;}
.xxgkMenuList li a:hover{background-color: #c9daed;}
.xxgkMenuList li a:hover::before{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
/*政务公开-中间-图标列表*/
.xxgkList{margin:2px 0px 0 0;overflow: hidden;}
.xxgkList li{width: 140px;float: left;margin:5px 5px 5px 5px;}
.xxgkList li a{position: relative;z-index: 1;display: block;padding-top: 30px;height: 80px;line-height: 90px;/*background-color: #f3f3f3;*/text-align: center}
.xxgkList li a::before{content: ""; position: absolute; z-index: 1; left: 0px; top: 5%; margin-top: 5px; width: 140px; height: 52px; float: left; background-color: #EDF4FC;background:  url(/global/img/zwgkicon01.png) center top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.xxgkList li.li2 a::before{background-position: center 0px;}
.xxgkList li.li3 a::before{background-position: center -66px;}
.xxgkList li.li4 a::before{background-position: center -128px;}
.xxgkList li.li5 a::before{background-position: center -192px;}
.xxgkList li.li6 a::before{background-position: center -258px;}
.xxgkList li.li7 a::before{background-position: center -326px;}
.xxgkList li.li8 a::before{background-position: center -392px;}
.xxgkList li.li9 a::before{background-position: center -458px;}

.xxgkList li a:hover{background-color: #f3f3f3;}
.xxgkList li a:hover::before{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}



/*政务公开-两列式栏目-列表*/
.xxgk-node-list {overflow: hidden;margin: 18px 6px 9px;}
.xxgk-node-list li {width: 50%;height: 38px;font-size: 16px;line-height: 38px;float: left;overflow: hidden;text-indent: 12px;background: url(/global/dot21.png) 0 15px no-repeat;}
.xxgk-node-list li:hover {background: url(/global/dot22.png) 0 15px no-repeat;}
/* 领导之窗-图片列表 */
.leader-pic-list{overflow: hidden; padding-bottom: 18px; padding: 25px 10px;background: #FaFaFa; }
.leader-pic-list li{width: 48%; float: left;}
.leader-pic-list li.last{float: right;height: 30px; line-height: 30px;}
.leader-pic-list li .pic{margin-bottom: 10px; overflow: hidden;text-align: center;}
.leader-pic-list li img{width: 82%; height: auto; }
.leader-pic-list li .title{font-size: 16px; text-align: center; line-height: 25px;}
.leader-pic-list li .con p{line-height: 20px; font-size: 14px; color: #666;}

/* 领导之窗-栏目-列表 */
.leader-node-list{overflow: hidden; margin-right: -10px;}
.leader-node-list li{width: 80px; float: left; margin-right: 10px;}
.leader-node-list li a{display: block; padding-left: 34px; height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #e9e9e9; background:  url(/global/img/gov-icon.png) 11px -26px no-repeat;}
.leader-node-list li a:hover{background-color: #fafafa;}
.leader-node-list li.li1 a{background-position: 11px 10px;}
.leader-node-list li.li4 a{background-position: 11px -62px;}

/* 重点领域-栏目列表 */
.zdly-menu-list{overflow: hidden; margin: -10px -10px 0 0;}
.zdly-menu-list li{width: 190px; float: left; margin: 10px 10px 0 0;}
.zdly-menu-list li a{position: relative;z-index: 1;display: block;padding-left: 52px;height: 70px;line-height: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-color: #f3f3f3;}
.zdly-menu-list li a:hover{background-color: #e1edfa;}
.zdly-menu-list li a::before{content: ""; position: absolute; z-index: 1; left: 10px; top: 50%; width: 32px; height: 32px; float: left; margin-top: -16px; background:  url(/global/img/zdly-menu-icon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.zdly-menu-list li:hover a::before{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.zdly-menu-list li.li2 a::before{background-position: center -60px}
.zdly-menu-list li.li3 a::before{background-position: center -120px}
.zdly-menu-list li.li4 a::before{background-position: center -180px}
.zdly-menu-list li.li5 a::before{background-position: center -240px}
.zdly-menu-list li.li6 a::before{background-position: center -300px}
.zdly-menu-list li.li7 a::before{background-position: center -360px}
.zdly-menu-list li.li8 a::before{background-position: center -420px}
.zdly-menu-list li.li9 a::before{background-position: center -480px}
.zdly-menu-list li.li10 a::before{background-position: center -540px}
.zdly-menu-list li.li11 a::before{background-position: center -600px}
.zdly-menu-list li.li12 a::before{background-position: center -660px}
.zdly-menu-list li.li13 a::before{background-position: center -720px}
.zdly-menu-list li.li14 a::before{background-position: center -780px}
.zdly-menu-list li.li15 a::before{background-position: center -840px}
.zdly-menu-list li.li16 a::before{background-position: center -900px}
.zdly-menu-list li.li17 a::before{background-position: center -960px}
.zdly-menu-list li.li18 a::before{background-position: center -1020px}
.zdly-menu-list li.li19 a::before{background-position: center -1080px}
.zdly-menu-list li.li20 a::before{background-position: center -1140px}
.zdly-menu-list li.li21 a::before{background-position: center -1200px}
.zdly-menu-list li.li22 a::before{background-position: center -1260px}
.zdly-menu-list li.li23 a::before{background-position: center -1320px}
.zdly-menu-list li.li24 a::before{background-position: center -1380px}
.zdly-menu-list li.li25 a::before{background-position: center -1440px}
.zdly-menu-list li.li26 a::before{background-position: center -1500px}
.zdly-menu-list li.li27 a::before{background-position: center -1560px}

/*重点领域-首页*/
#page-zdly .zdly-menu-list li{
    width: 292px;
}
#page-zdly .zdly-menu-list li a{
    height: 70px;
    line-height: 70px;
    font-size: 18px;
}


/* 专题专栏-列表 */
#box-special .bd{position: relative; z-index: 1;}
.special-pic-list{overflow: hidden; height: 100px;}
.special-pic-list li{width: 283px; float: left; margin-right: 20px;}
.special-pic-list li img{width: 100%; height: 100px;}

/* 图片经过效果 */
.scale-pic .pic a { display: block; position: relative; transition: all 200ms ease 0s; overflow: hidden;}
.scale-pic .pic a img { transition: all 0.5s ease;}
.scale-pic .pic a:hover { filter: alpha(opacity=80); opacity: .8;}
.scale-pic .pic a:hover img { transform: scale(1.06);}
.scale-pic .pic a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    transform: skewX(-30deg);
}
.scale-pic .pic a:hover:after {left: 150%; transition: left 1s ease 0s;}


/* ==========================================================================
   走进连南-首页
========================================================================== */
.page-about #wrap{background: white;}
.page-about #content{padding-bottom: 0;}
.about-box{padding: 30px 0; overflow: hidden;}
.about-box .mhd{height: 48px; line-height: 48px; margin: 0 auto; text-align: center;}
.about-box .mhd strong{position: relative; z-index: 1; display: inline-block; padding: 0 180px; margin: 0 auto; text-align: center; font-size: 36px; font-weight: bold; color: #333;}
.about-box .mhd strong a{color: #333;}
.about-box .mhd strong::after,
.about-box .mhd strong::before{content: ""; position: absolute; z-index: 1; top: 50%; width: 165px; height: 16px; float: left; margin-top: -8px;}
.about-box .mhd strong::before{left: 0; background:  url(/global/img/about-page-left.png) left top no-repeat;}
.about-box .mhd strong::after{right: 0; background:  url(/global/img/about-page-right.png) right top no-repeat;}
.about-box .mbd{overflow: hidden; padding: 46px 0 0;}
/* about-背景 */
.about-bg{background: #f6f7f9 url(/global/img/about-page-bg.jpg) center top no-repeat; background-size: 100% auto;}

/* 了解连南 */
.about-info{overflow: hidden; font-family: "宋体";}
.about-info .pic{position: relative; z-index: 1; width: auto; float: left; margin-right: 30px;padding:14px;}
.about-info .pic a{display: block; position: relative; z-index: 1;}
.about-info .pic a::after{content: ""; width: 48px; height: 48px; float: left; position: absolute; z-index: 1; left: 0; right: 0; top: 50%; margin: -24px auto 0; /*background:  url(/global/img/pay-icon.png) center center no-repeat;*/}
.about-info .intro{overflow: hidden; padding: 10px 0; font-size: 16px; line-height: 2; text-align: justify;}
.about-info .intro .more{margin-left: 10px; color: #3290DA;}

.about-node-list{overflow: hidden; margin-top: 20px; font-family: "宋体";/*background-color: #f7f7f7;*/}
.about-node-list li{width: 200px; float: left; text-align: center;}
.about-node-list li a{position: relative; z-index: 1; display: block; height: 32px; padding: 90px 0 28px; font-size: 18px; text-align: center;/* border-left: 15px solid #fff;*/}
.about-node-list li a:hover{background-color: #f3f3f3;}

.about-node-list li a::after{content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 26px; width: 48px; height: 48px; float: left; margin: 0 auto; text-align: center; background:  url(/global/img/about-node-icon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.about-node-list li:hover a::after{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.about-node-list li.li2 a::after{background-position: center -70px;}
.about-node-list li.li3 a::after{background-position: center -140px;}
.about-node-list li.li4 a::after{background-position: center -210px;}
.about-node-list li.li5 a::after{background-position: center -280px;}
.about-node-list li.li6 a::after{background-position: center -350px;}

/* 循环-两列式 */
.loop-row-2{overflow: hidden;}
.loop-row-2 .page-box{width: 580px;}
.loop-row-2 .page-box .bd{height: 165px;}

/* 循环-三列式 */
.loop-row-3{overflow: hidden; margin-right: -20px;}
.loop-row-3 .page-box,
.loop-row-3 .page-pic-box{width: 386px; float: left; margin-right: 20px;}

/* 走进连南-焦点图 */
#about-focus{width: 590px; float: left; margin-right: 20px;}
#about-focus .bd .pic img{width: 100%; height: 400px;}

/* 生态旅游-切换 */
#box-stly .bd{padding: 15px 0 0; height: 335px;}

/* 图片连南-图片列表 */
#box-tpln .bd{padding-top: 30px;}
#box-tpln .pic-list li .title{padding: 10px 10px 10px; /*border: 1px solid #d9d9d9;*/}