@charset "utf-8";
.huidun_case_list_index.met-product {
    background:#ffffff;
    background:#fafafa
}
.huidun_case_list .btn-outline.btn-primary {
    color:#1c4fe1;
    border-color:#1c4fe1;
}
.huidun_case_list .btn-outline.btn-primary.active,.btn-outline.btn-primary:active,.btn-outline.btn-primary:focus,.btn-outline.btn-primary:hover,.open>.btn-outline.btn-primary.dropdown-toggle {
    background-color:#1c4fe1;
    color:#fff !important;
}
.huidun_case_list .widget-actions i {
    color:#1c4fe1;
}
.huidun_case_list.met-product .container-fluid {
    padding:30px
}
.huidun_case_list.met-product .met-grid li {
    clear:none
}
.huidun_case_list.met-product .widget,.huidun_case_list.met-product .widget .widget-header,.huidun_case_list.met-product .widget-body {
    border-radius:0 !important
}
.huidun_case_list.met-product .widget-body .widget-title {
    color:#333333;
}
.huidun_case_list.met-product .widget-shadow {
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.huidun_case_list.met-product .widget-body .card-text {
    color:#333333;
}
.huidun_case_list.met-product .widget-body {
    position:relative;
    padding:10px 25px 30px
}
.huidun_case_list.met-product .widget-metas {
    word-wrap:break-word
}
.huidun_case_list.met-product .widget-body-footer {
    margin-top:15px
}
.huidun_case_list.met-product .widget-body-footer a {
    color:#1c4fe1;
}
.huidun_case_list.met-product.type-1 h4 {
    margin:0;
    font-size:16px;
    text-align:center;
}
.huidun_case_list.met-product.type-1 h4 {
}
.huidun_case_list.met-product.type-1 .met-product-list li h4 a {
    color:#333333
}
.huidun_case_list.met-product.type-1 .met-product-list li h4 a {
}
.huidun_case_list.met-product .widget-shadow {
    background:#fff
}
.huidun_case_list.met-product.type-1 h4 a:hover {
    color:#1c4fe1;
}
.huidun_case_list.met-product.type-2 .container-fluid {
    padding:15px
}
.huidun_case_list.met-product.type-2 h4 {
    margin:0;
    font-weight:300
}
.huidun_case_list.met-product.type-2 .overlay-panel {
    color:#333333;
}
@media (max-width:767px) {
    .huidun_case_list.met-product.type-2 .met-grid {
        padding-bottom:10px
    }
    .huidun_case_list.met-product.type-2 .met-grid li {
        background:#f2f2f2
    }
}@media (max-width:767px) {
    .huidun_case_list.met-product .container,.huidun_case_list.met-product .container-fluid {
        padding:10px !important
    }
    .huidun_case_list.met-product.type-1 .met-grid,.huidun_case_list.met-product.type-3 .met-grid {
        margin:0 -10px 0 0
    }
    .huidun_case_list.met-product.type-1 .met-grid li,.huidun_case_list.met-product.type-3 .met-grid li {
        margin-bottom:10px;
        padding:0 10px 0 0
    }
    .huidun_case_list.met-product .widget-body {
        padding:15px
    }
    .huidun_case_list.met-product .widget-body .widget-body-footer {
        margin-top:10px
    }
}.order a {
     color:#333333;
     font-size:14px;
     background:#fff;
     border-radius:2px
 }
.order a:hover {
    color:#1c4fe1;
}
.no-js .grid li,.no-cssanimations .met-grid li {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100)
}
.met-grid li {
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0)
}
.met-grid li.shown {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100)
}
.met-grid li.animate {
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    -webkit-animation:moveUp 0.65s ease forwards;
    animation:moveUp 0.65s ease forwards
}
@-webkit-keyframes moveUp {
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1;
        -moz-opacity:1;
        filter:alpha(opacity=100)
    }
}@keyframes moveUp {
     100% {
         -webkit-transform:translateY(0);
         transform:translateY(0);
         opacity:1;
         -moz-opacity:1;
         filter:alpha(opacity=100)
     }
 }
