.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,dl,dd,dt{margin:0;padding:0;} ol,ul{list-style:none; margin:0px; padding:0px;} img{border:0;} body{ font-family: "Microsoft YaHei",Arial,Lucida,Verdana,Helvetica,sans-serif, "微软雅黑" ; font-size:14px; color: #000; position: relative;overflow-x : hidden;} a:link,a:visited,.main .artbox .lbox_1 .step13 li span a,.main .artbox .picbox li span a{color:#333333;text-decoration:none;} a:hover{cursor:pointer} .clear{ clear:both;} h1,h2,h3,h4{ font-style: normal; font-weight: normal } input{outline: none;} u{text-decoration: none;} .top_all{ width: 100%; height: 80px; background-color: #191919;} .nav_center{ width: 1500px; height: 80px; margin: auto;} .nav_center img{ float: left; padding-top: 19px; margin-right: 160px;} .nav_center ul{ float: left;} .nav_center ul li{ width: 145px; height: 80px; text-align: center; float:left; line-height: 80px;} .nav_center ul li a{ color: #fff; font-size: 16px;} .nav_center span{ display: block; float: right; height: 80px; line-height: 80px;} .nav_center span a{ color: #fff;} .nav_center span .login{ margin-right: 10px;} .banner{ width: 100%; float:left;position: relative;} .banner img{ display: block;height: 100%;} #banner{width:100%;height:461px;position:relative;margin:0 auto 0 auto; background:#efefef;overflow: hidden;} #banner .imglist{width:100%;height:461px;position:absolute;top:0px;left:0px;} .btn{position:absolute;bottom:25px;left:48.2%;display:inline-block;padding:2px 15px;} .btn li{float:left;height:14px;width:14px;margin:0px 5px; background:#fff; border-radius:50%;} .btn .hover{ background:#fd7048; border-radius:50%;} .banner_video{ width: 100%; height: 449px; background: url('../images/sp_banner2.jpg') center no-repeat;} .banner_video img{ display: block;} .videoClass{ width: 1480px; height: auto; margin: auto; position: relative;} .videoClass video{ position: absolute; top: 64px; right: 0;} .video_cont{ width: 630px; height: 290px; padding-top: 140px; margin-left: 80px;} .video_cont h3{ display: block; color: #eda548; font-size: 22px; text-align: center;} .video_cont p{ color: #eda548; font-size: 18px; text-indent: 2em; line-height: 35px; width: 95%; margin: auto; padding-top: 20px;} .video_cont a{ display: block; width: 120px; height: 30px; line-height: 30px; margin: auto; color: #fff; background-color: #eda548; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; margin-top: 60px; } .video_cont a:hover{ background-color: #e4860d } .zixun1{ width: 1500px; height: 140px; margin:auto; border-bottom: 1px solid#dbdbdb;} .zixun1 span{ margin: auto; display: block; width: 650px; height: auto;padding-top: 57px;} .zixun1 span i{ font-size: 16px; color: #595757; font-style: normal; float: left; padding-top: 10px;} .zixun1 span a{ display: block; width: 150px; height: 40px; line-height: 40px; margin: auto; color: #fff; background-color: #e05513; border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; float: right; font-size: 16px; } .zixun1 span a:hover{ background-color: #b63c05; } .inde_ctx_all{ max-width: 1350px; height: auto; margin: auto; margin-top: 35px;margin-bottom: 15px;} .ctx1{ width: 100%; } .ctx1_top{ width: 100%; height: 50px;} .ctx1_top span{ display: block; width: auto; height: 48px; float: left; border-right: 1px solid #b8b8b8; padding-right: 30px;} .ctx1_top .bx{ display: block; width: 10px; height: 48px; background-color: #e05513; float: left; margin-right: 8px;} .ctx1_top span h3{ font-size:20px; display: block; font-weight: bold;} .ctx1_top span i{ font-style: normal; color: #959495; padding-top: 3px;display: block; padding-top: 3px;} .ctx1_top strong{ display: block; font-weight: normal; float: left; height: 50px; line-height: 50px; color: #3e3a39; font-size: 16px; padding-left: 30px;} .ctx1_top a{ float: right; color: #3E3A39; line-height: 50px; font-size: 16px;} .ctx1_top a:hover{ color: #e05513 } .ctx1 ul{ padding-top: 30px;} .ctx1 ul li{ width: 320.5px; height: 242px; border:1px solid #b9babb; float: left; margin-right: 20px; margin-bottom: 20px;} .ctx1 ul li a{ position: relative; display: block; width: 100%; overflow: hidden;} .ctx1 ul li a img{ display: block;} .ctx1 ul li a h4{ display: block; position: absolute;color: #fff; font-weight: normal; bottom: 0; left: 0;height: 35px; line-height: 35px;font-size: 18px; padding-left: 10px; text-shadow: 1px 2px 2px #2d2e2e;filter:shadow(Color=#2d2e2e,Direction=10,Strength=10)} .ctx1 ul li a .ntx{ position: absolute; top: 217px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0 ; } .ctx1 ul li a .ntx b{width: 90%; margin: auto; color: #fff; font-weight: normal; display: block; height: auto; line-height: 25px;font-size: 18px; padding-top: 16px;} .ctx1 ul li a .ntx p{ width: 90%; height: auto; padding-top: 10px; line-height: 22px; color: #fff; margin: auto; font-size: 14px;} .ctx1 ul li span{ display: block; width: 95%; height: auto; margin: auto; padding-top: 12px;} .ctx1 ul li span a{ width:40px; height: 40px; display: block; float: left; overflow: hidden; } .ctx1 ul li span a img{ display: block; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; width: 100%; height: 100%; } .ctx1 ul li span strong{ display: block; float: left; height: 30px; line-height: 30px; color: #717071; overflow: hidden; padding-top: 10px; padding-left: 10px; font-weight: normal; } .ctx1 ul li span strong .name_a{ width: 250px; height: 30px; overflow: hidden; } .ctx1 ul li span strong .name_a:hover{ color: #fc6429;} .more_lei{ width: 737px; height: auto; float: left;} .more_lei h3{ width: 100%; display: block;height: 35px; line-height: 30px; font-size: 20px;font-weight: bold;} .more_lei ul{ padding-top: 15px;} .more_lei ul li{ width: 233px; height: 134px; float: left; margin-right: 19px; margin-bottom: 14px;} .more_lei ul li a{ display: block; width: 100%; height: 100%; position: relative;} .more_lei ul li a i{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.8s ;-o-transition: all 0.8s;-moz-transition: all 0.8s;-webkit-transition: all 0.8s;} .more_lei ul li a .ac{background: rgba(0,0,0,0.5);} .more_lei ul li a i img{ margin: auto; display: block; padding-top: 35px;} .more_lei ul .r{ float: right; margin-right: 0px;} .fuwu{ width: 735px; height: auto; float: right;} .fuwu h3{ width: 100%; display: block;height: 35px; line-height: 30px; font-size: 20px; font-weight: bold;} .fuwu_ctx{ width: 100%; height: 430px; margin-top: 15px; overflow: hidden; position: relative;} .fuwu_ctx ul{ width: auto; height: 430px; position: absolute; left: 0; top: 0; } .fuwu_ctx ul li{ width: 188px; height: 430px; float: left; margin-right: 10px;} .fuwu_ctx ul li img{ display: block; width: 100%; } .fuwu_ctx ul li .ntx{ width: 100%; height: 98px; background-color: #fc6429 } .fuwu_ctx ul li .ntx strong{ font-size: 16px; color: #fff; display: block; height: 35px; line-height: 35px; text-align: center; padding-top: 30px; transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .fuwu_ctx ul li .ntx span{ display: block; width: 100%; height: 40px; font-size: 13px; line-height: 20px; text-align: center; color: #fff; display: none;transition: all 0.5s;} .leftBtn{ display: block; width: 30px; height: 70px; position: absolute; left: 0px; background: rgba(112,112,112,.5); text-align: center; top: 180px; } .rightBtn{ display: block; width: 30px; height: 70px; position: absolute; right: 0px; background: rgba(112,112,112,.5); text-align: center; top: 180px; } .leftBtn img,.rightBtn img{padding-top: 20px;} .fuwu_ctx a:hover{background: rgba(0,0,0,.5);} .hangye{ width: 100%; height: 530px; border-bottom: 1px solid #dcdcdc;} .zx_cont{ width: 100%; height: 600px; background:url('../images/zx_banner.jpg') center center no-repeat; margin-top: 50px;} .ctx{width: 403px; height: 200px; padding-top: 260px; margin:auto;} .ctx span{ display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; } .zx_cont .ctx a{ display: block; width: 150px; height: 40px; color: #fff; background-color: #eda548; text-align: center; line-height: 40px; color: #fff; border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin:auto; margin-top: 50px; font-size: 16px; } .ctx a:hover{ background-color: #fc8e00 } .hezuo{ max-width: 1350px; height: auto; margin: auto;margin: 45px auto;} .hezuo h1{width: 100%;float: left;} .hezuo h1 img{float: left;} .hezuo h1 p{float: left;padding-left: 20px;font-size: 18px;line-height: 45px;color: #3e3a39;} .hezuo ul{} .hezuo ul:after{ content: ''; display: block; clear: both; } .hezuo ul li{ width: 214px; height: 156px; float: left; margin-right: 13px; margin-top: 50px; } .hezuo ul li strong,.hezuo ul li i,.hezuo ul li span{ display: block; font-style: normal; text-align: center;} .hezuo ul li strong { font-size: 18px; font-weight: normal;} .hezuo ul li i{ font-size: 16px; color: #717071; padding-top: 8px;} .hezuo ul li span{ margin-top: 13px; width: 100%; height: 80px; border: 1px solid#acabab;} .hezuo ul li span img{ padding-top: 15px;} .hezuo ul .r{ float: right; margin-right: 0px;} .gg1{ width: 100%; height:167px; background: url(../images/banner_samll.jpg) center center no-repeat; margin-bottom: 45px;} .gg1_nav{ width: 465px; height: auto; margin: auto; padding-top: 64px;} .gg1_nav span{ color: #fff; font-size: 24px; float: left; padding-top: 4px;} .gg1 .gg1_nav a{ display: block; width: 150px; height: 40px; line-height: 40px; margin: auto; color: #fff; background-color: #e05513; border-radius: 8px; -o-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; float: right; font-size: 16px; } .gg1_nav a:hover{ background-color: #b63c05; } .sanlei{ max-width: 1350px; height: auto; margin: auto;} .sanlei:after{ content: ''; display: block; clear: both; } .dongtai{width: 426.5px;float: left;margin-right: 35px;} .dongtai h3{ display: block; height: 40px; line-height: 30px; font-size: 20px; color: #e05513; border-bottom: 1px solid #ededed;} .dongtai .nav1{ width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #ededed;} .dongtai .nav1 span{ padding-top: 30px; display: block;} .dongtai .nav1 span img{ display: block;width: 100%;} .dongtai .nav1 strong{display: block; height: 55px; line-height: 55px; color: #3E3A39; font-size: 16px;} .dongtai .nav1 p{ width: 100%; height: 75px; line-height: 25px; color: #717071; overflow: hidden;} .dongtai .nav1 strong a:hover{ color: #e05513 } .dongtai ul li{ width: 100%; height: 35px; margin-top: 10px;} .dongtai ul li b{ float: left; display: block; width: 40px; height: 25px; line-height: 25px; margin-top: 5px; border-right: 2px solid #d6d5d5; color: #717071; font-weight: normal;} .dongtai ul li a{ float: left; color: #959495; display: inline-block; width: 318px; height: 22px; padding-left: 10px; padding-top: 8px; overflow: hidden;} .dongtai ul li i{ float: right; color: #717071; font-style: normal;padding-top: 8px;} .dongtai ul li a:hover{color: #e05513;} .sanlei .r{ float: right; margin-right: 0px;} .bot_nav{ width: 100%; height: 88px; background-color: #191919; } .bot_nav_ctx{ width: 1500px; height: 88px; margin: auto;} .bot_nav_ctx span{ display: block; width: 250px; height: auto; float: left; padding-top: 19px;} .bot_nav_ctx span b{ display: block; width: 100%; color: #fff; font-size: 16px; font-weight: normal;} .bot_nav_ctx span h3{ color: #fff; display: block; font-size: 28px;} .bot_nav_ctx ul{ width: 857px; height: auto; float: right;} .bot_nav_ctx ul li{ width: 170px; height: 88px; float: left; line-height: 88px; text-align: center;font-size: 18px; color: #fff;} .bot_nav_ctx ul li:hover{ background-color: #e05513;} .bot{ max-width: 1500px;/* height: 375px;*/ margin: auto;} .bot_top{ width: 100%; /*height: 185px; */padding-top: 90px;} .bot_top span{ display: block; float: left;} .bot_top .bot_zuo{ /*width: 353px;*/} .bot_top span h3{ display: block; font-size: 18px; color: #717071;} .bot_top .bot_zuo p{ width: 95%; color: #717071; line-height: 25px; padding-top: 25px;} .bot_top .bot_center{ width: 130px; margin-left: 210px; display: inline;} .bot_top .bot_center img{ padding-top: 25px;} .bot_top .bot_you{ width: 350px; margin-left: 180px; display: inline;} .bot_top .bot_you i{ display: block; height: 25px; color: #717071; font-style: normal; padding-bottom: 8px;} .bot_top .bot_you h3{ padding-bottom: 25px;} .beian{ width: 100%; height: 30px; line-height: 30px; text-align: center; color: #717071; font-size: 16px; padding-top: 30px;} /*2017.8.8修改*/ .index_one{width:100%;overflow: hidden;background: #efefef;padding: 10px 0 30px 0;} .index_out{width:100%;overflow: hidden;background:rgba(15,15,15,.8);height: 60px;margin-bottom: 30px;line-height: 60px; } .index_out_main{width:1500px;margin:0 auto;} .index_out_main p{width: auto;float: left;color: #fff;font-size: 21px;padding-right: 20px;} .index_out_main input{height: 35px;float: left;margin: 10px 5px 0 0;border:none;background: #fff;color: #969697;font-size: 16px;text-indent: 2em} .index_out_main input.out_name{width: 227px;} .index_out_main input.out_phone{width: 368px;} .index_out_main input.out_teax{width: 495px;} .index_out_main input.out_sub{width: 234px;float: right;background: #e15513;text-align: center;text-indent: 0;color: #fff;border-radius:5px;margin-top: 12px;cursor: pointer;} .wrapper-jsCarousel1{ position: relative; } .index_one_main{max-width: 1600px; margin:0 auto;overflow:hidden; position:relative} .index_one_main img{/* margin:0 3px; width:370px;*/width: 100%; display: block;} .index_one_main p{box-sizing: border-box;position: absolute;bottom:0; left:0;background: rgba(0,0,0,.7);width: 100%;color: #fff;font-size: 14px;height: 30px;line-height: 30px;padding:0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .content0 {width:1500px;overflow:hidden;} /*links*/ .links_list {height:200px;overflow:hidden;position: relative;z-index: 3;} .link_prev,.link_next {float:left;width:50px;height:100px;overflow:hidden;text-indent:-999em;display:block;cursor:pointer; background:url(../images/links.png) 0 0 no-repeat;position: relative;z-index: 2;margin:50px 0 0 0;} .link_next {background-position:-40px 0; float: right;} .link_prev:hover,.link_next:hover {opacity:0.8;filter:alpha(opacity=80);} #links {width:1355px;height:200px;overflow:hidden;float: left;margin-left: 20px;} #links ul {height:200px;overflow:hidden;width:2000px;} #links li {float:left;width:370px;margin:0 0 0 6px;position: relative;} #links img {display:block;width:370px;height:200px;overflow:hidden;} #links a:hover img {opacity:0.8;filter:alpha(opacity=80);} .slideContainer{position: relative;z-index:0;} #links li span{position: absolute;bottom:0;background: rgba(0,0,0,.7);width: 330px;color: #fff;font-size: 14px;height: 30px;line-height: 30px;padding:0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .index_what{max-width:1350px;margin:0 auto;padding: 40px 0 30px 0;overflow: hidden;} .index_what>h1{width: 100%;float: left;padding:0 0 30px 0;} .index_what h1>img{float: left;} .index_what h1 p{float: left;padding-left: 20px;font-size: 18px;line-height: 45px;color: #3e3a39;} .index_what h1 i{float:right;} .index_what_main{width: 100%;float: left;} .in_wh_one{width:1500px;float: left;height:410px;border-bottom: 2px #808080 solid;padding-bottom: 30px;position: relative;} .in_wh_one ul li{width: 168px;height: 410px;background: url(../images/in_hs.png) no-repeat;position: absolute;top: 0;} .in_wh_one ul li>img{width: 61px;float: left;padding:115px 0 10px 52px;} .in_wh_one ul li span{width: 50px;float: left;text-align: center;font-size: 27px;font-weight: bold;color: #fff;padding-left: 58px;line-height: 29px} .in_wh_one ul li p{width: 120px;padding:0 25px;color: #fff;font-size: 15px;line-height: 25px;float:left;display: none;} .in_wh_one ul li em{width: 30px;position: absolute;bottom:-49px;left: 70px} .wh_one{left: 36px;} .wh_two{left: 246px} .wh_san{left: 455px} .wh_four{left: 663px} .wh_five{left: 874px} .wh_six{left: 1086px} .wh_seven{left: 1295px} .in_wh_hover{background: url(../images/in_cs.png) no-repeat!important;} .quan2{display: none;} .index_our{width:100%;overflow: hidden;padding:0 0 45px 0;} .index_our_mian{max-width:1350px;margin:0 auto;overflow: hidden;margin-top: 35px;} .index_our_mian h1{width: 100%;float: left;padding: 0 0 40px 0;} .index_our_mian h1 > img{float: left;} .index_our_mian h1 p{float: left;padding-left: 20px;font-size: 18px;line-height: 45px;color: #3e3a39;} .index_our_mian h1 i{float:right;} .our_one{float: left;width: 181px;margin:60px 0 0 70px;background: #F7F5F5;border-bottom-right-radius:100%;border-bottom-left-radius:100%;} .our_one p{width: 141px;float: left;padding:10px 20px 20px 20px;color: #717071;font-size: 12px;line-height: 20px;} .our_one > img{width: 100%;float: left;} .our_img_1{width: 85px;float: left;padding-top:240px;} .our_img_1 > img{width: 100%;float: left;} .our_two{float: left;width: 181px;margin:90px 0 0 0;background: #F7F5F5;border-top-right-radius:100%;border-top-left-radius:100%;} .our_two p{width: 141px;float: left;padding:10px 20px 20px 20px;color: #717071;font-size: 12px;line-height: 20px;} .our_two > img{width: 100%;float: left;} .our_img_2{width: 85px;float: left;padding-top:220px;} .our_img_2 > img{width: 100%;float: left;} .our_san{float: left;width: 181px;margin:30px 0 0 0;background: #F7F5F5;border-bottom-right-radius:100%;border-bottom-left-radius:100%;} .our_san p{width: 141px;float: left;padding:10px 20px 20px 20px;color: #717071;font-size: 12px;line-height: 20px;} .our_san > img{width: 100%;float: left;} .our_img_3{width: 85px;float: left;padding-top:210px;} .our_img_3 > img{width: 100%;float: left;} .our_four{float: left;width: 181px;margin:60px 0 0 0;background: #F7F5F5;border-top-right-radius:100%;border-top-left-radius:100%;} .our_four p{width: 141px;float: left;padding:10px 20px 20px 20px;color: #717071;font-size: 12px;line-height: 20px;} .our_four > img{width: 100%;float: left;} .our_img_4{width: 85px;float: left;padding-top:210px;} .our_img_4 > img{width: 100%;float: left;} .our_five{float: left;width: 181px;background: #F7F5F5;border-bottom-right-radius:100%;border-bottom-left-radius:100%;} .our_five p{width: 141px;float: left;padding:10px 20px 20px 20px;color: #717071;font-size: 12px;line-height: 20px;} .our_five > img{width: 100%;float: left;} .our_img_5{width: 85px;float: left;padding-top:120px;} .our_img_5 > img{width: 100%;float: left;} #wrapper { text-align:center; } .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align:center; display:none; } #overlay_pic { margin:200px auto; width:400px; box-shadow: 10px 10px 5px #000; } .jscarousal { width: 1620px; height: 200px; margin:0 auto; padding: 0; padding: 0 2px; position: relative; /*overflow: hidden;*/ } .jscarousal .jscarousal-left, .jscarousal .jscarousal-right { float: left; width: 23px; height: 98px; color: White; position: relative; top: 50px; cursor: pointer; } .jscarousal .jscarousal-left { background-image: url(../images/left_arrow.jpg); background-repeat: no-repeat; background-position: left; } .jscarousal .jscarousal-right { background-image: url(../images/right_arrow.jpg); background-repeat: no-repeat; background-position: right; } .jscarousal-contents { width: 1568px; height:200px; float: left; position: relative; overflow: hidden; } .jscarousal-contents > div { position: absolute; width: 100%; height: 200px; } .jscarousal-contents > div > div { float: left; margin-left: 8px; margin-right: 8px; } .jscarousal-contents img { width:370px; height: 200px; } .hidden { display: none; } .visible { display: block; } .thumbnail-text { color: #7A7677; font-weight: bold; text-align: left; display: block; padding: 10px 2px 2px 0px; } .ctx1 ul li:nth-child(4n+4){ margin-right: 0 !important; } @media screen and (max-width:1370px){ .index_what,.inde_ctx_all,.index_our_mian,.sanlei,.hezuo{ width:1100px; } .index_what_main ul li{ width: 208px !important; margin-right: 15px !important; } .index_what_main ul li:last-child{ margin-right: 0 !important; } .ctx1 ul li{ width: 258px; height: 195px; } .ctx1 ul li span a{ width: 30px; height: 30px; } .ctx1 ul li span strong{ padding-top: 0; } .ctx1 ul li span strong .name_a{ width: 188px; /* height: 23px;*/ } .ctx1 ul li a .ntx p{ font-size: 12px; padding-top: 0; } .ctx1 ul li a .ntx b{ font-size: 16px; padding-top: 8px; } .index_our_mian div img{ width: 100%; } .dongtai{ width: 353px; margin-right: 20px; } .dongtai ul li a{ width:220px; } .hezuo ul li{ margin-right: 80.5px !important; } .hezuo ul li:nth-child(4n+4){ margin-right: 0 !important; } } .hezuo ul li:nth-child(6n+6){ margin-right: 0; } .hezuo ul li img{ width: 100% !important; } @media screen and (max-width:1660px) { /*.index_out_main{width:1200px;}*/ .index_out_main input{font-size: 14px;} .index_out_main input.out_name{width: 157px;} .index_out_main input.out_phone{width: 278px;} .index_out_main input.out_teax{width: 425px;} .index_out_main input.out_sub{width: 164px;} /*.index_one_main{width:1200px;}*/ /*.index_one_main img{ margin:0 3px; width:295px;}*/ .content0 {width:1200px;overflow:hidden;} #links {width:1065px;} #links li{width: 295px;} #links li img{width: 295px;} #links li span{width: 255px;bottom: 0} .index_what{/*width:1200px*/;} .in_wh_one{/*width:1200px;*/} .in_wh_one ul li{width: 168px;height: 410px;background: url(../images/in_hs.png) no-repeat;position: absolute;top: 0;} .in_wh_one ul li em{bottom:-49px;left: 70px} .wh_one{left: 0px;} .wh_two{left: 175px} .wh_san{left: 348px} .wh_four{left: 523px} .wh_five{left: 699px} .wh_six{left: 874px} .wh_seven{left: 1047px} .index_our_mian{/*width:1200px;*/} .our_one{width: 165px;margin:60px 0 0 0px;} .our_two,.our_san,.our_four,.our_five{width: 165px;} .our_img_1,.our_img_2,.our_img_3,.our_img_4,.our_img_5{width:70px;} } /*20180713修改*/ #contact{ position: absolute; top: 40px; right: 285px; z-index: 999; background: rgba(0,0,0,.7); width: 257px; padding: 24px 20px; box-sizing: border-box; } #contact h1{ font-size: 20px; color: #eb6100; font-weight: normal; } #contact>p{ font-size: 12px; color: #cecece; margin-top: 5px; } #contact .input-box{ margin-top: 24px; background: transparent; } #contact .select{box-sizing: border-box;position:relative;width:100%;min-width:100%;height:30px;border:1px solid #c8cccf;cursor:pointer;color: #cecece;} #contact .select:after{content:"";position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #cecece;border-right:5px solid transparent;border-left:5px solid transparent;} #contact .select .select_text{padding:0 20px 0 10px;height:30px;line-height:30px;} #contact .select_ul{z-index:99;background:#000000;display:none;position:absolute;top:34px;left:-1px;width:100%;min-width:100%;border:1px solid #D4D4D4;border-bottom-right-radius:3px;border-bottom-left-radius:3px;} #contact .select_ul li{line-height:30px;text-indent:10px;} #contact .select_ul li:hover{color:#fff;background:#eb6100;} #contact .select_ul li.cur{color:#fff;background:#eb6100;} #contact .budget-box{ margin: 10px 0; } #contact input{ box-sizing: border-box; width: 100%; height: 30px; background: transparent; border:1px solid #c8cccf; color:#cecece; outline:0; display:block; padding: 0 10px; } #contact .yanzheng{ display: flex; justify-content: space-between; } #contact .name-box,#contact .phone-box{ margin-bottom: 10px; } #contact #submit{ margin-top: 20px; cursor:pointer; background: #eb6100; color: #fff; font-size: 14px; border-color:#eb6100 ; } .input-box p{ color: #eb6100; font-size: 12px; margin-top: 5px; display: none; } .input-box p.show{ display: inline-block; } /*2018.7.31修改*/ .index_what_main ul li{ float: left; width: 240px; margin-right: 37.5px; box-sizing: border-box; height: 320px; overflow: hidden; text-align: center; padding: 47px 0 32px 0; color: #fff; } .index_what_main ul li h1{ font-size: 32px; font-weight: bold; text-shadow:0px 1px #2d70e1, 0px 2px #2d70e1, 0px 3px #2d70e1, 0px 4px #2d70e1; margin-bottom: 39px; } .index_what_main ul li p{ font-size: 16px; line-height: 36px; } .index_what_main ul li a{ display: inline-block; color: #fff; margin-top:20px; width: 157px; height: 36px; line-height: 36px; border-radius: 10px; border: solid 1px #ffffff; } .index_what_main ul li:nth-child(1){ background-image: linear-gradient(to bottom, #6bb8fc,#5e86d7); } .index_what_main ul li:nth-child(2){ background-image: linear-gradient(to bottom, #fdbc56,#ff6d1d); } .index_what_main ul li:nth-child(3){ background-image: linear-gradient(to bottom, #44f8cb,#31d8ad); } .index_what_main ul li:nth-child(4){ background-image: linear-gradient(to bottom, #ff8db5,#fc65a5); } .index_what_main ul li:nth-child(5){ background-image: linear-gradient(to bottom, #6bb6fb,#6190de); margin-right:0px; } .index_what_main ul li:nth-child(2) h1{ text-shadow:0px 1px #fa640e, 0px 2px #fa640e, 0px 3px #fa640e, 0px 4px #fa640e; } .index_what_main ul li:nth-child(3) h1{ text-shadow:0px 1px #07c695, 0px 2px #07c695, 0px 3px #07c695, 0px 4px #07c695; } .index_what_main ul li:nth-child(4) h1{ text-shadow:0px 1px #ff358a, 0px 2px #ff358a, 0px 3px #ff358a, 0px 4px #ff358a; } .index-bg{ width: 100%; height: 170px; background: url(../images/propaganda.jpg); background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; } .product{ background: url(../images/advert.jpg); background-size: cover; } .index-bg div{ height: 32px; line-height: 32px; } .index-bg a{ margin-left: 20px; background-color: #e05513; border-radius: 10px; font-size: 16px; padding: 5px 30px; color: #fff !important; } .youlian{ margin-top: 40px; } .youlian ol:after{ content: ''; display: block; clear: both; } .youlian ol li{ float: left; width: 140px; height: 66px; margin-right: 61.5px; text-align: center; margin-bottom: 15px; } .youlian ol li p{ width: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px; color: #999999; line-height: 26px; } .youlian ol li div{ width: 100%; height: 40px; background-color: #ffffff; border: solid 1px #acabab; } .youlian ol li div img{ display: block; width: 100%; height: 100%; } .youlian ol li:last-child{ margin-right: 0; } .youlian ol li:nth-child(7),.youlian ol li:nth-child(14),.youlian ol li:nth-child(21){ margin-right: 0; } ::-webkit-scrollbar { width: 10px; height: 8px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #fff ; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(48, 57, 58, 0.7); } ::-webkit-scrollbar-thumb:hover { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(7, 170, 247, 1); } header{ max-width: 1500px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; margin: auto; position: relative; } header span{ color: #eb6100; position: absolute; right: 50px; font-weight: bold; } .header_box{ height: 80px; } .header{ width: 100%; height: 80px; background-color: #191919; z-index: 999999; text-align: center;} .guding{ position: fixed; top: 0px; left: 0px; } .header_nav{ max-width: 1500px; height: 80px; margin:auto; display: flex; justify-content: space-between;} .header_nav img{ padding-top: 5px; float: left;} .header_nav>ul{ flex:0 0 880px;display: flex; justify-content: space-between; text-align: center;} .header_nav>ul li{flex: 1; display: inline-block;position: relative;} .header_nav>ul>li>a{ color: #fff; width: 100%; height: 80px; line-height: 80px; text-align: center; display: inline-block;} .header_nav .right_login{ float: right; line-height: 80px;} .header_nav .right_login a{ color: #fff; } .header_nav .right_login .dl{ padding-right: 10px } .header_nav>ul li:hover{ background-color: #e95513; } .header_nav>ul .active{background-color: #e95513;} .header_nav>ul li .sildebar{ display:block; width: 100%; height: auto; background-color: #fff; padding-top: 10px; padding-bottom: 10px; z-index: 999; position: absolute; top: 82px; left: 0} .header_nav>ul li .sildebar a{ display:block; width:100%; height: 36px; line-height: 36px; text-align: center; color: #595757} .header_nav>ul li .sildebar a:hover{ color: #e95513; } .nav-cli { position: absolute; top: 100%; left: 0; width: 100%; background-color: #191919; color: #fff; max-height: 0; overflow: hidden; transition: all .5s linear; z-index: 99; } .nav-cli li{ width: 100%; } .nav-cli li a{ color: #fff; width: 100%; text-align: center; display: inline-block; padding: 8px 0; } .header_nav>ul li:hover .nav-cli{ padding: 10px 0; max-height: 200px; } .bot_nav{ width: 100%; height: 88px; background-color: #191919;} .bot_nav_ctx{ width: 78%; height: 88px; margin: auto; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ justify-content:space-between; } .bot_nav_ctx span{ display: block; width: 250px; height: auto; float: left; padding-top: 19px; -webkit-box-flex: 0 0 240px; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1 0 0 240px; /* OLD - Firefox 19- */ -webkit-flex: 0 0 240px; /* Chrome */ -ms-flex: 0 0 240px; /* IE 10 */ flex: 0 0 240px; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .bot_nav_ctx span b{ display: block; width: 100%; color: #fff; font-size: 16px; font-weight: normal;} .bot_nav_ctx span h3{ color: #fff; display: block; font-size: 28px;} .bot_nav_ctx ul{ height: auto; -webkit-box-flex:0 0 60%; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 0 0 60%; /* OLD - Firefox 19- */ -webkit-flex:0 0 60%; /* Chrome */ -ms-flex: 0 0 60%; /* IE 10 */ flex:0 0 60%; /* NEW, Spec - Opera 12.1, Firefox 20+ */ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ } .bot_nav_ctx ul li{ -webkit-box-flex: 1 ; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1 ; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ line-height: 88px; float: right; width: 10%; } .bot_nav_ctx ul li a{ font-size: 18px; color: #fff; height: 88px;text-align: center; display: block;} .bot_nav_ctx ul li:hover{ background-color: #e95513;} .bot_all{ width: 100%; height: auto; background-color: #fff; } .bot{ max-width: 1500px; margin: auto;} .foot_fuwu{ max-width: 1500px; margin:0 auto; padding: 20px 0; border-bottom: 1px solid #d2d2d2; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ padding-left: 55px; } .foot_fuwu>div{ -webkit-box-flex: 1 ; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1 ; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ box-sizing: border-box; padding-left: 70px; border-left: 1px solid #d2d2d2; } .foot_fuwu>div:first-child{ padding-left: 0px; border-left: 0; } .foot_fuwu>div img{ float: left; vertical-align: middle; margin-bottom: 10px; } .foot_fuwu>div div{ width: 214px; float: left; margin-left: 10px; } .foot_fuwu>div div h1{ font-weight: 700; font-size: 17px; margin-bottom: 5px; } .foot_fuwu>div div p{ font-size: 12px; color: #999; } .foot_fuwu:after{ content: ""; display: block; clear: both; } .bot_top{ width: 100%; padding: 40px 0; display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ justify-content: space-between; } .bot_top span{ } .bot_top .bot_zuo{ } .bot_top span h3{ display: block; font-size: 18px; color: #000;} .bot_top .bot_zuo p{ width:100%; color: #717071; line-height: 25px; padding-top: 25px;} .bot_top .help{ display: block; height: auto; text-align: left;display: inline;text-align: center;} .bot_top .help h3{ display: block; color: #000; font-size: 18px; padding-bottom: 25px} .bot_top .help a{ display: block; color: #717071; padding-bottom: 10px} .bot_top .help a:hover{ color: #e95513;} .bot_top .bot_center{ width: 130px; display: inline;text-align: center;} .bot_top .bot_center img{ padding-top: 25px; width: 98px;} .bot_top .bot_you{ margin: 0; display: inline; } .bot_top .bot_you i{ display: block; height: 25px; color: #717071; font-style: normal; padding-bottom: 8px;} .bot_top .bot_you h3{ padding-bottom: 25px;} .beian{ width: 100%;height: 100% !important; line-height: 30px; text-align: center; color: #7d7d7d; fbot_nav_ctxont-size: 14px; padding:20px 0;background: #eee;} .beian ul:after{ content: ""; display: block; clear: both; } .beian a{ color: #7D7D7D; } .beian ul li{ display: inline-block; padding: 0 10px; } .beian ul li i{ display: inline-block; height: 12px; width: 1px; border-right: 1px solid #7D7D7D; position: relative; top: 1px; margin-left: 15px; } .bot_top .lianxi{ text-align: left !important; } .ggttx{width: 100%;overflow: hidden;height:150px;background: url('../images/ggtbj.png') no-repeat; text-align: center;position: fixed;bottom: 0; } .ggtzy{width: 1500px;margin:auto;position: relative;} #ggtgb{position: absolute;top: 0;left: 0;cursor: pointer;} #ggthl{position: fixed;bottom: 0;left: -110px;cursor: pointer;} .fz-bold{ font-family: FZ508; } @media screen and (max-width:1370px){ .foot_fuwu,.bot{ width:1100px; box-sizing: border-box; padding: 0; padding-bottom: 20px; } .foot_fuwu>div{ padding-left: 0; text-align: center; } .foot_fuwu>div img{ float: none; } .foot_fuwu>div div{ float: none; width: 100%; text-align: center; padding: 0 20px; box-sizing: border-box; margin-left: 0; } } @media (max-width: 1270px){ .header_top,.foot_top,.foot_bot{ width: 970px; } } /*2018.1.31修改*/ .bot_top .bot_zuo p{ width: 300px; } .bot_special{ padding: 23px 0; max-width: 1350px; margin: auto; } .bot_special li{ float: left; width: 176px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right: 117px; text-align: center; } .bot_special li:last-child{ margin-right: 0; } .bot_special li:nth-child(5){ margin-right: 0; } .bot_special li:nth-child(10){ margin-right: 0; } .bot_special li:nth-child(15){ margin-right: 0; } .lianxi>div { margin-top: 5px; } .lianxi>div span{ color: #ff5500; font-weight: bold; font-size: 16px; margin-right: 10px; } .lianxi>div p{ height: 24px; line-height: 24px; margin-bottom: 10px; } .lianxi>div a{ display: inline-block !important; padding: 0 10px; padding-bottom: 0 !important; color: #FFF !important; background: #ff5500; border-radius: 5px; } .swiper-pagination-bullet{ width:10px !important; height: 10px !important; background: #fff; opacity: 1; } .swiper-pagination-bullet-active { background: #eb6100; } @media (max-width: 1200px){ .header_nav>ul { flex: 0 0 750px; } } .dede_pages{text-align:center;padding:20px 0;clear:both;overflow:hidden;} .dede_pages li{margin-left:6px;display:inline-block;border:1px solid #191919;padding:3px 8px;} .dede_pages li.thisclass{background:#E95513;border-color:#E95513;color:#fff;}