html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: arno-pro, arial, serif;
	font-weight: 400;
	font-size: 14px;
	color: #45444c
}
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	margin: 0;
	vertical-align: baseline;
	font-family: arno-pro, arial, serif;
	font-size: 14px
}
body {
	line-height: 1
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal
}
ol, ul {
	list-style: none
}
a img {
	border: none
}
a {
	outline-style: none;
	text-decoration: none
}
div {
	outline-style: none
}
.clear {
	clear: both
}
html, body {
	width: 100%;
	height: 100%
}
body {
	background-color: #f0f0f0
}
strong, b {
	font-weight: 700
}
a {
	color: #687d95
}
a:hover {
	color: #384d65
}
input, textarea {
	font-family: arno-pro, arial, serif
}
h1 {
	color: #687d95;
	font-size: 24px;
	line-height: 28px
}
h2 {
	color: #687d95;
	font-size: 16px;
	line-height: 20px
}
h3 {
	color: #687d95;
	font-size: 14px;
	line-height: 18px
}
h4 {
	color: #687d95;
	font-size: 14px;
	line-height: 18px
}
#wrapper {
	width: 960px;
	margin: auto;
	background: #fff;
	min-height: 100%;
	position: relative;
	overflow-x: hidden
}
#header {
	width: 100%;
	height: 97px;
	background: #fff; position:relative; z-index:999;
}
#header .inner {
	width: 960px;
	margin: auto;
	position: relative;
	z-index: 100
}
#header .inner .logo-link {
	text-decoration: none
}
#header .inner .logo {
	position: absolute;
	top: 16px;
	left: 15px;
	display: block;
	width: 122px;
	height: 67px;

}
#header .inner .lang {
	position: absolute;
	top: 30px;
	right: 203px;
	color: #687d95;
	font-size: 10px;
	font-family: arial, serif
}
#header .inner .lang a {
	color: #687d95;
	font-size: 10px;
	font-family: arial, serif
}
#header .inner .lang a:hover {
	color: #384d65
}
#header .inner .menu {
	position: absolute;
	top: 69px;
	right: 0;
	text-transform: uppercase
}
#header .inner .menu ul {
	margin-right: 17px
}
#header .inner .menu ul li {
	float: left;
	position: relative
}
#header .inner .menu ul li a {
	display: inline-block;
	color: #276ab2;
	padding: 0 29px 10px 10px;
	height: 18px;
	font-size: 13px;
	line-height: 14px
}
#header .inner .menu ul li a:hover {
	color: #300000
}
#header .inner .menu ul li ul.submenu {
	position: absolute;
	top: 28px;
	left: 0;
	background: url(../images/opacity-grey.png) repeat;
	z-index: 10;
	display: none
}
#header .inner .menu ul li ul.submenu li {
	display: block;
	clear: both
}
#header .inner .menu ul li:hover ul.submenu{ display:block;}
#header .inner .menu ul li ul.submenu li a {
	display: block;
	color: #b1c0c9;
	height: auto;
	line-height: normal;
	width: 150px;
	padding-top: 6px;
	padding-bottom: 6px
}
#header .inner .menu ul li ul.submenu li a:hover {
	background-color: #666
}
#header .inner .search {
	position: absolute;
	top: 30px;
	right: 18px
}
#header .inner .search input {
	float: left;
	background: url(../images/searchbox.jpg) no-repeat;
	width: 150px;
	height: 16px;
	border: 0;
	font-size: 10px;
	padding: 0 2px
}
#header .inner .search a.submit {
	float: left;
	background: url(../images/search.jpg) no-repeat;
	width: 11px;
	height: 13px;
	margin-left: 6px
}
.right .top{ position:absolute; right:16px; top:5px;}
#main {
	width: 100%;
	background: #fff
}
#home {
	width: 100%;
	background: url(../images/home-wrapper-background.jpg) no-repeat center 0
}
#home .inner {
	width: 100%;
	margin: auto
}
#home .inner .slideshow {
	height: 513px;
	overflow: hidden
}
#home .inner .info {
	margin-top: 15px;
	padding-bottom: 10px
}
#home .inner .info .left {
	float: left;
	width: 322px;
	border-right: 1px solid #7a8ca1;
	padding: 0 15px 0 22px;
	color: #687d95
}
#home .inner .info .left * {
	color: #687d95
}
#home .inner .info .left h1 {
	font-size: 36px;
	margin-bottom: 8px;
	line-height: 36px
}
#home .inner .info .left h2 {
	font-size: 15px;
	font-style: italic
}
#home .inner .info .right {
	float: left;
	width: 551px;
	padding: 0 24px;
	line-height: 18px;
	color: #45444c
}
#home .inner .info .right * {
	color: #45444c
}
#page {
	width: 100%;
	padding-bottom: 60px
}
#page .slideshow-wrapper {
	width: 960px;
	height: 241px;
	margin: auto;
	overflow: hidden;
	position: relative
}
#page .slideshow-wrapper .slideshow {
	position: absolute
}
#page .slideshow-wrapper .slideshow img {
	position: absolute
}
#page .slideshow-wrapper .desc {
	width: 412px;
	height: 148px;
	background: url(../images/opacity-black.png) repeat;
	position: absolute;
	right: 145px;
	top: 46px;
	overflow: hidden;
	z-index: 99999
}
#page .slideshow-wrapper .desc h3 {
	color: #818181;
	padding: 15px 25px;
	line-height: 30px;
	font-size: 25px;
	text-align: left
}
#page .content {
	width: 960px;
	margin: auto;
	margin-top: 40px;
	background: #fff
}
#page .content .col-1 {
	float: left;
	width: 206px;
	padding: 1px 0 0 22px
}
#page .content .col-1 h1 {
	color: #687d95;
	font-size: 34px;
	text-transform: uppercase;
	line-height: 34px;
	text-align: right;
	margin-right: 20px
}
#page .content .col-2 {
	float: left;
	width: 464px;
	padding: 1px 13px 0;
	border-left: 1px solid #71859b;
	line-height: 18px
}
#page .content .col-2 * {
	line-height: 18px
}
#page .content .col-2a {
	float: left;
	width: 300px;
	padding: 1px 13px 0;
	border-left: 1px solid #71859b;
	line-height: 18px
}
#page .content .col-2b {
	float: left;
	width: 138px;
	padding: 1px 13px 0;
	color: #687d95;
	font-size: 18px;
	text-align: right;
	text-transform: uppercase
}
#page .content .col-3 {
	float: left;
	width: 219px;
	padding: 1px 22px 0 0;
	line-height: 18px
}
#page .content .col-3-border {
	width: 206px;
	border-left: 1px solid #71859b;
	padding-left: 12px
}
#page .content h3 {
	color: #687d95;
	font-weight: 700
}
#page .content .contact-form td {
	color: #606a76;
	font-size: 13px;
	height: 25px
}
#page .content .contact-form td.col1 {
	width: 72px;
	vertical-align: top;
	line-height: 19px
}
#page .content .contact-form td.col2 input, #page .content form td.col2 textarea {
	background-color: #f0f0f0;
	width: 322px;
	border: 0;
	color: #333;
	font-size: 13px;
	padding: 2px;
	resize: none
}
#page .content .contact-form td.col2 textarea {
	height: 48px;
	overflow: auto
}
#page .content .contact-form td.col2 input.off, #page .content form td.col2 textarea.off {
	color: #a4a7ac
}
#page .content .contact-form td .action {
	text-align: right
}
#page .content .contact-form td .action .submit {
	display: block;
	width: 43px;
	height: 14px;
	float: right;
	text-align: center
}
#page .content .contact-form td .loader {
	display: block;
	width: 43px;
	height: 11px;
	background: url(../images/ajax-loader.gif) no-repeat;
	float: right
}
#page .content .results .result {
	margin-top: 20px
}
#page .content .results .result h2 {
	margin-bottom: 1px
}
#page .content .results .result h2 a.link {
	font-size: 16px;
	line-height: 20px
}
#page .content .results .result p {
	line-height: 16px
}
#page .widget-address-list .address {
	margin-bottom: 20px;
	line-height: 18px
}
#page .widget-google-map {
	height: 444px;
	overflow: hidden
}
#page .widget-google-map small {
	display: block;
	height: 20px;
	line-height: 20px
}
#page .widget-news-list div.news {
	margin-bottom: 10px;
	width: 464px;
	clear: both;
	border-bottom: 1px solid #fff
}
#page .widget-news-list div.news .date {
	color: #687d95;
	font-size: 14px;
	display: block;
	float: left;
	width: 80px;
	line-height: 18px
}
#page .widget-news-list div.news .title {
	font-size: 12px;
	display: block;
	float: left;
	width: 384px;
	clear: none
}
#page .widget-news-list div.news .title a {
	line-height: 18px
}
#page .widget-news-list .pagination {
	text-align: center;
	margin: 15px 0
}
#page .widget-news-list .pagination ul li {
	display: inline
}
#page .widget-news-list .pagination ul li a {
	display: inline-block;
	width: 20px;
	color: #45444c
}
#page .widget-news-list .pagination ul li.current a, #page .widget-news-list .pagination ul li a:hover {
	font-weight: bold
}
#footer {
	width: 100%;
	bottom: 0;
	height: 60px;
	padding-top: 10px;
	border-top: 1px dashed #dee1e4
}
#footer .inner {
	width: 100%;
	margin: auto
}
#footer .inner .news {
	float: left;
	margin-left: 22px
}
#footer .inner .news .title {
	float: left;
	margin-right: 10px
}
#footer .inner .news .content {
	float: left;
	padding-left: 6px;
	border-left: 1px solid #7a8ca1;
	line-height: 14px;
	width: 570px;
	overflow: hidden
}
#footer .inner .news .content ul li {
	display: block;
	width: 570px;
	height: 18px;
	overflow: hidden
}
#footer .inner .copyright {
	text-align: right;
	margin-right: 22px;
	float: right;
	font-size: 12px;
	line-height: 14px
}
#footer .inner .copyright a {
	text-decoration: underline;
	font-size: 12px
}
#footer .inner .copyright a:hover {
	text-decoration: none
}
#footer .inner .copyright a span {
	font-size: 12px
}
#error-404 {
	margin: 25px;
	line-height: 20px
}
#menuToggle, #mobilemenu, #mobilelogo {
	display: none
}
@media (max-width: 767.98px) {
#wrapper, #header, #main, #footer, #header .inner, #home, #page, #page .slideshow-wrapper, #page .slideshow-wrapper .slideshow, #home .inner, #page .inner, #page .content, #page .slideshow-wrapper, #home .info .left, #home .info .right, #page .col-1, #page .col-2, #page .col-3 {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: left !important;
	width: 100% !important
}
#header a.logo-link h1.logo, #header .inner .lang, #header .inner .search, #header .inner .menu {
	display: none !important
}
#mobilelogo {
	display: block;
	position: absolute;
	right: 0px;
	top: 24px
}
#mobilelogo a img {
	width: 75%
}
#menuToggle {
	display: block;
	position: relative;
	top: 40px;
	left: 30px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none
}
#menuToggle a {
	text-decoration: none;
	color: #232323;
	transition: color 0.3s ease
}
#menuToggle a:hover {
	color: tomato
}
#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none
}
#menuToggle span {
	display: block;
	width: 33px;
	height: 3px;
	margin-bottom: 5px;
	position: relative;
	background: #666;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease
}
#menuToggle span:first-child {
	transform-origin: 0% 0%
}
#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%
}
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323
}
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2)
}
#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px)
}
#mobilemenu {
	display: block;
	position: absolute;
	width: 100%;
	height: auto;
	margin: -100px 0 0 -50px;
	padding: 50px;
	padding-top: 125px;
	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0)
}
#mobilemenu li {
	padding: 10px 0;
	font-size: 22px
}
#menuToggle input:checked ~ ul {
	transform: none
}
#home .left h1 {
	float: left !important;
	text-align: left !important;
	padding: 20px 0 12px 20px;
	margin: 0 !important
}
#page .content .col-1 h1 {
	float: left !important;
	text-align: left !important;
	padding: 20px 0 12px 20px;
	margin: 0 !important
}
#home .left, #home .right, #page .col-1, #page .col-2 {
	border-left: none !important;
	text-align: left !important
}
#home .left {
	height: 5em !important
}
#home .right p, #page .col-2 h2, #page .col-2 h3, #page .col-2 p, #page .col-2 .widget-news-list, #page .col-3 p {
	padding: 0 20px 0 20px
}
#page .col-2 .widget-news-list .news {
	width: 100%
}
#page .col-2 #contact-form {
	padding-left: 20px
}
#home #footer {
	margin-top: 0.5em !important
}
#footer {
	padding: 0 !important;
	margin: 1em 0 0 0 !important
}
#footer .inner, #footer .copyright {
	width: 100% !important;
	padding: 0 !important;
	margin: 0.5em 0 0 0 !important;
	text-align: center !important
}
}
@media only screen and (max-device-width: 480px) {
html {
	-webkit-text-size-adjust: none
}

#home .inner .slideshow {
	height:241px;
	overflow: hidden
}
#home .inner .slideshow img{ width:100%;}
.info{ padding:0 15px;}
}



.biaoge{ margin-top:40px; margin-bottom:40px;}
.biaoge h2{ height:40px; line-height:40px; text-align:center; color:#687d95; font-size:24px; font-weight:normal;}
.biaoge ul{ width:35%; margin:0 auto;}
.biaoge ul li{ margin-top:12px;}
.biaoge ul li span{ display:block; width:100%; height:30px; line-height:30px; font-size:14px;}
.biaoge ul li .input_text{ display:block; width:95.5%; padding:0 2%; border:#ddd solid 1px; height:28px; line-height:28px;}
.biaoge ul li .input_text1{ display:block; float:left; width:35%; padding:0 2%; border:#ddd solid 1px; height:28px; line-height:28px;}
.biaoge ul li .input_button{ display:block; width:100%; height:38px; line-height:38px; color:#fff; background:#687d95; border:none; font-size:14px; margin-top:26px;}