* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari font-family: 'Roboto', sans-serif; */
	outline: medium none;
}
header, footer, article, aside {
	display: block;
}
html {
	background: #fff;/*overflow-x: hidden;*/
}
body {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
}
.wrapper {
	width: 982px;
}
h1 {
	color: #012e52; /* text color */
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 22px;
}
h2 {
	color: #012e52;
	font-size: 18px;
}
h3 {
	color: #012e52;
	font-size: 14px;
}
strong, b {
	font-weight: bold;
}
a {
	color: #02477c;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.top-head {
	height: 62px;
	background: url(/pictures/top-bg.png) repeat-x top left;
	position: relative;
}
.top-head .lang {
	float: left;
	margin: 13px 0 0 330px;
	background: #f5f5f5;
	border: none;
	padding: 8px;
	position:relative;
	z-index:9;
}
.top-head .lang i{
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	cursor:pointer;
	color:#02477c;
	font-size:13px;
	text-transform:uppercase;
}
.top-head .lang div {
    background: #f5f5f5;
	padding: 8px;
	width:100%;
	position:absolute;
	top:25px;
	left:0;
	display:none;
}
.top-head .lang a {
	display:inline-block;
	width:100%;
	margin:5px 0;
	color:#02477c;
	font-size:13px;
	text-transform:uppercase;
}
.top-head form {
	float: right;
	margin: 11px 18px 0 0;
}
.top-head form .search {
	border: none;
	background: #f5f5f5;
	border: 1px solid #144c77;
	padding: 8px 8px 7px 8px;
	width: 220px;
}
.top-head form .button {
	border: none;
	background: url(/pictures/button-bg.png) repeat-x top center;
	border: none;
	padding: 7px 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	cursor: pointer;
}
.top-head .logo-holder {
	background: url(/pictures/logo.png) no-repeat left top;
	position: absolute;
	left: -4px;
	top: 0;
	width: 313px;
	height: 243px;
}
.top-head .logo-holder a.logo {
	width: 238px;
	height: 62px;
	background: url(/pictures/logo-red.png) no-repeat left top;
	display: inline-block;
	margin: 55px 0 0 42px;
}
.main {
	display: inline-block;
	clear: both;
	padding: 0 0 64px 0;
}
div.left {
	float: left;
	width: 307px;
	margin: 163px 0 0 0;
}
div.left ul.menu {
	background: url(/pictures/menu-bg.png) repeat-y top center;
	width: 271px;
	float: right;
	padding: 47px 0 0 0;
}
div.left ul.menu li {
	background: url(/pictures/nav-normal.png) repeat-y top center;
	width: 274px;
	line-height: 44px;
	margin: 0 0 7px -6px;
	position: relative;
}
div.left ul.menu li.active, .left ul.menu li:hover {
	background: url(/pictures/nav-active.png) repeat-y top center;
}
div.left ul.menu li a {
	text-decoration: none;
	color: #fff; /* text color */
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	display: inline-block;
	padding: 0 0 0 48px;
}
div.left ul.menu li img {
	position: absolute;
	bottom: -4px;
	left: 0px;
}
.left ul.menu li.sub {
	background: none;
	padding: 0 0 0 50px;
	line-height: 18px;
}
.left ul.menu li.sub a {
	background: none;
	color: #000000;
	font-size: 13px;
	display: inline-block;
	border-top: #cdcccc 1px solid;
	border-bottom: #94bddb 1px solid;
	padding: 5px 0px 5px 5px !important;
	font-weight: normal;
	width: 90%;
}
.left ul.menu li.sub a.first {
	background: none;
	color: #000000;
	font-size: 13px;
	border-top: none;
	border-bottom: #94bddb 1px solid;
}
.left ul.menu li.sub a.last {
	background: none;
	color: #000000;
	font-size: 13px;
	border-top: #cdcccc 1px solid;
	border-bottom: none;
}
.left ul.menu li.sub a.active, .left ul.menu li.sub a:hover {
	font-weight: bold;
}

