@import url("header.css");
@import url("banner.css");
@import url("demo.css");
@import url("partner.css");
@import url("footer.css");
@import url("whychoose.css");
@import url("admin.css");
@import url("modsdk.css");
@import url("online.css");
@import url("question.css");
.content h2,.content h3{display: block;color: #000000;font-size: 0.33rem;font-weight: 900;text-align: center;height: auto;width: 100%;text-align: center;padding: 0;margin: 0;padding-top: 0.5rem;}
.content h3{font-size: 0.15rem;padding-top: 0.2rem;font-weight: 300;}
.skin{width: 100%; height: 8rem;font-size: 0.12rem;}
.skin .lights{width: 10rem; height: 1.7rem;display: flex;margin: 0 auto;text-align: center;margin-top: 0.4rem;}
.skin .lights .lightitem{width: 12.5%;}
.skin .lights .lightitem img{
    width: calc(100% - 0.1rem);
}
.skin .lights .lightitem .name{margin-top: 0.03rem;}
.skin .functions{width: 6.58rem;height: 3.7rem;margin: 0 auto;display: flex;margin-top: 0.5rem;background-position: center;background-size: cover;background-repeat: no-repeat;}
.functions .funcitem{width: calc(33.33% - 0.7rem);height: 3.4rem;padding-left: 0.7rem;text-align: left;color: #ffffff;padding-top: 0.3rem;}
.functions .funcitem .name{font-size: 0.2rem;font-weight: 600;margin-bottom: 0.2rem;margin-left: -0.15rem;}
.functions .funcitem li{line-height: 150%;font-size: 0.14rem;}
.functions .funcitem:nth-child(1){width: calc(33.33% - 0.65rem);padding-left: 0.65rem;}
.functions .funcitem:nth-child(3){width: calc(33.33% - 0.75rem);padding-left: 0.75rem;}

.yuce{width: 10rem; height: 5.6rem;font-size: 0.12rem;margin: 0 auto;}
.yuce .yc{height: 3.2rem;margin: 0 auto;margin-top: 0.3rem;width: calc(10rem + 4.8vw);margin-left: -2.4vw;position: relative;}
.yuce .yc .yuce-swiper-container{width: 10rem;height: 3.2rem;margin: 0 auto;overflow: hidden;}
.yuce .cfitem{width: 2.5rem;text-align: center;}
.yuce .cfitem img{width: 2.4rem;}
.yuce .point{width: 4.43rem;height: 0.5rem;margin: 0 auto;margin-top: 0.1rem;color: #777777;}
.yuce .desc .right{float: right;}

.d3d{width: 100%;height: 6.6rem;}
.d3d .ddd{width: 10rem;height: 4.5rem;margin: 0 auto;display: flex;font-size: 0.12rem;text-align: center;color: #777777;margin-top: 0.3rem;}
.d3d .ddd .left{width: 3.2rem;}
.d3d .ddd .left img{width: 3.2rem;}
.d3d .ddd .right{width: 6.615rem;margin-left: 0.185rem;}
.d3d .ddd .right img{width: 6.615rem;}

@media screen and (max-width: 1200px) {
    .cefu{height: 3.26rem;}
    .cefu .cefulist{width: 100%;height: 3.2rem;}
    .cefu .cefulist .cefunav{width: 100%;height: 0.8rem;}
    .cefu .cefulist .cefunav .navitem{height: 0.8rem;}
    .cefu .cefulist .cefunav .navitem .name{display: none;}
    .cefu .cefulist .cefunav .navitem .line{display: none;}
    .cefu .cefulist .picslist{height: 1.8rem;width: 100%;margin-left: 0;}
    .cefu .cefulist .picslist .cfcontent{height: 1.8rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem{height: 0.9rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem .name{display: none;}
    .cefu .cefulist .picslist .cfcontent .cfitemimg{width: 95%;}
    
    .skin{
        height: 8.8rem;
    }
    .skin .lights,.yuce,.yuce .yc .yuce-swiper-container,.d3d .ddd{
        width: 100%;
    }
    .yuce .yc,.yuce .yc .yuce-swiper-container{
        width: 100%;
        height: 2.6rem;
    }
    .yuce .cfitem{
        width: 100%;
        display: block;
    }
    .yuce .cfitem img{
        width: 100%;
    }
    .yuce .point{
        width: 80%;
    }
    .yuce .point img{
        width: 100%;
    }
    
    .d3d .ddd .left{
        width: 32%;
    }
    .d3d .ddd .right{
        width: 66%;
    }
    .d3d .ddd .left img,.d3d .ddd .right img{
        width: 100%
    }
}