@charset "utf-8";
/* ================================================== 1920 电脑_通用 ================================================== */
/* ================================================== 政务服务页 ================================================== */
.gzzwfw-sec-wp>.box-l-wrap{width:70%}
.gzzwfw-sec-wp>.box-r-wrap{width:30%}
.gzzwfw-sec-wp>.box-r-wrap .box-r-wp{padding-left:30px}
/* ================================================== 政民互动页 ================================================== */
.gzzmhd-sec-wp>.box-l-wrap{width:65.5%}
.gzzmhd-sec-wp>.box-r-wrap{width:34.5%}
.gzzmhd-sec-wp>.box-r-wrap .box-r-wp{padding-left:30px}
/* main */
.zmhd-swiper1{position:relative;width:100%;font-size:0}
.zmhd-swiper1 .swiper-container{height:103px}
.zmhd-swiper1 .swiper-wrapper .swiper-slide .pic-bg{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:#f9f9f9;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);-khtml-opacity:.5}
.zmhd-swiper1 .swiper-wrapper .swiper-slide a{display:block;margin:0 auto;width:390px;overflow:hidden}
.zmhd-swiper1 .swiper-wrapper .swiper-slide a img{display:block;margin:0 auto;width:100%;height:103px;transition:transform .2s}
.zmhd-swiper1 .swiper-wrapper .swiper-slide a:hover img{transform:scale(1.1)}
/* button */
.zmhd-swiper1 .prev,.zmhd-swiper1 .next{position:absolute;top:0;width:20px;height:100%;background-color:#1b5cb0;background-repeat:no-repeat;background-position:center;cursor:pointer;color:#fff;text-align:center;z-index:4;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0;transition:all .3s}
.zmhd-swiper1 .prev{left:0;background-image:url(../images/prev_ico.png)}
.zmhd-swiper1 .next{right:0;background-image:url(../images/next_ico.png)}
.zmhd-swiper1:hover .prev,.zmhd-swiper1:hover .next{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}
.zmhd-swiper1 .prev:hover,.zmhd-swiper1 .next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}
.zmhd-tab-wp1 .com-cha-wp4{padding-top:9px;width:56%}
.zmhd-tab-wp2 .com-cha-wp4{padding-top:9px;width:64%}
.zmhd-tab-wp2 .com-cha-wp4>.itm:first-child .ico{top:4px;height:auto}
.zmhd-cha-wp{position:relative;margin:0 -10px;font-size:0}
.zmhd-cha-wp>.itm{width:50%;text-align:center}
.zmhd-cha-wp>.itm a{display:block;margin:20px 10px 0;transition:background .3s}
.zmhd-cha-wp>.itm .ico{position:relative;float:left;height:42px;transition:transform .3s}
.zmhd-cha-wp>.itm .name{position:relative;float:left;padding:10px 0 0 25px;color:#fff;font-size:18px;font-weight:800}
.zmhd-cha-wp>.itm1 a{background:#5898D8}
.zmhd-cha-wp>.itm2 a{background:#37BD9C}
.zmhd-cha-wp>.itm a:hover .ico{transform:scale(.9)}
.zmhd-cha-wp>.itm1 a:hover{background:#67b0f9}
.zmhd-cha-wp>.itm2 a:hover{background:#41d6b1}
.zmhd-cha-wp>.itm .bg{display:block;padding:16px 0;background:url(../images/gzzmhd_cha_bg.png) no-repeat left top}
/* ================================================== 走进赣州页 ================================================== */
/* 宜居赣州 */
.com-sec-tit-wp{position:relative;font-size:0}
.com-sec-tit-wp .line{position:absolute;top:50%;right:0;width:56.333%;height:1px;background:#A0C9EE}
.yjgz-sec-wp{padding:15px 0 40px}
.yjgz-sec-wp .pic-wp img{width:100%}
.zjgz-cha-wp{margin-top:-80px}
/* 创业赣州 */
.zjgz-flmr-wp{position:relative;margin:0 -20px;padding:20px 0 50px;font-size:0}
.zjgz-flmr-wp>.zjgz-flmr-box{width:33.333%}
.zjgz-flmr-wp>.zjgz-flmr-box .box-wp{margin:0 20px 10px}
.zjgz-tab-wp>.tab-head,.zjgz-tab-wp>.tab-head>.active{border-bottom-color:transparent}
/* 乐游赣州 */
.zjgz-cha-wp2{position:relative;margin:40px -12px;font-size:0}
.zjgz-cha-wp2>.itm{width:20%;text-align:center}
.zjgz-cha-wp2>.itm a{display:block;margin:0 12px 24px;padding:40px 0;border-top:5px solid #f0f0f0;border-bottom:5px solid #f0f0f0;background:#f0f0f0}
.zjgz-cha-wp2>.itm .ico{display:block;margin:0 auto;height:84px;background-repeat:no-repeat;background-position:center;transition:transform .3s}
.zjgz-cha-wp2>.itm .name{display:block;padding:35px 0 0;color:#333;font-size:20px;transition:color .3s}
.zjgz-cha-wp2>.itm a:hover .name{color:#1b5cb0}
.zjgz-cha-wp2>.itm a:hover .ico{transform:scale(.9)}
.zjgz-cha-wp2>.itm1 a{border-bottom-color:#D892FB}
.zjgz-cha-wp2>.itm2 a{border-top-color:#40D8E3}
.zjgz-cha-wp2>.itm3 a{border-bottom-color:#F19C56}
.zjgz-cha-wp2>.itm4 a{border-top-color:#70CDFF}
.zjgz-cha-wp2>.itm5 a{border-bottom-color:#40D0AD}
/* 生态赣州 */
/* 幸福赣州 */
.zjgz-cha-wp3{position:relative;padding:40px 0 0;font-size:0}
.zjgz-cha-wp3>.itm{width:16.666%;text-align:center}
.zjgz-cha-wp3>.itm a{display:block;margin:0 28px 40px}
.zjgz-cha-wp3>.itm .ico{display:block;margin:0 auto;height:50px;background-repeat:no-repeat;background-position:center;transition:transform .3s}
.zjgz-cha-wp3>.itm .name{display:block;width:130px;height:130px;line-height:130px;color:#17519D;font-size:20px;background:#f0f0f0;border-radius:100%;transition:color,background .3s}
.zjgz-cha-wp3>.itm a:hover .name,.zjgz-cha-wp3>.itm a .active{color:#fff;background:#17519D}
.zjgz-cha-wp3>.itm a:hover .ico{transform:scale(.9)}
.zjgz-cha-wp3>.itm .txt{position:relative;top:40px;display:block;line-height:1.3}
/* zjgz-phones-spr */
/* main */
.zjgz-phones-spr{position:relative;padding:40px 0;width:100%;font-size:0;text-align:center;overflow:hidden}
.zjgz-phones-spr .swiper-wrapper .swiper-slide{z-index:98;width:871px;height:563px}
.zjgz-phones-spr .swiper-wrapper .swiper-slide .slide-wp{display:block;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.zjgz-phones-spr .swiper-wrapper .swiper-slide .slide-wp img{display:block;margin:0 auto;max-width:100%;height:563px;transition:transform .3s}
.zjgz-phones-spr .swiper-wrapper .swiper-slide .slide-wp:hover img{transform:scale(1.1)}
/* info */
.zjgz-phones-spr .slide-wp .name-wrap{z-index:99;position:relative;display:block;margin-top:-58px}
.zjgz-phones-spr .slide-wp .name-wp{position:relative;display:block;padding:20px 10px}
.zjgz-phones-spr .slide-wp .name-wp .bg{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
.zjgz-phones-spr .slide-wp .name-wp .name{position:relative;display:block;width:100%;color:#fff;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* button */
.zjgz-phones-spr .prev,.zjgz-phones-spr .next{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;background-color:#17519D;background-repeat:no-repeat;background-position:center;cursor:pointer;color:#fff;text-align:center;line-height:50px;z-index:4;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0;transition:all .3s}
.zjgz-phones-spr .prev{left:0;background-image:url(../images/prev_ico.png)}
.zjgz-phones-spr .next{right:0;background-image:url(../images/next_ico.png)}
.zjgz-phones-spr:hover .prev,.zjgz-phones-spr:hover .next{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}
.zjgz-phones-spr:hover .prev{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px);-ms-transform:translateX(6px)}
.zjgz-phones-spr:hover .next{-webkit-transform:translateX(-6px);-moz-transform:translateX(-6px);-o-transform:translateX(-6px);transform:translateX(-6px);-ms-transform:translateX(-6px)}
.zjgz-phones-spr .prev:hover,.zjgz-phones-spr .next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}
/* ================================================== start responsive ================================================== */
/* 1200 电脑_小 */
@media only screen and (max-width: 75em) {
    .gzzmhd-sec-wp>.box-l-wrap,.gzzmhd-sec-wp>.box-r-wrap{width:100%}
    .com-img-list>.itm .img-wp{text-align:center}
    .gzzmhd-sec-wp>.box-r-wrap .box-r-wp{padding:0}
    /* end */
}
/* 992 平板_横 */
@media only screen and (max-width: 62em) {
    .gzzwfw-sec-wp>.box-l-wrap,.gzzwfw-sec-wp>.box-r-wrap{float:none;width:100%}
    .gzzwfw-sec-wp>.box-r-wrap .box-r-wp{padding-left:0}
    .com-sec-tit-wp{text-align:center}
    .com-sec-tit-wp .line{display:none}
    /* end */
}
/* 768 手机_横 平板_竖 */
@media only screen and (max-width: 48em) {
    .gzzwfw-sec-wp>.box-r-wrap .box-r-wp{text-align:center}
    .zjgz-cha-wp3>.itm{width:33.333%}
    .zmhd-swiper1 .prev,.zmhd-swiper1 .next{display:none}
    .zmhd-tab-wp1 .com-cha-wp4,.zmhd-tab-wp2 .com-cha-wp4{width:80%}
    /* end */
}
/* 576 手机_竖 */
@media only screen and (max-width: 36em) {
    .com-sec-tit-wp .bg{width:70%}
    .com-cha-wp5>.itm .ico{height:30px}
    .com-cha-wp5>.itm .name{padding:4px 0 0 8px;font-size:18px}
    .zjgz-cha-wp{margin-top:-30px}
    .com-cha-wp5>.itm a{padding:15px 0}
    .zjgz-flmr-wp{padding:10px 0 25px}
    .com-tab-wp>.tab-head>.itm>a{font-size:20px}
    .zjgz-tab-wp>.tab-head>.itm{padding-bottom:4px}
    .zjgz-cha-wp2>.itm{width:33.333%}
    .zjgz-cha-wp2>.itm .ico{height:60px}
    .zjgz-cha-wp2>.itm .name{padding:15px 0 0;font-size:16px}
    .zjgz-cha-wp3>.itm .name{width:100px;height:100px;line-height:100px;font-size:15px}
    .zjgz-cha-wp3>.itm .txt{top:30px}
    .zjgz-cha-wp3>.itm a{margin-bottom:15px}
    .zjgz-phones-spr{padding:10px 0}
    .zjgz-phones-spr .swiper-wrapper .swiper-slide,.zjgz-phones-spr .swiper-wrapper .swiper-slide .slide-wp img{max-width:100%;height:auto}
    .zjgz-phones-spr .slide-wp .name-wp{padding:10px 0}
    .zjgz-phones-spr .slide-wp .name-wp .name{font-size:15px}
    .zjgz-phones-spr .prev,.zjgz-phones-spr .next{display:none}
    .zmhd-tab-wp1 .com-cha-wp4,.zmhd-tab-wp2 .com-cha-wp4{padding-bottom:10px;float:left;width:100%}
    .com-img-list>.itm{width:50%}
    .com-img-list>.itm a{margin:0 12px 12px}
    /* end */
}
/* 414 手机_竖 */
@media only screen and (max-width: 25.875em) {
    .com-cha-wp5>.itm .name{padding-top:2px;font-size:14px}
    .com-cha-wp5>.itm .ico{height:20px}
    .com-cha-wp5>.itm a{margin:0 3px 10px}
    .zjgz-flmr-wp>.zjgz-flmr-box{width:100%}
    .zjgz-cha-wp2{margin:20px -12px}
    .zjgz-cha-wp2>.itm{width:50%}
    .zjgz-cha-wp2>.itm a{padding:20px 0}
    .zjgz-cha-wp2>.itm .ico{height:50px}
    .zjgz-cha-wp2>.itm .name{font-size:15px}
    .zjgz-cha-wp3{padding-top:15px}
    .zjgz-cha-wp3>.itm{width:50%}
    .zjgz-cha-wp3>.itm a{margin:0 8px 15px}
    .com-cha-wp4>.itm .ico{height:14px}
    .com-cha-wp4>.itm .name{padding:0 0 0 4px;font-size:14px}
    .zmhd-tab-wp2 .com-cha-wp4>.itm{padding:10px 0 0;width:50%}
    .com-img-list>.itm{width:100%}
    .com-img-list>.itm .img-wp img{max-width:100%;height:auto}
    .zmhd-cha-wp>.itm .ico{height:25px}
    .com-img-list>.itm .name{padding:12px 8px;font-size:15px}
    .zmhd-cha-wp>.itm .name{padding:5px 0 0 10px;font-size:15px}
    /* end */
}