html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
html, body { margin:0px; padding:0px; font-family:'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; font-size:14px; margin:0px; padding:0px; color:#23272b; height:auto; clear:both; overflow-x:hidden }
div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin:0; padding:0; border:0; background-repeat:no-repeat }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd { margin:0; padding:0; font-weight:normal }
p { margin:0px; padding:0px }
button, input, select, textarea { font:14px/1.5 PingFangSC-Regular, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial; color:#23272b }
img { border:0px; vertical-align:middle; max-width:100%; max-height:100% }
table { border-collapse:collapse; border-spacing:0 }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-repeat:no-repeat }
ul, li { list-style:none }
em, i { font-style:normal }
a { background-color:transparent; -webkit-text-decoration-skip:objects; text-decoration:none; color:#23272b; outline:none; cursor:pointer }
a:hover { background-repeat:no-repeat; text-decoration:none }
a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor:pointer }
[type="checkbox"], [type="radio"] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
input, textarea, select, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style:none; -webkit-appearance:none; resize:none }
textarea { overflow:auto; vertical-align:top; resize:none }
input:-webkit-autofill {
-webkit-box-shadow:0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-appearance:none;
background:none;
outline:none;
border:none
}
a, button, input, optgroup, select, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
input::-ms-clear {
display:none
}
input::-ms-reveal {
display:none
}
input:-internal-autofill-previewed, input:-internal-autofill-selected {
-webkit-text-fill-color:#999 !important;
-webkit-transition:background-color 99999999s ease-in-out 0s !important;
-o-transition:background-color 99999999s ease-in-out 0s !important;
transition:background-color 99999999s ease-in-out 0s !important
}
input, textarea { -webkit-appearance:none }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.clearfix { *zoom:1
}
ul.ulclear { margin:0px; padding:0px; list-style:none }
ul.ulclear li { margin:0px; padding:0px; list-style:none }
ol.olclear { margin:0px; padding:0px; list-style:none }
ol.olclear li { margin:0px; padding:0px; list-style:none }
input, textarea, button { border:none; outline:none; color:inherit; font-size:14px; background:none; font-family:inherit; outline:none }
textarea { resize:none; overflow:auto }
input { -webkit-appearance:none }
input { background:none; outline:none; border:none }
.iconfont { color:inherit; font-size:inherit; display:inline-block; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
.fl { float:left }
.fr { float:right }
.show { display:block !important }
.hide { display:none !important }
.visible-sm, .visible-md, .visible-lg { display:none }
.hidden-sm, .hidden-md, .hidden-lg { display:block }
@media screen and (max-width: 768px) {
.hidden-sm, .hidden-md, .hidden-lg {
display:none
}
.visible-sm, .visible-md, .visible-lg {
display:block
}
}
a { -webkit-transform:all 0.3s; -ms-transform:all 0.3s; -o-transform:all 0.3s; transform:all 0.3s }
@-webkit-keyframes pic_m { 0% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes pic_m { 0% {
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes pic_m { 0% {
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes pic_m2 { 0% {
-webkit-transform:scale(1.5);
transform:scale(1.5)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes pic_m2 { 0% {
-o-transform:scale(1.5);
transform:scale(1.5)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes pic_m2 { 0% {
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
.pic_m2 img { -webkit-animation:pic_m2 6s ease; -o-animation:pic_m2 6s ease; animation:pic_m2 6s ease }
@-webkit-keyframes pulse2 { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50%, 75% {
-webkit-transform:scale(1.2);
transform:scale(1.2)
}
78%, 100% {
opacity:0.1
}
}
@-o-keyframes pulse2 { 0% {
-o-transform:scale(1);
transform:scale(1)
}
50%, 75% {
-o-transform:scale(1.2);
transform:scale(1.2)
}
78%, 100% {
opacity:0.1
}
}
@keyframes pulse2 { 0% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50%, 75% {
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2)
}
78%, 100% {
opacity:0.1
}
}
@-webkit-keyframes fadeIniup { 0% {
opacity:0;
-webkit-transform:translateY(30px);
-o-transform:translateY(30px);
transform:translateY(30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fadeIniup { 0% {
opacity:0;
-webkit-transform:translateY(30px);
-o-transform:translateY(30px);
transform:translateY(30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeIniup { 0% {
opacity:0;
-webkit-transform:translateY(30px);
-o-transform:translateY(30px);
transform:translateY(30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.he_fadeup3 { -webkit-animation:fadeIniup 1s ease both; -o-animation:fadeIniup 1s ease both; animation:fadeIniup 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes fadeInidown { 0% {
opacity:0;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fadeInidown { 0% {
opacity:0;
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInidown { 0% {
opacity:0;
-webkit-transform:translateY(-30px);
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.he_fadedown3 { -webkit-animation:fadeInidown 1s ease both; -o-animation:fadeInidown 1s ease both; animation:fadeInidown 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes awidth { 0% {
width:0
}
100% {
width:100%
}
}
@-o-keyframes awidth { 0% {
width:0
}
100% {
width:100%
}
}
@keyframes awidth { 0% {
width:0
}
100% {
width:100%
}
}
.awidth { -webkit-animation:awidth 1s ease both; -o-animation:awidth 1s ease both; animation:awidth 1s ease both }
@-webkit-keyframes fadeInLeft2 { 0% {
opacity:0;
-webkit-transform:translateX(-30px);
-o-transform:translateX(-30px);
transform:translateX(-30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fadeInLeft2 { 0% {
opacity:0;
-webkit-transform:translateX(-30px);
-o-transform:translateX(-30px);
transform:translateX(-30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft2 { 0% {
opacity:0;
-webkit-transform:translateX(-30px);
-o-transform:translateX(-30px);
transform:translateX(-30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft2 { -webkit-animation:fadeInLeft2 1s ease both; -o-animation:fadeInLeft2 1s ease both; animation:fadeInLeft2 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes fadeInRight2 { 0% {
opacity:0;
-webkit-transform:translateX(30px);
-o-transform:translateX(30px);
transform:translateX(30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fadeInRight2 { 0% {
opacity:0;
-webkit-transform:translateX(30px);
-o-transform:translateX(30px);
transform:translateX(30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight2 { 0% {
opacity:0;
-webkit-transform:translateX(30px);
-o-transform:translateX(30px);
transform:translateX(30px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight2 { -webkit-animation:fadeInRight2 1s ease both; -o-animation:fadeInRight2 1s ease both; animation:fadeInRight2 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes jump { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes jump { 0% {
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jump { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes jump2 { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes jump2 { 0% {
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jump2 { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(-30px);
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes jump3 { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes jump3 { 0% {
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes jump3 { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(20px);
-o-transform:translateY(20px);
transform:translateY(20px)
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes scale2 { 0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes scale2 { 0% {
-o-transform:scale(0);
transform:scale(0)
}
100% {
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes scale2 { 0% {
-webkit-transform:scale(0);
-o-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
}
.scale2 { -webkit-animation:scale2 1s ease both; -o-animation:scale2 1s ease both; animation:scale2 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes fadeIni2 { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIni2 { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIni2 { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIni2 { -webkit-animation:fadeIni2 1s ease both; -o-animation:fadeIni2 1s ease both; animation:fadeIni2 1s ease both; -webkit-animation-delay:0.1s; -o-animation-delay:0.1s; animation-delay:0.1s }
@-webkit-keyframes jumpR { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpR { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpR { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes jumpL { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpL { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpL { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYmxjxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight:400;
font-style:normal
}
:root { --swiper-theme-color: #da251c
}
:host {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
z-index:1
}
.swiper { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block }
.swiper-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; -webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); -o-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0) }
.swiper-horizontal { -ms-touch-action:pan-y; touch-action:pan-y }
.swiper-vertical { -ms-touch-action:pan-x; touch-action:pan-x }
.swiper-slide { -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform; display:block }
.swiper-slide-invisible-blank { visibility:hidden }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height:auto }
.swiper-autoheight .swiper-wrapper { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; -o-transition-property:height, -o-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform, -o-transform }
.swiper-backface-hidden .swiper-slide { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-wrapper { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-3d { -webkit-perspective:1200px; perspective:1200px }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { -webkit-transform-style:preserve-3d; transform-style:preserve-3d }
.swiper-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none }
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start }
.swiper-css-mode.swiper-horizontal>.swiper-wrapper { -webkit-scroll-snap-type:x mandatory; -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory }
.swiper-css-mode.swiper-vertical>.swiper-wrapper { -webkit-scroll-snap-type:y mandatory; -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory }
.swiper-css-mode.swiper-free-mode>.swiper-wrapper { -webkit-scroll-snap-type:none; -ms-scroll-snap-type:none; scroll-snap-type:none }
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:none }
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content:'';
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-webkit-order:9999;
-ms-flex-order:9999;
order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align:center center; scroll-snap-stop:always }
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-start:var(--swiper-centered-offset-before); -moz-margin-start:var(--swiper-centered-offset-before); margin-inline-start:var(--swiper-centered-offset-before) }
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { -webkit-margin-before:var(--swiper-centered-offset-before); margin-block-start:var(--swiper-centered-offset-before) }
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 }
.swiper-3d .swiper-slide-shadow { background:rgba(0, 0, 0, 0.15) }
.swiper-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; -ms-transform-origin:50%; -o-transform-origin:50%; transform-origin:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
-webkit-animation:swiper-preloader-spin 1s infinite linear;
-o-animation:swiper-preloader-spin 1s infinite linear;
animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color: #000
}
@-webkit-keyframes swiper-preloader-spin { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-o-keyframes swiper-preloader-spin { 0% {
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 0% {
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-virtual .swiper-slide { -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); transform:translateZ(0) }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content:'';
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width:1px;
height:var(--swiper-virtual-size)
}
:root { --swiper-navigation-size: 44px
}
.swiper-button-next, .swiper-button-prev { position:absolute; top:var(--swiper-navigation-top-offset, 50%); width:-webkit-calc(var(--swiper-navigation-size)/ 44 * 27);
width:calc(var(--swiper-navigation-size)/ 44 * 27);
height:var(--swiper-navigation-size); margin-top:-webkit-calc(0px - (var(--swiper-navigation-size)/ 2));
margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
z-index:10; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display:none !important }
.swiper-button-next svg, .swiper-button-prev svg { width:100%; height:100%; -o-object-fit:contain; object-fit:contain; -webkit-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; transform-origin:center }
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left:var(--swiper-navigation-sides-offset, 10px); right:auto }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset, 10px); left:auto }
.swiper-button-lock { display:none }
.swiper-button-next:after, .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none !important; letter-spacing:0; font-variant:initial; line-height:1 }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content:'prev' }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right:var(--swiper-navigation-sides-offset, 10px); left:auto }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content:'next' }
.swiper-pagination { position:absolute; text-align:center; -webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10 }
.swiper-pagination.swiper-pagination-hidden { opacity:0 }
.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display:none !important }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:var(--swiper-pagination-bottom, 8px); top:var(--swiper-pagination-top, auto); left:0; width:100% }
.swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33); position:relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); transform:scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(0.33); -ms-transform:scale(0.33); -o-transform:scale(0.33); transform:scale(0.33) }
.swiper-pagination-bullet { width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display:inline-block; border-radius:var(--swiper-pagination-bullet-border-radius, 50%); background:var(--swiper-pagination-bullet-inactive-color, #000); opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2) }
button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer }
.swiper-pagination-bullet:only-child { display:none !important }
.swiper-pagination-bullet-active { opacity:var(--swiper-pagination-bullet-opacity, 1); background:var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right:var(--swiper-pagination-right, 8px); left:var(--swiper-pagination-left, auto); top:50%; -webkit-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0) }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display:block }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:8px }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:.2s transform, .2s top;
-o-transition:.2s transform, .2s top;
transition:.2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px) }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap }
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s left;
-o-transition:.2s transform, .2s left;
transition:.2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:.2s transform, .2s right;
-o-transition:.2s transform, .2s right;
transition:.2s transform, .2s right
}
.swiper-pagination-fraction { color:var(--swiper-pagination-fraction-color, inherit) }
.swiper-pagination-progressbar { background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position:absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top }
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:var(--swiper-pagination-progressbar-size, 3px); left:0; top:0 }
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width:var(--swiper-pagination-progressbar-size, 3px); height:100%; left:0; top:0 }
.swiper-pagination-lock { display:none }
.swiper-scrollbar { border-radius:var(--swiper-scrollbar-border-radius, 10px); position:relative; -ms-touch-action:none; touch-action:none; background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)) }
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display:none !important }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position:absolute; left:var(--swiper-scrollbar-sides-offset, 1%); bottom:var(--swiper-scrollbar-bottom, 4px); top:var(--swiper-scrollbar-top, auto); z-index:50; height:var(--swiper-scrollbar-size, 4px); width:-webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position:absolute; left:var(--swiper-scrollbar-left, auto); right:var(--swiper-scrollbar-right, 4px); top:var(--swiper-scrollbar-sides-offset, 1%); z-index:50; width:var(--swiper-scrollbar-size, 4px); height:-webkit-calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius:var(--swiper-scrollbar-border-radius, 10px); left:0; top:0 }
.swiper-scrollbar-cursor-drag { cursor:move }
.swiper-scrollbar-lock { display:none }
.swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; text-align:center }
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain }
.swiper-slide-zoomed { cursor:move; -ms-touch-action:none; touch-action:none }
.swiper .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 }
.swiper-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto }
.swiper-grid>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.swiper-grid-column>.swiper-wrapper { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out }
.swiper-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-fade .swiper-slide-active { pointer-events:auto }
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube { overflow:visible }
.swiper-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; width:100%; height:100% }
.swiper-cube .swiper-slide .swiper-slide { pointer-events:none }
.swiper-cube.swiper-rtl .swiper-slide { -webkit-transform-origin:100% 0; -ms-transform-origin:100% 0; -o-transform-origin:100% 0; transform-origin:100% 0 }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events:auto; visibility:visible }
.swiper-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0 }
.swiper-cube .swiper-cube-shadow:before { content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; -webkit-filter:blur(50px); filter:blur(50px) }
.swiper-cube .swiper-slide-next+.swiper-slide { pointer-events:auto; visibility:visible }
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-flip { overflow:visible }
.swiper-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 }
.swiper-flip .swiper-slide .swiper-slide { pointer-events:none }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-creative .swiper-slide { -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; -webkit-transition-property:opacity, height, -webkit-transform; transition-property:opacity, height, -webkit-transform; -o-transition-property:opacity, height, -o-transform; transition-property:transform, opacity, height; transition-property:transform, opacity, height, -webkit-transform, -o-transform }
.swiper-cards { overflow:visible }
.swiper-cards .swiper-slide { -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden }/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.wow { visibility:hidden }
.animated { -webkit-animation-duration:1.2s; -o-animation-duration:1.2s; animation-duration:1.2s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both }
.animated.infinite { -webkit-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; animation-iteration-count:infinite }
.animated.hinge { -webkit-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s }
@-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@-o-keyframes bounce { 0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce { -webkit-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; -ms-transform-origin:center bottom; -o-transform-origin:center bottom; transform-origin:center bottom }
@-webkit-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@-o-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; -o-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)
}
}
@-o-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);
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)
}
}
.pulse { -webkit-animation-name:pulse; -o-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, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-o-keyframes rubberBand { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, 0.75, 1);
transform:scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, 0.85, 1);
transform:scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, 0.95, 1);
transform:scale3d(1.05, 0.95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand { -webkit-animation-name:rubberBand; -o-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)
}
}
@-o-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);
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)
}
}
.shake { -webkit-animation-name:shake; -o-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)
}
}
@-o-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);
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)
}
}
.swing { -webkit-transform-origin:top center; -ms-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; -o-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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.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)
}
}
@-o-keyframes tada { 0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.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);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, 0.9, 0.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)
}
}
.tada { -webkit-animation-name:tada; -o-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
}
}
@-o-keyframes wobble { 0% {
-webkit-transform:none;
-o-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;
-o-transform:none;
transform:none
}
}
@keyframes wobble { 0% {
-webkit-transform:none;
-o-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;
-o-transform:none;
transform:none
}
}
.wobble { -webkit-animation-name:wobble; -o-animation-name:wobble; animation-name:wobble }
@-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@-o-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.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(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn { -webkit-animation-name:bounceIn; -o-animation-name:bounceIn; animation-name:bounceIn; -webkit-animation-duration:.75s;
-o-animation-duration:.75s;
animation-duration:.75s
}
@-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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
}
}
@-o-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
@keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
.bounceInDown { -webkit-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown }
@-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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
}
}
@-o-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
.bounceInLeft { -webkit-animation-name:bounceInLeft; -o-animation-name:bounceInLeft; animation-name:bounceInLeft }
@-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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
}
}
@-o-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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;
-o-transform:none;
transform:none
}
}
.bounceInRight { -webkit-animation-name:bounceInRight; -o-animation-name:bounceInRight; animation-name:bounceInRight }
@-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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)
}
}
@-o-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function:cubic-bezier(0.215, 0.61, 0.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)
}
}
.bounceInUp { -webkit-animation-name:bounceInUp; -o-animation-name:bounceInUp; animation-name:bounceInUp }
@-webkit-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
}
@-o-keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
}
@keyframes bounceOut { 20% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut { -webkit-animation-name:bounceOut; -o-animation-name:bounceOut; animation-name:bounceOut; -webkit-animation-duration:.75s;
-o-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)
}
}
@-o-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);
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)
}
}
.bounceOutDown { -webkit-animation-name:bounceOutDown; -o-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)
}
}
@-o-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);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft { -webkit-animation-name:bounceOutLeft; -o-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)
}
}
@-o-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);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight { -webkit-animation-name:bounceOutRight; -o-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)
}
}
@-o-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);
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)
}
}
.bounceOutUp { -webkit-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-o-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInDown { -webkit-animation-name:fadeInDown; -o-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
}
}
@-o-keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInDownBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInDownBig { -webkit-animation-name:fadeInDownBig; -o-animation-name:fadeInDownBig; animation-name:fadeInDownBig }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-o-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translate3d(-60px, 0, 0);
transform:translate3d(-60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInLeft { -webkit-animation-name:fadeInLeft; -o-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
}
}
@-o-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInLeftBig { -webkit-animation-name:fadeInLeftBig; -o-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-o-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translate3d(60px, 0, 0);
transform:translate3d(60px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInRight { -webkit-animation-name:fadeInRight; -o-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
}
}
@-o-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInRightBig { -webkit-animation-name:fadeInRightBig; -o-animation-name:fadeInRightBig; animation-name:fadeInRightBig }
.fadeInUpimg { -webkit-animation-name:fadeInUpimg; -o-animation-name:fadeInUpimg; animation-name:fadeInUpimg }
@-webkit-keyframes fadeInUpimg { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:none;
transform:none
}
}
@-o-keyframes fadeInUpimg { 0% {
-o-transform:scale(1);
transform:scale(1)
}
100% {
-o-transform:none;
transform:none
}
}
@keyframes fadeInUpimg { 0% {
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@-o-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) }
}
.fadeInUp { -webkit-animation-name:fadeInUp; -o-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
}
}
@-o-keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
.fadeInUpBig { -webkit-animation-name:fadeInUpBig; -o-animation-name:fadeInUpBig; animation-name:fadeInUpBig }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut { -webkit-animation-name:fadeOut; -o-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)
}
}
@-o-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);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown { -webkit-animation-name:fadeOutDown; -o-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)
}
}
@-o-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);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig { -webkit-animation-name:fadeOutDownBig; -o-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)
}
}
@-o-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);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft { -webkit-animation-name:fadeOutLeft; -o-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)
}
}
@-o-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);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig { -webkit-animation-name:fadeOutLeftBig; -o-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)
}
}
@-o-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);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight { -webkit-animation-name:fadeOutRight; -o-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)
}
}
@-o-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);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig { -webkit-animation-name:fadeOutRightBig; -o-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)
}
}
@-o-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);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp { -webkit-animation-name:fadeOutUp; -o-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)
}
}
@-o-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);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig { -webkit-animation-name:fadeOutUpBig; -o-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(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.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
}
}
@-o-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;
-o-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;
-o-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;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@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;
-o-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;
-o-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;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
-o-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; -o-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)
}
}
@-o-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;
-o-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;
-o-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);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
-o-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;
-o-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)
}
}
.flipInX { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; -o-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)
}
}
@-o-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;
-o-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;
-o-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);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
-o-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;
-o-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)
}
}
.flipInY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; -o-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
}
}
@-o-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);
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
}
}
.flipOutX { -webkit-animation-name:flipOutX; -o-animation-name:flipOutX; animation-name:flipOutX; -webkit-animation-duration:.75s;
-o-animation-duration:.75s;
animation-duration:.75s;
-webkit-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
}
}
@-o-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);
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
}
}
.flipOutY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; -o-animation-name:flipOutY; animation-name:flipOutY; -webkit-animation-duration:.75s;
-o-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
}
}
@-o-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);
-o-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@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);
-o-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn { -webkit-animation-name:lightSpeedIn; -o-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; -o-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
}
}
@-o-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);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut { -webkit-animation-name:lightSpeedOut; -o-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; -o-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
}
}
@-o-keyframes rotateIn { 0% {
-webkit-transform-origin:center;
-o-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;
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn { 0% {
-webkit-transform-origin:center;
-o-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;
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.rotateIn { -webkit-animation-name:rotateIn; -o-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
}
}
@-o-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft { -webkit-animation-name:rotateInDownLeft; -o-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
}
}
@-o-keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight { -webkit-animation-name:rotateInDownRight; -o-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
}
}
@-o-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft { -webkit-animation-name:rotateInUpLeft; -o-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
}
}
@-o-keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
-o-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight { -webkit-animation-name:rotateInUpRight; -o-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
}
}
@-o-keyframes rotateOut { 0% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
-o-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;
-o-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
-o-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut { -webkit-animation-name:rotateOut; -o-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
}
}
@-o-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft { -webkit-animation-name:rotateOutDownLeft; -o-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
}
}
@-o-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight { -webkit-animation-name:rotateOutDownRight; -o-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
}
}
@-o-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-o-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;
-o-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-o-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft { -webkit-animation-name:rotateOutUpLeft; -o-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
}
}
@-o-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-o-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;
-o-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-o-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight { -webkit-animation-name:rotateOutUpRight; -o-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
}
}
@-o-keyframes hinge { 0% {
-webkit-transform-origin:top left;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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;
-o-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
-o-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
}
}
.hinge { -webkit-animation-name:hinge; -o-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
}
}
@-o-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;
-o-transform:none;
transform:none
}
}
@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;
-o-transform:none;
transform:none
}
}
.rollIn { -webkit-animation-name:rollIn; -o-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)
}
}
@-o-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);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut { -webkit-animation-name:rollOut; -o-animation-name:rollOut; animation-name:rollOut }
@-webkit-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@-o-keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; -o-animation-name:zoomIn; animation-name:zoomIn }
@-webkit-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown { -webkit-animation-name:zoomInDown; -o-animation-name:zoomInDown; animation-name:zoomInDown }
@-webkit-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft { -webkit-animation-name:zoomInLeft; -o-animation-name:zoomInLeft; animation-name:zoomInLeft }
@-webkit-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight { -webkit-animation-name:zoomInRight; -o-animation-name:zoomInRight; animation-name:zoomInRight }
@-webkit-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp { 0% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp { -webkit-animation-name:zoomInUp; -o-animation-name:zoomInUp; animation-name:zoomInUp }
@-webkit-keyframes zoomOut { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
100% {
opacity:0
}
}
@-o-keyframes zoomOut { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
100% {
opacity:0
}
}
@keyframes zoomOut { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
100% {
opacity:0
}
}
.zoomOut { -webkit-animation-name:zoomOut; -o-animation-name:zoomOut; animation-name:zoomOut }
@-webkit-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
-o-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
-o-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown { -webkit-animation-name:zoomOutDown; -o-animation-name:zoomOutDown; animation-name:zoomOutDown }
@-webkit-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@-o-keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
transform:scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft { -webkit-animation-name:zoomOutLeft; -o-animation-name:zoomOutLeft; animation-name:zoomOutLeft }
@-webkit-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@-o-keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
-o-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
transform:scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
-o-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight { -webkit-animation-name:zoomOutRight; -o-animation-name:zoomOutRight; animation-name:zoomOutRight }
@-webkit-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@-o-keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
-o-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp { 40% {
opacity:1;
-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity:0;
-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
-o-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp { -webkit-animation-name:zoomOutUp; -o-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)
}
}
@-o-keyframes slideInDown { 0% {
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown { 0% {
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown { -webkit-animation-name:slideInDown; -o-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)
}
}
@-o-keyframes slideInLeft { 0% {
-webkit-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft { 0% {
-webkit-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft { -webkit-animation-name:slideInLeft; -o-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)
}
}
@-o-keyframes slideInRight { 0% {
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight { 0% {
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%);
visibility:visible
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight { -webkit-animation-name:slideInRight; -o-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)
}
}
@-o-keyframes slideInUp { 0% {
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp { 0% {
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
visibility:visible
}
100% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp { -webkit-animation-name:slideInUp; -o-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%)
}
}
@-o-keyframes slideOutDown { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
}
@keyframes slideOutDown { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
}
.slideOutDown { -webkit-animation-name:slideOutDown; -o-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%)
}
}
@-o-keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
}
@keyframes slideOutLeft { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
}
.slideOutLeft { -webkit-animation-name:slideOutLeft; -o-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%)
}
}
@-o-keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
}
@keyframes slideOutRight { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
visibility:hidden;
-webkit-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
}
.slideOutRight { -webkit-animation-name:slideOutRight; -o-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%)
}
}
@-o-keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@keyframes slideOutUp { 0% {
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
visibility:hidden;
-webkit-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
}
.slideOutUp { -webkit-animation-name:slideOutUp; -o-animation-name:slideOutUp; animation-name:slideOutUp }
.commonweb { padding-left:-webkit-calc((160/1920)*100%);
padding-left:calc((160/1920)*100%);
padding-right:-webkit-calc((160/1920)*100%);
padding-right:calc((160/1920)*100%)
}
a, img { -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s }
.pic_m img { -webkit-animation:pic_m 6s ease; -o-animation:pic_m 6s ease; animation:pic_m 6s ease }
@media screen and (max-width: 1680px) {
.commonweb {
padding-left:-webkit-calc((100/1920)*100%);
padding-left:calc((100/1920)*100%);
padding-right:-webkit-calc((100/1920)*100%);
padding-right:calc((100/1920)*100%)
}
}
@font-face {
font-family:"DINProB";
src:url(../fonts/DINPro-Bold.woff) format("woff2"), url(../fonts/DINPro-Bold.woff) format("woff");
font-display:swap
}
@font-face {
font-family:"DINProM";
src:url(../fonts/DINPro-Medium.woff) format("woff2"), url(../fonts/DINPro-Medium.woff) format("woff");
font-display:swap
}

@font-face {
  font-family: "albbSemiBold";font-weight: 600;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/osYegarwPtxc.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/d13Ga81Wi0vj.woff") format("woff");
  font-display: swap;
}
@font-face {
font-family:"albbBold";
font-weight:700;
src:url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/uTIxj9SvUcc9.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/Ge6IffuUIFaL.woff") format("woff");
font-display:swap
}


@font-face {
  font-family: "albbMedium";font-weight: 500;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/juiP93NzK0gl.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/xhmZTGNmFm4c.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "albbRegular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/dENSHmavKnxo.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/fQiz5HM3LMBF/BX76XdlmbLzB.woff") format("woff");
  font-display: swap;
}


