/**
* 导航栏
**/
/* .navbar-default .navbar-brand {
  color: rgb(255, 144, 53);
  font-size: 24px;
  height: 60px;
  line-height: 30px;
}

.navbar-toggle{
  margin-top: 14px;
}

.nav a {
  font-size: 16px;
}

.navbar-right span {
  color: rgb(255, 144, 53);
  font-size: 16px;
} */

.search_pop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
    background: #fff;
  }

  .searchBox {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 99;
    width: 90%;
  }

  .searchBox .search_input {
    width: 100%;
    border: none;
    outline: none;
    height: 44px;
    border-radius: 22px;
    padding-left: 40px;
    -moz-box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, .1);
    font-size: 14px;
    color: #B2B2B2;
  }

  .searchBox .search_btn {
    position: absolute;
    top: 13px;
    left: 14px;
    font-size: 16px;
    color: #e6e6e6;
  }
  .m_index_nav {
    padding: 46px 16px 0;
  }

  .m_index_nav .shadowBox {
    box-shadow: 0px 7px 17px 0px rgba(143, 149, 160, 0.11);
    border-radius: 8px;
    padding: 0 10px 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .m_index_nav .shadowBox a{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    font-size: 14px;
  }
  .shadowBox img{
    width: 70px;
    margin-bottom: 10px;
  }


.table .right {
  text-align: right;
}

p.info {
  margin: 10px 0;
}
blockquote {
  padding: 3px 5px;
  margin: 20px 0 5px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.alert-success{
  background: #333;
  border:0;
  color:#fff;
  font-weight: 500;;
  opacity:0.8;
}

.right-option {
  position: fixed;
  right: 0px;
  bottom: 80px;
  background-color: #e2e2e2;
  padding:5px;
  color: #666;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}

footer{
  background: #eee;
}

#gotop {
  width: 50px;
  height: 56px;
}

#gotop i {
  display: block;
  /* margin-left:12px; */
  width: 40px;
  height: 35px;
  background: url(../img/top.png) no-repeat 0px;
}
.tel-icon {
  width: 50px;
  height: 50px;
}

.tel-icon i {
  display: block;
  margin-left:12px;
  width: 40px;
  height: 35px;
  background: url(../img/tel.png) no-repeat 0px;
}
.wx-icon {
  width: 50px;
  height: 60px;
  padding-top:10px;
}

.wx-icon i {
  display: block;
  margin-left:13px;
  width: 25px;
  height: 25px;
  background: url(../img/wx.png) no-repeat 0px;
}

.tel-alert{
  display: none;
  position: fixed;
  top:300px;
  left:50%;
  margin-left:-77px;
  height:60px;
  font-size: 20px;
  border-radius: 5px;
  z-index: 99999
}


.wx-alert{
  display: none;
  position: fixed;
  top:50%;
  left:50%;
  margin-left:-100px;
  margin-top:-100px;
  height:200px;
  width:200px;
  border-radius: 5px;
  z-index: 99999;
}


#map-container {
  height: 500px;
  width: 100%;
  /* margin-bottom:50px;s */
}

.lay {
  display: block;
  width: 110px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  margin-top: 5px;
  position: relative;
  cursor: pointer;
}

.map_tag_ico {
  position: absolute;
  left: 0;
  background-color: #555a64;
  opacity: 1;
  display: inline-block;
  width: 30px;
  height: 30px;
}

#traffic .map_tag_ico i {
  display: inline-block;
  margin-top: 7px;
  margin-left: 7px;
  background-position: -160px -20px;
  width: 16px;
  height: 16px;
  background-image: url(../img/icon-sp-map@2x.png);
  background-size: 180px 152px;
}

.map_action_click .traffic_icon,.map_action_hover .traffic_icon {
  background-color: #00b39c;
}

#business .map_tag_ico i {
  display: inline-block;
  margin-top: 7px;
  margin-left: 7px;
  /* background-position: -160px -20px;
  width: 16px;
  height: 16px; */
  background-position: -160px -78px;
  width: 16px;
  height: 13px;
  background-image: url(../img/icon-sp-map@2x.png);
  background-size: 180px 152px;
}

.map_action_click .business_icon,.map_action_hover .businesss_icon {
  background-color: #dd0e49;
}

.lay span {
  display: inline-block;
  width: 80px;
  line-height: 30px;
  text-align: center;
  background-color: #555a64;
  opacity: .9;
  position: absolute;
  right: 0;
}

.map_action_click span {
  color: #333;
  background-color: #fff;
  opacity: 0.8;
}

.map_action_hover span {
  color: #333;
  background-color: #fff;
  opacity: 0.8;
}
/* end */