div.left .address {
	background: url(/pictures/address-bg.png) no-repeat top center;
	float: right;
	height: 156px;
	width: 271px;
	position: relative;
}
div.left .address img.seal {
	position: absolute;
	bottom: -36px;
	left: 0;
}
div.left .address p {
	line-height: 20px;
	text-align: right;
	padding: 10px 10px 0 0;
	color: #02477c;
	font-weight: bold;
	font-size: 12px;
}
div.left .news {
	background: url(/pictures/news.png) no-repeat top center;
	width: 276px;
	clear: both;
	margin: 50px 0 0 0;
	float: right;
}
div.left .news h2 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}
div.left .n-holder {
	width: 274px;
	margin: 0 auto;
	background: url(/pictures/news-bg.png) no-repeat top center;
	padding: 34px;
}
div.left .n-holder .item {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-bottom: 21px;
}
div.left .n-holder .item a.title {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-bottom: 11px;
	background: url(/pictures/new-an.png) no-repeat 0 5px;
	padding-left: 15px;
	color: #024f8a;
	font-size: 13px;
	font-weight: bold;
	margin-left: -15px;
}
div.left .n-holder .item a.title:hover {
	color: #d4292e;
	background: url(/pictures/new-aa.png) no-repeat 0 5px;
}
div.left .n-holder .item a.more {
	color: #ffffff;
	background: url(/pictures/detail-n.png) no-repeat left top;
	display: inline-block;
	padding: 5px 0 4px 9px;
	width: 110px;
	text-decoration: none;
	font-size: 13px;
	height: 22px;
	line-height: 10px;
	margin-top: 10px;
}
div.left .n-holder .item a.more:hover {
	background: url(/pictures/detail-a.png) no-repeat left top;
}
div.left .n-holder .item p {
	line-height: 1.28;
}
div.right {
	margin: 0 0 0 323px;
	padding: 0 0 21px 0;
	width: 641px;
	min-height: 600px;
}
div.right .content {
	margin: 0 17px 0 17px;
	display: inline-block;
	clear: both;
}
div.right .content p {
	color: #012e52;
	font-size: 13px;
	line-height: 1.38;
    margin: 10px 0;	
}
div.right .content img {
	display: inline-blockl;
	margin-bottom: 5px;
}
.content .gallery .item {
	float: left;
	width: 190px;
	height: 189px;
	padding: 10px;
	border: 1px solid #c8c8c8;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
	margin: 0 17px 17px 0;
}
.content .gallery .item.last {
	margin-right: 0;
}
.content .gallery .item p {
	color: #013a65;
	font-weight: bold;
	font-size: 12px;
	height: 32px;
	margin: -3px 0 0 0 !important;
	padding: 0 !important;
	line-height: 14px;
	overflow: hidden;
	font-style: normal;
}
.content .gallery .item a.more {
	color: #ffffff;
	background: url(/pictures/detail-n.png) no-repeat left top;
	display: inline-block;
	padding: 5px 0 4px 9px;
	width: 110px;
	text-decoration: none;
	font-size: 13px;
	height: 22px;
	line-height: 10px;
}
.content .gallery .item a.more:hover {
	background: url(/pictures/detail-a.png) no-repeat left top;
}
.page-nav {
	border-width: 1px 0;
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: center;
}
.page-nav li {
	display: inline-table;
	font-size: 17px;
	font-weight: bold;
	height: 22px;
	padding: 0 10px;
	vertical-align: middle;
	color: #dbdbdb;
}
.page-nav a {
	padding: 10px 0;
	color: #dbdbdb;
	text-decoration: none;
}
.page-nav a:hover, .page-nav a.active {
	color: #bf2927;
}
.bx-wrapper {
	margin: 2px 0 21px 0 !important;
}
.bx-wrapper .bx-viewport {
	border: none !important;
	left: 0px !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 18px !important;
	right: 41px;
}
.footer {
	width: 982px;
	margin: 0 auto;
	height: 64px;
	position: relative;
	z-index: 5;
	background: url(/pictures/footer_bg.png) repeat-x top left;
}
.footer ul.footer-nav {
	float: left;
	margin: 26px 0 0 15px;
}
.footer ul.footer-nav li {
	float: left;
	color: #FFFFFF;
	margin: 0 5px;
}
.footer ul.footer-nav li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
}
.footer ul.footer-nav li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dashed;
	font-size: 13px;
}
.footer ul.footer-nav li a.active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dashed;
	font-size: 13px;
}
.footer ul.social {
	float: left;
	margin: 10px 0 0 15px;
}
.footer ul.social li {
	float: left;
	margin: 0 25px;
}
.footer p {
	color: #ffffff;
	float: right;
	font-size: 13px;
	line-height: 1.28;
	margin: 15px 20px 0 0;
}
.footer p a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dashed;
}

/* page content */
.page-content {
	padding: 0 0 10px 0;
}
.page-content img.bordered {
	border: 1px solid #cececc;
}
.page-content img.left {
	margin: 2px 10px 8px 0px;
	float: left;
	display: inline-block;
}
.page-content img.right {
	margin: 2px 0 8px 10px;
	float: right;
	display: inline-block;
}
.page-content ul li, .page-content ol li {
	list-style: disc inside none !important;
	padding: 0px 0px 5px 10px;
}

/* news */

.content .news .item {
	display: inline-block;
	width: 100%;
	clear: both;
	margin: 5px 0 30px 20px;
}
.content .news .item a.title {
	display: inline-block;
	width: 100%;
	clear: both;
	margin-bottom: 11px;
	background: url(/pictures/new-an.png) no-repeat 0 5px;
	padding-left: 15px;
	color: #024f8a;
	font-size: 13px;
	font-weight: bold;
	margin-left: -15px;
}
.content .news .item a.title:hover {
	color: #d4292e;
	background: url(/pictures/new-aa.png) no-repeat 0 5px;
}
.content .news .item a.more {
	color: #ffffff;
	background: url(/pictures/detail-n.png) no-repeat left top;
	display: inline-block;
	padding: 5px 0 4px 9px;
	width: 110px;
	text-decoration: none;
	font-size: 13px;
	height: 22px;
	line-height: 10px;
	margin-top: 10px;
}
.content .news .item a.more:hover {
	background: url(/pictures/detail-a.png) no-repeat left top;
}
.content .news .item p {
	line-height: 1.28;
}