@charset "UTF-8";



/*base*/

.plate>div{

    width: 1200px;

    margin: 0 auto;

}

.first-box{

    background-color: #f7f8f6;

}





/*banner*/

.banner-box{

    background-image: url("../images/banner.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;
    image-rendering: pixelated;

}

.banner-title{

    /*  */

    font-size: 72px;

    color: #fff;
    letter-spacing: 6px;
	font-family: OPPOSans-B;
}

.banner-title>span:after{

    content: '」';

    font-size: 44px;

    padding-left: 15px;

}

.banner-title>span:before{

    content: '「';

    font-size: 44px;

    padding-right: 15px;

    position: relative;

    top: -28px;

}

.banner-subtitle{

    font-family: PingFang-SC-Regular;

    font-size: 24px;

    line-height: 48px;

    letter-spacing: 5px;

    color: #666666;

    text-align: center;

    padding-top: 40px;

}





/*解决方案*/

.plan-box{

    position: relative;

}

.plan{

    padding-top: 68px;

}

.plan-top{

    text-align: center;

}

.plan-title{

    
	font-family: OPPOSans-B;
    font-size: 36px;

    color: #333333;

    margin-bottom: 16px;
    font-weight: 600;

}

.plan-subtitle{

    

    font-size: 21px;

    letter-spacing: 0;

    color: #333333;
	font-family: OPPOSans-R;
}

.plan-bottom{

    box-shadow: -6px 4px 11px 2px

    rgba(0, 0, 0, 0.15);

    display: flex;

    justify-content: space-between;

    padding-top: 60px;

    margin-top: 60px;

    background-color: #fff;

}

.plan-item{

    width: 33%;

    padding: 77px 0 ;

}

.plan-item:nth-of-type(2){

    border-right: 1px solid #f2f2f2;

    border-left  : 1px solid #f2f2f2;

}

.plan-item>h3{

    

    font-size: 48px;

    color: #333333;

    position: relative;

    text-align: center;

}
.plan-item>h3 span{
    position: relative;
    z-index: 2;
    font-family: OPPOSans-M;
}


.plan-item:nth-of-type(1)>h3:before{

    content: '01';
    font-family: DIN-Bold;
    font-size: 80px;
    color: #f4f5f3;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    /* z-index: -1; */
    font-weight: 600;
    letter-spacing: 2px;
	font-family: DIN-Bold;
}

.plan-item:nth-of-type(2)>h3:before{

    content: '02';

    font-family: DIN-Bold;

    font-size: 80px;

    color: #f4f5f3;

    position: absolute;

    top: -60px;

    left: 50%;

    transform: translateX(-50%);

    /* z-index: -1; */
    font-weight: 600;
    letter-spacing: 2px;

}

.plan-item:nth-of-type(3)>h3:before{

    content: '03';

    font-family: DIN-Bold;

    font-size: 80px;

    color: #f4f5f3;

    position: absolute;

    top: -60px;

    left: 50%;

    transform: translateX(-50%);

    /* z-index: -1; */
    font-weight: 600;
    letter-spacing: 2px;

}

.plan-item>p{

    text-align: center;

    

    font-size: 14px;

    line-height: 24px;

    color: #666666;

    padding: 48px 0;
	font-family: OPPOSans-R;
}

.plan-item>a{

    margin: 0 auto;

    display: block;

    width: 193px;

    height: 48px;

    background-color: #ec6800;

    text-align: center;

    line-height: 48px;

    font-size: 18px;

    color: #fff;

    text-decoration: none ;
    font-family: OPPOSans-R;
}

.plan-img{

    height: 983px;

    z-index: -1;

    position: relative;

    top: -80px;

    background-image: url("../images/plan1.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;

    justify-content: center;

    align-items: center;

}

.plan-img-arrow{

    position: relative;

    margin-bottom: 0;

}

.plan-img-arrow>li{

    position: absolute;

    background-color: #fff;

    padding: 26px 38px;

    border-radius: 10px;

}

.plan-img-arrow>li>h5{

    

    font-size: 24px;

    line-height: 30px;

    color: #333333;

}

.plan-img-arrow>li>p{

    

    font-size: 16px;

    color: #333333;

    margin-bottom: 0;

}

.jnxt,.znmj{

    text-align: right;

}

.jnxt{

    left: -239px;

    top: -18px;

}

.znmj{

    bottom: -46px;

    left:-370px ;

}

.afxt{

    top: -58px;

    right: -390px;

}

.tcc{

    bottom: -50px;

    right: -333px;

}





/*智慧社区 板块一*/

.wisdom-title{

    padding-top: 20px;

    padding-bottom: 88px;

}

.wisdom-title>h3,.wisdom-title>p{

    margin-bottom: 0;

}

.wisdom-title>h3{

    

    font-size: 60px;

    color: #333333;

    text-align: center;

    padding-bottom:30px ;
	font-family: OPPOSans-B;
}

.wisdom-title>p{

    

    font-size: 60px;

    color: #eeeeee;

    text-align: center;

}

.wisdom-title>div{

    width: 43px;

    height: 2px;

    background-color: #ec6800;

    margin: 0 auto;

}

.wisdom-base{

    padding-top:100px;



}

.wisdom-base>h3{

    

    font-size: 50px;

    color: #333333;

    text-align: center;
	font-family: OPPOSans-M;
}

.wisdom-base>p{

    

    font-size: 18px;

    line-height: 36px;

    color: #333333;

    text-align: center;

    padding: 36px 0 50px;

    margin-bottom: 0;
	font-family: OPPOSans-R;
}

.wisdom-base>div{

    width: 100%;

}

.wisdom-base>div>img{

    width: 100%;

    max-height: 820px;
    image-rendering: pixelated;

}

.wisdom-plate1-img{

    position: relative;

    overflow: hidden;

}

.wisdom-plate1-img>img{

    width: 100%;
    image-rendering: pixelated;

}

.music-img{

    position: absolute;

    left: 50%;

    bottom: 10%;

    animation: myfirst11 8s infinite linear;

    text-align: center;

}

.lighting-img{

    position: absolute;

    top: 45%;

    right: 19%;

    animation: myfirst12 8s infinite linear;

    text-align: center;

}

.music-img>p,.lighting-img>p{

    

    font-size: 24px;

    line-height: 55px;

    letter-spacing: 1px;

    color: #ffffff;

    text-align: center;

}

@keyframes myfirst11{



    0% {

        left: 50%;

        bottom: 10%;

    }

    25% {

        left: 51%;

        bottom: 11%;

    }

    50% {

        left: 52%;

        bottom: 9%;

    }

    75% {

        left: 51%;

        bottom: 11%;

    }

    100% {

        left: 50%;

        bottom: 10%;

    }



}

@keyframes myfirst12{



    0% {

        top: 45%;

        right: 19%;

    }

    25% {

        top: 46%;

        right: 20%;

    }

    50% {

        top: 44%;

        right: 18%;

    }

    75% {

        top: 45%;

        right: 20%;

    }

    100% {

        top: 45%;

        right: 19%;

    }



}



/*智慧社区 板块2*/

.wisdom-plate2{

    padding-top: 120px;

}

.wisdom-img{

    position: absolute;

    text-align: center;

}



.wisdom-img>p{

    

    font-size: 24px;

    padding-top: 10px;

    color: #fefefe;
	font-family: OPPOSans-R;
}

.a360-img{

    top: 12%;

    left: 30%;

    animation: a360 8s infinite linear



}

@keyframes a360 {

    0% {

        top: 12%;

        left: 30%;

    }

    25% {

        top: 14%;

        left: 27%;

    }

    50% {

        top: 16%;

        left: 30%;

    }

    75% {

        top: 15%;

        left: 32%;

    }

    100% {

        top: 12%;

        left: 30%;

    }

}

.time-img{

    top: 18%;

    right: 27%;

    animation: time-img 8s infinite linear

}

@keyframes time-img {

    0% {

        top: 18%;

        right: 27%;

    }

    25% {

        top: 16%;

        right: 24%;



    }

    50% {

        top: 19%;

        right: 27%;



    }

    75% {

        top: 22%;

        right: 24%;

    }

    100% {

        top: 18%;

        right: 27%;

    }

}

.one-img{

    bottom: 13%;

    left: 20%;

    animation: one-img 8s infinite linear;

}

@keyframes one-img {

    0%{

        bottom: 13%;

        left: 20%;

    }

    25%{

        bottom: 15%;

        left: 22%;

    }

    50%{

        bottom: 16%;

        left: 20%;

    }

    75%{

        bottom: 10%;

        left: 17%;

    }

    100%{

        bottom: 13%;

        left: 20%;

    }

}

.visitor-img{

    top: 46%;

    left: 36%;

    animation: visitor-img 8s infinite linear;

}

@keyframes visitor-img {

    0%{

        top: 46%;

        left: 36%;

    }

    25%{

        top: 48%;

        left: 38%;

    }

    50%{

        top: 50%;

        left: 39%;

    }

    75%{

        top: 48%;

        left: 36%;

    }

    100%{

        top: 46%;

        left: 36%;

    }

}

.face-img{

    bottom: 13%;

    left: 52%;

    animation: face-img 8s infinite linear;

}

@keyframes face-img {

    0%{

        bottom: 13%;

        left: 52%;

    }

    25%{

        bottom: 11%;

        left: 50%;

    }

    50%{

        bottom: 9%;

        left: 52%;

    }

    75%{

        bottom: 11%;

        left: 54%;

    }

    100%{

        bottom: 13%;

        left: 52%;

    }

}

.a24-img{

    right: 19%;

    bottom: 13%;

    animation: a24 8s infinite linear;

}

@keyframes a24 {

    0%{

        right: 19%;

        bottom: 13%;

    }

    25%{

        right: 17%;

        bottom: 11%;

    }

    50%{

        right: 19%;

        bottom: 9%;

    }

    75%{

        right: 21%;

        bottom: 11%;

    }

    100%{

        right: 19%;

        bottom: 13%;

    }

}



/*智能社区 板块3*/

#wisdom-plate3-item{

    width: 50%;

    display: flex;

    justify-content: space-between;

    margin: 0 auto;

    align-items: flex-end;

    padding: 15px 0 35px;

}

.plate3-item{

    width: 33%;

    text-align: center;

}

.plate3-item>p{

    padding-top: 15px;

    margin-bottom: 0;
    font-size: 22px;
	font-family: OPPOSans-R;
}

.icon-box{

    width: 190px;

    height: 190px;

    background-color:#ffffff0d;

    position: absolute;

    border: 1px solid rgba(255,255,255,0.21);

    border-radius: 50%;

    left: 18%;

    bottom: 27%;

    opacity: 1;

}

.icon1,.icon2,.icon3{

    width: 100%;

    height: 100%;

    background-color:#ffffff0d;

    border: 1px solid rgba(255,255,255,0.21);

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

}

.icon1{

    animation: icon1 2500ms infinite linear;

}

@keyframes icon1 {

    0%{

        opacity: 1;

        width: 100%;

        height: 100%;

        background-color:#ffffff99;

    }

    100%{

        opacity: 0;

        width: 200%;

        height: 200%;

        background-color:#ffffff20;



    }

}

.icon2{

    animation: icon2 3000ms infinite linear;

}

@keyframes icon2 {

    0%{

        opacity: 1;

        width: 100%;

        height: 100%;

        background-color:#ffffff99;

    }

    100%{

        opacity: 0;

        width: 400%;

        height: 400%;

        background-color:#ffffff20;



    }

}





/*智慧家庭 板块1*/

.family-title{

    padding-top: 100px;

}

.af-box{

    width: 100%;

    text-align: center;

    padding-top: 110px;

}

.af-title{

    

    font-size: 50px;

    color: #333333;
	font-family: OPPOSans-M;
}

.af-subtitle{

    padding: 36px 65px;

    

    font-size: 18px;

    color: #333333;

    line-height: 36px;
	font-family: OPPOSans-R;
}

.af-item-box{

    width: 50%;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    padding-bottom: 35px;

    margin: 0 auto;

}

.af-item{

    width: 20%;

    text-align: center;

}

.af-item>p{

    

    font-size: 20px;

    color: #000000;

    padding-top: 15px;
    letter-spacing: 2px;
	font-family: OPPOSans-R;
}



/*智慧家庭 板块2*/

.yl-img{

    position: relative;

}

.yl-img>img{

    width: 100%;
    image-rendering: pixelated;

}

.yl-swiper .swiper-container  .swiper-wrapper .swiper-slide:nth-child(3) p{
    color: #020202;
}
.yl-img>p{

    position: absolute;

    left: 61px;

    bottom: 26px;

    

    font-size: 24px;

    color: #ffffff;
	font-family: OPPOSans-R;
}

.swiper-slide-active{

    margin-right:25px;

}





/*智能家庭 板块3*/

.ai-item,.icon-box{

    position: absolute;

}

.ai-item{

    text-align: center;

}

.ai-item>p{

    

    font-size: 20px;

    color: #ffffff;

    padding-top: 10px;
	font-family: OPPOSans-R;
}

.ai-img{

    overflow: hidden;

}

.skdg{

    left: 19%;

    bottom: 25%;

    animation: skdg 8s infinite linear;

}

@keyframes skdg {

    0%{

        left: 19%;

        bottom: 25%;

    }

    25%{

        left: 21%;

        bottom: 23%;

    }

    50%{

        left: 19%;

        bottom: 21%;

    }

    75%{

        left: 17%;

        bottom: 23%;

    }

    100%{

        left: 19%;

        bottom: 25%;

    }

}

.skds{

    left: 36%;

    bottom: 14%;

    animation: skds 8s infinite linear;

}

@keyframes skds {

    0%{

        left: 36%;

        bottom: 14%;

    }

    25%{

        left: 35%;

        bottom: 16%;

    }

    50%{

        left: 36%;

        bottom: 10%;

    }

    75%{

        left: 34%;

        bottom: 16%;

    }

    100%{

        left: 36%;

        bottom: 14%;

    }

}

.skkt{

    left: 57%;

    bottom: 25%;

    animation:skkt 8s infinite linear;

}

@keyframes skkt {

    0%{

        left: 57%;

        bottom: 25%;

    }

    25%{

        left: 55%;

        bottom: 23%;

    }

    50%{

        left: 57%;

        bottom: 26%;

    }

    75%{

        left: 59%;

        bottom: 23%;

    }

    100%{

        left: 57%;

        bottom: 25%;

    }

}

.skcl{

    right: 17%;

    top: 17%;

    animation: skcl 8s linear infinite;

}

@keyframes skcl {

    0%{

        right: 17%;

        top: 17%;

    }

    25%{

        right: 15%;

        top: 19%;

    }

    50%{

        right: 17%;

        top: 21%;

    }

    75%{

        right: 19%;

        top: 19%;

    }

    100%{

        right: 17%;

        top: 17%;

    }

}

.ai-icon-box{

    position: absolute;

    width: 166px;

    height: 166px;

    border: 1px solid rgba(255,255,255,0.33);

    border-radius: 50%;

    opacity: 1;

    top: 17.4%;

    left: 27.1%;

    -webkit-box-shadow:0 0 100px rgba(255,255,255,0.21) inset;

    -moz-box-shadow:0 0 100px rgba(255,255,255,0.21) inset;

    box-shadow:0 0 100px rgba(255,255,255,0.21) inset;

}

.ai-icon1,.ai-icon2,.ai-icon3{

    width: 100%;

    height: 100%;

    border: 1px solid rgba(255,255,255,0.21);

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-box-shadow:0 0 100px rgba(255,255,255,0.4) inset;

    -moz-box-shadow:0 0 100px rgba(255,255,255,0.4) inset;

    box-shadow:0 0 100px rgba(255,255,255,0.4) inset;

    opacity: 0;



}

.ai-icon1{

    animation: ai-icon3 6s infinite linear;

}

.ai-icon2{

    animation: ai-icon3 6s infinite linear;

    animation-delay:2s;

}

.ai-icon3{

    animation: ai-icon3 6s infinite linear;

    animation-delay:4s;

}

@keyframes ai-icon3 {

    0%{

        width: 100%;

        height: 100%;

        opacity: 1;

    }

    100%{

        width: 800%;

        height: 800%;

        opacity: 0;

    }

}







/*智慧物业 板块一*/

.wy-box{

    width: 100%;

    height: 1175px;

    text-align: center;

    position: relative;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;
    

}

.wy-box>img{

    width: 100%;

    height: 100%;

    position: absolute;

}

.wy-title{

    padding-top: 100px;

}

.wy-kt,.wy-dg,.wy-ds,.wy-cl{

    position: absolute;

}

.wy-kt>p,

.wy-dg>p,

.wy-ds>p,

.wy-cl>p{

    text-align: center;
    padding-top: 12px;
    font-size: 24px;
    color: #111;
    letter-spacing: 1px;
    font-family: OPPOSans-R;
}

.wy-kt{

    left: 17%;

    top: 34%;

    animation: wy-kt 8s infinite linear;

}

@keyframes wy-kt {

    0%{

        left: 17%;

        top: 34%;

    }

    25%{

        left: 18%;

        top: 35%;

    }

    50%{

        left: 16%;

        top: 36%;

    }

    75%{

        left: 18%;

        top: 35%;

    }

    100%{

        left: 17%;

        top: 34%;

    }

}

.wy-dg{

    left: 34%;

    top: 48%;

    animation: wy-dg 8s infinite linear;

}

@keyframes wy-dg {

    0%{

        left: 34%;

        top: 48%;

    }

    25%{

        left: 36%;

        top: 46%;

    }

    50%{

        left: 35%;

        top: 48%;

    }

    75%{

        left: 32%;

        top: 46%;

    }

    100%{

        left: 34%;

        top: 48%;

    }

}

.wy-ds{

    left: 18%;

    bottom: 18%;

    animation: wy-ds 8s infinite linear;

}

@keyframes wy-ds {

    0%{

        left: 18%;

        bottom: 18%;

    }

    25%{

        left: 20%;

        bottom: 20%;

    }

    50%{

        left: 18%;

        bottom: 21%;

    }

    75%{

        left: 19%;

        bottom: 20%;

    }

    100%{

        left: 18%;

        bottom: 18%;

    }

}

.wy-cl{

    left: 45%;

    bottom: 6%;

    animation: wy-cl 8s infinite linear;

}

@keyframes wy-cl {

    0%{

        left: 45%;

        bottom: 6%;

    }

    25%{

        left: 47%;

        bottom: 4%;

    }

    50%{

        left: 49%;

        bottom: 6%;

    }

    75%{

        left: 47%;

        bottom: 4%;

    }

    100%{

        left: 45%;

        bottom: 6%;

    }

}

.wy-icon-box{

    width: 364px;

    height: 364px;

    background-color: rgba(0,111,227, 0.25);

    border: 2px solid  rgba(255,255,255,0.17) ;

    position: absolute;

    border-radius: 50%;

    right: 28%;

    top: 34%;
    display: none;

}

.wy-icon1,.wy-icon2,.wy-icon3{

    width: 100%;

    height: 100%;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    border: 2px solid  rgba(255,255,255,0.17) ;

    -webkit-box-shadow:0 0 200px rgba(0, 111, 227,  0.25) inset;

    -moz-box-shadow:0 0 200px rgba(0, 111, 227,  0.25) inset;

    box-shadow:0 0 200px rgba(0, 111, 227, 0.25) inset;

}

.wy-icon1{

    animation: wy-icon3 6s infinite linear;

    opacity: 0;

}

.wy-icon2{

    animation: wy-icon3 6s infinite linear;

    animation-delay:2s;

    opacity: 0;

}

.wy-icon3{

    animation: wy-icon3 6s infinite linear;

    animation-delay:4s;

    opacity: 0;

}

@keyframes wy-icon3 {

    0%{

        width: 100%;

        height: 100%;

        opacity: 1;

    }

    100%{

        width: 400%;

        height: 400%;

        opacity: 0;

    }

}



/*智慧物业 板块2*/

.sf-img{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 25px;

    /* padding-bottom: 80px; */

}

.sf-left{

    flex: 1;

    padding-right: 100px;

}

.sf-right{

    flex: 1;

    padding-left: 100px;

}





.sf-left-top,

.sf-left-bottom{

    justify-content: flex-end;

}

.sf-left-top,

.sf-left-bottom,

.sf-right-top,

.sf-right-bottom{

    display: flex;

    align-items: center;

    width: 295px;

}

.sf-right-top,.sf-right-bottom{
    flex-direction: row-reverse;
}

.sf-left-top>p,

.sf-left-bottom>p,

.sf-right-top>p,

.sf-right-bottom>p{

    

    font-size: 30px;

    color: #111111;

    margin: 0;
    white-space: nowrap;
	font-family: OPPOSans-R;
}
.sf-left-top>p,

.sf-left-bottom>p{

    padding-right:35px;

}

.sf-right-top>p,

.sf-right-bottom>p{

    padding-left: 35px;

}

.sf-left-bottom,

.sf-right-bottom{

    padding-top: 125px;

}





/*响应式配置*/

@media (max-width:1680px) {

    /*定制ai*/

    .ai-icon-box {

        width: 134px;

        height: 134px;

    }

}

@media (max-width:1599px) {

    /*解决方案*/

    .plan-item>h3{

        font-size: 38px;

    }



    /*智慧社区*/

    .music-img,

    .lighting-img{

        width: 120px;

    }

    .music-img>img,

    .lighting-img>img{

        width: 100%;

    }





    /*安防*/

    .time-img>img,

    .one-img>img,

    .face-img>img,

    .visitor-img>img{

        width: 113px;

    }



    /*定制ai*/

    .ai-icon-box {

        width: 124px;

        height: 124px;

    }

    .skdg>img,

    .skkt>img,

    .skds>img,

    .skcl>img{

        width: 120px;

    }



    /*物业*/

    .wy-box{

        height: 920px;

    }

    .wy-icon-box{

        width: 252px;

        height: 252px;

    }

    .wy-ds>img,

    .wy-kt>img{

        width: 107px;

        height: 107px;

    }

}

@media (max-width:1477px) {

    .wisdom-base>h3,

    .af-title{

        font-size: 40px;

    }

    .plan-subtitle{

        font-size: 22px;

    }

    .wisdom-base>p,

    .af-subtitle {

        font-size: 16px;

    }
    .banner-title{
        font-size: 63px;
    }
    .banner-title>span:before{
        font-size: 35px;
        top: -14px;
    }
    .banner-title>span:after{
        font-size: 35px;
    }
    .banner-subtitle{
        font-size: 20px;
        line-height: 30px;
        padding-top: 24px;
    }

}



@media (max-width:1365px) {

    .wisdom-title>h3{

        font-size: 50px;

    }

    .znmj{

        bottom: -46px;

        left: -282px;

    }

    .afxt{

        top: -58px;

        right: -317px;

    }

    .tcc{

        bottom: -50px;

        right: -283px;

    }



    .ai-icon-box {

        top: 16.3%;

        left: 26.6%;

    }



    .wy-icon-box {

        right: 24%;

        top: 36%;

    }



    .sf-img{

        width: 100%;

    }

    .sf-left-top>p, .sf-left-bottom>p, .sf-right-top>p, .sf-right-bottom>p{

        font-size: 25px;

    }

    .sf-left img{

        width: 70px;

    }

    .sf-left{

        padding-right: 80px;

    }

    .sf-right img{

        width: 70px;

    }

    .sf-right{

        padding-left: 80px;

    }

    .sf-center{

        width: 26%;

    }

    .sf-center>img{

        width: 100%;

    }

    .af-subtitle{
        padding: 36px 20px;
    }

    .af-item-box{
        width: 64%;
    }
}



@media (max-width:1220px){

    .plate>div{

        width: 100%;

    }

    .ai-icon-box {

        top: 15.3%;

        left: 26.3%;

    }

}



@media (max-width:1200px) {

    /*文字大小*/

    .time-img>p,

    .one-img>p,

    .face-img>p,

    .a24-img>p,

    .visitor-img>p,

    .skdg>p,

    .a360-img>p,

    .skkt>p,

    .skds>p,

    .skcl>p,

    .wy-ds>p,

    .wy-kt>p,

    .music-img>p,

    .lighting-img>p{

        font-size: 16px;

    }



    .plan-title,

    .wisdom-base>h3,

    .af-title{

        font-size: 32px;

    }

    .plan-subtitle{

        font-size: 20px;

    }

    .wisdom-base>p,

    .af-subtitle {

        font-size: 14px;

    }



    .plan-img-arrow>img{

        width: 300px;

    }

    .plan-img-arrow>li{

        padding: 10px 15px;

    }

    .plan-img-arrow>li>h5{

        font-size: 18px;

    }

    .plan-img-arrow>li>p{

        font-size: 14px;

    }

    .jnxt{

        left: -127px;

    }

    .znmj{

        left: -284px;

        bottom: -31px;

    }

    .afxt{

        top: -40px;

        right: -292px;

    }

    .tcc {

        bottom: -37px;

        right: -252px;

    }

    .music-img>img, .lighting-img>img{

        width: 70px;



    }

    /*安防*/

    .af-item-box{

        width: 70%;

    }

    .time-img>img,

    .one-img>img,

    .face-img>img,

    .a24-img>img,

    .visitor-img>img{

        width: 70px;

    }

    /*定制ai*/

    .skdg>img,

    .a360-img>img,

    .skkt>img,

    .skds>img,

    .skcl>img{

        width: 70px;

    }

    /*物业*/

    .wy-ds>img,

    .wy-kt>img{

        width: 70px;

        height: 70px;

    }

    .wy-dg>img,

    .wy-cl>img{

        width: 70px;

    }

    /*物业*/

    .wy-icon-box {

        right: 23%;

        top: 37%;

    }

    /*缴费*/

    .sf-left{

        width: 25%;

        padding-right: 20px;

    }

    .sf-left img{

        width: 60px;

    }

    .sf-center{

        width: 40%;

    }

    .sf-right{

        width: 25%;

        padding-left: 20px;

    }

    .sf-right img{

        width: 60px;

    }

    .sf-left-top>p, .sf-left-bottom>p, .sf-right-top>p, .sf-right-bottom>p{

        font-size: 22px;

    }

    .sf-left-top, .sf-left-bottom, .sf-right-top, .sf-right-bottom{

        width: 100%;

    }

}



@media (max-width:1050px) {

    .ai-icon-box {

        top: 13.3%;

        left: 25.3%;

    }

}



@media (max-width:767px) {}