.news-slider {box-sizing: border-box; position: relative;}
.news-slider * {box-sizing: border-box;}

.news-slider ul {list-style: none; padding: 0; margin: 0; position: relative; width: 2000000px; font-size: 0; line-height: 0;}
.news-slider ul li {display: inline-block; position: relative; width: 330px; vertical-align: top; margin: 0 30px 0 0;}
.news-slider ul li .slider-img {width: 100%; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.news-slider ul li:hover .slider-img {opacity: 0.75;}
.news-slider ul li h3 {margin: 15px 0; font-size: 16px; line-height: normal;}
.news-slider ul li p {font-size: 14px; line-height: normal;}

.news-slider .pagination {width: 100%; height: 15px; font-size: 0; line-height: 0; text-align: center;}
.news-slider .pagination span {width: 15px; height: 15px; display: inline-block; background: #D1B57B; cursor: pointer; margin: 0 3px; border-radius: 100%;}
.news-slider .pagination span.active,
.news-slider .pagination span:hover {background: white;}