/** * Swiper 4.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-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;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,right top,left 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:-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,left top,right 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:-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 bottom,left top,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:-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 top,left bottom,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:-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-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-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;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-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-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-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-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-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-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.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;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.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-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-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%;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);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-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;-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-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@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)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-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}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-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}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-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;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch; font-size: 62.5%; } html { /* opacity: 0; */ transition: opacity .3s; -webkit-transition: opacity .3s } html.on{ opacity: 1; } body,html { width: 100%; } body{ position: relative; background: #fff; } ::selection{ background-color: #f30; color: #fff; } html::-webkit-scrollbar, .flex-v::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } html::-webkit-scrollbar-thumb, .flex-v::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); } html::-webkit-scrollbar-track, .flex-v::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5); } html::-webkit-scrollbar-thumb, .flex-v::-webkit-scrollbar-thumb { background: #64646a; } html::-webkit-scrollbar-track, .flex-v::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); } .flex-v::-webkit-scrollbar{ width: 5px; } .t-l, .tl{ text-align: left; } .t-r,.tr{ text-align: right; } .tc, .tc{text-align:center;} .block{display:block;}.none{display:none;} .fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;} .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;} .hr_1{height:1px;}.hr_10{height:10px;}.text-ind{text-indent: 2em;} /* @media (min-width: 1440px){ .container { max-width: 1240px; } } @media (min-width: 1640px){ .container { max-width: 1640px; } } */ a{ color: #444; text-decoration: none; transition: all .5s; -webkit-transition: all .5s; } a:hover{ color: red; text-decoration: none; } /* color */ .c-666{ color: #666 } .c-333{ color: #333 } .c-f2f2f2{ color: #f2f2f2 } .color-fff{ color: #fff; } .white{ color: white; } .red{ color: red; } .blue{ color: blue; } .orange{ color: orange; } .color-f60{ color: #f60; } /* font-size */ .font-small{ font-size: .86rem; } .font-1-4{ font-size: 1.4rem; } .font-1-6{ font-size: 1.6rem; } .font-1-8{ font-size: 1.8rem; } .font-2{ font-size: 2rem; } .font-uppercase { text-transform: uppercase; } /* bg */ .bg-f2f2f2{ background: #f2f2f2; } .bg-fff{ background: #fff; } .bg-f60{ background-color: #f60; } .bg-fff0f4{ background-color: #fff0f4; } .bg-ebf5fb{ background-color: #ebf5fb; } .bg-e7505a { background: #e7505a !important; } .bg-blue{ background-color: #009ee5; } .bg-white{ background-color:white; } .bg-gray{ background-color:#292929; } .bg-yellow{ background-color:yellow; } /* transition */ .motion { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } /* main */ #proNav, #mobileNav{ position: absolute; display: none; } #cont, #banner, #footer{ position: relative; } /* header */ /* .header{ width: 100%; height: 5.6rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .header-scroll-top{ height: 8rem; } .ncon .header-scroll-top{ background: rgba(25,25,25,.4); } .header-scroll{ background-color: rgba(250, 250, 250, .9); height: 5rem; } .header .logo{ width: 145px; height: 40px; background: url('../img/logo/logo_2.png') no-repeat center bottom; background-size: 100% auto; } .header-scroll .logo{ background-position: center top; } .header .navbar-nav{ width: 50%; } .header .navbar-nav .nav-item{ flex: 1; text-align: center; } .header .navbar-nav .nav-link, .header .btn{ font-size: 1.6rem; } .header .btn{ padding: .75rem 1.75rem; } .header-scroll-top .nav-link, .header-scroll-top .btn{ color: #e3e3e3; } .header-scroll-top .nav-link:hover, .header-scroll-top .btn:hover{ color: #fff; } .header .navbar-nav .nav-link, .header .btn{ -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .header .navbar-nav .nav-link:hover, .header .btn:hover{ color: #fff; background-color: rgba(0, 152, 220, .8); border-radius: 5rem; } */ #header, #header .logo{ -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #header { width: 100%; position: fixed; z-index: 50; top: 0; left: 0; z-index: 10; height: 6rem; line-height: 6rem; background-color: rgba(240,240,240,.1); z-index: 100; } .ncon #header { background-color: rgba(25,25,25,.3); } #header .logo { float: left; margin: 1.5rem; width: 145px; height: 40px; background: url('../img/logo/logo_2.png') no-repeat center bottom; background-size: 100% auto; } #header .logo img { max-width: 100% } #header .search-box { width: 3%; height: 100%; display: block; float: right; background: hsla(0, 0%, 70%, 0.1) url(../img/head01.png) no-repeat center; position: relative; z-index: 3; transition: all .3s; -webkit-transition: all .3s; } #header .search-box.on{ background-image:url(../img/head03.png); background-color: #d42719; } #header .link { font-size: 14px; color: #666; padding: 0 10px; float: right; transition: all .3s; -webkit-transition: all .3s; background: url(../img/en02.png) no-repeat right center; margin-right: 1% } #header .phone { font-size: 1.8rem; color: #d42719; padding: 0 10px; float: right; transition: color .3s; -webkit-transition: color .3s; margin-right: 1%; background: none; } #header .enght { float: right; margin-right: 1%; padding-left: 26px; font-size: 14px; color: #666; position: relative; z-index: 1; height: 100%; background: url(../img/en01.png) no-repeat left center; transition: all .3s; -webkit-transition: all .3s; } #header .enght a { color: #666; display: block; transition: color .3s } #header .enght a.tit { padding-right: 17px; background: url(../img/aaa01.png) no-repeat right center; height: 100%; width: 100%; transition: all .3s; -webkit-transition: all .3s; } #header .enght .con { position: absolute; top: 100%; left: -10%; display: none; background: #fff; width: 130%; padding-top: 20px; box-shadow: inset 0 0 10px rgba(0, 0, 0, .2); height: 335px; overflow: auto } #header .enght .con a { width: 100%; font-size: 12px; height: 35px; text-align: center; line-height: 35px } #header .enght .con::-webkit-scrollbar { width: 1px; background-color: #ececec } #header .enght .con::-webkit-scrollbar-track { border-radius: 10px; background-color: #ececec } #header .enght .con::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9271b } #header .enght:hover { background: url(../img/en01_h.png) no-repeat left center } #header .enght:hover a.tit { color: #d42719; background: url(../img/aaa01_h.png) no-repeat right center } #header .enght a:hover { color: #d42719 } #header .nav-box { width: 50%; margin: 0 auto } #header .nav-box ul { width: 100%; margin: 0; list-style: none; } #header .nav-box li { width: 15.6%; float: left; text-align: center } #header .link{ text-decoration: none; } #header .nav-box a{ text-decoration: none; } #header .nav-box a.tit { font-size: 16px; color: #333; height: 100%; display: block; width: 100%; transition: color .3s } #header .nav-box .tit span { width: 9px; height: 6px; display: inline-block; background: url(../img/head02.png) no-repeat center; background-size: 100% 100%; margin-left: 6px } #header .nav-box li:hover a.tit { color: #d42719 } #header .nav-box li:hover .tit span { /* background: url(../img/head02_h.png) no-repeat center; background-size: 100% 100% */ -webkit-transition: all .5s; transition: all .5s; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #header .nav-box .con { position: absolute; top: 80px; left: 50%; width: 100%; transform: translate(-100%, 0); -webkit-transform: translate(-50%, 0); background: #fff; display: none; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); z-index: 5 } #header .nav-box .left { float: left; background: #f5f5f5; padding: 59px 1.9% 150px 10.9%; width: 35%; min-height: 390px; } #header .nav-box .link-b { width: 100%; display: block; padding-left: 17%; text-align: left; font-size: 15px; color: #333; line-height: 40px; margin-bottom: 5px; transition: background .3s, color .3s; -webkit-transition: background .3s, color .3s } #header .nav-box .link-b:hover { background-color: #da2418 } #header .nav-box .link-b span { width: 100%; display: block; background: 0 } #header .nav-box .pro-li .left { padding: 59px 1.9% 150px 8.9%; height: 450px } #header .nav-box .pro-li dd { width: 33.33%; float: left } #header .nav-box .pro-li dd .link-b { background-position: 8% center; background-repeat: no-repeat } #header .nav-box .pro-li .right .link-k { display: none } #header .nav-box .pro-li .right { padding: 50px 5.5% 0 3% } #header .nav-box .pro-li .right .content { width: 100% } #header .nav-box .pro-li dd .link-b.cur { background-color: #da2418 } #header .nav-box .link-b.cur { color: #fff } /* header滚动 */ #header.header-scroll{ background: rgba(25,25,25,.8); height: 5rem; line-height: 5rem; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } #header.header-scroll .logo{ margin:.8rem .5rem auto; background-position: center bottom; } #header.header-scroll .search-box{ background-color: hsla(0, 0%, 70%, 0.8) } .nav-box .link-k { width: 23% } .nav-box .link-k.none { display: none } .nav-box .link-k h2 { font-size: 24px; color: #333; line-height: 24px; padding-bottom: 30px; text-align: left } .nav-box .link-k h2 a { color: #333 } .nav-box .link-k a.on { display: block; width: 100%; font-size: 14px; text-align: left; color: #666; line-height: 30px; transition: color .3s } .nav-box .content .more { width: 155px; height: 40px; line-height: 40px; padding-left: 36px; font-size: 14px; background: #da2418 url(../img/head05.png) no-repeat 103px center; display: block; text-align: left; color: #fff; margin-top: 35px } .nav-box .link-k a:hover { color: #da2418 } .nav-box .content { width: 48% } .navigation { width: 100%; display: none } .nav-box .content img { max-width: 100% } .supplier-notice-box .left img { max-width: 100% } .search-hbox .right li a { color: #333 } .search-hbox .right li a:hover { color: #d82117 } .search-hbox .right li a.cur { color: #d82117 } .nav-box .content p { text-align: left; font-size: 14px; color: #666; line-height: 24px; margin-top: 22px } header .nav-box .right { width: 65%; padding: 20px 13.5% 0 6%; float: right } header .nav-box .con.none .left { width: 50%; padding: 59px 16.9% 150px 10.9% } header .nav-box .pro-li .con.none .left { padding: 59px 1.9% 150px 8.9% } header .nav-box .con.none .right { width: 50% } header .nav-box .con.none .content { float: left; width: 71.5% } header .nav-box .about-li .con.none .left { padding: 59px 5.9% 150px 21.9% } header .nav-box .case-li .con.none .left { padding: 59px 1.9% 120px 6.9% } header .nav-box .case-li .con.none .link-b { width: 50%; float: left } header .nav-box .case-li .con.none .link-b { padding-left: 10% } .nav-box .case-li .con.none .content p { margin-top: 12px } .nav-box .case-li .con.none .content .more { margin-top: 16px } header .nav-box .ser-li .con.none .left { width: 68%; padding: 59px 4.9% 150px 7.9% } header .nav-box .ser-li.buli .con.none .left { padding: 59px 4.9% 250px 7.9% } header .nav-box .ser-li .link-b { padding-left: 22.6% } header .nav-box .ser-li .con.none .right { width: 32%; padding: 50px 5.5% 0 3% } header .nav-box .ser-li .con.none .content, header .nav-box .pro-li .con.none .right .content { width: 92.6% } header .nav-box .ser-li .con.none .log-four { width: 25%; float: left } header .nav-box .ser-li .log-four .font { padding-left: 22.6%; font-size: 13px; color: #666; display: block; width: 100%; line-height: 27px; text-align: left } .flex-direction-nav a { z-index: 1 !important } header .nav-box .ser-li .log-four .font:hover { color: #d9271b } /* nav style -2 */ .nav-wrap{ width: 50%; margin: 0 auto; } .nav-wrap ul{ list-style: none; padding: 0; margin: 0; } .nav-wrap > ul{ display: flex; display: -webkit-flex; } .nav-wrap ul > li{ flex: 1; display: block; text-align: center; position: relative; } .nav-wrap ul > li > ul{ position: relative; z-index: 10; } .nav-wrap ul > li > ul > li{ display: block; line-height: 40px; position: relative; } .nav-wrap ul > li > ul > li > ul{ display: block; position: absolute; left: 100%; width: 100%; z-index: 12; top: 0px; } .nav-wrap ul > li > ul > li > ul > li{ display: block; } .nav-wrap ul > li > ul, .nav-wrap ul > li > ul > li > ul{ display: none; } .nav-wrap ul > li > a{ display: block; width: 100%; height: auto; cursor: pointer; color: #f2f2f2; } .nav-wrap ul > li > a:hover, .nav-wrap ul > li.on > a{ background-color: #009ae1; color: #fff; } .nav-wrap ul > li > ul > li a, .nav-wrap ul > li > ul > li > ul > li a{ display: block; width: 100%; height: 100%; color: #fff; border-top: solid 1px #0087c4; background-color: #009ae1; } .nav-wrap ul > li > ul > li.on a, .nav-wrap ul > li > ul > li ul > li.on a{ background-color: #0084c0; border-top-color: #028dcb; } .nav-wrap ul > li > ul > li a:hover, .nav-wrap ul > li > ul > li.on a:hover, .nav-wrap ul > li > ul > li > ul > li a:hover{ background-color: #0084c0; } .nav-wrap ul > li > ul > li ul > li.on a:hover{ background-color: #06a1e7; } /* .nav-wrap ul > li.on > ul, .nav-wrap ul > li> ul > li.on > ul{ display: block; } */ .nav-wrap ul > li span { width: 9px; height: 6px; display: inline-block; background: url(../img/head02.png) no-repeat 0 0; margin-left: 10px } .nav-wrap ul > li.on span { background-position: 0 -6px; } .nav-wrap ul > li.on > ul > li span{ width: 9px; height: 9px; background-position: 0 -12px; } .nav-wrap ul > li > ul > li.on span{ background-position: 0 -21px; } .search-send { position: absolute; z-index: 2; background-color: #222; right: -34%; top: 0; width: 25%; height: 100%; transition: right .3s } .search-send.on { right: 3% } .search-send .close { display: block; width: 18px; height: 18px; background: url(../img/head03.png) no-repeat center; position: absolute; top: 50%; left: 6px; margin-top: -9px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); transition: transform .3s ease 0s; -webkit-transition: transform .3s ease 0s } .search-send .close:hover { transform: rotateZ(90deg); transition: transform .3s ease 0s; -webkit-transform: rotateZ(90deg); -webkit-transition: transform .3s ease 0s } .search-send form { width: 100%; height: 100% } .search-send .text { border: 0; font-size: 18px; height: 100%; text-align: left; width: 100%; box-sizing: border-box; color: #555; background: 0; padding: 0 5% 0 5%; outline: 0 } .search-send .submit { cursor: pointer; border: 0; background: url(../img/head01.png) no-repeat center; background-color: #bb0327; position: absolute; right: 0; bottom: 0; width: 20%; outline: 0; height: 100%; text-indent: -999rem; } .search-send .text::-webkit-input-placeholder { color: #555 } .search-send .text:-moz-placeholder { color: #555 } .search-send .text::-moz-placeholder { color: #555 } .search-send .text:-ms-input-placeholder { color: #555 } .mobile-nav-box { display: none } .mobile-nav-box ul { list-style: none; padding-left: 0; margin-bottom: 0; } .mobile-nav-box ul h2{ margin-bottom: 0; } .mobile-nav-box p{ margin-bottom: 0; } /* proNav */ .pronav{ width: 24rem; height:100%; background-color: #fff; position: fixed !important; right: -24rem; top: 0; display: block !important; z-index: 2000; box-shadow: 0 1rem 1rem rgba(0,0,0.3); transition: all 1s; -webkit-transition: all 800ms; } .pronav.open{ right: 0; } .flex-v{ position: absolute; width: 100%; height: 100%; display: flex; display:-webkit-flex; flex-direction:column; -webkit-flex-direction:column; overflow:auto; -webkit-overflow-scrolling: touch; } .pronav .switch_more { background: url(../img/icon/switch_more1.png) no-repeat left top; width: 70px; height: 95px; position: absolute; bottom: 20%; left: -70px; z-index: 9999; cursor: pointer; background-size: cover; opacity: .4; border-radius: .3rem 0 0 .3rem; } .pronav .switch_more:hover{ opacity: 1; } .pronav.open .switch_more{ background-position: left bottom; } .pronav .flex-v ul{ list-style: none; margin:0; padding:0; width: 100%; } .pronav .flex-v ul li{ width: 100%; font-size: 1.6rem; line-height: 3rem; display: block; } .pronav .flex-v ul li a{ color: #333; } .pronav .flex-v ul li a:hover{ color: #f60; } .pronav .flex-v > ul{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; margin:2rem; width: auto; } .pronav .flex-v > ul > li{ height: 6rem; overflow: hidden; transition: all 1s; -webkit-transition: all 1s; } .pronav .flex-v > ul > li.on, .pronav .flex-v > ul > li:hover{ height: auto; } .pronav .flex-v > ul > li > a{ display: block; width: 100%; height: 4rem; line-height: 4rem; margin-top:1rem; margin-bottom:1rem; font-size: 1.8rem; border-left: .2rem solid #f60; background-color: #ededed; padding-left: 1rem; } .pronav .flex-v > ul > li:nth-child(2n) > a{ border-left-color: #009ee5; } .pronav .flex-v > ul > li:nth-child(3n) > a{ border-left-color: #e5a800; } .pronav .flex-v > ul > li > ul > li{ padding-left:2rem; } .pronav .flex-v > ul > li > ul > li > ul > li{ padding-left:3rem; } /* banner */ #banner, #banner .swiper-slide, .carousel, .carousel .carousel-item, .carousel .carousel-inner{ width: 100%; height: 100%; background-color: #000; overflow: hidden; } #banner .text{ position: absolute; top: 50%; width: 60%; left: 15%; text-align: left; margin-top: -10rem; z-index: 2; } #banner .tit{ font-size: 4rem; line-height: 6rem; visibility: hidden; } #banner .en{ font-size: 2.4rem; line-height: 3rem; visibility: hidden; } #banner .btn-link{ visibility: hidden; color: #fff; position: relative; width: 2rem; height: 2rem; margin-top: 2rem; } #banner .btn-link:after, #banner .btn-link:before{ content: ''; position: absolute; background-color: white; overflow: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #banner .btn-link:after{ -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 100%; height: .2rem; top: 50%; left: 0; margin-top: -.1rem; } #banner .btn-link:before{ -webkit-transform: rotate(90deg); transform: rotate(90deg); width: .2rem; height: 100%; left: 50%; top: 0; margin-left: -.1rem; } #banner .btn-link:hover:before, #banner .btn-link:hover:after{ -webkit-transform: rotate(-90deg) scale(1.3, 1.3); transform: rotate(-90deg) scale(1.3, 1.3); background-color: #f60; } #banner .tit span, #banner .en span{ padding:0 .5rem 0 0; } #banner .swiper-slide.swiper-slide-active .tit{ visibility: visible; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1s; animation-delay: 1s; } #banner .swiper-slide.swiper-slide-active .en-1{ visibility: visible; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #banner .swiper-slide.swiper-slide-active .en-2{ visibility: visible; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 2s; animation-delay: 2s; } #banner .swiper-slide.swiper-slide-active .btn-link{ visibility: visible; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 2.2s; animation-delay: 2.2s; } #banner .carousel-control-next, #banner .carousel-control-prev{ width: 5%; z-index: 2; } #banner .carousel-control-next .carousel-control-next-icon, #banner .carousel-control-prev .carousel-control-prev-icon { position: relative; width: 20px; height: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #banner .carousel-control-next .carousel-control-next-icon:before, #banner .carousel-control-prev .carousel-control-prev-icon:before { content: ''; position: absolute; left: -10px; top: -10px; width: 40px; height: 40px; opacity: 0; background-color: transparent; border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transform: scale(.3, .3); -moz-transform: scale(.3, .3); -o-transform: scale(.3, .3); transform: scale(.3, .3); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #banner .carousel-control-next:hover .carousel-control-next-icon:before, #banner .carousel-control-prev:hover .carousel-control-prev-icon:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } #banner .banner-img{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* cont */ .nbox{ position: relative; min-height: 300px; } #cont{ width: 100%; } .wrap{ position: relative; } .wrap .box-pic{ width: 50%; z-index: 2; max-height: 25rem; overflow: hidden; } .wrap .box-pic img{ display: block; } .box-txt{ width: 50%; } /* part-fist */ .part-fist{ height: 28rem; } .part-fist .box-pic, .part-two .box-pic{ width: 55%; position: absolute; top: 0; } .part-fist .box-txt{ right: 0; top: 0; padding:2rem 1.5rem 1rem 7%; z-index: 1; height: 100%; color: #fff; } .part-two .box-txt{ left: 0; top: 0; padding:2rem 7% 1rem 1.5rem; z-index: 1; height: 100%; color: #fff; } .wrap .bg{ width: 100%; height: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; } .info-1, .info-2{ line-height: 2.4rem; margin-bottom: 4rem; position: relative; z-index: 10; font-size: 1.4rem; } .info-1 dt{ margin-bottom: 1.5rem; font-size: 1.6rem; } .info-2{ margin-bottom: 2rem; } .btn-outline-plus{ color: #fff; width: 2rem; height: 2rem; padding: 0; position: relative; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; z-index: 10; } .btn-outline-plus:hover{ color: #009ee5; -webkit-transform: rotate(180deg) scale(1.3, 1.3); -ms-transform: rotate(180deg) scale(1.3, 1.3); -o-transform: rotate(180deg) scale(1.3, 1.3); transform: rotate(180deg) scale(1.3, 1.3); } .btn-outline-plus span{ display: block; background-color: #fff; position: absolute; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .btn-outline-plus .line-1{ width: 2rem; height: .1rem; top: 50%; margin-left: -.05rem; } .btn-outline-plus .line-2{ height: 2rem; width: .1rem; left: 50%; margin-left: -.05rem; } .btn-outline-plus:hover span{ background-color: #f2f2f2; } /* part-two */ .part-two{ height: 25rem; } .part-two .bg-white{ background-color: #fff; } .part-two .box-pic{ right: 0; } .part-two .box-txt{ color: #666; padding-right: 6%; padding-top: 1rem; } .part-two .btn-outline-plus span{ background-color: #666; } .part-two .btn-outline-plus:hover span{ background-color: #333; } /* part-three */ .part-three { height: 31rem; position: relative; } .part-three .box-pic{ position: absolute; z-index: 2; width: 58%; overflow: hidden; } .part-three .box-pic{ height: 31rem; } .part-three .box-pic img{ height: 100%; width: auto; } .part-three .box-txt{ width: 39%; position: absolute; right: 0; color: #fff; padding: 2rem 0 0; text-align: right; } .part-three .info-ice span{ display: block; } .part-three .info-ice .en{ font-size: 4rem; height: 4rem; line-height: 4rem; overflow: hidden; letter-spacing: .5rem; } .part-three .info-ice .cn{ font-size: 1.4rem; } .part-three .info-1 dd,.part-three .info-2 dd{ font-size: 1.3rem; } /* part-foure */ .part-foure{ } .part-foure ul{ list-style: none; padding-left: 0; margin: 0; } .box-case li{ width: 100%; position: relative; } .box-case li .tit{ position: relative; width: 30%; height: 11rem; color: #660; padding-top: 1.5rem; padding-left: 1.5rem; margin-bottom: 0; } .box-case li .tit span{ position: relative; display: block; z-index: 10; } .box-case li .tit .bg-tit{ position: absolute; background-color: #ffff00; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .box-case li .item{ width: 60%; position: relative; margin-left: 2% } .box-case li .item .a-item, .box-case li .item .a-item .thumb, .box-case li .item .a-item img{ display: block; width: 100%; } .box-case li .item .a-item:hover{ color: #f60 } .box-case li .item .txt{ display: block; width: 100%; height: auto; position: relative; left: -8rem; font-size: 1.4rem; line-height: 2rem; height: 5rem; padding: 1rem; overflow: hidden; } .box-case li .item .btn-angle{ width: 12rem; height: 3rem; line-height: 3rem; background-color: #ffff00; color: #660; font-size: 3rem; padding: 0; position: absolute; left: -8rem; bottom: 6rem; } .box-case li:nth-child(2), .box-case li:nth-child(3){ width: 48%; float: right; height: 38rem; } .box-case li:nth-child(3){ float: left; margin-top: 3rem; } .box-case li:nth-child(2) .tit, .box-case li:nth-child(3) .tit, .box-case li:nth-child(4) .tit{ position: relative; width: 100%; color: #009ee5; padding-right: 1.5rem; text-align: right; } .box-case li:nth-child(3) .tit{ text-align: left; } .box-case li:nth-child(2) .tit .bg-tit, .box-case li:nth-child(3) .tit .bg-tit, .box-case li:nth-child(4) .tit .bg-tit{ background-color: #009ee5; width: 1px; height: 18.5rem; right: 0; left: auto; } .box-case li:nth-child(3) .tit .bg-tit{ right: auto; left: 0; } .box-case li:nth-child(2) .item, .box-case li:nth-child(3) .item{ width: 100%; margin: 0; height: auto; position: relative; padding-top: 7rem; } .box-case li:nth-child(2) .item .btn-angle, .box-case li:nth-child(3) .item .btn-angle{ left: auto; right: 1rem; top: 6rem; bottom: auto; background-color: #009ee5; color: #fff; } .box-case li:nth-child(3) .item .btn-angle{ right: auto; left: 1rem; } .box-case li:nth-child(2) .item .txt, .box-case li:nth-child(3) .item .txt{ left: 0; top: 0; position: absolute; } .box-case li:nth-child(2) .item .a-item:hover .btn-angle, .box-case li:nth-child(3) .item .a-item:hover .btn-angle, .box-case li:nth-child(4) .item .a-item:hover .btn-angle{ background-color: #69d1ff; } .box-case li:nth-child(2) .item .a-item:hover, .box-case li:nth-child(3) .item .a-item:hover, .box-case li:nth-child(4) .item .a-item:hover{ color: #009ee5 } .box-case li:nth-child(4){ width: 100%; clear: both; float: none; height: 29.9rem; padding-top: 5rem; } .box-case li:nth-child(4) .tit{ width: 30%; height: 18rem; text-align: left; padding-left: 0; position: absolute; left: 0; bottom: 0; } .box-case li:nth-child(4) .tit .bg-tit{ width: 48.3rem; height: 1px; left: 0; right: auto; top: auto; bottom: 0; } .box-case li:nth-child(4) .item, .box-case li:nth-child(4) .item .a-item{ width: 100%; margin: 0; height: 100%; } .box-case li:nth-child(4) .item .thumb{ float: right; width: 48%; } .box-case li:nth-child(4) .item .txt{ position: absolute; left: 0; width: 40%; bottom: 1rem; padding: 0; } .box-case li:nth-child(4) .item .btn-angle{ left: auto; right: 40%; top: auto; bottom: 3rem; background-color: #009ee5; color: #fff; } /* footer */ #footer{ color: #949494; font-size: 1.4rem; padding-top: 2rem; width: 100%; clear: both; background-color: #1f2025; } #footer a{ color: #949494; text-decoration: none; outline: none; } #footer a:hover{ color: #f2f2f2; } #footer .nav{ flex: 1; } #footer .nav .item{ width: 20%; } #footer .nav .item dt{ border-left: #e5a926 1px solid; padding-left: 1rem; font-size: 1.6rem; line-height: 4rem; height: 4rem; } #footer .nav .item dd{ border-left: #949596 1px solid; padding-left: 1rem; font-size: 1.4rem; line-height: 3rem; height: 3rem; margin-bottom: 0; } #footer .phone{ padding-top: 1rem; width: 300px; list-style: none; padding-left: 1rem; font-size: 1.4rem; } #footer .phone li{ margin-bottom: 1rem; line-height: 2.2rem; } #footer .phone li:last-child{ margin-bottom:0; } #footer .phone li .fa{ font-size: 2rem; margin-right: .5rem; } #footer .phone li span{ padding-left:2.5rem; } #footer .copyright{ background-color: #151519; text-align: center; line-height: 2rem; height: auto; margin-top: 1rem; } /* newList */ .newList_wrap { min-height: 500px; } .newList_wrap .newList, .newList_wrap .doctorsList{ margin: 20px 0; list-style: none; padding: 0; } .newList .item, .doctorsList .item{ margin-bottom: 10px; width: 100%; position: relative; } .newList .item a.link, .doctorsList .item a.link{ display: block; width: 100%; height: 160px; overflow: hidden; padding: 20px; border: 1px solid #fff; border-bottom-color: #d3e0f0; border-bottom-style: dashed; overflow: hidden; } .newList .item:last-child a.link, .doctorsList .item:last-child a.link{ border-bottom-color: #fff; } .newList .item .pic, .newList .item .cont, .doctorsList .item .pic, .doctorsList .item .cont{ display: block; } .newList .item .pic, .doctorsList .item .pic { width: 158px; height: 120px; position: absolute; left: 20px; top: 20px; overflow: hidden; } .newList .item a.link:hover, .doctorsList .item a.link:hover{ background-color: #f9f9f9; border-color: #d3e0f0; border-bottom-style: solid; } .newList .item a.link img, .doctorsList .item a img{ transition: all 1s; -webkit-transition: all 1s; border: 2px solid #d3e0f0; } .newList .item a.link:hover img, .doctorsList .item a.link:hover img{ transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); } .newList .item .pic .newspic, .doctorsList .item .pic .newspic{ width: 100%; height: 100%; display: block; } .newList .item .cont, .doctorsList .item .cont{ padding-left: 188px; } .newList .item .cont .title, .doctorsList .item .cont .title{ font-weight: 600; margin-bottom: 10px; } .newList .item .pic p, .newList .item .cont p{ margin-bottom: 10px; } .newList .item .cont .text, .doctorsList .item .cont .text{ height: 50px; line-height: 25px; } .newList .item .cont .info{ height: 25px; line-height: 25px; } .newList .item .cont .info .from, .newList .item .cont .info .time{ margin-right: 10px; } .newList .item .cont .info .view{ float: right; } /* .subTitle */ .subTitle { height: 60px; border-bottom: 1px solid #ccc; } .subTitle .catname{ display: block; font-size: 24px; color: #444; font-weight: bolder; line-height: 60px; } .subTitle span{ display: block; } .subTitle .link-b, .subTitle .link-b span{ display: inline-block; } .subTitle .link-b{ padding: 0 10px; line-height: 30px; margin-top: 15px; background-color: #f2f2f2; border-radius: 5px; margin-left: 10px; } .subTitle .link-b:hover{ background-color: #d42719; color: #fff; } .subTitle .link-b:last-child{ border: none; } .cont_wrap{ padding: 20px 10px; min-height: 500px; margin-bottom: 20px; } .side_cont{ border-top: 1px solid #d3e0f0; } /* 地图空间--百度 */ .box-map{ width: 100%; height:500px; padding-bottom: 30px; } #l-map{ height:100%; width:100%; } /* page-header */ .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } .page-header h2 { text-align: center; font-size: 30px; font-weight: bolder; color: #000; margin: 0 0 30px; } /* job */ .ljo-tab { width: 100%; border-collapse: collapse; margin-top: 50px; } .lj-ta-h { border-top: 3px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .ljo-tab th { text-align: left; padding-left: 60px; color: #333; } .ljo-tab td, .ljo-tab th { height: 56px; line-height: 56px; font-size: 14px; } .ljo-tab td { color: #666; border-bottom: 1px solid #f1f1f1; padding-left: 60px; cursor: pointer; } .ljo-tab td.l-p40 { padding-left: 40px; } .lj-ta-n { background-image: url(../img/job/ljio_01.png); } .lj-ta-c { background-image: url(../img/job/ljio_02.png); } .lj-ta-a { background-image: url(../img/job/ljio_03.png); } .lj-ta-s { background-image: url(../img/job/ljio_04.png); } .lj-ta-t { background-image: url(../img/job/ljio_05.png); } .lj-ta-n, .lj-ta-c, .lj-ta-a, .lj-ta-s, .lj-ta-t { background-position: 35px center; background-repeat: no-repeat; } .table-cont:hover{ background-color: #f2f3f2; } .table-detil.hide{ display: none; } .table-detil{ border: none; } .table-detil td{ line-height: 30px; } .table-detil td{ padding: 0; } .table-detil dl{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 10px 0 0; } .table-detil dl dd{ width: 20%; } .table-detil h4{ margin: 20px 0 10px; border-bottom: #ccc dotted 1px; padding-bottom: 10px; } .table-cont .cz .open{ transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* 留言 */ .contact-info{ padding:3rem 0 0 ; list-style: none; } .contact-info li{ line-height: 3rem; } .contact-info li .fa{ display: inline-block; width: 30px; text-align: left; color: red; } .font-small{ font-size: .86rem; } .btn-message{ width: 40%; padding-top: .5rem; padding-bottom: .5rem; border-radius: 5rem; } /**************联系我们***************/ .map-wrap{ width: 100%; height: 695px; position: relative; background-color: #f9f9f9; } .contact-wrap{ width: 100%; height: 148px; } .contact-wrap .list{ width: 200px; position: relative; margin: 0 auto 0; z-index: 5; top: -18px; } .contact-wrap .list ul{ width: 100%; list-style: none; padding: 0; margin: 0; } .contact-wrap .list li{ width: 66px; margin-right: 27px; cursor: pointer; position: relative; float: left; } .contact-wrap .list li .custom{ display: block; } .contact-wrap .list li .boxs{ display: none; } .contact-wrap .list p{ width: 100%; text-align: center; line-height: 42px; color: #000; text-align: center; } .contact-wrap .list .ico{ display: block; width: 66px; height: 71px; } .contact-wrap .list .contbox{ position: absolute; bottom: 126px; left: -210px; width: 481px; padding: 27px 15px 34px 27px; height: 281px; background: url(../img/contact/bg_28.png) no-repeat center top; z-index: 6; } .contact-wrap .list .contbox .f19{ font-size: 19px; line-height: 27px; font-weight: bold; color: #000; text-align: left; } .contact-wrap .list .word{ margin-top: 12px; font-size: 13px; } .contact-wrap .list .word p{ text-align: left; line-height: 24px; margin: 0; color: #888; } .contact-wrap .list .contbox img{ position: absolute; right: 15px; bottom: 31px; } @media (max-width:690px) and (max-height:380px),(max-width:620px) and (max-height:480px),(max-width:470px){ .clients ul.items{display:none} .clients ul.mini{display:block;position:relative;margin:0 auto;margin-top:30px;width:500px;height:550px;overflow:hidden} .clients ul.mini li{position:relative;float:left;width:200px;padding:8px 0 8px 40px;background:url(../img/clients/point.png) no-repeat 20px 15px;z-index:20} .clients ul.mini li.bg.all{position:absolute;width:500px;height:560px;list-style:none;background-color:#fff;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50)} .clients ul.mini li.bg.one{display:none} } @media (max-width:560px) and (max-height:480px),(max-width:470px){.clients ul.mini{width:250px} .clients ul.mini li.bg.all{width:250px} } @media (max-width:470px) and (max-height:800px){.clients ul.mini{height:440px} .clients ul.mini li.bg.all{height:440px} } @media (max-width:470px) and (max-height:700px){.clients ul.mini{height:330px} .clients ul.mini li.bg.all{height:330px} } @media (max-width:560px) and (max-height:600px){.clients ul.mini{height:260px} .clients ul.mini li.bg.all{height:260px} } @media (max-width:690px) and (max-height:520px){.clients ul.mini{margin-top:15px} .clients .caption i{display:none} } @media (max-width:690px) and (max-height:430px){.clients ul.mini{height:150px} .clients ul.mini li.bg.all{height:150px} } @media (max-width:690px) and (max-height:420px){.clients ul.mini{height:110px} .clients ul.mini li.bg.all{height:110px} } @media (max-width:690px) and (max-height:300px){.clients ul.mini{margin-top:5px} } @media (max-width:400px){.clients .caption i{display:none} } /* 图片列表 */ .proList_wrap{ padding-top: 20px; padding-right: 0; } .product_list{ list-style: none; margin: 0; padding: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; } .product_list li { width: 32%; margin-right: 2%; background: #fff; border: 1px solid #eee; float: left; margin-bottom: 35px; } .product_list li:nth-child(3n){ margin-right: 0; } .product_list li .pic { width: 100%; position: relative; overflow: hidden; height: 250px; border-bottom: 1px solid #eee; } .product_list li img { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); max-width: 100%; transition: all .3s; -webkit-transition: all .3s; } .product_list li .con { width: 100%; padding: 21px 6% 23px; display: block; } .product_list li h3 { font-size: 16px; color: #999; line-height: 36px; height: 36px; overflow: hidden; } .product_list li p{ margin: 0; } .product_list li .info { font-size: 16px; color: #333; line-height: 27px; height: 27px; overflow: hidden; } .product_list li .more { width: 127px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px; } .product_list li:hover .more{ background: #d9271b; border-color: #d9271b; color: #fff; } /*列表内容页*/ .listConts{line-height:26px;color:#666;} .listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;padding:20px;} .listConts .info{ width:100%; max-width: 400px; height:27px; line-height:28px; text-align:center; margin:15px auto; border:1px solid #ccc; border-left:none; border-right:none; color:#666; } .listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;} .listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;} .listConts .info .small{font-size:10px;padding-right:3px;} .listConts .info .big{color:#003ba6;padding-left:3px;} .listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;} .listConts .showimg{margin:20px 0;text-align:center;} .listConts .showimg a img{border:1px solid #ccc;padding:1px;} .listConts .showimg a:hover img{border:1px solid #F90;padding:1px;} .listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;} .listConts .author{text-align:right;color:#999;} /*大图样式*/ .picarr{position:relative;margin:20px auto;} .picarr .picture{width:100%;text-align:center;min-height: 22rem;} .picarr .picture a{display:none;} .picarr .preview{ width:100%; max-width: 750px; margin:20px auto; padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;list-style:none;padding-left:0;} .picarr .preview li{float:left;margin:4px;} .picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;} .picarr .preview li a img{vertical-align:middle; width: 100%;} .picarr .preview li.current a{border:1px solid #000;} /*详细页功能区*/ .preNext{ margin:20px auto;position:relative; width: 100%;} .textP{ list-style: none; } /*评论样式*/ .commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../img/detail/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;} .commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;} .commnet .toolbar{height:30px;line-height:30px;overflow:hidden;} .commnet .options{float:left;} .commnet .button, .commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;} .commnet .button{background:url(../img/detail/commnet_btn_bg.png) repeat-x;} .commnet .button_on{background:url(../img/detail/commnet_btnon_bg.png) repeat-x;} .commlist{margin-top:20px;list-style: none;padding-left: 0;} .commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;} .commlist li p{line-height:20px;color:#999；} .commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;} .commlist li span.time{color:#bbb;} .commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;} .commnum span i{color:#900;font-family:Verdana;font-weight:bold;} /* 分页 */ .page_list, .page_info{ display: -ms-flexbox; display: -webkit-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; -ms-flex-pack: center!important; -webkit-flex-pack: center!important; justify-content: center!important; margin-bottom: 1rem; } .page_list a, .page_info a{ position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; color: #888; background-color: #fff; border: 1px solid #dee2e6; } .page_list a:hover, .page_info a:hover{ background-color: #f2f2f2; color: #f30; } .page_list .page-num{ color: #666; background-color: #e6f7ff; font-weight: bold; } .page_list a.on, .page_list .page-num-current{ font-weight: bold; background-color: rgb(25, 102, 116); color: #fff; } .page_info{ padding: 20px; text-align: center; line-height: 30px; } .page_info span{ padding: 0 10px; color: red; font-weight: bold; } /*内容分页*/ .contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;} .contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;} .contPage a:hover{color:#fff;background:#898989;} .contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;} /* 产品列表左侧 */ .pro-left { background: #f8f8f8; padding:0; margin:0; margin-top: 20px; } .pro-left ul{ padding:0; margin:0; list-style: none; } .pro-left > ul > li > span { display: block; padding-left: 1rem; height: 5rem; border-bottom: 1px solid #e9e9e9; line-height: 5rem; } .pro-left > ul > li > span > i { width: 11px; display: inline-block; background: url(../img/icon/pro-icon01.png) no-repeat center center; height: 11px; vertical-align: middle; margin-top: -3px; margin-right: 14px; cursor: pointer; } .pro-left > ul > li > span > a { font-size: 1.6rem; display: inline-block; } .pro-left > ul > li > ul { background-color: #f2f2f2 } .pro-left > ul > li > ul > li { height: 3rem; line-height: 3rem; padding-left: 3rem; } .pro-left > ul > li > ul > li > a { display: inline-block; } /* 公司简介 */ .w1400 { position: relative; max-width: 1400px; margin: 0 auto; width: 92%; } @media (max-width: 1430px){ .w1400 { width: 92%; } } .company-top{ padding: 10rem 0; width: 100%; } .about-p1{ line-height: 3rem; padding-top: 2rem; padding-bottom: 2rem; } .about-p1-pic{ padding: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } #p-2.company-top{ padding-top: 2rem; } /* about tit */ .item-tit { width: 100%; text-align: center; padding: 0; overflow: hidden; position: relative; margin:0 0 2rem; } .item-tit .name { line-height: 4rem; font-size: 3rem; font-weight: normal; position: relative; z-index: 2; padding: 1.5rem 1rem; display: inline-block; } .item-tit em { width: 40%; height: 1px; display: block; position: absolute; top: 50%; z-index: 1; } .item-tit em.left { left: 0; } .item-tit em.right { right: 0; } .item-tit em i{ width: 10rem; height: 4px; overflow: hidden; display: block; position: absolute; top: -2px; } .item-tit em.right i{ left: 0; } .item-tit em.left i{ right: 0; } /* about tit color */ .color-gray .name{ color: #666; } .color-gray em, .color-gray em i{ background-color: #bfbfbf; } .color-blue .name{ color: #1887ff; } .color-blue em, .color-blue em i{ background-color: #1887ff; } /* box-culture */ .box-culture{ position: relative; list-style: none; padding: 0; margin: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; width: 100%; } .box-culture .item{ width: 25%; text-align: center; padding: 1rem; position: relative; background-color: #fff; border: #f2f2f2 1px solid; } .box-culture .item:hover{ background-color: #fdfff8; box-shadow: 0 .5rem .5rem rgba(0, 0, 0, .3); z-index: 2; } .box-culture .item h2{ color: #666; } .box-culture .item p{ margin: 0; } .box-culture .iconabout{ display: block; width: 4rem; height: 4rem; margin: 0 auto 1rem; background-size: 100% auto; } .cpy-tit{ padding-left:2em; color:#f60; } .box-suecss-tit{ font-weight: bold; } .box-suecss{ padding-left: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; } .box-suecss .w-100, .box-suecss .w-50, .box-suecss .w-25 .box-suecss li{ list-style: inside; color: #666; line-height: 3.2rem; border-bottom: 1px dashed #f2f2f2; } /* index case-list */ .ind-case-list { padding:0 0 2rem; margin: 0; overflow: hidden; width: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; } .ind-case-list li{ float: left; width: 25%; overflow: hidden; } .ind-case-list li a{ display: block; width: 100%; position: relative; overflow: hidden; } .ind-case-list li .pic img{display: block;width: 100%;} .ind-case-list li .main{ position: absolute; left:0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); padding: 2rem; opacity: 0; } .ind-case-list li .main .case-title{ font-size: 1.8rem; font-weight: 500; text-transform:uppercase; line-height: 2rem; color: #fff; } .ind-case-list li .main .case-name{font-size: 1.4rem;line-height:1.6rem;color: #aaa;margin-top: 1rem;} .ind-case-list li:hover .pic img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -o-transform:scale(1.25); -ms-transform:scale(1.25); } .ind-case-list li:hover .main{ opacity: 1; background-color: rgba(0, 0, 0, 0.8); } .c-content-media-1 { padding: 30px; background-color: #ffffff; margin: 0; position: relative; } .c-content-media-1.c-bordered { border: 1px solid #f0f1f2; } .c-content-media-1 .c-content-label { padding: .5rem 1rem; display: inline-block; } .c-content-media-1 .c-title { display: block; font-size: 2rem; font-weight: 300; line-height: 3rem; color: #3f444a; margin: 2rem 0; } .c-content-media-1 .c-title img{ display: block; width: 100%; margin-bottom:1rem; } .c-content-media-1 .c-title .tit{ min-height: 6rem; } .c-content-media-1 p { font-size: 1.4rem; color: #5c6873; font-weight: 300; line-height: 2rem; } .c-content-media-1 .c-date { margin-bottom: 10px; margin-top: 30px; display: inline-block; color: #5c6873; font-size: 16px; text-transform: uppercase; font-weight: 500; } .c-content-media-1 .c-author { overflow: auto; margin-bottom: 10px; margin-top: 30px; } .c-content-media-1 .c-author > .c-portrait { position: relative; background-size: cover; width: 55px; height: 55px; border-radius: 58px; float: left; margin-right: 20px; } .c-content-media-1 .c-author > .c-name { float: left; font-size: 16px; font-weight: 400; color: #5c6873; margin: 15px 0 0 0; } .c-content-media-1 .c-author > p { font-size: 12px; color: #32c5d2; margin: 0; } .c-content-media-1 .c-action { margin-top: 20px; text-align: right; } /* time line */ .main-timeline{ position: relative; margin: 2rem 0; } .main-timeline:before, .main-timeline:after{ content: ""; display: block; width: 100%; clear: both; } .main-timeline:before{ content: ""; width: 100%; height: 5px; background: #ccc; margin: auto 0; position: absolute; top: 52%; left: 0; } .main-timeline .timeline{ width: 22%; float: left; margin-left: 3%; position: relative; } .main-timeline .timeline:before{ content: attr(data-heading); display: inline-block; font-size: 24px; font-weight: bold; color: #fff; transform: rotate(-90deg); position: absolute; top: 30px; left: -2px; z-index: 2; } /* .main-timeline .timeline:after{ content: ""; width: 5px; height: 60px; border-left: 9px dotted #f2f2f2; position: absolute; top: 44%; left: 71px; } */ .main-timeline .timeline-content{ padding: 15px 0 20px 50px; margin-bottom: 40px; border-radius: 15px; border: 5px solid #f2f2f2; text-align: left; background: #f9f9f9; z-index: 1; position: relative; } /* .main-timeline .timeline:nth-child(even) .timeline-content{ background: #43a6ba; } */ .main-timeline .timeline-content:before{ content: ""; width: 40px; height: 100%; position: absolute; top: 0; left: 0; background: #43a6ba; border-radius: 10px 0 0 10px; } /* .main-timeline .timeline:nth-child(even) .timeline-content:before{ background: #1784ab; } */ .main-timeline .timeline-content:after{ content: ""; width: 40px; height: 40px; background: #f9f9f9; border-bottom: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; position: absolute; bottom: -23px; left: 50px; transform: rotate(45deg); z-index: -1; } /* .main-timeline .timeline:nth-child(even) .timeline-content:after{ background: #43a6ba; } */ .main-timeline .description{ color: #444; padding-right: 20px; font-size: 18px; } .main-timeline .read-more{ display: inline-block; padding-right: 15px; font-size: 16px; font-weight: bold; color: #fff; text-transform: capitalize; position: relative; } /* .main-timeline .read-more:before{ content: "\f0da"; font-family: 'FontAwesome'; font-size: 24px; position: absolute; top: -6px; right: 0; } */ .main-timeline .year{ display: inline-block; width: 45px; height: 45px; line-height: 40px; background: #43a6ba; border-radius: 5px; border: 5px solid #f2f2f2; text-align: center; margin-left: 54px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: relative; } /* .main-timeline .timeline:nth-child(even) .year{ background: #43a6ba; } */ .main-timeline .year span{ display: block; font-size: 14px; font-weight: bold; color: #fff; transform: rotate(-45deg); } .main-timeline .timeline.bottom{ margin: -4.3% 0 0 7%; } .main-timeline .timeline.bottom:nth-child(5n+1), .main-timeline .timeline.bottom:last-child{ margin-left: 3%; } .main-timeline .timeline.bottom:before{ top: auto; bottom: 25px; } .main-timeline .timeline.bottom:after{ top: auto; left: auto; bottom: 42%; right: 71px; border-color: #f2f2f2; } .main-timeline .timeline.bottom .timeline-content{ margin: 40px 0 0 0; padding: 15px 0 20px 50px; } .main-timeline .timeline.bottom .timeline-content:after{ border: none; border-top: 5px solid #f2f2f2; border-left: 5px solid #f2f2f2; bottom: auto; top: -23px; left: auto; right: 50px; } .main-timeline .timeline.bottom .year{ margin-left: 152px; } @media only screen and (max-width: 1199px){ .main-timeline{ width: 90%; } .main-timeline:before{ width: 5px; height: 100%; top: 0; left: 5%; } .main-timeline .timeline, .main-timeline .timeline.bottom, .main-timeline .timeline.bottom:nth-child(5n+1), .main-timeline .timeline.bottom:last-child{ width: 85%; float: none; margin: 0 0 20px 15%; } /* .main-timeline .timeline:after, .main-timeline .timeline.bottom:after{ width: 60px; height: 5px; top: 50px; left: -58px; border-top: 9px dotted #fff; } */ .main-timeline .timeline-content, .main-timeline .timeline.bottom .timeline-content{ margin: 0; } .main-timeline .year, .main-timeline .timeline.bottom .year{ width: 65px; height: 65px; line-height: 60px; margin: 0; position: absolute; top: 20px; left: -15.5%; z-index: 1; } .main-timeline .timeline .timeline-content:after{ display: none; } .main-timeline .timeline.bottom:before{ bottom: auto; top: 30px; left: -2px; } } @media only screen and (max-width: 990px){ .main-timeline .year, .main-timeline .timeline.bottom .year{ left: -16.8%; } } @media only screen and (max-width: 767px){ .main-timeline .timeline:after, .main-timeline .timeline.bottom:after{ display: none; } .main-timeline .year, .main-timeline .timeline.bottom .year{ width: 30px; height: 30px; border: 3px solid #fff; left: -13.5%; } .main-timeline .year span{ display: none; } } @media only screen and (max-width: 480px){ .main-timeline .year, .main-timeline .timeline.bottom .year{ left: -15.5%; } }