.clientServe-main {
  width: 1200px;
  overflow: hidden;
  background-color: #fff;
  margin: 48px auto;
  padding: 44px 50px 20px;
  box-sizing: border-box;
}
#clientServe-allmap{
  height:440px;
  width: 1100px;
}  
.clientServe-Content {
  margin-top: 36px;
}
.content-left {
  float: left;
  width: 470px;
  padding-left: 20px;
}
.content-right {
  float: right;
  width: 470px;
}
.content-tip{
  font-size: 20px;
  color:#000;
}
.left-detail {
  margin-top:36px; 
}
.left-detail li {
  font-size: 14px;
  height: 22px;
  margin-bottom:18px; 
  line-height: 22px;
  color: #494946;
}
.left-detail li:first-of-type {
  margin-bottom:28px; 
  color: #000;
}
.left-icon {
  width: 22px;
  height: 22px;
  margin-right:8px; 
  vertical-align: middle;
}

.right-detail {
  margin-top:24px; 
  position:relative;
}
.right-detail li {
  margin-bottom:12px; 
  position: relative;
}
.right-detail li input{
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  background-color: #eeeeee;
  color: #878787;
  border: 1px solid #e2e2e2;
  outline:none;
  font-size: 14px;
  text-indent:1em;
}
.right-detail li input::-webkit-input-placeholder,
.right-detail li textarea::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #BBBBBB;
  /* placeholder字体大小  */
  font-size: 14px;
  font-weight: normal;
  
}
.right-detail li input::-moz-input-placeholder,
.right-detail li textarea::-moz-input-placeholder {
  /* placeholder颜色  */
  color: #BBBBBB;
  /* placeholder字体大小  */
  font-size: 14px;
  font-weight: normal;
  
}
.right-detail li input::-ms-input-placeholder,
.right-detail li textarea::-ms-input-placeholder {
  /* placeholder颜色  */
  color: #BBBBBB;
  /* placeholder字体大小  */
  font-size: 14px;
  font-weight: normal;
  
}

.right-detail li textarea {
  padding-top:12px; 
  width: 100%;
  height: 134px;
  box-sizing: border-box;
  background-color: #eeeeee;
  color: #878787;
  border: 1px solid #e2e2e2;
  font-size: 14px;
  text-indent:1em;
  resize:none;
  outline:none;
}
.right_botton {
  background-color: #015199;
  position: relative;
  left: 390px;
  color:#fff;
  width: 72px;
  height: 28px;
  font-size: 14px;
  text-indent: 0;
  border-radius: 14px;
  cursor: pointer;
}
.clientServe-Content {
  padding-bottom:60px 
}

.slider-btn {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: -7px;
    z-index: 12;
    cursor: pointer;
    background-image: url("/r/cms/www/default/img_Gk/home/sprite.3.2.0.png");
    background-position: 0 -84px;
    transition: inherit
}

.ver-tips {
    position: absolute;
    left: 0;
    bottom: -22px;
    background: rgba(255, 255, 255, .9);
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 0 8px;
    transition: all .4s
}

.slider-tips {
    bottom: 0
}


.verBox {
    position:absolute;
    width:100%;
    text-align:left;
    left:0px;
    top:0;
    opacity:1;
    transition:all 0.8s;
}
.err {
    margin:12px 0 0;
    line-height:12px;
    height:12px;
    font-size:12px;
    color:red;
}
.ver-tips i {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: top;
    background-image: url("/r/cms/www/default/img_Gk/home/sprite.3.2.0.png");
    background-position: -4px -1229px
}

.ver-tips span {
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    color: #455
}

.active-tips {
    display: block
}

.hidden {
    display: none
}

.re-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 28px;
    padding: 0 16px
}

.re-btn a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 7px 0;
    background-image: url("/r/cms/www/default/img_Gk/home/sprite.3.2.0.png");
    background-position: 0 -1179px;
    cursor: pointer
}

.re-btn a:hover {
    background-position: 0 -1193px
}