body{
    font-weight: 300;
}
.columns .column.main{
    padding: 0;
}
.about-us .section__title{
    text-align: center;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #222B36;
    margin: 0;
    padding: 40px 0 32px 0;
}

/* banner */
.about-us .banner{
    font-size: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: calc(1600/1500*100%);
}
@media only screen and (min-width: 768px){
    .about-us .banner{
        padding-bottom: calc(1200/3840*100%);
    }
}
/* banner end */

/* introduce */
.about-us .introduce{
    background: #000000;
    padding: 16px 0;
}
.about-us .introduce .section__wrap{
    display: flex;
    flex-direction: column;
}
.about-us .introduce .section__wrap img{
    height: 20px;
}
.about-us .introduce .section__wrap p{
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: center;
    margin: 8px 0 0 0;
}
@media only screen and (min-width: 768px){
    .about-us .introduce{
        padding: 16px 0;
    }
    .about-us .introduce .section__wrap{
        flex-direction: row;
        align-items: center;
    }
    .about-us .introduce .section__wrap img{
        height: 28px;
    }
    .about-us .introduce .section__wrap p{
        border-left: 2px solid rgba(255,255,255, 0.35);
        padding-left: 16px;
        margin: 0 0 0 16px;
        text-align: left;
    }
}
@media only screen and (min-width: 1024px){
    .about-us .introduce{
        padding: 24px 0;
    }
    .about-us .introduce .section__wrap img{
        height: 42px;
    }
    .about-us .introduce .section__wrap p{
        font-size: 14px;
        line-height: 20px;
        margin-left: 24px;
        padding-left: 24px;
    }
}
@media only screen and (min-width: 1280px){
    .about-us .introduce{
        padding: 28px 0;
    }
    .about-us .introduce .section__wrap img{
        height: 52px;
    }
    .about-us .introduce .section__wrap p{
        font-size: 16px;
        line-height: 25px;
        margin-left: 28px;
        padding-left: 28px;
    }
}
@media only screen and (min-width: 1440px){
    .about-us .introduce{
        padding: 32px 0;
    }
    .about-us .introduce .section__wrap img{
        height: 60px;
    }
    .about-us .introduce .section__wrap p{
        font-size: 18px;
        line-height: 28px;
        margin-left: 32px;
        padding-left: 32px;
    }
}
@media only screen and (min-width: 1600px) {
    .about-us .introduce {
        padding: 40px 0;
    }
}
@media only screen and (min-width: 1920px) {
    .about-us .introduce {
        padding: 64px 0;
    }
}
/* introduce end */

