/**!
* 下一代智慧招采平台研发项目-新点电子交易平台
* date:2021-09-23
* author: zsy;
*/

body {
    min-width: 1280px;
}

.main-box {
    position: relative;
}


/* 顶部条件搜索 */

.main-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 76px;
    padding-top: 13px;
    box-sizing: border-box;
    color: #fff;
    background: url("../images/main_top.png") no-repeat center top;
    z-index: 15;
}

.main-left {
    margin-top: 5px;
}

.main-sel {
    display: none;
    width: 90px;
    height: 40px;
    padding-left: 18px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #aee6fd;
    box-sizing: border-box;
}

.main-select {
    width: 90px;
}

.main-select .chosen-container-single .chosen-single {
    height: 40px;
    line-height: 40px;
    border-color: #aee6fd;
    border-radius: 4px 0 0 4px;
    padding-left: 18px;
    color: #fff;
    background: transparent;
}

.main-select .chosen-container-active.chosen-with-drop .chosen-single {
    background: transparent;
    box-shadow: none;
    color: #fff;
}

.main-select .chosen-container-single .chosen-single div b {
    background: url("../images/mainsel_down.png") no-repeat center;
}

.main-select .chosen-container-single.chosen-with-drop .chosen-single div b {
    background-image: url("../images/mainsel_up.png");
}

.main-select .chosen-container-single .chosen-single div {
    right: 11px;
}

.main-select .chosen-with-drop .chosen-drop {
    border-color: #aee6fd;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.main-select .chosen-container .chosen-results li {
    line-height: 20px;
    padding: 5px 12px;
}

.main-tips {
    width: 337px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #aee6fd;
    border-left: none;
    border-right: none;
    border-radius: 0 4px 4px 0;
    box-sizing: border-box;
}

.main-tips .input-placeholder {
    left: 14px;
    top: 0;
    color: #afddfd;
}

.main-tips .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    border-radius: 4px;
    background: #fff url("../images/main_search.png") no-repeat center;
    cursor: pointer;
}

.main-tips .btn:hover {
    background-color: #cafcfd;
}

.main-tips .input {
    width: 100%;
    height: 100%;
    line-height: 38px;
    padding: 0 64px 0 14px;
    box-sizing: border-box;
    color: #fff;
    background: none;
}

.main-top .call {
    line-height: 25px;
}


/* banner轮播 */

.banner-swiper {
    position: relative;
    height: 545px;
    z-index: 10;
}

.banner-img {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}

.banner-swiper img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    width: 1920px;
    height: 100%;
}

.banner-swiper .pagination {
    position: absolute;
    z-index: 20;
    bottom: 85px;
    width: 100%;
    height: 10px;
    text-align: center;
}

.banner-swiper .swiper-pagination-switch {
    display: inline-block;
    vertical-align: top;
    width: 68px;
    height: 1px;
    background: #fff;
    margin: 0 10px;
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: pointer;
}

