/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
Version: 2.1.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.1/frontend/e-commerce/
*/

.btn.btn-theme {
    background: #00acac;
    border-color: #00acac;
    color: #fff;
}
.btn.btn-theme:hover,
.btn.btn-theme:focus {
    background: #008a8a;
    border-color: #008a8a;
}
.header-nav .nav > li.active > a, 
.header-nav .nav > li.active > a:focus, 
.header-nav .nav > li.active > a:hover,
.item.item-thumbnail .item-price,
.header-logo a span,
a {
    color: #ac4e00;
}
.header-cart .total,
.step.active .number:before {
    background: #00acac;
}
.header .dropdown-menu {
    border-top-color: #00acac;
}
.dropdown .arrow.top:after, 
.dropdown .arrow.top:before {
    border-bottom-color: #00acac;
}
a:hover,
a:focus {
    color: #008a8a;
}
.pace-progress {
    background: #008a8a;
}
.pace .pace-activity {
    border-top-color: #00acac;
    border-left-color: #00acac;
}
.header-logo .brand {
    border-color: #4DCACA #31A3A3 #1D8888;
}
.row-products{
    padding: 0px 5vw 0px 5vw;
}
.row-list{
    width: 43vw;
    height: 30vw;
    float: left;
    margin-left: auto;
    margin-right: auto;
}
.row-list .service{
    width: 100%;
    height: 100%;
}
.row-list .service .productIcon a img:hover{
    transform: scale(1.2);
}
.copyright .icp{
    background-image: url(/commerce/assets/img/icp.png);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-left: 18px;
    color: #FFFFFF;
    margin-left: 20px;
    text-decoration: none;
}

/*开始-主页新闻*/
.sec-new {
    background: #f5f5f5;
    padding-bottom: 55px;
    position: relative;
}
.section {
    width: 100%;
    overflow: hidden;
}
.absol {
    position: absolute;
    top: -100px;
    left: 0;
}
.contact-title {
    text-align: center;
    margin-top: 63px;
}
.contact-title .m-tit {
    font-size: 24px;
}
.contact-title .hr {
    width: 28px;
    height: 2px;
    background-color: #e60115;
    margin: 3px auto 0 auto;
}
.culture-box {
    /*margin: 35px -15px 0 -15px;*/
}
/*.culture-item {
    float: left;
    width: calc(50% - 20px);!*width: 555px;*!
    margin: 10px;
    overflow: hidden;
    position: relative;
    //部分浏览器不兼容
    aspect-ratio: 3/2;!*height: 314px;*!
}*/

.culture-item {
    float: left;
    width: calc(50% - 20px);
    margin: 10px;
    overflow: hidden;
    position: relative;

    /* 回退方案 */
    height: 0;
    padding-bottom: calc((50% - 20px) * 2 / 3);

    /* 现代方案 */
    aspect-ratio: 3/2;
}
/* 当 aspect-ratio 被支持时 */
@supports (aspect-ratio: 3/2) {
    .culture-item {
        height: auto;
        padding-bottom: 0;
    }
}
/* 如果 .culture-item 内部直接有内容（不是图片），需要这样处理 */
.culture-item > *:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@supports (aspect-ratio: 3/2) {
    .culture-item > *:first-child {
        position: relative;
    }
}

.culture-item .m-pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.culture-item .m-cont {
    background: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: lighter;
    padding: 23px 10px;
    width: 100%;
    height: 76px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    _zoom: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.culture-item .m-cont .news-title{
    white-space: nowrap; /* 阻止文本换行 */
    overflow: hidden; /* 隐藏超出容器的文本 */
    text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */
}.culture-item .m-cont .time{
    float: left;
    text-align:left;
    font-size: 12px;
    width: calc(50% - 10px);
    white-space: nowrap; /* 阻止文本换行 */
    overflow: hidden; /* 隐藏超出容器的文本 */
    text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */
}
.culture-item .m-cont .source{
    float: left;
    text-align:right;
    font-size: 12px;
    width: calc(50% - 10px);
    color: #ac4e00;
    white-space: nowrap; /* 阻止文本换行 */
    overflow: hidden; /* 隐藏超出容器的文本 */
    text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */
}
.culture-item .mark {
    width: 100%;
    height: 100%;
    background: rgba(230, 1, 21, .6);
    color: #fff;
    text-align: center;
    padding: 10px 50px 10px 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.culture-item .mark a{
    color: #ffffff;
    text-decoration: none;
}
.culture-item .scrollbar {
    height: 100%;
    padding-right: 10px;
}
.scrollbar {
    overflow-y: auto;
}
.dis-table {
    display: table;
    width: 100%;
    height: 100%;
}
.dis-cell {
    display: table-cell;
    vertical-align: middle;
}
.culture-item .m-tit {
    font-size: 20px;
}
.culture-item .m-des {
    color: rgba(255, 255, 255, 8);
    line-height: 24px;
    margin-top: 8px;

    display: -webkit-box;
    -webkit-line-clamp: 5; /* 限制文本显示为5行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.culture-item .m-pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.culture-item .scrollbar::-webkit-scrollbar-thumb {
    background-color:#333;
}
.culture-item:hover .mark{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.culture-item:hover .m-cont{
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
/*结束-主页新闻*/

/*开始--新闻中心*/
.page-header-cover img{
    width: 100%;
    height: 300px;
}