/** * Released under the MIT License * * Released on: October 16, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .mm-menu.mm-offcanvas { display: none; position: fixed; /*20170807xg*/ opacity: 0; visibility: hidden; } .mm-menu.mm-current { display: block!important; opacity: 1; visibility:visible; } .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 23px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 23px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-blocking #mm-blocker { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } @charset "utf-8"; /*@font-face { font-family: 'INTER'; src: url('../font/INTERSTATECOND.eot'); src: url('../font/INTERSTATECOND.eot?#font-spider') format('embedded-opentype'), url('../font/INTERSTATECOND.woff') format('woff'), url('../font/INTERSTATECOND.ttf') format('truetype'), url('../font/INTERSTATECOND.svg') format('svg'); font-weight: normal; font-style: normal; }*/ /* 初始化CSS */ html {font-size: 187.5% !important; } *{margin:0; padding:0;} h1, h2, h3, h4, h5, h6{/* font-size:100%; */ font-weight:bold;} fieldset, img{border:none; vertical-align:middle;} address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;} ul, ol{list-style:none;} li{list-style-type:none;} input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;} select, input{vertical-align:middle;} select, input, textarea{ margin:0; font-size:12px;} input[type="text"], input[type="password"], textarea{outline-style:none;} textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;} body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;scroll-behavior:smooth;} a{text-decoration:none; color:inherit;} i, em{ font-style:normal;} .clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";} .clearfix{zoom:1;} .fl{ float:left;} .fr{ float:right;} .auto{ margin-left:auto; margin-right:auto;} /*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/ input,textarea{outline: none;} /*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/ input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;} /*自定义 input,textarea 的placeholder文字样式*/ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;} /*滚动条*/ body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;} body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;} /*html5*/ article,aside,footer,header,section,footer,nav,figure,main{display:block} /*小号文字 scale以12号字体为基准 需写实际字号大小*/ .font_adjust{-webkit-text-size-adjust:none;} .font_scale8{ -webkit-transform: scale(0.66);} .font_scale10{ -webkit-transform: scale(0.83);} .font_lc{-webkit-transform-origin:left center;} .font_rc{-webkit-transform-origin:right center;} .font_up{text-transform:uppercase;} /*文字截断*/ .TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /*transition*/ .tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;} .tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;} .tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;} .tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;} .tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;} /*动效*/ .scaleimg:hover .pic img, .scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);} *:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;} *:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); } /*搜索弹窗样式*/ .cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";} .hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;} .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; } .hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; } .hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; } .hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; } .hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #19408c;} .header .menuIcon{width: 24px;cursor: pointer;display: none; /*position: absolute;right: 5%;top:50%; -webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);*/} .header .menuIcon img{width: 100%;filter: brightness(0) invert(1);} .navForm{background: #fff;border-radius: 3px;} .navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;} .navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;} .mm-listview > li.nBorder:not(.mm-divider):after{display:none;} .scrollStyle::-webkit-scrollbar{width: 6px;height: 4px;background: #eee;border-radius: 2px;} .scrollStyle::-webkit-scrollbar-thumb{background: #2BB7B4;border-radius: 2px;} .bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} /*按钮背景动效*/ .ani-btn{z-index: 1;position: relative;overflow: hidden;} .ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #CF1414;transform: translate(-50%,-50%) scale(0);} .ani-btn:hover{border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in-out;} .ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;} /*按钮背景动效2*/ .ani-btn2{z-index: 1;position: relative;overflow: hidden;} .ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #CF1414;transform: skew(50deg) scaleX(0);transform-origin: left bottom;} .ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in;} .ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;} /*按钮背景动效3*/ .ani-btn3{z-index: 0;position: relative;overflow: hidden;} .ani-btn3:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,red,orange,yellow,orange,red,orange,yellow,orange,red);background-size: 200% 100%;transform: skew(50deg) scaleX(0);transform-origin: left bottom;} .ani-btn3:hover{color: #fff!important;transition: 0.5s ease-in-out;} .ani-btn3:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.6s ease-in;animation: bgAni 2s infinite linear;} @keyframes bgAni{ 0%{background-position: 0 0;} } /*边距*/ .mrgBtm10{margin-bottom: 10px;} .padding80{padding: 2.66rem 0;} .padding60{padding: 2rem 0;} .padding50{padding: 1.66rem 0;} .padding40{padding: 1.33rem 0;} .padding30{padding: 1rem 0;} .padding20{padding: 0.66rem 0;} /*网页限定宽度*/ .w1200{width: 1200px;margin: 0 auto;} .w1440{width: 90%;margin: 0 auto;max-width: 1440px;} /* 单页默认样式 */ .pageStyle{color: #111111;line-height: 32px;} .pageStyle *{max-width: 100% !important;} .pageStyle img{height: auto !important;max-width: 100% !important;} .pageStyle ul,.pageStyle ul li{list-style: disc inside;} /* flex布局 */ .disflex{display: flex;} .flexCenter{display: flex;justify-content: center;align-items: center;} .flexBetween{display: flex;justify-content: space-between;align-items: center;} /* 字号公用 */ .fz12{font-size:0.4rem ;} .fz14{font-size: 0.466rem;} .fz16{font-size: 0.533rem;font-size: 16px;} .fz18{font-size: 0.6rem;} .fz20{font-size: 0.66rem;} .fz22{font-size:0.733rem ;} .fz24{font-size: 0.8rem;} .fz26{font-size: 0.866rem;} .fz28{font-size: 0.933rem;} .fz30{font-size: 1rem;} .fz32{font-size: 1.06rem;} .fz34{font-size: 1.13rem;} .fz36{font-size: 1.2rem;} .fz38{font-size: 1.26rem;} .fz39{font-size: 1.3rem;} .fz40{font-size: 1.33rem;} .fz44{font-size: 1.46rem;} .fz45{font-size: 1.5rem;} .fz48{font-size: 1.6rem;} .fz50{font-size: 1.66rem;} .fz54{font-size: 1.8rem;} .fz180{font-size: 6rem;} @media screen and (max-width: 1480px){ } @media screen and (max-width: 1280px){ html {font-size: 160% !important;} } @media screen and (max-width: 1024px){ } @media screen and (max-width: 760px){ .fz54{font-size: 1.2rem;} .fz50{font-size: 1rem;} .fz45{font-size: 0.9rem;} .fz44{font-size: 0.9rem;} .fz36{font-size: 0.9rem;} .fz32{font-size: 0.76rem;} .fz30{font-size: 0.75rem;} .fz28{font-size: 0.7rem;} .fz16{font-size: 14px;} .pageStyle{line-height: 28px;} } @media screen and (max-width: 468px){ }/* header */ .header{position: absolute;left: 0;top: 0;z-index: 9;width: 100%;line-height: 110px;color: #FFFFFF;position: fixed;} .header .logo img{filter: brightness(0) invert(1);} .header .nav{padding-right: 14px;} .header .nav .nLi{padding: 0 18px;} .header .form{background: rgba(255, 255, 255, 0.2);border-radius: 0.8rem;margin-right: 20px;padding: 0 0 0 20px;border: 1px solid rgba(255, 255, 255, 0);} .header .form .text{width: 5.766rem;height: 1.6rem;border: none;background: none;color: #fff;line-height: 1.6rem;} .header .form .subm{width: 2.3rem;height: 1.6rem;border: none;background: url(../images/icon-search1.svg) no-repeat center;backgrond-size: 20px auto;cursor: pointer;filter: brightness(0) invert(1);} .header .tel{padding: 0 20px 0 12px;background: rgba(255, 255, 255, 0.2);border-radius: 0.8rem;height: 1.6rem;background: #fff;color: #2bb7b3;} .header .tel img{margin-right: 8px;} .header.fixed{background: #fff;color: #333;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .header.fixed .logo img{filter: brightness(1) invert(0);} .header.fixed .form{border-color: #2bb7b3;} .header.fixed .form .text{color: #333;} .header.fixed .form .subm{filter: brightness(1) invert(0);} .header.fixed .tel{background: #2bb7b3;color: #fff;} .header.fixed .tel img{filter: brightness(0) invert(1);} /* 分页器样式 */ .paginationStyle.swiper-pagination{bottom: 1.66rem;height: 22px;line-height: 22px;} .paginationStyle.swiper-pagination .swiper-pagination-bullet{margin: 0 7px;width: 22px;height: 22px;position: relative;background: none;opacity: 1;} .paginationStyle.swiper-pagination .swiper-pagination-bullet:before, .paginationStyle.swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;border-radius: 50%;} .paginationStyle.swiper-pagination .swiper-pagination-bullet:before{width: 8px;height: 8px;background: #FFFFFF;left: 50%;top: 50%;transform: translate(-50%, -50%);} .paginationStyle.swiper-pagination .swiper-pagination-bullet:after{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #fff;left: 0;top: 0;transform: scale(0);opacity: 0;} .paginationStyle.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{transform: scale(1);opacity: 1;} /* moreBtn */ .moreBtn{width: 5.733rem;height: 1.933rem;background: #2bb7b3;border: 1px solid #2bb7b3;border-radius: 1rem;box-sizing: border-box;text-align: center;color: #fff;} .moreBtn:hover{background: #fff;color: #2bb7b3;} .moreBtn.moreBtn1{border: 2px solid #2bb7b3;background: #fff;color: #2bb7b3;} .moreBtn.moreBtn1:hover{background: #2bb7b3;color: #fff;} .moreBtn.white{background: #fff;color: #2BB7B4;border-color: #fff;} .moreBtn.white:hover{background: #2BB7B4;border-color: #2BB7B4;color: #fff;} .moreBtn.gray{background: #3A3A42;border-color: #3A3A42;} .moreBtn.gray:hover{background: #2bb7b3;border-color: #2bb7b3;color: #fff;} .moreBtn.big{width: 6.66rem;} /* swiper-pagination-style1 */ .swiper-pagination.swiper-pagination-style1 .swiper-pagination-bullet{width: 12px;height: 12px;background: #c6c6c6;border-radius: 50%;margin: 0 16px 0 0;opacity: 1;} .swiper-pagination.swiper-pagination-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #2bb7b3;} /* footer */ .footer{background: #3b3b42;color: rgba(255, 255, 255, 0.4);} .footer .top{padding: 2.66rem 0 2rem;border-bottom: 1px solid rgba(255, 255, 255, 0.2);align-items: flex-start;} .footer .top .left{margin-right: 2.66rem;padding-right: 3.66rem;border-right: 1px solid rgba(255, 255, 255, 0.2);} .footer .top .logo{display: flex;align-items: center;} .footer .top .logo img{filter: brightness(0) invert(1);opacity: 0.8;} .footer .top .logo h5{color: rgba(255, 255, 255, 0.46);margin-left: 20px;} .footer .top .tel{margin: 1.2rem 0 0.7rem;color: rgba(255, 255, 255, 0.8);line-height: 34px;margin: 0.7rem 0;} .footer .top .tel span{color: #2bb7b3;font-weight: bold;margin-left: 10px;} .footer .top .link li{margin-right: 1rem;position: relative;line-height: 32px;cursor: pointer;} .footer .top .link li:last-child{margin-right: 0;} .footer .top .link li .icon{margin-right: 10px;} .footer .top .link li .codeImg{position: absolute;left: 50%;margin-left: -75px;bottom: 36px;z-index: 8;display: none;} .footer .top .link li .codeImg .pic{width: 130px;height: 130px;background: #fff;padding: 5px;} .footer .top .link li .codeImg .pic img{width: 100%;height: 100%;} .footer .top .link li .codeImg i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;} .footer .fNav{flex: 1;overflow: hidden;align-items: flex-start;max-width: 640px;} .footer .fNav dt{line-height: 1;margin-bottom: 0.7rem;color: rgba(255, 255, 255, 0.8);} .footer .fNav dd{line-height: 35px;} .footer .fNav a:hover{color: #fff;} .footer .btm{padding: 0.4rem 0 0.9rem;} .footer .btm dl{margin-bottom: 12px;line-height: 30px;color: #999999;display: flex;align-items: flex-start;} .footer .btm dl dt{flex-shrink: 0;color: #ffffff;font-weight: bold;} .footer .btm dl li{margin-left: 26px;} .footer .btm dl a:hover{color: #fff;} .footer .btm .copy span{margin-right: 20px;} .footer .btm .copy span:last-child{margin-right: 0;} .footer .btm .copy span a{margin-right: 6px;} .footer .btm a:hover{color: #fff;} .float{position: fixed;right: -100px;top: 50%;transform: translateY(-50%);z-index: 9;} .float li{position: relative;margin-top: 6px;width:88px;height: 108px;background: #2bb7b3;border-radius: 10px 0 0 10px;text-align: center;color: #fff;line-height: 1;cursor: pointer;} .float li:first-child{margin-top: 0;} .float .box{width: 100%;height: 100%;} .float .icon{margin-bottom: 10px;} .float .tel{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);padding-right: 20px;display: none;} .float .tel p{padding: 0 40px 0 30px;background: #ffffff;border-radius: 12px;box-shadow: 1.147px 1.638px 14.56px 1.44px rgba(129, 129, 129, 0.15);line-height: 68px;color: #2bb7b3;white-space: nowrap;position: relative;} .float .tel p::before{content: "";width: 0;height: 0;border: 6px solid transparent;border-left-color: #fff;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);} .float li:hover{background: #80d4d1;} .float.show{right: 0;} .float .navLi{display: none;} .logoStyle dl:nth-child(2n) dd:first-child{margin-left: 7.5%;} .logoStyle dd{margin: 0 0.8% 0.8% 0;background: #FFFFFF;width: 12.5%;} .logoStyle dd:nth-child(7){margin-right: 0;} .logoStyle dd div{height: 0;padding-bottom: 44.44%;position: relative;} .logoStyle dd div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;} .logoStyle dd div img{max-width: 100%;max-height: 100%;} @media screen and (max-width: 1600px){ html {font-size: 170% !important;} .header .logo img{height: 40px;} .header .nav .nLi{padding: 0 15px;} .header .form .text{width: 5rem;} .header .form .text,.header .form .subm,.header .tel{height: 1.5rem;line-height: 1.5rem;} .footer .fNav{margin-right: 100px;} .footer .top .left{margin-right: 1.8rem;padding-right: 1.8rem;} } @media screen and (max-width: 1480px){ .header .nav .nLi{padding: 0 12px;} .header .form .text{width: 4rem;} } @media screen and (max-width: 1280px){ .header{line-height: 90px;} .header .nav,.header .form{display: none;} .header .menuIcon{display: block;margin-left: 20px;} .footer .top{padding: 0.5rem 0 1rem;} .footer .top .logo,.footer .fNav{display: none;} .footer .top .left{padding-right: 0;margin-right: 0;border: none;flex: 1;} } @media screen and (max-width: 1024px){ .moreBtn{width: 4.8rem;height: 1.6rem;} } @media screen and (max-width: 760px){ .header{line-height: 66px;} .header .logo img{height: 30px;} .header .tel{padding: 0 10px;height: 1rem;line-height: 1rem;} .header .tel img{height: 16px;} .header .menuIcon{margin-left: 10px;} .paginationStyle.swiper-pagination{bottom: 10px;} .paginationStyle.swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;margin: 0 4px;} .float li{width: 60px;height: 66px;} .float li .icon{height: 30px;margin-bottom: 4px;} .float .navLi{display: block;} .float .pcLi{display: none;} .moreBtn{width: 3.8rem;height: 1.2rem;font-size: 14px;} .footer .btm dl{display: none;} .footer .copy{font-size: 12px;text-align: center;} .footer .copy span{display: block;margin: 0;} .footer .top .tel{text-align: center;} .footer .top .link{display: flex;align-items: center;justify-content: space-between;} .footer .top .link li span{display: block;float: none;} .footer .top .link li > img, .footer .top .link li a > img{margin-right: 0;display: block;margin: 0 auto;float: none;} .moreBtn.big{width: 4rem;} .logoStyle dd{width: 24%;} .logoStyle dl:nth-child(2n) dd:first-child{margin-left: 0;} } @media screen and (max-width: 468px){ .header{position: relative;} .header .logo img{filter: brightness(1) invert(0);} .header .menuIcon img{filter: brightness(1) invert(0);} .header .tel{background: #2bb7b3;color: #fff;} .header .tel img{filter: brightness(0) invert(1);} .swiper-pagination.swiper-pagination-style1 .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 8px 0 0;} .logoStyle dd{width: 32%;margin: 0 2% 2% 0;} .logoStyle dd:nth-child(3n){margin-right: 0;} } /* banner */ .banner{position: relative;overflow: hidden;} .banner a{display: block;overflow: hidden;padding-bottom: 800px;position: relative;} .banner a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} /* iTitle */ .iTitle{color: #111111;text-align: center;line-height: 1;margin-bottom: 2.66rem;} .home{background: url(../images/homeBg.jpg) no-repeat center bottom;} /* isect1 */ .isect1{padding: 3.33rem 0 2.33rem;background: url(../images/isect1Bg.jpg) no-repeat center top;background-size: cover;} .isect1 li{width: 23.47%;height: 210px;margin: 0 2.04% 2.04% 0;box-sizing: border-box;padding: 1rem 1rem 0;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(43, 183, 179, 0.2);text-align: center;color: #999999;line-height: 24px;color: #333333;padding: 1rem 0.5rem 0;} .isect1 li:nth-child(4n){margin-right: 0;} .isect1 li .icon{height: 2rem;} .isect1 li h5{color: #333333;line-height: 40px;margin-bottom: 5px;} .isect1 li:hover{box-shadow: 0px 0px 20px 0px rgba(43, 183, 179, 0.4);} .isect1 li:hover .icon{transform: scale(0.8);} /* isect2 */ .isect2{position: relative;overflow: hidden;} .isect2 .container{position: relative;overflow: hidden;} .isect2 .control{position: absolute;left: 50%;bottom: 4.4rem;transform: translateX(-50%);z-index: 3;height: 0;display: flex;align-items: center;justify-content: flex-start;} .isect2 .control .btn{width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #2bb7b3;border-radius: 50%;cursor: pointer;} .isect2 .control .btn img{height: 20px;} .isect2 .control .btn:hover{background: #2bb7b3;} .isect2 .control .btn:hover img{filter: brightness(0) invert(1);} .isect2 .control .swiper-pagination{position: static;width: auto;margin: 0 1rem;font-size: 0.6rem;color: #999;} .isect2 .control .swiper-pagination .swiper-pagination-current{font-size: 1rem;color: #2bb7b3;font-weight: bold;} .isect2 .slide{position: relative;padding: 2.666rem 0 3rem;} .isect2 .slide1{background: #eef9f9;} .isect2 .slide .bg{position: absolute;right:2.16rem;top: 2.33rem;} .isect2 .slide::before{content: "";width: 52%;height: 100%;position: absolute;left: 0;top: 0;background: #ffffff;} .isect2 .slide .w1440{position: relative;z-index: 2;} .isect2 .left{width: 35.55%;padding-top: 1.33rem;} .isect2 .left .icon{line-height: 80px;} .isect2 .left .icon img{height: 1.9rem;} .isect2 .left .title{line-height: 1;color: #333333;margin: 1.5rem 0 0.7rem;} .isect2 .left .text{line-height: 32px;color: #333333;margin-bottom: 2.466rem;} .isect2 .right{width: 58%;position: relative;height: 20.266rem;box-sizing: border-box;border-radius: 0.667rem;background: #f7f7f7;box-shadow: 0px 0px 35px 0px rgba(43, 183, 179, 0.25);padding: 2.667rem 10px 10px;} .isect2 .right .dot{position: absolute;left: 1.13rem;top: 1.13rem;} .isect2 .right .dot i{display: block;width: 22px;height: 22px;background: #ff7d77;border-radius: 50%;margin-right: 14px;} .isect2 .right .dot i:nth-child(2){background: #ffb429;} .isect2 .right .dot i:nth-child(3){background: #5ce097;} .isect2 .right .pic{width: 100%;height: 100%;background: #fff;border-radius: 10px;} .isect2 .right .pic img{max-width: 100%;max-height: 100%;} .isect2 .right .keywords{position: absolute;right: -2.53rem;bottom: -0.766rem;width: 7.566rem;box-sizing: border-box;padding: 0.9rem;background: #ffffff;border-radius: 6px;box-shadow: 0px 0px 14.56px 1.44px rgba(43, 183, 179, 0.2);text-align: center;} .isect2 .right .keywords dt{color: #333333;line-height: 1;margin-bottom: 17px;} .isect2 .right .keywords li{margin-top: 12px;background: #eafaf2;border-radius: 4px;color: #5cc48e;line-height: 32px;} .isect2 .right .keywords li:first-child{margin-top: 0;} .isect2 .right .keywords li:nth-child(2){background: #ffeef0;color: #c46a75;} .isect2 .right .keywords li:nth-child(3){background: #eef6ff;color: #528fda;} .isect2 .right .keywords li:nth-child(4){background: #fff6ea;color: #caa36f;} /* .isect2 .swiper-pagination{position: absolute;bottom: 4.4rem;left: 50%;transform: translateX(-50%);z-index: 4;width: 90%;text-align: left;} */ .isect2 .slide2{background: #f2eef9;} .isect2 .slide2 .right{box-shadow: 0px 0px 35px 0px rgba(85, 42, 184, 0.25);} .isect2 .slide3{background: #eef2f9;} .isect2 .slide3 .right{box-shadow: 0px 0px 35px 0px rgba(42, 94, 184, 0.25);} .isect2 .slide4{background: #eff9ee;} .isect2 .slide4 .right{box-shadow: 0px 0px 35px 0px rgba(9, 137, 4, 0.25);} .isect2 .slide5{background: #fef9eb;} .isect2 .slide5 .right{box-shadow: 0px 0px 35px 0px rgba(148, 108, 0, 0.25);} .isect2 .slide6{background: #feefeb;} .isect2 .slide6 .right{box-shadow: 0px 0px 35px 0px rgba(242, 57, 0, 0.25);} /* isect3 */ .isect3{padding: 3.33rem 0 0;background: #fff;} .isect3 .iTitle{margin-bottom: 0;} /* isect4 */ .isect4{padding: 3.866rem 0 2.86rem;} .isect4 .tabs{margin: -0.23rem auto 1.33rem;padding: 8px 0;background: #FFFFFF;border-radius: 1rem;box-shadow: 4px 4px 25px rgb(43,183,180,20%);} .isect4 .tabs li{margin: 0 8px;} .isect4 .tabs li a{display: inline-block;color: #2BB7B4;line-height: 1.6rem;padding: 0 0.6rem;border-radius: 1rem;} /* .isect4 .tabs li a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #2bb7b3;transform: scale(0,1);opacity: 0;} .isect4 .tabs li.active a::before{transform: scale(1);opacity: 1;} .isect4 .tabs li.active a{color: #2bb7b3;}*/ .isect4 .tabs li a:hover{background: #2BB7B4;color: #fff;} .isect4 .container{position: relative;overflow: hidden;} .isect4 .innerScroll{position: relative;overflow: hidden;padding: 30px 30px 1.4rem;width: 100%;margin: -30px 0 0 -30px;} .isect4 .innerScroll .swiper-pagination{bottom: 0;} .isect4 .innerScroll .swiper-pagination .swiper-pagination-bullet{margin: 0 8px;} .isect4 .innerScroll .logo{width: 100%;height: 140px;border-radius: 10px;background: #fff;} .isect4 .innerScroll .logo img{max-width: 80%;max-height: 80%;} .isect4 .innerScroll .logo:hover{box-shadow: 0px 0px 20px 0px rgba(43, 183, 179, 0.3);} /* isect5 */ .isect5{padding-bottom: 3rem;} .isect5 .title{flex-shrink: 0;margin-left: 20px;} .isect5 .title h5{line-height: 1;color: #2bb7b3;margin-bottom: 2.1rem;} .isect5 .title .moreBtn{margin: 0 auto;} .isect5 ul{flex: 1;overflow: hidden;padding-top: 10px;} .isect5 ul li{width: 33.33%;margin-bottom: 2rem;color: #666666;line-height: 24px;} .isect5 ul li:nth-child(4),.isect5 ul li:nth-child(5),.isect5 ul li:nth-child(6){margin-bottom: 0;} .isect5 ul li .date{color: #2bb7b3;line-height: 50px;height: 50px;} .isect5 ul li .date span{font-family: "Myriad Pro";letter-spacing: -4px;height: 50px;line-height: 50px;} .isect5 ul li .date sup{font-weight: 300;transform: translateY(-0.5em);} .isect5 ul li .date i{margin-left: 5px;transform: translateY(-0.5em);} /* isect6 */ .isect6{padding-bottom: 2.4rem;line-height: 1;color: #333333;text-align: center;position: relative;} .isect6::before{content: "";width: calc(100% + 100px);height: calc(100% - 34px);position: absolute;left: -50px;bottom: 0;border-radius: 10px 10px 0 0;background: #fff;} .isect6 .wrap{position: relative;z-index: 2;} .isect6 .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;} .isect6 .line li{position: relative;width: 20%;height: 100%;} .isect6 .line li::before{content: "";width: 1px;height: 80px;background: #eeeeee;position:absolute;left:0;bottom: -10px;} .isect6 .line li:first-child::before{display: none;} .isect6 .cont{position: relative;z-index: 2;} .isect6 .cont .icon{width: 68px;height: 68px;border-radius: 50%;margin: 0 auto;background: #fff;box-shadow: 0px 0px 20px 0px rgba(43, 183, 179, 0.3);} .isect6 .cont h5{color: #333333;font-weight: normal;margin: 1.166rem auto 0.833rem;} .isect6 .cont p{opacity: 0.8;} .isect6 .cont li:hover .icon{background: #2bb7b3;box-shadow: 0px 0px 30px 0px rgba(43, 183, 179, 0.4);} .isect6 .cont li:hover .icon img{filter: brightness(0) invert(1);} .isect4 .logoStyle dd div a{background: #fff;box-shadow: 0px 0px 20px 0px rgb(43 183 179 / 20%);} /* logoList */ .logoList li{width: 13.6%;margin: 0 0.8% 0.8% 0;} .logoList li:nth-child(7n){margin-right: 0;} .logoList li div{display: block;height: 0;padding-bottom: 49%;position: relative;background: #fff;box-shadow: 0px 0px 30px 0px rgba(43, 183, 179, 0.2);overflow: hidden;} .logoList li div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .logoList li img{max-width: 100%;max-height: 100%;} @media screen and (max-width: 1600px){ html {font-size: 170% !important;} .banner a{padding-bottom: 600px;} .iTitle{margin-bottom: 2rem;} .isect1 li{height: 180px;padding: 0.5rem 0.5rem 0;} .isect1 li .icon{height: 1.6rem;} .isect2 .left .icon{line-height: 2rem;} .isect2 .left .icon img{height: 1.8rem;} .isect2 .left .title{margin: 1.2rem 0 0.5rem;} .isect2 .right{height: 18rem;} .isect4 .innerScroll .logo{height: 120px;} } @media screen and (max-width: 1480px){ .isect2 .right .keywords{width: 6rem;right: -20px;padding: 0.5rem;} } @media screen and (max-width: 1280px){ .banner a{padding-bottom: 50%;} .isect1{padding: 2rem 0;} .isect1 li{width: 32%;margin: 0 2% 2% 0;} .isect1 li:nth-child(4n){margin-right: 2%;} .isect1 li:nth-child(3n){margin-right: 0;} .isect2 .left,.isect2 .right{width: 100%;} .isect2 .left{display: flex;align-items: center;margin-bottom: 1rem;padding-top: 0;} .isect2 .left .title{margin: 0 20px;} .isect2 .left .text{margin-bottom: 0;} .isect2 .right{padding-bottom: 60px;} .isect2 .control{box-sizing: border-box;padding: 0 5%;} .isect3{padding: 1rem 0 0;} .isect4{padding: 1rem 0 3rem;} /* .isect4 .tabs{justify-content: space-between;} */ .isect4 .tabs li{margin: 0;} .isect5 .title h5{font-size: 1rem;margin-bottom: 1.6rem;} .isect6::before{display: none;} .isect6 ul{flex-wrap: wrap;justify-content: flex-start;} .isect6 ul li{width: 33.33%;margin-bottom: 1rem;position: relative;} .isect6 ul li::before{content: "";width: 1px;height: 80px;background: #eeeeee;position:absolute;right:0;bottom: -10px;} .isect6 ul li:last-child::before{display: none;} .isect6 .icon{width: 52px;height: 52px;} .isect6 .icon img{width: 100%;height: 100%;} .isect6 h5{margin: 1rem 0 0.5rem;} .isect6 .line{display: none;} .logoList li{width: 16%;} .logoList li:nth-child(7n){margin-right: 0.8%;} .logoList li:nth-child(6n){margin-right: 0;} } @media screen and (max-width: 1024px){ .isect1 li,.isect1 li:nth-child(4n){width: 49%;margin-right: 0;} .isect1 li:nth-child(2n){float: right;} .isect2 .left .icon img{height: 1.4rem;} .isect2 .swiper-pagination{box-sizing: border-box;padding: 0 20px;} .isect5{flex-wrap: wrap;display: block;} .isect5 ul,.isect5 .title{width: 100%;} .isect5 .title{margin-left: 0;margin-top:1.6rem;text-align: center;} .isect5 .title h5{margin-bottom: 0.8rem;} .isect5 ul{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;} .isect5 ul::after{display: none;} .isect5 ul li{margin-bottom: 1rem;} .isect5 ul li .date{display: flex;align-items: center;justify-content: center;} .isect5 ul li .date::after{display: none;} .isect4 .tabs{flex-wrap: wrap;font-size: 0.6rem;} } @media screen and (max-width: 760px){ .iTitle{font-size: 1rem;margin-bottom: 1rem;} .isect1 li{height: 140px;line-height: 20px;} .isect1 li .icon{height: 1.2rem;} .isect1 li h5{line-height: 30px;} .isect2 .slide .bg{width: 50%;} .isect2 .slide{padding: 1rem 0;} .isect2 .left{display: block;} .isect2 .left .title{margin: 20px 0;font-size: 1rem;} .isect2 .left .text{line-height: 26px;margin-bottom: 20px;} .isect2 .right{height: 14rem;padding: 30px 10px 10px;} .isect2 .right .dot{left: 10px;top: 10px;} .isect2 .right .dot i{width: 14px;height: 14px;margin-right: 8px;} .isect2 .right .keywords{display: none;} /* .isect2 .swiper-pagination{bottom: 60px;} */ .isect2 .control{display: none;} .isect4{padding: 1rem 0;} .isect4 .tabs{margin: 0 auto 0.6rem;} .isect4 .tabs li a{padding: 0 0.4rem;line-height: 1.2rem;font-size: 0.5rem;} .isect4 .innerScroll{padding: 10px 10px 1.2rem;margin: -10px 0 0 -10px;} .isect4 .innerScroll .logo,.isect4 .innerScroll .logo:hover{box-shadow: 0px 0px 10px 0px rgba(43, 183, 179, 0.3);} .isect4 .innerScroll .logo{height: 90px;} .isect4 .innerScroll .logo img{max-width: 60%;max-height: 60%;} .isect5{padding-bottom: 1rem;} .isect5 ul li .date span{letter-spacing: -2px;} .isect6{padding-bottom: 0.3rem;} .logoList li{width: 24.4%;} .logoList li:nth-child(6n){margin-right: 0.8%;} .logoList li:nth-child(4n){margin-right: 0;} } @media screen and (max-width: 468px){ .iTitle{font-size: 0.86rem;} .isect5 ul li .date{height: 32px;line-height: 32px;} .isect5 .title h5{font-size: 0.8rem;} .isect5 ul li .date sup{transform: translateY(-0.3rem);} .isect6 ul li{width: 50%;} .isect6 h5{margin: 10px 0 5px;} .isect6 ul li:nth-child(2n):before{display:none;bottom: auto;top: 50%;transform: translateY(-50%);} }@charset "utf-8"; /* CSS Document */ #certify{position: relative;overflow: hidden;} #certify .swiper-container{position: relative;overflow: hidden;padding: 2.66rem 0 2.266rem;background: url(../images/isect3Bg.png) no-repeat center bottom;/*margin: 0 36px;*/} #certify .swiper-slide {width: 797px;height: 431px;} #certify .swiper-slide.swiper-slide-active{transform: scale(1) translate(0) !important;} #certify .swiper-slide a{display: block;width: 100%;height: 100%;background: #ffffff;border-radius: 10px;box-shadow: 0px 8px 30px 0px rgba(43, 183, 179, 0.2);box-sizing: border-box;padding: 8px 1.43rem 0;position: relative;box-shadow: 0px 8px 30px 0px rgba(43, 183, 179, 0.4);} #certify .top{margin-bottom: 1.6rem;align-items: flex-start;line-height: 1;color: #111111;} #certify .title{flex: 1;overflow: hidden;} #certify .title .ch{margin-bottom: 0.6rem;} #certify .title .en{font-weight: 300;text-transform: uppercase;display: none;} #certify .logo{max-width: 4.63rem;flex-shrink: 0;margin-left: 1rem;} #certify .pic{width: 46.1%;height: 246px;position: relative;overflow: hidden;} #certify .text{width: 50.41%;} #certify .text p{color: #858585;line-height: 30px;max-height: 150px;overflow: hidden;margin-bottom: 1.6rem;} /* #certify a:hover .pic em{transform: scale(1.1);} */ /* #certify .btn{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 2;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #2bb7b3;border-radius: 50%;background: #2bb7b3;} #certify .btn img{height: 20px;filter: brightness(0) invert(1);} #certify .btn.prev{left: -50px;} #certify .btn.next{right: -50px;} #certify .btn:hover{background: #fff;} #certify .btn:hover img{filter: brightness(1) invert(0);} */ #certify .btn{width: 100%;height: 100%;position: absolute;top: 0;z-index: 3;cursor: pointer;opacity: 0;} #certify .btn.prev{right: 50%;margin-right: 400px;} #certify .btn.next{left: 50%;margin-left: 400px;} #certify .swiper-slide{height: 410px;} #certify .swiper-slide a{padding: 1.4rem 1.4rem 0;} #certify .top{margin-bottom: 1rem;} @media screen and (max-width: 1024px){ #certify .swiper-container{padding: 1.8rem 0;} #certify .swiper-slide{width: 600px;height: 290px;} #certify .top{margin-bottom: 0.8rem;} #certify .title .ch{margin-bottom: 6px;} #certify .logo{max-width: 3.2rem;} #certify .pic{height: 200px;height: 160px;} #certify .text p{line-height: 26px;max-height: 78px;margin-bottom: 1rem;} #certify .btn.prev{margin-right: 300px;} #certify .btn.next{margin-left: 300px;} } @media screen and (max-width: 760px){ #certify .swiper-container{padding: 1rem;margin: 0 10px;} #certify .swiper-slide{width: 330px;height: 430px;transform: scale(1) translate(0) !important;height: 338px;} #certify .swiper-slide a{box-sizing: border-box;padding: 20px 20px 0;box-shadow: 0px 0px 10px rgb(43 183 179 / 20%);width: 90%;margin: 0 auto;} #certify .text,#certify .pic{width: 100%;} #certify .text{margin-bottom: 20px;} #certify .text p{line-height: 24px;height: 72px;max-height: 72px;margin-bottom: 0.5rem;} #certify .btn.prev{margin-right: 165px;} #certify .btn.next{margin-left: 165px;} } @media screen and (max-width: 468px){ #certify .top{margin-bottom: 0.5rem;} #certify .title .ch{font-size: 0.6rem;} #certify .text p{font-size: 0.48rem;} #certify .logo{margin-left: 12px;max-width: 2.0rem;} #certify .swiper-slide{height: 386px;} #certify .btn{display: none;} }/* nyBanner */ .nyBanner{height: 600px;background-repeat: no-repeat;background-position: center;background-size: cover;} .nyBanner .text{padding-top: 170px;max-width: 576px;color: #fff;} .nyBanner .text .title{line-height: 1.5;line-height: 1.26;font-family: "PingFangSC-Medium";} .nyBanner .text .desc{line-height: 28px;margin: 12px auto 64px;} .nyTitle{margin-bottom: 2rem;text-align: center;line-height: 1.5;color: #111111;} .inPageTabs{margin-bottom: 2rem;} .inPageTabs li{margin: 0 4px;} .inPageTabs li a{display: block;padding: 0 16px;border-radius: 1rem;color: #2BB7B4;line-height: 1.33rem;} .inPageTabs li.active a{background: #2BB7B4;color: #fff;} .bgStyle1{position: relative;} .bgStyle1::before{content: '';width: 100%;height: 100%;position: absolute;right: -1.33rem;bottom: -1.33rem; background-image: linear-gradient(to right, #2EAFD6 , #35D4C0);border-radius: 10px;} .bgStyle1.mini::before{right: -8px;bottom: -8px;} .bgStyle1.hide::before{opacity: 0;} .bgStyle1.hide:hover::before{opacity: 1;} .boxShadow{box-shadow: 4px 4px 25px 0px rgba(43, 183, 180, 0.2);} .boxShadow:hover{box-shadow: 4px 4px 25px 0px rgba(43, 183, 180, 0.4);transition:all 0.3s linear;} .btnStyle{display: block;width: 100%;height: 2rem;border: none;background: #2BB7B4;border-radius: 1rem;color: #fff;line-height: 2rem;cursor: pointer;} .btnStyle:hover{background: #0BA09C;} .more{display: inline-block;line-height: 28px;color: #2BB7B4;padding-right: 16px;position: relative;} .more::before{content: "";width: 8px;height: 8px;background: #2BB7B4;clip-path: polygon(100% 50%, 0 100%, 0 0);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .more:hover{color: #0BA09C;} .more:hover::before{background: #0BA09C;} .formStyle .formItem{margin-bottom: 0.53rem;background: #EFF9FA;border-radius: 1rem;padding: 0 0.66rem;display: flex;} .formStyle .formItem dt{flex-shrink: 0;padding-right: 32px;position: relative;line-height: 60px;color: #111111;} .formStyle .formItem dt::before{content: "";width: 1px;height: 16px;background: #DDDDDD;position: absolute;right: 16px;top:50%;transform: translateY(-50%);} .formStyle .formItem dd{flex: 1;overflow: hidden;} .formStyle .formItem .txt{width: 100%;height: 60px;line-height: 60px;color: #111111;border: none;background: none;} .formStyle .btnStyle{border-radius: 1rem;margin-top: 1.33rem;} .formStyle .formItem select {vertical-align: top;width: 48%;height: 60px;box-sizing:border-box;padding: 0;border: 0;color: #111111;outline: none;appearance: none;-webkit-appearance: none;background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjA3My4xNjRMNiA1LjIzNi45MjcuMTY0YS41MjcuNTI3IDAgMCAwLS43NjMgMCAuNTI3LjUyNyAwIDAgMCAwIC43NjNsNS40NTQgNS40NTVjLjExLjEwOS4yNTUuMTYzLjM4Mi4xNjNhLjU1NC41NTQgMCAwIDAgLjM4Mi0uMTYzTDExLjgzNi45MjdhLjUyNy41MjcgMCAwIDAgMC0uNzYzLjUyNy41MjcgMCAwIDAtLjc2MyAweiIgZmlsbD0iIzQ0NEI1NCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+) right 1em center no-repeat;background-size: 12px 12px;} .p1Page .item1{padding: 3.33rem 0;background: url(../images/p1Bg1.jpg) no-repeat center;background-size: cover;} .p1Page .item1 li{width: 32%;height: 254px;box-sizing: border-box;padding: 2rem 2rem 0;display: flex;align-items: flex-start;background: #FFFFFF;border-radius: 10px;overflow: auto;} .p1Page .item1 li .icon{width: 2.8rem;margin-right: 1.33rem;flex-shrink: 0;} .p1Page .item1 li .text{flex: 1;overflow: hidden;} .p1Page .item1 li h5{color: #111111;line-height: 1.4rem;margin-bottom: 8px;} .p1Page .item1 li .desc{color: #666666;line-height: 28px;} .p1Page .item1 li:hover .icon{transform: scale(0.9);} .p1Page .item2{padding: 3.33rem 0 2.66rem;} .p1Page .item2 .tabs{margin-top: -1rem;margin-bottom: 0;} .p1Page .item2 .container{position: relative;overflow: hidden;width: 100%;padding: 2rem 1.33rem 1.33rem 30px;margin-left: -30px;} .p1Page .item2 .wrap{position: relative;} .p1Page .item2 .pic{width: 60%;height: 480px;position: relative;overflow: hidden;border-radius: 0 10px 10px 0;z-index: 2;background: #FFFFFF;} .p1Page .item2 .pic img{max-width: 90%;max-height: 90%} .p1Page .item2 .text{width: 40%;height: 480px;box-sizing: border-box;background: #FFFFFF;border-radius: 10px 0 0 10px;padding: 2rem 2rem 0;overflow: hidden;position: relative;z-index: 2;} .p1Page .item2 .text .title{line-height: 1.4rem;color: #111111;display: flex;align-items: center;} .p1Page .item2 .text .title img{margin-right: 0.53rem;} .p1Page .item2 .text .subTitle{color: #2BB7B4;line-height: 1.6;margin: 1.333rem 0 0.4rem;} .p1Page .item2 .text .desc{color: #666666;line-height: 28px;text-align: justify;} .p1Page .item2 .text .num{font-size: 4rem;color: #2BB7B4;font-weight: bold;line-height: 1;position: absolute;left: 2rem;bottom: -0.6rem;opacity: 0.06;} .p1Page .item2 .bgStyle1:before{opacity: 0;} .p1Page .item2 .swiper-slide-active .bgStyle1::before{opacity: 1;} .p1Page .item3{padding: 3.33rem 0;background: url(../images/p1Bg1.jpg) no-repeat center;background-size: cover;} .p1Page .item3 .pic{width: 60%;padding-bottom: 568px;position: relative;overflow: hidden;border-radius: 10px 0 0 10px;} .p1Page .item3 .text{width: 40%;height: 568px;box-sizing: border-box;padding: 1.33rem 1.33rem 0;background: #FFFFFF;border-radius: 0 10px 10px 0;} .p1Page .item3 .nyTitle{margin-bottom: 1.3rem;} .p1Page .item3 .btnStyle{margin-top: 1.33rem;border-radius: 1rem;} .p1Page .item4{padding: 3.33rem 0;background: #FAFAFA;} .p1Page .item4 .container{width: 100%;padding: 0 30px 1.33rem;margin-left: -30px;overflow: hidden;margin-bottom: 1rem;} .p1Page .item4 .container a{display: block;} .p1Page .item4 .container a::before{right: -8px;bottom: -8px;opacity: 0;} .p1Page .item4 .container .pic{padding-bottom: 56.52%;position: relative;overflow: hidden;border-radius: 10px 10px 0 0;} .p1Page .item4 .container .text{padding: 1rem;background: #FFFFFF;border-radius: 0 0 10px 10px;position: relative;z-index: 2;} .p1Page .item4 .container .text .logo{height: 36px;} .p1Page .item4 .container .text h5{color: #111111;line-height: 32px;height: 64px;overflow: hidden;margin: 16px auto 20px;} .p1Page .item4 .container a:hover::before{opacity: 1;} .p1Page .item4 .container a:hover .pic em{transform: scale(1.1);} .p1Page .item4 .container a:hover{box-shadow: none;} .p1Page .item4 .container a:hover .text h5{color: #2BB7B4;} .p1Page .item4 .moreBtn{margin: 0 auto;} .ad{width: 100%;height: 260px;background: url(../images/adBg.jpg) no-repeat center;background-size: cover;text-align: center;} .ad h4{color: #FFFFFF;line-height: 2rem;margin-bottom: 0.66rem;} .ad .moreBtn{margin: 0 auto;} .nyPage{padding: 2.33rem 0;min-height: 300px;} .solutionList li{width: 32%;margin: 0 2% 2rem 0;} .solutionList li:nth-child(3n){margin-right: 0;} .solutionList li a{display: block;position: relative;} .solutionList li .wrap{background: #FFFFFF;border-radius: 10px;position: relative;z-index: 2;padding: 1rem;} .solutionList li .logo{height: 48px;} .solutionList li h5{color: #111111;line-height: 1.06rem;height: 2.12rem;overflow: hidden;margin: 1rem 0 0.5rem;} .solutionList li p{color: #999999;line-height: 28px;height: 112px;overflow: hidden;margin-bottom: 0.66rem;} .solutionList li:hover h5{color: #2BB7B4;} .page a{display: block;width: 40px;height: 40px;box-sizing: border-box;margin: 0 8px;border: 1px solid #2BB7B4;border-radius: 50%;color: #2BB7B4;line-height: 38px;text-align: center;} .page a:hover,.page a.on{background: #2BB7B4;color: #fff;} .page a.disable{opacity: 0.4;pointer-events: none;} .arrBtn{display: block;width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #2BB7B4;border-radius: 50%;position: relative;} .arrBtn::before{content: "";width: 6px;height: 6px;border-left: 2px solid #2BB7B4;border-bottom: 2px solid #2BB7B4;position: absolute;left: 50%;top: 50%;margin: -4px 0 0 -4px;transform: rotateZ(45deg);} .arrBtn.next::before{transform: rotateZ(-135deg);} .arrBtn:hover::before{border-color: #fff;} .arrBtn:hover{background: #2BB7B4;} .caseList li{width: 32%;margin: 0 2% 2rem 0;position: relative;} .caseList li:nth-child(3n){margin-right: 0;} .caseList li a{display: block;position: relative;z-index: 2;background: #FFFFFF;border-radius: 10px;} .caseList .pic{padding-bottom: 56.52%;position: relative;overflow: hidden;border-radius: 10px 10px 0 0;} .caseList .text{padding: 1rem;} .caseList .text .date{line-height: 28px;color: #999999;} .caseList .text h5{color: #111111;line-height: 32px;height: 64px;overflow: hidden;margin: 8px 0 12px;} .caseList .text p{color: #999999;line-height: 28px;height: 56px;overflow: hidden;margin-bottom: 0.66rem;} .caseList li:hover .text h5{color: #2BB7B4;} .recommendStyle{width: 25.83%;line-height: 32px;} .recommendStyle h5{color: #111111;margin-bottom: 0.66rem;} .recommendStyle ul a{display: block;position: relative;padding-left: 12px;margin-bottom: 0.66rem;color: #666666;} .recommendStyle ul a::before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;border-radius: 50%;background: #666666;} .recommendStyle ul a:hover{color: #2BB7B4;} .recommendStyle ul a:hover:before{background: #2BB7B4;} .passage .psgTitle{padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #DDDDDD;} .passage .psgTitle h5{color: #111111;line-height: 42px;margin-bottom: 12px;} .passage .psgTitle .info{color: #999999;line-height: 28px;} .passage .psgTitle .info span{margin-right: 1rem;} .passage .psgTitle .info span:last-child{margin-right: 0;} .passage .psgTitle .info .toList{color: #2BB7B4;padding-left: 24px;background: url(../images/icon-back.svg) no-repeat left center;} .passage .psgTitle .info .toList:hover{opacity: 0.8;} .aboutPage .item1{padding: 3.33rem 0;background: url(../images/aboutBg1.jpg) no-repeat center;background-size: cover;} .aboutPage .item1 .cont{margin-bottom: 1.33rem;} .aboutPage .item1 .data li{width: 23.4%;position: relative;background: #FFFFFF;border-radius: 10px;color: #666666;line-height: 28px;} .aboutPage .item1 .data li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/dataBg.jpg) no-repeat center;background-size: cover;border-radius: 10px;opacity: 0;} .aboutPage .item1 .data .wrap{height: 140px;border-radius: 10px;box-sizing: border-box;padding: 0.66rem 1rem;position: relative;z-index: 2;} .aboutPage .item1 .data .num{color: #2BB7B4;line-height: 2rem;font-weight: bold;} .aboutPage .item1 .data .icon{opacity: 0.1;} .aboutPage .item1 .data .vBtn{width: 2rem;height: 2rem;position: relative;margin-right: 0.6rem;} .aboutPage .item1 .data .vBtn img{position: relative;z-index: 3;width: 100%;height: 100%;} .aboutPage .item1 .data li:hover,.aboutPage .item1 .data li:hover .num,.aboutPage .item1 .data li.on,.aboutPage .item1 .data li.on .num{color: #fff;} .aboutPage .item1 .data li:hover:before,.aboutPage .item1 .data li.on:before{opacity: 1;} .aboutPage .item1 .data li:hover .icon{opacity: 1;filter: brightness(0) invert(1);} .aboutPage .item1 .data li:nth-child(4) .icon{opacity: 1;filter: brightness(1) invert(0);} .aboutPage .item1 .data li:nth-child(4){cursor: pointer;} .aboutPage .item2{padding: 3.33rem 0;} .aboutPage .item2 .container{width: 100%;padding: 1rem 1rem 2.66rem;margin: -1rem 0 0 -1rem;position: relative;overflow: hidden;} .aboutPage .item2 .container a{display: block;} .aboutPage .item2 .pic{background: #FFFFFF;height: 8rem;margin-bottom: 12px;} .aboutPage .item2 .pic img{max-width: 100%;max-height: 100%;} .aboutPage .item2 .container h5{color: #111111;font-weight: normal;line-height: 32px;text-align: center;} .aboutPage .item2 .container a:hover h5{color: #2BB7B4;} .aboutPage .item2 .container .control{position: absolute;bottom: 0;left: 0;width: 100%;} .aboutPage .item2 .pagination{padding: 0 0.7rem;font-size: 0.6rem;color: #999;width: auto;} .aboutPage .item2 .pagination .swiper-pagination-current{font-size: 1rem;color: #2bb7b3;font-weight: bold;} .aboutPage .item2 .arrBtn.swiper-button-disabled{opacity: 0.4;pointer-events: none;} .aboutPage .item3{padding: 3.33rem 0;background: #EFF9FA;} .aboutPage .item4{padding: 3.33rem 0;} .aboutPage .item4 .title{color: #111111;line-height: 42px;margin-bottom: 0.66rem;} .aboutPage .item4 .left{width: 48.6%;height: 644px;background: url(../images/aboutBg2.jpg) no-repeat center;background-size: cover;border-radius: 10px;box-sizing: border-box;padding: 1rem;} .aboutPage .item4 .left .text{color: #666666;line-height:32px;margin-bottom: 0.66rem;} .aboutPage .item4 .left .qrcode{display: flex;align-items: flex-start;} .aboutPage .item4 .left .qrcode li{text-align: center;margin-right: 0.7rem;color: #111111;line-height:32px;} .aboutPage .item4 .left .qrcode .pic{width: 128px;height: 128px;box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.08);} .aboutPage .item4 .left .qrcode .pic img{width: 100%;height: 100%;} .aboutPage .item4 .right{width: 48.95%;} .aboutPage .item4 .right li{height: 146px;margin-top: 20px;box-sizing: border-box;padding: 1rem 1rem 0;color: #666666;line-height: 32px;background: url(../images/aboutBg3.jpg) no-repeat right center;background-size: cover;border-radius: 10px;} .aboutPage .item4 .right li:first-child{margin-top: 0;} .aboutPage .item4 .right li:nth-child(2){background-image: url(../images/aboutBg4.jpg);} .aboutPage .item4 .right li:nth-child(3){background-image: url(../images/aboutBg5.jpg);} .aboutPage .item4 .right li:nth-child(4){background-image: url(../images/aboutBg6.jpg);} .aboutPage .item4 .right li .title{margin-bottom: 12px;} .aboutPage .item4 .right li p{display: flex;align-items: flex-start;} .aboutPage .item4 .right li p em{flex-shrink: 0;margin-right: 9px;} .black-layer{display: none;z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);} .popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 1000px;transform: translate(-50%,-50%);} .popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #930000;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;} .popup-video video{display: block;width: 100%;max-height: 600px;object-fit: contain;} .nyBanner .moreBtn.white:hover,.ad .moreBtn.white:hover{background: #fff;border-color: #fff;color: #2BB7B4;box-shadow: 4px 4px 25px 0px rgba(0, 0, 0, 0.2);} @media screen and (max-width: 1600px){ .p1Page .item1 li{padding:1.8rem 1rem 0;height: 234px;} .solutionList li .wrap,.caseList .text,.quesList .nLi{padding: 0.8rem;} .aboutPage .item1 .data .wrap{height: 120px;padding: 0.4rem;} .aboutPage .item1 .data .icon{width: 2rem;} .aboutPage .item1 .data .num{line-height: 1.4rem;} } @media screen and (max-width: 1480px){ .bgStyle1::before{right: -1rem;bottom: -1rem;} .aboutPage .item1 .data .vBtn{width: 1.8rem;height: 1.8rem;} .aboutPage .item4 .right li{height: 120px;padding: 0.6rem 0.6rem 0;} .aboutPage .item4 .right li .title{margin-bottom: 4px;} .aboutPage .item4 .left{height: 560px;} } @media screen and (max-width: 1280px){ .nyTitle{margin-bottom: 1rem;} .p1Page .item1,.p1Page .item2,.p1Page .item3,.p1Page .item4,.aboutPage .item1,.aboutPage .item2,.aboutPage .item3,.aboutPage .item4{padding: 2rem 0;} .p1Page .item1 li{padding: 1rem 1rem 0;height: 200px;} .p1Page .item1 li .icon{width: 2rem;margin-right: 1rem;} .p1Page .item2 .container{padding: 1rem 1rem 1rem 30px;} } @media screen and (max-width: 1024px){ .nyBanner{height: auto;padding: 150px 0 5rem;} .nyBanner .text{padding-top: 0;} .nyTitle{margin-bottom: 0.6rem;} .p1Page .item1,.p1Page .item2,.p1Page .item3,.p1Page .item4,.aboutPage .item1,.aboutPage .item2,.aboutPage .item3,.aboutPage .item4{padding: 1.6rem 0;} .p1Page .item1 ul{flex-wrap: wrap;} .p1Page .item1 ul li{width: 100%;margin-bottom: 0.66rem;height: auto;padding: 1rem;} .p1Page .item1 li h5{line-height: 1.2rem;margin-bottom: 0;} .p1Page .item2 .text,.p1Page .item2 .pic,.p1Page .item3 .pic,.p1Page .item3 .text{width: 100%;} .p1Page .item2 .text,.p1Page .item3 .text{height: auto;padding: 1rem;} .p1Page .item2 .text .subTitle{margin: 1rem 0 0.4rem;} .p1Page .item2 .text{padding-bottom: 3rem;} .p1Page .item2 .text .num{left: 1rem;} .p1Page .item2 .pic{height: auto;} .p1Page .item2 .pic img{width: 100%;} .p1Page .item3 > .w1440{flex-wrap: wrap;} .p1Page .item3 .pic{border-radius: 10px 10px 0 0;} .p1Page .item3 .nyTitle{margin-bottom: 0.6rem;} .formStyle .formItem dt,.formStyle .formItem .txt{height: 52px;line-height: 52px;} .p1Page .item4 .container{padding: 0 30px 1.33rem;box-sizing: border-box;margin-left: 0;} .btnStyle{line-height: 1.6rem;height: 1.6rem;} .ad{height: 200px;} .solutionList li,.caseList li{width: 49%;margin-right: 0;margin-bottom: 1rem;} .solutionList li:nth-child(2n),.caseList li:nth-child(2n){float: right;} .solutionList li .wrap,.caseList .text{padding: 0.6rem;} .solutionList li .logo{height: 32px;} .solutionList li h5,.caseList .text h5{line-height: 0.9rem;height: 1.8rem;} .solutionList li p{line-height: 22px;height: 88px;} .aboutPage .item1 .data{flex-wrap: wrap;} .aboutPage .item1 .data li{width: 49%;margin-bottom: 2%;} .aboutPage .item2 .container{padding: 10px 10px 2rem;margin: 0 0 0 -10px;} .aboutPage .item4 .title{margin-bottom: 0.4rem;} .aboutPage .item4 .left,.aboutPage .item4 .right{width: 100%;} .aboutPage .item4 .left{height: auto;padding: 0.6rem;margin-bottom: 12px;} .aboutPage .item4 .right li{height: auto;padding: 0.6rem;} .aboutPage .item4 .title{line-height: 30px;} } @media screen and (max-width: 760px){ .nyBanner{padding: 100px 0 3rem;} .nyBanner .text .desc{line-height: 26px;margin-bottom: 2rem;display: none;} .nyBanner .text .title{font-size: 0.9rem;margin-bottom: 0.6rem;} .nyPage{padding: 1.5rem 0;} .bgStyle1::before{right: -10px;bottom: -10px;} .inPageTabs li{flex: 1;} .inPageTabs li a{padding: 0;text-align: center;} .boxShadow,.boxShadow:hover{box-shadow: 0 0 10px 0px rgb(43 183 180 / 20%);} .p1Page .item2 .text, .p1Page .item3 .text{padding: 1rem 0.5rem;} .p1Page .item2 .container{padding: 0.6rem 10px 1rem;margin-left: -10px;} .p1Page .item2 .text{padding-bottom: 3rem;} .p1Page .item2 .text .num{left: 0.5rem;} .p1Page .item2 .text .subTitle{margin: 0.6rem 0 0.4rem;} .p1Page .item3 .pic{padding-bottom: 56.25%;} .p1Page .item4 .container{padding: 0 10px 1rem;margin-left: -10px;box-sizing: content-box;} .ad{height: 160px;} .ad h4{line-height: 1rem;} .page a{width: 30px;height: 30px;line-height: 28px;margin: 0 4px;} .aboutPage .item1 .data .num{font-size: 1rem;} .aboutPage .item1 .data .wrap{height: 100px;} .aboutPage .item1 .data li:nth-child(4) .num{font-size: 0.6rem;} .aboutPage .item1 .data .icon{width: 1.6rem;} .aboutPage .item1 .data .vBtn{width: 1.5rem;height: 1.5rem;margin-right: 0.3rem;} .aboutPage .item2 .pic{height: 5rem;} .aboutPage .item4 .right li p{line-height: 26px;} .aboutPage .item4 .right li p img{height: 18px;} .formStyle .formItem select{width: 100%;} } @media screen and (max-width: 468px){ .nyBanner{padding: 2rem 0;} .nyTitle{font-size: 1rem;margin-bottom: 0.6rem;} .p1Page .item2 .tabs{margin-top: 0;font-size: 12px;} .solutionList li,.caseList li{width: 100%;} .solutionList li h5,.caseList .text h5{height: auto;max-height: 1.8rem;margin: 20px 0 10px;} .solutionList li p,.caseList .text p{height: auto;max-height: 88px;} .caseList .text h5{margin: 8px 0 10px;} .formStyle .formItem dt, .formStyle .formItem .txt{height: 46px;line-height: 46px;} .formStyle .btnStyle{margin-top: 1rem;} .formStyle .formItem select{height: 46px;line-height: 46px;} }