*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { 
font-size: 100%; 
padding: 0; 
margin: 0; 
height: 100%;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after 
{ 
display:inline-block; }

body {
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
    color: #000;
	text-align:justify;
	width:100%;
	overflow-y: hidden;
	overflow-x: hidden
}
.ie7 body{
	overflow:hidden;
}
#esq{
    float: left;
    width: 50%;

}
#dir{
    float: right;
    width: 50%;
}
a {
	color:#666;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #F00;
}

.container {
	width:100%;
	height:100%;
}
.header {
	top: 0px;
	left: 0px;
	height: 150px;
	padding:10px;
	background: #FFF;
	text-align:center;
}
.filler-above,
{
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
}

.filler-above p {
	max-width: 50em;
	margin: 0 auto;
	text-align:justify;
	padding: 3em 2em;
}

@media screen and (max-height: 25.25em), screen and (max-width: 44.3125em) {

	.filler-above,
{
		position: relative;
		background: #f0f0f0;
		height: auto;
	}

}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.clr{
display:inline-block;
}

.container2 {
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
	font-size: 35px;
	position: relative;
	color: rgba(27,54,81,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.wp, .wrap, .wraper {
width: 100%;
margin: 0 auto;
}
img {
vertical-align: top;
}
.clear-fix:after, .clear-fix:before, .cf:after, .cf:before {
content: "";
display: table;
}
.clear-fix:after, .cf:after {
display:inline-block;
}
.clear-fix, .cf {
 *zoom:1;
}
.banner {
margin-bottom: 20px;
z-index: 1;
}
.banner .slider {
position: relative;
}
.banner .slider ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 447px;
overflow: hidden;
position: relative;
}
.banner .slider ul li {
position: absolute;
top: 0;
left: 50%;
}
.banner .slider .dots:after {
display: table;
clear: both;
content: "";
}
.banner .slider .dots {
position: absolute;
bottom: 20px;
left: 60%;
z-index: 40;
 *zoom: 1;
}
.banner .slider .dots a {
display: block;
float: left;
width: 12px;
height: 12px;
margin-right: 10px;
text-indent: -9999em;
background: #000;
border-radius: 10px;
}
.banner .slider .dots .cur {
background: #fff;
}
.banner .slider .arrow {
width: 65%;
position: absolute;
top: 45%;
left: 18%;
z-index: 50;
}
.banner .slider .arrow a {
font-family: "Microsoft YaHei";
font-size: 34px;
font-weight: 700;
color: #fff;
}
.banner .slider .arrow .btn-left {
float: left;
}
.banner .slider .arrow .btn-right {
float: right;
}