@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Thin-Windows.otf") format('opentype');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Light.otf") format('opentype');
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-DemiLight.otf") format('opentype');
    font-style: normal;
    font-weight: 300;
}


@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Regular.otf") format('opentype');
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Medium.otf") format('opentype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Bold.otf") format('opentype');
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'siyuan';
    src: url("https://cdnfonts.grgroup.com.cn/NotoSansHans-Black.otf") format('opentype');
    font-style: normal;
    font-weight: 700;
}
/* *{
    font-family: siyuan;
} */

/* *{		font-size: 16px;} */
.NetProt{
	width: 220px;
	height: 0px;
	background: rgba(48,50,55,.95);
	position: absolute;
	bottom: 120px;
	margin-left: 240px;
	z-index: 998;
	overflow: hidden;
	transition: .2s;
}
.NetProt>a:nth-child(1){
	margin-top: 20px;
}
.NetProt>a{
	display: block;
	color: #F2D7C0;
	line-height: 30px;
	text-indent: 20px;
	
}

.map-box>.map-right>.map-right-rt>.cont>.text .title{
		color: #AEAEB2;
	}
	.map-box>.map-right>.map-right-rt>.cont>.text .title span{
		display: block;
		color: #F8CF48;
	}
	.map-box>.map-right>.map-right-rt>.cont>.text>.txt {
		color: #FFFFFF;
	}

