#container_slider {width:100%; padding:0px; margin:0 auto; position:relative; z-index:0; float:left}
#frame {position:absolute; z-index:0; width:997px; height:387px; top:5px; left:-10px}
#example {width:930px; height:221px; position:relative; background:url(../images/slideshow_bg.png) repeat-y left top;margin: 5px auto 0;}
/*
	Slideshow style
*/
#mySwipe { width:940px; z-index:100; height:221px; background:url(/images/slideshow_bg.png) repeat-y left top;}
/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.slides_container {width:940px; height:221px; overflow:hidden; position:relative; display:none; }
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#mySwipe .slide {padding:0; width:940px; display:block}
/*
	Next/prev buttons
*/
#mySwipe .next,#slides .prev {position:absolute; bottom:34px; left:924px; width:32px; display:block; z-index:101}
#mySwipe .next {left:962px}
/*
	Pagination
*/
.pagination { position:absolute; right:8px; bottom:6px; width:auto; margin:0; z-index:9999;}
.pagination li {float:left; margin:0 0 0 5px; list-style:none}
.pagination li a {display:block; width:15px; height:15px; background:url(../images/pagination-bg.png) no-repeat left top; float:left; overflow:hidden; text-indent:-9999px;}
.pagination li.current a {background-position:right 0;}
#mySwipe .link {display:block; margin:10px 0 0 200px; font-weight:700}

#mySwipe .slide h1
{
            font-size:36px; 
			width:480px; 
			margin:20px 0 0 0; 
			color:#383934; 			
			font-family: 'zurich_cn_btbold';
			line-height:36px; 
			width:100%; 
			float:left; 
			text-align:center;
			color:#fff;
			text-shadow:#000 1px 1px;
			}
#mySwipe .slide a.learn-more{
	width:240px;
	float:left;
	height:36px;
	background:#4b8fcf;
	font-size:16px;
	display:block;
	line-height:35px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-shadow:#000 1px 1px;
	margin:30px 0 0 80px;
	}
#mySwipe .slide a.learn-more:hover{
	background:#fb8a05;
	}
#mySwipe .slide p{font-size:13px; width:480px; margin:20px 0 0 20px; text-align:justify; float:left; border:1px solid #ff0000;}
.slides_control{ color:#383934;}
.textr{text-align:right}
.imaage_slider01{ position:absolute;z-index:555; top:0px;}


#mySwipe .slide .left-banner{font-size:30px; width:450px; color:#383934; float:right; padding:40px 0 0 0; height:264px;}
#mySwipe .slide h1 { margin:6px 0 0 0;}
#mySwipe .slide .hdng_1 { margin:20px 0 0 0;}
.page-swipe{float:left; width:100%;}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
.page-swipe nav{position:relative;max-width:920px;margin:-20px auto 0; z-index:100}.page-swipe nav a{font-style:normal;color:#555!important}.page-swipe nav #position{text-align:center;list-style:none;margin:0;padding:0; float:right}.page-swipe nav #position li{background: url("../images/pagination-bg.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 15px;
    margin-left:5px;
    cursor:pointer;
}
.page-swipe nav #position li.on{background-position: right 0; }