.banner-swiper .swiper-active-switch {
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner-arrow {
    position: absolute;
    left: 50%;
    margin-left: -204px;
    bottom: 89px;
    width: 408px;
    height: 11px;
    z-index: 25;
}

.banner-arrow .arrow {
    position: absolute;
    top: 0;
    width: 8px;
    height: 11px;
    background-repeat: no-repeat;
}

.banner-prev {
    left: 0;
    background-image: url("../images/prev_arrow.png");
}

.banner-prev:hover {
    background-image: url("../images/prev_arrowh.png");
}

.banner-next {
    right: 0;
    background-image: url("../images/next_arrow.png");
}

.banner-next:hover {
    background-image: url("../images/next_arrowh.png");
}


/* 登录入口 */

.login-container {
    position: absolute;
    top: 272.5px;
    left: 50%;
    margin: -140px 0 0 -600px;
    height: 280px;
}

.login-box {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -140px;
    width: 280px;
    height: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#66ffffff, endColorstr=#66ffffff)";
    z-index: 25;
}

.login-item {
    height: 60px;
    line-height: 60px;
    background-color: #e8f0fe;
    background-image: linear-gradient(to bottom, #e8f0fe, #fff);
}

.login-item+.login-item {
    margin-top: 10px;
}

.login-item a {
    display: block;
    padding-left: 86px;
    font-size: 18px;
    color: #333;
    background-repeat: no-repeat;
    background-position: 28px center;
}

.login-item.first a {
    background-image: url("../images/login_ico1.png");
}

.login-item.second a {
    background-image: url("../images/login_ico2.png");
}

.login-item.third a {
    background-image: url("../images/login_ico3.png");
}

.login-item:hover a {
    color: #1463ce;
}

.login-operate {
    line-height: 20px;
    margin-top: 17px;
}

.login-operate .operate {
    color: #fff;
}

.login-operate .operate:hover {
    color: #1bfafd;
}


/* 通知信息 */

.news-box {
    position: relative;
    margin-top: -48px;
    background-color: #f0f3f6;
    background-image: linear-gradient(to bottom, #f0f3f6, #fff);
    overflow: hidden;
    z-index: 11;
}

.notice-box {
    height: 48px;
    padding: 0 20px;
    border-bottom: 1px solid #fff;
    background: url("../images/notice_ico.png") no-repeat 20px center;
}

.main-more {
    width: 17px;
    height: 17px;
    margin-top: 17px;
    background: url("../images/more.png") no-repeat;
    cursor: pointer;
}

.main-more:hover {
    background-image: url("../images/moreh.png");
}

.notice-swiper {
    width: 1140px;
    height: 100%;
}

.notice-item {
    height: 100%;
    line-height: 48px;
    padding: 0 32px;
    color: #3f5279;
}

.notice-txt {
    width: 225px;
    color: #3f5279;
}

.notice-txt:hover {
    color: #1463ce;
}


/* 展示数据 */

.identity-swiper {
    height: 100px;
    padding: 0 20px;
}

.identity-swiper .arrow {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    width: 13px;
    height: 25px;
    background-repeat: no-repeat;
}

.identity-prev {
    left: 20px;
    background-image: url("../images/notice_prev.png");
}

.identity-prev:hover {
    background-image: url("../images/notice_prevh.png");
}

.identity-next {
    right: 20px;
    background-image: url("../images/notice_next.png");
}

.identity-next:hover {
    background-image: url("../images/notice_nexth.png");
}

.identity-swiper .identity {
    display: block;
    height: 100%;
    padding-top: 18px;
    text-align: center;
    box-sizing: border-box;
}

.identity-info {
    display: inline-block;
    margin-left: 20px;
    text-align: left;
}

.identity-img {
    display: inline-block;
    margin-top: 3px;
}

.identity-tt {
    line-height: 25px;
    font-size: 22px;
    color: #333;
}

.identity-num {
    line-height: 44px;
    font-size: 30px;
    font-weight: 600;
    color: #1463ce;
}


/* 交易信息 */

.trade-info {
    margin-top: 56px;
}

.box-tt {
    line-height: 42px;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}

.first-hd {
    font-size: 0;
    text-align: center;
}

.first-hdl {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 138px;
    line-height: 25px;
    padding-top: 97px;
    margin: 0 64px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 25px;
    z-index: 1;
}

.first-hdl.first {
    background-image: url("../images/tab_ico1.png");
}

.first-hdl.second {
    background-image: url("../images/tab_ico2.png");
}

.first-hdl.third {
    background-image: url("../images/tab_ico3.png");
}

.first-hdl.forth {
    background-image: url("../images/tab_ico4.png");
}

.first-hdl.fifth {
    background-image: url("../images/tab_ico5.png");
}

.first-hdl a {
    display: block;
    font-size: 18px;
    color: #333;
}

.first-hdl.active:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 39px;
    background: url("../images/tab_headh.png") no-repeat;
    z-index: -1;
}

.first-hdl.active a {
    color: #1463ce;
}

.first-bd {
    padding: 39px 0 24px;
    background-color: #f4f6f9;
}

.bdl {
    display: none;
}

.second-tab {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
    background-color: #fff;
}

.second-hd {
    width: 200px;
    height: 100%;
    padding-top: 30px;
    box-sizing: border-box;
    background: url("../images/tab_left.png");
}

.second-bd {
    height: 100%;
    margin-left: 200px;
    padding: 20px 20px 0;
    box-sizing: border-box;
}

.second-hdl {
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    border-left: 6px solid transparent;
    box-sizing: border-box;
}

.second-hdl+.second-hdl {
    margin-top: 19px;
}

.second-hdl.active {
    border-color: #47a8f2;
    background-color: #1d60c5;
    background-image: linear-gradient(to right, #1d60c5, #40a7f0);
}

.second-hdl a {
    font-size: 22px;
    color: #333;
}

.second-hdl.active a {
    color: #fff;
}

.table-head {
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #718bae;
    background-color: #e5f4fe;
}

.table-item {
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-item.first {
    width: 65%;
}

.table-item.second {
    width: 12.8%;
}

.table-item.third {
    width: 31.5%;
}

.table-item.forth {
    width: 12.9%;
}

.table-item.fifth {
    width: 9.3%;
}

.body-item {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #dfe5f0;
}

.body-item>a {
    color: #333;
}

.table-item .check {
    font-size: 14px;
    color: #47a8f2;
}

.body-item:hover .check {
    color: #1a67cf;
}
.body-item>a :hover {
    color: #1463ce;
    cursor: pointer;
}

.body-item:hover {
    color: #1463ce;
    cursor: pointer;
}

.advertise-box {
    padding-bottom: 47px;
    background-color: #f4f6f9;
}

.advertise-swiper {
    height: 100px;
    box-sizing: border-box;
}

.advertise-img {
    display: block;
    height: 100%;
}

.advertise-img img {
    width: 100%;
    height: 100%;
}


/* 产品&服务 */

.product-service {
    height: 480px;
    padding-top: 55px;
    box-sizing: border-box;
    background: url("../images/product_service.jpg") no-repeat center top;
}

.product-service .box-tt {
    color: #fff;
}

.product-relative {
    position: relative;
    height: 210px;
}

.product-relative .arrow {
    display: none;
    position: absolute;
    top: 150px;
    width: 29px;
    height: 58px;
    background-repeat: no-repeat;
    z-index: 10;
}

.product-prev {
    left: -40px;
    background-image: url("../images/product_prev.png");
}

.product-prev:hover {
    background-image: url("../images/product_prevh.png");
}

.product-next {
    right: -40px;
    background-image: url("../images/product_next.png");
}

.product-next:hover {
    background-image: url("../images/product_nexth.png");
}

.product-swiper {
    width: 1220px;
    height: 330px;
    padding-top: 53px;
}

.product-box {
    width: 220px;
    height: 260px;
    border: none;
    background-color: #fff;
}

.product-hd {
    position: relative;
    height: 90px;
    line-height: 90px;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    background-color: #dfebfd;
    background-image: linear-gradient(to right, #dfebfd, #f4f8fe);
}

.product-hd:before {
    position: absolute;
    right: 4px;
    bottom: 7px;
    content: "";
    width: 95px;
    height: 99px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-swiper .swiper-slide.first .product-hd:before {
    background-image: url("../images/product_ico1.png");
}

.product-swiper .swiper-slide.second .product-hd:before {
    background-image: url("../images/product_ico2.png");
}

.product-swiper .swiper-slide.third .product-hd:before {
    background-image: url("../images/product_ico3.png");
}

.product-swiper .swiper-slide.forth .product-hd:before {
    background-image: url("../images/product_ico4.png");
}

.product-swiper .swiper-slide.fifth .product-hd:before {
    background-image: url("../images/product_ico5.png");
}

.product-bd {
    padding: 15px 20px 0;
}

.product-bd .tag {
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 3px;
    border: 1px solid #b6c6da;
    color: #718bae;
}

.product-bd .tag+.tag {
    margin-left: 7px;
}

.intro {
    line-height: 22px;
    color: #3f5279;
    overflow: hidden;
    margin-top: 13px;
}

.product-bd .intro {
    height: 66px;
}

.check-detail {
    display: block;
    line-height: 21px;
    margin-top: 14px;
    color: #47a8f2;
}

.product-box:hover {
    margin-top: -10px;
    box-shadow: 0px 15px 10px 0px rgba(31, 51, 129, 0.4);
}

.product-box:hover .product-hd,
.product-box:hover .check-detail {
    color: #1463ce;
}


/* 服务流程 */

.service-progress {
    height: 416px;
    padding-top: 56px;
    box-sizing: border-box;
}

.progress-list {
    margin-top: 32px;
}

.progress-item {
    position: relative;
    width: 20%;
}

.progress-item+.progress-item:before {
    position: absolute;
    left: -52px;
    top: 66px;
    content: "";
    width: 103px;
    height: 11px;
    background: url("../images/progress_before.png") no-repeat;
}

.progress-item a {
    display: block;
    padding: 0 30px;
    text-align: center;
}

.progress-item .step {
    display: inline-block;
    position: relative;
    line-height: 29px;
    text-align: left;
    font-family: "D-DIN";
    font-weight: 800;
    font-size: 30px;
    color: #bcd5fb;
}

.progress-item .step:before {
    content: attr(text);
    position: absolute;
    z-index: 10;
    color: #e2edfd;
    -webkit-mask: linear-gradient(to top, red, transparent);
}

.progress-item .icon {
    margin-top: -18px;
}

.progress-item .text {
    line-height: 29px;
    margin-top: 13px;
    font-weight: 600;
    font-size: 22px;
    color: #333;
}

.progress-item .intro {
    max-height: 44px;
    text-align: left;
}


/* 行业资讯 */

.info-box {
    padding: 45px 0 70px;
    background-color: #f4f6f9;
}

.industry-box {
    width: 845px;
}

.info-hd {
    height: 51px;
    border-bottom: 1px solid #d2e0fd;
}

.info-hd .heading {
    height: 51px;
    line-height: 47px;
    padding-left: 33px;
    border-bottom: 4px solid #1463ce;
    box-sizing: border-box;
    color: #1463ce;
    font-size: 22px;
    background-repeat: no-repeat;
    background-position: left center;
}

.industry-box .heading {
    background-image: url("../images/industry_tt.png");
}

.policy-box {
    width: 335px;
}

.policy-box .heading {
    background-image: url("../images/policy_tt.png");
}

.info-box .box {
    height: 390px;
    margin-top: 23px;
    padding: 10px 22px 0;
    box-sizing: border-box;
    border: none;
    background-color: #fff;
}

.info-box .industry-swiper {
    width: 490px;
    padding: 0;
}

.industry-content {
    position: relative;
    display: block;
    height: 100%;
}

.industry-content img {
    width: 100%;
    height: 100%;
}

.industry-intro {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 87px;
    padding: 17px 20px 0;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
}

.industry-tt {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.industry-txt {
    height: 22px;
    line-height: 22px;
    margin-top: 8px;
    color: #3f5279;
}


/* 合作伙伴 */

.cooper-box {
    padding-top: 55px;
    box-sizing: border-box;
    background: url("../images/cooper_bg.png") no-repeat center bottom;
}

.cooper-swiper {
    width: 1225px;
    margin-left: -10px;
    padding-left: 10px;
    height: 100%;
    padding-top: 35px;
    box-sizing: border-box;
}

.cooper-swiper .cooper {
    width: 280px;
    height: 110px;
    line-height: 110px;
    box-sizing: border-box;
    text-align: center;
    background-color: #f2f4f7;
    background-image: linear-gradient(to bottom, #f2f4f7, #fff);
}

.cooper-swiper img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.cooper-swiper .cooper:hover {
    margin-top: -10px;
    box-shadow: 0px 15px 10px 0px rgba(31, 51, 129, 0.1);
}

.cooper-relative {
    position: relative;
    height: 210px;
}

.cooper-relative .arrow {
    display: none;
    position: absolute;
    top: 80px;
    width: 13px;
    height: 25px;
    background-repeat: no-repeat;
    z-index: 10;
}

.cooper-relative .identity-prev {
    left: -20px;
}

.cooper-relative .identity-next {
    right: -15px;
}