div.helium-slider {
width: 100%;
position: relative;
margin: 0;
}
div.helium-slider div.slide-window {
width: 100%;
overflow: hidden;
position: relative;
margin: 0;
}
div.helium-slider.loading {
background: url('img/loading.gif') no-repeat center center;
}
div.helium-slider .next, div.helium-slider .prev {
font-size: 24px;
font-weight: bold;
color: #555;
position: absolute;
top: 43%;
cursor: pointer;
z-index: 10;
}
div.helium-slider .next {
right: 20px; opacity:0
}
div.helium-slider .next:hover {
right: 20px;opacity:1
}
div.helium-slider .prev {
left: 10px; opacity:0
}
div.helium-slider .prev:hover {
left: 10px; opacity:1
}
div.helium-slider ul.slide-holder {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
opacity: 0;
}
div.helium-slider ul.slide-holder li {
position: relative;
float: left;
}
div.helium-slider ul.slide-holder li.loop {
position: absolute !important;
float: none !important;
}
div.helium-slider ul.slide-holder li .slide img {
width: 100%;
}
div.helium-slider ul.slide-holder li .caption4 {
position: absolute;

top: 67%; width:100%;  font-size:14px; text-align:center; color:#fff;  overflow: hidden; 
}
div.helium-slider ul.slide-holder li .caption4 a{ padding:10px 20px; background-color: rgba(0, 0, 0, 0.5); box-sizing:border-box; border:1px solid #000;  display: inline-block; vertical-align: middle; color:#fff; height:40PX; }
div.helium-slider ul.slide-holder li .caption4 a:hover{ padding:10px 20px; background-color: rgba(0, 0, 0, 1); box-sizing:border-box; border:1px solid #000;  display: inline-block; vertical-align: middle; color:#fff}
div.helium-slider ul.slide-holder li .caption3 {
position: absolute;

top: 56%; width:100%;  font-size:14px; text-align:center; 
}
div.helium-slider ul.slide-holder li .caption2 {
position: absolute;
top: 41%;  width: 100%;  text-align: center; overflow: hidden; text-align:center;
}
div.helium-slider ul.slide-holder li .caption2 .inbox{ padding:5px 0px 10PX 0PX;  width: auto; display: inline-block; vertical-align: middle;
 font-size:85px;; font-family: 'Roboto', sans-serif; font-weight:700; color:#000; line-height:85PX}
div.helium-slider ul.slide-holder li .caption1 {
position: absolute;
top: 36%; width:100%; overflow: hidden;   font-size:40px; text-align:center; text-transform:uppercase; font-family: 'Roboto', sans-serif; line-height:40PX; color:#fff
}
.font_color1{ color:#fff}
.font_color2{ color:#666;}
div.helium-slider div.pauser {
position: absolute;
left: 50%;
top: 50%;
border-right: 15px solid #fff;
border-left: 15px solid #fff;
width : 12px;
height: 60px;
margin-left: -21px;
margin-top: -30px;
z-index: 11;
opacity: 0.5;
}
div.helium-slider ul.slide-nav {
text-align: center;
list-style-type: none;
margin: 0px;
padding: 0px;
position: absolute;
bottom: 10px;
width: 100%;
z-index: 11;
display: none;
}
div.helium-slider ul.slide-nav li {
background: #666;
margin: 0px 4px;
height: 10px;
width: 10px;
display: inline-block;
cursor: pointer;
border-radius: 5px;
}
div.helium-slider ul.slide-nav li.active {
background: #333;
}
.slide01 {
	background-image: url(../main_f01/img/1.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:679px; width:100%
}
.slide02 {
	background-image: url(../main_f01/img/2.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:679px; width:100%
}
.slide03 {
	background-image: url(../main_f01/img/3.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:679px; width:100%
}

.slide04 {
	background-image: url(../main_f01/img/4.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:679px; width:100%
}