/* function_step */
.breadcrumb{
    background-color: transparent;
    padding:20px 0 10px 0;
    margin-bottom:0;
    font-weight:500;
}
.breadcrumb-item , .breadcrumb-item a {
    color: #888888;
}
.breadcrumb-item.active {
    font-weight: 700;
    color: #2E5A1B;
    text-decoration: underline;
    /*width: 30%;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus{
    color:#2E5A1B;
}
.step_main_title {
    margin-bottom: 10px;
    display: inline-block;
    word-break:break-word;
}
.step_main_title h1 {
    font-size: 60px;
    font-weight: 700;
}
.step {
    padding-bottom: 30px;
}
.step:nth-child(even){
    background-color: #F5F5F5;   
}
.step_title{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background-color: #2E5A1B;
    border-radius: 50px;
    box-shadow: 4px 6px 0 rgb(21,46,11,0.16);
    padding:5px 30px 5px 30px;
    margin-bottom: 16px;
    margin-top:34px;
}
.step_text{
    font-size: 20px;
    font-weight: 700;
    color:#3D3D3D;
    /*text-align: center;*/
    line-height: 36px;
    padding:0 20px;
    margin-bottom: 20px;
}
.step_img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.step_img.column{
    align-items:stretch;
    justify-content:space-evenly;
}
.step_carousel{
    display: flex;
    /* flex-wrap: wrap; */
    align-items: flex-start;
    justify-content: center;
}
.step_img .card, .step_carousel .card{
    padding:5px;
    border:1px solid #CFCFCF;
    width:340px;
}
.step_img .box{
    text-align: center;
    border:1px solid #707070;
    width:340px;
    height:590px;
}
.step_img .arrow{
    font-size: 40px;
    margin:50px;
    justify-content: center;
    align-items: center;
}
.step_text .text, .step_img .text{
    font-size: 24px;
    font-weight: 700;
    color:#CC1111;
    list-style-type: decimal;
}
.step_text .text span, .step_img .text span{
    font-size: 20px;
    font-weight: 700;
    color:#727272;
}
.step_text .text h5, .step_img .text h5{
    font-weight:500;
    color:#727272;
    line-height:30px;
}
.step_border{
    position: absolute;
    display: flex;
    border:3px solid #CC1111;
    width:340px;
    height:100px;
    top:24px;
    left:0;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.step_line{
    position: absolute;
    border: 2px solid #CC1111;
    width:100px;
    top:70px;
    left:-100px;
    z-index: 1;
}
.step_line::before{
    position: relative;
    font-size: 20px;
}
.step_bg{
    position: relative;
    padding:10px;
    background:linear-gradient(to right, #FFFEEB, #FFE65D);
}
.step_pagination_line{
    position: absolute;
    content:'';
    left:50%;
    top:10px;
    bottom:10px;
    width:2px;
    background-color: #E9C44A;
}
.step_left, .step_right{
    display: inline-block;
    width:49.2%;
    vertical-align: top;
    padding-top:10px;
}
.step_left a, .step_right a{
    display: inline-block;
}
.step_arrow{
    display: flex;
    width:30px;
    height:30px;
    border-radius: 100%;
    color:#818181;
    border:1px solid #818181;
    align-items: center;
    justify-content: center;
}
.arrow_left{
    float:left;
}
.arrow_right{
    float: right;
}
.step_arrow_content{
    overflow:hidden;
    padding:0 8px;
}
.content_text{
    font-size: 16px;
    font-weight: 700;
    color:#818181;
    transition: all 0.2s ease;
}
.content_title{
    font-size: 20px;
    font-weight: 700;
    color:#17310C;
    margin-top:3px;
    word-break:break-word;
    transition: all 0.2s ease;
}
.content_title a {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #17310C;
    margin-top: 3px;
    transition: all 0.2s ease;
}
.step_text .dot{
    font-size: 18px;
    font-weight: 700;
    color: #CC1111;
    list-style-type: disc;
}
.step_text .circle {
    font-size: 18px;
    font-weight: 700;
    color: #3d3d3d;
    list-style-type: circle;
}
.step_text .number{
    font-size: 18px;
    font-weight: 700;
    color: #3d3d3d;
    list-style-type: decimal;
}
/* /function_step */

/*平板以下*/
@media(max-width:768px) {
    .step_title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .step_text ul {
        padding: 0 20px;
    }

    .step_text ul ul{
        padding:0;
    }

    .step_img.column{
        flex-direction:column;
        align-items:center;
    }

    .step_img .text {
        font-size: 20px;
    }

    .step_text, .step_text ul li, .step_text ul li span, .step_text .text h5, .step_img .text h5, .step_img .text span, 
    .step_text .dot,.step_text .circle, .step_text .number {
        font-size: 16px;
        line-height: 26px;
    }

    .step_img .arrow {
        font-size: 20px;
        margin: 10px;
    }
}
@media(max-width:414px){
    .step_main_title h1 {
        font-size: 42px;
    }
    .functionALL h4{
        font-size:20px;
    }
    .functionALL p{
        font-size:18px;
    }
}
/*/平板以下*/