.about-sect .more {
    margin: 30px auto 0px;
    width: 316px;
    height: 50px;
    display: block;
    background: url(../images/index/about_more.png);
}
.about-sect .more:hover{
    background-position: 0 100%;
}

/****************************  ****************************/

.news-sect {
    max-width: 1200px;
    margin: -50px auto 0;
}

.news-sect .news-list li:nth-child(3n+1) {
    clear: none;
}

.news-sect .news-list {
    margin: 0 -12px;
}

.news-sect .news-list .item {
    width: 25%;
    padding: 0 12px;
}


/****************************  ****************************/

.products-sect {
    max-width: 1200px;
    margin: 0 auto;
}

.products-sect .title {
    font-family: '微軟正黑體', sans-serif;
    text-align: center;
    font-size: 30px;
    background: -webkit-linear-gradient(top, #FFFFFF 0, #AAAAAA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 40px;
}

.products-sect .title:before {
    content: "";
    width: 20px;
    height: 9px;
    display: block;
    margin: 15px auto 0px;
    background: url(../images/tit.png);
}

.products-sect .products-list a:hover .pic:before {
    content: " ";
    background: rgba(17, 17, 17, .8) url(../images/index/products_more.png) no-repeat 50% 50%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.products-sect .products-list {
    margin: 0 -12px;
}

.products-sect .products-list li:nth-child(4n+1) {
    clear: none;
}

.products-sect .products-list .item {
    width: 25%;
    padding: 0 12px;
    position: relative;
}

.products-sect .products-list .item a {
    max-width: 280px;
    margin: 0 auto;
}

.products-sect .products-list .item a:before {
    content: "";
    display: block;
    width: 280px;
    height: 4px;
    margin-bottom: 5px;
    background: url(../images/index/line.png);
}

.products-sect .products-list .name {
    height: 65px;
    -webkit-line-clamp: 3;
    margin: -5px 0 0 0;
}

.products-sect .slick-prev,
.products-sect .slick-next {
    position: absolute;
    bottom: 180px;
    width: 60px;
    height: 60px;
    text-indent: -99999px;
    border: 0;
    background: url(../images/index/arrow.png);
}

.products-sect .slick-prev {
    left: -65px;
}

.products-sect .slick-next {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: -65px;
}

.products-sect .slick-prev:hover,
.products-sect .slick-next:hover {
    background-position: 0 100%;
}