.map_tools { position: absolute; right: 0px; bottom: 50px; width: 173px; overflow: hidden; }
.map_button { width: 40px; background: #680000; color: #ba6d6d; padding: 10px 9px; text-align: center; border-radius: 10px 0 0 10px; cursor: pointer; display: table-cell; vertical-align: top; letter-spacing: 4px; }
.map_category { display: table-cell; background: #cacaca; padding-left: 15px; border-left: solid 1px #fff; padding-right: 10px; padding-top: 25px; padding-bottom: 30px; vertical-align: top; }
.map_category a { display: block; height: 30px; line-height: 30px; color: #000; background: url('/Content/Images/chk_off.jpg') no-repeat 80px 6px; }
.map_category a.on { color: #9b0000; background: url('/Content/Images/chk_on.jpg') no-repeat 80px 6px; }
.map_line { background: url('/Content/Images/map_line.jpg') no-repeat left center; height: 12px; width: 104px; }


.school { background: url('/Content/Images/ico_school.png') no-repeat; position: absolute; width: 161px; height: 52px; text-align: center; line-height: 40px; color: #fff; font-size: 14x; }
/*.school1 { background: url('/Content/Images/ico_point.png') no-repeat 20px bottom; position: absolute; padding-bottom: 12px; }
.school2 { background: #fff; border: solid 2px #680000; border-radius: 2px; border-bottom: solid 3px #680000; line-height: 28px; padding: 0px 8px; white-space: nowrap; }*/

.navigation { position: absolute; text-align: center; cursor: pointer; width: 60px; height: 30px; }
.navigation img { display: block; }

.point { width: 142px; height: 155px; position: absolute; padding: 6px 6px 26px 6px; background: url('/Content/Images/point_bg.png') no-repeat; }
.point img { width: 123px; height: 123px; }
.point_name { background: url('/Content/Images/point_title.png'); height: 20px; position: absolute; bottom: 26px; left: 6px; width: 123px; color: #fff; }


.point_info { padding: 8px 10px; border: solid 1px #b3b3b3; position: absolute; background: #fff; display: none; top: 155px; left: 20px; }
.baseinfo { width: 522px; }
.station { width: 542px; }
.station_top { border-bottom: solid 1px #ebebeb; float: left; padding-bottom: 8px; padding: 0px 5px 8px 5px; width: 520px; }
.line_name { float: left; width: 110px; height: 90px; background: #dd0400; color: #fff; font-size: 60px; text-align: center; line-height: 90px; }
.station_name { float: left; color: #dd0400; padding-left: 10px; }
.station_name1 { font-size: 36px; height: 45px; line-height: 45px; width: 300px; overflow: hidden; }
.station_name2 { margin-top: 15px; font-size: 14px; width: 300px; overflow: hidden; }
.station_name2 img { vertical-align: initial; }
.station_time { float: right; color: #dd0400; }
.station_time1 { line-height: 20px; font-size: 14px; text-align: right; padding-top: 5px; }
.station_option { border: solid 1px #dd0400; color: #dd0400; background: url('/Content/Images/station_on.jpg') no-repeat 15px center; display: block; width: 75px; height: 20px; text-align: center; padding-left: 20px; margin-top: 15px; float: right; }
.station_option:link { color: #dd0400; }
.station_content { width: 520px; float: left; }
.station_content ul { padding: 0px; margin: 0px; }
.station_content ul li { float: left; width: 18px; writing-mode: lr-tb; text-align: center; line-height: 1; margin: 0px 4px; padding-top: 12px; background: url('/Content/Images/station_off.jpg') no-repeat 4px 27px; height: 155px; overflow: hidden; list-style-type: decimal-leading-zero; list-style-position: inside; word-break: break-all; word-wrap: break-word; }
.station_content ul li.on { background: url('/Content/Images/station_on.jpg') no-repeat 4px 30px; color: #dd0400; }
.station_tap { padding: 0 3px 8px 3px; border-bottom: solid 1px #ebebeb; width: 520px; float: left; }
.station_tap a { display: block; background: #808080; color: #fff; width: 65px; height: 30px; line-height: 30px; text-align: center; float: left; margin-right: 8px; margin-top: 10px; }
.station_tap a.on { background: #dd0400; }
.station_close { display: block; width: 520px; text-align: center; height: 25px; line-height: 25px; color: #808080; float: left; }
.station_close:link { color: #808080; }


.baseinfo_close { display: block; width: 25px; height: 25px; position: absolute; right: 0px; top: 0px; background: url('/Content/Images/info_close.jpg') no-repeat center center; }
.baseinfo_info { color: #808080; padding-right: 12px; min-height: 100px; }
.baseinfo_image { float: left; width: 140px; overflow: hidden; height: 100px; margin-right: 10px; }
.baseinfo_image img { width: 140px; height: 100px; }
.baseinfo_info h4 { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; line-height: 23px; padding-bottom: 3px; }
.baseinfo_info p { margin: 0px; padding: 0px; line-height: 22px; padding-top: 4px; }
.baseinfo_intro { border-top: solid 1px #dbdbdb; margin-top: 10px; padding-top: 10px; padding: 10px 5px 5px 5px; }



.school_info { position: absolute; top: 135px; right: 0px; background: url('/Content/Images/info_bg.jpg') repeat-y; bottom: 28px; width: 460px; min-height: 415px; display: none; }
.point_close { background: url('/Content/Images/school_close.png') no-repeat; width: 34px; height: 34px; position: absolute; right: 10px; top: 10px; }
.school_banner { width: 460px; height: 240px; overflow: hidden; text-align: center; }
.school_banner img { display: block; }
.point_nav { background: #680000; font-size: 14px; height: 30px; }
.point_nav a { display: block; float: left; text-align: center; width: 92px; height: 30px; position: relative; line-height: 30px; color: #fff; }
.point_nav a img { position: absolute; top: 30px; left: 37px; }
.point_scroll { position: absolute; top: 285px; bottom: 10px; width: 460px; overflow: hidden; }
.point_content { padding-left: 20px; padding-right: 20px; color: #680000; font-size: 14px; }
.school_images { padding-left: 20px; display: none; }
.school_images ul { list-style: none; padding: 0px; margin: 0px; float: left; width: 420px; }
.school_images ul li { float: left; width: 162px; margin-left: 30px; margin-right: 6px; margin-bottom: 5px; }
.school_images .image_box { width: 162px; height: 122px; border: solid 1px #ddd; background: #fff; text-align: center; /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ /* 针对IE的Hack */ *display: block; *font-size: 106px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ }
.school_images .image_name { color: #633e18; text-align: center; line-height: 22px; height: 44px; overflow: hidden; }
.point_pager { text-align: center; padding-bottom: 10px; }
.point_pager a { color: #633e18; }


.visual { background: #f0f0f0; }
.visual .top { padding: 15px 40px 40px 40px; background: url('/content/images/visual_banner.jpg') no-repeat top left #646464; background-size: 100% auto; }
.visual .row { margin: 0px; padding-bottom: 5px; }
.visual .top .title { color: #fff; font-size: 18px; margin-bottom: 0px; background: url('/content/images/visual_title.png') no-repeat; width: 106px; height: 42px; padding-left: 10px; padding-top: 6px; }
.visual .section { margin-top: 15px; }
.visual .section .list { padding: 0px 20px; width: 20%; float: left; }
.visual .section .list a { position: relative; display: block; border: solid 1px #fff; }
.visual .section .list img { width: 100%; height: auto; display: block; }
.visual .section .list .text { position: absolute; bottom: 0px; background-color: rgba(0,0,0,0.4); color: #fff; padding: 5px; right: 0px; left: 0px; line-height: 20px; }
.visual .section .list .text h1 { display: block; margin-bottom: 0px; font-size: 18px; margin: 0px; height: 20px; }
.visual .section .list .text p { font-size: 14px; margin: 0px; margin-top: 5px; min-height: 20px; }
.visual .section .list .text span { display: block; height: 20px; overflow: hidden; }
.visual .section .list .text span:first-child { float: left; min-width: 132px; max-width: 200px; }
.visual .section .list .text span:last-child { width: 90px; float: right; }



.clear { clear: both; }
.visual .content { background: url('/content/images/visual_bg.jpg'); padding: 0px 20px 60px 20px; }
.visual .content .years_row { float: left; position: relative; padding-left: 49px; }
.visual .content .title { background: url('/content/images/visual_ico.png') no-repeat 14px 27px; width: 49px; padding-top: 70px; position: absolute; top: 0px; left: 0px; }
.visual .content .years_content { float: left; padding-left: 10px; padding-right: 10px; }
.visual .content .list { float: left; font-size: 14px; background: url('/content/images/visual_line.jpg') no-repeat 10px 0px; padding-top: 55px; width: 240px; padding-left: 10px; padding-right: 10px; margin-top: 40px; }
.visual .content .list p { color: #949494; margin: 0px; height: 30px; line-height: 30px; }
.visual .content .list a { }
.visual .content .list a:hover span { color: #b20000; }
.visual .content .list span { display: block; color: #949494; height: 40px; line-height: 30px; }
.visual .content .list img { width: 100%; height: auto; display: block; }