.bodyer,
.header,
.footer {
	width: 100%;
	min-width: 1200px
}

.header {
	margin-top: 5px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto
}

.header .logo {
	display: block;
	width: 230px;
	height: 60px;
	float: left
}

.header .logo-1 {
	width: 230px;
	height: 60px;
	float: left;
	background-image: url(http://jiejing.456ss.com/templets/default/images/logo.png);
	background-repeat: no-repeat
}

.header .search {
	float: right;
	margin-top: 15px;
}

.header .header-468 {
	width: 468px;
	float: left;
	margin-left: 55px;
}

.header .search .navbar-form {
	display: block;
	float: left;
	border: 1px solid #ccc;
	margin-left: 60px
}

.header .search .gg-street {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 20px
}

.header .search .navbar-form .form-control {
	width: 294px;
	height: 24px;
	padding: 3px
}

.header .search .navbar-form .submit {
	width: 54px;
	height: 30px;
	cursor: pointer
}

.header .banner {
	float: right;
	width: 468px;
	height: 60px;
	border: 1px solid #ccc;
	background-image: url(/images/gy.jpg)
}

.nav {
	font-size: 14px;
	margin-top: 6px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #e3e3e3
}

.nav a {
	font-size: 14px
}

.nav .nav-left {
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	width: auto;
	margin-left: 0;
	margin-right: 150px;
	overflow: hidden
}

.nav h2 {
	padding: 0;
	height: 25px;
	line-height: 25px;
	float: right;
	font-size: 14px;
	font-weight: 400;
	display: inline;
	margin-right: 8px
}

.bodyer {
	height: 100%;
	box-sizing: border-box;
	margin-top: 6px;
	border: 1px solid #ccc;
}

.bodyer .bodyer-left {
	height: 100%;
	float: left;
	width: 150px;
	padding: 5px;
	position: relative;
	z-index: 9999;
	overflow:scroll;
}

.bodyer .bodyer-left h2 {
	display: inline;
	font-size: 13px;
	color: #fff;
	background-color: #3cf;
	padding-right: 3px;
	padding-left: 3px
}

.bodyer .bodyer-left h1 {
	display: inline;
	font-size: 13px;
	color: #fff;
	background-color: #3cf;
	padding-right: 3px;
	padding-left: 3px
}

.bodyer .bodyer-left ul {
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	background-image: url(http://jiejing.456ss.com/templets/default/images/treeview-default-line.gif);
	background-repeat: no-repeat;
	background-position: 0 -190px
}

.bodyer .bodyer-left ul li {
	height: 14px;
	line-height: 14px;
	width: 100%;
	float: left;
	padding-left: 16px;
	margin-bottom: 6px;
	font-size: 13px;
	overflow: hidden
}

.bodyer .bodyer-left ul li a {
	font-size: 13px
}

.bodyer .bodyer-left ul li .exp-1 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer
}

.bodyer .bodyer-left ul li .exp-2 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .exp-5 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -80px 0 no-repeat;
	height: 16px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .exp-6 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -64px -23px no-repeat;
	height: 16px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .exp-8 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -64px -23px no-repeat;
	margin-left: 18px;
	height: 16px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .exp-9 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -80px 0 no-repeat;
	margin-left: 18px;
	height: 16px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .exp-4 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default-line.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 16px;
	margin-left: 16px;
	width: 16px;
	float: left
}

.bdsharebuttonbox {
	float: right
}

.bodyer .bodyer-left ul li .exp-10 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default-line.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 16px;
	margin-left: 35px;
	width: 16px;
	float: left
}

.bodyer .bodyer-left ul li .thisclass {
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	background-color: #66f
}

.bodyer .bodyer-left ul li .exp-3 {
	background: url(http://jiejing.456ss.com/templets/default/images/treeview-default.gif) -80px 0 no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer
}

.bodyer .bodyer-left ul li .nav-t {
	font-size: 12px;
	color: #fff;
	background-color: #006db5;
	padding-right: 2px;
	padding-left: 2px
}

.bodyer .bodyer-mid {
	height: 100%;
	width: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	position: relative;
}

.bodyer .bodyer-mid #nav-open {
	position: absolute;
	width: 15px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	text-decoration: none;
	z-index: 999;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-radius: 0 6px 6px 0;
	cursor:pointer; 

}

