/* CSS Document */

* {
	padding: 0;
	margin: 0;
	border: 0;
}
body {
	font-family: "ËÎÌå,Microsoft YaHei";
	font-size: 12px;
	color: #595757;
	background:#fff;min-width:1000px;
	
}

li {
	list-style: none
}
a {
	text-decoration: none;
	color: #595757
}
.wrapper {
	width: 100%;
	margin: 0 auto;
}
.header {
	width: 100%;
	height: 140px;
	margin: 0 auto;
	background: url(/html/class/template/images/headerbg.png) repeat-x;
}
.logo {
	width: 130px;
	float: left;
}
.link {
	top: 35px;
	left: 580px;
	position: relative;
	float: left;
}
.nav {
	width: 810px;
	float: left;
	margin-left: 30px;
	top: 51px;
	*top: 47px;
	position: relative;
	font-family: 'ºÚÌå,Microsoft YaHei';
	font-weight:bold;
	font-size: 13px;/*background:url(/html/class/template/images/aa_02.jpg);*/
}
.nav ul {
	width: 810px;
	line-height: 33px;
	margin-left:10px;
}
.nav ul li {
	width: 81px;
	height:33px;
	float: left;
	text-align: center;
	background: url(/html/class/template/images/bb_03.png) no-repeat right;
	
}
.nav ul li a {

	display: block;
	width: 81px;
	height:33px;
}


