/**!
 * [仪征市旗舰店]
 * date:2017-08-21
 * author: [chengang];
 */

.flagship-wrap {
    width: 1200px;
    height: 330px;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
}

.flagship-wrap > .title {
    font-weight: bold;
    color: #fff;
    width: 25px;
    padding: 45px 16px 30px 16px;
    height: 260px;
    font-size: 19px;
    position: relative;
    float: left;
    background: #4178be;
    text-align: center;
}

.content {
    margin-left: 57px;
    background: url(pxqjd_banner.png) no-repeat center center;
    position: relative;
	height:330px;
}


.nav-tab {
    float: left;
    margin: 10px 0 0 10px;
    width: 1123px;
    position: relative;
    top: 278px;
    transition: top ease 400ms, background-color ease 100ms;
}

.nav-tab-hd {
    background: url("../images/navbg.png") no-repeat left center;
    height: 42px;
    line-height: 42px;
    color: #fff;
    padding-left: 70px;
    position: relative;
}

.nav-tab-bd {
    height: 268px;
    width: 1123px;
    background: #fff;
}

.nav-tab-hd li {
    float: left;
    width: 145px;
    padding-left: 85px;
    cursor: pointer;
    background-position: 45px center;
    background-repeat: no-repeat;
}

.nav-tab-hd .btnopen {
    background: url("../images/up-icon.png") no-repeat center center;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    right: 90px;
    bottom: 11px;
}


.nav-tab-hd li.nav01 {
    background-image: url(pxqjd_icon_01.png);
}

.nav-tab-hd li.nav02 {
    background-image: url(pxqjd_icon_02.png);
}

.nav-tab-hd li.nav03 {
    background-image: url("../images/nav-icon03.png");
}

.nav-tab-hd li.nav04 {
    background-image: url(pxqjd_icon_03.png);
}

.nav-tab-hd li.nav05 {
    background-image: url("../images/nav-icon03.png");
}

.nav-tab-hd li.nav06 {
    background-image: url(pxqjd_icon_04.png);
}

.nav-tab-hd > ul > li.active,
.nav-tab-hd > ul > li:hover {
    background-color: #6ca3e8;
}

.nav-tab.open {
    top: 0;
    background: #fff;
}

.nav-tab.open .btnopen {
    background-image: url("../images/down-icon.png");
}

.nav-tab.open .nav-tab-hd {
    background: #4178be;
}


.nav-tab-item {
    overflow: hidden;
}

.nav-tab-item.public {
    width: 1123px;
}

/*#region 政务服务 */

.service-list {
    margin-right: -20px;
    padding-top: 10px;
}

.service-list > li {
    float: left;
    width: 196px;
    border: 1px solid #dedede;
    border-left: 0;
    margin: 0 20px 16px 0;
    height: 48px;
    line-height: 48px;
}

.service-list a {
    font-size: 15px;
    color: #333;
    display: block;
}

.service-list a:hover {
    color: #4178be;
}

.service-list .icon {
    width: 50px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    background: #4178be;
    top: -1px;
    float: left;
    position: relative;
    z-index: 10;
    margin-right: 14px;
}

.span-title{
    display:block;
    float:left;
    width:132px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 13px;
}

.service-list .icon img {
    vertical-align: middle;
}
/*#endregion */


/*#region 大厅指南 */
.guide-list {
    margin-right: -20px;
    overflow: hidden;
    padding-top: 10px;
}

.guide-list > li {
    width: 159px;
    height: 122px;
    border: 1px solid #4178be;
    border-radius: 5px;
    float: left;
    position: relative;
    background-position: 0 -15px;
    margin: 0 10px 10px 0;
}

.guide-list > li.item01 {
    background-image: url("../images/guide-icon01.png");
}

.guide-list > li.item02 {
    background-image: url("../images/guide-icon02.png");
}

.guide-list > li.item03 {
    background-image: url("../images/guide-icon03.png");
}

.guide-list > li.item04 {
    background-image: url("../images/guide-icon04.png");
}

.guide-list > li.item05 {
    background-image: url("../images/guide-icon05.png");
}

.guide-list > li.item06 {
    background-image: url("../images/guide-icon06.png");
}

.guide-list > li:hover {
    background-position: 0 -139px;
    border-color: #679ee4;
}

.guide-list > li h2 {
    height: 30px;
    line-height: 30px;
    background: #4178be;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.guide-list > li h2:before {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #4178be;
}

.guide-list > li:hover h2 {
    background-color: #679ee4;
}

.guide-list > li:hover h2:before {
    border-bottom-color: #679ee4;
}

.guide-list a {
    display: block;
    height: 100%;
}

/*#endregion */

/*#region 便民服务 */
.swiper-container {
    height: 272px;
    width: 503px;
    margin-left: 0;
}

.online-service {
    overflow: hidden;
    margin-right: -20px;
    padding-top: 10px;
}

.online-service > li {
    width: 161px;
    height: 53px;
    line-height: 53px;
    float: left;
    background: #eaeaea;
    margin: 0 10px 10px 0;
}

.online-service > li a {
    font-size: 15px;
    color: #333;
    display: block;
}

.online-service > li a:hover {
    color: #4178be;
}


.online-service > li .icon {
    float: left;
    display: block;
    width: 60px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    vertical-align: middle;
}

.online-service > li img {
    vertical-align: middle;
}



