.home .page-header{position: absolute;}
.home .page-header.header-hide {top:-91px;}

/**************banner******************/
.swiper-banner .bg_container { padding-bottom:100vh; }
.swiper-banner .swiper-slide video{}
.swiper-banner .page-text { position:absolute;text-align: center; z-index:3; top:0px; left:12.5%; color:#fff; bottom:0px; height:100%; width:75%; }
.page-con{width: 100%;}
.swiper-banner .app-banner { display: none; width: 100%;}
.swiper-banner h4 { opacity:0.5;filter:alpha(opacity=50);}
.swiper-banner .bn-more { padding-top:0.48rem; }
.swiper-banner .bn-more a { display:inline-block; position:relative; border:1px solid #fff; line-height:3;  min-width:1.6rem; border-radius:0.05rem; padding:0px 0.1rem; color:#fff;  }
.swiper-banner .bn-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.swiper-banner .bn-more a span { padding-right:0.33rem; position:relative; display:inline-block; }
.swiper-banner .bn-more a span:before {  position:absolute; width:8px; right:0; height:2px; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .bn-more a span:after { position:absolute; width:8px; margin-top:-1px; right:0px; height:2px; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .bn-more a:hover:before { width:100%; }
.swiper-banner a { color:#fff; }
.swiper-banner h3 { line-height:1.4; }
.swiper-banner h4 { color:#8998a5;}
.swiper-banner h5 { margin-top:-0.07rem; }
.swiper-banner .li03 .page-img {/* opacity:0; filter:alpha(opacity=0);*/ }
.swiper-banner .play-btn { width:0.3rem; height:0.39rem; background:url(../images/play01.png) no-repeat center center; margin-top:0.47rem; cursor:pointer; background-size:100% 100%; }

.swiper-banner #ios_video1 { position:absolute; display:none; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; object-fit:fill; }
.swiper-banner .li02 h4 { line-height:1.2; opacity:0.8;filter:alpha(opacity=80); padding-bottom:0.08rem; }
.swiper-banner .li02 h5 { margin-top:-0.12rem;  }
.swiper-banner .page-more { padding-top:0.55rem; }
.swiper-banner .page-more a { background:none; color:#fff; border:1px solid #fff; line-height:2.625; }
.swiper-banner .swiper-button-next, .swiper-banner .swiper-button-prev { width:0.3rem; height:0.3rem; background:none; }
.swiper-banner .swiper-button-next:before {position:absolute; width:0.16rem; right:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .swiper-button-next:after {position:absolute; width:0.16rem; margin-top:-1px; right:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .swiper-button-prev:before {position:absolute; width:0.16rem; left:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:left center; transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.swiper-banner .swiper-button-prev:after {position:absolute; width:0.16rem; margin-top:1px; left:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:left center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.swiper-banner .swiper-button-prev { left:1rem; }
.swiper-banner .swiper-button-next { right:1rem; }
.swiper-banner .swiper-pagination { bottom:0.34rem;  }
.swiper-banner .swiper-pagination .swiper-pagination-bullet { width:0.2rem; position:relative; height:0.2rem; display:inline-block; opacity:1; border:0.06rem solid transparent; background:none;  }
.swiper-banner .swiper-pagination .swiper-pagination-bullet:before { width:0.08rem; content:""; height:0.08rem; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; margin:-0.04rem 0px 0px -0.04rem; }
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active { border:0.04rem solid #fff;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active:before { background:none; }

.swiper-banner .swiper-slide.video a{display: block;width: 100%;height: 0;padding-bottom:100vh;position: relative;}
.swiper-banner .swiper-slide.video a video{position: absolute;content: '';top: 0;left: 0%;height: 100% ;width: auto;}
.swiper-banner .pc-banner {width: 100%;animation: fangda 4s ease-in-out infinite alternate;}
.pcvideo {right: 0;width: 100%;height: auto;z-index: -999;}

@-moz-keyframes fangda {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes fangda {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes fangda {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}



.swiper-banner .swiper-slide-active h4 { -webkit-animation-name: bnFadeRight2;text-transform:uppercase;font-weight: 600;
          animation-name: bnFadeRight2; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active h3 { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active h5 { -webkit-animation-name: bnFadeRight;font-size: 
          animation-name: bnFadeRight; animation-delay:0.5s; -webkit-animation-delay:0.5s; }
.swiper-banner .swiper-slide-active .play-btn { -webkit-animation-name: bnFadeRight;
          animation-name: bnFadeRight; animation-delay:0.75s; -webkit-animation-delay:0.75s; }

.swiper-banner .swiper-slide-active .bn-more,.swiper-banner .swiper-slide-active .page-more  { -webkit-animation-name: bnFadeUp;
          animation-name: bnFadeUp; animation-delay:0.75s; -webkit-animation-delay:0.75s; }

.swiper-banner .page-img { overflow:hidden; }
.swiper-banner .li02 .bg_container { transform:scale(1.25,1.25); -webkit-transform:scale(1.25,1.25); transition:2s all; -webkit-transition:2s all;}		 

.swiper-banner .li02.swiper-slide-active .bg_container { transform:scale(1,1); -webkit-transform:scale(1,1);}		 

.swiper-banner .swiper-slide.on .page-img { opacity:0; filter:alpha(opacity=0);}
.swiper-banner .swiper-slide.on #ios_video1 { display:block; }
.swiper-banner .swiper-slide.on .page-con h3,.swiper-banner .swiper-slide.on .page-con h4,.swiper-banner .swiper-slide.on .page-con h5,.swiper-banner .swiper-slide.on .page-con .play-btn { display:block; }
.swiper-banner .swiper-slide.hover .page-con h3,.swiper-banner .swiper-slide.hover .page-con h4,.swiper-banner .swiper-slide.hover .page-con h5,.swiper-banner .swiper-slide.hover .page-con .play-btn { display:none; }

@-webkit-keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0px, 0);
            transform: translate3d(100px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes bnFadeRight2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0px, 0);
            transform: translate3d(50px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeRight2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0px, 0);
            transform: translate3d(50px, 0px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-webkit-keyframes bnFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 50px, 0);
            transform: translate3d(0px, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bnFadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 50px, 0);
            transform: translate3d(0px, 50px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


@-keyframes bnScale {
  0% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

}

@-webkit-keyframes bnScale {
  0% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
            transform: scale3d(1, 1, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

}


@media only screen and (max-width:750px){

.swiper-banner .swiper-slide-active h3 { font-size:0.4rem; }
.swiper-banner .swiper-button-prev { left:5%; }
.swiper-banner .swiper-button-next { right:5%; }
.swiper-banner #ios_video1 { display:none; }
.swiper-banner .li03 .page-img { opacity:1; filter:alpha(opacity=100); }

}

.page-Program{position: relative;}
.page-Program_tit{position: absolute;left:13.3%;top: 16.8%;z-index: 9; }



.swiper-Program{}
.swiper-Program .bg_container {/* padding-bottom:48.4%;*/height: 100vh; }
.swiper-Program .page-text { position:absolute;text-align: center; z-index:3; top:0px; left:12.5%; color:#fff; bottom:0px; height:100%; width:75%; }
.Program_infos{width: 36.2%;left: 13%;top: 32%;position:absolute;line-height: 1.8;}
.Program_infos .page-more{margin-top: .45rem;}


.Program_txt{position: absolute;color: #fff;content: '';right: 24.84%;top: 33%;text-align: center;}
.Program_txt img{display: block;margin: 0 auto 25px;max-width:80%;}
.Program_txt h3{line-height:1.2;font-weight: bold;  }


.product_txt{color: #333333;left: 13%;right: auto;top: 24%;text-align: center;}
.swiper-product .Program_infos{top: 50%;}

.swiper-pagination{margin-top: .8rem;}
.swiper-pagination-bullet{width: 16px;height: 16px;}
.swiper-pagination-horizontal>.swiper-pagination-bullets{border-radius: 20px;background: #ffffff;}
.swiper-pagination-horizontal .swiper-pagination-bullet-active{background: #cf0227;border-radius: 20px;}



.swiper-pagination-bullet{width: 16px;height: 16px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{border-radius: 20px;background: #888a8c;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #cf0227;}
.page-Program_tit .page-title{position: relative;padding-bottom: 20px;}
.page-Program_tit .page-title:after{width: 60px;height: 4px;border-radius: 2px;background: #cf0227;position: absolute;left: 0;content: '';bottom: 0;}


@media only screen and (max-width:750px){
  .swiper-pagination-bullet{    width: 8px; height: 8px;}
}


.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction
{bottom: 60px;}
.page-product{position: relative;}
.page-product_tit{position: absolute;width: 100%;text-align: center;z-index: 9;top: 80px;left: 0;}
.page-product_tit .page-title{position: relative;padding-bottom: 20px;}
.page-product_tit .page-title:after{width: 60px;height: 4px;border-radius: 4x;background: #cf0227;position: absolute;left: 50%;margin-left: -30px;content: '';bottom: 0;}


.swiper-product .bg_container { /*padding-bottom:48.4%;*/ height: 100vh;}
.swiper-Serve  .bg_container {/* padding-bottom:48.4%;*/height: 100vh; }
.swiper-product .page-text { position:absolute;text-align: center; z-index:3; top:0px; left:12.5%; color:#fff; bottom:0px; height:100%; width:75%; }


/**************关于交控科技******************/
.page-in-about { color:#333333; padding:2.3rem 0px 3.5rem; position:relative;  }
.page-in-about .page-title { line-height:1.1; }
.page-in-about .page-title span.red{display: inline-block;padding: 10px 0;}
.page-in-about .page-text { width:77.4285%; }
.page-in-about .page-txt { line-height:1.875; margin-top:0.12rem; height:3.75em; max-height:3.75em; color:#888888;}
.page-in-about .page-more { padding-top:0.9rem; }
.page-in-about .page-more a { background:#cf0227; color:#fff;line-height: .44rem;border-radius: .4rem; }
.page-in-about .page-num { padding:0.26rem 5% 0px; }
.page-in-about .num-txt { margin-top:-0.15rem; color:#888888; }
.page-about-programme { position:relative;height: 100vh;  }
.page-about-programme .bg-img { position:absolute; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme .bg-img2 { position:absolute; display:none; left:0px; top:0px; width:100%; right:0px; bottom:0px; height:100%; }
.page-about-programme #in_about { position:absolute; left:0px; top:0px; background:transparent; width:100%; height:10.8rem; right:0px; object-fit:fill; mix-blend-mode: screen; }
.page-about-programme .in-niudai { position:absolute; left:0px; width:100%; right:0px; top:3.3rem; }




@media only screen and (max-width:1260px){
.page-in-about .page-txt { height:40px; max-height:40px; }
}
@media only screen and (max-width:768px){
.page-in-about { padding:0.8rem 0px; }
.page-in-about .page-text { width:100%;margin-top: .45rem; }

.page-in-about .page-txt { height:auto; max-height:initial; font-size: 15px; } 
.page-in-about .page-txt.ellipsis-2{    -webkit-line-clamp: 6;}
.page-in-about .page-num { padding-left:0px; padding-right:0px; }
.page-in-about .page-num span { font-size:0.5rem; }
.page-in-about .page-more { padding-top:0.5rem; }
.page-about-programme .bg-img { display:none; }
.page-about-programme .bg-img2 { display:block; }
.page-about-programme #in_about { display:none; }
.page-about-programme .in-niudai { display:none;  }

}
@media only screen and (max-width:480px){
.page-in-about .page-num ul li { width:49%; }
}

/**************解决方案******************/
.page-in-programme { color:#fff; padding-bottom:1.48rem; }
.page-in-programme .page-title { position:relative;  padding:1.74rem 0px 0.24rem; }
.page-in-programme .page-title:before { position:absolute; border-radius:0.02rem; background:#fff; height:0.04rem; width:0.6rem; left:0px; bottom:0px; content:""; } 
.page-in-programme ul { overflow:hidden; }
.page-in-programme ul li { margin-top:0.3rem; position:relative; overflow:hidden; }
.page-in-programme ul li .bg_container { height:4.4rem; }
.page-in-programme ul li a { color:#fff; }
.page-in-programme ul li .page-text { position:absolute; left:0.44rem; bottom:0.39rem; right:0.44rem;  }
.page-in-programme ul li h3 { line-height:1.3; }
.page-in-programme .page-left { width:55.7142%;}
.page-in-programme .page-left ul { padding-top:0.4rem; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:2.54rem; width:50%; }
.page-in-programme .page-left ul li:first-child +li .page-text { left:50%; width:50%; background:url(../images/page-in-programme-libg01.jpg) no-repeat center center; background-size:cover; padding:0.35rem 0.8rem 0.35rem 0.44rem; top:0px; height:100%; bottom:0px;  }
.page-in-programme .page-left ul li:first-child +li .page-txt { opacity:0.6; filter:alpha(opacity=60); margin-top:0.08rem; }

.page-in-programme .page-right { width:42.1428%; }
.page-in-programme .page-right ul li:first-child .bg_container { height:4.53rem; }
.page-in-programme .page-more { padding-top:0.19rem; }
.page-in-programme .page-more span { width:0.32rem; display:inline-block; position:relative; height:0.32rem; }
.page-in-programme .page-more span:before { position:absolute; width:0.2rem; left:0; height:0.04rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.page-in-programme .page-more span:after { position:absolute; width:0.2rem; margin-top:-1px; left:0px; height:0.04rem; border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}

@media only screen and (max-width:1260px){
.page-in-programme .page-left ul li:first-child +li .page-txt {height:40px; max-height:40px; }
.page-in-programme .page-left ul li:first-child +li .page-text { padding-top:0.15rem; }
.page-in-programme .page-more { padding-top:0px; }
}
@media only screen and (max-width:750px){
.page-in-programme { padding-bottom:0.8rem; }
.page-in-programme ul li .page-text { left:0.2rem; right:0.2rem; }
.page-in-programme .page-left ul li:first-child +li .page-txt { display:none; }
.page-in-programme .page-left ul li:first-child +li .bg_container { height:1.9rem; }
.page-in-programme .page-left ul li:first-child +li .page-text {padding:0.3rem 0.2rem 0px 0.2rem;  }
}




/**************成功案例******************/
.page-case { color:#fff; padding-bottom:0.91rem; }
.page-case .page-title { position:relative; padding:1.15rem 0px 0.24rem;  }
.page-case .page-title:before { position:absolute; border-radius:0.02rem; background:#fff; height:0.04rem; width:0.6rem; left:50%; margin-left:-0.3rem; bottom:0px; content:""; } 
.page-case .page-content { margin-top:0.48rem; overflow:hidden; }
.page-case .page-text { width:25.3571%; }
.page-case .page-text .page-sub { background:url(../images/page-case-line01.png) no-repeat left bottom; background-size:100% auto; line-height:1.7142; padding-bottom:0.23rem; }
.page-case .page-text ul { padding:0.32rem 0px 0.62rem; } 
.page-case .page-text ul li { padding:0.05rem 0px; }
.page-case .page-text ul li a { position:relative; display:inline-block; width:auto; max-width:100%; color:#fff; opacity:0.7; line-height:0.4rem; filter:alpha(opacity=70); }
.page-case .page-text ul li a span { display:inline-block; }
.page-case .page-text ul li a:hover { opacity:1; filter:alpha(opacity=100); }
.page-case .page-text ul li:hover a,.page-case .page-text ul li.on a { background:rgba(50,98,149,0.6); font-size:1.1428em; opacity:1; filter:alpha(opacity=100);  padding:0px 0.22rem 0px 0.3rem; } 
.page-case .page-text ul li:hover a:before,.page-case .page-text ul li.on a:before { position:absolute; content:""; top:50%; background:#fff; left:0.15rem; width:0.06rem; height:0.06rem; border-radius:50%; margin-top:-0.03rem; }
.page-case .page-text .page-more a { background:#c9151e; border-radius:0.05rem; color:#fff;  }
.page-case .case-swiper { width:71.2857%; margin-top:0.15rem; padding-bottom:0.55rem; position:relative; }
.page-case .case-swiper .bg_container { height:4.4rem; }
.page-case .case-swiper .swiper-pagination { text-align:left; bottom:0px; }
.page-case .case-swiper .swiper-pagination .swiper-pagination-bullet { width:0.08rem; height:0.08rem; border-radius:0.04rem; margin:0px 0.12rem 0px 0px; background:#fff; opacity:0.5;  transition:0.5s all; -webkit-transition:0.5s all; }
.page-case .case-swiper .swiper-pagination .swiper-pagination-bullet-active { width:0.5rem; border-radius:0.04rem; opacity:1; }

@media only screen and (max-width:750px){
.page-case { padding-bottom:0.8rem; }	
.page-case .page-text { width:100%; }
.page-case .case-swiper { width:100%; margin-top:0.5rem; }
.page-case .page-title { padding-top:0.8rem; }
.page-case .page-text ul { padding-bottom:0.2rem; }
}


/**************新闻动态******************/
.page-news { padding-bottom:1.53rem;height: 100vh; }
.page-news .page-title { color:#333; position:relative; padding:1.15rem 0px 0.24rem; }
.page-news .page-title:before { position:absolute; border-radius:0.02rem; background:#cf0227; height:0.04rem; width:0.6rem; left:50%; margin-left:-0.3rem; bottom:0px; content:""; } 
.page-news .page-more a { min-width:1.8rem; color:#fff; background:#cf0227; }
.page-news .page-list  { padding:0.5rem 0px 0.7rem; }
.page-news .page-list ul { position:relative; overflow:hidden; }
.page-news .page-list ul li 
{ width:32.3571%; position:relative; background:#fff; margin-right:1.428%;border-radius:0 0 .15rem .15rem; }
.page-news .page-list .page-tit 
{ display:inline-block; position:absolute; left:0px; top:0px;font-weight: bold; color:#fff; 
  background:#cf0227; line-height:1.875; min-width:1.2rem; padding:0px 0.2rem; 
  border-radius:0 0px .15rem 0px; z-index:2; }
.page-news .page-list .page-img { overflow:hidden; }
.page-news .page-list .bg_container { height:2.54rem;overflow: hidden; }
.page-news .page-list .page-text { padding:0.3rem 0.2rem 0.14rem 0.3rem; color:#7d7d7d; }
.page-news .page-list  .page-time{background: url(../images/time.png) left center no-repeat;background-size: auto 90%;padding-left:.3rem;}


.page-news .page-list h2 { line-height:1.6363; margin-top:0.07rem; height:3.2726em; max-height:3.2726em;  }
.page-news .page-list h2 a { color:#3f3f3f; }
.page-news .page-list ul li:hover h2 a { color:#cf0227; }
.page-news .page-list .page-txt {  line-height:1.7142; height:3.4284em; max-height:3.4284em; margin-top:0.15rem; }
.page-news .page-list .page-news-share { padding-top:0.45rem; }
.page-news .page-list .page-news-share a { display:inline-block; margin-right:0.16rem; width:0.22rem; height:0.22rem; }
.page-news .page-list .page-news-share .weixin_but { background:url(../images/page-news-share-ico01.png) no-repeat center center; background-size:100% 100%; }
.page-news .page-list .page-news-share .news-sina { background:url(../images/page-news-share-ico02.png) no-repeat center center; background-size:100% 100%; }
.page-news .page-list ul li:first-child +li+li { position:absolute; right:0px; top:0px; height:100%; margin-right:0px; }
.page-news .page-news-scroll { height:100%; overflow:hidden; width:100%; position:relative; padding:0px; }
.page-news .page-news-scroll dl { padding:0.27rem 0.3rem 0.44rem; position:relative; color:#7d7d7d; }
.page-news .page-news-scroll dl:before { left:0.3rem; position:absolute; right:0.3rem; bottom:0px; content:""; height:1px; background:#e9e9e9;  transition:0.5s all; -webkit-transition:0.5s all; }

.page-news .page-news-scroll dl dt{background: url(../images/time.png) left center no-repeat;background-size: auto 90%;padding-left:.3rem;}
.page-news .page-news-scroll dl:hover dt{background: url(../images/timeh.png) left center no-repeat;background-size: auto 90%;}
.page-news .page-news-scroll dl dd {line-height:1.6363; margin-top:0.07rem; height:auto; max-height:3.2726em; }
.page-news .page-news-scroll dl dd a { color:#595959; }
.page-news .page-news-scroll dl:hover { background:#cf0227; color:#fff; border-bottom:1px solid #cf0227; }
.page-news .page-news-scroll dl:hover:before { background:#cf0227; }
.page-news .page-news-scroll dl:hover dd a { color:#fff; }
.page-news .page-news-scroll dl:first-child { padding-top:0.47rem; }

@media only screen and (max-width:1440px){
.page-news .page-list .page-txt { height:40px; max-height:40px; }
}
@media only screen and (max-width:940px){
.page-news .page-list h2 { height:40px; max-height:40px; }
.page-news .page-news-scroll dl dd {height:40px; max-height:40px; }
}
@media only screen and (max-width:768px){
.page-news { padding-bottom:0.8rem; }	
.page-news .page-news-scroll dl dd,.page-news .page-list h2 { height:auto; max-height:3.2726em; }
.page-news .page-title { padding-top:0.8rem; }	
.page-news .page-list { padding:0px 0px 0.5rem;margin: 0 30px; }	
.page-news .page-list ul li { width:100%; margin-top:0.5rem; }
.page-news .page-list ul li:first-child +li+li { position:relative; height:4.95rem; }
.page-news .page-list .page-news-share a { width:18px; height:18px; }

}

/****************加入我们*******************/
.page-join { padding:.48rem 0px .16rem; background-position:center bottom;height: 100vh; }
.page-join .page-txt { margin-top:0.18rem; line-height:1.7142; height:5.1426em; max-height:5.1426em; }
.page-join .page-more { padding-top:0.4rem; }
.page-join .page-more a { background:#1f78ec; color:#fff; border-radius:0px; }
.page-join .page-text { position:absolute; left:0px; bottom:0.6rem; width:100%; padding:0px 1.78rem 0px 0.63rem; }
.page-join .page-txt a { color:#fff; }
.page-join .page-title { color:#182645;  padding-bottom:0.34rem;margin-bottom: 1.53rem; }
.page-join .page-title h2{color: #cf0227;display: inline-block;}
.page-join .page-title .page-txt { height:auto; max-height:none; }

.page-join .page-join-server { width:48.57%; height:6.87rem; color:#fff; overflow:hidden; position:relative; }
.page-join .page-join-server .bg_container { height:6.87rem; }
.page-join .page-join-server .page-more { padding-top:0.32rem; }
.page-join .page-join-server .page-more a { width:0.80rem; border-radius: 0.5rem;min-width:0px; background:#cf0227; height:0.4rem;     position: relative;}
.page-join .page-join-server .page-more span{width: 100%;line-height: 0.4rem;display: block;}
.page-join .page-join-server .page-more span:before { position:absolute;width:0.16rem; left:8px; height:0.04rem; top:.18rem; display: inline-block; content:""; border-radius:0.02rem; background:#fff;transform-origin:right center; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.page-join .page-join-server .page-more span:after { position:absolute; width:0.16rem; margin-top:-1px; left:8px;  top:.18rem;height:0.04rem; border-radius:0.02rem;  content:""; background:#fff; transform-origin:right center; transform:rotate(315deg); -webkit-transform:rotate(315deg);}
/*.page-join .page-join-server .page-more a:before { position:absolute; left:-2px; top:0px; height:100%; transition:0.5s all; border-radius:0.5rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-join .page-join-server .page-more a:hover:before {width:100%; }
*/
.page-join .page-join-opinion { width:48.57%;height:auto; color:#fff; overflow:hidden; position:relative;}
.page-join .page-join-opinion .bg_container { height:5.1rem; }
.page-join .page-join-opinion .page-more { overflow:hidden; }
.page-join .page-join-opinion .page-more a {border-radius: .5rem; }
.page-join .page-join-opinion .page-txt { height:3.4284em; max-height:3.4284em; }

.formtext{width: 61.26%;overflow: hidden;border: 2px  solid #cf0227;background: #fff;border-radius:40px;height: 70px;overflow: hidden; }
.formtext input[type="text"]{height: 70px;border: none;width: calc(100% - 80px );;line-height: 70px;float: left;padding: 0 20px;color: #cccccc;}
.formtext  button{width:80px;float: right;background: #cf0227 url(../images/ss.png) center no-repeat;height:70px;line-height: 70px;border: none;border-radius: 0px;}


.page-feedback-tc  { position:fixed; left:0px; display:none; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-feedback-wrap { position:absolute; left:0px; overflow:hidden; overflow-y:auto; top:0px; width:100%; height:100%; right:0px; z-index:1001; bottom:0px; background:rgba(0,0,0,0.3); }
.page-feedback-tc .page-con { width:80%; max-width:9.24rem; position:relative; background:#f4f4f4; padding:0.5rem 0.9rem;  }
.page-feedback-tc .page-con .page-title { padding-bottom:0.18rem; }
.page-feedback-tc .page-btn-close { position:absolute; right:0.34rem; cursor:pointer; top:0.3rem; width:0.2rem; height:0.2rem; }
.page-feedback-tc .page-btn-close:before { position:absolute; content:""; width:100%; height:0.03rem; background:#a4a4a4;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }
.page-feedback-tc .page-btn-close:after { position:absolute; content:""; width:0.03rem; height:100%; background:#a4a4a4; transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%; }


.layui-form-item { margin-bottom:0.2rem; }
.layui-form-label { width:0.8rem; padding:0px; line-height:0.44rem; }
.layui-input, .layui-select, .layui-textarea { line-height:0.44rem; font-size:0.16rem; height:0.44rem; border:none; padding:0px 0.1rem; }
.layui-form-item .page-label { width:50%; }
.layui-textarea { min-height:1.44rem; padding:0.1rem 0.1rem; line-height:1.5; resize: none; }
.layui-input-block { margin-left:0.9rem; min-height:0px; }
.page-feedback-tc  .page-btn { margin-left:0px; padding-top:0.2rem; }
.page-feedback-tc  .page-btn .layui-btn { background:#f85d8b; padding:0px 0.2rem; min-width:1.6rem; line-height:0.44rem; height:0.44rem; border-radius:0.05rem; } 

.layui-form-select .layui-edge {  width:8px; height:8px; right:0.2rem; border:2px solid #fff;border-color:transparent transparent #999 #999 ; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; margin-top:-6px; background:none; }

.hidden { overflow:hidden; }




.ddw{position:absolute;left:0;top:0;color:#000;font-size:16px;z-index:9999;}
.ddw2{position:absolute;left:20px;top:0;color:#000;font-size:16px;z-index:9999;}
.Screen_box{position:relative;}

#pageContain { overflow: hidden;}
.Screens{position:relative;}
.Screens{ display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.current { display: block; z-index: 1;}

.fixed_r{position:fixed;right:10px;bottom:30%;z-index:9999;}
.fixed_r li{width:.26rem;height:.26rem;border:1px;border-radius: .2rem;cursor:pointer;position: relative;}
.fixed_r li:after{content: '';display: block;border-radius: .1rem;position: absolute;width: .06rem;height: .06rem;top: .09rem;left: .09rem;background: #fff;}
.fixed_r li.active{border: 1px solid #fff;}


 html, body { position: relative;height: 100%;}
.swiper-pagination-father{position: fixed;right:10px;z-index:9999;}
.swiper-container-father .slide-father{height:100vh !important; }
.swiper-container-father{width: 100%;height: 100%;}

.swiper-container-father .swiper-pagination-father .swiper-pagination-bullet{width:.26rem;background: none;height:.26rem;border:1px;border-radius: .2rem;cursor:pointer;position: relative;}
.swiper-container-father .swiper-pagination-father .swiper-pagination-bullet:after{content: '';display: block;border-radius: 20px;position: absolute;width: .06rem;height: .06rem;top: .09rem;left: .09rem;background: #fff;}
.swiper-container-father .swiper-pagination-father .swiper-pagination-bullet-active{border: 1px solid #fff;}

.swiper-container-father .swiper-pagination-vertical.swiper-pagination-bullets, 
.swiper-container-father .swiper-vertical>.swiper-pagination-bullets{right: .5rem;}
.swiper-container-father .swiper-pagination.swiper-pagination-father{margin-top: 0;}

.w560show{display: none;}

@media only screen and (max-width:1680px){

}

@media only screen and (max-width:1500px){
.page-join .page-join-server .page-txt { height:56px; max-height:56px;  }
.page-join .page-join-opinion .page-txt { height:40px; max-height:40px;  }
}
@media only screen and (max-width:1440px){
.page-feedback-tc .page-con { padding:0.4rem 0.5rem; }
.layui-input-block { margin-left:1rem; }
.layui-form-label { width:0.9rem; }

}

@media only screen and (max-width:1400px){
.page-join .page-title { padding-right:10%; }
}
@media only screen and (max-width:1300px){
.layui-input-block { margin-left:80px; }
.layui-form-label { width:70px; line-height:30px; }
.layui-input, .layui-select, .layui-textarea { height:30px; line-height:30px; }
}

@media only screen and (max-width:1200px){
  .page-in-about .page-title span.red{padding: 7.5px 0;padding-right: 38px;}
  .swiper-pagination-bullet{width: 10px;height: 10px;}
  .Program_txt img{max-width: 60%;margin-bottom: 15px;}
}
@media only screen and (max-width:1086px){
  .formtext{width: 90%;height: 52px;margin-top: 20px;}
  .formtext input[type="text"]{line-height: 50px;height: 50px;}
  .formtext button{line-height: 50px;height: 50px;background-size: auto 25px;}
    .page-join .page-join-server .page-more a:before{left: 15px;}
  .page-join .page-join-server .page-more a:after{left: 15px;}


}
@media only screen and (max-width:980px){
.page-join .page-title { padding-right:5%; }
.page-join .page-title br { display:none; }

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{bottom: 30px;}



}
@media only screen and (max-width:768px){
  .page-in-about .page-title span.red{padding-right: 28px;}
  .Program_txt img{max-width: 10%;}
  .Program_infos .page-more{margin-top: .8rem;width:calc(100% + 20px );margin-left: -10px;position: absolute;bottom:2rem;}
  .page-more a{width: 100%;text-align: center;line-height: 3;}
  .page-in-about .page-more a{line-height: 3;}
  .page-about-programme.bg_cover{background-position: center 60% !important;background-color: #f5f5f5;background-size: 130%;}
  .page-in-about .page-title{position:relative; padding-bottom: 12px;}
  .page-in-about .page-title:after {width: 60px;height: 4px;border-radius: 2px;background: #cf0227;position: absolute;left: 0;content: '';bottom: 0;}
  .page-in-about .page-text .fnt-30{font-size: 22px;}
  .page-in-about .page-num span.fnt-90{font-size: 0.8rem}
  .page-wrap, .page-wrap2{padding: 0px 0%;}
  .page-in-about{margin: 0 40px;}
  .page-in-about{padding: 5rem 0px;}
  .page-news .page-list .page-time,.page-news .page-news-scroll dl dt{padding-left: .45rem;}
   .page-news .page-more {margin: 0 30px;}
   .page-news .page-news-scroll dl:first-child{padding-top: 0.7rem;}

  .page-join .page-join-opinion{margin: 0 30px;width:calc(100% - 60px );}
  .page-join .page-title h2{position: relative;padding-bottom: 15px;margin: 0 10px;}
  .page-join .page-title h2:after {width: 60px;height: 4px;border-radius: 2px;background: #cf0227;position: absolute;left: 0;content: '';bottom: 0;}
  .formtext{width: calc(100% - 4px );}
  .page-join .page-title{margin-bottom: .5rem;}
  .page-join .page-join-opinion .bg_container{height:8rem;}
  .page-join .page-join-server{width: calc(100% - 60px );margin: 15px 30px;height: 8rem;}
  .page-join .page-join-server .bg_container{height: 8rem;}
  .page-join .page-join-server{}
  .page-join .page-join-opinion .page-more a{width: auto;padding: 0 10px;}
  .page-join .page-join-server .page-more a{height: 42px;width:1.5rem}
  .page-join .page-join-server .page-more span{height: 42px;}
  .page-join .page-join-server .page-more span:before{top: .5rem;left:18px;}
  .page-join .page-join-server .page-more span:after{left: 18px;top: .5rem;}
  .page-footer .page-ft-top{margin: 0 30px;}
  .bigshow{display: none;}
  .w560show{display: block;}
  .swiper-container-father .swiper-pagination-vertical.swiper-pagination-bullets, 
  .swiper-container-father .swiper-vertical>.swiper-pagination-bullets{
  right: 0;
  }
  .swiper-container-father .swiper-pagination-father .swiper-pagination-bullet{    width: .52rem;height: .52rem;border-radius:.4rem;}
  .swiper-container-father .swiper-pagination-father .swiper-pagination-bullet:after{width: .2rem; height: .2rem;top: .14rem; left: .13rem;}
  .swiper-banner .swiper-button-prev,
  .swiper-banner .swiper-button-next{top: 75%;}
  .page-title.fnt-40,.page-title .fnt-40{font-size: 24px;}
  .page-Program_tit{left:40px;top:6%;}
  .Program_txt{width: 100%;right: 0;top:30%; }
  .product_txt{left: 0;}
  .Program_infos{left: 40px;top: 55%;width:calc(100% - 80px );height: 45vh;}
  .swiper-product .Program_infos{top: 42%;}
  .swiper-product .Program_txt{top: 23%;}
  .swiper-product .Program_infos{height: 58vh;}
  .product_pic{position: absolute;bottom: 5vh;width: 100%;left: 0;}
  .product_pic img{display: block;width: 60%;margin: 0 auto;}


}
@media only screen and (max-width:750px){
.page-join { padding:0.8rem 0px; }
.page-join .page-title { padding:0px 0px 0.2rem; }
.page-join .page-text { padding:0px 10px; }
.page-join .page-txt { height:5.1426em; max-height:5.1426em; }
.page-join .page-join-server .page-txt { height:5.1426em; max-height:5.1426em; }

.layui-form-item .page-label { width:100%; }
.layui-form-item .page-label:first-child { margin-bottom:0.2rem; }


}

@media only screen and (max-width:560px){
    .bigshow{display: none;}
  .w560show{display: block;}
  .swiper-banner .bg_container.bg_cover{background-size: auto 100%;}
  .swiper-banner .li02.swiper-slide-active .bg_container{background-size: 100%;}
  .page-Program_tit{left:40px;top:6%;}
  .Program_txt{width: 100%;right: 0;top:30%; }
  .product_txt{left: 0;}
  .Program_infos{left: 40px;top: 55%;width:calc(100% - 80px );height: 45vh;}
  .swiper-product .Program_infos{top: 42%;}
  .swiper-product .Program_txt{top: 23%;}
  .swiper-product .Program_infos{height: 58vh;}
  .Program_infos .page-more{margin-top: .8rem;width:calc(100% + 20px );margin-left: -10px;position: absolute;bottom: 4rem;}

  .Program_infos .page-more{position: absolute;bottom: 8vh;}
  .swiper-pagination-bullet{width: 10px;height: 10px;}
  .page-product .swiper-product .bg_container.bg_cover{background-position:bottom right;background-color: #deeaf6;background-size:100%}

  .page-product_tit .page-title{margin: 0 40px;text-align: left;}
  .page-product_tit .page-title:after{margin-left:0;left: 0;}

  .product_pic{position: absolute;bottom: 5vh;width: 100%;left: 0;}
  .product_pic img{display: block;width: 80%;margin: 0 auto;}
  .page-in-about{padding: .8rem 0px;}

  .page-news .page-list .bg_container{display: none;}
  .page-news .page-list .page-text .page-txt{display: none;}
  .page-news .page-list .page-news-share{display: none;}
  .page-news .page-list ul li:first-child{padding-top: 30px;border-radius:0;}
  .page-news .page-list .page-time,.page-news .page-news-scroll dl dt{padding-left: .45rem;}
  .page-news .page-list ul li .page-text{position: relative;padding: 0.2rem 0.2rem 0.2rem 0.3rem;}
  .page-news .page-list ul li:first-child .page-text:before {left: 0.3rem;position: absolute;right: 0.3rem;bottom: 0px;content: "";height: 1px;background: #e9e9e9;transition: 0.5s all;-webkit-transition: 0.5s all;}
  .page-news .page-list .page-text:hover{background: #cf0227;color: #fff;}
  .page-news .page-list .page-text:hover .page-time{background: url(../images/timeh.png) left center no-repeat;background-size: auto 90%;}
  .page-news .page-list .page-text:hover h2 a{color: #fff;}

  .page-news .page-list ul li:nth-child(2){margin-top: 0;padding-bottom: .15rem;}
  .page-news .page-list ul li:nth-child(2) .page-tit{display: none}
  .page-news .page-news-scroll dl{    padding: 0.2rem 0.3rem 0.2rem;}
  .page-news .page-news-scroll dl:last-child:before{display: none;}
  .page-news .page-list ul li:first-child +li+li{height: auto;padding-bottom: .15rem;}
  .page-news .page-news-scroll{margin-top: 10px;}
  .page-join .page-join-opinion{margin: 0 30px;width:calc(100% - 60px );}
  .page-join .page-title h2{position: relative;padding-bottom: 15px;margin: 0 10px;}
  .page-join .page-title h2:after {width: 60px;height: 4px;border-radius: 2px;background: #cf0227;position: absolute;left: 0;content: '';bottom: 0;}
  .formtext{width: calc(100% - 4px );}
  .page-join .page-title{margin-bottom: .5rem;}
  .page-join .page-join-opinion .bg_container{height:4rem;}
  .page-join .page-join-server{width: calc(100% - 60px );margin: 15px 30px;height: 5rem;}
  .page-join .page-join-server .bg_container{height: 5rem;}
  .page-join .page-join-server{}
  .page-join .page-join-opinion .page-more a{width: auto;padding: 0 10px;}
  .page-join .page-join-server .page-more a{height: 42px;width:1.2rem}
  .page-join .page-join-server .page-more span{height: 42px;}
  .page-join .page-join-server .page-more span:before{top: .35rem;left:18px;}
  .page-join .page-join-server .page-more span:after{left: 18px;top: .35rem;}
  .page-footer{}


}
@media only screen and (max-width:420px){

  .Program_txt img{max-width: 68px;}
  .page-product_tit{top: 50px;}




}

@media only screen and (max-width:375px){
.layui-input-block { margin-left:0px; }
.layui-form-label { float:none; width:100%; text-align:left; }
}



/****************分司网络*******************/
.page-layout { position:relative; overflow:hidden; }
.page-layout .page-map { width:62.5%; }
.page-layout .page-map img { width:100%; }
.page-layout .page-map2 { position:absolute; left:0px; top:0px; height:100%; bottom:0px; width:62.5%; }
.page-layout .page-map2 img { width:100%; opacity:0;filter:alpha(opacity=0); }
.page-layout .page-map2 ul li { position:absolute;width:0.58rem;height:0.58rem;  margin:-0.29rem 0px 0px -0.29rem;  }
.page-layout .page-map2 ul li .page-circle { width:100%; height:100%;  position:relative; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); bottom:0px; border:1px solid #fff; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle b { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; opacity:1;animation:line2 2s linear infinite;background:#fff; bottom:0px; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle b:before { position:absolute; left:0px; top:0px; right:0px; content:""; width:100%; height:100%; opacity:1;animation:line1 2s linear infinite;background:#fff; bottom:0px; border-radius:50%; }

.page-layout .page-map2 ul li .page-circle:after { position:absolute; left:25%; top:25%; content:""; width:50%; height:50%; opacity:0.6; filter:alpha(opacity=60); border:1px solid #fff; border-radius:50%; }
.page-layout .page-map2 ul li .page-circle span { position:absolute; width:0.06rem; height:0.06rem; background:#fff; border-radius:50%; left:50%; top:50%; margin:-0.03rem 0px 0px -0.03rem; }
.page-layout .page-map2 ul li.on .page-circle span { width:0.1rem; height:0.1rem; margin:-0.05rem 0px 0px -0.05rem; }
.page-layout .page-map2 ul li.on .page-circle:after { border-width:0.02rem; }
.page-layout .page-map2 .page-address { position:absolute; padding-bottom:0.1rem; left:50%; bottom:0.5rem; margin-left:-1.15rem; }
.page-layout .page-map2 .page-address:before { position:absolute; left:50%; width:0px; height:0px; margin-left:-0.1rem; border:0.1rem solid rgba(0,108,255,0.9); bottom:-0.1rem; border-color:rgba(0,108,255,0.9) transparent transparent transparent; content:""; }
.page-layout .page-map2 .page-address dl { color:#fff; padding:0.18rem 0px 0.21rem; background:rgba(0,108,255,0.9); width:2.3rem; border-radius:0.1rem; }
.page-layout .page-text { position:absolute; right:12.5%; top:0px; height:100%; color:#fff; width:27.6%; }
.page-layout .page-text h2 { line-height:1.2; }
.page-layout .page-txt { line-height:1.875; height:5.625em; max-height:5.625em; margin-top:0.24rem; }
.page-layout .page-more { padding-top:0.33rem; overflow:hidden; }

-webkit-@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}


@keyframes line2{
	0%{opacity:1;transform:scale(0)}
	50%{opacity:0.5;transform:scale(0.75)}
	100%{opacity:0;transform:scale(1.5)}
}

-webkit-@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}

@keyframes line1{
	0%{opacity:1;transform:scale(0)}
	30%{opacity:0.5;transform:scale(0.3)}
	100%{opacity:0;transform:scale(0.6)}
}


@media only screen and (max-width:1340px){
.page-layout .page-txt { height:62px; max-height:62px; }
}
@media only screen and (max-width:1100px){
.page-layout .page-map2 .page-address { margin-left:-1.4rem; }
.page-layout .page-map2 .page-address dl { width:2.8rem;  }
}

@media only screen and (max-width:900px){
.page-layout .page-map2 .page-address { margin-left:-1.7rem; }
.page-layout .page-map2 .page-address dl { width:3.4rem; }
}

@media only screen and (max-width:750px){
.page-layout .page-map { width:100%; }
.page-layout .page-map2 { width:100%; height:auto; bottom:auto; }
.page-layout .page-map2 .page-address { /*bottom:65.533%; right:9.267%;*/ }
.page-layout .page-text { position:relative; width:100%; padding:0.5rem 5%; right:auto;  }
.page-layout .page-txt { height:5.625em; max-height:5.625em; }
}
@media only screen and (max-width:540px){
.page-layout .page-map2 .page-address { /*margin-bottom:0.1rem;*/ }
}
@media only screen and (max-width:480px){
.page-layout .page-map2 .page-address { /*margin-bottom:0.2rem;*/ }
}
@media only screen and (max-width:414px){
.page-layout .page-map2 .page-address { /*margin-bottom:20px;*/ }
}


.page-footer .page-ft-bg { display:block; }


.animated2 {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated2.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


@-webkit-keyframes scaleMove {
  0% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  50% {
    webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
            transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
  }
  100% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

@keyframes scaleMove {
  0% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
  50% {
    webkit-transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
            transform: scale3d(1.05, 1.05, 1.05) translate3d(10px, 0, 0);
  }
  100% {
    webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  }
}

.scaleMove {
  -webkit-animation-name: scaleMove;
          animation-name: scaleMove;
}