.wlgjApi-heard{
    height: 340px;
    text-align: center;
    background: url('/resources/images/wlgjapi/banner_bg.png') no-repeat;
    background-size: 100% 340px;
}
.wlgjApi-heard-con{
    position: relative;
    width: 1060px;
    padding-top: 30px;
    margin: 0 auto;
    box-sizing: border-box;
}
.wlgjApi-heard img{
    width: 100%;
}
.wlgjApi-heard-btn{
    position: absolute;
    width: 142px;
    height: 42px;
    display: inline-block;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #FD674F;
    background:#fff;
    border-radius: 100px;
    left: 0;
    bottom: 50px;
}
.wlgjApi-heard-btn:hover{
    color: #FD674F;
    text-decoration: none;
}

.wlgjApi-part1{
    padding-bottom: 20px;
    background: #FBFBFB;
}
.wlgjApi-part1-list{
    width: 1080px;
    margin: 40px auto 0 auto;
}
.wlgjApi-part1-item{
    position: relative;
    width: 255px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 12px;
    transition: all 0.5s;
    background:#fff;
    top:0;
}
.wlgjApi-part1-item + .wlgjApi-part1-item{
    margin-left: 20px;
}
.wlgjApi-part1-item:hover{
    top:-10px;
    box-shadow: 0px 11px 14px 1px rgba(125,125,125,0.1);
    text-decoration: none;
}
.wlgjApi-part1-item .wlgjApi-part1-img{
    width: 100%;
}
.wlgjApi-part1-item .wlgjApi-part1-title{
    height: 24px;
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 10px;
}
.wlgjApi-part1-item .wlgjApi-part1-d{
    height: 34px;
    font-size: 12px;
    color: #7F8896;
    font-weight: 200;
    text-align: left;
    padding: 0 12px;
    margin-bottom: 13px;
}
.wlgjApi-part1-item .wlgjApi-part1-b{
    height: 20px;
    font-size: 14px;
    color: #7F8896;
    font-weight: 400;
    background: url('/resources/images/wlgjapi/part1-icon2.png') no-repeat 160px 3px;
    background-size:16px 16px;
}
.wlgjApi-part1-item:hover .wlgjApi-part1-b{
    color: #FF730D;
    background: url('/resources/images/wlgjapi/icon_hover.png') no-repeat 160px 3px;
    background-size:16px 16px;
}


.wlgjApi-part2{
    padding-bottom: 90px;
}
.wlgjApi-process-content{
    margin-top: 50px;
    text-align: center;
}
.wlgjApi-process-content li {
    display: inline-block;
    vertical-align: middle;
}
.wlgjApi-process-content li p{
    font-size:16px;
    color: #333333;
    margin-top:10px;
    margin-bottom:20px;
}
.wlgjApi-process-content li img{
    max-width: 70px;
    height:74px
}
.wlgjApi-process-content li .process-arrow{
    width:36px;
    height:22px;
    margin-left:24px;
    margin-right:25px;
}
.wlgjApi-process-content .process-btn{
    display:block;
    width:120px;
    height:28px;
    line-height:28px;
    color: #FF730D;
    border:1px solid #FF730D;
    border-radius: 18px;
    cursor:pointer;
}

.wlgjApi-part3{
    padding-bottom: 74px;
    background: #FBFBFB;
}
.wlgjApi-part3-list{
    width: 1080px;
    margin: 0 auto;
}
.wlgjApi-part3-item{
    width: 346px;
    height:230px;
    text-align: center;
    padding-top: 40px;
    margin-top: 29px;
    background:url('/resources/images/wlgjapi/ds-img.png') no-repeat;
    background-size: 100%;
    box-sizing: border-box;
}
.wlgjApi-part3-item:nth-of-type(2){
    background:url('/resources/images/wlgjapi/cj-img.png') no-repeat;
    background-size: 100%;
}
.wlgjApi-part3-item:nth-of-type(3){
    background:url('/resources/images/wlgjapi/js-img.png') no-repeat;
    background-size: 100%;
}
.wlgjApi-part3-title{
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 26px;
    margin-bottom: 10px;
}
.wlgjApi-part3-d{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
    padding: 0 22px;
}


.wlgjApi-part4{
    padding-bottom: 86px;
}
.wlgjApi-part4-imgcon{
    width: 1082px;
    margin: 35px auto 0 auto;
}


.wlgjApi-part5{
    padding-bottom: 74px;
    background: #FBFBFB;
}
.wlgjApi-part5-con{
    width: 670px;
    margin: 60px auto 0 auto;
}
.wlgjApi-part5-item img{
    width: 40px;
}
.wlgjApi-part5-item span{
    font-size: 18px;
    color: #7F8896;
    margin-left: 20px;
}


.flexBox{
    display: flex;
}
.flexBetween{
    justify-content: space-between;
}
.alignCenter{
    align-items: center;
}