@import url("header.css");
@import url("banner.css");
@import url("demo.css");
@import url("partner.css");
@import url("conn.css");
@import url("footer.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;}

.cefu{width: 100%;height: 4.46rem;background-color: #ffffff;font-size: 0.14rem;color: #777777;}
.cefu .cefulist{width: 10rem;height: 4.36rem;margin: 0 auto;display: block;border-bottom: 0.01rem solid #ccc;}
.cefu .cefulist .cefunav{width: 80%;height: 1rem;display: flex;margin: 0 auto;}
.cefu .cefulist .cefunav .navitem{width: 20%;height: 0.83rem;text-align: center;margin-top: 0.16rem; text-decoration: none;}
.cefu .cefulist .cefunav .navitem img{width: 0.42rem;height: 0.42rem;display: block;margin: 0.08rem auto 0.04rem;}
.cefu .cefulist .cefunav .navitem .name{color: #000000;font-size: 0.12rem;display: block;height: auto; text-decoration: none;}
.cefu .cefulist .cefunav .navitemon .name{color: #2F63D9;}
.cefu .cefulist .cefunav .navitem .line{width: 0.42rem;height: 0.03rem;background-color: #2F63D9;margin: 0.04rem auto;display: block;display: none}
.cefu .cefulist .cefunav .navitemon .line{display: block;} 

.cefu .cefulist .picslist{width: calc(100% + 5vw);height: 3.05rem;margin-left: -2.5vw;overflow: hidden;position: relative;}
.cefu .cefulist .cfcontent{width: calc(100% - 5vw);height: 3.05rem;margin: 0 auto;}
.cefu .cefulist .cfitem{width: 12.5%;height: 1.43rem;display: inline-block;text-align: center;padding-top: 0.1rem;margin: 0;float: left;text-decoration: none;color: #000000;}
.cefu .cefulist .cfitem img{width: 1.12rem;}
.skill{width: 100%;height: 3.6rem;display: block;background-color: #ffffff;}
.skill .skills{width: 10rem;height: 2.25rem;margin: 0 auto;border-bottom: 0.01rem solid #ccc;display: flex;}
.skill .skills .skillitem{width: 16.66%;height: 1.7rem;font-size: 0.12rem;text-align: center;}
.skill .skills .skillitem img{display: inline-block;margin-bottom: 0.15rem;margin-top: 0.5rem;}
.h5{width: 100%;height: 3.6rem;background-color: #ffffff;}
.h5wap{width: 10rem;height: 3.59rem;margin: 0 auto;border-bottom: 0.01rem solid #ccc;display: flex;}
.h5wap .left{width: 50%;height: 3.59rem;}
.h5wap .left img{width: 4.3rem;display: block;margin-top: 0.3rem;}
.h5wap .right{width: calc(50% - 0.3rem);height: 2.99rem;text-align: left;padding-left: 0.5rem;font-size: 0.12rem;}
.h5wap .right h2{display: block;color: #000000;font-size: 0.33rem;font-weight: 900;height: auto;width: 100%;text-align: left;padding: 0;margin: 0;margin-top: 0.9rem;}
.h5wap .right h3{font-size: 0.14rem;font-weight: 500;}
.h5wap .right .h5btn{display: block;text-decoration: none;width: 1.16rem;height: 0.33rem; background: #316AEC;text-align: center;color: #fff;line-height: 0.33rem;margin-top: 0.2rem;font-size: 0.13rem;cursor: pointer;}
.goodstype{width: 100%;height: 4rem;display: block;}
.gs{width: 10rem;height: 1.9rem;margin: 0 auto;margin-top: 0.35rem;display: flex;font-size: 0.12rem;}
.gs .gsitem{width: 4.8rem;border: 0.02rem solid #cccccc;display: flex;}
.gs .gsitem .icon{width: 35%;text-align: center;padding-top: 0.4rem;}
.gs .gsitem .ct{padding-top: 0.35rem;padding-right: 0.2rem;width: 65%;}
.gs .gsitem .ct .name{font-size: 0.26rem;font-weight: 900;}
.gs .gsitem .ct .linktext{margin-top: 0.1rem;display: block;text-decoration: none;color: #2F63D9;}
.gs .gsitem:nth-child(2){margin-left: 0.36rem;}
@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 .cfitem img{width: 95%;}
}

@media screen and (max-width: 800px) {
    .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: 2rem;width: 100%;margin-left: 0;}
    .cefu .cefulist .picslist .cfcontent{height: 2rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem{height: 1rem;}
    .cefu .cefulist .picslist .cfcontent .cfitem .name{display: none;}
    .cefu .cefulist .picslist .cfcontent .cfitem img{width: 95%;}
    
    .skill{height: 5.8rem;}
    .skill .skills{
        height: 3.8rem;
        width: 100%;
    }
    .skill .skills .skillitem{width: 16.66%;height: 1.7rem;font-size: 0.12rem;text-align: center;}
    .skill .skills .skillitem img{width: 90%;}
    
    .h5{height: 4rem;}
    .h5wap{height: 3.99rem;width: 100%;}
    .h5wap .left{width: 50%;height: 3.59rem;}
    .h5wap .left img{width: 90%;}
    .h5wap .right{
        padding-left: 0;
    }
    .h5wap .right h2{
        margin-top: 0.2rem;
        text-align: justify;
    }
    .h5wap .right h3{
        text-align: justify;
        display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break:break-all;word-wrap: break-word;overflow: hidden;
    }
    .goodstype{
        height: 6.8rem;
    }
    .gs{width: 100%;height: 4.5rem;margin: 0 auto;margin-top: 0.35rem;display: flex;font-size: 0.12rem;}
    .gs .gsitem{width: 48%;}
    .gs .gsitem .icon img{
        width: 90%;
    }
}