/*
* @Author: ChunLai
* @Date:   2018-05-18 09:00:00
* @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{padding:70px 0 30px;position:relative;}
.md1 p{font-size: 50px;text-align: center;}
.md1 ul{width:100%;position: absolute;top:100px;left:0;}
.md1 ul li{position:absolute;padding:6px 10px;}
.md1 ul li i{position:absolute;top:-2px;left:-40px;font-style: normal;color:#d41f28;font-size:30px;}
.md1 ul li:nth-child(1){top:60px;left:173px;}
.md1 ul li:nth-child(2){top:224px;left:173px;}
.md1 ul li:nth-child(3){top:403px;left:173px;}
.md1 ul li:nth-child(4){top:45px;right:156px;text-align:right;}
.md1 ul li:nth-child(5){top:211px;right:156px;text-align:right;}
.md1 ul li:nth-child(6){top:390px;right:156px;text-align:right;}

.md2{padding:70px 0;background-color: #fff;}
.md2-p1{font-size: 48px;}
.md2-p2{display: block;width:921px;height:2px;margin:40px auto;background-color:#333232;position:relative;}
.md2-p2 i{width:260px;font-size:16px;position:absolute;top:-10px;left:0;right:0;margin:auto;text-align:center;background-color:#fff;font-style:normal;z-index: 10;}
.danceWord-s2{font-size:18px;color: #d41f28;text-align:center;}

/*Button-Animation*/
.md-title {
  width:560px;
  position:relative;
  top:80px;
  left:0;
  right:0;
  margin:auto;
}
.md-title span {
  text-align: center;
  font-size:48px;
  display: block;
  padding: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.md-title.myout .corners {
  position: absolute;
  width: 100%;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.md-title.myout .corners:before, .md-title.myout .corners:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-color:#ffd311;
  border-style: solid;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.md-title.myout .corners.top:before {
  border-width: 2px 0 0 2px;
}
.md-title.myout .corners.top:after {
  border-width: 2px 2px 0 0;
}
.md-title.myout .corners.bottom:before {
  border-width: 0 0 2px 2px;
}
.md-title.myout .corners.bottom:after {
  border-width: 0 2px 2px 0;
}
.md-title.myout .corners:before {
  left: 0;
}
.md-title.myout .corners:after {
  right: 0;
}
.md-title.myout .corners.top {
  top: 0;
}
.md-title.myout .corners.bottom {
  bottom: 30px;
}
.md-title.myout:hover .corners:before {
  left: 30px;
}
.md-title.myout:hover .corners:after {
  right: 30px;
}
.md-title.myout:hover .corners.top {
  top: 20px;
}
.md-title.myout:hover .corners.bottom {
  bottom: 40px;
}
.md-title.red span {
  color:#333;
}
.md-title.red .corners:after, .md-title.red .corners:before {
  border-color: #dd483f;
}
/*Button-Animation-End*/
.md2 ul{margin-top: 160px;display: flex;justify-content: space-around;}
.md2 ul li{width:211px;height:238px;background-color:#f8f2f2;-webkit-box-shadow: #666 0px 0px 10px;
   -moz-box-shadow: #666 0px 0px 10px;
   box-shadow: #666 0px 0px 10px;border-radius: 20px;padding-top: 50px;position:relative;}
.md2 ul li p{text-align:center;font-size:30px;line-height: 67px;}
.md2 ul li div{position:absolute;top:0;left:0;width:211px;height:238px;border-radius: 20px;padding: 50px 46px;background-color:rgba(214,42,50,.9);color:#fff;font-size:16px;line-height:26px;display: none;overflow: hidden;}
.md2 ul li:hover div.md2-cons{
    display: block;
    -webkit-animation: fadeInLeftBig 1s 1;
    animation: fadeInLeftBig 1s 1;
}


.md3{padding: 70px 55px;}
.md3-title{width:530px;padding-left: 20px;height:125px;position:relative;}
.md3-title span{display: inline-block;}
.md3-sp1{width:190px;font-size:36px;text-align:right;}
.md3-sp2{width:3px;height:100px;background-color:#d41f28;margin:0 15px;}
.md3-sp3{ font-size:80px;color:#898585;position:absolute;top:22px;right:0;}
.md3-u1 {display: flex;justify-content:space-around;margin-top:60px;}
.md3-u1 li{width:250px;}
.md3-u1 li span{display: block;width:190px;height:190px;border-radius:100%;background-color:#f4984f;line-height:190px;color:#fff;font-size:30px;margin:0 auto 30px;text-align:center;}
.md3-u1 li p{font-size: 16px;line-height: 20px;}
.md3 hr{margin:50px 0;}
.md3-title_2{width:100%;height:125px;position:relative;}
.md3-title_2 span{display: inline-block;}
.md3-sp1_2{width:150px;font-size:36px;position:absolute;top:2px;right:47px;}
.md3-sp2_2{width:3px;height:100px;background-color:#d41f28;position:absolute;top:17px;right:217px;}
.md3-sp3_2{ font-size:80px;color:#898585;position:absolute;top:22px;right:242px;}
.md3 ol{display: flex;justify-content:space-around;width:930px;margin:60px auto;}
.md3 ol li{width:258px;height:331px;border:1px solid #7d7979;padding:33px 36px;}
.md3 ol li div{width:124px;height:124px;border-radius:100%;background-color:#434343;padding-top:24px;margin:0 auto;}
.md3 ol li .md3-p1{font-size:24px;line-height:60px;}
.md3 ol li .md3-p2{font-size:14px;line-height:24px;}

.md4{background-color:#fff;}
.md4 ul{display: flex;justify-content:space-around;border:1px solid #7d7979;border-radius:20px;height:340px;padding-top:44px;position:relative;margin-top:60px;}
.md4 ul li{width:548px;text-align:center;}
.md4 ul li p{font-size:18px;line-height:57px;}
.md4 ul li.md4-li{position:absolute;top:-20px;left:50%;margin-left:-70px;width:140px;height:40px;line-height:40px;background-color:#fff;color:#d41f28;font-size:24px;}

/*danceword*/
.danceWord-s2 .ele{
    -webkit-animation:a2 .5s ease-out forwards;
    -ms-animation:a2 .5s ease-out forwards;
    -moz-animation:a2 .5s ease-out forwards;
    -o-animation:a2 .5s ease-out forwards;
    animation:a2 .5s ease-out forwards;
  }
@keyframes a2{
    0%{
      opacity:1;
      -webkit-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
      -moz-transform:translate(-25px,0);
      -o-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
    }
    100%{
      opacity:1;
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -moz-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0);
    }
  }
  @-webkit-keyframes a2{
    0%{
      opacity:1;
      -webkit-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
      -moz-transform:translate(-25px,0);
      -o-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
    }
    100%{
      opacity:1;
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -moz-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0);
    }
  }
  @-ms-keyframes a2{
    0%{
      opacity:1;
      -webkit-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
      -moz-transform:translate(-25px,0);
      -o-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
    }
    100%{
      opacity:1;
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -moz-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0);
    }
  }
  @-moz-keyframes a2{
    0%{
      opacity:1;
      -webkit-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
      -moz-transform:translate(-25px,0);
      -o-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
    }
    100%{
      opacity:1;
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -moz-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0);
    }
  }
  @-o-keyframes a2{
    0%{
      opacity:1;
      -webkit-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
      -moz-transform:translate(-25px,0);
      -o-transform:translate(-25px,0);
      -ms-transform:translate(-25px,0);
    }
    100%{
      opacity:1;
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -moz-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0);
    }
  }

/*Animations*/
.myflash {
    -webkit-animation:myflash 1s 1;
    animation:myflash 1s 1;
}
@-webkit-keyframes myflash {
    0%,50%,to {
    opacity:1;
}
25%,75% {
    opacity:0;
}
}
@keyframes myflash {
    0%,50%,to {
    opacity:1;
}
25%,75% {
    opacity:0;
}
}
.myshake {
    -webkit-animation:myshake 1s 1;
    animation:myshake 1s 1;
}
@-webkit-keyframes myshake {
    0%,to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
}
20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0);
}
}
@keyframes myshake {
    0%,to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0);
}
20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0);
}
}

@-webkit-keyframes fadeInLeftBig {
    0% {
    opacity:0;
    -webkit-transform:translate3d(-200px,0,0);
    transform:translate3d(-200px,0,0);
}
to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
}
}
@keyframes fadeInLeftBig {
    0% {
    opacity:0;
    -webkit-transform:translate3d(-200px,0,0);
    transform:translate3d(-200px,0,0);
}
to {
    opacity:1;
    -webkit-transform:none;
    transform:none;
}