/** * Swiper 3.3.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: February 7, 2016 */ .swiper-container{margin:0 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-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)}} @charset "utf-8"; /* CSS Document */ @font-face { font-family: "FZLTTHJW_0"; src: url(../themes/saliar/assets/fonts/FZLTTHJW_0.TTF) format('truetype') } @font-face { font-family: "Helvetica"; src: url(../themes/saliar/assets/fonts/Helvetica%20Neue%20CE%2035%20Thin.ttf) format('truetype') } @font-face { font-family: "SourceHanSansSC-Normal"; src: url(../themes/saliar/assets/fonts/SourceHanSansSC-Normal.ttf) format('truetype') } body { margin: 0; -webkit-tap-highlight-color: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display:none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0 } input { line-height: normal } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0 } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height:auto } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance:none } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0 } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } * { box-sizing: border-box } *:before { box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: transparent; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { text-decoration: none; color: #333; } a:hover { color: #47689b; text-decoration: none } p, h1, h2, h3, h4, h5 { padding: 0; margin: 0; font-weight: normal; } a:focus { text-decoration: none; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } img { vertical-align: middle } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 0px; line-height: 1.42857143; background-color: #ffffff; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-thumbnail .caption { margin: 0; padding: 20px } a.img-thumbnail .caption { color: #333 } a.img-thumbnail:hover .caption { color: #666 } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee } ul, ol { margin-top: 0; margin-bottom: 10px } ul, ol, dl, li, dd, dt { margin: 0; padding: 0; list-style: none; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none; margin-left: -5px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } .clearfix:before, .row:before, .row-1:before, .row-z:before, .row-5:before, .clearfix:after, .row:after, .row-1:after, .row-z:after, .row-5:after { content: ""; display: table } .clearfix:after, .row:after, .row-1:after, .row-z:after, .row-5:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important; visibility: hidden !important } .affix { position: fixed } @-ms-viewport { width:device-width } .text-center { text-align: center } .text-right { text-align: right } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media (min-width: 768px) { .container { width: 100% } } @media (min-width: 992px) { .container { width: 970px } } @media (min-width: 1200px) { .container { width: 1170px } } @media (min-width: 1600px) { .container { width: 1470px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px } .row { width: 100%; } .row>.col-xs-1, .row>.col-sm-1, .row>.col-md-1, .row>.col-lg-1, .row>.col-xs-2, .row>.col-sm-2, .row>.col-md-2, .row>.col-lg-2, .row>.col-xs-3, .row>.col-sm-3, .row>.col-md-3, .row>.col-lg-3, .row>.col-xs-4, .row>.col-sm-4, .row>.col-md-4, .row>.col-lg-4, .row>.col-xs-5, .row>.col-sm-5, .row>.col-md-5, .row>.col-lg-5, .row>.col-xs-6, .row>.col-sm-6, .row>.col-md-6, .row>.col-lg-6, .row>.col-xs-7, .row>.col-sm-7, .row>.col-md-7, .row>.col-lg-7, .row>.col-xs-8, .row>.col-sm-8, .row>.col-md-8, .row>.col-lg-8, .row>.col-xs-9, .row>.col-sm-9, .row>.col-md-9, .row>.col-lg-9, .row>.col-xs-10, .row>.col-sm-10, .row>.col-md-10, .row>.col-lg-10, .row>.col-xs-11, .row>.col-sm-11, .row>.col-md-11, .row>.col-lg-11, .row>.col-xs-12, .row>.col-sm-12, .row>.col-md-12, .row>.col-lg-12 { padding-left: 15px; padding-right: 15px } .row-1 { margin-left: -1px; margin-right: -1px } .row-1>.col-xs-1, .row-1>.col-sm-1, .row-1>.col-md-1, .row-1>.col-lg-1, .row-1>.col-xs-2, .row-1>.col-sm-2, .row-1>.col-md-2, .row-1>.col-lg-2, .row-1>.col-xs-3, .row-1>.col-sm-3, .row-1>.col-md-3, .row-1>.col-lg-3, .row-1>.col-xs-4, .row-1>.col-sm-4, .row-1>.col-md-4, .row-1>.col-lg-4, .row-1>.col-xs-5, .row-1>.col-sm-5, .row-1>.col-md-5, .row-1>.col-lg-5, .row-1>.col-xs-6, .row-1>.col-sm-6, .row-1>.col-md-6, .row-1>.col-lg-6, .row-1>.col-xs-7, .row-1>.col-sm-7, .row-1>.col-md-7, .row-1>.col-lg-7, .row-1>.col-xs-8, .row-1>.col-sm-8, .row-1>.col-md-8, .row-1>.col-lg-8, .row-1>.col-xs-9, .row-1>.col-sm-9, .row-1>.col-md-9, .row-1>.col-lg-9, .row-1>.col-xs-10, .row-1>.col-sm-10, .row-1>.col-md-10, .row-1>.col-lg-10, .row-1>.col-xs-11, .row-1>.col-sm-11, .row-1>.col-md-11, .row-1>.col-lg-11, .row-1>.col-xs-12, .row-1>.col-sm-12, .row-1>.col-md-12, .row-1>.col-lg-12 { padding-left: 1px; padding-right: 1px } .row-z { margin-left: 0px; margin-right: 0px } .row-z>.col-xs-1, .row-z>.col-sm-1, .row-z>.col-md-1, .row-z>.col-lg-1, .row-z>.col-xs-2, .row-z>.col-sm-2, .row-z>.col-md-2, .row-z>.col-lg-2, .row-z>.col-xs-3, .row-z>.col-sm-3, .row-z>.col-md-3, .row-z>.col-lg-3, .row-z>.col-xs-4, .row-z>.col-sm-4, .row-z>.col-md-4, .row-z>.col-lg-4, .row-z>.col-xs-5, .row-z>.col-sm-5, .row-z>.col-md-5, .row-z>.col-lg-5, .row-z>.col-xs-6, .row-z>.col-sm-6, .row-z>.col-md-6, .row-z>.col-lg-6, .row-z>.col-xs-7, .row-z>.col-sm-7, .row-z>.col-md-7, .row-z>.col-lg-7, .row-z>.col-xs-8, .row-z>.col-sm-8, .row-z>.col-md-8, .row-z>.col-lg-8, .row-z>.col-xs-9, .row-z>.col-sm-9, .row-z>.col-md-9, .row-z>.col-lg-9, .row-z>.col-xs-10, .row-z>.col-sm-10, .row-z>.col-md-10, .row-z>.col-lg-10, .row-z>.col-xs-11, .row-z>.col-sm-11, .row-z>.col-md-11, .row-z>.col-lg-11, .row-z>.col-xs-12, .row-z>.col-sm-12, .row-z>.col-md-12, .row-z>.col-lg-12 { padding-left: 0px; padding-right: 0px } .row-5 { margin-left: -5px; margin-right: -5px } .row-5>.col-xs-1, .row-5>.col-sm-1, .row-5>.col-md-1, .row-5>.col-lg-1, .row-5>.col-xs-2, .row-5>.col-sm-2, .row-5>.col-md-2, .row-5>.col-lg-2, .row-5>.col-xs-3, .row-5>.col-sm-3, .row-5>.col-md-3, .row-5>.col-lg-3, .row-5>.col-xs-4, .row-5>.col-sm-4, .row-5>.col-md-4, .row-5>.col-lg-4, .row-5>.col-xs-5, .row-5>.col-sm-5, .row-5>.col-md-5, .row-5>.col-lg-5, .row-5>.col-xs-6, .row-5>.col-sm-6, .row-5>.col-md-6, .row-5>.col-lg-6, .row-5>.col-xs-7, .row-5>.col-sm-7, .row-5>.col-md-7, .row-5>.col-lg-7, .row-5>.col-xs-8, .row-5>.col-sm-8, .row-5>.col-md-8, .row-5>.col-lg-8, .row-5>.col-xs-9, .row-5>.col-sm-9, .row-5>.col-md-9, .row-5>.col-lg-9, .row-5>.col-xs-10, .row-5>.col-sm-10, .row-5>.col-md-10, .row-5>.col-lg-10, .row-5>.col-xs-11, .row-5>.col-sm-11, .row-5>.col-md-11, .row-5>.col-lg-11, .row-5>.col-xs-12, .row-5>.col-sm-12, .row-5>.col-md-12, .row-5>.col-lg-12 { padding-left: 5px; padding-right: 5px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333%; min-height: 103px; } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } } a:focus { text-decoration: none; outline: none } body { font-family: "SourceHanSansSC-Normal", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-self; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #ffffff } .icon-line-right-white { height: 20px; width: 40px; background-position: -60px -70px } .icon-line-right { height: 20px; width: 40px; background-position: 0 -70px } .line-ani { width: 0; overflow: hidden; -webkit-transition: width .3s ease-out; transition: width .3s ease-out } .icon-reload { margin: 10px; height: 20px; width: 20px; background-position: -40px -70px } .icon-user { height: 30px; width: 30px; background-position: -30px 0px } .icon-search { height: 30px; width: 30px; background-position: 0px 0px } .navbar { border-bottom: 1px solid #ddd; transition: all .3s } .navbar.navbar-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background-color: rgba(255,255,255,1); } .navbar.navbar-absolute { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; background-color: rgba(255,255,255,1); } .navbar.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background: #fff; -webkit-animation: fadeInUp .3s ease-out; animation: fadeInUp .3s ease-out } .navbar.menu-on { background: #fff } body.menu-on { overflow: hidden } @-webkit-keyframes fadeInUp { 0% { opacity:0; transform:translateY(-100%) } 100% { opacity:1; transform:translateY(0) } } @keyframes fadeInUp { 0% { opacity:0; transform:translateY(-100%) } 100% { opacity:1; transform:translateY(0) } } .navbar-header { float: left; z-index: 2 } .brand { height: 68px; display: block; margin-top: 20px; } .brand img { height: 100% } .navbar-toggle { display: none } .navbar-nav { list-style: none; margin: 0; padding: 0; z-index: 2 } .topbar { display: block; height: auto; width: auto; } .language { text-align: right; line-height: 30px; color: #5f5d5d; margin-top: 15px; } .language span { margin-right: 20px; } .language a { margin: 0 15px; color: #5f5d5d; } .navbar-nav>li { position: relative; display: inline-block; font-size: 0; } .navbar-nav>li>a { position: relative; /*display: block;*/ font-size: 16px; line-height: 30px; } .navbar-nav>li>a:hover { text-decoration: none; } .navbar-nav.navbar-right { float: right } .navbar-nav.navbar-right>li { font-size: 16px; float: left; text-align: left; padding: 10px 15px; padding-bottom: 17px; position: relative; } .navbar-nav.navbar-right>li>a { border-bottom: 3px solid #fff; box-sizing: border-box; } /*.navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li.active>a { border-bottom: 3px solid #47689b; color: #47689b; }*/ .navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li.active>a { /*font-weight:bold;*/ color: #47689b; } .navbar-nav.navbar-center { text-align: center } .navbar-nav .nav-search { text-align: right; } /*.navbar-nav.nav-search { width: 100px } */.navbar-nav.nav-search:hover .icon-search { } .search-group { position: relative; display: block; width: 200px; height: 30px; cursor: text } .search-group .input { position: absolute; right: 0; width: 100%; border: block; outline: none; font-size: 14px; line-height: 20px; display: block; padding: 5px; border: 1px solid #ccc; border-radius: 15px; padding-left: 20px; height: 30px; -webkit-transition: width 0.4s linear; -moz-transition: width 0.4s linear; -o-transition: width 0.4s linear; -ms-transition: width 0.4s linear; transition: width 0.4s linear; } .search-group .input:focus, .search-group .input:valid { width:100%; border:1px solid #ccc; border-radius:15px; padding-left:20px; background-color:#f9f9f9; } .search-group:hover .input { background-color: #f9f9f9; width: 100%; border: 1px solid #ccc; border-radius: 15px; padding-left: 20px; } .search-group .icon-search { position: absolute; top: 0; right: 0; text-align: left; line-height: 30px; } .search-group .icon-search img { vertical-align: middle; } .navmenu { position: absolute; z-index: 333; left: 0px; top: 40px; display: none; background-color: rgba(231,231,231,.9); width: 100%; height: auto; margin: 0 auto; border-top: 3px solid #47689b; } .navmenu ul { display: block; width: 100%; } .navmenu ul li { float: left; height: auto; width: 100%; line-height: 1.28; display: block; text-align: center; padding: 0; } .navmenu ul li a { border: none; display: block; line-height: 1.28; text-align: center; display: block; padding: 10px 0; height: auto; color: #47689b; font-size: 14px; font-family: "SourceHanSansSC-Normal"; } .navmenu ul li a:hover { color: #fff; background-color: #47689b; font-size: 14px; width: 100%; } .main-wrapper { margin-top: 105px; height: auto; width: 100%; overflow: hidden; } .bggrey { background-color: #f5f5f5; } .left-row, .right-row { float: left; } .right-row { width: 16.666667%; } .left-row { width: 83.333333%; } .stemcell-chk-i { padding: 0 10px; } .right-row img { width: 100%; height: 100%; margin-top: 18%; } @media (max-width: 1599px) and (min-width: 1201px) { .navbar-header .brand { height: 60px; margin-top: 25px; } .navbar-nav li { padding: 15px 12px } .main-wrapper { margin-top: 100px; } .search-group { position: relative; display: block; height: 30px; cursor: text; width: 120px } } @media (max-width: 1200px) and (min-width: 992px) { .navbar-header .brand { height: 50px; margin-top: 26px; } .navbar-nav.navbar-right>li { padding: 10px 9px } .navbar-nav .nav-search { padding: 40px 8px 0 8px } .search-group { width: 120px } .main-wrapper { margin-top: 98px; } } @media (max-width: 991px) { .navbar { min-height: 75px } .main-wrapper { margin-top: 75px; } .navbar.menu-on { position: fixed; background: #fff; bottom: 0 } .navbar-header { position: relative; height: 50px; float: none; z-index: 2 } .brand { height: 46px; display: block; margin-top: 13px; } .navbar-collapse { position: absolute; top: 55px; left: 0; width: 100%; background: #fff; z-index: 1; opacity: 0; transform: translate3d(0, -100%, 0); transition: transform 0.3s ease-out, opacity .3s } .navbar-toggle { display: block; float: right; padding: 14px 15px; margin-right: -15px; transition: transform 0.5s } .navbar-toggle>span { display: block; width: 20px; height: 2px; background: #333; transition: 0.3s cubic-bezier(0.86, 0, 0.07, 1) } .navbar-toggle>span:not(.bottom) { margin-bottom: 5px } .navbar.menu-on .navbar-toggle .top { transform: translateY(7px) rotate(-45deg) } .navbar.menu-on .navbar-toggle .bottom { transform: translateY(-7px) rotate(45deg) } .navbar.menu-on .navbar-toggle .mid { opacity: 0 } .navbar.menu-on .navbar-collapse { opacity: 1; transform: translate3d(0, 0, 0) } .navbar-nav.navbar-right { float: none } .navbar-nav.navbar-right>li { height: 46px; display: block; float: none; padding: 0; border-top: 1px solid #eee; text-align: left; } .navbar-nav.navbar-right>li>a { /*width: 100%;*/ padding: 5px 15px; font-size: 12px; line-height: 36px; } .navbar-nav.navbar-right>li.nav-search { padding: 10px 15px } .navbar-nav.navbar-right>li:active { background: #f5f5f5 } .search-group { width: 100% } .search-group .input { background-color: #f9f9f9; width: 100%; border: 1px solid #ccc; border-radius: 15px; padding-left: 20px; } .navbar-nav.navbar-right>li>a:hover, .navbar-nav.navbar-right>li.active>a { border-bottom: none; color: #47689b; } } @media (max-width: 991px) { .brand { height: 46px; display: block; margin-top: 13px; } .navbar-nav>li { position: relative; display: inline-block; font-size: 0; padding: 20px 10px } } @media (max-width:767px) { .navbar { min-height: 60px } .main-wrapper { margin-top: 60px; } .navbar-toggle { display: block; float: right; padding: 10px 15px; margin-right: -15px; transition: transform 0.5s } .brand { height: 36px; display: block; margin-top: 13px; } .navbar-nav>li { position: relative; display: inline-block; font-size: 0; padding: 15px 15px } .right-row, .left-row { width: 100%; } .right-row img { padding: 0 20%; margin: 0; } } @media (max-width: 539px) { .navbar { min-height: 55px } .main-wrapper { margin-top: 55px; } .navbar-toggle { display: block; float: right; padding: 10px 15px; margin-top: 10px; } .brand { height: 30px; display: inline-block; margin-top: 13px; } .navbar-nav>li { position: relative; display: inline-block; font-size: 0; padding: 10px 5px } .navbar-nav>li img { height: 20px; } } .footer { position: relative; display: block; color: #666; border-top: 1px solid #ededed; } .footer .footer-brand { margin-right: 20px } .footer .column-footer { padding-top: 70px; padding-bottom: 40px; border-bottom: 1px solid #ddd } .footer .service-about { margin-bottom: 20px } .footer .info-footer { padding-top: 30px; padding-bottom: 20px } .social-group { padding: 0; margin: 0; list-style: none } .social-group li { display: inline-block; float: left } .social-group li>a { margin-right: 15px } .icon-social { position: relative; display: inline-block; height: 42px; width: 42px; border-radius: 50%; font: 0/0 a; background: #999; background-image: url("../themes/saliar/assets/images/social_sprite.png"); background-repeat: no-repeat; transition: background-color 0.3s linear } .icon-social .wechat-qrcode { display: none; position: absolute; left: -150%; top: 304%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 10px; padding: 10px; background-color: #fff; border-radius: 5px; border: 1px solid #c3c3c3; z-index: 100 } .icon-social .wechat-qrcode:before { content: ""; width: 16px; height: 16px; border-left: 2px solid #ccc; border-top: 2px solid #ccc; display: block; position: absolute; top: -9px; left: 46%; transform: rotate(45deg); -webkit-transform: rotate(45deg); background-color: #fff; } .icon-social .wechat-qrcode img { max-width: none } .icon-social:hover .wechat-qrcode { display: block } .social-sina { background-position: 0 0 } .social-wechat { background-position: -55px 0 } .social-qq { background-position: -110px 0 } .social-sina:hover { background-color: #E83138; } .social-wechat:hover { background-color: #57b822; } .social-qq:hover { background-color: #3D95D5; } .column>input[type="checkbox"] { display: none } .column>label>.foot-title { font-size: 14px; font-weight: normal; color: #333; margin-top: 0; margin-bottom: 20px } .column .list-info { padding: 0; list-style: none; margin-bottom: 0;text-transform:capitalize } .column .list-info>li { display: block; font-size: 12px; line-height: 30px } .column .list-info>li>a { position: relative; display: inline-block; color: #666666 } .column .list-info>li>a:hover, .column .list-info>li>a:focus { text-decoration: underline; color: #47689b; } @media (max-width: 991px) { .mg-top { margin-top: 40px; } .column { border-bottom: 1px solid #ddd; overflow: hidden } .column label { display: block; margin-bottom: 0; cursor: pointer; z-index: 3 } .column label .foot-title { font-size: 12px; color: #333; margin: 0; padding: 10px 0 } .column label .foot-title:after { content: "+"; float: right; padding: 0px 15px; font-size: 20px; font-weight: 200; line-height: 1; -webkit-transform: rotate(0deg) scale(0.9); -ms-transform: rotate(0deg) scale(0.9); transform: rotate(0deg) scale(0.9); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-backface-visibility: hidden } .column .list-info { margin-top: -1px; padding: 0 15px; max-height: 0px; overflow: hidden; z-index: 1; -webkit-transition: max-height 0.2s linear; transition: max-height 0.2s linear; -webkit-backface-visibility: hidden } .column .list-info>li { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear; -webkit-backface-visibility: hidden } .column .list-info>li>a { color: #666 } .column input:checked+label>.foot-title { color: #000 } .column input:checked+label>.foot-title:after { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1) } .column input:checked ~ ul { max-height: 300px; margin-bottom: 10px; -webkit-transition-duration: 0.2s; transition-duration: 0.2s } .column input:checked ~ ul>li { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .footer .column-footer { padding-top: 30px; padding-bottom: 0px } .footer .service-about { margin-top: 20px; margin-bottom: 5px } .footer .footer-brand { display: block; margin-bottom: 10px; width: 55px } .footer .info-footer { padding-top: 15px; padding-bottom: 10px } } @media (min-width: 768px) { #stemCellContent4 .row { margin: 0; } } @charset "utf-8"; /* CSS Document */ .swiper-container1 { width: 100%; height:auto; } .swiper-container1 .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide{ width:100%; height:auto; position:relative;} .swiper-slide img{ max-width:100%; height:auto;} .swiper-container1 .swiper-pagination-bullet{ border-radius:0; width:14px; height:14px; background:none; opacity:1; border:1px solid #fff; border-radius:8px;} .swiper-container1 .swiper-pagination-bullet-active{ background-image:url(../themes/saliar/assets/images/num.png); width:16px; height:16px; border:none;} .page2{ width:100%; height:auto; position:relative;} .page2 a>img,.page2>img{ width:100%;} .page2-title{ position:absolute; bottom:60px; left:32%; color:#fff;} .page2-title h3{ font-size:50px; line-height:1.28; font-family:"FZLTTHJW_0";} .page2-title h4{ font-size:40px; line-height:1; font-family:"Helvetica"; padding-bottom:3%} .page2 .href { z-index:3; position:absolute; float: left; display: inline-block; background-color:rgba(255,255,255,0); width: 11%; text-indent:-9999px;} .page2 .href.active:before,.page2 .href:before{ content: ""; display: inline-block; padding-bottom: 100%; width: .1px; vertical-align:middle; } .page2 .href div{ font-size:16px; font-weight:none; line-height:1.48;} .page2 .href div strong{ font-size:20px; font-weight:none; line-height:1.68;} .page2 .href1{ top:15.2%; left:10.6%;} .page2 .href2{ top:15.2%; left:33.1%;} .page2 .href3{ top:27.4%; left:21.9%;} .page2 .href4{ top:15.2%; left:55.8%;} .page2 .href5{ top:15.2%; right:10.5%;} .page2 .href6{ top:27.4%; left:67.2%;} .page2 .href7{ z-index:3; position:absolute; text-indent:-9999px; width:47%; height:18%; bottom:14%; right:18%;} .h-news{ width:100%; margin:0 auto; background-color:#f2f2f2;} .h-news>.container{ height:auto; overflow:hidden;} .title{ text-align:center; padding:4% 0;} .title h3{ font-size:30px; color:#47689b; line-height:2;} .h-news-left{ width:100%; height:auto;} .h-news-left img{ width:100%; height:auto;} .swiper-container2{ width:100%; height:auto;} .swiper-container2 .swiper-slide{ position:relative;} .swiper-container2 .swiper-slide img{ width:100%; border-radius:5px;} .next2,.prev2{ left:auto; top:auto; bottom:20px; width:28px; height:28px;} .prev2{ right:66px; background:url(../themes/saliar/assets/images/icon_prev.png) no-repeat center center;} .next2{ right:30px; background:url(../themes/saliar/assets/images/icon_next.png) no-repeat center center;} .swiper-slide .txt{ position:absolute; bottom:0; width:100%; left:0; border-radius:5px; background-color:rgba(0,0,0,.5); color:#fff; padding:2% 4%;} .swiper-slide .txt h4,.swiper-slide .txt span{ font-size:14px; color:#fff;} .newsTab { height: auto; overflow: hidden; } .news-tab { width: 100%; border-bottom: 1px solid #47689b; margin-bottom:20px; } .news-tab { text-align: center; height:auto; overflow:hidden;} .news-tab a { line-height: 40px; height: auto; display: inline-block; width: 125px; position: relative; color:#333; display:block; float:left;} .news-tab a:hover{ color:#47689b;} .news-tab a:first-child{ margin-left:0;} .news-tab a.active { background-color:#47689b; color: #fff; border-radius:5px 5px 0 0; } .tab-content { position: relative } .tab-content .tab-pane { display: none } .tab-content .tab-pane.active { display: block } .tab-content .tab-pane ul.news-pane{ width:100%; height:auto;} .tab-content .tab-pane ul.news-pane li{ padding:3% 0; border-bottom:1px solid #dadada; background:url(../themes/saliar/assets/images/icon_01.png) right center no-repeat; height:auto; overflow:hidden;} .tab-content .tab-pane ul.news-pane li span{ text-align:center; background-color:#fff; border-radius:5px; display:block; float:left; padding:1.5% 2.5%; font-size:12px; color:#888;} .tab-content .tab-pane ul.news-pane li span strong{ font-size:30px; color:#47689b;} .tab-content .tab-pane ul.news-pane li p{ margin-right:25px; color:#666; width:auto; padding-top:15px; display: -ms-flexbox; display: -webkit-flex; display: flex; display: -webkit-box; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-left:10px; line-height:1.68; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height:60px;} .btn-wrapper{ text-align:center; height:auto; overflow:hidden; padding:5% 0;} .btn{ padding:5px 30px; background-color:#47689b; display:inline-block; color:#fff; border-radius:15px; margin:20px auto;} .btn:hover{ color:#fff;} .video{ width:100%; height:auto; position:relative;} .video img{ width:100%;} .video .play img{ width:10%; position:absolute; top:40%; left:45%; } .video1{ width:100%; height:auto; position:relative;} .video1 img{ width:100%;} .video1 .play img{ width:10%; position:absolute; top:40%; left:45%; } .video-btn{ position:absolute; bottom:0; width:100%;} .btn-white{ background-color:#fff; color:#47689b;} .btn-white:hover{ color:#47689b;} .page3{ width:100%; height:auto; overflow:hidden; background-color:#47689b;} .page3 ul li{ width:33.33%; float:left; text-align:center; padding:7% 4%; color:#fff;} .page3-txt{ height:160px; width:auto; overflow:hidden;text-transform: capitalize;} .page3-txt a{ color:#fff;} .page3-txt a:hover{ color:#fff; text-decoration:underline} .page3 ul li h4{ font-size:20px; line-height:3;} .page3 ul li p{ color:#d9e8ff; font-size:12px;} .page3 ul li:nth-child(2n+1){ background-color:#42618F;} .page3 ul li:first-child{ background-color:#4B6EA3;} .page3 ul li:nth-child(2n){ background-color:#446494;} @media (max-width: 991px) { .page2-title{ position:absolute; bottom:50px; left:32%; color:#fff;} .page2-title h3{ font-size:40px; line-height:1.28; font-family:"FZLTTHJW_0";} .page2-title h4{ font-size:30px; line-height:1; font-family:"Helvetica"; padding-bottom:2%} } @media (max-width:767px){ .page3 ul li{ width:100%;} } .banner-wrapper{ width:100%; height:auto;} .banner-wrapper img{ width:100%; height:auto;} .brief-wrapper{ margin-top:-5%; box-sizing:border-box; padding:3%; background-color:#fff; position:relative; z-index:1;text-transform:capitalize} .brief-wrapper img{ width:100%;} .brief{ width:94%; float:right;} .brief>img{ width:auto;} .brief h3{ font-size:36px; color:#47689b; line-height:1.28;/* font-family:"FZLTTHJW_0";*/} .brief h4{ font-size:24px; color:#B3B3B3; line-height:1; font-family:"Helvetica"; padding-bottom:3%} .brief p{ font-size:14px; color:#666; line-height:2;} .brief p.black{ font-size:16px; color:#000;} /*弹出框*/ .popup-wrapper{ padding:0; position:relative; overflow:hidden;} .popup-wrapper img{ width:100%;} .manage{ position:absolute;} .manage a{ display:block; width:100%; height:auto;} .manage a img{ width:100%;} .manage1{ top:12%; left:45%; width:15%; height:auto;} .manage2{ top:23%; left:26%; width:19%; height:auto;} .manage3{ top:23%; left:63%; width:20%; height:auto;} .manage4{ top:41%; left:19%; width:17%; height:auto;} .manage5{ top:41%; left:68%; width:19%; height:auto;} .manage6{ top:61%; left:19%; width:17%; height:auto;} .manage7{ top:60%; left:69%; width:15.5%; height:auto;} .manage8{ top:75%; left:22%; width:19%; height:auto;} .manage9{ top:78%; left:64%; width:26%; height:auto;} .manage p{ display:none;} #zoom { z-index: 9; position:absolute; top: 5%; left: 37%; width: 30%; height: 100%; border-radius:15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #zoom .content { z-index: 10; width: 100%; height: auto; background: rgba(255, 255, 255, 0.8); border-radius:15px; padding:2% 4%; color:#333; white-space:pre-line; line-height:2.4; border:4px solid #b5fffe; box-shadow:1px 1px 5px #b5fffe;} #zoom .content img,#zoom .content video{ max-width:100%; max-height:100%;} #zoom .content.loading { background-image: url('../themes/saliar/assets/images/loading.gif'); } #zoom img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } #zoom .close { z-index: 99993; position: absolute; top:1%; right: 1%; width:32px; height:32px; position:absolute; background-image:url(../themes/saliar/assets/images/close.png); background-size:100% auto; cursor:pointer;} .videobg { z-index: 100; position: fixed; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;} #videobg { z-index: 100; position: fixed; top: 5%; left: 10%; display: none; background: rgba(0, 0, 0, 0); width: 80%; height: 90%;} #videobg .content { z-index:99; position: absolute; width: 100%; height: 100%; background:#000 no-repeat 50% 50%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #videobg .content img,#videobg .content video{ max-width:100%; max-height:100%; width:100%;} #videobg .content.loading { background-image: url('../themes/saliar/assets/images/loading.gif'); } #videobg img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } #videobg .close { z-index: 9999; position: absolute; top:5%; right: 3%; width:32px; height:32px; position:absolute; background-image:url(../themes/saliar/assets/images/close.png); background-size:100% auto; cursor:pointer;} .productTab { height: auto; overflow: hidden; margin-top: 5%;} .product-tab { width: 100%; text-align: center; height:auto; overflow:hidden; padding-bottom:12px; position:relative; z-index:1;} .product-tab a { font-size:19px; line-height: 40px; height: auto; padding:2% 0; float:left; display: inline-block; width:16.666%; background:url(../themes/saliar/assets/images/product_line.jpg) repeat-y right #fff; position: relative; color:#333;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-bottom:1px solid #e5e5e5;} .product-tab a:hover{ color:#47689b;} .product-tab a:first-child{ margin-left:0;} .product-tab a .tab{ margin-right:3.5%; width:62px; height:62px; display:block; float:left; background-image:url(../themes/saliar/assets/images/icon_satyr1.png);} .product-tab a:hover .tab,.product-tab a.active .tab{ width:62px; height:62px; display:block; background-image:url(../themes/saliar/assets/images/icon_satyr2.png);} .product-tab .tab1{ background-position:0 0;} .product-tab .tab2{ background-position:0 -90px;} .product-tab .tab3{ background-position:0 -180px;} .product-tab .tab4{ background-position:0 -270px;} .product-tab .tab5{ background-position:0 -360px;} .product-tab .tab6{ background-position:0 -450px;} .productTab .tab-content{ position:relative; margin-top:-12px;} .product-tab a.active,.product-tab a:hover { background-color:#47689b; color: #fff;} .product-tab a.active:before,.product-tab a:hover:before{ content: ''; z-index:3; position:absolute; bottom:-11px; left:45%; float: right; margin: 5px; margin-top: 17px; display: inline-block; border-bottom: 6px solid #47689b; border-right: 6px solid #47689b; border-top: 6px solid transparent; border-left: 6px solid transparent; transform: rotate(45deg);} .content-wrapper{ width:100%; height:auto; overflow:hidden; background-color:#ecf5f8; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #tab5 .content-wrapper{ background-color:#eaeef5;} #tab6 .content-wrapper{ background-color:#ebf4f8;} .content-wrapper>img{ width:100%; height:auto;} .product-txt{ width:30%; position:absolute; top:35%; left:19%;} .product-txt h3{ font-size:34px; color:#47689b;} .product-txt p{ font-size:14px; color:#666; line-height:2;} .product-txt img{ margin:4% 0;} .product-txt2{ left:12%;} .product-txt3{ top:26%;} .product-txt4{ text-align:center; top:40%; left:35%} .product-txt5{ text-align:center; top:30%; left:16%} /*投资者关系*/ .crumb{ font-size:14px; text-align:right; color:#888; line-height:2; padding:2% 0;} .crumb a{ color:#333; margin:10px;} .investorTab { height: auto; overflow: hidden; } .investor-tab { text-align: center; width: 100%; height:auto; overflow:hidden; border-bottom: 1px solid #dbdbdb; margin-bottom:20px; text-transform:capitalize;} .investor-tab a { line-height: 40px; font-size:16px; height: auto; display: inline-block; width: auto; text-align:center; position: relative; color:#333; display:block; float:left; margin:0 1.8%; border-bottom:3px solid #fff;} .investor-tab a:hover{ color:#47689b;} .investor-tab a:first-child{ } .investor-tab a.active { border-bottom:3px solid #47689b; color: #47689b;} .tab-content .tab-pane ul.investor-pane{ width:100%; height:auto;} .tab-content .tab-pane ul.investor-pane li{ padding:2% 0; border-bottom:1px solid #dadada; height:auto; overflow:hidden;} .tab-content .tab-pane ul.investor-pane li:hover{ background-color:#f1f1f1;} .tab-content .tab-pane ul.investor-pane li span{ margin-left:10px; text-align:center; background-color:#47689b; display:block; float:left; padding:1.5% 2.5%; font-size:12px; color:#fff;} .tab-content .tab-pane ul.investor-pane li span strong{ font-size:30px;} .tab-content .tab-pane ul.investor-pane li .list-txt{ color:#666; width:78%; float:left; padding-left:20px; margin-top:6px;} .tab-pane ul.investor-pane li .list-txt h4{ line-height:1.88; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; font-size:17px;} .tab-pane ul.investor-pane li .list-txt p{ line-height:1.68; display:-webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} ul.investor-pane li .download{ float:right; text-align:center; line-height:2; margin-top:18px; margin-right:10px;} ul.investor-pane li .download a{ color:#47689b;} ul.investor-pane li .download img{ display:block;} .btn-wrapper{ width:100%; margin:4% 0; padding:0;} .btn-wrapper .more{ background-color:#e5e5e5; border-radius:0; color:#47689b; padding:1% 0; width:100%; margin:0;} .main-content{ width:100%; height:auto; overflow:hidden; margin:4% 0;} .main-content .left{ width:70%; float:left; height:auto; overflow:hidden;} .main-content .left img{ width:100%; height:auto;} .main-content .right{ float:right; width:25%;} .main-content .right>img{ width:100%;} .main-content .right>img:last-child{ margin-top:10%;} .exchange-title{ font-size:25px; line-height:1.5; color:#47689b;} .exchange-title:after{ content:""; width:50px; height:8px; display:block; border-bottom:3px solid #47689b; margin-bottom:30px;} .main-content .left>p{ font-size:18px; margin-top:2%; line-height:30px;} .exchange-icon{ width:30px; height:30px; display:block; float:left; margin-right:10px; background-image:url(../themes/saliar/assets/images/icon_05.png);} .icon1{ background-position:0 0;} .icon2{ background-position:0 -62px;} .icon3{ background-position:0 -126px;} .icon4{ background-position:0 -190px;} .border-b{ padding-bottom:10px; border-bottom:1px solid #dbdbdb;} .main-content .left .content{} .main-content .left .content h4{ font-size:25px; color:#333; text-align:center; line-height:44px;} .main-content .left .content h4:after{ content:""; width:50px; height:8px; display:block; border-bottom:3px solid #47689b; margin:0 auto; margin-bottom:10px;} .main-content .left .content p{ text-align:left; font-size:14px; color:#666; line-height:30px;} .main-content .left .content p span{/* display:block;*/ text-align:center; font-size:16px; color:#999;} .share{ width:158px; margin:2% auto; text-align:center;} /*技术平台*/ .platform-wrapper{ width:100%; height:auto; overflow:hidden; background-color:#fafafa; margin-bottom:4%;} .researchUl{ width:100%; height:auto; overflow:hidden; background:url(../themes/saliar/assets/images/platform_bg.jpg) #fff bottom no-repeat; background-size:100% auto; padding-top:2%;} .researchUl li{ width:100%; height:auto; overflow:hidden; padding:0 3%; position:relative; margin-bottom:3%} .researchUl li:last-child{ margin:0;} .researchUl li>img{ width:46%; float:left;} .researchUl li .research-txt{ width:48%; height:100%; position:absolute; right:3%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .researchUl li .research-txt img{ margin:2% 0;} .researchUl li .research-txt h4{ font-size:24px;} .researchUl li .research-txt p{ color:#333;} .researchUl li .research-txt .addWebsitet{float:left;margin:8px 0 0 8px;padding:0 2px;color:#fff;background-color:#2b99ff;dispaly:block} .addClass1:after{display:block;clear:both;content:"";visibility:hidden;height:0} .addClass2{float:left} .platform-wrapper> p{ padding:0 3%; line-height:2.1;text-align: justify;} @media screen and (max-width:768px){ .researchUl li .research-txt .addWebsitet{margin:5px 0 0 8px;} } .skillUl{ width:100%; height:auto; overflow:hidden;} .skillUl li{ width:46%; margin:2% 2%; float:left; text-align:center;} .skillUl li a{ line-height:1.68; font-size:24px; padding:10px 0;} .skillUl li p{ line-height:1.68; font-size:24px; padding:10px 0;} .skillUl li a img{ width:100%;} /*新闻中心*/ .newsUl1{ width:100%; height:auto; overflow:hidden;} .newsUl1 li{ width:48%; float:left; margin-bottom:2%; background-color:#eee;} .newsUl1 li:nth-child(2n){ margin-left:4%;} .newsUl1 li:hover{ background-color:#47689b;} .newsUl1 li p{ line-height:1.6; height:55px; display:-webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding:3% 2% 1% 2%;} .newsUl1 li span{ padding:2% 0 2% 2%; display:block; color:#888;} .newsUl1 li:hover a,.newsUl1 li:hover a span{ color:#fff;} .tab-content .tab-pane ul.newsUl2 li{ padding:3% 0; border-bottom:1px solid #dadada; background:url(../themes/saliar/assets/images/icon_01.png) right center no-repeat; height:auto; overflow:hidden;} .tab-content .tab-pane ul.newsUl2 li:hover{ background-color:#fff;} .video-text{ position:absolute; color:#fff; width:100%; bottom:8%; text-align:center; font-size:18px;} .video-text a{ color:#fff;} .right-bottom{ margin-top:20px; width:100%; height:auto; position:relative;} .right-bottom img{ width:100%;} .right-bottom h4{ position:absolute; bottom:0; background-color:rgba(71,104,155,.8); width:100%; font-size:16px; text-align:center;} .right-bottom h4 a{ display:block; padding:10px; color:#fff;} .videoUl{ width:100%; height:auto; overflow:hidden;} .videoUl li{ width:100%; padding:3% 0; border-bottom:1px solid #e8e8e8; height:auto; overflow:hidden;} .videoUl li .hasVideo,.videoUl li .video{ width:38%; float:left; height:auto; overflow:hidden;} .videoUl li .list-txt{ width:58%; float:right;} .videoUl li .list-txt h4{ font-size:18px; line-height:1.88; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .videoUl li .list-txt .newstime{ color:#47689b; padding:10px 0; display:block;} .videoUl li .list-txt p{ color:#666; line-height:24px; height:130px; padding:10px 0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;} .videoUl li .list-txt .play-count{ font-size:12px; color:#999; margin-top:20px; display:block;} /*新闻详情*/ .news-txt{ position:relative;} .news-txt>span{ position:absolute; left:0; right:0; text-align:center; background-color:#47689b; display:inline-block; max-width:100px; float:left; padding:1.5% 2.5%; font-size:12px; color:#fff;} .news-txt>span strong{ font-size:30px;} .news-txt .content{ margin-left:120px; color:#666; width:auto; padding-top:15px;} .news-txt .content img{ max-width:100%;} .main-content .news-txt .content h4{ text-align:left; border-bottom:1px solid #d6d6d6; margin-bottom:10px; line-height:1.58;} .main-content .news-txt .content h4:after { border:none; margin:0;} .btn-wrapper .return{ background-color:#e5e5e5; border-radius:0; color:#47689b; padding:1.5% 0; width:30%; margin:0; float:left;} .other{ width:100%; height:auto; overflow:hidden;} .other h4{ background-color:#47689b; color:#fff; font-size:20px; line-height:50px; text-indent:1em;} .other h4 a{ float:right; font-size:14px; margin-right:10px; color:#fff;} .other ul{ width:100%; height:auto; overflow:hidden; background-color:#f2f2f2;} .other ul li{ padding:2% 3%; margin-left:15px;} .other ul li:before{ content:""; display:block; width:4px; height:4px; border-radius:2px; float:left; margin-top:10px; margin-left:-10px; background-color:#47689b;} .other ul li p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .other ul li span{ font-size:12px; color:#999;} .right .newsUl1{ margin-top:20px;} .right .newsUl1 li{ width:100%; background-color:#eee;} .right .newsUl1 li:hover{ background-color:#47689b;} .right .newsUl1 li img{ width:100%;} @media (max-width: 2560px) and (min-width: 1200px) { .skillUl li p{ text-overflow:ellipsis; overflow:hidden;} } @media (max-width: 1200px) and (min-width: 992px) { #zoom { z-index: 9; position:absolute; top: 4%; left: 25%; width: 50%; height: 100%; border-radius:15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #zoom .content { padding-top:6%;} .product-tab a { padding:1% 0; padding-left:1%;} .tab-content .tab-pane ul.investor-pane li .list-txt{ margin-top:5px;} } @media (max-width: 991px) { .brief{ width:100%;} #zoom { z-index: 9; position:absolute; top: 4%; left: 20%; width: 60%; height: 100%; border-radius:15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #zoom .content { padding-top:6%;} #zoom .close { width:28px; height:28px;} .investor-tab a:first-child{ margin:0 1.8%;} .product-tab a { padding:1% 0; width:33.333%} .product-tab a.active:before,.product-tab a:hover:before{ display:none;} .content-wrapper{ height:380px;} .product-txt{ width:38%; position:absolute; top:15%; left:6%;} .product-txt3{ top:20%;} .product-txt4{ text-align:center; top:26%; left:31%} .product-txt5{ width:40%; text-align:center; top:30%; left:12%} .product-txt img{ margin:3% 0;} .tab-content .tab-pane ul.investor-pane li{ padding:3% 0;} .tab-content .tab-pane ul.investor-pane li .list-txt{ width:74%; margin-top:0;} ul.investor-pane li .download{ margin-top:15px;} .main-content .left>p{ font-size:16px;} .researchUl li .research-txt h4,.main-content .news-txt .content h4{ font-size:22px;} .skillUl li a{ font-size:22px;} .videoUl li .list-txt p{ color:#666; line-height:24px; height:106px; padding:10px 0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;} .news-txt span{ max-width:80px;} .news-txt .content{ margin-left:90px;} } @media (max-width: 767px) { #zoom .close { width:26px; height:26px;} #zoom { z-index: 9; position:absolute; top: 0%; left: 5%; width: 90%; height: 100%; border-radius:15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #zoom .content { padding-top:6%;} .content-wrapper>img{ height:92%; width:auto;} .main-content .left{ width:100%;} .main-content .right{ height:auto; overflow:hidden; float:none; width:100%; margin:0 auto; padding-top:2%;} .researchUl li>img{ width:100%; height:auto; overflow:hidden; float:none;} .researchUl li .research-txt{ width:100%; height:auto; position:relative; right:0; margin:4% 0;} .skillUl li{ width:96%; margin:2% 2%;} .videoUl li{ padding:4% 0;} .videoUl li .hasVideo,.videoUl li .video{ width:100%; float:left; height:auto; overflow:hidden; margin-bottom:3%;} .videoUl li .list-txt{ width:100%; float:right;} .news-txt span{ max-width:84px;} .news-txt .content{ margin-left:94px;} } @media (max-width: 539px) { #zoom .close { width:22px; height:22px;} #zoom { z-index: 9; position:absolute; top: 0%; left: 5%; width: 90%; height: 100%; border-radius:15px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #zoom .content { padding-top:5%; line-height:1.68; font-size:12px;} .product-tab a { width:50%} .product-tab a .tab{ margin-right:2%;} .content-wrapper{ height:280px;} .product-txt h3{ font-size:30px;} .product-txt p{ font-size:12px; line-height:1.88;} .product-txt2{ top:0%;} .product-txt3{ top:10%;} .product-txt4{ width:50%; text-align:center; top:25%; left:25%} .product-txt5{ width:40%; text-align:center; top:13%; left:10%} .product-txt img{ margin:2% 0; width:100px;} .tab-content .tab-pane ul.investor-pane li .list-txt{ width:70%; padding-left:10px;} .tab-content .tab-pane ul.investor-pane li span{ margin-left:5px;} ul.investor-pane li .download{ margin-top:15px; margin-right:5px;} .researchUl li .research-txt h4,.skillUl li a,.main-content .news-txt .content h4{ font-size:20px;} .newsUl1 li p{ height:53px; padding:3% 2% 1% 2%;} } @media (max-width: 400px) { .product-txt h3{ font-size:22px;} .product-txt p{ font-size:12px; line-height:1.68;} .product-txt2{ top:1%;} .tab-content .tab-pane ul.investor-pane li .list-txt{ width:62%; padding-left:10px;} .investor-tab a { font-size:14px;} .researchUl li .research-txt h4,.skillUl li a,.main-content .news-txt .content h4{ font-size:18px;} .news-txt span{ max-width:64px;} .news-txt .content{ margin-left:68px;} .content-wrapper>img{ height:76%; width:auto;} .product-txt4{ width:58%; text-align:center; top:25%; left:21%} } /*科研服务*/ .breadcrumb { padding: 8px 15px; margin: 15px 0; list-style: none; border-radius: 4px; } .breadcrumb> li { display: inline-block; } .breadcrumb> li + li:before { padding: 0 8px; color: #ccc; content: url(../themes/saliar/assets/images/icon_breadcrumb.png); } .breadcrumb> .active { color: #999999; } .dropdown { display: none; position: absolute; top: 100%;background-color: rgba(255,255,255,.8); padding: 15px 20px; /*border-radius: 8px;*/ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); z-index: 10; } .dropdown:after { content: ''; display: block; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); /*background-color: rgba(255,255,255,.8);*/ -webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1); box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1); } .dropdown> li { display: block; padding: 5px 0; color: #333; } .dropdown> li a.active { color: #47689b; } /*.dropdown> li a.active:before { content: '>'; }*/ img.center-block { max-width: 100%; } .tab-navbar { position: relative; display: block; border-bottom: 1px solid #dbdbdb; padding: 0 15px; margin-bottom: 20px; text-transform:capitalize} .tab-navbar> a, .tab-navbar> .tab-item { display: block; float: left; font-size: 16px; padding-bottom: 10px; border-bottom: 8px solid transparent; } .tab-navbar> a + a, .tab-navbar> a + .tab-item, .tab-navbar> .tab-item + a, .tab-navbar> .tab-item + .tab-item { margin-left: 75px; } .tab-navbar> a.active, .tab-navbar> .tab-item.active { color: #47689b; border-bottom-color: #47689b; } .tab-navbar> a:hover .dropdown, .tab-navbar> .tab-item:hover .dropdown { display: block; } .a-title { display: block; color: #47689b; font-size: 30px; margin: 50px 0 20px; } .a-title:after { content: ''; margin-top: 8px; display: block; height: 1px; width: 63px; background-color: #47689b; } .a-content { font-size: 14px; color: #363636; } .patent-block { margin: 60px 0; } #swiperPatent { max-width: 1040px; margin: 100px auto; } #swiperPatent .swiper-slide { padding: 0 60px; } .table-striped { width: 100%; border-collapse: separate; border-spacing: 3px; text-transform: capitalize;} .table-striped td { padding: 15px; } .table-striped td:first-child { text-align: center; } .table-striped thead td { background-color: #47689b; color: #fff; padding: 15px;text-align:center; } .table-striped tbody tr td { background-color: #f1f3f7; } .table-striped tbody tr:nth-child(odd) td { background-color: #e7ebf2; } .table-research { width: 100%; border-collapse: separate; border-spacing: 0 10px; } .table-research tr { background-color: #f7f7f7; } .table-research td { padding: 0 50px; height: 304px; } .table-research td:first-child { position: relative; width: 386px; padding:0 40px; color: #fff; font-size: 24px; } .table-research td:first-child svg { position: absolute; left: 0; top: 0; width:100%;height: 100%; } .table-research td:first-child h4 { position: relative; width:90%; } .table-research td:first-child h4:before { position: absolute; content: '·'; left: -20px; } .research-item { position: relative; background-color: #f7f7f7; margin-bottom: 10px; } .research-item .research-title { display: table-cell; font-size: 24px; padding-right: 30px; color: #fff; } .research-item .research-content { display: table-cell; } .stemcell-tab { display: block; width: 250px; margin: 0 auto; text-align: center; font-size: 24px; } .stemcell-tab> i { display: block; width: 148px; height: 133px; background-image: url(../themes/saliar/assets/images/research_cell.png); background-repeat: no-repeat; background-position-y: -133px;margin: 0 auto 10px; } .stemcell-tab.active { color: #47689b; } .stemcell-tab.active> i { background-position-y: 0; } .stemcell-tab2> i { background-position-x: -148px; } .stemcell-tab3> i { background-position-x: -296px; } .stemcell-title { text-align: center; padding: 20px 0; margin-bottom: 30px; border-bottom: 1px solid #dbdbdb; } .stemcell-title .title { font-size: 24px; color: #47689b; padding: 0; margin: 0 0 5px; } .stemcell-chk-i { margin-bottom: 30px; text-align: center; } .stemcell-chk-i:before { content: url(../themes/saliar/assets/images/research_check.png); display: block; margin-bottom: 3px; } .stemcell-section { margin-bottom: 100px; } #stemCellNav, #stemCellNav2 { margin: 110px auto; max-width: 1040px; } .table-stemcell { width: 100%; border-collapse: separate; border-spacing: 3px; margin-bottom: 70px; } .table-stemcell caption { text-align: left; font-size: 24px; color: currentColor; padding: 8px 0; margin-bottom: 30px; border-bottom: 1px solid #dbdbdb; } .table-stemcell td { padding: 15px; } .table-stemcell thead td { color: #fff; padding: 15px; } .table-stemcell1 caption { color: #474d9b; } .table-stemcell1 thead td { background-color: #474d9b; } .table-stemcell1 tbody tr td { background-color: #f1f1f7; } .table-stemcell1 tbody tr:nth-child(odd) td { background-color: #e4e4f0; } .table-stemcell2 caption { color: #475d9b; } .table-stemcell2 thead td { background-color: #475d9b; } .table-stemcell2 tbody tr td { background-color: #f1f2f7; } .table-stemcell2 tbody tr:nth-child(odd) td { background-color: #e4e7f0; } .table-stemcell3 caption { color: #47699b; } .table-stemcell3 thead td { background-color: #47699b; } .table-stemcell3 tbody tr td { background-color: #f1f3f7; } .table-stemcell3 tbody tr:nth-child(odd) td { background-color: #e4e9f0; } .table-stemcell4 caption { color: #47789b; } .table-stemcell4 thead td { background-color: #47789b; } .table-stemcell4 tbody tr td { background-color: #f1f4f7; } .table-stemcell4 tbody tr:nth-child(odd) td { background-color: #e4ebf0; } .table-stemcell5 caption { color: #478c9b; } .table-stemcell5 thead td { background-color: #478c9b; } .table-stemcell5 tbody tr td { background-color: #f1f6f7; } .table-stemcell5 tbody tr:nth-child(odd) td { background-color: #e4eef0; } #stemCellContent2 .stemcell-row { margin-left: -50px; margin-right: -50px; } #stemCellContent2 .stemcell-row .col-sm-6, #stemCellContent2 .stemcell-row .col-md-6, #stemCellContent2 .stemcell-row .col-xs-6 { padding-left: 50px; padding-right: 50px; } .stemcell-container { max-width: 960px; margin: 0 auto; } .table-cel3 { width: 100%; border: 1px solid #47689b; margin-top: 70px; margin-bottom: 70px; } .table-cel3 caption { font-size: 18px; color: #47689b; padding: 8px 0; margin-bottom: 15px; } .table-cel3 td { padding: 15px; text-align: center; border-bottom: 1px solid #dbdbdb; white-space: nowrap; } .table-cel3 thead td { background-color: #47689b; color: #fff; } .table-cel3 tbody tr:first-child td:first-child { vertical-align: top; border-bottom: 1px solid #b3b3b3; } .table-cel3 tbody tr:last-child td { border-bottom: 1px solid #b3b3b3; } .table-cel3 tbody:last-child tr:first-child td:first-child { border-bottom: none; } .table-cel3 tbody:last-child tr:last-child td { border-bottom: none; } .d-section { margin: 100px 0; color: #fff; } .d-section .d-table { position: relative; width: 100%; vertical-align: middle; margin-bottom: 4px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .d-section .d-table td { text-align: center; font-size: 24px; height: 114px; } .d-section .d-table:after { content: ''; display: block; position: absolute; bottom: -10px; left: 50%; width: 20px; height: 20px; margin-left: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .d-section .d-content { padding: 40px 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 485px; } .d-section1 .d-table { background: #3b3f80; } .d-section1 .d-table:after { background-color: #3b3f80; } .d-section1 .d-content { background-color: #474d9b; } .d-section2 .d-table { background: #3b4d80; } .d-section2 .d-table:after { background-color: #3b4d80; } .d-section2 .d-content { background-color: #475d9b; } .d-section3 .d-table { background: #3b5680; } .d-section3 .d-table:after { background-color: #3b5680; } .d-section3 .d-content { background-color: #47689b; } #stemCellContent5 { max-width: 1200px; margin: 0 auto; padding: 0 15px; } #stemCellContent4 { max-width: 1140px; margin: 0 auto; } #stemCellContent4 .row { margin-left: -20px; margin-right: -20px; } #stemCellContent4 .row .col-sm-6 { padding: 0 20px; text-align: justify;} .r-box { border-bottom: 20px solid #47689b; margin-bottom: 120px; } .r-box .r-title { position: relative; padding: 25.5px 35px; font-size: 24px; color: #fff; background-color: #47689b; } .r-box .r-title:after { content: ''; background: url(../themes/saliar/assets/images/rbox_arrow.png); position: absolute; top: 100%; left: 35px; width: 15px; height: 15px; } .r-box .r-content { padding: 30px 35px; min-height: 410px; background-color: #fafafa; } .r-box .r-spec { width: 100%; line-height: 40px; margin-bottom: 20px;text-align: center;} .r-box .r-spec td { width: 50%; } .r-box .r-spec + .r-desc { border-top: 1px dashed #333; } .r-box .r-desc { padding: 25px 0; } .r-textcontent {line-height: 30px; } .r-list li:last-child{margin: 0;} .r-list li { position: relative; line-height: 25px; padding-left: 35px; margin-bottom: 40px; } .r-list li:before { position: absolute; content: ''; left: 0; width: 28px; height: 25px; background: url(../themes/saliar/assets/images/research_check.png); } @media (max-width: 991px) { .table-research { border-spacing: 0 5px; } .table-research td { padding: 0 20px; font-size: 12px; height: 254px; } .table-research td:first-child { width: 325px; font-size: 18px; } .table-research td:first-child svg { position: absolute; left: 0; top: 0; height: 100%; } } @media (max-width: 768px) { .tab-navbar { padding: 0 5px; } .tab-navbar> a, .tab-navbar> .tab-item { font-size: 14px; padding-bottom: 6px; border-bottom: 5px solid transparent; } .tab-navbar> a + a, .tab-navbar> a + .tab-item, .tab-navbar> .tab-item + a, .tab-navbar> .tab-item + .tab-item { margin-left: 26px; } .a-title { font-size: 26px; } .patent-block { margin: 40px 0; } #swiperPatent { margin: 80px auto; } .table-striped { border-spacing: 2px; } .table-striped td { font-size: 12px; padding: 10px; } .table-research td { display: block; padding: 20px 15px; font-size: 12px; height: auto; } .table-research td:first-child { color: #333; width: auto; font-size: 16px; padding: 12px 15px 0 30px; } .table-research td:first-child svg { height: 20px; top: 13px; width:auto;} .table-research td:first-child h4:before { content: '·'; color: #fff; } #stemCellNav, #stemCellNav2 { margin: 50px auto; } .stemcell-tab { width: 74px; font-size: 16px; } .stemcell-tab> i { width: 74px; height: 67px; background-position-y: -67px; background-size: auto 134px; margin-bottom: 6px; } .stemcell-tab2> i { background-position-x: -74px; } .stemcell-tab3> i { background-position-x: -148px; } .stemcell-title { padding: 15px 0; } .stemcell-title .title { font-size: 18px; } .stemcell-section { margin-bottom: 50px; } .table-stemcell caption { font-size: 18px; margin-bottom: 20px; } .table-cel3 { font-size: 10px; } .table-cel3 td { padding: 10px 8px; } .r-box { border-bottom: 5px solid #47689b; margin-bottom: 0; } .r-box .r-title { padding: 15px 20px; font-size: 20px; background-color: #47689b; } .r-box .r-title:after { left: 20px; } #stemCellContent4 .row .col-sm-6{padding: 0;} #stemCellContent4 .row{margin: 0;} .r-box .r-content { padding: 25px 0px 5px; min-height: inherit; text-align: center;} .r-box .r-spec { width: 100%; line-height: 40px; margin-bottom: 0; } .r-box .r-desc { padding: 20px 0; } .r-textcontent { padding: 20px 20px 10px 10px;background-color: #fafafa; border-bottom: 5px solid #47689b; } .r-list { padding: 20px 20px 10px 10px; background-color: #fafafa; border-bottom: 5px solid #47689b; } .col-sm-6 img{display:block; margin:20px auto;} .r-list li { margin-bottom: 20px; } .d-section { margin: 0 0 60px; } .d-section .d-table td { font-size: 20px; height: 100px; } .d-section .d-content { padding: 40px 20px; height: auto; } .tab-pane .stemcell-marked ul li{width: 100%;} .stemcell-marked .marked-list1 p{margin: 0;padding: 20px 20px 0 20px;} .stemcell-marked ul .marked-list2{height: auto;} } .stemcell-marked{width: 100%;} .stemcell-marked img{width: 100%;height: 100%;} .mklst1,.mklst3,.mklst5{float: left;} .mklst2,.mklst4,.mklst6{float: right;} .stemcell-marked ul li{width: 50%;height: 307px; color: #fff;box-sizing:border-box;} .stemcell-marked h3{font-size: 24px;text-align: center;color: #336699;border-bottom: 1px solid #ccc;padding-bottom: 30px;} .marked-list1{background-color: rgb(71,77,155);padding-top: 30px;border-radius: 2px;} .marked-list2{border-radius: 2px; overflow: hidden;} .marked-list1 h4{height: 90px; font-size: 24px;text-align: center; background-color: rgb(108,113,177);line-height: 10px;vertical-align: middle;padding-top:5%;} .marked-list1 p{margin-top:30px;margin-left: 35px;} .stemcell-marked h4 i{display: inline-block; width: 55px;height: 40px; vertical-align: middle;} .marked-img1{background: url(../themes/saliar/assets/images/gan_img1.png) no-repeat;} .marked-img2{background: url(../themes/saliar/assets/images/gan_img2.png) no-repeat; background-size:auto 100%;} .marked-img3{background: url(../themes/saliar/assets/images/gan_img3.png) no-repeat; background-size:auto 100%;} .marked-img4{background: url(../themes/saliar/assets/images/gan_img4.png) no-repeat; background-size:auto 100%;} .marked-img5{background: url(../themes/saliar/assets/images/gan_img5.png) no-repeat; background-size:auto 100%;} .cozy-tips{margin-top: 45px;line-height: 1.6;text-align: justify;} .main-wrapper>img{ width:100%; height:auto;} /*站内搜索*/ .site-search{ max-width:990px; width:100%; margin:0 auto;} .site-search div{ height:auto; overflow:hidden; position:relative;} .site-search>h3{ font-weight:100; color:#333; font-size:30px; padding-top:30px; margin:30px auto;} .search-text{ width:91%; float:left; height:48px; border:1px solid #e5e5e5; border-right:0; font-size:16px; padding-left:10px; outline:none;} .search-sub{ width:90px; float:left; border:1px solid #bfbfbf; background-color:#f7f7f7; height:48px; font-size:20px; outline:none; position:absolute; right:0;} .site-search>p{ font-size:14px; color:#333; margin-bottom:20px; line-height:2.88} .site-search ul li{ padding:20px 0; border-bottom:1px solid #ccc;} .site-search ul li h4,.site-search ul li h4 a{ font-weight:100; color:#000; line-height:2; font-size:22px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; width:100%;} .site-search ul li h4 a i{ font-style:normal; font-size:16px; width:20px; display:inline-block; color:#ccc;} .site-search ul li h4 a:hover,.site-search ul li h4 a span,.site-search ul li p span{ color:#47689b;} .site-search ul li h4 a:hover i{ color:#47689b;} .site-search ul li p{ color:#000; font-size:14px; line-height:2; padding-left:20px;} .site-search ul li p span{ color:#999;} .site-search ul li p a{ color:#47689b;} .site-search ul li:last-child{ border:none;} .page{ width:auto; display:block; margin:0px auto; margin:40px 0 100px 0; height:36px; text-align:center; clear:both; } .page span,.page a:hover{ width:28px; height:28px; line-height:28px; background-color:#47689b; display:inline-block; margin-left:4px; font-size:14px; border:1px solid #0e8547;color:#fff; text-decoration:none; overflow:hidden; text-align:center;} .page span>a{ border:none; margin:0;} .page a{ width:28px; height:28px; line-height:28px; background-color:#fff; display:inline-block; margin-left:4px; font-size:14px; border:1px solid #e5e5e5;color:#000; text-decoration:none; overflow:hidden; text-align:center;} .page a.other{ width:auto; border:none; margin:0; margin-right:6px;} .page a.other~a.other{ margin:0; margin-left:6px;} .page a.other:hover{ border:none; background:none; color:#000;}