/*
* @Author: ChunLai
* @Date:   2018-05-19 09:09:09
* @Name:电商成长
*/
.top-cons{position: relative;
    margin-top: -104px;
    z-index: 9999;}
[class^="danceWord"]{
  word-break:break-all;
  white-space:pre-wrap;
}
[class^="danceWord"] span{
  display:inline-block;
  opacity:0;
  white-space:pre-wrap;
}
.md1-title{font-size: 60px;}
/*方框对边角*/
.md1-tong {
  display: inline-block;
  position:relative;
  padding: 30px;
  line-height: 100px
}
.md1-tong span {
  position: absolute;
  background-color: #d41f28;
  display: block;
  transition: all 200ms;
}
.md1-tong .line1,
.md1-tong .line3 {
  height: 2px;
  width: 20px;
}
.md1-tong .line2,
.md1-tong .line4 {
  height: 20px;
  width: 2px;
}
.md1-tong .line1,
.md1-tong .line4 {
  top: 0;
  left: 0;
}
.md1-tong .line3,
.md1-tong .line2 {
  bottom: 0;
  right: 0;
}
.md1-tong em{font-size:100px;font-weight: bold;}
/*方框对边角-End*/
.md1 ul{width:100%;height:570px;background:url("../images/growth/md1.jpg") no-repeat;background-size: contain;position:relative;}
.md1 ul li{ position:absolute;left:600px;font-size:16px;}
.md1 ul li:nth-child(1){top:42px;}
.md1 ul li:nth-child(2){top:177px;}
.md1 ul li:nth-child(3){top:308px;}
.md1 ul li:nth-child(4){top:444px;}

