/* Basic */

html, body {
	text-align: center;
}
body {
	display: inline-block;
	width: 992px;
	vertical-align: top;
	font-weight: 300;
}
p { 
	line-height: 32px; 
}
header, #body, footer {
	display: inline-block;
	position: relative;
	width: 992px;
	clear: both;
	vertical-align: top;
}
header {
	position: fixed !important;
	z-index: 2;
	height: 107px;
	line-height: 105px;
	background: white;
}
header .logo {
	background: url(../img/logo.png) no-repeat center center;
	width: 257px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
header .nav {
	text-align: right;
	padding-right: 30px;
}
header .nav span {
	margin: 0 10px;
	color: #898989;
}
header .nav a {
	display: inline-block;
	font-size: 13px;
	color: #0074a5;
}
header .nav a:hover {
	/*text-decoration: underline;*/
}
header .nav .page {
	height: 44px;
	line-height: 44px;
	text-align: left;
	box-sizing: border-box;
}
header .nav #chart {
	padding-left: 21px;
	background: url(../img/chart.png) no-repeat center left 0px;
}
header .nav #download {
	padding-left: 21px;
	background: url(../img/download.png) no-repeat center left 0px;
}
header .nav .lang {
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#body {
	margin-top: 107px;
}
.head { 
	font-size: 32px;
	line-height: 40px;
	font-weight: 400;
	text-align: center;
	color: #0074a5;
	margin-bottom: 29px;
}
footer {
	width: 932px;
	height: 60px;
	line-height: 58px;
	box-sizing: border-box;
	margin: 0 30px;
	border-top: solid 1px #0d5989;
}
footer .left {
	float: left;
	font-size: 14px;
	background: none;
}
footer .right {
	float: right;
	margin-right: 4px;
}
footer .right a {
	display: inline-block;
	line-height: 12px;
	font-size: 14px;
	padding-left: 7px;
}
footer .right a:first-of-type {
	padding-right: 7px;
	border-right: 0 solid rgb(98, 98, 98);
}
footer .right a:hover {
	color: #0d5989;
	/*text-decoration: underline;*/
}

/* Home */

