html {
    font-size: calc(100vw / 19.2);
    overflow-x: hidden;
}

a:hover{
    text-decoration: none !important;
    color: #2291B1 !important; 
}

.Home{
    width: 100vw;
    /* overflow-x: hidden; */
}

.Top{
    position: relative;
    /* width: 19.2rem 1920/100; */
    width: 100vw;
    height: 9.72rem /* 972/100 */;
    background-image: url('/pic/Top-bgc.jpg');
    /* background-image: url('../pic/机械手.png'),url('../pic/人手.png'),url('../pic/Top-background.png'); */
    /* 设置背景图片的大小（根据需要调整） */
    background-size: cover;

    /* background: linear-gradient(to right, #84B2CD, #fff); */
}

.Top .hand-left {
    position: absolute;
    width: 19.2rem/* 1920/100 */;
    height: 9.72rem/* 972/100 */;
    /* gsap */
    /* left: -10rem; */
    /* 初始位置在左侧之外 */
    background-image: url('/pic/hand-left.png');
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: cover;
}

.Top .hand-right {
    position: absolute;
    width: 19.19rem/* 1920/100 */;
    height: 9.72rem/* 972/100 */;
    /* gsap */
    /* right: -10rem;   */
    /* 初始位置在右侧之外 */
    background-image: url('/pic/hand-right.png');
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-size: cover;
}

.Top .Top-Main{
    width: 17.84rem /* 1784/100 */;
    height: 8.45rem /* 845/100 */;
    position: absolute;
    top: .59rem /* 59/100 */;
    left: .68rem /* 68/100 */;
    border: .008rem /* 0.8/100 */;
    border-radius: .12rem /* 12/100 */;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
        /* 模糊效果 */

    /* gsap */
    /* scale: 0;
    opacity: 0; */
}

.Top .Top-Main .nav{
    width: 100%;
    height: .64rem /* 64/100 */;
    margin-top: .31rem /* 31/100 */;
    margin-left: .32rem /* 32/100 */;
   
}

.Top .Top-Main .nav .logo{
    width: 1.24rem /* 124/100 */;
    height: .64rem /* 64/100 */;
    /* gsap */
    /* opacity: 0;
    transform: translateY(.4rem); */
            /* 初始位置向下偏移  gsap */
}

.Top .Top-Main .nav .menu{
    width: 7.36rem /* 736/100 */;
    height:.3rem /* 30/100 */;
    /* border: 1px solid red; */
    margin-top: .17rem /* 17/100 */;
    margin-left: 3.7rem /* 400/100 */;
    /* opacity: 0;
        transform: translateY(.4rem); */
            /* 初始位置向下偏移  gsap */
}
.Top .Top-Main .nav .menu ul{
    position: relative;
}
.Top .Top-Main .nav .menu ul li{
    float: left;
    font-size: .24rem /* 24/100 */;
    width: 1.24rem /* 124/100 */;
    height: .3rem /* 30/100 */;
    margin-right: .8rem /* 80/100 */;
}

.Top .Top-Main .nav .menu ul li:last-child{
    margin-right: 0;
}

.Top .Top-Main .nav .menu ul li img{
    width: .12rem /* 12/100 */;
    height: .08rem /* 8/100 */;
    margin-top: .15rem /* 15/100 */;
    float: right;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: .4rem /* 20/100 */;
    font-size: 18px !important;
    left: 0;
    background-color: #f9f9f9;
    border-radius: 0;
    width: 1.5rem 100/100 !important;
    min-width: 0 !important; 
    padding: 0;
    /* width: .5rem ; */
    /* height: 200px; */
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    overflow: visible;
    z-index: 999;
}

.dropdown-menu a {
    color: black;
    padding: .12rem /* 12/100 */ .16rem /* 16/100 */;
    text-decoration: none;
    display: block;
}

.dropdown-menu a:hover {
    background-color: #f1f1f1;
}






.Top .Top-Main .content{
    /* width: 100%; */
    position: absolute;
    top: 2.3rem /* 230/100 */;
    left: 1.72rem /* 172/100 */;
    /* gsap */
    /* opacity: 0;
    transform: translateY(.4rem); */
}

.Top .Top-Main .content .content-left{
    width: 8.7rem/* 870/100 */;
}

.Top .Top-Main .content .content-left h1{
    width: 100%;
    font-size: .58rem /* 58/100 */;
    font-weight: 700;
}

.Top .Top-Main .content .content-left .font{
    width: 100%;
    height: .5rem /* 50/100 */;
    line-height: .25rem /* 60/100 */;
    font-size: .2rem /* 20/100 */;
    font-weight: 400;
    color: #6A6A6A;
    margin-top: .2rem /* 20/100 */;
}

