/*@import url("http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css");
@import url("../../css/global.css");
@import url("../../css/common.css");
@import url("../../css/header.css");
@import url("../../css/footer.css");
@import url("/css/banner.css");
@import url("/js/plugins/feature-carousel.css");
*/
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-md-4,
.col-md-8,
.m-banner .col-12,
.m-buy .col-12,
.m-space .col-12,
.waterfall_column.col-12{
    margin: 0;
    padding: 0;
}
/*立即购买*/
.m-buy{
    position: relative;
    z-index: 1000;
    margin-top: -46px;
    width: 100%;
    overflow: hidden;
}
.m-buy .buy{
    width:90px;
    margin:0 auto;
}
._list li{

}
.m-buy ._list ._item+._item{
    padding-left: 15px;
}
.m-buy ._list ._item ._right{
    border: 1px solid #EAEAEA;
    padding: 20px;
    width: 90%;
    padding-left: 10%;
    float: right;
    min-height: 195px;

}
.m-buy ._list ._item ._right ._blank{
    height: 120px;
}
.m-buy ._list ._item ._right ._header{
    font: 700 22px/30px fontCN;
    color: #333333;
}
.m-buy ._list ._item ._right ._line{
    width: 50px;
    height: 2px;
    background: #909192;
}
.m-buy ._list ._item ._right ._text{
    font: 14px/18px fontCN;
    color: #666666;
}
.m-buy ._list ._item ._left{
    position: relative;
    width: 10%;
    float: left;
}
.m-buy ._list ._item ._left ._img{
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 21px;
    right:-100%;
    width: 200%;
}
.m-buy > ._header{
    font:30px/50px fontCN;
    font-weight:600;
}
.m-buy > ._header i{
    font-size:30px;
    font-weight:600;
}
.m-buy ._sub-header{
    font-size: 18px;
    color: #666;
    line-height: 45px;
}
.m-buy ._list{
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}
.m-buy ._list li{
    cursor:default!important;
    float: left;
}
.m-slide._point{
    list-style: none;
    display: none;
}
.m-slide._point ._item{
    display: inline-block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #999;
    behavior: url(http://fetchak.com/ie-css3/ie-css3.htc);
}
.m-slide._point ._item.active{
    background: #666;
}
@media (max-width: 768px){
    ._show-box ._row i{
        display: none;
    }
}

@media (max-width: 576px){
    .m-slide._point{
        display: block;
    }
    .waterfall_column{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

._show-box ._row{
    width: 100%;
}
._show-box ._list ._item{
    position: relative;
    display: block;
    height: auto;
}
._show-box ._list ._item ._shade{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.0);
}
._show-box ._list ._item ._shade ._header{
    color: #fff;
    font: 15px/30px fontCN;
}
._show-box ._list ._item ._shade ._sub-header{
    color: #000;
    font:700 12px/30px fontCN;
}
._show-box ._list ._item:hover ._shade{
    background: rgba(0,0,0,0.5);
}

._show-box ._list ._img{
    width: 100%;
}

.m-brands._show-box ._list ._item.col-4 ._img,
.m-space._show-box ._list ._item.col-4 ._img{
    width: calc(100% + 1px);
}
.m-brands._show-box ._list li:nth-child(3) ._img,
.m-space._show-box ._list li:nth-child(3) ._img{
    width: 100% !important;
}
._slide {
    position: relative;
    width: 100%;
    overflow: hidden;
}
._padding-bottom._list ._item ._bottom ._header{
    font-family:fontEN!important;
}
#go-buy .state{border:1px solid #e7e7e7;padding:0 130px;margin:20px 0 40px 0;}
#go-buy .state p{font-size:16px;color:#666;margin:20px 0;line-height:30px;text-align:center;}
/************************************************************PC********************************************************************************/
@media (min-width: 769px){
    ._slide ._control{
        height: 68px;
        width: 68px;
        line-height: 68px;
        border-radius: 50%;
        background: #EAEAEA;
        position: absolute;
        color: #000000;
        text-align: center;
    }
    ._padding-bottom._list ._item ._bottom ._logo-img{
        height: 100%;
        width: auto;
    }
    ._padding-bottom._list ._item ._bottom ._header{
        font: 18px/20px fontCN;
        text-align: left;
        padding-left: 30px;
        color: #333;
    }
    ._no-padding ._item ._header{
        font: 700 20px/30px fontCN;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    ._no-padding ._item ._sub-header{
        font: 16px/30px fontCN;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #666;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    ._no-padding ._item ._btn{
        font-weight:600;
        display:inline-block;
        margin:15px 0 20px 0;
        color: #212224;
        border: 1px solid #212224;
        padding: 10px 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
    }
    ._bottom1 ._header{
        font: 700 20px/35px fontCN;
        color: #333;
        text-align: left;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ._bottom1 ._sub-header{
        font: 16px/20px fontCN;
        color: #666;
        text-align: left;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ._padding-bottom._list ._item ._bottom1{
        padding-top: 0;
        padding-left: 15px;
    }
    .m-designer ._list ._item{
        font: 18px/30px fontCN;
        text-align: justify-all;
        color: #909192;
        width: 100%;
        min-height: 100px;
        display: block;
        overflow: hidden;
    }
    .carousel-container {
        position:relative;
        width:55%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    /*瀑布流*/
    .waterfall_column ._item ._header{
        font:600 20px/30px fontCN;
        margin-bottom:15px;
        color: #333333;
        text-align: justify !important;
    }
    .waterfall_column ._item ._time{
        font: 14px/48px fontCN;
        color: #666666;
    }
    .waterfall_column ._item ._text{
        font: 14px/24px fontCN;
        color: #666666;
        text-align: justify !important;
    }
    .waterfall_column ._item ._img{
        width: 100%;
    }
    .waterfall_column ._item ._btn{
        height: 43px;
        width: 116px;
        display: block;
        text-align: center;
        background: #212224;
        font: 14px/43px fontCN;
        color: #F6F6F6;
    }
    .tracker-individual-container .tracker-individual-blip {
        margin:0 3px;
        text-indent:-1000px;
        width:12px;
        height:12px;
        text-align:center;
        background-color:#999;
        border-radius:50%;
    }
    .tracker-individual-container .tracker-individual-blip-selected {
        color:white;
        font-weight:bold;
        background-color:#666;
    }
}
/*********************************************************移动**********************************************************************************/
@media (max-width: 768px){
    ._slide ._control{
        display: none
    }
    ._padding-bottom._list ._item ._bottom ._logo-img{
        height: 50px;
        width: auto;
    }
    ._padding-bottom._list ._item ._bottom ._header{
        font: 16px/20px fontCN;
        text-align: center;
        -webkit-box-flex: 20px;
        flex-basis: 20px;
        padding-left: 0;
        color: #333;
    }
    ._no-padding ._item ._header{
        font: 700 18px/30px fontCN;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    ._no-padding ._item ._sub-header{
        font: 14px/20px fontCN;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #666;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    ._no-padding ._item ._btn{
        font-weight:600;
        margin:15px 0 20px 0;
        display:inline-block;
        color: #212224;
        border: 1px solid #212224;
        padding: 5px 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }
    ._bottom1 ._header{
        font: 700 18px/30px fontCN;
        color: #333;
        text-align: left;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ._bottom1 ._sub-header{
        font: 14px/20px fontCN;
        color: #666;
        text-align: left;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    ._padding-bottom._list ._item ._bottom1{
        padding-top: 15px;
        padding-left: 10px;
    }
    .m-designer ._list ._item{
        font: 16px/30px fontCN;
        text-align: justify-all;
        color: #909192;
        width: 100%;
        min-height: 100px;
        display: block;
        overflow: hidden;
    }
    .carousel-container {
        position:relative;
        width: 55%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    /*瀑布流*/
    .waterfall_column ._item ._header{
        font:600 18px/25px fontCN;
        color: #333333;
        text-align: justify !important;
        margin-bottom:15px;
    }
    .waterfall_column ._item ._time{
        font: 14px/20px fontCN;
        color: #666666;
    }
    .waterfall_column ._item ._text{
        font: 12px/20px fontCN;
        color: #666666;
        text-align: justify !important;
    }
    .waterfall_column ._item ._img{
        width: 100%;
    }
    .waterfall_column ._item ._btn{
        height: 30px;
        width: 100px;
        display: block;
        text-align: center;
        background: #212224;
        font: 14px/30px fontCN;
        color: #F6F6F6;
    }
    .tracker-individual-container .tracker-individual-blip {
        margin:0 3px;
        text-indent:-1000px;
        width:7px;
        height:7px;
        text-align:center;
        background-color:#999;
        border-radius:50%;
    }
    .tracker-individual-container .tracker-individual-blip-selected {
        color:white;
        font-weight:bold;
        background-color:#666;
    }
    #go-buy .state{padding:0 .5rem;}
    #go-buy .state p{font-size:12px;line-height:1.3rem;margin:.5rem;}
}



._slide ._control:hover{
    background: #c5c3c3;
}
._slide ._control .iconfont{
    font-size: 24px;
}
._slide ._prev{
    left: -100px;
}
._slide ._next{
    right: -100px;
}
._slide ._l ._i ._ll ._ii ._hh{
    font: 14px/30px fontCN;
    color: #333333;
}
._slide ._l ._i,
._slide ._l ._i ._ll ._ii{
    display: block;
}
.m-brands ._slide ._l ._i ._ll ._ii ._img{
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all 0.2s;
}
.m-brands ._slide ._l ._i ._ll ._ii:hover ._img{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.m-product ._slide ._l ._i ._ll ._ii ._img{
    width: 100%;
    filter: opacity(80%);
    -webkit-filter: opacity(80%);
    -moz-filter: opacity(80%);
    -ms-filter: opacity(80%);
    -o-filter: opacity(80%);
    transition: all 0.2s;
}
.m-product ._slide ._l ._i ._ll ._ii:hover ._img{
    filter: opacity(100%);
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    -ms-filter: opacity(100%);
    -o-filter: opacity(100%);
}
.g-border-1 {
    border: 1px solid #EBEBEB;
}
.g-border-1 ._item.col-6{
    border-bottom: 1px solid #EBEBEB;
}
.g-border-1 ._item.col-4+._item.col-4,
.g-border-1 ._item.col-6+._item.col-6{
    border-left:1px solid #EBEBEB;
}
._item ._shade ._btn{
    color: #FFF;
    font-size:14px!important;
    position: absolute;
    bottom: 110px;
    background:none!important;
    width:100%;
    text-align:center;

}
._item ._shade ._btn span{
    white-space: nowrap;
    font-size:16px!important;
    font-weight:600;
    margin:0!important;
}
._item ._shade ._btn i{
    font-size:14px;
}
._item.col-6 ._shade ._btn{
    display:none;
    width: 100%;
    left:0;

    height: 37px;
    line-height: 25px;
}
._item.col-4 ._shade ._btn{
    width: 100%;
    text-align:center;
    left:0;
    height: 37px;
    line-height: 25px;
    font-size: 12px;
    display:none;
}
._item ._shade:hover{
    background:rgba(0,0,0,0.8);
}
._item ._shade:hover ._btn{
    background: #909192;
    display:block;
}
._no-padding ._item{
    padding: 15px;
    padding-bottom: 30px;
}
.m-product ._no-padding ._item{padding:0;}
._no-padding ._item:hover ._btn{
    background: #212224;
    color: #fff;
}
._no-padding ._item:hover ._shade{
    background:rgba(0,0,0,0.8);
}

/*grayscale灰度
sepia褐色
saturate饱和度
hue-rotate色相旋转
invert反色
opacity透明度
brightness亮度
contrast对比度
blur模糊
drop-shadow阴影*/
._show-box ._row {
    position: relative;
}
._show-box ._row ._a{
    font: 14px/20px fontCN;
    color: #999999;
}
._show-box ._row ._a:hover,
._show-box ._row ._a:active{
    font: 14px/20px fontCN;
    color: #212224;
}
._show-box ._row ._a+._a{
    border-left: 1px solid #EAEAEA;
}
._show-box ._row ._pullright{
    position: absolute;
    top: -70px;
    right: 0;
    margin-top: 1px;
    font: 12px/24px fontCN;
    color: #212224;
}
._show-box ._row ._pullright:hover{
    color: #909192;

    border-bottom: 1px solid #909192;
}
/*设计师*/
.m-designer ._list{
    margin: 0;
    padding: 0;
}
.m-designer ._slide{
    height: 150px;
}
.m-designer ._slide ._l ._i ._img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
}
.m-designer ._slide ._l ._i+._i{
    margin-left: 15px;
}
.m-designer ._slide ._l ._i{
    text-align: center;
    filter: opacity(60%);
    -webkit-filter: opacity(60%);
    -moz-filter: opacity(60%);
    -ms-filter: opacity(60%);
    -o-filter: opacity(60%);
    transition: all 0.2s;
}
.m-designer ._slide ._l ._i.active{
    border: 3px solid #000;
    border-radius: 50%;
    padding: 2px;
    filter: opacity(100%);
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    -ms-filter: opacity(100%);
    -o-filter: opacity(100%);
}
.m-designer ._slide ._l ._i ._header{
    position: absolute;
    width: 120px;
    text-align: center;
    font-size: 18px;
    bottom: -30px;
    display: none;
}
.m-designer ._slide ._l ._i.active ._header{
    display: block;
}
.m-designer ._slide ._control{
    background-color: #fff;
}
.m-designer ._slide ._control:hover{
    background-color: #CCC;
}
._point-list ._point{
    display: block;
    height: 10px;
    width: 10px;
    background: #000;
    border-radius: 50%;
    position: relative;
}
._point-list ._point ._p{
    position: absolute;
    top: 1px;
    left: 1px;
    height: 8px;
    width: 8px;
    border: 1px solid #fff;

    background: #000;
    display: none;
    border-radius: 50%;
}
._point-list ._point.active ._p{
    display: block;
}
._point-list ._point+._point{
    margin-left: 15px;
}
/*案例*/
.m-ourcase ._list ._item{
    padding: 15px;
    display: block;
    background: #FFF;
}
.m-ourcase ._list{
    width: 100%;
    overflow: auto;
}

.waterfall_column ._item ._btn:hover,
.waterfall_column ._item ._btn:active{
    background: #909192;
}
/*._tiles-wrap {
  position: relative;
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  display: none;
}*/
.waterfall_column ._item {
    display: block;
    opacity: 0;
    /*text-align: center;*/
    text-align: left;
    list-style-type: none;
    background-color: #F6F6F6;

    float: left;
    cursor: pointer;
    width: 100%;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
}
.waterfall_column ._item {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.waterfall_column ._item {
    opacity: 1;
}

.waterfall_column ._item.wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.waterfall_column ._item:hover {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
}

.waterfall_column+.waterfall_column{
    padding-left: 15px;
}
.waterfall_column ._item{
    display: block;
    margin-bottom: 20px;
    flex:0 0 100%;
    -webkit-flex:0 0 100%;
}
.waterfall_column.col-12{
    padding: 0;
    margin: 0;
}
.waterfall_column.g-direction-row ._item+._item{
    margin-left: 25px;
}

/*自适应*/
._padding-bottom._list ._item ._bottom,
._padding-bottom._list ._item ._bottom1{
    height: 70px;
    width: 100%;
}


@media(min-width: 576px){
    ._show-box ._list._padding-bottom ._item{

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: normal;
        -webkit-box-orient:  vertical;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    ._show-box ._list._padding-bottom ._item ._shade{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    ._square{
        width: 100%;
        height: 0;
        padding-bottom: 50%;
        position: relative;
    }
    ._square.minus1px{
        width: 100%;
        height: 0;
        padding-bottom: calc(50% - 1px);
        position: relative;
    }
    ._square ._img{
        position: absolute;
        height: auto;
        left: 0;
        top: 0;
    }
    ._show-box ._list._padding-bottom ._item ._bottom{

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;

        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;

        -webkit-box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    ._padding-bottom._list ._item ._bottom ._header{
        font: 18px/20px fontCN;
        text-align: left;
        padding-left: 30px;
        color: #333;
        font-weight:700;
    }
    ._no-padding ._item ._img{
        width:100%;
    }
    ._no-padding ._item ._line{
        display: block;
        height: 15px;
        width: 80%;
        border-top: 1px solid #EBEBEB;
    }
}
@media(max-width: 576px){
    ._show-box ._list._padding-bottom ._item{

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: reverse;
        -webkit-box-orient:  vertical;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse !important;

        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;

        -webkit-box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    ._show-box ._list._padding-bottom ._item ._shade{
        display: none;
    }
    ._square{
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        position: relative;
    }
    ._square.minus1px{
        width: calc(100% - 1px);
        height: 0;
        padding-bottom: calc(100% - 1px);
        position: relative;
    }
    ._square ._img{
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }
    /*._show-box ._list._padding-bottom ._item ._square ._img{
        height: 100vw;
        width: 100%;
        height:-moz-calc(width);
        height:-webkit-calc(width);
        height: calc(width);
    }*/
    ._show-box ._list._padding-bottom ._item ._bottom{

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-direction: reverse;
        -webkit-box-orient:  vertical;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse !important;


        -webkit-box-pack: center;
        -moz-justify-content: center !important;
        -ms-justify-content: center !important;
        -webkit-justify-content: center !important;
        justify-content: center !important;

        -webkit-box-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;

        overflow: hidden;
    }

    ._no-padding ._item ._img{
        width: 100%;
    }
    ._no-padding ._item ._img.minus1px{
        width: calc(100% - 1px);
    }
    ._no-padding ._item ._line{
        display: block;
        height: 30px;
        width: 100%;
        border-bottom: 1px solid #EBEBEB;
    }
}