.bodyer .bodyer-mid #nav-open #triangle-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 8px solid rgba(117, 116, 116, 0.877);
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 2px;
}

.bodyer .bodyer-mid p {
	font-size: 12px;
	background-color: #fff;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px
}

.bodyer .bodyer-mid p a {
	font-size: 12px;
	color: #666
}

.bodyer .bodyer-right {
	height: 100%;
	float: right;
	width: 180px;
	text-align: center
}

.bodyer .bodyer-mid #pano_container {
	width: 75%;
	height: 100%;
	float: left
}

.bodyer .bodyer-mid #pano {
	width: 75%;
	height: 100%;
	float: left
}

.bodyer .bodyer-mid #pano .load,
.bodyer-mid #pano_container .load {
	margin-top: 30px;
	text-align: center
}

.bodyer .bodyer-mid #map {
	width: 100%;
	height: 100%;
	float: left
}

.bodyer .bodyer-mid #mapdiv2 {
	width: 25%;
	height: 100%;
	float: right
}

.footer {
	text-align: center;
	margin-top: 15px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc
}

.nav-left h1 {
	display: inline-flex;
}

.mid-960 {
	width: 100%;
	margin: 15px auto;
	text-align: center;
}

.mid-160 {
	text-align: center;
	width: 180px;
	float: right;
}

