/******* mainSlider *********************************/ 
.mainSlider { width:100%; margin:0 auto;  position: relative; zoom: 1;  z-index:1;   margin-bottom:0px;}
.mainSlider .flex-viewport {max-height: 2000px; }
.mainSlider .slides {zoom: 1;margin: 0 auto; padding: 0; width:100%; }
.mainSlider .slides > li   {width:100%;  display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.mainSlider .slides img { display: block; width:100%;}

/* Direction Nav */
.mainSlider .flex-direction-nav { *height: 0;margin: 0; padding: 0; list-style: none; z-index:9999; }
.mainSlider .flex-direction-nav a { width:56px; height:100%; margin: 0px 0 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 center;
	position: absolute; top: 0; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.mainSlider .flex-direction-nav .flex-next {background-position: 100% center; right:20px; }
.mainSlider .flex-direction-nav .flex-prev {left:20px;}

/* Control Nav */
.mainSlider .flex-control-nav {width: 100%;  
	position: absolute; bottom:30px; text-align: center;margin: 0px 0; padding: 0; list-style: none; z-index:9999;}
.mainSlider .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.mainSlider .flex-control-paging li a {width: 15px; height: 15px; display: block; background: none; background:#fff; border-radius:15px;  cursor: pointer; text-indent: -9999px;  }
.mainSlider .flex-control-paging li a:hover { background:#000;    }
.mainSlider .flex-control-paging li a.flex-active { background:#000;   cursor: default; }
/******* //mainSlider *********************************/ 

 
 @media (max-width:600px) {

/******* mainSlider *********************************/ 
.mainSlider { width:100%; margin:0 auto;  position: relative; zoom: 1;  z-index:1;   margin-bottom:0px;}
.mainSlider .flex-viewport {max-height: 2000px; }
.mainSlider .slides {zoom: 1;margin: 0 auto; padding: 0; width:100%; }
.mainSlider .slides > li   {width:100%;  display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.mainSlider .slides img { display: block; width:100%;}

/* Direction Nav */
.mainSlider .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999; }
.mainSlider .flex-direction-nav a { width:30px; height:100%; margin: 0px 0 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 center; background-size:60px 30px;
	position: absolute; top: 0; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.mainSlider .flex-direction-nav .flex-next {background-position: 100% center; right:10px; }
.mainSlider .flex-direction-nav .flex-prev {left:10px;}

/* Control Nav */
.mainSlider .flex-control-nav {width: 100%;  
	position: absolute; bottom:10px; text-align: center;margin: 0px 0; padding: 0; list-style: none; z-index:9999;}
.mainSlider .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.mainSlider .flex-control-paging li a {width: 12px; height: 12px; display: block; background: none; background:#fff; border-radius:12px;  cursor: pointer; text-indent: -9999px;  }
.mainSlider .flex-control-paging li a:hover { background:#000;    }
.mainSlider .flex-control-paging li a.flex-active { background:#000;   cursor: default; }
/******* //mainSlider *********************************/ 

 }


 /******* mainSlider *********************************/ 
.main_banner {}
.main_banner .flex-viewport {max-height: 2000px; }
.main_banner .slides {zoom: 1;margin: 0 auto; padding: 0; width:100%; }
.main_banner .slides > li   {width:100%;  display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.main_banner .slides img { display: block; max-width:100%; border:1px solid #e5e5e5;}

/* Direction Nav */
.main_banner .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999; }
.main_banner .flex-direction-nav a { width:32px; height:100%; margin: 0px 0 0 0; display: block; background: url(../img/control.png) no-repeat 0 center;
	position: absolute; top: 15px; z-index: 9999; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.main_banner .flex-direction-nav .flex-next { left:67px; }
.main_banner .flex-direction-nav .flex-prev {background-position: -37px center; left:30px;}

/* Control Nav */
.main_banner .flex-control-nav {width: 100%; display:none; 
	position: absolute; bottom:50px; text-align: center;margin: 0px 0; padding: 0; list-style: none; z-index:9999;}
.main_banner .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.main_banner .flex-control-paging li a {width: 12px; height: 12px; display: block; background: none; background:#cfcfcf; border-radius:12px;  cursor: pointer; text-indent: -9999px;  }
.main_banner .flex-control-paging li a:hover { background:#666da8;    }
.main_banner .flex-control-paging li a.flex-active { background:#666da8;   cursor: default; }
/******* //mainSlider *********************************/ 

@media (max-width:700px) {
.main_banner .flex-direction-nav a {}
.main_banner .flex-direction-nav .flex-next { left:47px; }
.main_banner .flex-direction-nav .flex-prev {background-position: -37px center; left:10px;}
}