* {
    margin: 0;
    padding: 0;
}
.product {
    overflow: hidden;
    position: relative;
}
.product .title {
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #0073BD;
    margin-top: 30px;
    margin-left: 10px;
}
.product .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
}
.product .top .border {
    width: 14px;
    height: 14px;
    border-bottom: 1px solid #cfdb00;
    border-left: 1px solid #cfdb00;
    margin-left: 24px;
}
.product .top .t_left {
    display: flex;
}
.product .top .more {
    display: flex;
    font-size: 14px;
    color: #BCBCBC;
    font-weight: 400;
    align-items: center;
}
.product .top .t_left .c_name {
    margin: 4px 0 0 6px;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: #4C4C4C;
}
.product .more_a {
    display: flex;
    font-size: 14px;
    color: #BCBCBC;
    font-weight: 400;
    align-items: center;
    margin-right: 20px;
}
.jiantou {
    width: 16px;
    height: 16px;
    margin-left: 6px;
}
.three {
    width: 240px;
    height: 220px;
    display: block;
    margin: 10px auto;
    object-fit: cover;
}
.product_box {
    padding: 0 20px;
}
.product_text {
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    color: #363636;
    line-height: 22px;
    margin-bottom: 20px;
}
.icon_item {
    width: 156px;
    height: 156px;
    box-shadow: 0px 0px 8px rgba(165, 170, 173, 0.325490196078431);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.item_icon {
    width: 49px;
    height: 44px;
    object-fit: contain;
}
.item_txt {
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #1F1F1F;
    line-height: 50px;
}
.product_icon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bao {
    width: 44px;
    height: 44px;
}
.case_item {
    margin-top: 20px;
}
.case_title {
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #4C4C4C;
    line-height: 40px;
}
.case_img {
    width: 100%;
    height: 180px;
}
.case_txt {
    font-weight: 300;
    font-style: normal;
    font-size: 12px;
    color: #8D8D8D;
    line-height: 20px;
}
.year {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 267px;
}
.year_box {
    width: 240px;
    overflow: hidden;
}
.year_item {
    width: 80px;
    flex: 0 0 auto;
    /*transform: translate(-80px,0px);*/
}
.year_num {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #989898;
    text-align: center;
    line-height: 20px;
}
.year_round {
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dedede;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 8px;
}
.year_quan {
    width: 8px;
    height: 8px;
    background: #989898;
    border-radius: 50%;
}
.dd_txt {
    font-size: 14px;
    color: #24adf3;
    margin: 20px 0 30px 20px;
}
.dd_txt a {
    color: #24adf3;
}
.white_wall {
    background: #fff;
    width: 28px;
    height: 28px;
    margin-top: 20px;
}
.white_right {
    width: 100%;
    height: 100%;
}
.white_left {
    width: 24px;
    height: 24px;
}
.num_a .year_num{
    color: #0073cc;
}
.num_a .year_round {
    background: #6caed9;
}
.num_a .year_quan {
    background: #0073bd;
}
/*.round_a {
    background: #6caed9;
}*/
/*.quan_a {
    background: #0073bd;
}*/
.time_content {
    width: 100%;
    height: 250px;
    background: url('../images/u335_state0.png') no-repeat;
    background-size: 100% 100%;
    border-top: 1px solid #e4e4e4;
    margin-top: 60px;
    padding-top: 30px;
}
.time_item {
    display: flex;
    align-items: center;
    margin-left: 65px;
    margin-bottom: 20px;
}
.time_round {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #68addf;
    margin: 0 8px;
}
.time_txt {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #636363;
    line-height: 20px;
    width: 240px;
}
.line_content {
    display: none;
}
.line_block {
    display: block;
}