﻿@charset "utf-8";
/* LESS Document */
/* reset.css V1.2  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; /*-webkit-appearance: none; -moz-appearance: none; appearance: none; */ }
body { min-width: 1200px; /* background-color:#f6f6f6; */ background-color: #fff; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1;
}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.wd { margin: 0 auto; width: 1200px; }
.wd100 { margin: 0 auto; width: 1000px; }
.gray { background: url(../images/gray.jpg) repeat-x 0 0 #f9f9f9; padding-bottom: 88px;}
.gray2 { background-color: #f5f5f5; }
.gray3 { background-color: #f6f6f6; }
/* reset.css V1.0  End */
.p_scale { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.overflow { height: auto; overflow: hidden; }

.cityList { height: auto; overflow: hidden; padding: 48px 0 35px; position: relative; }
.cityList ul { height: 52px; float: left; }
.cityList ul li { float: left; width: 250px; border: 1px solid #eaeaea; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-left: 16px; background-color: #fff; }
.cityList ul li:first-child { margin-left: 0; }
.cityList .customSelect { color: #7f7f7f; height: 50px; line-height: 50px; font-size: 14px; background: url(../images/jt.jpg) no-repeat 90% center; padding: 0 38px 0 28px; width: 184px; }
.cityList .customSelectInner { cursor: pointer; line-height: 50px; text-align: left; width: 100% !important; }
.citySearch { display: block; float: right; width: 128px; height: 52px; line-height: 52px; color: #fff; font-size: 14px; text-align: center; cursor: pointer; background-color: #6c216d; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.citySearch:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.cityText { padding: 0 38px 0 28px; width: 184px; height: 50px; line-height: 50px; color: #c1c1c1; font-size: 14px; border: 0; background: none; }
.color { color: #7f7f7f !important; }
.p68 { padding-bottom: 68px !important; }
/*map*/
.map { height: auto; overflow: hidden; position: relative; padding: 15px; height: 682px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.3); -moz-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.3); -ms-box-shadow: 0 4px 8px 0 rgba(204, 204, 204, 0.3); }
.mapImg { float: right; width: 71%; height: 677px; overflow: hidden; }
/*.mapImg img { width: 100%; height: 100%; }*/
.mapText { position: absolute; left: 0; top: 0; z-index: 5; width: 28%; height: 712px; border-right: 1px solid #efefef; }
.mapTit { height: 64px; line-height: 64px; color: #3d3d3d; font-size: 16px; padding-left: 39px; }
.mapTit b { color: #6c216d; display: inline-block; padding: 0 6px; }
.mapBox { height: 576px; overflow: hidden; position: relative; }
.mapList { left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
.mapList li { height: 117px; overflow: hidden; padding: 26px 36px 0 34px; border-top: 1px solid #efefef; }
.mapList li span { float: left; width: 31px; height: 31px; line-height: 31px; display: block; color: #fff; font-size: 1.8em; font-family: Arial; text-align: center; background-color: #c2c2c2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.mapList li div { margin-left: 44px; }
.mapList li div a { color: #3d3d3d; font-size:16px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 2px; }
.mapList li div p { margin-bottom: 6px; color: #878686; font-size:12px; line-height: 24px; max-height: 48px; overflow: hidden; }
.mapList li div em { display: block; font-style: normal; color: #747474; font-size: 1.4em; font-family: Arial; }
.mapList li:hover,.mapList li.on { background-color: #fafafa; }
.mapList li:hover span,.mapList li.on span { background-color: #6c216d; }
.mapPaged { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 72px; background-color: #e1e1e1; }
.mapPaged a { display: block; float: left; width: 50%; height: 72px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mapPaged a.prev { background: url(../images/mapprev.png) no-repeat center center; }
.mapPaged a.next { background: url(../images/mapnext2.png) no-repeat center center #d2d2d2; }
.mapPaged a.prev:hover { background-image: url(../images/mapprev2.png); filter: alpha(opacity=70); opacity: 0.7; }
.mapPaged a.next:hover { background-image: url(../images/mapnext.png); filter: alpha(opacity=70); opacity: 0.7; }
/*service*/