.Top .Top-Main .content .content-left button{
    width: 2.12rem /* 212/100 */;
    height: .6rem /* 60/100 */;
    font-size: .24rem /* 24/100 */;
    font-weight: 400;
    border: .01rem /* 1/100 */ solid #2291B1;
    color: #2291B1;
    border-radius: .12rem /* 12/100 */;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: .2rem/* 20/100 */;
}

.Top .Top-Main .content .content-left button a{
    color: #2291B1;
}

.Top .Top-Main .content .pic-1{
    width: 3.53rem /* 349/100 */;
    height: 1.87rem ;
    position: absolute;
    top: -.2rem /* 195/100 */;
    left: 10.67rem /* 1267/100 */;
}

.Top .Top-Main .content .pic-1 img{
    width: 100%;
    height: 100%;
}

.Top .Top-Main .content .pic-2 {
    width: 1.8rem /* 166/100 */;
    /* height: 1.12rem 108/100; */
    height: 1.32rem;
    position: absolute;
    top: 1.9rem;
    left: 13rem/* 1267/100 */;
}

.Top .Top-Main .content .pic-2 img {
    width: 100%;
    height: 100%;
}
.Top .Top-Main .content .pic-3 {
    width: 2.77rem /* 253/100 */;
    height: 1.3rem /* 84/100 */;
    position: absolute;
    top: 3.4rem/* 195/100 */;
    left: 9.67rem/* 1267/100 */;
}

.Top .Top-Main .content .pic-3 img {
    width: 100%;
    height: 100%;
}







/* 产品中心 */
.Product{
    position: relative;
    width: 100vw;
    height: 9.21rem /* 921/100 */;
    background-image: url('/pic/center-bgc.png');
}

/* 1434 */
.Product .content{
    position: absolute;
    width: 14.34rem /* 1434/100 */;
    height: 6.9rem /* 690/100 */;
    top: 1rem /* 100/100 */;
    left: 2.4rem /* 240/100 */;
    /* background-color: yellow; */
}

.Product .content .content-left{
    float: left;
    width: 7.1rem /* 710/100 */;
    height: 100%;
}

.Product .content .content-left h1{
    font-size: .36rem /* 36/100 */;
    font-weight: 700;
    margin-bottom: .3rem /* 30/100 */;
}

.Product .content .content-left img{
    width: 7.1rem /* 710/100 */;
    height: 6.26rem /* 626/100 */;
}

.Product .content .content-right {
    float: right;
    width: 6.3rem /* 630/100 */;
    height: 100%;
}

.Product .content .content-right button{
    width: 1.84rem /* 184/100 */;
    height: .6rem /* 60/100 */;
    border: .01rem /* 1/100 */ solid #2291B1;
    border-radius: .12rem /* 12/100 */;
    background-color: #2291B1;
    color: white;
    font-size: .24rem /* 24/100 */;
    font-weight: 400;
    float: right;
}

.Product .content .content-right button a{
    color:#fff;
}

.Product .content .content-right .con-1{
    float: right;
}

.Product .content .content-right .con-1 h1{
    font-size: .24rem /* 24/100 */;
    font-weight: 700;
    margin-top: .9rem /* 100/100 */;
    margin-bottom: .2rem /* 20/100 */;
}

.Product .content .content-right .con-1 .con{
    font-size: .18rem /* 18/100 */;
    color: #6A6A6A;
}

.Product .content .content-right .con-1 .more{
    float: left;
    width: .98rem /* 88/100 */;
    height: .23rem /* 23/100 */;
    font-size: .18rem /* 18/100 */;
    color: #2291B1;
    font-weight: 400;
    /* background-color: #fff; */
    border: none;
    margin-top: .2rem /* 20/100 */;
}

.Product .content .content-right .con-1 .more a{
    color: #2291B1;
}

.Product .content .content-right .con-2 {
    float: right;
    /* margin-top: .2rem 30/100; */
}

.Product .content .content-right .con-2 h1 {
    font-size: .24rem/* 24/100 */;
    font-weight: 700;
    margin-top: .8rem/* 100/100 */;
    margin-bottom: .2rem/* 20/100 */;
}

.Product .content .content-right .con-2 .con {
    font-size: .18rem/* 18/100 */;
    color: #6A6A6A;
}

.Product .content .content-right .con-2 .more {
    float: left;
    width: 1.08rem/* 88/100 */;
    height: .23rem/* 23/100 */;
    font-size: .18rem/* 18/100 */;
    color: #2291B1;
    font-weight: 400;
    /* background-color: #fff; */
    border: none;
    margin-top: .2rem/* 20/100 */;
}

.Product .content .content-right .con-2 .more a{
    color: #2291B1;
}






