a, body { cursor: none } .custom-cursor { opacity: 0; transition: opacity .25s ease } .custom-cursor span { background: #44a1e7; border-radius: 100%; display: block; overflow: visible; pointer-events: none; position: fixed } @keyframes scal { from { -webkit-transform: scale(1.3,1.3); } to { -webkit-transform: scale(1,1); } } @-webkit-keyframes scal { from { -webkit-transform: scale(1.3,1.3); } to { -webkit-transform: scale(1,1); } } .custom-cursor span.main { width: 80px; height: 80px; text-align: center; transition: background .25s cubic-bezier(.77, 0, .175, 1), transform .35s cubic-bezier(.77, 0, .175, 1); transform: translate(-50%, -50%) scale(.125); z-index: 910 } .custom-cursor span.main:after { font-size:.65625rem; line-height: 1.15em; letter-spacing: .25em; text-transform: uppercase; color: #fff; margin: auto; text-align: center; z-index: 901 } .custom-cursor span.follow { width: 60px; height: 60px; overflow: hidden; transition: background-color .25s cubic-bezier(.77, 0, .175, 1), transform .35s cubic-bezier(.77, 0, .175, 1), left .15s ease, top .15s ease; transform: translate(-50%, -50%) scale(.115); z-index: 901 } .custom-cursor.hover--reg span.follow { background: rgba(68,161,231,.22); transform: translate(-50%, -50%) scale(1) } .custom-cursor.hover--reg-dark span { background: #001f60 } .custom-cursor.hover--reg-dark span.follow { background: rgba(4,23,70,.22) } .custom-cursor.hover--product span.main, .custom-cursor.hover--reg-dark span.follow { transform: translate(-50%, -50%) scale(1) } .custom-cursor.hover--product span.main { background: #001746 } .custom-cursor.hover--product span.main:after { content: "View"; opacity: 1; padding-left: 3px; top: 34px; right: 0; left: 0; position: absolute; width: 100%; height: 100%; transition: all .35s cubic-bezier(.77, 0, .175, 1) } .custom-cursor.hover--product span.follow { background: transparent; border: 1px solid #001746; transform: translate(-50%, -50%) scale(1.5) } .custom-cursor.hover--nav-exit span.main { background: rgba(69,86,120,.85); transform: translate(-50%, -50%) scale(.75) } .custom-cursor.hover--nav-exit span.main:after { background: transparent url(../img/nav-overlay-exit.df4e2770.svg) no-repeat 50%/16px; content: ""; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 16px; height: 16px; transition: all .35s cubic-bezier(.77, 0, .175, 1) } .custom-cursor.hover--nav-exit span.follow { background: rgba(68,161,231,0) } .custom-cursor.hover--drag-x span.main { background: rgba(69,86,120,.85); transform: translate(-50%, -50%) scale(.7) } .custom-cursor.hover--drag-x span.main:after { background: transparent url() no-repeat 50%/66px 17px; content: ""; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 66px; height: 17px; transition: all .35s cubic-bezier(.77, 0, .175, 1); transform: scale(1.3) } .custom-cursor.hover--drag-x span.follow { opacity: 0 } .custom-cursor.hover--impression span.main { background: #242529 } .custom-cursor.hover--impression span.follow { background: rgba(224,93,94,.85); transform: translate(-50%, -50%) scale(1) } .custom-cursor.hover--batonical span.main { background: #44a1e7 } .custom-cursor.hover--batonical span.follow { opacity: 0 } #maskFx { position: fixed; height: 100%; z-index: 800 } #maskFx, .aaa { left: 0; top: 0; width: 100% } .aaa { position: absolute } #fxIco { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%) } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } :not(pre)>code, :not(pre)>kbd, :not(pre)>samp { font-size: 12px; font-family: Consolas, monospace, serif; color: #d05; white-space: nowrap; padding: 0 4px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fafafa } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } audio, canvas, iframe, img, svg, video { vertical-align: middle } .uk-img-preserve, .uk-img-preserve img { max-width: none } svg:not(:root) { overflow: hidden } blockquote, figure { margin: 0 } .uk-h1, h1 { font-size: 36px; line-height: 42px } .uk-h2, h2 { font-size: 24px; line-height: 30px } .uk-h3, h3 { font-size: 18px; line-height: 24px } .uk-h4, h4 { font-size: 16px; line-height: 22px } .uk-h5, h5 { font-size: 14px; line-height: 20px } .uk-h6, h6 { font-size: 12px; line-height: 18px } address { font-style: normal } blockquote { padding-left: 15px; border-left: 5px solid #e5e5e5; font-size: 16px; line-height: 22px; font-style: italic } pre { padding: 10px; background: #fafafa; font: 12px/18px Consolas, monospace, serif; color: #666; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; overflow: auto; border: 1px solid #e5e5e5; border-radius: 3px } ::-moz-selection { background:#39f; color:#fff; text-shadow:none } ::selection { background: #39f; color: #fff; text-shadow: none } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block } progress { vertical-align: baseline } [hidden], audio:not([controls]), template { display:none } iframe { border: 0 } @media screen and (max-width:400px) { @-ms-viewport { width:device-width } } .uk-grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none } .uk-grid:after, .uk-grid:before { content: ""; display: block; overflow: hidden } .uk-grid:after { clear: both } .uk-grid>* { flex: none; margin: 0; float: left } .uk-grid>*>:last-child { margin-bottom: 0 } .uk-grid { margin-left: -25px } .uk-grid>* { padding-left: 25px } .uk-grid+.uk-grid, .uk-grid-margin, .uk-grid>*>.uk-panel+.uk-panel { margin-top: 25px } @media (min-width:1220px) { .uk-grid { margin-left: -35px } .uk-grid>* { padding-left: 35px } .uk-grid+.uk-grid, .uk-grid-margin, .uk-grid>*>.uk-panel+.uk-panel { margin-top: 35px } } .uk-grid-collapse { margin-left: 0 } .uk-grid-collapse>* { padding-left: 0 } .uk-grid-collapse+.uk-grid-collapse, .uk-grid-collapse>*>.uk-panel+.uk-panel, .uk-grid-collapse>.uk-grid-margin { margin-top: 0 } .uk-grid-small { margin-left: -10px } .uk-grid-small>* { padding-left: 10px } .uk-grid-small+.uk-grid-small, .uk-grid-small>*>.uk-panel+.uk-panel, .uk-grid-small>.uk-grid-margin { margin-top: 10px } .uk-grid-medium { margin-left: -25px } .uk-grid-medium>* { padding-left: 25px } .uk-grid-medium+.uk-grid-medium, .uk-grid-medium>*>.uk-panel+.uk-panel, .uk-grid-medium>.uk-grid-margin { margin-top: 25px } .uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px } .uk-grid-divider>* { padding-left: 25px; padding-right: 25px } .uk-grid-divider>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider>[class*=uk-width-2-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-3-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-4-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-5-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-6-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-7-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-8-]:nth-child(n+2), .uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2) { border-left: 1px solid #e5e5e5 } @media (min-width:768px) { .uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid #e5e5e5 } } @media (min-width:960px) { .uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid #e5e5e5 } } @media (min-width:1220px) { .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px } .uk-grid-divider>* { padding-left: 35px; padding-right: 35px } .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px } } .uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #e5e5e5 } .uk-grid-match>* { display: flex; flex-wrap: wrap } .uk-grid-match>*>* { flex: none } .uk-grid-match>*>*, [class*=uk-grid-width]>* { box-sizing:border-box; width:100% } .uk-grid-width-1-2>* { width: 50% } .uk-grid-width-1-3>* { width: 33.333% } .uk-grid-width-1-4>* { width: 25% } .uk-grid-width-1-5>* { width: 20% } .uk-grid-width-1-6>* { width: 16.666% } .uk-grid-width-1-10>* { width: 10% } .uk-grid-width-auto>* { width: auto } @media (min-width:480px) { .uk-grid-width-small-1-1>* { width: 100% } .uk-grid-width-small-1-2>* { width: 50% } .uk-grid-width-small-1-3>* { width: 33.333% } .uk-grid-width-small-1-4>* { width: 25% } .uk-grid-width-small-1-5>* { width: 20% } .uk-grid-width-small-1-6>* { width: 16.666% } .uk-grid-width-small-1-10>* { width: 10% } } @media (min-width:768px) { .uk-grid-width-medium-1-1>* { width: 100% } .uk-grid-width-medium-1-2>* { width: 50% } .uk-grid-width-medium-1-3>* { width: 33.333% } .uk-grid-width-medium-1-4>* { width: 25% } .uk-grid-width-medium-1-5>* { width: 20% } .uk-grid-width-medium-1-6>* { width: 16.666% } .uk-grid-width-medium-1-10>* { width: 10% } } @media (min-width:960px) { .uk-grid-width-large-1-1>* { width: 100% } .uk-grid-width-large-1-2>* { width: 50% } .uk-grid-width-large-1-3>* { width: 33.333% } .uk-grid-width-large-1-4>* { width: 25% } .uk-grid-width-large-1-5>* { width: 20% } .uk-grid-width-large-1-6>* { width: 16.666% } .uk-grid-width-large-1-10>* { width: 10% } } @media (min-width:1220px) { .uk-grid-width-xlarge-1-1>* { width: 100% } .uk-grid-width-xlarge-1-2>* { width: 50% } .uk-grid-width-xlarge-1-3>* { width: 33.333% } .uk-grid-width-xlarge-1-4>* { width: 25% } .uk-grid-width-xlarge-1-5>* { width: 20% } .uk-grid-width-xlarge-1-6>* { width: 16.666% } .uk-grid-width-xlarge-1-10>* { width: 10% } } [class*=uk-width] { box-sizing:border-box; width:100% } .uk-width-1-1 { width: 100% } .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50% } .uk-width-1-3, .uk-width-2-6 { width: 33.333% } .uk-width-2-3, .uk-width-4-6 { width: 66.666% } .uk-width-1-4 { width: 25% } .uk-width-3-4 { width: 75% } .uk-width-1-5, .uk-width-2-10 { width: 20% } .uk-width-2-5, .uk-width-4-10 { width: 40% } .uk-width-3-5, .uk-width-6-10 { width: 60% } .uk-width-4-5, .uk-width-8-10 { width: 80% } .uk-width-1-6 { width: 16.666% } .uk-width-5-6 { width: 83.333% } .uk-width-1-10 { width: 10% } .uk-width-3-10 { width: 30% } .uk-width-7-10 { width: 70% } .uk-width-9-10 { width: 90% } @media (min-width:480px) { .uk-width-small-1-1 { width: 100% } .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50% } .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333% } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666% } .uk-width-small-1-4 { width: 25% } .uk-width-small-3-4 { width: 75% } .uk-width-small-1-5, .uk-width-small-2-10 { width: 20% } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40% } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60% } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80% } .uk-width-small-1-6 { width: 16.666% } .uk-width-small-5-6 { width: 83.333% } .uk-width-small-1-10 { width: 10% } .uk-width-small-3-10 { width: 30% } .uk-width-small-7-10 { width: 70% } .uk-width-small-9-10 { width: 90% } } @media (min-width:768px) { .uk-width-medium-1-1 { width: 100% } .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50% } .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333% } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666% } .uk-width-medium-1-4 { width: 25% } .uk-width-medium-3-4 { width: 75% } .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20% } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40% } .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60% } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80% } .uk-width-medium-1-6 { width: 16.666% } .uk-width-medium-5-6 { width: 83.333% } .uk-width-medium-1-10 { width: 10% } .uk-width-medium-3-10 { width: 30% } .uk-width-medium-7-10 { width: 70% } .uk-width-medium-9-10 { width: 90% } } @media (min-width:960px) { .uk-width-large-1-1 { width: 100% } .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50% } .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333% } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666% } .uk-width-large-1-4 { width: 25% } .uk-width-large-3-4 { width: 75% } .uk-width-large-1-5, .uk-width-large-2-10 { width: 20% } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40% } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60% } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80% } .uk-width-large-1-6 { width: 16.666% } .uk-width-large-5-6 { width: 83.333% } .uk-width-large-1-10 { width: 10% } .uk-width-large-3-10 { width: 30% } .uk-width-large-7-10 { width: 70% } .uk-width-large-9-10 { width: 90% } } @media (min-width:1220px) { .uk-width-xlarge-1-1 { width: 100% } .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50% } .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333% } .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666% } .uk-width-xlarge-1-4 { width: 25% } .uk-width-xlarge-3-4 { width: 75% } .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20% } .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40% } .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60% } .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80% } .uk-width-xlarge-1-6 { width: 16.666% } .uk-width-xlarge-5-6 { width: 83.333% } .uk-width-xlarge-1-10 { width: 10% } .uk-width-xlarge-3-10 { width: 30% } .uk-width-xlarge-7-10 { width: 70% } .uk-width-xlarge-9-10 { width: 90% } } @media (min-width:768px) { [class*=uk-pull-], [class*=uk-push-] { position:relative } .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50% } .uk-push-1-3, .uk-push-2-6 { left: 33.333% } .uk-push-2-3, .uk-push-4-6 { left: 66.666% } .uk-push-1-4 { left: 25% } .uk-push-3-4 { left: 75% } .uk-push-1-5, .uk-push-2-10 { left: 20% } .uk-push-2-5, .uk-push-4-10 { left: 40% } .uk-push-3-5, .uk-push-6-10 { left: 60% } .uk-push-4-5, .uk-push-8-10 { left: 80% } .uk-push-1-6 { left: 16.666% } .uk-push-5-6 { left: 83.333% } .uk-push-1-10 { left: 10% } .uk-push-3-10 { left: 30% } .uk-push-7-10 { left: 70% } .uk-push-9-10 { left: 90% } .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50% } .uk-pull-1-3, .uk-pull-2-6 { left: -33.333% } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666% } .uk-pull-1-4 { left: -25% } .uk-pull-3-4 { left: -75% } .uk-pull-1-5, .uk-pull-2-10 { left: -20% } .uk-pull-2-5, .uk-pull-4-10 { left: -40% } .uk-pull-3-5, .uk-pull-6-10 { left: -60% } .uk-pull-4-5, .uk-pull-8-10 { left: -80% } .uk-pull-1-6 { left: -16.666% } .uk-pull-5-6 { left: -83.333% } .uk-pull-1-10 { left: -10% } .uk-pull-3-10 { left: -30% } .uk-pull-7-10 { left: -70% } .uk-pull-9-10 { left: -90% } } .uk-panel { display: block; position: relative } .uk-panel, .uk-panel:hover { text-decoration: none } .uk-panel:after, .uk-panel:before { content: ""; display: table } .uk-panel:after { clear: both } .uk-panel>:not(.uk-panel-title):last-child { margin-bottom: 0 } .uk-panel-title { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: none; color: #666 } .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1 } .uk-panel-teaser { margin-bottom: 15px } .uk-panel-body { padding: 15px } .uk-panel-box { padding: 15px; background: #fafafa; color: #666; border: 1px solid #e5e5e5; border-radius: 4px } .uk-panel-box-hover:hover, .uk-panel-box .uk-panel-title { color: #666 } .uk-panel-box .uk-panel-badge { top: 10px; right: 10px } .uk-panel-box>.uk-panel-teaser { margin-top: -16px; margin-left: -16px; margin-right: -16px } .uk-panel-box>.uk-nav-side { margin: 0 -15px } .uk-panel-box-primary { background-color: #ebf7fd; color: #2d7091; border-color: rgba(45,112,145,.3) } .uk-panel-box-primary-hover:hover, .uk-panel-box-primary .uk-panel-title { color: #2d7091 } .uk-panel-box-secondary { background-color: #fff; color: #444 } .uk-panel-box-secondary-hover:hover, .uk-panel-box-secondary .uk-panel-title { color: #444 } .uk-panel-hover { padding: 15px; color: #666; border: 1px solid transparent; border-radius: 4px } .uk-panel-hover:hover { background: #fafafa; color: #666; border-color: #e5e5e5 } .uk-panel-hover .uk-panel-badge { top: 10px; right: 10px } .uk-panel-hover>.uk-panel-teaser { margin-top: -16px; margin-left: -16px; margin-right: -16px } .uk-panel-header .uk-panel-title { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; color: #666 } .uk-panel-space { padding: 30px } .uk-panel-space .uk-panel-badge { top: 30px; right: 30px } .uk-panel+.uk-panel-divider { margin-top: 50px!important } .uk-panel+.uk-panel-divider:before { content: ""; display: block; position: absolute; top: -25px; left: 0; right: 0; border-top: 1px solid #e5e5e5 } @media (min-width:1220px) { .uk-panel+.uk-panel-divider { margin-top: 70px!important } .uk-panel+.uk-panel-divider:before { top: -35px } } .uk-panel-box .uk-panel-teaser { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; -webkit-transform: translateZ(0) } .uk-block { position: relative; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px } @media (min-width:768px) { .uk-block { padding-top: 50px; padding-bottom: 50px } } .uk-block:after, .uk-block:before { content: ""; display: table } .uk-block:after { clear: both } .uk-block>:last-child { margin-bottom: 0 } .uk-block-large { padding-top: 20px; padding-bottom: 20px } @media (min-width:768px) { .uk-block-large { padding-top: 50px; padding-bottom: 50px } } @media (min-width:960px) { .uk-block-large { padding-top: 100px; padding-bottom: 100px } } .uk-block-default { background: #fff } .uk-block-muted { background: #f9f9f9 } .uk-block-primary { background: #00a8e6 } .uk-block-secondary { background: #222 } .uk-block-default+.uk-block-default, .uk-block-muted+.uk-block-muted, .uk-block-primary+.uk-block-primary, .uk-block-secondary+.uk-block-secondary { padding-top: 0 } .uk-article:after, .uk-article:before { content: ""; display: table } .uk-article:after { clear: both } .uk-article>:last-child { margin-bottom: 0 } .uk-article+.uk-article { margin-top: 50px } .uk-article-title { font-size: 36px; line-height: 42px; font-weight: 300; text-transform: none } .uk-article-title a { color: inherit; text-decoration: none } .uk-article-meta { font-size: 12px; line-height: 18px; color: #999 } .uk-article-lead { color: #222; font-size: 18px; line-height: 24px; font-weight: 400 } .uk-article-divider { margin-bottom: 25px; border-color: #e5e5e5 } *+.uk-article-divider { margin-top: 25px } .uk-article+.uk-article { padding-top: 50px; border-top: 1px solid #e5e5e5; padding-top: 40px } .uk-comment-header { margin-bottom: 15px; padding: 10px; border: 1px solid #e5e5e5; border-radius: 4px; background: #fafafa } .uk-comment-header:after, .uk-comment-header:before { content: ""; display: table } .uk-comment-header:after { clear: both } .uk-comment-avatar { margin-right: 15px; float: left } .uk-comment-title { margin: 5px 0 0 0; font-size: 16px; line-height: 22px } .uk-comment-meta { margin: 2px 0 0 0; font-size: 11px; line-height: 16px; color: #999 } .uk-comment-body { padding-left: 10px; padding-right: 10px } .uk-comment-body>:last-child { margin-bottom: 0 } .uk-comment-list { padding: 0; list-style: none } .uk-comment-list .uk-comment+ul { margin: 25px 0 0 0; list-style: none } .uk-comment-list .uk-comment+ul>li:nth-child(n+2), .uk-comment-list>li:nth-child(n+2) { margin-top: 25px } @media (min-width:768px) { .uk-comment-list .uk-comment+ul { padding-left: 100px } } .uk-comment-primary .uk-comment-header { border-color: rgba(45,112,145,.3); background-color: #ebf7fd; color: #2d7091; text-shadow: 0 1px 0 #fff } .uk-cover-background { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat } .uk-cover { overflow: hidden } .uk-cover-object { width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none } .uk-cover-object, [data-uk-cover] { position:relative; left:50%; top:50%; transform:translate(-50%, -50%) } .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none } .uk-nav li>a { display: block; text-decoration: none } .uk-nav>li>a { padding: 3px 15px } .uk-nav ul { padding-left: 15px } .uk-nav ul a { padding: 2px 0 } .uk-nav li>a>div { font-size: 12px; line-height: 18px } .uk-nav-header { padding: 3px 15px; text-transform: uppercase; font-weight: 700; font-size: 12px } .uk-nav-header:not(:first-child) { margin-top: 15px } .uk-nav-divider { margin: 7px 15px } ul.uk-nav-sub { padding: 5px 0 5px 15px } .uk-nav-parent-icon>.uk-parent>a:after { content: "\f104"; width: 20px; margin-right: -10px; float: right; font-family: FontAwesome; text-align: center } .uk-nav-parent-icon>.uk-parent.uk-open>a:after { content: "\f107" } .uk-nav-side>li>a { color: #666 } .uk-nav-side>li>a:focus, .uk-nav-side>li>a:hover { background: rgba(0,0,0,.03); color: #666; outline: 0; box-shadow: inset 0 0 1px rgba(0,0,0,.1); text-shadow: 0 -1px 0 #fff } .uk-nav-side>li.uk-active>a { background: #009dd8; color: #fff; box-shadow: inset 0 2px 4px rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-nav-side .uk-nav-header { color: #666 } .uk-nav-side .uk-nav-divider { border-top: 1px solid #e5e5e5; box-shadow: 0 1px 0 #fff } .uk-nav-side ul a { color: #1d8acb } .uk-nav-side ul a:hover { color: #0b5f90 } .uk-nav-dropdown>li>a { color: #666 } .uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>a:hover { background: #009dd8; color: #fff; outline: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-nav-dropdown .uk-nav-header { color: #999 } .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-nav-dropdown ul a { color: #1d8acb } .uk-nav-dropdown ul a:hover { color: #0b5f90 } .uk-nav-navbar>li>a { color: #666 } .uk-nav-navbar>li>a:focus, .uk-nav-navbar>li>a:hover { background: #009dd8; color: #fff; outline: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-nav-navbar .uk-nav-header { color: #999 } .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-nav-navbar ul a { color: #1d8acb } .uk-nav-navbar ul a:hover { color: #0b5f90 } .uk-nav-offcanvas>li>a { color: #ccc; padding: 10px 15px; border-top: 1px solid rgba(0,0,0,.3); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.05); text-shadow: 0 1px 0 rgba(0,0,0,.5) } .uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover { background: #404040; color: #fff; outline: 0 } html .uk-nav.uk-nav-offcanvas>li.uk-active>a { background: #1a1a1a; color: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.3) } .uk-nav-offcanvas .uk-nav-header { color: #777; margin-top: 0; border-top: 1px solid rgba(0,0,0,.3); background: #404040; box-shadow: inset 0 1px 0 hsla(0,0%,100%,.05); text-shadow: 0 1px 0 rgba(0,0,0,.5) } .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid hsla(0,0%,100%,.01); margin: 0; height: 4px; background: rgba(0,0,0,.2); box-shadow: inset 0 1px 3px rgba(0,0,0,.3) } .uk-nav-offcanvas ul a { color: #ccc } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #fff } .uk-nav-offcanvas { border-bottom: 1px solid rgba(0,0,0,.3); box-shadow: 0 1px 0 hsla(0,0%,100%,.05) } .uk-nav-offcanvas .uk-nav-sub { border-top: 1px solid rgba(0,0,0,.3); box-shadow: inset 0 1px 0 hsla(0,0%,100%,.05) } .uk-navbar { background: #f7f7f7; color: #666; border: 1px solid rgba(0,0,0,.1); border-bottom-color: rgba(0,0,0,.3); border-radius: 4px; background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee) } .uk-navbar:after, .uk-navbar:before { content: ""; display: table } .uk-navbar:after { clear: both } .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left } .uk-navbar-nav>li { float: left; position: relative } .uk-navbar-nav>li>a { display: block; box-sizing: border-box; text-decoration: none; height: 41px; padding: 0 15px; line-height: 40px; color: #666; font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; margin-top: -1px; margin-left: -1px; border: 1px solid transparent; border-bottom-width: 0; text-shadow: 0 1px 0 #fff } .uk-navbar-nav>li>a[href="#"] { cursor: text } .uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus { background-color: transparent; color: #666; outline: 0; position: relative; z-index: 1; border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-navbar-nav>li>a:active { background-color: #f5f5f5 } .uk-navbar-nav>li.uk-active>a, .uk-navbar-nav>li>a:active { color: #666; border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.2); box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-navbar-nav>li.uk-active>a { background-color: #fafafa } .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 28px } .uk-navbar-nav-subtitle>div { margin-top: -6px; font-size: 10px; line-height: 12px } .uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle { box-sizing: border-box; display: block; height: 41px; padding: 0 15px; float: left; margin-top: -1px; text-shadow: 0 1px 0 #fff } .uk-navbar-brand:before, .uk-navbar-content:before, .uk-navbar-toggle:before { content: ""; display: inline-block; height: 100%; vertical-align: middle } .uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center) { padding-left: 0 } .uk-navbar-content>a:not([class]) { color: #1d8acb } .uk-navbar-content>a:not([class]):hover { color: #0b5f90 } .uk-navbar-brand { font-size: 18px; color: #666; text-decoration: none } .uk-navbar-brand:focus, .uk-navbar-brand:hover { color: #666; text-decoration: none; outline: 0 } .uk-navbar-toggle { font-size: 18px; color: #666; text-decoration: none } .uk-navbar-toggle:focus, .uk-navbar-toggle:hover { color: #666; text-decoration: none; outline: 0 } .uk-navbar-toggle:after { content: "\f0c9"; font-family: FontAwesome; vertical-align: middle } .uk-navbar-toggle-alt:after { content: "\f002" } .uk-navbar-center { float: none; text-align: center; max-width: 50%; margin-left: auto; margin-right: auto } .uk-navbar-flip { float: right } .uk-navbar-nav:first-child>li:first-child>a { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .uk-navbar-flip .uk-navbar-nav>li>a { margin-left: 0; margin-right: -1px } .uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a { border-top-left-radius: 0; border-bottom-left-radius: 0 } .uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .uk-navbar-attached { border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-radius: 0 } .uk-navbar-attached .uk-navbar-nav>li>a { border-radius: 0!important } .uk-subnav { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; padding: 0; list-style: none } .uk-subnav>* { flex: none; padding-left: 10px; margin-top: 10px; position: relative } .uk-subnav:after, .uk-subnav:before { content: ""; display: block; overflow: hidden } .uk-subnav:after { clear: both } .uk-subnav>* { float: left } .uk-subnav>*>* { display: inline-block; color: #666 } .uk-subnav>*>:focus, .uk-subnav>*>:hover { color: #1d8acb; text-decoration: none } .uk-subnav>.uk-active>* { color: #1d8acb } .uk-subnav-line>:before { content: ""; display: inline-block; height: 10px; vertical-align: middle } .uk-subnav-line>:nth-child(n+2):before { margin-right: 10px; border-left: 1px solid #e5e5e5 } .uk-subnav-pill>*>* { padding: 3px 9px; border-radius: 4px } .uk-subnav-pill>*>:focus, .uk-subnav-pill>*>:hover { background: #fafafa; color: #666; text-decoration: none; outline: 0; box-shadow: 0 0 0 1px rgba(0,0,0,.1) } .uk-subnav-pill>.uk-active>* { background: #009dd8; color: #fff; box-shadow: inset 0 2px 4px rgba(0,0,0,.2) } .uk-subnav>.uk-disabled>* { background: 0 0; color: #999; text-decoration: none; cursor: text; box-shadow: none } .uk-breadcrumb { padding: 0; list-style: none; font-size: 0 } .uk-breadcrumb>li { font-size: 1rem; vertical-align: top } .uk-breadcrumb>li, .uk-breadcrumb>li>a, .uk-breadcrumb>li>span { display: inline-block } .uk-breadcrumb>li:nth-child(n+2):before { content: "/"; display: inline-block; margin: 0 8px } .uk-breadcrumb>li:not(.uk-active)>span { color: #999 } .uk-pagination { padding: 0; list-style: none; text-align: center; font-size: 0 } .uk-pagination:after, .uk-pagination:before { content: ""; display: table } .uk-pagination:after { clear: both } .uk-pagination>li { display: inline-block; font-size: 1rem; vertical-align: top } .uk-pagination>li:nth-child(n+2) { margin-left: 5px } .uk-pagination>li>a, .uk-pagination>li>span { display: inline-block; min-width: 16px; padding: 3px 5px; line-height: 20px; text-decoration: none; box-sizing: content-box; text-align: center; border-radius: 4px } .uk-pagination>li>a { background: #f7f7f7; color: #666; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee); text-shadow: 0 1px 0 #fff } .uk-pagination>li>a:focus, .uk-pagination>li>a:hover { background-color: #fafafa; color: #666; outline: 0; background-image: none } .uk-pagination>li>a:active { background-color: #f5f5f5; color: #666; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.3); background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-pagination>.uk-active>span { background: #009dd8; color: #fff; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.4); background-origin: border-box; background-image: linear-gradient(180deg, #00b4f5, #008dc5); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-pagination>.uk-disabled>span { background-color: #fafafa; color: #999; border: 1px solid rgba(0,0,0,.2); text-shadow: 0 1px 0 #fff } .uk-pagination-previous { float: left } .uk-pagination-next { float: right } .uk-pagination-left { text-align: left } .uk-pagination-right { text-align: right } .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #e5e5e5 } .uk-tab:after, .uk-tab:before { content: ""; display: table } .uk-tab:after { clear: both } .uk-tab>li { margin-bottom: -1px; float: left; position: relative } .uk-tab>li>a { display: block; padding: 8px 12px 8px 12px; border: 1px solid transparent; border-bottom-width: 0; color: #1d8acb; text-decoration: none; border-radius: 4px 4px 0 0; text-shadow: 0 1px 0 #fff } .uk-tab>li:nth-child(n+2)>a { margin-left: 5px } .uk-tab>li.uk-open>a, .uk-tab>li>a:focus, .uk-tab>li>a:hover { border-color: #e5e5e5; background: #fafafa; color: #0b5f90; outline: 0 } .uk-tab>li.uk-open:not(.uk-active)>a, .uk-tab>li:not(.uk-active)>a:focus, .uk-tab>li:not(.uk-active)>a:hover { margin-bottom: 1px; padding-bottom: 7px } .uk-tab>li.uk-active>a { border-color: #e5e5e5; border-bottom-color: transparent; background: #fff; color: #666 } .uk-tab>li.uk-disabled>a { color: #999; cursor: text } .uk-tab>li.uk-disabled.uk-active>a, .uk-tab>li.uk-disabled>a:focus, .uk-tab>li.uk-disabled>a:hover { background: 0 0; border-color: transparent } .uk-tab-flip>li { float: right } .uk-tab-flip>li:nth-child(n+2)>a { margin-left: 0; margin-right: 5px } .uk-tab>li.uk-tab-responsive>a { margin-left: 0; margin-right: 0 } .uk-tab-responsive>a:before { content: "\f0c9\00a0"; font-family: FontAwesome } .uk-tab-center { border-bottom: 1px solid #e5e5e5 } .uk-tab-center-bottom { border-bottom: none; border-top: 1px solid #e5e5e5 } .uk-tab-center:after, .uk-tab-center:before { content: ""; display: table } .uk-tab-center:after { clear: both } .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right } .uk-tab-center .uk-tab>li { position: relative; right: -50% } .uk-tab-center .uk-tab>li>a { text-align: center } .uk-tab-bottom { border-top: 1px solid #e5e5e5; border-bottom: none } .uk-tab-bottom>li { margin-top: -1px; margin-bottom: 0 } .uk-tab-bottom>li>a { padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-top-width: 0 } .uk-tab-bottom>li.uk-open:not(.uk-active)>a, .uk-tab-bottom>li:not(.uk-active)>a:focus, .uk-tab-bottom>li:not(.uk-active)>a:hover { margin-bottom: 0; margin-top: 1px; padding-bottom: 8px; padding-top: 7px } .uk-tab-bottom>li.uk-active>a { border-top-color: transparent; border-bottom-color: #e5e5e5 } .uk-tab-grid { margin-left: -5px; border-bottom: none; position: relative; z-index: 0 } .uk-tab-grid:before { display: block; position: absolute; left: 5px; right: 0; bottom: -1px; border-top: 1px solid #e5e5e5; z-index: -1 } .uk-tab-grid>li:first-child>a { margin-left: 5px } .uk-tab-grid>li>a { text-align: center } .uk-tab-grid.uk-tab-bottom { border-top: none } .uk-tab-grid.uk-tab-bottom:before { top: -1px; bottom: auto } @media (min-width:768px) { .uk-tab-left, .uk-tab-right { border-bottom: none } .uk-tab-left>li, .uk-tab-right>li { margin-bottom: 0; float: none } .uk-tab-left>li>a, .uk-tab-right>li>a { padding-top: 8px; padding-bottom: 8px } .uk-tab-left>li:nth-child(n+2)>a, .uk-tab-right>li:nth-child(n+2)>a { margin-left: 0; margin-top: 5px } .uk-tab-left>li.uk-active>a, .uk-tab-right>li.uk-active>a { border-color: #e5e5e5 } .uk-tab-left { border-right: 1px solid #e5e5e5 } .uk-tab-left>li { margin-right: -1px } .uk-tab-left>li>a { border-bottom-width: 1px; border-right-width: 0 } .uk-tab-left>li:not(.uk-active)>a:focus, .uk-tab-left>li:not(.uk-active)>a:hover { margin-bottom: 0; margin-right: 1px; padding-bottom: 8px; padding-right: 11px } .uk-tab-left>li.uk-active>a { border-right-color: transparent } .uk-tab-right { border-left: 1px solid #e5e5e5 } .uk-tab-right>li { margin-left: -1px } .uk-tab-right>li>a { border-bottom-width: 1px; border-left-width: 0 } .uk-tab-right>li:not(.uk-active)>a:focus, .uk-tab-right>li:not(.uk-active)>a:hover { margin-bottom: 0; margin-left: 1px; padding-bottom: 8px; padding-left: 11px } .uk-tab-right>li.uk-active>a { border-left-color: transparent } } .uk-tab-bottom>li>a { border-radius: 0 0 4px 4px } @media (min-width:768px) { .uk-tab-left>li>a { border-radius: 4px 0 0 4px } .uk-tab-right>li>a { border-radius: 0 4px 4px 0 } } .uk-thumbnav { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; padding: 0; list-style: none } .uk-thumbnav>* { flex: none; padding-left: 10px; margin-top: 10px } .uk-thumbnav:after, .uk-thumbnav:before { content: ""; display: block; overflow: hidden } .uk-thumbnav:after { clear: both } .uk-thumbnav>* { float: left } .uk-thumbnav>*>* { display: block; background: #fff } .uk-thumbnav>*>*>img { opacity: .7; transition: opacity .15s linear } .uk-thumbnav>*>:focus>img, .uk-thumbnav>*>:hover>img, .uk-thumbnav>.uk-active>*>img { opacity: 1 } .uk-list { padding: 0; list-style: none } .uk-list>li:after, .uk-list>li:before { content: ""; display: table } .uk-list>li:after { clear: both } .uk-list>li>:last-child { margin-bottom: 0 } .uk-list ul { margin: 0; padding-left: 20px; list-style: none } .uk-list-line>li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e5e5e5 } .uk-list-striped>li { padding: 5px 5px; border-bottom: 1px solid #e5e5e5 } .uk-list-striped>li:nth-of-type(odd) { background: #fafafa } .uk-list-space>li:nth-child(n+2) { margin-top: 10px } .uk-list-striped>li:first-child { border-top: 1px solid #e5e5e5 } @media (min-width:768px) { .uk-description-list-horizontal { overflow: hidden } .uk-description-list-horizontal>dt { width: 160px; float: left; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .uk-description-list-horizontal>dd { margin-left: 180px } } .uk-description-list-line>dt { font-weight: 400 } .uk-description-list-line>dt:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e5e5e5 } .uk-description-list-line>dd { color: #999 } .uk-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 15px } *+.uk-table { margin-top: 15px } .uk-table td, .uk-table th { padding: 8px 8px; border-bottom: 1px solid #e5e5e5 } .uk-table th { text-align: left } .uk-table td { vertical-align: top } .uk-table thead th { vertical-align: bottom } .uk-table caption, .uk-table tfoot { font-size: 12px; font-style: italic } .uk-table caption { text-align: left; color: #999 } .uk-table tbody tr.uk-active { background: #f0f0f0 } .uk-table-middle, .uk-table-middle td { vertical-align: middle!important } .uk-table-striped tbody tr:nth-of-type(odd) { background: #fafafa } .uk-table-condensed td { padding: 4px 8px } .uk-table-hover tbody tr:hover { background: #f0f0f0 } .uk-form input, .uk-form select, .uk-form textarea { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; color: inherit } .uk-form select { text-transform: none } .uk-form optgroup { font: inherit; font-weight: 700 } .uk-form input::-moz-focus-inner { border:0; padding:0 } .uk-form input[type=checkbox], .uk-form input[type=radio] { padding: 0 } .uk-form input[type=checkbox]:not(:disabled), .uk-form input[type=radio]:not(:disabled) { cursor: pointer } .uk-form input:not([type]), .uk-form input[type=datetime], .uk-form input[type=email], .uk-form input[type=number], .uk-form input[type=password], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=text], .uk-form input[type=url], .uk-form textarea { -webkit-appearance: none } .uk-form input[type=search]::-webkit-search-cancel-button, .uk-form input[type=search]::-webkit-search-decoration { -webkit-appearance:none } .uk-form input[type=number]::-webkit-inner-spin-button, .uk-form input[type=number]::-webkit-outer-spin-button { height:auto } .uk-form fieldset { border: none; margin: 0; padding: 0 } .uk-form textarea { overflow: auto; vertical-align: top } .uk-form ::-moz-placeholder { opacity:1 } .uk-form :invalid { box-shadow:none } .uk-form input:not([type=radio]):not([type=checkbox]), .uk-form select { vertical-align: middle } .uk-form>:last-child { margin-bottom: 0 } .uk-form input:not([type]), .uk-form input[type=color], .uk-form input[type=date], .uk-form input[type=datetime-local], .uk-form input[type=datetime], .uk-form input[type=email], .uk-form input[type=month], .uk-form input[type=number], .uk-form input[type=password], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=text], .uk-form input[type=time], .uk-form input[type=url], .uk-form input[type=week], .uk-form select, .uk-form textarea { height: 30px; max-width: 100%; padding: 4px 6px; border: 1px solid #e5e5e5; background: #fff; color: #666; transition: all .2s linear; border-radius: 4px } .uk-form input:not([type]):focus, .uk-form input[type=color]:focus, .uk-form input[type=date]:focus, .uk-form input[type=datetime-local]:focus, .uk-form input[type=datetime]:focus, .uk-form input[type=email]:focus, .uk-form input[type=month]:focus, .uk-form input[type=number]:focus, .uk-form input[type=password]:focus, .uk-form input[type=search]:focus, .uk-form input[type=tel]:focus, .uk-form input[type=text]:focus, .uk-form input[type=time]:focus, .uk-form input[type=url]:focus, .uk-form input[type=week]:focus, .uk-form select:focus, .uk-form textarea:focus { border-color: #99baca; outline: 0; background: #f5fbfe; color: #666 } .uk-form input:not([type]):disabled, .uk-form input[type=color]:disabled, .uk-form input[type=date]:disabled, .uk-form input[type=datetime-local]:disabled, .uk-form input[type=datetime]:disabled, .uk-form input[type=email]:disabled, .uk-form input[type=month]:disabled, .uk-form input[type=number]:disabled, .uk-form input[type=password]:disabled, .uk-form input[type=search]:disabled, .uk-form input[type=tel]:disabled, .uk-form input[type=text]:disabled, .uk-form input[type=time]:disabled, .uk-form input[type=url]:disabled, .uk-form input[type=week]:disabled, .uk-form select:disabled, .uk-form textarea:disabled { border-color: #e5e5e5; background-color: #fafafa; color: #999 } .uk-form :-ms-input-placeholder { color:#999!important } .uk-form ::-moz-placeholder { color:#999 } .uk-form ::-webkit-input-placeholder { color:#999 } .uk-form :disabled:-ms-input-placeholder { color:#999!important } .uk-form :disabled::-moz-placeholder { color:#999 } .uk-form :disabled::-webkit-input-placeholder { color:#999 } .uk-form legend { width: 100%; border: 0; padding: 0; padding-bottom: 15px; font-size: 18px; line-height: 30px } .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #e5e5e5; width: 100% } input:not([type]).uk-form-small, input[type].uk-form-small, select.uk-form-small, textarea.uk-form-small { height: 25px; padding: 3px 3px; font-size: 12px } input:not([type]).uk-form-large, input[type].uk-form-large, select.uk-form-large, textarea.uk-form-large { height: 40px; padding: 8px 6px; font-size: 16px } .uk-form select[multiple], .uk-form select[size], .uk-form textarea { height: auto } .uk-form-danger { border-color: #dc8d99!important; background: #fff7f8!important; color: #d85030!important } .uk-form-success { border-color: #8ec73b!important; background: #fafff2!important; color: #659f13!important } .uk-form-blank { border-color: transparent!important; border-style: dashed!important; background: 0 0!important } .uk-form-blank:focus { border-color: #e5e5e5!important } input.uk-form-width-mini { width: 40px } select.uk-form-width-mini { width: 65px } .uk-form-width-small { width: 130px } .uk-form-width-medium { width: 200px } .uk-form-width-large { width: 500px } .uk-form-row:after, .uk-form-row:before { content: ""; display: table } .uk-form-row:after { clear: both } .uk-form-row+.uk-form-row { margin-top: 15px } .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px } .uk-form-help-block { margin: 5px 0 0 0 } .uk-form-controls>:first-child { margin-top: 0 } .uk-form-controls>:last-child { margin-bottom: 0 } .uk-form-controls-condensed { margin: 5px 0 } .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: 700 } @media (max-width:959px) { .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: 700 } } @media (min-width:960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left } .uk-form-horizontal .uk-form-controls { margin-left: 215px } .uk-form-horizontal .uk-form-controls-text { padding-top: 5px } } .uk-form-icon { display: inline-block; position: relative; max-width: 100% } .uk-form-icon>[class*=uk-icon-] { position:absolute; top:50%; width:30px; margin-top:-7px; font-size:14px; color:#999; text-align:center; pointer-events:none } .uk-form-icon:not(.uk-form-icon-flip)>input { padding-left: 30px!important } .uk-form-icon-flip>[class*=uk-icon-] { right:0 } .uk-form-icon-flip>input { padding-right: 30px!important } .uk-button::-moz-focus-inner { border:0; padding:0 } .uk-button { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #666; text-transform: none; display: inline-block; box-sizing: border-box; padding: 0 12px; background: #f7f7f7; vertical-align: middle; line-height: 28px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee); border-radius: 4px; text-shadow: 0 1px 0 #fff } .uk-button:not(:disabled) { cursor: pointer } .uk-button:focus, .uk-button:hover { background-color: #fafafa; color: #666; outline: 0; text-decoration: none; background-image: none } .uk-button.uk-active, .uk-button:active { background-color: #f5f5f5; color: #666; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.3); background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-button-primary { background-color: #009dd8; color: #fff; background-image: linear-gradient(180deg, #00b4f5, #008dc5); border-color: rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.4); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-button-primary:focus, .uk-button-primary:hover { background-color: #00aff2; color: #fff; background-image: none } .uk-button-primary.uk-active, .uk-button-primary:active { background-color: #008abf; color: #fff; background-image: none; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.4); box-shadow: inset 0 2px 4px rgba(0,0,0,.2) } .uk-button-success { background-color: #82bb42; color: #fff; background-image: linear-gradient(180deg, #9fd256, #6fac34); border-color: rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.4); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-button-success:focus, .uk-button-success:hover { background-color: #8fce48; color: #fff; background-image: none } .uk-button-success.uk-active, .uk-button-success:active { background-color: #76b430; color: #fff; background-image: none; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.4); box-shadow: inset 0 2px 4px rgba(0,0,0,.2) } .uk-button-danger { background-color: #d32c46; color: #fff; background-image: linear-gradient(180deg, #ee465a, #c11a39); border-color: rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.4); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-button-danger:focus, .uk-button-danger:hover { background-color: #e33551; color: #fff; background-image: none } .uk-button-danger.uk-active, .uk-button-danger:active { background-color: #c91c37; color: #fff; background-image: none; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.4); box-shadow: inset 0 2px 4px rgba(0,0,0,.2) } .uk-button:disabled { background-color: #fafafa; color: #999; border-color: rgba(0,0,0,.2); background-image: none; box-shadow: none; text-shadow: 0 1px 0 #fff } .uk-button-link, .uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:disabled, .uk-button-link:focus, .uk-button-link:hover { border-color: transparent; background: 0 0; box-shadow: none; text-shadow: none } .uk-button-link { color: #1d8acb } .uk-button-link.uk-active, .uk-button-link:active, .uk-button-link:focus, .uk-button-link:hover { color: #0b5f90; text-decoration: underline } .uk-button-link:disabled { color: #999 } .uk-button-link:focus { outline: 1px dotted } .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 18px; font-size: 11px } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 23px; font-size: 12px } .uk-button-large { min-height: 40px; padding: 0 15px; line-height: 38px; font-size: 16px; border-radius: 5px } .uk-button-group { vertical-align: middle; position: relative; font-size: 0; white-space: nowrap } .uk-button-group, .uk-button-group>* { display: inline-block } .uk-button-group .uk-button { vertical-align: top } .uk-button-dropdown { display: inline-block; vertical-align: middle; position: relative } .uk-button-group>.uk-button:not(:first-child):not(:last-child), .uk-button-group>div:not(:first-child):not(:last-child) .uk-button { border-radius: 0 } .uk-button-group>.uk-button:first-child, .uk-button-group>div:first-child .uk-button { border-top-right-radius: 0; border-bottom-right-radius: 0 } .uk-button-group>.uk-button:last-child, .uk-button-group>div:last-child .uk-button { border-top-left-radius: 0; border-bottom-left-radius: 0 } .uk-button-group>.uk-button:nth-child(n+2), .uk-button-group>div:nth-child(n+2) .uk-button { margin-left: -1px } .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:hover { position: relative } @font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfont.db812d8a.woff2) format("woff2"), url(../fonts/fontawesome-webfont.a35720c2.woff) format("woff"), url(../fonts/fontawesome-webfont.a3de2170.ttf) format("truetype"); font-weight: 400; font-style: normal } [class*=uk-icon-] { font-family:FontAwesome; display:inline-block; font-weight:400; font-style:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } [class*=uk-icon-], [class*=uk-icon-]:focus, [class*=uk-icon-]:hover { text-decoration:none } .uk-icon-small { font-size: 150%; vertical-align: -10% } .uk-icon-medium { font-size: 200%; vertical-align: -16% } .uk-icon-large { font-size: 250%; vertical-align: -22% } .uk-icon-justify { width: 1em; text-align: center } .uk-icon-spin { display: inline-block; -webkit-animation: uk-rotate 2s linear infinite; animation: uk-rotate 2s linear infinite } .uk-icon-hover { color: #999 } .uk-icon-hover:hover { color: #666 } .uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #f7f7f7; line-height: 35px; color: #666; font-size: 18px; text-align: center; border: 1px solid #ccc; border-bottom-color: #bbb; background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee); text-shadow: 0 1px 0 #fff } .uk-icon-button:focus, .uk-icon-button:hover { background-color: #fafafa; color: #666; outline: 0; background-image: none } .uk-icon-button:active { background-color: #f5f5f5; color: #666; border-color: #ccc; border-top-color: #bbb; background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-icon-glass:before { content: "\f000" } .uk-icon-music:before { content: "\f001" } .uk-icon-search:before { content: "\f002" } .uk-icon-envelope-o:before { content: "\f003" } .uk-icon-heart:before { content: "\f004" } .uk-icon-star:before { content: "\f005" } .uk-icon-star-o:before { content: "\f006" } .uk-icon-user:before { content: "\f007" } .uk-icon-film:before { content: "\f008" } .uk-icon-th-large:before { content: "\f009" } .uk-icon-th:before { content: "\f00a" } .uk-icon-th-list:before { content: "\f00b" } .uk-icon-check:before { content: "\f00c" } .uk-icon-close:before, .uk-icon-remove:before, .uk-icon-times:before { content: "\f00d" } .uk-icon-search-plus:before { content: "\f00e" } .uk-icon-search-minus:before { content: "\f010" } .uk-icon-power-off:before { content: "\f011" } .uk-icon-signal:before { content: "\f012" } .uk-icon-cog:before, .uk-icon-gear:before { content: "\f013" } .uk-icon-trash-o:before { content: "\f014" } .uk-icon-home:before { content: "\f015" } .uk-icon-file-o:before { content: "\f016" } .uk-icon-clock-o:before { content: "\f017" } .uk-icon-road:before { content: "\f018" } .uk-icon-download:before { content: "\f019" } .uk-icon-arrow-circle-o-down:before { content: "\f01a" } .uk-icon-arrow-circle-o-up:before { content: "\f01b" } .uk-icon-inbox:before { content: "\f01c" } .uk-icon-play-circle-o:before { content: "\f01d" } .uk-icon-repeat:before, .uk-icon-rotate-right:before { content: "\f01e" } .uk-icon-refresh:before { content: "\f021" } .uk-icon-list-alt:before { content: "\f022" } .uk-icon-lock:before { content: "\f023" } .uk-icon-flag:before { content: "\f024" } .uk-icon-headphones:before { content: "\f025" } .uk-icon-volume-off:before { content: "\f026" } .uk-icon-volume-down:before { content: "\f027" } .uk-icon-volume-up:before { content: "\f028" } .uk-icon-qrcode:before { content: "\f029" } .uk-icon-barcode:before { content: "\f02a" } .uk-icon-tag:before { content: "\f02b" } .uk-icon-tags:before { content: "\f02c" } .uk-icon-book:before { content: "\f02d" } .uk-icon-bookmark:before { content: "\f02e" } .uk-icon-print:before { content: "\f02f" } .uk-icon-camera:before { content: "\f030" } .uk-icon-font:before { content: "\f031" } .uk-icon-bold:before { content: "\f032" } .uk-icon-italic:before { content: "\f033" } .uk-icon-text-height:before { content: "\f034" } .uk-icon-text-width:before { content: "\f035" } .uk-icon-align-left:before { content: "\f036" } .uk-icon-align-center:before { content: "\f037" } .uk-icon-align-right:before { content: "\f038" } .uk-icon-align-justify:before { content: "\f039" } .uk-icon-list:before { content: "\f03a" } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b" } .uk-icon-indent:before { content: "\f03c" } .uk-icon-video-camera:before { content: "\f03d" } .uk-icon-image:before, .uk-icon-photo:before, .uk-icon-picture-o:before { content: "\f03e" } .uk-icon-pencil:before { content: "\f040" } .uk-icon-map-marker:before { content: "\f041" } .uk-icon-adjust:before { content: "\f042" } .uk-icon-tint:before { content: "\f043" } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044" } .uk-icon-share-square-o:before { content: "\f045" } .uk-icon-check-square-o:before { content: "\f046" } .uk-icon-arrows:before { content: "\f047" } .uk-icon-step-backward:before { content: "\f048" } .uk-icon-fast-backward:before { content: "\f049" } .uk-icon-backward:before { content: "\f04a" } .uk-icon-play:before { content: "\f04b" } .uk-icon-pause:before { content: "\f04c" } .uk-icon-stop:before { content: "\f04d" } .uk-icon-forward:before { content: "\f04e" } .uk-icon-fast-forward:before { content: "\f050" } .uk-icon-step-forward:before { content: "\f051" } .uk-icon-eject:before { content: "\f052" } .uk-icon-chevron-left:before { content: "\f053" } .uk-icon-chevron-right:before { content: "\f054" } .uk-icon-plus-circle:before { content: "\f055" } .uk-icon-minus-circle:before { content: "\f056" } .uk-icon-times-circle:before { content: "\f057" } .uk-icon-check-circle:before { content: "\f058" } .uk-icon-question-circle:before { content: "\f059" } .uk-icon-info-circle:before { content: "\f05a" } .uk-icon-crosshairs:before { content: "\f05b" } .uk-icon-times-circle-o:before { content: "\f05c" } .uk-icon-check-circle-o:before { content: "\f05d" } .uk-icon-ban:before { content: "\f05e" } .uk-icon-arrow-left:before { content: "\f060" } .uk-icon-arrow-right:before { content: "\f061" } .uk-icon-arrow-up:before { content: "\f062" } .uk-icon-arrow-down:before { content: "\f063" } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064" } .uk-icon-expand:before { content: "\f065" } .uk-icon-compress:before { content: "\f066" } .uk-icon-plus:before { content: "\f067" } .uk-icon-minus:before { content: "\f068" } .uk-icon-asterisk:before { content: "\f069" } .uk-icon-exclamation-circle:before { content: "\f06a" } .uk-icon-gift:before { content: "\f06b" } .uk-icon-leaf:before { content: "\f06c" } .uk-icon-fire:before { content: "\f06d" } .uk-icon-eye:before { content: "\f06e" } .uk-icon-eye-slash:before { content: "\f070" } .uk-icon-exclamation-triangle:before, .uk-icon-warning:before { content: "\f071" } .uk-icon-plane:before { content: "\f072" } .uk-icon-calendar:before { content: "\f073" } .uk-icon-random:before { content: "\f074" } .uk-icon-comment:before { content: "\f075" } .uk-icon-magnet:before { content: "\f076" } .uk-icon-chevron-up:before { content: "\f077" } .uk-icon-chevron-down:before { content: "\f078" } .uk-icon-retweet:before { content: "\f079" } .uk-icon-shopping-cart:before { content: "\f07a" } .uk-icon-folder:before { content: "\f07b" } .uk-icon-folder-open:before { content: "\f07c" } .uk-icon-arrows-v:before { content: "\f07d" } .uk-icon-arrows-h:before { content: "\f07e" } .uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before { content: "\f080" } .uk-icon-twitter-square:before { content: "\f081" } .uk-icon-facebook-square:before { content: "\f082" } .uk-icon-camera-retro:before { content: "\f083" } .uk-icon-key:before { content: "\f084" } .uk-icon-cogs:before, .uk-icon-gears:before { content: "\f085" } .uk-icon-comments:before { content: "\f086" } .uk-icon-thumbs-o-up:before { content: "\f087" } .uk-icon-thumbs-o-down:before { content: "\f088" } .uk-icon-star-half:before { content: "\f089" } .uk-icon-heart-o:before { content: "\f08a" } .uk-icon-sign-out:before { content: "\f08b" } .uk-icon-linkedin-square:before { content: "\f08c" } .uk-icon-thumb-tack:before { content: "\f08d" } .uk-icon-external-link:before { content: "\f08e" } .uk-icon-sign-in:before { content: "\f090" } .uk-icon-trophy:before { content: "\f091" } .uk-icon-github-square:before { content: "\f092" } .uk-icon-upload:before { content: "\f093" } .uk-icon-lemon-o:before { content: "\f094" } .uk-icon-phone:before { content: "\f095" } .uk-icon-square-o:before { content: "\f096" } .uk-icon-bookmark-o:before { content: "\f097" } .uk-icon-phone-square:before { content: "\f098" } .uk-icon-twitter:before { content: "\f099" } .uk-icon-facebook-f:before, .uk-icon-facebook:before { content: "\f09a" } .uk-icon-github:before { content: "\f09b" } .uk-icon-unlock:before { content: "\f09c" } .uk-icon-credit-card:before { content: "\f09d" } .uk-icon-rss:before { content: "\f09e" } .uk-icon-hdd-o:before { content: "\f0a0" } .uk-icon-bullhorn:before { content: "\f0a1" } .uk-icon-bell:before { content: "\f0f3" } .uk-icon-certificate:before { content: "\f0a3" } .uk-icon-hand-o-right:before { content: "\f0a4" } .uk-icon-hand-o-left:before { content: "\f0a5" } .uk-icon-hand-o-up:before { content: "\f0a6" } .uk-icon-hand-o-down:before { content: "\f0a7" } .uk-icon-arrow-circle-left:before { content: "\f0a8" } .uk-icon-arrow-circle-right:before { content: "\f0a9" } .uk-icon-arrow-circle-up:before { content: "\f0aa" } .uk-icon-arrow-circle-down:before { content: "\f0ab" } .uk-icon-globe:before { content: "\f0ac" } .uk-icon-wrench:before { content: "\f0ad" } .uk-icon-tasks:before { content: "\f0ae" } .uk-icon-filter:before { content: "\f0b0" } .uk-icon-briefcase:before { content: "\f0b1" } .uk-icon-arrows-alt:before { content: "\f0b2" } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0" } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1" } .uk-icon-cloud:before { content: "\f0c2" } .uk-icon-flask:before { content: "\f0c3" } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4" } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5" } .uk-icon-paperclip:before { content: "\f0c6" } .uk-icon-floppy-o:before, .uk-icon-save:before { content: "\f0c7" } .uk-icon-square:before { content: "\f0c8" } .uk-icon-bars:before, .uk-icon-navicon:before, .uk-icon-reorder:before { content: "\f0c9" } .uk-icon-list-ul:before { content: "\f0ca" } .uk-icon-list-ol:before { content: "\f0cb" } .uk-icon-strikethrough:before { content: "\f0cc" } .uk-icon-underline:before { content: "\f0cd" } .uk-icon-table:before { content: "\f0ce" } .uk-icon-magic:before { content: "\f0d0" } .uk-icon-truck:before { content: "\f0d1" } .uk-icon-pinterest:before { content: "\f0d2" } .uk-icon-pinterest-square:before { content: "\f0d3" } .uk-icon-google-plus-square:before { content: "\f0d4" } .uk-icon-google-plus:before { content: "\f0d5" } .uk-icon-money:before { content: "\f0d6" } .uk-icon-caret-down:before { content: "\f0d7" } .uk-icon-caret-up:before { content: "\f0d8" } .uk-icon-caret-left:before { content: "\f0d9" } .uk-icon-caret-right:before { content: "\f0da" } .uk-icon-columns:before { content: "\f0db" } .uk-icon-sort:before, .uk-icon-unsorted:before { content: "\f0dc" } .uk-icon-sort-desc:before, .uk-icon-sort-down:before { content: "\f0dd" } .uk-icon-sort-asc:before, .uk-icon-sort-up:before { content: "\f0de" } .uk-icon-envelope:before { content: "\f0e0" } .uk-icon-linkedin:before { content: "\f0e1" } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2" } .uk-icon-gavel:before, .uk-icon-legal:before { content: "\f0e3" } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4" } .uk-icon-comment-o:before { content: "\f0e5" } .uk-icon-comments-o:before { content: "\f0e6" } .uk-icon-bolt:before, .uk-icon-flash:before { content: "\f0e7" } .uk-icon-sitemap:before { content: "\f0e8" } .uk-icon-umbrella:before { content: "\f0e9" } .uk-icon-clipboard:before, .uk-icon-paste:before { content: "\f0ea" } .uk-icon-lightbulb-o:before { content: "\f0eb" } .uk-icon-exchange:before { content: "\f0ec" } .uk-icon-cloud-download:before { content: "\f0ed" } .uk-icon-cloud-upload:before { content: "\f0ee" } .uk-icon-user-md:before { content: "\f0f0" } .uk-icon-stethoscope:before { content: "\f0f1" } .uk-icon-suitcase:before { content: "\f0f2" } .uk-icon-bell-o:before { content: "\f0a2" } .uk-icon-coffee:before { content: "\f0f4" } .uk-icon-cutlery:before { content: "\f0f5" } .uk-icon-file-text-o:before { content: "\f0f6" } .uk-icon-building-o:before { content: "\f0f7" } .uk-icon-hospital-o:before { content: "\f0f8" } .uk-icon-ambulance:before { content: "\f0f9" } .uk-icon-medkit:before { content: "\f0fa" } .uk-icon-fighter-jet:before { content: "\f0fb" } .uk-icon-beer:before { content: "\f0fc" } .uk-icon-h-square:before { content: "\f0fd" } .uk-icon-plus-square:before { content: "\f0fe" } .uk-icon-angle-double-left:before { content: "\f100" } .uk-icon-angle-double-right:before { content: "\f101" } .uk-icon-angle-double-up:before { content: "\f102" } .uk-icon-angle-double-down:before { content: "\f103" } .uk-icon-angle-left:before { content: "\f104" } .uk-icon-angle-right:before { content: "\f105" } .uk-icon-angle-up:before { content: "\f106" } .uk-icon-angle-down:before { content: "\f107" } .uk-icon-desktop:before { content: "\f108" } .uk-icon-laptop:before { content: "\f109" } .uk-icon-tablet:before { content: "\f10a" } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b" } .uk-icon-circle-o:before { content: "\f10c" } .uk-icon-quote-left:before { content: "\f10d" } .uk-icon-quote-right:before { content: "\f10e" } .uk-icon-spinner:before { content: "\f110" } .uk-icon-circle:before { content: "\f111" } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112" } .uk-icon-github-alt:before { content: "\f113" } .uk-icon-folder-o:before { content: "\f114" } .uk-icon-folder-open-o:before { content: "\f115" } .uk-icon-smile-o:before { content: "\f118" } .uk-icon-frown-o:before { content: "\f119" } .uk-icon-meh-o:before { content: "\f11a" } .uk-icon-gamepad:before { content: "\f11b" } .uk-icon-keyboard-o:before { content: "\f11c" } .uk-icon-flag-o:before { content: "\f11d" } .uk-icon-flag-checkered:before { content: "\f11e" } .uk-icon-terminal:before { content: "\f120" } .uk-icon-code:before { content: "\f121" } .uk-icon-mail-reply-all:before, .uk-icon-reply-all:before { content: "\f122" } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123" } .uk-icon-location-arrow:before { content: "\f124" } .uk-icon-crop:before { content: "\f125" } .uk-icon-code-fork:before { content: "\f126" } .uk-icon-chain-broken:before, .uk-icon-unlink:before { content: "\f127" } .uk-icon-question:before { content: "\f128" } .uk-icon-info:before { content: "\f129" } .uk-icon-exclamation:before { content: "\f12a" } .uk-icon-superscript:before { content: "\f12b" } .uk-icon-subscript:before { content: "\f12c" } .uk-icon-eraser:before { content: "\f12d" } .uk-icon-puzzle-piece:before { content: "\f12e" } .uk-icon-microphone:before { content: "\f130" } .uk-icon-microphone-slash:before { content: "\f131" } .uk-icon-shield:before { content: "\f132" } .uk-icon-calendar-o:before { content: "\f133" } .uk-icon-fire-extinguisher:before { content: "\f134" } .uk-icon-rocket:before { content: "\f135" } .uk-icon-maxcdn:before { content: "\f136" } .uk-icon-chevron-circle-left:before { content: "\f137" } .uk-icon-chevron-circle-right:before { content: "\f138" } .uk-icon-chevron-circle-up:before { content: "\f139" } .uk-icon-chevron-circle-down:before { content: "\f13a" } .uk-icon-html5:before { content: "\f13b" } .uk-icon-css3:before { content: "\f13c" } .uk-icon-anchor:before { content: "\f13d" } .uk-icon-unlock-alt:before { content: "\f13e" } .uk-icon-bullseye:before { content: "\f140" } .uk-icon-ellipsis-h:before { content: "\f141" } .uk-icon-ellipsis-v:before { content: "\f142" } .uk-icon-rss-square:before { content: "\f143" } .uk-icon-play-circle:before { content: "\f144" } .uk-icon-ticket:before { content: "\f145" } .uk-icon-minus-square:before { content: "\f146" } .uk-icon-minus-square-o:before { content: "\f147" } .uk-icon-level-up:before { content: "\f148" } .uk-icon-level-down:before { content: "\f149" } .uk-icon-check-square:before { content: "\f14a" } .uk-icon-pencil-square:before { content: "\f14b" } .uk-icon-external-link-square:before { content: "\f14c" } .uk-icon-share-square:before { content: "\f14d" } .uk-icon-compass:before { content: "\f14e" } .uk-icon-caret-square-o-down:before, .uk-icon-toggle-down:before { content: "\f150" } .uk-icon-caret-square-o-up:before, .uk-icon-toggle-up:before { content: "\f151" } .uk-icon-caret-square-o-right:before, .uk-icon-toggle-right:before { content: "\f152" } .uk-icon-eur:before, .uk-icon-euro:before { content: "\f153" } .uk-icon-gbp:before { content: "\f154" } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155" } .uk-icon-inr:before, .uk-icon-rupee:before { content: "\f156" } .uk-icon-cny:before, .uk-icon-jpy:before, .uk-icon-rmb:before, .uk-icon-yen:before { content: "\f157" } .uk-icon-rouble:before, .uk-icon-rub:before, .uk-icon-ruble:before { content: "\f158" } .uk-icon-krw:before, .uk-icon-won:before { content: "\f159" } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a" } .uk-icon-file:before { content: "\f15b" } .uk-icon-file-text:before { content: "\f15c" } .uk-icon-sort-alpha-asc:before { content: "\f15d" } .uk-icon-sort-alpha-desc:before { content: "\f15e" } .uk-icon-sort-amount-asc:before { content: "\f160" } .uk-icon-sort-amount-desc:before { content: "\f161" } .uk-icon-sort-numeric-asc:before { content: "\f162" } .uk-icon-sort-numeric-desc:before { content: "\f163" } .uk-icon-thumbs-up:before { content: "\f164" } .uk-icon-thumbs-down:before { content: "\f165" } .uk-icon-youtube-square:before { content: "\f166" } .uk-icon-youtube:before { content: "\f167" } .uk-icon-xing:before { content: "\f168" } .uk-icon-xing-square:before { content: "\f169" } .uk-icon-youtube-play:before { content: "\f16a" } .uk-icon-dropbox:before { content: "\f16b" } .uk-icon-stack-overflow:before { content: "\f16c" } .uk-icon-instagram:before { content: "\f16d" } .uk-icon-flickr:before { content: "\f16e" } .uk-icon-adn:before { content: "\f170" } .uk-icon-bitbucket:before { content: "\f171" } .uk-icon-bitbucket-square:before { content: "\f172" } .uk-icon-tumblr:before { content: "\f173" } .uk-icon-tumblr-square:before { content: "\f174" } .uk-icon-long-arrow-down:before { content: "\f175" } .uk-icon-long-arrow-up:before { content: "\f176" } .uk-icon-long-arrow-left:before { content: "\f177" } .uk-icon-long-arrow-right:before { content: "\f178" } .uk-icon-apple:before { content: "\f179" } .uk-icon-windows:before { content: "\f17a" } .uk-icon-android:before { content: "\f17b" } .uk-icon-linux:before { content: "\f17c" } .uk-icon-dribbble:before { content: "\f17d" } .uk-icon-skype:before { content: "\f17e" } .uk-icon-foursquare:before { content: "\f180" } .uk-icon-trello:before { content: "\f181" } .uk-icon-female:before { content: "\f182" } .uk-icon-male:before { content: "\f183" } .uk-icon-gittip:before, .uk-icon-gratipay:before { content: "\f184" } .uk-icon-sun-o:before { content: "\f185" } .uk-icon-moon-o:before { content: "\f186" } .uk-icon-archive:before { content: "\f187" } .uk-icon-bug:before { content: "\f188" } .uk-icon-vk:before { content: "\f189" } .uk-icon-weibo:before { content: "\f18a" } .uk-icon-renren:before { content: "\f18b" } .uk-icon-pagelines:before { content: "\f18c" } .uk-icon-stack-exchange:before { content: "\f18d" } .uk-icon-arrow-circle-o-right:before { content: "\f18e" } .uk-icon-arrow-circle-o-left:before { content: "\f190" } .uk-icon-caret-square-o-left:before, .uk-icon-toggle-left:before { content: "\f191" } .uk-icon-dot-circle-o:before { content: "\f192" } .uk-icon-wheelchair:before { content: "\f193" } .uk-icon-vimeo-square:before { content: "\f194" } .uk-icon-try:before, .uk-icon-turkish-lira:before { content: "\f195" } .uk-icon-plus-square-o:before { content: "\f196" } .uk-icon-space-shuttle:before { content: "\f197" } .uk-icon-slack:before { content: "\f198" } .uk-icon-envelope-square:before { content: "\f199" } .uk-icon-wordpress:before { content: "\f19a" } .uk-icon-openid:before { content: "\f19b" } .uk-icon-bank:before, .uk-icon-institution:before, .uk-icon-university:before { content: "\f19c" } .uk-icon-graduation-cap:before, .uk-icon-mortar-board:before { content: "\f19d" } .uk-icon-yahoo:before { content: "\f19e" } .uk-icon-google:before { content: "\f1a0" } .uk-icon-reddit:before { content: "\f1a1" } .uk-icon-reddit-square:before { content: "\f1a2" } .uk-icon-stumbleupon-circle:before { content: "\f1a3" } .uk-icon-stumbleupon:before { content: "\f1a4" } .uk-icon-delicious:before { content: "\f1a5" } .uk-icon-digg:before { content: "\f1a6" } .uk-icon-pied-piper:before { content: "\f1a7" } .uk-icon-pied-piper-alt:before { content: "\f1a8" } .uk-icon-drupal:before { content: "\f1a9" } .uk-icon-joomla:before { content: "\f1aa" } .uk-icon-language:before { content: "\f1ab" } .uk-icon-fax:before { content: "\f1ac" } .uk-icon-building:before { content: "\f1ad" } .uk-icon-child:before { content: "\f1ae" } .uk-icon-paw:before { content: "\f1b0" } .uk-icon-spoon:before { content: "\f1b1" } .uk-icon-cube:before { content: "\f1b2" } .uk-icon-cubes:before { content: "\f1b3" } .uk-icon-behance:before { content: "\f1b4" } .uk-icon-behance-square:before { content: "\f1b5" } .uk-icon-steam:before { content: "\f1b6" } .uk-icon-steam-square:before { content: "\f1b7" } .uk-icon-recycle:before { content: "\f1b8" } .uk-icon-automobile:before, .uk-icon-car:before { content: "\f1b9" } .uk-icon-cab:before, .uk-icon-taxi:before { content: "\f1ba" } .uk-icon-tree:before { content: "\f1bb" } .uk-icon-spotify:before { content: "\f1bc" } .uk-icon-deviantart:before { content: "\f1bd" } .uk-icon-soundcloud:before { content: "\f1be" } .uk-icon-database:before { content: "\f1c0" } .uk-icon-file-pdf-o:before { content: "\f1c1" } .uk-icon-file-word-o:before { content: "\f1c2" } .uk-icon-file-excel-o:before { content: "\f1c3" } .uk-icon-file-powerpoint-o:before { content: "\f1c4" } .uk-icon-file-image-o:before, .uk-icon-file-photo-o:before, .uk-icon-file-picture-o:before { content: "\f1c5" } .uk-icon-file-archive-o:before, .uk-icon-file-zip-o:before { content: "\f1c6" } .uk-icon-file-audio-o:before, .uk-icon-file-sound-o:before { content: "\f1c7" } .uk-icon-file-movie-o:before, .uk-icon-file-video-o:before { content: "\f1c8" } .uk-icon-file-code-o:before { content: "\f1c9" } .uk-icon-vine:before { content: "\f1ca" } .uk-icon-codepen:before { content: "\f1cb" } .uk-icon-jsfiddle:before { content: "\f1cc" } .uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-ring:before, .uk-icon-life-saver:before, .uk-icon-support:before { content: "\f1cd" } .uk-icon-circle-o-notch:before { content: "\f1ce" } .uk-icon-ra:before, .uk-icon-rebel:before { content: "\f1d0" } .uk-icon-empire:before, .uk-icon-ge:before { content: "\f1d1" } .uk-icon-git-square:before { content: "\f1d2" } .uk-icon-git:before { content: "\f1d3" } .uk-icon-hacker-news:before { content: "\f1d4" } .uk-icon-tencent-weibo:before { content: "\f1d5" } .uk-icon-qq:before { content: "\f1d6" } .uk-icon-wechat:before, .uk-icon-weixin:before { content: "\f1d7" } .uk-icon-paper-plane:before, .uk-icon-send:before { content: "\f1d8" } .uk-icon-paper-plane-o:before, .uk-icon-send-o:before { content: "\f1d9" } .uk-icon-history:before { content: "\f1da" } .uk-icon-circle-thin:before, .uk-icon-genderless:before { content: "\f1db" } .uk-icon-header:before { content: "\f1dc" } .uk-icon-paragraph:before { content: "\f1dd" } .uk-icon-sliders:before { content: "\f1de" } .uk-icon-share-alt:before { content: "\f1e0" } .uk-icon-share-alt-square:before { content: "\f1e1" } .uk-icon-bomb:before { content: "\f1e2" } .uk-icon-futbol-o:before, .uk-icon-soccer-ball-o:before { content: "\f1e3" } .uk-icon-tty:before { content: "\f1e4" } .uk-icon-binoculars:before { content: "\f1e5" } .uk-icon-plug:before { content: "\f1e6" } .uk-icon-slideshare:before { content: "\f1e7" } .uk-icon-twitch:before { content: "\f1e8" } .uk-icon-yelp:before { content: "\f1e9" } .uk-icon-newspaper-o:before { content: "\f1ea" } .uk-icon-wifi:before { content: "\f1eb" } .uk-icon-calculator:before { content: "\f1ec" } .uk-icon-paypal:before { content: "\f1ed" } .uk-icon-google-wallet:before { content: "\f1ee" } .uk-icon-cc-visa:before { content: "\f1f0" } .uk-icon-cc-mastercard:before { content: "\f1f1" } .uk-icon-cc-discover:before { content: "\f1f2" } .uk-icon-cc-amex:before { content: "\f1f3" } .uk-icon-cc-paypal:before { content: "\f1f4" } .uk-icon-cc-stripe:before { content: "\f1f5" } .uk-icon-bell-slash:before { content: "\f1f6" } .uk-icon-bell-slash-o:before { content: "\f1f7" } .uk-icon-trash:before { content: "\f1f8" } .uk-icon-copyright:before { content: "\f1f9" } .uk-icon-at:before { content: "\f1fa" } .uk-icon-eyedropper:before { content: "\f1fb" } .uk-icon-paint-brush:before { content: "\f1fc" } .uk-icon-birthday-cake:before { content: "\f1fd" } .uk-icon-area-chart:before { content: "\f1fe" } .uk-icon-pie-chart:before { content: "\f200" } .uk-icon-line-chart:before { content: "\f201" } .uk-icon-lastfm:before { content: "\f202" } .uk-icon-lastfm-square:before { content: "\f203" } .uk-icon-toggle-off:before { content: "\f204" } .uk-icon-toggle-on:before { content: "\f205" } .uk-icon-bicycle:before { content: "\f206" } .uk-icon-bus:before { content: "\f207" } .uk-icon-ioxhost:before { content: "\f208" } .uk-icon-angellist:before { content: "\f209" } .uk-icon-cc:before { content: "\f20a" } .uk-icon-ils:before, .uk-icon-shekel:before, .uk-icon-sheqel:before { content: "\f20b" } .uk-icon-meanpath:before { content: "\f20c" } .uk-icon-buysellads:before { content: "\f20d" } .uk-icon-connectdevelop:before { content: "\f20e" } .uk-icon-dashcube:before { content: "\f210" } .uk-icon-forumbee:before { content: "\f211" } .uk-icon-leanpub:before { content: "\f212" } .uk-icon-sellsy:before { content: "\f213" } .uk-icon-shirtsinbulk:before { content: "\f214" } .uk-icon-simplybuilt:before { content: "\f215" } .uk-icon-skyatlas:before { content: "\f216" } .uk-icon-cart-plus:before { content: "\f217" } .uk-icon-cart-arrow-down:before { content: "\f218" } .uk-icon-diamond:before { content: "\f219" } .uk-icon-ship:before { content: "\f21a" } .uk-icon-user-secret:before { content: "\f21b" } .uk-icon-motorcycle:before { content: "\f21c" } .uk-icon-street-view:before { content: "\f21d" } .uk-icon-heartbeat:before { content: "\f21e" } .uk-icon-venus:before { content: "\f221" } .uk-icon-mars:before { content: "\f222" } .uk-icon-mercury:before { content: "\f223" } .uk-icon-transgender:before { content: "\f224" } .uk-icon-transgender-alt:before { content: "\f225" } .uk-icon-venus-double:before { content: "\f226" } .uk-icon-mars-double:before { content: "\f227" } .uk-icon-venus-mars:before { content: "\f228" } .uk-icon-mars-stroke:before { content: "\f229" } .uk-icon-mars-stroke-v:before { content: "\f22a" } .uk-icon-mars-stroke-h:before { content: "\f22b" } .uk-icon-neuter:before { content: "\f22c" } .uk-icon-facebook-official:before { content: "\f230" } .uk-icon-pinterest-p:before { content: "\f231" } .uk-icon-whatsapp:before { content: "\f232" } .uk-icon-server:before { content: "\f233" } .uk-icon-user-plus:before { content: "\f234" } .uk-icon-user-times:before { content: "\f235" } .uk-icon-bed:before, .uk-icon-hotel:before { content: "\f236" } .uk-icon-viacoin:before { content: "\f237" } .uk-icon-train:before { content: "\f238" } .uk-icon-subway:before { content: "\f239" } .uk-icon-medium-logo:before { content: "\f23a" } .uk-icon-500px:before { content: "\f26e" } .uk-icon-amazon:before { content: "\f270" } .uk-icon-balance-scale:before { content: "\f24e" } .uk-icon-battery-0:before, .uk-icon-battery-empty:before { content: "\f244" } .uk-icon-battery-1:before, .uk-icon-battery-quarter:before { content: "\f243" } .uk-icon-battery-2:before, .uk-icon-battery-half:before { content: "\f242" } .uk-icon-battery-3:before, .uk-icon-battery-three-quarters:before { content: "\f241" } .uk-icon-battery-4:before, .uk-icon-battery-full:before { content: "\f240" } .uk-icon-black-tie:before { content: "\f27e" } .uk-icon-calendar-check-o:before { content: "\f274" } .uk-icon-calendar-minus-o:before { content: "\f272" } .uk-icon-calendar-plus-o:before { content: "\f271" } .uk-icon-calendar-times-o:before { content: "\f273" } .uk-icon-cc-diners-club:before { content: "\f24c" } .uk-icon-cc-jcb:before { content: "\f24b" } .uk-icon-chrome:before { content: "\f268" } .uk-icon-clone:before { content: "\f24d" } .uk-icon-commenting:before { content: "\f27a" } .uk-icon-commenting-o:before { content: "\f27b" } .uk-icon-contao:before { content: "\f26d" } .uk-icon-creative-commons:before { content: "\f25e" } .uk-icon-expeditedssl:before { content: "\f23e" } .uk-icon-firefox:before { content: "\f269" } .uk-icon-fonticons:before { content: "\f280" } .uk-icon-get-pocket:before { content: "\f265" } .uk-icon-gg:before { content: "\f260" } .uk-icon-gg-circle:before { content: "\f261" } .uk-icon-hand-lizard-o:before { content: "\f258" } .uk-icon-hand-paper-o:before, .uk-icon-hand-stop-o:before { content: "\f256" } .uk-icon-hand-peace-o:before { content: "\f25b" } .uk-icon-hand-pointer-o:before { content: "\f25a" } .uk-icon-hand-grab-o:before, .uk-icon-hand-rock-o:before { content: "\f255" } .uk-icon-hand-scissors-o:before { content: "\f257" } .uk-icon-hand-spock-o:before { content: "\f259" } .uk-icon-hourglass:before { content: "\f254" } .uk-icon-hourglass-o:before { content: "\f250" } .uk-icon-hourglass-1:before, .uk-icon-hourglass-start:before { content: "\f251" } .uk-icon-hourglass-2:before, .uk-icon-hourglass-half:before { content: "\f252" } .uk-icon-hourglass-3:before, .uk-icon-hourglass-end:before { content: "\f253" } .uk-icon-houzz:before { content: "\f27c" } .uk-icon-i-cursor:before { content: "\f246" } .uk-icon-industry:before { content: "\f275" } .uk-icon-internet-explorer:before { content: "\f26b" } .uk-icon-map:before { content: "\f279" } .uk-icon-map-o:before { content: "\f278" } .uk-icon-map-pin:before { content: "\f276" } .uk-icon-map-signs:before { content: "\f277" } .uk-icon-mouse-pointer:before { content: "\f245" } .uk-icon-object-group:before { content: "\f247" } .uk-icon-object-ungroup:before { content: "\f248" } .uk-icon-odnoklassniki:before { content: "\f263" } .uk-icon-odnoklassniki-square:before { content: "\f264" } .uk-icon-opencart:before { content: "\f23d" } .uk-icon-opera:before { content: "\f26a" } .uk-icon-optin-monster:before { content: "\f23c" } .uk-icon-registered:before { content: "\f25d" } .uk-icon-safari:before { content: "\f267" } .uk-icon-sticky-note:before { content: "\f249" } .uk-icon-sticky-note-o:before { content: "\f24a" } .uk-icon-television:before, .uk-icon-tv:before { content: "\f26c" } .uk-icon-trademark:before { content: "\f25c" } .uk-icon-tripadvisor:before { content: "\f262" } .uk-icon-vimeo:before { content: "\f27d" } .uk-icon-wikipedia-w:before { content: "\f266" } .uk-icon-y-combinator:before, .uk-icon-yc:before { content: "\f23b" } .uk-icon-y-combinator-square:before, .uk-icon-yc-square:before { content: "\f1d4" } .uk-icon-bluetooth:before { content: "\f293" } .uk-icon-bluetooth-b:before { content: "\f294" } .uk-icon-codiepie:before { content: "\f284" } .uk-icon-credit-card-alt:before { content: "\f283" } .uk-icon-edge:before { content: "\f282" } .uk-icon-fort-awesome:before { content: "\f286" } .uk-icon-hashtag:before { content: "\f292" } .uk-icon-mixcloud:before { content: "\f289" } .uk-icon-modx:before { content: "\f285" } .uk-icon-pause-circle:before { content: "\f28b" } .uk-icon-pause-circle-o:before { content: "\f28c" } .uk-icon-percent:before { content: "\f295" } .uk-icon-product-hunt:before { content: "\f288" } .uk-icon-reddit-alien:before { content: "\f281" } .uk-icon-scribd:before { content: "\f28a" } .uk-icon-shopping-bag:before { content: "\f290" } .uk-icon-shopping-basket:before { content: "\f291" } .uk-icon-stop-circle:before { content: "\f28d" } .uk-icon-stop-circle-o:before { content: "\f28e" } .uk-icon-usb:before { content: "\f287" } .uk-close::-moz-focus-inner { border:0; padding:0 } .uk-close { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background: 0 0; display: inline-block; box-sizing: content-box; width: 20px; line-height: 20px; text-align: center; vertical-align: middle; opacity: .3 } .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome } .uk-close:focus, .uk-close:hover { opacity: .5; outline: 0; color: inherit; text-decoration: none; cursor: pointer } .uk-close-alt { padding: 2px; border-radius: 50%; background: #fff; opacity: 1; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 6px rgba(0,0,0,.3) } .uk-close-alt:focus, .uk-close-alt:hover { opacity: 1 } .uk-close-alt:after { opacity: .5 } .uk-close-alt:focus:after, .uk-close-alt:hover:after { opacity: .8 } .uk-badge { display: inline-block; padding: 0 5px; background: #009dd8; font-size: 10px; font-weight: 700; line-height: 14px; text-align: center; vertical-align: middle; text-transform: none; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: linear-gradient(180deg, #00b4f5, #008dc5); border-radius: 2px; text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-badge, a.uk-badge:hover { color: #fff } .uk-badge-notification { box-sizing: border-box; min-width: 18px; border-radius: 500px; font-size: 12px; line-height: 18px } .uk-badge-success { background-color: #82bb42; background-image: linear-gradient(180deg, #9fd256, #6fac34) } .uk-badge-warning { background-color: #f9a124; background-image: linear-gradient(180deg, #fbb450, #f89406) } .uk-badge-danger { background-color: #d32c46; background-image: linear-gradient(180deg, #ee465a, #c11a39) } .uk-alert { margin-bottom: 15px; padding: 10px; background: #ebf7fd; color: #2d7091; border: 1px solid rgba(45,112,145,.3); border-radius: 4px; text-shadow: 0 1px 0 #fff } *+.uk-alert { margin-top: 15px } .uk-alert>:last-child { margin-bottom: 0 } .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit } .uk-alert>.uk-close:first-child { float: right } .uk-alert>.uk-close:first-child+* { margin-top: 0 } .uk-alert-success { background: #f2fae3; color: #659f13; border-color: rgba(101,159,19,.3) } .uk-alert-warning { background: #fffceb; color: #e28327; border-color: rgba(226,131,39,.3) } .uk-alert-danger { background: #fff1f0; color: #d85030; border-color: rgba(216,80,48,.3) } .uk-alert-large { padding: 20px } .uk-alert-large>.uk-close:first-child { margin: -10px -10px 0 0 } .uk-thumbnail { display: inline-block; max-width: 100%; box-sizing: border-box; margin: 0; padding: 4px; border: 1px solid #e5e5e5; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.05) } a.uk-thumbnail:focus, a.uk-thumbnail:hover { border-color: #b2b2b2; background-color: #fff; text-decoration: none; outline: 0; box-shadow: 0 1px 4px rgba(0,0,0,.3) } .uk-thumbnail-caption { padding-top: 4px; text-align: center; color: #666 } .uk-thumbnail-mini { width: 150px } .uk-thumbnail-small { width: 200px } .uk-thumbnail-medium { width: 300px } .uk-thumbnail-large { width: 400px } .uk-thumbnail-expand, .uk-thumbnail-expand>img { width: 100% } .uk-overlay { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; overflow: hidden; -webkit-transform: translateZ(0); margin: 0 } .uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 0) } .uk-overlay>:first-child { margin-bottom: 0 } .uk-overlay-panel { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; color: #fff } .uk-overlay-panel.uk-flex>*>:last-child, .uk-overlay-panel>:last-child { margin-bottom: 0 } .uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 { color: inherit } .uk-overlay-panel a:not([class]) { color: inherit; text-decoration: underline } .uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) { color: inherit } .uk-overlay-active :not(.uk-active)>.uk-overlay-panel:not(.uk-ignore), .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0 } .uk-overlay-background { background: rgba(0,0,0,.5) } .uk-overlay-image { padding: 0 } .uk-overlay-top { bottom: auto } .uk-overlay-bottom { top: auto } .uk-overlay-left { right: auto } .uk-overlay-right { left: auto } .uk-overlay-icon:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff } .uk-overlay-blur, .uk-overlay-fade, .uk-overlay-grayscale, .uk-overlay-scale, .uk-overlay-spin, [class*=uk-overlay-slide] { transition-duration:.3s; transition-timing-function:ease-out; transition-property:opacity, transform, -webkit-filter; transition-property:opacity, transform, filter; transition-property:opacity, transform, filter, -webkit-filter } .uk-overlay-active .uk-overlay-fade, .uk-overlay-active .uk-overlay-scale, .uk-overlay-active .uk-overlay-spin, .uk-overlay-active [class*=uk-overlay-slide] { transition-duration: .8s } .uk-overlay-fade { opacity: .7 } .uk-overlay-active .uk-active>.uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-hover:hover .uk-overlay-fade { opacity: 1 } .uk-overlay-scale { transform: scale(1) } .uk-overlay-active .uk-active>.uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-hover:hover .uk-overlay-scale { transform: scale(1.1) } .uk-overlay-spin { transform: scale(1) rotate(0) } .uk-overlay-active .uk-active>.uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-hover:hover .uk-overlay-spin { transform: scale(1.1) rotate(3deg) } .uk-overlay-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .uk-overlay-active .uk-active>.uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-hover:hover .uk-overlay-grayscale { -webkit-filter: grayscale(0); filter: grayscale(0) } [class*=uk-overlay-slide] { opacity:0 } .uk-overlay-slide-top { transform: translateY(-100%) } .uk-overlay-slide-bottom { transform: translateY(100%) } .uk-overlay-slide-left { transform: translateX(-100%) } .uk-overlay-slide-right { transform: translateX(100%) } .uk-overlay-active .uk-active>[class*=uk-overlay-slide], .uk-overlay-hover.uk-hover [class*=uk-overlay-slide], .uk-overlay-hover:hover [class*=uk-overlay-slide] { opacity:1; transform:translateX(0) translateY(0) } .uk-overlay-area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.3); opacity: 0; transition: opacity .15s linear; -webkit-transform: translateZ(0) } .uk-overlay-toggle.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay:hover .uk-overlay-area { opacity: 1 } .uk-overlay-area:empty:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff } .uk-overlay-area:not(:empty) { font-size: 0 } .uk-overlay-area:not(:empty):before { content: ""; display: inline-block; height: 100%; vertical-align: middle } .uk-overlay-area-content { display: inline-block; box-sizing: border-box; width: 100%; vertical-align: middle; font-size: 1rem; text-align: center; padding: 0 15px; color: #fff } .uk-overlay-area-content>:last-child { margin-bottom: 0 } .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit } .uk-overlay-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: rgba(0,0,0,.5); color: #fff; opacity: 0; transition: opacity .15s linear; -webkit-transform: translateZ(0) } .uk-overlay-toggle.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay:hover .uk-overlay-caption { opacity: 1 } [class*=uk-column-] { -moz-column-gap:25px; column-gap:25px } .uk-column-1-2 { -moz-column-count: 2; column-count: 2 } .uk-column-1-3 { -moz-column-count: 3; column-count: 3 } .uk-column-1-4 { -moz-column-count: 4; column-count: 4 } .uk-column-1-5 { -moz-column-count: 5; column-count: 5 } .uk-column-1-6 { -moz-column-count: 6; column-count: 6 } @media (min-width:480px) { .uk-column-small-1-2 { -moz-column-count: 2; column-count: 2 } .uk-column-small-1-3 { -moz-column-count: 3; column-count: 3 } .uk-column-small-1-4 { -moz-column-count: 4; column-count: 4 } .uk-column-small-1-5 { -moz-column-count: 5; column-count: 5 } .uk-column-small-1-6 { -moz-column-count: 6; column-count: 6 } } @media (min-width:768px) { .uk-column-medium-1-2 { -moz-column-count: 2; column-count: 2 } .uk-column-medium-1-3 { -moz-column-count: 3; column-count: 3 } .uk-column-medium-1-4 { -moz-column-count: 4; column-count: 4 } .uk-column-medium-1-5 { -moz-column-count: 5; column-count: 5 } .uk-column-medium-1-6 { -moz-column-count: 6; column-count: 6 } } @media (min-width:960px) { .uk-column-large-1-2 { -moz-column-count: 2; column-count: 2 } .uk-column-large-1-3 { -moz-column-count: 3; column-count: 3 } .uk-column-large-1-4 { -moz-column-count: 4; column-count: 4 } .uk-column-large-1-5 { -moz-column-count: 5; column-count: 5 } .uk-column-large-1-6 { -moz-column-count: 6; column-count: 6 } } @media (min-width:1220px) { .uk-column-xlarge-1-2 { -moz-column-count: 2; column-count: 2 } .uk-column-xlarge-1-3 { -moz-column-count: 3; column-count: 3 } .uk-column-xlarge-1-4 { -moz-column-count: 4; column-count: 4 } .uk-column-xlarge-1-5 { -moz-column-count: 5; column-count: 5 } .uk-column-xlarge-1-6 { -moz-column-count: 6; column-count: 6 } } [class*=uk-animation-] { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-animation-fill-mode:both; animation-fill-mode:both } @media screen { [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) { opacity: 0 } } .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-timing-function: linear!important; animation-timing-function: linear!important } .uk-animation-scale-up { -webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02 } .uk-animation-scale-down { -webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18 } .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; animation-name: uk-fade-top } .uk-animation-slide-topa { -webkit-animation-name: uk-fade-topa; animation-name: uk-fade-topa } .uk-animation-slide-bottom { -webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom } .uk-animation-slide-left { -webkit-animation-name: uk-fade-left; animation-name: uk-fade-left } .uk-animation-slide-right { -webkit-animation-name: uk-fade-right; animation-name: uk-fade-right } .uk-animation-scale { -webkit-animation-name: uk-scale-12; animation-name: uk-scale-12 } .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake } .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } .uk-animation-15 { -webkit-animation-duration: 15s; animation-duration: 15s } .uk-animation-top-left { transform-origin: 0 0 } .uk-animation-top-center { transform-origin: 50% 0 } .uk-animation-top-right { transform-origin: 100% 0 } .uk-animation-middle-left { transform-origin: 0 50% } .uk-animation-middle-right { transform-origin: 100% 50% } .uk-animation-bottom-left { transform-origin: 0 100% } .uk-animation-bottom-center { transform-origin: 50% 100% } .uk-animation-bottom-right { transform-origin: 100% 100% } .uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*=uk-animation-], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] { -webkit-animation-name: none; animation-name: none } @-webkit-keyframes uk-fade { 0% { opacity:0 } to { opacity: 1 } } @keyframes uk-fade { 0% { opacity:0 } to { opacity: 1 } } @-webkit-keyframes uk-fade-top { 0% { opacity:0; transform:translateY(10%) } to { opacity: 1; transform: translateY(0) } } @keyframes uk-fade-top { 0% { opacity:0; transform:translateY(10%) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes uk-fade-topa { 0% { opacity:0; transform:translateY(50%) } to { opacity: 1; transform: translateY(0) } } @keyframes uk-fade-topa { 0% { opacity:0; transform:translateY(50%) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes uk-fade-bottom { 0% { opacity:0; -webkit-transform:translateY(100%) } to { opacity: 1; -webkit-transform: translateY(0) } } @keyframes uk-fade-bottom { 0% { opacity:0; transform:translateY(100%) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes uk-fade-left { 0% { opacity:0; -webkit-transform:translateX(-100%) } to { opacity: 1; -webkit-transform: translateX(0) } } @keyframes uk-fade-left { 0% { opacity:0; transform:translateX(-100%) } to { opacity: 1; transform: translateX(0) } } @-webkit-keyframes uk-fade-right { 0% { opacity:0; -webkit-transform:translateX(100%) } to { opacity: 1; -webkit-transform: translateX(0) } } @keyframes uk-fade-right { 0% { opacity:0; transform:translateX(100%) } to { opacity: 1; transform: translateX(0) } } @-webkit-keyframes uk-fade-scale-02 { 0% { opacity:0; -webkit-transform:scale(.2) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes uk-fade-scale-02 { 0% { opacity:0; transform:scale(.2) } to { opacity: 1; transform: scale(1) } } @-webkit-keyframes uk-fade-scale-15 { 0% { opacity:0; -webkit-transform:scale(1.5) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes uk-fade-scale-15 { 0% { opacity:0; transform:scale(1.5) } to { opacity: 1; transform: scale(1) } } @-webkit-keyframes uk-fade-scale-18 { 0% { opacity:0; -webkit-transform:scale(1.8) } to { opacity: 1; -webkit-transform: scale(1) } } @keyframes uk-fade-scale-18 { 0% { opacity:0; transform:scale(1.8) } to { opacity: 1; transform: scale(1) } } @-webkit-keyframes uk-slide-left { 0% { -webkit-transform:translateX(-100%) } to { -webkit-transform: translateX(0) } } @keyframes uk-slide-left { 0% { transform:translateX(-100%) } to { transform: translateX(0) } } @-webkit-keyframes uk-slide-right { 0% { -webkit-transform:translateX(100%) } to { -webkit-transform: translateX(0) } } @keyframes uk-slide-right { 0% { transform:translateX(100%) } to { transform: translateX(0) } } @-webkit-keyframes uk-slide-left-33 { 0% { -webkit-transform:translateX(33%) } to { -webkit-transform: translateX(0) } } @keyframes uk-slide-left-33 { 0% { transform:translateX(33%) } to { transform: translateX(0) } } @-webkit-keyframes uk-slide-right-33 { 0% { -webkit-transform:translateX(-33%) } to { -webkit-transform: translateX(0) } } @keyframes uk-slide-right-33 { 0% { transform:translateX(-33%) } to { transform: translateX(0) } } @-webkit-keyframes uk-scale-12 { 0% { -webkit-transform:scale(1.2) } to { -webkit-transform: scale(1) } } @keyframes uk-scale-12 { 0% { transform:scale(1.2) } to { transform: scale(1) } } @-webkit-keyframes uk-rotate { 0% { -webkit-transform:rotate(0) } to { -webkit-transform: rotate(359deg) } } @keyframes uk-rotate { 0% { transform:rotate(0) } to { transform: rotate(359deg) } } @-webkit-keyframes uk-shake { 0%, to { -webkit-transform:translateX(0) } 10% { -webkit-transform:translateX(-9px) } 20% { -webkit-transform:translateX(8px) } 30% { -webkit-transform:translateX(-7px) } 40% { -webkit-transform:translateX(6px) } 50% { -webkit-transform:translateX(-5px) } 60% { -webkit-transform:translateX(4px) } 70% { -webkit-transform:translateX(-3px) } 80% { -webkit-transform:translateX(2px) } 90% { -webkit-transform:translateX(-1px) } } @keyframes uk-shake { 0%, to { transform:translateX(0) } 10% { transform:translateX(-9px) } 20% { transform:translateX(8px) } 30% { transform:translateX(-7px) } 40% { transform:translateX(6px) } 50% { transform:translateX(-5px) } 60% { transform:translateX(4px) } 70% { transform:translateX(-3px) } 80% { transform:translateX(2px) } 90% { transform:translateX(-1px) } } @-webkit-keyframes uk-slide-top-fixed { 0% { opacity:0; -webkit-transform:translateY(-10px) } to { opacity: 1; -webkit-transform: translateY(0) } } @keyframes uk-slide-top-fixed { 0% { opacity:0; transform:translateY(-10px) } to { opacity: 1; transform: translateY(0) } } @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity:0; -webkit-transform:translateY(10px) } to { opacity: 1; -webkit-transform: translateY(0) } } @keyframes uk-slide-bottom-fixed { 0% { opacity:0; transform:translateY(10px) } to { opacity: 1; transform: translateY(0) } } .uk-dropdown, .uk-dropdown-blank { display: none; position: absolute; z-index: 1020; box-sizing: border-box; width: 200px } .uk-dropdown { padding: 15px; background: #fff; color: #666; font-size: 1rem; vertical-align: top; border: 1px solid #d3d3d3; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,.1) } .uk-open>.uk-dropdown, .uk-open>.uk-dropdown-blank { display: block; -webkit-animation: uk-fade .2s ease-in-out; animation: uk-fade .2s ease-in-out; transform-origin: 0 0 } .uk-dropdown-top { margin-top: -5px } .uk-dropdown-bottom { margin-top: 5px } .uk-dropdown-left { margin-left: -5px } .uk-dropdown-right { margin-left: 5px } .uk-dropdown .uk-nav { margin: 0 -15px } .uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel, .uk-grid .uk-dropdown-grid+.uk-dropdown-grid { margin-top:15px } @media (min-width:768px) { .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid { margin-left: -15px; margin-right: -15px } .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] { padding-left:15px; padding-right:15px } .uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) { border-left: 1px solid #e5e5e5 } .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px } } @media (max-width:767px) { .uk-dropdown-grid>[class*=uk-width-] { width:100% } .uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) { margin-top: 15px } } .uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] { width:100% } .uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) { margin-top: 15px } .uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap } .uk-dropdown-small .uk-nav { margin: 0 -5px } .uk-dropdown-navbar { margin-top: 6px; background: #fff; color: #666; left: -1px; box-shadow: 0 2px 5px rgba(0,0,0,.1) } .uk-open>.uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed .2s ease-in-out; animation: uk-slide-top-fixed .2s ease-in-out } .uk-dropdown-scrollable { overflow-y: auto; max-height: 200px } .uk-dropdown-navbar.uk-dropdown-flip { left: auto } .uk-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0,0,0,.6); opacity: 0; transition: opacity .15s linear; touch-action: cross-slide-y pinch-zoom double-tap-zoom; transform: translateZ(0) } .uk-modal.uk-open { opacity: 1 } .uk-modal-page, .uk-modal-page body { overflow: hidden } .uk-modal-dialog { position: relative; box-sizing: border-box; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); background: #fff; opacity: 0; transform: translateY(-100px); transition: opacity .3s linear, transform .3s ease-out; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,.3) } @media (max-width:767px) { .uk-modal-dialog { width: auto; margin: 10px auto } } .uk-open .uk-modal-dialog { opacity: 1; transform: translateY(0) } .uk-modal-dialog>:not([class*=uk-modal-]):last-child { margin-bottom: 0 } .uk-modal-dialog>.uk-close:first-child { margin: -10px -10px 0 0; float: right } .uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) { margin-top: 0 } .uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); border-radius: 0 } .uk-modal-dialog-lightbox>.uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none } @media (max-width:767px) { .uk-modal-dialog-lightbox>.uk-close:first-child { top: -7px; right: -7px } } .uk-modal-dialog-blank { margin: 0; padding: 0; width: 100%; max-width: 100%; transition: opacity .3s linear } .uk-modal-dialog-blank>.uk-close:first-child { position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; float: none } @media (min-width:768px) { .uk-modal-dialog-large { width: 930px } } @media (min-width:1220px) { .uk-modal-dialog-large { width: 1130px } } .uk-modal-header { margin-bottom: 15px; margin: -20px -20px 15px -20px; padding: 20px; border-bottom: 1px solid #e5e5e5; border-radius: 4px 4px 0 0; background: #fafafa } .uk-modal-footer { margin-top: 15px; margin: 15px -20px -20px -20px; padding: 20px; border-top: 1px solid #e5e5e5; border-radius: 0 0 4px 4px; background: #fafafa } .uk-modal-footer>:last-child, .uk-modal-header>:last-child { margin-bottom: 0 } .uk-modal-caption { position: absolute; left: 0; right: 0; bottom: -20px; margin-bottom: -10px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .uk-modal-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; color: #ddd } .uk-modal-spinner:after { content: "\f110"; font-family: FontAwesome; -webkit-animation: uk-rotate 2s linear infinite; animation: uk-rotate 2s linear infinite } .uk-offcanvas { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; touch-action: none; background: rgba(0,0,0,.1) } .uk-offcanvas.uk-active { display: block } .uk-offcanvas-page { position: fixed; transition: margin-left .3s ease-in-out } .uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; transform: translateX(-100%); z-index: 1001; width: 270px; max-width: 100%; background: #333; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: transform .3s ease-in-out; -ms-scroll-chaining: none } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { transform: translateX(0) } .uk-offcanvas-bar-flip { left: auto; right: 0; transform: translateX(100%) } .uk-offcanvas .uk-panel { margin: 20px 15px; color: #777; text-shadow: 0 1px 0 rgba(0,0,0,.5) } .uk-offcanvas .uk-panel-title, .uk-offcanvas .uk-panel a:not([class]) { color: #ccc } .uk-offcanvas .uk-panel a:not([class]):hover { color: #fff } .uk-offcanvas-bar:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0 } .uk-offcanvas-bar-flip:after, .uk-offcanvas-bar:after { width: 1px; background: rgba(0,0,0,.6); box-shadow: 0 0 5px 2px rgba(0,0,0,.6) } .uk-offcanvas-bar-flip:after { right: auto; left: 0 } .uk-switcher { margin: 0; padding: 0; list-style: none; touch-action: cross-slide-y pinch-zoom double-tap-zoom } .uk-switcher>:not(.uk-active) { display: none } .uk-text-small { font-size: 11px; line-height: 16px } .uk-text-large { font-size: 20px; line-height: 26px; font-weight: 300 } .uk-text-bold { font-weight: 700 } .uk-text-muted { color: #999!important } .uk-text-primary { color: #2d7091!important } .uk-text-success { color: #659f13!important } .uk-text-warning { color: #e28327!important } .uk-text-danger { color: #d85030!important } .uk-text-contrast { color: #fff!important } .uk-text-left { text-align: left!important } .uk-text-right { text-align: right!important } .uk-text-center { text-align: center!important } .uk-text-justify { text-align: justify!important } .uk-text-top { vertical-align: top!important } .uk-text-middle { vertical-align: middle!important } .uk-text-bottom { vertical-align: bottom!important } @media (max-width:959px) { .uk-text-center-medium { text-align: center!important } .uk-text-left-medium { text-align: left!important } } @media (max-width:767px) { .uk-text-center-small { text-align: center!important } .uk-text-left-small { text-align: left!important } } .uk-text-nowrap, .uk-text-truncate { white-space: nowrap } .uk-text-truncate { overflow: hidden; text-overflow: ellipsis } .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto } .uk-container { box-sizing: border-box; max-width: 980px; padding: 0 25px } @media (min-width:1220px) { .uk-container { max-width: 1200px; padding: 0 35px } } .uk-container:after, .uk-container:before { content: ""; display: table } .uk-container:after { clear: both } .uk-container-center { margin-left: auto; margin-right: auto } .uk-clearfix:before { content: ""; display: table-cell } .uk-clearfix:after { content: ""; display: table; clear: both } .uk-nbfc { overflow: hidden } .uk-nbfc-alt { display: table-cell; width: 10000px } .uk-float-left { float: left } .uk-float-right { float: right } [class*=uk-float-] { max-width:100% } [class*=uk-align-] { display:block; margin-bottom:15px } .uk-align-left { margin-right: 15px; float: left } .uk-align-right { margin-left: 15px; float: right } @media (min-width:768px) { .uk-align-medium-left { margin-right: 15px; float: left } .uk-align-medium-right { margin-left: 15px; float: right } } .uk-align-center { margin-left: auto; margin-right: auto } .uk-vertical-align { font-size: 0 } .uk-vertical-align:before { content: ""; display: inline-block; height: 100%; vertical-align: middle } .uk-vertical-align-bottom, .uk-vertical-align-middle { display: inline-block; max-width: 100%; font-size: 1rem } .uk-vertical-align-middle { vertical-align: middle } .uk-vertical-align-bottom { vertical-align: bottom } [class*=uk-height] { box-sizing:border-box } .uk-height-1-1 { height: 100% } .uk-height-viewport { height: 100vh; min-height: 600px } .uk-responsive-height, .uk-responsive-width { box-sizing: border-box } .uk-responsive-width { max-width: 100%!important; height: auto } .uk-responsive-height { max-height: 100%; width: auto } .uk-margin { margin-bottom: 15px } *+.uk-margin { margin-top: 15px } .uk-margin-top { margin-top: 15px!important } .uk-margin-bottom { margin-bottom: 15px!important } .uk-margin-left { margin-left: 15px!important } .uk-margin-right { margin-right: 15px!important } .uk-margin-large { margin-bottom: 50px } *+.uk-margin-large { margin-top: 50px } .uk-margin-large-top { margin-top: 50px!important } .uk-margin-large-bottom { margin-bottom: 50px!important } .uk-margin-large-left { margin-left: 50px!important } .uk-margin-large-right { margin-right: 50px!important } .uk-margin-small { margin-bottom: 5px } *+.uk-margin-small { margin-top: 5px } .uk-margin-small-top { margin-top: 5px!important } .uk-margin-small-bottom { margin-bottom: 5px!important } .uk-margin-small-left { margin-left: 5px!important } .uk-margin-small-right { margin-right: 5px!important } .uk-margin-remove { margin: 0!important } .uk-margin-top-remove { margin-top: 0!important } .uk-margin-bottom-remove { margin-bottom: 0!important } .uk-padding-remove { padding: 0!important } .uk-padding-top-remove { padding-top: 0!important } .uk-padding-bottom-remove { padding-bottom: 0!important } .uk-padding-vertical-remove { padding-top: 0!important; padding-bottom: 0!important } .uk-border-circle { border-radius: 50% } .uk-border-rounded { border-radius: 5px } .uk-heading-large { font-size: 36px; line-height: 42px } @media (min-width:768px) { .uk-heading-large { font-size: 52px; line-height: 64px } } .uk-link-muted, .uk-link-muted:hover, .uk-link-muted a, .uk-link-muted a:hover { color: #666 } .uk-link-reset, .uk-link-reset:focus, .uk-link-reset:hover, .uk-link-reset a, .uk-link-reset a:focus, .uk-link-reset a:hover { color: inherit; text-decoration: none } .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both } .uk-scrollable-box { box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #e5e5e5; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; border-radius: 3px } .uk-scrollable-box>:last-child { margin-bottom: 0 } .uk-overflow-hidden { overflow: hidden } .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch } .uk-overflow-container>:last-child { margin-bottom: 0 } .uk-position-absolute, [class*=uk-position-bottom], [class*=uk-position-top] { position:absolute!important } .uk-position-top { top: 0; left: 0; right: 0 } .uk-position-bottom { bottom: 0; left: 0; right: 0 } .uk-position-top-left { top: 0; left: 0 } .uk-position-top-right { top: 0; right: 0 } .uk-position-bottom-left { bottom: 0; left: 0 } .uk-position-bottom-right { bottom: 0; right: 0 } .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .uk-position-relative { position: relative!important } .uk-position-z-index { z-index: 1 } .uk-display-block { display: block!important } .uk-display-inline { display: inline!important } .uk-display-inline-block { display: inline-block!important; max-width: 100% } @media (min-width:960px) { .uk-hidden-large, .uk-visible-medium, .uk-visible-small { display: none!important } } @media (min-width:768px) and (max-width:959px) { .uk-hidden-medium, .uk-visible-large, .uk-visible-small { display: none!important } } @media (max-width:767px) { .uk-hidden-small, .uk-visible-large, .uk-visible-medium { display: none!important } } .uk-hidden { display: none!important } .uk-hidden, .uk-invisible { visibility: hidden!important } .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block!important; visibility: visible!important } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block!important; visibility: visible!important } .uk-notouch .uk-hidden-notouch, .uk-touch .uk-hidden-touch { display: none!important } .uk-flex { display: flex } .uk-flex-inline { display: inline-flex } .uk-flex-inline>*, .uk-flex>* { -ms-flex-negative: 1 } .uk-flex-top { align-items: flex-start } .uk-flex-middle { align-items: center } .uk-flex-bottom { align-items: flex-end } .uk-flex-center { justify-content: center } .uk-flex-right { justify-content: flex-end } .uk-flex-space-between { justify-content: space-between } .uk-flex-space-around { justify-content: space-around } .uk-flex-row-reverse { flex-direction: row-reverse } .uk-flex-column { flex-direction: column } .uk-flex-column-reverse { flex-direction: column-reverse } .uk-flex-nowrap { flex-wrap: nowrap } .uk-flex-wrap { flex-wrap: wrap } .uk-flex-wrap-reverse { flex-wrap: wrap-reverse } .uk-flex-wrap-top { align-content: flex-start } .uk-flex-wrap-middle { align-content: center } .uk-flex-wrap-bottom { align-content: flex-end } .uk-flex-wrap-space-between { align-content: space-between } .uk-flex-wrap-space-around { align-content: space-around } .uk-flex-order-first { order: -1 } .uk-flex-order-last { order: 99 } @media (min-width:480px) { .uk-flex-order-first-small { order: -1 } .uk-flex-order-last-small { order: 99 } } @media (min-width:768px) { .uk-flex-order-first-medium { order: -1 } .uk-flex-order-last-medium { order: 99 } } @media (min-width:960px) { .uk-flex-order-first-large { order: -1 } .uk-flex-order-last-large { order: 99 } } @media (min-width:1220px) { .uk-flex-order-first-xlarge { order: -1 } .uk-flex-order-last-xlarge { order: 99 } } .uk-flex-item-none { flex: none } .uk-flex-item-auto { flex: auto; -ms-flex-negative: 1 } .uk-flex-item-1 { flex: 1 } .uk-contrast { color: #fff } .uk-contrast .uk-link, .uk-contrast a:not([class]) { color: hsla(0,0%,100%,.7); text-decoration: none } .uk-contrast .uk-link:hover, .uk-contrast a:not([class]):hover { color: #fff; text-decoration: underline } .uk-contrast :not(pre)>code, .uk-contrast :not(pre)>kbd, .uk-contrast :not(pre)>samp { color: #fff; border-color: hsla(0,0%,100%,.2); background: hsla(0,0%,100%,.1) } .uk-contrast em, .uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 { color: #fff } .uk-contrast hr { border-top-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-nav li>a, .uk-contrast .uk-nav li>a:hover { text-decoration: none } .uk-contrast .uk-nav-side>li>a { color: #fff } .uk-contrast .uk-nav-side>li>a:focus, .uk-contrast .uk-nav-side>li>a:hover { background: hsla(0,0%,100%,.1); color: #fff; text-shadow: none } .uk-contrast .uk-nav-side>li.uk-active>a { background: #fff; color: #444; text-shadow: none } .uk-contrast .uk-nav-side .uk-nav-header { color: #fff } .uk-contrast .uk-nav-side .uk-nav-divider { border-top-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-nav-side ul a { color: hsla(0,0%,100%,.7) } .uk-contrast .uk-nav-side ul a:hover { color: #fff } .uk-contrast .uk-subnav>*>a { color: hsla(0,0%,100%,.7); text-decoration: none } .uk-contrast .uk-subnav>*>a:focus, .uk-contrast .uk-subnav>*>a:hover { color: #fff; text-decoration: none } .uk-contrast .uk-subnav>.uk-active>a { color: #fff } .uk-contrast .uk-subnav-line>:nth-child(n+2):before { border-left-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-subnav-pill>*>a:focus, .uk-contrast .uk-subnav-pill>*>a:hover { background: hsla(0,0%,100%,.7); color: #444; text-decoration: none } .uk-contrast .uk-subnav-pill>.uk-active>a { background: #fff; color: #444 } .uk-contrast .uk-tab { border-bottom-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-tab>li>a { border-color: transparent; color: hsla(0,0%,100%,.7); text-shadow: none } .uk-contrast .uk-tab>li.uk-open>a, .uk-contrast .uk-tab>li>a:focus, .uk-contrast .uk-tab>li>a:hover { border-color: hsla(0,0%,100%,.7); background: hsla(0,0%,100%,.7); color: #444; text-decoration: none } .uk-contrast .uk-tab>li.uk-active>a { border-color: hsla(0,0%,100%,.2); border-bottom-color: transparent; background: #fff; color: #444 } .uk-contrast .uk-tab-center { border-bottom-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-list-line>li:nth-child(n+2), .uk-contrast .uk-tab-grid:before { border-top-color: hsla(0,0%,100%,.2) } .uk-contrast .uk-form input:not([type]), .uk-contrast .uk-form input[type=color], .uk-contrast .uk-form input[type=date], .uk-contrast .uk-form input[type=datetime-local], .uk-contrast .uk-form input[type=datetime], .uk-contrast .uk-form input[type=email], .uk-contrast .uk-form input[type=month], .uk-contrast .uk-form input[type=number], .uk-contrast .uk-form input[type=password], .uk-contrast .uk-form input[type=search], .uk-contrast .uk-form input[type=tel], .uk-contrast .uk-form input[type=text], .uk-contrast .uk-form input[type=time], .uk-contrast .uk-form input[type=url], .uk-contrast .uk-form input[type=week], .uk-contrast .uk-form select, .uk-contrast .uk-form textarea { border-color: hsla(0,0%,100%,.8); background: hsla(0,0%,100%,.8); color: #444; background-clip: padding-box } .uk-contrast .uk-form input:not([type]):focus, .uk-contrast .uk-form input[type=color]:focus, .uk-contrast .uk-form input[type=date]:focus, .uk-contrast .uk-form input[type=datetime-local]:focus, .uk-contrast .uk-form input[type=datetime]:focus, .uk-contrast .uk-form input[type=email]:focus, .uk-contrast .uk-form input[type=month]:focus, .uk-contrast .uk-form input[type=number]:focus, .uk-contrast .uk-form input[type=password]:focus, .uk-contrast .uk-form input[type=search]:focus, .uk-contrast .uk-form input[type=tel]:focus, .uk-contrast .uk-form input[type=text]:focus, .uk-contrast .uk-form input[type=time]:focus, .uk-contrast .uk-form input[type=url]:focus, .uk-contrast .uk-form input[type=week]:focus, .uk-contrast .uk-form select:focus, .uk-contrast .uk-form textarea:focus { border-color: #fff; background: #fff; color: #444 } .uk-contrast .uk-form :-ms-input-placeholder { color:rgba(68,68,68,.7)!important } .uk-contrast .uk-form ::-moz-placeholder { color:rgba(68,68,68,.7) } .uk-contrast .uk-form ::-webkit-input-placeholder { color:rgba(68,68,68,.7) } .uk-contrast .uk-button { color: #444; background: #fff; border-color: transparent } .uk-contrast .uk-button:focus, .uk-contrast .uk-button:hover { background-color: hsla(0,0%,100%,.8); color: #444; border-color: transparent } .uk-contrast .uk-button.uk-active, .uk-contrast .uk-button:active { background-color: hsla(0,0%,100%,.7); color: #444; box-shadow: none } .uk-contrast .uk-button-primary { background-color: #009dd8; color: #fff } .uk-contrast .uk-button-primary:focus, .uk-contrast .uk-button-primary:hover { background-color: #00aff2; color: #fff } .uk-contrast .uk-button-primary.uk-active, .uk-contrast .uk-button-primary:active { background-color: #008abf; color: #fff } .uk-contrast .uk-icon-hover { color: hsla(0,0%,100%,.7) } .uk-contrast .uk-icon-hover:hover { color: #fff } .uk-contrast .uk-icon-button { background: #fff; color: #444; border-color: transparent } .uk-contrast .uk-icon-button:focus, .uk-contrast .uk-icon-button:hover { background-color: hsla(0,0%,100%,.8); color: #444; border-color: transparent } .uk-contrast .uk-icon-button:active { background-color: hsla(0,0%,100%,.7); color: #444; box-shadow: none } .uk-contrast .uk-text-muted { color: hsla(0,0%,100%,.6)!important } .uk-contrast .uk-text-primary { color: #2d7091!important } @media print { *, :after, :before { background: 0 0!important; color: #000!important; box-shadow: none!important; text-shadow: none!important } a, a:visited { text-decoration: underline } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } @page { margin:.5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } .uk-dotnav { display: flex; flex-wrap: wrap; margin-left: -15px; margin-top: -15px; padding: 0; list-style: none } .uk-dotnav>* { flex: none; padding-left: 15px; margin-top: 15px } .uk-dotnav:after, .uk-dotnav:before { content: ""; display: block; overflow: hidden } .uk-dotnav:after { clear: both } .uk-dotnav>* { float: left } .uk-dotnav>*>* { display: block; box-sizing: content-box; width: 20px; height: 20px; border-radius: 50%; background: rgba(50,50,50,.1); text-indent: 100%; overflow: hidden; white-space: nowrap; transition: all .2s ease-in-out } .uk-dotnav>*>:focus, .uk-dotnav>*>:hover { background: rgba(50,50,50,.4); outline: 0 } .uk-dotnav>*>:active { background: rgba(50,50,50,.6) } .uk-dotnav>.uk-active>* { background: rgba(50,50,50,.4); transform: scale(1.3) } .uk-dotnav-contrast>*>* { background: hsla(0,0%,100%,.4) } .uk-dotnav-contrast>*>:focus, .uk-dotnav-contrast>*>:hover { background: hsla(0,0%,100%,.7) } .uk-dotnav-contrast>*>:active, .uk-dotnav-contrast>.uk-active>* { background: hsla(0,0%,100%,.9) } .uk-dotnav-vertical { flex-direction: column } .uk-dotnav-vertical>* { float: none } .uk-slidenav { display: inline-block; box-sizing: border-box; width: 60px; height: 60px; line-height: 60px; color: rgba(50,50,50,.4); font-size: 60px; text-align: center } .uk-slidenav:focus, .uk-slidenav:hover { outline: 0; text-decoration: none; color: rgba(50,50,50,.7); cursor: pointer } .uk-slidenav:active { color: rgba(50,50,50,.9) } .uk-slidenav-previous:before { content: "\f104"; font-family: FontAwesome } .uk-slidenav-next:before { content: "\f105"; font-family: FontAwesome } .uk-slidenav-position { position: relative } .uk-slidenav-position .uk-slidenav { position: absolute; top: 50%; z-index: 1; margin-top: -30px } .uk-slidenav-position:hover .uk-slidenav { display: block } .uk-slidenav-position .uk-slidenav-previous { left: 20px } .uk-slidenav-position .uk-slidenav-next { right: 20px } .uk-slidenav-contrast { color: hsla(0,0%,100%,.5) } .uk-slidenav-contrast:focus, .uk-slidenav-contrast:hover { color: hsla(0,0%,100%,.7) } .uk-slidenav-contrast:active { color: hsla(0,0%,100%,.9) } .uk-form input[type=checkbox], .uk-form input[type=radio] { display: inline-block; height: 13px; width: 13px; border: 1px solid #aaa; overflow: hidden; margin-top: -4px; vertical-align: middle; -webkit-appearance: none; outline: 0; background: 0 0 } .uk-form input[type=radio] { border-radius: 50% } .uk-form input[type=checkbox]:before, .uk-form input[type=radio]:before { display: block } .uk-form input[type=radio]:checked:before { content: ""; width: 8px; height: 8px; margin: 1.5px auto 0; border-radius: 50%; background: #00a8e6 } .uk-form input[type=checkbox]:checked:before, .uk-form input[type=checkbox]:indeterminate:before { content: "\f00c"; font-family: FontAwesome; font-size: 12px; -webkit-font-smoothing: antialiased; text-align: center; line-height: 11px; color: #00a8e6 } .uk-form input[type=checkbox]:indeterminate:before { content: "\f068" } .uk-form input[type=checkbox]:disabled, .uk-form input[type=radio]:disabled { border-color: #ddd } .uk-form input[type=radio]:disabled:checked:before { background-color: #aaa } .uk-form input[type=checkbox]:disabled:checked:before, .uk-form input[type=checkbox]:disabled:indeterminate:before { color: #aaa } .uk-form-file { display: inline-block; vertical-align: middle; position: relative; overflow: hidden } .uk-form-file input[type=file] { position: absolute; top: 0; z-index: 1; width: 100%; opacity: 0; cursor: pointer; left: 0; font-size: 500px } .uk-form-password { display: inline-block; position: relative; max-width: 100% } .uk-form-password-toggle { display: block; position: absolute; top: 50%; right: 10px; margin-top: -6px; font-size: 13px; line-height: 13px; color: #999 } .uk-form-password-toggle:hover { color: #999; text-decoration: none } .uk-form-password>input { padding-right: 50px!important } .uk-form-select { display: inline-block; vertical-align: middle; position: relative; overflow: hidden } .uk-form-select select { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; -webkit-appearance: none } .uk-placeholder { margin-bottom: 15px; padding: 15px; border: 1px dashed #e5e5e5; background: #fafafa; color: #666 } *+.uk-placeholder { margin-top: 15px } .uk-placeholder>:last-child { margin-bottom: 0 } .uk-placeholder-large { padding-top: 80px; padding-bottom: 80px } .uk-progress { box-sizing: border-box; height: 20px; margin-bottom: 15px; background: #f7f7f7; overflow: hidden; line-height: 20px; box-shadow: inset 0 0 0 1px rgba(0,0,0,.07), inset 0 2px 2px rgba(0,0,0,.07); border-radius: 4px } *+.uk-progress { margin-top: 15px } .uk-progress-bar { width: 0; height: 100%; background: #009dd8; float: left; transition: width .6s ease; font-size: 12px; color: #fff; text-align: center; background-image: linear-gradient(180deg, #00b4f5, #008dc5); box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-progress-mini { height: 6px } .uk-progress-small { height: 12px } .uk-progress-success .uk-progress-bar { background-color: #82bb42; background-image: linear-gradient(180deg, #9fd256, #6fac34) } .uk-progress-warning .uk-progress-bar { background-color: #f9a124; background-image: linear-gradient(180deg, #fbb450, #f89406) } .uk-progress-danger .uk-progress-bar { background-color: #d32c46; background-image: linear-gradient(180deg, #ee465a, #c11a39) } .uk-progress-striped .uk-progress-bar { background-image: linear-gradient(-45deg, hsla(0,0%,100%,.15) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.15) 0, hsla(0,0%,100%,.15) 75%, transparent 0, transparent); background-size: 30px 30px } .uk-progress-striped.uk-active .uk-progress-bar { -webkit-animation: uk-progress-bar-stripes 2s linear infinite; animation: uk-progress-bar-stripes 2s linear infinite } @-webkit-keyframes uk-progress-bar-stripes { 0% { background-position:0 0 } to { background-position: 30px 0 } } @keyframes uk-progress-bar-stripes { 0% { background-position:0 0 } to { background-position: 30px 0 } } .uk-progress-mini, .uk-progress-small { border-radius: 500px } .uk-accordion-title { margin-top: 0; margin-bottom: 15px; padding: 5px 15px; background: #f7f7f7; font-size: 18px; line-height: 24px; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 4px } .uk-accordion-content { padding: 0 15px 15px 15px } .uk-accordion-content:after, .uk-accordion-content:before { content: ""; display: table } .uk-accordion-content:after { clear: both } .uk-accordion-content>:last-child { margin-bottom: 0 } .uk-autocomplete { display: inline-block; position: relative; max-width: 100%; vertical-align: middle } .uk-nav-autocomplete>li>a { color: #666 } .uk-nav-autocomplete>li.uk-active>a { background: #009dd8; color: #fff; outline: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-nav-autocomplete .uk-nav-header { color: #999 } .uk-nav-autocomplete .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-datepicker { z-index: 1050; width: auto; -webkit-animation: uk-fade .2s ease-in-out; animation: uk-fade .2s ease-in-out; transform-origin: 0 0 } .uk-datepicker-nav { margin-bottom: 15px; text-align: center; line-height: 20px } .uk-datepicker-nav:after, .uk-datepicker-nav:before { content: ""; display: table } .uk-datepicker-nav:after { clear: both } .uk-datepicker-nav a { color: #666; text-decoration: none } .uk-datepicker-nav a:hover { color: #666 } .uk-datepicker-previous { float: left } .uk-datepicker-next { float: right } .uk-datepicker-next:after, .uk-datepicker-previous:after { width: 20px; font-family: FontAwesome } .uk-datepicker-previous:after { content: "\f053" } .uk-datepicker-next:after { content: "\f054" } .uk-datepicker-table { width: 100% } .uk-datepicker-table td, .uk-datepicker-table th { padding: 2px } .uk-datepicker-table th { font-size: 12px } .uk-datepicker-table a { display: block; width: 26px; line-height: 24px; text-align: center; color: #666; text-decoration: none; border: 1px solid transparent; border-radius: 4px; background-origin: border-box } a.uk-datepicker-table-muted { color: #999 } .uk-datepicker-table a:focus, .uk-datepicker-table a:hover { background-color: #fafafa; color: #666; outline: 0; border-color: rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); text-shadow: 0 1px 0 #fff } .uk-datepicker-table a:active { background-color: #f5f5f5; color: #666; border-color: rgba(0,0,0,.2); border-top-color: rgba(0,0,0,.3); background-image: none; box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-datepicker-table a.uk-active { background: #009dd8; color: #fff; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.4); background-origin: border-box; background-image: linear-gradient(180deg, #00b4f5, #008dc5); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-htmleditor-navbar { background: #f7f7f7; border: 1px solid rgba(0,0,0,.1); border-bottom-color: rgba(0,0,0,.2); border-top-left-radius: 4px; border-top-right-radius: 4px; background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee) } .uk-htmleditor-navbar:after, .uk-htmleditor-navbar:before { content: ""; display: table } .uk-htmleditor-navbar:after { clear: both } .uk-htmleditor-navbar-nav { margin: 0; padding: 0; list-style: none; float: left } .uk-htmleditor-navbar-nav>li { float: left } .uk-htmleditor-navbar-nav>li>a { display: block; box-sizing: border-box; text-decoration: none; height: 41px; padding: 0 15px; line-height: 40px; color: #666; font-size: 11px; cursor: pointer; margin-top: -1px; margin-left: -1px; border: 1px solid transparent; border-bottom-width: 0; text-shadow: 0 1px 0 #fff } .uk-htmleditor-navbar-nav>li:hover>a, .uk-htmleditor-navbar-nav>li>a:focus { background-color: transparent; outline: 0; position: relative; z-index: 1; border-top-color: rgba(0,0,0,.1) } .uk-htmleditor-navbar-nav>li:hover>a, .uk-htmleditor-navbar-nav>li>a:active, .uk-htmleditor-navbar-nav>li>a:focus { color: #666; border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-htmleditor-navbar-nav>li>a:active { background-color: #f5f5f5; border-top-color: rgba(0,0,0,.2) } .uk-htmleditor-navbar-nav>li.uk-active>a { background-color: #fafafa; color: #666; border-left-color: rgba(0,0,0,.1); border-right-color: rgba(0,0,0,.1); border-top-color: rgba(0,0,0,.2); box-shadow: inset 0 2px 4px rgba(0,0,0,.1) } .uk-htmleditor-navbar-flip { float: right } [data-mode=split] .uk-htmleditor-button-code, [data-mode=split] .uk-htmleditor-button-preview { display: none } .uk-htmleditor-content { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .uk-htmleditor-content:after, .uk-htmleditor-content:before { content: ""; display: table } .uk-htmleditor-content:after { clear: both } .uk-htmleditor-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 990 } .uk-htmleditor-fullscreen .uk-htmleditor-content { position: absolute; top: 41px; left: 0; right: 0; bottom: 0 } .uk-htmleditor-fullscreen .uk-icon-expand:before { content: "\f066" } .uk-htmleditor-code, .uk-htmleditor-preview { box-sizing: border-box } .uk-htmleditor-preview { padding: 20px; overflow-y: scroll; position: relative } [data-mode=tab][data-active-tab=code] .uk-htmleditor-preview, [data-mode=tab][data-active-tab=preview] .uk-htmleditor-code { display: none } [data-mode=split] .uk-htmleditor-code, [data-mode=split] .uk-htmleditor-preview { float: left; width: 50% } [data-mode=split] .uk-htmleditor-code { border-right: 1px solid #eee } .uk-htmleditor-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .uk-htmleditor .CodeMirror { padding: 10px; box-sizing: border-box } .uk-htmleditor-navbar-nav:first-child>li:first-child>a { border-top-left-radius: 4px } .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a { margin-left: 0; margin-right: -1px } .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a { border-top-left-radius: 0 } .uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a { border-top-right-radius: 4px } .uk-htmleditor-fullscreen .uk-htmleditor-navbar { border-top: none; border-left: none; border-right: none; border-radius: 0 } .uk-htmleditor-fullscreen .uk-htmleditor-content { border: none; border-radius: 0 } .uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a { border-radius: 0!important } .uk-slider { position: relative; z-index: 0; touch-action: pan-y } .uk-slider:not(.uk-grid) { margin: 0; padding: 0; list-style: none } .uk-slider>* { position: absolute; top: 0; left: 0 } .uk-slider-container { overflow: hidden } .uk-slider:not(.uk-drag) { transition: transform .2s linear } .uk-slider.uk-drag { cursor: col-resize; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .uk-slider a, .uk-slider img { -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none } .uk-slider img { pointer-events: none } .uk-slider-fullscreen, .uk-slider-fullscreen>li { height: 100vh } .uk-slideshow { position: relative; z-index: 0; width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; touch-action: pan-y } .uk-slideshow>li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0 } .uk-slideshow>.uk-active { z-index: 10; opacity: 1 } .uk-slideshow>li>img { visibility: hidden } [data-uk-slideshow-slide] { cursor:pointer } .uk-slideshow-fullscreen, .uk-slideshow-fullscreen>li { height: 100vh } .uk-slideshow-fade-in { -webkit-animation: uk-fade .5s linear; animation: uk-fade .5s linear } .uk-slideshow-fade-out { -webkit-animation: uk-fade .5s linear reverse; animation: uk-fade .5s linear reverse } .uk-slideshow-scroll-forward-in { -webkit-animation: uk-slide-right .5s ease-in-out; animation: uk-slide-right .5s ease-in-out } .uk-slideshow-scroll-forward-out { -webkit-animation: uk-slide-left .5s ease-in-out reverse; animation: uk-slide-left .5s ease-in-out reverse } .uk-slideshow-scroll-backward-in { -webkit-animation: uk-slide-left .5s ease-in-out; animation: uk-slide-left .5s ease-in-out } .uk-slideshow-scroll-backward-out { -webkit-animation: uk-slide-right .5s ease-in-out reverse; animation: uk-slide-right .5s ease-in-out reverse } .uk-slideshow-scale-out { -webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse; animation: uk-fade-scale-15 .5s ease-in-out reverse } .uk-slideshow-swipe-forward-in { -webkit-animation: uk-slide-left-33 .5s ease-in-out; animation: uk-slide-left-33 .5s ease-in-out } .uk-slideshow-swipe-forward-out { -webkit-animation: uk-slide-left .5s ease-in-out reverse; animation: uk-slide-left .5s ease-in-out reverse } .uk-slideshow-swipe-backward-in { -webkit-animation: uk-slide-right-33 .5s ease-in-out; animation: uk-slide-right-33 .5s ease-in-out } .uk-slideshow-swipe-backward-out { -webkit-animation: uk-slide-right .5s ease-in-out reverse; animation: uk-slide-right .5s ease-in-out reverse } .uk-slideshow-swipe-backward-in:before, .uk-slideshow-swipe-forward-in:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0,0,0,.6); -webkit-animation: uk-fade .5s ease-in-out reverse; animation: uk-fade .5s ease-in-out reverse } .uk-notify { position: fixed; top: 10px; left: 10px; z-index: 1040; box-sizing: border-box; width: 350px } .uk-notify-bottom-right, .uk-notify-top-right { left: auto; right: 10px } .uk-notify-bottom-center, .uk-notify-top-center { left: 50%; margin-left: -175px } .uk-notify-bottom-center, .uk-notify-bottom-left, .uk-notify-bottom-right { top: auto; bottom: 10px } @media (max-width:479px) { .uk-notify { left: 10px; right: 10px; width: auto; margin: 0 } } .uk-notify-message { position: relative; margin-bottom: 10px; padding: 15px; background: #444; color: #fff; font-size: 16px; line-height: 22px; cursor: pointer; border: 1px solid #444; border-radius: 4px } .uk-notify-message>.uk-close { visibility: hidden; float: right } .uk-notify-message:hover>.uk-close { visibility: visible } .uk-notify-message-primary { background: #ebf7fd; color: #2d7091; border-color: rgba(45,112,145,.3) } .uk-notify-message-success { background: #f2fae3; color: #659f13; border-color: rgba(101,159,19,.3) } .uk-notify-message-warning { background: #fffceb; color: #e28327; border-color: rgba(226,131,39,.3) } .uk-notify-message-danger { background: #fff1f0; color: #d85030; border-color: rgba(216,80,48,.3) } .uk-search { display: inline-block; position: relative; margin: 0 } .uk-search:before { content: "\f002"; position: absolute; top: 0; left: 0; width: 30px; line-height: 30px; text-align: center; font-family: FontAwesome; font-size: 14px; color: rgba(0,0,0,.2) } .uk-search-field::-moz-focus-inner { border:0; padding:0 } .uk-search-field::-webkit-search-cancel-button, .uk-search-field::-webkit-search-decoration { -webkit-appearance:none } .uk-search-field::-ms-clear { display:none } .uk-search-field::-moz-placeholder { opacity:1 } .uk-search-field { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; color: #666; -webkit-appearance: none; width: 120px; height: 30px; padding: 0 0 0 30px; border: 1px solid transparent; background: transparent; transition: all .2s linear; vertical-align: middle } .uk-search-field:-ms-input-placeholder { color:#999!important } .uk-search-field::-moz-placeholder { color:#999 } .uk-search-field::-webkit-input-placeholder { color:#999 } .uk-search-field:focus { outline: 0 } .uk-search-field:focus, .uk-search.uk-active .uk-search-field { width: 180px } .uk-dropdown-search { width: 300px; margin-top: 0; background: #fff; color: #666 } .uk-open>.uk-dropdown-search { -webkit-animation: uk-slide-top-fixed .2s ease-in-out; animation: uk-slide-top-fixed .2s ease-in-out } .uk-navbar-flip .uk-dropdown-search { margin-top: 12px; margin-right: -16px } .uk-nav-search>li>a { color: #666 } .uk-nav-search>li.uk-active>a { background: #009dd8; color: #fff; outline: 0; box-shadow: inset 0 2px 4px rgba(0,0,0,.2); text-shadow: 0 -1px 0 rgba(0,0,0,.2) } .uk-nav-search .uk-nav-header { color: #999 } .uk-nav-search .uk-nav-divider { border-top: 1px solid #e5e5e5 } .uk-nav-search ul a { color: #1d8acb } .uk-nav-search ul a:hover { color: #0b5f90 } .uk-offcanvas .uk-search { display: block; margin: 20px 15px } .uk-offcanvas .uk-search:before { color: #777 } .uk-offcanvas .uk-search-field { width: 100%; border-color: transparent; background: #1a1a1a; color: #ccc } .uk-offcanvas .uk-search-field:-ms-input-placeholder { color:#777!important } .uk-offcanvas .uk-search-field::-moz-placeholder { color:#777 } .uk-offcanvas .uk-search-field::-webkit-input-placeholder { color:#777 } .uk-nestable { padding: 0; list-style: none } .uk-nestable a, .uk-nestable img { -webkit-touch-callout: none } .uk-nestable-list { margin: 0; padding-left: 40px; list-style: none } .uk-nestable-item { touch-action: none } .uk-nestable-item+.uk-nestable-item, .uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child { margin-top: 10px } .uk-nestable-dragged { position: absolute; z-index: 1050; pointer-events: none; padding-left: 0 } .uk-nestable-placeholder { position: relative } .uk-nestable-placeholder>* { opacity: 0 } .uk-nestable-placeholder:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px dashed #e5e5e5; opacity: 1 } .uk-nestable-empty { min-height: 30px } .uk-nestable-handle { touch-action: none } .uk-nestable-handle:hover, .uk-nestable-moving, .uk-nestable-moving * { cursor: move } [data-nestable-action=toggle] { cursor:pointer; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none } .uk-nestable-toggle { display: inline-block; visibility: hidden } .uk-nestable-toggle:after { content: "\f147"; font-family: FontAwesome } .uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle { visibility: visible } .uk-collapsed .uk-nestable-list { display: none } .uk-collapsed .uk-nestable-toggle:after { content: "\f196" } .uk-nestable-panel { padding: 5px; background: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: linear-gradient(180deg, #fff, #eee); text-shadow: 0 1px 0 #fff } .uk-sortable { position: relative } .uk-sortable>* { touch-action: none } .uk-sortable a, .uk-sortable img { -webkit-touch-callout: none } .uk-sortable>:last-child { margin-bottom: 0 } .uk-sortable-dragged { position: absolute; z-index: 1050; pointer-events: none } .uk-sortable-placeholder { opacity: 0 } .uk-sortable-empty { min-height: 30px } .uk-sortable-handle { touch-action: none } .uk-sortable-handle:hover, .uk-sortable-moving, .uk-sortable-moving * { cursor: move } [data-uk-sticky].uk-active { z-index: 980; box-sizing: border-box } .uk-sticky-placeholder>* { -webkit-backface-visibility: hidden; backface-visibility: hidden } [data-uk-sticky].uk-animation-reverse, [data-uk-sticky][class*=uk-animation-] { -webkit-animation-duration:.2s; animation-duration:.2s } .uk-dragover { box-shadow: 0 0 20px hsla(0,0%,39.2%,.3) } .uk-tooltip { display: none; position: absolute; z-index: 1030; box-sizing: border-box; max-width: 200px; padding: 5px 8px; background: #333; color: hsla(0,0%,100%,.7); font-size: 12px; line-height: 18px; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.5) } .uk-tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px dashed #333 } .uk-tooltip-top-left:after, .uk-tooltip-top-right:after, .uk-tooltip-top:after { bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #333 } .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after, .uk-tooltip-bottom:after { top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #333 } .uk-tooltip-bottom:after, .uk-tooltip-top:after { left: 50%; margin-left: -5px } .uk-tooltip-bottom-left:after, .uk-tooltip-top-left:after { left: 10px } .uk-tooltip-bottom-right:after, .uk-tooltip-top-right:after { right: 10px } .uk-tooltip-left:after { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #333 } .uk-tooltip-right:after { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #333 } .header { position: absolute; width: 100%; height: 160px; z-index: 9; left: 0; top: 0; transition: all .2s ease; background: hsla(0,0%,100%,0); box-shadow: 0 0 5px 1px rgba(158,179,193,0) } .header .logo { position: absolute; left: 60px; top: 40px; height: 67px; overflow: hidden; line-height: 90px; z-index: 2 } .header .logo .img { width: 210px; position: relative } .header .logo .img, .header .logo .img img { height: 67px; float: left } .header .logo .img .color { position: absolute; left: 0; top: 0; opacity: 0 } .header .logo .img:after { background: url(../img/logo_a.17d799ee.svg) no-repeat; background-size: 100% auto; opacity: 1 } .header .logo .img:after, .header .logo .img:before { display: none; content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0 } .header .logo .img:before { background: url(../img/logo_b.e831944a.svg) no-repeat; background-size: 100% auto; opacity: 0 } .header .logo .img:after, .header .logo .img:before { transition: all .2s ease } .header .logo .t { font-size: 17px; color: #fff; padding-left: 30px } .header .menu_btn { position: fixed; right: 5%; top: 70px; z-index: 2; line-height: 18px; height: 18px; color: #fff; font-weight: 700 } .header .menu_btn em { float: left; padding: 0 5px } .header .menu_btn a { color: inherit; font-size: 12px; position: relative; line-height: 18px; display: inline-block; overflow: hidden; height: 18px; float: left } .header .menu_btn a span { display: block } .header .menu_btn .dh { float: left; width: 18px; height: 18px; margin-left: 30px; overflow: hidden } .header .menu_btn .dh span { display: block; width: 18px; height: 18px; background: url(../img/contacta.e65322b4.svg) no-repeat } .header.not_top { position: absolute } .header.bright .t, .header.not_top .t { color: #222 } .header.bright .img:after, .header.not_top .img:after { opacity: 1 } .header.bright .img:before, .header.not_top .img:before { opacity: 0 } .header.bright .menu_btn, .header.not_top .menu_btn { color: #0050a0 } .header.bright .menu_btn .dh span, .header.not_top .menu_btn .dh span { background: url(../img/contactb.2c013fd9.svg) no-repeat } .header-index { position: fixed; width: 100%; height: 160px; z-index: 9; left: 0; top: 0; transition: all .2s ease; background: hsla(0,0%,100%,0); box-shadow: 0 0 5px 1px rgba(158,179,193,0) } .header-index .logo { position: absolute; left: 60px; top: 40px; height: 67px; overflow: hidden; line-height: 90px; z-index: 2 } .header-index .logo .img { height: 67px; width: 210px; float: left; position: relative } .header-index .logo .img img { height: 67px; float: left } .header-index .logo .img .color { position: absolute; left: 0; top: 0; opacity: 0 } .header-index .logo .img:after, .header-index .logo .img:before { display: none; content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; transition: all .2s ease } .header-index .logo .t { font-size: 17px; color: #fff; padding-left: 30px } .header-index .menu_btn { position: fixed; right: 5%; top: 70px; z-index: 2; line-height: 18px; height: 18px; color: #fff; font-weight: 700 } .header-index .menu_btn em { float: left; padding: 0 5px } .header-index .menu_btn a { color: inherit; font-size: 12px; position: relative; line-height: 18px; display: inline-block; overflow: hidden; height: 18px; float: left } .header-index .menu_btn a span { display: block } .header-index .menu_btn .dh { float: left; width: 18px; height: 18px; margin-left: 30px; overflow: hidden } .header-index .menu_btn .dh span { display: block; width: 18px; height: 18px; background: url(../img/contacta.e65322b4.svg) no-repeat } .header-index.not_top { background: #fff; box-shadow: 0 0 5px 1px rgba(158,179,193,.5) } .header-index.bright .t, .header-index.not_top .t { color: #222 } .header-index.bright .img .color, .header-index.not_top .img .color { opacity: 1 } .header-index.bright .img .white, .header-index.not_top .img .white { opacity: 0 } .header-index.bright .menu_btn, .header-index.not_top .menu_btn { color: #0050a0 } .header-index.bright .menu_btn .dh span, .header-index.not_top .menu_btn .dh span { background: url(../img/contactb.2c013fd9.svg) no-repeat } #fp-nav { z-index: 100; margin-top: -32px; top: 50%; opacity: 1 } #fp-nav.right { right: 17px } #fp-nav.left { left: 17px } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1 } .fp-slidesNav.bottom { bottom: 17px } .fp-slidesNav.top { top: 17px } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0 } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative } .fp-slidesNav ul li { display: inline-block } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #333 } #fp-nav ul li a span, .fp-slidesNav ul li a span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: transparent; border-radius: 50%; position: absolute; z-index: 1 } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0 } #fp-nav ul li:hover .fp-tooltip { transition: opacity .2s ease-in; width: auto; opacity: 1 } #fp-nav ul li .fp-tooltip.right { right: 20px } #fp-nav ul li .fp-tooltip.left { left: 20px } #fp-nav { position: fixed; z-index: 9; right: 5% } #fp-nav ul li { margin: 0 0 10px 0 } #fp-nav .tips { width: 30px; height: 48px; border-radius: 30px; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -15px; bottom: -80px } .page_4 #fp-nav .tips { border: 1px solid #0050a0 } #fp-nav .tips:after { content: ""; position: absolute; width: 18px; height: 21px; left: 50%; top: 50%; background: url(../img/downa.ae8cfed3.svg) no-repeat; -webkit-animation: mouse 2s linear infinite; animation: mouse 2s linear infinite; transform: translate(-50%, -50%) } .page_4 #fp-nav .tips:after { background: url(../img/downb.f7cff0b2.svg) no-repeat } .page_5 #fp-nav .tips:after { background: url(../img/downaa.b7b79995.svg) no-repeat; background-size: 100%; -webkit-animation: mouse1 2s linear infinite; animation: mouse1 2s linear infinite } .page_5 #fp-nav .tips:before { content: "PAGE TOP"; font-family: en; font-size: 14px; position: absolute; left: 50%; transform: translate(-50%); bottom: -35px; color: #fff; font-style: normal; width: 200px; text-align: center; letter-spacing: 2px } @-webkit-keyframes mouse { 0% { opacity:0 } 10% { opacity:0; transform:translate(-50%, -80%) } 30% { opacity:1 } 50% { transform:translate(-50%, -50%) } 70% { opacity:1 } 90% { opacity:0; transform:translate(-50%, -20%) } to { opacity: 0 } } @-webkit-keyframes mouse1 { 0% { opacity:0 } 10% { opacity:0; transform:translate(-50%, -20%) } 30% { opacity:1 } 50% { transform:translate(-50%, -50%) } 70% { opacity:1 } 90% { opacity:0; transform:translate(-50%, -80%) } to { opacity: 0 } } @keyframes mouse1 { 0% { opacity:0 } 10% { opacity:0; transform:translate(-50%, -20%) } 30% { opacity:1 } 50% { transform:translate(-50%, -50%) } 70% { opacity:1 } 90% { opacity:0; transform:translate(-50%, -80%) } to { opacity: 0 } } #fp-nav ul li a span { background: #fff; border: 0; width: 6px; height: 6px; left: 50%; margin-left: -4px; top: 50%; margin-top: -4px } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { background: #39f } #fp-nav ul li { width: 26px; height: 26px } #fp-nav ul li a:after { opacity: 0; content: ""; position: absolute; left: 8px; top: 8px; width: 8px; height: 8px; border: 2px solid #cbcbcb; box-sizing: border-box; border-radius: 50%; transform: scale(2.5); transition: transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s cubic-bezier(.645, .045, .355, 1), border .6s cubic-bezier(.645, .045, .355, 1) } #fp-nav ul li a:hover:after { transform: scale(1); opacity: 1; transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .6s cubic-bezier(.215, .61, .355, 1), border .6s cubic-bezier(.645, .045, .355, 1) } #fp-nav ul li a.active:after, #fp-nav ul li a.active:hover:after { opacity: 0 } @media (max-width:750px) { #fp-nav { left: 50%; right: auto; transform: translateY(-50%); margin-top: auto; top: auto; bottom:.5rem } #fp-nav ul { display: none } #fp-nav .tips { bottom: 0; width:.48rem; height:.78rem } #fp-nav .tips:after { background-size: 70%!important; background-position: center 0!important } .page_5 #fp-nav { bottom: 3.4rem } .page_5 #fp-nav .tips:before { font-size:.2rem; bottom:-.45rem } .header-index { height: auto; width: auto; left: 0; top: 0; overflow: hidden; text-align: center } .header-index .menu_btn { display: none } .header-index .logo { position: relative; left: 0; top: 0; height: auto; padding:.4rem 0 0 .5rem; line-height: normal } .header-index .logo .img { float: none; display: block; width: auto; height: auto } .header-index .logo .img img { display: block; height:.7rem; float: none } .header-index .logo .img:after, .header .logo .img:before { display: none } .header-index .logo .t { padding-left: 0; font-size:.16rem; line-height:.3rem; margin-top:.1rem; display: block } .switch2.active i { border-color: #0050a1 } .switch2.active i:after, .switch2.active i:before, .switch2.active i em { background: #0050a1 } .index_logo { width: 50%!important } .home .bottom { bottom: -5px!important } .bottom .footer { padding:.5rem .5rem .2rem .5rem!important } .bottom .footer .footer-img { width: 50%!important; float: left; margin-bottom:.3rem } .bottom .footer .footer-channel { width: auto!important; float: right; padding: 0; position: absolute; right:-.2rem; top: 0 } .bottom .footer-channel li { margin-left:.15rem } .bottom .footer-channel li .ioc { width: 1rem; height: 1rem } .bottom .footer .pa { width: 100%; float: left } .bottom .footer .txt .t { font-size:.2rem; line-height:.28rem } .bottom .footer .txt .b { font-size:.14rem } } @media (max-height:720px) { #fp-nav .tips { bottom:-.4rem; transform: scale(.7) } } .pc, .switchnav.web { display: block } .web { display: none } .swiper_more { display: none!important; text-align: center } body { background: #fff } a, html { cursor: auto } .opacity, .opacitybox .strengths_li, .opacityli li { opacity: 0 } .swiper-pagination-bullet { outline: none } .en { font-family: en } .agriculture_list .textshow, .customized_bnt span:after, .repositories-list li .more, .repositories-list li .more:after, .swiper-animal-show .textshow, .swiper-news-show .more, .swiper-news-show .more:after, .switch i { transition: all .3s ease } .menu_phone_btn { position: absolute; left:.5rem; bottom:.5rem; color: #fff; font-size:.2rem; line-height:.3rem; z-index: 2; height:.3rem; overflow: hidden } .menu_phone_btn em { padding:0 .1rem; float: left } .menu_phone_btn a { color: #fff; display: inline-block; height:.3rem; overflow: hidden; float: left } .menu_phone_btn a span { display: block; height:.3rem } .menu_phone_btn .hover { font-weight: 700; font-size:.24rem } .footer-channel li, .footer-channel li .code { transition: all .5s ease } .second_show .pages_w1470 { transition: all 1s ease } .footer { padding: 4% 0; color: #fff; position: relative; z-index: 3; background: #333 } .footer .pa { padding: 0 200px 0 310px } .footer .pages_w1470 { position: relative } .footer .footer-img { position: absolute; left: 0; top: 50%; transform: translateY(-50%) } .footer .txt { width: 640px; margin: 0 auto; font-size: 14px; line-height: 30px } .footer .txt span { padding-right: 2% } .footer .txt a { color: #fff } .footer .txt a:hover { text-decoration: underline } .footer-channel { position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .footer-channel li { float: left; text-align: center; position: relative; opacity: .65; width: 80px; margin-left: 20px; cursor: pointer } .footer-channel li:hover { opacity: 1 } .footer-channel li .ioc { display: block; width: 50px; height: 50px; margin: 0 auto } .footer-channel li.tmall .ioc { background: url(../img/tmall.799739c1.svg) no-repeat; background-size: cover } .footer-channel li.weChat .ioc { background: url(../img/weChat.2c942f89.svg) no-repeat; background-size: cover } .footer-channel li p { font-size: 14px; line-height: 25px; height: 25px; margin-top: 5px; color: #fff } .footer-channel li .code { position: absolute; width: 103px; height: 119px; left: 50%; margin-left: -51px; top: -122px; z-index: 2; opacity: 0; transform: scale(0) } .footer-channel li .code span { overflow: hidden; display: block } .footer-channel li .code img { width: 100%; float: left } .footer-channel li:hover .code { opacity: 1; transform: scale(1) } .second_show .img { background: no-repeat 50%; background-size: cover } .second_show .img, .swiper-news-show .img img { transform: scale(2) } .second_show.show .img, .swiper-news-show .swiper-slide-active img { transform: scale(1); transition: all 13s ease } .second_show { height: 100vh; position: relative; background: #ccc; overflow: hidden } .second_show .img { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } .second_show .pages_w1470 { position: relative; height: 100vh; overflow: hidden; z-index: 2; top: 100% } .second_show.show .pages_w1470 { top: 0 } .second_show_text { color: #fff } .second_show_text .text { font-size: 20px; line-height: 34px; text-align: justify } .second_show_text .text span { font-size: 28px } .second_show_text .second-title { color: #fff; padding-bottom: 30px } .second_show .tips { width: 40px; height: 65px; border-radius: 30px; border: 1px solid #fff; position: absolute; left: 50%; margin-left: -20px; bottom: 35px; display: none } .second_show .tips:after { content: ""; position: absolute; width: 24px; height: 28px; left: 50%; top: 50%; background: url(../img/downa.ae8cfed3.svg) no-repeat; -webkit-animation: mouse 2s linear infinite; animation: mouse 2s linear infinite; transform: translate(-50%, -50%) } .third_show { position: relative; color: #fff } .third_show .imgshow { display: none } .bh_400 { height: 400px } .third_show.bh_400 .text { padding-top: 195px } .third_show.bh_400 .title { font-size: 36px; line-height: 56px } .third_show.bh_400 .txt { line-height: 35px; padding-top: 15px } .third_show.bh_400 .txt .label { display: inline-block; padding: 0 15px; height: 35px; line-height: 35px; background: #fff; border-radius: 50px; font-size: 18px; color: #0050a0; margin-right: 25px } .third_show.bh_400 .txt .time { font-size: 16px } .bh_500 { height: 500px } .third_show.bh_500 .text { padding-top: 335px; line-height: 50px } .third_show.bh_500 .en { font-size: 48px; text-transform: uppercase } .third_show.bh_500 .cn { font-size: 32px } @keyframes mouse { 0% { opacity:0 } 10% { opacity:0; transform:translate(-50%, -80%) } 30% { opacity:1 } 50% { transform:translate(-50%, -50%) } 70% { opacity:1 } 90% { opacity:0; transform:translate(-50%, -20%) } to { opacity: 0 } } .pages_w1470 { max-width: 1470px; min-width: 1000px; z-index: 2 } .pages_w1145, .pages_w1470 { margin: 0 auto; position: relative } .pages_w1145 { max-width: 1145px; min-width: 1145px; z-index: 4 } .second-title { color: #0050a1; line-height: 50px } .second-title .en { font-size: 48px; text-transform: uppercase; letter-spacing: 5px } .second-title .cn { font-size: 38px } .second-title.align-r { text-align: right } .second-title.align-c { text-align: center } .icon { display: inline-block } .icon-location { background: url(../img/location.304ed252.svg) no-repeat 50% } .icon-phone { background: url(../img/phone.d3f73a28.svg) no-repeat 50% } .icon-mail { background: url(../img/mail.9e602f33.svg) no-repeat 50% } .icon-fax { background: url(../img/fax.0abe157c.svg) no-repeat 50% } .icon-web { background: url(../img/web.fb2e0000.svg) no-repeat 50% } .about .second_show .img { background-image: url(../img/bb1.758dd599.jpg) } .second_show_text.about { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%) } .second_show_text.about .second-title { width: 50%; float: left } .second_show_text.about .text { width: 45%; float: right; line-height: 35px } .about-img-list { padding: 3% 0; margin-left: -20px } .about-img-list * { overflow: hidden } .about-img-list li { width: 25%; float: left } .about-img-list li .box { margin-left: 20px; position: relative } .about-img-list li img { width: 100%; float: left; display: block } .about-img-list li .title { position: absolute; width: 100%; bottom: 30px; left: 0; color: #fff } .about-img-list li .title p { margin: 0 20px; line-height: normal; padding-bottom: 5px } .about-img-list li .title .cn { font-size: 24px } .about-img-list li .title .en { font-family: en; font-size: 37px; text-transform: uppercase } .BMap_bubble_title { color: #0050a1; font-weight: 700; font-size: 14px } .about-company-list-0 { position: absolute; right: 8px; bottom: 0; display: none } .about-company-list-l { position: absolute; left: 0; bottom: -60px } .about-company-list { overflow: hidden; padding: 5% 0 10% 0; display: flex; flex-wrap: wrap } .about-company-list * { overflow: hidden } .about-company-list li { width: 25%; float: left; margin-left: -1px; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; border-left: 1px solid #ccc } .about-company-list li .box { padding: 20px 30px; text-align: center; position: relative } .about-company-list li img { max-width: 100%; -o-object-fit: contain; object-fit: contain; margin-bottom: 15px } .about-company-list li .title { text-align: center; font-size: 24px; color: #0050a1; margin: 15px 0; height: 24px; line-height: 24px } .about-company-list li .subtitle, .about-company-list li .txt { font-size: 16px; line-height: 28px } .about-company-list li .txt { text-align: left } .about-honor-list { overflow: hidden; padding: 5% 0 10% 0; margin-left: -70px } .about-honor-list * { overflow: hidden } .about-honor-list li { width: 25%; float: left } .about-honor-list li .box { margin-left: 70px; position: relative } .about-honor-list li img, .about-honor-swiper img { width: 100%; float: left; display: block } .about-honor-swiper { padding: 5% 0 10% 0; overflow: hidden } .about-honor-swiper .swiper_more img { display: inline-block; float: none; margin:.3rem 0 1.5rem 0 } .contact-box { background: #efefef; position: relative } .about-company-list-2 { position: absolute; right: 0; top: -320px; height: 594px } .about-company-list-3 { position: absolute; right: 0; bottom:-.6rem; display: none } .contact-box .box { width: 50%; float: left; height: 500px; overflow: hidden; position: relative; z-index: 2 } .dituContent { width: 100%; height: 500px } .contact-box .box .pa { width: 450px; margin: 10% 0 0 15% } .contact-box .box .txt { font-size: 18px; line-height: 25px; color: #0050a1; padding-top: 30px } .contact-box .box .txt span { width: 50%; float: left; margin-bottom: 20px; overflow: hidden } .contact-box .box .txt .w { width: 100% } .contact-box .box .txt .icon { width: 25px; height: 25px; margin-right: 10px; float: left } .iw_poi_title { color: #c52; font-size: 14px; font-weight: 700; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } .second_show_text.scientific { position: absolute; width: 50%; top: 50%; left: 0; transform: translateY(-50%) } .second_show_text.scientific .text p { padding-bottom: 10px } .scientific-bj { background: #efefef url(../img/scientific-bj.37d61fe0.jpg) no-repeat; padding: 50px 0; margin-bottom: 50px } .experts-jt { position: absolute; left: 0; bottom: -320px; z-index: 1; width: 20% } .scientific-img-list li .box .img:before, .scientific-img-list li .txt { transition: all .5s ease } .scientific-img-list { padding: 5% 0; margin-left: -20px } .scientific-img-list * { overflow: hidden } .scientific-img-list li { width: 25%; float: left } .scientific-img-list li .box { margin-left: 20px; position: relative } .scientific-img-list li .box .img { position: relative } .scientific-img-list li .box .img:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,80,160,.85); z-index: 2; opacity: 0 } .scientific-img-list li img { width: 100%; float: left; display: block } .scientific-img-list li .txt { position: absolute; width: 100%; top: 50%; transform: translateY(200%); left: 0; color: #fff; font-size: 16px; line-height: 28px; z-index: 3 } .scientific-img-list li .txt p { position: relative; padding-left: 15px } .scientific-img-list li .txt p:before { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 11px; background: #fff; border-radius: 50px } .scientific-img-list li .txt .pa { padding: 0 4% } .scientific-img-list li .title { text-align: center; font-size: 16px; line-height: 30px; height: 60px; margin-top: 15px } .scientific-img-list li .box:hover .img:before { opacity: 1 } .experts-rx-r, .scientific-img-list li .box:hover .txt { transform: translateY(-50%) } .experts-rx-r { position: absolute; right: 0; width: 45%; top: 50% } .experts-rx-l { float: left; width: 685px; position: relative; z-index: 2 } .experts-l { position: absolute; left: -120px; top: 30px; width: 25% } .experts-box-pa { padding: 30px 0 90px 0; position: relative } .experts-box.e1 { padding: 70px 0 70px 150px } .experts-box.e2 { float: left; padding: 137px 0 0 0 } .experts-box { position: relative } .experts-name { color: #0050a1 } .experts-name .en { font-size: 72px; line-height: 72px } .experts-name .cn { font-size: 48px; line-height: 48px } .experts-position { display: inline-block; height: 48px; line-height: 48px; border-radius: 50px; color: #fff; background: #014fa1; font-size: 24px; padding: 0 15px; margin: 20px 0 } .experts-h2 { font-size: 24px; line-height: px; color: #0050a1; padding: 25px 0 15px 0 } .experts-box .txt { font-size: 16px; line-height: 24px } .scientific-title { text-align: center; padding: 60px 0 30px 0 } .scientific-title p { font-size: 24px; line-height: 30px; margin-top: 10px } .scientific-title.t1 { color: #2cb0c9 } .scientific-title.t2 { color: #4da635 } .scientific-title.t3 { color: #ef9400 } .swiper-scientific-show { position: relative } .swiper-scientific-show .swiper-container { margin-left: -20px; text-align: center } .swiper-scientific-show.on .swiper-wrapper { display: block; text-align: center } .swiper-scientific-show.on .swiper-slide { display: inline-block } .swiper-scientific-show .box { display: block; overflow: hidden; margin-left: 20px } .swiper-scientific-show .box img { width: 100%; float: left } .swiper-scientific-show .bottom { text-align: center; margin-top: 30px } .swiper-scientific-show .bottom>div { display: inline-block } .swiper-scientific-show .bottom .a { width: 64px; height: 40px; background: #ccc; outline: none; cursor: pointer } .swiper-scientific-show .bottom .swiper-next { background: url(../img/left.c1a9866e.svg) no-repeat; background-size: 100% } .swiper-scientific-show .bottom .swiper-prev { background: url(../img/right.5ceb90d9.svg) no-repeat; background-size: 100%; margin-left: 14px } .swiper-scientific-show .bottom .swiper-pagination { padding: 10px 0 } .swiper-scientific-show .bottom .swiper-pagination-bullet { outline: none; margin-left: 14px } .swiper-patents-show { position: relative; padding-bottom: 100px; margin: 50px 0 } .swiper-patents-show .box { display: block; overflow: hidden; margin: 0 25px } .swiper-patents-show .box img { width: 100%; float: left } .swiper-patents-show .txt { font-size: 16px; line-height: 30px; margin: 0 25px; text-align: center } .swiper-patents-show .swiper-pagination { width: 100%; text-align: center; bottom: 46px } .swiper-patents-show .swiper-pagination-bullet { margin: 0 14px; outline: none } .bw_850 { width: 850px } .bw_260 { width: 260px } .pa_70 { padding: 70px 0 } .scientific_b .third_show.bh_400 .title { width: 850px } .details-fixed-r { position: fixed; top: 10px; margin-left: 885px; z-index: 4 } .scientific_details .img { padding-bottom: 30px; text-align: center } .scientific_details .img img { width: 66% } .scientific_details .text { font-size: 16px; line-height: normal; text-align: justify } .scientific_details .text img { max-width: 100% } .scientific_details .text_pa { background: #ccdcec; padding: 35px 45px; margin: 20px 0 } .scientific_details .text_pa h2 { font-size: 24px; color: #0050a0; padding-bottom: 10px; display: inline-block } .scientific_rd { background: #ccdcea } .scientific_rd img { width: 100% } .scientific_rd dl { padding: 20px } .scientific_rd dl dt { font-size: 24px; color: #0050a0; line-height: 24px; padding-bottom: 15px } .scientific_rd dl dd { line-height: 24px; font-size: 16px } .scientific_rd dl dd p { position: relative; padding-left: 15px; margin-bottom: 10px } .scientific_rd dl dd p:before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #333; border-radius: 50px } .scientific_title { background: #014fa1; padding: 0 20px; height: 60px; font-size: 24px; color: #fff; line-height: 60px } .scientific_list { padding: 15px 20px 30px 20px } .scientific_list li { border-bottom: 1px solid #014fa1; padding: 15px 0 10px 0 } .scientific_list li .title { font-size: 16px; line-height: 24px } .scientific_list li .time { font-size: 14px; line-height: 20px; text-align: right } .details_bottom { text-align: center; padding-top: 50px } .details_bottom .a { display: inline-block; width: 64px; height: 40px } .details_bottom .prev { background: url(../img/left.c1a9866e.svg) no-repeat; background-size: 100% } .details_bottom .next { background: url(../img/right.5ceb90d9.svg) no-repeat; background-size: 100% } .details_bottom .return { background: url(../img/return.4b975e02.svg) no-repeat; background-size: 100%; margin: 0 35px } .second_show_text.repositories { position: absolute; width: 40%; left: 0; bottom: 153px } .second_show_text.repositories .text { line-height: 35px } .second_show_text.repositories .text .en { font-size: 134px; text-transform: uppercase; font-weight: 700; line-height: 134px; padding-bottom: 20px; color: hsla(0,0%,100%,.68); letter-spacing: 5px } .second_box { position: relative } .repositories-r { position: absolute; right: 0; top: 450px } .repositories-top { position: relative; padding: 70px 0 } .repositories-top:before { content: ""; position: absolute; left: -189px; top: 0; width: 281px; height: 336px; background: url(../img/s1.1ad3c756.png) no-repeat } .repositories-top .second-title { width: 50%; left: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2 } .repositories-top .text { font-size: 16px; line-height: 33px; color: #0050a0; width: 50%; float: right } .repositories-top .text p { padding-bottom: 40px } .fs24 { font-size: 24px } .swiper-repositories-show { position: relative } .swiper-repositories-show .a { position: absolute; width: 64px; height: 40px; top: 50%; margin-top: -20px; z-index: 2; border-radius: 50px; background: #014fa1; overflow: hidden; outline: none; cursor: pointer } .swiper-repositories-show .a i { display: block; width: 64px; height: 40px } .swiper-repositories-show .swiper-prev { left: 0 } .swiper-repositories-show .swiper-next { right: 0 } .swiper-repositories-show .swiper-prev i { background: url(../img/left_b.3ccf06f3.svg) no-repeat; background-size: cover } .swiper-repositories-show .swiper-next i { background: url(../img/right_b.62ec050d.svg) no-repeat; background-size: cover } .swiper-repositories-show .box { display: block; overflow: hidden } .swiper-repositories-show .box .img { overflow: hidden } .swiper-repositories-show .box img { width: 100%; float: left } .swiper-repositories-show-text, .swiper-repositories-show .box .txt { color: #0050a0; font-size: 16px; line-height: 33px; padding-top: 30px } .swiper-repositories-show-text { width: 50%; margin-bottom: 5% } .repositories-list li { float: left; width: 50% } .repositories-list li .box { padding: 70px 0 } .repositories-list li .title { position: relative; padding-left: 50px } .repositories-list li .title img { max-width: 100%; height: 190px } .repositories-list li .title .ioc { position: absolute; left: 0 } .repositories-list li .title .l1 { width: 191px; height: 191px; background: url(data:image/png;base64,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) no-repeat; background-size: cover; top: -35px } .repositories-list li .title .l2 { width: 169px; height: 221px; background: url(../img/l2.738abb81.png) no-repeat; background-size: cover; top: -55px } .repositories-list li .title .t { position: relative; z-index: 2; font-size: 24px; color: #0050a0; line-height: 30px; margin-bottom: 10px } .repositories-list li .title .titleimg { display: block; height: 100px; position: relative; z-index: 2 } .repositories-list li .bottom { margin: 30px auto 0 auto; position: relative; padding-right: 110px; width: 330px } .repositories-list li .txt { position: relative; font-size: 16px; line-height: 25px; height: 230px; overflow: hidden; text-align: justify } .repositories-list li .txt span { font-size: 24px } .repositories-list li .imgshow { position: absolute; right: 0; top: 0 } .repositories-list li .imgshow img { display: block; width: 80px; height: 80px; border-radius: 50%; margin-bottom: 15px } .repositories-list li .more { font-family: en; display: inline-block; margin-top: 15px; padding: 0 15px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; position: relative; color: #0050a0; text-transform: uppercase; border: 1px solid rgba(128,167,208,0); border-radius: 50px } .repositories-list li .more:after { content: ""; position: absolute; width: 60%; left: 20%; height: 1px; background: #80a7d0; bottom: -1px } .repositories-list li .more:hover { border: 1px solid #80a7d0 } .repositories-list li .more:hover:after { opacity: 0 } .repositories-title { padding: 50px 0; margin-bottom: 30px } .repositories-title img { max-width: 100%; height: 190px } .repositories-title .title { position: relative } .repositories-title .ioc { position: absolute; left: -50px } .repositories-title .l1 { width: 191px; height: 191px; background: url(data:image/png;base64,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) no-repeat; background-size: cover; top: -35px } .repositories-title .l2 { width: 169px; height: 221px; background: url(../img/l2.738abb81.png) no-repeat; background-size: cover; top: -55px } .repositories-title .t { padding: 0 0 10px 0; position: relative; z-index: 2; font-size: 24px; color: #0050a0; line-height: 30px } .repositories-title .titleimg { display: block; height: 100px; position: relative; z-index: 2 } .factory .second_show .img { background: url(../img/bb4.b2e0f58b.jpg) no-repeat 50%; background-size: cover } .second_show_text.factory { position: absolute; width: 50%; top: 50%; left: 0; transform: translateY(-50%) } .second_show_text.factory .text span { font-size: 28px } .strengths-r { right: 0; top: 20% } .strengths-l, .strengths-r { position: absolute; width: 15% } .strengths-l { left: 0; top: 65% } .pa-tb-5 { padding: 5% 0 } .pa-t-5 { padding: 5% 0 0 0 } .strengths_li { padding: 3% 0 } .strengths_li, .strengths_li * { overflow: hidden } .strengths_li .box, .strengths_li .img { width: 50%; float: left } .strengths_li .imgshow img { width: 100% } .strengths_li .dd { padding-right: 20% } .strengths_li .dd .title { font-size: 24px; line-height: 30px; color: #0050a1; padding: 15px 0 10px 0 } .strengths_li .dd .txt { font-size: 16px; line-height: 24px } .strengths_li .dd { margin-bottom: 8% } .strengths_li:nth-child(2n) .box { float: right } .strengths_li:nth-child(2n) .dd { padding-right: 0; padding-left: 20% } .process-l { position: absolute; left: 0; top: -25%; width: 20% } .process-box { margin-top: 5%; position: relative } .news .third_show { background: url(../img/bb6_2.2d38f792.jpg) no-repeat 0; background-size: cover!important } .news_b .third_show { background: url(../img/bb2_a.e782cd7c.jpg) no-repeat 0 } .gslide-enter-active, .gslide-leave-active { transition: opacity 1.5s } .gslide-enter, .gslide-leave-to { opacity: 0 } .news_b .third_show.bh_400 .title { width: 850px } .news_bj { padding: 5% 0; background: #e9e9e9 } .swiper-news-show { margin-top: 30px; position: relative; padding-bottom: 40px } .swiper-news-show .show { position: relative } .swiper-news-show .img, .swiper-news-show .text { float: left; width: 50%; overflow: hidden } .swiper-news-show .img img { transition: all 2.5s ease; width: 100% } .swiper-news-show .text .pa { padding: 0 5% 0 10% } .swiper-news-show .text .time { font-size: 12px; line-height: 20px } .swiper-news-show .text .title { font-size: 20px; line-height: 30px; max-height: 60px; overflow: hidden; margin: 15px 0; font-weight: 700 } .swiper-news-show .text .txt { font-size: 12px; line-height: 20px; margin-bottom: 50px; overflow: hidden } .swiper-news-show .more { font-family: en; display: inline-block; margin-top: 15px; padding: 0 15px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; position: relative; color: #0050a0; text-transform: uppercase; border: 1px solid rgba(128,167,208,0); border-radius: 50px; margin-left: -15px; position: absolute; bottom: 10px } .swiper-news-show .more:after { content: ""; position: absolute; width: 60%; left: 20%; height: 1px; background: #80a7d0; bottom: -1px } .swiper-news-show .more:hover { border: 1px solid #80a7d0 } .swiper-news-show .more:hover:after { opacity: 0 } .swiper-news-show .swiper-pagination { bottom: 0 } .swiper-news-show .swiper-pagination .swiper-pagination-bullet { margin-right: 20px } .swiper-news-list { position: relative; padding-bottom: 60px } .swiper-news-list .bottom { text-align: center } .swiper-news-list .bottom>div { display: inline-block } .swiper-news-list .bottom .a { width: 64px; height: 40px; background: #ccc; outline: none; cursor: pointer } .swiper-news-list .bottom .swiper-next { background: url(../img/left.c1a9866e.svg) no-repeat; background-size: 100% } .swiper-news-list .bottom .swiper-prev { background: url(../img/right.5ceb90d9.svg) no-repeat; background-size: 100%; margin-left: 14px } .swiper-news-list .bottom .swiper-pagination { padding: 10px 0; margin-left: 30px } .swiper-news-list .bottom .swiper-pagination-bullet { outline: none; margin-left: 20px } .news_list { padding: 30px 0; margin-left: -40px } .news_list li { float: left; width: 33.3%; padding: 30px 0 } .news_list li * { overflow: hidden } .news_list li .box { margin-left: 40px; display: block } .news_list li .box img { width: 100%; height: 195px; -o-object-fit: cover; object-fit: cover } .news_list li .img { height: 195px } .news_list li .time { color: #707070; font-size: 12px; line-height: 15px; margin: 15px 0 5px 0 } .news_list li .title { font-size: 20px; line-height: 30px; height: 60px; font-weight: 700; text-align: justify } .products_1 { width: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .core_strains_list { text-align: center; padding-top: 60px; margin-left: -35px } .core_strains_list li { width: 33.3%; display: inline-block } .core_strains_list li a { display: inline-block; margin-left: 35px } .core_strains_list li img { max-width: 100%; height: 190px } .other_materials_list li { text-align: center; float: left; width: 20%; color: #0050a0; line-height: 30px; padding-bottom: 60px } .other_materials_list li p { height: 30px; overflow: hidden } .other_materials_list li img { border-radius: 50%; width: 50%; margin-bottom: 15px } .other_materials_list li .cn { font-size: 20px } .other_materials_list li .en { font-size: 16px; font-style: italic } .strengths-r1 { position: absolute; right: 0; top: 0; width: 10% } .advantages_list { padding-top: 60px; padding: 60px 6% 0 6% } .advantages_list li { width: 25%; float: left; text-align: center } .advantages_list li img { width: 50% } .dosage-bj { background: #efefef url(../img/scientific-bj.37d61fe0.jpg) no-repeat } .dosage-jt { position: absolute; left: 0; top: -420px; width: 20% } .dosage_list { margin-left: -20px; padding-top: 50px } .dosage_list li { width: 25%; float: left; text-align: center } .dosage_list li * { overflow: hidden } .dosage_list li .img { margin-left: 20px } .dosage_list li img { width: 100% } .dosage_list li .title { color: #0050a0; font-size: 24px; line-height: 30px; margin-top: 10px } .private-img { overflow: hidden } .private-img .img { width: 50%; float: left } .private-img img { width: 100% } .private-img .private-txt { width: 46%; float: right; overflow: hidden } .private-txt-ul { overflow: hidden; margin-left: -70px } .private-txt-ul li { width: 33.3%; float: left; padding-bottom: 70px; position: relative } .private-txt-ul li:after { content: ""; position: absolute; left: 15px; top: 72px; width: 42px; height: 26px; background: url(../img/jt.149f7607.svg) no-repeat } .private-txt-ul .l4:after, .private-txt-ul .l5:after, .private-txt-ul .l6:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAABtElEQVRYhc3XP0sbYRzA8e/vydlgJ3fBoVB8BaWgS0EpBiSmuhsMVPsCHEoHJ1+EHYoJOAgiMdZOhQ4i4igdxMmhRcRSKUobWhPv1yEXY3KXvyS557vdwz3Hh4fj4XmETkqkJ0BmcXnPbvJrR99oM6ftGYlMDHQP1GB4CTztPsufaevte2R5nnRfVKfWoT4k33GZ64kqoNaWJBAp0/36P6EVqAVIaAa1BAmNoBYhoR7UMiQEQS1EQi3UUiQ83EcTmRhiJxLKK1payU9UVtgqJIAwk3mHsApaRv4BPiP8ChNWSX+QXXgrJNIaNqWFlg2QD1vRPL1ykOJzdGAF5Rj0AtUoxgyg+jtsXinzk9z8x+rtKf5hFBM5AqIgi+wkN8LB+as+5onzAhgCBkHTxNPxMFBBVUMf/d1EOPeeIhi2ebU+1X+Wv2ro1tI1UhwHvnkjDio5G7DBh5LpzDCOHgIj3sgt4sbIpr70TVZT/WOeH/sPMZNk5w/6Iqup8cG5hN0HnngjedR9Ri510nNZTY0vd3vJc9zCGHDmjTxGIm96rgqo+S109/UlbmEM5RS4Qe/Wes/y9x+qoaPBoCGcgAAAAABJRU5ErkJggg==) no-repeat } .private-txt-ul .l3:before { content: ""; position: absolute; right: 50%; margin-right: -60px; bottom: 20px; width: 42px; height: 26px; background: url(../img/jt.149f7607.svg) no-repeat; transform: rotate(90deg) } .private-txt-ul li .box { margin-left: 70px; position: relative; background: #ccdcec } .private-txt-ul li .box .title { height: 55px; line-height: 55px; text-align: center; color: #fff; font-size: 20px; background: #014fa1 } .private-txt-ul li .box .txt { padding: 0 20px; height: 110px; overflow: hidden; font-size: 16px; line-height: 20px } .private-txt-ul li .box .txt p { margin-top: 5px; position: relative; padding-left: 12px } .private-txt-ul li .box .txt p:after { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50px; background: #333331 } .private-txt-ul .l1 .box .txt { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABQCAYAAAAOYsW+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wNi0xM1QxNzo0MToyMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDYtMTNUMTc6NDc6MTcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDYtMTNUMTc6NDc6MTcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MWEyZmE3ODUtZTg5YS02NTQyLWFkNTktODZmMjdjMGQxZWU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFhMmZhNzg1LWU4OWEtNjU0Mi1hZDU5LTg2ZjI3YzBkMWVlNiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjFhMmZhNzg1LWU4OWEtNjU0Mi1hZDU5LTg2ZjI3YzBkMWVlNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MWEyZmE3ODUtZTg5YS02NTQyLWFkNTktODZmMjdjMGQxZWU2IiBzdEV2dDp3aGVuPSIyMDIwLTA2LTEzVDE3OjQxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlBpbgwAAAMvSURBVGiB7dpNaBNBFAfw/9uktFQhu9tYD1IRFRGUgkYUpfcq9CIIepCKB0U8CXoW9dh6Ery0eBL0UOiptDVC9SKCUAoe6s2qpaW17cwkhvqRzjwPsSVNm+wmmSjCPsghM2/2l53d7O6bBLAYSqmUlHJKSslSSlZKja2srBxZ72fmjRdZRC8YY54SUUtJ1yqAHs/zXjHzRqMVWCl1h5n7KmxvaW1t7UAymfy23uDUAzKzI4QYYOb+CigA7Gpqajpb3BCvFZ2fn2+VUg4TUXfID3m4bnh5eXlPLBYbBdBZxbCmumAhRCcRpQHsrnZscVR1jDOZTDcRva0XrQpWSl0zxowCaK0XDQUzMwkh+pl5IEx+2Kh4jGdmZlqUUkNE1GMLDISz2WxSaz0OIGUbLQtns9lDWuuXAPY2AgW2OWZCiC6t9btGoltgIcQlIpoAkAi7AWb+QUSjNcNSyrtE9BwlV5iAWHQcp4uZ0zXBSqnHAO5XOXZaa51yXXeyWhQAHCllLzPfrGYQM7/I5/OnksnkXC0oUDirr1SJDnqed4OITK0oUJjq4yFzDYDbvu9frxcFCnucA+AG5K0y80Xf90fqBdfDATAUkLPIzKdtogDg5PP5PgBLZfqntdYp3/ff20QBwGlvb18wxqSIaLyofQrAvVwud6KeM7dSxAGgra1tFsC5RgDlwtr9NYL/CszMOkTaL+swEYU586etw7lcbhzlrwUAkHMc57V1uKOj4zsRXQaQ36bbENGtRCIhrMMA4LpuGsBJAG/+NC0x86DW+qjruk9K863Vx2GiuD7+Z1+nmsvUcrGwsLCjubn5YCwW26m1nvM879N2edamOpPJ+MaYhyg80RTP5AgR9bquKxsy1caYRwCubrPNHgDPSvOt7LEQIkFEKiBtn+u6n9ffWNnjeDweWC8z86bKxAqstQ6smR3H2VQo/N93pwiO4AiO4AiO4AiO4AiO4AiO4AiO4Aj+tzAHJRhjGrJsnA3KicfjX63D6XT6C4DZCinzk5OTH4sbrK3sSSmPAZjA1l/tfjLzed/3xxqysud53hQR7QfwgIg+oPCvpmEiOuP7/lhp/m/EljixY1VPUQAAAABJRU5ErkJggg==) 100% 100% no-repeat } .private-txt-ul .l2 .box .txt { background: url(data:image/png;base64,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) 100% 100% no-repeat } .private-txt-ul .l3 .box .txt { background: url(data:image/png;base64,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) 100% 100% no-repeat } .private-txt-ul .l4 .box .txt { background: url(data:image/png;base64,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) 100% 100% no-repeat } .private-txt-ul .l5 .box .txt { background: url(data:image/png;base64,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) 100% 100% no-repeat } .private-txt-ul .l6 .box .txt { background: url(data:image/png;base64,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) 100% 100% no-repeat } .process_list { overflow: hidden; padding: 5% 0 } .process_list li { width: 16.6%; float: left } .process_list li .box { text-align: center } .process_list li .img { width: 60%; margin: 0 auto; position: relative } .process_list li .img:after { content: ""; position: absolute; right: -47%; top: 50%; margin-top: -13px; width: 42px; height: 26px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAAABHNCSVQICAgIfAhkiAAAAatJREFUWIXN1LtKA0EUxvH/WW94KRREsPAFLIKlqIgIgmKMWWyFCCKKra2VlYUPIBYmsRJEiSEQEH0COyttLBQLCwstxJA4xyIJrpeYrOhOvvLMGebH2dkRgkokGcJhGfSI1MKZ3+3Of5i+P0kPQVeBE6LJKd/b/4FUIeI5UzN+scFBDXPA7fu5/rBSveUPE0mGcDQD9JUqBiRMKpattjVYKPwaGzwUfoW1AwXfWHtQ8IW1C4WasfahUBM2wAf/h6RjFxgJ431n5eM7Wx8TLefrZBVkmlQsW4S68U2QHmtAb5QuYAJoLxZEUdaFaGIN2LJIqykO6INtRA15Ln762b0ZMN2WMcWIdGBMHpEcSC/CAJLfqK+fKZqcB90BcpjXQdKLV+Wl+nieACKJCGgCaAU6kcYx73KjHdWnuPFJlEOgAQDhjqaXfW+L/Ym68UlUjnkf2g1SGOZg+dHbZveOurvjqJMFmkuVGwoyRCZ297nVHtTdG0HNKdBSqlREgi3o7G4/4pwDbaXKNQUZrYQEW3dUGlbwIk2+4iTLsQPV123gCeUSkx8ivXRfbcsb/uOXXgNoGWsAAAAASUVORK5CYII=) no-repeat; background-size: cover } .process_list li:last-child .img:after { display: none } .process_list li .img .imga { display: block; overflow: hidden; border-radius: 50% } .process_list li .img .number { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 45%!important; z-index: 2 } .process_list li .img .p1 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p2 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p3 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p4 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p5 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p6 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img img { width: 100%; border-radius: 50% } .process_list li .title { font-size: 20px; line-height: 30px; height: 30px; margin-top: 15px } .customized_bnt { display: block; width: 360px; height: 120px; margin: 0 auto; background: #014fa1; text-align: center; border-radius: 120px; overflow: hidden } .customized_bnt span { position: relative; font-size: 24px; line-height: 35px; color: #fff; padding: 25px 90px 25px 0; display: inline-block } .customized_bnt span:after { content: ""; position: absolute; width: 48px; height: 38px; right: 0; top: 50%; margin-top: -19px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAABHNCSVQICAgIfAhkiAAAAOBJREFUWIXt0zFqAlEUheEzjSAW1roGQZukSCEipJo0du7CvbiILCe7sBYJqGjIn2YCMti8Z3HeyP2qW/6nuFK4D5gCO6B2t2QBBsAXcAHe3T1ZgGGMKEFrRGd/4n/ENUY4xYhSxIhSPOOIlbsny82InxjhFCNKESNK0RqxdvdkuRnxGyOc7o2ogLmkpbktxVDSprnrCthJGhuDHvFZAT1JPXdJppM7IAkwAvrujizAG/ANbN0tyZr4YzPg1d2TpBX/4u5JEvEuwKLr8Wfg0PX4mbsnCTDpbLwkAR/APjX+D2ok2y7GptPBAAAAAElFTkSuQmCC) no-repeat } .customized_bnt.open span:after { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) } .customized-l1 { position: absolute; left: 10px; top: 0 } .customized_hide { display: none } .customized_show { width: 850px; margin: 0 auto; padding-bottom: 60px; margin-top: -30px; position: relative; z-index: 2; min-height: 456px } .customized_show .tip { text-align: center; color: #0050a0; font-size: 24px; line-height: 36px } .customized_show .box { background: #ccdcea; padding: 45px; border-radius: 20px; margin-top: 30px } .customized_form { margin-left: -40px } .customized_form label { margin-right: 35px } .customized_form label input { border: 1px solid #6696c5; width: 22px; height: 22px; margin-right: 5px; background: #6696c5 } .customized_form li { width: 50%; float: left; color: #0050a0; font-size: 24px; line-height: 30px; min-height: 110px } .customized_form li .pa { margin-left: 40px } .customized_form li .title { padding-bottom: 10px } .customized_form li .text, .customized_form li .textarea, .customized_form li select { height: 38px; border: 1px solid #6696c5; padding: 0 2%; width: 95%; background: #ccdcea; font-size: 20px; line-height: 38px } .customized_form li select { width: 99%; height: 40px } .customized_form .wa { width: 100%; height: auto } .customized_form li .textarea { height: 90px; line-height: 30px; padding: 15px 2% } .customized_show .bnt { display: block; width: 200px; height: 60px; background: #0050a0; border-radius: 60px; border: 0; cursor: pointer; color: #fff; text-align: center; font-size: 24px; line-height: 60px; margin: 30px auto 0 auto } .ysy-r1 { position: absolute; right: 0; top: 200px; width: 10% } .second_show_text.brand { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-65%) } .second_show_text.brand .text { text-align: center; padding-top: 6% } .ysy_survey .img { width: 50%; float: left } .ysy_survey .img img { width: 100% } .ysy_survey .txt { width: 40%; float: right; font-size: 20px; line-height: 35px } .ysy_endorse { padding: 10% 0 0 0 } .ysy_endorse .txt { float: left; width: 45%; font-size: 20px; line-height: 35px; color: #0050a0; text-align: justify } .ysy_endorse .txt h2 { font-size: 40px; padding-bottom: 10px; color: #0050a0; display: block } .ysy_endorse .txt img { max-width: 100% } .ysy_endorse .img { float: right; width: 50% } .ysy_endorse .img img { width: 100%; margin-bottom: 20px } .young-jt { left: 0; top: -450px } .young-jt, .young-r1 { position: absolute; width: 20% } .young-r1 { right: 0; bottom: 0 } .products_brand_list { padding: 5% 0; text-align: center } .products_brand_list li { width: 19%; display: inline-block } .products_brand_list li .box { display: block; text-align: center } .products_brand_list li .box img { width: 60% } .products_brand_list li .title { font-size: 24px; color: #0050a0; line-height: 30px; margin-top: 15px } .products_brand_more { display: block; width: 361px; height: 121px; background: url(../img/Tmallbnt.561684fd.png) no-repeat; background-size: cover; margin: 0 auto } .brand_right_list li { background: #ccdcea; text-align: center; margin-top: 10px; padding: 15px } .brand_right_list li img { max-width: 100%; width: auto } .brand_right_list li .title { font-size: 16px; line-height: 24px; height: 24px; color: #0050a0 } .second_show_text.preparation { position: absolute; width: 50%; bottom: 135px; left: 0 } .preparation-r1 { position: absolute; right: 0; top: 0; width: 15% } .preparation-l1 { position: absolute; left: 0; bottom: 0; width: 15% } .preparation-r2 { position: absolute; right: 0; bottom: -30px; width: 15% } .swiper-animal-show { padding: 3% 0 5% 0 } .swiper-animal-show .box { padding: 60px 0; position: relative } .swiper-animal-show .box .imgshow { text-align: center } .swiper-animal-show .box .imgshow img { width: 80% } .swiper-animal-show .box .imgshow .t { font-size: 24px; line-height: 35px; margin-top: 15px; color: #0050a0 } .swiper-animal-show .textshow { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; background: #014fa1; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden; transform: scale(0); opacity: 0 } .swiper-animal-show .textshow .pa { margin: 20px; overflow: hidden } .swiper-animal-show .textshow dt { font-size: 20px; padding-bottom: 15px } .swiper-animal-show .textshow dd { overflow: hidden; padding-bottom: 20px } .swiper-animal-show .textshow .ol p { position: relative; padding-left: 15px } .swiper-animal-show .textshow .ol p:after { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #fff; border-radius: 50px } .swiper-animal-show .box:hover .textshow { transform: scale(1); opacity: 1 } .swiper-animal-show .bottom { text-align: center; margin-top: 30px } .swiper-animal-show .bottom>div { display: inline-block } .swiper-animal-show .bottom .a { width: 64px; height: 40px; background: #ccc; outline: none; cursor: pointer } .swiper-animal-show .bottom .swiper-next { background: url(../img/left.c1a9866e.svg) no-repeat } .swiper-animal-show .bottom .swiper-prev { background: url(../img/right.5ceb90d9.svg) no-repeat; margin-left: 14px } .swiper-animal-show .bottom .swiper-pagination { padding: 10px 0 } .swiper-animal-show .bottom .swiper-pagination-bullet { outline: none; margin-left: 14px } .agriculture_list { text-align: center } .agriculture_list li { width: 20%; display: inline-block } .agriculture_list.l1 li { width: 25%; float: left; display: block } .agriculture_list .box { padding: 40px 0; position: relative; overflow: hidden } .agriculture_list .box .imgshow { text-align: center } .agriculture_list .box .imgshow img { width: 80% } .agriculture_list .box .imgshow .t { font-size: 24px; line-height: 35px; height: 105px; margin-top: 15px; color: #0050a0 } .agriculture_list .textshow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #014fa1; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden; transform: scale(0); opacity: 0; text-align: left } .agriculture_list .textshow .pa { margin: 20px; overflow: hidden } .agriculture_list .textshow .pa em { font-style: italic } .agriculture_list .textshow dt { font-size: 20px; padding-bottom: 15px } .agriculture_list .textshow dd { overflow: hidden; padding-bottom: 20px } .agriculture_list .textshow .ol p { position: relative; padding-left: 15px } .agriculture_list .textshow .ol p:after { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #fff; border-radius: 50px } .agriculture_list .box:hover .textshow { transform: scale(1); opacity: 1 } .text em { font-style: italic } .relations-r { top: 0; right: 0 } .relations-l, .relations-r { position: absolute; width: 15% } .relations-l { bottom: 10%; left: 0 } .relations .second_show_text { position: absolute; left: 0; bottom: 130px } .relations_title { font-size: 28px; line-height: 37px; color: #0655a2 } .relations_title.center { text-align: center } .relations_text { padding: 50px 0 } .relations_text img { max-width: 100% } .swiper-relations { position: relative; padding: 50px 0 80px 0 } .swiper-relations a { display: block; text-align: center } .swiper-relations .box { overflow: hidden } .swiper-relations .box img { width: 100% } .swiper-relations .txt { font-size: 20px; line-height: 30px; color: #0655a2; margin-top: 15px } .swiper-relations .bottom { text-align: center; position: absolute; width: 100%; left: 0; bottom: 0 } .swiper-relations .bottom>div { display: inline-block } .swiper-relations .bottom .a { width: 64px; height: 40px; background: #ccc; outline: none; cursor: pointer } .swiper-relations .bottom .swiper-next { background: url(../img/left.c1a9866e.svg) no-repeat; background-size: 100% } .swiper-relations .bottom .swiper-prev { background: url(../img/right.5ceb90d9.svg) no-repeat; background-size: 100%; margin-left: 14px } .swiper-relations .bottom .swiper-pagination { padding: 10px 0; margin-left: 30px } .swiper-relations .bottom .swiper-pagination-bullet { outline: none; margin-left: 20px } .clinicaltrial .second_show .img { background-image: url(../img/bb7.29da1b57.jpg) } .clinicaltrial .second_show_text { text-align: center; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%) } @media (max-width:1470px) { .pages_w1470 { margin: 0 3% } .experts-rx-r { width: 50%; transform: translateY(-65%) } } @media (max-width:1366px) { .experts-rx-r { width: 50%; transform: translateY(-65%) } } @media (max-width:1700px) { .relations .second_show_text, .second_show_text.factory, .second_show_text.preparation, .second_show_text.repositories, .second_show_text.scientific { left: 120px } .second_show_text.about .second-title, .second_show_text.brand .second-title, .third_show.bh_500 .text>div { padding-left: 120px } .second_show_text.factory { width: 40% } .second_show_text.repositories .second-title { margin-top: 10% } } @media (max-height:800px) { .second_show_text.about { transform: translateY(-40%) } .second_show_text .text { font-size: 16px } .second-title .en { font-size: 40px } .second-title .cn { font-size: 32px } .second_show_text.brand .second-title { text-align: center; padding-left: 0 } } @media (max-height:700px) { .second_show_text.repositories .second-title { margin-top: 15% } .second_show_text.factory { top: 65% } } @media (max-height:650px) { .second_show_text.about .second-title { margin-top: 10% } } @media (max-width:750px) { body { overflow-x: hidden; position: relative } .scientific_details .text table { width: 100% } .pc { display: none } .web { display: block } .swiper_more { display: block!important; margin-top:.2rem } .swiper_more img { width: 32% } .footer { padding:.7rem .5rem .5rem .5rem } .footer-channel, .footer .footer-img { position: relative; top: auto; transform: translateY(0); display: block; width: 60% } .footer-channel { width: 100%; margin-left: -30px; padding:.7rem 0 .3rem 0 } .footer-channel li { opacity: 1; width: auto; margin-left: 30px } .footer-channel li p { display: none } .footer-channel li .ioc { width: 1.3rem; height: 1.3rem } .footer-channel .weChat .ioc { background: none!important } .footer-channel li .code { width: 100%; height: 100%; border-radius: 50%; overflow: hidden; background: #fff; top: 0; left: 0; margin: 0; transform: scale(1); opacity: 1 } .footer-channel li .code img { display: block; float: none; margin:.1rem auto; width: 1.1rem } .bottom .footer-channel li .code img { display: block; float: none; margin:.1rem auto; width:.8rem } .footer .pa { padding: 0 } .footer .txt { width: auto; font-size:.2rem; line-height:.4rem } .footer .txt .li { display: block } .footer .txt .t { font-size:.28rem; line-height:.4rem } .footer .txt .b { font-size:.2rem; line-height:.3rem; padding-top:.2rem } .header { height: auto; left: 0; top: 0; overflow: hidden } .header .menu_btn { display: none } .header .logo { position: relative; left: 0; top: 0; height: auto; padding:.4rem 0 0 .5rem; line-height: normal } .header .logo .img { float: none; display: block; width: auto; height: auto } .header .logo .img img { display: block; height:.7rem; float: none } .header .logo .img:after, .header .logo .img:before { display: none } .header .logo .t { padding-left: 0; font-size:.16rem; line-height:.3rem; margin-top:.1rem; display: block } .switch { position: fixed!important; left: auto!important; right:.4rem!important; top:.45rem!important; width:.9rem!important; height:.9rem!important; border: 0!important; border-radius: 50%!important; overflow: hidden; line-height: 10000px!important; background: none!important } .switch_1 { position:absolute; left: auto!important; top:.95rem!important; } .switch1.not_top.web { background: #fff!important; box-shadow: 0 0 25px rgba(0,0,0,.15) } .switch i { position: absolute; left: 50%; margin-left:-.25rem; top: 50%; margin-top:-.25rem; width:.5rem; display: block; height:.5rem } .switch i:after, .switch i:before { content: ""; position: absolute; background: #fff } .switch1.not_top.web i:after, .switch1.not_top.web i:before { background: #0050a1 } .switch i:before { width: 100%; height: 2px; left: 0; top:.05rem } .switch i:after { width: 100%; height: 2px; left: 0; bottom:.05rem } .switch i em { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; background: #fff } .switch1.not_top.web i { border-color: #0050a1 } .switch1.not_top.web em { background: #0050a1 } .switch1.not_top.web.cursor_close { background: none!important } .switch1.not_top.web.cursor_close.cursor_close i:after, .switch1.not_top.web.cursor_close i:before { background: #fff } .switch.cursor_close i { border-top: 0; border-bottom: 0; width:.5rme; height:.5rem; position: absolute; left: 50%; margin-left:-.25rem; top: 50%; margin-top:-.25rem } .switch.cursor_close i em { opacity: 0 } .switch.cursor_close i:before { width: 2px; height:.5rem; left: 50%; top: 0; transform: translateX(-50%) } .switch.cursor_close i:after { width:.5rem; height: 2px; bottom: auto; top: 50%; transform: translateY(-50%); left: 0 } .switch.cursor_close i { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .pages_w1470 { margin: 0 } .pages_w1145, .pages_w1470 { max-width: 750px; min-width: 0 } .third_show .imgshow { display: block; width: 100% } .third_show .text { position: absolute; left:.5rem; bottom:.4rem } .bh_400, .bh_500 { height: auto } .third_show.bh_400 .text { padding-top: 0 } .third_show.bh_400 .title { font-size:.36rem; line-height:.5rem; padding-right:.5rem } .third_show.bh_400 .txt { text-align: right; padding-right:.5rem; overflow: hidden; line-height:.5rem } .third_show.bh_400 .txt .label { float: left; height:.5rem; line-height:.5rem; font-size:.24rem } .third_show.bh_400 .txt .time { font-size:.24rem } .third_show.bh_500 .text { padding-top: 0; line-height:.5rem } .third_show.bh_500 .text>div { padding-left: 0 } .third_show.bh_500 .en { font-size:.48rem } .third_show.bh_500 .cn { font-size:.28rem } .details_bottom .return { margin:0 .6rem } .details_bottom .a { width:.95rem; height:.6rem } .pa_70 { padding:.7rem 0 } .repositories-title { padding: 0; margin-bottom: 30px } .repositories-title img { width: 55%; height: auto } .bw_850 { width: auto; float: none!important } .details-fixed-r { display: none } .scientific_details .text { font-size: 14px; line-height: normal } .scientific_details .text_pa { padding:.35rem!important; margin:.1rem 0!important } .scientific_details .text_pa h2 { font-size: 18px!important; padding: 0!important } .scientific_details .text img { width: auto!important; height: auto!important } .details_bottom { padding-top:.5rem } .products_brand .third_show .text { bottom: 1rem } .news_b .third_show.bh_400 .txt { text-align: left } .news_b .third_show.bh_400 .title, .scientific_b .third_show.bh_400 .title { width: auto } .about .second_show .img { transition: all 5s ease; background: url(../img/bb1_web.5d39b669.jpg) no-repeat bottom!important; background-size: 100%!important } .second_box { padding:0 .5rem } .second_show_text .second-title, .second_show_text .text { margin:0 .5rem } .second_show_text .text { font-size:.24rem; line-height:.42rem!important } .second_show .tips { width:.5rem; height:.8rem; margin-left:-.25rem; bottom:.5rem } .second_show .tips:after { background-size: 60%; background-position: 50% } .second_show_text.about { top: 2.85rem; transform: translateY(0) } .second_show_text.about .second-title { padding-left: 0 } .second_show_text.about .second-title, .second_show_text.about .text { width: auto; float: none } .second_show_text.about .text { margin:0 .5rem 0 2rem } .second_show_text.about .text img { width: 100% } .second-title { line-height:.5rem } .second-title .en { font-size:.48rem; letter-spacing: 3px } .second-title .cn { font-size:.28rem } .about-img-list { padding:.7rem 0 1.9rem 0 } .about-img-list li { width: 50% } .about-img-list li .box { margin-left:.2rem; margin-top:.2rem } .about-img-list li .title { bottom:.3rem } .about-img-list li .title p { margin:0 .25rem } .about-img-list li .title .cn { font-size:.24rem } .about-img-list li .title .en { font-size:.36rem } .about-company-list-0 { width: 26%; display: block } .about-company-list-l { width: 26%; bottom: 0 } .about-company-list { margin:0 -.25rem; padding: 5% 0 1.85rem 0 } .about-company-list li { width: 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:.35rem } .about-company-list li .box { padding:.25rem } .about-company-list li .subtitle, .about-company-list li .txt { font-size:.24rem; line-height:.36rem } .second-title.align-r.ryzs { padding-left: 40% } .about-honor-list { padding: 5% 0 1.95rem 0 } .contact-box .box { width: 100%; float: none; height: auto } .dituContent { height: 8rem } .contact-box .box .pa { width: auto; margin:.45rem .5rem 1.8rem .5rem } .contact-box .box .txt { font-size:.24rem } .contact-box .box .txt .icon { background-size: 80% } .about-company-list-2 { top: -20%; height: auto; width: 40% } .about-company-list-3 { width: 36%; display: block } .scientific .second_show .img { background: url(../img/bb2_web.25050591.jpg) no-repeat bottom!important; background-size: 100%!important } .scientific { overflow: hidden } .second_show_text.factory, .second_show_text.repositories, .second_show_text.scientific { left: 0 } .second_show_text.scientific { transform: translateY(0); width: 100%; top: 3rem } .second_show_text.scientific .text { padding-right: 18% } .scientific-img-list { padding:.8rem .5rem; margin-left:-.2rem } .scientific-img-list li { width: 50%; padding-bottom:.25rem } .scientific-img-list li .box { margin-left:.2rem } .scientific-img-list li .title { font-size:.24rem; line-height:.36rem; height:.72rem; margin-top:.15rem } .scientific-img-list li .txt { font-size:.2rem; line-height:.3rem; display: none } .scientific-img-list li .box .img:before { display: none } .experts-rx-r { width: 70%; transform: translateY(0); top: -19%; right: -20% } .experts-rx-l { width: 60%; margin-left: -10% } .experts-l { position: absolute; left: -120px; top: 30px; width: 25% } .experts-box-pa { padding:.3rem 0 .9rem 0; position: relative } .experts-box.e1 { padding:.7rem 0 } .experts-box.e2 { float: left; padding: 0; width: 50% } .experts-box { position: relative } .experts-name { color: #0050a1 } .experts-name .en { font-size:.6rem; line-height:.6rem } .experts-name .cn { font-size:.36rem; line-height:.36rem; padding-top:.1rem } .experts-position { display: inline-block; height:.48rem; line-height:.48rem; font-size:.24rem; padding:0 .15rem; margin:.2rem 0 } .experts-h2 { font-size:.24rem; padding:.25rem 0 .15rem 0 } .experts-box .txt { font-size:.2rem; line-height:.32rem } .experts-jt { bottom: -12%; width: 25% } .scientific-bj { background-size: 30%!important; padding:.9rem 0 } .scientific-bj .second-title.align-r { padding:0 .5rem } .scientific-title { text-align: center; padding:.7rem 0 .3rem 0 } .scientific-title img { width: 50% } .swiper-scientific-show .bottom { display: none } .zljs { padding:0 .5rem } .swiper-patents-show { padding-bottom: 1.5rem; margin:.5rem 0 0 0 } .swiper-patents-show .box { margin: 0; position: relative } .swiper-patents-show .box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) } .swiper-patents-show .bottom { display: none } .swiper-patents-show .txt { margin: 0; font-size:.24rem; line-height:.4rem; display: none } .swiper-patents-show .swiper-slide { transform: scale(.7) } .swiper-patents-show .swiper-container { padding:.7rem 0 } .swiper-patents-show .swiper-slide-active { transform: scale(1.1); z-index: 4 } .swiper-patents-show .swiper-slide-active .box:after { display: none } .swiper-patents-show .swiper-slide-active .txt { display: block } .repositories .second_show .img { background: url(../img/bb3a_web.fa25179f.jpg) no-repeat bottom!important; background-size: 100%!important } .second_show_text.repositories { width: 90%; bottom: 3rem } .second_show_text.repositories .second-title { margin-top: 0; padding-bottom:.5rem } .repositories-r { right: 0; top: 10rem; width: 3.05rem } .repositories-top { position: relative; padding:.7rem 0 } .repositories-top:before { display: none } .repositories-top .second-title { width: 100%; left: 0; position: relative; top: 0; transform: translateY(0); z-index: 2 } .repositories-top .text { font-size:.24rem; line-height:.42rem; width: 100%; float: none; padding-top:.5rem } .repositories-top .text p { padding-bottom: 0 } .fs24 { font-size:.32rem } .swiper-repositories-show .a { display: none } .swiper-repositories-show .box { display: block; overflow: hidden } .swiper-repositories-show .box .img { overflow: hidden } .swiper-repositories-show .box img { width: 100%; float: left } .swiper-repositories-show .box .txt { color: #0050a0; font-size: 16px; line-height: 33px; padding-top: 30px } .swiper-repositories-show-text { font-size:.24rem; line-height:.42rem; padding-top:.35rem; width: 100%; margin-bottom: 1.85rem } .swiper-repositories-show-text.web { margin-bottom: 0; text-align: justify } .repositories-list { padding-top:.7rem } .repositories-list li { float: left; width: 100% } .repositories-list li .box { padding:0 0 .7rem 0 } .repositories-list li .title { position: relative; padding-left: 0 } .repositories-list li .title img { width: 60%; height: auto } .repositories-list li .bottom { margin:.2rem 0 0 .5rem; position: relative; padding-right: 1.8rem; width: auto } .repositories-list li .txt { position: relative; font-size:.24rem; line-height:.36rem; height: auto } .repositories-list li .txt span { font-size:.32rem!important } .repositories-list li .imgshow img { width: 1.2rem; height: 1.2rem; margin-bottom:.3rem } .repositories-list li .more { margin-top:.25rem; padding:0 .3rem; height:.6rem; line-height:.65rem; text-align: center; font-size:.24rem; position: relative; text-transform: uppercase; border: 1px solid #80a7d0; margin-left: 1.7rem } .repositories-list li .more:after { display: none } .web_lr { padding:0 .5rem } .factory .second_show .img { background: url(../img/bb4_web.f850c297.jpg) no-repeat bottom!important; background-size: 100%!important } .second_show_text.factory { position: absolute; width: 100%; top: 2.4rem; left: 0; transform: translateY(0) } .second_show_text.factory .text { padding-right: 1.5rem } .second_show_text.factory .text span { font-size:.32rem } .strengths-l, .strengths-r { display: none } .pa-tb-5 { padding:.7rem 0 } .pa-t-5 { padding:.7rem 0 0 0 } .strengths_li { padding:.6rem 0 } .strengths_li .box, .strengths_li .img { width: 100%; float: none } .strengths_li .dd { padding-right: 0; position: relative; padding-left: 1.35rem } .strengths_li .dd img { width: 1rem; position: absolute; left: 0; top: 0 } .strengths_li .dd .title { font-size:.24rem; line-height:.32rem; padding:0 0 .1rem 0 } .strengths_li .dd .txt { font-size:.2rem; line-height:.32rem } .strengths_li .dd { margin-bottom:.4rem } .strengths_li:nth-child(2n) .box { float: none } .strengths_li:nth-child(2n) .dd { padding-right: 0; padding-left: 1.35rem } .products_probiotic .second_show .img { background: url(../img/bb5_1web.8c7c2afa.jpg) no-repeat bottom!important; background-size: 100%!important } .products_probiotic .products_1 { width: 100%; position: absolute; right: 0; left: 0; top: 4.35rem; transform: translateY(0) } .products_probiotic .products_1 .text { padding-right: 1.75rem } .core_strains_list { text-align: center; margin-left:-.3rem; padding: 0 0 0 0 } .core_strains_list:nth-child(2) { padding: 0 0 1rem 0 } .core_strains_list li { width: 50%; display: block; float: left; padding-top:.7rem } .core_strains_list li a { display: block; margin-left:.3rem } .core_strains_list li img { width: 100%; height: auto } .other_materials_list li { text-align: center; float: left; width: 50%; line-height:.32rem; padding-bottom:.7rem } .other_materials_list li p { height:.32rem; overflow: hidden } .other_materials_list li img { margin-bottom:.2rem; width: 70% } .other_materials_list li .cn { font-size:.24rem } .other_materials_list li .en { font-size:.2rem } .products_customization .second_show .img { background: url(../img/bb5_2web.9e44dae7.jpg) no-repeat bottom!important; background-size: 100%!important } .products_customization .products_1 { width: 70%; right: 0; top: 4.4rem; transform: translateY(0) } .strengths-r1 { width: 20% } .advantages_list { padding:.5rem 0 0 0 } .advantages_list li { width: 50%; float: left; text-align: center; padding-bottom:.5rem } .advantages_list li img { width: auto; height: 2.18rem } .dosage-bj { background-size: 30%!important; padding:.2rem .5rem } .dosage-jt { position: absolute; left: 0; top: -7%; width: 20% } .dosage_list { margin-left:-.2rem; padding-top:.6rem } .dosage_list li { width: 50%; float: left; padding-bottom:.35rem } .dosage_list li * { overflow: hidden } .dosage_list li .img { margin-left:.2rem } .dosage_list li .title { color: #0050a0; font-size:.24rem; line-height:.32rem; margin-top:.1rem } .private-img { overflow: hidden } .private-img .img { width: 100%; float: none } .private-img img { width: 100% } .private-img .private-txt { width: 100%; float: none; overflow: hidden } .private-txt-ul { overflow: hidden; margin-left: -1rem; padding-top:.4rem } .private-txt-ul li { width: 50%; float: left; padding-bottom:.7rem; position: relative } .private-txt-ul li:after { left:.22rem; top: 1.05rem; width:.58rem; height:.34rem; background-size: cover!important } .private-txt-ul .l3 { float: right } .private-txt-ul .l3:before { display: none } .private-txt-ul .l3:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAABtElEQVRYhc3XP0sbYRzA8e/vydlgJ3fBoVB8BaWgS0EpBiSmuhsMVPsCHEoHJ1+EHYoJOAgiMdZOhQ4i4igdxMmhRcRSKUobWhPv1yEXY3KXvyS557vdwz3Hh4fj4XmETkqkJ0BmcXnPbvJrR99oM6ftGYlMDHQP1GB4CTztPsufaevte2R5nnRfVKfWoT4k33GZ64kqoNaWJBAp0/36P6EVqAVIaAa1BAmNoBYhoR7UMiQEQS1EQi3UUiQ83EcTmRhiJxLKK1payU9UVtgqJIAwk3mHsApaRv4BPiP8ChNWSX+QXXgrJNIaNqWFlg2QD1vRPL1ykOJzdGAF5Rj0AtUoxgyg+jtsXinzk9z8x+rtKf5hFBM5AqIgi+wkN8LB+as+5onzAhgCBkHTxNPxMFBBVUMf/d1EOPeeIhi2ebU+1X+Wv2ro1tI1UhwHvnkjDio5G7DBh5LpzDCOHgIj3sgt4sbIpr70TVZT/WOeH/sPMZNk5w/6Iqup8cG5hN0HnngjedR9Ri510nNZTY0vd3vJc9zCGHDmjTxGIm96rgqo+S109/UlbmEM5RS4Qe/Wes/y9x+qoaPBoCGcgAAAAABJRU5ErkJggg==) no-repeat; background-size: cover } .private-txt-ul .l2:before, .private-txt-ul .l4:before { content: ""; right: 50%; margin-right:-.8rem; bottom: 10px; width:.23rem; height:.32rem; background: url(../img/lt_b.e471093e.svg) no-repeat; background-size: cover; position: absolute } .private-txt-ul .l6:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAAABHNCSVQICAgIfAhkiAAAAatJREFUWIXN1LtKA0EUxvH/WW94KRREsPAFLIKlqIgIgmKMWWyFCCKKra2VlYUPIBYmsRJEiSEQEH0COyttLBQLCwstxJA4xyIJrpeYrOhOvvLMGebH2dkRgkokGcJhGfSI1MKZ3+3Of5i+P0kPQVeBE6LJKd/b/4FUIeI5UzN+scFBDXPA7fu5/rBSveUPE0mGcDQD9JUqBiRMKpattjVYKPwaGzwUfoW1AwXfWHtQ8IW1C4WasfahUBM2wAf/h6RjFxgJ431n5eM7Wx8TLefrZBVkmlQsW4S68U2QHmtAb5QuYAJoLxZEUdaFaGIN2LJIqykO6INtRA15Ln762b0ZMN2WMcWIdGBMHpEcSC/CAJLfqK+fKZqcB90BcpjXQdKLV+Wl+nieACKJCGgCaAU6kcYx73KjHdWnuPFJlEOgAQDhjqaXfW+L/Ym68UlUjnkf2g1SGOZg+dHbZveOurvjqJMFmkuVGwoyRCZ297nVHtTdG0HNKdBSqlREgi3o7G4/4pwDbaXKNQUZrYQEW3dUGlbwIk2+4iTLsQPV123gCeUSkx8ivXRfbcsb/uOXXgNoGWsAAAAASUVORK5CYII=) no-repeat; background-size: cover } .private-txt-ul li .box { margin-left: 1rem; position: relative; background: #ccdcec } .private-txt-ul li .box .title { height:.85rem; line-height:.85rem; font-size:.24rem } .private-txt-ul li .box .txt { padding:0 .25rem; height: 1.68rem; overflow: hidden; font-size:.2rem; line-height:.28rem; background-size: 25%!important } .private-txt-ul .l1 .box .txt { background-size: 16%!important } .private-txt-ul li .box .txt p { margin-top: 5px; padding-left:.18rem } .private-txt-ul li .box .txt p:after { top:.09rem; width:.1rem; height:.1rem } .process_list { overflow: hidden; padding:.65rem 0; margin-left:-.8rem } .process_list li { width: 33.3%; float: left; padding-bottom:.7rem } .process_list li .box { text-align: center; padding-left:.8rem } .process_list li .img { width: 100%; margin: 0 auto; position: relative } .process_list li .img:after { content: ""; position: absolute; right:-.69rem; top: 50%; margin-top: -13px; width:.58rem; height:.34rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAAABHNCSVQICAgIfAhkiAAAAatJREFUWIXN1LtKA0EUxvH/WW94KRREsPAFLIKlqIgIgmKMWWyFCCKKra2VlYUPIBYmsRJEiSEQEH0COyttLBQLCwstxJA4xyIJrpeYrOhOvvLMGebH2dkRgkokGcJhGfSI1MKZ3+3Of5i+P0kPQVeBE6LJKd/b/4FUIeI5UzN+scFBDXPA7fu5/rBSveUPE0mGcDQD9JUqBiRMKpattjVYKPwaGzwUfoW1AwXfWHtQ8IW1C4WasfahUBM2wAf/h6RjFxgJ431n5eM7Wx8TLefrZBVkmlQsW4S68U2QHmtAb5QuYAJoLxZEUdaFaGIN2LJIqykO6INtRA15Ln762b0ZMN2WMcWIdGBMHpEcSC/CAJLfqK+fKZqcB90BcpjXQdKLV+Wl+nieACKJCGgCaAU6kcYx73KjHdWnuPFJlEOgAQDhjqaXfW+L/Ym68UlUjnkf2g1SGOZg+dHbZveOurvjqJMFmkuVGwoyRCZ297nVHtTdG0HNKdBSqlREgi3o7G4/4pwDbaXKNQUZrYQEW3dUGlbwIk2+4iTLsQPV123gCeUSkx8ivXRfbcsb/uOXXgNoGWsAAAAASUVORK5CYII=) no-repeat; background-size: cover } .process_list li:last-child .img:after { display: none } .process_list li .img .imga { display: block; overflow: hidden; border-radius: 50% } .process_list li .img .number { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 45%!important; z-index: 2 } .process_list li .img .p1 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p2 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p3 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAA8CAYAAADIQIzXAAAABHNCSVQICAgIfAhkiAAAB+ZJREFUeJzlnHuMX0UVx7/n122hLazQIo8WpNhWy0OUgJaIEG1AbXg0mlgjRMQUNOERGkICGoIWxFhCIUQCPngZwiOmQlEq2iotkAjtqhWKFsqrj4UG+tg+2T52+/GPubv99f7uzL33d+/d3xK+yWZ/O2fmnO+c371nZs7MrCknAJP0FUlTJU2QND763SupS9ImSe9KekbS02b237w2ykDE8wxJ50s6SdIJksZI2ihpvaS1kpZJWiJpgZntrorIMcDNwDvkwxrgJmB0JcQaeR4IzIrsZsV7UZtRZRIZAfwU6M7psDi6gV8Bx5RGrpHrZOD1Ahw3ADNwT2shIl8F3i3osDg2A1NL8lU91xuB3pI4zgcOapbIZSUSiWMv8AtgSAkOM+DuCjiuIO+rC9xaAZEkPFSC4+6qkN+zQC3JbsO7DMyUdEcO7pskdUraKTdqHSUpz5M028yuz1G/H8DZkhZmqLpF0n8k/UvSNknD5GYGk5XggxhuMbMb0oicDvRk+CZWANcCYxJ0DAVOA64G/p3xm700Q+fjdkYD61P0bgGuxBPsgeOAR1J07AE+HSJyCG5YDmEncAMwNEcHvwa8mkFvw5eQovdnKToXkXEEx8XzvQFdi0ONZ6UQeR84LU/n6nSPBP6Uoj9zvAOGA10BXQ/iiU0BnTNS+J2Y1OgQYFugUSdwbB4iCTYM+H0KuVMy6rosoGM5Od6ImN77A3rvTmrwk0CDnVk7lIFYG/BcwNbcjHpCcen8AvyOwD/RfzWpQSgGXdssEQ+5Cfjnh7uBQzPoWO1pv4qCs37gqYAv2vvq1YDjJPlGjU5JdxYhEoeZvSHpYY94qKTpofbAYZI+4RE/b2YUoCdJfwvITu77UJN0QaDiHWa2pyCRJNwVkKW9aiMCsnVNcIljVUC274mTS7348HgJRBpgZkvl7+T4lLZrJH3gES8pwivCzoBsP8cd5an0tpmFvF8Uz3jKJ2aIUzcmlL2ocr7oTwZkXX0f2uR33OoSSITQ6SkfImlsQC4zmwOsknS5JCR1SLq5hPgmuYSnD+/0f8ItKZLwaAkkvABmBkavk9M1VMKpDZeTS0IPcGBf3ZrcU5eE7RXzfC8g21KxbR+mSfJlqp8zs/74l2tZUjL+IpepiGO1Aq9pxfhOQPbX+j9a5jgz65IjWv/kdUn6ppn1toaVxnrKuyX9ur7A95oOCMxsPi4r8nlJwyUtN7ONLaS0SNLpCeX3mNnm/UoCAfq3A0J1EAFoB16I+eFJYHi8bkufuD4AJ0l63cx2DZC9dkmXSBolt1KYa2bbzWwr8EW5EPIpSSvN7BGfkpY9ccDxwNLI3m7gadxatEqbY4GVsb524zIujTm3gKKWOA4YgstmxLGgYrsPBPrcC/wGODyLolY57pyA7fZ0DU3bzXISYSMpe7+tnMeFFvPjKrS7NUOdUZL+DPwcz7q5lY4LDUzFjiCE8UCOuj+S9Efqllp9CDmujAXzYMTtku6XtCNj/fMkPRYvrMmfuFvfHK/BDTPrMbMZcmvSbyvbhvY04Ir9SoDrEoJjD/DZCnjX270yEJwrtZ3A5Qzc7lgIH1C/TwvUcJu7u6IKm4FvDQDZQeO4iM8BwB9SnPdkUsODgTOBgweI6KByXB2vh1Ocd6JUNziY2TYze97MklI9HyVcIumfAfnVUuQ43C77JKDK+dOHAtGu3g8CVS4C2mq4s7kdklZIeht4GbfQ/cjCzJZJesojHiHpzJqk2ZJOrRN8RtIi4HMV8xvsaJi71WFKTdK5CYJhki6shs+HBvMDsvE1SUd4hB+vgExWJKbOgW8A66LRbRXwvaoIRBlf34bSuJqkHo/wyGoo9SN076GBMG7LcK728TpW0oMVx+O1nvKRNUlrPELfwZay4NsI75G0IaH8GiWvrWeWxqgRwzzlvTVJKz3C46k2GzvJU77OsyPvq589a5sfvreiuybpNY/QlDxwFAbu/sCXPOL/ecp9RzImkbCZUhS4LLBvu3BFTdLSQPvvl00ownT5j/TP85T7eNYkVRHnpgRky/vWqLvwI3QMLDdwd8PeD9hLjH24dbQPT5TJMbK3ONUnwBOBSi9SwtWhOkK3BWy9EGh3AO7egg+TS+Q4JWBnLX3pdGB6oCLAPSUROjfFTvA0JnB7oO2bJKS4m+B4aOQcH2bXVzZgWUqnbqPAwWTgC4SvBHRk0DGB8EWOxyjwduBuBf0joH8vMCneaHKK48C90qmnwhMI/RC34RyCb5SN60q7QvQoTdxzAA4CFqbovs/X+KEMztsAfDeNHO4pPg/oyKBzTo4OjsZlqUN4GZiYUV8bcCHwWorOHUDyMhR3LXtJho4CbALuBa7CrSG/HP18HReLQnGiHgvIf33o4gx69wDzgGkkbHADE3H30rJelQ/l6PqvJ6VdWisLrwAj8zitjucvc9jZC7yEm2IsJvnoRQi3ZiU1hvRdn6LoAD7WjNOadF6z+B15BkXcRHVeRWQWUsLUIeJ5U0UcAWYVIXY94YlnHmzH7eOWNqGOOE4FtpbEEdwF4tB54MzE2oEf407xNIMe3PGpypKjwDjcVCU0z0vDbmAOZW+RAsNwx7PuJD3AduEmpBdT8WHBGMcTcBvLO3I4bD1wC5A5eVv0iuIo7fs3QePkMrdvSnpLUmdJN12a5TZE0imSzpJ0tKTD5PJrI+QOFK2RS2G9IunveY/R/h+NkP8vjouicQAAAABJRU5ErkJggg==) 50% no-repeat } .process_list li .img .p4 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p5 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img .p6 { background: url(data:image/png;base64,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) 50% no-repeat } .process_list li .img img { width: 100%; border-radius: 50% } .process_list li .title { font-size:.22rem; line-height:.32rem; height:.64rem; margin-top:.2rem } .process_list li:first-child .title { margin-left:-.2rem } .customized_bnt { display: block; width: 3.6rem; height: 1.25rem; margin: 0 auto; background: #014fa1; text-align: center; border-radius: 120px; overflow: hidden } .customized_bnt span { position: relative; font-size:.24rem; line-height:.35rem; color: #fff; padding:.25rem .9rem .25rem 0; display: inline-block } .customized_bnt span:after { width:.48rem; height:.38rem; margin-top:-.19rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAABHNCSVQICAgIfAhkiAAAAOBJREFUWIXt0zFqAlEUheEzjSAW1roGQZukSCEipJo0du7CvbiILCe7sBYJqGjIn2YCMti8Z3HeyP2qW/6nuFK4D5gCO6B2t2QBBsAXcAHe3T1ZgGGMKEFrRGd/4n/ENUY4xYhSxIhSPOOIlbsny82InxjhFCNKESNK0RqxdvdkuRnxGyOc7o2ogLmkpbktxVDSprnrCthJGhuDHvFZAT1JPXdJppM7IAkwAvrujizAG/ANbN0tyZr4YzPg1d2TpBX/4u5JEvEuwKLr8Wfg0PX4mbsnCTDpbLwkAR/APjX+D2ok2y7GptPBAAAAAElFTkSuQmCC) no-repeat; background-size: cover } .process_list .li3, .process_list .li4 { float: right } .process_list .li4 .img:after, .process_list li:last-child .img:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAaCAYAAADBuc72AAABtElEQVRYhc3XP0sbYRzA8e/vydlgJ3fBoVB8BaWgS0EpBiSmuhsMVPsCHEoHJ1+EHYoJOAgiMdZOhQ4i4igdxMmhRcRSKUobWhPv1yEXY3KXvyS557vdwz3Hh4fj4XmETkqkJ0BmcXnPbvJrR99oM6ftGYlMDHQP1GB4CTztPsufaevte2R5nnRfVKfWoT4k33GZ64kqoNaWJBAp0/36P6EVqAVIaAa1BAmNoBYhoR7UMiQEQS1EQi3UUiQ83EcTmRhiJxLKK1payU9UVtgqJIAwk3mHsApaRv4BPiP8ChNWSX+QXXgrJNIaNqWFlg2QD1vRPL1ykOJzdGAF5Rj0AtUoxgyg+jtsXinzk9z8x+rtKf5hFBM5AqIgi+wkN8LB+as+5onzAhgCBkHTxNPxMFBBVUMf/d1EOPeeIhi2ebU+1X+Wv2ro1tI1UhwHvnkjDio5G7DBh5LpzDCOHgIj3sgt4sbIpr70TVZT/WOeH/sPMZNk5w/6Iqup8cG5hN0HnngjedR9Ri510nNZTY0vd3vJc9zCGHDmjTxGIm96rgqo+S109/UlbmEM5RS4Qe/Wes/y9x+qoaPBoCGcgAAAAABJRU5ErkJggg==) no-repeat; background-size: cover } .process_list li:last-child .img:after { display: block } .process_list .li3 .img:after { right: 50%; margin-right:-.13rem; top:-.5rem; margin-top: 0; width:.26rem; height:.34rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAiCAYAAABBY8kOAAAABHNCSVQICAgIfAhkiAAAAfVJREFUSInt1j9oE2EYx/Hv8ya24OCkODk4OehQcGsR3EShydVahBrsVVwsFEV0KRShFAqiFKVQipBcrEpBak4ziYN/oLh2U5diBRfpJoi2aR6HuzZvYtpeEjII92zPj/e5z3vH/ROiVO/cfhKdS0AXcB/fvRVpzioTbVXHyRABONcoEh1CN5s5eBNQ6xVDMRRDMRRD/xU0kD3UfijtZdkwP3ByD5NtQ5y8BzoUNDLaHsjx5kEz273oXJJ0thsx1xB9TGH4TetI/inooJXMUhgeMYgpAhlUXtPnXWoNyS3UIDP47ggEN8OXMBSUedL5C00hfd5zkIuVQB7gu6NbnSFRziB838ZEFxrGnPwiSmVGmcYfumEvMSxeWUFKPcC3MEs0hDk5H/R85US4x0v3Zu2y4Dl6cXWVknQDK1VYykvtjnivQNJWcpeCe7veUqnqUo8OYzregx4LkxJl+pHyGmKWwuwTXV9PsHy0CGr/tU7hu2M77Un+SXqfHSS5/g7lOADKb0x5ADXFoNfPCKsgZypDZhL/8vhOCNR7BRUH11jfdwpYttKEtbcjVYgysRdS/4y26uyTA3RuXEfNR9j8ZV06e/oOBXdiL2R3yC4ndxrkbU06ju9ORpoHor3rRHrQqmQM352KikDUz0TyzwzwM0D50CgC8BevR4xqOn9HigAAAABJRU5ErkJggg==) no-repeat; background-size: cover } .customized-l1 { position: absolute; left: 0; top: auto; bottom: 0; width: 40% } .customized_hide { display: none } .customized_show { width: auto; margin: 0 auto; padding-bottom: 1.85rem; margin-top:-.3rem; min-height: 456px } .customized_show .tip { font-size:.2rem; line-height:.36rem } .customized_show .box { background: #ccdcea; padding:.4rem; border-radius: 10px; margin-top:.2rem } .customized_form { margin-left:-.4rem } .customized_form label { margin-right:.35rem } .customized_form label input { width:.25rem; height:.25rem; margin-right: 5px; background: #6696c5 } .customized_form li { width: 50%; float: left; color: #0050a0; font-size:.24rem; line-height:.3rem; min-height: 1.2rem } .customized_form li .pa { margin-left:.4rem } .customized_form li .title { padding-bottom: 10px } .customized_form li .text, .customized_form li .textarea, .customized_form li select { height:.38rem; font-size:.22rem; line-height:.38rem } .customized_form li select { height: 1.2rem } .customized_form .wa, .customized_form li:first-child, .customized_form li:nth-child(2) { width: 100%; height: auto } .customized_form li .textarea { height:.9rem; line-height: 30px; padding: 15px 2% } .customized_show .bnt { display: block; width: 2rem; height:.6rem; border-radius:.6rem; font-size:.24rem; line-height:.6rem; margin:.38rem auto 0 auto } .products_brand .second_show .img { background: url(../img/bb5_3web.5eb9b8a3.jpg) no-repeat bottom!important; background-size: 100%!important } .ysy-r1 { position: absolute; right: 0; top: 4.25rem; width: 30% } .second_show_text.brand { top: 2.45rem; left: 0; transform: translateY(0) } .second_show_text.brand .second-title { text-align: left; padding-left: 0 } .second_show_text.brand .text { text-align: center; padding-top: 1.8rem } .products_brand .second_show_text.brand .text img { width: 80% } .ysy_survey .img { width: 100%; float: none; text-align: center } .ysy_survey .img img { width: 100% } .ysy_survey .txt { width: 100%; float: none; font-size:.24rem; line-height:.42rem; margin:.3rem 0 1.9rem 0 } .ysy_endorse { padding:10% 0 .5rem 0 } .ysy_endorse .txt { float: none; width: 100%; font-size:.24rem; line-height:.42rem; padding-bottom:.5rem } .ysy_endorse .txt h2 { font-size:.42rem; padding-bottom: 10px; color: #0050a0; text-align: center } .ysy_endorse .txt img { max-width: 100% } .ysy_endorse .img { float: none; width: 100% } .ysy_endorse .img img { width: 100%; margin-bottom: 20px } .young-jt { position: absolute; left: 0; top: -2rem; width: 20% } .young-r1 { position: absolute; right: 0; bottom: 0; width: 40% } .products_brand_list { padding: 5% 0; text-align: center } .products_brand_list li { width: 50%; display: block; float: left; padding-bottom:.5rem } .products_brand_list li .box { display: block; text-align: center } .products_brand_list li .box img { width: 90% } .products_brand_list li .title { font-size:.24rem; line-height:.32rem; margin-top:.15rem } .products_brand_more { width: 3.61rem; height: 1.21rem } .products_preparation .second_show .img { background: url(../img/bb5_4web.a3718cc4.jpg) no-repeat bottom!important; background-size: 100%!important } .second_show_text.preparation { width: 80%; bottom: 3rem; left: 0 } .preparation-r1 { position: absolute; right: 0; top: 0; width: 25% } .preparation-l1 { position: absolute; left: 0; bottom: 0; width: 25% } .preparation-r2 { position: absolute; right: 0; bottom: 5.3rem; width: 30% } .swiper-animal-show { padding-bottom: 2rem } .swiper-animal-show .swiper-container { overflow: initial } .swiper-animal-show .box { padding:.2rem 0; position: relative } .swiper-animal-show .box .imgshow { text-align: center } .swiper-animal-show .box .imgshow img { width: 95% } .swiper-animal-show .box .imgshow .t { font-size:.24rem; line-height:.3rem; height:.6rem; margin-top: 15px; color: #0050a0 } .textshowbox { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 999; overflow: hidden; display: none } .textshowbox .close { height:.37rem } .swiper-animal-show .textshow { position: absolute; width: 90%; min-height: auto; left: 5%; top: 50%; background: rgba(0,80,160,.8); color: #fff; font-size:.24rem; line-height:.36rem; overflow: hidden; opacity: 1; transform: scale(1) translateY(-50%) } .swiper-animal-show .textshow .pa { margin:.9rem .45rem; overflow: hidden } .swiper-animal-show .textshow dt { font-size:.32rem; padding-bottom:.24rem } .swiper-animal-show .textshow dd { overflow: hidden; padding-bottom:.5rem } .swiper-animal-show .textshow .ol p { position: relative; padding-left: 15px } .swiper-animal-show .textshow .ol p:after { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #fff; border-radius: 50px } .swiper-animal-show .bottom { display: none } .agriculture_list { text-align: center; padding-bottom: 2rem } .agriculture_list.l1 li, .agriculture_list li { width: 50%; display: block; float: left } .agriculture_list .box { padding:.2rem 0; position: relative; overflow: hidden } .agriculture_list .box .imgshow { text-align: center } .agriculture_list .box .imgshow img { width: 95% } .agriculture_list .box .imgshow .t { font-size:.24rem; line-height:.35rem; height: 1.1rem; margin-top: 15px; color: #0050a0 } .agriculture_list .textshow { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #014fa1; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden; transform: scale(0); opacity: 0; text-align: left; display: none } .agriculture_list .textshow .pa { margin: 20px; overflow: hidden } .agriculture_list .textshow dt { font-size: 20px; padding-bottom: 15px } .agriculture_list .textshow dd { overflow: hidden; padding-bottom: 20px } .agriculture_list .textshow .ol p { position: relative; padding-left: 15px } .agriculture_list .textshow .ol p:after { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #fff; border-radius: 50px } .agriculture_list .box:hover .textshow { transform: scale(1); opacity: 1 } .textshowbox .close { position: absolute; right:.45rem; top:.4rem; width:.4rem; height:.4rem; background: url(../img/close.00307190.svg) no-repeat 50%; background-size: cover; background: none; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .textshowbox .close:after, .textshowbox .close:before { content: ""; position: absolute; background: #fff } .textshowbox .close:before { width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px } .textshowbox .close:after { width: 2px; height: 100%; left: 50%; top: 0; margin-left: -1px } .agriculture .textshow { position: absolute; width: 90%; min-height: auto; left: 5%; top: 50%; background: rgba(0,80,160,.8); color: #fff; font-size:.24rem; line-height:.36rem; overflow: hidden; opacity: 1; transform: scale(1) translateY(-50%) } .agriculture .textshow .pa { margin:.9rem .45rem; overflow: hidden } .agriculture .textshow .pa em { font-style: italic } .agriculture .textshow dt { font-size:.32rem; padding-bottom:.24rem } .agriculture .textshow dd { overflow: hidden; padding-bottom:.5rem } .agriculture .textshow .ol p { position: relative; padding-left: 15px } .agriculture .textshow .ol p:after { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; background: #fff; border-radius: 50px } .clinicaltrial .strengths-r, .news .strengths-r { display: block; top: auto; bottom: 2.2em; width: 25% } .news .third_show img { width: 100% } .news_bj { padding:.5rem; background: #e9e9e9 } .news_bj .second-title { text-align: center } .swiper-news-show { margin-top:.4rem; position: relative; padding-bottom:.4rem } .swiper-news-show .img, .swiper-news-show .text { float: none; width: 100%; overflow: hidden } .swiper-news-show .text .pa { padding: 0 } .swiper-news-show .text .time { font-size:.2rem; line-height:.25rem; padding-top:.2rem } .swiper-news-show .text .title { font-size:.28rem; line-height:.32rem; max-height: 60px; overflow: hidden; margin: 15px 0; font-weight: 700 } .swiper-news-show .text .txt { font-size:.24rem; line-height:.32rem; margin-bottom: 0; overflow: hidden } .swiper-news-show .more { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; z-index: 3 } .swiper-news-show .swiper-pagination { bottom: 0; display: none } .swiper-news-list { position: relative; padding-bottom: 1rem } .swiper-news-list .bottom { display: none } .newslistweb { padding: 30px 0 } .news_list { padding: 0; margin-left:-.3rem } .news_list li { float: left; width: 50%; padding:.2rem 0 } .news_list li .box { margin-left:.3rem; position: relative } .news_list li .box img { width: 100%; height: 1.95rem; -o-object-fit: cover; object-fit: cover } .news_list li .img { height: 1.95rem } .news_list li .time { font-size:.24rem; line-height:.32rem; margin: 0; position: absolute; color: #fff; left:.15rem; top:.15rem; z-index: 3 } .news_list li .title { font-size:.24rem; line-height:.3rem; height:.9rem; font-weight: 400; margin-top:.2rem } .relations .relations-l, .relations .relations-r { display: none } .relations .second_show .img { background: url(../img/bb8_web.a3b20bbc.jpg) no-repeat bottom!important; background-size: 100%!important } .relations .second_show_text { left: 0; bottom: 3rem } .relations_title { font-size:.4rem } .swiper-relations { padding:.5rem 0 } .swiper-relations .bottom { display: none } .relations_text { padding:.5rem 0 } .relations_list { padding:.5rem 0; margin-left:-.5rem } .relations_list .div { display: flex; flex-wrap: wrap } .relations_list li { width: 50%; float: left; padding-bottom:.5rem; flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0 } .relations_list * { overflow: hidden } .relations_list li a { display: block; margin-left:.5rem; text-align: center } .relations_list li img { width: 100% } .relations_list li .txt { color: #0050a0; font-size:.24rem; line-height:.4rem; padding-top:.15rem } .clinicaltrial .second_show .img { background: url(../img/bb7_web.c6f31c08.jpg) no-repeat bottom!important; background-size: 100%!important } .clinicaltrial .second_show_text img { width: 60% } .more_bnt { display: block; width: 3.6rem; height: 1.2rem; line-height: 1.2rem; margin: 0 auto 1.5rem auto; background: #014fa1; text-align: center; border-radius: 1.2rem; overflow: hidden; color: #fff!important; font-size:.24rem } .more_bnt.no { background: #ccc } .more_bnt span { position: relative; font-size:.24rem; line-height: 1.2rem; color: #fff; display: inline-block; padding-right:.6rem } .more_bnt span:after { content: ""; position: absolute; width:.48rem; height:.38rem; right: 0; top: 50%; margin-top:-.19rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAmCAYAAACCjRgBAAAABHNCSVQICAgIfAhkiAAAAOBJREFUWIXt0zFqAlEUheEzjSAW1roGQZukSCEipJo0du7CvbiILCe7sBYJqGjIn2YCMti8Z3HeyP2qW/6nuFK4D5gCO6B2t2QBBsAXcAHe3T1ZgGGMKEFrRGd/4n/ENUY4xYhSxIhSPOOIlbsny82InxjhFCNKESNK0RqxdvdkuRnxGyOc7o2ogLmkpbktxVDSprnrCthJGhuDHvFZAT1JPXdJppM7IAkwAvrujizAG/ANbN0tyZr4YzPg1d2TpBX/4u5JEvEuwKLr8Wfg0PX4mbsnCTDpbLwkAR/APjX+D2ok2y7GptPBAAAAAElFTkSuQmCC) no-repeat; background-size: cover; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) } .clinicaltrial .news_list li .box img, .clinicaltrial .news_list li .img { height: auto } } @media screen and (max-width:750px) and (max-height:812px) { .about .second_show .img, .clinicaltrial .second_show .img, .factory .second_show .img, .products_brand .second_show .img, .products_customization .second_show .img, .products_preparation .second_show .img, .products_probiotic .second_show .img, .relations .second_show .img, .repositories .second_show .img, .scientific .second_show .img { background-size: cover!important } } .products_brand .second_show .img { background: url(../img/bb5_3.a10deeb1.jpg) no-repeat 50%; background-size: cover } .products_brand .third_show { background: url(../img/bb5_a.c382a5d1.jpg) no-repeat 0 } .products_customization .second_show .img { background: url(../img/bb5_2.3241a347.jpg) no-repeat 50%; background-size: cover } .products_preparation .second_show .img { background: url(../img/bb5_4.177a85e9.jpg) no-repeat 50%; background-size: cover } .products_probiotic .second_show .img { background: url(../img/bb5_1.1198baa6.jpg) no-repeat 50%; background-size: cover } .repositories .second_show .img { background: url(../img/bb3a.f16d514d.jpg) no-repeat 50%; background-size: cover } .repositories_b .third_show { background: url(../img/bb3_a.f4cafff4.jpg) no-repeat 0 } .scientific .second_show .img { background: url(../img/bb2.0be4bc1e.jpg) no-repeat 50%; background-size: cover } .scientific_b .third_show { background: url(../img/bb2_a.e782cd7c.jpg) no-repeat 0 } .gbounce { animation: gbounce 1s 1; -webkit-animation: gbounce 1s 1; transform-origin: center bottom } @-webkit-keyframes gbounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); transform:translateZ(0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -15px, 0) } 90% { transform:translate3d(0, -4px, 0) } } @keyframes gbounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); transform:translateZ(0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); transform:translate3d(0, -15px, 0) } 90% { transform:translate3d(0, -4px, 0) } } @font-face { font-family: en; src: url(../fonts/Akrobat-Regular.eed24194.otf) } * { margin: 0; padding: 0; word-wrap: break-word } * img { border: 0 } * hr { border: 1px dashed #d2d2d2 } body, html { height: 100% } a, html { cursor: none } .home { background: url(../img/base.99d7e871.png) no-repeat } body, h1, h2, h3, h4, h5, h6, td, th, tr { color: #333; font-weight: 400; font-size: 12px; font-family: Microsoft YaHei } h1, h2, h3, h4, h5, h6 { display: inline } a { text-decoration: none; color: #333; outline: none } a:active { star:expression(this.onFocus=this.blur()) } a:focus { outline: none } textarea { resize: none } a:hover { color: #0050a0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none } em { font-style: normal } .ul, .ul li { list-style: none } input, select, textarea { outline: none; font-family: Microsoft YaHei } .clear { width: 100%; clear: both; height: 1px; overflow: hidden } .fl { float: left } .fr { float: right } .layout { width: 1200px; margin: 0 auto } .bw_1540 { width: 1540px; margin: 0 auto } .ul_li { list-style: none } .nowrap, .ov_hi { overflow: hidden } .nowrap { text-overflow: ellipsis; white-space: nowrap } .radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden } .shadow { box-shadow: 0 0 30px #ddd9d9 } .mg_15 { margin-top: 15px } .fl-clr { zoom: 1 } .fl-clr:after { display: block; clear: both; height: 0; content: "\0020" } .index_more, .index_more:after, .roll-hover-btn span, .switch { transition: all .3s ease } .roll-hover-btn:hover .s { margin-top: -18px } .all_shwo i:after, .all_shwo i:before { transition: all 1.5s ease } .a, .Menu_navul li .drop-down a, .scale img { transition: all .2s ease } .scale:hover img { transform: scale(1.1) } .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .all_shwo { position: fixed; z-index: 900; width: 100%; height: 100%; left: 0; top: 0; background: #2d3746 } .all_shwo i { width: 140px; height: 140px; border: 2px solid #fff; left: 50%; margin-left: -72px; top: 50%; margin-top: -72px; position: absolute; border-radius: 50% } .all_shwo i, .section { overflow: hidden } .section { perspective: 1000px; transform-style: preserve-3d; perspective-origin: 50% 50% } .scene_bg, .section { position: absolute; height: 100%; width: 100%; left: 0; top: 0 } .scene_bg { overflow: hidden } .scene_pic, .scene_text { overflow: hidden; display: block } .scene_inner { display: inline-block; text-align: justify } .scene_1_bg { background-size: cover } .scene_1_bg video { position: absolute; width: auto; height: auto; max-width: none; min-height: 100%; min-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) } .scene_1_bg div { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.55); z-index: 9 } .scene_2_bg { background: url(../img/bg2.d1391ed8.jpg) no-repeat 50%; background-size: cover } .lou { position: absolute; bottom: 0; left: 0; perspective: 1000px } .lou img, .scene_1 { width: 100% } .scene_1 { position: relative; z-index: 10; height: 100% } .index_logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .index_logo img { float: left } .index_logo .title { font-size: 30px; line-height: 30px; margin-top: 30px; letter-spacing: 8px; text-indent: 36px; color: #fff } .scene_2_lou { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 100%; background: url(../img/lou.69035c2e.png) 0 100% no-repeat } .index2 .img2 { position: absolute; height: 60vh; right: 0; bottom: 0; z-index: 2 } .index2_box { right: 0; width: 1300px; height: 750px; top: 15vh } .index2_box, .scene_2 .box { position: absolute; color: #fff } .scene_2 .box { z-index: 4; width: 40%; left: 50%; top: 50%; transform: translateY(-50%) } .scene_2 .h1 { font-size: 42px; text-transform: uppercase; font-family: en; overflow: hidden; letter-spacing: 5px } .scene_2 .h2 { font-size: 18px; overflow: hidden } .scene_2 .txt { font-size: 16px; line-height: 32px; margin: 3% 0; overflow: hidden } .subsidiary_box { padding-top: 3% } .subsidiary_hr { border-top: 1px solid #fff } .subsidiary_box .h3 { font-size: 16px; overflow: hidden } .subsidiary_list { overflow: hidden; padding-top: 5%; display: flex; flex-direction: row; justify-content: space-between } .subsidiary_list li { width: 77px; text-align: left } .subsidiary_list li div { text-align: center } .subsidiary_list li i { text-align: center; border-radius: 50%; border: 1px solid #fff; overflow: hidden; display: block; width: 75px; height: 75px; margin: 0 auto } .subsidiary_list li i img { width: 55px; height: 55px; margin: 10px } .subsidiary_list li p { font-size: 13px; padding-top: 10px } .index_more { font-size: 16px; font-family: en; display: block; height: 42px; border-radius: 50px; width: 134px; text-align: center; line-height: 42px; position: relative; border: 1px solid hsla(0,0%,100%,0) } .index_more a { color: #fff; position: relative; display: inline-block } .index_more a:after { content: ""; position: absolute; width: 100%; height: 1px; left: 0; background: #fff; bottom: 0 } .c0050A0 a:after { background: #0050a0 } .c0050A0 a { color: #0050a0 } .index_more:hover a:after { opacity: 0 } .index_more:hover { border: 1px solid #fff } .subsidiary_list li i img { transition: all .8s; transform: rotateY(0deg) } .subsidiary_list li:hover i img { transform: rotateY(-1turn) } .index2_box .h1 span { transition: all .8s } .index2_box .h2 span { transition: all 1.2s } .index2_box .txt span { transition: all 1.6s; opacity: 0; transform: translateY(200px); display: block } .index2_box .h1 span, .index2_box .h2 span, .index2_box .h3 span, .subsidiary_list li { position: relative } .scene_3_bg { background: url(../img/bg3.19a3ec9e.png) no-repeat 50%; background-size: cover } .yao-show { position: absolute; width: 45%; left: 17.5%; top: 50%; transform: translateY(-35%) } .yao-show .title { color: #fff } .yao-show .title .en { font-size: 42px; line-height: 42px; text-transform: uppercase; font-family: en; letter-spacing: 5px } .yao-show .title .cn { font-size: 18px; line-height: 42px } .yao-show .index_more { margin-left: -20px; margin-top: -7% } .yao-show .index_more a span { position: relative; padding-left: 25px } .yao-show .index_more a span:after { content: ""; position: absolute; width: 20px; height: 20px; left: 0; background: url(../img/shop.2dfefff9.svg) no-repeat; background-size: 100%; top: 50%; margin-top: -10px } .yao { margin-left: -20% } .yao img { width: 74%; margin: 3% 0; display: block } .index_logo { width: 22%; transform: translate(-40%, -30%) } .index_logo img { width: 100% } .scene_1 .index_logo { transform: translate(-50%, -50%) } .index3_box { width: 65%; margin: 0 auto; padding-top: 5%; position: relative; z-index: 3; top: 50%; padding-bottom: 50px; transform: translateY(-50%) } .index3_box .details_bottom { position: absolute; bottom: 0; width: 100% } .details_bottom .swiper-next { background: url(../img/left.c1a9866e.svg) no-repeat; background-size: cover; outline: none } .details_bottom .swiper-prev { background: url(../img/right.5ceb90d9.svg) no-repeat; background-size: cover; margin-left: 20px; outline: none } .index3_list { margin-left: -68px; display: flex; flex-wrap: wrap } .index3_list, .index3_list * { overflow: hidden } .index3_list li { width: 33.3%; float: left; margin-top: 30px; flex: 0 0 33.3%; max-width: 33.3%; -webkit-box-flex: 0 } .index3_list li a { display: block; overflow: hidden; margin-left: 70px } .index3_list li .img { display: block } .index3_list li img { width: 100% } .index3_list li .tip { font-size: 12px; color: #fff; display: inline-block; padding: 0 8px; line-height: 24px; background: #9ea09f; margin: 12px 0 5px 0; border-radius: 50px } .index3_list li .title { font-size: 20px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px } .index3_list li .time { color: #707070; font-size: 12px; padding: 5% 0 } .index3_box .index_more { color: #0050a0!important; margin: 0 auto } .index3_box .index_more:hover { border: 1px solid #0050a0 } .scene_5_bg { background: url(../img/bg5.95b92d36.png) no-repeat 50%; background-size: cover } .partner { position: absolute; width: 65%; top: 50%; left: 17.5%; transform: translateY(-60%) } .partner .title { color: #fff; text-align: center } .partner .title .en { font-size: 42px; line-height: 42px; letter-spacing: 5px } .partner .title .cn { font-size: 18px; line-height: 20px } .swiper-partners { position: relative; padding: 20px } .swiper-partners .swiper-pagination { bottom: 0; text-align: center; width: 100% } .swiper-partners .box { width: 135px; overflow: hidden; display: block; margin: 0 auto; height: 95px } .swiper-partners .box img { transition: all 2s ease; transform: translateY(100%) } .page_5 .swiper-partners .box img { transform: translateY(0) } .swiper-partners .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 12px; opacity: 1 } .swiper-partners .swiper-pagination .swiper-pagination-bullet-active { background: #007aff } .swiperPartners-list { overflow: hidden; text-align: center; margin-top: 30px } .swiperPartners-list li { width: 14.2%; float: left; text-align: center; padding: 0 0 30px 0 } .swiperPartners-list li img { max-width: 80% } .switch { position: absolute; left: 40px; top: 100px; font-size: 16px; font-family: en; width: 80px; height: 30px; line-height: 30px; text-align: center; z-index: 90 } .switch1.not_top { position: fixed; top: 63px } .switch1.not_top:after { content: ""; position: absolute; width: 60%; left: 20%; bottom: -1px; height: 1px; background: #0050a0; display: none } .switch1.not_top.cursor_close { color: #fff } .switch1.not_top:hover { border-radius: 50px; border: 1px solid #0050a0 } .switch1.not_top.cursor_close:hover { color: #0050a0; border: 1px solid #fff } .switch1 { color: #0050a0; border: 1px solid hsla(0,0%,100%,0); border-radius: 50px; background: #fff } .switch1:after { content: ""; position: absolute; width: 60%; left: 20%; bottom: -1px; height: 1px } .switch1.not_top, .switch1.not_top:hover, .switch1:after { background: #fff } .switch1.not_top.cursor_close:after { background: #fff; display: block } .switch1.cursor_close { color: #fff; background: none; top: 70px } .switch1.cursor_close:hover { border: 1px solid #fff } .switch1.cursor_close:after { background: #fff } .switch2 { color: #fff; border-radius: 50px; text-align: center; z-index: 90; border: 1px solid hsla(0,0%,100%,0); display: none } .switch2:after { content: ""; position: absolute; width: 60%; left: 20%; bottom: -1px; height: 1px; background: #fff } .switch2:hover { border: 1px solid #fff; color: #fff } .switch2.active { color: #0050a0 } .switch2.active:after { background: #0050a0 } .switch2.active:hover { border: 1px solid #0050a0 } .switch2.cursor_close { top: 70px; color: #fff } .switch2.cursor_close:hover { border: 1px solid #fff; color: #fff } .switch2.cursor_close:after { background: #fff } .is_home .switch1 { display: none } .is_home .switch2 { display: block } .mask_i { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: transparent; z-index: 10; visibility: hidden } .mask_i.active { background: rgba(0,0,0,.6); visibility: visible; transition: all .5s ease } .Menu_nav { position: fixed; left: 0; top: 0; width: 540px; height: 100%; z-index: 11; overflow: hidden; visibility: hidden } .Menu_nav .box { position: relative; z-index: 2; top: 150px; padding: 0 0 0 60px } .Menu_contact .contactBg, .Menu_nav .navBg { height: 100%; position: absolute; left: 0; top: 0 } .Menu_contact .contactBg { transform: rotate(180deg) } .Menu_contact.active .contactBg, .Menu_nav.active .navBg { width: 540px } .Menu_nav.active .box { display: block } .Menu_navul li { padding: 10px 0 } .Menu_navul li .a { font-size: 24px; color: #666; line-height: 30px } .Menu_navul li .a em { width: 13px; height: 13px; display: inline-block; position: relative; vertical-align: middle; margin-left: 5px } .Menu_navul li .a i { height: 1px; width: 100%; background: #666; display: block; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); transform-origin: 0 0; transition: all .3s ease } .Menu_navul li .a i:first-child { transform: rotate(90deg) translate(-50%, -50%) } .Menu_navul li.on .a i:first-child { transform: rotate(0deg) translate(-50%, -50%) } .Menu_navul li .gon, .Menu_navul li .router-link-exact-active, .Menu_navul li:hover .a { color: #fff; font-size: 26px; margin-left: -10px } .Menu_navul li .drop-down { padding-top: 20px; display: none } .Menu_navul li .drop-down a { font-size: 16px; color: #666; line-height: 25px } .Menu_navul li:hover .drop-down a { color: #fff } .Menu_navul li .drop-down .router-link-exact-active, .Menu_navul li .drop-down a:hover { font-size: 18px; margin-left: -10px } .Menu_navul li.on, .Menu_navul li.on .a, .Menu_navul li.on .drop-down a { color: #fff } .Menu_contact { position: fixed; right: 0; top: 0; width: 540px; height: 100%; z-index: 11; overflow: hidden; visibility: hidden } .Menu_contact .navBg { width: 0; height: 100%; position: absolute; background-size: cover; right: 0; top: 0 } .Menu_contact .box { position: relative; z-index: 2; top: 70px; padding: 0 100px 0 228px; color: #fff } .Menu_contact.active { visibility: visible } .Menu_contact.active .navBg { width: 540px } .Menu_contact.active .box { display: block } .Menu_contact .box .h1 { font-size: 14px; position: relative; line-height: 20px } .Menu_contact .box .h1 .t { padding-left: 25px; background: url(../img/contacta.e65322b4.svg) no-repeat 0 } .Menu_contact .box .h1 .close { position: absolute; right: 0; top: 50%; margin-top: -7px; width: 20px; height: 20px; background: url(../images/img/contact_close.dc24c37e.svg) no-repeat 50% } .Menu_contact dl { padding-top: 90px } .Menu_contact dd { padding-bottom: 30px } .Menu_contact dd .title { font-size: 32px; padding-bottom: 15px } .Menu_contact dd .text { font-size: 18px } .Menu_contact dt { width: 120px; text-align: center } .Menu_contact dt img { width: 100% } .Menu_contact dt p { font-size: 14px; padding-top: 10px } .mask { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,.6); left: 0; z-index: 10 } .mask, .Menu_logo { visibility: hidden } .Menu_logo { opacity: 0 } .page_2bnt { margin-top: 30px } @media (max-height:800px) { .Menu_contact dl { padding-top: 30px } .index3_box { width: 50% } } @media (max-height:730px) { .switch.on { top: 10% } .Menu_nav .box { top: 20% } .yao img { width: 45%; margin: 2% 0 } .index_logo { width: 22% } .index_logo img { width: 100%; float: left } } @media (max-height:700px) { .Menu_navul li { padding: 5px 0 } .Menu_navul li .a { font-size: 20px } .Menu_navul li:hover .a { color: #fff; font-size: 22px } .Menu_navul li .drop-down { padding-top: 10px } .Menu_contact dd .title { font-size: 28px; padding-bottom: 10px } .Menu_contact dd .text { font-size: 16px } .Menu_contact dd { padding-bottom: 15px } } @media screen and (max-width:1380px) { .index3_list li .title { font-size: 14px } .scene_2 .box { width: 60%; left: 30% } } @media screen and (max-width:750px) { .home { background: url(../img/base_web.376bb5d9.jpg) no-repeat 50%; background-size: cover } #fxIco img, .loading { width: 1.4rem!important; height: 1.4rem!important } .layout { width: auto } .pc { display: none } .web { display: block } .scene_1 { background: rgba(0,0,0,.55) } .scene_1_bg { background: url(../img/scene_1_bg.3b5e3e96.jpg) no-repeat 50%; background-size: cover } .scene_1_bg div, .scene_1_bg video { background: none } .Menu_nav.active .navBg { transform: scaley(-1); width: 6.8rem } .Menu_nav { width: 5.7rem } .Menu_nav .box { top: 2.35rem; padding:0 0 0 .5rem; width: 3rem } .Menu_navul li .a { font-size:.4rem; line-height:.5rem } .Menu_navul li .gon, .Menu_navul li .router-link-exact-active, .Menu_navul li:hover .a { margin-left: 0; font-size:.4rem } .Menu_navul li .drop-down a { font-size:.28rem; line-height:.45rem } .Menu_navul li .drop-down .router-link-exact-active, .Menu_navul li .drop-down a:hover { margin-left: 0; font-size:.3rem } .Menu_logo { position: absolute; top:.4rem; left:.5rem; color: #fff; z-index: 4 } .Menu_logo img { height:.45rem; display: block } .Menu_logo .t { font-size:.21rem; line-height:.3rem; margin-top:.1rem; display: block } .Menu_nav.active .Menu_logo { opacity: 1; visibility: inherit } .scene_2 .box { width: calc(100% - 1rem); left: 0; top: 2.25rem; transform: translate(0); padding:0 .5rem } .scene_2 .h1 { font-size:.48rem } .scene_2 .h2 { font-size:.28rem } .scene_2 .txt { font-size:.24rem; line-height:.4rem; margin:.6rem 0 .2rem 0 } .subsidiary_box { padding-top:.3rem } .subsidiary_box .h3 { font-size:.24rem } .subsidiary_list { padding-top:.3rem } .subsidiary_list li p { font-size:.2rem } .subsidiary_list li { width: 1.1rem } .subsidiary_list li i { width: 1rem; height: 1rem; margin-top:.05rem } .subsidiary_list li i img { width:.8rem; height:.8rem; margin:.1rem } .lou { height: 40% } .lou img { height: 100%; width: auto } .index_more { border: 1px solid hsla(0,0%,100%,0)!important; height: auto; font-size:.24rem; width: 100%; line-height:.58rem } .index_more a { border: 1px solid #fff; width: 1.96rem; border-radius:.5rem; float: right; text-align: center } .yao-show .index_more a { float: none } .index_more a:after { display: none } .page_2bnt { float: none!important; margin:.55rem 0 0 0!important; text-align: center } .scene_3_bg { background: url(../img/bg3_web.a4d5804b.jpg) no-repeat 50%; background-size: cover } .yao-show { width: calc(100% - 1rem); left: 0; top: 2.25rem; transform: translate(0); padding:0 .5rem } .yao-show .title .en { font-size:.48rem; line-height:.6rem } .yao-show .title .cn { font-size:.28rem; line-height:.37rem } .yao { margin-left:-.8rem } .yao img { margin:3.4rem 0 .3rem 0; width: 74% } .index_logo { transform: translate(-50%); top: 4rem } .scene_1 .index_logo { top: 50% } .yao-show .index_more { text-align: left; margin: 0 } .yao-show .index_more a { text-align: center } .yao-show .index_more a span { padding-left: 22px } .yao-show .index_more a span:after { width: 17px } .index3_box { width: calc(100% - 1rem); padding:0 .5rem } .index3_box .details_bottom { display: none } .index3_list { margin-left:-.3rem } .index3_list li { width: 50%; margin-top:.6rem; flex: 0 0 50%; max-width: 50% } .index3_list li a { margin-left:.3rem; position: relative } .index3_list li .tip { font-size:.18rem; padding: 0 8px; line-height:.3rem; margin: 12px 0 5px 0 } .index3_list li .title { font-size:.24rem; line-height:.3rem; height:.9rem; text-overflow: inherit; white-space: inherit; overflow: hidden; padding-top:.1rem; text-align: justify } .index3_list li .time { color: #fff; font-size:.2rem; line-height:.2rem; padding: 0; position: absolute; left:.2rem; top:.15rem } .partner { width: calc(100% - 1rem); left: 0; top: 2rem; transform: translate(0); padding:0 .5rem } .partner .title { display: none } .swiper-partners { padding: 0 } .swiper-partners .swiper-pagination { display: none } .swiperPartners-list { margin-top: 0 } .swiperPartners-list li { width: 33.3%; padding: 0 } .swiperPartners-list li .box { width: auto; height: 85px } } @media screen and (max-width:320px) { .swiperPartners-list li .box { height: 70px } }