.banner {
	position: relative;
	height: 722px;
	margin-bottom: 40px;
	overflow: hidden;
	border-bottom: solid 0px #0d5989;
}
.linkage {
	display: block;
	height: 83px !important;
	position: relative;
	text-align: left;
}
.top {
	position: relative;
	line-height: 0;
	text-align: right;
	margin: 0 30px;
	padding-top: 43px;
	padding-bottom: 43px;
	border-top: solid 1px #0d5989;
	border-bottom: solid 1px #0d5989;
}
.top > div {
	display: inline-block;
	height: 100%;
	min-height: 367px;
	vertical-align: top;
}
.top .left {
	position: absolute;
	left: 0;
	width: 406px;
	text-align: left;
	background: none;
	padding: 0 30px;
}
.top .left .head {
	color: #0d5989;
}
.top .left .content {
	position: relative;
	display: inline-block;
	width: 100%;
	height: calc(100% - 191px);
	background: none;
	overflow: hidden;
}
.top .left .content p {
	line-height: 28px;
	font-size: 20px;
	text-align: center;
	color: #1d1d1d;
	margin-top: 0;
}
.top .left div a {
	position: absolute;
	line-height: 23px;
	bottom: 0;
	font-size: 14px;
	color: #0d5989;
	padding-left: 26px;
	background: url(../img/more.png) no-repeat center left;
}
.top .right {
	width: 406px;
	line-height: 0;
	padding: 0 30px;
	border-left: solid 1px #0d5989;
}
.top .right .head {
	color: #0d5989;
}
.top .right .lists {
	position: relative;
	display: inline-block;
	width: 436px;
	min-height: 300px;
	line-height: 0;
	text-align: center;
	background: none;
	box-sizing: border-box;
	padding-top: 0;
}
.top .right .lists .list {
	display: inline-block;
	width: 436px;
	height: 62px;
	line-height: 0;
	text-align: right;
	border-bottom: 1px solid #0d5989;
	overflow: hidden;
}
.top .right .lists .list:first-of-type {
	border-top: 1px solid #0d5989;
}
.top .right .lists .list .chart {
	margin-bottom: 10px;
}
.top .right .lists .list .img {
	background: url(../img/chart.png)
}
.top .right .lists .list .open {
	background: url(../img/close.png)
	/*
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);*/
}
.top .right .lists .list p {
	height: 62px;
	line-height: 62px;
	font-size: 18px;
	color: #1d1d1d;
	background: #d8eef8;
	text-align: left;
	cursor: pointer;
}
.top .right .lists .list p span {
	display: inline-block;
	vertical-align: top;
}
.top .right .lists .list p .name {
	width: 185px;
	background: white;
}
.top .right .lists .list p .cost {
	width: 150px;
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
	color: #0d5989;
}
.top .right .lists .list p .cost span {
	font-size: 24px;
	letter-spacing: 1px;
	vertical-align: initial;
}
.top .right .lists .list p .change {
	width: 40px;
	color: #0d5989;
	text-align: right;
	margin-right: 4px;
	white-space: nowrap;
}
.top .right .lists .list img.chart {
	width: auto;
	background: #d8eef8;
	padding: 6px 13px 16px;
	margin-bottom: 0;
}
.top .right .lists a {
	position: absolute;
	bottom: 0;
	height: 23px;
	line-height: 23px;
	font-size: 14px;
	color: #0d5989;
	padding-left: 26px;
}
.top .right .lists .download {
	left: 0;
	margin-bottom: 20px;
	background: url(../img/more.png) no-repeat center left;
}
.top .right .lists a.chart {
	left: 0;
	width: auto !important;
	margin-bottom: 0;
	background: url(../img/chart.png) no-repeat center left;
}
.mid {
	display: inline-block;
	width: 932px;
	vertical-align: top;
	margin-top: 48px;
	border-bottom: solid 0px #0d5989;
}
.mid .title {
	line-height: 38px;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
	color: #0d5989;
	margin-bottom: 29px;
}
.mid .inner {
	display: inline-block;
	width: 932px;
	box-sizing: border-box;
}
.mid .inner .head {
	line-height: 28px;
	font-size: 20px;
	color: #1d1d1d;
	text-align: center;
	font-weight: 300;
	padding: 0 30px;
	margin-bottom: 16px;
}
.mid .cat {
	line-height: 733px;
}
.mid .cat .in {
	width: 100%;
	display: inline-block;
	line-height: normal;
	vertical-align: bottom;
}
.mid .cat .in div {
	position: relative;
	display: inline-block;
	width: 303px;
	height: auto;
	text-align: left;
	background: #c6e7f6;
	margin: 7px 3.45px 0;
	padding-bottom: 10px;
}
.mid .cat .in div:nth-child(1n+4) {
	width: 460px;
}
.mid .cat .in div:nth-child(3n+1) {
	margin-left: 0;
}
.mid .cat .in div:nth-child(3n+3), .mid .cat .in div:last-child {
	margin-right: 0;
}
.mid .cat .in div img {
}
.mid .cat .in div p {
	line-height: 26px;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: #0d5989;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 14px;
	min-height: 64px;
}
.mid .cat .in div a {
	position: relative;
	display: inline-block;
	line-height: 23px;
	font-size: 14px;
	text-align: left;
	color: #0d5989;
	width: 70%;
	padding-left: 26px;
	margin-left: 20px
}
.mid .cat .in div .download {
	margin-top: 0;
	margin-bottom: 0;
	background: url(../img/more.png) no-repeat center left;
}
.mid .cat .in div .chart {
	margin-bottom: 0;
	background: url(../img/chart.png) no-repeat center left;
}
.bottom {
	position: relative;
	text-align: right;
	margin: 40px 30px 0;
	padding-top: 43px;
	padding-bottom: 43px;
	border-top: solid 1px #0d5989;
	border-bottom: solid 0px #0d5989;
}
.bottom > div {
	display: inline-block;
	vertical-align: top;
}
.bottom .head {
	color: #0d5989;
}
.bottom .left {
	position: absolute;
	left: 0;
	width: 406px;
	padding: 0 30px;
	text-align: left;
	background: none;
}
.bottom .left div {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 350px;
	text-align: left;
	background: white;
	overflow: hidden;
	box-sizing: border-box;
}
.bottom .left div p {
	text-align: center;
	line-height: 28px;
	font-size: 20px;
	color: #1d1d1d;
}
.bottom .left div a {
	position: absolute;
	left: 0;
	line-height: 23px;
	bottom: 0;
	font-size: 14px;
	color: #0d5989;
	padding-left: 26px;
	background: url(../img/more.png) no-repeat center left;
}
.bottom .right {
	width: 436px;
	min-height: 380px;
	padding: 0 0 0 30px;
	text-align: left;
	background: none;
	border-left: solid 1px #0d5989;
}
.bottom .right .head {
}
.bottom .right div {
	position: relative;
	height: 350px;
	overflow: hidden;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.bottom .right .sd-pic {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.bottom .right div p {
	display: inline-block;
	width: 236px;
	line-height: 28px;
	font-size: 20px;
	color: #1d1d1d;
}
.bottom .right div a {
	position: absolute;
	left: 0;
	line-height: 23px;
	bottom: 0;
	font-size: 14px;
	color: #0d5989;
	padding-left: 26px;
	background: url(../img/more.png) no-repeat center left;
}

/* Chart */

.chart {
	width: 932px;
	text-align: center;
	/*border-radius: 0 120px 40px 40px;*/
	/*background: url(../img/box.png) repeat-x;*/
	/*background-size: 10px 100%;*/
	margin-bottom: 39px;
	padding: 0 30px;
}
.chart .inner {
	display: inline-block;
	width: 932px;
	/*border-radius: 0 80px 30px 30px;*/
	background: white;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 30px;
}
.chart .head {
	font-size: 32px;
	font-weight: 400;
	color: #0d5989;
	line-height: 60px;
	text-align: center;
	margin-bottom: 0;
	border-bottom: solid 1px #0d5989;
}
.button {
	line-height: 0px;
	text-align: right;
}
.button a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #0d5989;
	padding-left: 16px;
	cursor: pointer;
}
.button .print {
	background: url(../img/print.png) no-repeat center right;
}
.button .xls {
	background: url(../img/xls.png) no-repeat center right;
}
.left {
	display: inline-block;
	position: relative;
	background: #e0ecf5;
	vertical-align: top;
}
.left .img {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}
.left .img img {
	opacity: 0.5;
	cursor: pointer;
}
.img .cur {
	opacity: 1 !important;
}
.right .img {
	display: inline-block;
	position: relative;
}
.right .img img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.chart1 {
	margin-top: 17px;
}
.chart1 .inner .left {
	width: 480px;
	line-height: 563px;
}
.chart1 .inner .right {
	display: inline-block;
	position: relative;
	width: 452px;
	line-height: 430px;
	text-align: center;
	vertical-align: top;
}
.chart1 .inner .right .img {
	width: 432px;
	height: 380px;
	line-height: normal;
	margin-left: 20px;
	vertical-align: middle;
}
.chart2 .inner .upper {
	border-bottom: 2px solid rgb(105, 172, 158);
	padding-bottom: 28px;
}
.chart2 .inner .left {
	width: 350px;
	height: 383px;
	line-height: 383px;
}
.chart2 .inner .right {
	display: inline-block;
	width: 582px;
	height: 383px;
	vertical-align: top;
}
.chart2 .inner .right .img {
	width: 562px;
	height: 290px;
	margin-left: 20px;
}
.chart3 .inner, .chart4 .inner {
	/*padding-bottom: 30px;*/
}
.chart4 {
	margin-bottom: 50px;
}

/* Download */

.left { float: left; }
.download {
	background-size: 10px 100%;
	text-align: center;
	margin-top: 17px;
	margin-bottom: 50px;
	padding: 0 30px;
}
.download .head {
	font-size: 32px;
	font-weight: 400;
	color: #0d5989;
	line-height: 60px;
	text-align: center;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	border-bottom: solid 1px #0d5989;
}
.download .inner {
	display: flex;
	border-radius: 0;
	background: white;
	overflow: hidden;
	vertical-align: top;
}
.download .inner .left {
	display: inline-block;
	width: 298px;
	background: #d8eef8;
	vertical-align: top;
}
.download .inner .left img {
	margin-top: 30px;
}
.download .inner .left a {
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	font-weight: 400;
	color: #0d5989;
	text-align: left;
	padding-left: 28px;
	padding-right: auto;
	background: url(../img/download.png) no-repeat top left;
	margin-top: 13px;
	min-width: 210px
}
.download .inner .left a span {
	display: block;
}
.download .inner .right {
	display: inline-block;
	width: 634px;
	text-align: left;
	box-sizing: border-box;
	vertical-align: top;
}
.download .inner .right div {
	line-height: 70px;
	font-size: 13px;
	font-weight: 700;
	color: #0d5989;
	border-bottom: 0px solid rgb(200, 217, 200);
	margin-top: 0;
	margin-bottom: 0;
}
.download .inner .right div span {
	line-height: 70px !important;
}
.download .inner .right a {
	display: inline-block;
	/*width: 100%;*/
	line-height: 30px;
	line-height: 27px;
	vertical-align: top;
}
.download .inner .right a:hover {
	background: #d8eef8;
}
.download .inner .right span {
	display: inline-block;
	font-size: 15px;
	min-height: 30px;
	vertical-align: top;
}
.download .inner .right .name {
	width: 340px;
	line-height: 27px;
	padding-left: 30px;
	color: #0d5989;
}
.download .inner .right .num {
	width: 100px;
	text-align: center;
	color: #0d5989;
	background: #d8eef8;
}
.download .inner .right .size {
	/*float: right;*/
	width: 106px;
	text-align: center;
	color: #0d5989;
}
.download .inner .right ul {
	margin-left: 48px;
	list-style-type: square;
	/*list-style: square inside url(../img/dot-blue.gif);*/
}
.download .inner .right li {
	/*line-height: 35px;*/
	font-size: 17px;
	color: #0d5989;
}
.download .inner .right li .name {
	width: 322px !important;
	padding-left: 0;
}