@charset "UTF-8";.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;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;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}
.swiper-container-cube,.swiper-container-flip{overflow:visible}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items: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%;object-fit:contain}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
    25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
    100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
    30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
    45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
    60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
    75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
    50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
    70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
    100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
    80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
    80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
    80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
    50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
    100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
    100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1)}
    0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1)}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95)}
    100%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1)}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1)}
    0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1)}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95)}
    100%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1)}
}
.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
    100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
    60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
    80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
    100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
    100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    0%,100%{-webkit-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
    0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
    100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
    100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
    0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
    100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}
    0%,20%,60%{-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:rotate(80deg);transform:rotate(80deg)}
    40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}
    40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1}
    100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
    40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
    40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1}
    100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
    100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
    100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
*{margin:0;padding:0;border:0;box-sizing:border-box}
body,html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#333;background-color:#fff}
li,ul{list-style-type:none;margin:0}
input,select,textarea{resize:none;outline:0;-webkit-tap-highlight-color:transparent;border:0}
a{text-decoration:none;color:#000;cursor:pointer}
a:hover{text-decoration:none}
img{max-width:100%;border-style:none;vertical-align:middle}
.zoom-img{overflow:hidden}
.zoom-img .img{overflow:hidden}
.zoom-img img{-webkit-transition:all .5s;transition:all .5s}
.zoom-img:hover img{transform:scale(1.04);-ms-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);-moz-transform:scale(1.04)}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
.nav-page{font-size:0;text-align:center}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0;box-shadow:none}
.btn-link:focus,.btn-link:hover{text-decoration:none}
@font-face{font-family:OPPOSans-L;src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-L.ttf);src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-L.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:OPPOSans-R;src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-R.ttf);src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-R.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OPPOSans-H;src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-H.ttf);src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-H.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:OPPOSans-M;src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-M.ttf);src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-M.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:OPPOSans-B;src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-B.ttf);src:url(https://xin20181116.oss-cn-beijing.aliyuncs.com/lanhe/fonts/OPPOSans-B.ttf) format("truetype");font-weight:400;font-style:normal}
.header{position:absolute;top:0;left:0;width:100%;z-index:99;transition:all .3s ease}
.w12{max-width:1200px;width:100%;margin:0 auto}
.header.on{background-color:#fff}
.header.active{background-color:#fff}
.header.active .item>a{display:block;color:#333;line-height:70px}
.header.headBack{background-color:#fff}
.header.headBack .navBox .item>a{position:relative;display:block;color:#333}
.header.headBack .navBox .item>a::before{position:absolute;content:"";top:62px;left:0;width:100%;height:2px;background-color:#000;display:none}
.header.headBack .navBox .item:hover a::before{display:block}
.header .logo{float:left;font-size:0;margin-top:10px}
.header .logo2{display:none}
.header.headBack .logo1{display:none}
.header.headBack .logo2{display:block}
.header .navBox{float:left;margin-left:52px;display:flex;align-items:center}
.header .navMobileBox{display:none}
.header .navMobileBox .formBox{display:flex;justify-content:center;align-items:center;margin-bottom:.4rem}
.header .navMobileBox .inputText{width:60%;font-size:.2rem;line-height:.5rem;border-bottom:1px solid #eee}
.header .navMobileBox .btn{font-size:0}
.header .navBox .item{position:relative;margin:0 17px}
.header .navBox .item .dropDown{position:absolute;top:100%;left:0;left:50%;transform:translate(-50%,0);background-color:#fff;display:none}
.header .navBox .item .dropDown a{display:block;padding:16px 32px;white-space:nowrap;color:#303233;line-height:1;height:auto;background:0 0;text-align:center;width:100%;position:relative;font-size:14px;transition:all .5s}
.header .navBox .item .dropDown a:hover{background-color:#ebeff2}
.header .navBox .item .dropDownList{position:fixed;top:64px;left:0;width:100%;background-color:#fff;border-top:1px solid #eee;padding-top:24px;padding-bottom:48px;z-index:99;display:none}
.header.active .navBox .item .dropDownList{top:70px}
.header .navBox .dropDownList .wrapBox{display:flex;justify-content:center}
.header .navBox .dropDownList .item2{max-width:25%;width:100%;border-right:1px solid #eee;display:flex}
.header .navBox .dropDownList .item2:last-child{border-right:0}
.header .navBox .dropDownList .img{width:200px;padding:0 20px}
.header .navBox .dropDownList .nav{width:calc(100% - 200px);padding-right:20px}
.header .navBox .dropDownList a{display:block;color:#303233;font-size:14px;line-height:24px;margin-bottom:8px;font-family:OPPOSans-R}
.header .navBox .dropDownList a:hover{text-decoration:underline}
.header .navBox .dropDownList .h1{color:#3b3e40;font-size:16px;line-height:24px;display:block;margin-bottom:8px;font-family:OPPOSans-B}
.header .navBox .item>a{display:block;font-size:14px;color:#fefefe;line-height:36px;padding:14px 0;font-family:OPPOSans-M}
.header .searchBox{float:right;position:relative}
.header .searchBox form{display:flex;align-items:center;width:170px;height:36px;padding:0 15px;border-radius:18px;background-color:rgba(48,60,85,.3)}
.header .searchBox .inputText{width:calc(100% - 17px);font-size:16px;color:#fff;background:0 0;font-family:OPPOSans-R}
.header .searchBox .inputText::-webkit-input-placeholder{font-size:16px;color:#fff;font-family:OPPOSans-R}
.header .searchBox .btnIcon{display:inline-block;font-size:0;cursor:pointer;margin-top:21px}
.header .searchBox .dropDown{display:none;position:absolute;top:13px;right:-15px}
.header .searchBox .btn{font-size:0;cursor:pointer}
.header .eShop{float:right;position:relative;margin-left:42px;display:flex}
.header .eShop .btn{display:inline-block;font-size:0;cursor:pointer;margin-top:21px}
.header .eShop .dropDown{position:absolute;top:64px;left:50%;transform:translate(-50%,0);background-color:#fff;border-radius:5px;box-shadow:0 3px 12px rgba(0,0,0,.1);display:none;}
.header .eShop .dropDown::before{position:absolute;content:"";top:-10px;left:50%;margin-left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #fff}
.header .eShop .dropDown a{display:block;padding:16px 32px;white-space:nowrap;color:#303233;line-height:1;height:auto;background:0 0;text-align:center;width:100%;font-size:14px;transition:all .5s;font-family:OPPOSans-L}
.header .eShop .dropDown a:hover{background-color:#ebeff2}
.header .eShop .dropDown a img{display:none;left:-140px;top:2px;max-width:140px;max-width:140px;position:absolute}

.header .eShop .dropDown a:hover img{display:block}
.header .btnMenu{width:40px;height:30px;display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}
.header .btnMenu>span{width:40px;height:2px;background-color:#fff;margin:4px 0;transition:all .3s;-webkit-transform:skew(40deg);-moz-transform:skew(40deg);-o-transform:skew(40deg);-ms-transform:skew(40deg);transform:skew(40deg)}
.header .btnMenu.on>span{width:20px}
.header .btnMenu.on>span:first-child{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.header .btnMenu.on>span:nth-child(2){display:none}
.header .btnMenu.on>span:last-child{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-top:-6px}
.header .btnMenu>span{background-color:#fff}
.header.on .btnMenu>span{background-color:#000}
.header.active .btnMenu>span{background-color:#000}
.header.headBack .btnMenu>span{background-color:#000}
.header .icon2{display:none}
.header.headBack .icon1{display:none}
.header.headBack .icon2{display:block}
.floatWindow{position:fixed;top:50%;right:20px;transform:translate(0,-50%);z-index:2}
.floatWindow .item{width:50px;height:50px;border-radius:5px;background-color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:5px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.floatWindow .item.mItem{display:none}
.floatWindow .icon2{display:none}
.floatWindow .item:hover .icon1{display:none}
.floatWindow .item:hover .icon2{display:inline-flex}
.messagePopup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:none}
.messagePopup .popupWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:745px;width:100%;background-color:#f8f8f8;border-radius:15px;overflow:hidden}
.messagePopup .topBox{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(to right,#f2a746,#fd7656);padding:15px 30px 15px 40px}
.messagePopup .h1{font-size:20px;line-height:32px;color:#fff;font-family:OPPOSans-M}
.messagePopup .close{cursor:pointer}
.messagePopup .form{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 35px}
.messagePopup .inputBox{width:48%;height:60px;background-color:#fff;border-radius:5px;display:flex;align-items:center;padding:0 20px;margin-bottom:20px}
.messagePopup .asterisk{width:14px;font-size:14px;line-height:32px;color:#ec6900;font-family:OPPOSans-R}
.messagePopup .inputText{width:calc(100% - 14px);font-size:14px;color:#999;font-family:OPPOSans-R}
.messagePopup .inputText::-webkit-input-placeholder{color:#999}
.messagePopup .areaBox{width:100%;height:auto}
.messagePopup .text{height:110px;font-size:14px;line-height:32px;color:#999;font-family:OPPOSans-R}
.messagePopup .btnSubmit{width:180px;height:60px;font-size:16px;color:#fff;background-color:#ec6900;border-radius:5px;cursor:pointer}
.footer{position:relative;background-color:#272727}
.footer .topBox{padding:50px 0 110px}
.footer .topBox .topWrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer .navBox{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer .navBox .h1{font-size:14px;color:#fff;line-height:36px;text-align:left;font-family:OPPOSans-M}
.footer .navBox a{display:block;font-size:12px;color:rgba(255,255,2555,.56);line-height:32px;transition:all .5s;font-family:OPPOSans-R}
.footer .navBox a:hover{color:#fff}
.footer .codeBox{max-width:390px;width:100%;text-align:right}
.footer .codeBox .number{font-size:30px;color:#ec6900;line-height:36px;font-weight:700;margin-bottom:5px}
.footer .codeBox .time{font-size:16px;color:#f9f9f9;line-height:36px;margin-bottom:10px;font-family:OPPOSans-L}
.footer .codeBox .code{display:inline-block;width:110px}
.footer .codeBox .name{font-size:14px;color:#bbb;line-height:36px;text-align:center;margin-top:5px;font-family:OPPOSans-L}
.footer .shareBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0 20px}
.footer .phone{font-size:18px;line-height:36px;color:#fff;font-family:OPPOSans-B}
.footer .time{font-size:12px;line-height:36px;color:#fff;font-family:OPPOSans-L}
.footer .share{font-size:0;text-align:center}
.footer .share a{position:relative;display:inline-block;vertical-align:top;width:32px;height:32px;line-height:32px;border-radius:16px;transition:all .3s ease}
.footer .share a:hover{background:rgba(255,255,255,.09)}
.footer .code{position:absolute;top:-100px;right:0;width:88px;padding:5px;background-color:#fff;border-radius:5px;display:none}
.footer .code::before{position:absolute;content:"";bottom:-8px;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #fff}
.footer .infoBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0 40px;border-top:1px solid rgba(255,255,255,.13)}
.footer .text{display:flex;align-items:center;flex-wrap:wrap;font-size:12px;line-height:31px;color:#6c7073;font-family:OPPOSans-L}
.footer .text a{color:#6c7073}
.footer .backTop{font-size:12px;line-height:31px;color:#6c7073;padding-left:27px;background-image:url(../images/icon15.png);background-repeat:no-repeat;background-position:left center;cursor:pointer;font-family:OPPOSans-L}
.footer .color{margin-right:10px}
.mImg{display:none}
.homeBannerSwiper .swiper-slide{font-size:0}
.homeBannerSwiper .swiper-slide-active{z-index:9}
.homeBannerSwiper .textBox{position:absolute;top:20%;left:50%;transform:translate(-50%,0);max-width:1260px;width:100%;text-align:center}
.homeBannerSwiper .h1{font-size:38px;color:#fff;line-height:1;font-family:OPPOSans-B;margin-bottom:10px}
.homeBannerSwiper .h2{font-size:24px;color:#fff;line-height:36px;font-family:OPPOSans-M;margin-bottom:7px}
.homeBannerSwiper .btn{display:inline-block;font-size:14px;color:#fff;line-height:36px;border-radius:36px;padding-right:16px;background-image:url(../images/icon13.png);background-repeat:no-repeat;background-position:right center;transition:all .5s;cursor:pointer;font-family:OPPOSans-L}
.homeBannerSwiper .btn:hover{text-decoration:underline}
.homeBannerSwiper .videoBox .video{position:absolute;min-width:1920px;top:55%;left:50%;transform:translate(-50%,-50%);object-fit:fill}
.homeBannerSwiper .swiper-slide-active .video{z-index:2}
.homeBannerSwiper .swiper-pagination{bottom:75px}
.homeBannerSwiper .swiper-pagination-bullet{width:16px;height:2px;margin:0 2px!important;background-color:rgba(255,255,255,.2);border-radius:5px;opacity:1}
.homeBannerSwiper .swiper-pagination-bullet-active{background-color:#fff}
.brandUser{padding:20px}
.brandUser .wrap{display:flex;align-items:center;flex-wrap:wrap}
.brandUser a{width:calc(50% - 10px);position:relative;margin-right:20px}
.brandUser a:last-child{margin-right:0}
.brandUser .textBox{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:75px 20px 20px}
.brandUser .h1{font-size:32px;color:#414349;line-height:36px;margin-bottom:8px;font-family:OPPOSans-B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandUser .h2{font-size:20px;color:#646464;line-height:36px;font-family:OPPOSans-R;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandUser .btn{display:inline-block;font-size:14px;color:#474645;line-height:36px;margin-top:10px;padding-right:14px;background-image:url(../images/icon12.png);background-repeat:no-repeat;background-position:right center;transition:all .5s;font-family:OPPOSans-L}
.brandUser a .btn:hover{text-decoration:underline}
.homeProdSwiper{margin-bottom:20px}
.homeProdSwiper .swiper-slide{font-size:0}
.homeProdSwiper .swiper-button-next,.homeProdSwiper .swiper-button-prev{width:50px;height:50px;border-radius:25px;background-position:center center;background-size:auto;transition:all .5s}
.homeProdSwiper .swiper-button-prev{left:15%;background-image:url(../images/icon2.png)}
.homeProdSwiper .swiper-button-next{right:15%;background-image:url(../images/icon3.png)}
.homeProdSwiper .swiper-button-next:hover,.homeProdSwiper .swiper-button-prev:hover{background-color:#b2bcc5}
.homeProdSwiper .swiper-pagination{bottom:50px}
.homeProdSwiper .swiper-pagination-bullet{width:16px;height:2px;margin:0 2px!important;background-color:rgba(255,255,255,.2);border-radius:5px;opacity:1}
.homeProdSwiper .swiper-pagination-bullet-active{background-color:#fff}
.homeProdSwiper .textBox{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;padding:65px 20px 20px}
.homeProdSwiper .h1{font-size:38px;color:#414349;color:#fff;line-height:1;font-family:OPPOSans-B;margin-bottom:10px;transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);-moz-transform:scale(.6)}
.homeProdSwiper .h2{font-size:24px;color:#646464;color:#fff;line-height:36px;font-family:OPPOSans-R;transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);-moz-transform:scale(.6)}
.homeProdSwiper .number{font-family:OPPOSans-B}
.homeProdSwiper .btn{display:inline-block;font-size:14px;color:#474645;color:#fff;line-height:36px;border-radius:18px;margin-top:10px;padding-right:14px;background-image:url(../images/icon12.png);background-image:url(../images/icon13.png);background-repeat:no-repeat;background-position:right center;transition:all .5s;font-family:OPPOSans-L}
.homeProdSwiper .btn:hover{text-decoration:underline}
.homeProdSwiper .videoColor .h1{color:#fff}
.homeProdSwiper .videoColor .h2{color:#fff}
.homeProdSwiper .videoColor .btn{color:#fff}
.homeProdSwiper .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.3);transition:all .3s}
.homeProdSwiper .swiper-slide-active .mask{display:none}
.homeService .back{text-align:center;padding:145px 0 165px;background-position:center center;background-size:cover}
.homeService .textBox{max-width:1260px;margin:0 auto;margin-bottom:125px}
.homeService .h1{font-size:38px;color:#333;line-height:1;font-family:OPPOSans-B;margin-bottom:20px}
.homeService .text{max-width:730px;width:100%;margin:0 auto;font-size:14px;color:#646464;line-height:24px;margin-bottom:15px;font-family:OPPOSans-R;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homeService .btn{display:inline-block;font-size:16px;color:#474645;line-height:36px;padding-right:14px;background-image:url(../images/icon12.png);background-repeat:no-repeat;background-position:right center;transition:all .5s;font-family:OPPOSans-L}
.homeService .btn:hover{text-decoration:underline}
.homeService .dataBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 70px}
.w144{max-width:1440px;width:100%;margin:0 auto}
.homeService .topBox{display:flex;justify-content:center;align-items:flex-start;font-size:26px;color:#474645;line-height:1;font-family:OPPOSans-H}
.homeService .number{font-size:42px;line-height:50px;margin-right:5px;text-align:center}
.homeService .number1{width:86px}
.homeService .number2{width:100px}
.homeService .number3{width:57px}
.homeService .number4{width:114px}
.homeService .name{display:inline-block;font-size:14px;color:#414349;line-height:36px;font-family:OPPOSans-R}
.homeShop{padding:140px 0 118px}
.homeShop .listBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.homeShop .column{width:25%;text-align:center;padding:0 10px;box-sizing:border-box}
.homeShop .icon{display:inline-block;font-size:0}
.homeShop .name{font-size:24px;color:#414349;line-height:36px;margin-top:20px;font-family:OPPOSans-B}
.homeShop .btn{display:inline-block;font-size:16px;line-height:36px;color:#474645;margin-top:10px;padding-right:11px;background-image:url(../images/icon12.png);background-repeat:no-repeat;background-position:right center;font-family:OPPOSans-L}
.homeShop .btn:hover{text-decoration:underline}
@media only screen and (max-width:1600px){.brandUser .textBox{padding:50px 20px 20px}
    .brandUser .btn{margin-top:0}
    .homeProdSwiper .textBox{padding:50px 20px 20px}
    .homeProdSwiper .btn{margin-top:0}
    .homeBannerSwiper .textBox{top:15%}
}
@media only screen and (max-width:1440px){.header .navBox .item>a{font-weight:600}
}
@media only screen and (max-width:1280px){.w12{width:90%}
    .header .navBox .dropDownList .img{width:150px}
    .header .navBox .dropDownList .nav{width:calc(100% - 150px)}
    .homeBannerSwiper .h1{font-size:24px;line-height:30px}
    .homeBannerSwiper .h2{font-size:18px;line-height:30px}
    .homeBannerSwiper .btn{line-height:30px}
    .brandUser{padding:10px}
    .brandUser a{width:calc(50% - 5px);margin-right:10px}
    .brandUser .textBox{padding:30px 20px 20px}
    .brandUser .h1{font-size:24px;line-height:30px;margin-bottom:5px}
    .brandUser .h2{font-size:18px;line-height:30px}
    .brandUser .btn{line-height:30px}
    .homeProdSwiper{margin-bottom:10px}
    .homeProdSwiper .textBox{padding:30px 20px 20px}
    .homeProdSwiper .h1{font-size:24px;line-height:30px;margin-bottom:5px}
    .homeProdSwiper .h2{font-size:18px;line-height:30px}
    .homeProdSwiper .btn{line-height:30px}
    .homeService .back{padding:100px 0 120px}
    .homeService .textBox{margin-bottom:90px}
    .homeService .h1{font-size:24px}
    .homeService .btn{line-height:30px}
    .homeService .dataBox{padding:0 50px}
    .homeService .topBox{font-size:18px}
    .homeService .number{font-size:30px;line-height:40px}
    .homeService .number1{width:62px}
    .homeService .number2{width:72px}
    .homeService .number3{width:41px}
    .homeService .number4{width:82px}
    .homeShop{padding:100px 0 80px}
    .homeShop .name{font-size:18px;line-height:30px}
    .homeShop .btn{font-size:14px;line-height:30px}
}
@media only screen and (max-width:1199px){.header .navBox .dropDownList .img{padding:0 5px}
    .header .navBox .dropDownList .nav{padding-right:10px}
}
@media only screen and (max-width:1024px){.header{position:fixed}
    .header .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
    .header .wrap::after{display:none}
    .header .btnMenu{float:right;margin-right:70px}
    .header .logo{order:1;margin-top:0}
    .header.on .logo1{display:none}
    .header.on .logo2{display:block}
    .header .searchBox{display:none}
    .header .eShop{order:3;margin-left:0}
    .header.on .icon1{display:none}
    .header.on .icon2{display:inline-block}
    .header .eShop .dropDown{top:50px;left:auto;right:0;transform:translate(0,0)}
    .header .eShop .dropDown::before{left:auto;margin-left:0;right:5px}
    .header .btnMenu{order:0;display:flex;margin-right:0}
    .header .navBox{display:none}
    .header .eShop .btn{margin-top:0}
    .header .navMobileBox{position:fixed;top:50px;left:0;width:100%;height:calc(100vh - 50px);background-color:#fff;padding:20px 0;border-top:1px solid #eee;z-index:9;overflow-y:auto}
    .header .navMobileBox::-webkit-scrollbar{display:none}
    .header .navMobileBox .item>a{position:relative;display:block;font-size:20px;color:#333;line-height:50px;border-bottom:1px solid #eee;font-family:OPPOSans-M}
    .header .navMobileBox .item>a::before{position:absolute;content:"";top:50%;right:0;width:10px;height:6px;margin-top:-3px;background-image:url(../images/icon12-1.png);background-repeat:no-repeat;background-position:right center;transition:all .5s ease}
    .header .navMobileBox .item>a.on::before{transform:rotate(180deg)}
    .header .navMobileBox .dropDown{display:none}
    .header .navMobileBox .dropDown a{display:block;font-size:14px;line-height:30px;color:#333;font-family:OPPOSans-L}
    .header .navMobileBox .dropDown .h1{font-size:16px;line-height:40px;font-family:OPPOSans-R}
    .homeBannerSwiper{height:auto}
    .homeBannerSwiper .videoBox .video{position:relative;min-width:auto;top:0;left:0;transform:translate(0,0);width:100%;height:auto}
    .homeBannerSwiper .swiper-slide img{position:relative;min-width:100%;top:0;left:0;transform:translate(0,0)}
    .homeBannerSwiper .swiper-pagination{bottom:5%}
    .homeBannerSwiper .btn{line-height:24px}
    .brandUser .textBox{padding:20px}
    .brandUser .h1{font-size:20px;margin-bottom:0}
    .brandUser .h2{font-size:16px}
    .brandUser .btn{line-height:24px}
    .homeProdSwiper .swiper-pagination{bottom:5%}
    .homeProdSwiper .textBox{padding:20px}
    .homeProdSwiper .h1{font-size:20px;margin-bottom:0}
    .homeProdSwiper .h2{font-size:16px}
    .homeProdSwiper .btn{line-height:24px}
    .homeService .h1{font-size:20px}
    .homeService .textBox{margin-bottom:70px}
    .homeService .back{padding:50px 0 90px}
    .homeService .btn{font-size:14px;line-height:24px}
    .homeShop{padding:70px 0}
    .homeShop .name{font-size:16px;margin-top:10px}
    .homeShop .btn{line-height:24px;margin-top:0}
    .footer .topBox .topWrap{justify-content:center}
    .footer .navBox{width:100%}
    .footer .codeBox{width:auto;text-align:center;margin-top:20px}
    .homeBannerSwiper .h1{font-size:20px;margin-bottom:10px}
    .homeBannerSwiper .h2{font-size:16px;margin-bottom:10px}
    .messagePopup .popupWrap{max-width:80%}
}
@media only screen and (max-width:768px){.homeBannerSwiper .textBox{top:15%}
    .homeBannerSwiper .h1{margin-bottom:5px}
    .homeBannerSwiper .h2{margin-bottom:5px}
    .brandUser{padding:10px 0}
    .brandUser a{width:100%;margin:0;margin-bottom:10px}
    .brandUser a:last-child{margin-bottom:0}
    .homeService .back{padding:50px 0}
    .homeService .textBox{width:90%;margin-bottom:30px}
    .homeService .column{width:50%;margin-top:40px}
    .homeProdSwiper .swiper-button-prev{left:5%}
    .homeProdSwiper .swiper-button-next{right:5%}
    .footer .wrap{width:100%}
    .footer .topBox{padding:40px 0 30px}
    .footer .navBox .h1{line-height:40px;border-bottom:1px solid #333}
    .footer .navBox .item{width:100%}
    .footer .backTop{position:absolute;top:5px;left:50%;transform:translate(-50%,0);color:#aaa}
    .footer .navBox{border-top:1px solid #333}
    .footer .navBox .h1{position:relative;width:90%;margin:0 auto;font-size:.2rem;line-height:.88rem}
    .footer .navBox .nav{padding:.1rem 5%;background-color:#333}
    .footer .navBox .h1::after{position:absolute;content:"";top:50%;right:0;margin-top:-.02rem;width:.2rem;height:.04rem;background-color:#fff}
    .footer .navBox .h1::before{position:absolute;content:"";top:50%;right:.08rem;margin-top:-.1rem;width:.04rem;height:.2rem;background-color:#fff;transition:all .5s ease}
    .footer .botBox{padding:0 5%}
    .footer .navBox .h1.on::before{transform:rotate(90deg)}
    .footer .navBox a{font-size:.18rem;line-height:.4rem}
    .messagePopup .popupWrap{max-width:90%}
}
@media only screen and (max-width:680px){.pImg{display:none}
    .mImg{display:block}
}
@media only screen and (max-width:580px){.header .logo{width:1.7rem}
    .header .btnMenu{width:.35rem}
    .header .btnMenu>span{width:.35rem;margin:2px 0}
    .header .navMobileBox .inputText{font-size:.3rem;line-height:.6rem}
    .header .btnMenu.on>span:last-child{margin-top:-4px}
    .header .eShop .dropDown{top:35px}
    .header .eShop .dropDown a{padding:15px 20px}
    .homeBannerSwiper .textBox{top:20%}
    .homeBannerSwiper .h1{font-size:.4rem;line-height:.6rem;margin-bottom:5px}
    .homeBannerSwiper .h2{font-size:.3rem;line-height:.5rem;margin-bottom:5px}
    .homeBannerSwiper .btn{font-size:.22rem}
    .brandUser .h1{font-size:.4rem;line-height:.6rem}
    .brandUser .h2{font-size:.3rem;line-height:.5rem;margin-bottom:5px}
    .brandUser .btn{font-size:.22rem}
    .homeProdSwiper .textBox{padding:.7rem 15px 15px}
    .homeService .h1{font-size:.4rem}
    .homeService .text{font-size:.28rem;line-height:.5rem;margin-bottom:.4rem;-webkit-line-clamp:5}
    .homeService .btn{font-size:.22rem}
    .homeService .topBox{font-size:.26rem}
    .homeService .number{font-size:.48rem;line-height:.6rem}
    .homeService .name{font-size:.2rem;line-height:.5rem}
    .homeProdSwiper .h1{font-size:.4rem;line-height:.6rem;margin-bottom:5px}
    .homeProdSwiper .h2{font-size:.3rem;line-height:.5rem;margin-bottom:10px}
    .homeProdSwiper .btn{font-size:.22rem}
    .homeService .dataBox{padding:0}
    .homeShop{padding:.5rem 0 .1rem}
    .homeShop .column{width:100%;padding:0;display:flex;align-items:center;margin-bottom:.4rem}
    .homeShop .column a{display:flex;align-items:center}
    .homeShop .icon{width:.8rem;margin-right:.5rem}
    .homeShop .name{font-size:.32rem;margin-top:0;margin-right:.26rem}
    .homeShop .btn{font-size:0}
    .footer .code{left:0;right:auto}
    .footer .code::before{left:10px;right:auto}
    .messagePopup .inputBox{width:100%;height:46px}
    .messagePopup .topBox{padding:10px 15px}
    .messagePopup .h1{font-size:16px;line-height:26px}
    .messagePopup .form{padding:20px 15px}
    .messagePopup .areaBox{height:auto}
    .messagePopup .btnSubmit{width:120px;height:46px;font-size:14px}
    .floatWindow{right:0}
    .floatWindow .item{width:40px;height:40px}
    .floatWindow .item.pItem{display:none}
    .floatWindow .item.mItem{display:flex}
}
@media only screen and (max-width:480px){.header .navMobileBox .item>a{font-size:16px;line-height:40px}
    .header .eShop .dropDown a{font-size:.28rem;padding:.22rem .3rem}
    .brandUser .textBox{padding:.6rem 15px 15px}
    .footer .topBox{padding:40px 0 10px}
    .footer .shareBox{padding:0 0 10px}
    .footer .infoBox{padding:10px 0}
    .footer .navBox a{line-height:.6rem}
    .messagePopup .inputBox{height:40px;margin-bottom:10px;padding:0 10px}
    .messagePopup .text{height:80px}
    .messagePopup .areaBox{height:auto}
}
.main{padding-top:64px}
.homeMain{padding-top:0}
.prodNav .sortNav{display:flex;justify-content:center;padding:50px 0 30px}
.prodNav .navWrap{display:flex;justify-content:center;align-items:center;white-space:nowrap;border-radius:25px;font-family:OPPOSans-M}
.prodNav .sortNav .item{min-width:170px;line-height:50px;font-size:14px;color:#414349;text-align:center;background-color:#f4f4f4}
.prodNav .sortNav .item:first-child{border-radius:25px 0 0 25px}
.prodNav .sortNav .item:last-child{border-radius:0 25px 25px 0}
.prodNav .sortNav .item.active{position:relative;color:#fff}
.prodNav .sortNav .item.active>span{position:relative}
.prodNav .sortNav .item.active::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#000;border-radius:25px}
.prodNav .sortNav-2{display:flex;justify-content:center;padding-bottom:18px}
.prodNav .sortNav-2 .navWrap{display:flex;justify-content:center;align-items:center;white-space:nowrap}
.prodNav .sortNav-2 .item{display:flex;flex-direction:column;align-items:center;margin:0 70px}
.prodNav .sortNav-2 .img{display:flex;align-items:center;height:65px}
.prodNav .sortNav-2 .name{font-size:14px;line-height:60px;color:#414349}
.prodBox{background-color:#f5f6f6}
.prodListBox .title{text-align:center}
.prodListBox .title .h1{font-size:38px;line-height:60px;color:#414349;font-family:OPPOSans-B}
.prodListBox .title .h2{font-size:24px;line-height:38px;color:#414349;font-family:OPPOSans-R}
.prodListBox .prodColumn{margin-bottom:80px}
.prodListBox .title{padding-bottom:50px}
.prodListBox .prodColumn:first-child .title{padding:60px 0 50px}
.prodListBox .item{padding:40px 70px 40px 100px;margin-bottom:20px;background-color:#fff;display:flex;align-items:center;flex-wrap:wrap}
.prodListBox .item:last-child{margin-bottom:0}
.prodListBox .textBox{width:45%;padding-right:4%}
.prodListBox .prodList .h3{font-size:16px;line-height:60px;color:#414349;font-family:OPPOSans-B}
.prodListBox .prodList .h1{font-size:32px;line-height:60px;color:#414349;margin-bottom:10px;font-family:OPPOSans-B}
.prodListBox .prodList .h2{font-size:16px;line-height:24px;color:#646464;font-family:OPPOSans-R}
.prodListBox .prodList .btnBox{display:flex;margin-top:65px}
.prodListBox .prodList .btn{width:115px;line-height:48px;font-size:14px;color:#414349;text-align:center;border:1px solid #dcdcdc;border-radius:25px;margin-right:20px;transition:all .5s ease;font-family:OPPOSans-R}
.prodListBox .prodList .btn:last-child{margin-right:0}
.prodListBox .prodList .btn:hover{color:#fff;border:1px solid #000;background-color:#000}
.prodListBox .prodList .img{width:55%;height:400px}
.prodListBox .prodList .img img{max-height:100%;max-width:300px;margin:0 auto 30px;display:block}
.prodListBox .prodColumn:nth-child(2n) .item{flex-direction:row-reverse}
.prodListBox .prodColumn:nth-child(2n) .textBox{padding-left:4%;padding-right:0}
.prodBox .homeShop{padding:40px 0 118px}
.prodIdea{padding:110px 0 120px}
.prodIdea .title{text-align:center;margin-bottom:63px}
.prodIdea .title .h1{font-size:38px;line-height:50px;color:#35373d;font-family:OPPOSans-H}
.ideaList .item{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.ideaList .img{width:50%}
.ideaList .textBox{width:50%;padding:0 0 0 90px}
.ideaList .number{font-size:18px;line-height:30px;color:#35373d;font-family:OPPOSans-R;margin-bottom:55px}
.ideaList .h2{font-size:24px;line-height:30px;color:#35373d;font-family:OPPOSans-M;margin-bottom:20px}
.ideaList .h3{font-size:14px;line-height:30px;color:#646464;font-family:OPPOSans-R}
.ideaList .item:nth-child(2n){flex-direction:row-reverse}
.ideaList .item:nth-child(2n) .textBox{padding:0 90px}
@media only screen and (max-width:1366px){.prodListBox .title .h1{font-size:30px;line-height:50px}
    .prodListBox .title .h2{font-size:20px;line-height:30px}
    .prodListBox .prodList .h3{line-height:40px}
    .prodListBox .prodList .h1{font-size:26px;line-height:40px}
    .prodListBox .prodList .btnBox{margin-top:40px}
    .prodListBox .prodList .btn{width:90px;line-height:38px}
    .prodIdea .title .h1{font-size:30px;line-height:40px}
    .ideaList .number{margin-bottom:30px}
    .ideaList .textBox{padding:0 0 0 60px}
    .ideaList .item:nth-child(2n) .textBox{padding:0 60px}
}
@media only screen and (max-width:1024px){.main{padding-top:50px}
    .homeMain{padding-top:0}
    .prodNav .sortNav .navWrap{width:100%;overflow-x:auto}
    .prodNav .sortNav .navWrap::-webkit-scrollbar{display:none}
    .prodNav .sortNav-2 .navWrap{width:100%;overflow-x:auto}
    .prodNav .sortNav-2 .navWrap::-webkit-scrollbar{display:none}
    .prodListBox .item{padding:50px 70px}
    .prodNav .sortNav-2 .navWrap{justify-content:space-between}
    .prodNav .sortNav-2 .item{margin:0 auto}
    .prodNav .sortNav .item{min-width:auto;padding:0 30px}
    .ideaList .number{margin-bottom:20px}
    .ideaList .h2{margin-bottom:10px}
    .prodListBox .prodList .img{height:300px}
}
@media only screen and (max-width:768px){.prodListBox .item{padding:40px 50px;flex-direction:column-reverse}
    .prodListBox .textBox{width:100%;padding:0!important}
    .prodListBox .prodList .img{width:100%;height:250px;margin-bottom:30px}
    .prodListBox .prodColumn:nth-child(2n) .item{flex-direction:column-reverse}
    .ideaList .img{width:100%}
    .ideaList .textBox{width:100%;padding:30px!important}
}
@media only screen and (max-width:580px){.prodListBox .prodColumn:first-child .title{padding:40px 0}
    .prodListBox .title .h1{font-size:20px;line-height:40px}
    .prodListBox .title .h2{font-size:16px}
    .prodListBox .prodList .h3{font-size:14px;line-height:24px}
    .prodListBox .prodList .h1{font-size:20px}
    .prodListBox .prodList .h2{font-size:14px}
    .prodListBox .prodList .btnBox{margin-top:20px}
    .prodListBox .title{padding-bottom:30px}
    .prodListBox .prodColumn{margin-bottom:50px}
    .prodIdea{padding:60px 0 40px}
    .prodIdea .title{margin-bottom:30px}
    .prodIdea .title .h1{font-size:20px;line-height:30px}
    .ideaList .h2{font-size:18px;line-height:30px}
    .prodListBox .prodList .img{height:200px}
}
@media only screen and (max-width:480px){.prodListBox .item{padding:20px}
    .prodListBox .prodList .btn{width:70px;line-height:32px;font-size:12px;margin-right:0;border-radius:20px;margin-right:.3rem}
    .prodListBox .prodColumn:first-child .title{padding:40px 0 30px}
    .prodListBox .title .h1{line-height:30px}
    .prodNav .sortNav{padding:20px 0 30px}
    .prodNav .sortNav .item{line-height:40px}
    .prodNav .sortNav .navWrap{justify-content:flex-start}
    .prodNav .sortNav .item:first-child{border-radius:20px 0 0 20px}
    .prodNav .sortNav .item:last-child{border-radius:0 20px 20px 0}
    .prodNav .sortNav .item.active::before{border-radius:20px}
    .prodNav .sortNav-2 .item{min-width:60px;margin-right:15px}
    .prodBox .homeShop{padding:0 0 30px}
    .prodIdea{padding:40px 0 20px}
    .ideaList .textBox{padding:20px!important}
    .ideaList .number{margin-bottom:10px}
}
.problemBox{padding:75px 0 140px}
.problemBox .title{text-align:center;margin-bottom:30px}
.problemBox .title .h1{font-size:32px;line-height:50px;color:#414349;font-family:OPPOSans-M}
.problemBox .formBox{margin-bottom:30px}
.problemBox .selectBox{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.problemBox .select{max-width:300px;width:100%;height:55px;border:2px solid #eee;border-radius:27px;font-size:14px;color:#646464;margin:0 20px;padding:0 42px 0 30px;font-family:OPPOSans-R;background-image:url(../images/icon18.png);background-repeat:no-repeat;background-position:90% center;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.problemBox .select::-ms-expand{display:none}
.problemList .item{padding:20px 0;border-bottom:1px solid #eee}
.problemList .ask{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.problemList .h2{width:calc(100% - 12px);font-size:16px;line-height:50px;color:#414349;font-family:OPPOSans-R}
.problemList .icon{width:12px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transition:all .5s ease}
.problemList .ask.active .icon{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg)}
.problemList .answer{display:none;font-size:14px;line-height:50px;color:#646464;background-color:#f7f8f8;padding:10px 30px;font-family:OPPOSans-R}
.connectBox{padding:85px 0 140px}
.connectBox .box{margin-bottom:30px}
.connectBox .title{margin-bottom:30px}
.connectBox .title .h1{font-size:32px;line-height:50px;color:#414349;font-family:OPPOSans-M}
.connectBox .map{position:relative;height:500px;background-position:center center;background-size:cover}
.connectBox .map .bmap-container{height:500px}
.connectBox .map .textBox{position:absolute;top:50%;left:11.5%;transform:translate(0,-50%);background-color:#fff;padding:45px 50px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.connectBox .map .item2{display:flex;font-size:14px;line-height:30px;color:#646464;margin-bottom:10px;font-family:OPPOSans-R}
.connectBox .map .item2:last-child{margin-bottom:0}
.connectBox .map .icon{width:20px;text-align:center}
.connectBox .map .text{width:calc(100% - 30px)}
.connectBox .listBox{display:flex;align-items:stretch;flex-wrap:wrap}
.connectBox .item{width:31.66%;margin-right:2.51%;padding:45px 50px 60px;background-image:url(../images/img51.jpg);background-size:cover;margin-bottom:35px}
.connectBox .item:nth-child(3n){margin-right:0}
.connectBox .h2{font-size:20px;line-height:50px;color:#414349;font-family:OPPOSans-M}
.connectBox .number{display:flex;align-items:center;font-size:14px;line-height:50px;color:#646464;font-family:OPPOSans-M}
.connectBox .icon{margin-right:10px}
.connectBox .botBox{height:400px;padding:115px 80px 0;background-size:cover}
.connectBox .h3{font-size:14px;line-height:20px;color:#646464;font-family:OPPOSans-R}
.inquireBox{padding:70px 0 85px;background-color:#f0f1f2}
.inquireBox .formBox{background-color:#fff;border-radius:10px;margin-bottom:50px;padding:90px 30px 105px}
.inquireBox .title{text-align:center;margin-bottom:10px}
.inquireBox .title .h1{font-size:32px;line-height:50px;color:#414349;font-family:OPPOSans-M}
.inquireBox .form{position:relative;max-width:820px;width:100%;margin:0 auto}
#fwcode{width:100%;height:50px;border-radius:25px;border:2px solid #eee;font-size:14px;color:#a9a9a9;padding:0 30px;font-family:OPPOSans-R}
#fwcode::-webkit-input-placeholder{color:#a9a9a9}
#fwBtn{position:absolute;top:2px;right:2px;width:100px;height:46px;background-color:#f06410;border-radius:30px;cursor:pointer;font-size:18px;color:#fff}
.inquireBox .tips{font-size:14px;line-height:50px;color:#646464;padding:0 30px;font-family:OPPOSans-R}
.inquireBox .listBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.inquireBox .item{width:47%;padding:50px;background-color:#fff;border-radius:10px;text-align:center}
.inquireBox .icon{margin-bottom:10px}
.inquireBox .name{font-size:20px;line-height:1;color:#414349;margin-bottom:8px;font-family:OPPOSans-M}
.inquireBox .number{font-size:14px;line-height:1;color:#414349;margin-bottom:15px;font-family:OPPOSans-R}
.inquireBox .h2{font-size:14px;line-height:24px;color:#646464;font-family:OPPOSans-R}
@media only screen and (max-width:1366px){.connectBox .item{padding:30px 40px 40px}
    .connectBox .number{line-height:30px}
}
@media only screen and (max-width:1024px){.connectBox .botBox{height:300px;padding:80px 50px 0}
}
@media only screen and (max-width:991px){.problemBox .selectBox{justify-content:space-between}
    .problemBox .select{max-width:45%;margin:0}
    .connectBox .item{width:48%;margin-right:4%}
    .connectBox .item:nth-child(3n){margin-right:4%}
    .connectBox .item:nth-child(2n){margin-right:0}
}
@media only screen and (max-width:768px){.connectBox .botBox{height:auto;padding:80px 40px}
    .connectBox .map .textBox{padding:30px}
    .connectBox .map .item2{margin-bottom:0}
}
@media only screen and (max-width:580px){.problemBox{padding:60px 0}
    .problemBox .title .h1{font-size:20px;line-height:30px}
    .problemBox .formBox{margin-bottom:15px}
    .problemBox .select{height:46px;padding:0 27px 0 15px}
    .problemList .item{padding:15px 0}
    .problemList .h2{font-size:16px;line-height:30px}
    .problemList .answer{font-size:14px;line-height:30px;padding:10px 15px}
    .connectBox{padding:60px 0}
    .connectBox .title .h1{font-size:20px;line-height:30px}
    .connectBox .item{padding:20px;margin-bottom:20px}
    .connectBox .h2{font-size:.28rem;line-height:.5rem}
    .connectBox .map .item2{font-size:.24rem;line-height:.5rem}
    .connectBox .box{margin-bottom:20px}
    .connectBox .box:first-child{margin-bottom:40px}
    .inquireBox{padding:60px 0}
    .inquireBox .formBox{padding:50px 30px}
    .inquireBox .title .h1{font-size:20px;line-height:30px}
    .inquireBox .item{padding:30px}
    .connectBox .map .textBox{padding:15px 10px}
    .connectBox .icon{margin-right:5px}
    .connectBox .map .text{width:calc(100% - 25px)}
    .connectBox .map{height:auto}
    .connectBox .map .bmap-container{height:300px}
    .connectBox .map .textBox{position:relative;width:100%;left:auto;transform:translate(0,0);margin-top:20px}
    #fwcode{padding:0 15px;height:46px}
    #fwBtn{position:relative;top:auto;right:auto;display:block;font-size:16px;height:40px;margin:20px auto 0}
}
@media only screen and (max-width:480px){.problemBox{padding:40px 0}
    .problemBox .select{height:42px}
    .connectBox{padding:40px 0}
    .connectBox .item{width:100%;padding:30px 20px;margin-right:0!important}
    .connectBox .title{margin-bottom:20px}
    .connectBox .box{margin-bottom:10px}
    .connectBox .box:first-child{margin-bottom:30px}
    .connectBox .botBox{padding:40px 20px}
    .connectBox .botBox .textBox{width:70%}
    .inquireBox{padding:40px 0 20px}
    .inquireBox .formBox{padding:30px 20px;margin-bottom:30px}
    .inquireBox .inputText{height:40px;padding:0 15px;border:1px solid #eee;border-radius:20px}
    .inquireBox .tips{line-height:24px;padding:0 15px;margin-top:10px}
    .inquireBox .item{width:100%;margin-bottom:20px}
}
.welfareBox .topBox{padding:90px 0 0}
.welfareBox .title{text-align:center}
.welfareBox .title .h1{font-size:32px;line-height:50px;color:#35373d;font-family:OPPOSans-M}
.welfareBox .topBox .title{margin-bottom:10px}
.welfareBox .topBox .text{font-size:14px;line-height:30px;color:#646464;text-align:center;margin-bottom:30px;font-family:OPPOSans-R}
.welfareBox .imgBox{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:120px}
.welfareBox .imgBox .img{width:48%;margin-right:4%;border-radius:20px}
.welfareBox .imgBox .img:nth-child(2n){margin-right:0}
.welfareBox .backBox{position:relative;height:600px;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}
.welfareBox .backBox .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.welfareBox .dutyBox{padding:80px 0 65px}
.welfareBox .dutyBox .title{margin-bottom:50px}
.welfareBox .dutyBox .item{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:50px}
.welfareBox .dutyBox .textBox{width:calc(100% - 344px);padding-right:75px}
.welfareBox .dutyBox .img{width:344px;border-radius:15px}
.welfareBox .dutyBox .h2{font-size:24px;line-height:50px;color:#2e3139;margin-bottom:10px;font-family:OPPOSans-M}
.welfareBox .dutyBox .text{font-size:14px;line-height:24px;color:#646464;font-family:OPPOSans-R}
.aboutBox .introBox{padding:90px 0 110px}
.aboutBox .title{text-align:center}
.aboutBox .title .h1{font-size:38px;line-height:1;color:#35373d;font-family:OPPOSans-H}
.introBox .title{margin-bottom:50px}
.introBox .text{max-width:880px;width:100%;margin:0 auto;font-size:14px;line-height:30px;color:#646464;text-align:center;margin-bottom:40px;font-family:OPPOSans-R}
.introBox .videoBox{position:relative;border-radius:5px;overflow:hidden;transition:all 1.5s ease}
.introBox .videoBox.active{max-width:100%;border-radius:0}
.introBox .btnPlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;display:none}
.introBox .videoImg{display:none}
.videoPopup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:100;display:none}
.videoPopup .videoWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.videoPopup .close{position:absolute;top:5%;right:5%;cursor:pointer;width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center}
.aboutSwiper .swiper-button-next,.aboutSwiper .swiper-button-prev{width:55px;height:55px;background-size:cover;margin-top:-27px}
.aboutSwiper .swiper-button-prev{left:20%;background-image:url(../images/icon24.png)}
.aboutSwiper .swiper-button-next{right:20%;background-image:url(../images/icon25.png)}
.aboutSwiperBox .botBox{position:relative;max-width:66.5%;width:100%;margin:0 auto;display:flex;justify-content:space-between;padding:35px 0;font-family:OPPOSans-R}
.aboutSwiperBox .textBox{width:calc(100% - 300px)}
.aboutSwiperBox .text{display:none}
.aboutSwiperBox .text.active{display:block}
.aboutSwiperBox .h1{font-size:24px;line-height:30px;color:#414349;margin-bottom:10px}
.aboutSwiperBox .h2{font-size:14px;line-height:24px;color:#646464}
.aboutSwiperBox .swiper-pagination{position:relative;width:100px;left:auto;bottom:auto;margin:0;font-size:14px;line-height:24px;color:#646464;text-align:right;font-family:OPPOSans-M}
.aboutSwiperBox .swiper-pagination-current{font-size:18px}
.chooseBox .listBox{padding:170px 0 135px}
.chooseBox .listBox .wrap{display:flex;flex-wrap:wrap}
.chooseBox .listBox .item{width:48%;margin-right:4%;background-color:#fff}
.chooseBox .listBox .item:nth-child(2n){margin-right:0}
.chooseBox .back{background-repeat:no-repeat;background-position:bottom center;background-size:100% auto}
.chooseBox .listBox .text{font-size:14px;line-height:30px;color:#646464;padding:42px 50px 50px;background-color:#fff;font-family:OPPOSans-R}
.feedback{height:700px;background-position:center center;background-size:cover;padding:130px 0 0;color:#fff}
.feedback .box{max-width:485px;width:100%}
.feedback .name{margin-bottom:40px}
.feedback .en{font-size:14px;line-height:30px;margin-bottom:10px;font-family:OPPOSans-R}
.feedback .cn{font-size:32px;line-height:1;font-family:OPPOSans-B}
.feedback .text{font-size:14px;line-height:30px;font-family:OPPOSans-R}
.responBox{padding:125px 0 55px}
.responBox .title{margin-bottom:70px}
.responBox .item{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:80px}
.responBox .img{width:50%}
.responBox .textBox{width:50%;padding:0 0 0 80px}
.responBox .item:nth-child(2n){flex-direction:row-reverse}
.responBox .item:nth-child(2n) .textBox{padding:0 80px 0 0}
.responBox .item .h1{font-size:24px;line-height:36px;color:#414349;margin-bottom:35px;font-family:OPPOSans-B}
.responBox .item .h2{font-size:24px;line-height:36px;color:#414349;margin-bottom:15px;font-family:OPPOSans-R}
.responBox .text{font-size:14px;line-height:30px;color:#646464;font-family:OPPOSans-R}
.brandConceptBox .title{text-align:center;margin-bottom:70px}
.brandConceptBox .title .h1{font-size:38px;line-height:50px;color:#35373d;margin-bottom:15px;font-family:OPPOSans-H}
.brandConceptBox .title .h2{font-size:14px;line-height:30px;color:#646464;font-family:OPPOSans-R}
.brandBox-1{padding:110px 0 105px}
.brandBox-1 .title{margin-bottom:70px}
.brandBox-1 .imgBox{position:relative}
@keyframes zoomVideo{0{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
.brandBox-2{padding:85px 0 110px;background-color:#fafafa}
.brandBox-2 .title{margin-bottom:50px}
.brandBox-2 .listBox{display:flex;justify-content:space-between;flex-wrap:wrap}
.brandBox-2 .item{width:18.33%;height:430px;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:10px;margin-right:2.0875%;padding:50px 30px 55px;transition:all .5s ease}
.brandBox-2 .item:last-child{margin-right:0}
.brandBox-2 .number{font-size:14px;line-height:30px;color:#35373d;font-family:OPPOSans-R}
.brandBox-2 .icon{margin-bottom:40px}
.brandBox-2 .cn{font-size:24px;line-height:30px;color:#35373d;font-family:OPPOSans-R}
.brandBox-2 .en{font-size:14px;line-height:30px;color:#35373d;font-family:OPPOSans-R}
.brandBox-2 .item:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)}
.brandBox-3{position:relative;height:700px;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}
.brandBox-3 .title{position:absolute;top:150px;left:50%;width:100%;padding:0 5%;transform:translate(-50%,0)}
.brandBox-4{padding:100px 0 90px}
.brandBox-4 .title{margin-bottom:30px}
.brandBox-4 .title .h3{font-size:38px;line-height:1;color:#35373d;font-family:OPPOSans-R}
.brandBox-4 .text{font-size:14px;line-height:30px;color:#646464;margin-bottom:40px;font-family:OPPOSans-R}
.brandBox-4 .imgBox{border-radius:20px}
.brandBox-5{padding-bottom:100px}
.brandBox-5 .title{margin-bottom:40px}
.brandBox-5 .listBox{display:flex;justify-content:space-between;flex-wrap:wrap}
.brandBox-5 .item{width:32.25%;margin-right:1.625%;margin-bottom:15px;border-radius:10px}
.brandBox-5 .item:nth-child(3n){margin-right:0}
@media only screen and (max-width:1366px){.aboutBox .title .h1{font-size:30px}
    .feedback{height:600px}
    .introBox .btnPlay{width:60px;height:60px}
    .brandConceptBox .title .h1{font-size:30px;line-height:40px}
    .brandBox-4 .title .h3{font-size:30px}
    .brandBox-2 .item{height:350px;padding:30px 20px}
    .brandBox-3{height:500px}
}
@media only screen and (max-width:1024px){.feedback .box{max-width:400px}
    .aboutSwiper .swiper-button-next,.aboutSwiper .swiper-button-prev{width:40px;height:40px;margin-top:-20px}
    .aboutSwiperBox .textBox{width:calc(100% - 100px)}
    .chooseBox .listBox{padding:80px 0}
}
@media only screen and (max-width:991px){.welfareBox .dutyBox .textBox{padding-right:30px}
    .brandBox-2{padding:80px 0}
    .brandBox-2 .listBox{justify-content:center}
    .brandBox-2 .item{width:32%;margin-right:2%;margin-bottom:30px}
    .brandBox-2 .item:nth-child(3n){margin-right:0}
    .brandBox-5 .item{width:48%;margin-right:4%}
    .brandBox-5 .item:nth-child(3n){margin-right:4%}
    .brandBox-5 .item:nth-child(2n){margin-right:0}
}
@media only screen and (max-width:768px){.welfareBox .backBox{height:400px}
    .welfareBox .dutyBox .textBox{width:100%;padding:0}
    .welfareBox .dutyBox .img{width:100%;margin-bottom:30px}
    .welfareBox .dutyBox .item{flex-direction:column-reverse}
    .aboutSwiperBox .botBox{max-width:100%;padding:30px 5%}
    .chooseBox .listBox{padding:50px 0}
    .chooseBox .listBox .item{width:100%;margin-right:0}
    .feedback{height:500px;padding:60px 0 0}
    .feedback .box{max-width:50%}
    .responBox .item{margin-bottom:30px}
    .responBox .img{width:100%}
    .responBox .textBox{width:100%;padding:30px 0}
    .responBox .item:nth-child(2n) .textBox{padding:30px 0}
    .introBox .btnPlay{width:40px;height:40px}
    img.link_more,img.link_more2 {

    right: 0!important;
    top: 0!important;}
}
@media only screen and (max-width:680px){.brandConceptBox .title .h1{font-size:20px;line-height:30px}
}
@media only screen and (max-width:580px){.welfareBox .topBox{padding:60px 0 0}
    .welfareBox .title .h1{font-size:20px;line-height:30px}
    .welfareBox .topBox .text{line-height:24px}
    .welfareBox .imgBox{margin-bottom:20px}
    .welfareBox .imgBox .img{width:100%;margin-right:0;margin-bottom:20px}
    .welfareBox .backBox .icon{width:200px}
    .welfareBox .dutyBox{padding:60px 0 40px}
    .welfareBox .dutyBox .title{margin-bottom:30px}
    .welfareBox .dutyBox .h2{font-size:18px;line-height:30px}
    .aboutBox .introBox{padding:60px 0}
    .aboutBox .title .h1{font-size:20px}
    .introBox .title{margin-bottom:30px}
    .aboutSwiperBox .h1{font-size:16px}
    .aboutSwiperBox .swiper-pagination{width:50px}
    .aboutSwiperBox .textBox{width:100%}
    .chooseBox .listBox{padding:20px 0}
    .chooseBox .listBox .text{padding:20px 0}
    .chooseBox .listBox .item{margin-bottom:20px}
    .feedback .box{max-width:100%}
    .responBox{padding:60px 0 30px}
    .responBox .title{margin-bottom:30px}
    .responBox .textBox{padding:20px 0}
    .responBox .item .h1{font-size:18px;line-height:30px;margin-bottom:10px}
    .responBox .item .h2{font-size:16px;line-height:30px;margin-bottom:10px}
    .responBox .item:nth-child(2n) .textBox{padding:20px 0}
    .aboutSwiper .swiper-button-prev{left:5%}
    .aboutSwiper .swiper-button-next{right:5%}
    .feedback .name{margin-bottom:20px}
    .feedback .en{margin-bottom:0}
    .feedback .cn{font-size:20px}
    .feedback .text{line-height:24px}
    .feedback{height:auto;padding:60px 0 500px}
    .aboutSwiperBox .swiper-pagination{position:absolute;right:10px;top:-30px;color:#fff}
    .brandBox-1{padding:60px 0}
    .brandConceptBox .title .h1{font-size:.4rem;line-height:.6rem}
    .brandConceptBox .break{display:inline-block;width:100%}
    .brandBox-1 .title{margin-bottom:30px}
    .brandBox-2{padding:60px 0}
    .brandBox-2 .title{margin-bottom:30px}
    .brandBox-2 .number{display:none}
    .brandBox-2 .item{height:auto;text-align:center}
    .brandBox-2 .item:nth-child(n+4){width:48%;margin-right:4%!important}
    .brandBox-2 .item:last-child{margin-right:0!important}
    .brandBox-3{height:400px}
    .brandBox-3 .title{width:90%;top:50%;transform:translate(-50%,-50%)}
    .brandBox-4{padding:60px 0}
    .brandBox-4 .title .h3{font-size:20px}
    .brandBox-4 .text{margin-bottom:30px}
    .brandBox-5 .title{margin-bottom:30px}
    .brandBox-5{padding-bottom:45px}
    .introBox .btnPlay{display:block}
    .introBox .videoImg{display:block}
    .introBox .videoBox video{display:none}
    .brandConceptBox .title .h2{font-size:.24rem;line-height:.5rem;max-width:99%;margin:0 auto}
}
@media only screen and (max-width:480px){.welfareBox .topBox{padding:40px 0 0}
    .welfareBox .backBox{height:300px;background-attachment:initial;background-size:cover}
    .welfareBox .backBox .icon{width:150px}
    .welfareBox .dutyBox{padding:40px 0 10px}
    .welfareBox .dutyBox .h2{font-size:16px}
    .welfareBox .dutyBox .item{margin-bottom:30px}
    .welfareBox .dutyBox .img{margin-bottom:20px}
    .aboutBox .introBox{padding:40px 0}
    .aboutSwiperBox .botBox{padding:20px 5%}
    .feedback{padding:40px 0 400px}
    .responBox{padding:40px 0 10px}
    .brandBox-1{padding:40px 0}
    .brandBox-2{padding:40px 0 10px}
    .brandBox-2 .item{padding:20px 10px}
    .brandBox-2 .cn{font-size:.36rem;line-height:.6rem}
    .brandBox-2 .en{font-size:.24rem;line-height:.5rem}
    .brandBox-2 .icon{margin-bottom:20px}
    .brandBox-2 .icon img{width:40px}
    .brandBox-3{height:350px}
    .brandBox-4{padding:40px 0}
    .brandBox-5{padding-bottom:25px}
}
@media only screen and (max-width:414px){.feedback{padding:40px 0 300px}
}
.cooperateMain .banner{position:relative}
.cooperateMain .banner .textBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 20px;text-align:center}
.cooperateMain .banner .h1{font-size:32px;line-height:50px;color:#fff;margin-bottom:5px;font-family:OPPOSans-M}
.cooperateMain .banner .h2{font-size:14px;line-height:24px;color:#fff;font-family:OPPOSans-R}
.cooperateBox .title{text-align:center}
.cooperateBox .title .h1{font-size:32px;line-height:50px;color:#414349;font-family:OPPOSans-M}
.cooperateBox-1{padding:75px 0 80px}
.cooperateBox-1 .title{margin-bottom:30px}
.cooperateBox-1 .back{position:relative;height:550px;background-position:center center;background-size:cover}
.cooperateBox-1 .back::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
.cooperateBox-1 .swiper-pagination{display:none}
.cooperateBox-1 .listBox{position:relative;height:100%}
.cooperateBox-1 .item{padding:25px 25px 70px;display:flex;align-items:flex-end;transition:all .5s ease;cursor:pointer}
.cooperateBox-1 .itemWrap{display:flex;flex-direction:column}
.cooperateBox-1 .icon{margin-bottom:15px}
.cooperateBox-1 .name{font-size:20px;line-height:24px;color:#fff;margin-bottom:10px;font-family:OPPOSans-R}
.cooperateBox-1 .text{font-size:14px;line-height:24px;color:#fff;font-family:OPPOSans-R;display:none}
.cooperateBox-1 .item:hover{background-color:rgba(0,0,0,.26);padding:25px 25px 100px}
.cooperateBox-1 .item:hover .text{display:block}
.cooperateBox-2{padding:0 0 80px 0}
.cooperateBox-2 .title{margin-bottom:5px}
.cooperateBox-2 .text{font-size:14px;line-height:24px;color:#414349;text-align:center;margin-bottom:25px;font-family:OPPOSans-R}
.cooperateBox-2 .listBox{display:flex;align-items:stretch;flex-wrap:wrap}
.cooperateBox-2 .column-1{width:37.5%;margin-right:1.67%;display:flex;flex-direction:column;justify-content:space-between}
.cooperateBox-2 .column-2{width:30.83%;margin-right:1.67%;display:flex;flex-direction:column;justify-content:space-between}
.cooperateBox-2 .column-3{width:28.33%}
.cooperateBox-2 .imgs{display:flex;flex-wrap:wrap}
.cooperateBox-2 .lImg{width:47.77%;margin-right:4.46%}
.cooperateBox-2 .rImg{width:47.77%;display:flex;flex-direction:column;justify-content:space-between}
.cooperateBox-2 .column-3 .img{margin-bottom:6%}
.cooperateBox-2 .column-3 .img:last-child{margin-bottom:0}
.cooperateBox-2 .img{border-radius:10px}
.cooperateBox-3{padding-bottom:150px}
.cooperateBox-3 .title{margin-bottom:70px}
.cooperateBox-3 .listBox{display:flex;flex-wrap:wrap}
.cooperateBox-3 .item{position:relative;width:25%;text-align:center;padding:0 4%}
.cooperateBox-3 .item::before{position:absolute;content:"";top:25px;right:-16px;width:32px;height:13px;background-image:url(../images/icon35.png);background-size:cover}
.cooperateBox-3 .item:last-child::before{display:none}
.cooperateBox-3 .icon{margin-bottom:20px}
.cooperateBox-3 .number{font-size:13px;line-height:24px;color:#969696;margin-bottom:10px;font-family:OPPOSans-R}
.cooperateBox-3 .name{font-size:16px;line-height:24px;color:#414349;margin-bottom:5px;font-family:OPPOSans-R}
.cooperateBox-3 .text{font-size:14px;line-height:24px;color:#646464;font-family:OPPOSans-R}
.cooperateBox-4{padding:75px 0 130px}
.cooperateBox-4 .title{margin-bottom:55px}
.cooperateBox-4 .title .h1{margin-bottom:5px}
.cooperateBox-4 .title .h2{font-size:14px;line-height:24px;color:#646464;font-family:OPPOSans-R}
.networkMap{position:relative;margin-bottom:50px}
.networkMap .phoneBox{position:absolute;top:39%;left:39.8%;padding:30px 30px 25px;background-color:#fff;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.1)}
.networkMap .phoneBox::after{position:absolute;top:50%;left:-14px;margin-top:-10px;content:"";width:0;height:0;border-top:10px solid transparent;border-right:14px solid #fff;border-bottom:10px solid transparent}
.networkMap .phone{font-size:14px;line-height:24px;color:#000;font-family:OPPOSans-R;margin-top:10px}
.cooperateBox-4 .dataBox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 70px}
.cooperateBox-4 .column{text-align:center}
.cooperateBox-4 .topBox{display:flex;justify-content:center;align-items:flex-start;font-size:26px;color:#414349;line-height:1;font-family:OPPOSans-H}
.cooperateBox-4 .number{font-size:42px;line-height:50px;margin-right:5px;text-align:center}
.cooperateBox-4 .number1{width:86px}
.cooperateBox-4 .number2{width:100px}
.cooperateBox-4 .number3{width:57px}
.cooperateBox-4 .number4{width:114px}
.cooperateBox-4 .name{display:inline-block;font-size:14px;color:#414349;line-height:36px;font-family:OPPOSans-R}
@media only screen and (max-width:1366px){.cooperateBox .title .h1{font-size:30px;line-height:40px}
    .cooperateBox-4 .topBox{font-size:18px}
    .cooperateBox-4 .number{font-size:30px;line-height:40px}
    .cooperateBox-4 .number1{width:62px}
    .cooperateBox-4 .number2{width:72px}
    .cooperateBox-4 .number3{width:41px}
    .cooperateBox-4 .number4{width:82px}
    .cooperateMain .banner .h1{font-size:30px;line-height:40px}
}
@media only screen and (max-width:1024px){.cooperateBox-1 .swiper-pagination{display:block}
    .cooperateBox-1 .item{padding:25px 15px 50px}
    .cooperateBox-1 .item:hover{padding:25px 15px 70px}
    .cooperateBox-3 .item{padding:0 1%}
    .networkMap .phoneBox{top:35.5%;left:40%}
}
@media only screen and (max-width:768px){.cooperateBox-1 .back{height:450px}
    .cooperateBox-1 .item:last-child{width:100%}
    .cooperateBox-1 .item{padding:20px 20px 40px}
    .cooperateBox-1 .item:hover{padding:20px 20px 40px}
    .cooperateBox-1 .text{display:block}
    .cooperateBox-3 .item{width:50%;margin-bottom:30px}
    .cooperateBox-3 .item::before{display:none}
    .cooperateBox-3{padding-bottom:100px}
    .networkMap{margin-bottom:10px}
    .cooperateBox-4 .dataBox{padding:0}
    .cooperateBox-4 .column{width:50%;margin-top:40px}
    .networkMap .phoneBox{top:30%;left:41%}
}
@media only screen and (max-width:580px){.cooperateBox-1{padding:60px 0}
    .cooperateBox .title .h1{font-size:20px;line-height:30px}
    .cooperateBox-1 .item{background-color:rgba(0,0,0,.26)}
    .cooperateBox-1 .name{font-size:16px}
    .cooperateBox-2{padding-bottom:60px}
    .cooperateBox-3 .title{margin-bottom:30px}
    .cooperateBox-3{padding-bottom:60px}
    .cooperateBox-4{padding:60px 0}
    .cooperateBox-4 .title{margin-bottom:30px}
    .networkMap{margin-bottom:0}
    .cooperateMain .banner .h1{font-size:20px;line-height:30px}
    .cooperateMain .banner .textBox{padding:0}
    .networkMap .phoneBox{top:30%;left:42%;padding:15px}
}
@media only screen and (max-width:480px){.cooperateBox-1{padding:60px 0 40px}
    .cooperateBox-1 .back{height:350px}
    .cooperateBox-2{padding-bottom:40px}
    .cooperateBox-3{padding-bottom:10px}
    .cooperateBox-3 .text{font-size:.26rem;line-height:.48rem}
    .cooperateBox-1 .title{margin-bottom:20px}
    .cooperateBox-4{padding:40px 0}
    .networkMap .phoneBox{top:35%;left:41%;padding:.1rem;border-radius:5px}
    .networkMap .phoneBox::after{left:-5px;margin-top:-2px;border-top:3px solid transparent;border-right:5px solid #fff;border-bottom:3px solid transparent}
    .networkMap .phoneBox .logo{width:1.4rem}
    .networkMap .phone{font-size:.18rem;line-height:.24rem;margin-top:.06rem}
}
@media only screen and (max-width:375px){.networkMap .phoneBox{top:34%;left:41%}
}
.usersBox-1{padding:75px 0}
.usersBox-1 .box{position:relative;display:flex;flex-wrap:wrap}
.usersBox-1 .textBox{width:calc(100% - 586px);padding-top:90px;padding-right:5%}
.usersBox-1 .swiperBox{width:586px}
.usersBox-1 .h1{font-size:32px;line-height:50px;color:#414349;margin-bottom:15px;font-family:OPPOSans-M}
.usersBox-1 .text{font-size:14px;line-height:30px;color:#646464;font-family:OPPOSans-M}
.usersBox-1 .swiper-button-next,.usersBox-1 .swiper-button-prev{top:auto;bottom:45px;right:auto;width:50px;height:50px;margin-top:0;background-size:cover}
.usersBox-1 .swiper-button-prev{left:0;background-image:url(../images/icon41.png)}
.usersBox-1 .swiper-button-next{left:70px;background-image:url(../images/icon42.png)}
.usersBox-2{padding:90px 0 40px;background-color:#f9f9fa}
.aboutUsersBox .title{text-align:center}
.aboutUsersBox .title .h1{font-size:38px;line-height:1;color:#414349;font-family:OPPOSans-M}
.usersBox-2 .title{margin-bottom:55px}
.usersBox-2 .listBox{display:flex;flex-wrap:wrap;align-items:stretch}
.usersBox-2 .item{width:48%;height:auto;margin-right:4%;margin-bottom:30px;border-radius:15px;background-color:#fff}
.usersBox-2 .item:nth-child(2n){margin-right:0}
.usersBox-2 .textBox{padding:30px 40px 20px;background-color:#fff;font-family:OPPOSans-R}
.usersBox-2 .h2{font-size:24px;line-height:30px;color:#414349}
.usersBox-2 .h3{font-size:14px;line-height:30px;color:#646464}
.usersBox-2 .item-1{position:relative;width:100%;margin-right:0}
.usersBox-2 .item-1 .textBox{position:absolute;top:50%;left:0;width:100%;transform:translate(0,-50%);padding:0 115px;background:0 0}
.usersBox-2 .item-1 .h2{color:#fff}
.usersBox-2 .item-1 .h3{color:#fff}
.usersBox-3{padding:80px 0 75px}
.usersBox-3 .title{margin-bottom:35px}
.usersBox-3 .title .h1{margin-bottom:10px}
.aboutUsersBox .title .h2{font-size:14px;line-height:30px;color:#646464;font-family:OPPOSans-R}
.usersBox-3 .listBox{display:flex;flex-wrap:wrap}
.usersBox-3 .item{width:32%;margin-right:2%}
.usersBox-3 .item:nth-child(3n){margin-right:0}
.usersBox-3 .img{border-radius:15px}
.usersBox-3 .h3{font-size:20px;line-height:30px;color:#414349;text-align:center;margin-top:20px;font-family:OPPOSans-R}
.usersBox-4{padding:90px 0 70px}
.usersBox-4 .title{margin-bottom:30px}
.usersBox-4 .title .h1{font-size:32px;line-height:50px}
.usersBox-4 .listBox{display:flex;flex-wrap:wrap}
.usersBox-4 .item{width:48%;margin-right:4%;margin-bottom:40px;display:flex;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:10px;overflow:hidden}
.usersBox-4 .item:nth-child(2n){margin-right:0}
.usersBox-4 .img{width:52.58%;border-radius:10px}
.usersBox-4 .textBox{width:47.42%;display:flex;flex-direction:column;justify-content:space-between;padding:75px 30px 50px}
.usersBox-4 .number{font-size:16px;line-height:30px;color:#a1a1a1;font-family:OPPOSans-R}
.usersBox-4 .h2{font-size:18px;line-height:30px;color:#646464;font-family:OPPOSans-R}
.usersBox-5 .wrap{position:relative}
.usersBox-5 .title{padding:70px 30px 60px;background-color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.1);margin-top:-120px;margin-bottom:100px;border-radius:10px}
.usersBox-5 .title .h1{font-size:30px;margin-bottom:15px}
.usersBox-5 .imgBox-2{position:relative}
.usersBox-5 .textBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 110px}
.usersBox-5 .h3{font-size:38px;line-height:1;color:#fff;margin-bottom:30px;font-family:OPPOSans-M}
.usersBox-5 .link{display:inline-block;width:145px;line-height:45px;font-size:14px;color:#fff;text-align:center;border-radius:23px;background-color:rgba(255,255,255,.2);font-family:OPPOSans-R}
.aboutUsersBox .homeShop{padding:80px 0 90px}
.aboutUsersBox .homeShop .column:last-child{margin-bottom:0}
@media only screen and (max-width:1366px){.aboutUsersBox .title .h1{font-size:30px}
    .usersBox-2 .h2{font-size:18px}
    .usersBox-3 .h3{font-size:16px}
    .usersBox-1 .h1{font-size:30px}
    .usersBox-5 .title{margin-top:-100px}
    .usersBox-5 .textBox{padding:0 80px}
    .usersBox-5 .h3{font-size:30px}
}
@media only screen and (max-width:1024px){.usersBox-1 .textBox{width:calc(100% - 400px);padding-top:50px}
    .usersBox-1 .swiperBox{width:400px}
    .usersBox-4 .textBox{padding:30px 20px}
}
@media only screen and (max-width:991px){.usersBox-4 .item{width:100%;margin-right:0}
}
@media only screen and (max-width:768px){.usersBox-1 .textBox{width:100%;padding-right:0;padding-top:0}
    .usersBox-1 .swiperBox{width:100%}
    .usersBox-1 .swiper-button-next{left:auto;right:0}
    .usersBox-2 .textBox{padding:20px}
    .usersBox-2 .item-1 .textBox{padding:0 50px}
    .usersBox-5 .title{padding:30px 20px;margin-top:-50px;margin-bottom:50px}
    .usersBox-5 .link{width:120px;line-height:40px}
    .usersBox-5 .textBox{padding:0 30px}
    .usersBox-5 .h3{font-size:20px;margin-bottom:20px}
    .usersBox-5 .link{width:90px;line-height:36px}
}
@media only screen and (max-width:580px){.usersBox-3 .item{width:100%;margin-right:0;margin-bottom:30px}
    .usersBox-1{padding:60px 0}
    .usersBox-1 .h1{font-size:20px;line-height:30px}
    .usersBox-2{padding:60px 0 30px}
    .usersBox-2 .listBox{flex-wrap:initial;margin-bottom:30px}
    .usersBox-2 .item{width:100%;margin-bottom:0}
    .usersBox-2 .item-1 .textBox{padding:0 20px}
    .aboutUsersBox .title .h1{font-size:20px;line-height:30px}
    .usersBox-2 .title{margin-bottom:30px}
    .usersBox-1 .swiper-button-next,.usersBox-1 .swiper-button-prev{width:40px;height:40px}
    .usersBox-3{padding:60px 0 30px}
    .usersBox-3 .title{margin-bottom:30px}
    .usersBox-4{padding:60px 0}
    .usersBox-4 .h2{font-size:16px}
    .aboutUsersBox .homeShop{padding:60px 0}
}
@media only screen and (max-width:480px){.usersBox-1{padding:40px 0}
    .usersBox-2 .h2{font-size:16px}
    .usersBox-2{padding:40px 0 10px}
    .usersBox-3{padding:40px 0 10px}
    .usersBox-4{padding:40px 0}
    .usersBox-4 .textBox{padding:20px 10px}
    .usersBox-4 .h2{font-size:14px;line-height:24px}
    .usersBox-4 .item{margin-bottom:30px}
    .usersBox-5 .imgBox{height:250px;background-position:center center;background-size:cover}
    .usersBox-5 .imgBox img{display:none}
    .aboutUsersBox .homeShop{padding:40px 0}
    .usersBox-5 .title{margin-bottom:30px}
    .aboutUsersBox .title .h2{line-height:24px}
}
.searchMain .searchBox{padding:100px 0}
.searchMain .form{max-width:600px;width:100%;margin:0 auto}
.searchMain .inputBox{display:flex;justify-content:space-between;align-items:center}
.searchMain .inputText{width:calc(100% - 40px);height:40px;border-bottom:1px solid #eee}
.searchMain .btnSubmit{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:0 0}
.searchMain .item-2 .h1{width:100%}
.searchMain .item-2 .h2{width:100%}
@media only screen and (max-width:768px){.searchMain .form{max-width:90%}
}
@media only screen and (max-width:480px){.searchMain .searchBox{padding:40px 0}
    .searchMain .form{margin-bottom:30px}
}
.homeBannerSwiper .textBox .h1,.homeProdSwiper .textBox .h1{opacity:0;transform:translateY(-60px)}
.homeBannerSwiper .textBox .h2,.homeProdSwiper .textBox .h2{opacity:0;transform:translateY(-60px)}
.homeBannerSwiper .textBox .btn,.homeProdSwiper .textBox .btn{opacity:0;transform:translateY(-60px)}
.swiper-slide-active .textBox .h1{transform:none;opacity:1;transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1)}
.swiper-slide-active .textBox .h2{transition-delay:.2s;transform:none;opacity:1;transition:opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s}
.swiper-slide-active .textBox .btn{transition-delay:.4s;transform:none;opacity:1;transition:opacity .6s linear .6s,transform .6s cubic-bezier(.215,.61,.355,1) .6s}
.option-lists{text-align:center}
.option-list{margin:20px;font-size:16px;text-align:center;line-height:2;color:#646464;display:inline-block;cursor:pointer}
.option-list.active,.option-list:hover{color:red}
.option-list img{max-width:120px;margin-bottom:10px}
.breadcrumbs{margin:0 auto 60px;background:#f5f6f6;padding:15px 0}
.breadcrumbs__item{display:inline-block}
.breadcrumbs__link{color:#000}
.breadcrumbs__item:not(:last-child):after{content:"/";font-size:18px;margin:0 8px}
.product-inner{display:flex;flex-direction:row;margin-bottom:50px}
.product-inner .left-product-show{position:relative;flex:1;max-width:500px;max-height:645px}
.product-inner .left-product-show .preview-box{margin-bottom:0;max-height:500px;overflow:hidden;position:relative}
.product-inner .left-product-show .product-top{margin-bottom:0}
.product-inner .left-product-show .thumbs-box{position:relative;padding:0 10px;margin:30px 0}
.thumbs-box .swiper-slide{opacity:.4}
.thumbs-box .swiper-slide.active-nav{opacity:1}
.product-inner .right-product-info{flex:1;margin-left:108px}
.product-inner .right-product-info .product-name{margin-bottom:15px;font-size:30px;line-height:36px}
.product-inner .right-product-info .product-subname{font-size:16px;color:#6e6e6e;line-height:21px}
.more-list{margin:20px 0;color:#545454}
.product-inner .right-product-info .product-variants{margin-top:27px}
.product-inner .right-product-info .product-variants .variant-item{display:inline-block;margin-right:5px;height:40px;line-height:40px;padding:0 15px;font-size:14px;background:#f8f8f8;border-radius:5px;transition:all .5s;margin-bottom:16px;border:1px solid #f8f8f8;cursor:pointer}
.product-inner .right-product-info .product-variants .variant-item.active,.product-inner .right-product-info .product-variants .variant-item:hover{color:#333;background:0 0;border:1px solid #333}
.proinfo{padding:20px}
.goods-number,.goods-specs{padding:0 0 26px 0;border-top:1px solid #f3f3f3}
.goods-specs:first-child{border:none}
.pop-m-title{margin-right:10px;color:#666}
.pop-m-item{display:inline-block;float:left;padding:6px 16px;background-color:#fff;color:#333;margin-right:16px;margin-bottom:10px}
.pop-m-bd{overflow:hidden;margin-top:10px}
.selected{border:2px solid #333;background-color:#333;color:#fff}
.not-selected{border:2px solid #ccc}
.none{border:2px dashed #ccc;color:#888}
.con .title{font-size:16px;color:#4f5766;line-height:2;margin-bottom:20px}
.con li{font-size:14px;color:#666;line-height:2.222;border-bottom:1px dotted #999;float:left;width:44%;margin-right:12%;margin-bottom:15px}
.con li:nth-of-type(2n){margin-right:0}
.playbtn{position:absolute;z-index:5;bottom:60px;left:0;width:100%;display:flex;justify-content:center;text-align:center;font-size:30px;cursor:pointer}
.video-icon{cursor:pointer;display:inline-block;width:50px;height:50px;background:url(../images/main-circles.png) 0 -55px no-repeat}
.video-icon:hover{background:url(../images/main-circles.png) -55px -55px no-repeat}
#v-video{display:none;position:absolute;top:0;left:0;z-index:999}
#v-video .hide{z-index:1000;position:absolute;top:10px;right:10px;color:#fff;width:12px;height:12px;background-image:url(../images/__sprite.png);background-position:-58px -40px}
@media only screen and (max-width:768px){.breadcrumbs{margin-bottom:20px}
    .product-inner .right-product-info{margin-left:0}
    .product-inner{display:block}
    .con li{float:none;width:100%}
}
.con{
    overflow: hidden;}
.buynow{
    width: 200px;
    height: 40px;
    color: #fff;
    background: #333;
    margin-top: 30px;
    cursor: pointer;
}
.wx-code{
    width: 200px;
    height: 200px;
    position: absolute;
    top: -173px;display: none;
}
.btn{position: relative}
.btn:hover  .wx-code{display: block}
.navBox .item:hover .dropDown, .item.on .dropDown{display: block}
.navBox .item:hover .dropDownList{display: block}
.homeShop .column{position:relative}
img.link_more{display:none;position:absolute;right:-50px;top:68%;max-width:140px}
img.link_more2{display:none;position:absolute;right: -125px;top: 8px;max-width:200px}

.homeShop .column:hover img.link_more,.homeShop .column:hover img.link_more2{display:block}