.mapban{height: 350px;background: url(http://www.ybskq.cn/images/map/mapbg.jpg) no-repeat center;background-size: cover;margin-bottom: 40px;}
.mapBody{width: 1300px;margin: 0 auto;}
.mapBody h2{font-size: 44px;color: #666;display: flex;justify-content: center;align-items: center;}
.mapBody h2 span{padding-left: 55px;background: url(http://www.ybskq.cn/images/map/map_wz.png) no-repeat left center;line-height: 1.2;}
.mapBody h3{font-size: 30px;color: #666;text-align: center;margin: 20px 0 50px;}
.mapHead{width: 1200px;margin: 0 auto 40px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;position: relative;}
.mapHead>li,.mapHead p{width: 232px;flex-shrink: 0;margin-bottom: 17px;padding-bottom: 5px;}
.mapHead>li.on1{height: 78px;}
.mapHead>li:nth-of-type(1).on1{height:120px;}
.mapHead>li:nth-last-child(2),.mapHead>li:last-child{background: none;opacity: 0;}
.mapHead>li b{display: block;height: 34px;line-height: 34px;font-size: 20px;color: #999;text-align: center;font-weight: normal;border: 1px solid #DFDFDF;border-radius: 50px;cursor: pointer;transition: 0.6s ease;position: relative;background: #fff;}
.mapHead>li b::after{content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #A47846;position: absolute;left: 0;right: 0;bottom: -8px;margin: auto;transition: 0.6s all;opacity: 0;z-index: -1;}
.mapHead>li.on b::after{opacity: 1;}
.mapHead>li:nth-of-type(13) b::after{opacity: 0;}
.mapHead>li:nth-last-child(3) b{border-color: #A47846;color: #A47846;}
.mapHead>li.on b{background: #A47846;border-color: #A47846;color: #fff;}
.mapHead>li ul{position: absolute;margin-top: 5px;display: none;justify-content: flex-start;transition: 0.6s all;overflow: hidden;z-index: -1;line-height: 42px;flex-wrap: wrap;}
.mapHead>li:nth-of-type(2) ul,.mapHead>li:nth-of-type(9) ul{margin-left: -10.9%;}
.mapHead>li:nth-of-type(3) ul,.mapHead>li:nth-of-type(8) ul{margin-left: -17.5%;}
.mapHead>li:nth-of-type(4) ul,.mapHead>li:nth-of-type(12) ul{margin-left: -4%;}
.mapHead>li:nth-of-type(10) ul{margin-left: -490px;}
.mapHead>li ul>li{padding: 0 25px;cursor: pointer;font-size: 19px;color: #999;position: relative;}
.mapHead>li ul>li::after{content: "";width: 1px;height:16px;background: #999;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.mapHead>li ul>li:last-child::after{background: transparent;}
.mapHead>li ul>li:hover,.mapHead>li ul>li.active{color: #a47846;}
.mapHead>li.on:hover ul,.mapHead>li.on ul{z-index: 1;display: flex;}
.mapContent{width: 1235px;height: 685px;background: #fff;box-shadow: 0px 0px 32px 0px rgba(182, 182, 182, 0.75);margin: 0 auto;}
.mapTop{display: flex;justify-content: space-between;align-items: flex-start;padding: 20px 20px 50px 20px;position: relative;}
.mapTop .left{flex-shrink: 0;width: 410px;text-align: left;display: flex;flex-direction: column;line-height: 1;}
.mapTop .mapimg{border: 1px solid #C3C3C3;width: 366px;height: 264px;display: flex;justify-content: center;align-items: center;}
.mapTop .mapimg img{flex-shrink: 0;width: 350px;height: 242px;}
.mapTop h4{font-size: 23px;color: #b28247;border-left: 3px solid #b28247;padding-left: 16px;margin:30px 0 20px 20px;}
.mapTop .dz{font-size: 14px;line-height: 25px;color: #333;margin-left: 11px;}
.mapTop .link{font-size: 18px;color: #a47846;line-height: 35px;position: absolute;bottom: 60px;left: 38px;}
.mapTop .link:hover{text-decoration: underline;color: #333;}
.mapTop .mapapi{background: #9DCCFF;flex-shrink: 0;width: 770px;height: 465px;}
.dsno{display: none;}
.mapBottom{margin: 0 20px;}
.mapBottom ul{background: #D9D9D9;height: 50px;line-height: 50px;display: flex;justify-content: space-between;}
.mapBottom ul li{cursor: pointer;flex: 1;text-align: center;font-size: 18px;color: #666;}
.mapBottom ul li.active{background: #A47846;color: #fff;}
.mapBottom .ulitem p{font-size: 16px;color: #666;line-height: 35px;padding-top: 13px;}
.mapBottom .ulitem.blank{margin-top: 16px;}
.cx_left{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.cx_left input{margin-right: 30px;}
.mapTips{font-size: 16px;color: #666;line-height: 35px;width: 1200px;margin: 55px auto 50px;}
.mapTips b{font-weight: 700;font-size: 18px;color: #b28247;}
.mapTips span{font-size: 18px;color: #fff;background: #A47846;padding: 0 5px;cursor: pointer;}
.mapTips span:hover{background:#666;}
.mapPpbottom{ width:1200px; height:290px; overflow:hidden; margin:0 auto 60px;}
.mapPpbottom li{ float:left; margin-right:20px; width:280px; height:290px;}
.mapPpbottom li a{ display:block; width:280px; height:60px; color:#fff; line-height:60px; padding-top:105px; font-size:15px; text-align:center;}
.mapPpbottom .map_b4{ margin-right:0;}
.map_b1 a{ background:#999 url(http://www.ybskq.cn/images/pp11.png) no-repeat center 32px;}
.map_b2 a{ background:#999 url(http://www.ybskq.cn/images/pp12.png) no-repeat center 32px;}
.map_b3 a{ background:#999 url(http://www.ybskq.cn/images/pp13.png) no-repeat center 32px;}
.map_b4 a{ background:#999 url(http://www.ybskq.cn/images/pp14.png) no-repeat center 32px;}
.map_b1 a:hover{ background:#A47846 url(http://www.ybskq.cn//images/pp11.png) no-repeat center 32px;}
.map_b2 a:hover{ background:#A47846 url(http://www.ybskq.cn/images/pp12.png) no-repeat center 32px;}
.map_b3 a:hover{ background:#A47846 url(http://www.ybskq.cn/images/pp13.png) no-repeat center 32px;}
.map_b4 a:hover{ background:#A47846 url(http://www.ybskq.cn/images/pp14.png) no-repeat center 32px;}
.mapPpbottom li p{padding:20px 10px; font-size:15px; line-height:25px; color:#666;}
.but01{margin-top: 0;}
.but01:hover{background: #666;}