.banner{background: url(images/banner-bg.svg) no-repeat center -104px /cover;padding: 50px 0 0 0}
.banner .container{max-width: 800px;}
.banner .title{font-size: 52px;margin-bottom: 24px}
.banner .tip{font-size: 24px;margin-bottom: 40px;}
.banner .btn{margin-bottom: 60px;width: 180px;height: 48px;line-height: 48px;}

.what-is .container{max-width: 1142px;}
.what-is .rgt{flex-basis: 46.846847%}
.what-is .lft{transform: translateX(-50px);}
.what-is .rgt p{margin-top: 12px;}

.variety .container{max-width: 1142px;}
.variety .lft{flex-basis: 46.846847%}
.variety .rgt{transform: translateX(50px);}
.variety .lft p{margin-top: 12px;}

.user-wrap{background-image: url(images/map.png)}
.user-wrap .container{max-width: 1172px;}
.our-pro{margin-bottom: 102px;}
.our-pro .cell{border-radius: 6px;background: #fff;position: relative;overflow: hidden;}
.our-pro .cell::after{content: '';height: 20px;width: 100%;position: absolute;bottom: 0;left: 0;opacity: 0.3;}
.our-pro .cell .info{padding-bottom: 30px;}
.our-pro .mid{box-shadow: 0 6px 20px 0 rgba(43,43,88,0.34);position: relative;z-index: 1;padding: 40px 40px 64px;}
.our-pro .mid::after{background-color: #3ECF8E;height: 24px;opacity: 1;}
.our-pro .mid .sub{font-size: 26px;padding-bottom: 20px;}
.our-pro .mid img{margin-bottom: 30px;max-width: 260px;}
.our-pro .lft,.our-pro .rgt{box-shadow: 0 2px 12px 0 rgba(43,43,88,0.26);padding: 40px 20px 80px;}
.our-pro .lft::after{background-color: #0099FF;}
.our-pro .rgt::after{background-color: #FBA734;}
.our-pro .lft .sub,.our-pro .rgt .sub{font-size: 24px;padding-bottom: 14px;}
.our-pro .lft img,.our-pro .rgt img{max-width: 130px;margin-bottom: 34px;}
.our-pro .container{max-width: 1172px;}
.our-pro .btn{margin-bottom: 20px;width: 208px;height: 52px;line-height: 52px;}
.users .cell{background: #fff;box-shadow: 0 6px 20px 0 rgba(43,43,88,0.34);border-radius: 4px;flex-basis: 48.5%;margin-bottom: 40px;padding: 30px;}
.users .cell img{max-width: 72px;margin-right: 28px;}
.users .cell .txt p{margin-bottom: 18px;}
.users .cell address{font-style:normal}

.guarantee .container{max-width: 1192px;}
.guarantee .sub{font-size: 18px;margin: 24px 0 14px;}
.guarantee .com-title{margin-bottom: 36px;}
.guarantee .tip{max-width: 705px;font-size: 18px;margin: 0 auto;line-height: 1.6;}
.guarantee .cell{flex-basis: 33.333%;margin-top: 48px;}

.latest-ud .com-title{margin-bottom: 36px;}
.latest-ud .tip{padding-bottom: 25px;}
.latest-ud .container{max-width: 960px;}
.latest-ud .lft{max-width: 346px;}
.latest-ud .rgt{max-width: 540px;}
.latest-ud .btn{font-size: 18px;margin-top: 30px;width: 180px;height: 52px;line-height: 52px;}

@media (max-width: 960px){
    .what-is .rgt,.latest-ud .rgt,.variety .lft{margin-bottom: 30px;}
    .our-pro .cell{padding: 30px 10%;margin-bottom: 20px;}
    .our-pro{margin-bottom: 40px;}
    .what-is .lft,.variety .rgt{transform: none;}
    .banner .title{font-size: calc(24px + 2vw);}
    
}

@media (max-width: 769px){
    .users .cell{margin-bottom: 20px;}
    .guarantee .cell{margin-bottom: 30px;}
    .banner .tip,.our-pro .sub, .our-pro .sub{font-size: calc(16px + 0.8vw) !important;}
    .what-is .com-title,.user-wrap .com-title{padding-bottom: 30px;}
    
}