html, body {
	height: 100%
}

#id_iframe{
	width: 100%;
    height: 85px;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 1400px;
    top: 0px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.2);
    z-index: 2000;
}

#foot_id{
	width: 100%; 
	height: 220px; 
	overflow-x: auto; 
	overflow-y: hidden;
    border-width: 0px;
    margin-bottom: -5px;
}

body {
	padding-top: 0;
	margin: 0;
	background-color: #f5f5f5;
}

.carousel-indicators {
	margin-bottom: 0
}

.carousel-indicators li {
	margin: 3px;
	background-color: rgba(255,255,255,.3);
	border: 0
}

.carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 3px
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}

@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev
		{
		width: 24px;
		height: 24px;
		margin-top: -8px;
		font-size: 24px
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left: -8px
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next
		{
		margin-right: -8px
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}
	.carousel-indicators {
		bottom: 20px
	}
}

ol,ul {
	margin-top: 0;
	margin-bottom: 11px
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}

.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
	line-height: 1
}

@media all and (transform-3d) , ( -webkit-transform-3d ) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}
	.carousel-inner>.item.active.right,.carousel-inner>.item.next {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	.carousel-inner>.item.active.left,.carousel-inner>.item.prev {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right
		{
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}

.carousel-inner>.active {
	left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-inner>.next {
	left: 100%
}

.carousel-inner>.prev {
	left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}

.carousel-inner>.active.left {
	left: -100%
}

.carousel-inner>.active.right {
	left: 100%
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity = 0);
	opacity: 0
}

.cover-image {
	width: 100%
}

img {
	vertical-align: middle
}

img {
	border: 0
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100% );
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100% );
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)
		), to(rgba(0, 0, 0, .0001) ) );
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0,
		rgba(0, 0, 0, .0001) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
		endColorstr='#00000000', GradientType=1 );
	background-repeat: repeat-x
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100% );
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100% );
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)
		), to(rgba(0, 0, 0, .5) ) );
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0,
		rgba(0, 0, 0, .5) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
		endColorstr='#80000000', GradientType=1 );
	background-repeat: repeat-x
}

.carousel-control:focus,.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity = 90);
	outline: 0;
	opacity: .9
}

.carousel-control:focus,.carousel-control:hover {
	filter: alpha(opacity = 40);
	opacity: .4
}

.carousel-control.right .icon {
	right: 50%;
	margin-right: -8px
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

[role=button] {
	cursor: pointer
}

@media screen and (min-width:768px) {
	.carousel-control .icon {
		width: 24px;
		height: 24px;
		margin-top: -12px;
		font-size: 24px
	}
	.carousel-control.left .icon {
		margin-left: -12px
	}
	.carousel-control.right .icon {
		margin-right: -12px
	}
}

.carousel-control:focus,.carousel-control:hover {
	filter: alpha(opacity = 40);
	opacity: .4
}

.carousel-control.right .icon {
	right: 50%;
	margin-right: -8px
}

.carousel-control .icon {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -8px
}

.carousel-control.left .icon {
	left: 50%;
	margin-left: -8px
}

.carousel-control.right .icon {
	right: 50%;
	margin-right: -8px
}

.met-index-body {
	padding: 30px 0;
    background: #f5f5f5;
}

.met-index-body:nth-of-type(odd) {
	background: #f3f3f4
}

.met-index-body h3 {
	font-size: 18px;
	margin-top: 0;
	text-align: center;
	font-weight: 300
}

.met-index-body p.desc {
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	width: 60%;
	color: #5e7387;
	margin: 0 auto;
	padding-left: 100px;
	line-height: 28px;
}

@media ( max-width :992px) {
	.met-index-body {
		padding: 60px 0
	}
}

@media ( max-width :768px) {
	.met-index-body {
		padding: 50px 0
	}
	.met-index-body h3 {
		font-size: 28px
	}
	.met-index-body p.desc {
		font-size: 14px
	}
}

@media ( max-width :488px) {
	.met-index-body {
		padding: 40px 0
	}
}

@media ( max-width :358px) {
	.met-index-body {
		padding: 30px 0
	}
}

.container {
	max-width: 65%
}

@media ( min-width :1600px) {
	.container {
		width: 1310px
	}
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
    height: 370px;
    border: none;
    border-radius: 0px;
    -moz-box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.2);
    box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.2);
}

@media ( min-width :992px) {
	.container {
		width: 970px
	}
}

