@charset "UTF-8";
/**
    name: public_wrap_div
    title: 外层class名
    zhiyu:
    beizhu:
*/
/**
    name: item_list_num
    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]}                    [动画库]
 */
.foot_list_119_bg {
  background-color: #f5f5f5; }

.foot_list_119 {
  height: 160px;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden; }

.foot_list_119 .footer_t {
  display: none; }

.foot_list_119 .center {
  float: none; }

.foot_list_119 .i-reason-tit {
  margin-top: 84px;
  text-align: center; }

.foot_list_119 .i-reason-tit span {
  display: block; }

.foot_list_119 .i-reason-tit .irt-z {
  font-size: 24px;
  color: #444444;
  padding-bottom: 15px; }

.foot_list_119 .i-reason-tit .irt-f {
  font-size: 16px;
  color: #747474; }

.foot_list_119 .i-reason {
  width: 90%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.foot_list_119 .i-reason li {
  float: left;
  width: 25%;
  margin-top: 36px;
  overflow: hidden; }

.foot_list_119 .i-reason a {
  display: block; }

.foot_list_119 .i-reason .ir-thumb {
  float: left;
  height: 84px;
  overflow: hidden; }

.foot_list_119 .ir-thumb.show-pc {
  display: block; }

.foot_list_119 .ir-thumb.show-m {
  display: none; }

.foot_list_119 .i-reason .ir-thumb img {
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.foot_list_119 .i-reason a:hover .ir-thumb img {
  margin-top: -84px; }

.foot_list_119 .i-reason .ir-text {
  width: calc(100% - 100px);
  width: -webkit-calc(100% -100px);
  width: -moz-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  padding-left: 10px;
  float: left; }

.foot_list_119 .i-reason .ir-tit, .i-reason .ir-descrip {
  display: block;
  color: #6c6969;
  margin: 15px 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.foot_list_119 .i-reason .ir-tit {
  font-size: 22px;
  font-weight: 700; }

.foot_list_119 .i-reason .ir-descrip {
  font-size: 14px; }

.foot_list_119 .i-reason .ir-info {
  font-size: 14px;
  color: #7a7979;
  height: 48px;
  line-height: 24px;
  overflow: hidden; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .foot_list_119 .i-reason {
    width: 96%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .foot_list_119 {
    height: 140px; }

  .foot_list_119 .i-reason {
    width: 96%; }

  .foot_list_119 .i-reason .ir-thumb {
    width: 60px;
    height: 60px; }

  .foot_list_119 .i-reason .ir-thumb img {
    width: 100%; }

  .foot_list_119 .i-reason .ir-tit {
    font-size: 16px; }

  .foot_list_119 .i-reason span {
    text-align: left; }

  .foot_list_119 .i-reason .ir-descrip {
    font-size: 12px; }

  .foot_list_119 .i-reason a:hover .ir-thumb img {
    margin-top: -60px; } }
@media screen and (max-width: 767px) {
  .foot_list_119 {
    height: 63px; }

  .foot_list_119 .i-reason {
    width: 93.6%; }

  .foot_list_119 .footer_t {
    display: block;
    height: 99px; }

  .foot_list_119 .center {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #dcdada;
    border-bottom: 1px solid #dcdada;
    margin-bottom: 13px; }

  .foot_list_119 .i-reason ul {
    width: 94%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 15px;
    height: 62px; }

  .foot_list_119 .i-reason li {
    width: 25%;
    height: 100%;
    margin: 0;
    padding-top: 15px; }

  .foot_list_119 .i-reason .ir-thumb {
    width: 28px;
    height: 28px;
    overflow: hidden; }

  .foot_list_119 .ir-thumb.show-pc {
    display: none; }

  .foot_list_119 .ir-thumb.show-m {
    display: block; }

  .foot_list_119 .i-reason .ir-thumb img {
    width: 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s; }

  .foot_list_119 .i-reason a:hover .ir-thumb img {
    width: 100%;
    margin-top: -28px; }

  .foot_list_119 .i-reason .ir-text {
    font-size: 14px;
    width: calc(100% - 36px);
    width: -webkit-calc(100% -36px);
    width: -moz-calc(100% - 36px);
    margin-left: 3px;
    padding-left: 1px; }

  .foot_list_119 .i-reason .ir-tit {
    margin: 0;
    font-size: 0.24rem;
    line-height: 31px; }

  .foot_list_119 .i-reason .ir-descrip {
    display: none; } }

/*# sourceMappingURL=style.css.map */
