.act-main-banner-bg{
    width: 100%;
    height: 6rem;
    background: url('../image/skillsBG.png')no-repeat center;
    background-size: cover;
}
.act-banner>div:first-child {
    text-align: center;
}
.act-banner>div h2{
    font-size: .6rem;
}
.act-banner>div p{
    margin-top:.3rem;
}
.lump1{
    width:100%;
    background: white;
}
.content-item{
    padding:1.2rem 0;
}
.content-item>h4{
    color: #23292E;
    font-size:.55rem;
    line-height: .8rem;
    text-align: center;
}
.content-item>p{
    font-size:.26rem;
    color:#999;
    text-align: center;
    margin-top: .2rem;
}
.content-item>ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top:.9rem;
}
.content-item>ul li{
    min-width: 15%;
    display: inline-block;
}
.content-item>ul li>div{
    text-align: center;
}
.content-item>ul li>div i{
    width:1.35rem;
    height: 1.35rem;
    display: inline-block;
    background: #000;
    border-radius: 50%;
}
.content-item>ul li>div i img{
    width:.6rem;
    height: .6rem;
    background: url("../image/skills-icon.png")0 0 no-repeat;
    background-size: 192px 64px;
    margin-top: 50%;
    transform: translateY(-50%);
}
.content-item>ul li:nth-child(2)>div i img{
    background-position: -32px 0;
}
.content-item>ul li:nth-child(3)>div i img{
    background-position: -64px 0;
}
.content-item>ul li:nth-child(4)>div i img{
    background-position: -95px 0;
}
.content-item>ul li:nth-child(5)>div i img{
    background-position: -128px 0;
}
.content-item>ul li:nth-child(6)>div i img{
    background-position: -160px 0;
}
.content-item>ul li>div>span{
    position: relative;
    display: inline-block;
}
.content-item>ul li>div>span>span{
    position: absolute;
    width: 77px;
    border-bottom: 1px dotted #979797;
    top: 50%;
    left: 92px;
}
.content-item>ul li>div p{
    margin-top: .4rem;
    font-size: .33rem;
    line-height: .6rem;
    color: #333;
}
.lump2{
    width:100%;
    background: #F5F5F5;
}
.lump2-content{
    width:100%;

    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.content-item>div{
    border: 1px solid #D1D1D1;
    margin-top: .9rem;
}
.content-item-left{
    width:20px;
    background-color: #333;
    color: #FFF;
    font-size: 18px;
    border-bottom: 1px solid #D1D1D1;
    padding: 37px 20px 47px 20px;
}
.content-item-right{
    flex:1;
    background: white;
    border-bottom: 1px solid #D1D1D1;
    padding: 27px 0 37px 86px;
}
.lump2-content:last-child .content-item-right{
    border:none;
}
.lump2-content:last-child .content-item-left{
    border:none;
    padding: 15px 20px;
}
.content-item-right{

}
.content-item-right ul li{
    font-size: 12px;
    line-height: 30px;
    color: #999;
    margin-top:10px;
    list-style: circle;
}
.content-item-right span{
    color: #2A2A2A;
}
.lump2-content2{
    padding: 45px 0 42px 66px;
}
.lump2-content2 ul{

}
.lump2-content2 ul li{
    width:24%;
    display: inline-block;
}
.lump2-content2 ul li img{
    width:.6rem;
    height: .6rem;
    background: url("../image/skills-icon.png")0 -32px no-repeat;
    background-size: 192px 64px;
    margin-right:5px;
}
.lump2-content2 ul li span{
    color:#999;
}
.lump2-content2 ul li:nth-child(2) img{
    background-position: -32px -32px;
}
.lump2-content2 ul li:nth-child(3) img{
    background-position: -64px -32px;
}
.lump2-content2 ul li:nth-child(4) img{
    background-position: -96px -32px;
}
.confirm{
    width:100%;
    text-align: center;
    border:none !important;
    margin-top:.4rem;
}
.confirm a{
    width:2.5rem;

    color: #FFF !important;
    font-size: .26rem;
    line-height: .7rem;
    cursor: pointer;
    display: inline-block;
    background-color: #108CEE;
}
.lump3{
    width:100%;
    background: url("../image/skills-img2.png")no-repeat center;
    background-size: cover;
}
.lump3 h4{
    color:white;
}
.lump3>.content-item>div{
    border:none !important;
    text-align: center;
}
.lump3>.content-item>div>input{
    width: 700px;
    height: 50px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 0px 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
}
.lump3>.content-item>div>button{
    display: inline-block;
    margin-left: -6px;
    cursor: pointer;
    color: #FFF;
    background-color: #108CEE;
    width: 115px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    border: none;
    outline: none;
}
.lump4>.content-item>div{
    border:none !important;
}
.lump4>.content-item>div ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}
.lump4>.content-item>div ul li{
    width: 19.5%;
    border: 1px solid #E4E4E4;
    padding: .6rem .4rem;
    text-align: center;
}
.lump4>.content-item>div ul li img{
    width: 1.2rem;
}
.lump4>.content-item>div ul li h2{
    margin-top: 20px;
    font-size: 15px;
}
.lump4>.content-item>div ul li span{
    line-height: 19px;
    color: #999;
    text-align: left;
    font-size: 13px;
    display: inline-block;
    margin-top:5px;
}
@media screen and (max-width: 769px) {
    .content-item>ul li{
        width:16%;
    }
    .content-item>ul li>div>span>span{
        display: none;
    }
    .content-item>ul li>div i{
        width:.8rem;
        height: .8rem;
    }
    .content-item-right{
        padding: .2rem;
    }
    .lump2-content{
        flex-wrap: wrap;
    }
    .content-item-left{
        width:100%;
        padding:.3rem .5rem;
    }
    .content-item-right ul li{
        list-style: none;
    }
    .lump2-content2 ul{
        display: flex;
        flex-wrap: wrap;
    }
    .lump2-content2 ul li{
        width:50%;
        display: flex;
        align-items: center;
    }
    .lump2-content2 ul li span{
        display: inline-block;
        margin-left: .1rem;
        line-height: .4rem;
    }
    .lump2-content2 ul li img{
        margin-right: 0px;
    }
    .lump3>.content-item>div>input{
        width:70%;
    }
    .lump3>.content-item>div>button{
        margin-top:.4rem;
        height: 30px;
        line-height: 30px;
    }
    .lump4>.content-item>div ul{
        flex-wrap: wrap;
    }
    .lump4>.content-item>div ul li{
        width:100%;
        margin-bottom:.5rem;
    }
}