@charset "utf-8";

/* Reset Styles

***********************/

.iBanner{

    width:100%;

	height:450px;

	margin:0 auto;

	overflow:hidden;

	position:relative;

}





#container {

    width:100%;

	height:auto;

	margin:0px auto;

	position: absolute;

	top:0px;

	overflow:hidden;

}



 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {width: 100%; margin: 0; padding: 0;}

.flexslider .slides > li {display: none;width: 100%;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides a { width:100%; height:450px; display:block; overflow:hidden; background-position: top center; background-repeat:no-repeat; background-size:auto 100%;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}



/* Caption style */

/* IE rgba() hack */

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}



/* Direction Nav */

.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; /*background: url(../images/bg_direction_nav.png) no-repeat 0 0;*/ position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}

.flex-direction-nav li a.prev {background-position: 0 0; left: -20px;}

.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom:15px; left:0px; text-align: center; z-index:2;}

.flex-control-nav li {margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav li a {width: 16px; height: 16px; display: block; background: url(../images/dot.png) no-repeat -19px 0; cursor: pointer; text-indent: -9999px;}

.flex-control-nav li a:hover {background-position: 0 0px;}

.flex-control-nav li a.active {background-position: 0 0px; cursor: default;}

}

default;}

X(-300px);

 -ms-transform: translateX(-300px);

 transform: translateX(-300px);

 opacity: 0;

}