body::-webkit-scrollbar {
width:5px;
background-color:#f0f0f0
}
body::-webkit-scrollbar-thumb {
background-color:#0195d9
}
.header_wrap { position:fixed; top:0; left:0; right:0; z-index:1001; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; padding-left:-webkit-calc((76/1920)*100%);
padding-left:calc((76/1920)*100%);
border-bottom:1px solid rgba(191, 191, 191, 0.4) }
.header_wrap.ac { -webkit-box-shadow:3px 0 15px rgba(193, 198, 202, 0.3); box-shadow:3px 0 15px rgba(193, 198, 202, 0.3); background-color:#fff }
.header_wrap.ac .logo { color:#000 }
.header_wrap.ac .header_nav ul li h4 a em { color:#000 }
.header_wrap.ac .header_nav ul li h4 a em:nth-child(2) {
color:#0195d9
}
.header_wrap.ac .header_nav ul li h4 a::after {
background-color:#0195d9
}
.header_wrap.ac .search_icon { color:#0195d9 }
.header_wrap.ac .wxicons .ac { display:none }
.header_wrap.ac .wxicons .bc { display:block }
.header_wrap.ac .lang { color:#23272b; border-color:#bababa }
.header_wrap.ac .lang .icon img { -webkit-filter:drop-shadow(0 21px 0 #0195da); filter:drop-shadow(0 21px 0 #0195da); -webkit-transform:translateY(-21px); -ms-transform:translateY(-21px); -o-transform:translateY(-21px); transform:translateY(-21px) }
.header_wrap.ac .lang::before {
background-color:#23272b
}
.header_wrap.ac .mNavBtn span { background-color:#0195d9 }
.inside_header .header_wrap .logo { color:#000000 }
.inside_header .header_wrap .header_nav ul li h4 a em { color:#000 }
.inside_header .header_wrap .header_nav ul li h4 a em:nth-child(2) {
color:#0195d9
}
.inside_header .header_wrap .header_nav ul li h4 a::after {
background-color:#0195d9
}
.inside_header .header_wrap .search_icon { color:#0195d9 }
.inside_header .header_wrap .wxicons .ac { display:none }
.inside_header .header_wrap .wxicons .bc { display:block }
.inside_header .header_wrap .lang { color:#23272b; border-color:#bababa }
.inside_header .header_wrap .lang .icon img { -webkit-filter:drop-shadow(0 21px 0 #0195da); filter:drop-shadow(0 21px 0 #0195da); -webkit-transform:translateY(-21px); -ms-transform:translateY(-21px); -o-transform:translateY(-21px); transform:translateY(-21px) }
.inside_header .header_wrap .mNavBtn span { background-color:#0195d9 }
.header_wrap.window_scroll { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%) }
.header_box { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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 }
.logo { overflow:hidden; color:#fff; font-family:"albbSemiBold"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.logo .txt { padding:0 0 0 0.16rem }
.logo .cn { font-size:0.2rem }
.logo .en { font-size:0.12rem; text-transform:uppercase; letter-spacing:0.013rem }
.header_nav { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.header_nav ul { -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; margin:0 auto }
.header_nav ul li { padding:0 0.25rem; height:0.78rem; position:relative; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.header_nav ul li h4 { height:100% }
.header_nav ul li h4 a { font-size:0.16rem; position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:100%; font-family:"albbRegular" }
.header_nav ul li h4 a p { display:block; height:0.22rem; overflow:hidden }
.header_nav ul li h4 a em { -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; display:block; color:#fff }
.header_nav ul li h4 a::after {
content:"";
display:block;
width:0;
height:2px;
background-color:#fff;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:0;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s
}
.header_nav ul li:hover h4 a, .header_nav ul li.cur h4 a { color:#00948d }
.header_nav ul li:hover h4 a em, .header_nav ul li.cur h4 a em { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%) }
.header_nav ul li:hover h4 a::after, .header_nav ul li.cur h4 a::after {
width:100%
}
.header_nav ul li:hover .header_subnav { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1; pointer-events:initial }
.header_subnav { padding:0.1rem 0; position:absolute; top:0.78rem; left:-5px; right:-5px; text-align:center; background-color:#fff; -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; opacity:0; pointer-events:none; border-radius:5px; -webkit-box-shadow:0px 0 0.17rem 0 rgba(37, 37, 37, 0.05); box-shadow:0px 0 0.17rem 0 rgba(37, 37, 37, 0.05) }
.header_subnav a { display:block; font-size:0.14rem; padding:0.1rem 0 }
.header_subnav a:hover { color:#0195d9 }
.subnavbtn { display:none }
.lang { color:#fff; font-family:"InterRegular"; font-size:0.16rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:0.78rem; position:relative; cursor:pointer; border-right:1px solid rgba(191, 191, 191, 0.2); padding:0 0.33rem }
.lang .icon { overflow:hidden }
.lang .icon img { -webkit-transition:none; -o-transition:none; transition:none }
.lang .flex { height:100%; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.lang span { font-size:0.1rem; margin:0 0 0 0.1rem; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s }
.lang span::before {
content:"\e60d"
}
.lang .drop { position:absolute; top:0.78rem; width:1rem; left:50%; margin-left:-0.5rem; background-color:#fff; text-align:center; padding:0.08rem; line-height:0.35rem; opacity:0; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px); pointer-events:none }
.lang .drop a { display:block }
.lang .drop a:hover { color:#0195d9 }
.lang:hover span { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg) }
.lang:hover .drop { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1; pointer-events:inherit }
.mNavBtn { width:0.9rem; height:0.9rem; position:absolute; right:0; top:0; cursor:pointer; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; display:none }
.mNavBtn p { width:20px; height:14px; position:relative }
.mNavBtn span { display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; border-radius:3px }
.mNavBtn span:first-child { top:0 }
.mNavBtn span:nth-child(2) {
top:6px
}
.mNavBtn span:nth-child(3) {
bottom:0
}
.mNavBtn.close span:nth-child(1) {
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:7px
}
.mNavBtn.close span:nth-child(2) {
opacity:0
}
.mNavBtn.close span:nth-child(3) {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
bottom:5px
}
.search_form { display:none; position:fixed; left:0; width:100%; top:0.78rem; background-color:#f7f8fc; padding:0.3rem 0 }
.search_form .formbox { margin:0 auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; border:1px solid rgba(153, 153, 153, 0.8); border-radius:0.5rem; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 0.2rem 0 0; max-width:5rem }
.search_form .input_text { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; line-height:0.45rem; padding:0 0.2rem }
.search_form .input_btn { width:16px; height:17px; background:url(../images/search.png) no-repeat center;}
.search_form .close { width:0.4rem; height:0.4rem; line-height:0.36rem; text-align:center; border:2px solid #e0e2e7; border-radius:50%; font-size:0.12rem; color:#a5a5a5; font-weight:bold; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; cursor:pointer }
.search_form .close span::before {
content:"\e623"
}
.search_form .close:hover { color:#0195d9; border-color:#0195d9; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.search_icon { cursor:pointer; font-size:0.16rem; color:#fff; font-weight:bold; padding:0 0.33rem; height:0.78rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; border-left:1px solid rgba(191, 191, 191, 0.4); border-right:1px solid rgba(191, 191, 191, 0.4) }
.search_icon::before {
content:"\e62e"
}
.header_right { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.tTel { background-color:#0195d9; color:#fff; font-size:0.2rem; font-family:"DINProM"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:0.78rem; padding:0 0.34rem 0 0.4rem }
.tTel img { margin:0 0.24rem 0 0 }
.footer_wrap { background-color:#1f212a; position:relative }
.footer_wrap a:hover { color:#0195d9 }
.footer_top { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:1.16rem 0 1.2rem; font-family:"albbRegular"; color:#fff }
.footer_top .right { width:34.375%; padding:0 0.3rem 0 1.3rem }
.footer_top .right .p { font-size:0.18rem }
.footer_top .right h4 { font-size:0.48rem; line-height:0.8; font-family:"DINProB"; padding:0.4rem 0 0.55rem }
.footer_top .right .info { font-size:0.16rem; line-height:1.8; color:#cccccc }
.footer_top .right .info p { position:relative; padding:0 0 0.34rem 0.75rem }
.footer_top .right .info p span { position:absolute; left:0; top:0 }
.footer_top .right .icons { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; position:relative; width:0.5rem; height:0.5rem; background-color:#57595f; border-radius:50%; cursor:pointer; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; margin:0 0.2rem 0 0 }
.footer_top .right .icons:hover { background-color:#0195d9 }
.footer_top .right .icons:hover .fewm { opacity:1; -webkit-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); transform:translate(0) }
.footer_top .right .fewm { width:1.12rem; height:1.12rem; background-color:#fff; border-radius:0.06rem; padding:0.1rem; position:absolute; left:50%; margin-left:-0.56rem; z-index:2; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px); top:0.65rem; opacity:0; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; pointer-events:none }
.footer_top .right .fewm::before {
content:"";
display:block;
width:0;
height:0;
border-left:0.05rem solid transparent;
border-right:0.05rem solid transparent;
border-top:0.01rem solid transparent;
border-bottom:0.1rem solid #fff;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
top:-0.1rem
}
.footer_nav { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; border-right:1px solid #707070 }
.footer_nav ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.footer_nav ul li { padding:0 12.3% 0 0; font-family:"albbRegular" }
.footer_nav ul li h4 { padding:0 0 0.48rem }
.footer_nav ul li h4 a { font-size:0.18rem; color:#fff }
.footer_nav ul li:last-child { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }
.footer_subnav a { display:block; font-size:0.14rem; color:#777; font-size:0.16rem; padding:0 0 0.18rem 0 }
.copyRight { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -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; padding:0.6rem 0 0.4rem; font-size:0.16rem; position:relative; z-index:2; color:#666666; font-family:"albbRegular" }
.copyRight a { display:inline-block; vertical-align:top; *display:inline;
*zoom:1;
color:#666666 }
.copyRight .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.copyRight .left a { margin-left:0.13rem }
.indexbanner { width:100%; height:100vh; overflow:hidden; position:relative }
.indexbanner ul { width:100% }
.indexbanner ul li { width:100%; height:auto; overflow:hidden; z-index:44; position:relative }
.indexbanner ul li .image { position:relative; height:100vh; overflow:hidden }
.indexbanner ul li .img { display:block; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.indexbanner ul li .inban-info { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0; width:100%; color:#fff }
.indexbanner ul li .inban-info .a { -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); opacity:0; font-size:0.54rem; line-height:1.3; font-family:"albbSemiBold" }
.indexbanner ul li .inban-info .b { opacity:0; -webkit-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; padding:0.9rem 0 0 }
.indexbanner .slide-inner { width:100%; height:100%; -webkit-background-size:cover; background-size:cover; background-position:center; 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; color:#fff }
.banner-bot { bottom:0.65rem; position:absolute; left:0; width:100%; z-index:2 }
.banner-bot .flex { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.banner-btn { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.banner-btn .btn { width:0.6rem; height:0.6rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; color:#fff; border:1px solid #fff; border-radius:50%; cursor:pointer; position:static; margin:0 0 0 0.15rem }
.banner-btn .btn::after {
display:none
}
.banner-btn .btn span::before {
content:"\e60c"
}
.banner-btn .btn:hover { background-color:#fff; color:#0195d9; font-weight:bold }
.banner-btn .btn.swiper-button-next { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.banner-page { width:auto !important }
.banner-page span { width:auto; height:auto; margin:0 0.42rem 0 0 !important; background:none; opacity:0.5; font-family:"DINProB"; font-size:0.24rem; color:#fff; cursor:pointer; border:0 }
.banner-page span.swiper-pagination-bullet-active { opacity:1 }
.indexbanner ul li.swiper-slide-active .slide-inner { -webkit-transform:matrix(1, 0, 0, 1, 0, 0) !important; -ms-transform:matrix(1, 0, 0, 1, 0, 0) !important; -o-transform:matrix(1, 0, 0, 1, 0, 0) !important; transform:matrix(1, 0, 0, 1, 0, 0) !important }
.indexbanner ul li.active .a { -webkit-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); opacity:1 }
.indexbanner ul li.active .b { -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1 }
.indexbanner ul li.active .c { -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1 }
.indexbanner ul li.active .d { -webkit-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1 }
.indexbanner ul li.active .img { -webkit-animation:pic_m2 10s ease; -o-animation:pic_m2 10s ease; animation:pic_m2 10s ease }
.inxban-btn { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; position:absolute; z-index:3; height:0.58rem; width:100%; position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.inxban-btn .btn { width:0.58rem; height:0.58rem; border:1px solid #0195d9; border-radius:50%; position:relative; cursor:pointer; opacity:1; position:static; margin:0 }
.inxban-btn .btn::after {
font-size:0.14rem;
color:#0195d9;
font-weight:bold
}
.inxban-btn .btn:hover { background-color:#0195d9 }
.inxban-btn .btn:hover::after {
color:#fff
}
.inxban-btn .swiper-button-next.swiper-button-disabled, .inxban-btn .swiper-button-prev.swiper-button-disabled { opacity:0.5 }
.detail_banner { margin-top:1rem }
.inside_banner { position:relative; overflow:hidden }
.inside_banner>img { width:100%; -o-object-fit:cover; object-fit:cover }
.inside_banner .info { width:100%; position:absolute; left:0; top:39% }
.inside_banner .info p { font-size:0.2rem; color:#0195d9; font-family:"albbRegular" }
.inside_banner .info h2 { font-size:0.5rem; line-height:1.16; font-family:"albbSemiBold"; padding:0.2rem 0 0 }
.inside_pages { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:1.1rem 0 0 }
.inside_pages a { text-align:center; color:#0195d9; font-size:0.16rem; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin:0 0.2rem 0 0; width:0.6rem; height:0.6rem; line-height:0.58rem; border:2px solid #efefef; background-color:#fff; border-radius:50%; font-family:"albbSemiBold" }
.inside_pages a:hover, .inside_pages a.cur { color:#fff; background-color:#0195d9; border-color:#0195d9 }
.inside_pages a.prev, .inside_pages a.next { font-size:0.12rem }
.inside_pages a.prev:hover, .inside_pages a.next:hover { background-color:#0195d9; color:#fff }
.inside_pages a.no { cursor:auto; background:none }
.inside_pages a.prev, .inside_pages a.next { background:#fff url(../images/jtg.png) no-repeat center center }
.inside_pages a.prev:hover, .inside_pages a.next:hover { background-image:url(../images/jt.png); background-color:#fff }
.inside_pages a.prev { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.form { padding:1.12rem 0 0 }
.form ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.28rem -0.23rem }
.form ul li { width:33.333%; padding:0.28rem 0.23rem; display:block; position:relative; font-size:0.18rem }
.form ul li input, .form ul li textarea { display:block; background-color:#fff; width:100%; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; font-size:0.18rem }
.form ul li input::-webkit-input-placeholder, .form ul li textarea::-webkit-input-placeholder {
color:#777777;
font-family:"albbRegular"
}
.form ul li input::-moz-placeholder, .form ul li textarea::-moz-placeholder {
color:#777777;
font-family:"albbRegular"
}
.form ul li input:-ms-input-placeholder, .form ul li textarea:-ms-input-placeholder {
color:#777777;
font-family:"albbRegular"
}
.form ul li input::placeholder, .form ul li textarea::placeholder {
color:#777777;
font-family:"albbRegular"
}
.form ul li input:focus, .form ul li textarea:focus { border-color:#0195d9 !important; -webkit-box-shadow:0 0 0.1rem rgba(195, 166, 120, 0.1); box-shadow:0 0 0.1rem rgba(195, 166, 120, 0.1) }
.form ul li textarea { padding:0.44rem 0.48rem; height:2.33rem; border-radius:0 }
.form ul li input { line-height:0.78rem; padding:0 0.48rem; border-radius:0 }
.form ul li span { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0.36rem; font-size:0.16rem; color:#818181; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; pointer-events:none }
.form ul li:last-child { width:100% }
.form ul li:last-child .error-box { top:70%; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none }
.form .btn { display:block; width:2.65rem; height:0.78rem; border:1px solid #fff; background-color:#0195d9; color:#fff; text-align:center; padding:0; font-size:0.18rem; margin:0.6rem 0 0; font-family:"albbRegular" }
.form .error-box { color:#0195d9; position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0.2rem; font-size:0.12rem }
.onlinebox { display:none; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:90%; max-width:10.6rem; max-height:90%; z-index:1003 }
.onlinebox .form { padding:0.5rem 0 0 }
.onlinebox .form ul { margin:-0.08rem -0.06rem }
.onlinebox .form ul li { padding:0.08rem 0.06rem }
.onlinebox .form ul li input, .onlinebox .form ul li textarea { border:1px solid #dddddd }
.onlinebox .form ul li input { line-height:0.58rem; padding:0 0.35rem }
.onlinebox .form ul li textarea { padding:0.22rem 0.35rem }
.onlinebox .form .btn { width:1.6rem; height:0.55rem }
.formbox { background-color:#fff; padding:0.74rem 0.84rem 0.65rem }
.formbox .top { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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 }
.formbox .text { font-size:0.18rem; font-family:"albbRegular"; color:#0195d9 }
.formbox h4 { font-size:0.48rem; font-family:"albbSemiBold"; line-height:1.1; padding:0.2rem 0 0 }
.pclose { width:0.4rem; height:0.4rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; border:2px solid #e0e2e7; border-radius:50%; font-size:0.12rem; color:#a5a5a5; font-weight:bold; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; cursor:pointer }
.pclose span::before {
content:"\e623"
}
.pclose:hover { color:#0195d9; border-color:#0195d9; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.popupbg { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.5); z-index:1002; display:none }
@media screen and (max-width: 980px) {
.logo img {
height:0.45rem
}
.logo .txt {
padding:0 0 0 0.08rem
}
.logo .cn {
font-size:0.14rem
}
.logo .en {
font-size:0.1rem;
letter-spacing:0
}
.mNavBtn {
width:0.7rem;
height:0.7rem;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.header_nav {
display:none;
position:fixed;
top:0.7rem;
left:0;
height:100%;
width:100%;
background-color:#fff
}
.header_nav ul {
display:block
}
.header_nav ul li {
display:block;
height:auto;
border-bottom:1px solid #e4e4e4
}
.header_nav ul li h4 {
height:0.55rem;
line-height:0.55rem;
position:relative
}
.header_nav ul li h4 a {
font-size:0.16rem;
color:#23272b
}
.header_nav ul li h4 a:hover em {
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}
.header_nav ul li h4 a p {
height:100%
}
.header_nav ul li h4 a::after {
display:none
}
.header_nav ul li:hover .header_subnav {
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}
.header_nav .wxicons .ewm {
top:-1.12rem
}
.header_nav .wxicons .ewm::before {
border-top:0.1rem solid #f6f6f6;
border-bottom:0.1rem solid transparent;
bottom:-0.1rem;
top:auto
}
.header_subnav {
display:none;
position:static;
-webkit-transform:inherit;
-ms-transform:inherit;
-o-transform:inherit;
transform:inherit;
width:100%;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
margin:0;
padding:0 0 0.2rem 0.1rem;
opacity:1;
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
-webkit-transition:none;
-o-transition:none;
transition:none
}
.header_subnav a {
text-align:left;
padding:0.05rem 0
}
.search_icon {
display:none
}
.search_form {
display:block;
width:100%;
padding:0.3rem 20px;
position:static;
background-color:#fff
}
.search_form .formbox {
max-width:100%
}
.search_form .input_text {
line-height:0.5rem
}
.subnavbtn {
position:absolute;
top:0;
right:0;
display:none;
width:60%;
height:100%;
font-size:0.22rem;
color:#8f949b
}
.subnavbtn::after {
content:"\e764";
position:absolute;
right:0;
top:0;
-webkit-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.subnavbtn.up::after {
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg)
}
.header_wrap {
height:0.7rem
}
.header_box {
width:100%;
height:0.7rem
}
.header_right {
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.tTel {
width:100%;
background-color:transparent;
color:#777;
height:auto;
display:none
}
.tTel>img {
-webkit-filter:brightness(0.6);
filter:brightness(0.6);
margin:0 0.15rem 0 0
}
.lang {
color:#777;
margin:0 0 0 0.15rem;
height:auto;
line-height:0.35rem;
font-size:0;
border:0;
display:none
}
.lang span {
display:none
}
.lang .drop {
opacity:1;
position:static;
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
margin:0;
padding:0;
width:auto;
font-size:0.2rem;
pointer-events:inherit
}
.lang .drop a {
color:#777;
margin:0 0 0 0.1rem
}
.search_icon {
display:none
}
.footer_top {
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
padding:0.3rem 0 0
}
.footer_top .left {
text-align:left;
width:100%;
padding:0
}
.footer_top .right {
width:100%;
padding:0
}
.footer_top .right .p {
font-size:0.16rem
}
.footer_top .right h4 {
font-size:0.3rem;
padding:0.2rem 0
}
.footer_top .right .info {
font-size:0.14rem
}
.footer_top .right .info p {
padding-bottom:0.1rem
}
.footer_top .right .icons {
width:0.4rem;
height:0.4rem;
margin:0 0.15rem 0 0;
display:none
}
.copyRight {
padding:0.2rem 0;
position:static;
font-size:0.13rem;
text-align:left
}
.copyRight .left {
width:100%;
position:relative
}
.copyRight .left span {
display:inline-block
}
.copyRight .left a {
margin:0
}
.copyRight .right {
width:100%;
padding:0.08rem 0 0
}
.footer_nav {
width:100%;
padding:0.3rem 0 0.1rem;
border:0
}
.footer_nav ul {
display:block
}
.footer_nav ul li {
text-align:left;
padding:0
}
.footer_nav ul li h4 {
position:relative;
padding:0;
line-height:0.45rem
}
.footer_nav ul li h4 a {
font-size:0.16rem
}
.footer_nav ul li h4 .subnavbtn::after {
right:0
}
.footer_subnav {
display:none;
padding:0.1rem 0 0
}
.footer_subnav a {
padding:0 0 0.1rem 0;
font-size:0.15rem
}
.indexbanner {
height:6.6rem
}
.indexbanner ul li .inban-info .a {
font-size:0.26rem
}
.indexbanner ul li .inban-info .b {
font-size:0.18rem;
padding:0.3rem 0 0.5rem
}
.indexbanner ul li .inban-info .c span {
font-size:0.15rem;
padding:0.1rem 0.2rem
}
.indexbanner .swiper-scrollbar {
width:1.5rem
}
.indexbanner .banner-btn {
display:none
}
.banner-bot {
bottom:0.3rem
}
.scroll-down, .banbtn {
display:none
}
.banner-page span {
margin:0 0.2rem 0 0 !important
}
.detail_banner {
margin-top:70px
}
.inside_banner {
height:3.2rem
}
.inside_banner .info {
top:45%
}
.inside_banner .info h2 {
font-size:0.22rem;
padding:0.1rem 0 0
}
.inside_banner .info p {
font-size:0.18rem
}
.inside_banner img {
height:100%
}
.inside_pages {
padding:0.3rem 0 0;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.inside_pages a {
margin:0 0.03rem;
width:0.4rem;
height:0.4rem;
line-height:0.38rem;
font-size:0.13rem
}
.inside_pages a.prev, .inside_pages a.next {
-webkit-background-size:0.18rem 0.18rem;
background-size:0.18rem
}
.formbox {
padding:0.3rem
}
.form ul {
display:block;
margin:-0.05rem 0
}
.form ul li {
width:100%;
padding:0.05rem 0
}
.form ul li input {
line-height:0.55rem;
padding:0 0.2rem
}
.form ul li textarea {
padding:0.2rem;
height:1.4rem
}
.form ul li input, .form ul li textarea {
font-size:0.15rem
}
.form .error-box {
right:0.2rem
}
.form .btn {
width:1.5rem;
height:0.55rem;
font-size:0.15rem;
margin:0.2rem 0 0
}
.onlinebox .form {
padding:0.3rem 0 0
}
.onlinebox .form ul li input {
padding:0 0.2rem;
line-height:0.5rem
}
.onlinebox .form ul li textarea {
padding:0.2rem
}
.onlinebox .form .btn {
font-size:0.14rem;
width:1.5rem;
height:0.5 rem
}
.formbox h4 {
font-size:0.22rem
}
.formbox .text {
font-size:0.16rem
}
.pclose {
width:0.35rem;
height:0.35rem
}
}
.video-player-popup { display:none; position:fixed; left:0; top:0; z-index:201; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); font-size:0; text-align:center }
.video-player-popup .video {width:100%;height:100%; border:2px solid #fff; border-radius:0.1rem }
.video-player-popup video { -o-object-fit:cover; object-fit:cover }
.video-player-popup h4 { font-size:0.24rem; color:#fff; text-align:center; margin:0.36rem 0 0 }
.video-player-popup:before { content:""; width:0; height:100%; display:inline-block; *display:inline;
*zoom:1;
vertical-align:middle }
.video-player-popup .video-player { width:94%;height:50%; max-height:5.4rem; max-width:9.6rem; margin-top:0; display:block; position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.video-player-popup .close { position:absolute; top:-0.52rem; width:0.4rem; height:0.4rem; background-color:#0195d9; border-radius:50%; line-height:0.4rem; text-align:center; right:0 }
.video-player-popup .close span { font-size:0.16rem; font-weight:bold; color:#fff }
.video-player-popup .close span::before {
content:"\e623"
}
.video-player-popup .close:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.fadeInUpimg { -webkit-animation-name:fadeInUpimg; -o-animation-name:fadeInUpimg; animation-name:fadeInUpimg }
@keyframes fadeInUpimg { 0% {
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5)
}
100% {
-webkit-transform:none;
-o-transform:none;
transform:none
}
}
@-webkit-keyframes arrowRun { 0% {
-webkit-transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
7% {
-webkit-transform:translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
7.1% {
-webkit-transform:translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
14% {
-webkit-transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
}
@-o-keyframes arrowRun { 0% {
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style:preserve-3d
}
7% {
transform:translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style:preserve-3d
}
7.1% {
transform:translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style:preserve-3d
}
14% {
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style:preserve-3d
}
}
@keyframes arrowRun { 0% {
-webkit-transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
7% {
-webkit-transform:translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
7.1% {
-webkit-transform:translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
14% {
-webkit-transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform:translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
}
.img_show { -webkit-animation-name:img_show; -o-animation-name:img_show; animation-name:img_show }
@-webkit-keyframes img_show { 0% {
-webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg);
transform:translateZ(300px) translateY(200px) rotateX(-70deg);
opacity:.1
}
100% {
-webkit-transform:translateZ(0) translateY(0) rotateX(0deg);
transform:translateZ(0) translateY(0) rotateX(0deg);
opacity:1
}
}
@-o-keyframes img_show { 0% {
transform:translateZ(300px) translateY(200px) rotateX(-70deg);
opacity:.1
}
100% {
transform:translateZ(0) translateY(0) rotateX(0deg);
opacity:1
}
}
@keyframes img_show { 0% {
-webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg);
transform:translateZ(300px) translateY(200px) rotateX(-70deg);
opacity:.1
}
100% {
-webkit-transform:translateZ(0) translateY(0) rotateX(0deg);
transform:translateZ(0) translateY(0) rotateX(0deg);
opacity:1
}
}
.fn3 { -webkit-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; -webkit-animation:fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1); -o-animation:fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1); animation:fn3 1.2s cubic-bezier(0.49, 0.54, 0.16, 1); -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both }
@-webkit-keyframes fn3 { 0% {
opacity:0;
-webkit-transform:matrix(1, -0.1, 0, 1, 0, -20);
transform:matrix(1, -0.1, 0, 1, 0, -20)
}
100% {
opacity:1;
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
}
@-o-keyframes fn3 { 0% {
opacity:0;
-o-transform:matrix(1, -0.1, 0, 1, 0, -20);
transform:matrix(1, -0.1, 0, 1, 0, -20)
}
100% {
opacity:1;
-o-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
}
@keyframes fn3 { 0% {
opacity:0;
-webkit-transform:matrix(1, -0.1, 0, 1, 0, -20);
-o-transform:matrix(1, -0.1, 0, 1, 0, -20);
transform:matrix(1, -0.1, 0, 1, 0, -20)
}
100% {
opacity:1;
-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
-o-transform:matrix(1, 0, 0, 1, 0, 0);
transform:matrix(1, 0, 0, 1, 0, 0)
}
}
@-webkit-keyframes animate-width1 { from {
width:0;
height:0;
opacity:0
}
to { width:100%; height:100%; opacity:1 }
}
@-o-keyframes animate-width1 { from {
width:0;
height:0;
opacity:0
}
to { width:100%; height:100%; opacity:1 }
}
@keyframes animate-width1 { from {
width:0;
height:0;
opacity:0
}
to { width:100%; height:100%; opacity:1 }
}
.animate-width1 { -webkit-animation:animate-width1 1s linear forwards; -o-animation:animate-width1 1s linear forwards; animation:animate-width1 1s linear forwards }
.flex { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.abtn { cursor:pointer; position:relative; text-align:center; font-size:0.16rem; overflow:hidden; font-family:"albbSemiBold"; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -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; border:1px solid #0195d9; color:#0195d9; border-radius:0.35rem; padding:0.17rem 0.34rem; min-width:2.2rem }
.abtn::after {
content:"";
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background-color:#0195d9;
border-radius:0.25rem;
-webkit-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
-ms-transform-origin:right;
-o-transform-origin:right;
transform-origin:right;
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:-webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition:-o-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition:transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -o-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
.abtn:hover { color:#fff }
.abtn:hover::after {
-webkit-transform:scaleX(1);
-ms-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left
}
.abtn:hover .icon { background-image:url(../images/jtw.png) }
.abtn em { position:relative; z-index:2; -webkit-animation:jumpR 1.3s ease infinite; -o-animation:jumpR 1.3s ease infinite; animation:jumpR 1.3s ease infinite }
.abtn .icon { position:relative; z-index:2; margin:0 0 0 0.4rem; width:0.26rem; height:0.12rem; background:url(../images/jt.png) no-repeat 100% center; -webkit-background-size:contain; background-size:contain; -webkit-animation:jumpL 1.3s ease infinite; -o-animation:jumpL 1.3s ease infinite; animation:jumpL 1.3s ease infinite }
.abtn.wabtn { border-color:#fff; color:#fff }
.abtn.wabtn .icon { background-image:url(../images/jtw.png) }
.abtn.wabtn::after {
background-color:#fff
}
.abtn.wabtn:hover { border-color:#0195d9; color:#0195d9 }
.abtn.wabtn:hover .icon { background-image:url(../images/jt.png) }
.font-run span { -webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 50%); clip-path:polygon(0 0, 100% 0, 100% 0, 0 50%); -webkit-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); position:relative; display:inline-block; opacity:0 }
.font-run.on span { opacity:1; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) }
.comtitle { position:relative; z-index:3 }
.comtitle .st { font-size:0.22rem; color:#777777; font-family:"albbSemiBold" }
.comtitle .bt { font-size:0.48rem; line-height:1.3; padding:0.1rem 0 0; font-family:"albbSemiBold" }
.comtitle.white .st { color:#fff }
.comtitle.white .bt { color:#fff }
.showm-pages { display:none }
.showm-pages .swiper-pagination-bullet-active { background-color:#0195d9 }
.comnums { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.comnums dl { width:50%; padding:0.54rem 0 0 1.7rem }
.comnums dl dt { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; align-items:baseline; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.comnums dl dt span { font-size:0.48rem }
.comnums dl dt i { display:block; line-height:0.8; font-size:0.34rem; margin-top:-0.1rem }
.comnums dl dt p { color:#0195d9; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; font-family:"DINProB" }
.comnums dl dt em { font-size:0.16rem }
.comnums dl dd { font-size:0.16rem; padding:0.1rem 0 0 }
.showm { display:none }
.common-ljzx { background:url(../images/ljzxbg.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:1.14rem 0 1.15rem; color:#fff }
.common-ljzx h4 { font-size:0.4rem; font-family:"albbSemiBold"; padding:0 0 0.4rem }
.banner-btn.blue { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.banner-btn.blue .btn { color:#0195d9; border-color:#0195d9; font-weight:bold }
.banner-btn.blue .btn:first-child { margin:0 }
.banner-btn.blue .btn:hover { background-color:#0195d9; color:#fff }
.index .comtitle .bt { padding:0.22rem 0 0 }
.index .ihd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.index .a { background-color:#f5f5f5; padding:1.04rem 0 1.78rem }
.index .a .ihd { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end }
.index .a .ihd .r { padding:0 0 0.1rem }
.index .a .tab { font-size:0.18rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.index .a .tab a { color:#777777; position:relative; padding:0 0 0.25rem; margin:0 0 0 0.52rem }
.index .a .tab a::after {
content:"";
display:block;
width:0;
height:0.04rem;
background-color:#0195d9;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:0
}
.index .a .tab a:hover, .index .a .tab a.cur { color:#0195d9 }
.index .a .tab a:hover::after, .index .a .tab a.cur::after {
width:100%
}
.index .a .indexlist .list { display:none }
.index .a .indexlist .list:first-child { display:block }
.index .a .bd { padding:1.1rem 0 0 }
.index .a .bd ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -0.06rem }
.index .a .bd ul li { width:25%; padding:0.06rem }
.index .a .bd ul li .box { height:100%; background-color:#fff; border-radius:0.2rem; overflow:hidden; position:relative; text-align:center; padding:0.4rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.index .a .bd ul li .box::after {
content:"";
display:block;
width:0;
height:0.04rem;
background-color:#0195d9;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.index .a .bd ul li h4 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.18rem; margin:0.2rem 0 0.09rem }
.index .a .bd ul li .text { font-size:0.14rem; color:#cccccc; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.index .a .bd ul li .img { position:relative; overflow:hidden }
.index .a .bd ul li .img:before{
    
}
.index .a .bd ul li:not(:first-child) .img img{
   height: 2.06rem;
}
.index .a .bd ul li p.more { width:0.19rem; height:0.1rem; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0.25rem auto 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.index .a .bd ul li:first-child { width:50% }
.index .a .bd ul li:first-child .box { text-align:left; padding:0 }
.index .a .bd ul li:first-child .img { height:100% }
.index .a .bd ul li:first-child .img::before {
content:"";
display:block;
padding-top:49.24%
}
.index .a .bd ul li:first-child .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.index .a .bd ul li:first-child .info { position:absolute; left:0; top:0; color:#fff; padding:0.53rem 0.5rem 0.5rem 0.65rem }
.index .a .bd ul li:first-child .info h4 { font-weight:bold; font-size:0.24rem; margin:0 }
.index .a .bd ul li:first-child .info .links { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:0.16rem; padding:0.35rem 0 0.93rem }
.index .a .bd ul li:first-child .info .links a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#fff; padding:0 0 0.14rem }
.index .a .bd ul li:first-child .info .links a::after {
content:"/";
margin:0 0.2rem;
color:#fff
}
.index .a .bd ul li:first-child .info .links a:last-child::after {
display:none
}
.index .a .bd ul li:first-child .info .links a:hover { color:#0195d9 }
.index .a .bd ul li:first-child a.more { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -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; width:1rem; height:0.5rem; background-color:#0195d9; border-radius:0.25rem }
.index .a .bd ul li:first-child a.more img { -webkit-animation:jumpL 1.3s ease infinite; -o-animation:jumpL 1.3s ease infinite; animation:jumpL 1.3s ease infinite }
.index .a .bd ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.index .a .bd ul li:not(:first-child):hover .box {
-webkit-box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1);
box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1)
}
.index .a .bd ul li:not(:first-child):hover .box::after {
width:100%
}
.index .a .bd ul li:not(:first-child):hover p.more {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)
}
.index .b { background-image:-webkit-gradient(linear, left top, right bottom, color-stop(45%, #015bbb), to(#0195d9)); background-image:-webkit-linear-gradient(left top, #015bbb 45%, #0195d9); background-image:-o-linear-gradient(left top, #015bbb 45%, #0195d9); background-image:linear-gradient(to right bottom, #015bbb 45%, #0195d9); position:relative; overflow:hidden; color:#fff ;padding:1.2rem 0 1.38rem;}
.index .b>.flex { -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.index .b .l { width:50.601%;  }
.index .b .l .info { display:none }
.index .b .r { width:49.399%; padding:0 0.52rem 0 1.4rem }
.index .b .r .st { padding:0 0 0.13rem 0 }
.index .b .swiperbox { position:relative; overflow:hidden; height:100%; display:none }
.index .b .swiperbox .mySwiper { height:100% }
.index .b .swiperbox ul li { position:relative }
.index .b .swiperbox ul li a { display:block; height:100% }
.index .b .swiperbox ul li .img { height:100% }
.index .b .swiperbox ul li .img:before{
    content: "";
    display: block;
    padding-top: 91.34%;
}
.index .b .swiperbox ul li .img img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover ;position:absolute;
    top: 0;
    left: 0;
}
.index .b .swiperbox ul li h4 { position:absolute; left:0; bottom:0; width:100%; font-size:0.24rem; text-align:center; line-height:0.4rem; padding:0.5rem 1rem; background:rgba(0, 0, 0, 0.5); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff }
.index .b .swiperbox .btn { width:0.4rem; height:0.4rem; margin:0 }
.index .b .swiperbox .bot { position:absolute; left:0; width:100%; bottom:0; padding:0.5rem }
.index .b .swiperbox .banner-btn { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.index .b .md { padding:1rem 0 0 }
.index .b .md dl { font-size:0.18rem; font-family:"albbSemiBold"; position:relative; padding:0 0 0 0.86rem; margin:0 0 0.4rem 0; height:0.3rem; cursor:pointer }
.index .b .md dl dt { width:5px; height:5px; background-color:#fff; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:absolute; top:0.12rem; left:0 }
.index .b .md dl dd { -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s }
.index .b .md dl:hover, .index .b .md dl.cur { font-size:0.24rem }
.index .b .md dl:hover dt, .index .b .md dl.cur dt { width:0.3rem }
.index .b .bd { padding:1.1rem 0 0 }
.index .c { position:relative; padding:1.2rem 0 1rem; overflow:hidden }
.index .c .hd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative; z-index:2 }
.index .c .hd .l { width:37.5% }
.index .c .hd .r { width:44.375% }
.index .c .hd .desc { font-size:0.16rem; line-height:2.25; padding:0.48rem 0.5rem 1.9rem 0 }
.index .c .dearth { position:absolute; top:0; right:0; width:69.9%; height:100%;font-size:0.18rem; text-align:center; font-family:"albbRegular" }
.index .c .dearth img{height:100%;}
.index .c .dearth .add { position:absolute; top:56.82%; right:33.14% }
.index .c .dearth .add .dot { margin:0 0 0.1rem; -webkit-animation:jump 1.5s linear infinite; -o-animation:jump 1.5s linear infinite; animation:jump 1.5s linear infinite }
.index .c .bd { padding:1.6rem 0 0 }
.index .c .mySwiper { overflow:hidden; padding:0.2rem 0 }
.index .c .mySwiper .swiper-wrapper { -webkit-transition-timing-function:linear; -o-transition-timing-function:linear; transition-timing-function:linear !important; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:-o-transform; transition-property:transform; transition-property:transform, -webkit-transform, -o-transform }
.index .c .mySwiper ul li { -webkit-box-shadow:0px 0 0.17rem 0 rgba(37, 37, 37, 0.1); box-shadow:0px 0 0.17rem 0 rgba(37, 37, 37, 0.1) }
.index .d { background:url(../images/idbg.jpg) no-repeat center center; -webkit-background-size:cover; background-size:cover; padding:1.3rem 0 3rem; color:#fff }
.index .d .ihd .r { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none; width:50%; font-size:0.18rem; line-height:0.36rem; font-family:"albbRegular" }
.index .d .ihd .desc { padding:0.5rem 0 0.35rem 0 }
.index .d .ihd .more { color:#fff }
.index .d .bd { padding:2.5rem 0 0 }
.index .d .comnums { -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }
.index .d .comnums dl { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; width:auto; padding:0 }
.index .d .comnums dl:last-child { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }
.index .d .comnums dl dt p { color:#fff }
.index .d .comnums dl dt em { font-size:0.18rem }
.index .e { height:7.87rem; width:100%; position:relative; overflow:hidden; margin-top:-2.3rem }
.index .e #inVideo { width:75.2355%; height:100%; position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top:0; border-radius:0.2rem; overflow:hidden; -webkit-box-shadow:0px 0 0.48rem 0 rgba(83, 83, 83, 0.09); box-shadow:0px 0 0.48rem 0 rgba(83, 83, 83, 0.09); -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.index .e #inVideo img, .index .e #inVideo video { width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.index .e #inVideo video{position:absolute;left:0;top:0}
.index .e #inVideo .info { position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; color:#fff; font-size:0.36rem; font-family:"albbRegular"; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.index .e #inVideo .icon { width:0.83rem; height:0.83rem; background:url(../images/plbtn.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0 0.7rem; cursor:pointer }
/*.index .e.cur { height:80vh }*/
/*.index .e.cur #inVideo { border-radius:0.1rem; width:100% }*/
.index .e.cur .info { opacity:0 }
.index .f { padding:1.28rem 0 1.33rem }
.index .f .ihd { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.index .f .bd { padding:1.3rem 0 0 0 }
.index .f .bd ul li a { display:block; position:relative; border:1px solid #cccccc; overflow:hidden }
.index .f .bd ul li a:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.index .f .bd ul li a img { -webkit-transition:-webkit-transform ease .8s;
transition:-webkit-transform ease .8s;
-o-transition:-o-transform ease .8s;
transition:transform ease .8s;
transition:transform ease .8s, -webkit-transform ease .8s, -o-transform ease .8s
}
.index .f .bd ul li .img { opacity:1; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; position:relative }
.index .f .bd ul li .img::after {
content:"";
display:block;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.5);
position:absolute;
top:0;
left:0
}
.index .f .bd ul li .img:before{
    content: "";
    display:block;
    padding-top: 128.11%;
}
.index .f .bd ul li .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index .f .bd ul li .cont { position:absolute; top:0; left:0; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between; padding:0.56rem 0.45rem 0.5rem; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s }
.index .f .bd ul li .cont>div{
    width: 100%;
}
.index .f .bd ul li .cont .date { font-size:0.3rem; font-family:"DINProM"; padding:0 0 0.14rem;color:#fff; }
.index .f .bd ul li .cont .desc { font-size:0.18rem; color:#fff; display:-webkit-box; height:.72rem;
line-height:.36rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
.index .f .bd ul li .cont .more { width:1.55rem; height:0.46rem; line-height:0.46rem; font-size:0.16rem; color:transparent; font-family:"albbSemiBold"; border:1px solid transparent; border-radius:0.23rem; }
.index .f .bd ul li:hover a { border-color:#fff }
.index .f .bd ul li:hover .img { opacity:1 }
.index .f .bd ul li:hover .img:after{
    
background:rgba(1, 149, 217, 0.8);
}
.index .f .bd ul li:hover .cont { color:#fff; text-align:center; padding:1rem 0.5rem 0.55rem }
.index .f .bd ul li:hover .cont .desc { color:#fff }
.index .f .bd ul li:hover .cont .more { text-align:center; border-color:#fff; margin:0 auto ;color:#fff;}
.index .f .bd ul li:hover .cont .more img { display:none }
.f40 { font-size:0.4rem; font-family:"albbBold" }
.f48 { font-size:0.48rem; font-family:"albbSemiBold" }
.h4 { font-size:0.48rem }
.contact .a { padding:0 0 1.52rem }
.contact .a .hd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.contact .a .hd dl { width:47.77%; -webkit-box-shadow:0px 0 0.13rem rgba(83, 83, 83, 0.09); box-shadow:0px 0 0.13rem rgba(83, 83, 83, 0.09) }
.contact .a .hd dl dd { position:relative; padding:0.36rem 0.26rem 0.43rem 0.47rem }
.contact .a .hd dl dd h4 { font-size:0.24rem; font-family:"albbSemiBold" }
.contact .a .hd dl dd h5 { font-size:0.16rem; padding:0.15rem 0 0 }
.contact .a .hd dl dd .icon { border-radius:50%; overflow:hidden; position:absolute; right:0.26rem; top:-0.64rem }
.contact .a .bd { padding:0.8rem 0 0 }
.contact .a .bd ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.31rem }
.contact .a .bd ul li { width:33.333%; padding:0.31rem; text-align:center }
.contact .a .bd ul li .box { -webkit-box-shadow:0px 0 0.11rem rgba(83, 83, 83, 0.09); box-shadow:0px 0 0.11rem rgba(83, 83, 83, 0.09); padding:0.7rem 0.3rem 0.75rem }
.contact .a .bd ul li h4 { font-size:0.24rem; font-family:"albbSemiBold"; padding:0.4rem 0 0.36rem }
.contact .a .bd ul li .text { font-family:"DINProB"; font-size:0.36rem }
.contact .b { background-color:#e9f0f8; padding:1.66rem 0 1.27rem }
.contact .b .formbox { background:none; padding:0 }
.job .a { padding:0 0 1.6rem }
.job .a ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.1rem -0.8rem }
.job .a ul li { width:50%; font-size:0.18rem; line-height:0.36rem; font-family:"albbRegular"; padding:0.1rem 0.8rem }
.job .b { background-color:#e9f0f8; padding:1.32rem 0 1.7rem }
.job .b .list { padding:0.95rem 0 0 }
.job .b .list .hd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0.22rem 0.7rem 0.22rem 0.77rem; background-color:#0195d9; color:#fff; font-size:0.18rem }
.job .b .list .hd p { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.job .b .list .hd p:first-child { text-align:left; -webkit-box-flex:1.4; -webkit-flex-grow:1.4; -ms-flex-positive:1.4; flex-grow:1.4 }
.job .b .list dl { color:#666666; cursor:pointer; margin:0.12rem 0 0; background-color:#fff }
.job .b .list dl dt { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; position:relative; padding:0.44rem 0.7rem 0.44rem 0.77rem; font-size:0.18rem }
.job .b .list dl dt p { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 }
.job .b .list dl dt p:first-child { text-align:left; -webkit-box-flex:1.4; -webkit-flex-grow:1.4; -ms-flex-positive:1.4; flex-grow:1.4; overflow:hidden }
.job .b .list dl dt p:last-child { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0.7rem }
.job .b .list dl dt p:last-child span { width:0.4rem; height:0.4rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; font-size:0.12rem; color:#999999; border:1px solid #c1c1c1; background-color:#fff; border-radius:50%; -webkit-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s }
.job .b .list dl dt p:last-child span::before {
content:"\e63f"
}
.job .b .list dl dd { border-top:1px solid #e5e5e5; padding:0.5rem 0.7rem 0.77rem 0.77rem; font-size:0.16rem; line-height:0.3rem; display:none }
.job .b .list dl dd .info { padding:0 0 0.4rem }
.job .b .list dl dd .email { padding:0 0.16rem; color:#666666; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.job .b .list dl dd .email p { position:relative; z-index:2 }
.job .b .list dl dd .email a { color:#da251c }
.job .b .list dl.cur dt { background-color:#f7f7f7 }
.job .b .list dl.cur dt p:last-child span { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); border-color:#0195d9; color:#0195d9 }
.job .b .list dl:hover dt p:last-child span { border-color:#0195d9; color:#0195d9 }
.classify { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; font-size:0.18rem; font-family:"albbRegular"; padding:0.65rem 0 0 0 }
.classify a { position:relative; padding:0 0 0.16rem 0; margin:0 0.75rem 0 0 }
.classify a::after {
content:"";
display:block;
width:0;
height:2px;
background-color:#0195d9;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:0
}
.classify a:hover, .classify a.cur { color:#0195d9 }
.classify a:hover::after, .classify a.cur::after {
width:100%
}
.classify a:last-child { margin:0 }
.news { padding:0 0 1.39rem }
.news .abtn { border-width:2px }
.news .top dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; background-color:#ecf3fa }
.news .top dl dt { width:59.56% }
.news .top dl dt a { display:block; position:relative; overflow:hidden }
.news .top dl dt a:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.news .top dl dt a img { -webkit-transition:-webkit-transform ease .8s;
transition:-webkit-transform ease .8s;
-o-transition:-o-transform ease .8s;
transition:transform ease .8s;
transition:transform ease .8s, -webkit-transform ease .8s, -o-transform ease .8s
}
.news .top dl dt a::before {
content:"";
display:block;
padding-top:56.24%
}
.news .top dl dt a img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.news .top dl dd { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0.74rem 0.78rem 0 0.64rem }
.news .top dl dd .p { font-weight:bold; color:#0195d9; font-size:0.18rem }
.news .top dl dd h4 { font-weight:bold; font-size:0.36rem; display:-webkit-box; height:1rem; line-height:.5rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0.2rem 0 0.3rem }
.news .top dl dd .desc { font-size:0.16rem; color:#777777; display:-webkit-box; height:.9rem;
line-height:.3rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:0 0 0.57rem }
.news .list { padding:0.39rem 0 0 }
.news .list .item { padding:0.9rem 0; border-bottom:1px solid #cccccc; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:relative }
.news .list .item::after {
content:"";
display:block;
width:0;
height:1px;
background-color:#0195d9;
-webkit-transition:all 0.8s;
-o-transition:all 0.8s;
transition:all 0.8s;
position:absolute;
left:0;
bottom:-1px
}
.news .list .item a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.news .list .item .date { width:8.4%; padding:0 0 0 0.24rem; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.news .list .item .date h4 { font-size:0.6rem; line-height:0.8; font-family:"DINProB"; padding:0 0 0.1rem }
.news .list .item .date p { font-size:0.16rem; font-family:"DINProM" }
.news .list .item .info { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 1.5rem 0 0.55rem }
.news .list .item .info h4 { font-size:0.24rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.news .list .item .info .desc { font-size:0.16rem; color:#777777; display:-webkit-box; height:.6rem;
line-height:.3rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0.33rem 0 1.28rem }
.news .list .item .img { width:34.375%; position:relative; overflow:hidden }
.news .list .item .img::before {
content:"";
display:block;
padding-top:56.36%
}
.news .list .item .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.news .list .item:hover::after {
width:100%
}
.news .list .item:hover .date { color:#0195d9 }
.news .list .item:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.newdetail_info h1 { font-size:0.48rem; font-weight:bold; line-height:1.16; padding:0.2rem 0 0 }
.newdetail_info .hd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end }
.newdetail_info .hd .l { width:66.5% }
.newdetail_info .abtn { border-width:2px; border-color:#015dbd; color:#015dbd }
.newdetail_info .abtn .icon { background-image:url(../images/jtb.png) }
.newdetail_info .abtn::after {
background-color:#015dbd
}
.newdetail_info .abtn:hover { color:#fff }
.newdetail_info .abtn:hover .icon { background-image:url(../images/jtw.png) }
.newdetail_info .bd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; width:66.5%; padding:1.13rem 0 0 0 }
.newdetail_info .bd .date { font-size:0.16rem; color:#777777; font-family:"albbRegular" }
.news_detail { padding:0.16rem 0 2.25rem 0 }
.news_detail>.flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.news_detail .l { width:66.5%; border-top:1px solid #cccccc; padding:0.9rem 0 0 0 }
.news_detail .l .content { font-size:0.18rem; line-height:0.4rem }
.news_detail .r { width:24.5% }
.news_detail .r .content { position:-webkit-sticky; position:sticky; top:1rem }
.news_detail .relate_product ul li a::before {
display:none
}
.news_detail .relate_product ul li:hover a { color:#fff }
.news_detail .relate_product ul li:hover a::after {
opacity:1
}
.news_detail .relate_product ul li:hover a span { background-image:url(../images/jtw.png) }
.inside_crumbs { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size:0.18rem; font-family:"albbRegular" }
.inside_crumbs a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; align-items:baseline }
.inside_crumbs a::after {
content:"";
display:block;
width:0.07rem;
height:0.12rem;
background:url(../images/jtd.png) no-repeat center center;
margin:0 0.25rem
}
.inside_crumbs a:first-child::after, .inside_crumbs a:last-child::after {
opacity:0
}
.inside_crumbs a:hover { color:#0195d9 }
.return_list { padding:0 0 0.6rem }
.return_list dl { padding:0 0 0.8rem; font-size:0.18rem }
.return_list dl dt { color:#015dbd; font-family:"albbSemiBold"; padding:0 0 0.25rem }
.return_list dl dd a { color:#777777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.return_list dl dd a:hover { color:#015bbb }
.relate_product h4 { font-size:0.3rem; font-family:"albbBold"; padding:0 0 0.55rem }
.relate_product ul li { margin:0 0 0.3rem }
.relate_product ul li a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; padding:0.27rem 0.3rem 0.27rem 0.6rem; font-size:0.18rem; background-color:#e9f0f7; position:relative; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.relate_product ul li a::after {
content:"";
display:block;
width:100%;
height:100%;
background-image:-webkit-gradient(linear, left top, right top, from(#0368d5), color-stop(80%, #0196da));
background-image:-webkit-linear-gradient(left, #0368d5, #0196da 80%);
background-image:-o-linear-gradient(left, #0368d5, #0196da 80%);
background-image:linear-gradient(to right, #0368d5, #0196da 80%);
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
opacity:0
}
.relate_product ul li a::before {
content:"";
display:block;
width:0;
height:1px;
background-image:-webkit-gradient(linear, left top, right top, from(#0368d5), color-stop(80%, #0196da));
background-image:-webkit-linear-gradient(left, #0368d5, #0196da 80%);
background-image:-o-linear-gradient(left, #0368d5, #0196da 80%);
background-image:linear-gradient(to right, #0368d5, #0196da 80%);
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s
}
.relate_product ul li a p { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:2 }
.relate_product ul li a span { position:relative; z-index:2; width:0.26rem; height:0.12rem; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; padding:0 0 0 0.2rem }
.relate_product ul li:hover a::before {
width:100%
}
.relate_product ul li.cur a { color:#fff }
.relate_product ul li.cur a::after {
opacity:1
}
.relate_product ul li.cur a span { background-image:url(../images/jtw.png) }
.pro_class { font-size:0.18rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; font-family:"albbRegular"; padding:0.6rem 0 0 0 }
.pro_class a { color:#777777; position:relative; padding:0 0 0.25rem; margin:0 0.52rem 0 0 }
.pro_class a:hover, .pro_class a.cur { color:#0195d9 }
.porduct_list { background-color:#e9f1f7; margin-top:-0.6rem }
.porduct_list .l { width:24.5%; padding:0 0 1rem 0 }
.porduct_list .r { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0 0.3rem 1.45rem }
.porduct_list .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.13rem -0.11rem }
.porduct_list .list ul li { width:33.333%; padding:0.13rem 0.11rem }
.porduct_list .list ul li .box { height:100%; background-color:#fff; border:1px solid #ededed; border-radius:0.2rem; overflow:hidden; position:relative; text-align:center; padding:0.4rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.porduct_list .list ul li .box::after {
content:"";
display:block;
width:0;
height:0.04rem;
background-color:#0195d9;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.porduct_list .list ul li h4 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.18rem; margin:0.2rem 0 0.09rem }
.porduct_list .list ul li .img { position:relative; overflow:hidden }
.porduct_list .list ul li .img:before{
    content: "";
    display: block;
    padding-top: 94.5%;
}
.porduct_list .list ul li .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.porduct_list .list ul li a.more { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:0 0.28rem; width:1rem; height:0.5rem; background-color:#0195d9; border-radius:0.25rem; color:#fff; overflow:hidden; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:relative }
.porduct_list .list ul li a.more span { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:-100%; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.porduct_list .list ul li a.more img { -webkit-animation:jumpL 1.3s ease infinite; -o-animation:jumpL 1.3s ease infinite; animation:jumpL 1.3s ease infinite }
.porduct_list .list ul li a.more:hover { width:1.8rem }
.porduct_list .list ul li a.more:hover span { left:0.28rem }
.porduct_list .list ul li:first-child { width:100% }
.porduct_list .list ul li:first-child .box { text-align:left; padding:0; border:0 }
.porduct_list .list ul li:first-child .img { height:100% }
.porduct_list .list ul li:first-child .img::before {
content:"";
display:block;
padding-top:36.78%
}
.porduct_list .list ul li:first-child .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.porduct_list .list ul li:first-child .info { position:absolute; left:0; top:0; color:#fff; padding:0.53rem 0.5rem 0.5rem 0.65rem }
.porduct_list .list ul li:first-child .info h4 { font-weight:bold; font-size:0.24rem; margin:0 }
.porduct_list .list ul li:first-child .info .links { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:0.16rem; padding:0.35rem 0 0.93rem }
.porduct_list .list ul li:first-child .info .links a { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#fff; padding:0 0 0.14rem }
.porduct_list .list ul li:first-child .info .links a::after {
content:"/";
margin:0 0.2rem;
color:#fff
}
.porduct_list .list ul li:first-child .info .links a:last-child::after {
display:none
}
.porduct_list .list ul li:first-child .info .links a:hover { color:#0195d9 }
.porduct_list .list ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.porduct_list .list ul li:not(:first-child):hover .box {
-webkit-box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1);
box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1)
}
.porduct_list .list ul li:not(:first-child):hover .box::after {
width:100%
}
.porduct_list .allpro { display:block; text-align:right; font-size:0.18rem; margin:0.5rem 0 0.8rem }
.porduct_list .allpro img { margin:0 0 0 0.45rem; -webkit-animation:jumpL 1.3s ease infinite; -o-animation:jumpL 1.3s ease infinite; animation:jumpL 1.3s ease infinite }
.porduct_list .allpro:hover { color:#0195d9 }
.porduct_list .relate_product ul li a { background-color:#fff }
.louceng-slidenav { position:-webkit-sticky; position:sticky; top:1rem }
.inside_subnav { border-bottom:1px solid #e5f1ff; position:-webkit-sticky; position:sticky; top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; z-index:1002; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; background-color:#fff }
.inside_subnav a { font-family:"albbRegular"; font-size:0.2rem; position:relative; margin:0 1.45rem 0 0; padding:0.4rem 0 0.31rem }
.inside_subnav a::after {
content:"";
display:block;
width:0;
height:0.05rem;
background-color:#0195d9;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:-1px;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.inside_subnav a:last-child { margin:0 }
.inside_subnav a.cur { color:#0195d9 }
.inside_subnav a.cur::after {
width:100%
}
.product_zt .ihd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end }
.product_zt .abtn { border-width:2px }
.product_zt .a { background:url(../images/pzabg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:2.2rem 0 1.25rem }
.product_zt .a .flex { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.product_zt .a .l { width:33.125% }
.product_zt .a .r { width:56.875% ;text-align:center;}
.product_zt .a .r img{ max-height:3.99rem}
.product_zt .a .desc { font-size:0.18rem; line-height:0.3rem; padding:0.16rem 0 0 0 }
.product_zt .a ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:1.22rem 0 0 0 }
.product_zt .a ul li { font-size:0.16rem; text-align:center; padding:0 0.8rem 0 0 }
.product_zt .a ul li img { border-radius:50%; margin:0 0 0.28rem }
.product_zt .a ul li:last-child { padding:0 }
.product_zt .b { padding:1.24rem 0 1.42rem }
.product_zt .b dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.product_zt .b dl dt { width:41.4%; position:relative }
.product_zt .b dl dt::before {
content:"";
display:block;
padding-top:60.06%
}
.product_zt .b dl dt img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.product_zt .b dl dd { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0 0 1.45rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.product_zt .b dl dd>div{
    width: 100%;
}
.product_zt .b dl dd .desc { width:100%; font-size:0.18rem; line-height:0.36rem; padding:0.38rem 0 0 }
.product_zt .c { background:url(../images/pzcbg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:1.35rem 0 0.27rem }
.product_zt .c .list { padding:0.83rem 0 0 0 }
.product_zt .c .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.22rem -0.32rem }
.product_zt .c .list ul li { width:33.333%; padding:0.22rem 0.32rem }
.product_zt .c .list dl { background-color:#fff; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0.48rem 0.5rem 0.3rem 0.4rem; min-height:2.2rem; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.product_zt .c .list dl dt { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0.5rem 0 0 }
.product_zt .c .list dl dt h5 { font-size:0.2rem;  }
.product_zt .c .list dl dt .desc {  font-size:0.16rem; line-height:0.24rem; padding:0.18rem 0 0 }
.product_zt .c .list dl dd { width:0.96rem; padding:0.1rem 0 0 }
.product_zt .c .list dl dd p { width:0.96rem; height:0.96rem; font-size:0.26rem; color:#0195d9; font-family:"DINProB"; position:relative; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.product_zt .c .list dl dd p span { display:block; position:relative; z-index:2; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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 }
.product_zt .c .list dl dd p em { font-size:0.18rem; font-family:"albbBold"; position:absolute; top:0.06rem; right:0.06rem }
.product_zt .c .list dl dd p em img { height:0.19rem }
.product_zt .c .list dl dd p::after {
content:"";
display:block;
width:100%;
height:100%;
border-radius:50%;
background-color:#ecf3fa;
position:absolute;
top:0;
left:0;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s
}
.product_zt .c .list dl:hover { -webkit-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px); -webkit-box-shadow:3px 0 15px rgba(193, 198, 202, 0.3); box-shadow:3px 0 15px rgba(193, 198, 202, 0.3) }
.product_zt .c .list dl:hover dd p::after {
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2)
}
.product_zt .d { background:url(../images/pzcdg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:1.2rem 0 0.6rem }
.product_zt .d .bd .commonweb { padding-right:0 }
.product_zt .d .mySwiper { border-radius:0.2rem; overflow:hidden; padding:0.72rem 0 }
.product_zt .d .mySwiper ul li { border-radius:0.2rem; overflow:hidden; overflow:hidden }
.product_zt .d .mySwiper ul li:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.product_zt .d .mySwiper ul li img { -webkit-transition:-webkit-transform ease .8s;
transition:-webkit-transform ease .8s;
-o-transition:-o-transform ease .8s;
transition:transform ease .8s;
transition:transform ease .8s, -webkit-transform ease .8s, -o-transform ease .8s
}
.product_zt .d .mySwiper ul li .img { position:relative; border-radius:0.2rem; overflow:hidden; width:100% }
.product_zt .d .mySwiper ul li .img::before {
content:"";
display:block;
padding-top:70.466%
}
.product_zt .d .mySwiper ul li .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.product_zt .d .mySwiper ul li .desc { position:absolute; left:0; bottom:0; width:100%; background:url(../images/tbg.png) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; color:#fff; padding:0.5rem 0.5rem 0.42rem; font-size:0.18rem }
.product_zt .d .mySwiper ul li .desc p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.product_zt .e { padding:1.18rem 0 1.5rem }
.product_zt .e .abtn em, .product_zt .e .abtn span { -webkit-animation:none; -o-animation:none; animation:none }
.product_zt .f { background-color:#e9f0f7; padding:1.2rem 0 1.04rem }
.product_zt .f .list { padding:1.1rem 0 0 }
.product_zt .f .list ul li .box { height:100%; background-color:#fff; border-radius:0.2rem; overflow:hidden; position:relative; text-align:center; padding:0.4rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; border:1px solid #c7d3de }
.product_zt .f .list ul li .box::after {
content:"";
display:block;
width:0;
height:0.04rem;
background-color:#0195d9;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.product_zt .f .list ul li h4 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.18rem; margin:0.2rem 0 0.09rem }
.product_zt .f .list ul li .text { font-size:0.14rem; color:#cccccc; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.product_zt .f .list ul li .img { position:relative; overflow:hidden }
.product_zt .f .list ul li .img:before{

}
.product_zt .f .list ul li .img img{
    height: 2.08rem;
}
.product_zt .f .list ul li p.more { width:0.19rem; height:0.1rem; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0.25rem auto 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.product_zt .f .list ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.product_zt .f .list ul li:hover .box { -webkit-box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1); box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1) }
.product_zt .f .list ul li:hover .box::after {
width:100%
}
.product_zt .f .list ul li:hover p.more { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) }
.product_zt .f .mySwiper { overflow:hidden }
.product_zt .f .bot { font-size:0.16rem; font-family:"albbSemiBold"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; color:#0195d9; padding:0.77rem 0 0 }
.product_zt .f .btn { font-size:0.16rem; font-family:"albbSemiBold"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; position:static; display:flex; text-align:center; color:#0195d9; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin:0; width:0.6rem; height:0.6rem; line-height:0.58rem; border:2px solid #efefef; border-radius:50%; background:url(../images/jt.png) no-repeat center; background-color:#fff }
.product_zt .f .btn::after {
display:none
}
.product_zt .f .btn.swiper-button-prev { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.product_zt .f .btn:hover { border-color:#0195d9 }
.product_zt .f .pages { width:auto; padding:0 0.13rem }
.product_zt .f .pages span { width:0.6rem; height:0.6rem; text-align:center; line-height:0.58rem; border:2px solid #efefef; border-radius:50%; background-color:#fff; opacity:1; margin:0 0.13rem }
.product_zt .f .pages span:hover { border-color:#0195d9 }
.product_zt .f .pages span.swiper-pagination-bullet-active { border-color:#0195d9; background-color:#0195d9; color:#fff }
.product_zt .g { padding:1.5rem 0 2.21rem }
.product_zt .g .content { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative }
.product_zt .g .content .l { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden }
.product_zt .g .content .r { width:74.8%; overflow:hidden }
.product_zt .g .banner-btn { padding:1.35rem 0 0 }
.product_zt .g .mySwiper { overflow:hidden }
.product_zt .g .mySwiper ul li .img { position:relative }
.product_zt .g .mySwiper ul li .img::before {
content:"";
display:block;
padding-top:56.33%
}
.product_zt .g .mySwiper ul li .img img { position:absolute; left:0; top:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.product_zt .g .leftbot { width:41.38%; height:4rem; overflow:hidden; position:absolute; z-index:2; left:0; bottom:-0.9rem; background-color:#0195d9; color:#fff; padding:0.56rem 0.75rem 0.52rem 0.65rem }
.product_zt .g .mySwiper2 { overflow:hidden; height:100% }
.product_zt .g .mySwiper2 ul li { font-size:0.16rem }
.product_zt .g .mySwiper2 ul li p { font-family:"albbSemiBold" }
.product_zt .g .mySwiper2 ul li h4 { font-size:0.24rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0.05rem 0 0 }
.product_zt .g .mySwiper2 ul li .desc { display:-webkit-box; height:.9rem;
line-height:.3rem;
text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:0.33rem 0 0.45rem }
.product_table .petable { width:100%; text-align:center; padding:0.9rem 0 0 }
.product_table .petable .abtn { background-color:#ecf3fa; border:0 }
.product_table .petable .row { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.product_table .petable .row p { width:21.25%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.product_table .petable .row p:last-child { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.product_table .petable .row:first-child { background-color:#0195d9; color:#fff; font-size:0.18rem; line-height:0.36rem; font-family:"albbSemiBold"; border-bottom:2px solid #e6e6e6 }
.product_table .petable .row:first-child:hover{
    background-color:#0195d9;
}
.product_table .petable .row:first-child p { padding:0.14rem 0 }
.product_table .petable .row:not(:first-child):nth-child(even) {
background-color:#f4f7fa
}
.product_table .petable .row:not(:first-child):nth-child(even) .abtn {
background-color:#fff
}
.product_table .petable .row:not(:first-child) p {
border:1px solid #e6e6e6;
margin-left:-1px;
margin-top:-1px;
font-size:0.16rem;
padding:0.19rem 0.5rem
}
.product_table .petable .row:not(:first-child) p:first-child {
font-size:0.18rem
}
.product_table .petable .row:hover { background-color:#fbfbfb }
.product_table .petable .row:hover:nth-child(even) {
background-color:#edf4f8
}
.product_detail .a { background:url(../images/pdabg.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover; padding:2rem 0 1.2rem }
.product_detail .a .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
.product_detail .a .l { width:48.28%; position:relative; padding:0 1.35rem }
.product_detail .a .banner-btn { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:100%; left:0; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:0 0.4rem }
.product_detail .a .banner-btn .btn{
    background-color: #0195d9;
    color: #fff;
}
.product_detail .a .mySwiper { overflow:hidden }
.product_detail .a .mySwiper ul li .img { text-align:center ;position:relative;}
.product_detail .a .mySwiper ul li .img:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.product_detail .a .mySwiper ul li .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_detail .a .r { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; font-size:0.16rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between; padding:0 0 0.47rem 0.9rem }
.product_detail .a .r .p { font-size:0.18rem; font-family:"albbMedium"; color:#0195d9; padding:0 0 0.05rem }
.product_detail .a .r .tag { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; color:#333333; padding:0.27rem 0 0.6rem }
.product_detail .a .r .tag span { background-color:#e9f0f7; border-radius:0.06rem; margin:0 0.12rem 0 0; padding:0.07rem 0.14rem }
.product_detail .a .r .desc b { display:block; margin:0 0 0.05rem; font-weight:bold }
.product_detail .a .r .btns { width:100% }
.product_detail .a .r .btns .abtn { margin-right:0.1rem }
.product_detail .a .r .btns p { position:relative; z-index:2 }
.product_detail .a .r .btns p i { font-family:"DINProB"; margin:0 0 0 0.25rem }
.product_detail .b { background-color:#e9f0f7; padding:0.75rem 0 1.6rem }
.product_detail .b .content { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.product_detail .b .l { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0.7rem 0 0 }
.product_detail .b .l h4 { font-size:0.28rem; padding:0 0 0.6rem; font-weight:bold; }
.product_detail .b .l dl { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start; line-height:0.36rem; padding:0 0 0.3rem }
.product_detail .b .l dl dt { font-weight:bold; font-size:0.16rem; width:1.7rem }
.product_detail .b .l dl dd { font-size:0.18rem; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden }
.product_detail .b .r { width:20.7% }
.product_detail .b .louceng { background-color:#fff; padding:0.53rem 0.6rem 0.7rem 0.53rem; margin:0 0 0.5rem }
.product_detail .b .relate_product ul li a { background-color:#fff; padding:0.27rem 0.2rem; text-align:center }
.product_detail .b .pro_contact { padding:0.75rem 0 0; background:url(../images/pcbg.png) no-repeat 0 100% ;background-size:contain;}
.product_detail .b .pro_contact .time { color:#777777; font-size:0.16rem; font-family:"albbRegular"; padding:0 0 0 0.13rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.product_detail .b .pro_contact .time img { margin:0 0.13rem 0 0; height:0.15rem }
.product_detail .b .pro_contact .pcbg { color:#fff; padding:0.35rem 0.3rem 0.28rem }
.product_detail .b .pro_contact .pcbg h5 { font-size:0.18rem; font-family:"albbMedium"; padding:0 0 0.03rem }
.product_detail .b .pro_contact .pcbg p { font-family:"DINProB"; font-size:0.24rem }
/*.product_detail .b .pdcase_list { padding:0.3rem 0 0 }*/
/*.product_detail .b .pdcase_list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.25rem -0.4rem }*/
/*.product_detail .b .pdcase_list ul li { width:33.333%; padding:0.25rem 0.4rem }*/

.product_detail .b .pdcase_list{
    overflow: hidden;
    padding-right: 2px;
}
.product_detail .b .pdcase_list  ul li .box { height:100%; background-color:#fff; border-radius:0.2rem; overflow:hidden; position:relative; text-align:center; padding:0.4rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; border:1px solid #c7d3de }
.product_zt .f .list ul li .box::after {
content:"";
display:block;
width:0;
height:0.04rem;
background-color:#0195d9;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.product_detail .b .pdcase_list  ul li h5 { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:0.18rem; margin:0.2rem 0 0.09rem }
.product_detail .b .pdcase_list  ul li .text { font-size:0.14rem; color:#cccccc; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.product_detail .b .pdcase_list  ul li .img { position:relative; overflow:hidden }
.product_detail .b .pdcase_list  ul li .img:before{

}
.product_detail .b .pdcase_list  ul li .img img{
    height: 2.08rem;
}
.product_detail .b .pdcase_list  ul li p.more { width:0.19rem; height:0.1rem; background:url(../images/jt.png) no-repeat center center; -webkit-background-size:contain; background-size:contain; margin:0.25rem auto 0; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s }
.product_detail .b .pdcase_list  ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.product_detail .b .pdcase_list  ul li:hover .box { -webkit-box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1); box-shadow:0px 0.11rem 0.17rem 0 rgba(37, 37, 37, 0.1) }
.product_detail .b .pdcase_list  ul li:hover .box::after {
width:100%
}
.product_detail .b .pdcase_list  ul li:hover p.more { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) }
.product_detail .b .bot { font-size:0.16rem; font-family:"albbSemiBold"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; color:#0195d9; padding:0.77rem 0 0 }
.product_detail .b  .btn { font-size:0.16rem; font-family:"albbSemiBold"; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -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; position:static; display:flex; text-align:center; color:#0195d9; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin:0; width:0.6rem; height:0.6rem; line-height:0.58rem; border:2px solid #efefef; border-radius:50%; background:url(../images/jt.png) no-repeat center; background-color:#fff }
.product_detail .b  .btn::after {
display:none
}
.product_detail .b .btn.swiper-button-prev { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.product_detail .b  .btn:hover { border-color:#0195d9 }
.product_detail .b  .pages { width:auto; padding:0 0.13rem }
.product_detail .b  .pages span { width:0.6rem; height:0.6rem; text-align:center; line-height:0.58rem; border:2px solid #efefef; border-radius:50%; background-color:#fff; opacity:1; margin:0 0.13rem }
.product_detail .b  .pages span:hover { border-color:#0195d9 }
.product_detail .b  .pages span.swiper-pagination-bullet-active { border-color:#0195d9; background-color:#0195d9; color:#fff }


.product_detail .product_table .petable { padding:0 }
.product_detail .product_table .petable .row p { width:33.333% }
.product_detail .product_table .petable .row p:last-child { width:33.333%; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.product_detail .product_table .petable .row:not(:first-child) p {
padding:0.36rem 0.5rem
}
.case_list .hd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.case_list .hd .l { width:55.36%;position:relative; }
.case_list .hd .l:before{
    content: "";
    display: block;
    padding-top: 55.266%;
}
.case_list .hd .l img{ position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.case_list .hd .r { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0 0 1rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.case_list .hd .r .class { font-size:0.18rem; color:#0195d9; padding:0 0 0.15rem }
.case_list .hd .r .name { font-size:0.32rem }
.case_list .hd .r .info { font-size:0.18rem; line-height:0.4rem; color:#777777; padding:0.5rem 0 }
.case_list .hd .r .btn { width:100% }
.case_list .bd { padding:1.03rem 0 0 }
.case_list .bd .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.28rem -0.23rem }
.case_list .bd .list ul li { width:33.333%; padding:0.28rem 0.23rem; cursor:pointer }
.case_list .bd .list ul li .img { overflow:hidden; position:relative }
.case_list .bd .list ul li .img::before {
content:"";
display:block;
padding-top:56.4%
}
.case_list .bd .list ul li .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.case_list .bd .list ul li .text { padding:0.27rem 0.4rem 0.27rem 0.3rem; position:relative }
.case_list .bd .list ul li .text span { position:absolute; top:0.3rem; right:0.4rem }
.case_list .bd .list ul li .text .class { font-size:0.14rem; color:#0195d9 }
.case_list .bd .list ul li .text .name { font-size:0.18rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0.19rem 0 0 }
.case_list .bd .list ul li .info { display:none }
.case_list .bd .list ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.case_list .bd .list ul .box { background-color:#fff; border:1px solid #eaeaea }
.case-thumb-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:1003; display:none }
.case-thumb-popup .box { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0; width:100% }
.case-thumb-popup .content { background-color:#fff; padding:0.9rem 1.6rem 1.05rem 0.84rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative }
.case-thumb-popup .l { width:7.9rem; overflow:hidden; position:relative }
.case-thumb-popup .r { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; padding:0 0 0 0.95rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.case-thumb-popup .r .btn { width:100%;}
.case-thumb-popup .popup-pages { position:absolute; left:0; bottom:0.34rem; z-index:2; padding:0 0.36rem ;display:none;}
.case-thumb-popup .popup-pages span { width:0.14rem; height:0.14rem; border:2px solid #fff; opacity:1; background-color:transparent; margin:0 0.21rem 0 0 !important }
.case-thumb-popup .popup-pages span.swiper-pagination-bullet-active { background-color:#fff }
.case-thumb-popup .pupup-btn{
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.case-thumb-popup .pupup-btn .btn { width:0.6rem; height:0.6rem; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;border:1px solid #0195d9; border-radius:50%; cursor:pointer; position:static;
background-color: #0195d9;
    color: #fff;
    font-weight: bold;
    
}
.case-thumb-popup .pupup-btn .btn::after {
display:none
}
.case-thumb-popup .pupup-btn .btn span::before {
content:"\e60c"
}
.case-thumb-popup .pupup-btn .btn:hover { background-color:#0195d9; color:#fff; font-weight:bold ;border-color:#0195d9;}
.case-thumb-popup .pupup-btn .btn.swiper-button-next { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.case-thumb-popup .class { font-size:0.18rem; color:#0195d9 }
.case-thumb-popup .name { font-size:0.3rem; line-height:0.42rem; padding:0.23rem 0 0 }
.case-thumb-popup .info { font-size:0.16rem; padding:0.15rem 0 0.3rem; }
.case-thumb-popup .info p { padding:0.19rem 0 0 }
.case-thumb-popup .mySwiper ul li .thumb-box { position:relative }
.case-thumb-popup .mySwiper ul li .thumb-box::before {
content:"";
display:block;
padding-top:56.23%
}
.case-thumb-popup .mySwiper ul li .thumb-box img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.case-thumb-popup .abtn { border-width:2px }
.big-img { display:none }
.thumb-close { font-size:0.24rem; color:#fff; font-family:"albbBold"; width:0.7rem; height:0.7rem; border-radius:50%; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; position:absolute; right:-0.35rem; top:-0.35rem; cursor:pointer }
.thumb-close span { position:relative; z-index:5; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.thumb-close::before, .thumb-close::after {
content:"";
display:block;
position:absolute;
z-index:3;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
border-radius:50%
}
.thumb-close::before {
width:100%;
height:100%;
background:rgba(255, 0, 0, 0.1)
}
.thumb-close::after {
width:60%;
height:60%;
background-color:#ff0000;
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s
}
.thumb-close:hover span { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) }
.inside_partner { background:url(../images/cbbg.jpg) no-repeat 100% 0; background-color:#e9f0f7; padding:2.54rem 0 1.45rem }
.inside_partner .comtitle .st { color:#0195d9; font-family:"albbRegular" }
.inside_partner .list { padding:1.16rem 0 0 }
.inside_partner .list ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.16rem -0.13rem }
.inside_partner .list ul li { width:16.666%; padding:0.16rem 0.13rem }
.inside_partner .list ul li a { display:block; background-color:#fff; padding:0.17rem 0; text-align:center }
.inside_partner .list ul li a:hover { -webkit-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); transform:translateY(-5px) }
.about { background:url(../images/aboutbanner.jpg) no-repeat 0 0; -webkit-background-size:contain; background-size:contain }
.about .inside_banner { min-height:5.4rem }
.about .ihd { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; align-items:flex-end }
.about .comtitle .st { font-size:0.18rem; color:#0195d9; font-family:"albbRegular" }
.about .a .ainfo { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:0.18rem; line-height:0.36rem; font-family:"albbRegular"; margin:-0.18rem -0.69rem; padding:0 0 1.58rem 0 }
.about .a .ainfo p { width:50%; padding:0.18rem 0.69rem }
.about .a .comnums dl { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; width:auto; padding:0 }
.about .a .comnums dl:last-child { -webkit-box-flex:0; -webkit-flex:none; -ms-flex:none; flex:none }
.about .b { background:url(../images/abbg.jpg) no-repeat 0 100%; -webkit-background-size:cover; background-size:cover; padding:1.4rem 0 3.1rem }
.about .b .contentbox { overflow-x:clip; padding:0 0 0 0.25rem }
.about .b .yearlist { padding:1.65rem 0 0 }
.about .b .yearlist ul li .box { position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
.about .b .yearlist ul li .line { position:relative; border-left:1px dashed #0195d9 }
.about .b .yearlist ul li .line .tl { position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top:0 }
.about .b .yearlist ul li .line .tl::before, .about .b .yearlist ul li .line .tl::after {
content:"";
display:block;
position:absolute;
top:50%;
left:50%;
border-radius:50%;
-webkit-animation:pulse2 2.5s infinite cubic-bezier(0, 0, 0.49, 1.02);
-o-animation:pulse2 2.5s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation:pulse2 2.5s infinite cubic-bezier(0, 0, 0.49, 1.02)
}
.about .b .yearlist ul li .line .tl::before {
width:0.15rem;
height:0.15rem;
margin-left:-0.075rem;
margin-top:-0.075rem;
background:rgba(1, 150, 218, 0.6);
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s
}
.about .b .yearlist ul li .line .tl::after {
width:0.3rem;
height:0.3rem;
margin-left:-0.15rem;
margin-top:-0.15rem;
border:1px solid #fff;
background:rgba(1, 150, 218, 0.3);
z-index:1
}
.about .b .yearlist ul li .line .tl span { border:1px solid #fff }
.about .b .yearlist ul li .line span { display:block; width:0.08rem; height:0.08rem; background:#0195d9; border-radius:50%; position:relative; z-index:4; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s }
.about .b .yearlist ul li .line .bl { position:absolute; z-index:3; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:0 }
.about .b .yearlist ul li .line .bl::before {
content:"";
display:block;
width:0.24rem;
height:0.24rem;
background-color:#0195d9;
border-radius:50%;
position:absolute;
z-index:3;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.about .b .yearlist ul li .line .bl span { background-color:#fff }
.about .b .yearlist ul li .text { padding:0 0 0 0.36rem; height:3.4rem; overflow-y:auto }
.about .b .yearlist ul li .text::-webkit-scrollbar {
width:3px;
background-color:#d1eaf7
}
.about .b .yearlist ul li .text::-webkit-scrollbar-thumb {
background-color:#0195d9
}
.about .b .yearlist ul li .year { font-family:"DINProM"; font-size:0.3rem; line-height:1; color:#0195d9 }
.about .b .yearlist ul li .info { padding:0.05rem 0 0 }
.about .b .yearlist ul li .name { font-size:0.18rem; font-family:"albbSemiBold"; padding:0.32rem 0 0.11rem }
.about .b .yearlist ul li .desc { font-size:0.16rem; font-family:"albbRegular" }
.about .b .yearlist ul li:nth-child(5n+2) .box {
-webkit-transform:translateY(0.5rem);
-ms-transform:translateY(0.5rem);
-o-transform:translateY(0.5rem);
transform:translateY(0.5rem)
}
.about .b .yearlist ul li:nth-child(5n+3) .box {
-webkit-transform:translateY(-1.5rem);
-ms-transform:translateY(-1.5rem);
-o-transform:translateY(-1.5rem);
transform:translateY(-1.5rem)
}
.about .b .yearlist ul li:nth-child(5n+4) .box {
-webkit-transform:translateY(-1.1rem);
-ms-transform:translateY(-1.1rem);
-o-transform:translateY(-1.1rem);
transform:translateY(-1.1rem)
}
.about .b .yearlist ul li:nth-child(5n+5) .box {
-webkit-transform:translateY(-2.7rem);
-ms-transform:translateY(-2.7rem);
-o-transform:translateY(-2.7rem);
transform:translateY(-2.7rem)
}
.about .c { padding:0.36rem 0 0.75rem }
.about .c .tab { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; font-family:"albbRegular"; font-size:0.18rem }
.about .c .tab a { padding:0 0 0 1.03rem }
.about .c .tab a:hover, .about .c .tab a.cur { color:#0195d9; font-weight:bold }
.about .c .tab a.cur { font-size:0.22rem }
.about .c .bd { padding:0.9rem 0 0 }
.about .c .honorlist { overflow:hidden }
.about .c .honorlist .Swiperbox { display:none }
.about .c .honorlist ul li { font-size:0.18rem }
.about .c .honorlist ul li .text { padding:0.3rem 0 0 }
.about .c .honorlist ul li .img { position:relative; overflow:hidden; cursor:url(../images/fdj.ico) 32 32, auto }
.about .c .honorlist ul li .img::after {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:#000;
opacity:0;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s
}
.about .c .honorlist ul li:hover .img::after {
opacity:0.4
}
.about .c .pages { position:relative; background-color:#d6e3f4; height:4px; margin:0.95rem 0 0 0 }
.about .c .pages .swiper-pagination-progressbar-fill { background-color:#0195d9 }
.about .d { padding:0.8rem 0 1.56rem }
.about .d .ihd { padding:0 0 1.45rem }
.about .d .ihd .r { width:38.87% }
.about .d .ihd .desc { font-size:0.18rem; line-height:0.36rem; font-family:"albbRegular" }
.about .d .bd { position:relative }
.about .d .mySwiper { overflow:hidden }
.about .d .mySwiper ul li .box { position:relative; overflow:hidden }
.about .d .mySwiper ul li .box::after {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:#003e63;
opacity:0;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s
}
.about .d .mySwiper ul li .info { position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; color:#fff; padding:1.1rem 0.8rem 0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; -webkit-transform:translateY(2.8rem); -ms-transform:translateY(2.8rem); -o-transform:translateY(2.8rem); transform:translateY(2.8rem) }
.about .d .mySwiper ul li .info .icon { padding:0 0 0.6rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.about .d .mySwiper ul li .info .desc { -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.about .d .mySwiper ul li .info .tit { font-size:0.3rem; font-family:"albbBold"; padding:0 0 0.26rem; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.about .d .mySwiper ul li .info .txt { font-size:0.16rem; line-height:0.36rem; font-family:"albbRegular"; opacity:0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.about .d .mySwiper ul li .info .jt { padding:0.35rem 0 0; -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s }
.about .d .mySwiper ul li:hover .box::after {
opacity:0.5
}
.about .d .mySwiper ul li:hover .img img { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2) }
.about .d .mySwiper ul li:hover .info { -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0) }
.about .d .mySwiper ul li:hover .info .desc { padding-top:1.5rem }
.about .d .mySwiper ul li:hover .info .txt { opacity:1; display:block }
.about .d .mySwiper ul li:hover .info .jt { -webkit-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); padding:0; display:none }
.about .d .banner-btn { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:-1.1rem; right:-1.1rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.about .d .banner-btn .btn { margin:0 }
.about .e { background:url(../images/aebg.jpg) no-repeat 0 0; -webkit-background-size:contain; background-size:contain; color:#fff; padding:1.25rem 0 0 0 }
.about .e .content { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; position:relative }
.about .e .swiperbox { display:none }
.about .e .comtitle .st { color:#fff }
.about .e .tab { padding:0.8rem 0 0 }
.about .e .tab a { display:block; color:#fff; font-size:0.18rem; font-family:"albbRegular"; margin:0 0 0.4rem;transition:all 0.2s;padding:0 0 0 0.45rem}
.about .e .tab a:first-child{
    background: url(../images/aeico1.png) no-repeat 0 center;
}
.about .e .tab a:nth-child(2){
    background: url(../images/aeico2.png) no-repeat 0 center;
}
.about .e .tab a.cur { font-size:0.22rem; font-family:"albbSemiBold" }
.about .e .banner-btn { position:absolute; left:0; bottom:0 }
.about .e .l { width:33.22% }
.about .e .r { width:58.31% }
.about .e .mySwiper { overflow:hidden }
.about .e .mySwiper ul li { background-color:#ededed;cursor:pointer; }
.about .e .mySwiper ul li .img:after{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.6s;
}
.about .e .swiperbox0 .mySwiper ul li .img:after{
    opacity: 1;
}
.about .e .mySwiper ul li .img { position:relative; overflow:hidden }
.about .e .mySwiper ul li .img::before {
content:"";
display:block;
padding-top:55.28%
}
.about .e .mySwiper ul li .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.about .e .mySwiper ul li .img span { display:block; width:0.83rem; height:0.83rem; background:url(../images/plbtn.png) no-repeat center center; background-color:#0195d9; -webkit-background-size:contain; background-size:contain; border-radius:50%; position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); cursor:pointer ;}
.about .e .mySwiper ul li .img span em{
    content:"";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background:rgba(255,255,255,0.5);
    position: absolute;
    left: 50%;
    margin-left: -0.5rem;
    top: 50%;
    margin-top: -0.5rem;
    z-index: 1;
    animation: pulse2 1.8s infinite cubic-bezier(0, 0, 0.49, 1.02);

}
.about .e .mySwiper ul li .text { height:0.87rem; line-height:0.87rem; font-size:0.18rem; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 0.45rem }
 .about .e .honor-thumb-list ul li{cursor:url(../images/fdj.ico) 32 32, auto }
  .about .e .honor-thumb-list ul li .img:after{
    background:rgba(0,0,0,0.4);
  }
 .about .e .honor-thumb-list ul li:hover .img:after{
     opacity: 1;
 }
.about .e .mySwiper ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.about .e .mySwiper ul li:hover span{
    background-color: #d63731;
}
.about .f { padding:1.87rem 0 2.6rem; background:url(../images/afbg.jpg) no-repeat 0 100%; -webkit-background-size:auto auto; background-size:auto }
.about .f .ihd { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.about .f .bd { overflow:hidden; padding:1.15rem 0 0 }
.about .f .bd ul li { cursor:pointer }
.about .f .bd ul li .img { position:relative; overflow:hidden; cursor:url(../images/fdj.ico) 32 32, auto }
.about .f .bd ul li .img::before {
content:"";
display:block;
padding-top:61.84%
}
.about .f .bd ul li .img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit:cover; object-fit:cover }
.about .f .bd ul li .img::after {
content:"";
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:#000;
opacity:0;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s
}
.about .f .bd ul li .title { font-size:0.18rem; color:#fff; position:absolute; bottom:0.25rem; left:0; width:100%; padding:0 0.5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
.about .f .bd ul li:hover .img::after {
opacity:0.4
}
.about .f .bd ul li:hover .img img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) }
.honor-thumb-popup { display:none; position:fixed; left:0; top:0; z-index:1003; width:100%; height:100%; background:rgba(0, 0, 0, 0.6) }
.honor-thumb-popup .thumb-wraper { position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:90%; max-width:1200px; background-color:#fff; padding:0.85rem 0.72rem }
.honor-thumb-popup .thumb-wraper .thumb-copy-wrapper { overflow:hidden }
.honor-thumb-popup .thumb-wraper .banner-btn { position:absolute; z-index:3; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:0; width:100%; z-index:3; padding:0 0.75rem; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.honor-thumb-popup .thumb-box { text-align:center }
.honor-thumb-popup .thumb-img { position:relative }
.honor-thumb-popup .thumb-img::before {
content:"";
display:block;
padding-top:47%
}
.honor-thumb-popup .thumb-img img { position:absolute; z-index:3; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%) }
.honor-thumb-popup .thumb-text { font-size:0.18rem; padding:0.3rem 0 0 }
.search .bd{
    padding: 0 0 1.3rem;
}
html { font-size:100px }
@media screen and (min-width: 1921px) and (max-width: 4000px) {
html {
font-size:110px
}
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
html {
font-size:80px
}
.about .b {
background-image:url(../images/abbg2.jpg)
}
.about .b .yearlist {
padding-left:0.6rem
}
}
@media screen and (min-width: 1201px) and (max-width: 1280px) {
html {
font-size:80px
}
.header_nav ul li {
padding:0 0.2rem
}
.footer_nav ul li {
padding:0 1rem 0 0
}
.index .b .r {
padding:1rem 0.6rem
}
.index .b .bd {
padding:0.6rem 0 0
}
.about .b {
background-image:url(../images/abbg3.jpg)
}
.about .b .yearlist {
padding-left:0.6rem
}
.about .b .yearlist ul li:nth-child(5n+5) .box {
-webkit-transform:translateY(-1.7rem);
-ms-transform:translateY(-1.7rem);
-o-transform:translateY(-1.7rem);
transform:translateY(-1.7rem)
}
.about .d {
padding:0.5rem 0
}
.about .d .bd {
padding:0.6rem 0 0
}
.about .d .mySwiper ul li .info {
padding:0.8rem 0.5rem 0;
-webkit-transform:translateY(2rem);
-ms-transform:translateY(2rem);
-o-transform:translateY(2rem);
transform:translateY(2rem)
}
.about .d .mySwiper ul li .info .icon {
padding:0 0 0.4rem
}
.about .d .mySwiper ul li .info .icon img {
height:0.6rem
}
.about .d .mySwiper ul li .info .tit {
font-size:0.24rem;
padding:0 0 0.15rem
}
.about .d .mySwiper ul li .info .txt {
font-size:0.15rem;
line-height:0.25rem
}
.about .d .mySwiper ul li .info .jt {
padding:0.2rem 0 0
}
.about .d .mySwiper ul li:hover .box::after {
opacity:0.5
}
.about .d .mySwiper ul li:hover .info .desc {
padding-top:0.8rem
}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
html {
font-size:80px
}
.header_nav ul li {
padding:0 0.15rem
}
}
@media screen and (min-width: 981px) and (max-width: 1024px) {
html {
font-size:70px
}
.comnums {
margin:-0.2rem
}
.comnums dl {
padding:0.2rem
}
.comnums dl dt {
font-size:0.3rem
}
.comnums dl dt em {
font-size:0.3rem
}
.header_nav ul li {
padding:0 0.1rem
}
.header_nav ul li h4 a {
font-size:0.17rem
}
.index .a .tab a {
margin:0 0 0 0.3rem
}
.index .b .r {
padding:1rem 0.2rem 1rem 0.5rem
}
.index .b .md {
padding:0.6rem 0 0
}
.index .b .bd {
padding:0.8rem 0 0
}
}
@media screen and (max-width: 980px) {
html {
font-size:100px
}
.f40, .f48, .h4 {
font-size:0.24rem
}
.comnums {
width:100%
}
.comnums dl {
padding:0.4rem 0 0;
width:40%
}
.comnums dl dt span {
font-size:0.35rem;
line-height:1
}
.comnums dl dt em {
font-size:0.15rem
}
.comnums dl dt i {
font-size:0.28rem
}
.comnums dl dd {
font-size:0.14rem;
padding:0.05rem 0 0
}
.video-player-popup h4 {
font-size:0.18rem;
margin:0.2rem 0 0
}
.showm-pages {
display:block
}
.banner-btn .btn {
width:0.45rem;
height:0.45rem
}
.swiper-pagas {
display:block;
text-align:center;
padding:0.2rem 0 0
}
.swiper-pagas span {
opacity:1;
background-color:#ccc
}
.swiper-pagas span.swiper-pagination-bullet-active {
background-color:#0195d9
}
.abtn {
font-size:0.14rem;
min-width:1.1rem;
padding:0.12rem 0.14rem
}
.abtn span {
margin:0 0 0 0.14rem
}
.abtn .icon {
-webkit-background-size:0.18rem 0.18rem;
background-size:0.18rem;
margin:0 0 0 0.2rem
}
.hidem {
display:none
}
.showm {
display:block
}
.common-ljzx {
padding:0.6rem 0
}
.common-ljzx h4 {
font-size:0.24rem
}
.comtitle .st {
font-size:0.18rem
}
.comtitle .bt {
font-size:0.28rem;
padding:0.06rem 0 0
}
.index .comtitle .bt {
padding:0.1rem 0 0
}
.index .ihd .l {
width:100%
}
.index .ihd .r {
width:100%
}
.index .a {
padding:0.6rem 0
}
.index .a .tab {
overflow-x:auto;
font-size:0.16rem;
padding:0.3rem 0 0 0;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start
}
.index .a .tab a {
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
padding:0 0 0.1rem;
margin:0 0.2rem 0 0
}
.index .a .tab a::after {
height:0.02rem
}
.index .a .bd {
padding:0.4rem 0 0
}
.index .a .bd ul li {
width:50%
}
.index .a .bd ul li .box {
padding: 0.2rem;
border-radius:0.1rem
}
.index .a .bd ul li h4 {
font-size:0.16rem;
margin:0.1rem 0 0.05rem
}
.index .a .bd ul li p.more {
margin-top:0.1rem
}
.index .a .bd ul li:first-child {
width:100%
}
.index .a .bd ul li:first-child .img::before {
padding-top:80%
}
.index .a .bd ul li:first-child .info {
padding:0.3rem 0.2rem
}
.index .a .bd ul li:first-child .info h4 {
font-size:0.2rem
}
.index .a .bd ul li:first-child .info .links {
font-size:0.14rem;
padding:0.2rem 0
}
.index .a .bd ul li:first-child .info .links a {
padding:0 0 0.05rem
}
.index .a .bd ul li:first-child .info .links a::after {
margin:0 0.1rem
}
.index .a .bd ul li:first-child .info a.more {
width:0.8rem;
height:0.4rem
}

.index .a .bd ul li:not(:first-child) .img img{
    height: 1.2rem;
}
.index .b {
padding:0 0 1.5rem
}
.index .b>.flex {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.index .b .l {
position:static;
width:100%
}
.index .b .r {
width:100%;
padding:0.6rem 0 0
}
.index .b .r .st {
padding:0
}
.index .b .swiperbox ul li h4 {
padding:0.2rem 0.8rem;
font-size:0.18rem
}
.index .b .swiperbox .bot {
padding:0.2rem
}
.index .b .md {
padding:0.3rem 0 0.5rem;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
margin:0 -0.1rem
}
.index .b .md dl {
font-size:0.17rem;
padding:0 0.1rem;
margin:0
}
.index .b .md dl dt {
display:none
}
.index .b .md dl dd {
text-align:center
}
.index .b .md dl dd::after {
content:"";
display:block;
width:0;
height:2px;
background-color:#fff;
-webkit-transition:all 0.6s;
-o-transition:all 0.6s;
transition:all 0.6s;
margin:0.05rem 0 0
}
.index .b .md dl:hover, .index .b .md dl.cur {
font-size:0.17rem
}
.index .b .md dl:hover dd::after, .index .b .md dl.cur dd::after {
width:100%
}
.index .b .bd {
position:absolute;
bottom:0.5rem
}
.case-thumb-popup .pupup-btn {
    height: 0.4rem;
    left: 0.1rem;
    right: 0.1rem;
}
.case-thumb-popup .pupup-btn .btn{
    width: 0.4rem;
    height: 0.4rem;
}
.index .c {
padding:0.6rem 0
}
.index .c .hd {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0.5rem
}
.index .c .hd .l {
width:100%
}
.index .c .hd .r {
width:100%
}
.index .c .hd .desc {
font-size:0.15rem;
line-height:0.25rem;
padding:0.3rem 0 0.5rem
}
.index .c .dearth {
position:relative;
width:100%;
font-size:0.14rem
}
.index .c .dearth .add img {
width:0.15rem
}
.index .c .dearth .add .dot {
margin:0
}
.index .c .bd {
padding:0
}
.index .d {
padding:0.6rem 0 1rem
}
.index .d .ihd .r {
width:100%;
font-size:0.15rem;
line-height:0.25rem
}
.index .d .bd {
padding:0.5rem 0 0
}
.index .d .comnums {
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
margin:-0.15rem -0.2rem
}
.index .d .comnums dl {
width:50%;
padding:0.15rem 0.2rem
}
.index .d .comnums dl dt em {
font-size:0.15rem
}
.index .e {
height:3rem;
margin-top:-0.5rem;
padding:0 20px
}
.index .e #inVideo {
position:static;
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
width:100%
}
.index .e #inVideo .info {
font-size:0.18rem;
padding:0;
display: none;
}
.index .e #inVideo .info h4 {
display:none
}
.index .e #inVideo .icon {
width:0.5rem;
height:0.5rem;
margin:0
}
.index .f {
padding:0.6rem 0
}
.index .f .ihd .r {
padding:0.3rem 0 0
}
.index .f .bd {
padding:0.6rem 0 0 0
}
.index .f .bd .mySwiper {
overflow:hidden;
padding:0 0 0.2rem
}
.index .f .bd ul li {
padding:0.05rem
}
.index .f .bd ul li a {
border-color:#fff
}
.index .f .bd ul li .img {
opacity:1
}
.index .f .bd ul li .cont {
padding:0.5rem 0.3rem;
color:#fff;
text-align:center
}
.index .f .bd ul li .cont .date {
font-size:0.28rem;
padding:0 0 0.1rem
}
.index .f .bd ul li .cont .desc {
font-size:0.16rem;
line-height:0.24rem;
height:0.48rem;
color:#fff
}
.index .f .bd ul li .cont .more {
border-color:#fff;
text-align:center;
margin:0 auto
}
.index .f .bd ul li .cont .more img {
display:none
}
.index .f .bd ul li:hover .cont {
padding:0.5rem 0.3rem
}
.contact .a {
padding:0 0 0.5rem
}
.contact .a .hd dl {
width:100%;
margin-bottom:0.2rem
}
.contact .a .hd dl dd {
padding:0.3rem
}
.contact .a .hd dl dd h4 {
font-size:0.2rem
}
.contact .a .hd dl dd h5 {
font-size:0.15rem;
padding:0.1rem 0 0 0
}
.contact .a .hd dl dd .icon {
width:0.8rem;
top:-0.4rem
}
.contact .a .bd {
padding:0.5rem 0 0
}
.contact .a .bd ul {
margin:0
}
.contact .a .bd ul li {
width:100%;
padding:0 0 0.2rem
}
.contact .a .bd ul li .box {
padding:0.3rem
}
.contact .a .bd ul li .icon img {
width:0.8rem
}
.contact .a .bd ul li h4 {
font-size:0.2rem;
padding:0.2rem 0 0.15rem
}
.contact .a .bd ul li .text {
font-size:0.24rem
}
.contact .b {
padding:0.6rem 0
}
.contact .b .form {
padding:0.3rem 0 0
}
.job .a {
padding:0 0 0.5rem
}
.job .a ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}
.job .a ul li {
width:100%;
font-size:0.15rem;
line-height:0.25rem;
padding:0 0 0.1rem 0
}
.job .b {
padding:0.5rem 0
}
.job .b .list {
padding:0.5rem 0 0
}
.job .b .list .hd {
padding:0.17rem 0.2rem;
font-size:0.14rem
}
.job .b .list .hd p:last-child {
display:none
}
.job .b .list dl dt {
font-size:0.14rem;
padding:0.2rem
}
.job .b .list dl dt p:last-child {
right:0.2rem
}
.job .b .list dl dt p:last-child span {
width:0.25rem;
height:0.25rem
}
.job .b .list dl dt p:nth-last-child(2) {
display:none
}
.job .b .list dl dd {
padding:0.2rem;
font-size:0.14rem;
line-height:0.24rem
}
.job .b .list dl dd .info {
padding:0 0 0.3rem
}
.classify {
font-size:0.16rem;
padding:0.4rem 0 0 0;
overflow-x:auto
}
.classify a {
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
padding:0 0 0.1rem 0;
margin:0 0.3rem 0 0
}
.news {
padding:0 0 0.6rem
}
.news .top dl dt {
width:100%
}
.news .top dl dd {
-webkit-box-flex:1;
-webkit-flex:1;
-ms-flex:1;
flex:1;
padding:0.3rem
}
.news .top dl dd .p {
font-size:0.16rem
}
.news .top dl dd h4 {
font-size:0.18rem;
line-height:0.28rem;
height:0.56rem;
margin:0.1rem 0 0.15rem
}
.news .top dl dd .desc {
font-size:0.14rem;
line-height:0.24rem;
height:0.72rem;
margin:0 0 0.25rem
}
.news .list .item {
padding:0.4rem 0
}
.news .list .item a {
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.news .list .item .date {
display:none
}
.news .list .item .info {
width:100%;
padding:0.3rem 0 0
}
.news .list .item .info h4 {
font-size:0.16rem
}
.news .list .item .info .desc {
font-size:0.14rem;
line-height:0.24rem;
height:0.48rem;
margin:0.1rem 0 0.25rem
}
.news .list .item .img {
width:100%
}
.newdetail_info h1 {
font-size:0.22rem;
padding:0.1rem 0 0
}
.newdetail_info .hd .l {
width:100%
}
.newdetail_info .hd .r {
padding:0.3rem 0 0
}
.news_detail {
padding:0.4rem 0 0
}
.news_detail .l {
width:100%;
padding:0.3rem 0
}
.news_detail .l .content {
font-size:0.14rem;
line-height:0.24rem
}
.news_detail .r {
width:100%;
border-top:1px solid #cccccc;
padding:0.5rem 0
}
.return_list {
padding:0 0 0.3rem
}
.return_list dl {
padding:0 0 0.3rem;
font-size:0.16rem
}
.return_list dl dt {
padding:0 0 0.1rem
}
.relate_product h4 {
font-size:0.22rem;
padding:0 0 0.3rem 0
}
.relate_product ul li {
margin:0 0 0.1rem
}
.relate_product ul li a {
padding:0.2rem;
font-size:0.16rem
}
.pro_class {
padding:0.2rem 0 0;
overflow-x:auto;
font-size:0.16rem
}
.pro_class a {
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
margin:0 0.2rem 0 0
}
.porduct_list .l {
display:none
}
.porduct_list .r {
padding:0
}
.porduct_list .list ul li {
width:50%
}
.porduct_list .list ul li .box {
padding:0.1rem 0.2rem 0.2rem;
border-radius:0.1rem
}
.porduct_list .list ul li h4 {
font-size:0.16rem;
margin:0.1rem 0 0.05rem
}
.porduct_list .list ul li p.more {
margin-top:0.1rem
}
.porduct_list .list ul li:first-child {
width:100%
}
.porduct_list .list ul li:first-child .img::before {
padding-top:80%
}
.porduct_list .list ul li:first-child .info {
padding:0.3rem 0.2rem
}
.porduct_list .list ul li:first-child .info h4 {
font-size:0.2rem
}
.porduct_list .list ul li:first-child .info .links {
font-size:0.14rem;
padding:0.2rem 0
}
.porduct_list .list ul li:first-child .info .links a {
padding:0 0 0.05rem
}
.porduct_list .list ul li:first-child .info .links a::after {
margin:0 0.1rem
}
.porduct_list .list ul li:first-child .info a.more {
width:0.8rem;
height:0.4rem
}
.porduct_list .list ul li:first-child .info a.more span {
display:none
}
.porduct_list .allpro {
font-size:0.16rem;
margin:0.4rem 0 0.4rem
}
.inside_subnav {
overflow-x:auto;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
display:none
}
.inside_subnav a {
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
font-size:0.16rem;
margin:0 0.15rem;
padding:0.3rem 0 0.2rem
}
.inside_subnav a::after {
content:"";
display:block;
width:0;
height:0.05rem;
background-color:#0195d9;
position:absolute;
z-index:3;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
bottom:-1px;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s
}
.inside_subnav a:last-child {
margin:0
}
.inside_subnav a:hover, .inside_subnav a.cur {
color:#0195d9
}
.inside_subnav a:hover::after, .inside_subnav a.cur::after {
width:100%
}
.product_zt .a {
padding:1rem 0 0.5rem
}
.product_zt .a .flex {
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-webkit-flex-direction:column-reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse
}
.product_zt .a .l {
width:100%;
padding:0.5rem 0 0
}
.product_zt .a .r {
width:100%
}
.product_zt .a .desc {
font-size:0.15rem;
line-height:0.24rem;
padding:0.1rem 0 0 0
}
.product_zt .a ul {
padding:0.5rem 0 0 0
}
.product_zt .a ul li {
font-size:0.14rem;
padding:0 0.3rem 0 0
}
.product_zt .a ul li img {
margin:0 0 0.1rem
}
.product_zt .b {
padding:0.6rem 0
}
.product_zt .b dl {
display:block
}
.product_zt .b dl dt {
width:100%
}
.product_zt .b dl dd {
width:100%;
padding:0.3rem 0 0
}
.product_zt .b dl dd .desc {
font-size:0.15rem;
line-height:0.25rem;
padding:0.2rem 0 0.3rem
}
.product_zt .c {
padding:0.6rem 0
}
.product_zt .c .list {
padding:0.5rem 0 0 0
}
.product_zt .c .list ul {
margin:-0.1rem 0
}
.product_zt .c .list ul li {
width:100%;
padding:0.1rem 0
}
.product_zt .c .list dl {
padding:0.3rem;
min-height:auto
}
.product_zt .c .list dl dt {
padding:0 0.2rem 0 0
}
.product_zt .c .list dl dt .desc {
font-size:0.15rem;
line-height:0.24rem;
padding:0.1rem 0 0
}
.product_zt .c .list dl dd {
width:0.86rem;
padding:0.1rem 0 0
}
.product_zt .c .list dl dd p {
width:0.86rem;
height:0.86rem;
font-size:0.3rem
}
.product_zt .c .list dl dd p em {
font-size:0.16rem
}
.product_zt .c .list dl dd p em img {
height:0.15rem
}
.product_zt .c .list dl:hover {
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px);
-webkit-box-shadow:3px 0 15px rgba(193, 198, 202, 0.3);
box-shadow:3px 0 15px rgba(193, 198, 202, 0.3)
}
.product_zt .d {
padding:0.2rem 0 0.6rem
}
.product_zt .d .mySwiper {
padding:0.5rem 0
}
.product_zt .d .mySwiper ul li .desc {
padding:0.3rem;
font-size:0.15rem
}
.product_zt .e {
padding:0.3rem 0 0.6rem
}
.product_zt .f {
padding:0.6rem 0
}
.product_zt .f .list {
padding:0.4rem 0 0
}
.product_zt .f .list ul li {
width:50%
}
.product_zt .f .list ul li .box {
padding:0.1rem 0.2rem 0.2rem;
border-radius:0.1rem
}
.product_zt .f .list ul li h4 {
font-size:0.16rem;
margin:0.1rem 0 0.05rem
}
.product_zt .f .list ul li p.more {
margin-top:0.1rem
}
.product_zt .f .list ul li .img img{
    height: 1.5rem;
}
.product_zt .f .bot {
padding:0.5rem 0 0
}
.product_zt .f .pages span {
width: auto;
height: auto;
line-height:inherit;
margin:0 0.03rem;
font-size:0.13rem;
background: none !important;
}
.product_zt .f .pages span:hover{
    border-color: transparent;
}
.product_zt .f .pages span.swiper-pagination-bullet-active
{
    background: none;
    border-color:transparent;
    color: #0195d9;
    text-decoration: underline;
}
.product_zt .g {
padding:0.6rem 0
}
.product_zt .g .content {
display:block;
padding:0 0 0.8rem
}
.product_zt .g .content .l {
width:100%;
padding:0 0 0.5rem
}
.product_zt .g .content .r {
width:100%
}
.product_zt .g .banner-btn {
padding:0;
position:absolute;
bottom:0;
left:0
}
.product_zt .g .leftbot {
width:100%;
height:auto;
position:static;
padding:0.3rem
}
.product_zt .g .mySwiper2 {
overflow:hidden;
height:100%
}
.product_zt .g .mySwiper2 ul li {
font-size:0.14rem
}
.product_zt .g .mySwiper2 ul li h4 {
font-size:0.2rem;
padding:0.05rem 0 0
}
.product_zt .g .mySwiper2 ul li .desc {
line-height:0.24rem;
height:0.72rem;
margin:0.1rem 0 0.25rem
}
.product_table {
overflow-x:auto
}
.product_table .petable {
padding:0.5rem 0 0;
width:7rem
}
.product_table .petable .row p {
width:25%
}
.product_table .petable .row:first-child {
font-size:0.16rem;
line-height:0.26rem
}
.product_table .petable .row:first-child p {
padding:0.1rem 0
}
.product_table .petable .row:not(:first-child) p {
font-size:0.14rem;
padding:0.1rem 0.05rem
}
.product_table .petable .row:not(:first-child) p:first-child {
font-size:0.16rem
}
.product_detail .a {
padding:1rem 0 0.5rem
}
.product_detail .a .l {
width:100%;
padding:0 0.1rem
}
.product_detail .a .banner-btn {
display:none
}
.product_detail .a .showm-pages {
text-align:center
}
.product_detail .a .r {
width:100%;
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
font-size:0.14rem;
padding:0.3rem 0 0 0;
display:block
}
.product_detail .a .r .p {
font-size:0.16rem
}
.product_detail .a .r .tag {
padding:0.2rem 0 0.3rem
}
.product_detail .a .r .tag span {
margin:0 0.1rem 0 0
}
.product_detail .a .r .btns {
padding:0.3rem 0 0
}
.product_detail .a .r .btns p i {
margin:0 0 0 0.05rem
}
.product_detail .b {
padding:0.6rem 0
}
.product_detail .b .content {
display:block
}
.product_detail .b .l {
width:100%;
padding:0
}
.product_detail .b .l h4 {
font-size:0.24rem;
padding:0 0 0.3rem
}
.product_detail .b .l dl {
display:block;
line-height:0.22rem;
padding:0 0 0.2rem
}
.product_detail .b .l dl dt {
font-size:0.15rem;
padding:0 0 0.1rem;
width:100%
}
.product_detail .b .l dl dd {
font-size:0.14rem;
width:100%
}
.product_detail .b .r {
width:100%;
display:none
}
.product_detail .b .louceng {
padding:0.3rem;
margin:0 0 0.2rem
}
.product_detail .b .relate_product ul li a {
background-color:#fff;
padding:0.27rem 0.2rem;
text-align:center
}
.product_detail .b .pro_contact {
padding:0.75rem 0 0;
background:url(../images/pcbg.png) no-repeat 0 100%
}
.product_detail .b .pro_contact .time {
color:#777777;
font-size:0.16rem;
font-family:"albbRegular";
padding:0 0 0 0.13rem;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
.product_detail .b .pro_contact .time img {
margin:0 0.13rem 0 0;
height:0.15rem
}
.product_detail .b .pro_contact .pcbg {
color:#fff;
padding:0.35rem 0.3rem 0.28rem
}
.product_detail .b .pro_contact .pcbg h5 {
font-size:0.18rem;
font-family:"albbMedium";
padding:0 0 0.03rem
}
.product_detail .b .pro_contact .pcbg p {
font-family:"DINProB";
font-size:0.24rem
}


.product_detail .b .pdcase_list {
padding:0
}
.product_detail .b .pdcase_list ul li .box {
padding:0.1rem 0.2rem 0.2rem;
border-radius:0.1rem
}
.product_detail .b .pdcase_list ul li h5 {
font-size:0.16rem;
margin:0.1rem 0 0.05rem
}
.product_detail .b .pdcase_list ul li p.more {
margin-top:0.1rem
}
.product_detail .b .pdcase_list ul li .img img{
    height: 1.5rem;
}
.product_detail .b .bot {
padding:0.5rem 0 0
}
.product_detail .b .pages span {
width: auto;
height: auto;
line-height:inherit;
margin:0 0.03rem;
font-size:0.13rem;
background: none !important;
border:0;
}
.product_detail .b .pages span:hover{
    border-color: transparent;
}
.product_detail .b .pages span.swiper-pagination-bullet-active
{
    background: none;
    border-color:transparent;
    color: #0195d9;
    text-decoration: underline;
}

.product_detail .product_table .petable {
width:5rem
}
.product_detail .product_table .petable .row:not(:first-child) p {
padding:0.1rem 0.05rem
}
.case_list .hd {
display:block
}
.case_list .hd .l {
width:100%
}
.case_list .hd .r {
display:block;
padding:0.3rem 0 0
}
.case_list .hd .r .class {
font-size:0.16rem;
padding:0 0 0.05rem
}
.case_list .hd .r .name {
font-size:0.2rem
}
.case_list .hd .r .info {
font-size:0.15rem;
line-height:0.3rem;
padding:0.2rem 0
}
.search .bd{
    padding:0 0 0.6rem;
}
.case_list .bd {
padding:0.6rem 0 0
}
.case_list .bd .list ul {
margin:-0.1rem 0
}
.case_list .bd .list ul li {
width:100%;
padding:0.1rem 0;
cursor:pointer
}
.case_list .bd .list ul li .text {
padding:0.3rem;
position:relative
}
.case_list .bd .list ul li .text .name {
font-size:0.16rem;
margin:0.1rem 0 0
}
.case-thumb-popup .box {
position:absolute;
z-index:3;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
left:0;
width:100%
}
.case-thumb-popup .content {
padding:0.3rem;
display:block
}
.case-thumb-popup .l {
width:100%
}
.case-thumb-popup .r {
padding:0.2rem 0 0
}
.case-thumb-popup .r .btn {
width:100%
}
.case-thumb-popup .popup-pages {
bottom:0.1rem;
padding:0 0.2rem
}
.case-thumb-popup .popup-pages span {
width:0.1rem;
height:0.1rem;
margin:0 0.1rem 0 0 !important
}
.case-thumb-popup .text {
max-height:2.8rem;
overflow-y:auto
}
.case-thumb-popup .class {
font-size:0.16rem
}
.case-thumb-popup .name {
font-size:0.18rem;
line-height:0.3rem;
padding:0.1rem 0 0
}
.case-thumb-popup .info {
font-size:0.15rem;
line-height:0.3rem;
padding:0.15rem 0
}
.case-thumb-popup .info p {
padding:0
}
.thumb-close {
font-size:0.2rem;
width:0.54rem;
height:0.54rem;
right:-0.2rem;
top:-0.2rem
}
.inside_partner {
-webkit-background-size:contain;
background-size:contain;
padding:1rem 0 0.5rem
}
.inside_partner .list {
padding:0.5rem 0 0
}
.inside_partner .list ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:-0.05rem
}
.inside_partner .list ul li {
width:33.333%;
padding:0.05rem
}
.inside_partner .list ul li a {
padding:0
}
.about .inside_banner {
min-height:auto
}
.about .comtitle .st {
font-size:0.16rem
}
.about .a .ainfo {
font-size:0.15rem;
line-height:0.25rem;
margin:0;
padding:0 0 0.5rem 0
}
.about .a .ainfo p {
width:100%;
padding:0 0 0.1rem
}
.about .a .comnums dl {
-webkit-box-flex:0;
-webkit-flex:none;
-ms-flex:none;
flex:none;
width:50%;
padding:0 0 0.3rem
}
.about .b {
background-image:url(../images/abbgm.jpg);
padding:0.5rem 0 1.1rem
}
.about .b .contentbox {
padding:0
}
.about .b .yearlist {
padding:0.5rem 0 0 0.2rem
}
.about .b .yearlist ul li .box {
-webkit-transform:none !important;
-ms-transform:none !important;
-o-transform:none !important;
transform:none !important
}
.about .b .yearlist ul li .line .tl::before {
width:0.1rem;
height:0.1rem;
margin-left:-0.05rem;
margin-top:-0.05rem
}
.about .b .yearlist ul li .line .tl::after {
width:0.2rem;
height:0.2rem;
margin-left:-0.1rem;
margin-top:-0.1rem
}
.about .b .yearlist ul li .line .bl::before {
width:0.2rem;
height:0.2rem
}
.about .b .yearlist ul li .text {
height:2rem
}
.about .b .yearlist ul li .year {
font-size:0.22rem
}
.about .b .yearlist ul li .info {
padding:0
}
.about .b .yearlist ul li .name {
font-size:0.16rem;
padding:0.15rem 0 0.1rem
}
.about .b .yearlist ul li .desc {
font-size:0.14rem
}
.about .c {
padding:0.5rem 0
}
.about .c .tab {
font-size:0.16rem;
-webkit-box-pack:start;
-webkit-justify-content:flex-start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end;
padding:0.5rem 0 0
}
.about .c .tab a {
padding:0 0.5rem 0 0
}
.about .c .tab a.cur {
font-size:0.18rem
}
.about .c .bd {
padding:0.4rem 0 0
}
.about .c .honorlist ul li {
font-size:0.16rem
}
.about .c .honorlist ul li .text {
padding:0.1rem 0 0
}
.about .c .pages {
margin:0.5rem 0 0 0
}
.about .d {
padding:0.5rem 0
}
.about .d .ihd {
padding:0 0 0.5rem
}
.about .d .ihd .r {
width:100%;
padding:0.3rem 0 0
}
.about .d .ihd .desc {
font-size:0.15rem;
line-height:0.25rem
}
.about .d .showm-pages {
text-align:center
}
.about .d .banner-btn {
display:none
}
.about .d .mySwiper {
padding:0 0 0.2rem
}
.about .d .mySwiper ul li .info {
padding:0.5rem 0.3rem;
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none
}
.about .d .mySwiper ul li .info .icon {
padding:0 0 0.4rem
}
.about .d .mySwiper ul li .info .icon img {
height:0.4rem
}
.about .d .mySwiper ul li .info .tit {
font-size:0.2rem;
padding:0 0 0.1rem
}
.about .d .mySwiper ul li .info .txt {
font-size:0.14rem;
line-height:0.24rem;
opacity:1;
max-height:2rem;
overflow-y:auto
}
.about .d .mySwiper ul li .info .jt {
padding:0.2rem 0 0;
display:none
}
.about .d .mySwiper ul li:hover .box::after {
opacity:0.5
}
.about .d .mySwiper ul li:hover .info .desc {
padding:0
}
.about .e {
padding:0.6rem 0;
-webkit-background-size:cover;
background-size:cover
}
.about .e .tab {
padding:0.3rem 0;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-webkit-align-items:flex-end;
-ms-flex-align:end;
align-items:flex-end
}
.about .e .tab a {
font-size:0.16rem;
margin:0 0.3rem 0 0
}
.about .e .tab a.cur {
font-size:0.18rem
}
.about .e .banner-btn {
display:none
}
.about .e .showm-pages {
padding:0.3rem 0 0
}
.about .e .showm-pages span {
background-color:#fff
}
.about .e .l {
width:100%
}
.about .e .r {
width:100%
}
.about .e .mySwiper ul li .img span {
width:0.7rem;
height:0.7rem
}
.about .e .mySwiper ul li .text {
height:0.6rem;
line-height:0.6rem;
font-size:0.15rem;
padding:0 0.3rem
}
.about .f {
padding:0.6rem 0
}
.about .f .bd {
overflow:hidden;
padding:0.5rem 0 0
}
.about .f .bd ul li {
cursor:pointer
}
.about .f .bd ul li .title {
font-size:0.14rem;
bottom:0.2rem;
padding:0 0.3rem
}
.about .f .bd ul li:hover .img img {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.about .f .bd .banner-btn {
display:none
}
.about .f .bd .showm-pages {
text-align:center;
padding:0.3rem 0 0
}
.about .f .banner-btn {
display:none
}
.honor-thumb-popup .thumb-wraper {
padding:0.3rem
}
.honor-thumb-popup .thumb-wraper .banner-btn {
position:static;
-webkit-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
padding:0.2rem 0 0;
-webkit-box-pack:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center
}
.honor-thumb-popup .thumb-box {
text-align:center
}
.honor-thumb-popup .thumb-img::before {
content:"";
display:block;
padding-top:100%
}
.honor-thumb-popup .thumb-text {
font-size:0.16rem;
padding:0.2rem 0 0
}
}