/*
html, html *{
    filter: gray !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
}*/
html {
	color:#78808B;
	overflow-y:scroll
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
q:before, q:after {
	content:''
}
abbr, acronym {
	border:0;
	font-variant:normal
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}
textarea {
	overflow:auto
}
input, textarea, select {
	*font-size:100%
}
legend {
	color:#000
}
body {
	font:13px/1.6 Verdana, Geneva, sans-serif;
	*font-size:small;
	*font:x-small;
	background: #f5f5f5 url('images/bg.png') 0 0 repeat;
}
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif
}
table {
	font-size:inherit;
	font:100%
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%
}
small {
	font-size:85%
}
h1, .h1 {
	font-size:197%;
	font-weight:normal;
	font-style:normal
}
h2, .h2 {
	font-size:167%;
	font-weight:normal;
	font-style:normal
}
h3, .h3 {
	font-size:146.5%;
	font-weight:normal;
	font-style:normal
}
h4, .h4 {
	font-size:123.1%;
	font-weight:normal;
	font-style:normal
}
h5, .h5 {
	font-size:108%;
	font-weight:bold;
	font-style:normal
}
h6, .h6 {
	font-size:108%;
	font-weight:normal;
	font-style:italic
}
body {
	_text-align:left
}

.main {
	display:table-cell;
	*display:block;
	width:auto;
	*zoom:1
}

.clearfix:before, .clearfix:after {
	content:"\20";
	display:block;
	height:0;
	overflow:hidden
}
.clearfix:after {
	clear:both
}
.clearfix {
	-ms-zoom:1;
	zoom:1
}

.hidden {
	display:none
}

.pane {
	background-color:#2e2e2e;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:1
}

.funneling {
	overflow:visible
}
.funneling h1, .funneling h2, .funneling h3, .funneling h4 {
	font-weight:normal;
	margin:0
}

.trans {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	-khtml-opacity:.3;
	opacity:.3
}
.icons {
	background-image:url("images/sprite-gud3.png")
}
.icon-image {
	display:inline-block;
	width:14px;
	height:14px;
	line-height:14px;
	vertical-align:text-top;
	background-repeat:no-repeat;
	margin:0
}
.yxbg {background-image:url("images/yixue.png");}
.yjbg {background-image:url("images/yijiao.png");}
.yxybg {background-image:url("images/yixiaoyuan.png");}
.jcbg {background-image:url("images/jiaocai.png");}
.ydbg {background-image:url("images/yidong.png");}
.campbg {background-image:url("images/camp.png");}
.container {
	width:990px;
	margin:0 auto;
	position:relative;
	z-index:1
}

.row {
	margin-top:4px
}

.top-line {
	height:5px;
	width:100%;
	background-color:#0a3f5e
}

.panels {
}
.header {
	height:115px;
	position:relative;
	z-index:1
}
.front {
	position:relative;
	z-index:9999
}
.panorama {
	background-color:#2e2e2e;
	width:939px;
	height:369px;
	position:relative;
	z-index:2;
	display:none
}
.mainpane .front {
	color:#fff;
	padding-left:22px!important;
	padding-top:16px!important;
	height:100%
}
.mainpane .front .inner {
	display:none
}
.mainpane .front .inner .linkList {
	list-style:none;
	margin-left:0;
	width:300px;
}
.pane1.mainpane .front .inner .linkList {
	width:350px;	
}
.pane1.mainpane .front .inner .linkList, .pane2.mainpane .front .inner .linkList {
	width:300px;
}
.mainpane .front .inner p.big {
	font-size:14px
}
.mainpane .front .inner .linkList li.liHead {
	font-size:14px;
	margin-bottom:15px;
	margin-top:15px;
	padding-left:0
}
.mainpane .front .inner .linkList li {
	font-size:14px;
	margin-bottom:5px
}
.mainpane .front .inner .linkList li.icon {
	height:38px;
	line-height:38px;
	vertical-align:middle;
	position:relative;
	padding:0
}
.mainpane .front .inner .linkList.large li.icon {
	height:45px;
	line-height:45px;
	vertical-align:middle;
	position:relative;
	padding:0;
	color:#fff!important
}
.pane2.oneoffour, .pane3.oneoffour, {
	margin-top:5px;
	overflow:hidden
}
.pane.pane1.bottom{
	position: absolute;
	background-color: transparent;
	left: 5px;
	bottom: 40px;
}