.huidun_case_list {
    padding: 70px auto;
}
.huidun_case_list ul {
    text-align:center;
    padding-top:10px
}
.huidun_case_list ul a {
    display:block;
    position:relative;
    width:100%;
    overflow:hidden
}
.huidun_case_list ul a img {
    -ms-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;
    -webkit-transition:all 1s ease 0s;
    transition:all 1s ease 0s
}
.huidun_case_list .blocks-2 > li:nth-child(2n+3),.huidun_case_list .blocks-3 > li:nth-child(3n+4),.huidun_case_list .blocks-4 > li:nth-child(4n+5),.huidun_case_list .blocks-5 > li:nth-child(5n+6),.huidun_case_list .blocks-6 > li:nth-child(6n+7),.huidun_case_list .block-first {
    clear:initial
}
.slick-arrow i {
    font-size:60px
}
.slick-arrow {
    width:auto;
    height:auto;
    z-index:1;
    color:#fff !important
}
.huidun_case_list .pro-top {
    max-width:100%
}
.huidun_case_list .slider {
    height:54px;
    line-height:54px
}
.huidun_case_list .prd-li {
    padding:0 5px
}
.huidun_case_list .pro-top a img {
    max-width:100%
}
.huidun_case_list .prd-li .prd-li-title {
    padding-top:10px;
    line-height:initial
}
.huidun_case_list .met-product-list {
    margin:0 -5px
}
.huidun_case_list .prd-li .prd-box {
    padding:10px;
    padding-bottom:15px;
    box-shadow:0px 3px 6px #eeeeee;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
.huidun_case_list .prd-li .prd-box:hover {
    margin-top:-5px;
    box-shadow:0px 5px 10px 5px #e1dddd
}
.huidun_case_list .prd-li .prd-li-title p {
    margin-bottom:0px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    overflow:hidden
}
.huidun_case_list .prd-li .prd-li-title p>a {
    font-size:15px;
    color:#333333;
}
.huidun_case_list .prd-li .prd-li-title p>a>span {
    display:inline-block;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.huidun_case_list .prd-li .prd-li-title .bor-bot {
    height:2px;
    width:35px;
    background:#1c4fe1;
    display:inline-block
}
.huidun_case_list .prd-li .prd-box:hover a img.img-con {
// transform:scale(1.2)
}
.huidun_case_list .price {
    color:#fa4141
}
.huidun_case_list .prd-li .prd-li-title .bor-bot {
    height:2px;
    width:35px;
    background:#1c4fe1;
    display:inline-block
}
.huidun_case_list .more-btn {
    margin:20px 0;
    text-align:center
}
.huidun_case_list .more-btn>a {
    display:inline-block;
    padding:5px 15px;
    border:1px solid;
    border-radius:0;
    color:#1c4fe1;
    border-color:#1c4fe1;
    -webkit-transition:all .25s;
    -moz-transition:all .25s;
    -ms-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
.huidun_case_list .more-btn>a:hover {
    background:#1c4fe1;
    color:#fff
}
.huidun_case_list .mex-box {
    position:relative;
    overflow:hidden
}
.huidun_case_list .mex-box .mex-con {
    margin:0;
    background:rgba(0,0,0,0.3);
    padding:6px 0;
    position:absolute;
    width:100%;
    bottom:-100%;
    height: 100px;
    -webkit-transition:all .25s ease-out;
    -moz-transition:all .25s ease-out;
    -ms-transition:all .25s ease-out;
    -o-transition:all .25s ease-out;
    transition:all .25s ease-out
}
.huidun_case_list .mex-box:hover .mex-con {
    bottom:0
}
.huidun_case_list .mex-box .mex-con div {
    margin-bottom:0;
    padding:0 5px;
    position:static!important;
    display:inline-block
}
.huidun_case_list .mex-box .mex-con div a {
    display:inline-block;
    padding:6px 15px;
    color:#ffffff;
    overflow:inherit;
    font-size:15px
}
.huidun_case_list .keywords,.huidun_case_list .keyword {
    text-align:center;
    color:#999999;
}
.huidun_case_list .price {
    text-align:center
}
.huidun_case_list .mex-box .mex-btn0 {
    background:#489df7
}
.huidun_case_list .mex-box .mex-btn1 {
    background:#1caadc
}
.huidun_case_list .mex-box .mex-btn2 {
    background:#20d590
}
.huidun_case_list .mex-box .mex-btn3 {
    background:#fa6869
}
.huidun_case_list .text-truncate {
    color:#333333;
}
@media (max-width:1024px) {
    .huidun_case_list .mex-box .mex-con div {
        margin:3px 0
    }
}
.huidun_case_list #met-pager-btn {
    border-color:#1c4fe1;
    background-color:#1c4fe1;
}
.huidun_case_list .prd-li .prd-box {
    position:relative
}
.huidun_case_list .prd-li .prd-box .img-xh {
    height:auto!important;
    position:absolute;
    right:0;
    bottom:0
}