.html{font-size: 100px;}
body{background: linear-gradient(180deg, #FAFAFA 0%, #FBFBFB 5.02%, #FFF 22.8%);visibility: hidden;}
.ft52{font-style: normal;font-weight: 300;font-size: 52px;color: #000000;margin-bottom: 25px;text-align: center;font-weight: 600;}
.content h2{font-style: normal;font-weight: 600;font-size:44px;color: #000000;margin-bottom: 40px;text-align: center;font-weight: 600;}
/* .mb20{margin-bottom: 20px;} */
.mb30{margin-bottom: 30px;}
.ft28{font-weight: 600;font-size: 36px;margin: 40px;text-align: center;}
.content{width: 100%;max-width: 1582px;margin: 0 auto;}
.line-sep{stroke-width: 1px;stroke: #DFDFDF;opacity: 0.6;width: 0px;height: 85.5px;}
.users_content{width:100%;display: flex;justify-content: center;margin-bottom: 20px;gap: 20px;}
.users_content>div{width: 100%;flex:1; border-radius: 10px;padding: 40px;box-sizing: border-box;}
.users_content>div>img{margin-bottom: 30px;}
.users_content>div>h3{font-weight: 300;font-size: 24px;color: #000000;}
.users_content>div>p{font-weight: 300;font-size: 16px;color: #000000;}
.users_content>div>a{font-weight: 300;font-size: 20px;color: #0088CF;display: block;margin-bottom: 10px;}


/*tab*/
.company_newnav{width: 100%;margin:auto 0;overflow: hidden;}
.company_newnav_tab{max-width: 950px; display: flex;align-items: center;justify-content: space-between;transition: all .3s ease-in-out;border-radius: 87px;background: #F4F4F5;box-sizing: border-box;width: 96%;margin-left: auto;margin-right: auto;padding: 2px;}
.company_newnav_tab li{width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 74px;cursor: pointer;color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 700;transition: all .3s ease-in-out;}
.company_newnav_tab a{color: #333;text-align: center;font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;text-decoration: none;width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;}
.company_newnav_tab li.act{background: #FEFEFE;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20);}
.company_newnav_tab li.act a{text-align: center;font-family: Poppins;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;}
.company_nav {padding: 45px 0px; border-top: 1px solid #f6f6f6;}

.support_btn {display: flex;justify-content: center;align-items:center;gap: 10px;}
/* .support_btn a:hover { transform: translateY(-10px); transition: all .3s ease; } */
.support_btn a{ font-size: 18px;font-family: Poppins;font-weight: 500;
 line-height: normal;display: inline-flex;padding: 13px 24px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;transition: background .3s ease;color: #FFF;text-align: center;text-decoration: none;}
   .support_btn_a2{
       border-radius: 8px;
       background: linear-gradient(108deg, #DB74FF 0.14%, #256CFF 47.725%, #DB74FF 99.86%);
       background-size: 200% 100%;
       background-position: left;
       transition: background .3s; }
   .support_btn_a2:hover{
       background-position: right;
   }.support_btn .support_btn_a1{border: 1px solid #2F61FA;background: #F1F9FF;color: #2F61FA;}.supportteam{max-width: 345px;display: flex;margin: 20px auto;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
   .users_content .supportteam>h3{color: #333;text-align: center;font-family: Poppins;font-size: 28px;font-weight: 600;height: 82px;}
   .users_content .supportteam>p{color: #333;text-align: center;font-family: Poppins;font-size: 16px;height: 50px;}
   
.supportteam>a{font-size: 14px;color: #666;margin-top: 10px;}
.supportteam>a:hover{text-decoration: none;}.contactsales{border-radius: 20px;background:url(https://keeprix-resource.com/en/company/img/contact_user_bg2.png) top center no-repeat; background-size: 100% 100%;position: relative;}
.contactsales-mask{width:100%;  height: 42px;  border-radius: 776px;opacity: 0.8;background: #B5B5D5;filter: blur(15px);position: absolute;bottom: -10px;left: 0;z-index: -1;}
.users_content_left{border-radius: 20px;background:url(https://keeprix-resource.com/en/company/img/contact_user_bg1.png) top center  no-repeat;background-size: 100% 100%; position: relative;}
.contact-left-mask{width:100%;  height: 42px;  border-radius: 776px;opacity: 0.8;background: #C7B5D5;filter: blur(15px);position: absolute;bottom: -10px;left: 0;z-index: -1;}
.needquick_content{max-width: 1581px;min-height: 304px;flex-shrink: 0;text-align: center;border-radius: 20px; border-radius: 20px; background-size: cover; display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 80px;}

.needquick_content h3{font-weight:600; font-size: 44px}
.quick_content{width: 93%; display: inline-flex;justify-content: space-evenly;align-items: flex-start;margin-top: 40px; padding: 0 30px;}
.quick_content_item{display: flex;height: auto; max-width: 260px;width: 100%; flex-direction: column;justify-content: center;align-items: flex-start;gap: 10px;text-align: left;}
.quick_content_item a{font-size: 16px;color: #256CFF;}
.quick_content_item p{font-size: 16px;}
.quick_content_item a::after{content: "\e902";display: inline-block;font-size: 16px;vertical-align: middle;color: inherit;margin-left: 2px;transition: .3s;transform: translate(0, 0px);font-family: "iconfont";margin-bottom: 2px;}
.quick_content_item a:hover::after{transform: translate(10px,0px);}
.quick_content_item a:hover{text-decoration: none;}
.business_content{max-width: 1255px; display: flex;justify-content: center;gap:30px}
 .business_item{width: 285px;height: 250px;flex-shrink: 0;display: inline-flex;flex-direction: column; padding-right: 3.05px;justify-content: center;align-items: center;border-radius: 20px;border: 1px solid #ECECEC;background: #FFF;z-index: 1;} 
.business_itembox{display: flex;width: 85%;height: 200px;flex-shrink: 0;flex-direction: column;align-items:flex-start;}
.business_itembox h3{font-size: 24px;margin: 12px 0;}
.business_itembox p{font-size: 16px;margin-bottom: 10px;}
.business_itembox a{font-size: 14px;color: #2376FF; margin-top: auto;}
.business_itembox a::after{content: "\e902";display: inline-block;font-size: 16px;vertical-align: middle;color: inherit;margin-left: 2px;transition: .3s;transform: translate(0, 0px);font-family: "iconfont";}
.business_itembox a:hover::after{transform: translate(10px,0px);}
.business_itembox a:hover{text-decoration: none;}

.contact_footer{position: relative; bottom: 0;height: 80px;right: 0px;}
.contact_footer img{position: absolute;right: 0;bottom: 0;width:500px;height: 400px;}
    
@media screen and (max-width: 1460px){
    .needquick_content{position: relative;top: 0;right: 0;width: 95%; text-align: center;margin-left: auto;margin-right: auto;}
    .business_content{flex-wrap: wrap;margin: 20px;}
    .users_content{width: 92%;margin: 0 auto; margin-bottom: 40px;}
    /* .business_item{width: 18;} */
    .business_item {flex: 1 1 calc(50% - 80px);}
    .business_content{width: 72%;}
}
@media screen and (max-width: 1200px){
    .needquick_content {
        padding-top: 40px;
    }
    .contact_footer{display: none;}
    .business_content{width: auto;}
    .business_item{width: 261px;height: 250px;}
    .business_itembox{width: 85%;height: 185px;}
    .business_itembox p{font-size: 16px;}
    .business_itembox h3{font-size: 24px;}
    .business_item {flex: 1 1 calc(50% - 80px);}
    .quick_content{flex-wrap: wrap;}
    .quick_content_item {
        flex: 1 1 calc(50% - 10px); 
        max-width: 360px;
      }
}
@media screen and (max-width: 980px){
    /* .content{width: 87%;margin: 0 auto;} */
    /* .needquick_content{padding: 40px 30px 10px 30px;height: auto;} */
    .quick_content{flex-wrap: wrap;}
    .business_content>div{margin:20px;}   
    /* .business_item {flex: 1 1 calc(50% - 80px);} */

      .needquick_content{padding-top: 40px;}
    
}
@media screen and (max-width: 850px){
    .business_content>div{margin: 0 0 40px 0;}   
    .users_content>div{width: 100%;margin: 0 auto;}
}
@media screen and (max-width: 830px){
    .users_content{flex-direction: column;}
    /* .content{width: 80%;max-width: none;margin: 0 auto;} */
    .users_content{justify-content: center;}
    /* .users_content>div{margin-bottom: 40px;} */
    .business_content{justify-content: center;}
    /* .users_content{margin: 0 20px;} */
    .users_content .supportteam>h3{height: auto;}
    .users_content .supportteam>p{height: auto;}
    .quick_content_item {
        flex: 1 1 calc(50% - 10px); 
        max-width: 260px;
      }

}

@media screen and (max-width: 750px){
    .company_nav{padding: .6rem 0;}
    .company_newnav_tab li.act a{font-size: .24rem;}
    .company_newnav_tab a {font-size: .24rem;}
    .quick_content{padding: 0 .32rem;}
    .content h2{font-size: .44rem;margin-bottom: .4rem;}
    .needquick_content h3{font-size: .44rem;}
    .contact-left-mask{display: none;}
    .contactsales-mask{display: none;}
    .supportteam{max-width:100% ;}
    .supportteam img{width: 1.03rem;}
    .users_content>div{padding: .2rem;}
    .support_btn a{font-size: .32rem;}
    .support_btn a{padding: .14rem .58rem;}
    .users_content .supportteam>h3{font-size: .32rem;}
    .users_content .supportteam>p{font-size: .32rem;width: 96%;}
    .needquick_content{padding-top: 0;}
    .users_content{width: 90%;padding: 0 .32rem; margin-bottom: .8rem;}
    .quick_content_item{flex: initial;}
    .quick_content{gap: .4rem;}
       .quick_content_item a{font-size: .34rem;font-weight: 500; height:100%}
    .quick_content_item p{font-size: .32rem;margin-bottom: 0;}
    .quick_content_item{max-width: 6rem;border-radius: .2rem;
        border: .01rem solid #ECECEC;padding: .4rem;}
    .quick_content_item a::after {font-size: .32rem;position: absolute;right: .8rem;}
}
@media screen and (max-width: 580px){
    .company_newnav_tab li.act a{font-size: .32rem;}
    .company_newnav_tab a {font-size: .32rem;}
  } 
/* 
@media screen and (max-width: 700px){
    .quick_content_item{flex: initial;}
    .quick_content .quick_content_item{max-width: 260px;}
    .quick_content_item a{height: auto;}
}
@media screen and (max-width: 650px){
    .business_content>div{margin: auto;width: 91%;}
    .business_itembox{margin: auto;width: 85%;}
    .business_item {flex: 1 1 100%;}

}
@media screen and (max-width: 580px){
    .ft36{font-size: 30px;margin-bottom: 15px;}
    .support_btn{flex-direction: column;}
    .ft28{margin-top: 60px;font-size: 28px;}
    .needquick_content{width:88%; height: 100%;}

    .quick_content .quick_content_item{height: auto;}
    .quick_content_item a{height: auto;}
    .quick_content{gap: 0;}
}
@media screen and (max-width: 480px){
    .needquick_content{height: auto;padding: 10px;}
    .needquick_content h3{margin-top: 40px;margin-bottom: 0;}
    .business_itembox p{font-size: 15.5px;}
} */