@charset "utf-8";
/* CSS Document */
body, div, p, ul, li,h2,h3,h1, i, em, span, dd, dt, dl, form, table, th, td, tr, input {
	border: 0 none;
    margin: 0;
    padding: 0;
	list-style-type:none;
}
select{
	padding: 0;
	margin: 0;
}
html{
	font-family:"Microsoft Yahei","SimHei","SimSun", Geneva, sans-serif; 
	font-size: 12px; 
	color:#121212;
	background-color:#fff;
	height:100%; 
	width:100%;
}
a{ 
    text-decoration:none;
	color:#333333;
	outline:none;
	border: none;
}
a:hover{ text-decoration:none;}
img{ border:none;}
h2,h3,h4,i,b{
	font-weight: normal;
	font-style: normal;
}
input,textarea{ font-family:"Microsoft Yahei","SimHei","SimSun", Geneva, sans-serif; outline:none;}
.wrap{
	width: 100%;
	height: auto;
	min-width: 1200px;
	overflow: hidden;
}
.wraper{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.ofhd{ overflow: hidden; }
.fl{ float: left; }
.fr{ float: right; }
.cb{ clear: both; }

.top{
	height: 50px;
	background-color: #5fb7a9;
	line-height: 50px;
	vertical-align: middle;
	font-size: 14px;
	color: #ffffff;
	position: fixed;
	z-index: 999;
	top:0;
}
.top a{ color: #ffffff; }
.top .fl,.top .fr{
	display: inline-block;
	height: auto;
	overflow: hidden;
}
.top .fl a{ 
	display:inline-block;
	margin-right: 20px;
	padding-left: 25px;
}
.top .fl a:hover{ 
	color:#000;
}
.top .fl a:first-child{ background: url(../images/top_a1.png) left center no-repeat; }
.top .fl a:last-child{ background: url(../images/top_a2.png) left center no-repeat; }
.top .fr a{ 
	margin-left: 20px;
	padding-left: 45px;
	background: url(../images/top_english.png) left center no-repeat;
}
.top .fr a:hover{ 
	color:#000;
}
.top .fr span{ 
	display:inline-block;
	padding-left: 25px;
	background: url(../images/top_tell.png) left center no-repeat;
}
.top .fr span:hover{
	cursor:pointer;
	color:#000;
}
.header{
	background-color:rgba(255,255,255,0.9);
	height: 100px;
	margin-bottom: 10px;
	position: relative;
	z-index: 99;
	position: fixed;
	z-index: 999;
	top:50px;
	overflow: visible;
	border-bottom: 1px #5fb7a9 solid;
}
.header .wraper{ overflow: visible; }
.logo{
	width: 480px;
	height: auto;
	overflow: hidden;
	float: left;
}
.logo img{
	margin-top: 15px;
	transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear; 
	-moz-transition:all 0.5s linear; 
}
.logo img:hover{
	cursor:pointer;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05); 
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition: all .6s; 
	-moz-transition: all .6s; 
	transition: all .6s; 
}


/*导航*/
.nav{
	width:714px;
	height:78px;
	float: right;
	margin-top: 22px;
}
.nav ul{
	width:780px;
	height:55px;
}
.nav li{
	float:left;
	display: inline-block;
	height:78px;
	margin-left: 0px;
}
.nav li:first-child{ margin-left: 0;}
.nav li a{
	display: inline-block;
	height:78px;
	line-height:55px;
	vertical-align:middle;
	font-size:16px;
	color:#5fb7a9;
	text-align:center;
	font-weight: 500;
	padding: 0 6px;
}
.nav li a:hover{ 
	text-decoration:none;
	color:#5fb7a9;
}
.nav li a.sel{
	color:#5fb7a9;
	background: url(../images/nav_abg.png) center bottom no-repeat;
}
.nav a b{
	font-weight: 500;
	display: inline;
	padding: 4px 12px;
	border-radius: 3px;
}
.nav li.this a b{
	background-color: #5fb7a9;
	color: #ffffff;
}
.nav li .nav_zi{ 
	display:none;
	height: auto;
	width:auto;
	text-align: center;
    padding: 0 8px;
    padding-top: 9px;
	background-color: rgba(95,183,169,0.9);
	padding-bottom: 15px;
}
.nav li p{
    height: auto;
    overflow: hidden;
}
.nav li p a{
	display: block;
	margin: 0;
	height:30px;
	text-align: center;
	line-height:30px;
	color: #ffffff;
	font-size: 12px;
	border-bottom: 1px #ffffff solid;
}
.nav li p a:hover{
    color:#087662;
}



/*footer*/
.footer{
	width: 100%;
	min-width: 1200px;
	height: 108px;
	overflow: hidden;
	background: url(../images/footer.png) center top no-repeat;
	background-color:rgba(255,255,255,0.9);
}

.footer .wraper{
	line-height: 108px;
	text-align: center;
	font-size: 14px;
	color: #676767;
	vertical-align: middle;
}
/**/
.gallery:after {
    content: '';
    display: block;
    height: 2px;
    margin: .5em 0 1.4em;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 100%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 100%, rgba(0, 0, 0, 0) 100%);
}

.gallery img {
    height: 100%;
}

.gallery a {
    width: 240px;
    height: 180px;
    display: inline-block;
    overflow: hidden;
    margin: 4px 6px;
    box-shadow: 0 0 4px -1px #000;
}

.baguetteBoxOne {
	width:1160px; 
	margin:0 auto;
}

/* Highlight.js Tomorrow Night style */
.hljs-comment{color:#969896}.hljs-tag{color:#f8f8f2}.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,.xml .hljs-tag .hljs-title{color:#c66}.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,.hljs-preprocessor{color:#de935f}.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title{color:#f0c674}.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,.xml .hljs-cdata{color:#b5bd68}.css .hljs-hexcolor{color:#8abeb7}.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword{color:#81a2be}.hljs-keyword,.javascript .hljs-function{color:#b294bb}.hljs{display:block;overflow-x:auto;background:#35383C;color:#c5c8c6;padding:.8em}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript{opacity:.5}