.xiangqing-content-box .banner-box{
    width: 100%;
    /* height:8rem; */
    position: relative;
}
.xiangqing-content-box .img{
    width: 100%;
    /* height: 100%; */
}
.xiangqing-content-box .left-txt-box{
    position: absolute;
    top:7.75rem;
    left:.4rem;
}
.xiangqing-content-box .left-txt-box .top-logo{
    width:1.2rem;
}
.xiangqing-content-box .left-txt-box .big-txt{
    color: #ffffff;
    font-size:.6rem;
    margin-top: .1rem;
}
.xiangqing-content-box .left-txt-box .two-txt{
    margin-top:.3rem;
    color: #ffffff;
    font-size: .28rem;
    line-height: .4rem;
    width:7.05rem;
}
.product01-box{
    position: relative;
    width: 100%;
    height:17rem;
    overflow: hidden;
    background:#171719;
}
.product01-box .img1{
    position: absolute;
    top:0;
    right: 0;
    width:12.13rem;
}
.product01-box .img2{
    position: absolute;
    top:6.8rem;
    left:.38rem;
    width:7.31rem;
}
.product01-box .right-text-box{
    position: absolute;
    top:0rem;
    left: .1rem;
}
.product01-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: .04rem;
    height: 5.9rem;
    background: linear-gradient(to bottom, #0174d9 0%, #93e9fe 50%, #0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0%, #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%); */
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: transparent;
    background-size: auto 200%;
    animation: rainbow 1.2s linear infinite;
}
.product01-box .right-text-box .right-txt{
    margin-left: .27rem;
}
.product01-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
}
.product01-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .28rem;
}
.product01-box .right-text-box .right-txt .three-txt{
    margin-top:.4rem;
}
.product01-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.4rem;
}
.product01-box .right-text-box .right-txt .three-txt .p{
    font-size:.28rem;
    line-height: .4rem;
    color: #ffffff;
    margin-top: .12rem;
}
.product01-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.product01-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.product01-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.product01-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.product01-box .right-text-box .right-txt .beizhu-txt{
    margin-top:8.65rem;
    color:#444444;
    font-size: .24rem;
    line-height: .3rem;
}

.product02-box{
    position: relative;
    width: 100%;
    height:18.34rem;
    overflow: hidden;
    background:#171719;
}
.product02-box .img1{
    position: absolute;
    top: 7.3rem;
    left:.4rem;
    width: 7.1rem;
}
.product02-box .right-text-box{
    position: absolute;
    top:0rem;
    left:.4rem;
}
.product02-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: 1.13rem;
    height: .04rem;
    background: linear-gradient(to right, #0174d9 0% , #93e9fe 50%,#0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0% , #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%);*/
	-webkit-background-clip: border-box;
	background-clip:border-box;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
	animation: rainbow2 1.6s linear infinite;
}
@keyframes rainbow2 {
	0%{background-position:200% 50%}
	100%{background-position:0% 50%}
}
.product02-box .right-text-box .right-txt{
    margin-left: 0;
}
.product02-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
    margin-top: .25rem;
}
.product02-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .28rem;
}
.product02-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.product02-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.4rem;
}
.product02-box .right-text-box .right-txt .three-txt .p{
    font-size:.28rem;
    line-height: .4rem;
    color: #ffffff;
    margin-top: .22rem;
}
.product02-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.product02-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.product02-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.product02-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.product02-box .right-text-box .right-txt .beizhu-txt{
    margin-top:8.65rem;
    color:#444444;
    font-size: .24rem;
    line-height: .3rem;
    width: 7.1rem;
}

@keyframes rainbow{
	0%{background-position:0% 200%}
	100%{background-position:0% 0%}
}