@media only screen and (max-width: 1500px) {
	* {
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		/* user-select: none; */
	}

	.container {
		width: 100%;
	}

	/* 全局样式   牵一发动全身 */


	/* 高亮 */

	#active1 {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}


	/* 字体库 思源*/
	body {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		/* font-weight: 100; */
	}

	/* 如果body不生效 执行container */
	.container {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		/* font-weight: 100; */
		overflow: hidden;
		/* font-weight: 300; */
	}

	.cy {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		font-weight: 400;
	}

	/* 共同头部 */

	.container::before {
		content: '';
		display: block;
		height: 132px;
	}

	.container>.header {
		width: 100%;
		height: 132px;
		background: #FFFFFF;
		position: fixed;
		top: 0;
		z-index: 9999;
	}

	.container>.header>.headerauto {
		width: 1120px;
		height: 132px;
		margin: auto;
		position: relative;
	}

	.container>.header>.headerauto>.logo {
		width: 195px;
		height: 68px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}

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

	.container>.header>.headerauto>.navone {
		height: 132px;
		float: right;
	}

	.container>.header>.headerauto>.navone>a {
		display: block;
		height: 100%;
		line-height: 132px;
		float: left;
		font-size: 15px;
		padding: 0 20px;
		color: #BD9369;
		font-weight: 400;
	}

	.container>.header>.headerauto>.navone>a:hover {
		background: #BD9369;
		cursor: pointer;
		color: #fff;
	}

	.container>.header-top {
		width: 100%;
		height: 180px;
		background: url(/home_res_path/img/top-1.png);
		background-size: 100% 100%;
	}

	.container>.header-top>.top {
		width: 100%;
		height: 54px;
		background: rgba(63, 77, 102, 0.9);
		position: fixed;
		z-index: 999;
	}


	.container>.nav {
		width: 100%;
		height: 100px;
		background: #FAFAFA;
		margin-bottom: 56px;
	}

	.container>.nav>.nav-middle {
		width: 1120px;
		height: 100px;
		margin: auto;
		font-weight: 400;
	}

	.container>.nav>.nav-middle {
		width: 1120px;
		height: 100px;
		margin: auto;
		position: relative;
	}

	.container>.nav>.nav-middle>.nav-middle-left {
		float: left;
		line-height: 100px;
		color: #474A50;
		font-size: 14px;
		font-weight: 400;
	}

	.container>.nav>.nav-middle>.nav-middle-left>a {
		text-decoration: none;
		color: #474A50;
	}

	.container>.nav>.nav-middle>.nav-middle-left>span {
		font-size: 19px;

	}

	.container>.nav>.nav-middle>ul {
		float: right;
		margin-right: -10px;
	}

	.container>.nav>.nav-middle>ul>a {
		box-sizing: border-box;
		float: left;
		height: 100px;
		margin-right: 20px;
		font-size: 14px;
		color: #474A50;
		line-height: 100px;
	}

	.container>.nav>.nav-middle>ul>a:hover {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}

	#active {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}

	/* 共同尾部 */
	.container>.footer {
		width: 100%;
		height: 120px;
		background: #474A50;
		padding: 20px 0 0 0;
		box-sizing: border-box;
		color: #F2D7C0;
		position: relative;
	}

	.container>.footer>.footer-middle {
		width: 1120px;
		height: 100%;
		margin: auto;
	}

	.container>.footer>.footer-middle>.footer-middle-left {
		width: 420px;
		height: 36px;
		border-right: 1px solid #F2D7C0;
		padding: 0 15px 0 0;
		box-sizing: border-box;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>p {
		width: 168px;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>a {
		color: #F2D7C0;
		float: right;
	}

	.container>.footer>.footer-middle>ul {
		float: left;
	}

	.container>.footer>.footer-middle>ul>a {
		margin-left: 15px;
		color: #F2D7C0;
	}

	.container>.footer>.footer-middle>img {
		width: 75px;
		height: 75px;
		float: right;
		margin-left: 24px;
	}

	.c1 {
		clear: both;
	}

	.h16 {
		height: 0px;
	}

	.clearfix:after {
		/*伪元素是行内元素 正常浏览器清除浮动方法*/
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		*zoom: 1;
		/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
	}



	/* 新闻中心-视频中心 */

	.container>.mainone {
		width: 1120px;
		margin: auto;
	}

	.container>.mainone>.mainone-nav {
		width: 100%;
		height: 50px;
		border-bottom: 3px #F3DFCB solid;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.container>.mainone>.mainone-nav>li {
		float: left;
		margin-right: 20px;
		height: 50px;
		font-size: 16px;
		font-weight: 400;
		color: #474A50;
		cursor: pointer;
		box-sizing: border-box;
	}

	.container>.mainone>.vidoe-box {
		width: 100%;
		height: 300px;
		display: none;
	}

	.container>.mainone>.vidoe-box>div {
		width: 349px;
		height: 100%;
		float: left;
		margin: 0 36px 36px 0;
		position: relative;
		display: none;
	}

	.container>.mainone>.vidoe-box>div:nth-child(3n) {
		margin-right: 0;
	}

	.container>.mainone>.vidoe-box>div>video {
		width: 100%;
		height: 100%;
	}

	.container>.mainone>.vidoe-box>div>span {
		display: block;
		width: 100%;
		height: 83px;
		background: #F3DFCB;
		text-align: center;
		line-height: 83px;
		font-size: 16px;
		color: #BD9369;
		position: absolute;
		bottom: 0;
	}

	.container>.mainone>.vidoe-box>div>.imageone {
		width: 58px;
		height: 58px;
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translate(-50%);
		cursor: pointer;
	}

	.container>.mainone>.mainone-nav>.active {
		color: #BD9369;
		border-bottom: 3px solid #BD9369;
	}

	.container>.mainone>.select {
		display: block;
	}

	.container>.mainone>.vidoe-box>.select {
		display: block;
	}

	.container>.mainone>.drop {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: url(/home_res_path/img/xl.png);
		background-size: 100% 100%;
		cursor: pointer;
		margin: 60px auto;
	}


	.container>.main-two {
		width: 1120px;
		margin: auto;
	}

	.container>.main-two>.main-top {
		width: 100%;
		padding-bottom: 140px;
	}

	.container>.main-two>.main-top>.main-top-left {
		float: left;
	}

	.container>.main-two>.main-top>.main-top-left>h3 {
		font-size: 30px;
		color: #BE956A;
		font-weight: 400;
	}

	.container>.main-two>.main-top>.main-top-left>p {
		width: 260px;
		font-size: 20px;
		color: #BD9369;
		line-height: 30px;
		font-weight: 400;
	}

	.container>.main-two>.main-top>.main-top-right {
		width: 800px;
		float: right;
		font-size: 14px;
		color: #797878;
		line-height: 24px;
	}


	/* 头部高亮 */
	/* .container>.header>.headerauto>.navone>a:nth-child(1){
  background: #987149;
} */




	.main-top {
		width: 1120px;
		margin: auto;
	}

	.main-top>h2 {
		font-size: 28px;
		color: #BE956A;
		font-weight: 400;
	}

	.main-top>p {
		font-size: 20px;
		color: #BE956A;
		margin-bottom: 30px;
	}

	.main-top>.text {
		width: 1068px;
		font-size: 14px;
		color: #707070;
		margin-bottom: 40px;
	}

	.map-index {
		width: 100%;
		/* height: 840px; */
	}

	.map-index .map-box {
		position: relative;
		width: 100%;
		/* height: 840px; */
		margin: 0 auto;
	}

	.map-index .map-main {
		width: 50%;
		/* height: 840px; */
		background: #fff;
		/* padding: 10px 40px 0px 48px; */
		box-sizing: border-box;
		/* background: #4B5E7B; */
		float: left;
	}

	.map-index .map-main img{
		display: block;
		width: 100%;
	}
	.map-box>.map-right {
		width: 50%;
		height: 100%;
		background: #314460;
		float: right;
		padding: 80px 0 0 0;
		box-sizing: border-box;
		position: relative;
	}

	.map-box>.map-right>.map-right-left {
		width: 120px;
		height: 100%;
		float: left;
		text-align: center;
		overflow: hidden;
		margin-left: 20px;
	}

	.map-box>.map-right>.map-right-left>h2 {
		font-size: 28px;
		color: #F8CF48;
		font-weight: 400;
		line-height: 28px;
	}

	.map-box>.map-right>.map-right-left>p {
		font-size: 18px;
		color: #F8CF48;
		margin-bottom: 50px;
		word-break: break-all;
	}

	.map-box>.map-right>.map-right-left>ul {
		width: 120px;
		float: right;
		height: 100%;
		padding: 0 15px;
		/* border-right: 2px solid #FFFFFF; */
		box-sizing: border-box;
		color: #BD9369;
	}

	.map-box>.map-right>.map-right-left>ul>.active {
		color: #FFF6E9;
		background: #BD9369;
		/* border-right: 2px solid #BD9369; */
	}

	.map-box>.map-right>.map-right-left>ul>li {
		width: 100%;
		height: 67px;
		font-size: 18px;
		color: #BD9369;
		margin-bottom: 20px;
		cursor: pointer;
		position: relative;
		background: #FFF6E9;
		border-radius: 15px;
	}
	
	.map-box>.map-right>.map-right-left>ul>li span{
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		font-weight: 400;
		transform: translate(-50%,-50%);
		line-height: 20px;
	}

	.map-box>.map-right>.map-right-rt {
		width: 393px;
		float: left;
		/* margin-left: 30px; */
		position: absolute;
		left: 160px;
	}

	.map-box>.map-right>.map-right-rt>ul {
		float: left;
		height: 120px;
		box-sizing: border-box;
		padding-bottom: 20px;
		border-bottom: 1px solid #AEAEB2 ;
		/* margin-top: 6px; */
	}

	.map-box>.map-right>.map-right-rt>ul>li {
		width: 36px;
		float: left;
		font-size: 18px;
		/* color: #AEAEB2; */
		/* height: 35px; */
		margin-right: 15px;
		box-sizing: border-box;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.map-box>.map-right>.map-right-rt>ul>li:nth-child(3){
		display: none;
	}

	.map-box>.map-right>.map-right-rt>ul>li:nth-child(8n){
		margin-right: 0;
	}
	
	.map-box>.map-right>.map-right-rt>ul>li>span {
		display: block;
		/* height: 35px; */
		font-weight: 400;
		box-sizing: border-box;
		color: #AEAEB2;
		font-size: 18px;
	}
	
	.map-box>.map-right>.map-right-rt>ul>li>.active{
		color: #F8CF48;
		/* border-bottom: 2px #F3DFCB solid; */
	}

	.map-box>.map-right>.map-right-rt>.cont>.text {
		width: 100%;
		float: left;
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}

	.map-box>.map-right>.map-right-rt>.cont>.text>.txt {
		color: #FFFFFF;
	}










	.map-popup-box {
		box-sizing: border-box;
		width: 300px;
		background-color: #fff;
		border: 1px solid #8ddcec;
		border-radius: 8px;
		overflow: hidden;
	}

	.map-popup-box .title {
		width: 100%;
		height: 56px;
		font-size: 24px;
		line-height: 56px;
		text-align: center;
		color: #FFF;
		background-image: linear-gradient(to right, #00e2b0, #09a3f0);
	}


	/* .map-popup-box .main{
  width: 100%;
  padding: 6px 0;
}

.map-popup-box .main .item{
  padding: 8px 30px;
}

.map-popup-box .main .item .tips{
  height: 26px;
  font-size: 16px;
  line-height: 26px;
  color: #00529c;
}

.map-popup-box .main .item .text{
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  color: #05c0d3;
}

.map-popup-box .main .item .text span{
  padding-left: 4px;
  font-size: 16px;
} */

	.container>.footer {
		width: 100%;
		height: 120px;
		background: #474A50;
		padding: 20px 0 0 0;
		box-sizing: border-box;
		color: #F2D7C0;
		font-size: 14px;
	}

	.container>.footer>.footer-middle {
		width: 1120px;
		height: 100%;
		margin: auto;
	}

	.container>.footer>.footer-middle>.footer-middle-left {
		width: 420px;
		height: 36px;
		border-right: 1px solid #F2D7C0;
		padding: 0 15px 0 0;
		box-sizing: border-box;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>p {
		width: 168px;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>a {
	    margin-right: 10px;
		color: #F2D7C0;
		float: right;
	}

	.container>.footer>.footer-middle>ul {
		float: left;
	}

	.container>.footer>.footer-middle>ul>a {
		margin-left: 15px;
		color: #F2D7C0;
	}

	.container>.footer>.footer-middle>img {
		width: 75px;
		height: 75px;
		float: right;
		margin-left: 24px;
	}

	.map-popup-box .annual-data {
		padding: 20px 30px;
	}

	.map-popup-box .annual-data .item {
		display: flex;
		align-items: center;
		padding: 6px 0;
		overflow: hidden;
	}

	.map-popup-box .annual-data .item .name {
		width: 60px;
		padding: 2px 0;
		margin-right: 10px;
		font-size: 16px;
		line-height: 20px;
		color: #00529c;
	}

	.map-popup-box .annual-data .item .progress {
		width: 96px;
		height: 6px;
		overflow: hidden;
		background-color: #e6e6e6;
		background-clip: padding-box;
		border: 1px solid #c3c3c3;
		border-radius: 4px;
	}

	.map-popup-box .annual-data .item .progress .pgbar {
		display: block;
		width: 100%;
		height: 100%;
		background: #ff6e01;
		background: linear-gradient(to right, #ff6e01, #fea966);
		transition: width 0.5s linear;
		border-radius: 3px;
	}

	.map-popup-box .annual-data .item .total {
		width: 44px;
		margin-left: 24px;
		font-size: 12px;
		line-height: 24px;
		color: #00529c;
		white-space: nowrap;
		overflow: hidden;
	}

	.map-popup-box .instruc {
		padding: 12px 26px;
		margin: 0 10px 12px;
		font-size: 14px;
		line-height: 24px;
		color: #868788;
		background-color: #f7f7f7;
		border: 1px solid #e8e8e8;
		border-radius: 24px;
	}

	.map-title {
		position: absolute;
		left: 0;
		top: 40px;
	}

	.map-title img {
		display: block;
	}

	.map-info {
		position: absolute;
		left: 10px;
		bottom: 60px;
	}

	.map-info p {
		font-family: "黑体";
		font-size: 24px;
		font-weight: bold;
		line-height: 32px;
		color: #565656;
	}

	.map-info p span {
		font-weight: bold;
		color: #f00;
	}
}





@media only screen and (min-width: 1500px) {
	* {
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		/* user-select: none; */
	}

	.container {
		width: 100%;
	}

	/* 全局样式   牵一发动全身 */


	/* 高亮 */

	#active1 {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}


	/* 字体库 思源*/
	body {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		font-weight: 100;
	}

	/* 如果body不生效 执行container */
	.container {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		font-weight: 100;
		overflow: hidden;
		font-weight: 300;
	}

	.cy {
		/* font-family: 'Noto Sans SC'; */
		font-family: siyuan;
		font-weight: 400;
	}

	/* 共同头部 */

	.container::before {
		content: '';
		display: block;
		height: 132px;
	}

	.container>.header {
		width: 100%;
		height: 132px;
		background: #FFFFFF;
		position: fixed;
		top: 0;
		z-index: 999;
	}

	.container>.header>.headerauto {
		width: 1364px;
		height: 132px;
		margin: auto;
		position: relative;
	}

	.container>.header>.headerauto>.logo {
		width: 195px;
		height: 68px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}

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

	.container>.header>.headerauto>.navone {
		height: 132px;
		float: right;
	}

	.container>.header>.headerauto>.navone>a {
		display: block;
		height: 100%;
		line-height: 132px;
		float: left;
		font-size: 15px;
		padding: 0 20px;
		color: #BD9369;
		font-weight: 400;
	}

	.container>.header>.headerauto>.navone>a:hover {
		background: #BD9369;
		cursor: pointer;
		color: #fff;
	}

	.container>.header-top {
		width: 100%;
		height: 180px;
		background: url(/home_res_path/img/top-1.png);
		background-size: 100% 100%;

	}

	.container>.header-top>.top {
		width: 100%;
		height: 54px;
		background: rgba(63, 77, 102, 0.9);
		position: fixed;
		z-index: 999;
	}


	.container>.nav {
		width: 100%;
		height: 100px;
		background: #FAFAFA;
		margin-bottom: 56px;
	}

	.container>.nav>.nav-middle {
		width: 1364px;
		height: 100px;
		font-weight: 400;
		margin: auto;
	}

	.container>.nav>.nav-middle {
		width: 1364px;
		height: 100px;
		margin: auto;
		position: relative;
	}

	.container>.nav>.nav-middle>.nav-middle-left {
		float: left;
		line-height: 100px;
		color: #474A50;
		font-size: 14px;
		font-weight: 400;
	}

	.container>.nav>.nav-middle>.nav-middle-left>a {
		text-decoration: none;
		color: #474A50;
	}

	.container>.nav>.nav-middle>.nav-middle-left>span {
		font-size: 19px;
	}

	.container>.nav>.nav-middle>ul {
		float: right;
	}

	.container>.nav>.nav-middle>ul>a {
		box-sizing: border-box;
		float: left;
		height: 100px;
		margin-right: 20px;
		font-size: 14px;
		color: #474A50;
		line-height: 100px;
	}

	.container>.nav>.nav-middle>ul>a:hover {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}

	#active {
		box-sizing: border-box;
		border-bottom: 5px solid #BE956A;
	}

	/* 共同尾部 */
	.container>.footer {
		width: 100%;
		height: 120px;
		background: #474A50;
		padding: 20px 0 0 0;
		box-sizing: border-box;
		color: #F2D7C0;
	}

	.container>.footer>.footer-middle {
		width: 1364px;
		height: 100%;
		margin: auto;
	}

	.container>.footer>.footer-middle>.footer-middle-left {
		width: 420px;
		height: 36px;
		border-right: 1px solid #F2D7C0;
		padding: 0 15px 0 0;
		box-sizing: border-box;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>p {
		width: 168px;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>a {
		color: #F2D7C0;
		float: right;
	}

	.container>.footer>.footer-middle>ul {
		float: left;
	}

	.container>.footer>.footer-middle>ul>a {
		margin-left: 15px;
		color: #F2D7C0;
	}

	.container>.footer>.footer-middle>img {
		width: 75px;
		height: 75px;
		float: right;
		margin-left: 24px;
	}

	.c1 {
		clear: both;
	}

	.h16 {
		height: 0px;
	}

	.clearfix:after {
		/*伪元素是行内元素 正常浏览器清除浮动方法*/
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		*zoom: 1;
		/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
	}



	/* 新闻中心-视频中心 */

	.container>.mainone {
		width: 1364px;
		margin: auto;
	}

	.container>.mainone>.mainone-nav {
		width: 100%;
		height: 50px;
		border-bottom: 3px #F3DFCB solid;
		box-sizing: border-box;
		margin-bottom: 60px;
	}

	.container>.mainone>.mainone-nav>li {
		float: left;
		margin-right: 20px;
		height: 50px;
		font-size: 16px;
		font-weight: 400;
		color: #474A50;
		cursor: pointer;
		box-sizing: border-box;
	}

	.container>.mainone>.vidoe-box {
		width: 100%;
		height: 353px;
		display: none;
	}

	.container>.mainone>.vidoe-box>div {
		width: 428px;
		height: 100%;
		float: left;
		margin: 0 36px 36px 0;
		position: relative;
		display: none;
	}

	.container>.mainone>.vidoe-box>div:nth-child(3n) {
		margin-right: 0;
	}

	.container>.mainone>.vidoe-box>div>video {
		width: 100%;
		height: 100%;
	}

	.container>.mainone>.vidoe-box>div>span {
		display: block;
		width: 100%;
		height: 83px;
		background: #F3DFCB;
		text-align: center;
		line-height: 83px;
		font-size: 16px;
		color: #BD9369;
		position: absolute;
		bottom: 0;
	}

	.container>.mainone>.vidoe-box>div>.imageone {
		width: 58px;
		height: 58px;
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translate(-50%);
		cursor: pointer;
	}

	.container>.mainone>.mainone-nav>.active {
		color: #BD9369;
		border-bottom: 3px solid #BD9369;
	}

	.container>.mainone>.select {
		display: block;
	}

	.container>.mainone>.vidoe-box>.select {
		display: block;
	}

	.container>.mainone>.drop {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: url(/home_res_path/img/xl.png);
		background-size: 100% 100%;
		cursor: pointer;
		margin: 60px auto;
	}


	.container>.main-two {
		width: 1364px;
		margin: auto;
	}

	.container>.main-two>.main-top {
		width: 100%;
		padding-bottom: 140px;
	}

	.container>.main-two>.main-top>.main-top-left {
		float: left;
	}

	.container>.main-two>.main-top>.main-top-left>h3 {
		font-size: 30px;
		color: #BE956A;
		font-weight: 400;
	}

	.container>.main-two>.main-top>.main-top-left>p {
		width: 260px;
		font-size: 20px;
		color: #BD9369;
		line-height: 30px;
		font-weight: 400;
	}

	.container>.main-two>.main-top>.main-top-right {
		width: 900px;
		float: right;
		font-size: 14px;
		color: #797878;
		line-height: 24px;
	}


	/* 头部高亮 */
	/* .container>.header>.headerauto>.navone>a:nth-child(1){
  background: #987149;
} */




	.main-top {
		width: 1364px;
		margin: auto;
	}

	.main-top>h2 {
		font-size: 28px;
		color: #BE956A;
		font-weight: 400;
	}

	.main-top>p {
		font-size: 20px;
		color: #BE956A;
		margin-bottom: 30px;
	}

	.main-top>.text {
		width: 1068px;
		font-size: 14px;
		color: #707070;
		margin-bottom: 40px;
	}

	.map-index {
		width: 100%;
		/* height: 840px; */
	}

	.map-index .map-box {
		position: relative;
		width: 100%;
		/* height: 840px; */
		margin: 0 auto;
	}

	.map-index .map-main {
		width: 50%;
		/* height: 840px; */
		background: #fff;
		/* padding: 80px 30px 120px 248px; */
		box-sizing: border-box;
		/* background: #4B5E7B; */
		float: left;
	}
	.map-index .map-main img{
		display: block;
		width: 100%;
	}

	.map-box>.map-right {
		width: 50%;
		height: 100%;
		background: #314460;
		float: right;
		padding: 80px 0 0 0;
		box-sizing: border-box;
		position: relative;
	}

	.map-box>.map-right>.map-right-left {
		width: 120px;
		height: 100%;
		float: left;
		text-align: center;
		overflow: hidden;
		margin-left: 20px;
	}

	.map-box>.map-right>.map-right-left>h2 {
		font-size: 28px;
		color: #F8CF48;
		font-weight: 400;
		line-height: 28px;
	}

	.map-box>.map-right>.map-right-left>p {
		font-size: 18px;
		color: #F8CF48;
		margin-bottom: 50px;
		word-break: break-all;
	}

	.map-box>.map-right>.map-right-left>ul {
		width: 120px;
		float: right;
		height: 100%;
		padding: 0 15px;
		color: #BD9369;
		/* border-right: 2px solid #FFFFFF; */
		box-sizing: border-box;
	}

	.map-box>.map-right>.map-right-left>ul>.active {
		background: #BD9369;
		color: #FFF6E9;
		/* border-right: 2px solid #BD9369; */
	}

	.map-box>.map-right>.map-right-left>ul>li {
		width: 100%;
		height: 67px;
		font-size: 18px;
		color: #BD9369;
		margin-bottom: 20px;
		cursor: pointer;
		background: #FFF6E9;
		position: relative;
		border-radius: 15px;
	}
	.map-box>.map-right>.map-right-left>ul>li span{
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-weight: 400;
	}

	.map-box>.map-right>.map-right-rt {
		width: 495px;
		float: left;
		/* margin-left: 30px; */
		position: absolute;
		left: 160px;
	}

	.map-box>.map-right>.map-right-rt>ul {
		float: left;
		height: 120px;
		box-sizing: border-box;
		padding-bottom: 20px;
		border-bottom: 1px solid #AEAEB2 ;
	}

	.map-box>.map-right>.map-right-rt>ul>li {
		width: 36px;
		float: left;
		font-size: 18px;
		/* color: #AEAEB2; */
		/* height: 35px; */
		margin-right: 15px;
		box-sizing: border-box;
		margin-bottom: 5px;
		cursor: pointer;
	}
	
	.map-box>.map-right>.map-right-rt>ul>li:nth-child(10n){
		margin-right: 0;
	}

	.map-box>.map-right>.map-right-rt>ul>li>span {
		display: block;
		font-size: 18px;
		/* height: 35px; */
		font-weight: 400;
		box-sizing: border-box;
		color: #AEAEB2;
	}

	.map-box>.map-right>.map-right-rt>ul>li>.active{
		color: #F8CF48;
		/* border-bottom: 2px #F3DFCB solid; */
	}

	.map-box>.map-right>.map-right-rt>.cont>.text {
		width: 100%;
		float: left;
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	
	










	.map-popup-box {
		box-sizing: border-box;
		width: 300px;
		background-color: #fff;
		border: 1px solid #8ddcec;
		border-radius: 8px;
		overflow: hidden;
	}

	.map-popup-box .title {
		width: 100%;
		height: 56px;
		font-size: 24px;
		line-height: 56px;
		text-align: center;
		color: #FFF;
		background-image: linear-gradient(to right, #00e2b0, #09a3f0);
	}


	/* .map-popup-box .main{
  width: 100%;
  padding: 6px 0;
}

.map-popup-box .main .item{
  padding: 8px 30px;
}

.map-popup-box .main .item .tips{
  height: 26px;
  font-size: 16px;
  line-height: 26px;
  color: #00529c;
}

.map-popup-box .main .item .text{
  height: 40px;
  font-size: 30px;
  line-height: 40px;
  color: #05c0d3;
}

.map-popup-box .main .item .text span{
  padding-left: 4px;
  font-size: 16px;
} */

	.container>.footer {
		width: 100%;
		height: 120px;
		background: #474A50;
		padding: 20px 0 0 0;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: 300;
		position: relative;
	}

	.container>.footer>.footer-middle {
		width: 1364px;
		height: 100%;
		margin: auto;
		color: #F2D7C0;
	}

	.container>.footer>.footer-middle>.footer-middle-left {
		width: 420px;
		height: 36px;
		border-right: 1px solid #F2D7C0;
		padding: 0 15px 0 0;
		box-sizing: border-box;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>p {
		width: 168px;
		float: left;
	}

	.container>.footer>.footer-middle>.footer-middle-left>a {
	    margin-right: 10px;
		float: right;
		color: #F2D7C0;
		font-weight: 300;
	}

	.container>.footer>.footer-middle>ul {
		float: left;
	}

	.container>.footer>.footer-middle>ul>a {
		margin-left: 15px;
		color: #F2D7C0;
		font-weight: 300;
	}

	.container>.footer>.footer-middle>img {
		width: 75px;
		height: 75px;
		float: right;
		margin-left: 24px;
	}

	.map-popup-box .annual-data {
		padding: 20px 30px;
	}

	.map-popup-box .annual-data .item {
		display: flex;
		align-items: center;
		padding: 6px 0;
		overflow: hidden;
	}

	.map-popup-box .annual-data .item .name {
		width: 60px;
		padding: 2px 0;
		margin-right: 10px;
		font-size: 16px;
		line-height: 20px;
		color: #00529c;
	}

	.map-popup-box .annual-data .item .progress {
		width: 96px;
		height: 6px;
		overflow: hidden;
		background-color: #e6e6e6;
		background-clip: padding-box;
		border: 1px solid #c3c3c3;
		border-radius: 4px;
	}

	.map-popup-box .annual-data .item .progress .pgbar {
		display: block;
		width: 100%;
		height: 100%;
		background: #ff6e01;
		background: linear-gradient(to right, #ff6e01, #fea966);
		transition: width 0.5s linear;
		border-radius: 3px;
	}

	.map-popup-box .annual-data .item .total {
		width: 44px;
		margin-left: 24px;
		font-size: 12px;
		line-height: 24px;
		color: #00529c;
		white-space: nowrap;
		overflow: hidden;
	}

	.map-popup-box .instruc {
		padding: 12px 26px;
		margin: 0 10px 12px;
		font-size: 14px;
		line-height: 24px;
		color: #868788;
		background-color: #f7f7f7;
		border: 1px solid #e8e8e8;
		border-radius: 24px;
	}

	.map-title {
		position: absolute;
		left: 0;
		top: 40px;
	}

	.map-title img {
		display: block;
	}

	.map-info {
		position: absolute;
		left: 10px;
		bottom: 60px;
	}

	.map-info p {
		font-family: "黑体";
		font-size: 24px;
		font-weight: bold;
		line-height: 32px;
		color: #565656;
	}

	.map-info p span {
		font-weight: bold;
		color: #f00;
	}


}