/*灯饰类首页开始*/
.ma-a {
    width: 100%;
    position: relative;
}

.ma-b {
    width: 100%;
}

.ma-item {
    width: 100%;
}

.ma-c {
    display: block;
    width: 100%;
}

.ma-video {
    position: relative;
    padding-top: calc(1080 / 1920 * 100%);
}

.ma-video video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ma-img {
    width: 100%;
    position: relative;
    padding-top: 50%
}

.ma-img img {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ma-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15.4rem;
    text-align: center;
}

.ma-titles {
    width: 100%;
    color: #ffffff;
    margin-bottom: .13rem;
}

.ma-intro {
    width: 100%;
    color: rgba(255, 255, 255, .8);
    margin-bottom: .5rem;
    line-height: 1.3;
}

.ma-d {
    color: #ffffff;
    line-height: 1.3;
}

.ma-buttom {
    position: absolute;
    bottom: .6rem;
    left: 50%;
    z-index: 88;
    transform: translate(-50%, 0);
    width: 15.4rem;
    display: flex;
    justify-content: center
}

.ma-pagination {
    position: static;
    width: auto;
    text-align: left;
}

.ma-pagination .swiper-pagination-bullet {
    /* display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    opacity: 1;
    margin-right: .3rem;
    line-height: .48rem;
    color: #ffffff;
    border-radius: 0;
    background-color: transparent; */
    width: 0.1rem;
    height: 0.1rem;
    position: relative;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 0.25rem;
}

.ma-pagination .swiper-pagination-bullet-active:after {
    content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(2);
box-shadow: 0 0 0 1px inset #fff;
border-radius: 50%;
}

