.flex {
    display: flex;
}

/* 浮动帮助窗口 */
.float-toolbar { position: fixed; width: 36px; height: 320px; top: 50%; right: 0; margin-top: -220px; z-index: 9999; }
.float-toolbar li { position: relative; width:36px; height:36px; margin-top: 1px; }
.float-toolbar li > a { position:absolute; top:0; z-index:9; display:block; width: 36px; height: 36px;
    background: #999999 url("../images/float-toolbar.png?v=1") no-repeat;		transition: all .3s ease-in; }
.float-toolbar li > a:hover { background-color:#199699; }
.float-toolbar .win { position:absolute; top: 0; left: 36px; padding: 8px; text-align: center; background: #fff;
    /*filter:alpha(Opacity=0); -moz-opacity:0; opacity: 0;*/
    transition: all .3s ease-in; }
.float-toolbar li:hover .win { left: auto; right: 36px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; }

.float-toolbar .ewm .win { width: 180px; }
.float-toolbar .ewm span { font-size:0.8rem; }
.float-toolbar .ewm .inner { padding:10px; position:relative; border: solid 1px #ddd; }
.float-toolbar .ewm .inner:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid #ddd;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    z-index:9;
    top: 15px;
    right:-10px;
}
.float-toolbar .ewm:hover .win { left:-188px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; }

.float-toolbar .ewm span { display:block; font-size:0.8rem; }
.float-toolbar .phone .win { display:none; }
.float-toolbar .map .win { display:none; }
/*.float-toolbar li a.iconewm { background-position:0 0; }*/
.float-toolbar .ewm a { background-position:0 0; }
.float-toolbar .tel a { background-position:-72px 0; }
.float-toolbar .map a { background-position:-36px 0; }
.float-toolbar .email a { background-position:-216px 0; }
.float-toolbar li a.iconcn { background-position:-108px 0; }
.float-toolbar li a.iconen { background-position:-144px 0; }
.float-toolbar li a.icontop { background-position:-180px 0; }


.float-toolbar .ewm a:hover { background-position:0 -36px; }
.float-toolbar .tel a:hover { background-position:-72px -36px; }
.float-toolbar .map a:hover { background-position:-36px -36px; }
.float-toolbar .email a:hover { background-position:-216px -36px; }
.float-toolbar li a.iconcn:hover { background-position:-108px -36px; }
.float-toolbar li a.iconen:hover { background-position:-144px -36px; }
.float-toolbar li a.icontop:hover { background-position:-180px -36px; }

.float-toolbar .whatsapp a { background-position: -252px 0; }
.float-toolbar .whatsapp a:hover { background-position: -252px -36px; }

.float-toolbar .linkedin a { background-position: -288px 0; }
.float-toolbar .linkedin a:hover { background-position: -288px -36px; }

.float-toolbar .facebook a { background-position: -324px 0; }
.float-toolbar .facebook a:hover { background-position: -324px -36px; }

.float-toolbar .inquiry a { background-position: -360px 0; }
.float-toolbar .inquiry a:hover { background-position: -360px -36px; }

.float-toolbar .wechat .win { width: 180px; }
.float-toolbar .wechat a { background-position: -432px 0; }
.float-toolbar .wecvhat a:hover { background-position: -432px -36px; }



/* 面包屑 */
.breadcrumb {
    background-color: #ffffff;
    text-align: right;
}


.banner {
    height: auto;
}
.banner .swiper-wrapper li {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-page {
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner-page.product {
    background-image: url('../images/banner/banner-product.jpg?v=20250512');
}
.banner-page.aboutus {
    background-image: url('../images/banner/banner-aboutus.jpg?v=20250513');
}
.banner-page.case {
    background-image: url('../images/banner/banner-case.jpg');
}
.banner-page.news {
    background-image: url('../images/banner/banner-news.jpg?v=2023030801');
}
.banner-page.contactus {
    background-image: url('../images/banner/banner-contactus.jpg?v=20230303');
}
.banner-page.banner-WHYKENDECCOR {
    background-image: url('../images/banner/banner-WHYKENDECCOR.jpg?v=20230324');
}
.banner-page.banner-video {
    background-image: url('../images/banner/banner-video.jpg?v=20230324');
}





.artlistimg dl { clear:both; overflow:hidden; margin:15px 10px; }
.artlistimg dt { overflow: hidden; float:left; width:225px; height:200px; }
.artlistimg dt a { overflow:hidden; width:220px; height:183px; margin:0 auto; padding:1px; border:1px solid #cdcbcb; display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:174px;*font-family:Arial; }
.artlistimg dt a:hover { border:1px solid #666; }
.artlistimg dt img{ vertical-align:middle; }
.artlistimg dd { padding-left:250px; line-height:25px; color: #666; word-break: break-all; }
.artlistimg dd a { color: #999; }
.artlistimg dd h2 { margin:0; padding:0; font-family:"microsoft yahei"; font-size: 1.4rem; font-weight:bold; }
.artlistimg dd h2 a { font-size: 1.6rem; color:black  }
.artlistimg dd span { display:block; color: #999; font-size: 1.2rem; }
.artlistimg dd .more { display:block; margin-top: 15px; text-align: center; width:80px; background: #1c4e91; color: #fff;
    padding: 2px 10px;
    border-radius: 6px;
}



ul.artlist2 { clear:both; overflow:hidden; margin:0 0 20px 0; padding-bottom:10px; }
ul.artlist2 li { overflow:hidden; float:left; width:43.5%; _width:43%; height:22px; margin:5px 10px; padding-left:20px; background:url(icon003.gif) no-repeat 6px 6px; border-bottom:1px dashed #999; line-height:22px; }

.article { padding:8px 0; line-height:22px }
.article h1.article-title { text-align:center; color:#ee7131; line-height:40px; font-size:25px; word-break:break-all; }
.article .article-author { text-align:center; line-height:30px; font-size:12px; }
.article  hr { height:1px; border-top: none; border-bottom:1px dotted #666666; }
.article .article-intro { margin:0 8px; padding:8px; background:#f5f8fd;  }
.article .article-content { margin: 15px 0; padding: 8px 0; font-size: 1rem; line-height:30px; }
.article .article-content a { color:#0000ee; }
.article .article-content b, .article .article-content strong { color:#ff0000; }

.article .article-tags { margin-top:10px; font-size:12px; }
.article .article-tags a { color:#A10000 }
.article .article-otherinfo { margin-bottom:10px; font-size:12px; }

.article .dvbi_image { text-align:center; }
.article .dvbi_image img { padding:5px; border:1px solid #999999; }
.article .dvbi_image A:hover img { border:1px solid #ECECEC; background:#ECECEC; }
.dvbackbtn { margin-bottom:10px; text-align:center; }
/*附加的*/
.article .article-image { float:left; width:280px; height:210px; padding:10px; border:2px solid #cccccc; }
.article .article-intro2 { float:right; width:330px; padding:8px; background:#f4f4f6;  }
.article h4.article-xg { margin:10px 0; line-height:30px; font-family:"microsoft yahei"; font-size:14px; color:#ee7131; border-bottom:1px dashed #333; }



/* 新闻详情 页面的内容 */
.article-prevnext {
    color: #666;
}
.entry-meta {
    margin-top: 20px;
}
.entry-meta ul {
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #eeeeee;
}
.entry-meta ul li {
    line-height: 26px;
}
.related-article,
.gallery-article {
    margin-top: 10px;
}
.related-article .row,
.gallery-article .row {
    margin: 0 -5px;
}
.related-article .col-sm-3,
.gallery-article .col-sm-3 {
    padding: 0 10px;
}
.related-article .col-sm-3 a,
.gallery-article .col-sm-3 a {
    display: block;
}
@media (max-width: 480px) {
    .related-article .row,
    .gallery-article .row {
        margin: 0 -5px !important;
    }
    .related-article .col-sm-3,
    .gallery-article .col-sm-3 {
        padding: 0 5px 10px 5px;
    }
}
@media (max-width: 767px) {
    .article-list .row,
    .gallery-article .row {
        margin: 0 -5px !important;
    }
    .article-list .col-sm-3,
    .gallery-article .col-sm-3 {
        padding: 0 5px 10px 5px;
    }
}
@media (max-width: 1200px) {
    .article-list .media-body .article-tag {
        position: relative;
        bottom: inherit;
        margin-top: 5px;
    }
}
.related-page ul li.active a {
    color: #007bff;
}

.index-gallary h5,
.related-article h5 {
    margin: 10px 0 !important;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    font-weight: normal;
    height: 15px;
}




/*联系我们*/
.contact-title { height:47px; background:url("../images/contactus/contactus-title.jpg") no-repeat;}
/* 关于我们 联系方式 */
.contact { padding-bottom:50px; }
.contact li { margin-bottom:20px; }
.contact .item { font-size:0.8rem; }
.contact .item .photo {
    overflow:hidden;
    width:128px; height:128px;
    margin: 0 auto 15px auto;
    background:#333333;
    border-radius:50%;
}
.contact .item .photo img { margin-top:24px; }
.contact .item i {
    display:block;
    width:80px; height:80px;
    margin:25px auto 0 auto;
    background:url("../images/contactus/contact-icon.png") no-repeat;
}
.contact .item i.email { background-position:0 -80px; }
.contact .item i.addr { background-position:0 -160px; }
.contact .item i.mobile { background-position:0 -240px; }


.content-text {
    font-size:1rem;
    line-height:2rem;
}
.content-text p {
    margin: 10px 0;
    font-size:1rem;
    line-height:2rem;
}







.product-main-nav {
    display: flex;
    justify-content: center;
    margin: 20px 0 30px 0;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #ededed;
}
.product-main-nav li {
    display: inline-block;
    padding: 0 15px;
}
.product-main-nav li a {
    display: inline-block;
    padding: 8px 20px;
    border-bottom: 4px solid #666;
    /*border-radius: 20px;*/
    transition: all .5s ease-in-out;
    /* background-color: #999; */
    text-decoration: none;
    color: #333;
}
.product-main-nav li a:hover, .product-main-nav li.active a {
    border-bottom: 4px solid #eb3c00;
    /* background-color: #eb3c00; */
}



.product-nav {
    display: flex;
    justify-content: center;
    margin: 20px 0 50px 0;
    padding-bottom: 15px;
    text-align: center;
    /* border-bottom: 1px solid #ededed; */
}
.product-nav li {
    display: inline-block;
    padding: 0 15px;
}
.product-nav li a {
    display: inline-block;
    padding: 8px 20px;
    /*border-bottom: 2px solid #ffffff; */
    border-radius: 20px;
    transition: all .5s;
    background-color: #999;
    text-decoration: none;
    color: #fff;
}
.product-nav li a:hover, .product-nav li.active a {
    /* border-bottom: 2px solid #eb3c00; */
    background-color: #eb3c00;
}


.product-list {
    padding: 0px 0 30px 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}
.product-list .item {
    width: 33.33%;
    margin-bottom: 15px;
    padding-right: 1%;
    text-align: center;
    transition: all .3s;
}
.product-list .item:nth-child(4n) {
    padding-right: 0;
}
.product-list .item .photo {
    /*width: 100%;*/
    padding: 5px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
}
.product-list .item .photo img {
    width: 100%;
    transition: all .3s;
}
.product-list .item h3 {
    margin-top: 15px;
    font-size: 1.1rem;
    line-height: 1;
    height: 3rem;
    font-weight: normal;
}
.product-list .item:hover .photo img {
    transform: scale(1.1);
}
.product-list .item:hover h3 a {
    color: #da251d
}
.product-list.home-product-list .item {
    width: 100%;
}

.product-list.big .item {
    width: 50%;
}

/* 一行4列 */
.product-list.pro-fixed-image .item .photo img {
    height: 250px;
    /*ç«–çš„ height: 432px;*/
}


/* 一行4列 */
.product-list.case-fixed-image .item .photo img {
    height: 300px;
    /*ç«–çš„ height: 432px;*/
}

.product-list.col-2 .item {
    width: 50%
}

.product-list.col-3 .item {
    width: 32%
}
.product-list.col-3.case-fixed-image .item .photo img {
    height: 675px;
}



.product-list.case-swiper .item {
    width: 100%;
}
.product-list.case-swiper .item .photo img {
    height: 230px;
}





/* 产品列表页 侧边栏的分类 */
.sidebar-warp {
    padding-left: 0;
}
.sidebar-warp.product-page {
    margin-top: 100px;
}

.sidebar-list-menu {
    margin-bottom:15px;
    border:0
}
.sidebar-list-menu h3, .sidebar-list-menu .h3 {
    margin:0;
    padding:10px 15px;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.08);
    color:#222;
    font-size:16px
}
.sidebar-list-menu .menu_tg {
    float:left;
    font-size:22px;
    display:none;
    height:40px;
    line-height:42px;
    width:40px;
    text-align:center
}
.sidebar-list-menu .list-group {
    margin-top:-1px
}
.sidebar-list-menu .list-group a {
    display:block
}
.sidebar-list-menu .list-group-item {
    padding:0;
    margin:0;
    border:0;
    border-top:1px solid rgba(0,0,0,.08);
    border-radius:0
}
.sidebar-list-menu .list-group-item a {
    display:block;
    padding:10px;
    color:#777
}
.sidebar-list-menu .list-group-item a span.active::before {
    display:inline-block;
    transform:rotate(90deg)
}
.sidebar-list-menu .bg-color-h .list-group-item a:hover {
    color:#fff
}
.sidebar-list-menu .list-group .bg-color {
    color:#fff
}
.sidebar-list-menu .list-group2 .list-group2_item a {
    padding:8px 10px 8px 20px;
    font-size:12px;
    opacity:.8
}
.sidebar-list-menu .list-menu {
    display:none;
    color:#333;
    font-size:20px
}
.sidebar-list-menu .list-menu:hover {
    opacity:.7
}
.sidebar-list-menu .list-group-item>.list-group2 {
    padding-left:10px
}
@media (max-width:768px) {
    .sidebar-list-menu {
        display:none
    }
    .sidebar-list-menu .title {
        display:inline-block;
        float:left;
        max-width:70%;
        padding:10px 0;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .sidebar-list-menu .list-menu {
        display:inline-block;
        float:right;
        max-width:30%
    }
    .sidebar-list-menu .list-group {
        display:none
    }
    .tem01-pro-detail .leftlist .sidebar-list-menu h3,.tem01-pro-detail .leftlist .sidebar-list-menu .h3 {
        padding:10px 15px 10px 0
    }
    .sidebar-list-menu .menu_tg {
        display:block
    }
}





.pager {
    margin-bottom: 50px;
}
.pager .pagination {
    margin: 0;
}
.pager .pager {
    margin: 0;
}
.pager li {
    margin: 0 0.4em;
    display: inline-block;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
    padding: .5em 1.2em;
}
.pager li > a,
.pager li > span {
    background: none;
    border: 1px solid #e6e6e6;
    border-radius: 0.25em;
    padding: .5em .93em;
    font-size: 14px;
    transition: all .3s;
}
.pager li > a:hover {
    background-color: #d7000e;
    color: #fff;
}
.pager li:hover span {
    background-color: #d7000e;
    color: #fff;
}


/* 视频列表 */
.video-list {}
.video-list .item {
    clear: both;
    margin: 30px 0 60px 0;
}
.video-list .item .photo {
    float: left;
    width: 48%;
}
.video-list .item .photo a {
    position: relative;
    overflow:hidden;
    width: 100%;
    height: 300px;
    margin:0 auto;
    padding: 1px;
    border: 1px solid #cdcbcb;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    *display:block;
    *font-size:174px;
    *font-family:Arial;
}
.video-list .item .photo .img {
    width: 100%;
    height: 300px;
    vertical-align:middle;
}
.video-list .item .photo .floatimg {
    position: absolute;
    left: calc(60% - 80px);
    top: calc(60% - 80px);
}
.video-list .item .item-content {
    float: right;
    width: 50%;
}
.video-list .item .item-content h2 { margin-top:0; font-family:"microsoft yahei"; font-size: 1.6rem; font-weight:bold; }
.video-list .item .item-content span {
    line-height: 2;
}

.video-list .item:nth-child(2n) .photo {
    float: right;
    width: 48%;
}
.video-list .item:nth-child(2n) .item-content {
    float: left;
    width: 50%;
}




.tem77-header .head_bottom .navigation nav .nav>ul .nav-layer-1 {
    background-color:#fff;
    position: fixed;
    top: 130px;
    width: 100%;
    left:0;
    line-height:initial;
    box-shadow:0 4px 12px rgba(0,0,0,.1);
    /*opacity:0;
    visibility:hidden;
    transform:translateY(20px);*/
    transition:.2s;
    pointer-events:none;
    background-color:#fff;
    z-index: 999999;
}
.tem77-header .head_bottom .navigation nav .nav>ul li:hover .nav-layer-1 {
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto
}


.nav-layer {
    position: fixed;
    top: 130px;
    width: 100%;
    left:0;
    background-color:#fff;
    transition:.2s;
}





.app_menu {
    width: 100%;
    /*max-width: 800px;*/
    position: fixed;
    /*height: 100%;*/
    top: 116px;
    right: 0;
    z-index: 99;
    display: none;
}
.app_menu ul {
    background: #0e5fa4;
    padding: 0 15px 15px 15px;
}
.app_menu ul li {
    width: 100%;
    border-bottom: 1px dashed #919191;
}

.app_menu ul li > a {
    width: 60%;
    display: block;
    color: #fff;
    line-height: 3rem;
}
.app_menu ul a:hover {
    color: #fff;
}
.app_menu ul li > a span {
    font-size: 14px;
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    display: block;
    padding-left: 1rem;
}
.app_menu ul li.on {
    background: url("../images/bottom.png") no-repeat 95% 15px;
    background-size: 16px;
}
/*.app_menu ul .v_list {
    width: 100%;
    display: none;
}
.app_menu ul .v_list a {
    display: block;
    font-size: 14px;
    width: 100%;
    line-height: 36px;
    color: #ddd;
    display: block;
    padding-left: 2rem;
    float: none;
}*/
.app_menu ul li:last-child {
    border: none;
}
.app_menu ul li.on.active .v_list {
    display: block;
}
.app_menu li.language {
    padding: 2rem 1rem;
}
.app_menu li.language a {
    display: inline-block;
    width: auto;
    margin: 0 0.3rem;
    padding: 0.5rem 0.6rem;
    color: #fff;
    line-height: 1.5rem;
    border: 1px solid #fff;
    border-radius: 50%;
}
.app_menu li.language a.curr {
    background: #fff;
    color: #da251d
}

.app_menu_shadow {
    display:none; position:absolute; z-index:90; top:0; width:100%; height:100%;
    background-color:rgba(0,0,0,0.6); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
    filter:Alpha(opacity=60);/* 只支持IE6、7、8、9 */
    *position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}







@media (max-width:768px) {
    .banner-page {
        height: 300px;
    }

    .product-list .item {
        width: 50%
    }
    .product-list.pro-fixed-image .item .photo img {
        height: 200px;
    }

    .artlistimg dt {
        width: 200px;
    }
    .artlistimg dd {
        padding-left: 220px;
    }
}