.md2-bg{height:348px;background: url("../images/growth/md2-bg.jpg") no-repeat;background-size:contain;position:relative;}
.md2-txt1 {color:#fff;font-size: 18px; line-height:30px;position:absolute;top:104px;left:300px;letter-spacing: 3px;}
.md2-txt1 i{font-style: normal;font-size: 48px;line-height:70px;}
.md2-txt2 {
  position:absolute;
  top:108px;
  left:637px;
  padding: 0 30px;
}
.md2-txt2 span {
  position: absolute;
  background-color: #ff983d;
  display: block;
  transition: all 200ms;
}
.md2-txt2 .line1,
.md2-txt2 .line3 {
  height: 2px;
  width: 20px;
}
.md2-txt2 .line2,
.md2-txt2 .line4 {
  height: 20px;
  width: 2px;
}
.md2-txt2 .line1,
.md2-txt2 .line4 {
  top: 0;
  left: 0;
}
.md2-txt2 .line3,
.md2-txt2 .line2 {
  bottom: 0;
  right: 0;
}
.md2-txt2 em{font-size:90px;font-weight: bold;color:#ff983d;}

.md3{width:970px;position:relative;margin:0 auto;}
.md3-line{width:280px;height:160px;margin:0 auto;border:1px solid #d41f28;}
.md3-title{width:100%;background-color:#f8f2f2;position:absolute;top:111px;line-height:25px;}
.md3 ul{display: flex;justify-content: space-between;width:100%;margin:110px 0 60px;}
.md3 ul li{width:240px;height:220px;border:1px solid #535353;padding: 60px 40px 0;position:relative;line-height:18px;}
.md3 ul li span{display: block;position:absolute;top:-43px;left:50%;margin-left: -43px;width:86px;height:86px;border-radius: 100%;background-color:#f8f2f2;border:1px solid #535353;padding-top: 16px;}
.md3-hover{position:absolute;top:16px;left:16px;display: none;}
.md3-goods{width:921px;height:400px;position:relative;margin:0 auto; }
.md3-goods dl{width:320px;height:320px;border-radius:100%;text-align: center;background-color: #fcbc85;position:absolute;top:80px;padding-top:58px;}
.md3-goods dl:nth-child(1){left:0px;}
.md3-goods dl:nth-child(2){left:300px;}
.md3-goods dl:nth-child(3){left:600px;}
.md3-goods dl dt{font-size:30px;line-height:130px;}
.md3-goods dl dd{font-size:16px;}

.md4{position:relative;}
.md4 .md4-cons{position:absolute;top:0;left:0;width:100%;height:auto;}
.md4-title{color:#fff;margin-top:100px;font-size:50px;}
.md4-b1{position:absolute;top:270px;left:200px;font-size:30px;color:#ff983d;}
.md4-b2{position:absolute;top:860px;left:200px;font-size:30px;color:#ff983d;}
.md4-cons ul{display: flex;justify-content:space-between;width:891px;margin:314px auto 0;}
.md4-cons ul li{width:276px;color:#fff;line-height:18px;}
.md4-cons ul li .md4-ren{position:relative;width:232px;height:109px;border:2px solid #ff983d;color:#ff983d;margin:0 auto;}
.md4-cons ul li .md4-ren img{position: absolute;top:-80px;left:50%;margin-left:-80px;}
.md4-cons ul li .md4-ren span{display: block;width:92px;background-color:#130f0f;margin:96px 0 0 71px;font-size:24px;}
.md4-cons ul li .md4-ren small{display: inline-block;padding:10px 0;letter-spacing:2px;}
.md4-cons ul li .md4-intro{color:#fff;line-height:20px;margin-top:60px;text-indent: 2em;}
.md4-intro1{color:#fff;line-height:20px;position:relative;padding-left: 16px;}
.md4-intro1:after{
    content:'';
    position:absolute;
    top:9px;
    left:-3px;
    width:6px;
    height:6px;
    border-radius:100%;
    background-color:#ff983d;
}

.md5{width:970px;position:relative;margin:0 auto;}
.md5 ul{display: flex;justify-content:space-around;width:800px;margin:70px auto 0;}
.md5 ul li{width:270px;text-align:center;}
.md5 ul li em{font-weight:bold;font-size:24px;line-height:65px;letter-spacing:1px;}
.md5 ul li i{display: inline-block;width:30px;height:1px;border-top:1px solid #535353;margin:20px 2px;}
.md5-books{width:100%;padding:33px 15px;position:relative;border:1px solid #535353;border-radius:20px;margin-top:34px;}
.md5-books span{display: block;padding:5px 10px;background-color:#f8f2f2;color:#d52a28;letter-spacing:1px;position:absolute;top:-16px;left:71px;font-size:16px;font-weight:bold;}

.md6{width:100%;height:966px;background:url("../images/growth/md6.jpg");padding-top: 100px;}
.md6-title{width:272px;height:97px;margin:0 auto;font-size:48px;color:#fff;line-height:97px;}
.md6 ol{display: flex;justify-content:space-around;margin-top:60px;}
.md6 ol li{width:260px;color:#fff;text-align:center;}
.md6 ol li img{margin-bottom: 20px;}
.md6 ol li b{color:#ff983d;font-size:18px;line-height:37px;}
.md6 ol li .md6-con{position:relative;width:219px;height:364px;padding:30px 20px 0;border:1px solid #ff983d;border-radius:20px;margin:40px auto 0;text-align:left;text-indent:2em;line-height:23px;}
.md6-con small{display:block;width:8px;height:1px;border-top:1px solid #fff;position:absolute;top:19px;left:50%;margin-left:-4px;}
.md6-con i{position:absolute;top:-1px;left:102px;display: block;width:15px;height:1px;border-top:1px solid #252424;}
.md6-con:after{
    content: '';
    position:absolute;
    top:-7px;
    left:104px;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-top: 1px solid #ff983d;
    border-right: 1px solid #ff983d;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}


/*danceword*/
.danceWord-s3 .ele{
    -webkit-animation:a3 .5s ease-out forwards;
    -ms-animation:a3 .5s ease-out forwards;
    -moz-animation:a3 .5s ease-out forwards;
    -o-animation:a3 .5s ease-out forwards;
    animation:a3 .5s ease-out forwards;
  }
@keyframes a3{
    0%{
      opacity:1;
      -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -o-transform:rotate(135deg);
      transform:rotate(135deg);
    }
    100%{
      opacity:1;
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
  }
  @-webkit-keyframes a3{
    0%{
      opacity:1;
      -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -o-transform:rotate(135deg);
      transform:rotate(135deg);
    }
    100%{
      opacity:1;
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
  }
  @-ms-keyframes a3{
    0%{
      opacity:1;
      -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -o-transform:rotate(135deg);
      transform:rotate(135deg);
    }
    100%{
      opacity:1;
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
  }
  @-moz-keyframes a3{
    0%{
      opacity:1;
      -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -o-transform:rotate(135deg);
      transform:rotate(135deg);
    }
    100%{
      opacity:1;
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
  }
  @-o-keyframes a3{
    0%{
      opacity:1;
      -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -o-transform:rotate(135deg);
      transform:rotate(135deg);
    }
    100%{
      opacity:1;
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -o-transform:rotate(0deg);
      transform:rotate(0deg);
    }
  }