/** * Swiper 3.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 13, 2016 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} @keyframes ainimeta_width {0% {width:0;} 100% {width:100%;}} @-webkit-keyframes ainimeta_width {0% {width:0;} 100% {width:100%;}} @-o-keyframes ainimeta_width {0% {width:0;} 100% {width:100%;}} @-moz-keyframes ainimeta_width {0% {width:0;} 100% {width:100%;}} @-ms-keyframes ainimeta_width {0% {width:0;} 100% {width:100%;}} @keyframes rotateY {0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}} @-webkit-keyframes rotateY {0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}} @-o-keyframes rotateY {0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}} @-moz-keyframes rotateY {0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}} @-ms-keyframes rotateY {0% {transform: rotateY(0deg);} 100% {transform: rotateY(360deg);}} @keyframes ainimeta_txt_left {0% {left:-184px;} 100% {left:-65px;}} @-webkit-keyframes ainimeta_txt_left {0% {left:-184px;} 100% {left:-65px;}} @-o-keyframes ainimeta_txt_left {0% {left:-184px;} 100% {left:-65px;}} @-moz-keyframes ainimeta_txt_left {0% {left:-184px;} 100% {left:-65px;}} @-ms-keyframes ainimeta_txt_left {0% {left:-184px;} 100% {left:-65px;}} @keyframes ainimeta_txt_right {0% {right:-184px;} 100% {right:-65px;}} @-webkit-keyframes ainimeta_txt_right {0% {right:-184px;} 100% {right:-65px;}} @-o-keyframes ainimeta_txt_right {0% {right:-184px;} 100% {right:-65px;}} @-moz-keyframes ainimeta_txt_right {0% {right:-184px;} 100% {right:-65px;}} @-ms-keyframes ainimeta_txt_right {0% {right:-184px;} 100% {right:-65px;}} @keyframes animeta_slace {0% {width:0;height:0;} 100% {width:265.2px;height:319.2px;}} @-webkit-keyframes animeta_slace {0% {width:0;height:0;} 100% {width:265.2px;height:319.2px;}} @-o-keyframes animeta_slace {0% {width:0;height:0;} 100% {width:265.2px;height:319.2px;}} @-moz-keyframes animeta_slace {0% {width:0;height:0;} 100% {width:265.2px;height:319.2px;}} @-ms-keyframes animeta_slace {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @keyframes animeta_slaceX {0% {width:0;} 100% {width:100%;}} @-webkit-keyframes animeta_slaceX {0% {width:0;} 100% {width:100%;}} @-o-keyframes animeta_slaceX {0% {width:0;} 100% {width:100%;}} @-moz-keyframes animeta_slaceX {0% {width:0;} 100% {width:100%;}} @-ms-keyframes animeta_slaceX {0% {width:0;} 100% {width:100%;}} @keyframes animeta_slaceXY {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @-webkit-keyframes animeta_slaceXY {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @-o-keyframes animeta_slaceXY {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @-moz-keyframes animeta_slaceXY {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @-ms-keyframes animeta_slaceXY {0% {width:0;height:0;} 100% {width:100%;height:100%;}} @keyframes animeta_opacity {0% {opacity:0;top:0;} 100% {opacity:1;top:50%;}} @-webkit-keyframes animeta_opacity {0% {opacity:0;top:0;} 100% {opacity:1;top:50%;}} @-o-keyframes animeta_opacity {0% {opacity:0;top:0;} 100% {opacity:1;top:50%;}} @-moz-keyframes animeta_opacity {0% {opacity:0;top:0;} 100% {opacity:1;top:50%;}} @-ms-keyframes animeta_opacity {0% {opacity:0;top:0;} 100% {opacity:1;top:50%;}} /***********从上滑到中间**********/ @keyframes top_to_mid {0% {top:0;} 100% {top:50%;}} @-webkit-keyframes top_to_mid {0% {top:0;} 100% {top:50%;}} @-o-keyframes top_to_mid {0% {top:0;} 100% {top:50%;}} @-moz-keyframes top_to_mid {0% {top:0;} 100% {top:50%;}} @-ms-keyframes top_to_mid {0% {top:0;} 100% {top:50%;}} /***********从中间向上收起**************/ @keyframes mid_to_top {0% {top:50%;} 100% {top:0;}} @-webkit-keyframes mid_to_top {0% {top:50%;} 100% {top:0;}} @-moz-keyframes mid_to_top {0% {top:50%;} 100% {top:0;}} @-o-keyframes mid_to_top {0% {top:50%;} 100% {top:0;}} @-ms-keyframes mid_to_top {0% {top:50%;} 100% {top:0;}} /************banner标题滑出***************/ @keyframes banner_slide_r {0% {left:100%;} 100% {left:0;}} @-webkit-keyframes banner_slide_r {0% {left:100%;} 100% {left:0;}} @-moz-keyframes banner_slide_r {0% {left:100%;} 100% {left:0;}} @-o-keyframes banner_slide_r {0% {left:100%;} 100% {left:0;}} @-ms-keyframes banner_slide_r {0% {left:100%;} 100% {left:0;}} @keyframes banner_slide_l {0% {left:-100%;} 100% {left:0;}} @-webkit-keyframes banner_slide_l {0% {left:-100%;} 100% {left:0;}} @-moz-keyframes banner_slide_l {0% {left:-100%;} 100% {left:0;}} @-o-keyframes banner_slide_l {0% {left:-100%;} 100% {left:0;}} @-ms-keyframes banner_slide_l {0% {left:-100%;} 100% {left:0;}} @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } label { border: none; text-decoration: none; } .txt-line4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .top440 { top: 440px !important; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mb8 { margin-bottom: 8px; } .mb10 { margin-bottom: 10px; } .mr10 { margin-right: 10px; } .mb16 { margin-bottom: 16px; } .mb32 { margin-bottom: 32px; } .mb20 { margin-bottom: 20px; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px; } .mb78 { margin-bottom: 78px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .ml30 { margin-left: 30px; } .pt55 { padding-top: 55px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pb30 { padding-bottom: 30px; } .pt100 { padding-top: 100px !important; } .pt150 { padding-top: 150px; } .pb20 { padding-bottom: 20px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pt50 { padding-top: 50px; } .pl50 { padding-left: 50px; } .pr50 { padding-right: 50px; } .bg-fa { background-color: #fafafa; } .bg-none { background: none !important; } .l-h120 { line-height: 120px !important; } .footer-bg { background: url(/Template/images/footer-bg.jpg) no-repeat; background-size: 100% 100%; } .bg-icon { background: url(/Template/images/icon.png) no-repeat; } .bg-icon2 { background: url(/Template/images/icon2.png) no-repeat; } .bg-icon3 { background: url(/Template/images/icon3.png) no-repeat; } .bg-icon4 { background: url(/Template/images/icon4.png) no-repeat; } .bg-server { background: url(../images/bg-server.jpg) no-repeat; background-size: cover; } .bg-map { background: url(/Template/images/bg-map.jpg) no-repeat; background-size: cover; } .bg-fafafc { background-color: #fafafc; } .bg-fff { background-color: #fff; } .bg-eee { background-color: #eee; } .bg-373d41 { background-color: #373d41; } .lf { float: left; } .rf { float: right; } .blocks { display: block !important; } .none { display: none !important; } .box-sizing, .submit-btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .box { width: 1000px; height: auto; position: relative; margin: 0 auto;} .content { width: 1000px; margin: 0 auto; } .min-content { width: 940px; margin: 0 auto; } .txt-conter { text-align: center; } .max-content { width: 1400px; margin: 0 auto; } @media screen and (max-width: 1400px) { .max-content { width: 1200px; margin: 0 auto; } } .juzhongX { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .juzhongY { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .juzhongXY { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .jianBian1 { background: -webkit-linear-gradient(#fafafa, #ffffff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fafafa, #ffffff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fafafa, #ffffff); /* Firefox 3.6 - 15 */ background: linear-gradient(#fafafa, #ffffff); /* 标准的语法 */ } .jianBian2 { background: -webkit-linear-gradient(#ffffff, #fafafa); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ffffff, #fafafa); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ffffff, #fafafa); /* Firefox 3.6 - 15 */ background: linear-gradient(#ffffff, #fafafa); /* 标准的语法 */ } .jianBian-fafafc { background: -webkit-linear-gradient(#fafafc, #fff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fafafc, #fff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fafafc, #fff); /* Firefox 3.6 - 15 */ background: linear-gradient(#fafafc, #fff); /* 标准的语法 */ } .title1 { text-align: center; padding-top: 50px; font-size: 32px; line-height: 1.5em; color: #000; } .title3 { text-align: center; font-size: 16px; line-height: 1.5em; color: #999; } .txt-hidden { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .txt-line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .color-fff { color: #fff; } .color-999 { color: #999 !important; } .color-167 { color: #1673b9 !important; } .border-r-none { border-right: none !important; } .border-l-none { border-left: none !important; } .border-bottom { border-bottom: 1px solid #e6e6e6; } .border-line { border: 1px solid #e6e6e6; } .submit-btn { font-size: 16px; color: #fff; padding: 0 2em; background: #1773ba; border: 0; height: 40px; line-height: 40px; } .shadow1 { -webkit-box-shadow: 0 0 11px rgba(238, 238, 238, 0.6); -moz-box-shadow: 0 0 11px rgba(238, 238, 238, 0.6); -ms-box-shadow: 0 0 11px rgba(238, 238, 238, 0.6); -o-box-shadow: 0 0 11px rgba(238, 238, 238, 0.6); box-shadow: 0 0 11px rgba(238, 238, 238, 0.6); } .shadow2, .QA .QA-item .app-list .app-img li:hover, .us-box:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); } .shadow3, .server-tram li:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } .shadow-blue, .succ-anli-list li:hover { -webkit-box-shadow: 2px 6px 18px rgba(84, 143, 245, 0.3); -moz-box-shadow: 2px 6px 18px rgba(84, 143, 245, 0.3); -ms-box-shadow: 2px 6px 18px rgba(84, 143, 245, 0.3); -o-box-shadow: 2px 6px 18px rgba(84, 143, 245, 0.3); box-shadow: 2px 6px 18px rgba(84, 143, 245, 0.3); } .shadow-blue2 { -webkit-box-shadow: -2px 6px 18px rgba(84, 143, 245, 0.3); -moz-box-shadow: -2px 6px 18px rgba(84, 143, 245, 0.3); -ms-box-shadow: -2px 6px 18px rgba(84, 143, 245, 0.3); -o-box-shadow: -2px 6px 18px rgba(84, 143, 245, 0.3); box-shadow: -2px 6px 18px rgba(84, 143, 245, 0.3); } .shadow-blue3 { -webkit-box-shadow: 0px 0px 20px rgba(84, 143, 245, 0.5); -moz-box-shadow: 0px 0px 20px rgba(84, 143, 245, 0.5); -ms-box-shadow: 0px 0px 20px rgba(84, 143, 245, 0.5); -o-box-shadow: 0px 0px 20px rgba(84, 143, 245, 0.5); box-shadow: 0px 0px 20px rgba(84, 143, 245, 0.5); } .shadow-h, .flex-list-1 li:hover { -webkit-box-shadow: 0 0 12px rgba(211, 202, 187, 0.6); -moz-box-shadow: 0 0 12px rgba(211, 202, 187, 0.6); -ms-box-shadow: 0 0 12px rgba(211, 202, 187, 0.6); -o-box-shadow: 0 0 12px rgba(211, 202, 187, 0.6); box-shadow: 0 0 12px rgba(211, 202, 187, 0.6); } .shadow-h2, .index-server-list .item-list li .prop-server { -webkit-box-shadow: 0 2px 6px rgba(170, 202, 187, 0.3); -moz-box-shadow: 0 2px 6px rgba(170, 202, 187, 0.3); -ms-box-shadow: 0 2px 6px rgba(170, 202, 187, 0.3); -o-box-shadow: 0 2px 6px rgba(170, 202, 187, 0.3); box-shadow: 0 2px 6px rgba(170, 202, 187, 0.3); } /********************************** 公用头部、尾部 ***************************************/ .head-top { height: 50px; line-height: 50px; } .head-top .img400-num { float: left; width: 160px; height: 100%; background: url(../images/400num.jpg) no-repeat; } .head-top .top-right-box { float: right; text-align: center; font-size: 14px; color: #999; background-color: #eee; } .head-top .top-right-box .QQ { float: left; height: 100%; width: 120px; } .head-top .top-right-box .QQ:hover { background-color: #ff503f; color: #fff; } .head-top .top-right-box .QQ:hover .QQ-icon { background-position: -95px -760px; } .head-top .top-right-box .QQ .QQ-icon { display: inline-block; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat; background-position: -56px -760px; position: relative; top: 1px; } .head-top .top-right-box .weixin-code { float: left; height: 100%; width: 160px; position: relative; } .head-top .top-right-box .weixin-code:hover { background-color: #ff503f; color: #fff; } .head-top .top-right-box .weixin-code:hover .saoMiao-icon { background-position: -56px -814px; } .head-top .top-right-box .weixin-code .saoMiao-icon { display: inline-block; width: 16px; height: 18px; background: url(../images/icon.png) no-repeat; background-position: -95px -814px; position: relative; top: 4px; } .head-top .top-right-box .weixin-code .slide-down-code { display: none; width: 160px; height: 160px; position: absolute; left: 0; top: 50px; z-index: 1000; } .curBg { position: absolute; bottom: 0; height: 3px; background-color: #1673b9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .curBg.cur-index { width: 32px; left: 20px; } .curBg.cur-server { width: 32px; left: 92px; } .curBg.cur-fangan { width: 64px; left: 164px; } .curBg.cur-succ { width: 64px; left: 268px; } .curBg.cur-msg { width: 64px; left: 372px; } .curBg.cur-about { width: 64px; left: 476px; } .curBg.cur-we { width: 64px; left: 580px; } /********尾部*********/ .Us { height: 543px; } .Us .form-box { width: 50%; height: auto; float: left; } .Us .form-box input:focus, .Us .form-box textarea:focus { color: #333; } .Us .form-box input[type="text"], .Us .form-box input[type="tel"], .Us .form-box textarea { background: none; color: #fff; font-size: 14px; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 10px; height: 40px; line-height: 40px; } .Us .form-box input[type="text"]::-webkit-input-placeholder, .Us .form-box input[type="tel"]::-webkit-input-placeholder, .Us .form-box textarea::-webkit-input-placeholder { color: #fff; } .Us .form-box .name { width: 175px; } .Us .form-box .phone { width: 360px; } .Us .form-box .q_q { width: 268px; } .Us .form-box .wei_x { width: 268px; } .Us .form-box .need { width: 556px; height: 76px; resize: none; line-height: normal; } .Us .qiHui-message { width: 50%; height: auto; float: left; } .Us .qiHui-message .footer-msg-list { float: right; } .Us .qiHui-message .footer-msg-list li { height: 40px; font-size: 16px; color: #fff; margin-bottom: 20px; } .Us .qiHui-message .footer-msg-list li span { display: inline-block; width: 28px; height: 28px; position: relative; top: 8px; margin-right: 12px; } .Us .qiHui-message .footer-msg-list li span.phone { background-position: -50px -481px; } .Us .qiHui-message .footer-msg-list li span.email { background-position: -50px -535px; } .Us .qiHui-message .footer-msg-list li span.addr { background-position: -50px -590px; } .Us .qiHui-message .footer-msg-list li span.diTie { background-position: -50px -645px; } .Us .qiHui-message .footer-msg-list li.bold { font-weight: bold; } .footer-copyright .item-box { float: left; width: 190px; height: auto; padding-top: 40px; } .footer-copyright .item-box li a { display: block; font-size: 12px; color: #999; line-height: 2em; } .footer-copyright .item-box li a:hover { text-decoration: underline; color: #1773ba; } .footer-copyright .item-box li a.tit { font-size: 14px; color: #3f3f3f; margin-bottom: 14px; } .footer-copyright .code-box { float: left; width: 200px; height: auto; padding-top: 40px; text-align: center; color: #3f3f3f; } .footer-copyright .code-box h4 { font-size: 14px; } .footer-copyright .code-box .h2 { font-size: 18px;text-align: center;} .footer-copyright .code-box .h2 span { display: inline-block; width: 18px; height: 18px; background-position: -55px -705px; margin-right: 10px; } .footer-copyright .code-box .footer-code-bg { display: inline-block; width: 90px; height: 90px; background: url(/Template/images/footer-code-img.jpg) no-repeat; } .footer-copyright .copyright { width: 100%; height: auto; padding-top: 32px; border-top: 1px solid #e6e6e6; } .footer-copyright .copyright .link { font-size: 12px; color: #3f3f3f; } .footer-copyright .copyright .link a { font-size: 12px; color: #3f3f3f; } .footer-copyright .copyright .link a:hover { text-decoration: underline; color: #1773ba; } .footer-copyright .copyright p { display: inline-block; font-size: 12px; line-height: 3em; color: #999; padding-right: 62px; } /************公用的侧边悬浮框*****************/ .side-box { width: 46px; height: auto; position: fixed; right: 10px; bottom: 0; z-index: 1776; display: none; } .side-box .side-item { width: 100%; height: auto; } .side-box .side-item li { width: 100%; height: 46px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; cursor: pointer; position: relative; background: rgba(23, 138, 235, 0.9); } .side-box .side-item li:last-of-type { background: rgba(255, 255, 255, 0.9); } .side-box .side-item li .phone-side { display: none; z-index: 1000000; width: 360px; height: 46px; line-height: 46px; background: #fff; position: absolute; left: -360px; top: 0; border: 1px solid #2d95ed; border-top-width: 3px; } .side-box .side-item li .phone-side .tel-item { width: 100%; padding: 0 10px; } .side-box .side-item li .phone-side .tel-item .tel-img { width: 36px; height: auto; margin-top: -6px; } .side-box .side-item li .phone-side .tel-item .num-tit { font-size: 16px; color: #3f3f3f; margin: 0 10px; } .side-box .side-item li .phone-side .tel-item .num-num { font-size: 18px; color: #1673b9; } .side-box .side-item li span { display: block; width: 100%; height: 100%; background-position: -39px -144px; } .side-box .side-item li span.span1 { background-position: -40px -33px; } .side-box .side-item li span.span2 { background-position: -41px -90px; } .side-box .side-item li span.span4 { background-position: -41px -1065px; } /*********咨询弹窗************/ .popup { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; z-index: 1811; overflow: hidden; } .popup .zixun-popup { width: 520px; height: 550px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; overflow: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: top_to_mid 0.3s linear; -moz-animation: top_to_mid 0.3s linear; /* Firefox */ -webkit-animation: top_to_mid 0.3s linear; /* Safari and Chrome */ -o-animation: top_to_mid 0.3s linear; /* Opera */ -ms-animation: top_to_mid 0.3s linear; } .popup .zixun-popup .title { width: 100%; height: 62px; line-height: 62px; background-color: #1773ba; } .popup .zixun-popup .title .logo { min-width: 188px; height: 100%; background: url(../images/logo/logo1.png) no-repeat 30px 9px; } .popup .zixun-popup .title .ctrl { width: auto; height: 100%; padding-right: 24px; line-height: normal; padding-top: 17px; } .popup .zixun-popup .title .ctrl span { display: inline-block; width: 20px; height: 20px; cursor: pointer; } .popup .zixun-popup .title .ctrl span.shou { background-position: -55px -866px; } .popup .zixun-popup .title .ctrl span.close { background-position: -55px -921px; margin-left: 10px; } .popup .zixun-popup .main { width: 100%; height: 332px; background: #f8f8f8; border-bottom: 1px solid #e9e9ef; overflow: auto; padding: 10px 0; font-size: 12px; } .popup .zixun-popup .main .system-msg { padding: 10px 0; text-align: center; color: #6a7884; } .popup .zixun-popup .main .msg-box { padding: 0 28px; margin-bottom: 30px; } .popup .zixun-popup .main .msg-box .user-msg { max-width: 60%; line-height: 1.8em; position: relative; padding: 10px 16px 10px 6px; background-color: #1773ba; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; } .popup .zixun-popup .main .msg-box .user-msg .after { display: block; width: 8px; height: 14px; background: url(../images/msg-jiantou1_03.jpg) no-repeat; position: absolute; right: -8px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .popup .zixun-popup .main .msg-box .qi-msg { max-width: 60%; line-height: 1.8em; position: relative; padding: 10px 6px 10px 16px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #6a7884; border: 1px solid #e6e6e6; } .popup .zixun-popup .main .msg-box .qi-msg .after { display: block; width: 8px; height: 14px; background: url(../images/msg-jiantou2_07.jpg) no-repeat; position: absolute; left: -8px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .popup .zixun-popup .foo { width: 100%; height: 156px; background: #fff; position: relative; } .popup .zixun-popup .foo .ctrl-line { height: 50px; padding: 14px 16px; } .popup .zixun-popup .foo .ctrl-line .biaoqing { cursor: pointer; display: inline-block; width: 22px; height: 22px; background-position: -53px -976px; } .popup .zixun-popup .foo .ctrl-line .img { cursor: pointer; display: inline-block; width: 22px; height: 22px; background-position: -53px -1031px; margin-left: 10px; } .popup .zixun-popup .foo .ctrl-line .img input[type="file"] { display: none; } .popup .zixun-popup .foo .shuru { display: block; width: 100%; height: 96px; padding: 0 16px; margin-bottom: 10px; border: none; resize: none; line-height: 1.8em; } .popup .zixun-popup .foo .shuru:focus ~ .fasong { background: #1773ba; } .popup .zixun-popup .foo .fasong { cursor: pointer; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #d3d3da; position: absolute; right: 20px; bottom: 20px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } /***********首页main*************/ .index-core-yeWu-list { width: 100%; height: auto; } .index-core-yeWu-list li { width: 20%; height: 370px; float: left; } .index-core-yeWu-list li .shade { width: 100%; height: 100%; background: rgba(67, 202, 247, 0); text-align: center; color: #fff; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .index-core-yeWu-list li .shade:hover { background: rgba(67, 202, 247, 0.9); } .index-core-yeWu-list li .shade:hover .shade-main .item-icon { padding-bottom: 24px; } .index-core-yeWu-list li .shade:hover .shade-main .main-hide { height: auto; opacity: 1; } .index-core-yeWu-list li .shade .shade-main { height: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .index-core-yeWu-list li .shade .shade-main .item-icon { width: 100%; padding-top: 24px; padding-bottom: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .index-core-yeWu-list li .shade .shade-main .item-icon span { display: block; margin: 0 auto; width: 38px; height: 58px; } .index-core-yeWu-list li .shade .shade-main h2 { font-size: 24px; margin-bottom: 0px; } .index-core-yeWu-list li .shade .shade-main .main-hide { height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .index-core-yeWu-list li .shade .shade-main .main-hide h3 { font-size: 14px; line-height: 2em; } .index-core-yeWu-list li:first-of-type { background: url(../images/coreyewu1-bg.jpg) no-repeat; background-size: 100% 100%; } .index-core-yeWu-list li:first-of-type .item-icon span { background-position: -116px -49px !important; } .index-core-yeWu-list li:nth-of-type(2) { background: url(/Template/images/coreyewu-bg.jpg) no-repeat; background-size: 100% 100%; } .index-core-yeWu-list li:nth-of-type(2) .item-icon span { width: 48px !important; background-position: -111px -143px !important; } .index-core-yeWu-list li:nth-of-type(3) { background: url(/Template/images/coreyewu3-bg.jpg) no-repeat; background-size: 100% 100%; } .index-core-yeWu-list li:nth-of-type(3) .item-icon span { width: 50px !important; background-position: -110px -330px !important; } .index-core-yeWu-list li:nth-of-type(4) { background: url(/Template/images/coreyewu2-bg.jpg) no-repeat; background-size: 100% 100%; } .index-core-yeWu-list li:nth-of-type(4) .item-icon span { width: 50px !important; background-position: -110px -237px !important; } .index-core-yeWu-list li:last-of-type { background: url(/Template/images/coreyewu4-bg.jpg) no-repeat; background-size: 100% 100%; } .index-core-yeWu-list li:last-of-type .item-icon span { width: 50px !important; background-position: -110px -426px !important; } a.check-detail-btn { display: inline-block; width: 120px; height: 36px; line-height: 36px; color: #fff; font-size: 14px; border: 1px solid #fff; } .index-server-list { position: relative; width: 100%; height: 420px; } .index-server-list .line-jiantou { width: 100%; height: 2px; background: #999; position: absolute; left: 0; top: 230px; } .index-server-list .line-jiantou:after { content: '>'; display: block; font-size: 24px; color: #999; position: absolute; right: -4px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .index-server-list .item-list { width: 100%; height: 420px; position: absolute; left: 0; top: 0; } .index-server-list .item-list li { float: left; position: relative; top: 30%; background: #fff; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: 1px solid #e6e6e6; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-box-shadow: 0 0 11px rgba(219, 217, 217, 0.6); -moz-box-shadow: 0 0 11px rgba(219, 217, 217, 0.6); -ms-box-shadow: 0 0 11px rgba(219, 217, 217, 0.6); -o-box-shadow: 0 0 11px rgba(219, 217, 217, 0.6); box-shadow: 0 0 11px rgba(219, 217, 217, 0.6); width: 130px; height: 168px; margin-right: 10px; z-index: 1; } .index-server-list .item-list li:last-of-type { margin-right: 0; } .index-server-list .item-list li .icon-server { width: 35px; height: 35px; margin: 50px auto 30px; background-position: 0 -1px; } .index-server-list .item-list li .icon-server.p2 { background-position: -42px 0px; } .index-server-list .item-list li .icon-server.p3 { background-position: -85px -1px; } .index-server-list .item-list li .icon-server.p4 { background-position: -128px -1px; } .index-server-list .item-list li .icon-server.p5 { background-position: -170px -1px; } .index-server-list .item-list li .icon-server.p6 { background-position: 0 -47px; } .index-server-list .item-list li .icon-server.p7 { background-position: -42px -47px; } .index-server-list .item-list li .icon-server.p8 { background-position: -85px -43px; } .index-server-list .item-list li .icon-server.p9 { background-position: -128px -43px; } .index-server-list .item-list li .icon-server.p10 { background-position: -168px -44px; } .index-server-list .item-list li h3 { font-size: 14px; color: #333; text-align: center; } .index-server-list .item-list li .prop-server { display: none; padding-top: 10px; width: 220px; height: 280px; background-color: #3fcdfd; position: absolute; left: 50%; top: 50%; overflow: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; } .index-server-list .item-list li .prop-server h2 { display: none; padding: 10px 0; font-size: 24px; color: #fff; text-align: center; } .index-server-list .item-list li .prop-server .jiedian { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 2px; height: 200px; background-color: #fff; } .index-server-list .item-list li .prop-server .jiedian .dian { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #3fcdfd; border: 2px solid #fff; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .index-server-list .item-list li .prop-server .jiedian .dian:first-of-type { top: 25%; } .index-server-list .item-list li .prop-server .jiedian .dian:first-of-type .after { min-width: 4em; max-width: 50%; display: none; font-size: 14px; color: #fff; position: absolute; right: -65px; top: -5px; animation: ainimeta_txt_right 1.2s ease; -webkit-animation: ainimeta_txt_right 1.2s ease; -moz-animation: ainimeta_txt_right 1.2s ease; -o-animation: ainimeta_txt_right 1.2s ease; -ms-animation: ainimeta_txt_right 1.2s ease; } .index-server-list .item-list li .prop-server .jiedian .dian:nth-of-type(2) { top: 50%; } .index-server-list .item-list li .prop-server .jiedian .dian:nth-of-type(2) .after { min-width: 4em; max-width: 50%; display: none; font-size: 14px; color: #fff; position: absolute; left: -65px; top: -5px; animation: ainimeta_txt_left 1.2s ease; -webkit-animation: ainimeta_txt_left 1.2s ease; -moz-animation: ainimeta_txt_left 1.2s ease; -o-animation: ainimeta_txt_left 1.2s ease; -ms-animation: ainimeta_txt_left 1.2s ease; } .index-server-list .item-list li .prop-server .jiedian .dian:last-of-type { top: 75%; } .index-server-list .item-list li .prop-server .jiedian .dian:last-of-type .after { min-width: 4em; max-width: 50%; display: none; font-size: 14px; color: #fff; position: absolute; right: -65px; top: -5px; animation: ainimeta_txt_right 1.5s ease; -webkit-animation: ainimeta_txt_right 1.2s ease; -moz-animation: ainimeta_txt_right 1.2s ease; -o-animation: ainimeta_txt_right 1.2s ease; -ms-animation: ainimeta_txt_right 1.2s ease; } .index-server-list .item-list li .prop-server .jiedian .dian.block .after { display: block !important; } .index-server-list .item-list li:hover { z-index: 1100; } @media screen and (max-width: 1400px) { .index-server-list .item-list li { width: 110px; } } .index-video { width: 100%; height: 540px; position: relative; } .index-video:hover .click-shade { background: rgba(0, 0, 0, 0.1); } .index-video .bg-video { width: 100%; height: 100%; } .index-video .click-shade { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); cursor: pointer; text-align: center; font-size: 16px; color: #fff; } .index-video .click-shade .h3 { font-size: 40px; margin-bottom: 20px; } .index-video .click-shade p { line-height: 2em; margin-bottom: 10px; } .index-video .click-shade .click-video { display: inline-block; padding: 4px 2em; border: 1px solid #fff; } /** * ================视频弹窗=============== */ .video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 2000; } .video-popup .video-mongolia-layer { width: 100%; height: 100%; background-color: #000; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8; } .video-popup .video-content { position: absolute; z-index: 2001; width: 960px; height: 540px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: top_to_mid 0.3s linear; -moz-animation: top_to_mid 0.3s linear; /* Firefox */ -webkit-animation: top_to_mid 0.3s linear; /* Safari and Chrome */ -o-animation: top_to_mid 0.3s linear; /* Opera */ -ms-animation: top_to_mid 0.3s linear; background-color: #000; } .video-popup .video-content .video { width: 100%; height: 100%; } .video-popup .video-content .video-close { position: absolute; right: 10px; top: 10px; background: url(../img/video-close.png) center no-repeat; width: 20px; height: 20px; cursor: pointer; z-index: 2002; } .index-jieJue { width: 100%; height: auto; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .index-jieJue li { flex-grow: 0; flex-shrink: 1; flex-basis: 285px; height: 334px; position: relative; margin-bottom: 40px; } .index-jieJue li .hangYe { width: 100%; height: auto; cursor: pointer; border: 1px solid #e6e6e6; } .index-jieJue li .hangYe .hangye-bg { width: 100%; height: 200px; position: relative; overflow: hidden; } .index-jieJue li .hangYe .hangye-bg img { width: 100%; height: auto; } .index-jieJue li .hangYe .hangye-bg .hangye-shade { width: 100%; height: 100%; display: none; overflow: hidden; background: rgba(53, 203, 253, 0.9); border: 1px solid #3cc7f8; animation: ainimeta_width 1s ease; -moz-animation: ainimeta_width 1s ease; -webkit-animation: ainimeta_width 1s ease; -o-animation: ainimeta_width 1s ease; -ms-animation: ainimeta_width 1s ease; } .index-jieJue li .hangYe .hangye-bg .hangye-shade .max-icon { display: inline-block; width: 80px; height: 80px; background-position: -95px -608px; opacity: 0; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .index-jieJue li .hangYe .hangye-txt { width: 100%; height: 132px; background-color: #fff; padding: 0 20px; color: #333; } .index-jieJue li .hangYe .hangye-txt h2 { font-size: 22px; line-height: 2.5em; } .index-jieJue li .hangYe .hangye-txt h3 { font-size: 16px; } .index-jieJue li .hangYe.hover { border-color: #3cc7f8; } .index-jieJue li .hangYe:hover .hangye-txt h2 { color: #3fcdfd; } .check-more { display: block; margin: 0 auto; width: 160px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #333; font-size: 16px; color: #333 !important; } .index-heZuo { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; } .index-heZuo li { width: 14.28%; height: 119px; float: left; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative; overflow: hidden; transform: rotateY(0deg); background: url(/Template/images/img/logo-qiang.jpg) no-repeat; } .index-heZuo li.bg1 { background-position: 0 0; } .index-heZuo li.bg2 { background-position: -171px 0; } .index-heZuo li.bg3 { background-position: -342px 0; } .index-heZuo li.bg4 { background-position: -513px 0; } .index-heZuo li.bg5 { background-position: -684px 0; } .index-heZuo li.bg6 { background-position: -855px 0; } .index-heZuo li.bg7 { background-position: -1026px 0; } .index-heZuo li.bg8 { background-position: 0 -119px; } .index-heZuo li.bg9 { background-position: -171px -119px; } .index-heZuo li.bg10 { background-position: -342px -119px; } .index-heZuo li.bg11 { background-position: -513px -119px; } .index-heZuo li.bg12 { background-position: -684px -119px; } .index-heZuo li.bg13 { background-position: -855px -119px; } .index-heZuo li.bg14 { background-position: -1026px -119px; } .index-heZuo li.bg15 { background-position: 0 -238px; } .index-heZuo li.bg16 { background-position: -171px -238px; } .index-heZuo li.bg17 { background-position: -342px -238px; } .index-heZuo li.bg18 { background-position: -513px -238px; } .index-heZuo li.bg19 { background-position: -684px -238px; } .index-heZuo li.bg20 { background-position: -855px -238px; } .index-heZuo li.bg21 { background-position: -1026px -238px; } .index-heZuo li.bg22 { background-position: 0 -357px; } .index-heZuo li.bg23 { background-position: -171px -357px; } .index-heZuo li.bg24 { background-position: -342px -357px; } .index-heZuo li.bg25 { background-position: -513px -357px; } .index-heZuo li.bg26 { background-position: -684px -357px; } .index-heZuo li.bg27 { background-position: -855px -357px; } .index-heZuo li.bg28 { background-position: -1026px -357px; } .index-heZuo li.bg29 { background-position: 0 -476px; } .index-heZuo li.bg30 { background-position: -171px -476px; } .index-heZuo li.bg31 { background-position: -342px -476px; } .index-heZuo li.bg32 { background-position: -513px -476px; } .index-heZuo li.bg33 { background-position: -684px -476px; } .index-heZuo li.bg34 { background-position: -855px -476px; } .index-heZuo li.bg35 { background-position: -1026px -476px; } .index-heZuo li.ro_cur { animation: rotateY 1s linear; -moz-animation: rotateY 1s linear; /* Firefox */ -webkit-animation: rotateY 1s linear; /* Safari and Chrome */ -o-animation: rotateY 1s linear; /* Opera */ -ms-animation: rotateY 1s linear; } .index-heZuo li:hover .hezuo-shade { top: 0; } .index-heZuo li .hezuo-shade { width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .index-heZuo li .hezuo-shade h2 { width: 100%; line-height: 38px; text-align: center; background: #3fcdfd; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 0; } .index-message-list { display: flex; display: -webkit-flex; } .index-message-list .max-li { flex: 1; height: 380px; margin-right: 20px; } .index-message-list .max-li .msg-tit { width: 100%; height: 50px; line-height: 50px; border: 1px solid #e6e6e6; background: #fff; padding: 0 20px; font-size: 14px; margin-bottom: 10px; } .index-message-list .max-li .msg-tit:hover { border-color: #3fcdfd !important; } .index-message-list .max-li .msg-tit span { color: #333; } .index-message-list .max-li .msg-tit a { color: #999; } .index-message-list .max-li .msg-main { width: 100%; height: 320px; background: #fff; border: 1px solid #e6e6e6; } .index-message-list .max-li .msg-main:hover { border-color: #3fcdfd !important; } .index-message-list .max-li .msg-main .msg-main-img { width: 100%; height: 144px; } .index-message-list .max-li .msg-main .msg-main-img .img { width: 50%; height: 100%; padding: 10px; } .index-message-list .max-li .msg-main .msg-main-img .img img { width: 100%; height: 100%; } .index-message-list .max-li .msg-main .msg-main-img .txt { width: 50%; height: 100%; overflow: hidden; padding: 10px; } .index-message-list .max-li .msg-main .msg-main-img .txt .h4 { font-size: 16px; color: #333; line-height: 2em; } .index-message-list .max-li .msg-main .msg-main-img .txt p { font-size: 14px; color: #999; line-height: 1.4em; text-indent: 2em; } .index-message-list .max-li .msg-main .msg-main-item { width: 100%; height: 174px; overflow: hidden; padding: 10px 20px 0; } .index-message-list .max-li .msg-main .msg-main-item:hover { border-color: #3fcdfd !important; } .index-message-list .max-li .msg-main .msg-main-item .min-li { position: relative; } .index-message-list .max-li .msg-main .msg-main-item .min-li:hover a { color: #3fcdfd; } .index-message-list .max-li .msg-main .msg-main-item .min-li:hover:before { background-color: #3fcdfd; } .index-message-list .max-li .msg-main .msg-main-item .min-li a { display: block; width: 100%; line-height: 36px; font-size: 16px; color: #999; } .index-message-list .max-li .msg-main .msg-main-item .min-li:before { content: ''; display: block; width: 6px; height: 6px; margin: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #999; position: absolute; left: -18px; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .QA .QA-item { width: 50%; min-height: 450px; } .QA .QA-item h2 { font-size: 24px; color: #3f3f3f; margin-bottom: 30px; } .QA .QA-item .qa-list li { margin-bottom: 20px; } .QA .QA-item .qa-list li .Q .q-icon { width: 6.4%; min-height: 35px; float: left; position: relative; } .QA .QA-item .qa-list li .Q .q-icon span { display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #f54242; font-size: 14px; color: #fff; } .QA .QA-item .qa-list li .Q .q-tit { width: 93.6%; min-height: 35px; border-bottom: 1px solid #e6e6e6; float: left; margin-bottom: 10px; } .QA .QA-item .qa-list li .Q .q-tit h3 a { display: block; font-size: 20px; color: #3f3f3f; line-height: 2em; } .QA .QA-item .qa-list li .A .a-icon { width: 6.4%; min-height: 35px; float: left; position: relative; } .QA .QA-item .qa-list li .A .a-icon span { display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-color: #18bac9; font-size: 14px; color: #fff; } .QA .QA-item .qa-list li .A .a-txt { width: 93.6%; min-height: 35px; float: left; } .QA .QA-item .qa-list li .A .a-txt p { display: block; font-size: 14px; color: #999; line-height: 2em; } .QA .QA-item .app-list { width: 100%; height: 136px; border-bottom: 1px solid #000; position: relative; } .QA .QA-item .app-list .app-img li { width: 98px; height: 98px; float: left; margin-right: 45px; overflow: hidden; border: 1px solid #e6e6e6; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; z-index: 105; } .QA .QA-item .app-list .app-img li img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; display: block; width: 100%; } .QA .QA-item .app-list .app-img li:last-of-type { margin-right: 0; } .QA .QA-item .app-list .min-curBg { width: 12px; height: 10px; background-position: -58px -433px; position: absolute; left: 43px; bottom: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .QA .QA-item .app-item { overflow-x: hidden; overflow-y: hidden; position: relative; min-height: 248px; } .QA .QA-item .app-item .app-item-txt { display: none; position: absolute; left: 0; top: 0; width: 100%; min-height: 450px; } .QA .QA-item .app-item .app-item-txt.active { z-index: 1000; display: block; } .QA .QA-item .app-item .app-item-txt .tit { width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #3f3f3f; } .QA .QA-item .app-item .app-item-txt .tit h3 { max-width: 70%; } .QA .QA-item .app-item .app-item-txt .tit h3 a { color: #3f3f3f; } .QA .QA-item .app-item .app-item-txt .tit h4 { max-width: 30%; text-align: right; } .QA .QA-item .app-item .app-item-txt .txt { font-size: 14px; color: #999; line-height: 1.8em; } .phone-bg { width: 356px; height: 622px; } .hyb-1-bg { background: url(../images/hyb-1.png) no-repeat; } .hyb-2-bg { background: url(../images/hyb-2.png) no-repeat; background-position: 10px 0; } .malai-1-bg { background: url(../images/malai-1.png) no-repeat; } .malai-2-bg { background: url(../images/malai-2.png) no-repeat; background-position: 10px 0; } .xiandai-1-bg { background: url(../images/xiandai-1.png) no-repeat; } .xiandai-2-bg { background: url(../images/xiandai-2.png) no-repeat; background-position: 10px 0; } .pingan-1-bg { background: url(../images/pingan-1.png) no-repeat; } .pingan-2-bg { background: url(../images/pingan-2.png) no-repeat; background-position: 10px 0; } .koubei { height: 100%; position: relative; } .koubei .l-phone { width: 30%; height: 100%; position: absolute; left: -100px; top: 0; } .koubei .mid-txt { width: 40%; height: 100%; text-align: center; color: #333; padding-top: 175px; position: relative; } .koubei .mid-txt h2 { font-size: 32px; margin-bottom: 50px; } .koubei .mid-txt p { text-align: center; font-size: 16px; line-height: 1.8em; margin-bottom: 50px; } .koubei .mid-txt h3 { display: inline-block; font-size: 32px; color: #1673b9; border-bottom: 2px solid #1673b9; } .koubei .mid-txt h5 { font-size: 12px; color: #1673b9; line-height: 2em; } .koubei .r-phone { width: 30%; height: 100%; position: absolute; right: -100px; top: 0; } .img-auto { display: block; width: 100%; height: auto; } .img-juzhong { width: 100%; height: auto; text-align: center; } .img-juzhong img { width: 80%; } .pd76 { padding: 76px 0; } .h2-app { text-align: center; font-size: 36px; color: #fff; padding: 56px 0 !important; } .p-50 { width: 50%; margin: 0 auto; font-size: 16px; color: #fff; line-height: 1.6em; } .line-h0 { line-height: normal; } .min-h-txt { font-size: 28px; text-align: center; } /************************* 服务 *****************************/ .slide_bg { width: 100%; height: 400px; background: url(/Template/images/server-slide-bg_02.jpg) no-repeat center center; background-size: cover; color: #fff; } .slide_bg.h430 { height: 430px; } .slide_bg.slide_bg2 { background: url(/Template/images/server-bg2_02.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg3 { height: 300px; background: url(/Template/images/banner1.jpg) no-repeat center top; background-size: cover; } .slide_bg.slide_bg4 { background: url(/Template/images/banner2.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg5 { background: url(/Template/images/banner3.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg6 { background: url(/Template/images/banner4.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg7 { background: url(/Template/images/banner5.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg8 { background: url(/Template/images/banner6.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg9 { background: url(/Template/images/banner7.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg10 { background: url(/Template/images/banner8.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg11 { background: url(/Template/images/banner9.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg12 { background: url(/Template/images/banner10.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg13 { background: url(/Template/images/banner11.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg14 { background: url(/Template/images/banner12.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg15 { background: url(/Template/images/banner13.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg16 { background: url(/Template/images/banner14.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg17 { background: url(/Template/images/banner15.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg18 { background: url(/Template/images/banner16.jpg) no-repeat center center; background-size: cover; } .slide_bg.slide_bg19 { background: url(/Template/images/banner17.jpg) no-repeat center center; background-size: cover; } .slide_bg .biaoyu1 { padding-top: 60px; font-size: 44px; line-height: 108px; position: relative; left: 0; animation: banner_slide_r 1s; animation-timing-function: linear; } .slide_bg .biaoyu1.mid { text-align: center; padding-top: 100px; } .slide_bg .biaoyu2 { font-size: 20px; line-height: 40px; position: relative; left: 0; animation: banner_slide_l 1s; animation-timing-function: linear; } .slide_bg .biaoyu2.mid { text-align: center; padding-top: 10px; } .click_index_list { margin: 0 auto; align: center; } .click_index_list.juzhong { position: relative; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .click_index_list li { float: left; padding: 0 40px; line-height: 54px; font-size: 16px; color: #333; } .click_index_list li.active span { border-bottom: 2px solid #1673b9; } .click_index_list li span { display: inline-block; cursor: pointer; } .idex_title_box { display: inline-block; width: auto; height: 54px; line-height: 54px; font-size: 24px; color: #333; padding: 0 10px; margin-right: 118px; position: relative; } .idex_title_box:after { content: ''; display: block; width: 2px; height: 24px; background-color: #1673b9; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .mianbaoxie { padding: 30px 10px; margin-bottom: 15px; } .mianbaoxie p { font-size: 12px; color: #333; } .left-msg-box { width: 870px; min-height: 1920px; background-color: #fff; border: 1px solid #e6e6e6; margin-bottom: 135px; } .left-msg-box.msg-detail-box { min-height: 1100px; border: none; padding: 0 30px; } .left-msg-box .left-tab-box { display: none; } .left-msg-box .left-tab-box.active { display: block; } .left-msg-box .title-txt { line-height: 88px; text-align: center; font-size: 20px; color: #1572bc; border-bottom: 1px solid #e6e6e6; } .left-msg-box .msg-list-ul { padding: 20px; } .left-msg-box .msg-list-ul li { margin-bottom: 28px; height: 200px; position: relative; } .left-msg-box .msg-list-ul li:hover { background-color: #f0f7ff; } .left-msg-box .msg-list-ul li:hover .yue span { background-position: -701px -56px !important; } .left-msg-box .msg-list-ul li:hover .ping span { background-position: -702px -98px !important; } .left-msg-box .msg-list-ul li .img { width: 200px; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10; } .left-msg-box .msg-list-ul li .img img { width: 100%; height: auto; } .left-msg-box .msg-list-ul li .txt { width: 100%; height: 100%; padding-left: 230px; position: relative; border-bottom: 1px dotted #a3c6db; } .left-msg-box .msg-list-ul li .txt .biaoti { line-height: 42px; font-size: 18px; color: #1572bc; margin-bottom: 15px; } .left-msg-box .msg-list-ul li .txt .zhengwen { height: 88px; font-size: 14px; color: #888; padding-right: 1em; margin-bottom: 5px; overflow: hidden; } .left-msg-box .msg-list-ul li .txt .zhengwen a { color: #333; } .left-msg-box .msg-list-ul li .txt .total-data { height: 50px; line-height: 50px; font-size: 14px; color: #888; padding-right: 1em; } .left-msg-box .msg-list-ul li .txt .total-data .wenz-type { color: #333; margin-right: 1em; } .left-msg-box .msg-list-ul li .txt .total-data .yue-ping .yue span, .left-msg-box .msg-list-ul li .txt .total-data .yue-ping .ping span { display: inline-block; width: 19px; height: 19px; margin-bottom: -5px; background-position: -702px -142px; } .left-msg-box .msg-list-ul li .txt .total-data .yue-ping .ping { margin-left: 1em; } .left-msg-box .msg-list-ul li .txt .total-data .yue-ping .ping span { background-position: -702px -200px; } .right-msg-box { width: 308px; height: auto; } .right-msg-box .huodonghezi { width: 100%; height: 223px; border: 1px solid #e6e6e6; padding: 20px; background: #fff; } .right-msg-box .huodonghezi .shade { display: block; width: 100%; height: 100%; background: url(../images/RdDUGyZnva.jpg) no-repeat; background-size: cover; position: relative; } .right-msg-box .side-right-item { width: 100%; height: auto; border: 1px solid #e6e6e6; background: #fff; } .right-msg-box .side-right-item .tit { line-height: 58px; text-align: center; font-size: 18px; color: #1773ba; border-bottom: 1px solid #c2d8e5; } .right-msg-box .side-right-item .paihang-idex { padding: 10px 0; padding-left: 30px; } .right-msg-box .side-right-item .paihang-idex li { float: left; width: 90px; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; border: 1px solid #e6e6e6; text-align: center; font-size: 16px; color: #888; margin: 0 16px; cursor: pointer; } .right-msg-box .side-right-item .paihang-idex li.active { background: #1773ba; color: #fff; } .right-msg-box .side-right-item .paihang-item { padding: 0 12px 0 18px; font-size: 14px; color: #888; display: none; } .right-msg-box .side-right-item .paihang-item.active { display: block; } .right-msg-box .side-right-item .paihang-item .no1 { margin-bottom: 20px; } .right-msg-box .side-right-item .paihang-item .no1 .one-bg { width: 58px; height: 52px; margin-right: 8px; background: url(../images/sideCon_1.png) no-repeat; } .right-msg-box .side-right-item .paihang-item .no1 .one-txt { width: 200px; } .right-msg-box .side-right-item .paihang-item .no1 .one-txt a { display: block; color: #333; } .right-msg-box .side-right-item .paihang-item .one-item { margin-bottom: 20px; } .right-msg-box .side-right-item .paihang-item .one-item span { font-size: 18px; color: #c2d8e5; margin-right: 10px; } .right-msg-box .side-right-item .biaoqian-list { padding: 20px 10px; padding-right: 0; } .right-msg-box .side-right-item .biaoqian-list li { float: left; padding: 0 10px; border: 1px solid #e6e6e6; margin-right: 10px; margin-bottom: 10px; text-align: center; line-height: 30px; overflow: hidden; color: #888; } .right-msg-box .side-right-item .anli-item { margin-bottom: 10px; } .right-msg-box .side-right-item .anli-item:last-of-type { margin-bottom: 0; } .right-msg-box .side-right-item .anli-item:hover { background: #5f98fa; } .right-msg-box .side-right-item .anli-item:hover .txt { color: #fff; } .right-msg-box .side-right-item .anli-item:hover .txt a { color: #fff !important; } .right-msg-box .side-right-item .anli-item .img img { width: 100%; height: auto; } .right-msg-box .side-right-item .anli-item .txt { color: #333; } .right-msg-box .side-right-item .anli-item .txt .anli-tit { padding: 0 10px; line-height: 52px; font-size: 20px; font-weight: bold; } .right-msg-box .side-right-item .anli-item .txt .anli-tit a { color: #333; } .right-msg-box .side-right-item .anli-item .txt .jianjie-ping { padding-left: 4em; padding-right: 1em; position: relative; padding-bottom: 10px; font-size: 14px; line-height: 1.8em; } .right-msg-box .side-right-item .anli-item .txt .jianjie-ping:after { content: '简介:'; display: block; position: absolute; left: 10px; top: 0; } .right-msg-box .side-right-item .anli-item .txt .jianjie-ping.ping:after { content: '评论:'; } /********资讯新闻详细阅读页*********/ .message-head .work-title { font-size: 24px; text-align: center; color: #3f3f3f; margin-bottom: 23px; } .message-head .work-total { border-bottom: 1px solid #f0eded; padding-bottom: 12px; color: #888; font-size: 14px; margin-bottom: 12px; line-height: 25px; } .message-head .work-total .icon-box { display: inline-block; width: 28px; height: 25px; background: red; position: relative; top: 7px; margin-right: 2px; } .message-head .work-total .time { background: url(../images/time.jpg) no-repeat center center; } .message-head .work-total .eye { background: url(../images/eye.jpg) no-repeat center center; } .message-head .work-total .ping { background: url(../images/ping.jpg) no-repeat center center; } .message-head .work-total .work-type { position: relative; top: 8px; } .message-body { padding-bottom: 30px; } .message-body p { font-size: 14px; color: #3f3f3f; text-indent: 2em; margin: 1em 0; } .message-body .supply { width: 94%; height: auto; margin: 0 auto 20px; line-height: 1.8em; padding: 1em; background-color: #efefef; text-decoration: initial; text-indent: 0em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .message-body .img { text-align: center; } .message-body .img img { max-width: 100%; padding-bottom: 15px; } .message-body .h2 { font-size: 20px; font-weight: bold; } .message-footer { padding-bottom: 30px; font-size: 12px; color: #3f3f3f; } .message-footer .caveat { margin-top: 25px; text-align: center; color: #898989; font-size: 12px; height: 30px; line-height: 30px; width: 100%; background-color: #efecec; } .message-footer .link-box { padding: 60px 0; height: 147px; line-height: 27px; } .message-footer .link-box .biaoqian { color: #1673b9; margin-right: 1em; } .message-footer .link-box .share-link { display: inline-block; width: 27px; height: 27px; margin: 0 4px; background: red; } .message-footer .link-box .share-link.xinlang { background: url(../images/xinlang.jpg) no-repeat center center; } .message-footer .link-box .share-link.tengxun { background: url(../images/tengxun.jpg) no-repeat center center; } .message-footer .link-box .share-link.zone { background: url(../images/zone.jpg) no-repeat center center; } .message-footer .link-box .share-link.ren { background: url(../images/ren.jpg) no-repeat center center; } .message-footer .link-box .share-link.dou { background: url(../images/dou.jpg) no-repeat center center; } .message-footer .link-box .share-link.weixin { background: url(../images/weixin.jpg) no-repeat center center; } .message-footer .link-box .share-link.share { background: url(../images/share.jpg) no-repeat center center; } .message-footer .next-prve a { /*display: block; */ line-height: 2em; color: #3f3f3f; } .message-footer .next-prve a strong { font-weight: bold; } .message-about { padding: 18px 10px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #f5f5f5; } .message-about .h3 { font-size: 20px; line-height: 2em; } .message-about .about-yue li { margin-bottom: 10px; } .message-about .about-yue li .img { width: 130px; height: 80px; overflow: hidden; } .message-about .about-yue li .img img { width: 100%; height: auto; } .message-about .about-yue li .txt { max-width: 600px; height: auto; padding-left: 10px; font-size: 14px; color: #999; } .message-about .about-yue li .txt a { display: block; color: #434343; max-width: 400px; text-decoration: none; line-height: 170%; font-size: 16px; margin-bottom: 3px; } .question-list .question-tit { font-size: 16px; line-height: 52px; color: #707070; position: relative; } .question-list .question-tit:after { content: ''; display: block; width: 30px; height: 3px; background: #ff7a55; position: absolute; left: 0; top: 0; } .question-list .question-item { border-top: 1px solid #e6e6e6; margin-bottom: 30px; } .question-list .question-item li { height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6; padding: 0 1.5em; position: relative; font-size: 14px; } .question-list .question-item li a { color: #3f3f3f; } .question-list .question-item li:after { content: ''; display: block; width: 6px; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #707070; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .server-title-box { padding-top: 54px; border-bottom: 1px solid #8cc0e8; position: relative; } .server-title-box .tit-txt { text-align: center; font-size: 32px; font-weight: bold; color: #1174ba; line-height: 62px; } .server-title-box .mid-cure { width: 40px; height: 8px; background: #f6f6f6; position: absolute; left: 50%; bottom: -4px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .server-title-box .mid-cure:after { content: ''; display: block; width: 8px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #1773ba; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .pt100 { padding-top: 100px !important; } .pt5 { padding-top: 5px !important; } .pb100 { padding-bottom: 100px !important; } .cont50 { width: 50%; min-height: 400px; } .cont55 { width: 55%; min-height: 400px; } .cont45 { width: 45%; min-height: 400px; } .cont700 { width: 700px; } .cont500 { width: 500px; } .server-img { width: 100%; height: auto; } .server-txt-duan { max-width: 500px; font-size: 14px; color: #666; line-height: 24px; } .server-txt-duan.t { font-size: 16px; line-height: 40px; } .duan-tit1 { font-size: 24px; color: #333; } .duan-tit2 { font-size: 10px; color: #888888; margin-bottom: 15px; } .txt-index2 { text-indent: 2em; } /************行业解决方案***************/ .lh120 { line-height: 120px !important; } .list-biaoti { line-height: 150px; font-size: 24px; color: #333; padding: 0 0.8em; position: relative; overflow: hidden; white-space: nowrap; } .list-biaoti:after { content: ''; display: block; width: 2px; height: 24px; background: #1673b9; position: absolute; left: 0; top: 49%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .list-biaoti .min-txt { margin-left: 1em; font-size: 16px; } .hangye-list { font-size: 14px; color: #333; padding: 2em 1em 2em 7em; position: relative; border-top: 1px solid #e6e6e6; } .hangye-list .title-type { position: absolute; left: 0; top: 2em; } .hangye-list a { color: #333; } .hangye-list span { display: inline-block; padding: 0.2em 0.6em; white-space: nowrap; line-height: 2em; cursor: pointer; line-height: normal; margin-bottom: 0.4em; } .hangye-list span.active { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; background: #1673b9; } .hangye-list span:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #fff; background: #1673b9; } .succ-anli-list { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-start; } .succ-anli-list li { flex-grow: 0; flex-shrink: 1; flex-basis: 23%; height: 350px; border: 1px solid #e6e6e6; margin: 0 1%; margin-bottom: 30px; } .succ-anli-list li:hover { border-color: #35cbfd; } .succ-anli-list li .img { max-height: 282px; overflow: hidden; } .succ-anli-list li .img img { width: 100%; height: auto; } .succ-anli-list li .txt { font-size: 16px; padding: 0 1em; line-height: 66px; } .page-list { display: inline-block; max-width: 50%; margin-bottom: 35px; } .page-list span { display: inline-block; width: 35px; height: 35px; border: 1px solid #e6e6e6; text-align: center; line-height: 35px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; cursor: pointer; font-size: 12px; color: #999; margin: 0 4px; } .page-list span.active { color: #1673b9; } .succ-anli-biaoti1 { font-size: 32px; color: #333; } .succ-anli-biaoti2 { font-size: 18px; color: #555; line-height: 2em; } .succ-anli-gongneng-list { display: flex; display: -webkit-flex; flex-wrap: normal; justify-content: center; } .succ-anli-gongneng-list li { flex-grow: 0; flex-shrink: 1; flex-basis: 58px; height: 64px; background: url(../images/gongneng-bg_03.jpg) no-repeat; margin: 0 20px; padding: 14px 0; line-height: 1.6em; font-size: 12px; color: #fff; } .succ-anli-gongneng-list li.line-height36 { line-height: 36px; } .phone-slide { width: 600px; height: 680px; margin: 0 auto 50px; background: url(../images/phone-bg.png) no-repeat; position: relative; } .phone-slide .slide-box { width: 290px; height: 513px; position: absolute; left: 155px; top: 83px; overflow: hidden; } .anli-zhanshi-foo { font-size: 12px; color: #3f3f3f; } .anli-zhanshi-foo .this-anli { font-size: 14px; color: #1773ba; } .anli-zhanshi-foo a { font-size: 12px; color: #3f3f3f; } /**********关于启汇**************/ .about-box, .about_slide_bg { display: none; } .about-txt .txt { text-indent: 2em; font-size: 16px; color: #3f3f3f; line-height: 2em; } .banGongHuanJing .img-list li { float: left; height: 233px; text-align: center; } .banGongHuanJing .img-list .w-img-1 { width: 433px; margin-bottom: 4px; } .banGongHuanJing .img-list .w-img-2 { width: 334px; } .banGongHuanJing .img-list .w-img-2 .min-img { height: 50%; } .banGongHuanJing .img-list .w-img-2 .min-img:last-of-type { position: relative; } .banGongHuanJing .img-list .w-img-2 .min-img:last-of-type img { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .banGongHuanJing .img-list .w-img-3 { width: 441px; } .banGongHuanJing .img-list .w-img-4 { width: 326px; } .server-tram { display: flex; display: -webkit-flex; padding-bottom: 58px; } .server-tram li { height: 370px; flex: 1; padding: 30px 35px; overflow: hidden; border: 1px solid transparent; } .server-tram li:hover { border-color: #35cbfd; } .server-tram li .icon { width: 100px; height: 70px; margin: 0 auto 50px; } .server-tram li .h3 { text-align: center; font-size: 18px; color: #666; font-weight: bold; line-height: 2em; } .server-tram li .tram-msg { text-align: center; font-size: 14px; color: #999; line-height: 1.8em; } .server-tram .gl .icon { background-position: -827px -490px; } .server-tram .gl:hover .icon { background-position: -827px -1027px; } .server-tram .js .icon { background-position: -827px -56px; } .server-tram .js:hover .icon { background-position: -827px -593px; } .server-tram .ui .icon { height: 78px; margin-bottom: 42px; background-position: -827px -164px; } .server-tram .ui:hover .icon { background-position: -827px -701px; } .server-tram .sw .icon { background-position: -827px -383px; } .server-tram .sw:hover .icon { background-position: -827px -920px; } .server-tram .sc .icon { background-position: -827px -274px; } .server-tram .sc:hover .icon { background-position: -827px -811px; } .pro-team div { border: 1px solid #e6e6e6; } .about-new-msg-tit { margin: 28px 0; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; padding-right: 30px; } .about-new-msg-tit .about-new-list { text-align: center; position: relative; } .about-new-msg-tit .about-new-list .cur-line { width: 120px; height: 1px; border-top: 1px solid #35cbfd; position: absolute; left: 0; top: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .about-new-msg-tit .about-new-list li { float: left; width: 120px; height: 38px; border-right: 1px solid #e6e6e6; background: #f8f8f8; font-size: 12px; color: #333; } .about-new-msg-tit .about-new-list li span { display: inline-block; width: 100%; height: 37px; cursor: pointer; border-top: 1px solid #f8f8f8; } .about-new-msg-tit .about-new-list li.active span { background: #fff; } .about-new-msg-tit .new-select-box { border: none; width: 8em; cursor: pointer; height: 40px; font-size: 14px; color: #3f3f3f; text-align: center; padding: 0 1em; position: relative; background: url(../images/select-bg.jpg) no-repeat right center; } .about-new-msg-tit .new-select-box .select-v { display: block; width: 100%; height: 100%; } .about-new-msg-tit .new-select-box .new-select { display: none; width: 100%; height: auto; position: absolute; left: 0; top: 38px; border: 1px solid #e6e6e6; border-top: none; background: #fff; z-index: 1000; } .about-new-msg-tit .new-select-box .new-select li { line-height: 38px; } .about-new-msg-cont { border: 1px solid #e6e6e6; border-bottom: none; margin-bottom: 82px; } .about-new-msg-cont .about-new-list-cont li { height: 301px; padding: 30px; border-bottom: 1px solid #e6e6e6; } .about-new-msg-cont .about-new-list-cont li:hover .new-txt { border-color: #e6e6e6 !important; background: #f8f8f8; } .about-new-msg-cont .about-new-list-cont li:hover .new-txt .h3 { color: #1673b9; } .about-new-msg-cont .about-new-list-cont li .new-cont { width: 100%; height: 100%; cursor: pointer; position: relative; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-img { position: absolute; left: 0; top: 0; z-index: 10; width: 360px; height: 240px; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-img img { width: 100%; height: 100%; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt { width: 100%; height: 240px; border: 1px solid transparent; border-left: none; font-size: 14px; color: #3f3f3f; padding: 0 1em; padding-left: 374px; position: relative; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt .h3 { font-size: 20px; margin-bottom: 10px; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt .txt { line-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt .foo { width: 97%; position: absolute; left: 14px; bottom: 0; line-height: 24px; font-size: 12px; color: #999; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt .foo a { color: #1673b9; } .about-new-msg-cont .about-new-list-cont li .new-cont .new-txt .foo span { display: inline-block; width: 14px; height: 14px; background-position: -1056px -127px; position: relative; top: 1px; } .about-new-msg-cont .load-line { display: none; line-height: 58px; text-align: center; border-bottom: 1px solid #e6e6e6; font-size: 20px; color: #999; } .about-new-msg-cont .load-line img { width: 25px; height: auto; vertical-align: middle; } .ziZhi-img { width: 50%; margin-bottom: 50px; text-align: center; } .ziZhi-img.w100 { width: 100%; } .ziZhi-img p { text-align: center; font-size: 24px; color: #3f3f3f; line-height: 2em; } .ziZhi-img img { width: 90%; height: auto; border: 1px solid #e6e6e6; } .move_slide { overflow-X: hidden; position: relative; width: 100%; height: 690px; } .move_list { width: 100%; height: auto; padding-top: 30px; position: absolute; left: 0; top: 0; } .move_list li { float: left; width: 400px; height: 560px; background: url(../images/slide-ryzz.jpg) no-repeat; background-size: cover; margin: 0 8px; border: 1px solid #e6e6e6; } .move_cur { width: 100%; line-height: 100px; text-align: center; position: absolute; left: 0; bottom: 0; } .move_cur span { display: inline-block; width: 50px; height: 2px; background: #afafb0; margin: 0 5px; } .move_cur span.cur:after { content: ''; display: block; width: 100%; height: 100%; background: #333; float: left; z-index: 10000; animation: ainimeta_width 2s linear; -moz-animation: ainimeta_width 2s linear; -webkit-animation: ainimeta_width 2s linear; -o-animation: ainimeta_width 2s linear; -ms-animation: ainimeta_width 2s linear; } .jianBian3 { background-image: -webkit-linear-gradient(-315deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0)); background-image: linear-gradient(-315deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0)); } .about-faZhan { width: 100%; height: 1048px; position: absolute; left: 0; top: 0; color: #fff; } .about-faZhan .about-faZhan-cont { position: relative; } .about-faZhan .about-faZhan-cont .tit-box { width: 340px; height: 340px; line-height: 340px; text-align: center; font-weight: bold; font-size: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: none; position: absolute; left: 0; top: 100px; } .about-faZhan .about-faZhan-cont .k112 { display: inline-block; padding: 60px 0; margin-left: 132px; } .about-faZhan .about-faZhan-cont .k112 li { height: 150px; } .about-faZhan .about-faZhan-cont .k112 li.ml12 { margin-left: 130px; } .about-faZhan .about-faZhan-cont .k112 li.ml24 { margin-left: 270px; } .about-faZhan .about-faZhan-cont .k112 li.ml36 { margin-left: 400px; } .about-faZhan .about-faZhan-cont .k112 li.ml48 { margin-left: 520px; } .about-faZhan .about-faZhan-cont .k112 li.ml60 { margin-left: 650px; } .about-faZhan .about-faZhan-cont .k112 li .tit-num { float: left; width: 90px; height: 90px; line-height: 90px; text-align: center; font-size: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-right: 6px; } .about-faZhan .about-faZhan-cont .k112 li .txt-box { float: left; } .about-faZhan .about-faZhan-cont .k112 li .txt-box .h4 { padding-top: 2px; line-height: 2em; font-size: 24px; } .about-faZhan .about-faZhan-cont .k112 li .txt-box .txt { line-height: 2em; font-size: 16px; } .h1048 { height: 1048px; } /***********联系我们***************/ .us-title { height: 150px; padding: 54px 16px; position: relative; } .us-title:after { content: ''; display: block; width: 2px; height: 40px; background: #1673b9; position: absolute; left: 0; top: 55px; } .us-title .h3 { font-size: 18px; font-weight: bold; color: #333; } .us-title .h4 { font-size: 14px; color: #666; } .us-box { padding: 4px; margin-right: 20px;margin-bottom:50px;width: 472px; } .us-box img { max-width: 100%; height: auto; } .us-box .h3 { padding: 0 4px; font-size: 18px; color: #333; line-height: 55px; } .us-box .txt { padding: 0 4px; font-size: 14px; color: #666; } .join-us { margin: 0 50px 0 16px; width: 1134px; height: auto; position: relative; background: #fff; } .join-head { width: 100%; border: 1px solid #e6e6e6; border-left: none; position: relative; } .join-head li { float: left; line-height: 50px; font-size: 16px; color: #333; } .join-head li.w36 { width: 36%; padding: 0 20px; } .join-head li.w36:after { content: ''; display: block; width: 2px; height: 50px; background: #54a3df; position: absolute; left: 0; top: 0; z-index: 10px; } .join-head li.w16 { width: 16%; padding: 0 10px; } .join-head li.w16:last-of-type { text-align: center; } .join-body li .job { width: 100%; line-height: 68px; border: 1px solid #e6e6e6; border-left: none; border-top: none; position: relative; font-size: 14px; color: #999; cursor: pointer; } .join-body li .job:hover { background: rgba(84, 143, 245, 0.1); } .join-body li .job span { float: left; display: inline-block; height: 68px; } .join-body li .job span.w36 { width: 36%; padding: 0 20px; } .join-body li .job span.w36:after { content: ''; display: block; width: 2px; height: 68px; background: #54a3df; position: absolute; left: 0; top: 0; z-index: 10px; } .join-body li .job span.w16 { width: 16%; padding: 0 10px; } .join-body li .job span.w16:last-of-type { text-align: center; } .join-body li .job-detail { display: none; width: 100%; height: auto; border: 1px solid #e6e6e6; border-left: 2px solid rgba(84, 163, 223, 0.4); border-top: none; } .join-body li .job-detail.cur { display: block; } .join-body li .job-detail .job-yaoQiu { float: left; width: 52%; padding: 0 20px; } .join-body li .job-detail .job-miaoShu { float: left; width: 48%; padding: 0 20px 0 10px; } .join-body li .job-detail .head-txt { font-size: 14px; color: #333; line-height: 3em; } .join-body li .job-detail .txt { font-size: 14px; color: #999; line-height: 2em; } .join-body li .job-detail .email-txt { padding: 20px; padding-bottom: 10px; font-size: 14px; color: #999; line-height: 2em; } .map-head { display: inline-block; background: #f8f8f8; margin-bottom: 20px; } .map-head li { float: left; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; width: 120px; text-align: center; cursor: pointer; } .map-head li:first-of-type { border-right: none; } .map-head li:last-of-type { border-left: none; } .map-head li.active { border-top: 2px solid #35cbfd; background: #fff; } .map-box li { width: 100%; height: auto; border: 1px solid #e6e6e6; display: none; } .map-box li.active { display: block; } .map-box li .map { width: 1200px; height: 404px; } .map-box li .txt-box { padding: 0 30px; } .map-box li .txt-box .h4 { font-size: 22px; color: #333; line-height: 3em; } .map-box li .txt-box .txt { font-size: 14px; color: #999; line-height: 2em; } .js-silder{ text-align:center; position: relative; min-width: 320px; margin-top:45px; } .silder-scroll{ margin: 0 auto; width: 1000px; overflow: hidden; } .silder-main{ position: relative; width: 100%; overflow: hidden; } .silder-main-img{ position: absolute; top: 0; left: 0; width: 100%; } .silder-main-img img{ width: 100%; } .js-silder-ctrl{ width: 100%; text-align: center; } .silder-ctrl-prev, .silder-ctrl-next{ position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "宋体"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev{ left: 180px; text-align: left; } .silder-ctrl-next{ right: 180px; text-align: right; } .silder-ctrl-prev>span, .silder-ctrl-next>span{ position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev>span{ left: 0; } .silder-ctrl-next>span{ right: 0; } .silder-ctrl-con{ display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con>span{ display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #e4e4e4; } .silder-ctrl-con.active>span{ background-color: #bed553; } @media (max-width: 768px){ .silder-ctrl-prev, .silder-ctrl-next{ width: 10%; font-size: 26px; margin-top: -25px; } .silder-ctrl-con{ width: 14px; height: 14px; padding: 0; margin: 0 5px; } .silder-ctrl-con>span{ display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; } }