@-webkit-keyframes slideleft {

 0% {

 -webkit-transform: translateX(120%);

 -moz-transform: translateX(120%);

 -ms-transform: translateX(120%);

 transform: translateX(120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

@-o-keyframes slideleft {

 0% {

 -webkit-transform: translateX(120%);

 -moz-transform: translateX(120%);

 -ms-transform: translateX(120%);

 transform: translateX(120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

@keyframes slideleft {

 0% {

 -webkit-transform: translateX(120%);

 -moz-transform: translateX(120%);

 -ms-transform: translateX(120%);

 transform: translateX(120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

.slideleft 0% {

 -webkit-transform: translateX(120%);

 -moz-transform: translateX(120%);

 -ms-transform: translateX(120%);

 transform: translateX(120%);

}

.slideleft 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

@-webkit-keyframes slideright {

 0% {

 -webkit-transform: translateX(-120%);

 -moz-transform: translateX(-120%);

 -ms-transform: translateX(-120%);

 transform: translateX(-120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

@-o-keyframes slideright {

 0% {

 -webkit-transform: translateX(-120%);

 -moz-transform: translateX(-120%);

 -ms-transform: translateX(-120%);

 transform: translateX(-120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

@keyframes slideright {

 0% {

 -webkit-transform: translateX(-120%);

 -moz-transform: translateX(-120%);

 -ms-transform: translateX(-120%);

 transform: translateX(-120%);

}

 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

}

.slideright 0% {

 -webkit-transform: translateX(-120%);

 -moz-transform: translateX(-120%);

 -ms-transform: translateX(-120%);

 transform: translateX(-120%);

}

.slideright 100% {

 -webkit-transform: translateX(0);

 -moz-transform: translateX(0);

 -ms-transform: translateX(0);

 transform: translateX(0);

}

@-webkit-keyframes slidedown {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

}

}

@-o-keyframes slidedown {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

}

}

@keyframes slidedown {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

}

}

.slidedown 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

}

.slidedown 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

}

@-webkit-keyframes fadein {

 0% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

@-o-keyframes fadein {

 0% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

@keyframes fadein {

 0% {

 opacity: 0;

}

 100% {

 opacity: 1;

}

}

.fadein 0% {

 opacity: 0;

}

.fadein 100% {

 opacity: 1;

}

@-webkit-keyframes dropin {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

 opacity: 0;

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

@-o-keyframes dropin {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

 opacity: 0;

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

@keyframes dropin {

 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

 opacity: 0;

}

 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

}

.dropin 0% {

 -webkit-transform: translateY(-100%);

 -moz-transform: translateY(-100%);

 -ms-transform: translateY(-100%);

 transform: translateY(-100%);

 opacity: 0;

}

.dropin 100% {

 -webkit-transform: translateY(0);

 -moz-transform: translateY(0);

 -ms-transform: translateY(0);

 transform: translateY(0);

 opacity: 1;

}

.fade {

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.fade.in, .fade.out {

	opacity: 0;

}

.slider .fade.out {

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	-ms-transform: scale(1.2);

	transform: scale(1.2);

}

.slider {

	height: 550px; padding:0;

}

.slider .slider-flow {

	height: 550px;

}

.slider .slider-flow li {

	height: 550px;

}

.slider .slider-btn {

	margin-top: 201px;

}

.slider .slider-flow {

	background: #333;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.slider .slider-flow li {

	position: absolute;

	width: 100%;

	overflow: hidden;

	background-position: center top;

	background-size: cover;

}

.slider .slider-flow .slider-area {

	width: 972px;

}

.slider .slider-flow .titlebox {

	float: left;

	height: 270px;

	overflow: hidden;

	margin-top: 192px;

	_margin-top: 169px;

	padding: 12px;

	background-color: #000000;

	background-color: rgba(0, 0, 0, 0.7);

	zoom: 1;

	background-color: transparent\9;

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000)";

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000, endColorstr=#b3000000);

	max-width: 320px;

	_width: 294px;

	color: #FFF;

}

.slider .slider-flow .titlebox .sliderH1 {

	font-size: 18px;

	height: 31px;

	margin-top: 40px;

	overflow: hidden;

	margin-bottom: 9px;

	font-weight: bold;

}

.slider .slider-flow .titlebox .sliderH2 {

	font-size: 30px;

	height: 45px;

	overflow: hidden;

	margin-bottom: 6px;

	font-weight: bold;

}

.slider .slider-flow .titlebox .sliderH3 {

	font-size: 18px;

	margin-bottom: 6px;

	color: #00aeef;

	font-weight: bold;

}

.slider .slider-flow .titlebox p {

	font-size: 16px;

	line-height: 1.25;

}

.slider .slider-flow .on .titlebox {

	-webkit-animation: slidein 2s both;

	animation: slidein 2s both;

}

.slider .slider-flow .on .titlebox .sliderH1 {

	-webkit-animation: slidein 2s both;

	animation: slidein 2s both;

}

.slider .slider-flow .on .titlebox .sliderH2 {

	-webkit-animation: slidein 1s both 1s;

	animation: slidein 1s both 1s;

}

.slider .slider-flow .on .titlebox .sliderH3 {

	-webkit-animation: slidein 1.5s both 1s;

	animation: slidein 1.5s both 1s;

}

.slider .slider-flow .on .titlebox p {

	-webkit-animation: slidein 2s both 1s;

	animation: slidein 2s both 1s;

}

.slider .slider-nav {

 *zoom: 1;

}

.slider .slider-nav:before, .slider .slider-nav:after {

	content: " ";

	display: table;

}

.slider .slider-nav:after {

	clear: both;

}

.slider .slider-nav a {

	display: block;

	float: left;

	height: 6px;

	overflow: hidden;

	margin-left: -1px;

 *margin-left: -2px;

	background: #666;

	border-left: solid 1px #FFF;

}

.slider .slider-nav a.on {

	background: #000;

}

.slider .slider-btn {

	position: absolute;

	z-index: 9;

	width: 20px;

	height: 35px;

	opacity: 0;

	-webkit-transition: opacity 0.5s;

	transition: opacity 0.5s;

	display: none\9;

	_display: block;

	background-color: rgba(0, 0, 0, 0.8);

	background-color: #000\9;

	padding: 20px 10px;

}

.slider:hover .slider-btn {

	opacity: .8;

	display: block\9;

}

.slider .slider-prev {

	left: 0;

	background-image: url("../images/slices.png");

	background-repeat: no-repeat;

	background-position: -185px 20px;

	_background-image: url("../images/slices.gif");

	cursor:pointer;

}

.slider .slider-next {

	right: 0;

	background-image: url("../images/slices.png");

	background-repeat: no-repeat;

	background-position: -223px 20px;

	_background-image: url("../images/slices.gif");

	cursor:pointer;

}

.slider.small {

	height: 254px;

}

.slider.small .slider-flow {

	height: 254px;

}

.slider.small .slider-flow li {

	height: 254px;

}

.slider.small .slider-btn {

	margin-top: 91px;

}

.slider.small .slider-flow .titlebox {

	margin-top: 74px;

	height: 168px;

}

.banner {

	height: 146px;

	background-position: center center;

	background-size: cover;

}