.country-label {
	font-size: 12px;
	text-align: center;
	text-shadow: 0 0 3px white, 0 0 3px white;
	color: #1084c7;
	pointer-events: none;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.leaflet-ruler {
	height: 35px;
	width: 35px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhBQoMHg6McuYvAAABwklEQVQ4y43TP0jUYRgH8M/daQpqdujhnwShGiwyipCIoIgWxyIwrqEhnCQoGqKhpoYMg1qCQjg8TC2JCtSkjCgaKisIhyQUwpJssD9KZWRZg6d450/yGV54n/fzfd53eUOCaoNa5QpNGNPr9cKjUAatdsB++co0G1XiiHd+uqnTq8VzI874o9s2Ic1iiEpii9tmnJOdfkOldt/dU+HYolHnjdmpRNzbuVaNL86m4sXqNOrz3kMXHFKYMqd8VREGBToMifqLgwY1yNZirya5knaBqH16fJjNJiWEFSlxy4g980+pMuZkir/UJjLbrvNRPnINaLUygK/yQpuImHp47LOjuKJPOJA/1y4iZsAlyozLs8IO42L/4QlhGrSCy5oCeKH+dM59vVbL9sn6AP5MRzpnVKtN1viRxit1WRvEmVKFrQbTpoddNR3E+aYKuw1lPOapa0GcEf22KzOtejmcG1rkYdjEAn59KU5cDzjt+HI4BSZtVJTazfIsMQOmFAusLr/E53lniickJYIDNcaUL+JhMZPWBUdOeCCaweGOw5k0lFrv2uyRuBxPlLpoBtTK0p3mh+f+dKl6jX6LapRj6XrzD+1bmkFA/dTVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA1LTEwVDEyOjMwOjE0KzAyOjAwUNH5TAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wNS0xMFQxMjozMDoxNCswMjowMCGMQfAAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
	/* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.leaflet-ruler:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAn9QTFRF////AAAAAAAAAAAAAAAAAAAzABcXABQUABIkDhwrAA0aAAwYABUgABQfABIbABAZAA8fABUcABMaABMfABIeABEcABAbABQeABMdABIdABEbABIbABIbABEdABEcABIcBxsoABEdABIdABIdABEcABMbABMdFBwgERofAhIbEhsfAhIdBxUeEhsgEBofAhMbAhMdBRMdAhIbAhIdAhMdCRceARIcDBgfDBgfDBcfDBcfFhwgDBceDBceCxceFCs5HTdGAxMcDxofGTFAHDRDHDVDHDVEHTZFDRkfEBofERogCh0oERsgARIcEhsfEhsgCh4pDCEsDRkfDRkfEBofBhQdDSMvDRgfDBgfCBUeBxUeDyUyECYzUDktPTAqCRceCRYeChYeDxkfEBkgLCgmWj4wCBYdW0AwGh4hHCAiHSAiTDctBhUdBxYdEBkfLyonMConBhUdJiUkLCclLSgmLigmOzApPTEpDBgfBRQdDBgfERsgWT8wBBMdCBYeChceQjMrSzctZEUyBBMdERsgXUAxXkExY0QzglQ5AxUfBxolSjcthlU6hlY7h1Y7AxMcSDUsSjYsd042g1Q5hlY6jVo8AhIcAxMcBBQdLEpcOVpvARIcAhIcBhQdDSIuEhsgJ0NUNS0oNi0oO11yTTgtUXmSUnqUXEAxXUExYEIyZUUzaEYzb0o1cEo1dEw2i1g8jFk8jcfskFs9mdX9mmA/mtf/pmZCqGdCsWxEvnJHxHVJxnZJyHdJzHlK0XxM031M139N3IFO3YJO4INP5IVQ5YZQ5oZQ6ohR7IlS7opS74tS8ItT841T9I1T9o5U949U+ZBV+pBV/ZJW/pJW/5NWIYcOagAAAJt0Uk5TAAECAwQFCw0OEhQVGBkcHyEkKCkqLTAzNUZLVFZZW2RnanJzeHl8f4uMjY6Pj5KVl52eoKGprKytrq+vsLGytLu9vb/BwsLDxcXP0NDS09bf4uPk5OXl5ufo6enq7O3u7+/x8fHy8/P09PT09fX19fX29vb29vb29/j4+Pj5+fn5+fn6+vr6+vr7/Pz8/Pz9/f39/f39/v7+/v7Td3FlAAABgklEQVQoU2NggAMRJU1DTWURBlQgqhWUND11Tfr05GBdMYQws8a07j2XVx2/cnLl5T0T5+ixQsX5/RrWr70CA+s2NPoLgMUlciddvnLl3PbslMysmi2ngXKTc/iA4uwRC1dfudRT76UtJy5lMHvHlSsni82ZgBLWbZdOHCuPlARpForvBYszA9ky1WeunC8y5YCI9125cqrEnJlbnoHBZ/6mK+0eTAjxUgtmbl99Bt6Ksxd2pXGDxRPg4kZMDIqxV6406cDFT8PEGRwnHLlYJQwSTwSJ51tCxRmiVuw7VAsRP7zkIEKcofnAlb0hEPWXls9AiDNUHriyMxwoPgVoToEVQpwhdNHuY/2imOIMZq1nr2QUgsVtkMUZZOOuXOmYiinOwF63/8QVsDgLd0wnFwMCOM3dBhK3ZeGOXjzLHklCIu8oRDxs8eaNXYJIMuplJ0HigYs3b906UwFJgtGzxY6FLWDe0mXLli3wVoEAaZAMjxoLA6eDu5urq4uziTEEqAIAvamx163e5EoAAAAASUVORK5CYII=");
	/* <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> */
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.leaflet-ruler-clicked {
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAn9QTFRF////AAAAAAAAAAAAAAAAAAAzABcXABQUABIkDhwrAA0aAAwYABUgABQfABIbABAZAA8fABUcABMaABMfABIeABEcABAbABQeABMdABIdABEbABIbABIbABEdABEcABIcBxsoABEdABIdABIdABEcABMbABMdFBwgERofAhIbEhsfAhIdBxUeEhsgEBofAhMbAhMdBRMdAhIbAhIdAhMdCRceARIcDBgfDBgfDBcfDBcfFhwgDBceDBceCxceFCs5HTdGAxMcDxofGTFAHDRDHDVDHDVEHTZFDRkfEBofERogCh0oERsgARIcEhsfEhsgCh4pDCEsDRkfDRkfEBofBhQdDSMvDRgfDBgfCBUeBxUeDyUyECYzUDktPTAqCRceCRYeChYeDxkfEBkgLCgmWj4wCBYdW0AwGh4hHCAiHSAiTDctBhUdBxYdEBkfLyonMConBhUdJiUkLCclLSgmLigmOzApPTEpDBgfBRQdDBgfERsgWT8wBBMdCBYeChceQjMrSzctZEUyBBMdERsgXUAxXkExY0QzglQ5AxUfBxolSjcthlU6hlY7h1Y7AxMcSDUsSjYsd042g1Q5hlY6jVo8AhIcAxMcBBQdLEpcOVpvARIcAhIcBhQdDSIuEhsgJ0NUNS0oNi0oO11yTTgtUXmSUnqUXEAxXUExYEIyZUUzaEYzb0o1cEo1dEw2i1g8jFk8jcfskFs9mdX9mmA/mtf/pmZCqGdCsWxEvnJHxHVJxnZJyHdJzHlK0XxM031M139N3IFO3YJO4INP5IVQ5YZQ5oZQ6ohR7IlS7opS74tS8ItT841T9I1T9o5U949U+ZBV+pBV/ZJW/pJW/5NWIYcOagAAAJt0Uk5TAAECAwQFCw0OEhQVGBkcHyEkKCkqLTAzNUZLVFZZW2RnanJzeHl8f4uMjY6Pj5KVl52eoKGprKytrq+vsLGytLu9vb/BwsLDxcXP0NDS09bf4uPk5OXl5ufo6enq7O3u7+/x8fHy8/P09PT09fX19fX29vb29vb29/j4+Pj5+fn5+fn6+vr6+vr7/Pz8/Pz9/f39/f39/v7+/v7Td3FlAAABgklEQVQoU2NggAMRJU1DTWURBlQgqhWUND11Tfr05GBdMYQws8a07j2XVx2/cnLl5T0T5+ixQsX5/RrWr70CA+s2NPoLgMUlciddvnLl3PbslMysmi2ngXKTc/iA4uwRC1dfudRT76UtJy5lMHvHlSsni82ZgBLWbZdOHCuPlARpForvBYszA9ky1WeunC8y5YCI9125cqrEnJlbnoHBZ/6mK+0eTAjxUgtmbl99Bt6Ksxd2pXGDxRPg4kZMDIqxV6406cDFT8PEGRwnHLlYJQwSTwSJ51tCxRmiVuw7VAsRP7zkIEKcofnAlb0hEPWXls9AiDNUHriyMxwoPgVoToEVQpwhdNHuY/2imOIMZq1nr2QUgsVtkMUZZOOuXOmYiinOwF63/8QVsDgLd0wnFwMCOM3dBhK3ZeGOXjzLHklCIu8oRDxs8eaNXYJIMuplJ0HigYs3b906UwFJgtGzxY6FLWDe0mXLli3wVoEAaZAMjxoLA6eDu5urq4uziTEEqAIAvamx163e5EoAAAAASUVORK5CYII=");
	border-color: chartreuse !important;
}

.leaflet-bar {
	background-color: #ffffff;
}

.leaflet-control {
	cursor: pointer;
}

.result-tooltip {
	background-color: white;
	border-width: medium;
	border-color: #de0000;
	font-size: smaller;
}

.moving-tooltip {
	background-color: rgba(255, 255, 255, .7);
	background-clip: padding-box;
	opacity: 0.5;
	border: dotted;
	border-color: red;
	font-size: smaller;
}

.plus-length {
	padding-left: 45px;
}

@media (min-width: 641px) {
	.bodyer {
		height: 800px;
		min-height: 700px;
	}

	.bodyer-mid {
		margin-left: 150px;
		margin-right: 180px;
	}

}

@media (max-width: 640px) {

	html,
	body {
		min-width: 320px;
		min-height: 350px;
		width: 100%;
		height: 100%;
	}

	.header-468,
	.header-468,
	.mid-160,
	.mid-960 {
		display: none;
	}

	.header,
	.nav,
	.bodyer,
	.header,
	.footer {
		width: 100%;
		min-width: 320px;
	}
	.bodyer {
		height: 100%;
		min-height: 450px;
	}
	.header {
		display: flex;
		justify-content: space-between;
	}

	.header .logo {
		width: 120px;
		height: 30px;
	}

	.header .logo img {
		width: 100%;
		height: 100%;
		;
	}

	.nav .nav-left {
		margin-right: 0px;
	}

	.bodyer .bodyer-left ul {
		overflow: scroll;
	}

	.bodyer .bodyer-left {
		width: 151px;
	}

	.bodyer-mid {
		margin-left: 150px;
	}

	.header .search .navbar-form {
		margin-left: 0px;

	}

	.header .search {
		margin-top: 0px;
		width: 100%;
	}

	.header .search .navbar-form {
		float: right;
	}

	.header .search .navbar-form .form-control {
		width: 160px;
	}
}