/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/


/*内页banner*/
.banner_n img{width:100%;}


/* 公用标题 */
.h_title{width:321px;height:61px;margin:0 auto;text-align:center; background:url(../images/h_back_01.png) bottom center no-repeat;}

.h_title img{width:321px;height:61px; vertical-align:top;}


/* 搜索 */
.tback{background:#fff;width:100%;height:70px;border-bottom:solid 1px #d5d5d5;}

.search{width:1200px;margin:0 auto; overflow:hidden;}

.search .left{width:420px;color:#0071d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;padding-left:40px;background:url(../images/tel01.png) left center no-repeat;}

.search .left p{font-size:26px;line-height:20px;padding:25px 0;}

.search .right{width:340px;height:40px;line-height:40px;margin:15px 0;float:right; overflow:hidden;}

.search .right .input{width:278px;height:40px;line-height:40px;color:#fff;display:inline-block;background:#0071d4;padding-left:20px;border-right:none;float:left;font-size:14px;}

.search .right .button{width:40px;height:40px;line-height:40px;color:#fff;display:inline-block;background:url(../images/search.png) center center no-repeat #0071d4; cursor:pointer;border:none;float:right;}



/* 产品中心 */
.box_01{width:1200px;margin:50px auto 0 auto;}

.box_01 .center{width:1200px;height:582px;margin:30px auto 0 auto;overflow:hidden;}

.box_01 .center .left{width:210px;height:580px;border:solid 1px #0071d4;float:left;position:relative;}

.box_01 .center .left .bt{width:155px;height:50px;padding:25px 0 25px 55px;color:#fff;background:url(../images/pro_icon.png) 14px center no-repeat #0071d4;position:relative;}

.box_01 .center .left .bt::after{content:'';width:1px;height:50px;background:#4d9ce1;position:absolute;top:25px;left:47px;}

.box_01 .center .left .bt h4{font-size:24px;line-height:24px;}

.box_01 .center .left .bt p{font-size:18px;line-height:14px;margin-top:10px;text-transform: Uppercase;}

.box_01 .center .left ul{width:210px;height:410px;padding-top:10px;overflow:auto;overflow-x:hidden;}

.box_01 .center .left ul li{width:148px;height:32px;line-height:32px;border:solid 1px #b5b5b5;margin:10px auto 0 auto;background:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li a{display:block;width:118px;height:32px;line-height:32px;padding:0 15px;text-align:center;font-size:14px;color:#353535;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li:hover{background:#0071d4;border:solid 1px #0071d4;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left ul li a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .left .tel{width:190px;height:60px;background:#0071d4;position:absolute;bottom:0;left:0;padding-left:20px;}

.box_01 .center .left .tel p{width:155px;padding:18px 0 18px 35px;height:24px;line-height:24px;font-size:20px;color:#fff; background:url(../images/tel02.png) left center no-repeat;}

.box_01 .center .right{width:970px;height:580px;padding-bottom:2px;overflow:hidden;float:right;}

.box_01 .center .right li{width:310px;float:left;margin:0 20px 25px 0;}

.box_01 .center .right li:nth-of-type(3n){margin-right:0;}

.box_01 .center .right li a{display:block;}

.box_01 .center .right li .img{width:310px;height:230px;overflow:hidden;position:relative;}

.box_01 .center .right li .img img{width:310px;height:230px;transition: all 1s;vertical-align:top;}

.box_01 .center .right li:hover .img img{transform: scale(1.2);}

.box_01 .center .right li .img .tj{display:block;width:290px;height:210px;padding:10px;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;}

.box_01 .center .right li .img .hide{width:290px;height:210px;}

.box_01 .center .right li .txt{width:308px;height:46px;border:solid 1px #e1e1e1;position:relative;position:relative;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:0 0px 5px -1px #999;-webkit-box-shadow:0 0px 5px -1px #999;box-shadow:0 0px 5px -1px #999;}

.box_01 .center .right li .txt .name{width:230px;padding:0 58px 0 20px;height:46px;line-height:46px;font-size:14px;color:#787878;background:url(../images/pro_jt_01.png) 270px center no-repeat #f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .right li:hover .txt{border:solid 1px #0071d4;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .center .right li:hover .txt .name{background:url(../images/pro_jt_02.png) 270px center no-repeat #0071d4;color:#fff;-webkit-transition:all .5s;transition:all .5s;}



/* 关于我们 */
.box_02{width:100%;height:700px;margin-top:50px;overflow:hidden;position:relative;}

.box_02 .left{width:47%;height:700px;background:#edf1f4;float:left;}

.box_02 .right{width:53%;height:700px;float:right}

.box_02 .right img{width:100%;height:700px;vertical-align:central;}

.box_02 .center{width:1200px;height:700px;position:absolute;top:0;left:50%;margin-left:-600px;}

.box_02 .center h4{font-size:28px;line-height:28px;margin:135px 0 40px 0;color:#0071d4;font-weight:bold;text-transform: Uppercase;}

.box_02 .center h5{width:100px;text-align:center;font-size:24px;line-height:42px;font-weight:bold;margin-bottom:50px;color:#323232;border-top:solid 1px #323232;border-bottom:solid 1px #323232;}

.box_02 .center p{width:490px;font-size:14px;color:#323232;line-height:25px;max-height:125px;overflow:hidden;margin-top:5px;text-indent:2em;}

.box_02 .center .us{width:700px;height:30px;padding:25px 0 25px 30px;background:#0071d4;overflow:hidden;margin-top:80px;color:#fff;}

.box_02 .center .us span{display:block;float:left;font-size:28px;line-height:30px;}

.box_02 .center .us a{display:block;width:160px;height:30px;padding-left:40px;background:url(../images/ab_jt.png) left bottom no-repeat;float:right;font-size:16px;line-height:30px;color:#fff;margin-right:30px;-webkit-transition:all .5s;transition:all .5s;}

.box_02 .center .us:hover a{margin-right:10px;-webkit-transition:all .5s;transition:all .5s;}



/* 荣誉资质 */
.box_03{width:1200px;margin:50px auto 0 auto;position:relative;}

.box_03 .swiper-container{width:1135px;margin:30px auto 0 auto;height: 100%; overflow:hidden}

.box_03 .swiper-container .swiper-wrapper{width:1090px;margin:0 auto;}

.box_03 .swiper-slide{width:313px;cursor:pointer;position:relative;}

.box_03 .swiper-slide img{width:313px;height:205px;margin-top:38px;vertical-align:top;}

.box_03 .swiper-slide-active{width:357px;height:243px;padding:20px;background:url(../images/bk.png);}

.box_03 .swiper-slide-active img{width:357px;height:244px;margin-top:0;vertical-align:top;}

.box_03 .swiper-button-prev{position:absolute;left:0;top:220px;display:block;width:27px;height:47px;background:url(../images/jt_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .swiper-button-next{position:absolute;right:0;top:220px;display:block;width:27px;height:47px;background:url(../images/jt_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .swiper-button-prev:hover{background:url(../images/jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_03 .swiper-button-next:hover{background:url(../images/jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



/* 案例展示 */
.box_04{width:1200px;margin:50px auto 0 auto;position:relative;}

.box_04 .case{width:1200px;height:auto;margin:30px auto 0 auto;}

.case .succ{width:1200px;height:auto;position:relative;overflow:hidden;}

.case .succ .show{width:1090px;margin:0 auto;overflow:hidden;}

.case .succ .show .tempWrap{width:1090px;margin:0 auto;}

.case .succ .show ul{overflow:hidden;}

.case .succ .show ul li{width:350px;height:290px;margin-right:20px;position:relative;-webkit-transition:all .5s;transition:all .5s;float:left;overflow:hidden;}

.case .succ .show ul li a{display:block;overflow:hidden;}

.case .succ .show ul li .img{width:350px;height:250px;}

.case .succ .show ul li img{width:350px;height:250px;transition: all 1s;vertical-align:top;}

.case .succ .show ul li:hover img{transform: scale(1.2);}

.case .succ .show ul li .name{width:290px;height:40px;line-height:40px;text-align:center;padding:0 30px;font-size:14px;color:#787878;background:url(../images/shu01.png) 10px center no-repeat,url(../images/shu01.png) 335px center no-repeat #fafafa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.case .succ .show ul li:hover .name{color:#fff;background:url(../images/shu02.png) 10px center no-repeat,url(../images/shu02.png) 335px center no-repeat #0071d4;-webkit-transition:all .5s;transition:all .5s;}

.case .sPrev{position:absolute;left:0;top:118px;display:block;width:27px;height:47px;background:url(../images/jt_01.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.case .sNext{position:absolute;right:0;top:118px;display:block;width:27px;height:47px;background:url(../images/jt_03.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.case .sPrev:hover{background:url(../images/jt_02.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.case .sNext:hover{background:url(../images/jt_04.png) center center no-repeat;-webkit-transition:all .5s;transition:all .5s;}



/* 横栏广告 */
.box_05{width:100%;height:300px;margin-top:50px;background:url(../images/ad_back.jpg) center top no-repeat;}

.box_05 .center{width:1200px;height:300px;margin:0 auto;position:relative;color:#fff;}

.box_05 .center p{font-size:25px;line-height:25px;font-weight:bold;position:absolute;left:412px;bottom:30px; letter-spacing:1px;}

.box_05 .center .tel{width:225px;color:#fff;overflow:hidden;position:absolute;right:0;top:100px;}

.box_05 .center .tel span{display:block;font-size:26px;font-weight:bold;line-height:37px;color:#fff;padding-left:50px;background:url(../images/tel03.png) left center no-repeat;}

.box_05 .center .tel .tj{width:160px;height:30px;background:#fff;padding:5px;margin-top:12px;-webkit-transition:all .5s;transition:all .5s;float:right;}

.box_05 .center .tel .tj .click{width:160px;height:30px;line-height:30px;display: block;text-align:center;font-size:14px;color:#006dd2;background:url(../images/click.png) center center no-repeat #fff;cursor: pointer;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .center .tel .tj:hover .click{background:#fff;-webkit-transition:all .5s;transition:all .5s;}



/* 新闻资讯 */
.box_06{width:1200px;margin:50px auto 0 auto;position:relative;}

.news{width:1200px;height:auto;margin:30px auto 0 auto;}

.news .infro{width:1200px;height:auto;position:relative;overflow:hidden;}

.news .infro .show{width:1100px;margin:0 auto;overflow:hidden;}

.news .infro .show .tempWrap{width:1000px;margin:0 auto;}

.news .infro .show ul{overflow:hidden;}

.news .infro .show ul li{width:304px;padding:0 15px;height:255px;margin:10px 5px 10px 0;background:#fff;border-radius:15px;-webkit-transition:all .5s;transition:all .5s;float:left;}

.news .infro .show ul li a{display:block;overflow:hidden;}

.news .infro .show ul li p{margin-top:40px;}

.news .infro .show ul li p span:nth-of-type(1){display:block;font-size:50px;color:#434343;line-height:40px;margin-bottom:10px;}

.news .infro .show ul li p span:nth-of-type(2){display:block;font-size:14px;color:#434343;line-height:12px;margin-bottom:25px;}

.news .infro .show ul li .name{width:304px;line-height:25px;max-height:50px;overflow:hidden;font-size:16px;color:#787878;padding-bottom:25px;position:relative;}

.news .infro .show ul li .name::before{content:'';width:304px;height:2px; background:#dcdcdc;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.news .infro .show ul li .name::after{content:'';width:0px;height:2px; background:#0071d4;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.news .infro .show ul li:hover .name::after{content:'';width:304px;height:2px; background:#0071d4;position:absolute;bottom:0;left:0; z-index:2;-webkit-transition:all .5s;transition:all .5s;}

.news .infro .show ul li .more{display:block;font-size:14px;color:#787878;text-transform: Uppercase;margin-top:20px;-webkit-transition:all .5s;transition:all .5s;}

.news .infro .show ul li:hover{width:304px;background:#f5f5f5;padding:0 15px;-webkit-transition:all .5s;transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:0 2px 10px -1px #999;-webkit-box-shadow:0 2px 10px -1px #999;box-shadow:0 2px 10px -1px #999;}

.news .infro .show ul li:hover .more{color:#0071d4;-webkit-transition:all .5s;transition:all .5s;}

.news .sPrev{position:absolute;left:0;top:95px;display:block;width:75px;height:75px;background:url(../images/jt_05.png) center center no-repeat #c7c7c7;-webkit-transition:all .5s;transition:all .5s;}

.news .sNext{position:absolute;right:0;top:95px;display:block;width:75px;height:75px;background:url(../images/jt_06.png) center center no-repeat #c7c7c7;-webkit-transition:all .5s;transition:all .5s;}

.news .sPrev:hover{background:url(../images/jt_05.png) center center no-repeat #0071d4;-webkit-transition:all .5s;transition:all .5s;}

.news .sNext:hover{background:url(../images/jt_06.png) center center no-repeat #0071d4;-webkit-transition:all .5s;transition:all .5s;}



/* 联系我们 */
.box_07{width:100%;height:500px;margin-top:50px;background:url(../images/us_back.jpg) center top no-repeat;}

.box_07 .bt{width:560px;padding:40px 0 34px 640px;margin:0 auto;color:#fff;}

.box_07 .bt span{display:block;font-size:36px;line-height:28px;margin-bottom:15px;}

.box_07 .bt p{font-size:22px;line-height:22px;padding-bottom:22px;position:relative;}

.box_07 .bt p::after{content:'';width:25px;height:2px; background:#fff;position:absolute;left:0;bottom:0;}

.box_07 .center{width:1200px;height:180px;padding:30px 0;margin:10px auto 0 auto;background:#fff;border-radius:15px;}

.box_07 .center .form{width:520px;height:180px;padding:0 40px;border-right:solid 1px #b5cff1;float:left;position:relative;}

.box_07 .center .form p{width:248px;height:48px;border:solid 1px #b5cff1;border-radius:5px;}

.box_07 .center .form input{width:200px;display:inline-block;height:48px;line-height:48px;padding-left:48px;color:#787878;font-size:14px;border-radius:5px;border: 0;}

.box_07 .center .form p:nth-of-type(1){position:absolute;top:0;left:40px;}

.box_07 .center .form p:nth-of-type(2){position:absolute;top:0;right:40px;}

.box_07 .center .form p:nth-of-type(1) input{background:url(../images/name.png) left center no-repeat #fff;}

.box_07 .center .form p:nth-of-type(2) input{background:url(../images/phone.png) left center no-repeat #fff;}

.box_07 .center .form p:nth-of-type(3){width:518px;height:108px;position:absolute;top:70px;left:40px;}

.box_07 .center .form textarea{width:458px;height:94px;padding:14px 10px 0 48px;font-size:14px;background:url(../images/phone.png) left top no-repeat #fff;border-radius:5px;border: 0;}

.box_07 .center .form .tj{width:240px;height:35px;background:#0071d4;padding:5px;position:absolute;bottom:-75px;left:40px;}

.box_07 .center .form .tj .btn{width:240px;height:35px;line-height:35px;display: block;text-align:center;font-size:14px;color:#fff;background:url(../images/dian04.png) 20px center no-repeat,url(../images/dian04.png) 220px center no-repeat #0071d4;cursor: pointer;webkit-transition:all .5s;transition:all .5s;border:none;}

.box_07 .center .right{width:560px;height:180px;float:right;}

.box_07 .center .right li{height:38px;line-height:38px;margin-bottom:32px;overflow:hidden;}

.box_07 .center .right li:last-child{margin-bottom:0;}

.box_07 .center .right li p{width:250px;font-size:16px;color:#2d3134;overflow:hidden;position:relative;float:left;margin-right:20px;}

.box_07 .center .right li p::after{content:'';width:20px;height:1px;background:#2d3134;position:absolute;top:18px;right:0;}

.box_07 .center .right li p i{display:block;width:38px;height:38px;float:left;margin-right:20px;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_07 .center .right li:hover p i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_07 .center .right li:nth-of-type(1) p i{background:url(../images/ft_icon_01.png);}

.box_07 .center .right li:nth-of-type(2) p i{background:url(../images/ft_icon_02.png);}

.box_07 .center .right li:nth-of-type(3) p i{background:url(../images/ft_icon_03.png);}

.box_07 .center .right li span{width:290px;font-size:14px;color:#868686;overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_07 .center .clear{clear:both;}



#dituContent{width:99.9%;height:300px;border:#ccc solid 1px;}



/* 友情链接 */
.links{width:100%;height:60px;padding:20px 0;background:#353c44;}

.links .link{width:1200px;height:60px;line-height:60px;margin:0 auto;overflow:hidden;}

.links .link p{font-size:22px;color:#fff;position:relative;text-transform: Uppercase;float:left;width:79px;height:60px;line-height:60px;overflow:hidden;border-right:solid 1px #72777c;}

.links .link a{display:inline-block;width:107px;text-align:center;font-size:14px;height:15px;line-height:15px;margin-top:13px;color:#fff;border-right:solid 1px #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.links .link a:last-child{border-right:0;}

.links .link a:hover{text-decoration:underline;}



.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/* 提交按钮的线条边框特效 */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat:nth-of-type(1):before,
.bz-buttonAnimat:nth-of-type(1):after,
.bz-buttonAnimat:nth-of-type(1) .inner:before,
.bz-buttonAnimat:nth-of-type(1) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat:nth-of-type(2):before,
.bz-buttonAnimat:nth-of-type(2):after,
.bz-buttonAnimat:nth-of-type(2) .inner:before,
.bz-buttonAnimat:nth-of-type(2) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat:nth-of-type(3):before,
.bz-buttonAnimat:nth-of-type(3):after,
.bz-buttonAnimat:nth-of-type(3) .inner:before,
.bz-buttonAnimat:nth-of-type(3) .inner:after {
    background-color: #fff;
}
.bz-buttonAnimat:nth-of-type(4):before,
.bz-buttonAnimat:nth-of-type(4):after,
.bz-buttonAnimat:nth-of-type(4) .inner:before,
.bz-buttonAnimat:nth-of-type(4) .inner:after {
    background-color: #fff;
}
.bz-buttonAnimat:nth-of-type(5):before,
.bz-buttonAnimat:nth-of-type(5):after,
.bz-buttonAnimat:nth-of-type(5) .inner:before,
.bz-buttonAnimat:nth-of-type(5) .inner:after {
    background-color: #fff;
}
.bz-buttonAnimat:nth-of-type(6):before,
.bz-buttonAnimat:nth-of-type(6):after,
.bz-buttonAnimat:nth-of-type(6) .inner:before,
.bz-buttonAnimat:nth-of-type(6) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat02:nth-of-type(1):before,
.bz-buttonAnimat02:nth-of-type(1):after,
.bz-buttonAnimat02:nth-of-type(1) .inner:before,
.bz-buttonAnimat02:nth-of-type(1) .inner:after {
    background-color: #0071d4;
}

.bz-buttonAnimat02:nth-of-type(2):before,
.bz-buttonAnimat02:nth-of-type(2):after,
.bz-buttonAnimat02:nth-of-type(2) .inner:before,
.bz-buttonAnimat02:nth-of-type(2) .inner:after {
    background-color: #0071d4;
}

.bz-buttonAnimat02:nth-of-type(3):before,
.bz-buttonAnimat02:nth-of-type(3):after,
.bz-buttonAnimat02:nth-of-type(3) .inner:before,
.bz-buttonAnimat02:nth-of-type(3) .inner:after {
    background-color: #0071d4;
}
.bz-buttonAnimat02:nth-of-type(4):before,
.bz-buttonAnimat02:nth-of-type(4):after,
.bz-buttonAnimat02:nth-of-type(4) .inner:before,
.bz-buttonAnimat02:nth-of-type(4) .inner:after {
    background-color: #0071d4;
}

.bz-buttonAnimat02:nth-of-type(5):before,
.bz-buttonAnimat02:nth-of-type(5):after,
.bz-buttonAnimat02:nth-of-type(5) .inner:before,
.bz-buttonAnimat02:nth-of-type(5) .inner:after {
    background-color: #0071d4;
}
.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}



.bz-buttonAnimat02.horizontal:before,
.bz-buttonAnimat02.horizontal:after,
.bz-buttonAnimat02.both:before,
.bz-buttonAnimat02.both:after {
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat02.horizontal .inner:before,
.bz-buttonAnimat02.horizontal .inner:after,
.bz-buttonAnimat02.both .inner:before,
.bz-buttonAnimat02.both .inner:after {
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}




.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}