/**!
 * 保函页面
 * date:2022-1-18
 * author: zzongyi;
 */

#header {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

#banner {
    height: 550px;
    position: relative;
}
#banner .em-banner-viewer {
    height: 100%;
}
#banner .em-banner-viewer .em-banner-item {
    display: none;
    height: 100%;
    text-align: center;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}
#banner .em-banner-viewer .em-banner-item .em-banner-text {
    position: absolute;
    top: 50%;
    left: 37%;
    transform: translateY(-50%) translateX(-50%);
}
#banner .em-banner-viewer .em-banner-item.em-active {
    display: block;
}
#banner .em-banner-viewer .em-banner-item.em-banner1 {
    background-image: url('../images-new/index/img_banner1.jpg');
}
#banner .em-banner-viewer .em-banner-item.em-banner1 .em-banner-text {
    top: 171px;
    transform: translateX(-50%);
}
#banner .em-banner-viewer .em-banner-item.em-banner1 .em-banner-text img {
    animation-delay: 0.5s;
}
#banner .em-banner-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
}
#banner .em-banner-dots .em-banner-dot {
    width: 32px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    background: url('../images-new/index/img_banner_dot.png') center no-repeat;
}
#banner .em-banner-dots .em-banner-dot.em-active {
    background-image: url('../images-new/index/img_banner_dot_h.png');
}
#banner .em-banner-dots > .em-banner-dot:nth-of-type(n + 2) {
    margin-left: 55px;
}
#banner .em-banner-dots > .em-banner-dot:nth-of-type(n + 2):after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: 50px;
    right: 35px;
    background: url('../images-new/index/img_banner_dot_point.png') center no-repeat;
    background-size: 100% auto;
}

/* 通知公告/咨询动态 */
.notify-infor {
    background-color: #f5f6fa;
}

.notify {
    width: 386px;
    background: url('../images-new/index/notify-line.png') no-repeat right center;
    padding: 38px 19px 36px 0;
}

.nodify-hd {
    line-height: 50px;
}

.notify-hd-title {
    font-size: 20px;
    font-weight: 600;
    padding-left: 48px;
    background: url('../images-new/index/notify.png') no-repeat left center;
}

.get-more {
    font-size: 16px;
    color: #90a3bc;
    padding-right: 17px;
    background: url('../images-new/index/get-more.png') no-repeat right center;
}

.notify-bd {
    padding-top: 4px;
    height: 210px;
    overflow: hidden;
}

.news-items {
    font-size: 16px;
}

.news-items > li {
    position: relative;
    line-height: 42px;
    vertical-align: top;
}

.news-items > li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 9px;
    height: 13px;
    background: url('../images-new/index/item-icon.png') no-repeat center center;
}

.news-items > li > a {
    padding-left: 20px;
    display: block;
    color: #333;
    margin-right: 120px;
}

.news-time {
    position: absolute;
    right: 0;
    top: 0;
    color: #90a3bc;
}

.news-items > li:hover a,
.news-items > li:hover .news-time {
    color: #0d4dbf;
}

.infor {
    margin-left: 406px;
    padding-top: 38px;
    padding-bottom: 36px;
    overflow: hidden;
}

.infor-hd-title {
    background: url('../images-new/index/infor.png') no-repeat left center;
}

.infor-sub-title {
    width: 650px;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 4px;
}

