﻿/*自定义部分*/
body{background:#F4F7FA;}
.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto;max-width:1200px;background:#fff;border:1px solid #eee;}
.container-white{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#fff;}
.container-gray{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#F4F7FA;}
.container-gray2{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#f2f2f2;}
.container-sgray{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#bfbfbf;}
.container-huang{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#fed854;}
.container-qing{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#15d8de;}
.container-lan{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#0d92fb;}
.container-qlan{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#deeff6;}
.container-red{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#f63f43;}
.container-shenqing{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#44b1b6;}
.container-huang2{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#feeb0b;}
.container-lv{width:100%; padding:0;margin-right:auto;margin-left:auto;background:#62be7f;}


.w_1200{width:100%;margin-right:auto;margin-left:auto;max-width:1200px;}
.w_1000{width:100%;margin-right:auto;margin-left:auto;max-width:1000px; overflow:hidden}
.w_800{width:100%;margin-right:auto;margin-left:auto;max-width:800px; overflow:hidden}
.w_1000 img{ max-width:1000px}
.w_800 img{ max-width:800px}
.w_700{width:100%;margin-right:auto;margin-left:auto;max-width:700px; overflow:hidden}
.w_700 img{max-width:700px}


img.lazy{
  min-height: 100px;
}
.f-fadeInUp{
  opacity: 0;
}
.am-animation-fade{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: f-fadeInUp;
  animation-name: f-fadeInUp;
}
@-webkit-keyframes f-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.piclist-dianshang { margin:.5rem; text-align:center;  }
.piclist-dianshang .dianshang-image img{ text-align:center; max-width:80%; width:90px }
.piclist-dianshang .dianshang-title { font-size:1rem; padding:1rem 0}
.piclist-dianshang .dianshang-a a{ background:#e81c15; padding:.5rem .8rem; font-size:0.9rem; color:#fff; border-radius:.4rem   }
.piclist-dianshang .dianshang-a a:hover{background:#c00;}

.xm-product-box { background: #fff; z-index:999;position: fixed; width:100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07); box-shadow: 0 5px 5px rgba(0,0,0,.07); }
/*渐变背景*/
.bqbg-jblv{background: linear-gradient(90deg, #1e50ae 0%, #3ebec9 100%); display:table-cell; color:#fff; border-radius:8px; padding:5px 20px;  text-align:center }

/*视频、返回头部代码*/
#videoPop{ background: red; height: 100%; width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, .5); }
#videoPop .inner{ z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.inner img{ position: absolute; top: 14px; right: -60px; width: 35px; opacity: .6; transform: translate(-50%, -50%); cursor: pointer; } 
.video{ width: 1000px; }  
.go-top { cursor: pointer; display: none; position: fixed; z-index: 9999; right: 20px; bottom: 60px; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.9) url(../images/fanhuidingbu.png) center center no-repeat; background-size: 25px; border-radius: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); }
.grayscale, .grayscale img { filter: grayscale(1); opacity: 0.3; }
.grayscale:hover { cursor: default; }
.grayscale:active { background-color: transparent; -webkit-tap-highlight-color: transparent; }
/*视频、返回头部代码  结束  */

.mwidth img{ max-width:100%}

.mpiclist-dianshang { margin:.25rem; text-align:center;  }
.mpiclist-dianshang .dianshang-image img{ text-align:center; max-width:70%; width:70px }
.mpiclist-dianshang .dianshang-title { font-size:0.25rem; padding:0.5rem 0}
.mpiclist-dianshang .dianshang-a a{ background:#e81c15; padding:.3rem .45rem; font-size:0.5rem; color:#fff; border-radius:.3rem   }
.mpiclist-dianshang .dianshang-a a:hover{background:#c00;}




