.banner{
    background: url(/assets/images/backgrounds/pb-banner.jpg) no-repeat center;
    background-size: cover;
    padding: 105px 0 90px;
    font-family: 'Segoe UI';
    font-size: 2.0rem;
}
.banner h1{
    font-size: 4.8rem;
    margin-bottom: 30px;
}
.banner h1 small{
    color: #333;
    font-size: 3.6rem;
}
.banner .des{
    margin-bottom: 30px;
}
.banner .star-txt1{
    padding-left: 14px;
}
.banner .btn{
    margin-top: 30px;
}

.whats{
    padding: 100px 0;
}
.whats .img{
    text-align: center;
}
.whats .txt{
    padding: 0 8% 0 0;
}
.whats h2{
    display: inline-block;
    margin-bottom: 10px;
}
.whats h5{
    margin-bottom: 15px;
}
.whats p{
    line-height: 1.8;
    color: #666;
}
.whats .des{
    margin-bottom: 20px;
}
.whats .tips strong{
    color: #1a1a1a;
}
@media all and (max-width:767px){
    .whats{
        text-align: center;
    }
    .whats .txt{
        padding: 0 20px;
        margin-top: 30px;
    }
}


.features{
    background-color: #eee;
    padding: 70px 0 40px;
}
.features .vertical-box .tt{
    margin-bottom: 10px;
    color: #333;
}
.features .vertical-box .des{
    color: #666;
}
.features .vertical-box .caption{
    padding-left: 25px;
    padding-right: 25px;
}
.features .vertical-box .des{
    min-height: 100px;
}
.features .vertical-box .img-top{
    line-height: 0;
    margin-top: 50px;
    margin-bottom: 30px;
}
.features .thumbnail{
    margin-bottom: 30px;
}
.p-icon{
    display: inline-block;
    width: 100px;
    height: 80px;
    background: url(/assets/images/icons/bu-all-icon2.png) no-repeat;
}
.p-icon.icon1{
    background-position: -440px -611px;
}
.p-icon.icon2{
    background-position: -580px -611px;
}
.p-icon.icon3{
    background-position: -708px -611px;
}
.p-icon.icon4{
    background-position: -834px -615px;
}
.p-icon.icon5{
    background-position: -960px -611px;
}
.p-icon.icon6{
    background-position: -1098px -604px;
}


.situation {
    background: url(/assets/images/backgrounds/pb-bg2.jpg) no-repeat center;
    background-size: cover;
    padding: 80px 0 100px;
}
.situation .container{
    background-color: #f2f3f8;
    border-radius: 3px;
    padding: 40px 0 50px;
}
.situation .container .row{
    margin-left: 0;
    margin-right: 0;
}
.situation h2{
    margin-left: 30px;
}
.situation .container .txt{
    padding-left: 30px;
    padding-right: 30px;
    color: #6b6b6b;
    line-height: 1.6;
}
.situation .hook1 li{
    margin-bottom: 10px;
}
.situation .hook1 li::before{
    top: 5px;
}
.situation .img-box{
    text-align: center;
}
@media all and (max-width:767px){
    .situation .container{
        margin: 0 20px;
    }
}


.techorld{
    padding: 85px 0;
    text-align: center;
}
.techorld .container{
    padding: 0 30px;
}
.techorld .title-img{
    margin-bottom: 30px;
}
.techorld .txt{
    color: #666;
    line-height: 1.6;
    position: relative;
}
.techorld .txt::before,
.techorld .txt::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(/assets/images/icons/tiny-icon-all.png) no-repeat;
}
.techorld .txt::before{
    background-position: -423px -324px;
    top: -8px;
    left: -20px;
}
.techorld .txt::after{
    background-position: -488px -324px;
    bottom: -8px;
    right: -20px;
}