@charset "UTF-8";

/**
 * 苏州市建设工程网上招投标系统
 * date: 2025-10-10
 * author: wppei;
 */

.container {
    width: 1400px;
    margin: 0 auto;
}

.infor {
    height: 862px;
    padding-top: 20px;
    background: url("../images/bg.jpg") no-repeat center bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infor-bread {
    padding-left: 23px;
    line-height: 23px;
    color: #999;
    background: url("../images/address_icon.png") no-repeat left 3px;
}

.infor-bread span {
    color: #ff5500;
}

.infor-list {
    display: flex;
    justify-content: center;
    padding-top: 87px;
}

.infor-item {
    width: 400px;
    height: 480px;
    padding-top: 127px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 4px 12px 0px rgba(180, 197, 229, 0.62);
    border-radius: 16px;
    border: 2px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.infor-item+.infor-item {
    margin-left: 80px;
}

.infor-item:first-child {
    background-image: url("../images/sub_bg1.png");
}

.infor-item:nth-child(2) {
    background-image: url("../images/sub_bg2.png");
}

.infor-tt {
    display: block;
    height: 95px;
    margin: 0 auto 140px;
}

.infor-enter {
    display: block;
    position: relative;
    width: 128px;
    height: 48px;
    margin-left: 38px;
    padding-left: 23px;
    color: #2b8cee;
    line-height: 46px;
    font-size: 24px;
    background: #fff;
    border-radius: 24px;
    border: 1px solid #2b8cee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infor-enter::after {
    content: " ";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 24px;
    background: url("../images/go_icon.png") no-repeat;
}

.infor-enter:hover {
    color: #fff;
    padding: 1px 1px 1px 24px;
    background: linear-gradient( 180deg, #3f9eff 0%, #1576da 100%);
    border: none;
}

.infor-enter:hover::after {
    background-image: url("../images/go_iconh.png");
}

.infor-item:hover {
    border-color: #2b8cee;
    box-shadow: 0px 15px 42px 0px rgba(32, 108, 255, 0.42);
}