.product03-box-content{
    width: 100%;
    height:35.12rem;
    overflow: hidden;
    background: #171719;
}
.product03-box-content .top-txt-box{
    width: 100%;
    overflow: hidden;
}
.product03-box-content .top-txt-box .left-line{
    margin: 0 auto;
    width: 2.2rem;
    height: .04rem;
    background: linear-gradient(to right, #0174d9 0% , #93e9fe 50%,#0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0% , #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%);*/
	-webkit-background-clip: border-box;
	background-clip:border-box;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
	animation: rainbow2 1.6s linear infinite;
}
.product03-box-content .top-txt-box .top-big-txt{
    text-align: center;
    font-size: .6rem;
    color: #ffffff;
    margin-top:.25rem;
}
.product03-box-content .top-txt-box .top-two-txt{
    text-align: center;
    color: #666666;
    font-size:.2rem;
    margin-top:.15rem;
}
.product03-box-content .product03-content{
    width:16rem;
    height:31.92rem;
    margin: 0 auto;
    margin-top:.75rem;
    padding: 0 .7rem;
    box-sizing: border-box;
    background:#101011;
}
.product03-box-content .product03-content .content1-box{
    width: 100%;
    height:10.45rem;
    position: relative;
    border-bottom: 1px solid #242427;
}
.product03-box-content .product03-content .content1-box .right-text-box{
    position: absolute;
    top:1.75rem;
    left: .16rem;
}


.product03-box-content .product03-content .content1-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: .04rem;
    height: 5.5rem;
    background: linear-gradient(to bottom, #0174d9 0%, #93e9fe 50%, #0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0%, #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%); */
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: transparent;
    background-size: auto 200%;
    animation: rainbow 1.2s linear infinite;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt{
    margin-left: .27rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .2rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.36rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .22rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.product03-box-content .product03-content .content1-box .right-text-box .right-txt .beizhu-txt{
    margin-top:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}
.product03-box-content .product03-content .content1-box .img1{
    position: absolute;
    top:1rem;
    left:7.6rem;
    width:7.1rem;
}









.product03-box-content .product03-content .content2-box{
    width: 100%;
    height:11.95rem;
    position: relative;
    border-bottom: 1px solid #242427;
}
.product03-box-content .product03-content .content2-box .right-text-box{
    position: absolute;
    top:2.25rem;
    left:9.8rem;
}


.product03-box-content .product03-content .content2-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: 1.14rem;
    height: .04rem;
    background: linear-gradient(to right, #0174d9 0% , #93e9fe 50%,#0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0% , #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%);*/
	-webkit-background-clip: border-box;
	background-clip:border-box;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
	animation: rainbow2 1.6s linear infinite;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt{
   
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
    margin-top: .25rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .2rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.36rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .22rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.product03-box-content .product03-content .content2-box .right-text-box .right-txt .beizhu-txt{
    margin-top:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}
.product03-box-content .product03-content .content2-box .img1{
    position: absolute;
    top:1.21rem;
    left:-.18rem;
    width:8.71rem;
}



.product03-box-content .product03-content .content3-box{
    width: 100%;
    height:9.57rem;
    position: relative;
}
.product03-box-content .product03-content .content3-box .right-text-box{
    position: absolute;
    top:1.16rem;
    left: .16rem;
}


.product03-box-content .product03-content .content3-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: .04rem;
    height: 6.23rem;
    background: linear-gradient(to bottom, #0174d9 0%, #93e9fe 50%, #0174d9 100%);
    /* background: linear-gradient(to right, #ff98ea 0%, #c572ff 20%, #655cfc 40%, #00ffff 60%, #f0ffc4 80%, #ff98ea 100%); */
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: transparent;
    background-size: auto 200%;
    animation: rainbow 1.2s linear infinite;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt{
    margin-left: .27rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .2rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.36rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .22rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.product03-box-content .product03-content .content3-box .right-text-box .right-txt .beizhu-txt{
    margin-top:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}
.product03-box-content .product03-content .content3-box .img1{
    position: absolute;
    top:1.35rem;
    left:8.44rem;
    width:6.53rem;
}