@charset "utf-8";
.box{background-repeat: no-repeat;background-position: top center;background-size: cover;width: 100%;position: relative;overflow: hidden;}
img.full{width: 100%;}
/*indexbanner*/
.titleLabel{font-size: 42px;line-height: 140%;color: #182033;}
.titleLabel.ff{color: #fff}
/* banner */
  .indexBanner{position: relative; }
  .indexBanner .bd ul li{position: relative;height:915px;background-position: center;background-size: cover;text-align: center;}
  .indexBanner .hd{text-align: center;position: absolute;width: 100%;bottom: 50px;height: 3px;}
    .indexBanner .hd ul{text-align: center;}
      .indexBanner .hd ul li{display: inline-block;text-indent:-9999px;display: inline-block;width: 45px;height: 2px;background-color:rgba(255,255,255,0.3);margin:0 5px;cursor: pointer;}
      .indexBanner .hd ul li.on{height: 2px;background-color: #fff;}
    .indexBanner .container .pic{padding: 0 0 100px;color: #fff}
      .indexBanner .container .pic h3{font-size:54px;font-weight:normal;color:#f7c51d;margin-bottom: 10px;}
      .indexBanner .container .pic h4{margin-bottom: 20px}
      .indexBanner .container .pic .moreBtn,.moreBtnBg{display: inline-block;width: 208px;line-height: 56px;height: 56px;color:#fff;font-size: 16px;background:url(../images/3icon01.png) no-repeat center;}
      .indexBanner .container .pic .moreBtn .icon,.moreBtnBg .icon{display: inline-block;width: 208px;line-height: 56px;background-image: url(../images/0icon01.png);width: 37px;height: 15px;position: relative;vertical-align: middle;margin-left: 15px;}
      .indexBanner .container .pic .moreBtn{margin-top: 80px; }
      .indexBanner .container .pic .moreBtn:hover,.moreBtnBg:hover{padding-left: 20px;}
      .indexBanner .container .pic a{color: #fff;line-height: 22px;font-size: 15px;}
      .indexBanner .show{ visibility:hidden;}
      .indexBanner .show1,.indexItem .show1{ visibility:visible; -webkit-animation:fadeInRight 1s .2s both; -o-animation:fadeInRight 1s .2s both; animation:fadeInRight 1s .2s both;}
      .indexBanner .show2,.indexItem .show2{ visibility:visible; -webkit-animation:fadeInRight 1s .4s both; -o-animation:fadeInRight 1s .4s both; animation:fadeInRight 1s .4s both;}
      .indexBanner .show3,.indexItem .show3{ visibility:visible; -webkit-animation:fadeInRight 1s .6s both; -o-animation:fadeInRight 1s .6s both; animation:fadeInRight 1s .6s both;}
       @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
      @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
      }

      .indexItem{position: relative;overflow: hidden;}
       .indexItem .show{ visibility:hidden;}
      .indexItem img{max-width: 100%;}
      .indexPic{position: absolute;width: 100%;height: 100%;top:0;left: 0}
      .indexPic .mb1{margin-bottom: 25px}
      .indexPic .mb2{margin-bottom: 42px}
      .tr{text-align: right;}
       .indexBanner .show1,.indexItem .show1{ visibility:visible; -webkit-animation:fadeInRight 1s .2s both; -o-animation:fadeInRight 1s .2s both; animation:fadeInRight 1s .2s both;}
      .indexBanner .show2,.indexItem .show2{ visibility:visible; -webkit-animation:fadeInRight 1s .4s both; -o-animation:fadeInRight 1s .4s both; animation:fadeInRight 1s .4s both;}
      .indexBanner .show3,.indexItem .show3{ visibility:visible; -webkit-animation:fadeInRight 1s .6s both; -o-animation:fadeInRight 1s .6s both; animation:fadeInRight 1s .6s both;}
       @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
      @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
      }

      @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
      .indexItem .show1L{ visibility:visible; -webkit-animation:fadeInLeft 1s .2s both; -o-animation:fadeInLeft 1s .2s both; animation:fadeInLeft 1s .2s both;}
      .indexItem .show2L{ visibility:visible; -webkit-animation:fadeInLeft 1s .4s both; -o-animation:fadeInLeft 1s .4s both; animation:fadeInLeft 1s .4s both;}
      .indexItem .show3L{ visibility:visible; -webkit-animation:fadeInLeft 1s .6s both; -o-animation:fadeInLeft 1s .6s both; animation:fadeInLeft 1s .6s both;}
      
      .indexItem .container{position: relative;}
      .indexItem .desc{position: relative;z-index: 8}
      .indexItem .bg{position: absolute;position: absolute;width: 100%;height: 100%;background: url(../images/2.00.png) no-repeat  center top;left: -0px;right: -30px;background-size: 100%;top:-110px;opacity: 0.8;height: 317px}

    .netitleLabel{text-align:center;font-size: 18px;}
       .netitleLabel .title{text-align:center;font-size: 40px;margin-bottom: 10px}
       .fcf{color: #fff}

/*    indexChoose   */
  .indexChoose{padding: 70px 0 115px;}
    .indexChoose ul li{padding: 0 0 60px;position: relative;}
      .indexChoose ul li .line{width: 1px;height: 100%;background-color: #e5e5e5;left: 0;right: 0;margin: auto;z-index: 8;position: absolute;top:30px;}
      .indexChoose ul li:last-child .line{display: none}
      .indexChoose ul li .icon{width: 60px;height: 60px;border-radius: 50%;position: absolute;z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,0.08);left: 0;right: 0;margin: auto;top:25px;}
      .indexChoose ul li .wordDiv{position: relative;z-index: 9;width:441px;overflow: hidden;font-size: 16px}
        .indexChoose ul li .num{font-size: 110px;color: #ececec;font-weight: bold;}
        .indexChoose ul li .h3{font-size: 30px;color: #182033;margin-top: -45px;}
        .indexChoose ul li .label{min-width: 105px;line-height: 32px;background-color: #d6e9ff;color: #182033;font-size: 18px;text-align: center;display: inline-block;padding: 0 15px;margin: 10px 0 15px}
      .indexChoose ul li .picCon{position: relative;z-index: 9}
        .indexChoose ul li .picture{position: relative;z-index: 9;width:441px;height: 258px;overflow: hidden; }
        .indexChoose ul li .bg{position: absolute;z-index:7;width: 100%;height: 100%;background-color: #f4f9ff;right: -60px;bottom:-22px;}
        .indexChoose ul li:nth-child(2n) .wordDiv{float: left;text-align: right;right: -60px}
        .indexChoose ul li:nth-child(2n) .picCon{float: right;}
/*  index5G  */
  .index5G{background: url(../images/0indexbg001.jpg) no-repeat center;background-size: cover;padding: 60px 0 67px;height: 630px;position: relative;}
       .index5G .netitleLabel{margin-bottom: 40px;position: relative;z-index: 8}
       .index5G .index5GCon ul{position: relative;z-index: 8}
       .index5G .index5GCon li{width: 50%;height:75px;margin-bottom:50px }
       .index5G .index5GCon li .pic{width: 400px;position: relative;}
       .index5G .index5GCon li:nth-child(2n+1) .pic{padding-right: 105px;text-align: right;}
       .index5G .index5GCon li:nth-child(2n)  .pic{float: right;padding-left: 105px}
       .index5G .index5GCon ins{display: inline-block;position: absolute;top:-5px;}
       .index5G .index5GCon li:nth-child(2n+1) ins{right: 0}
       .index5G .index5GCon li:nth-child(2n) ins{left: 0}
       .index5G .index5GCon .desc{display: inline-block;color: #d9d9d9}
       .index5G .index5GCon .desc .h3{font-size: 24px;margin: 8px 0 5px;color: #fff;}

/*       indexGuanqian*/
 .indexGuanqian{background-size: cover;padding: 60px 0 67px;position: relative;}
    .indexGuanqian .netitleLabel{margin-bottom: 75px}
    .indexGuanqian .container{position: relative;}
    .indexGuanqian .indexGuanqianCon{position: relative;height: 491px;}
    .indexGuanqian .indexGuanqianCon ul li{width: 50%;text-align: center;margin-bottom: 55px}
    .indexGuanqian .indexGuanqianCon ul li.list1{padding-right: 10%}
    .indexGuanqian .indexGuanqianCon ul li.list2{padding-left: 10%}
    .indexGuanqian .indexGuanqianCon ul li.list3{padding-right: 46%}
    .indexGuanqian .indexGuanqianCon ul li.list4{padding-left:26%}
      .indexGuanqian .indexGuanqianCon ul li .pic{width: 225px;text-align: center;display: inline-block;}
      .indexGuanqian .indexGuanqianCon ul li .pic h3{color: #182033;font-weight: normal;font-size: 24px;margin: 10px 0 5px}
      .indexGuanqian .indexGuanqianCon ul li .pic p{color: #666973;}
       .indexGuanqian .imgDiv{position: absolute;width: 485px;height: 485px;top:-30px;left: 0;right: 0;margin: auto;justify-content: center;display: flex;align-items: center;}
       .indexGuanqian .imgDiv .icon2{position: absolute;bottom:0 ;top:0;left: 0;right: 0;margin: auto;width: 338px;height: 338px;}
/*  indexCase     */
    .indexCase{background: url(../images/0indexbg02.jpg) no-repeat center;background-size: cover;padding: 60px 0 67px;}
        .indexCase .netitleLabel{margin-bottom: 40px}
         .indexCase .caseList{margin:0 0 -30px -30px;}
          .indexCase .caseList li{position: relative;width:33.333333%;padding:0 0 30px 30px;float: left;}
             .indexCase .caseList li .pic{overflow: hidden;display: block;position: relative;}
             .indexCase .caseList li .desc{line-height: 60px;text-align: center;background-color: rgba(0,0,0,0.68);color: #fff;font-size: 17px;position: absolute;left: 0;bottom: 0;width: 100%;}
      .moreBtnGo{display:block;width: 165px;line-height: 49px;height: 49px;color:#fff;font-size: 16px;background:url(../images/3icon01.png) no-repeat center;text-align: center;margin: 45px auto 0}
      .moreBtnBg:hover{transform: translateY(-10px);}
         
/*index_advantage*/
.indexAdvatage{background-color: #fff;}
  .indexAdvatage header{padding:90px 0 60px;text-align: center;font-size:45px;color: #182033;}
  .indexAdvatage .container{position: relative;padding-bottom:285px}
    .indexAdvatage .advatageList{width: 850px}
    .indexAdvatage .inAdvanCon{position: relative;z-index: 8}
    .indexAdvatage .inAdvanCon li{text-align: center;width: 330px;height: 180px;line-height: 150%;display: inline-block;}
    .indexAdvatage .inAdvanCon li:first-child{margin-left: 235px}
    .indexAdvatage .inAdvanCon li:nth-child(2){margin-right: 235px}
    .indexAdvatage .inAdvanCon li:nth-child(even){float: right;}
      .indexAdvatage .inAdvanCon li .icon{display: inline-block;;width:59px;height: 59px;position: relative;}
      .indexAdvatage .inAdvanCon li:first-child .icon{background-image: url(../images/1icon02.png);}
      .indexAdvatage .inAdvanCon li:nth-child(2) .icon{background-image: url(../images/1icon05.png);}
      .indexAdvatage .inAdvanCon li:nth-child(3) .icon{background-image: url(../images/1icon06.png);}
      .indexAdvatage .inAdvanCon li:nth-child(4) .icon{background-image: url(../images/1icon07.png);}
      .indexAdvatage .inAdvanCon li h3 {font-size: 22px;color: #182033;font-weight: normal;margin:18px auto 10px;}
      .indexAdvatage  .imgDiv{width:229px;height: 387px;position: absolute;bottom:90px;margin:auto;left: 0;right: 0;z-index: 7}
      .indexAdvatage  .imgDiv .icon{width:229px;height: 387px;background-image: url(../images/1icon01.png);position:relative;z-index: 8}
      .indexAdvatage  .imgDiv .cicle{width:464px;height:464px;position: absolute;z-index: 7;border: 3px solid #f8fbfd;-webkit-border-radius: 50%;right: 0;margin:auto;top:-120px;left:-120px;}
      .indexAdvatage  .imgDiv .ciIn{position: absolute;border: 3px solid #f8fbfd;-webkit-border-radius: 50%;border-radius: 50%;right: 0;margin:auto;top:0;left:0;bottom: 0;margin:auto;}
      .indexAdvatage  .imgDiv .cicle1{width:388px;height:388px;}
      .indexAdvatage  .imgDiv .cicle2{width:313px;height:313px;}
      .indexAdvatage  .imgDiv .cicle3{width:239px;height:239px;}
    .indexAdvatage .cic{-webkit-animation:rotatescale 6s linear infinite;-o-animation:rotatescale 6s linear infinite;animation:rotatescale 6s linear infinite;}
       
    @-webkit-keyframes rotatescale{
      0%{-webkit-transform:rotateZ(0) scale(1,1);opacity:1}
      25%{-webkit-transform:scale(1.2,1.2);opacity:.55}
      50%{-webkit-transform: scale(1.3,1.3);opacity:.25}
      75%{-webkit-transform:scale(1.4,1.4);opacity:.15}
      100%{-webkit-transform:scale(1.5,1.5);opacity:0}
    }
    @-o-keyframes rotatescale{
      0%{-webkit-transform:rotateZ(0) scale(1,1);opacity:1}
      25%{-webkit-transform:scale(1.2,1.2);opacity:.55}
      50%{-webkit-transform: scale(1.3,1.3);opacity:.25}
      75%{-webkit-transform:scale(1.4,1.4);opacity:.15}
      100%{-webkit-transform:scale(1.5,1.5);opacity:0}

    }
    @-moz-keyframes rotatescale{
      0%{-webkit-transform:rotateZ(0) scale(1,1);opacity:1}
      25%{-webkit-transform:scale(1.2,1.2);opacity:.55}
      50%{-webkit-transform: scale(1.3,1.3);opacity:.25}
      75%{-webkit-transform:scale(1.4,1.4);opacity:.15}
      100%{-webkit-transform:scale(1.5,1.5);opacity:0}
    }
    @keyframes rotatescale{
      0%{-webkit-transform:rotateZ(0) scale(1,1);opacity:1}
      25%{-webkit-transform:scale(1.2,1.2);opacity:.55}
      50%{-webkit-transform: scale(1.3,1.3);opacity:.25}
      75%{-webkit-transform:scale(1.4,1.4);opacity:.15}
      100%{-webkit-transform:scale(1.5,1.5);opacity:0}
      }


    @-webkit-keyframes fadeOut1{
      0%{opacity:1}
      50%{opacity:0.25}
      100%{opacity:1}
    }
    @keyframes fadeOut1{
      0%{opacity:1}
      50%{opacity:0.25}
      100%{opacity:1}
    }



/*indexWifi*/
.indexWifi{height: 850px;background-image: url(../images/1bg01.jpg);box-sizing: cover;padding-top: 85px;}
  .indexWifi .wordDiv{width: 490px;color: #b9baba;line-height: 28px;padding-top: 76px;font-size: 16px;padding-top: 145px;}
      .indexWifi .wordDiv .pic{padding-top: 36px}
      .indexWifi .wordDiv dl{padding-top: 35px;line-height: 46px;color: #fff;font-size: 18px;}
    .indexWifi .imgDiv{width: 676px;height: 539px;position: relative;}
      .indexWifi .imgCtrl{position: absolute;left: 0;top:0;}
      .indexWifi .img07{left: -85px;}
      .indexWifi .img05{animation: rotateb 5s linear infinite;left: 200px;top:105px;}
        @-webkit-keyframes rotate{
          from{-webkit-transform:rotate(0);}
          to{-webkit-transform:rotate(-360deg);}
        }
        @-o-keyframes rotate{
          from{-o-transform:rotate(0);}
          to{-o-transform:rotate(-360deg);}
        }
        @-moz-keyframes rotate{
          from{-moz-transform:rotate(0);}
          to{-moz-transform:rotate(-360deg);}
        }
        @keyframes rotate{
          from{transform:rotate(0);}
          to{transform:rotate(-360deg);}

        }

        @-webkit-keyframes rotateb {
          0%{-webkit-transform:rotate(0);}
          100%{-webkit-transform:rotate(360deg);}
        }
        @-o-keyframes rotateb {
          0%{-o-transform:rotate(0);}
          100%{-o-transform:rotate(360deg);}
        }
        @-moz-keyframes rotateb {
          0%{-moz-transform:rotate(0);}
          100%{-moz-transform:rotate(360deg);}
        }
        @keyframes rotateb {
          0%{transform:rotate(0);}
          100%{transform:rotate(360deg);}
        }

      .indexWifi .img07{-webkit-animation:p1_lantern .5s infinite alternate; -moz-animation:p1_lantern .5s infinite alternate;-ms-animation:p1_lantern .5s infinite alternate;-o-animation:p1_lantern .5s infinite alternate; }
             @-webkit-keyframes p1_lantern{ 0%{opacity:.5 ;-webkit-transform:scale(.98, .98);transform:scale(.98, .98);}100%{opacity:1;}} 
                @keyframes p1_lantern{ 0%{opacity:.5 ;-webkit-transform:scale(.98, .98);transform:scale(.98, .98);}100%{opacity:1;}} 
         
/*indexletter*/
.indexletter{background-image: url(../images/1bg02.jpg);height:850px;position: relative;z-index: 8;background-size: cover;}
    .indexletter header{padding:130px 0 40px;text-align: center;}

/*indexGuaran */
.indexGuaran{background-image: url(../images/1bg03.jpg);height:850px;}
  .indexGuaran .container{position: relative;}
  .indexGuaran .wordDiv{color: #fff;padding-top: 260px;}
    .indexGuaran .wordDiv dl{padding-top: 60px;}
    .indexGuaran .wordDiv dl dd{font-size: 18px;margin-bottom: 15px;}
  .indexGuaran h3{color: #202020;font-size: 24px;margin-bottom: 10px}
    .indexGuaran .imgDiv{width: 718px;height: 718px;position: absolute;top:90px;right:-37px;}
    .indexGuaran .imgDiv .imgCtrl{position: absolute;top:0;right: 0}
    .indexGuaran .imgDiv .img1{right: -165px;opacity: 0.8}
    .indexGuaran .imgDiv .img2{opacity: 0.8}
    .indexGuaran .imgDiv .img4{top:24%;right: 22%;margin:-12px -1px 0 0; }
    .indexGuaran.active .imgDiv .img4{-webkit-animation:rotateY .5s ; -moz-animation:rotateY .5s  ;-ms-animation:rotateY .5s  ;-o-animation:rotateY .5s ;}
      @-webkit-keyframes rotateY {
        0%{-webkit-transform:rotate(0);}
        100%{-webkit-transform:rotate(270deg);}
      }
      @-o-keyframes rotateY {
        0%{-o-transform:rotate(0);}
        100%{-o-transform:rotate(270deg);}
      }
      @-moz-keyframes rotateY {
        0%{-moz-transform:rotate(0);}
        100%{-moz-transform:rotate(270deg);}
      }

      @keyframes rotateY {
        0%{transform:rotate(0);}
        100%{transform:rotate(270deg);}
      }
/*indexGuaran */
.indexEquip{background-image: url(../images/1bg04.jpg);height:850px;}   
    .indexEquip header{padding:130px 0 80px;text-align: center;}
    .indexEquipCon ul{margin:0 0 0 -30px;}
      .indexEquipCon ul li{position: relative;width: 25%;padding:0 0 0 30px;float: left;}
      .indexEquipCon ul li .pic{position: relative;padding:50px 0 10px;}
      .indexEquipCon ul li ins{position: absolute;width: 99px;height: 99px;top:-0px;left: 0;right: 0;margin:auto;z-index: 8}
      .indexEquipCon ul li:nth-child(1) ins{background-image: url(../images/1icon22.png);}
      .indexEquipCon ul li:nth-child(2) ins{background-image: url(../images/1icon23.png);}
      .indexEquipCon ul li:nth-child(3) ins{background-image: url(../images/1icon24.png);}
      .indexEquipCon ul li:nth-child(4) ins{background-image: url(../images/1icon25.png);}
        .indexEquipCon ul li .con{padding:70px 30px 0;overflow: hidden;height: 228px;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.04);background-color: #fff;font-size: 17px;text-align: center;line-height: 160%}
          .indexEquipCon ul li .num{position: absolute;bottom: -0px;font-size: 60px;color: #f3f4f5;font-family: Arial;text-align: center;left: 0;right: 0;margin: auto}

/*.indexCor*/
    .indexCor{background-image: url(../images/1bg05.jpg);height:520px;position: relative;z-index: 99}   
      .indexCor header{padding:85px 0 60px;text-align: center;}
        .indexCor header .ctrl{font-size: 17px;margin-top: 5px;}
      .indexCor .indexCorCon{text-align: center;}
    .indexCor .indexCorCon ul li{position: relative;width:33.33%;text-align: center;color: #fff;font-size: 18px;cursor: pointer;}
    .indexCor .indexCorCon ul li h3{font-weight: normal;font-size: 18px;margin:22px 0 15px;height: 25px;line-height: 25px;}
        .indexCor .indexCorCon ul li ins{width: 100%;height: 52px;margin:auto;z-index: 8;width: 100%;background-repeat: no-repeat;background-position: center;display: block;}
        .indexCor .indexCorCon ul li:nth-child(1) ins{background-image: url(../images/1icon26.png);}
        .indexCor .indexCorCon ul li:nth-child(2) ins{background-image: url(../images/1icon27.png);}
        .indexCor .indexCorCon ul li:nth-child(3) ins{background-image: url(../images/1icon28.png);}
        .indexCor .indexCorCon ul li .con{display: inline-block;position: relative;}
        .indexCor .indexCorCon ul li .con .erweimaCtrl{position: absolute;top:;width: 100px;height: 100px;left: -10px;display:none;top:0;}
        .indexCor .indexCorCon ul li .con:hover .erweimaCtrl{display: block;}
    

  .indexAbout{padding: 65px 0; }
    .indexAbout  .netitleLabel{margin-bottom: 40px}
  .indexAbout .imgDiv{width: 610px;height: 530px;overflow: hidden;}
   .indexAbout .imgDiv a{display: block;}
   .indexAbout .imgDiv img{display: block;}
  .indexAbout .wordDiv{width: 551px;font-size: 18px;}
  .indexAbout .wordDiv p{font-size: 18px;line-height: 30px}
   .indexAbout .wordDiv .moreBtnGo{margin: 60px 0 0;}
@media (max-width:1680px){
}

@media (max-width:1450px){
 .indexBanner .bd ul li{height: 768px}
   .indexBanner .container .pic{padding:0;}

}

@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
/* @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
*/ .indexBanner .show1L{ visibility:visible; -webkit-animation:fadeInLeft 1s .2s both; -o-animation:fadeInLeft 1s .2s both; animation:fadeInLeft 1s .2s both;}
.indexBanner .show2L{ visibility:visible; -webkit-animation:fadeInLeft 1s .4s both; -o-animation:fadeInLeft 1s .4s both; animation:fadeInLeft 1s .4s both;}
.indexBanner .show3L{ visibility:visible; -webkit-animation:fadeInLeft 1s .6s both; -o-animation:fadeInLeft 1s .6s both; animation:fadeInLeft 1s .6s both;}