/* 应用案例 */
.case{
    position: relative;
    width: 100vw;
    height: 8.41rem /* 841/100 */;
    background-image: url('/pic/Range-bgc.png');
    /* background: linear-gradient(to right,#3F7C9B,#1F2D3D); */
}

.case .content{
    position: absolute;
    width: 14.34rem/* 1434/100 */;
    height: 6.9rem/* 690/100 */;
    top: 1rem/* 100/100 */;
    left: 2.4rem/* 240/100 */;
    /* background-color: yellow; */
}

.case .content h1 {
    font-size: .36rem/* 36/100 */;
    font-weight: 700;
    margin-bottom: .3rem/* 30/100 */;
    color: #fff;
}

.case .content p{
    font-size: .24rem /* 24/100 */;
    font-weight: 400;
    color: #fff;
}
.case .content .main{
    width: 100%;
    height: 5.21rem /* 521/100 */;
    display: flex;
    /* position: relative; */
}

.case .content .main .left{
    width: 4rem /* 400/100 */;
    margin-top: .1rem /* 10/100 */;
}

.case .content .main .left .left-top{
    width: 4rem/* 400/100 */;
    height: 1.71rem /* 171/100 */;
    border: .02rem  solid rgba(132, 178, 205, 0.3);
    border-radius: .12rem /* 12/100 */;
    background-color: rgba(132, 178, 205, 0.3);
}

.case .content .main .left .left-top .icon{
    width: 100%;
    display: flex;
    margin-left: .2rem /* 20/100 */;
    margin-top: .2rem /* 20/100 */;
}

.case .content .main .left .left-top .icon img{
    width: .35rem /* 35/100 */;
    height: .3rem /* 30/100 */;
    display: inline-block;
}

.case .content .main .left .left-top .icon h2{
    font-size: .24rem /* 24/100 */;
    font-weight: 700;
    color: #fff;
    margin-left: .1rem /* 10/100 */;
}

.case .content .main .left .left-top ul{
    /* width: 2.58rem 258/100; */
    width: 4rem;
    height: .69rem /* 69/100 */;
    font-size: .18rem /* 18/100 */;
    font-weight: 400;
    color: #fff;
    margin-left: .5rem/* 20/100 */;
    margin-top: .2rem/* 20/100 */;
    list-style-type: disc;
}

.case .content .main .left .left-top ul li{
    width: 100%;
}

.case .content .main .left .left-bottom {
    width: 4rem/* 400/100 */;
    height: 2.86rem/* 171/100 */;
    border: .02rem/* 2/100 */solid rgba(132, 178, 205, 0.3);
    border-radius: .12rem/* 12/100 */;
    /* background-color: #84B2CD; */
    background-color: rgba(132, 178, 205, 0.3);
    margin-top: .64rem /* 64/100 */;
}

.case .content .main .left .left-bottom .icon {
    width: 100%;
    display: flex;
    margin-left: .2rem/* 20/100 */;
    margin-top: .2rem/* 20/100 */;
}

.case .content .main .left .left-bottom .icon img {
    width: .35rem/* 35/100 */;
    height: .3rem/* 30/100 */;
    display: inline-block;
}

.case .content .main .left .left-bottom .icon h2 {
    font-size: .24rem/* 24/100 */;
    font-weight: 700;
    color: #fff;
    margin-left: .1rem/* 10/100 */;
}

.case .content .main .left .left-bottom ul {
    width: 3.15rem /* 344/100 */;
    height: .69rem/* 69/100 */;
    font-size: .18rem/* 18/100 */ ;
    font-weight: 400;
    color: #fff;
    margin-left: .5rem/* 20/100 */;
    margin-top: .2rem/* 20/100 */;
    list-style-type: disc;
}

.case .content .main .dott-img-1{
    width: .52rem /* 52/100 */;
    height: 2.92rem /* 292/100 */;
    /* padding-top: 2rem 40/100; */
    margin-top: 0.85rem /* 40/100 */;
}

.case .content .main .dott-img-2 {
    width: .52rem/* 52/100 */;
    height: 3.255rem/* 292/100 */;
    /* padding-top: 2rem 40/100; */
    margin-top: .8rem/* 40/100 */;
}

.case .content .main .dott-img-1 img,.case .content .main .dott-img-2 img{
    width: 100%;
    height: 100%;
}

.case .content .main .middle{
    width: 6.7rem /* 670/100 */;
    height: 5.21rem /* 521/100 */;
    /* margin-left: .5rem 50/100; */
    margin-top: .1rem;
    border: .02rem/* 2/100 */solid rgba(132, 178, 205, 0.3);
    border-radius: .12rem/* 12/100 */;
    /* background-color: #84B2CD; */
    background-color: rgba(132, 178, 205, 0.3);
}

