.news-list,

.project-list {

    margin: 0 -10px;

}



.news-list li,

.project-list li {

    width: 25%;

    padding: 0 25px;

}



.news-list li a,

.project-list li a {

    max-width: 350px;

    margin: 0 auto 30px;

    position: relative;

}



/*.news-list .pic,

.project-list .pic {

    height: 263px;

}*/



.news-list .title {

    color: #444444;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 15px;

    margin: 10px 0;

}



.news-list p {

    height: 54px;

    overflow: hidden;

    line-height: 1.45;

}



.news-title {

    text-align: center;

    font-size: 24px;

    font-weight: bold;

    color: #222;

    max-width: 1280px;

    margin: 0 auto 40px;

}



.news-list li a .pic,

.project-list li a .pic {
    position: relative;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
    background: #fff no-repeat 50% 50%;
    background-size: cover;
    display: block;
    padding-top: 66.8%;
    max-width: none;

    position: relative;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
}

.news-list li a .pic {
    background: #fff no-repeat 50% 0;
    background-size: cover;
    display: block;
    padding-top: 75%;

}
.news-list li a .pic img {
    display: none;
}



.news-list li a:hover .pic:before,

.project-list li a:hover .pic:before {

    content: '';

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../images/news/cover_bg.png);

    border: 5px solid #EEEEEE;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    opacity: 0.3;

}



.news-list li a:hover .pic:after {

    content: '';

    width: 100%;

    height: 100%;

    background: url(../images/news/cover_icon.png) center no-repeat;

    position: absolute;

    left: 0;

    top: 0;

}



.news-top li a {

    position: relative;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);
    background: #fff no-repeat 50% 50%;
    background-size: cover;
    display: block;
    padding-top: 66.8%;
    max-width: none;

}
.news-detail-top.news-top li a {
    background-position: 50% 0;
}
.news-top li a img {
    display: none;
}



.news-top li a:hover:before {

    content: '';

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background: url(../images/news/cover_bg.png);

    border: 5px solid #EEEEEE;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    opacity: 0.3;

}



.news-top li a:hover:after {

    content: '';

    width: 100%;

    height: 100%;

    background: url(../images/news/detail_cover.png) center no-repeat;

    position: absolute;

    left: 0;

    top: 0;

}



.news-top .btn {

    width: 100%;

    padding: 0 135px;

}



.news-top .slick-prev,

.news-top .slick-next{

    width: 15px;

    height: 24px;

    display: inline-block;

    background: url(../images/news/btn.png);

    border: 0px;

    padding: 0px;

    margin: 0px;

    overflow: hidden;

    text-indent: -9999px;

}



.news-top .slick-prev:hover,.news-top .slick-next:hover {

    opacity: 0.7;

}



.news-top .slick-prev{

    background-position: left;

    float: left;

}



.news-top .slick-next {

    background-position: right;

    float: right;

}



.news-detail {

    max-width: 800px;

    margin: 0 auto;

}



.news-detail .con {

    font-size: 15px;

    color: #929292;

}



.news-detail:before {

    content: '詳細內容';

    font-size: 18px;

    font-weight: bold;

    color: #240059;

    display: block;

    border-top: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

    padding: 8px 0;

    text-align: center;

    margin: 60px 0 50px 0;

}



.news-detail .row {

    margin: 0 -20px;

}



.news-detail .col {

    padding: 0 20px;

    float: left;

    width: 50%;

}



.news-detail .title {

    color: #FF732F;

    font-size: 25px;

    letter-spacing: 3px;

    font-family: 'Lora', serif;

    line-height: 1.2;

}

.news-top .slide{

    padding-bottom: 30px;

}

.news-top .slide .slick-prev,.news-top .slide .slick-next{

    position: absolute;

    left: 50%;



}

.news-top .slide .slick-next{

margin-left: 400px;

}

.news-top .slide .slick-prev{

margin-left:-400px;

}

@media screen and (max-width: 1024px) {

    .news-list li,

    .project-list li {

        width: 50%;

    }

    .news-detail .col,

    .project-detail .col {

        float: none;

        width: auto;

    }

    .news-list-detail.news-list li{

        width: 33.3%;

        padding: 0 25px;

    }

}

@media screen and (max-width: 960px) {

    .news-top .slide .slick-prev,.news-top .slide .slick-next{

        position: static;

        margin: auto;

    }

}

@media screen and (max-width: 767px) {

    .news-list,

    .project-list {

        margin: 0 -6px;

    }

    .news-list li,

    .project-list li {

        width: auto;

        float: none;

        padding: 0;

    }

    .news-list .pic,

    .project-list .pic {

        height: auto;

    }

    .news-list .title,

    .project-list .title {

        white-space: normal;

    }

    .news-list-detail.news-list li{

        padding: 0 10px;

    }

    .news-list-detail.news-list li{

        float:left;

    }

}



@media screen and (max-width: 420px) {

    .news-top .btn {

        padding: 0 50px;

    }

}