.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:1.73rem;
    left:2.61rem;
}
.xiangqing-content-box .left-txt-box .top-logo{
    width:1.2rem;
}
.xiangqing-content-box .left-txt-box .big-txt{
    color: #ffffff;
    font-size:.72rem;
    margin-top: .1rem;
}
.xiangqing-content-box .left-txt-box .two-txt{
    margin-top:.3rem;
    color: #ffffff;
    font-size: .2rem;
    line-height: .3rem;
}
.product01-box{
    position: relative;
    width: 100%;
    height:12rem;
    overflow: hidden;
    background:#171718;
}
.product01-box .img1{
    position: absolute;
    top:0;
    right: 0;
    width:12.13rem;
}
.product01-box .img2{
    position: absolute;
    top:.7rem;
    left:9.54rem;
    width:7.58rem;
}
.product01-box .right-text-box{
    position: absolute;
    top:.91rem;
    left: 2.16rem;
}
.product01-box .right-text-box .left-line{
    position: absolute;
    display: flex;
    width: .04rem;
    height: 6.1rem;
    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: .2rem;
}
.product01-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.product01-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.36rem;
}
.product01-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .22rem;
}
.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:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}

.product02-box{
    position: relative;
    width: 100%;
    height:11.32rem;
    overflow: hidden;
    background:#171718;
}
.product02-box .img1{
    position: absolute;
    top: 0;
    left:1.65rem;
    width: 9rem;
}
.product02-box .right-text-box{
    position: absolute;
    top:.82rem;
    left: 11.8rem;
}
.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: .2rem;
}
.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:.36rem;
}
.product02-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    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:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}

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


.product03-box-content{
    width: 100%;
    height:35.12rem;
    overflow: hidden;
    background: #171718;
}
.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;
}
.wifi-content-box{
    position: relative;
    width: 100%;
    height:14.65rem;
    overflow: hidden;
    background: #171718;
}


.wifi-content-box .right-text-box{
    position: absolute;
    top:0;
    left:2.6rem;
    padding: 0 .32rem .6rem .32rem;
    box-sizing: content-box;
    width: 14rem;
    border-bottom: 1px solid #3d3d3d;
}


.wifi-content-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;
    margin-left:.09rem;
}
.wifi-content-box .right-text-box .right-txt{
   
}
.wifi-content-box .right-text-box .right-txt .top-txt{
    font-size: .6rem;
    color: #ffffff;
    margin-top: .25rem;
    margin-left:.09rem;
}
.wifi-content-box .right-text-box .right-txt .two-txt{
    margin-top:.3rem;
    color:#666666;
    font-size: .2rem;
    margin-left:.09rem;
}
.wifi-content-box .right-text-box .right-txt .three-box-rel{
    display: flex;
}
.wifi-content-box .right-text-box .right-txt .three-txt{
    margin-top:.6rem;
}
.wifi-content-box .right-text-box .right-txt .three-txt .blue-p{
    color:#0190f3;
    font-size:.36rem;
}
.wifi-content-box .right-text-box .right-txt .three-txt .p{
    font-size:.2rem;
    line-height: .3rem;
    color: #ffffff;
    margin-top: .22rem;
}
.wifi-content-box .right-text-box .right-txt .canshu-box{
    margin-top:.55rem;
    color: #0174d9;
    font-size:.2rem;
    line-height: .4rem;
}
.wifi-content-box .right-text-box .right-txt .canshu-box .canshu-p{
    /* display: flex;
    align-items: flex-end;  */
    height: .4rem;
    overflow: hidden;
}
.wifi-content-box .right-text-box .right-txt .canshu-box .canshu-p span{
    margin-top: .08rem;
}
.wifi-content-box .right-text-box .right-txt .canshu-box .canshu-p .canshu-big{
    font-size:.3rem;
}
.wifi-content-box .right-text-box .right-txt .beizhu-txt{
    margin-top:.75rem;
    color:#444444;
    font-size: .2rem;
    line-height: .3rem;
}
.wifi-content-box .img1{
    position: absolute;
    top:4.98rem;
    left:2.37rem;
    width:14.22rem;
}
.wifi-content-box .bottom-txt{
    position: absolute;
    top:12rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: #444444;
    font-size: .2rem;
    line-height: .3rem;
}