body { margin: 0; padding: 0; background: #FFFFFF; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a,button { transition: background .3s ease-in-out; outline: none!important; } a:hover { text-decoration: none; cursor: pointer; } .bloc { width: 100%; clear: both; background: 50% 50% no-repeat; padding: 0 50px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; display: flex; } .bloc .container { padding-left: 0; padding-right: 0; } .bloc-md { padding: 50px; } .bloc-sm { padding: 20px 50px; } .full-width-bloc { padding-left: 0; padding-right: 0; } .full-width-bloc .row { margin-left: 0; margin-right: 0; } .full-width-bloc .container { width: 100%; max-width: 100%!important; } .full-width-bloc .carousel img { width: 100%; height: auto; } .bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat { -webkit-background-size: auto!important; -moz-background-size: auto!important; -o-background-size: auto!important; background-size: auto!important; } .bg-t-edge { background: top no-repeat; } .bloc-bg-texture::before { content: ""; background-size: 2px 2px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .texture-darken::before { background: rgba(0,0,0,0.5); } .b-parallax { background-attachment: fixed; } @media (hover: none) { .b-parallax { background-attachment: scroll; } .p-bloc-63-style{ line-height:24px; font-size:28px; } .height-max-compare-table{ max-height:170px; } .input{ border-style:solid; border-radius:0px 0px 0px 0px; border-width:0px 0px 0px 0px; } } .d-bloc { color: rgba(255,255,255,.7); } .d-bloc button:hover { color: rgba(255,255,255,.9); } .d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b { border-color: rgba(255,255,255,.9); } .d-bloc .divider-h span { border-color: rgba(255,255,255,.2); } .d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a { color: rgba(255,255,255,.6); } .d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover { color: rgba(255,255,255,1); } .d-bloc .navbar-toggle .icon-bar { background: rgba(255,255,255,1); } .d-bloc .btn-wire,.d-bloc .btn-wire:hover { color: rgba(255,255,255,1); border-color: rgba(255,255,255,1); } .d-bloc .card { color: rgba(0,0,0,.5); } .d-bloc .card button:hover { color: rgba(0,0,0,.7); } .d-bloc .card icon { border-color: rgba(0,0,0,.7); } .d-bloc .card .divider-h span { border-color: rgba(0,0,0,.1); } .d-bloc .card .a-btn { color: rgba(0,0,0,.6); } .d-bloc .card .a-btn:hover { color: rgba(0,0,0,1); } .d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover { color: rgba(0,0,0,.7); border-color: rgba(0,0,0,.3); } .d-bloc .card,.l-bloc { color: rgba(0,0,0,.5); } .d-bloc .card button:hover,.l-bloc button:hover { color: rgba(0,0,0,.7); } .l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b { border-color: rgba(0,0,0,.7); } .d-bloc .card .divider-h span,.l-bloc .divider-h span { border-color: rgba(0,0,0,.1); } .d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a { color: rgba(0,0,0,.6); } .d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover { color: rgba(0,0,0,1); } .l-bloc .navbar-toggle .icon-bar { color: rgba(0,0,0,.6); } .d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover { color: rgba(0,0,0,.7); border-color: rgba(0,0,0,.3); } .voffset { margin-top: 30px; } .voffset-md { margin-top: 50px; } .voffset-lg { margin-top: 80px; } .b-divider { border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } .hero .hero-nav { padding-left: inherit; padding-right: inherit; } .sticky-nav.sticky { position: fixed; top: 0; z-index: 1000; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: all .2s ease-out; } .navbar-light .menu-icon-thick-bars .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='5' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .menu-icon-thick-bars .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='5' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-toggle.menu-icon-thick-bars { margin-top: 4px!important; } .navbar-light .navbar-nav .nav-link { color: rgb(64, 64, 64); } .btco-menu li > a { padding: 10px 15px; color: #000; } .btco-menu .active a:focus,.btco-menu li a:focus ,.navbar > .show > a:focus { background: transparent; outline: 0; } .dropdown-menu .show > .dropdown-toggle::after { transform: rotate(-90deg); } .mg-clear { margin: 0; } .mg-sm { margin-top: 10px; margin-bottom: 5px; } .mg-md { margin-top: 10px; margin-bottom: 20px; } .mg-lg { margin-top: 10px; margin-bottom: 40px; } img.mg-sm,img.mg-md,img.mg-lg { margin-top: 0; } img.mg-sm { margin-bottom: 10px; } img.mg-md { margin-bottom: 30px; } img.mg-lg { margin-bottom: 50px; } .btn-d,.btn-d:hover,.btn-d:focus { color: #FFF; background: rgba(0,0,0,.3); } button { outline: none!important; } .btn-sq { border-radius: 0px; } .btn-style-none,.btn-style-none:hover,.btn-style-none:active,.btn-style-none:focus { background: none; box-shadow: none; padding: 0; } .a-block { width: 100%; text-align: left; display: inline-block; } .text-center .a-block { text-align: center; } .icon-sm { font-size: 18px!important; } .icon-md { font-size: 30px!important; } .blockquote { padding: 0 20px; border-left: 2px solid; } .blockquote.text-right { border-left: 0; border-right: 2px solid; } .list-sp-md li { padding-bottom: 10px; } .list-sp-lg li { padding-bottom: 20px; } .list-sp-xl li{ line-height:38px; } .list-horizontal-layout li { float: left; margin: 0 10px; } .list-sp-md li:last-child,.list-sp-lg li:last-child,.list-sp-xl li:last-child { padding-bottom: 0; } .card-sq, .card-sq .card-header, .card-sq .card-footer { border-radius: 0; } .card-rd { border-radius: 30px; } .card-rd .card-header { border-radius: 29px 29px 0 0; } .card-rd .card-footer { border-radius: 0 0 29px 29px; } .divider-h { padding: 20px 0; width: 100%; display: inline-block; } .divider-h span { display: block; border-top: 1px solid transparent; } .divider-half { width: 50%; margin: 0 auto; } .dropdown-menu .divider-h,.dropdown-menu .divider-half { padding: 0; } .form-control { border-color: rgba(0,0,0,.1); box-shadow: none; } .carousel-caption-center { top: 50%; bottom: initial; transform: translateY(-50%); } .carousel-caption-top { bottom: inherit; top: 20px; } .hide-indicators { display: none; } .scroll-fx-in-range { will-change: opacity; } .scrollToTop { width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; opacity: 0; z-index: 500; transition: all .3s ease-in-out; } .scrollToTop span { margin-top: 6px; } .showScrollTop { font-size: 14px; opacity: 1; } a[data-lightbox] { position: relative; display: block; text-align: center; } a[data-lightbox]:hover::before { content: "+"; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial; font-size: 32px; line-height: 42px; width: 50px; height: 50px; margin-left: -25px; border-radius: 50%; background: rgba(0,0,0,.6); color: #FFF; font-weight: 100; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } a[data-lightbox]:hover img { opacity: 0.6; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .lightbox-caption { padding: 20px; color: #FFF; background: rgba(0,0,0,.5); position: absolute; left: 15px; right: 15px; bottom: 5px; } .close-lightbox { color: #FFF; font-size: 30px; position: absolute; top: 20px; right: 20px; z-index: 20; background: rgba(0,0,0,.5); border: none; line-height: 30px; padding: 0 9px 5px; opacity: 0.3; border-radius: .25rem; } .close-lightbox:hover,.next-lightbox:hover, .prev-lightbox:hover { opacity: 1.0; color: #FFF; } .next-lightbox, .prev-lightbox { font-size: 20px; color: rgba(255,255,255,.9); background: rgba(0,0,0,.5); transition: all .2s ease-in-out; position: absolute; top: 45%; z-index: 1; opacity: 0.4; border-radius: .25rem; } .next-lightbox { padding: 6px 8px 1px 13px; right: 25px; } .prev-lightbox { padding: 6px 13px 1px 10px; left: 25px; } .frameless-lb { border-radius: 0; border: none; } .frameless-lb .modal-body { padding: 0; } .frameless-lb .lightbox-caption { left: 0; right: 0; bottom: -16px; } .object-hidden { display: none; } h1,h2,h3,h4,h5,h6,p,label,.btn,a { font-family: "Roboto"; font-weight: 400; } .container { max-width: 1600px; } .percent-90 { margin-left: 5%; margin-right: 5%; width: 90%; } .navbar-brand img { width: 100px; } /******** Nav ********/ .site-navigation > li{ padding: 0; margin: 0; float: left; position: relative; display: block; } .zlight-dropdown:hover > .zlight-submenu{ display: block; } .zlight-submenu{ display: none; position: absolute; top: 100%; left: 0; z-index: 9999; padding:5px 0; white-space:nowrap; background-color:#FFF; border-radius:0 0 4px 4px; border:1px solid rgba(0,0,0,0.5); } .zlight-submenu .zlight-submenu{ top: 0; left: 100%; } .zlight-submenu > li{ display: block; font-size:14px; padding:0 15px; position: relative; } .zlight-submenu > li > a{ display: block; margin:0; padding:6px 0; font-weight:bolder; color: rgba(0,0,0,0.4)!important; } .zlight-submenu > li > a:hover{ font-weight:bolder; color: rgba(0,0,0,0.8)!important; } .navbar-button { font-weight: 700; color: rgba(0,0,0,0.4)!important; border-style: solid; border-width: 0px 0px 4px 0px; border-color: rgba(0,0,0,0.0)!important; } .navbar-button:hover { color: #000000!important; border-color: #006FDF!important; } .navbar-button-visited { font-weight: 700; border-style: solid; border-width: 0px 0px 4px 0px; border-color: #006FDF!important; } .home-carousel-image { max-width: 50%; } .home-carousel-caption { color: #000000!important; border-style: solid; border-color: rgba(0,0,0,0.3)!important; margin: -20% -15% -30% 40%; padding: 80% 4% 40% 4%; border-width: 8px 8px 8px 8px; } h1 { font-size: 4em; } .h1-style { font-weight: 700; letter-spacing: -0.02em; line-height: 100%; } .font-capitalize { white-space: nowrap; text-transform: uppercase; } .h3-style { font-weight: 700; } h3 { font-size: 1.8em; } .h3-with-style { letter-spacing: -0.02em; line-height: 100%; } .white-bg { background-color: #FEFFFE; } .light-button { border-style: solid; border-color: rgba(0,0,0,0.5)!important; font-weight: 700; text-transform: uppercase; color: rgba(0,0,0,0.5)!important; background-color: transparent; border-width: 3px 3px 3px 3px; } .light-button:hover { border-style: solid; border-color: #006FDF!important; background-color: #006FDF; color: #FFFFFF!important; border-width: 3px 3px 3px 3px; } .underline { border-style: solid; border-width: 0px 0px 4px 0px; } h2 { font-size: 2em; } .h2-style { font-family: Roboto; font-weight: 400; line-height: 150%; letter-spacing: -1px; font-size: 2em; } .addaptive-padding { margin-top: 0px; padding-top: 45px; } .h3-financial-style { font-family: Roboto; font-weight: 500; } .dark-link { text-decoration: underline!important; font-weight: 700; color: rgba(0,0,0,0.7)!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dark-link:hover { text-decoration: underline!important; color: #0071E6!important; } .dark-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .padding-bottom-10 { margin-bottom: 20px; } .scroll-fade-in { margin-top: -30%; padding-top: 30%; } .product-home-image { color: transparent!important; margin: 15% 15% 15% 15%; padding: 10% 10% 10% 10%; } .blue-hover { background-color: transparent; } .blue-hover:hover { background-color: #0071E6; text-decoration: none; font-weight: normal; } .product-home-label-offset { padding-right: 0px; padding-left: 0px; text-decoration: none; margin-right: 0px; margin-left: 0px; padding-bottom: 14px; margin-top: -42px; } .gray-hover { background-color: transparent; } .gray-hover:hover { background-color: #E6E7E8; text-decoration: underline!important; } .lightgray-bg { background-color: #F6F7F8; } .padding-10 { padding: 50px 50px 50px 50px; } .light-link { color: rgba(0,0,0,0.5)!important; } .light-link:hover { color: #FEFFFE!important; } .font-bold { font-weight: bold; } .box-shadow { box-shadow: 0px 10px 30px rgba(0,0,0,0.2); } .padding-5 { padding: 5% 5% 5% 5%; } .link-txt-underline:hover { text-decoration: underline!important; } .navbar-icon-offset { padding:0 10px 11px; margin-top:9px; font-size: 20px!important; } .font-condensed { font-weight: normal; text-transform: none; } .font-condensed-bold { font-weight: bold; } .footer-link { font-family: "Roboto"; font-weight: 400; font-size: 0.75em; line-height: 100%; } .blue-underline { border-style: solid; border-color: #0071E6!important; border-width: 0px 0px 6px 0px; } .padding-1 { padding: 4% 4% 4% 4%; } .solution-home-image { margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; } .shadow-offset { margin-bottom: 5%; } .white-hover-shadow:hover { background-color: #FFFFFF; box-shadow: 0px 10px 30px rgba(0,0,0,0.2); } .case-logo-offset { margin-bottom: 30px; } .case-logo-hover-frame:hover { border-style: solid; border-color: #006FDF!important; border-width: 4px 4px 4px 4px; } .case-logo { padding: 10% 10% 10% 10%; } .font-bolditalic { font-weight: bold; font-style: italic; } .column-offset-2 { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px 0px 0px 0px; } .product-main-nav-image { width: 60px; padding: 0px 0px 0px 0px; } .product-main-title { margin-left: -100%; color: #FEFFFE!important; padding-bottom: 50px; padding-top: 35px; margin-top: auto; margin-bottom: auto; } .fontcolor-black { color: #000000!important; } .h2-feitian-style { letter-spacing: -1px; } .h2-3-style { letter-spacing: -1px; } .h2-4-style { letter-spacing: -1px; } .h2-8-style { letter-spacing: -1px; } .product-main-nav-button { color: #000000!important; border-style: solid; border-color: rgba(0,0,0,0.0)!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-width: 0px 0px 2px 0px; } .product-main-nav-button:hover { color: #000000!important; border-style: solid; border-color: #0071E6!important; border-width: 0px 0px 2px 0px; } .product-main-nav-padding { padding-bottom: 10px; padding-top: 10px; margin-right: auto; margin-left: auto; } .product-main-sub-title { margin-right: 0px; margin-bottom: 0px; margin-top: -5px; padding: 0px 65px 50px 65px; } .column-offset-3 { padding-top: 0px; margin-top: 0px; padding-bottom: 25px; } .additional-padding-botom { padding-bottom: 30px; } .product-detail-content-offset { padding-bottom: 20%; padding-top: 40%; padding-left: 0px; } .fontcolor-white { color: #FFFFFF!important; } .font-shadow { text-shadow: 0px 0px 15px rgba(0,0,0,0.5); } .fontcolor-gray { color: rgba(127,127,127,0.8)!important; } .product-detail-customize-position { padding-left: 0px; padding-right: 0px; } .width-limit { max-width: 1440px; margin-right: auto; margin-left: auto; } .product-detail-customize-carousel { width: 100%; margin-left: -15%; padding-bottom: 0px; margin-bottom: -20px; } .product-detail-customize-carousel-margin { margin-bottom: 0px; padding-bottom: 90px; } .product-detail-customize-padding { padding-bottom: 0px; margin-bottom: 130px; margin-top: 50px; } .img-style { width: 20px; } .resources-icon-offset { margin-top: -3px; } .resources-checklist-offset { margin-top: 2px; margin-left: 5px; } .resources-sublist-offset { margin-top: 10px; } .box-shadow-2 { border-style: solid; border-color: rgba(0,0,0,0.2)!important; padding-top: 0%; padding-right: 0%; padding-left: 0%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); margin: 0px 0px 10px 0px; border-width: 0px 0px 0px 0px; } .img-bloc-32-style { width: 20px; margin-top: 0px; } .resources-list-row-offset { margin-top: -5px; } .resources-icon-offset-2 { margin-right: 10px; width: 20px; margin-top: -2px; padding: 0% 0% 0% 0%; } .frame { border-style: solid; border-color: rgba(0,0,0,0.2)!important; border-width: 2px 2px 2px 2px; } .additional-margin-bottom { padding-bottom: 0%; margin-bottom: 20px; } .zero-margin-around { margin: 0px 0px 0px 0px; padding: 0% 0% 0% 0%; } .additional-margin-right { margin-right: 10px; } .fontcolor-blue { color: #0071E6!important; } .p-style { letter-spacing: 0px; } .fading-black-botom { background-color: #000000; background: linear-gradient(0deg, #000000, rgba(0,0,0,0.0)); } .pr-bg-height { height: 800px; } .pr-arrow-position { height: 135px; } .blue-arrow { background-color: transparent; color: #006FDF!important; } .img-logo-alt-2--style { width: 150px; } .contact-offset { margin-top: -200px; } .additional-margin-top { margin-top: 20px; } .store-label-offset { margin-top: -28px; margin-right: 0px; margin-left: 0px; padding-top: 0%; padding-right: 0%; padding-left: 0%; } .store-image-casing { width: 100px; height: 100px; } .selection-blue-frame { border-style: solid; border-color: rgba(0,0,0,0.2)!important; border-width: 2px 2px 2px 2px; } .selection-blue-frame:hover { border-color: #006FDF!important; border-width: 2px 2px 2px 2px; } .selection-blue-frame:active { border-style: solid; border-color: #006FDF!important; border-width: 2px 2px 2px 2px; } .p-bloc-56-style { font-size: 50px; line-height: 50px; } .p-150-style { font-size: 30px; line-height: 10px; } .home-carousel-caption-2 { width: 45%; margin-right: -10%; margin-left: -15%; margin-bottom: 10px; } .home-carousel-arrow-2 { width: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .width-1600 { margin-left: auto; margin-right: auto; max-width: 1600px; background-color: transparent; } .home-carousel-button-2 { font-weight: bold; text-transform: uppercase; background-color: #FFFFFF; color: #000000!important; } .font-regular { font-weight: normal; } .home-carousel-caption-2-margin { margin-left: 50px; } .home-carousel-button-2:hover { background-color: #006FDF; color: #FFFFFF!important; } .home-product-image { margin-bottom:20px; padding: 0% 20% 0% 20%; } .gradient-gray-bg { background-color: #959DA3; background: linear-gradient(45deg, #B1C3D9, #3A4450); } .row-margin-50 { margin-top: 50px; } .h3-feitian-style { line-height: 150%; } .home-solution-content { margin-left: -100%; } .top-padding-50 { padding-top: 36px; } .top-margin-neg50 { margin-top: -50px; } .row-margin-50_2 { margin-right: 20px; margin-left: 20px; margin-top: 0px; } .light-blue-bg { background-color: #659ECE; } .white-framed-button { font-weight: 700; text-transform: uppercase; background-color: transparent; border-style: solid; border-color: #FEFFFE!important; border-width: 3px 3px 3px 3px; } .white-framed-button:hover { border-style: solid; border-color: #FEFFFE!important; background-color: #FEFFFE; color: #0D3A59!important; border-width: 3px 3px 3px 3px; } .fontcolor-darkblue { color: #003B5B!important; } .product-home-label { font-size: 0.75em; color: #BFBFBF!important; background-color: transparent; } .font-condensed-bold:hover { font-weight: bold; } .product-home-column-offseet { margin-bottom: -20px; } .product-home-label:hover { color: #000000!important; text-decoration: underline!important; } .product-home-big-image { width: 100%; margin-left: 25%; } .h3-easy-carry-style { line-height: 100%; } .h1-bloc-20-style { line-height: 100%; } .home-carousel-button:hover { border-width: 0px 0px 0px 0px; } .product-detail-nav-link { font-weight: bold; color: rgba(0,0,0,0.4)!important; border-style: solid; border-color: rgba(0,0,0,0.0)!important; border-width: 0px 0px 2px 0px; } .product-detail-nav-link:hover { color: #000000!important; border-style: solid; border-color: rgba(0,113,230,0.0)!important; border-width: 0px 0px 2px 0px; } .product-detail-nav-active { border-style: solid; border-color: #0071E6!important; font-weight: bold; color: #000000!important; border-width: 0px 0px 2px 0px; } .product-detail-nav-button { font-weight: bold; text-transform: uppercase; color: #FEFFFE!important; background-color: #0071E6; } .product-detail-nav-button:hover { background-color: #0071E6; color: #FEFFFE!important; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .product-detail-content-right { margin-left: -50%; margin-top: auto; margin-bottom: auto; } /* .product-detail-image-right { margin-bottom: -12.5%; } .product-detail-image-left { margin-bottom: -12.5%; } */ .product-detail-content-left { margin-left: -100%; margin-top: auto; margin-bottom: auto; } .p-bloc-63-style { font-size: 32px; line-height: 24px; } .p-174-style { font-size: 32px; line-height: 24px; } .p-bloc-64-style { font-size: 32px; line-height: 24px; } .p-248-style { font-size: 32px; line-height: 24px; } .p-250-style { font-size: 32px; line-height: 24px; } .vision-image { width: 100%; } .vision-content-offset { margin: auto auto auto auto; } .height-400 { height: 400px; } .solution-carousel-caption { margin: 0px -100px 0px -100px; padding: 0px 80px 0px 80px; } .home-solution-margin-50 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 50px; } .content-center-vertical { margin: auto 0px auto 0px; padding: 0px 0px 0px 0px; } .home-solution-carousel-button { width: 50px; } .product-detail-nav-toggle { font-weight: 700; font-size: 2em; } .cert-logo { padding: 10% 10% 10% 10%; } .p-bloc-67-style { font-size: 0.75em; } .hover-shadow:hover { box-shadow: 0px 10px 30px rgba(0,0,0,0.2); } .product-home-image:hover { margin: 15% 15% 15% 15%; padding: 0% 0% 0% 0%; } .hover-gray-gradient-bg:hover { background: linear-gradient(45deg, #B1C3D9, #3A4450); } /* Store Product Input */ input.labelauty + label{ width:100%; padding:6px 0; font-size: 1em; cursor: pointer; font-weight: 700; text-align:center; background-color: #FEFFFE; color: rgba(0,0,0,0.5)!important; border: 2px solid #DFDFDF!important; } input.labelauty + label:hover{ color: #006FDF!important; background-color: #FEFFFE; border: 2px solid #006FDF!important; } input.labelauty + label > span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked{ display: inline-block; } input.labelauty:not(:checked) + label > span.labelauty-checked{ display: none; } input.labelauty:checked + label{ color: #FFFFFF!important; background-color: #004FA2; border: 2px solid #004FA2!important; } input.labelauty:checked + label > span.labelauty-unchecked{ display: none; } input.labelauty:checked + label > span.labelauty-checked{ display: inline-block; } .store-label { font-size: 01em; } .store-button { border-style: solid; border-color: #DFDFDF!important; color: rgba(0,0,0,0.5)!important; font-size: 1em; font-weight: 700; background-color: #FEFFFE; border-width: 2px 2px 2px 2px; } .store-button:hover { border-style: solid; border-color: #006FDF!important; color: #006FDF!important; background-color: #FEFFFE; border-width: 2px 2px 2px 2px; } .store-button:active { color: #FFFFFF!important; border-style: solid; border-color: #004FA2!important; background-color: #004FA2; border-width: 2px 2px 2px 2px; } .h3-bloc-56-style { font-size: 1em; font-weight: 700; } .img-aliba-style { width: 200px; } .button-padding { margin-right: 20px; margin-bottom: 20px; } .tab-nav { border-style: solid; border-color: #000000!important; border-width: 2px 0px 0px 0px; } .product-detail-content-minimumheight { min-height: 75vh; } .product-detail-casinglist { margin-right: auto; margin-left: auto; } .height-33screen { min-height: 33vh; } .solution-square-heightlimit { max-height: 200vh; min-height: 0vh; } .solution-bloc-padding { margin-top: 50px; margin-bottom: 50px; } .solution-content-padding { margin: auto auto auto auto; } .additional-white-bloc { height: 50px; background-color: #FFFFFF; width: 100%; color: transparent!important; margin-right: auto; margin-left: auto; } .footertitle-link { font-size: 20px; line-height: 24px; color: #FFFFFF!important; } .padding-5-up { margin: 0px 0px 0px 0px; padding: 5% 5% 0% 5%; } .padding-5-down { margin: 0px 0px 0px 0px; padding: 0% 5% 5% 5%; } .padding-productmain-sub-down { margin: 0px 0px 0px 0px; padding: 0px 65px 50px 65px; } .padding-homearticle-up { padding: 50px 50px 20px 50px; } .padding-homearticle-down { padding-right: 50px; padding-bottom: 50px; padding-left: 50px; } .padding-productmain-sub-mid { margin: 0px 0px 0px 0px; padding: 0px 50px 15px 50px; } .half-vh { min-height: 50vh; } .support-lable-offset { margin: -65px 0% 0% 0%; padding: 0px 0px 0px 0px; } .support-icon { background-color: rgba(95,127,159,0.8); box-shadow: 0px 0px 0px rgba(0,0,0,0.2); text-align: center; color: #FFFFFF; background-position: center center; text-shadow: 0px 5px 10px rgba(0,15,31,0.5); } .support-icon:hover { background-color: #FFFFFF; box-shadow: 0px 15px 30px rgba(0,7,15,0.2); color: #000000; background-position: center center; text-shadow: 0px 10px 20px rgba(0,15,31,0.5); text-align: center; } .case-logo:hover { margin: -10% -10% -10% -10%; padding: 0% 0% 0% 0%; } .store-logo { padding: 10% 10% 10% 10%; } .scrolleffect-offset { margin-top: -30%; padding-top: 30%; } .document-thumbnail { max-width: 100px; max-height: 100px; margin: 30px 30px 30px 30px; padding: 0px 0px 0px 0px; } .document-thumbnail:hover { max-width: 120px; max-height: 120px; margin: 20px 20px 20px 20px; padding: 0px 0px 0px 0px; } .document-thumbnail-shadow { box-shadow: 0px 1px 5px rgba(0,0,0,0.5); } .document-thumbnail-shadow:hover { box-shadow: 0px 10px 20px rgba(0,0,0,0.3); } h4 { font-size: 1.5em; } .width-max-960 { margin-right: auto; margin-left: auto; max-width: 960px; } .gray-bg { background-color: #EFEFEF; } .support-lable-offset-2 { margin: 0px 0% 0% 0%; padding: 0% 0% 0% 0%; } .support-icon-2 { color: transparent!important; padding: 10% 10% 10% 10%; } .support-icon-2:hover { box-shadow: 0px 10px 30px rgba(0,0,0,0.2); color: #000000!important; padding: 0% 0% 0% 0%; } .support-icon-position { max-width: 20%; margin: 10% auto; } .full-vh { min-height: 100vh; } .horizontal-center { margin-right: auto; margin-left: auto; } .vertical-center { margin-top: auto; margin-bottom: auto; } .store-detail-option-padding { padding: 50px 50px 50px 50px; } .team-card { min-height: 350px; } .p-513-style { font-size: 16px; line-height: 24px; } .blue-link { text-decoration: underline!important; } .blue-link:hover { text-decoration: underline!important; color: #0079FF!important; } .p-bloc-60-style { font-size: 12px; line-height: 18px; } .offset404 { margin-left: -100%; margin-top: 20%; } .bgc-white { background-color: #FFFFFF; } .bgc-black { background-color: #000000; } .bgc-white-smoke { background-color: #F6F7F8; } .bgc-blue-gray { background-color: #659ECE; } .bgc-cobalt { background-color: #004FA2; } .ltc-true-blue { color: #006FDF!important; } .new-text{ width:100%; height:38px; display:block; overflow:hidden; } .ltc-true-blue:hover { color: #0059b2!important; } .icon-true-blue { color: #006FDF!important; border-color: #006FDF!important; } .bg-overview-bg-2 { background-image: url("../new/images/overview_bg_2.jpg"); } .samehtwrapper .display-in-blocs-edit-mode-only { display: block; position: relative; height: 40px; padding-top: 6px; padding-left: 10px; font-size: 1.5em; background-color: #cccccc } .img-hover-tilt-container { position: relative; transform-style: preserve-3d; } .hover-tilt-label { position: absolute; top: 50%; transform: translateY(-50%) translateZ(20px); width: 100%; text-align: center; font-size: 25px; } .hover-tilt-light-text { color: rgba(255,255,255,.8); } .img-text-overlay-container { position: relative; } .text-label-overlay { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 40px; } .text-overlay-light-text { color: rgba(255,255,255,.5); } .LoadingMessage{ width: 100%; position: fixed; height: 100%; left: 0; top: 0; text-align: center; background-color:#000000; opacity: 0.5; z-index:10; } .loading{ width: 100%; position: fixed; height: 100%; left: 0; top: 0; text-align: center; background-color:#000000; opacity: 0.5; z-index:10; } .load_box{ width: 100%; position: fixed; height: 100%; left: 0; top: 35%; text-align: center; z-index:15; } .form-alert{ width: 50%; position: fixed; top: 30%; left:25%; font-size:20px; line-height:50px; z-index:15; } .pagebox{ padding:0; margin:0; } .pagebox li { display: inline; margin:0 1px; } .pagebox li a { color: #333; font-size: 14px; padding: 2px 5px; } .pagebox .active a, .pagebox .active a:hover, .pagebox .active a:focus { color: #333; font-weight:bolder; border-radius: 4px; border:1px solid rgba(0,0,0,.5); } .pagebox .disabled a, .pagebox .disabled a:hover, .pagebox .disabled a:focus { color: rgba(0,0,0,.5); cursor: not-allowed; background-color: #fff; border-color: #ddd; } .bgc-true-blue{ background-color: #006FDF; } .footer-nav{ display:block; } /*产品图标导航样式*/ .chapternav-items{ display: flex; margin: 10px auto; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; flex-flow: row nowrap; justify-content: center; } .chapternav-items li { list-style: none; text-align: center; padding: 10px; margin: 0 10px; } /* 首页cookie公告样式 */ .home_cookie_box{ position: fixed; right: 10px; bottom: 10%; z-index: 999; opacity: 0.5; width: 350px; height: auto; padding: 30px 30px; color: #ffffff; border-radius: 6px; background-color: #006CDE; } .cookie_button_box{ margin-top: 20px; } .cookie_button_box button{ margin: 0 5px; } .cookie_buttons{ color:#ffffff; text-decoration:underline; } .cookie_buttons:hover{ color:#ffffff; text-decoration:none; } .setCookie{ padding: 6px 10px 20px 10px; } .setCookie_box{ max-height: 500px; overflow-y: auto; } .close{ text-align: right; } .modal-body-text{ height: 20px; overflow: hidden; } .show_more_button, .show_less_button{ padding: 0; color: #212529; text-decoration:underline; } .card-header{ padding: 5px; } .card-link{ font-size: 15px; color: #212529; } .switch{ width: auto; float: right; } @media (max-width: 1024px) { .form-alert{ width: 90%; position: fixed; top: 30%; left:5%; font-size:16px; line-height:30px; z-index:15; } .bloc { padding-left: 20px; padding-right: 20px; } .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container { padding-left: 0; padding-right: 0; } .buy_btn{ padding:4px 8px; font-size:0.9em; } .input{ border-style:solid; border-radius:0px 0px 0px 0px; border-width:0px 0px 0px 0px; } } @media (max-width: 991px) { .container { width: 100%; } .page-container, #hero-bloc { overflow-x: hidden; position: relative; } .bloc { padding-left: constant(safe-area-inset-left); padding-right: constant(safe-area-inset-right); } .bloc-group, .bloc-group .bloc { display: block; width: 100%; } .home-carousel-caption { margin-bottom: -40%; border-width: 4px 4px 4px 4px; } h1 { font-size: 3em; } h3 { font-size: 1.5em; } h2 { font-size: 1.8em; } .underline { border-bottom-width: 3px; } .h2-style { line-height: 150%; } .addaptive-padding { margin-top: 0px; padding-top: 25px; } .column-offset-1 { margin: 0px 0px -20px 0px; padding: 0px 0px 0px 0px; } .padding-10 { padding: 10% 10% 10% 10%; } .shadow-offset { margin-bottom: 5%; } .link-txt-underline { text-decoration: underline!important; } .link-txt-underline:hover { text-decoration: none; } .blue-underline { border-bottom-width: 6px; } .solution-home-image { min-width: 1200%; margin: 0% 0% 0% 0%; } .padding-1 { margin: 0% 0% 0% 0%; padding: 4% 4% 4% 4%; } .padding-2 { margin-right: 8%; margin-left: 8%; } .product-main-title { padding-bottom: 20px; padding-top: 7px; } .product-main-sub-title { padding-right: 35px; padding-bottom: 20px; padding-left: 35px; } .additional-padding-botom { padding-bottom: 30px; } .product-detail-content-offset { padding-bottom: 50px; padding-top: 40%; } .product-detail-customize-padding { margin-top: 50px; margin-bottom: 50px; } .text-align-left { text-align: left; } .pr-bg-height { height: 800px; } .contact-offset { margin-top: -150px; } .home-carousel-caption-2-margin { margin-right: 0px; } .home-carousel-image-2 { min-width: 150%; margin-left: 0%; } .home-carousel-caption-2 { width: 50%; } .home-carousel-button-2:hover { background-color: #006FDF; } .home-carousel-button-2 { background-color: #006FDF; color: #FFFFFF!important; } .row-margin-50 { margin-left: 15px; margin-right: 15px; } .top-padding-50 { padding-top: 16px; } .top-margin-neg50 { margin-top: -50px; } .white-framed-button { color: #0D3A59!important; background-color: #FFFFFF; } .product-home-label { font-size: 0.5em; text-decoration: underline!important; color: #000000!important; } .product-home-label:hover { text-decoration: none; } .blue-hover { border-style: none; border-color: #FEFFFE!important; border-width: 0px 0px 0px 0px; } .product-home-column-offseet { margin-bottom: -0px; } .blue-hover:hover { background-color: #0071E6; } .gradient-gray-bg { background: linear-gradient(45deg, #B1C3D9, #3A4450); } .light-button { color: #FFFFFF!important; border-color: #006FDF!important; background-color: #006FDF; } .row-fill-margin { margin-left: -35px; margin-right: -35px; } .vision-content-offset { max-width: 80%; margin: 0% 0% 10% -90%; padding: 0% 0% 0% 0%; } .solution-carousel-caption { margin-right: -113px; margin-left: -113px; padding-left: 50px; padding-right: 50px; } .home-solution-margin-50 { margin-top: 0px; padding: 41px 50px 4px 50px; } .home-solution-carousel-position { margin-right: 50px; margin-left: 50px; margin-bottom: 50px; } .product-detail-nav-toggle { font-size: 1.5em; } .content-center-vertical { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer-link { line-height: 100%; } .p-bloc-67-style { font-size: 0.75em; } .product-home-label-offset:hover { text-decoration: none; } .store-label { font-size: 0.75em; } .store-label-offset { margin-top: -25px; } .store-button { font-size: 1.25em; } .h3-bloc-56-style { font-size: 1em; } .solution-square-heightlimit { margin-top: auto; margin-bottom: auto; max-height: 50vh; min-height: 50%; } .solution-content-padding { margin-top: 10%; margin-bottom: 10%; margin-left: -90%; padding-right: 0px; max-width: 80%; } .additional-white-bloc { height: 20px; color: transparent!important; } .height-officebloc { } .light-blue-bg { } .padding-productmain-sub-down { padding-right: 35px; padding-left: 35px; padding-bottom: 20px; } .padding-homearticle-up { padding: 30px 30px 15px 30px; } .padding-homearticle-down { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .padding-productmain-sub-mid { padding-right: 20px; padding-left: 20px; padding-bottom: 5px; } .support-lable-offset { margin-top: -30px; } .navbar-button { margin-top: 3px; } .document-thumbnail:hover { } h4 { font-size: 1.25em; } .support-icon-position { max-width: 100%; } .product-detail-content-minimumheight { min-height: 50vh; } .store-detail-option-padding { padding: 25px 25px 25px 25px; } .voffset-clear-md { margin-top: 0; } .voffset-md { margin-top: 30px; } .voffset-md-md { margin-top: 50px; } .mg-sm-md { margin-top: 10px; margin-bottom: 5px; } .mg-md-md { margin-top: 10px; margin-bottom: 20px; } .mg-clear-md { margin: 0; } .p-bloc-63-style{ font-size:20px; } .height-max-compare-table{ max-height:120px; } } @media (max-width: 767px) { .list-horizontal-layout li { margin:0 2px; font-size: 0.8em; } .home-carousel-caption { margin-bottom: -42%; border-width: 4px 4px 4px 4px; } h1 { font-size: 2em; } h3 { font-size: 1em; } h2 { font-size: 1.25em; } .underline { border-bottom-width: 2px; } .addaptive-padding { padding-top: 25px; padding-bottom: 0px; } .font-bold { font-weight: bold; } .padding-10 { padding: 5% 5% 5% 5%; } .blue-underline { border-bottom-width: 4px; } .solution-home-image { margin-top: 0%; margin-right: 0%; margin-left: 0%; padding-top: 0%; min-width: 100%; padding-left: 0%; padding-right: 0%; } .padding-2 { margin-right: 4%; margin-left: 4%; } .product-main-title { padding-top: 5px; margin-top: 0px; margin-bottom: 0px; } .product-main-sub-title { margin-top: auto; margin-bottom: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 15px; } .additional-padding-botom { padding-bottom: 30px; } .product-detail-content-offset { padding-bottom: 40px; } .pr-bg-height { height: 1000px; } .home-carousel-image-2 { min-width: 200%; margin-left: -50%; background-color: #0000FF; } .home-carousel-caption-2 { width: 100%; margin-bottom: 0px; background-color: #22262A; padding-top: 40px; margin-top: 0px; padding-bottom: 50px; } .home-carousel-extra-padding { background-color: transparent; margin-bottom: 232px; } .home-carousel-caption-2-margin { margin-left: 50px; margin-right: 50px; } .home-carousel-caption-2:hover { background-color: #22262A; } .row-margin-50 { margin-right: 15px; margin-left: 15px; margin-top: 30px; } .home-solution-image { min-width: 200%; margin-left: -75%; } .top-margin-neg50 { margin-top: -30px; } .product-home-big-image { padding-left: 0%; margin-left: -50%; min-width: 200%; margin-top: 70px; margin-bottom: -12.5%; } .product-detail-image-right { min-width: 150%; margin: 0% 0% -10% 0%; } .product-detail-content-right { margin-left: 0%; margin-top: 0%; margin-bottom: 40px; } .product-detail-image-left { min-width: 150%; margin: 0% 0% -10% -50%; padding: 0% 0% 0% 0%; } .product-detail-content-left { margin-left: 0%; margin-top: 0%; margin-bottom: 40px; } .vision-content-offset { margin-left: -95%; margin-bottom: 5%; max-width: 90%; } .solution-carousel-caption { margin-right: -84px; margin-left: -84px; padding-left: 50px; } .home-solution-margin-50 { margin-top: 0px; padding-top: 44px; padding-bottom: 4px; margin-bottom: 0px; } .home-solution-carousel-position { margin: 0px 0px 0px 0px; } .product-detail-nav-toggle { font-size: 1.25em; } .content-center-vertical { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer-link { line-height: 200%; font-size: 1em; } .p-bloc-67-style { font-size: 0.75em; } .product-home-label { font-size: 0.75em; } .solution-content-padding { max-width: 90%; margin-left: -95%; margin-top: 5%; margin-bottom: 5%; } .padding-productmain-sub-down { margin-top: 0px; margin-bottom: 0px; padding: 0px 20px 10px 10px; } .padding-homearticle-up { padding: 20px 20px 10px 20px; } .padding-homearticle-down { padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .padding-productmain-sub-mid { margin: 0px 0px 0px -5px; padding: 10px 0px 10px 0px; } .solution-square-heightlimit { min-height: 50%; max-height: 75vh; } h4 { font-size: 1em; } .store-detail-option-padding { padding: 25px 50px 50px 50px; } .voffset-sm { margin-top: 30px; } .voffset-md-sm { margin-top: 50px; } .mg-sm-sm { margin-top: 10px; margin-bottom: 5px; } .mg-md-sm { margin-top: 10px; margin-bottom: 20px; } .mg-clear-sm { margin: 0; } .page-container { overflow-x: hidden; position: relative; } .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container { padding-left: 0; padding-right: 0; } .a-block { padding: 0 10px; } .btn-dwn { display: none; } .voffset { margin-top: 5px; } .voffset-md { margin-top: 20px; } .voffset-lg { margin-top: 30px; } form { padding: 5px; } .close-lightbox { display: inline-block; } .blocsapp-device-iphone5 { background-size: 216px 425px; padding-top: 60px; width: 216px; height: 425px; } .blocsapp-device-iphone5 img { width: 180px; height: 320px; } .zlight-submenu{ border:none; } .zlight-submenu > li{ display: none; } .navbar-button:hover{ border-color: rgba(0,0,0,0.0)!important; } .navbar-button-visited{ border:none; } .p-bloc-63-style{ font-size:16px; } .height-max-compare-table{ max-height:90px; } /*产品图标导航样式*/ .chapternav-items{ justify-content: initial; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } } @media (max-width: 575px) { .footer-nav{ display:none; } .footer-link { text-align: center; font-size: 1em; line-height: 200%; } .home-carousel-caption { margin-left: -20%; margin-right: -20%; color: #FFFFFF!important; padding-left: 10%; padding-right: 10%; } .home-carousel-image { max-width: 100%; } .light-button { border-color: #006FDF!important; color: #FFFFFF!important; background-color: #006FDF; } .addaptive-padding { padding-top: 20px; } .h2-style { line-height: 120%; } .column-offset-2 { margin-bottom: 0px; } .product-main-title { padding-bottom: 20px; padding-top: 5px; } .column-offset-3 { padding-bottom: 17px; } .additional-padding-botom { padding-bottom: 20px; } .product-detail-content-offset { padding-bottom: 5px; padding-right: 15px; padding-left: 15px; } .product-detail-customize-position { padding-left: 15px; padding-right: 15px; } .product-detail-customize-carousel { width: 100%; margin-left: -15%; } .product-detail-customize-padding { margin-top: 15px; margin-bottom: 15px; } .pr-bg-height { height: 1500px; } .img-logo-alt-2--style { width: 150px; } .contact-offset { margin-top: -200px; } .home-carousel-caption-2 { margin-left: -15%; padding-top: 11px; margin-bottom: 0px; padding-bottom: 22px; } .home-carousel-caption-2-margin { margin-left: 22px; margin-right: 22px; } .home-carousel-extra-padding { margin-bottom: 176px; } .home-carousel-caption-2:hover { background-color: #23262A; } .row-margin-50 { margin-right: -13px; margin-left: -13px; padding-top: 0px; margin-top: 2px; } .top-margin-neg50 { margin-top: -2px; } .row-margin-50_2 { margin-top: 22px; margin-right: -8px; margin-left: -8px; } .product-home-big-image { margin-top: 130px; } .product-main-sub-title { padding-left: 35px; padding-right: 35px; margin-top: 0px; margin-bottom: 20px; } .product-detail-content-right { margin-bottom: 20px; } .product-detail-content-left { margin-bottom: 20px; } .p-166-style { font-size: 10px; } .p-167-style { font-size: 10px; } .p-168-style { font-size: 10px; } .p-169-style { font-size: 10px; } .p-170-style { font-size: 10px; } .p-171-style { font-size: 10px; } .p-172-style { font-size: 10px; } .p-173-style { font-size: 10px; } .vision-content-offset { margin: 4% 4% 5% 5%; } .p-bloc-6-style { font-size: 12px; line-height: 16px; } .solution-carousel-caption { margin-right: -46px; margin-left: -46px; padding-left: 22px; padding-right: 22px; } .home-solution-carousel-position { max-width: 100%; margin-right: 0px; margin-left: 0px; } .home-solution-margin-50 { margin: 0px 0px -24px 0px; padding: 16px 22px 0px 22px; } .home-solution-carousel-button { width: 22px; } .content-center-vertical { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .product-home-label { font-size: 0.75em; } .store-label-offset { margin-top: 0px; } .store-button { font-size: 1em; } .solution-square-heightlimit { max-height: 200vh; min-height: 0vh; } .solution-content-padding { margin-left: 5%; margin-top: 5%; } .padding-productmain-sub-down { margin-bottom: 0px; margin-top: 0px; padding: 0px 35px 20px 35px; } .height-productmain-sub { margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 20px; padding-left: 20px; } .padding-productmain-sub-mid { padding-top: 0px; padding-bottom: 10px; } .h2-banner-style { font-size: 32px; line-height: 32px; } .h2-3-banner-style { font-size: 32px; line-height: 32px; } .h2-4-banner-style { font-size: 32px; line-height: 32px; } .store-detail-option-padding { padding: 10px 20px 20px 20px; } .voffset-xs { margin-top: 30px; } .voffset-md-xs { margin-top: 50px; } .mg-sm-xs { margin-top: 10px; margin-bottom: 5px; } .mg-lg-xs { margin-top: 10px; margin-bottom: 40px; } .mg-clear-xs { margin: 0; } } /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:10px; height: 6px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow:inset006pxrgba(0,0,0,0.3); border-radius:4px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius:4px; background:rgba(0,0,0,0.3); -webkit-box-shadow:inset006pxrgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background:rgba(0,0,0,0.1); }