/* trust */
.about-us .trust .item__wrap{
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.about-us .trust .item__wrap .line{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about-us .trust .item__wrap .line.second{
    justify-content: space-evenly;
    margin-top: 24px;
}
.about-us .trust .item__wrap .line img.yahoo{
    height: 32px;
}
.about-us .trust .item__wrap .line img.sears{
    height: 24px;
}
.about-us .trust .item__wrap .line img.daily{
    height: 40px;
}
.about-us .trust .item__wrap .line img.best{
    height: 32px;
}
.about-us .trust .item__wrap .line img.find{
    height: 40px;
}
@media only screen and (min-width: 768px){
    .about-us .trust .section__wrap {
        max-width: 724px;
        margin: 0 auto 60px auto;
    }
    .about-us .section__title{
        font-size: 24px;
        line-height: 28px;
        padding: 60px 0 40px 0;
    }
    .about-us .trust .item__wrap .line img.yahoo{
        height: 48px;
    }
    .about-us .trust .item__wrap .line img.sears{
        height: 36px;
    }
    .about-us .trust .item__wrap .line img.daily{
        height: 70px;
    }
    .about-us .trust .item__wrap .line img.best{
        height: 52px;
    }
    .about-us .trust .item__wrap .line img.find{
        height: 56px;
    }
}
@media only screen and (min-width: 1280px){
    .about-us .section__title{
        font-size: 32px;
        line-height: 38px;
        padding: 64px 0 48px 0;
    }
    .about-us .trust .item__wrap .line.second {
        margin-top: 36px;
    }
    .about-us .trust .section__wrap {
        max-width: 920px;
        margin: 0 auto 64px auto;
    }
    .about-us .trust .item__wrap .line img.yahoo{
        height: 56px;
    }
    .about-us .trust .item__wrap .line img.sears{
        height: 44px;
    }
    .about-us .trust .item__wrap .line img.daily{
        height: 78px;
    }
    .about-us .trust .item__wrap .line img.best{
        height: 58px;
    }
    .about-us .trust .item__wrap .line img.find{
        height: 64px;
    }
}
@media only screen and (min-width: 1440px) {
    .about-us .section__title {
        font-size: 40px;
        line-height: 48px;
        padding: 64px 0 64px 0;
    }
    .about-us .trust .section__wrap {
        max-width: 1024px;
        margin: 0 auto 64px auto;
    }
    .about-us .trust .item__wrap .line img.yahoo{
        height: 64px;
    }
    .about-us .trust .item__wrap .line img.sears{
        height: 56px;
    }
    .about-us .trust .item__wrap .line img.daily{
        height: 84px;
    }
    .about-us .trust .item__wrap .line img.best{
        height: 64px;
    }
    .about-us .trust .item__wrap .line img.find{
        height: 72px;
    }
}
/* trust end */

/* provide */
.about-us .provide ol{
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-us .provide ol li{
    background: #F5F7F9;
    margin: 0;
    padding: 0;
    text-align: center;
}
.about-us .provide .item__image{
    font-size: 0;
    overflow: hidden;
    height: 0;
    padding-bottom: calc(960/1500*100%);
}
/*.about-us .provide .item__image img {
    max-width: 1920px;
    width: 100%;
}*/
.about-us .provide .item__tip{
    padding: 16px;
}
.about-us .provide .tip__title{
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #1F2429;
    margin: 0 0 8px 0;
}
.about-us .provide .tip__content{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 19px;
    color: #1F2429;
}
@media only screen and (min-width: 768px) {
    .about-us .provide ol li{
        position: relative;
        text-align: left;
    }
    .about-us .provide .tip__title{
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 12px 0;
    }
    .about-us .provide .tip__content{
        line-height: 20px;
    }
    .about-us .provide .item__image{
        padding-bottom: calc(1008/2880*100%);
    }
    .about-us .provide ol li .item__tip{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 42%;
        padding: 0;
    }
    .about-us .provide ol li:nth-child(2n) .item__tip{
        left: 52.5%;
        width: 40%;
    }
}
@media only screen and (min-width: 1024px) {
    .about-us .provide .tip__title {
        font-size: 22px;
        line-height: 26px;
        margin: 0 0 16px 0;
    }
    .about-us .provide ol li .item__tip{
        width: 40%;
    }
}
@media only screen and (min-width: 1280px) {
    .about-us .provide .tip__title {
        font-size: 28px;
        line-height: 34px;
        margin: 0 0 20px 0;
    }
    .about-us .provide .tip__content{
        font-size: 16px;
        line-height: 26px;
    }
}
@media only screen and (min-width: 1440px) {
    .about-us .provide .item__image{
        padding-bottom: calc(1120/3840*100%);
    }
    .about-us .provide ol li .item__tip{
        width: 35%;
    }
    .about-us .provide .tip__title {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 24px 0;
    }
    .about-us .provide .tip__content{
        font-size: 18px;
        line-height: 28px;
    }
}
@media only screen and (min-width: 1920px) {
    .about-us .provide ol li:nth-child(2n) .item__tip {
        width: 30%;
    }
}
/* provide end */

/* stand */
.about-us .standout ol{
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-us .standout ol li{
    background: #000000;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}
.about-us .standout ol li .picture{
    position: relative;
    font-size: 0;
}
.about-us .standout ol li .item__image{
    height: 0;
    font-size: 0;
    overflow: hidden;
    padding-bottom: calc(960/1500*100%);
}
.about-us .standout ol li .item__tip p{
    margin: 0;
}
.about-us .standout .item__icon{
    position: absolute;
    top: 0;
    right: 48px;
    height: 100%;
}
.about-us .standout .item__icon .icon__wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.about-us .standout .item__icon .icon__wrap__item{
    position: relative;
}
.about-us .standout .item__icon .icon__wrap__item__text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.about-us .standout .item__icon .icon__wrap__item__text h2{
    font-size: 10px;
    line-height: 13px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.about-us .standout .item__icon .icon__wrap__item__text p{
    display: none;
}
.about-us .standout .item__icon .icon__wrap__item__image img{
    width: 60px;
    height: 60px;
}
.about-us .standout .item__tip{
    padding: 16px;
}
.about-us .standout .tip__title{
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin: 0 0 8px 0;
}
.about-us .standout .tip__title img{
    height: 18px;
}
.about-us .standout .tip__content{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 19px;
}
@media only screen and (min-width: 768px) {
    .about-us .standout .tip__content{
        line-height: 20px;
    }
    .about-us .standout ol li .item__image{
        padding-bottom: calc(1152/2880*100%);
    }
    .about-us .standout ol li:nth-child(1) .item__image{
        padding-bottom: calc(1296/2880*100%);
    }
    .about-us .standout .item__icon,
    .about-us .standout .item__icon .icon__wrap__item__text{
        position: static;
        transform: unset;
    }
    .about-us .standout .item__icon .icon__wrap{
        flex-direction: row;
        justify-content: space-between;
        width: 75%;
        margin: auto;
        padding-bottom: 24px;
    }
    .about-us .standout .item__icon .icon__wrap__item{
        width: 25%;
    }
    .about-us .standout .item__icon .icon__wrap__item__image img{
        width: 80px;
        height: 80px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text h2{
        font-size: 14px;
        line-height: 16px;
        margin: 8px 0 4px 0;
        padding: 0 4px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text p{
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 0 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about-us .standout .item__tip{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 45%;
        padding: 0;
        text-align: left;
        left: 52%;
    }
    .about-us .standout ol li:nth-child(1) .item__tip{
        transform: unset;
        top: 40px;
        left: 45%;
        width: 50%;
    }
    .about-us .standout ol li:nth-child(2) .item__tip{
        left: unset;
        width: 45%;
    }
    .about-us .standout .tip__title{
        font-size: 22px;
        line-height: 26px;
        margin: 0 0 16px 0;
    }
    .about-us .standout .tip__title img{
        height: 26px;
    }
}
@media only screen and (min-width: 1024px){
    .about-us .standout .item__tip{
        width: 40%;
        left: 56%;
    }
    .about-us .standout .item__icon{
        position: absolute;
        bottom: 60px;
        top: unset;
        height: auto;
        left: 40%;
        right: unset;
        width: 52%;
    }
    .about-us .standout .item__icon .icon__wrap__item__image img{
        width: 128px;
        height: 128px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text{
        position: absolute;
        transform: translate(-50%, -50%);
    }
    .about-us .standout ol li:nth-child(1) .item__tip{
        left: 40%;
        width: 52%;
    }
    .about-us .standout .item__icon .icon__wrap{
        width: unset;
        padding-bottom: unset;
    }
    .about-us .standout .item__icon .icon__wrap__item{
        width: unset;
    }
}
@media only screen and (min-width: 1280px){
    .about-us .standout .item__icon{
        bottom: 76px;
    }
    .about-us .standout .tip__title{
        font-size: 28px;
        line-height: 34px;
    }
    .about-us .standout ol li .item__tip p{
        font-size: 16px;
        line-height: 26px;
    }
    .about-us .standout ol li:nth-child(1) .item__tip{
        top: 50px;
    }
    .about-us .standout .item__icon .icon__wrap__item__image img{
        width: 160px;
        height: 160px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text h2{
        font-size: 18px;
        line-height: 20px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text p{
        font-size: 14px;
        line-height: 17px;
    }
    .about-us .standout .tip__title img{
        height: 32px;
    }
}
@media only screen and (min-width: 1440px){
    .about-us .standout ol li .item__image {
        padding-bottom: calc(1280/3840*100%);
    }
    .about-us .standout ol li:nth-child(1) .item__image {
        /*padding-bottom: calc(1440/3840*100%);*/
        padding-bottom: calc(1296/2880*100%);
    }
    .about-us .standout .tip__title{
        font-size: 32px;
        line-height: 38px;
    }
    .about-us .standout ol li .item__tip p{
        font-size: 18px;
        line-height: 28px;
    }
    .about-us .standout ol li:nth-child(1) .item__tip{
        top: 57px;
    }
    .about-us .standout .item__icon .icon__wrap__item__image img{
        width: 180px;
        height: 180px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text h2{
        font-size: 20px;
        line-height: 24px;
    }
    .about-us .standout .item__icon .icon__wrap__item__text p{
        font-size: 16px;
        line-height: 20px;
    }
}
@media only screen and (min-width: 1600px){
    .about-us .standout ol li:nth-child(1) .item__tip,
    .about-us .standout .item__icon{
        width: 48%;
    }
    .about-us .standout ol li:nth-child(1) .item__tip{
        top: 93px;
    }
    .about-us .standout .item__icon .icon__wrap__item__image img{
        width: 200px;
        height: 200px;
    }
}
@media only screen and (min-width: 1920px){
    .about-us .standout ol li:nth-child(1) .item__image {
        padding-bottom: calc(1440/3840*100%);
    }
    .about-us .provide ol li .item__tip,
    .about-us .provide ol li:nth-child(2n) .item__tip{
        width: 480px;
    }
    .about-us .standout .item__tip{
        width: 560px;
    }
    .about-us .standout .item__icon,
    .about-us .standout ol li:nth-child(1) .item__tip{
        width: 775px;
    }
    .about-us .standout ol li:nth-child(2) .item__tip{
        width: 680px;
    }
}

/* stand end */