@import "//at.alicdn.com/t/font_2051371_65bse0t0bwj.css"; @import "//at.alicdn.com/t/font_210935_ey3bc2kbk9.css"; /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .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-slide-invisible-blank{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} /*# sourceMappingURL=lightcase.min.css.map */ @font-face{font-family:lightcase;src:url(../fonts/lightcase.eot?55356177);src:url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),url(../fonts/lightcase.woff?55356177) format("woff"),url(../fonts/lightcase.ttf?55356177) format("truetype"),url(../fonts/lightcase.svg?55356177#lightcase) format("svg");font-weight:400;font-style:normal}[class*=lightcase-icon-]:before{font-family:lightcase,sans-serif;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.lightcase-icon-play:before{content:'\e800'}.lightcase-icon-pause:before{content:'\e801'}.lightcase-icon-close:before{content:'\e802'}.lightcase-icon-prev:before{content:'\e803'}.lightcase-icon-next:before{content:'\e804'}.lightcase-icon-spin:before{content:'\e805'}@-webkit-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes lightcase-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}#lightcase-case{display:none;position:fixed;z-index:2002;top:50%;left:50%;font-family:arial,sans-serif;font-size:13px;line-height:1.5;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.5)}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-case,html[data-lc-type=inline] #lightcase-case{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:55px 0 70px 0;width:100%!important;height:100%!important;overflow:auto!important}}@media screen and (min-width:641px){html:not([data-lc-type=error]) #lightcase-content{position:relative;z-index:1;text-shadow:none;background-color:#fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,.5);-moz-box-shadow:0 0 30px rgba(0,0,0,.5);-o-box-shadow:0 0 30px rgba(0,0,0,.5);box-shadow:0 0 30px rgba(0,0,0,.5);-webkit-backface-visibility:hidden}}@media screen and (min-width:641px){html[data-lc-type=image] #lightcase-content,html[data-lc-type=video] #lightcase-content{background-color:#333}}html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-content,html[data-lc-type=error] #lightcase-content,html[data-lc-type=inline] #lightcase-content{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner{padding:15px}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=error] #lightcase-content .lightcase-contentInner,html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>*{width:100%!important;max-width:none!important}html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe),html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe){height:auto!important;max-height:none!important}}@media screen and (max-width:640px){html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe{overflow:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:640px) and (min-width:641px){html[data-lc-type=image] #lightcase-content .lightcase-contentInner,html[data-lc-type=video] #lightcase-content .lightcase-contentInner{line-height:.75}}html[data-lc-type=image] #lightcase-content .lightcase-contentInner{position:relative;overflow:hidden!important}@media screen and (max-width:640px){html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{position:relative!important;top:auto!important;left:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:none!important;background:0 0!important}}@media screen and (min-width:641px){html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap{padding:30px;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}}@media screen and (max-width:640px){#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#aaa}}@media screen and (min-width:641px){#lightcase-content h1,#lightcase-content h2,#lightcase-content h3,#lightcase-content h4,#lightcase-content h5,#lightcase-content h6,#lightcase-content p{color:#333}}#lightcase-case p.lightcase-error{margin:0;font-size:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa}@media screen and (max-width:640px){#lightcase-case p.lightcase-error{padding:30px 0}}@media screen and (min-width:641px){#lightcase-case p.lightcase-error{padding:0}}.lightcase-open body{overflow:hidden}.lightcase-isMobileDevice .lightcase-open body{max-width:100%;max-height:100%}#lightcase-info{position:absolute;padding-top:15px}#lightcase-info #lightcase-caption,#lightcase-info #lightcase-title{margin:0;padding:0;line-height:1.5;font-weight:400;text-overflow:ellipsis}#lightcase-info #lightcase-title{font-size:17px;color:#aaa}@media screen and (max-width:640px){#lightcase-info #lightcase-title{position:fixed;top:10px;left:0;max-width:87.5%;padding:5px 15px;background:#333}}#lightcase-info #lightcase-caption{clear:both;font-size:13px;color:#aaa}#lightcase-info #lightcase-sequenceInfo{font-size:11px;color:#aaa}@media screen and (max-width:640px){.lightcase-fullScreenMode #lightcase-info{padding-left:15px;padding-right:15px}html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info{position:static}}#lightcase-loading{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;position:fixed;z-index:2001;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;opacity:1;font-size:32px;text-shadow:0 0 15px #fff;-moz-transform-origin:50% 53%;-webkit-animation:lightcase-spin .5s infinite linear;-moz-animation:lightcase-spin .5s infinite linear;-o-animation:lightcase-spin .5s infinite linear;animation:lightcase-spin .5s infinite linear}#lightcase-loading,#lightcase-loading:focus{text-decoration:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-moz-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}#lightcase-loading>span{display:inline-block;text-indent:-9999px}a[class*=lightcase-icon-]{position:fixed;z-index:9999;width:1.123em;height:auto;font-size:38px;line-height:1;text-align:center;text-shadow:none;outline:0;cursor:pointer}a[class*=lightcase-icon-],a[class*=lightcase-icon-]:focus{text-decoration:none;color:rgba(255,255,255,.6);-webkit-tap-highlight-color:transparent;-webkit-transition:color,opacity,ease-in-out .25s;-moz-transition:color,opacity,ease-in-out .25s;-o-transition:color,opacity,ease-in-out .25s;transition:color,opacity,ease-in-out .25s}a[class*=lightcase-icon-]>span{display:inline-block;text-indent:-9999px}a[class*=lightcase-icon-]:hover{color:#fff;text-shadow:0 0 15px #fff}.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover{color:#aaa;text-shadow:none}a[class*=lightcase-icon-].lightcase-icon-close{position:fixed;top:15px;right:15px;bottom:auto;margin:0;opacity:0;outline:0}a[class*=lightcase-icon-].lightcase-icon-prev{left:15px}a[class*=lightcase-icon-].lightcase-icon-next{right:15px}a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{left:50%;margin-left:-.5em}@media screen and (min-width:641px){a[class*=lightcase-icon-].lightcase-icon-pause,a[class*=lightcase-icon-].lightcase-icon-play{opacity:0}}@media screen and (max-width:640px){a[class*=lightcase-icon-]{bottom:15px;font-size:24px}}@media screen and (min-width:641px){a[class*=lightcase-icon-]{bottom:50%;margin-bottom:-.5em}#lightcase-case:hover~a[class*=lightcase-icon-],a[class*=lightcase-icon-]:hover{opacity:1}}#lightcase-overlay{display:none;width:100%;min-height:100%;position:fixed;z-index:2000;top:-9999px;bottom:-9999px;left:0;background:#333}@media screen and (max-width:640px){#lightcase-overlay{opacity:1!important}} /* reset */ *,*::before,*::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;} html {font-size:62.5%; /* 10÷16=62.5% */ -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body{background-color:#fff; position: relative; z-index:0; font-family: "Lucida Grande",Helvetica, Arial,"Microsoft YaHei",FreeSans,"wenquanyi micro hei", sans-serif; font-size: 1.2rem; color: #333;} html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;} table{border-collapse:collapse;border-spacing:0;} caption,th{text-align:left;font-weight:normal;} html,body,fieldset,img,iframe,abbr{border:0;} i,cite,em,var,address,dfn{font-style:normal;} [hidefocus],summary{outline:0;} li{list-style:none;} h1,h2,h3,h4,h5,h6,small{font-size:100%;} sup,sub{font-size:83%;} pre,code,kbd,samp{font-family:inherit;} q:before,q:after{content:none;} textarea{overflow:auto;resize:none;} label,summary{cursor:default;} a,button{cursor:pointer;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} del,ins,u,s,a,a:hover{text-decoration:none;} body,input,textarea,select,button{text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";} a{color:#333;} a:hover{color:#000;} img {vertical-align: middle; border: 0; max-width: 100%; height: auto;} @font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_210935_5w8e3moz55w.eot?t=1574821469938'); /* IE9 */ src: url('//at.alicdn.com/t/font_210935_5w8e3moz55w.eot?t=1574821469938#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('//at.alicdn.com/t/font_210935_5w8e3moz55w.woff?t=1574821469938') format('woff'), url('//at.alicdn.com/t/font_210935_5w8e3moz55w.ttf?t=1574821469938') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_210935_5w8e3moz55w.svg?t=1574821469938#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-dianhua1:before { content: "\e604"; } .icon-erweima:before { content: "\e65a"; } .icon-duihua:before { content: "\e642"; } .icon-zaixiankefu:before { content: "\e625"; } .icon-todown:before { content: "\e613"; } .icon-caidan:before { content: "\e603"; } .icon-kefu:before { content: "\e645"; } .icon-home:before { content: "\e600"; } .icon-jituan:before { content: "\e705"; } .icon-changjiazhigong:before { content: "\e731"; } .icon-gongzhonghao:before { content: "\e63e"; } .icon-news:before { content: "\e631"; } .icon-kefu-copy:before { content: "\e64c"; } .icon-jishuzhichi:before { content: "\e692"; } .icon-jiance:before { content: "\e630"; } .icon-tuandui:before { content: "\e62e"; } .icon-peixun:before { content: "\e605"; } .icon-hezuo:before { content: "\e60b"; } .icon-qqzl:before { content: "\e663"; } .icon-gotop:before { content: "\e633"; } .icon-gcsl:before { content: "\e60a"; } .icon-up:before { content: "\e60d"; } .icon-credential:before { content: "\e629"; } .icon-weibo:before { content: "\e620"; } .icon-email:before { content: "\e601"; } .icon-zaixianzixun:before { content: "\e60c"; } .icon-yaliceshi:before { content: "\e63d"; } .icon-dianhua:before { content: "\e624"; } .icon-h5:before { content: "\e789"; } .icon-canshu:before { content: "\e693"; } .icon-zhijian:before { content: "\e647"; } .icon-youxiang:before { content: "\e63f"; } .icon-dianhua2:before { content: "\e64b"; } .icon-anli:before { content: "\e61f"; } .icon-iconcopy:before { content: "\e680"; } .icon-famen:before { content: "\e609"; } .icon-ckgd:before { content: "\e60e"; } .icon-chuangxin:before { content: "\e72c"; } .icon-yjzx:before { content: "\e606"; } .icon-zzry:before { content: "\e626"; } .icon-qywh:before { content: "\e6a8"; } .icon-taipingyang:before { content: "\e621"; } .icon-govalve:before { content: "\e64f"; } .icon-dingzhi:before { content: "\e607"; } .icon-guanbi:before { content: "\e602"; } .icon-shandianfahuo:before { content: "\e608"; } .swiper-container img{width:100%;} .banner img{width:100%;} /* function */ .clearfix:before, .clearfix:after { display: table; content: " "; clear: both; } .f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-ib{display:inline-block;*display:inline;*zoom:1;} .f-dn{display:none;} .f-db{display:block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-prz{position:relative;zoom:1;} .f-oh{overflow:hidden;} .f-ff0{font-family:arial,\5b8b\4f53;} .f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;} .f-fs1{font-size:12px;} .f-fs2{font-size:14px;} .f-fs3{font-size:16px;} .f-fwn{font-weight:normal;} .f-fwb{font-weight:bold;} .f-tal{text-align:left;} .f-tac{text-align:center;} .f-tar{text-align:right;} .f-taj{text-align:justify;text-justify:inter-ideograph;} .f-vam,.f-vama *{vertical-align:middle;} .f-wsn{word-wrap:normal;white-space:nowrap;} .f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;} .f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;} .f-ti{overflow:hidden;text-indent:-30000px;} .f-ti2{text-indent:2em;} .f-lhn{line-height:normal;} .f-tdu,.f-tdu:hover{text-decoration:underline;} .f-tdn,.f-tdn:hover{text-decoration:none;} .f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;} .f-csp{cursor:pointer;} .f-csd{cursor:default;} .f-csh{cursor:help;} .f-csm{cursor:move;} .f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} .lc{color: #ff9900;} .w1200, .mw1200{max-width: 1200px; margin: 0 auto;} .w1400, .mw1400{max-width: 1400px; margin: 0 auto;} .w100{width: 100%;} .w50{width: 50%;} .pdlr15{padding-left: 15px; padding-right: 15px;} .mt30{margin-top: 30px;} .pt30{padding-top: 30px;} .mt15{margin-top: 15px;} .pt15{padding-top: 15px;} .mb30{margin-bottom: 30px;} .pb30{padding-bottom: 30px;} .mb15{margin-bottom: 15px;} .pb15{padding-bottom: 15px;} .mt20{margin-top: 20px;} .mb20{margin-bottom: 20px;} .mt60{margin-top: 60px;} .mb60{margin-bottom: 60px;} .pb60{padding-bottom: 60px;} /* 单行文本截断 */ .f-text-truncate{word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap;overflow: hidden;} html a.more:hover{color: #ff9900;} .card-ease{transition: all .3s ease;} .card-shadow:hover{box-shadow: 0 0 16px 3px rgba(0,0,0,0.1);} .nav-top {width: 100%;background: #515151;} .nav-top a {color: #fff;line-height: 18px;} .nav1>li,.nav2 li {display: inline-block; padding: 8px 25px; position: relative;} .nav1 .tr-nav2 {width: 100%; text-align: center; display: none; position: absolute;left: 0; top: 34px;z-index: 10; background: #3d3d3d; padding: 12px 0;} .nav1 .tr-nav2 li:hover{background: rgba(0,0,0,.5);} .nav1 .tr-nav2 li a {line-height: 30px;font-size: 12px;} .nav1>li:after { content: ""; position: absolute; height: 12px; border-right: 1px solid #a8a8a8; right: 0; top: 11px;} .nav1>li a {line-height: 18px;} .nav1>li:last-child:after {border-right: none;} .nav2 a {color: #B5B5B5;} .nav2 .qrcode-hover { position: absolute; top: 34px; right: 0; display: none; max-width: 200%; z-index: 10; background: #fff; padding: 10px 5px;} .nav2 .qrcode-hover img {width: 100px;height: 100px;} .nav-menu {padding: 20px 0; z-index:999;} .nav-logo {max-width: 445px; max-height: 38px;} /* language */ .lang{font-size:1.4rem; line-height: 50px; text-align: center; color: #fff; background-color:rgb(68, 68, 68); z-index: 10;} .lang a , .lang i{color: #fff;} .lang a:hover{text-decoration: underline;} .lang button{border:none;background: transparent; margin-left: 15px; outline: none;} #nav-menu2>li {display: block; float: left;} #nav-menu2>li>a {display: block;font-size: 1.6rem;line-height: 38px;width: 100%;padding: 0 20px;position: relative;} #nav-menu2>li>a:hover{color: #1e41b3;} #nav-menu2>li>a:hover:before , #nav-menu2>li.active>a:before{content: ""; width: 100%; z-index: 11; background: #1e41b3; height: 4px; bottom: -20px; position: absolute; left: 0;} #nav-menu2>li > a:after {content: "";position: absolute;border-right: 1px solid #999;height: 16px;right: 0;top: 11px;} #nav-menu2>li:last-child > a:after {border: none;} #nav-menu2 > li .down {position: absolute; left: 0; top: 58px; z-index: 99; width: 100%; height: auto; padding-top: 20px;} #nav-menu2 > li .bgc{background: #f5f5f5;} .down-bottom{background: #1e41b3; padding: 13px 5px;} .down-bottom a{color: #fff;} #nav-menu2 .down-product{padding: 15px 10px;} #nav-menu2 .down-product li{width: 15%; float: left; border-right: 1px solid #c9c9c9; padding: 0 10px; min-height: 350px;} #nav-menu2 .down-product li a{padding: 5px; display: inline-block; width: 100%;} #nav-menu2 .down-product li:last-child{border-right: none;} #nav-menu2 .down-product li.hot-product{width: 40%;} #nav-menu2 .down-product li.hot-product a:after{content: url(../images/hot.gif); display: inline-block; margin-left: 10px; } #nav-menu2 li.hot-product dl{width: 33.3333%; float: left; } #nav-menu2 li.hot-product dl:not(:first-child){padding-top: 44px;} #nav-menu2 #down-menu .hot-product{width:25%;} #nav-menu2 #down-menu .hot-product dl{width:50%;} .down-product li dt{font-size: 1.6rem; font-weight: 600; line-height: 24px; color: #000; margin-bottom: 15px; padding: 0 15px;} .down-product li dt a{color: #333;} .down-product li dd{margin-bottom: 15px; padding: 0 10px;} .down-product li dd a{font-size: 1.4rem; line-height: 20px; color: #000;} .down-product li dd a:hover{background: #1e41b3; color: #fff;} .down-product li:last-child dt+dd a{background: transparent;} .down-product li.type-valve dd , #nav-menu2 .down-product li.type-valve dt{padding: 0 15px;} .page1 .menu {position: relative; z-index: 10; margin-top: 10px} .page1 .menu>li {display: block; height: 30px; text-align: center; float: left; padding:0 15px; position: relative;} .page1 .menu>li:after{content: ""; position: absolute; z-index: 0; display: inline-block; right: 0; top: 9px; height: 14px; width: 1px; background: #ddd; } .page1 .menu>li:last-child:after{display: none;} .page1 .menu>li>a{font-size: 1.4rem;color: #fff; display: inline-block; padding: 0 5px; border-bottom: none; transition: all .3s; line-height: 30px;} .page1 .menu>li:hover>a{color: #ff9900;} .index-language{z-index:10;margin-top:5px; height:30px; } .index-language .site-switch{background:none; font-size:1.2rem;line-height:30px;} .index-language .site-switch:after{border-color: #fff transparent transparent;} .index-language .site-shitch-dropdown{top:30px;} /*二级下拉*/ .page1 .blind{position: absolute;left: 0;top: 100%; z-index: 0; overflow: hidden; max-height: 0; width: 100%; -webkit-transition: max-height 1ms linear 1s; -moz-transition: max-height 1ms linear 1s; transition: max-height 1ms linear 1s; pointer-events: none;} .page1 .menu>li:hover .blind{pointer-events: auto;z-index: 0; max-height: 2000px;-webkit-transition: none; -moz-transition: none;} /* forward */ .page1 .menu>li:hover .submenu li:nth-child(1) {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}.page1 .menu> li:hover .submenu li:nth-child(2) {-webkit-transition-delay: 66ms;-moz-transition-delay: 66ms;-ms-transition-delay: 66ms;-o-transition-delay: 66ms;transition-delay: 66ms;}.page1 .menu> li:hover .submenu li:nth-child(3) {-webkit-transition-delay: 133ms;-moz-transition-delay: 133ms;-ms-transition-delay: 133ms;-o-transition-delay: 133ms;transition-delay: 133ms;}.page1 .menu> li:hover .submenu li:nth-child(4) {-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;-ms-transition-delay: 200ms;-o-transition-delay: 200ms;transition-delay: 200ms;}.page1 .menu> li:hover .submenu li:nth-child(5) {-webkit-transition-delay: 266ms;-moz-transition-delay: 266ms;-ms-transition-delay: 266ms;-o-transition-delay: 266ms;transition-delay: 266ms;}.page1 .menu> li:hover .submenu li:nth-child(6) {-webkit-transition-delay: 333ms;-moz-transition-delay: 333ms;-ms-transition-delay: 333ms;-o-transition-delay: 333ms;transition-delay: 333ms;}.page1 .menu> li:hover .submenu li:nth-child(7) {-webkit-transition-delay: 400ms;-moz-transition-delay: 400ms;-ms-transition-delay: 400ms;-o-transition-delay: 400ms;transition-delay: 400ms;}.page1 .menu> li:hover .submenu li:nth-child(8) {-webkit-transition-delay: 466ms;-moz-transition-delay: 466ms;-ms-transition-delay: 466ms;-o-transition-delay: 466ms;transition-delay: 466ms;} /* backward */ .submenu li:nth-child(1) {-webkit-transition-delay: 466ms;-moz-transition-delay: 466ms;-ms-transition-delay: 466ms;-o-transition-delay: 466ms;transition-delay: 466ms;}.submenu li:nth-child(2) {-webkit-transition-delay: 400ms;-moz-transition-delay: 400ms;-ms-transition-delay: 400ms;-o-transition-delay: 400ms;transition-delay: 400ms;}.submenu li:nth-child(3) {-webkit-transition-delay: 333ms;-moz-transition-delay: 333ms;-ms-transition-delay: 333ms;-o-transition-delay: 333ms;transition-delay: 333ms;}.submenu li:nth-child(4) {-webkit-transition-delay: 266ms;-moz-transition-delay: 266ms;-ms-transition-delay: 266ms;-o-transition-delay: 266ms;transition-delay: 266ms;}.submenu li:nth-child(5) {-webkit-transition-delay: 200ms;-moz-transition-delay: 200ms;-ms-transition-delay: 200ms;-o-transition-delay: 200ms;transition-delay: 200ms;}.submenu li:nth-child(6) {-webkit-transition-delay: 133ms;-moz-transition-delay: 133ms;-ms-transition-delay: 133ms;-o-transition-delay: 133ms;transition-delay: 133ms;}.submenu li:nth-child(7) {-webkit-transition-delay: 66ms;-moz-transition-delay: 66ms;-ms-transition-delay: 66ms;-o-transition-delay: 66ms;transition-delay: 66ms;}.submenu li:nth-child(8) {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}.submenu li {opacity: 0;-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;-moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;-ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;-o-transition: opacity .4s, -o-transform .6s, max-height .6s;transition: opacity .4s, transform .6s, max-height .6s;}.page1 .menu>li:hover .submenu li{opacity: 1;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .blind li{max-height: 0; background: rgba(0,0,0,.5); border-bottom: 1px solid #ccc; } .blind li:last-child{border-bottom: 2px solid #1e41b3;} .blind li a{color: #fff; display: inline-block; font-size: 1.2rem; line-height: 37px; height: 37px;} .blind li:hover{background: #1e41b3; } .blind li:hover a{color: #fff;} .page1 .menu> li:hover .blind li {max-height: 37px; } .blind li:nth-child(odd) { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .blind li:nth-child(even) { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /*移动菜单*/ .m .menu{display: none;} #fp-nav ul li a span,.fp-slidesNav ul li a span {background: #fff;} .roll {position: absolute; bottom: 2rem; left: 50%; width: 66px; height: auto; color:#ddd; margin-left: -33px; display: block; z-index: 10; text-align: center;} .roll i {-webkit-animation: sdb05 1.5s infinite;animation: sdb05 1.5s infinite;} @-webkit-keyframes sdb05 {0% {transform: translate(0,0);opacity: 0;}50% {opacity: 1;}100% {transform: translate(0,20px);opacity: .2;}} @keyframes sdb05 {0% {transform: translate(0,0);opacity: 0;}50% {opacity: 1;}100% {transform: translate(0,20px);opacity: .2;}} .index::-webkit-scrollbar{display: none;} .am-scrollable-horizontal::-webkit-scrollbar{ width: 3px;height:5px; } .am-scrollable-horizontal::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;} .am-scrollable-horizontal::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;} .icon { background-image: url("../images/icon.png"); display: inline-block; vertical-align: middle; } /*top*/ .head-top{background: rgb(23,41,135); color: #d2d2d2; height: 36px;position:relative; z-index:10000;} .head-top li{line-height:36px;} .site-switch{padding: 0 23px 0 15px; position:relative;background-color: #6c6c6c;} .site-switch:after{content:"";display:inline-block; position:absolute; width:0; height:0;border-width:5px 5px 0;border-style:solid;border-color:#333 transparent transparent; right:10px; top:12px;} .site-switch > img{vertical-align: middle;} .site-switch img{margin-right:5px; width:14px;} .site-shitch-dropdown{position: absolute; z-index: 10; top: 36px; left: 0; background-color: #272B2F; width:100%;text-align:center; opacity:0; transition: opacity .3s;} .site-switch:hover .site-shitch-dropdown{display: block; opacity: 1; } .site-shitch-dropdown li{height: 30px; line-height:30px;} .site-shitch-dropdown a{color: #fff;} .site-shitch-dropdown a:hover{color: #ff9900;} /*面包屑导航*/ .crm{line-height: 20px; height: 20px; overflow: hidden;} .crm i{font-size: 2rem; height: 20px; display: inline-block; vertical-align: bottom;} .crm span{display: inline-block;} .crm a{line-height: 20px; display: inline-block;} .crm a:hover{color: #111; text-decoration: underline} /*主页*/ .page a:hover{color: #ff9900;} .logo {position: relative;z-index: 10; height: 38px; margin-top:10px;} .index-head{padding-right:130px;} .logo img{max-width: none; width: auto; height: 38px;} .page1 {position: relative;z-index: 1;width: 100%; height: 100vh; overflow: hidden;; text-align: center; background-color: #393D49; color: #fff} .page1 .content{position: absolute; z-index: 20; max-width: 960px; height: 340px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-40%);-ms-transform: translate(-50%,-40%);transform: translate(-50%,-40%); text-align: center; color: #f2f2f2;} .page1 .content strong{font-size: 4.4rem; font-weight: normal; line-height: 1.5; letter-spacing:5px;} .page1 .content p a{color: #fff;} .page1 .content p a:hover{color: #ff9900;} .page1 .row1{margin-top: 10rem;} .page1 .row1 em{font-size: 1.6rem; line-height: 1.5; width: auto; font-weight:normal; } .page1 .row2{max-width: 420px; margin: 0 auto; margin-top: 30px;} .page1 .row2 a{line-height: 40px; font-size: 2rem; width: 30%; margin: 0 1.666%; display: inline-block;} .page1 .row2 i{margin-right: 10px; font-size: 2rem;} .page1 video::-webkit-media-controls {display:none!important;} .page1 video {position: absolute;right: 0px;bottom: 0px;z-index: 1;object-fit:contain;min-width: 100%; min-height: 100%; height: auto; width: auto;background-color: rgba(0,0,0,.5);background-size: cover;-webkit-filter: brightness(.2);filter: brightness(.2);-moz-filter: brightness(.2);-ms-filter: brightness(.2);-o-filter: brightness(.2);filter: Mask(Color=#000);} .page2 .box1-2022 {padding-top:10px;padding-bottom: 30px;background:#fff;} .page2 .box1-2022 .title {text-align:center;font-family: '微软雅黑'; font-size: 28px;color:#1e1e1e;height:60px;line-height: 60px;font-weight: 600;} .page2 .box1-2022 .subtitle{font-family: '微软雅黑'; font-size: 15px;color:#333;margin-bottom:30px;font-weight: 600;} .page2 .box1-2022 .intro-box{width:1000px;margin:0 auto 20px;} .page2 .box1-2022 .intro-box-left{float:left;width:50%;padding:20px;border: 1px solid #e1e1e1;height:342px;} .page2 .box1-2022 .intro-box-left .intro-title{height:50px;line-height: 50px;font-size: 20px} .page2 .box1-2022 .intro-box-left p{text-indent: 2em;line-height: 1.8;font-size: 14px;} .page2 .box1-2022 .intro-box-left a{display: block;background: #1174f3;width: 110px;height: 30px;line-height:30px;border-radius:20px;text-align: center;color: #fff;margin: 3px auto 0;} .page2 .box1-2022 .intro-box-right{float:left;width:50%;} .page2 .box1-2022 .case-item {float:left;width:280px;margin-right:15px;} .page2 .box1-2022 .case-item:nth-child(4) {margin-right:0;} .page2 .box1-2022 .case-item .img{position: relative;} .page2 .box1-2022 .case-item .img img{width:100%;} .page2 .box1-2022 .case-item .slide p {text-align: center;height:32px;line-height: 32px;font-size: 16px;font-family: '微软雅黑';} .page2 .box1-2022 .case-item-intro {height:70px;} .page2 .box1-2022 .case-item-intro h4 {font-family: '微软雅黑'; font-size: 18px;color:#333;text-align: center;height:46px;line-height:46px;} .page2 .box1-2022 .case-item-intro p {font-family: '微软雅黑'; font-size: 12px;color:#333;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;height:24px;line-height:24px;} .page2 .box1 .w1200> .f-fl{width: 54%; height: 435px;} .page2 .box1 .w1200> .f-fr{width: 40%; height: 435px;} .page2 .t{border-bottom: 1px solid #c1c1c1; padding-bottom: 5px;} .page2 .t a.more{padding-top: 12px;line-height: 20px;} .page2 .t h2{color: #333; border-left: 3px solid #666; font-weight: normal; padding-left: 15px; font-size: 2.4rem; line-height: 32px;} .page2 .box1 .f-fr .list{margin-left: 20px; float: left; width: 80%;} .page2 .box1 .f-fr li{margin-top: 19px;} .page2 .box1 .f-fr li h3{line-height: 30px; font-size: 1.4rem;} .page2 .box1 .f-fr li p{line-height: 22px;} .page2 .box1 .f-fr .data{float: left; width: 15%;} .page2 .box1 .f-fr .day{background: #f2f2f2; font-size: 2rem; padding: 5px 0; color: #666;} .page2 .box1 .f-fr .year{background: #f2f2f2; margin-top: 1px; font-size: 1.4rem; padding: 4px; color: #999; text-align: center;} .page2 .box1 .swiper-news figcaption{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); padding: 15px; font-size: 1.4rem; color: #fff;} .page2 .box2 .w1200> .f-fl{width: 54%; max-height: 170px;} .page2-expo{width: 40%; max-height: 170px;} .page2 .box2 .w1200> .f-fl > ul{margin-left: -3%;} .page2 .box2 .w1200 > ul > li{width: 30%; margin-left: 3%; float: left;} .page2 .box2 li li{margin-top: 15px; width: 100%; font-size: 1.4rem;} .page2 .box2 li li a:before , .page2-expo em:before{content: ""; height: 0; width: 0; border-left: 5px solid #001a83; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-block; margin-right: 5px;} .page2 .box2 li li a i{color: #001a83;} .page2-expo ul{margin-left: -3.3333%; margin-top: 15px;} .page2-expo li{margin-left: 3.3333%; float: left; width: 30%;} .page2 .box3 {padding-top:10px;padding-bottom: 30px;background:#eaeaea;} .page2 .box3 .title a{font-family: '微软雅黑'; font-size: 28px;color:#1e1e1e;height:60px;line-height: 60px;font-weight: 600;} .page2 .box3 .subtitle{font-family: '微软雅黑'; font-size: 15px;color:#333;margin-bottom:30px;font-weight: 600;} .page2 .box3 .case-item {float:left;width:280px;margin-right:15px;} .page2 .box3 .case-item:nth-child(4) {margin-right:0;} .page2 .box3 .case-item .img{position: relative;} .page2 .box3 .case-item .img img{width:100%;} /*.page2 .box3 .case-item .img .slide {font-family: '微软雅黑'; font-size: 18px;color:#fff;line-height:24px;position: absolute;left:0;bottom:0;height:0;overflow: hidden;background: rgba(0,102,210,0.8)}*/ .page2 .box3 .case-item .slide p {text-align: center;height:32px;line-height: 32px;font-size: 16px;font-family: '微软雅黑';} .page2 .box3 .case-item-intro {height:70px;} .page2 .box3 .case-item-intro h4 {font-family: '微软雅黑'; font-size: 18px;color:#333;text-align: center;height:46px;line-height:46px;} .page2 .box3 .case-item-intro p {font-family: '微软雅黑'; font-size: 12px;color:#333;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;height:24px;line-height:24px;} .title-hover{position: relative;} .title-hover figure p{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0); transition: all .3s ease-in-out; padding: 50px 15px; font-size: 1.6rem; line-height: 22px;} .title-hover figcaption .go{width: 100%; line-height: 30px; padding: 15px 10px; height: 60px; font-size: 1.8rem; color: #fff; position: relative; z-index: 1;} .title-hover figcaption .go img{display: inline-block; width: 26px; height: 26px; margin-right: 6px;} .title-hover figcaption .go span{line-height: 26px; display: inline-block;} .title-hover:hover figure p{color: #fff; opacity: 1; background: rgba(0,0,0,.5);} .type4 figcaption , .type5 figcaption{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; font-size: 2.7rem; line-height: 30px; top: 35%;} .title-hover.type1 p{padding: 80px 15px;} .title-hover.type2 p{padding: 40px 15px;} .title-hover.type4 p{padding: 15px;} .title-hover.type5 p{padding: 30px 15px;} .title-hover.type6 p{padding: 20px 15px;} .case-col1, .case-col2{width: 48%;} .type1{margin-top: 20px;} .type6 .go , .type3 .go{background: #0a64be;} .type1 .go , .type2 .go , .type7 .go{background: #f47c58;} .type3{margin-top: 20px;} .type5{margin-top: 25px;} .page2 .box3 .row1 .f-fl{width: 48.5%;} .page2 .box3 .row1 .f-fr{width: 47.5%;} .page2 .box3 .row2{margin-top: 20px;} .box4.bgc{padding-top: 30px; padding-bottom: 30px; height: auto;} .box4 h3{font-size: 2rem; line-height: 30px; position: relative;} .box4 h3:before{content: ""; background:#ccc; width: 45%; height: 1px; position: absolute; left: 0; top: 14px;} .box4 h3:after{content: ""; background:#ccc; width: 45%; height: 1px; position: absolute; right: 0; top: 14px;} .box5{padding-bottom:30px;} .product-nav {width:20%;float:left;} ul#mytab{margin-left: -0.08571428571429%; margin-bottom: 15px;} #myouter h4 a{display:block;margin-left: 0.08571428571429%; text-align: center; font-size: 2.4rem; background: #383842; height:80px;line-height:80px;color:#fff;} #mytab li{margin-left: 0.08571428571429%; text-align: center; font-size: 1.6rem; background: #eee; border-bottom: 1px solid #e1e1e1;position:relative;} #mytab li a{display:block;padding: 12.9px 0;color: #333; } #mytab li.active a{background: #fff; color: #333;} #mytab li i {position: absolute;right:10px; top:50%; line-height:20px;height:20px; margin-top:-10px; color: #333;font-size: 12px;transform: scale(0.5)} #mytab li.active i {color: #eb6100} #mycontent{margin-top: 25px; line-height: 1.5} #mycontent p{font-size: 1.5rem; margin-top: 10px;} #myouter {padding-left: 50px;padding-right: 80px;} #myouter .swiper-slide {width:24.4%; float:left;margin-right:5px;margin-bottom: 5px;} #myouter .swiper-slide img {width:100%;} /*#myouter .swiper-container {background: #F2F2F2;}*/ #myouter .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image: url(../images/prev.png); margin-left -10px;} #myouter .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/next.png); margin-right: -10px;} #myouter .product-tab {width:78%;float:left;margin-left:1.5%;} .swiper-container {width: 100%; height: 100%;} #mycontent .swiper-slide {text-align: center; font-size: 1.8rem; background: #fff/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #mycontent .swiper-slide img{max-height: 230px;} .slideTxtBox {text-align: left; margin: 0 auto; overflow: hidden; } .slideTxtBox .hd { position: relative; border-bottom: 1px solid #cacaca; height: 154px; margin-bottom: 40px; } .slideTxtBox .hd ul { max-width: 1080px; margin: 0 auto;} .slideTxtBox .hd ul li { float: left; position: relative; width: 10.666666666667%; margin: 0 3%; cursor: pointer; text-align: center; height: 154px; } .slideTxtBox .hd ul li span {width: 100%; height: 100px; display: block; border-radius: 5px; border: 1px dotted #0a408a;} .slideTxtBox .hd ul li i { width: 70px; height: 61px; font-size: 6rem; display: inline-block; margin-top: 20px;transition: ease-in-out .2s; } .slideTxtBox .hd ul li p { line-height: 50px; } .slideTxtBox .hd ul li .i2 { position: absolute; width: 100%; height: 1px; background: #001a83; display: none;} .slideTxtBox .hd ul li i.i2:after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 8px solid #001a83; left: 50%; margin-left: -12px; bottom: -8px;} .slideTxtBox .hd ul li.on .i2{display: block; position: absolute; bottom: 0;} .slideTxtBox .hd ul li i{color: #001a83; font-weight: 300} .slideTxtBox .hd ul li.on i{color: #4F4F4F;} .slideTxtBox .hd ul li .m7 { background-position: -140px -296px; } .slideTxtBox .hd ul li .m8 { background-position: -210px -296px; } .slideTxtBox .hd ul li.on .i2 { opacity: 1; filter: alpha(opacity=100); left: 0;} .slideTxtBox .hd ul li.on span { border: 1px dotted #4f4f4f;} .slideTxtBox .hd ul li.on .m7 { background-position: -140px -357px;} .slideTxtBox .hd ul li.on .m8 { background-position: -210px -357px;} .slideTxtBox .bd {overflow:hidden;} .slideTxtBox .bd ul {zoom: 1;} .slideTxtBox .tempWrap ul{height: 400px; display: none;} .slideTxtBox .tempWrap ul.clone{display: block;} /*footer*/ .index .footer{height:449px;} .footer{position: relative; height: 431px; z-index: -1; color: #fff; } .footer a:hover{color: #ff9900;} .footer .middle{position: fixed; z-index:0; bottom: 0; left: 0; right: 0;} .footer a{color: #fff; font-size: 1.4rem;} .bgc-top{background: #162d79;} .foot-t li:last-child{background: #1e41b3;} .foot-t li , .foot-m li{float: left; display: inline-block; width: 16.4%; padding: 20px 15px;} .foot-t li:last-child , .foot-m li:last-child{width: 18%;} .foot-t li{font-size: 1.6rem; line-height: 22px; } .foot-t li a{font-size: 1.6rem; display: inline-block;} .bgc-middle{background: #5b6073; line-height: 1.5; padding-bottom:80px} .foot-m span{display: block; margin-top: 15px;} .foot-m li span:first-child{margin-top:0;} a.foot-m-btn{background: #1075f3; border-radius: 5px; line-height: 1.5; padding: 7px 23px; display: inline-block; font-size: 1.6rem;} a.foot-m-btn i{font-size: 2.4rem; vertical-align: middle;} .foot-m figcaption{margin-top: 5px;} .bgc-bottom{background: #343843; padding: 15px 0; line-height: 1.5;} .bgc-bottom a{font-size:1.2rem;} .links a{display: inline-block; margin-right: 5px;} .links ,.links a{color: #d3d3d3} .foot-container {position: relative;} .foot-lang{position:absolute; bottom:-28%;right:30%;} .foot-lang span{display:inline-block; margin-right:20px;} .foot-lang img{margin-right:5px;} .foot-lang figure , .foot-lang figcaption{display:inline-block;vertical-align: middle;} .foot-lang figcaption img{position:absolute; z-index:99; left:0; top:-102px;} .foot-lang figcaption{max-width:75px;text-align: right; margin-right:5px;} .foot-lang p:nth-child(2){font-size:1.4rem;} /*article_pro*/ img[src=""]{display: none;} .article-pro .section0 {padding: 25px 0 0;} .article-pro .section0.bgi{background: url(../images/pro_bg.jpg) no-repeat center top #f1f1f1; /*height: 578px;*/ overflow: hidden;} #gallery_nav {float: left; width: 100%; text-align: center;} #gallery_nav a{width: 20%; float: left; margin: 10px 2.5%; } #gallery_output {padding: 0 15%; } #gallery_output img {margin: 0 auto;} #gallery_nav .on img{ border: 1px solid #122a88; } #gallery_nav img{border: 1px solid #ddd} .article-pro .section0 .w1200> .f-fl{width: 45%; } .article-pro .section0 .w1200> .f-fr{width: 50%; background: #fff;} #gallery{border: 1px solid #d4d4d4; } .article-pro .section0 .box{height: 100%; padding: 30px 20px;} .article-pro .section0 .box .row1{height: 55px; border-bottom: 1px solid #dbdbdb; padding-bottom: 15px;} .article-pro .section0 .box .row1 h1{font-size: 2.2rem; color: #122a88; line-height: 40px;} .article-pro .section0 .box .row1 img{margin-right: 10px;} .article-pro .section0 .patent{text-align: right;} .article-pro .section0 .box .row2 p{width: 100%; line-height: 24px; font-size: 1.6rem; padding-top: 20px; } .article-pro .section0 .box .row2 p:not(:nth-child(n+5)){width: 50%; float: left; } .article-pro .section0 .box .row2 p:nth-child(5){clear: both;} .article-pro .section0 .box .row3 div.f-fl:first-of-type{font-size: 1.6rem; line-height: 30px; width: 15%;} .article-pro .section0 .box .row3 div.f-fl:last-of-type{width: 85%;} .article-pro .section0 .box .row3 a{font-size: 1.4rem; border: 1px solid #ccc; line-height: 28px; display: inline-block; width: 18%; margin: 0 1% 10px 1%; text-align: center; float: left;} .article-pro .section0 .box .row4 .f-fl , .article-pro .section0 .box .row4 .f-fr{text-align: center; width: 50%; border-top: 1px solid #dbdbdb; padding-top: 20px; margin-top: 20px;} .article-pro .section0 .box .row4 .f-fl a{display: inline-block; background: #122a88; color: #fff; width: 70%; height: 50px; line-height: 50px; font-size: 2rem; border-radius: 7px; margin-top:20px;} .article-pro .section0 .box .row4 .f-fr{text-align: left;} .article-pro .section0 .box .row4 .f-fr p{font-size: 1.5rem; color: #000; line-height: 1.5;} .article-pro .section0 .box .row4 .f-fr strong{font-size: 2.0rem; line-height: 1.2; font-weight: 600; color: #f14250;} .fixed-nav.bgi{background: url(../images/fixednav_bg.jpg) no-repeat center top; height: 182px; color: #fff;} .fixed-nav{padding-top: 27px;} .fixed-nav h2{font-size: 2.4rem; line-height: 30px; margin-bottom: 70px;} .fixed-nav ul{margin-left: -1%;} .fixed-nav ul li{display: inline-block; float: left; width: 14%; text-align: center; height: 55px; overflow: hidden; margin-left: 1%;} .fixed-nav ul li:last-child{width: 25%; margin-left: 0; line-height: 35px; padding: 10px 0; background: #ef001d; font-size: 1.8rem;} .fixed-nav ul li:last-child i{font-size: 2.4rem;} .fixed-nav ul li a{display:block; line-height: 35px; padding: 10px 0; background: rgba(255,255,255,.5); color: #fff; color: #000000; font-size: 1.8rem; font-weight: 400;} .fixed-nav ul li a:hover{background: #fff; color: #ff8a00;} .article-pro .content h3 , .type-case .content4 h3{font-size: 1.8rem; display: block; position: relative;} .article-pro .content .text{line-height: 20px; font-size: 1.4rem; margin-top: 30px; padding-bottom: 30px;} .content1 i{display: inline-block; width: 53px; height: 54px; vertical-align: middle; margin-right: 10px;} .content1 i.ad1{background: url('../img/ico_ad.png') no-repeat -33px -34px;} .content1 i.ad2{background: url('../img/ico_ad.png') no-repeat -110px -34px;} .content1 i.ad3{background: url('../img/ico_ad.png') no-repeat -186px -34px;} .content1 i.ad4{background: url('../img/ico_ad.png') no-repeat -33px -101px;} .content1 i.ad5{background: url('../img/ico_ad.png') no-repeat -109px -101px;} .content1 i.ad6{background: url('../img/ico_ad.png') no-repeat -187px -101px;} .content1 i.ad7{background: url('../img/ico_ad.png') no-repeat -33px -167px;} .content1 i.ad8{background: url('../img/ico_ad.png') no-repeat -109px -167px;} .content1 i.ad9{background: url('../img/ico_ad.png') no-repeat -186px -167px;} .content1 ul{margin-left: -3.3333%;} .content1 li{width: 30%; margin-left: 3.3333%; float: left;} .content1 li .f-w100{margin-bottom: 10px; height: 54px; overflow: hidden;font-weight:900;color:rgb(19,42,136);} .content1 li p{display: inline-block; line-height: 20px; font-size: 1.4rem;} .article-pro .content1 .text li > p{height: 60px; overflow: hidden; margin-top: 0;} .content1 .text{padding-bottom: 15px;} .content1 , .content2 , .content4{border-bottom: 1px solid #c0c0c0; padding-top: 30px;} .content2 .f-fl{width: 60%;} .content2 .f-fr{width: 30%;} .content2 .f-fr h4{background: #122a88; color: #fff; text-align: center; font-size: 1.6rem; line-height: 3;} .content2 .f-fr li{ line-height: 3; border: 1px solid #e8e8e8; margin-bottom: -1px; padding: 0 5%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; } /* 表格优化 */ table {max-width: 100%;background-color: transparent;empty-cells: show;}table code {white-space: normal;}th {text-align: left;}.am-table {width: 100%;margin-bottom: 1.6rem;border-spacing: 0;border-collapse: separate;}.am-table > thead > tr > th,.am-table > tbody > tr > th,.am-table > tfoot > tr > th,.am-table > thead > tr > td,.am-table > tbody > tr > td,.am-table > tfoot > tr > td {padding: 0.7rem;line-height: 1.6;vertical-align: top;border-top: 1px solid #ddd;}.am-table > thead > tr > th {vertical-align: bottom;border-bottom: 1px solid #ddd;}.am-table > caption + thead > tr:first-child > th,.am-table > colgroup + thead > tr:first-child > th,.am-table > thead:first-child > tr:first-child > th,.am-table > caption + thead > tr:first-child > td,.am-table > colgroup + thead > tr:first-child > td,.am-table > thead:first-child > tr:first-child > td {border-top: 0;}.am-table > tbody + tbody tr:first-child td {border-top: 2px solid #ddd;}/* Bordered version */.am-table-bordered {border: 1px solid #ddd;border-left: none;}.am-table-bordered > thead > tr > th,.am-table-bordered > tbody > tr > th,.am-table-bordered > tfoot > tr > th,.am-table-bordered > thead > tr > td,.am-table-bordered > tbody > tr > td,.am-table-bordered > tfoot > tr > td {border-left: 1px solid #ddd;vertical-align: middle;/*&:first-child {border-left: none;}*/}.am-table-bordered > tbody > tr:first-child > th,.am-table-bordered > tbody > tr:first-child > td {border-top: none;}.am-table-bordered > thead + tbody > tr:first-child > th,.am-table-bordered > thead + tbody > tr:first-child > td {border-top: 1px solid #ddd;}/* Border-radius version */.am-table-radius {border: 1px solid #ddd;border-radius: 2px;}.am-table-radius > thead > tr:first-child > th:first-child,.am-table-radius > thead > tr:first-child > td:first-child {border-top-left-radius: 2px;border-left: none;}.am-table-radius > thead > tr:first-child > th:last-child,.am-table-radius > thead > tr:first-child > td:last-child {border-top-right-radius: 2px;border-right: none;}.am-table-radius > tbody > tr > th:first-child,.am-table-radius > tbody > tr > td:first-child {border-left: none;}.am-table-radius > tbody > tr > th:last-child,.am-table-radius > tbody > tr > td:last-child {border-right: none;}.am-table-radius > tbody > tr:last-child > th,.am-table-radius > tbody > tr:last-child > td {border-bottom: none;}.am-table-radius > tbody > tr:last-child > th:first-child,.am-table-radius > tbody > tr:last-child > td:first-child {border-bottom-left-radius: 2px;}.am-table-radius > tbody > tr:last-child > th:last-child,.am-table-radius > tbody > tr:last-child > td:last-child {border-bottom-right-radius: 2px;}/* Zebra-striping */.am-table-striped > tbody > tr:nth-child(odd) > td,.am-table-striped > tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;}/* Hover effect */.am-table-hover > tbody > tr:hover > td,.am-table-hover > tbody > tr:hover > th {background-color: #526bd0;color:#fff;}.am-table-compact > thead > tr > th,.am-table-compact > tbody > tr > th,.am-table-compact > tfoot > tr > th,.am-table-compact > thead > tr > td,.am-table-compact > tbody > tr > td,.am-table-compact > tfoot > tr > td {padding: 0.4rem;}.am-table-centered > thead > tr > th,.am-table-centered > tbody > tr > th,.am-table-centered > tfoot > tr > th,.am-table-centered > thead > tr > td,.am-table-centered > tbody > tr > td,.am-table-centered > tfoot > tr > td {text-align: center;}.am-table > thead > tr > td.am-active,.am-table > tbody > tr > td.am-active,.am-table > tfoot > tr > td.am-active,.am-table > thead > tr > th.am-active,.am-table > tbody > tr > th.am-active,.am-table > tfoot > tr > th.am-active,.am-table > thead > tr.am-active > td,.am-table > tbody > tr.am-active > td,.am-table > tfoot > tr.am-active > td,.am-table > thead > tr.am-active > th,.am-table > tbody > tr.am-active > th,.am-table > tfoot > tr.am-active > th {background-color: #ffd;}.am-table > thead > tr > td.am-disabled,.am-table > tbody > tr > td.am-disabled,.am-table > tfoot > tr > td.am-disabled,.am-table > thead > tr > th.am-disabled,.am-table > tbody > tr > th.am-disabled,.am-table > tfoot > tr > th.am-disabled,.am-table > thead > tr.am-disabled > td,.am-table > tbody > tr.am-disabled > td,.am-table > tfoot > tr.am-disabled > td,.am-table > thead > tr.am-disabled > th,.am-table > tbody > tr.am-disabled > th,.am-table > tfoot > tr.am-disabled > th {color: #999999;}.am-table > thead > tr > td.am-primary,.am-table > tbody > tr > td.am-primary,.am-table > tfoot > tr > td.am-primary,.am-table > thead > tr > th.am-primary,.am-table > tbody > tr > th.am-primary,.am-table > tfoot > tr > th.am-primary,.am-table > thead > tr.am-primary > td,.am-table > tbody > tr.am-primary > td,.am-table > tfoot > tr.am-primary > td,.am-table > thead > tr.am-primary > th,.am-table > tbody > tr.am-primary > th,.am-table > tfoot > tr.am-primary > th {color: #0b76ac;background-color: rgba(14, 144, 210, 0.115);}.am-table > thead > tr > td.am-success,.am-table > tbody > tr > td.am-success,.am-table > tfoot > tr > td.am-success,.am-table > thead > tr > th.am-success,.am-table > tbody > tr > th.am-success,.am-table > tfoot > tr > th.am-success,.am-table > thead > tr.am-success > td,.am-table > tbody > tr.am-success > td,.am-table > tfoot > tr.am-success > td,.am-table > thead > tr.am-success > th,.am-table > tbody > tr.am-success > th,.am-table > tfoot > tr.am-success > th {color: #5eb95e;background-color: rgba(94, 185, 94, 0.115);}.am-table > thead > tr > td.am-warning,.am-table > tbody > tr > td.am-warning,.am-table > tfoot > tr > td.am-warning,.am-table > thead > tr > th.am-warning,.am-table > tbody > tr > th.am-warning,.am-table > tfoot > tr > th.am-warning,.am-table > thead > tr.am-warning > td,.am-table > tbody > tr.am-warning > td,.am-table > tfoot > tr.am-warning > td,.am-table > thead > tr.am-warning > th,.am-table > tbody > tr.am-warning > th,.am-table > tfoot > tr.am-warning > th {color: #F37B1D;background-color: rgba(243, 123, 29, 0.115);}.am-table > thead > tr > td.am-danger,.am-table > tbody > tr > td.am-danger,.am-table > tfoot > tr > td.am-danger,.am-table > thead > tr > th.am-danger,.am-table > tbody > tr > th.am-danger,.am-table > tfoot > tr > th.am-danger,.am-table > thead > tr.am-danger > td,.am-table > tbody > tr.am-danger > td,.am-table > tfoot > tr.am-danger > td,.am-table > thead > tr.am-danger > th,.am-table > tbody > tr.am-danger > th,.am-table > tfoot > tr.am-danger > th {color: #dd514c;background-color: rgba(221, 81, 76, 0.115);}.am-scrollable-horizontal {margin-top: 10px;width: 100%;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;}.am-scrollable-vertical {height: 240px; overflow-y: scroll;-webkit-overflow-scrolling: touch;resize: vertical;}.am-text-nowrap{white-space:nowrap} .article-pro {line-height: 1.5;} .article-pro .content3{padding-top: 30px;} .article-pro .content3 h3{width: 10%; padding: 0;} .article-pro .content3 .text{width: 90%; margin-top: 0;} .article-pro .content3 li{width: 25%; float: left; text-align: center; padding: 0 3%; } .article-pro .content3 figure{border: 3px solid #e5e5e5; padding: 15px;} /*内容案例&产品中心案例*/ .article-pro .content4 ul , .type-case ul{margin-left: -3.3333%;} .article-pro .content4 li, .type-case li{float: left; width: 30%; margin-left: 3.3333%;} .type-case .text li p.t{line-height: 1.6; font-size: 1.2rem; margin-top: 5px;} .article-pro .content5 ul{margin-left: -2%;} .article-pro .content5 li{float: left; width: 23%; margin-left: 2%;} .article-pro .content5 figcaption{font-size: 1.5rem; line-height: 1.5;} .article-pro .content5 figure>a{display: block; padding: 15px; background: #f2f2f2;} .fixed-nav.fxd{width: 100%; z-index: 99; height: 55px; padding-top: 0;} .fxd h2{display: none;} .page2{position: relative; z-index: 0; background: #fff;} .main{position: relative; z-index: 0; background: #fff;} .new-index{line-height: 1.5;} .new-index .banner ul ,.main .banner ul{position: absolute; left: 20%; bottom: 15%; z-index: 5; padding: 10px 7px; background: -moz-linear-gradient(left, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.4) 78%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.4) 78%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.4) 78%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#1affffff',GradientType=1 ); /* IE6-9 */} .new-index .banner li , .main .banner li{float: left; font-size:1.4rem; position: relative;} .new-index .banner li:after , .main .banner li:after{content:""; display: inline-block; height: 15px; width: 1px; background: #666; position: absolute; right:0; top: 4px; } .new-index .banner li:last-child:after , .main .banner li:last-child:after{display: none;} .new-index .banner li a , .main .banner li a{padding: 0 5px; line-height: 1.5;} .new-index .banner li a:hover , .main .banner li a:hover{color: #ff9900;} .new-index figure {float: left;display: block;width: 31.3333%; margin-left: 2%;} .new-index figure a{line-height: 1.5;} .new-index .list-figure{margin-left: -2%;} .new-index h2 {font-size: 3rem;} .hover-up{transition: all 0.2s linear;-moz-transition: all 0.2s linear; /* Firefox 4 */-webkit-transition: all 0.2s linear; /* Safari 和 Chrome */-o-transition: all 0.2s linear; /* Opera */} .hover-up:hover{transform: translateY(-10px);-ms-transform:translateY(-10px);-moz-transform: translateY(-10px);-webkit-transform: translateY(-10px);-o-transform: translateY(-10px);box-shadow: 0 0 10px 0 #f5f5f5;} .news-box2 figcaption p {padding: 0 5px;} .news-box3 {background: #f5f5f5;} .news-box3 .news-box3L {width: 58%;} .news-box3 .news-box3R {width: 38%;} .news-box3 .news-box3L strong {font-size: 1.8rem;} .news-box3 .news-box3L ul {border-top: 1px solid #ccc;} .news-box4 figure {max-height: 235px;} .news-box4 figcaption {position: absolute;top: 0;left: 0;padding: 25px 15px;width: 0;width: 100%;height: 100%;color: #fff; opacity: 0;transition: all .2s linear;transform: scale(0.5); -webkit-transform: scale(0.5);} .news-box4 figure:hover figcaption {background: rgba(74,119,191,.9);opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .banner .contact-text {position: absolute;top: 25%;left: 50%;z-index: 1;margin-left: -600px;padding: 20px 40px 20px 30px;max-width: 600px;background: rgba(73,124,210,.9);color: #fff;} .banner .contact-text strong{font-size: 2.4rem;} .banner .contact-text p{line-height: 1.5;} /*联系我们*/ .sec-contact1>strong {font-size: 2.4rem;} .sec-contact1 i {background: #3671cf; display: inline-block; width: 80px;height: 80px;border-radius: 50%;} .sec-contact1 i img{width: 40px; margin-top: 20px;} .sec-contact1 li {float: left; width: 25%; line-height: 1.5;} .sec-contact1 li:first-child {height:200px;} .sec-contact1 li:nth-child(2) {height:200px;} .sec-contact1 li p {margin-top: 10px;font-size: 1.6rem;} .sec-contact1 li p a{color:#3671cf;} /*map*/ #allmap {width: 50%; height: 500px; } #allmap img{max-width: none;} .map-left {width: 50%; float: left; height: 100%; background: url(../images/map_bg.jpg) center center; height: 500px;} .map-text {position: absolute; top: 50%; left: 53%; transform: translate(-50% , -50%); color: #fff;} .map-text h3 {font-size: 3rem;} .sec-contact3{margin-top: 60px;} .sec-introduce2 .w1200,.sec-introduce3 .w1200,.sec-introduce4 .w1200 {overflow: hidden;padding: 0 20px;height: 348px;} .introduce2L {padding: 20px 50px; height: 348px; background: #f5f5f5;} .introduce2L strong {font-size: 2rem;} .introduce2L p {line-height: 2;} .introduceb2-bg,.introduceb4-bg {left: 0;} .introduceb2-bg,.introduceb3-bg,.introduceb4-bg {position: absolute; top: 0; z-index: -1;width: 50%; height: 348px;background: #f5f5f5;} .introduceb3-bg {right: 0;} .list-news2 .sec-news1{width:75.833333333333%;} .list-news2 .news-side{width:23.333333333333%;} .list-news2 .news-side .box-valve li , .list-case .news-side .box-valve li{width:50%; border:none; } .list-news2 .news-side .box-valve li:nth-child(n+3) , .list-case .news-side .box-valve li:nth-child(n+3){border-top:2px solid #fff;} .list-news2 .news-side .box , .list-case .news-side .box{border:6px solid #f3f3f3;} .list-news2 .news-side .box-valve{background: #f3f3f3;} .sec-news1 figure {border: 1px solid #ddd; line-height: 1.5;} .sec-news1 figure img {margin-right: 2%;width: 30%;} .sec-news1 figcaption {padding: 15px;width: 68%;} .sec-news1 figcaption h3 {font-size: 1.8rem;} .sec-news1 figcaption span.date {color: #999;} .sec-news1 figcaption span a {margin-left: 15px;color: #999;} .mews-t {border-bottom: 1px solid #ddd;} .mews-t h1 {font-size: 2.4rem; line-height: 1.5;} .news-content {line-height: 2;} .news-content .reading {border-bottom: 1px solid #ddd;} .news-content article p {margin-bottom: 20px; text-indent: 2em; line-height:1.8;} .news-content article img {display: block; margin: 0 auto;} .pop{display:inline-block; text-indent:0;} .pop img{position:absolute; display:none; z-index:10;} .pop:hover img{display:block;white-space: nowrap;} .related-news{box-shadow: 0 0 0 1px #ddd; padding: 9px; margin-bottom:.5rem; border-radius: 15px; transition: box-shadow .2s} .related-news:hover{box-shadow: 0 2px 4px 2px #ddd;} .related-news-img{width:40%;float:left;} .related-news-img img{border-radius: 15px;} .related-news-t{width:55%;float:right; } .related-news .related-news-t h3{font-size:1.8rem;} .related-news .related-news-t p{line-height:1.5; font-size:1.4rem; color:#666;} .related-news .related-news-t span{font-size:1.2rem; color:#999; } .news-content .news-foot p{text-indent: 0;line-height: 1.5; margin-bottom:.5rem;} .news-foot a:hover{color: #000;} .list-page a {border:1px solid #eee;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px; line-height: 34px;} .list-page a:hover,.pageBox a:active{background:#1e41b3;color: #fff;} .list-page .cur { background: #1e41b3;border: 1px solid #1e41b3;} .list-page a.cur {color: #fff;} .list-page .disabled {width: 59px;} /* 相关新闻 */ .related strong{font-size: 3rem; line-height: 1.6; } .related-new strong:after , .related-related strong:after{content:''; display: inline-block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background: #fd8900;} .related-new , .related-related{width: 48%;} .related a:hover{color: #000;} /* 相关产品 */ .recommend strong{font-size:3rem;} .recommend ul{margin-left:-5%;} .recommend li{width:45%; margin-left:5%;font-size:1.4rem; text-align:center;margin-bottom:15px;} .recommend li p{margin-top:7px;} .related-newstitle{padding-bottom:30px;} .related-newstitle .tt{font-size:2.4rem;} .related-newstitle h3{font-size:1.4rem;padding-right:65px;} .related-newstitle h3:hover a{color:#ffa800;} .related-newstitle .date{position:absolute;right:0; top:0;font-size:1.2rem;} .sec-area1 h3,.sec-area2 h3{font-size: 2.2rem;} .sec-area1>p {margin-bottom: 30px;padding: 0 1.5%;line-height: 20px;} .sec-area1 figure {width: 22%;margin: 0 1.5%;float: left;position: relative;overflow: hidden;cursor: pointer;} .sec-area1 figure img {width: 100%;max-width: 100%;text-align: center;} .sec-area1 figcaption {position: absolute; bottom: 0; padding: 20px 10px; height: 30%; background: rgba(233,233,233,.9); transition: all .3s; width: 100%;} .sec-area1 figcaption p {line-height: 18px; margin-top: 10px; height: 36px; overflow: hidden; transition: all .3s;} .sec-area1 figure:hover figcaption {height: 50%;} .sec-area1 figure:hover figcaption p {height: auto;overflow: auto;} .sec-area1 figcaption strong {font-size: 1.8rem;display: block;margin: 0 auto;text-align: center;} .sec-area2 {background: #f2f2f2;margin-top: 100px;padding-bottom: 80px;} .sec-area2 .more {color: #ff9933;margin-bottom: 30px;} .sec-area2 figure {width: 18%;float: left;margin: 15px 1%;position: relative;background: #fff;} .sec-area2 figure img {width: 100%;} .sec-area2 figcaption {background: rgba(233,233,233,.7);text-align: center;padding-top: 45%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);transition: all .5s;cursor: pointer;font-size: 1.8rem;} .sec-area2 figure:hover figcaption {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} /*idnex-products*/ .index-pro .new .dec.f-fl{width: 75%; height: auto;} .index-pro .new .new-img.f-fr{width: 23%;} .index-pro .new .bgi.f-fl{background: #F5F5F5; height: 337px; width: 50%; text-align: center;} .index-pro .new .bgi img{max-height: 100%;} .index-pro .new .text.f-fr{background: #fd8900; color: #fff; height: auto; width: 50%; position: relative; padding: 5%; font-size: 2.8rem; line-height: 50px; } .index-pro .new .new-img.f-fr img{max-height: 100%;} .index-pro .new .text:before{content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fd8900; position: absolute; left: -20px; top: 30px;} .index-pro .type a:hover{color: #fd8900;} .index-pro .type .t h2{font-size: 3.6rem; font-weight: 600;} .index-pro .type .t p{line-height: 1.5; font-size: 1.6rem;} .index-pro .type > ul{margin-left: -3%;} .index-pro .type > ul li{float: left; width: 47%; margin-left: 3%; background: #f5f5f5; padding: 10px; height: 320px; margin-top: 45px; overflow: hidden; transition: all .3s ease;} .index-pro .type > ul li:hover{box-shadow: 0 0 16px 3px rgba(0,0,0,0.1);} .index-pro .type > ul .l{width: 45%; text-align: center; height: 300px; line-height: 300px;} .index-pro .type > ul .l img{display: block; /*500*600*/} .index-pro .type > ul .r{text-align: left; width: 55%; padding: 35px 30px 15px 10px; height: 280px;} .index-pro .type > ul .r h3{font-size: 3rem;} .index-pro .type > ul .r h4{width: 50%; padding-left: 5px;} .index-pro .type-other > ul{margin-left: -2%;} .index-pro .type-other > ul li{width: 18%; margin-left: 2%; position: relative; overflow: hidden; height: 234px; margin-bottom: 0;} .index-pro .type-other figcaption{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(19,43,136,.5); display: table; width: 100%; height: 100%; text-align: center; transition: all .45s; padding-bottom:100%;} .index-pro .type-other figcaption a{color: #fff; font-size: 3rem; font-weight: normal; display: inline-block; margin-top: 30%;} .index-pro .type-other li:hover figcaption{background: rgba(19,43,136,1);} .index-pro .type-service1.bgi{background: url(../images/type_servicebg1.jpg) no-repeat top center; height: 400px; color: #fff;} .index-pro .type-service1 .w1200{text-align: center; padding-top: 100px;} .index-pro .type-service1 a{color: #fff; display: inline-block;} .index-pro .type-service1 strong{display: block; font-size: 3.6rem; font-weight: normal; line-height: 1.5; margin-bottom: 45px;} .index-pro .type-service1 p{margin-bottom: 45px;} .index-pro .type-service1 b{font-size: 1.8rem; font-weight: normal;} .index-pro .type-service1 b:after{content: "/"; font-size: 1.8rem; font-weight: normal; margin: 0 12px;} .index-pro .type-service1 b:last-child:after{display: none;} .index-pro .type-service1 a.view{font-size: 1.6rem; color: #fd8900;} .index-pro .type-service2 .bgc{background: #f5f5f5; padding: 30px 0;} .index-pro .type-service2 .f-fl.bgc , .index-pro .type-service2 .f-fr.bgc{width: 48.5%;} .index-pro .type-service2 .l{width: 55%;} .index-pro .type-service2 .r{width: 44%; text-align: center} .index-pro .type-service2 .r strong{font-size: 2.4rem; font-weight: normal; margin-top: 35px; display: block;} .index-pro .type-service2 .r p{font-size: 1.7rem; color: #666; margin-top: 35px;} .index-pro .type-service2 .r a.view{font-size: 1.5rem; color: #fd8900; display: inline-block; margin-top: 10px;} .type-case .content4{border-bottom: none;} /*list-products*/ .list-nav{background: url(../images/list_navbg.jpg) top center no-repeat; width: 100%; } .list-nav ul{display: block; border-bottom: 1px dashed #fff; position: relative; padding: 15px 24px;width:1070px} .list-nav ul:before{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; border-bottom: 1px dashed #d5d5d5;} .list-nav ul:last-child{border-bottom: none; } .list-nav ul:last-child:before{display: none;} .list-nav h2 , .list-nav ul li,.list-nav ul{float: left;} .list-nav li{ width: auto;} .list-nav h2{font-size: 1.6rem; width: 100px; line-height: 36px; color: #222; padding: 15px 0;text-align: left;} .list-nav li a{font-size: 1.4rem; display: block; line-height: 20px; color: #222; padding: 8px 15px;} .list-nav li a:hover{background: #122a88; color: #fff;} .list-pro-main ul{margin-left: -2%;} .list-pro-main li{float: left; margin-bottom: 30px; width: 31.3%; margin-left: 2%;} .list-pro-main li > a{display: block; background: #f2f2f2; padding: 30px;} .list-pro-main li img{-ms-transform: scale(1);transform: scale(1); transition: transform .3s ease;} .list-pro-main li a:hover img{-ms-transform: scale(1.15);transform: scale(1.15);} .list-pro-main li:hover a{color: #ff9900;} .list-pro-main li h3 {margin-top: 10px; line-height: 1.5; font-size: 1.5rem; font-weight: normal;} .list-pro-main{width:72.5%} .list-pro .list-pro-sidebar{width:25%} .list-pro .news-side .tt{padding:0 0 25px;} .list-pro .news-side .box-news li{padding-left:0;padding-right:0} .list-pro .news-side .box-form{padding:0;margin-top:0;} .findjoy{margin-left:-2%;} .findjoy li{width:23%; margin-left:2%; float:left;margin-bottom: 30px;} .findjoy h3 {margin-top: 10px; line-height: 1.5; font-size: 1.5rem; font-weight: normal;} /*single culture*/ .single-culture h2{font-size: 3.6rem;color: #172a88;} .culture1-item{width: 25%; float: left; padding: 0 2%; border-top: 1px dashed #333; padding-top: 25px;} .single-culture h3 , .single-culture1 strong{font-size: 2.4rem; color: #172A88;} .single-culture1 p{font-size: 2rem; color: #4e4e4e;} .single-culture2 h3 , .single-culture3 h3 , .single-culture4 h3{border-bottom: 1px dashed #333;} .single-culture2 p{font-size: 1.8rem; color: #4e4e4e; margin-bottom: 25px; } .single-culture2 p:first-of-type , .single-culture2 p:nth-of-type(n+1) b{font-size: 2rem; color: #172A88;} .single-culture2 p:nth-of-type(n+2) b{display: block;width: 60px; float: left; } .single-culture3 p , .single-culture4 p{font-size: 1.8rem; line-height: 2;} .single-culture-img{margin-left: -1%;} .single-culture-img figure{width: 24%; margin-left: 1%; float: left; margin-bottom: 20px;} /*boss*/ .boss{background: url(../img/boss_bg.jpg) center center no-repeat; padding: 10px 0 0;} .boss .r h2{font-size: 3rem; margin-top: 8rem;} .boss .r strong{font-size: 1.8rem; margin-top: 3.5rem;} .boss .r p{font-size: 1.8rem; margin-top: 2rem;} .boss-word{font-size: 2rem; line-height: 2; margin-top: 5rem;} .boss-word img{margin-top: 2rem;} .boss-news ul{margin-left: -2%; margin-top: 4rem;} .boss-news li{width: 31.3333%; margin-left: 2%; float:left; margin-bottom:2rem;} .boss-news li p{font-size: 1.4rem; margin-top: 1rem;} /* 专题 * */ /*矩形文本 背景*/ .triangle-top{font-size: 1.4rem; line-height: 1.8; text-align: left; color: #0048a2; background: #fff; min-height: 350px; border-radius: 10px; padding: 15px 20px; margin-top: 30px;} .triangle-top span{position: absolute; width: 0; height: 0; top: -30px; left: 50%; transform: translateX(-50%); border-bottom: 30px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent;} /*浮动导航*/ .case-pro .fixed-menu{background: #2559a5;} .case-pro .fixed-menu.fxd{width: 100%; z-index: 99;} .case-pro .fixed-menu a{color: #fff; font-size: 1.6rem; line-height: 24px; padding-top: 24px; padding:23px 0; display: inline-block; width: 12.5%; float: left; height: 70px; overflow: hidden; text-align: center;} .case-pro .fixed-menu a:hover , .case-menu .fixed-menu a.active{background: #c10b21;} .case-pro .fixed-menu a:last-child {background: #c10b21;} .case-pro .fixed-menu a:last-child img{margin-right: 10px; height: 24px; vertical-align: middle; display: inline-block;} /*产品*/ .case-pro .row ul{margin-left: -1%;} .case-pro .row li{float: left; display: inline-block; width: 24%; margin-left: 1%;} .case-pro .row li .img p{position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; bottom: 0; z-index: 2; opacity: 0; background: rgba(0,0,0,1); color: #fff; padding: 15% 15px; font-size: 1.6rem; line-height: 28px; transition: all .2s ease-in; overflow: hidden;} .case-pro .row li:hover .img p{background: rgba(0,0,0,.7); opacity: 1;} .case-pro .row figcaption{text-align: center;background: #2559a5; color: #fff; font-size: 1.6rem; line-height: 50px;} .case-pro .row .t{font-size: 1.6rem; line-height: 1.5; padding-left: 30px;} .case-footer{background: #0457a7; color: #fff; line-height: 24px; padding: 11px 0;} /* 污水 专题 * */ .case-water .banner .banner-bg{z-index: -1} .case-water .banner .text-bg{position: absolute; z-index: -1; left: 0; top: 0;} .case-water .banner .text{width: 960px; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%); top: 40%; height: 230px;} .case-water .banner p{line-height: 24px; font-size: 1.4rem; max-width: 860px; margin: 60px auto 0;} .case-water .box1{margin-top: -50px; position: relative; z-index: 1;} .case-water .box2{background: url(../images/case_water_box2bg.jpg) center center no-repeat; height: 662px;} .case-water .box2 .box2-text{position: absolute; top: 10px; text-align: center;} .case-water .triangle-top{ background: #2559a5; color: #fff;} .case-water .triangle-top span{border-bottom: 30px solid #2559a5;} .case-water .box2 .box2-text1{max-width: 240px; } .case-water .box2 .box2-text2{max-width: 220px; left: 35%;} .case-water .box2 .box2-text3{max-width: 200px; left: 59%;} .case-water .box2 .box2-text4{max-width: 200px; left: 81%;} .case-water .fixed-menu a:last-child {background: #c10b21;} .case-water .fixed-menu a:last-child img{margin-right: 10px; height: 24px; vertical-align: middle; display: inline-block;} .case-water .box5 ul{margin-left: -3.3333%; margin-top: 25px;} .case-water .box5 li{float: left; width: 30%; margin-left: 3.3333%;} .case-water .box5 figcaption{font-size: 1.8rem;} /* 市政 专题 * */ .case-city .bgc{background: #004DA9;} .case-city .banner{line-height: 1.5;} .case-city .banner h2{font-size: 2rem;} .case-city .mask-s span{position: absolute; background: rgba(0,59,131,0.8); transform-origin: center; transform: rotate(3deg) scale(1.07,0.9); width: 100%; height: 100%; z-index: 0; border-radius: 10px;} .case-city .picture-text.bgi{background: url(../images/picture_text_bg.png) center center no-repeat; height: 693px; padding-top: 40px;} .case-city .text1 {width: 26%; margin-right: 13%;} .case-city .text1 .dec{position: absolute; top: 50%; right: -95px; transform: translateY(-50%); color: #fff; font-size: 2rem; z-index: 2; width: 150px; line-height: 2;} .case-city .text2{width: 19%; margin-right: 2%;} .case-city .text3{width: 19%; margin-right: 2%;} .case-city .text4{width: 19%;} .case-city .case-city-pro{background: #004DA9;} .case-city .fixed-menu a{width: 16.666666%;} .case-city .oval-title h2{background: #004DA9; color: #fff; border-color: #fff;} .case-city .oval-title span.t-hr:before, .oval-title span.t-hr:after{background: #fff;} .case-city a.more , .case-city .row .t{color: #fff;} .case--banner h2{font-size: 2.4rem;} .case--banner p{line-height: 1.5; font-size: 1.6rem; color: #000;} /* 化工 专题 * */ .case-chemical .cad.bgi{background: url(../images/chemical/hg_bgY-repeat.jpg) left top repeat-y; height: auto;} .case-chemical .cad-bgi{background: url(../images/chemical/hg_bg-cad.png) center center no-repeat; height: 822px;} .case-chemical .cad1{margin-top: 130px;} .case-chemical .cad2{margin-top: 100px;} @media screen and (max-width:1200px) { .case-chemical .cad-box{ overflow-x:auto;} .case-chemical .cad1 , .case-chemical .cad2 {max-width: none; width: 1200px; white-space: nowrap;} .case-chemical .cad-box::-webkit-scrollbar {display: block;} /*iso*/ .case-chemical .cad-box::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;} .case-chemical .cad-box::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);} } @media screen and (max-width:640px) {.case-chemical .cad-box{max-width: 640px;}} .case-chemical .case-chemical--pro.bgc , .case-chemical .case--content figcaption{background: #004ba5;} .case-chemical .fixed-menu a{width: 20%;} .case-chemical .case-pro .fixed-menu{background: #001e95;} .case-chemical .row .t{color: #fff;} .case-chemical .row .t strong{font-size: 2rem;} .case-chemical .oval-title h2{background: #004ba5; color: #fff;} .case-chemical .oval-title .t a{color: #fff;} .case-chemical .tabItemContainer{background: rgb(18, 42, 136); height: 452px;} .case-chemical .tabBodyContainer{height: 452px;} .case-chemical .tabItemContainer>li{margin-bottom: 23px;} @media screen and (max-width: 639px){ .case-chemical .tabBodyContainer, .case-chemical .tabItemContainer {width: 100%;height: auto;} } /* 给排水专题 * */ .max-w1600{max-width: 1600px;} .case-jps {background: #122a88; overflow: hidden;} .case-jps .banner{background: url(../images/banner_bg.jpg) left top no-repeat; background-size: cover;} .case-jps .banner img{margin-left: auto; margin-right: auto;} .case-jps .banner h2.notic{font-size: 3.8rem; color: #333; background: #f1c03c; border-radius: 30px; line-height: 70px; height: 70px; box-shadow: 2px 7px 1px 1px #a44224;} .case-jps .banner h2:before{content: url(../images/btn_l.png); vertical-align: sub; margin-right: 20px; display: inline-block; height: 70px;} .case-jps .banner h2:after{content: url(../images/btn_r.png); vertical-align: sub; display: inline-block; margin-left: 20px; height: 70px;} .case-jps .banner p{color: #fff; line-height: 2.4; padding: 15px 0; background: -moz-linear-gradient(left, rgba(22,45,134,0.1) 0%, rgba(22,45,134,0.7) 25%, rgba(22,45,134,1) 53%, rgba(22,45,134,0.7) 75%, rgba(22,45,134,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(22,45,134,0.1) 0%,rgba(22,45,134,0.7) 25%,rgba(22,45,134,1) 53%,rgba(22,45,134,0.7) 75%,rgba(22,45,134,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(22,45,134,0.1) 0%,rgba(22,45,134,0.7) 25%,rgba(22,45,134,1) 53%,rgba(22,45,134,0.7) 75%,rgba(22,45,134,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a162d86', endColorstr='#1a162d86',GradientType=1 ); /* IE6-9 */ } .case-jps .drawing0{background: #fff; margin-left: auto; margin-right: auto; border-radius: 50px; z-index: 10;} .case-jps .drawing0 h3{background: #122a88; color: #fff; font-size: 4rem; border-radius: 230px; width: 460px; padding: 15px 0; margin-top: -15px;} .case-jps .clound{position: absolute; z-index: 5;} .case-jps .big1{left: 15px; top: 0;} .case-jps .big2{left: -30px; bottom: 20%;} .case-jps .sm1{right: -20px; bottom: 20%;} .case-jps .sm2{right: 50px; top: -2%;} .case-jps .info{margin-left: auto; margin-right: auto;} .case-jps .info ul{margin-left: -2%;} .case-jps .info li{width: 31.3333%; margin-left: 2%; padding: 5px; background: #fff; height: 490px; overflow: hidden;} .case-jps .info strong{color: #fff; font-size: 4.8rem; line-height: 400px; height: 400px; transition: all.3s ease-in-out;} .case-jps .info li p{font-size: 2.4rem; line-height: 1.5; padding: 15px 0; height: 89px; transition: all.3s ease-in-out;} .case-jps .info li p:before{content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; right: 0; height: 30px; background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 55%,white 100%);background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 65%,white 100%);} .case-jps .info li .zoom{ position: relative; transition: all.3s ease-in-out;} .case-jps .info li:hover strong{line-height: 200px; height: 200px;} .case-jps .info li:hover p{height: auto;} .case-jps .info .item1 strong{background: #f1c03c;} .case-jps .info .item2 strong{background: #51a36a;} .case-jps .info .item3 strong{background: #356ed5;} .case-jps .content{margin-left: auto; margin-right: auto;} .case-jps .content .l , .case-jps .content .r{width: 49.9%;} .case-jps .content .l>p{color: #fff; line-height: 1.5;} .case-jps .content ul{margin-left: -0.5%;} .case-jps .content li{width: 49.5%; margin-left: 0.5%; float: left; margin-bottom: 0.5%; background: #F2F2F2; position: relative; padding-bottom: 60px; transition: all .3s linear;} .case-jps .content .t{position: absolute; bottom: 0; left: 0; right: 0; background: #F2F2F2; height: 70px; transition: all .3s linear;} .case-jps .content li figcaption{font-size: 1.6rem; height: 40px; line-height: 40px; font-weight: bold; width: 100%;} .case-jps .content li p{line-height: 1.5; height: 30px; transition: all .3s linear;} .case-jps .content li p:before{content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; right: 0; height: 30px; background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,white 55%,white 100%);background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 65%,white 100%);} .case-jps .content li:hover .t{background: rgba(244,244,244,.8);} .case-jps .content li:hover .t,.case-jps .content li:hover p{height: 70%; } .case-jps .content li:hover{box-shadow: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .case-jps .oval-title h2{background: #122a88; color: #fff; font-size: 3.4rem; width: 200px;} .case-jps .tabItemContainer>li{margin-bottom:25px;} .case-jps .tabItemContainer ,.case-jps .tabBodyContainer{height: 556px;} .case-jps .oval-title .more{color: #fff; font-size: 1.6rem;} @media screen and (max-width:1200px) { .case-jps .banner{background-position: center;} .case-jps .clound{display: none;} .case-jps .info li{height: 390px;} .case-jps .info strong{height: 300px; line-height: 300px;} .case-jps .info li p{font-size: 2rem;} .case-jps .content li:hover .t,.case-jps .content li:hover p{height:100%; } } @media screen and (max-width: 992px){ .case-jps .info strong{line-height: 200px; height: 200px;} .case-jps .info li p:before{display: none;} .case-jps .info li p{height: auto; font-size: 1.6rem;} } @media screen and (max-width: 768px){ .case-jps .banner h2.notic{font-size: 2rem; vertical-align: middle;} .case-jps .banner h2:before{margin-right: 5px; vertical-align: middle;} .case-jps .banner h2:after{margin-left: 5px; vertical-align: middle;} .case-jps .banner p{line-height: 1.5;} .case-jps .drawing0 h3{font-size: 2rem; width: 200px;} .case-jps .info ul , .case-jps .content ul{margin-left: 0;} .case-jps .info li{width: 100%; margin-left: 0; margin-bottom: 15px; height: auto;} .case-jps .content .l, .case-jps .content .r{width: 100%;} .case-jps .content li{padding-bottom: 0;} .case-jps .content .t{height: auto;} .case-jps .content li p:before , .case-jps .content li p{display: none;} .case-jps .oval-title h2{font-size: 2rem; width: 160px;} .case-jps .oval-title .more{font-size: 1.4rem;} .case-jps .tabItemContainer>li{margin-bottom: 0;} .case-jps .tabItemContainer ,.case-jps .tabBodyContainer{height: auto;} } /*公司实力*/ .red{color: #ff0000;} .single-strength h2{font-size: 2.4rem; margin-bottom: 25px;} .single-strength .col2{width: 49%; margin: 0 0.5% 10px; float: left; text-align: center;} .single-strength .col3{width: 32.333%; margin: 0 0.5% 10px; float: left; text-align: center; } .single-strength figcaption{position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); font-size: 1.4rem; line-height: 30px; color: #fff;} .single-strength figure:hover img{-webkit-filter: contrast(110%) brightness(110%) saturate(130%);filter: contrast(110%) brightness(110%) saturate(130%);} .single-strength legend{font-size: 2.4rem; margin-top: 30px;} .single-strength .row2{width: 50%; float: left; line-height: 34px; margin-bottom: 28px;} .single-strength .row2 label{float: left; width: 15%; padding-left: 10px; font-size: 1.6rem;} .single-strength .row2 input{width: 85%; border: solid 1px #666666; border-radius: 3px; line-height: 30px; padding: 2px 4px; font-size: 1.6rem;outline:0px;} .single-strength .row2 input:focus , .single-strength .row1 textarea:focus{border-color: #1e41b3;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(30, 65, 179, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(30, 65, 179, .6)} .single-strength .row1{line-height: 34px; margin-bottom: 28px;} .single-strength .row1 em{width: 7.5%; display: inline-block; font-size: 1.6rem; float: left; padding-left: 10px; font-weight: normal;} .single-strength .row1 input{display: none;} .single-strength .row1 i:before{content:"✔"; opacity: 0; visibility: hidden; margin-right: 5px;} .single-strength .row1 label{border-radius: 3px;border: solid 1px #666666; text-align: center; font-size: 1.6rem; line-height: 34px; display: inline-block; padding: 0 35px 0 15px; float: left; position: relative; overflow: hidden; margin-right:-1px} .single-strength .row1 label:hover{cursor: pointer;} .single-strength .row1 input:checked+i:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: #f5f5f5; z-index: -1;} .single-strength .row1 input:checked+i:before{opacity: 1; color: #28905c; visibility: visible;} .single-strength .row1 textarea{width: 92.5%;border: solid 1px #666666; border-radius: 3px; height: 300px; padding: 4px 5px; font-family: initial; font-size: initial; outline: 0;} .single-strength input[type="submit"]{font-size: 1.6rem; color: #fff; background: #f4502d; border: none; line-height: 35px; border-radius: 3px; width: 162px; margin-left: 7.5%; margin-bottom: 30px;} .single-strength input[type="submit"]:hover{opacity: .85;} /* honor */ .single-honor h2{font-size: 3.6rem; color: #172A88;} .single-honor .swiper-container{margin-top: 30px;} .single-honor .swiper-container figcaption{font-size: 1.8rem; margin-top: 10px; } .side-strength .results{padding: 0 30px;} .side-strength .results dl{width: 100%;} .side-strength .results dt{font-size: 2rem; font-weight: bold; margin-bottom: 30px;} .side-strength .results dd{line-height: 20px; margin-bottom: 18px; width: 100%; padding-right: 5%;} .side-strength .results dd span{font-size: 1.6rem;} .side-strength .results dd a{font-size: 1.6rem; color: #ff8a00; } .side-strength .results dd a:hover{text-decoration: underline;} /*自适应圆角投影*/ .round_shade_center{ box-shadow: -50px 0 0 10px #d5d5d5, 0 -10px 0 #d5d5d5, 0 10px 0 #d5d5d5, 50px 0 0 10px #d5d5d5;} .round_shade_box{width:1px; height:1px; font-size:0; display:none; _background:white; _border:1px solid #cccccc;} .round_shade_bottom , .round_shade_top , .round_shade_left , .round_shade_right{ background: #D5D5D5;} .round_shade_center{font-size:1.4rem; padding:15px; background: #D5D5D5; letter-spacing:1px; line-height:1.5; border-radius: 5px;} .round_box_close{padding:2px 5px; font-size:1.2rem; color:#ffffff; text-decoration:none; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right: -45px; top: 5px;} .round_box_close:before{content: "x";} .round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);} /*自适应圆角投影结束*/ .zxx_zoom_left{width:45%; float:left; margin-top:20px; border-right:1px solid #dddddd;} .zxx_zoom_left h4{margin:5px 0px 15px 5px; font-size:1.1em;} .small_pic{display:inline-block; width:48%; font-size:120px; text-align:center; *display:inline; zoom:1; vertical-align:middle;} .small_pic img{padding:3px; background:#ffffff; border:1px solid #cccccc; vertical-align:middle;} .zxx_zoom_right{width:50%; float:left; margin-top:20px; padding-left:2%;} .zxx_zoom_right h4{margin:5px 0px; font-size:1.1em;} .zxx_zoom_right p.zxx_zoom_word{line-height:1.5; font-size:1.05em; letter-spacing:1px; margin:0 0 35px; padding-top:5px;} /*single_world*/ .singel-world .word p{max-width: 860px; margin: 30px auto 60px; line-height: 1.5; font-size: 1.4rem;} .singel-world .box .img{width: 43%; height: auto;} .singel-world .box .img h3{background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 10px; text-align: left; z-index: 3;} .singel-world .box .img a{display: inline-block; font-size: 1.4rem; color: #fff;} /*轮播pagelist*/ .singel-world .box .img .swiper-pagination{text-align: right;} .singel-world .box .img .swiper-pagination-bullet{opacity: .8; width: 14px; height: 14px;} .singel-world .box .img .swiper-pagination-bullet-active{background: #fff;} .singel-world .box .text{width: 50%; position: relative; height: 350px;} .singel-world .box .text .content{position: absolute; top: 50%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%);} .singel-world .box .text h2 , .single-word-exhibition h2{font-size: 2.4rem; margin-bottom: 30px; position: relative; padding-bottom: 15px;} .singel-world .box .text h2:after , .single-word-exhibition h2:after{content: ""; width: 60px; height: 4px; background: #132B88; position: absolute; left: 50%; margin-left: -30px; bottom: 0px;} .singel-world .box .text p{font-size: 1.6rem; line-height: 1.5;} .single-word-exhibition ul{margin-left: -1%;} .single-word-exhibition li{width: 24%; margin-left: 1%;} /*椭圆标题*/ .oval-title h2{font-size: 2.6rem; border: 1px solid #7c88b7; display: block; border-radius: 40px; width: 160px; margin:0 auto; line-height: 1.6; position: relative; z-index: 2; background: #e7e7e7; font-weight: normal;} .oval-title span.t-hr:before , .oval-title span.t-hr:after{content: ""; display: block; position: absolute; height: 1px; width: 50%; top: 22px; background: #7c88b7; z-index: 1;} .oval-title span.t-hr:before{left: 0;} .oval-title span.t-hr:after{right: 0;} /*single_service*/ .single-service-case.bgc{background: #e7e7e7; padding-top: 30px;} .tabItemContainer {width: 28%; height: 504px;} .tabBodyContainer {width: 72%; background: #fff; height: 504px;} .tabItemContainer>li {margin-top: -1px;} .tabItemContainer>li>a {padding: 23px 0; font-size: 1.6rem; line-height: 26px; color: #fff; cursor: pointer; border-top: 1px solid #122a88; background: #4457a1; padding-left: 25px;} .tabItemContainer>li:first-child>a{border-top: none; margin-top: 1px;} .tabItemContainer>li>a:hover {color: #ff981f;} .tabItemContainer>li>a.tabItemCurrent { background: #fff;color: #333;} .tabItemContainer>li>a:before{content: ""; background: url(../images/strength_icon.png) no-repeat -65px -334px; width: 30px; height: 25px; display: inline-block; vertical-align: bottom; margin-right: 10px;} .tabItemContainer>li>a.tabItemCurrent:before{background-position: -98px -334px;} .tabBodyItem {height: 504px;display: none; padding: 35px 25px;} .tabBodyItem h3{text-align: center; position: relative; padding-bottom: 25px; font-size: 2.4rem;} .tabBodyItem h3:after{content: ""; position: absolute; display: inline-block; height: 1px; width: 50%; background: #8894c3; left: 50%; margin-left: -25%; bottom: 0;} .tabBodyItem .btn , .tabBodyItem .img , .single-service-web ul{margin-left: -3.3333%;} .tabBodyItem .btn a {width: 30%; margin-left: 3.3333%; color: #fff; padding: 17px 0; float: left;} .tabBodyItem .btn a.more{background: #ff981f; color: #fff;} .tabBodyItem .btn a.chat{background: #2f4496;} .tabBodyItem .img img , .single-service-web li{width: 30%; margin-left: 3.3333%; float: left;} .tabBodyCurrent{display:block; overflow: hidden;} .single-service-solution.oval-title h2{background: #fff;} .single-service-promise .box .l{width: 45%;} .single-service-promise .box .l img{height: 370px;} .single-service-promise .box .r{width: 55%; border: 1px solid #dedede; padding: 30px 2% 30px 3%; overflow: hidden; height: 370px;} .single-service-promise .box .r h2 , .single-service-web h2{font-size: 2.6rem; padding-bottom: 15px;} .single-service-promise .box .r h2:after , .single-service-web h2:after{content: ""; height: 4px; width: 64px; background: #132b88; position: absolute; left: 50%; margin-left: -32px; bottom: 0;} .single-service-promise .box .r p{font-size: 1.8rem; line-height: 24px; margin-bottom: 15px;} .single-service-web p.dec{max-width: 600px; margin:0 auto; line-height: 1.5;} .single-service-web .box{background:#122a88; padding: 3% 5%; color: #fff;} .single-service-web strong{font-size: 2.4rem; } .single-service-web .l , .single-service-web .r{width: 48%; line-height: 2;} .single-service-web .r{border: 1px solid #fff; padding: 1.5% 10%; font-size: 2.4rem;} /*案例 封面*/ .singel-service .list-case .list-item , .sln-case .list-item{margin-left:-3.3333%;} .singel-service .list-case .list-item li{width: 30%;margin-left: 3.3333%;float: left;border: 1px solid #dbdbdb;} /*工程案例 列表*/ .list-case .l{width:74%} .list-case .news-side{width: 23.333333333333%;} .list-case .list-item{margin-left: -5%;} .list-case .list-item li{width: 45%; margin-left: 5%; float: left; border: 1px solid #dbdbdb;} .list-case .t{padding: 20px 15px;} .list-case .t h3{font-size: 1.6rem;} .list-case .list-item a.more{margin-top: 10px;} /*解决方案*/ .sln-case .list-item{margin-left:-3.3333%;} .sln-case .list-item li{width: 46%;margin-left: 3.3333%;float: left;border: 1px solid #dbdbdb;} .sln-case .t{padding: 10px 15px;} .sln-case .t h3{font-size: 1.6rem;float:left;width:80%;} .sln-case .list-item img{width:100%} .sln-case .list-item a.more{margin-top: 3px;} /*sp*/ .list-sp .list-item{margin-left:-3.3333%;} .list-sp .list-item li{width: 30%;margin-left: 3.3333%;float: left;border: 1px solid #dbdbdb;} .list-sp .t{padding: 20px 15px;} .list-sp .t h3{font-size: 1.6rem;} .list-sp .list-item a.more{margin-top: 10px;} /*single_promise*/ .single-promise .single-service-promise:nth-child(1){margin-top: 0;} .single-promise .single-promise2 .box .r p{line-height: 40px; } .single-promise-as.bgi{background: url(../images/single_promise_asbg.png) left top no-repeat; height: 1214px;} .single-promise-as strong{color: #f08303; font-size: 3rem; position: absolute; left: 15px; font-weight: normal;} .single-promise-as .top{top: 5px;} .single-promise-as .middle{top: 450px; } .single-promise-as .bottom{top: 700px; left: 30px;} .single-promise-as .top-img1{left: 15px; top: 220px;} .single-promise-as .top-img2{top: 150px; right: 35px;} .single-promise-as div{position: absolute; max-width: 350px; font-size: 1.4rem; line-height: 22px; } .single-promise-as div p{color: #222;} .single-promise-as .top1{top: 80px;} .single-promise-as .top2{top: 180px; left: 430px;} .single-promise-as .middle1{top: 540px; left: 30px;} .single-promise-as .middle2{top: 450px; left: 430px;} .single-promise-as .bottom1{top: 750px; left:30px; max-width:95%} .single-promise-as .bottom2{top: 970px; left: 30px;} .single-promise-as .bottom3{top: 970px; left: 420px;} .single-promise-as div.bottom4{top: 970px; right: 10px;} .single-promise-support{text-align: center;} .single-promise-support h2 {color:#162d79;font-size:36px;font-weight: 900;line-height: 50px;height:50px;} .single-promise-support p {font-size:14px;margin-top:10px;} .single-promise-sale {background: url("../images/single_promise_salebg.jpg") left top no-repeat;height:452px;padding:100px 0;} .single-promise-sale .box {width:25%;float:left;margin-left:5%;height:252px;background: rgba(240,240,240,.8);padding:15px 30px;} .single-promise-sale .box:first-child {margin-left:7.5%;background: #ffcd11;} .single-promise-sale .box h2 {font-size:20px;font-weight: 900;color:#162d79;margin-bottom: 10px;} .single-promise-sale .box dt {font-size:14px;font-weight: 900;margin: 5px 0;} .single-promise-sale .box dd {line-height: 1.5;font-size:14px;} .single-promise-intro {height:417px;} .single-promise-intro .card {width:30%;float:left;margin-left:5%;position: relative;height:417px;} .single-promise-intro .card:first-child {margin-left:0;} .single-promise-intro div {width:100%;height:50px;position: absolute;bottom: 0;left:0;overflow: hidden;color: #fff;background: rgba(22,45,121,.8)} .single-promise-intro div h3 {height:50px;line-height: 50px;font-size: 18px;font-weight: 900;text-align: center;margin-bottom: 5px;} .single-promise-intro div p {line-height: 1.8;padding:0 20px;font-size: 14px;} .form-faq h3{font-size: 2.6rem; } .form-faq .form-row{background: #f7f7f7; padding: 10px 2%; margin-bottom: 15px; position: relative;} .form-faq label{width: 70px; display: inline-block; color: #666; font-size: 1.4rem; line-height: 28px; height: 28px;} .form-faq em{color: red; vertical-align: middle; padding-left: 7px;} .form-faq .form-left{width: 48%;} .form-faq .form-left input , .form-faq .form-right textarea {height: 28px; line-height: 28px; border: none; background: transparent; width: 82%; font-size: 1.4rem; } .form-faq .form-right{width: 48%;} .form-faq .form-right label{vertical-align: top;} .form-faq .form-right textarea{height: 280px; padding: 0 5px; line-height: 24px; resize: vertical;} .form-faq .form-right textarea:focus{border: 1px solid #132b88;} .form-faq .form-btn{padding-top: 30px; margin-bottom: 60px; ;} .form-faq .form-btn button{width: 120px; border: none; color: #fff; padding: 8px 0; font-size: 1.5rem; margin: 0 auto; display: inline-block ; } .form-faq .form-btn button[type='submit']{background: #f37020; margin-right: 10px;} .form-faq .form-btn button[type='reset']{background: #909090;} /*single_web*/ .single-web .map.bgc{background: #f4f4f4;} .single-web .map > .bgi{background: url(../images/single_web_mapbg.png) right 74px no-repeat; height: 494px; } .single-web .map .l{width: 40%;} .single-web .map .l .box1.bgc{background: #112988;} .single-web .map .l .box1{color: #fff; padding: 30px 15px;} .single-web .map .l .box1 strong{font-size: 3rem;} .single-web .map .l .box1 p{line-height: 1.5;} .single-web .map .l .box2:before{content: "";background: url(../images/single_web_tel.png) center top no-repeat; width: 82px; height: 72px; display: inline-block; float: left; margin-right: 15px;} .single-web .map .l .box2 p.tel1{font-size: 3.3rem;} .single-web .map .l .box2 p.tel2{font-size: 2.4rem;} .single-web .map .r{width: 60%; position:relative; height: 360px;} .single-web .global strong{font-size: 3rem;} .single-web .global .dec{max-width: 960px; margin: 30px auto; line-height: 1.5;} .single-web .global ul{margin-left: -1.3333%;} .single-web .global li{width: 32%; margin-left: 1.3333%; float: left; margin-bottom: 10px;} .single-web .map .r .pa{position: absolute;} .single-web .map .r .c1{top: 208px;left: 111px;} .single-web .map .r .c2{ top: 270px;left: 170px;} .single-web .map .r .c3{top: 250px;left: 200px;} .single-web .map .r .c4{top: 310px;left: 176px;} .single-web .map .r .c5{left: 345px;top: 180px;} .single-web .map .r .c6{top: 232px;left: 350px;} .single-web .map .r .c7{top: 205px;left: 400px;} .single-web .map .r .c8{top: 170px;left: 464px;} .single-web .map .r .c9{right: 225px;top: 232px;} .single-web .map .r .c10{right: 187px;top: 144px;} .single-web .map .r .c11{right: 168px;top: 198px;} .single-web .map .r .c12{bottom: 190px;right: 68px;} .single-web .map .r .c13{bottom: 172px;right: 38px;} /*关于般德*/ .introduce-top .l{width: 50.5%; line-height: 25px;} .introduce-top .r{width: 44%; } .introduce-top .r .mp{position: absolute; display: none;} .introduce-top .r .text{position: absolute; background: #fff; border-radius: 3px; padding: 5px; font-size: 1.6rem; width: 180px;} .introduce-top .r .mp1 , .introduce-top .r .mp2 {left: 46%; top: 47%; display: none;} .introduce-top .r .mp p{padding: 8px 0;} .introduce-top .r .mp1 .text , .introduce-top .r .mp2 .text , .introduce-top .r .mp3 .text , .introduce-top .r .mp5 .text , .introduce-top .r .mp4 .text {top: -210px; left: 50%; margin-left: -90px;} .introduce-top .r .mp3{left: 49%; top: 46%;} .introduce-top .r .mp4{left: 55%; top: 35%;} .introduce-top .r .mp5{left: 30%; top: 50%} .single-about-content{max-width: 1150px; margin-left: auto; margin-right: auto; line-height: 1.8;} .single-about h2{font-size: 3.6rem; color: #172a88;} .single-about-img figure{margin-bottom: 30px; width:33.333%} .single-about-img figcaption{font-size: 1.4rem; margin-top: 10px;} .single-about-item li{width: 25%; padding: 0 2.5%; float: left;} .single-about-item li:hover strong{color: #f49303;} .single-about-item li:hover i{background:#172A88; color:#fff;} .single-about-item .box{border: 1px solid #172A88; display:inline-block; padding:5px;} .single-about-item i{font-size: 4rem;color: #172A88; display:block; padding: 14px 15px;} .single-about-item strong{font-size: 2rem; margin-top: 25px;} .single-about-item p{margin-top: 30px; font-size: 1.4rem;} .single-about-history{background: url(../img/about_historybg.jpg) center center no-repeat; background-size: cover; margin-top: 80px; z-index: 1; height: 680px;} .single-about-history .bgi{background: url(../img/about_historybg2.png) left top repeat;position: absolute; left: 0; top: 0; bottom: 0; width: 57%; z-index: 5;color: #fff;} .single-about-history li{height: 110px; padding: 10px 10px 10px 35%; position: relative;} .single-about-history time{font-size: 2.4rem; line-height: 30px;} .single-about-history p{font-size: 1.4rem; line-height: 20px;} .single-about-history li a{display: block; text-align: center; width: 108px; height: 100%; color: #fff; transform: translateX(0); transition: all .3s; opacity: 0; visibility: hidden;position: absolute;right: 0; top: 0; font-size: 1.4rem; line-height: 50px; } .single-about-history li a i{font-size: 2.6rem;} .single-about-history li:hover{background: #f49303;} .single-about-history li:hover a{background: #f49303; opacity: 1; visibility: visible; transform: translateX(108px);} /* history */ .single-history .nav-menu{border-bottom:1px solid #ccc} .en_plain_t{font-family: "ArialMT sans serif",sans-serif;font-weight: normal}/* t */ #WRAP {position:relative; width:100%; overflow:hidden;margin: 0 auto} .ir_text {text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;} .ir_text >*{text-indent: -9999px;overflow: hidden;font-size: 0 ;height: 0;} .cap{text-transform: uppercase !important;} .container{min-height: 768px;max-width: 1920px;margin:88px auto 0;} #BUSINESS_HIGHLIGHT #HISTORY{margin-top: 0;} #BUSINESS_HIGHLIGHT .content_section {min-width: 1280px;max-width: 1280px;width: 100%;display: block;margin: 0 auto;min-height: 100vh;overflow: hidden;} #HISTORY .history_box{} #HISTORY .history_box.box_left_nav{position: fixed;width: 350px;height: 100vh;min-height: 768px;top: 0;padding-left: 50px;z-index: 1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #HISTORY .history_box.box_left_nav .history_pos.pos_after{margin-top: 150px} #HISTORY .history_box.box_left_nav .history_pos.pos_before{margin-top: 70px} #HISTORY .history_box.box_left_nav .history_pos ul li{font-size: 22px;line-height: 38px;color: rgba(0,0,0,.42);transition: all 0.3s;} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li{visibility: hidden;opacity: 0} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li a{color: rgba(0,0,0,.42);} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li.show{visibility: visible;opacity: 1;} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li.show a{color: rgba(0,0,0,1);} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li.hide{visibility: visible;opacity: 1} #HISTORY .history_box.box_left_nav .history_pos.pos_after ul li.hide a{color: rgba(0,0,0,.42);} #HISTORY .history_box.box_left_nav .history_pos.pos_before ul li{visibility: visible;opacity: 1} #HISTORY .history_box.box_left_nav .history_pos.pos_before ul li a{color: rgba(0,0,0,.42);} #HISTORY .history_box.box_left_nav .history_pos.pos_before ul li.hide{opacity: 0;visibility: hidden} #HISTORY .history_box.box_left_nav .history_pos ul li sup{font-size: 12px;margin-left: 5px} #HISTORY .history_box.box_left_nav .history_num_before{} #HISTORY .history_box.box_left_nav .history_num_before .num_before_inner{font-size: 0;overflow: hidden} #HISTORY .history_box.box_left_nav .history_num_before .num_before_inner .num_list{display: inline-block;vertical-align: top;position: relative;height: 265px;width:50%;overflow: hidden;transition: color 0.1s;color: #0018a8; position: relative;} #HISTORY .history_box.box_left_nav .history_num_before .num_before_inner .num_list>div{font-size: 260px;color: #172a88; line-height: 1;letter-spacing: -2px;opacity:0;position: absolute;top: 0;left: 0;right: 0;bottom: 0}/* transition: all 0.8s cubic-bezier(.3,0,.07,.99); */ #HISTORY .history_box.box_right_list{padding-left: 350px;position: relative;padding-bottom: 80px} #HISTORY .history_box.box_right_list .box_inner{padding-top: 300px} #HISTORY .history_box.box_right_list .box_list{border-top: 1px solid rgba(0,0,0,.1);margin-top: 64px;/*padding-top: 64px*/} #HISTORY .history_box.box_right_list .box_list:first-child{border-top: 0;margin-top: 0;padding-top: 0} #HISTORY .history_box.box_right_list .box_list .list_head{font-size: 0} #HISTORY .history_box.box_right_list .box_list .list_head>div{display: inline-block;vertical-align: bottom} #HISTORY .history_box.box_right_list .box_list .list_head .num{font-size: 260px;color: #172a88;line-height: 1;width: 370px;letter-spacing: -2px;height: 265px;overflow: hidden} #HISTORY .history_box.box_right_list .box_list .list_head .desc{width: calc(100% - 370px)} #HISTORY .history_box.box_right_list .box_list .list_head .desc .tit{font-family: "microsoft yahei";font-size: 24px; font-weight: bold;line-height: 44px;letter-spacing: -1.5px} #HISTORY .history_box.box_right_list .box_list .list_head .desc .copy{font-family: "microsoft yahei"; font-size: 18px;line-height: 36px;margin-top: 20px;letter-spacing: -1.4px} #HISTORY .history_box.box_right_list .box_list .list_cnt{margin-top: 60px} #HISTORY .history_box.box_right_list .box_list .list_cnt.full img{width: 930px;height: 600px} #HISTORY .history_box.box_right_list .box_list .list_cnt.half{font-size: 0} #HISTORY .history_box.box_right_list .box_list .list_cnt.half>div{display: inline-block;vertical-align: bottom} #HISTORY .history_box.box_right_list .box_list .list_cnt.half .cnt_left{width: 310px;padding-right:60px;font-size: 18px;line-height: 32px;color: #444} #HISTORY .history_box.box_right_list .box_list .list_cnt.half .cnt_left img{width: 100%} #HISTORY .history_box.box_right_list .box_list .list_cnt.half .cnt_right{width: 560px} #HISTORY .history_box.box_right_list .box_list .list_cnt.half .cnt_right img{width: 100%} #HISTORY .history_box.box_left_nav .history_num_before .num_before_inner .num_list>div.on{opacity: 1} .fix_box{position: fixed;width: 100%;left: 0;right: 0;top: 0} #HISTORY .history_box.box_left_nav .history_pos.pos_after{opacity: 0;transform: translateX(-20px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_left_nav .history_num_before{opacity: 0;transform: translateY(100px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_left_nav .history_pos.pos_before ul{opacity: 0;transform: translateX(-20px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_right_list .list1 .num{opacity: 0;transform: translateY(130px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_right_list .list1 .desc .tit{opacity: 0;transform: translateY(20px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_right_list .list1 .desc .copy{opacity: 0;transform: translateY(30px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY .history_box.box_right_list .list1 .list_cnt{opacity: 0;transform: translateY(50px);transition: all 1.5s cubic-bezier(.3,0,.07,.99);} #HISTORY.enter .history_box.box_left_nav .history_pos.pos_after{opacity: 1;transform: translateX(0);transition-delay:0s;} #HISTORY.enter .history_box.box_left_nav .history_num_before{opacity: 1;transform: translateY(0);transition-delay: 0.2s} #HISTORY.enter .history_box.box_left_nav .history_pos.pos_before ul{opacity: 1;transform: translateX(0);transition-delay: 0.2s} #HISTORY.enter .history_box.box_right_list .list1 .num{opacity: 1;transform: translateY(0);transition-delay: 0.3s} #HISTORY.enter .history_box.box_right_list .list1 .desc .tit{opacity: 1;transform: translateY(0);transition-delay: 0.4s} #HISTORY.enter .history_box.box_right_list .list1 .desc .copy{opacity: 1;transform: translateY(0);transition-delay: 0.5s} #HISTORY.enter .history_box.box_right_list .list1 .list_cnt{opacity: 1;transform: translateY(0);transition-delay: 0.6s} /* brand */ .single-brand h2{font-size: 3.6rem;color: #172a88;} .single-brand .t-dec{font-size: 2.4rem;} .single-brand-design figure{width:20%; float:left;} .mascot-debao{width: 30%;} .mascot-dec{width: 70%;} .single-brand-logo-dec{background: #172A88; color: #fff; font-size: 4rem; line-height: 1.8;border-radius: 20px; padding: 5px 20px;font-weight:bold;} .mascots-item{margin-bottom: 25px;} .mascot-dec{font-size: 2.4rem;} .mascots-dec{font-size: 2.4rem; width: 74%;} .brand-show{font-size: 2.4rem;} .brand-show figure{width: 33.3333%; float: left;} /* .sec-partner1 h3 ,.sec-introduce1 h3 {font-size: 3rem;} .sec-partner1 p , .sec-introduce1 p{line-height: 1.5;} .sec-partner2 img {margin: 2%;width: 12.33%; float:left;} */ /*工程案例*/ .case-main{width: 60%; padding: 0 4.5%;} .article-case-img{margin-left: -5%;} .article-case-img figure{width: 45%; margin-left: 5%;} /*fixed-rb*/ .fixed-rb{position: fixed; right: 0; bottom: 40px; z-index: 999;} .rb{width: 70px; height: 70px; background: #1075f3; color: #fff; text-align: center; line-height: 2; margin-bottom: 2px; border-radius: 5px; position: relative; } .fixed-rb .rb i{font-size: 3.5rem;} .fixed-rb .rb img{position: absolute; right: 70px; top: 0; max-width: none;} .fixed-rb .rb2 img{top: -5%;} .fixed-rb .rb3 img{top: -60%;} #mse{width:auto!important;} .xgplayer{background:transparent!important;} /*video*/ .bd-video-menu .selected a{background:#122A88; color:#fff;} .bd-video-top figure , .bd-video-item figure{position:relative; cursor:pointer;} .bd-video-top figcaption, .bd-video-item figcaption{position:absolute; bottom:10px; color:#fff;word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; right: 0; text-align: left;} .l-video figcaption{ line-height:50px; left: 65px; font-size:2.4rem; } .r-video figcaption ,.bd-video-item figcaption{left: 42px; font-size:1.4rem; line-height:26px; } .l-video:before,.r-video:before ,.bd-video-item figure:before{content:""; position:absolute; width:100%; height:100%; left:0; top:0; background: rgba(18,42,136,.5);} .l-video:after {content:url('../img/b_video.png');position: absolute; left: 10px; bottom: 10px;} .r-video:after , .bd-video-item figure:after{content:url('../img/s_video.png');position: absolute; left: 10px; bottom: 10px;} .bd-video{padding-top:25px;} .bd-video h2{font-size: 3.6rem;} .bd-video-menu{max-width: 768px; margin: 40px auto 50px;} .bd-video-menu li{width: 20%; padding: 0 10px;} .bd-video-menu a{display: block; border: 1px solid #eee; padding: 12px 0; font-size: 1.6rem; border-radius:5px;} .bd-video-top .l{width: 64.5%;} .bd-video-top .l img{width: 100%;} .bd-video-top .r{width: 32%;} .bd-video-top .r-video:nth-child(2){margin-top: 22px;} .bd-videos{padding-bottom:25px;} .bd-videos ul{margin-left: -2%;} .bd-videos li{width: 31.333%; margin-left: 2%; margin-top: 25px;} .bd-list-videos{margin-top: -35px;} .video-popup{ position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999; } .video-popup h3{height: 28px; line-height: 28px; text-align: left; padding-left: 10px; font-size: 1.4rem; font-weight: 700;} .video-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .video-popup-container { position: relative; width:768px; margin:10% auto 0; height:432px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .video-popup-close{ position: absolute;right:10px;top:0px; z-index: 10;width:auto;line-height:24px; display: block;font-size:2rem;} .video-popup-close:hover{color: red;} .is-visible .video-popup-container{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); } .video-popup-container .video{position: relative; width: 100%; padding-bottom: 56.2%;} .video-popup-container iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 111;} /* 窗口宽度<768,设计宽度=576 */ @media screen and (max-width:768px){ .bd-video-top .l , .bd-video-top .r{width: 100%;} .bd-video-top .r{margin-top: 20px;} .r-video{width: 50%; float: left;} .bd-video-top .r-video{border-right: 1px solid #fff; } .bd-video-top .r-video:nth-child(2){margin-top: 0;} .video-popup-container{width: 100%; height: 100vh; margin: 0;} } /* 窗口宽度<576,设计宽度=320 */ @media screen and (max-width:576px){ .bd-video h2{font-size: 2rem;} .bd-video-menu{margin: 5px 0 25px;} .bd-video-menu li{width: 33.33%; margin-top: 15px;} .bd-video-menu a{font-size: 1.4rem; padding: 7px 0;} .bd-videos ul{margin-left: -1%;} .bd-videos li{margin-top: 15px; margin-left: 1; width: 32.3333%;} } #newBridge .nb-invite-wrap-base .nb-invite-btn-base{right:25px!important; bottom: 30px!important;} #newBridge .customer-invite-style .nb-invite-tool{background: url(../img/close_1.png) no-repeat center!important;} #newBridge{z-index:0!important;} /*article news 2018-11-17 v2.1 */ .bd.news-content{width: 60%; padding: 0 4.5%;} .news-side{width:40% ;} .news-side .box{border:18px solid #f3f3f3;} .news-side .tt{padding: 20px 25px;} .news-side .tt a{position: absolute; right: 25px; bottom: 25px;} .news-side h2{font-size: 2rem; font-weight: normal; } .news-side h3{margin-bottom: 5px;} .news-side h3 a{color: #122a88;font-size: 1.4rem;} .news-side .box-valve{padding: 0 5px;} .news-side .box-valve .tt{background: #fff;} .news-side .box-valve ul{padding: 15px 3px;} .news-side .box-valve ul:first-of-type{border-bottom: 2px solid #f5f5f5;} .news-side .box-valve li{width:50%; float:left; padding:5px;} .news-side .box-valve li a:hover{opacity: .9;} .news-side ul{padding: 3px;} .news-side .box-news li{border-bottom: 2px solid #f5f5f5; padding: 0 25px 15px;margin-bottom: 15px;} .news-side .box-news li:last-child{border-bottom: none;} .news-side .box-news li p{font-size: 1.2rem; color: #666; line-height: 2;} .news-side .box-form{padding: 20px 25px;} .news-side input{width: 100%; outline: none;} .news-side input[type='text']{line-height: 20px; padding: 6px; border: 1px solid #999;} .news-side input[type='submit']{background-color: #162d79; color: #fff; font-size: 1.6rem; border: none; line-height: 36px; height: 36px;} /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .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} /* Pannellum 2.4.1, https://github.com/mpetroff/pannellum */ .pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content;touch-action:none}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:-moz-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-webkit-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-ms-fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}@-webkit-keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0} #bannerv{width: 100%; min-height: 550px;} .foot-kefu { position: absolute; bottom: -60px; right: 60px; } .foot-kefu img { width: 120px; height: 120px; } .foot-kefu p { text-align: center; line-height: 30px; }