.play,.lazy-load {
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease
}
.img:hover .lazy-load {
  -webkit-transform:scale(1.03);
  -moz-transform:scale(1.03);
  -ms-transform:scale(1.03);
  -o-transform:scale(1.03);
  transform:scale(1.03)
}
.index_show.bh_300 .swiper-slide,
.index_show.bh_300 img {
  height:300px
}
.main-content {
  padding-bottom:40px
}
.relative {
  position:relative
}
.service-show {
  padding:10px 244px
}
.service-ul {
  margin-left:-10px
}
.service-ul * {
  overflow:hidden
}
.service-ul li {
  float:left;
  width:33.3%
}
.service-ul li .box {
  margin-left:10px;
  height:118px;
  border:1px solid #e6e6e6;
  padding:0 0 0 95px;
  font-size:14px;
  line-height:25px;
  position:relative
}
.service-ul li .box a {
  position:absolute;
  width:100%;
  left:0;
  top:0;
  right:0;
  bottom:0;
  height:100%;
  z-index:2
}
.service-ul li .box img {
  position:absolute;
  left:6px;
  top:5px
}
.service-ul li .box .h1 {
  font-size:16px;
  font-weight:bold;
  padding-top:24px
}
.service-ul li .box .more {
  color:#969696
}
.service-ul li .box:hover .more {
  text-decoration:underline
}
.right-content-box {
  position:absolute;
  width:238px;
  height:428px;
  right:0;
  bottom:10px;
  border:1px solid #e6e6e6;
  background:#fff;
  z-index:2
}
.member_show {
  height:150px;
  background:#333;
  margin:-1px
}
.member_box {
  height:150px;
  display:none;
  overflow:hidden
}
.member_info {
  margin-top:15px;
  position:relative;
  height:40px;
  line-height:20px;
  padding:12px 0;
  color:#fff;
  font-size:14px
}
.member_info img {
  width:64px;
  height:64px;
  border-radius:50%;
  position:absolute;
  left:50%;
  margin-left:-32px;
  top:0
}
.member_info .name {
  font-weight:bold;
  font-size:16px
}
.member_info.dl {
  padding-left:105px
}
.member_info.dl img {
  left:25px;
  margin:0
}
.member_box .button {
  text-align:center;
  padding-top:15px
}
.member_box .button a {
  display:inline-block;
  width:84px;
  height:30px;
  text-align:center;
  line-height:30px;
  border-radius:2px;
  background:#fff;
  font-size:14px;
  margin:0 10px;
  color:#333
}
.member_box .button .hover {
  color:#fff;
  background:#e60000
}
.member_box .button a:hover {
  background:#d20000;
  color:#fff
}
.bill_box {
  padding:15px 0 10px 0;
  margin:0 15px;
  border-bottom:1px solid #f6f6f6
}
.bill_box .titlecf {
  font-size:14px;
  line-height:20px;
  height:20px
}
.bill_box .titlecf em {
  display:inline-block;
  width:27px;
  height:12px;
  margin-left:5px;
  background:url(img/Icon.png) no-repeat -33px 0
}
.bill_box .boxv {
  height:100px;
  line-height:25px;
  overflow:hidden;
  color:#696969;
  margin-top:5px
}
.bill_box .boxv li {
  height:25px;
  overflow:hidden
}
.bill_box .boxv li span {
  padding-right:8px;
  color:#b3b3b3
}
.c1_right_2 {
  height:135px;
  position:relative;
  margin:0 15px
}
.c1_right_2 .tab-show {
  border-bottom:0
}
.c1_right_2 .tab-tit {
  height:27px;
  line-height:29px;
  padding:10px 0 0 0
}
.c1_right_2 .tab-tit li {
  float:left;
  height:26px;
  width:30%;
  cursor:pointer;
  background:0
}
.c1_right_2 .tab-show {
  height:75px;
  padding:5px 0 0 0
}
.tab_cont_ul {
  height:75px;
  line-height:25px
}
.tab_cont_ul li {
  height:25px;
  text-align:left;
  background:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.tab_cont_ul li a {
  color:#696969
}
.tab_cont_ul li a:hover {
  text-decoration:underline
}
.c1_right_2 .tab-cont-1 {
  display:none;
  text-align:center
}
.c1_right_2 .movebg {
  position:absolute;
  top:35px;
  border-bottom:1px solid #e30004;
  width:48px;
  height:1px
}
.seckill-box {
  border:1px solid #e6e6e6;
  min-height:308px;
  position:relative;
  padding-left:270px
}
.seckill-show {
  position:absolute;
  width:240px;
  height:100%;
  background:#e60000;
  text-align:center;
  color:#fff;
  left:-1px;
  top:-1px;
  overflow:hidden
}
.seckill-show .h1 {
  font-size:26px;
  font-weight:bold;
  line-height:26px;
  padding-top:25px
}
.seckill-show .h2 {
  font-size:16px;
  line-height:20px
}
.seckill-show .icon-lightning {
  display:block;
  width:24px;
  height:44px;
  margin:30px auto;
  background:url(img/icon-lightning.png) no-repeat
}
.seckill-show .txt {
  font-size:14px;
  line-height:22px
}
.seckill-show .txt span {
  font-weight:bold
}
.seckill-show .count {
  padding-top:15px;
  line-height:36px;
  font-size:22px;
  font-weight:bold
}
.seckill-show .count span {
  display:inline-block;
  height:36px;
  padding:0 3px
}
.seckill-show .count .t {
  background:#000;
  width:36px;
  height:36px;
  text-align:center;
  padding:0
}
.seckill-list {
  overflow:hidden;
  padding:20px 0;
  margin-left:-40px
}
.seckill-list * {
  overflow:hidden
}
.seckill-list li {
  width:190px;
  float:left;
  margin-left:40px
}
.seckill-list li .img {
  height:190px;
  position:relative
}
.seckill-list li .img .new {
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  height:20px;
  padding:0 5px;
  background:#e60000;
  color:#fff;
  font-size:14px;
  border-radius:3px
}
.seckill-list li .img img {
  width:100%;
  height:190px
}
.seckill-list li .title {
  margin:10px 0;
  height:20px;
  line-height:20px;
  text-align:right
}
.seckill-list li .title .t {
  float:left;
  width:65%;
  font-size:16px;
  text-align:left
}
.seckill-list li .title .t a {
  color:#333
}
.seckill-list li .title .t a:hover {
  text-decoration:underline
}
.seckill-list li .title .number {
  color:#696969;
  font-size:14px
}
.seckill-list li .price {
  height:30px;
  font-size:14px;
  line-height:30px
}
.seckill-list li .price-xj {
  padding-right:5px
}
.seckill-list li .price-xj span {
  font-size:22px;
  font-weight:bold
}
.seckill-list li .price-yj {
  color:#b2b2b2;
  text-decoration:line-through
}
.seckill-list li .bnt {
  display:block;
  width:100%;
  line-height:30px;
  text-align:center;
  height:30px;
  background:#e60000;
  border-radius:3px;
  color:#fff;
  margin-top:5px
}
.seckill-list li .bnt:hover {
  background:#d20000
}
.seckill-list li .bnt.no {
  background:#ccc;
  cursor:not-allowed
}
.case-title {
  text-align:center;
  font-size:30px;
  font-weight:bold;
  line-height:30px
}
.case-title span {
  color:#5b40e8
}
.case-tab-nav {
  padding:15px 0;
  text-align:center
}
.case-tab-nav li {
  display:inline-block;
  width:180px;
  height:38px;
  text-align:center;
  line-height:38px;
  font-size:18px;
  cursor:pointer
}
.case-tab-nav .hover {
  background:#5b40e8;
  color:#fff;
  border-radius:50px
}
.case-tab-box .div {
  display:none
}
.floor-title {
  height:30px;
  line-height:30px;
  margin-bottom:20px
}
.floor-title .more {
  float:right;
  color:#969696;
  font-size:14px
}
.floor-title .more:hover {
  text-decoration:underline
}
.floor-title .t {
  font-size:22px;
  position:relative;
  padding-left:40px
}
.floor-title .t .icon {
  position:absolute;
  left:0;
  top:0;
  width:30px;
  height:30px
}
.floor-title .t .icon-dssj {
  background:url(img/icon-dssj.png) no-repeat 0 center
}
.floor-title .t .icon-dpmb {
  background:url(img/icon-dpmb.png) no-repeat 0 center
}
.floor-title .t .icon-ad {
  background:url(img/icon-ad.png) no-repeat 0 center
}
.floor-title .t .icon-qyxcwl {
  background:url(img/icon-qyxcwl.png) no-repeat 0 center
}
.floor-title .t .icon-rmkc {
  background:url(img/icon-rmkc.png) no-repeat 0 center
}
.floor-box {
  border:1px solid #e6e6e6;
  position:relative;
  padding-left:240px;
  min-height:338px
}
.floor-box-left {
  position:absolute;
  left:-1px;
  top:-1px;
  width:241px;
  height:100%;
  bottom:-1px;
  background:#ee3939;
  color:#fff;
  overflow:hidden
}
.floor-box-left:after {
  content:"";
  position:absolute;
  width:212px;
  height:212px;
  right:-10%;
  bottom:-15%
}
.floor-box-left .boxcf {
  padding:25px 20px;
  position:relative;
  z-index:2
}
.floor-box-left .title-h1 {
  font-size:26px;
  line-height:35px
}
.floor-box-left .name {
  line-height:30px;
  font-size:14px;
  padding-top:10px
}
.floor-box-left .name li a {
  color:#fff;
  margin-left:5px
}
.floor-box-left .name li a:hover {
  text-decoration:underline
}
.floor-box-list li {
  width:25%;
  float:left;
  position:relative
}
.floor-box-list li * {
  overflow:hidden
}
.floor-box-list li:after {
  content:"";
  position:absolute;
  width:1px;
  height:100%;
  left:0;
  top:0;
  background:#e6e6e6
}
.floor-box-list li .boxa {
  width:190px;
  margin:0 auto;
  padding:20px 0
}
.floor-box-list li .img {
  height:190px;
  position:relative
}
.floor-box-list li .img .new {
  position:absolute;
  left:0;
  bottom:0;
  z-index:2;
  height:20px;
  padding:0 5px;
  background:#e60000;
  color:#fff;
  font-size:14px;
  border-radius:3px
}
.floor-box-list li img {
  height:190px;
  width:100%
}
.floor-box-list li .title {
  font-size:16px;
  line-height:35px;
  height:35px
}
.floor-box-list li .title a {
  color:#333
}
.floor-box-list li .title a:hover {
  text-decoration:underline
}
.floor-box-list li .txt {
  height:25px;
  line-height:25px;
  text-align:right
}
.floor-box-list li .txt .price {
  float:left;
  text-align:left;
  max-width:60%
}
.floor-box-list li .txt .price span {
  font-size:22px;
  font-weight:bold
}
.floor-box-list li .txt .number {
  color:#696969
}
.floor-box-list li .bnt {
  display:block;
  width:120px;
  height:30px;
  line-height:30px;
  text-align:center;
  background:#ee3939;
  color:#fff;
  font-size:14px;
  border-radius:3px;
  margin:15px auto 5px auto
}
.floor-box-list li .bnt:hover {
  background:#e91818
}
.floor-dssj .floor-box-left:after {
  background:url(img/bj-dssj.png) no-repeat right bottom
}
.floor-dpmb .floor-box-left {
  background:#24c9ac
}
.floor-dpmb .floor-box-left:after {
  background:url(img/bj-dpmb.png) no-repeat right bottom
}
.floor-dpmb .floor-box-list li .bnt {
  background:#24c9ac
}
.floor-dpmb .floor-box-list li .bnt:hover {
  background:#1bb398
}
.floor-dpmb .floor-box-list li .img,
.floor-dpmb .floor-box-list li img {
  /*height:280px*/
}
.floor-ad .floor-box-left {
  background:#19a5e0
}
.floor-ad .floor-box-left:after {
  background:url(img/bj-ad.png) no-repeat right bottom
}
.floor-ad .floor-box-list li .bnt {
  background:#19a5e0
}
.floor-ad .floor-box-list li .bnt:hover {
  background:#0b8fc7
}
.floor-qyxcwl .floor-box-left {
  background:#6a7be4
}
.floor-qyxcwl .floor-box-left:after {
  background:url(img/bj-qyxcwl.png) no-repeat right bottom
}
.floor-qyxcwl .floor-box-list li .bnt {
  background:#6a7be4
}
.floor-qyxcwl .floor-box-list li .bnt:hover {
  background:#5064e0
}
.fabulous span:after {
  background:url(img/jx.png) no-repeat
}
.InstructionalVideo_list {
  margin-left:-20px;
  width:75%;
  float:left;
  overflow:hidden
}
.InstructionalVideo_list li {
  float:left;
  width:33.3%;
  padding-bottom:20px
}
.InstructionalVideo_list li .pa {
  margin-left:20px
}
.InstructionalVideo_list li .img {
  position:relative;
  overflow:hidden;
  border-radius:5px
}
.InstructionalVideo_list li .img a {
  position:absolute;
  width:100%;
  left:0;
  top:0;
  height:100%;
  z-index:3
}
.InstructionalVideo_list li .img .time {
  position:absolute;
  right:5px;
  bottom:10px;
  background:rgba(0,0,0,0.6);
  border-radius:50px;
  overflow:hidden;
  height:20px;
  padding:0 10px;
  color:#fff;
  line-height:20px;
  font-size:12px
}
.InstructionalVideo_list li .img .play {
  position:absolute;
  width:100%;
  left:0;
  top:0;
  height:100%;
  width:100%;
  background:rgba(0,0,0,0.5) url(img/play_60x60.png) no-repeat center center;
  opacity:0
}
.InstructionalVideo_list li .img img {
  width:280px;
  border-radius:5px;
  height:160px;
  object-fit:cover
}
.InstructionalVideo_list li:hover .img .play {
  opacity:1
}
.InstructionalVideo_list li:hover .img .time {
  opacity:0
}
.InstructionalVideo_list li .fabulous {
  height:40px;
  line-height:40px;
  padding:0 15px;
  border:1px solid #e6e6e6;
  border-top:0;
  border-radius:0 0 5px 5px;
  text-align:right;
  font-size:14px;
  color:#666;
  cursor:pointer
}
.InstructionalVideo_list li .fabulous span {
  padding-left:28px;
  position:relative
}
.InstructionalVideo_list li .fabulous span:after {
  content:"";
  position:absolute;
  width:18px;
  height:16px;
  left:0;
  top:50%;
  margin-top:-8px;
  background-position:-34px 0
}
.fabulous.active span:after {
  -moz-animation:anim 1s;
  -webkit-animation:anim 1s;
  -o-animation:anim 1s;
  animation:anim 1s;
  background-position:-57px 0 !important;
  z-index:3
}
.fabulous.activean span:after {
  background-position:-57px 0 !important;
  z-index:3
}
.fabulous span .add {
  position:absolute;
  width:30px;
  height:20px;
  line-height:20px;
  top:-5px;
  left:-5px;
  text-align:center;
  font-size:20px;
  color:#f7721a;
  font-weight:bold;
  display:none
}
.fabulous.active span .add {
  -moz-animation:add 1s;
  -webkit-animation:add 1s;
  -o-animation:add 1s;
  animation:add 1s;
  display:block
}
.rmkc-list {
  width:25%;
  float:right
}
.rmkc-list li {
  margin-right:20px;
  border-bottom:1px dashed #e2e2e2;
  line-height:40px;
  height:40px;
  overflow:hidden;
  font-size:14px;
  position:relative;
  padding-left:15px
}
.rmkc-list li:after {
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  left:0;
  top:50%;
  margin-top:-2px;
  background:#666;
  border-radius:50px
}
.rmkc-list li a {
  color:#333
}
.rmkc-list li a:hover {
  text-decoration:underline
}
.case-list {
  overflow:hidden;
  margin-left:-20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.case-list * {
  overflow:hidden
}
.case-list li {
  float:left;
  width:25%;
  margin-bottom:20px;
  position:relative;
  flex:0 0 25%;
  max-width:25%;
  -webkit-box-flex:0
}
.case-list li .box {
  margin-left:20.5px;
  border:1px solid #e6e6e6;
  text-align:center;
  padding-bottom:25px
}
.case-list li .brand {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  top:0;
  height:100%;
  padding:0;
  text-align:left;
  background:#5b40e8 url(img/icon-case.jpg) no-repeat center bottom;
  background-size:100%;
  border:0;
  color:#fff
}
.case-list li .box .img {
  border-bottom:1px solid #e6e6e6
}
.case-list li .box .img img {
  width:100%
}
.case-list li .title-h1 {
  padding:60px 0 0 20px
}
.case-list li .title-h1 .en {
  text-transform:uppercase;
  font-size:20px;
  line-height:25px
}
.case-list li .title-h1 .cn {
  font-size:38px;
  line-height:38px
}
.case-list li .txt {
  line-height:35px;
  font-size:24px;
  padding:20px 0 0 20px
}
.case-list li .title {
  font-size:18px;
  line-height:30px;
  height:30px;
  margin:15px 0 10px 0
}
.case-list li .bnt {
  display:block;
  margin:0 auto;
  width:128px;
  height:32px;
  line-height:32px;
  text-align:center;
  border-radius:3px;
  border:1px solid #e6e6e6;
  font-size:14px
}
.case-list li .bnt:hover {
  background:#5b40e8;
  color:#fff
}
.case-list li .bnt.no {
  color:#c1c1c1;
  border-color:#e6e6e6;
  cursor:context-menu
}
.case-list li .bnt.no {
  background:#fff;
  color:#c1c1c1
}
.caseModa .modal-content {
  background-clip:border-box
}
.caseModa .modal-big {
  width:850px
}
.caseModa .modal-header {
  padding:0
}
.caseModa .modal-body {
  padding:40px 50px;
  min-height:330px;
  max-height:620px;
  position:relative
}
.caseModa-text {
  width:270px;
  float:left;
  font-size:14px;
  line-height:25px;
  position:relative;
  max-height:620px;
  overflow:hidden
}
.caseModa-title {
  font-size:28px;
  line-height:40px
}
.caseModa-tip {
  font-size:14px;
  color:#3a6de2;
  line-height:30px;
  padding:15px 0
}
.caseModa-tip .box {
  display:inline-block;
  text-align:center;
  margin-right:20px
}
.caseModa-attribute {
  padding:20px 0;
  border-top:1px dotted #e5e5e5
}
.caseModa-attribute .t {
  color:#999
}
.caseModa-explain-title {
  padding:20px 0 10px 0
}
.caseModa-explain-text {
  color:#999
}
a.caseModa-bnt {
  position:absolute;
  left:50px;
  bottom:40px;
  border-radius:5px;
  width:160px;
  height:46px;
  line-height:46px;
  color:#fff;
  font-size:16px;
  text-align:center;
  background:#00b134
}
.caseModa-img {
  width:448px;
  min-height:330px;
  max-height:618px;
  overflow:auto;
  background:#e1e1e1;
  float:right;
  position:relative;
  border:1px solid #d2d2d2
}
.img0 .caseModa-img {
  height:448px
}
.img1 .caseModa-img {
  height:618px
}
.img2 .caseModa-img {
  height:618px
}
.img3 .caseModa-img {
  height:330px
}
.img2 .caseModa-tip .web,
.img3 .caseModa-tip .web {
  display:none
}
.caseModa-img img {
  width:100%
}
.caseModa-arrow {
  position:absolute;
  width:33px;
  height:67px;
  top:50%;
  margin-top:-23px;
  background:#b2b2b2;
  overflow:hidden;
  cursor:pointer
}
.caseModa-arrow i {
  display:block;
  height:67px;
  background:url(img/arrow.png) no-repeat
}
.caseModa-arrow:hover {
  background:#000
}
.arrow-prev {
  left:0
}
.arrow-next {
  right:0
}
.arrow-prev i {
  background-position:0 0
}
.arrow-next i {
  background-position:-33px 0
}