@media ( min-width :1200px) {
	.container {
		width: 1170px
	}
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before
	{
	display: table;
	content: " "
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	text-shadow: rgba(0, 0, 0, .15) 0 0 1px
}

.h1 .icon:first-child,.h2 .icon:first-child,.h3 .icon:first-child,.h4 .icon:first-child,.h5 .icon:first-child,.h6 .icon:first-child,h1 .icon:first-child,h2 .icon:first-child,h3 .icon:first-child,h4 .icon:first-child,h5 .icon:first-child,h6 .icon:first-child
	{
	margin-right: .5em
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	line-height: 1.2;
	color: #37474f
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small
	{
	font-weight: 400;
	line-height: 1;
	color: #a3afb7
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-top: 22px;
	margin-bottom: 11px
}

.met-show {
	padding: 15px 0;
	background: #f5f5f5
}

@media ( max-width :768px) {
	.met-show {
		padding: 0
	}
}

@media ( max-width :768px) {
	.met-show {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.animation-slide-top {
	-webkit-animation-name: slide-top;
	-o-animation-name: slide-top;
	animation-name: slide-top
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	text-shadow: rgba(0, 0, 0, .15) 0 0 1px
}

body {
	min-width: 1650px;;
	font-size: 16px;
	color: #555;
	font-family: Microsoft YaHei;
}

.img {
	display: block;
	border-width: 0px;
	border-style: solid;
	margin-top: 15px;
	margin-bottom: 15px;
}

@font-face {
	font-family: 'Web Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/web-icons.eot?v=0.2.3);
	src: url(../fonts/web-icons.eot?#iefix&v=0.2.3)
		format('embedded-opentype'), url(../fonts/web-icons.woff2?v=0.2.3)
		format('woff2'), url(../fonts/web-icons.woff?v=0.2.3) format('woff'),
		url(../fonts/web-icons.ttf?v=0.2.3) format('truetype'),
		url(../fonts/web-icons.svg?v=0.2.3#web-icons) format('svg')
}

[class*=" wb-"],[class^=wb-] {
	position: relative;
	display: inline-block;
	font-family: 'Web Icons';
	font-style: normal;
	font-weight: 400;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.wb-chevron-right:before {
	content: "\f17c"
}

.wb-chevron-left:before {
	content: "\f17d"
}

.wb-chevron-up:before {
	content: "\f180"
}

.btn-ftop {
	z-index: 99999999;
	background: #1e8bc3;
	color: #fff;
	border-radius: 4px
}

.btn-ftop:hover {
	color: #ccc
}

.met-scroll-top {
	position: fixed;
	right: 10px;
	bottom: 10px
}

.btn-icon,.btn.icon {
	padding: 10px;
	line-height: 1em
}

.btn {
	display: inline-block;
	padding: 6px 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.57142857;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 3px
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

@
-webkit-keyframes slide-bottom { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

100%
{
opacity
:
1;


-webkit-transform
:translate3d
(0
,
0,
0);
transform
:translate3d
(0
,
0,
0)
}
}
@
keyframes slide-bottom { 0% {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

100%
{
opacity
:
1;


-webkit-transform
:translate3d
(0
,
0,
0);
transform
:translate3d
(0
,
0,
0)
}
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0
}

.hide {
	display: none !important
}

:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.animation-slide-top {
	-webkit-animation-name: slide-top;
	-o-animation-name: slide-top;
	animation-name: slide-top
}

.animation-slide-bottom {
	-webkit-animation-name: slide-bottom;
	-o-animation-name: slide-bottom;
	animation-name: slide-bottom
}

@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev
		{
		width: 30px;
		height: 30px;
		margin-top: -15px;
		font-size: 30px
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left: -15px
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next
		{
		margin-right: -15px
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}
	.carousel-indicators {
		bottom: 20px
	}
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive {
	max-width: 100%;
	height: auto
}

.d1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	border: #fff 0px solid;;
	background-color: #FFF;
	position: relative;
}

.d2 {
	/* width: 100%;
	height: 600px; */
	overflow: hidden;
}

.d2 img {
	 width: 100%;
}
.num_list {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 0px;
	height: 20px;
	overflow: hidden;
}
.num_list span {
	display: inline-block;
	height: 16px;
	padding-left: 6px;
}
ul {
	display: none;
}

.button {
	position : absolute;
	z-index: 1000;
	right: 50%;
	bottom: 20px;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
}

.b1,.b2 {
	height:10px;
	background-color: #666666;
	display: block;
	float: left;
	padding: 2px 6px;
	margin-right: 3px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	text-indent: -9999em;
}

.b2 {
	height:10px;
	color: #FFCC33;
	background-color: #1e8bc3;
}

.loading {
	width: 100%;
	border: #fff 0px solid;
	background-color: #fff;
	color: #FFF;
	font-size: 12px;
	height: 595px;
	text-align: center;
	padding-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.indexof{
	position: absolute;
    right: 20%;
    width: 25%;
    height: 310px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-left: 0px;
    border-right: 0px;
    margin-top: 25px;
}

.altitude{
	height:50px;
	width: 100%;
	background-color: #f5f5f5; 
}