#indx { margin:10px 0 0 0; }
#indx img { max-width:100%; }
.slogan { background-color:#eee; width:60%; white-space:nowrap; margin:-70px auto 42px auto; overflow:hidden; }
.slogan p { color:#be4419; font-size:37px; padding-left:100%; display:inline-block; animation-name:move; animation-duration:5s; animation-timing-function:linear; animation-iteration-count:infinite; }
@keyframes move { 0% { transform:translate(0,0); } 100% { transform:translate(-100%, 0); }}

.slides { margin:10px 0 0 0; border-right:#444 1px dotted; border-left:#444 1px dotted; }
.content-slider { background-color:transparent; font-size:0; position:relative; max-width:32.449088%; margin:0 3px; padding:0; display:inline-block; vertical-align:top; overflow:hidden; }
ul.slide { background-color:transparent; position:relative; width:100%; margin:0; padding:0; border:0; overflow:hidden; }
.slide li { background-color:#b0a164; }
.slide li a { color:#fff; border:0; float:left; }
.slide li a img { max-width:100%; border:0; }
.slide li a:hover img { filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -khtml-opacity:0.3; }
.slide li a span { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; font-size:23px; line-height:25px; text-align:left; position:absolute; left:0; margin:10px; padding:0; visibility:hidden; border:0; }
.slide li a:hover span { visibility:visible; border:0; }
span.d { background-color:transparent; }
.slide li a:hover span.d { color:#fff; }

@media screen and (min-width: 1152px) and (max-width: 1279px) {
.content-slider { max-width:32.378472%; }
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
.content-slider { max-width:32.259114%; }
}
@media screen and (min-width: 896px) and (max-width: 1023px) {
.content-slider { max-width:32.105654%; }
}
@media screen and (min-width: 768px) and (max-width: 895px) {
.content-slider { max-width:31.901041%; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.content-slider { max-width:31.614582%; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
.content-slider { max-width:31.041666%; }
.slide li a span { height:120px; }
}
@media screen and (max-width: 480px) {
.content-slider { max-width:29.895833%; }
.slide li { margin-bottom:10px; }
.slide li a { float:none; }
.slide li a:hover span { visibility:hidden; }
}