/*#endregion */


/*#region 项目服务 */
.hot-line {
    margin-right: -20px;
    overflow: hidden;
    padding-top: 10px;
}

.hot-line > li {
    float: left;
    margin: 0 15px 15px 0;
}

.hot-line img {
    display: block;
}
/*#endregion */

/*#region 绿扬小店 */
.kc-item img {
    position: absolute;
    pointer-events: none;
    width: 100%;
}

.kc-wrap {
    padding-bottom: 68% !important;
}

.nav-tab-item.carousel {
    height: 270px;
    margin-top:10px;
}

.nav-tab-item.carousel > #wrapper {
    position: relative;
    top: -20px;
}
/*#endregion */
/*#region 办件公示 */
.querybanner {
    background: url("../images/querybanner.jpg") no-repeat center center;
    width: 332px;
    height: 258px;
    margin-top: 10px;
    float: left;
}

.btnquery {
    background: url("../images/btnquery.png") no-repeat center center;
    width: 152px;
    height: 136px;
    cursor: pointer;
    border: none;
    outline: none;
    display: block;
    margin: 45px 0 0 90px;
    float: left;
}

.mattercol {
    width: 776px;
    float: left;
    margin-left: 15px;
    background: #fff;
}

.mattercol h2 {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #4178be;
    color: #4178be;
    font-size: 15px;
    padding-left: 10px;
}

.mattertb {
    width: 100%;
    margin-top: 1px;
    table-layout: fixed;
}

.matterhd {
    height: 29px;
    line-height: 29px;
    background: #edf7ff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #4178be;
}

.matterhd span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.matterhd span.col01,
.matterlist li span.col01 {
    width: 170px;
}

.matterhd span.col02,
.matterlist li span.col02 {
    width: 170px;
}

.matterhd span.col03,
.matterhd span.col04,
.matterhd span.col05,
.matterlist li span.col03,
.matterlist li span.col04,
.matterlist li span.col05 {
    width: 110px;
}

.matterhd span.col06,
.matterhd span.col07,
.matterlist li span.col06,
.matterlist li span.col07 {
    width: 90px;
}

.matterlist li {
    border-bottom: 1px dashed #d6d6d6;
    font-size: 13px;
    height: 33px;
    line-height:33px;
    text-align: center;
}

.matterlist li span {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.matterwrap {
   height:204px;
   overflow:hidden;
}

/*#endregion */

.banner-col {
    width: 605px;
    height: 258px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
}

.banner {
    float: left;
}

.linkimg {
    float: right;
    width: 158px;
}

.linkimg > li {
    margin-bottom: 10px;
}

.banner img,
.linkimg img {
    display: block;
}


.zyjyzx{float: left;width: 227px;overflow: hidden;}
.zyjyzx div{float: left;height: 45px;overflow: hidden;width: 100%;background: url(pxqjd_icon_13.png) left bottom repeat-x;}
.zyjyzx div span{float: left;height: 43px;line-height: 50px;font-size: 15px;color: #4178be;border-bottom: 2px solid #4178be;font-weight: bold;padding: 0 15px;z-index:10;}
.zyjyzx div a{float: right;height: 45px;line-height: 50px;font-size: 13px;color: #999;}
.zyjyzx ul{float: left;width: 100%;overflow: hidden;padding-top: 8px;}
.zyjyzx ul li{float: left;width: 100%;height: 58px;margin-top: 12px;}
.zyjyzx ul li a,.zyjyzx ul li a img{display: inline-block;width: 100%;height: 58px;}

.ggfw_01{float: left;overflow: hidden;width: 686px;margin-left: 10px;}
.ggfw_01 li{float: left;width: 150px;height: 111px;margin-top: 20px;margin-right: 21px;}
.ggfw_01 li a{display: inline-block;width: 150px;height: 111px;}

.zwgk_01{float: left;width: 334px;overflow: hidden;margin-left: 10px;}
.zwgk_01 div{float: left;height: 45px;overflow: hidden;width: 100%;background: url(pxqjd_icon_13.png) left bottom repeat-x;}
.zwgk_01 div span{float: left;height: 43px;line-height: 50px;font-size: 15px;color: #4178be;border-bottom: 2px solid #4178be;font-weight: bold;padding: 0 15px;z-index:10;}
.zwgk_01 div a{float: right;height: 45px;line-height: 50px;font-size: 13px;color: #999;}
.zwgk_01 ul{float: left;width: 100%;overflow: hidden;padding-top: 20px;}
.zwgk_01 ul li{float: left;width: 147px;height: 58px;margin-left: 20px;margin-bottom: 10px;}
.zwgk_01 ul li a{float: left;line-height: 58px;color: #333;font-size: 15px;padding-left: 45px;}
.zwgk_01 ul li a:hover{color: #4278be;}
.zwgk_02{float: left;width: 318px;margin-left: 20px;margin-top: 20px;}
.zwgk_21{float: left;width: 154px;height: 138px;}
.zwgk_22{float: right;width: 317px;height: 113px;}
.zwgk_23{float: left;width: 317px;height: 113px;margin-top: 10px;}

.zjpx{float: left;width: 686px;overflow: hidden;margin-left: 10px;}
.zjpx li{float: left;width: 208px;height: 111px;margin-top: 20px;margin-right: 20px;}
.zjpx li a{display: inline-block;width: 208px;height: 111px;}