@font-face{font-family:syb;src:url(/Public/Home/font/pinghei.eot);src:url(/Public/Home/font/b_font.eot?#font-spider) format('embedded-opentype'),url(/Public/Home/font/b_font.woff) format('woff'),url(/Public/Home/font/b_font.ttf) format('truetype'),url(/Public/Home/font/b_font.svg) format('svg');font-weight:400;font-style:normal}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{
0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{
0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{
0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{
0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;transform:none}
}
@keyframes wobble{
0%{-webkit-transform:none;-ms-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{
0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{
0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{
0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{
0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{
0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{
0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{
0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{
0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{
0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{
0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp{
0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes slideOutDown{
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes slideOutLeft{
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@keyframes slideOutRight{
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes slideOutUp{
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.zcz-ml{width:100%;height:100vh;position:relative;margin:0 auto}
.zcz-ml .swiper-container{width:100%;height:100%}
.zcz-ml .swiper-wrapper{transition-timing-function:cubic-bezier(1,.1,.5,1)}
.zcz-ml .swiper-slide{text-align:center;font-size:.45rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.zcz-ml .swiper-slide a{width:100%;height:100%;display:block;margin:0 auto}
.zcz-ml .img-box{width:100%;height:100%;overflow:hidden}
.zcz-ml .img-box img{width:100%;height:100%;object-fit:cover}
.zcz-ml .z-img{width:auto;display:block;position:absolute;bottom:4%;left:5%;z-index:2}
.zcz-ml .z-img a{color:#fff}
.zcz-ml .z-img span{font-size:.7rem;width:100%;display:block;height:auto;margin:0 auto;text-align:left;padding-bottom:5px;color:#fff}
.zcz-ml .z-img h1{width:100%;display:block;margin:0 auto;text-align:left;color:#fff;font-size:1.2rem}
.video-js{display:block}
.video-js{opacity:0;transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s}
.video-js .vjs-tech{position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover;display:block;right:0;margin:0 auto}
.zcz-ml .banner_index-pc{width:100%;height:100%;position:absolute;top:0}
.banner_index-pc .swiper-slide .z-img{transform:translatex(-100px);opacity:0;transition:all .4s}
.banner_index-pc .ani-slide .z-img{transform:translateY(0);opacity:1}
.zcz-ml .ui-loop{position:absolute;width:52px;height:52px;z-index:9;bottom:5%;right:5%;top:auto;left:auto}
.zcz-ml .path-loop{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;margin-right:70px}
.zcz-ml .path-loop-bg{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;opacity:.1}
.zcz-ml .swiper-button-prev{background:0 0;bottom:5%;right:6%;top:auto;left:auto;width:50px;height:50px;margin-right:55px}
.zcz-ml .swiper-button-prev img{width:100%}
.zcz-ml .swiper-button-next{width:50px;height:50px;background:0 0;bottom:5%;right:5%;top:auto;left:auto;z-index:10}
.zcz-ml .swiper-button-next img{width:18px;height:auto;display:block;margin:0 auto;padding-top:16px}
.zcz-ml-nav{width:80%;height:60px;display:block;margin:0 auto;position:absolute;z-index:8;background:#008eb6;top:30px;left:0;right:0}
.zcz-txt{position:absolute;cursor:default;left:0;width:100%;height:auto;text-align:center;color:#fff;display:block;z-index:9;bottom:-4rem;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);padding-bottom:.8rem}
.zcz-txt h3{font-weight:400;width:90%;display:block;color:#fff;text-align:left;padding-left:6%;z-index:2;position:relative;margin-bottom:6%}
.zcz-txt h3 span{font-size:.8rem;font-weight:600}
.zcz-txt h3 em{font-size:.45rem;display:block;width:100%;margin:0 auto;padding-top:.5%}
.zcz-txt p{display:block;line-height:40px;width:90%;text-align:left;padding-left:6%;font-size:.45rem;z-index:2;position:relative}
.zcz-grid{width:100%;margin:0 auto;padding:0}
.no-cssanimations .zcz-grid li,.no-js .zcz-grid li,.zcz-grid li.shown{opacity:1}
.zcz-grid li a,.zcz-grid li img{transform:scale(1.02);outline:0;border:none;display:block;width:100%;transition:all .2s;position:relative}
.zcz-grid.effect-2 li.animate{-webkit-animation:fadeIn .8s ease forwards;animation:fadeIn .8s ease forwards}
@-webkit-keyframes fadeIn{
100%{opacity:1}
}
@keyframes fadeIn{
100%{opacity:1}
}
@-webkit-keyframes moveUp{
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes moveUp{
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.zcz-bg{position:absolute;width:100%;height:100%;cursor:default;opacity:0;top:0;z-index:2;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px) saturate(1);backdrop-filter:blur(10px) saturate(1);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.zcz-grid li a{width:100%;height:100%;display:block;margin:0 auto}
.zcz-grid li a,.zcz-grid li:hover .zcz-txt{bottom:0}
.zcz-grid li a,.zcz-grid li:hover .zcz-bg{opacity:1;overflow:hidden}
.zcz-grid li:hover img{transform:scale(1.04)}
.zcz-nq1{width:100%;height:100%;display:block;margin:0 auto;position:absolute;left:0;right:0;top:3.6%}
.zcz-nq1 .zcz-nq1-title{width:100%;height:auto;display:block;margin:0 auto;text-align:center;padding-top:2.4rem}
.zcz-nq1 .zcz-nq1-title span{width:auto;display:inline-block;color:#000;font-size:.8rem;font-weight:700}
.zcz-nq1 .zcz-nq1-title img{width:.7rem;display:inline-block;padding:0 28px;padding-top:.3rem}
.zcz-nq1 .zcz-nq1-text{width:100%;height:auto;display:block;text-align:center;font-size:.45rem;color:#666;margin-top:5.5%}
.zcz-nq2{top:0}
.zcz-nq2 h2{width:100%;display:block;height:auto;margin:0 auto;text-align:center;font-size:.8rem;color:#fff}
.zcz-nq2 p{color:#fff;width:100%;display:block;text-align:center;margin:0 auto;font-size:.45rem;line-height:40px}
.zcz-nq3{top:0}
.zcz-nq3 h2{padding-bottom:3%}
.zcz-grid-title{width:95%;height:auto;display:block;position:absolute;bottom:40px;color:#fff;padding-left:5%;z-index:2}
.zcz-grid-title span{font-size:.7rem;font-weight:600}
.zcz-grid-title em{font-size:.45rem;display:block;width:100%;margin:0 auto;padding-top:.5%}
.zcz-grid-title-h{color:#000}
.zcz-grid-zt-l{width:60%;display:block;height:auto;float:left;overflow:hidden;position:relative}
.zcz-grid-zt-r{width:40%;display:block;float:right;overflow:hidden}
.zcz-grid-zt-r .zcz-nq2{width:100%;position:relative}
.zcz-grid-zt-r .zcz-nq2 h2{color:#000;padding-bottom:8%}
.zcz-grid-zt-r .zcz-nq2 p{color:#000}
.zcz-grid .zcz-lr-g:hover img{transform:scale(1)}
.zcz-grid .zcz-lr-g .zcz-grid-zt-l:hover img{transform:scale(1.1)}
.zcz-header-top{z-index:9;background:rgba(0 ,0,0,.1);height:80px;position:fixed;width:90%;margin:0 auto;left:0;right:0;-webkit-transition:all .35s;transition:all .35s;padding:0 5%}
.zcz-header-top.cur{background:#fff;-webkit-transform:translate3d(0,-115%,0)!important;transform:translate3d(0,-115%,0)!important;-webkit-transition:all .35s;transition:all .35s}
.zcz-header-top.active{padding-top:0;height:80px;background:#fff;box-shadow:0 5px 10px 2px rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.zcz-header-top.active .logo .logo_b{opacity:0;visibility:hidden}
.zcz-header-top.active .logo .logo_h{opacity:1;visibility:visible;position:absolute;top:0}
.zcz-header-top.active nav .zcz-header-li{height:80px;line-height:80px;color:#000}
.zcz-header-top.active nav .zcz-header-li>a{color:#000}
.zcz-header-top.active .search-icon{color:#000}
.zcz-header-top.active .hamburger-inner,.zcz-header-top.active .hamburger-inner::after,.zcz-header-top.active .hamburger-inner::before{background:#2c2c2c;-webkit-transition-duration:.15s!important;transition-duration:.15s!important}
.zcz-header-top.active1{padding-top:0;box-shadow:0 5px 10px 2px rgba(0,0,0,.1);background:#fff;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.zcz-header-top.active1 .logo .logo_b{opacity:0;visibility:hidden}
.zcz-header-top.active1 .logo .logo_h{opacity:1;visibility:visible;position:absolute;top:0}
.zcz-header-top.active1 nav .zcz-header-li{height:80px;line-height:80px;color:#000}
.zcz-header-top.active1 nav .zcz-header-li>a{color:#000}
.zcz-header-top.active1 .search-icon{color:#000}
.zcz-header-top.active1 .hamburger-inner,.zcz-header-top.active1 .hamburger-inner::after,.zcz-header-top.active1 .hamburger-inner::before{background:#000;-webkit-transition-duration:.15s!important;transition-duration:.15s!important}
.zcz-header-top .logo{width:10%;height:80px;line-height:80px;position:relative;display:block;float:left}
.zcz-header-top .logo .logo_h{opacity:0;visibility:hidden}
.zcz-header-top .logo .zcz-logo-img{display:block;height:auto;width:42px;padding-top:20px}
.zcz-header-top .logo a{display:block}
.zcz-header-top .zcz-logo-img{width:100%}
.zcz-header-top nav{width:90%;height:80px;display:block;float:right;text-align:right;overflow:hidden}
.zcz-header-top nav .zcz-header-li{width:130px;height:80px;line-height:80px;position:relative;font-size:20px;margin-right:.4rem;text-align:center;color:#fff;display:inline-block}
.zcz-header-top nav .zcz-header-li>a{color:#fff;display:block;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top nav .zcz-header-li:last-child{margin-right:0;width:40px}
.zcz-header-top .nav-box p{height:50px;line-height:50px;background:#fff;padding:0 .5rem;border-bottom:1px solid #e8e5e8;text-align:left;-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top .nav-box a{color:#666;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;position:relative}
.zcz-header-top .nav-box .btn{-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top .nav-box p:hover{background:#3258a3;color:#fff;padding:0 .5rem 0 .75rem}
.zcz-header-top .nav-box p:hover a{color:#fff}
.zcz-header-top .nav-box p:hover .btn{margin-right:-5px}
.zcz-header-top .h-right{width:67px;height:auto;display:none;float:right}
.zcz-header-top .search-icon{width:30px;display:block;text-align:right;padding-top:25px;cursor:pointer;float:right;height:40px}
.zcz-header-top .search-icon img{width:100%}
.zcz-header-top .search-icon span{width:20px;height:20px;font-size:24px;font-weight:700}
.zcz-header-top .hamburger{padding:0;height:18px;padding-top:10px}
.zcz-header-top .hamburger-box{width:25px;height:18px;display:block;position:relative}
.zcz-header-top .hamburger-inner::before{top:-8px}
.zcz-header-top .hamburger-inner::after{bottom:8px}
.zcz-header-top .hamburger{opacity:1}
.zcz-header-top .hamburger:hover{opacity:1}
.zcz-header-top .hamburger-inner,.zcz-header-top .hamburger-inner::after,.zcz-header-top .hamburger-inner::before{width:25px;height:2px;background:#fff}
.zcz-header-top .hamburger.is-active .hamburger-inner,.zcz-header-top .hamburger.is-active .hamburger-inner::after,.zcz-header-top .hamburger.is-active .hamburger-inner::before{background:#fff;-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important}
.zcz-header-top nav .zcz-header-li .cn,.zcz-header-top nav .zcz-header-li .en{position:absolute;width:100%;height:100%;z-index:3}
.zcz-header-top nav .zcz-header-li .en{transition:background-color .4s;transform:translate3d(0,0,50px);-webkit-transform:translate3d(0,0,50px);font-size:.45rem;font-family:Poppins,sans-serif;font-weight:300}
.zcz-header-top nav .zcz-header-li .cn{transform:rotateX(90deg) translate3d(0,0,50px);-webkit-transform:rotateX(90deg) translate3d(0,0,50px);-webkit-transform:rotateX(90deg) translate3d(0,0,50px);color:#fff;font-size:.45rem}
.zcz-header-top nav .zcz-header-li .lia{display:block;position:relative;z-index:2;height:100%;background-color:transparent;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s;transform:translate3d(0,0,0);cursor:pointer}
.zcz-header-top nav .zcz-header-li:hover .lia{-webkit-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.zcz-header-top nav .zcz-header-li.iecur:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-search-alert{position:fixed;z-index:100;background-color:#000;left:0;top:0;width:100%;height:100%}
.zcz-search-alert input::-webkit-input-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input::-moz-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input:-moz-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input:-ms-input-placeholder{color:#ccc!important;font-size:.5rem}
.zcz-search-alert .zcz-c-form{opacity:0;-webkit-transform:translate(0,40px);-ms-transform:translate(0,40px);transform:translate(0,40px);-webkit-transition:all .5s;transition:all .5s}
.zcz-search-alert .close{width:30px;height:30px;position:absolute;top:38px;right:5%;cursor:pointer;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.zcz-search-alert .close img{width:100%;height:auto}
.zcz-search-alert .close:before{font-size:30px;top:0;left:0;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.zcz-search-alert .zcz-c-form{position:absolute;width:70%;top:46%;height:2rem;border-bottom:1px solid #515151;left:0;right:0;margin:0 auto}
.zcz-search-alert .zcz-c-form:before{color:#fff;font-size:30px;position:absolute;left:0;height:50px;top:50%;margin-top:-25px}
.zcz-search-alert .zcz-c-form .tex{border:none;font-size:1rem;height:1.5rem;line-height:1.5rem;text-align:left;width:90%;color:#fff;background:0 0}
.zcz-search-alert .zcz-c-form .sub-butn{border:none;height:1rem;font-size:.8rem;line-height:1.5rem;color:#fff;background:0 0;position:absolute;right:0;top:0;width:.9rem;text-align:center;padding-top:.8rem;padding-right:.5rem;cursor:pointer}
.zcz-search-alert .zcz-c-form .sub-butn img{width:100%}
.zcz-search-alert{-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s .5s;transition:transform .3s .5s}
.zcz-search-alert.active{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zcz-search-alert.active .zcz-c-form{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s .3s;transition:all .5s .3s}
header.on{height:80px;position:relative}
.search-form .input2::-webkit-input-placeholder{color:#fff}
.search-form .input2::-moz-placeholder{color:#fff}
.search-form .input2::-ms-input-placeholder{color:#fff}
header{position:fixed;width:100%;left:0;height:80px;z-index:9;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;top:0}
header .on2{-webkit-transform:translate3d(0,-100%,0)!important;transform:translate3d(0,-100%,0)!important;-webkit-transition:all .35s;transition:all .35s}
header .zcz-warp-nav{width:100%;height:100vh;left:0;top:0;background:#000;position:fixed;display:none;padding-top:1rem}
header .sub-menu{width:100%;z-index:2}
header .sub-menu .nav{width:100%;height:auto;overflow-x:hidden;overflow-y:auto;padding-top:4rem}
header .nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
header .nav .tit1{font-weight:700;line-height:1.4}
header .nav .tit2{line-height:1}
.zcz-header{width:100%;display:block;height:0;margin:0 auto;background:rgba(0,0,0,.8);margin-top:80px;position:fixed;-webkit-transition:all .5s;transition:all .5s;overflow:hidden;left:0;right:0;top:0}
.zcz-header-top nav .li2:hover .zcz-header:before{opacity:.2}
.zcz-header .zcz-header-ul{width:90%;height:61px;display:block;margin:0 auto}
.zcz-header .zcz-header-ul ul{float:right;width:auto;padding-right:370px}
.zcz-header ul li{width:100px;display:block;float:left;line-height:60px}
.zcz-header ul li a{font-size:13px;color:#fff;width:100%;height:100%;display:block;text-align:center}
.zcz-header-top .search-icon-h{display:none;padding-top:25px}
.zcz-header-top.active .search-icon{display:none}
.zcz-header-top.active .search-icon-h{display:block}
.zcz-header-top.active nav .zcz-header-li .cn{color:#000}
.zcz-header-top.active nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active nav .li2 .zcz-header{background:#fff}
.zcz-header-top nav .zcz-header-li .cn a{color:#fff}
.zcz-header-top.active nav .zcz-header-li .cn a{color:#000}
.zcz-header-top.active1 nav .zcz-header-li .cn a{color:#000}
.zcz-header-top.active nav .li2 .zcz-header ul li a{color:#000}
.zcz-header-top.active1 .search-icon{display:none}
.zcz-header-top.active1 .search-icon-h{display:block}
.zcz-header-top.active1 nav .zcz-header-li .cn{color:#000}
.zcz-header-top.active1 nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active1 nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active1 nav .li2 .zcz-header:before{content:'';width:100%;height:1px;background:#000;position:absolute;left:0;right:0;margin:0 auto;top:0;opacity:.6;-webkit-transition:all .5s;transition:all .5s}
.zcz-header-top.active1 nav .li2 .zcz-header ul li a{color:#000}
.zcz-zcz-wedo{width:100%;display:block;height:auto;margin:0 auto;background:#fff;padding-top:2.5rem;overflow:hidden;padding-bottom:2rem}
.zcz-zcz-wedo h3{width:100%;height:auto;display:block;margin:0 auto;text-align:center;font-size:.6rem;color:#010101;font-family:Poppins,sans-serif;font-weight:700}
.zcz-zcz-wedo h3:after{content:'';width:1rem;height:6px;display:block;margin:.2rem auto 0 auto;background:#ccc}
.zcz-zcz-wedo ul{width:80%;max-width:2560px;display:block;margin:0 auto;height:auto;padding:1.5rem 0}
.zcz-zcz-wedo ul li{width:22%;display:block;height:auto;margin:0 3% 0 auto;float:left;padding:1rem 0;color:#000;cursor:pointer}
.zcz-zcz-wedo ul li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.zcz-zcz-wedo ul li:last-child{margin-right:0}
.zcz-zcz-wedo ul li img{width:1.2rem;height:auto;display:block;margin:0 auto}
.zcz-zcz-wedo ul li h4{width:90%;display:block;padding-top:.5rem;text-align:center;font-size:.45rem;margin:0 auto;color:#000}
.zcz-zcz-wedo ul li p{width:80%;height:auto;display:block;margin:0 auto;text-align:center;padding-top:.5rem;color:#666;line-height:.7rem}
.animated{opacity:0}
.animation-delay-2{-webkit-animation-delay:.25s;animation-delay:.25s}
.animation-delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}
.zcz-zcz-wedo-h{background:#f7f7f7}
.sideMenu{width:80%;height:auto;display:block;padding:1.5rem 0;overflow:hidden;max-width:2560px}
.sideMenu h5{width:100%;height:auto;border-top:1px solid #e7eaed;cursor:pointer;padding:.8rem 0;font-size:.55rem;color:#000;position:relative}
.sideMenu h5:first-child{border-top:none}
.sideMenu ul:last-child{border-bottom:1px solid #e7eaed}
.sideMenu h5:last-child{border-bottom:1px solid #e7eaed}
.sideMenu h5 strong i{display:inline-block;padding-right:.6rem}
.sideMenu h5 em{float:right;display:block;width:100%;height:50px;background:url(/Public/Home/images/icoAdd.png) 99% 7px no-repeat;cursor:pointer;position:absolute;top:.8rem;transition:all .3s}
.sideMenu h5.on em{background-position:99% -37px}
.sideMenu ul{display:none;width:100%;font-size:.4rem;line-height:35px;padding-bottom:.6rem;padding-top:0}
.sideMenu ul p{width:85%;padding-left:1.3rem}
footer{width:100%;height:auto;display:block;margin:0 auto}
footer .zcz-footer-top{width:90%;max-width:2560px;height:4.5rem;display:block;margin:0 auto;background:#1a1a1a;padding:1.3rem 0;position:relative;margin-bottom:-2.5rem}
footer .zcz-footer-top p{color:#fff;width:100%;text-align:center;height:auto;font-size:.9rem;font-family:Poppins,sans-serif;font-weight:500}
footer .zcz-footer-top .zcz-footer-btn{width:30%;height:auto;display:block;margin:0 auto;padding-top:1.4rem;overflow:hidden}
footer .zcz-footer-top .zcz-footer-btn a{width:45%;display:block;margin:0 auto;border:1px solid #fff;text-align:center;font-size:.45rem;color:#000;padding:.25rem 0;background:#fff}
footer .zcz-footer-top .zcz-footer-btn .footer-btn-d{background:0 0;color:#999;border:1px solid #999;float:right}
footer .zcz-footer-bottom{width:100%;height:11rem;background:#000}
.zcz-footer-zt{width:87%;display:block;margin:0 auto;height:auto;padding-top:4.2rem}
.zcz-footer-bottom-l-top{width:100%;height:4rem;display:block;margin:0 auto;position:relative}
.zcz-footer-bottom-l{width:50%;display:block;float:left;height:auto}
.zcz-footer-bottom-l .zcz-f-logo{width:5rem;display:block;padding-right:2rem}
.zcz-footer-bottom-l .zcz-sltList{display:block;width:3.3rem;margin-top:.5rem;font-size:.4rem;padding:.15rem .2rem;background:#000 url(/Public/Home/images/xia.png) right center no-repeat;background-position:92%;-webkit-appearance:none}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{width:100%;display:block;position:absolute;top:3rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1.1rem;display:inline-block}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%}
.zcz-footer-bottom-l-bottom{width:100%;display:block;margin:0 auto;height:auto}
.zcz-footer-bottom-l-bottom p{display:inline-block;padding-right:1rem;color:#999;font-size:.32rem}
.zcz-footer-bottom-r{width:33%;display:block;float:right;position:relative}
.zcz-footer-bottom-r p{width:10rem;float:right;font-size:.38rem;line-height:.7rem;color:#999;padding-bottom:.5rem}
.zcz-footer-bottom-r p strong{display:block;padding-bottom:.2rem;font-weight:400;color:#fff;font-size:.45rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.4rem}
.zcz-icp{display:none}
.zcz-header-ul ul:hover>li a{opacity:.4}
.zcz-header-ul ul>li:hover a{opacity:1}
.zcz-about{position:relative;z-index:3}
.zcz-about-v{width:100%;display:block;height:100vh;overflow:hidden}
.zcz-about .zcz-about-v img{width:100%;height:100%}
.zcz-about .zcz-about-v video{display:block;position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover}
.zcz-about .zcz-about-text{width:90%;display:block;height:auto;margin:0 auto;position:absolute;bottom:2.6rem;left:0;right:0}
.zcz-about .zcz-about-text h1{width:100%;display:block;margin:0 auto;color:#fff;font-size:1.1rem;padding-bottom:.6rem}
.zcz-about .zcz-about-text p{width:100%;display:block;margin:0 auto;line-height:1rem;font-size:.5rem}
.zcz-about-list{width:100%;display:block;margin:0 auto;height:auto;overflow:hidden;padding-top:2rem}
.zcz-about-title{width:90%;max-width:2560px;display:block;margin:0 auto;font-size:.6rem;color:#000;font-weight:700;margin-bottom:2rem}
.zcz-about-title:after{content:'';width:1rem;height:6px;display:block;margin:.2rem 0;background:#ccc}
.path{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1.8px;transition:opacity .3s,fill .3s,stroke .3s}
.txt-swiper .swiper-pagination{color:#cacaca;width:auto;height:50px;left:5%;top:20%;font-size:.55rem}
.txt-swiper .swiper-pagination ul{min-width:1.8rem}
.txt-swiper .swiper-pagination ul li{position:absolute;left:0;top:0;color:#000;font-size:.55rem;opacity:0}
.img-swiper{width:20%;height:40%;z-index:1;position:absolute;top:0;left:5%}
.img-swiper .swiper-slide h2{font-size:.7rem;color:#000;font-family:Poppins,sans-serif}
.txt-swiper{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-banner{width:100%;height:auto;display:block;position:relative;max-width:2560px;margin:0 auto}
.zcz-about-banner .txt-swiper .swiper-slide{transition:all .5s}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num a{color:#000;font-size:2rem;line-height:75px;float:left;font-weight:700;transition:all 1s;font-family:Poppins,sans-serif}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text{float:left;padding-left:30px;width:calc(100% - 200px)}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text h2{font-size:.8rem;margin-bottom:.4rem;color:#000}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text p{font-size:.45rem;margin-bottom:.5rem;color:#000;font-weight:400;width:100%;line-height:.7rem}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text ul{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li{line-height:26px;padding:.2rem 0;background:url(/Public/Home/images/triangle.png) center left no-repeat;padding-left:.5rem;font-size:.4rem;color:grey}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li a{color:grey}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li a:hover{color:#000}
.zcz-about-banner .txt-swiper .swiper-slide-active{opacity:1}
.zcz-about-banner .txt-swiper .swiper-slide-next{opacity:.2}
.zcz-about-banner .txt-swiper .swiper-slide-prev{opacity:.2}
.zcz-about-slogan{width:100%;max-width:2560px;display:block;margin:2rem auto;height:8rem;background:linear-gradient(#fcfafa,#fff)}
.zcz-about-slogan h2{width:40%;display:block;float:left;padding-left:5%;font-size:1.3rem;color:#000;line-height:10rem}
.zcz-about-slogan p{width:45%;display:block;float:right;padding-right:5%;padding-top:4rem;color:#000;font-size:.5rem;line-height:1.1rem}
.zcz-l-list{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:2rem}
.zcz-l-list ul{width:100%;height:auto;display:block}
.zcz-l-list .inner{width:25%;height:4rem;display:block;margin:0 auto;float:left;padding-bottom:1rem;cursor:pointer;position:relative;overflow:hidden}
.zcz-l-list .inner div{width:75%;top:0;left:0;right:0;margin:0 auto}
.zcz-l-list .inner img{width:100%}
.zcz-l-list .inner div:last-child{opacity:0;position:absolute;top:0;left:0;right:0;margin:0 auto}
.zcz-about-flow{width:100%;height:auto;display:block;margin:0 auto;background:#000;padding-bottom:2rem}
.zcz-about-h3{width:95%;display:block;padding-left:5%;font-size:1.3rem;color:#fff;padding-top:3rem;padding-bottom:2rem;font-weight:700}
.zcz-about-flow .zcz-grid{width:90.1%;height:auto;display:block;margin:0 auto}
.zcz-about-flow .zcz-grid li{position:relative;z-index:1;display:inline-block;overflow:hidden;text-align:center;cursor:pointer}
.zcz-about-flow .zcz-grid li a h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0;z-index:2}
.zcz-about-flow .zcz-grid li a h2 img{width:1.3rem;height:auto;display:block;margin:0 auto}
.zcz-about-flow .zcz-grid li a p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);color:#fff;font-size:.6rem}
.zcz-about-flow .zcz-grid li a:hover .effect-text::after,.zcz-about-flow .zcz-grid li a:hover .effect-text::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.zcz-about-flow .zcz-grid li a:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-about-flow .zcz-grid li a:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-about-news{max-width:2560px;margin:0 auto}
.zcz-about-news-list{width:50%;display:block;height:auto;margin:0 auto;padding-right:5%}
.zcz-about-news-list ul{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-news-list ul li{width:100%;height:auto;display:block;margin:0 auto;padding-bottom:1rem;border-bottom:1px solid #ccc;margin-bottom:1rem;overflow:hidden}
.zcz-about-news-list ul li:last-child{border-bottom:none}
.zcz-about-news-list ul li a{width:100%;height:100%;display:block}
.zcz-about-news-list ul li a img{width:25%;height:4rem;display:block;margin:0 auto;float:left;object-fit:cover}
.zcz-about-news-text{width:71%;height:auto;display:block;float:right}
.zcz-about-news-text span{color:grey;font-size:.5rem;display:block;width:100%;overflow:hidden}
.zcz-about-news-text h3{color:#1a1a1a;font-size:.65rem;display:block;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-about-team{background:#000;padding-bottom:2rem}
.zcz-about-team .zcz-about-title{color:#fff}
.zcz-about-team .zcz-about-h3{color:#fff;padding-top:3rem}
.zcz-about-team .zcz-about-news-list img{width:95%;display:block;float:right}
.zcz-about-join .zcz-about-news-list a{width:6rem;display:block;height:1.5rem;border:1px solid #000;font-size:.6rem;color:#000;text-align:center;line-height:1.5rem;float:right}
.zcz-about-footer{width:100%;max-width:2560px;height:auto;display:block;margin:0 auto;overflow:hidden;position:relative}
.zcz-about-footer ul li{width:50%;display:block;float:left;margin:0 auto;position:relative;cursor:pointer;overflow:hidden}
.zcz-about-footer ul li .pic-1{width:100%;height:auto;backface-visibility:hidden;transition:all .5s ease 0s}
.zcz-about-footer ul li a{width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}
.zcz-about-footer ul li strong{width:90%;height:auto;font-family:Poppins,sans-serif;font-weight:400;position:absolute;z-index:2;margin-top:-3rem;display:block;font-size:1.3rem;color:#fff;text-align:right;padding-right:10%}
.zcz-about-footer ul li strong img{width:5.3rem}
.zcz-about-footer ul li span{width:90%;height:auto;position:absolute;z-index:2;margin-top:-3.5rem;display:block;font-size:.55rem;color:#fff;text-align:right;opacity:0;left:0;transition:all .3s linear 0s;padding-right:10%;display:block;line-height:1rem}
.zcz-about-footer ul li .pic-2{width:100%;height:auto;width:100%;height:100%;backface-visibility:hidden;opacity:0;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.zcz-about-footer ul li:hover .pic-2{opacity:1;left:0}
/* .zcz-about-footer:after{content:'';width:.5rem;height:.5rem;margin:0 auto;position:absolute;left:0;right:0;top:50%;background:#fff;margin-top:-2rem;border-radius:2rem} */
.zcz-about-footer ul .zcz-about-footer-pic .pic-2{top:0;left:0}
.zcz-about-footer ul .zcz-about-footer-pic:hover .pic-2{opacity:1;left:0}
.zcz-about-footer ul li:hover span{opacity:1;margin-top:-3.7rem}
.zcz-about-footer ul li:hover strong{opacity:0;margin-top:-3.5rem}
.zcz-about-f{margin:-5rem auto 0 auto;background:0 0}
.zcz-about-footer ul .zcz-about-footer-pic strong{padding-left:10%;padding-right:0;text-align:left;margin-top:-3rem}
.zcz-about-footer ul .zcz-about-footer-pic strong img{width:7rem}
.zcz-about-footer ul .zcz-about-footer-pic span{padding-left:10%;padding-right:0;text-align:left}
.zcz-case-list{width:90%;max-width:2560px;margin:0 auto;padding-top:3rem}
.zcz-case-list-top{width:100%;display:block;height:auto;margin:0 auto 2rem auto}
.zcz-case-list-top p{width:100%;height:auto;display:block;margin:0 auto;font-size:.45rem;color:grey;font-family:Poppins,sans-serif;font-weight:300}
.zcz-case-list-top p i{width:1rem;height:.23rem;background:#ccc;display:inline-block;margin-left:.3rem}
.zcz-case-list-top h1{width:100%;height:auto;display:block;margin:0 auto;font-size:1.3rem;color:#1a1a1a;padding-top:.6rem;font-family:syb;font-weight:700}
.zcz-case-list-nav{width:100%;display:block;margin:0 auto;height:auto}
.zcz-case-list-nav .zcz-case-list-nav-l{width:100%;display:block;margin:0 auto 1rem auto;height:auto;padding-bottom:.5rem;border-bottom:1px solid #e6e6e6}
.zcz-case-list-nav .zcz-case-list-nav-l a{display:inline-block;font-size:.55rem;color:#1a1a1a;margin-right:1.5rem;position:relative;font-family:Poppins,sans-serif;font-weight:700}
.zcz-case-list-nav .zcz-case-list-nav-l .case-active{color:grey}
.zcz-case-list-nav .zcz-case-list-nav-l .case-active:after{content:'';width:100%;height:.08rem;display:block;position:absolute;background:grey;margin-top:.04rem}
.zcz-case-list-nav ul{width:100%;height:auto;display:block;margin:0 auto 1rem auto;overflow:hidden}
.zcz-case-list-nav ul li{width:31.3%;height:9rem;display:block;margin:0 auto 1rem auto;float:left;margin-right:3%}
.zcz-case-list-nav ul li:nth-child(3n+3){margin-right:0}
.zcz-case-list-nav ul li a{width:99%;height:100%;display:block;margin:0 auto;position:relative}
.zcz-case-list-nav ul li a img{width:100%;display:block;margin:0 auto;height:auto;max-height:7.5rem;transition:all .2s;object-fit:cover}
.zcz-case-list-nav ul li a p{width:90%;display:block;height:auto;padding-top:.5rem;color:#1a1a1a;font-size:.55rem}
.zcz-img-border{width:100%;height:auto;display:block;margin:0 auto;position:relative;overflow:hidden}
.zcz-case-list-nav ul li:hover img{transform:scale(1.02)}
.zcz-case-list-nav ul li .zcz-img-border h4{width:100%;height:100%;position:absolute;top:0;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.5rem;z-index:2;opacity:0;margin-top:1rem;transition:all .5s;font-weight:100}
.zcz-case-list-mover{width:100%;height:2rem;cursor:pointer;display:block;text-align:center;color:#1a1a1a;vertical-align:middle;margin:0 auto 2rem auto;background:#f5f5f5;overflow:hidden;font-size:.5rem;line-height:2rem;font-family:Poppins,sans-serif;font-weight:400}
.zcz-case-list-mover img{display:inline-block;vertical-align:middle;padding-left:.5rem;margin-top:-.08rem}
.zcz-case-list-nav .zcz-about-news-list{width:100%}
.zcz-case-list-nav .zcz-about-news-list ul li{width:100%;overflow:hidden}
.zcz-case-list-nav .zcz-about-news-list ul li img{width:25%}
.zcz-case-list-nav .zcz-about-news-list ul li p{width:80%;padding-top:.5rem;display:block;font-size:.4rem;line-height:.7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.zcz-case-list-nav .zcz-about-news-list ul li a{width:4rem;display:block;height:1rem;margin:0;position:relative;left:0;border:1px solid #1a1a1a;color:#1a1a1a;line-height:1rem;text-align:center;font-size:.4rem;margin-top:.65rem}
.zcz-news-details{height:auto;max-width:2560px}
.zcz-news-details .zcz-about-text{width:90%;height:auto;display:block;position:absolute;bottom:12%;margin:0 auto;left:0;right:0;color:#fff}
.zcz-news-details .zcz-about-text h1{font-size:.9rem;color:#fff;display:block;margin:0 auto;padding-bottom:.3rem;font-weight:100}
.zcz-news-details .zcz-about-text p{font-size:1.3rem;font-weight:800}
.zcz-news-details img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-news-details::after{content:'';width:10%;height:2px;background:#fff;position:absolute;bottom:14%;right:0;opacity:.2}
.zcz-news-details-text{width:750px;height:auto;display:block;margin:3rem auto 0 auto;padding-bottom:2rem;position:relative}
.zcz-news-details-text h2{width:100%;display:block;margin:0 auto;text-align:justify;font-size:.8rem;line-height:1.5rem;color:#000}
.zcz-news-details-text p img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-news-details-btn{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden;padding-bottom:1rem;border-bottom:1px solid #ccc}
.zcz-news-details-btn .zcz-news-details-btn1{width:6rem;height:1.3rem;display:block;float:left;text-align:center;line-height:1.3rem;color:#1a1a1a;font-size:.46rem;font-weight:600;border:1px solid #ccc}
.zcz-news-details-btn .zcz-news-details-btn1 img{vertical-align:middle;display:inline-block;padding-right:.3rem;width:.7rem}
.zcz-news-details-btn p{width:40%;display:block;height:auto;float:right;text-align:right;margin-top:.3rem}
.zcz-news-details-btn p a{display:inline-block;width:1.2rem;height:auto}
.zcz-news-details-btn p a img{display:inline-block;vertical-align:middle;width:100%}
.zcz-recommend{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto 2rem auto}
.zcz-news-details-swiper{width:100%;height:100%}
.zcz-news-details-swiper .swiper-slide{width:30%;margin-right:2rem;opacity:1}
.zcz-news-details-swiper .swiper-slide img{width:100%}
.zcz-news-details-swiper .swiper-slide .zcz-img-border img{width:100%;height:7rem;object-fit:cover}
.zcz-news-details-swiper ul{display:flex;margin:0;overflow:initial}
.zcz-news-details-swiper ul li{width:30%;display:inline-block;margin:0;float:none;overflow:hidden;margin-right:0;overflow:hidden}
.zcz-news-details-swiper .swiper-button-next{width:11%;margin-top:0}
.swiper-container-rtl .swiper-button-next,.zcz-news-details-swiper .swiper-button-prev{margin-top:0}
.zcz-news-details-swiper>.swiper-pagination{position:static;padding-top:20px}
.zcz-news-details-swiper>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:25px;height:4px;border-radius:.1rem}
.zcz-news-details-swiper .swiper-pagination-bullet-active{opacity:1;background:#373737}
.zcz-case-list-nav ul li a p{width:100%;padding-top:0;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-case-list-nav ul li a span{color:#8a8a8a;font-size:.4rem;display:block;width:100%;padding-top:.2rem}
.zcz-footer-b{background:#fff}
.zcz-recommend .zcz-about-title{width:100%}
.zcz-case-details{width:100%;height:auto}
.zcz-case-details img{width:100%;height:100%}
.zcz-case-details-text{width:65%;display:block;margin:0 auto;height:auto;overflow:hidden;position:relative;margin-bottom:2rem}
.zcz-case-details-text::after{content:'';width:1px;height:100%;background:#e6e6e6;position:absolute;bottom:0;left:50%;margin-left:-1rem}
.zcz-case-details-text .zcz-case-details-text-l{width:45%;display:block;height:auto;float:left}
.zcz-case-details-text .zcz-case-details-text-l h2{font-size:.9rem;padding-bottom:.6rem}
.zcz-case-details-text .zcz-case-details-text-l p{padding-bottom:.3rem;overflow:hidden}
.zcz-case-details-text .zcz-case-details-text-l p em{width:2.5rem;display:block;float:left;font-size:.5rem;color:#1a1a1a;font-weight:600}
.zcz-case-details-text .zcz-case-details-text-l p span{color:grey;font-size:.45rem;display:block;float:right;width:78%}
.zcz-case-details-text .zcz-case-details-text-l p a{color:#000;display:inline-block;padding-right:.2rem;font-size:.45rem}
.zcz-case-details-text .zcz-case-details-text-r{display:block;width:48%;height:auto;margin:0 auto;color:grey;line-height:.8rem;font-size:.4rem}
.zcz-case-details-img{width:100%;max-width:2560px}
.mytooltip{max-width:12rem;padding:10px;position:absolute;background:#333;color:#fff;border-radius:.2rem}
.mytooltip--cursor-help{cursor:help!important}
.mytooltip-backing{position:absolute;width:100%}
.mytooltip.mytooltip-theme-default:before{display:none}
.mytooltip.mytooltip-theme-danger{background:#e04d3b}
.mytooltip.mytooltip-theme-danger:after{border-color:#e04d3b}
.mytooltip.mytooltip-theme-danger:before{display:none}
.mytooltip.mytooltip-theme-warning{background:#e67225}
.mytooltip.mytooltip-theme-warning:after{border-color:#e67225}
.mytooltip.mytooltip-theme-warning:before{display:none}
.mytooltip.mytooltip-theme-info{background:#0e7ac4}
.mytooltip.mytooltip-theme-info:after{border-color:#0e7ac4}
.mytooltip.mytooltip-theme-info:before{display:none}
.mytooltip.mytooltip-theme-success{background:#45b04f}
.mytooltip.mytooltip-theme-success:after{border-color:#45b04f}
.mytooltip.mytooltip-theme-success:before{display:none}
.mytooltip.mytooltip-theme-light{background:#fff;color:#000;border:1px solid #e4e4e4}
.mytooltip.mytooltip-theme-light:after{border-color:#fff}
.mytooltip.mytooltip-theme-light:before{border-color:#e4e4e4}
.mytooltip.mytooltip--top:after,.mytooltip.mytooltip--top:before{border-left-color:transparent;border-right-color:transparent;border-bottom:0;bottom:-7px;top:auto;left:50%;margin:0 0 0 -7px}
.mytooltip.mytooltip--top:before{bottom:-9px;margin:0 0 0 -9px}
.mytooltip.mytooltip--right:after,.mytooltip.mytooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:0;left:-7px;margin-top:-7px;top:50%}
.mytooltip.mytooltip--right:before{left:-9px;margin-top:-9px}
.mytooltip.mytooltip--bottom:after,.mytooltip.mytooltip--bottom:before{border-left-color:transparent;border-right-color:transparent;border-top:0;margin:0 0 0 -7px;left:50%;top:-7px}
.mytooltip.mytooltip--bottom:before{margin:0 0 0 -9px;top:-9px}
.mytooltip.mytooltip--left:after,.mytooltip.mytooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:0;margin-top:-7px;left:auto;right:-7px;top:50%}
.mytooltip.mytooltip--left:before{margin-top:-9px;right:-9px}
.right{float:right}
.type-inline-block{display:inline-block}
.style-block{color:#000;cursor:pointer}
.zcz-business{width:100%;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden}
.zcz-business .zcz-business-l{width:39%;display:block;margin:0 auto;float:left}
.zcz-business .zcz-business-l img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-business .zcz-business-r{width:39%;display:block;margin:0 auto;float:left;padding-left:15%}
.zcz-business .zcz-business-r h2{width:100%;height:auto;display:block;margin:10% auto 0 auto;font-size:.8rem;color:#000;padding-bottom:.5rem}
.zcz-business .zcz-business-r p{width:100%;height:auto;display:block;font-size:.45rem;line-height:.8rem;color:#000}
.zcz-business .zcz-business-r ul{width:100%;height:auto;display:block;margin:.8rem auto 0 auto}
.zcz-business .zcz-business-r ul li{position:relative;display:block;width:100%;padding:.2rem}
.zcz-business .zcz-business-r ul li a{padding-left:.5rem;color:grey;font-size:.42rem;background:url(/Public/Home/images/triangle.png) left center no-repeat}
.zcz-business .zcz-business-r ul li a:hover{color:#000;background:url(/Public/Home/images/triangle_hei.png) left center no-repeat}
.business-active .zcz-business-l{float:left;padding-left:15%}
.business-active .zcz-business-r{float:left;padding-left:0}
.zcz-business-details{width:100%;display:block;overflow:hidden;margin:0 auto;background:#1b1b1b;position:relative}
.zcz-business-details .zcz-business-details-l{width:50%;display:block;height:100%;overflow:hidden}
.zcz-business-details .zcz-business-details-l h2{width:90%;height:auto;display:block;position:absolute;top:50%;left:0;right:0;margin:0 auto;font-size:1.1rem;color:#fff;margin-top:-4rem}
.zcz-business-details .zcz-business-details-l p{width:90%;height:auto;display:block;position:absolute;top:50%;left:0;right:0;margin:0 auto;font-size:.5rem;color:#fff;margin-top:-2rem;line-height:.96rem}
.zcz-business-details .zcz-business-details-l a{width:5rem;height:1.3rem;display:block;position:absolute;top:50%;left:5%;right:0;font-size:.5rem;color:#fff;margin-top:4rem;line-height:.96rem;border:1px solid #fff;text-align:center;line-height:1.3rem;font-size:.4rem}
.zcz-business-details .zcz-business-details-r{width:50%;display:block;overflow:hidden}
.zcz-business-details .zcz-business-details-r img{width:100%}
.zcz-business-details .zcz-business-details-r video{width:100%;height:100vh;display:block;object-fit:cover}
.zcz-business-details-text{width:90%;max-width:2560px;display:block;padding-top:2.5rem;padding-bottom:1rem;height:auto;margin:0 auto;background:url(/Public/Home/images/business_details_bg.jpg) center center no-repeat;background-attachment:fixed;overflow:hidden}
.zcz-business-details-text ul{width:100%;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden}
.zcz-business-details-text ul li{width:8rem;float:left;display:block;margin:0 auto;margin-right:21%}
.zcz-business-details-text ul li h2{font-size:.7rem;display:block;margin:0 auto;padding-bottom:.6rem;width:100%}
.zcz-business-details-text ul li p{width:100%;display:block;font-size:.38rem;line-height:.7rem;color:#000}
.zcz-business-details-text ul li:last-child{margin-right:0}
.zcz-business_details-faq{width:100%;display:block;margin:0 auto 1rem auto;overflow:hidden}
.zcz-business_details-faq .sideMenu h5{transform:translateY(0)}
.zcz-business_details-faq .zcz-about-title{margin-bottom:0;margin-top:2rem}
.zcz-business_details-faq .sideMenu{width:90%}
.zcz-ausiness-flow{background:#000;overflow:hidden;padding-bottom:2rem}
.zcz-ausiness-flow .zcz-about-title{color:#fff;margin:2rem auto}
.zcz-ausiness-flow .zcz-grid li{opacity:1;padding:1%;width:48%}
.zcz-ausiness-flow .zcz-grid{width:91.1%}
.zcz-ausiness-flow .zcz-grid li .effect-text{position:absolute;top:0;left:0;width:99.5%;height:98.5%;z-index:2;text-align:center;align-items:center;display:-webkit-flex;justify-content:center;flex-direction:column}
.zcz-about-flow .zcz-grid li a .effect-text::after,.zcz-ausiness-flow .zcz-grid li a .effect-text::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2}
.zcz-ausiness-flow .zcz-grid li a .effect-text::before{border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.zcz-ausiness-flow .zcz-grid li a .effect-text::after{border-right:4px solid #fff;border-left:4px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
.zcz-ausiness-flow .zcz-grid li .effect-text p{padding:20px 2.5em;color:#fff;font-size:.6rem}
.zcz-ausiness-flow .zcz-grid li .effect-bubba-bg{content:'';top:0;left:0;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.8)}
.business-active .zcz-business-l{float:right;padding-left:0;padding-right:7%}
.button_container{width:4rem;margin:0 auto}
.button_su{height:1.1rem;overflow:hidden;position:relative;display:inline-block;margin-top:.65rem}
.su_button_circle{background-color:red;border-radius:1000px;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner{display:inline-block;font-size:.4rem;font-weight:400;width:4rem;height:1rem;text-align:center;transition:.4s;text-decoration:none;padding:0;z-index:2;position:static;margin-top:0}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner .button_text_container{font-family:Poppins,sans-serif;font-weight:400;position:relative;z-index:1;font-size:.4rem;display:block;width:100%;padding-top:0;color:#000}
.explode-circle{animation:explode .5s forwards}
.zcz-case-list-nav .zcz-about-news-list ul li .explode-circle1 .button_text_container{color:#fff}
.zcz-case-list-nav .zcz-about-news-list ul li .explode-circle1{border:1px solid #fff}
.desplode-circle{animation:desplode .5s forwards}
.ie-ts{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display:none}
.ie-ts .ie-bg{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:1;z-index:-1}
.ie-ts .ie-text{width:500px;height:200px;background:#fff;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;position:absolute;border-radius:.3rem}
.ie-ts .ie-text img{display:block;margin:0 auto;padding-bottom:20px;padding-top:30px}
.ie-ts .ie-text p{width:80%;display:block;margin:0 auto;font-size:17px;line-height:30px;text-align:center}
.zcz-case-list-nav ul li{opacity:0;transition:all .5s}
.zcz-about-news .zcz-about-h3{width:40%;color:#000;padding-top:0}
.zcz-ausiness-flow .zcz-business-grid li .effect-text{position:absolute;top:0;left:0;width:99.5%;height:98.5%;z-index:2;text-align:center;align-items:center;display:-webkit-flex;justify-content:center;flex-direction:column}
.zcz-about-flow .zcz-business-grid li a .effect-text::after,.zcz-ausiness-flow .zcz-grid li a .effect-text::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2}
.zcz-ausiness-flow .zcz-business-grid li a .effect-text::before{border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.zcz-ausiness-flow .zcz-business-grid li a .effect-text::after{border-right:4px solid #fff;border-left:4px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
.zcz-ausiness-flow .zcz-grid li .effect-text h2{width:2rem;display:inline-block;margin-top:2rem}
}
@keyframes explode{
0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.2)}
100%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:rgba(0,0,0,.8)}
}
@keyframes desplode{
0%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:rgba(0,0,0,.8)}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.6)}
}
@keyframes explode1{
0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(255,255,255,.2)}
100%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:#fff}
}
@keyframes desplode1{
0%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:#fff}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(255,255,255,.6)}
}
#svg-canvas{position:relative;width:60px;height:60px}
.svg-title{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s linear forwards;-webkit-animation:draw 3s linear forwards;-moz-animation:draw 3s linear forwards;-o-animation:draw 3s linear forwards;font-stretch:semi-expanded;background:#fff}
@keyframes draw{
to{stroke-dashoffset:0}
}
@-webkit-keyframes draw{
to{stroke-dashoffset:0}
}
@-moz-keyframes draw{
to{stroke-dashoffset:0}
}
@-o-keyframes draw{
to{stroke-dashoffset:0}
}
.st0{animation:draw1 .5s linear forwards;-webkit-animation:draw1 .5s linear forwards;-moz-animation:draw1 .5s linear forwards;-o-animation:draw1 .5s linear forwards;fill:#fff;opacity:0;animation-delay:.6s;-webkit-animation-delay:.6s}
@keyframes draw1{
to{opacity:1}
}
.zcz-about-join .zcz-about-news-list{text-align:right}
.zcz-about-join .zcz-about-news-list .button_su{height:auto;margin-top:.2rem}
.zcz-about-join .zcz-about-news-list .button_su .button_su_inner .button_text_container{position:relative;z-index:1;display:block;width:100%;padding-top:0;color:#000}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1 .button_text_container{color:#fff}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1{border:1px solid #fff}
#loading{background-color:#000;height:100vh;width:100%;position:fixed;z-index:999;margin-top:0;top:0;overflow:hidden}
#loading-center{width:100%;height:100%;position:relative}
#loading-center-absolute{position:absolute;left:0;top:50%;right:0;height:60px;width:60px;margin:-60px auto 0 auto}
footer .zcz-footer-top .zcz-footer-btn .button_su{background:0 0;color:#999;border:none;float:right;width:45%;display:block;margin-top:0;height:auto}
footer .zcz-footer-top .zcz-footer-btn .button_su a{width:98.6%;background:0 0;border:1px solid #999}
footer .zcz-footer-top .zcz-footer-btn .button_su a .button_text_container{color:#999;position:relative;z-index:1;display:block;width:100%;padding-top:0}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle{animation:explode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .desplode-circle{animation:desplode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle{animation:explode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle1 .button_text_container{color:#000}
#go_top{width:40px;height:40px;margin-top:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;bottom:40px;position:fixed;right:10px;background-color:rgba(0,0,0,.6);z-index:99;cursor:pointer}
#go_top:hover{background-color:#000}
#go_top img{width:50%;display:block;margin:10px auto 0 auto}
.zcz-flow{overflow:hidden;position:relative;max-width:2560px;margin:0 auto}
.zcz-case-list-nav .zcz-about-news-flow-n li{width:calc(25% - 25px);height:auto;margin-right:25px;margin-bottom:0}
.zcz-grid .zcz-about-news-flow-n.shown{opacity:1}
.zcz-about-news-flow-n .grid{max-width:69em;list-style:none;margin:30px auto;padding:0}
.zcz-about-news-flow-n .grid li{display:block;float:left;padding:7px;width:33%;opacity:0}
.zcz-about-news-flow-n .grid li.shown,.zcz-about-news-flow-n .no-cssanimations .grid li,.zcz-about-news-flow-n .no-js .grid li{opacity:1}
.zcz-about-news-flow-n .grid li a,.zcz-about-news-flow-n .grid li img{outline:0;border:none;display:block;max-width:100%}
.zcz-about-news-flow-n .grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}
@-webkit-keyframes moveUp{
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes moveUp{
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.zcz-about-news-flow-n .zcz-news-l{width:100%;display:block;height:auto;overflow:hidden;position:relative;z-index:1;background:#fff}
.zcz-case-list-nav .zcz-about-news-flow-n{width:calc(100% + 25px);margin:0 auto 3rem auto}
.zcz-case-list-nav .zcz-about-news-flow-n li a{margin-bottom:1rem}
.zcz-case-list-nav .zcz-about-news-flow-n li:nth-child(3n+3){margin-right:25px}
.zcz-case-list-nav .zcz-about-news-flow-n li a h3{width:100%;color:#1a1a1a;font-size:.4rem;margin-top:.5rem;position:relative;z-index:1;background:#fff;font-weight:400}
.zcz-case-list-nav .zcz-about-news-flow-n li a span{display:block;width:100%;padding-top:.15rem;font-size:.45rem;color:grey}
.zcz-case-seach{width:90%;height:auto;display:block;margin:3rem auto 0 auto}
.zcz-ml-seach{width:100%;height:2rem;display:block;margin:0 auto .6rem auto;border-bottom:1px solid #000;position:relative}
.zcz-ml-seach p{width:88%;display:block;margin:0 auto;height:3rem;float:left}
.zcz-ml-seach p input{border:none;height:2rem;line-height:2rem;font-size:.7rem;color:#000;width:100%}
.zcz-ml-seach button{width:10%;display:block;height:1.2rem;border:none;float:right;background:#333;text-align:center;line-height:1.2rem;font-size:.55rem;color:#fff;margin-top:.4rem;font-family:Poppins,sans-serif;font-weight:400}
.zcz-ml-seach-jg{width:100%;height:auto;text-align:left;display:block;overflow:hidden;padding-bottom:2rem;color:grey;font-size:.5rem;font-family:Poppins,sans-serif;font-weight:300}
.zcz-ml-seach-jg span{color:#1a1a1a;font-size:.55rem}
.zcz-ml-seach p input::-webkit-input-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-ml-seach p input::-moz-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-ml-seach p input:-ms-input-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title{width:100%;height:auto;display:block;margin:0 auto 1rem auto;font-size:.8rem;color:#1a1a1a;position:relative}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title span{position:relative;z-index:1;background:#fff;padding-right:1rem;font-weight:700}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title i{width:100%;height:1px;background:#e6e6e6;display:block;position:absolute;top:50%}
.zcz-case-seach .zcz-case-list-nav ul li{width:23.5%;margin-right:2%;height:auto;opacity:1}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(3n+3){margin-right:2%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(4n+4){margin-right:0}
.zcz-case-seach .zcz-case-list-nav ul li a img{height:5.75rem;object-fit:cover}
.zcz-case-seach .zcz-img-border{overflow:hidden}
.zcz-case-seach .zcz-ml-seach-h ul li a img{height:auto}
.zcz-case-seach .zcz-case-list-nav ul li a p{font-size:.4rem}
.zcz-about-list{width:100%;display:block;margin:0 auto;height:auto;overflow:hidden;padding-top:3rem}
.zcz-ml-team{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto}
.zcz-ml-team .zcz-ml-team-l{width:40%;display:block;height:auto;float:left}
.zcz-ml-team .zcz-ml-team-l h3{color:#fff;font-size:1.3rem;width:100%;display:block}
.zcz-ml-team .zcz-ml-team-l p{color:#969696;font-size:.45rem;line-height:1rem;width:100%;display:block;padding-top:1.5rem}
.zcz-ml-team .zcz-ml-team-r{width:40%;display:block;height:auto;float:right}
.zcz-ml-team .zcz-ml-team-r img{width:93%;height:auto;display:block;margin-top:-6rem}
.zcz-ml-team-list{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto;padding-top:2rem;overflow:hidden}
.zcz-ml-team-list li{width:20%;display:block;margin:0 auto;float:left;margin-left:6.6666%;position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.zcz-ml-team-list li:first-child{margin-left:0!important}
.zcz-ml-team-list li .zcz-team-img{width:100%;height:auto;display:block;margin:0 auto;position:relative;z-index:2;-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li .zcz-team-img img{height:auto;width:100%;position:relative;z-index:2}
.zcz-ml-team-list li .zcz-team-js{width:100%;height:2rem;display:block;margin:0 auto;text-align:center;color:#fff;font-size:.53rem;padding-top:.4rem;-webkit-transition:all .5s;transition:all .5s;position:relative;bottom:0}
.zcz-ml-team-list li .zcz-team-js span{width:100%;height:auto;display:block;margin:0 auto;color:#969696;font-size:.38rem;padding-top:.1rem}
.zcz-ml-team-list li .zcz-team-text{width:100%;height:calc(100% - 1px);position:absolute;top:0;background:#fff;z-index:1;margin-left:0}
.zcz-ml-team-list li .zcz-team-text h5{width:80%;display:block;height:auto;margin:0 auto;font-size:.55rem;color:#000;padding-top:1rem;padding-bottom:1rem}
.zcz-ml-team-list li .zcz-team-text h5 span{width:100%;display:block;height:auto;color:#676767;font-size:.4rem;padding-top:.2rem}
.zcz-ml-team-list li .zcz-team-text p{width:80%;height:6.4rem;display:block;color:#000;font-size:.45rem;margin:0 auto;line-height:.8rem;text-align:left;transition:all 1s;bottom:2rem;overflow-x:hidden;overflow-y:auto}
.zcz-ml-team-list li .zcz-team-text p::-webkit-scrollbar{width:3px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.zcz-ml-team-list li .zcz-team-text p::-webkit-scrollbar-track{width:3px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:rgba(0,0,0,.1)}
.zcz-news-details-swiper ul li a p{padding-top:.5rem}
.zcz-ml-team-list li.a-active:nth-child(4n+1) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+2) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+2) .zcz-team-img{-webkit-transform:translateX(-34%);-ms-transform:translateX(-34%);transform:translateX(-34%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+3) .zcz-team-img{-webkit-transform:translateX(-67%);-ms-transform:translateX(-67%);transform:translateX(-67%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+3) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+4) .zcz-team-img{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+4) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li .zcz-team-text{-webkit-transition:opacity .5s,background-color .1s ease 1s,-webkit-transform .5s;transition:opacity .5s,background-color .1s ease 1s,-webkit-transform .5s;transition:opacity .5s,transform .5s,background-color .1s ease 1s;transition:opacity .5s,transform .5s,background-color .1s ease 1s,-webkit-transform .5s}
.zcz-ml-team-list li.rMove{-webkit-transform:translateX(67.2%);-ms-transform:translateX(67.2%);transform:translateX(67.2%)}
.zcz-ml-team-list li.rMove1{-webkit-transform:translateX(34%);-ms-transform:translateX(34%);transform:translateX(34%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list .a-active .zcz-team-js{bottom:2rem}
.zcz-ml-team-list li.lMove{-webkit-transform:translateX(-33.5%);-ms-transform:translateX(-33.5%);transform:translateX(-33.5%)}
.zcz-ml-team-list li.lMove1{-webkit-transform:translateX(-67.2%);-ms-transform:translateX(-67.2%);transform:translateX(-67.2%)}
.zcz-about-h3 a{width:6rem;display:block;height:1.5rem;border:1px solid #000;font-size:.55rem;color:#000;text-align:center;margin-top:1rem;line-height:1.5rem;transition:all .3s;font-family:Poppins,sans-serif;font-weight:500}
.zcz-about-h3 a:hover{color:#fff;background:#000}
.zcz-about-join .zcz-about-news-list img{width:5.5rem;padding-right:2rem}
.z-slide-new{width:48%;display:block;float:left}
.zcz-about-banner .txt-swiper .swiper-slide{width:76%!important;margin-left:-5%}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-14%}
.zcz-about-banner .txt-swiper-wap .swiper-slide{width:60%!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:auto;width:15%;display:block;height:100%;background:0 0;top:0;right:0}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{width:11%;display:block;height:100%;background:0 0;top:0;left:0}
.zcz-wrapper-err{position:absolute;height:100vh;left:0;width:100%}
.zcz-glitch{color:#fff;font-weight:700;position:relative;width:auto;margin:0 auto;max-width:80%;background:rgba(0,0,0,.95);letter-spacing:1px;z-index:3;text-align:center;font-family:Poppins,sans-serif}
@keyframes noise-anim{
0%{clip:rect(77px,9999px,51px,0)}
5%{clip:rect(25px,9999px,30px,0)}
10%{clip:rect(70px,9999px,75px,0)}
15%{clip:rect(94px,9999px,96px,0)}
20%{clip:rect(24px,9999px,11px,0)}
25%{clip:rect(12px,9999px,53px,0)}
30%{clip:rect(79px,9999px,54px,0)}
35%{clip:rect(70px,9999px,93px,0)}
40%{clip:rect(73px,9999px,86px,0)}
45%{clip:rect(100px,9999px,96px,0)}
50%{clip:rect(5px,9999px,68px,0)}
55%{clip:rect(6px,9999px,16px,0)}
60%{clip:rect(4px,9999px,60px,0)}
65%{clip:rect(86px,9999px,74px,0)}
70%{clip:rect(6px,9999px,53px,0)}
75%{clip:rect(41px,9999px,35px,0)}
80%{clip:rect(70px,9999px,60px,0)}
85%{clip:rect(52px,9999px,66px,0)}
90%{clip:rect(18px,9999px,16px,0)}
95%{clip:rect(71px,9999px,80px,0)}
100%{clip:rect(69px,9999px,51px,0)}
}
.zcz-glitch:after{content:attr(data-text);position:absolute;left:0;text-shadow:-1px 0 red;top:0;color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 2s infinite linear alternate-reverse;width:98%}
@keyframes noise-anim-2{
0%{clip:rect(20px,9999px,7px,0)}
5%{clip:rect(51px,9999px,73px,0)}
10%{clip:rect(33px,9999px,21px,0)}
15%{clip:rect(60px,9999px,48px,0)}
20%{clip:rect(86px,9999px,48px,0)}
25%{clip:rect(32px,9999px,50px,0)}
30%{clip:rect(59px,9999px,50px,0)}
35%{clip:rect(80px,9999px,96px,0)}
40%{clip:rect(7px,9999px,39px,0)}
45%{clip:rect(62px,9999px,90px,0)}
50%{clip:rect(85px,9999px,84px,0)}
55%{clip:rect(89px,9999px,51px,0)}
60%{clip:rect(88px,9999px,50px,0)}
65%{clip:rect(8px,9999px,82px,0)}
70%{clip:rect(80px,9999px,23px,0)}
75%{clip:rect(22px,9999px,52px,0)}
80%{clip:rect(96px,9999px,44px,0)}
85%{clip:rect(84px,9999px,27px,0)}
90%{clip:rect(32px,9999px,71px,0)}
95%{clip:rect(85px,9999px,35px,0)}
100%{clip:rect(24px,9999px,23px,0)}
}
.zcz-glitch:before{content:attr(data-text);position:absolute;left:0;text-shadow:1px 0 #00f;top:0;color:#fff;background:rgba(0,0,0,.25);overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 3s infinite linear alternate-reverse;width:98%}
.zcz-404{margin-top:30vh;font-size:4rem;width:330px;position:relative}
.zcz-error{font-size:1rem;width:200px;position:relative;margin-top:-.6rem}
.zcz-page{font-size:.6rem;margin-top:1rem;color:#9c9797;font-weight:100;position:relative;width:250px}
.swiper-button-next{width:23%}
.zcz-grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}
.banner_index-pc .swiper-slide video{position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover}
.banner_index-pc .ban_video img{width:100%;height:100vh;display:block;margin:0 auto}
.banner_index-wap .ban_video img{width:100%;height:100vh;display:block;margin:0 auto}
.banner_index-pc{display:block}
.banner_index-wap{display:none}
.zcz-footer-bottom-r a{width:10rem;display:block;text-align:left;float:right;font-size:.9rem;color:#fff;margin-top:-1rem;padding-bottom:.5rem;font-weight:700}
.txt-swiper-wap{display:none}
.zcz-ausiness-flow .zcz-grid-newy{width:90%}
.zcz-ausiness-flow .zcz-business-grid{width:90%;margin:0 auto}
.zcz-grid-newy li .zcz-grid-title{width:100%;height:auto;display:block;position:static;bottom:40px;color:#fff;padding-left:0;z-index:2}
.zcz-grid-newy .zcz-case-newy{width:100%;display:block;margin:0 auto;overflow:hidden;height:12rem}
.zcz-grid-newy li{margin-bottom:.4rem}
.zcz-grid-newy li img{height:100%;object-fit:cover;overflow:hidden}
.zcz-grid-newy li a{overflow:hidden}
.zcz-grid-newy .zcz-grid-title em{padding-top:.3rem}
/*! locomotive-scroll v4.1.1 */
html.has-scroll-smooth{overflow:hidden}
html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.has-scroll-smooth body{overflow:hidden}
.has-scroll-smooth [data-scroll-container]{min-height:100vh}
[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}
[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}
.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}
.c-scrollbar:hover{transform:scaleX(1.45)}
.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}
[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}
[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}
.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}
.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}
[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
.zcz-grid{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.zcz-grid li{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;opacity:0;transition:all 3s;width:100%;overflow:hidden;transform:translateZ(0)}
.zcz-li-full{width:100%;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:relative;background:#fff}
.zcz-li-full li{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;opacity:0;transition:all 0;width:100%;transform:translateZ(0);overflow:hidden}
.zcz-grid-title span{text-transform:uppercase;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}
.zcz-grid .is-inview{opacity:1}
.zcz-grid-zt-l img{width:100%}
.zcz-li-full .is-inview{opacity:1}
.animated{opacity:1}
.zcz-li-full li img{width:100%;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1)}
.zcz-li-full .is-inview img{opacity:1;transform:scale(1)}
.zcz-grid li img{width:100%;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1)}
.zcz-grid .is-inview img{opacity:1;transform:scale(1)}
.zcz-zcz-wedo ul li{transform:translateY(160px);transition:all 1.2s}
.zcz-zcz-wedo ul .is-inview{transform:translateY(0)}
.sideMenu h5{transform:translateY(160px);transition:all 1.2s}
.sideMenu .is-inview{transform:translateY(0)}
.zcz-business-grid li{margin-bottom:.9rem;display:block;overflow:hidden;width:49%;height:auto;float:left;position:relative}
.zcz-case-list-nav .zcz-about-news-flow-n li{width:100%;height:auto;margin-right:0;margin-bottom:0;float:none}
.zcz-case-list-nav .zcz-about-news-flow-n{width:100%;margin:0 auto 3rem auto}
.zcz-case-list-nav .zcz-about-news-flow-n li a img{height:auto;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);max-height:initial}
.zcz-case-list-nav .zcz-about-news-flow-n .zcz-grid{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:.7rem;-webkit-column-gap:.7rem;column-gap:.7rem}
.zcz-case-list-nav .zcz-about-news-flow-n li:nth-child(3n+3){margin-right:0}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview{transition:all 1s;opacity:1}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview img{opacity:1;transform:initial}
.zcz-business-grid li:nth-child(even){float:right}
.zcz-ausiness-flow .zcz-business-grid li .effect-text p{padding:20px 2.5em;color:#fff;font-size:.6rem}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
.zcz-header-top nav .zcz-header-li:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li.iecur:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li:hover .lia cn{-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}
}
.zcz-case-list-nav-new ul li{width:32%;height:9rem;margin-right:2%;opacity:0;transition:opacity .5s}
.zcz-case-list-nav-new ul li a img{height:auto;opacity:0;transform:scale(1.4);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:7.5rem}
.zcz-case-list-nav-new ul li a span{height:auto;opacity:0;transform:scale(1.2);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:auto}
.zcz-case-list-nav-new ul li a p{height:auto;opacity:0;transform:scale(1.2);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:auto}
.zcz-case-list-nav-new ul .is-inview p{opacity:1;transform:scale(1)}
.zcz-case-list-nav-new ul .is-inview img{opacity:1;transform:scale(1)}
.zcz-case-list-nav-new ul .is-inview span{opacity:1;transform:scale(1)}
.zz-active li{-webkit-column-break-inside:avoid;position:relative}
.zz-active{height:100%;overflow:auto}
.zz-active li{opacity:1;transform:none;-webkit-column-break-inside:avoid;transition:inherit;list-style-type:disc;list-style-position:inherit}
.zz-active li a,.zz-active li img{opacity:1;transition:inherit;transform:none;vertical-align:middle}
.zz-active .zcz-grid-title span{transform:none}
.zz-active .zcz-li-full li{opacity:1}
.zcz-flow .zz-active1 li img{opacity:1;transform:none;vertical-align:middle}
.zz-active ul li a{display:initial}
.zz-active ul li a img{opacity:1;vertical-align:middle;transform:none}
.zz-active ul li a p{transform:scale(1);opacity:1}
.zz-active ul li a span{transform:scale(1);opacity:1}
.zcz-case-list-nav .zz-active li a img{opacity:1}
.zcz-case-list-nav .zz-active li{opacity:1}
#js-scroll{width:100%;display:block;overflow:hidden}
@media screen and (min-width:2570px) and (max-width:3840px){
html{font-size:65px!important}
.zcz-header-top{height:150px}
.zcz-header-top.active{height:150px}
.zcz-header-top .logo{height:150px;line-height:150px}
.zcz-header-top .logo .zcz-logo-img{width:65px;padding-top:40px}
.zcz-header-top nav{height:150px}
.zcz-header-top.active nav .zcz-header-li{height:150px;line-height:150px}
.zcz-header-top nav .zcz-header-li{width:200px;height:150px;line-height:150px}
.zcz-header-top .search-icon{width:45px;height:80px;padding-top:53px}
.zcz-header-top .search-icon-h{padding-top:53px}
.zcz-header{margin-top:150px}
header{height:150px}
.zcz-header ul li a{font-size:.3rem}
.zcz-header ul li{width:231px}
.zcz-search-alert .zcz-c-form .sub-butn{padding-top:.6rem}
.zcz-ml .swiper-button-prev{width:100px;height:100px;margin-right:112px}
.zcz-ml .swiper-button-next{width:100px;height:100px}
.zcz-ml .ui-loop{width:102px;height:102px}
.zcz-ml .swiper-button-next img{width:.5rem;padding-top:36px}
.zcz-txt p{line-height:1rem}
.zcz-nq2 p{line-height:1rem}
.zcz-zcz-wedo ul li p{font-size:.33rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%}
.zcz-header-top.active1 nav .zcz-header-li{height:150px;line-height:150px;color:#000}
.mytooltip{font-size:.3rem;padding:15px}
.zcz-business-details-text ul li{margin-right:17%}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num a{font-size:1.6rem;line-height:92px;color:#000}
.zcz-l-list{padding-bottom:2rem}
#go_top{width:80px;height:80px;bottom:60px}
#go_top img{margin:20px auto 0 auto}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-24%}
.zcz-ml-team-list li .zcz-team-text h5{padding-bottom:.3rem}
}
@media screen and (min-width:2561px) and (max-width:2625px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:24%}
html{font-size:50px!important}
}
@media screen and (min-width:2481px) and (max-width:2560px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:23%}
html{font-size:50px!important}
}
@media screen and (min-width:2100px) and (max-width:2480px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:19%}
html{font-size:45px!important}
}
@media (max-width:2099px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:21.5%}
}
@media (max-width:1920px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:21.5%}
}
@media screen and (min-width:1840px) and (max-width:1919px){
.zcz-business-details-text ul li{margin-right:21%}
}
@media screen and (min-width:1681px) and (max-width:1850px){
.zcz-business-details-text ul li{margin-right:17%}
}
@media (max-width:1680px){
html{font-size:35px!important}
.zcz-business-details-text ul li{margin-right:20%}
}
@media (max-width:1600px){
html{font-size:36px!important}
.zcz-footer-bottom-r p{font-size:.35rem}
.zcz-business-details-text ul li{margin-right:17%}
}
@media screen and (min-width:1440px) and (max-width:1600px){
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1440px){
html{font-size:34px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1366px){
html{font-size:30px!important}
.zcz-ml .z-img img{height:2.3rem}
.zcz-header .zcz-header-ul ul{padding-right:350px}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:18%}
}
@media (max-width:1280px){
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:18%}
}
@media screen and (min-width:1200px) and (max-width:1250px){
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1200px){
html{font-size:30px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-business-details-text ul li{margin-right:11%}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
}
@media (max-width:1040px){
html{font-size:30px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-footer-bottom-r{width:50%}
.zcz-business-details-text ul li{margin-right:9%}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:10%}
}
@media screen and (min-width:961px) and (max-width:1015px){
.zcz-business-details-text ul li{margin-right:6%}
}
@media (min-width:962px){
.txt-swiper-wap{display:none}
}
@media (max-width:960px){
.zcz-grid{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.video-js{display:none}
.zcz-ml-team-list li{width:48%;margin-left:0;padding-top:1rem}
.zcz-ml-team-list li:first-child{margin-left:0}
.zcz-ml-team-list li:nth-child(2n+2){margin-left:4%}
.zcz-ml-team-list{padding-top:0}
.banner_index-pc{display:none}
.banner_index-wap{display:block}
.zcz-about-news .zcz-about-h3{width:100%}
.zcz-about-news-text h3{font-size:.7rem;text-overflow:initial;white-space:initial}
.zcz-about-join .zcz-about-news .zcz-about-h3{width:48%}
.txt-swiper-wap{display:block}
.zcz-footer-bottom-r a{width:100%;display:block;text-align:left;float:none;font-size:.9rem;color:#fff;margin-top:0;padding-bottom:.5rem;font-weight:700}
.sideMenu ul p{padding-left:1.5rem}
header{height:2.5rem}
.zcz-header-top nav{display:none}
.zcz-header-top .logo .zcz-logo-img{width:1.2rem;padding-top:16px}
.zcz-header-top{height:2.5rem}
.zcz-header-top .logo{width:10%;height:2.5rem;line-height:2.5rem}
.zcz-header-top .logo .logo_h{position:absolute;top:0}
.zcz-header-top.active{height:2.5rem}
.zcz-header-top .search-icon{padding-top:0;float:left;margin-top:-4px}
.zcz-header-top .hamburger{float:right}
.zcz-header-top .h-right{padding-top:16px;display:block}
.hamburger-inner{width:25px;height:2px;background:#fff}
.hamburger-inner::after,.hamburger-inner::before{content:'';width:25px;height:2px;background:#fff;border-radius:4px;position:absolute}
.hamburger-inner::after{bottom:-8px}
.hamburger-inner::before{top:-8px}
.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}
.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}
.header1 .hamburger.is-active .hamburger-inner{background:#222}
.zcz-header-top .hamburger--3dx-r.is-active .hamburger-inner{background:#000}
.zcz-search-alert .close{top:16px}
.zcz-search-alert .close img{width:78%}
.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1)!important}
header .nav .zcz-header-li{width:89%;display:-ms-flexbox;text-align:right;font-size:1.6rem;padding-bottom:1.7rem;color:#fff;font-family:Poppins,sans-serif;font-weight:400}
.zcz-ml .swiper-button-next{display:none}
.zcz-ml .swiper-button-prev{display:none}
.zcz-ml .ui-loop{display:none}
.zcz-search-alert .zcz-c-form{height:1.6rem}
.zcz-search-alert .zcz-c-form .tex{width:85%;font-size:.6rem;line-height:1rem}
.zcz-search-alert .zcz-c-form .sub-butn{padding-top:.3rem}
.zcz-header-top .hamburger--3dx-r.is-active1 .hamburger-inner{background:#000}
.zcz-grid li{opacity:1;position:relative}
.zcz-grid li{width:100%}
.zcz-txt{z-index:3;bottom:0}
.zcz-bg{opacity:1}
.zcz-grid li:first-child:hover .zcz-txt{opacity:1}
.zcz-txt h3{margin-top:1rem;margin-bottom:5%}
.zcz-txt p{line-height:1.6;padding-left:6%;font-size:.65rem}
.zcz-txt h3 em{font-size:.65rem}
.zcz-txt h3 span{font-size:.9rem}
.zcz-grid-title em{font-size:.65rem}
.zcz-grid-title span{font-size:.9rem;font-weight:600}
.zcz-nq1 .zcz-nq1-title span{font-size:.9rem}
.zcz-grid-title{bottom:20px}
.zcz-nq1 .zcz-nq1-title img{padding:0 .6rem;padding-top:.2rem}
.zcz-nq1 .zcz-nq1-text{width:80%;margin:5.5% auto 0 auto;font-size:.65rem}
.zcz-nq2 h2{padding-top:.5rem;font-size:.7rem}
.zcz-nq3{top:.2rem}
.zcz-nq3 h2{padding-bottom:.2rem;font-size:.9rem}
.zcz-nq2 p{line-height:.9rem;font-size:.6rem}
.zcz-grid-zt-l{width:100%;height:auto!important;float:none}
.zcz-grid-zt-r{width:100%;height:auto!important;float:none;padding:.7rem 0}
.zcz-grid .zcz-lr-g{height:auto!important}
.zcz-grid .zcz-lr-g a{height:auto!important}
.zcz-grid-zt-r .zcz-nq2 h2{padding-bottom:.5rem;padding-top:0!important}
.zcz-nq2 h2{padding-top:.9rem!important}
.zcz-zcz-wedo ul{width:90%;padding:1rem 0}
.zcz-zcz-wedo ul li{width:90%;margin:0 auto;float:none;padding:1rem 0}
.zcz-zcz-wedo ul li:last-child{margin-right:auto}
.zcz-zcz-wedo ul li img{width:2rem}
.zcz-zcz-wedo ul li h4{width:90%;padding-top:.8rem;font-size:.7rem}
.zcz-zcz-wedo ul li p{width:90%;height:auto;padding-top:.5rem;font-size:.6rem;line-height:1rem}
.sideMenu{width:90%;padding:1rem 0}
.zcz-zcz-wedo ul{width:100%;padding:1rem 0}
.sideMenu ul p{width:87%}
.sideMenu h5{padding:.7rem 0}
.sideMenu h5 em{height:30px;cursor:pointer;background:url(/Public/Home/images/icoAdd.png) 99% 0 no-repeat;background-size:.7rem}
.sideMenu h5.on em{background-position:99% -32px}
footer .zcz-footer-top{width:100%;height:4.5rem;margin:0 auto;padding-bottom:1rem}
footer .zcz-footer-top p{font-size:.7rem}
footer .zcz-footer-top .zcz-footer-btn{width:80%;padding-top:1.4rem}
.zcz-footer-zt{width:90%;padding:1.5rem 0;overflow:hidden}
.zcz-footer-bottom-l{width:100%;float:none}
.zcz-footer-bottom-l .zcz-sltList{width:5rem;margin-top:.8rem;font-size:.6rem;padding:.3rem .2rem;border-radius:0;-webkit-appearance:none;padding-left:.4rem;background:#000 url(/Public/Home/images/xia.png) right center no-repeat;background-position:92%}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1.8rem}
.zcz-footer-bottom-r{width:100%;float:none}
.zcz-footer-bottom-r p{width:100%}
footer .zcz-footer-bottom{height:auto}
.zcz-footer-bottom-l-top{height:auto}
.zcz-footer-bottom-l .zcz-footer-bottom-l-bottom{display:none}
.zcz-footer-bottom-r p strong{font-size:.6rem}
.zcz-footer-bottom-r p{line-height:.9rem}
.zcz-icp{width:100%;padding-top:.8rem}
.zcz-icp span{padding-right:1rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.6rem}
/*.zcz-grid li:first-child{height:18.75rem}*/
.zcz-grid li:first-child img{height:auto}
.zcz-icp{display:block}
.zcz-zcz-wedo h3:after{content:'';height:.25rem}
.zcz-zcz-wedo h3{font-size:.8rem}
.zcz-about img{object-fit:cover}
.zcz-about .zcz-about-text h1{font-size:1rem}
.zcz-about-list{padding-top:1.5rem}
.txt-swiper .swiper-pagination{display:none}
.img-swiper{display:none}
.zcz-about-title{font-size:1rem;margin-bottom:1rem}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text p{line-height:.9rem;width:88%;font-size:.6rem}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li{font-size:.6rem;line-height:1rem}
.zcz-about-banner .txt-swiper .swiper-slide{transition:all 0s}
.zcz-l-list .inner{width:33.3%;height:4rem;margin:0 auto;padding-bottom:.3rem}
.zcz-about-slogan h2{width:95%;float:none;padding-left:5%;font-size:1rem;line-height:2rem;padding-top:1.5rem}
.zcz-about-slogan p{width:90%;float:none;padding-right:0;padding-top:1rem;font-size:.65rem;line-height:1.1rem;padding-left:0;margin:0 auto}
.zcz-l-list{width:100%;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:1rem}
.zcz-l-list .inner div{display:none}
.zcz-l-list .inner div:last-child{opacity:1;display:block;width:100%}
.zcz-about-h3{font-size:1.2rem;width:100%}
.zcz-ausiness-flow .zcz-grid li{width:100%;margin-bottom:.5rem;position:relative;height:auto}
.zcz-ausiness-flow .zcz-grid li .effect-text{width:99%;height:98%}
.zcz-ausiness-flow .zcz-grid li .effect-text h2 img{width:1.5rem}
.zcz-about-news .zcz-about-h3 span{display:none}
.zcz-about-news-list{width:90%;padding-right:0;float:none}
.zcz-about-news-list ul li a img{width:100%;float:none;height:6.5rem}
.zcz-about-news-text{width:100%;float:none}
.zcz-about-team .zcz-about-news-list img{width:100%;float:none}
.zcz-about-join{position:relative}
.zcz-about-f{margin:0 auto}
.zcz-about-footer ul li strong{display:none}
.zcz-about-footer:after{margin-top:-.3rem}
.zcz-about-footer ul li span{margin-top:0;opacity:1}
.zcz-about-footer ul li .pic-2{opacity:1;left:0}
.zcz-about-footer ul .zcz-about-footer-pic .pic-2{left:0}
.zcz-about-footer ul li:hover span{margin-top:0}
.zcz-about-footer ul li span{width:94%;margin-top:-.3rem;font-size:.6rem;opacity:1;padding-right:6%}
.zcz-about-footer ul .zcz-about-footer-pic span{padding-left:6%}
.zcz-case-list-nav .zcz-case-list-nav-l a{font-size:.8rem;margin-right:1.3rem}
.zcz-case-list-nav .zcz-about-news-list ul li img{width:100%}
.zcz-about-news-text span{color:grey;font-size:.6rem;width:100%;padding-top:.4rem;padding-bottom:.2rem}
.zcz-case-list-nav .zcz-about-news-list ul li p{width:100%;display:block;font-size:.6rem;line-height:1rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:inherit;display:block;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.zcz-case-list-nav .zcz-about-news-list ul li a{width:6rem;height:1.3rem;margin:0;line-height:1.3rem;font-size:.55rem;margin-top:.65rem}
.zcz-case-list-mover{font-size:.65rem}
.zcz-case-list-nav .zcz-case-list-nav-l{padding-bottom:.8rem;overflow-x:scroll}
.zcz-case-list-nav-l-news{width:23rem;overflow:hidden}
.zcz-news-details img{height:60vh;object-fit:cover}
.zcz-news-details .zcz-about-text h1{font-size:.7rem}
.zcz-news-details .zcz-about-text p{font-size:.9rem;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-news-details::after{content:'';bottom:15%}
.zcz-news-details-text{width:95%;margin:2rem auto 0 auto;padding-bottom:1rem}
.zcz-news-details-text p{font-size:.62rem;line-height:1.2rem}
.zcz-news-details-btn{display:none}
.zcz-recommend{width:100%;margin:0 auto 2rem auto;overflow:hidden}
.zcz-recommend .zcz-about-title{width:90%}
.zcz-news-details-swiper .swiper-slide{width:40%;margin-right:2rem;opacity:1}
.zcz-news-details-swiper{width:95%;float:right}
.zcz-case-list-nav ul li{width:100%;height:auto;float:none;margin-right:0}
.zcz-case-list-nav ul li .zcz-img-border h4{display:none}
.zcz-case-list-nav ul li .zcz-img-border .skeleton{display:none}
.zcz-case-list-nav ul li .zcz-img-border::after{content:'';display:none}
.zcz-case-list-nav ul li .zcz-img-border::before{content:'';display:none}
.zcz-case-list-nav ul li a p{padding-top:0;font-size:.8rem}
.zcz-case-list-nav ul li a span{font-size:.6rem}
.zcz-case-details img{height:60vh;object-fit:cover}
.zcz-case-details{height:auto}
.zcz-case-details-text{width:100%}
.zcz-case-details-text .zcz-case-details-text-l{width:100%;float:none;padding-bottom:.3rem;border-bottom:1px solid #e6e6e6;margin-bottom:.5rem}
.zcz-case-details-text .zcz-case-details-text-r{width:100%;line-height:1rem;font-size:.65rem;float:none}
.zcz-case-details-text::after{content:'';display:none}
.zcz-business .zcz-business-l{width:100%;float:none}
.zcz-business .zcz-business-r{width:100%;float:none;padding-left:0}
.zcz-business .zcz-business-r h2{width:100%;margin:1rem auto 0 auto;font-size:1rem}
.zcz-business .zcz-business-r p{width:100%;font-size:.6rem;line-height:1rem}
.zcz-business .zcz-business-r ul li a{padding-left:.65rem;font-size:.65rem}
.mytooltip{display:none!important}
.zcz-business-details .zcz-business-details-r{display:none}
.zcz-business-details .zcz-business-details-l{width:100%;display:block;height:60vh;overflow:hidden}
.zcz-business-details-text ul li{width:100%;float:none;margin-right:0;margin-bottom:2rem}
.zcz-business-details-text ul li h2{font-size:1rem;padding-bottom:.6rem}
.zcz-business-details-text{background:0 0}
.zcz-business-details-text ul{margin:0 auto}
.txt-swiper .swiper-slide{width:305px;margin:0}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text{float:left;padding-left:0;padding-right:30px;width:100%}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num{font-size:1rem}
.zcz-about-team .zcz-about-news .zcz-about-h3{display:block;width:90%;margin:0 auto;float:none;padding-top:0}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner .button_text_container{font-size:.6rem}
.zcz-business-details .zcz-business-details-l a{width:6rem;font-size:.6rem;margin-top:3.5rem;padding:.15rem 0}
.zcz-about-news-text .su_button_circle{display:none}
.button_su{height:1.4rem;overflow:hidden;position:relative;display:inline-block;margin-top:.65rem}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner{width:5rem;height:1.3rem}
.zcz-about-join .zcz-about-news-list .button_su .su_button_circle{display:none}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1{border:1px solid #000}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1 .button_text_container{color:#000}
#loading-center-absolute{position:absolute;left:0;top:50%;height:60px;width:60px;right:0;margin:-3rem auto 0 auto}
.zcz-header-top .search-icon{width:28px}
.zcz-case-list-nav .zcz-about-news-flow-n li a h3{font-size:.7rem}
.zcz-ml-seach p{width:75%;height:2.5rem}
.zcz-ml-seach button{width:23%;height:1.4rem;font-size:.65rem}
.zcz-ml-seach p input{font-size:1rem}
.zcz-ml-seach-jg{font-size:.65rem}
.zcz-ml-seach-jg span{font-size:.8rem}
.zcz-business-details-text ul li p{font-size:.6rem;line-height:1rem}
.zcz-business-details .zcz-business-details-l h2{font-size:1.3rem;top:48%}
.zcz-case-seach .zcz-case-list-nav ul li{width:48%;margin-right:4%;float:left;opacity:1}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(3n+3){margin-right:4%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(4n+4){margin-right:4%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(2n+2){margin-right:0}
.zcz-case-seach .zcz-case-list-nav ul li a p{font-size:.65rem}
.zcz-ml-team .zcz-ml-team-l{width:100%}
.zcz-ml-team .zcz-ml-team-l p{width:54%;font-size:.6rem}
.zcz-ml-team .zcz-ml-team-r img{width:100%;margin-top:-6.8rem}
.zcz-ml-team-list li .zcz-team-js{height:auto;font-size:.8rem}
.zcz-ml-team-list li .zcz-team-js span{font-size:.6rem}
.zcz-about-h3 a{width:5rem;display:block;height:1.4rem;line-height:1.4rem;font-size:.6rem}
.zcz-about-join .zcz-about-news-list img{width:3.5rem;padding-right:1rem}
.zcz-about-h3{padding-bottom:1rem}
.txt-swiper-pc{display:none}
.zcz-ml-team-list li .zcz-team-text{display:none}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{position:static;margin:.8rem 0}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-10%}
.zcz-about-banner .txt-swiper .swiper-slide{width:80%!important;margin-left:-10%}
.zcz-ml .z-img a span{font-size:.8rem}
.zcz-ml .z-img a h1{font-size:1.3rem}
.zcz-business-details .zcz-business-details-l p{font-size:.55rem}
.sideMenu h5{padding:.7rem 0;font-size:.8rem}
footer .zcz-footer-top .zcz-footer-btn a{font-size:.65rem;padding:.4rem 0}
.zcz-footer-bottom-r .zcz-icp a{font-size:.55rem!important}
.zcz-case-list-top p{font-size:.6rem}
.zcz-about .zcz-about-text p{font-size:.6rem}
.zcz-news-details-swiper .swiper-slide img{height:4rem;object-fit:cover}
.zcz-news-details-swiper>.swiper-pagination{position:static;padding-top:0}
.zcz-news-details-swiper>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:.6rem;height:.15rem;border-radius:.1rem}
.zcz-case-list-nav ul li{margin:0 auto .6rem auto}
.zcz-case-details-text .zcz-case-details-text-l p em{font-size:.7rem;width:3.5rem}
.zcz-case-details-text .zcz-case-details-text-l p span{font-size:.65rem}
.zcz-case-details-text .zcz-case-details-text-l p a{font-size:.65rem}
.zcz-ml-team .zcz-ml-team-l h3{font-size:.8rem}
.zcz-grid-newy .zcz-case-newy{height:auto}
.zcz-ausiness-flow .zcz-grid-newy li{margin-bottom:.8rem}
.zcz-case-list-top h1{font-size:1rem}
.zcz-case-list-nav .zcz-about-news-flow-n .zcz-grid{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:.6rem;-webkit-column-gap:.6rem;column-gap:.6rem}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview{height:auto;overflow:hidden}
.zcz-grid-newy li img{height:auto;width:100%}
.zcz-business-grid li{width:100%}
}
@media (max-width:768px){
html{font-size:30px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:2.8rem}
}
@media (max-width:767px){
html{font-size:26px!important}
}
@media (max-width:480px){
html{font-size:24px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:1.5rem}
.zcz-nq2 h2{padding-top:.9rem}
.zcz-footer-bottom-r p strong{font-size:.65rem}
.zcz-footer-bottom-r p{font-size:.6rem}
.sideMenu ul p{width:87%;line-height:1.2rem;font-size:.55rem}
.sideMenu h5{padding:.7rem 0;font-size:.75rem}
}
@media (max-width:400px){
html{font-size:20px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:1.6rem}
.zcz-nq2 h2{padding-top:.9rem}
}
@media (max-width:320px){
html{font-size:20px!important}
}
@font-face{font-family:syb;src:url(/Public/Home/font/pinghei.eot);src:url(/Public/Home/font/b_font.eot?#font-spider) format('embedded-opentype'),url(/Public/Home/font/b_font.woff) format('woff'),url(/Public/Home/font/b_font.ttf) format('truetype'),url(/Public/Home/font/b_font.svg) format('svg');font-weight:400;font-style:normal}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{
0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{
0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);-ms-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{
0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{
0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;transform:none}
}
@keyframes wobble{
0%{-webkit-transform:none;-ms-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{
0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{
0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{
0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{
0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{
0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{
0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{
0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut{
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{
0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{
0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{
0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{
0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp{
0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes slideOutDown{
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes slideOutLeft{
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@keyframes slideOutRight{
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes slideOutUp{
0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.zcz-ml{width:100%;height:100vh;position:relative;margin:0 auto}
.zcz-ml .swiper-container{width:100%;height:100%}
.zcz-ml .swiper-wrapper{transition-timing-function:cubic-bezier(1,.1,.5,1)}
.zcz-ml .swiper-slide{text-align:center;font-size:.45rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.zcz-ml .swiper-slide a{width:100%;height:100%;display:block;margin:0 auto}
.zcz-ml .img-box{width:100%;height:100%;overflow:hidden}
.zcz-ml .img-box img{width:100%;height:100%;object-fit:cover}
.zcz-ml .z-img{width:auto;display:block;position:absolute;bottom:4%;left:5%;z-index:2}
.zcz-ml .z-img a{color:#fff}
.zcz-ml .z-img span{font-size:.7rem;width:100%;display:block;height:auto;margin:0 auto;text-align:left;padding-bottom:5px;color:#fff}
.zcz-ml .z-img h1{width:100%;display:block;margin:0 auto;text-align:left;color:#fff;font-size:1.2rem}
.video-js{display:block}
.video-js{opacity:0;transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s}
.video-js .vjs-tech{position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover;display:block;right:0;margin:0 auto}
.zcz-ml .banner_index-pc{width:100%;height:100%;position:absolute;top:0}
.banner_index-pc .swiper-slide .z-img{transform:translatex(-100px);opacity:0;transition:all .4s}
.banner_index-pc .ani-slide .z-img{transform:translateY(0);opacity:1}
.zcz-ml .ui-loop{position:absolute;width:52px;height:52px;z-index:9;bottom:5%;right:5%;top:auto;left:auto}
.zcz-ml .path-loop{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;margin-right:70px}
.zcz-ml .path-loop-bg{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px;opacity:.1}
.zcz-ml .swiper-button-prev{background:0 0;bottom:5%;right:6%;top:auto;left:auto;width:50px;height:50px;margin-right:55px}
.zcz-ml .swiper-button-prev img{width:100%}
.zcz-ml .swiper-button-next{width:50px;height:50px;background:0 0;bottom:5%;right:5%;top:auto;left:auto;z-index:10}
.zcz-ml .swiper-button-next img{width:18px;height:auto;display:block;margin:0 auto;padding-top:16px}
.zcz-ml-nav{width:80%;height:60px;display:block;margin:0 auto;position:absolute;z-index:8;background:#008eb6;top:30px;left:0;right:0}
.zcz-txt{position:absolute;cursor:default;left:0;width:100%;height:auto;text-align:center;color:#fff;display:block;z-index:9;bottom:-4rem;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);padding-bottom:.8rem}
.zcz-txt h3{font-weight:400;width:90%;display:block;color:#fff;text-align:left;padding-left:6%;z-index:2;position:relative;margin-bottom:6%}
.zcz-txt h3 span{font-size:.8rem;font-weight:600}
.zcz-txt h3 em{font-size:.45rem;display:block;width:100%;margin:0 auto;padding-top:.5%}
.zcz-txt p{display:block;line-height:40px;width:90%;text-align:left;padding-left:6%;font-size:.45rem;z-index:2;position:relative}
.zcz-grid{width:100%;margin:0 auto;padding:0}
.no-cssanimations .zcz-grid li,.no-js .zcz-grid li,.zcz-grid li.shown{opacity:1}
.zcz-grid li a,.zcz-grid li img{transform:scale(1.02);outline:0;border:none;display:block;width:100%;transition:all .2s;position:relative}
.zcz-grid.effect-2 li.animate{-webkit-animation:fadeIn .8s ease forwards;animation:fadeIn .8s ease forwards}
@-webkit-keyframes fadeIn{
100%{opacity:1}
}
@keyframes fadeIn{
100%{opacity:1}
}
@-webkit-keyframes moveUp{
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes moveUp{
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.zcz-bg{position:absolute;width:100%;height:100%;cursor:default;opacity:0;top:0;z-index:2;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px) saturate(1);backdrop-filter:blur(10px) saturate(1);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.zcz-grid li a{width:100%;height:100%;display:block;margin:0 auto}
.zcz-grid li a,.zcz-grid li:hover .zcz-txt{bottom:0}
.zcz-grid li a,.zcz-grid li:hover .zcz-bg{opacity:1;overflow:hidden}
.zcz-grid li:hover img{transform:scale(1.04)}
.zcz-nq1{width:100%;height:100%;display:block;margin:0 auto;position:absolute;left:0;right:0;top:3.6%}
.zcz-nq1 .zcz-nq1-title{width:100%;height:auto;display:block;margin:0 auto;text-align:center;padding-top:2.4rem}
.zcz-nq1 .zcz-nq1-title span{width:auto;display:inline-block;color:#000;font-size:.8rem;font-weight:700}
.zcz-nq1 .zcz-nq1-title img{width:.7rem;display:inline-block;padding:0 28px;padding-top:.3rem}
.zcz-nq1 .zcz-nq1-text{width:100%;height:auto;display:block;text-align:center;font-size:.45rem;color:#666;margin-top:5.5%}
.zcz-nq2{top:0}
.zcz-nq2 h2{width:100%;display:block;height:auto;margin:0 auto;text-align:center;font-size:.8rem;color:#fff}
.zcz-nq2 p{color:#fff;width:100%;display:block;text-align:center;margin:0 auto;font-size:.45rem;line-height:40px}
.zcz-nq3{top:0}
.zcz-nq3 h2{padding-bottom:3%}
.zcz-grid-title{width:95%;height:auto;display:block;position:absolute;bottom:40px;color:#fff;padding-left:5%;z-index:2}
.zcz-grid-title span{font-size:.7rem;font-weight:600}
.zcz-grid-title em{font-size:.45rem;display:block;width:100%;margin:0 auto;padding-top:.5%}
.zcz-grid-title-h{color:#000}
.zcz-grid-zt-l{width:60%;display:block;height:auto;float:left;overflow:hidden;position:relative}
.zcz-grid-zt-r{width:40%;display:block;float:right;overflow:hidden}
.zcz-grid-zt-r .zcz-nq2{width:100%;position:relative}
.zcz-grid-zt-r .zcz-nq2 h2{color:#000;padding-bottom:8%}
.zcz-grid-zt-r .zcz-nq2 p{color:#000}
.zcz-grid .zcz-lr-g:hover img{transform:scale(1)}
.zcz-grid .zcz-lr-g .zcz-grid-zt-l:hover img{transform:scale(1.1)}
.zcz-header-top{z-index:9;background:rgba(0 ,0,0,.1);height:80px;position:fixed;width:90%;margin:0 auto;left:0;right:0;-webkit-transition:all .35s;transition:all .35s;padding:0 5%}
.zcz-header-top.cur{background:#fff;-webkit-transform:translate3d(0,-115%,0)!important;transform:translate3d(0,-115%,0)!important;-webkit-transition:all .35s;transition:all .35s}
.zcz-header-top.active{padding-top:0;height:80px;background:#fff;box-shadow:0 5px 10px 2px rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.zcz-header-top.active .logo .logo_b{opacity:0;visibility:hidden}
.zcz-header-top.active .logo .logo_h{opacity:1;visibility:visible;position:absolute;top:0}
.zcz-header-top.active nav .zcz-header-li{height:80px;line-height:80px;color:#000}
.zcz-header-top.active nav .zcz-header-li>a{color:#000}
.zcz-header-top.active .search-icon{color:#000}
.zcz-header-top.active .hamburger-inner,.zcz-header-top.active .hamburger-inner::after,.zcz-header-top.active .hamburger-inner::before{background:#2c2c2c;-webkit-transition-duration:.15s!important;transition-duration:.15s!important}
.zcz-header-top.active1{padding-top:0;box-shadow:0 5px 10px 2px rgba(0,0,0,.1);background:#fff;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.zcz-header-top.active1 .logo .logo_b{opacity:0;visibility:hidden}
.zcz-header-top.active1 .logo .logo_h{opacity:1;visibility:visible;position:absolute;top:0}
.zcz-header-top.active1 nav .zcz-header-li{height:80px;line-height:80px;color:#000}
.zcz-header-top.active1 nav .zcz-header-li>a{color:#000}
.zcz-header-top.active1 .search-icon{color:#000}
.zcz-header-top.active1 .hamburger-inner,.zcz-header-top.active1 .hamburger-inner::after,.zcz-header-top.active1 .hamburger-inner::before{background:#000;-webkit-transition-duration:.15s!important;transition-duration:.15s!important}
.zcz-header-top .logo{width:10%;height:80px;line-height:80px;position:relative;display:block;float:left}
.zcz-header-top .logo .logo_h{opacity:0;visibility:hidden}
.zcz-header-top .logo .zcz-logo-img{display:block;height:auto;width:42px;padding-top:20px}
.zcz-header-top .logo a{display:block}
.zcz-header-top .zcz-logo-img{width:100%}
.zcz-header-top nav{width:90%;height:80px;display:block;float:right;text-align:right;overflow:hidden}
.zcz-header-top nav .zcz-header-li{width:130px;height:80px;line-height:80px;position:relative;font-size:20px;margin-right:.4rem;text-align:center;color:#fff;display:inline-block}
.zcz-header-top nav .zcz-header-li>a{color:#fff;display:block;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top nav .zcz-header-li:last-child{margin-right:0;width:40px}
.zcz-header-top .nav-box p{height:50px;line-height:50px;background:#fff;padding:0 .5rem;border-bottom:1px solid #e8e5e8;text-align:left;-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top .nav-box a{color:#666;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:14px;position:relative}
.zcz-header-top .nav-box .btn{-webkit-transition:all .3s ease;transition:all .3s ease}
.zcz-header-top .nav-box p:hover{background:#3258a3;color:#fff;padding:0 .5rem 0 .75rem}
.zcz-header-top .nav-box p:hover a{color:#fff}
.zcz-header-top .nav-box p:hover .btn{margin-right:-5px}
.zcz-header-top .h-right{width:67px;height:auto;display:none;float:right}
.zcz-header-top .search-icon{width:30px;display:block;text-align:right;padding-top:25px;cursor:pointer;float:right;height:40px}
.zcz-header-top .search-icon img{width:100%}
.zcz-header-top .search-icon span{width:20px;height:20px;font-size:24px;font-weight:700}
.zcz-header-top .hamburger{padding:0;height:18px;padding-top:10px}
.zcz-header-top .hamburger-box{width:25px;height:18px;display:block;position:relative}
.zcz-header-top .hamburger-inner::before{top:-8px}
.zcz-header-top .hamburger-inner::after{bottom:8px}
.zcz-header-top .hamburger{opacity:1}
.zcz-header-top .hamburger:hover{opacity:1}
.zcz-header-top .hamburger-inner,.zcz-header-top .hamburger-inner::after,.zcz-header-top .hamburger-inner::before{width:25px;height:2px;background:#fff}
.zcz-header-top .hamburger.is-active .hamburger-inner,.zcz-header-top .hamburger.is-active .hamburger-inner::after,.zcz-header-top .hamburger.is-active .hamburger-inner::before{background:#fff;-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1),background-color .5s 0s cubic-bezier(.645,.045,.355,1)!important}
.zcz-header-top nav .zcz-header-li .cn,.zcz-header-top nav .zcz-header-li .en{position:absolute;width:100%;height:100%;z-index:3}
.zcz-header-top nav .zcz-header-li .en{transition:background-color .4s;transform:translate3d(0,0,50px);-webkit-transform:translate3d(0,0,50px);font-size:.45rem;font-family:Poppins,sans-serif;font-weight:300}
.zcz-header-top nav .zcz-header-li .cn{transform:rotateX(90deg) translate3d(0,0,50px);-webkit-transform:rotateX(90deg) translate3d(0,0,50px);-webkit-transform:rotateX(90deg) translate3d(0,0,50px);color:#fff;font-size:.45rem}
.zcz-header-top nav .zcz-header-li .lia{display:block;position:relative;z-index:2;height:100%;background-color:transparent;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s;transform:translate3d(0,0,0);cursor:pointer}
.zcz-header-top nav .zcz-header-li:hover .lia{-webkit-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}
.zcz-header-top nav .zcz-header-li.iecur:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-search-alert{position:fixed;z-index:100;background-color:#000;left:0;top:0;width:100%;height:100%}
.zcz-search-alert input::-webkit-input-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input::-moz-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input:-moz-placeholder{color:#ccc!important;font-size:.7rem}
.zcz-search-alert input:-ms-input-placeholder{color:#ccc!important;font-size:.5rem}
.zcz-search-alert .zcz-c-form{opacity:0;-webkit-transform:translate(0,40px);-ms-transform:translate(0,40px);transform:translate(0,40px);-webkit-transition:all .5s;transition:all .5s}
.zcz-search-alert .close{width:30px;height:30px;position:absolute;top:38px;right:5%;cursor:pointer;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.zcz-search-alert .close img{width:100%;height:auto}
.zcz-search-alert .close:before{font-size:30px;top:0;left:0;color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.zcz-search-alert .zcz-c-form{position:absolute;width:70%;top:46%;height:2rem;border-bottom:1px solid #515151;left:0;right:0;margin:0 auto}
.zcz-search-alert .zcz-c-form:before{color:#fff;font-size:30px;position:absolute;left:0;height:50px;top:50%;margin-top:-25px}
.zcz-search-alert .zcz-c-form .tex{border:none;font-size:1rem;height:1.5rem;line-height:1.5rem;text-align:left;width:90%;color:#fff;background:0 0}
.zcz-search-alert .zcz-c-form .sub-butn{border:none;height:1rem;font-size:.8rem;line-height:1.5rem;color:#fff;background:0 0;position:absolute;right:0;top:0;width:.9rem;text-align:center;padding-top:.8rem;padding-right:.5rem;cursor:pointer}
.zcz-search-alert .zcz-c-form .sub-butn img{width:100%}
.zcz-search-alert{-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s .5s;transition:transform .3s .5s}
.zcz-search-alert.active{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.zcz-search-alert.active .zcz-c-form{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s .3s;transition:all .5s .3s}
header.on{height:80px;position:relative}
.search-form .input2::-webkit-input-placeholder{color:#fff}
.search-form .input2::-moz-placeholder{color:#fff}
.search-form .input2::-ms-input-placeholder{color:#fff}
header{position:fixed;width:100%;left:0;height:80px;z-index:9;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;top:0}
header .on2{-webkit-transform:translate3d(0,-100%,0)!important;transform:translate3d(0,-100%,0)!important;-webkit-transition:all .35s;transition:all .35s}
header .zcz-warp-nav{width:100%;height:100vh;left:0;top:0;background:#000;position:fixed;display:none;padding-top:1rem}
header .sub-menu{width:100%;z-index:2}
header .sub-menu .nav{width:100%;height:auto;overflow-x:hidden;overflow-y:auto;padding-top:4rem}
header .nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
header .nav .tit1{font-weight:700;line-height:1.4}
header .nav .tit2{line-height:1}
.zcz-header{width:100%;display:block;height:0;margin:0 auto;background:rgba(0,0,0,.8);margin-top:80px;position:fixed;-webkit-transition:all .5s;transition:all .5s;overflow:hidden;left:0;right:0;top:0}
.zcz-header-top nav .li2:hover .zcz-header:before{opacity:.2}
.zcz-header .zcz-header-ul{width:90%;height:61px;display:block;margin:0 auto}
.zcz-header .zcz-header-ul ul{float:right;width:auto;padding-right:370px}
.zcz-header ul li{width:100px;display:block;float:left;line-height:60px}
.zcz-header ul li a{font-size:13px;color:#fff;width:100%;height:100%;display:block;text-align:center}
.zcz-header-top .search-icon-h{display:none;padding-top:25px}
.zcz-header-top.active .search-icon{display:none}
.zcz-header-top.active .search-icon-h{display:block}
.zcz-header-top.active nav .zcz-header-li .cn{color:#000}
.zcz-header-top.active nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active nav .li2 .zcz-header{background:#fff}
.zcz-header-top nav .zcz-header-li .cn a{color:#fff}
.zcz-header-top.active nav .zcz-header-li .cn a{color:#000}
.zcz-header-top.active1 nav .zcz-header-li .cn a{color:#000}
.zcz-header-top.active nav .li2 .zcz-header ul li a{color:#000}
.zcz-header-top.active1 .search-icon{display:none}
.zcz-header-top.active1 .search-icon-h{display:block}
.zcz-header-top.active1 nav .zcz-header-li .cn{color:#000}
.zcz-header-top.active1 nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active1 nav .li2 .zcz-header{background:#fff}
.zcz-header-top.active1 nav .li2 .zcz-header:before{content:'';width:100%;height:1px;background:#000;position:absolute;left:0;right:0;margin:0 auto;top:0;opacity:.6;-webkit-transition:all .5s;transition:all .5s}
.zcz-header-top.active1 nav .li2 .zcz-header ul li a{color:#000}
.zcz-zcz-wedo{width:100%;display:block;height:auto;margin:0 auto;background:#fff;padding-top:2.5rem;overflow:hidden;padding-bottom:2rem}
.zcz-zcz-wedo h3{width:100%;height:auto;display:block;margin:0 auto;text-align:center;font-size:.6rem;color:#010101;font-family:Poppins,sans-serif;font-weight:700}
.zcz-zcz-wedo h3:after{content:'';width:1rem;height:6px;display:block;margin:.2rem auto 0 auto;background:#ccc}
.zcz-zcz-wedo ul{width:80%;max-width:2560px;display:block;margin:0 auto;height:auto;padding:1.5rem 0}
.zcz-zcz-wedo ul li{width:22%;display:block;height:auto;margin:0 3% 0 auto;float:left;padding:1rem 0;color:#000;cursor:pointer}
.zcz-zcz-wedo ul li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1)}
.zcz-zcz-wedo ul li:last-child{margin-right:0}
.zcz-zcz-wedo ul li img{width:1.2rem;height:auto;display:block;margin:0 auto}
.zcz-zcz-wedo ul li h4{width:90%;display:block;padding-top:.5rem;text-align:center;font-size:.45rem;margin:0 auto;color:#000}
.zcz-zcz-wedo ul li p{width:80%;height:auto;display:block;margin:0 auto;text-align:center;padding-top:.5rem;color:#666;line-height:.7rem}
.animated{opacity:0}
.animation-delay-2{-webkit-animation-delay:.25s;animation-delay:.25s}
.animation-delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}
.zcz-zcz-wedo-h{background:#f7f7f7}
.sideMenu{width:80%;height:auto;display:block;padding:1.5rem 0;overflow:hidden;max-width:2560px}
.sideMenu h5{width:100%;height:auto;border-top:1px solid #e7eaed;cursor:pointer;padding:.8rem 0;font-size:.55rem;color:#000;position:relative}
.sideMenu h5:first-child{border-top:none}
.sideMenu ul:last-child{border-bottom:1px solid #e7eaed}
.sideMenu h5:last-child{border-bottom:1px solid #e7eaed}
.sideMenu h5 strong i{display:inline-block;padding-right:.6rem}
.sideMenu h5 em{float:right;display:block;width:100%;height:50px;background:url(/Public/Home/images/icoAdd.png) 99% 7px no-repeat;cursor:pointer;position:absolute;top:.8rem;transition:all .3s}
.sideMenu h5.on em{background-position:99% -37px}
.sideMenu ul{display:none;width:100%;font-size:.4rem;line-height:35px;padding-bottom:.6rem;padding-top:0}
.sideMenu ul p{width:85%;padding-left:1.3rem}
footer{width:100%;height:auto;display:block;margin:0 auto}
footer .zcz-footer-top{width:90%;max-width:2560px;height:4.5rem;display:block;margin:0 auto;background:#1a1a1a;padding:1.3rem 0;position:relative;margin-bottom:-2.5rem}
footer .zcz-footer-top p{color:#fff;width:100%;text-align:center;height:auto;font-size:.9rem;font-family:Poppins,sans-serif;font-weight:500}
footer .zcz-footer-top .zcz-footer-btn{width:30%;height:auto;display:block;margin:0 auto;padding-top:1.4rem;overflow:hidden}
footer .zcz-footer-top .zcz-footer-btn a{width:45%;display:block;margin:0 auto;border:1px solid #fff;text-align:center;font-size:.45rem;color:#000;padding:.25rem 0;background:#fff}
footer .zcz-footer-top .zcz-footer-btn .footer-btn-d{background:0 0;color:#999;border:1px solid #999;float:right}
footer .zcz-footer-bottom{width:100%;height:12rem;background:#000}
.zcz-footer-zt{width:87%;display:block;margin:0 auto;height:auto;padding-top:4.2rem}
.zcz-footer-bottom-l-top{width:100%;height:5.74rem;display:block;margin:0 auto;position:relative}
.zcz-footer-bottom-l{width:50%;display:block;float:left;height:auto}
.zcz-footer-bottom-l .zcz-f-logo{width:5rem;display:block;padding-right:2rem}
.zcz-footer-bottom-l .zcz-sltList{display:block;width:3.3rem;margin-top:1rem;font-size:.4rem;padding:.15rem .2rem;background:#000 url(/Public/Home/images/xia.png) right center no-repeat;background-position:92%;-webkit-appearance:none}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{width:100%;display:block;position:absolute;top:3.4rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1.1rem;display:inline-block}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%}
.zcz-footer-bottom-l-bottom{width:100%;display:block;margin:0 auto;height:auto}
.zcz-footer-bottom-l-bottom p{display:inline-block;padding-right:1rem;color:#999;font-size:.32rem}
.phoneNumber{font-size: .9rem; color: #fff;margin-top: .2rem;font-size: 1.3rem}
.zcz-footer-bottom-r{width:33%;display:block;float:right;position:relative}
.zcz-footer-bottom-r p{width:10rem;float:right;font-size:.38rem;line-height:.7rem;color:#999;padding-bottom:.5rem}
.zcz-footer-bottom-r p strong{display:block;padding-bottom:.2rem;font-weight:400;color:#fff;font-size:.45rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.4rem}
.zcz-icp{display:none}
.zcz-header-ul ul:hover>li a{opacity:.4}
.zcz-header-ul ul>li:hover a{opacity:1}
.zcz-about{position:relative;z-index:3}
.zcz-about-v{width:100%;display:block;height:100vh;overflow:hidden}
.zcz-about .zcz-about-v img{width:100%;height:100%}
.zcz-about .zcz-about-v video{display:block;position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover}
.zcz-about .zcz-about-text{width:90%;display:block;height:auto;margin:0 auto;position:absolute;bottom:2.6rem;left:0;right:0}
.zcz-about .zcz-about-text h1{width:100%;display:block;margin:0 auto;color:#fff;font-size:1.1rem;padding-bottom:.6rem}
.zcz-about .zcz-about-text p{width:100%;display:block;margin:0 auto;line-height:1rem;font-size:.5rem}
.zcz-about-list{width:100%;display:block;margin:0 auto;height:auto;overflow:hidden;padding-top:2rem}
.zcz-about-title{width:90%;max-width:2560px;display:block;margin:0 auto;font-size:.6rem;color:#000;font-weight:700;margin-bottom:2rem}
.zcz-about-title:after{content:'';width:1rem;height:6px;display:block;margin:.2rem 0;background:#ccc}
.path{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:1.8px;transition:opacity .3s,fill .3s,stroke .3s}
.txt-swiper .swiper-pagination{color:#cacaca;width:auto;height:50px;left:5%;top:20%;font-size:.55rem}
.txt-swiper .swiper-pagination ul{min-width:1.8rem}
.txt-swiper .swiper-pagination ul li{position:absolute;left:0;top:0;color:#000;font-size:.55rem;opacity:0}
.img-swiper{width:20%;height:40%;z-index:1;position:absolute;top:0;left:5%}
.img-swiper .swiper-slide h2{font-size:.7rem;color:#000;font-family:Poppins,sans-serif}
.txt-swiper{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-banner{width:100%;height:auto;display:block;position:relative;max-width:2560px;margin:0 auto}
.zcz-about-banner .txt-swiper .swiper-slide{transition:all .5s}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num a{color:#000;font-size:2rem;line-height:75px;float:left;font-weight:700;transition:all 1s;font-family:Poppins,sans-serif}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text{float:left;padding-left:30px;width:calc(100% - 200px)}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text h2{font-size:.8rem;margin-bottom:.4rem;color:#000}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text p{font-size:.45rem;margin-bottom:.5rem;color:#000;font-weight:400;width:100%;line-height:.7rem}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text ul{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li{line-height:26px;padding:.2rem 0;background:url(/Public/Home/images/triangle.png) center left no-repeat;padding-left:.5rem;font-size:.4rem;color:grey}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li a{color:grey}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li a:hover{color:#000}
.zcz-about-banner .txt-swiper .swiper-slide-active{opacity:1}
.zcz-about-banner .txt-swiper .swiper-slide-next{opacity:.2}
.zcz-about-banner .txt-swiper .swiper-slide-prev{opacity:.2}
.zcz-about-slogan{width:100%;max-width:2560px;display:block;margin:2rem auto;height:8rem;background:linear-gradient(#fcfafa,#fff)}
.zcz-about-slogan h2{width:40%;display:block;float:left;padding-left:5%;font-size:1.3rem;color:#000;line-height:10rem}
.zcz-about-slogan p{width:45%;display:block;float:right;padding-right:5%;padding-top:4rem;color:#000;font-size:.5rem;line-height:1.1rem}
.zcz-l-list{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:2rem}
.zcz-l-list ul{width:100%;height:auto;display:block}
.zcz-l-list .inner{width:25%;height:4rem;display:block;margin:0 auto;float:left;padding-bottom:1rem;cursor:pointer;position:relative;overflow:hidden}
.zcz-l-list .inner div{width:75%;top:0;left:0;right:0;margin:0 auto}
.zcz-l-list .inner img{width:100%}
.zcz-l-list .inner div:last-child{opacity:0;position:absolute;top:0;left:0;right:0;margin:0 auto}
.zcz-about-flow{width:100%;height:auto;display:block;margin:0 auto;background:#000;padding-bottom:2rem}
.zcz-about-h3{width:95%;display:block;padding-left:5%;font-size:1.3rem;color:#fff;padding-top:3rem;padding-bottom:2rem;font-weight:700}
.zcz-about-flow .zcz-grid{width:90.1%;height:auto;display:block;margin:0 auto}
.zcz-about-flow .zcz-grid li{position:relative;z-index:1;display:inline-block;overflow:hidden;text-align:center;cursor:pointer}
.zcz-about-flow .zcz-grid li a h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0;z-index:2}
.zcz-about-flow .zcz-grid li a h2 img{width:1.3rem;height:auto;display:block;margin:0 auto}
.zcz-about-flow .zcz-grid li a p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);color:#fff;font-size:.6rem}
.zcz-about-flow .zcz-grid li a:hover .effect-text::after,.zcz-about-flow .zcz-grid li a:hover .effect-text::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.zcz-about-flow .zcz-grid li a:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-about-flow .zcz-grid li a:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.zcz-about-news{max-width:2560px;margin:0 auto}
.zcz-about-news-list{width:50%;display:block;height:auto;margin:0 auto;padding-right:5%}
.zcz-about-news-list ul{width:100%;height:auto;display:block;margin:0 auto}
.zcz-about-news-list ul li{width:100%;height:auto;display:block;margin:0 auto;padding-bottom:1rem;border-bottom:1px solid #ccc;margin-bottom:1rem;overflow:hidden}
.zcz-about-news-list ul li:last-child{border-bottom:none}
.zcz-about-news-list ul li a{width:100%;height:100%;display:block}
.zcz-about-news-list ul li a img{width:25%;height:4rem;display:block;margin:0 auto;float:left;object-fit:cover}
.zcz-about-news-text{width:71%;height:auto;display:block;float:right}
.zcz-about-news-text span{color:grey;font-size:.5rem;display:block;width:100%;overflow:hidden}
.zcz-about-news-text h3{color:#1a1a1a;font-size:.65rem;display:block;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-about-team{background:#000;padding-bottom:2rem}
.zcz-about-team .zcz-about-title{color:#fff}
.zcz-about-team .zcz-about-h3{color:#fff;padding-top:3rem}
.zcz-about-team .zcz-about-news-list img{width:95%;display:block;float:right}
.zcz-about-join .zcz-about-news-list a{width:6rem;display:block;height:1.5rem;border:1px solid #000;font-size:.6rem;color:#000;text-align:center;line-height:1.5rem;float:right}
.zcz-about-footer{width:100%;max-width:2560px;height:auto;display:block;margin:0 auto;overflow:hidden;position:relative}
.zcz-about-footer .about-footer-h3{
    font-weight: 700;font-size: 1.3rem;color: #000;display: block;width: 90%; margin: 0 auto; margin-top: 2rem;margin-bottom: 2rem
}
.zcz-about-footer ul{
    width: 90%;
    min-height: 200px;
    margin: 0 auto;
}
.zcz-about-footer ul li{width:32.33%;display:block;float:left;margin:0 auto;position:relative;cursor:pointer;overflow:hidden}
.zcz-about-footer ul li img{
    width: 100%;
}
/* .zcz-about-footer ul li:hover .area{
    font-size:2.187rem;
} */
.zcz-about-footer ul li .area{
    display: block;
    position: absolute;
    top: 0.36rem;
    left: .9rem;
    color: #fff;
    font-size:1.85rem;
    z-index: 999;
    font-weight: 500;
}
.zcz-about-footer ul li .address{
    position: absolute;
    z-index: 999;
    bottom: .9rem;
    left: .9rem;
    color: #ffffff;
}
.zcz-about-footer ul li .pic-1{width:100%;height:auto;backface-visibility:hidden;transition:all .5s ease 0s}
.zcz-about-footer ul li a{width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}
.zcz-about-footer ul li strong{width:90%;height:auto;font-family:Poppins,sans-serif;font-weight:400;position:absolute;z-index:2;margin-top:-3rem;display:block;font-size:1.3rem;color:#fff;text-align:right;padding-right:10%}
.zcz-about-footer ul li strong img{width:5.3rem}
.zcz-about-footer ul li span{width:90%;height:auto;position:absolute;z-index:2;margin-top:-3.5rem;display:block;font-size:.55rem;color:#fff;text-align:right;opacity:0;left:0;transition:all .3s linear 0s;padding-right:10%;display:block;line-height:1rem}
.zcz-about-footer ul li .pic-2{width:100%;height:auto;width:100%;height:100%;backface-visibility:hidden;opacity:0;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.zcz-about-footer ul li:hover .pic-2{opacity:1;left:0}
/* .zcz-about-footer:after{content:'';width:.5rem;height:.5rem;margin:0 auto;position:absolute;left:0;right:0;top:50%;background:#fff;margin-top:-2rem;border-radius:2rem} */
.zcz-about-footer ul .zcz-about-footer-pic .pic-2{top:0;left:0}
.zcz-about-footer ul .zcz-about-footer-pic:hover .pic-2{opacity:1;left:0}
.zcz-about-footer ul li:hover span{opacity:1;margin-top:-3.7rem}
.zcz-about-footer ul li:hover strong{opacity:0;margin-top:-3.5rem}
.zcz-about-f{margin:-5rem auto 0 auto;background:0 0}
.zcz-about-footer ul .zcz-about-footer-pic strong{padding-left:10%;padding-right:0;text-align:left;margin-top:-3rem}
.zcz-about-footer ul .zcz-about-footer-pic strong img{width:7rem}
.zcz-about-footer ul .zcz-about-footer-pic span{padding-left:10%;padding-right:0;text-align:left}
.zcz-case-list{width:100%;max-width:2560px;margin:0 auto;padding-top:0rem}
.zcz-case-list-top{width:100%;display:block;height:auto;margin:0 auto 2rem auto}
.zcz-case-list-top p{width:100%;height:auto;display:block;margin:0 auto;font-size:.45rem;color:grey;font-family:Poppins,sans-serif;font-weight:300}
.zcz-case-list-top p i{width:1rem;height:.23rem;background:#ccc;display:inline-block;margin-left:.3rem}
.zcz-case-list-top h1{width:100%;height:auto;display:block;margin:0 auto;font-size:1.3rem;color:#1a1a1a;padding-top:.6rem;font-family:syb;font-weight:700}
.zcz-case-list-nav{width:100%;display:block;margin:0 auto;height:auto}
.zcz-case-list-nav .zcz-case-list-nav-l{width:100%;display:block;margin:0 auto 1rem auto;height:auto;padding-bottom:.5rem;border-bottom:1px solid #e6e6e6}
.zcz-case-list-nav .zcz-case-list-nav-l a{display:inline-block;font-size:.55rem;color:#1a1a1a;margin-right:1.5rem;position:relative;font-family:Poppins,sans-serif;font-weight:700}
.zcz-case-list-nav .zcz-case-list-nav-l .case-active{color:grey}
.zcz-case-list-nav .zcz-case-list-nav-l .case-active:after{content:'';width:100%;height:.08rem;display:block;position:absolute;background:grey;margin-top:.04rem}
.zcz-case-list-nav ul{width:100%;height:auto;display:block;margin:0 auto 1rem auto;overflow:hidden}
.zcz-case-list-nav ul li{width:31.3%;height:9rem;display:block;margin:0 auto 1rem auto;float:left;margin-right:3%}
.zcz-case-list-nav ul li:nth-child(3n+3){margin-right:0}
.zcz-case-list-nav ul li a{width:99%;height:100%;display:block;margin:0 auto;position:relative}
.zcz-case-list-nav ul li a img{width:100%;display:block;margin:0 auto;height:auto;max-height:7.5rem;transition:all .2s;object-fit:cover}
.zcz-case-list-nav ul li a p{width:90%;display:block;height:auto;padding-top:.5rem;color:#1a1a1a;font-size:.55rem}
.zcz-img-border{width:100%;height:auto;display:block;margin:0 auto;position:relative;overflow:hidden}
.zcz-case-list-nav ul li:hover img{transform:scale(1.02)}
.zcz-case-list-nav ul li .zcz-img-border h4{width:100%;height:100%;position:absolute;top:0;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.5rem;z-index:2;opacity:0;margin-top:1rem;transition:all .5s;font-weight:100}
.zcz-case-list-mover{width:100%;height:2rem;cursor:pointer;display:block;text-align:center;color:#1a1a1a;vertical-align:middle;margin:0 auto 2rem auto;background:#f5f5f5;overflow:hidden;font-size:.5rem;line-height:2rem;font-family:Poppins,sans-serif;font-weight:400}
.zcz-case-list-mover img{display:inline-block;vertical-align:middle;padding-left:.5rem;margin-top:-.08rem}
.zcz-case-list-nav .zcz-about-news-list{width:100%}
.zcz-case-list-nav .zcz-about-news-list ul li{width:100%;overflow:hidden}
.zcz-case-list-nav .zcz-about-news-list ul li img{width:25%}
.zcz-case-list-nav .zcz-about-news-list ul li p{width:80%;padding-top:.5rem;display:block;font-size:.4rem;line-height:.7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.zcz-case-list-nav .zcz-about-news-list ul li a{width:4rem;display:block;height:1rem;margin:0;position:relative;left:0;border:1px solid #1a1a1a;color:#1a1a1a;line-height:1rem;text-align:center;font-size:.4rem;margin-top:.65rem}
.zcz-news-details{height:auto;max-width:2560px}
.zcz-news-details .zcz-about-text{width:90%;height:auto;display:block;position:absolute;bottom:12%;margin:0 auto;left:0;right:0;color:#fff}
.zcz-news-details .zcz-about-text h1{font-size:.9rem;color:#fff;display:block;margin:0 auto;padding-bottom:.3rem;font-weight:100}
.zcz-news-details .zcz-about-text p{font-size:1.3rem;font-weight:800}
.zcz-news-details img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-news-details::after{content:'';width:10%;height:2px;background:#fff;position:absolute;bottom:14%;right:0;opacity:.2}
.zcz-news-details-text{width:750px;height:auto;display:block;margin:3rem auto 0 auto;padding-bottom:2rem;position:relative}
.zcz-news-details-text h2{width:100%;display:block;margin:0 auto;text-align:justify;font-size:.8rem;line-height:1.5rem;color:#000}
.zcz-news-details-text p img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-news-details-btn{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden;padding-bottom:1rem;border-bottom:1px solid #ccc}
.zcz-news-details-btn .zcz-news-details-btn1{width:6rem;height:1.3rem;display:block;float:left;text-align:center;line-height:1.3rem;color:#1a1a1a;font-size:.46rem;font-weight:600;border:1px solid #ccc}
.zcz-news-details-btn .zcz-news-details-btn1 img{vertical-align:middle;display:inline-block;padding-right:.3rem;width:.7rem}
.zcz-news-details-btn p{width:40%;display:block;height:auto;float:right;text-align:right;margin-top:.3rem}
.zcz-news-details-btn p a{display:inline-block;width:1.2rem;height:auto}
.zcz-news-details-btn p a img{display:inline-block;vertical-align:middle;width:100%}
.zcz-recommend{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto 2rem auto}
.zcz-news-details-swiper{width:100%;height:100%}
.zcz-news-details-swiper .swiper-slide{width:30%;margin-right:2rem;opacity:1}
.zcz-news-details-swiper .swiper-slide img{width:100%}
.zcz-news-details-swiper .swiper-slide .zcz-img-border img{width:100%;height:7rem;object-fit:cover}
.zcz-news-details-swiper ul{display:flex;margin:0;overflow:initial}
.zcz-news-details-swiper ul li{width:30%;display:inline-block;margin:0;float:none;overflow:hidden;margin-right:0;overflow:hidden}
.zcz-news-details-swiper .swiper-button-next{width:11%;margin-top:0}
.swiper-container-rtl .swiper-button-next,.zcz-news-details-swiper .swiper-button-prev{margin-top:0}
.zcz-news-details-swiper>.swiper-pagination{position:static;padding-top:20px}
.zcz-news-details-swiper>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:25px;height:4px;border-radius:.1rem}
.zcz-news-details-swiper .swiper-pagination-bullet-active{opacity:1;background:#373737}
.zcz-case-list-nav ul li a p{width:100%;padding-top:0;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-case-list-nav ul li a span{color:#8a8a8a;font-size:.4rem;display:block;width:100%;padding-top:.2rem}
.zcz-footer-b{background:#fff}
.zcz-recommend .zcz-about-title{width:100%}
.zcz-case-details{width:100%;height:auto}
.zcz-case-details img{width:100%;height:100%}
.zcz-case-details-text{width:65%;display:block;margin:0 auto;height:auto;overflow:hidden;position:relative;margin-bottom:2rem}
.zcz-case-details-text::after{content:'';width:1px;height:100%;background:#e6e6e6;position:absolute;bottom:0;left:50%;margin-left:-1rem}
.zcz-case-details-text .zcz-case-details-text-l{width:45%;display:block;height:auto;float:left}
.zcz-case-details-text .zcz-case-details-text-l h2{font-size:.9rem;padding-bottom:.6rem}
.zcz-case-details-text .zcz-case-details-text-l p{padding-bottom:.3rem;overflow:hidden}
.zcz-case-details-text .zcz-case-details-text-l p em{width:2.5rem;display:block;float:left;font-size:.5rem;color:#1a1a1a;font-weight:600}
.zcz-case-details-text .zcz-case-details-text-l p span{color:grey;font-size:.45rem;display:block;float:right;width:78%}
.zcz-case-details-text .zcz-case-details-text-l p a{color:#000;display:inline-block;padding-right:.2rem;font-size:.45rem}
.zcz-case-details-text .zcz-case-details-text-r{display:block;width:48%;height:auto;margin:0 auto;color:grey;line-height:.8rem;font-size:.4rem}
.zcz-case-details-img{width:100%;max-width:2560px}
.mytooltip{max-width:12rem;padding:10px;position:absolute;background:#333;color:#fff;border-radius:.2rem}
.mytooltip--cursor-help{cursor:help!important}
.mytooltip-backing{position:absolute;width:100%}
.mytooltip.mytooltip-theme-default:before{display:none}
.mytooltip.mytooltip-theme-danger{background:#e04d3b}
.mytooltip.mytooltip-theme-danger:after{border-color:#e04d3b}
.mytooltip.mytooltip-theme-danger:before{display:none}
.mytooltip.mytooltip-theme-warning{background:#e67225}
.mytooltip.mytooltip-theme-warning:after{border-color:#e67225}
.mytooltip.mytooltip-theme-warning:before{display:none}
.mytooltip.mytooltip-theme-info{background:#0e7ac4}
.mytooltip.mytooltip-theme-info:after{border-color:#0e7ac4}
.mytooltip.mytooltip-theme-info:before{display:none}
.mytooltip.mytooltip-theme-success{background:#45b04f}
.mytooltip.mytooltip-theme-success:after{border-color:#45b04f}
.mytooltip.mytooltip-theme-success:before{display:none}
.mytooltip.mytooltip-theme-light{background:#fff;color:#000;border:1px solid #e4e4e4}
.mytooltip.mytooltip-theme-light:after{border-color:#fff}
.mytooltip.mytooltip-theme-light:before{border-color:#e4e4e4}
.mytooltip.mytooltip--top:after,.mytooltip.mytooltip--top:before{border-left-color:transparent;border-right-color:transparent;border-bottom:0;bottom:-7px;top:auto;left:50%;margin:0 0 0 -7px}
.mytooltip.mytooltip--top:before{bottom:-9px;margin:0 0 0 -9px}
.mytooltip.mytooltip--right:after,.mytooltip.mytooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:0;left:-7px;margin-top:-7px;top:50%}
.mytooltip.mytooltip--right:before{left:-9px;margin-top:-9px}
.mytooltip.mytooltip--bottom:after,.mytooltip.mytooltip--bottom:before{border-left-color:transparent;border-right-color:transparent;border-top:0;margin:0 0 0 -7px;left:50%;top:-7px}
.mytooltip.mytooltip--bottom:before{margin:0 0 0 -9px;top:-9px}
.mytooltip.mytooltip--left:after,.mytooltip.mytooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:0;margin-top:-7px;left:auto;right:-7px;top:50%}
.mytooltip.mytooltip--left:before{margin-top:-9px;right:-9px}
.right{float:right}
.type-inline-block{display:inline-block}
.style-block{color:#000;cursor:pointer}
.zcz-business{width:100%;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden}

@media screen and (max-width: 1000px) {
.zcz-business{width:100%;height:auto;display:block;margin:0 auto 0rem auto;overflow:hidden}
}
.zcz-business .zcz-business-l{width:39%;display:block;margin:0 auto;float:left}
.zcz-business .zcz-business-l img{width:100%;height:auto;display:block;margin:0 auto}
.zcz-business .zcz-business-r{width:100%;display:block;margin:0 auto;float:left;padding-left:0%}
.zcz-business .zcz-business-r h2{width:100%;height:auto;display:block;margin:0% auto 0 auto;font-size:26.25px;color:#000;padding-bottom:.5rem; padding-top:60px}


@media screen and (max-width: 1000px) {
.zcz-business .zcz-business-r h2{width:100%;height:auto;display:block;margin:0% auto 0 auto;font-size:26.25px;color:#000;padding-bottom:.5rem; padding-top:10px}
}

.zcz-business .zcz-business-r p{width:100%;height:auto;display:block;font-size:18px;line-height:.8rem;color:#000}
.zcz-business .zcz-business-r ul{width:100%;height:auto;display:block;margin:.8rem auto 0 auto}
.zcz-business .zcz-business-r ul li{position:relative;display:block;width:100%;padding:.2rem}
.zcz-business .zcz-business-r ul li a{padding-left:.5rem;color:grey;font-size:18px;background:url(../images/service_dian1.jpg) left center no-repeat}
.zcz-business .zcz-business-r ul li a:hover{color:#000;background:url(../images/service_dian2.jpg) left center no-repeat}
.business-active .zcz-business-l{float:left;padding-left:15%}
.business-active .zcz-business-r{float:left;padding-left:0}
.zcz-business-details{width:100%;display:block;overflow:hidden;margin:0 auto;background:#1b1b1b;position:relative}
.zcz-business-details .zcz-business-details-l{width:50%;display:block;height:100%;overflow:hidden}
.zcz-business-details .zcz-business-details-l h2{width:90%;height:auto;display:block;position:absolute;top:50%;left:0;right:0;margin:0 auto;font-size:1.1rem;color:#fff;margin-top:-4rem}
.zcz-business-details .zcz-business-details-l p{width:90%;height:auto;display:block;position:absolute;top:50%;left:0;right:0;margin:0 auto;font-size:.5rem;color:#fff;margin-top:-2rem;line-height:.96rem}
.zcz-business-details .zcz-business-details-l a{width:5rem;height:1.3rem;display:block;position:absolute;top:50%;left:5%;right:0;font-size:.5rem;color:#fff;margin-top:4rem;line-height:.96rem;border:1px solid #fff;text-align:center;line-height:1.3rem;font-size:.4rem}
.zcz-business-details .zcz-business-details-r{width:50%;display:block;overflow:hidden}
.zcz-business-details .zcz-business-details-r img{width:100%}
.zcz-business-details .zcz-business-details-r video{width:100%;height:100vh;display:block;object-fit:cover}
.zcz-business-details-text{width:90%;max-width:2560px;display:block;padding-top:2.5rem;padding-bottom:1rem;height:auto;margin:0 auto;background:url(/Public/Home/images/business_details_bg.jpg) center center no-repeat;background-attachment:fixed;overflow:hidden}
.zcz-business-details-text ul{width:100%;height:auto;display:block;margin:0 auto 2rem auto;overflow:hidden}
.zcz-business-details-text ul li{width:8rem;float:left;display:block;margin:0 auto;margin-right:21%}
.zcz-business-details-text ul li h2{font-size:.7rem;display:block;margin:0 auto;padding-bottom:.6rem;width:100%}
.zcz-business-details-text ul li p{width:100%;display:block;font-size:.38rem;line-height:.7rem;color:#000}
.zcz-business-details-text ul li:last-child{margin-right:0}
.zcz-business_details-faq{width:100%;display:block;margin:0 auto 1rem auto;overflow:hidden}
.zcz-business_details-faq .sideMenu h5{transform:translateY(0)}
.zcz-business_details-faq .zcz-about-title{margin-bottom:0;margin-top:2rem}
.zcz-business_details-faq .sideMenu{width:90%}
.zcz-ausiness-flow{background:#000;overflow:hidden;padding-bottom:2rem}
.zcz-ausiness-flow .zcz-about-title{color:#fff;margin:2rem auto}
.zcz-ausiness-flow .zcz-grid li{opacity:1;padding:1%;width:48%}
.zcz-ausiness-flow .zcz-grid{width:91.1%}
.zcz-ausiness-flow .zcz-grid li .effect-text{position:absolute;top:0;left:0;width:99.5%;height:98.5%;z-index:2;text-align:center;align-items:center;display:-webkit-flex;justify-content:center;flex-direction:column}
.zcz-about-flow .zcz-grid li a .effect-text::after,.zcz-ausiness-flow .zcz-grid li a .effect-text::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2}
.zcz-ausiness-flow .zcz-grid li a .effect-text::before{border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.zcz-ausiness-flow .zcz-grid li a .effect-text::after{border-right:4px solid #fff;border-left:4px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
.zcz-ausiness-flow .zcz-grid li .effect-text p{padding:20px 2.5em;color:#fff;font-size:.6rem}
.zcz-ausiness-flow .zcz-grid li .effect-bubba-bg{content:'';top:0;left:0;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.8)}
.business-active .zcz-business-l{float:right;padding-left:0;padding-right:7%}
.button_container{width:4rem;margin:0 auto}
.button_su{height:1.1rem;overflow:hidden;position:relative;display:inline-block;margin-top:.65rem}
.su_button_circle{background-color:red;border-radius:1000px;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner{display:inline-block;font-size:.4rem;font-weight:400;width:4rem;height:1rem;text-align:center;transition:.4s;text-decoration:none;padding:0;z-index:2;position:static;margin-top:0}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner .button_text_container{font-family:Poppins,sans-serif;font-weight:400;position:relative;z-index:1;font-size:.4rem;display:block;width:100%;padding-top:0;color:#000}
.explode-circle{animation:explode .5s forwards}
.zcz-case-list-nav .zcz-about-news-list ul li .explode-circle1 .button_text_container{color:#fff}
.zcz-case-list-nav .zcz-about-news-list ul li .explode-circle1{border:1px solid #fff}
.desplode-circle{animation:desplode .5s forwards}
.ie-ts{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display:none}
.ie-ts .ie-bg{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:1;z-index:-1}
.ie-ts .ie-text{width:500px;height:200px;background:#fff;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;position:absolute;border-radius:.3rem}
.ie-ts .ie-text img{display:block;margin:0 auto;padding-bottom:20px;padding-top:30px}
.ie-ts .ie-text p{width:80%;display:block;margin:0 auto;font-size:17px;line-height:30px;text-align:center}
.zcz-case-list-nav ul li{opacity:0;transition:all .5s}
.zcz-about-news .zcz-about-h3{width:40%;color:#000;padding-top:0}
.zcz-ausiness-flow .zcz-business-grid li .effect-text{position:absolute;top:0;left:0;width:99.5%;height:98.5%;z-index:2;text-align:center;align-items:center;display:-webkit-flex;justify-content:center;flex-direction:column}
.zcz-about-flow .zcz-business-grid li a .effect-text::after,.zcz-ausiness-flow .zcz-grid li a .effect-text::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;z-index:2}
.zcz-ausiness-flow .zcz-business-grid li a .effect-text::before{border-top:4px solid #fff;border-bottom:4px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
.zcz-ausiness-flow .zcz-business-grid li a .effect-text::after{border-right:4px solid #fff;border-left:4px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
.zcz-ausiness-flow .zcz-grid li .effect-text h2{width:2rem;display:inline-block;margin-top:2rem}
}
@keyframes explode{
0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.2)}
100%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:rgba(0,0,0,.8)}
}
@keyframes desplode{
0%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:rgba(0,0,0,.8)}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(0,0,0,.6)}
}
@keyframes explode1{
0%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(255,255,255,.2)}
100%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:#fff}
}
@keyframes desplode1{
0%{width:530px;height:530px;margin-left:-250px;margin-top:-200px;background-color:#fff}
100%{width:0;height:0;margin-left:0;margin-top:0;background-color:rgba(255,255,255,.6)}
}
#svg-canvas{position:relative;width:60px;height:60px}
.svg-title{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 3s linear forwards;-webkit-animation:draw 3s linear forwards;-moz-animation:draw 3s linear forwards;-o-animation:draw 3s linear forwards;font-stretch:semi-expanded;background:#fff}
@keyframes draw{
to{stroke-dashoffset:0}
}
@-webkit-keyframes draw{
to{stroke-dashoffset:0}
}
@-moz-keyframes draw{
to{stroke-dashoffset:0}
}
@-o-keyframes draw{
to{stroke-dashoffset:0}
}
.st0{animation:draw1 .5s linear forwards;-webkit-animation:draw1 .5s linear forwards;-moz-animation:draw1 .5s linear forwards;-o-animation:draw1 .5s linear forwards;fill:#fff;opacity:0;animation-delay:.6s;-webkit-animation-delay:.6s}
@keyframes draw1{
to{opacity:1}
}
.zcz-about-join .zcz-about-news-list{text-align:right}
.zcz-about-join .zcz-about-news-list .button_su{height:auto;margin-top:.2rem}
.zcz-about-join .zcz-about-news-list .button_su .button_su_inner .button_text_container{position:relative;z-index:1;display:block;width:100%;padding-top:0;color:#000}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1 .button_text_container{color:#fff}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1{border:1px solid #fff}
#loading{background-color:#000;height:100vh;width:100%;position:fixed;z-index:999;margin-top:0;top:0;overflow:hidden}
#loading-center{width:100%;height:100%;position:relative}
#loading-center-absolute{position:absolute;left:0;top:50%;right:0;height:60px;width:60px;margin:-60px auto 0 auto}
footer .zcz-footer-top .zcz-footer-btn .button_su{background:0 0;color:#999;border:none;float:right;width:45%;display:block;margin-top:0;height:auto}
footer .zcz-footer-top .zcz-footer-btn .button_su a{width:98.6%;background:0 0;border:1px solid #999}
footer .zcz-footer-top .zcz-footer-btn .button_su a .button_text_container{color:#999;position:relative;z-index:1;display:block;width:100%;padding-top:0}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle{animation:explode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .desplode-circle{animation:desplode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle{animation:explode1 .5s forwards}
footer .zcz-footer-top .zcz-footer-btn .button_su .explode-circle1 .button_text_container{color:#000}
#go_top{width:40px;height:40px;margin-top:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;bottom:40px;position:fixed;right:10px;background-color:rgba(0,0,0,.6);z-index:99;cursor:pointer}
#go_top:hover{background-color:#000}
#go_top img{width:50%;display:block;margin:10px auto 0 auto}
.zcz-flow{overflow:hidden;position:relative;max-width:2560px;margin:0 auto}
.zcz-case-list-nav .zcz-about-news-flow-n li{width:calc(25% - 25px);height:auto;margin-right:25px;margin-bottom:0}
.zcz-grid .zcz-about-news-flow-n.shown{opacity:1}
.zcz-about-news-flow-n .grid{max-width:69em;list-style:none;margin:30px auto;padding:0}
.zcz-about-news-flow-n .grid li{display:block;float:left;padding:7px;width:33%;opacity:0}
.zcz-about-news-flow-n .grid li.shown,.zcz-about-news-flow-n .no-cssanimations .grid li,.zcz-about-news-flow-n .no-js .grid li{opacity:1}
.zcz-about-news-flow-n .grid li a,.zcz-about-news-flow-n .grid li img{outline:0;border:none;display:block;max-width:100%}
.zcz-about-news-flow-n .grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}
@-webkit-keyframes moveUp{
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes moveUp{
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.zcz-about-news-flow-n .zcz-news-l{width:100%;display:block;height:auto;overflow:hidden;position:relative;z-index:1;background:#fff}
.zcz-case-list-nav .zcz-about-news-flow-n{width:calc(100% + 25px);margin:0 auto 3rem auto}
.zcz-case-list-nav .zcz-about-news-flow-n li a{padding-bottom:1rem}
.zcz-case-list-nav .zcz-about-news-flow-n li:nth-child(3n+3){margin-right:25px}
.zcz-case-list-nav .zcz-about-news-flow-n li a h3{width:100%;color:#1a1a1a;font-size:.4rem;margin-top:.5rem;position:relative;z-index:1;background:#fff;font-weight:400}
.zcz-case-list-nav .zcz-about-news-flow-n li a span{display:block;width:100%;padding-top:.15rem;font-size:.45rem;color:grey}
.zcz-case-seach{width:90%;height:auto;display:block;margin:3rem auto 0 auto}
.zcz-ml-seach{width:100%;height:2rem;display:block;margin:0 auto .6rem auto;border-bottom:1px solid #000;position:relative}
.zcz-ml-seach p{width:88%;display:block;margin:0 auto;height:3rem;float:left}
.zcz-ml-seach p input{border:none;height:2rem;line-height:2rem;font-size:.7rem;color:#000;width:100%}
.zcz-ml-seach button{width:10%;display:block;height:1.2rem;border:none;float:right;background:#333;text-align:center;line-height:1.2rem;font-size:.55rem;color:#fff;margin-top:.4rem;font-family:Poppins,sans-serif;font-weight:400}
.zcz-ml-seach-jg{width:100%;height:auto;text-align:left;display:block;overflow:hidden;padding-bottom:2rem;color:grey;font-size:.5rem;font-family:Poppins,sans-serif;font-weight:300}
.zcz-ml-seach-jg span{color:#1a1a1a;font-size:.55rem}
.zcz-ml-seach p input::-webkit-input-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-ml-seach p input::-moz-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-ml-seach p input:-ms-input-placeholder{color:#dedede;letter-spacing:0;font-size:.6rem}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title{width:100%;height:auto;display:block;margin:0 auto 1rem auto;font-size:.8rem;color:#1a1a1a;position:relative}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title span{position:relative;z-index:1;background:#fff;padding-right:1rem;font-weight:700}
.zcz-case-seach .zcz-case-list-nav .zcz-ml-seach-title i{width:100%;height:1px;background:#e6e6e6;display:block;position:absolute;top:50%}
.zcz-case-seach .zcz-case-list-nav ul li{width:23.5%;margin-right:2%;height:auto;opacity:1}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(3n+3){margin-right:2%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(4n+4){margin-right:0}
.zcz-case-seach .zcz-case-list-nav ul li a img{height:5.75rem;object-fit:cover}
.zcz-case-seach .zcz-img-border{overflow:hidden}
.zcz-case-seach .zcz-ml-seach-h ul li a img{height:auto}
.zcz-case-seach .zcz-case-list-nav ul li a p{font-size:.4rem}
.zcz-about-list{width:100%;display:block;margin:0 auto;height:auto;overflow:hidden;padding-top:3rem}
.zcz-ml-team{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto}
.zcz-ml-team .zcz-ml-team-l{width:40%;display:block;height:auto;float:left}
.zcz-ml-team .zcz-ml-team-l h3{color:#fff;font-size:1.3rem;width:100%;display:block}
.zcz-ml-team .zcz-ml-team-l p{color:#969696;font-size:.45rem;line-height:1rem;width:100%;display:block;padding-top:1.5rem}
.zcz-ml-team .zcz-ml-team-r{width:40%;display:block;height:auto;float:right}
.zcz-ml-team .zcz-ml-team-r img{width:93%;height:auto;display:block;margin-top:-6rem}
.zcz-ml-team-list{width:90%;max-width:2560px;height:auto;display:block;margin:0 auto;padding-top:2rem;overflow:hidden}
.zcz-ml-team-list li{width:20%;display:block;margin:0 auto;float:left;margin-left:6.6666%;position:relative;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.zcz-ml-team-list li:first-child{margin-left:0!important}
.zcz-ml-team-list li .zcz-team-img{width:100%;height:auto;display:block;margin:0 auto;position:relative;z-index:2;-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li .zcz-team-img img{height:auto;width:100%;position:relative;z-index:2}
.zcz-ml-team-list li .zcz-team-js{width:100%;height:2rem;display:block;margin:0 auto;text-align:center;color:#fff;font-size:.53rem;padding-top:.4rem;-webkit-transition:all .5s;transition:all .5s;position:relative;bottom:0}
.zcz-ml-team-list li .zcz-team-js span{width:100%;height:auto;display:block;margin:0 auto;color:#969696;font-size:.38rem;padding-top:.1rem}
.zcz-ml-team-list li .zcz-team-text{width:100%;height:calc(100% - 1px);position:absolute;top:0;background:#fff;z-index:1;margin-left:0}
.zcz-ml-team-list li .zcz-team-text h5{width:80%;display:block;height:auto;margin:0 auto;font-size:.55rem;color:#000;padding-top:1rem;padding-bottom:1rem}
.zcz-ml-team-list li .zcz-team-text h5 span{width:100%;display:block;height:auto;color:#676767;font-size:.4rem;padding-top:.2rem}
.zcz-ml-team-list li .zcz-team-text p{width:80%;height:6.4rem;display:block;color:#000;font-size:.45rem;margin:0 auto;line-height:.8rem;text-align:left;transition:all 1s;bottom:2rem;overflow-x:hidden;overflow-y:auto}
.zcz-ml-team-list li .zcz-team-text p::-webkit-scrollbar{width:3px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s}
.zcz-ml-team-list li .zcz-team-text p::-webkit-scrollbar-track{width:3px;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:rgba(0,0,0,.1)}
.zcz-news-details-swiper ul li a p{padding-top:.5rem}
.zcz-ml-team-list li.a-active:nth-child(4n+1) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+2) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+2) .zcz-team-img{-webkit-transform:translateX(-34%);-ms-transform:translateX(-34%);transform:translateX(-34%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+3) .zcz-team-img{-webkit-transform:translateX(-67%);-ms-transform:translateX(-67%);transform:translateX(-67%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+3) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li.a-active:nth-child(4n+4) .zcz-team-img{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list li.a-active:nth-child(4n+4) .zcz-team-text{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
.zcz-ml-team-list li .zcz-team-text{-webkit-transition:opacity .5s,background-color .1s ease 1s,-webkit-transform .5s;transition:opacity .5s,background-color .1s ease 1s,-webkit-transform .5s;transition:opacity .5s,transform .5s,background-color .1s ease 1s;transition:opacity .5s,transform .5s,background-color .1s ease 1s,-webkit-transform .5s}
.zcz-ml-team-list li.rMove{-webkit-transform:translateX(67.2%);-ms-transform:translateX(67.2%);transform:translateX(67.2%)}
.zcz-ml-team-list li.rMove1{-webkit-transform:translateX(34%);-ms-transform:translateX(34%);transform:translateX(34%);-webkit-transition:all .5s;transition:all .5s}
.zcz-ml-team-list .a-active .zcz-team-js{bottom:2rem}
.zcz-ml-team-list li.lMove{-webkit-transform:translateX(-33.5%);-ms-transform:translateX(-33.5%);transform:translateX(-33.5%)}
.zcz-ml-team-list li.lMove1{-webkit-transform:translateX(-67.2%);-ms-transform:translateX(-67.2%);transform:translateX(-67.2%)}
.zcz-about-h3 a{width:6rem;display:block;height:1.5rem;border:1px solid #000;font-size:.55rem;color:#000;text-align:center;margin-top:1rem;line-height:1.5rem;transition:all .3s;font-family:Poppins,sans-serif;font-weight:500}
.zcz-about-h3 a:hover{color:#fff;background:#000}
.zcz-about-join .zcz-about-news-list img{width:5.5rem;padding-right:2rem}
.z-slide-new{width:48%;display:block;float:left}
.zcz-about-banner .txt-swiper .swiper-slide{width:76%!important;margin-left:-5%}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-14%}
.zcz-about-banner .txt-swiper-wap .swiper-slide{width:60%!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{left:auto;width:15%;display:block;height:100%;background:0 0;top:0;right:0}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{width:11%;display:block;height:100%;background:0 0;top:0;left:0}
.zcz-wrapper-err{position:absolute;height:100vh;left:0;width:100%}
.zcz-glitch{color:#fff;font-weight:700;position:relative;width:auto;margin:0 auto;max-width:80%;background:rgba(0,0,0,.95);letter-spacing:1px;z-index:3;text-align:center;font-family:Poppins,sans-serif}
@keyframes noise-anim{
0%{clip:rect(77px,9999px,51px,0)}
5%{clip:rect(25px,9999px,30px,0)}
10%{clip:rect(70px,9999px,75px,0)}
15%{clip:rect(94px,9999px,96px,0)}
20%{clip:rect(24px,9999px,11px,0)}
25%{clip:rect(12px,9999px,53px,0)}
30%{clip:rect(79px,9999px,54px,0)}
35%{clip:rect(70px,9999px,93px,0)}
40%{clip:rect(73px,9999px,86px,0)}
45%{clip:rect(100px,9999px,96px,0)}
50%{clip:rect(5px,9999px,68px,0)}
55%{clip:rect(6px,9999px,16px,0)}
60%{clip:rect(4px,9999px,60px,0)}
65%{clip:rect(86px,9999px,74px,0)}
70%{clip:rect(6px,9999px,53px,0)}
75%{clip:rect(41px,9999px,35px,0)}
80%{clip:rect(70px,9999px,60px,0)}
85%{clip:rect(52px,9999px,66px,0)}
90%{clip:rect(18px,9999px,16px,0)}
95%{clip:rect(71px,9999px,80px,0)}
100%{clip:rect(69px,9999px,51px,0)}
}
.zcz-glitch:after{content:attr(data-text);position:absolute;left:0;text-shadow:-1px 0 red;top:0;color:#fff;background:#000;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 2s infinite linear alternate-reverse;width:98%}
@keyframes noise-anim-2{
0%{clip:rect(20px,9999px,7px,0)}
5%{clip:rect(51px,9999px,73px,0)}
10%{clip:rect(33px,9999px,21px,0)}
15%{clip:rect(60px,9999px,48px,0)}
20%{clip:rect(86px,9999px,48px,0)}
25%{clip:rect(32px,9999px,50px,0)}
30%{clip:rect(59px,9999px,50px,0)}
35%{clip:rect(80px,9999px,96px,0)}
40%{clip:rect(7px,9999px,39px,0)}
45%{clip:rect(62px,9999px,90px,0)}
50%{clip:rect(85px,9999px,84px,0)}
55%{clip:rect(89px,9999px,51px,0)}
60%{clip:rect(88px,9999px,50px,0)}
65%{clip:rect(8px,9999px,82px,0)}
70%{clip:rect(80px,9999px,23px,0)}
75%{clip:rect(22px,9999px,52px,0)}
80%{clip:rect(96px,9999px,44px,0)}
85%{clip:rect(84px,9999px,27px,0)}
90%{clip:rect(32px,9999px,71px,0)}
95%{clip:rect(85px,9999px,35px,0)}
100%{clip:rect(24px,9999px,23px,0)}
}
.zcz-glitch:before{content:attr(data-text);position:absolute;left:0;text-shadow:1px 0 #00f;top:0;color:#fff;background:rgba(0,0,0,.25);overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 3s infinite linear alternate-reverse;width:98%}
.zcz-404{margin-top:30vh;font-size:4rem;width:330px;position:relative}
.zcz-error{font-size:1rem;width:200px;position:relative;margin-top:-.6rem}
.zcz-page{font-size:.6rem;margin-top:1rem;color:#9c9797;font-weight:100;position:relative;width:250px}
.swiper-button-next{width:23%}
.zcz-grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}
.banner_index-pc .swiper-slide video{position:absolute;width:100%;height:100vh;left:0;top:0;object-fit:cover}
.banner_index-pc .ban_video img{width:100%;height:100vh;display:block;margin:0 auto}
.banner_index-wap .ban_video img{width:100%;height:100vh;display:block;margin:0 auto}
.banner_index-pc{display:block}
.banner_index-wap{display:none}
.zcz-footer-bottom-r a{width:10rem;display:block;text-align:left;float:right;font-size:.9rem;color:#fff;margin-top:-1rem;padding-bottom:.5rem;font-weight:700}
.txt-swiper-wap{display:none}
.zcz-ausiness-flow .zcz-grid-newy{width:90%}
.zcz-ausiness-flow .zcz-business-grid{width:90%;margin:0 auto}
.zcz-grid-newy li .zcz-grid-title{width:100%;height:auto;display:block;position:static;bottom:40px;color:#fff;padding-left:0;z-index:2}
.zcz-grid-newy .zcz-case-newy{width:100%;display:block;margin:0 auto;overflow:hidden;height:12rem}
.zcz-grid-newy li{margin-bottom:.4rem}
.zcz-grid-newy li img{height:100%;object-fit:cover;overflow:hidden}
.zcz-grid-newy li a{overflow:hidden}
.zcz-grid-newy .zcz-grid-title em{padding-top:.3rem}
/*! locomotive-scroll v4.1.1 */
html.has-scroll-smooth{overflow:hidden}
html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.has-scroll-smooth body{overflow:hidden}
.has-scroll-smooth [data-scroll-container]{min-height:100vh}
[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}
[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}
.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}
.c-scrollbar:hover{transform:scaleX(1.45)}
.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}
[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}
[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}
.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}
.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}
[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
.zcz-grid{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.zcz-grid li{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;opacity:0;transition:all 3s;width:100%;overflow:hidden;transform:translateZ(0)}
.zcz-li-full{width:100%;-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:relative;background:#fff}
.zcz-li-full li{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;opacity:0;transition:all 0;width:100%;transform:translateZ(0);overflow:hidden}
.zcz-grid-title span{text-transform:uppercase;transform:translateY(60px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)}
.zcz-grid .is-inview{opacity:1}
.zcz-grid-zt-l img{width:100%}
.zcz-li-full .is-inview{opacity:1}
.animated{opacity:1}
.zcz-li-full li img{width:100%;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1)}
.zcz-li-full .is-inview img{opacity:1;transform:scale(1)}
.zcz-grid li img{width:100%;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1)}
.zcz-grid .is-inview img{opacity:1;transform:scale(1)}
.zcz-zcz-wedo ul li{transform:translateY(160px);transition:all 1.2s}
.zcz-zcz-wedo ul .is-inview{transform:translateY(0)}
.sideMenu h5{transform:translateY(160px);transition:all 1.2s}
.sideMenu .is-inview{transform:translateY(0)}
.zcz-business-grid li{margin-bottom:.9rem;display:block;overflow:hidden;width:49%;height:auto;float:left;position:relative}
.zcz-case-list-nav .zcz-about-news-flow-n li{width:100%;height:auto;margin-right:0;margin-bottom:0;float:none}
.zcz-case-list-nav .zcz-about-news-flow-n{width:100%;margin:0 auto 3rem auto}
.zcz-case-list-nav .zcz-about-news-flow-n li a img{height:auto;opacity:0;transform:scale(1.4);transition:opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);max-height:initial}
.zcz-case-list-nav .zcz-about-news-flow-n .zcz-grid{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:.7rem;-webkit-column-gap:.7rem;column-gap:.7rem}
.zcz-case-list-nav .zcz-about-news-flow-n li:nth-child(3n+3){margin-right:0}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview{transition:all 1s;opacity:1}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview img{opacity:1;transform:initial}
.zcz-business-grid li:nth-child(even){float:right}
.zcz-ausiness-flow .zcz-business-grid li .effect-text p{padding:20px 2.5em;color:#fff;font-size:.6rem}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
.zcz-header-top nav .zcz-header-li:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li.iecur:hover .lia{-webkit-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}
.zcz-header-top nav .zcz-header-li:hover .lia cn{-webkit-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}
}
.zcz-case-list-nav-new ul li{width:32%;height:9rem;margin-right:2%;opacity:0;transition:opacity .5s}
.zcz-case-list-nav-new ul li a img{height:auto;opacity:0;transform:scale(1.4);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:7.5rem}
.zcz-case-list-nav-new ul li a span{height:auto;opacity:0;transform:scale(1.2);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:auto}
.zcz-case-list-nav-new ul li a p{height:auto;opacity:0;transform:scale(1.2);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform .5s cubic-bezier(.215,.61,.355,1);height:auto}
.zcz-case-list-nav-new ul .is-inview p{opacity:1;transform:scale(1)}
.zcz-case-list-nav-new ul .is-inview img{opacity:1;transform:scale(1)}
.zcz-case-list-nav-new ul .is-inview span{opacity:1;transform:scale(1)}
.zz-active li{-webkit-column-break-inside:avoid;position:relative}
.zz-active{height:100%;overflow:auto}
.zz-active li{opacity:1;transform:none;-webkit-column-break-inside:avoid;transition:inherit;list-style-type:disc;list-style-position:inherit}
.zz-active li a,.zz-active li img{opacity:1;transition:inherit;transform:none;vertical-align:middle}
.zz-active .zcz-grid-title span{transform:none}
.zz-active .zcz-li-full li{opacity:1}
.zcz-flow .zz-active1 li img{opacity:1;transform:none;vertical-align:middle}
.zz-active ul li a{display:initial}
.zz-active ul li a img{opacity:1;vertical-align:middle;transform:none}
.zz-active ul li a p{transform:scale(1);opacity:1}
.zz-active ul li a span{transform:scale(1);opacity:1}
.zcz-case-list-nav .zz-active li a img{opacity:1}
.zcz-case-list-nav .zz-active li{opacity:1}
#js-scroll{width:100%;display:block;overflow:hidden}
@media screen and (min-width:2570px) and (max-width:3840px){
html{font-size:65px!important}
.zcz-header-top{height:150px}
.zcz-header-top.active{height:150px}
.zcz-header-top .logo{height:150px;line-height:150px}
.zcz-header-top .logo .zcz-logo-img{width:65px;padding-top:40px}
.zcz-header-top nav{height:150px}
.zcz-header-top.active nav .zcz-header-li{height:150px;line-height:150px}
.zcz-header-top nav .zcz-header-li{width:200px;height:150px;line-height:150px}
.zcz-header-top .search-icon{width:45px;height:80px;padding-top:53px}
.zcz-header-top .search-icon-h{padding-top:53px}
.zcz-header{margin-top:150px}
header{height:150px}
.zcz-header ul li a{font-size:.3rem}
.zcz-header ul li{width:231px}
.zcz-search-alert .zcz-c-form .sub-butn{padding-top:.6rem}
.zcz-ml .swiper-button-prev{width:100px;height:100px;margin-right:112px}
.zcz-ml .swiper-button-next{width:100px;height:100px}
.zcz-ml .ui-loop{width:102px;height:102px}
.zcz-ml .swiper-button-next img{width:.5rem;padding-top:36px}
.zcz-txt p{line-height:1rem}
.zcz-nq2 p{line-height:1rem}
.zcz-zcz-wedo ul li p{font-size:.33rem}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a img{width:50%}
.zcz-header-top.active1 nav .zcz-header-li{height:150px;line-height:150px;color:#000}
.mytooltip{font-size:.3rem;padding:15px}
.zcz-business-details-text ul li{margin-right:17%}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num a{font-size:1.6rem;line-height:92px;color:#000}
.zcz-l-list{padding-bottom:2rem}
#go_top{width:80px;height:80px;bottom:60px}
#go_top img{margin:20px auto 0 auto}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-24%}
.zcz-ml-team-list li .zcz-team-text h5{padding-bottom:.3rem}
}
@media screen and (min-width:2561px) and (max-width:2625px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:24%}
html{font-size:50px!important}
}
@media screen and (min-width:2481px) and (max-width:2560px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:23%}
html{font-size:50px!important}
}
@media screen and (min-width:2100px) and (max-width:2480px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:19%}
html{font-size:45px!important}
}
@media (max-width:2099px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:21.5%}
}
@media (max-width:1920px){
html{font-size:40px!important}
.zcz-business-details-text ul li{margin-right:21.5%}
}
@media screen and (min-width:1840px) and (max-width:1919px){
.zcz-business-details-text ul li{margin-right:21%}
}
@media screen and (min-width:1681px) and (max-width:1850px){
.zcz-business-details-text ul li{margin-right:17%}
}
@media (max-width:1680px){
html{font-size:35px!important}
.zcz-business-details-text ul li{margin-right:20%}
}
@media (max-width:1600px){
html{font-size:36px!important}
.zcz-footer-bottom-r p{font-size:.35rem}
.zcz-business-details-text ul li{margin-right:17%}
}
@media screen and (min-width:1440px) and (max-width:1600px){
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1440px){
html{font-size:34px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1366px){
html{font-size:30px!important}
.zcz-ml .z-img img{height:2.3rem}
.zcz-header .zcz-header-ul ul{padding-right:350px}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:18%}
}
@media (max-width:1280px){
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:18%}
}
@media screen and (min-width:1200px) and (max-width:1250px){
.zcz-business-details-text ul li{margin-right:16%}
}
@media (max-width:1200px){
html{font-size:30px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-business-details-text ul li{margin-right:11%}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
}
@media (max-width:1040px){
html{font-size:30px!important}
.zcz-header-top nav .zcz-header-li .en{font-size:.55rem}
.zcz-header-top nav .zcz-header-li .cn{font-size:.55rem}
.zcz-footer-bottom-r{width:50%}
.zcz-business-details-text ul li{margin-right:9%}
.zcz-txt{bottom:-4.5rem}
.zcz-nq3{top:6%}
.zcz-business-details-text ul li{margin-right:10%}
}
@media screen and (min-width:961px) and (max-width:1015px){
.zcz-business-details-text ul li{margin-right:6%}
}
@media (min-width:962px){
.txt-swiper-wap{display:none}
}
@media (max-width:960px){
.zcz-grid{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}
.video-js{display:none}
.zcz-ml-team-list li{width:48%;margin-left:0;padding-top:1rem}
.zcz-ml-team-list li:first-child{margin-left:0}
.zcz-ml-team-list li:nth-child(2n+2){margin-left:4%}
.zcz-ml-team-list{padding-top:0}
.banner_index-pc{display:none}
.banner_index-wap{display:block}
.zcz-about-news .zcz-about-h3{width:100%}
.zcz-about-news-text h3{font-size:.7rem;text-overflow:initial;white-space:initial}
.zcz-about-join .zcz-about-news .zcz-about-h3{width:48%}
.txt-swiper-wap{display:block}
.zcz-footer-bottom-r a{width:100%;display:block;text-align:left;float:none;font-size:.9rem;color:#fff;margin-top:0;padding-bottom:.5rem;font-weight:700}
.sideMenu ul p{padding-left:1.5rem}
header{height:2.5rem}
.zcz-header-top nav{display:none}
.zcz-header-top .logo .zcz-logo-img{width:1.2rem;padding-top:16px}
.zcz-header-top{height:2.5rem}
.zcz-header-top .logo{width:10%;height:2.5rem;line-height:2.5rem}
.zcz-header-top .logo .logo_h{position:absolute;top:0}
.zcz-header-top.active{height:2.5rem}
.zcz-header-top .search-icon{padding-top:0;float:left;margin-top:-4px}
.zcz-header-top .hamburger{float:right}
.zcz-header-top .h-right{padding-top:16px;display:block}
.hamburger-inner{width:25px;height:2px;background:#fff}
.hamburger-inner::after,.hamburger-inner::before{content:'';width:25px;height:2px;background:#fff;border-radius:4px;position:absolute}
.hamburger-inner::after{bottom:-8px}
.hamburger-inner::before{top:-8px}
.hamburger--3dx-r.is-active .hamburger-inner::before{-webkit-transform:translate3d(0,8px,0) rotate(45deg);transform:translate3d(0,8px,0) rotate(45deg)}
.hamburger--3dx-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0,-8px,0) rotate(-45deg);transform:translate3d(0,-8px,0) rotate(-45deg)}
.header1 .hamburger.is-active .hamburger-inner{background:#222}
.zcz-header-top .hamburger--3dx-r.is-active .hamburger-inner{background:#000}
.zcz-search-alert .close{top:16px}
.zcz-search-alert .close img{width:78%}
.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{-webkit-transition:-webkit-transform .6s 0s cubic-bezier(.645,.045,.355,1)!important;transition:transform .6s 0s cubic-bezier(.645,.045,.355,1)!important}
header .nav .zcz-header-li{width:89%;display:-ms-flexbox;text-align:right;font-size:1.6rem;padding-bottom:1.7rem;color:#fff;font-family:Poppins,sans-serif;font-weight:400}
.zcz-ml .swiper-button-next{display:none}
.zcz-ml .swiper-button-prev{display:none}
.zcz-ml .ui-loop{display:none}
.zcz-search-alert .zcz-c-form{height:1.6rem}
.zcz-search-alert .zcz-c-form .tex{width:85%;font-size:.6rem;line-height:1rem}
.zcz-search-alert .zcz-c-form .sub-butn{padding-top:.3rem}
.zcz-header-top .hamburger--3dx-r.is-active1 .hamburger-inner{background:#000}
.zcz-grid li{opacity:1;position:relative}
.zcz-grid li{width:100%}
.zcz-txt{z-index:3;bottom:0}
.zcz-bg{opacity:1}
.zcz-grid li:first-child:hover .zcz-txt{opacity:1}
.zcz-txt h3{margin-top:1rem;margin-bottom:5%}
.zcz-txt p{line-height:1.6;padding-left:6%;font-size:.65rem}
.zcz-txt h3 em{font-size:.65rem}
.zcz-txt h3 span{font-size:.9rem}
.zcz-grid-title em{font-size:.65rem}
.zcz-grid-title span{font-size:.9rem;font-weight:600}
.zcz-nq1 .zcz-nq1-title span{font-size:.9rem}
.zcz-grid-title{bottom:20px}
.zcz-nq1 .zcz-nq1-title img{padding:0 .6rem;padding-top:.2rem}
.zcz-nq1 .zcz-nq1-text{width:80%;margin:5.5% auto 0 auto;font-size:.65rem}
.zcz-nq2 h2{padding-top:.5rem;font-size:.7rem}
.zcz-nq3{top:.2rem}
.zcz-nq3 h2{padding-bottom:.2rem;font-size:.9rem}
.zcz-nq2 p{line-height:.9rem;font-size:.6rem}
.zcz-grid-zt-l{width:100%;height:auto!important;float:none}
.zcz-grid-zt-r{width:100%;height:auto!important;float:none;padding:.7rem 0}
.zcz-grid .zcz-lr-g{height:auto!important}
.zcz-grid .zcz-lr-g a{height:auto!important}
.zcz-grid-zt-r .zcz-nq2 h2{padding-bottom:.5rem;padding-top:0!important}
.zcz-nq2 h2{padding-top:.9rem!important}
.zcz-zcz-wedo ul{width:90%;padding:1rem 0}
.zcz-zcz-wedo ul li{width:90%;margin:0 auto;float:none;padding:1rem 0}
.zcz-zcz-wedo ul li:last-child{margin-right:auto}
.zcz-zcz-wedo ul li img{width:2rem}
.zcz-zcz-wedo ul li h4{width:90%;padding-top:.8rem;font-size:.7rem}
.zcz-zcz-wedo ul li p{width:90%;height:auto;padding-top:.5rem;font-size:.6rem;line-height:1rem}
.sideMenu{width:90%;padding:1rem 0}
.zcz-zcz-wedo ul{width:100%;padding:1rem 0}
.sideMenu ul p{width:87%}
.sideMenu h5{padding:.7rem 0}
.sideMenu h5 em{height:30px;cursor:pointer;background:url(/Public/Home/images/icoAdd.png) 99% 0 no-repeat;background-size:.7rem}
.sideMenu h5.on em{background-position:99% -32px}
footer .zcz-footer-top{width:100%;height:4.5rem;margin:0 auto;padding-bottom:1rem}
footer .zcz-footer-top p{font-size:.7rem}
footer .zcz-footer-top .zcz-footer-btn{width:80%;padding-top:1.4rem}
.zcz-footer-zt{width:90%;padding:1.5rem 0;overflow:hidden}
.zcz-footer-bottom-l{width:100%;float:none}
.zcz-footer-bottom-l .zcz-sltList{width:5rem;margin-top:.8rem;font-size:.6rem;padding:.3rem .2rem;border-radius:0;-webkit-appearance:none;padding-left:.4rem;background:#000 url(/Public/Home/images/xia.png) right center no-repeat;background-position:92%}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p a{width:1.8rem}
.zcz-footer-bottom-r{width:100%;float:none}
.zcz-footer-bottom-r p{width:100%}
footer .zcz-footer-bottom{height:auto}
.zcz-footer-bottom-l-top{height:auto}
.zcz-footer-bottom-l .zcz-footer-bottom-l-bottom{display:none}
.zcz-footer-bottom-r p strong{font-size:.6rem}
.zcz-footer-bottom-r p{line-height:.9rem}
.zcz-icp{width:100%;padding-top:.8rem}
.zcz-icp span{padding-right:1rem}
.zcz-footer-bottom-r p:first-child{padding-bottom:.6rem}
/*.zcz-grid li:first-child{height:18.75rem}*/
.zcz-grid li:first-child img{height:auto}
.zcz-icp{display:block}
.zcz-zcz-wedo h3:after{content:'';height:.25rem}
.zcz-zcz-wedo h3{font-size:.8rem}
.zcz-about img{object-fit:cover}
.zcz-about .zcz-about-text h1{font-size:1rem}
.zcz-about-list{padding-top:1.5rem}
.txt-swiper .swiper-pagination{display:none}
.img-swiper{display:none}
.zcz-about-title{font-size:1rem;margin-bottom:1rem}
.zcz-about-footer{
    margin-bottom: 1.5rem !important;
}
.zcz-about-footer ul.officeList li .area{font-size: 1rem;left: 0.6rem !important;}
.zcz-about-footer ul.officeList li{
    width: 46.07%;
    margin:0 0 1rem 0;
}
.zcz-about-footer ul.officeList li:nth-child(2){
    margin:0  0 1rem 6.3%!important;
}
.zcz-about-footer{
    margin-bottom: 0.6rem;
}
.zcz-about-footer ul li .address {
    bottom: -0.3rem;
    left: 0.6rem;
    transform: scale(0.6);
    transform-origin: top left;
    width: 150%;
}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text p{line-height:.9rem;width:88%;font-size:.6rem}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text li{font-size:.6rem;line-height:1rem}
.zcz-about-banner .txt-swiper .swiper-slide{transition:all 0s}
.zcz-l-list .inner{width:33.3%;height:4rem;margin:0 auto;padding-bottom:.3rem}
.zcz-about-slogan h2{width:95%;float:none;padding-left:5%;font-size:1rem;line-height:2rem;padding-top:1.5rem}
.zcz-about-slogan p{width:90%;float:none;padding-right:0;padding-top:1rem;font-size:.65rem;line-height:1.1rem;padding-left:0;margin:0 auto}
.zcz-l-list{width:100%;height:auto;display:block;margin:0 auto;overflow:hidden;padding-bottom:1rem}
.zcz-l-list .inner div{display:none}
.zcz-l-list .inner div:last-child{opacity:1;display:block;width:100%}
.zcz-about-h3{font-size:1.2rem;width:100%}
.zcz-ausiness-flow .zcz-grid li{width:100%;margin-bottom:.5rem;position:relative;height:auto}
.zcz-ausiness-flow .zcz-grid li .effect-text{width:99%;height:98%}
.zcz-ausiness-flow .zcz-grid li .effect-text h2 img{width:1.5rem}
.zcz-about-news .zcz-about-h3 span{display:none}
.zcz-about-news-list{width:90%;padding-right:0;float:none}
.zcz-about-news-list ul li a img{width:100%;float:none;height:6.5rem}
.zcz-about-news-text{width:100%;float:none}
.zcz-about-team .zcz-about-news-list img{width:100%;float:none}
.zcz-about-join{position:relative}
.zcz-about-f{margin:0 auto}
.zcz-about-footer ul li strong{display:none}
.zcz-about-footer:after{margin-top:-.3rem}
.zcz-about-footer ul li span{margin-top:0;opacity:1}
.zcz-about-footer ul li .pic-2{opacity:1;left:0}
.zcz-about-footer ul .zcz-about-footer-pic .pic-2{left:0}
.zcz-about-footer ul li:hover span{margin-top:0}
.zcz-about-footer ul li span{width:94%;margin-top:-.3rem;font-size:.6rem;opacity:1;padding-right:6%}
.zcz-about-footer ul .zcz-about-footer-pic span{padding-left:6%}
.zcz-case-list-nav .zcz-case-list-nav-l a{font-size:.8rem;margin-right:1.3rem}
.zcz-case-list-nav .zcz-about-news-list ul li img{width:100%}
.zcz-about-news-text span{color:grey;font-size:.6rem;width:100%;padding-top:.4rem;padding-bottom:.2rem}
.zcz-case-list-nav .zcz-about-news-list ul li p{width:100%;display:block;font-size:.6rem;line-height:1rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:inherit;display:block;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.zcz-case-list-nav .zcz-about-news-list ul li a{width:6rem;height:1.3rem;margin:0;line-height:1.3rem;font-size:.55rem;margin-top:.65rem}
.zcz-case-list-mover{font-size:.65rem}
.zcz-case-list-nav .zcz-case-list-nav-l{padding-bottom:.8rem;overflow-x:scroll}
.zcz-case-list-nav-l-news{width:23rem;overflow:hidden}
.zcz-news-details img{height:60vh;object-fit:cover}
.zcz-news-details .zcz-about-text h1{font-size:.7rem}
.zcz-news-details .zcz-about-text p{font-size:.9rem;width:90%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zcz-news-details::after{content:'';bottom:15%}
.zcz-news-details-text{width:95%;margin:2rem auto 0 auto;padding-bottom:1rem}
.zcz-news-details-text p{font-size:.62rem;line-height:1.2rem}
.zcz-news-details-btn{display:none}
.zcz-recommend{width:100%;margin:0 auto 2rem auto;overflow:hidden}
.zcz-recommend .zcz-about-title{width:90%}
.zcz-news-details-swiper .swiper-slide{width:40%;margin-right:2rem;opacity:1}
.zcz-news-details-swiper{width:95%;float:right}
.zcz-case-list-nav ul li{width:100%;height:auto;float:none;margin-right:0}
.zcz-case-list-nav ul li .zcz-img-border h4{display:none}
.zcz-case-list-nav ul li .zcz-img-border .skeleton{display:none}
.zcz-case-list-nav ul li .zcz-img-border::after{content:'';display:none}
.zcz-case-list-nav ul li .zcz-img-border::before{content:'';display:none}
.zcz-case-list-nav ul li a p{padding-top:0;font-size:.8rem}
.zcz-case-list-nav ul li a span{font-size:.6rem}
.zcz-case-details img{height:60vh;object-fit:cover}
.zcz-case-details{height:auto}
.zcz-case-details-text{width:100%}
.zcz-case-details-text .zcz-case-details-text-l{width:100%;float:none;padding-bottom:.3rem;border-bottom:1px solid #e6e6e6;margin-bottom:.5rem}
.zcz-case-details-text .zcz-case-details-text-r{width:100%;line-height:1rem;font-size:.65rem;float:none}
.zcz-case-details-text::after{content:'';display:none}
.zcz-business .zcz-business-l{width:100%;float:none}
.zcz-business .zcz-business-r{width:100%;float:none;padding-left:0}
.zcz-business .zcz-business-r h2{width:100%;margin:0rem auto 0 auto;font-size:1rem}
.zcz-business .zcz-business-r p{width:100%;font-size:.85rem;line-height:1.25rem}
.zcz-business .zcz-business-r ul li a{padding-left:.65rem;font-size:.8rem}
.mytooltip{display:none!important}
.zcz-business-details .zcz-business-details-r{display:none}
.zcz-business-details .zcz-business-details-l{width:100%;display:block;height:60vh;overflow:hidden}
.zcz-business-details-text ul li{width:100%;float:none;margin-right:0;margin-bottom:2rem}
.zcz-business-details-text ul li h2{font-size:1rem;padding-bottom:.6rem}
.zcz-business-details-text{background:0 0}
.zcz-business-details-text ul{margin:0 auto}
.txt-swiper .swiper-slide{width:305px;margin:0}
.zcz-about-banner .txt-swiper .swiper-slide .slide_text{float:left;padding-left:0;padding-right:30px;width:100%}
.zcz-about-banner .txt-swiper .swiper-slide .slide_num{font-size:1rem}
.zcz-about-team .zcz-about-news .zcz-about-h3{display:block;width:90%;margin:0 auto;float:none;padding-top:0}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner .button_text_container{font-size:.6rem}
.zcz-business-details .zcz-business-details-l a{width:6rem;font-size:.6rem;margin-top:3.5rem;padding:.15rem 0}
.zcz-about-news-text .su_button_circle{display:none}
.button_su{height:1.4rem;overflow:hidden;position:relative;display:inline-block;margin-top:.65rem}
.zcz-case-list-nav .zcz-about-news-list ul li .button_su_inner{width:5rem;height:1.3rem}
.zcz-about-join .zcz-about-news-list .button_su .su_button_circle{display:none}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1{border:1px solid #000}
.zcz-about-join .zcz-about-news-list .button_su .explode-circle1 .button_text_container{color:#000}
#loading-center-absolute{position:absolute;left:0;top:50%;height:60px;width:60px;right:0;margin:-3rem auto 0 auto}
.zcz-header-top .search-icon{width:28px}
.zcz-case-list-nav .zcz-about-news-flow-n li a h3{font-size:.7rem}
.zcz-ml-seach p{width:75%;height:2.5rem}
.zcz-ml-seach button{width:23%;height:1.4rem;font-size:.65rem}
.zcz-ml-seach p input{font-size:1rem}
.zcz-ml-seach-jg{font-size:.65rem}
.zcz-ml-seach-jg span{font-size:.8rem}
.zcz-business-details-text ul li p{font-size:.6rem;line-height:1rem}
.zcz-business-details .zcz-business-details-l h2{font-size:1.3rem;top:48%}
.zcz-case-seach .zcz-case-list-nav ul li{width:48%;margin-right:4%;float:left;opacity:1}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(3n+3){margin-right:4%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(4n+4){margin-right:4%}
.zcz-case-seach .zcz-case-list-nav ul li:nth-child(2n+2){margin-right:0}
.zcz-case-seach .zcz-case-list-nav ul li a p{font-size:.65rem}
.zcz-ml-team .zcz-ml-team-l{width:100%}
.zcz-ml-team .zcz-ml-team-l p{width:54%;font-size:.6rem}
.zcz-ml-team .zcz-ml-team-r img{width:100%;margin-top:-6.8rem}
.zcz-ml-team-list li .zcz-team-js{height:auto;font-size:.8rem}
.zcz-ml-team-list li .zcz-team-js span{font-size:.6rem}
.zcz-about-h3 a{width:5rem;display:block;height:1.4rem;line-height:1.4rem;font-size:.6rem}
.zcz-about-join .zcz-about-news-list img{width:3.5rem;padding-right:1rem}
.zcz-about-h3{padding-bottom:1rem}
.txt-swiper-pc{display:none}
.zcz-ml-team-list li .zcz-team-text{display:none}
.zcz-footer-bottom-l .zcz-footer-bottom-l-top p{position:static;margin:.8rem 0}
.zcz-about-banner .txt-swiper .swiper-slide:first-child{margin-left:-10%}
.zcz-about-banner .txt-swiper .swiper-slide{width:80%!important;margin-left:-10%}
.zcz-ml .z-img a span{font-size:.8rem}
.zcz-ml .z-img a h1{font-size:1.3rem}
.zcz-business-details .zcz-business-details-l p{font-size:.55rem}
.sideMenu h5{padding:.7rem 0;font-size:.8rem}
footer .zcz-footer-top .zcz-footer-btn a{font-size:.65rem;padding:.4rem 0}
.zcz-footer-bottom-r .zcz-icp a{font-size:.55rem!important}
.zcz-case-list-top p{font-size:.6rem}
.zcz-about .zcz-about-text p{font-size:.6rem}
.zcz-news-details-swiper .swiper-slide img{height:4rem;object-fit:cover}
.zcz-news-details-swiper>.swiper-pagination{position:static;padding-top:0}
.zcz-news-details-swiper>.swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:.6rem;height:.15rem;border-radius:.1rem}
.zcz-case-list-nav ul li{margin:0 auto .6rem auto}
.zcz-case-details-text .zcz-case-details-text-l p em{font-size:.7rem;width:3.5rem}
.zcz-case-details-text .zcz-case-details-text-l p span{font-size:.65rem}
.zcz-case-details-text .zcz-case-details-text-l p a{font-size:.65rem}
.zcz-ml-team .zcz-ml-team-l h3{font-size:.8rem}
.zcz-grid-newy .zcz-case-newy{height:auto}
.zcz-ausiness-flow .zcz-grid-newy li{margin-bottom:.8rem}
.zcz-case-list-top h1{font-size:1rem}
.zcz-case-list-nav .zcz-about-news-flow-n .zcz-grid{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:.6rem;-webkit-column-gap:.6rem;column-gap:.6rem}
.zcz-case-list-nav .zcz-about-news-flow-n .is-inview{height:auto;overflow:hidden}
.zcz-grid-newy li img{height:auto;width:100%}
.zcz-business-grid li{width:100%}
}
@media (max-width:768px){
html{font-size:30px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:2.8rem}
}
@media (max-width:767px){
html{font-size:26px!important}
}
@media (max-width:480px){
html{font-size:24px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:1.5rem}
.zcz-nq2 h2{padding-top:.9rem}
.zcz-footer-bottom-r p strong{font-size:.65rem}
.zcz-footer-bottom-r p{font-size:.6rem}
.sideMenu ul p{width:87%;line-height:1.2rem;font-size:.55rem}
.sideMenu h5{padding:.7rem 0;font-size:.75rem}
}
@media (max-width:400px){
html{font-size:20px!important}
.zcz-nq1 .zcz-nq1-title{padding-top:1.6rem}
.zcz-nq2 h2{padding-top:.9rem}
}
@media (max-width:320px){
html{font-size:20px!important}
}