﻿.tem83-news{padding:2vw 0;background-color:#FAFAFA;}
.tem83-news .item{float:left;padding:1vw!important;box-sizing:border-box;transition:.4s;}
.tem83-news .item .box{padding-bottom:30px;transition:.4s;overflow:hidden;background-color:#FFF;}
.tem83-news .image{overflow:hidden;height:220px;}
.tem83-news .image img{width:100%;height:100%; transition:.4s;display:block;}
.tem83-news .text{margin-top:18px;}
.tem83-news .title{width:100%;padding:0 10px;font-size:16px;display:block;overflow:hidden;line-height:26px;text-align:center;}
.tem83-news .time{text-align:center;font-size:12px;margin:10px 0;color:#666;}
.tem83-news .description{padding:0 10px;text-align:center;font-size:14px;line-height:22px;opacity:.66;}
    .tem83-news .more {
        text-align: center;
        border-color: rgb(102, 102, 102);
    }
.tem83-news .more a{display:inline-block;padding:0 30px;font-size:14px;border-bottom:1px solid;border-top:1px solid;border-color:inherit;line-height:36px;position:relative;}
.tem83-news .more a:after,
.tem83-news .more a:before{content:"";width:0;height:1px;background:var(--main-color);position:absolute;transition:.4s;}
.tem83-news .more a:after{top:-1px;left:50%;transition:.4s;z-index:1;}
.tem83-news .more a:before{bottom:-1px;left:50%;transition:.4s;}
    .tem83-news .item:not(:hover) .more a,
    .tem83-news .item:not(:hover) .title {
        color: rgb(51, 51, 51);
    }
    .tem83-news .item:hover .more a,
    .tem83-news .item:hover .title {
        color: rgb(1, 131, 219);
    }

.tem83-news .item:hover .box{border-radius:6px; box-shadow:0px 18px 60px rgba(0,0,0,0.04);transform:translateY(-7px);}
.tem83-news .item:hover img{transform:scale(1.3);}
.tem83-news .item:hover .more a:after{width:100%;left:0%}
.tem83-news .item:hover .more a:before{width:100%;left:0%}
    .tem83-news .more a:hover {
        border-color: #8b6f4e;
    }
    @media (max-width:750px) {
        .tem83-news .item{margin-bottom:20px;padding:0 8%;}
    .tem83-news .title{font-size:18px;}
        .tem83-news .image {
            height: auto;
        }
        .tem83-news .index-imgas {
            height: 150px;
        }
            .tem83-news .index-imgas img {
                height: auto;
            }
            .tem83-news .image img {
                height: auto;
            }
        .tem83-news .text {
        margin-top:8px;
        }
        .tem83-news .item:not(:hover) .more a, .tem83-news .item:not(:hover) .title {
            font-size: 12px;
        }
        .tem83-news .time {
            margin: 6px 0;
        }
        .tem83-news {
            padding: 1% 2% !important;
        }
}
@media (max-width:420px){
    .tem83-news .col-xs-6{width:100%;}
}