.nav ul li .nav1{ background:url(/html/class/template/images/nav1.png) no-repeat;}
.nav ul li .nav2{ background:url(/html/class/template/images/nav2.png) no-repeat;}
.nav ul li .nav3{ background:url(/html/class/template/images/nav3.png) no-repeat;}
.nav ul li .nav4{ background:url(/html/class/template/images/nav4.png) no-repeat;}
.nav ul li .nav5{ background:url(/html/class/template/images/nav5.png) no-repeat;}
.nav ul li .nav6{ background:url(/html/class/template/images/nav6.png) no-repeat;}
.nav ul li .nav7{ background:url(/html/class/template/images/nav7.png) no-repeat;}
.nav ul li .nav8{ background:url(/html/class/template/images/nav8.png) no-repeat;}
.nav ul li .nav9{ background:url(/html/class/template/images/nav9.png) no-repeat;}
.nav ul li .nav10{ background:url(/html/class/template/images/nav10.png) no-repeat;}
.nav ul li .nav1:hover,.nav ul li .navcur1{background:url(/html/class/template/images/nav1_c.png) no-repeat;}
.nav ul li .nav2:hover,.nav ul li .navcur2{background:url(/html/class/template/images/nav2_c.png) no-repeat;}
.nav ul li .nav3:hover,.nav ul li .navcur3{background:url(/html/class/template/images/nav3_c.png) no-repeat;}
.nav ul li .nav4:hover,.nav ul li .navcur4{background:url(/html/class/template/images/nav4_c.png) no-repeat;}
.nav ul li .nav5:hover,.nav ul li .navcur5{background:url(/html/class/template/images/nav5_c.png) no-repeat;}
.nav ul li .nav6:hover,.nav ul li .navcur6{background:url(/html/class/template/images/nav6_c.png) no-repeat;}
.nav ul li .nav7:hover,.nav ul li .navcur7{background:url(/html/class/template/images/nav7_c.png) no-repeat;}
.nav ul li .nav8:hover,.nav ul li .navcur8{background:url(/html/class/template/images/nav8_c.png) no-repeat;}
.nav ul li .nav9:hover,.nav ul li .navcur9{background:url(/html/class/template/images/nav9_c.png) no-repeat;}
.nav ul li .nav10:hover,.nav ul li .navcur10{background:url(/html/class/template/images/nav10_c.png) no-repeat;}
.banner {
	height: 211px;
	background: url(/html/class/template/images/bannerfc1.jpg) center;
	width: 100%;
}
.banner2 {
	height: 211px;
	background: url(/html/class/template/images/banner.jpg) center;
	/*background-size:100% 100%;*/
	width: 100%;
}
.banner1 {
	height: 211px;
	background: url(/html/class/template/images/wuye_02.jpg) center;
	width: 100%;
}
.banners {
	height: 450px;
	width: 100%;
}
.box {
	width: 780px;
	margin: 0 auto;
	margin-bottom:20px;
}
.boxIndex {
	width: 1000px;
	margin: 0 auto;
	margin-bottom:20px;
}
.box1 {
	width: 545px;
	margin: 0 auto;
}
.sidebar {
	width: 204px;
	float: left;
	padding-bottom: 20px;
	float: left;
	
}
.sidebar .column {
	width: 204px;
	height: 49px;
	background: #001c5d;
	top: 330px;
	position: absolute;
	filter: alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.sidebar .column1 {
	width: 204px;
	height: 49px;
	background: #001c5d;
	top: 330px;
	position: absolute;
	filter: alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.sidebar p {
	font-size: 20px;
	color: #FFFFFF;
	top: -13px;
	position: relative;
	text-align: center;
	font-family: 'Microsoft YaHei';
}
.sidebar .nav1 {
	width: 204px;
	height: 430px;
	margin-top: 5px;
	background: #FFFFFF;
}
.sidebar .nav1 ul {
	width: 168px;
	min-height: 182px;
	text-align: center;
	padding: 5px 18px;
	background:#ececec;
	margin-top:-4px;
	
	
}
.sidebar .nav1 ul li {
	line-height: 30px;
	border-bottom: #114687 1px double;
}
.sidebar .nav1 ul li a {
	background: url(/html/class/template/image/s.png) no-repeat;
	display: block;
}
.sidebar .nav1 ul li a:link, .sidebar .nav1 ul li a:visited {
	color: #595757;
	background: none;
}
.sidebar .nav1 ul li a:hover, .sidebar .nav1 ul li a:active {
	color: #004294;
	background: url(/html/class/template/images/s.png) no-repeat;
	display: block;
}
.tag {
	background: url(/html/class/template/images/s.png) no-repeat;
	_background: url(/html/class/template/images/s.png) no-repeat;
	display: block;
	color: #004294;
}
.content {
	width: 545px;
	background: #FFFFFF;
	float: left;
	margin: 60px 0 10px 20px;
	padding-bottom: 30px
}
.content p 
{
	/*text-indent:2em;*/
	line-height:25px;
	
}
.content .title {
	float: left;
	font-family:"Microsoft YaHei";
}
.content .title p {
	font-size: 24px;
	color: #595757;
	width: 505px;
	float: left;
	padding: 20px;
}
.con {
	padding: 60px 20px 20px 20px;
	_padding: 10px 20px 20px 20px;
	line-height: 18px;
	letter-spacing: 1px;
}
.con p {
	padding: 5px 0;
	font-size: 12px;
	line-height:22px;
}
.con1 {
	padding: 20px;
	line-height: 18px;
	letter-spacing: 1px;
}
.con1 p {
	padding: 10px 0;
	font-size: 12px
}
/*Home page*/

.HomePage {
	width: 1000px;
	float: left;
	margin-top:20px;
}
.MicroLetter {
	width: 378px;
	float: left;
}
.MicroLetter .title{ background:#dcdcdc; font-size:12px; color:#004294; height:24px; line-height:24px; text-indent:20px; font-weight:bold;}
.enterprise {
	width: 610px;
 *width:610px;
	float: left;
}
.enterprise .title{background:#dcdcdc; font-size:12px; color:#004294; height:24px; line-height:24px;  font-weight:bold; margin-bottom:10px;}
.enterprise p {
	line-height: 30px;
	text-indent:20px;
}
.enterprise p a span {
	float: left;
	width: 470px;
	display: inline-block;
}
/* Group of honor*/

.list {
	width: 505px;
	margin: 20px 0 0 20px;
	padding-bottom: 20px;
	float: left;
	color: #595757;
	border-bottom: #CCCCCC 1px solid;
}
.list p {
	width: 380px
}
.years {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #004294;
	color: #FFFFFF;
}
.years1 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #0051b5;
	color: #FFFFFF;
}
.years2 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #0057c2;
	color: #FFFFFF;
}
.years3 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years4 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #0273ff;
	color: #FFFFFF;
}
.years5 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years6 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years8 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years7 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years9 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.years10 {
	width: 60px;
	float: left;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #006aed;
	color: #FFFFFF;
}
.honor {
	float: left;
	padding-left: 30px;
}
.content .title ul {
	font-size: 12px;
	width: 500px;
	color: #595757;
	top: -30px;
	left: 130px;
	_left: 50px;
	position: relative;
}
.content .title ul li {
	float: left;
	margin: 0 5px;
	line-height: 50px;
	text-align: center;
	border: #CCCCCC 1px solid;
}
.content .title ul li a:link, .content .title ul li a:visited {
	color: #666666;
	background: #FFFFFF;
	width: 60px;
	display: block;
	padding: 5px 5px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.content .title .choseCulture li .cur {
	background: #00387f;
	color: #fff;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.content .title ul li a:hover, .content .title ul li a:active {
	background: #00387f;
	color: #FFFFFF;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* The development course*/
 
.con p {
	padding: 10px 8px;
	;
}
.con p span {
	font-size: 14px;
	padding: 5px 0;
	display: block;
}
.page {
	/*width: 280px;*/
	float: left;
	padding-left: 280px;
	_padding-left: 280px;
}
.page p {
	float: left;
}
.digital {
	border: #CCCCCC 1px solid;
	padding: 0 5px;
	color: #004294;
}
/* Product series*/

.product {
	width: 505px;
}
.product p {
	width: 505px;
	padding: 5px 0;
}
.series {
	width: 505px;
}
.series p {
	font-size: 14px;
	color: #004294;
	padding: 20px 5px 5px 5px;
}
.ProductSeries {
	width: 240px;
	float: left;
	padding: 5px 5px 30px 5px;
	text-align: center
}
.ProductSeries span {
	text-align: center;
	width: 240px;
	padding-top: 5px;
	display: block
}
/* The enterprise culture*/                    				

.content .con ul {
	text-align: center;
}
.content .con ul li {
	float: left;
	width: 95px;
	height: 130px;
	padding: 10px 15px;
	_padding: 10px 15px;
	position: relative;
}
.content .con ul li img {
	border: #CCCCCC 1px dotted;
	border-bottom: none;
	width: 95px;
	height: 130px;
}
.boxs {
	padding: 80px 10px;
	_padding: 0 10px;
}
.content .boxs ul {
	text-align: center;
}
.content .boxs ul li {
	float: left;
	width: 135px;
	height: 160px;
	padding: 0 20px;
	position: relative;
}
.content .boxs ul li img {
	border: #CCCCCC 1px dotted;
	border-bottom: none;
	width: 135px;
	height: 111px;
}
.content .boxs ul li p {
	width: 135px;
	text-align: center;
	border: #CCCCCC 1px dotted;
	border-top: none;
	line-height: 23px;
	background: #004294;
	color: #FFFFFF;
}
/* news*/
.news {
	width: 505px;
	padding: 20px 0 20px 20px;
	float: left
}
.news ul li {
	border-top: #999999 1px dotted;
	float: left;
	width: 495px;
	pedding: 20px 0;
}
.news ul li p {
	padding: 10px 0;
}
.news ul li span {
	line-height: 25px;
	width: 380px;
	display: inline-block;
}
.news ul li a {
	width: 495px;
	color: #595757;
	font-size: 12px
}
.has_children {
	color: #004294;
	font-size: 12px;
	line-height:20px;
}
.has_children p {
	display: none;
	color: #595757;
	border-top: #999999 1px dotted;
}
.highlight1 {
}
.highlight1 p {
	display: block;
}
.highlight1 a span {
	color: #004294;
}
/* Whistleblowing complaints*/
.contents {
	width: 780px;
	float: left;
	padding-bottom: 20px;
	float: left;
}
.contents .columns {
	width: 780px;
	height: 49px;
	background: #001c5d;
	top: 330px;
	position: absolute;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.contents .border {
	width: 780px;
	margin-top: 5px;
	background: #FFFFFF;
	padding-bottom: 20px;
}
.contents p {
	font-size: 12px;
	line-height: 24px;
}
.prosecution {
	width: 725px;
	padding-left: 20px;
}
.prosecution .title 
{
	font-family:"Microsoft YaHei";
}
.prosecution1 {
	width: 765px;
	padding-left: 20px;
}
.prosecution p {
	line-height: 25px;
}
/* The hotel tourism*/

.border .title {
	width: 750px;
	height: 40px;
	text-align: center;
	float: left;
	padding: 30px 0 0 20px;
	font-family:"Microsoft YaHei";
}
.border .title p {
	font-size: 24px;
	color: #595757;
	float: left;
}
.hotel {
	width: 740px;
	padding: 0 20px;
	float: left
}
.Introduction {
	width: 410px;
	height: 400px;
	float: left;
	font-size: 12px;
	
	
}
.room {
	width: 320px;
	padding-left: 10px;
	text-align: center;
	float: left;
}
.room img {
	padding: 3px 0;
}
.room1 {
	width: 320px;
	padding-left: 10px;
	text-align: center;
	float: left;
	top: -40px;
	position: relative;
}
.room1 img {
	padding: 3px 0;
}
.contact {
	width: 730px;
	height: 55px;
	border: #CCCCCC 1px solid;
	float: left;
	margin-bottom: 10px;
}
.contact p {
	font-size: 12px;
	padding: 5px 0 5px 10px;
	width: 550px;
	height: 45px;
	float: left;
}
.contact a {
	color: #FFFFFF;
	/*background: #035bc8;*/
	padding: 5px 15px;
	float: left;
	top: 2px;
	left: 30px;
	position: relative;
}
.contact1 {
	width: 385px;
	border: #CCCCCC 1px solid;
	float: left;
	top: 28px;
	margin-bottom: 10px;
	position: relative;
}
.contact1 p {
	font-size: 12px;
	padding: 10px 0 5px 10px;
	height: 40px;
	text-indent:0em;
}
.contact1 p a {
	color: #FFFFFF;
	/*background: #035bc8;
	padding: 5px 15px;*/
	float: left;
	left: 15px;
	position: relative
}
/* Life estate*/

.Rent {
	padding: 15px 0;
}
.Rent p {
	width: 240px;
}
.Rent img {
*float:left
}
.Rent ul {
	width: 460px;
	padding-top: 20px;
}
.Rent ul li {
	font-size: 12px;
	line-height:20px;
	padding: 5px 0;
}
.Rent ul li span {
	width: 355px;
	/*display: inline-block;*/
}
.Rent ul li a {
	font-size: 12px;
	background: #666666;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
}
.Rent table {
	width: 450px;
	text-align: center;
	font-size: 12px;
}
.Rent table td {
	border: #CCCCCC solid 1px;
	height: 35px;
}
.form {
	font-size: 14px;
	background: #595757;
	color: #FFFFFF;
}
/* Real estate development*/
.project1 {
	width: 505px;
	padding: 20px 0 10px 20px;
}
.project1 ul {
	width: 290px;
	float: right;
 *float:right;
}
.project1 ul li {
	border-bottom: #CCCCCC 1px solid;
	font-size: 12px;
	padding: 5px 0;
	line-height:20px;
}
.project1 a img 
{
    *float:left;
}
.project {
	width: 505px;
	padding: 20px 0 10px 20px;
}
.project ul {
	width: 290px;
	float: right;
 *float:right
}
.project ul li {
	border-bottom: #CCCCCC 1px solid;
	font-size: 12px;
	padding: 5px 0;
	line-height:20px;
}
.project a img {
*float:left
}
.span {
	color: #004294;
}
.RadioButtons {
	width: 330px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
}
.RadioButtons1 {
	width: 320px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
}
.RadioButtons td {
	border: #CCCCCC solid 1px;
	_border: #CCCCCC solid 1px;
	height: 35px;
	width: 113px;
}
.RadioButtons a {
	width: 100px;
	background: #004294;
	color: #FFFFFF;
	padding: 3px 30px;
}
.model {
	width: 545px;
	background: #fff0dd;
	float: left;
	margin: 60px 0 10px 20px;
	padding-bottom: 30px;
	height:645px;
	min-height:645px;
}
.model .title {
	width: 270px;
	height: 40px;
	text-align: center;
	float: left;
}
.model .title p {
	font-size: 24px;
	color: #595757;
	float: left;
	padding: 10px 0 0 20px;
}
.model .title ul {
	font-size: 12px;
	width: 250px;
	color: #595757;
	float: left;
	line-height: 50px;
	left: 290px;
	_left: 130px;
	top: -70px;
	position: relative;
}
.model .title ul li {
	float: left;
	margin: 0 5px;
	border: #CCCCCC 1px solid;
}
.model .title ul li a:link, .model .title ul li a:visited {
	color: #666666;
	background: #FFFFFF;
	display: block;
	padding: 5px 10px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.model .title ul li a:hover, .model .title ul li a:active {
	background: #00387f;
	color: #FFFFFF;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.directory {
	top: -270px;
	position: relative;
}
.directory ul {
	font-size: 12px;
	width: 340px;
	color: #595757;
	float: left;
	line-height: 50px;
	left: 360px;
	top: -30px;
	position: absolute;
}
.directory ul li {
	float: left;
	width: 70px;
	text-align: center;
	margin: 0 5px;
	border: #CCCCCC 1px solid;
}
.directory ul li a:link, .directory ul li a:visited {
	color: #666666;
	background: #FFFFFF;
	display: block;
	padding: 5px 10px;
}
.directory .directoryul li .cur {
	background: #00387f;
	color: #FFFFFF;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.directory ul li a:hover, .directory ul li a:active {
	background: #00387f;
	color: #FFFFFF;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.Rent1 {
	width: 520px;
	padding: 10px 5px 0 5px;
}
.Rent1 ul {
	width: 260px;
}
.Rent1 ul li {
	font-size: 12px;
	padding: 5px 0;
}
.Rent1 ul li p {
	font-size: 12px;
	color: #004294;
}
/* Investor relations*/
.company {
	width: 350px;
	float: left;
 *float:left;
	padding: 10px 10px 0 10px;
}
.company ul li {
	border-bottom: #595757 1px dotted;
	line-height: 30px;
}
.company ul li a {
	color: #595757;
}
.company ul li a span {
	float: left;
	width: 280px;
}
.mid {
	width: 480px;
	float: left;
}
.stock {
	width: 480px;
	left: 20px;
	top: 10px;
	position: relative;
}
.top {
	width: 480px;
	height: 32px;
	background-color: #dcdddd;
	border-bottom: 1px solid #D7D7DE;
}
.realsttock-names-name {
	font-size: 16px;
	margin: 5px 5px 0 8px;
	line-height: 25px;
	color: #000000;
	font-weight: 200;
	float: left
}
.realstock-names-code {
	line-height: 18px;
	margin-top: 10px;
	float: left
}
.realstock-values-value {
	margin: 5px 2px 0 5px;
	width: 30px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	float: left;
	color: #FF0000;
}
.realstock-values-rate {
	height: 20px;
	width: 80px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 13px 5px 0 3px;
	color: #FF0000;
}
.realstock-marks-amount {
	font-size: 12px;
	line-height: 20px;
	margin: 13px 0 0 2px;
	width: 70px;
	float: left;
}
.realstock-values-state {
	font-size: 12px;
	line-height: 20px;
	margin: 12px 0 0 3px;
	width: 50px;
	float: left;
	color: red;
}
.realstock-values-links {
	font-size: 12px;
	line-height: 20px;
	margin: 13px 0 0 3px;
	color: red;
	float: left;
}
.realstock-values-links a {
	color: #009900;
	text-decoration: underline
}
.prompt {
	width: 210px;
	float: left;
	left: 30px;
	top: 70px;
	position: relative;
}
.prompt p {
	padding: 5px 0 0 0;
}
/* footer*/
.footer {
		clear: both;
	height: 38px;
	width: 780px;
	bottom: 0;
	margin: 0 auto;

	background:#dcdcdc;
	margin-top:20px;
}
.footerIndex {
		clear: both;
	height: 38px;
	width: 1000px;
	bottom: 0;
	margin: 0 auto;

	background:#dcdcdc;
	margin-top:20px;
}
.footer img {
float:left;
margin-left:20px;
}
.footer p {
	line-height: 32px;
	width: 440px;
	color: #595757;
	float: left;
	text-indent:10px;
	font-size: 11px;

}
.footer p a:link, .footer p a:visited {
	color: #595757;
}
.footer p a:hover, .footer p a:active {
	color: #004294;
}
.footer ul {
	width: 282px;
	line-height: 32px;
	float: right;
	text-align:right;
	position: relative;
}
.footer ul li {
	float: left;
	width: 60px;
}
.sliderPlayt {
	width: 210px;
	height: 154px;
	position: relative;
	overflow: hidden;
	top: 20px;
}
.slidert {
	position: absolute;
	height: 154px;
	left: 0;
	top: 0;
	width: 100%;
}
.slidert li {
	float: left;
	list-style-type: none;
	height: 154;
	width: 210px;
}
.slidert li p {
	color: #fff;
	margin-left: 5px;
	margin-top: -30px;
	line-height: 24px;
	position: absolute;
	z-index: 2;
	font-size: 12px;
}
.slidert img {
	border: 0;
	width: 210px;
	height: 154px
}
.back {
	height: 30px;
	background: #001844;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	width: 100%;
	position: absolute;
	bottom: 0px;
}
.btnBoxt {
	position: absolute;
	bottom: 0px;
 *bottom:0px;
	right: 8px;
	width: 100%;
	height: 24px;
	text-align: right;
	z-index: 3;
}
.btnBoxt .btn {
	margin: 0 auto;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #004294;
	cursor: pointer;
	border-radius: 15px;
	margin-right: -3px;
}
.btnBoxt .cur {
	background: #595757;
	color: #fff
}
/*fang chan js*/

#container {
	width: 545px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#example {
	width: 548px;
	height: 270px;
	position: relative;
}
#ribbon {
	position: absolute;
	top: -3px;
	left: -15px;
	z-index: 500;
}
#slides {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#slides .slides_container {
	width: 545px;
	overflow: hidden;
	position: relative;
	display: none;
	height:635px;
	min-height:635px;
}

#slides .slides_container div.slides_control {
	position: relative; 
	height: 630px; 
	left: -545px;
}
#slides .slides_container div.slide {
	width: 545px;
	height: 270px;
	display: block;
}
.slides_container div.slide img {
	width: 545px;
}
#slides .next, #slides .prev {
	position: absolute;
	top: 107px;
	left: -12px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
}
#slides .next {
	left: 535px;
}
.pagination {
	margin: 26px auto 0;
	width: 100px;
	display: none;
}
#examplet {
	width: 545px;
	height: 430px;
	position: relative;
}
#ribbont {
	position: absolute;
	top: -3px;
	left: -15px;
}
#slidest {
	position: absolute;
	top: 0px;
	left: 0px;
}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#slidest .slides_container {
	width: 545px;
	overflow: hidden;
	position: relative;
	display: none;
}
#slidest .slides_container div.slide {
	width: 545px;
	height: 630px;
	min-height: 630px;
	display: block;
}
#slidest .next, #slidest .prev {
	position: absolute;
	top: 220px;
	left: -13px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
}
#slidest .next {
	left: 536px;
}
.pagination {
	margin: 26px auto 0;
	width: 100px;
	display: none;
}
.b1 {
	    width: 740px;
    float: left;

}

.b2 {

    width: 80px;
    height: 100%;
    float: left;
    font-size: 12px;
    text-align:justify;
    text-align-last:justify;
    text-justify:inter-ideograph;
}
.b3 {
width: 320px;
    padding-left: 10px;
    text-align: center;
    float: left;
    position: relative;
}
.b4 {
width: 330px;
    padding-left: 0px;
    text-align: left;
    float: left;
    position: relative;
}