body{color:#999999; background: #ffffff}
.navbar-brand{float: none !important;}
.navbar-burger ,.navbar-burger:hover ,.navbar-burger:active{color: #fff}
.bggray{background: #F9F9F9;}
.imgcenter{margin: 0 auto;}
.fullwidth{width:100%}
.is-white{background: #ffffff}
.bdgray{border: 1px solid #cccccc;}
.lineh1{line-height: 1}
.lineh12{line-height: 1.2}
.lineh15{line-height: 1.5}
.lineh2{line-height: 2}
.lineh25{line-height: 2.5}
.lineh3{line-height: 3}
.logo{height: 50px}
.textindex{text-indent:2em;}
.lineone{ display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow:ellipsis;}
.linetwo{ width: 100%;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;}
.headline{height: 50px ; border-right:2px solid #ECECEC; width: 0; padding: 0 ; }
.placeholdergray::placeholder{color:#cccccc;}
a,a:visited,a:hover{color:#666; text-decoration: none}
.navbar a.navbar-item {padding-left: 20px; padding-right: 20px}
.navbar .navbar-item {background: #c40000;color: #fff; }
.navbar .navbar-item:hover,.navbar .navbar-item:active  {color: #c40000  !important;background:#fff  !important }
/*.navbar .is_active {color: #c40000;background:#fff }*/
/*.navbar .is-selected {color: #c40000;background:#fff }*/
.navbar .navbar-dropdown  {background: #c40000  !important;color:#fff  !important }
.navbar .navbar-dropdown .navbar-item {background: #c40000 !important;color: #fff !important;}
.navbar .navbar-dropdown .navbar-item:hover  {color: #c40000 !important;background:#fff !important }
.imgcenter .image{margin: 0 auto;}
.right0{right: 0}
.right10{right: 10px}
.top0{top: 0}
.top10{top: 10px}
.swiper-container {width: 100%;height: 700px;}
.swiper-container .swiper-slide {width: 100%;text-align: center;font-size: 18px;background: #fff;overflow:hidden;}

.swiper-container .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
    background-size:cover;
    background-repeat: no-repeat;
}

.swiper-button-next, .swiper-button-prev{color: #fff}

.indexproductbg{background: url("/lmd/img/AD0IhbjSDhACGAAg-YKcoAYo4OD_9gIwgA841Ak.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-color:#c40000;
}
.indexbrand {
    width: 100%;
    height: 80px;
    margin: 20px auto;
}

.indexbrand .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}



.indexbrand .append-buttons a {
    display: inline-block;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}

.probox {
    position: relative;
}
.probox {
    transition: all .5s;
}
.probox:hover img {
    transform: scale(1);
}
/* 遮罩 */

@media screen and (min-width: 640px) {
    .probox::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    .probox:hover::after {
        opacity: 1;
    }
    .probox .info {
        position: absolute;
        width: 100%;
        height: auto;
        bottom: -50px;
        height: 50px;
        line-height: 50px;
        z-index: 999;
        color: #fff;
        transition: all .5s;
        opacity: 0;
    }
    .probox:hover .info {
        transform: translateY(-50px);
        opacity:0.8;
        background: #333;

    }
    .probox:hover .info .text{
        color:#fff;

    }
}


#floatbtn {
    width: 50px;
    height: auto;
    position: fixed;
    top: auto;
    right: 50%;
    bottom: 10px;
    left: auto;
    z-index: 80;
    margin-right: -640px;
}
#floatbtn.fixed {
    position: absolute;
    bottom: 279px;
    right: 50%;
}
#floatbtn > a,
#floatbtn .floatbtn-item {
    cursor: pointer;
    position: relative;
    z-index: 90;
    display: block;
    margin-top: 4px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #d5d5d5;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#floatbtn > a.hover:hover,
#floatbtn .floatbtn-item.hover:hover {
    -webkit-transition: background-color 400ms ease-out;
    -moz-transition: background-color 400ms ease-out;
    -o-transition: background-color 400ms ease-out;
    transition: background-color 400ms ease-out;
    background: #c40000;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    padding: 5px;
}
#floatbtn > a.hover:hover i,
#floatbtn .floatbtn-item.hover:hover i {
    display: none;
}
#floatbtn > a.hover:hover em,
#floatbtn .floatbtn-item.hover:hover em {
    display: block;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
}
#floatbtn > a em,
#floatbtn .floatbtn-item em {
    display: none;
}
#floatbtn > a:hover,
#floatbtn .floatbtn-item:hover {
    background: #c40000;
}
#floatbtn > a:hover i,
#floatbtn .floatbtn-item:hover i {
    color: #fff;
}
#floatbtn > a:hover .floatbtn-wrapper,
#floatbtn .floatbtn-item:hover .floatbtn-wrapper {
    display: block;
}
#floatbtn .iconfont {
    display: inline-block;
    font: normal normal normal 14px/1 iconfont;
    font-size: inherit;
}
.floatbtn-wrapper {
    position: absolute;
    right: 59px;
    top: -55px;
    z-index: 120;
    display: none;
    width: 190px;
    height: 212px;
    background-color: #fff;
    border: 1px solid #eee;
}
.floatbtn-wrapper:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    height: 200px;
    width: 12px;
    background: transparent;
}
.floatbtn-wrapper:after {
    content: "";
    position: absolute;
    right: -6px;
    top: 73px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid #d5d5d5;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.floatbtn-wrapper > .qrcode {
    margin-top: 20px;
    line-height: 1;
}
.floatbtn-wrapper > .qrcode > img {
    width: 128px;
    height: 128px;
}
.floatbtn-wrapper p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}
.floatbtn-wrapper p em {
    color: #dd3067;
}
.floatbtn-share .floatbtn-wrapper:after {
    top: 18px;
}
.floatbtn-share .floatbtn-wrapper .social-share .icon-wechat .wechat-qrcode p {
    font-size: 12px;
}
.productgrid{
    aspect-ratio: 4 / 3;
    background-color: lightblue;
}
.panel-block  {border-right: 1px solid #eee;border-left: 1px solid #eee;border-bottom: 1px solid #eee !important;color: #333333}
.panel .is-active{background-color: #c40000 !important;color:#ffffff !important; }
.panel .is-active .panel-icon{color:#ffffff !important; }
.panel-block:hover{background-color: #c40000 !important;color:#ffffff !important;}
.panel-block:hover .panel-icon{color:#ffffff !important; }

.article-text{color:#333333}
.article-text strong{color:#333333}
.article-text p{line-height: 2;}



@media screen and (max-width: 640px) {
    .swiper-container {height: 200px;}
    .swiper-container .slide-inner{background-size:100% }
    .probox .info{position: relative; bottom: 0; left: 0;opacity: 1; line-height: 30px}

    .logo{width: 40%}
}