/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@font-face {font-family: "iconfont";
src: url(/font/f9532e0542908e410e94ecbeb7e1915c.eot); /* IE9*/
src: url(/font/f9532e0542908e410e94ecbeb7e1915c.eot#iefix) format('embedded-opentype'),
url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAgUAAsAAAAAC4QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kkCY21hcAAAAYAAAACVAAAB+Jv2Oe9nbHlmAAACGAAAA6UAAAR8V7nS8GhlYWQAAAXAAAAALwAAADYUhheMaGhlYQAABfAAAAAgAAAAJAuDBy1obXR4AAAGEAAAABwAAAAoLgIAAGxvY2EAAAYsAAAAFgAAABYF+gScbWF4cAAABkQAAAAdAAAAIAEaAGBuYW1lAAAGZAAAAUUAAAJtPlT+fXBvc3QAAAesAAAAaAAAAIxhfZkqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkmcU4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDzLZG7438AQw9zL0AAUZgTJAQANkAyFeJzFkcENgzAQBMdASEA8UkgqSQ3wIojQQMSDercNsvjySQWcNdbdyvZZe8AFKM3DVJA2Ekd8rKasl7RZr3i6brlReK0aNGnZd2ureo2acx6RfK6l457zwm9U7lRz9e3GUs1pkc5r/R9d3rdfZVdYf/iL6gN7h4bgmJPG4JiVXsExQ02BPUZzYLfRO7DvaAlovu25JZoAAAB4nHVTzW8bRRR/b8Y7azvedWf9sf6298O7TlIvidcfoU0T01YQmkoEBSo4FLWVilAoqKSHVpSDOVQgFFSQSEBckCAKAo7hwKGCA4iqHLjxBwQQvaAcEJcie8usw4c4MHrzm5k3b+a933szIAHc36O3aA5S0IBZOAkrAMim0VRJGQ237ZFpzBhSRk+r1LVcQ7ZMjx5D3WTpbKvbdnQmsySqWEHfaHVdj7jYaS+Qo9jKlhHzxcKqVi9p9C2M59zKjeAU+RAzVauUXGgGjx5eTLdqqejVhKblNW0jyiQpSkgkqeILejYmxeIs2JaShcyt6iSpYiLvFk4/rdSK2vnX2y+W63oMcTDAVLGmfrzIC1zIK4VsSsvLh5RorqBYdhqv/jyRSyXKzk8gGhVcN+iQrkECclASPLue4ImZCuoL2FNR9tAVkwrSHsrUwGc++fLTs+zOu1t3Ho7s7+7uS1KIHzUx3cRvLuxcELJ1m9LbW7v7kb8Ngkkv+NUDDB0yTt8ETfhp6ZhV0XFjIlEe9nABabeUIh8oxGpqo5ujTa1pS5y8E03TDT68pzUtsfp+1OKS2KcYU8P77r8hb9NLEAOIoYxGxkAd5e0AlvD6vUm2F1xfwj28RGApuPFscHMJvw5DIOLcIAJ0INjLAKnwmM8tpMGQ4Lfr6/jFOjkyHOdGwPvkc5gAHazQspVNM8swnXY3ZVQwzWTDw3D+r35AIaEoidEY/2dOdlVdFRLcRSWnYAjB3QNV6DLk9Rr9il6BLIBkOq7T7cVEjhYEuYrIliw6xlO2zCfKJDL6vSTV+3nyHFcxrY3eY5lrGV6Z13AZX031Z2I8OJ6o2bVEcJnF/uJOdwR3Cx4AqIvbDmp8gA7pjYstaq93s7pQVlD4dcdmerZLd9Cs1061Z48/OHfC81eMR470rcsn/KeqtbVjpZdm4udY/FowLFWlxmqlYEiHH387cmZuZpmSOiF2BFdmL6L98tGThDQI9Qi6fXLu/JWz5LRxpkmmzPITTTIJbBzjpogxDw74sAyPwaqIVYTli3fZ6vY6/4wiWm5Y4r3y8Ov1uIchJR7udnjbcXviO5pJdEzZdcT3rIbpEzWTrI6vi44K6ryBZtvElTE2uI5B4WLesnwT0SRbhXDwLevHNpvgbL617s+zQwnW8TqIv2An+K3R+K7RGGg53CzadnHzADGn4WdoF4MfwiVOF238z+qPnswVtlgo9pnC2Zz9fP+htSenpqb+BFiG0jgAAAB4nGNgZGBgAOJatQaTeH6brwzcLAwgcO1h5kEE/b+BfQlzL5DLwcAEEgUAM8ULjgB4nGNgZGBgbvjfwBDDvpiB4f9/9iUMQBEUwAUAjoYFvnicY2FgYGB+ycDAAqTZyhgY2BdD2OgYAD7mAi8AAAAAAHYArADUAPABBAFAAW4BwAI+AAB4nGNgZGBg4GIIYWBjAAEmMI8LSP4H8xkAEhYBewAAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG3HTQqDMBRF4Xf9qSa6MUcddAESq6UBmyvGR8XVC2bqGX1HMklZuc8iQ44CJR6oUMPAohHsbaRG5aaDdzT+zdCP/Ifix3VqrtXw4TzWlzcuCXGaTfd87d4dzrcuHF9lGpETcJUfjA==') format('woff'),
url(/font/6edd20555f33f426372154a64bf2b543.ttf) format('truetype'),
url(/src/libs/yd-icon/da75a632.iconfont.svg#iconfont) format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.yd-icon-sousuotubiao:before { content: "\E65C"; }
.yd-icon-icon_down:before { content: "\E65D"; }
.yd-icon-more:before { content: "\E663"; }
.yd-icon-icon_unfold:before { content: "\E664"; }
.yd-icon-icon_top:before { content: "\E665"; }
.yd-icon-icon_sel:before { content: "\E667"; }
.yd-icon-IOSxiazai:before { content: "\E668"; }
.yd-icon-anzhuoxiazai:before { content: "\E669"; }
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-agent_arrow {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px 0px;
width: 16px;
height: 16px;
}
.icon-agent_tencent {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -16px;
width: 95px;
height: 17px;
}
.icon-agent_ali {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -33px;
width: 98px;
height: 23px;
}
.icon-agent_fsk {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -56px;
width: 114px;
height: 25px;
}
.icon-agent_wd {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -81px;
width: 120px;
height: 26px;
}
.icon-agent_bjg {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -107px;
width: 104px;
height: 26px;
}
.icon-agent_mkl {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -133px;
width: 117px;
height: 29px;
}
.icon-agent_mh {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -162px;
width: 98px;
height: 29px;
}
.icon-agent_spzp {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -191px;
width: 97px;
height: 32px;
}
.icon-agent_hawei {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -223px;
width: 116px;
height: 32px;
}
.icon-agent_yd {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -255px;
width: 104px;
height: 32px;
}
.icon-agent_jd {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -287px;
width: 112px;
height: 33px;
}
.icon-agent_ajk {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -320px;
width: 94px;
height: 33px;
}
.icon-agent_ldwy {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -353px;
width: 112px;
height: 34px;
}
.icon-agent_dxt {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -387px;
width: 109px;
height: 34px;
}
.icon-agent_snyg {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -421px;
width: 119px;
height: 38px;
}
.icon-agent_gm {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -459px;
width: 95px;
height: 39px;
}
.icon-29 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -498px;
width: 56px;
height: 45px;
}
.icon-30 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -543px;
width: 46px;
height: 46px;
}
.icon-31 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -589px;
width: 34px;
height: 49px;
}
.icon-32 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -638px;
width: 36px;
height: 51px;
}
.icon-28 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -689px;
width: 40px;
height: 51px;
}
.icon-22 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -740px;
width: 60px;
height: 60px;
}
.icon-27 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -800px;
width: 60px;
height: 60px;
}
.icon-26 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -860px;
width: 60px;
height: 60px;
}
.icon-25 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -920px;
width: 60px;
height: 60px;
}
.icon-24 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -980px;
width: 60px;
height: 60px;
}
.icon-23 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1040px;
width: 60px;
height: 60px;
}
.icon-ari_four_5 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1100px;
width: 69px;
height: 69px;
}
.icon-ari_four_6 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1169px;
width: 69px;
height: 69px;
}
.icon-ari_four_9 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1238px;
width: 69px;
height: 69px;
}
.icon-ari_four_8 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1307px;
width: 69px;
height: 69px;
}
.icon-ari_four_7 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1376px;
width: 69px;
height: 69px;
}
.icon-ari_four_4 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1445px;
width: 69px;
height: 69px;
}
.icon-ari_four_3 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1514px;
width: 69px;
height: 69px;
}
.icon-ari_four_2 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1583px;
width: 69px;
height: 69px;
}
.icon-ari_four_1 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1652px;
width: 69px;
height: 69px;
}
.icon-ari_four_10 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1721px;
width: 69px;
height: 69px;
}
.icon-9 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1790px;
width: 57px;
height: 76px;
}
.icon-10 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1866px;
width: 54px;
height: 78px;
}
.icon-11 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -1944px;
width: 56px;
height: 79px;
}
.icon-8 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -2023px;
width: 43px;
height: 79px;
}
.icon-7 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -2102px;
width: 51px;
height: 79px;
}
.icon-air_nine_3 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -2181px;
width: 86px;
height: 86px;
}
.icon-air_nine_2 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -2267px;
width: 86px;
height: 86px;
}
.icon-air_nine_1 {
background-image: url(/src/sprites/441ab412.sprite.png);
background-position: 0px -2353px;
width: 86px;
height: 86px;
}
div,
ul,
li,
p,
span,
a,
map,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-weight: normal;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
input,
select,
textarea {
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
font-size: 625%;
font-size: 100px;
}
body {
line-height: 1;
font-weight: normal;
font-size: 0.14rem;
max-width: 2440px;
margin: 0 auto;
padding: 0;
font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}
p {
line-height: 1.5;
}
a {
transition: all 0.15s ease-out;
}
ul,
li {
list-style: none;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
background: none;
text-decoration: none;
}
button {
border: none;
outline: none;
}
.lf {
float: left;
}
.lr {
float: right;
}
/*布局类*/
.tc {
text-align: center;
}
.tf {
text-align: left;
}
.tr {
text-align: right;
}
.dis {
display: none;
}
/*清除浮动*/
.clearfix {
zoom: 1;
}
.clearfix:after {
content: '';
clear: both;
display: block;
}
/*处理input的placeholder*/
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:focus:-moz-placeholder {
color: transparent;
}
textarea:focus::-moz-placeholder {
color: transparent;
}
textarea:focus:-ms-input-placeholder {
color: transparent;
}
.main {
width: 12rem;
margin: 0 auto;
position: relative;
}
.view {
display: block;
min-height: 7.56rem;
}
.no-data {
display: none;
font-size: 0.16rem;
font-family: 'NotoSansHans-Regular';
padding: 1rem 0;
text-align: center;
font-style: normal;
color: #d4d4d4;
letter-spacing: 0.02rem;
}
.overhiden {
overflow: hidden;
}
.swiper-container {
max-width: 2440px !important;
}
.swiper-slide {
max-width: 2440px !important;
}
.nav {
max-width: 2440px;
margin: 0 auto;
}
.sle-pagination {
overflow: hidden;
padding-top: 50px;
text-align: center;
font-size: 14px;
padding-bottom: 80px;
}
.sle-pagination > .page-item {
display: inline-block;
padding: 0 7px;
}
.sle-pagination > .page-item > .page-link {
display: inline-block;
margin: 0 3px;
padding: 0 10px;
height: 28px;
line-height: 28px;
background-color: #fff;
color: #66625e;
border: 1px solid #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.sle-pagination > .page-item.active > .page-link,
.sle-pagination > .page-item:hover > .page-link {
background-color: #faf7fa;
color: rgba(0, 0, 0, 0.5);
border: 1px solid #f6f6f6;
}
.sle-pagination > .page-item.first,
.sle-pagination > .page-item.last {
display: none;
}
.slide1 {
-webkit-animation-name: slide1;
animation-name: slide1;
}
.bounce-down {
animation: bounce-down 3s infinite linear;
-moz-animation: bounce-down 3s infinite linear;
-o-animation: bounce-down 3s infinite linear;
-webkit-animation: bounce-down 3s infinite linear;
}
.bounce_down_fd {
animation: bounce_down_fd 3s infinite linear;
-moz-animation: bounce_down_fd 3s infinite linear;
-o-animation: bounce_down_fd 3s infinite linear;
-webkit-animation: bounce_down_fd 3s infinite linear;
}
@-webkit-keyframes slide1 {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide1 {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes bounce-down {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@keyframes bounce-down {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@-moz-keyframes bounce-down {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@-o-keyframes bounce-down {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@-webkit-keyframes bounce_down_fd {
25% {
transform: translateY(-3px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
}
}
@keyframes bounce_down_fd {
25% {
transform: translateY(-3px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
}
}
@-moz-keyframes bounce_down_fd {
25% {
transform: translateY(-3x);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
}
}
@-o-keyframes bounce_down_fd {
25% {
transform: translateY(-3px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(3px);
}
}
.nav {
position: relative;
background-color: #fff;
}
.nav .up {
font-size: 0.16rem;
height: 0.5rem;
line-height: 0.5rem;
position: relative;
}
.nav .up .lf a {
padding: 0;
}
.nav .up .lf img {
height: 0.25rem;
width: auto;
max-width: 100%;
display: block;
margin: 0.125rem 0;
}
.nav .up a {
color: #a0a0a0;
padding-right: 0.65rem;
}
.nav .up a.act,
.nav .up a:hover {
color: #1b1b1b;
}
.nav .up a:last-child {
padding-right: 0;
}
.nav .up::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D9D9D9;
}
.nav .product_pullDown {
padding: 0.2rem 0 0.05rem 0;
display: none;
border-top: 1px solid #e9e9e9;
}
.nav .product_pullDown .main > div {
display: inline-block;
text-align: center;
height: 2.8rem;
vertical-align: top;
margin-right: 1.9rem;
}
.nav .product_pullDown .main > div h3 {
font-size: 0.16rem;
color: #535353;
}
.nav .product_pullDown .main > div img {
margin: 0.15rem auto 0 auto;
display: block;
}
.nav .product_pullDown .main > div > div {
text-align: left;
position: absolute;
top: 1.6rem;
}
.nav .product_pullDown .main > div > div p {
font-size: 0.14rem;
margin-bottom: 0.1rem;
}
.nav .product_pullDown .main > div > div p .act {
color: #fff;
}
.nav .product_pullDown .main > div > div p a {
color: #545454;
}
.nav .product_pullDown .main > div > div p a:hover {
color: #fff;
}
.nav .product_pullDown .main > div:nth-of-type(3) {
margin-right: 0;
}
.nav .product_pullDown .main > div:nth-of-type(3) p a:first-of-type {
margin-right: 0.3rem;
}
.nav .product_pullDown .main > div:nth-of-type(3) p:nth-of-type(2) a:first-of-type {
margin-right: 0.28rem;
}
.nav .product_pullDown .main > div:nth-of-type(2) img {
margin-top: 0.35rem;
}
.nav .product_pullDown .main > div:nth-of-type(2) > div {
margin-left: 0.2rem;
}
.nav .white.product_pullDown {
background: #fff;
position: absolute;
z-index: 1000;
width: 100%;
top: 50px;
}
.nav .white.product_pullDown .main > div > div p a {
color: #bfbfbf;
}
.nav .white.product_pullDown .main > div > div a:hover {
color: #000;
}
.nav .down {
background-color: #fff;
font-size: 0.14rem;
height: 0.7rem;
line-height: 0.7rem;
transition: all 0.1s;
position: relative;
}
.nav .down a {
color: #747474;
display: inline-block;
margin-right: 0.6rem;
}
.nav .down a.act,
.nav .down a:hover {
color: #1b1b1b;
}
.nav .down .zmy {
position: absolute;
display: inline-block;
left: 0;
top: 0;
font-size: 0.2rem;
opacity: 0;
z-index: -1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nav .down .as {
transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-block;
}
.nav .down::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D9D9D9;
}
.nav .kong {
display: none;
height: 0.7rem;
}
.fix.nav .down {
position: fixed;
z-index: 100;
top: 0;
max-width: 2440px;
display: block;
width: 100%;
}
.fix.nav .down .zmy {
position: relative;
z-index: 1;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.fix.nav .down .as {
-webkit-transform: translate3d(1.2rem, 0, 0);
transform: translate3d(1.2rem, 0, 0);
}
.fix.nav .down a {
font-size: 0.16rem;
}
.fix.nav .kong {
display: block;
}
.nav.index-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.nav.index-nav .down {
display: none;
}
.up-kong {
height: 0.5rem;
display: block;
}
.balck-nav.nav {
background-color: transparent;
transition: all 0.36s ease;
-webkit-transition: all 0.36s ease;
-moz-transition: all 0.36s ease;
-ms-transition: all 0.36s ease;
}
.balck-nav.nav.fix {
background-color: #0d0d0d;
}
.balck-nav.nav .up a {
color: #a0a0a0;
}
.balck-nav.nav .up a.act,
.balck-nav.nav .up a:hover {
color: #1b1b1b;
}
.balck-nav.nav .up::after {
display: none;
}
.balck-nav.nav + .up-kong {
display: none;
}
.m-classify_display {
display: none;
}
.index-bannel .swiper-slide,
.m-index-bannel .swiper-slide {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: relative;
}
.index-bannel .swiper-slide.slide1 img,
.m-index-bannel .swiper-slide.slide1 img {
display: block;
margin: 0 auto;
height: auto;
}
.index-bannel .swiper-slide.slide1 img.text,
.m-index-bannel .swiper-slide.slide1 img.text {
width: 100%;
}
.index-bannel .swiper-slide.slide2 img,
.m-index-bannel .swiper-slide.slide2 img {
display: block;
margin: 0 auto;
height: auto;
}
.index-bannel .swiper-slide.slide2 img.text,
.m-index-bannel .swiper-slide.slide2 img.text {
width: 100%;
}
.index-bannel .swiper-slide.slide3 img,
.m-index-bannel .swiper-slide.slide3 img {
display: block;
margin: 0 auto;
height: auto;
}
.index-bannel .swiper-slide.slide3 img.text,
.m-index-bannel .swiper-slide.slide3 img.text {
width: 100%;
}
.other .swiper-pagination-bullet {
width: 0.41rem;
height: 0.03rem;
background: #000000;
opacity: 0.2;
border-radius: 0;
margin: 0 8px !important;
}
.other .swiper-pagination-bullet-active {
background: #ffffff;
opacity: 1;
}
.classify_display {
margin-top: 0.25rem;
}
.classify_display h1 {
display: inline-block;
vertical-align: middle;
font-size: 0.34rem;
color: #666666;
font-weight: bold;
}
.classify_display p {
font-size: 0.18rem;
margin-top: 0.15rem;
color: #666666;
}
.classify_display .grid-arrow-right {
position: relative;
height: 14px;
margin-left: 0.1rem;
display: inline-block;
vertical-align: middle;
}
.classify_display .grid-arrow-right:before {
top: 0;
left: 0;
position: absolute;
display: block;
width: 16px;
height: 3px;
content: '';
background-color: #666666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom-left-radius: 3px;
}
.classify_display .grid-arrow-right:after {
bottom: 0;
left: 0;
position: absolute;
display: block;
width: 16px;
height: 3px;
content: '';
background-color: #666666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top-left-radius: 3px;
}
.classify_display .classify_left {
width: 49.5%;
height: 687px;
float: left;
position: relative;
overflow: hidden;
}
.classify_display .classify_left img {
width: 100%;
max-width: 102%;
}
.classify_display .classify_left .classify_left_word {
position: absolute;
bottom: 0.5rem;
left: 0.3rem;
}
.classify_display .classify_right {
width: 49.5%;
height: 687px;
float: right;
}
.classify_display .classify_right > div {
width: 100%;
height: 335px;
overflow: hidden;
text-align: right;
position: relative;
}
.classify_display .classify_right > div a {
display: block;
width: 100%;
height: 100%;
}
.classify_display .classify_right > div h1 {
top: 0.5rem;
}
.classify_display .classify_right > div p {
top: 1rem;
}
.classify_display .classify_right > div .classify_right_word {
float: left;
text-align: left;
margin: 0.35rem 0 0 0.3rem;
}
.classify_display .classify_right .classify_top {
background: #DFE4E8;
padding: 0.2rem 0;
}
.classify_display .classify_right .classify_top img {
width: 263px;
}
.classify_display .classify_right .classify_bottom {
background: #E6E6E6;
padding: 0.1rem 0;
margin-top: 0.16rem;
}
.classify_display .classify_right .classify_bottom img {
width: 314px;
}
.news-wrapper {
color: #fff;
padding: 150px 0 70px 0;
}
.news-wrapper .title .left {
display: inline-block;
vertical-align: bottom;
width: 40%;
}
.news-wrapper .title .left h2 {
font-size: 0.32rem;
color: #666666;
}
.news-wrapper .title .right {
display: inline-block;
text-align: right;
width: 59%;
}
.news-wrapper .title .right a {
color: #A0A0A0;
}
.news-wrapper .title .right a:hover {
color: #333333;
}
.news-wrapper .news-content {
margin-top: 0.5rem;
color: #666;
text-align: center;
}
.news-wrapper .news-content ul li {
text-align: left;
width: 31.5%;
display: inline-block;
vertical-align: top;
margin-right: 0.25rem;
}
.news-wrapper .news-content ul li:last-child {
margin-right: 0;
}
.news-wrapper .news-content ul li .time {
font-size: 0.22rem;
margin-bottom: 15px;
color: #666;
}
.news-wrapper .news-content ul li .news-title {
font-size: 0.18rem;
margin-bottom: 12px;
color: #666;
}
.news-wrapper .news-content ul li .news-intro {
color: #646464;
line-height: 1.6;
}
.news-wrapper .news-content ul li:hover {
cursor: pointer;
}
.news-wrapper .news-content ul li:hover .news-intro {
color: #333333;
}
.introduce-wrapper .introduce {
color: #666;
padding: 80px 10px 70px 0;
}
.introduce-wrapper .introduce .intro-lf {
width: 60%;
display: inline-block;
padding-right: 15%;
vertical-align: top;
}
.introduce-wrapper .introduce .intro-lf h2 {
font-size: 0.32rem;
}
.introduce-wrapper .introduce .intro-lf .intro-word {
margin-top: 0.5rem;
line-height: 1.6;
}
.introduce-wrapper .introduce .intro-r {
text-align: right;
width: 40%;
display: inline-block;
}
.introduce-wrapper .introduce .intro-r .m_intro_img {
display: none;
}
.introduce-wrapper .introduce .intro-r .web_intro_img {
width: 300px;
}
.foot {
background-color: #F6F6F6;
font-size: 0.14rem;
overflow: hidden;
}
.foot .first {
padding: 0.5rem 0;
}
.foot .first .lf {
width: 80%;
}
.foot .first .lf li {
float: left;
width: 20%;
}
.foot .first .lf h5 {
font-size: 0.14rem;
color: #646464;
}
.foot .first .lf a {
font-size: 0.14rem;
color: #A4A4A4;
display: block;
margin-top: 0.14rem;
}
.foot .first .lr {
width: 20%;
text-align: left;
}
.foot .first .lr a {
display: block;
font-size: 0.33rem;
font-family: Helvetica;
color: #646464;
}
.foot .first .lr p {
font-size: 0.14rem;
color: #aaaaaa;
line-height: 1;
margin-top: 0.1rem;
}
.foot .second {
padding: 0.5rem 0;
position: relative;
font-size: 0.14rem;
}
.foot .second::before {
position: absolute;
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #F3F3F3;
left: 0;
top: 0;
}
.foot .second p {
line-height: 1;
}
.foot .second .as {
display: inline-block;
color: #646464;
}
.foot .second .as span {
display: inline-block;
margin-right: 0.1rem;
}
.foot .second .as a {
color: #607AD2;
padding: 0 0.1rem;
position: relative;
}
.foot .second .as a::before {
position: absolute;
display: block;
content: '';
height: 100%;
width: 1px;
background: #ededed;
left: 0;
top: 0;
}
.foot .second .icp {
margin-top: 0.1rem;
position: relative;
display: inline-block;
margin-left: 1rem;
}
.foot .second .icp a {
display: inline-block;
margin-right: 0.45rem;
color: #a4a4a4;
}
.foot .second .lang {
position: absolute;
top: 0.5rem;
right: 0;
color: #3c3c3c;
}
.black-theme {
background: #f5f5f5;
}
.black-theme .foot {
background-color: #fff;
}
.black-theme .foot .first .lf h5 {
color: #535353;
}
.black-theme .foot .first .lf a {
color: #A0A0A0;
}
.black-theme .foot .first .lf a:hover {
color: #4d4d4d;
}
.black-theme .foot .first .lr a {
color: #646464;
}
.black-theme .foot .first .lr p {
color: #A0A0A0;
}
.black-theme .foot .second::before {
background-color: #D2D2D2;
}
.black-theme .foot .second .as {
color: #646464;
}
.black-theme .foot .second .as a {
color: #607ad2;
}
.black-theme .foot .second .as a::before {
background-color: #dbdbdb;
}
.black-theme .foot .second .icp {
color: #a4a4a4;
}
.black-theme .foot .second .lang {
color: #a4a4a4;
}
.style360 {
position: absolute;
right: 0;
top: 0.45rem;
width: 110px;
}
.noData {
padding-top: 20px;
text-align: center;
font-size: 14px;
color: #666;
}
.news li a {
transition: all 0.3s;
display: block;
padding: 0.6rem 0;
color: #747474;
}
.news li .t1,
.news li .t2,
.news li .t3 {
float: left;
padding: 0 0.4rem;
font-size: 0.16rem;
}
.news li .t1 {
width: 15%;
text-align: right;
position: relative;
}
.news li .t1::after {
content: '';
position: absolute;
display: inline-block;
width: 1px;
height: 0.24rem;
background: #d4d4d4;
top: 0;
right: 0;
}
.news li .t2 {
width: 50%;
}
.news li .t2 h5 {
font-size: 0.16rem;
color: #747474;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news li .t2 p {
font-size: 0.14rem;
line-height: 1.5;
color: #a0a0a0;
margin-top: 0.2rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news li .t2 p.more {
font-size: 0.12rem;
margin-top: 0.3rem;
}
.news li .t2 p.more i {
font-size: 0.12rem;
display: inline-block;
margin-left: 0.2rem;
transform: scale(0.8);
-webkit-transform: scale(0.8);
}
.news li .t3 {
width: 35%;
}
.news li .t3 img {
height: 1.24rem;
width: auto;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.news li:hover {
background: #f6f6f6;
}
.news li:hover a {
transform: translate(0, -0.1rem);
color: #1b1b1b;
}
.news li:hover a .t1,
.news li:hover a .t2 h5 {
color: #1b1b1b;
}
.news li:hover a img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.crumb {
padding: 0 0.25rem;
line-height: 0.54rem;
position: relative;
}
.crumb::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.crumb a,
.crumb span {
display: inline-block;
font-size: 0.12rem;
line-height: 0.54rem;
color: #2b2b2b !important;
}
.crumb a cite,
.crumb span cite {
color: #4353fe;
font-style: normal;
}
.crumb a cite.seat,
.crumb span cite.seat {
color: #2b2b2b;
}
.crumb span[lay-separator] {
margin: 0 0.1rem;
}
.news-detail {
padding: 0.6rem 0;
}
.news-detail .tc .title {
font-size: 0.22rem;
line-height: 1.5;
}
.news-detail .tc span {
display: inline-block;
font-size: 0.14rem;
color: #4353fe;
margin: 0.1rem 0.18rem;
}
.news-detail .tc span.time {
color: rgba(43, 43, 43, 0.6);
}
.news-detail .text {
width: 90%;
margin: 0 auto;
}
.news-detail .text p {
margin-top: 0.4rem;
}
.news-detail .text p + p {
margin-top: 0.25rem;
}
.news-detail .text img {
display: block;
margin: 0.4rem auto;
}
.partner {
padding-bottom: 0.5rem;
}
.partner li {
padding: 0.75rem 0 0.45rem;
position: relative;
}
.partner li .lf {
width: 35%;
padding-left: 1.2rem;
position: relative;
}
.partner li .lf .text {
display: inline-block;
text-align: left;
position: relative;
}
.partner li .lf::after {
position: absolute;
content: '';
width: 1px;
height: 100%;
background: #d4d4d4;
top: 0;
right: 0.65rem;
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
}
.partner li .lf h2 {
font-size: 0.16rem;
color: #1b1b1b;
line-height: 1.5;
}
.partner li .lf p {
font-size: 0.12rem;
color: #d4d4d4;
text-transform: uppercase;
}
.partner li .lr {
width: 65%;
}
.partner li .lr .img {
float: left;
width: 16.66%;
}
.partner li .lr .img img {
display: block;
height: 0.6rem;
width: auto;
margin-bottom: 0.3rem;
}
.partner li .lr.four .img {
width: 25%;
}
.partner li .lr.five .img {
width: 20%;
}
.partner li::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.quality {
padding-bottom: 0.5rem;
}
.quality li a {
padding: 0.7rem 0;
position: relative;
display: block;
}
.quality li a img {
height: 0.8rem;
width: auto;
}
.quality li a .lf {
width: 35%;
text-align: center;
}
.quality li a .lf p {
font-size: 0.12rem;
color: #D4D4D4;
}
.quality li a .lr {
width: 65%;
}
.quality li a .lr .ps {
margin-top: 0.3rem;
}
.quality li a .lr .ps p {
color: #747474;
font-size: 0.14rem;
padding: 0 0.25rem;
position: relative;
line-height: 1.8;
letter-spacing: 0.01rem;
}
.quality li a .lr .ps p map {
position: absolute;
top: 0;
left: 0;
}
.quality li a .lr .ps.all p {
padding: 0;
}
.quality li a::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.quality li a h2 {
font-size: 0.16rem;
color: #1b1b1b;
line-height: 1.5;
}
.intro li {
padding: 0.75rem 0;
}
.intro li .ps p {
font-size: 0.14rem;
color: #adadad;
}
.swiper-pagination-bullet {
background: #9a9a9a;
border: 1px solid transparent;
width: 0.1rem;
height: 0.1rem;
}
.swiper-pagination-bullet-active {
background: #fff;
}
.product {
padding-top: 0.7rem;
}
.product .type {
text-align: center;
}
.product .type .spans {
display: inline-block;
margin: 0.6rem 0 0;
}
.product .type .spans span {
display: inline-block;
margin: 0 0.4rem;
font-size: 0.16rem;
color: #A0A0A0;
cursor: pointer;
}
.product .type .spans span.act {
color: #1B1B1B;
}
.product ul {
padding-bottom: 0.5rem;
}
.product ul li {
float: left;
width: 33.3%;
text-align: center;
position: relative;
padding: 1rem 0 0.8rem;
}
.product ul li::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.product ul li a {
display: block;
padding: 0 0.1rem;
}
.product ul li a:hover .img img {
transform: scale(1.25);
-webkit-transform: scale(1.25);
}
.product ul li a:hover .text .iconfont {
opacity: 1;
-webkit-opacity: 1;
}
.product ul li .img {
position: relative;
}
.product ul li .img img {
display: block;
height: 2.5rem;
width: auto;
margin: 0 auto;
position: relative;
z-index: 2;
transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
}
.product ul li .img .bg {
height: 1rem;
width: 100%;
background: #eeeeee;
border-radius: 0.04rem;
box-shadow: 0.07rem 0 0.59rem rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
}
.product ul li .text {
margin-top: 0.6rem;
}
.product ul li .text h2 {
font-size: 0.16rem;
color: #1b1b1b;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product ul li .text p {
margin-top: 0.2rem;
padding: 0 15%;
font-size: 0.14rem;
line-height: 1.5;
color: #a0a0a0;
height: 0.42rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product ul li .text .iconfont {
margin-top: 0.3rem;
font-size: 0.17rem;
transform: scale(0.5);
-webkit-transform: scale(0.5);
color: #A0A0A0;
display: inline-block;
opacity: 0;
-webkit-opacity: 0;
transition: all 0.36s ease;
-webkit-transition: all 0.36s ease;
}
.pro-detail {
font-size: 0.14rem;
color: #999999;
padding: 0.9rem 0;
}
.pro-detail img {
display: block;
margin: 0 auto;
}
.pro-detail .lf {
width: 46%;
}
.pro-detail .lf .big-img img {
height: 3rem;
width: auto;
}
.pro-detail .lf .small-img .swiper-container {
width: 80%;
margin-top: 0.6rem;
}
.pro-detail .lf .small-img .swiper-container .swiper-slide .img {
display: inline-block;
border: 1px solid transparent;
padding: 0.1rem;
width: 0.8rem;
height: 0.8rem;
}
.pro-detail .lf .small-img .swiper-container .swiper-slide.act .img {
border: 1px solid #d4d4d4;
}
.pro-detail .lf .small-img .swiper-container img {
height: 0.6rem;
width: auto;
cursor: pointer;
}
.pro-detail .lr {
width: 54%;
}
.pro-detail .lr h2 {
font-size: 0.28rem;
color: #1e1e1e;
}
.pro-detail .lr p {
padding: 0.25rem 0 0.5rem;
}
.pro-detail .param {
position: relative;
padding: 0.5rem 0;
}
.pro-detail .param::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D9D9D9;
bottom: auto;
top: 0;
}
.pro-detail .param li {
float: left;
width: 50%;
padding: 0.07rem 0;
}
.pro-detail .colors {
padding: 0.6rem 0 0;
position: relative;
}
.pro-detail .colors::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D9D9D9;
bottom: auto;
top: 0;
}
.pro-detail .colors .lf {
width: 20%;
line-height: 0.5rem;
}
.pro-detail .colors .lr {
width: 80%;
float: left;
}
.pro-detail .colors .lr li {
float: left;
width: 50%;
text-align: center;
}
.pro-detail .colors .lr li button {
width: 2rem;
height: 0.5rem;
border-radius: 0.02rem;
-webkit-border-radius: 0.02rem;
background: #fff;
border: 1px solid #d4d4d4;
color: #666666;
font-size: 0.14rem;
line-height: 0.16rem;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.pro-detail .colors .lr li button img {
display: inline-block;
height: 0.16rem;
max-width: 0.16rem;
border-radius: 100%;
-webkit-border-radius: 100%;
margin: 0 0.3rem 0 0;
}
.pro-detail .desc {
padding-top: 0.8rem;
}
.pro-detail .desc h3 {
padding-bottom: 0.2rem;
position: relative;
}
.pro-detail .desc h3::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.pro-detail .desc .ps {
padding: 0.6rem 0.8rem 0;
}
.cloud {
padding-top: 0.7rem;
}
.cloud img {
width: 100%;
height: auto;
}
.product_center_wrapper .product_center_title {
padding: 0.3rem 0;
}
.product_center_wrapper .product_center_title ul li {
cursor: pointer;
display: inline-block;
vertical-align: middle;
color: #B3B3B3;
font-size: 0.16rem;
margin-right: 0.5rem;
}
.product_center_wrapper .product_center_title ul li:first-of-type {
color: #808080;
}
.product_center_wrapper .product_center_title ul li:hover {
color: #808080;
}
.product_center_wrapper .product_center_banner {
position: relative;
width: 100%;
}
.product_center_wrapper .product_center_banner img {
position: absolute;
top: 0;
left: 0;
}
.product_center_wrapper .product_center_banner .smartHome_banner {
display: none;
}
.product_center_wrapper .product_center_banner .zimay_banner {
display: none;
}
.product_center_wrapper .product_center_classify {
width: 100%;
margin-top: 0.3rem;
margin-bottom: 1rem;
}
.product_center_wrapper .product_center_classify .classify_block {
width: 49%;
float: left;
border: 1px solid #EDEDED;
padding: 0.3rem 0.3rem;
height: 3.2rem;
margin-bottom: 0.3rem;
}
.product_center_wrapper .product_center_classify .classify_block .left {
float: left;
width: 55%;
}
.product_center_wrapper .product_center_classify .classify_block .left h2 {
white-space: nowrap;
color: #666666;
}
.product_center_wrapper .product_center_classify .classify_block .left p {
color: #999999;
margin: 0.15rem 0 0.25rem 0;
}
.product_center_wrapper .product_center_classify .classify_block .left a {
color: #666666;
width: 0.85rem;
height: 0.3rem;
display: block;
line-height: 0.3rem;
text-align: center;
border-radius: 0.14rem;
border: 1px solid #c2c2c2;
}
.product_center_wrapper .product_center_classify .classify_block .left a:hover {
background: #4D4D4D;
color: #fff;
}
.product_center_wrapper .product_center_classify .classify_block .right {
float: right;
width: 45%;
text-align: center;
}
.set ul li {
margin: 1rem 0;
cursor: pointer;
float: left;
width: 25%;
text-align: center;
}
.set ul li .item {
display: block;
position: relative;
}
.set ul li .item::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
bottom: auto;
top: 0.81rem;
}
.set ul li img {
height: 0.68rem;
width: auto;
display: block;
margin: 0 auto;
}
.set ul li .dian {
display: block;
margin: 0.1rem auto;
width: 0.06rem;
height: 0.06rem;
border-radius: 100%;
-webkit-border-radius: 100%;
background: #747474;
position: relative;
z-index: 1;
}
.set ul li .num {
font-size: 0.12rem;
color: #747474;
}
.set ul li .desc {
font-size: 0.12rem;
color: #747474;
line-height: 1.5;
margin-top: 0.4rem;
padding: 0 20%;
height: 0.8rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.set ul li .desc a {
color: #607AD2;
}
.set ul li .code {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-opacity: 0;
z-index: 0;
transition: all 0.36s ease;
-webkit-transition: all 0.36s ease;
-moz-transition: all 0.36s ease;
-ms-transition: all 0.36s ease;
}
.set ul li .code img {
height: 1.15rem;
width: auto;
}
.set ul li:hover .code {
opacity: 1;
-webkit-opacity: 1;
z-index: 1;
}
.set .ps {
padding-top: 0.5rem;
}
.set .ps h2 {
font-size: 0.16rem;
color: #1b1b1b;
padding: 0 0.65rem 0.3rem;
}
.set .ps p {
padding: 0 1rem;
font-size: 0.14rem;
line-height: 2;
color: #1b1b1b;
padding: 0.5rem 1rem;
position: relative;
}
.set .ps p .dian {
display: inline-block;
width: 0.06rem;
height: 0.06rem;
border-radius: 100%;
-webkit-border-radius: 100%;
background: #1b1b1b;
position: absolute;
top: 0.64rem;
left: 0.65rem;
}
.set .ps p::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
bottom: auto;
top: 0;
}
.after.set ul li .desc {
height: auto;
display: inline-block;
text-align: left;
padding: 0 15%;
}
.after.set .ps p .title {
font-size: 0.16rem;
color: #1b1b1b;
letter-spacing: 0.01rem;
}
.after.set .ps p.last {
font-size: 0.12rem;
color: #a0a0a0;
padding-left: 0.65rem;
}
.problem {
width: 75%;
margin: 0 auto;
padding: 0.5rem 0;
}
.problem form {
position: relative;
width: 100%;
}
.problem input {
width: 100%;
height: 0.54rem;
border: 1px solid #D4D4D4;
position: relative;
padding: 0 0.9rem;
color: #747474;
font-size: 0.14rem;
}
.problem .iconfont {
position: absolute;
top: 0.2rem;
left: 0.16rem;
font-size: 0.22rem;
color: #d4d4d4;
z-index: 1;
}
.problem ::-webkit-input-placeholder {
color: #D4D4D4;
}
.problem h2 {
padding: 0.7rem 0 0.3rem;
position: relative;
font-size: 0.16rem;
color: #1b1b1b;
}
.problem h2::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.problem h3 {
padding: 0.15rem 0 0.2rem;
position: relative;
font-size: 0.14rem;
color: #a0a0a0;
letter-spacing: 0.01rem;
}
.problem h3::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.problem ul li {
margin-top: 0.5rem;
}
.problem ul li .q,
.problem ul li .a {
padding: 0 0.3rem;
position: relative;
}
.problem ul li .q::before,
.problem ul li .a::before {
position: absolute;
content: '\95EE\FF1A';
font-size: 0.16rem;
color: #2b2b2b;
top: 0;
left: 0;
}
.problem ul li .q {
font-size: 0.16rem;
color: #2b2b2b;
}
.problem ul li .a {
margin-top: 0.15rem;
}
.problem ul li .a::before {
content: '\7B54\FF1A';
top: 0.03rem;
}
.problem ul li .a p {
font-size: 0.14rem;
color: #2b2b2b;
}
.download {
display: block;
min-height: 7.56rem;
}
.download h2 {
font-size: 0.26rem;
color: #2b2b2b;
letter-spacing: 0.02rem;
text-align: center;
padding: 0.5rem 0;
}
.download ul {
padding: 0 11%;
}
.download ul li {
width: 50%;
float: left;
text-align: center;
margin-bottom: 0.5rem;
}
.download ul li .text {
display: inline-block;
width: 2.6rem;
height: 3.2rem;
border: 1px solid #D4D4D4;
text-align: center;
position: relative;
cursor: pointer;
}
.download ul li .text img {
display: block;
margin: 0.64rem auto;
height: 0.72rem;
width: auto;
}
.download ul li .text h5 {
font-size: 0.15rem;
color: #747474;
line-height: 1.5;
}
.download ul li .text p {
font-size: 0.13rem;
color: #bcbcbc;
margin-top: 0.1rem;
}
.download ul li .text .t2 {
position: absolute;
width: 100%;
height: 100%;
background: #fff;
top: 0;
left: 0;
opacity: 0;
-webkit-opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.download ul li .text .t2 img {
height: 1.48rem;
margin: 0.56rem auto 0.4rem;
}
.download ul li .text .t2 h5 {
color: #1b1b1b;
}
.download ul li .text:hover .t2 {
opacity: 1;
-webkit-opacity: 1;
}
.download ul li.last .text h5 {
line-height: 3.2rem;
}
.us.download ul li .text {
width: 2.4rem;
height: 2.4rem;
}
.us.download ul li .text img {
display: block;
margin: 0.6rem auto 0.35rem;
height: 0.72rem;
width: auto;
}
.us.download ul li .text .t2 img {
height: 1.24rem;
max-width: 1.24rem;
margin: 0.4rem auto 0.2rem;
}
.us.download .company-addr {
text-align: center;
margin: 2rem 0 0.5rem;
}
.us.download .company-addr p {
font-size: 0.14rem;
color: #adadad;
}
.us.download .company-addr p a {
color: #607AD2;
}
.apk-body .foot {
display: none;
}
.apk {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
flex-direction: column;
-webkit-flex-direction: column;
align-items: center;
-webkit-align-items: center;
background: #e5e5e5;
height: 100vh;
}
.apk img {
display: block;
margin: 0 auto;
}
.apk .one {
padding-top: 2rem;
}
.apk .one img {
height: 0.8rem;
width: auto;
}
.apk .one p {
text-align: center;
font-size: 0.16rem;
}
.apk .two {
margin-top: -2rem;
}
.apk .two a {
display: block;
text-align: center;
width: 2.5rem;
height: 0.45rem;
line-height: 0.45rem;
color: #000;
-webkit-tap-highlight-color: transparent;
font-size: 0.14rem;
position: relative;
border: 1px solid #383838;
border-radius: 0.08rem;
background-color: #e5e5e5;
margin: 0.2rem 0;
cursor: pointer;
}
.apk .two a i {
font-size: 0.14rem;
margin-right: 0.02rem;
}
.apk .two a.btn-bk {
color: #fff;
background-color: #383838;
}
.apk .three {
position: static;
}
.apk .three img {
height: 4rem;
width: auto;
}
.agent_fix {
position: fixed;
top: 50px;
z-index: 2;
}
.m_wrapper {
display: none;
}
.agent-wrapper {
padding-bottom: 150px;
background: #f0f0f0;
}
.agent-wrapper .agent-banner {
width: 100%;
position: relative;
}
.agent-wrapper .agent-banner img {
width: 100%;
}
.agent-wrapper .agent-banner .agent-m-banner {
display: none;
}
.agent-wrapper .agent-banner .link_anchor {
position: absolute;
bottom: 2px;
height: 0.5rem;
background: #DBCDB1;
width: 100%;
opacity: 0.8;
line-height: 0.5rem;
text-align: center;
}
.agent-wrapper .agent-banner .link_anchor ul li {
display: inline-block;
cursor: pointer;
}
.agent-wrapper .agent-banner .link_anchor ul li a {
color: #fff;
font-size: 0.16rem;
}
.agent-wrapper .agent-banner .link_anchor ul li a i {
display: inline-block;
vertical-align: text-top;
}
.agent-wrapper .agent-banner .link_anchor ul li a .icon-agent_arrow {
display: inline-block;
}
.agent-wrapper .agent-banner .link_anchor ul li:nth-of-type(2) {
margin: 0 2rem;
}
.agent-wrapper .agent_block {
text-align: center;
padding-top: 1rem;
}
.agent-wrapper .agent_block .main_title i {
display: block;
margin: 0 auto;
}
.agent-wrapper .agent_block .main_title h2 {
color: #999999;
font-size: 0.28rem;
}
.agent-wrapper .agent_block .main_title .line {
width: 0.6rem;
height: 3.5px;
background: #DBCDB1;
margin: 0.15rem auto 0.8rem auto;
}
.agent-wrapper .agent_block .main_title .left {
float: left;
}
.agent-wrapper .agent_block .main_title .left .agent_intro_icon > div:nth-of-type(2) p {
margin-top: 0.15rem;
}
.agent-wrapper .agent_block .main_title .right {
float: right;
}
.agent-wrapper .agent_block .main_title .agent_intro {
width: 50%;
text-align: center;
}
.agent-wrapper .agent_block .main_title .agent_intro h4 {
color: #808080;
font-size: 0.18rem;
}
.agent-wrapper .agent_block .main_title .agent_intro p {
color: #999999;
margin: 0.1rem 0 0.15rem 0;
}
.agent-wrapper .agent_block .main_title .agent_intro .agent_intro_icon > div {
display: inline-block;
}
.agent-wrapper .agent_block .main_title .agent_intro .agent_intro_icon > div p {
margin-bottom: 0;
}
.agent-wrapper .agent_block .main_title .agent_intro .agent_intro_icon > div:nth-of-type(2) {
margin: 0 0.5rem;
}
.agent-wrapper .agent_block .sub_title {
padding-top: 0.8rem;
}
.agent-wrapper .agent_block .sub_title h4 {
color: #808080;
font-size: 0.18rem;
}
.agent-wrapper .agent_block .sub_title .icon {
padding: 0.3rem 0.5rem 0 0.5rem;
}
.agent-wrapper .agent_block .sub_title .icon > div {
float: left;
width: 20%;
text-align: center;
}
.agent-wrapper .agent_block .sub_title .icon > div p:first-of-type {
margin: 0 auto;
}
.agent-wrapper .agent_block .sub_title .icon > div p:last-of-type {
color: #999999;
margin-top: 0.1rem;
}
.agent-wrapper .agent_block .sub_title .desc {
color: #999999;
margin: 0.2rem 0 0.1rem 0;
font-size: 0.14rem;
line-height: 1.8;
}
.agent-wrapper #agent2 .agent2_icon > div {
width: 33.3%;
float: left;
text-align: center;
}
.agent-wrapper #agent2 .agent2_icon > div p:first-of-type {
margin: 0 auto;
}
.agent-wrapper #agent2 .agent2_icon > div p:nth-of-type(2) {
color: #808080;
margin: 0.2rem 0 0.06rem 0;
font-size: 0.16rem;
}
.agent-wrapper #agent2 .agent2_icon > div p:last-of-type {
color: #999999;
margin-bottom: 0.5rem;
}
.agent-wrapper #agent3 .main_title .line {
margin-bottom: 0.3rem;
}
.agent-wrapper #agent3 .sub_title {
padding-top: 0;
}
.agent-wrapper #agent3 .sub_title h4 {
margin-bottom: 0.3rem;
}
.agent-wrapper #agent3 .sub_title .agent3_icon {
margin-left: 1.6rem;
}
.agent-wrapper #agent3 .sub_title .agent3_icon > div {
width: 33.3%;
float: left;
text-align: left;
}
.agent-wrapper #agent3 .sub_title .agent3_icon > div p {
display: inline-block;
vertical-align: middle;
}
.agent-wrapper #agent3 .sub_title .agent3_icon > div p:first-of-type {
width: 0.28rem;
height: 0.28rem;
line-height: 0.28rem;
border-radius: 100%;
background: #DBCDB1;
color: #fff;
text-align: center;
margin-right: 0.1rem;
font-size: 0.16rem;
}
.agent-wrapper #agent3 .sub_title .agent3_icon > div p:last-of-type {
color: #999999;
line-height: 1.6;
}
.agent-wrapper #agent3 .sub_title .agent3_icon > div:nth-of-type(1),
.agent-wrapper #agent3 .sub_title .agent3_icon > div:nth-of-type(2),
.agent-wrapper #agent3 .sub_title .agent3_icon > div:nth-of-type(3) {
margin-bottom: 0.2rem;
}
.agent-wrapper .agent_progress .sub_title {
padding-top: 0;
}
.agent-wrapper .agent_progress .sub_title ul li {
width: 20%;
margin: 0;
}
.agent-wrapper .agent_progress .sub_title ul li .item .hover_wrapper {
width: 0.7rem;
margin: 0 auto;
}
.agent-wrapper .agent_progress .sub_title ul li .item .hover_wrapper:hover .icon {
background: #DBCDB1;
}
.agent-wrapper .agent_progress .sub_title ul li .item .hover_wrapper:hover .dian {
border-color: #DBCDB1;
}
.agent-wrapper .agent_progress .sub_title ul li .item .icon {
padding: 0;
width: 0.7rem;
height: 0.7rem;
border-radius: 100%;
background: #CCCCCC;
margin: 0 auto;
padding-top: 0.1rem;
position: relative;
}
.agent-wrapper .agent_progress .sub_title ul li .item .icon p {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.agent-wrapper .agent_progress .sub_title ul li .item .dian {
width: 0.1rem;
height: 0.1rem;
border-radius: 100%;
border: 2px solid #C2C2C2;
background: #f0f0f0;
margin: 0.3rem auto 0.2rem auto;
}
.agent-wrapper .agent_progress .sub_title ul li .item:after {
content: '..............................................................';
top: 1rem;
background: none!important;
}
.agent-wrapper .agent_progress .sub_title ul li:first-of-type .icon {
background: #DBCDB1;
}
.agent-wrapper .agent_progress .sub_title ul li:first-of-type .dian {
border-color: #DBCDB1;
}
.agent-wrapper .agent_progress .sub_title .progress_line {
width: 100%;
}
.agent-wrapper .agent_progress .sub_title .progress_line > div {
width: 0.01rem;
height: 0.01rem;
border-radius: 100%;
border: 2px solid #DBCDB1;
}
.agent-wrapper .agent_map_wapper .agent_map {
margin: 0 auto;
display: block;
}
.agent-wrapper .agent_map_wapper .agent_m_map {
display: none;
}
.agent-wrapper .agent_map_wapper .agent_city select {
width: 30%;
height: 40px;
background: #ffffff;
border-color: #fff;
border-radius: 4px;
color: #808080;
font-size: 0.16rem;
padding-left: 18px;
}
.agent-wrapper .agent_map_wapper .agent_city #jobProvince {
margin-right: 1rem;
margin-left: 1.87rem;
}
.agent-wrapper .agent_map_wapper .agent_city p {
font-size: 0.18rem;
color: #B3B3B3;
margin: 0 0 15px 1.87rem;
}
.agent-wrapper .agent_map_wapper .agent_city button {
display: block;
width: 68.7%;
height: 0.45rem;
line-height: 0.45rem;
background: #b4a081;
border-radius: 0.04rem;
border: none;
color: #fff;
font-size: 0.18rem;
margin: 0.5rem auto;
cursor: pointer;
}
.alert-height {
overflow: hidden;
height: 100%;
}
.pictures-wrapper {
background: #E9E9E8;
color: #666666;
}
.pictures-wrapper .main h2 {
padding: 0.36rem 0;
margin-left: 3px;
color: #616161;
}
.pictures-wrapper .main .media-content {
background: #E9E9E8;
clear: both;
text-align: left;
padding: 0 0 0.55rem 0;
}
.pictures-wrapper .main .media-content .img-lists {
padding-bottom: 0.3rem;
margin-top: 0.2rem;
overflow: hidden;
background: #fff;
border-radius: 0.08rem;
border: 1px solid #dcdcdc;
box-shadow: 0 3px 8px -6px rgba(0, 0, 0, 0.1);
}
.pictures-wrapper .main .media-content .img-lists h3 {
margin-bottom: 0.2rem;
position: relative;
z-index: 5;
border-bottom: 1px solid #d4d4d4;
border-radius: 8px 8px 0 0;
box-shadow: rgba(0, 0, 0, 0.06) 0 1px 7px;
background: #f3f3f3;
background: -webkit-linear-gradient(#fbfbfb, #ececec);
background: linear-gradient(#fbfbfb, #ececec);
line-height: 0.6rem;
height: 0.6rem;
font-size: 0.18rem;
padding: 0 0 0 0.3rem;
}
.pictures-wrapper .main .media-content .img-lists h3 a {
margin: 0.1rem 0.1rem 0 0.1rem;
padding: 0 0.25rem;
background: linear-gradient(#fff, #ececec);
cursor: pointer;
height: 0.38rem;
border: 1px solid #dbdde2;
border-radius: 8px;
font-size: 0.14rem;
line-height: 0.38rem;
color: #666;
display: inline-block;
float: right;
}
.pictures-wrapper .main .media-content .img-lists ul {
overflow: hidden;
padding: 0 0.3rem;
}
.pictures-wrapper .main .media-content .img-lists ul .last {
margin-right: 0;
}
.pictures-wrapper .main .media-content .img-lists ul li {
float: left;
width: 24.3%;
height: 2rem;
border: 1px solid #e5e5e5;
margin: 0 0.1rem 0.1rem 0;
overflow: hidden;
text-align: center;
position: relative;
}
.pictures-wrapper .main .media-content .img-lists ul li a img {
display: block;
position: static;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.pictures-wrapper .main .media-content .img-lists:first-child {
margin-top: 0;
}
.pictures-wrapper .thumbnail {
width: 100%;
max-width: 2440px;
margin: 0 auto;
height: 100%;
background-color: #434343;
background-color: rgba(0, 0, 0, 0.85);
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
display: none;
overflow-y: auto;
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pictures-wrapper .thumbnail .thumb-main {
width: 800px;
height: 584px;
margin: auto;
-moz-animation: thumb-box 0.5s;
-webkit-animation: thumb-box 0.5s;
-o-animation: thumb-box 0.5s;
animation: thumb-box 0.5s;
position: absolute;
left: 0;
right: 0;
top: 0.5rem;
bottom: 0;
background: #fff;
}
.pictures-wrapper .thumbnail .thumb-main .thumb-img {
width: 800px;
height: 524px;
margin: 0 auto;
position: relative;
text-align: center;
overflow: hidden;
border-radius: 5px 5px 0 0;
}
.pictures-wrapper .thumbnail .thumb-main .thumb-img img {
max-width: 100%;
max-height: 100%;
background-color: #fff;
}
.pictures-wrapper .thumbnail .thumb-main .thumb-aside {
background: #f2f2f2;
height: 60px;
width: 100%;
border-top: 1px solid #e0e0e0;
position: relative;
margin: 0 auto;
border-radius: 0 0 5px 5px;
}
.pictures-wrapper .thumbnail .thumb-main .gallery-prev-btn,
.pictures-wrapper .thumbnail .thumb-main .gallery-next-btn {
width: 50px;
height: 50px;
position: absolute;
top: -300px;
margin-top: -25px;
opacity: 0.6;
z-index: 9999;
}
.pictures-wrapper .thumbnail .thumb-main .gallery-prev-btn {
left: -100px;
background: url(/src/img/pictures/861cccbf.prev-btn.png) no-repeat center;
}
.pictures-wrapper .thumbnail .thumb-main .gallery-next-btn {
right: -100px;
background: url(/src/img/pictures/d695ff5e.next-btn.png) no-repeat center;
}
.pictures-wrapper .thumbnail .thumb-main .original {
width: 96px;
height: 34px;
border: 1px solid #cbcbcb;
box-shadow: 0 1px #fff inset, 0 1px #fff;
border-radius: 5px;
font-size: 13px;
text-align: center;
line-height: 34px;
cursor: pointer;
display: block;
color: #a1a1a1;
position: absolute;
top: 50%;
margin-top: -17px;
left: 14px;
}
.pictures-wrapper .thumbnail .thumb-main .download {
display: none;
}
.pictures-wrapper .thumbnail .thumb-main #thumbTitle {
color: #858585;
font-size: 14px;
text-align: center;
margin: 13px 0 5px 0;
}
.pictures-wrapper .thumbnail .thumb-main #count {
color: #b8b8b8;
font-size: 14px;
text-align: center;
}
.pictures-wrapper .thumbnail .thumb-main .close-btn {
position: absolute;
top: 50%;
width: 53px;
height: 32px;
margin-top: -16px;
right: 14px;
border: 1px solid #cbcbcb;
box-shadow: 0 1px #fff inset, 0 1px #fff;
border-radius: 5px;
opacity: 0.7;
background: url(/src/img/pictures/73467dc9.close-btn.png) no-repeat center center;
cursor: pointer;
}
.pictures-wrapper .sy {
margin: 0 auto;
display: block;
padding-bottom: 1rem;
}
@keyframes thumb-box {
0% {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
90% {
-moz-transform: scale(1.01);
-webkit-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
opacity: 1;
}
100% {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.parameter_wrapper .closestool_title {
height: 0.6rem;
line-height: 0.6rem;
}
.parameter_wrapper .closestool_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.parameter_wrapper .closestool_title ul {
float: right;
}
.parameter_wrapper .closestool_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.parameter_wrapper .closestool_title ul li a {
color: #B3B3B3;
}
.parameter_wrapper .closestool_title ul li a:hover {
color: #000;
}
.parameter_wrapper .parameter_container {
border-top: 1px solid #D9D9D9;
max-width: 2440px;
margin: 0 auto;
}
.parameter_wrapper .parameter_container .main h1 {
color: #535353;
font-size: 0.32rem;
}
.parameter_wrapper .parameter_container .size {
border-bottom: 1px solid #D9D9D9;
}
.parameter_wrapper .parameter_container .size img {
margin: 0.5rem auto;
display: block;
}
.parameter_wrapper .parameter_container .size h1 {
margin-top: 0.7rem;
}
.parameter_wrapper .parameter_container .parameter {
padding: 0.7rem 0 0.5rem 0;
border-bottom: 1px solid #D9D9D9;
}
.parameter_wrapper .parameter_container .parameter > table {
margin-top: 0.5rem;
width: 100%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody {
width: 100%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr .big_font {
color: #535353;
font-size: 0.26rem;
padding-top: 0;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr td {
text-align: left;
color: #808080;
font-size: 0.14rem;
line-height: 1.6;
padding-top: 0.06rem;
padding-bottom: 0.15rem;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr td:first-child {
width: 10%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr td:last-child {
width: 20%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr:first-child td:first-child {
width: 7%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr:first-child td:nth-child(2) {
width: 10%;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr:first-child td:last-child {
width: 20%;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 {
margin-top: 0.7rem;
font-size: 0.26rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 > span {
width: 0.32rem;
height: 0.32rem;
background: #777878;
border-radius: 50%;
text-align: center;
line-height: 0.32rem;
display: inline-block;
vertical-align: middle;
margin-right: 0.2rem;
color: #fff;
font-size: 0.18rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 p {
display: inline-block;
vertical-align: middle;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display {
width: 10rem;
margin: 0.7rem auto 1.2rem auto;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img {
position: relative;
display: inline-block;
width: 33%;
height: 2.8rem;
margin-bottom: 0.5rem;
vertical-align: bottom;
text-align: center;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img img:first-child {
width: 54%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
bottom: 0.3rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img .last {
position: absolute;
top: 0.2rem;
right: 0.3rem;
width: 9%;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .contact {
text-align: center;
display: block;
margin-top: -0.2rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install {
margin-top: 0;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div {
width: 49%;
display: inline-block;
text-align: center;
vertical-align: top;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div img {
width: 55%;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div h1 {
margin-top: 0.5rem;
font-size: 0.24rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div p {
color: #808080;
font-size: 0.14rem;
margin-top: 0.2rem;
line-height: 1.6;
}
@media (min-width: 961px) {
body {
min-width: 1300px;
}
.mobile_wrapper {
display: none;
}
.closestool_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.closestool_wrapper .closestool_title {
height: 0.6rem;
line-height: 0.6rem;
}
.closestool_wrapper .closestool_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.closestool_wrapper .closestool_title ul {
float: right;
}
.closestool_wrapper .closestool_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.closestool_wrapper .closestool_title ul li a {
color: #B3B3B3;
}
.closestool_wrapper .closestool_title ul li a:hover {
color: #000;
}
.closestool_wrapper .floor h1 {
font-size: 0.36rem;
color: #636363;
top: 0.8rem;
left: 0;
right: 0;
margin: auto;
}
.closestool_wrapper .floor p {
font-size: 0.16rem;
color: #9C9C9C;
top: 1.3rem;
left: 0;
right: 0;
margin: auto;
}
.closestool_wrapper .floor .desc h1 {
margin-bottom: 0.15rem;
}
.closestool_wrapper .floor .desc p {
margin-bottom: 0.2rem;
margin-top: 0.1rem;
}
.closestool_wrapper .floor .desc div {
text-align: center;
}
.closestool_wrapper .floor .desc div p {
margin-bottom: 0;
margin-top: 0.1rem;
font-size: 0.14rem;
}
.closestool_wrapper .floor .desc div img {
width: 0.7rem;
height: 0.7rem;
}
.closestool_wrapper .floor1 {
border-top: 1px solid #D9D9D9;
}
.closestool_wrapper .floor1 h1 {
position: absolute;
left: 0;
right: 0;
margin: auto;
display: block;
color: #fff;
background: #82868D;
width: 1.65rem;
height: 0.35rem;
font-size: 0.16rem;
line-height: 0.35rem;
border-radius: 0.3rem;
}
.closestool_wrapper .floor1,
.closestool_wrapper .floor11,
.closestool_wrapper .floor16,
.closestool_wrapper .floor17 {
position: relative;
text-align: center;
}
.closestool_wrapper .floor1 h1,
.closestool_wrapper .floor11 h1,
.closestool_wrapper .floor16 h1,
.closestool_wrapper .floor17 h1 {
position: absolute;
}
.closestool_wrapper .floor1 p,
.closestool_wrapper .floor11 p,
.closestool_wrapper .floor16 p,
.closestool_wrapper .floor17 p {
position: absolute;
}
.closestool_wrapper .floor2 {
position: relative;
height: 8.08rem;
}
.closestool_wrapper .floor2 .desc {
float: left;
margin-top: 2.8rem;
}
.closestool_wrapper .floor2 .desc > div {
text-align: left;
}
.closestool_wrapper .floor2 .desc > div > div {
display: inline-block;
vertical-align: top;
}
.closestool_wrapper .floor2 .desc > div .desc_left {
margin-right: 0.2rem;
}
.closestool_wrapper .floor2 .floor2_img {
float: right;
width: 62%;
position: relative;
}
.closestool_wrapper .floor2 .floor2_img img {
position: absolute;
top: 0;
width: 7rem;
margin-top: -2px;
}
.closestool_wrapper .floor2 .floor2_img .after {
display: none;
}
.closestool_wrapper .floor3 {
background: #FAFDFF;
margin-top: -2px;
}
.closestool_wrapper .floor3 .img {
width: 75%;
float: left;
}
.closestool_wrapper .floor3 .desc {
float: right;
margin-top: 2rem;
}
.closestool_wrapper .floor3 .desc h1 {
color: #829CB6;
}
.closestool_wrapper .floor3 .desc .desc_left {
text-align: left;
}
.closestool_wrapper .floor3 .desc .desc_left p {
color: #829CB6;
}
.closestool_wrapper .floor4 {
background: #000;
text-align: center;
padding: 0.8rem 0 0 0;
position: relative;
height: 9.1rem;
}
.closestool_wrapper .floor4 h1 {
color: #fff;
}
.closestool_wrapper .floor4 p {
margin-top: 0.2rem;
}
.closestool_wrapper .floor4 .img1 {
width: 8.5rem;
margin-top: 0.3rem;
}
.closestool_wrapper .floor4 .img2 {
top: 1.3rem;
left: 0;
right: 0;
margin: auto;
}
.closestool_wrapper .floor4 .floor4_icon {
width: 100%;
position: absolute;
bottom: 0.5rem;
right: 0;
margin: auto;
}
.closestool_wrapper .floor4 .floor4_icon div {
display: inline-block;
vertical-align: bottom;
}
.closestool_wrapper .floor4 .floor4_icon .icon1 p {
color: #fff;
}
.closestool_wrapper .floor4 .floor4_icon .icon2 p {
color: #fff;
}
.closestool_wrapper .floor4 .floor4_icon img {
width: 0.7rem;
height: 0.7rem;
}
.closestool_wrapper .floor4 .floor4_icon p {
font-size: 0.14rem;
}
.closestool_wrapper .floor7 img {
margin-bottom: 0.5rem;
}
.closestool_wrapper .floor8 {
background: #f3f3f3;
width: 100%;
text-align: center;
position: relative;
margin-top: -0.1rem;
}
.closestool_wrapper .floor8 img {
width: 100%;
}
.closestool_wrapper .floor8 h1 {
position: absolute;
color: #626262;
}
.closestool_wrapper .floor8 p {
position: absolute;
color: #808080;
line-height: 1.8;
}
.closestool_wrapper .floor8 .icon_wrapper {
position: absolute;
bottom: 0.5rem;
left: 0;
right: 0;
margin: 0;
}
.closestool_wrapper .floor8 .icon_wrapper > div {
display: inline-block;
vertical-align: top;
}
.closestool_wrapper .floor8 .icon_wrapper > div img {
width: 0.7rem;
height: 0.7rem;
}
.closestool_wrapper .floor8 .icon_wrapper > div p {
position: static;
font-size: 0.14rem;
margin-top: 0.1rem;
}
.closestool_wrapper .floor8 .icon_wrapper > div:nth-child(2) {
margin: 0 0.5rem;
}
.closestool_wrapper .floor9 {
background: url(/src/img/closestool/09/86de0eea.bj.png) no-repeat center center;
padding: 1rem 0 0 0;
}
.closestool_wrapper .floor9 .main {
height: 7.6rem;
}
.closestool_wrapper .floor9 .floor9_icon {
float: left;
margin: 1.7rem 0.5rem 0 0;
}
.closestool_wrapper .floor9 .floor9_icon img {
display: none;
width: 0.7rem;
height: 0.7rem;
float: none;
margin-bottom: 0.6rem;
}
.closestool_wrapper .floor9 .floor9_img {
left: 2rem;
position: absolute;
width: 3rem;
}
.closestool_wrapper .floor9 .floor9_img .after {
display: none;
}
.closestool_wrapper .floor9 .floor9_img img {
width: 3rem;
position: absolute;
top: 0;
}
.closestool_wrapper .floor9 .desc {
float: right;
margin-top: 2rem;
}
.closestool_wrapper .floor9 .desc h1,
.closestool_wrapper .floor9 .desc p {
color: #fff;
}
.closestool_wrapper .floor9 .desc p {
line-height: 1.8;
}
.closestool_wrapper .floor9 .desc .floor9_word {
width: 1.2rem;
padding: 0.12rem 0;
border-radius: 6px;
border: 1px solid #fff;
color: #fff;
text-align: center;
margin-top: 0.3rem;
}
.closestool_wrapper .floor9 .desc .floor9_word span {
font-size: 0.28rem;
}
.closestool_wrapper .floor9 .desc .floor9_word p {
font-size: 0.14rem;
color: #fff;
}
.closestool_wrapper .floor10 {
text-align: center;
padding-top: 0.8rem;
background: #fbfbfb;
}
.closestool_wrapper .floor10 p {
margin-top: 0.2rem;
}
.closestool_wrapper .floor10 .swiper-container .swiper-slide {
overflow: hidden;
}
.closestool_wrapper .floor10 .swiper-container .swiper-slide img {
width: 12rem;
}
.closestool_wrapper .floor10 .swiper-container .slide2 img {
margin-left: 1rem;
}
.closestool_wrapper .floor10 .swiper-container .slide3 img {
margin-right: 0.8rem;
}
.closestool_wrapper .floor10 .swiper-pagination-bullet-active {
background: #0f81e3;
}
.closestool_wrapper .floor12 {
position: relative;
text-align: center;
height: 8.5rem;
}
.closestool_wrapper .floor12 img {
position: absolute;
top: 0;
width: 6rem;
left: 0;
right: 0;
margin: auto;
}
.closestool_wrapper .floor12 img.bg {
width: 100%;
height: 100%;
}
.closestool_wrapper .floor12 .bg {
display: none;
color: #fff;
}
.closestool_wrapper .floor12 .after {
display: none;
}
.closestool_wrapper .floor12 h1 {
width: 100%;
position: absolute;
bottom: 1.15rem !important;
top: auto !important;
left: 0;
right: 0;
margin: auto;
}
.closestool_wrapper .floor12 p {
position: absolute;
bottom: 0.8rem !important;
top: auto !important;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
.closestool_wrapper .floor13 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
margin-top: -0.1rem;
}
.closestool_wrapper .floor13 a {
color: #fff;
font-size: 0.24rem;
}
.closestool_wrapper .floor14 {
background: url(/src/img/closestool/13/ea110702.bg.png) no-repeat center center;
}
.closestool_wrapper .floor14 .icon1,
.closestool_wrapper .floor14 .icon2,
.closestool_wrapper .floor14 .icon3 {
float: left;
text-align: center;
width: 33.333%;
padding: 1.8rem 0;
}
.closestool_wrapper .floor14 .icon1 img,
.closestool_wrapper .floor14 .icon2 img,
.closestool_wrapper .floor14 .icon3 img {
width: 1.3rem;
height: 1.3rem;
}
.closestool_wrapper .floor14 .icon1 p,
.closestool_wrapper .floor14 .icon2 p,
.closestool_wrapper .floor14 .icon3 p {
color: #fff;
font-size: 0.14rem;
margin-bottom: 0.01rem;
}
.closestool_wrapper .floor14 .icon1 p:first-of-type,
.closestool_wrapper .floor14 .icon2 p:first-of-type,
.closestool_wrapper .floor14 .icon3 p:first-of-type {
color: #265DE8;
font-size: 0.22rem;
margin: 0.08rem 0;
}
.closestool_wrapper .floor14 .icon1,
.closestool_wrapper .floor14 .icon3 {
background: rgba(0, 0, 0, 0.75);
}
.closestool_wrapper .floor14 .icon2 {
background: rgba(0, 0, 0, 0.7);
}
.closestool_wrapper .floor14 .blue_bg {
background: #265DE8;
text-align: center;
padding: 0.8rem 0;
position: relative;
}
.closestool_wrapper .floor14 .blue_bg h1 {
font-size: 0.32rem;
color: #fff;
}
.closestool_wrapper .floor14 .blue_bg p {
color: #fff;
margin-top: 0.1rem;
}
.closestool_wrapper .floor14 .blue_bg .triangle {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-bottom: 0.2rem solid #fff;
border-left: 0.2rem solid transparent;
border-right: 0.2rem solid transparent;
}
.closestool_wrapper .floor15,
.closestool_wrapper .floor7 {
padding-top: 0.8rem;
text-align: center;
background: #fff;
}
.closestool_wrapper .floor15 p,
.closestool_wrapper .floor7 p {
margin-top: 0.2rem;
}
.closestool_wrapper .floor15 img,
.closestool_wrapper .floor7 img {
width: 6rem;
margin-top: 1rem;
}
.closestool_wrapper .floor16 {
margin: -2px 0;
}
.closestool_wrapper .floor17 {
margin-top: -2px;
}
.closestool_wrapper .floor17 h1 {
color: #fff;
}
.closestool_wrapper .floor17 p {
color: #fff;
}
.closestool_wrapper .floor17 .floor16_step {
position: absolute;
width: 4rem;
left: 0;
top: 1.8rem;
right: 0;
margin: auto;
}
.closestool_wrapper .floor17 .floor16_step .number span:nth-of-type(odd) {
display: inline-block;
vertical-align: middle;
width: 0.4rem;
height: 0.4rem;
line-height: 0.4rem;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
}
.closestool_wrapper .floor17 .floor16_step .number span:nth-of-type(even) {
display: inline-block;
vertical-align: middle;
width: 0.4rem;
height: 2px;
background: #fff;
border-radius: 1px;
margin: 0 0.2rem;
}
.closestool_wrapper .floor17 .floor16_step .number_desc {
width: 100%;
text-align: left;
}
.closestool_wrapper .floor17 .floor16_step .number_desc span {
display: inline-block;
margin-top: 0.1rem;
color: #fff;
}
.closestool_wrapper .floor17 .floor16_step .number_desc span:first-of-type {
margin-left: 24px;
}
.closestool_wrapper .floor17 .floor16_step .number_desc span:nth-of-type(2) {
margin-left: 26px;
}
.closestool_wrapper .floor17 .floor16_step .number_desc span:last-of-type {
margin-left: 32px;
}
.closestool_wrapper .floor17 .floor16_step .playVideo {
margin-top: 1.5rem;
}
.closestool_wrapper .floor17 .floor16_step .playVideo img {
width: 18%;
}
.closestool_wrapper .floor17 .floor16_step .playVideo p {
position: static;
margin-top: 0.1rem;
font-size: 0.14rem;
color: #fff;
}
.closestool_wrapper .floor14_video {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
z-index: 9999;
background: #000000;
}
.closestool_wrapper .floor14_video .video_close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 0.4rem;
border-radius: 50%;
}
.mobile_water_wrapper {
display: none;
}
.water_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.water_wrapper .water_title {
height: 0.6rem;
line-height: 0.6rem;
}
.water_wrapper .water_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.water_wrapper .water_title ul {
float: right;
}
.water_wrapper .water_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.water_wrapper .water_title ul li a {
color: #B3B3B3;
}
.water_wrapper .water_title ul li a:hover {
color: #000;
}
.water_wrapper .water_floor {
position: relative;
text-align: center;
}
.water_wrapper .water_floor h1 {
font-size: 0.36rem;
top: 0.8rem;
left: 0;
right: 0;
margin: auto;
}
.water_wrapper .water_floor h3 {
font-size: 0.16rem;
top: 1.3rem;
left: 0;
right: 0;
margin: auto;
width: 100%;
line-height: 1.8;
}
.water_wrapper .water_floor1 span {
position: absolute;
top: 0.3rem;
left: 0;
right: 0;
margin: auto;
display: block;
color: #fff;
background: #0696FD;
width: 1.8rem;
height: 0.35rem;
font-size: 0.16rem;
line-height: 0.35rem;
border-radius: 0.3rem;
}
.water_wrapper .water_floor1 h1 {
position: absolute;
color: #0696FD;
}
.water_wrapper .water_floor1 h3 {
position: absolute;
color: #616161;
}
.water_wrapper .water_floor2 {
background: #028FFF;
padding: 0.8rem 0 0.3rem 0;
margin-top: -0.1rem;
}
.water_wrapper .water_floor2 h1 {
color: #fff;
}
.water_wrapper .water_floor2 h3 {
color: #fff;
margin-top: 0.2rem;
}
.water_wrapper .water_floor2 img {
width: 4rem;
margin: 0.4rem 0 0.2rem 0;
}
.water_wrapper .water_floor2 .water_floor2_icon {
width: 75%;
margin: 0 auto;
}
.water_wrapper .water_floor2 .water_floor2_icon > div {
width: 25%;
display: inline-block;
text-align: center;
}
.water_wrapper .water_floor2 .water_floor2_icon > div img {
width: 0.7rem;
height: 0.7rem;
margin: 0 0 0.1rem 0;
}
.water_wrapper .water_floor2 .water_floor2_icon > div p {
color: #fff;
}
.water_wrapper .water_floor3 {
padding-top: 0.8rem;
}
.water_wrapper .water_floor3 h1 {
color: #333333;
}
.water_wrapper .water_floor3 h3 {
color: #8C8C8C;
margin-top: 0.2rem;
}
.water_wrapper .water_floor3 > div {
margin: 0.5rem 0 1rem 0;
}
.water_wrapper .water_floor3 > div > div {
display: inline-block;
vertical-align: bottom;
}
.water_wrapper .water_floor3 > div > div P {
color: #008FFF;
font-size: 0.14rem;
}
.water_wrapper .water_floor3 > div > div P span {
font-size: 0.48rem;
margin-right: 0.03rem;
}
.water_wrapper .water_floor3 > div .water_floor3_middle {
width: 1px;
height: 0.8rem;
background: #BCDFF6;
margin: 0 0.5rem;
}
.water_wrapper .water_floor4 {
margin-top: -0.1rem;
}
.water_wrapper .water_floor4 h1 {
position: absolute;
color: #00E6FF;
}
.water_wrapper .water_floor4 h3 {
position: absolute;
color: #FFFFFF;
}
.water_wrapper .water_floor5 {
padding-top: 0.8rem;
}
.water_wrapper .water_floor5 h1 {
color: #333333;
}
.water_wrapper .water_floor5 h3 {
color: #8C8C8C;
margin-top: 0.2rem;
}
.water_wrapper .water_floor5 .main {
padding: 2rem 0 1rem 0;
}
.water_wrapper .water_floor5 .main img {
width: 1.2rem;
display: inline-block;
vertical-align: top;
}
.water_wrapper .water_floor5 .main .water_floor5_left {
float: left;
width: 35%;
border-right: 1px solid #E6E6E6;
}
.water_wrapper .water_floor5 .main .water_floor5_left img:first-of-type {
margin-right: 0.3rem;
}
.water_wrapper .water_floor5 .main .water_floor5_right {
float: left;
text-align: left;
width: 65%;
}
.water_wrapper .water_floor5 .main .water_floor5_right img {
margin-left: 0.3rem;
}
.water_wrapper .water_floor5 .main .water_floor5_right img:first-of-type {
margin-left: 0.8rem;
}
.water_wrapper .water_floor5 .main .floor_rate_left {
float: left;
width: 35%;
margin-top: 0.7rem;
}
.water_wrapper .water_floor5 .main .floor_rate_left p {
color: #008FFF;
font-size: 0.14rem;
}
.water_wrapper .water_floor5 .main .floor_rate_left p:nth-of-type(2) {
font-size: 0.32rem;
margin: 0.1rem 0 -0.01rem 0;
}
.water_wrapper .water_floor5 .main .floor_rate_right {
float: left;
width: 49%;
margin-top: 0.7rem;
margin-left: 0.8rem;
}
.water_wrapper .water_floor5 .main .floor_rate_right P {
color: #808080;
font-size: 0.14rem;
}
.water_wrapper .water_floor5 .main .floor_rate_right P:first-of-type {
color: #008FFF;
}
.water_wrapper .water_floor5 .main .floor_rate_right P:nth-of-type(2) {
font-size: 0.32rem;
margin: 0.1rem 0 -0.01rem 0;
}
.water_wrapper .water_floor15 {
padding-top: 0.8rem;
padding-bottom: 1.2rem;
}
.water_wrapper .water_floor15 h1 {
color: #221815;
}
.water_wrapper .water_floor15 h3 {
color: #A2A2A2;
margin-top: 0.2rem;
margin-bottom: 0.5rem;
}
.water_wrapper .water_floor15 .main > div {
float: left;
width: 33.3%;
}
.water_wrapper .water_floor15 .main .water_floor15_left,
.water_wrapper .water_floor15 .main .water_floor15_right {
margin-top: 3.5rem;
}
.water_wrapper .water_floor15 .main .water_floor15_left img,
.water_wrapper .water_floor15 .main .water_floor15_right img {
width: 30%;
}
.water_wrapper .water_floor15 .main .water_floor15_left p:first-of-type,
.water_wrapper .water_floor15 .main .water_floor15_right p:first-of-type {
color: #221815;
font-size: 0.16rem;
margin: 0.1rem 0 0.02rem 0;
}
.water_wrapper .water_floor15 .main .water_floor15_left p:first-of-type span,
.water_wrapper .water_floor15 .main .water_floor15_right p:first-of-type span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 0.03rem;
border-radius: 50%;
}
.water_wrapper .water_floor15 .main .water_floor15_left p:last-of-type,
.water_wrapper .water_floor15 .main .water_floor15_right p:last-of-type {
color: #A2A2A2;
font-size: 0.14rem;
}
.water_wrapper .water_floor15 .main .water_floor15_left p span {
background: #027CFF;
}
.water_wrapper .water_floor15 .main .water_floor15_right p span {
background: #FF8E29;
}
.water_wrapper .water_floor15 .main .water_floor15_middle img {
width: 80%;
}
.water_wrapper .water_floor6 h1,
.water_wrapper .water_floor6 h3 {
position: absolute;
color: #fff;
}
.water_wrapper .water_floor7 {
background: #F7F7F7;
padding: 2rem 0 1rem 0;
}
.water_wrapper .water_floor7 .water_floor7_left {
float: left;
text-align: left;
margin-top: 1rem;
padding-left: 0.5rem;
}
.water_wrapper .water_floor7 .water_floor7_left h1 {
line-height: 1.4;
font-size: 0.32rem;
}
.water_wrapper .water_floor7 .water_floor7_left .water_floor7_icon {
margin-top: 0.3rem;
}
.water_wrapper .water_floor7 .water_floor7_left .water_floor7_icon > div {
display: inline-block;
vertical-align: top;
text-align: center;
margin-right: 0.2rem;
}
.water_wrapper .water_floor7 .water_floor7_left .water_floor7_icon > div img {
width: 0.7rem;
height: 0.7rem;
margin-bottom: 0.1rem;
}
.water_wrapper .water_floor7 .water_floor7_right {
float: right;
text-align: left;
padding-left: 1.5rem;
}
.water_wrapper .water_floor7 .water_floor7_right img {
width: 7rem;
}
.water_wrapper .water_floor8 .water_floor8_left {
float: left;
text-align: center;
}
.water_wrapper .water_floor8 .water_floor8_left img {
width: 5.5rem;
}
.water_wrapper .water_floor8 .water_floor8_right {
float: right;
text-align: left;
margin-top: 1.2rem;
}
.water_wrapper .water_floor8 .water_floor8_right h1 {
line-height: 1.4;
font-size: 0.32rem;
}
.water_wrapper .water_floor8 .water_floor8_right h3 {
line-height: 1.8;
margin: 0.1rem 0 0.5rem 0;
}
.water_wrapper .water_floor8 .water_floor8_right img {
width: 5rem;
}
.water_wrapper .water_floor9 {
background: #2D2D33;
padding-top: 0.8rem;
}
.water_wrapper .water_floor9 h1 {
color: #fff;
}
.water_wrapper .water_floor9 img {
display: block;
width: 80%;
margin: 1.8rem auto 0 auto;
}
.water_wrapper .water_floor10 {
height: 9rem;
}
.water_wrapper .water_floor10 h1 {
position: absolute;
color: #221815;
}
.water_wrapper .water_floor10 h3 {
position: absolute;
color: #9C9C9C;
}
.water_wrapper .water_floor10 .water_floor10_img {
position: absolute;
width: 6rem;
height: 4.5rem;
top: 47%;
left: 55%;
transform: translate(-50%, -50%);
}
.water_wrapper .water_floor10 .water_floor10_img img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.water_wrapper .water_floor10 .water_floor10_img img:first-of-type {
display: block;
}
.water_wrapper .water_floor10 .water_floor10_bg {
display: none;
width: 100%;
height: 100%;
}
.water_wrapper .water_floor10 .water_floor10_icon {
position: absolute;
bottom: 0.5rem;
left: 0;
right: 0;
}
.water_wrapper .water_floor10 .water_floor10_icon > div {
float: left;
text-align: center;
width: 20%;
}
.water_wrapper .water_floor10 .water_floor10_icon > div p:first-of-type {
color: #ABABAB;
font-size: 0.42rem;
line-height: 1.2;
}
.water_wrapper .water_floor10 .water_floor10_icon > div p:nth-of-type(2) {
color: #ABABAB;
font-size: 0.12rem;
margin-bottom: 0.1rem;
}
.water_wrapper .water_floor10 .water_floor10_icon > div p:last-of-type {
color: #9C9C9C;
font-size: 0.12rem;
}
.water_wrapper .water_floor10 .water_floor10_icon > div:first-of-type p {
color: #008FFF;
}
.water_wrapper .water_floor10 .water_floor10_icon > div:first-of-type p:last-of-type {
color: #9C9C9C;
}
.water_wrapper .water_floor11 {
background: #fbfbfb;
padding-top: 0.8rem;
}
.water_wrapper .water_floor11 h1 {
color: #221815;
}
.water_wrapper .water_floor11 .water_floor11_time {
width: 5rem;
background: lavender;
margin: 0.5rem auto 0 auto;
}
.water_wrapper .water_floor11 .water_floor11_time > div {
width: 33.3%;
float: left;
}
.water_wrapper .water_floor11 .water_floor11_time > div:nth-of-type(2) {
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
}
.water_wrapper .water_floor11 .water_floor11_time > div p {
color: #9C9C9C;
}
.water_wrapper .water_floor11 .water_floor11_time > div p:first-of-type {
color: #008FFF;
font-size: 0.32rem;
}
.water_wrapper .water_floor11 img {
width: 4.2rem;
margin-top: 0.5rem;
}
.water_wrapper .water_floor12 {
margin-top: -0.05rem;
}
.water_wrapper .water_floor12 h1,
.water_wrapper .water_floor12 h3 {
position: absolute;
color: #fff;
}
.water_wrapper .water_floor12 .img {
position: absolute;
width: 10rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.water_wrapper .water_floor12 .floor12_icon {
position: absolute;
bottom: 1rem;
width: 6rem;
left: 0;
right: 0;
margin: auto;
}
.water_wrapper .water_floor12 .floor12_icon > div {
float: left;
width: 33.3%;
}
.water_wrapper .water_floor12 .floor12_icon > div img {
width: 0.7rem;
height: 0.7rem;
}
.water_wrapper .water_floor12 .floor12_icon > div p {
color: #fff;
margin-top: 0.1rem;
}
.water_wrapper .water_floor13 {
padding-top: 0.8rem;
}
.water_wrapper .water_floor13 h1 {
color: #221815;
}
.water_wrapper .water_floor13 h3 {
margin-top: 0.2rem;
color: #9C9C9C;
}
.water_wrapper .water_floor13 img {
width: 3rem;
margin-top: 0.8rem;
margin-bottom: -0.02rem;
}
.water_wrapper .water_floor14 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
margin-top: -0.1rem;
}
.water_wrapper .water_floor14 a {
color: #fff;
font-size: 0.24rem;
}
@keyframes slide8 {
from {
transform: translateY(1rem);
opacity: 0;
}
to {
transform: translateY(0rem);
opacity: 1;
}
}
@keyframes slide8p {
from {
transform: translateY(0.8rem);
opacity: 0;
}
to {
transform: translateY(0rem);
opacity: 0.7;
}
}
@keyframes transForm {
from {
transform: rotate(0deg);
}
to {
transform: rotate(90deg);
}
}
.c2_m_wrapper {
display: none;
}
.c2_title_wrapper {
background: #fff;
position: fixed;
top: 0.5rem;
left: 0;
right: 0;
z-index: 1000;
border-bottom: 1px solid #E6E3E6;
}
.c2_title_wrapper .c2_title {
height: 0.6rem;
line-height: 0.6rem;
}
.c2_title_wrapper .c2_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.c2_title_wrapper .c2_title ul {
float: right;
}
.c2_title_wrapper .c2_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.c2_title_wrapper .c2_title ul li a {
color: #B3B3B3;
}
.c2_title_wrapper .c2_title ul li a:hover {
color: #000;
}
.c2_title_wrapper .c2_title ul .purchase a {
display: inline-block;
width: 1rem;
height: 0.34rem;
line-height: 0.34rem;
background: #496eb4;
border-radius: 0.03rem;
text-align: center;
color: #fff;
font-size: 0.16rem;
text-decoration: none;
cursor: pointer;
}
.c2_title_wrapper .c2_title ul .purchase a:hover {
color: #fff;
}
.c2_web_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.c2_web_wrapper .c2_floor {
width: 100%;
position: relative;
text-align: center;
}
.c2_web_wrapper .c2_floor .header-wrap {
top: 0.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.c2_web_wrapper .c2_floor .header-wrap h2 {
font-size: 0.36rem;
}
.c2_web_wrapper .c2_floor .header-wrap p {
margin-top: 0.2rem;
font-size: 0.16rem;
}
.c2_web_wrapper .c2_floor .bottom-wrap {
bottom: 0.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.c2_web_wrapper .c2_floor .bottom-wrap h2 {
font-size: 0.36rem;
}
.c2_web_wrapper .c2_floor .bottom-wrap p {
margin-top: 0.2rem;
}
.c2_web_wrapper .c2_floor .bg {
width: 100%;
}
.c2_web_wrapper .floor1 .header-wrap h1 {
width: 1.6rem;
height: 0.35rem;
font-size: 0.16rem;
line-height: 0.35rem;
border-radius: 0.3rem;
background: #474747;
color: #fff;
margin: 0 auto;
}
.c2_web_wrapper .floor1 .header-wrap h2 {
color: #474747;
margin-top: 0.2rem;
}
.c2_web_wrapper .floor14 .main {
padding: 0.5rem 0;
}
.c2_web_wrapper .floor14 .main .floor14_table {
width: 100%;
}
.c2_web_wrapper .floor14 .main .floor14_table > div {
float: left;
width: 25%;
padding: 0.2rem 0;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.c2_web_wrapper .floor14 .main .floor14_table > div:last-of-type {
border-right: none;
}
.c2_web_wrapper .floor14 .main .floor14_table > div p:first-of-type {
color: #666666;
font-size: 0.18rem;
}
.c2_web_wrapper .floor14 .main .floor14_table > div p:last-of-type {
color: #BEBEBE;
font-size: 0.14rem;
margin-top: 0.05rem;
}
.c2_web_wrapper .floor14 .main .table_wrapper_last > div {
border-bottom: none;
}
.c2_web_wrapper .floor2 {
margin-top: -2px;
}
.c2_web_wrapper .floor2 .bottom-wrap {
z-index: 2;
}
.c2_web_wrapper .floor2 .bottom-wrap h2 {
color: #000;
}
.c2_web_wrapper .floor2 .bottom-wrap p {
color: #5B5B5B;
}
.c2_web_wrapper .floor2 .floor2_animate {
position: absolute;
width: 18%;
top: 0;
left: 1.6rem;
right: 0;
margin: auto;
}
.c2_web_wrapper .floor2 .floor2_animate .img {
width: 100%;
}
.c2_web_wrapper .floor2 .floor2_animate .img1 {
display: none;
position: absolute;
top: 41%;
left: 14.3%;
width: 19%;
}
.c2_web_wrapper .floor3 {
margin-top: -2px;
}
.c2_web_wrapper .floor3 .header-wrap h2 {
color: #000000;
}
.c2_web_wrapper .floor3 .c2_floor2_wrapper {
bottom: 0.4rem;
left: 0;
right: 0;
position: absolute;
}
.c2_web_wrapper .floor3 .c2_floor2_wrapper > div {
width: 15%;
text-align: center;
display: inline-block;
}
.c2_web_wrapper .floor3 .c2_floor2_wrapper > div img {
width: 35%;
}
.c2_web_wrapper .floor3 .c2_floor2_wrapper > div p {
font-size: 0.14rem;
color: #fff;
margin-top: 0.1rem;
}
.c2_web_wrapper .floor4 {
margin-top: -2px;
}
.c2_web_wrapper .floor4 .header-wrap h2 {
color: #000000;
}
.c2_web_wrapper .floor4 .header-wrap p {
color: #8F8E8E;
line-height: 1.8;
}
.c2_web_wrapper .floor5 {
margin-top: -2px;
}
.c2_web_wrapper .floor5 .header-wrap h2 {
color: #fff;
}
.c2_web_wrapper .floor5 .header-wrap p {
color: #8F8E8E;
}
.c2_web_wrapper .floor6 {
height: 8.8rem;
}
.c2_web_wrapper .floor6 .header-wrap h2 {
color: #101010;
}
.c2_web_wrapper .floor6 .header-wrap p {
margin-top: 0.2rem;
color: #8F8E8E;
}
.c2_web_wrapper .floor6 img {
position: absolute;
top: 2rem;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.c2_web_wrapper .floor7 {
height: 8.8rem;
}
.c2_web_wrapper .floor7 .header-wrap h2 {
color: #101010;
}
.c2_web_wrapper .floor7 .header-wrap p {
margin-top: 0.2rem;
color: #8F8E8E;
}
.c2_web_wrapper .floor7 .header-wrap p span {
color: #8F8E8E;
cursor: pointer;
}
.c2_web_wrapper .floor7 .header-wrap p span:nth-of-type(2) {
margin: 0 0.2rem;
}
.c2_web_wrapper .floor7 .header-wrap p .active {
color: #262525;
}
.c2_web_wrapper .floor7 .bg1,
.c2_web_wrapper .floor7 .bg2 {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.c2_web_wrapper .floor7 .bg2 {
display: none;
}
.c2_web_wrapper .floor7 .floor7_animate {
width: 5rem;
height: 4rem;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.c2_web_wrapper .floor7 .floor7_animate img {
position: absolute;
top: 0;
left: 0;
}
.c2_web_wrapper .floor7 .floor7_animate .floor7_grey {
width: 100%;
}
.c2_web_wrapper .floor7 .floor7_animate .floor7_black {
display: none;
}
.c2_web_wrapper .floor7 .floor7_animate .floor7_brown {
display: none;
}
.c2_web_wrapper .floor8 {
background: #F3F3F3;
height: 8.8rem;
}
.c2_web_wrapper .floor8 img {
position: absolute;
left: -3.6rem;
right: 0;
top: 0;
margin: auto;
width: 5.2rem;
}
.c2_web_wrapper .floor8 h2 {
position: absolute;
left: 0;
right: 0;
bottom: 0.8rem;
margin: auto;
font-size: 0.36rem;
}
.c2_web_wrapper .floor9 {
height: 8.8rem;
}
.c2_web_wrapper .floor9 .bottom-wrap {
z-index: 5;
}
.c2_web_wrapper .floor9 .bottom-wrap h2 {
color: #000;
}
.c2_web_wrapper .floor9 .bottom-wrap p {
color: #5B5B5B;
}
.c2_web_wrapper .floor9 .bg {
height: 100%;
}
.c2_web_wrapper .floor9 .floor9_animate {
position: absolute;
width: 58%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
background: rgba(0, 0, 0, 0.2);
}
.c2_web_wrapper .floor9 .floor9_animate img {
position: absolute;
right: -0.1rem;
width: 1.3rem;
}
.c2_web_wrapper .floor9 .floor9_animate .transform {
animation: transForm 2s ;
}
.c2_web_wrapper .floor9 .floor9_animate .icon {
position: absolute;
right: 1.1342rem;
z-index: 5;
top: 4.852rem;
width: 0.9rem;
transform: rotate(90deg);
}
.c2_web_wrapper .floor9 .floor9_animate .img0 {
z-index: 3;
position: relative;
width: 100%;
height: 100%;
right: 0;
}
.c2_web_wrapper .floor9 .floor9_animate .img1 {
width: 5rem;
top: 0;
z-index: 4;
right: 0;
}
.c2_web_wrapper .floor9 .floor9_animate .img2 {
top: 1rem;
z-index: 2;
}
.c2_web_wrapper .floor9 .floor9_animate .img3 {
top: 2.3rem;
z-index: 2;
}
.c2_web_wrapper .floor9 .floor9_animate .img4 {
top: 3.2rem;
z-index: 2;
}
.c2_web_wrapper .floor9 .floor9_animate .img5 {
top: 4.1rem;
z-index: 2;
}
.c2_web_wrapper .floor9 .floor9_animate .img6 {
top: 5.3rem;
z-index: 2;
right: -0.5rem;
}
.c2_web_wrapper .floor10 {
margin-top: -2px;
height: 8.8rem;
}
.c2_web_wrapper .floor10 .header-wrap h2 {
color: #000000;
}
.c2_web_wrapper .floor10 .header-wrap p {
margin-top: 0.2rem;
color: #5B5B5B;
}
.c2_web_wrapper .floor10 .bg {
height: 100%;
}
.c2_web_wrapper .floor10 .floor10_animate {
position: absolute;
width: 7.8rem;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: left;
}
.c2_web_wrapper .floor10 .floor10_animate img {
width: 100%;
}
.c2_web_wrapper .floor10 .floor10_animate > div {
display: none;
padding-bottom: 0.05rem;
border-bottom: 1px solid #000000;
color: #000;
font-size: 0.14rem;
position: absolute;
}
.c2_web_wrapper .floor10 .floor10_animate .line1 {
width: 70%;
top: 1.5rem;
}
.c2_web_wrapper .floor10 .floor10_animate .line2 {
width: 52%;
top: 2.1rem;
}
.c2_web_wrapper .floor10 .floor10_animate .line3 {
width: 46%;
top: 2.8rem;
}
.c2_web_wrapper .floor11 {
height: 8.8rem;
}
.c2_web_wrapper .floor11 .header-wrap h2 {
color: #000;
}
.c2_web_wrapper .floor11 .header-wrap p {
margin-top: 0.2rem;
color: #5B5B5B;
}
.c2_web_wrapper .floor11 .bg {
height: 100%;
}
.c2_web_wrapper .floor11 .floor11_animate {
position: absolute;
width: 4.3rem;
bottom: 0;
left: -2rem;
right: 0;
margin: auto;
}
.c2_web_wrapper .floor11 .floor11_animate .floor11_animate_img2 {
display: none;
position: absolute;
top: 0.1rem;
width: 1.6rem;
right: 0.57rem;
}
.c2_web_wrapper .floor11 .floor11_animate .floor11_animate_img3 {
position: absolute;
top: 0.1rem;
width: 1.27rem;
right: 0.565rem;
}
.c2_web_wrapper .floor12 h2,
.c2_web_wrapper .floor12 p {
color: #776451;
}
.c2_web_wrapper .floor13 {
height: 8.8rem;
}
.c2_web_wrapper .floor13 .header-wrap h2,
.c2_web_wrapper .floor13 .header-wrap p {
color: #776451;
}
.c2_web_wrapper .floor13 .prod-img {
position: absolute;
width: 5.4rem;
margin-left: -3.4rem;
left: 50%;
bottom: 0;
}
.c2_web_wrapper .floor13 .prod-img img {
opacity: 0;
}
.c2_web_wrapper .floor13 .prod-img .p1 {
width: 100%;
position: relative;
z-index: -1;
}
.c2_web_wrapper .floor13 .prod-img .p2,
.c2_web_wrapper .floor13 .prod-img .p3,
.c2_web_wrapper .floor13 .prod-img .p4,
.c2_web_wrapper .floor13 .prod-img .p5 {
position: absolute;
left: 50%;
}
.c2_web_wrapper .floor13 .prod-img .p2 {
width: 2.8rem;
margin-left: -4.5rem;
top: 0.6rem;
}
.c2_web_wrapper .floor13 .prod-img .p3 {
width: 3rem;
margin-left: -3rem;
top: 0.4rem;
z-index: -2;
}
.c2_web_wrapper .floor13 .prod-img .p4 {
width: 3rem;
margin-left: 0.9rem;
top: 0.4rem;
}
.c2_web_wrapper .floor13 .prod-img .p5 {
width: 2.8rem;
margin-left: 2.55rem;
top: 0.6rem;
}
.c2_web_wrapper .floor13 .floor13_active .p1 {
animation: slide8 1s ease-out both 1.2s;
}
.c2_web_wrapper .floor13 .floor13_active .p3,
.c2_web_wrapper .floor13 .floor13_active .p4 {
animation: slide8p 1s ease-out both 2.2s;
}
.c2_web_wrapper .floor13 .floor13_active .p2,
.c2_web_wrapper .floor13 .floor13_active .p5 {
animation: slide8p 1s ease-out both 3.2s;
}
.m2_m_wrapper {
display: none;
}
.m2_title_wrapper {
background: transparent;
border-bottom: 0 solid #E6E3E6;
}
.m2_title_wrapper .m2_title h3 {
color: #333;
}
.m2_title_wrapper .m2_title ul li {
position: relative;
text-align: center;
margin-right: 0.15rem;
padding-right: 0 !important;
}
.m2_title_wrapper .m2_title ul li a {
color: #666666;
}
.m2_title_wrapper .m2_title ul li:last-of-type {
margin-right: 0;
}
.m2_title_wrapper .m2_title ul .active a {
color: #333333;
}
.m2_title_wrapper .m2_title ul .active .line {
width: 70%;
height: 2px;
background: linear-gradient(to right, grey, white);
margin: auto;
position: absolute;
bottom: 0.15rem;
left: 0;
right: 0;
}
.m2_title_wrapper .m2_title .nowBuy {
background: linear-gradient(to top, #d2d2d2, #898989);
float: right;
height: 32px;
width: 75px;
line-height: 32px;
text-align: center;
border-radius: 2px;
margin-top: 0.14rem;
}
.m2_title_wrapper .m2_title .nowBuy a {
font-size: 14px;
color: #fff;
}
.m2_web_wrapper .m2_floor {
position: relative;
overflow: hidden;
}
.m2_web_wrapper .m2_floor h3 {
font-size: 0.42rem;
font-weight: bold;
}
.m2_web_wrapper .m2_floor .title {
text-align: center;
padding-top: 0.7rem;
}
.m2_web_wrapper .m2_floor .title p {
font-size: 0.16rem;
margin-top: 0.2rem;
}
.m2_web_wrapper .floor1 .header-wrap {
position: relative;
width: 100%;
}
.m2_web_wrapper .floor1 .header-wrap video {
width: 100%;
}
.m2_web_wrapper .floor1 .header-wrap .floor1_img1 {
position: absolute;
width: 18%;
top: 0;
left: 10%;
bottom: 0;
margin: auto;
max-width: 286px;
}
.m2_web_wrapper .floor1 .header-wrap .floor1_img2 {
position: absolute;
width: 24%;
max-width: 381px;
top: 0;
right: 10%;
bottom: 0;
margin: auto;
}
.m2_web_wrapper .floor2 {
margin-top: -2px;
height: 10rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img {
overflow: hidden;
height: 10rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey1 {
position: absolute;
width: 1.8rem;
top: 0.5rem;
left: 1rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey2 {
position: absolute;
width: 1.8rem;
top: 1rem;
left: 3.2rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey3 {
width: 40%;
height: 2rem;
top: 0;
left: 6.8rem;
bottom: 0;
margin: auto;
position: absolute;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey3 p {
color: #999999;
margin-top: 0.15rem;
font-size: 0.16rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_circle {
top: 5rem;
margin: auto;
position: absolute;
width: 0.3rem;
height: 1rem;
text-align: center;
cursor: pointer;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey4 {
left: 6.8rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey4 p {
color: #A2A2A2;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey5 {
left: 7.4rem;
}
.m2_web_wrapper .floor2 .floor2_wrapper .floor2_img .floor2_grey5 p {
color: #D0C2E8;
}
.m2_web_wrapper .floor2 .floor2_1 {
background: url(/src/img/m2/web/02/fc21f082.grey_bg.png) center repeat;
}
.m2_web_wrapper .floor2 .floor2_1 h3 {
color: #7f7f7f;
}
.m2_web_wrapper .floor2 .floor2_2 {
display: none;
background: url(/src/img/m2/web/02/80789554.purple_bg.png) center repeat;
}
.m2_web_wrapper .floor2 .floor2_2 h3 {
color: #b1a3cc;
}
.m2_web_wrapper .floor2 .floor2_2 .floor2_grey3 p {
color: #D0C2E8;
}
.m2_web_wrapper .floor3 {
height: 10rem;
}
.m2_web_wrapper .floor3 .swiper-slide {
height: 10rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.m2_web_wrapper .floor3 .swiper-slide .desc {
position: absolute;
width: 40%;
left: 3.3rem;
top: 0.8rem;
max-width: 5rem;
}
.m2_web_wrapper .floor3 .swiper-slide .desc img {
width: 100%;
}
.m2_web_wrapper .floor3 .swiper-slide .desc p {
margin-top: 0.15rem;
font-size: 0.16rem;
}
.m2_web_wrapper .floor3 .swiper-slide .bg {
width: 100%;
}
.m2_web_wrapper .floor3 .slide1 h3 {
color: #cccccc;
}
.m2_web_wrapper .floor3 .slide1 p {
color: #e5e5e5;
}
.m2_web_wrapper .floor3 .slide2 {
display: none;
}
.m2_web_wrapper .floor3 .slide2 .desc h3 {
color: #999099;
}
.m2_web_wrapper .floor3 .slide2 .desc p {
color: #3a363b;
}
.m2_web_wrapper .floor3 .floor3_change_web {
position: absolute;
bottom: 0.2rem;
width: 0.8rem;
left: 0;
right: 0;
margin: auto;
}
.m2_web_wrapper .floor3 .floor3_change_web img {
width: 30%;
cursor: pointer;
}
.m2_web_wrapper .floor3 .floor3_change_web .grey {
margin-right: 0.22rem;
}
.m2_web_wrapper .floor4 {
background: #130E0A;
height: 10rem;
margin-top: -1px;
}
.m2_web_wrapper .floor4 .floor4_title h3 {
color: #e55f2e;
}
.m2_web_wrapper .floor4 .floor4_title p {
color: #665747;
}
.m2_web_wrapper .floor4 .floor4_title p:last-of-type {
font-size: 0.14rem;
margin-top: 0.05rem;
}
.m2_web_wrapper .floor4 .main div {
display: inline-block;
vertical-align: middle;
height: 6rem;
overflow: hidden;
margin-top: 1rem;
text-align: center;
position: relative;
}
.m2_web_wrapper .floor4 .main .left {
text-align: right;
width: 3rem;
}
.m2_web_wrapper .floor4 .main .left img {
width: 42.5%;
}
.m2_web_wrapper .floor4 .main .middle {
width: 5rem;
}
.m2_web_wrapper .floor4 .main .middle img {
width: 20%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.m2_web_wrapper .floor4 .main .right {
width: 3.5rem;
}
.m2_web_wrapper .floor4 .main .right .right_bg {
width: 3.4rem;
position: static;
}
.m2_web_wrapper .floor4 .main .right img {
position: absolute;
}
.m2_web_wrapper .floor4 .main .right .img1 {
bottom: 1.55rem;
left: 1.31rem;
width: 0.5rem;
}
.m2_web_wrapper .floor4 .main .right .img2 {
left: 1.47rem;
top: 1.85rem;
width: 0.35rem;
}
.m2_web_wrapper .floor4 .main .right .img3 {
left: 2.2rem;
top: 1.35rem;
width: 0.2rem;
}
.m2_web_wrapper .floor4 .main .right .img4 {
left: 2.08rem;
top: 2.1rem;
width: 0.4rem;
}
.m2_web_wrapper .floor4 .main .right .img5 {
left: 0.73rem;
top: 2.765rem;
width: 0.4rem;
}
.m2_web_wrapper .floor4 .main .right .img6 {
right: 0.78rem;
top: 0.63rem;
width: 0.3rem;
}
.m2_web_wrapper .floor4 .main .right .img7 {
right: 1.21rem;
top: 2.96rem;
width: 0.85rem;
}
.m2_web_wrapper .floor4 .main .right .img8 {
right: 0.048rem;
top: 2.95rem;
width: 0.43rem;
}
.m2_web_wrapper .floor5 {
height: 10rem;
background: url(/src/img/m2/web/05/8c83999e.bg.png) center repeat-y;
}
.m2_web_wrapper .floor5 h3 {
color: #b3b3b3;
}
.m2_web_wrapper .floor5 .main {
overflow: hidden;
height: 10rem;
}
.m2_web_wrapper .floor5 .main div {
display: inline-block;
position: absolute;
}
.m2_web_wrapper .floor5 .main div .img1 {
width: 2rem;
}
.m2_web_wrapper .floor5 .main div .img2 {
margin-top: 0.2rem;
cursor: pointer;
}
.m2_web_wrapper .floor5 .main .floor5_1 {
bottom: 3.36rem;
left: 0.3rem;
text-align: right;
}
.m2_web_wrapper .floor5 .main .floor5_1 p {
color: #999;
margin-top: 0.15rem;
}
.m2_web_wrapper .floor5 .main .floor5_1 .img2 {
width: 1rem;
}
.m2_web_wrapper .floor5 .main .floor5_2 {
left: 3.2rem;
top: 0;
}
.m2_web_wrapper .floor5 .main .floor5_2 img {
width: 1.76rem;
}
.m2_web_wrapper .floor5 .main .floor5_3 {
right: 4rem;
bottom: 0;
}
.m2_web_wrapper .floor5 .main .floor5_3 img {
width: 1.76rem;
}
.m2_web_wrapper .floor5 .main .floor5_4 {
right: 0.5rem;
top: 3.55rem;
}
.m2_web_wrapper .floor5 .main .floor5_4 p {
color: #999;
margin-top: 0.15rem;
}
.m2_web_wrapper .floor5 .main .floor5_4 p:last-of-type {
margin-top: 0.05rem;
}
.m2_web_wrapper .floor5 .main .floor5_4 .img2 {
width: 0.45rem;
}
.m2_web_wrapper .floor6 {
margin-top: -3px;
}
.m2_web_wrapper .floor6 h3 {
position: absolute;
top: 1rem;
left: 15%;
color: #999999;
line-height: 1.3;
}
.m2_web_wrapper .floor6 p {
position: absolute;
left: 15%;
bottom: 0.2rem;
color: #999;
}
.m2_web_wrapper .floor7 {
margin-top: -2px;
}
.m2_web_wrapper .floor7 video {
width: 100%;
height: 100%;
}
.m2_web_wrapper .floor7 .main {
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
overflow: hidden;
/*.right{
text-align: center;
//width: 7rem;
float: right;
height: 10rem;
video{
width: 100%;
height: 100%;
}
}*/
}
.m2_web_wrapper .floor7 .main .left_wrapper {
position: absolute;
height: 3.5rem;
width: 5rem;
margin: auto;
top: 0;
bottom: 0;
left: 0;
}
.m2_web_wrapper .floor7 .main .left_wrapper h3 {
color: #999999;
}
.m2_web_wrapper .floor7 .main .left_wrapper .img_title {
width: 4.2rem;
}
.m2_web_wrapper .floor7 .main .left_wrapper p {
color: #999999;
margin-top: 0.2rem;
font-size: 0.16rem;
}
.m2_web_wrapper .floor7 .main .left_wrapper .left {
float: left;
text-align: center;
margin: 0.5rem 0.5rem 0 0;
}
.m2_web_wrapper .floor7 .main .left_wrapper .left img {
width: 1.2rem;
}
.m2_web_wrapper .floor7 .main .left_wrapper .left p {
color: #AEAEAE;
margin-top: 0.1rem;
}
.m2_web_wrapper .floor8 {
margin-top: -3px;
background: #000;
}
.m2_web_wrapper .floor8 .floor8_title {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.m2_web_wrapper .floor8 .floor8_title h3 {
color: #1ab3fb;
}
.m2_web_wrapper .floor8 .floor8_title p {
color: #787878;
}
.m2_web_wrapper .floor8 .icon_wrapper {
position: absolute;
top: 2rem;
width: 3rem;
height: 1.5rem;
left: 0;
right: 0;
margin: auto;
}
.m2_web_wrapper .floor8 .icon_wrapper .icon {
width: 50%;
float: left;
text-align: center;
}
.m2_web_wrapper .floor8 .icon_wrapper .icon img {
width: 0.8rem;
}
.m2_web_wrapper .floor9 {
width: 100%;
height: 10rem;
}
.m2_web_wrapper .floor9 .swiper-slide {
height: 10rem;
position: absolute;
left: 0;
top: 0;
}
.m2_web_wrapper .floor9 .swiper-slide .floor9_icon {
float: left;
}
.m2_web_wrapper .floor9 .swiper-slide .floor9_icon > div {
margin-top: 0.5rem;
}
.m2_web_wrapper .floor9 .swiper-slide .floor9_icon > div img {
width: 25%;
}
.m2_web_wrapper .floor9 .swiper-slide .floor9_icon > div .p1 {
color: #000;
font-size: 0.15rem;
margin: 0.03rem 0 0.06rem 0;
}
.m2_web_wrapper .floor9 .swiper-slide .floor9_icon > div .p2 {
color: #C4C3C3;
}
.m2_web_wrapper .floor9 .swiper-slide .left {
width: 3rem;
text-align: right;
padding-top: 2rem;
}
.m2_web_wrapper .floor9 .swiper-slide .middle {
width: 6rem;
text-align: center;
}
.m2_web_wrapper .floor9 .swiper-slide .middle .img1 {
width: 1.8rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.m2_web_wrapper .floor9 .swiper-slide .middle .img2 {
width: 1.6rem;
margin-left: 0.5rem;
}
.m2_web_wrapper .floor9 .swiper-slide .right {
width: 3rem;
text-align: left;
padding-top: 2rem;
}
.m2_web_wrapper .floor9 .slide1 {
background: url(/src/img/m2/web/09/54d43962.grey_bg.png) center repeat-y;
}
.m2_web_wrapper .floor9 .slide2 {
display: none;
background: url(/src/img/m2/web/09/1ea8a977.purple_bg.png) center repeat-y;
}
.m2_web_wrapper .floor9 .floor9_change {
position: absolute;
bottom: 0.3rem;
width: 1.3rem;
left: 0;
right: 0;
margin: auto;
}
.m2_web_wrapper .floor9 .floor9_change img {
width: 40%;
cursor: pointer;
}
.m2_web_wrapper .floor9 .floor9_change .grey {
margin-right: 0.2rem;
}
.m2_web_wrapper .floor10 h3 {
color: #1ab3fb;
}
.m2_web_wrapper .floor10 .floor8_title p {
color: #999999;
}
.m2_web_wrapper .floor10 .floor8_title p:last-of-type {
font-size: 0.14rem;
margin-top: 0.05rem;
}
.m2_web_wrapper .floor10 .icon_wrapper {
top: 2.3rem;
}
.m2_web_wrapper .floor11 .floor11_title p {
color: #999;
}
.m2_web_wrapper .floor11 .floor11_title h3 {
color: #999999;
}
.m2_web_wrapper .floor11 .main img {
width: 70%;
display: block;
margin: 0.5rem auto;
}
.m2_web_wrapper .floor12 {
background: #171926;
overflow: hidden;
}
.m2_web_wrapper .floor12 .floor12_title {
position: absolute;
left: 0;
right: 0;
}
.m2_web_wrapper .floor12 .floor12_title p {
color: #686C8B;
}
.m2_web_wrapper .floor12 .floor12_title h3 {
color: #c0c4e8;
}
.m2_web_wrapper .floor12 .main {
width: 17rem;
height: 6.8rem;
}
.m2_web_wrapper .floor12 .main > div {
text-align: center;
position: absolute;
}
.m2_web_wrapper .floor12 .main > div img {
width: 0.8rem;
}
.m2_web_wrapper .floor12 .main > div p {
color: #424765;
}
.m2_web_wrapper .floor12 .main .img1 {
width: 100%;
left: 0;
top: 0;
}
.m2_web_wrapper .floor12 .main .img2 {
top: 2.05rem;
left: 3.25rem;
}
.m2_web_wrapper .floor12 .main .img3 {
top: 2.7rem;
left: 4.8rem;
}
.m2_web_wrapper .floor12 .main .img4 {
top: 1.62rem;
right: 6.2rem;
}
.m2_web_wrapper .floor12 .main .img5 {
top: 1.35rem;
right: 3.05rem;
}
.m2_web_wrapper .floor12 .main .img6 {
top: 4.1rem;
right: 3.15rem;
}
.m2_web_wrapper .floor12 .main .img7 {
width: 4.5rem;
position: absolute;
left: 5.6rem;
bottom: 0;
margin: auto;
}
.m2_web_wrapper .floor13 {
height: 9rem;
}
.m2_web_wrapper .floor13 h3 {
color: #999999;
}
.m2_web_wrapper .floor13 .main {
height: 9rem;
}
.m2_web_wrapper .floor13 .main > div {
width: 50%;
text-align: center;
position: absolute;
}
.m2_web_wrapper .floor13 .main .left {
width: 5rem;
height: 1rem;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.m2_web_wrapper .floor13 .main .left p {
color: #999999;
font-size: 0.16rem;
margin-top: 0.15rem;
}
.m2_web_wrapper .floor13 .main .right {
height: 9rem;
top: 0;
right: 0;
}
.m2_web_wrapper .floor13 .main .right img {
bottom: 0;
position: absolute;
width: 2.7rem;
}
.m2_web_wrapper .floor14 {
margin-top: -2px;
background: #040404;
}
.m2_web_wrapper .floor14 .floor14_title p {
color: #787878;
}
.m2_web_wrapper .floor14 .floor14_title h3 {
color: #cccccc;
}
.m2_web_wrapper .floor14 .main {
padding: 1.2rem 0;
}
.m2_web_wrapper .floor14 .main .way {
width: 2.5rem;
margin-right: 0.6rem;
display: inline-block;
vertical-align: top;
position: relative;
}
.m2_web_wrapper .floor14 .main .way:last-child {
margin-right: 0;
}
.m2_web_wrapper .floor14 .main .way .desc {
position: absolute;
bottom: 0.1rem;
left: 0;
width: 100%;
text-align: center;
}
.m2_web_wrapper .floor14 .main .way .desc p:first-of-type {
color: #fff;
font-size: 0.16rem;
}
.m2_web_wrapper .floor14 .main .way .desc p:last-of-type {
color: #676767;
font-size: 0.14rem;
margin-top: 0.05rem;
}
.m2_web_wrapper .floor15 {
background: url(/src/img/m2/web/15/d302bf13.bg.png) center;
height: 10rem;
}
.m2_web_wrapper .floor15 .floor15_title p {
color: #707070;
}
.m2_web_wrapper .floor15 .floor15_title p:last-child {
font-size: 0.14rem;
margin-top: 0.05rem;
}
.m2_web_wrapper .floor15 .floor15_title h3 {
color: #cccccc;
}
.m2_web_wrapper .floor15 .main img {
width: 85%;
display: block;
margin: 1rem auto 0 auto;
}
.m2_web_wrapper .floor16 {
height: 10rem;
background: #14B497;
overflow: hidden;
}
.m2_web_wrapper .floor16 .floor16_title p {
color: #31E4C4;
}
.m2_web_wrapper .floor16 .floor16_title p:last-child {
font-size: 0.14rem;
margin-top: 0.05rem;
}
.m2_web_wrapper .floor16 .floor16_title h3 {
color: #dafff8;
}
.m2_web_wrapper .floor16 .lineImg {
position: absolute;
top: 2.6rem;
left: 0;
height: 6.8rem;
width: 100%;
}
.m2_web_wrapper .floor16 .main {
height: 7.5rem;
position: absolute;
top: 2.48rem;
left: 0;
right: 0;
margin: auto;
}
.m2_web_wrapper .floor16 .main img {
position: absolute;
}
.m2_web_wrapper .floor16 .main .img0 {
width: 4rem;
bottom: 0.3rem;
}
.m2_web_wrapper .floor16 .main .img1 {
right: 3.06rem;
width: 2.6rem;
bottom: 2.35rem;
}
.m2_web_wrapper .floor16 .main .img2 {
right: 4.03rem;
width: 1rem;
bottom: 3.2rem;
}
.m2_web_wrapper .floor16 .main .img3 {
right: 4.935rem;
bottom: 1.56rem;
width: 2.8rem;
}
.m2_web_wrapper .floor16 .main img.img4 {
left: 4.03rem;
bottom: 3rem;
width: 2.3rem;
}
.m2_web_wrapper .floor16 .main .img5 {
right: 2.68rem;
bottom: 3.8rem;
width: 3.5rem;
}
.m2_web_wrapper .floor16 .main img.img6 {
width: 1.6rem;
right: 1rem;
}
.m2_web_wrapper .floor17 {
overflow: hidden;
background: url(/src/img/m2/web/17/ae6d2ff0.bg.png) center;
}
.m2_web_wrapper .floor17 .floor17_title p {
color: #999;
}
.m2_web_wrapper .floor17 .floor17_title h3 {
color: #999999;
}
.m2_web_wrapper .floor17 .main {
height: 8rem;
padding-top: 1rem;
}
.m2_web_wrapper .floor17 .main > div {
position: absolute;
text-align: center;
top: 0;
}
.m2_web_wrapper .floor17 .main .left {
width: 60%;
height: 2rem;
left: 0;
margin: auto;
bottom: 0;
}
.m2_web_wrapper .floor17 .main .left > img {
position: absolute;
opacity: 0;
}
.m2_web_wrapper .floor17 .main .left .img1 {
left: 1rem;
top: 0.5rem;
}
.m2_web_wrapper .floor17 .main .left .img2_1 {
left: 2.45rem;
top: 0.5rem;
}
.m2_web_wrapper .floor17 .main .left .img2 {
left: 2.4rem;
top: 0.4rem;
width: 1.5rem;
}
.m2_web_wrapper .floor17 .main .left .img3 {
left: 4.1rem;
top: 0.5rem;
}
.m2_web_wrapper .floor17 .main .left .img4 {
left: 5.45rem;
top: 0.5rem;
}
.m2_web_wrapper .floor17 .main .left img.img5 {
left: 2.65rem;
width: 1rem;
top: 0.07rem;
}
.m2_web_wrapper .floor17 .main .left img.img6 {
left: 2.65rem;
width: 1rem;
top: 1.03rem;
}
.m2_web_wrapper .floor17 .main .left .img7 {
bottom: 0.2rem;
left: 1.55rem;
width: 3.2rem;
}
.m2_web_wrapper .floor17 .main .left .img8 {
left: 2.64rem;
bottom: 0.12rem;
width: 1rem;
}
.m2_web_wrapper .floor17 .main .right {
width: 40%;
right: 0;
top: 1rem;
}
.m2_web_wrapper .floor17 .main .right img {
width: 1.66rem;
}
.m2_web_wrapper .floor18 {
background: #1a1a1a;
margin-top: -2px;
padding-bottom: 1.3rem;
}
.m2_web_wrapper .floor18 .floor18_title p {
color: #707070;
}
.m2_web_wrapper .floor18 .floor18_title h3 {
color: #cccccc;
}
.m2_web_wrapper .floor18 .main {
overflow: hidden;
}
.m2_web_wrapper .floor18 .main > div {
float: left;
height: 2.5rem;
text-align: center;
position: relative;
overflow: hidden;
}
.m2_web_wrapper .floor18 .main > div img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 1rem;
}
.m2_web_wrapper .floor18 .main > div p {
color: #fff;
position: absolute;
top: 1.85rem;
left: 0;
right: 0;
margin: auto;
font-size: 0.16rem;
}
.m2_web_wrapper .floor18 .first {
margin-top: 0.5rem;
}
.m2_web_wrapper .floor18 .first > div {
width: 20%;
}
.m2_web_wrapper .floor18 .second {
width: 9.5rem;
}
.m2_web_wrapper .floor18 .second > div {
width: 25%;
}
.m2_web_wrapper .floor19 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
}
.m2_web_wrapper .floor19 a {
color: #fff;
font-size: 0.24rem;
}
.animate {
-moz-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.five-animate {
-moz-animation: five-animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: five-animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: five-animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: five-animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg1 {
-moz-animation: seventeenImg1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg2_1 {
-moz-animation: seventeenImg2_1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg2_1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg2_1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg2_1 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg2 {
-moz-animation: seventeenImg2 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg2 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg2 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg2 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg4 {
-moz-animation: seventeenImg4 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg4 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg4 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg4 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg5 {
-moz-animation: seventeenImg5 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg5 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg5 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg5 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
.seventeenImg6 {
-moz-animation: seventeenImg6 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: seventeenImg6 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: seventeenImg6 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: seventeenImg6 0.5s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
@-webkit-keyframes text_animate {
0% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-moz-keyframes text_animate {
0% {
-moz-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-moz-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-o-keyframes text_animate {
0% {
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes text_animate {
0% {
-moz-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-webkit-keyframes five-animate {
0% {
-moz-transform: translate3d(0, -25px, 0);
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
transform: translate3d(0, -25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-moz-keyframes five-animate {
0% {
-moz-transform: translate3d(0, -25px, 0);
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
transform: translate3d(0, -25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-o-keyframes five-animate {
0% {
-moz-transform: translate3d(0, -25px, 0);
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
transform: translate3d(0, -25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@keyframes five-animate {
0% {
-moz-transform: translate3d(0, -25px, 0);
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
transform: translate3d(0, -25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-webkit-keyframes seventeenImg1 {
0% {
width: 0;
}
100% {
width: 122px;
opacity: 1;
}
}
@-moz-keyframes seventeenImg1 {
0% {
width: 0;
}
100% {
width: 122px;
opacity: 1;
}
}
@-o-keyframes seventeenImg1 {
0% {
width: 0;
}
100% {
width: 122px;
opacity: 1;
}
}
@keyframes seventeenImg1 {
0% {
width: 0;
}
100% {
width: 122px;
opacity: 1;
}
}
@-webkit-keyframes seventeenImg2_1 {
0% {
width: 0;
}
100% {
width: 139px;
opacity: 1;
}
}
@-moz-keyframes seventeenImg2_1 {
0% {
width: 0;
}
100% {
width: 139px;
opacity: 1;
}
}
@-o-keyframes seventeenImg2_1 {
0% {
width: 0;
}
100% {
width: 139px;
opacity: 1;
}
}
@keyframes seventeenImg2_1 {
0% {
width: 0;
}
100% {
width: 139px;
opacity: 1;
}
}
@-webkit-keyframes seventeenImg2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes seventeenImg2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes seventeenImg2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes seventeenImg2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes seventeenImg4 {
0% {
opacity: 1;
width: 0;
}
25% {
width: 23px;
opacity: 0;
}
50% {
width: 23px;
opacity: 1;
}
70% {
opacity: 0;
width: 23px;
}
100% {
width: 23px;
opacity: 1;
}
}
@-moz-keyframes seventeenImg4 {
0% {
opacity: 1;
width: 0;
}
25% {
width: 23px;
opacity: 0;
}
50% {
width: 23px;
opacity: 1;
}
70% {
opacity: 0;
width: 23px;
}
100% {
width: 23px;
opacity: 1;
}
}
@-o-keyframes seventeenImg4 {
0% {
opacity: 1;
width: 0;
}
25% {
width: 23px;
opacity: 0;
}
50% {
width: 23px;
opacity: 1;
}
70% {
opacity: 0;
width: 23px;
}
100% {
width: 23px;
opacity: 1;
}
}
@keyframes seventeenImg4 {
0% {
opacity: 1;
width: 0;
}
25% {
width: 23px;
opacity: 0;
}
50% {
width: 23px;
opacity: 1;
}
70% {
opacity: 0;
width: 23px;
}
100% {
width: 23px;
opacity: 1;
}
}
@-webkit-keyframes seventeenImg5 {
0% {
top: 0.3rem;
opacity: 0;
}
100% {
top: 0.07rem;
opacity: 1;
}
}
@-moz-keyframes seventeenImg5 {
0% {
top: 0.3rem;
opacity: 0;
}
100% {
top: 0.07rem;
opacity: 1;
}
}
@-o-keyframes seventeenImg5 {
0% {
top: 0.3rem;
opacity: 0;
}
100% {
top: 0.07rem;
opacity: 1;
}
}
@keyframes seventeenImg5 {
0% {
top: 0.3rem;
opacity: 0;
}
100% {
top: 0.07rem;
opacity: 1;
}
}
@-webkit-keyframes seventeenImg6 {
0% {
top: 0.7rem;
opacity: 0;
}
100% {
top: 1.03rem;
opacity: 1;
}
}
@-moz-keyframes seventeenImg6 {
0% {
top: 0.7rem;
opacity: 0;
}
100% {
top: 1.03rem;
opacity: 1;
}
}
@-o-keyframes seventeenImg6 {
0% {
top: 0.7rem;
opacity: 0;
}
100% {
top: 1.03rem;
opacity: 1;
}
}
@keyframes seventeenImg6 {
0% {
top: 0.7rem;
opacity: 0;
}
100% {
top: 1.03rem;
opacity: 1;
}
}
.text-init {
-moz-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
.text-init-revese {
-moz-transform: translate3d(0, -25px, 0);
-webkit-transform: translate3d(0, -25px, 0);
opacity: 0;
transform: translate3d(0, -25px, 0);
}
.text-init-eight {
-moz-transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
opacity: 0;
transform: translate3d(30px, 0, 0);
}
@keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes bling_animate {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-webkit-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-moz-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-o-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-webkit-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-moz-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-o-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
.scale_text {
animation: scale_text 0.8s ease-in-out both;
-moz-animation: scale_text 0.8s ease-in-out both;
-o-animation: scale_text 0.8s ease-in-out both;
-webkit-animation: scale_text 0.8s ease-in-out both;
}
.scale_text_normal {
animation: scale_text_n 0.8s ease-in-out both;
-moz-animation: scale_text_n 0.8s ease-in-out both;
-o-animation: scale_text_n 0.8s ease-in-out both;
-webkit-animation: scale_text_n 0.8s ease-in-out both;
}
.text_animate {
animation: text_animate 0.8s ease-in-out both;
-moz-animation: text_animate 0.8s ease-in-out both;
-o-animation: text_animate 0.8s ease-in-out both;
-webkit-animation: text_animate 0.8s ease-in-out both;
}
.bling_animate {
animation: bling_animate 2s infinite linear;
-moz-animation: bling_animate 2s infinite linear;
-o-animation: bling_animate 2s infinite linear;
-webkit-animation: bling_animate 2s infinite linear;
}
.c3_m_wrapper {
display: none;
}
.c3_title_wrapper {
background: transparent;
border-bottom: 0 solid #E6E3E6;
}
.c3_title_wrapper .c3_title h3 {
color: #333;
}
.c3_title_wrapper .c3_title ul li {
position: relative;
text-align: center;
margin-right: 0.15rem;
padding-right: 0 !important;
}
.c3_title_wrapper .c3_title ul li a {
color: #666666;
}
.c3_title_wrapper .c3_title ul li:last-of-type {
margin-right: 0;
}
.c3_title_wrapper .c3_title ul .active a {
color: #333333;
}
.c3_title_wrapper .c3_title ul .active .line {
width: 70%;
height: 2px;
background: linear-gradient(to right, grey, white);
margin: auto;
position: absolute;
bottom: 0.15rem;
left: 0;
right: 0;
}
.c3_web_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.c3_web_wrapper .c3_floor {
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.c3_web_wrapper .c3_floor P {
font-weight: 800;
}
.c3_web_wrapper .c3_floor .header-wrap {
top: 0.6rem;
position: absolute;
width: 100%;
text-align: center;
}
.c3_web_wrapper .c3_floor .header-wrap h1 {
font-weight: 800;
}
.c3_web_wrapper .c3_floor .header-wrap h2 {
font-size: 0.32rem;
font-weight: 800;
}
.c3_web_wrapper .c3_floor .header-wrap p {
margin-top: 0.1rem;
font-size: 0.14rem;
}
.c3_web_wrapper .c3_floor .bottom-wrap {
bottom: 0.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.c3_web_wrapper .c3_floor .bottom-wrap h2 {
font-size: 0.36rem;
font-weight: 800;
}
.c3_web_wrapper .c3_floor .bottom-wrap p {
margin-top: 0.2rem;
font-weight: 800;
}
.c3_web_wrapper .c3_floor .bg {
width: 100%;
}
.c3_web_wrapper .floor1 {
line-height: 0;
}
.c3_web_wrapper .floor1 .header-wrap {
line-height: 1;
}
.c3_web_wrapper .floor1 .header-wrap h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.24rem;
font-size: 0.14rem;
line-height: 0.24rem;
border-radius: 0.3rem;
background: #ffffff;
color: #000;
margin: 0 auto;
}
.c3_web_wrapper .floor1 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor1 .header-wrap p {
color: #ffffff;
}
.c3_web_wrapper .floor2 .main {
padding: 0.5rem 0;
}
.c3_web_wrapper .floor2 .main .floor2_table {
width: 100%;
}
.c3_web_wrapper .floor2 .main .floor2_table > div {
float: left;
width: 20%;
padding: 0.2rem 0;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.c3_web_wrapper .floor2 .main .floor2_table > div:last-of-type {
border-right: none;
}
.c3_web_wrapper .floor2 .main .floor2_table > div p:first-of-type {
color: #666666;
font-size: 0.18rem;
font-weight: 800;
}
.c3_web_wrapper .floor2 .main .floor2_table > div p:last-of-type {
color: #BEBEBE;
font-size: 0.14rem;
margin-top: 0.05rem;
}
.c3_web_wrapper .floor2 .main .table_wrapper_last > div {
border-bottom: none;
}
.c3_web_wrapper .floor3 {
height: 8.8rem;
}
.c3_web_wrapper .floor3 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor3 .header-wrap p {
color: #7E7D7D;
}
.c3_web_wrapper .floor3 .header-wrap p:first-of-type {
margin-top: 0.3rem;
}
.c3_web_wrapper .floor3 .header-wrap p:last-of-type {
margin-top: 0.05rem;
}
.c3_web_wrapper .floor3 .bg {
height: 100%;
}
.c3_web_wrapper .floor3 .main_floor3 {
position: absolute;
left: 0;
right: 0;
bottom: 1.5rem;
height: 3.86rem;
width: 13rem;
margin: 0 auto;
}
.c3_web_wrapper .floor3 .main_floor3 .way {
width: 17.1%;
display: inline-block;
margin-right: 0.4rem;
vertical-align: top;
}
.c3_web_wrapper .floor3 .main_floor3 .way:last-of-type {
margin-right: 0;
}
.c3_web_wrapper .floor4 {
line-height: 0;
}
.c3_web_wrapper .floor4 .header-wrap {
z-index: 6;
line-height: 1;
}
.c3_web_wrapper .floor4 .header-wrap .text1 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor4 .header-wrap .text2 {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor4 .header-wrap .text3 {
color: #7E7D7D;
margin-top: 0.03rem;
}
.c3_web_wrapper .floor4 .header-wrap .text4 {
color: #019aff;
margin-top: 0.26rem;
margin-right: 3.2rem;
}
.c3_web_wrapper .floor4 .header-wrap .text5 {
color: #019aff;
margin-top: 0;
margin-right: 3.2rem;
}
.c3_web_wrapper .floor4 .bg {
height: 100%;
}
.c3_web_wrapper .floor4 .floor4_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor4 .floor4_animate .img0 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor5 {
line-height: 0;
}
.c3_web_wrapper .floor5 .header-wrap {
line-height: 1;
z-index: 7;
}
.c3_web_wrapper .floor5 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor5 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor5 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor5 .bg {
height: 100%;
}
.c3_web_wrapper .floor5 .floor5_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor5 .floor5_animate .img0 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor5 .floor5_animate .img1 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.c3_web_wrapper .floor6 {
line-height: 0;
}
.c3_web_wrapper .floor6 .header-wrap {
z-index: 6;
line-height: 1;
}
.c3_web_wrapper .floor6 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor6 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor6 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images {
margin-top: 0.24rem;
height: 1rem;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div {
width: 7%;
text-align: center;
overflow: hidden;
display: inline-block;
height: 1rem;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div:first-of-type img {
width: 54%;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(2) img {
width: 43%;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(3) img {
width: 47.3%;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(4) img {
width: 53.8%;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(5) img {
width: 49.3%;
}
.c3_web_wrapper .floor6 .header-wrap .bot-images > div p {
color: #ffffff;
margin-top: 0.1rem;
font-size: 0.14rem;
}
.c3_web_wrapper .floor6 .bg {
height: 100%;
}
.c3_web_wrapper .floor6 .floor6_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor6 .floor6_animate .hands {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor6 .floor6_animate .tips1 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.c3_web_wrapper .floor7 {
line-height: 0;
}
.c3_web_wrapper .floor7 .header-wrap {
line-height: 1;
}
.c3_web_wrapper .floor7 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor7 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor7 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.c3_web_wrapper .floor7 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor7 .bg {
height: 100%;
}
.c3_web_wrapper .floor7 .floor7_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor7 .floor7_animate .img0 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img1 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img3 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img4 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img5 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor7 .floor7_animate .img6 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor8 {
height: 8.8rem;
}
.c3_web_wrapper .floor8 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor8 .bg {
height: 100%;
}
.c3_web_wrapper .floor8 .main_floor8 {
position: absolute;
left: 0;
right: 0;
bottom: 2.5rem;
height: 3.86rem;
width: 13rem;
margin: 0 auto;
}
.c3_web_wrapper .floor8 .main_floor8 .way {
width: 20%;
display: inline-block;
margin-right: 0.8rem;
vertical-align: top;
}
.c3_web_wrapper .floor8 .main_floor8 .way:last-of-type {
margin-right: 0;
}
.c3_web_wrapper .floor8 .main_floor8 .way .desc {
width: 100%;
text-align: center;
margin-top: 0.3rem;
}
.c3_web_wrapper .floor8 .main_floor8 .way .desc p:first-of-type {
color: #fff;
font-size: 0.16rem;
}
.c3_web_wrapper .floor8 .main_floor8 .way .desc p:last-of-type {
color: #676767;
font-size: 0.12rem;
margin-top: 0.05rem;
}
.c3_web_wrapper .floor9 {
line-height: 0;
}
.c3_web_wrapper .floor9 .header-wrap {
z-index: 6;
line-height: 1;
}
.c3_web_wrapper .floor9 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor9 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor9 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.c3_web_wrapper .floor9 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor9 .bg {
height: 100%;
}
.c3_web_wrapper .floor9 .floor9_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor9 .floor9_animate .img0 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor9 .floor9_animate .img1 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor9 .floor9_animate .img2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.c3_web_wrapper .floor10 {
line-height: 0;
}
.c3_web_wrapper .floor10 .bottom-wrap {
z-index: 6;
line-height: 1;
}
.c3_web_wrapper .floor10 .bottom-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor10 .bottom-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor10 .bottom-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor10 .bg {
height: 100%;
}
.c3_web_wrapper .floor10 .floor10_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor10 .floor10_animate .img1 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor10 .floor10_animate .img2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor11 {
height: 8.8rem;
}
.c3_web_wrapper .floor11 .header-wrap {
z-index: 6;
}
.c3_web_wrapper .floor11 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor11 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor11 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images {
margin-top: 0.24rem;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div {
width: 1rem;
height: 0.25rem;
display: inline-block;
cursor: pointer;
margin-right: 0.1rem;
position: relative;
text-align: left;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div:last-of-type {
margin-right: 0;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div img {
width: 25%;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div span {
position: absolute;
top: 50%;
width: 0.6rem;
transform: translateY(-50%);
text-align: left;
font-size: 0.2rem;
margin-left: 0.02rem;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div:first-of-type span {
color: #a9a9a9;
}
.c3_web_wrapper .floor11 .header-wrap .btn-images > div:last-of-type span {
color: #bfa385;
}
.c3_web_wrapper .floor11 .bg {
height: 100%;
}
.c3_web_wrapper .floor11 .floor11_animate {
position: absolute;
width: 4.9rem;
margin-left: -2.6rem;
height: 100%;
left: 50%;
top: 2.6rem;
}
.c3_web_wrapper .floor11 .floor11_animate .img0 {
position: relative;
width: 100%;
z-index: 3;
}
.c3_web_wrapper .floor12 {
line-height: 0;
}
.c3_web_wrapper .floor12 .header-wrap {
line-height: 1;
}
.c3_web_wrapper .floor12 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor12 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_web_wrapper .floor12 .bg {
height: 100%;
}
.c3_web_wrapper .floor12 .floor12_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_web_wrapper .floor12 .floor12_animate .img1 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor12 .floor12_animate .img2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_web_wrapper .floor13 {
height: 8.8rem;
}
.c3_web_wrapper .floor13 .header-wrap {
z-index: 6;
}
.c3_web_wrapper .floor13 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_web_wrapper .floor13 .bg {
height: 100%;
}
.c3_web_wrapper .floor13 .floor13_animate {
position: absolute;
width: 12rem;
height: 5.405rem;
margin-left: -6rem;
left: 50%;
bottom: 1rem;
}
.c3_web_wrapper .floor13 .floor13_animate p {
color: #7E7D7D;
margin-top: 0.1rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img0 {
width: 100%;
position: relative;
z-index: 2;
}
.c3_web_wrapper .floor13 .floor13_animate .img1 {
position: absolute;
top: 1.25rem;
left: 3.71rem;
z-index: 5;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img2 {
position: absolute;
top: 1.25rem;
left: 0.8rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img3 {
position: absolute;
top: 1.25rem;
left: 6.76rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img4 {
position: absolute;
top: 1.25rem;
right: 0.7rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img5 {
position: absolute;
bottom: 1rem;
left: 0.8rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img6 {
position: absolute;
bottom: 1rem;
left: 3.22rem;
z-index: 1;
width: 2.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img7 {
position: absolute;
bottom: 1rem;
right: 3.35rem;
z-index: 1;
width: 2.2rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img8 {
position: absolute;
bottom: 1rem;
right: 1.05rem;
z-index: 1;
width: 0.8rem;
}
.c3_web_wrapper .floor14 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
}
.c3_web_wrapper .floor14 a {
color: #fff;
font-size: 0.24rem;
}
.text-init {
opacity: 0;
}
@keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes bling_animate {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
@keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-webkit-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-moz-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@-o-keyframes scale_text {
from {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
to {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
}
@keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-webkit-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-moz-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
@-o-keyframes scale_text_n {
from {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
}
to {
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8);
}
}
.scale_text {
animation: scale_text 0.8s ease-in-out both;
-moz-animation: scale_text 0.8s ease-in-out both;
-o-animation: scale_text 0.8s ease-in-out both;
-webkit-animation: scale_text 0.8s ease-in-out both;
}
.scale_text_normal {
animation: scale_text_n 0.8s ease-in-out both;
-moz-animation: scale_text_n 0.8s ease-in-out both;
-o-animation: scale_text_n 0.8s ease-in-out both;
-webkit-animation: scale_text_n 0.8s ease-in-out both;
}
.text_animate {
animation: text_animate 0.8s ease-in-out both;
-moz-animation: text_animate 0.8s ease-in-out both;
-o-animation: text_animate 0.8s ease-in-out both;
-webkit-animation: text_animate 0.8s ease-in-out both;
}
.bling_animate {
animation: bling_animate 2s infinite linear;
-moz-animation: bling_animate 2s infinite linear;
-o-animation: bling_animate 2s infinite linear;
-webkit-animation: bling_animate 2s infinite linear;
}
.cat1_m_wrapper {
display: none;
}
.cat1_title_wrapper {
background: transparent;
border-bottom: 0 solid #E6E3E6;
}
.cat1_title_wrapper .cat1_title h3 {
color: #333;
}
.cat1_title_wrapper .cat1_title ul li {
position: relative;
text-align: center;
margin-right: 0.15rem;
padding-right: 0 !important;
}
.cat1_title_wrapper .cat1_title ul li a {
color: #666666;
}
.cat1_title_wrapper .cat1_title ul li:last-of-type {
margin-right: 0;
}
.cat1_title_wrapper .cat1_title ul .active a {
color: #333333;
}
.cat1_title_wrapper .cat1_title ul .active .line {
width: 70%;
height: 2px;
background: linear-gradient(to right, grey, white);
margin: auto;
position: absolute;
bottom: 0.15rem;
left: 0;
right: 0;
}
.cat1_web_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.cat1_web_wrapper .cat1_floor {
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.cat1_web_wrapper .cat1_floor P {
font-weight: 800;
}
.cat1_web_wrapper .cat1_floor .header-wrap {
top: 7%;
position: absolute;
width: 100%;
text-align: center;
}
.cat1_web_wrapper .cat1_floor .header-wrap h1 {
font-weight: 800;
}
.cat1_web_wrapper .cat1_floor .header-wrap h2 {
font-size: 0.32rem;
font-weight: 800;
}
.cat1_web_wrapper .cat1_floor .header-wrap p {
margin-top: 0.1rem;
font-size: 0.14rem;
}
.cat1_web_wrapper .cat1_floor .bottom-wrap {
bottom: 0.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.cat1_web_wrapper .cat1_floor .bottom-wrap h2 {
font-size: 0.36rem;
font-weight: 800;
}
.cat1_web_wrapper .cat1_floor .bottom-wrap p {
margin-top: 0.2rem;
font-weight: 800;
}
.cat1_web_wrapper .cat1_floor .bg {
width: 100%;
}
.cat1_web_wrapper .floor1 {
line-height: 0;
}
.cat1_web_wrapper .floor1 .header-wrap {
line-height: 1;
}
.cat1_web_wrapper .floor1 .header-wrap h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.24rem;
font-size: 0.14rem;
line-height: 0.24rem;
border-radius: 0.3rem;
background: #ffffff;
color: #000;
margin: 0 auto;
}
.cat1_web_wrapper .floor1 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor1 .header-wrap p {
color: #ffffff;
}
.cat1_web_wrapper .floor2 .main {
padding: 0.5rem 0;
}
.cat1_web_wrapper .floor2 .main .floor2_table {
width: 100%;
}
.cat1_web_wrapper .floor2 .main .floor2_table > div {
float: left;
width: 25%;
padding: 0.2rem 0;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.cat1_web_wrapper .floor2 .main .floor2_table > div:last-of-type {
border-right: none;
}
.cat1_web_wrapper .floor2 .main .floor2_table > div p:first-of-type {
color: #666666;
font-size: 0.18rem;
font-weight: 800;
}
.cat1_web_wrapper .floor2 .main .table_wrapper_last > div {
border-bottom: none;
}
.cat1_web_wrapper .floor3 {
line-height: 0;
}
.cat1_web_wrapper .floor3 .header-wrap {
line-height: 1;
z-index: 7;
}
.cat1_web_wrapper .floor3 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor3 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor4 {
line-height: 0;
}
.cat1_web_wrapper .floor4 .header-wrap {
position: relative;
width: 100%;
top: 0;
}
.cat1_web_wrapper .floor4 .header-wrap video {
width: 100%;
}
.cat1_web_wrapper .floor4 .header-wrap .topText {
line-height: 1;
position: absolute;
width: 100%;
top: 7%;
left: 15%;
width: 85%;
text-align: left;
}
.cat1_web_wrapper .floor4 .header-wrap .topText h2 {
color: #2A2A2A;
margin-top: 0.1rem;
}
.cat1_web_wrapper .floor4 .header-wrap .topText p {
color: #7E7D7D;
margin-top: 0.3rem;
}
.cat1_web_wrapper .floor4 .header-wrap .topText p:nth-of-type(2) {
margin-top: 0;
}
.cat1_web_wrapper .floor5 {
line-height: 0;
}
.cat1_web_wrapper .floor5 .header-wrap {
position: relative;
width: 100%;
top: 0;
}
.cat1_web_wrapper .floor5 .header-wrap video {
width: 100%;
}
.cat1_web_wrapper .floor5 .header-wrap .topText {
line-height: 1;
position: absolute;
width: 100%;
top: 0.6rem;
text-align: center;
}
.cat1_web_wrapper .floor5 .header-wrap .topText h2 {
color: #FFFFFF;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor5 .header-wrap .topText p {
color: #FFFFFF;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor5 .header-wrap .topText p:nth-of-type(2) {
margin-top: 0;
}
.cat1_web_wrapper .floor6 {
line-height: 0;
}
.cat1_web_wrapper .floor6 .header-wrap {
line-height: 1;
top: 35%;
position: absolute;
left: 15%;
width: 85%;
text-align: left;
}
.cat1_web_wrapper .floor6 .header-wrap h2 {
color: #2A2A2A;
margin-top: 0.1rem;
}
.cat1_web_wrapper .floor6 .header-wrap p {
color: #7E7D7D;
margin-top: 0.3rem;
}
.cat1_web_wrapper .floor6 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_web_wrapper .floor6 .header-wrap .img0 {
margin-top: 0.4rem;
width: 2rem;
}
.cat1_web_wrapper .floor6 .bg {
height: 100%;
}
.cat1_web_wrapper .floor7 {
line-height: 0;
}
.cat1_web_wrapper .floor7 .header-wrap {
line-height: 1;
}
.cat1_web_wrapper .floor7 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor7 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor7 .header-wrap .img0 {
margin-top: 0.4rem;
width: 2rem;
}
.cat1_web_wrapper .floor7 .bg {
height: 100%;
}
.cat1_web_wrapper .floor8 {
line-height: 0;
}
.cat1_web_wrapper .floor8 .header-wrap {
line-height: 1;
}
.cat1_web_wrapper .floor8 .header-wrap h2 {
color: #2A2A2A;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor8 .main_floor8 {
position: absolute;
left: 0;
bottom: 0;
height: 80%;
width: 100%;
margin: 0 auto;
}
.cat1_web_wrapper .floor8 .main_floor8 div {
display: inline-block;
width: 30%;
}
.cat1_web_wrapper .floor8 .main_floor8 div img {
width: 88%;
}
.cat1_web_wrapper .floor8 .bg {
height: 100%;
}
.cat1_web_wrapper .floor9 {
line-height: 0;
}
.cat1_web_wrapper .floor9 .header-wrap {
position: relative;
width: 100%;
top: 0;
}
.cat1_web_wrapper .floor9 .header-wrap video {
width: 100%;
}
.cat1_web_wrapper .floor9 .header-wrap .topText {
line-height: 1;
position: absolute;
width: 100%;
top: 0.6rem;
text-align: center;
}
.cat1_web_wrapper .floor9 .header-wrap .topText h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor9 .header-wrap .topText p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor10 {
line-height: 0;
}
.cat1_web_wrapper .floor10 .header-wrap {
line-height: 1;
position: relative;
width: 100%;
top: 0;
}
.cat1_web_wrapper .floor10 .header-wrap video {
width: 100%;
}
.cat1_web_wrapper .floor10 .header-wrap .topText {
position: absolute;
width: 100%;
top: 0.6rem;
text-align: center;
}
.cat1_web_wrapper .floor10 .header-wrap .topText h2 {
color: #2A2A2A;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor10 .header-wrap .topText p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor11 {
line-height: 0;
}
.cat1_web_wrapper .floor11 .header-wrap {
line-height: 1;
}
.cat1_web_wrapper .floor11 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor11 .header-wrap p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor11 .bg {
height: 100%;
}
.cat1_web_wrapper .floor12 {
line-height: 0;
}
.cat1_web_wrapper .floor12 .header-wrap {
position: relative;
width: 100%;
top: 0;
}
.cat1_web_wrapper .floor12 .header-wrap video {
width: 100%;
}
.cat1_web_wrapper .floor12 .header-wrap .topText {
line-height: 1;
position: absolute;
width: 100%;
top: 0.6rem;
text-align: center;
}
.cat1_web_wrapper .floor12 .header-wrap .topText h2 {
color: #2A2A2A;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor12 .header-wrap .topText p {
color: #7E7D7D;
margin-top: 0.24rem;
}
.cat1_web_wrapper .floor12 .header-wrap .topText p:nth-of-type(2) {
margin-top: 0;
}
.cat1_web_wrapper .floor13 {
line-height: 0;
}
.cat1_web_wrapper .floor13 .header-wrap {
line-height: 1;
}
.cat1_web_wrapper .floor13 .header-wrap h2 {
color: #ffffff;
margin-top: 0.16rem;
}
.cat1_web_wrapper .floor13 .header-wrap .btn-images {
margin-top: 0.5rem;
}
.cat1_web_wrapper .floor13 .header-wrap .btn-images > div {
width: 0.7rem;
display: inline-block;
cursor: pointer;
}
.cat1_web_wrapper .floor13 .header-wrap .btn-images > div:first-of-type {
margin-right: 0.5rem;
}
.cat1_web_wrapper .floor13 .bg {
height: 100%;
}
.cat1_web_wrapper .floor14 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
}
.cat1_web_wrapper .floor14 a {
color: #fff;
font-size: 0.24rem;
}
.text-init {
opacity: 0;
}
@keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate {
from {
-webkit-transform: translateY(0.5rem);
-moz-transform: translateY(0.5rem);
transform: translateY(0.5rem);
opacity: 0;
}
30% {
opacity: 0.4;
}
40% {
opacity: 0.8;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
opacity: 1;
}
}
.text_animate {
animation: text_animate 0.8s ease-in-out both;
-moz-animation: text_animate 0.8s ease-in-out both;
-o-animation: text_animate 0.8s ease-in-out both;
-webkit-animation: text_animate 0.8s ease-in-out both;
}
.cuber_m_wrapper {
display: none;
}
.cuber_title_wrapper {
background: transparent;
border-bottom: 0 solid #E6E3E6;
}
.cuber_title_wrapper .cuber_title h3 {
color: #333;
}
.cuber_title_wrapper .cuber_title ul li {
position: relative;
text-align: center;
margin-right: 0.15rem;
padding-right: 0 !important;
}
.cuber_title_wrapper .cuber_title ul li a {
color: #666666;
}
.cuber_title_wrapper .cuber_title ul li:last-of-type {
margin-right: 0;
}
.cuber_title_wrapper .cuber_title ul .active a {
color: #333333;
}
.cuber_title_wrapper .cuber_title ul .active .line {
width: 70%;
height: 2px;
background: linear-gradient(to right, grey, white);
margin: auto;
position: absolute;
bottom: 0.15rem;
left: 0;
right: 0;
}
.cuber_web_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.cuber_web_wrapper .cuber_floor {
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.cuber_web_wrapper .cuber_floor .header-wrap {
top: 7%;
position: absolute;
width: 100%;
text-align: center;
}
.cuber_web_wrapper .cuber_floor .header-wrap h1 {
font-weight: bold;
}
.cuber_web_wrapper .cuber_floor .header-wrap h2 {
font-size: 0.32rem;
font-weight: bold;
}
.cuber_web_wrapper .cuber_floor .header-wrap p {
margin-top: 0.1rem;
font-size: 0.14rem;
}
.cuber_web_wrapper .cuber_floor .bottom-wrap {
bottom: 0.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.cuber_web_wrapper .cuber_floor .bottom-wrap h2 {
font-size: 0.36rem;
font-weight: bold;
}
.cuber_web_wrapper .cuber_floor .bottom-wrap p {
margin-top: 0.2rem;
}
.cuber_web_wrapper .cuber_floor .bg {
width: 100%;
}
.cuber_web_wrapper .floor1 {
line-height: 0;
}
.cuber_web_wrapper .floor1 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor1 .header-wrap h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.24rem;
font-size: 0.14rem;
line-height: 0.24rem;
border-radius: 0.3rem;
background: #4fbcc5;
color: #ffffff;
margin: 0 auto;
}
.cuber_web_wrapper .floor1 .header-wrap h2 {
color: #3CB0BA;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor1 .header-wrap p {
color: #37B8C4;
}
.cuber_web_wrapper .floor2 {
line-height: 0;
}
.cuber_web_wrapper .floor2 .header-wrap {
position: relative;
width: 100%;
top: 0;
}
.cuber_web_wrapper .floor2 .header-wrap video {
width: 100%;
}
.cuber_web_wrapper .floor2 .header-wrap .playButton {
z-index: 99;
position: absolute;
width: 100%;
top: calc(50% - 0.6rem);
}
.cuber_web_wrapper .floor2 .header-wrap .playButton img {
width: 1.2rem;
}
.cuber_web_wrapper .floor3 {
line-height: 0;
}
.cuber_web_wrapper .floor3 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor3 .header-wrap h2 {
color: #EFF8FE;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor3 .header-wrap p {
color: #FFFFFF;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor3 .bg {
height: 100%;
}
.cuber_web_wrapper .floor4 {
line-height: 0;
}
.cuber_web_wrapper .floor4 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor4 .header-wrap h2 {
color: #5C848C;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor4 .header-wrap p {
color: #5D858D;
margin-top: 0.3rem;
}
.cuber_web_wrapper .floor4 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_web_wrapper .floor4 .bg {
height: 100%;
}
.cuber_web_wrapper .floor5 {
line-height: 0;
}
.cuber_web_wrapper .floor5 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor5 .header-wrap h2 {
color: #A3A3A3;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor5 .header-wrap p {
color: #A0A0A0;
margin-top: 0.3rem;
}
.cuber_web_wrapper .floor5 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_web_wrapper .floor5 .bg {
height: 100%;
}
.cuber_web_wrapper .floor6 {
line-height: 0;
}
.cuber_web_wrapper .floor6 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor6 .header-wrap h2 {
color: #55979E;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor6 .header-wrap p {
color: #59989E;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor6 .bg {
height: 100%;
}
.cuber_web_wrapper .floor7 {
line-height: 0;
}
.cuber_web_wrapper .floor7 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor7 .header-wrap h2 {
color: #8DDFFA;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor7 .header-wrap p {
color: #8DDFFA;
margin-top: 0.3rem;
}
.cuber_web_wrapper .floor7 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_web_wrapper .floor7 .bg {
height: 100%;
}
.cuber_web_wrapper .floor8 {
line-height: 0;
}
.cuber_web_wrapper .floor8 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor8 .header-wrap h2 {
color: #2A80C4;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor8 .header-wrap p {
color: #2A80C4;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor8 .bg {
height: 100%;
}
.cuber_web_wrapper .floor9 {
line-height: 0;
}
.cuber_web_wrapper .floor9 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor9 .header-wrap h2 {
color: #5F5F5F;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor9 .header-wrap p {
color: #5F5F5F;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor9 .bg {
height: 100%;
}
.cuber_web_wrapper .floor10 {
line-height: 0;
}
.cuber_web_wrapper .floor10 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor10 .header-wrap h2 {
color: #5F5F5F;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor10 .header-wrap p {
color: #5F5F5F;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor10 .bg {
height: 100%;
}
.cuber_web_wrapper .floor11 {
line-height: 0;
}
.cuber_web_wrapper .floor11 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor11 .header-wrap h2 {
color: #FFFFFF;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor11 .header-wrap p {
color: #FFFFFF;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor11 .bg {
height: 100%;
}
.cuber_web_wrapper .floor12 {
line-height: 0;
}
.cuber_web_wrapper .floor12 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor12 .header-wrap h2 {
color: #5A5A5A;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor12 .header-wrap p {
color: #5A5A5A;
margin-top: 0.3rem;
}
.cuber_web_wrapper .floor12 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_web_wrapper .floor12 .bg {
height: 100%;
}
.cuber_web_wrapper .floor13 {
line-height: 0;
}
.cuber_web_wrapper .floor13 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor13 .header-wrap h2 {
color: #FFFFFF;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor13 .header-wrap p {
color: #FFFFFF;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor13 .bg {
height: 100%;
}
.cuber_web_wrapper .floor14 {
line-height: 0;
}
.cuber_web_wrapper .floor14 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor14 .header-wrap h2 {
color: #5CA5C5;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor14 .header-wrap p {
color: #5CA5C5;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor14 .bg {
height: 100%;
}
.cuber_web_wrapper .floor15 {
line-height: 0;
}
.cuber_web_wrapper .floor15 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor15 .header-wrap h2 {
color: #597D9C;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor15 .header-wrap p {
color: #597D9C;
margin-top: 0.3rem;
}
.cuber_web_wrapper .floor15 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_web_wrapper .floor15 .bg {
height: 100%;
}
.cuber_web_wrapper .floor16 {
line-height: 0;
}
.cuber_web_wrapper .floor16 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor16 .header-wrap h2 {
color: #909090;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor16 .header-wrap p {
color: #909090;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor16 .bg {
height: 100%;
}
.cuber_web_wrapper .floor17 {
line-height: 0;
}
.cuber_web_wrapper .floor17 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor17 .header-wrap h2 {
color: #F6F6F6;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor17 .header-wrap p {
color: #F6F6F6;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor17 .bg {
height: 100%;
}
.cuber_web_wrapper .floor18 {
line-height: 0;
}
.cuber_web_wrapper .floor18 .header-wrap {
line-height: 1;
}
.cuber_web_wrapper .floor18 .header-wrap h2 {
color: #434343;
margin-top: 0.16rem;
}
.cuber_web_wrapper .floor18 .header-wrap p {
color: #434343;
margin-top: 0.24rem;
}
.cuber_web_wrapper .floor18 .bg {
height: 100%;
}
.cuber_web_wrapper .floor19 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
}
.cuber_web_wrapper .floor19 a {
color: #fff;
font-size: 0.24rem;
}
.text-init {
opacity: 0;
}
.e2_web_wrapper .c3_floor {
overflow: hidden;
line-height: 0;
}
.e2_web_wrapper .header-wrap-h2 {
color: #ddddf8 !important;
font-size: 0.42rem !important;
font-weight: 800 !important;
}
.e2_web_wrapper .e2_floor1 .header-wrap h1 {
height: 0.28rem;
line-height: 0.28rem;
padding: 0 0.2rem;
font-size: 0.16rem;
background-color: #ddddf8;
color: #180814;
}
.e2_web_wrapper .e2_floor1 .header-wrap h2 {
margin-top: 0.2rem;
color: #ddddf8;
font-size: 0.42rem;
}
.e2_web_wrapper .e2_floor2 {
background-color: #12121c;
}
.e2_web_wrapper .e2_floor2 .main .floor2_table > div {
float: left;
width: 33.33%;
border-bottom: 1px solid #1f1f2a;
border-right: 1px solid #1f1f2a;
padding: 0;
}
.e2_web_wrapper .e2_floor2 .main .floor2_table > div p {
display: flex;
align-items: center;
padding-left: 0.6rem;
text-align: left;
height: 0.85rem;
font-weight: normal !important;
font-size: 0.2rem !important;
color: #ddddf8 !important;
}
.e2_web_wrapper .e2_floor2 .main .floor2_table > div p img {
margin: 0 0.1rem;
width: auto;
height: 0.2rem;
}
.e2_web_wrapper .e2_floor2 .main .table_wrapper_last > div {
border-bottom: none;
}
.e2_web_wrapper .e2_floor3 {
position: relative;
height: auto !important;
}
.e2_web_wrapper .e2_floor3 .bg {
height: auto;
}
.e2_web_wrapper .e2_floor3 .header-wrap-left {
top: 1rem;
left: 12%;
position: absolute;
width: 42%;
text-align: left;
line-height: normal !important;
}
.e2_web_wrapper .e2_floor3 .header-wrap-left h2 {
font-size: 0.42rem;
color: #fff;
}
.e2_web_wrapper .e2_floor3 .header-wrap-left p {
color: #fff;
font-size: 0.16rem;
font-weight: normal !important;
}
.e2_web_wrapper .e2_floor3 .header-wrap-left .des {
margin: 0.3rem 0 !important;
font-size: 0.12rem !important;
}
.e2_web_wrapper .e2_floor3 .header-wrap-left-new > h2 {
margin-top: 0 !important;
}
.e2_web_wrapper .e2_floor3 .main_floor3 {
position: absolute;
left: 12%;
bottom: -0.05rem !important;
width: 20%;
height: auto !important;
margin: 0;
}
.e2_web_wrapper .e2_floor3 .main_floor3 .way {
width: 100%;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left {
width: 4.7rem;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left h2 {
margin-top: 0 !important;
color: #ddddf8 !important;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left p {
color: #4e4e64 !important;
margin-top: 0.4rem !important;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left .des {
display: flex;
justify-content: space-between;
margin: 0.2rem 0 !important;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left .des li span {
display: flex;
align-items: center;
font-size: 0.22rem;
color: #ddddf8;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left .des li span img {
width: 0.22rem;
height: auto;
margin: 0 0.08rem;
}
.e2_web_wrapper .e2_floor4 .header-wrap-left .des li p {
margin-top: 0.08rem !important;
font-size: 0.14rem;
}
.e2_web_wrapper .e2_floor4 .main_floor3 {
position: absolute;
left: 12%;
bottom: 0;
width: 30%;
}
.e2_web_wrapper .e2_floor4 .main_floor4 {
display: flex;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
width: 50%;
height: auto;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right {
top: 1rem;
right: 0;
position: absolute;
width: 42%;
text-align: left;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right h2 {
color: #ddddf8 !important;
font-size: 0.42rem;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right p {
color: #4e4e64 !important;
margin-top: 0.4rem !important;
font-size: 0.16rem;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right .des {
margin: 0.6rem 0 !important;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right .des li {
margin-bottom: 0.5rem;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right .des li span {
display: flex;
align-items: center;
font-size: 0.22rem;
color: #ddddf8;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right .des li span img {
width: 0.22rem;
height: auto;
margin: 0 0.08rem;
}
.e2_web_wrapper .e2_floor5 .header-wrap-right .des li p {
margin-top: 0.08rem !important;
font-size: 0.14rem;
}
.e2_web_wrapper .e2_floor5 .floor5_animate {
width: 72%;
}
.e2_web_wrapper .e2_floor8 .header-wrap h2 {
color: #ddddf8 !important;
font-size: 0.42rem;
}
.e2_web_wrapper .e2_floor8 .main_floor8 {
display: flex;
justify-content: space-between;
bottom: 3rem;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .way .desc {
margin-top: -0.8rem;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .way .desc h3 {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.22rem;
color: #ddddf8;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .way .desc h3 img {
width: auto;
height: 0.22rem;
margin: 0 0.08rem;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .way .desc p {
margin-top: 0.18rem !important;
color: #48485c !important;
font-size: 0.14rem !important;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .f2 .desc h3 {
margin-top: 0.05rem;
}
.e2_web_wrapper .e2_floor8 .main_floor8 .way {
width: 31%;
margin: 0;
}
.e2_web_wrapper .e2-wrap-body {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.e2_web_wrapper .e2-wrap-left {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 52%;
}
.e2_web_wrapper .e2-wrap-right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
width: 48%;
}
.e2_web_wrapper .e2-wrap-right-img {
width: auto;
height: 84%;
margin: 8% 0;
}
.e2_web_wrapper .e2-wrap-right-body {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 6rem;
height: 100%;
padding-left: 1.8rem;
align-items: center;
}
.e2_web_wrapper .e2-wrap-right-com {
text-align: left;
}
.e2_web_wrapper .e2-wrap-right-com > h2 {
display: flex;
align-items: center;
font-size: 0.26rem;
font-weight: 800;
color: #ddddf8;
}
.e2_web_wrapper .e2-wrap-right-com > h2 img {
margin-left: 0.1rem;
width: 0.2rem;
height: auto;
}
.e2_web_wrapper .e2-wrap-right-com > p {
margin: 0.3rem 0;
color: #48485c !important;
font-size: 0.14rem !important;
}
.e2_web_wrapper .e2-wrap-right-com > ul {
overflow: hidden;
display: flex;
line-height: initial;
justify-content: flex-start;
}
.e2_web_wrapper .e2-wrap-right-com > ul li {
margin-right: 0.1rem;
line-height: initial;
}
.e2_web_wrapper .e2-wrap-right-com > ul li span {
display: flex;
align-items: center;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.22rem;
color: #ddddf8;
}
.e2_web_wrapper .e2-wrap-right-com > ul li span img {
margin-left: 0.1rem;
width: 0.2rem;
height: auto;
}
.e2_web_wrapper .e2-wrap-right-com > ul li p {
color: #4e4e64 !important;
font-size: 0.14rem;
}
.e2_web_wrapper .e2_floor6 .floor6_animate .tips1 {
z-index: 100;
}
.e2_web_wrapper .e2_floor6 .e2_floor6_header {
position: relative;
display: flex;
}
.e2_web_wrapper .e2_floor6 .e2_floor6_header h2 {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 0.6rem;
line-height: 0.6rem;
margin: auto;
text-align: center;
}
.e2_web_wrapper .e2_floor7 .e2-wrap-left {
width: 50%;
}
.e2_web_wrapper .e2_floor7 .e2-wrap-right {
width: 64%;
}
.e2_web_wrapper .e2_floor7 .e2-wrap-right .floor6_animate {
width: auto;
height: 100%;
}
.e2_web_wrapper .e2_floor7 .e2-wrap-right .floor6_animate img {
text-align: left;
width: auto;
height: 100%;
margin: 0;
padding: 0;
}
.e2_web_wrapper .e2_floor7 .e2-wrap-right-com > ul li span {
margin-right: 0.3rem;
}
.e2_web_wrapper .e2_floor9 .e2-wrap-right-com > h2 {
line-height: initial;
}
.e2_web_wrapper .e2_floor9 .e2-wrap-right-com > ul {
display: block;
margin: 0.2rem 0 0;
}
.e2_web_wrapper .e2_floor9 .e2-wrap-right-com > ul li {
width: 100%;
margin: 0.05rem 0;
}
.e2_web_wrapper .e2_floor9 .e2-wrap-right-com > ul li span {
font-size: 0.18rem;
}
.e2_web_wrapper .e2_floor9 .floor6_animate {
position: relative;
width: 100%;
height: 100%;
padding: 8% 12%;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .hands {
float: right;
width: auto;
height: 100%;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .tips1 {
position: absolute;
top: 23%;
right: 24%;
width: 0.4rem;
height: auto;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .tips2 {
position: absolute;
top: 33.2%;
right: 38%;
width: 0.4rem;
height: auto;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .tips3 {
position: absolute;
top: 47%;
right: 40%;
width: 0.4rem;
height: auto;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .tips4 {
position: absolute;
top: 58.2%;
right: 38%;
width: 0.4rem;
height: auto;
}
.e2_web_wrapper .e2_floor9 .floor6_animate .tips5 {
position: absolute;
top: 85.5%;
right: 20%;
width: 0.4rem;
height: auto;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right-com > h2 {
line-height: initial;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right-com > ul {
display: block;
margin: 0.2rem 0 0;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right-com > ul li {
width: 100%;
margin: 0.05rem 0;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right-com > ul li span {
font-size: 0.18rem;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right {
display: flex;
width: auto;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right img {
width: auto;
height: 100%;
}
.e2_web_wrapper .e2_floor10 .e2-wrap-right .phone {
width: auto;
height: 84%;
padding-top: 13%;
padding-right: 3%;
}
.e2_web_wrapper .header-wrap-p {
margin: 0.3rem 0 !important;
color: #48485c !important;
font-size: 0.14rem !important;
}
.e2_web_wrapper .e2_floor11 {
height: auto !important;
}
.e2_web_wrapper .e2_floor11 .header-wrap h2 {
height: 0.2rem;
}
.e2_web_wrapper .e2_floor11 .bg {
height: auto;
}
.e2_web_wrapper .e2_floor11 .bg2 {
position: absolute;
top: 43%;
left: 0;
right: 0;
width: 16%;
height: auto;
margin: auto;
}
.e2_web_wrapper .e2_floor12 .header-wrap {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 12rem;
display: flex;
justify-content: center;
align-items: center;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body {
width: 100%;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > h2 {
margin-top: 0 !important;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > p {
color: #4e4e64 !important;
margin-top: 0.4rem !important;
font-size: 0.12rem;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > ul {
display: flex;
line-height: initial;
justify-content: flex-start;
margin: 0.6rem 0 0.4rem;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > ul li {
width: 25%;
text-align: left;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > ul li span {
display: flex;
align-items: center;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.22rem;
color: #ddddf8;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > ul li span img {
margin-left: 0.1rem;
width: 0.2rem;
height: auto;
}
.e2_web_wrapper .e2_floor12 .header-wrap .header-wrap-body > ul li p {
color: #48485c;
margin-top: 0.1rem;
font-size: 0.14rem;
}
.e2_web_wrapper .e2_floor14 {
padding: 0;
}
.e2_web_wrapper .e2_floor14 .header-wrap-left {
top: 0;
height: 100%;
width: 30%;
display: flex;
align-items: center;
}
.e2_web_wrapper .e2_floor14 .header-wrap-left > div {
width: 100%;
margin-top: -1.5rem;
}
.e2_web_wrapper .e2_floor14 .header-wrap-left p {
margin-top: 0.4rem;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total {
margin-top: 0.6rem;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total li {
position: relative;
overflow: hidden;
width: 100%;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total li span {
float: right;
display: inline-block;
padding: 0.1rem 0.1rem 0.18rem;
color: #fff;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total .total1 {
margin-right: 0.2rem;
background: url(/src/img/e2/web/010/6ac6fbb9.1.png) center center no-repeat;
background-size: 100% auto;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total .total2 {
margin-right: 0.4rem;
background: url(/src/img/e2/web/010/48df3ef6.2.png) center center no-repeat;
background-size: 100% auto;
}
.e2_web_wrapper .e2_floor14 .e2_floor14_total .total3 {
background: url(/src/img/e2/web/010/ac4e9cb4.3.png) center center no-repeat;
background-size: 100% auto;
}
.e2_web_wrapper .e2_floor15 {
background-color: #000;
}
.e2_web_wrapper .e2_floor15 .e2-wrap-right-com > h2 {
line-height: normal !important;
}
.e2_web_wrapper .e2_floor15 .e2-wrap-right-com ul {
margin-top: 0.5rem;
}
.e2_web_wrapper .e2_floor15 .e2-wrap-right-com ul li {
margin-right: 0.3rem;
}
.e2_web_wrapper .e2_floor15 .e2-wrap-right {
width: 60%;
display: flex;
align-items: center;
}
.e2_web_wrapper .e2_floor16 {
background-color: #030305;
}
.e2_web_wrapper .e2_floor16 .header-wrap {
top: 1rem;
}
.e2_web_wrapper .e2_floor16 .e2_floor16_body {
position: relative;
display: flex;
justify-content: center;
width: 54%;
margin: 0.4rem auto;
}
.e2_web_wrapper .e2_floor16 .e2_floor16_body img {
width: 100%;
height: auto;
}
.e2_web_wrapper .e2_floor16 .btn-images {
display: flex;
justify-content: center;
margin-top: -0.4rem;
}
.e2_web_wrapper .e2_floor16 .btn-images span {
position: relative;
padding: 0 0.12rem;
width: 1.05rem;
height: 0.4rem;
line-height: 0.4rem;
margin: 0 0.15rem;
font-size: 0.16rem;
color: #9393b0;
cursor: pointer;
text-align: right;
}
.e2_web_wrapper .e2_floor16 .btn-images span img {
position: absolute;
top: 0;
left: 0.12rem;
bottom: 0;
margin: auto;
width: 0.2rem;
height: auto;
}
.e2_web_wrapper .e2_floor16 .btn-images .bg1 {
height: 38px;
line-height: 38px;
border: 2px solid #35394c;
color: #9393b0;
border-radius: 0.2rem;
}
.e2_web_wrapper .e2_floor13 .header-wrap-h2 {
height: 0.2rem;
}
.e2_web_wrapper .e2_floor13 .floor13_animate {
overflow: hidden;
position: absolute;
top: 3rem;
height: auto;
width: 10rem;
margin-left: -5rem;
}
.e2_web_wrapper .e2_floor13 .floor13-body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.e2_web_wrapper .e2_floor13 .floor13-body ul {
display: flex;
justify-content: space-around;
}
.e2_web_wrapper .e2_floor13 .floor13-body ul li {
margin-top: 0.8rem;
}
.e2_web_wrapper .e2_floor13 .floor13-body ul li span {
color: #afafd2;
font-size: 0.3rem;
}
.e2_web_wrapper .e2_floor13 .floor13-body ul li span em {
font-style: normal;
font-size: 0.14rem;
}
.e2_web_wrapper .e2_floor13 .floor13-body ul li p {
color: #afafd2;
font-size: 0.12rem;
}
.e2_web_wrapper .e2_floor13 .e2_floor13-footer {
position: absolute;
bottom: 1rem;
width: 100%;
text-align: center;
color: #afafd2;
font-size: 0.1rem;
}
}
@media (max-width: 961px) and (min-width: 1400px) {
.header-wrap-h2 {
color: #ddddf8 !important;
font-size: 0.38rem !important;
}
}
.water_parameter_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.water_parameter_wrapper .water_title {
height: 0.6rem;
line-height: 0.6rem;
}
.water_parameter_wrapper .water_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.water_parameter_wrapper .water_title ul {
float: right;
}
.water_parameter_wrapper .water_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.water_parameter_wrapper .water_title ul li a {
color: #B3B3B3;
}
.water_parameter_wrapper .water_title ul li a:hover {
color: #000;
}
.water_parameter_wrapper .water_parameter_container {
border-top: 1px solid #D9D9D9;
max-width: 2440px;
margin: 0 auto;
}
.water_parameter_wrapper .water_parameter_container .main h1 {
color: #535353;
font-size: 0.32rem;
}
.water_parameter_wrapper .water_parameter_container .water_size {
border-bottom: 1px solid #D9D9D9;
}
.water_parameter_wrapper .water_parameter_container .water_size img {
margin: 0.8rem auto;
display: block;
width: 7rem;
}
.water_parameter_wrapper .water_parameter_container .water_size h1 {
margin-top: 0.7rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter {
border-bottom: 1px solid #D9D9D9;
}
.water_parameter_wrapper .water_parameter_container .water_parameter h1 {
margin-top: 0.7rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div {
margin: 0.9rem 0;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div p {
color: #808080;
margin-bottom: 0.3rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div p span:first-of-type {
display: inline-block;
width: 30%;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet h1 {
margin-top: 0.7rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet .mobile {
display: none;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet img {
margin: 0.8rem auto;
display: block;
width: 95%;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet p {
color: #808080;
margin-bottom: 0.8rem;
text-align: center;
line-height: 1.8;
}
.c2_parameter_container .c2_parameter > div p span em {
margin-bottom: 0.3rem;
font-style: normal;
display: block;
}
.c2_parameter_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.c2_parameter_wrapper .c2_title {
height: 0.6rem;
line-height: 0.6rem;
}
.c2_parameter_wrapper .c2_title h3 {
float: left;
color: #535353;
font-size: 0.18rem;
}
.c2_parameter_wrapper .c2_title ul {
float: right;
}
.c2_parameter_wrapper .c2_title ul li {
display: inline-block;
padding-right: 0.08rem;
}
.c2_parameter_wrapper .c2_title ul li a {
color: #B3B3B3;
}
.c2_parameter_wrapper .c2_title ul li a:hover {
color: #000;
}
.c2_parameter_wrapper .c2_title ul .purchase a {
display: inline-block;
width: 1rem;
height: 0.34rem;
line-height: 0.34rem;
background: #496eb4;
border-radius: 0.03rem;
text-align: center;
color: #fff;
font-size: 0.16rem;
text-decoration: none;
cursor: pointer;
}
.c2_parameter_wrapper .c2_title ul .purchase a:hover {
color: #fff;
}
.c2_parameter_wrapper .c2_parameter_container {
border-top: 1px solid #D9D9D9;
max-width: 2440px;
margin: 0 auto;
}
.c2_parameter_wrapper .c2_parameter_container .main h1 {
font-size: 0.2rem;
color: #333;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size {
width: 10rem;
border-bottom: 1px solid #f5f5f5;
padding: 0.8rem 0;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size img {
width: 2.4rem;
display: inline-block;
vertical-align: top;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size img:first-of-type {
padding-left: 10vw;
margin-right: 1rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size h1 {
display: inline-block;
vertical-align: top;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function {
border-bottom: 1px solid #f5f5f5;
padding: 0.8rem 0;
width: 10rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function h1 {
display: inline-block;
vertical-align: middle;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper {
width: 80%;
padding-left: 0.55rem;
display: inline-block;
vertical-align: middle;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div {
width: 1.2rem;
display: inline-block;
text-align: center;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div p {
margin-top: 0.1rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon_bottom {
margin-top: 0.5rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter {
padding: 0.8rem 0;
width: 10rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter h1 {
color: #404040;
display: inline-block;
vertical-align: top;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div {
width: 90%;
padding-left: 0.8rem;
display: inline-block;
vertical-align: top;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p {
color: #595959;
margin-bottom: 0.3rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p span {
display: inline-block;
vertical-align: top;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p span:first-of-type {
width: 30%;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p span:last-of-type {
width: 69%;
}
.m2_parameter_mainImg {
display: block !important;
margin: auto !important;
width: 7rem !important;
padding-left: 0 !important;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div p {
margin-top: 0.1rem;
color: #808080;
}
.mobile_video_wrapper {
display: none;
}
.web_video_wrapper {
background: #f6f6f6;
}
.web_video_wrapper .video_title {
padding: 0.3rem 0;
}
.web_video_wrapper .video_title ul li {
cursor: pointer;
display: inline-block;
vertical-align: middle;
color: #B3B3B3;
font-size: 0.16rem;
margin-right: 0.5rem;
}
.web_video_wrapper .video_title ul li:first-of-type {
color: #808080;
}
.web_video_wrapper .video_title ul li:hover {
color: #808080;
}
.web_video_wrapper .video_box {
position: relative;
}
.web_video_wrapper .video_box .video_container {
display: none;
position: fixed;
width: 7rem;
height: 4rem;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.web_video_wrapper .video_box .video_container video {
width: 100%;
height: 100%;
}
.web_video_wrapper .video_box .video_container .videoClose {
position: absolute;
top: 0.15rem;
right: 0.15rem;
cursor: pointer;
}
.web_video_wrapper .video_box .video_list {
width: 100%;
}
.web_video_wrapper .video_box .video_list .video_list_wrapper ul li {
width: 31.33%;
float: left;
margin-right: 3%;
background: #FFFFFF;
border-radius: 0.1rem;
margin-bottom: 30px;
overflow: hidden;
}
.web_video_wrapper .video_box .video_list .video_list_wrapper ul li img {
cursor: pointer;
}
.web_video_wrapper .video_box .video_list .video_list_wrapper ul li div {
margin: 15px 10px;
color: #666666;
font-size: 0.14rem;
}
.web_video_wrapper .video_box .video_list .video_list_wrapper ul li div img {
float: right;
}
.web_video_wrapper .video_box .video_list .video_list_wrapper ul .last {
margin-right: 0;
}
.airClear_m_wrapper {
display: none;
}
.airClear_web_wrapper .airClear_floor {
position: relative;
}
.airClear_web_wrapper .airClear_floor .header-wrap {
padding-top: 4%;
position: absolute;
text-align: center;
left: 0;
right: 0;
}
.airClear_web_wrapper .airClear_floor .header-wrap h3 {
font-size: 0.38rem;
font-weight: bold;
}
.airClear_web_wrapper .airClear_floor .header-wrap p {
font-size: 0.16rem;
margin-top: 0.1rem;
}
.airClear_web_wrapper .floor1 .yellow_bg {
background: #D9C3A0;
color: #fff;
width: 2.2rem;
height: 0.35rem;
line-height: 0.35rem;
margin: auto;
margin-bottom: 0.15rem;
font-size: 0.18rem;
border-radius: 0.16rem;
}
.airClear_web_wrapper .floor1 h3 {
color: #2C2C2C;
}
.airClear_web_wrapper .floor1 p {
color: #5d5e5e;
margin-top: 0.1rem;
}
.airClear_web_wrapper .floor2 {
height: 9.3rem;
margin-top: -2px;
}
.airClear_web_wrapper .floor2 h3 {
color: #b5b4b4;
}
.airClear_web_wrapper .floor2 p {
color: #757575;
}
.airClear_web_wrapper .floor2 .main_wrapper {
position: absolute;
left: 0;
right: 0;
top: 2.2rem;
width: 9rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon {
text-align: center;
position: absolute;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon .No {
width: 28px;
height: 28px;
background: #4256FF;
border-radius: 50%;
text-align: center;
line-height: 28px;
color: #fff;
font-weight: bold;
font-size: 0.18rem;
margin: auto;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon p:first-of-type {
font-size: 0.14rem;
color: #FFFFFF;
margin-top: 0.1rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon p:last-of-type {
font-size: 0.12rem;
color: #9A9A9A;
margin-top: 0.05rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon1 {
left: 0.92rem;
bottom: -1.15rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon2 {
left: 2.42rem;
bottom: -0.8rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon3 {
left: 4.2rem;
bottom: -0.4rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon4 {
left: 6.03rem;
bottom: -0.1rem;
}
.airClear_web_wrapper .floor2 .main_wrapper .icon_wrapper .icon5 {
left: 8.06rem;
width: 1.5rem;
bottom: 0.3rem;
}
.airClear_web_wrapper .floor2 .bg {
width: 100%;
height: 100%;
}
.airClear_web_wrapper .floor3 {
margin-top: -2px;
}
.airClear_web_wrapper .floor3 h3 {
color: #626770;
}
.airClear_web_wrapper .floor3 p {
color: #808080;
}
.airClear_web_wrapper .floor3 .icon_wrapper {
margin-top: 0.3rem;
width: 100%;
text-align: center;
}
.airClear_web_wrapper .floor3 .icon_wrapper .icon {
display: inline-block;
vertical-align: middle;
margin: 0 0.5rem;
}
.airClear_web_wrapper .floor3 .icon_wrapper .icon > div {
color: #666666;
font-size: 0.16rem;
}
.airClear_web_wrapper .floor3 .icon_wrapper .icon > div span {
background-image: -webkit-linear-gradient(#5389e8, #1448d7);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#5389e8, #1448d7);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#5389e8, #1448d7);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#5389e8, #1448d7);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.5rem;
font-weight: bold;
margin-right: 0.02rem;
}
.airClear_web_wrapper .floor3 .icon_wrapper .icon P {
margin-top: 0;
font-size: 0.16rem;
}
.airClear_web_wrapper .floor3 .icon_wrapper .icon:last-of-type span {
margin-right: -5px;
}
.airClear_web_wrapper .floor3 .icon_wrapper .line {
width: 1px;
height: 0.3rem;
background: #cccccc;
display: inline-block;
vertical-align: middle;
}
.airClear_web_wrapper .floor4 {
margin-top: -2px;
height: 10rem;
}
.airClear_web_wrapper .floor4 h3 {
color: #26CCC5;
}
.airClear_web_wrapper .floor4 p {
color: #FFFFFF;
}
.airClear_web_wrapper .floor4 .bg {
position: absolute;
z-index: -1;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.airClear_web_wrapper .floor4 .main .main_wrapper {
width: 50%;
float: left;
}
.airClear_web_wrapper .floor4 .main .left_wrapper {
text-align: center;
margin-top: 2rem;
}
.airClear_web_wrapper .floor4 .main .left_wrapper h3 {
font-size: 0.38rem;
font-weight: bold;
}
.airClear_web_wrapper .floor4 .main .left_wrapper p {
font-size: 0.16rem;
margin-top: 0.2rem;
}
.airClear_web_wrapper .floor4 .main .left_wrapper .icon_wrapper {
width: 80%;
margin: auto;
padding-top: 0.1rem;
}
.airClear_web_wrapper .floor4 .main .left_wrapper .icon_wrapper > div {
width: 20%;
margin-top: 0.2rem;
float: left;
text-align: center;
}
.airClear_web_wrapper .floor4 .main .left_wrapper .icon_wrapper > div p {
margin: auto;
}
.airClear_web_wrapper .floor4 .main .left_wrapper .icon_wrapper > div p:last-of-type {
margin-top: 0.1rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper {
height: 7.4rem;
position: relative;
text-align: center;
}
.airClear_web_wrapper .floor4 .main .right_wrapper img {
position: absolute;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img1 {
width: 4.5rem;
top: 1.8rem;
left: 0;
right: 0;
margin: auto;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img2,
.airClear_web_wrapper .floor4 .main .right_wrapper .img3,
.airClear_web_wrapper .floor4 .main .right_wrapper .img4,
.airClear_web_wrapper .floor4 .main .right_wrapper .img5 {
width: 3.8rem;
left: 1.22rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img2 {
top: 1.2rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img3 {
top: 3.05rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img4 {
top: 5.3rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img5 {
bottom: -1.1rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img6 {
bottom: -0.25rem;
left: 1.32rem;
width: 3.75rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img7 {
bottom: 0.93rem;
left: 1.5rem;
width: 3rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img8 {
bottom: 3.1rem;
left: 1.5rem;
width: 2.8rem;
}
.airClear_web_wrapper .floor4 .main .right_wrapper .img9 {
bottom: 4.55rem;
left: 1.65rem;
width: 2.65rem;
}
.airClear_web_wrapper .floor5 {
background: #fff no-repeat center center;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
_zoom: 1;
position: relative;
-webkit-font-smoothing: antialiased;
}
.airClear_web_wrapper .floor5 h3 {
color: #979797;
}
.airClear_web_wrapper .floor5 p {
color: #b3b3b3;
}
.airClear_web_wrapper .floor5 .move-img .move-bg {
overflow: hidden;
_zoom: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%;
z-index: 1;
}
.airClear_web_wrapper .floor5 .move-img .move-bg img {
height: 100%;
max-width: none;
}
.airClear_web_wrapper .floor5 .move-img .img-items {
width: 100%;
display: block;
}
.airClear_web_wrapper .floor5 .move-img .move-line {
position: absolute;
bottom: 0.5rem;
width: 1px;
height: 73%;
background: url(/src/img/air_cleaner/web/05/f742f9c3.line.png) no-repeat center center;
z-index: 2;
left: 50%;
}
.airClear_web_wrapper .floor5 .move-img .move-line span {
position: absolute;
top: 50%;
margin-top: -19px;
font-size: 14px;
color: #fff;
height: 38px;
line-height: 38px;
width: 100px;
text-align: center;
}
.airClear_web_wrapper .floor5 .move-img .move-line .butn {
position: absolute;
top: 50%;
margin: -60px 0 0 -85px;
background: url(/src/img/air_cleaner/web/05/dafa3036.icon.png) no-repeat center center;
width: 170px;
height: 43px;
}
.airClear_web_wrapper .floor6 h3 {
color: #fff;
}
.airClear_web_wrapper .floor6 p {
color: #fff;
}
.airClear_web_wrapper .floor6 .gradient_icon > div {
background-image: -webkit-linear-gradient(#d3e3fa, #aeceff);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#d3e3fa, #aeceff);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#d3e3fa, #aeceff);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#d3e3fa, #aeceff);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.5rem;
font-weight: bold;
margin-top: 0.3rem;
}
.airClear_web_wrapper .floor6 .gradient_icon p {
margin-top: 0;
}
.airClear_web_wrapper .floor7,
.airClear_web_wrapper .floor8 {
background: #fff;
}
.airClear_web_wrapper .floor7 .noPosition,
.airClear_web_wrapper .floor8 .noPosition {
position: static;
}
.airClear_web_wrapper .floor7 .noPosition h3,
.airClear_web_wrapper .floor8 .noPosition h3 {
color: #979797;
}
.airClear_web_wrapper .floor7 .noPosition p,
.airClear_web_wrapper .floor8 .noPosition p {
color: #b3b3b3;
}
.airClear_web_wrapper .floor7 .gradient_icon > div,
.airClear_web_wrapper .floor8 .gradient_icon > div {
background-image: -webkit-linear-gradient(#92d2ff, #1a92d7);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#92d2ff, #1a92d7);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#92d2ff, #1a92d7);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#92d2ff, #1a92d7);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.5rem;
font-weight: bold;
margin-top: 0.3rem;
}
.airClear_web_wrapper .floor7 .gradient_icon p,
.airClear_web_wrapper .floor8 .gradient_icon p {
color: #BABABA;
margin-top: 0;
}
.airClear_web_wrapper .floor7 .main_img,
.airClear_web_wrapper .floor8 .main_img {
margin: 1rem auto 1rem auto;
display: block;
}
.airClear_web_wrapper .floor8 .main_wrapper {
border: 1px solid transparent;
}
.airClear_web_wrapper .floor8 .main_wrapper .img_blue {
position: absolute;
top: 1.9rem;
left: 3.01rem;
width: 3.75rem;
}
.airClear_web_wrapper .floor8 .main_wrapper .main_circle {
position: absolute;
top: 2rem;
left: 4.5rem;
width: 1rem;
}
.airClear_web_wrapper .floor9 h3 {
color: #979797;
}
.airClear_web_wrapper .floor9 p {
color: #b3b3b3;
}
.airClear_web_wrapper .floor9 .icon_wrapper {
margin-top: 0.3rem;
}
.airClear_web_wrapper .floor9 .icon_wrapper > div {
display: inline-block;
vertical-align: top;
}
.airClear_web_wrapper .floor9 .icon_wrapper > div img {
width: 0.5rem;
}
.airClear_web_wrapper .floor9 .icon_wrapper > div P:first-of-type {
color: #5D6369;
margin-top: 0.1rem;
font-weight: bold;
}
.airClear_web_wrapper .floor9 .icon_wrapper > div P:last-of-type {
color: #BABABA;
margin-top: 0;
font-size: 0.14rem;
}
.airClear_web_wrapper .floor9 .icon_wrapper > div:nth-of-type(2) {
margin: 0 0.3rem;
}
.airClear_web_wrapper .floor9 .main_img {
margin: 1rem auto 1rem auto;
display: block;
}
.airClear_web_wrapper .floor10 {
background: #131313;
text-align: center;
padding: 0.4rem 0;
margin-top: -2px;
}
.airClear_web_wrapper .floor10 a {
color: #fff;
font-size: 0.24rem;
}
.text-init {
-moz-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
.animate {
-moz-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-o-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
animation: text_animate 0.7s forwards cubic-bezier(0.39, 0.575, 0.565, 1);
}
@-webkit-keyframes text_animate {
0% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-moz-keyframes text_animate {
0% {
-moz-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-moz-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@-o-keyframes text_animate {
0% {
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes text_animate {
0% {
-moz-transform: translate3d(0, 25px, 0);
-webkit-transform: translate3d(0, 25px, 0);
opacity: 0;
transform: translate3d(0, 25px, 0);
}
to {
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@media only screen and (min-width: 100px) and (max-width: 960px) {
.main {
width: 100%;
margin: 0 auto;
position: relative;
}
.nav,
.fix.nav {
padding: 0;
}
.nav .up,
.fix.nav .up {
display: none;
}
.nav .down,
.fix.nav .down {
background-color: #fff;
font-size: 0.28rem;
height: auto;
line-height: auto;
padding: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.nav .down a,
.fix.nav .down a {
margin-right: 0.5rem;
font-size: 0.28rem;
}
.nav .down a:last-child,
.fix.nav .down a:last-child {
margin-right: 0;
}
.nav .down .zmy,
.fix.nav .down .zmy {
display: block;
height: 1rem;
line-height: 1rem;
position: relative;
z-index: 1;
opacity: 1;
-webkit-opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
font-size: 0.34rem;
text-align: center;
}
.nav .down .zmy::after,
.fix.nav .down .zmy::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.nav .down .as,
.fix.nav .down .as {
display: block;
padding: 0 0.44rem;
height: 0.8rem;
line-height: 0.8rem;
webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.nav .down::after,
.fix.nav .down::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.nav .down .iconfont,
.fix.nav .down .iconfont {
display: inline-block;
line-height: 1rem;
position: absolute;
top: 0;
left: 0.44rem;
font-size: 0.4rem;
z-index: 2;
color: #1e1e1e;
}
.nav .down .iconfont.icon-search,
.fix.nav .down .iconfont.icon-search {
left: auto;
right: 0.44rem;
}
.nav .kong,
.fix.nav .kong {
display: block;
height: 1.8rem;
}
.m-menu {
position: fixed;
top: 1rem;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background: #fff;
height: 100%;
overflow: auto;
}
.m-menu h5,
.m-menu a {
height: 1.1rem;
line-height: 1.1rem;
font-size: 0.32rem;
padding: 0 0.44rem;
display: block;
font-family: 'NotoSansHans-DemiLight';
color: #1b1b1b;
position: relative;
}
.m-menu h5::after,
.m-menu a::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
left: 0.44rem;
right: 0.44rem;
width: auto;
}
.m-menu .as a {
color: #747474;
}
.m-menu h5.more {
position: relative;
}
.m-menu h5.more::before {
position: absolute;
content: '\E65D';
font-family: "iconfont" !important;
font-size: 0.2rem;
top: 0;
right: 0.44rem;
color: #d4d4d4;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.m-menu h5.more.act::before {
transform: rotate(0);
-webkit-transform: rotate(0);
}
.index-nav.nav .down {
display: block;
}
.index-nav.nav .down .zmy {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}
.index-nav.nav .down .zmy::after {
display: none;
}
.index-nav.nav .down .zmy img {
display: block;
height: 0.32rem;
max-width: 0.4rem;
}
.index-nav.nav + .up-kong {
height: 1rem;
}
.balck-nav.nav .down {
background-color: transparent;
}
.balck-nav.nav .down::after {
display: none;
}
.balck-nav.nav .down .zmy {
color: #fff;
}
.balck-nav.nav .down .iconfont {
color: #000;
}
.foot .first {
display: none;
}
.foot .m-first {
display: block;
}
.foot .m-first li h5 {
background: #fff;
padding: 0 0.44rem;
font-family: 'NotoSansHans-DemiLight';
font-size: 0.26rem;
color: #1e1e1e;
position: relative;
}
.foot .m-first li h5::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.foot .m-first li {
line-height: 0.8rem;
}
.foot .m-first .as {
background: #f6f6f6;
}
.foot .m-first .as li {
height: 0.8rem;
padding: 0 0.44rem;
position: relative;
}
.foot .m-first .as li::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.foot .m-first .as li a {
font-size: 0.26rem;
display: block;
font-family: 'NotoSansHans-Light';
color: #8c8c8c;
}
.foot .second {
padding: 0.4rem 0.44rem;
position: relative;
font-size: 0.2rem;
}
.foot .second::before {
display: none;
}
.foot .second p {
line-height: 1;
}
.foot .second .as {
color: #646464;
}
.foot .second .as span {
display: block;
margin-right: 0;
line-height: 1.5;
font-size: 0.2rem;
}
.foot .second .as a {
color: #607AD2;
padding: 0 0.27rem;
position: relative;
}
.foot .second .as a::before {
position: absolute;
display: block;
content: '';
height: 100%;
width: 1px;
background: #ededed;
left: auto;
top: 0;
right: 0;
}
.foot .second .as span:last-child {
margin: 0.3rem 0;
}
.foot .second .as span:last-child a:first-child {
padding-left: 0;
}
.foot .second .icp {
margin-top: 0;
position: relative;
margin-left: 0;
}
.foot .second .icp a {
font-size: 0.16rem;
display: inline-block;
margin-right: 0.26rem;
color: #a4a4a4;
}
.foot .second .lang {
display: none;
}
.style360 {
position: absolute;
right: 0;
top: 1.2rem;
width: 81px;
}
.index-bannel {
display: none;
}
.classify_display {
display: none;
}
.black-theme {
background: #fff;
}
.m-index-bannel {
display: block;
}
.m-index-bannel .swiper-slide img.text {
display: block;
width: 100%;
height: auto;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
animation: slide1 3s;
-webkit-animation: slide1 3s;
}
.m-classify_display {
display: block;
width: 100%;
color: #666;
}
.m-classify_display .grid-arrow-right {
position: relative;
height: 0.16rem;
margin-left: 0.1rem;
display: inline-block;
vertical-align: middle;
}
.m-classify_display .grid-arrow-right:before {
top: 0;
left: 0;
position: absolute;
display: block;
width: 0.18rem;
height: 3px;
content: '';
background-color: #666666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom-left-radius: 3px;
}
.m-classify_display .grid-arrow-right:after {
bottom: 0;
left: 0;
position: absolute;
display: block;
width: 0.18rem;
height: 3px;
content: '';
background-color: #666666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top-left-radius: 3px;
}
.m-classify_display h1 {
display: inline-block;
vertical-align: middle;
font-size: 0.38rem;
color: #666;
font-weight: bold;
}
.m-classify_display P {
font-size: 0.24rem;
margin-top: 0.2rem;
color: #666;
}
.m-classify_display .classify_left {
width: 100%;
position: relative;
}
.m-classify_display .classify_left .classify_left_word {
position: absolute;
bottom: 0.5rem;
left: 0.4rem;
}
.m-classify_display .classify_right {
background: #fff;
width: 100%;
padding: 0.2rem 0.15rem;
}
.m-classify_display .classify_right .classify_top {
position: relative;
float: left;
width: 49%;
}
.m-classify_display .classify_right .classify_top img {
width: 100%;
}
.m-classify_display .classify_right .classify_bottom {
position: relative;
float: right;
width: 49%;
}
.m-classify_display .classify_right .classify_bottom img {
width: 100%;
}
.m-classify_display .classify_right .classify_right_word {
position: absolute;
left: 0.4rem;
top: 0.5rem;
}
.m-news-wrapper {
position: relative;
padding: 40px 0 70px 0;
}
.m-news-wrapper .main {
padding: 15px 0.44rem 30px 0.44rem;
}
.m-news-wrapper .main .title h2 {
font-size: 0.48rem;
color: #1E1E1E;
}
.m-news-wrapper .main .title .right {
position: absolute;
bottom: -45px;
width: 100px;
height: 40px;
text-align: center;
line-height: 40px;
font-size: 14px;
border: 1px solid #646464;
margin: 0 auto;
right: 0;
left: 0;
}
.m-news-wrapper .main .title .right a {
color: #333333;
}
.m-news-wrapper .main .news-content {
font-size: 0.24rem;
}
.m-news-wrapper .main .news-content li {
width: 100%;
display: block;
padding: 0;
margin-bottom: 0.65rem;
}
.m-news-wrapper .main .news-content li:last-child {
margin-bottom: 0;
}
.m-news-wrapper .main .news-content li .time {
font-size: 0.36rem;
margin-bottom: 5px;
color: #1E1E1E;
}
.m-news-wrapper .main .news-content li .news-title {
font-size: 0.36rem;
color: #1E1E1E;
}
.m-news-wrapper .main .news-content li .news-intro {
font-size: 0.24rem;
color: #646464;
line-height: 1.8;
}
.m-introduce-wrapper {
padding: 30px 0;
}
.m-introduce-wrapper .introduce {
padding: 30px 0.44rem;
}
.m-introduce-wrapper .introduce .intro-lf {
width: 100%;
display: block;
padding-right: 0;
color: #1E1E1E;
}
.m-introduce-wrapper .introduce .intro-lf h2 {
font-size: 0.48rem;
}
.m-introduce-wrapper .introduce .intro-lf .intro-word {
font-size: 0.24rem;
margin-bottom: 20px;
line-height: 1.8;
}
.m-introduce-wrapper .introduce .intro-r {
width: 100%;
display: block;
}
.m-introduce-wrapper .introduce .intro-r .web_intro_img {
display: none;
}
.m-introduce-wrapper .introduce .intro-r .m_intro_img {
display: block;
width: 100%;
}
.product_center_wrapper .product_center_title {
padding-left: 0.5rem;
}
.product_center_wrapper .product_center_classify .classify_block {
padding: 0.5rem 0.3rem;
}
.product_center_wrapper .product_center_classify .classify_block .left {
width: 60%;
}
.product_center_wrapper .product_center_classify .classify_block .left a {
width: 1.2rem;
height: 0.5rem;
line-height: 0.5rem;
border-radius: 0.2rem;
font-size: 0.14rem;
}
.product_center_wrapper .product_center_classify .classify_block .right {
width: 40%;
}
.quality {
padding: 0 0.44rem 0.7rem;
}
.quality li a {
padding: 0.7rem 0;
position: relative;
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
align-items: center;
-webkit-align-items: center;
}
.quality li a img {
height: 1rem;
width: auto;
}
.quality li a h2 {
font-size: 0.28rem;
color: #1b1b1b;
line-height: 1.5;
}
.quality li a .lf {
width: 40%;
text-align: center;
}
.quality li a .lf p {
font-size: 0.18rem;
}
.quality li a .lr {
width: 60%;
}
.quality li a .lr .ps {
margin-top: 0.3rem;
}
.quality li a .lr .ps p {
font-size: 0.26rem;
color: #747474;
padding: 0 0.25rem;
position: relative;
line-height: 1.5;
letter-spacing: 0.01rem;
}
.quality li a .lr .ps p map {
position: absolute;
top: 0;
left: 0;
}
.quality li a .lr .ps.all p {
padding: 0;
}
.quality li a::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.set ul {
padding: 0 0.44rem;
}
.set ul li {
margin: 0;
float: none;
width: 100%;
position: relative;
text-align: left;
}
.set ul li .item {
display: flex;
display: -webkit-flex;
justify-content: space-around;
-webkit-justify-content: space-around;
align-items: center;
-webkit-align-items: center;
position: relative;
padding: 0.5rem 0;
}
.set ul li .item::after {
display: none;
}
.set ul li img {
height: 0.8rem;
width: auto;
display: inline-block;
margin: 0;
order: 2;
}
.set ul li .dian {
display: inline-block;
margin: 0;
width: 0.09rem;
height: 0.09rem;
border-radius: 100%;
-webkit-border-radius: 100%;
background: #747474;
position: relative;
z-index: 1;
order: 1;
}
.set ul li .num {
display: none;
}
.set ul li .desc {
font-size: 0.26rem;
color: #a0a0a0;
line-height: 1.5;
height: auto;
display: block;
width: 60%;
margin: 0;
padding: 0;
order: 3;
}
.set ul li .desc a {
display: inline-block;
font-size: 0.26rem;
color: #385eec;
padding: 0;
margin: 0;
}
.set ul li .code {
position: absolute;
height: 100%;
}
.set ul li .code img {
position: relative;
top: 50%;
left: 11.5%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}
.set .ps {
padding: 0.5rem 0.44rem;
}
.set .ps h2 {
font-size: 0.3rem;
color: #1b1b1b;
padding: 0 0 0.3rem;
}
.set .ps p {
padding: 0 1rem;
font-size: 0.26rem;
line-height: 1.5;
color: #1b1b1b;
padding: 0.5rem 0;
position: relative;
}
.set .ps p .dian {
display: none;
}
.set .ps p::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
bottom: auto;
top: 0;
}
.after.set ul li .desc {
height: auto;
display: inline-block;
text-align: left;
padding: 0;
}
.after.set .ps p .title {
font-size: 0.3rem;
color: #1b1b1b;
letter-spacing: 0.01rem;
}
.after.set .ps p.last {
font-size: 0.2rem;
color: #a0a0a0;
padding-left: 0;
}
.partner {
padding: 0 0.44rem 0.5rem;
}
.partner li {
padding: 0.6rem 0;
position: relative;
}
.partner li .lf {
width: 100%;
padding-left: 0;
position: relative;
float: none;
}
.partner li .lf .text {
display: inline-block;
text-align: left;
position: relative;
}
.partner li .lf::after {
display: none;
}
.partner li .lf h2 {
font-size: 0.3rem;
color: #1b1b1b;
line-height: 1.5;
}
.partner li .lf p {
font-size: 0.18rem;
color: #d4d4d4;
text-transform: uppercase;
}
.partner li .lr {
width: 100%;
float: none;
margin-top: 0.5rem;
}
.partner li .lr .img {
float: left;
width: 25%;
}
.partner li .lr .img img {
display: block;
height: 0.8rem;
width: auto;
margin: 0 auto 0.3rem;
}
.partner li .lr.four .img {
width: 33.33%;
}
.partner li .lr.five .img {
width: 25%;
}
.partner li::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #D4D4D4;
}
.intro li {
padding: 0.6rem 0;
}
.intro li .ps {
margin-top: 0.45rem;
}
.intro li .ps p {
font-size: 0.26rem;
color: #adadad;
}
.news li {
position: relative;
}
.news li:not(:last-child)::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
left: 0.4rem;
right: 0.4rem;
width: auto;
}
.news li a {
padding: 0.6rem 0;
color: #747474;
}
.news li .t1,
.news li .t2,
.news li .t3 {
float: none;
padding: 0 0.4rem;
font-size: 0.32rem;
}
.news li .t1 {
display: none;
}
.news li .t2 {
width: 100%;
}
.news li .t2 h5 {
font-size: 0.3rem;
color: #1b1b1b;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 1.6;
}
.news li .t2 p {
font-size: 0.26rem;
line-height: 1.5;
margin-top: 0.4rem;
}
.news li .t2 p.more {
display: none;
}
.news li .t3 {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
margin-top: 0.4rem;
}
.news li .t3 img {
height: 3rem;
width: auto;
}
.news li:hover {
background: #f6f6f6;
}
.news li:hover a {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
color: inherit;
}
.news li:hover a .t1,
.news li:hover a .t2 h5 {
color: inherit;
}
.news li:hover a img {
transform: scale(1);
-webkit-transform: scale(1);
}
.crumb {
display: none;
}
.news-detail {
padding: 0.48rem 0.4rem;
}
.news-detail .tc {
text-align: left;
}
.news-detail .tc .title {
font-size: 0.32rem;
}
.news-detail .tc p {
position: relative;
padding: 0.2rem 0;
}
.news-detail .tc p::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #E8E8E8;
}
.news-detail .tc span {
margin: 0;
font-size: 0.26rem;
}
.news-detail .tc span + span {
margin-left: 0.38rem;
}
.news-detail .text {
width: 100%;
}
.newsDetail_content p {
font-size: 0.28rem;
}
.problem {
width: 100%;
margin: 0 auto;
padding: 0 0.44rem;
}
.problem form {
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 0.14rem 0.44rem 0;
z-index: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.problem form.act {
z-index: 10002;
background: #fff;
}
.problem input {
width: 85%;
float: left;
height: 0.72rem;
border: 1px solid #D4D4D4;
position: relative;
padding: 0 0.9rem;
color: #747474;
font-size: 0.28rem;
background: #f8f8f8;
}
.problem .sure {
display: inline-block;
width: 15%;
float: left;
line-height: 0.72rem;
font-size: 0.32rem;
text-align: center;
color: #1b1b1b;
}
.problem .iconfont {
position: absolute;
top: 0.35rem;
left: 0.76rem;
font-size: 0.3rem;
color: #d4d4d4;
z-index: 1;
}
.problem ::-webkit-input-placeholder {
color: #D4D4D4;
}
.problem h2 {
display: none;
}
.problem h3 {
padding: 0.15rem 0 0.2rem;
position: relative;
font-size: 0.28rem;
color: #a0a0a0;
letter-spacing: 0.01rem;
}
.problem h3::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.problem ul li {
margin: 1rem 0;
}
.problem ul li .q,
.problem ul li .a {
padding: 0 0.5rem;
position: relative;
}
.problem ul li .q::before,
.problem ul li .a::before {
position: absolute;
content: '\95EE\FF1A';
font-size: 0.28rem;
color: #2b2b2b;
top: 0;
left: 0;
}
.problem ul li .q {
font-size: 0.28rem;
color: #2b2b2b;
}
.problem ul li .a {
margin-top: 0.3rem;
}
.problem ul li .a::before {
content: '\7B54\FF1A';
top: 0.04rem;
}
.problem ul li .a p {
font-size: 0.26rem;
color: #2b2b2b;
}
.m-zima.m-index-bannel .swiper-slide {
background-position: center 1.8rem;
height: 12.8rem;
}
.m-zima.m-index-bannel .swiper-slide img {
display: block;
margin: 0 auto;
}
.m-zima.m-index-bannel .swiper-slide .img1 {
height: auto;
margin-top: 3.8rem;
}
.m-zima.m-index-bannel .swiper-slide.slide1 {
background-image: url(/src/img/zima/1fcce4e7.m-ban1.png);
}
.m-zima.m-index-bannel .swiper-slide.slide1 .img1 {
width: 50%;
}
.m-zima.m-index-bannel .swiper-slide.slide2 {
background-image: url(/src/img/zima/9c7a9a84.m-ban2.png);
}
.m-zima.m-index-bannel .swiper-slide.slide2 .img1 {
width: 58%;
}
.m-zima.m-index-bannel .swiper-slide.slide3 {
background-image: url(/src/img/zima/050182da.m-ban3.png);
}
.m-zima.m-index-bannel .swiper-slide.slide3 .img1 {
width: 60%;
}
.product {
padding-top: 0;
}
.product .type {
text-align: left;
}
.product .type .spans {
display: block;
margin: 0;
overflow: hidden;
position: relative;
}
.product .type .spans::before {
position: absolute;
content: '';
height: 100%;
width: 1px;
background: #d4d4d4;
top: 0;
left: 50%;
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
}
.product .type .spans span {
float: left;
width: 50%;
padding: 0 0.44rem;
height: 1rem;
line-height: 1rem;
margin: 0;
font-size: 0.26rem;
position: relative;
letter-spacing: 0.01rem;
}
.product .type .spans span.act {
color: #1B1B1B;
}
.product .type .spans span::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.product .type .spans span::after {
position: absolute;
display: inline-block;
content: '\E667';
font-family: 'iconfont' !important;
font-size: 0.12rem;
line-height: 1rem;
top: 0;
right: 0.82rem;
}
.product ul {
padding: 0 0.44rem 0.5rem;
}
.product ul li {
float: none;
width: 100%;
padding: 0.7rem 0;
}
.product ul li a {
display: block;
padding: 0;
width: 50%;
margin: 0 auto;
}
.product ul li a:hover .img img {
transform: scale(1.25);
-webkit-transform: scale(1.25);
}
.product ul li a:hover .text .iconfont {
opacity: 1;
-webkit-opacity: 1;
}
.product ul li .img {
position: relative;
}
.product ul li .img img {
display: block;
height: 2.5rem;
}
.product ul li .img .bg {
height: 0.74rem;
}
.product ul li .text {
margin-top: 0.4rem;
}
.product ul li .text h2 {
font-size: 0.28rem;
}
.product ul li .text p {
margin-top: 0.2rem;
padding: 0;
line-height: 1.5;
font-size: 0.24rem;
height: 0.72rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product ul li .text .iconfont {
display: none;
}
.pro-detail {
font-size: 0.28rem;
color: #999999;
padding: 0.6rem 0;
}
.pro-detail .pc-bannel {
display: none;
}
.pro-detail .lf,
.pro-detail .lr {
width: 100%;
float: none;
}
.pro-detail .lr {
padding: 0 0.4rem;
}
.pro-detail .lr h2 {
font-size: 0.32rem;
padding-top: 0.5rem;
}
.pro-detail .lr p {
font-size: 0.24rem;
color: #a0a0a0;
line-height: 1.5;
}
.pro-detail .m-bannel {
display: block;
padding-bottom: 0.6rem;
position: relative;
}
.pro-detail .m-bannel::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.pro-detail .m-bannel img {
height: 4.6rem;
width: auto;
}
.pro-detail .param {
display: none;
}
.pro-detail .colors {
padding: 0.5rem 0;
}
.pro-detail .colors .lf {
width: 100%;
float: none;
line-height: 1;
}
.pro-detail .colors .lr {
width: 100%;
float: none;
padding: 0;
}
.pro-detail .colors .lr li {
padding: 0.3rem 0 0;
}
.pro-detail .colors .lr li button {
height: 0.72rem;
width: 3rem;
font-size: 0.24rem;
}
.pro-detail .desc {
padding-top: 0.5rem;
}
.pro-detail .desc h3 {
padding: 0 0.4rem 0.2rem;
position: relative;
}
.pro-detail .desc h3::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
width: auto;
left: 0.4rem;
right: 0.4rem;
}
.pro-detail .desc .ps {
padding: 0.6rem 0 0;
}
.cloud {
display: none;
}
.m-cloud {
display: block;
}
.download h2 {
display: none;
}
.download ul {
padding: 0 0.44rem;
}
.download ul li {
width: 100%;
float: none;
text-align: center;
margin: 0;
padding: 0.7rem 0;
position: relative;
}
.download ul li::after {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
background: #d4d4d4;
}
.download ul li .text {
display: inline-block;
width: auto;
height: auto;
border-width: 0;
text-align: center;
position: relative;
}
.download ul li .text img {
display: block;
margin: 0 auto;
height: 1.2rem;
width: auto;
}
.download ul li .text h5 {
font-size: 0.28rem;
}
.download ul li .text p {
font-size: 0.22rem;
margin-top: 0.1rem;
}
.download ul li .text .t2 {
display: none;
}
.download ul li .text .btn {
display: block;
margin-top: 0.5rem;
text-align: center;
}
.download ul li .text .btn button {
font-size: 0.26rem;
color: #1b1b1b;
display: inline-block;
width: 2rem;
height: 0.64rem;
background: #ffffff;
border-radius: 0.04rem;
-webkit-border-radius: 0.04rem;
border: 1px solid #D4D4D4;
}
.download ul li.last::after {
display: none;
}
.download ul li.last .text h5 {
line-height: 3.2rem;
}
.download.us ul {
overflow: hidden;
}
.download.us ul li .text {
width: 100%;
height: 3.1rem;
}
.download.us ul li .text .t1 {
display: none;
}
.download.us ul li .text .t2 {
opacity: 1;
-webkit-opacity: 1;
display: block;
}
.download.us ul li .text .t2 img {
height: 2.5rem;
max-width: 2.5rem;
margin: 0 auto 0.4rem;
}
.download.us ul li:last-child::after {
display: none;
}
.download.us .company-addr {
text-align: center;
}
.download.us .company-addr p {
font-size: 0.26rem;
color: #adadad;
}
.download.us .company-addr p a {
color: #607AD2;
}
.apk {
height: 100vh;
}
.apk .one {
padding-top: 2rem;
}
.apk .one img {
height: 1.3rem;
}
.apk .one p {
font-size: 0.32rem;
margin-top: 0.1rem;
}
.apk .two {
margin-top: -2rem;
}
.apk .two a {
display: block;
text-align: center;
width: 5rem;
height: 0.9rem;
line-height: 0.9rem;
font-size: 0.28rem;
position: relative;
border: 1px solid #383838;
border-radius: 0.1rem;
background-color: #e5e5e5;
margin: 0.4rem 0;
cursor: pointer;
}
.apk .two a i {
font-size: 0.3rem;
margin-right: 0.02rem;
}
.apk .two a.btn-bk {
color: #fff;
background-color: #383838;
}
.agent-wrapper {
padding-bottom: 100px;
}
.agent-wrapper .agent-banner .agent-pc-banner {
display: none;
}
.agent-wrapper .agent-banner .agent-m-banner {
display: block !important;
}
.agent-wrapper .agent-banner .link_anchor {
display: none;
}
.agent-wrapper .pc_wrapper {
display: none;
}
.agent-wrapper .m_wrapper {
display: block !important;
}
.agent-wrapper .m_wrapper .agent1 .main_title h2 {
font-size: 0.34rem;
}
.agent-wrapper .m_wrapper .agent1 .main_title .line {
height: 2px;
margin: 0.2rem auto 0 auto;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro {
width: 90%;
margin: 0 auto;
margin-top: 1rem;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro h4 {
font-size: 0.28rem;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro p {
font-size: 0.24rem;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro .agent_intro_icon {
margin-top: 0.3rem;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro .agent_intro_icon > div {
vertical-align: bottom;
width: 30%;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro .agent_intro_icon > div img {
width: 75%;
}
.agent-wrapper .m_wrapper .agent1 .main_title .agent_intro .agent_intro_icon > div:nth-of-type(2) {
margin: 0 0.2rem;
}
.agent-wrapper .m_wrapper .agent1 .sub_title {
padding-top: 1rem;
width: 95%;
margin: 0 auto;
}
.agent-wrapper .m_wrapper .agent1 .sub_title h4 {
font-size: 0.28rem;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon {
padding: 0;
margin-top: 0.3rem;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon > div {
width: 19%;
float: none;
display: inline-block;
vertical-align: bottom;
text-align: center;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon > div img {
width: 55%;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon > div p {
font-size: 0.22rem;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon > div:nth-of-type(2) img {
width: 42%;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .desc {
color: #999999;
width: 85%;
font-size: 0.24rem;
line-height: 1.8;
margin-left: auto;
margin-right: auto;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon_other > div {
width: 24%;
}
.agent-wrapper .m_wrapper .agent1 .sub_title .icon_other > div img {
width: 75% !important;
}
.agent-wrapper .m_wrapper .agent2 {
width: 95%;
margin: 0 auto;
}
.agent-wrapper .m_wrapper .agent2 .main_title h2 {
font-size: 0.34rem;
}
.agent-wrapper .m_wrapper .agent2 .main_title .line {
height: 2px;
margin: 0.2rem auto 0 auto;
}
.agent-wrapper .m_wrapper .agent2 .main_title .agent2_icon > div {
width: 49%;
display: inline-block;
vertical-align: top;
margin-top: 0.5rem;
}
.agent-wrapper .m_wrapper .agent2 .main_title .agent2_icon > div img {
width: 30%;
}
.agent-wrapper .m_wrapper .agent2 .main_title .agent2_icon > div p:first-of-type {
color: #808080;
margin: 0.2rem 0 0.1rem 0;
font-size: 0.24rem;
}
.agent-wrapper .m_wrapper .agent2 .main_title .agent2_icon > div p:last-of-type {
color: #999999;
font-size: 0.22rem;
}
.agent-wrapper .m_wrapper .agent3 .main_title h2 {
font-size: 0.34rem;
}
.agent-wrapper .m_wrapper .agent3 .main_title .line {
height: 2px;
margin: 0.2rem auto 0 auto;
}
.agent-wrapper .m_wrapper .agent3 .sub_title {
width: 90%;
margin: 0 auto;
padding-top: 0.5rem;
}
.agent-wrapper .m_wrapper .agent3 .sub_title h4 {
margin-bottom: 0.3rem;
font-size: 0.28rem;
}
.agent-wrapper .m_wrapper .agent3 .sub_title .agent3_icon > div {
width: 49%;
float: none;
display: inline-block;
vertical-align: top;
text-align: left;
padding-left: 0.3rem;
margin-bottom: 0.45rem;
}
.agent-wrapper .m_wrapper .agent3 .sub_title .agent3_icon > div p {
display: inline-block;
vertical-align: middle;
}
.agent-wrapper .m_wrapper .agent3 .sub_title .agent3_icon > div p:first-of-type {
width: 0.48rem;
height: 0.48rem;
line-height: 0.48rem;
border-radius: 100%;
background: #DBCDB1;
color: #fff;
text-align: center;
margin-right: 0.2rem;
font-size: 0.24rem;
}
.agent-wrapper .m_wrapper .agent3 .sub_title .agent3_icon > div p:last-of-type {
color: #999999;
line-height: 1.6;
font-size: 0.22rem;
}
.agent-wrapper .m_wrapper .agent4 .main_title h2 {
font-size: 0.34rem;
}
.agent-wrapper .m_wrapper .agent4 .main_title .line {
height: 2px;
margin: 0.2rem auto 0 auto;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li {
display: inline-block;
vertical-align: middle;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li:nth-of-type(odd) .item {
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #CCCCCC;
margin: 0 auto;
padding-top: 0.1rem;
position: relative;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li:nth-of-type(odd) .item img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 50%;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li:nth-of-type(odd) .desc {
font-size: 0.22rem;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li:nth-of-type(even) {
color: #CCCCCC;
margin-top: -0.5rem;
margin-left: 0.1rem;
margin-right: 0.1rem;
}
.agent-wrapper .m_wrapper .agent4 .sub_title ul li:first-of-type .item {
background: #DBCDB1;
}
.agent-wrapper .agent_map_wapper .agent_map {
display: none;
}
.agent-wrapper .agent_map_wapper .agent_m_map {
display: block !important;
}
.agent-wrapper .agent_map_wapper .agent_city {
padding-left: 0.5rem;
}
.agent-wrapper .agent_map_wapper .agent_city p {
font-size: 0.28rem;
margin-bottom: 10px;
margin-left: 0;
}
.agent-wrapper .agent_map_wapper .agent_city #jobProvince {
margin-right: 0.3rem;
margin-left: 0;
}
.agent-wrapper .agent_map_wapper .agent_city select {
width: 45%;
height: 35px;
font-size: 0.24rem;
}
.agent-wrapper .agent_map_wapper .agent_city button {
margin: 0.5rem 0 0 0;
width: 95.5%;
height: 35px;
border-radius: 0.04rem;
font-size: 0.24rem;
line-height: 35px;
}
.pictures-wrapper .main h2 {
background: #fff;
padding-left: 0.3rem;
font-size: 0.28rem;
}
.pictures-wrapper .img-lists h3 span {
font-size: 0.24rem;
}
.pictures-wrapper .img-lists h3 a {
display: none !important;
}
.pictures-wrapper .img-lists ul li {
width: calc(49% - 4px) !important;
height: 2.32rem !important;
margin: 0 0.2rem 0.2rem 0 !important;
}
.pictures-wrapper .img-lists ul li a {
pointer-events: none !important;
}
.pictures-wrapper .img-lists ul .second {
margin-right: 0!important;
}
.pictures-wrapper .sy {
width: 210px;
}
.closestool_wrapper {
display: none;
}
.mobile_wrapper .mobile_floor {
position: relative;
margin-top: -0.1rem;
text-align: center;
}
.mobile_wrapper .mobile_floor h1,
.mobile_wrapper .mobile_floor h2 {
font-size: 0.5rem;
left: 0.3rem;
right: 0.3rem;
margin: auto;
}
.mobile_wrapper .mobile_floor h3 {
font-size: 0.24rem;
left: 0.3rem;
right: 0.3rem;
margin: auto;
}
.mobile_wrapper .mobile_floor_1,
.mobile_wrapper .mobile_floor_17 {
text-align: center;
}
.mobile_wrapper .mobile_floor_1 h1,
.mobile_wrapper .mobile_floor_17 h1 {
position: absolute;
top: 1rem;
left: 0;
right: 0;
margin: auto;
color: #4D4D4D;
}
.mobile_wrapper .mobile_floor_1 h3,
.mobile_wrapper .mobile_floor_17 h3 {
position: absolute;
top: 1.8rem;
left: 0;
right: 0;
margin: auto;
color: #999999;
}
.mobile_wrapper .mobile_floor_1 h1 {
top: 0.7rem;
display: block;
color: #fff;
background: #82868D;
width: 2.8rem;
height: 0.55rem;
font-size: 0.28rem;
line-height: 0.55rem;
border-radius: 0.4rem;
}
.mobile_wrapper .mobile_floor_1 h3 {
color: #94979E;
top: 1.55rem;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_2 h1,
.mobile_wrapper .mobile_floor_9 h1 {
position: absolute;
line-height: 1.4;
top: 0.6rem;
color: #000000;
}
.mobile_wrapper .mobile_floor_2 h3,
.mobile_wrapper .mobile_floor_9 h3 {
position: absolute;
top: 2.3rem;
color: #9C9C9C;
}
.mobile_wrapper .mobile_floor_2 > div,
.mobile_wrapper .mobile_floor_9 > div {
position: absolute;
left: 0.3rem;
right: 0.3rem;
margin: auto;
top: 3.3rem;
}
.mobile_wrapper .mobile_floor_2 > div img,
.mobile_wrapper .mobile_floor_9 > div img {
width: 1rem;
height: 1rem;
}
.mobile_wrapper .mobile_floor_2 > div > div,
.mobile_wrapper .mobile_floor_9 > div > div {
display: inline-block;
vertical-align: top;
text-align: center;
}
.mobile_wrapper .mobile_floor_2 > div > div p,
.mobile_wrapper .mobile_floor_9 > div > div p {
color: #969696;
margin-top: 0.2rem;
font-size: 0.24rem;
}
.mobile_wrapper .mobile_floor_2 > div .left,
.mobile_wrapper .mobile_floor_9 > div .left {
margin-right: 0.8rem;
}
.mobile_wrapper .mobile_floor_3 h1 {
position: absolute;
line-height: 1.5;
top: 0.6rem;
color: #000000;
right: 0.5rem;
}
.mobile_wrapper .mobile_floor_3 h2 {
position: absolute;
line-height: 1.5;
top: 1.4rem;
color: #000000;
right: 0.5rem;
}
.mobile_wrapper .mobile_floor_3 h3 {
position: absolute;
top: 2.4rem;
color: #9C9C9C;
right: 0.5rem;
}
.mobile_wrapper .mobile_floor_3 > div {
position: absolute;
right: 0;
top: 3.1rem;
text-align: center;
left: 0;
}
.mobile_wrapper .mobile_floor_3 > div img {
width: 1rem;
height: 1rem;
}
.mobile_wrapper .mobile_floor_3 > div p {
color: #969696;
margin-top: 0.2rem;
font-size: 0.24rem;
}
.mobile_wrapper .mobile_floor_4,
.mobile_wrapper .mobile_floor_5 {
background: #000;
padding-top: 1rem;
}
.mobile_wrapper .mobile_floor_4 h1,
.mobile_wrapper .mobile_floor_5 h1 {
line-height: 1.4;
color: #FFFFFF;
margin: 0 0.3rem;
}
.mobile_wrapper .mobile_floor_4 h3,
.mobile_wrapper .mobile_floor_5 h3 {
margin: 0.2rem 0.3rem;
line-height: 1.8;
color: #9c9c9c;
}
.mobile_wrapper .mobile_floor_4 > div,
.mobile_wrapper .mobile_floor_5 > div {
margin: 0.5rem 0;
text-align: center;
}
.mobile_wrapper .mobile_floor_4 > div img,
.mobile_wrapper .mobile_floor_5 > div img {
width: 1rem;
height: 1rem;
}
.mobile_wrapper .mobile_floor_4 > div p,
.mobile_wrapper .mobile_floor_5 > div p {
color: #969696;
margin-top: 0.2rem;
font-size: 0.24rem;
}
.mobile_wrapper .mobile_floor_4 img {
margin-top: 0.5rem;
}
.mobile_wrapper .mobile_floor_6 h1 {
position: absolute;
line-height: 1.4;
top: 0.6rem;
color: #000000;
left: 0.5rem;
}
.mobile_wrapper .mobile_floor_6 h3 {
position: absolute;
top: 2.4rem;
color: #9C9C9C;
left: 0.5rem;
}
.mobile_wrapper .mobile_floor_7,
.mobile_wrapper .mobile_floor_11,
.mobile_wrapper .mobile_floor_12 {
padding-top: 1rem;
background: #DAECF8;
}
.mobile_wrapper .mobile_floor_7 h1,
.mobile_wrapper .mobile_floor_11 h1,
.mobile_wrapper .mobile_floor_12 h1 {
margin: 0 0.3rem;
line-height: 1.4;
color: #63B0E4;
}
.mobile_wrapper .mobile_floor_7 h3,
.mobile_wrapper .mobile_floor_11 h3,
.mobile_wrapper .mobile_floor_12 h3 {
margin: 0.2rem 0.3rem;
line-height: 1.8;
color: #63B0E4;
}
.mobile_wrapper .mobile_floor_7 img,
.mobile_wrapper .mobile_floor_11 img,
.mobile_wrapper .mobile_floor_12 img {
width: 80%;
display: block;
margin: 0 auto;
}
.mobile_wrapper .mobile_floor_7 {
background: #fff;
}
.mobile_wrapper .mobile_floor_7 h1 {
color: #333333;
}
.mobile_wrapper .mobile_floor_7 h3 {
color: #808080;
}
.mobile_wrapper .mobile_floor_7 img {
width: 90%;
margin-top: 1rem;
margin-bottom: 2rem;
}
.mobile_wrapper .mobile_floor_8 h1 {
position: absolute;
top: 1rem;
left: 0;
right: 0;
margin: auto;
color: #fff;
}
.mobile_wrapper .mobile_floor_8 h3 {
position: absolute;
top: 1.8rem;
left: 0;
right: 0;
margin: auto;
color: #fff;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_8 .floor16_step {
position: absolute;
width: 6rem;
left: 0;
top: 3.3rem;
right: 0;
margin: auto;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number span:nth-of-type(odd) {
display: inline-block;
vertical-align: middle;
width: 0.8rem;
height: 0.8rem;
line-height: 0.8rem;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 0.28rem;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number span:nth-of-type(even) {
display: inline-block;
vertical-align: middle;
width: 0.6rem;
height: 2px;
background: #fff;
border-radius: 1px;
margin: 0 0.3rem;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number_desc {
width: 100%;
text-align: left;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number_desc span {
display: inline-block;
margin-top: 0.25rem;
color: #fff;
font-size: 0.24rem;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number_desc span:first-of-type {
margin-left: 3px;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number_desc span:nth-of-type(2) {
margin-left: 18px;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .number_desc span:last-of-type {
margin-left: 25px;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .playVideo {
margin-top: 1.5rem;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .playVideo img {
width: 18%;
}
.mobile_wrapper .mobile_floor_8 .floor16_step .playVideo p {
position: static;
margin-top: 0.2rem;
font-size: 0.24rem;
color: #fff;
}
.mobile_wrapper .floor14_video {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
z-index: 9999;
background: #000000;
}
.mobile_wrapper .floor14_video .video_close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 0.6rem;
border-radius: 50%;
}
.mobile_wrapper .mobile_floor_9 h3 {
top: 1.6rem;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_9 > div {
top: 9.5rem;
}
.mobile_wrapper .mobile_floor_9 > div > div {
text-align: left;
display: block;
margin-bottom: 0.3rem;
}
.mobile_wrapper .mobile_floor_9 > div > div img {
display: inline-block;
vertical-align: top;
}
.mobile_wrapper .mobile_floor_9 > div > div div {
display: inline-block;
vertical-align: top;
width: 80%;
margin-left: 3%;
}
.mobile_wrapper .mobile_floor_9 > div > div div p:first-of-type {
margin-top: 0;
font-size: 0.28rem;
}
.mobile_wrapper .mobile_floor_9 > div > div div p:last-of-type {
margin-top: 0.1rem;
font-size: 0.22rem;
}
.mobile_wrapper .mobile_floor_10 h1 {
position: absolute;
line-height: 1.4;
top: 0.6rem;
color: #fff;
left: 0.5rem;
}
.mobile_wrapper .mobile_floor_10 h3 {
position: absolute;
top: 2.4rem;
color: #fff;
left: 0.5rem;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_10 > div {
position: absolute;
left: 0;
right: 0;
bottom: 0.5rem;
margin: auto;
border: 1px solid #fff;
text-align: center;
color: #fff;
font-size: 0.24rem;
border-radius: 0.08rem;
width: 2.3rem;
padding: 0.3rem;
}
.mobile_wrapper .mobile_floor_10 > div > span {
font-size: 0.32rem;
}
.mobile_wrapper .mobile_floor_10 > div > span p {
margin-top: 0.05rem;
}
.mobile_wrapper .mobile_floor_11,
.mobile_wrapper .mobile_floor_12 {
background: #fff;
}
.mobile_wrapper .mobile_floor_11 h1,
.mobile_wrapper .mobile_floor_12 h1 {
color: #333333;
}
.mobile_wrapper .mobile_floor_11 h3,
.mobile_wrapper .mobile_floor_12 h3 {
color: #808080;
}
.mobile_wrapper .mobile_floor_11 img,
.mobile_wrapper .mobile_floor_12 img {
width: 100%;
}
.mobile_wrapper .mobile_floor_11 img {
margin: 1.5rem 0;
}
.mobile_wrapper .mobile_floor_10 h3 {
color: #C1DAFF;
}
.mobile_wrapper .mobile_floor_13 h1 {
position: absolute;
bottom: 3.1rem;
color: #fff;
left: 0.5rem;
line-height: 1.4;
}
.mobile_wrapper .mobile_floor_13 h3 {
position: absolute;
color: #fff;
bottom: 2rem;
left: 0.5rem;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_14 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
margin-top: -0.1rem;
}
.mobile_wrapper .mobile_floor_14 a {
color: #fff;
font-size: 0.32rem;
}
.mobile_wrapper .mobile_floor_15 {
background: #3D3D3D;
padding-top: 1.5rem;
}
.mobile_wrapper .mobile_floor_15 .icon1,
.mobile_wrapper .mobile_floor_15 .icon2,
.mobile_wrapper .mobile_floor_15 .icon3 {
width: 100%;
padding: 0 0.3rem;
}
.mobile_wrapper .mobile_floor_15 .icon1 img,
.mobile_wrapper .mobile_floor_15 .icon2 img,
.mobile_wrapper .mobile_floor_15 .icon3 img {
float: left;
width: 20%;
}
.mobile_wrapper .mobile_floor_15 .icon1 > div,
.mobile_wrapper .mobile_floor_15 .icon2 > div,
.mobile_wrapper .mobile_floor_15 .icon3 > div {
float: right;
text-align: left;
width: 75%;
}
.mobile_wrapper .mobile_floor_15 .icon1 > div p,
.mobile_wrapper .mobile_floor_15 .icon2 > div p,
.mobile_wrapper .mobile_floor_15 .icon3 > div p {
color: #fff;
font-size: 0.24rem;
margin-top: 0.1rem;
}
.mobile_wrapper .mobile_floor_15 .icon1 > div p:first-of-type,
.mobile_wrapper .mobile_floor_15 .icon2 > div p:first-of-type,
.mobile_wrapper .mobile_floor_15 .icon3 > div p:first-of-type {
color: #265DE8;
font-size: 0.48rem;
}
.mobile_wrapper .mobile_floor_15 .icon2 {
margin-top: 1.5rem;
}
.mobile_wrapper .mobile_floor_15 .icon3 {
margin-top: 1.5rem;
}
.mobile_wrapper .mobile_floor_15 .blue_bg {
background: #265DE8;
padding: 1rem 0;
margin-top: 1.5rem;
position: relative;
}
.mobile_wrapper .mobile_floor_15 .blue_bg h1 {
color: #fff;
}
.mobile_wrapper .mobile_floor_15 .blue_bg p {
color: #D7D8DB;
font-size: 0.28rem;
margin-top: 0.2rem;
}
.mobile_wrapper .mobile_floor_15 .blue_bg .triangle {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-bottom: 0.2rem solid #fff;
border-left: 0.2rem solid transparent;
border-right: 0.2rem solid transparent;
}
.mobile_wrapper .mobile_floor_16 h1 {
margin: 1rem 0.3rem 0 0.3rem;
color: #333333;
}
.mobile_wrapper .mobile_floor_16 h3 {
margin: 0.3rem 0.3rem 0 0.3rem;
color: #808080;
line-height: 1.8;
}
.mobile_wrapper .mobile_floor_16 img {
width: 90%;
margin: 1.5rem auto 1rem auto;
}
.mobile_wrapper .mobile_floor_17 h1 {
line-height: 1.4;
}
.mobile_wrapper .mobile_floor_17 h3 {
line-height: 1.8;
}
.parameter_wrapper .closestool_title {
display: none;
}
.parameter_wrapper .parameter_container {
border-top: none;
padding: 0 0.5rem;
}
.parameter_wrapper .parameter_container .main h1 {
color: #535353;
font-size: 0.48rem;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr .big_font {
display: none;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr td {
font-size: 0.26rem;
}
.parameter_wrapper .parameter_container .parameter > table > tbody tr:first-child td:nth-child(2) {
width: 12%;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 {
font-size: 0.32rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 span {
width: 0.5rem;
height: 0.5rem;
line-height: 0.5rem;
font-size: 0.28rem;
vertical-align: top;
}
.parameter_wrapper .parameter_container .img_display_wrapper h1 p {
display: inline-block;
width: 87%;
vertical-align: top;
margin-top: -0.08rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display {
width: 100%;
margin-top: 1rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img {
width: 49%;
height: 3.3rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img img:first-child {
width: 60%;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img p {
font-size: 0.24rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .img .last {
right: 0.4rem;
width: 15%;
}
.parameter_wrapper .parameter_container .img_display_wrapper .img_display .contact {
font-size: 0.28rem;
color: #535353;
margin-top: 0.1rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div {
width: 100%;
text-align: center;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div:first-child {
margin-bottom: 1rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div h1 {
font-size: 0.48rem;
}
.parameter_wrapper .parameter_container .img_display_wrapper .confirm_to_install > div p {
font-size: 0.32rem;
}
.water_wrapper {
display: none;
}
.mobile_water_wrapper {
width: 100%;
}
.mobile_water_wrapper .water_mobile {
position: relative;
text-align: center;
}
.mobile_water_wrapper .water_mobile h1 {
font-size: 0.5rem;
top: 1rem;
left: 0;
right: 0;
margin: auto;
}
.mobile_water_wrapper .water_mobile h3 {
font-size: 0.24rem;
top: 1.8rem;
left: 0;
right: 0;
margin: auto;
width: 100%;
line-height: 1.8;
}
.mobile_water_wrapper .water_mobile_floor1 span {
position: absolute;
top: 1rem;
left: 0;
right: 0;
margin: auto;
display: block;
color: #fff;
background: #0696FD;
width: 3rem;
height: 0.55rem;
font-size: 0.28rem;
line-height: 0.55rem;
border-radius: 0.4rem;
}
.mobile_water_wrapper .water_mobile_floor1 h1 {
top: 1.8rem;
position: absolute;
color: #0696FD;
}
.mobile_water_wrapper .water_mobile_floor1 h3 {
top: 2.5rem;
position: absolute;
color: #616161;
}
.mobile_water_wrapper .water_mobile_floor2 {
background: #028FFF;
padding-top: 1rem;
margin-top: -0.05rem;
height: 14.16rem;
}
.mobile_water_wrapper .water_mobile_floor2 .main {
height: 100%;
}
.mobile_water_wrapper .water_mobile_floor2 h1 {
color: #00E6FF;
}
.mobile_water_wrapper .water_mobile_floor2 h3 {
color: #fff;
margin-top: 0.2rem;
}
.mobile_water_wrapper .water_mobile_floor2 img {
width: 4rem;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
}
.mobile_water_wrapper .water_mobile_floor2 .water_floor2_icon {
width: 80%;
margin: 0.5rem auto 0.5rem auto;
}
.mobile_water_wrapper .water_mobile_floor2 .water_floor2_icon > div {
width: 25%;
display: inline-block;
text-align: center;
}
.mobile_water_wrapper .water_mobile_floor2 .water_floor2_icon > div img {
width: 1rem;
height: 1rem;
position: static;
margin: 0 0 0.1rem 0;
}
.mobile_water_wrapper .water_mobile_floor2 .water_floor2_icon > div p {
color: #fff;
font-size: 0.22rem;
}
.mobile_water_wrapper .water_mobile_floor3 {
padding-top: 1rem;
}
.mobile_water_wrapper .water_mobile_floor3 h1 {
color: #011C33;
}
.mobile_water_wrapper .water_mobile_floor3 h3 {
color: #9C9C9C;
margin-top: 0.2rem;
}
.mobile_water_wrapper .water_mobile_floor3 > div {
margin: 0.5rem 0 2rem 0;
}
.mobile_water_wrapper .water_mobile_floor3 > div > div {
display: inline-block;
vertical-align: bottom;
}
.mobile_water_wrapper .water_mobile_floor3 > div > div P {
color: #008FFF;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor3 > div > div P span {
font-size: 0.62rem;
margin-right: 0.08rem;
}
.mobile_water_wrapper .water_mobile_floor3 > div .water_floor3_middle {
width: 1px;
height: 0.8rem;
background: #028FFF;
margin: 0 0.5rem;
}
.mobile_water_wrapper .water_mobile_floor4 {
margin-top: -0.05rem;
}
.mobile_water_wrapper .water_mobile_floor4 h1 {
position: absolute;
color: #00E6FF;
}
.mobile_water_wrapper .water_mobile_floor4 h3 {
position: absolute;
color: #FFFFFF;
}
.mobile_water_wrapper .water_mobile_floor5 {
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor5 h1 {
color: #333333;
}
.mobile_water_wrapper .water_mobile_floor5 h3 {
color: #8C8C8C;
margin-top: 0.2rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main img {
width: 20%;
display: inline-block;
vertical-align: top;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_left {
margin-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_left img:first-of-type {
margin-right: 0.3rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_left .floor_rate_left {
margin: 0.5rem 0 0.8rem 0;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_left .floor_rate_left p {
color: #008FFF;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_left .floor_rate_left p:nth-of-type(2) {
font-size: 0.52rem;
margin: 0.1rem 0 -0.05rem 0;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_right img {
margin-left: 0.3rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_right .floor_rate_right {
margin: 0.5rem 0 1rem 0;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_right .floor_rate_right P {
color: #808080;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_right .floor_rate_right P:first-of-type {
color: #008FFF;
}
.mobile_water_wrapper .water_mobile_floor5 .main .water_floor5_right .floor_rate_right P:nth-of-type(2) {
font-size: 0.52rem;
margin: 0.1rem 0 -0.05rem 0;
}
.mobile_water_wrapper .water_mobile_floor15 {
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor15 h1 {
color: #011C33;
line-height: 1.4;
}
.mobile_water_wrapper .water_mobile_floor15 h3 {
color: #9C9C9C;
margin-top: 0.2rem;
}
.mobile_water_wrapper .water_mobile_floor15 .main {
text-align: left;
}
.mobile_water_wrapper .water_mobile_floor15 .main > div {
float: left;
width: 50%;
text-align: center;
margin-bottom: 1rem;
}
.mobile_water_wrapper .water_mobile_floor15 .main > div img {
width: 65%;
}
.mobile_water_wrapper .water_mobile_floor15 .main > div p:first-of-type {
color: #221815;
font-size: 0.28rem;
margin: 0.2rem 0 0.08rem 0;
}
.mobile_water_wrapper .water_mobile_floor15 .main > div p:first-of-type span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 0.05rem;
border-radius: 50%;
}
.mobile_water_wrapper .water_mobile_floor15 .main > div p:last-of-type {
color: #A2A2A2;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor15 .main .water_floor15_left p span {
background: #027CFF;
}
.mobile_water_wrapper .water_mobile_floor15 .main .water_floor15_right p span {
background: #FF8E29;
}
.mobile_water_wrapper .water_mobile_floor15 .main .water_floor15_middle {
width: 45%;
margin: 0.8rem 0 0.3rem 1.4rem;
}
.mobile_water_wrapper .water_mobile_floor6 h1 {
position: absolute;
color: #fff;
line-height: 1.4;
}
.mobile_water_wrapper .water_mobile_floor6 h3 {
position: absolute;
color: #9C9C9C;
top: 2.7rem;
}
.mobile_water_wrapper .water_mobile_floor7 {
background: #F7F7F7;
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor7 h1 {
line-height: 1.4;
font-size: 0.5rem;
}
.mobile_water_wrapper .water_mobile_floor7 .water_floor7_icon {
margin: 0.5rem 0 1rem 0;
}
.mobile_water_wrapper .water_mobile_floor7 .water_floor7_icon > div {
display: inline-block;
vertical-align: top;
text-align: center;
}
.mobile_water_wrapper .water_mobile_floor7 .water_floor7_icon > div img {
width: 1rem;
height: 1rem;
margin-bottom: 0.1rem;
}
.mobile_water_wrapper .water_mobile_floor7 .water_floor7_icon > div p {
color: #9C9C9C;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor7 .water_floor7_icon > div:nth-of-type(2) {
margin: 0 0.7rem;
}
.mobile_water_wrapper .water_mobile_floor7 img {
width: 95%;
}
.mobile_water_wrapper .water_mobile_floor8 {
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor8 h1 {
line-height: 1.4;
font-size: 0.5rem;
}
.mobile_water_wrapper .water_mobile_floor8 h3 {
line-height: 1.8;
margin: 0.2rem 0 0.5rem 0;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor8 img {
width: 70%;
display: block;
margin: 0 auto;
}
.mobile_water_wrapper .water_mobile_floor9 {
background: #2D2D33;
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor9 h1 {
color: #fff;
line-height: 1.4;
}
.mobile_water_wrapper .water_mobile_floor9 img {
display: block;
width: 100%;
margin: 2rem auto 0 auto;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide {
height: 11rem;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
position: relative;
text-align: center;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide h1 {
color: #fff;
margin-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide h3 {
color: #9C9C9C;
margin-top: 0.2rem;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div {
text-align: center;
position: absolute;
bottom: 1rem;
left: 0;
right: 0;
margin: auto;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div p:first-of-type {
color: #ABABAB;
font-size: 0.52rem;
line-height: 1.2;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div p:nth-of-type(2) {
color: #ABABAB;
font-size: 0.24rem;
margin-bottom: 0.1rem;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div p:last-of-type {
color: #9C9C9C;
font-size: 0.22rem;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div:first-of-type p {
color: #008FFF;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .swiper-slide > div:first-of-type p:last-of-type {
color: #9C9C9C;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide1 {
background-image: url(/src/img/water_purifier/mobile/010/a33d609f.1.png);
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide1 h1 {
color: #011C33;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide2 {
background-image: url(/src/img/water_purifier/mobile/010/d6b25764.2.png);
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide3 {
background-image: url(/src/img/water_purifier/mobile/010/ccd72733.3.png);
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide4 {
background-image: url(/src/img/water_purifier/mobile/010/a72af0c1.4.png);
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide4 h3 {
color: #bad1f0;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide4 > div p:first-of-type {
color: #fff;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide4 > div p:nth-of-type(2) {
color: #fff;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide4 > div p:last-of-type {
color: #bad1f0 !important;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide5 {
background-image: url(/src/img/water_purifier/mobile/010/3e3a2440.5.png);
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide5 > div p:first-of-type {
color: #c567f6;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-wrapper .slide5 > div p:nth-of-type(2) {
color: #c567f6;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-pagination {
bottom: 0.5rem;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background: #008FFF !important;
}
.mobile_water_wrapper .water_mobile_floor10 .swiper-container .swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background: #fff;
}
.mobile_water_wrapper .water_mobile_floor11 {
background: #FBFBFB;
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor11 h1 {
color: #221815;
}
.mobile_water_wrapper .water_mobile_floor11 .water_floor11_time {
width: 90%;
background: lavender;
margin: 0.5rem auto 0 auto;
}
.mobile_water_wrapper .water_mobile_floor11 .water_floor11_time > div {
width: 33.3%;
float: left;
}
.mobile_water_wrapper .water_mobile_floor11 .water_floor11_time > div:nth-of-type(2) {
border-left: 1px solid #E6E6E6;
border-right: 1px solid #E6E6E6;
}
.mobile_water_wrapper .water_mobile_floor11 .water_floor11_time > div p {
color: #9C9C9C;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor11 .water_floor11_time > div p:first-of-type {
color: #008FFF;
font-size: 0.52rem;
}
.mobile_water_wrapper .water_mobile_floor11 img {
width: 80%;
margin-top: 1rem;
}
.mobile_water_wrapper .water_mobile_floor12 {
margin-top: -0.05rem;
}
.mobile_water_wrapper .water_mobile_floor12 h1,
.mobile_water_wrapper .water_mobile_floor12 h3 {
position: absolute;
color: #fff;
}
.mobile_water_wrapper .water_mobile_floor12 .img {
position: absolute;
width: 10rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mobile_water_wrapper .water_mobile_floor12 .floor12_icon {
position: absolute;
bottom: 1rem;
width: 6rem;
left: 0;
right: 0;
margin: auto;
}
.mobile_water_wrapper .water_mobile_floor12 .floor12_icon > div {
float: left;
width: 33.3%;
}
.mobile_water_wrapper .water_mobile_floor12 .floor12_icon > div img {
width: 1rem;
height: 1rem;
}
.mobile_water_wrapper .water_mobile_floor12 .floor12_icon > div p {
color: #fff;
margin-top: 0.1rem;
font-size: 0.24rem;
}
.mobile_water_wrapper .water_mobile_floor13 {
padding-top: 0.8rem;
}
.mobile_water_wrapper .water_mobile_floor13 h1 {
color: #221815;
}
.mobile_water_wrapper .water_mobile_floor13 h3 {
margin-top: 0.2rem;
color: #9C9C9C;
}
.mobile_water_wrapper .water_mobile_floor13 img {
width: 3rem;
margin-top: 0.8rem;
margin-bottom: -0.03rem;
}
.mobile_water_wrapper .water_mobile_floor14 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
margin-top: -0.1rem;
}
.mobile_water_wrapper .water_mobile_floor14 a {
color: #fff;
font-size: 0.32rem;
}
.water_parameter_wrapper .water_title {
display: none;
}
.water_parameter_wrapper .water_parameter_container {
border-top: none;
padding: 0 0.5rem;
}
.water_parameter_wrapper .water_parameter_container .water_size h1 {
font-size: 0.48rem;
}
.water_parameter_wrapper .water_parameter_container .water_size img {
width: 98%;
}
.water_parameter_wrapper .water_parameter_container .water_parameter h1 {
font-size: 0.48rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div p {
font-size: 0.24rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div p span:first-of-type {
width: 40%;
vertical-align: top;
}
.water_parameter_wrapper .water_parameter_container .water_parameter > div p span:last-of-type {
width: 58%;
display: inline-block;
vertical-align: top;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet h1 {
font-size: 0.48rem;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet .web {
display: none;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet .mobile {
display: block;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet img {
width: 90%;
}
.water_parameter_wrapper .water_parameter_container .water_parameter_packet p {
font-size: 0.24rem;
}
.c2_title_wrapper {
display: none;
}
.c2_web_wrapper {
display: none;
}
.nodisplay {
display: none;
}
.c2_m_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
}
.c2_m_wrapper .c2_floor {
width: 100%;
position: relative;
text-align: center;
}
.c2_m_wrapper .c2_floor .header-wrap {
top: 1.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.c2_m_wrapper .c2_floor .header-wrap h2 {
font-size: 0.48rem;
}
.c2_m_wrapper .c2_floor .header-wrap p {
margin-top: 0.3rem;
font-size: 0.24rem;
line-height: 1.8;
}
.c2_m_wrapper .c2_floor .bottom-wrap {
bottom: 1.5rem;
position: absolute;
width: 100%;
text-align: center;
}
.c2_m_wrapper .c2_floor .bottom-wrap h2 {
font-size: 0.48rem;
}
.c2_m_wrapper .c2_floor .bottom-wrap p {
margin-top: 0.3rem;
font-size: 0.24rem;
line-height: 1.8;
}
.c2_m_wrapper .c2_floor .bg {
width: 100%;
}
.c2_m_wrapper .floor1 .header-wrap h1 {
width: 3rem;
height: 0.65rem;
font-size: 0.32rem;
line-height: 0.65rem;
border-radius: 0.4rem;
background: #474747;
color: #fff;
margin: 0 auto;
}
.c2_m_wrapper .floor1 .header-wrap h2 {
color: #474747;
margin-top: 0.35rem;
}
.c2_m_wrapper .floor14 {
margin: 0.5rem auto;
width: 90%;
}
.c2_m_wrapper .floor14 .floor14_table {
width: 100%;
}
.c2_m_wrapper .floor14 .floor14_table > div {
width: 50%;
float: left;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 0.3rem;
}
.c2_m_wrapper .floor14 .floor14_table > div p:first-of-type {
color: #666666;
font-size: 0.32rem;
}
.c2_m_wrapper .floor14 .floor14_table > div p:last-of-type {
color: #BEBEBE;
font-size: 0.22rem;
margin-top: 0.05rem;
}
.c2_m_wrapper .floor14 .floor14_table > div:last-of-type {
border-right: none;
}
.c2_m_wrapper .floor14 .table_wrapper_last > div {
border-bottom: none;
}
.c2_m_wrapper .floor2 {
margin-top: -2px;
}
.c2_m_wrapper .floor2 .bottom-wrap h2 {
color: #000;
}
.c2_m_wrapper .floor2 .bottom-wrap p {
color: #5B5B5B;
}
.c2_m_wrapper .floor3 {
margin-top: -2px;
}
.c2_m_wrapper .floor3 .header-wrap h2 {
color: #000000;
line-height: 1.4;
}
.c2_m_wrapper .floor3 .c2_floor2_wrapper {
bottom: 0.8rem;
left: 0;
right: 0;
position: absolute;
}
.c2_m_wrapper .floor3 .c2_floor2_wrapper > div {
width: 15%;
text-align: center;
display: inline-block;
}
.c2_m_wrapper .floor3 .c2_floor2_wrapper > div img {
width: 50%;
}
.c2_m_wrapper .floor3 .c2_floor2_wrapper > div p {
font-size: 0.14rem;
color: #fff;
margin-top: 0.1rem;
}
.c2_m_wrapper .floor4 {
margin-top: -2px;
}
.c2_m_wrapper .floor4 .header-wrap h2 {
color: #000000;
}
.c2_m_wrapper .floor4 .header-wrap p {
color: #8F8E8E;
}
.c2_m_wrapper .floor5 {
margin-top: -2px;
}
.c2_m_wrapper .floor5 .header-wrap h2 {
color: #fff;
}
.c2_m_wrapper .floor5 .header-wrap p {
color: #8F8E8E;
}
.c2_m_wrapper .floor6 .header-wrap h2 {
color: #101010;
}
.c2_m_wrapper .floor6 .header-wrap p {
margin-top: 0.2rem;
color: #8F8E8E;
}
.c2_m_wrapper .floor6 img {
width: 1.65rem;
margin-top: 4rem;
margin-right: 1rem;
margin-bottom: 1rem;
}
.c2_m_wrapper .floor7 {
height: 13.35rem;
}
.c2_m_wrapper .floor7 .header-wrap h2 {
color: #101010;
}
.c2_m_wrapper .floor7 .header-wrap p {
margin-top: 0.2rem;
color: #8F8E8E;
}
.c2_m_wrapper .floor7 .header-wrap p span {
color: #8F8E8E;
cursor: pointer;
}
.c2_m_wrapper .floor7 .header-wrap p span:nth-of-type(2) {
margin: 0 0.2rem;
}
.c2_m_wrapper .floor7 .header-wrap p .active {
color: #262525;
}
.c2_m_wrapper .floor7 img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.c2_m_wrapper .floor7 .floor7_black {
display: none;
}
.c2_m_wrapper .floor7 .floor7_brown {
display: none;
}
.c2_m_wrapper .floor8 {
background: #F3F3F3;
padding-bottom: 1.8rem;
margin-top: -2px;
}
.c2_m_wrapper .floor8 img {
width: 6rem;
display: block;
}
.c2_m_wrapper .floor8 h2 {
font-size: 0.48rem;
margin-top: 0.8rem;
line-height: 1.4;
}
.c2_m_wrapper .floor9 .bottom-wrap h2 {
color: #000;
}
.c2_m_wrapper .floor9 .bottom-wrap p {
color: #5B5B5B;
}
.c2_m_wrapper .floor10 {
margin-top: -2px;
}
.c2_m_wrapper .floor10 .header-wrap h2 {
color: #000000;
line-height: 1.4;
}
.c2_m_wrapper .floor10 .header-wrap p {
color: #5B5B5B;
}
.c2_m_wrapper .floor11 {
margin-top: -2px;
}
.c2_m_wrapper .floor11 .header-wrap h2 {
color: #000;
}
.c2_m_wrapper .floor11 .header-wrap p {
margin-top: 0.2rem;
color: #5B5B5B;
}
.c2_m_wrapper .floor12 {
margin-top: -2px;
}
.c2_m_wrapper .floor12 h2 {
line-height: 1.4;
}
.c2_m_wrapper .floor12 h2,
.c2_m_wrapper .floor12 p {
color: #776451;
}
.c2_m_wrapper .floor13 .header-wrap h2,
.c2_m_wrapper .floor13 .header-wrap p {
color: #776451;
}
.c2_m_wrapper .floor13 .bg {
margin-top: 4rem;
}
.c2_m_wrapper .c2_floor.floor15 {
background: #000;
height: 1rem;
line-height: 1rem;
font-size: 0.3rem;
margin-top: -2px;
}
.c2_m_wrapper .c2_floor.floor15 a {
color: #fff;
}
.c2_parameter_wrapper .c2_title {
display: none;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size {
width: 100%;
border-bottom: none;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size h1 {
display: none;
}
.c2_parameter_wrapper .c2_parameter_container .c2_size img {
width: 2.5rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function {
border-bottom: none;
padding: 0.8rem 0.4rem;
width: 100%;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function h1 {
display: none;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper {
width: 100%;
padding: 0;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div {
width: 19%;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div img {
width: 65%;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon > div p {
color: #666666;
font-size: 0.22rem;
margin-top: 0.15rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter_function .c2_icon_wrapper .c2_icon_bottom {
margin-top: 0.6rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter {
width: 100%;
padding: 0.8rem 0.5rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter h1 {
display: block;
font-size: 0.3rem;
color: #404040;
font-weight: bold;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div {
width: 100%;
padding-left: 0;
margin-top: 0.5rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p {
color: #595959;
font-size: 0.24rem;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p span:first-of-type {
width: 35%;
}
.c2_parameter_wrapper .c2_parameter_container .c2_parameter > div p span:last-of-type {
width: 63%;
}
.web_video_wrapper {
display: none;
}
.mobile_video_wrapper {
display: block !important;
background: #f6f6f6;
padding: 0.5rem 0.3rem;
}
.mobile_video_wrapper .video_title {
font-size: 0.32rem;
margin-bottom: 0.3rem;
}
.mobile_video_wrapper .video_box {
position: relative;
}
.mobile_video_wrapper .video_box .video_container {
display: none;
position: fixed;
width: 7rem;
height: 4rem;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.mobile_video_wrapper .video_box .video_container video {
width: 100%;
height: 100%;
}
.mobile_video_wrapper .video_box .video_container .videoClose {
position: absolute;
top: 0.15rem;
right: 0.15rem;
cursor: pointer;
}
.mobile_video_wrapper .video_box .video_list {
width: 100%;
}
.mobile_video_wrapper .video_box .video_list .video_list_wrapper ul li {
width: 48%;
float: left;
margin-right: 4%;
background: #FFFFFF;
border-radius: 0.1rem;
margin-bottom: 25px;
overflow: hidden;
}
.mobile_video_wrapper .video_box .video_list .video_list_wrapper ul li img {
cursor: pointer;
}
.mobile_video_wrapper .video_box .video_list .video_list_wrapper ul li div {
margin: 10px 5px;
color: #666666;
font-size: 0.22rem;
line-height: 1.5;
}
.mobile_video_wrapper .video_box .video_list .video_list_wrapper ul .last {
margin-right: 0;
}
.m2_web_wrapper {
display: none;
}
.m2_m_wrapper .m2_floor {
position: relative;
}
.m2_m_wrapper .m2_floor .content_wrapper {
width: 85%;
margin: 0 auto;
text-align: center;
}
.m2_m_wrapper .m2_floor .content_wrapper .header-wrap {
width: 100%;
padding-top: 0.8rem;
text-align: center;
}
.m2_m_wrapper .m2_floor .content_wrapper .header-wrap p {
font-size: 0.26rem;
margin-top: 0.2rem;
line-height: 1.6;
}
.m2_m_wrapper .m2_floor .content_wrapper .header-wrap p.last {
font-size: 0.22rem;
margin-top: 0.1rem;
}
.m2_m_wrapper .floor1 .header_wrap {
position: absolute;
top: 0.8rem;
text-align: center;
}
.m2_m_wrapper .floor1 .header_wrap .floor1_img1 {
width: 40%;
display: block;
margin: auto;
}
.m2_m_wrapper .floor1 .header_wrap .floor1_img2 {
width: 62%;
margin-top: 4vh;
}
.m2_m_wrapper .floor2 {
margin-top: -2px;
height: 13.7rem;
}
.m2_m_wrapper .floor2 .floor2_wrapper {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .header-wrap p {
color: #999;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .header-wrap img {
width: 95%;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .floor2_circle {
width: 50%;
float: left;
text-align: center;
margin-top: 0.3rem;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .floor2_circle img {
width: 0.6rem;
display: inline-block;
vertical-align: middle;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .floor2_circle p {
display: inline-block;
vertical-align: middle;
font-size: 0.3rem;
color: #A2A2A2;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .floor2_grey5 p {
color: #D0C2E8;
}
.m2_m_wrapper .floor2 .floor2_wrapper .content_wrapper .mainImg {
width: 70%;
margin: 0.5rem;
}
.m2_m_wrapper .floor2 .floor2_1 {
background: url(/src/img/m2/mobile/2/c5ae2fc6.grey_bg.png) center;
}
.m2_m_wrapper .floor2 .floor2_2 {
display: none;
background: url(/src/img/m2/mobile/2/b847095e.purple_bg.png) center;
}
.m2_m_wrapper .floor3 {
margin-top: -2px;
height: 12rem;
}
.m2_m_wrapper .floor3 .swiper-slide {
position: absolute;
top: 0;
left: 0;
height: 12rem;
}
.m2_m_wrapper .floor3 .swiper-slide .bg {
position: relative;
top: 0;
left: 0;
}
.m2_m_wrapper .floor3 .swiper-slide .content_wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.m2_m_wrapper .floor3 .swiper-slide .content_wrapper .header-wrap img {
width: 100%;
}
.m2_m_wrapper .floor3 .slide1 p {
color: #e5e5e5;
}
.m2_m_wrapper .floor3 .slide2 {
display: none;
}
.m2_m_wrapper .floor3 .slide2 p {
color: #3a363b;
}
.m2_m_wrapper .floor3 .floor3_change {
position: absolute;
bottom: 0.3rem;
width: 1rem;
left: 0;
right: 0;
margin: auto;
}
.m2_m_wrapper .floor3 .floor3_change img {
width: 30%;
cursor: pointer;
}
.m2_m_wrapper .floor3 .floor3_change .grey {
margin-right: 0.25rem;
}
.m2_m_wrapper .floor4 {
background: #130E0A;
margin-top: -2px;
}
.m2_m_wrapper .floor4 .header-wrap img {
width: 83%;
}
.m2_m_wrapper .floor4 .header-wrap p {
color: #665747;
}
.m2_m_wrapper .floor4 .float {
float: left;
margin: 1rem 0;
}
.m2_m_wrapper .floor4 .left {
width: 27%;
}
.m2_m_wrapper .floor4 .left img:first-of-type {
width: 52%;
}
.m2_m_wrapper .floor4 .left img:last-of-type {
width: 80%;
}
.m2_m_wrapper .floor4 .right {
float: right;
width: 68%;
}
.m2_m_wrapper .floor5 .content_wrapper .float {
position: absolute;
width: 46%;
overflow: hidden;
height: 13.53rem;
}
.m2_m_wrapper .floor5 .content_wrapper .float p {
color: #999999;
position: absolute;
font-size: 0.26rem;
}
.m2_m_wrapper .floor5 .content_wrapper .float img {
position: absolute;
}
.m2_m_wrapper .floor5 .content_wrapper .float .img1 {
width: 59%;
}
.m2_m_wrapper .floor5 .content_wrapper .float .img2 {
width: 60%;
}
.m2_m_wrapper .floor5 .content_wrapper .left {
top: 0;
left: 0;
text-align: right;
}
.m2_m_wrapper .floor5 .content_wrapper .left p {
right: 0;
bottom: 2.1rem;
}
.m2_m_wrapper .floor5 .content_wrapper .left img {
right: 0;
}
.m2_m_wrapper .floor5 .content_wrapper .left .img1 {
top: 0;
}
.m2_m_wrapper .floor5 .content_wrapper .left .img2 {
bottom: 3.5rem;
}
.m2_m_wrapper .floor5 .content_wrapper .left .img3 {
bottom: 1.3rem;
width: 43%;
}
.m2_m_wrapper .floor5 .content_wrapper .right {
bottom: 0;
right: 0;
text-align: left;
}
.m2_m_wrapper .floor5 .content_wrapper .right p {
width: 90%;
left: 0;
top: 2.6rem;
}
.m2_m_wrapper .floor5 .content_wrapper .right img {
left: 0;
}
.m2_m_wrapper .floor5 .content_wrapper .right .img1 {
bottom: 0;
}
.m2_m_wrapper .floor5 .content_wrapper .right .img2 {
top: 1.2rem;
}
.m2_m_wrapper .floor5 .content_wrapper .right .img3 {
width: 16%;
top: 5.8rem;
}
.m2_m_wrapper .floor6 {
margin-top: -4px;
text-align: center;
}
.m2_m_wrapper .floor6 .title {
position: absolute;
width: 80%;
top: 0.8rem;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.m2_m_wrapper .floor6 .title img {
width: 75%;
}
.m2_m_wrapper .floor6 p {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0.5rem;
color: #999;
}
.m2_m_wrapper .floor7 {
margin-top: -6px;
}
.m2_m_wrapper .floor7 .float {
position: absolute;
top: 0;
width: 50%;
}
.m2_m_wrapper .floor7 .left {
width: 45%;
left: 0.5rem;
text-align: left;
}
.m2_m_wrapper .floor7 .left .img1 {
margin-top: 0.9rem;
width: 85%;
display: block;
}
.m2_m_wrapper .floor7 .left p.p1 {
color: #999999;
font-size: 0.26rem;
margin-top: 0.25rem;
line-height: 1.6;
}
.m2_m_wrapper .floor7 .left .img2,
.m2_m_wrapper .floor7 .left .img3 {
width: 55%;
margin-top: 0.3rem;
}
.m2_m_wrapper .floor7 .left .p2,
.m2_m_wrapper .floor7 .left .p3 {
color: #AEAEAE;
font-size: 0.26rem;
margin-top: 0.1rem;
}
.m2_m_wrapper .floor7 .left .p2 {
margin-left: 0.15rem;
}
.m2_m_wrapper .floor7 .left .p3 {
margin-left: 0.35rem;
}
.m2_m_wrapper .floor7 .right {
right: 0;
width: 46.8%;
}
.m2_m_wrapper .floor8 {
margin-top: -4px;
}
.m2_m_wrapper .floor8 .content_wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.m2_m_wrapper .floor8 .content_wrapper .header-wrap img {
width: 82%;
}
.m2_m_wrapper .floor8 .content_wrapper p {
color: #999;
}
.m2_m_wrapper .floor8 .content_wrapper .icon_wrapper {
width: 75%;
margin: 0.2rem auto 0 auto;
}
.m2_m_wrapper .floor8 .content_wrapper .icon_wrapper img {
width: 30%;
}
.m2_m_wrapper .floor8 .content_wrapper .icon_wrapper img:first-of-type {
margin-right: 0.25rem;
}
.m2_m_wrapper .floor8 .content_wrapper .icon_wrapper img:last-of-type {
margin-left: 0.25rem;
}
.m2_m_wrapper .floor9 {
height: 16.8rem;
margin-top: -8px;
}
.m2_m_wrapper .floor9 .swiper-slide {
height: 16.8rem;
position: absolute;
top: 0;
left: 0;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper {
width: 100%;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .mainImg {
width: 55%;
margin-top: 0.8rem;
margin-bottom: 0.3rem;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper {
width: 100%;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper > div {
width: 32.5%;
text-align: center;
display: inline-block;
vertical-align: top;
padding: 0 0.2rem;
margin-top: 0.3rem;
position: relative;
height: 3rem;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper > div img {
width: 1rem;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper > div p {
font-size: 0.24rem;
color: #C4C3C3;
margin: 0.08rem;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper > div p:first-of-type {
color: #333333;
}
.m2_m_wrapper .floor9 .swiper-slide .content_wrapper .icon_wrapper > div p:last-of-type {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 1.9rem;
}
.m2_m_wrapper .floor9 .slide1 {
background: url(/src/img/m2/mobile/9/40e2b217.grey_bg.png) center;
}
.m2_m_wrapper .floor9 .slide2 {
display: none;
background: url(/src/img/m2/mobile/9/20c5f653.purple_bg.png) center;
}
.m2_m_wrapper .floor9 .floor9_change {
position: absolute;
bottom: 0.3rem;
width: 1.3rem;
left: 0;
right: 0;
margin: auto;
}
.m2_m_wrapper .floor9 .floor9_change img {
width: 40%;
cursor: pointer;
}
.m2_m_wrapper .floor9 .floor9_change .grey {
margin-right: 0.2rem;
}
.m2_m_wrapper .floor10 .content_wrapper .header-wrap img {
position: absolute;
left: 0;
right: 0;
top: 0.8rem;
width: 85%;
margin: auto;
}
.m2_m_wrapper .floor10 .content_wrapper .header-wrap p {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 1.5rem;
color: #999999;
}
.m2_m_wrapper .floor10 .content_wrapper .header-wrap p:last-of-type {
top: 2.1rem;
}
.m2_m_wrapper .floor10 .content_wrapper .icon_wrapper {
width: 75%;
position: absolute;
top: 3rem;
left: 0;
right: 0;
margin: auto;
}
.m2_m_wrapper .floor10 .content_wrapper .icon_wrapper img {
width: 25%;
}
.m2_m_wrapper .floor10 .content_wrapper .icon_wrapper img:first-of-type {
margin-right: 0.25rem;
}
.m2_m_wrapper .floor10 .content_wrapper .icon_wrapper img:last-of-type {
margin-left: 0.25rem;
}
.m2_m_wrapper .floor11 {
background: url(/src/img/m2/mobile/11/c7cfbec6.bg.png) center;
margin-top: -0.85rem;
}
.m2_m_wrapper .floor11 .header-wrap img {
width: 90%;
}
.m2_m_wrapper .floor11 .header-wrap p {
color: #999;
}
.m2_m_wrapper .floor11 .mainImg {
margin: 1.2rem 0;
}
.m2_m_wrapper .floor12 {
margin-top: -4px;
}
.m2_m_wrapper .floor12 .content_wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 12.35rem;
}
.m2_m_wrapper .floor12 .content_wrapper .header-wrap img {
width: 75%;
}
.m2_m_wrapper .floor12 .content_wrapper .header-wrap p {
color: #686C8B;
}
.m2_m_wrapper .floor12 .content_wrapper .mainImg {
position: absolute;
left: 0;
bottom: 0;
}
.m2_m_wrapper .floor13 {
margin-top: -2px;
background: url(/src/img/m2/mobile/13/eda62923.bg.png) center;
}
.m2_m_wrapper .floor13 .content_wrapper p {
color: #999999;
}
.m2_m_wrapper .floor13 .content_wrapper .header-wrap img {
width: 93%;
}
.m2_m_wrapper .floor13 .content_wrapper .mainImg {
width: 58%;
margin-top: 1rem;
}
.m2_m_wrapper .floor14 {
background: #000;
margin-top: -2px;
}
.m2_m_wrapper .floor14 .content_wrapper {
width: 90%;
padding-bottom: 0.7rem;
}
.m2_m_wrapper .floor14 .content_wrapper .header-wrap p {
color: #999999;
}
.m2_m_wrapper .floor14 .content_wrapper .header-wrap img {
width: 71%;
}
.m2_m_wrapper .floor14 .content_wrapper .way {
position: relative;
width: 47%;
display: inline-block;
vertical-align: top;
margin-top: 0.5rem;
}
.m2_m_wrapper .floor14 .content_wrapper .way .desc {
position: absolute;
bottom: 0.1rem;
left: 0;
text-align: center;
width: 100%;
height: 1rem;
}
.m2_m_wrapper .floor14 .content_wrapper .way .desc p:first-of-type {
color: #fff;
font-size: 0.24rem;
}
.m2_m_wrapper .floor14 .content_wrapper .way .desc p:last-of-type {
color: #999999;
font-size: 0.22rem;
}
.m2_m_wrapper .floor14 .content_wrapper .margin {
margin-right: 5%;
}
.m2_m_wrapper .floor15 {
margin-top: -2px;
background: url(/src/img/m2/mobile/15/091eece5.bg.png) center;
height: 14rem;
}
.m2_m_wrapper .floor15 .content_wrapper {
width: 87%;
}
.m2_m_wrapper .floor15 .content_wrapper .header-wrap img {
width: 69%;
}
.m2_m_wrapper .floor15 .content_wrapper .header-wrap p {
color: #999999;
}
.m2_m_wrapper .floor15 .content_wrapper img {
width: 85%;
}
.m2_m_wrapper .floor15 .mainImg {
width: 85%;
position: absolute;
right: 0;
top: 5.5rem;
}
.m2_m_wrapper .floor16 {
margin-top: -2px;
background: #14b497;
height: 13rem;
}
.m2_m_wrapper .floor16 .content_wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 13rem;
}
.m2_m_wrapper .floor16 .content_wrapper .header-wrap img {
width: 90%;
}
.m2_m_wrapper .floor16 .content_wrapper .header-wrap p {
color: #31E4C4;
}
.m2_m_wrapper .floor16 .content_wrapper .mainImg {
width: 65%;
position: absolute;
bottom: 0;
left: 0;
margin: auto;
right: 0;
}
.m2_m_wrapper .floor17 {
margin-top: -2px;
background: url(/src/img/m2/mobile/17/1626e989.bg.png) center;
}
.m2_m_wrapper .floor17 .content_wrapper .header-wrap img {
width: 75%;
}
.m2_m_wrapper .floor17 .content_wrapper .header-wrap p {
color: #999999;
}
.m2_m_wrapper .floor17 .content_wrapper .img1 {
width: 75%;
margin-top: 0.7rem;
}
.m2_m_wrapper .floor17 .content_wrapper .img2 {
width: 35%;
margin-top: 0.7rem;
}
.m2_m_wrapper .floor18 {
background: #000;
margin-top: -2px;
height: 12.7rem;
}
.m2_m_wrapper .floor18 .content_wrapper .header-wrap img {
width: 76%;
}
.m2_m_wrapper .floor18 .content_wrapper .header-wrap p {
color: #686868;
}
.m2_m_wrapper .floor18 .content_wrapper .icon_wrapper {
margin: 1rem 0;
}
.m2_m_wrapper .floor18 .content_wrapper .icon_wrapper > div {
width: 32%;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 0.35rem 0;
}
.m2_m_wrapper .floor18 .content_wrapper .icon_wrapper > div img {
width: 64%;
}
.m2_m_wrapper .floor18 .content_wrapper .icon_wrapper > div p {
font-size: 0.28rem;
color: #fff;
margin-top: 0.15rem;
}
.m2_m_wrapper .m2_floor.floor19 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
font-size: 0.34rem;
}
.m2_m_wrapper .m2_floor.floor19 a {
color: #fff;
}
.m2_parameter_mainImg {
display: block !important;
margin: auto !important;
width: 80% !important;
padding-left: 0 !important;
}
.airClear_web_wrapper {
display: none;
}
.airClear_m_wrapper {
display: block;
}
.airClear_m_wrapper .airClear_floor {
position: relative;
}
.airClear_m_wrapper .airClear_floor .header-wrap {
position: absolute;
width: 100%;
padding-top: 0.8rem;
text-align: center;
}
.airClear_m_wrapper .airClear_floor .header-wrap h2 {
font-size: 0.48rem;
}
.airClear_m_wrapper .airClear_floor .header-wrap p {
font-size: 0.26rem;
margin-top: 0.2rem;
line-height: 1.6;
}
.airClear_m_wrapper .airClear_floor .header-wrap p.last {
font-size: 0.22rem;
margin-top: 0.1rem;
}
.airClear_m_wrapper .floor1 h1 {
width: 4rem;
height: 0.65rem;
font-size: 0.32rem;
line-height: 0.65rem;
border-radius: 0.4rem;
background: #D9C3A0;
color: #fff;
margin: 0 auto 0.35rem auto;
}
.airClear_m_wrapper .floor1 h2 {
color: #2C2C2C;
}
.airClear_m_wrapper .floor1 p {
color: #666666;
}
.airClear_m_wrapper .floor2 {
margin-top: -2px;
background: url(/src/img/air_cleaner/mobile/02/ad6e3f02.bg.png) no-repeat center center;
}
.airClear_m_wrapper .floor2 .header-wrap {
position: static;
}
.airClear_m_wrapper .floor2 .header-wrap h2 {
color: #B5B4B4;
}
.airClear_m_wrapper .floor2 .header-wrap p {
color: #757575;
}
.airClear_m_wrapper .floor2 .icon_wrapper {
padding: 1rem 0;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left,
.airClear_m_wrapper .floor2 .icon_wrapper .middle,
.airClear_m_wrapper .floor2 .icon_wrapper .right {
float: left;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left,
.airClear_m_wrapper .floor2 .icon_wrapper .right {
width: 28%;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon {
text-align: center;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon .No,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon .No {
width: 25px;
height: 25px;
background: #4256FF;
border-radius: 50%;
text-align: center;
line-height: 25px;
color: #fff;
font-weight: bold;
font-size: 0.3rem;
margin: auto;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon p:first-of-type,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon p:first-of-type {
font-size: 0.24rem;
color: #FFFFFF;
margin-top: 0.1rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon p:last-of-type,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon p:last-of-type {
font-size: 0.2rem;
color: #9A9A9A;
margin-top: 0.05rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon1,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon1 {
margin-top: 1rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon2,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon2 {
margin-top: 2rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon3,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon3 {
margin-top: 1.6rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon4,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon4 {
margin-top: 1rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .left .icon5,
.airClear_m_wrapper .floor2 .icon_wrapper .right .icon5 {
margin-top: 0.2rem;
}
.airClear_m_wrapper .floor2 .icon_wrapper .middle {
width: 44%;
}
.airClear_m_wrapper .floor3 {
margin-top: -2px;
}
.airClear_m_wrapper .floor3 h2 {
color: #626770;
}
.airClear_m_wrapper .floor3 p {
color: #808080;
}
.airClear_m_wrapper .floor3 .icon_wrapper {
margin-top: 0.3rem;
width: 100%;
text-align: center;
}
.airClear_m_wrapper .floor3 .icon_wrapper .icon {
display: inline-block;
vertical-align: middle;
margin: 0 0.23rem;
}
.airClear_m_wrapper .floor3 .icon_wrapper .icon > div {
color: #666666;
font-size: 0.26rem;
}
.airClear_m_wrapper .floor3 .icon_wrapper .icon > div span {
background-image: -webkit-linear-gradient(#5389e8, #1448d7);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#5389e8, #1448d7);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#5389e8, #1448d7);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#5389e8, #1448d7);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.58rem;
font-weight: bold;
margin-right: 0.02rem;
}
.airClear_m_wrapper .floor3 .icon_wrapper .icon P {
margin-top: 0;
font-size: 0.22rem;
}
.airClear_m_wrapper .floor3 .icon_wrapper .icon:last-of-type span {
margin-right: -5px;
}
.airClear_m_wrapper .floor3 .icon_wrapper .line {
width: 1px;
height: 0.3rem;
background: #cccccc;
display: inline-block;
vertical-align: middle;
}
.airClear_m_wrapper .floor4 {
margin-top: -2px;
padding-bottom: 0.3rem;
background: url(/src/img/air_cleaner/mobile/04/09c80ae2.bg.png) repeat center center;
}
.airClear_m_wrapper .floor4 .header-wrap {
position: static;
}
.airClear_m_wrapper .floor4 .header-wrap h2 {
color: #26CCC5;
}
.airClear_m_wrapper .floor4 .header-wrap p {
color: #fff;
}
.airClear_m_wrapper .floor4 .icon_wrapper {
width: 85%;
margin: auto;
}
.airClear_m_wrapper .floor4 .icon_wrapper > div {
width: 20%;
margin-top: 0.5rem;
float: left;
text-align: center;
}
.airClear_m_wrapper .floor4 .icon_wrapper > div img {
width: 1rem;
}
.airClear_m_wrapper .floor4 .icon_wrapper > div p {
color: #fff;
margin-top: 0.1rem;
font-size: 0.22rem;
}
.airClear_m_wrapper .floor4 .main_img {
width: 70%;
margin: 1rem auto 1rem auto;
display: block;
}
.airClear_m_wrapper .floor5 {
margin-top: -2px;
}
.airClear_m_wrapper .floor5 .header-wrap {
position: static;
}
.airClear_m_wrapper .floor5 .header-wrap h2 {
color: #979797;
}
.airClear_m_wrapper .floor5 .header-wrap p {
color: #b3b3b3;
}
.airClear_m_wrapper .floor5 .main_img {
width: 100%;
margin: 1rem auto 1rem auto;
}
.airClear_m_wrapper .floor6 h2 {
color: #fff;
}
.airClear_m_wrapper .floor6 p {
color: #fff;
}
.airClear_m_wrapper .floor6 .gradient_icon > div {
background-image: -webkit-linear-gradient(#d3e3fa, #aeceff);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#d3e3fa, #aeceff);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#d3e3fa, #aeceff);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#d3e3fa, #aeceff);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.68rem;
font-weight: bold;
margin-top: 0.3rem;
}
.airClear_m_wrapper .floor6 .gradient_icon p {
margin-top: 0.1rem;
font-size: 0.24rem;
}
.airClear_m_wrapper .floor7,
.airClear_m_wrapper .floor8 {
background: #fff;
}
.airClear_m_wrapper .floor7 .header-wrap,
.airClear_m_wrapper .floor8 .header-wrap {
position: static;
}
.airClear_m_wrapper .floor7 .header-wrap h2,
.airClear_m_wrapper .floor8 .header-wrap h2 {
color: #979797;
}
.airClear_m_wrapper .floor7 .header-wrap p,
.airClear_m_wrapper .floor8 .header-wrap p {
color: #b3b3b3;
}
.airClear_m_wrapper .floor7 .gradient_icon > div,
.airClear_m_wrapper .floor8 .gradient_icon > div {
background-image: -webkit-linear-gradient(#92d2ff, #1a92d7);
/* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(#92d2ff, #1a92d7);
/* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(#92d2ff, #1a92d7);
/* Firefox 3.6 - 15 */
background-image: linear-gradient(#92d2ff, #1a92d7);
/* 标准的语法 */
-webkit-background-clip: text;
-o-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-o-text-fill-color: transparent;
-moz-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 0.68rem;
font-weight: bold;
margin-top: 0.3rem;
}
.airClear_m_wrapper .floor7 .gradient_icon p,
.airClear_m_wrapper .floor8 .gradient_icon p {
color: #BABABA;
margin-top: 0;
}
.airClear_m_wrapper .floor7 .main_img,
.airClear_m_wrapper .floor8 .main_img {
margin: 1rem auto 1rem auto;
display: block;
}
.airClear_m_wrapper .floor8 .main_wrapper {
border: 1px solid transparent;
}
.airClear_m_wrapper .floor8 .main_wrapper .img_blue {
position: absolute;
top: 1.9rem;
left: 3.01rem;
width: 3.75rem;
}
.airClear_m_wrapper .floor8 .main_wrapper .main_circle {
position: absolute;
top: 2rem;
left: 4.5rem;
width: 1rem;
}
.airClear_m_wrapper .floor9 .header-wrap h2 {
color: #979797;
}
.airClear_m_wrapper .floor9 .header-wrap p {
color: #b3b3b3;
}
.airClear_m_wrapper .floor9 .icon_wrapper {
margin-top: 0.5rem;
}
.airClear_m_wrapper .floor9 .icon_wrapper > div {
display: inline-block;
vertical-align: top;
}
.airClear_m_wrapper .floor9 .icon_wrapper > div img {
width: 0.7rem;
}
.airClear_m_wrapper .floor9 .icon_wrapper > div P:first-of-type {
color: #5D6369;
margin-top: 0.1rem;
font-size: 0.26rem;
font-weight: bold;
}
.airClear_m_wrapper .floor9 .icon_wrapper > div P:last-of-type {
color: #BABABA;
margin-top: 0;
font-size: 0.22rem;
}
.airClear_m_wrapper .floor9 .icon_wrapper > div:nth-of-type(2) {
margin: 0 0.3rem;
}
.airClear_m_wrapper .floor9 .main_img {
margin: 1rem auto 1rem auto;
display: block;
}
.airClear_m_wrapper .floor10 {
background: #000;
height: 1rem;
line-height: 1rem;
font-size: 0.3rem;
margin-top: -2px;
text-align: center;
}
.airClear_m_wrapper .floor10 a {
color: #fff;
}
.air_cleaner_size {
border-bottom: 1px solid #f5f5f5 !important;
}
.air_cleaner_size h1 {
display: block !important;
font-size: 0.3rem !important;
color: #404040 !important;
font-weight: bold!important;
margin: 0 0 0.5rem 0.5rem !important;
}
@keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes bling_animate {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
.bling_animate {
animation: bling_animate 2s infinite linear;
-moz-animation: bling_animate 2s infinite linear;
-o-animation: bling_animate 2s infinite linear;
-webkit-animation: bling_animate 2s infinite linear;
}
.text_animate_m {
animation: text_animate_m 0.5s ease-in-out both;
-moz-animation: text_animate_m 0.8s ease-in-out both;
-o-animation: text_animate_m 0.5s ease-in-out both;
-webkit-animation: text_animate_m 0.5s ease-in-out both;
}
.c3_web_wrapper {
display: none;
}
.c3_m_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.c3_m_wrapper .c3_floor {
width: 100%;
position: relative;
text-align: center;
}
.c3_m_wrapper .c3_floor .header-wrap {
top: 0.8rem;
position: absolute;
width: 100%;
text-align: center;
}
.c3_m_wrapper .c3_floor .header-wrap h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.36rem;
font-size: 0.24rem;
line-height: 0.36rem;
border-radius: 0.3rem;
background: #ffffff;
color: #000;
margin: 0 auto;
font-weight: 800;
}
.c3_m_wrapper .c3_floor .header-wrap h2 {
color: #ffffff;
font-size: 0.4rem;
font-weight: 800;
margin-top: 0.2rem;
}
.c3_m_wrapper .c3_floor .header-wrap p {
color: #7E7D7D;
margin-top: 0.16rem;
font-weight: 800;
}
.c3_m_wrapper .c3_floor p {
font-weight: 800;
font-size: 0.24rem;
}
.c3_m_wrapper .c3_floor .bg {
width: 100%;
}
.c3_m_wrapper .floor1 .m-c3-bannel {
display: block;
}
.c3_m_wrapper .floor1 .m-c3-bannel .swiper-slide {
width: 100%;
position: relative;
text-align: center;
}
.c3_m_wrapper .floor1 .m-c3-bannel .swiper-slide img.text {
display: block;
width: 100%;
height: auto;
}
.c3_m_wrapper .floor1 .m-c3-bannel .swiper-slide .bg1 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.c3_m_wrapper .floor1 .m-c3-bannel .swiper-slide p {
color: #ffffff;
}
.c3_m_wrapper .floor2 {
margin: 0.5rem auto;
width: 90%;
}
.c3_m_wrapper .floor2 .floor2_table {
width: 100%;
}
.c3_m_wrapper .floor2 .floor2_table > div {
width: 50%;
height: 2rem;
float: left;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 0.6rem 0 0.3rem 0;
}
.c3_m_wrapper .floor2 .floor2_table > div p:first-of-type {
color: #666666;
font-size: 0.28rem;
}
.c3_m_wrapper .floor2 .floor2_table > div p:last-of-type {
color: #BEBEBE;
font-size: 0.2rem;
margin-top: 0.05rem;
}
.c3_m_wrapper .floor2 .floor2_table > div:last-of-type {
border-right: none;
}
.c3_m_wrapper .floor2 .table_wrapper_last > div {
border-bottom: none;
}
.c3_m_wrapper .floor3 {
line-height: 0;
}
.c3_m_wrapper .floor3 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor3 .header-wrap p {
margin-top: 0.24rem;
}
.c3_m_wrapper .floor3 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.c3_m_wrapper .floor3 .header-wrap p:last-of-type {
margin-top: 0;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images {
margin-top: 0.24rem;
height: 1.5rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div {
width: 18%;
text-align: center;
overflow: hidden;
display: inline-block;
height: 1.5rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div p {
color: #ffffff;
font-size: 0.22rem;
margin-top: 0.1rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(2) img {
width: 55%;
margin-top: 0.12rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(2) p {
margin-top: 0.17rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(3) img {
margin-top: 0.08rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(3) p {
margin-top: 0.12rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(4) img {
width: 44%;
margin-top: 0.05rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(5) img {
margin-top: 0.12rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div:nth-of-type(5) p {
margin-top: 0.15rem;
}
.c3_m_wrapper .floor3 .header-wrap .bot-images > div img {
width: 50%;
margin-top: 0.1rem;
}
.c3_m_wrapper .floor3 .bg {
height: 100%;
}
.c3_m_wrapper .floor3 .main_floor3 {
position: absolute;
left: 0;
bottom: 1.5rem;
height: 6.2rem;
width: 100%;
margin: 0 auto;
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
padding: 0.3rem;
}
.c3_m_wrapper .floor3 .main_floor3::-webkit-scrollbar {
display: none;
}
.c3_m_wrapper .floor3 .main_floor3 .way {
width: 45%;
display: inline-block;
margin-right: 0.2rem;
vertical-align: top;
}
.c3_m_wrapper .floor3 .main_floor3 .way:last-of-type {
margin-right: 0;
}
.c3_m_wrapper .floor3 .tips {
position: absolute;
left: 0;
bottom: 0.6rem;
width: 1.5rem;
left: 50%;
margin-left: -0.7rem;
}
.c3_m_wrapper .floor3 .tips p {
color: #323232;
}
.c3_m_wrapper .floor4 {
line-height: 0;
}
.c3_m_wrapper .floor4 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor4 .header-wrap .text1 {
color: #ffffff;
margin-top: 0.16rem;
}
.c3_m_wrapper .floor4 .header-wrap .text2 {
color: #7E7D7D;
margin-top: 0.24rem;
}
.c3_m_wrapper .floor4 .header-wrap .text3 {
color: #7E7D7D;
margin-top: 0.03rem;
}
.c3_m_wrapper .floor4 .header-wrap .text4 {
color: #019aff;
margin-top: 0.26rem;
font-size: 0.55rem;
}
.c3_m_wrapper .floor4 .header-wrap .text5 {
color: #019aff;
margin-top: 0;
}
.c3_m_wrapper .floor4 .floor4_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.c3_m_wrapper .floor4 .floor4_animate .img0 {
position: relative;
right: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_m_wrapper .floor5 {
line-height: 0;
}
.c3_m_wrapper .floor5 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor5 .header-wrap p {
margin-top: 0rem;
}
.c3_m_wrapper .floor5 .header-wrap p:first-of-type {
margin-top: 0.16rem;
}
.c3_m_wrapper .floor5 .bg {
height: 100%;
}
.c3_m_wrapper .floor5 .floor5_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_m_wrapper .floor5 .floor5_animate .img0 {
position: relative;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_m_wrapper .floor5 .floor5_animate .img1 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.c3_m_wrapper .floor6 {
height: 13rem;
}
.c3_m_wrapper .floor6 .header-wrap p {
margin-top: 0;
}
.c3_m_wrapper .floor6 .header-wrap p:first-of-type {
margin-top: 0.24rem;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images {
margin-top: 0.24rem;
height: 1.5rem;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div {
width: 18%;
text-align: center;
overflow: hidden;
display: inline-block;
height: 1.5rem;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div:first-of-type img {
width: 61%;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(2) img {
width: 49%;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(3) img {
width: 53%;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(4) img {
width: 58%;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div:nth-of-type(5) img {
width: 52%;
}
.c3_m_wrapper .floor6 .header-wrap .bot-images > div p {
color: #ffffff;
margin-top: 0.1rem;
font-size: 0.2rem;
}
.c3_m_wrapper .floor6 .bg {
height: 100%;
}
.c3_m_wrapper .floor6 .floor6_animate {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
text-align: left;
}
.c3_m_wrapper .floor6 .floor6_animate .img0 {
width: 84%;
position: relative;
left: 0;
bottom: 0;
z-index: 2;
}
.c3_m_wrapper .floor6 .floor6_animate .img1 {
position: absolute;
top: -2rem;
left: 0;
z-index: 1;
width: 100%;
}
.c3_m_wrapper .floor7 {
line-height: 0;
}
.c3_m_wrapper .floor7 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor7 .header-wrap p {
margin-top: 0rem;
}
.c3_m_wrapper .floor7 .header-wrap p:first-of-type {
margin-top: 0.16rem;
}
.c3_m_wrapper .floor7 .bg {
height: 100%;
}
.c3_m_wrapper .floor7 .floor7_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_m_wrapper .floor7 .floor7_animate img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.c3_m_wrapper .floor8 {
height: 19rem;
}
.c3_m_wrapper .floor8 .bg {
height: 100%;
}
.c3_m_wrapper .floor8 .main_floor8 {
position: absolute;
left: 0;
bottom: 0;
height: 90%;
width: 100%;
margin: 0 auto;
padding: 0.3rem;
}
.c3_m_wrapper .floor8 .main_floor8 .way {
width: 45%;
display: inline-block;
margin-right: 0.3rem;
vertical-align: top;
}
.c3_m_wrapper .floor8 .main_floor8 .way:nth-of-type(2) {
margin-right: 0;
}
.c3_m_wrapper .floor8 .main_floor8 .way:nth-of-type(3) {
margin-top: 0.2rem;
}
.c3_m_wrapper .floor8 .main_floor8 .way:nth-of-type(4) {
margin-right: 0;
margin-top: 0.2rem;
}
.c3_m_wrapper .floor8 .main_floor8 .way .desc {
width: 100%;
text-align: center;
margin-top: 0.3rem;
}
.c3_m_wrapper .floor8 .main_floor8 .way .desc p:first-of-type {
color: #fff;
}
.c3_m_wrapper .floor8 .main_floor8 .way .desc p:last-of-type {
color: #7E7D7D;
margin-top: 0.05rem;
}
.c3_m_wrapper .floor9 {
line-height: 0;
}
.c3_m_wrapper .floor9 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor9 .header-wrap h2 {
margin-top: 0;
}
.c3_m_wrapper .floor9 .header-wrap p {
margin-top: 0;
}
.c3_m_wrapper .floor9 .header-wrap p:first-of-type {
margin-top: 0.24rem;
}
.c3_m_wrapper .floor9 .bg {
height: 100%;
}
.c3_m_wrapper .floor9 .floor9_animate {
position: absolute;
width: 100%;
right: 0;
bottom: 0;
text-align: right;
}
.c3_m_wrapper .floor9 .floor9_animate .img0 {
width: 90%;
position: relative;
left: 0;
bottom: 0;
z-index: 2;
}
.c3_m_wrapper .floor9 .floor9_animate .img1 {
position: absolute;
top: 1.7rem;
left: 2.2rem;
z-index: 3;
width: 3.2rem;
}
.c3_m_wrapper .floor9 .floor9_animate .img2 {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
}
.c3_m_wrapper .floor10 {
line-height: 0;
z-index: 7;
}
.c3_m_wrapper .floor10 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor10 .header-wrap p {
margin-top: 0rem;
}
.c3_m_wrapper .floor10 .header-wrap p:first-of-type {
margin-top: 0.16rem;
}
.c3_m_wrapper .floor10 .bg {
height: 100%;
}
.c3_m_wrapper .floor10 .floor10_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_m_wrapper .floor10 .floor10_animate .img0 {
position: relative;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_m_wrapper .floor11 {
line-height: 0;
}
.c3_m_wrapper .floor11 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor11 .header-wrap p {
margin-top: 0rem;
}
.c3_m_wrapper .floor11 .header-wrap p:first-of-type {
margin-top: 0.16rem;
}
.c3_m_wrapper .floor11 .btn-images {
position: absolute;
width: 100%;
left: -0.5rem;
bottom: 0.5rem;
text-align: center;
z-index: 6;
}
.c3_m_wrapper .floor11 .btn-images > div {
width: 1.5rem;
height: 0.38rem;
display: inline-block;
margin-right: 0.1rem;
position: relative;
}
.c3_m_wrapper .floor11 .btn-images > div:last-of-type {
margin-right: 0;
}
.c3_m_wrapper .floor11 .btn-images > div img {
width: 25%;
}
.c3_m_wrapper .floor11 .btn-images > div span {
position: absolute;
top: 50%;
width: 1.2rem;
transform: translateY(-20%);
text-align: left;
font-size: 0.3rem;
margin-left: 0.02rem;
}
.c3_m_wrapper .floor11 .btn-images > div:first-of-type span {
color: #a9a9a9;
}
.c3_m_wrapper .floor11 .btn-images > div:last-of-type span {
color: #bfa385;
}
.c3_m_wrapper .floor11 .bg {
height: 100%;
}
.c3_m_wrapper .floor11 .floor11_animate {
position: absolute;
width: 100%;
left: 0;
bottom: 0.5rem;
}
.c3_m_wrapper .floor11 .floor11_animate .img0 {
position: relative;
width: 95%;
left: -0.2rem;
bottom: 0;
z-index: 3;
}
.c3_m_wrapper .floor12 {
line-height: 0;
}
.c3_m_wrapper .floor12 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor12 .header-wrap p {
margin-top: 0rem;
}
.c3_m_wrapper .floor12 .header-wrap p:first-of-type {
margin-top: 0.16rem;
}
.c3_m_wrapper .floor12 .bg {
height: 100%;
}
.c3_m_wrapper .floor12 .floor12_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
margin: 0 auto;
}
.c3_m_wrapper .floor12 .floor12_animate .img0 {
position: relative;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.c3_m_wrapper .floor13 {
line-height: 0;
}
.c3_m_wrapper .floor13 .header-wrap {
line-height: 1;
}
.c3_m_wrapper .floor13 .bg {
height: 100%;
}
.c3_m_wrapper .floor13 .floor13_animate {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
}
.c3_m_wrapper .floor13 .floor13_animate p {
color: #7E7D7D;
}
.c3_m_wrapper .floor13 .floor13_animate .img0 {
width: 80%;
position: relative;
left: 0;
bottom: -3rem;
z-index: 2;
}
.c3_m_wrapper .floor13 .floor13_animate .img1 {
position: absolute;
top: 3.8rem;
left: 4.5rem;
z-index: 5;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img2 {
position: absolute;
top: 3.8rem;
left: 1.5rem;
z-index: 1;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img3 {
position: absolute;
top: 5.85rem;
left: 1.5rem;
z-index: 1;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img4 {
position: absolute;
top: 5.85rem;
left: 4.5rem;
z-index: 1;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img5 {
position: absolute;
bottom: 3.5rem;
left: 1.5rem;
z-index: 1;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img6 {
position: absolute;
bottom: 3.5rem;
right: 1rem;
z-index: 1;
width: 2.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img7 {
position: absolute;
bottom: 1.4rem;
left: 1.15rem;
z-index: 1;
width: 2.2rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img8 {
position: absolute;
bottom: 1.4rem;
right: 1.53rem;
z-index: 1;
width: 1.5rem;
}
.c3_m_wrapper .floor13 .floor13_animate .img8 img {
width: 50%;
}
.c3_m_wrapper .floor14 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
font-size: 0.34rem;
}
.c3_m_wrapper .floor14 a {
color: #fff;
}
.text-init {
opacity: 0;
}
.m2_parameter_mainImg {
display: block !important;
margin: auto !important;
width: 80% !important;
padding-left: 0 !important;
}
@keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bling_animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes bling_animate {
25% {
transform: translateY(-12px);
}
50%,
100% {
transform: translateY(0);
}
75% {
transform: translateY(12px);
}
}
.bling_animate {
animation: bling_animate 2s infinite linear;
-moz-animation: bling_animate 2s infinite linear;
-o-animation: bling_animate 2s infinite linear;
-webkit-animation: bling_animate 2s infinite linear;
}
.text_animate_m {
animation: text_animate_m 0.5s ease-in-out both;
-moz-animation: text_animate_m 0.8s ease-in-out both;
-o-animation: text_animate_m 0.5s ease-in-out both;
-webkit-animation: text_animate_m 0.5s ease-in-out both;
}
.cat1_web_wrapper {
display: none;
}
.cat1_m_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.cat1_m_wrapper .cat1_floor {
width: 100%;
position: relative;
text-align: center;
}
.cat1_m_wrapper .cat1_floor .header-wrap {
top: 0.6rem;
position: absolute;
width: 100%;
text-align: center;
}
.cat1_m_wrapper .cat1_floor .header-wrap h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.36rem;
font-size: 0.24rem;
line-height: 0.36rem;
border-radius: 0.3rem;
background: #ffffff;
color: #000;
margin: 0 auto;
font-weight: 800;
}
.cat1_m_wrapper .cat1_floor .header-wrap h2 {
color: #ffffff;
font-size: 0.4rem;
font-weight: 800;
margin-top: 0.2rem;
}
.cat1_m_wrapper .cat1_floor .header-wrap p {
color: #7E7D7D;
margin-top: 0.16rem;
font-weight: 800;
}
.cat1_m_wrapper .cat1_floor p {
font-weight: 800;
font-size: 0.24rem;
}
.cat1_m_wrapper .cat1_floor .bg {
width: 100%;
}
.cat1_m_wrapper .floor1 {
line-height: 0;
}
.cat1_m_wrapper .floor1 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor1 .header-wrap p {
color: #ffffff;
}
.cat1_m_wrapper .floor2 {
margin: 0.5rem auto;
width: 90%;
}
.cat1_m_wrapper .floor2 .floor2_table {
width: 100%;
}
.cat1_m_wrapper .floor2 .floor2_table > div {
width: 50%;
float: left;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 0.6rem 0;
}
.cat1_m_wrapper .floor2 .floor2_table > div p {
color: #666666;
font-size: 0.28rem;
}
.cat1_m_wrapper .floor2 .floor2_table > div:last-of-type {
border-right: none;
}
.cat1_m_wrapper .floor2 .table_wrapper_last > div {
border-bottom: none;
}
.cat1_m_wrapper .floor3 {
line-height: 0;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel {
display: block;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel .swiper-slide {
width: 100%;
position: relative;
text-align: center;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel .swiper-slide .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel .swiper-slide .header-wrap p {
margin-top: 0.24rem;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel .swiper-slide .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor3 .m-cat1-bannel .swiper-slide .header-wrap p:last-of-type {
margin-top: 0;
}
.cat1_m_wrapper .floor4 {
line-height: 0;
}
.cat1_m_wrapper .floor4 .header-wrap {
line-height: 1;
top: 0.4rem;
}
.cat1_m_wrapper .floor4 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor4 .header-wrap p {
margin-top: 0.24rem;
}
.cat1_m_wrapper .floor4 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor5 {
line-height: 0;
}
.cat1_m_wrapper .floor5 .header-wrap {
line-height: 1;
top: 0.4rem;
}
.cat1_m_wrapper .floor5 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor5 .header-wrap p {
margin-top: 0.24rem;
color: #E2E2E2;
}
.cat1_m_wrapper .floor5 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor6 {
line-height: 0;
}
.cat1_m_wrapper .floor6 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor6 .header-wrap h2 {
margin-top: 0.16rem;
color: #000000;
}
.cat1_m_wrapper .floor6 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor6 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor6 .header-wrap p:last-of-type {
margin-top: 0;
}
.cat1_m_wrapper .floor7 {
line-height: 0;
}
.cat1_m_wrapper .floor7 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor7 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor7 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor7 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor8 {
line-height: 0;
}
.cat1_m_wrapper .floor8 .header-wrap {
line-height: 1;
top: 0.8rem;
}
.cat1_m_wrapper .floor8 .header-wrap h2 {
margin-top: 0.16rem;
color: #000000;
}
.cat1_m_wrapper .floor8 .main_floor8 {
position: absolute;
left: 0;
bottom: 0;
height: 92%;
width: 100%;
margin: 0 auto;
}
.cat1_m_wrapper .floor8 .main_floor8 div {
width: 100%;
margin-bottom: 0.45rem;
}
.cat1_m_wrapper .floor8 .main_floor8 div img {
width: 65%;
}
.cat1_m_wrapper .floor9 {
line-height: 0;
}
.cat1_m_wrapper .floor9 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor9 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor9 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor9 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor10 {
line-height: 0;
}
.cat1_m_wrapper .floor10 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor10 .header-wrap h2 {
margin-top: 0.16rem;
color: #000000;
}
.cat1_m_wrapper .floor10 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor11 {
line-height: 0;
}
.cat1_m_wrapper .floor11 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor11 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor11 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor11 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor12 {
line-height: 0;
}
.cat1_m_wrapper .floor12 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor12 .header-wrap h2 {
margin-top: 0.16rem;
color: #000000;
}
.cat1_m_wrapper .floor12 .header-wrap p {
margin-top: 0.24rem;
color: #898989;
}
.cat1_m_wrapper .floor12 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cat1_m_wrapper .floor12 .header-wrap p:nth-of-type(3) {
margin-top: 0;
}
.cat1_m_wrapper .floor13 {
line-height: 0;
}
.cat1_m_wrapper .floor13 .header-wrap {
line-height: 1;
}
.cat1_m_wrapper .floor13 .header-wrap h2 {
margin-top: 0.16rem;
}
.cat1_m_wrapper .floor13 .header-wrap .btn-images {
margin-top: 0.5rem;
}
.cat1_m_wrapper .floor13 .header-wrap .btn-images > div {
width: 1.3rem;
display: inline-block;
}
.cat1_m_wrapper .floor13 .header-wrap .btn-images > div:first-of-type {
margin-right: 0.5rem;
}
.cat1_m_wrapper .floor14 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
font-size: 0.34rem;
}
.cat1_m_wrapper .floor14 a {
color: #fff;
}
.text-init {
opacity: 0;
}
@keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-webkit-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-moz-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
@-o-keyframes text_animate_m {
from {
-webkit-transform: translateY(0.3rem);
-moz-transform: translateY(0.3rem);
-o-transform: translateY(0.3rem);
transform: translateY(0.3rem);
opacity: 0;
}
to {
transform: translateY(0rem);
-webkit-transform: translateY(0rem);
-moz-transform: translateY(0rem);
-o-transform: translateY(0rem);
opacity: 1;
}
}
.text_animate_m {
animation: text_animate_m 0.5s ease-in-out both;
-moz-animation: text_animate_m 0.8s ease-in-out both;
-o-animation: text_animate_m 0.5s ease-in-out both;
-webkit-animation: text_animate_m 0.5s ease-in-out both;
}
.cuber_web_wrapper {
display: none;
}
.cuber_m_wrapper {
width: 100%;
max-width: 2440px;
margin: 0 auto;
background: #FBFBFB;
}
.cuber_m_wrapper .cuber_floor {
width: 100%;
position: relative;
}
.cuber_m_wrapper .cuber_floor .header-wrap {
top: 0.6rem;
position: absolute;
width: 80%;
left: 10%;
}
.cuber_m_wrapper .cuber_floor .header-wrap h2 {
color: #ffffff;
font-size: 0.4rem;
font-weight: bold;
margin-top: 0.2rem;
}
.cuber_m_wrapper .cuber_floor .header-wrap p {
color: #7E7D7D;
margin-top: 0.16rem;
}
.cuber_m_wrapper .cuber_floor p {
font-size: 0.24rem;
}
.cuber_m_wrapper .cuber_floor .bg {
width: 100%;
}
.cuber_m_wrapper .floor1 {
line-height: 0;
}
.cuber_m_wrapper .floor1 .header-wrap-h {
line-height: 1;
top: 0.6rem;
position: absolute;
width: 100%;
text-align: center;
}
.cuber_m_wrapper .floor1 .header-wrap-h h1 {
display: inline-block;
padding: 0 0.1rem;
height: 0.36rem;
font-size: 0.14rem;
line-height: 0.36rem;
border-radius: 0.3rem;
background: #4fbcc5;
color: #ffffff;
margin: 0 auto;
}
.cuber_m_wrapper .floor1 .header-wrap-h h2 {
color: #3CB0BA;
margin-top: 0.16rem;
font-weight: bold;
font-size: 0.4rem;
}
.cuber_m_wrapper .floor1 .header-wrap-h p {
color: #37B8C4;
margin-top: 0.16rem;
}
.cuber_m_wrapper .floor2 {
line-height: 0;
}
.cuber_m_wrapper .floor2 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor2 .header-wrap h2 {
margin-top: 0.16rem;
color: #EFF8FE;
}
.cuber_m_wrapper .floor2 .header-wrap p {
margin-top: 0.24rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor2 .header-wrap p:nth-of-type(2) {
margin-top: 0;
}
.cuber_m_wrapper .floor3 {
line-height: 0;
}
.cuber_m_wrapper .floor3 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor3 .header-wrap h2 {
margin-top: 0.16rem;
color: #5C848C;
}
.cuber_m_wrapper .floor3 .header-wrap p {
line-height: 0.4rem;
color: #556264;
}
.cuber_m_wrapper .floor4 {
line-height: 0;
}
.cuber_m_wrapper .floor4 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor4 .header-wrap h2 {
margin-top: 0.16rem;
color: #A3A3A3;
}
.cuber_m_wrapper .floor4 .header-wrap p {
line-height: 0.4rem;
color: #727272;
}
.cuber_m_wrapper .floor5 {
line-height: 0;
}
.cuber_m_wrapper .floor5 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor5 .header-wrap h2 {
margin-top: 0.16rem;
color: #4A7C81;
}
.cuber_m_wrapper .floor5 .header-wrap p {
line-height: 0.4rem;
color: #4A7C81;
}
.cuber_m_wrapper .floor6 {
line-height: 0;
}
.cuber_m_wrapper .floor6 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor6 .header-wrap h2 {
margin-top: 0.16rem;
color: #8DDFFA;
}
.cuber_m_wrapper .floor6 .header-wrap p {
line-height: 0.4rem;
color: #97E9FE;
}
.cuber_m_wrapper .floor7 {
line-height: 0;
}
.cuber_m_wrapper .floor7 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor7 .header-wrap h2 {
margin-top: 0.16rem;
color: #35709E;
}
.cuber_m_wrapper .floor7 .header-wrap p {
line-height: 0.4rem;
color: #35709E;
}
.cuber_m_wrapper .floor8 {
line-height: 0;
}
.cuber_m_wrapper .floor8 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor8 .header-wrap h2 {
margin-top: 0.16rem;
color: #393939;
}
.cuber_m_wrapper .floor8 .header-wrap p {
line-height: 0.4rem;
color: #393939;
}
.cuber_m_wrapper .floor9 {
line-height: 0;
}
.cuber_m_wrapper .floor9 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor9 .header-wrap h2 {
margin-top: 0.16rem;
color: #565656;
}
.cuber_m_wrapper .floor9 .header-wrap p {
line-height: 0.4rem;
color: #737373;
}
.cuber_m_wrapper .floor10 {
line-height: 0;
}
.cuber_m_wrapper .floor10 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor10 .header-wrap h2 {
margin-top: 0.16rem;
color: #576E82;
}
.cuber_m_wrapper .floor10 .header-wrap p {
line-height: 0.4rem;
color: #677C8E;
}
.cuber_m_wrapper .floor11 {
line-height: 0;
}
.cuber_m_wrapper .floor11 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor11 .header-wrap h2 {
margin-top: 0.16rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor11 .header-wrap p {
line-height: 0.4rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor12 {
line-height: 0;
}
.cuber_m_wrapper .floor12 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor12 .header-wrap h2 {
margin-top: 0.16rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor12 .header-wrap p {
line-height: 0.4rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor13 {
line-height: 0;
}
.cuber_m_wrapper .floor13 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor13 .header-wrap h2 {
margin-top: 0.16rem;
color: #517E92;
}
.cuber_m_wrapper .floor13 .header-wrap p {
line-height: 0.4rem;
color: #5B879B;
}
.cuber_m_wrapper .floor14 {
line-height: 0;
}
.cuber_m_wrapper .floor14 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor14 .header-wrap h2 {
margin-top: 0.16rem;
color: #597D9C;
}
.cuber_m_wrapper .floor14 .header-wrap p {
line-height: 0.4rem;
color: #6F8DA7;
}
.cuber_m_wrapper .floor15 {
line-height: 0;
}
.cuber_m_wrapper .floor15 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor15 .header-wrap h2 {
margin-top: 0.16rem;
color: #4D4D4D;
}
.cuber_m_wrapper .floor15 .header-wrap p {
line-height: 0.4rem;
color: #646464;
}
.cuber_m_wrapper .floor16 {
line-height: 0;
}
.cuber_m_wrapper .floor16 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor16 .header-wrap h2 {
margin-top: 0.16rem;
color: #FFFFFF;
}
.cuber_m_wrapper .floor16 .header-wrap p {
line-height: 0.4rem;
color: #C1C1C1;
}
.cuber_m_wrapper .floor17 {
line-height: 0;
}
.cuber_m_wrapper .floor17 .header-wrap {
line-height: 1;
}
.cuber_m_wrapper .floor17 .header-wrap h2 {
margin-top: 0.16rem;
color: #5A5A5A;
}
.cuber_m_wrapper .floor17 .header-wrap p {
line-height: 0.4rem;
color: #6C6C6C;
}
.cuber_m_wrapper .floor18 {
width: 100%;
text-align: center;
height: 1rem;
background: #000;
line-height: 1rem;
font-size: 0.34rem;
}
.cuber_m_wrapper .floor18 a {
color: #fff;
}
.text-init {
opacity: 0;
}
.nav .down,
.fix.nav .down {
z-index: 1009;
}
.e2_wap_wrapper {
background-color: #12121C;
}
.e2_wap_wrapper .header-wrap-h2 {
font-size: 0.52rem !important;
line-height: normal !important;
font-weight: 800 !important;
}
.e2_wap_wrapper .header-wrap-p {
margin-top: 0.4rem !important;
color: #4E4E64 !important;
font-size: 0.2rem !important;
}
.e2_wap_wrapper .header-wrap-des {
color: #48485C !important;
font-size: 0.15rem !important;
font-weight: normal !important;
}
.e2_wap_wrapper .header-wrap-ul {
overflow: hidden;
display: flex;
line-height: normal;
z-index: 100;
}
.e2_wap_wrapper .header-wrap-ul li span {
display: flex;
align-items: center;
color: #AFAFD2;
font-size: 0.3rem;
}
.e2_wap_wrapper .header-wrap-ul li span img {
width: auto;
height: 0.28rem;
margin-left: 0.1rem;
}
.e2_wap_wrapper .header-wrap-ul li em {
color: #AFAFD2;
font-style: normal;
font-size: 0.25rem;
}
.e2_wap_wrapper .header-wrap-ul li p {
color: #48485C;
font-size: 0.18rem;
}
.e2_wap_wrapper .bg {
width: 100% !important;
height: auto !important;
}
.e2_wap_wrapper .header-wrap-body {
position: relative;
}
.e2_wap_wrapper .header-wrap-body-item {
position: absolute;
top: 0;
left: 0;
padding: 0.6rem;
text-align: left;
width: 100%;
height: 100%;
}
.e2_wap_wrapper .header-wrap-body-item h3 {
display: block;
line-height: normal;
font-size: 0.3rem;
color: #AFAFD2;
font-weight: 800 !important;
}
.e2_wap_wrapper .header-wrap-body-item > p {
margin: 0.2rem 0 0.3rem;
font-size: 0.2rem;
color: #4E4E64;
}
.e2_wap_wrapper .floor1 {
position: relative;
}
.e2_wap_wrapper .floor1 .header-wrap {
top: 0.4rem;
}
.e2_wap_wrapper .floor1 .header-wrap .floor1-icon {
padding: 0.05rem 0.24rem !important;
background-color: #DDDDF8 !important;
color: #180814 !important;
height: auto;
font-size: 0.22rem;
font-weight: bold;
}
.e2_wap_wrapper .floor1 .header-wrap > h2 {
margin-top: 0.3rem;
color: #DDDDF8;
}
.e2_wap_wrapper .floor1 .bg1 {
position: absolute;
right: 0;
left: 0;
bottom: 0;
margin: auto;
width: 100%;
}
.e2_wap_wrapper .floor2 .floor2_table > div {
border: none;
display: flex;
align-items: center;
height: auto;
padding: 0.3rem 0 0.3rem 0.2rem;
}
.e2_wap_wrapper .floor2 .floor2_table > div p {
display: flex;
align-items: center;
color: #AFAFD2 !important;
font-size: 0.3rem !important;
}
.e2_wap_wrapper .floor2 .floor2_table > div p img {
width: auto;
height: 0.28rem;
margin-right: 0.1rem;
}
.e2_wap_wrapper .floor3 {
position: relative;
}
.e2_wap_wrapper .floor3 .header-wrap {
top: 0;
text-align: left;
padding: 0.6rem;
}
.e2_wap_wrapper .floor3 .header-wrap h2 {
color: #fff;
}
.e2_wap_wrapper .floor3 .header-wrap p {
margin-top: 0.4rem;
color: #fff;
font-size: 0.2rem;
font-weight: normal;
}
.e2_wap_wrapper .floor3 .header-wrap .header-wrap-h2-smore {
margin-top: 0.22rem !important;
font-size: 0.15rem !important;
}
.e2_wap_wrapper .floor3 .bg1 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 38%;
height: auto;
}
.e2_wap_wrapper .floor4 {
height: 12.4rem;
}
.e2_wap_wrapper .floor4 .bg {
width: 100% !important;
height: 100% !important;
}
.e2_wap_wrapper .floor4 .header-wrap {
text-align: left;
padding: 0.6rem;
top: 0;
}
.e2_wap_wrapper .floor4 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor4 .header-wrap > p {
margin-top: 0.36rem !important;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul {
display: block;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul li {
display: block;
margin: 0.3rem 0;
text-align: left;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul li span {
display: flex;
align-items: center;
color: #AFAFD2 !important;
font-size: 0.3rem !important;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul li span em {
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul li span img {
width: auto;
height: 0.28rem;
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor4 .header-wrap .header-wrap-ul li p {
margin-top: 0 !important;
font-size: 0.18rem;
color: #48485C;
}
.e2_wap_wrapper .floor4 .floor4-bg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 0.6rem;
}
.e2_wap_wrapper .floor4 .floor4-bg .img1 {
float: right;
width: 50%;
height: auto;
}
.e2_wap_wrapper .floor4 .floor4-bg .img2 {
margin-bottom: 0.3rem;
}
.e2_wap_wrapper .floor5 {
height: 12.4rem;
}
.e2_wap_wrapper .floor5 .bg {
width: 100% !important;
height: 100% !important;
}
.e2_wap_wrapper .floor5 .header-wrap {
text-align: left;
padding: 0.6rem;
top: 0;
}
.e2_wap_wrapper .floor5 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor5 .header-wrap > p {
margin-top: 0.36rem !important;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul {
justify-content: space-between;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul li {
display: block;
text-align: left;
margin: 0.4rem 0;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul li span {
display: flex;
align-items: center;
color: #AFAFD2 !important;
font-size: 0.3rem !important;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul li span em {
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul li span img {
width: auto;
height: 0.28rem;
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor5 .header-wrap .header-wrap-ul li p {
margin-top: 0.05rem !important;
font-size: 0.18rem;
color: #48485C;
}
.e2_wap_wrapper .floor5 .floor4-bg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.e2_wap_wrapper .floor6 {
height: auto;
}
.e2_wap_wrapper .floor6 .header-wrap {
text-align: left;
top: 0;
}
.e2_wap_wrapper .floor6 .header-wrap > h2 {
padding: 0.6rem;
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor6 .header-wrap > ul {
overflow: hidden;
padding: 0 0.4rem;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li {
position: relative;
float: left;
width: 100%;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li > div {
position: absolute;
left: 0;
bottom: 0.6rem;
width: 100%;
text-align: center;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li > div h3 {
display: flex;
align-items: center;
font-size: 0.3rem;
color: #AFAFD2;
text-align: center;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li > div h3 span {
display: flex;
align-items: center;
margin: 0 auto;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li > div h3 span img {
width: auto;
height: 0.28rem;
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor6 .header-wrap > ul li > div p {
margin-top: 0.15rem !important;
font-size: 0.2rem;
color: #48485C;
}
.e2_wap_wrapper .header-wrap-body-item h3 {
display: flex;
align-items: center;
}
.e2_wap_wrapper .header-wrap-body-item h3 img {
width: auto;
height: 0.28rem;
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor7 .header-wrap {
top: 0.3rem !important;
}
.e2_wap_wrapper .floor7 .header-wrap-ul li {
margin-right: 0.2rem;
}
.e2_wap_wrapper .floor7 .img1 {
position: absolute;
left: 0.6rem;
margin-top: 0.2rem;
width: 40%;
height: auto;
}
.e2_wap_wrapper .floor7 .img3,
.e2_wap_wrapper .floor7 .img2 {
position: absolute;
right: 0;
width: 80%;
height: auto;
margin-top: -0.6rem;
}
.e2_wap_wrapper .floor8,
.e2_wap_wrapper .floor16 {
height: auto;
}
.e2_wap_wrapper .floor8 .header-wrap-ul li,
.e2_wap_wrapper .floor16 .header-wrap-ul li {
margin-right: 0.8rem;
}
.e2_wap_wrapper .floor8 .img1,
.e2_wap_wrapper .floor16 .img1 {
position: absolute;
left: 0.6rem;
margin-top: 0.2rem;
width: 40%;
height: auto;
}
.e2_wap_wrapper .floor8 .img3,
.e2_wap_wrapper .floor16 .img3 {
position: absolute;
right: 0;
width: 100%;
height: auto;
bottom: 0 !important;
}
.e2_wap_wrapper .floor9 .header-wrap-ul {
display: block;
margin: 0.3rem 0;
}
.e2_wap_wrapper .floor9 .header-wrap-ul li {
float: left;
width: 50%;
}
.e2_wap_wrapper .floor9 .img1 {
position: absolute;
left: 0.6rem;
margin-top: 0.2rem;
width: 40%;
height: auto;
}
.e2_wap_wrapper .floor9 .img3 {
position: absolute;
right: 0;
left: 0;
width: 60%;
height: auto;
margin: auto;
}
.e2_wap_wrapper .floor9 .img_1 {
position: absolute;
width: 0.45rem;
height: auto;
left: 42%;
top: 69%;
}
.e2_wap_wrapper .floor9 .img_2 {
position: absolute;
width: 0.45rem;
height: auto;
left: 62%;
top: 89%;
}
.e2_wap_wrapper .floor9 .img_3 {
position: absolute;
width: 0.45rem;
height: auto;
left: 42%;
top: 50%;
}
.e2_wap_wrapper .floor9 .img_4 {
position: absolute;
width: 0.45rem;
height: auto;
left: 61%;
top: 43%;
}
.e2_wap_wrapper .floor9 .img_5 {
position: absolute;
width: 0.45rem;
height: auto;
left: 39%;
top: 60%;
}
.e2_wap_wrapper .floor10 {
height: auto;
}
.e2_wap_wrapper .floor10 .header-wrap-body-floor10 {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0.6rem;
z-index: 100;
}
.e2_wap_wrapper .floor10 .header-wrap-ul {
display: block;
margin: 0.3rem 0;
}
.e2_wap_wrapper .floor10 .header-wrap-ul li {
width: 100%;
}
.e2_wap_wrapper .floor10 .img1 {
position: absolute;
left: 0;
top: 3rem;
width: 50%;
height: auto;
}
.e2_wap_wrapper .floor10 .img3 {
position: absolute;
top: 0;
right: 0;
width: 45%;
height: 100%;
bottom: 0 !important;
}
.e2_wap_wrapper .floor10 .img2 {
position: absolute;
left: 0;
width: 45%;
height: auto;
bottom: 0 !important;
}
.e2_wap_wrapper .floor11 .header-wrap {
text-align: left;
padding: 0.6rem;
top: 0;
z-index: 100;
}
.e2_wap_wrapper .floor11 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor11 .header-wrap > p {
color: #4E4E64;
font-size: 0.2rem;
margin-top: 0.36rem !important;
}
.e2_wap_wrapper .floor11 .bg2 {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
width: 22%;
height: auto;
z-index: 99;
}
.e2_wap_wrapper .floor12 {
height: 11rem;
}
.e2_wap_wrapper .floor12 .bg {
width: 100% !important;
height: 100% !important;
}
.e2_wap_wrapper .floor12 .header-wrap {
text-align: left;
padding: 0.6rem;
top: 0;
z-index: 100;
}
.e2_wap_wrapper .floor12 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor12 .floor12-body {
overflow: hidden;
display: block;
width: 100%;
margin-top: 0.3rem;
}
.e2_wap_wrapper .floor12 .floor12-body li {
width: 50%;
padding: 0;
margin-top: 0.5rem;
}
.e2_wap_wrapper .floor12 .floor12-body li p {
margin-top: 0.05rem !important;
font-weight: normal;
font-size: 0.18rem;
color: #48485C;
}
.e2_wap_wrapper .floor12 .floor12-body li:nth-child(odd) {
float: left;
width: 56%;
}
.e2_wap_wrapper .floor12 .floor12-body li:nth-child(even) {
overflow: hidden;
float: right;
width: 42%;
}
.e2_wap_wrapper .floor12 .header-wrap-des {
margin-top: 0.8rem !important;
}
.e2_wap_wrapper .floor15 {
position: relative;
width: 100%;
text-align: center;
line-height: 0;
}
.e2_wap_wrapper .floor15 .header-wrap {
top: 0;
text-align: left;
padding: 0.6rem;
}
.e2_wap_wrapper .floor15 .header-wrap h2 {
color: #fff;
}
.e2_wap_wrapper .floor15 .header-wrap p {
margin-top: 0.4rem;
color: #fff;
font-size: 0.2rem;
font-weight: normal;
}
.e2_wap_wrapper .floor15 .header-wrap .header-wrap-h2-smore {
margin-top: 0.22rem !important;
font-size: 0.15rem !important;
}
.e2_wap_wrapper .floor15 .header-wrap ul {
margin-top: 1rem;
line-height: normal;
}
.e2_wap_wrapper .floor15 .header-wrap ul li {
display: flex;
align-items: center;
margin: 0.1rem 0;
}
.e2_wap_wrapper .floor15 .header-wrap ul li span {
display: inline-block;
padding: 0.1rem 0.1rem 0.26rem;
text-align: center;
font-size: 0.2rem;
color: #fff;
z-index: 999;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img1 {
margin-left: 0.2rem;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img1 span {
background: url(/src/img/e2/mobile/010/f899ec23.1.png) center center no-repeat;
background-size: 100% auto ;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img2 {
margin-left: 0.5rem;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img2 span {
background: url(/src/img/e2/mobile/010/b92d85fc.2.png) center center no-repeat;
background-size: 100% auto ;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img3 {
margin-left: 0.1rem;
}
.e2_wap_wrapper .floor15 .header-wrap ul .floor15_img3 span {
background: url(/src/img/e2/mobile/010/0770de5c.3.png) center center no-repeat;
background-size: 100% auto ;
}
.e2_wap_wrapper .floor15 .bg1 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 38%;
height: auto;
}
.e2_wap_wrapper .floor16 .header-wrap-body {
height: 13rem;
}
.e2_wap_wrapper .floor16 .header-wrap-body .bg {
width: 100% !important;
height: 100% !important;
}
.e2_wap_wrapper .floor16 .header-wrap-body-item {
text-align: left;
padding: 0.6rem;
top: 0;
z-index: 100;
}
.e2_wap_wrapper .floor16 .header-wrap-body-item > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor16 .header-wrap-body-item > p {
color: #4E4E64;
font-size: 0.2rem;
margin-top: 0.36rem !important;
}
.e2_wap_wrapper .floor16 .img1 {
left: 0;
width: 100%;
}
.e2_wap_wrapper .floor17 .header-wrap {
overflow: hidden;
position: absolute;
text-align: left;
padding: 0.6rem;
top: 0;
left: 0;
z-index: 100;
}
.e2_wap_wrapper .floor17 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor17 .header-wrap ul {
width: 4rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.e2_wap_wrapper .floor17 .header-wrap ul li {
display: flex;
align-items: center;
color: #9393B0;
font-size: 0.23rem;
padding: 0.1rem 0.15rem;
}
.e2_wap_wrapper .floor17 .header-wrap ul li img {
width: auto;
height: 0.28rem;
margin-right: 0.1rem;
}
.e2_wap_wrapper .floor17 .header-wrap ul .floor17-one {
border: 2px solid #35394c;
border-radius: 0.16rem;
}
.e2_wap_wrapper .floor17 .floor17-body {
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: 8.14rem;
margin-top: 0.3rem;
}
.e2_wap_wrapper .floor17 .floor17-body img {
width: auto;
height: 100%;
}
.e2_wap_wrapper .floor13 {
height: 13.2rem;
background-color: #020306;
}
.e2_wap_wrapper .floor13 .header-wrap {
text-align: left;
padding: 0.6rem 0.6rem 0;
top: 0;
z-index: 100;
}
.e2_wap_wrapper .floor13 .header-wrap > h2 {
margin-top: 0 !important;
color: #DDDDF8 !important;
}
.e2_wap_wrapper .floor13 .header-wrap > p {
color: #4E4E64;
font-size: 0.2rem;
margin-top: 0.36rem !important;
}
.e2_wap_wrapper .floor13 .floor13_animates {
position: relative;
margin-top: 0.5rem;
}
.e2_wap_wrapper .floor13 .floor13_animates ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.e2_wap_wrapper .floor13 .floor13_animates ul li {
float: left;
width: 50%;
margin-top: 0.64rem;
text-align: center;
}
.e2_wap_wrapper .floor13 .floor13_animates ul li span {
font-size: 0.34rem !important;
color: #AFAFD2;
}
.e2_wap_wrapper .floor13 .floor13_animates ul li span em {
font-style: normal;
font-size: 0.23rem;
color: #9393B0;
}
.e2_wap_wrapper .floor13 .floor13_animates ul li p {
margin-top: 0rem !important;
font-size: 0.2rem;
color: #AFAFD2;
font-weight: normal;
}
.e2_wap_wrapper .floor13 .header-wrap-des {
margin-top: 0.8rem !important;
}
.e2_wap_wrapper .floor14 a {
display: inline-block;
width: 100%;
height: 100%;
}
}
@media (min-width: 1920px) {
.c3_web_wrapper h1 {
height: 0.3rem;
font-size: 0.16rem;
line-height: 0.3rem;
}
.c3_web_wrapper .floor3 {
height: 13rem;
}
.c3_web_wrapper .floor3 .main_floor3 {
bottom: 1rem;
height: 7.86rem;
width: 17rem;
}
.c3_web_wrapper .floor8 {
height: 13rem;
}
.c3_web_wrapper .floor8 .main_floor8 {
bottom: 2rem;
height: 7.86rem;
width: 17rem;
}
.c3_web_wrapper .floor11 {
height: 13rem;
}
.c3_web_wrapper .floor11 .floor11_animate {
width: 8.9rem;
margin-left: -4.8rem;
}
.c3_web_wrapper .floor13 {
height: 13rem;
}
.c3_web_wrapper .floor13 .floor13_animate {
position: absolute;
width: 16rem;
height: 5.405rem;
margin-left: -8rem;
left: 50%;
bottom: 4.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img1 {
position: absolute;
top: 1.7rem;
left: 5.31rem;
z-index: 5;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img2 {
position: absolute;
top: 1.7rem;
left: 1.4rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img3 {
position: absolute;
top: 1.7rem;
left: 9.26rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img4 {
position: absolute;
top: 1.7rem;
right: 1.2rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img5 {
position: absolute;
bottom: -0.2rem;
left: 1.4rem;
z-index: 1;
width: 1.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img6 {
position: absolute;
bottom: -0.2rem;
left: 4.8rem;
z-index: 1;
width: 2.5rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img7 {
position: absolute;
bottom: -0.2rem;
right: 4.81rem;
z-index: 1;
width: 2.2rem;
}
.c3_web_wrapper .floor13 .floor13_animate .img8 {
position: absolute;
bottom: -0.2rem;
right: 1.55rem;
z-index: 1;
width: 0.8rem;
}
.e2_web_wrapper .e2_floor13 .floor13_animate {
overflow: hidden;
position: absolute;
top: 3rem !important;
height: auto !important;
width: 10rem !important;
margin-left: -5rem !important;
}
}
/*# sourceMappingURL=styles.800c4deba40ce40c183d.css.map*/