.case .content .main .middle h1{
    width: 100%;
    font-weight: 700;
    font-size: .24rem /* 24/100 */;
    text-align: center;
    margin-top: .2rem /* 20/100 */;
}

.case .content .main .middle img{
    width: 5.98rem /* 598/100 */;
    height: 4.05rem /* 405/100 */;
    margin-left: .4rem /* 40/100 */;
}



.case .content .main .right {
    width: 2.66rem /* 266/100 */;
    /* margin-left: .5rem 50/100;     */
}

.case .content .main .right .right-1{
    width: 2.66rem /* 266/100 */;
    height: 1.49rem /* 149/100 */;
    border: .02rem/* 2/100 */solid rgba(132, 178, 205, 0.3);
    border-radius: .12rem/* 12/100 */;
    /* background-color: #84B2CD; */
    background-color: rgba(132, 178, 205, 0.3);
    margin-top: .1rem;
}

.case .content .main .right .right-1 .icon {
    width: 100%;
    display: flex;
    margin-left: .2rem/* 20/100 */;
    margin-top: .2rem/* 20/100 */;
}

.case .content .main .right .right-1 .icon img {
    width: .35rem/* 35/100 */;
    height: .3rem/* 30/100 */;
    display: inline-block;
}

.case .content .main .right .right-1 .icon h2 {
    font-size: .24rem/* 24/100 */;
    font-weight: 700;
    color: #fff;
    margin-left: .1rem/* 10/100 */;
}

.case .content .main .right .right-1 ul {
    /* width: 2.58rem 258/100; */
    width: 1.71rem;
    height: .46rem /* 69/100 */;
    font-size: .18rem/* 18/100 */;
    font-weight: 400;
    color: #fff;
    margin-left: .5rem/* 20/100 */;
    margin-top: .2rem/* 20/100 */;
    list-style-type: disc;
}

.case .content .main .right .right-1 ul li {
    width: 100%;
}

.case .content .main .right .right-2 {
    width: 2.66rem;
    height: .62rem;
    border: .02rem/* 2/100 */solid rgba(132, 178, 205, 0.3);
    border-radius: .12rem/* 12/100 */;
    /* background-color: #84B2CD; */
    background-color: rgba(132, 178, 205, 0.3);
    margin-top: .3rem/* 20/100 */;
}

.case .content .main .right .right-2 .icon {
    width: 100%;
    display: flex;
    margin-left: .2rem/* 20/100 */;
    margin-top: .15rem/* 20/100 */;
}

.case .content .main .right .right-2 .icon img {
    width: .35rem/* 35/100 */;
    height: .3rem/* 30/100 */;
    display: inline-block;
}

.case .content .main .right .right-2 .icon h2 {
    font-size: .20rem/* 20/100 */;
    line-height: .2rem /* 20/100 */;
    font-weight: 700;
    color: #fff;
    margin-left: .1rem/* 10/100 */;
    padding-top: .05rem;
}

.case .content .main .right .more{
    width: 2.12rem /* 212/100 */;
    height: .6rem /* 60/100 */;
    margin-top: .35rem /* 30/100 */;
    border-radius: .12rem /* 12/100 */;
    border: .01rem /* 1/100 */ solid #fff;
    color: #fff;
    font-size: .24rem /* 24/100 */;
    font-weight: 400;
    line-height: .6rem;
    text-align: center;
}

.case .content .main .right .more a{
    color: #fff;
}







/* 底部 */
.bot{
    position: relative;
    width: 100vw;
    height: 4rem /* 400/100 */;
    background-color: #fff;
}

.bot .content{
    position: absolute;
    width: 18.34rem/* 1434/100 */;
    height: 4rem/* 690/100 */;
    top: 1rem/* 100/100 */;
    left: 2.4rem/* 240/100 */;
    display: flex;
}

.bot .content img{
    width: 1.24rem /* 124/100 */;
    height: .64rem /* 64/100 */;
    margin-right: .8rem;
}

.bot .content ul{
    margin-right: 1.9rem /* 30/100 */;
}

.bot .content ul h1{
    font-size: .18rem /* 18/100 */;
    font-weight: 400;
    color: #2291B1;
}

.bot .content ul li{
    margin-top: .2rem /* 20/100 */;
    font-size: .18rem /* 18/100 */;
    color: #6A6A6A;
}

.bot .content ul li:hover{
    color: #2291B1;
}

.bot p{
    position: absolute;
    left: 2.4rem;
    bottom: -.4rem /* 20/100 */;
    font-size: .18rem /* 18/100 */;
    font-weight: 400;
}

.bot p:hover {
    color: #2291B1;
}