div.helium-slider {
width: 100%;
position: relative;
margin: 0;;   height: 790px; 
}
div.helium-slider div.slide-window {
width: 100%;
overflow: hidden;
position: relative;
margin: 0;  height: 790px; 
}



@media all and (max-width:767px) and (min-width:100px) {


div.helium-slider {
width: 100%;
position: relative;
margin: 0;;   height: 370px; 
}
div.helium-slider div.slide-window {
width: 100%;
overflow: hidden;
position: relative;
margin: 0;  height: 370px; 
}

}
@media all and (max-width:420px) and (min-width:361px) {
div.helium-slider {
width: 100%;
position: relative;
margin: 0;;   height: 450px; 
}
div.helium-slider div.slide-window {
width: 100%;
overflow: hidden;
position: relative;
margin: 0;  height: 450px; 
}
}
@media all and (max-width:375px) and (min-width:361px) {
div.helium-slider {
width: 100%;
position: relative;
margin: 0;;   height: 440px; 
}
div.helium-slider div.slide-window {
width: 100%;
overflow: hidden;
position: relative;
margin: 0;  height: 440px; 
}
}
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: 50%;
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 .caption12 {
position: absolute;
top: 530px; left:50%; overflow: hidden;   font-size:22px;  margin-left:300px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption12 {
position: absolute;
top: 450px; left:50%; overflow: hidden;   font-size:22px;  margin-left:10px
}

}

div.helium-slider ul.slide-holder li .caption11 {
position: absolute;
top: 340px; left:50%; overflow: hidden;   font-size:22px;  margin-left:100px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption11 {
position: absolute;
top: 300px; left:50%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption11 img{ width:500px 
}
}

div.helium-slider ul.slide-holder li .caption10 {
position: absolute;
top: 50px; left:50%; overflow: hidden;   font-size:22px;  margin-left:100px
}


@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption10 {
position: absolute;
top: 50px; left:50%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption10 img{ width:500px 
}
}



div.helium-slider ul.slide-holder li .caption9 {
position: absolute;
top: 530px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-640px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption9 {
position: absolute;
top: 450px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}

}


div.helium-slider ul.slide-holder li .caption8 {
position: absolute;
top: 320px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-650px
}

@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption8 {
position: absolute;
top: 300px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption8 img{ width:500px 
}
}

div.helium-slider ul.slide-holder li .caption7 {
position: absolute;
top: 100px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-650px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption7 {
position: absolute;
top: 100px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption7 img{ width:400px 
}
}




div.helium-slider ul.slide-holder li .caption6 {
position: absolute;
top: 530px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-650px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption6 {
position: absolute;
top: 500px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}

}
div.helium-slider ul.slide-holder li .caption5 {
position: absolute;
top: 300px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-650px
}
@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption5 {
position: absolute;
top: 300px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption5 img{ width:400px 
}
}


div.helium-slider ul.slide-holder li .caption4 {
position: absolute;
top: 50px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-650px
}

@media all and (max-width:1024px) and (min-width:768px) {
div.helium-slider ul.slide-holder li .caption4 {
position: absolute;
top: 100px; left:5%; overflow: hidden;   font-size:22px;  margin-left:0px
}
div.helium-slider ul.slide-holder li .caption4 img{ width:400px 
}
}



div.helium-slider ul.slide-holder li .caption3 {
position: absolute;
top: 550px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-80px
}
div.helium-slider ul.slide-holder li .caption2 {

position: absolute;
top: 295px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-103px
}

div.helium-slider ul.slide-holder li .caption1 {
position: absolute;
top: 160px; left:50%; overflow: hidden;   font-size:22px;  margin-left:-103px
}

.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: 50px;
width: 100%;
z-index: 11;
display: none;
}
@media all and (max-width:767px) and (min-width:100px) {

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:36px;
width: 36px;
display: inline-block;
cursor: pointer;
border-radius: 5px; text-indent:-9999px; background:url(img/icon1.png)
}
div.helium-slider ul.slide-nav li.active {
background: #333;background:url(img/icon2.png)
}
.slide01 {
	background-image: url(../main_f01/img/1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	 height: 790px;
	background-size: auto 100%;
}
.slide02 {
	background-image: url(../main_f01/img/2.jpg);
	background-repeat: no-repeat;
	background-position: center top;  height: 790px; background-size: auto 100%;  width:100%
}
.slide03 {
	background-image: url(../main_f01/img/3.jpg);
	background-repeat: no-repeat;
	background-position: center top;   height: 790px; background-size: auto 100%;  width:100%
}

.slide04 {
	background-image: url(../main_f01/img/4.jpg);
	background-repeat: no-repeat;
	background-position: center top; height: 790px;  background-size: auto 100%; width:100%
}
@media all and (max-width:767px) and (min-width:100px) {
.slide01 {
	background-image: url(../main_f01/img/m1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:100%;
	 height: 400px;
	background-size: 100%;; margin-top:50px
}
.slide02 {
	background-image: url(../main_f01/img/m2.jpg);
	background-repeat: no-repeat;
	background-position: center top;height: 400px;background-size: 100%;  width:100%; margin-top:50px
}
.slide03 {
	background-image: url(../main_f01/img/m3.jpg);
	background-repeat: no-repeat;
	background-position: center top;  height: 400px; background-size: 100%;  width:100%; margin-top:50px
}

.slide04 {
	background-image: url(../main_f01/img/m4.jpg);
	background-repeat: no-repeat;
	background-position: center top; height:400px; background-size: 100%; width:100%; margin-top:50px


}
div.helium-slider ul.slide-holder li .caption1 { display:none}
div.helium-slider ul.slide-holder li .caption2 { display:none}
div.helium-slider ul.slide-holder li .caption3 { display:none}
div.helium-slider ul.slide-holder li .caption4 { display:none}
div.helium-slider ul.slide-holder li .caption5 { display:none}
div.helium-slider ul.slide-holder li .caption6 { display:none}
div.helium-slider ul.slide-holder li .caption7 { display:none}
div.helium-slider ul.slide-holder li .caption8 { display:none}
div.helium-slider ul.slide-holder li .caption9 { display:none}
div.helium-slider ul.slide-holder li .caption10 { display:none}
div.helium-slider ul.slide-holder li .caption11 { display:none}
div.helium-slider ul.slide-holder li .caption12 { display:none}}