/*



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;



*/



/* 公用标题 */















/* 搜索 */

.tback{width:100%;height:70px;background:#007acf;position:relative;z-index:2;}



.search{width:1200px;margin:0 auto;height:70px;}



.search .left{width:auto;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}



.search .left p{font-size:14px;line-height:70px;}



.search .right{width:334px;height:34px;margin:18px 0;float:right;overflow:hidden;box-sizing:content-box;}



.search .right .input{width:279px;height:32px;line-height:32px;color:#b8d0ed;display:inline-block;background:rgba(0,0,0,0);padding-left:20px;float:left;font-size:14px;box-sizing:content-box;border:solid 1px #fff;border-right:none;}



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













/* 产品中心 */

.box_01{width:100%;padding:50px 0;background:#fff;}



.box_01 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_01 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#3c4250;font-weight:bold;margin-bottom:12px;}



.box_01 .h_title p{width:158px;font-size:16px;height:28px;border:solid 1px #007acf;line-height:28px;color:#007acf;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_01 .h_title p::before{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;left:-50px;}



.box_01 .h_title p::after{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;right:-50px;}





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



.box_01 .center .left{width:250px;height:645px;position:relative;float:left;background:#007acf;border-radius:15px;}



.box_01 .center .left .bt{width:147px;height:73px;padding:30px 0 0 103px; background:url(../images/pro_icon.png) 37px 30px no-repeat;}



.box_01 .center .left .bt h4{font-size:22px;color:#fff;line-height:22px;font-weight:bold;margin-bottom:8px;}



.box_01 .center .left .bt p{font-size:12px;color:#fff;line-height:10px;text-transform: Uppercase;}



.box_01 .center .left .list{width:230px;height:500px;background:#fff;margin:0 auto;overflow: auto;overflow-x: hidden;padding-top:6px;border-radius:0 0 15px 15px;}



.list::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}



.list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #33;}



.box_01 .center .left .list li{width:198px;height:32px;line-height:32px;margin:14px auto 0 auto;border:solid 1px #d9d9d9;position:relative;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left .list li a{display:block;width:140px;height:32px;line-height:32px;padding:0 40px 0 18px;font-size:14px;color:#797d80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



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



.box_01 .center .left .list li a::before{content:'';width:0px;height:32px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left .list li a:hover::before{content:'';width:198px;height:32px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left ul li a::after{content:'';width:12px;height:14px;background:url(../images/pro_jt_01.png);position:absolute;top:9px;right:19px;-webkit-transition:all .5s;transition:all .5s;}



.box_01 .center .left ul li a:hover::after{content:'';width:12px;height:14px;background:url(../images/pro_jt_02.png);position:absolute;top:9px;right:19px;-webkit-transition:all .5s;transition:all .5s;}

























.pro-center{width:920px;height:645px;overflow:hidden;float:right;}



.pro-center .hd{width:920px;height:40px;overflow:hidden;}



.pro-center .hd ul{width:340px;height:40px;line-height:40px;overflow:hidden;font-size:16px;float:left;border-radius:20px;background:#2e343a;}



.pro-center .hd ul li{width:105px;height:40px;line-height:40px;padding-left:65px;float:left;cursor:pointer;color:#fff;background:#2e343a;border-radius:20px;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.pro-center .hd ul li:nth-of-type(1)::after{content:'';width:13px;height:19px;background:url(../images/hot.png);position:absolute;top:10px;left:42px;}



.pro-center .hd ul li:nth-of-type(2)::after{content:'';width:13px;height:19px;background:url(../images/tuijian.png);position:absolute;top:10px;left:42px;}



.pro-center .hd ul li:last-child{float:right;}



.pro-center .hd ul li.on{background:#007acf;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .hd .more{height:40px;padding-left:10px;border-left:solid 2px #007acf;float:right;}



.pro-center .hd .more span:nth-of-type(1){display:block;font-size:18px;font-weight:bold;color:#1c2023;line-height:20px;}



.pro-center .hd .more span:nth-of-type(2){display:block;font-size:14px;color:#1c2023;line-height:20px;}



.pro-center .bd{width:920px;}



.pro-center .bd .main{overflow:hidden;}



.pro-center .bd .main li{width:293px;height:282px;float:left;margin:20px 20px 0 0;position:relative;-webkit-transition:all .5s;transition:all .5s;}



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



.pro-center .bd .main li a{display:block;}



.pro-center .bd .main li .img{width:293px;height:222px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}



.pro-center .bd .main li .img .pic{width:293px;height:222px;overflow:hidden}



.pro-center .bd .main li .img .pic img{width:293px;height:222px;transition: all 1s;vertical-align:top;}



.pro-center .bd .main li:hover .img .pic img{transform: scale(1.2);}



.pro-center .bd .main li .img .hide{display:block;width:293px;height:222px;background:url(../images/jia.png) center center no-repeat rgba(28,32,35,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.pro-center .bd .main li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.pro-center .bd .main li .name{width:200px;height:58px;line-height:58px;border:solid 1px #bcbcbc;padding:0 71px 0 20px;font-size:14px;color:#797d80;background:#ebeef5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:0;}







.pro-center .bd .main li .name::before{content:'';width:0px;height:58px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover .name::before{content:'';width:293px;height:58px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}







.pro-center .bd .main li .name::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_03.png) center center no-repeat rgba(0,0,0,0);border:solid 1px #c9c9c9;border-radius:10px;position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;}



.pro-center .bd .main li:hover  .name::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_04.png) center center no-repeat rgba(0,0,0,0);border:solid 1px #fff;position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;}







.pro-center .bd .main li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}













































/* 横栏广告 */

.box_02{width:100%;height:300px;background: url(../images/ad_back.jpg) no-repeat center;}



.box_02 .center{width:1200px;height:300px;margin:0 auto;overflow:hidden;position:relative;}



.box_02 .center .txt{width:248px;position:absolute;top:30px;right:310px;color:#fff;text-align:center;}



.box_02 .center .txt p:nth-of-type(1){width:248px;height:45px;line-height:45px;background:#fff;font-size:30px;color:#007acf;font-weight:bold;margin-bottom:20px;}



.box_02 .center .txt p:nth-of-type(2),

.box_02 .center .txt p:nth-of-type(3),

.box_02 .center .txt p:nth-of-type(4){width:178px;height:34px;line-height:34px;border:solid 1px #80bde7;margin:0 auto 9px auto;font-size:22px;}



.box_02 .center .txt p:nth-of-type(5){font-size:26px;line-height:26px;font-weight:bold;margin-top:20px;}



.box_02 .center .tel{width:auto;padding-top:70px;position:absolute;top:45px;right:0;overflow:hidden;color:#fff;background:url(../images/tel02.png) center top no-repeat;}



.box_02 .center .tel p{font-size:18px;line-height:18px;font-weight:bold;margin-bottom:13px;}



.box_02 .center .tel .click{width:140px;height:40px;background:#fff;color:#;margin:20px auto 0 auto;position:relative;z-index:0;}



.box_02 .center .tel .click a{display:block;width:140px;height:40px;line-height:40px;font-size:16px;color:#3c4250;text-align:center;outline: 1px solid #007acf;outline-offset:-5px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel .click a:hover{color:#fff;outline: 1px solid #fff;outline-offset:-5px;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel .click::after{content:'';width:0px;height:40px;background:#3c4250;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_02 .center .tel .click:hover::after{content:'';width:140px;height:40px;background:#3c4250;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}









/* 企业优势 */

.box_03{width:100%;padding:50px 0;background:#fff;}



.box_03 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_03 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#3c4250;font-weight:bold;margin-bottom:12px;}



.box_03 .h_title p{width:215px;font-size:16px;height:28px;border:solid 1px #007acf;line-height:28px;color:#007acf;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_03 .h_title p::before{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;left:-50px;}



.box_03 .h_title p::after{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;right:-50px;}



.content-box{width:100%;height:430px;margin-top:30px;padding-top:20px;position:relative; background:url(../images/ys_back_01.jpg) center top no-repeat;}



.content-box .bd{width:1200px;margin:0 auto;position:relative;}



.content-box .bd li{width:1200px;height:430px;margin:0 auto;}



.content-box .bd li .imgtxt{width:1200px;height:430px;}



.content-box .bd li .imgtxt .left{width:600px;height:430px;float:left;overflow:hidden;}



.content-box .bd li .imgtxt .left img{width:580px;height:430px;vertical-align:top;transition: all 1s;}



.content-box .bd li .imgtxt .right{width:560px;height:390px;padding-top:40px;float:right;background:#fff;}



.content-box .bd li .imgtxt .right h4{font-size:24px;line-height:65px;font-weight:bold;color:#3c4250;padding:0 0 32px 85px;margin-bottom:25px;position:relative;}



.content-box .bd li .imgtxt .right h4::after{content:'';width:40px;height:2px;background:#3c4250;position:absolute;left:85px;bottom:0;}



.content-box .bd li:nth-of-type(1) .imgtxt .right h4{ background:url(../images/ys_icon_01.png) left top no-repeat;}



.content-box .bd li:nth-of-type(2) .imgtxt .right h4{ background:url(../images/ys_icon_02.png) left top no-repeat;}



.content-box .bd li .imgtxt .right p{width:475px;margin-left:50px;font-size:14px;line-height:25px;color:#797d80; background:url(../images/ys_dian.png) left 9px no-repeat;padding-left:35px;}



.content-box .bd li .imgtxt .right p:nth-of-type(1){margin-bottom:25px;padding-bottom:25px;border-bottom:solid 1px #cecece;}



.content-box .anniu{position:absolute;right:360px;bottom:30px;width:150px;height:40px;z-index:3;}



.content-box .anniu a{display:inline-block;width:70px;height:40px;}



.content-box .anniu .prev{background:url(../images/ys_jt_01.png) center center no-repeat #3c4250;float:left;-webkit-transition: all .5s; transition: all .5s;}



.content-box .anniu .next{background:url(../images/ys_jt_02.png) center center no-repeat #3c4250;float:right;-webkit-transition: all .5s; transition: all .5s;}



.content-box .anniu .prev:hover{background:url(../images/ys_jt_01.png) center center no-repeat #007acf;border-radius:20px 0 20px 0;-webkit-transition: all .5s; transition: all .5s;}



.content-box .anniu .next:hover{background:url(../images/ys_jt_02.png) center center no-repeat #007acf;border-radius:0 20px 0 20px;-webkit-transition: all .5s; transition: all .5s;}



.content-box02{width:100%;height:430px;padding-top:20px;position:relative;background:url(../images/ys_back_02.jpg) center top no-repeat;}



.content-box02 .bd{width:1200px;margin:0 auto;position:relative;}



.content-box02 .bd li{width:1200px;height:430px;margin:0 auto;}



.content-box02 .bd li .imgtxt{width:1200px;height:430px;}



.content-box02 .bd li .imgtxt .left{width:560px;height:390px;padding-top:40px;float:left;background:#fff;}



.content-box02 .bd li .imgtxt .left h4{font-size:24px;line-height:65px;font-weight:bold;color:#3c4250;padding:0 0 32px 85px;margin-bottom:25px;position:relative;}



.content-box02 .bd li .imgtxt .left h4::after{content:'';width:40px;height:2px;background:#3c4250;position:absolute;left:85px;bottom:0;}



.content-box02 .bd li:nth-of-type(1) .imgtxt .left h4{ background:url(../images/ys_icon_03.png) left top no-repeat;}



.content-box02 .bd li:nth-of-type(2) .imgtxt .left h4{ background:url(../images/ys_icon_04.png) left top no-repeat;}



.content-box02 .bd li .imgtxt .left p{width:475px;margin-left:50px;font-size:14px;line-height:25px;color:#797d80; background:url(../images/ys_dian.png) left 9px no-repeat;padding-left:35px;}



.content-box02 .bd li .imgtxt .left p:nth-of-type(1){margin-bottom:25px;padding-bottom:25px;border-bottom:solid 1px #cecece;}



.content-box02 .bd li .imgtxt .right{width:600px;height:430px;float:right;overflow:hidden;}



.content-box02 .bd li .imgtxt .right img{width:580px;height:430px;vertical-align:top;transition: all 1s;margin-left:20px;}



.content-box02 .anniu{position:absolute;left:50px;bottom:30px;width:150px;height:40px;z-index:3;}



.content-box02 .anniu a{display:inline-block;width:70px;height:40px;}



.content-box02 .anniu .prev{background:url(../images/ys_jt_01.png) center center no-repeat #3c4250;float:left;-webkit-transition: all .5s; transition: all .5s;}



.content-box02 .anniu .next{background:url(../images/ys_jt_02.png) center center no-repeat #3c4250;float:right;-webkit-transition: all .5s; transition: all .5s;}



.content-box02 .anniu .prev:hover{background:url(../images/ys_jt_01.png) center center no-repeat #007acf;border-radius:20px 0 20px 0;-webkit-transition: all .5s; transition: all .5s;}



.content-box02 .anniu .next:hover{background:url(../images/ys_jt_02.png) center center no-repeat #007acf;border-radius:0 20px 0 20px;-webkit-transition: all .5s; transition: all .5s;}











/* 成功案例 */

.box_04{width:100%;height:1011px;padding-top:50px;background:url(../images/case_back.jpg) center top no-repeat;}



.box_04 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_04 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#3c4250;font-weight:bold;margin-bottom:12px;}



.box_04 .h_title p{width:172px;font-size:16px;height:28px;border:solid 1px #007acf;line-height:28px;color:#007acf;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_04 .h_title p::before{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;left:-50px;}



.box_04 .h_title p::after{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;right:-50px;}



.box_04 ul{width:1200px;margin:30px auto 0 auto;overflow:hidden;}



.box_04 ul li{width:380px;height:415px;float:left;margin:0 30px 30px 0;}



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



.box_04 ul li a{display:block;}



.box_04 ul li .img{width:380px;height:285px;overflow:hidden;position:relative;}



.box_04 ul li .img .pic{width:380px;height:285px;overflow:hidden;}



.box_04 ul li .img .pic img{width:380px;height:285px;transition: all 1s;vertical-align:top;}



.box_04 ul li:hover .pic .img img{transform: scale(1.2);}



.box_04 ul li .img .hide{display:block;width:380px;height:285px;background:rgba(60,66,80,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.box_04 ul li .img .hide a{width:70px;height:20px;margin:133px auto 0 auto; background:url(../images/jia.png);}



.box_04 ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.box_04 ul li .txt{width:340px;height:100px;padding:30px 20px 0 20px;background:#fff;overflow:hidden;}



.box_04 ul li .txt .name{font-size:16px;line-height:16px;color:#3c4250;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:20px;position:relative;}



.box_04 ul li:hover .txt .name{color:#007acf;}



.box_04 ul li .txt .name::before{content:'';width:380px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;}



.box_04 ul li .txt .name::after{content:'';width:0px;height:1px;background:#007acf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li:hover .txt .name::after{content:'';width:380px;height:1px;background:#007acf;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li .txt p{width:280px;margin-top:17px;height:18px;line-height:18px;padding-right:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:0;}



.box_04 ul li .txt p::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_03.png) center center no-repeat #fff;border:solid 1px #c9c9c9;border-radius:10px;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_04 ul li:hover .txt p::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_04.png) center center no-repeat #007acf;border:solid 1px #007acf;position:absolute;top:0;right:0;-webkit-transition:all .5s;transition:all .5s;}













/* 关于我们 */

.box_05{width:100%;height:450px;background:#fff;padding:50px 0;}



.box_05 .center{width:1200px;height:450px;margin:0 auto;}



.box_05 .center .bx{width:1200px;height:450px;}



.box_05 .center .bx .left{width:490px;height:405px;float:left;}



.box_05 .center .bx .left h4{font-size:26px;line-height:26px;color:#3c4250;font-weight:bold;margin:40px 0 30px 0;}



.box_05 .center .bx .left span{display:block;font-size:18px;color:#007acf;line-height:18px;font-weight:bold;margin-bottom:45px;padding-bottom:25px;position:relative;}



.box_05 .center .bx .left span::before{content:'';width:24px;height:4px;background:#007acf;position:absolute;bottom:0;left:0;}



.box_05 .center .bx .left p{font-size:14px;color:#797d80;line-height:25px;max-height:125px;overflow:hidden;text-indent:2em;margin-bottom:70px;}



.box_05 .center .bx .left .more{display:block;width:150px;height:40px;line-height:40px;text-align:center;color:#fff;background:url(../images/about_jt.png) 135px center no-repeat #3c4250;position:relative;z-index:0;}



.box_05 .center .bx .left .more::before{content:'';width:1px;height:40px;background:#717682;position:absolute;top:0;right:20px;}



.box_05 .center .bx .left .more:hover::before{content:'';width:0px;height:40px;background:#3c4250;position:absolute;top:0;right:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .bx .left .more::after{content:'';width:0px;height:40px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .bx .left .more:hover::after{content:'';width:150px;height:40px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.box_05 .center .bx .right{width:600px;height:450px;float:right;}



.box_05 .center .bx .right img{width:600px;height:450px;vertical-align:top;}











/* 荣誉资质 */

.box_06{width:100%;padding-top:51px;height:490px;background:url(../images/show_back.jpg) center top no-repeat;}



.box_06 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_06 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#fff;font-weight:bold;margin-bottom:12px;}



.box_06 .h_title p{width:199px;font-size:16px;height:28px;border:solid 1px #fff;line-height:28px;color:#fff;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_06 .h_title p::before{content:'';width:40px;height:1px;background:#fff;position:absolute;top:14px;left:-50px;}



.box_06 .h_title p::after{content:'';width:40px;height:1px;background:#fff;position:absolute;top:14px;right:-50px;}



.box_06 .slideGroup02{width:100%;margin-top:40px;position:relative;}



.box_06 .slideGroup02 .parHd{width:490px;height:40px;margin:0 auto;}



.box_06 .slideGroup02 .parHd ul{width:490px;height:40px;overflow:hidden;font-size:16px;}



.box_06 .slideGroup02 .parHd ul li{width:148px;height:38px;line-height:38px;text-align:center;border:solid 1px #fff;color:#fff;cursor:pointer;float:left;margin-right:20px;border-radius:20px;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parHd ul li::after{content:'';width:0px;height:38px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:25px;}



.box_06 .slideGroup02 .parHd ul li.on::after{content:'';width:148px;height:38px;background:#fff;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:25px;}



.box_06 .slideGroup02 .parHd ul li.on{color:#007acf;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parHd ul li:last-child{margin-right:0px;}



.box_06 .slideGroup02 .parBd{width:1200px;height:260px;margin:30px auto 0 auto;overflow:hidden;}



.box_06 .slideGroup02 .parBd .slideBox{position:relative;}



.box_06 .slideGroup02 .parBd .slideBox .tempWrap{width:1200px;margin:0 auto;overflow:hidden;}



.box_06 .slideGroup02 .parBd ul{width:1200px;overflow:hidden; zoom:1;}



.box_06 .slideGroup02 .parBd ul li{width:285px;margin-right:20px;cursor:pointer;float:left;-webkit-transition: all .5s;transition: all .5s;}



.box_06 .slideGroup02 .parBd ul li a{display:block;}



.box_06 .slideGroup02 .parBd ul li .img{width:285px;height:210px;overflow:hidden;position:relative;-webkit-transition: all .5s;transition: all .5s;}



.box_06 .slideGroup02 .parBd ul li:hover .img{background:#007acf;-webkit-transition: all .5s;transition: all .5s;}



.box_06 .slideGroup02 .parBd ul li .img .pic{width:285px;height:210px;overflow:hidden}



.box_06 .slideGroup02 .parBd ul li .img .pic img{width:285px;height:210px;transition: all 1s;vertical-align:top;}



.box_06 .slideGroup02 .parBd ul li:hover .img .pic img{transform: scale(1.2);}



.box_06 .slideGroup02 .parBd ul li .img .hide{display:block;width:285px;height:210px;background:rgba(60,66,80,0.4);position:absolute;left:0;top:0;/*旋转中心位置*/transform-origin: left top;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform: rotate(90deg);/*旋转角度*/-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}



.box_06 .slideGroup02 .parBd ul li .img .hide a{width:70px;height:20px;margin:95px auto 0 auto; background:url(../images/jia.png);}



.box_06 .slideGroup02 .parBd ul li:hover .img .hide{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);}



.box_06 .slideGroup02 .parBd ul li .txt{width:215px;height:50px;line-height:50px;background:#fff;padding:0 50px 0 20px;position:relative;z-index:0;}



.box_06 .slideGroup02 .parBd ul li .txt::before{content:'';width:0;height:50px;background:#007acf;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parBd ul li:hover .txt::before{content:'';width:285px;height:50px;background:#007acf;position:absolute;top:0;left:0;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parBd ul li .txt::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_03.png) center center no-repeat #fff;border:solid 1px #c9c9c9;border-radius:10px;position:absolute;top:16px;right:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parBd ul li:hover .txt::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_05.png) center center no-repeat #fff;border:solid 1px #fff;position:absolute;top:16px;right:20px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .parBd ul li .name{width:180px;height:50px;line-height:50px;font-size:14px;color:#3c4250;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;}



.box_06 .slideGroup02 .parBd ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .sPrev{position:absolute;left:-50px;top:80px;display:block;width:50px;height:50px;background:url(../images/show_jt_01.jpg);background-position:0 0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;z-index:5;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .sNext{position:absolute;right:-50px;top:80px;display:block;width:50px;height:50px;background:url(../images/show_jt_02.jpg);background-position:0 0;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;z-index:5;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .slideBox:hover .sPrev{left:0px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .slideGroup02 .slideBox:hover .sNext{right:0px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .sPrev:hover{background-position: 0 50px;-webkit-transition:all .5s;transition:all .5s;}



.box_06 .sNext:hover{background-position: 0 50px;-webkit-transition:all .5s;transition:all .5s;}













/* 新闻动态 */

.box_07{width:100%;height:auto;padding:50px 0;background:#ebeef5;}



.box_07 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_07 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#3c4250;font-weight:bold;margin-bottom:12px;}



.box_07 .h_title p{width:187px;font-size:16px;height:28px;border:solid 1px #007acf;line-height:28px;color:#007acf;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_07 .h_title p::before{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;left:-50px;}



.box_07 .h_title p::after{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;right:-50px;}



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



.news_center .hd{width:320px;height:40px;line-height:40px;margin:0 auto;}



.news_center .hd ul{overflow:hidden;font-size:16px;}



.news_center .hd ul li{width:148px;height:38px;line-height:38px;border-radius:20px;text-align:center;border:solid 1px #007acf;float:left;border-radius:20px;margin-right:20px;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;}



.news_center .hd ul li::after{content:'';width:0px;height:38px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:20px;}



.news_center .hd ul li.on::after{content:'';width:148px;height:38px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:20px;}



.news_center .hd ul li:last-child{margin-right:0;}



.news_center .hd ul li a{display:block;color:#007acf;}



.news_center .hd ul li.on a{display:block;color:#fff;}



.news_center .bd{width:1200px;margin-top:30px;}



.news_center .bd .main{width:1200px;height:560px;overflow:hidden;}



.news_center .bd .main .top{width:1200px;height:250px;overflow:hidden;float:left;margin-bottom:30px;}



.news_center .bd .main .top a{display:block;}



.news_center .bd .main .top .img{width:600px;height:250px;overflow:hidden;float:left;}



.news_center .bd .main .top img{width:600px;height:250px;transition: all 1s;vertical-align:top;}



.news_center .bd .main .top:hover .img img{transform: scale(1.2);}



.news_center .bd .main .top .txt{width:500px;height:250px;padding:0 50px;float:right; background:#fff;}



.news_center .bd .main .top .txt span{display:block;font-size:20px;line-height:18px;font-weight:bold;color:#007acf;margin:30px 0;}



.news_center .bd .main .top .txt .name{height:16px;line-height:16px;font-size:16px;color:#474c5a;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:25px;}



.news_center .bd .main .top .txt p:nth-of-type(1){font-size:14px;line-height:25px;max-height:50px;overflow:hidden;color:#797d80;margin-bottom:35px;}



.news_center .bd .main .top .txt p:nth-of-type(2){width:79px;height:18px;position:relative;}



.news_center .bd .main .top .txt p:nth-of-type(2)::before{content:'';width:70px;height:1px;background:#007acf;position:absolute;left:0px;top:8px;}



.news_center .bd .main .top .txt p:nth-of-type(2)::after{content:'';width:16px;height:16px;border:solid 1px #007acf;border-radius:20px;position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .top .txt:hover p:nth-of-type(2)::after{right:70px;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom{width:1200px;height:auto;margin:0 auto;overflow:hidden;}



.news_center .bd .main .bottom li{width:520px;height:60px;line-height:60px;font-size:14px;padding:0 20px 0 40px;margin-bottom:10px;background:#fff;float:left;position:relative;z-index:0;}



.news_center .bd .main .bottom li:nth-of-type(2n){float:right;}



.news_center .bd .main .bottom li::after{content:'';width:0px;height:60px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li:hover::after{content:'';width:580px;height:60px;background:#007acf;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li::before{content:'';width:11px;height:11px;background:url(../images/dian01.png);position:absolute;top:25px;left:10px;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li:hover::before{content:'';width:11px;height:11px;background:url(../images/dian02.png);position:absolute;top:25px;left:10px;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li a{display:block;height:60px;line-height:60px;width:390px;color:#797d80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;position:relative;}



.news_center .bd .main .bottom li span{display:block;width:auto;height:60px;line-height:60px;color:#797d80;font-size:14px;float:right;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.news_center .bd .main .bottom li:hover span{color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.box_07 .cjwt{width:1200px;height:auto;overflow:hidden;margin:40px auto 0 auto;}



.box_07 .cjwt h4{font-size:22px;line-height:22px;font-weight:bold;text-transform: Uppercase;text-align:center;padding-bottom:30px;border-bottom:solid 1px #c5c5c5;}



.box_07 .cjwt h4 a{color:#3c4250;}



.txtScroll-left05{width:1200px;height:115px;margin-top:30px;}



.box_07 .cjwt ul{width:1200px;height:115px;overflow:hidden;}



.box_07 .cjwt ul li{width:540px;height:75px;padding:20px;margin-right:40px;float:left;cursor:pointer; background:#fff;}



.box_07 .cjwt ul li a{display:block;margin-bottom:10px;width:480px;height:33px;line-height:33px;padding-left:50px;color:#3c4250;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/wen.png) left center no-repeat;}



.box_07 .cjwt ul li p{width:490px;height:33px;line-height:33px;padding-right:50px;color:#797d80;background:url(../images/da.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}











/* 联系我们 */

.box_08{width:100%;height:576px;padding-top:50px;background:url(../images/lxwm_back.jpg) center top no-repeat;}



.box_08 .h_title{width:450px;height:70px;margin:0 auto;text-align:center;}



.box_08 .h_title h3{width:450px;height:28px;font-size:28px;line-height:28px;color:#3c4250;font-weight:bold;margin-bottom:12px;}



.box_08 .h_title p{width:123px;font-size:16px;height:28px;border:solid 1px #007acf;line-height:28px;color:#007acf;margin:0 auto;text-transform: Uppercase;position:relative;}



.box_08 .h_title p::before{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;left:-50px;}



.box_08 .h_title p::after{content:'';width:40px;height:1px;background:#007acf;position:absolute;top:14px;right:-50px;}



.box_08 .form{width:1120px;height:191px;padding:40px 40px 0 40px;margin:30px auto 0 auto;position:relative; background:url(../images/ly_back.jpg) center top no-repeat;}



.box_08 .form p{width:270px;height:70px;overflow:hidden;margin-bottom:30px;float:left;margin-right:40px;}



.box_08 .form p:nth-of-type(3){margin-right:0;}



.box_08 .form p span{display:block;font-size:14px;color:#fff;line-height:12px;margin-bottom:8px;}



.box_08 .form input{display:block;width:270px;height:50px;line-height:50px;padding-left:40px;color:#b3b5b6;float:right;font-size:14px;border-radius:10px;}



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



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



.box_08 .form p:nth-of-type(3){width:500px;height:auto;overflow:hidden;margin-bottom:20px;}



.box_08 .form textarea{width:500px;height:50px;line-height:50px;background:url(../images/liuyan.png) 11px center no-repeat #fff;padding-left:40px;border-radius:10px;}



.box_08 .form .tj{width:242px;height:50px;border:none;position:absolute;bottom:40px;right:357px;clear:both; background:#007acf;z-index:0;border-radius:0 10px 10px 0;}



.box_08 .form .tj .btn{display: block;width:242px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;border:none;background:none;border-radius:0 10px 10px 0;}



.box_08 .form .tj::after{content:'';width:0px;height:50px;background:#3c4250;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:0 10px 10px 0;}



.box_08 .form .tj:hover::after{content:'';width:242px;height:50px;background:#3c4250;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:0 10px 10px 0;}



.box_08 ul{width:1200px;margin:50px auto 0 auto;overflow:hidden;}



.box_08 li{width:400px;height:auto;text-align:center;float:left;position:relative;}



.box_08 li:nth-of-type(3){display:none;}



.box_08 li i{display:block;width:78px;height:78px;margin:0 auto;border:solid 1px #c3c3c3;border-radius:50%;-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}



.box_08 li:hover i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}



.box_08 li:nth-of-type(1) i{background:url(../images/ft_icon_01.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}



.box_08 li:nth-of-type(2) i{background:url(../images/ft_icon_02.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}



.box_08 li:nth-of-type(3) i{background:url(../images/ft_icon_03.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}



.box_08 li:nth-of-type(4) i{background:url(../images/ft_icon_04.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;}



.box_08 li p:nth-of-type(1){font-size:16px;color:#3c4250;height:34px;line-height:16px;margin:10px 0; background:url(../images/ft_xian.png) center bottom no-repeat;}



.box_08 li p:nth-of-type(2){font-size:14px;color:#919191;line-height:12px;}



.box_08 .form .yzmbox{width:245px;height:50px;position:absolute;bottom:40px;left:356px;z-index:0;overflow:hidden;}



.box_08 .form .yzmbox input{display:block;width:110px;height:50px;line-height:50px;padding-left:10px;color:#b3b5b6;font-size:14px;background:#fff;float:left;border-radius:10px 0 0 10px;}



.box_08 .form .yzmbox img{display:block;float:right;width:125px;height:50px;}











/* 友情链接 */

.links{width:100%;height:40px;padding:30px 0;background:#ebeef5;}



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



.links .link p{font-size:20px;color:#fff;font-weight:bold;font-style:italic;text-transform: Uppercase;float:left;width:100px;text-align:center;height:40px;line-height:40px;overflow:hidden;background:#007acf;}



.links .link a{display:inline-block;width:115px;text-align:center;font-size:14px;height:14px;line-height:14px;margin-top:13px;color:#8c8c8c;border-right:solid 1px #8c8c8c;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: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::before,

.bz-buttonAnimat::after,

.bz-buttonAnimat .inner::before,

.bz-buttonAnimat .inner::after {

    background-color: #007acf;

}



.bz-buttonAnimat02::before,

.bz-buttonAnimat02::after,

.bz-buttonAnimat02 .inner::before,

.bz-buttonAnimat02 .inner::after {

    background-color: #fff;

}



.bz-buttonAnimat03::before,

.bz-buttonAnimat03::after,

.bz-buttonAnimat03 .inner::before,

.bz-buttonAnimat03 .inner::after {

    background-color: #007acf;

}





.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: 2px;

    -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: 2px;

    height: 100%;

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}





.bz-buttonAnimat02:before,

.bz-buttonAnimat02:after,

.bz-buttonAnimat02 .inner:before,

.bz-buttonAnimat02 .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-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-buttonAnimat03:before,

.bz-buttonAnimat03:after,

.bz-buttonAnimat03 .inner:before,

.bz-buttonAnimat03 .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-buttonAnimat03.horizontal:before,

.bz-buttonAnimat03.horizontal:after,

.bz-buttonAnimat03.both:before,

.bz-buttonAnimat03.both:after {

    left: 0;

    width: 100%;

    height: 2px;

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.bz-buttonAnimat03.horizontal .inner:before,

.bz-buttonAnimat03.horizontal .inner:after,

.bz-buttonAnimat03.both .inner:before,

.bz-buttonAnimat03.both .inner:after {

    top: 0;

    width: 2px;

    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

}