.ma-prev {
    position: absolute;
    left: auto;
    right: .7rem;
    margin-top: -.24rem;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url('/static/home/images/e8.png');
    background-size: .18rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.ma-prev:hover {
    background-color: #0f69ce;
    background-image: url('/static/home/images/e8-b.png');
}

.ma-next {
    transform: rotate(-180deg);
    position: absolute;
    right: 0;
    margin-top: -.24rem;
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    background-color: #ffffff;
    background-image: url('/static/home/images/e8.png');
    background-size: .18rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.ma-next:hover {
    background-color: #0f69ce;
    background-image: url('/static/home/images/e8-b.png');
}

.ma-mouse {
    cursor: pointer;
    animation: AnRotate 1.5s linear infinite alternate;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 98;
    margin-left: -.11rem;
    margin-top: -.2rem;
    width: .22rem;
    height: .4rem;
    background-image: url('/static/home/images/e7.png');
    background-size: .22rem auto;
    background-position: center center;
    background-repeat: no-repeat;
}

@keyframes AnRotate {
    0% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(-5px);
    }
}

@media(max-width:750px) {
    .ma-video {
        min-height: 280px;
    }

    .ma-img img {
        min-height: 280px;
    }

    .ma-titles {
        font-size: 18px;
    }

    .ma-intro {
        font-size: 14px;
        margin-bottom: .35rem;
    }

    .ma-d {
        font-size: 14px;
    }

    .ma-mouse {
        display: none;
    }

    .ma-text {
        width: 100%;
        padding: 0 10px;
    }

    .ma-buttom {
        width: calc(100% - 20px);
        bottom: 20px;
    }
}

/* p5003 首页-产品中心 start */
.mb-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem;background-color: #f6f6f6;}
.mb-b{width: 15.4rem;margin: 0 auto;}
.mb-top{width: 100%;position: relative;margin-bottom: .5rem;}
.mb-left{text-align: center;}
.mb-titles{	color: #333333;margin-bottom: .1rem;}
.mb-intro{line-height: 1.3;color: #333333;}
.mb-right{position: absolute;bottom: 0;right: 0;}
.mb-more{display: block;cursor: pointer;color: #333333;}
.mb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('/static/home/images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.mb-more:hover{color: #2154bd;}
.mb-more:hover:after{border: solid .01rem #2154bd; background-image: url('/static/home/images/e8-c.png');}
.mb-cont{width: 100%;font-size: 0;}
.mb-item{position: relative;}
.mb-c{width: 100%;}
.mb-one{width: 100%;}
.mb-d{display: block;cursor: pointer; width: 100%;}
.mb-img {width: 100%;position: relative;padding-top: 120%;}
.mb-img img{    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;}
.mb-text{position: absolute;top: .87rem;left: 0;padding: 0 .1rem; text-align: center; width: 100%;}
.mb-name{width: 100%;color: #ffffff; margin-bottom: .1rem;}
.mb-e{width: 100%;color: #ffffff;line-height: 1.3;margin-bottom: .2rem;}
.mb-f{color: #ffffff;}
.mb-f:after{content: '→';color: #ffffff;margin-left: .1rem;}

.mb-pagination{position: absolute;bottom: .25rem;left: 0;width: 100%;text-align: center;}
.mb-pagination .swiper-pagination-bullet{opacity: 1; display: inline-block;vertical-align: middle;margin: 0 .15rem;width: .24rem;height: .22rem;background-image: url('/static/home/images/e12.png');background-color: transparent; background-size:auto .08rem;background-position: center center;background-repeat: no-repeat;}
.mb-pagination .swiper-pagination-bullet-active{background-image: url('/static/home/images/e12-b.png');background-size: auto .22rem;}

@media(max-width:750px) {
    .mb-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}
/* p5003 首页-产品中心 end */

.md12454.mc-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem;overflow: hidden;}
.md12454 .mc-b{width: 100%;margin: 0 auto;}
.md12454 .mc-cont{width: 100%;font-size: 0;}
.md12454 .mc-left{display: inline-block;vertical-align: middle;position: relative;  width: 45%;padding-left: 1.9rem; padding-right: .2rem;}
.md12454 .mc-left:before{content: '';position: absolute;top: 1rem;left: 0;	width: .1rem;height: 5rem;background-color: #0f69ce;}
.md12454 .mc-titles{color: #333333;margin-bottom: .13rem;}
.md12454 .mc-intro{color: #333333;line-height: 1.18;padding-bottom: .3rem;margin-bottom: .3rem; position: relative;}
.md12454 .mc-intro:before{content: '';position: absolute;bottom: 0;left: 0;width: .3rem;height: 2px;background-color: #0f5ece;}
.md12454 .mc-textbox{max-width: 5.73rem;min-height: 2.2rem;padding-bottom: .3rem; line-height: 2;color: #717171;}
.md12454 .mc-textbox *{line-height: inherit;}
.md12454 .mc-list{width: 100%;font-size: 0;padding-bottom: .5rem;}
.md12454 .mc-item{display: inline-block;vertical-align: top;margin-right: .7rem;margin-bottom: .3rem;}
.md12454 .mc-item:last-child{margin-right: 0;}
.md12454 .mc-nub{margin-bottom: .13rem;}
.md12454 .mc-span1{display: inline-block; color: #0f69ce;margin-right: .1rem;}
.md12454 .mc-span2{display: inline-block; color: #0f69ce;}
.md12454 .mc-c{	color: #222222;line-height: 1.3;}
.md12454 .mc-img{width: 100%;}
.md12454 .mc-img img{width: 2.88rem;border-radius: 4px;}
.md12454 .mc-right{display: inline-block;vertical-align: middle;cursor: pointer; width:55%;position: relative;}
.md12454 .mc-bg{width: 100%;}
.md12454 .mc-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .72rem;}
.md12454 .mc-play img{width: 100%;}
.md12454.mc-a .xv-d{background-color: #2154bd;}

@media(max-width:750px) {
    .md12454.mc-a{padding: .8rem 0;}
    .md12454 .mc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md12454 .mc-left{width: 100%;padding: 0  0 .3rem;}
    .md12454 .mc-left:before{display: none;}
    .md12454 .mc-textbox{max-width: 100%;}
    .md12454 .mc-img img{width: 100%;}
    .md12454 .mc-right{width: 100%;}
}

/* 首页-案例中心 start */
.md-a{width: 100%;padding-top: .8rem;padding-bottom: .25rem; background-color: #f6f6f6;}
.md-top{width: 15.4rem;margin: 0 auto; position: relative; }
.md-left{display: inline-block;padding-right: 100px;}
.md-titles{	color: #333333;margin-bottom: .1rem;}
.md-intro{line-height: 1.3;color: #333333;}
.md-right{position: absolute;bottom: 0;right: 0;}
.md-more{display: block;cursor: pointer;color: #333333;}
.md-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .2rem;transform: rotate(-180deg);border-radius: 50%; width: .37rem;height: .37rem;background-image: url('/static/home/images/e8.png');background-size: .12rem auto;background-position: center center;background-repeat: no-repeat; border: solid .01rem #cccccc;}
.md-more:hover{color: #2154bd;}
.md-more:hover:after{border: solid .01rem #2154bd; background-image: url('/static/home/images/e8-c.png');}
.md-cont{width: 100%;position: relative;}
.md-b{width: 100%;}
.md-item{width: 11.5rem;margin: 0 .08rem;padding-top: .5rem;padding-bottom: 1.5rem; }
.md-c{display: block; width: 100%;cursor: pointer; }
.md-img{position: relative; width: 100%;padding-top: calc(720 / 1150 * 100%);}
.md-img img{  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;object-fit: cover;}
.md-text{opacity: 0;transition: all .5s; position: absolute;bottom: .7rem;right: .3rem;width: 4.1rem;padding: .4rem; background-color: rgba(255,255,255,.9);box-shadow: 0px .2rem .26rem .05rem rgba(0, 0, 0, 0.19);border-radius: 8px;}
.md-nub{ font-size: 0;margin-bottom: .3rem;}
.md-index{display: inline-block;vertical-align: bottom; color: #333333;}
.md-link{display: inline-block;vertical-align: bottom;margin: 0 .05rem; color: #333333;}
.md-sum{display: inline-block;vertical-align: bottom; color: #333333;}
.md-d{margin-bottom: .1rem; color: #333333;line-height: 1.3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.md-e{margin-bottom: .45rem; color: #585857;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md-know{width: 100%; 	letter-spacing: 2px;color: #333333;}
.md-know:after{content: '→';margin-left: .15rem;color: #333333;} 
.md-item.swiper-slide-active .md-text{opacity: 1;}

.md-prev{left: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('/static/home/images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-prev:hover{background-color: #0f69ce;} 
.md-next{transform: rotate(-180deg); right: 4.15rem;margin-top: -.3rem;	width: .6rem;height: .6rem;background-color: rgba(0,0,0,.3);border-radius: 50%; background-image: url('/static/home/images/e8-b.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}
.md-next:hover{background-color: #0f69ce;}

@media(max-width:750px) {
    .md-top{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .md-item{width: 80%;}
    .md-prev{top: 1rem; left: 15%;}
    .md-next{top: 1rem;right: 15%;}
}
/* 首页-案例中心 end */

.me-a{width: 100%;padding-top: 1.2rem;padding-bottom: .7rem; }
.me-b{width: 15.4rem;margin: 0 auto;}
.me-top{width: 100%;position: relative;margin-bottom: .5rem;}
.me-left{display: inline-block;padding-right: 100px;}
.me-titles{	color: #333333;margin-bottom: .1rem;}
.me-intro{line-height: 1.3;color: #333333;}
.me-right{position: absolute;bottom: 0;right: 0;}
.me-navs{display: inline-block;vertical-align: middle;}
.me-nav{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .45rem;color: #222222;line-height: 1.3;}
.me-nav:hover{	color: #0e60ce;}
.me-nav.active{	color: #0e60ce;}
.me-more{display: inline-block;vertical-align: middle;cursor: pointer; color: #222222;line-height: 1.3;}
.me-more:hover{	color: #0e60ce;}

.me-cont{width: 100%;position: relative;overflow: hidden;}
.me-item{position: absolute;top: 0;left: -120%;width: 100%;}
.me-item.show{position: relative;left: 0;}
.me-item:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.me-lt{ width: 10.2rem;font-size: 0;display: flex;flex-wrap: wrap;}
.me-one{display: inline-block;vertical-align: middle;cursor: pointer;background-color: #f6f6f6;border-radius: 4px;overflow: hidden; width: 5rem;margin-right: .2rem;margin-bottom: .3rem;}
.me-one:nth-child(2n){margin-right: 0;}
.me-img{width: 100%;overflow: hidden;position: relative;padding-top: calc(200 / 390 * 100%); }
.me-img img{  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;object-fit: cover  ;transition: all .5s;}
.me-text{padding: .4rem .2rem .8rem;}
.me-c{color: #333333;margin-bottom: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-d{color: #666666;margin-bottom: .3rem;}
.me-d img{width: 1em;margin-right: .12rem;}
.me-e{color: #666666;line-height: 1.7; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.me-one:hover .me-img img{transform: scale(1.05);}
.me-one:hover .me-c{color: #2154bd;}

.me-rt{position: absolute;top: 0;right: 0;margin-bottom: .3rem;padding: .4rem 0 .4rem .35rem; height: calc(100% - .3rem); width: 5rem;background-color: #f6f6f6;border-radius: 4px;  }
.me-f{display: block;cursor: pointer; margin-bottom: .25rem; padding-right: .35rem;}
.me-g{color: #222222; line-height: 1.5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.me-h{color: #666666;line-height: 1.3;}
.me-f:hover .me-g{color: #2154bd;}

.me-rt div.mCSB_scrollTools{ width: 5px;}
.me-rt div.mCSB_scrollTools .mCSB_draggerRail{width: 5px;background-color: #f6f6f6; }
.me-rt div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;background-color: #cccccc;  }
.me-rt div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.me-rt div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #cccccc;}
.me-rt div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #cccccc;}
 


@media(max-width:750px) {
    .me-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .me-left{width: 100%;margin-bottom: .35rem;} 
    .me-right{width: 100%;position: static;text-align: center;}

    .me-lt{ width: 100%;}
    .me-one{width: calc(50% - 5px);margin-right: 10px; margin-bottom: .3rem;}
    .me-rt{width: 100%;position: static;height: 270px;}
}

.mf-a {
    width: 100%;
    padding-top: .9rem;
    padding-bottom: .8rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.mf-b {
    width: 15.4rem;
    margin: 0 auto;
}

.mf-top {
    width: 100%;
    position: relative;
    margin-bottom: .4rem;
}

.mf-left {
    display: inline-block;
    padding-right: 100px;
}

.mf-titles {
    color: #333333;
    margin-bottom: .1rem;
}

.mf-intro {
    line-height: 1.3;
    color: #333333;
}

.mf-cont {
    width: 100%;
    position: relative;
}

.mf-c {
    width: 100%;
}

.mf-item {
    width: 3rem;
    margin-right: .09rem;
}

.mf-item:last-child {
    margin-right: 0;
}

.mf-d {
    display: block;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    background-color: #ffffff;
    border-radius: 6px;
}

.mf-d img {
    max-width: 80%;
    max-height: 100%;
    transform: scale(1.00);
    transition: all .5s;
}

.mf-d:hover img {
    transform: scale(1.05);
}

.mf-pagination {
    position: absolute;
    top: 50%;
    right: 0;
}

.mf-pagination .swiper-pagination-bullet {
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: .24rem;
    height: .22rem;
    background-image: url('../images/e13.png');
    background-color: transparent;
    background-size: auto .08rem;
    background-position: center center;
    background-repeat: no-repeat;
}

.mf-pagination .swiper-pagination-bullet-active {
    background-image: url('../images/e13-b.png');
    background-size: auto .22rem;
}


@media(max-width:750px) {
    .mf-b {
        width: 100%;
        max-width: 500px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mf-top {
        padding-bottom: .5rem;
    }

    .mf-pagination {
        top: auto;
        bottom: 0;
        transform: translate(0, 0);
    }

    .mf-item {
        width: calc(33.33% - .1rem);
        margin-right: .15rem;
    }
}