/***********全局重置CSS*****************/
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{margin:0;}
p{ margin:0;}
ul,ol,li{padding-left:0;list-style-type:none;}
img{border:0;}/***消除img默认边框*****/
a{text-decoration:none;}/* 链接无下划线 */
a:hover{cursor:pointer;text-decoration:underline;} /*鼠标在链接上出下划线,为手势形态 */
table {border-collapse:collapse;}/*细线表格*/
em{font-style:normal;}
html{ overflow-y:scroll; font-size:14px;}/***默认让所有浏览器出现右边滚动条****/
.clear{font-size:0;line-height:0;height:0;clear:both;overflow:hidden;display:block;}
:focus{ outline: 0;}
/***默认清除浮动****/
body {font-family:"微软雅黑","sans-serif","Arial";background:#fff;}
/****************全局头尾*****************/

/****中间头部样式***/
.top_bg{ width:100%; background:#4674e5; padding:1em 0 1.5em 0;box-shadow:10px 10px 10px rgba(0,0,0,.1); position:relative; z-index:9;}
.top_bg_con{ margin:0 auto; position:relative; overflow:hidden; margin:0 3%;  }
.top_bg_con .logo{ width:50%; float:left;}
.top_bg_con .logo img{ width:80%; max-width:350px;}
.top_bg_con .search{ width:48%; max-width:360px; float:right; margin:1.5em 0 0 0;}
.top_bg_con .search .tab_tit{ font-size:1.1em; color:#bac7f3; line-height:1.6; margin:0 0 0.5em 0;}
.top_bg_con .search .tab_tit span{ display:inline-block; margin:0 0.5em 0 0; padding:0 1em; cursor:pointer;}
.top_bg_con .search .tab_tit span.hover{ color:#4674e5; background:#fff; border-radius:0.2em;}
.top_bg_con .search .tabCont{ display:none;}
.top_bg_con .search .tabCont label{ background:#fff; border-radius:0.5em; padding:2px; overflow:hidden; display:block;}
.top_bg_con .search .tabCont label input{ background:none; border:none; font-size:1em; line-height:2; text-indent:1em; width:80%; float:left;}
.top_bg_con .search .tabCont label .btn{ background:#4674e5 url(dpmap20200807_03.png) center center no-repeat; border:none; font-size:1em; line-height:2; width:18%; float:right; text-indent:-9999px;border-radius:0.5em;}

.MapConter{ position:relative; z-index:8;}
.MapConter .mapCont{height:100%;}
.MapConter .mapCont img{ width:100%; height:100%; }
.MapConter .LeftList{ position:absolute; top:0px; left:0px; background:#fff; width:25%; max-width:430px; min-height:100%; z-index:99;font-size:1.3em;}
.MapConter .LeftList .LLclosebtn{ display:none; background:#ecf1fc url(dpmap20200807_351.png) center center no-repeat; background-size:auto 50%; margin:7px 3%; height:16px;}
.MapConter .LeftList .tit{ margin:2em 3%; }
.MapConter .LeftList .tit span{ border-left:0.5em solid #4674e5; color:#565656;  display:inline-block; padding:0 0 0 0.5em; font-weight:bold;}
.MapConter .LeftList .tit a{ float:right; padding:0 0.5em; color:#fff; background:#4674e5; border-radius:0.2em;line-height:1.5; height:1.5em; overflow:hidden; display:none;}
.MapConter .LeftList .list-swiper{ margin:0 3%; padding:0 0 8em 0; }
.MapConter .LeftList .swiper-wrapper{ display:block;}
.MapConter .LeftList .swiper-slide{ float:left; width:50%; position:relative; margin:0 0 0.5em 0;}
.MapConter .LeftList .TopTBtit{ width:96%; background:#f3f6ff; text-align:center; padding:0.5em 0; border-radius:0.2em; color:#565656; cursor:pointer; }
.MapConter .LeftList .list-swiper ul{ display:none; position:absolute; background:#fff; width:196%; left:0; top:105%; border-top:1px solid #4674e5;  padding:1em 0 ; z-index:99;}
.MapConter .LeftList .swiper-slide:nth-child(2n) ul{ left:auto; right:4%;}
.MapConter .LeftList .list-swiper ul .jiant{ position:absolute; left:10%; top:-1px; background:url(dpmap20200807_19.jpg); width:25px; height:12px;}
.MapConter .LeftList .swiper-slide:nth-child(2n)  ul .jiant{ background-image:url(dpmap20200807_191.png); left:auto; right:10%;}
.MapConter .LeftList .list-swiper ul li{ float:left; min-width:50%; margin:0 0 0.5em 0; line-height:2;}
.MapConter .LeftList .list-swiper ul li a:before{content:'▪';  color:#4674e5; display: inline-block;margin-right: 10px;}
.MapConter .LeftList .list-swiper ul li a{ color:#565656; padding:0 0.5em; display:block; border-radius:0.2em;}
.MapConter .LeftList .list-swiper ul li a:hover{ background:#eeeeee; text-decoration:none;}
.MapConter .LeftList .TopTBtit span{ display:block; height:4em; background:url(dpmap20200807_0341.png) center center no-repeat; background-size:auto 80%;}
.MapConter .LeftList .TopTBtit span.bg2{ background-image:url(dpmap20200807_031.png);}
.MapConter .LeftList .TopTBtit span.bg3{ background-image:url(dpmap20200807_035.png);}
.MapConter .LeftList .TopTBtit span.bg4{ background-image:url(dpmap20200807_032.png);}
.MapConter .LeftList .TopTBtit span.bg5{ background-image:url(dpmap20200807_036.png);}
.MapConter .LeftList .TopTBtit span.bg6{ background-image:url(dpmap20200807_033.png);}
.MapConter .LeftList .TopTBtit span.bg7{ background-image:url(dpmap20200807_037.png);}
.MapConter .LeftList .TopTBtit em{ height:0.5em; text-align:center; position:absolute; bottom:-0.4em; left:0px; width:100%; text-align:center; z-index:99; display:none;}
.MapConter .LeftList .TopTBtit em img{ height:100%;}
.MapConter .LeftList .hover .TopTBtit{ background:#4674e5;color:#fff; position:relative;}
.MapConter .LeftList .hover .TopTBtit span{ background-image:url(dpmap20200807_034.png); }
.MapConter .LeftList .hover ul{ display:block;}

.MapConter .RightList{ top:0px; right:0px; background:#fff; min-height:100%; position:absolute;  overflow:hidden; width:40px; opacity:0.9; z-index:99;}
.MapConter .RightList.hover{width:25%; max-width:290px; padding:0 10px 0 40px; opacity:10;}
.MapConter .RightList .jianBtn{ position:absolute; height:96%; top:2%; left:10px; width:20px; background:#ecf1fc url(dpmap20200807_35.png) center center no-repeat; border-radius:5px; cursor:pointer;}
.MapConter .RightList ul{ margin:1em 0; display:none;}
.MapConter .RightList.hover ul{ display:block;}
.MapConter .RightList ul li{ padding:0.8em; border-radius:0.5em; line-height:1.5; margin:0 0 0.5em 0;}
.MapConter .RightList ul li h4{ background:url(dpmap20200807_38.png) left 0.3em no-repeat; font-size:1.2em; background-size:auto 1em; padding:0 0 0.5em 1.5em; font-weight:normal;}
.MapConter .RightList ul li h4 a{ color:#565656;}
.MapConter .RightList ul li p{ color:#aaaaaa;  padding:0 0 0 1.5em;}
.MapConter .RightList ul li:hover{ background:#ecf1fc;}
.MapConter .RightList ul li a:hover{ text-decoration:none;}

.MapConter .KuangCont{ background:#f3f6ff; position:absolute; width:25%; top:100px; left:500px; border:2px solid #4674e5; border-radius:0.2em; padding:1em; z-index:98;}
.MapConter .KuangCont .closebtn{ position:absolute; top:1em; right:1em; width:1.5em;}
.MapConter .KuangCont .closebtn img{ width:100%;}
.MapConter .KuangCont .jiant{ position:absolute; height:1em; bottom:-1em; left:4%;}
.MapConter .KuangCont .jiant img{ height:100%;}
.MapConter .KuangCont h1{ font-size:1.4em; color:#4674e5; padding:0 2em 0 0; margin:0 0 0.5em 0;}
.MapConter .KuangCont p{ line-height:1.8; font-size:1.1em;}
.MapConter .KuangCont h5{ font-size:1em; line-height:2.2; font-weight:normal; margin:1em 0 0 0;}
.MapConter .KuangCont h5 a{ color:#fff; padding:0 1.5em; margin:0 1em 0.5em 0; background:#4674e5; border-radius:0.2em; display:inline-block;}

.MapConter .YDlistC{ display:none; margin:0 3%; background:#f3f6ff; border-radius:0.5em;}
.MapConter .YDlistC ul{  padding:1em 0 ; overflow:hidden;}
.MapConter .YDlistC ul li{ float:left;  margin:0 0 0.5em 0; line-height:2;}
.MapConter .YDlistC ul li a:before{content:'▪';  color:#4674e5; display: inline-block;margin-right: 10px;}
.MapConter .YDlistC ul li a{ color:#565656; padding:0 0.5em; display:block; border-radius:0.2em;}

@media (max-width:1200px){
	.MapConter .LeftList .TopTBtit{ padding:0.5em 0;}
	.MapConter .LeftList .TopTBtit span{ height:3em;}
	}
@media (max-width:780px){
	html{ font-size:24px;}
	.MapConter .RightList{ display:none;}
	.MapConter .KuangCont{ width:50%; left:10px; top:10px; font-size:0.8em;}
	.MapConter .LeftList{ width:100%; top:auto; bottom:0px; left:0px; min-height:0;}
	.MapConter .LeftList .list-swiper{ padding:0;}
	.MapConter .LeftList .swiper-wrapper{  display: flex;}
	.MapConter .LeftList .swiper-slide{ width:220px; position:initial; margin:0 0 1em 0;}
	.MapConter .LeftList ul .jiant{ display:none;}
	.MapConter .LeftList ul li{ min-width:0;}
	.top_bg_con .search .tab_tit span{ margin:0; }
	.MapConter .LeftList .hover .TopTBtit em{ display:block;}
	.MapConter .LeftList .hover ul{ width:100%;}
	.MapConter .LeftList .swiper-slide:nth-child(2n) ul{ left:0px;}
	.MapConter .LeftList .hover ul{ display:none;}
	.MapConter .LeftList .LLclosebtn{ display:block;}
	}
@media (max-width:560px){
	html{ font-size:12px;}
	.top_bg{ padding:0;}
	.top_bg_con{ margin:0;}
	.top_bg_con .logo{ float:none; width:auto; text-align:center; margin:1em 0;}
	.top_bg_con .logo img{ width:60%;}
	.top_bg_con .search{ float:none; width:auto; background:#f3f6ff; padding:1em 3%;}
	.top_bg_con .search .tab_tit span{ color:#4674e5;}
	.top_bg_con .search .tab_tit span.hover{ background:#4674e5; color:#fff;}
	.MapConter{ height:470px;}
	.MapConter .KuangCont{ width:60%;}
	.MapConter .LeftList{ font-size:1.1em; height:30px; overflow:hidden;}
	.MapConter .LeftList.allin{ height:auto;}
	.MapConter .LeftList .swiper-slide{ width:80px;}
	.MapConter .LeftList .TopTBtit span{ height:2em;}
	
	}