.infor-sub-text {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.infor-sub {
    display: block;
    color: #90a3bc;
}

.infor-sub p:hover {
    color: #0d4bbe;
}

.infot-list {
    height: 97px;
    line-height: 42px;
    font-size: 16px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px dashed #cad4e8;
    overflow: hidden;
}

.infor-item {
    width: 50%;
    float: left;
}

.infor-item:nth-child(2n) .infor-link {
    margin-left: calc(100% - 320px);
}

.infor-item:hover .infor-link {
    color: #0d4bbe;
}

.infor-link {
    display: block;
    color: #333;
    width: 320px;
    padding-left: 18px;
    background: url('../images-new/index/item-icon.png') no-repeat left center;
}

/* 金融产品 */
.finance {
    margin-bottom: 50px;
}

.finance-hd {
    text-align: center;
    padding-top: 40px;
    margin-bottom: 18px;
}

.finacne-title {
    font-size: 32px;
    font-weight: 600;
    color: #343434;
    line-height: 50px;
    letter-spacing: 4px;
}

.finacne-title-sub {
    line-height: 34px;
    color: #6f7b8b;
    background: url('../images-new/index/title-sub.png') no-repeat center center;
}

/* 投标保函 */
.bidding {
    width: 776px;
    border-radius: 5px;
    overflow: hidden;
}

.bidding-hd {
    line-height: 50px;
    background-image: linear-gradient(to right, #0a65cb, #73abe9);
}

.bidding-hd-title {
    font-size: 20px;
    font-weight: 600;
    color: #f5f6fa;
    letter-spacing: 2px;
    padding-left: 21px;
}

.bidding-apply {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 1px;
    background-image: linear-gradient(to right, #80b2ed, #c8ddf4);
    border-radius: 15px;
    color: #0e50c1;
    margin-top: 10px;
    margin-left: 20px;
}

.bidding-bd {
    height: 250px;
    background-color: #f1f4fa;
    position: relative;
}

.bidding-bd-title {
    height: 67px;
    padding: 11px 20px 16px 20px;
    line-height: 20px;
    letter-spacing: 1px;
}

.bidding-details {
    position: absolute;
    color: #0e50c1;
    padding-right: 19px;
    background: url('../images-new/index/bidding-details.png') no-repeat right center;
    right: 20px;
    top: 50px;
}

/* 申请流程 */
.bidding-process {
    width: 60px;
    font-weight: bold;
    font-size: 18px;
    color: #0e50c1;
    padding-left: 16px;
    line-height: 34px;
    height: 186px;
    padding-top: 26px;
    /* background: url("../images-new/index/apply-process.png") left center; */
}

.bidding-list {
    margin-left: 48px;
    padding-top: 30px;
}

.bidding-bd-bottom {
    background: url('../images-new/index/bidding-list-bg.png') no-repeat;
}
.bidding-item {
    float: left;
    width: 16.3%;
    position: relative;
}

.bidding-item + .bidding-item::before {
    position: absolute;
    content: '';
    width: 28px;
    height: 39px;
    background: url('../images-new/index/bidding-icon.png');
    top: 19px;
    left: -10px;
}

.bidding-line {
    display: block;
    width: 18px;
    height: 3px;
    background-color: #0e50c1;
    margin: 0 auto;
}

.bidding-rank {
    line-height: 74px;
    background: url('../images-new/index/bidding-rank.png') no-repeat center center;
    font-family: Impact;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-bottom: 14px;
}

.bidding-text {
    text-align: center;
    line-height: 50px;
}

.finance-list {
    margin-left: 776px;
}

.finance-item {
    float: left;
    width: 33%;
}

.finance-link {
    display: block;
    height: 300px;
    margin-left: 8px;
    background: url('../images-new/index/finance-item.png');
    background-size: 100% 100%;
    padding-top: 20px;
}

.finance-link-text {
    width: 35px;
    height: 190px;
    text-align: justify;
    writing-mode: vertical-rl;
    text-align-last: justify;
    padding: 7px 0;
    font-size: 20px;
    font-weight: 600;
    color: #0e50c1;
    margin: 0 auto;
    background: url('../images-new/index/finance-link-text.png');
    background-size: 100% 100%;
    padding-right: 5px;
}

.finance-link-img {
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
}

.finance-item:nth-child(1) .finance-link-img {
    background-image: url('../images-new/index/finance-link-img1.png');
}
.finance-item:nth-child(2) .finance-link-img {
    background-image: url('../images-new/index/finance-link-img2.png');
}
.finance-item:nth-child(3) .finance-link-img {
    background-image: url('../images-new/index/finance-link-img3.png');
}

/* 优势特点 */
.em-advantage {
    height: 476px;
    background-color: #f7f8fb;
    overflow: hidden;
}
 .em-advantage-infos {
    margin-top: 36px;
    height: 256px;
    background: url('../images-new/index/img_advantage_center.png') center no-repeat;
    animation-delay: 0.5s;
 }
 .em-advantage-infos .em-advantage-infos-item {
    height: 98px;
    width: calc(50% - (256px / 2));
    margin-top: 24px;
    margin-bottom: 38px;
    background-repeat: no-repeat;
    background-position: right center;
    float: left;
    padding-right: 101px;
    animation-delay: 0.5s;
}
 .em-advantage-infos-item .em-advantage-name {
    text-align: right;
    font-size: 18px;
    color: #333333;
    margin-top: 7px;
    animation-delay: 1s;
}
.em-advantage-infos-item .em-advantage-text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    height: 56px;
    overflow: hidden;
    animation-delay: 1.2s;
}


 .em-advantage-infos-item:nth-of-type(even) {
    float: right;
    background-position: left center;
    padding-right: 0;
    padding-left: 101px;
}
 .em-advantage-infos-item:nth-of-type(even) .em-advantage-name {
    text-align: left;
}

.em-advantage-name {
    font-weight: bold;
}
 .em-advantage-infos-item:nth-of-type(n + 3) {
    margin-top: 0;
    margin-bottom: 0;
}
.em-advantage-infos > .em-advantage-infos-item:nth-of-type(1) {
    background-image: url('../images-new/index/icon_advantage1.png');
}
 .em-advantage-infos > .em-advantage-infos-item:nth-of-type(2) {
    background-image: url('../images-new/index/icon_advantage2.png');
}
.em-advantage-infos > .em-advantage-infos-item:nth-of-type(3) {
    background-image: url('../images-new/index/icon_advantage3.png');
}
 .em-advantage-infos > .em-advantage-infos-item:nth-of-type(4) {
    background-image: url('../images-new/index/icon_advantage4.png');
}

/* 合作企业 */
.friend {
    height: 340px;
    background: url('../images-new/index/friend-bg.png') no-repeat top center #f7f8fb;
}

.friend-bd {
    height: 74px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.friend-link {
    display: block;
    height: 100%;
    color: #333;
    text-align: center;
}

.friend-link p {
    line-height: 43px;
    font-size: 18px;
    font-weight: bold;
}

.friend-link img{
    width: 43px;
    height: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    background: url('../images-new/index/swiper-icon.png') no-repeat center center;
}

.swiper-button-next {
    transform: rotate(180deg);
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.friend-bd {
    padding-top: 66px;
}

.friend-bd {
    height: 154px;
}

/* 服务数据 */
.service {
    height: 994px;
    background: url('../images-new/index/service.jpg') no-repeat center center;
    color: #fff;
}

.service .finacne-title {
    color: #fff;
}
.service .finacne-title-sub {
    background: url('../images-new/index/hd-dark.png') no-repeat center center;
}

.service .finacne-title-sub {
    color: #84a3c9;
}

.servie-top {
    height: 406px;
    background: url('../images-new/index/service-top.png') no-repeat center bottom;
    margin-bottom: 20px;
}

.service-list {
    display: flex;
    justify-content: space-between;
}

.service-item {
    width: 254px;
    height: 250px;
    background: url('../images-new/index/service-item-bg.png');
    text-align: center;
}

.service-item > div {
    line-height: 36px;
}

.service-item div > span {
    font-size: 30px;
    font-family: impact;
    margin-right: 4px;
}

.service-item p {
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #afdaff;
}

.service-link {
    display: block;
    height: 100%;
    padding-top: 154px;
    color: #fff;
}

.service-item:nth-child(1) .service-link {
    background: url('../images-new/index/service-item-1.png') no-repeat center top;
}
.service-item:nth-child(2) .service-link {
    background: url('../images-new/index/service-item-2.png') no-repeat center top;
}
.service-item:nth-child(3) .service-link {
    background: url('../images-new/index/service-item-3.png') no-repeat center top;
}

.echart {
    width: 50%;
}

.echart-hd {
    background: url('../images-new/index/service-echart-hd.png') no-repeat left center;
    padding-left: 76px;
    line-height: 57px;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
}

.echart:nth-child(2) .echart-hd {
    background: url('../images-new/index/service-hd-bar.png') no-repeat left center;
}

.ecahrt-pie {
    width: 416px;
    height: 195px;
    background: url('../images-new/index/echart-3d.png') no-repeat center bottom;
}

.pie-svg {
    width: 100%;
    height: 100%;
}

.pie-legend {
    margin-top: 10px;
}

.legend-item {
    float: left;
    width: 50%;
    line-height: 32px;
    font-size: 16px;
    padding-left: 33px;
    position: relative;
}

.legend-item p {
    width: 120px;
}

.legend-item::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    left: 0px;
    top: 10px;
    border-radius: 5px;
}

.legend-item:nth-child(1)::before {
    background-color: #4da5ff;
}
.legend-item:nth-child(2)::before {
    background-color: #eedd78;
}
.legend-item:nth-child(3)::before {
    background-color: #fd94be;
}
.legend-item:nth-child(4)::before {
    background-color: #cf94ff;
}
.legend-item:nth-child(5)::before {
    background-color: #6fd9e5;
}
.legend-item:nth-child(6)::before {
    background-color: #009eec;
}

.ecahrt-bar {
    width: 646px;
    height: 300px;
}

.cooperate .title,
.notice .title {
    height: 50px;
    text-align: center;
    margin-top: 30px;
    background: url(../images/home-title.png) no-repeat center;
}
.cooperate .title {
    margin-top: 0;
}
.cooperate .title p:nth-child(1),
.notice .title p:nth-child(1) {
    font-size: 28px;
}
.cooperate .title p:nth-child(2),
.notice .title p:nth-child(2) {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

.cooperate {
    height: 575px;
    padding-top: 78px;
    background: url(../images/homepage-map.png) no-repeat bottom center;
}
.cooperate-content {
    margin-top: 30px;
    height: 365px;
	overflow-y:auto;
}

.cooperate-content .swiper-slide > ul {
    margin-left: -10px;
}
.cooperate-content .swiper-slide li {
    float: left;
    width: 280px;
    height: 129px;
    margin-left: 20px;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    color: #333;
    transition: all 0.3s;
    bottom: 0;
}
.cooperate-content .swiper-slide a {
    display: block;
    height: 100%;
    position: relative;
}
.cooperate-content .swiper-slide a > div {
    height: 85px;
    line-height: 85px;
    text-align: center;
}
.cooperate-content .swiper-slide a img {
    display: inline-block;
    vertical-align: middle;
    /* opacity: 0; */
    transition: all 1s 0.5s;
	width: 80%;
}

.cooperate.active .cooperate-content .swiper-slide a img {
    opacity: 1;
}
.cooperate-content .swiper-slide p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.cooperate-content .swiper-slide li:hover {
    /* bottom: 5px; */
    color: #f72797;
    box-shadow: 0px 2px 9.5px 0.5px rgba(146, 158, 196, 0.4);
}
.cooperate-content .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #a0a0a0;
    opacity: 1;
    background: none;
    position: relative;
}
.cooperate-content .swiper-pagination-bullet-active {
    width: 16px;
    height: 16px;
    border: 1px solid #59a5f4;
    top: 2px;
    background: url(../images/swiper-dot.png) no-repeat center;
}