ul{list-style:none;padding:0;margin:0;}
a{color:#333;text-decoration:none;}
p{margin: 0;}
.center{width:1190px;margin:auto;}
.center > h2{font-size:30px;padding-bottom:10px;text-transform:uppercase;color:#333;}
.center > h2 a{display:block;float:right;font-size:13px;margin:15px 10px 0 0;}
.center > h2 a img{width:18px;vertical-align:middle;padding-right:3px;}
.categoryDiv{width:100%;padding:10px;box-sizing:border-box;background:#f5f5f5;}
.categoryDiv .cateUl{overflow:hidden;width:100%;margin:10px 0;}
.categoryDiv .cateUl li{float:left;width:25%;}
.categoryDiv .cateUl li:last-child{text-align:right;}
.categoryDiv .cateUl li label{font-size:16px;margin-right:10px;}
.categoryDiv .cateUl li select{width:160px;height:35px;}
.categoryDiv .cateUl li input.categoryBtn{width:80px;height:35px;background:#899397;color:#fff;border:0px;}

.CateContents{width:100%;overflow:hidden;padding:20px 0;}
.CateContents > h3{font-size:20px;color:#333;}
.CateContents > div{}
.CateContents .Map{width:1190px;height:650px;position: relative;}
.CateContents .MapImfor{box-sizing:border-box;}
.CateContents .MapImfor .gisGraphic{margin-bottom:20px;}
.CateContents .MapImfor .gisGraphic li{line-height:20px;font-size:16px;color:#333;margin-bottom:5px;font-weight:bold;}
.CateContents .MapImfor .gisGraphic li span{display:inline-block;width:60px;height:20px;margin-right:10px;border-radius:10px;vertical-align:middle;}
.CateContents .MapImfor .gisGraphic li span.step01{background:#dce6ef;}
.CateContents .MapImfor .gisGraphic li span.step02{background:#94b3cd;}
.CateContents .MapImfor .gisGraphic li span.step03{background:#4c82ac;}
.CateContents .MapImfor .gisGraphic li span.step04{background:#004174;}
.CateContents .MapImfor .gisGraphic li span.step05{background:#002643;}
.CateContents .MapImfor h4{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin:30px 0 5px 0;font-size:18px;color:#333;line-height:1;padding:5px 0;}
.CateContents .MapImfor h4 img{width:18px;padding:0 3px;vertical-align:middle;}
.CateContents .MapImfor p{font-size:16px;color:#666;word-break:keep-all;}

.circleBox{position: absolute;width: 1094px;height: 439px;/*background:rgba(0,0,0,0.3);*/left:86px;top:50px;}
.SubCity{position: absolute;left:0;top:0;width: 10px;height: 10px;border-radius: 50%;margin:0;margin-left: -5px;margin-top: -5px;}
.SubCity span{display: none;position: absolute;width: 80px;height: 20px;text-align: center;border-radius: 20px;line-height: 20px; background:#fff;border:1px solid #333;bottom:-30px;left:-70px;z-index: 100;font-size: 12px;}
.SubCity:hover span{display: block;}

.st0{fill:#FFFFFF;stroke:#323333;stroke-width:0.5;stroke-miterlimit:10;}
.st1{fill:none;stroke:#C0BFBF;stroke-width:0.5;stroke-miterlimit:10;}
text{text-anchor: start;fill:#333;writing-mode:horizontal-tb;}
text.CityName{writing-mode:tb-rl;font-size: 12px;font-weight: 600;}	
text.numbering{font-size: 20px;font-weight: 600;}

.line{margin: 0;position: absolute;left:0;right:0;width:100%;min-height: 1px;border-bottom: 5px dotted #ff5151;}
.circleBox .CityBox{float: left;position: relative;height: 100%;}
.circleBox .City01{width: 94px;} 
.circleBox .City02{width: 56px;}
.circleBox .City03{width: 41px;}
.circleBox .City04{width: 42px;}
.circleBox .City05{width: 46px;}
.circleBox .City06{width: 46px;}
.circleBox .City07{width: 50px;}
.circleBox .City08{width: 169px;}
.circleBox .City09{width: 101px;}
.circleBox .City10{width: 19px;}
.circleBox .City11{width: 48px;}
.circleBox .City12{width: 92px;}
.circleBox .City13{width: 113px;}
.circleBox .City14{width: 35px;}
.circleBox .City15{width: 66px;}
.circleBox .City16{width: 54px;}
.circleBox .City17{width: 21px;}

.City01 .SubCity{background:rgb(245, 170, 40);}
.City02 .SubCity{background:rgb(198, 0, 65);}
.City03 .SubCity{background:rgb(215, 82, 10);}
.City04 .SubCity{background:rgb(120, 182, 10);}
.City05 .SubCity{background:rgb(66, 120, 180);}
.City06 .SubCity{background:rgb(0, 158, 165);}
.City07 .SubCity{background:rgb(155, 0, 88);}
.City08 .SubCity{background:rgb(55, 38, 113);}
.City09 .SubCity{background:rgb(135, 70, 109);}
.City10 .SubCity{background:rgb(225, 110, 75);}
.City11 .SubCity{background:rgb(115, 66, 130);}
.City12 .SubCity{background:rgb(120, 182, 10);}
.City13 .SubCity{background:rgb(210, 174, 181);}
.City14 .SubCity{background:rgb(0, 69, 138);}
.City15 .SubCity{background:rgb(232, 132, 135);}
.City16 .SubCity{background:rgb(98, 98, 160);}
.City17 .SubCity{background:rgb(210, 107, 143);}
