﻿/**!
 * 嘉兴市行政审批中心-首页
 * author: gaoli;
 * date:2017-12-1
 */


/* 轮播图 */

.ewb-slider {
    margin-right: -5px;
}
.top-focus-wrap {
    width: 100%;
    overflow: hidden;
    *height: 347px;
    *position: relative;
}
.swiper-container {
    position: relative;
    width: 100%;
    height: 347px;
    *height: 347px;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
}
.swiper-slide {
    position: relative;
    overflow: hidden;
    float: left;
}
.caption {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 84px;
    color: #fff;
    background: url("../images/mask_bg.png") repeat;
    z-index: 3;
}
.caption-date {
    position: relative;
    float: left;
    font-size: 22px;
    color: #e78511;
    padding: 20px 0 0 14px;
}
.ewb-caption-r {
    margin: 0 33px 0 92px;
}
.ewb-caption-spec {
    position: absolute;
    display: block;
    width: 46px;
    height: 53px;
    top: 16px;
    left: 22px;
    background: url(../images/line.png) no-repeat;
}
.caption-tt {
    display: block;
    line-height: 33px;
    font-size: 16px;
    margin-top: 6px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.caption-det {
    font-size: 12px;
    line-height: 18px;
}
.ewb-caption-mon {
    margin-left: 30px;
}
.caption-det a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-pagination {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 0;
    z-index: 999;
}
.swiper-pagination-switch {
    float: left;
    width: 10px;
    height: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #e78511;
    margin-right: 6px;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}

/* 新闻动态 */

.ewb-news-hd {
    text-align: center;
    background: url(../images/news_bg.jpg) repeat-x left center;
}
.ewb-news-hd a {
    display: inline-block;
    width: 128px;
    line-height: 35px;
    font-size: 16px;
    color: #199fe4;
    background: #f0f0f0;
}

/* 行政审批 */

.ewb-policy {
    margin-left: -5px;
    border: 1px solid #dcdcdc;
    background: #fff;
}
.ewb-policy-hd {
    float: left;
    width: 41px;
    text-align: center;
    background: url(../images/policy_bor.png) no-repeat right center;
}
.ewb-policy-hd a {
    display: inline-block;
    width: 15px;
    padding: 40px 0 41px 0;
    font-size: 15px;
    color: #199fe4;
    cursor: pointer;
    height: 73px;
    *height: 72px;
}
.ewb-policy-bd {
    margin-left: 42px;
}
.ewb-po-bd {
    padding: 4px 0 5px 0;
	height: 137px;
}

/* 通知公告 */

.ewb-notice-hd {
    border-bottom: 1px solid #dbdbdb;
}
.ewb-notice-tt {
    display: block;
    line-height: 40px;
    font-size: 15px;
    color: #199fe4;
    padding-left: 20px;
    background: url(../images/notice_bor.jpg) no-repeat 9px center;
    cursor: pointer;
}
.wb-data-item.notice {
    padding: 8px 0 9px 14px;
}

/* 在线服务 */

.ewb-policy.online {
    overflow: hidden;
    margin-left: 0;
    margin-right: -28px;
    background: #fff;
}
.ewb-online-items {
    /*padding: 3px 0 16px 0;*/
    padding: 3px 0 24px 0;/*2021.06.18*/
}
.ewb-online-items li {
    /*margin: 12px 14px 0 14px;*/
    margin: 20px 14px 0 14px;/*2021.06.18*/
    /*height: 52px;*/
    height: 93px;
    vertical-align: top;
}
.ewb-online-link {
    display: block;
    /*line-height: 50px;*/
   line-height: 90px;
    padding-left: 128px;
    background-position: 87px center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.ewb-online-link.link01 {
    color: #d74a4d;
    border: 1px solid #eccdcd;
    background-image: url(../images/online_icon01.png);
    background-color: #f9f2f2;
}
.ewb-online-link.link02 {
    color: #e67654;
    border: 1px solid #edd3cc;
    background-image: url(../images/online_icon02.png);
    background-color: #f8f2f0;
}
.ewb-online-link.link03 {
    color: #5db37a;
    border: 1px solid #d6dfd9;
    background-image: url(../images/online_icon03.png);
    background-color: #f1f8f4;
}
.ewb-online-link.link04 {
    color: #86639d;
    border: 1px solid #e4dee8;
    background-image: url(../images/online_icon04.png);
    background-color: #f7f4f9;
}
.ewb-online-link.link05 {
    color: #4a85b2;
    border: 1px solid #d9dfe4;
    background-image: url(../images/online_icon05.png);
    background-color: #f3f6f9;
}
.ewb-online-link.link06 {
    color: #d27e00;
    border: 1px solid #e1d9d2;
    background-image: url(../images/online_icon06.png);
    background-color: #f8f4f1;
}
.ewb-online-link.link07 {
    color: #5bc3b8;
    border: 1px solid #d1e3e1;
    background-image: url(../images/online_icon07.png);
    background-color: #f2f9f8;
}
.ewb-online-link:hover {
    color: #fff;
    transition: all .2s ease-in-out;
}
.ewb-online-link.link01:hover {
    border: 1px solid #d74a4d;
    background-image: url(../images/online_icon01_h.png);
    background-color: #d74a4d;
}
.ewb-online-link.link02:hover {
    border: 1px solid #e67654;
    background-image: url(../images/online_icon02_h.png);
    background-color: #e67654;
}
.ewb-online-link.link03:hover {
    border: 1px solid #5db37a;
    background-image: url(../images/online_icon03_h.png);
    background-color: #5db37a;
}
.ewb-online-link.link04:hover {
    border: 1px solid #86639d;
    background-image: url(../images/online_icon04_h.png);
    background-color: #86639d;
}
.ewb-online-link.link05:hover {
    border: 1px solid #4a85b2;
    background-image: url(../images/online_icon05_h.png);
    background-color: #4a85b2;
}
.ewb-online-link.link06:hover {
    border: 1px solid #d27e00;
    background-image: url(../images/online_icon06_h.png);
    background-color: #d27e00;
}
.ewb-online-link.link07:hover {
    border: 1px solid #5bc3b8;
    background-image: url(../images/online_icon07_h.png);
    background-color: #5bc3b8;
}

/* 交易主体登录 */

.ewb-banner {
    margin-right: -28px;
}
.ewb-banner a {
    display: block;
    margin-top: 4px;
    *margin-top: 5px;
    cursor: pointer;
    vertical-align: top;
}
.ewb-banner a:first-child {
    margin-top: 0;
}

/* 区县网站 */

.ewb-area-items {
    margin-top: 5px;
    /*padding-bottom: 11px;*/
    /*padding-bottom: 9px;2021.06.09*/
    padding-bottom: 19px;/*2021.06.18*/
}
.ewb-area-items li {
    /*margin: 6px 14px 0 14px;*/
    margin: 25px 14px 0 14px;/*2021.06.18*/
}
.ewb-area-link {
    display: block;
    /*line-height: 31px;*/
   line-height: 40px;
    color: #199fe4;
    text-align: center;
    border: 1px solid #199fe4;
    transition: all .2s ease-in-out;
}
.ewb-area-link:hover {
    color: #fff;
    background: #199fe4;
}

/* 建设工程 */

.ewb-policy.bulid {
    margin-left: 18px;
}
.ewb-notice-tt.bulid {
    float: left;
    font-size: 16px;
    padding-left: 44px;
    background: url(../images/notice_icon01.png) no-repeat 12px center;
}
.ewb-bulid-item {
    float: left;
    line-height: 38px;
    color: #199fe4;
    /*padding: 0 9px;*/
    padding: 0 5px;/*2021.04.11*/
}
.ewb-bulid-items {
    float: right;
    margin-right: 3px;
}
.ewb-bulid-item.cur {
    border-bottom: 2px solid #199fe4;
}

/* 政府采购 */

.ewb-notice-tt.bulid.gov {
    background: url(../images/notice_icon02.png) no-repeat 12px center;
}

/* 产权交易 */

.ewb-notice-tt.bulid.bus {
    background: url(../images/notice_icon03.png) no-repeat 12px center;
}

/* 土地交易 */

.ewb-notice-tt.bulid.land {
    background: url(../images/notice_icon04.png) no-repeat 12px center;
}

/* 要素交易 */

.ewb-notice-tt.bulid.impor {
    background: url(../images/notice_icon05.png) no-repeat 12px center;
}

/* 镇(街道)、部门、国资公司 */

.ewb-notice-tt.bulid.count {
    background: url(../images/notice_icon06.png) no-repeat 12px center;
}

/* 其他公共资源交易 */

.ewb-notice-tt.bulid.other {
    background: url(../images/notice_icon07.png) no-repeat 12px center;
}

/* 平板电脑和小屏电脑之间的分辨率 */

@media (min-width: 768px) and (max-width: 979px) {
    /* 行政审批 */
    .ewb-slider-item {
        margin-right: 0;
    }
    .ewb-policy {
        margin-left: 0
    }
    /* 在线服务 */
    .ewb-online-link {
        padding-left: 47px;
        background-position: 11px center;
    }
    /* 图片轮播 */
    .ewb-slider img {
        height: 347px;
    }
    /* 交易大厅 */
    .ewb-policy.bulid {
        margin-left: 23px;
    }
    .ewb-policy.online {
        margin-right: -24px;
    }
    .ewb-bulid-item.spec {
        font-size: 13px;
        padding: 0 2px;
    }
    .ewb-notice-tt.bulid {
        font-size: 15px;
    }
    .ewb-bulid-item {
        line-height: 32px;
    }
    .ewb-notice-tt {
        line-height: 33px;
    }
    .ewb-policy.bulid .wb-data-list {
        line-height: 26px;
    }
    .ewb-policy.bulid .wb-data-date {
        margin-top: -26px;
    }
    .ewb-center-bd {
        height: 140px;
    }
    .ewb-banner a {
        margin-top: 5px;
    }
    .ewb-area-items {
        padding-bottom: 12px;
    }
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */

@media (max-width: 767px) {
    /* 轮播图 */
    .swiper-container {
        height: 100%;
    }
    /* 中心要闻 */
    .ewb-news-hd a,
    .ewb-center-item {
        font-size: 14px;
    }
    .ewb-center-bd {
        height: auto;
    }
    /* 在线服务 */
    .ewb-online-link {
        padding-left: 50%;
        background-position: 30% center;
    }
    .ewb-policy.online,
    .ewb-banner {
        margin-left: 0;
        margin-right: 0;
    }
    /* 交易主体登录 */
    .ewb-banner a {
        float: left;
        width: 33.333%;
        margin-top: 0;
    }
    .ewb-banner img {
        display: block;
        width: 98%;
        margin: 0 auto;
    }
    .ewb-policy.bulid {
        margin-left: 0;
    }
    .ewb-policy.dis {
        margin-top: 10px;
    }
    .ewb-policy-hd a,
    .caption-tt,
    .caption-date {
        font-size: 14px;
    }
    .ewb-notice-tt.bulid {
        font-size: 13px;
    }
    .ewb-bulid-item {
        font-size: 12px;
        padding: 0 3px;
    }
    .ewb-notice-tt.bulid.spec {
        line-height: 24px;
        margin-top: 5px;
        font-size: 14px;
        float: none;
    }
    .ewb-bulid-items.spec {
        float: none;
        margin-left: 12px;
    }
    /* 图片轮播 */
    .ewb-slider {
        margin-right: 0;
    }
    .caption-tt {
        line-height: 20px;
        margin-top: 3px;
    }
    .caption {
        height: 58px;
    }
    .ewb-caption-spec {
        top: -2px;
        left: 16px;
        width: 63%;
    }
    .caption-det {
        font-size: 12px;
        line-height: 15px;
    }
    .ewb-caption-mon {
        margin-left: 24px;
    }
    .caption-date {
        padding: 13px 0 0 14px;
    }
    .ewb-caption-r {
        margin: 0 33px 0 72px;
    }
    /* 在线服务 */
    .ewb-online-items li {
        height: 40px;
        margin: 6px 14px 0 14px;
    }
    .ewb-online-link {
        line-height: 38px;
    }
    .ewb-online-items {
        padding: 3px 0 9px 0;
    }
    .ewb-notice-tt {
        line-height: 35px;
    }
    .ewb-bulid-item {
        line-height: 33px;
    }
}

/* 横向放置的手机及分辨率更小的设备 */

@media (max-width: 480px) {
    /* 交易主体登录 */
    .ewb-banner a {
        float: none;
        width: auto;
    }
    .ewb-notice-tt.bulid.spec {
        line-height: 24px;
        margin-top: 5px;
        font-size: 14px;
        float: none;
    }
    .ewb-bulid-items.spec {
        float: none;
        margin-left: 12px;
    }
    .ewb-bulid-item.spec {
        line-height: 24px;
        border-bottom: 2px solid transparent;
    }
    .ewb-bulid-item.spec.cur {
        border-bottom: 2px solid #199fe4;
    }
    .ewb-banner a {
        margin-top: 5px;
    }
}