.pane.pane2.bottom{
	position: absolute;
	background-color: transparent;
	left: 5px;
	bottom: 40px;
}

.no-opacity .mainpane .front .inner .linkList li.icon {
}
.iconshadow {
	background-color:rgba(255,255,255,.3);
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:1
}
.no-opacity .iconshadow {
	background-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30)
}
.mainpane .front .inner .linkList li.icon span {
	margin:10px 20px;
	white-space:nowrap;
	display:inline;
	position:relative;
	cursor:pointer;
	z-index:2
}
.mainpane .front .inner .linkList li.icon:after {
	content:"";
	position:absolute;
	top:16px;
	right:18px;
	background:url(images/go.png) no-repeat;
	height:12px;
	width:16px
}
.mainpane .front .inner .linkList.large li.icon:after {
	content:"";
	position:absolute;
	top:16px;
	right:18px;
	background:url(images/sprite-gud3.png) -125px -365px;
	height:12px;
	width:10px
}
.bright {
	background-color:rgba(255,255,255,.5);
	cursor:pointer
}
.no-opacity .bright {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	cursor:pointer
}
.mainpane .front h2 {
	font-weight:normal;
	font-style:normal;
	font-size:20px;
	line-height:22px;
	font-weight:bold
}
.mainpane .front h3 {
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
	margin-top:0;
	font-weight:normal!important;
	color:e0e0e0
}

.black {
	position:absolute;
	height:100%;
	width:100%;
	z-index:1;
	display:block
}
.blackshade {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-ms-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease
}
.mainpane .black {
}
.mainpane .front .inner .desc {
	max-width:550px
}
.active {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-ms-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease
}
.pane.top .front {
	color:#fff;
	padding:15px 15px;
	height:100%
}
.pane .front {
	color:#fff;
	padding:10px 10px;
	height:100%
}

.pane.top .front .inner p {
	line-height:18px!important;
	margin-top:0;
	margin-bottom:20px;
	font-size:14px!important;
	font-weight:normal;
	margin-top:0!important
}
.pane.top .front h3 {
	line-height:21px;
	margin-top:0;
	margin-bottom:15px!important;
	font-size:16px;
	font-weight:bold
}
.pane.top .front h3 span {
	color:#e0e0e0;
	font-size:14px;
	font-weight:normal!important
}
.pane.top .front h3 span {
	display:block;
	font-size:17px;
	min-height:17px
}

.pane.bottom .front h3 {
	font-size:14px;
	line-height:18px;
	padding-right:33px
}
.pane.bottom .front h3 span {
	display:block
}
.pane .front .inner {
	display:none
}
.pane .front .inner p {
	margin-top:15px
}
.pane .front .inner a {
	float:right;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	position:absolute;
	bottom:26px;
	right:10px;
	font-weight:bold
}

.pane.top .front .inner a {
	bottom:45px;
	right:15px
}
.onelefttworight .mainpane.oneofthree.top {
	overflow:hidden;
	float:left;
	margin-right:5px;
	background-repeat:no-repeat;
	position:relative;
	z-index:7000
}
.onelefttworight .pane1.mainpane.oneofthree.top {
	width:610px;
	height:500px;
	
}
.onelefttworight .pane2.mainpane.oneofthree.top {
	width:370px;
	height:290px;
}
.onelefttworight .pane3.mainpane.oneofthree.top {
	width:370px;
	height:205px;
	margin-top: 5px;
}
.bottom .front .inner {
	padding:0
}
.bottom .front .inner p {
	text-align:left;
	margin:5px
}
.bottom .front h4 {
	font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
	color:#fff;
	margin-bottom:10px;
}
.bottom .front h4 span {
	display:block
}
.bottom .pane .front {
	padding:10px
}

