@charset "UTF-8";
/**
    name: public_wrap_div
    title: 外层class
    zhiyu: *
    beizhu:
*/
/**
    name: item_pc_num
    title: 电脑端一排显示数量
    zhiyu: 1-5
    beizhu:
*/
/**
    name: item_padw_num
    title: 平板电脑（横）一排显示数量
    zhiyu: 1-4
    beizhu:
*/
/**
    name: item_padn_num
    title: 平板电脑（竖）一排显示数量
    zhiyu: 1-4
    beizhu:
*/
/**
    name: item_phone_num
    title: 手机端一排显示数量
    zhiyu: 1-2
    beizhu:
*/
/**
    name: public_item_mar
    title: pc间距
    zhiyu: *
    beizhu:
*/
/**
    name: public_item_mar2
    title: 手机间距
    zhiyu: *
    beizhu:
*/
/**
    name: public_item_col
    title: 行数
    zhiyu: *
    beizhu:
*/
/**
    name: public_col_pad
    title: 行数
    zhiyu: *
    beizhu:
*/
/**
    name: public_col_pad2
    title: 行数
    zhiyu: *
    beizhu:
*/
/**
    name: public_col_phone
    title: 行数
    zhiyu: *
    beizhu:
*/
/**
  name: container_pc
  title: innerWidth 大于 1200时素材最外层盒子的宽度，默认值为90%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_pc
  title: 992 小于 innerWidth 小于 1199时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_pad
  title: 768 小于 innerWidth 小于 991时素材最外层盒子的宽度，默认值为96%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_note_phone
  title: innerWidth 小于 767时素材最外层盒子的宽度，默认值为93.6%
  zhiyu: 90% - 100%
  beizhu:
*/
/**
  name: container_max_width
  title: 给素材最外层盒子限制最大宽度，默认值为100%
  zhiyu: 90% / px / rem 
  beizhu:
*/
/**
  name: theme_color
  title: 网站的主题颜色
  zhiyu: 
  beizhu:
*/
/**
 * [breakpoints 响应节点]
 * @param  [type] $array [数组]
 * @param  string $value [键]
 * @return [type]        [返回一维数组]
 */
/** 
 * 定义响应式值变量
 * $tiny为手机端响应节点尺寸
 * $small为竖版平板节点尺寸
 * $medium为横版平板节点尺寸
 * $large为电脑端节点尺寸
 */
/**
 * [respond_to 处理响应式方法]
 * @param  {[type]} $breakpoint [响应节点变量]
 * @return {[type]}             [响应css语句]
 */
/**
 * [public_shadow 元素阴影效果]
 * @param  {[type]} $transition_value: 0             0 0 rgba(0,0,0,.16) [阴影颜色值]
 * @return {[type]}                    [css阴影效果]
 */
/**
 * [public_transition 动画预处理库]
 * @param  {[type]} $transition_speed: .3s           [速度时间]
 * @return {[type]}                    [动画库]
 */
.public_index_195 .main-sw .banner-box {
  position: relative;
}

.public_index_195 .main-sw.contact .banner-box .wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 46px 0;
  background: url(../images/contact-banner-line.png) no-repeat 850px 53px;
}

.public_index_195 .main-sw.contact .banner-box .banner {
  display: block;
  width: 100%;
  height: auto;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left {
  width: 65.33%;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text {
  width: 50%;
  margin: 8px 0;
  line-height: 35px;
  font-size: 14px;
  color: #fff;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .right {
  padding: 9px 17px 0 120px;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .right .img-box {
  padding: 0 38px;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .right .img-box .text {
  padding-top: 12px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text .icon {
  width: 35px;
  height: 35px;
  margin-right: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-repeat: no-repeat;
}

.public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text:hover .icon {
  background-color: #ff0000;
  border-color: #ff0000;
}

.public_index_195 .map {
  height: 470px;
}

@media (min-width: 751px) and (max-width: 1199px) {
  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 {
    width: 84%;
    background: none;
    padding: 20px 0;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left {
    width: 100%;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text {
    margin: 2px 0;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .right {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 750px) {
  .public_index_195 .main-sw.contact .banner-box .wrap {
    position: static;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left, .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text {
    width: 100%;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text {
    margin: 5px 0;
    font-size: 0.28rem;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .right {
    display: none;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 {
    padding: 0.4rem 0.3rem;
    background: #404040;
  }

  .public_index_195 .map {
    height: 320px;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text .icon {
    width: 30px;
    height: 30px;
    line-height: 25px;
    margin-right: 7px;
  }

  .public_index_195 .main-sw.contact .banner-box .wrap .w1200 .left .text .icon img {
    width: 50%;
  }
}

/*# sourceMappingURL=style.css.map */