.list{
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.list-left,.right-center,.list-right{
  width:100%;
}

.list-left img{
  width:100%;
}

.left-center{
  width:100%;
}

.left-center .title{
  font-size: 18px;
  font-weight: 600;
  padding:10px 10px;
  display: inline-block;
}

.left-center .sub-title span{
  font-size: 12px;
  display: inline-block;
  padding:0 10px;
  border-left:2px solid #e3e3e3;
  line-height: 1;
}

.left-center .text span{
  font-size: 12px;
  display: none;
  padding:0 10px;
}

.left-center .tip span{
  font-size: 12px;
  display: inline-block;
  padding:0 3px;
  margin:10px 10px;
  color:#517a99;
  background-color: rgba(81,122,153,.1);  
  
}

.right-center{
  font-size: 12px;
  padding: 10px 10px;

}
.link{
    color: #337ab7;
    text-decoration: none;
    font-size: 16px;
}
.list-right{
  font-size: 12px;
  color:#ff552e;
  font-weight: 500;
  text-align: right;
  display: none;


}



/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  /* #map-container {
    height: 500px;
    width: 100%;
  } */

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .margin-top-10 {
    margin-top: 10px;
  }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
  .carousel-cell {
    height: 550px !important;
}
  #map-container {
    height: 600px;
    width: 100%;
  }
  .list-left,.right-center,.list-right{
    float: left;
    width:220px;
  }
  
  .list-left img{
    width:100%;
  }
  
  .left-center{
    float: left;
    width:760px;
  }
  
  .left-center .title{
  
    font-size: 18px;
    font-weight: 600;
    padding:0 10px;
    display: inline-block;
  }
  
  .left-center .sub-title span{
    margin-top: 20px;
    font-size: 12px;
    display: inline-block;
    padding:0 10px;
    border-left:2px solid #e3e3e3;
    line-height: 1;
  }
  
  .left-center .text span{
    margin-top: 20px;
    font-size: 12px;
    display: inline-block;
    padding:0 10px;
  }
  
  .left-center .tip span{
    font-size: 12px;
    display: inline-block;
    padding:0 3px;
    margin:0 5px;
    color:#517a99;
    background-color: rgba(81,122,153,.1);  
    margin-top: 20px;
  
  }
  
  .right-center{
    font-size: 16px;
    width:160px;
    display: block;
    text-align: center;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;


  }
  .right-center .link{
    color: #0BB3C4;
    margin-top: 10px;

  }
  .list-right{
    display: block;

    font-size: 12px;
    color:#ff552e;
    font-weight: 500;
    line-height: 138px;
    text-align: right;
    width:160px;
  
  }
}

/**
* 轮播样式
**/
.carousel-cell {
  width: 70%;
  background-position: center center;
  background-size: cover;
}

.is-selected.opacity_banner{
  opacity: 1;

}

.opacity_banner{
  opacity: 0.4;
}

.flickity-page-dots{
  display: none;
}

.flickity-prev-next-button{
  border-radius: 0;
  width: 28px;

}

@media (max-width: 900px) {
  .carousel-cell {
      height: 400px !important;
  }
}

@media (max-width: 700px) {
  .carousel-cell {
      height: 200px !important;
  }
  .navbar-toggle{
    position: absolute;
    right: 10px;
  }
}

blockquote{
  font-style: normal;
}

/**
* 标题演示
**/
/* .sg-center-title {
  padding: 63px 0 60px 0;
  overflow: hidden;
}
.sg-center-title h2 {
  margin: 0 0 5px 0;
  display: inline-block;
  background: #FFF;
  z-index: 99;
  padding: 0 15px;
  font-size: 28px;
}
.sg-center-title .key {
  color: rgb(255, 144, 53);;
}
.sg-center-title .mini-title {
  color: #999;
  display: block;
  font-size: 18px;
}
.sg-center-title hr {
  border: 1px solid #ccc;
  margin: 0 auto;
  width: 450px;
  position: relative;
  top: -42px;
  z-index: -1;
} */


/*城市导航start*/
.clearfix:after{content: " ";clear: both;font-size: 0;display: block;width: 100%;height: 0;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.letter-city-wrapper{width: 1200px;box-sizing: border-box;padding: 0 28px 40px;margin: 0 auto;}
.letter-city-letter{width: 90px;font-size: 18px;line-height: 52px;font-weight: bold;color: #333;text-align: center;box-sizing: border-box;padding-right: 14px;}
.letter-city-head{display: block;height: 66px;line-height: 66px;padding-top: 24px;}
.letter-city-list{width: 100%}
.letter-city-item{padding: 5px 8px;}
.letter-city-link{display: block;font-size: 16px;line-height: 42px;padding: 0 10px;}

.letter-city-content{
  display: flex;
  flex-direction: row;
}
.letter-city-letter{
  flex-shrink: 0;
}
.ishot{
  color: #e10000;
  font-weight: bold;
}
/*城市导航end*/