
.cont{
    padding: 0 2.4rem;
}
.cont .cont-head{
    height: 12.9rem;
    display: flex;
    justify-content: space-between;
    padding-top: .78rem;
    position: relative;
}
.cont-head-c{
    width: 12.4rem;
    position: relative;
}
.cont-head-c .title{
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-size: 0.84rem;
    color: #181818;
    line-height: 1.62rem;
}
.cont-head-c .text{
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 0.44rem;
    color: #494747;
    line-height: 0.7rem;
    padding-left: 2.52rem;
    position: relative;
    margin-top: .6rem;
}
.cont-head-c .text::after{
    position: absolute;
    content: '';
    width: 2.16rem;
    height: 0rem;
    border: 0.03rem solid #494747;
    left: 0;
    top: .35rem;
}
.cont-head-c .btn{
    display: block;
    width: 5.92rem;
    height: 1.34rem;
    /* background: #FCBD01;
    box-shadow: 0rem 0.08rem 0.7rem 0rem rgba(252,189,1,0.4);
    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    border: 0.02rem solid #000000;
    display: flex;
    align-items: center; */
    background: url(../images/index-product.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .36rem;
    margin-top: .7rem;
}
.cont-head-c .btn p{
    font-family: 'Poppins-Regular';
    font-weight: 400;
    font-size: 0.4rem;
    color: #181818;
    margin-left: .5rem;
}
.cont-l{
    position: absolute;
    left: -2.6rem;
    top: 5.54rem;
    width: 4.5rem;
}
.cont-r{
    position: absolute;
    right: -2.8rem;
    top: 2.14rem;
    width: 4.5rem;
}
.cont-line{
    width: 1.64rem;
    position: absolute;
    left: 7.28rem;
    bottom: 3rem;
}
.cont-head-i{
    width: 11.36rem;
    height: 12.9rem;
    padding-top: .78rem;
    position: relative;
}
.cont-head-t{
    width: 8.02rem;
}
.cont-head-img{
    width: 11.36rem;
}
.cont-head-b{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7.5rem;
}
.cont-head-ir{
    position: absolute;
    width: 2.48rem;
    right: 0;
    top: .78rem;
}
.cont-head-il{
    width: 2.9rem;
    position: absolute;
    left: -1.74rem;
    bottom: .8rem;
}
/*about*/
.cont-about{
    width: 100%;
    height: 6.52rem;
    background: url(../images/ab-bg.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    position: relative;
    margin-top: .62rem;
}
.cont-about img{
    width: 13.06rem;
    margin-left: 1.14rem;
    margin-top: .24rem;
}
.cont-about .ab-btn{
    display: block;
    width: 3.04rem;
    height: .9rem;
    background: url(../images/ab-btn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 6.14rem;
    bottom: .28rem;
    cursor: pointer;
}
.cont-about-r{
    margin-left: 1.6rem;
}
.cont-about-r .title{
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-size: 0.9rem;
    color: #FFFFFF;
    padding-top: 1.86rem;
}
.cont-about-r .text{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 0.68rem;
    margin-top: .2rem;
}

.cont-service{
    width: 100%;
}
.cont-service .title{
    margin-top: 1.26rem;
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-size: 1.06rem;
    color: #171740;
    line-height: 1.38rem;
    text-align: center;
}
.cont-service .text{
    width: 20rem;
    height: 1.36rem;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.68rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: .2rem auto;
}
.cont-service-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cont-service-box img{
    width: 7.68rem;
}
.service-btn{
    width: 4.08rem;
    height: 1.5rem;
    display: block;
    background: url(../images/serivce-btn.png) no-repeat;
    background-size: 100% 100%;
    margin: .76rem auto;
}
.cont-products{
    width: 100%;
}
.cont-products >.title{
    font-family: Inter, Inter;
    font-weight: normal;
    font-size: 1.06rem;
    color: #171740;
    text-align: center;
    margin-top: .96rem;
}
.cont-products >.text{
    width: 15.84rem;
    font-family: 'Poppins-Medium';
    font-weight: 500;
    font-size: 0.32rem;
    color: #242464;
    line-height: 0.68rem;
    text-align: center;
    margin:.64rem auto;
}
.cont-product-li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.6rem;
}
.cont-product-li img{
    width: 11.76rem;
    border-radius: .2rem;
}
.cont-product-li .textCont{
     width: 11.76rem;
}
.cont-product-li .textCont .title{
    font-family: Inter, Inter;
    font-weight: normal;
    font-size: 0.8rem;
    color: #171740;
    line-height: 0.96rem;
    margin-top: .2rem;
}
.cont-product-li .textCont .text{
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.48rem;
    color: #242464;
    line-height: 0.64rem;
    margin-top: .6rem;
}
.cont-career{
    width: 24rem;
    height: 12.66rem;
    background: url(../images/index-career.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding: .9rem .24rem 0;
}
.cont-career .title{

    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-size: 0.9rem;
    color: #000000;
    line-height: 0.99rem;

}
.cont-career .text{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    font-size: 0.32rem;
    color: #000000;
    line-height: 0.68rem;
    margin-top: .2rem;
}
.cont-career .cont-career-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .46rem;
}
.cont-career .cont-career-list img{
    width: 5.64rem;
}
.cont-career .btn{
    display: block;
    width: 4.08rem;
    height: 1.5rem;
    background: url(../images/ab-btn.png) no-repeat;
    background-size: 100% auto;
    margin: .46rem auto;
    cursor: pointer;
}
.contact-us-title{
    font-family: 'Poppins-SemiBold';
    font-weight: 600;
    font-size: 0.64rem;
    color: #171740;
    line-height: 0.8rem;
    margin: .3rem 0 1.16rem .48rem;
}
.cont-contact-box{
    width: calc(100% - .96rem);
    height: 12.04rem;
    margin: 1.16rem auto;
    background: url(../images/contact-us-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 0 1.28rem;
}
.contact-small{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .84rem;
}
.contact-small .contact-small-l{
    width: calc(50% - .29rem);
}
.contact-small p{
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #FFFFFF;
    line-height: 0.48rem;
    margin-bottom: .2rem;
}
.contact-small-l input{
    width: 100%;
    height: 1.12rem;
    background: #FAFAFF;
    border-radius: 0.16rem;
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #676767;
    text-indent: .2rem;
}
.contact-center{
    margin-top: .48rem;
}   
.contact-center .title{
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-bottom: .2rem;
}
.contact-center input{
    width: 100%;
    height: 1.12rem;
    background: #FAFAFF;
    border-radius: 0.16rem;
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #676767;
    text-indent: .2rem;
}
.contact-bot{
    margin-top: .48rem;
}
.contact-bot .title{
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #FFFFFF;
    margin-bottom: .2rem;
}
.contact-bot textarea{
    width: 100%;
    height: 3.24rem;
    background: #FAFAFF;
    border-radius: 0.16rem;
    font-family: Inter, Inter;
    font-weight: 400;
    font-size: 0.36rem;
    color: #676767;
    text-indent: .2rem;
    padding: .2rem 0 ;
}
.cont-contact-box .btn{
    display: block;
    width: 7.12rem;
    height: 1.76rem;
    background: url(../images/contact-submit.png) no-repeat;
    background-size: 100% 100%;
    margin: .4rem auto;
}

/* contact us */
.contact-head{
    width: 100%;
}
.tensoris{
    width: 22rem;
    display: block;
    margin: 1.56rem auto;
}
.contact-pad{
    padding: 0 2.88rem;
}