.pane1_1.oneoffour {
	width:195px;
	height:195px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
	overflow:hidden
}

.pane2_1.oneoffour {
	width: 350px;
	height: 70px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
	overflow:hidden
}

.bottom .shrtn-small {
	margin:5px!important
}
.onelefttworight .pane4 {
	margin-left:0!important
}
.oneleftoneright .pane3 {
	margin-left:0!important
}

.white-out {
	width:100%;
	height:100%;
	background:#f5f4f4;
	position:fixed;
	top:5px;
	left:0;
	z-index:8000;
	display:block;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.funnel {
	top:10px;
	left:10px;
	width:930px;
	height:550px;
	background-color:#fff;
	position:absolute;
	padding-right:13px;
	z-index:9999;
	-webkit-box-shadow:0 0 25px rgba(0,0,0,.7);
	-moz-box-shadow:0 0 25px rgba(0,0,0,.7);
	box-shadow:0 0 25px rgba(0,0,0,.7);
	display:none;
	overflow:hidden
}

.ie7 .funnel, .ie8 .funnel, .ie9 .funnel {
	top:13px;
	border:1px solid #000
}
.funnel .close {
	position:absolute;
	height:54px;
	width:60px;
	top:0;
	right:0;
	background-color:#6a6a6a;
	color:#fff;
	text-align:center;
	line-height:54px;
	font-size:160%;
	cursor:pointer;
	z-index:9999
}
.close .icon-image {
	width:11px;
	height:11px;
	background-position:-165px -365px;
	top:50%;
	left:50%;
	position:absolute;
	margin:-6px 0 0 -5px
}
.funnel .title-hold {
	margin:13px 3px 13px 13px;
	color:#616161
}
.funnel .funnel-title {
	font-weight:bold;
	font-size:20px;
	line-height:22px
}
.funnel .funnel-sub-title {
	font-weight:normal;
	margin-top:8px;
	font-size:16px
}
.funnel .funnel-title span {
	display:block
}
.main {
	overflow:hidden
}
.main .col {
	width:296px;
	height:460px;
	background-color:#f5f5f5;
	margin-left:13px;
	margin-bottom:24px;
	float:left;
	position:relative
}
.main .col p {
	margin:0 0 13px
}
.main .col .content h3 {
	margin:10px 0;
	height:46px
}
.main .col .content h3.smaller {
	font-size:134.5%
}
.main .col .img {
	width:296px;
	height:145px;
	position:relative
}
.main .col .img img {
	position:relative;
	z-index:2
}
.main .col .img .image-text {
	position:absolute;
	bottom:0;
	right:0;
	padding:11px 16px 10px;
	color:#000;
	z-index:3
}
.main .col .img .image-text span {
	position:relative;
	bottom:0;
	right:0;
	color:#000;
	z-index:5;
	font-style:italic;
	font-size:16px;
	font-family:Georgia
}
.main .col .img .image-text .image-text-shadow {
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
	height:15px;
	padding:11px 0 10px;
	background-color:#f5f5f5;
	color:#000;
	z-index:4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	-moz-opacity:.9;
	-khtml-opacity:.9;
	opacity:.9
}
.main .col .content {
	margin:0 25px
}
.main .col .content p {
	width:246px;
	height:129px;
	line-height:22px;
	font-size:12px!important;
	margin-bottom:20px;
	color:#5e5e5e;
	overflow:hidden
}
.ie7 .main .col .content p, .ie8 .main .col .content p, .ie9 .main .col .content p {
	margin-bottom:10px!important
}
.main .col .content .btn {
}
.main .col .content h4 {
	border-bottom:1px solid #cbcbcb;
	margin:23px 0 10px 0;
	padding-bottom:10px
}
.btn {
	width:100%
}
.btn+.btn {
	margin-left:0!important;
	margin-top:10px
}
.btn-split span {
	width:156px;
	text-align:left
}
.white-arrow {
	background-position:-20px -120px;
	height:11px;
	width:7px;
	margin:4px 0 0 5px
}
.btn .icon-image {
	width:6px;
	height:18px;
	background-position:-21px -115px;
	margin:0
}
.transparent-box {
	position:absolute;
	top:0;
	width:100%;
	height:70px;
	left:0;
	z-index:1;
	background:#000;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000, endColorstr=#50990000);
	filter:alpha(opacity=40);
	background:rgba(0,0,0,.4)
}
.ie9 .transparent-box, .ie10 .transparent-box {
	background:rgba(0,0,0,.8)
}
.front h2, .front h3 {
	position:relative;
	z-index:10;
	padding-right:0
}
.icon-plus-large {
	width:60px;
	height:50px;
	display:block;
	position:absolute;
	top:10px;
	right:0;
	margin:0 0 0 10px
}
.bottom .icon-plus-large {
	bottom:66px;
	top:auto;
	right:auto;
	left:50%;
	border-left:0;
	margin:0;
	margin-left:-20px;
	z-index:6
}
.bottom .transparent-box {
	height:100%;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000, endColorstr=#50990000);
	filter:alpha(opacity=50);
	background:rgba(0,0,0,.5)
}
.pane.top .pane.bottom .front h3 {
	text-align:center;
	padding:0 auto;
	padding-right:0;
	position:absolute;
	bottom:20px;
	width:86%;
	padding-bottom:8px;
	z-index:9;
	font-size:14px;
	line-height:1.4;
	//margin:0 11%;
	font-weight:bold
}
.pane-subtitle, .pane.top .front .pane-subtitle {
	font-family:Georgia;
	font-style:italic;
	font-size:14px
}
.pane1 .front h2 {
	font-size:16px
}
.pane.top .front h3 span {
	font-size:14px;
	color:#eee
}
.bottom .front .inner p {
	position:relative;
	z-index:10
}
.pane .front .inner a {
	z-index:10
}
.pane.bottom .front h3 span.pane-subtitle {
	display:none
}
.bottom.pane .front {
	padding-left:0
}
.bottom .front .inner {
	padding:0 0 0 10px
}
.pane.top .front .pane-title {
	font-size:18px
}

/* the new */
a, a:visited { color:#78808B; text-decoration:none;}
a:hover { color:#45525F;}
a.green, a.green:visited { color:#690; text-decoration:none;}
a.green:hover { color:#333; text-decoration:underline;}
.header { width:100%; height:auto; padding:20px 0 10px; overflow:hidden;}
.publicbar { width:980px; height:auto; margin:0 auto;}
.left { float:left;}
.right { float:right;}
.mailbar { float:right; width:auto; padding-top:29px; color:#999;}
.mailbar img { vertical-align:middle;}

/*content*/
.content { width:100%; height:auto; padding:20px 0;}
.content p { padding:20px 0;}
.title { padding-bottom:10px; border-bottom:1px solid #d6d7db; color:#333;}
a.button { width:300px; text-align:center; height:auto; padding:20px 0; margin-right:20px; display:inline-block; background:#c2d53f; color:#fff;}
a.buttonsq { width:300px; text-align:center; height:auto; padding:20px 0; margin-right:20px; display:inline-block; background:#57cad1; color:#fff;}
a.button:hover, a.buttonsq:hover { background:#454545;}
/* footer*/
.footer { width:100%; height:auto; padding:40px 0;background:url("images/bg_footer.png"); color:#45525F; text-align:center; margin-top:20px;}