.swiper-container{margin-left:auto;margin-right: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}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}body, p, h1, h2, h3, h4, h5, h6, img, ul, li, dl, dd, dt, textarea {
margin: 0;
padding: 0;
font-size: 16px;
color: #333;
font-family: Arial;
}
body {
overflow-x: hidden;
}
img {
border: 0 none;
width: 100%;
display: block;
}
ol, ul, dl, li, dt, dd {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
em {
font-style: normal;
}
input, button, select, textarea {
outline: none;
}
textarea {
resize: none;
}
a {
color: #333;
text-decoration: none;
outline: medium none;
font-size: 16px;
cursor: pointer;
}
a:hover {
text-decoration: none;
outline: medium none;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
p {
line-height: 1.7em;
}
input::-webkit-input-placeholder {
color: #999;
}
.swiper-button-prev, .swiper-button-next, .swiper-pagination {
outline: none;
}
#LRfloater1 p {
font-size: 14px;
margin-top: 1em;
line-height: 1.5em;
}
#LRfloater1 img {
width: auto;
}
#flb-lightbox img {
display: inline-block;
width: auto;
}
.content {
width: 1406px;
margin: 0 auto;
}
.ban_h1{
height: 0;
position: relative;
left: -10000px;
margin: 0;
}
.aniimg {
overflow: hidden;
}
.aniimg img {
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
vertical-align: middle;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
width: 100%;
}
.aniimgbox:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.swiper-container {
height: 100%;
}
.wap-flex {
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit--moz-box-pack: space-between;
box-pack: space-between;
-ms-flex-align: center;
align-items: center;
-webkit-align-items: center;
box-align: center;
-moz-box-align: center;
-webkit-box-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.padd {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.spadd {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.paddtop {
padding-top: 0.8rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
.fl {
float: left;
}
.fr {
float: right;
} input[type=number] {
-moz-appearance: textfield;
}
h1 {
font-size: 30px;
font-weight: bold;
} header {
width: 100%;
background: #000C1F;
position: relative;
z-index: 5;
}
header::after {
content: "";
display: block;
height: 0.4rem;
position: absolute;
right: 0;
top: 0px;
width: 44%;
background: -webkit-linear-gradient(right, #C70066 60%, transparent);
background: -moz-linear-gradient(right, #C70066 60%, transparent);
background: -o-linear-gradient(right, #C70066 60%, transparent);
background: linear-gradient(-90deg, #C70066 60%, transparent);
z-index: -1;
}
.inbox header {
background: none;
position: absolute;
top: 0;
z-index: 6;
}
.logo {
display: block;
width: 12.8%;
position: relative;
}
.logo:after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 0.74rem;
right: -0.5rem;
top: -0.09rem;
background: #FFFFFF;
}
.headright {
width: 79.8%;
}
.search {
height: 0.32rem;
width: 3rem;
margin-top: 0.1rem;
background: rgba(255, 255, 255, 0.15);
border-radius: 6px;
position: relative;
float: left;
}
.search input {
display: block;
background: none;
border: 0 none;
line-height: 0.32rem;
height: 0.32rem;
}
.search input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search input:-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search input::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search input::placeholder {
color: rgba(255, 255, 255, 0.8);
}
.search input[type=text] {
padding-left: 0.2rem;
width: 100%;
padding-right: 0.4rem;
box-sizing: border-box;
color: #FFF;
font-size: 16px;
}
.search input[type=submit] {
width: 0.2rem;
height: 100%;
cursor: pointer;
right: 0.2rem;
top: 0;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/search.png) no-repeat center center;
-o-background-size: 0.18rem 0.18rem;
background-size: 0.18rem 0.18rem;
}
.enbox {
margin-left: 0.26rem;
margin-top: 0.1rem;
float: left;
position: relative;
padding-right: 0.25rem;
cursor: pointer;
}
.enbox:after {
content: "";
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/headjt.png) no-repeat;
position: absolute;
width: 0.12rem;
height: 0.06rem;
-o-background-size: cover;
background-size: cover;
right: 0;
top: 0.13rem;
}
.enbox p {
color: #FFF;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/en.png) no-repeat left center;
-o-background-size: 0.15rem 0.15rem;
background-size: 0.15rem 0.15rem;
padding-left: 0.24rem;
line-height: 0.32rem;
font-size: 14px;
}
.enbox ul {
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 6px;
padding: 0.1rem;
z-index: 6;
display: none;
}
.enbox ul li a {
font-size: 14px;
line-height: 0.25rem;
}
.enbox ul li:hover a {
color: #C70166;
}
.enbox:hover ul {
display: block;
}
.headchat {
width: 41%;
height: 0.4rem;
}
.headchat a {
line-height: 0.4rem;
color: #FFF;
display: inline-block;
font-size: 16px;
}
.headchat a:hover {
opacity: 0.9;
}
.headchat a:first-child {
margin-right: 0.3rem;
padding-right: 0.3rem;
position: relative;
}
.headchat a:first-child:after {
content: "";
display: block;
width: 1px;
height: 0.18rem;
background: #FFFFFF;
opacity: 0.59;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.09rem;
}
.headchat a img {
width: 0.17rem;
margin-right: 0.1rem;
display: inline-block;
vertical-align: middle;
}
.nav {
margin-top: 0.2rem;
}
.nav > li {
float: left;
padding: 0 0.18rem;
padding-bottom: 0.1rem;
margin-right: 0.1rem;
}
.nav > li > a {
color: #FFF;
font-size: 18px;
display: block;
padding: 10px 0;
position: relative;
}
.nav > .navact > a, .nav > li:hover > a {
font-weight: bold;
}
.nav > .navact > a:before, .nav > li:hover > a:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 6.5px 0 6.5px;
border-color: #FFF transparent transparent transparent;
left: 50%;
top: 0;
margin-left: -6px;
}
.second {
position: relative;
}
.second i {
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
}
.second > ul {
position: absolute;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
padding: 0.2rem 0.3rem;
background: #FFF;
white-space: nowrap;
left: 50%;
display: none;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.second > ul li {
line-height: 0.5rem;
padding-left: 0.3rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/navmore.png) no-repeat left center;
}
.second > ul li a {
font-size: 18px;
}
.second > ul li:hover a {
color: #C70166;
}
.nav .second-solu {
position: static;
}
.navsolu {
position: absolute;
width: 100%;
left: 0;
top: 1.12rem;
display: none;
}
.navsolu .content {
background: #FFF;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.7rem 0.45rem 0.5rem;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.11);
}
.navsolulist {
position: relative;
z-index: 1;
width: 14.7%;
}
.navsolulist::before {
content: "";
display: block;
position: absolute;
background: #F5F5F5;
border-radius: 4px;
width: 100%;
height: 1.07rem;
top: 0;
z-index: -1;
left: 0;
}
.navsolulist span {
width: 1.04rem;
height: 1.04rem;
background: #BFBFBF;
border: 0.06rem solid #FFFFFF;
box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
display: block;
overflow: hidden;
margin: -0.35rem auto 0;
}
.navsolulist h4 {
height: 0.3rem;
line-height: 0.3rem;
text-align: center;
color: #FFF;
text-transform: uppercase;
background: #C70166;
font-size: 15px;
margin: 0.15rem auto 0;
width: 92%;
}
.navsolulist .navsolubtn {
margin-top: 0.25rem;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navsolulist .navsolubtn div a {
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/navmore.png) no-repeat left center;
padding-left: 0.26rem;
font-size: 15px;
line-height: 2em;
}
.navsolulist .navsolubtn div a:hover {
color: #C70166;
}
.navpro .content {
padding: 0;
position: relative;
}
.navproleft {
width: 21%;
padding: 0 0 0.5rem;
}
.navproleft > li {
line-height: 66px;
padding-left: 0.37rem;
padding-right: 0.3rem;
border-bottom: 1px solid #E6E6E6;
font-size: 15px;
}
.navproleft > li > span {
position: relative;
display: block;
}
.navproleft > li > span::after {
content: "";
display: block;
height: 14px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/navpro.png) no-repeat 0 0;
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
}
.navproleft .navproleftact {
background: #C70166;
color: #fff;
}
.navproleft .navproleftact .navproright {
display: block;
}
.navproleft .navproleftact > span:after {
background-position: -13px 0;
}
.navproright {
width: 79%;
position: absolute;
right: 0;
top: 0;
display: none;
height: 100%;
}
.navprolist {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/navprobg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: normal;
-moz-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
}
.navprolist > li {
width: 12.5%;
padding: 0.3rem 0;
}
.navprolist > li > a > .aniimg {
width: 75%;
margin: 0 auto;
}
.navprolist > li > a > h4 {
text-align: center;
font-size: 14px;
line-height: 1.2em;
}
.navprolist .navprolistact {
background: #C70166;
}
.navprolist .navprolistact > a > h4 {
color: #FFF;
}
.navprolist .navprolistact .navproitem {
display: block;
}
.navproitem {
position: absolute;
padding: 0.3rem 0.4rem;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0.12rem;
left: 0;
bottom: 0;
display: none;
}
.navproitem ul {
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navproitem ul li {
width: 22.2%;
margin-right: 2.5%;
position: relative;
}
.navproitem ul li .aniimg {
border-radius: 4px;
overflow: hidden;
}
.navproitem ul li .navproitem-txt {
position: absolute;
left: 15px;
right: -4px;
bottom: -0.17rem;
height: 0.4rem;
line-height: 0.4rem;
font-size: 14px;
z-index: 2;
background: #FFFFFF;
border-radius: 4px;
color: #1A1A1A;
padding: 0 15px;
}
.navproitem ul li .navproitem-txt h4 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.navproitem ul li .navproitem-txt span {
position: absolute;
width: 37px;
height: 18px;
background: #C61517;
border-radius: 0px 16px 2px 0px;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
right: 16px;
top: -11px;
}
.navproitem ul li .navproitem-txt span img {
width: 16px;
}
.navproitem ul li:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.navproitem ul li:hover h4 {
color: #C70166;
font-weight: bold;
}
.navpro-btn {
width: 40%;
margin: 0.4rem auto 0;
height: 0.36rem;
line-height: 0.36rem;
background: #C70166;
display: block;
color: #FFF;
position: relative;
text-align: center;
}
.navpro-btn span {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
opacity: 0.26;
background: #fff;
margin-left: 15px;
-webkit-animation: morespan 1.5s linear 1s infinite;
-moz-animation: morespan 1.5s linear 1s infinite;
-o-animation: morespan 1.5s linear 1s infinite;
animation: morespan 1.5s linear 1s infinite;
}
.navpro-btn::after {
content: "";
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/pro-shu.png) no-repeat;
width: 19px;
height: 19px;
position: absolute;
opacity: 1;
right: 1.4rem;
bottom: 3px;
}
.navpro-btn:hover {
opacity: 0.95;
}
@-webkit-keyframes morespan {
0% {
opacity: 0.26;
}
49% {
opacity: 0.26;
}
50% {
opacity: 0.8;
}
99% {
opacity: 0.8;
}
100% {
opacity: 0.26;
}
}
@-moz-keyframes morespan {
0% {
opacity: 0.26;
}
49% {
opacity: 0.26;
}
50% {
opacity: 0.8;
}
99% {
opacity: 0.8;
}
100% {
opacity: 0.26;
}
}
@-o-keyframes morespan {
0% {
opacity: 0.26;
}
49% {
opacity: 0.26;
}
50% {
opacity: 0.8;
}
99% {
opacity: 0.8;
}
100% {
opacity: 0.26;
}
}
@keyframes morespan {
0% {
opacity: 0.26;
}
49% {
opacity: 0.26;
}
50% {
opacity: 0.8;
}
99% {
opacity: 0.8;
}
100% {
opacity: 0.26;
}
} .infootbox {
background: #2D2D2D;
}
.infootbox p {
font-size: 15px;
color: #FFF;
padding: 0.3rem 0;
}
.infootbox a {
font-size: 15px;
}  .listfoot {
background: #071121;
}
.foottop {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/footbg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
padding: 0.5rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.foottact {
width: 23.1%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0.7rem;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.foottact h3 {
font-size: 0.28rem;
font-weight: bold;
position: relative;
padding-bottom: 15px;
color: #FFF;
text-transform: uppercase;
margin-bottom: 0.3rem;
}
.foottact h3:before {
content: "";
display: block;
position: absolute;
width: 70px;
height: 2px;
background: #FFFFFF;
bottom: 0;
left: 0;
}
.foottact p {
line-height: 1.7em;
font-size: 14px;
color: #FFF;
margin-bottom: 20px;
}
.footchat {
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.footchat:last-child {
border-bottom: 0 none;
}
.footchat span {
display: block;
color: #FFF;
font-size: 16px;
}
.footchat img {
width: 19px;
margin-right: 9px;
vertical-align: middle;
display: inline-block;
}
.footchat a {
font-size: 18px;
color: #FFF;
margin-top: 10px;
display: block;
padding-left: 28px;
}
.footchat a b {
font-size: 24px;
}
.footchat a:hover {
opacity: 0.8;
}
.footnav {
width: 75%;
}
.footnav dl {
float: left;
border-right: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 4.5%;
padding-right: 4.5%;
}
.footnav dl:last-child {
border: 0 none;
padding-right: 0;
}
.footnav dl dt {
color: #FFF;
padding-bottom: 15px;
position: relative;
font-size: 16px;
font-weight: bold;
margin-bottom: 0.45rem;
}
.footnav dl dt:before {
content: "";
display: block;
position: absolute;
width: 70px;
height: 2px;
background: #FFFFFF;
bottom: 0;
left: 0;
}
.footnav dl dd {
line-height: 1.8em;
}
.footnav dl dd a {
color: #FFF;
font-size: 15px;
cursor: auto;
}
.footnav dl dd a[href]{
cursor: pointer;
}
.footnav dl dd a[href]:hover {
opacity: 0.8;
}
.footnav .chatbtn {
text-align: center;
}
.footnav .chatbtn a {
float: none;
display: inline-block;
}
.chatbtn {
margin-top: 0.5rem;
}
.chatbtn a {
font-size: 16px;
color: #FFF;
width: 228px;
height: 40px;
line-height: 40px;
background: #C70166;
border-radius: 6px;
text-align: center;
display: block;
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.3);
-webkit-animation: shadow 1.5s infinite ease-in-out;
-moz-animation: shadow 1.5s infinite ease-in-out;
-o-animation: shadow 1.5s infinite ease-in-out;
animation: shadow 1.5s infinite ease-in-out;
float: left;
margin-right: 0.3rem;
}
.chatbtn a:last-child {
margin-right: 0;
}
.chatbtn a img {
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.chatbtn a:hover {
background: #071121;
}
@-webkit-keyframes shadow {
0% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
50% {
box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.6);
}
100% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
}
@-moz-keyframes shadow {
0% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
50% {
box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.6);
}
100% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
}
@-o-keyframes shadow {
0% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
50% {
box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.6);
}
100% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
}
@keyframes shadow {
0% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
50% {
box-shadow: 0px 0px 6px 3px rgba(255, 255, 255, 0.6);
}
100% {
box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.3);
}
}
.footbot {
padding: 20px 0;
}
.footbot p {
font-size: 14px;
color: #FFF;
}
.footshare span {
display: inline-block;
color: #FFF;
font-size: 18px;
}
.footshare a {
display: inline-block;
margin: 0 5px;
}
.footshare a:hover {
opacity: 0.85;
}
.footshare a img {
width: 28px;
vertical-align: middle;
display: inline-block;
} .rightbox {
position: fixed;
right: 12px;
width: 98px;
bottom: 110px;
border-radius: 6px;
overflow: hidden;
background: #F0F3FA;
padding: 20px 5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 6;
}
.rightbox:before {
content: "";
display: block;
height: 114px;
background: #C70166;
position: absolute;
top: 0;
width: 100%;
left: 0;
z-index: -1;
}
.rightbox:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 110px 132px 0 0;
border-color: #C70166 transparent transparent transparent;
position: absolute;
top: 114px;
left: 0;
z-index: -1;
}
.rightpic {
margin-top: 17px;
border-radius: 0px 0px 0px 40px;
border: 1px solid #FFF;
overflow: hidden;
}
.rightnav {
background: #FFFFFF;
padding: 0 5px;
border-radius: 0px 0px 20px 0px;
padding-top: 40px;
margin-top: -40px;
}
.rightnav li {
border-bottom: 1px dashed #C70166;
padding: 13px 0;
}
.rightlogo img {
width: auto;
margin: 0 auto;
max-width: 100%;
}
.rightnav li img {
width: 22px;
margin: 0 auto;
}
.rightnav li p {
font-size: 12px;
text-transform: uppercase;
margin-top: 3px;
text-align: center;
color: #1A1A1A;
}
.rightnav li:hover p {
color: #C70166;
}
.rightnav li:last-child {
border: 0 none;
}
.rightnav li:hover p {
color: #C70166;
}
.totop {
display: block;
width: 35px;
margin: 0 auto;
margin-top: 15px;
cursor: pointer;
height: 28px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/top.png) no-repeat;
-o-background-size: cover;
background-size: cover;
opacity: 0.7;
}
.right_whatsapp {
position: fixed;
width: 50px;
right: 156px;
bottom: 23px;
z-index: 9;
} .route {
position: relative;
color: #fff;
z-index: 2;
}
.route a {
font-size: 15px;
color: #fff;
}
.route a:first-child:before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
-o-background-size: 16px 16px;
background-size: 16px 16px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/routeicon.png) no-repeat 0px 0px;
margin-right: 10px;
float: left;
}
.route a:hover {
color: #C70166;
}
.route a:first-child:hover:before {
background-position: -16px 0px;
}
.route a:last-child:hover {
color: #fff;
}
.routebox {
padding: 0.3rem 0;
}
@media (max-width: 1600px) { .headchat {
width: 45%;
}
.nav li a {
font-size: 16px;
}
.second > ul li a {
font-size: 16px;
}
.navproleft > li {
line-height: 60px;
}
.rightbox {
width: 88px;
}
.rightnav li {
padding: 8px 0;
}
.rightnav li p {
line-height: 1.5em;
}
.rightbox {
right: 0;
bottom: 115px;
padding-top: 15px;
padding-bottom: 10px;
}
.rightnav li img {
width: 18px;
}
.rightpic {
margin-top: 13px;
}
.totop {
width: 30px;
height: 24px;
margin-top: 10px;
}
.footnav dl {
padding-left: 3%;
padding-right: 3%;
}
.footchat a {
font-size: 18px;
}
.footchat a b {
font-size: 20px;
}
.footchat a {
margin-top: 5px;
}
.spadd {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.infootbox p, .infootbox a {
font-size: 14px;
}
.infootbox p {
font-size: 14px;
}
.infootlink a {
font-size: 14px;
}
}
@media (max-width: 1450px) {
.content {
width: 1200px;
}
.navproitem ul li .navproitem-txt h4{
font-size: 15px;
}
}
@media (max-width: 1380px) {
.content {
width: 90%;
min-width: initial;
}
.footnav dl {
padding-left: 2.5%;
padding-right: 2.5%;
}
.spadd {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.infootbox p, .infootbox a {
font-size: 12px;
}
.nav li a {
font-size: 14px;
}
.footnav dl dd a {
font-size: 14px;
}
.footchat a {
font-size: 14px;
}
.footchat span {
font-size: 14px;
}
.footchat img {
width: 15px;
margin-right: 6px;
}
.footnav dl dt {
margin-bottom: 0.3rem;
}
.chatbtn a {
width: 200px;
height: 35px;
line-height: 35px;
font-size: 14px;
}
.chatbtn a img {
width: 18px;
}
.headchat a {
font-size: 14px;
}
.nav li {
padding: 0 0.1rem;
}
.footshare span {
font-size: 16px;
}
}
@media (max-width: 1250px) {
.headchat {
width: 52%;
}
.footnav dl dd a {
font-size: 12px;
}
.footnav dl dt {
font-size: 15px;
}
.footchat a b {
font-size: 16px;
}
.footbot p {
font-size: 12px;
}
.footshare span {
font-size: 12px;
}
.footshare a img {
width: 20px;
}
}
@media (max-width: 1100px) {
.content, body {
max-width: 1100px;
}
html {
width: 100%;
overflow-x: auto;
}
}.listbox {
position: relative;
padding-bottom: 1px;
overflow: hidden;
}
.listbox-solu>img{
width: auto;
height: 99.7%;
}
.listbox-proshow>img{
width: auto;
height: 99.7%;
}
.listbox-proimg{
bottom: 0;
height: 99.7%;
position: absolute;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.listbox-pro .listbox-proimg{
position: absolute;
width: 100%;
top: 0;
bottom: 172px;
height: auto;
left: 0;
overflow: hidden;
}
.listbox-proimg img{
width: auto;
height:99.7%;
}
.listbox-case{
padding-bottom: .5rem;
}
.listbox-case>img{
height: 100%;
}
.listban {
position: absolute;
width: 100%;
top: 0;
}
.listtopmain  .listtop-swiper-row {
padding-top: 10px;
}
.listtoppic {
width: 47.6%;
margin-top: 0.24rem;
float: left;
padding-top: 18px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/banline.png) no-repeat left top;
overflow: hidden;
position: relative;
}
.listbox-case  .listtoppic{
width: 42%;
background: none;
}
.listtoptit {
margin-bottom: 30px;
margin-left: -2.57rem;
line-height: 62px;
min-height: 62px;
background: #C70166;
display: inline-block;
padding-right: 20px;
position: relative;
padding-left: 1.2rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.listtoptit img {
width: auto;
display: inline-block;
margin-left: 0.2rem;
vertical-align: middle;
margin-bottom: 0.05rem;
}
.listtoptit:before {
content: "";
display: block;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/hot.png) no-repeat;
-o-background-size: cover;
background-size: cover;
width: 0.65rem;
height: 0.58rem;
left: 0.28rem;
top: -0.06rem;
}
.listtoptit:after {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/insolutit.png) no-repeat;
-o-background-size: cover;
background-size: cover;
width: 0.26rem;
height: 100%;
position: absolute;
display: block;
right: -0.26rem;
top: 0;
}
.listtoptit h3 {
display: inline-block;
color: #FFF;
font-size: 0.36rem;
}
.listtoptxt {
float: left;
width: 38.8%;
padding-left: 0.8rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.listbox-case  .listtoptxt{
width: 56%;
margin-top: .8rem;
}
.listtoptxt-pro{
margin-top: .85rem;
}
.listtoptxt-pro .listtoptit{
margin-bottom: 45px;
}
.listtoptxt p {
color: #FFF;
line-height: 1.5em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
height: 7.5em;
}
.listtoptxt-detail p{
display: block;
}
.listtop-swiper-row li a:hover p {
opacity: 0.85;
}
.listtop-swiper-row li a:hover .listtoptit {
margin-left: -2.45rem;
}
.listtop-swiper-row li a:hover .listtoppic img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.listtopmain {
position: relative;
padding-bottom: 170px;
}
.listtopmain .chatbtn {
position: absolute;
left: 47.7%;
padding-left: 0.8rem;
bottom: 3.6rem;
z-index: 3;
}
.listbox-pro .chatbtn{
bottom:4.2rem;
}
.detailtop .chatbtn{
padding-left: 23px;
position: relative;
}
.listtop-btnpic {
height: 1.92rem;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.listtop-btnpic img {
height: 100%;
width: auto;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.listtop-btntxt {
padding: 15px 0;
}
.listtop-btntxt h4 {
font-size: 16px;
text-align: center;
}
.listtop-swiper-btn {
position: absolute;
bottom: 0;
width: 100%;
}
.listtop-swiper-btn .content {
padding: 0.3rem 0.48rem;
background: #FFF;
border-radius: 20px;
}
.listtop-swiper-btn li {
position: relative;
}
.listtop-swiper-btn .swiper-button-prev, .listtop-swiper-btn .swiper-button-next {
width: 31px;
height: 43px;
display: none;
}
.listtop-swiper-btn .swiper-button-prev:after, .listtop-swiper-btn .swiper-button-next:after {
display: none;
}
.listtop-swiper-btn .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listl.png) no-repeat center center rgba(0, 0, 0, 0.6);
margin-top: -0.45rem;
left: 0.69rem;
}
.listtop-swiper-btn .swiper-button-prev:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.listtop-swiper-btn .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listr.png) no-repeat center center rgba(0, 0, 0, 0.6);
right: 0.69rem;
margin-top: -0.45rem;
}
.listtop-swiper-btn .swiper-button-next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.listtop-swiper-btn:hover .swiper-button-prev, .listtop-swiper-btn:hover .swiper-button-next {
display: block;
}
.listtop-swiper-btn .swiper-slide-thumb-active .listtop-btntxt {
position: absolute;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
background: rgba(7, 18, 34, 0.9);
left: 0;
border-radius: 6px;
top: 0;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.listtop-swiper-btn .swiper-slide-thumb-active .listtop-btntxt h4 {
color: #FFF;
}
.listtab {
margin-top: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.listtab ul {
background: #F1F4FB;
padding: 0.3rem 0.2rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.listtab ul li {
font-weight: bold;
line-height: 20px;
padding-right: 0.3rem;
padding-left: 0.3rem;
border-right: 2px solid #1A1A1A;
}
.listtab ul li a {
padding-left: 16px;
font-size: 15px;
position: relative;
}
.listtab ul li a:before {
content: "";
display: block;
width: 6px;
height: 6px;
background: #C61517;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
}
.listtab ul li:last-child {
border: 0 none;
}
.listtab ul li:hover a, .listtab ul li.listtabact a {
color: #C70166;
}
.listtab-fixed {
position: fixed;
top: 0;
width: 100%;
margin-top: 0;
z-index: 6;
}
.listtab-fixed ul {
box-shadow: 0px 0px 5px 0px rgba(3, 24, 70, 0.43);
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.titbox {
text-align: center;
}
.titbox h2,.titbox h1 {
font-size: 0.46rem;
font-weight: bold;
line-height: 1em;
padding: 0.2rem 0.1rem 0.15rem;
text-align: center;
display: inline-block;
position: relative;
text-transform: uppercase;
}
.titbox h2::before,.titbox h1::before {
content: "";
display: block;
position: absolute;
width: 0.6rem;
height: 0.1rem;
background: #C70166;
left: 0;
top: 0;
}
.titbox h2::after,.titbox h1::after {
content: "";
display: block;
position: absolute;
width: 0.86rem;
height: 1px;
background: #C70166;
right: 0;
bottom: 0;
}
.titboxfff h2 {
color: #FFF;
}
.solulisttxt {
position: absolute;
border-bottom: 0;
height: 54px;
padding-left: 0.5rem;
background: rgba(6, 17, 33, 0.8);
bottom: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 71%;
}
.solulisttxt:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 54px 0 0 30px;
border-color: transparent transparent transparent rgba(6, 17, 33, 0.8);
right: -30px;
top: 0;
}
.solulisttxt h4 {
color: #FFF;
font-size: 22px;
line-height: 54px;
}
.solulist > li {
width: 47.7%;
margin-top: 0.5rem;
position: relative;
}
.solulist > li:hover > .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.solulist > li:hover .solulisttxt {
left: auto;
right: 0;
background: rgba(6, 17, 33, 0.9);
width: 79.4%;
height: auto;
padding-right: 0.1rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.solulist > li:hover .solulisttxt .solu-probox {
display: block;
}
.solulist > li:hover .solulisttxt:after {
display: none;
}
.solulist > li:hover .solulisttxt h4 {
font-size: 22px;
font-weight: bold;
line-height: 20px;
margin-bottom: 0.3rem;
position: relative;
}
.solulist > li:hover .solulisttxt h4:before {
content: "";
display: block;
position: absolute;
width: 0.56rem;
height: 0.2rem;
background: #C70166;
left: -0.8rem;
top: 0;
}
.solulist > li:hover .solulisttxt h4:after {
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0.67rem;
height: 0.32rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/solumore.png) no-repeat center center #C61517;
border-radius: 0px 0.16rem 0.02rem 0px;
-o-background-size: 0.32rem 0.16rem;
background-size: 0.32rem 0.16rem;
right: 0.34rem;
top: -0.44rem;
}
.solulist > li:hover .solulisttxt h4:hover {
color: rgba(255, 255, 255, 0.85);
}
.solulist > li:hover .solulisttxt h4:hover:after {
right: 0.26rem;
}
.solu-probox {
display: none;
}
.solu-probox p {
color: #FFF;
}
.solu-pro {
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 0.15rem;
}
.solu-pro li {
width: 26%;
margin-right: 7%;
}
.solu-pro li .aniimg {
overflow: hidden;
background: #FFF;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 2px;
}
.solu-pro li h5 {
font-size: 12px;
color: #FFF;
text-align: center;
margin-top: 5px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 3em;
line-height: 1.3em;
}
.solu-pro li:hover .aniimg img {
opacity: 0.7;
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.solumain:nth-child(2n) {
background: #EDF1F9;
} .proline {
height: 1px;
background: #F1F4FB;
display: block;
margin-top: 20px;
}
.prolist {
-webkit-align-items: initial;
-moz-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.prolist li {
margin-bottom: 43px;
width: 30.6%;
}
.prolist-tit {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/prolist-titbg1.jpg) repeat;
border-radius: 6px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.55rem 0.45rem 0.4rem;
}
.prolist-tit h2 {
font-size: 36px;
font-weight: bold;
padding-left: 30px;
border-left: 9px solid #C70166;
line-height: 1.2em;
margin-bottom: 0.4rem;
}
.prolist-tit p {
font-size: 16px;
margin: 10px 0;
padding-left: 24px;
margin-left: 40px;
position: relative;
}
.prolist-tit p:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/prolistbg.png) no-repeat center center;
border-radius: 50%;
-o-background-size: cover;
background-size: cover;
left: 0;
top: 0.5em;
}
.prolist-tit p:hover a {
color: #C70166;
font-weight: bold;
}
.prolist-itemcon {
box-shadow: 0px 0px 8px 0px rgba(10, 10, 10, 0.1);
border-radius: 4px;
background: #FFFFFF;
height: 100%;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 60px;
}
.prolist-itemcon:before {
content: "";
width: 100%;
height: 2.17rem;
background: #F1F6FD;
border-radius: 0 0 100% 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.prolist-itemcon h4 {
font-size: 22px;
text-align: center;
font-weight: bold;
}
.prolist-itemcon .aniimg {
width: 87%;
margin: 0 auto;
}
.promore {
position: absolute;
width: 170px;
height: 40px;
line-height: 40px;
display: block;
background: #C70166;
border-radius: 20px;
color: #FFF;
text-align: center;
left: 50%;
margin-left: -85px;
bottom: 0.07rem;
}
.promore img {
display: inline-block;
vertical-align: middle;
width: 20px;
margin-left: 10px;
}
.prolist-item {
padding-bottom: 0.26rem;
position: relative;
}
.prolist-item:hover .prolist-itemcon:before {
background: #C70166;
}
.prolist-item:hover .promore {
background: #081221;
}
.prolist-item:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.prolistmain:nth-child(2n) {
background: #F5F7FA;
}
.prolistmain:nth-child(2n) .prolist-tit {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/prolist-titbg2.jpg) repeat;
}
.propagetop {
position: relative;
margin-top: 0.3rem;
margin-bottom: 0.4rem;
}
.propage-con {
width: 34.9%;
float: left;
position: relative;
}
.propage-con li .aniimg {
position: relative;
z-index: 1;
}
.propage-con li .aniimg img {
width: 80%;
margin: 0 auto;
}
.propage-con li .aniimg:after {
content: "";
display: block;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/productbg.png) no-repeat center center;
width: 4.9rem;
height: 1.1rem;
-o-background-size: cover;
background-size: cover;
left: 50%;
margin-left: -2.45rem;
z-index: -1;
bottom: 0.1rem;
}
.propage-con li:hover .aniimg img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.propage-con > span {
font-weight: bold;
font-size: 0.86rem;
color: rgba(255, 255, 255, 0.04);
text-transform: uppercase;
line-height: 1em;
position: absolute;
top: -10px;
display: block;
}
.propage-tab {
float: right;
width: 63%;
}
.propage-tab h3 {
font-size: 30px;
color: #FFF;
text-transform: uppercase;
padding-top: 20px;
font-weight: bold;
position: relative;
line-height: 1em;
margin-bottom: 0.5rem;
}
.propage-tab h3:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.02rem;
height: 2px;
background: #FFFFFF;
}
.propage-tablist li {
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.4);
height: 37px;
line-height: 37px;
color: #FFF;
padding: 0 0.25rem;
text-transform: uppercase;
font-size: 16px;
border-radius: 37px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.propage-tablist li:hover, .propage-tablist li.propage-tabact {
background: #C70166;
color: #FFF;
border-color: #C70166;
}
.propage-con li h4 {
font-size: 24px;
color: #FFF;
text-transform: uppercase;
padding-left: 13px;
border-left: 10px solid #C70166;
line-height: 28px;
font-weight: bold;
}
.propage-btn {
width: 61%;
position: absolute;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.12);
border-top-left-radius: 1.3rem;
border-bottom-left-radius: 1.3rem;
padding: 0 0.4rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.propage-btn li {
padding: 0.2rem 0;
position: relative;
}
.propage-btn li a {
display: block;
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.propage-btn li .aniimg {
width: 48%;
margin: 0 auto;
}
.propage-btn li:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.propage-btn li:hover h4 {
color: #C70166;
font-weight: bold;
}
.propage-btn .swiper-slide-active:before {
content: "";
display: block;
position: absolute;
width: 1.04rem;
height: 1.04rem;
background: #C61517;
opacity: 0.42;
border-radius: 50%;
top: -0.502rem;
left: 50%;
margin-left: -0.502rem;
}
.propage-btn h4 {
color: #FFF;
text-align: center;
font-size: 16px;
}
.propage-nextbox {
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 0.3rem;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 0.6rem;
}
.propage-nextbox .swiper-pagination {
position: static;
color: #FFF;
margin-right: 0.4rem;
font-size: 0.28rem;
width: auto;
}
.propage-nextbox .swiper-pagination-current {
font-size: 0.56rem;
}
.propage-prev {
width: 80px;
}
.propage-prev .swiper-button-prev, .propage-prev .swiper-button-next {
width: 35px;
height: 45px;
position: static;
margin: 0;
}
.propage-prev .swiper-button-prev:after, .propage-prev .swiper-button-next:after {
display: none;
}
.propage-prev .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listl.png) no-repeat center center rgba(255, 255, 255, 0.13);
margin-top: -0.45rem;
left: 0.69rem;
}
.propage-prev .swiper-button-prev:hover {
background-color: rgba(255, 255, 255, 0.34);
}
.propage-prev .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listr.png) no-repeat center center rgba(255, 255, 255, 0.13);
right: 0.69rem;
margin-top: -0.45rem;
}
.propage-prev .swiper-button-next:hover {
background-color: rgba(255, 255, 255, 0.34);
}
.propage-prev:hover .swiper-button-prev, .propage-prev:hover .swiper-button-next {
display: block;
}
.proing-item {
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.proing-item li {
width: 30.6%;
margin-right: 4.1%;
border-radius: 4px;
margin-top: 50px;
position: relative;
}
.proing-item li .aniimg {
border-radius: 4px;
position: relative;
background: #FFF;
}
.proing-item li:nth-child(3n) {
margin-right: 0;
}
.proing-item li:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.4;
}
.proing-item li:hover h4 {
font-weight: bold;
color: #C70166;
}
.proing-item li:hover span {
right: 0.2rem;
}
.proing-itemtxt {
position: absolute;
left: 0.27rem;
right: -0.07rem;
background: #FFFFFF;
border-radius: 10px;
padding: 0.23rem 0.3rem;
z-index: 2;
bottom: -0.23rem;
}
.proing-itemtxt span {
position: absolute;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 0.67rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
height: 0.32rem;
background: #C61517;
border-radius: 0px 16px 2px 0px;
top: -0.21rem;
right: 0.29rem;
}
.proing-itemtxt span img {
width: 49%;
}
.proing-itemtxt h4 {
font-size: 16px;
} .case-error {
text-align: center;
border-bottom: 1px solid #eee;
padding-bottom: 40px;
}
.case-error img {
display: inline-block;
width: 23%;
}
.case-error-p {
font-size: 18px;
color: #808080;
display: inline-block;
margin-left: 86px;
vertical-align: bottom;
}
.case-error-p p {
margin-bottom: 30px;
text-align: left;
font-size: 18px;
}
.case-error-p p:last-child {
padding-left: 35px;
}
.case-error-more {
font-size: 24px;
text-align: center;
color: #fff;
padding: 10px 0;
background: #C70166;
width: 2.3rem;
border-radius: 0.4rem;
margin: 50px auto;
}
.casesbtnbox {
position: relative;
margin-bottom: 0.7rem;
}
.casesbtn {
line-height: 30px;
margin-top: 20px;
}
.casesbtn span {
font-size: 18px;
color: #FFF;
float: left;
text-transform: uppercase;
width: 7.5%;
}
.casesbtn label {
float: left;
width: 64px;
height: 30px;
background: #F2F2F2;
font-size: 16px;
text-align: center;
line-height: 30px;
color: #4D4D4D;
margin-right: 15px;
}
.casesbtn label.casesbtnact {
background: #C70166;
color: #FFF;
}
.casesbtn ul {
overflow: hidden;
}
.casesbtn ul li {
float: left;
font-size: 15px;
color: #FAFBFB;
margin: 0px 15px;
position: relative;
padding-left: 26px;
cursor: pointer;
}
.casesbtn ul li::before {
content: "";
position: absolute;
display: block;
width: 16px;
height: 16px;
background: #FFFFFF;
border: 1px solid #B3B3B3;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
border-radius: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: 0;
top: 50%;
margin-top: -8px;
}
.casesbtn ul .casesbtnact::after {
content: "";
width: 8px;
height: 8px;
background: #BD1C21;
border-radius: 50%;
left: 4px;
top: 50%;
margin-top: -4px;
display: block;
position: absolute;
}
.casemain {
background: #FFF;
border-radius: 40px;
position: relative;
padding: 0.6rem 0.48rem;
}
.caselist-row {
padding: 0.5rem 0.2rem;
position: relative;
} .show-moe-box {
display: none;
text-align: center;
}
.show-more-btn {
cursor: pointer;
width: auto;
display: inline-block;
height: 38px;
line-height: 38px;
background: #bd1c21;
border-radius: 5px;
font-weight: normal;
font-size: 15px;
color: #FFF;
padding: 0 40px;
}
.show-more-btn:before {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/case_more.png) no-repeat;
width: 18px;
height: 18px;
display: inline-block;
margin-top: 9px;
float: left;
margin-right: 12px;
}
.show-more-btn:hover:before {
-webkit-animation: rotating 1.8s linear infinite;
-moz-animation: rotating 1.8s linear infinite;
-o-animation: rotating 1.8s linear infinite;
animation: rotating 1.8s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotating {
from {
-moz-transform: rotate(0);
transform: rotate(0);
}
to {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotating {
from {
-o-transform: rotate(0);
transform: rotate(0);
}
to {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.caselist-tit {
position: absolute;
top: -0.45rem;
padding: 0.15rem 0.2rem;
left: 0.3rem;
border-top-left-radius: 10px;
background: #FFF;
}
.caselist-tit:after {
content: "";
width: 0.67rem;
display: block;
position: absolute;
right: 0.3rem;
top: -0.21rem;
height: 0.32rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/solumore.png) no-repeat center center #C61517;
-o-background-size: 0.32rem 0.16rem;
background-size: 0.32rem 0.16rem;
border-radius: 0px 0.16rem 2px 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.caselist-tit h4 {
font-size: 18px;
line-height: 1.6em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-weight: bold;
overflow: hidden;
height: 3.2em;
}
.relate-case .caselist-tit h4{
font-weight: normal;
}
.bluebg  ul li .proing-itemtxt{
background: #F5FBFF;
}
.caselist-txt {
background: #F6FBFF;
padding: 0.2rem 0.3rem;
}
.caselist-txt p {
line-height: 1.5em;
max-height: 6em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.caselist-txt p:last-child {
height: 6em;
}
.caseslist {
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.caseslist li {
width: 31.3%;
margin-right: 3.05%;
box-shadow: 0px 0px 9px 0px rgba(26, 26, 26, 0.1);
border-radius: 0px 40px 0px 0px;
overflow: hidden;
margin-bottom: 50px;
}
.caseslist li:nth-child(3n) {
margin-right: 0;
}
.caseslist li .aniimg {
background: #FFF;
}
.caseslist li:hover .aniimg img {
opacity: 0.3;
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.caseslist li:hover h4 {
color: #C70166;
}
.caseslist li:hover .caselist-tit:after {
right: 0.25rem;
} div.zxf_pagediv {
text-align: right;
}
div.zxf_pagediv a {
font-size: 15px;
color: #666666;
padding: 3px 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.zxf_pagediv a:hover {
color: #fff;
background: #bd1c21;
}
div.zxf_pagediv span, div.zxf_pagediv a {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.current {
font-size: 16px;
color: #fff !important;
background: #bd1c21;
padding: 3px 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
}
.zxf_pagediv span {
margin: 0 10px;
}
.zxf_pagediv span, .xin-new-fenye i {
font-size: 15px;
color: #666666;
}
.zxf_pagediv i {
font-style: normal;
}
.zxfPagenum {
color: #666;
background: #fff;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 5px;
border-radius: 3px;
}
.nextpage {
margin: 0 5px;
}
.nextbtn, .prebtn, span.disabled {
font-size: 15px;
color: #666666;
padding: 3px 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
}
.prebtn {
margin-right: 10px;
}
.zxfinput {
width: 30px;
height: 29px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 0 3px;
text-align: center;
}
.zxfokbtn {
background: #bd1c21;
color: #fff !important;
margin-left: 20px;
font-size: 16px;
padding: 3px 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
}
.zxf_pagediv span {
margin: 0 4px;
}
.zxf_pagediv a {
margin: 0 4px;
}
.zxf_pagediv .nextbtn {
margin-right: 16px;
}
.zxf_pagediv .zxfinput {
margin-left: 7px;
}
.zxf_pagediv .zxfokbtn {
margin-left: 0;
}
.zxf_pagediv .nex-disabled {
margin-right: 16px;
}  .detailtop h1 {
font-size: 0.34rem;
color: #FFF;
}
.listbox-case .detailtop h1 {
display: flex;
align-items: center;
min-height: 62px;
}
.listbox-case .detailtop h1 span{
font-size: 0.3rem;
line-height: 1.2em;
}
.listbox-case .detailtop-txt{
margin-top: .5rem;
}
.listbox-fitt .detailtop-txt{
margin-top: 0;
}
.detailtop .listtoptit {
padding-left: 0.4rem;
}
.detailtop .listtoptit::before {
display: none;
}
.detailtop-txt p {
color: #FFF;
font-size: 16px;
padding-left: 20px;
position: relative;
height: auto;
margin-bottom: 1.3em;
text-overflow: initial;
display: block;
-webkit-box-orient: initial;
-webkit-line-clamp: initial;
}
.detailtop-txt p>a{
color: #FFF;
}
.detailtop-txt p>a:hover{
font-weight: bold;
}
.detailtop-txt p::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5.5px 0 5.5px 9px;
border-color: transparent transparent transparent #fff;
left: 0;
top: 0.5em;
}
.detailbot {
position: relative;
z-index: 4;
width: 100%;
}
.detailtab {
width: 100%;
position: absolute;
bottom: -1px;
}
.detailbot-solu .detailtab{
bottom: -32px;
}
.soludetailbot .detailtab{
position: static;
}
.soludetailbot .detailtab-fixed{
position: fixed;
}
.detailbot-case{
position: static;
}
.detailbot-case .detailtab{
position: static;
}
.detailtab ul {
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
background: #FFF;
box-sizing: content-box;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
justify-content: center;
}
.detailtab ul li {
width: 16.6%;
height: 46px;
line-height: 46px;
text-align: center;
position: relative;
}
.detailtab ul li:after {
content: "";
display: block;
position: absolute;
width: 2px;
height: 20px;
background: #1A1A1A;
right: 0;
top: 50%;
margin-top: -10px;
}
.detailtab ul li:last-child:after {
display: none;
}
.detailtab ul li a {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
display: block;
}
.detailtab ul li a span {
display: inline-block;
position: relative;
padding-left: 16px;
}
.detailtab ul li a span:before {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
background: #C61517;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -3px;
}
.detailtab ul li:hover a {
color: #C70166;
}
.detailtab ul .listtabact {
background: #C70166;
}
.detailtab ul .listtabact:after {
display: none;
}
.detailtab ul .listtabact a {
color: #FFF;
}
.detailtab ul .listtabact a span::before {
background-color: #FFF;
}
.detailtab ul .listtabact:hover a {
color: #FFF;
}
.detailtab-fixed {
position: fixed;
top: 0;
width: 100%;
height:46px;
left: 0;
margin-top: 0;
z-index: 6;
background: #FFF;
}
.detailtab-fixed ul {
padding-top: 0;
}
.detail-row h3 {
font-size: 26px;
text-transform: uppercase;
font-weight: bold;
color: #1A1A1A;
padding-top: 20px;
display: inline-block;
position: relative;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/detailtitbg.png) no-repeat left top;
padding-bottom: 11px;
margin-bottom: 40px;
}
.detail-row h3:after {
content: "";
display: block;
position: absolute;
width: 1.11rem;
height: 1px;
background: #C61517;
bottom: 0;
right: 0;
}
.videobox {
width: 68.5%;
margin: 0 auto 50px;
}
.videobox iframe {
width: 100%;
height: 4.33rem;
}
.descriptlist li {
margin-left: 0.94rem;
padding: 0.2rem 0.7rem;
background: #FFFFFF;
box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.1);
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.descriptlist li>span {
position: absolute;
height: 0.76rem;
border-top: 0.07rem solid #C70166;
left: 0;
display: block;
z-index: -1;
top: -0.07rem;
left: -0.94rem;
width: 100%;
}
.descriptlist li>span i {
display: block;
width: 0.94rem;
text-align: center;
height: 100%;
background: #C70166;
font-size: 0.46rem;
color: #FFF;
line-height: 0.69rem;
height: 0.69rem;
}
.descriptlist li h4 {
font-size: 24px;
margin-bottom: 0.2rem;
font-weight: bold;
}
.descript-con {
font-size: 15px;
}
.furcasebox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/fulcasebg.jpg) no-repeat top center;
padding-bottom: 0;
}
.furcasebox .detail-row h3 {
color: #FFF;
}
.relate-case li {
margin-bottom: 0;
box-shadow: none;
padding-bottom: 0.45rem;
}
.relate-case li .caselist-row {
padding: 0;
}
.flowbox {
padding: 0.5rem 0;
position: relative;
}
.flowbox > img {
width: auto;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.flowpic {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 58.1%;
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.2);
background: #FFF;
z-index: 1;
position: relative;
padding: 0.3rem;
}
.flowpic:before {
content: "";
display: block;
position: absolute;
right: -13px;
bottom: -7px;
z-index: -1;
border-right: 13px solid #C70166;
border-bottom: 7px solid #C70166;
width: 95.5%;
top: 9px;
}
.flowpic i {
display: block;
width: 40px;
position: absolute;
right: 0.68rem;
bottom: 0.3rem;
}
.flowrow {
padding-left: 0.5rem;
padding-right: 0.5rem;
background: #FFF;
padding-bottom: 0;
box-sizing: content-box;
}
.furcaselist {
padding-left: 0.5rem;
padding-right: 0.5rem;
background: #FFF;
padding-bottom: 0;
}
.furcaselist-case{
padding: 0;
background: none;
}
.flowpic-con {
height: 6.06rem;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #C70166;
}
.flowpic-con::-webkit-scrollbar {
width: 2px;
height: 14px;
}
.flowpic-con::-webkit-scrollbar-track {
background: #E9EEF2;
}
.flowpic-con::-webkit-scrollbar-thumb {
min-height: 20px;
background-clip: content-box;
background-color: #C70166;
width: 4px;
}
.flowpic-con::-webkit-scrollbar-corner {
background: transparent;
}
.flowpic-con::-webkit-scrollbar-track:hover {
background: #ccc;
}
.bluebg {
background: #F5FBFF;
}
.relate-solu ul {
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.relate-solu li {
width: 31.3%;
margin-right: 3.05%;
margin-bottom: 0.4rem;
position: relative;
}
.relate-solu li:nth-child(3n) {
margin-right: 0;
}
.relate-solu li .solulisttxt {
padding-left: 0.3rem;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
height: 36px;
}
.relate-solu li .solulisttxt h4 {
font-size: 18px;
line-height: 36px;
}
.relate-solu li .solulisttxt:after {
border-width: 36px 0 0 30px;
}
.relate-solu li:hover .solulisttxt {
background: #C70166;
}
.relate-solu li:hover .solulisttxt::after {
border-color: transparent transparent transparent #C70166;
}
.relate-solu li:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.relate-pro ul li {
width: 23.3%;
margin-right: 2.26%;
margin-top: 0;
}
.relate-pro ul li:nth-child(3n) {
margin-right: 2.26%;
}
.relate-pro ul li:nth-child(4n) {
margin-right: 0;
}
.relate-pro ul li .proing-itemtxt {
padding-top: 15px;
padding-bottom: 15px;
}
.relate-pro ul li .proing-itemtxt span {
width: 0.51rem;
height: 0.24rem;
top: -16px;
}
.relate-news ul {
position: relative;
}
.relate-news ul::before {
content: "";
display: block;
width: 1px;
background: #E6E6E6;
height: 100%;
top: 0;
left: 50%;
position: absolute;
}
.relate-news li {
width: 45%;
margin: 15px 0;
}
.relate-news li a {
display: block;
font-size: 15px;
padding-left: 30px;
position: relative;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.relate-news li a::before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 15px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/duihao.png) no-repeat 0 0;
left: 0;
top: 50%;
margin-top: -7px;
}
.relate-news li a:hover {
color: #C70166;
}
.relate-news li a:hover:before {
background-position: -15px 0;
}
.advantages {
border-left: 1px dashed #C70166;
}
.advantages li {
position: relative;
padding: 10px 0;
padding-left: 20px;
font-size: 15px;
}
.advantages li p {
font-size: 15px;
}
.advantages li:before {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
background: #C61517;
border: 2px solid #FFFFFF;
border-radius: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: -5px;
top: 18px;
margin-top: -4px;
}
.structurebox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/detailprobg.jpg) no-repeat;
}
.structurebox h3 {
color: #FFF;
}
.structurepic {
width: 29.2%;
border: 2px solid #F1F6FD;
position: relative;
}
.structurepic i {
display: block;
position: absolute;
width: 34px;
right: 30px;
bottom: 17px;
}
.structuretxt {
width: 65%;
}
.structuretxt p {
font-size: 15px;
}
.table {
width: 100%;
margin: 15px auto;
border-collapse: collapse;
border: 1px solid #ddd;
line-height: 2em;
}
.table th {
text-align: center;
padding: 5px;
border: 1px solid #ddd;
font-weight: normal;
font-size: 14px;
}
.table td {
text-align: center;
padding: 3px;
border: 1px solid #ddd;
font-size: 14px;
}
.table tr:nth-child(odd) {
background-color: rgb(241, 241, 241) !important;
}
.table tr:nth-child(even) {
background-color: rgb(255, 255, 255) !important;
}
.table tr:hover {
background-color: rgb(211, 31, 43) !important;
color: #fff !important;
}
.downbox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/loadbg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
padding: 20px 0;
margin-top: 40px;
}
.downbox > a {
font-size: 18px;
color: #FFF;
margin-right: 40px;
text-transform: uppercase;
font-weight: bold;
}
.downbox > a img {
width: auto;
display: inline-block;
width: 18px;
margin-right: 10px;
vertical-align: middle;
}
.downleft h4 {
color: #FFF;
font-weight: bold;
line-height: 24px;
float: left;
padding: 0 40px;
font-size: 18px;
}
.downleft span {
font-size: 18px;
color: #FFF;
display: block;
float: left;
line-height: 24px;
border-left: 1px solid #FFF;
padding: 0 40px;
}
.bluebg .caselist-tit {
background: #F5FBFF;
}
.sultbox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/sultbg.jpg) no-repeat center top;
padding-bottom: 0;
}
.sultbox h3 {
color: #FFF;
}
.sultbox p {
color: #FFF;
}
.sultpic {
background: #FFF;
margin-top: 0.5rem;
padding-left: .8rem;
box-sizing: border-box;
padding-right: .8rem;
padding-bottom: .4rem;
overflow: hidden;
}
.sultpic .swiper{
width: 100%;
}
.sultpic .swiper li{
background: #FFF;
width:58%;
}
.sultpic .swiper li img{
opacity: .4;
}
.sultpic .swiper .swiper-slide-active img{
opacity: 1;
}
.sultpic .swiper-button-prev:after{
display: none;
}
.sultpic .swiper-button-next::after{
display: none;
}
.sultpic .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listl.png) no-repeat center center rgba(0, 0, 0, 0.4);
margin-top: -30px;
left: 0;
width: 35px;
opacity: 1;
height: 60px;
}
.sultpic .swiper-button-prev:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.sultpic .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listr.png) no-repeat center center rgba(0, 0, 0, 0.4);
right: 0;
margin-top: -30px;
opacity: 1;
width: 35px;
height: 60px;
}
.sultpic .swiper-button-next:hover {
background-color: rgba(0, 0, 0, 0.7);
}  .liuyan-row {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/liuyanbg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
}
.liuyan-row .content {
background: #FFFFFF;
box-shadow: 0px 0px 10px 0px rgba(104, 5, 6, 0.24);
border-radius: 8px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.6rem 0.76rem;
}
.liuyan-row h3 {
font-size: 0.36rem;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0.2rem;
line-height: 1em;
}
.liuyan-row p {
font-size: 18px;
}
.liuyanitem {
margin-top: 0.4rem;
}
.liuyanitem > li {
background: #F1F8FF;
border-radius: 4px;
min-height: 40px;
width: 100%;
margin-bottom: 15px;
padding: 0 20px;
font-size: 15px;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 40px;
}
.liuyanitem > li span {
color: #C70166;
}
.liuyanitem p {
line-height: 40px;
color: #999;
width: 75%;
font-size: 16px;
display: inline-block;
}
.liuyanitem input {
line-height: 40px;
display: inline-block;
width: 75%;
font-size: 15px;
background: none;
border: 0 none;
}
.liuyanitem input::-webkit-input-placeholder {
color: #999;
}
.liuyanitem input:-moz-placeholder {
color: #999;
}
.liuyanitem input::-moz-placeholder {
color: #999;
}
.liuyanitem input:-ms-input-placeholder {
color: #999;
}
.liuyanitem input::placeholder {
color: #999;
}
.liuyanitem textarea {
display: block;
border: 0 none;
width: 93%;
font-size: 15px;
float: left;
padding: 12px 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none;
}
.liuyanitem textarea::-webkit-input-placeholder {
color: #999;
}
.liuyanitem textarea:-moz-placeholder {
color: #999;
}
.liuyanitem textarea::-moz-placeholder {
color: #999;
}
.liuyanitem textarea:-ms-input-placeholder {
color: #999;
}
.liuyanitem textarea::placeholder {
color: #999;
}
.liuyanitem label {
float: left;
}
.liuyanitem .select-btn:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5.5px 0 5.5px;
border-color: #333 transparent transparent transparent;
right: 20px;
position: absolute;
top: 50%;
margin-top: -4px;
}
.liuyanitem .selectbox {
position: absolute;
top: 40px;
width: 100%;
z-index: 3;
border-radius: 4px;
background: #F1F8FF;
left: 0;
padding: 10px 0;
max-height: 15em;
overflow: auto;
box-shadow: 0px 0px 4px 0px rgba(159, 159, 159, 0.4);
scrollbar-width: thin;
scrollbar-color: #C70166;
display: none;
}
.liuyanitem .selectbox::-webkit-scrollbar {
width: 3px;
height: 14px;
}
.liuyanitem .selectbox::-webkit-scrollbar-track {
background: #cbd1d4;
}
.liuyanitem .selectbox::-webkit-scrollbar-thumb {
min-height: 20px;
background-clip: content-box;
background-color: #999999;
width: 4px;
border-radius: 4px;
}
.liuyanitem .selectbox::-webkit-scrollbar-corner {
background: transparent;
}
.liuyanitem .selectbox::-webkit-scrollbar-track:hover {
background: #ccc;
}
.liuyanitem .selectbox li {
padding: 0 10px;
line-height: 35px;
cursor: pointer;
font-size: 15px;
}
.liuyanitem .selectbox li:hover, .liuyanitem .selectbox li.selectact {
background: #d9e2e9;
}
.liuyanitem .firstitem {
width: 31.6%;
}
.liuyanitem .seconditem {
width: 48.6%;
}
.liuyanitem .lybtnbox {
width: 100%;
margin-top: 30px;
background: none;
text-align: center;
}
.liuyanitem .lybtnbox input {
display: inline-block;
border: 0 none;
width: 190px;
height: 40px;
background: #BD1C21;
border-radius: 6px;
font-size: 18px;
color: #FFF;
font-weight: bold;
text-align: center;
text-transform: uppercase;
margin: 0 10px;
cursor: pointer;
}
.liuyanitem .lybtnbox .last_can {
background: #CCCCCC;
}
.liuyanitem .lybtnbox input:hover {
opacity: 0.8;
}  .aboutbox {
position: relative;
z-index: 2;
margin-top: 20px;
}
.abouttit {
font-size: 1.32rem;
font-weight: bold;
color: rgba(255, 255, 255, 0.2);
text-transform: uppercase;
line-height: 1em;
}
.abouttabbox {
position: relative;
overflow: hidden;
margin-top: 0.3rem;
}
.abouttabbox:before {
content: "";
display: block;
border-top: 9px solid #C70166;
position: absolute;
right: 0;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
width: 30%;
}
.abouttabbox .content {
padding-left: 0.2rem;
padding-bottom: 0.7rem;
position: relative;
}
.abouttabbox .content span {
position: absolute;
left: 0;
background: #FFF;
border-top-left-radius: 40px;
height: 100%;
width: 100%;
top: 0;
overflow: hidden;
}
.abouttabbox .content span::before {
content: "";
height: 9px;
width: 100%;
display: block;
position: absolute;
top: 0;
background: #C70166;
left: 0;
}
.abouttabtxt {
margin-top: 15px;
text-align: center;
}
.abouttabtxt h4 {
display: inline-block;
padding-left: 25px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/prolistbg.png) no-repeat left center;
font-size: 18px;
}
.abouttab li {
width: 17.4%;
float: left;
margin-left: 2.6%;
position: relative;
}
.abouttab li:hover, .abouttab li.abouttabact {
padding-bottom: 32px;
}
.abouttab li:hover .aniimg img, .abouttab li.abouttabact .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.abouttab li:hover .abouttabtxt, .abouttab li.abouttabact .abouttabtxt {
width: 100%;
bottom: 32px;
position: absolute;
border-radius: 10px;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 0;
background: rgba(14, 22, 36, 0.9);
left: 0;
margin-top: 0;
}
.abouttab li:hover .abouttabtxt h4, .abouttab li.abouttabact .abouttabtxt h4 {
background: none;
padding-left: 0;
color: #FFF;
font-size: 22px;
text-align: center;
}
.abouttab .aniimg {
border-radius: 10px;
}
.companybox {
margin-top: 0.5rem;
position: relative;
padding-bottom: 87px;
}
.companypic {
width: 46%;
float: left;
}
.companytxt {
float: right;
width: 47%;
padding: 0.4rem 0;
}
.companytxt p {
font-size: 16px;
line-height: 1.7em;
}
.companylist {
position: absolute;
background: #C70166;
width: 92%;
right: 0;
bottom: 0;
padding: 26px 0;
}
.companylist li {
text-align: center;
width: 25%;
border-right: 1px solid rgba(255, 255, 255, 0.32);
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.companylist li:last-child {
border: 0 none;
}
.companylist h4 {
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 0.4rem;
display: inline-block;
padding: 5px 0;
position: relative;
margin-bottom: 5px;
}
.companylist h4:after {
content: "";
display: block;
position: absolute;
height: 1px;
background: #FFF;
width: 83%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.companylist p {
font-size: 16px;
color: #FFF;
}
.companylist img {
width: 0.4rem;
margin: 0 auto;
}
.aboutepc {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/about2bg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
}
.aboutepc-row {
margin-top: 0.5rem;
position: relative;
}
.aboutepc-row > img {
position: absolute;
width: 46.6%;
top: 0;
right: 0;
border: 1px solid #FFF;
}
.aboutepc-row > p {
color: #FFF;
width: 46.2%;
font-size: 16px;
}
.abepclist {
margin-top: 0.4rem;
background: #FFF;
width: 69.1%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.2rem 0.8rem;
}
.abepclist li {
overflow: hidden;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: .3rem 0;
}
.abepclist li img {
width: 0.49rem;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
}
.abepclist li h3 {
color: #C70166;
font-size: 0.48rem;
font-weight: bold;
margin-right: 20px;
}
.abepclist li h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.abepclist li a {
display: block;
font-size: 15px;
padding-left: 14px;
position: relative;
cursor:auto;
}
.abepclist li a[herf] {
cursor: pointer;
}
.abepclist li a[herf]:hover {
color: #C70166;
}
.abepclist li a:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
background: #C70166;
border-radius: 50%;
left: 0;
top: 0.4em;
}
.abepclisttxt {
border-left: 1px solid #4D4D4D;
padding-left: 15px;
}
.culturepic {
width: 50%;
}
.culturelist {
width: 44.5%;
}
.culturelist li {
margin: 55px 0;
}
.culturelist li h4 {
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
}
.culturelist li img {
width: 32px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.culturebox .titbox {
margin-bottom: 0.5rem;
}
.catebox {
margin-top: 0.5rem;
}
.certificate-six {
margin-top: 30px;
}
.certificate-six li {
padding: 7px 5px;
border: 1px solid #E6E6E6;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 13.5%;
}
.certificate-four li {
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
width: 23.2%;
padding: 3px 5px;
}
.certificatetxt {
-webkit-align-items: initial;
-moz-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
margin-top: 40px;
}
.certificatetxt div {
background: #F1F8FF;
padding: 10px 50px;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.certificatetxt ul li {
position: relative;
padding-left: 20px;
font-size: 14px;
margin: 20px 0;
}
.certificatetxt ul li:before {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
background: #C70166;
border-radius: 3px;
left: 0;
top: 5px;
}
.certificatetxt-left {
width: 57.4%;
}
.certificatetxt-right {
width: 38.5%;
}
.patentsbox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/patentsbg.jpg) no-repeat center top;
}
.patentsbox .content {
margin-top: 0.5rem;
}
.patentsbox p {
color: #FFF;
}
.patentspic {
margin-top: 0.6rem;
position: relative;
}
.patentspic li {
box-shadow: 0px 0px 30px 0px rgba(3, 0, 3, 0.3);
}
.patentspic .patentspic-cen {
width: 27.1%;
margin: 0 auto;
position: relative;
z-index: 3;
}
.patentspic .patentspic1 {
position: absolute;
left: 0;
width: 17.8%;
bottom: 0;
box-shadow: 0px 0px 10px 0px rgba(3, 0, 3, 0.13);
}
.patentspic .patentspic2 {
width: 17.8%;
position: absolute;
right: 0;
bottom: 0;
box-shadow: 0px 0px 10px 0px rgba(3, 0, 3, 0.13);
}
.patentspic .patentspic3 {
width: 23%;
position: absolute;
left: 16.5%;
bottom: 0;
box-shadow: 0px 0px 20px 0px rgba(3, 0, 3, 0.25);
}
.patentspic .patentspic4 {
width: 23%;
position: absolute;
right: 16.5%;
bottom: 0;
box-shadow: 0px 0px 20px 0px rgba(3, 0, 3, 0.25);
}
.honorbox {
padding-top: 0;
}
.honorbox .titbox {
margin-bottom: 0.5rem;
}
.honorpic {
margin-top: 0.5rem;
}
.honorpic li {
width: 23.5%;
margin-bottom: 20px;
}
.honorpic2 li {
width: 18.3%;
}
.advantagebox {
padding-bottom: 0;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/ourbg.jpg) no-repeat center top;
}
.advanlist {
margin-top: 0.5rem;
margin-bottom: 0.8rem;
}
.advanlist li {
width: 29.9%;
position: relative;
}
.advanlist li .aniimg {
border: 1px solid #FFFFFF;
}
.advanlist li h4 {
height: 50px;
line-height: 50px;
background: #C70166;
color: #FFF;
text-align: center;
font-size: 22px;
position: absolute;
left: 35px;
right: 35px;
bottom: -25px;
}
.advanlist li:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.ouritemtit {
text-align: center;
margin-bottom: 0.3rem;
}
.ouritemtit h3 {
display: inline-block;
color: #C70166;
font-size: 0.34rem;
font-weight: bold;
position: relative;
}
.ouritemtit h3::before {
content: "";
display: block;
position: absolute;
width: 60px;
height: 2px;
background: #C70166;
left: -80px;
top: 50%;
margin-top: -1px;
}
.ouritemtit h3::after {
content: "";
display: block;
position: absolute;
width: 60px;
height: 2px;
background: #C70166;
right: -80px;
top: 50%;
margin-top: -1px;
}
.ouritem {
background: #FFF;
padding-left: 0.7rem;
padding-right: 0.7rem;
padding-bottom: 0.4rem;
}
.ouritem img {
margin: 35px 0;
}
.ouritem h4 {
font-size: 22px;
font-weight: bold;
padding-left: 25px;
position: relative;
margin-top: 25px;
margin-bottom: 15px;
}
.ouritem h4:before {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
background: #C70166;
border-radius: 50%;
left: 0;
top: 0.3em;
}
.ouritem p {
line-height: 1.5em;
font-size: 15px;
}
.ouritemleft {
width: 31.7%;
}
.ouritemleft img:first-child {
margin-top: 0;
}
.ouritemleft p {
padding-left: 25px;
}
.ouritemright {
width: 63.5%;
}
.bluebg .ouritem {
background: none;
}
.jssltxt {
margin-top: 0.5rem;
position: relative;
}
.jssltxt:before {
content: "";
display: block;
position: absolute;
background: #C70166;
height: 2.07rem;
width: 29.8%;
left: 0;
top: 0;
}
.jssltxt p {
font-size: 16px;
width: 72.4%;
margin-left: 27.6%;
}
.fzlcbox {
margin-top: 0.5rem;
}
.fzlctab {
width: 82px;
border-left: 1px solid #CCC;
padding: 3px 0;
position: sticky;
float: right;
top: 1rem;
}
.fzlctab li {
font-size: 22px;
color: #4D4D4D;
padding-left: 22px;
margin: 10px 0;
position: relative;
cursor: pointer;
}
.fzlctab li:before {
content: "";
display: block;
position: absolute;
width: 6px;
height: 0;
background: #C70166;
left: -3px;
top: 50%;
margin-top: -12px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.fzlctab .tabact {
color: #C70166;
font-weight: bold;
}
.fzlctab .tabact:before {
height: 24px;
}
.fzlccon {
width: 87%;
position: relative;
float: left;
}
.fzlcline {
width: 1px;
height: 100%;
background: #999999;
position: absolute;
top: 12px;
left: 0;
}
.fzlcline i {
font-style: normal;
width: 2px;
background: #C70166;
display: block;
max-height: 100%;
}
.fzlcbgtxt {
font-size: 5.15rem;
color: rgba(230, 230, 230, 0.3);
font-weight: bold;
position: fixed;
top: 50%;
left: 48%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
display: none;
}
.fzlcitem li {
padding-bottom: 0.4rem;
padding-left: 33px;
}
.fzlcitem li h5 {
font-size: 36px;
font-weight: bold;
color: #1A1A1A;
position: relative;
margin-bottom: 0.9rem;
}
.fzlcitem li h5:before {
content: "";
display: block;
position: absolute;
width: 21px;
height: 21px;
background: #FFFFFF;
border: 2px solid #1A1A1A;
border-radius: 50%;
left: -44px;
top: 50%;
margin-top: -11px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fzlcitem li h5:after {
content: "";
display: block;
position: absolute;
width: 11px;
height: 11px;
background: #1A1A1A;
border-radius: 50%;
left: -39px;
top: 50%;
margin-top: -6px;
}
.fzlcitem .fzlcitem-act h5 {
color: #C70166;
}
.fzlcitem .fzlcitem-act h5:before {
border-color: #C70166;
}
.fzlcitem .fzlcitem-act h5:after {
background: #C70166;
}
.fzlcitem-list {
margin-bottom: 0.6rem;
}
.fzlcitem-list span {
font-size: 24px;
display: block;
float: left;
width: 15%;
line-height: 30px;
}
.fzlcitem-list .fzlcitem-con {
float: left;
width: 85%;
}
.fzlcitem-list .fzlcitem-con h4 {
line-height: 30px;
font-size: 18px;
}
.fzlcitem-list .fzlcitem-pic img {
margin-top: 35px;
max-width: 46%;
float: left;
margin-right: 4%;
width: auto;
}
.jsslpic {
width: 39.2%;
position: relative;
z-index: 3;
margin-top: 0.3rem;
float: left;
}
.jsslbanbox {
padding-bottom: 0.45rem;
}
.jsslban {
float: right;
width: 51%;
margin-top: 0.8rem;
position: relative;
}
.jsslban .swiper-wrapper, .jsslban .swiper-container {
overflow: visible;
}
.jsslban li {
position: relative;
}
.jsslban li img {
margin-bottom: 0.3rem;
}
.jsslbantxt {
margin-top: 0.4rem;
height: 1.02rem;
line-height: 1.02rem;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/jsslbg.jpg) no-repeat;
left: -3.11rem;
right: -5rem;
padding-left: 3.11rem;
}
.jsslbantxt h6 {
font-size: 22px;
color: #FFF;
}
.jsslban-tit {
position: relative;
padding-right: 1.4rem;
text-align: right;
}
.jsslban-tit i {
font-size: 1.15rem;
font-weight: bold;
color: #C70166;
font-style: normal;
opacity: 0.16;
position: absolute;
right: 0;
bottom: 10px;
}
.jsslban-tit h4 {
font-weight: bold;
text-transform: uppercase;
text-align: left;
font-size: 0.28rem;
}
.jsslban-tit h5 {
font-size: 0.34rem;
font-weight: bold;
line-height: 1.1em;
background: #C70166;
text-align: left;
color: #FFF;
display: inline-block;
padding: 3px 0.2rem;
text-transform: uppercase;
margin-top: 0.2rem;
margin-bottom: 0.4rem;
}
.jsslban-tit h5 span {
line-height: 1.1em;
font-size: 0.26rem;
display: block;
}
.jsslban-btn {
width: 1.48rem;
position: absolute;
left: -0.74rem;
top: 60%;
}
.jsslban-btn .swiper-button-prev, .jsslban-btn .swiper-button-next {
position: static;
margin: 0;
background: none;
width: 50%;
height: 0.5rem;
opacity: 1;
cursor: pointer;
}
.jsslban-btn .swiper-button-prev:hover, .jsslban-btn .swiper-button-next:hover {
opacity: 0.8;
}
.jsslban-btn .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/jsslleft.png) no-repeat center center #07101F;
}
.jsslban-btn .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/jsslright.png) no-repeat center center #C70166;
}
.jsslban-btn .swiper-pagination {
margin-top: 15px;
padding-left: 15px;
}
.jsslban-btn .swiper-pagination-bullet-active {
background: #C70166;
}
.jsslban-btn .swiper-pagination-bullet {
margin: 0 3px;
}
.teambox > P {
margin-top: 0.5rem;
}
.teamtxt {
width: 48.5%;
}
.teamtxt h3 {
font-size: 0.42rem;
font-weight: bold;
margin-bottom: 15px;
}
.teamtxt span {
display: inline-block;
background: #C70166;
color: #FFF;
height: 32px;
line-height: 32px;
padding: 0 14px;
font-size: 22px;
}
.teamtxt ul {
margin-top: 0.4rem;
}
.teamtxt ul li {
padding-left: 30px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/teamdh.png) no-repeat left 0.5em;
line-height: 2em;
margin-bottom: 1em;
}
.teamhonor img:nth-child(1) {
width: 32.5%;
}
.teamhonor img:nth-child(2) {
width: 64.6%;
}
.teampic {
width: 49.2%;
}
.teampic p {
margin-top: 0.6rem;
padding-left: 0.4rem;
padding-right: 0.3rem;
}
.teamcon {
margin-top: 0.4rem;
}
.seniorbox .titbox {
margin-bottom: 0.5rem;
}
.seniorpic {
width: 35.5%;
}
.seniortxt {
width: 59.8%;
}
.seniortxt h4 {
font-size: 0.42rem;
font-weight: bold;
margin-bottom: 15px;
}
.seniortxt span {
display: inline-block;
background: #C70166;
color: #FFF;
height: 32px;
line-height: 32px;
margin-right: 10px;
font-size: 20px;
padding: 0 15px;
}
.seniortxt ul {
margin-top: 0.6rem;
}
.seniortxt ul li {
font-size: 15px;
margin-top: 0.2rem;
padding-left: 0.4rem;
position: relative;
line-height: 2em;
}
.seniortxt ul img {
width: auto;
display: inline-block;
position: absolute;
left: 0;
top: 0.4em;
}
.senioritem {
padding: 0.6rem 0;
background: #F1F6FC;
}
.senioritem:nth-child(2n+1) {
background: #FFF;
}
@media screen and (min-width: 1001px){
}
.senioritem:nth-child(2n+2) .content .wap-flex{
flex-direction: row-reverse;
}
.senioritem p {
font-size: 15px;
margin-top: 0.4rem;
}
.senioritem p b {
font-size: 18px;
color: #C70166;
}
.seniorlistpic {
width: 16.2%;
position: relative;
}
.seniorlistpic span {
position: absolute;
display: block;
height: 30px;
line-height: 30px;
color: #FFF;
text-align: center;
background: #C70166;
right: 0;
width: 50%;
bottom: 20px;
}
.seniorlistpic span img {
width: 19px;
vertical-align: middle;
display: inline-block;
vertical-align: middle;
}
.seniorlist > li {
border-bottom: 1px solid #E9EDF2;
padding: 25px 0;
cursor: pointer;
position: relative;
}
.seniorlist > li:last-child {
border-bottom: 0 none;
padding-bottom: 0;
}
.seniorlist .seniortxt {
width: 80.4%;
}
.seniorlist .seniortxt h4 {
font-size: 0.3rem;
}
.seniorlist .seniortxt span {
font-size: 16px;
height: 22px;
line-height: 22px;
}
.seniorlist .seniortxt ul {
margin-top: 0.4rem;
}
.seniorlist .seniortxt ul li {
margin-top: 0.15rem;
}
.levelbox .titbox {
margin-bottom: 0.5rem;
}
.about-achieve{
border-top: 1px solid #f2f2f2;
margin-top: .3rem;
padding-top: .3rem;
display: none;
}
.about-achieve b{
color: #C70166;
}
.about-achieve p{
font-size: 15px;
}  .epcmotop {
position: relative;
z-index: 2;
padding-top: 0.58rem;
}
.epcmotop .companylist {
right: auto;
bottom: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -10%);
-moz-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
-o-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
.epcmopic {
width: 61.8%;
}
.epcmopic img {
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 12px solid #FFF;
border-bottom: 0 none;
}
.epcmopic p {
width: 86%;
line-height: 2em;
margin-top:1.4rem;
}
.epcmotxt {
width: 38.2%;
}
.epcmotxt2 {
width: 73%;
text-align: center;
margin: -1rem auto 0;
}
.epcmotxt2 h3 {
font-size: 0.43rem;
color: #FFF;
line-height: 0.55rem;
padding: 0 0.1rem;
text-align: left;
}
.epcmotxt2 h1 {
font-weight: bold;
background: rgba(255, 255, 255, 0.15);
color: #FFF;
font-size: 0.72rem;
margin-top: 0.2rem;
padding: 0 0.3rem;
display: inline-block;
}
.epcmotxt2 h4 {
color: #FFF;
text-align: right;
font-size: 0.36rem;
margin-top: 0.15rem;
}
.epcmolist li {
position: relative;
}
.epcmolist li i {
position: absolute;
display: block;
font-size: 0.46rem;
font-weight: bold;
color: #FFF;
width: 0.84rem;
height: 1.09rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epclistbg.png) no-repeat;
-o-background-size: cover;
background-size: cover;
font-style: normal;
text-align: center;
left: 50%;
top: 0;
padding-top: 0.2rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: -0.42rem;
}
.epcmolistpic {
width: 50%;
}
.epcmolisttxt {
width: 41.3%;
padding-right: 0.4rem;
}
.epcmolisttxt h4 {
font-size: 0.36rem;
font-weight: bold;
line-height: 1em;
margin-bottom: 0.3rem;
}
.epcmolisttxt p {
font-size: 15px;
}
.epcmobtn {
margin-top: 0.15rem;
}
.epcmobtn a {
display: inline-block;
text-align: center;
height: 38px;
margin-top: 0.15rem;
line-height: 38px;
background: #091220;
border-radius: 4px;
padding: 0 0.15rem;
font-size: 16px;
margin-right: 0.18rem;
cursor: auto;
color: #FFF;
}
.epcmobtn a img {
width: auto;
display: inline-block;
margin-right: 8px;
}
.epcmobtn a[href]{
cursor: pointer;
}
.epcmobtn a[href]:hover {
background: #C70166;
}
.quanqiubox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/qiubg.jpg) no-repeat center top;
}
.quanqiucon {
background: #FFF;
padding-left: 50px;
padding-right: 50px;
position: relative;
margin-top: 0.6rem;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.quanqiupic {
width: 45.8%;
}
.quanqiutxt {
width: 45%;
position: relative;
padding-left: 0.6rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.quanqiutxt span {
font-size: 0.9rem;
font-weight: bold;
color: #C70166;
text-transform: uppercase;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.quanqiutxt h4 {
font-size: 0.3rem;
color: #C70166;
text-transform: uppercase;
}
.quanqiutxt p {
font-size: 0.24rem;
}
.quanqiulist {
width: 58.5%;
position: absolute;
bottom: 0.55rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/quanqiubg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.6rem 0.5rem;
}
.quanqiulist li {
width: 28.6%;
}
.quanqiulist li span {
display: block;
width: 47px;
height: 47px;
background: #FFF;
border-radius: 50%;
font-size: 0.36rem;
text-align: center;
line-height: 47px;
color: #C70166;
font-weight: bold;
margin-top: 20px;
}
.quanqiulist li:last-child {
width: 33.4%;
}
.quanqiulist li div {
background: #FFF;
padding: 20px 30px;
border-radius: 10px 10px 10px 0px;
min-height: 4.5em;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.quanqiulist li div p {
line-height: 1.5em;
}
.quanqiulist li div::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 28px 0 0;
border-color: #fff transparent transparent transparent;
position: absolute;
bottom: -20px;
left: 0;
}
.epctit {
margin-bottom: 0.5rem;
}
.epctit h3 {
position: relative;
background: #C70166;
display: inline-block;
color: #FFF;
font-size: 24px;
height: 46px;
line-height: 46px;
text-transform: uppercase;
padding-left: 20px;
padding-right: 15px;
font-weight: bold;
}
.epctit h3::after {
content: "";
display: block;
position: absolute;
right: -20px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 23px 0 23px 20px;
border-color: transparent transparent transparent #C70166;
}
.epc-solupic {
width: 33.5%;
position: relative;
}
.epc-solulist {
position: absolute;
bottom: 0.9rem;
right: -1.78rem;
z-index: 1;
}
.epc-solulist ul {
position: relative;
z-index: 2;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/quanqiupic3.jpg) no-repeat;
padding: 0.8rem 0.3rem;
-o-background-size: cover;
background-size: cover;
}
.epc-solulist li {
font-size: 18px;
border-bottom: 1px solid rgba(255, 255, 255, 0.43);
padding: 0.3rem 0;
color: #FFF;
}
.epc-solulist li b {
font-size: 0.4rem;
display: inline-block;
margin-right: 10px;
}
.epc-solulist li:last-child {
border-bottom: 0 none;
}
.epc-solulist:before {
content: "";
display: block;
background: #FFF;
left: -0.17rem;
bottom: -0.17rem;
top: -0.14rem;
right: 0.64rem;
position: absolute;
z-index: -1;
}
.epc-solutxt {
width: 66.5%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.epc-solutxt h4 {
font-size: 0.3rem;
font-weight: bold;
padding-left: 0.5rem;
margin-top: 0.2rem;
line-height: 1em;
}
.epc-solutxt p {
line-height: 1em;
padding-left: 0.5rem;
font-size: 16px;
margin-top: 0.2rem;
}
.epc-soludl {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/quanqiupic4.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
margin-top: 0.3rem;
padding: 0.5rem;
padding-left: 2.43rem;
padding-bottom: 1px;
}
.epc-soludl dl {
margin-bottom: 0.35rem;
}
.epc-soludl dt {
font-size: 0.36rem;
font-weight: bold;
margin-bottom: 0.1rem;
line-height: 1em;
}
.epc-soludl dd {
font-size: 16px;
padding-left: 10px;
position: relative;
line-height: 2.3em;
}
.epc-soludl dd::before {
content: "";
display: block;
position: absolute;
width: 4px;
height: 4px;
background: #2F3134;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -2px;
}
.xhepcbox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/xhepc1.jpg) no-repeat center top;
}
.xhepccon {
padding-left: 1rem;
padding-right: 1rem;
margin-top: 0.8rem;
background: #FFF;
padding-top: 0.3rem;
}
.xhepctxt {
width: 70.7%;
}
.xhepctxt dl {
padding-left: 0.47rem;
position: relative;
margin-top: 0.6rem;
}
.xhepctxt dl dt {
font-size: 0.36rem;
font-weight: bold;
color: #C70166;
position: absolute;
left: 0;
top: -0.5em;
width: 30px;
line-height: 0.9em;
text-align: center;
word-break: break-all;
}
.xhepctxt dl dd {
padding-left: 14px;
position: relative;
margin: 10px 0;
line-height: 1.5em;
}
.xhepctxt dl dd::before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 5px;
background: #BD1C21;
border-radius: 50%;
left: 0;
top: 0.5em;
}
.xhepcpic {
width: 26.3%;
background: #C70166;
z-index: 1;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.24rem 0.6rem;
margin-top: 0.3rem;
}
.xhepcpic::before {
content: "";
height: 0.58rem;
width: 100%;
top: 0;
background: #FFF;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.xhepcpic > img {
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 0.3rem;
border: 2px solid #FFFFFF;
}
.xhepcpic h4 {
color: #FFF;
font-size: 0.24rem;
font-weight: bold;
line-height: 1.5em;
text-transform: uppercase;
}
.xhepcpic p {
color: #FFF;
margin-top: 0.1rem;
}
.xhepcimgleft {
width: 74.8%;
}
.xhepcimg1 {
width: 41.3%;
margin: 0.07rem 0;
}
.xhepcimg2 {
margin: 0.07rem 0;
width: 57%;
}
.xhepcimgright {
width: 23.7%;
}
.xhepcimgbox {
margin-top: 0.6rem;
}
.titbox-epc h2 {
font-size: 0.4rem;
line-height: 1.2em;
}
.titbox-epc p {
text-align: left;
margin-top: 0.4rem;
}
.xhepclist {
margin-top: 0.2rem;
padding-left: 0.6rem;
}
.xhepclist li {
position: relative;
}
.xhepclist li p {
background: #FFF;
color: #C70166;
font-size: 18px;
height: 35px;
line-height: 35px;
margin-top: 0.2rem;
display: inline-block;
padding: 0 0.1rem;
font-weight: bold;
}
.xhepclist li b {
font-size: 0.4rem;
color: #FFF;
position: absolute;
width: 0.5rem;
display: block;
text-align: center;
left: -0.6rem;
top: 0.5em;
line-height: 1em;
}
.epcpdfpic {
width: 36%;
position: relative;
text-align: right;
z-index: 1;
padding: 0.4rem 0;
}
.epcpdfpic:before {
content: "";
display: block;
width: 30%;
height: 100%;
position: absolute;
width: 58.3%;
border: 2px solid #C70166;
left: 0;
top: 0;
z-index: -1;
}
.epcpdfpic img {
width: 65.5%;
border: 1px solid #E6E6E6;
display: inline-block;
}
.epcpdftxt {
width: 49.3%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px;
}
.epcpdftxt h4 {
font-size: 0.36rem;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.5rem;
}
.epcpdftxt p {
font-size: 18px;
}
.epcpdftxt ul {
margin-bottom: 0.5rem;
margin-top: 0.3rem;
}
.epcpdftxt ul li {
font-size: 18px;
font-weight: bold;
line-height: 2em;
padding-left: 25px;
position: relative;
}
.epcpdftxt ul li:before {
content: "";
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 0.5em;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/duihao.png) no-repeat 0 0;
}
.epcpdftxt h5 {
font-weight: bold;
margin-bottom: 20px;
font-size: 0.24rem;
}
.epcpdftxt label {
display: block;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
line-height: 48px;
border: 1px solid #D9D9D9;
margin-top: 14px;
position: relative;
}
.epcpdftxt label span {
font-size: 18px;
color: #666;
position: absolute;
padding-left: 0.3rem;
left: 0;
}
.epcpdftxt label input {
line-height: 48px;
height: 48px;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: none;
font-size: 18px;
width: 100%;
border: 0 none;
padding-left: 1.7rem;
}
.epcpdftxt label:first-child input {
padding-left: 1rem;
}
.epcpdftxt button {
padding: 0 0.4rem;
height: 46px;
line-height: 46px;
background: #C70166;
border-radius: 23px;
margin-top: 0.45rem;
display: block;
border: 0 none;
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 16px;
cursor: pointer;
}
.epcpdftxt button:hover {
background: #071121;
}
.epcpdftxt button img {
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.epccase {
margin-top: 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.epccase {
position: relative;
z-index: 1;
}
.epccase .content {
position: relative;
}
.epccase:after {
content: "";
position: absolute;
display: block;
width: 69.9%;
top: 0;
z-index: -1;
right: 0;
bottom: 1.18rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epccasebg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
}
.epccase:before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
width: 58.5%;
height: 3.15rem;
background: #C70166;
}
.epccase li:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.epccasetxt {
width:44%;
float: right;
}
.epccasetxt h4 {
margin-top: 0.3rem;
font-weight: bold;
font-size: 24px;
line-height: 1.7em;
margin-bottom: 0.4rem;
color: #FFF;
}
.epccasetxt h4:after {
content: "";
display: inline-block;
width: 21px;
height: 21px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/pro-more.png) no-repeat;
-o-background-size: cover;
background-size: cover;
vertical-align: middle;
margin-left: 10px;
}
.epccasetxt p {
color: #FFF;
font-size: 15px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
height: 8.5em;
}
.epccasetxt span {
display: block;
margin-top: 0.5rem;
background: #C70166;
line-height: 0.37rem;
width: 1.95rem;
color: #FFF;
height: 0.37rem;
text-align: center;
}
.epccasetxt span i {
display: inline-block;
font-style: normal;
margin-right: 15px;
}
.epccasetxt span:hover {
background: #071121;
}
.epccasepic {
width: 51%;
float: left;
border: 1px solid #FFFFFF;
}
.epccasebtnbox {
width: 100%;
position: absolute;
bottom: -0.2rem;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.epccasebtnbox .swiper-pagination {
position: static;
width: auto;
margin: 0;
font-size: 0.3rem;
color: #1A1A1A;
margin-right: 0.3rem;
line-height: 1em;
}
.epccasebtnbox .swiper-pagination-current {
color: #C70166;
font-size: 0.62rem;
}
.epccasebox .epctit {
margin-top: 0.8rem;
position: relative;
}
.epctit {
position: relative;
}
.epctit span {
position: absolute;
font-size: 0.76rem;
color: #C70166;
font-weight: bold;
line-height: 1em;
opacity: 0.11;
top: -0.6em;
left: 0;
}
.epccasebtn {
width: 1.62rem;
}
.epccasebtn .swiper-button-next, .epccasebtn .swiper-button-prev {
position: static;
margin: 0;
width: 50%;
height: 0.53rem;
background: none;
opacity: 1;
}
.epccasebtn .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epccasel.png) no-repeat center center rgba(104, 104, 104, 0.4);
}
.epccasebtn .swiper-button-prev:hover {
background-color: rgb(104, 104, 104);
}
.epccasebtn .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epccaser.png) no-repeat center center rgba(189, 29, 33, 0.4);
}
.epccasebtn .swiper-button-next:hover {
background-color: rgb(189, 29, 33);
}
.epcteam-con h2 {
text-align: center;
font-size: 0.3rem;
font-weight: bold;
color: #FFF;
}
.epcteam-con h3 {
font-size: 0.24rem;
margin-top: 0.2rem;
color: #fff;
height: 0.42rem;
line-height: 0.42rem;
border-radius: 0.42rem;
background: #C70166;
display: inline-block;
padding: 0 0.3rem;
}
.epcteam-list {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epcteampic1.png) no-repeat center center;
-o-background-size: contain;
background-size: contain;
padding: 0 0.9rem;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
margin-top: 0.5rem;
}
.epcteam-list li {
margin-top: 1.9rem;
width: 24%;
padding-bottom: 8.4em;
}
.epcteam-list li i {
width: 0.9rem;
height: 0.9rem;
background: #C70166;
border-radius: 50%;
text-align: center;
display: block;
font-size: 0.54rem;
font-weight: bold;
text-align: center;
color: #FFF;
font-style: normal;
line-height: 0.9rem;
margin: 0px auto 0.4rem;
}
.epcteam-list li:first-child i {
line-height: 0.85rem;
}
.epcteam-list li {
position: relative;
}
.epcteam-list li div {
position: absolute;
white-space: nowrap;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
height: 8.4em;
}
.epcteam-list li p {
color: #FFF;
font-size: 14px;
text-align: center;
line-height: 2.8em;
}
.epcteam-list li:last-child i {
font-size: 0.36rem;
}
.epcteam-list li:nth-child(2n) {
position: absolute;
margin-top: 0; bottom: 50%;
padding-bottom: 0;
padding-top: 8.4em;
}
.epcteam-list li:nth-child(2n) div {
bottom: 1.3rem;
height: auto;
}
.epcteam-list li:nth-child(2n) i {
margin: 0.4rem auto 0px;
}
.epcteam-list li:nth-child(2) {
left: 21.5%;
}
.epcteam-list li:nth-child(4) {
right: 21.5%;
}
.epcsolutxt {
width: 45.2%;
}
.epcsolutxt p {
width: 89%;
}
.epcsolutxt img {
margin-top: 0.9rem;
}
.epcsolupic {
width: 53.2%;
}
.epcsoluimg {
margin-top: 20px;
}
.epcsoluimg img {
width: 49%;
}
.epcsolubox {
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.serviceepc {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/serviceepcbg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
}
.serepclist {
position: relative;
margin-top: 0.45rem;
}
.serepclist::before {
content: "";
display: block;
left: -0.12rem;
right: -0.12rem;
height: 1px;
background: rgba(255, 255, 255, 0.6);
top: 50%;
position: absolute;
}
.serepclist li {
width: 20.5%;
position: relative;
z-index: 1;
margin-bottom: 0.6rem;
padding: 0.5rem 0 0.6rem;
}
.serepclist li img {
border: 2px solid #FFF;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.serepclist li span {
position: absolute;
color: #FFF;
font-size: 0.36rem;
z-index: -1;
display: block;
text-align: center;
width: 100%;
font-weight: bold;
top: 0;
padding-top: 0.1rem;
}
.serepclist li span::before {
content: "";
display: block;
height: 0.97rem;
width: 3.18rem;
background: #C70166;
position: absolute;
left: 50%;
margin-left: -1.59rem;
z-index: -1;
top: 0.8rem;
}
.serepclist li span::after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 1.59rem 0.8rem 1.59rem;
border-color: transparent transparent #C70166 transparent;
position: absolute;
top: 0;
left: 50%;
margin-left: -1.59rem;
z-index: -1;
}
.serepclist li .serepctxt {
font-size: 16px;
text-transform: uppercase;
position: absolute;
height: 3em;
bottom: 0;
}
.serepclist li .serepctxt p {
color: #FFF;
line-height: 1.5em;
}
.serepclist li:nth-child(n+5) {
margin-bottom: 0rem;
padding: 0.6rem 0 0.5rem;
}
.serepclist li:nth-child(n+5) .serepctxt {
bottom: auto;
top: 0;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.serepclist li:nth-child(n+5) span {
bottom: 0;
top: auto;
padding-top: 0;
padding-bottom: 0.1rem;
}
.serepclist li:nth-child(n+5) span::before {
top: auto;
bottom: 0.8rem;
}
.serepclist li:nth-child(n+5) span::after {
border-width: 0.8rem 1.59rem 0 1.59rem;
border-color: #C70166 transparent transparent;
top: auto;
bottom: 0;
}  .newstoptit {
position: relative;
z-index: 3;
}
.newstoptit h2 {
position: absolute;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
right: 1.3rem;
top: 0.2rem;
}
.newstoptit h2 a {
font-size: 0.6rem;
color: #FFF;
display: block;
text-transform: uppercase;
}
.newstoptit h2 img {
display: inline-block;
width: 0.53rem;
vertical-align: middle;
margin-top: -10px;
margin-left: 0.27rem;
}
.newstoptit h2:hover {
opacity: 0.9;
right: 1.15rem;
}
.newstoptxt {
width: 59.8%;
margin-left: 40.2%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top: 1.2rem;
background: #FFF;
padding: 0.4rem 0.98rem 1rem;
}
.newstoptxt h4 {
font-weight: bold;
font-size: 20px;
position: relative;
margin-bottom: 10px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-left: 1.18rem;
margin-left: -1.18rem;
}
.newstoptxt h4::before {
content: "";
display: block;
position: absolute;
width: 0.95rem;
height: 24px;
background: #C70166;
left: 0;
top: 50%;
margin-top: -12px;
}
.newstoptxt span {
color: #666;
display: block;
margin-bottom: 0.2rem;
}
.newstoptxt p {
font-size: 15px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
height: 8.5em;
}
.newstopbtnbox {
position: absolute;
bottom: 0.23rem;
z-index: 2;
width: 100%;
}
.newstopbtnbox .content {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.newstopbtnbox .swiper-pagination {
position: static;
width: auto;
margin: 0;
font-size: 0.3rem;
color: #1A1A1A;
margin-right: 0.3rem;
line-height: 1em;
}
.newstopbtnbox .swiper-pagination-current {
color: #C70166;
font-size: 0.62rem;
}
.newstopbtn {
width: 0.94rem;
margin-right: 0.8rem;
}
.newstopbtn .swiper-button-next, .newstopbtn .swiper-button-prev {
position: static;
margin: 0;
width: 45%;
height: 0.56rem;
background: none;
opacity: 1;
}
.newstopbtn .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listl.png) no-repeat center center rgba(6, 15, 31, 0.32);
}
.newstopbtn .swiper-button-prev:hover {
background-color: rgb(104, 104, 104);
}
.newstopbtn .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/listr.png) no-repeat center center rgba(189, 29, 33, 0.84);
}
.newstopbtn .swiper-button-next:hover {
background-color: rgb(189, 29, 33);
}
.newstop {
margin-top: 0.31rem;
z-index: 1;
position: relative;
}
.newstop .aniimg {
width: 50.2%;
position: absolute;
left: 0;
z-index: -1;
bottom: 0;
}
.newstop li:hover .aniimg img {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
.newstop .newstoptxt:hover h4 {
color: #C70166;
}
.newsitemtxt {
float: right;
width: 68.5%;
}
.newsitemtxt span {
color: #666;
font-size: 15px;
}
.newsitemtxt h4 {
height: 6.5em;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
background: #F4F8FB;
border-radius: 0px 0px 20px 0px;
padding-left: 1.33rem;
margin-left: -1.33rem;
padding-right: 0.5rem;
}
.newsitemtxt h4 p {
font-size: 16px;
line-height: 1.5em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 4.5em;
}
.newsitem {
padding-top: 0.1rem;
}
.newsitem li {
width: 47.2%;
overflow: hidden;
margin-top: 0.57rem;
}
.newsitem li .aniimg {
width: 28%;
float: left;
border-radius: 10px 0px 0px 0px;
}
.newsitem li:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.newsitem li:hover h4 {
background: #C70166;
}
.newsitem li:hover h4 p {
color: #FFF;
}
.specialtxt {
position: absolute;
width: 100%;
bottom: 0;
background: rgba(6, 16, 32, 0.8);
height: 44px;
line-height: 44px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}
.specialtxt h4 {
text-align: center;
color: #FFF;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 0 0.2rem;
}
.speciallist {
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.speciallist li {
margin-top: 0.5rem;
width: 30.6%;
margin-right: 4.1%;
border-radius: 6px;
overflow: hidden;
position: relative;
}
.speciallist li:nth-child(3n) {
margin-right: 0;
}
.speciallist li:hover .specialtxt {
height: 100%;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.speciallist li:hover .specialtxt h4 {
-o-text-overflow: initial;
text-overflow: initial;
white-space: initial;
line-height: 1.7em;
}
.newsbtn {
height: 40px;
line-height: 40px;
background: #C70166;
border-radius: 20px;
color: #FFF;
text-align: center;
font-size: 18px;
display: block;
width: 26%;
margin: 0.5rem auto 0;
}
.newsbtn i {
font-style: normal;
margin-right: 15px;
display: inline-block;
}
.newsbtn:hover {
background: #071121;
}
.wquiplist {
margin-top: 0.2rem;
}
.wquiplist li {
width: 46.3%;
padding-left: 18px;
position: relative;
padding-bottom: 0.3rem;
padding-top: 0.3rem;
border-bottom: 1px solid #E6E6E6;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wquiplist li::before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
background: #C70166;
border-radius: 50%;
left: 0;
top: 50%;
margin-top: -4px;
}
.wquiplist li a {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
font-size: 18px;
}
.wquiplist li a:hover {
color: #C70166;
font-weight: bold;
}
.newssolutxt {
position: absolute;
background: #FFF;
right: 0;
bottom: 0;
left: 0.47rem;
padding: 0.2rem 0.3rem;
}
.newssolutxt span {
color: #808080;
font-size: 14px;
}
.newssolutxt h4 {
margin-top: 10px;
font-size: 16px;
line-height: 1.5em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-height: 6em;
}
.newssolutxt:after {
content: "";
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/newsmorejt.png) no-repeat;
width: 22px;
height: 12px;
-o-background-size: cover;
background-size: cover;
margin-top: 14px;
}
.newssolu {
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.newssolu li {
margin-top: 0.5rem;
width: 31.3%;
position: relative;
padding-bottom: 0.5rem;
margin-right: 3.05%;
}
.newssolu li:nth-child(3n) {
margin-right: 0;
}
.newssolu li:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.newssolu li:hover .newssolutxt {
background: #C70166;
}
.newssolu li:hover .newssolutxt span {
color: #FFF;
}
.newssolu li:hover .newssolutxt h4 {
color: #FFF;
}
.newssolu li:hover .newssolutxt:after {
background-image: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/newsmorejtf.png);
}
.newsvideo {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/newsvideobg.jpg) no-repeat center top;
}
.newsvideocon {
background: #FFF;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3rem 0.6rem 0;
margin-top: 0.5rem;
}
.newsvideolist li {
width: 47.3%;
margin-top: 0.3rem;
}
.newsvideolist li .aniimg {
border-radius: 6px;
position: relative;
}
.newsvideolist li .aniimg span {
width: 50px;
position: absolute;
height: 35px;
display: block;
left: 50%;
top: 50%;
margin-left: -25px;
border-radius: 8px;
background: #C70166;
margin-top: -17.5px;
}
.newsvideolist li .aniimg span:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #fff;
left: 50%;
top: 50%;
position: absolute;
margin-top: -7px;
margin-left: -7px;
}
.newsvideolist li h4 {
text-align: center;
margin-top: 15px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
line-height: 1.5em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 3em;
}
.newsvideolist li:hover .aniimg img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.newsvideolist li:hover .aniimg span {
background: #071121;
}
.newsvideolist li:hover h4 {
color: #C70166;
font-weight: bold;
}
.special-item {
padding-top: 0;
}
.xhnewsbox {
padding-top: 0.5rem;
}
.xhnewslist li {
margin-bottom: 40px;
}
.xhnewslist .aniimg {
float: left;
width: 28%;
border-radius: 10px 0px 0px 0px;
}
.xhnewstxt {
width: 72%;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.xhnewstxt h4 {
font-size: 18px;
padding: 0 0.5rem;
font-weight: bold;
margin-top: 0.3rem;
margin-bottom: 0.2rem;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.xhnewstxt-con {
background: #F4F8FB;
padding: 0.35rem 0.5rem 0.5rem;
position: relative;
border-radius: 0px 0px 20px 0px;
}
.xhnewstxt-con::before {
content: "";
display: block;
position: absolute;
height: 100%;
left: -2.3rem;
background: #F4F8FB;
width: 50%;
top: 0;
z-index: -1;
}
.xhnewstxt-con p {
font-size: 15px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 5.1em;
}
.xhnewstxt-con span {
margin-top: 0.4rem;
display: block;
font-size: 14px;
color: #808080;
}
.xhnewstxt-con i {
font-style: normal;
position: absolute;
right: 0;
width: 1.99rem;
line-height: 40px;
text-align: center;
color: #FFF;
height: 40px;
bottom: 0.3rem;
background: #C70166;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.xhnewstxt-con i font {
margin-right: 0.15rem;
}
.xhnewslist li:hover h4 {
color: #C70166;
}
.xhnewslist li:hover .aniimg img {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
.xhnewslist li:hover .xhnewstxt-con {
background: #C70166;
}
.xhnewslist li:hover .xhnewstxt-con p, .xhnewslist li:hover .xhnewstxt-con span {
color: #FFF;
}
.xhnewslist li:hover .xhnewstxt-con i {
background: #FFF;
color: #C70166;
}
.xhnewslist li:hover .xhnewstxt-con::before {
background: #C70166;
}
.pronewsbox {
padding-top: 0.4rem;
}
.pronewsbox li {
margin-top: 0;
margin-bottom: 0.4rem;
}
.videonews-row .newsvideolist {
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.videonews-row .newsvideolist li {
width: 31.2%;
margin-right: 3.2%;
}
.videonews-row .newsvideolist li:nth-child(3n) {
margin-right: 0;
}
.videonews-row:nth-child(2n) {
background: #F6FBFF;
}
.newsdetail {
background: #FFF;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-top: -20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0.7rem;
padding-right: 0.7rem;
padding-bottom: 0;
}
.newsdetail h1 {
font-size: 0.3rem;
text-align: center;
max-width: 70%;
margin: 0 auto;
line-height: 1.6em;
}
.newsdetail > span {
display: block;
text-align: center;
color: #666;
margin-top: 20px;
font-size: 16px;
}
.new-article {
padding-left: 0.7rem;
padding-right: 0.7rem;
margin-bottom: 0.7rem;
}
.newschat {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
background: #F6FBFF;
border: 1px solid #F2F8FC;
border-radius: 10px;
text-align: center;
padding: 0.3rem 0;
}
.newschat p {
text-align: center;
font-size: 18px;
}
.newschat .chatbtn {
display: inline-block;
margin-top: 0.2rem;
}
.new-article p {
font-size: 15px;
}
.new-article img {
width: auto;
max-width: 100%;
margin: 30px auto;
}
.new-article iframe {
width: 80%;
height: 430px;
display: block;
margin: 0 auto;
}
.new-article-nav {
margin-top: 0.5rem;
}
.new-article-nav b {
display: block;
text-align: center;
font-size: 22px;
margin-bottom: 0.4rem;
}
.new-article-nav ul {
width: 53%;
margin: 0 auto;
}
.new-article-nav li {
margin-top: 20px;
height: 46px;
line-height: 46px;
background: #F2F2F2;
border-radius: 23px;
position: relative;
padding-left: 0.8rem;
}
.new-article-nav li span {
background: #C70166;
border: 4px solid #FFFFFF;
border-radius: 50%;
width: 52px;
height: 52px;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 44px;
position: absolute;
left: 0;
top: 50%;
margin-top: -26px;
font-size: 24px;
color: #FFF;
text-align: center;
font-weight: bold;
}
.new-article-nav li a {
display: block;
}
.new-article-nav li:after {
content: "";
display: block;
width: 14px;
height: 11px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/newstabjt.png) no-repeat 0 0;
position: absolute;
right: 0.4rem;
top: 50%;
margin-top: -5px;
}
.new-article-nav li:hover {
background: #C70166;
}
.new-article-nav li:hover:after {
background-position: -14px 0;
}
.new-article-nav li:hover a {
color: #FFF;
}
.zeng-h {
background: #FFFFFF;
box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.1);
margin-left: 0.94rem;
font-size: 26px;
font-weight: bold;
padding: 20px 0.7rem;
position: relative;
margin-top: 0.5rem;
margin-bottom: 0.4rem;
}
.zeng-h:before {
content: "";
height: 7px;
width: 100%;
display: block;
left: -0.94rem;
top: -7px;
position: absolute;
background: #C70166;
}
.zeng-h span {
left: -0.94rem;
width: 0.94rem;
background: #C70166;
font-size: 0.48rem;
position: absolute;
top: 0;
display: block;
color: #FFF;
font-style: italic;
text-align: center;
padding: 10px 0;
}
.newsdetail2 p {
font-size: 15px;
margin-top: 1em;
}
.newsdetail2 img {
width: auto;
max-width: 100%;
margin: 30px auto;
}
.prenexbox {
border-top: 2px solid #F6FBFF;
border-bottom: 2px solid #F6FBFF;
margin-top: 0.5rem;
padding-top: 0.5rem;
}
.prenexbox li {
margin-bottom: 0.4rem;
padding-left: 1.2rem;
position: relative;
}
.prenexbox li span {
width: 1rem;
height: 30px;
background: #F6FBFF;
display: block;
font-size: 18px;
color: #C70166;
text-align: center;
line-height: 30px;
position: absolute;
left: 0;
}
.prenexbox li h4 {
font-size: 18px;
line-height: 30px;
font-weight: bold;
margin-bottom: 8px;
}
.prenexbox li:hover h4 {
color: #C70166;
}  .tactbox > img {
height: 100%;
}
.tactrow {
position: relative;
padding-top: 0;
z-index: 2;
}
.tactrow > img {
width: 45.6%;
}
.tactrow h2 {
font-size: 0.3rem;
color: #FFF;
margin-top: -0.8em;
margin-bottom: 0.26rem;
}
.tactrow > p {
color: #FFF;
font-size: 15px;
}
.tactrow .chatbtn {
text-align: center;
}
.tactrow .chatbtn a {
float: none;
display: inline-block;
}
.tactchat {
margin-top: 0.4rem;
-webkit-align-items: initial;
-moz-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.tactchat li {
width: 30.6%;
background: #FFFFFF;
border-radius: 6px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.3rem 0.1rem 0.2rem 1rem;
position: relative;
}
.tactchat li i {
width: 0.5rem;
position: absolute;
left: 0;
height: 0.5rem;
background: #C70166;
border-radius: 0.25rem;
display: inline-block;
top: 50%;
margin-top: -0.25rem;
left: 0.3rem;
}
.tactchat li span {
display: block;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0.1rem;
}
.tactchat li a {
font-size: 0.24rem;
color: #C70166;
}
.tactchat li a b {
font-size: 0.34rem;
}
.tactchat li a:hover {
opacity: 0.9;
}
.tactchat li p {
font-size: 14px;
}
#dituContent {
height: 7.7rem;
}
#dituContent iframe {
width: 100%;
height: 100%;
}  .fourtxt {
width: 43.4%;
}
.fourpic {
width: 43.4%;
}
.fourpic h2 {
font-size: 0.24rem;
text-align: center;
margin-bottom: 0.68rem;
}
.fourtxt ul li {
margin-bottom: 30px;
overflow: hidden;
}
.fourtxt ul li span {
margin-top: 9px;
font-size: 18px;
display: block;
margin-bottom: 0.15rem;
}
.fourtxt ul li span img {
display: inline-block;
vertical-align: middle;
width: 21px;
margin-right: 10px;
}
.fourtxt ul li a {
font-size: 0.24rem;
color: #C70166;
display: block;
padding-left: 31px;
}
.fourtxt ul li a b {
font-size: 0.36rem;
}
.fourtxt ul li p {
padding-left: 31px;
}
.fourtxt .chatbtn {
padding-left: 31px;
}
.fournav {
margin-top: 0.8rem;
}
.fournav li {
width: 33.33%;
background: #F2FAFF;
text-align: center;
}
.fournav li h4 {
margin-top: 0.7rem;
font-size: 0.3rem;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: relative;
width: 35%;
line-height: 1.5em;
}
.fournav li h4:before {
content: "";
display: block;
width: 0.67rem;
height: 1px;
background: #C70166;
position: absolute;
left: -0.8rem;
top: 50%;
}
.fournav li h4:after {
content: "";
display: block;
width: 0.67rem;
height: 1px;
position: absolute;
background: #C70166;
right: -0.8rem;
top: 50%;
}
.fournav li a {
display: block;
width: 1.57rem;
height: 34px;
line-height: 34px;
background: #C70166;
font-size: 0.24rem;
color: #FFF;
text-align: center;
text-transform: uppercase;
margin: 0.5rem auto 0.7rem;
}
.fournav li a:hover {
background: #071121;
}
.fournav-txt {
height: 2.8rem;
}  .searchpage h2 {
font-size: 0.4rem;
text-align: center;
}
.searchpage h2 span {
display: inline-block;
position: relative;
}
.searchpage h2 span:before {
content: "";
display: block;
position: absolute;
left: -3.3rem;
top: 50%;
width: 2.6rem;
height: 1px;
background: #bfbfbf;
}
.searchpage h2 span:after {
content: "";
display: block;
position: absolute;
right: -3.3rem;
top: 50%;
width: 2.6rem;
height: 1px;
background: #bfbfbf;
}
.search-model {
width: 50%;
margin: 0.5rem auto;
border: 1px solid #ddd;
height: 0.55rem;
line-height: 0.55rem;
border-radius: 0.1rem;
position: relative;
overflow: hidden;
padding-right: 0.9rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-model input {
border: 0 none;
background: none;
}
.search-model input[type=text] {
width: 100%;
padding-left: 0.2rem;
height: 0.55rem;
line-height: 0.55rem;
font-size: 18px;
display: block;
}
.search-model input[type=submit] {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/search.png) no-repeat center center #C70166;
-o-background-size: 0.3rem 0.3rem;
background-size: 0.3rem 0.3rem;
width: 1rem;
border-radius: 0.1rem;
height: 0.55rem;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.searchtabbox {
border-bottom: 1px solid #bfbfbf;
padding-bottom: 0.3rem;
margin-top: 0.8rem;
}
.searchtabbox h3 {
font-size: 0.28rem;
font-weight: bold;
}
.searchtabbox h3 b {
font-size: 0.36rem;
margin-right: 0.1rem;
}
.searchtab {
width: 45%;
text-align: right;
}
.searchtab li {
background: #f2f2f2;
line-height: 45px;
height: 45px;
text-align: center;
width: 24%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
cursor: pointer;
}
.searchtab .searchtabact {
background: #C70166;
color: #FFF;
}
.searchrow {
margin-top: 0.3rem;
}
.searchrow ul {
display: none;
}
.searchrow ul:first-child {
display: block;
}
.search-newstit {
overflow: hidden;
margin-bottom: 0.2rem;
}
.search-newstit span {
float: right;
font-size: 14px;
display: block;
color: #666;
}
.search-newstit h4 {
font-size: 18px;
font-weight: bold;
float: left;
max-width: 77%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.search-newstit h4 span {
float: none;
display: inline-block;
color: #C70166;
font-size: 18px;
}
.search-news li {
border-bottom: 1px solid #f2f2f2;
padding: 0.3rem 0;
}
.search-news li p {
font-size: 15px;
}
.search-news li:hover h4 {
color: #C70166;
}
.search-pro {
overflow: hidden;
margin-top: 0.5rem;
}
.search-pro li {
float: left;
}
.search-pro .caselist-row {
padding: 0.3rem 0.2rem;
}  .vrmain{
background: #FFF;
position: relative;
z-index: 2;
border-top-left-radius:40px;
border-top-right-radius:40px;
padding-left: .5rem;
padding-right: .5rem;
}
.pro-zhong-list-vr h3{
display: inline-block;
}
.quanyivrlist{
margin-top: .6rem;
}
.quanyivrlist li{
width: 48%;
margin-bottom:  .6rem;
position: relative;
}
.quanyivrlist li img{
width: 100%;
}
.quanyivrtxt{
background: rgba(0,0,0,0.6);
position: absolute;
width: 100%;
bottom: 0;
color: #FFF;
font-size: 18px;
line-height: 50px;
box-sizing: border-box;
padding: 0 15px;
width: 68%;
}
.quanyivrtxt h4{
font-weight: normal;
color: #FFF;
font-size: 18px;
}
.quanyivrtxt:after{
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 0 30px;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.6);
right: -30px;
top: 0;
}
.quanyivrlist li:hover .quanyivrtxt:after{
border-color: transparent transparent transparent #bd1c21;
}
.quanyivrlist li:hover .quanyivrtxt{
background: #bd1c21;
}
.quanyivrlist li:hover .aniimg img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}  .policytxt .titbox{
margin-bottom: .5rem;
}
.policytxt p{
margin: 1em 0;
}
.policytxt h3{
font-weight: bold;
font-size: .22rem;
padding-left: .15rem;
line-height: 1em;
border-left: 5px solid #C70166;
}
.policytxt h4{
font-weight: bold;
font-size: .18rem;
padding-left: .2rem;
position: relative;
}
.policytxt h4::before{
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #C70166;
left: 0;
position: absolute;
top: 50%;
margin-top: -4px;
} @media (max-width: 1800px) {
.propage-nextbox {
margin-top: 0;
}
.propage-con li .aniimg img {
width: 74%;
}
}
@media (max-width: 1700px) {
.chatbtn {
margin-top: 0.3rem;
}
.detailtop-txt p {
font-size: 15px;
margin-bottom: 1em;
}
.listtoptit {
margin-bottom: 25px;
}
.listtoptxt {
padding-left: 0.7rem;
}
}
@media (max-width: 1600px) {
.listtab ul li {
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.listtab ul li a {
padding-left: 14px;
}
.prolist-tit h2 {
font-size: 30px;
padding-left: 25px;
border-left-width: 5px;
}
.prolist-tit p {
margin: 6px 0;
margin-left: 20px;
}
.prolist-itemcon h4 {
font-size: 18px;
}
.propage-tablist li {
font-size: 16px;
}
.propage-tab h3 {
font-size: 26px;
padding-top: 15px;
}
.propage-btn h4 {
font-size: 16px;
}
.caselist-tit h4 {
font-size: 18px;
}
.liuyanitem input {
width: 74%;
}
.fzlctab li {
font-size: 18px;
}
.epcmotop .companylist {
top: 46%;
}
.epcmolisttxt p {
line-height: 1.5em;
}
.epcmobtn {
margin-top: 0.4rem;
}
.epcpdftxt p, .epcpdftxt ul li {
font-size: 16px;
}
.epcpdftxt h4 {
margin-bottom: 0.4rem;
}
.epcpdftxt label span, .epcpdftxt label input {
font-size: 16px;
}
.wquiplist li a {
font-size: 16px;
}
.newssolutxt h4 {
font-size: 16px;
}
.companytxt p, .aboutepc-row > p {
font-size: 15px;
}
.culturelist li p {
font-size: 15px;
}
.culturelist li h4 {
font-size: 20px;
}
.culturelist li img {
width: 25px;
}
.abouttabtxt h4 {
font-size: 16px;
}
.abouttab li:hover .abouttabtxt h4, .abouttab li.abouttabact .abouttabtxt h4 {
font-size: 20px;
}
.fzlcitem li h5 {
margin-bottom: 0.6rem;
font-size: 32px;
}
.fzlcitem-list span {
font-size: 20px;
}
.fzlcitem-list .fzlcitem-con h4 {
font-size: 16px;
}
.advanlist li h4 {
font-size: 18px;
}
.listtoptit {
}
.listtoptit h3 {
font-size: 0.3rem;
}
.propage-tablist li {
font-size: 14px;
}
.detailtop-txt p {
font-size: 14px;
margin-bottom: 1em;
}
.detailtop h1 {
font-size: 0.3rem;
}
.listtoptit {
margin-bottom: 25px;
}
.detailtab ul li a {
font-size: 12px;
}
.detailtab ul li {
line-height: 40px;
height: 40px;
}
.liuyan-row p {
font-size: 16px;
}
.chatbtn a {
line-height: 35px;
height: 35px;
}
.chatbtn a img {
width: 18px;
}
.solulisttxt h4 {
font-size: 20px;
}
.descriptlist li h4 {
font-size: 20px;
}
.listtop-swiper-btn .swiper-button-next {
right: 0.6rem;
margin-top: -0.6rem;
}
.listtop-swiper-btn .swiper-button-prev {
left: 0.6rem;
margin-top: -0.6rem;
}
.tactchat li {
width: 31.6%;
padding-left: 0.9rem;
}
.tactchat li i {
left: 0.2rem;
}
.tactchat li p {
font-size: 12px;
}
.tactrow .chatbtn {
margin-top: 0.5rem;
}
.teamtxt span {
font-size: 18px;
}
.teamtxt ul li {
line-height: 1.5em;
margin-bottom: 0.8em;
background-position: left 0.2em;
}
.seniortxt span {
font-size: 18px;
}
.seniortxt ul {
margin-top: 0.5rem;
}
.seniorlist .seniortxt h4 {
font-size: 0.26rem;
}
.seniorlist .seniortxt ul {
margin-top: 0.3rem;
}
.epcpdftxt label input {
padding-left: 1.8rem;
}
.epcpdftxt button {
line-height: 40px;
height: 40px;
}
.listbox-proimg img{
height: 99.5%;
}
}
@media (max-width: 1450px) {
.chatbtn {
margin-top: 0.3rem;
}
.caselist-tit h4 {
font-size: 16px;
line-height: 1.5em;
}
.caselist-tit h4 {
font-size: 16px;
}
.epcpdftxt label input {
padding-left: 1.9rem;
}
.epcpdftxt label:first-child input {
padding-left: 1.1rem;
}
.jsslban li p{
font-size: 15px;
}
.xhepclist li p{
font-size: 16px;
}
.jsslban-btn{
top: 53%;
}
.jssltxt p{
font-size: 15px;
}
.jsslban-btn .swiper-pagination{
padding-left: 8px;
}
.teambox > p{
font-size: 15px;
}
.teamtxt ul li{
font-size: 15px;
}
.teampic p{
font-size: 15px;
margin-top: 0.3rem;
}
.epcmobtn a{
font-size: 15px;
}
.epcmolisttxt h4{
font-size: .32rem;
margin-bottom: .15rem;
}
.quanqiulist li div{
padding: 20px 20px;
}
.quanqiulist li div p{
font-size: 15px;
}
.epcmobtn{
margin-top: .2rem;
}
.xhepctxt dl dd{
font-size: 15px;
line-height: 1.3em;
}
.serepclist li .serepctxt p{
margin-top: 10px;
font-size: 15px;
line-height: 1.3em;
}
.serepclist li:nth-child(n+5) .serepctxt p{
margin-top: 0px;
margin-bottom: 10px;
}
.quanqiubox{
background-size: 100% 36%;
}
.listbox-proimg img{
height: 99.5%;
}
.listtoptxt p{
font-size: 15px;
-webkit-line-clamp: 4;
height: 6em;
}
.listtopmain .chatbtn{
bottom: 4rem;
}
.detailtab ul{
padding-top: 30px;
}
.listtoptxt{
width: 41.8%;
}
.detailtop-txt p {
height: auto;
}
.detailbot-solu .detailtab{
position: static;
}
.detailtab-fixed ul{
padding-top: 0;
}
.epcteam-list li:nth-child(2n){
width: 31%;
}
.epcteam-list li:nth-child(2){
left: 18.5%;
}
.epcteam-list li div{
white-space: initial;
width: 100%;
}
.epcteam-list li div p{
line-height: 1.5em;
}
.epcteam-list li:nth-child(4){
right: 18%;
}
.epcteam-list li{
width: 31%;
margin-top: 2.2rem;
}
.epcteam-list{
padding: 0 0.35rem;
margin-top: 0;
}
.newsitemtxt span,.newssolutxt span{
font-size: 14px;
}
.newsitemtxt h4 p{
font-size: 15px;
}
.newstoptxt span{
font-size: 14px;
}
.specialtxt h4,.wquiplist li a,.newssolutxt h4{
font-size: 15px;
}
.footnav .chatbtn{
margin-top: .6rem;
}
.abouttab li:hover .abouttabtxt h4, .abouttab li.abouttabact .abouttabtxt h4{
font-size: 16px;
}
.catebox>p{
font-size: 15px;
}
.sultpic .swiper li{
width: 60%;
}
.descript-con p{
font-size: 15px;
}
.jssltxt p{
width: 70%;
margin-left: 30%;
}
.jssltxt:before{
height: 2.4rem;
}
.listtoptxt-pro{
margin-top: 0;
}
.proing-itemtxt h4{
font-size: 15px;
}
.structurebox{
background-size: 100% 82%;
}
.relate-news {
padding-top: .6rem;
}
.relate-news h3{
margin-bottom: 20px;
}
}
@media (max-width: 1380px) {
.listtab ul li a {
font-size: 14px;
}
.propage-tablist li {
line-height: 32px;
height: 32px;
}
.listtab ul li {
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.prolist-tit p a, .listtoptxt p {
font-size: 14px;
}
.fzlctab li {
font-size: 16px;
padding-left: 15px;
}
.fzlctab {
top: 0.7rem;
}
.fzlcitem-list span {
font-size: 18px;
}
.fzlcitem li h5 {
font-size: 28px;
margin-bottom: 0.6rem;
}
.fzlcitem-list .fzlcitem-con h4 {
font-size: 15px;
}
.jssltxt p {
margin-left: 30.6%;
}
.jsslban-btn {
top: 52%;
}
.advanlist li h4 {
font-size: 16px;
}
.ouritem h4 {
font-size: 20px;
}
.catebox p, .patentsbox p, .honorbox p {
font-size: 15px;
}
.epcmolisttxt p {
font-size: 15px;
}
.liuyanitem input {
width: 72%;
}
.listtopmain .chatbtn {
bottom: 3.9rem;
}
.listtoptxt p {
font-size: 12px;
}
.listtoptit {
line-height: 45px;
}
.prolist-tit h2 {
font-size: 26px;
}
.prolist-tit p {
margin: 3px 0;
} .epcpdftxt label input {
padding-left: 2rem;
}
.epcpdftxt label:first-child input {
padding-left: 1.3rem;
}
}
@media (max-width: 1300px) {
.companytxt p, .aboutepc-row > p {
font-size: 14px;
}
.companylist p {
font-size: 15px;
}
.culturelist li p {
font-size: 14px;
}
.culturelist li img {
width: 20px;
}
.culturelist li h4 {
font-size: 18px;
}
.abouttab li:hover .abouttabtxt h4, .abouttab li.abouttabact .abouttabtxt h4 {
font-size: 18px;
}
.ouritem h4 {
font-size: 18px;
}
.propage-tablist li {
font-size: 12px;
}
.proing-itemtxt h4 {
font-size: 14px;
}
}*,
*::after,
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body {
position: relative;
font-family: "Microsoft YaHei", sans-serif;
font-size: 14px;
color: #8a8a8a;
line-height: 2;
visibility: visible; }
body[dir="rtl"] {
text-align: right; }
a,
a:hover,
a:focus,
a:active,
button,
button:focus,
.btn,
.btn:focus,
input,
input:focus,
select,
textarea {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: inherit;
text-decoration: none;
outline: 0;
background: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Microsoft YaHei", sans-serif;
font-weight: 600;
line-height: 1.2;
color: #232324; }
h1 {
font-size: 40px; }
h2 {
font-size: 36px; }
@media only screen and (max-width: 767px) {
h2 {
font-size: 30px; } }
@media only screen and (max-width: 479px) {
h2 {
font-size: 26px; } }
h3 {
font-size: 30px; }
h4 {
font-size: 20px; }
h5 {
font-size: 18px; }
h6 {
font-size: 16px; }
p:last-child {
margin-bottom: 0; }
ul {
margin: 0;
padding: 0; }
ul li {
list-style: none; }
::-moz-selection {
color: #ffffff;
background: #5DADE2; }
::selection {
color: #ffffff;
background: #5DADE2; }
img {
max-width: 100%; } [data-overlay] {
position: relative;
z-index: 1; }
[data-overlay]::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #000000; }
.overlay {
position: relative; }
.overlay::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, right top, from(rgba(20, 20, 20, 0.8)), color-stop(0%, rgba(20, 20, 20, 0.8)));
background: -webkit-linear-gradient(left, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.8) 0%);
background: -o-linear-gradient(left, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.8) 0%);
background: linear-gradient(to right, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.8) 0%); } .home .indexpro {
min-height: auto; }
@media screen and (max-width: 1000px) {
.home .banner .content {
width: 96%; }
.home .banner .content .bantxt {
margin-top: 12vh; }
.home .banner .content .banepcmo {
margin-top: 0.4rem; }
.home .banner .content .banepcmo li {
width: 50%; }
.home .banner .content .banepcmo li img {
height: 2rem; }
.home .banner .content .banepcmo li .banepctit {
margin-bottom: 0.1rem; }
.home .banner .content .banepcmo li .banepctit span {
font-size: 0.3rem;
text-align: left; }
.home .banner .content .banepcmo li .banepctit h4 {
margin-left: 0.05rem;
font-size: 0.2rem;
line-height: 0.35rem; }
.home .banner .content .banepcmo li .banepclist a {
font-size: 12px;
margin-bottom: 0.05rem;
margin-top: 0.05rem; }
.home .indextit.indextit-right:before {
width: 96%;
top: 0.2rem; }
.home .indextit.indextit-right h3 {
font-size: 0.2rem; }
.home .indextit.indextit-right h2 {
font-size: 0.24rem; }
.home .indextit .content {
width: 96%; }
.home .indextit .content .indextitcon {
width: 100%;
margin-top: 0.4rem; }
.home .indextit .content .indextitpro {
width: 100%;
padding-left: 2%; }
.home .indexpro {
min-height: auto; }
.home .indexpro .content {
width: 96%; }
.home .indexpro .content .circlrtop {
height: 195px; }
.home .indexpro .content .circlrtop.circlrtop1 {
position: absolute;
left: 0;
top: 0;
width: 100%; }
.home .indexpro .content .circlrtop.circlrtop2 {
height: 195px; }
.home .indexpro .content .circlrtop .circlrbox {
top: 0;
width: 100%;
left: 50%;
height: 2.2rem; }
.home .indexpro .content .circlrtop .circlrtopbg {
bottom: -0.1rem; }
.home .indexpro .content .circlrtop .proitem {
display: none; }
.home .indexpro .content .indexprocon {
height: 4.8rem;
padding-top: 0; }
.home .indexpro .content .indexprocon ul {
width: 80%;
left: 10%; }
.home .indexpro .content .indexprocon ul li {
width: 1rem !important; }
.home .insolubox {
padding-top: 0.2rem;
padding-bottom: 0.2rem; }
.home .insolubox:before {
background-position: left top; }
.home .insolubox .content {
width: 96%; }
.home .insolubox .content .insoluleft {
width: 100%;
position: static; }
.home .insolubox .content .insoluleft .insolutit {
margin-bottom: 0.2rem; }
.home .insolubox .content .insoluleft .insolutab li {
margin-bottom: 0.1rem;
padding-bottom: 0.1rem; }
.home .insolubox .content .insoluleft .insolutab li .insolutab-con {
margin-top: 0.1rem; }
.home .insolubox .content .insoluleft .insolutab li .insolutab-con .insolutab-item {
margin-top: 0.1rem; }
.home .insolubox .content .insoluright {
width: 100%;
position: static;
margin-left: 0; }
.home .insolubox .content .insoluright .inxnytxt {
width: 100%;
position: static;
padding-top: 0.4rem; }
.home .insolubox .content .insoluright .inxnytxt .inxnytxtcon {
padding: 0.2rem 0.3rem; }
.home .insolubox .content .insoluright .solumore {
display: none; }
.home .incasebox {
padding: 0.3rem 0; }
.home .incasebox .content {
width: 100%; }
.home .incasebox .content .casesepc {
position: static;
margin: -2rem auto 0;
transform: translateX(0%); }
.home .incasebox .content .casesepc li {
width: 100%;
margin-bottom: 0.2rem; }
.home .incasebox .content .casesepc li .casesepctxt {
padding-top: 0.25rem; }
.home .incasebox .content .incaseitembox {
display: none !important; }
.home .innewsbox {
padding: 0.3rem 0; }
.home .innewsbox:before {
content: normal; }
.home .innewsbox .content {
width: 96%; }
.home .innewsbox .content .innewsleft {
width: 100%; }
.home .innewsbox .content .innewsleft .swiper-wrapper .swiper-slide a .innewsleft-txt p {
width: 100%;
margin: 0.2rem 0 0.1rem; }
.home .innewsbox .content .innewsleft .swiper-wrapper .swiper-slide a .innewsleft-txt .newsuserbox > span {
margin: 0.1rem 0 0 0;
font-size: 0.16rem;
padding-left: 0.2rem; }
.home .innewsbox .content .innewsleft .innewsbtn {
bottom: 1.67rem; }
.home .innewsbox .content .innewsleft .innewsbtn .innewsbtn-tab {
width: 0.8rem; }
.home .innewsbox .content .innewsleft .innewsbtn .innewsbtn-tab div {
width: 0.4rem;
height: 0.4rem; }
.home .innewsbox .content .innewsleft .innewsbtn .swiper-pagination {
display: none; }
.home .innewsbox .content .innewsleft .innewsnum {
margin-top: 0;
font-size: 0.2rem; }
.home .innewsbox .content .innewsright {
width: 100%; }
.home .innewsbox .content .innewsright .innewstit {
margin-top: 0.3rem; }
.home .innewsbox .content .innewsright .innewsright-row {
margin-top: 0.2rem;
padding: 0.2rem 0; }
.home .innewsbox .content .innewsright .innewsright-row .innewsright-list li {
padding: 0 0.1rem;
margin-top: 0.2rem; }
.home .innewsbox .content .innewsright .innewsright-row .innewsright-list li .innewsr-listtxt h4 {
margin-bottom: 0.1rem; }
.home .innewsbox .content .innewsright .innewsright-row .innewsright-list li .innewsr-listtxt .newsuser span {
margin-right: 0.1rem; } }
.page-template-product .prolistmain ul.content:after {
content: '';
width: 30.6%;
display: block; }
.page-template-product .prolist-item:hover .promore {
color: #fff; }
@media screen and (max-width: 1000px) {
.page-template-product .listbox {
padding-top: 0.6rem; }
.page-template-product .listbox .ban img {
height: 156.25vw; }
.page-template-product .listbox .listtopmain {
padding: 0 5.2083333333vw; }
.page-template-product .listbox .listtopmain .listtop-swiper-row {
padding: 0; }
.page-template-product .listbox .listtoppic {
width: 100%;
margin-top: 0;
background: none;
padding-top: 0; }
.page-template-product .listbox .listtoptxt {
width: 100%;
padding-left: 0; }
.page-template-product .listbox .listtoptxt p {
margin-bottom: 5.2083333333vw; }
.page-template-product .listbox .listtopmain .chatbtn {
position: relative;
left: 0;
padding-left: 0;
bottom: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-product .listbox .chatbtn a {
width: 39.0625vw; }
.page-template-product .listbox .chatbtn {
margin-top: 1.3020833333vw; }
.page-template-product .listbox .listtop-swiper-btn {
position: relative;
margin-top: 5.2083333333vw; }
.page-template-product .listbox .listtoptit {
margin-left: 0;
padding-left: 0.7rem;
padding-right: 10px;
margin-top: 2.6041666667vw;
line-height: 15.625vw;
min-height: 15.625vw; }
.page-template-product .listbox .listtoptit img {
display: none; }
.page-template-product .listbox .listtoptit h3 {
font-size: .18rem; }
.page-template-product .listbox .listtoptit:before {
width: 0.5rem;
height: 0.48rem;
left: 0.1rem; }
.page-template-product .listbox .listtop-swiper-btn .content {
width: 100%;
padding: 1.3020833333vw;
margin-top: 3.90625vw; }
.page-template-product .listbox .listtop-swiper-btn .swiper-button-next {
right: 0; }
.page-template-product .listbox .listtop-swiper-btn .swiper-button-prev {
left: 0; }
.page-template-product .listbox .listtop-btnpic {
height: 32.5520833333vw; }
.page-template-product .listtab {
display: none; }
.page-template-product .prolistmain .prolist {
display: block; }
.page-template-product .prolistmain .prolist li {
width: 100%; }
.page-template-solutions-single .detailtop {
padding: 0 5.2083333333vw; }
.page-template-solutions-single .detailtop .listtoppic {
width: 100%;
margin-top: 0;
background: none; }
.page-template-solutions-single .detailtop .listtoptxt {
width: 100%;
padding-left: 0; }
.page-template-solutions-single .detailtop .listtoptit {
margin-left: 0;
padding: 2.6041666667vw 1.3020833333vw;
margin-top: 2.6041666667vw;
line-height: 15.625vw;
min-height: auto;
width: 100%; }
.page-template-solutions-single .detailtop .listtoptit img {
display: none; }
.page-template-solutions-single .detailtop .listtoptit h1 {
font-size: .18rem; }
.page-template-solutions-single .detailtop .listtoptit:after {
display: none; }
.page-template-solutions-single .detailtop .listtoptxt .chatbtn {
margin: 3.90625vw 0;
padding-left: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-solutions-single .detailtop .chatbtn a {
width: 39.0625vw; }
.page-template-solutions-single .detailtop .chatbtn {
margin-top: 1.3020833333vw; }
.page-template-solutions-single .detailbot {
display: none; }
.page-template-solutions-single .detail-row h3 {
font-size: .24rem; }
.page-template-solutions-single .detail-row .videobox {
width: 100%;
margin: 0 0 6.5104166667vw; }
.page-template-solutions-single .detail-row .videobox iframe {
height: 2rem; }
.page-template-solutions-single .detail-row .descriptlist li {
margin-left: 0.54rem;
padding: 0.2rem 0.2rem; }
.page-template-solutions-single .detail-row .descriptlist li > span {
left: -0.54rem; }
.page-template-solutions-single .detail-row .descriptlist li > span i {
width: 0.54rem;
font-size: 0.26rem;
line-height: 0.39rem;
height: 0.39rem; }
.page-template-solutions-single .detail-row .descriptlist li h4 {
margin-bottom: 2.6041666667vw; }
.page-template-solutions-single .detail-row .caseslist li {
width: 100%; }
.page-template-solutions-single .furcasebox .flowrow {
padding: 2.6041666667vw; }
.page-template-solutions-single .furcasebox .flowbox {
padding: 0; }
.page-template-solutions-single .furcasebox .flowpic {
width: 100%; }
.page-template-solutions-single .furcasebox .flowbox > img {
position: relative; }
.page-template-solutions-single .furcasebox .flowpic-con {
height: 58.59375vw; }
.page-template-solutions-single .relate-solu ul {
display: block !important; }
.page-template-solutions-single .relate-solu li {
width: 100%; }
.page-template-solutions-single .relate-solu li .solulisttxt {
width: 100%;
padding: 0 2.6041666667vw; }
.page-template-solutions-single .solulisttxt:after {
display: none; }
.page-template-solutions-single .relate-solu li .solulisttxt h4 {
font-size: .14rem; }
.page-template-solutions-single .proing-item {
display: block !important; }
.page-template-solutions-single .relate-pro ul li {
width: 100%;
margin-bottom: 7.8125vw; }
.page-template-solutions-single .relate-news ul {
display: block !important; }
.page-template-solutions-single .relate-news ul::before {
display: none; }
.page-template-solutions-single .relate-news li {
width: 100%; } }
@media screen and (max-width: 1000px) {
.page-template-contact .listbox {
padding-top: 0.6rem; }
.page-template-contact .listbox .wap-flex {
display: -webkit-flex;
display: block; }
.page-template-contact .tactchat li {
width: 100%;
margin-bottom: 4.5572916667vw; }
.page-template-contact .tactchat li a b {
line-height: 1.2;
font-size: .3rem; }
.page-template-contact .chatbtn a {
margin-right: 0;
margin-bottom: 2.6041666667vw; }
.page-template-contact #dituContent {
height: 78.125vw; }
.page-template-contact .liuyan-row .content {
padding: 5.2083333333vw; }
.page-template-contact .liuyanitem .firstitem {
width: 100%; }
.page-template-contact .liuyanitem .seconditem {
width: 100%; } }
@media screen and (max-width: 1000px) {
.page-template-news .listbox {
padding-top: 0.6rem; }
.page-template-news .listbox .listbox-proimg {
height: 70%; }
.page-template-news .listbox .listbox-proimg img {
height: 100%;
width: 100%;
object-fit: cover; }
.page-template-news .newstop .newstoptit h2 {
position: relative;
right: auto;
left: 0;
top: 0; }
.page-template-news .newstop .newstoptit h2 a {
font-size: .18rem;
margin-bottom: 3.90625vw; }
.page-template-news .newstop .newstoptit h2 a img {
display: none; }
.page-template-news .newstop .aniimg {
width: 100%;
position: relative; }
.page-template-news .newstop .content {
width: 100%; }
.page-template-news .newstop .content .newstoptxt {
width: 100%;
margin-left: 0;
margin-top: 5.2083333333vw;
padding: 0.4rem 0.5rem 1rem; }
.page-template-news .newstop .newstopbtnbox .swiper-pagination-current {
font-size: 0.32rem; }
.page-template-news .newstop .newstopbtnbox .swiper-pagination {
font-size: .16rem; }
.page-template-news .newstop .newstopbtn .swiper-button-next, .page-template-news .newstop .newstopbtn .swiper-button-prev {
width: 35%;
height: 0.36rem; }
.page-template-news .newstop .newstopbtn {
width: .64rem; }
.page-template-news .newsitem li {
width: 100%; }
.page-template-news .newsitem li .aniimg {
width: 100%; }
.page-template-news .newsitem li .newsitemtxt {
margin-top: 2.6041666667vw;
width: 100%; }
.page-template-news .newsitem li .newsitemtxt h4 {
background: none;
margin-top: 0;
padding: 0;
margin-left: 0;
height: auto; }
.page-template-news .titbox h2, .page-template-news .titbox h1 {
font-size: .24rem; }
.page-template-news .speciallist {
display: block; }
.page-template-news .speciallist li {
width: 100%; }
.page-template-news .newsbtn {
width: 58.59375vw;
font-size: .18rem; }
.page-template-news .wquiplist {
display: block; }
.page-template-news .wquiplist li {
width: 100%; }
.page-template-news .newssolu {
display: block; }
.page-template-news .newssolu li {
width: 100%; }
.page-template-news .newsvideocon {
padding: 0.3rem 0.3rem 0; }
.page-template-news .newsvideolist li {
width: 100%; }
.page-template-news .newsvideolist li h4 {
font-size: .14rem; }
.page-template-newg .listbox img, .page-template-dynamic .listbox img, .page-template-newp .listbox img, .page-template-newo .listbox img, .page-template-video .listbox img {
width: 100%;
height: 100%;
object-fit: cover; }
.page-template-newg .listbox .abouttit, .page-template-dynamic .listbox .abouttit, .page-template-newp .listbox .abouttit, .page-template-newo .listbox .abouttit, .page-template-video .listbox .abouttit {
font-size: .3rem; }
.page-template-newg .listbox .abouttabbox .content, .page-template-dynamic .listbox .abouttabbox .content, .page-template-newp .listbox .abouttabbox .content, .page-template-newo .listbox .abouttabbox .content, .page-template-video .listbox .abouttabbox .content {
padding-bottom: 3.90625vw; }
.page-template-newg .listbox .abouttab, .page-template-dynamic .listbox .abouttab, .page-template-newp .listbox .abouttab, .page-template-newo .listbox .abouttab, .page-template-video .listbox .abouttab {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-newg .listbox .abouttab li, .page-template-dynamic .listbox .abouttab li, .page-template-newp .listbox .abouttab li, .page-template-newo .listbox .abouttab li, .page-template-video .listbox .abouttab li {
width: 49%;
margin-left: 0;
margin-bottom: 3.90625vw; }
.page-template-newg .listbox .abouttab li a, .page-template-dynamic .listbox .abouttab li a, .page-template-newp .listbox .abouttab li a, .page-template-newo .listbox .abouttab li a, .page-template-video .listbox .abouttab li a {
display: block;
position: relative; }
.page-template-newg .listbox .abouttab li:hover .abouttabtxt, .page-template-newg .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-dynamic .listbox .abouttab li:hover .abouttabtxt, .page-template-dynamic .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-newp .listbox .abouttab li:hover .abouttabtxt, .page-template-newp .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-newo .listbox .abouttab li:hover .abouttabtxt, .page-template-newo .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-video .listbox .abouttab li:hover .abouttabtxt, .page-template-video .listbox .abouttab li.abouttabact .abouttabtxt {
height: 100%; }
.page-template-newg .xhnewsbox .xhnewslist .aniimg, .page-template-dynamic .xhnewsbox .xhnewslist .aniimg, .page-template-newp .xhnewsbox .xhnewslist .aniimg, .page-template-newo .xhnewsbox .xhnewslist .aniimg, .page-template-video .xhnewsbox .xhnewslist .aniimg {
width: 100%; }
.page-template-newg .xhnewsbox .xhnewstxt, .page-template-dynamic .xhnewsbox .xhnewstxt, .page-template-newp .xhnewsbox .xhnewstxt, .page-template-newo .xhnewsbox .xhnewstxt, .page-template-video .xhnewsbox .xhnewstxt {
width: 100%; }
.page-template-newg .xhnewsbox .xhnewstxt h4, .page-template-dynamic .xhnewsbox .xhnewstxt h4, .page-template-newp .xhnewsbox .xhnewstxt h4, .page-template-newo .xhnewsbox .xhnewstxt h4, .page-template-video .xhnewsbox .xhnewstxt h4 {
padding: 0; }
.page-template-newg .xhnewsbox .xhnewstxt-con, .page-template-dynamic .xhnewsbox .xhnewstxt-con, .page-template-newp .xhnewsbox .xhnewstxt-con, .page-template-newo .xhnewsbox .xhnewstxt-con, .page-template-video .xhnewsbox .xhnewstxt-con {
background: none;
padding: 0; }
.page-template-newg .xhnewsbox .xhnewstxt-con span, .page-template-dynamic .xhnewsbox .xhnewstxt-con span, .page-template-newp .xhnewsbox .xhnewstxt-con span, .page-template-newo .xhnewsbox .xhnewstxt-con span, .page-template-video .xhnewsbox .xhnewstxt-con span {
margin-top: 2.6041666667vw; }
.page-template-newg .xhnewsbox .xhnewstxt-con i, .page-template-dynamic .xhnewsbox .xhnewstxt-con i, .page-template-newp .xhnewsbox .xhnewstxt-con i, .page-template-newo .xhnewsbox .xhnewstxt-con i, .page-template-video .xhnewsbox .xhnewstxt-con i {
margin-top: 2.6041666667vw;
position: relative;
bottom: 0;
float: right; }
.page-template-newg .speciallist, .page-template-dynamic .speciallist, .page-template-newp .speciallist, .page-template-newo .speciallist, .page-template-video .speciallist {
display: block; }
.page-template-newg .speciallist li, .page-template-dynamic .speciallist li, .page-template-newp .speciallist li, .page-template-newo .speciallist li, .page-template-video .speciallist li {
width: 100%; }
.page-template-newg .speciallist .specialtxt h4, .page-template-newg .speciallist .wquiplist li a, .page-template-newg .speciallist .newssolutxt h4, .page-template-dynamic .speciallist .specialtxt h4, .page-template-dynamic .speciallist .wquiplist li a, .page-template-dynamic .speciallist .newssolutxt h4, .page-template-newp .speciallist .specialtxt h4, .page-template-newp .speciallist .wquiplist li a, .page-template-newp .speciallist .newssolutxt h4, .page-template-newo .speciallist .specialtxt h4, .page-template-newo .speciallist .wquiplist li a, .page-template-newo .speciallist .newssolutxt h4, .page-template-video .speciallist .specialtxt h4, .page-template-video .speciallist .wquiplist li a, .page-template-video .speciallist .newssolutxt h4 {
line-height: 44px; }
.page-template-newg .pronewsbox .newsitem, .page-template-dynamic .pronewsbox .newsitem, .page-template-newp .pronewsbox .newsitem, .page-template-newo .pronewsbox .newsitem, .page-template-video .pronewsbox .newsitem {
display: block; }
.page-template-newg .pronewsbox .newsitem li, .page-template-dynamic .pronewsbox .newsitem li, .page-template-newp .pronewsbox .newsitem li, .page-template-newo .pronewsbox .newsitem li, .page-template-video .pronewsbox .newsitem li {
width: 100%; }
.page-template-newg .pronewsbox .newsitem li .aniimg, .page-template-dynamic .pronewsbox .newsitem li .aniimg, .page-template-newp .pronewsbox .newsitem li .aniimg, .page-template-newo .pronewsbox .newsitem li .aniimg, .page-template-video .pronewsbox .newsitem li .aniimg {
width: 100%; }
.page-template-newg .pronewsbox .newsitemtxt, .page-template-dynamic .pronewsbox .newsitemtxt, .page-template-newp .pronewsbox .newsitemtxt, .page-template-newo .pronewsbox .newsitemtxt, .page-template-video .pronewsbox .newsitemtxt {
width: 100%;
margin-top: 2.6041666667vw; }
.page-template-newg .pronewsbox .newsitemtxt h4, .page-template-dynamic .pronewsbox .newsitemtxt h4, .page-template-newp .pronewsbox .newsitemtxt h4, .page-template-newo .pronewsbox .newsitemtxt h4, .page-template-video .pronewsbox .newsitemtxt h4 {
margin-top: 0;
padding: 0;
background: none;
height: auto; }
.page-template-newg .pronewsbox .newssolu, .page-template-dynamic .pronewsbox .newssolu, .page-template-newp .pronewsbox .newssolu, .page-template-newo .pronewsbox .newssolu, .page-template-video .pronewsbox .newssolu {
display: block; }
.page-template-newg .pronewsbox .newssolu li, .page-template-dynamic .pronewsbox .newssolu li, .page-template-newp .pronewsbox .newssolu li, .page-template-newo .pronewsbox .newssolu li, .page-template-video .pronewsbox .newssolu li {
width: 100%; }
.page-template-newg .titbox h2, .page-template-newg .titbox h1, .page-template-dynamic .titbox h2, .page-template-dynamic .titbox h1, .page-template-newp .titbox h2, .page-template-newp .titbox h1, .page-template-newo .titbox h2, .page-template-newo .titbox h1, .page-template-video .titbox h2, .page-template-video .titbox h1 {
font-size: .24rem; }
.page-template-newg .newsvideocon, .page-template-dynamic .newsvideocon, .page-template-newp .newsvideocon, .page-template-newo .newsvideocon, .page-template-video .newsvideocon {
padding: 0.3rem 0.3rem 0; }
.page-template-newg .newsvideolist li, .page-template-dynamic .newsvideolist li, .page-template-newp .newsvideolist li, .page-template-newo .newsvideolist li, .page-template-video .newsvideolist li {
width: 100%; }
.page-template-newg .newsvideolist li h4, .page-template-dynamic .newsvideolist li h4, .page-template-newp .newsvideolist li h4, .page-template-newo .newsvideolist li h4, .page-template-video .newsvideolist li h4 {
font-size: .14rem; }
.page-template-newg .newsbtn, .page-template-dynamic .newsbtn, .page-template-newp .newsbtn, .page-template-newo .newsbtn, .page-template-video .newsbtn {
width: 58.59375vw;
font-size: .18rem; }
.single-post-newg .listbox .listban, .post-newp-template-default .listbox .listban, .post-newo-template-default .listbox .listban {
height: 100%;
object-fit: cover; }
.single-post-newg .aboutbox .abouttit, .post-newp-template-default .aboutbox .abouttit, .post-newo-template-default .aboutbox .abouttit {
font-size: .24rem; }
.single-post-newg .aboutbox .newsdetail, .post-newp-template-default .aboutbox .newsdetail, .post-newo-template-default .aboutbox .newsdetail {
margin-top: 5.2083333333vw;
padding: 5.2083333333vw; }
.single-post-newg .aboutbox .newsdetail h1, .post-newp-template-default .aboutbox .newsdetail h1, .post-newo-template-default .aboutbox .newsdetail h1 {
max-width: none;
font-size: .24rem; }
.single-post-newg .aboutbox .newsdetail span, .post-newp-template-default .aboutbox .newsdetail span, .post-newo-template-default .aboutbox .newsdetail span {
font-size: .14rem; }
.single-post-newg .aboutbox .newsdetail .newschat, .post-newp-template-default .aboutbox .newsdetail .newschat, .post-newo-template-default .aboutbox .newsdetail .newschat {
margin: 5.2083333333vw 0;
padding: 2.6041666667vw; }
.single-post-newg .aboutbox .newsdetail .newschat p, .post-newp-template-default .aboutbox .newsdetail .newschat p, .post-newo-template-default .aboutbox .newsdetail .newschat p {
font-size: .14rem; }
.single-post-newg .aboutbox .newsdetail .newschat .chatbtn, .post-newp-template-default .aboutbox .newsdetail .newschat .chatbtn, .post-newo-template-default .aboutbox .newsdetail .newschat .chatbtn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.single-post-newg .aboutbox .newsdetail .newschat .chatbtn a, .post-newp-template-default .aboutbox .newsdetail .newschat .chatbtn a, .post-newo-template-default .aboutbox .newsdetail .newschat .chatbtn a {
width: 49%;
font-size: .12rem; }
.single-post-newg .newsdetail2, .post-newp-template-default .newsdetail2, .post-newo-template-default .newsdetail2 {
width: 100%;
padding: 0 5.2083333333vw; }
.single-post-newg .newsdetail2 .new-article, .post-newp-template-default .newsdetail2 .new-article, .post-newo-template-default .newsdetail2 .new-article {
padding: 0;
margin-bottom: 5.2083333333vw; }
.single-post-newg .newsdetail2 .new-article-nav, .post-newp-template-default .newsdetail2 .new-article-nav, .post-newo-template-default .newsdetail2 .new-article-nav {
margin-top: 5.2083333333vw; }
.single-post-newg .newsdetail2 .new-article-nav b, .post-newp-template-default .newsdetail2 .new-article-nav b, .post-newo-template-default .newsdetail2 .new-article-nav b {
font-size: .24rem;
line-height: 1.2; }
.single-post-newg .newsdetail2 .new-article-nav ul, .post-newp-template-default .newsdetail2 .new-article-nav ul, .post-newo-template-default .newsdetail2 .new-article-nav ul {
margin: 0;
width: 100%; }
.single-post-newg .newsdetail2 .new-article-nav ul li a, .post-newp-template-default .newsdetail2 .new-article-nav ul li a, .post-newo-template-default .newsdetail2 .new-article-nav ul li a {
font-size: .12rem; }
.single-post-newg .newsdetail2 .zeng-h, .post-newp-template-default .newsdetail2 .zeng-h, .post-newo-template-default .newsdetail2 .zeng-h {
font-size: .2rem;
padding: .1rem 0.3rem; }
.single-post-newg .newsdetail2 .zeng-h span, .post-newp-template-default .newsdetail2 .zeng-h span, .post-newo-template-default .newsdetail2 .zeng-h span {
font-size: .18rem; }
.single-post-newg .newsdetail2 .list-paddingleft-2, .post-newp-template-default .newsdetail2 .list-paddingleft-2, .post-newo-template-default .newsdetail2 .list-paddingleft-2 {
width: 100%; }
.single-post-newg .detail-row h3, .post-newp-template-default .detail-row h3, .post-newo-template-default .detail-row h3 {
font-size: .24rem; }
.single-post-newg .detail-row .wap-flex, .post-newp-template-default .detail-row .wap-flex, .post-newo-template-default .detail-row .wap-flex {
display: -webkit-flex;
display: block; }
.single-post-newg .detail-row .wap-flex:before, .post-newp-template-default .detail-row .wap-flex:before, .post-newo-template-default .detail-row .wap-flex:before {
content: none; }
.single-post-newg .detail-row .wap-flex.proing-item li, .post-newp-template-default .detail-row .wap-flex.proing-item li, .post-newo-template-default .detail-row .wap-flex.proing-item li {
margin-bottom: 7.8125vw; }
.single-post-newg .detail-row .wap-flex li, .post-newp-template-default .detail-row .wap-flex li, .post-newo-template-default .detail-row .wap-flex li {
width: 100%; } }
.culturebox .wap-flex:nth-child(2) {
flex-direction: row-reverse; }
.teambox .teamcon {
flex-direction: row-reverse; }
@media screen and (min-width: 1001px) {
.seniorlist > li .seniorlistpic:hover span {
background: #061020; }
.seniorlist > li:hover {
z-index: 3; }
.seniorlist > li .seniorlistpic:hover + .seniortxt {
position: absolute;
right: 0;
top: 45px;
background: #FFF;
padding-top: .4rem;
z-index: 3; }
.seniorlist > li .seniorlistpic:hover + .seniortxt::before {
content: '';
display: block;
position: absolute;
box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.17);
z-index: -1;
background: #FFF;
top: 0;
right: -.6rem;
left: -.75rem;
bottom: -.5rem; }
.seniorlist > li .seniorlistpic:hover + .seniortxt::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: .17rem 0 .17rem .23rem;
border-color: transparent transparent transparent #BD1D21;
left: -.75rem;
top: .4rem; }
.seniorlist > li .seniorlistpic:hover + .seniortxt .about-achieve {
display: block; } }
@media screen and (max-width: 1000px) {
.page-template-page_about .fzlcbgtxt, .page-template-milestone .fzlcbgtxt, .page-template-technical-strength .fzlcbgtxt, .page-template-honor .fzlcbgtxt, .page-template-expert-team .fzlcbgtxt {
font-size: 1rem; }
.page-template-page_about .listbox, .page-template-milestone .listbox, .page-template-technical-strength .listbox, .page-template-honor .listbox, .page-template-expert-team .listbox {
padding-top: 0.6rem; }
.page-template-page_about .listbox img, .page-template-milestone .listbox img, .page-template-technical-strength .listbox img, .page-template-honor .listbox img, .page-template-expert-team .listbox img {
width: 100%;
height: 100%;
object-fit: cover; }
.page-template-page_about .listbox .abouttit, .page-template-milestone .listbox .abouttit, .page-template-technical-strength .listbox .abouttit, .page-template-honor .listbox .abouttit, .page-template-expert-team .listbox .abouttit {
font-size: .3rem; }
.page-template-page_about .listbox .abouttabbox .content, .page-template-milestone .listbox .abouttabbox .content, .page-template-technical-strength .listbox .abouttabbox .content, .page-template-honor .listbox .abouttabbox .content, .page-template-expert-team .listbox .abouttabbox .content {
padding-bottom: 3.90625vw; }
.page-template-page_about .listbox .abouttab, .page-template-milestone .listbox .abouttab, .page-template-technical-strength .listbox .abouttab, .page-template-honor .listbox .abouttab, .page-template-expert-team .listbox .abouttab {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-page_about .listbox .abouttab li, .page-template-milestone .listbox .abouttab li, .page-template-technical-strength .listbox .abouttab li, .page-template-honor .listbox .abouttab li, .page-template-expert-team .listbox .abouttab li {
width: 49%;
margin-left: 0;
margin-bottom: 3.90625vw; }
.page-template-page_about .listbox .abouttab li a, .page-template-milestone .listbox .abouttab li a, .page-template-technical-strength .listbox .abouttab li a, .page-template-honor .listbox .abouttab li a, .page-template-expert-team .listbox .abouttab li a {
display: block;
position: relative; }
.page-template-page_about .listbox .abouttab li:hover .abouttabtxt, .page-template-page_about .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-milestone .listbox .abouttab li:hover .abouttabtxt, .page-template-milestone .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-technical-strength .listbox .abouttab li:hover .abouttabtxt, .page-template-technical-strength .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-honor .listbox .abouttab li:hover .abouttabtxt, .page-template-honor .listbox .abouttab li.abouttabact .abouttabtxt, .page-template-expert-team .listbox .abouttab li:hover .abouttabtxt, .page-template-expert-team .listbox .abouttab li.abouttabact .abouttabtxt {
height: 100%; }
.page-template-page_about .titbox h2, .page-template-page_about .titbox h1, .page-template-milestone .titbox h2, .page-template-milestone .titbox h1, .page-template-technical-strength .titbox h2, .page-template-technical-strength .titbox h1, .page-template-honor .titbox h2, .page-template-honor .titbox h1, .page-template-expert-team .titbox h2, .page-template-expert-team .titbox h1 {
font-size: .24rem; }
.page-template-page_about .companypic, .page-template-milestone .companypic, .page-template-technical-strength .companypic, .page-template-honor .companypic, .page-template-expert-team .companypic {
width: 100%; }
.page-template-page_about .companytxt, .page-template-milestone .companytxt, .page-template-technical-strength .companytxt, .page-template-honor .companytxt, .page-template-expert-team .companytxt {
width: 100%; }
.page-template-page_about .companylist, .page-template-milestone .companylist, .page-template-technical-strength .companylist, .page-template-honor .companylist, .page-template-expert-team .companylist {
position: relative;
width: 100%; }
.page-template-page_about .companylist li, .page-template-milestone .companylist li, .page-template-technical-strength .companylist li, .page-template-honor .companylist li, .page-template-expert-team .companylist li {
width: 100%;
padding: 5.2083333333vw 0; }
.page-template-page_about .aboutepc-row > p, .page-template-milestone .aboutepc-row > p, .page-template-technical-strength .aboutepc-row > p, .page-template-honor .aboutepc-row > p, .page-template-expert-team .aboutepc-row > p {
width: 100%;
margin-top: 5.2083333333vw; }
.page-template-page_about .aboutepc-row > img, .page-template-milestone .aboutepc-row > img, .page-template-technical-strength .aboutepc-row > img, .page-template-honor .aboutepc-row > img, .page-template-expert-team .aboutepc-row > img {
position: relative;
width: 100%; }
.page-template-page_about .abepclist, .page-template-milestone .abepclist, .page-template-technical-strength .abepclist, .page-template-honor .abepclist, .page-template-expert-team .abepclist {
width: 100%;
padding: 5.2083333333vw; }
.page-template-page_about .abepclist li, .page-template-milestone .abepclist li, .page-template-technical-strength .abepclist li, .page-template-honor .abepclist li, .page-template-expert-team .abepclist li {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .abepclist li img, .page-template-milestone .abepclist li img, .page-template-technical-strength .abepclist li img, .page-template-honor .abepclist li img, .page-template-expert-team .abepclist li img {
width: .29rem; }
.page-template-page_about .abepclist li h3, .page-template-milestone .abepclist li h3, .page-template-technical-strength .abepclist li h3, .page-template-honor .abepclist li h3, .page-template-expert-team .abepclist li h3 {
width: 19.53125vw;
font-size: .24rem;
margin-right: 0; }
.page-template-page_about .abepclist li .abepclisttxt, .page-template-milestone .abepclist li .abepclisttxt, .page-template-technical-strength .abepclist li .abepclisttxt, .page-template-honor .abepclist li .abepclisttxt, .page-template-expert-team .abepclist li .abepclisttxt {
margin-top: 5.2083333333vw;
flex: 1;
padding-left: 2.6041666667vw; }
.page-template-page_about .culturebox .wap-flex, .page-template-milestone .culturebox .wap-flex, .page-template-technical-strength .culturebox .wap-flex, .page-template-honor .culturebox .wap-flex, .page-template-expert-team .culturebox .wap-flex {
display: block; }
.page-template-page_about .culturebox .culturepic, .page-template-milestone .culturebox .culturepic, .page-template-technical-strength .culturebox .culturepic, .page-template-honor .culturebox .culturepic, .page-template-expert-team .culturebox .culturepic {
width: 100%; }
.page-template-page_about .culturebox .culturelist, .page-template-milestone .culturebox .culturelist, .page-template-technical-strength .culturebox .culturelist, .page-template-honor .culturebox .culturelist, .page-template-expert-team .culturebox .culturelist {
width: 100%; }
.page-template-page_about .fzlccon, .page-template-milestone .fzlccon, .page-template-technical-strength .fzlccon, .page-template-honor .fzlccon, .page-template-expert-team .fzlccon {
width: 100%; }
.page-template-page_about .fzlctab, .page-template-milestone .fzlctab, .page-template-technical-strength .fzlctab, .page-template-honor .fzlctab, .page-template-expert-team .fzlctab {
display: none; }
.page-template-page_about .fzlcitem-list .fzlcitem-pic img, .page-template-milestone .fzlcitem-list .fzlcitem-pic img, .page-template-technical-strength .fzlcitem-list .fzlcitem-pic img, .page-template-honor .fzlcitem-list .fzlcitem-pic img, .page-template-expert-team .fzlcitem-list .fzlcitem-pic img {
margin-right: 0;
margin-bottom: 2.6041666667vw;
width: 100%;
max-width: none; }
.page-template-page_about .fzlcitem-list span, .page-template-milestone .fzlcitem-list span, .page-template-technical-strength .fzlcitem-list span, .page-template-honor .fzlcitem-list span, .page-template-expert-team .fzlcitem-list span {
width: 100%; }
.page-template-page_about .fzlcitem-list .fzlcitem-con, .page-template-milestone .fzlcitem-list .fzlcitem-con, .page-template-technical-strength .fzlcitem-list .fzlcitem-con, .page-template-honor .fzlcitem-list .fzlcitem-con, .page-template-expert-team .fzlcitem-list .fzlcitem-con {
width: 100%;
margin-top: 5.2083333333vw; }
.page-template-page_about .fzlcitem li h5, .page-template-milestone .fzlcitem li h5, .page-template-technical-strength .fzlcitem li h5, .page-template-honor .fzlcitem li h5, .page-template-expert-team .fzlcitem li h5 {
margin-bottom: 5.2083333333vw; }
.page-template-page_about .jssltxt:before, .page-template-milestone .jssltxt:before, .page-template-technical-strength .jssltxt:before, .page-template-honor .jssltxt:before, .page-template-expert-team .jssltxt:before {
width: 5%; }
.page-template-page_about .jssltxt p, .page-template-milestone .jssltxt p, .page-template-technical-strength .jssltxt p, .page-template-honor .jssltxt p, .page-template-expert-team .jssltxt p {
margin-left: 5%;
width: 95%; }
.page-template-page_about .jsslpic, .page-template-milestone .jsslpic, .page-template-technical-strength .jsslpic, .page-template-honor .jsslpic, .page-template-expert-team .jsslpic {
width: 100%; }
.page-template-page_about .jsslban, .page-template-milestone .jsslban, .page-template-technical-strength .jsslban, .page-template-honor .jsslban, .page-template-expert-team .jsslban {
margin-top: 5.2083333333vw;
width: 100%; }
.page-template-page_about .jsslban-tit, .page-template-milestone .jsslban-tit, .page-template-technical-strength .jsslban-tit, .page-template-honor .jsslban-tit, .page-template-expert-team .jsslban-tit {
padding-right: 0;
text-align: left; }
.page-template-page_about .jsslban-tit h4, .page-template-milestone .jsslban-tit h4, .page-template-technical-strength .jsslban-tit h4, .page-template-honor .jsslban-tit h4, .page-template-expert-team .jsslban-tit h4 {
font-size: .24rem; }
.page-template-page_about .jsslban-tit h5, .page-template-milestone .jsslban-tit h5, .page-template-technical-strength .jsslban-tit h5, .page-template-honor .jsslban-tit h5, .page-template-expert-team .jsslban-tit h5 {
font-size: .28rem; }
.page-template-page_about .jsslban-tit i, .page-template-milestone .jsslban-tit i, .page-template-technical-strength .jsslban-tit i, .page-template-honor .jsslban-tit i, .page-template-expert-team .jsslban-tit i {
display: none; }
.page-template-page_about .jsslban-btn, .page-template-milestone .jsslban-btn, .page-template-technical-strength .jsslban-btn, .page-template-honor .jsslban-btn, .page-template-expert-team .jsslban-btn {
left: 0;
position: relative;
margin-top: 2.6041666667vw; }
.page-template-page_about .jsslbantxt, .page-template-milestone .jsslbantxt, .page-template-technical-strength .jsslbantxt, .page-template-honor .jsslbantxt, .page-template-expert-team .jsslbantxt {
position: relative;
left: 0;
width: 100%;
padding: 2.6041666667vw; }
.page-template-page_about .advantagebox .advanlist, .page-template-milestone .advantagebox .advanlist, .page-template-technical-strength .advantagebox .advanlist, .page-template-honor .advantagebox .advanlist, .page-template-expert-team .advantagebox .advanlist {
display: block;
margin-bottom: 0; }
.page-template-page_about .advantagebox .advanlist li, .page-template-milestone .advantagebox .advanlist li, .page-template-technical-strength .advantagebox .advanlist li, .page-template-honor .advantagebox .advanlist li, .page-template-expert-team .advantagebox .advanlist li {
width: 100%;
margin-bottom: 10.4166666667vw; }
.page-template-page_about .ouritemtit h3, .page-template-milestone .ouritemtit h3, .page-template-technical-strength .ouritemtit h3, .page-template-honor .ouritemtit h3, .page-template-expert-team .ouritemtit h3 {
font-size: .24rem; }
.page-template-page_about .ouritem, .page-template-milestone .ouritem, .page-template-technical-strength .ouritem, .page-template-honor .ouritem, .page-template-expert-team .ouritem {
padding: 6.5104166667vw 0; }
.page-template-page_about .ouritem .wap-flex, .page-template-milestone .ouritem .wap-flex, .page-template-technical-strength .ouritem .wap-flex, .page-template-honor .ouritem .wap-flex, .page-template-expert-team .ouritem .wap-flex {
display: block; }
.page-template-page_about .ouritem .ouritemleft, .page-template-milestone .ouritem .ouritemleft, .page-template-technical-strength .ouritem .ouritemleft, .page-template-honor .ouritem .ouritemleft, .page-template-expert-team .ouritem .ouritemleft {
width: 100%; }
.page-template-page_about .ouritem .ouritemright, .page-template-milestone .ouritem .ouritemright, .page-template-technical-strength .ouritem .ouritemright, .page-template-honor .ouritem .ouritemright, .page-template-expert-team .ouritem .ouritemright {
width: 100%; }
.page-template-page_about .certificate-six, .page-template-milestone .certificate-six, .page-template-technical-strength .certificate-six, .page-template-honor .certificate-six, .page-template-expert-team .certificate-six {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .certificate-six li, .page-template-milestone .certificate-six li, .page-template-technical-strength .certificate-six li, .page-template-honor .certificate-six li, .page-template-expert-team .certificate-six li {
width: 49%;
margin-bottom: 3.90625vw; }
.page-template-page_about .certificatetxt, .page-template-milestone .certificatetxt, .page-template-technical-strength .certificatetxt, .page-template-honor .certificatetxt, .page-template-expert-team .certificatetxt {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .certificatetxt .certificatetxt-left, .page-template-milestone .certificatetxt .certificatetxt-left, .page-template-technical-strength .certificatetxt .certificatetxt-left, .page-template-honor .certificatetxt .certificatetxt-left, .page-template-expert-team .certificatetxt .certificatetxt-left {
width: 100%;
margin-bottom: 3.90625vw; }
.page-template-page_about .certificatetxt .certificatetxt-right, .page-template-milestone .certificatetxt .certificatetxt-right, .page-template-technical-strength .certificatetxt .certificatetxt-right, .page-template-honor .certificatetxt .certificatetxt-right, .page-template-expert-team .certificatetxt .certificatetxt-right {
width: 100%; }
.page-template-page_about .honorbox .honorpic, .page-template-page_about .honorbox .honorpic2, .page-template-milestone .honorbox .honorpic, .page-template-milestone .honorbox .honorpic2, .page-template-technical-strength .honorbox .honorpic, .page-template-technical-strength .honorbox .honorpic2, .page-template-honor .honorbox .honorpic, .page-template-honor .honorbox .honorpic2, .page-template-expert-team .honorbox .honorpic, .page-template-expert-team .honorbox .honorpic2 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .honorbox .honorpic li, .page-template-page_about .honorbox .honorpic2 li, .page-template-milestone .honorbox .honorpic li, .page-template-milestone .honorbox .honorpic2 li, .page-template-technical-strength .honorbox .honorpic li, .page-template-technical-strength .honorbox .honorpic2 li, .page-template-honor .honorbox .honorpic li, .page-template-honor .honorbox .honorpic2 li, .page-template-expert-team .honorbox .honorpic li, .page-template-expert-team .honorbox .honorpic2 li {
width: 49%;
margin-bottom: 2.6041666667vw; }
.page-template-page_about .teambox .teamcon, .page-template-milestone .teambox .teamcon, .page-template-technical-strength .teambox .teamcon, .page-template-honor .teambox .teamcon, .page-template-expert-team .teambox .teamcon {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row-reverse; }
.page-template-page_about .teambox .teamcon .teamtxt, .page-template-milestone .teambox .teamcon .teamtxt, .page-template-technical-strength .teambox .teamcon .teamtxt, .page-template-honor .teambox .teamcon .teamtxt, .page-template-expert-team .teambox .teamcon .teamtxt {
width: 100%; }
.page-template-page_about .teambox .teamcon .teampic, .page-template-milestone .teambox .teamcon .teampic, .page-template-technical-strength .teambox .teamcon .teampic, .page-template-honor .teambox .teamcon .teampic, .page-template-expert-team .teambox .teamcon .teampic {
width: 100%;
margin-bottom: 5.2083333333vw; }
.page-template-page_about .teambox .teamcon .teampic p, .page-template-milestone .teambox .teamcon .teampic p, .page-template-technical-strength .teambox .teamcon .teampic p, .page-template-honor .teambox .teamcon .teampic p, .page-template-expert-team .teambox .teamcon .teampic p {
padding: 0; }
.page-template-page_about .teambox .teamtxt ul, .page-template-milestone .teambox .teamtxt ul, .page-template-technical-strength .teambox .teamtxt ul, .page-template-honor .teambox .teamtxt ul, .page-template-expert-team .teambox .teamtxt ul {
margin-top: 2.6041666667vw; }
.page-template-page_about .teambox .teamhonor, .page-template-milestone .teambox .teamhonor, .page-template-technical-strength .teambox .teamhonor, .page-template-honor .teambox .teamhonor, .page-template-expert-team .teambox .teamhonor {
margin-top: 5.2083333333vw; }
.page-template-page_about .senioritem .wap-flex, .page-template-milestone .senioritem .wap-flex, .page-template-technical-strength .senioritem .wap-flex, .page-template-honor .senioritem .wap-flex, .page-template-expert-team .senioritem .wap-flex {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .senioritem .seniorpic, .page-template-milestone .senioritem .seniorpic, .page-template-technical-strength .senioritem .seniorpic, .page-template-honor .senioritem .seniorpic, .page-template-expert-team .senioritem .seniorpic {
width: 100%; }
.page-template-page_about .senioritem .seniortxt, .page-template-milestone .senioritem .seniortxt, .page-template-technical-strength .senioritem .seniortxt, .page-template-honor .senioritem .seniortxt, .page-template-expert-team .senioritem .seniortxt {
width: 100%;
margin-top: 5.2083333333vw; }
.page-template-page_about .seniorlist li, .page-template-milestone .seniorlist li, .page-template-technical-strength .seniorlist li, .page-template-honor .seniorlist li, .page-template-expert-team .seniorlist li {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-page_about .seniorlist li .seniorlistpic, .page-template-milestone .seniorlist li .seniorlistpic, .page-template-technical-strength .seniorlist li .seniorlistpic, .page-template-honor .seniorlist li .seniorlistpic, .page-template-expert-team .seniorlist li .seniorlistpic {
width: 100%; }
.page-template-page_about .seniorlist li .seniortxt, .page-template-milestone .seniorlist li .seniortxt, .page-template-technical-strength .seniorlist li .seniortxt, .page-template-honor .seniorlist li .seniortxt, .page-template-expert-team .seniorlist li .seniortxt {
margin-top: 5.2083333333vw;
width: 100%; }
.page-template-page_about .seniorlist .seniorlist > li, .page-template-milestone .seniorlist .seniorlist > li, .page-template-technical-strength .seniorlist .seniorlist > li, .page-template-honor .seniorlist .seniorlist > li, .page-template-expert-team .seniorlist .seniorlist > li {
border-bottom: none; }
.page-template-page_about .seniorlist .seniorlistpic span, .page-template-milestone .seniorlist .seniorlistpic span, .page-template-technical-strength .seniorlist .seniorlistpic span, .page-template-honor .seniorlist .seniorlistpic span, .page-template-expert-team .seniorlist .seniorlistpic span {
display: none; }
.page-template-page_about .seniorlist .about-achieve, .page-template-milestone .seniorlist .about-achieve, .page-template-technical-strength .seniorlist .about-achieve, .page-template-honor .seniorlist .about-achieve, .page-template-expert-team .seniorlist .about-achieve {
display: block; } }
.my-header {
display: none; }
.my-swiper1 {
display: none; }
@media screen and (max-width: 1000px) { header {
display: none; }
.my-header {
width: 100%;
height: 0.6rem;
background: black;
top: 0;
z-index: 200;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0.5rem 0 0.1rem; }
.my-header .wap-content {
width: 100%; }
.my-header .wap-content .wap-flex {
flex-wrap: nowrap; }
.header-logo {
line-height: 1; }
.header-logo img {
height: 0.3rem; }
.search-icon {
position: absolute;
top: 0;
left: 0;
z-index: 200; }
.search-icon div {
display: block;
padding: 0.5547rem 0.64rem; }
.search-icon img {
width: 1.0667rem;
height: 1.0667rem; }
.header-search-input {
position: relative; }
.header-search-input input {
display: block;
height: 0.35rem;
padding-left: 0.1rem;
font-size: 0.16rem;
border-radius: 10px;
border: none;
width: 2.2rem;
background-color: #fff; }
input::-webkit-input-placeholder {
color: #fff;
font-size: 0.5547rem; }
.header-search-input img {
width: 0.8107rem;
height: 0.8107rem;
position: absolute;
right: 0.4267rem;
top: 0.2133rem; } .nav-icon1 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon1.png) no-repeat center;
background-size: cover; }
.nav-icon2 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon2.png) no-repeat center;
background-size: cover; }
.nav-icon3 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon3.png) no-repeat center;
background-size: cover; }
.nav-icon4 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon4.png) no-repeat center;
background-size: cover; }
.nav-icon5 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon5.png) no-repeat center;
background-size: cover; }
.nav-icon6 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon6.png) no-repeat center;
background-size: cover; }
.nav-icon7 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon7.png) no-repeat center;
background-size: cover; }
.nav-icon8 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon8.png) no-repeat center;
background-size: cover; }
.nav-icon9 {
width: 0.2rem;
height: 0.2rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon9.png) no-repeat center;
background-size: cover; }
.nav-icon10 {
width: 0.1rem;
height: 0.14rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/nav-icon10.png) no-repeat center;
background-size: cover; }
.menu {
min-width: 100px;
width: 60% !important;
color: #666666;
height: 100%; }
.menumain {
margin-top: 0.6rem;
padding-top: 0.2rem;
overflow-y: auto;
width: 100%; }
.menu ul {
padding: 0 0.3rem; }
.menu li {
border-bottom: 1px dashed #e6e6e6;
padding: 0.14rem 0; }
.menu li p {
font-size: 0.16rem;
width: 51%; }
.header-search .search-btn {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/search_sp.png) no-repeat center;
background-size: 100%;
width: 0.2rem;
position: absolute;
right: 0.1rem;
top: 0; }
.menu-button {
position: absolute;
top: 0;
right: 0;
padding: 0.2rem 0.15rem;
cursor: pointer;
transition: .3s;
z-index: 21; }
.menu-button .bar:nth-of-type(1) {
margin-top: 0px; }
.menu-button .bar:nth-of-type(3) {
margin-bottom: 0px; }
.bar {
position: relative;
display: block;
width: 0.25rem;
height: 2px;
margin: 0.06rem auto;
background-color: #fff;
border-radius: 10px;
transition: .3s; }
.cross .bar:nth-of-type(1) {
transform: translateY(0.1rem) rotate(-45deg); }
.cross .bar:nth-of-type(2) {
opacity: 0; }
.cross .bar:nth-of-type(3) {
transform: translateY(-0.06rem) rotate(45deg); }
.my-swiper1 {
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
width: 100%;
z-index: 10;
left: -100%;
transition: all 0.2s;
display: block; }
.my-swiper1.active {
left: 0; }
.my-swiper1 .swiper-slide {
background-color: #fff; }
.route a:first-child:before {
margin-top: 6px; } }
.footer-fixed {
display: none; }
@media screen and (max-width: 1000px) {
footer {
padding-bottom: 0.8rem; }
footer .foottop {
display: none; }
.rightbox {
display: none; }
.footer-fixed {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10;
height: 0.8rem;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/footer-bg.png) no-repeat center;
background-size: cover; }
.footer-fixed-con {
padding-top: 0.32rem; }
.footer-fixed-item {
width: 19%;
text-align: center; }
.footer-fixed-item a {
text-align: center;
display: block; }
.footer-fixed-item span {
display: block;
font-size: 0.12rem;
color: #fff;
margin-top: 0.05rem;
font-weight: 500;
line-height: 1; }
.footer-fixed-item .footer-fixed-item-img img {
display: block;
margin: 0 auto; }
.footer-fixed-item:nth-child(1) .footer-fixed-item-img img {
width: 0.2rem;
height: 0.2rem; }
.footer-fixed-item:nth-child(2) .footer-fixed-item-img img {
width: 0.2rem;
height: 0.2rem; }
.footer-fixed-item:nth-child(4) .footer-fixed-item-img img {
width: 0.2rem;
height: 0.2rem; }
.footer-fixed-item:nth-child(5) .footer-fixed-item-img img {
width: 0.2rem;
height: 0.2rem; }
.footer-fixed-item-img {
height: 0.2rem; }
.footer-fixed-item .footer-fixed-item-img img {
vertical-align: middle; }
.footer-fixed-item-yuan {
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
width: 0.6rem;
height: 0.6rem;
line-height: 0.6rem;
position: absolute;
left: 42.2%;
bottom: 0.1rem;
overflow: hidden;
border-radius: 100%;
-webkit-border-radius: 100%; }
.footer-fixed-item-yuan a {
background-color: #fff;
display: block;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
text-align: center;
width: 100%;
height: 100%;
background-image: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/fo-dui.png);
background-position: center;
background-repeat: no-repeat;
background-size: 0.3rem 0.26rem;
text-align: center;
font-size: 0; }
.footer-fixed-item-yuan i {
display: inline-block;
width: 0.04rem;
height: 0.04rem;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
margin-right: 0.03rem; }
.footer-fixed-item-yuan i:last-child {
margin-right: 0; }
.footer-fixed-item-yuan i:nth-child(1) {
animation: dianShow1 3s infinite 0.5s linear;
-webkit-animation: dianShow1 3s infinite 0.5s linear;
-o-animation: dianShow1 3s infinite 0.5s linear;
-moz-animation: dianShow1 3s infinite 0.5s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
.footer-fixed-item-yuan i:nth-child(2) {
animation: dianShow2 3s infinite 0.5s linear;
-webkit-animation: dianShow2 3s infinite 0.5s linear;
-o-animation: dianShow2 3s infinite 0.5s linear;
-moz-animation: dianShow2 3s infinite 0.5s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
.footer-fixed-item-yuan i:nth-child(3) {
animation: dianShow3 3s infinite 0.5s linear;
-webkit-animation: dianShow3 3s infinite 0.5s linear;
-o-animation: dianShow3 3s infinite 0.5s linear;
-moz-animation: dianShow3 3s infinite 0.5s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
@keyframes dianShow1 {
0% {
opacity: 0.2; }
19% {
opacity: 0.2; }
20% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes dianShow2 {
0% {
opacity: 0.2; }
39% {
opacity: 0.2; }
40% {
opacity: 1; }
100% {
opacity: 1; } }
@keyframes dianShow3 {
0% {
opacity: 0.2; }
59% {
opacity: 0.2; }
60% {
opacity: 1; }
100% {
opacity: 1; } }
.footer-fixed-item-yuan .i-list {
animation: dianDa 3s infinite 0.5s linear;
-webkit-animation: dianDa 3s infinite 0.5s linear;
-o-animation: dianDa 3s infinite 0.5s linear;
-moz-animation: dianDa 3s infinite 0.5s linear; }
@keyframes imgDa {
0% {
background-color: #fff;
background-size: 1.0667rem 0.9813rem; }
50% {
background-color: #fff;
background-size: 1.0667rem 0.9813rem; }
79% {
background-color: #fff;
background-size: 1.0667rem 0.9813rem; }
80% {
background-color: #fff;
background-size: 1.1733rem 1.0667rem; }
100% {
background-color: #fff;
background-size: 1.1733rem 1.0667rem; } }
@keyframes dianDa {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(1);
transform: scale(1); }
79% {
-webkit-transform: scale(1);
transform: scale(1); }
80% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1); } } }
@media screen and (max-width: 1000px) {
.page-template-case .listbox {
padding-top: 0.6rem; }
.page-template-case .listban {
height: 195.3125vw; }
.page-template-case .casesbtn span {
width: 100%; }
.page-template-case .casesbtn ul {
overflow: visible; }
.page-template-case .casemain {
padding: 7.8125vw 5.2083333333vw; }
.page-template-case .caseslist li {
width: 100%; }
.case-template-default .listbox-case .listtoppic {
width: 100%;
margin-top: 0;
padding-top: 0; }
.case-template-default .listbox-case .listtoptxt {
width: 100%;
margin-top: 5.2083333333vw;
padding: 0; }
.case-template-default .listbox-case .listtoptxt .listtoptit {
padding: 2.6041666667vw;
margin: 0;
font-size: .24rem; }
.case-template-default .listbox-case .listtoptxt .listtoptit:after {
content: none; }
.case-template-default .listbox-case .listtoptxt .detailtop-txt {
margin-top: .2rem; }
.case-template-default .listbox-case .listtoptxt .detailtop-txt p {
font-size: .12rem; }
.case-template-default .listbox-case .chatbtn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.case-template-default .listbox-case .chatbtn a {
width: 49%;
font-size: .12rem; }
.case-template-default .detail-row h3 {
font-size: .24rem; }
.case-template-default .detail-row p {
font-size: .14rem; }
.case-template-default .detail-row .descriptlist li {
padding: .1rem .3rem;
margin-left: 0.64rem; }
.case-template-default .detail-row .descriptlist li span {
left: -0.64rem; }
.case-template-default .detail-row .descriptlist li i {
font-size: .24rem;
width: 0.64rem; }
.case-template-default .detail-row .descriptlist li .descript-con {
font-size: .24rem; }
.case-template-default .detail-row .proing-item {
display: -webkit-flex;
display: block; }
.case-template-default .detail-row .proing-item li {
width: 100%;
margin-bottom: 7.8125vw; }
.case-template-default .detail-row .caseslist {
display: -webkit-flex;
display: block; }
.case-template-default .detail-row .caseslist li {
width: 100%; }
.case-template-default .sultbox .sultpic {
padding: 5.2083333333vw; }
.case-template-default .relate-news .wap-flex {
display: -webkit-flex;
display: block; }
.case-template-default .relate-news .wap-flex:before {
content: none; }
.case-template-default .relate-news .wap-flex li {
width: 100%; } }
@media screen and (max-width: 1000px) {
.page-template-solutions .listbox {
padding-top: 0.6rem; }
.page-template-solutions .listbox .ban img {
height: 156.25vw; }
.page-template-solutions .listbox .listtopmain {
padding: 0 5.2083333333vw; }
.page-template-solutions .listbox .listtopmain .listtop-swiper-row {
padding: 0; }
.page-template-solutions .listbox .listtoppic {
width: 100%;
margin-top: 0;
background: none;
padding-top: 0; }
.page-template-solutions .listbox .listtoptxt {
width: 100%;
padding-left: 0; }
.page-template-solutions .listbox .listtoptxt p {
margin-bottom: 5.2083333333vw; }
.page-template-solutions .listbox .listtopmain .chatbtn {
position: relative;
left: 0;
padding-left: 0;
bottom: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-solutions .listbox .chatbtn a {
width: 39.0625vw; }
.page-template-solutions .listbox .chatbtn {
margin-top: 1.3020833333vw; }
.page-template-solutions .listbox .listtop-swiper-btn {
position: relative;
margin-top: 5.2083333333vw; }
.page-template-solutions .listbox .listtoptit {
margin-left: 0;
padding-left: 0.7rem;
padding-right: 10px;
margin-top: 2.6041666667vw;
line-height: 15.625vw;
min-height: 15.625vw; }
.page-template-solutions .listbox .listtoptit img {
display: none; }
.page-template-solutions .listbox .listtoptit h3 {
font-size: .18rem; }
.page-template-solutions .listbox .listtoptit:before {
width: 0.5rem;
height: 0.48rem;
left: 0.1rem; }
.page-template-solutions .listbox .listtop-swiper-btn .content {
width: 100%;
padding: 1.3020833333vw;
margin-top: 3.90625vw; }
.page-template-solutions .listbox .listtop-swiper-btn .swiper-button-next {
right: 0; }
.page-template-solutions .listbox .listtop-swiper-btn .swiper-button-prev {
left: 0; }
.page-template-solutions .listbox .listtop-btnpic {
height: 32.5520833333vw; }
.page-template-solutions .listtab {
display: none; }
.page-template-solutions .solumain.padd {
padding: 10.4166666667vw 0; }
.page-template-solutions .solumain .titbox h2, .page-template-solutions .solumain .titbox h1 {
font-size: .24rem; }
.page-template-solutions .solumain .solulist > li {
margin-top: 6.5104166667vw;
width: 100%; }
.page-template-solutions .solumain .solulisttxt {
padding-left: 2.6041666667vw;
width: 100%; }
.page-template-solutions .solumain .solulisttxt h4 {
font-size: .14rem; }
.page-template-solutions .solumain .solulisttxt:after {
display: none; }
.page-template-solutions-single .detailtop {
padding: 0 5.2083333333vw; }
.page-template-solutions-single .detailtop .listtoppic {
width: 100%;
margin-top: 0;
background: none; }
.page-template-solutions-single .detailtop .listtoptxt {
width: 100%;
padding-left: 0; }
.page-template-solutions-single .detailtop .listtoptit {
margin-left: 0;
padding: 2.6041666667vw 1.3020833333vw;
margin-top: 2.6041666667vw;
line-height: 15.625vw;
min-height: auto;
width: 100%; }
.page-template-solutions-single .detailtop .listtoptit img {
display: none; }
.page-template-solutions-single .detailtop .listtoptit h1 {
font-size: .18rem; }
.page-template-solutions-single .detailtop .listtoptit:after {
display: none; }
.page-template-solutions-single .detailtop .listtoptxt .chatbtn {
margin: 3.90625vw 0;
padding-left: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.page-template-solutions-single .detailtop .chatbtn a {
width: 39.0625vw; }
.page-template-solutions-single .detailtop .chatbtn {
margin-top: 1.3020833333vw; }
.page-template-solutions-single .detailbot {
display: none; }
.page-template-solutions-single .detail-row h3 {
font-size: .24rem; }
.page-template-solutions-single .detail-row .videobox {
width: 100%;
margin: 0 0 6.5104166667vw; }
.page-template-solutions-single .detail-row .videobox iframe {
height: 2rem; }
.page-template-solutions-single .detail-row .descriptlist li {
margin-left: 0.54rem;
padding: 0.2rem 0.2rem; }
.page-template-solutions-single .detail-row .descriptlist li > span {
left: -0.54rem; }
.page-template-solutions-single .detail-row .descriptlist li > span i {
width: 0.54rem;
font-size: 0.26rem;
line-height: 0.39rem;
height: 0.39rem; }
.page-template-solutions-single .detail-row .descriptlist li h4 {
margin-bottom: 2.6041666667vw; }
.page-template-solutions-single .detail-row .caseslist li {
width: 100%; }
.page-template-solutions-single .furcasebox .flowrow {
padding: 2.6041666667vw; }
.page-template-solutions-single .furcasebox .flowbox {
padding: 0; }
.page-template-solutions-single .furcasebox .flowpic {
width: 100%; }
.page-template-solutions-single .furcasebox .flowbox > img {
position: relative; }
.page-template-solutions-single .furcasebox .flowpic-con {
height: 58.59375vw; }
.page-template-solutions-single .relate-solu ul {
display: block !important; }
.page-template-solutions-single .relate-solu li {
width: 100%; }
.page-template-solutions-single .relate-solu li .solulisttxt {
width: 100%;
padding: 0 2.6041666667vw; }
.page-template-solutions-single .solulisttxt:after {
display: none; }
.page-template-solutions-single .relate-solu li .solulisttxt h4 {
font-size: .14rem; }
.page-template-solutions-single .proing-item {
display: block !important; }
.page-template-solutions-single .relate-pro ul li {
width: 100%;
margin-bottom: 7.8125vw; }
.page-template-solutions-single .relate-news ul {
display: block !important; }
.page-template-solutions-single .relate-news ul::before {
display: none; }
.page-template-solutions-single .relate-news li {
width: 100%; } }
.page-template-epc .epcmolist li:nth-child(2n+2) {
flex-direction: row-reverse; }
.page-template-epc .xhepcbox .xhepccon {
flex-direction: row-reverse; }
@media screen and (max-width: 1000px) {
.page-template-epc .listbox {
padding-top: 0.6rem; }
.page-template-epc .listbox .listban {
width: 100%;
height: 100%;
object-fit: cover; }
.page-template-epc .listbox .epcmotop {
padding-top: 5.2083333333vw; }
.page-template-epc .listbox .epcmotop .wap-flex {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-epc .listbox .epcmotop .epcmopic {
width: 100%; }
.page-template-epc .listbox .epcmotop .epcmotxt {
width: 100%; }
.page-template-epc .listbox .epcmotop .epcmotxt2 {
width: 100%;
margin: 3.90625vw 0 0; }
.page-template-epc .listbox .epcmotop .epcmotxt2 h3 {
font-size: .24rem; }
.page-template-epc .listbox .epcmotop .epcmotxt2 h1 {
margin-top: 0;
font-size: .4rem;
display: block; }
.page-template-epc .listbox .epcmotop .epcmotxt2 h4 {
font-size: .24rem; }
.page-template-epc .listbox .epcmotop .epcmopic p {
width: 100%;
margin-top: 6.5104166667vw;
color: #fff; }
.page-template-epc .listbox .epcmotop .companylist {
margin-top: 5.2083333333vw;
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-epc .listbox .epcmotop .companylist li {
width: 100%;
margin-bottom: 5.2083333333vw; }
.page-template-epc .epcmolist li {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10.4166666667vw; }
.page-template-epc .epcmolist li i {
font-size: .24rem;
left: 1.3020833333vw;
margin-left: 0;
width: 0.54rem;
height: 0.69rem;
padding-top: 0.1rem; }
.page-template-epc .epcmolist li .epcmolistpic {
width: 100%; }
.page-template-epc .epcmolist li .epcmolisttxt {
margin-top: 3.90625vw;
width: 100%;
padding-right: 0; }
.page-template-epc .epcmolist li .epcmolisttxt h4 {
font-size: .24rem; }
.page-template-epc .quanqiubox {
background-size: cover;
padding: 13.0208333333vw 5.2083333333vw; }
.page-template-epc .quanqiubox .titbox-epc h2 {
font-size: .24rem; }
.page-template-epc .quanqiubox .quanqiucon {
padding: 5.2083333333vw; }
.page-template-epc .quanqiubox .quanqiupic {
width: 100%; }
.page-template-epc .quanqiubox .quanqiutxt {
width: 100%;
padding-left: 9.1145833333vw;
margin-top: 3.90625vw; }
.page-template-epc .quanqiubox .quanqiutxt h4 {
font-size: .24rem; }
.page-template-epc .quanqiubox .quanqiutxt p {
font-size: .14rem; }
.page-template-epc .quanqiubox .quanqiutxt span {
font-size: .5rem;
top: 0;
transform: none;
line-height: 1; }
.page-template-epc .quanqiubox .epc-solulist {
position: relative;
bottom: 0;
right: auto;
margin-top: 5.2083333333vw; }
.page-template-epc .quanqiubox .epc-solulist:before {
content: none; }
.page-template-epc .quanqiubox .epc-solulist ul {
padding: 5.2083333333vw; }
.page-template-epc .quanqiubox .epc-solulist ul li {
padding: 0; }
.page-template-epc .quanqiubox .quanqiulist {
margin-top: 6.5104166667vw;
position: relative;
width: 100%;
bottom: 0;
padding: 5.2083333333vw;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-epc .quanqiubox .quanqiulist li {
width: 100%;
margin-bottom: 3.90625vw; }
.page-template-epc .quanqiubox .quanqiucon22 {
width: 100%; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solupic {
width: 100%; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solutxt {
width: 100%; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solutxt h4 {
color: #fff;
font-size: .24rem;
padding-left: 0; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solutxt p {
color: #fff;
padding-left: 0;
line-height: 1.4; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solutxt .epc-soludl {
padding: 5.2083333333vw; }
.page-template-epc .quanqiubox .quanqiucon22 .epc-solutxt .epc-soludl dd::before {
top: 24%; }
.page-template-epc .quanqiubox .epctit {
margin-top: 6.5104166667vw; }
.page-template-epc .xhepcbox {
padding: 13.0208333333vw 5.2083333333vw; }
.page-template-epc .xhepcbox .titbox-epc h2 {
font-size: .24rem; }
.page-template-epc .xhepcbox .xhepccon {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 5.2083333333vw;
margin: 5.2083333333vw 0 0;
width: 100%; }
.page-template-epc .xhepcbox .xhepccon .xhepcpic {
width: 100%; }
.page-template-epc .xhepcbox .xhepccon .xhepcpic .xhepclist li p {
height: auto; }
.page-template-epc .xhepcbox .xhepccon .xhepctxt {
width: 100%; }
.page-template-epc .xhepcbox .xhepccon .xhepctxt dl dt {
top: 0; }
.page-template-epc .xhepcimgbox {
margin-top: 6.5104166667vw; }
.page-template-epc .epccasebox .titbox-epc h2 {
font-size: .24rem; }
.page-template-epc .epccasebox .titbox-epc p {
margin-top: .2rem; }
.page-template-epc .epccasebox .epctit h3 {
height: auto; }
.page-template-epc .epccasebox .epctit h3::after {
content: none; }
.page-template-epc .epccasebox .epccase {
margin-top: 0;
padding-top: 0; }
.page-template-epc .epccasebox .epccase:before {
content: none; }
.page-template-epc .epccasebox .epccase:after {
content: none; }
.page-template-epc .epccasebox .epccase .epccasepic {
width: 100%; }
.page-template-epc .epccasebox .epccase .epccasetxt {
width: 100%; }
.page-template-epc .epccasebox .epccase .epccasetxt h4 {
font-size: .24rem;
color: #333; }
.page-template-epc .epccasebox .epccase .epccasetxt h4:after {
content: none; }
.page-template-epc .epccasebox .epccase .epccasetxt p {
color: #333; }
.page-template-epc .epccasebox .epccase .epccasebtnbox {
position: relative;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.page-template-epc .epccasebox .epccase .epccasebtnbox .swiper-pagination-current {
font-size: .3rem; }
.page-template-epc .epccasebox .epccase .epccasebtnbox .swiper-pagination {
font-size: .16rem; }
.page-template-epc .epccasebox .epccase .epccasebtn .swiper-button-next, .page-template-epc .epccasebox .epccase .epccasebtn .swiper-button-prev {
height: .4rem; }
.page-template-epc .epccasebox .epcteam-con {
padding: 5.2083333333vw; }
.page-template-epc .epccasebox .epcteam-con h2 {
font-size: .24rem; }
.page-template-epc .epccasebox .epcteam-con h3 {
font-size: .18rem;
line-height: 1.4;
height: auto;
padding: 2.6041666667vw 0; }
.page-template-epc .epccasebox .epcteam-list {
margin-top: 10.4166666667vw;
padding: 0;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: none; }
.page-template-epc .epccasebox .epcteam-list li {
width: 100%;
margin-top: 0;
padding-bottom: 0;
margin-bottom: 6.5104166667vw; }
.page-template-epc .epccasebox .epcteam-list li i {
margin-bottom: 3.90625vw; }
.page-template-epc .epccasebox .epcteam-list li div {
transform: none;
left: 0;
position: relative;
height: auto; }
.page-template-epc .epccasebox .epcteam-list li:nth-child(2) {
left: 0; }
.page-template-epc .epccasebox .epcteam-list li:nth-child(2n) {
padding: 0;
position: relative;
bottom: 0;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse; }
.page-template-epc .epccasebox .epcteam-list li:nth-child(2n) div {
bottom: 0; }
.page-template-epc .epccasebox .epcteam-list li:nth-child(4) {
right: auto; }
.page-template-epc .wpw .epctit h3 {
height: auto; }
.page-template-epc .wpw .epctit h3::after {
content: none; }
.page-template-epc .wpw .epcsolubox {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-epc .wpw .epcsolubox .epcsolutxt {
width: 100%; }
.page-template-epc .wpw .epcsolubox .epcsolutxt p {
width: 100%; }
.page-template-epc .wpw .epcsolubox .epcsolutxt img {
margin-top: 3.90625vw; }
.page-template-epc .wpw .epcsolubox .epcsolupic {
width: 100%;
margin-top: 5.2083333333vw; }
.page-template-epc .serviceepc {
padding: 13.0208333333vw 5.2083333333vw; }
.page-template-epc .serviceepc .titbox-epc h2 {
font-size: .24rem; }
.page-template-epc .serviceepc .serepclist {
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
.page-template-epc .serviceepc .serepclist li {
width: 100%;
padding: 0;
margin-bottom: 6.5104166667vw; }
.page-template-epc .serviceepc .serepclist li span {
display: none; }
.page-template-epc .serviceepc .serepclist li .serepctxt {
position: relative;
margin-top: 3.90625vw; }
.page-template-epc .epcpdfpic {
width: 100%; }
.page-template-epc .epcpdfpic:before {
content: none; }
.page-template-epc .epcpdfpic img {
width: 100%; }
.page-template-epc .epcpdftxt {
width: 100%;
margin-top: 5.2083333333vw; }
.page-template-epc .epcpdftxt h4, .page-template-epc .epcpdftxt h5 {
font-size: .24rem; }
.page-template-epc .epcpdftxt ul {
margin-bottom: 5.2083333333vw; } }
@media screen and (max-width: 1000px) {
.single-post-video .listbox .listban {
width: 100%;
height: 100%;
object-fit: cover; }
.single-post-video .abouttit {
font-size: .3rem; }
.single-post-video .newsdetail {
padding: 2.6041666667vw;
margin-top: 5.2083333333vw; }
.single-post-video .newsdetail h1 {
max-width: none;
font-size: .24rem; }
.single-post-video .newsdetail span {
margin-top: 2.6041666667vw;
font-size: .14rem; }
.single-post-video .newsdetail .newschat {
margin-top: 2.6041666667vw;
padding: 2.6041666667vw; }
.single-post-video .newsdetail .newschat p {
font-size: .14rem; }
.single-post-video .newsdetail .newschat .chatbtn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.single-post-video .newsdetail .newschat .chatbtn a {
width: 49%;
font-size: .12rem; }
.single-post-video .newsdetail2 .new-article {
padding: 0;
margin-top: 6.5104166667vw;
margin-bottom: 5.2083333333vw; }
.single-post-video .detail-row h3 {
font-size: .24rem; }
.single-post-video .detail-row .wap-flex {
display: -webkit-flex;
display: block; }
.single-post-video .detail-row .wap-flex li {
width: 100%;
margin-bottom: 7.8125vw; } }
.page-template-product_cat .listban {
height: 100%; }
@media screen and (max-width: 1000px) {
.listbox {
padding-top: 0 !important; }
.solution-template-default .listbox .listban, .product-template-default .listbox .listban {
height: 100%;
width: 100%;
object-fit: cover; }
.solution-template-default .detailtop, .product-template-default .detailtop {
padding: 0 5.2083333333vw 5.2083333333vw; }
.solution-template-default .detailtop .listtoppic, .product-template-default .detailtop .listtoppic {
width: 100%;
margin-top: 0;
padding-top: 0; }
.solution-template-default .detailtop .listtoptxt, .product-template-default .detailtop .listtoptxt {
width: 100%;
margin-top: 5.2083333333vw;
padding: 0; }
.solution-template-default .detailtop .listtoptxt .listtoptit, .product-template-default .detailtop .listtoptxt .listtoptit {
padding: 2.6041666667vw;
margin: 0;
font-size: .24rem;
width: 100%; }
.solution-template-default .detailtop .listtoptxt .listtoptit:after, .product-template-default .detailtop .listtoptxt .listtoptit:after {
content: none; }
.solution-template-default .detailtop .listtoptxt .detailtop-txt, .product-template-default .detailtop .listtoptxt .detailtop-txt {
margin-top: .2rem; }
.solution-template-default .detailtop .listtoptxt .detailtop-txt p, .product-template-default .detailtop .listtoptxt .detailtop-txt p {
font-size: .12rem; }
.solution-template-default .detailtop .chatbtn, .product-template-default .detailtop .chatbtn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.solution-template-default .detailtop .chatbtn a, .product-template-default .detailtop .chatbtn a {
width: 49%;
font-size: .12rem; }
.solution-template-default .detailbot, .product-template-default .detailbot {
display: none; }
.solution-template-default .detail-row, .solution-template-default .structurebox, .product-template-default .detail-row, .product-template-default .structurebox {
background-size: 100% 100%; }
.solution-template-default .detail-row h3, .solution-template-default .structurebox h3, .product-template-default .detail-row h3, .product-template-default .structurebox h3 {
font-size: .24rem; }
.solution-template-default .detail-row p, .solution-template-default .structurebox p, .product-template-default .detail-row p, .product-template-default .structurebox p {
font-size: .14rem; }
.solution-template-default .detail-row .videobox, .solution-template-default .structurebox .videobox, .product-template-default .detail-row .videobox, .product-template-default .structurebox .videobox {
width: 100%; }
.solution-template-default .detail-row .videobox iframe, .solution-template-default .structurebox .videobox iframe, .product-template-default .detail-row .videobox iframe, .product-template-default .structurebox .videobox iframe {
height: 3rem; }
.solution-template-default .detail-row .descriptlist li, .solution-template-default .structurebox .descriptlist li, .product-template-default .detail-row .descriptlist li, .product-template-default .structurebox .descriptlist li {
padding: .1rem .3rem;
margin-left: 0.64rem; }
.solution-template-default .detail-row .descriptlist li span, .solution-template-default .structurebox .descriptlist li span, .product-template-default .detail-row .descriptlist li span, .product-template-default .structurebox .descriptlist li span {
left: -0.64rem; }
.solution-template-default .detail-row .descriptlist li i, .solution-template-default .structurebox .descriptlist li i, .product-template-default .detail-row .descriptlist li i, .product-template-default .structurebox .descriptlist li i {
font-size: .24rem;
width: 0.64rem; }
.solution-template-default .detail-row .descriptlist li .descript-con, .solution-template-default .structurebox .descriptlist li .descript-con, .product-template-default .detail-row .descriptlist li .descript-con, .product-template-default .structurebox .descriptlist li .descript-con {
font-size: .24rem; }
.solution-template-default .detail-row .proing-item, .solution-template-default .structurebox .proing-item, .product-template-default .detail-row .proing-item, .product-template-default .structurebox .proing-item {
display: -webkit-flex;
display: block; }
.solution-template-default .detail-row .proing-item li, .solution-template-default .structurebox .proing-item li, .product-template-default .detail-row .proing-item li, .product-template-default .structurebox .proing-item li {
width: 100%;
margin-bottom: 7.8125vw; }
.solution-template-default .detail-row .caseslist, .solution-template-default .structurebox .caseslist, .product-template-default .detail-row .caseslist, .product-template-default .structurebox .caseslist {
display: -webkit-flex;
display: block; }
.solution-template-default .detail-row .caseslist li, .solution-template-default .structurebox .caseslist li, .product-template-default .detail-row .caseslist li, .product-template-default .structurebox .caseslist li {
width: 100%; }
.solution-template-default .detail-row .wap-flex, .solution-template-default .structurebox .wap-flex, .product-template-default .detail-row .wap-flex, .product-template-default .structurebox .wap-flex {
display: -webkit-flex;
display: block; }
.solution-template-default .detail-row .wap-flex:before, .solution-template-default .structurebox .wap-flex:before, .product-template-default .detail-row .wap-flex:before, .product-template-default .structurebox .wap-flex:before {
content: none; }
.solution-template-default .detail-row .wap-flex li, .solution-template-default .structurebox .wap-flex li, .product-template-default .detail-row .wap-flex li, .product-template-default .structurebox .wap-flex li {
width: 100%; }
.solution-template-default .detail-row .wap-flex li .solulisttxt, .solution-template-default .structurebox .wap-flex li .solulisttxt, .product-template-default .detail-row .wap-flex li .solulisttxt, .product-template-default .structurebox .wap-flex li .solulisttxt {
padding-left: .1rem; }
.solution-template-default .detail-row .wap-flex li .solulisttxt h4, .solution-template-default .structurebox .wap-flex li .solulisttxt h4, .product-template-default .detail-row .wap-flex li .solulisttxt h4, .product-template-default .structurebox .wap-flex li .solulisttxt h4 {
font-size: .14rem; }
.solution-template-default .detail-row .furcaselist, .solution-template-default .structurebox .furcaselist, .product-template-default .detail-row .furcaselist, .product-template-default .structurebox .furcaselist {
padding: 5.2083333333vw; }
.solution-template-default .detail-row .furcaselist .structurepic, .solution-template-default .structurebox .furcaselist .structurepic, .product-template-default .detail-row .furcaselist .structurepic, .product-template-default .structurebox .furcaselist .structurepic {
width: 100%;
margin-bottom: 5.2083333333vw; }
.solution-template-default .detail-row .furcaselist .structuretxt, .solution-template-default .structurebox .furcaselist .structuretxt, .product-template-default .detail-row .furcaselist .structuretxt, .product-template-default .structurebox .furcaselist .structuretxt {
width: 100%; }
.solution-template-default .detail-row .tablebox, .solution-template-default .structurebox .tablebox, .product-template-default .detail-row .tablebox, .product-template-default .structurebox .tablebox {
overflow: auto; }
.solution-template-default .detail-row .tablebox table, .solution-template-default .structurebox .tablebox table, .product-template-default .detail-row .tablebox table, .product-template-default .structurebox .tablebox table {
width: 800px; }
.solution-template-default .furcasebox img, .product-template-default .furcasebox img {
position: relative; }
.solution-template-default .furcasebox .flowrow, .product-template-default .furcasebox .flowrow {
padding: 5.2083333333vw; }
.solution-template-default .furcasebox .flowrow .flowbox, .product-template-default .furcasebox .flowrow .flowbox {
padding: 0; }
.solution-template-default .furcasebox .flowrow .flowbox .flowpic, .product-template-default .furcasebox .flowrow .flowbox .flowpic {
width: 100%; }
.solution-template-default .furcasebox .flowrow .flowbox .flowpic .flowpic-con, .product-template-default .furcasebox .flowrow .flowbox .flowpic .flowpic-con {
height: auto; }
.page-template-product_cat .padd {
padding: 7.8125vw 0; }
.page-template-product_cat .propagetop {
margin-top: 0;
display: none; }
.page-template-product_cat .propagetop .propage-con {
width: 100%;
margin: 0 auto 3.90625vw; }
.page-template-product_cat .propagetop .propage-con span {
font-size: .24rem; }
.page-template-product_cat .propagetop .propage-con .swiper-slide .aniimg:after {
width: 2.8rem;
height: 0.6rem;
margin-left: -1.6rem; }
.page-template-product_cat .propagetop .propage-con .propage-nextbox {
-webkit-justify-content: center;
justify-content: center;
padding-right: 0; }
.page-template-product_cat .propagetop .propage-tab {
margin-top: 5.2083333333vw;
width: 100%; }
.page-template-product_cat .propagetop .propage-tab h3 {
font-size: .24rem;
margin-bottom: 5.2083333333vw; }
.page-template-product_cat .propagetop .propage-tab .propage-tablist li {
width: 100%;
font-size: .14rem;
text-align: center; }
.page-template-product_cat .propagetop .propage-btn {
margin-top: 5.2083333333vw;
position: relative;
width: 100%; }
.page-template-product_cat .titbox h2 {
font-size: .24rem; }
.page-template-product_cat .content .proing-item {
display: -webkit-flex;
display: block; }
.page-template-product_cat .content .proing-item li {
width: 100%; } }
div.wpforms-container-full button[type=submit] {
display: block;
border: 0 none;
width: 190px;
height: 40px;
background-color: #BD1C21 !important;
border-radius: 6px;
font-size: 18px;
color: #FFF;
font-weight: bold !important;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
cursor: pointer; }
@media screen and (max-width: 1000px) {
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type=tel]::-webkit-input-placeholder {
font-size: 14px !important; }
.liuyan-row .content {
padding: 5.2083333333vw; }
.liuyan-row .content h3 {
font-size: .24rem; }
.liuyan-row .content p {
font-size: .14rem; }
.searchpage {
padding: 7.8125vw 0; }
.searchpage h2 {
font-size: .24rem; }
.searchpage h2 span:before {
left: -1rem;
width: 50%; }
.searchpage h2 span:after {
right: -1rem;
width: 50%; }
.searchpage .search-model {
margin: 9.1145833333vw 0;
width: 100%; }
.searchpage .search-model input[type=text] {
font-size: .14rem; }
.searchpage .searchtabbox {
margin-top: 5.2083333333vw; }
.searchpage .searchtabbox h3 {
font-size: .24rem; }
.searchpage .searchrow .search-news li {
width: 100%;
padding: 5.2083333333vw; }
.searchpage .searchrow .search-news li .search-newstit h4 {
max-width: none;
width: 100%;
font-size: .18rem;
line-height: 1.2; }
.searchpage .searchrow .search-news li .search-newstit h4 span {
margin-top: 0; }
.searchpage .searchrow .search-news li .search-newstit span {
margin-top: 2.6041666667vw;
float: left; } }
.enbox:after {
content: normal !important; }
.enbox .gtranslate_wrapper {
display: flex;
align-items: center;
height: 28px; }
.enbox .gtranslate_wrapper select {
border: none;
font-size: 16px;
color: #fff; }
.enbox .gtranslate_wrapper select option {
color: #000; }.banner {
height: 100vh;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
.banner > img {
position: absolute;
height: 100%;
z-index: -1;
}
.bantxt {
margin-top: 28vh;
}
.bantxt h2{
font-size: 1.2rem;
margin-top: .1rem;
color: #FFF;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epcmo1.png) no-repeat left bottom;
line-height: 1em;
padding-bottom: .2rem;
}
.bantxt p {
font-size: 0.27rem;
color: #FFF;
}
.bantxt img {
width: 5.6rem;
margin-top: .2rem;
}
.banepcmo {
margin-top: 1rem;
}
.banepcmo li {
width: 20%;
position: relative;
}
.banepcmo li:after {
content: "";
display: block;
position: absolute;
width: 100%;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/banepcbg.png) no-repeat center center;
height: 0.16rem;
bottom: -0.08rem;
}
.banepccon {
width: 100%;
position: absolute;
color: #FFF;
top: 0;
left: 0;
bottom: 0;
background: rgba(5, 12, 25, 0.92);
z-index: 2;
}
.banepccon:before, .banepccon:after {
content: "";
display: block;
background-color: rgba(167, 197, 201, 0.05);
height: 0;
position: absolute;
width: 0;
z-index: -1;
-webkit-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.banepccon:before {
left: 0;
top: 0;
}
.banepccon:after {
right: 0;
bottom: 0;
}
.banepccon:hover:before, .banepccon:hover:after {
width: 100%;
height: 100%;
}
.banepclist {
width: 90%;
margin: 0 auto;
}
.banepclist a {
color: #FFF;
font-size: 16px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/epcjt.png) no-repeat left 0.2em;
padding-left: 0.27rem;
-o-background-size: 0.13rem 0.14rem;
background-size: 0.13rem 0.14rem;
display: block;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
-moz-transition: all 0.1s;
transition: all 0.1s;
line-height: 1.3em;
margin-top: 0.1rem;
cursor: auto;
}
.banepclist a[href]{
cursor: pointer;
}
.banepclist a[href]:hover {
margin-left: 3px;
opacity: 0.5;
}
.banepctit {
overflow: hidden;
margin-bottom: 0.3rem;
}
.banepctit span {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.1rem;
padding-right: .2rem;
min-width: 0.8rem;
background: rgba(199, 1, 102, 0.6);
height: 0.5rem;
line-height: 0.48rem;
font-size: 0.44rem;
color: #FFF;
text-align: right;
font-weight: bold;
}
.banepctit h4 {
color: #FFF;
line-height: 0.5rem;
margin-left: 0.3rem;
font-size: 0.25rem;
position: relative;
}
.banepctit h4::after {
content: "";
display: block;
position: absolute;
background: #FFF;
width: 0.7rem;
height: 1px;
left: 0;
bottom: 0;
}
.bancon {
position: relative;
padding-top: 1px;
border-left: 1px solid rgba(255, 255, 255, 0.12);
border-right: 1px solid rgba(255, 255, 255, 0.12);
height: 100%;
}
.bancon:before {
content: "";
display: block;
position: absolute;
left: 20%;
top: 0;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.12);
}
.bancon:after {
content: "";
display: block;
position: absolute;
right: 20%;
top: 0;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.12);
}
.bancon > i:before {
content: "";
display: block;
position: absolute;
left: 40%;
top: 0;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.12);
}
.bancon > i:after {
content: "";
display: block;
position: absolute;
right: 40%;
top: 0;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.12);
}
.indextit {
position: relative;
background: #C70166;
z-index: 1;
}
.indextit:before {
content: "";
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/protitbg.jpg) no-repeat;
border-radius: 0px 1rem 0px 0px;
height: 1.07rem;
width: 47%;
position: absolute;
top: -0.2rem;
z-index: -1;
left: 0;
}
.indextit .content {
-webkit-align-items: initial;
-moz-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
}
.indextitpro {
width: 52.1%;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/qmjbg.jpg) no-repeat right center;
padding: 0.2rem 0 0.3rem;
float: right;
}
.indextitpro a {
display: inline-block;
color: #FFF;
font-size: 14px;
padding: 0 0.1rem;
border-right: 1px solid #FFF;
height: 0.13rem;
line-height: 0.13rem;
margin: 0.08rem 0;
}
.indextitpro a:last-child {
border: 0 none;
}
.indextitpro a:hover {
opacity: 0.85;
}
.indextitcon {
width: 41.5%;
float: left;
margin-top: 0.1rem;
}
.indextitcon h3 {
color: #FFF;
font-size: 0.24rem;
padding-bottom: 16px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/down.png) no-repeat right bottom;
-o-background-size: 0.34rem 0.12rem;
background-size: 0.34rem 0.12rem;
margin-right: 0.25rem;
}
.indextitcon h2 {
font-size: 0.44rem;
color: #C70166;
background: #FFF;
padding-left: 0.2rem;
font-weight: bold;
position: relative;
}
.indextitcon h2:after {
content: "";
display: block;
width: 0.26rem;
height: 100%;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/indextitbg.png) no-repeat right top;
-o-background-size: cover;
background-size: cover;
right: -0.26rem;
top: 0;
}
.indextitcon:hover h2 {
opacity: 0.9;
}
.indextit-right .indextitpro {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/fxjbg2.jpg) no-repeat left center;
float: left;
}
.indextit-right .indextitpro p {
color: #FFF;
font-size: 14px;
line-height: 1.5em;
}
.indextit-right.indextit:before {
left: auto;
right: 0;
border-radius: 1rem 0px 0px 0px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/protitbg2.jpg) no-repeat;
}
.indextit-right .indextitcon {
float: right;
padding-right: 6%;
}
.indextit-right .indextitcon a {
-webkit-justify-content: right;
-moz-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
} .indexpro {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/indexprobg.jpg) no-repeat;
min-height: 100vh;
-o-background-size: cover;
background-size: cover;
overflow: hidden;
}
.indexpro > .content {
position: relative;
display: none;
}
.trator {
position: absolute;
width: 2rem;
top: 1.5rem;
right: 0;
z-index: 3;
}
.tratorpic {
position: relative;
padding: 0.14rem 0.1rem;
}
.tratorpic .tratorpicbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-animation: imgRot2 12s infinite linear;
-moz-animation: imgRot2 12s infinite linear;
-o-animation: imgRot2 12s infinite linear;
animation: imgRot2 12s infinite linear;
}
.tratorpic .tratorpiccon {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
@-webkit-keyframes imgRot2 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes imgRot2 {
0% {
-moz-transform: rotate(0);
transform: rotate(0);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes imgRot2 {
0% {
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes imgRot2 {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tratortxt {
color: #FFF;
margin-top: 0.16rem;
text-align: center;
position: relative;
}
.tratortxt::after {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proup.png) no-repeat;
-o-background-size: cover;
background-size: cover;
width: 0.28rem;
height: 0.09rem;
display: block;
position: absolute;
right: 0.2rem;
top: 0.05rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.tratortxt b {
font-size: 0.4rem;
font-weight: bold;
}
.tratortxt span {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-left: -0.1rem;
}
.trator:hover .tratorpiccon {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.trator:hover .tratortxt:after {
right: 0.15rem;
}
.indexprocon {
position: relative;
margin: 0 auto;
padding-top: 80px;
height: 530px;
}
.indexprocon ul {
height: 0;
position: absolute;
width: 100%;
top: -10px;
-webkit-animation: scaleheight2 1s 1s linear;
-moz-animation: scaleheight2 1s 1s linear;
-o-animation: scaleheight2 1s 1s linear;
animation: scaleheight2 1s 1s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.indexprocon ul li {
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/inprolistbg.png) no-repeat center bottom;
-o-background-size: 130% 0.6rem;
background-size: 130% 0.6rem;
padding-bottom: 0.5rem;
}
.indexprocon ul li img {
width: 100%;
}
.indexprocon ul li h4 {
text-align: center;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.indexprocon ul li.indexproact .inprolistpic img {
background: rgba(255, 255, 255, 0.5);
}
.indexprocon ul li.indexproact h4 {
font-size: 15px;
}
.indexprocon ul li > a {
position: relative;
display: block;
}
.indexprocon ul li > a:after {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proline.png) no-repeat center center;
height: 2px;
position: absolute;
bottom: 5px;
left: 5px;
right: 5px;
-o-background-size: cover;
background-size: cover;
}
.indexprocon ul li:hover .inprolistpic:before {
height: 100%;
width: 100%;
-webkit-transition: width 0.2s linear, height 0.15s 0.2s linear;
-o-transition: width 0.2s linear, height 0.15s 0.2s linear;
-moz-transition: width 0.2s linear, height 0.15s 0.2s linear;
transition: width 0.2s linear, height 0.15s 0.2s linear;
}
.indexprocon ul li:hover .inprolistpic:after {
width: 100%;
height: 100%;
-webkit-transition: width 0.2s linear, height 0.15s 0.2s linear;
-o-transition: width 0.2s linear, height 0.15s 0.2s linear;
-moz-transition: width 0.2s linear, height 0.15s 0.2s linear;
transition: width 0.2s linear, height 0.15s 0.2s linear;
}
.inprolistpic {
margin-top: 10px;
position: relative;
z-index: 2;
padding: 5px;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.inprolistpic img {
background: rgba(255, 255, 255, 0.3);
}
.inprolistpic:before {
content: "";
display: block;
border-top: 2px solid rgb(255, 255, 255);
border-right: 2px solid rgb(255, 255, 255);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: -1;
height: 0%;
width: 0.48rem;
-webkit-transition: width 0.2s 0.15s linear, height 0.15s linear;
-o-transition: width 0.2s 0.15s linear, height 0.15s linear;
-moz-transition: width 0.2s 0.15s linear, height 0.15s linear;
transition: width 0.2s 0.15s linear, height 0.15s linear;
}
.inprolistpic:after {
content: "";
display: block;
border-bottom: 1px solid rgb(255, 255, 255);
border-left: 1px solid rgb(255, 255, 255);
position: absolute;
width: 100%;
height: 100%;
right: 0;
bottom: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 0.98rem;
height: 0%;
-webkit-transition: width 0.2s 0.15s linear, height 0.15s linear;
-o-transition: width 0.2s 0.15s linear, height 0.15s linear;
-moz-transition: width 0.2s 0.15s linear, height 0.15s linear;
transition: width 0.2s 0.15s linear, height 0.15s linear;
}
.arrow {
position: absolute;
bottom: 0rem;
text-align: center;
width: 100%;
}
.arrow .next, .arrow .prev {
display: inline-block;
margin: 0 8px;
box-shadow: 0px 0px 11px 2px rgba(255, 255, 255, 0.47);
border-radius: 50%;
cursor: pointer;
opacity: 0.36;
}
.xcbtn{
display: inline-block;
margin: 0 8px;
box-shadow: 0px 0px 11px 2px rgba(255, 255, 255, 0.47);
border-radius: 50%;
cursor: pointer;
opacity: 0.36;
}
.arrow .next:hover, .arrow .prev:hover,.xcbtn:hover {
opacity: 1;
}
.inprobg {
position: absolute;
bottom: 137px;
height: 216px;
width: 81.4%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.inprobg img {
width: 100%;
position: absolute;
top: 0;
height: 100%;
left: 0;
}
.inprobg .inprobg1 {
-webkit-animation: scaleMove 0.5s 0s linear;
-moz-animation: scaleMove 0.5s 0s linear;
-o-animation: scaleMove 0.5s 0s linear;
animation: scaleMove 0.5s 0s linear;
}
.inprobg .inprobg2 {
-webkit-animation: scaleMove2 4s 0.3s infinite;
-moz-animation: scaleMove2 4s 0.3s infinite;
-o-animation: scaleMove2 4s 0.3s infinite;
animation: scaleMove2 4s 0.3s infinite;
}
.inprobg .inprobg3 {
-webkit-animation: scaleMove2 3s 0.6s infinite;
-moz-animation: scaleMove2 3s 0.6s infinite;
-o-animation: scaleMove2 3s 0.6s infinite;
animation: scaleMove2 3s 0.6s infinite;
}
.circlrbox {
width: 75%;
margin: 0 auto;
top: -45px;
position: absolute;
height: 490px;
left: 51%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.circlrbox:hover {
cursor: move;
}
.circlrtop {
position: relative;
margin: 0 auto;
-webkit-animation: scaleMove 0.5s 0s linear;
-moz-animation: scaleMove 0.5s 0s linear;
-o-animation: scaleMove 0.5s 0s linear;
animation: scaleMove 0.5s 0s linear;
height: 370px;
z-index: 2;
}
.circlrtopbg {
position: absolute;
width: 59.8%;
bottom: -120px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.circlrtopbg span {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/xz.png) no-repeat center center #C70166;
-o-background-size: 28px 28px;
background-size: 28px 28px;
display: block;
border-radius: 50%;
width: 35px;
height: 35px;
position: absolute;
left: 50%;
margin-left: -0.18rem;
bottom: 0.65rem;
}
.circlrtop2-hide {
height: 0;
opacity: 0;
z-index: -1;
margin-top: 0;
}
.proline {
position: absolute;
z-index: 1;
top: 56px;
overflow: hidden;
width: 100%;        }
.proline span:nth-child(1) {
display: block;
position: absolute;
width: 1px;
height: 166px;
background: #FFF;
left: 50%;
z-index: -1;
top: 17px;
}
.proline span:nth-child(2) {
display: block;
position: absolute;
width: 1px;
height: 60px;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
background: #FFF;
left: 37%;
z-index: -1;
top: 3px;
}
.proline span:nth-child(3) {
display: block;
position: absolute;
width: 1px;
height: 60px;
-webkit-transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
transform: rotate(-40deg);
background: #FFF;
right: 37%;
z-index: -1;
top: 3px;
}
.proline span:nth-child(4) {
display: block;
position: absolute;
width: 1px;
height: 286px;
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
background: #FFF;
right: 26%;
z-index: -1;
top: -70px;
}
.proline span:nth-child(5) {
display: block;
position: absolute;
width: 1px;
height: 286px;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform: rotate(50deg);
background: #FFF;
left: 26%;
z-index: -1;
top: -70px;
}
@-webkit-keyframes scaleheight2 {
0% {
height: 0;
}
100% {
height: 5.5rem;
}
}
@-moz-keyframes scaleheight2 {
0% {
height: 0;
}
100% {
height: 5.5rem;
}
}
@-o-keyframes scaleheight2 {
0% {
height: 0;
}
100% {
height: 5.5rem;
}
}
@keyframes scaleheight2 {
0% {
height: 0;
}
100% {
height: 5.5rem;
}
}
@-webkit-keyframes scaleheight {
0% {
height: 0;
}
100% {
height: 2.7rem;
}
}
@-moz-keyframes scaleheight {
0% {
height: 0;
}
100% {
height: 2.7rem;
}
}
@-o-keyframes scaleheight {
0% {
height: 0;
}
100% {
height: 2.7rem;
}
}
@keyframes scaleheight {
0% {
height: 0;
}
100% {
height: 2.7rem;
}
}
@-webkit-keyframes scaleMove {
0% {
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
@-moz-keyframes scaleMove {
0% {
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
@-o-keyframes scaleMove {
0% {
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
@keyframes scaleMove {
0% {
transform: scale(0.1);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
}
@-webkit-keyframes scaleMove2 {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.5;
}
}
@-moz-keyframes scaleMove2 {
0% {
-moz-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
100% {
-moz-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.5;
}
}
@-o-keyframes scaleMove2 {
0% {
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
100% {
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.5;
}
}
@keyframes scaleMove2 {
0% {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.5;
}
}
@-webkit-keyframes kuan {
0% {
height: 0;
width: 0;
display: block;
}
50% {
width: 100%;
height: 0;
}
100% {
width: 100%;
height: 100%;
}
}
@-moz-keyframes kuan {
0% {
height: 0;
width: 0;
display: block;
}
50% {
width: 100%;
height: 0;
}
100% {
width: 100%;
height: 100%;
}
}
@-o-keyframes kuan {
0% {
height: 0;
width: 0;
display: block;
}
50% {
width: 100%;
height: 0;
}
100% {
width: 100%;
height: 100%;
}
}
@keyframes kuan {
0% {
height: 0;
width: 0;
display: block;
}
50% {
width: 100%;
height: 0;
}
100% {
width: 100%;
height: 100%;
}
}
.proitem {
position: absolute;
top: 1.59rem;
left: -100px;
}
.proitem li {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 475px;
height: 0rem;
padding-right: 45px;
overflow: hidden;
padding-top: 20px;
-webkit-animation: heightMove 0.8s 0s linear;
-moz-animation: heightMove 0.8s 0s linear;
-o-animation: heightMove 0.8s 0s linear;
animation: heightMove 0.8s 0s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
display: none;
}
.proitem li a {
position: relative;
height: 46px;
display: block;
z-index: 1;
}
.proitem li a::after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
bottom: 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 0;
right: 206px;
}
.proitem li a:before {
content: "";
display: block;
position: absolute;
right: -45px;
display: block;
z-index: -1;
width: 100%;
height: 100%;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proconbg1.png) no-repeat right center;
}
.proitem li a:hover {
opacity: 0.85;
}
.proitem li a:hover::after {
width: 270px;
}
.proitem li h4 {
font-size: 20px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
padding-right: 1.2rem;
padding-left: 28px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/pro-more.png) no-repeat left 0;
-o-background-size: 20px 20px;
background-size: 20px 20px;
margin-left: 5px;
position: absolute;
top: -16px;
}
@-webkit-keyframes heightMove {
0% {
height: 0;
}
100% {
height: 400px;
}
}
@-moz-keyframes heightMove {
0% {
height: 0;
}
100% {
height: 400px;
}
}
@-o-keyframes heightMove {
0% {
height: 0;
}
100% {
height: 400px;
}
}
@keyframes heightMove {
0% {
height: 0;
}
100% {
height: 400px;
}
}
.proitem-con {
position: relative;
}
.proitem-con:before {
content: "";
display: block;
position: absolute;
width: 2px;
height: 37px;
background: #FFF;
left: 0;
bottom: 4px;
}
.proitem-con:after {
content: "";
display: block;
position: absolute;
background: #FFF;
height: 3px;
width: 97px;
left: 0;
bottom: 0px;
}
.proitemtxt {
background: rgba(255, 255, 255, 0.15);
padding: 0.25rem;
padding-right: 0;
position: relative;
}
.proitemtxt:after {
content: "";
display: block;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proconbg2.png) no-repeat;
width: 45px;
height: 100%;
-o-background-size: cover;
background-size: cover;
right: -45px;
top: 0;
}
.proitemtxt p {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proitem.png) no-repeat left 7px;
line-height: 1.8em;
color: #FFF;
-o-background-size: 13px 13px;
background-size: 13px 13px;
padding-left: 21px;
} .insolubox {
background: #C70166;
padding-top: 0.7rem;
padding-bottom: 0.7rem;
position: relative;
}
.insolubox:before {
content: "";
display: block;
width: 60.9%;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/insolubg.jpg) no-repeat left center;
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.insolubox .content {
position: relative;
}
.insoluleft {
width: 37.2%;
position: absolute;
left: 0;
z-index: 2;
top: 0.3rem;
}
.insoluright {
width: 63.7%;
margin-left: 36.3%;
position: relative;
z-index: 1;
}
.insoluright:before {
content: "";
background: #121212;
position: absolute;
display: block;
left: 0;
right: -1.49rem;
bottom: -0.7rem;
z-index: -1;
top: 0;
}
.inxnytxt {
position: absolute;
background: rgba(0, 0, 0, 0.75);
width: 44.8%;
top: 0;
height: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 1.32rem;
}
.inxnytxt h4 {
height: 40px;
line-height: 40px;
background: #C70166;
font-size: 0.26rem;
color: #FFF;
font-weight: bold;
display: inline-block;
padding-left: 55px;
padding-right: 0.1rem;
position: relative;
}
.inxnytxt h4:before {
content: "";
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/tuijian.png) no-repeat;
position: absolute;
-o-background-size: cover;
background-size: cover;
width: 25px;
height: 25px;
left: 20px;
top: 50%;
margin-top: -13px;
}
.inxnytxt h4:after {
content: "";
display: block;
position: absolute;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/insolutit.png) no-repeat;
width: 16.5px;
height: 40px;
right: -16px;
top: 0;
-o-background-size: cover;
background-size: cover;
}
.inxnytxtcon {
padding: 0.4rem 0.5rem;
}
.inxnytxtcon p {
color: #FFF;
font-size: 15px;
line-height: 1.6em;
margin-bottom: 0.38rem;
}
.inxnytxtcon a {
display: block;
height: 38px;
line-height: 38px;
border-radius: 38px;
border: 1px dashed #FFF;
margin-top: 0.1rem;
color: #FFF;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.inxnytxtcon a span {
display: inline-block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/more.png) no-repeat left center;
-o-background-size: 19px 19px;
background-size: 19px 19px;
padding-left: 34px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
.inxnytxtcon a:hover {
background: #C70166;
border: 1px solid #C70166;
}
.solumore {
position: absolute;
width: 0.82rem;
padding: 30px 0;
display: block;
background: #C70166;
right: -0.82rem;
bottom: 0rem;
text-align: center;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.solumore img {
width: auto;
display: inline-block;
}
.solumore:hover {
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.83);
background: #071121;
}
.insolutit {
margin-bottom: 0.8rem;
}
.insolutit h3 {
color: #FFF;
font-size: 0.24rem;
}
.insolutit h2 {
margin-top: 18px;
color: #FFF;
font-size: 0.44rem;
margin-left: 0.4rem;
font-weight: bold;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proup.png) no-repeat left top;
padding-left: 0.57rem;
}
.insolutit h2 span {
display: inline-block;
background: #C70166;
line-height: 0.63rem;
height: 0.63rem;
padding-left: 0.28rem;
padding-right: 0.1rem;
position: relative;
}
.insolutit h2 span:after {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/insolutit.png) no-repeat;
width: 0.26rem;
height: 100%;
position: absolute;
display: block;
right: -0.26rem;
top: 0;
}
.insolutit:hover h2 {
opacity: 0.9;
}
.insolutab li {
margin-bottom: 0.49rem;
}
.insolutab li > a {
color: #FFF;
font-size: 18px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/more.png) no-repeat left center;
-o-background-size: 17px 16px;
background-size: 17px 16px;
padding-left: 37px;
}
.insolutab-con {
display: none;
}
.insolutabact {
position: relative;
padding-bottom: 40px;
}
.insolutabact > a {
display: none;
}
.insolutabact .insolutab-con {
display: block;
}
.insolutabact:after {
content: "";
display: block;
position: absolute;
height: 1px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.37);
bottom: 0;
width: 90%;
}
@-webkit-keyframes solutabshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes solutabshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes solutabshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes solutabshow {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.insolutab-top {
border-radius: 4px;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
opacity: 0;
-webkit-animation: solutabshow 0.8s 0s linear;
-moz-animation: solutabshow 0.8s 0s linear;
-o-animation: solutabshow 0.8s 0s linear;
animation: solutabshow 0.8s 0s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
border: 1px solid #FFF;
position: relative;
width: 100%;
}
.insolutab-top h4 {
position: absolute;
color: #FFF;
font-size: 18px;
text-transform: uppercase;
bottom: 0.15rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 0.2rem;
box-sizing: border-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 88%;
}
.insolutab-top span {
position: absolute;
display: block;
width: 0.58rem;
background: #FFF;
bottom: 0;
top: 0;
right: 0;
font-size: 46px;
color: #333333;
text-align: center;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.insolutab-item {
margin-top: 25px;
}
.insolutab-item a {
display: inline-block;
height: 38px;
line-height: 38px;
border: 1px dashed #FFFFFF;
border-radius: 19px;
color: #FFF;
padding: 0 20px;
margin-bottom: 10px;
margin-right: 10px;
}
.insolutab-item a span {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/more.png) no-repeat left center;
padding-left: 30px;
-o-background-size: 19px 19px;
background-size: 19px 19px;
}
.insolutab-item a:hover {
background: #C70166;
border: 1px dashed #C70166;
} .incasebox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/incasebg.jpg) no-repeat;
padding: 0.7rem 0;
-o-background-size: cover;
background-size: cover;
}
.incasebox .content {
width: 1510px;
position: relative;
}
@-webkit-keyframes caseshadow {
0% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
50% {
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.83);
}
100% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
}
@-moz-keyframes caseshadow {
0% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
50% {
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.83);
}
100% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
}
@-o-keyframes caseshadow {
0% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
50% {
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.83);
}
100% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
}
@keyframes caseshadow {
0% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
50% {
box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.83);
}
100% {
box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.83);
}
}
.casesepc {
position: absolute;
width: 75.2%;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.casesepc li {
position: relative;
width: 21.8%;
-webkit-animation: caseshadow 1.8s 0.5s infinite;
-moz-animation: caseshadow 1.8s 0.5s infinite;
-o-animation: caseshadow 1.8s 0.5s infinite;
animation: caseshadow 1.8s 0.5s infinite;
border-radius: 10px;
}
.casesepc li .casesepctxt {
position: absolute;
width: 100%;
height: 100%;
top: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: 0;
padding-top: 20px;
}
.casesepc li .casesepctxt h3 {
color: #FFF;
font-size: 0.36rem;
font-weight: bold;
text-align: center;
}
.casesepc li .casesepctxt h4 {
color: #FFF;
font-size: 16px;
text-align: center;
}
.incaseitem {
position: absolute;
}
.incaseitem > h4 {
-webkit-animation: scaleMove 1.2s 0s linear;
-moz-animation: scaleMove 1.2s 0s linear;
-o-animation: scaleMove 1.2s 0s linear;
animation: scaleMove 1.2s 0s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
margin-left: -7px;
}
.incaseitem > h4 a {
font-size: 12px;
color: #FFF;
text-transform: uppercase;
}
.incaseitem > h4 span {
vertical-align: middle;
display: inline-block;
white-space: nowrap;
width: 8px;
height: 8px;
background: #c3c3c3;
border-radius: 100%;
margin-right: 7px;
margin-left: 7px;
margin-top: -2px;
}
.incaseitem > h4 span i {
display: block;
background: #fff;
-webkit-animation: rodflash 2s infinite;
-moz-animation: rodflash 2s infinite;
-o-animation: rodflash 2s infinite;
animation: rodflash 2s infinite;
width: 8px;
height: 8px;
border-radius: 100%;
}
.incaseitem:nth-child(odd) > h4 {
-webkit-animation: scaleMove 1.5s 0.5s linear;
-moz-animation: scaleMove 1.5s 0.5s linear;
-o-animation: scaleMove 1.5s 0.5s linear;
animation: scaleMove 1.5s 0.5s linear;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.incaseitem:nth-child(odd) > h4 span i {
-webkit-animation: rodflash 2s 1s infinite;
-moz-animation: rodflash 2s 1s infinite;
-o-animation: rodflash 2s 1s infinite;
animation: rodflash 2s 1s infinite;
}
.incaseitembox {
display: none;
}
.incaseitem-conbox {
position: absolute;
width: 280px;
display: none;
padding-right: 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: -280px;
top: -30px;
}
.incaseitem-conbox span {
display: block;
width: 84px;
height: 43px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/incaseitembg.png) no-repeat right center;
position: absolute;
right: -23px;
top: 4px;
z-index: 3;
}
.incaseitem-right {
left: -280px;
top: -40px;
}
.incaseitem-right span {
display: block;
width: 131px;
height: 56px;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/incaseitembg2.png) no-repeat right center;
position: absolute;
right: -74px;
top: 5px;
}
.incaseitem-con {
opacity: 0;
}
.incaseitem-con h5 {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/incaseitem-titbg.png) no-repeat;
-o-background-size: cover;
background-size: cover;
font-size: 12px;
width: 229px;
color: #FFF;
line-height: 1.1em;
height: 36px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 14px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.incaseitem-con .aniimg {
border: 1px solid rgba(255, 255, 255, 0.42);
padding: 5px;
z-index: 1;
position: relative;
}
.incaseitem-con:hover .aniimg:after {
content: "";
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.5);
left: 5px;
top: 5px;
bottom: 5px;
right: 5px;
z-index: 2;
}
.incaseitemact {
z-index: 4;
}
.incaseitemact .incaseitem-conbox {
display: block;
}
.incaseitemact .incaseitem-conbox span {
-webkit-animation: widthMove 0.5s linear;
-moz-animation: widthMove 0.5s linear;
-o-animation: widthMove 0.5s linear;
animation: widthMove 0.5s linear;
}
.incaseitemact h4 span i {
background: #C70166;
}
.incaseitemact .incaseitem-con {
-webkit-animation: scaleMove11 0.5s 0.5s linear;
-moz-animation: scaleMove11 0.5s 0.5s linear;
-o-animation: scaleMove11 0.5s 0.5s linear;
animation: scaleMove11 0.5s 0.5s linear;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes scaleMove11 {
0% {
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scaleMove11 {
0% {
opacity: 0;
-moz-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-o-keyframes scaleMove11 {
0% {
opacity: 0;
-o-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scaleMove11 {
0% {
opacity: 0;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.incaseitem1 {
left: 55%;
top: 74%;
}
.incaseitem2 {
left: 18%;
top: 30%;
}
.incaseitem3 {
left: 78.5%;
top: 46.5%;
}
.incaseitem4 {
left: 28%;
top: 59%;
}
.incaseitem5 {
left: 30.5%;
top: 61%;
}
.incaseitem6 {
left: 27%;
top: 63%;
}
.incaseitem7 {
left: 25.5%;
top: 66%;
}
.incaseitem8 {
left: 27.5%;
top: 76%;
}
.incaseitem9 {
left: 50.8%;
top: 37%;
}
.incaseitem10 {
left: 45.8%;
top: 47%;
}
.incaseitem11 {
left: 43.8%;
top: 53%;
}
.incaseitem12 {
left: 45.5%;
top: 55%;
}
.incaseitem13 {
left: 49.5%;
top: 55%;
}
.incaseitem14 {
left: 46.5%;
top: 57%;
}
.incaseitem15 {
left: 55%;
top: 56%;
}
.incaseitem16 {
left: 43.5%;
top: 59%;
}
.incaseitem17 {
left: 48.5%;
top: 59.2%;
}
.incaseitem18 {
left: 46.5%;
top: 60.5%;
}
.incaseitem19 {
left: 56%;
top: 62.5%;
}
.incaseitem20 {
left: 55%;
top: 65%;
}
.incaseitem21 {
left: 52%;
top: 67%;
}
.incaseitem22 {
left: 57%;
top: 68%;
}
.incaseitem23 {
left: 56%;
top: 76.5%;
}
.incaseitem24 {
left: 51.5%;
top: 77.5%;
}
.incaseitem25 {
left: 53%;
top: 81%;
}
.incaseitem26 {
left: 72%;
top: 30%;
}
.incaseitem27 {
left: 80.5%;
top: 36%;
}
.incaseitem28 {
left: 74%;
top: 38%;
}
.incaseitem30 {
left: 77.5%;
top: 42%;
}
.incaseitem31 {
left: 75%;
top: 44%;
}
.incaseitem32 {
left: 82.2%;
top: 44%;
}
.incaseitem33 {
left: 83.2%;
top: 46%;
}
.incaseitem34 {
left: 78.2%;
top: 47%;
}
.incaseitem35 {
left: 70.5%;
top: 47%;
}
.incaseitem36 {
left: 66%;
top: 48.5%;
}
.incaseitem37 {
left: 75.5%;
top: 48.5%;
}
.incaseitem38 {
left: 82%;
top: 40%;
}
.incaseitem39 {
left: 84.5%;
top: 44%;
}
.incaseitem40 {
left: 18%;
top: 48%;
}
.incaseitem41 {
left: 69%;
top: 53%;
}
.incaseitem42 {
left: 76.8%;
top: 54.5%;
}
.incaseitem43 {
left: 72%;
top: 50.6%;
}
.incaseitem44 {
left: 79.8%;
top: 63%;
}
.incaseitem45 {
left: 78.5%;
top: 24%;
}
.incaseitem46 {
left: 68.5%;
top: 44%;
}
@-webkit-keyframes widthMove {
0% {
width: 0;
}
100% {
width: 106px;
}
}
@-moz-keyframes widthMove {
0% {
width: 0;
}
100% {
width: 106px;
}
}
@-o-keyframes widthMove {
0% {
width: 0;
}
100% {
width: 106px;
}
}
@keyframes widthMove {
0% {
width: 0;
}
100% {
width: 106px;
}
}
@-webkit-keyframes rodflash {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
80% {
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
100% {
-webkit-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
}
@-moz-keyframes rodflash {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
80% {
-webkit-transform: scale(2, 2);
-moz-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
100% {
-webkit-transform: scale(2, 2);
-moz-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
}
@-o-keyframes rodflash {
0% {
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
80% {
-webkit-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
100% {
-webkit-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
}
@keyframes rodflash {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
80% {
-webkit-transform: scale(2, 2);
-moz-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
100% {
-webkit-transform: scale(2, 2);
-moz-transform: scale(2, 2);
-o-transform: scale(2, 2);
transform: scale(2, 2);
opacity: 0;
}
} .innewsbox {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/innewsbg.jpg) no-repeat;
-o-background-size: cover;
background-size: cover;
z-index: 1;
padding: 0.7rem 0;
position: relative;
}
.innewsbox:before {
content: "";
display: block;
height: 0.85rem;
background: rgba(199, 1, 102, 0.9);
position: absolute;
left: 0;
top: 4.55rem;
width: 20%;
z-index: -1;
}
.innewsleft {
float: left;
width: 53.7%;
z-index: 2;
position: relative;
}
.innewsleft ul li .aniimg {
position: relative;
}
.innewsleft ul li h4 {
position: absolute;
font-size: 0.26rem;
color: #FFF;
background: rgba(199, 1, 102, 0.9);
top: 3.85rem;
width: 70.8%;
line-height: 1.2em;
height: 0.85rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0.1rem;
box-sizing: border-box;
padding-right: 0.3rem;
}
.innewsleft ul li:hover .aniimg img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.innewsleft ul li:hover h4 {
opacity: 0.85;
}
.innewsleft-txt p {
color: #FFF;
width: 64%;
margin-top: 0.4rem;
margin-bottom: 0.3rem;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
height: 6.8em;
font-size: 15px;
overflow: hidden;
}
.newsuserbox {
overflow: hidden;
padding: 2px 0;
}
.newsuserbox .newsuser {
float: left;
}
.newsuserbox>span {
float: right;
display: block;
text-align: center;
font-size: 18px;
color: #FFF;
line-height: 35px;
padding: 0 0.35rem;
height: 35px;
background: #C70166;
margin-right: 0.67rem;
}
.newsuserbox>span i {
font-style: normal;
margin-right: 20px;
}
.newsuserbox>span:hover {
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.83);
background: #071121;
}
.newsuser span {
color: #FFF;
font-size: 14px;
margin-right: 0.24rem;
}
.newsuser span img {
display: inline-block;
vertical-align: middle;
width: 15px;
margin-right: 7px;
}
.innewsbtn {
position: absolute;
right: 0;
bottom: 170px;
z-index: 2;
}
.innewsbtn .swiper-pagination {
margin-top: 0.23rem;
width: 100%;
position: static;
text-align: center;
}
.innewsbtn .swiper-pagination .swiper-pagination-bullet {
border-radius: 0;
background: #FFFFFF;
opacity: 0.2;
margin: 0 6px;
}
.innewsbtn .swiper-pagination .swiper-pagination-bullet-active {
opacity: 0.5;
}
.innewsbtn-tab {
width: 1.88rem;
}
.innewsbtn-tab div {
position: static;
margin: 0;
padding: 0;
width: 0.94rem;
height: 0.75rem;
}
.innewsbtn-tab .swiper-button-prev {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/left.png) no-repeat center center rgba(255, 255, 255, 0.2);
}
.innewsbtn-tab .swiper-button-prev:hover{
background-color: rgba(255, 255, 255, 0.3); 
}
.innewsbtn-tab .swiper-button-prev.swiper-button-disabled {
opacity: 1;
background-color: rgba(255, 255, 255, 0.1);
}
.innewsbtn-tab .swiper-button-next {
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/right.png) no-repeat center center rgba(255, 255, 255, 0.4);
}
.innewsbtn-tab .swiper-button-next:hover{
background-color: rgba(255, 255, 255, 0.5); 
}
.innewsbtn-tab .swiper-button-next.swiper-button-disabled {
opacity: 1;
background-color: rgba(255, 255, 255, 0.1);
}
.innewsnum {
color: #FFF;
font-size: 22px;
line-height: 1em;
margin-top: 0.4rem;
}
.innewsnum b {
font-size: 0.46rem;
font-weight: normal;
}
.innewsright {
width: 46.2%;
}
.innewstit {
margin-left: 0.8rem;
overflow: hidden;
}
.innewstit h3 {
font-size: 0.24rem;
height: 0.58rem;
margin-right: 0.2rem;
color: #FFF;
float: left;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/proup.png) no-repeat right bottom;
}
.innewstit h2 {
float: left;
font-size: 0.44rem;
color: #FFF;
}
.innewstit h2 span {
display: inline-block;
background: #C70166;
line-height: 0.63rem;
height: 0.63rem;
padding-left: 0.28rem;
font-weight: bold;
padding-right: 0.1rem;
position: relative;
}
.innewstit h2 span:after {
content: "";
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/insolutit.png) no-repeat;
width: 0.26rem;
height: 100%;
position: absolute;
display: block;
right: -0.26rem;
top: 0;
}
.innewsright-row {
background: rgba(255, 255, 255, 0.1);
margin-top: 0.8rem;
padding: 0.45rem 0;
position: relative;
z-index: 1;
}
.innewsright-row:before {
content: "";
display: block;
width: 1.88rem;
position: absolute;
height: 100%;
left: -1.88rem;
background: rgba(255, 255, 255, 0.1);
z-index: -1;
top: 0;
}
.innewsright-row h3 {
text-transform: uppercase;
line-height: 30px;
border-left: 8px solid #C70166;
padding-left: 0.5rem;
padding-right: 0.3rem;
}
.innewsright-row h3 a {
color: #FFF;
font-size: 22px;
font-weight: bold;
display: block;
background: url(//www.quanyishoemachine.com/wp-content/themes/zjny/static/image/newsmore.png) no-repeat right center;
}
.innewsright-row h3 a:hover {
opacity: 0.85;
}
.innewsright-list li {
padding: 0 0.55rem;
position: relative;
z-index: 1;
margin-top: 0.55rem;
}
.innewsright-list li > a {
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
box-pack: space-between;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
box-align: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.innewsright-list li .aniimg {
width: 29.5%;
background: rgba(255, 255, 255, 0.18);
overflow: visible;
}
.innewsright-list li .aniimg img {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.innewsright-list li:after {
content: "";
display: block;
top: -20px;
bottom: -20px;
z-index: -1;
position: absolute;
background: rgba(255, 255, 255, 0.16);
width: 80.3%;
right: 5px;
display: none;
}
.innewsright-list li:hover:after {
display: block;
}
.innewsright-list li:hover .aniimg img {
margin-bottom: 10px;
margin-top: -10px;
margin-left: -10px;
}
.innewsr-listtxt {
width: 63%;
}
.innewsr-listtxt h4 {
font-size: 15px;
color: #FFF;
margin-bottom: 0.2rem;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.3em;
max-height: 3.9em;
}
.infootlink a {
color: #FFF;
display: inline-block;
padding: 0 8px;
border-right: 1px solid #FFF;
line-height: 14px;
height: 14px;
}
.infootlink a:last-child {
border: 0 none;
}
.infootlink a:hover {
opacity: 0.85;
}
@media (max-width: 1700px) {
.innewsleft ul li h4{
top: 4.3rem;
}
.innewsbox:before{
top: 5rem;
}
.arrow{
bottom: 0rem;
}
}
@media (max-width: 1600px) {
.proitem {
left: -70px;
}
.incasebox .content {
width: 1400px;
}
.bantxt{
margin-top: 25vh;
}
.banepcmo{
margin-top: .8rem;
}
.proline {
top: 0px;
}
.proline span:nth-child(1) {
height: 138px;
}
.proline span:nth-child(4) {
height: 244px;
}
.proline span:nth-child(5) {
height: 244px;
}
.circlrbox {
top: -82px;
}
.indextitpro {
width: 52.1%;
}
.indextitcon {
width: 40.2%;
}
.indextitcon h3 {
font-size: 20px;
}
.indextitcon h2 {
font-size: 0.4rem;
}
.indextit-right .indextitcon {
padding-right: 9%;
width: 38.2%;
}
.insolutab-top h4 {
font-size: 16px;
}
.incasebox .content {
width: 1200px;
}
.banepclist a {
font-size: 15px;
margin-bottom: .2rem;
}
.indextitpro a {
margin: 8px 0;
font-size: 12px;
}
.proitemtxt p {
font-size: 14px;
}
.proitem li {
width: 419.4px;
}
.proitem li h4 {
font-size: 16px;
padding-left: 23px;
-o-background-size: 16px 16px;
background-size: 16px 16px;
}
.inxnytxtcon p {
font-size: 14px;
}
.inxnytxtcon a span {
font-size: 14px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
padding-left: 25px;
}
.insolutab-item a span {
-o-background-size: 15px 15px;
background-size: 15px 15px;
padding-left: 25px;
font-size: 14px;
}
.insolutab li > a {
font-size: 16px;
}
.casesepc {
top: 20px;
}
.innewsr-listtxt h4 {
font-size: 14px;
line-height: 1.4em;
}
.innewsleft-txt p {
font-size: 14px;
}
.circlrtopbg {
bottom: -70px;
width: 57.8%;
}
.insolutabact {
padding-bottom: 30px;
}
.innewsbtn {
bottom: 160px;
}
.indexprocon {
height: 382px;
padding-top: 134px;
}
.inprobg {
bottom: 130px;
height: 170px;
width: 81.4%;
}
.banepctit {
margin-bottom: 0.25rem;
}
.arrow {
bottom: 0.8rem;
}
.indexprocon ul {
top: -63px;
}
.indextit-right .indextitpro p {
font-size: 12px;
}
.casesepc li {
width: 23%;
}
.casesepc li .casesepctxt h4 {
font-size: 15px;
}
.casesepc li .casesepctxt {
padding-top: 15px;
}
.innewsleft ul li h4{
top: 4.8rem;
}
.innewsbox:before{
top: 5.5rem;
}
}
@media (max-width: 1450px) {
.indexprocon ul {
top: 0;
}
.inprobg {
bottom: 129px;
}
.circlrbox{
top: -10px;
}
.proline{
top: 10px;
}
.innewsleft ul li h4{
top:4.4rem
}
.innewsbox:before{
top: 5.1rem;
}
.innewsleft-txt p{
-webkit-line-clamp: 3;
height:5.1em;
}
.innewsleft-txt p{
margin-top: .3rem;
margin-bottom: .2rem;
}
.innewsbtn-tab div{
height: 0.72rem;
}
.innewsbtn{
bottom: 120px;
}
.insolubox:before{
width: 62.55%;
}
}
@media (max-width: 1250px) {
.circlrbox {
width: 70%;
}
.circlrtop {
height: 285px;
}
.circlrtop2-hide {
height: 0;
}
.proitem {
left: -40px;
}
.arrow {
bottom: 76px;
}
.newsuser span {
font-size: 12px;
}
}