/*
* @Author: ChunLai
* @Date:   2018-05-010 09:53:00
* @Name:店铺运营
*/

.md1{background-color: #f8f2f2;}
.md1 p{color:#d9212b;}
.md1 .md1-p1{font-size:72px;line-height: 130px;margin-top:20px;}
.md1 .md1-p2{font-size:92px;line-height: 100px;}
.md1 span{display:block;width:80px;height:30px;margin:60px auto;position: relative;}
.md1 span:after{
    content:'';
    position: absolute;
    top:10px;
    left:0;
    border-width: 20px 40px;
    border-style:solid;
    border-color:#d9212b transparent transparent transparent;
}
.md1 ul{width:1116px;height:1091px;background: url("../images/operation/md1-2.png") no-repeat;margin-top:30px;position:relative;}
.md1 ul li{height:140px;position:absolute;left:200px;overflow:hidden;}
.md1 ul li:nth-child(1){top:40px;}
.md1 ul li:nth-child(2){top:255px;}
.md1 ul li:nth-child(3){top:474px;}
.md1 ul li:nth-child(4){top:694px;}
.md1 ul li:nth-child(5){top:912px;}
.md1 ul li b{display: block;width:100px;line-height:70px;font-size:60px;text-align: center;float: left;color:#fff;}
.md1 ul li p{display: block;line-height:25px;font-size:18px;float: right;color:#fff;}

.md2{background-color:#fcf9f9;}
/*md-title*/
.md-title {
  width:570px;
  margin:0 auto;
  text-align:center;
  position:relative;
  height:170px;
  padding-top: 15px;
}
.md-title span {
  position: absolute;
  background-color: #666666;
  display: block;
  transition: all 200ms;
}
.md-title .line1,
.md-title .line3 {
  height: 2px;
  width: 20px;
}
.md-title .line2,
.md-title .line4 {
  height: 20px;
  width: 2px;
}
.md-title .line1,
.md-title .line4 {
  top: 0;
  left: 0;
}
.md-title .line3,
.md-title .line2 {
  bottom: 0;
  right: 0;
}
.md-title.reverse .line1,
.md-title.reverse .line3 {
  width: 100%;
  background-color:#f59f54;
}
.md-title.reverse .line2,
.md-title.reverse .line4 {
  height: 100%;
  background-color:#f59f54;
}
.md-title:hover .line1,
.md-title:active .line1,
.md-title:hover .line3,
.md-title:active .line3 {
  width: 100%;
  background-color:#f59f54;
}
.md-title:hover .line2,
.md-title:active .line2,
.md-title:hover .line4,
.md-title:active .line4 {
  height: 100%;
  background-color:#f59f54;
}
.md-title:hover.reverse .line1,
.md-title:active.reverse .line1,
.md-title:hover.reverse .line3,
.md-title:active.reverse .line3 {
  width: 20px;
}
.md-title:hover.reverse .line2,
.md-title:active.reverse .line2,
.md-title:hover.reverse .line4,
.md-title:active.reverse .line4 {
  height: 20px;
}
.md-title{}
.md-title em,.md-title strong{font-size:70px;}
.md-title em{color:#d9212b;}
.md-title strong{color:#f59f54;}
.md-title p{font-size:22px;color:#666;}

.services{width:922px;height:863px;margin:50px auto 0;background:url("../images/operation/md2.png") no-repeat;position:relative;}
.services li{width:142px;height:100px;position:absolute;color:#fff;text-align:center;}
.services li b{font-size:18px;}
.services li:nth-child(1){top:743px;left:185px;}
.services li:nth-child(2){top:596px;left:49px;}
.services li:nth-child(3){top:405px;left:0px;}
.services li:nth-child(4){top:226px;left:53px;}
.services li:nth-child(5){top:91px;left:195px;}
.services li:nth-child(6){top:41px;left:390px;}
.services li:nth-child(7){top:91px;left:582px;}
.services li:nth-child(8){top:226px;left:722px;}
.services li:nth-child(9){top:405px;right:0px;}
.services li:nth-child(10){top:596px;right:49px;padding-top:16px;}
.services li:nth-child(11){top:743px;left:589px;padding-top:16px;}

/*md3*/
.md3{background-color:#fcf9f9;}
.md3-bg{width:100%;height:322px;background:url("../images/operation/md3.jpg") no-repeat;position:relative;margin-bottom:100px;}
.md3-bg-txt{position:absolute;top:183px;left:160px;}
.md3 ol{width:100%;display: flex;justify-content: space-between;margin-top:200px;margin-bottom:100px;}
.md3 ol li{width:207px;height:440px;position:relative;}
.md3 ol li:nth-child(1){background:url("../images/operation/md3_01.png") no-repeat;}
.md3 ol li:nth-child(2){background:url("../images/operation/md3_02.png") no-repeat;}
.md3 ol li:nth-child(3){background:url("../images/operation/md3_03.png") no-repeat;}
.md3 ol li:nth-child(4){background:url("../images/operation/md3_04.png") no-repeat;}
.md3 ol li span{display: block;width:2px;height:86px;background-color:#7f8182;position:absolute;top:-86px;left:50%;margin-left: -1px;}
.md3 ol li span:after{
    content:'';
    position:absolute;
    top:-26px;
    left:-12px;
    width:26px;
    height:26px;
    border-radius:100%;
    background-color:#7f8182;
}
.md3 ol li p{font-size:15px;padding:147px 36px;}
/*----------------products---------------*/
.products{width:820px;height:770px;position:relative;margin:50px auto 0;}
.products li{width:432px;height:432px;border-radius:100%;padding:4px;background-color:#fff;position:absolute;}
.products li .pro-cons{width:424px;height:424px;border-radius:100%;padding-top:60px;color:#fff;text-align:center;}
.products li:nth-child(1){top:0;left:50%;margin-left:-214px;}
.products li:nth-child(2){bottom:40px;left:0;}
.products li:nth-child(3){bottom:40px;right:0;}
.products li b{font-size:70px;}
.products li span{display: block;width:90px;height:2px;background-color:#fff;margin:20px auto;}
.products li p{padding:10px 43px;font-size:17px;line-height:40px;}

.pieces_show{
  position: relative;
  z-index: 9999;
  width: 100%;
  height: 612px;
  background-color: #f8f2f2;
}
.img-flex{
  position: absolute;
}
.img-flex ul{
  font-size: 0;
}
.img-flex ul li{
  display: block;
  background-repeat: no-repeat;
  float: left;
  position: relative;
}